@ikas/storefront 0.0.25 → 0.0.26

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

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

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

@@ -4,6 +4,7 @@ import { IkasPageComponentPropValue } from "../../utils/index";
 declare type Props = {
     propValues: IkasPageComponentPropValue[];
     page?: IkasThemePage;
+    pageSpecificDataStr?: string;
 };
 export declare const IkasPage: React.FC<Props>;
 export {};

package/build/index.es.js

@@ -11704,6 +11704,17 @@ var IkasPageDataProvider = /** @class */ (function () {
         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");
+            if (vid_1) {
+                var variant = productDetail.product.variants.find(function (v) { return v.id === vid_1; });
+                if (variant) {
+                    productDetail.selectedVariantValues = variant.variantValues;
+                }
+            }
+        }
         pageComponentPropValue.propValues[prop.name] = new IkasProductDetail(productDetail.product, productDetail.selectedVariantValues, usePageData, router);
     };
     IkasPageDataProvider.initLinkPropValue = function (prop, propValue, pageComponentPropValue) {
@@ -18362,7 +18373,7 @@ var IkasCustomerAPI = /** @class */ (function () {
                     case 3:
                         err_5 = _b.sent();
                         console.log(err_5);
-                        return [3 /*break*/, 4];
+                        return [2 /*return*/, false];
                     case 4: return [2 /*return*/, true];
                 }
             });
@@ -22672,11 +22683,62 @@ var PolicyModal = observer(function (_a) {
 });
 
 var IkasPageHead = observer(function (_a) {
-    var pageTitle = _a.pageTitle, description = _a.description;
+    var page = _a.page, 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, pageTitle || ""),
-        createElement("meta", { name: "description", content: description || "" })));
-});
+        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) || "" }),
+        !!schema && (createElement("script", { type: "application/ld+json", dangerouslySetInnerHTML: {
+                __html: JSON.stringify(schema),
+            } }))));
+});
+function createProductSchema(pageSpecificDataStr) {
+    var _a;
+    var productDetailParsed = JSON.parse(pageSpecificDataStr);
+    var productDetail = new IkasProductDetail(productDetailParsed.product, productDetailParsed.selectedVariantValues);
+    return {
+        "@context": "https://schema.org/",
+        "@type": "Product",
+        name: productDetail.product.name,
+        image: productDetail.selectedVariant.images.map(function (i) { return i.src; }),
+        description: "Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height.",
+        sku: productDetail.selectedVariant.sku,
+        mpn: "925872",
+        brand: {
+            "@type": "Brand",
+            name: (_a = productDetail.product.brand) === null || _a === void 0 ? void 0 : _a.name,
+        },
+        review: {
+            "@type": "Review",
+            reviewRating: {
+                "@type": "Rating",
+                ratingValue: "4",
+                bestRating: "5",
+            },
+            author: {
+                "@type": "Person",
+                name: "Fred Benson",
+            },
+        },
+        aggregateRating: {
+            "@type": "AggregateRating",
+            ratingValue: "4.4",
+            reviewCount: "89",
+        },
+        offers: {
+            "@type": "Offer",
+            url: "https://example.com/anvil",
+            priceCurrency: productDetail.selectedVariant.price.currency,
+            price: productDetail.selectedVariant.price.finalPrice,
+            priceValidUntil: "2020-11-20",
+            itemCondition: "https://schema.org/UsedCondition",
+            availability: "https://schema.org/InStock",
+        },
+    };
+}
 
 var IkasCheckoutPage = observer(function (_a) {
     var _b, _c, _d;
@@ -22836,7 +22898,7 @@ var ThemeComponent = observer(function (_a) {
 
 var IkasPage = observer(function (_a) {
     var _b, _c;
-    var propValues = _a.propValues, page = _a.page;
+    var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr;
     var renderComponent = function (pageComponent, index) {
         var pageComponentPropValue = propValues.find(function (pv) { return pv.pageComponent.id === pageComponent.id; });
         return (createElement(ThemeComponent, { key: pageComponent.id, index: index, pageComponentPropValue: pageComponentPropValue, pageComponent: pageComponent }));
@@ -22849,7 +22911,7 @@ var IkasPage = observer(function (_a) {
     if (!page)
         return null;
     return (createElement(Fragment, null,
-        createElement(IkasPageHead, { pageTitle: page.pageTitle, description: page.description }),
+        createElement(IkasPageHead, { page: page, pageSpecificDataStr: pageSpecificDataStr }),
         createElement("div", { style: pageStyle },
             createElement("div", null,
                 headerComponent && renderComponent(headerComponent, -1),
@@ -23347,7 +23409,7 @@ var Page$1 = function (_a) {
         return IkasPageDataProvider.initPropValues(propValuesStr, router);
     });
     handleGTM(page, pageSpecificDataStr);
-    return createElement(IkasPage, { page: page, propValues: propValues.get() });
+    return (createElement(IkasPage, { page: page, propValues: propValues.get(), 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

@@ -11717,6 +11717,17 @@ var IkasPageDataProvider = /** @class */ (function () {
         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");
+            if (vid_1) {
+                var variant = productDetail.product.variants.find(function (v) { return v.id === vid_1; });
+                if (variant) {
+                    productDetail.selectedVariantValues = variant.variantValues;
+                }
+            }
+        }
         pageComponentPropValue.propValues[prop.name] = new IkasProductDetail(productDetail.product, productDetail.selectedVariantValues, usePageData, router);
     };
     IkasPageDataProvider.initLinkPropValue = function (prop, propValue, pageComponentPropValue) {
@@ -18346,7 +18357,7 @@ var IkasCustomerAPI = /** @class */ (function () {
                     case 3:
                         err_5 = _b.sent();
                         console.log(err_5);
-                        return [3 /*break*/, 4];
+                        return [2 /*return*/, false];
                     case 4: return [2 /*return*/, true];
                 }
             });
@@ -22656,11 +22667,62 @@ var PolicyModal = mobxReactLite.observer(function (_a) {
 });
 
 var IkasPageHead = mobxReactLite.observer(function (_a) {
-    var pageTitle = _a.pageTitle, description = _a.description;
+    var page = _a.page, 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, pageTitle || ""),
-        React.createElement("meta", { name: "description", content: description || "" })));
-});
+        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) || "" }),
+        !!schema && (React.createElement("script", { type: "application/ld+json", dangerouslySetInnerHTML: {
+                __html: JSON.stringify(schema),
+            } }))));
+});
+function createProductSchema(pageSpecificDataStr) {
+    var _a;
+    var productDetailParsed = JSON.parse(pageSpecificDataStr);
+    var productDetail = new IkasProductDetail(productDetailParsed.product, productDetailParsed.selectedVariantValues);
+    return {
+        "@context": "https://schema.org/",
+        "@type": "Product",
+        name: productDetail.product.name,
+        image: productDetail.selectedVariant.images.map(function (i) { return i.src; }),
+        description: "Sleeker than ACME's Classic Anvil, the Executive Anvil is perfect for the business traveler looking for something to drop from a height.",
+        sku: productDetail.selectedVariant.sku,
+        mpn: "925872",
+        brand: {
+            "@type": "Brand",
+            name: (_a = productDetail.product.brand) === null || _a === void 0 ? void 0 : _a.name,
+        },
+        review: {
+            "@type": "Review",
+            reviewRating: {
+                "@type": "Rating",
+                ratingValue: "4",
+                bestRating: "5",
+            },
+            author: {
+                "@type": "Person",
+                name: "Fred Benson",
+            },
+        },
+        aggregateRating: {
+            "@type": "AggregateRating",
+            ratingValue: "4.4",
+            reviewCount: "89",
+        },
+        offers: {
+            "@type": "Offer",
+            url: "https://example.com/anvil",
+            priceCurrency: productDetail.selectedVariant.price.currency,
+            price: productDetail.selectedVariant.price.finalPrice,
+            priceValidUntil: "2020-11-20",
+            itemCondition: "https://schema.org/UsedCondition",
+            availability: "https://schema.org/InStock",
+        },
+    };
+}
 
 var IkasCheckoutPage = mobxReactLite.observer(function (_a) {
     var _b, _c, _d;
@@ -22820,7 +22882,7 @@ var ThemeComponent = mobxReactLite.observer(function (_a) {
 
 var IkasPage = mobxReactLite.observer(function (_a) {
     var _b, _c;
-    var propValues = _a.propValues, page = _a.page;
+    var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr;
     var renderComponent = function (pageComponent, index) {
         var pageComponentPropValue = propValues.find(function (pv) { return pv.pageComponent.id === pageComponent.id; });
         return (React.createElement(ThemeComponent, { key: pageComponent.id, index: index, pageComponentPropValue: pageComponentPropValue, pageComponent: pageComponent }));
@@ -22833,7 +22895,7 @@ var IkasPage = mobxReactLite.observer(function (_a) {
     if (!page)
         return null;
     return (React.createElement(React.Fragment, null,
-        React.createElement(IkasPageHead, { pageTitle: page.pageTitle, description: page.description }),
+        React.createElement(IkasPageHead, { page: page, pageSpecificDataStr: pageSpecificDataStr }),
         React.createElement("div", { style: pageStyle },
             React.createElement("div", null,
                 headerComponent && renderComponent(headerComponent, -1),
@@ -23331,7 +23393,7 @@ var Page$1 = function (_a) {
         return IkasPageDataProvider.initPropValues(propValuesStr, router$1);
     });
     handleGTM(page, pageSpecificDataStr);
-    return React.createElement(IkasPage, { page: page, propValues: propValues.get() });
+    return (React.createElement(IkasPage, { page: page, propValues: propValues.get(), pageSpecificDataStr: pageSpecificDataStr }));
 };
 var index$1 = mobxReactLite.observer(Page$1);
 var getStaticPaths = function (context) { return __awaiter(void 0, void 0, void 0, function () {

package/package.json

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