@zenky/storefront-vue 0.9.34 → 0.9.38

package/dist/cjs/index.js

@@ -579,7 +579,7 @@ const useCategoriesStore = pinia.defineStore({
             }
             this.loading = true;
             try {
-                this.tree = await api.getCategoriesTree({ visibility: 'visible', with: 'media' });
+                this.tree = await api.getCategoriesTree({ visibility: api.Visibility.Visible, with: 'media' });
                 this.loaded = true;
             }
             catch (e) {
@@ -754,7 +754,7 @@ const useCollectionsStore = pinia.defineStore({
             this.loading = true;
             try {
                 this.collections = (await api.getProductsCollections({
-                    visibility: 'visible',
+                    visibility: api.Visibility.Visible,
                     order_by: 'name',
                     with: 'media',
                     count: 100,
@@ -1630,10 +1630,13 @@ var ProductsFiltersType;
     ProductsFiltersType["FeaturesGroups"] = "featuresGroups";
 })(ProductsFiltersType || (ProductsFiltersType = {}));
 
-function getSourceParams(source) {
+function getSourceParams(source, promotion) {
     if (source === null || !source.id || !source.type) {
         return {};
     }
+    else if (promotion !== null) {
+        return {};
+    }
     switch (source.type) {
         case ProductsSourceType.Category:
             return { category_id: source.id };
@@ -1720,9 +1723,15 @@ function getLoaderParams(page, loader) {
     if (loader.search) {
         params.search = loader.search;
     }
-    if (typeof loader.promotionReward === 'string' && loader.promotionReward) {
-        params.promotion_reward = loader.promotionReward;
+    if (typeof loader.promotion === 'undefined' || loader.promotion === null) {
+        return params;
+    }
+    params.promotion_reward = 'all';
+    if (!loader.promotion.context_type || !loader.promotion.context_id) {
+        return params;
     }
+    params.context_type = loader.promotion.context_type;
+    params.context_id = loader.promotion.context_id;
     return params;
 }
 function getProductsPaginationRequest(page, loader) {
@@ -1730,7 +1739,7 @@ function getProductsPaginationRequest(page, loader) {
         return null;
     }
     return {
-        ...getSourceParams(loader.source),
+        ...getSourceParams(loader.source, loader.promotion),
         ...getSortingParams(loader.sorting),
         ...getFiltersParams(loader.filters),
         ...getPricesFiltersParams(loader.pricesFilters),
@@ -1771,7 +1780,7 @@ function useProductsList(config, errorHandler) {
             count: config.value.count,
         },
         with: config.value.with || '',
-        promotionReward: config.value.promotionReward || null,
+        promotion: config.value.promotion || null,
     }));
     const load = async (page, reset = false, callback) => {
         const request = getProductsPaginationRequest(page, loader.value);
@@ -1832,9 +1841,26 @@ function getFiltersFromUrl(param) {
     });
     return filters;
 }
+function getProductsListQueryParamsWithPromotion(params, promotion) {
+    if (!promotion) {
+        return params;
+    }
+    const clone = {
+        ...params,
+        promotion_id: promotion.id,
+        reward_id: promotion.reward_id,
+    };
+    if (promotion.context_type) {
+        clone.context_type = promotion.context_type;
+    }
+    if (promotion.context_id) {
+        clone.context_id = promotion.context_id;
+    }
+    return clone;
+}
 function getProductsListQueryParams(config, request) {
     if (request === null) {
-        return {};
+        return getProductsListQueryParamsWithPromotion({}, config.promotion);
     }
     const query = {};
     if (request.order_by && request.order_by !== config.sorting) {
@@ -1852,7 +1878,25 @@ function getProductsListQueryParams(config, request) {
     if (request.search) {
         query.search = request.search;
     }
-    return query;
+    return getProductsListQueryParamsWithPromotion(query, config.promotion);
+}
+function getQueryParam(query, param) {
+    return typeof query[param] !== 'undefined' && query[param] ? query[param] : null;
+}
+function getPromotionFromQuery(query) {
+    const promotionId = getQueryParam(query, 'promotion_id');
+    const rewardId = getQueryParam(query, 'reward_id');
+    if (!promotionId || !rewardId) {
+        return null;
+    }
+    const contextType = getQueryParam(query, 'context_type');
+    const contextId = getQueryParam(query, 'context_id');
+    return {
+        id: promotionId,
+        reward_id: rewardId,
+        context_type: contextType,
+        context_id: contextId,
+    };
 }
 function getProductsListParamsFromQuery(query) {
     if (!query) {
@@ -1861,9 +1905,10 @@ function getProductsListParamsFromQuery(query) {
     return {
         sorting: typeof query.order_by !== 'undefined' ? query.order_by : null,
         f: typeof query.f === 'string' ? getFiltersFromUrl(query.f) : null,
-        min_price: typeof query.min_price !== 'undefined' && query.min_price ? query.min_price : null,
-        max_price: typeof query.max_price !== 'undefined' && query.max_price ? query.max_price : null,
-        search: typeof query.search !== 'undefined' && query.search ? query.search : null,
+        min_price: getQueryParam(query, 'min_price'),
+        max_price: getQueryParam(query, 'max_price'),
+        search: getQueryParam(query, 'search'),
+        promotion: getPromotionFromQuery(query),
     };
 }
 
@@ -1912,6 +1957,123 @@ function getProductsSource(source) {
     }
 }
 
+const usePromotionsStore = pinia.defineStore({
+    id: 'zenky:storefront:promotions',
+    state: () => ({
+        checking: false,
+        failed: false,
+        selector: {
+            available: false,
+            closed: false,
+            offer: null,
+            promotion_id: '',
+            reward_id: '',
+            max_quantity: 0,
+            context: null,
+        },
+    }),
+    getters: {
+        hasSelector() {
+            if (this.checking) {
+                return false;
+            }
+            else if (!this.selector.available) {
+                return false;
+            }
+            else if (!this.selector.promotion_id || !this.selector.reward_id) {
+                return false;
+            }
+            return true;
+        },
+        hasSelectorContext() {
+            if (this.selector.context === null) {
+                return false;
+            }
+            return !!this.selector.context.id && !!this.selector.context.type;
+        },
+    },
+    actions: {
+        setCheckerState(value, timedOut = false) {
+            this.checking = value;
+            this.failed = timedOut;
+        },
+        disableRewardsSelector() {
+            this.selector.available = false;
+            this.selector.offer = null;
+            this.selector.promotion_id = '';
+            this.selector.reward_id = '';
+            this.selector.max_quantity = 0;
+            this.selector.context = null;
+        },
+        enableRewardsSelector(selector) {
+            this.selector.available = true;
+            this.selector.offer = selector.offer;
+            this.selector.promotion_id = selector.promotion_id;
+            this.selector.reward_id = selector.reward_id;
+            this.selector.max_quantity = selector.limit;
+            this.selector.context = selector.context;
+        },
+        closeRewardsSelector() {
+            this.selector.closed = true;
+        },
+        openRewardsSelector() {
+            this.selector.closed = false;
+        },
+        initialize() {
+            events.usePromotionsCheckerStarted().subscribe('storefront.promotions.initialize', () => this.setCheckerState(true));
+            events.usePromotionsCheckerCompleted().subscribe('storefront.promotions.initialize', (params) => this.setCheckerState(false, params && params.timeout === true));
+            events.useDisplayOrderPromotionRewardSelection().subscribe('storefront.promotions.initialize', ({ data }) => this.enableRewardsSelector(data));
+            events.useOrderPromotionsNotFound().subscribe('storefront.promotions.initialize', () => this.disableRewardsSelector());
+        },
+    },
+});
+
+function initializePromotions(order, timeout = 10000) {
+    const promotionsStore = usePromotionsStore();
+    promotionsStore.initialize();
+    const promotionsAreChecking = vue.computed(() => promotionsStore.checking);
+    let manualTimeout = undefined;
+    const checker = async () => {
+        if (promotionsAreChecking.value) {
+            return;
+        }
+        if (manualTimeout) {
+            clearTimeout(manualTimeout);
+        }
+        events.usePromotionsCheckerStarted().publish();
+        await api.checkCompletedPromotions({ id: order.id, token: order.token });
+        manualTimeout = setTimeout(() => {
+            if (promotionsAreChecking.value) {
+                events.usePromotionsCheckerCompleted().publish({ timeout: true });
+            }
+        }, timeout);
+    };
+    events.useProductQuantityIncreased().subscribe('promotions.init', checker);
+    events.useProductQuantityDecreased().subscribe('promotions.init', checker);
+    api.checkCompletedPromotions({ id: order.id, token: order.token }).then(() => {
+        console.log('[storefront/promotions] Promotions checker has been initialized.');
+    });
+}
+function useRewardsSelector() {
+    const promotionsStore = usePromotionsStore();
+    const selector = vue.computed(() => promotionsStore.selector);
+    const checking = vue.computed(() => promotionsStore.checking);
+    const failed = vue.computed(() => promotionsStore.failed);
+    const available = vue.computed(() => selector.value.available);
+    const collapsed = vue.computed(() => selector.value.closed);
+    const close = () => promotionsStore.closeRewardsSelector();
+    const open = () => promotionsStore.openRewardsSelector();
+    return {
+        checking,
+        failed,
+        available,
+        collapsed,
+        selector,
+        open,
+        close,
+    };
+}
+
 exports.ZenkyWebsocketEvent = void 0;
 (function (ZenkyWebsocketEvent) {
     ZenkyWebsocketEvent["OrderPriceRecalculated"] = "orders.price.recalculated";
@@ -1994,6 +2156,7 @@ exports.getStockAddress = getStockAddress;
 exports.getStockSchedule = getStockSchedule;
 exports.getStorage = getStorage;
 exports.getWebsocketsConnection = getWebsocketsConnection;
+exports.initializePromotions = initializePromotions;
 exports.subscribeToOrderEvents = subscribeToOrderEvents;
 exports.useAddressFormValue = useAddressFormValue;
 exports.useArticleCategoriesList = useArticleCategoriesList;
@@ -2037,8 +2200,10 @@ exports.usePhoneConfirmation = usePhoneConfirmation;
 exports.useProductsList = useProductsList;
 exports.useProductsPricesRange = useProductsPricesRange;
 exports.useProductsPricesRangeFilters = useProductsPricesRangeFilters;
+exports.usePromotionsStore = usePromotionsStore;
 exports.useRegistration = useRegistration;
 exports.useReversedTree = useReversedTree;
+exports.useRewardsSelector = useRewardsSelector;
 exports.useSplittedCategoriesTree = useSplittedCategoriesTree;
 exports.useStateDataLoader = useStateDataLoader;
 exports.useStoreStore = useStoreStore;

package/dist/esm/index.js

@@ -1,9 +1,9 @@
 import { ref, computed, watch, unref, inject } from 'vue';
 import { debounce, isBoolean } from 'lodash-es';
-import { getStore, getAddressSuggestions, getCategoriesTree, getProductsCollections, getApiErrorMessage, getCategoryFeatures, getCategoryFeaturesGroups, getArticles, getArticleCategories, getArticle, getAuthenticationStatus, setAxiosToken, getCustomerProfile, login, requestPasswordResetCode, resetPassword, register, resendConfirmationCode, confirm, getApiErrorCode, getCustomerAddresses, deleteAddress, updateAddress, getCustomerOrders, getOrder, getCustomerPaymentMethods, deleteCustomerPaymentMethod, ImageType, getOffers, getOffer, getProductsPricesRange, getProducts } from '@zenky/api';
+import { getStore, getAddressSuggestions, getCategoriesTree, Visibility, getProductsCollections, getApiErrorMessage, getCategoryFeatures, getCategoryFeaturesGroups, getArticles, getArticleCategories, getArticle, getAuthenticationStatus, setAxiosToken, getCustomerProfile, login, requestPasswordResetCode, resetPassword, register, resendConfirmationCode, confirm, getApiErrorCode, getCustomerAddresses, deleteAddress, updateAddress, getCustomerOrders, getOrder, getCustomerPaymentMethods, deleteCustomerPaymentMethod, ImageType, getOffers, getOffer, getProductsPricesRange, getProducts, checkCompletedPromotions } from '@zenky/api';
 import { defineStore } from 'pinia';
 import { useNotification } from '@zenky/ui';
-import { useCustomerLoaded, useCustomerAuthenticated, useCustomerLoggedOut, useOrderPriceRecalculated, useOrderShouldBeReloaded, useOrderPromotionRewardsShouldBeReloaded, useDisplayOrderPromotionRewardSelection, usePromotionsCheckerCompleted, useOrderPromotionsNotFound, useOrderSubmitted } from '@zenky/events';
+import { useCustomerLoaded, useCustomerAuthenticated, useCustomerLoggedOut, usePromotionsCheckerStarted, usePromotionsCheckerCompleted, useDisplayOrderPromotionRewardSelection, useOrderPromotionsNotFound, useProductQuantityIncreased, useProductQuantityDecreased, useOrderPriceRecalculated, useOrderShouldBeReloaded, useOrderPromotionRewardsShouldBeReloaded, useOrderSubmitted } from '@zenky/events';
 import Pusher from 'pusher-js';
 
 function useDataDestroyer(destroyer, errorHandler) {
@@ -571,7 +571,7 @@ const useCategoriesStore = defineStore({
             }
             this.loading = true;
             try {
-                this.tree = await getCategoriesTree({ visibility: 'visible', with: 'media' });
+                this.tree = await getCategoriesTree({ visibility: Visibility.Visible, with: 'media' });
                 this.loaded = true;
             }
             catch (e) {
@@ -746,7 +746,7 @@ const useCollectionsStore = defineStore({
             this.loading = true;
             try {
                 this.collections = (await getProductsCollections({
-                    visibility: 'visible',
+                    visibility: Visibility.Visible,
                     order_by: 'name',
                     with: 'media',
                     count: 100,
@@ -1622,10 +1622,13 @@ var ProductsFiltersType;
     ProductsFiltersType["FeaturesGroups"] = "featuresGroups";
 })(ProductsFiltersType || (ProductsFiltersType = {}));
 
-function getSourceParams(source) {
+function getSourceParams(source, promotion) {
     if (source === null || !source.id || !source.type) {
         return {};
     }
+    else if (promotion !== null) {
+        return {};
+    }
     switch (source.type) {
         case ProductsSourceType.Category:
             return { category_id: source.id };
@@ -1712,9 +1715,15 @@ function getLoaderParams(page, loader) {
     if (loader.search) {
         params.search = loader.search;
     }
-    if (typeof loader.promotionReward === 'string' && loader.promotionReward) {
-        params.promotion_reward = loader.promotionReward;
+    if (typeof loader.promotion === 'undefined' || loader.promotion === null) {
+        return params;
+    }
+    params.promotion_reward = 'all';
+    if (!loader.promotion.context_type || !loader.promotion.context_id) {
+        return params;
     }
+    params.context_type = loader.promotion.context_type;
+    params.context_id = loader.promotion.context_id;
     return params;
 }
 function getProductsPaginationRequest(page, loader) {
@@ -1722,7 +1731,7 @@ function getProductsPaginationRequest(page, loader) {
         return null;
     }
     return {
-        ...getSourceParams(loader.source),
+        ...getSourceParams(loader.source, loader.promotion),
         ...getSortingParams(loader.sorting),
         ...getFiltersParams(loader.filters),
         ...getPricesFiltersParams(loader.pricesFilters),
@@ -1763,7 +1772,7 @@ function useProductsList(config, errorHandler) {
             count: config.value.count,
         },
         with: config.value.with || '',
-        promotionReward: config.value.promotionReward || null,
+        promotion: config.value.promotion || null,
     }));
     const load = async (page, reset = false, callback) => {
         const request = getProductsPaginationRequest(page, loader.value);
@@ -1824,9 +1833,26 @@ function getFiltersFromUrl(param) {
     });
     return filters;
 }
+function getProductsListQueryParamsWithPromotion(params, promotion) {
+    if (!promotion) {
+        return params;
+    }
+    const clone = {
+        ...params,
+        promotion_id: promotion.id,
+        reward_id: promotion.reward_id,
+    };
+    if (promotion.context_type) {
+        clone.context_type = promotion.context_type;
+    }
+    if (promotion.context_id) {
+        clone.context_id = promotion.context_id;
+    }
+    return clone;
+}
 function getProductsListQueryParams(config, request) {
     if (request === null) {
-        return {};
+        return getProductsListQueryParamsWithPromotion({}, config.promotion);
     }
     const query = {};
     if (request.order_by && request.order_by !== config.sorting) {
@@ -1844,7 +1870,25 @@ function getProductsListQueryParams(config, request) {
     if (request.search) {
         query.search = request.search;
     }
-    return query;
+    return getProductsListQueryParamsWithPromotion(query, config.promotion);
+}
+function getQueryParam(query, param) {
+    return typeof query[param] !== 'undefined' && query[param] ? query[param] : null;
+}
+function getPromotionFromQuery(query) {
+    const promotionId = getQueryParam(query, 'promotion_id');
+    const rewardId = getQueryParam(query, 'reward_id');
+    if (!promotionId || !rewardId) {
+        return null;
+    }
+    const contextType = getQueryParam(query, 'context_type');
+    const contextId = getQueryParam(query, 'context_id');
+    return {
+        id: promotionId,
+        reward_id: rewardId,
+        context_type: contextType,
+        context_id: contextId,
+    };
 }
 function getProductsListParamsFromQuery(query) {
     if (!query) {
@@ -1853,9 +1897,10 @@ function getProductsListParamsFromQuery(query) {
     return {
         sorting: typeof query.order_by !== 'undefined' ? query.order_by : null,
         f: typeof query.f === 'string' ? getFiltersFromUrl(query.f) : null,
-        min_price: typeof query.min_price !== 'undefined' && query.min_price ? query.min_price : null,
-        max_price: typeof query.max_price !== 'undefined' && query.max_price ? query.max_price : null,
-        search: typeof query.search !== 'undefined' && query.search ? query.search : null,
+        min_price: getQueryParam(query, 'min_price'),
+        max_price: getQueryParam(query, 'max_price'),
+        search: getQueryParam(query, 'search'),
+        promotion: getPromotionFromQuery(query),
     };
 }
 
@@ -1904,6 +1949,123 @@ function getProductsSource(source) {
     }
 }
 
+const usePromotionsStore = defineStore({
+    id: 'zenky:storefront:promotions',
+    state: () => ({
+        checking: false,
+        failed: false,
+        selector: {
+            available: false,
+            closed: false,
+            offer: null,
+            promotion_id: '',
+            reward_id: '',
+            max_quantity: 0,
+            context: null,
+        },
+    }),
+    getters: {
+        hasSelector() {
+            if (this.checking) {
+                return false;
+            }
+            else if (!this.selector.available) {
+                return false;
+            }
+            else if (!this.selector.promotion_id || !this.selector.reward_id) {
+                return false;
+            }
+            return true;
+        },
+        hasSelectorContext() {
+            if (this.selector.context === null) {
+                return false;
+            }
+            return !!this.selector.context.id && !!this.selector.context.type;
+        },
+    },
+    actions: {
+        setCheckerState(value, timedOut = false) {
+            this.checking = value;
+            this.failed = timedOut;
+        },
+        disableRewardsSelector() {
+            this.selector.available = false;
+            this.selector.offer = null;
+            this.selector.promotion_id = '';
+            this.selector.reward_id = '';
+            this.selector.max_quantity = 0;
+            this.selector.context = null;
+        },
+        enableRewardsSelector(selector) {
+            this.selector.available = true;
+            this.selector.offer = selector.offer;
+            this.selector.promotion_id = selector.promotion_id;
+            this.selector.reward_id = selector.reward_id;
+            this.selector.max_quantity = selector.limit;
+            this.selector.context = selector.context;
+        },
+        closeRewardsSelector() {
+            this.selector.closed = true;
+        },
+        openRewardsSelector() {
+            this.selector.closed = false;
+        },
+        initialize() {
+            usePromotionsCheckerStarted().subscribe('storefront.promotions.initialize', () => this.setCheckerState(true));
+            usePromotionsCheckerCompleted().subscribe('storefront.promotions.initialize', (params) => this.setCheckerState(false, params && params.timeout === true));
+            useDisplayOrderPromotionRewardSelection().subscribe('storefront.promotions.initialize', ({ data }) => this.enableRewardsSelector(data));
+            useOrderPromotionsNotFound().subscribe('storefront.promotions.initialize', () => this.disableRewardsSelector());
+        },
+    },
+});
+
+function initializePromotions(order, timeout = 10000) {
+    const promotionsStore = usePromotionsStore();
+    promotionsStore.initialize();
+    const promotionsAreChecking = computed(() => promotionsStore.checking);
+    let manualTimeout = undefined;
+    const checker = async () => {
+        if (promotionsAreChecking.value) {
+            return;
+        }
+        if (manualTimeout) {
+            clearTimeout(manualTimeout);
+        }
+        usePromotionsCheckerStarted().publish();
+        await checkCompletedPromotions({ id: order.id, token: order.token });
+        manualTimeout = setTimeout(() => {
+            if (promotionsAreChecking.value) {
+                usePromotionsCheckerCompleted().publish({ timeout: true });
+            }
+        }, timeout);
+    };
+    useProductQuantityIncreased().subscribe('promotions.init', checker);
+    useProductQuantityDecreased().subscribe('promotions.init', checker);
+    checkCompletedPromotions({ id: order.id, token: order.token }).then(() => {
+        console.log('[storefront/promotions] Promotions checker has been initialized.');
+    });
+}
+function useRewardsSelector() {
+    const promotionsStore = usePromotionsStore();
+    const selector = computed(() => promotionsStore.selector);
+    const checking = computed(() => promotionsStore.checking);
+    const failed = computed(() => promotionsStore.failed);
+    const available = computed(() => selector.value.available);
+    const collapsed = computed(() => selector.value.closed);
+    const close = () => promotionsStore.closeRewardsSelector();
+    const open = () => promotionsStore.openRewardsSelector();
+    return {
+        checking,
+        failed,
+        available,
+        collapsed,
+        selector,
+        open,
+        close,
+    };
+}
+
 var ZenkyWebsocketEvent;
 (function (ZenkyWebsocketEvent) {
     ZenkyWebsocketEvent["OrderPriceRecalculated"] = "orders.price.recalculated";
@@ -1969,4 +2131,4 @@ function subscribeToOrderEvents(order) {
     });
 }
 
-export { AuthenticationEvent, AuthenticationResultType, AuthenticationStage, ZenkyInjection, ZenkyWebsocketEvent, createStorage, createWebsocketsConnection, getAddressForm, getApiErrorHandler, getExistedAddress, getExistedAddressDisplayValue, getFirstMedium, getProductsListParamsFromQuery, getProductsListQueryParams, getProductsPaginationRequest, getProductsSource, getSelectedAddress, getSelectedAddressDisplayValue, getStockAddress, getStockSchedule, getStorage, getWebsocketsConnection, subscribeToOrderEvents, useAddressFormValue, useArticleCategoriesList, useArticleItem, useArticlesList, useAuthenticationForm, useAuthenticationStatusChecker, useCategories, useCategoriesStore, useCategoriesTree, useCategory, useCategoryFeaturesGroupsList, useCategoryFeaturesList, useCollection, useCollections, useCollectionsStore, useCustomer, useCustomerStore, useDadata, useDataDestroyer, useDataLoader, useDeliveryAddressDestroyer, useDeliveryAddressesList, useEditAddressForm, useFeaturesFilters, useFeaturesGroupsFilters, useFlatCategoriesTree, useItemLoader, useListLoader, useLogin, useLogout, useOfferItem, useOffersList, useOrderItem, useOrdersList, usePaginatedLoader, usePasswordReset, usePaymentMethodDestroyer, usePaymentMethodsList, usePhoneConfirmation, useProductsList, useProductsPricesRange, useProductsPricesRangeFilters, useRegistration, useReversedTree, useSplittedCategoriesTree, useStateDataLoader, useStoreStore, useSuggestionsRestrictedToCity };
+export { AuthenticationEvent, AuthenticationResultType, AuthenticationStage, ZenkyInjection, ZenkyWebsocketEvent, createStorage, createWebsocketsConnection, getAddressForm, getApiErrorHandler, getExistedAddress, getExistedAddressDisplayValue, getFirstMedium, getProductsListParamsFromQuery, getProductsListQueryParams, getProductsPaginationRequest, getProductsSource, getSelectedAddress, getSelectedAddressDisplayValue, getStockAddress, getStockSchedule, getStorage, getWebsocketsConnection, initializePromotions, subscribeToOrderEvents, useAddressFormValue, useArticleCategoriesList, useArticleItem, useArticlesList, useAuthenticationForm, useAuthenticationStatusChecker, useCategories, useCategoriesStore, useCategoriesTree, useCategory, useCategoryFeaturesGroupsList, useCategoryFeaturesList, useCollection, useCollections, useCollectionsStore, useCustomer, useCustomerStore, useDadata, useDataDestroyer, useDataLoader, useDeliveryAddressDestroyer, useDeliveryAddressesList, useEditAddressForm, useFeaturesFilters, useFeaturesGroupsFilters, useFlatCategoriesTree, useItemLoader, useListLoader, useLogin, useLogout, useOfferItem, useOffersList, useOrderItem, useOrdersList, usePaginatedLoader, usePasswordReset, usePaymentMethodDestroyer, usePaymentMethodsList, usePhoneConfirmation, useProductsList, useProductsPricesRange, useProductsPricesRangeFilters, usePromotionsStore, useRegistration, useReversedTree, useRewardsSelector, useSplittedCategoriesTree, useStateDataLoader, useStoreStore, useSuggestionsRestrictedToCity };

package/dist/zenky.d.ts

@@ -1,6 +1,6 @@
 import { Ref, ComputedRef } from 'vue';
 import * as _zenky_api from '@zenky/api';
-import { PaginationRequest, Pagination, PaginatedResponse, ResourceRequest, Address, City, NestedCategory, ProductsCollection, Feature, FeaturesGroupContainer, Article, ArticleCategory, Customer, AuthenticationPhone, Order, OrderCredentials, CustomerPaymentMethod, Medium, Image, Offer, Product, ProductsPricesRange, ProductsPaginationRequest, Schedule, Stock, Store, StoreSettings } from '@zenky/api';
+import { PaginationRequest, Pagination, PaginatedResponse, ResourceRequest, Address, City, NestedCategory, ProductsCollection, Feature, FeaturesGroupContainer, Article, ArticlesPaginationRequest, ArticleCategory, ArticleCategoriesPaginationRequest, Customer, AuthenticationPhone, Order, OrderCredentials, CustomerPaymentMethod, Medium, Image, Offer, OffersPaginationRequest, Product, ProductsPricesRange, ProductsPaginationRequest, Schedule, Stock, Store, StoreSettings } from '@zenky/api';
 import * as pinia from 'pinia';
 import Pusher from 'pusher-js';
 
@@ -210,8 +210,8 @@ declare const useCollectionsStore: pinia.StoreDefinition<"zenky:storefront:colle
 declare function useCategoryFeaturesList(categoryId: string | null, errorHandler?: OptionalApiErrorHandler): ListLoader<Feature>;
 declare function useCategoryFeaturesGroupsList(categoryId: string | null, errorHandler?: OptionalApiErrorHandler): ListLoader<FeaturesGroupContainer>;
 
-declare function useArticlesList(errorHandler?: OptionalApiErrorHandler): PaginatedLoader<Article>;
-declare function useArticleCategoriesList(errorHandler?: OptionalApiErrorHandler): PaginatedLoader<ArticleCategory>;
+declare function useArticlesList(errorHandler?: OptionalApiErrorHandler): PaginatedLoader<Article, ArticlesPaginationRequest>;
+declare function useArticleCategoriesList(errorHandler?: OptionalApiErrorHandler): PaginatedLoader<ArticleCategory, ArticleCategoriesPaginationRequest>;
 declare function useArticleItem(errorHandler?: OptionalApiErrorHandler): ItemLoader<Article>;
 
 declare enum AuthenticationStage {
@@ -1060,7 +1060,7 @@ declare const useCustomerStore: pinia.StoreDefinition<"zenky:storefront:customer
 
 declare function getFirstMedium(media: Medium | Medium[], sizes?: string[], preferWebp?: boolean): Image | null;
 
-declare function useOffersList(errorHandler?: OptionalApiErrorHandler): PaginatedLoader<Offer>;
+declare function useOffersList(errorHandler?: OptionalApiErrorHandler): PaginatedLoader<Offer, OffersPaginationRequest>;
 declare function useOfferItem(errorHandler?: OptionalApiErrorHandler): ItemLoader<Offer>;
 
 declare enum ProductsSourceType {
@@ -1102,7 +1102,7 @@ interface ProductsLoader {
         count: number;
     };
     with?: string;
-    promotionReward?: string | null;
+    promotion?: ProductsPromotion | null;
 }
 declare type ProductsRequestCallback = (request: ProductsPaginationRequest | null) => void;
 interface ProductsListProvider {
@@ -1123,6 +1123,12 @@ declare enum ProductsFiltersType {
     Features = "features",
     FeaturesGroups = "featuresGroups"
 }
+interface ProductsPromotion {
+    id: string;
+    reward_id: string;
+    context_type: string | null;
+    context_id: string | null;
+}
 interface ProductsListConfig {
     source: ProductsSource | null;
     search?: string | null;
@@ -1132,7 +1138,7 @@ interface ProductsListConfig {
     count: number;
     filtersType: ProductsFiltersType | null;
     with?: string;
-    promotionReward?: string;
+    promotion?: ProductsPromotion | null;
 }
 
 declare function useFeaturesFilters(categoryId: string | null, values: ProductsFilters | null): {
@@ -1161,6 +1167,64 @@ declare function getProductsSource(source: ProductsSource | null): ProductsSourc
 
 declare function getProductsPaginationRequest(page: number, loader: ProductsLoader): ProductsPaginationRequest | null;
 
+interface PromotionsSelectorContext {
+    id: string;
+    type: string;
+}
+interface PromotionsSelectorOffer {
+    id: string;
+    short_id: string;
+    slug: string;
+}
+interface PromotionsSelector {
+    available: boolean;
+    closed: boolean;
+    offer: PromotionsSelectorOffer | null;
+    promotion_id: string;
+    reward_id: string;
+    max_quantity: number;
+    context: PromotionsSelectorContext | null;
+}
+interface PromotionsCheckerSelector {
+    offer: PromotionsSelectorOffer | null;
+    promotion_id: string;
+    reward_id: string;
+    limit: number;
+    context: PromotionsSelectorContext | null;
+}
+interface PromotionsStoreState {
+    checking: boolean;
+    failed: boolean;
+    selector: PromotionsSelector;
+}
+interface PromotionsCheckerCompletedPayload {
+    timeout?: boolean;
+}
+interface PromotionsRewardsSelectorProvider {
+    checking: ComputedRef<boolean>;
+    failed: ComputedRef<boolean>;
+    available: ComputedRef<boolean>;
+    collapsed: ComputedRef<boolean>;
+    selector: ComputedRef<PromotionsSelector>;
+    open: () => void;
+    close: () => void;
+}
+
+declare const usePromotionsStore: pinia.StoreDefinition<"zenky:storefront:promotions", PromotionsStoreState, {
+    hasSelector(): boolean;
+    hasSelectorContext(): boolean;
+}, {
+    setCheckerState(value: boolean, timedOut?: boolean): void;
+    disableRewardsSelector(): void;
+    enableRewardsSelector(selector: PromotionsCheckerSelector): void;
+    closeRewardsSelector(): void;
+    openRewardsSelector(): void;
+    initialize(): void;
+}>;
+
+declare function initializePromotions(order: Order, timeout?: number): void;
+declare function useRewardsSelector(): PromotionsRewardsSelectorProvider;
+
 declare function getStockSchedule(schedule: Schedule): string;
 declare function getStockAddress(stock: Stock): string | null;
 
@@ -1196,4 +1260,4 @@ declare function createWebsocketsConnection(store: Store): Pusher;
 declare function getWebsocketsConnection(): Pusher;
 declare function subscribeToOrderEvents(order: Order): void;
 
-export { AddressForm, AddressFormValue, AddressFormValueProvider, ApiErrorHandler, AuthenticationEvent, AuthenticationForm, AuthenticationFormProvider, AuthenticationResult, AuthenticationResultType, AuthenticationStage, AuthenticationStatusCheckerProvider, CategoriesProvider, CategoriesState, CategoriesTreeProvider, CategoryProvider, CollectionsState, ConfirmableDataDestroyer, ConfirmationProvider, CustomerStore, DadataProvider, DataDestroyer, DataDestroyerHandler, DataLoader, DataProvider, EditAddressFormProvider, EmitAuthenticationEvent, FlatCategoriesTreeProvider, FlattenNestedCategory, ItemLoader, ItemProvider, ListLoader, ListProvider, LoaderState, LoginProvider, LogoutProvider, OptionalApiErrorHandler, PaginatedItemsProvider, PaginatedLoader, PaginatedLoaderState, PasswordResetProvider, ProductsCollectionProvider, ProductsCollectionsProvider, RegistrationProvider, ReversedTreeProvider, SplittedCategoriesTreeProvider, StateDataLoader, StateDataLoaderState, StoreState, ZenkyInjection, ZenkyStorage, ZenkyWebsocketEvent, createStorage, createWebsocketsConnection, getAddressForm, getApiErrorHandler, getExistedAddress, getExistedAddressDisplayValue, getFirstMedium, getProductsListParamsFromQuery, getProductsListQueryParams, getProductsPaginationRequest, getProductsSource, getSelectedAddress, getSelectedAddressDisplayValue, getStockAddress, getStockSchedule, getStorage, getWebsocketsConnection, subscribeToOrderEvents, useAddressFormValue, useArticleCategoriesList, useArticleItem, useArticlesList, useAuthenticationForm, useAuthenticationStatusChecker, useCategories, useCategoriesStore, useCategoriesTree, useCategory, useCategoryFeaturesGroupsList, useCategoryFeaturesList, useCollection, useCollections, useCollectionsStore, useCustomer, useCustomerStore, useDadata, useDataDestroyer, useDataLoader, useDeliveryAddressDestroyer, useDeliveryAddressesList, useEditAddressForm, useFeaturesFilters, useFeaturesGroupsFilters, useFlatCategoriesTree, useItemLoader, useListLoader, useLogin, useLogout, useOfferItem, useOffersList, useOrderItem, useOrdersList, usePaginatedLoader, usePasswordReset, usePaymentMethodDestroyer, usePaymentMethodsList, usePhoneConfirmation, useProductsList, useProductsPricesRange, useProductsPricesRangeFilters, useRegistration, useReversedTree, useSplittedCategoriesTree, useStateDataLoader, useStoreStore, useSuggestionsRestrictedToCity };
+export { AddressForm, AddressFormValue, AddressFormValueProvider, ApiErrorHandler, AuthenticationEvent, AuthenticationForm, AuthenticationFormProvider, AuthenticationResult, AuthenticationResultType, AuthenticationStage, AuthenticationStatusCheckerProvider, CategoriesProvider, CategoriesState, CategoriesTreeProvider, CategoryProvider, CollectionsState, ConfirmableDataDestroyer, ConfirmationProvider, CustomerStore, DadataProvider, DataDestroyer, DataDestroyerHandler, DataLoader, DataProvider, EditAddressFormProvider, EmitAuthenticationEvent, FlatCategoriesTreeProvider, FlattenNestedCategory, ItemLoader, ItemProvider, ListLoader, ListProvider, LoaderState, LoginProvider, LogoutProvider, OptionalApiErrorHandler, PaginatedItemsProvider, PaginatedLoader, PaginatedLoaderState, PasswordResetProvider, ProductsCollectionProvider, ProductsCollectionsProvider, PromotionsCheckerCompletedPayload, PromotionsCheckerSelector, PromotionsRewardsSelectorProvider, PromotionsSelector, PromotionsSelectorContext, PromotionsSelectorOffer, PromotionsStoreState, RegistrationProvider, ReversedTreeProvider, SplittedCategoriesTreeProvider, StateDataLoader, StateDataLoaderState, StoreState, ZenkyInjection, ZenkyStorage, ZenkyWebsocketEvent, createStorage, createWebsocketsConnection, getAddressForm, getApiErrorHandler, getExistedAddress, getExistedAddressDisplayValue, getFirstMedium, getProductsListParamsFromQuery, getProductsListQueryParams, getProductsPaginationRequest, getProductsSource, getSelectedAddress, getSelectedAddressDisplayValue, getStockAddress, getStockSchedule, getStorage, getWebsocketsConnection, initializePromotions, subscribeToOrderEvents, useAddressFormValue, useArticleCategoriesList, useArticleItem, useArticlesList, useAuthenticationForm, useAuthenticationStatusChecker, useCategories, useCategoriesStore, useCategoriesTree, useCategory, useCategoryFeaturesGroupsList, useCategoryFeaturesList, useCollection, useCollections, useCollectionsStore, useCustomer, useCustomerStore, useDadata, useDataDestroyer, useDataLoader, useDeliveryAddressDestroyer, useDeliveryAddressesList, useEditAddressForm, useFeaturesFilters, useFeaturesGroupsFilters, useFlatCategoriesTree, useItemLoader, useListLoader, useLogin, useLogout, useOfferItem, useOffersList, useOrderItem, useOrdersList, usePaginatedLoader, usePasswordReset, usePaymentMethodDestroyer, usePaymentMethodsList, usePhoneConfirmation, useProductsList, useProductsPricesRange, useProductsPricesRangeFilters, usePromotionsStore, useRegistration, useReversedTree, useRewardsSelector, useSplittedCategoriesTree, useStateDataLoader, useStoreStore, useSuggestionsRestrictedToCity };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zenky/storefront-vue",
-  "version": "0.9.34",
+  "version": "0.9.38",
   "description": "Zenky Storefront library for Vue 3.",
   "author": "Timur Zurbaev <hello@zurbaev.ru>",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "Zenky"
   ],
   "peerDependencies": {
-    "@zenky/api": "^0.9.41",
+    "@zenky/api": "^0.9.45",
     "@zenky/events": "^1.0.2",
     "@zenky/ui": "^0.9.63",
     "lodash-es": "^4.17.21",