@ikas/storefront 0.0.26 → 0.0.28

package/build/components/page/head.d.ts

@@ -2,6 +2,8 @@ import * as React from "react";
 import { IkasThemePage } from "../../models/index";
 declare type Props = {
     page?: IkasThemePage;
+    pageTitle?: string | null;
+    description?: string | null;
     pageSpecificDataStr?: string;
 };
 export declare const IkasPageHead: React.FC<Props>;

package/build/index.es.js

@@ -11634,7 +11634,7 @@ var IkasPageDataProvider = /** @class */ (function () {
     IkasPageDataProvider.isServer = function () {
         return typeof window === "undefined";
     };
-    IkasPageDataProvider.initPropValues = function (propValuesStr, router) {
+    IkasPageDataProvider.initPropValues = function (propValuesStr, router, isBrowser) {
         var pageComponentPropValues = JSON.parse(propValuesStr).map(function (v) { return ({
             pageComponent: new IkasThemePageComponent(v.pageComponent),
             component: new IkasThemeComponent(v.component),
@@ -11669,7 +11669,7 @@ var IkasPageDataProvider = /** @class */ (function () {
                         IkasPageDataProvider.initProductListPropValue(prop, propValue, pageComponentPropValue);
                         break;
                     case IkasThemeComponentPropType.PRODUCT_DETAIL:
-                        IkasPageDataProvider.initProductDetailPropValue(prop, propValue, pageComponentPropValue, router);
+                        IkasPageDataProvider.initProductDetailPropValue(prop, propValue, pageComponentPropValue, router, isBrowser);
                         break;
                     case IkasThemeComponentPropType.LINK:
                     case IkasThemeComponentPropType.LIST_OF_LINK:
@@ -11700,11 +11700,10 @@ var IkasPageDataProvider = /** @class */ (function () {
         var productList = new IkasProductList(propValue);
         pageComponentPropValue.propValues[prop.name] = productList;
     };
-    IkasPageDataProvider.initProductDetailPropValue = function (prop, propValue, pageComponentPropValue, router) {
+    IkasPageDataProvider.initProductDetailPropValue = function (prop, propValue, pageComponentPropValue, router, isBrowser) {
         var usePageData = propValue.usePageData;
         var _propValue = propValue;
         var productDetail = new IkasProductDetail(_propValue.product, _propValue.selectedVariantValues);
-        var isBrowser = typeof window !== "undefined";
         if (isBrowser) {
             var urlParams = new URLSearchParams(window.location.search);
             var vid_1 = urlParams.get("vid");
@@ -13661,7 +13660,7 @@ var IkasProductDetail = /** @class */ (function () {
         var newUrl = "/" + metaData.slug + "-" + this.selectedVariantValues
             .map(function (vv) { return vv.slug; })
             .join("-");
-        (_a = this.router) === null || _a === void 0 ? void 0 : _a.replace(newUrl);
+        (_a = this.router) === null || _a === void 0 ? void 0 : _a.replace(newUrl, undefined, { shallow: true });
     };
     return IkasProductDetail;
 }());
@@ -22683,14 +22682,14 @@ var PolicyModal = observer(function (_a) {
 });
 
 var IkasPageHead = observer(function (_a) {
-    var page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr;
+    var page = _a.page, pageTitle = _a.pageTitle, description = _a.description, pageSpecificDataStr = _a.pageSpecificDataStr;
     var schema;
     if (pageSpecificDataStr && (page === null || page === void 0 ? void 0 : page.type) === IkasThemePageType.PRODUCT) {
         schema = createProductSchema(pageSpecificDataStr);
     }
     return (createElement(Head, null,
-        createElement("title", null, (page === null || page === void 0 ? void 0 : page.pageTitle) || ""),
-        createElement("meta", { name: "description", content: (page === null || page === void 0 ? void 0 : page.description) || "" }),
+        createElement("title", null, pageTitle || ""),
+        createElement("meta", { name: "description", content: description || "" }),
         !!schema && (createElement("script", { type: "application/ld+json", dangerouslySetInnerHTML: {
                 __html: JSON.stringify(schema),
             } }))));
@@ -22699,6 +22698,17 @@ function createProductSchema(pageSpecificDataStr) {
     var _a;
     var productDetailParsed = JSON.parse(pageSpecificDataStr);
     var productDetail = new IkasProductDetail(productDetailParsed.product, productDetailParsed.selectedVariantValues);
+    var isBrowser = typeof window !== undefined;
+    if (isBrowser) {
+        var urlParams = new URLSearchParams(window.location.search);
+        var vid_1 = urlParams.get("vid");
+        if (vid_1) {
+            var variant = productDetail.product.variants.find(function (v) { return v.id === vid_1; });
+            if (variant) {
+                productDetail.selectedVariantValues = variant.variantValues;
+            }
+        }
+    }
     return {
         "@context": "https://schema.org/",
         "@type": "Product",
@@ -22911,7 +22921,7 @@ var IkasPage = observer(function (_a) {
     if (!page)
         return null;
     return (createElement(Fragment, null,
-        createElement(IkasPageHead, { page: page, pageSpecificDataStr: pageSpecificDataStr }),
+        createElement(IkasPageHead, { page: page, pageTitle: page.pageTitle, description: page.description, pageSpecificDataStr: pageSpecificDataStr }),
         createElement("div", { style: pageStyle },
             createElement("div", null,
                 headerComponent && renderComponent(headerComponent, -1),
@@ -23405,11 +23415,16 @@ var home = /*#__PURE__*/Object.freeze({
 var Page$1 = function (_a) {
     var page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, propValuesStr = _a.propValuesStr;
     var router = useRouter();
-    var propValues = computed(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router);
-    });
+    var _b = useState(false), isBrowser = _b[0], setIsBrowser = _b[1];
+    var _c = useState(IkasPageDataProvider.initPropValues(propValuesStr, router)), propValues = _c[0], setPropValues = _c[1];
+    useEffect(function () {
+        setIsBrowser(typeof window !== "undefined");
+    }, []);
+    useEffect(function () {
+        setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router, isBrowser));
+    }, [isBrowser]);
     handleGTM(page, pageSpecificDataStr);
-    return (createElement(IkasPage, { page: page, propValues: propValues.get(), pageSpecificDataStr: pageSpecificDataStr }));
+    return (createElement(IkasPage, { page: page, propValues: propValues, pageSpecificDataStr: pageSpecificDataStr }));
 };
 var index$1 = observer(Page$1);
 var getStaticPaths = function (context) { return __awaiter(void 0, void 0, void 0, function () {

package/build/index.js

@@ -11647,7 +11647,7 @@ var IkasPageDataProvider = /** @class */ (function () {
     IkasPageDataProvider.isServer = function () {
         return typeof window === "undefined";
     };
-    IkasPageDataProvider.initPropValues = function (propValuesStr, router) {
+    IkasPageDataProvider.initPropValues = function (propValuesStr, router, isBrowser) {
         var pageComponentPropValues = JSON.parse(propValuesStr).map(function (v) { return ({
             pageComponent: new IkasThemePageComponent(v.pageComponent),
             component: new IkasThemeComponent(v.component),
@@ -11682,7 +11682,7 @@ var IkasPageDataProvider = /** @class */ (function () {
                         IkasPageDataProvider.initProductListPropValue(prop, propValue, pageComponentPropValue);
                         break;
                     case exports.IkasThemeComponentPropType.PRODUCT_DETAIL:
-                        IkasPageDataProvider.initProductDetailPropValue(prop, propValue, pageComponentPropValue, router);
+                        IkasPageDataProvider.initProductDetailPropValue(prop, propValue, pageComponentPropValue, router, isBrowser);
                         break;
                     case exports.IkasThemeComponentPropType.LINK:
                     case exports.IkasThemeComponentPropType.LIST_OF_LINK:
@@ -11713,11 +11713,10 @@ var IkasPageDataProvider = /** @class */ (function () {
         var productList = new IkasProductList(propValue);
         pageComponentPropValue.propValues[prop.name] = productList;
     };
-    IkasPageDataProvider.initProductDetailPropValue = function (prop, propValue, pageComponentPropValue, router) {
+    IkasPageDataProvider.initProductDetailPropValue = function (prop, propValue, pageComponentPropValue, router, isBrowser) {
         var usePageData = propValue.usePageData;
         var _propValue = propValue;
         var productDetail = new IkasProductDetail(_propValue.product, _propValue.selectedVariantValues);
-        var isBrowser = typeof window !== "undefined";
         if (isBrowser) {
             var urlParams = new URLSearchParams(window.location.search);
             var vid_1 = urlParams.get("vid");
@@ -13647,7 +13646,7 @@ var IkasProductDetail = /** @class */ (function () {
         var newUrl = "/" + metaData.slug + "-" + this.selectedVariantValues
             .map(function (vv) { return vv.slug; })
             .join("-");
-        (_a = this.router) === null || _a === void 0 ? void 0 : _a.replace(newUrl);
+        (_a = this.router) === null || _a === void 0 ? void 0 : _a.replace(newUrl, undefined, { shallow: true });
     };
     return IkasProductDetail;
 }());
@@ -22667,14 +22666,14 @@ var PolicyModal = mobxReactLite.observer(function (_a) {
 });
 
 var IkasPageHead = mobxReactLite.observer(function (_a) {
-    var page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr;
+    var page = _a.page, pageTitle = _a.pageTitle, description = _a.description, pageSpecificDataStr = _a.pageSpecificDataStr;
     var schema;
     if (pageSpecificDataStr && (page === null || page === void 0 ? void 0 : page.type) === exports.IkasThemePageType.PRODUCT) {
         schema = createProductSchema(pageSpecificDataStr);
     }
     return (React.createElement(Head__default['default'], null,
-        React.createElement("title", null, (page === null || page === void 0 ? void 0 : page.pageTitle) || ""),
-        React.createElement("meta", { name: "description", content: (page === null || page === void 0 ? void 0 : page.description) || "" }),
+        React.createElement("title", null, pageTitle || ""),
+        React.createElement("meta", { name: "description", content: description || "" }),
         !!schema && (React.createElement("script", { type: "application/ld+json", dangerouslySetInnerHTML: {
                 __html: JSON.stringify(schema),
             } }))));
@@ -22683,6 +22682,17 @@ function createProductSchema(pageSpecificDataStr) {
     var _a;
     var productDetailParsed = JSON.parse(pageSpecificDataStr);
     var productDetail = new IkasProductDetail(productDetailParsed.product, productDetailParsed.selectedVariantValues);
+    var isBrowser = typeof window !== undefined;
+    if (isBrowser) {
+        var urlParams = new URLSearchParams(window.location.search);
+        var vid_1 = urlParams.get("vid");
+        if (vid_1) {
+            var variant = productDetail.product.variants.find(function (v) { return v.id === vid_1; });
+            if (variant) {
+                productDetail.selectedVariantValues = variant.variantValues;
+            }
+        }
+    }
     return {
         "@context": "https://schema.org/",
         "@type": "Product",
@@ -22895,7 +22905,7 @@ var IkasPage = mobxReactLite.observer(function (_a) {
     if (!page)
         return null;
     return (React.createElement(React.Fragment, null,
-        React.createElement(IkasPageHead, { page: page, pageSpecificDataStr: pageSpecificDataStr }),
+        React.createElement(IkasPageHead, { page: page, pageTitle: page.pageTitle, description: page.description, pageSpecificDataStr: pageSpecificDataStr }),
         React.createElement("div", { style: pageStyle },
             React.createElement("div", null,
                 headerComponent && renderComponent(headerComponent, -1),
@@ -23389,11 +23399,16 @@ var home = /*#__PURE__*/Object.freeze({
 var Page$1 = function (_a) {
     var page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, propValuesStr = _a.propValuesStr;
     var router$1 = router.useRouter();
-    var propValues = mobx.computed(function () {
-        return IkasPageDataProvider.initPropValues(propValuesStr, router$1);
-    });
+    var _b = React.useState(false), isBrowser = _b[0], setIsBrowser = _b[1];
+    var _c = React.useState(IkasPageDataProvider.initPropValues(propValuesStr, router$1)), propValues = _c[0], setPropValues = _c[1];
+    React.useEffect(function () {
+        setIsBrowser(typeof window !== "undefined");
+    }, []);
+    React.useEffect(function () {
+        setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router$1, isBrowser));
+    }, [isBrowser]);
     handleGTM(page, pageSpecificDataStr);
-    return (React.createElement(IkasPage, { page: page, propValues: propValues.get(), pageSpecificDataStr: pageSpecificDataStr }));
+    return (React.createElement(IkasPage, { page: page, propValues: propValues, pageSpecificDataStr: pageSpecificDataStr }));
 };
 var index$1 = mobxReactLite.observer(Page$1);
 var getStaticPaths = function (context) { return __awaiter(void 0, void 0, void 0, function () {

package/build/utils/providers/page-data.d.ts

@@ -22,13 +22,13 @@ export declare class IkasPageDataProvider {
     getPageComponentPropValue(pageComponent: IkasThemePageComponent, prop: IkasThemeComponentProp): Promise<any>;
     private setPageMetaData;
     static isServer(): boolean;
-    static initPropValues(propValuesStr: string, router: NextRouter): IkasPageComponentPropValue[];
+    static initPropValues(propValuesStr: string, router: NextRouter, isBrowser?: boolean): IkasPageComponentPropValue[];
     static initBrandPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
     static initBrandListPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
     static initCategoryPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
     static initCategoryListPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
     static initProductListPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
-    static initProductDetailPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue, router: NextRouter): void;
+    static initProductDetailPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue, router: NextRouter, isBrowser?: boolean): void;
     static initLinkPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
     static initImagePropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;
     static initImageListPropValue(prop: IkasThemeComponentProp, propValue: any, pageComponentPropValue: IkasPageComponentPropValue): void;

package/package.json

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