@ikas/storefront 0.0.166-alpha.6 → 0.0.167-alpha.1

package/build/index.js

@@ -8,8 +8,8 @@ var path$1 = require('path');
 var getConfig = require('next/config');
 var React = require('react');
 var mobxReactLite = require('mobx-react-lite');
-var Head = require('next/head');
 var router = require('next/router');
+var Head = require('next/head');
 var crypto$1 = require('crypto');
 var NextImage = require('next/image');
 var Link = require('next/link');
@@ -10996,6 +10996,7 @@ var IkasStorefrontConfig = /** @class */ (function () {
     };
     IkasStorefrontConfig.getJson = function () {
         return {
+            domain: IkasStorefrontConfig.domain,
             storefrontId: IkasStorefrontConfig.storefrontId || null,
             storefrontRoutingId: IkasStorefrontConfig.storefrontRoutingId || null,
             storefrontThemeId: IkasStorefrontConfig.storefrontThemeId || null,
@@ -22813,7 +22814,7 @@ var MAX_CVC_LENGTH = 4;
 var USE_DIFFERENT_ADDRESS_KEY = "sAddr";
 var isServer$1 = typeof localStorage === "undefined";
 var CheckoutViewModel = /** @class */ (function () {
-    function CheckoutViewModel(checkout, checkoutSettings, router, returnPolicy, privacyPolicy, termsOfService, t) {
+    function CheckoutViewModel(checkout, checkoutSettings, merchantSettings, router, returnPolicy, privacyPolicy, termsOfService, t) {
         var _this = this;
         this.checkout = new IkasCheckout();
         this.checkoutSettings = new IkasCheckoutSettings();
@@ -22958,12 +22959,14 @@ var CheckoutViewModel = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
+                        if (!!this.merchantSettings) return [3 /*break*/, 2];
                         merchantId = decodeBase64(IkasStorefrontConfig.config.apiKey || "");
                         _a = this;
                         return [4 /*yield*/, IkasMerchantAPI.listMerchantSettings(merchantId)];
                     case 1:
                         _a.merchantSettings = _b.sent();
-                        return [2 /*return*/];
+                        _b.label = 2;
+                    case 2: return [2 /*return*/];
                 }
             });
         }); };
@@ -23652,6 +23655,8 @@ var CheckoutViewModel = /** @class */ (function () {
         this.privacyPolicy = privacyPolicy;
         this.termsOfService = termsOfService;
         this.t = t;
+        if (merchantSettings)
+            this.merchantSettings = merchantSettings;
         this.isTermsAndConditionsChecked = this.checkoutSettings.isTermsAndConditionsDefaultChecked;
         this.store.cartStore.cart = this.checkout.cart;
         this.init();
@@ -35697,6 +35702,13 @@ var IkasProductDetail = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IkasProductDetail.prototype, "hasStock", {
+        get: function () {
+            return this.product.variants.some(function (v) { return v.stock > 0; });
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(IkasProductDetail.prototype, "displayedVariantTypes", {
         get: function () {
             var _this = this;
@@ -41221,100 +41233,122 @@ var ThemeComponent = mobxReactLite.observer(function (_a) {
 });
 
 var IkasPageHead = mobxReactLite.observer(function (_a) {
-    var _b;
-    var page = _a.page, pageTitle = _a.pageTitle, description = _a.description, pageSpecificDataStr = _a.pageSpecificDataStr, props = __rest(_a, ["page", "pageTitle", "description", "pageSpecificDataStr"]);
-    var ogpMetas = [];
-    var schemas = [];
-    var isCanonicalLinkAdd = false;
-    var canonicalHref = "";
+    var pageType = _a.pageType, pageTitle = _a.pageTitle, pageDescription = _a.pageDescription, pageSpecificDataStr = _a.pageSpecificDataStr, merchantSettingsStr = _a.merchantSettingsStr, addOgpMetas = _a.addOgpMetas;
+    var isBrowser = typeof window !== "undefined";
+    // NextJS sets the lang with routing ids, this overrides it with the locale
     React.useEffect(function () {
         var _a;
         document.documentElement.lang =
             ((_a = IkasStorefrontConfig.routings.find(function (r) { return r.id === IkasStorefrontConfig.storefrontRoutingId; })) === null || _a === void 0 ? void 0 : _a.locale) || "tr";
     }, []);
-    if (props.addOgpMetas) {
-        ogpMetas.push({
-            property: "og:type",
-            content: "website",
-        });
-        if (typeof window !== "undefined") {
-            ogpMetas.push({
-                property: "og:site_name",
-                content: "https://" + window.location.hostname,
-            });
+    var merchantSettings = React.useMemo(function () {
+        if (merchantSettingsStr)
+            return new IkasMerchantSettings(JSON.parse(merchantSettingsStr));
+    }, [merchantSettingsStr]);
+    var pageSpecificData = React.useMemo(function () {
+        if (!pageSpecificDataStr)
+            return pageSpecificDataStr;
+        var parsedData = JSON.parse(pageSpecificDataStr);
+        switch (pageType) {
+            case exports.IkasThemePageType.PRODUCT:
+                return new IkasProductDetail(parsedData.product, parsedData.selectedVariantValues);
+            case exports.IkasThemePageType.CATEGORY:
+                return new IkasCategory(parsedData);
+            case exports.IkasThemePageType.BRAND:
+                return new IkasBrand(parsedData);
+            default:
+                return pageSpecificDataStr;
+        }
+    }, [pageSpecificDataStr]);
+    var href = React.useMemo(function () {
+        if (pageSpecificData && pageSpecificData.href) {
+            return "https://" + IkasStorefrontConfig.domain + pageSpecificData.href;
         }
-        if (pageTitle) {
+    }, [pageSpecificData]);
+    var ogpMetas = React.useMemo(function () {
+        var _a;
+        var ogpMetas = [];
+        if (addOgpMetas) {
             ogpMetas.push({
-                property: "og:title",
-                content: pageTitle,
+                property: "og:type",
+                content: "website",
             });
-        }
-        if (description) {
             ogpMetas.push({
-                property: "og:description",
-                content: description,
+                property: "og:site_name",
+                content: "https://" + IkasStorefrontConfig.domain,
             });
-        }
-        if (typeof window !== "undefined") {
+            if (pageTitle) {
+                ogpMetas.push({
+                    property: "og:title",
+                    content: pageTitle,
+                });
+            }
+            if (pageDescription) {
+                ogpMetas.push({
+                    property: "og:description",
+                    content: pageDescription,
+                });
+            }
             ogpMetas.push({
                 property: "og:url",
-                content: window.location.href,
+                content: href ||
+                    (isBrowser ? window.location.href : "") ||
+                    "https://" + IkasStorefrontConfig.domain,
             });
-        }
-        if (props.merchantSettings) {
-            if (pageSpecificDataStr && (page === null || page === void 0 ? void 0 : page.type) === exports.IkasThemePageType.PRODUCT) {
-                var productDetailParsed = JSON.parse(pageSpecificDataStr);
-                var productDetail = new IkasProductDetail(productDetailParsed.product, productDetailParsed.selectedVariantValues);
+            if (pageSpecificData && pageType === exports.IkasThemePageType.PRODUCT) {
+                var productDetail = pageSpecificData;
                 if (productDetail.selectedVariant.mainImage) {
                     ogpMetas.push({
                         property: "og:image",
-                        content: (_b = productDetail.selectedVariant.mainImage) === null || _b === void 0 ? void 0 : _b.src,
+                        content: (_a = productDetail.selectedVariant.mainImage) === null || _a === void 0 ? void 0 : _a.src,
                     });
                 }
             }
-            else {
-                var merchantSettings = new IkasMerchantSettings(JSON.parse(props.merchantSettings));
+            else if (merchantSettings) {
                 ogpMetas.push({
                     property: "og:image",
                     content: merchantSettings.logo.src,
                 });
             }
         }
-    }
-    if (props.merchantSettings) {
-        // for schema.org
-        var merchantSettings = new IkasMerchantSettings(JSON.parse(props.merchantSettings));
-        var websiteSchema = createWebsiteSchema();
-        var storeSchema = createStoreSchema(merchantSettings);
-        schemas.push(websiteSchema);
-        schemas.push(storeSchema);
-    }
-    if (pageSpecificDataStr && (page === null || page === void 0 ? void 0 : page.type) === exports.IkasThemePageType.PRODUCT) {
-        var productDetailParsed = JSON.parse(pageSpecificDataStr);
-        var productDetail = new IkasProductDetail(productDetailParsed.product, productDetailParsed.selectedVariantValues);
-        if (typeof window !== "undefined" && productDetail.product.hasVariant) {
-            isCanonicalLinkAdd =
-                window.location.pathname !== productDetail.product.href;
-            canonicalHref =
-                "https://" + window.location.hostname + productDetail.product.href;
+        return ogpMetas;
+    }, [
+        pageTitle,
+        pageSpecificData,
+        href,
+        pageDescription,
+        merchantSettings,
+        addOgpMetas,
+        merchantSettings,
+    ]);
+    var schemas = React.useMemo(function () {
+        var schemas = [];
+        if (merchantSettings) {
+            var websiteSchema = createWebsiteSchema();
+            var storeSchema = createStoreSchema(merchantSettings);
+            schemas.push(websiteSchema);
+            schemas.push(storeSchema);
         }
-        var schema = createProductSchema(productDetail);
-        if (schema)
-            schemas.push(schema);
-    }
-    if (pageSpecificDataStr && (page === null || page === void 0 ? void 0 : page.type) === exports.IkasThemePageType.CATEGORY) {
-        var categorySchema = createCategorySchema(pageSpecificDataStr);
-        if (categorySchema)
-            schemas.push(categorySchema);
-        var categoryBreadcrumbSchema = createCategoryBreadcrumbSchema(pageSpecificDataStr);
-        if (categoryBreadcrumbSchema)
-            schemas.push(categoryBreadcrumbSchema);
-    }
+        if (pageSpecificData && pageType === exports.IkasThemePageType.PRODUCT) {
+            var productDetail = pageSpecificData;
+            var schema = createProductSchema(productDetail);
+            if (schema)
+                schemas.push(schema);
+        }
+        if (pageSpecificData && pageType === exports.IkasThemePageType.CATEGORY) {
+            var categorySchema = createCategorySchema(pageSpecificData);
+            var categoryBreadcrumbSchema = createCategoryBreadcrumbSchema(pageSpecificData);
+            if (categorySchema)
+                schemas.push(categorySchema);
+            if (categoryBreadcrumbSchema)
+                schemas.push(categoryBreadcrumbSchema);
+        }
+        return schemas;
+    }, [pageSpecificData, merchantSettings]);
     return (React.createElement(Head__default['default'], null,
         React.createElement("title", null, pageTitle || ""),
-        React.createElement("meta", { name: "description", content: description || "" }),
-        isCanonicalLinkAdd && React.createElement("link", { rel: "canonical", href: canonicalHref }),
-        !!props.addOgpMetas &&
+        React.createElement("meta", { name: "description", content: pageDescription || "" }),
+        !!addOgpMetas &&
             ogpMetas.map(function (ogpMeta, index) { return (React.createElement("meta", { key: ogpMeta.content + "-" + index, property: ogpMeta.property, content: ogpMeta.content })); }),
         !!schemas.length &&
             schemas.map(function (schema, index) { return (React.createElement("script", { key: index, type: "application/ld+json", dangerouslySetInnerHTML: {
@@ -41322,66 +41356,30 @@ var IkasPageHead = mobxReactLite.observer(function (_a) {
                 } })); })));
 });
 function createWebsiteSchema() {
-    var _a;
-    var hostname = "";
-    if (typeof window !== "undefined") {
-        hostname = (_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.hostname;
-    }
     return {
         "@context": "https://schema.org",
         "@type": "Website",
-        url: "https://" + hostname,
+        url: "https://" + IkasStorefrontConfig.domain,
     };
 }
 function createStoreSchema(merchantSettings) {
-    var _a, _b;
-    var hostname = "";
-    if (typeof window !== "undefined") {
-        hostname = (_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.hostname;
-    }
+    var _a;
     return {
         "@context": "https://schema.org",
         "@type": "Store",
         name: merchantSettings === null || merchantSettings === void 0 ? void 0 : merchantSettings.merchantName,
-        logo: (_b = merchantSettings === null || merchantSettings === void 0 ? void 0 : merchantSettings.logo) === null || _b === void 0 ? void 0 : _b.src,
-        url: "https://" + hostname,
+        logo: (_a = merchantSettings === null || merchantSettings === void 0 ? void 0 : merchantSettings.logo) === null || _a === void 0 ? void 0 : _a.src,
+        url: "https://" + IkasStorefrontConfig.domain,
     };
 }
 function createProductSchema(productDetail) {
     var _a, _b;
     try {
         var isBrowser = typeof window !== "undefined";
-        // TODO this code copy-pasted, organize this block
         if (isBrowser) {
-            var urlParams_1 = new URLSearchParams(window.location.search);
-            var vid_1 = urlParams_1.get("vid");
-            if (vid_1) {
-                var variant = productDetail.product.variants.find(function (v) { return v.id === vid_1; });
-                if (variant) {
-                    productDetail.selectedVariantValues = variant.variantValues;
-                }
-            }
-            else {
-                var productVariantTypeSlugs = productDetail.product.variantTypes.map(function (vt) { return vt.variantType.slug; });
-                var selectedVariantValues_1 = [];
-                productVariantTypeSlugs.forEach(function (slug, vtIndex) {
-                    var productVariantType = productDetail.product.variantTypes[vtIndex];
-                    var variantValueSlug = urlParams_1.get(slug);
-                    if (variantValueSlug) {
-                        var variantValue = productVariantType.variantType.values.find(function (v) { return v.slug === variantValueSlug; });
-                        if (variantValue)
-                            selectedVariantValues_1.push(variantValue);
-                    }
-                });
-                if (selectedVariantValues_1.length ===
-                    productDetail.selectedVariantValues.length) {
-                    productDetail.selectedVariantValues = selectedVariantValues_1;
-                }
-            }
+            IkasPageDataProvider._initProductDetailOnBrowser(productDetail);
         }
-        var productUrl = isBrowser
-            ? "https://" + window.location.hostname + productDetail.href
-            : "";
+        var productUrl = "https://" + IkasStorefrontConfig.domain + productDetail.href;
         return {
             "@context": "https://schema.org/",
             "@type": "Product",
@@ -41412,14 +41410,10 @@ function createProductSchema(productDetail) {
     }
     catch (err) { }
 }
-function createCategorySchema(pageSpecificDataStr) {
+function createCategorySchema(category) {
     var _a, _b, _c;
     try {
-        var categoryParsed = JSON.parse(pageSpecificDataStr);
-        var category = new IkasCategory(categoryParsed);
-        var categoryUrl = typeof window !== undefined
-            ? "https://" + window.location.hostname + category.href
-            : "";
+        var categoryUrl = "https://" + IkasStorefrontConfig.domain + category.href;
         return {
             "@context": "http://schema.org",
             "@type": "CollectionPage",
@@ -41431,10 +41425,8 @@ function createCategorySchema(pageSpecificDataStr) {
     }
     catch (_d) { }
 }
-function createCategoryBreadcrumbSchema(pageSpecificDataStr) {
+function createCategoryBreadcrumbSchema(category) {
     try {
-        var categoryParsed = JSON.parse(pageSpecificDataStr);
-        var category = new IkasCategory(categoryParsed);
         return {
             "@context": "http://schema.org",
             "@type": "BreadcrumbList",
@@ -41442,9 +41434,7 @@ function createCategoryBreadcrumbSchema(pageSpecificDataStr) {
                 "@type": "ListItem",
                 position: index + 1,
                 name: categoryPath.name,
-                item: typeof window !== undefined
-                    ? "https://" + window.location.hostname + categoryPath.href
-                    : "",
+                item: "https://" + IkasStorefrontConfig.domain + categoryPath.href,
             }); }),
         };
     }
@@ -41454,13 +41444,15 @@ function createCategoryBreadcrumbSchema(pageSpecificDataStr) {
 var styles = {"IkasPage":"style-module_IkasPage__ATOib"};
 
 var IkasPage = mobxReactLite.observer(function (_a) {
-    var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, addOgpMetas = _a.addOgpMetas;
+    var propValuesStr = _a.propValuesStr, pageType = _a.pageType, pageTitle = _a.pageTitle, pageDescription = _a.pageDescription, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr, merchantSettingsStr = _a.merchantSettingsStr, configJson = _a.configJson, reInitOnBrowser = _a.reInitOnBrowser, addOgpMetas = _a.addOgpMetas;
+    IkasStorefrontConfig.initWithJson(configJson);
     var store = IkasStorefrontConfig.store;
-    var settings = React.useState(new IkasThemeSettings(JSON.parse(settingsStr)))[0];
+    var router$1 = router.useRouter();
     var _b = React.useState(false), mounted = _b[0], setMounted = _b[1];
-    if (page) {
-        store.currentPageType = page.type;
-    }
+    var _c = React.useState(false), isBrowser = _c[0], setIsBrowser = _c[1];
+    var settings = React.useState(new IkasThemeSettings(JSON.parse(settingsStr)))[0];
+    var _d = React.useState(IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr)), propValues = _d[0], setPropValues = _d[1];
+    store.currentPageType = pageType;
     React.useEffect(function () {
         //@ts-ignore
         store.setSettings(settingsStr);
@@ -41469,16 +41461,22 @@ var IkasPage = mobxReactLite.observer(function (_a) {
         store.checkLocalization();
         setMounted(true);
     }, []);
+    React.useEffect(function () {
+        if (reInitOnBrowser)
+            setIsBrowser(typeof window !== "undefined");
+        handleAnalytics(pageType, pageSpecificDataStr, store);
+    }, [pageType, pageSpecificDataStr]);
+    React.useEffect(function () {
+        setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr, isBrowser));
+    }, [isBrowser, propValuesStr, pageType, settingsStr]);
     var headerComponentPropValue = propValues.find(function (pv) { return pv.component.isHeader; });
     var footerComponentPropValue = propValues.find(function (pv) { return pv.component.isFooter; });
     var others = propValues.filter(function (pv) { return !pv.component.isHeader && !pv.component.isFooter; }) || [];
     var visibilityStyle = {
         visibility: mounted ? "visible" : "hidden",
     };
-    if (!page)
-        return null;
     return (React.createElement(React.Fragment, null,
-        React.createElement(IkasPageHead, { page: page, pageTitle: page.pageTitle, description: page.description, pageSpecificDataStr: pageSpecificDataStr, merchantSettings: merchantSettings, addOgpMetas: addOgpMetas }),
+        React.createElement(IkasPageHead, { pageType: pageType, pageTitle: pageTitle, pageDescription: pageDescription, pageSpecificDataStr: pageSpecificDataStr, merchantSettingsStr: merchantSettingsStr, addOgpMetas: addOgpMetas }),
         React.createElement("div", { style: visibilityStyle, className: styles.IkasPage },
             React.createElement("div", null,
                 headerComponentPropValue &&
@@ -41491,7 +41489,35 @@ var IkasPage = mobxReactLite.observer(function (_a) {
 });
 var renderComponent = function (pageComponentPropValue, settings, index) {
     return (React.createElement(ThemeComponent, { key: pageComponentPropValue.pageComponent.id, index: index, pageComponentPropValue: pageComponentPropValue, settings: settings }));
-};
+};
+function handleAnalytics(pageType, pageSpecificDataStr, store) {
+    try {
+        if (pageType === exports.IkasThemePageType.PRODUCT) {
+            var productDetailParsed = JSON.parse(pageSpecificDataStr);
+            var productDetail = new IkasProductDetail(productDetailParsed.product, productDetailParsed.selectedVariantValues);
+            Analytics.productView(productDetail);
+            // @ts-ignore
+            IkasStorefrontConfig.store.customerStore.onProductView(productDetail.product.id, productDetail.selectedVariant.id);
+        }
+        if (pageType === exports.IkasThemePageType.CATEGORY) {
+            var category = JSON.parse(pageSpecificDataStr);
+            var categoryPath = category.path.map(function (cat) { return cat.name; }).join(" > ");
+            if (category.path.length > 0) {
+                categoryPath = categoryPath + " > " + category.name;
+            }
+            else {
+                categoryPath = category.name;
+            }
+            Analytics.viewCategory(categoryPath, category);
+        }
+        if (pageType === exports.IkasThemePageType.CART) {
+            Analytics.viewCart(store.cartStore.cart);
+        }
+    }
+    catch (err) {
+        console.error(err);
+    }
+}
 
 var IkasPageDataProvider = /** @class */ (function () {
     function IkasPageDataProvider(theme, pageParams, pageType) {
@@ -41520,15 +41546,18 @@ var IkasPageDataProvider = /** @class */ (function () {
     });
     Object.defineProperty(IkasPageDataProvider.prototype, "nextPageData", {
         get: function () {
+            var _a, _b, _c;
             return {
                 props: {
                     propValuesStr: JSON.stringify(this.pageComponentPropValues),
                     pageSpecificDataStr: this.pageSpecificData
                         ? JSON.stringify(this.pageSpecificData || {})
                         : "",
-                    page: mobx.toJS(this.page) || null,
+                    pageType: ((_a = this.page) === null || _a === void 0 ? void 0 : _a.type) || exports.IkasThemePageType.CUSTOM,
+                    pageTitle: ((_b = this.page) === null || _b === void 0 ? void 0 : _b.pageTitle) || null,
+                    pageDescription: ((_c = this.page) === null || _c === void 0 ? void 0 : _c.description) || null,
                     settingsStr: JSON.stringify(this.theme.settings || {}),
-                    merchantSettings: this.merchantSettings
+                    merchantSettingsStr: this.merchantSettings
                         ? JSON.stringify(this.merchantSettings)
                         : null,
                     configJson: IkasStorefrontConfig.getJson(),
@@ -42055,33 +42084,36 @@ var IkasPageDataProvider = /** @class */ (function () {
         var _propValue = propValue;
         var productDetail = new IkasProductDetail(_propValue.product, _propValue.selectedVariantValues);
         if (isBrowser) {
-            var urlParams_1 = new URLSearchParams(window.location.search);
-            var vid_1 = urlParams_1.get("vid");
-            if (vid_1) {
-                var variant = productDetail.product.variants.find(function (v) { return v.id === vid_1; });
-                if (variant) {
-                    productDetail.selectedVariantValues = variant.variantValues;
-                }
+            IkasPageDataProvider._initProductDetailOnBrowser(productDetail);
+        }
+        return new IkasProductDetail(productDetail.product, productDetail.selectedVariantValues, router);
+    };
+    IkasPageDataProvider._initProductDetailOnBrowser = function (productDetail) {
+        var urlParams = new URLSearchParams(window.location.search);
+        var vid = urlParams.get("vid");
+        if (vid) {
+            var variant = productDetail.product.variants.find(function (v) { return v.id === vid; });
+            if (variant) {
+                productDetail.selectedVariantValues = variant.variantValues;
             }
-            else {
-                var productVariantTypeSlugs = productDetail.product.variantTypes.map(function (vt) { return vt.variantType.slug; });
-                var selectedVariantValues_1 = [];
-                productVariantTypeSlugs.forEach(function (slug, vtIndex) {
-                    var productVariantType = productDetail.product.variantTypes[vtIndex];
-                    var variantValueSlug = urlParams_1.get(slug);
-                    if (variantValueSlug) {
-                        var variantValue = productVariantType.variantType.values.find(function (v) { return v.slug === variantValueSlug; });
-                        if (variantValue)
-                            selectedVariantValues_1.push(variantValue);
-                    }
-                });
-                if (selectedVariantValues_1.length ===
-                    productDetail.selectedVariantValues.length) {
-                    productDetail.selectedVariantValues = selectedVariantValues_1;
+        }
+        else {
+            var productVariantTypeSlugs = productDetail.product.variantTypes.map(function (vt) { return vt.variantType.slug; });
+            var selectedVariantValues_1 = [];
+            productVariantTypeSlugs.forEach(function (slug, vtIndex) {
+                var productVariantType = productDetail.product.variantTypes[vtIndex];
+                var variantValueSlug = urlParams.get(slug);
+                if (variantValueSlug) {
+                    var variantValue = productVariantType.variantType.values.find(function (v) { return v.slug === variantValueSlug; });
+                    if (variantValue)
+                        selectedVariantValues_1.push(variantValue);
                 }
+            });
+            if (selectedVariantValues_1.length ===
+                productDetail.selectedVariantValues.length) {
+                productDetail.selectedVariantValues = selectedVariantValues_1;
             }
         }
-        return new IkasProductDetail(productDetail.product, productDetail.selectedVariantValues, router);
     };
     IkasPageDataProvider.initAttributePropValue = function (prop, propValue, pageComponentPropValue) {
         pageComponentPropValue.propValues[prop.name] = IkasPageDataProvider._initAttributePropValue(propValue);
@@ -69658,11 +69690,11 @@ var FullscreenLoading = function () {
 
 var IkasCheckoutPage = function (_a) {
     var _b, _c, _d;
-    var checkout = _a.checkout, checkoutSettings = _a.checkoutSettings, customizationProps = _a.customizationProps, returnPolicy = _a.returnPolicy, privacyPolicy = _a.privacyPolicy, termsOfService = _a.termsOfService;
+    var checkout = _a.checkout, checkoutSettings = _a.checkoutSettings, merchantSettings = _a.merchantSettings, customizationProps = _a.customizationProps, returnPolicy = _a.returnPolicy, privacyPolicy = _a.privacyPolicy, termsOfService = _a.termsOfService;
     var t = useTranslation().t;
     var router$1 = router.useRouter();
     var vm = React.useState(function () {
-        return new CheckoutViewModel(checkout, checkoutSettings, router$1, returnPolicy, privacyPolicy, termsOfService, t);
+        return new CheckoutViewModel(checkout, checkoutSettings, merchantSettings, router$1, returnPolicy, privacyPolicy, termsOfService, t);
     })[0];
     if (vm.step === CheckoutStep.PAYMENT) {
         Analytics.disableHTML();
@@ -69700,9 +69732,9 @@ var IkasCheckoutPage = function (_a) {
         return null;
     }
     return (React.createElement(React.Fragment, null,
-        React.createElement(IkasPageHead, { pageTitle: (((_d = vm.merchantSettings) === null || _d === void 0 ? void 0 : _d.merchantName) || "") +
+        React.createElement(IkasPageHead, { pageType: exports.IkasThemePageType.CHECKOUT, pageTitle: (((_d = vm.merchantSettings) === null || _d === void 0 ? void 0 : _d.merchantName) || "") +
                 " - " +
-                t("checkout-page:securePayment"), description: t("checkout-page:securePayment") }),
+                t("checkout-page:securePayment"), pageDescription: t("checkout-page:securePayment") }),
         React.createElement("div", { id: "Checkout", className: styles$5.CheckoutPage },
             React.createElement(ReactTooltip, { place: "top", type: "dark", effect: "solid", arrowColor: "transparent", multiline: true, className: styles$5.ReactTooltipWrap, globalEventOff: "touchstart" }),
             React.createElement("div", { className: styles$5.Left },
@@ -69921,7 +69953,7 @@ var IkasPageEditor = mobxReactLite.observer(function () {
             pc.componentId !== ((_d = (_c = vm.theme) === null || _c === void 0 ? void 0 : _c.footerComponent) === null || _d === void 0 ? void 0 : _d.id);
     });
     return (React.createElement(React.Fragment, null,
-        !!vm.page && (React.createElement(IkasPageHead, { pageTitle: vm.page.pageTitle, description: vm.page.description })),
+        !!vm.page && (React.createElement(IkasPageHead, { pageType: vm.page.type, pageTitle: vm.page.pageTitle, pageDescription: vm.page.description })),
         React.createElement("div", { style: pageStyle },
             React.createElement("div", null,
                 !!headerPageComponent && (React.createElement(ThemeEditorComponent, { key: headerPageComponent.id, vm: vm, pageComponent: headerPageComponent })), others === null || others === void 0 ? void 0 :
@@ -70069,7 +70101,7 @@ var SettingsHelper = /** @class */ (function () {
     SettingsHelper.getSettings = function (locale) {
         var _this = this;
         return new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {
-            var isLocal, storefrontResponse, storefront, localTheme, settings, storefront_1, salesChannel_1, localizationMap, storefrontJSScripts_1, themeLocalizationPath, routing_1;
+            var isLocal, storefrontResponse, storefront, localTheme, settings, storefront_1, salesChannel_1, localizationMap, storefrontJSScripts_1, domain_1, themeLocalizationPath, routing_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -70103,6 +70135,7 @@ var SettingsHelper = /** @class */ (function () {
                             favicon: localTheme.settings.favicon,
                             stockPreference: localTheme.settings.stockPreference,
                             storefrontJSScripts: [],
+                            domain: "",
                         });
                         return [3 /*break*/, 5];
                     case 3: return [4 /*yield*/, SettingsHelper.readSettingsFile()];
@@ -70114,6 +70147,7 @@ var SettingsHelper = /** @class */ (function () {
                         salesChannel_1 = new IkasSalesChannel(settings.salesChannel);
                         localizationMap = settings.localizationMap;
                         storefrontJSScripts_1 = settings.storefrontJSScripts || [];
+                        domain_1 = settings.domain;
                         themeLocalizationPath = localizationMap[locale];
                         routing_1 = storefront_1.routings.find(function (r) { return r.id === locale || r.path === locale; });
                         if (!themeLocalizationPath || !routing_1) {
@@ -70140,6 +70174,7 @@ var SettingsHelper = /** @class */ (function () {
                                 favicon: favicon,
                                 stockPreference: stockPreference,
                                 storefrontJSScripts: storefrontJSScripts_1,
+                                domain: domain_1,
                             });
                         });
                         _a.label = 5;
@@ -70151,7 +70186,7 @@ var SettingsHelper = /** @class */ (function () {
     SettingsHelper.getPageData = function (context, isServer, pageType, possiblePageTypes, isEditor) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
-            var isLocal, isProdEditor, serverRuntimeConfig, locale, settings, storefront, themeLocalization, salesChannel, routing, favicon, stockPreference, storefrontJSScripts, provider, componentIds_1, components, componentDirs, nextI18nConf, currentLocale, i18nReader, translations, extraProps, checkoutComponent, checkoutSettings, customizationProps;
+            var isLocal, isProdEditor, serverRuntimeConfig, locale, settings, storefront, themeLocalization, salesChannel, routing, favicon, stockPreference, storefrontJSScripts, domain, provider, componentIds_1, components, namespaces, nextI18nConf, currentLocale, i18nReader, translations, extraProps, checkoutComponent, checkoutSettings, customizationProps;
             return __generator(this, function (_c) {
                 switch (_c.label) {
                     case 0:
@@ -70177,7 +70212,7 @@ var SettingsHelper = /** @class */ (function () {
                                     notFound: true,
                                 }];
                         }
-                        storefront = settings.storefront, themeLocalization = settings.themeLocalization, salesChannel = settings.salesChannel, routing = settings.routing, favicon = settings.favicon, stockPreference = settings.stockPreference, storefrontJSScripts = settings.storefrontJSScripts;
+                        storefront = settings.storefront, themeLocalization = settings.themeLocalization, salesChannel = settings.salesChannel, routing = settings.routing, favicon = settings.favicon, stockPreference = settings.stockPreference, storefrontJSScripts = settings.storefrontJSScripts, domain = settings.domain;
                         IkasStorefrontConfig.storefrontId = storefront.id;
                         IkasStorefrontConfig.storefrontRoutingId = routing.id;
                         IkasStorefrontConfig.storefrontThemeId = storefront.mainStorefrontThemeId;
@@ -70191,6 +70226,7 @@ var SettingsHelper = /** @class */ (function () {
                         IkasStorefrontConfig.favicon = favicon || null;
                         IkasStorefrontConfig.stockPreference = stockPreference || null;
                         IkasStorefrontConfig.storefrontJSScripts = storefrontJSScripts || [];
+                        IkasStorefrontConfig.domain = domain;
                         provider = new IkasPageDataProvider(themeLocalization.themeJson, context.params, pageType);
                         provider.possiblePageTypes = possiblePageTypes;
                         if (!!isEditor) return [3 /*break*/, 3];
@@ -70209,13 +70245,13 @@ var SettingsHelper = /** @class */ (function () {
                             ? provider.theme.components.map(function (c) { return c.id; })
                             : provider.page.components.map(function (pc) { return pc.componentId; });
                         components = themeLocalization.themeJson.components.filter(function (c) { return isEditor || componentIds_1.includes(c.id); });
-                        componentDirs = __spreadArrays([
-                            "common",
-                            "checkout-page"
-                        ], components.map(function (c) { return c.dir; }));
+                        namespaces = __spreadArrays(["common"], components.map(function (c) { return c.dir; }));
+                        if (pageType === exports.IkasThemePageType.CHECKOUT || isEditor) {
+                            namespaces.push("checkout-page");
+                        }
                         nextI18nConf = serverRuntimeConfig.nextI18nConf;
                         currentLocale = routing.locale;
-                        i18nReader = new I18NFileReader(currentLocale, componentDirs, isLocal ? undefined : nextI18nConf.localePath);
+                        i18nReader = new I18NFileReader(currentLocale, namespaces, isLocal ? undefined : nextI18nConf.localePath);
                         return [4 /*yield*/, i18nReader.read()];
                     case 4:
                         translations = _c.sent();
@@ -70293,15 +70329,10 @@ var SettingsHelper = /** @class */ (function () {
     return SettingsHelper;
 }());
 
-var Page = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, configJson = _a.configJson;
-    IkasStorefrontConfig.initWithJson(configJson);
-    var router$1 = router.useRouter();
-    var propValues = React.useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
-    }, [propValuesStr]);
-    return (React.createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues, addOgpMetas: true }));
+var Page = function (props) {
+    return React.createElement(IkasPage, __assign({}, props));
 };
+var home = mobxReactLite.observer(Page);
 var getStaticProps = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -70311,29 +70342,17 @@ var getStaticProps = function (context) { return __awaiter(void 0, void 0, void
     });
 }); };
 
-var home = /*#__PURE__*/Object.freeze({
+var home$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    'default': Page,
+    'default': home,
     getStaticProps: getStaticProps
 });
 
-var Page$1 = function (_a) {
-    var page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, configJson = _a.configJson;
-    IkasStorefrontConfig.initWithJson(configJson);
-    var router$1 = router.useRouter();
-    var _b = React.useState(false), isBrowser = _b[0], setIsBrowser = _b[1];
-    var _c = React.useState(IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr)), propValues = _c[0], setPropValues = _c[1];
-    React.useEffect(function () {
-        setIsBrowser(typeof window !== "undefined");
-        handleAnalytics(page, pageSpecificDataStr);
-    }, [page, pageSpecificDataStr]);
-    React.useEffect(function () {
-        setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr, isBrowser));
-    }, [isBrowser, propValuesStr, page]);
-    return (React.createElement(IkasPage, { page: page, propValues: propValues, pageSpecificDataStr: pageSpecificDataStr, settingsStr: settingsStr, merchantSettings: merchantSettings, addOgpMetas: true }));
+var Page$1 = function (props) {
+    return React.createElement(IkasPage, __assign({}, props, { addOgpMetas: true, reInitOnBrowser: true }));
 };
 var index$1 = mobxReactLite.observer(Page$1);
-var getStaticPaths = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticPaths = function () { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         return [2 /*return*/, {
                 paths: [],
@@ -70352,35 +70371,7 @@ var getStaticProps$1 = function (context) { return __awaiter(void 0, void 0, voi
             case 1: return [2 /*return*/, _a.sent()];
         }
     });
-}); };
-function handleAnalytics(page, pageSpecificDataStr) {
-    var isServer = typeof window === "undefined";
-    if (!isServer) {
-        try {
-            if (page.type === exports.IkasThemePageType.PRODUCT) {
-                var productDetailParsed = JSON.parse(pageSpecificDataStr);
-                var productDetail = new IkasProductDetail(productDetailParsed.product, productDetailParsed.selectedVariantValues);
-                Analytics.productView(productDetail);
-                // @ts-ignore
-                IkasStorefrontConfig.store.customerStore.onProductView(productDetail.product.id, productDetail.selectedVariant.id);
-            }
-            if (page.type === exports.IkasThemePageType.CATEGORY) {
-                var category = JSON.parse(pageSpecificDataStr);
-                var categoryPath = category.path.map(function (cat) { return cat.name; }).join(" > ");
-                if (category.path.length > 0) {
-                    categoryPath = categoryPath + " > " + category.name;
-                }
-                else {
-                    categoryPath = category.name;
-                }
-                Analytics.viewCategory(categoryPath, category);
-            }
-        }
-        catch (err) {
-            console.error(err);
-        }
-    }
-}
+}); };
 
 var index$2 = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -70389,15 +70380,10 @@ var index$2 = /*#__PURE__*/Object.freeze({
     getStaticProps: getStaticProps$1
 });
 
-var Page$2 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, configJson = _a.configJson;
-    IkasStorefrontConfig.initWithJson(configJson);
-    var router$1 = router.useRouter();
-    var propValues = React.useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
-    }, [propValuesStr]);
-    return (React.createElement(IkasPage, { page: page, settingsStr: settingsStr, propValues: propValues }));
+var Page$2 = function (props) {
+    return React.createElement(IkasPage, __assign({}, props));
 };
+var _slug_ = mobxReactLite.observer(Page$2);
 var getStaticPaths$1 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var allSettings, customPagePaths;
     return __generator(this, function (_a) {
@@ -70453,15 +70439,15 @@ var getStaticProps$2 = function (context) { return __awaiter(void 0, void 0, voi
     });
 }); };
 
-var _slug_ = /*#__PURE__*/Object.freeze({
+var _slug_$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    'default': Page$2,
+    'default': _slug_,
     getStaticPaths: getStaticPaths$1,
     getStaticProps: getStaticProps$2
 });
 
 var CheckoutPage = function (_a) {
-    var checkoutSettingsStr = _a.checkoutSettingsStr, customizationProps = _a.customizationProps, configJson = _a.configJson, others = __rest(_a, ["checkoutSettingsStr", "customizationProps", "configJson"]);
+    var merchantSettingsStr = _a.merchantSettingsStr, checkoutSettingsStr = _a.checkoutSettingsStr, customizationProps = _a.customizationProps, configJson = _a.configJson, others = __rest(_a, ["merchantSettingsStr", "checkoutSettingsStr", "customizationProps", "configJson"]);
     var router$1 = router.useRouter();
     var _b = React.useState(), checkout = _b[0], setCheckout = _b[1];
     IkasStorefrontConfig.initWithJson(configJson);
@@ -70471,6 +70457,11 @@ var CheckoutPage = function (_a) {
             ? new IkasCheckoutSettings(JSON.parse(checkoutSettingsStr))
             : new IkasCheckoutSettings();
     }, [checkoutSettingsStr]);
+    var merchantSettings = React.useMemo(function () {
+        return merchantSettingsStr
+            ? new IkasMerchantSettings(JSON.parse(merchantSettingsStr))
+            : null;
+    }, [merchantSettingsStr]);
     React.useEffect(function () {
         document.documentElement.style.setProperty("--checkout-button-bg-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonBgColor) || "#272727");
         document.documentElement.style.setProperty("--checkout-button-text-color", (customizationProps === null || customizationProps === void 0 ? void 0 : customizationProps.buttonTextColor) || "#FFFFFF");
@@ -70518,7 +70509,7 @@ var CheckoutPage = function (_a) {
     }); }, []);
     if (!checkout)
         return React.createElement(FullscreenLoading, null);
-    return (React.createElement(IkasCheckoutPage$1, __assign({ checkout: checkout, checkoutSettings: checkoutSettings, customizationProps: customizationProps }, others)));
+    return (React.createElement(IkasCheckoutPage$1, __assign({ checkout: checkout, merchantSettings: merchantSettings, checkoutSettings: checkoutSettings, customizationProps: customizationProps }, others)));
 };
 var checkout = mobxReactLite.observer(CheckoutPage);
 var getStaticProps$3 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
@@ -70536,15 +70527,10 @@ var checkout$1 = /*#__PURE__*/Object.freeze({
     getStaticProps: getStaticProps$3
 });
 
-var Page$3 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, configJson = _a.configJson;
-    IkasStorefrontConfig.initWithJson(configJson);
-    var router$1 = router.useRouter();
-    var propValues = React.useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
-    }, [propValuesStr]);
-    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
+var Page$3 = function (props) {
+    return React.createElement(IkasPage, __assign({}, props));
 };
+var index$3 = mobxReactLite.observer(Page$3);
 var getStaticProps$4 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -70554,21 +70540,16 @@ var getStaticProps$4 = 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$3,
+    'default': index$3,
     getStaticProps: getStaticProps$4
 });
 
-var Page$4 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, configJson = _a.configJson;
-    IkasStorefrontConfig.initWithJson(configJson);
-    var router$1 = router.useRouter();
-    var propValues = React.useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
-    }, [propValuesStr]);
-    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
+var Page$4 = function (props) {
+    return React.createElement(IkasPage, __assign({}, props));
 };
+var addresses = mobxReactLite.observer(Page$4);
 var getStaticProps$5 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -70578,21 +70559,16 @@ var getStaticProps$5 = function (context) { return __awaiter(void 0, void 0, voi
     });
 }); };
 
-var addresses = /*#__PURE__*/Object.freeze({
+var addresses$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    'default': Page$4,
+    'default': addresses,
     getStaticProps: getStaticProps$5
 });
 
-var Page$5 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, configJson = _a.configJson;
-    IkasStorefrontConfig.initWithJson(configJson);
-    var router$1 = router.useRouter();
-    var propValues = React.useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
-    }, [propValuesStr]);
-    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
+var Page$5 = function (props) {
+    return React.createElement(IkasPage, __assign({}, props, { addOgpMetas: true }));
 };
+var index$5 = mobxReactLite.observer(Page$5);
 var getStaticProps$6 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -70602,21 +70578,16 @@ var getStaticProps$6 = function (context) { return __awaiter(void 0, void 0, voi
     });
 }); };
 
-var index$4 = /*#__PURE__*/Object.freeze({
+var index$6 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    'default': Page$5,
+    'default': index$5,
     getStaticProps: getStaticProps$6
 });
 
-var Page$6 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, configJson = _a.configJson;
-    IkasStorefrontConfig.initWithJson(configJson);
-    var router$1 = router.useRouter();
-    var propValues = React.useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
-    }, [propValuesStr]);
-    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
+var Page$6 = function (props) {
+    return React.createElement(IkasPage, __assign({}, props));
 };
+var _id_ = mobxReactLite.observer(Page$6);
 var getServerSideProps = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -70626,21 +70597,16 @@ var getServerSideProps = function (context) { return __awaiter(void 0, void 0, v
     });
 }); };
 
-var _id_ = /*#__PURE__*/Object.freeze({
+var _id_$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    'default': Page$6,
+    'default': _id_,
     getServerSideProps: getServerSideProps
 });
 
-var Page$7 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, configJson = _a.configJson;
-    IkasStorefrontConfig.initWithJson(configJson);
-    var router$1 = router.useRouter();
-    var propValues = React.useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
-    }, [propValuesStr]);
-    return (React.createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
+var Page$7 = function (props) {
+    return React.createElement(IkasPage, __assign({}, props));
 };
+var login = mobxReactLite.observer(Page$7);
 var getStaticProps$7 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -70650,21 +70616,16 @@ var getStaticProps$7 = function (context) { return __awaiter(void 0, void 0, voi
     });
 }); };
 
-var login = /*#__PURE__*/Object.freeze({
+var login$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    'default': Page$7,
+    'default': login,
     getStaticProps: getStaticProps$7
 });
 
-var Page$8 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, configJson = _a.configJson;
-    IkasStorefrontConfig.initWithJson(configJson);
-    var router$1 = router.useRouter();
-    var propValues = React.useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
-    }, [propValuesStr]);
-    return (React.createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
+var Page$8 = function (props) {
+    return React.createElement(IkasPage, __assign({}, props));
 };
+var register = mobxReactLite.observer(Page$8);
 var getStaticProps$8 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -70674,21 +70635,16 @@ var getStaticProps$8 = function (context) { return __awaiter(void 0, void 0, voi
     });
 }); };
 
-var register = /*#__PURE__*/Object.freeze({
+var register$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    'default': Page$8,
+    'default': register,
     getStaticProps: getStaticProps$8
 });
 
-var Page$9 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, configJson = _a.configJson;
-    IkasStorefrontConfig.initWithJson(configJson);
-    var router$1 = router.useRouter();
-    var propValues = React.useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
-    }, [propValuesStr]);
-    return (React.createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
+var Page$9 = function (props) {
+    return React.createElement(IkasPage, __assign({}, props));
 };
+var forgotPassword = mobxReactLite.observer(Page$9);
 var getStaticProps$9 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -70698,21 +70654,16 @@ var getStaticProps$9 = function (context) { return __awaiter(void 0, void 0, voi
     });
 }); };
 
-var forgotPassword = /*#__PURE__*/Object.freeze({
+var forgotPassword$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    'default': Page$9,
+    'default': forgotPassword,
     getStaticProps: getStaticProps$9
 });
 
-var Page$a = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, configJson = _a.configJson;
-    IkasStorefrontConfig.initWithJson(configJson);
-    var router$1 = router.useRouter();
-    var propValues = React.useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
-    }, [propValuesStr]);
-    return (React.createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
+var Page$a = function (props) {
+    return React.createElement(IkasPage, __assign({}, props));
 };
+var recoverPassword = mobxReactLite.observer(Page$a);
 var getStaticProps$a = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -70722,25 +70673,16 @@ var getStaticProps$a = function (context) { return __awaiter(void 0, void 0, voi
     });
 }); };
 
-var recoverPassword = /*#__PURE__*/Object.freeze({
+var recoverPassword$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    'default': Page$a,
+    'default': recoverPassword,
     getStaticProps: getStaticProps$a
 });
 
-var Page$b = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, configJson = _a.configJson;
-    IkasStorefrontConfig.initWithJson(configJson);
-    var router$1 = router.useRouter();
-    var propValues = React.useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
-    }, [propValuesStr]);
-    var store = IkasStorefrontConfig.store;
-    React.useEffect(function () {
-        Analytics.viewCart(store.cartStore.cart);
-    }, []);
-    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
+var Page$b = function (props) {
+    return React.createElement(IkasPage, __assign({}, props));
 };
+var cart = mobxReactLite.observer(Page$b);
 var getStaticProps$b = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -70750,9 +70692,9 @@ var getStaticProps$b = function (context) { return __awaiter(void 0, void 0, voi
     });
 }); };
 
-var cart = /*#__PURE__*/Object.freeze({
+var cart$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    'default': Page$b,
+    'default': cart,
     getStaticProps: getStaticProps$b
 });
 
@@ -70780,15 +70722,10 @@ var editor$1 = /*#__PURE__*/Object.freeze({
     'default': editor
 });
 
-var Page$d = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, configJson = _a.configJson;
-    IkasStorefrontConfig.initWithJson(configJson);
-    var router$1 = router.useRouter();
-    var propValues = React.useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
-    }, [propValuesStr]);
-    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
+var Page$d = function (props) {
+    return React.createElement(IkasPage, __assign({}, props));
 };
+var favoriteProducts = mobxReactLite.observer(Page$d);
 var getStaticProps$d = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -70798,29 +70735,16 @@ var getStaticProps$d = function (context) { return __awaiter(void 0, void 0, voi
     });
 }); };
 
-var favoriteProducts = /*#__PURE__*/Object.freeze({
+var favoriteProducts$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    'default': Page$d,
+    'default': favoriteProducts,
     getStaticProps: getStaticProps$d
 });
 
-var Page$e = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, configJson = _a.configJson;
-    IkasStorefrontConfig.initWithJson(configJson);
-    var router$1 = router.useRouter();
-    var _b = React.useState(false), isBrowser = _b[0], setIsBrowser = _b[1];
-    var initialPropValues = React.useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
-    }, [propValuesStr]);
-    var _c = React.useState(initialPropValues), propValues = _c[0], setPropValues = _c[1];
-    React.useEffect(function () {
-        setIsBrowser(typeof window !== "undefined");
-    }, []);
-    React.useEffect(function () {
-        setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr, isBrowser));
-    }, [isBrowser, propValuesStr]);
-    return (React.createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues, addOgpMetas: true }));
+var Page$e = function (props) {
+    return React.createElement(IkasPage, __assign({}, props, { addOgpMetas: true, reInitOnBrowser: true }));
 };
+var search = mobxReactLite.observer(Page$e);
 var getStaticProps$e = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -70830,22 +70754,16 @@ var getStaticProps$e = function (context) { return __awaiter(void 0, void 0, voi
     });
 }); };
 
-var search = /*#__PURE__*/Object.freeze({
+var search$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    'default': Page$e,
+    'default': search,
     getStaticProps: getStaticProps$e
 });
 
-var Page$f = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, configJson = _a.configJson;
-    if (!propValuesStr || !page)
+var Page$f = function (props) {
+    if (!props.propValuesStr)
         return React.createElement(Error__default['default'], { statusCode: 404 });
-    IkasStorefrontConfig.initWithJson(configJson);
-    var router$1 = router.useRouter();
-    var propValues = React.useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
-    }, [propValuesStr]);
-    return (React.createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
+    return React.createElement(IkasPage, __assign({}, props));
 };
 var getStaticProps$f = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var props;
@@ -70872,15 +70790,10 @@ var _404 = /*#__PURE__*/Object.freeze({
     getStaticProps: getStaticProps$f
 });
 
-var Page$g = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, configJson = _a.configJson;
-    IkasStorefrontConfig.initWithJson(configJson);
-    var router$1 = router.useRouter();
-    var propValues = React.useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
-    }, [propValuesStr]);
-    return (React.createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues, addOgpMetas: true }));
+var Page$g = function (props) {
+    return React.createElement(IkasPage, __assign({}, props, { addOgpMetas: true }));
 };
+var index$7 = mobxReactLite.observer(Page$g);
 var getStaticProps$g = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -70890,31 +70803,17 @@ var getStaticProps$g = function (context) { return __awaiter(void 0, void 0, voi
     });
 }); };
 
-var index$5 = /*#__PURE__*/Object.freeze({
+var index$8 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    'default': Page$g,
+    'default': index$7,
     getStaticProps: getStaticProps$g
 });
 
-var Page$h = function (_a) {
-    var page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, configJson = _a.configJson;
-    IkasStorefrontConfig.initWithJson(configJson);
-    var router$1 = router.useRouter();
-    var _b = React.useState(false), isBrowser = _b[0], setIsBrowser = _b[1];
-    var initialPropValues = React.useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
-    }, [propValuesStr]);
-    var _c = React.useState(initialPropValues), propValues = _c[0], setPropValues = _c[1];
-    React.useEffect(function () {
-        setIsBrowser(typeof window !== "undefined");
-    }, []);
-    React.useEffect(function () {
-        setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr, isBrowser));
-    }, [isBrowser, propValuesStr]);
-    return (React.createElement(IkasPage, { page: page, propValues: propValues, pageSpecificDataStr: pageSpecificDataStr, settingsStr: settingsStr, merchantSettings: merchantSettings, addOgpMetas: true }));
+var Page$h = function (props) {
+    return React.createElement(IkasPage, __assign({}, props, { addOgpMetas: true, reInitOnBrowser: true }));
 };
-var _slug_$1 = mobxReactLite.observer(Page$h);
-var getStaticPaths$2 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var _slug_$2 = mobxReactLite.observer(Page$h);
+var getStaticPaths$2 = function () { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         return [2 /*return*/, {
                 paths: [],
@@ -70934,9 +70833,9 @@ var getStaticProps$h = function (context) { return __awaiter(void 0, void 0, voi
     });
 }); };
 
-var _slug_$2 = /*#__PURE__*/Object.freeze({
+var _slug_$3 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    'default': _slug_$1,
+    'default': _slug_$2,
     getStaticPaths: getStaticPaths$2,
     getStaticProps: getStaticProps$h
 });
@@ -71271,24 +71170,24 @@ var en$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.assign(/*#__PURE__*/Ob
 }));
 
 exports.AccountInfoForm = AccountInfoForm;
-exports.AccountPage = index$3;
+exports.AccountPage = index$4;
 exports.AddressForm = AddressForm;
-exports.AddressesPage = addresses;
+exports.AddressesPage = addresses$1;
 exports.Analytics = Analytics;
 exports.AnalyticsBody = AnalyticsBody;
 exports.AnalyticsHead = AnalyticsHead;
-exports.BlogPage = index$5;
-exports.BlogSlugPage = _slug_$2;
-exports.CartPage = cart;
+exports.BlogPage = index$8;
+exports.BlogSlugPage = _slug_$3;
+exports.CartPage = cart$1;
 exports.CheckoutPage = checkout$1;
 exports.ContactForm = ContactForm;
-exports.CustomPage = _slug_;
+exports.CustomPage = _slug_$1;
 exports.EditorPage = editor$1;
 exports.EmailRule = EmailRule;
 exports.EqualsRule = EqualsRule;
-exports.FavoriteProductsPage = favoriteProducts;
+exports.FavoriteProductsPage = favoriteProducts$1;
 exports.ForgotPasswordForm = ForgotPasswordForm;
-exports.ForgotPasswordPage = forgotPassword;
+exports.ForgotPasswordPage = forgotPassword$1;
 exports.IkasApplicableProductFilterValue = IkasApplicableProductFilterValue;
 exports.IkasBaseStore = IkasBaseStore;
 exports.IkasBlog = IkasBlog;
@@ -71372,23 +71271,23 @@ exports.IkasVariantType = IkasVariantType;
 exports.IkasVariantTypeAPI = IkasVariantTypeAPI;
 exports.IkasVariantValue = IkasVariantValue;
 exports.Image = Image;
-exports.IndexPage = home;
+exports.IndexPage = home$1;
 exports.LessThanRule = LessThanRule;
 exports.LoginForm = LoginForm;
-exports.LoginPage = login;
+exports.LoginPage = login$1;
 exports.MaxRule = MaxRule;
 exports.MinRule = MinRule;
 exports.NotFoundPage = _404;
-exports.OrderDetailPage = _id_;
-exports.OrdersPage = index$4;
+exports.OrderDetailPage = _id_$1;
+exports.OrdersPage = index$6;
 exports.PhoneRule = PhoneRule;
 exports.RangeValue = RangeValue;
 exports.RecoverPasswordForm = RecoverPasswordForm;
-exports.RecoverPasswordPage = recoverPassword;
+exports.RecoverPasswordPage = recoverPassword$1;
 exports.RegisterForm = RegisterForm;
-exports.RegisterPage = register;
+exports.RegisterPage = register$1;
 exports.RequiredRule = RequiredRule;
-exports.SearchPage = search;
+exports.SearchPage = search$1;
 exports.SlugPage = index$2;
 exports.ValidationRule = ValidationRule;
 exports.Validator = Validator;