@ikas/storefront 0.0.45 → 0.0.47

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

@@ -5,6 +5,7 @@ declare type Props = {
     pageTitle?: string | null;
     description?: string | null;
     pageSpecificDataStr?: string;
+    merchantSettings?: string;
 };
 export declare const IkasPageHead: React.FC<Props>;
 export {};

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

@@ -6,6 +6,7 @@ declare type Props = {
     page?: IkasThemePage;
     pageSpecificDataStr?: string;
     settingsStr: string;
+    merchantSettings?: string;
 };
 export declare const IkasPage: React.FC<Props>;
 export {};

package/build/index.es.js

@@ -11055,6 +11055,8 @@ var IkasBrandPropValueProvider = /** @class */ (function () {
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 3, , 4]);
+                        if (!this.brandPropValue.brandId)
+                            return [2 /*return*/, new IkasBrand({})];
                         return [4 /*yield*/, IkasBrandAPI.listBrands({
                                 idList: [this.brandPropValue.brandId],
                             })];
@@ -11734,6 +11736,34 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
     return IkasCustomPropValueProvider;
 }());
 
+var stringToSlug = function (str) {
+    str = str.replace(/^\s+|\s+$/g, ""); // trim
+    str = str.toLocaleLowerCase("tr-TR");
+    // remove accents, swap ñ for n, etc
+    var from = "àáäâèéëêìíïîıòóöôùúüûñçşğ·/_,:;";
+    var to = "aaaaeeeeiiiiioooouuuuncsg------";
+    for (var i = 0, l = from.length; i < l; i++) {
+        str = str.replace(new RegExp(from.charAt(i), "g"), to.charAt(i));
+    }
+    str = str
+        .replace(/[^a-z0-9 -]/g, "") // remove invalid chars
+        .replace(/\s+/g, "-") // collapse whitespace and replace by -
+        .replace(/-+/g, "-"); // collapse dashes
+    return str;
+};
+var validatePhoneNumber = function (str) {
+    var regex = /^\+?\d+$/;
+    return regex.test(str);
+};
+var pascalCase = function (str) {
+    var lower = str.toLocaleLowerCase("tr-TR");
+    return lower.charAt(0).toLocaleUpperCase("tr-TR") + lower.slice(1);
+};
+var decodeBase64 = function (base64) {
+    var buffer = Buffer.from(base64, "base64");
+    return buffer.toString("ascii");
+};
+
 var IkasPageDataProvider = /** @class */ (function () {
     function IkasPageDataProvider(theme, pageParams, pageType) {
         this.pageType = null;
@@ -11764,6 +11794,7 @@ var IkasPageDataProvider = /** @class */ (function () {
                     propValuesStr: JSON.stringify(this.pageComponentPropValues),
                     page: toJS(this.page) || null,
                     settingsStr: JSON.stringify(this.theme.settings || {}),
+                    merchantSettings: JSON.stringify(this.merchantSettings),
                 },
             };
         },
@@ -11783,7 +11814,7 @@ var IkasPageDataProvider = /** @class */ (function () {
     });
     IkasPageDataProvider.prototype.getPageData = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var _a;
+            var merchantId, merchantSettingsResponse, _a;
             var _this = this;
             return __generator(this, function (_b) {
                 switch (_b.label) {
@@ -11796,11 +11827,18 @@ var IkasPageDataProvider = /** @class */ (function () {
                     case 2:
                         if (!this.page)
                             return [2 /*return*/];
+                        merchantId = decodeBase64(IkasStorefrontConfig.config.apiKey || "");
+                        return [4 /*yield*/, IkasMerchantAPI.listMerchantSettings(merchantId)];
+                    case 3:
+                        merchantSettingsResponse = _b.sent();
+                        if (merchantSettingsResponse) {
+                            this.merchantSettings = merchantSettingsResponse;
+                        }
                         _a = this;
                         return [4 /*yield*/, Promise.all(this.page.components.map(function (pageComponent) {
                                 return _this.getPageComponentPropValues(pageComponent);
                             }))];
-                    case 3:
+                    case 4:
                         _a.pageComponentPropValues = _b.sent();
                         return [2 /*return*/];
                 }
@@ -12262,34 +12300,6 @@ var IkasPageComponentPropValue = /** @class */ (function () {
     return IkasPageComponentPropValue;
 }());
 
-var stringToSlug = function (str) {
-    str = str.replace(/^\s+|\s+$/g, ""); // trim
-    str = str.toLocaleLowerCase("tr-TR");
-    // remove accents, swap ñ for n, etc
-    var from = "àáäâèéëêìíïîıòóöôùúüûñçşğ·/_,:;";
-    var to = "aaaaeeeeiiiiioooouuuuncsg------";
-    for (var i = 0, l = from.length; i < l; i++) {
-        str = str.replace(new RegExp(from.charAt(i), "g"), to.charAt(i));
-    }
-    str = str
-        .replace(/[^a-z0-9 -]/g, "") // remove invalid chars
-        .replace(/\s+/g, "-") // collapse whitespace and replace by -
-        .replace(/-+/g, "-"); // collapse dashes
-    return str;
-};
-var validatePhoneNumber = function (str) {
-    var regex = /^\+?\d+$/;
-    return regex.test(str);
-};
-var pascalCase = function (str) {
-    var lower = str.toLocaleLowerCase("tr-TR");
-    return lower.charAt(0).toLocaleUpperCase("tr-TR") + lower.slice(1);
-};
-var decodeBase64 = function (base64) {
-    var buffer = Buffer.from(base64, "base64");
-    return buffer.toString("ascii");
-};
-
 var formatMoney = function (price, currency) {
     var locale = typeof navigator !== "undefined"
         ? navigator.languages
@@ -12316,10 +12326,7 @@ var IkasImage = /** @class */ (function () {
     });
     Object.defineProperty(IkasImage.prototype, "src", {
         get: function () {
-            if (this.id.includes("/"))
-                return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + this.id + "/1920/1920/img.webp";
-            var merchantId = decodeBase64(this.editorApiKey || IkasStorefrontConfig.config.apiKey || "");
-            return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + merchantId + "/" + this.id + "/1920/1920/img.webp";
+            return this.getSrc(1920);
         },
         enumerable: false,
         configurable: true
@@ -12334,6 +12341,12 @@ var IkasImage = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    IkasImage.prototype.getSrc = function (size) {
+        if (this.id.includes("/"))
+            return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + this.id + "/" + size + "/" + size + "/img.webp";
+        var merchantId = decodeBase64(this.editorApiKey || IkasStorefrontConfig.config.apiKey || "");
+        return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + merchantId + "/" + this.id + "/" + size + "/" + size + "/img.webp";
+    };
     return IkasImage;
 }());
 
@@ -24973,18 +24986,64 @@ var PolicyModal = observer(function (_a) {
 });
 
 var IkasPageHead = observer(function (_a) {
-    var page = _a.page, pageTitle = _a.pageTitle, description = _a.description, pageSpecificDataStr = _a.pageSpecificDataStr;
-    var schema;
+    var page = _a.page, pageTitle = _a.pageTitle, description = _a.description, pageSpecificDataStr = _a.pageSpecificDataStr, props = __rest(_a, ["page", "pageTitle", "description", "pageSpecificDataStr"]);
+    var schemas = [];
+    if (props.merchantSettings) {
+        var merchantSettings = new IkasMerchantSettings(JSON.parse(props.merchantSettings));
+        var websiteSchema = createWebsiteSchema();
+        var storeSchema = createStoreSchema(merchantSettings);
+        schemas.push(websiteSchema);
+        schemas.push(storeSchema);
+    }
     if (pageSpecificDataStr && (page === null || page === void 0 ? void 0 : page.type) === IkasThemePageType.PRODUCT) {
-        schema = createProductSchema(pageSpecificDataStr);
+        var schema = createProductSchema(pageSpecificDataStr);
+        if (schema)
+            schemas.push(schema);
+    }
+    if (pageSpecificDataStr && (page === null || page === void 0 ? void 0 : page.type) === IkasThemePageType.CATEGORY) {
+        var categorySchema = createCategorySchema(pageSpecificDataStr);
+        if (categorySchema)
+            schemas.push(categorySchema);
+        // TODO
+        // const categoryBreadcrumbSchema = createCategoryBreadcrumbSchema(
+        //   pageSpecificDataStr
+        // );
+        // if (categoryBreadcrumbSchema) schemas.push(categoryBreadcrumbSchema);
     }
     return (createElement(Head, null,
         createElement("title", null, pageTitle || ""),
         createElement("meta", { name: "description", content: description || "" }),
-        !!schema && (createElement("script", { type: "application/ld+json", dangerouslySetInnerHTML: {
-                __html: JSON.stringify(schema),
-            } }))));
+        !!schemas.length &&
+            schemas.map(function (schema, index) { return (createElement("script", { key: index, type: "application/ld+json", dangerouslySetInnerHTML: {
+                    __html: JSON.stringify(schema),
+                } })); })));
 });
+function createWebsiteSchema(merchantSettings) {
+    var _a;
+    var hostname = "";
+    if (typeof window !== "undefined") {
+        hostname = (_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.hostname;
+    }
+    return {
+        "@context": "https://schema.org",
+        "@type": "Website",
+        url: "https://" + hostname,
+    };
+}
+function createStoreSchema(merchantSettings) {
+    var _a, _b;
+    var hostname = "";
+    if (typeof window !== "undefined") {
+        hostname = (_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.hostname;
+    }
+    return {
+        "@context": "https://schema.org",
+        "@type": "Store",
+        name: merchantSettings === null || merchantSettings === void 0 ? void 0 : merchantSettings.merchantName,
+        logo: (_b = merchantSettings === null || merchantSettings === void 0 ? void 0 : merchantSettings.logo) === null || _b === void 0 ? void 0 : _b.src,
+        url: "https://" + hostname,
+    };
+}
 function createProductSchema(pageSpecificDataStr) {
     var _a;
     try {
@@ -25029,7 +25088,43 @@ function createProductSchema(pageSpecificDataStr) {
         };
     }
     catch (err) { }
-}
+}
+function createCategorySchema(pageSpecificDataStr) {
+    var _a, _b, _c;
+    try {
+        var categoryParsed = JSON.parse(pageSpecificDataStr);
+        var category = new IkasCategory(categoryParsed);
+        return {
+            "@context": "http://schema.org",
+            "@type": "CollectionPage",
+            url: "https://" + window.location.hostname + category.href,
+            name: (_a = category.metaData) === null || _a === void 0 ? void 0 : _a.pageTitle,
+            description: (_b = category.metaData) === null || _b === void 0 ? void 0 : _b.description,
+            image: (_c = category.image) === null || _c === void 0 ? void 0 : _c.src,
+        };
+    }
+    catch (_d) { }
+}
+// TODO - Waiting for CategoryParentTree feature
+// https://app.clubhouse.io/ikas/story/256/schema-org-json-lar%C4%B1n%C4%B1n-t%C3%BCm-kategori-sayfalar%C4%B1na-yerle%C5%9Ftirilmesini-istiyorum
+// function createCategoryBreadcrumbSchema(pageSpecificDataStr: string) {
+//   try {
+//     const categoryParsed = JSON.parse(pageSpecificDataStr) as IkasCategory;
+//     const category = new IkasCategory(categoryParsed);
+//     return {
+//       "@context": "http://schema.org",
+//       "@type": "BreadcrumbList",
+//       "itemListElement": [
+//         {
+//           "@type": "ListItem",
+//           "position": 1,
+//           "name": "category.name",
+//           "item": "https://" + window.location.hostname + "category.href"
+//         }
+//       ]
+//     };
+//   } catch {}
+// }
 
 var IkasCheckoutPage = observer(function (_a) {
     var _b, _c, _d;
@@ -25195,7 +25290,7 @@ var ThemeComponent = observer(function (_a) {
 
 var IkasPage = observer(function (_a) {
     var _b, _c;
-    var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr;
+    var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings;
     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, settingsStr: settingsStr }));
@@ -25208,7 +25303,7 @@ var IkasPage = observer(function (_a) {
     if (!page)
         return null;
     return (createElement(Fragment, null,
-        createElement(IkasPageHead, { page: page, pageTitle: page.pageTitle, description: page.description, pageSpecificDataStr: pageSpecificDataStr }),
+        createElement(IkasPageHead, { page: page, pageTitle: page.pageTitle, description: page.description, pageSpecificDataStr: pageSpecificDataStr, merchantSettings: merchantSettings }),
         createElement("div", { style: pageStyle },
             createElement("div", null,
                 headerComponent && renderComponent(headerComponent, -1),
@@ -25694,10 +25789,10 @@ var index = /*#__PURE__*/Object.freeze({
 });
 
 var Page = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings;
     var router = useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
-    return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
+    return (createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -25722,7 +25817,7 @@ var home = /*#__PURE__*/Object.freeze({
 });
 
 var Page$1 = function (_a) {
-    var page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
+    var page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings;
     var router = useRouter();
     var _b = useState(false), isBrowser = _b[0], setIsBrowser = _b[1];
     var _c = useState(IkasPageDataProvider.initPropValues(propValuesStr, router)), propValues = _c[0], setPropValues = _c[1];
@@ -25733,7 +25828,7 @@ var Page$1 = function (_a) {
         setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router, isBrowser));
     }, [isBrowser, propValuesStr]);
     handleGTM(page, pageSpecificDataStr);
-    return (createElement(IkasPage, { page: page, propValues: propValues, pageSpecificDataStr: pageSpecificDataStr, settingsStr: settingsStr }));
+    return (createElement(IkasPage, { page: page, propValues: propValues, pageSpecificDataStr: pageSpecificDataStr, settingsStr: settingsStr, merchantSettings: merchantSettings }));
 };
 var index$1 = observer(Page$1);
 var getStaticPaths = function (context) { return __awaiter(void 0, void 0, void 0, function () {
@@ -26049,10 +26144,10 @@ var _id_$2 = /*#__PURE__*/Object.freeze({
 });
 
 var Page$7 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings;
     var router = useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
-    return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
+    return (createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$6 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -26077,10 +26172,10 @@ var login = /*#__PURE__*/Object.freeze({
 });
 
 var Page$8 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings;
     var router = useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
-    return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
+    return (createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$7 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -26105,10 +26200,10 @@ var register = /*#__PURE__*/Object.freeze({
 });
 
 var Page$9 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings;
     var router = useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
-    return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
+    return (createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$8 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -26133,10 +26228,10 @@ var forgotPassword = /*#__PURE__*/Object.freeze({
 });
 
 var Page$a = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings;
     var router = useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router);
-    return (createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
+    return (createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$9 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;

package/build/index.js

@@ -11067,6 +11067,8 @@ var IkasBrandPropValueProvider = /** @class */ (function () {
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 3, , 4]);
+                        if (!this.brandPropValue.brandId)
+                            return [2 /*return*/, new IkasBrand({})];
                         return [4 /*yield*/, IkasBrandAPI.listBrands({
                                 idList: [this.brandPropValue.brandId],
                             })];
@@ -11746,6 +11748,34 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
     return IkasCustomPropValueProvider;
 }());
 
+var stringToSlug = function (str) {
+    str = str.replace(/^\s+|\s+$/g, ""); // trim
+    str = str.toLocaleLowerCase("tr-TR");
+    // remove accents, swap ñ for n, etc
+    var from = "àáäâèéëêìíïîıòóöôùúüûñçşğ·/_,:;";
+    var to = "aaaaeeeeiiiiioooouuuuncsg------";
+    for (var i = 0, l = from.length; i < l; i++) {
+        str = str.replace(new RegExp(from.charAt(i), "g"), to.charAt(i));
+    }
+    str = str
+        .replace(/[^a-z0-9 -]/g, "") // remove invalid chars
+        .replace(/\s+/g, "-") // collapse whitespace and replace by -
+        .replace(/-+/g, "-"); // collapse dashes
+    return str;
+};
+var validatePhoneNumber = function (str) {
+    var regex = /^\+?\d+$/;
+    return regex.test(str);
+};
+var pascalCase = function (str) {
+    var lower = str.toLocaleLowerCase("tr-TR");
+    return lower.charAt(0).toLocaleUpperCase("tr-TR") + lower.slice(1);
+};
+var decodeBase64 = function (base64) {
+    var buffer = Buffer.from(base64, "base64");
+    return buffer.toString("ascii");
+};
+
 var IkasPageDataProvider = /** @class */ (function () {
     function IkasPageDataProvider(theme, pageParams, pageType) {
         this.pageType = null;
@@ -11776,6 +11806,7 @@ var IkasPageDataProvider = /** @class */ (function () {
                     propValuesStr: JSON.stringify(this.pageComponentPropValues),
                     page: mobx.toJS(this.page) || null,
                     settingsStr: JSON.stringify(this.theme.settings || {}),
+                    merchantSettings: JSON.stringify(this.merchantSettings),
                 },
             };
         },
@@ -11795,7 +11826,7 @@ var IkasPageDataProvider = /** @class */ (function () {
     });
     IkasPageDataProvider.prototype.getPageData = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var _a;
+            var merchantId, merchantSettingsResponse, _a;
             var _this = this;
             return __generator(this, function (_b) {
                 switch (_b.label) {
@@ -11808,11 +11839,18 @@ var IkasPageDataProvider = /** @class */ (function () {
                     case 2:
                         if (!this.page)
                             return [2 /*return*/];
+                        merchantId = decodeBase64(IkasStorefrontConfig.config.apiKey || "");
+                        return [4 /*yield*/, IkasMerchantAPI.listMerchantSettings(merchantId)];
+                    case 3:
+                        merchantSettingsResponse = _b.sent();
+                        if (merchantSettingsResponse) {
+                            this.merchantSettings = merchantSettingsResponse;
+                        }
                         _a = this;
                         return [4 /*yield*/, Promise.all(this.page.components.map(function (pageComponent) {
                                 return _this.getPageComponentPropValues(pageComponent);
                             }))];
-                    case 3:
+                    case 4:
                         _a.pageComponentPropValues = _b.sent();
                         return [2 /*return*/];
                 }
@@ -12274,34 +12312,6 @@ var IkasPageComponentPropValue = /** @class */ (function () {
     return IkasPageComponentPropValue;
 }());
 
-var stringToSlug = function (str) {
-    str = str.replace(/^\s+|\s+$/g, ""); // trim
-    str = str.toLocaleLowerCase("tr-TR");
-    // remove accents, swap ñ for n, etc
-    var from = "àáäâèéëêìíïîıòóöôùúüûñçşğ·/_,:;";
-    var to = "aaaaeeeeiiiiioooouuuuncsg------";
-    for (var i = 0, l = from.length; i < l; i++) {
-        str = str.replace(new RegExp(from.charAt(i), "g"), to.charAt(i));
-    }
-    str = str
-        .replace(/[^a-z0-9 -]/g, "") // remove invalid chars
-        .replace(/\s+/g, "-") // collapse whitespace and replace by -
-        .replace(/-+/g, "-"); // collapse dashes
-    return str;
-};
-var validatePhoneNumber = function (str) {
-    var regex = /^\+?\d+$/;
-    return regex.test(str);
-};
-var pascalCase = function (str) {
-    var lower = str.toLocaleLowerCase("tr-TR");
-    return lower.charAt(0).toLocaleUpperCase("tr-TR") + lower.slice(1);
-};
-var decodeBase64 = function (base64) {
-    var buffer = Buffer.from(base64, "base64");
-    return buffer.toString("ascii");
-};
-
 var formatMoney = function (price, currency) {
     var locale = typeof navigator !== "undefined"
         ? navigator.languages
@@ -12328,10 +12338,7 @@ var IkasImage = /** @class */ (function () {
     });
     Object.defineProperty(IkasImage.prototype, "src", {
         get: function () {
-            if (this.id.includes("/"))
-                return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + this.id + "/1920/1920/img.webp";
-            var merchantId = decodeBase64(this.editorApiKey || IkasStorefrontConfig.config.apiKey || "");
-            return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + merchantId + "/" + this.id + "/1920/1920/img.webp";
+            return this.getSrc(1920);
         },
         enumerable: false,
         configurable: true
@@ -12346,6 +12353,12 @@ var IkasImage = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    IkasImage.prototype.getSrc = function (size) {
+        if (this.id.includes("/"))
+            return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + this.id + "/" + size + "/" + size + "/img.webp";
+        var merchantId = decodeBase64(this.editorApiKey || IkasStorefrontConfig.config.apiKey || "");
+        return "" + process.env.NEXT_PUBLIC_IMG_BASE_URL + merchantId + "/" + this.id + "/" + size + "/" + size + "/img.webp";
+    };
     return IkasImage;
 }());
 
@@ -24954,18 +24967,64 @@ var PolicyModal = mobxReactLite.observer(function (_a) {
 });
 
 var IkasPageHead = mobxReactLite.observer(function (_a) {
-    var page = _a.page, pageTitle = _a.pageTitle, description = _a.description, pageSpecificDataStr = _a.pageSpecificDataStr;
-    var schema;
+    var page = _a.page, pageTitle = _a.pageTitle, description = _a.description, pageSpecificDataStr = _a.pageSpecificDataStr, props = __rest(_a, ["page", "pageTitle", "description", "pageSpecificDataStr"]);
+    var schemas = [];
+    if (props.merchantSettings) {
+        var merchantSettings = new IkasMerchantSettings(JSON.parse(props.merchantSettings));
+        var websiteSchema = createWebsiteSchema();
+        var storeSchema = createStoreSchema(merchantSettings);
+        schemas.push(websiteSchema);
+        schemas.push(storeSchema);
+    }
     if (pageSpecificDataStr && (page === null || page === void 0 ? void 0 : page.type) === exports.IkasThemePageType.PRODUCT) {
-        schema = createProductSchema(pageSpecificDataStr);
+        var schema = createProductSchema(pageSpecificDataStr);
+        if (schema)
+            schemas.push(schema);
+    }
+    if (pageSpecificDataStr && (page === null || page === void 0 ? void 0 : page.type) === exports.IkasThemePageType.CATEGORY) {
+        var categorySchema = createCategorySchema(pageSpecificDataStr);
+        if (categorySchema)
+            schemas.push(categorySchema);
+        // TODO
+        // const categoryBreadcrumbSchema = createCategoryBreadcrumbSchema(
+        //   pageSpecificDataStr
+        // );
+        // if (categoryBreadcrumbSchema) schemas.push(categoryBreadcrumbSchema);
     }
     return (React.createElement(Head__default['default'], null,
         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),
-            } }))));
+        !!schemas.length &&
+            schemas.map(function (schema, index) { return (React.createElement("script", { key: index, type: "application/ld+json", dangerouslySetInnerHTML: {
+                    __html: JSON.stringify(schema),
+                } })); })));
 });
+function createWebsiteSchema(merchantSettings) {
+    var _a;
+    var hostname = "";
+    if (typeof window !== "undefined") {
+        hostname = (_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.hostname;
+    }
+    return {
+        "@context": "https://schema.org",
+        "@type": "Website",
+        url: "https://" + hostname,
+    };
+}
+function createStoreSchema(merchantSettings) {
+    var _a, _b;
+    var hostname = "";
+    if (typeof window !== "undefined") {
+        hostname = (_a = window === null || window === void 0 ? void 0 : window.location) === null || _a === void 0 ? void 0 : _a.hostname;
+    }
+    return {
+        "@context": "https://schema.org",
+        "@type": "Store",
+        name: merchantSettings === null || merchantSettings === void 0 ? void 0 : merchantSettings.merchantName,
+        logo: (_b = merchantSettings === null || merchantSettings === void 0 ? void 0 : merchantSettings.logo) === null || _b === void 0 ? void 0 : _b.src,
+        url: "https://" + hostname,
+    };
+}
 function createProductSchema(pageSpecificDataStr) {
     var _a;
     try {
@@ -25010,7 +25069,43 @@ function createProductSchema(pageSpecificDataStr) {
         };
     }
     catch (err) { }
-}
+}
+function createCategorySchema(pageSpecificDataStr) {
+    var _a, _b, _c;
+    try {
+        var categoryParsed = JSON.parse(pageSpecificDataStr);
+        var category = new IkasCategory(categoryParsed);
+        return {
+            "@context": "http://schema.org",
+            "@type": "CollectionPage",
+            url: "https://" + window.location.hostname + category.href,
+            name: (_a = category.metaData) === null || _a === void 0 ? void 0 : _a.pageTitle,
+            description: (_b = category.metaData) === null || _b === void 0 ? void 0 : _b.description,
+            image: (_c = category.image) === null || _c === void 0 ? void 0 : _c.src,
+        };
+    }
+    catch (_d) { }
+}
+// TODO - Waiting for CategoryParentTree feature
+// https://app.clubhouse.io/ikas/story/256/schema-org-json-lar%C4%B1n%C4%B1n-t%C3%BCm-kategori-sayfalar%C4%B1na-yerle%C5%9Ftirilmesini-istiyorum
+// function createCategoryBreadcrumbSchema(pageSpecificDataStr: string) {
+//   try {
+//     const categoryParsed = JSON.parse(pageSpecificDataStr) as IkasCategory;
+//     const category = new IkasCategory(categoryParsed);
+//     return {
+//       "@context": "http://schema.org",
+//       "@type": "BreadcrumbList",
+//       "itemListElement": [
+//         {
+//           "@type": "ListItem",
+//           "position": 1,
+//           "name": "category.name",
+//           "item": "https://" + window.location.hostname + "category.href"
+//         }
+//       ]
+//     };
+//   } catch {}
+// }
 
 var IkasCheckoutPage = mobxReactLite.observer(function (_a) {
     var _b, _c, _d;
@@ -25176,7 +25271,7 @@ var ThemeComponent = mobxReactLite.observer(function (_a) {
 
 var IkasPage = mobxReactLite.observer(function (_a) {
     var _b, _c;
-    var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr;
+    var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings;
     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, settingsStr: settingsStr }));
@@ -25189,7 +25284,7 @@ var IkasPage = mobxReactLite.observer(function (_a) {
     if (!page)
         return null;
     return (React.createElement(React.Fragment, null,
-        React.createElement(IkasPageHead, { page: page, pageTitle: page.pageTitle, description: page.description, pageSpecificDataStr: pageSpecificDataStr }),
+        React.createElement(IkasPageHead, { page: page, pageTitle: page.pageTitle, description: page.description, pageSpecificDataStr: pageSpecificDataStr, merchantSettings: merchantSettings }),
         React.createElement("div", { style: pageStyle },
             React.createElement("div", null,
                 headerComponent && renderComponent(headerComponent, -1),
@@ -25675,10 +25770,10 @@ var index = /*#__PURE__*/Object.freeze({
 });
 
 var Page = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings;
     var router$1 = router.useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
-    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
+    return (React.createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -25703,7 +25798,7 @@ var home = /*#__PURE__*/Object.freeze({
 });
 
 var Page$1 = function (_a) {
-    var page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
+    var page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings;
     var router$1 = router.useRouter();
     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];
@@ -25714,7 +25809,7 @@ var Page$1 = function (_a) {
         setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router$1, isBrowser));
     }, [isBrowser, propValuesStr]);
     handleGTM(page, pageSpecificDataStr);
-    return (React.createElement(IkasPage, { page: page, propValues: propValues, pageSpecificDataStr: pageSpecificDataStr, settingsStr: settingsStr }));
+    return (React.createElement(IkasPage, { page: page, propValues: propValues, pageSpecificDataStr: pageSpecificDataStr, settingsStr: settingsStr, merchantSettings: merchantSettings }));
 };
 var index$1 = mobxReactLite.observer(Page$1);
 var getStaticPaths = function (context) { return __awaiter(void 0, void 0, void 0, function () {
@@ -26030,10 +26125,10 @@ var _id_$2 = /*#__PURE__*/Object.freeze({
 });
 
 var Page$7 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings;
     var router$1 = router.useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
-    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
+    return (React.createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$6 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -26058,10 +26153,10 @@ var login = /*#__PURE__*/Object.freeze({
 });
 
 var Page$8 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings;
     var router$1 = router.useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
-    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
+    return (React.createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$7 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -26086,10 +26181,10 @@ var register = /*#__PURE__*/Object.freeze({
 });
 
 var Page$9 = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings;
     var router$1 = router.useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
-    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
+    return (React.createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$8 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;
@@ -26114,10 +26209,10 @@ var forgotPassword = /*#__PURE__*/Object.freeze({
 });
 
 var Page$a = function (_a) {
-    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr;
+    var page = _a.page, propValuesStr = _a.propValuesStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings;
     var router$1 = router.useRouter();
     var propValues = IkasPageDataProvider.initPropValues(propValuesStr, router$1);
-    return (React.createElement(IkasPage, { settingsStr: settingsStr, page: page, propValues: propValues }));
+    return (React.createElement(IkasPage, { merchantSettings: merchantSettings, settingsStr: settingsStr, page: page, propValues: propValues }));
 };
 var getStaticProps$9 = function (context) { return __awaiter(void 0, void 0, void 0, function () {
     var theme, provider;

package/build/models/data/image/index.d.ts

@@ -4,4 +4,5 @@ export declare class IkasImage {
     get editorApiKey(): any;
     get src(): string;
     get thumbnailSrc(): string;
+    getSrc(size: number): string;
 }

package/build/pages/[slug]/index.d.ts

@@ -9,6 +9,7 @@ declare type Props = {
     page: IkasThemePage;
     queryParams?: ParsedUrlQuery;
     settingsStr: string;
+    merchantSettings: string;
 };
 declare const _default: React.FunctionComponent<Props>;
 export default _default;

package/build/pages/account/forgot-password.d.ts

@@ -5,6 +5,7 @@ declare type Props = {
     propValuesStr: string;
     page: IkasThemePage;
     settingsStr: string;
+    merchantSettings: string;
 };
 declare const Page: React.FC<Props>;
 export default Page;

package/build/pages/account/login.d.ts

@@ -5,6 +5,7 @@ declare type Props = {
     propValuesStr: string;
     page: IkasThemePage;
     settingsStr: string;
+    merchantSettings: string;
 };
 declare const Page: React.FC<Props>;
 export default Page;

package/build/pages/account/recover-password.d.ts

@@ -5,6 +5,7 @@ declare type Props = {
     propValuesStr: string;
     page: IkasThemePage;
     settingsStr: string;
+    merchantSettings: string;
 };
 declare const Page: React.FC<Props>;
 export default Page;

package/build/pages/account/register.d.ts

@@ -5,6 +5,7 @@ declare type Props = {
     propValuesStr: string;
     page: IkasThemePage;
     settingsStr: string;
+    merchantSettings: string;
 };
 declare const Page: React.FC<Props>;
 export default Page;

package/build/pages/home.d.ts

@@ -5,6 +5,7 @@ declare type Props = {
     propValuesStr: string;
     page: IkasThemePage;
     settingsStr: string;
+    merchantSettings: string;
 };
 declare const Page: React.FC<Props>;
 export default Page;

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

@@ -1,5 +1,5 @@
 import { NextRouter } from "next/router";
-import { IkasTheme, IkasThemePageType, IkasThemePageComponent, IkasProductDetail, IkasThemeComponentProp, IkasThemeComponent, IkasProductList, IkasBrandList, IkasBrandListParams, IkasThemePage, IkasImage, IkasCategoryList, IkasBrand, IkasCategory, IkasThemeCustomData } from "../../models/index";
+import { IkasTheme, IkasThemePageType, IkasThemePageComponent, IkasProductDetail, IkasThemeComponentProp, IkasThemeComponent, IkasProductList, IkasBrandList, IkasBrandListParams, IkasThemePage, IkasImage, IkasCategoryList, IkasBrand, IkasCategory, IkasThemeCustomData, IkasMerchantSettings } from "../../models/index";
 import { IkasProductListParams } from "../../models/ui/product-list/index";
 import { IkasNavigationLink } from "../../models/ui/navigation-link/index";
 import { IkasCategoryListParams } from "../../models/ui/category-list/index";
@@ -10,6 +10,7 @@ export declare class IkasPageDataProvider {
     pageParams: Record<string, any>;
     pageComponentPropValues: IkasPageComponentPropValue[];
     pageSpecificData?: any | null;
+    merchantSettings?: IkasMerchantSettings;
     constructor(theme: IkasTheme, pageParams?: Record<string, any>, pageType?: IkasThemePageType);
     get page(): IkasThemePage | undefined;
     get nextPageData(): {
@@ -17,6 +18,7 @@ export declare class IkasPageDataProvider {
             propValuesStr: string;
             page: IkasThemePage | null;
             settingsStr: string;
+            merchantSettings: string;
         };
     };
     get isStaticPage(): boolean | null | undefined;

package/package.json

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