@ikas/storefront 0.0.161-alpha.9 → 0.0.162-alpha.1

package/build/components/page-editor/model.d.ts

@@ -9,6 +9,7 @@ export default class PageViewModel {
     hoveredPageComponentId?: string | null;
     componentRefs: any;
     isLoading: boolean;
+    locale: string;
     pageParams: Record<string, any>;
     queryParams: Record<string, any>;
     apiKey?: string | null;

package/build/index.es.js

@@ -5,6 +5,7 @@ import Head from 'next/head';
 import { useRouter } from 'next/router';
 import Link from 'next/link';
 import NextImage from 'next/image';
+import { useTranslation } from 'next-i18next';
 import fs from 'fs';
 import getConfig from 'next/config';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
@@ -37207,6 +37208,7 @@ var PageViewModel = /** @class */ (function () {
         this.hoveredPageComponentId = null;
         this.componentRefs = {};
         this.isLoading = false;
+        this.locale = "en";
         this.pageParams = {};
         this.queryParams = {};
         this.apiKey = null;
@@ -37359,6 +37361,7 @@ var PageViewModel = /** @class */ (function () {
                         this.pageParams = data.pageParams;
                         this.queryParams = data.queryParams;
                         this.apiKey = data.apiKey;
+                        this.locale = data.locale || "en";
                         apollo.createApolloClient(this.apiKey || undefined);
                         window.editorApiKey = data.apiKey;
                         return [4 /*yield*/, this.getPagePropValues()];
@@ -37647,7 +37650,13 @@ var overlayStyle = {
 var IkasPageEditor = observer(function () {
     var _a, _b, _c;
     var router = useRouter();
+    var i18n = useTranslation().i18n;
     var vm = useState(function () { return new PageViewModel(router); })[0];
+    useEffect(function () {
+        if (typeof i18n.changeLanguage === "function") {
+            i18n.changeLanguage(vm.locale);
+        }
+    }, [vm.locale]);
     if (vm.isLoading)
         return null;
     var headerPageComponent = (_a = vm.pageComponents) === null || _a === void 0 ? void 0 : _a.find(function (pc) { var _a, _b; return pc.componentId === ((_b = (_a = vm.theme) === null || _a === void 0 ? void 0 : _a.headerComponent) === null || _b === void 0 ? void 0 : _b.id); });
@@ -37682,6 +37691,30 @@ var index = /*#__PURE__*/Object.freeze({
     Image: Image
 });
 
+/**
+ * Creates a duplicate-free version of an array, using
+ * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+ * for equality comparisons, in which only the first occurrence of each element
+ * is kept. The order of result values is determined by the order they occur
+ * in the array.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Array
+ * @param {Array} array The array to inspect.
+ * @returns {Array} Returns the new duplicate free array.
+ * @example
+ *
+ * _.uniq([2, 1, 2]);
+ * // => [2, 1]
+ */
+function uniq(array) {
+  return (array && array.length) ? _baseUniq(array) : [];
+}
+
+var uniq_1 = uniq;
+
 var IkasStorefrontLocalization = /** @class */ (function () {
     function IkasStorefrontLocalization(data) {
         this.id = data.id || "";
@@ -37968,10 +38001,10 @@ var SettingsHelper = /** @class */ (function () {
             });
         }); });
     };
-    SettingsHelper.getPageData = function (context, isServer, pageType, possiblePageTypes) {
+    SettingsHelper.getPageData = function (context, isServer, pageType, possiblePageTypes, isEditor) {
         var _a;
         return __awaiter(this, void 0, void 0, function () {
-            var isLocal, locale, serverRuntimeConfig, settings, storefront, themeLocalization, salesChannel, routing, favicon, stockPreference, provider, componentIds, components, componentDirs, _b, _c;
+            var isLocal, locale, serverRuntimeConfig, settings, storefront, themeLocalization, salesChannel, routing, favicon, stockPreference, provider, componentIds, components, componentDirs, nextI18nConf, routingLocales, defaultRoutingLocale, _b, _c;
             var _d, _e;
             return __generator(this, function (_f) {
                 switch (_f.label) {
@@ -38011,56 +38044,67 @@ var SettingsHelper = /** @class */ (function () {
                         IkasStorefrontConfig.stockPreference = stockPreference || null;
                         provider = new IkasPageDataProvider(themeLocalization.themeJson, context.params, pageType);
                         provider.possiblePageTypes = possiblePageTypes;
+                        if (!!isEditor) return [3 /*break*/, 3];
                         return [4 /*yield*/, provider.getPageData()];
                     case 2:
                         _f.sent();
+                        _f.label = 3;
+                    case 3:
                         if (!provider.page) {
-                            return [2 /*return*/, {
-                                    props: {},
-                                    notFound: true,
-                                }];
+                            if (!isEditor)
+                                return [2 /*return*/, {
+                                        props: {},
+                                        notFound: true,
+                                    }];
                         }
-                        componentIds = provider.page.components.map(function (pc) { return pc.componentId; });
-                        components = themeLocalization.themeJson.components.filter(function (c) {
-                            return componentIds.includes(c.id);
-                        });
+                        componentIds = isEditor
+                            ? 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.includes(c.id); });
                         componentDirs = __spreadArrays(["common"], components.map(function (c) { return c.dir; }));
-                        if (!isServer) return [3 /*break*/, 4];
+                        nextI18nConf = serverRuntimeConfig.nextI18nConf;
+                        routingLocales = uniq_1(storefront.routings.map(function (sr) { return sr.locale; }));
+                        defaultRoutingLocale = routing.locale;
+                        if (!isServer) return [3 /*break*/, 5];
                         _d = {};
                         _b = [{}];
-                        return [4 /*yield*/, serverSideTranslations(locale, componentDirs, {
-                                i18n: {
-                                    locales: serverRuntimeConfig.i18n.locales,
-                                    defaultLocale: serverRuntimeConfig.i18n.defaultLocale,
-                                },
-                                serializeConfig: false,
-                                localePath: serverRuntimeConfig.localePath,
-                            })];
-                    case 3: return [2 /*return*/, (_d.props = __assign.apply(void 0, [__assign.apply(void 0, _b.concat([(_f.sent())])), provider.nextPageData.props]),
+                        return [4 /*yield*/, serverSideTranslations(routing.locale, componentDirs, isLocal
+                                ? undefined
+                                : {
+                                    i18n: {
+                                        locales: routingLocales,
+                                        defaultLocale: defaultRoutingLocale,
+                                    },
+                                    serializeConfig: false,
+                                    localePath: nextI18nConf.localePath,
+                                })];
+                    case 4: return [2 /*return*/, (_d.props = __assign.apply(void 0, [__assign.apply(void 0, _b.concat([(_f.sent())])), provider.nextPageData.props]),
                             _d)];
-                    case 4:
+                    case 5:
                         _e = {};
                         _c = [{}];
-                        return [4 /*yield*/, serverSideTranslations(locale, componentDirs, {
-                                i18n: {
-                                    locales: serverRuntimeConfig.i18n.locales,
-                                    defaultLocale: serverRuntimeConfig.i18n.defaultLocale,
-                                },
-                                serializeConfig: false,
-                                localePath: serverRuntimeConfig.localePath,
-                            })];
-                    case 5: return [2 /*return*/, (_e.props = __assign.apply(void 0, [__assign.apply(void 0, _c.concat([(_f.sent())])), provider.nextPageData.props]),
+                        return [4 /*yield*/, serverSideTranslations(routing.locale, componentDirs, isLocal
+                                ? undefined
+                                : {
+                                    i18n: {
+                                        locales: routingLocales,
+                                        defaultLocale: defaultRoutingLocale,
+                                    },
+                                    serializeConfig: false,
+                                    localePath: nextI18nConf.localePath,
+                                })];
+                    case 6: return [2 /*return*/, (_e.props = __assign.apply(void 0, [__assign.apply(void 0, _c.concat([(_f.sent())])), provider.nextPageData.props]),
                             _e.revalidate = 60,
                             _e)];
                 }
             });
         });
     };
-    SettingsHelper.getStaticProps = function (context, pageType, possiblePageTypes) {
+    SettingsHelper.getStaticProps = function (context, pageType, possiblePageTypes, isEditor) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, SettingsHelper.getPageData(context, false, pageType, possiblePageTypes)];
+                    case 0: return [4 /*yield*/, SettingsHelper.getPageData(context, false, pageType, possiblePageTypes, isEditor)];
                     case 1: return [2 /*return*/, _a.sent()];
                 }
             });
@@ -38290,16 +38334,17 @@ var CheckoutPage = function (_a) {
 };
 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, checkout, checkoutSettings;
-    var _a;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
+    var id, locale, settings, storefront, themeLocalization, salesChannel, routing, redirect, checkout, checkoutSettings, componentDirs, isLocal, serverRuntimeConfig, routingLocales, defaultRoutingLocale, nextI18nConf, _a;
+    var _b;
+    var _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
             case 0:
                 id = context.query.id;
                 locale = context.locale || context.defaultLocale || "en";
                 return [4 /*yield*/, SettingsHelper.getSettings(locale)];
             case 1:
-                settings = _b.sent();
+                settings = _d.sent();
                 // TODO maybe remove this and convert this page to static
                 if (!settings ||
                     !settings.storefront.mainStorefrontThemeId ||
@@ -38315,7 +38360,7 @@ var getServerSideProps = function (context) { return __awaiter(void 0, void 0, v
                 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.stockLocationIds = (_c = salesChannel.stockLocations) === null || _c === void 0 ? void 0 : _c.map(function (sl) { return sl.id; });
                 IkasStorefrontConfig.routings = storefront.routings;
                 IkasStorefrontConfig.paymentGateways = salesChannel.paymentGateways || [];
                 IkasStorefrontConfig.gtmId = storefront.gtmId || undefined;
@@ -38331,24 +38376,33 @@ var getServerSideProps = function (context) { return __awaiter(void 0, void 0, v
                 }
                 return [4 /*yield*/, IkasCheckoutAPI.getCheckoutById(id)];
             case 2:
-                checkout = _b.sent();
-                if (!checkout) return [3 /*break*/, 4];
+                checkout = _d.sent();
+                if (!checkout) return [3 /*break*/, 5];
                 return [4 /*yield*/, IkasCheckoutAPI.listCheckoutSettings()];
             case 3:
-                checkoutSettings = _b.sent();
-                return [2 /*return*/, {
-                        props: {
-                            checkoutStr: JSON.stringify(checkout),
-                            checkoutSettingsStr: (checkoutSettings === null || checkoutSettings === void 0 ? void 0 : checkoutSettings.length) ? JSON.stringify(checkoutSettings[0])
-                                : null,
-                            configJson: IkasStorefrontConfig.getJson(),
-                            returnPolicy: themeLocalization.returnPolicy || "",
-                            privacyPolicy: themeLocalization.privacyPolicy || "",
-                            termsOfService: themeLocalization.termsOfService || "",
-                            queryParams: context.query,
-                        },
-                    }];
-            case 4: return [2 /*return*/, redirect()];
+                checkoutSettings = _d.sent();
+                componentDirs = ["common", "checkout-page"];
+                isLocal = process.env.NEXT_PUBLIC_ENV === "local";
+                serverRuntimeConfig = getConfig().serverRuntimeConfig;
+                routingLocales = uniq_1(storefront.routings.map(function (sr) { return sr.locale; }));
+                defaultRoutingLocale = routing.locale;
+                nextI18nConf = serverRuntimeConfig.nextI18nConf;
+                _b = {};
+                _a = [{}];
+                return [4 /*yield*/, serverSideTranslations(routing.locale, componentDirs, isLocal
+                        ? undefined
+                        : {
+                            i18n: {
+                                locales: routingLocales,
+                                defaultLocale: defaultRoutingLocale,
+                            },
+                            serializeConfig: false,
+                            localePath: nextI18nConf.localePath,
+                        })];
+            case 4: return [2 /*return*/, (_b.props = __assign.apply(void 0, [__assign.apply(void 0, _a.concat([(_d.sent())])), { checkoutStr: JSON.stringify(checkout), checkoutSettingsStr: (checkoutSettings === null || checkoutSettings === void 0 ? void 0 : checkoutSettings.length) ? JSON.stringify(checkoutSettings[0])
+                            : null, configJson: IkasStorefrontConfig.getJson(), returnPolicy: themeLocalization.returnPolicy || "", privacyPolicy: themeLocalization.privacyPolicy || "", termsOfService: themeLocalization.termsOfService || "", queryParams: context.query }]),
+                    _b)];
+            case 5: return [2 /*return*/, redirect()];
         }
     });
 }); };
@@ -38583,10 +38637,19 @@ var IkasPageEditor$1 = dynamic(function () { return Promise.resolve().then(funct
 var Page$c = function () {
     return createElement(IkasPageEditor$1, null);
 };
+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, undefined, undefined, true)];
+            case 1: return [2 /*return*/, _a.sent()];
+        }
+    });
+}); };
 var editor = observer(Page$c);
 
 var editor$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    getStaticProps: getStaticProps$b,
     'default': editor
 });
 
@@ -38599,7 +38662,7 @@ var Page$d = function (_a) {
     }, [propValuesStr]);
     return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
-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, IkasThemePageType.FAVORITE_PRODUCTS)];
@@ -38611,7 +38674,7 @@ var getStaticProps$b = function (context) { return __awaiter(void 0, void 0, voi
 var favoriteProducts = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$d,
-    getStaticProps: getStaticProps$b
+    getStaticProps: getStaticProps$c
 });
 
 var Page$e = function (_a) {
@@ -38631,7 +38694,7 @@ var Page$e = function (_a) {
     }, [isBrowser, propValuesStr]);
     return (createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues, addOgpMetas: true }));
 };
-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.SEARCH)];
@@ -38643,7 +38706,7 @@ var getStaticProps$c = function (context) { return __awaiter(void 0, void 0, voi
 var search = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$e,
-    getStaticProps: getStaticProps$c
+    getStaticProps: getStaticProps$d
 });
 
 var Page$f = function (_a) {
@@ -38657,7 +38720,7 @@ var Page$f = function (_a) {
     }, [propValuesStr]);
     return (createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
 };
-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 () {
     var props;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -38679,7 +38742,7 @@ var getStaticProps$d = function (context) { return __awaiter(void 0, void 0, voi
 var _404 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$f,
-    getStaticProps: getStaticProps$d
+    getStaticProps: getStaticProps$e
 });
 
 var Page$g = function (_a) {
@@ -38691,7 +38754,7 @@ var Page$g = function (_a) {
     }, [propValuesStr]);
     return (createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues, addOgpMetas: true }));
 };
-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 () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context, IkasThemePageType.BLOG_INDEX)];
@@ -38703,7 +38766,7 @@ var getStaticProps$e = function (context) { return __awaiter(void 0, void 0, voi
 var index$5 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$g,
-    getStaticProps: getStaticProps$e
+    getStaticProps: getStaticProps$f
 });
 
 var Page$h = function (_a) {
@@ -38732,7 +38795,7 @@ var getStaticPaths$2 = function (context) { return __awaiter(void 0, void 0, voi
             }];
     });
 }); };
-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, undefined, [
@@ -38748,7 +38811,7 @@ var _slug_$2 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': _slug_$1,
     getStaticPaths: getStaticPaths$2,
-    getStaticProps: getStaticProps$f
+    getStaticProps: getStaticProps$g
 });
 
 /**

package/build/index.js

@@ -9,6 +9,7 @@ var Head = require('next/head');
 var router = require('next/router');
 var Link = require('next/link');
 var NextImage = require('next/image');
+var nextI18next = require('next-i18next');
 var fs = require('fs');
 var getConfig = require('next/config');
 var serverSideTranslations = require('next-i18next/serverSideTranslations');
@@ -37184,6 +37185,7 @@ var PageViewModel = /** @class */ (function () {
         this.hoveredPageComponentId = null;
         this.componentRefs = {};
         this.isLoading = false;
+        this.locale = "en";
         this.pageParams = {};
         this.queryParams = {};
         this.apiKey = null;
@@ -37336,6 +37338,7 @@ var PageViewModel = /** @class */ (function () {
                         this.pageParams = data.pageParams;
                         this.queryParams = data.queryParams;
                         this.apiKey = data.apiKey;
+                        this.locale = data.locale || "en";
                         apollo.createApolloClient(this.apiKey || undefined);
                         window.editorApiKey = data.apiKey;
                         return [4 /*yield*/, this.getPagePropValues()];
@@ -37624,7 +37627,13 @@ var overlayStyle = {
 var IkasPageEditor = mobxReactLite.observer(function () {
     var _a, _b, _c;
     var router$1 = router.useRouter();
+    var i18n = nextI18next.useTranslation().i18n;
     var vm = React.useState(function () { return new PageViewModel(router$1); })[0];
+    React.useEffect(function () {
+        if (typeof i18n.changeLanguage === "function") {
+            i18n.changeLanguage(vm.locale);
+        }
+    }, [vm.locale]);
     if (vm.isLoading)
         return null;
     var headerPageComponent = (_a = vm.pageComponents) === null || _a === void 0 ? void 0 : _a.find(function (pc) { var _a, _b; return pc.componentId === ((_b = (_a = vm.theme) === null || _a === void 0 ? void 0 : _a.headerComponent) === null || _b === void 0 ? void 0 : _b.id); });
@@ -37659,6 +37668,30 @@ var index = /*#__PURE__*/Object.freeze({
     Image: Image
 });
 
+/**
+ * Creates a duplicate-free version of an array, using
+ * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+ * for equality comparisons, in which only the first occurrence of each element
+ * is kept. The order of result values is determined by the order they occur
+ * in the array.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Array
+ * @param {Array} array The array to inspect.
+ * @returns {Array} Returns the new duplicate free array.
+ * @example
+ *
+ * _.uniq([2, 1, 2]);
+ * // => [2, 1]
+ */
+function uniq(array) {
+  return (array && array.length) ? _baseUniq(array) : [];
+}
+
+var uniq_1 = uniq;
+
 var IkasStorefrontLocalization = /** @class */ (function () {
     function IkasStorefrontLocalization(data) {
         this.id = data.id || "";
@@ -37945,10 +37978,10 @@ var SettingsHelper = /** @class */ (function () {
             });
         }); });
     };
-    SettingsHelper.getPageData = function (context, isServer, pageType, possiblePageTypes) {
+    SettingsHelper.getPageData = function (context, isServer, pageType, possiblePageTypes, isEditor) {
         var _a;
         return __awaiter(this, void 0, void 0, function () {
-            var isLocal, locale, serverRuntimeConfig, settings, storefront, themeLocalization, salesChannel, routing, favicon, stockPreference, provider, componentIds, components, componentDirs, _b, _c;
+            var isLocal, locale, serverRuntimeConfig, settings, storefront, themeLocalization, salesChannel, routing, favicon, stockPreference, provider, componentIds, components, componentDirs, nextI18nConf, routingLocales, defaultRoutingLocale, _b, _c;
             var _d, _e;
             return __generator(this, function (_f) {
                 switch (_f.label) {
@@ -37988,56 +38021,67 @@ var SettingsHelper = /** @class */ (function () {
                         IkasStorefrontConfig.stockPreference = stockPreference || null;
                         provider = new IkasPageDataProvider(themeLocalization.themeJson, context.params, pageType);
                         provider.possiblePageTypes = possiblePageTypes;
+                        if (!!isEditor) return [3 /*break*/, 3];
                         return [4 /*yield*/, provider.getPageData()];
                     case 2:
                         _f.sent();
+                        _f.label = 3;
+                    case 3:
                         if (!provider.page) {
-                            return [2 /*return*/, {
-                                    props: {},
-                                    notFound: true,
-                                }];
+                            if (!isEditor)
+                                return [2 /*return*/, {
+                                        props: {},
+                                        notFound: true,
+                                    }];
                         }
-                        componentIds = provider.page.components.map(function (pc) { return pc.componentId; });
-                        components = themeLocalization.themeJson.components.filter(function (c) {
-                            return componentIds.includes(c.id);
-                        });
+                        componentIds = isEditor
+                            ? 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.includes(c.id); });
                         componentDirs = __spreadArrays(["common"], components.map(function (c) { return c.dir; }));
-                        if (!isServer) return [3 /*break*/, 4];
+                        nextI18nConf = serverRuntimeConfig.nextI18nConf;
+                        routingLocales = uniq_1(storefront.routings.map(function (sr) { return sr.locale; }));
+                        defaultRoutingLocale = routing.locale;
+                        if (!isServer) return [3 /*break*/, 5];
                         _d = {};
                         _b = [{}];
-                        return [4 /*yield*/, serverSideTranslations.serverSideTranslations(locale, componentDirs, {
-                                i18n: {
-                                    locales: serverRuntimeConfig.i18n.locales,
-                                    defaultLocale: serverRuntimeConfig.i18n.defaultLocale,
-                                },
-                                serializeConfig: false,
-                                localePath: serverRuntimeConfig.localePath,
-                            })];
-                    case 3: return [2 /*return*/, (_d.props = __assign.apply(void 0, [__assign.apply(void 0, _b.concat([(_f.sent())])), provider.nextPageData.props]),
+                        return [4 /*yield*/, serverSideTranslations.serverSideTranslations(routing.locale, componentDirs, isLocal
+                                ? undefined
+                                : {
+                                    i18n: {
+                                        locales: routingLocales,
+                                        defaultLocale: defaultRoutingLocale,
+                                    },
+                                    serializeConfig: false,
+                                    localePath: nextI18nConf.localePath,
+                                })];
+                    case 4: return [2 /*return*/, (_d.props = __assign.apply(void 0, [__assign.apply(void 0, _b.concat([(_f.sent())])), provider.nextPageData.props]),
                             _d)];
-                    case 4:
+                    case 5:
                         _e = {};
                         _c = [{}];
-                        return [4 /*yield*/, serverSideTranslations.serverSideTranslations(locale, componentDirs, {
-                                i18n: {
-                                    locales: serverRuntimeConfig.i18n.locales,
-                                    defaultLocale: serverRuntimeConfig.i18n.defaultLocale,
-                                },
-                                serializeConfig: false,
-                                localePath: serverRuntimeConfig.localePath,
-                            })];
-                    case 5: return [2 /*return*/, (_e.props = __assign.apply(void 0, [__assign.apply(void 0, _c.concat([(_f.sent())])), provider.nextPageData.props]),
+                        return [4 /*yield*/, serverSideTranslations.serverSideTranslations(routing.locale, componentDirs, isLocal
+                                ? undefined
+                                : {
+                                    i18n: {
+                                        locales: routingLocales,
+                                        defaultLocale: defaultRoutingLocale,
+                                    },
+                                    serializeConfig: false,
+                                    localePath: nextI18nConf.localePath,
+                                })];
+                    case 6: return [2 /*return*/, (_e.props = __assign.apply(void 0, [__assign.apply(void 0, _c.concat([(_f.sent())])), provider.nextPageData.props]),
                             _e.revalidate = 60,
                             _e)];
                 }
             });
         });
     };
-    SettingsHelper.getStaticProps = function (context, pageType, possiblePageTypes) {
+    SettingsHelper.getStaticProps = function (context, pageType, possiblePageTypes, isEditor) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, SettingsHelper.getPageData(context, false, pageType, possiblePageTypes)];
+                    case 0: return [4 /*yield*/, SettingsHelper.getPageData(context, false, pageType, possiblePageTypes, isEditor)];
                     case 1: return [2 /*return*/, _a.sent()];
                 }
             });
@@ -38267,16 +38311,17 @@ var CheckoutPage = function (_a) {
 };
 var _id_ = mobxReactLite.observer(CheckoutPage);
 var getServerSideProps = function (context) { return __awaiter(void 0, void 0, void 0, function () {
-    var id, locale, settings, storefront, themeLocalization, salesChannel, routing, redirect, checkout, checkoutSettings;
-    var _a;
-    return __generator(this, function (_b) {
-        switch (_b.label) {
+    var id, locale, settings, storefront, themeLocalization, salesChannel, routing, redirect, checkout, checkoutSettings, componentDirs, isLocal, serverRuntimeConfig, routingLocales, defaultRoutingLocale, nextI18nConf, _a;
+    var _b;
+    var _c;
+    return __generator(this, function (_d) {
+        switch (_d.label) {
             case 0:
                 id = context.query.id;
                 locale = context.locale || context.defaultLocale || "en";
                 return [4 /*yield*/, SettingsHelper.getSettings(locale)];
             case 1:
-                settings = _b.sent();
+                settings = _d.sent();
                 // TODO maybe remove this and convert this page to static
                 if (!settings ||
                     !settings.storefront.mainStorefrontThemeId ||
@@ -38292,7 +38337,7 @@ var getServerSideProps = function (context) { return __awaiter(void 0, void 0, v
                 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.stockLocationIds = (_c = salesChannel.stockLocations) === null || _c === void 0 ? void 0 : _c.map(function (sl) { return sl.id; });
                 IkasStorefrontConfig.routings = storefront.routings;
                 IkasStorefrontConfig.paymentGateways = salesChannel.paymentGateways || [];
                 IkasStorefrontConfig.gtmId = storefront.gtmId || undefined;
@@ -38308,24 +38353,33 @@ var getServerSideProps = function (context) { return __awaiter(void 0, void 0, v
                 }
                 return [4 /*yield*/, IkasCheckoutAPI.getCheckoutById(id)];
             case 2:
-                checkout = _b.sent();
-                if (!checkout) return [3 /*break*/, 4];
+                checkout = _d.sent();
+                if (!checkout) return [3 /*break*/, 5];
                 return [4 /*yield*/, IkasCheckoutAPI.listCheckoutSettings()];
             case 3:
-                checkoutSettings = _b.sent();
-                return [2 /*return*/, {
-                        props: {
-                            checkoutStr: JSON.stringify(checkout),
-                            checkoutSettingsStr: (checkoutSettings === null || checkoutSettings === void 0 ? void 0 : checkoutSettings.length) ? JSON.stringify(checkoutSettings[0])
-                                : null,
-                            configJson: IkasStorefrontConfig.getJson(),
-                            returnPolicy: themeLocalization.returnPolicy || "",
-                            privacyPolicy: themeLocalization.privacyPolicy || "",
-                            termsOfService: themeLocalization.termsOfService || "",
-                            queryParams: context.query,
-                        },
-                    }];
-            case 4: return [2 /*return*/, redirect()];
+                checkoutSettings = _d.sent();
+                componentDirs = ["common", "checkout-page"];
+                isLocal = process.env.NEXT_PUBLIC_ENV === "local";
+                serverRuntimeConfig = getConfig__default['default']().serverRuntimeConfig;
+                routingLocales = uniq_1(storefront.routings.map(function (sr) { return sr.locale; }));
+                defaultRoutingLocale = routing.locale;
+                nextI18nConf = serverRuntimeConfig.nextI18nConf;
+                _b = {};
+                _a = [{}];
+                return [4 /*yield*/, serverSideTranslations.serverSideTranslations(routing.locale, componentDirs, isLocal
+                        ? undefined
+                        : {
+                            i18n: {
+                                locales: routingLocales,
+                                defaultLocale: defaultRoutingLocale,
+                            },
+                            serializeConfig: false,
+                            localePath: nextI18nConf.localePath,
+                        })];
+            case 4: return [2 /*return*/, (_b.props = __assign.apply(void 0, [__assign.apply(void 0, _a.concat([(_d.sent())])), { checkoutStr: JSON.stringify(checkout), checkoutSettingsStr: (checkoutSettings === null || checkoutSettings === void 0 ? void 0 : checkoutSettings.length) ? JSON.stringify(checkoutSettings[0])
+                            : null, configJson: IkasStorefrontConfig.getJson(), returnPolicy: themeLocalization.returnPolicy || "", privacyPolicy: themeLocalization.privacyPolicy || "", termsOfService: themeLocalization.termsOfService || "", queryParams: context.query }]),
+                    _b)];
+            case 5: return [2 /*return*/, redirect()];
         }
     });
 }); };
@@ -38560,10 +38614,19 @@ var IkasPageEditor$1 = dynamic__default['default'](function () { return Promise.
 var Page$c = function () {
     return React.createElement(IkasPageEditor$1, null);
 };
+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, undefined, undefined, true)];
+            case 1: return [2 /*return*/, _a.sent()];
+        }
+    });
+}); };
 var editor = mobxReactLite.observer(Page$c);
 
 var editor$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    getStaticProps: getStaticProps$b,
     'default': editor
 });
 
@@ -38576,7 +38639,7 @@ var Page$d = function (_a) {
     }, [propValuesStr]);
     return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
 };
-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, exports.IkasThemePageType.FAVORITE_PRODUCTS)];
@@ -38588,7 +38651,7 @@ var getStaticProps$b = function (context) { return __awaiter(void 0, void 0, voi
 var favoriteProducts = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$d,
-    getStaticProps: getStaticProps$b
+    getStaticProps: getStaticProps$c
 });
 
 var Page$e = function (_a) {
@@ -38608,7 +38671,7 @@ var Page$e = function (_a) {
     }, [isBrowser, propValuesStr]);
     return (React.createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues, addOgpMetas: true }));
 };
-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, exports.IkasThemePageType.SEARCH)];
@@ -38620,7 +38683,7 @@ var getStaticProps$c = function (context) { return __awaiter(void 0, void 0, voi
 var search = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$e,
-    getStaticProps: getStaticProps$c
+    getStaticProps: getStaticProps$d
 });
 
 var Page$f = function (_a) {
@@ -38634,7 +38697,7 @@ var Page$f = function (_a) {
     }, [propValuesStr]);
     return (React.createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
 };
-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 () {
     var props;
     return __generator(this, function (_a) {
         switch (_a.label) {
@@ -38656,7 +38719,7 @@ var getStaticProps$d = function (context) { return __awaiter(void 0, void 0, voi
 var _404 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$f,
-    getStaticProps: getStaticProps$d
+    getStaticProps: getStaticProps$e
 });
 
 var Page$g = function (_a) {
@@ -38668,7 +38731,7 @@ var Page$g = function (_a) {
     }, [propValuesStr]);
     return (React.createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues, addOgpMetas: true }));
 };
-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 () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0: return [4 /*yield*/, SettingsHelper.getStaticProps(context, exports.IkasThemePageType.BLOG_INDEX)];
@@ -38680,7 +38743,7 @@ var getStaticProps$e = function (context) { return __awaiter(void 0, void 0, voi
 var index$5 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': Page$g,
-    getStaticProps: getStaticProps$e
+    getStaticProps: getStaticProps$f
 });
 
 var Page$h = function (_a) {
@@ -38709,7 +38772,7 @@ var getStaticPaths$2 = function (context) { return __awaiter(void 0, void 0, voi
             }];
     });
 }); };
-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, undefined, [
@@ -38725,7 +38788,7 @@ var _slug_$2 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     'default': _slug_$1,
     getStaticPaths: getStaticPaths$2,
-    getStaticProps: getStaticProps$f
+    getStaticProps: getStaticProps$g
 });
 
 /**

package/build/pages/editor.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+import { GetStaticProps } from "next";
+export declare const getStaticProps: GetStaticProps;
 declare const _default: (() => JSX.Element) & {
     displayName: string;
 };

package/build/utils/settings.d.ts

@@ -12,7 +12,7 @@ export declare class SettingsHelper {
     static readLocalTheme(): Promise<IkasTheme>;
     static readSettingsFile(): Promise<any>;
     static getSettings(locale: string): Promise<SettingsData | null>;
-    static getPageData(context: GetStaticPropsContext<ParsedUrlQuery> | GetServerSidePropsContext<ParsedUrlQuery>, isServer: boolean, pageType?: IkasThemePageType, possiblePageTypes?: IkasThemePageType[]): Promise<{
+    static getPageData(context: GetStaticPropsContext<ParsedUrlQuery> | GetServerSidePropsContext<ParsedUrlQuery>, isServer: boolean, pageType?: IkasThemePageType, possiblePageTypes?: IkasThemePageType[], isEditor?: boolean): Promise<{
         props: {};
         notFound: boolean;
         revalidate?: undefined;
@@ -75,7 +75,7 @@ export declare class SettingsHelper {
         revalidate: number;
         notFound?: undefined;
     }>;
-    static getStaticProps(context: GetStaticPropsContext<ParsedUrlQuery>, pageType?: IkasThemePageType, possiblePageTypes?: IkasThemePageType[]): Promise<{
+    static getStaticProps(context: GetStaticPropsContext<ParsedUrlQuery>, pageType?: IkasThemePageType, possiblePageTypes?: IkasThemePageType[], isEditor?: boolean): Promise<{
         props: {};
         notFound: boolean;
         revalidate?: undefined;

package/package.json

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