@ikas/storefront 0.0.17 → 0.0.18

package/build/index.es.js

@@ -11827,10 +11827,8 @@ var IkasPageDataProvider = /** @class */ (function () {
         get: function () {
             var _this = this;
             if (this.pageType === IkasThemePageType.CUSTOM) {
-                var secondSlug_1 = this.pageParams.secondSlug;
-                return this.theme.pages.find(function (page) {
-                    return page.type === IkasThemePageType.CUSTOM && page.slug === secondSlug_1;
-                });
+                var slug_1 = this.pageParams.slug;
+                return this.theme.pages.find(function (page) { return page.type === IkasThemePageType.CUSTOM && page.slug === slug_1; });
             }
             return this.theme.pages.find(function (page) { return page.type === _this.pageType; });
         },
@@ -11888,10 +11886,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 &&
                             [
@@ -11904,16 +11902,14 @@ var IkasPageDataProvider = /** @class */ (function () {
                                 IkasThemePageType.REGISTER,
                                 IkasThemePageType.FORGOT_PASSWORD,
                                 IkasThemePageType.RECOVER_PASSWORD,
+                                IkasThemePageType.CUSTOM,
+                                IkasThemePageType.BASKET,
                             ].includes(this.pageType))
                             return [2 /*return*/];
-                        _a = this.pageParams, slug = _a.slug, secondSlug = _a.secondSlug;
-                        if (secondSlug) {
-                            this.pageType = 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*/];
                         }
@@ -11981,19 +11977,19 @@ var IkasPageDataProvider = /** @class */ (function () {
                                 }
                             });
                         }); };
-                        _b = metaData.targetType;
-                        switch (_b) {
+                        _a = metaData.targetType;
+                        switch (_a) {
                             case IkasHTMLMetaDataTargetType.BRAND: return [3 /*break*/, 2];
                             case IkasHTMLMetaDataTargetType.CATEGORY: return [3 /*break*/, 4];
                             case 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*/];
                 }
@@ -12165,24 +12161,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 || [];
@@ -13422,6 +13429,7 @@ var IkasThemePageType;
     IkasThemePageType["REGISTER"] = "REGISTER";
     IkasThemePageType["FORGOT_PASSWORD"] = "FORGOT_PASSWORD";
     IkasThemePageType["RECOVER_PASSWORD"] = "RECOVER_PASSWORD";
+    IkasThemePageType["BASKET"] = "BASKET";
 })(IkasThemePageType || (IkasThemePageType = {}));
 
 var IkasTheme = /** @class */ (function () {
@@ -14119,6 +14127,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$1.stringify(queryParams), undefined, { shallow: true });
     };
     return IkasProductDetail;
@@ -19353,7 +19362,7 @@ var IkasProductAPI = /** @class */ (function () {
                         count = data.listProduct.count;
                         brandIds = products
                             .map(function (p) { return p.brandId; })
-                            .filter(function (id) { return !id; });
+                            .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()];
@@ -22154,7 +22163,7 @@ var CheckoutStepInfo = observer(function (_a) {
             createElement(FormItem, { type: FormItemType.SELECT, label: "Kaydedilen adresler", value: vm.selectedShippingAddressId, onChange: vm.onSelectedShippingAddressIdChange, options: vm.customerAddressOptions }))),
         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" && (createElement("div", { style: { marginTop: "12px" } },
             createElement(Checkbox, { value: vm.shouldSaveAddress, label: "Bir sonraki i\u015Flem i\u00E7in bu bilgileri kaydet", onChange: vm.setShouldSaveAddress }),
             vm.shouldSaveAddress && (createElement("div", { style: { marginTop: "8px" } },
@@ -23785,44 +23794,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 = useRouter();
-    var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
+    var propValues = computed(function () {
+        return IkasPageDataProvider.initPropValues(propValuesStr, router, typeof window !== "undefined"
+            ? queryString.parse(window.location.search.replace("?", ""))
+            : queryParams);
+    });
     handleGTM(page, pageSpecificDataStr);
-    return createElement(IkasPage, { page: page, propValues: propValues });
+    return 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 = [
-                    IkasHTMLMetaDataTargetType.BRAND,
-                    IkasHTMLMetaDataTargetType.CATEGORY,
-                    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 = 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();
@@ -23832,8 +23822,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 }),
                     }];
         }
     });
@@ -23854,11 +23843,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) {
@@ -23867,7 +23855,7 @@ var Page$2 = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
     return 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) {
@@ -23876,8 +23864,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 === 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 ({
@@ -23888,14 +23875,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, IkasThemePageType.CUSTOM);
                 return [4 /*yield*/, provider.getPageData()];
             case 2:
                 _a.sent();
@@ -23904,11 +23891,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) {
@@ -23918,7 +23905,7 @@ var CheckoutPage = function (_a) {
     return createElement(IkasCheckoutPage, { checkout: checkout, queryParams: queryParams });
 };
 var _id_ = 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) {
@@ -23953,7 +23940,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) {
@@ -23962,7 +23949,7 @@ var Page$3 = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
     return 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) {
@@ -23978,10 +23965,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) {
@@ -23990,7 +23977,7 @@ var Page$4 = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
     return 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) {
@@ -24009,7 +23996,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) {
@@ -24018,7 +24005,7 @@ var Page$5 = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
     return 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) {
@@ -24034,10 +24021,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) {
@@ -24046,7 +24033,7 @@ var Page$6 = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
     return 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) {
@@ -24065,7 +24052,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) {
@@ -24074,7 +24061,7 @@ var Page$7 = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
     return 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) {
@@ -24093,7 +24080,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) {
@@ -24102,7 +24089,7 @@ var Page$8 = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
     return 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) {
@@ -24121,7 +24108,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) {
@@ -24130,7 +24117,7 @@ var Page$9 = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
     return 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) {
@@ -24149,7 +24136,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) {
@@ -24158,7 +24145,7 @@ var Page$a = function (_a) {
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
     return 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) {
@@ -24177,14 +24164,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 = useRouter();
+    var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
+    return 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, 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(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 createElement(IkasPageEditor$1, null);
 };
-var editor = observer(Page$b);
+var editor = observer(Page$c);
 
 var editor$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -24202,4 +24217,4 @@ var IkasBaseStore = /** @class */ (function () {
     return IkasBaseStore;
 }());
 
-export { index$2 as AccountPage, addresses as AddressesPage, _id_$1 as CheckoutPage, _secondSlug_ as CustomPage, editor$1 as EditorPage, forgotPassword as ForgotPasswordPage, GTMAddToCart, GTMBeginCheckout, GTMBody, GTMCheckoutStep, GTMDisableHTML, GTMHead, GTMPageView, GTMProductView, GTMPurchase, GTMRemoveFromCart, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasBaseStore, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutPage, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasDistrictAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageComponentPropValue, IkasPageDataProvider, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAPI, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeValue, IkasProductDetail, IkasProductDetailPropValue, IkasProductList, IkasProductListFilter, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductPrice, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontAPI, IkasStorefrontConfig, IkasTheme, IkasThemeAPI, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, home as IndexPage, login as LoginPage, _id_$2 as OrderDetailPage, index$3 as OrdersPage, recoverPassword as RecoverPasswordPage, register as RegisterPage, index$1 as SlugPage, apollo, decodeBase64, formatMoney, pascalCase, stringToSlug, validatePhoneNumber };
+export { index$3 as AccountPage, addresses as AddressesPage, basket as BasketPage, _id_$1 as CheckoutPage, _slug_ as CustomPage, editor$1 as EditorPage, forgotPassword as ForgotPasswordPage, GTMAddToCart, GTMBeginCheckout, GTMBody, GTMCheckoutStep, GTMDisableHTML, GTMHead, GTMPageView, GTMProductView, GTMPurchase, GTMRemoveFromCart, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasBaseStore, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutPage, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasDistrictAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageComponentPropValue, IkasPageDataProvider, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAPI, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeValue, IkasProductDetail, IkasProductDetailPropValue, IkasProductList, IkasProductListFilter, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductPrice, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontAPI, IkasStorefrontConfig, IkasTheme, IkasThemeAPI, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, home as IndexPage, login as LoginPage, _id_$2 as OrderDetailPage, index$4 as OrdersPage, recoverPassword as RecoverPasswordPage, register as RegisterPage, index$2 as SlugPage, apollo, decodeBase64, formatMoney, pascalCase, stringToSlug, validatePhoneNumber };

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 || [];
@@ -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;
@@ -19337,7 +19346,7 @@ var IkasProductAPI = /** @class */ (function () {
                         count = data.listProduct.count;
                         brandIds = products
                             .map(function (p) { return p.brandId; })
-                            .filter(function (id) { return !id; });
+                            .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()];
@@ -22138,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" } },
@@ -23769,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();
@@ -23816,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 }),
                     }];
         }
     });
@@ -23838,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) {
@@ -23851,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) {
@@ -23860,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 ({
@@ -23872,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();
@@ -23888,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) {
@@ -23902,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) {
@@ -23937,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) {
@@ -23946,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) {
@@ -23962,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) {
@@ -23974,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) {
@@ -23993,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) {
@@ -24002,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) {
@@ -24018,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) {
@@ -24030,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) {
@@ -24049,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) {
@@ -24058,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) {
@@ -24077,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) {
@@ -24086,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) {
@@ -24105,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) {
@@ -24114,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) {
@@ -24133,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) {
@@ -24142,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) {
@@ -24161,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,
@@ -24186,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;
@@ -24266,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;

package/build/pages/index.d.ts

@@ -1,6 +1,6 @@
 import * as IndexPage from "./home";
 import * as SlugPage from "./[slug]/index";
-import * as CustomPage from "./[slug]/[secondSlug]";
+import * as CustomPage from "./pages/[slug]";
 import * as CheckoutPage from "./checkout/[id]";
 import * as AccountPage from "./account/index";
 import * as AddressesPage from "./account/addresses";
@@ -10,5 +10,6 @@ import * as LoginPage from "./account/login";
 import * as RegisterPage from "./account/register";
 import * as ForgotPasswordPage from "./account/forgot-password";
 import * as RecoverPasswordPage from "./account/recover-password";
+import * as BasketPage from "./basket";
 import * as EditorPage from "./editor";
-export { IndexPage, SlugPage, CustomPage, CheckoutPage, AccountPage, AddressesPage, OrdersPage, OrderDetailPage, LoginPage, RegisterPage, ForgotPasswordPage, RecoverPasswordPage, EditorPage, };
+export { IndexPage, SlugPage, CustomPage, CheckoutPage, AccountPage, AddressesPage, OrdersPage, OrderDetailPage, LoginPage, RegisterPage, ForgotPasswordPage, RecoverPasswordPage, BasketPage, EditorPage, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/storefront",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "main": "./build/index.js",
   "module": "./build/index.es.js",
   "author": "Umut Ozan Yıldırım",