@ikas/storefront 0.0.161 → 0.0.162-alpha.10

package/build/index.js

@@ -3,26 +3,27 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var mobx = require('mobx');
+var fs = require('fs');
+var path = require('path');
+var getConfig = require('next/config');
 var React = require('react');
 var mobxReactLite = require('mobx-react-lite');
 var Head = require('next/head');
 var router = require('next/router');
 var Link = require('next/link');
 var NextImage = require('next/image');
-var fs = require('fs');
-var getConfig = require('next/config');
-var serverSideTranslations = require('next-i18next/serverSideTranslations');
 var dynamic = require('next/dynamic');
 var Error$1 = require('next/error');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var fs__default = /*#__PURE__*/_interopDefaultLegacy(fs);
+var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
+var getConfig__default = /*#__PURE__*/_interopDefaultLegacy(getConfig);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
 var Link__default = /*#__PURE__*/_interopDefaultLegacy(Link);
 var NextImage__default = /*#__PURE__*/_interopDefaultLegacy(NextImage);
-var fs__default = /*#__PURE__*/_interopDefaultLegacy(fs);
-var getConfig__default = /*#__PURE__*/_interopDefaultLegacy(getConfig);
 var dynamic__default = /*#__PURE__*/_interopDefaultLegacy(dynamic);
 var Error__default = /*#__PURE__*/_interopDefaultLegacy(Error$1);
 
@@ -10923,6 +10924,7 @@ var IkasStorefrontConfig = /** @class */ (function () {
             fbpId: IkasStorefrontConfig.fbpId || null,
             favicon: JSON.parse(JSON.stringify(IkasStorefrontConfig.favicon)),
             stockPreference: IkasStorefrontConfig.stockPreference || null,
+            translations: this.translations,
         };
     };
     IkasStorefrontConfig.components = {};
@@ -10930,6 +10932,7 @@ var IkasStorefrontConfig = /** @class */ (function () {
     IkasStorefrontConfig.apiUrlOverride = null;
     IkasStorefrontConfig.routings = [];
     IkasStorefrontConfig.paymentGateways = [];
+    IkasStorefrontConfig.translations = {};
     return IkasStorefrontConfig;
 }());
 
@@ -11013,12 +11016,14 @@ var IkasBrand = /** @class */ (function () {
         if (data === void 0) { data = {}; }
         this.metaData = null;
         this.image = null;
+        this.orderType = null;
         this.id = data.id || Date.now() + "";
         this.name = data.name || "";
         this.metaData = data.metaData
             ? new IkasHTMLMetaData(data.metaData)
             : undefined;
         this.image = data.image ? new IkasImage(data.image.id) : null;
+        this.orderType = data.orderType || null;
         mobx.makeAutoObservable(this);
     }
     Object.defineProperty(IkasBrand.prototype, "href", {
@@ -11039,6 +11044,7 @@ var IkasCategory = /** @class */ (function () {
         if (data === void 0) { data = {}; }
         this.metaData = null;
         this.image = null;
+        this.orderType = null;
         this.id = data.id || Date.now() + "";
         this.name = data.name || "";
         this.parentId = data.parentId || null;
@@ -11047,6 +11053,7 @@ var IkasCategory = /** @class */ (function () {
             : undefined;
         this.image = data.image ? new IkasImage(data.image.id) : null;
         this.path = data.path ? data.path.map(function (p) { return new IkasCategoryPath(p); }) : [];
+        this.orderType = data.orderType || null;
         mobx.makeAutoObservable(this);
     }
     Object.defineProperty(IkasCategory.prototype, "href", {
@@ -11113,7 +11120,18 @@ var IkasFilterCategory = /** @class */ (function () {
         return __assign(__assign({}, this), { isSelected: this._isSelected });
     };
     return IkasFilterCategory;
-}());
+}());
+var ModelOrder;
+(function (ModelOrder) {
+    ModelOrder["BEST_SELLER"] = "BEST_SELLER";
+    ModelOrder["HIGHEST_DISCOUNT_RATIO"] = "HIGHEST_DISCOUNT_RATIO";
+    ModelOrder["HIGHEST_PRICE"] = "HIGHEST_PRICE";
+    ModelOrder["LOWEST_DISCOUNT_RATIO"] = "LOWEST_DISCOUNT_RATIO";
+    ModelOrder["LOWEST_PRICE"] = "LOWEST_PRICE";
+    ModelOrder["MANUALLY"] = "MANUALLY";
+    ModelOrder["NEWEST"] = "NEWEST";
+    ModelOrder["OLDEST"] = "OLDEST";
+})(ModelOrder || (ModelOrder = {}));
 
 var IkasCheckoutSettings = /** @class */ (function () {
     function IkasCheckoutSettings(data) {
@@ -27403,6 +27421,20 @@ var CartStatusEnum;
     CartStatusEnum["ACTIVE"] = "ACTIVE";
     CartStatusEnum["PASSIVE"] = "PASSIVE";
 })(CartStatusEnum || (CartStatusEnum = {}));
+/**
+ * CategoryProductsOrder Types
+ */
+var CategoryProductsOrderTypeEnum;
+(function (CategoryProductsOrderTypeEnum) {
+    CategoryProductsOrderTypeEnum["BEST_SELLER"] = "BEST_SELLER";
+    CategoryProductsOrderTypeEnum["HIGHEST_DISCOUNT_RATIO"] = "HIGHEST_DISCOUNT_RATIO";
+    CategoryProductsOrderTypeEnum["HIGHEST_PRICE"] = "HIGHEST_PRICE";
+    CategoryProductsOrderTypeEnum["LOWEST_DISCOUNT_RATIO"] = "LOWEST_DISCOUNT_RATIO";
+    CategoryProductsOrderTypeEnum["LOWEST_PRICE"] = "LOWEST_PRICE";
+    CategoryProductsOrderTypeEnum["MANUALLY"] = "MANUALLY";
+    CategoryProductsOrderTypeEnum["NEWEST"] = "NEWEST";
+    CategoryProductsOrderTypeEnum["OLDEST"] = "OLDEST";
+})(CategoryProductsOrderTypeEnum || (CategoryProductsOrderTypeEnum = {}));
 /**
  * Checkout Recovery Email Status Enum
  */
@@ -27738,6 +27770,7 @@ var IkasProductList = /** @class */ (function () {
         this._minPage = null;
         this._filterBrandId = null;
         this._filterCategoryId = null;
+        this.pageSpecificData = null;
         this._recommendFor = null; // productId
         this._isLoading = false;
         this._fetchRequestTime = 0;
@@ -28028,8 +28061,10 @@ var IkasProductList = /** @class */ (function () {
         this._filterCategories = data.filterCategories
             ? data.filterCategories.map(function (c) { return new IkasFilterCategory(c); })
             : null;
+        this.pageSpecificData = data.pageSpecificData || null;
         this.router = router;
         mobx.makeAutoObservable(this);
+        this.setPageSpecificSort();
         if (this.isBrowser()) {
             this.restoreInfiniteScrollPage();
             if (location.search &&
@@ -28243,6 +28278,44 @@ var IkasProductList = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(IkasProductList.prototype, "isFeaturedSortEnabled", {
+        get: function () {
+            var _a;
+            return (((_a = this.pageSpecificData) === null || _a === void 0 ? void 0 : _a.orderType) === ModelOrder.MANUALLY &&
+                [exports.IkasProductListType.ALL, exports.IkasProductListType.CATEGORY].includes(this._type));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    IkasProductList.prototype.setPageSpecificSort = function () {
+        var _a;
+        if (((_a = this.pageSpecificData) === null || _a === void 0 ? void 0 : _a.orderType) &&
+            [exports.IkasProductListType.ALL, exports.IkasProductListType.CATEGORY].includes(this._type)) {
+            switch (this.pageSpecificData.orderType) {
+                case ModelOrder.HIGHEST_DISCOUNT_RATIO:
+                    this._sort = exports.IkasProductListSortType.DECRASING_DISCOUNT;
+                    break;
+                case ModelOrder.LOWEST_DISCOUNT_RATIO:
+                    this._sort = exports.IkasProductListSortType.INCREASING_DISCOUNT;
+                    break;
+                case ModelOrder.HIGHEST_PRICE:
+                    this._sort = exports.IkasProductListSortType.DECREASING_PRICE;
+                    break;
+                case ModelOrder.LOWEST_PRICE:
+                    this._sort = exports.IkasProductListSortType.INCREASING_PRICE;
+                    break;
+                case ModelOrder.NEWEST:
+                    this._sort = exports.IkasProductListSortType.LAST_ADDED;
+                    break;
+                case ModelOrder.OLDEST:
+                    this._sort = exports.IkasProductListSortType.FIRST_ADDED;
+                    break;
+                case ModelOrder.MANUALLY:
+                    this._sort = exports.IkasProductListSortType.FEATURED;
+                    break;
+            }
+        }
+    };
     IkasProductList.prototype.getSortParams = function () {
         var direction = SortByDirectionEnum.DESC;
         var type = SortByTypeEnum.CREATED_AT;
@@ -28279,6 +28352,10 @@ var IkasProductList = /** @class */ (function () {
                 direction = SortByDirectionEnum.DESC;
                 type = SortByTypeEnum.DISCOUNT_RATIO;
                 break;
+            case exports.IkasProductListSortType.FEATURED:
+                direction = SortByDirectionEnum.ASC;
+                type = SortByTypeEnum.MANUAL_SORT;
+                break;
         }
         return {
             direction: direction,
@@ -28500,6 +28577,7 @@ var IkasProductList = /** @class */ (function () {
             filters: this.filters,
             recommendFor: this._recommendFor,
             productListPropValue: this._productListPropValue,
+            pageSpecificData: this.pageSpecificData,
         };
     };
     IkasProductList.prototype.restoreInfiniteScrollPage = function () {
@@ -28551,6 +28629,7 @@ var IkasProductList = /** @class */ (function () {
     IkasProductListSortType["FIRST_ADDED"] = "FIRST_ADDED";
     IkasProductListSortType["INCREASING_DISCOUNT"] = "INCREASING_DISCOUNT";
     IkasProductListSortType["DECRASING_DISCOUNT"] = "DECRASING_DISCOUNT";
+    IkasProductListSortType["FEATURED"] = "FEATURED";
 })(exports.IkasProductListSortType || (exports.IkasProductListSortType = {}));
 
 /**
@@ -30615,6 +30694,12 @@ var IkasProductListPropValueProvider = /** @class */ (function () {
                             filterBrandId: filterBrandId,
                             filterCategoryId: filterCategoryId,
                             pageType: this.pageType,
+                            pageSpecificData: [
+                                exports.IkasThemePageType.CATEGORY,
+                                exports.IkasThemePageType.BRAND,
+                            ].includes(this.pageType)
+                                ? this.pageSpecificData
+                                : undefined,
                         });
                         //@ts-ignore
                         return [4 /*yield*/, productList.getInitial()];
@@ -31991,6 +32076,20 @@ function stringSorter(atitle, btitle) {
         }
     }
     return 0;
+}
+function findAllIndexes(str, pattern) {
+    var indexes = [];
+    if (!str || !pattern)
+        return [];
+    var index = 0;
+    while (index < str.length) {
+        var patternIndex = str.indexOf(pattern, index);
+        if (patternIndex === -1)
+            break;
+        index = patternIndex + 1;
+        indexes.push(patternIndex);
+    }
+    return indexes;
 }
 
 var ThemeComponent = mobxReactLite.observer(function (_a) {
@@ -33128,6 +33227,178 @@ var formatMoney = function (price, currency) {
     return formatter.format(price);
 };
 
+var I18NFileReader = /** @class */ (function () {
+    function I18NFileReader(locale, namespaces, localePath) {
+        this.locale = locale;
+        this.namespaces = namespaces;
+        this.localePath = localePath;
+    }
+    I18NFileReader.prototype.read = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var serverRuntimeConfig, translations, _i, _a, namespace, filePath, fileExists, localeTranslation, err_1;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        serverRuntimeConfig = getConfig__default['default']().serverRuntimeConfig;
+                        translations = {};
+                        _i = 0, _a = this.namespaces;
+                        _b.label = 1;
+                    case 1:
+                        if (!(_i < _a.length)) return [3 /*break*/, 7];
+                        namespace = _a[_i];
+                        _b.label = 2;
+                    case 2:
+                        _b.trys.push([2, 5, , 6]);
+                        filePath = this.localePath
+                            ? path__default['default'].join(this.localePath, this.locale, namespace + ".json")
+                            : path__default['default'].join(serverRuntimeConfig.PROJECT_ROOT, "public", "locales", this.locale, namespace + ".json");
+                        fileExists = fs__default['default'].existsSync(filePath);
+                        if (!fileExists) return [3 /*break*/, 4];
+                        return [4 /*yield*/, this.readLocaleFile(filePath)];
+                    case 3:
+                        localeTranslation = _b.sent();
+                        translations[namespace] = localeTranslation;
+                        _b.label = 4;
+                    case 4: return [3 /*break*/, 6];
+                    case 5:
+                        err_1 = _b.sent();
+                        console.error(err_1);
+                        return [3 /*break*/, 6];
+                    case 6:
+                        _i++;
+                        return [3 /*break*/, 1];
+                    case 7: return [2 /*return*/, translations];
+                }
+            });
+        });
+    };
+    I18NFileReader.prototype.readLocaleFile = function (filePath) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, new Promise(function (resolve, reject) {
+                        fs__default['default'].readFile(filePath, {
+                            flag: "r",
+                        }, function (err, file) {
+                            if (err) {
+                                return reject(err);
+                            }
+                            var result = file.length ? JSON.parse(file.toString()) : {};
+                            resolve(result);
+                        });
+                    })];
+            });
+        });
+    };
+    return I18NFileReader;
+}());
+function t(pathString, params) {
+    var namespace = "common";
+    var path = "";
+    var parts = pathString.split(":");
+    if (parts.length > 2) {
+        return pathString;
+    }
+    else if (parts.length === 2) {
+        namespace = parts[0];
+        path = parts[1];
+    }
+    else {
+        path = parts[0];
+    }
+    var namespaceTranslations = IkasStorefrontConfig.translations[namespace];
+    if (!namespaceTranslations)
+        return pathString;
+    var str = get_1(namespaceTranslations, path);
+    if (str) {
+        if (params) {
+            var allInputData = createInputData(str);
+            var newStr = "";
+            for (var _i = 0, allInputData_1 = allInputData; _i < allInputData_1.length; _i++) {
+                var inputData = allInputData_1[_i];
+                if (inputData.isVariable) {
+                    var variableName = inputData.value
+                        .replace("{{", "")
+                        .replace("}}", "")
+                        .trim();
+                    if (params[variableName]) {
+                        newStr += params[variableName];
+                    }
+                    else {
+                        newStr += inputData.value;
+                    }
+                }
+                else {
+                    newStr += inputData.value;
+                }
+            }
+            return newStr;
+        }
+        else
+            return str;
+    }
+    return pathString;
+}
+function useTranslation(namespace) {
+    return {
+        t: t,
+    };
+}
+function createInputData(value) {
+    var currentData = [];
+    if (!value)
+        return currentData;
+    var variableStartIndexes = findAllIndexes(value, "{{");
+    var variableEndIndexes = findAllIndexes(value, "}}");
+    var variableIndexPairs = variableStartIndexes.map(function (startIndex, index) {
+        var endIndex = variableEndIndexes[index] + 1;
+        return {
+            start: startIndex,
+            end: endIndex,
+        };
+    });
+    var isVariableIndex = function (index) {
+        return variableIndexPairs.some(function (pair) { return pair.start <= index && pair.end >= index; });
+    };
+    var currentValue = "";
+    var isVariable = false;
+    for (var i = 0; i < value.length; i++) {
+        var currentChar = value.charAt(i);
+        if (isVariable) {
+            if (isVariableIndex(i)) {
+                currentValue += currentChar;
+            }
+            else {
+                currentData.push({
+                    isVariable: true,
+                    value: currentValue,
+                });
+                currentValue = currentChar;
+                isVariable = false;
+            }
+        }
+        else {
+            if (isVariableIndex(i)) {
+                currentData.push({
+                    isVariable: false,
+                    value: currentValue,
+                });
+                currentValue = currentChar;
+                isVariable = true;
+            }
+            else {
+                currentValue += currentChar;
+            }
+        }
+        if (i === value.length - 1) {
+            currentData.push({
+                isVariable: isVariable,
+                value: currentValue,
+            });
+        }
+    }
+    return currentData;
+}
+
 var IkasImage = /** @class */ (function () {
     function IkasImage(id) {
         this.id = id;
@@ -33484,7 +33755,7 @@ var IkasBrandAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_QUERY = src(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n      query listProductBrand(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $search: String\n        $sort: String\n      ) {\n        listProductBrand(\n          id: $id\n          pagination: $pagination\n          search: $search\n          sort: $sort\n        ) {\n          data {\n            id\n            name\n            imageId\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n          }\n          count\n        }\n      }\n    "], ["\n      query listProductBrand(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $search: String\n        $sort: String\n      ) {\n        listProductBrand(\n          id: $id\n          pagination: $pagination\n          search: $search\n          sort: $sort\n        ) {\n          data {\n            id\n            name\n            imageId\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n          }\n          count\n        }\n      }\n    "])));
+                        LIST_QUERY = src(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n      query listProductBrand(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $search: String\n        $sort: String\n      ) {\n        listProductBrand(\n          id: $id\n          pagination: $pagination\n          search: $search\n          sort: $sort\n        ) {\n          data {\n            id\n            name\n            imageId\n            orderType\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n          }\n          count\n        }\n      }\n    "], ["\n      query listProductBrand(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $search: String\n        $sort: String\n      ) {\n        listProductBrand(\n          id: $id\n          pagination: $pagination\n          search: $search\n          sort: $sort\n        ) {\n          data {\n            id\n            name\n            imageId\n            orderType\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n          }\n          count\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -33523,6 +33794,7 @@ var IkasBrandAPI = /** @class */ (function () {
                                 name: b.name,
                                 metaData: b.metaData || undefined,
                                 image: b.imageId ? new IkasImage(b.imageId) : undefined,
+                                orderType: b.orderType,
                             });
                         });
                         return [2 /*return*/, {
@@ -33633,7 +33905,7 @@ var IkasCategoryAPI = /** @class */ (function () {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_QUERY = src(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n      query listCategory(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $search: String\n        $sort: String\n      ) {\n        listCategory(\n          id: $id\n          pagination: $pagination\n          search: $search\n          sort: $sort\n        ) {\n          data {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            parentId\n            imageId\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n            categoryPath\n          }\n          count\n        }\n      }\n    "], ["\n      query listCategory(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $search: String\n        $sort: String\n      ) {\n        listCategory(\n          id: $id\n          pagination: $pagination\n          search: $search\n          sort: $sort\n        ) {\n          data {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            parentId\n            imageId\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n            categoryPath\n          }\n          count\n        }\n      }\n    "])));
+                        LIST_QUERY = src(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n      query listCategory(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $search: String\n        $sort: String\n      ) {\n        listCategory(\n          id: $id\n          pagination: $pagination\n          search: $search\n          sort: $sort\n        ) {\n          data {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            parentId\n            imageId\n            orderType\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n            categoryPath\n          }\n          count\n        }\n      }\n    "], ["\n      query listCategory(\n        $id: StringFilterInput\n        $pagination: PaginationInput\n        $search: String\n        $sort: String\n      ) {\n        listCategory(\n          id: $id\n          pagination: $pagination\n          search: $search\n          sort: $sort\n        ) {\n          data {\n            id\n            createdAt\n            updatedAt\n            deleted\n            name\n            parentId\n            imageId\n            orderType\n            metaData {\n              slug\n              pageTitle\n              description\n              targetId\n              targetType\n              redirectTo\n            }\n            categoryPath\n          }\n          count\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 10, , 11]);
@@ -33672,6 +33944,7 @@ var IkasCategoryAPI = /** @class */ (function () {
                                 parentId: c.parentId,
                                 metaData: c.metaData || undefined,
                                 image: c.imageId ? new IkasImage(c.imageId) : undefined,
+                                orderType: c.orderType,
                             });
                         });
                         _b.label = 3;
@@ -37174,7 +37447,92 @@ var style = {
     backgroundColor: "rgba(255, 0, 0, 0.5)",
 };
 
-var PACKAGE_VERSION = "0.0.158";
+var IkasStorefrontLocalization = /** @class */ (function () {
+    function IkasStorefrontLocalization(data) {
+        this.id = data.id || "";
+        this.isDefault = data.isDefault || false;
+        this.locale = data.locale || "";
+        this.name = data.name || "";
+    }
+    return IkasStorefrontLocalization;
+}());
+
+var IkasStorefrontDomain = /** @class */ (function () {
+    function IkasStorefrontDomain(data) {
+        if (data === void 0) { data = {}; }
+        this.id = data.id || "";
+        this.merchantDomainId = data.merchantDomainId || "";
+        this.name = data.name || "";
+        this.redirectDomainName = data.redirectDomainName || null;
+        this.isDefault = data.isDefault || false;
+        mobx.makeAutoObservable(this);
+    }
+    return IkasStorefrontDomain;
+}());
+
+var IkasStorefrontRouting = /** @class */ (function () {
+    function IkasStorefrontRouting(data) {
+        this.id = data.id || "";
+        this.countryCodes = data.countryCodes || null;
+        this.domain = data.domain || null;
+        this.locale = data.locale || "";
+        this.path = data.path || null;
+        this.priceListId = data.priceListId || null;
+    }
+    return IkasStorefrontRouting;
+}());
+
+var IkasStorefrontThemeStatus;
+(function (IkasStorefrontThemeStatus) {
+    IkasStorefrontThemeStatus["WAITING"] = "WAITING";
+    IkasStorefrontThemeStatus["READY"] = "READY";
+})(IkasStorefrontThemeStatus || (IkasStorefrontThemeStatus = {}));
+var IkasStorefrontTheme = /** @class */ (function () {
+    function IkasStorefrontTheme(data) {
+        this.id = data.id || "";
+        this.isMainTheme = data.isMainTheme || false;
+        this.name = data.name || "";
+        this.status = data.status || IkasStorefrontThemeStatus.WAITING;
+        this.themeId = data.themeId || "";
+        this.themeVersionId = data.themeVersionId || "";
+    }
+    return IkasStorefrontTheme;
+}());
+
+var StorefrontStatus;
+(function (StorefrontStatus) {
+    StorefrontStatus["WAITING"] = "WAITING";
+    StorefrontStatus["READY"] = "READY";
+})(StorefrontStatus || (StorefrontStatus = {}));
+var IkasStorefront = /** @class */ (function () {
+    function IkasStorefront(data) {
+        if (data === void 0) { data = {}; }
+        this.id = data.id || "";
+        this.name = data.name || "";
+        this.status = data.status || StorefrontStatus.WAITING;
+        this.mainStorefrontThemeId = data.mainStorefrontThemeId || null;
+        this.emailSettingsId = data.emailSettingsId || null;
+        this.salesChannelId = data.salesChannelId || null;
+        this.gtmId = data.gtmId || null;
+        this.fbpId = data.fbpId || null;
+        // Sub Models
+        this.localizations = data.localizations
+            ? data.localizations.map(function (l) { return new IkasStorefrontLocalization(l); })
+            : [];
+        this.routings = data.routings
+            ? data.routings.map(function (r) { return new IkasStorefrontRouting(r); })
+            : [];
+        this.domains = data.domains
+            ? data.domains.map(function (o) { return new IkasStorefrontDomain(o); })
+            : [];
+        this.themes = data.themes
+            ? data.themes.map(function (t) { return new IkasStorefrontTheme(t); })
+            : [];
+    }
+    return IkasStorefront;
+}());
+
+var PACKAGE_VERSION = "0.0.161";
 var PageViewModel = /** @class */ (function () {
     function PageViewModel(router) {
         var _this = this;
@@ -37184,6 +37542,8 @@ var PageViewModel = /** @class */ (function () {
         this.hoveredPageComponentId = null;
         this.componentRefs = {};
         this.isLoading = false;
+        // Sent from dashboard for localization (handleUpdateFrameData)
+        this.locale = "en";
         this.pageParams = {};
         this.queryParams = {};
         this.apiKey = null;
@@ -37328,6 +37688,8 @@ var PageViewModel = /** @class */ (function () {
         };
         // Message Handlers
         this.handleUpdateFrameData = function (data) { return __awaiter(_this, void 0, void 0, function () {
+            var storefront, _storefront, routing;
+            var _this = this;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -37336,6 +37698,27 @@ var PageViewModel = /** @class */ (function () {
                         this.pageParams = data.pageParams;
                         this.queryParams = data.queryParams;
                         this.apiKey = data.apiKey;
+                        this.locale = data.locale || "en";
+                        this.translations = data.translations || undefined;
+                        storefront = data.storefront;
+                        if (storefront) {
+                            _storefront = new IkasStorefront(storefront);
+                            routing = _storefront.routings.find(function (sr) { return sr.locale === _this.locale; });
+                            IkasStorefrontConfig.storefrontId = _storefront.id;
+                            IkasStorefrontConfig.storefrontRoutingId = routing === null || routing === void 0 ? void 0 : routing.id;
+                            if (_storefront.mainStorefrontThemeId)
+                                IkasStorefrontConfig.storefrontThemeId =
+                                    _storefront.mainStorefrontThemeId;
+                            if (_storefront.salesChannelId)
+                                IkasStorefrontConfig.salesChannelId = _storefront.salesChannelId;
+                            if (routing === null || routing === void 0 ? void 0 : routing.priceListId)
+                                IkasStorefrontConfig.priceListId = routing.priceListId;
+                            IkasStorefrontConfig.routings = _storefront.routings;
+                            IkasStorefrontConfig.stockPreference = this.theme.settings.stockPreference;
+                        }
+                        // Production editor mode
+                        if (this.translations)
+                            IkasStorefrontConfig.translations = this.translations;
                         apollo.createApolloClient(this.apiKey || undefined);
                         window.editorApiKey = data.apiKey;
                         return [4 /*yield*/, this.getPagePropValues()];
@@ -37659,115 +38042,6 @@ 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 || "";
-        this.isDefault = data.isDefault || false;
-        this.locale = data.locale || "";
-        this.name = data.name || "";
-    }
-    return IkasStorefrontLocalization;
-}());
-
-var IkasStorefrontDomain = /** @class */ (function () {
-    function IkasStorefrontDomain(data) {
-        if (data === void 0) { data = {}; }
-        this.id = data.id || "";
-        this.merchantDomainId = data.merchantDomainId || "";
-        this.name = data.name || "";
-        this.redirectDomainName = data.redirectDomainName || null;
-        this.isDefault = data.isDefault || false;
-        mobx.makeAutoObservable(this);
-    }
-    return IkasStorefrontDomain;
-}());
-
-var IkasStorefrontRouting = /** @class */ (function () {
-    function IkasStorefrontRouting(data) {
-        this.id = data.id || "";
-        this.countryCodes = data.countryCodes || null;
-        this.domain = data.domain || null;
-        this.locale = data.locale || "";
-        this.path = data.path || null;
-        this.priceListId = data.priceListId || null;
-    }
-    return IkasStorefrontRouting;
-}());
-
-var IkasStorefrontThemeStatus;
-(function (IkasStorefrontThemeStatus) {
-    IkasStorefrontThemeStatus["WAITING"] = "WAITING";
-    IkasStorefrontThemeStatus["READY"] = "READY";
-})(IkasStorefrontThemeStatus || (IkasStorefrontThemeStatus = {}));
-var IkasStorefrontTheme = /** @class */ (function () {
-    function IkasStorefrontTheme(data) {
-        this.id = data.id || "";
-        this.isMainTheme = data.isMainTheme || false;
-        this.name = data.name || "";
-        this.status = data.status || IkasStorefrontThemeStatus.WAITING;
-        this.themeId = data.themeId || "";
-        this.themeVersionId = data.themeVersionId || "";
-    }
-    return IkasStorefrontTheme;
-}());
-
-var StorefrontStatus;
-(function (StorefrontStatus) {
-    StorefrontStatus["WAITING"] = "WAITING";
-    StorefrontStatus["READY"] = "READY";
-})(StorefrontStatus || (StorefrontStatus = {}));
-var IkasStorefront = /** @class */ (function () {
-    function IkasStorefront(data) {
-        if (data === void 0) { data = {}; }
-        this.id = data.id || "";
-        this.name = data.name || "";
-        this.status = data.status || StorefrontStatus.WAITING;
-        this.mainStorefrontThemeId = data.mainStorefrontThemeId || null;
-        this.emailSettingsId = data.emailSettingsId || null;
-        this.salesChannelId = data.salesChannelId || null;
-        this.gtmId = data.gtmId || null;
-        this.fbpId = data.fbpId || null;
-        // Sub Models
-        this.localizations = data.localizations
-            ? data.localizations.map(function (l) { return new IkasStorefrontLocalization(l); })
-            : [];
-        this.routings = data.routings
-            ? data.routings.map(function (r) { return new IkasStorefrontRouting(r); })
-            : [];
-        this.domains = data.domains
-            ? data.domains.map(function (o) { return new IkasStorefrontDomain(o); })
-            : [];
-        this.themes = data.themes
-            ? data.themes.map(function (t) { return new IkasStorefrontTheme(t); })
-            : [];
-    }
-    return IkasStorefront;
-}());
-
 var IkasSalesChannel = /** @class */ (function () {
     function IkasSalesChannel(data) {
         if (data === void 0) { data = {}; }
@@ -37972,26 +38246,29 @@ var SettingsHelper = /** @class */ (function () {
     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, nextI18nConf, routingLocales, defaultRoutingLocale, _b, _c;
-            var _d, _e;
-            return __generator(this, function (_f) {
-                switch (_f.label) {
+            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) {
                     case 0:
                         isLocal = process.env.NEXT_PUBLIC_ENV === "local";
-                        locale = isLocal ? "en" : context.locale;
+                        isProdEditor = !isLocal && isEditor;
+                        serverRuntimeConfig = getConfig__default['default']().serverRuntimeConfig;
+                        if (!!isProdEditor) return [3 /*break*/, 5];
+                        locale = context.locale;
                         if (!locale) {
+                            console.log("locale not found");
                             return [2 /*return*/, {
                                     props: {},
                                     notFound: true,
                                 }];
                         }
-                        serverRuntimeConfig = getConfig__default['default']().serverRuntimeConfig;
                         return [4 /*yield*/, SettingsHelper.getSettings(locale)];
                     case 1:
-                        settings = _f.sent();
+                        settings = _b.sent();
                         if (!settings ||
                             !settings.storefront.mainStorefrontThemeId ||
                             !settings.storefront.salesChannelId) {
+                            console.log("id not found", settings === null || settings === void 0 ? void 0 : settings.storefront.mainStorefrontThemeId, settings === null || settings === void 0 ? void 0 : settings.storefront.salesChannelId);
                             return [2 /*return*/, {
                                     props: {},
                                     notFound: true,
@@ -38015,55 +38292,40 @@ var SettingsHelper = /** @class */ (function () {
                         if (!!isEditor) return [3 /*break*/, 3];
                         return [4 /*yield*/, provider.getPageData()];
                     case 2:
-                        _f.sent();
-                        _f.label = 3;
-                    case 3:
+                        _b.sent();
                         if (!provider.page) {
-                            if (!isEditor)
-                                return [2 /*return*/, {
-                                        props: {},
-                                        notFound: true,
-                                    }];
+                            return [2 /*return*/, {
+                                    props: {},
+                                    notFound: true,
+                                }];
                         }
-                        componentIds = isEditor
+                        _b.label = 3;
+                    case 3:
+                        componentIds_1 = 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); });
+                        components = themeLocalization.themeJson.components.filter(function (c) { return isEditor || componentIds_1.includes(c.id); });
                         componentDirs = __spreadArrays(["common"], components.map(function (c) { return c.dir; }));
                         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(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 5:
-                        _e = {};
-                        _c = [{}];
-                        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)];
+                        currentLocale = routing.locale;
+                        i18nReader = new I18NFileReader(currentLocale, componentDirs, isLocal ? undefined : nextI18nConf.localePath);
+                        return [4 /*yield*/, i18nReader.read()];
+                    case 4:
+                        translations = _b.sent();
+                        IkasStorefrontConfig.translations = translations;
+                        if (isServer)
+                            return [2 /*return*/, {
+                                    props: provider.nextPageData.props,
+                                }];
+                        else
+                            return [2 /*return*/, {
+                                    props: provider.nextPageData.props,
+                                    revalidate: 60,
+                                }];
+                    case 5: return [2 /*return*/, {
+                            props: {},
+                        }];
+                    case 6: return [2 /*return*/];
                 }
             });
         });
@@ -38149,27 +38411,26 @@ var Page$1 = function (_a) {
 };
 var index$1 = mobxReactLite.observer(Page$1);
 var getStaticPaths = function (context) { return __awaiter(void 0, void 0, void 0, function () {
-    var targetTypes, metaData;
     return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                targetTypes = [
-                    exports.IkasHTMLMetaDataTargetType.BRAND,
-                    exports.IkasHTMLMetaDataTargetType.CATEGORY,
-                ];
-                return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData(undefined, undefined, targetTypes)];
-            case 1:
-                metaData = _a.sent();
-                return [2 /*return*/, {
-                        paths: metaData.map(function (m) { return ({
-                            params: {
-                                slug: m.slug,
-                                originalSlug: m.slug,
-                            },
-                        }); }),
-                        fallback: "blocking",
-                    }];
-        }
+        // const targetTypes = [
+        //   IkasHTMLMetaDataTargetType.BRAND,
+        //   IkasHTMLMetaDataTargetType.CATEGORY,
+        // ];
+        // const metaData = await IkasHTMLMetaDataAPI.listHTMLMetaData(
+        //   undefined,
+        //   undefined,
+        //   targetTypes
+        // );
+        // metaData.map((m) => ({
+        //   params: {
+        //     slug: m.slug,
+        //     originalSlug: m.slug,
+        //   },
+        // }))
+        return [2 /*return*/, {
+                paths: [],
+                fallback: "blocking",
+            }];
     });
 }); };
 var getStaticProps$1 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
@@ -38302,17 +38563,16 @@ 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, componentDirs, isLocal, serverRuntimeConfig, routingLocales, defaultRoutingLocale, nextI18nConf, _a;
-    var _b;
-    var _c;
-    return __generator(this, function (_d) {
-        switch (_d.label) {
+    var id, locale, settings, storefront, themeLocalization, salesChannel, routing, redirect, checkout, checkoutSettings, componentDirs, isLocal, serverRuntimeConfig, currentLocale, nextI18nConf, i18nReader, translations;
+    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 = _d.sent();
+                settings = _b.sent();
                 // TODO maybe remove this and convert this page to static
                 if (!settings ||
                     !settings.storefront.mainStorefrontThemeId ||
@@ -38328,7 +38588,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 = (_c = salesChannel.stockLocations) === null || _c === void 0 ? void 0 : _c.map(function (sl) { return sl.id; });
+                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;
@@ -38344,32 +38604,33 @@ var getServerSideProps = function (context) { return __awaiter(void 0, void 0, v
                 }
                 return [4 /*yield*/, IkasCheckoutAPI.getCheckoutById(id)];
             case 2:
-                checkout = _d.sent();
+                checkout = _b.sent();
                 if (!checkout) return [3 /*break*/, 5];
                 return [4 /*yield*/, IkasCheckoutAPI.listCheckoutSettings()];
             case 3:
-                checkoutSettings = _d.sent();
+                checkoutSettings = _b.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;
+                currentLocale = 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)];
+                i18nReader = new I18NFileReader(currentLocale, componentDirs, isLocal ? undefined : nextI18nConf.localePath);
+                return [4 /*yield*/, i18nReader.read()];
+            case 4:
+                translations = _b.sent();
+                IkasStorefrontConfig.translations = translations;
+                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 5: return [2 /*return*/, redirect()];
         }
     });
@@ -38602,7 +38863,10 @@ var cart = /*#__PURE__*/Object.freeze({
 });
 
 var IkasPageEditor$1 = dynamic__default['default'](function () { return Promise.resolve().then(function () { return index; }).then(function (mod) { return mod.IkasPageEditor; }); }, { ssr: false });
-var Page$c = function () {
+var Page$c = function (_a) {
+    var configJson = _a.configJson;
+    if (configJson)
+        IkasStorefrontConfig.initWithJson(configJson);
     return React.createElement(IkasPageEditor$1, null);
 };
 var getStaticProps$b = function (context) { return __awaiter(void 0, void 0, void 0, function () {
@@ -39037,6 +39301,7 @@ exports.ValidationRule = ValidationRule;
 exports.Validator = Validator;
 exports.apollo = apollo;
 exports.decodeBase64 = decodeBase64;
+exports.findAllIndexes = findAllIndexes;
 exports.formatMoney = formatMoney;
 exports.getPlaceholderBlog = getPlaceholderBlog;
 exports.getPlaceholderBlogCategory = getPlaceholderBlogCategory;
@@ -39047,4 +39312,5 @@ exports.parseRangeStr = parseRangeStr;
 exports.pascalCase = pascalCase;
 exports.stringSorter = stringSorter;
 exports.stringToSlug = stringToSlug;
+exports.useTranslation = useTranslation;
 exports.validatePhoneNumber = validatePhoneNumber;