@zenky/storefront-vue 0.9.32 → 0.9.35

package/dist/cjs/index.js

@@ -8,6 +8,11 @@ var api = require('@zenky/api');
 var pinia = require('pinia');
 var ui = require('@zenky/ui');
 var events = require('@zenky/events');
+var Pusher = require('pusher-js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var Pusher__default = /*#__PURE__*/_interopDefaultLegacy(Pusher);
 
 function useDataDestroyer(destroyer, errorHandler) {
     const destroying = vue.ref(false);
@@ -45,6 +50,16 @@ exports.ZenkyInjection = void 0;
     ZenkyInjection["CategoryNotFound"] = "zenky:category:notFound";
     ZenkyInjection["Collection"] = "zenky:collection";
     ZenkyInjection["CollectionNotFound"] = "zenky:collection:notFound";
+    ZenkyInjection["Offer"] = "zenky:offer";
+    ZenkyInjection["OfferNotFound"] = "zenky:offer:notFound";
+    ZenkyInjection["CategoryContext"] = "zenky:context:category";
+    ZenkyInjection["CategoryContextNotFound"] = "zenky:context:category:notFound";
+    ZenkyInjection["GroupContext"] = "zenky:context:category";
+    ZenkyInjection["GroupContextNotFound"] = "zenky:context:category:notFound";
+    ZenkyInjection["VariantOptionContext"] = "zenky:context:variant_option";
+    ZenkyInjection["VariantOptionContextNotFound"] = "zenky:context:variant_option:notFound";
+    ZenkyInjection["VariantOptionValueContext"] = "zenky:context:variant_option_value";
+    ZenkyInjection["VariantOptionValueContextNotFound"] = "zenky:context:variant_option_value:notFound";
 })(exports.ZenkyInjection || (exports.ZenkyInjection = {}));
 
 async function useStateDataLoader(state, loader) {
@@ -1530,6 +1545,17 @@ function getFirstMedium(media, sizes = ['large', 'medium'], preferWebp = true) {
     return images.length > 0 ? images[0] : null;
 }
 
+function useOffersList(errorHandler) {
+    return usePaginatedLoader(api.getOffers, getApiErrorHandler(errorHandler, function (e) {
+        ui.useNotification('error', 'Ошибка', api.getApiErrorMessage(e, 'Не удалось загрузить список акций.'));
+    }));
+}
+function useOfferItem(errorHandler) {
+    return useItemLoader(api.getOffer, getApiErrorHandler(errorHandler, function (e) {
+        ui.useNotification('error', 'Ошибка', api.getApiErrorMessage(e, 'Не удалось загрузить акцию.'));
+    }));
+}
+
 function useProductsPricesRange(categoryId, errorHandler) {
     return useDataLoader(async () => api.getProductsPricesRange(categoryId), getApiErrorHandler(errorHandler, function (e) {
         ui.useNotification('error', 'Ошибка', api.getApiErrorMessage(e, 'Не удалось загрузить диапазон цен.'));
@@ -1585,6 +1611,10 @@ var ProductsSourceType;
 (function (ProductsSourceType) {
     ProductsSourceType["Category"] = "category";
     ProductsSourceType["Collection"] = "collection";
+    ProductsSourceType["CategoryContext"] = "category_context";
+    ProductsSourceType["GroupContext"] = "group_context";
+    ProductsSourceType["VariantOptionContext"] = "variant_option_context";
+    ProductsSourceType["VariantOptionValueContext"] = "variant_option_value_context";
 })(ProductsSourceType || (ProductsSourceType = {}));
 var ProductsSorting;
 (function (ProductsSorting) {
@@ -1600,15 +1630,38 @@ 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 'category':
+        case ProductsSourceType.Category:
             return { category_id: source.id };
-        case 'collection':
+        case ProductsSourceType.Collection:
             return { collection_id: source.id };
+        case ProductsSourceType.CategoryContext:
+            return {
+                context_type: 'category',
+                context_id: source.id,
+            };
+        case ProductsSourceType.GroupContext:
+            return {
+                context_type: 'group',
+                context_id: source.id,
+            };
+        case ProductsSourceType.VariantOptionContext:
+            return {
+                context_type: 'variant_option',
+                context_id: source.id,
+            };
+        case ProductsSourceType.VariantOptionValueContext:
+            return {
+                context_type: 'variant_option_value',
+                context_id: source.id,
+            };
         default:
             return {};
     }
@@ -1670,6 +1723,15 @@ function getLoaderParams(page, loader) {
     if (loader.search) {
         params.search = loader.search;
     }
+    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) {
@@ -1677,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),
@@ -1718,6 +1780,7 @@ function useProductsList(config, errorHandler) {
             count: config.value.count,
         },
         with: config.value.with || '',
+        promotion: config.value.promotion || null,
     }));
     const load = async (page, reset = false, callback) => {
         const request = getProductsPaginationRequest(page, loader.value);
@@ -1778,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) {
@@ -1798,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) {
@@ -1807,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),
     };
 }
 
@@ -1845,12 +1944,86 @@ function getProductsSource(source) {
             return getInjectedSource(exports.ZenkyInjection.Category, exports.ZenkyInjection.CategoryNotFound, injected);
         case ProductsSourceType.Collection:
             return getInjectedSource(exports.ZenkyInjection.Collection, exports.ZenkyInjection.CollectionNotFound, injected);
+        case ProductsSourceType.CategoryContext:
+            return getInjectedSource(exports.ZenkyInjection.CategoryContext, exports.ZenkyInjection.CategoryContextNotFound, injected);
+        case ProductsSourceType.GroupContext:
+            return getInjectedSource(exports.ZenkyInjection.GroupContext, exports.ZenkyInjection.GroupContextNotFound, injected);
+        case ProductsSourceType.VariantOptionContext:
+            return getInjectedSource(exports.ZenkyInjection.VariantOptionContext, exports.ZenkyInjection.VariantOptionContextNotFound, injected);
+        case ProductsSourceType.VariantOptionValueContext:
+            return getInjectedSource(exports.ZenkyInjection.VariantOptionValueContext, exports.ZenkyInjection.VariantOptionValueContextNotFound, injected);
         default:
             return null;
     }
 }
 
+exports.ZenkyWebsocketEvent = void 0;
+(function (ZenkyWebsocketEvent) {
+    ZenkyWebsocketEvent["OrderPriceRecalculated"] = "orders.price.recalculated";
+    ZenkyWebsocketEvent["OrderMustBeReloaded"] = "orders.reload";
+    ZenkyWebsocketEvent["OrderRewardsMustBeReloaded"] = "orders.rewards.reload";
+    ZenkyWebsocketEvent["DisplayOrderRewardsSelection"] = "orders.rewards.display_selection";
+    ZenkyWebsocketEvent["PromotionsNotFound"] = "orders.promotions.not_found";
+})(exports.ZenkyWebsocketEvent || (exports.ZenkyWebsocketEvent = {}));
+
+let instance = null;
+function createWebsocketsConnection(store) {
+    if (instance !== null) {
+        return instance;
+    }
+    else if (typeof store.settings === 'undefined' || store.settings === null) {
+        throw new Error('You must provide store with settings.');
+    }
+    else if (typeof store.settings.websockets === 'undefined' || store.settings.websockets === null) {
+        throw new Error('You must provide store with websockets settings.');
+    }
+    instance = new Pusher__default["default"](store.settings.websockets.app_key, {
+        wsHost: store.settings.websockets.options.host,
+        wsPort: store.settings.websockets.options.port,
+        forceTLS: false,
+        enableStats: false,
+        enabledTransports: ['ws', 'wss'],
+    });
+    return instance;
+}
+function getWebsocketsConnection() {
+    if (instance === null) {
+        throw new Error('You must create websockets connection using [createWebsocketsConnection] function.');
+    }
+    return instance;
+}
+function subscribeToOrderEvents(order) {
+    if (instance === null) {
+        throw new Error('You must create websocket connection using `createWebsocketConnection` function!');
+    }
+    const channel = instance.subscribe(`orders.${order.id}.${order.token}`);
+    channel.bind(exports.ZenkyWebsocketEvent.OrderPriceRecalculated, (data) => {
+        events.useOrderPriceRecalculated().publish({ order, data });
+    });
+    channel.bind(exports.ZenkyWebsocketEvent.OrderMustBeReloaded, () => {
+        events.useOrderShouldBeReloaded().publish({ order });
+    });
+    channel.bind(exports.ZenkyWebsocketEvent.OrderRewardsMustBeReloaded, () => {
+        events.useOrderPromotionRewardsShouldBeReloaded().publish({ order });
+    });
+    channel.bind(exports.ZenkyWebsocketEvent.DisplayOrderRewardsSelection, (data) => {
+        events.useDisplayOrderPromotionRewardSelection().publish({ order, data });
+        events.usePromotionsCheckerCompleted().publish();
+    });
+    channel.bind(exports.ZenkyWebsocketEvent.PromotionsNotFound, () => {
+        events.useOrderPromotionsNotFound().publish({ order });
+        events.usePromotionsCheckerCompleted().publish();
+    });
+    events.useOrderSubmitted().subscribe('websockets.subscribe', ({ order: submittedOrder }) => {
+        if (instance === null) {
+            throw new Error('You must create websocket connection using `createWebsocketConnection` function!');
+        }
+        instance.unsubscribe(`orders.${submittedOrder.id}.${submittedOrder.token}`);
+    });
+}
+
 exports.createStorage = createStorage;
+exports.createWebsocketsConnection = createWebsocketsConnection;
 exports.getAddressForm = getAddressForm;
 exports.getApiErrorHandler = getApiErrorHandler;
 exports.getExistedAddress = getExistedAddress;
@@ -1865,6 +2038,8 @@ exports.getSelectedAddressDisplayValue = getSelectedAddressDisplayValue;
 exports.getStockAddress = getStockAddress;
 exports.getStockSchedule = getStockSchedule;
 exports.getStorage = getStorage;
+exports.getWebsocketsConnection = getWebsocketsConnection;
+exports.subscribeToOrderEvents = subscribeToOrderEvents;
 exports.useAddressFormValue = useAddressFormValue;
 exports.useArticleCategoriesList = useArticleCategoriesList;
 exports.useArticleItem = useArticleItem;
@@ -1895,6 +2070,8 @@ exports.useItemLoader = useItemLoader;
 exports.useListLoader = useListLoader;
 exports.useLogin = useLogin;
 exports.useLogout = useLogout;
+exports.useOfferItem = useOfferItem;
+exports.useOffersList = useOffersList;
 exports.useOrderItem = useOrderItem;
 exports.useOrdersList = useOrdersList;
 exports.usePaginatedLoader = usePaginatedLoader;

package/dist/esm/index.js

@@ -1,9 +1,10 @@
 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, getProductsPricesRange, getProducts } from '@zenky/api';
+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 { defineStore } from 'pinia';
 import { useNotification } from '@zenky/ui';
-import { useCustomerLoaded, useCustomerAuthenticated, useCustomerLoggedOut } from '@zenky/events';
+import { useCustomerLoaded, useCustomerAuthenticated, useCustomerLoggedOut, useOrderPriceRecalculated, useOrderShouldBeReloaded, useOrderPromotionRewardsShouldBeReloaded, useDisplayOrderPromotionRewardSelection, usePromotionsCheckerCompleted, useOrderPromotionsNotFound, useOrderSubmitted } from '@zenky/events';
+import Pusher from 'pusher-js';
 
 function useDataDestroyer(destroyer, errorHandler) {
     const destroying = ref(false);
@@ -41,6 +42,16 @@ var ZenkyInjection;
     ZenkyInjection["CategoryNotFound"] = "zenky:category:notFound";
     ZenkyInjection["Collection"] = "zenky:collection";
     ZenkyInjection["CollectionNotFound"] = "zenky:collection:notFound";
+    ZenkyInjection["Offer"] = "zenky:offer";
+    ZenkyInjection["OfferNotFound"] = "zenky:offer:notFound";
+    ZenkyInjection["CategoryContext"] = "zenky:context:category";
+    ZenkyInjection["CategoryContextNotFound"] = "zenky:context:category:notFound";
+    ZenkyInjection["GroupContext"] = "zenky:context:category";
+    ZenkyInjection["GroupContextNotFound"] = "zenky:context:category:notFound";
+    ZenkyInjection["VariantOptionContext"] = "zenky:context:variant_option";
+    ZenkyInjection["VariantOptionContextNotFound"] = "zenky:context:variant_option:notFound";
+    ZenkyInjection["VariantOptionValueContext"] = "zenky:context:variant_option_value";
+    ZenkyInjection["VariantOptionValueContextNotFound"] = "zenky:context:variant_option_value:notFound";
 })(ZenkyInjection || (ZenkyInjection = {}));
 
 async function useStateDataLoader(state, loader) {
@@ -1526,6 +1537,17 @@ function getFirstMedium(media, sizes = ['large', 'medium'], preferWebp = true) {
     return images.length > 0 ? images[0] : null;
 }
 
+function useOffersList(errorHandler) {
+    return usePaginatedLoader(getOffers, getApiErrorHandler(errorHandler, function (e) {
+        useNotification('error', 'Ошибка', getApiErrorMessage(e, 'Не удалось загрузить список акций.'));
+    }));
+}
+function useOfferItem(errorHandler) {
+    return useItemLoader(getOffer, getApiErrorHandler(errorHandler, function (e) {
+        useNotification('error', 'Ошибка', getApiErrorMessage(e, 'Не удалось загрузить акцию.'));
+    }));
+}
+
 function useProductsPricesRange(categoryId, errorHandler) {
     return useDataLoader(async () => getProductsPricesRange(categoryId), getApiErrorHandler(errorHandler, function (e) {
         useNotification('error', 'Ошибка', getApiErrorMessage(e, 'Не удалось загрузить диапазон цен.'));
@@ -1581,6 +1603,10 @@ var ProductsSourceType;
 (function (ProductsSourceType) {
     ProductsSourceType["Category"] = "category";
     ProductsSourceType["Collection"] = "collection";
+    ProductsSourceType["CategoryContext"] = "category_context";
+    ProductsSourceType["GroupContext"] = "group_context";
+    ProductsSourceType["VariantOptionContext"] = "variant_option_context";
+    ProductsSourceType["VariantOptionValueContext"] = "variant_option_value_context";
 })(ProductsSourceType || (ProductsSourceType = {}));
 var ProductsSorting;
 (function (ProductsSorting) {
@@ -1596,15 +1622,38 @@ 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 'category':
+        case ProductsSourceType.Category:
             return { category_id: source.id };
-        case 'collection':
+        case ProductsSourceType.Collection:
             return { collection_id: source.id };
+        case ProductsSourceType.CategoryContext:
+            return {
+                context_type: 'category',
+                context_id: source.id,
+            };
+        case ProductsSourceType.GroupContext:
+            return {
+                context_type: 'group',
+                context_id: source.id,
+            };
+        case ProductsSourceType.VariantOptionContext:
+            return {
+                context_type: 'variant_option',
+                context_id: source.id,
+            };
+        case ProductsSourceType.VariantOptionValueContext:
+            return {
+                context_type: 'variant_option_value',
+                context_id: source.id,
+            };
         default:
             return {};
     }
@@ -1666,6 +1715,15 @@ function getLoaderParams(page, loader) {
     if (loader.search) {
         params.search = loader.search;
     }
+    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) {
@@ -1673,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),
@@ -1714,6 +1772,7 @@ function useProductsList(config, errorHandler) {
             count: config.value.count,
         },
         with: config.value.with || '',
+        promotion: config.value.promotion || null,
     }));
     const load = async (page, reset = false, callback) => {
         const request = getProductsPaginationRequest(page, loader.value);
@@ -1774,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) {
@@ -1794,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) {
@@ -1803,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),
     };
 }
 
@@ -1841,9 +1936,82 @@ function getProductsSource(source) {
             return getInjectedSource(ZenkyInjection.Category, ZenkyInjection.CategoryNotFound, injected);
         case ProductsSourceType.Collection:
             return getInjectedSource(ZenkyInjection.Collection, ZenkyInjection.CollectionNotFound, injected);
+        case ProductsSourceType.CategoryContext:
+            return getInjectedSource(ZenkyInjection.CategoryContext, ZenkyInjection.CategoryContextNotFound, injected);
+        case ProductsSourceType.GroupContext:
+            return getInjectedSource(ZenkyInjection.GroupContext, ZenkyInjection.GroupContextNotFound, injected);
+        case ProductsSourceType.VariantOptionContext:
+            return getInjectedSource(ZenkyInjection.VariantOptionContext, ZenkyInjection.VariantOptionContextNotFound, injected);
+        case ProductsSourceType.VariantOptionValueContext:
+            return getInjectedSource(ZenkyInjection.VariantOptionValueContext, ZenkyInjection.VariantOptionValueContextNotFound, injected);
         default:
             return null;
     }
 }
 
-export { AuthenticationEvent, AuthenticationResultType, AuthenticationStage, ZenkyInjection, createStorage, getAddressForm, getApiErrorHandler, getExistedAddress, getExistedAddressDisplayValue, getFirstMedium, getProductsListParamsFromQuery, getProductsListQueryParams, getProductsPaginationRequest, getProductsSource, getSelectedAddress, getSelectedAddressDisplayValue, getStockAddress, getStockSchedule, getStorage, 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, useOrderItem, useOrdersList, usePaginatedLoader, usePasswordReset, usePaymentMethodDestroyer, usePaymentMethodsList, usePhoneConfirmation, useProductsList, useProductsPricesRange, useProductsPricesRangeFilters, useRegistration, useReversedTree, useSplittedCategoriesTree, useStateDataLoader, useStoreStore, useSuggestionsRestrictedToCity };
+var ZenkyWebsocketEvent;
+(function (ZenkyWebsocketEvent) {
+    ZenkyWebsocketEvent["OrderPriceRecalculated"] = "orders.price.recalculated";
+    ZenkyWebsocketEvent["OrderMustBeReloaded"] = "orders.reload";
+    ZenkyWebsocketEvent["OrderRewardsMustBeReloaded"] = "orders.rewards.reload";
+    ZenkyWebsocketEvent["DisplayOrderRewardsSelection"] = "orders.rewards.display_selection";
+    ZenkyWebsocketEvent["PromotionsNotFound"] = "orders.promotions.not_found";
+})(ZenkyWebsocketEvent || (ZenkyWebsocketEvent = {}));
+
+let instance = null;
+function createWebsocketsConnection(store) {
+    if (instance !== null) {
+        return instance;
+    }
+    else if (typeof store.settings === 'undefined' || store.settings === null) {
+        throw new Error('You must provide store with settings.');
+    }
+    else if (typeof store.settings.websockets === 'undefined' || store.settings.websockets === null) {
+        throw new Error('You must provide store with websockets settings.');
+    }
+    instance = new Pusher(store.settings.websockets.app_key, {
+        wsHost: store.settings.websockets.options.host,
+        wsPort: store.settings.websockets.options.port,
+        forceTLS: false,
+        enableStats: false,
+        enabledTransports: ['ws', 'wss'],
+    });
+    return instance;
+}
+function getWebsocketsConnection() {
+    if (instance === null) {
+        throw new Error('You must create websockets connection using [createWebsocketsConnection] function.');
+    }
+    return instance;
+}
+function subscribeToOrderEvents(order) {
+    if (instance === null) {
+        throw new Error('You must create websocket connection using `createWebsocketConnection` function!');
+    }
+    const channel = instance.subscribe(`orders.${order.id}.${order.token}`);
+    channel.bind(ZenkyWebsocketEvent.OrderPriceRecalculated, (data) => {
+        useOrderPriceRecalculated().publish({ order, data });
+    });
+    channel.bind(ZenkyWebsocketEvent.OrderMustBeReloaded, () => {
+        useOrderShouldBeReloaded().publish({ order });
+    });
+    channel.bind(ZenkyWebsocketEvent.OrderRewardsMustBeReloaded, () => {
+        useOrderPromotionRewardsShouldBeReloaded().publish({ order });
+    });
+    channel.bind(ZenkyWebsocketEvent.DisplayOrderRewardsSelection, (data) => {
+        useDisplayOrderPromotionRewardSelection().publish({ order, data });
+        usePromotionsCheckerCompleted().publish();
+    });
+    channel.bind(ZenkyWebsocketEvent.PromotionsNotFound, () => {
+        useOrderPromotionsNotFound().publish({ order });
+        usePromotionsCheckerCompleted().publish();
+    });
+    useOrderSubmitted().subscribe('websockets.subscribe', ({ order: submittedOrder }) => {
+        if (instance === null) {
+            throw new Error('You must create websocket connection using `createWebsocketConnection` function!');
+        }
+        instance.unsubscribe(`orders.${submittedOrder.id}.${submittedOrder.token}`);
+    });
+}
+
+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 };

package/dist/zenky.d.ts

@@ -1,7 +1,8 @@
 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, Product, ProductsPricesRange, ProductsPaginationRequest, Schedule, Stock, Store, StoreSettings } 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 * as pinia from 'pinia';
+import Pusher from 'pusher-js';
 
 declare type ApiErrorHandler = (e: any) => any;
 declare type OptionalApiErrorHandler = ApiErrorHandler | null | undefined;
@@ -22,7 +23,17 @@ declare enum ZenkyInjection {
     Category = "zenky:category",
     CategoryNotFound = "zenky:category:notFound",
     Collection = "zenky:collection",
-    CollectionNotFound = "zenky:collection:notFound"
+    CollectionNotFound = "zenky:collection:notFound",
+    Offer = "zenky:offer",
+    OfferNotFound = "zenky:offer:notFound",
+    CategoryContext = "zenky:context:category",
+    CategoryContextNotFound = "zenky:context:category:notFound",
+    GroupContext = "zenky:context:category",
+    GroupContextNotFound = "zenky:context:category:notFound",
+    VariantOptionContext = "zenky:context:variant_option",
+    VariantOptionContextNotFound = "zenky:context:variant_option:notFound",
+    VariantOptionValueContext = "zenky:context:variant_option_value",
+    VariantOptionValueContextNotFound = "zenky:context:variant_option_value:notFound"
 }
 
 interface LoaderState {
@@ -1049,9 +1060,16 @@ 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 useOfferItem(errorHandler?: OptionalApiErrorHandler): ItemLoader<Offer>;
+
 declare enum ProductsSourceType {
     Category = "category",
-    Collection = "collection"
+    Collection = "collection",
+    CategoryContext = "category_context",
+    GroupContext = "group_context",
+    VariantOptionContext = "variant_option_context",
+    VariantOptionValueContext = "variant_option_value_context"
 }
 declare enum ProductsSorting {
     Manual = "manual",
@@ -1084,6 +1102,7 @@ interface ProductsLoader {
         count: number;
     };
     with?: string;
+    promotion?: ProductsPromotion | null;
 }
 declare type ProductsRequestCallback = (request: ProductsPaginationRequest | null) => void;
 interface ProductsListProvider {
@@ -1104,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;
@@ -1113,6 +1138,7 @@ interface ProductsListConfig {
     count: number;
     filtersType: ProductsFiltersType | null;
     with?: string;
+    promotion?: ProductsPromotion | null;
 }
 
 declare function useFeaturesFilters(categoryId: string | null, values: ProductsFilters | null): {
@@ -1164,4 +1190,16 @@ declare const useStoreStore: pinia.StoreDefinition<"zenky:storefront:store", Sto
     selectCity(cityId: string): City | null;
 }>;
 
-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, createStorage, getAddressForm, getApiErrorHandler, getExistedAddress, getExistedAddressDisplayValue, getFirstMedium, getProductsListParamsFromQuery, getProductsListQueryParams, getProductsPaginationRequest, getProductsSource, getSelectedAddress, getSelectedAddressDisplayValue, getStockAddress, getStockSchedule, getStorage, 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, useOrderItem, useOrdersList, usePaginatedLoader, usePasswordReset, usePaymentMethodDestroyer, usePaymentMethodsList, usePhoneConfirmation, useProductsList, useProductsPricesRange, useProductsPricesRangeFilters, useRegistration, useReversedTree, useSplittedCategoriesTree, useStateDataLoader, useStoreStore, useSuggestionsRestrictedToCity };
+declare enum ZenkyWebsocketEvent {
+    OrderPriceRecalculated = "orders.price.recalculated",
+    OrderMustBeReloaded = "orders.reload",
+    OrderRewardsMustBeReloaded = "orders.rewards.reload",
+    DisplayOrderRewardsSelection = "orders.rewards.display_selection",
+    PromotionsNotFound = "orders.promotions.not_found"
+}
+
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zenky/storefront-vue",
-  "version": "0.9.32",
+  "version": "0.9.35",
   "description": "Zenky Storefront library for Vue 3.",
   "author": "Timur Zurbaev <hello@zurbaev.ru>",
   "license": "MIT",
@@ -19,11 +19,12 @@
     "Zenky"
   ],
   "peerDependencies": {
-    "@zenky/api": "^0.9.37",
-    "@zenky/events": "^1.0.0",
+    "@zenky/api": "^0.9.41",
+    "@zenky/events": "^1.0.2",
     "@zenky/ui": "^0.9.63",
     "lodash-es": "^4.17.21",
     "pinia": "^2.0.14",
+    "pusher-js": "^7.1.1-beta",
     "vue": "^3.2.36"
   },
   "devDependencies": {