@ikas/storefront 0.0.168-alpha.6 → 0.0.168-alpha.7

package/build/index.es.js

@@ -41903,7 +41903,9 @@ var IkasPage = observer(function (_a) {
     var router = useRouter();
     var _b = useState(false), isBrowser = _b[0], setIsBrowser = _b[1];
     var settings = useState(new IkasThemeSettings(JSON.parse(settingsStr)))[0];
-    var _c = useState(IkasPageDataProvider.initPropValues(propValuesStr, router, settingsStr)), propValues = _c[0], setPropValues = _c[1];
+    var propValues = useMemo(function () {
+        return IkasPageDataProvider.initPropValues(propValuesStr, router, settingsStr);
+    }, [isBrowser, propValuesStr, pageType, settingsStr]);
     store.currentPageType = pageType;
     useEffect(function () {
         //@ts-ignore
@@ -41916,22 +41918,18 @@ var IkasPage = observer(function (_a) {
             setIsBrowser(typeof window !== "undefined");
         handleAnalytics(pageType, pageSpecificDataStr, store);
     }, [pageType, pageSpecificDataStr]);
-    useEffect(function () {
-        setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router, settingsStr, isBrowser));
-    }, [isBrowser, propValuesStr, pageType, settingsStr]);
-    var headerComponentPropValue = propValues.find(function (pv) { return pv.component.isHeader; });
-    var footerComponentPropValue = propValues.find(function (pv) { return pv.component.isFooter; });
-    var others = propValues.filter(function (pv) { return !pv.component.isHeader && !pv.component.isFooter; }) || [];
-    var pageStyle = {
-        position: "relative",
-        minHeight: "100vh",
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "space-between",
-    };
-    return (createElement(Fragment$1, null,
-        createElement(IkasPageHead, { pageType: pageType, pageTitle: pageTitle, pageDescription: pageDescription, pageSpecificDataStr: pageSpecificDataStr, merchantSettingsStr: merchantSettingsStr, addOgpMetas: addOgpMetas }),
-        createElement("div", { style: pageStyle },
+    var renderedComponents = useMemo(function () {
+        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 = {
+            position: "relative",
+            minHeight: "100vh",
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "space-between",
+        };
+        return (createElement("div", { style: pageStyle },
             createElement("div", null,
                 headerComponentPropValue &&
                     renderComponent(headerComponentPropValue, settings, -1),
@@ -41939,7 +41937,11 @@ var IkasPage = observer(function (_a) {
                     return renderComponent(pageComponentPropValue, settings, index);
                 })),
             footerComponentPropValue &&
-                renderComponent(footerComponentPropValue, settings, -1))));
+                renderComponent(footerComponentPropValue, settings, -1)));
+    }, [propValues, settings]);
+    return (createElement(Fragment$1, null,
+        createElement(IkasPageHead, { pageType: pageType, pageTitle: pageTitle, pageDescription: pageDescription, pageSpecificDataStr: pageSpecificDataStr, merchantSettingsStr: merchantSettingsStr, addOgpMetas: addOgpMetas }),
+        renderedComponents));
 });
 var renderComponent = function (pageComponentPropValue, settings, index) {
     return (createElement(ThemeComponent, { key: pageComponentPropValue.pageComponent.id, index: index, pageComponentPropValue: pageComponentPropValue, settings: settings }));

package/build/index.js

@@ -41883,7 +41883,9 @@ var IkasPage = mobxReactLite.observer(function (_a) {
     var router$1 = router.useRouter();
     var _b = React.useState(false), isBrowser = _b[0], setIsBrowser = _b[1];
     var settings = React.useState(new IkasThemeSettings(JSON.parse(settingsStr)))[0];
-    var _c = React.useState(IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr)), propValues = _c[0], setPropValues = _c[1];
+    var propValues = React.useMemo(function () {
+        return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
+    }, [isBrowser, propValuesStr, pageType, settingsStr]);
     store.currentPageType = pageType;
     React.useEffect(function () {
         //@ts-ignore
@@ -41896,22 +41898,18 @@ var IkasPage = mobxReactLite.observer(function (_a) {
             setIsBrowser(typeof window !== "undefined");
         handleAnalytics(pageType, pageSpecificDataStr, store);
     }, [pageType, pageSpecificDataStr]);
-    React.useEffect(function () {
-        setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr, isBrowser));
-    }, [isBrowser, propValuesStr, pageType, settingsStr]);
-    var headerComponentPropValue = propValues.find(function (pv) { return pv.component.isHeader; });
-    var footerComponentPropValue = propValues.find(function (pv) { return pv.component.isFooter; });
-    var others = propValues.filter(function (pv) { return !pv.component.isHeader && !pv.component.isFooter; }) || [];
-    var pageStyle = {
-        position: "relative",
-        minHeight: "100vh",
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "space-between",
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(IkasPageHead, { pageType: pageType, pageTitle: pageTitle, pageDescription: pageDescription, pageSpecificDataStr: pageSpecificDataStr, merchantSettingsStr: merchantSettingsStr, addOgpMetas: addOgpMetas }),
-        React.createElement("div", { style: pageStyle },
+    var renderedComponents = React.useMemo(function () {
+        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 = {
+            position: "relative",
+            minHeight: "100vh",
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "space-between",
+        };
+        return (React.createElement("div", { style: pageStyle },
             React.createElement("div", null,
                 headerComponentPropValue &&
                     renderComponent(headerComponentPropValue, settings, -1),
@@ -41919,7 +41917,11 @@ var IkasPage = mobxReactLite.observer(function (_a) {
                     return renderComponent(pageComponentPropValue, settings, index);
                 })),
             footerComponentPropValue &&
-                renderComponent(footerComponentPropValue, settings, -1))));
+                renderComponent(footerComponentPropValue, settings, -1)));
+    }, [propValues, settings]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(IkasPageHead, { pageType: pageType, pageTitle: pageTitle, pageDescription: pageDescription, pageSpecificDataStr: pageSpecificDataStr, merchantSettingsStr: merchantSettingsStr, addOgpMetas: addOgpMetas }),
+        renderedComponents));
 });
 var renderComponent = function (pageComponentPropValue, settings, index) {
     return (React.createElement(ThemeComponent, { key: pageComponentPropValue.pageComponent.id, index: index, pageComponentPropValue: pageComponentPropValue, settings: settings }));

package/package.json

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