@ikas/storefront 0.0.165 → 0.0.166-alpha.2

package/build/index.es.js

@@ -17879,9 +17879,7 @@ var FacebookPixel = /** @class */ (function () {
         try {
             !isServer &&
                 window.fbq &&
-                window.fbq("track", "AddToCart", item instanceof IkasProductDetail
-                    ? productToFBPItem(item, quantity)
-                    : orderLineItemToFBPItem(item, quantity), { eventId: eventId });
+                window.fbq("track", "AddToCart", orderLineItemToFBPItem(item, quantity), { eventId: eventId });
             return;
         }
         catch (err) {
@@ -22513,7 +22511,7 @@ var IkasCartStore = /** @class */ (function () {
         this.addItem = function (variant, product, initialQuantity) {
             if (initialQuantity === void 0) { initialQuantity = 1; }
             return __awaiter(_this, void 0, void 0, function () {
-                var existingItem, input, cart, eventId, err_2;
+                var existingItem, input, cart, eventId, item, err_2;
                 var _a, _b, _c;
                 return __generator(this, function (_d) {
                     switch (_d.label) {
@@ -22554,7 +22552,10 @@ var IkasCartStore = /** @class */ (function () {
                         case 3:
                             if (this.cart) {
                                 eventId = this.cart.id + "-" + this.cart.updatedAt;
-                                Analytics.addToCart(new IkasProductDetail(product, variant.variantValues), initialQuantity, eventId);
+                                item = this.cart.items.find(function (i) { return i.variant.id; });
+                                if (item) {
+                                    Analytics.addToCart(item, initialQuantity, eventId);
+                                }
                             }
                             return [3 /*break*/, 5];
                         case 4:
@@ -22676,7 +22677,7 @@ var IkasCartStore = /** @class */ (function () {
     Object.defineProperty(IkasCartStore.prototype, "checkoutUrl", {
         get: function () {
             if (this._checkoutId)
-                return "/checkout/" + this._checkoutId + "?step=info";
+                return "/checkout?id=" + this._checkoutId + "&step=info";
         },
         enumerable: false,
         configurable: true
@@ -22802,7 +22803,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, queryParams, router, returnPolicy, privacyPolicy, termsOfService, t) {
+    function CheckoutViewModel(checkout, checkoutSettings, router, returnPolicy, privacyPolicy, termsOfService, t) {
         var _this = this;
         this.checkout = new IkasCheckout();
         this.checkoutSettings = new IkasCheckoutSettings();
@@ -22827,7 +22828,7 @@ var CheckoutViewModel = /** @class */ (function () {
         this.policyModalText = "";
         this.error = null;
         this.customerConsentGranted = false;
-        this.init = function (queryParams) { return __awaiter(_this, void 0, void 0, function () {
+        this.init = function () { return __awaiter(_this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0: return [4 /*yield*/, this.store.customerStore.waitUntilInitialized()];
@@ -22839,15 +22840,15 @@ var CheckoutViewModel = /** @class */ (function () {
                         return [4 /*yield*/, this.getMerchantSettings()];
                     case 2:
                         _a.sent();
-                        return [4 /*yield*/, this.initStep(queryParams)];
+                        return [4 /*yield*/, this.initStep()];
                     case 3:
                         _a.sent();
                         return [2 /*return*/];
                 }
             });
         }); };
-        this.initStep = function (queryParams) { return __awaiter(_this, void 0, void 0, function () {
-            var _a, transactions, paymentGatewayId_1;
+        this.initStep = function () { return __awaiter(_this, void 0, void 0, function () {
+            var queryParams, queryStep, queryFailed, queryError, _a, transactions, paymentGatewayId_1;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -22856,8 +22857,12 @@ var CheckoutViewModel = /** @class */ (function () {
                             this.isCheckoutLoaded = true;
                             return [2 /*return*/];
                         }
-                        if (typeof queryParams.step === "string") {
-                            this.step = queryParams.step;
+                        queryParams = new URLSearchParams(window.location.search);
+                        queryStep = queryParams.get("step");
+                        queryFailed = queryParams.get("failed");
+                        queryError = queryParams.get("error");
+                        if (queryStep) {
+                            this.step = queryStep;
                             if (this.step === CheckoutStep.SHIPPING && !this.canProceedToShipping) {
                                 this.changeStep(CheckoutStep.INFO);
                                 return [2 /*return*/];
@@ -22877,10 +22882,10 @@ var CheckoutViewModel = /** @class */ (function () {
                                 return [2 /*return*/];
                             }
                         }
-                        if (typeof queryParams.failed === "string") {
+                        if (queryFailed) {
                             this.error = {
                                 type: ErrorType.PAYMENT_ERROR,
-                                data: queryParams.error || null,
+                                data: queryError || null,
                             };
                         }
                         if (!(this.step === CheckoutStep.INFO)) return [3 /*break*/, 2];
@@ -22894,7 +22899,7 @@ var CheckoutViewModel = /** @class */ (function () {
                         if (this.step === CheckoutStep.SHIPPING &&
                             this.checkout.availableShippingMethods.length === 1) {
                             this.step = CheckoutStep.PAYMENT;
-                            this.router.replace("/checkout/" + this.checkout.id + "?step=" + this.step, undefined, {
+                            this.router.replace("/checkout?id=" + this.checkout.id + "&step=" + this.step, undefined, {
                                 shallow: true,
                             });
                         }
@@ -23601,7 +23606,7 @@ var CheckoutViewModel = /** @class */ (function () {
                 switch (_a.label) {
                     case 0:
                         if (!!isServer$1) return [3 /*break*/, 2];
-                        return [4 /*yield*/, this.router.replace("/checkout/" + this.checkout.id + "?step=" + step)];
+                        return [4 /*yield*/, this.router.replace("/checkout?id=" + this.checkout.id + "&step=" + step)];
                     case 1:
                         _a.sent();
                         this.router.reload();
@@ -23641,7 +23646,7 @@ var CheckoutViewModel = /** @class */ (function () {
         this.t = t;
         this.isTermsAndConditionsChecked = this.checkoutSettings.isTermsAndConditionsDefaultChecked;
         this.store.cartStore.cart = this.checkout.cart;
-        this.init(queryParams);
+        this.init();
         makeAutoObservable(this);
     }
     Object.defineProperty(CheckoutViewModel.prototype, "cart", {
@@ -23670,7 +23675,7 @@ var CheckoutViewModel = /** @class */ (function () {
     });
     Object.defineProperty(CheckoutViewModel.prototype, "checkoutUrl", {
         get: function () {
-            return "/checkout/" + this.checkout.id + "?step=info";
+            return "/checkout?id=" + this.checkout.id + "&step=info";
         },
         enumerable: false,
         configurable: true
@@ -61522,7 +61527,7 @@ var Image = function (_a) {
         });
         return image.getSrc(closest);
     };
-    return (createElement(NextImage, __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image", unoptimized: true })));
+    return (createElement(NextImage, __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
 };
 
 var styles$l = {"StepContainer":"style-module_StepContainer__1O2dD","Step":"style-module_Step__1iOYA","StepTitleContainer":"style-module_StepTitleContainer__2GUg2","First":"style-module_First__cAzdJ","StepTitleTop":"style-module_StepTitleTop__3zfsj","WithRightContent":"style-module_WithRightContent__2fqb1","StepCircle":"style-module_StepCircle__36A5q","Selected":"style-module_Selected__3j91L","StepTitle":"style-module_StepTitle__10YDP","Light":"style-module_Light__15wSX","StepTitleRightContent":"style-module_StepTitleRightContent__2Q43m","StepContent":"style-module_StepContent__20QIi"};
@@ -61623,11 +61628,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, queryParams = _a.queryParams;
+    var checkout = _a.checkout, checkoutSettings = _a.checkoutSettings, customizationProps = _a.customizationProps, returnPolicy = _a.returnPolicy, privacyPolicy = _a.privacyPolicy, termsOfService = _a.termsOfService;
     var t = useTranslation().t;
     var router = useRouter();
     var vm = useState(function () {
-        return new CheckoutViewModel(checkout, checkoutSettings, queryParams, router, returnPolicy, privacyPolicy, termsOfService, t);
+        return new CheckoutViewModel(checkout, checkoutSettings, router, returnPolicy, privacyPolicy, termsOfService, t);
     })[0];
     if (vm.step === CheckoutStep.PAYMENT) {
         Analytics.disableHTML();
@@ -62112,16 +62117,16 @@ var SettingsHelper = /** @class */ (function () {
         }); });
     };
     SettingsHelper.getPageData = function (context, isServer, pageType, possiblePageTypes, isEditor) {
-        var _a;
+        var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
-            var isLocal, isProdEditor, serverRuntimeConfig, locale, settings, storefront, themeLocalization, salesChannel, routing, favicon, stockPreference, provider, componentIds_1, components, componentDirs, nextI18nConf, currentLocale, i18nReader, translations;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var isLocal, isProdEditor, serverRuntimeConfig, locale, settings, storefront, themeLocalization, salesChannel, routing, favicon, stockPreference, provider, componentIds_1, components, componentDirs, nextI18nConf, currentLocale, i18nReader, translations, extraProps, checkoutComponent, checkoutSettings, customizationProps;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
                         isLocal = process.env.NEXT_PUBLIC_ENV === "local";
                         isProdEditor = !isLocal && isEditor;
                         serverRuntimeConfig = getConfig().serverRuntimeConfig;
-                        if (!!isProdEditor) return [3 /*break*/, 5];
+                        if (!!isProdEditor) return [3 /*break*/, 7];
                         locale = context.locale;
                         if (!locale) {
                             return [2 /*return*/, {
@@ -62131,7 +62136,7 @@ var SettingsHelper = /** @class */ (function () {
                         }
                         return [4 /*yield*/, SettingsHelper.getSettings(locale)];
                     case 1:
-                        settings = _b.sent();
+                        settings = _c.sent();
                         if (!settings ||
                             !settings.storefront.mainStorefrontThemeId ||
                             !settings.storefront.salesChannelId) {
@@ -62158,14 +62163,14 @@ var SettingsHelper = /** @class */ (function () {
                         if (!!isEditor) return [3 /*break*/, 3];
                         return [4 /*yield*/, provider.getPageData()];
                     case 2:
-                        _b.sent();
+                        _c.sent();
                         if (!provider.page) {
                             return [2 /*return*/, {
                                     props: {},
                                     notFound: true,
                                 }];
                         }
-                        _b.label = 3;
+                        _c.label = 3;
                     case 3:
                         componentIds_1 = isEditor
                             ? provider.theme.components.map(function (c) { return c.id; })
@@ -62180,21 +62185,54 @@ var SettingsHelper = /** @class */ (function () {
                         i18nReader = new I18NFileReader(currentLocale, componentDirs, isLocal ? undefined : nextI18nConf.localePath);
                         return [4 /*yield*/, i18nReader.read()];
                     case 4:
-                        translations = _b.sent();
+                        translations = _c.sent();
                         IkasStorefrontConfig.translations = translations;
+                        extraProps = {};
+                        if (!(pageType === IkasThemePageType.CHECKOUT)) return [3 /*break*/, 6];
+                        checkoutComponent = (_b = provider.page) === null || _b === void 0 ? void 0 : _b.components[0];
+                        if (!checkoutComponent) return [3 /*break*/, 6];
+                        return [4 /*yield*/, IkasCheckoutAPI.listCheckoutSettings()];
+                    case 5:
+                        checkoutSettings = _c.sent();
+                        customizationProps = {
+                            buttonBgColor: checkoutComponent.propValues["buttonBgColor"],
+                            buttonTextColor: checkoutComponent.propValues["buttonTextColor"],
+                            buttonDisabledBgColor: checkoutComponent.propValues["buttonDisabledBgColor"],
+                            buttonDisabledTextColor: checkoutComponent.propValues["buttonDisabledTextColor"],
+                            primaryTextColor: checkoutComponent.propValues["primaryTextColor"],
+                            secondaryTextColor: checkoutComponent.propValues["secondaryTextColor"],
+                            primaryBgColor: checkoutComponent.propValues["primaryBgColor"],
+                            secondaryBgColor: checkoutComponent.propValues["secondaryBgColor"],
+                            borderColor: checkoutComponent.propValues["borderColor"],
+                            cardBgColor: checkoutComponent.propValues["cardBgColor"],
+                            errorColor: checkoutComponent.propValues["errorColor"],
+                            errorLightColor: checkoutComponent.propValues["errorLightColor"],
+                            warningColor: checkoutComponent.propValues["warningColor"],
+                            warningLightColor: checkoutComponent.propValues["warningLightColor"],
+                            successColor: checkoutComponent.propValues["successColor"],
+                            successLightColor: checkoutComponent.propValues["successLightColor"],
+                        };
+                        extraProps.customizationProps = customizationProps;
+                        extraProps.returnPolicy = themeLocalization.returnPolicy;
+                        extraProps.privacyPolicy = themeLocalization.privacyPolicy;
+                        extraProps.termsOfService = themeLocalization.termsOfService;
+                        extraProps.checkoutSettingsStr = (checkoutSettings === null || checkoutSettings === void 0 ? void 0 : checkoutSettings.length) ? JSON.stringify(checkoutSettings[0])
+                            : null;
+                        _c.label = 6;
+                    case 6:
                         if (isServer)
                             return [2 /*return*/, {
-                                    props: provider.nextPageData.props,
+                                    props: __assign(__assign({}, provider.nextPageData.props), extraProps),
                                 }];
                         else
                             return [2 /*return*/, {
-                                    props: provider.nextPageData.props,
+                                    props: __assign(__assign({}, provider.nextPageData.props), extraProps),
                                     revalidate: 60,
                                 }];
-                    case 5: return [2 /*return*/, {
+                    case 7: return [2 /*return*/, {
                             props: {},
                         }];
-                    case 6: return [2 /*return*/];
+                    case 8: return [2 /*return*/];
                 }
             });
         });
@@ -62251,31 +62289,14 @@ var Page$1 = function (_a) {
     IkasStorefrontConfig.initWithJson(configJson);
     var router = useRouter();
     var _b = useState(false), isBrowser = _b[0], setIsBrowser = _b[1];
-    var initialPropValues = useMemo(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router, settingsStr);
-    }, [propValuesStr]);
-    var _c = useState(initialPropValues), propValues = _c[0], setPropValues = _c[1];
+    var _c = useState(IkasPageDataProvider.initPropValues(propValuesStr, router, settingsStr)), propValues = _c[0], setPropValues = _c[1];
     useEffect(function () {
         setIsBrowser(typeof window !== "undefined");
         handleAnalytics(page, pageSpecificDataStr);
-    }, [pageSpecificDataStr]);
+    }, [page, pageSpecificDataStr]);
     useEffect(function () {
         setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router, settingsStr, isBrowser));
-    }, [isBrowser, propValuesStr]);
-    // If the user clicks a link for the same page, we need this logic to re-render the page
-    useEffect(function () {
-        router.events.on("routeChangeComplete", handleRouteChange);
-        return function () {
-            router.events.off("routeChangeComplete", handleRouteChange);
-        };
-    }, []);
-    var handleRouteChange = function (url, options) {
-        var shallow = options.shallow;
-        if (!shallow &&
-            [IkasThemePageType.CATEGORY, IkasThemePageType.BRAND].includes(page.type)) {
-            setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router, settingsStr, isBrowser));
-        }
-    };
+    }, [isBrowser, propValuesStr, page]);
     return (createElement(IkasPage, { page: page, propValues: propValues, pageSpecificDataStr: pageSpecificDataStr, settingsStr: settingsStr, merchantSettings: merchantSettings, addOgpMetas: true }));
 };
 var index$1 = observer(Page$1);
@@ -62407,14 +62428,16 @@ var _slug_ = /*#__PURE__*/Object.freeze({
 });
 
 var CheckoutPage = function (_a) {
-    var checkoutId = _a.checkoutId, checkoutSettingsStr = _a.checkoutSettingsStr, customizationProps = _a.customizationProps, configJson = _a.configJson, others = __rest(_a, ["checkoutId", "checkoutSettingsStr", "customizationProps", "configJson"]);
+    var checkoutSettingsStr = _a.checkoutSettingsStr, customizationProps = _a.customizationProps, configJson = _a.configJson, others = __rest(_a, ["checkoutSettingsStr", "customizationProps", "configJson"]);
     var router = useRouter();
     var _b = useState(), checkout = _b[0], setCheckout = _b[1];
     IkasStorefrontConfig.initWithJson(configJson);
     var store = IkasStorefrontConfig.store;
-    var checkoutSettings = checkoutSettingsStr
-        ? new IkasCheckoutSettings(JSON.parse(checkoutSettingsStr))
-        : new IkasCheckoutSettings();
+    var checkoutSettings = useMemo(function () {
+        return checkoutSettingsStr
+            ? new IkasCheckoutSettings(JSON.parse(checkoutSettingsStr))
+            : new IkasCheckoutSettings();
+    }, [checkoutSettingsStr]);
     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");
@@ -62438,10 +62461,16 @@ var CheckoutPage = function (_a) {
         getCheckout();
     }, []);
     var getCheckout = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var checkout;
+        var urlParams, checkoutId, checkout;
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, IkasCheckoutAPI.getCheckoutById(checkoutId)];
+                case 0:
+                    urlParams = new URLSearchParams(window.location.search);
+                    checkoutId = urlParams.get("id");
+                    if (!checkoutId) {
+                        return [2 /*return*/, router.replace("/")];
+                    }
+                    return [4 /*yield*/, IkasCheckoutAPI.getCheckoutById(checkoutId)];
                 case 1:
                     checkout = _a.sent();
                     if (checkout) {
@@ -62453,107 +62482,25 @@ var CheckoutPage = function (_a) {
                     return [2 /*return*/];
             }
         });
-    }); }, [checkoutId]);
+    }); }, []);
     if (!checkout)
         return createElement(FullscreenLoading, null);
     return (createElement(IkasCheckoutPage$1, __assign({ checkout: checkout, checkoutSettings: checkoutSettings, customizationProps: customizationProps }, others)));
 };
-var _id_ = observer(CheckoutPage);
-var getServerSideProps = function (context) { return __awaiter(void 0, void 0, void 0, function () {
-    var id, locale, settings, storefront, themeLocalization, salesChannel, routing, redirect, checkoutSettings, componentDirs, isLocal, serverRuntimeConfig, currentLocale, nextI18nConf, i18nReader, translations, checkoutPage, checkoutComponent, customizationProps;
-    var _a;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
-            case 0:
-                id = context.query.id;
-                locale = context.locale || context.defaultLocale || "en";
-                return [4 /*yield*/, SettingsHelper.getSettings(locale)];
-            case 1:
-                settings = _b.sent();
-                if (!settings ||
-                    !settings.storefront.mainStorefrontThemeId ||
-                    !settings.storefront.salesChannelId) {
-                    return [2 /*return*/, {
-                            props: {},
-                            notFound: true,
-                        }];
-                }
-                storefront = settings.storefront, themeLocalization = settings.themeLocalization, salesChannel = settings.salesChannel, routing = settings.routing;
-                IkasStorefrontConfig.storefrontId = storefront.id;
-                IkasStorefrontConfig.storefrontRoutingId = routing.id;
-                IkasStorefrontConfig.storefrontThemeId = storefront.mainStorefrontThemeId;
-                IkasStorefrontConfig.salesChannelId = storefront.salesChannelId;
-                IkasStorefrontConfig.priceListId = routing.priceListId || undefined;
-                IkasStorefrontConfig.stockLocationIds = (_a = salesChannel.stockLocations) === null || _a === void 0 ? void 0 : _a.map(function (sl) { return sl.id; });
-                IkasStorefrontConfig.routings = storefront.routings;
-                IkasStorefrontConfig.paymentGateways = salesChannel.paymentGateways || [];
-                IkasStorefrontConfig.gtmId = storefront.gtmId || undefined;
-                IkasStorefrontConfig.fbpId = storefront.fbpId || undefined;
-                IkasStorefrontConfig.favicon = themeLocalization.themeJson.settings.favicon;
-                redirect = function () {
-                    context.res.writeHead(302, { Location: "/" });
-                    context.res.end();
-                    return { props: {} };
-                };
-                if (!id || typeof id !== "string") {
-                    return [2 /*return*/, redirect()];
-                }
-                return [4 /*yield*/, IkasCheckoutAPI.listCheckoutSettings()];
-            case 2:
-                checkoutSettings = _b.sent();
-                componentDirs = ["common", CHECKOUT_TRANSLATION_NAMESPACE];
-                isLocal = process.env.NEXT_PUBLIC_ENV === "local";
-                serverRuntimeConfig = getConfig().serverRuntimeConfig;
-                currentLocale = routing.locale;
-                nextI18nConf = serverRuntimeConfig.nextI18nConf;
-                i18nReader = new I18NFileReader(currentLocale, componentDirs, isLocal ? undefined : nextI18nConf.localePath);
-                return [4 /*yield*/, i18nReader.read()];
-            case 3:
-                translations = _b.sent();
-                IkasStorefrontConfig.translations = translations;
-                checkoutPage = themeLocalization.themeJson.pages.find(function (p) { return p.type === IkasThemePageType.CHECKOUT; });
-                if (!checkoutPage)
-                    return [2 /*return*/, redirect()];
-                checkoutComponent = checkoutPage.components[0];
-                customizationProps = {
-                    buttonBgColor: checkoutComponent.propValues["buttonBgColor"],
-                    buttonTextColor: checkoutComponent.propValues["buttonTextColor"],
-                    buttonDisabledBgColor: checkoutComponent.propValues["buttonDisabledBgColor"],
-                    buttonDisabledTextColor: checkoutComponent.propValues["buttonDisabledTextColor"],
-                    primaryTextColor: checkoutComponent.propValues["primaryTextColor"],
-                    secondaryTextColor: checkoutComponent.propValues["secondaryTextColor"],
-                    primaryBgColor: checkoutComponent.propValues["primaryBgColor"],
-                    secondaryBgColor: checkoutComponent.propValues["secondaryBgColor"],
-                    borderColor: checkoutComponent.propValues["borderColor"],
-                    cardBgColor: checkoutComponent.propValues["cardBgColor"],
-                    errorColor: checkoutComponent.propValues["errorColor"],
-                    errorLightColor: checkoutComponent.propValues["errorLightColor"],
-                    warningColor: checkoutComponent.propValues["warningColor"],
-                    warningLightColor: checkoutComponent.propValues["warningLightColor"],
-                    successColor: checkoutComponent.propValues["successColor"],
-                    successLightColor: checkoutComponent.propValues["successLightColor"],
-                };
-                return [2 /*return*/, {
-                        props: {
-                            checkoutId: id,
-                            checkoutSettingsStr: (checkoutSettings === null || checkoutSettings === void 0 ? void 0 : checkoutSettings.length) ? JSON.stringify(checkoutSettings[0])
-                                : null,
-                            customizationProps: customizationProps,
-                            configJson: IkasStorefrontConfig.getJson(),
-                            returnPolicy: themeLocalization.returnPolicy || "",
-                            privacyPolicy: themeLocalization.privacyPolicy || "",
-                            termsOfService: themeLocalization.termsOfService || "",
-                            queryParams: context.query,
-                        },
-                    }];
+var checkout = observer(CheckoutPage);
+var getStaticProps$3 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context, IkasThemePageType.CHECKOUT)];
+            case 1: return [2 /*return*/, _a.sent()];
         }
     });
 }); };
 
-var _id_$1 = /*#__PURE__*/Object.freeze({
+var checkout$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    'default': _id_,
-    getServerSideProps: getServerSideProps
+    'default': checkout,
+    getStaticProps: getStaticProps$3
 });
 
 var Page$3 = function (_a) {
@@ -62565,7 +62512,7 @@ var Page$3 = function (_a) {
     }, [propValuesStr]);
     return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
-var getStaticProps$3 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$4 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context, IkasThemePageType.ACCOUNT)];
@@ -62577,7 +62524,7 @@ var getStaticProps$3 = function (context) { return __awaiter(void 0, void 0, voi
 var index$3 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$3,
-    getStaticProps: getStaticProps$3
+    getStaticProps: getStaticProps$4
 });
 
 var Page$4 = function (_a) {
@@ -62589,7 +62536,7 @@ var Page$4 = function (_a) {
     }, [propValuesStr]);
     return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
-var getStaticProps$4 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$5 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context, IkasThemePageType.ADDRESSES)];
@@ -62601,7 +62548,7 @@ var getStaticProps$4 = function (context) { return __awaiter(void 0, void 0, voi
 var addresses = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$4,
-    getStaticProps: getStaticProps$4
+    getStaticProps: getStaticProps$5
 });
 
 var Page$5 = function (_a) {
@@ -62613,7 +62560,7 @@ var Page$5 = function (_a) {
     }, [propValuesStr]);
     return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
-var getStaticProps$5 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$6 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context, IkasThemePageType.ORDERS)];
@@ -62625,7 +62572,7 @@ var getStaticProps$5 = function (context) { return __awaiter(void 0, void 0, voi
 var index$4 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$5,
-    getStaticProps: getStaticProps$5
+    getStaticProps: getStaticProps$6
 });
 
 var Page$6 = function (_a) {
@@ -62637,7 +62584,7 @@ var Page$6 = function (_a) {
     }, [propValuesStr]);
     return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
-var getServerSideProps$1 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getServerSideProps = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, SettingsHelper.getServerSideProps(context, IkasThemePageType.ORDER_DETAIL)];
@@ -62646,10 +62593,10 @@ var getServerSideProps$1 = function (context) { return __awaiter(void 0, void 0,
     });
 }); };
 
-var _id_$2 = /*#__PURE__*/Object.freeze({
+var _id_ = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$6,
-    getServerSideProps: getServerSideProps$1
+    getServerSideProps: getServerSideProps
 });
 
 var Page$7 = function (_a) {
@@ -62661,7 +62608,7 @@ var Page$7 = function (_a) {
     }, [propValuesStr]);
     return (createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
 };
-var getStaticProps$6 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$7 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context, IkasThemePageType.LOGIN)];
@@ -62673,7 +62620,7 @@ var getStaticProps$6 = function (context) { return __awaiter(void 0, void 0, voi
 var login = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$7,
-    getStaticProps: getStaticProps$6
+    getStaticProps: getStaticProps$7
 });
 
 var Page$8 = function (_a) {
@@ -62685,7 +62632,7 @@ var Page$8 = function (_a) {
     }, [propValuesStr]);
     return (createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
 };
-var getStaticProps$7 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$8 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context, IkasThemePageType.REGISTER)];
@@ -62697,7 +62644,7 @@ var getStaticProps$7 = function (context) { return __awaiter(void 0, void 0, voi
 var register = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$8,
-    getStaticProps: getStaticProps$7
+    getStaticProps: getStaticProps$8
 });
 
 var Page$9 = function (_a) {
@@ -62709,7 +62656,7 @@ var Page$9 = function (_a) {
     }, [propValuesStr]);
     return (createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
 };
-var getStaticProps$8 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$9 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context, IkasThemePageType.FORGOT_PASSWORD)];
@@ -62721,7 +62668,7 @@ var getStaticProps$8 = function (context) { return __awaiter(void 0, void 0, voi
 var forgotPassword = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$9,
-    getStaticProps: getStaticProps$8
+    getStaticProps: getStaticProps$9
 });
 
 var Page$a = function (_a) {
@@ -62733,7 +62680,7 @@ var Page$a = function (_a) {
     }, [propValuesStr]);
     return (createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
 };
-var getStaticProps$9 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$a = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context, IkasThemePageType.RECOVER_PASSWORD)];
@@ -62745,7 +62692,7 @@ var getStaticProps$9 = function (context) { return __awaiter(void 0, void 0, voi
 var recoverPassword = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$a,
-    getStaticProps: getStaticProps$9
+    getStaticProps: getStaticProps$a
 });
 
 var Page$b = function (_a) {
@@ -62761,7 +62708,7 @@ var Page$b = function (_a) {
     }, []);
     return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
-var getStaticProps$a = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$b = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context, IkasThemePageType.CART)];
@@ -62773,7 +62720,7 @@ var getStaticProps$a = function (context) { return __awaiter(void 0, void 0, voi
 var cart = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$b,
-    getStaticProps: getStaticProps$a
+    getStaticProps: getStaticProps$b
 });
 
 var IkasPageEditor$1 = dynamic(function () { return Promise.resolve().then(function () { return index; }).then(function (mod) { return mod.IkasPageEditor; }); }, { ssr: false });
@@ -62784,7 +62731,7 @@ var Page$c = function (_a) {
     }
     return createElement(IkasPageEditor$1, null);
 };
-var getStaticProps$b = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$c = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context, undefined, undefined, true)];
@@ -62796,7 +62743,7 @@ var editor = observer(Page$c);
 
 var editor$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    getStaticProps: getStaticProps$b,
+    getStaticProps: getStaticProps$c,
     'default': editor
 });
 
@@ -62809,7 +62756,7 @@ var Page$d = function (_a) {
     }, [propValuesStr]);
     return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
-var getStaticProps$c = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$d = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context, IkasThemePageType.FAVORITE_PRODUCTS)];
@@ -62821,7 +62768,7 @@ var getStaticProps$c = function (context) { return __awaiter(void 0, void 0, voi
 var favoriteProducts = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$d,
-    getStaticProps: getStaticProps$c
+    getStaticProps: getStaticProps$d
 });
 
 var Page$e = function (_a) {
@@ -62841,7 +62788,7 @@ var Page$e = function (_a) {
     }, [isBrowser, propValuesStr]);
     return (createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues, addOgpMetas: true }));
 };
-var getStaticProps$d = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$e = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context, IkasThemePageType.SEARCH)];
@@ -62853,7 +62800,7 @@ var getStaticProps$d = function (context) { return __awaiter(void 0, void 0, voi
 var search = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$e,
-    getStaticProps: getStaticProps$d
+    getStaticProps: getStaticProps$e
 });
 
 var Page$f = function (_a) {
@@ -62867,7 +62814,7 @@ var Page$f = function (_a) {
     }, [propValuesStr]);
     return (createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
 };
-var getStaticProps$e = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$f = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var props;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -62889,7 +62836,7 @@ var getStaticProps$e = function (context) { return __awaiter(void 0, void 0, voi
 var _404 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$f,
-    getStaticProps: getStaticProps$e
+    getStaticProps: getStaticProps$f
 });
 
 var Page$g = function (_a) {
@@ -62901,7 +62848,7 @@ var Page$g = function (_a) {
     }, [propValuesStr]);
     return (createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues, addOgpMetas: true }));
 };
-var getStaticProps$f = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$g = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context, IkasThemePageType.BLOG_INDEX)];
@@ -62913,7 +62860,7 @@ var getStaticProps$f = function (context) { return __awaiter(void 0, void 0, voi
 var index$5 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$g,
-    getStaticProps: getStaticProps$f
+    getStaticProps: getStaticProps$g
 });
 
 var Page$h = function (_a) {
@@ -62942,7 +62889,7 @@ var getStaticPaths$2 = function (context) { return __awaiter(void 0, void 0, voi
             }];
     });
 }); };
-var getStaticProps$g = function (context) { return __awaiter(void 0, void 0, void 0, function () {
+var getStaticProps$h = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context, undefined, [
@@ -62958,7 +62905,7 @@ var _slug_$2 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': _slug_$1,
     getStaticPaths: getStaticPaths$2,
-    getStaticProps: getStaticProps$g
+    getStaticProps: getStaticProps$h
 });
 
 var tr = {
@@ -63290,4 +63237,4 @@ var en$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.assign(/*#__PURE__*/Ob
     'default': en
 }));
 
-export { AccountInfoForm, index$3 as AccountPage, AddressForm, addresses as AddressesPage, Analytics, AnalyticsBody, AnalyticsHead, index$5 as BlogPage, _slug_$2 as BlogSlugPage, cart as CartPage, _id_$1 as CheckoutPage, ContactForm, _slug_ as CustomPage, editor$1 as EditorPage, EmailRule, EqualsRule, favoriteProducts as FavoriteProductsPage, ForgotPasswordForm, forgotPassword as ForgotPasswordPage, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasApplicableProductFilterValue, IkasBaseStore, IkasBlog, IkasBlogAPI, IkasBlogCategory, IkasBlogCategoryList, IkasBlogCategoryListPropValue, IkasBlogCategoryListType, IkasBlogCategoryPropValue, IkasBlogContent, IkasBlogList, IkasBlogListPropValue, IkasBlogListType, IkasBlogMetaData, IkasBlogMetadataTargetType, IkasBlogPropValue, IkasBlogTag, IkasBlogWriter, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasComponentRenderer, IkasContactForm, IkasContactFormAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasDistrictAPI, IkasFavoriteProduct, IkasFavoriteProductAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderRefundSettings, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageComponentPropValue, IkasPageDataProvider, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeType, IkasProductAttributeValue, IkasProductDetail, IkasProductDetailPropValue, IkasProductFilter, IkasProductFilterDisplayType, IkasProductFilterSettings, IkasProductFilterSortType, IkasProductFilterType, IkasProductFilterValue, IkasProductList, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductPrice, IkasProductSearchAPI, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontConfig, IkasTheme, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemeCustomData, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasThemeSettings, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, Image, home as IndexPage, LessThanRule, LoginForm, login as LoginPage, MaxRule, MinRule, _404 as NotFoundPage, _id_$2 as OrderDetailPage, OrderLineItemStatusEnum$1 as OrderLineItemStatusEnum, index$4 as OrdersPage, PhoneRule, RangeValue, RecoverPasswordForm, recoverPassword as RecoverPasswordPage, RegisterForm, register as RegisterPage, RequiredRule, search as SearchPage, index$2 as SlugPage, ValidationRule, Validator, ValidatorErrorType, apollo, createTranslationInputData, decodeBase64, findAllIndexes, formatDate, formatMoney, getPlaceholderBlog, getPlaceholderBlogCategory, getPlaceholderBrand, getPlaceholderCategory, getPlaceholderProduct, parseRangeStr, pascalCase, stringSorter, stringToSlug, useTranslation, validatePhoneNumber };
+export { AccountInfoForm, index$3 as AccountPage, AddressForm, addresses as AddressesPage, Analytics, AnalyticsBody, AnalyticsHead, index$5 as BlogPage, _slug_$2 as BlogSlugPage, cart as CartPage, checkout$1 as CheckoutPage, ContactForm, _slug_ as CustomPage, editor$1 as EditorPage, EmailRule, EqualsRule, favoriteProducts as FavoriteProductsPage, ForgotPasswordForm, forgotPassword as ForgotPasswordPage, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasApplicableProductFilterValue, IkasBaseStore, IkasBlog, IkasBlogAPI, IkasBlogCategory, IkasBlogCategoryList, IkasBlogCategoryListPropValue, IkasBlogCategoryListType, IkasBlogCategoryPropValue, IkasBlogContent, IkasBlogList, IkasBlogListPropValue, IkasBlogListType, IkasBlogMetaData, IkasBlogMetadataTargetType, IkasBlogPropValue, IkasBlogTag, IkasBlogWriter, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasComponentRenderer, IkasContactForm, IkasContactFormAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasDistrictAPI, IkasFavoriteProduct, IkasFavoriteProductAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderRefundSettings, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageComponentPropValue, IkasPageDataProvider, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeType, IkasProductAttributeValue, IkasProductDetail, IkasProductDetailPropValue, IkasProductFilter, IkasProductFilterDisplayType, IkasProductFilterSettings, IkasProductFilterSortType, IkasProductFilterType, IkasProductFilterValue, IkasProductList, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductPrice, IkasProductSearchAPI, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontConfig, IkasTheme, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemeCustomData, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasThemeSettings, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, Image, home as IndexPage, LessThanRule, LoginForm, login as LoginPage, MaxRule, MinRule, _404 as NotFoundPage, _id_ as OrderDetailPage, OrderLineItemStatusEnum$1 as OrderLineItemStatusEnum, index$4 as OrdersPage, PhoneRule, RangeValue, RecoverPasswordForm, recoverPassword as RecoverPasswordPage, RegisterForm, register as RegisterPage, RequiredRule, search as SearchPage, index$2 as SlugPage, ValidationRule, Validator, ValidatorErrorType, apollo, createTranslationInputData, decodeBase64, findAllIndexes, formatDate, formatMoney, getPlaceholderBlog, getPlaceholderBlogCategory, getPlaceholderBrand, getPlaceholderCategory, getPlaceholderProduct, parseRangeStr, pascalCase, stringSorter, stringToSlug, useTranslation, validatePhoneNumber };