@ikas/storefront 0.0.136 → 0.0.138

package/build/index.es.js

@@ -24738,12 +24738,16 @@ var ThemeComponent = observer(function (_a) {
 });
 
 var IkasPageHead = observer(function (_a) {
-    var _b;
+    var _b, _c;
     var page = _a.page, pageTitle = _a.pageTitle, description = _a.description, pageSpecificDataStr = _a.pageSpecificDataStr, props = __rest(_a, ["page", "pageTitle", "description", "pageSpecificDataStr"]);
     var ogpMetas = [];
     var schemas = [];
     var isCanonicalLinkAdd = false;
     var canonicalHref = "";
+    if (typeof window !== "undefined") {
+        document.documentElement.lang =
+            ((_b = IkasStorefrontConfig.routings.find(function (r) { return r.id === IkasStorefrontConfig.storefrontRoutingId; })) === null || _b === void 0 ? void 0 : _b.locale) || "tr";
+    }
     if (props.addOgpMetas) {
         ogpMetas.push({
             property: "og:type",
@@ -24780,7 +24784,7 @@ var IkasPageHead = observer(function (_a) {
                 if (productDetail.selectedVariant.mainImage) {
                     ogpMetas.push({
                         property: "og:image",
-                        content: (_b = productDetail.selectedVariant.mainImage) === null || _b === void 0 ? void 0 : _b.src,
+                        content: (_c = productDetail.selectedVariant.mainImage) === null || _c === void 0 ? void 0 : _c.src,
                     });
                 }
             }
@@ -24949,6 +24953,7 @@ var IkasPage = observer(function (_a) {
     var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, addOgpMetas = _a.addOgpMetas;
     var store = IkasStorefrontConfig.store;
     var settings = useState(new IkasThemeSettings(JSON.parse(settingsStr)))[0];
+    var _b = useState(false), mounted = _b[0], setMounted = _b[1];
     if (page) {
         store.currentPageType = page.type;
     }
@@ -24958,15 +24963,17 @@ var IkasPage = observer(function (_a) {
         //@ts-ignore
         store.cartStore.getCart();
         store.checkLocalization();
+        setMounted(true);
     }, []);
     var headerComponentPropValue = propValues.find(function (pv) { return pv.component.isHeader; });
     var footerComponentPropValue = propValues.find(function (pv) { return pv.component.isFooter; });
     var others = propValues.filter(function (pv) { return !pv.component.isHeader && !pv.component.isFooter; }) || [];
+    var _pageStyle = __assign(__assign({}, pageStyle), { visibility: mounted ? "visible" : "hidden" });
     if (!page)
         return null;
     return (createElement(Fragment, null,
         createElement(IkasPageHead, { page: page, pageTitle: page.pageTitle, description: page.description, pageSpecificDataStr: pageSpecificDataStr, merchantSettings: merchantSettings, addOgpMetas: addOgpMetas }),
-        createElement("div", { style: pageStyle },
+        createElement("div", { style: _pageStyle },
             createElement("div", null,
                 headerComponentPropValue &&
                     renderComponent(headerComponentPropValue, settings, -1),
@@ -29640,7 +29647,7 @@ var style = {
     backgroundColor: "rgba(255, 0, 0, 0.5)",
 };
 
-var PACKAGE_VERSION = "0.0.133";
+var PACKAGE_VERSION = "0.0.138";
 var PageViewModel = /** @class */ (function () {
     function PageViewModel(router) {
         var _this = this;
@@ -30325,7 +30332,7 @@ var SettingsHelper = /** @class */ (function () {
     SettingsHelper.getSettings = function (locale) {
         var _this = this;
         return new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {
-            var isLocal, storefrontResponse, storefront, localTheme, settings, storefront_1, salesChannel_1, localizationMap, favicon_1, themeLocalizationPath, routing_1;
+            var isLocal, storefrontResponse, storefront, localTheme, settings, storefront_1, salesChannel_1, localizationMap, themeLocalizationPath, routing_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -30367,7 +30374,6 @@ var SettingsHelper = /** @class */ (function () {
                         storefront_1 = new IkasStorefront(settings.storefront);
                         salesChannel_1 = new IkasSalesChannel(settings.salesChannel);
                         localizationMap = settings.localizationMap;
-                        favicon_1 = settings.favicon;
                         themeLocalizationPath = localizationMap[locale];
                         routing_1 = storefront_1.routings.find(function (r) { return r.id === locale || r.path === locale; });
                         if (!themeLocalizationPath || !routing_1) {
@@ -30383,12 +30389,14 @@ var SettingsHelper = /** @class */ (function () {
                                 return resolve(null);
                             }
                             var result = file.length ? JSON.parse(file.toString()) : {};
+                            var themeLocalization = new IkasStorefrontThemeLocalization(result);
+                            var favicon = themeLocalization.themeJson.settings.favicon;
                             resolve({
                                 storefront: storefront_1,
-                                themeLocalization: new IkasStorefrontThemeLocalization(result),
+                                themeLocalization: themeLocalization,
                                 salesChannel: salesChannel_1,
                                 routing: routing_1,
-                                favicon: favicon_1,
+                                favicon: favicon,
                             });
                         });
                         _a.label = 5;

package/build/index.js

@@ -24718,12 +24718,16 @@ var ThemeComponent = mobxReactLite.observer(function (_a) {
 });
 
 var IkasPageHead = mobxReactLite.observer(function (_a) {
-    var _b;
+    var _b, _c;
     var page = _a.page, pageTitle = _a.pageTitle, description = _a.description, pageSpecificDataStr = _a.pageSpecificDataStr, props = __rest(_a, ["page", "pageTitle", "description", "pageSpecificDataStr"]);
     var ogpMetas = [];
     var schemas = [];
     var isCanonicalLinkAdd = false;
     var canonicalHref = "";
+    if (typeof window !== "undefined") {
+        document.documentElement.lang =
+            ((_b = IkasStorefrontConfig.routings.find(function (r) { return r.id === IkasStorefrontConfig.storefrontRoutingId; })) === null || _b === void 0 ? void 0 : _b.locale) || "tr";
+    }
     if (props.addOgpMetas) {
         ogpMetas.push({
             property: "og:type",
@@ -24760,7 +24764,7 @@ var IkasPageHead = mobxReactLite.observer(function (_a) {
                 if (productDetail.selectedVariant.mainImage) {
                     ogpMetas.push({
                         property: "og:image",
-                        content: (_b = productDetail.selectedVariant.mainImage) === null || _b === void 0 ? void 0 : _b.src,
+                        content: (_c = productDetail.selectedVariant.mainImage) === null || _c === void 0 ? void 0 : _c.src,
                     });
                 }
             }
@@ -24929,6 +24933,7 @@ var IkasPage = mobxReactLite.observer(function (_a) {
     var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, addOgpMetas = _a.addOgpMetas;
     var store = IkasStorefrontConfig.store;
     var settings = React.useState(new IkasThemeSettings(JSON.parse(settingsStr)))[0];
+    var _b = React.useState(false), mounted = _b[0], setMounted = _b[1];
     if (page) {
         store.currentPageType = page.type;
     }
@@ -24938,15 +24943,17 @@ var IkasPage = mobxReactLite.observer(function (_a) {
         //@ts-ignore
         store.cartStore.getCart();
         store.checkLocalization();
+        setMounted(true);
     }, []);
     var headerComponentPropValue = propValues.find(function (pv) { return pv.component.isHeader; });
     var footerComponentPropValue = propValues.find(function (pv) { return pv.component.isFooter; });
     var others = propValues.filter(function (pv) { return !pv.component.isHeader && !pv.component.isFooter; }) || [];
+    var _pageStyle = __assign(__assign({}, pageStyle), { visibility: mounted ? "visible" : "hidden" });
     if (!page)
         return null;
     return (React.createElement(React.Fragment, null,
         React.createElement(IkasPageHead, { page: page, pageTitle: page.pageTitle, description: page.description, pageSpecificDataStr: pageSpecificDataStr, merchantSettings: merchantSettings, addOgpMetas: addOgpMetas }),
-        React.createElement("div", { style: pageStyle },
+        React.createElement("div", { style: _pageStyle },
             React.createElement("div", null,
                 headerComponentPropValue &&
                     renderComponent(headerComponentPropValue, settings, -1),
@@ -29619,7 +29626,7 @@ var style = {
     backgroundColor: "rgba(255, 0, 0, 0.5)",
 };
 
-var PACKAGE_VERSION = "0.0.133";
+var PACKAGE_VERSION = "0.0.138";
 var PageViewModel = /** @class */ (function () {
     function PageViewModel(router) {
         var _this = this;
@@ -30304,7 +30311,7 @@ var SettingsHelper = /** @class */ (function () {
     SettingsHelper.getSettings = function (locale) {
         var _this = this;
         return new Promise(function (resolve) { return __awaiter(_this, void 0, void 0, function () {
-            var isLocal, storefrontResponse, storefront, localTheme, settings, storefront_1, salesChannel_1, localizationMap, favicon_1, themeLocalizationPath, routing_1;
+            var isLocal, storefrontResponse, storefront, localTheme, settings, storefront_1, salesChannel_1, localizationMap, themeLocalizationPath, routing_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -30346,7 +30353,6 @@ var SettingsHelper = /** @class */ (function () {
                         storefront_1 = new IkasStorefront(settings.storefront);
                         salesChannel_1 = new IkasSalesChannel(settings.salesChannel);
                         localizationMap = settings.localizationMap;
-                        favicon_1 = settings.favicon;
                         themeLocalizationPath = localizationMap[locale];
                         routing_1 = storefront_1.routings.find(function (r) { return r.id === locale || r.path === locale; });
                         if (!themeLocalizationPath || !routing_1) {
@@ -30362,12 +30368,14 @@ var SettingsHelper = /** @class */ (function () {
                                 return resolve(null);
                             }
                             var result = file.length ? JSON.parse(file.toString()) : {};
+                            var themeLocalization = new IkasStorefrontThemeLocalization(result);
+                            var favicon = themeLocalization.themeJson.settings.favicon;
                             resolve({
                                 storefront: storefront_1,
-                                themeLocalization: new IkasStorefrontThemeLocalization(result),
+                                themeLocalization: themeLocalization,
                                 salesChannel: salesChannel_1,
                                 routing: routing_1,
-                                favicon: favicon_1,
+                                favicon: favicon,
                             });
                         });
                         _a.label = 5;

package/package.json

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