@ikas/storefront 0.0.4 → 0.0.6

package/build/index.es.js

@@ -1,4 +1,4 @@
-import { makeAutoObservable, toJS, runInAction, reaction, action, computed, makeObservable, observable, configure } from 'mobx';
+import { makeAutoObservable, toJS, runInAction, reaction, action, computed, configure } from 'mobx';
 import queryString$1 from 'querystring';
 import React, { createElement, useState, useEffect, Fragment, useCallback, useRef } from 'react';
 import { observer } from 'mobx-react-lite';
@@ -10865,14 +10865,16 @@ function setContext(setter) {
 var IkasStorefrontConfig = /** @class */ (function () {
     function IkasStorefrontConfig() {
     }
-    IkasStorefrontConfig.init = function (store, components, config, localTheme) {
+    IkasStorefrontConfig.init = function (store, components, config, localTheme, apiUrlOverride) {
         IkasStorefrontConfig.store = store;
         IkasStorefrontConfig.components = components;
         IkasStorefrontConfig.config = config;
         IkasStorefrontConfig.localTheme = localTheme;
+        IkasStorefrontConfig.apiUrlOverride = apiUrlOverride;
     };
     IkasStorefrontConfig.components = {};
     IkasStorefrontConfig.config = {};
+    IkasStorefrontConfig.apiUrlOverride = null;
     return IkasStorefrontConfig;
 }());
 
@@ -10931,6 +10933,7 @@ var apollo = new Apollo();
 var IkasHTMLMetaData = /** @class */ (function () {
     function IkasHTMLMetaData(data) {
         if (data === void 0) { data = {}; }
+        this.redirectTo = null;
         this.slug = data.slug || "";
         this.pageTitle = data.pageTitle || null;
         this.description = data.description || null;
@@ -10951,6 +10954,8 @@ var IkasHTMLMetaDataTargetType;
 
 var IkasBrand = /** @class */ (function () {
     function IkasBrand(data) {
+        this.metaData = null;
+        this.image = null;
         this.id = data.id || "";
         this.name = data.name || "";
         this.metaData = data.metaData
@@ -10974,6 +10979,8 @@ var IkasBrand = /** @class */ (function () {
 
 var IkasCategory = /** @class */ (function () {
     function IkasCategory(data) {
+        this.metaData = null;
+        this.image = null;
         this.id = data.id || "";
         this.name = data.name || "";
         this.parentId = data.parentId || null;
@@ -11751,6 +11758,7 @@ var IkasLinkPropValueProvider = /** @class */ (function () {
 
 var IkasNavigationLink = /** @class */ (function () {
     function IkasNavigationLink(href, label, subLinks, isExternal) {
+        this.isExternal = null;
         this.href = href;
         this.label = label;
         this.subLinks = subLinks;
@@ -11762,8 +11770,10 @@ var IkasNavigationLink = /** @class */ (function () {
 
 var IkasPageDataProvider = /** @class */ (function () {
     function IkasPageDataProvider(theme, pageParams, pageType) {
+        this.pageType = null;
         this.pageParams = {};
         this.pageComponentPropValues = [];
+        this.pageSpecificData = null;
         this.theme = new IkasTheme(theme);
         this.pageParams = pageParams || {};
         this.pageType = pageType;
@@ -12166,21 +12176,36 @@ var formatMoney = function (price, currency) {
 var IkasOrderAddress = /** @class */ (function () {
     function IkasOrderAddress(data) {
         if (data === void 0) { data = {}; }
-        this.addressLine1 = data.addressLine1 || undefined;
-        this.addressLine2 = data.addressLine2 || undefined;
-        this.country = data.country || undefined;
-        this.state = data.state || undefined;
-        this.city = data.city || undefined;
-        this.district = data.district || undefined;
-        this.isDefault = data.isDefault || undefined;
-        this.company = data.company || undefined;
-        this.firstName = data.firstName || undefined;
-        this.lastName = data.lastName || undefined;
-        this.phone = data.phone || undefined;
-        this.postalCode = data.postalCode || undefined;
-        this.identityNumber = data.identityNumber || undefined;
-        this.taxNumber = data.taxNumber || undefined;
-        this.taxOffice = data.taxOffice || undefined;
+        this.addressLine1 = null;
+        this.addressLine2 = null;
+        this.country = null;
+        this.state = null;
+        this.city = null;
+        this.district = null;
+        this.isDefault = null;
+        this.company = null;
+        this.firstName = null;
+        this.lastName = null;
+        this.phone = null;
+        this.postalCode = null;
+        this.identityNumber = null;
+        this.taxNumber = null;
+        this.taxOffice = null;
+        this.addressLine1 = data.addressLine1 || null;
+        this.addressLine2 = data.addressLine2 || null;
+        this.country = data.country || null;
+        this.state = data.state || null;
+        this.city = data.city || null;
+        this.district = data.district || null;
+        this.isDefault = data.isDefault || null;
+        this.company = data.company || null;
+        this.firstName = data.firstName || null;
+        this.lastName = data.lastName || null;
+        this.phone = data.phone || null;
+        this.postalCode = data.postalCode || null;
+        this.identityNumber = data.identityNumber || null;
+        this.taxNumber = data.taxNumber || null;
+        this.taxOffice = data.taxOffice || null;
         makeAutoObservable(this);
     }
     Object.defineProperty(IkasOrderAddress.prototype, "addressText", {
@@ -12287,6 +12312,11 @@ var IkasImage = /** @class */ (function () {
 var IkasOrderLineVariant = /** @class */ (function () {
     function IkasOrderLineVariant(data) {
         if (data === void 0) { data = {}; }
+        this.sku = null;
+        this.slug = null;
+        this.mainImageId = null;
+        // Extra
+        this.mainImage = null;
         this.id = data.id || "";
         this.name = data.name || "";
         this.productId = data.productId || "";
@@ -12349,6 +12379,10 @@ var IkasOrderLineVariantVariantValue = /** @class */ (function () {
 
 var IkasOrderLineItem = /** @class */ (function () {
     function IkasOrderLineItem(data) {
+        this.discount = null;
+        this.discountPrice = null;
+        this.originalOrderLineItemId = null;
+        this.taxValue = null;
         this.id = data.id || "";
         this.createdAt = data.createdAt || "";
         this.updatedAt = data.updatedAt || "";
@@ -12381,6 +12415,8 @@ var IkasOrderLineItem = /** @class */ (function () {
 
 var IkasCart = /** @class */ (function () {
     function IkasCart(data) {
+        this.dueDate = null;
+        this.customerId = null;
         this.id = data.id || "";
         this.createdAt = data.createdAt || "";
         this.updatedAt = data.updatedAt || "";
@@ -12410,6 +12446,27 @@ var IkasCart = /** @class */ (function () {
 var IkasCheckout = /** @class */ (function () {
     function IkasCheckout(data) {
         if (data === void 0) { data = {}; }
+        this.id = null;
+        this.createdAt = null;
+        this.updatedAt = null;
+        this.cartId = null;
+        this.cart = null;
+        this.orderId = null;
+        this.orderNumber = null;
+        this.merchantId = null;
+        this.shippingSettingsId = null;
+        this.shippingZoneRateId = null;
+        this.customer = null;
+        this.billingAddress = null;
+        this.shippingAddress = null;
+        this.shippingLines = null;
+        this.shippingMethod = null;
+        this.status = null;
+        this.couponCode = null;
+        this.recoverEmailStatus = null;
+        this.recoveryStatus = null;
+        this.totalFinalPrice = null;
+        this.adjustments = null;
         this.id = data.id;
         this.createdAt = data.createdAt;
         this.updatedAt = data.updatedAt;
@@ -12522,23 +12579,40 @@ var IkasShippingMethodEnum;
 var IkasCustomerAddress = /** @class */ (function () {
     function IkasCustomerAddress(data) {
         if (data === void 0) { data = {}; }
-        this.id = data.id || undefined;
-        this.title = data.title || undefined;
-        this.addressLine1 = data.addressLine1 || undefined;
-        this.addressLine2 = data.addressLine2 || undefined;
-        this.country = data.country || undefined;
-        this.state = data.state || undefined;
-        this.city = data.city || undefined;
-        this.district = data.district || undefined;
-        this.isDefault = data.isDefault || undefined;
-        this.company = data.company || undefined;
-        this.firstName = data.firstName || undefined;
-        this.lastName = data.lastName || undefined;
-        this.phone = data.phone || undefined;
-        this.postalCode = data.postalCode || undefined;
-        this.identityNumber = data.identityNumber || undefined;
-        this.taxNumber = data.taxNumber || undefined;
-        this.taxOffice = data.taxOffice || undefined;
+        this.id = null;
+        this.title = null;
+        this.addressLine1 = null;
+        this.addressLine2 = null;
+        this.country = null;
+        this.state = null;
+        this.city = null;
+        this.district = null;
+        this.isDefault = null;
+        this.company = null;
+        this.firstName = null;
+        this.lastName = null;
+        this.phone = null;
+        this.postalCode = null;
+        this.identityNumber = null;
+        this.taxNumber = null;
+        this.taxOffice = null;
+        this.id = data.id || null;
+        this.title = data.title || null;
+        this.addressLine1 = data.addressLine1 || null;
+        this.addressLine2 = data.addressLine2 || null;
+        this.country = data.country || null;
+        this.state = data.state || null;
+        this.city = data.city || null;
+        this.district = data.district || null;
+        this.isDefault = data.isDefault || null;
+        this.company = data.company || null;
+        this.firstName = data.firstName || null;
+        this.lastName = data.lastName || null;
+        this.phone = data.phone || null;
+        this.postalCode = data.postalCode || null;
+        this.identityNumber = data.identityNumber || null;
+        this.taxNumber = data.taxNumber || null;
+        this.taxOffice = data.taxOffice || null;
         makeAutoObservable(this);
     }
     Object.defineProperty(IkasCustomerAddress.prototype, "addressText", {
@@ -12595,6 +12669,7 @@ var IkasCustomerAddress = /** @class */ (function () {
 
 var IkasCustomer = /** @class */ (function () {
     function IkasCustomer(data) {
+        this.phone = null;
         this.id = data.id || "";
         this.firstName = data.firstName || "";
         this.lastName = data.lastName || "";
@@ -13217,6 +13292,16 @@ var IkasTheme = /** @class */ (function () {
 var IkasLinkPropValue = /** @class */ (function () {
     function IkasLinkPropValue(data) {
         if (data === void 0) { data = {}; }
+        this.id = null;
+        this.linkType = null;
+        this.label = null;
+        this.pageId = null;
+        this.pageType = null;
+        this.itemId = null;
+        this.externalLink = null;
+        this.fileUrl = null;
+        // This will be used to link to a specific part of the page
+        this.pageComponentId = null;
         this.id = data.id;
         this.linkType = data.linkType;
         this.label = data.label;
@@ -13240,6 +13325,9 @@ var IkasLinkType;
 
 var IkasBrandPropValue = /** @class */ (function () {
     function IkasBrandPropValue(data) {
+        this.brandId = null;
+        // Only for brand detail page
+        this.usePageData = null;
         this.brandId = data.brandId;
         this.usePageData = data.usePageData;
         makeAutoObservable(this);
@@ -13251,6 +13339,7 @@ var IkasBrandList = /** @class */ (function () {
     function IkasBrandList(data) {
         var _this = this;
         this._initialized = false;
+        this._minPage = null;
         this._isLoading = false;
         this.getInitial = function () { return __awaiter(_this, void 0, void 0, function () {
             var response_1, err_1;
@@ -13516,6 +13605,11 @@ var IkasBrandListSortType;
 
 var IkasBrandListPropValue = /** @class */ (function () {
     function IkasBrandListPropValue(data) {
+        this.initialSort = null;
+        this.initialLimit = null;
+        // Only for static lists
+        this.brandCount = null;
+        this.brandIds = null;
         this.brandListType = data.brandListType || IkasBrandListType.ALL;
         this.initialSort = data.initialSort || IkasBrandListSortType.A_Z;
         this.initialLimit = data.initialLimit || 20;
@@ -13528,6 +13622,8 @@ var IkasBrandListPropValue = /** @class */ (function () {
 
 var IkasProductDetail = /** @class */ (function () {
     function IkasProductDetail(product, selectedVariantValues, usePageData, router) {
+        this.usePageData = null;
+        this.router = null;
         this.product = new IkasProduct(product);
         this.selectedVariantValues = selectedVariantValues.map(function (vv) { return new IkasVariantValue(vv); });
         this.usePageData = usePageData;
@@ -13597,6 +13693,9 @@ var IkasProductDetail = /** @class */ (function () {
 var IkasProductListFilter = /** @class */ (function () {
     function IkasProductListFilter(data) {
         if (data === void 0) { data = {}; }
+        // /collections/slug ve /brands/slug sayfalarında bunlar sabit filtre olacak
+        this.category = null;
+        this.brand = null;
         this.categories = data.categories || [];
         this.brands = data.brands || [];
         this.variantValues = data.variantValues || [];
@@ -13610,6 +13709,11 @@ var IkasProductList = /** @class */ (function () {
     function IkasProductList(data) {
         var _this = this;
         this._initialized = false;
+        this._minPage = null;
+        // Used for ProducListType.ALL
+        this._filters = null;
+        // Used for recommending products for a specific product
+        this._recommendFor = null; // productId
         this._isLoading = false;
         this.getInitial = function () { return __awaiter(_this, void 0, void 0, function () {
             var page, limit, response_1, data_1, err_1;
@@ -13922,7 +14026,9 @@ var IkasProductList = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    IkasProductList.prototype.applyFilters = function () { };
+    IkasProductList.prototype.applyFilters = function () {
+        return;
+    };
     IkasProductList.prototype.toJSON = function () {
         return {
             data: this.data,
@@ -13961,6 +14067,14 @@ var IkasProductListSortType;
 
 var IkasProductListPropValue = /** @class */ (function () {
     function IkasProductListPropValue(data) {
+        this.initialSort = null;
+        this.initialLimit = null;
+        // Only for static lists
+        this.productCount = null;
+        this.productIds = null;
+        // Only for collection and brand pages
+        // Example collections/man -> lists products inside the "man" category
+        this.usePageFilter = null;
         this.productListType = data.productListType || IkasProductListType.ALL;
         this.initialSort = data.initialSort || IkasProductListSortType.A_Z;
         this.initialLimit = data.initialLimit || 20;
@@ -13974,6 +14088,10 @@ var IkasProductListPropValue = /** @class */ (function () {
 
 var IkasProductDetailPropValue = /** @class */ (function () {
     function IkasProductDetailPropValue(data) {
+        this.productId = null;
+        this.variantId = null;
+        // Only for product detail page
+        this.usePageData = null;
         this.productId = data.productId;
         this.variantId = data.variantId;
         this.usePageData = data.usePageData;
@@ -19929,6 +20047,10 @@ var LS_CUSTOMER_KEY = "customer";
 var IkasCustomerStore = /** @class */ (function () {
     function IkasCustomerStore(baseStore) {
         var _this = this;
+        this.customer = null;
+        this.token = null;
+        this.tokenExpiry = null;
+        this.baseStore = null;
         this._initialized = false;
         this.login = function (email, password) { return __awaiter(_this, void 0, void 0, function () {
             var response, cart;
@@ -22187,22 +22309,7 @@ var IkasCartStore = /** @class */ (function () {
             _this._checkoutId = undefined;
         };
         this.baseStore = baseStore;
-        makeObservable(this, {
-            cart: observable,
-            //@ts-ignore
-            baseStore: observable,
-            //@ts-ignore
-            _checkoutId: observable,
-            //@ts-ignore
-            _isLoadingCart: observable,
-            //@ts-ignore
-            _cartLoadFinished: observable,
-            isBrowser: computed,
-            isLoadingCart: computed,
-            cartLoadFinished: computed,
-            checkoutId: computed,
-            checkoutUrl: computed,
-        });
+        makeAutoObservable(this);
         this.getCart();
     }
     Object.defineProperty(IkasCartStore.prototype, "isBrowser", {

package/build/index.js

@@ -10878,14 +10878,16 @@ function setContext(setter) {
 var IkasStorefrontConfig = /** @class */ (function () {
     function IkasStorefrontConfig() {
     }
-    IkasStorefrontConfig.init = function (store, components, config, localTheme) {
+    IkasStorefrontConfig.init = function (store, components, config, localTheme, apiUrlOverride) {
         IkasStorefrontConfig.store = store;
         IkasStorefrontConfig.components = components;
         IkasStorefrontConfig.config = config;
         IkasStorefrontConfig.localTheme = localTheme;
+        IkasStorefrontConfig.apiUrlOverride = apiUrlOverride;
     };
     IkasStorefrontConfig.components = {};
     IkasStorefrontConfig.config = {};
+    IkasStorefrontConfig.apiUrlOverride = null;
     return IkasStorefrontConfig;
 }());
 
@@ -10944,6 +10946,7 @@ var apollo = new Apollo();
 var IkasHTMLMetaData = /** @class */ (function () {
     function IkasHTMLMetaData(data) {
         if (data === void 0) { data = {}; }
+        this.redirectTo = null;
         this.slug = data.slug || "";
         this.pageTitle = data.pageTitle || null;
         this.description = data.description || null;
@@ -10963,6 +10966,8 @@ var IkasHTMLMetaData = /** @class */ (function () {
 
 var IkasBrand = /** @class */ (function () {
     function IkasBrand(data) {
+        this.metaData = null;
+        this.image = null;
         this.id = data.id || "";
         this.name = data.name || "";
         this.metaData = data.metaData
@@ -10986,6 +10991,8 @@ var IkasBrand = /** @class */ (function () {
 
 var IkasCategory = /** @class */ (function () {
     function IkasCategory(data) {
+        this.metaData = null;
+        this.image = null;
         this.id = data.id || "";
         this.name = data.name || "";
         this.parentId = data.parentId || null;
@@ -11763,6 +11770,7 @@ var IkasLinkPropValueProvider = /** @class */ (function () {
 
 var IkasNavigationLink = /** @class */ (function () {
     function IkasNavigationLink(href, label, subLinks, isExternal) {
+        this.isExternal = null;
         this.href = href;
         this.label = label;
         this.subLinks = subLinks;
@@ -11774,8 +11782,10 @@ var IkasNavigationLink = /** @class */ (function () {
 
 var IkasPageDataProvider = /** @class */ (function () {
     function IkasPageDataProvider(theme, pageParams, pageType) {
+        this.pageType = null;
         this.pageParams = {};
         this.pageComponentPropValues = [];
+        this.pageSpecificData = null;
         this.theme = new IkasTheme(theme);
         this.pageParams = pageParams || {};
         this.pageType = pageType;
@@ -12178,21 +12188,36 @@ var formatMoney = function (price, currency) {
 var IkasOrderAddress = /** @class */ (function () {
     function IkasOrderAddress(data) {
         if (data === void 0) { data = {}; }
-        this.addressLine1 = data.addressLine1 || undefined;
-        this.addressLine2 = data.addressLine2 || undefined;
-        this.country = data.country || undefined;
-        this.state = data.state || undefined;
-        this.city = data.city || undefined;
-        this.district = data.district || undefined;
-        this.isDefault = data.isDefault || undefined;
-        this.company = data.company || undefined;
-        this.firstName = data.firstName || undefined;
-        this.lastName = data.lastName || undefined;
-        this.phone = data.phone || undefined;
-        this.postalCode = data.postalCode || undefined;
-        this.identityNumber = data.identityNumber || undefined;
-        this.taxNumber = data.taxNumber || undefined;
-        this.taxOffice = data.taxOffice || undefined;
+        this.addressLine1 = null;
+        this.addressLine2 = null;
+        this.country = null;
+        this.state = null;
+        this.city = null;
+        this.district = null;
+        this.isDefault = null;
+        this.company = null;
+        this.firstName = null;
+        this.lastName = null;
+        this.phone = null;
+        this.postalCode = null;
+        this.identityNumber = null;
+        this.taxNumber = null;
+        this.taxOffice = null;
+        this.addressLine1 = data.addressLine1 || null;
+        this.addressLine2 = data.addressLine2 || null;
+        this.country = data.country || null;
+        this.state = data.state || null;
+        this.city = data.city || null;
+        this.district = data.district || null;
+        this.isDefault = data.isDefault || null;
+        this.company = data.company || null;
+        this.firstName = data.firstName || null;
+        this.lastName = data.lastName || null;
+        this.phone = data.phone || null;
+        this.postalCode = data.postalCode || null;
+        this.identityNumber = data.identityNumber || null;
+        this.taxNumber = data.taxNumber || null;
+        this.taxOffice = data.taxOffice || null;
         mobx.makeAutoObservable(this);
     }
     Object.defineProperty(IkasOrderAddress.prototype, "addressText", {
@@ -12299,6 +12324,11 @@ var IkasImage = /** @class */ (function () {
 var IkasOrderLineVariant = /** @class */ (function () {
     function IkasOrderLineVariant(data) {
         if (data === void 0) { data = {}; }
+        this.sku = null;
+        this.slug = null;
+        this.mainImageId = null;
+        // Extra
+        this.mainImage = null;
         this.id = data.id || "";
         this.name = data.name || "";
         this.productId = data.productId || "";
@@ -12361,6 +12391,10 @@ var IkasOrderLineVariantVariantValue = /** @class */ (function () {
 
 var IkasOrderLineItem = /** @class */ (function () {
     function IkasOrderLineItem(data) {
+        this.discount = null;
+        this.discountPrice = null;
+        this.originalOrderLineItemId = null;
+        this.taxValue = null;
         this.id = data.id || "";
         this.createdAt = data.createdAt || "";
         this.updatedAt = data.updatedAt || "";
@@ -12393,6 +12427,8 @@ var IkasOrderLineItem = /** @class */ (function () {
 
 var IkasCart = /** @class */ (function () {
     function IkasCart(data) {
+        this.dueDate = null;
+        this.customerId = null;
         this.id = data.id || "";
         this.createdAt = data.createdAt || "";
         this.updatedAt = data.updatedAt || "";
@@ -12422,6 +12458,27 @@ var IkasCart = /** @class */ (function () {
 var IkasCheckout = /** @class */ (function () {
     function IkasCheckout(data) {
         if (data === void 0) { data = {}; }
+        this.id = null;
+        this.createdAt = null;
+        this.updatedAt = null;
+        this.cartId = null;
+        this.cart = null;
+        this.orderId = null;
+        this.orderNumber = null;
+        this.merchantId = null;
+        this.shippingSettingsId = null;
+        this.shippingZoneRateId = null;
+        this.customer = null;
+        this.billingAddress = null;
+        this.shippingAddress = null;
+        this.shippingLines = null;
+        this.shippingMethod = null;
+        this.status = null;
+        this.couponCode = null;
+        this.recoverEmailStatus = null;
+        this.recoveryStatus = null;
+        this.totalFinalPrice = null;
+        this.adjustments = null;
         this.id = data.id;
         this.createdAt = data.createdAt;
         this.updatedAt = data.updatedAt;
@@ -12528,23 +12585,40 @@ var IkasCheckout = /** @class */ (function () {
 var IkasCustomerAddress = /** @class */ (function () {
     function IkasCustomerAddress(data) {
         if (data === void 0) { data = {}; }
-        this.id = data.id || undefined;
-        this.title = data.title || undefined;
-        this.addressLine1 = data.addressLine1 || undefined;
-        this.addressLine2 = data.addressLine2 || undefined;
-        this.country = data.country || undefined;
-        this.state = data.state || undefined;
-        this.city = data.city || undefined;
-        this.district = data.district || undefined;
-        this.isDefault = data.isDefault || undefined;
-        this.company = data.company || undefined;
-        this.firstName = data.firstName || undefined;
-        this.lastName = data.lastName || undefined;
-        this.phone = data.phone || undefined;
-        this.postalCode = data.postalCode || undefined;
-        this.identityNumber = data.identityNumber || undefined;
-        this.taxNumber = data.taxNumber || undefined;
-        this.taxOffice = data.taxOffice || undefined;
+        this.id = null;
+        this.title = null;
+        this.addressLine1 = null;
+        this.addressLine2 = null;
+        this.country = null;
+        this.state = null;
+        this.city = null;
+        this.district = null;
+        this.isDefault = null;
+        this.company = null;
+        this.firstName = null;
+        this.lastName = null;
+        this.phone = null;
+        this.postalCode = null;
+        this.identityNumber = null;
+        this.taxNumber = null;
+        this.taxOffice = null;
+        this.id = data.id || null;
+        this.title = data.title || null;
+        this.addressLine1 = data.addressLine1 || null;
+        this.addressLine2 = data.addressLine2 || null;
+        this.country = data.country || null;
+        this.state = data.state || null;
+        this.city = data.city || null;
+        this.district = data.district || null;
+        this.isDefault = data.isDefault || null;
+        this.company = data.company || null;
+        this.firstName = data.firstName || null;
+        this.lastName = data.lastName || null;
+        this.phone = data.phone || null;
+        this.postalCode = data.postalCode || null;
+        this.identityNumber = data.identityNumber || null;
+        this.taxNumber = data.taxNumber || null;
+        this.taxOffice = data.taxOffice || null;
         mobx.makeAutoObservable(this);
     }
     Object.defineProperty(IkasCustomerAddress.prototype, "addressText", {
@@ -12601,6 +12675,7 @@ var IkasCustomerAddress = /** @class */ (function () {
 
 var IkasCustomer = /** @class */ (function () {
     function IkasCustomer(data) {
+        this.phone = null;
         this.id = data.id || "";
         this.firstName = data.firstName || "";
         this.lastName = data.lastName || "";
@@ -13208,6 +13283,16 @@ var IkasTheme = /** @class */ (function () {
 var IkasLinkPropValue = /** @class */ (function () {
     function IkasLinkPropValue(data) {
         if (data === void 0) { data = {}; }
+        this.id = null;
+        this.linkType = null;
+        this.label = null;
+        this.pageId = null;
+        this.pageType = null;
+        this.itemId = null;
+        this.externalLink = null;
+        this.fileUrl = null;
+        // This will be used to link to a specific part of the page
+        this.pageComponentId = null;
         this.id = data.id;
         this.linkType = data.linkType;
         this.label = data.label;
@@ -13230,6 +13315,9 @@ var IkasLinkPropValue = /** @class */ (function () {
 
 var IkasBrandPropValue = /** @class */ (function () {
     function IkasBrandPropValue(data) {
+        this.brandId = null;
+        // Only for brand detail page
+        this.usePageData = null;
         this.brandId = data.brandId;
         this.usePageData = data.usePageData;
         mobx.makeAutoObservable(this);
@@ -13241,6 +13329,7 @@ var IkasBrandList = /** @class */ (function () {
     function IkasBrandList(data) {
         var _this = this;
         this._initialized = false;
+        this._minPage = null;
         this._isLoading = false;
         this.getInitial = function () { return __awaiter(_this, void 0, void 0, function () {
             var response_1, err_1;
@@ -13504,6 +13593,11 @@ var IkasBrandList = /** @class */ (function () {
 
 var IkasBrandListPropValue = /** @class */ (function () {
     function IkasBrandListPropValue(data) {
+        this.initialSort = null;
+        this.initialLimit = null;
+        // Only for static lists
+        this.brandCount = null;
+        this.brandIds = null;
         this.brandListType = data.brandListType || exports.IkasBrandListType.ALL;
         this.initialSort = data.initialSort || exports.IkasBrandListSortType.A_Z;
         this.initialLimit = data.initialLimit || 20;
@@ -13516,6 +13610,8 @@ var IkasBrandListPropValue = /** @class */ (function () {
 
 var IkasProductDetail = /** @class */ (function () {
     function IkasProductDetail(product, selectedVariantValues, usePageData, router) {
+        this.usePageData = null;
+        this.router = null;
         this.product = new IkasProduct(product);
         this.selectedVariantValues = selectedVariantValues.map(function (vv) { return new IkasVariantValue(vv); });
         this.usePageData = usePageData;
@@ -13585,6 +13681,9 @@ var IkasProductDetail = /** @class */ (function () {
 var IkasProductListFilter = /** @class */ (function () {
     function IkasProductListFilter(data) {
         if (data === void 0) { data = {}; }
+        // /collections/slug ve /brands/slug sayfalarında bunlar sabit filtre olacak
+        this.category = null;
+        this.brand = null;
         this.categories = data.categories || [];
         this.brands = data.brands || [];
         this.variantValues = data.variantValues || [];
@@ -13598,6 +13697,11 @@ var IkasProductList = /** @class */ (function () {
     function IkasProductList(data) {
         var _this = this;
         this._initialized = false;
+        this._minPage = null;
+        // Used for ProducListType.ALL
+        this._filters = null;
+        // Used for recommending products for a specific product
+        this._recommendFor = null; // productId
         this._isLoading = false;
         this.getInitial = function () { return __awaiter(_this, void 0, void 0, function () {
             var page, limit, response_1, data_1, err_1;
@@ -13910,7 +14014,9 @@ var IkasProductList = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    IkasProductList.prototype.applyFilters = function () { };
+    IkasProductList.prototype.applyFilters = function () {
+        return;
+    };
     IkasProductList.prototype.toJSON = function () {
         return {
             data: this.data,
@@ -13947,6 +14053,14 @@ var IkasProductList = /** @class */ (function () {
 
 var IkasProductListPropValue = /** @class */ (function () {
     function IkasProductListPropValue(data) {
+        this.initialSort = null;
+        this.initialLimit = null;
+        // Only for static lists
+        this.productCount = null;
+        this.productIds = null;
+        // Only for collection and brand pages
+        // Example collections/man -> lists products inside the "man" category
+        this.usePageFilter = null;
         this.productListType = data.productListType || exports.IkasProductListType.ALL;
         this.initialSort = data.initialSort || exports.IkasProductListSortType.A_Z;
         this.initialLimit = data.initialLimit || 20;
@@ -13960,6 +14074,10 @@ var IkasProductListPropValue = /** @class */ (function () {
 
 var IkasProductDetailPropValue = /** @class */ (function () {
     function IkasProductDetailPropValue(data) {
+        this.productId = null;
+        this.variantId = null;
+        // Only for product detail page
+        this.usePageData = null;
         this.productId = data.productId;
         this.variantId = data.variantId;
         this.usePageData = data.usePageData;
@@ -19915,6 +20033,10 @@ var LS_CUSTOMER_KEY = "customer";
 var IkasCustomerStore = /** @class */ (function () {
     function IkasCustomerStore(baseStore) {
         var _this = this;
+        this.customer = null;
+        this.token = null;
+        this.tokenExpiry = null;
+        this.baseStore = null;
         this._initialized = false;
         this.login = function (email, password) { return __awaiter(_this, void 0, void 0, function () {
             var response, cart;
@@ -22173,22 +22295,7 @@ var IkasCartStore = /** @class */ (function () {
             _this._checkoutId = undefined;
         };
         this.baseStore = baseStore;
-        mobx.makeObservable(this, {
-            cart: mobx.observable,
-            //@ts-ignore
-            baseStore: mobx.observable,
-            //@ts-ignore
-            _checkoutId: mobx.observable,
-            //@ts-ignore
-            _isLoadingCart: mobx.observable,
-            //@ts-ignore
-            _cartLoadFinished: mobx.observable,
-            isBrowser: mobx.computed,
-            isLoadingCart: mobx.computed,
-            cartLoadFinished: mobx.computed,
-            checkoutId: mobx.computed,
-            checkoutUrl: mobx.computed,
-        });
+        mobx.makeAutoObservable(this);
         this.getCart();
     }
     Object.defineProperty(IkasCartStore.prototype, "isBrowser", {

package/build/models/data/brand/index.d.ts

@@ -3,8 +3,8 @@ import { IkasHTMLMetaData } from "../html-meta-data/index";
 export declare class IkasBrand {
     id: string;
     name: string;
-    metaData?: IkasHTMLMetaData;
-    image?: IkasImage;
+    metaData?: IkasHTMLMetaData | null;
+    image?: IkasImage | null;
     constructor(data: Partial<IkasBrand>);
     get href(): string;
 }

package/build/models/data/cart/index.d.ts

@@ -3,9 +3,9 @@ export declare class IkasCart {
     id: string;
     createdAt: string;
     updatedAt: string;
-    dueDate?: string;
+    dueDate?: string | null;
     currencyCode: string;
-    customerId?: string;
+    customerId?: string | null;
     itemCount: number;
     items: IkasOrderLineItem[];
     merchantId: string;

package/build/models/data/category/index.d.ts

@@ -4,8 +4,8 @@ export declare class IkasCategory {
     id: string;
     name: string;
     parentId: string | null;
-    metaData?: IkasHTMLMetaData;
-    image?: IkasImage;
+    metaData?: IkasHTMLMetaData | null;
+    image?: IkasImage | null;
     constructor(data: Partial<IkasCategory>);
     get href(): string;
 }

package/build/models/data/checkout/index.d.ts

@@ -3,28 +3,28 @@ import { IkasOrderShippingLine } from "../order/shipping-line/index";
 import { IkasCart } from "../cart/index";
 import { IkasOrderAdjustment } from "../order/index";
 export declare class IkasCheckout {
-    id?: string;
-    createdAt?: string;
-    updatedAt?: string;
-    cartId?: string;
-    cart?: IkasCart;
-    orderId?: string;
-    orderNumber?: string;
-    merchantId?: string;
-    shippingSettingsId?: string;
-    shippingZoneRateId?: string;
+    id?: string | null;
+    createdAt?: string | null;
+    updatedAt?: string | null;
+    cartId?: string | null;
+    cart?: IkasCart | null;
+    orderId?: string | null;
+    orderNumber?: string | null;
+    merchantId?: string | null;
+    shippingSettingsId?: string | null;
+    shippingZoneRateId?: string | null;
     availableShippingMethods: IkasAvailableShippingMethod[];
-    customer?: IkasCheckoutCustomer;
-    billingAddress?: IkasOrderAddress;
-    shippingAddress?: IkasOrderAddress;
-    shippingLines?: IkasOrderShippingLine[];
-    shippingMethod?: IkasShippingMethod;
-    status?: IkasCheckoutStatus;
-    couponCode?: string;
-    recoverEmailStatus?: IkasCheckoutRecoveryEmailStatus;
-    recoveryStatus?: IkasCheckoutRecoveryStatus;
-    totalFinalPrice?: number;
-    adjustments?: IkasOrderAdjustment[];
+    customer?: IkasCheckoutCustomer | null;
+    billingAddress?: IkasOrderAddress | null;
+    shippingAddress?: IkasOrderAddress | null;
+    shippingLines?: IkasOrderShippingLine[] | null;
+    shippingMethod?: IkasShippingMethod | null;
+    status?: IkasCheckoutStatus | null;
+    couponCode?: string | null;
+    recoverEmailStatus?: IkasCheckoutRecoveryEmailStatus | null;
+    recoveryStatus?: IkasCheckoutRecoveryStatus | null;
+    totalFinalPrice?: number | null;
+    adjustments?: IkasOrderAdjustment[] | null;
     constructor(data?: Partial<IkasCheckout>);
     get shippingTotal(): number;
     get hasCustomer(): boolean;

package/build/models/data/customer/address/index.d.ts

@@ -1,21 +1,21 @@
 export declare class IkasCustomerAddress {
-    id?: string;
-    title?: string;
-    addressLine1?: string;
-    addressLine2?: string;
-    country?: IkasCustomerAddressCountry;
-    state?: IkasCustomerAddressState;
-    city?: IkasCustomerAddressCity;
-    district?: IkasCustomerAddressDistrict;
-    isDefault?: boolean;
-    company?: string;
-    firstName?: string;
-    lastName?: string;
-    phone?: string;
-    postalCode?: string;
-    identityNumber?: string;
-    taxNumber?: string;
-    taxOffice?: string;
+    id?: string | null;
+    title?: string | null;
+    addressLine1?: string | null;
+    addressLine2?: string | null;
+    country?: IkasCustomerAddressCountry | null;
+    state?: IkasCustomerAddressState | null;
+    city?: IkasCustomerAddressCity | null;
+    district?: IkasCustomerAddressDistrict | null;
+    isDefault?: boolean | null;
+    company?: string | null;
+    firstName?: string | null;
+    lastName?: string | null;
+    phone?: string | null;
+    postalCode?: string | null;
+    identityNumber?: string | null;
+    taxNumber?: string | null;
+    taxOffice?: string | null;
     constructor(data?: Partial<IkasCustomerAddress>);
     get addressText(): string;
     get validationResult(): IkasAddressValidationResult;

package/build/models/data/customer/index.d.ts

@@ -4,7 +4,7 @@ export declare class IkasCustomer {
     firstName: string;
     lastName: string;
     email: string;
-    phone?: string;
+    phone?: string | null;
     isEmailVerified: boolean;
     isPhoneVerified: boolean;
     accountStatus: IkasCustomerAccountStatus;

package/build/models/data/html-meta-data/index.d.ts

@@ -4,7 +4,7 @@ export declare class IkasHTMLMetaData {
     description: string | null;
     targetType: IkasHTMLMetaDataTargetType | null;
     targetId: string | null;
-    redirectTo?: string;
+    redirectTo?: string | null;
     constructor(data?: Partial<IkasHTMLMetaData>);
 }
 export declare enum IkasHTMLMetaDataTargetType {

package/build/models/data/order/address/index.d.ts

@@ -1,19 +1,19 @@
 export declare class IkasOrderAddress {
-    addressLine1?: string;
-    addressLine2?: string;
-    country?: IkasOrderAddressCountry;
-    state?: IkasOrderAddressState;
-    city?: IkasOrderAddressCity;
-    district?: IkasOrderAddressDistrict;
-    isDefault?: boolean;
-    company?: string;
-    firstName?: string;
-    lastName?: string;
-    phone?: string;
-    postalCode?: string;
-    identityNumber?: string;
-    taxNumber?: string;
-    taxOffice?: string;
+    addressLine1?: string | null;
+    addressLine2?: string | null;
+    country?: IkasOrderAddressCountry | null;
+    state?: IkasOrderAddressState | null;
+    city?: IkasOrderAddressCity | null;
+    district?: IkasOrderAddressDistrict | null;
+    isDefault?: boolean | null;
+    company?: string | null;
+    firstName?: string | null;
+    lastName?: string | null;
+    phone?: string | null;
+    postalCode?: string | null;
+    identityNumber?: string | null;
+    taxNumber?: string | null;
+    taxOffice?: string | null;
     constructor(data?: Partial<IkasOrderAddress>);
     get addressText(): string;
     get validationResult(): IkasAddressValidationResult;

package/build/models/data/order/line-item/index.d.ts

@@ -6,13 +6,13 @@ export declare class IkasOrderLineItem {
     updatedAt: string;
     deleted: boolean;
     currencyCode: string;
-    discount?: IkasOrderLineDiscount;
-    discountPrice?: number;
+    discount?: IkasOrderLineDiscount | null;
+    discountPrice?: number | null;
     finalPrice: number;
-    originalOrderLineItemId?: string;
+    originalOrderLineItemId?: string | null;
     price: number;
     quantity: number;
-    taxValue?: number;
+    taxValue?: number | null;
     variant: IkasOrderLineVariant;
     constructor(data: Partial<IkasOrderLineItem>);
     get tax(): number;

package/build/models/data/order/line-item/variant/index.d.ts

@@ -3,13 +3,13 @@ export declare class IkasOrderLineVariant {
     id: string;
     name: string;
     productId: string;
-    sku?: string;
-    slug?: string;
+    sku?: string | null;
+    slug?: string | null;
     barcodeList: string[];
-    mainImageId?: string;
+    mainImageId?: string | null;
     taxValue: number;
     variantValues: IkasOrderLineVariantVariantValue[];
-    mainImage?: IkasImage;
+    mainImage?: IkasImage | null;
     constructor(data?: Partial<IkasOrderLineVariant>);
     get href(): string;
 }

package/build/models/theme/page/component/prop-value/brand-list.d.ts

@@ -1,9 +1,9 @@
 import { IkasBrandListSortType, IkasBrandListType } from "../../../../ui/brand-list/index";
 export declare class IkasBrandListPropValue {
     brandListType: IkasBrandListType;
-    initialSort?: IkasBrandListSortType;
-    initialLimit?: number;
-    brandCount?: number;
-    brandIds?: string[];
+    initialSort?: IkasBrandListSortType | null;
+    initialLimit?: number | null;
+    brandCount?: number | null;
+    brandIds?: string[] | null;
     constructor(data: Partial<IkasBrandListPropValue>);
 }

package/build/models/theme/page/component/prop-value/brand.d.ts

@@ -1,5 +1,5 @@
 export declare class IkasBrandPropValue {
-    brandId?: string;
-    usePageData?: boolean;
+    brandId?: string | null;
+    usePageData?: boolean | null;
     constructor(data: Partial<IkasBrandPropValue>);
 }

package/build/models/theme/page/component/prop-value/link.d.ts

@@ -1,14 +1,14 @@
 import { IkasThemePageType } from "../../index";
 export declare class IkasLinkPropValue {
-    id?: string;
-    linkType?: IkasLinkType;
-    label?: string;
-    pageId?: string;
-    pageType?: IkasThemePageType;
-    itemId?: string;
-    externalLink?: string;
-    fileUrl?: string;
-    pageComponentId?: string;
+    id?: string | null;
+    linkType?: IkasLinkType | null;
+    label?: string | null;
+    pageId?: string | null;
+    pageType?: IkasThemePageType | null;
+    itemId?: string | null;
+    externalLink?: string | null;
+    fileUrl?: string | null;
+    pageComponentId?: string | null;
     subLinks: IkasLinkPropValue[];
     constructor(data?: Partial<IkasLinkPropValue>);
 }

package/build/models/theme/page/component/prop-value/product-detail.d.ts

@@ -1,6 +1,6 @@
 export declare class IkasProductDetailPropValue {
-    productId?: string;
-    variantId?: string;
-    usePageData?: boolean;
+    productId?: string | null;
+    variantId?: string | null;
+    usePageData?: boolean | null;
     constructor(data: Partial<IkasProductDetailPropValue>);
 }

package/build/models/theme/page/component/prop-value/product-list.d.ts

@@ -1,11 +1,11 @@
 import { IkasProductListSortType, IkasProductListType } from "../../../../ui/index";
 export declare class IkasProductListPropValue {
     productListType: IkasProductListType;
-    initialSort?: IkasProductListSortType;
-    initialLimit?: number;
-    productCount?: number;
-    productIds?: IkasProductVariantId[];
-    usePageFilter?: boolean;
+    initialSort?: IkasProductListSortType | null;
+    initialLimit?: number | null;
+    productCount?: number | null;
+    productIds?: IkasProductVariantId[] | null;
+    usePageFilter?: boolean | null;
     constructor(data: Partial<IkasProductListPropValue>);
 }
 declare type IkasProductVariantId = {

package/build/models/ui/navigation-link/index.d.ts

@@ -2,6 +2,6 @@ export declare class IkasNavigationLink {
     href: string;
     label: string;
     subLinks: IkasNavigationLink[];
-    isExternal?: boolean;
+    isExternal?: boolean | null;
     constructor(href: string, label: string, subLinks: IkasNavigationLink[], isExternal?: boolean);
 }

package/build/models/ui/product-list/filter.d.ts

@@ -1,6 +1,6 @@
 export declare class IkasProductListFilter {
-    category?: string;
-    brand?: string;
+    category?: string | null;
+    brand?: string | null;
     categories: string[];
     brands: string[];
     variantValues: VariantValueFilter[];

package/build/store/customer.d.ts

@@ -1,9 +1,9 @@
 import { IkasCustomer, IkasOrderTransaction } from "../models/index";
 import { IkasBaseStore } from "./base";
 export declare class IkasCustomerStore {
-    customer?: IkasCustomer;
-    token?: string;
-    tokenExpiry?: number;
+    customer?: IkasCustomer | null;
+    token?: string | null;
+    tokenExpiry?: number | null;
     private baseStore?;
     private _initialized;
     constructor(baseStore?: IkasBaseStore);

package/build/storefront/index.d.ts

@@ -5,5 +5,6 @@ export declare class IkasStorefrontConfig {
     static components: any;
     static config: Record<string, any>;
     static localTheme: IkasTheme;
-    static init(store: IkasBaseStore, components: any, config: Record<string, any>, localTheme: IkasTheme): void;
+    static apiUrlOverride: string | null;
+    static init(store: IkasBaseStore, components: any, config: Record<string, any>, localTheme: IkasTheme, apiUrlOverride?: string): void;
 }

package/build/utils/providers/page-data.d.ts

@@ -2,10 +2,10 @@ import { NextRouter } from "next/router";
 import { IkasTheme, IkasThemePageType, IkasThemePageComponent, IkasThemeComponentProp, IkasThemeComponent, IkasThemePage } from "../../models/index";
 export declare class IkasPageDataProvider {
     theme: IkasTheme;
-    pageType?: IkasThemePageType;
+    pageType?: IkasThemePageType | null;
     pageParams: Record<string, any>;
     pageComponentPropValues: IkasPageComponentPropValue[];
-    pageSpecificData?: any;
+    pageSpecificData?: any | null;
     constructor(theme: IkasTheme, pageParams?: Record<string, any>, pageType?: IkasThemePageType);
     get page(): IkasThemePage | undefined;
     get nextPageData(): {

package/package.json

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