@ikas/storefront 0.0.16 → 0.0.18

package/build/index.js

@@ -11840,10 +11840,8 @@ var IkasPageDataProvider = /** @class */ (function () {
         get: function () {
             var _this = this;
             if (this.pageType === exports.IkasThemePageType.CUSTOM) {
-                var secondSlug_1 = this.pageParams.secondSlug;
-                return this.theme.pages.find(function (page) {
-                    return page.type === exports.IkasThemePageType.CUSTOM && page.slug === secondSlug_1;
-                });
+                var slug_1 = this.pageParams.slug;
+                return this.theme.pages.find(function (page) { return page.type === exports.IkasThemePageType.CUSTOM && page.slug === slug_1; });
             }
             return this.theme.pages.find(function (page) { return page.type === _this.pageType; });
         },
@@ -11901,10 +11899,10 @@ var IkasPageDataProvider = /** @class */ (function () {
     };
     IkasPageDataProvider.prototype.getPageSpecificData = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var _a, slug, secondSlug, metaDataList, metaData, setPageMetaData, handleBrandPage, handleCategoryPage, handleProductPage, _b;
+            var slug, metaDataList, metaData, setPageMetaData, handleBrandPage, handleCategoryPage, handleProductPage, _a;
             var _this = this;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0:
                         if (this.pageType &&
                             [
@@ -11917,16 +11915,14 @@ var IkasPageDataProvider = /** @class */ (function () {
                                 exports.IkasThemePageType.REGISTER,
                                 exports.IkasThemePageType.FORGOT_PASSWORD,
                                 exports.IkasThemePageType.RECOVER_PASSWORD,
+                                exports.IkasThemePageType.CUSTOM,
+                                exports.IkasThemePageType.BASKET,
                             ].includes(this.pageType))
                             return [2 /*return*/];
-                        _a = this.pageParams, slug = _a.slug, secondSlug = _a.secondSlug;
-                        if (secondSlug) {
-                            this.pageType = exports.IkasThemePageType.CUSTOM;
-                            return [2 /*return*/];
-                        }
+                        slug = this.pageParams.slug;
                         return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData(slug)];
                     case 1:
-                        metaDataList = _c.sent();
+                        metaDataList = _b.sent();
                         if (!metaDataList || !metaDataList.length) {
                             return [2 /*return*/];
                         }
@@ -11994,19 +11990,19 @@ var IkasPageDataProvider = /** @class */ (function () {
                                 }
                             });
                         }); };
-                        _b = metaData.targetType;
-                        switch (_b) {
+                        _a = metaData.targetType;
+                        switch (_a) {
                             case exports.IkasHTMLMetaDataTargetType.BRAND: return [3 /*break*/, 2];
                             case exports.IkasHTMLMetaDataTargetType.CATEGORY: return [3 /*break*/, 4];
                             case exports.IkasHTMLMetaDataTargetType.PRODUCT: return [3 /*break*/, 6];
                         }
                         return [3 /*break*/, 8];
                     case 2: return [4 /*yield*/, handleBrandPage()];
-                    case 3: return [2 /*return*/, _c.sent()];
+                    case 3: return [2 /*return*/, _b.sent()];
                     case 4: return [4 /*yield*/, handleCategoryPage()];
-                    case 5: return [2 /*return*/, _c.sent()];
+                    case 5: return [2 /*return*/, _b.sent()];
                     case 6: return [4 /*yield*/, handleProductPage()];
-                    case 7: return [2 /*return*/, _c.sent()];
+                    case 7: return [2 /*return*/, _b.sent()];
                     case 8: return [3 /*break*/, 9];
                     case 9: return [2 /*return*/];
                 }
@@ -12178,24 +12174,35 @@ var IkasPageDataProvider = /** @class */ (function () {
         var product = productDetail.product;
         var selectedVariantValues = [];
         if (usePageData && product.variantTypes.length) {
-            product.variantTypes.forEach(function (pvt) {
-                var slug = pvt.variantType.slug;
-                var variantValueParam = queryParams[slug];
-                if (variantValueParam) {
-                    var variantValueSlug_1 = variantValueParam;
-                    if (Array.isArray(variantValueParam)) {
-                        variantValueSlug_1 = variantValueParam[0];
+            var vid_1 = queryParams.vid;
+            var hasVid = false;
+            if (vid_1 && typeof vid_1 === "string") {
+                var variant = product.variants.find(function (v) { return v.id === vid_1; });
+                if (variant) {
+                    selectedVariantValues = variant.variantValues;
+                    hasVid = true;
+                }
+            }
+            if (!hasVid) {
+                product.variantTypes.forEach(function (pvt) {
+                    var slug = pvt.variantType.slug;
+                    var variantValueParam = queryParams[slug];
+                    if (variantValueParam) {
+                        var variantValueSlug_1 = variantValueParam;
+                        if (Array.isArray(variantValueParam)) {
+                            variantValueSlug_1 = variantValueParam[0];
+                        }
+                        var variantValue = pvt.variantType.values.find(function (vv) { return vv.slug === variantValueSlug_1; });
+                        if (variantValue)
+                            selectedVariantValues.push(variantValue);
+                        else
+                            selectedVariantValues.push(pvt.variantType.values[0]);
                     }
-                    var variantValue = pvt.variantType.values.find(function (vv) { return vv.slug === variantValueSlug_1; });
-                    if (variantValue)
-                        selectedVariantValues.push(variantValue);
-                    else
+                    else {
                         selectedVariantValues.push(pvt.variantType.values[0]);
-                }
-                else {
-                    selectedVariantValues.push(pvt.variantType.values[0]);
-                }
-            });
+                    }
+                });
+            }
         }
         else {
             selectedVariantValues = productDetail.selectedVariantValues || [];
@@ -12288,9 +12295,9 @@ var IkasImage = /** @class */ (function () {
     Object.defineProperty(IkasImage.prototype, "src", {
         get: function () {
             if (this.id.includes("/"))
-                return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + this.id + "/1024/1024/img.webp";
+                return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + this.id + "/1920/1920/img.webp";
             var merchantId = decodeBase64(this.editorApiKey || IkasStorefrontConfig.config.apiKey || "");
-            return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + merchantId + "/" + this.id + "/1024/1024/img.webp";
+            return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + merchantId + "/" + this.id + "/1920/1920/img.webp";
         },
         enumerable: false,
         configurable: true
@@ -13129,7 +13136,7 @@ var IkasProduct = /** @class */ (function () {
         this.metaData = data.metaData
             ? new IkasHTMLMetaData(data.metaData)
             : undefined;
-        this.brand = data.brand || null;
+        this.brand = data.brand ? new IkasBrand(data.brand) : null;
         this.categories = data.categories
             ? data.categories.map(function (c) { return new IkasCategory(c); })
             : [];
@@ -13413,6 +13420,7 @@ var IkasThemePage = /** @class */ (function () {
     IkasThemePageType["REGISTER"] = "REGISTER";
     IkasThemePageType["FORGOT_PASSWORD"] = "FORGOT_PASSWORD";
     IkasThemePageType["RECOVER_PASSWORD"] = "RECOVER_PASSWORD";
+    IkasThemePageType["BASKET"] = "BASKET";
 })(exports.IkasThemePageType || (exports.IkasThemePageType = {}));
 
 var IkasTheme = /** @class */ (function () {
@@ -14105,6 +14113,7 @@ var IkasProductDetail = /** @class */ (function () {
             var vt = _this.product.variantTypes.find(function (vt) { return vt.variantType.id === vv.variantTypeId; });
             queryParams[vt.variantType.slug] = vv.slug;
         });
+        this.selectedVariantValues = selectedVariantValues;
         (_a = this.router) === null || _a === void 0 ? void 0 : _a.replace(location.pathname + "?" + queryString__default['default'].stringify(queryParams), undefined, { shallow: true });
     };
     return IkasProductDetail;
@@ -19296,14 +19305,14 @@ var IkasProductAPI = /** @class */ (function () {
     }
     IkasProductAPI.listProducts = function (params) {
         return __awaiter(this, void 0, void 0, function () {
-            var LIST_PRODUCTS, variables, _a, data, errors, products, count, categoryIds, variantTypeIds, stockLocation, stocks_1, variantIdList_1, productStockLocations, categoriesResponse_1, variantTypes_1, err_1;
+            var LIST_PRODUCTS, variables, _a, data, errors, products, count, brandIds, categoryIds, variantTypeIds, stockLocation, stocks_1, variantIdList_1, productStockLocations, brandsResponse_1, categoriesResponse_1, variantTypes_1, err_1;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_PRODUCTS = src(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n      query listProduct(\n        $id: StringFilterInput\n        $paginationInput: PaginationInput\n        $search: String\n      ) {\n        listProduct(\n          id: $id\n          paginationInput: $paginationInput\n          search: $search\n        ) {\n          data {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            type\n            shortDescription\n            description\n            taxValue\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n            categoryIds\n            productVariantTypes {\n              order\n              variantTypeId\n              variantValueIds\n            }\n            variants {\n              id\n              createdAt\n              updatedAt\n              deleted\n              sku\n              barcodeList\n              isActive\n              variantValueIds {\n                variantTypeId\n                variantValueId\n              }\n              attributes {\n                value\n                productAttributeId\n                productAttributeOptionId\n              }\n              images {\n                order\n                isMain\n                imageId\n              }\n              prices {\n                sellPrice\n                discountPrice\n                buyPrice\n                currency\n              }\n            }\n            attributes {\n              value\n              productAttributeId\n              productAttributeOptionId\n            }\n          }\n          count\n        }\n      }\n    "], ["\n      query listProduct(\n        $id: StringFilterInput\n        $paginationInput: PaginationInput\n        $search: String\n      ) {\n        listProduct(\n          id: $id\n          paginationInput: $paginationInput\n          search: $search\n        ) {\n          data {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            type\n            shortDescription\n            description\n            taxValue\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n            categoryIds\n            productVariantTypes {\n              order\n              variantTypeId\n              variantValueIds\n            }\n            variants {\n              id\n              createdAt\n              updatedAt\n              deleted\n              sku\n              barcodeList\n              isActive\n              variantValueIds {\n                variantTypeId\n                variantValueId\n              }\n              attributes {\n                value\n                productAttributeId\n                productAttributeOptionId\n              }\n              images {\n                order\n                isMain\n                imageId\n              }\n              prices {\n                sellPrice\n                discountPrice\n                buyPrice\n                currency\n              }\n            }\n            attributes {\n              value\n              productAttributeId\n              productAttributeOptionId\n            }\n          }\n          count\n        }\n      }\n    "])));
+                        LIST_PRODUCTS = src(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n      query listProduct(\n        $id: StringFilterInput\n        $paginationInput: PaginationInput\n        $search: String\n      ) {\n        listProduct(\n          id: $id\n          paginationInput: $paginationInput\n          search: $search\n        ) {\n          data {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            type\n            shortDescription\n            description\n            taxValue\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n            brandId\n            categoryIds\n            productVariantTypes {\n              order\n              variantTypeId\n              variantValueIds\n            }\n            variants {\n              id\n              createdAt\n              updatedAt\n              deleted\n              sku\n              barcodeList\n              isActive\n              variantValueIds {\n                variantTypeId\n                variantValueId\n              }\n              attributes {\n                value\n                productAttributeId\n                productAttributeOptionId\n              }\n              images {\n                order\n                isMain\n                imageId\n              }\n              prices {\n                sellPrice\n                discountPrice\n                buyPrice\n                currency\n              }\n            }\n            attributes {\n              value\n              productAttributeId\n              productAttributeOptionId\n            }\n          }\n          count\n        }\n      }\n    "], ["\n      query listProduct(\n        $id: StringFilterInput\n        $paginationInput: PaginationInput\n        $search: String\n      ) {\n        listProduct(\n          id: $id\n          paginationInput: $paginationInput\n          search: $search\n        ) {\n          data {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            type\n            shortDescription\n            description\n            taxValue\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n            brandId\n            categoryIds\n            productVariantTypes {\n              order\n              variantTypeId\n              variantValueIds\n            }\n            variants {\n              id\n              createdAt\n              updatedAt\n              deleted\n              sku\n              barcodeList\n              isActive\n              variantValueIds {\n                variantTypeId\n                variantValueId\n              }\n              attributes {\n                value\n                productAttributeId\n                productAttributeOptionId\n              }\n              images {\n                order\n                isMain\n                imageId\n              }\n              prices {\n                sellPrice\n                discountPrice\n                buyPrice\n                currency\n              }\n            }\n            attributes {\n              value\n              productAttributeId\n              productAttributeOptionId\n            }\n          }\n          count\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
-                        _b.trys.push([1, 8, , 9]);
+                        _b.trys.push([1, 9, , 10]);
                         variables = {
                             search: params === null || params === void 0 ? void 0 : params.search,
                         };
@@ -19335,6 +19344,9 @@ var IkasProductAPI = /** @class */ (function () {
                         }
                         products = data.listProduct.data;
                         count = data.listProduct.count;
+                        brandIds = products
+                            .map(function (p) { return p.brandId; })
+                            .filter(function (id) { return !!id; });
                         categoryIds = flatten_1(products.map(function (p) { return p.categoryIds || []; }));
                         variantTypeIds = flatten_1(products.map(function (p) { var _a; return ((_a = p.productVariantTypes) === null || _a === void 0 ? void 0 : _a.map(function (pvt) { return pvt.variantTypeId; })) || []; }));
                         return [4 /*yield*/, IkasStockLocationAPI.listStockLocation()];
@@ -19358,15 +19370,22 @@ var IkasProductAPI = /** @class */ (function () {
                             stocks_1[psl.variantId] = psl.stockCount;
                         });
                         _b.label = 5;
-                    case 5: return [4 /*yield*/, IkasCategoryAPI.listCategories({
-                            idList: categoryIds,
+                    case 5: return [4 /*yield*/, IkasBrandAPI.listBrands({
+                            idList: brandIds,
                             page: 1,
-                            limit: categoryIds.length,
+                            limit: brandIds.length,
                         })];
                     case 6:
+                        brandsResponse_1 = _b.sent();
+                        return [4 /*yield*/, IkasCategoryAPI.listCategories({
+                                idList: categoryIds,
+                                page: 1,
+                                limit: categoryIds.length,
+                            })];
+                    case 7:
                         categoriesResponse_1 = _b.sent();
                         return [4 /*yield*/, IkasVariantTypeAPI.listVariantTypes(variantTypeIds)];
-                    case 7:
+                    case 8:
                         variantTypes_1 = _b.sent();
                         return [2 /*return*/, {
                                 products: products.map(function (p) {
@@ -19379,6 +19398,9 @@ var IkasProductAPI = /** @class */ (function () {
                                         shortDescription: p.shortDescription || undefined,
                                         taxValue: p.taxValue,
                                         metaData: new IkasHTMLMetaData(p.metaData),
+                                        brand: p.brandId
+                                            ? brandsResponse_1.brands.find(function (b) { return b.id === p.brandId; })
+                                            : null,
                                         categories: p.categoryIds
                                             ? p.categoryIds.map(function (categoryId) {
                                                 return categoriesResponse_1.categories.find(function (c) { return c.id === categoryId; });
@@ -19413,11 +19435,11 @@ var IkasProductAPI = /** @class */ (function () {
                                 }),
                                 count: count,
                             }];
-                    case 8:
+                    case 9:
                         err_1 = _b.sent();
                         console.log(err_1);
-                        return [3 /*break*/, 9];
-                    case 9: return [2 /*return*/, {
+                        return [3 /*break*/, 10];
+                    case 10: return [2 /*return*/, {
                             products: [],
                             count: 0,
                         }];
@@ -22125,7 +22147,7 @@ var CheckoutStepInfo = mobxReactLite.observer(function (_a) {
             React.createElement(FormItem, { type: FormItemType.SELECT, label: "Kaydedilen adresler", value: vm.selectedShippingAddressId, onChange: vm.onSelectedShippingAddressIdChange, options: vm.customerAddressOptions }))),
         React.createElement(AddressForm, { address: vm.checkout.shippingAddress, customer: vm.checkout.customer && vm.checkout.customer.id
                 ? undefined
-                : vm.checkout.customer || undefined, isErrorsVisible: vm.isErrorsVisible, allowedCountryIds: vm.shippingCountryIds, validationResult: vm.checkout.shippingAddress.validationResult }),
+                : vm.checkout.customer || undefined, isErrorsVisible: vm.isErrorsVisible, allowedCountryIds: vm.shippingCountryIds || undefined, validationResult: vm.checkout.shippingAddress.validationResult }),
         !!vm.customerStore.customer && vm.selectedShippingAddressId === "-1" && (React.createElement("div", { style: { marginTop: "12px" } },
             React.createElement(Checkbox, { value: vm.shouldSaveAddress, label: "Bir sonraki i\u015Flem i\u00E7in bu bilgileri kaydet", onChange: vm.setShouldSaveAddress }),
             vm.shouldSaveAddress && (React.createElement("div", { style: { marginTop: "8px" } },
@@ -23756,44 +23778,25 @@ var home = /*#__PURE__*/Object.freeze({
 });
 
 var Page$1 = function (_a) {
-    var page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, propValuesStr = _a.propValuesStr;
+    var page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, propValuesStr = _a.propValuesStr, queryParams = _a.queryParams;
     var router$1 = router.useRouter();
-    var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
+    var propValues = mobx.computed(function () {
+        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, typeof window !== "undefined"
+            ? queryString.parse(window.location.search.replace("?", ""))
+            : queryParams);
+    });
     handleGTM(page, pageSpecificDataStr);
-    return React.createElement(IkasPage, { page: page, propValues: propValues });
+    return React.createElement(IkasPage, { page: page, propValues: propValues.get() });
 };
-var getStaticPaths = function (context) { return __awaiter(void 0, void 0, void 0, function () {
-    var metaData, targetTypes, filteredMetaData;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0: return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData()];
-            case 1:
-                metaData = _a.sent();
-                targetTypes = [
-                    exports.IkasHTMLMetaDataTargetType.BRAND,
-                    exports.IkasHTMLMetaDataTargetType.CATEGORY,
-                    exports.IkasHTMLMetaDataTargetType.PRODUCT,
-                ];
-                filteredMetaData = metaData.filter(function (m) { return m.targetType && targetTypes.includes(m.targetType); });
-                return [2 /*return*/, {
-                        paths: filteredMetaData.map(function (m) { return ({
-                            params: {
-                                slug: m.slug,
-                            },
-                        }); }),
-                        fallback: "blocking",
-                    }];
-        }
-    });
-}); };
-var getStaticProps$1 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var index$1 = mobxReactLite.observer(Page$1);
+var getServerSideProps = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, IkasThemeAPI.fetchTheme()];
             case 1:
                 theme = _a.sent();
-                provider = new IkasPageDataProvider(theme, context.params);
+                provider = new IkasPageDataProvider(theme, context.params, undefined);
                 return [4 /*yield*/, provider.getPageData()];
             case 2:
                 _a.sent();
@@ -23803,8 +23806,7 @@ var getStaticProps$1 = function (context) { return __awaiter(void 0, void 0, voi
                         }];
                 }
                 return [2 /*return*/, {
-                        props: __assign(__assign({}, provider.nextPageData.props), { pageSpecificDataStr: JSON.stringify(provider.pageSpecificData || {}) }),
-                        revalidate: 60,
+                        props: __assign(__assign({}, provider.nextPageData.props), { pageSpecificDataStr: JSON.stringify(provider.pageSpecificData || {}), queryParams: context.query }),
                     }];
         }
     });
@@ -23825,11 +23827,10 @@ function handleGTM(page, pageSpecificDataStr) {
     }
 }
 
-var index$1 = /*#__PURE__*/Object.freeze({
+var index$2 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    'default': Page$1,
-    getStaticPaths: getStaticPaths,
-    getStaticProps: getStaticProps$1
+    'default': index$1,
+    getServerSideProps: getServerSideProps
 });
 
 var Page$2 = function (_a) {
@@ -23838,7 +23839,7 @@ var Page$2 = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
     return React.createElement(IkasPage, { page: page, propValues: propValues });
 };
-var getStaticPaths$1 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticPaths = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, customPages, customPagePaths;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -23847,8 +23848,7 @@ var getStaticPaths$1 = function (context) { return __awaiter(void 0, void 0, voi
                 theme = _a.sent();
                 customPages = theme.pages.filter(function (p) { return p.type === exports.IkasThemePageType.CUSTOM; });
                 customPagePaths = customPages.map(function (p) { return ({
-                    slug: "pages",
-                    secondSlug: p.slug,
+                    slug: p.slug,
                 }); });
                 return [2 /*return*/, {
                         paths: customPagePaths.map(function (p) { return ({
@@ -23859,14 +23859,14 @@ var getStaticPaths$1 = function (context) { return __awaiter(void 0, void 0, voi
         }
     });
 }); };
-var getStaticProps$2 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$1 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, IkasThemeAPI.fetchTheme()];
             case 1:
                 theme = _a.sent();
-                provider = new IkasPageDataProvider(theme, context.params);
+                provider = new IkasPageDataProvider(theme, context.params, exports.IkasThemePageType.CUSTOM);
                 return [4 /*yield*/, provider.getPageData()];
             case 2:
                 _a.sent();
@@ -23875,11 +23875,11 @@ var getStaticProps$2 = function (context) { return __awaiter(void 0, void 0, voi
     });
 }); };
 
-var _secondSlug_ = /*#__PURE__*/Object.freeze({
+var _slug_ = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$2,
-    getStaticPaths: getStaticPaths$1,
-    getStaticProps: getStaticProps$2
+    getStaticPaths: getStaticPaths,
+    getStaticProps: getStaticProps$1
 });
 
 var CheckoutPage = function (_a) {
@@ -23889,7 +23889,7 @@ var CheckoutPage = function (_a) {
     return React.createElement(IkasCheckoutPage, { checkout: checkout, queryParams: queryParams });
 };
 var _id_ = mobxReactLite.observer(CheckoutPage);
-var getServerSideProps = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getServerSideProps$1 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var id, redirect, checkout;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -23924,7 +23924,7 @@ var getServerSideProps = function (context) { return __awaiter(void 0, void 0, v
 var _id_$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': _id_,
-    getServerSideProps: getServerSideProps
+    getServerSideProps: getServerSideProps$1
 });
 
 var Page$3 = function (_a) {
@@ -23933,7 +23933,7 @@ var Page$3 = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
     return React.createElement(IkasPage, { page: page, propValues: propValues });
 };
-var getStaticProps$3 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$2 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -23949,10 +23949,10 @@ var getStaticProps$3 = function (context) { return __awaiter(void 0, void 0, voi
     });
 }); };
 
-var index$2 = /*#__PURE__*/Object.freeze({
+var index$3 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$3,
-    getStaticProps: getStaticProps$3
+    getStaticProps: getStaticProps$2
 });
 
 var Page$4 = function (_a) {
@@ -23961,7 +23961,7 @@ var Page$4 = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
     return React.createElement(IkasPage, { page: page, propValues: propValues });
 };
-var getStaticProps$4 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$3 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -23980,7 +23980,7 @@ var getStaticProps$4 = function (context) { return __awaiter(void 0, void 0, voi
 var addresses = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$4,
-    getStaticProps: getStaticProps$4
+    getStaticProps: getStaticProps$3
 });
 
 var Page$5 = function (_a) {
@@ -23989,7 +23989,7 @@ var Page$5 = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
     return React.createElement(IkasPage, { page: page, propValues: propValues });
 };
-var getStaticProps$5 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$4 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -24005,10 +24005,10 @@ var getStaticProps$5 = function (context) { return __awaiter(void 0, void 0, voi
     });
 }); };
 
-var index$3 = /*#__PURE__*/Object.freeze({
+var index$4 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$5,
-    getStaticProps: getStaticProps$5
+    getStaticProps: getStaticProps$4
 });
 
 var Page$6 = function (_a) {
@@ -24017,7 +24017,7 @@ var Page$6 = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
     return React.createElement(IkasPage, { page: page, propValues: propValues });
 };
-var getServerSideProps$1 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getServerSideProps$2 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -24036,7 +24036,7 @@ var getServerSideProps$1 = function (context) { return __awaiter(void 0, void 0,
 var _id_$2 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$6,
-    getServerSideProps: getServerSideProps$1
+    getServerSideProps: getServerSideProps$2
 });
 
 var Page$7 = function (_a) {
@@ -24045,7 +24045,7 @@ var Page$7 = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
     return React.createElement(IkasPage, { page: page, propValues: propValues });
 };
-var getStaticProps$6 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$5 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -24064,7 +24064,7 @@ var getStaticProps$6 = function (context) { return __awaiter(void 0, void 0, voi
 var login = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$7,
-    getStaticProps: getStaticProps$6
+    getStaticProps: getStaticProps$5
 });
 
 var Page$8 = function (_a) {
@@ -24073,7 +24073,7 @@ var Page$8 = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
     return React.createElement(IkasPage, { page: page, propValues: propValues });
 };
-var getStaticProps$7 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$6 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -24092,7 +24092,7 @@ var getStaticProps$7 = function (context) { return __awaiter(void 0, void 0, voi
 var register = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$8,
-    getStaticProps: getStaticProps$7
+    getStaticProps: getStaticProps$6
 });
 
 var Page$9 = function (_a) {
@@ -24101,7 +24101,7 @@ var Page$9 = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
     return React.createElement(IkasPage, { page: page, propValues: propValues });
 };
-var getStaticProps$8 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$7 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -24120,7 +24120,7 @@ var getStaticProps$8 = function (context) { return __awaiter(void 0, void 0, voi
 var forgotPassword = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$9,
-    getStaticProps: getStaticProps$8
+    getStaticProps: getStaticProps$7
 });
 
 var Page$a = function (_a) {
@@ -24129,7 +24129,7 @@ var Page$a = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
     return React.createElement(IkasPage, { page: page, propValues: propValues });
 };
-var getStaticProps$9 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$8 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -24148,14 +24148,42 @@ var getStaticProps$9 = function (context) { return __awaiter(void 0, void 0, voi
 var recoverPassword = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$a,
+    getStaticProps: getStaticProps$8
+});
+
+var Page$b = function (_a) {
+    var page = _a.page, propValuesStr = _a.propValuesStr;
+    var router$1 = router.useRouter();
+    var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
+    return React.createElement(IkasPage, { page: page, propValues: propValues });
+};
+var getStaticProps$9 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+    var theme, provider;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, IkasThemeAPI.fetchTheme()];
+            case 1:
+                theme = _a.sent();
+                provider = new IkasPageDataProvider(theme, context.params, exports.IkasThemePageType.BASKET);
+                return [4 /*yield*/, provider.getPageData()];
+            case 2:
+                _a.sent();
+                return [2 /*return*/, __assign(__assign({}, provider.nextPageData), { revalidate: 60 })];
+        }
+    });
+}); };
+
+var basket = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    'default': Page$b,
     getStaticProps: getStaticProps$9
 });
 
 var IkasPageEditor$1 = dynamic__default['default'](function () { return Promise.resolve().then(function () { return index; }).then(function (mod) { return mod.IkasPageEditor; }); }, { ssr: false });
-var Page$b = function () {
+var Page$c = function () {
     return React.createElement(IkasPageEditor$1, null);
 };
-var editor = mobxReactLite.observer(Page$b);
+var editor = mobxReactLite.observer(Page$c);
 
 var editor$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -24173,10 +24201,11 @@ var IkasBaseStore = /** @class */ (function () {
     return IkasBaseStore;
 }());
 
-exports.AccountPage = index$2;
+exports.AccountPage = index$3;
 exports.AddressesPage = addresses;
+exports.BasketPage = basket;
 exports.CheckoutPage = _id_$1;
-exports.CustomPage = _secondSlug_;
+exports.CustomPage = _slug_;
 exports.EditorPage = editor$1;
 exports.ForgotPasswordPage = forgotPassword;
 exports.GTMAddToCart = GTMAddToCart;
@@ -24253,10 +24282,10 @@ exports.IkasVariantValue = IkasVariantValue;
 exports.IndexPage = home;
 exports.LoginPage = login;
 exports.OrderDetailPage = _id_$2;
-exports.OrdersPage = index$3;
+exports.OrdersPage = index$4;
 exports.RecoverPasswordPage = recoverPassword;
 exports.RegisterPage = register;
-exports.SlugPage = index$1;
+exports.SlugPage = index$2;
 exports.apollo = apollo;
 exports.decodeBase64 = decodeBase64;
 exports.formatMoney = formatMoney;

package/build/models/theme/page/index.d.ts

@@ -22,5 +22,6 @@ export declare enum IkasThemePageType {
     LOGIN = "LOGIN",
     REGISTER = "REGISTER",
     FORGOT_PASSWORD = "FORGOT_PASSWORD",
-    RECOVER_PASSWORD = "RECOVER_PASSWORD"
+    RECOVER_PASSWORD = "RECOVER_PASSWORD",
+    BASKET = "BASKET"
 }

package/build/pages/[slug]/index.d.ts

@@ -1,12 +1,14 @@
+/// <reference types="node" />
 import * as React from "react";
-import { GetStaticProps, GetStaticPaths } from "next";
+import { GetServerSideProps } from "next";
 import { IkasThemePage } from "../../models/index";
+import { ParsedUrlQuery } from "querystring";
 declare type Props = {
     propValuesStr: string;
     pageSpecificDataStr: string;
     page: IkasThemePage;
+    queryParams?: ParsedUrlQuery;
 };
-declare const Page: React.FC<Props>;
-export default Page;
-export declare const getStaticPaths: GetStaticPaths;
-export declare const getStaticProps: GetStaticProps;
+declare const _default: React.FunctionComponent<Props>;
+export default _default;
+export declare const getServerSideProps: GetServerSideProps;

package/build/pages/basket.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { GetStaticProps } from "next";
+import { IkasThemePage } from "../models/index";
+declare type Props = {
+    propValuesStr: string;
+    page: IkasThemePage;
+};
+declare const Page: React.FC<Props>;
+export default Page;
+export declare const getStaticProps: GetStaticProps;