@ikas/storefront 0.0.129 → 0.0.131

package/build/index.es.js

@@ -10901,6 +10901,7 @@ var IkasStorefrontConfig = /** @class */ (function () {
                 null,
             gtmId: IkasStorefrontConfig.gtmId || null,
             fbpId: IkasStorefrontConfig.fbpId || null,
+            favicon: JSON.parse(JSON.stringify(IkasStorefrontConfig.favicon)),
         };
     };
     IkasStorefrontConfig.components = {};
@@ -10965,84 +10966,10 @@ var Apollo = /** @class */ (function () {
 }());
 var apollo = new Apollo();
 
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-var getRandomValues;
-var rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
-    // find the complete implementation of crypto (msCrypto) on IE11.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);
-
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-
-  return getRandomValues(rnds8);
-}
-
-var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
-
-function validate(uuid) {
-  return typeof uuid === 'string' && REGEX.test(uuid);
-}
-
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-
-var byteToHex = [];
-
-for (var i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).substr(1));
-}
-
-function stringify(arr) {
-  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
-  // of the following:
-  // - One or more input array values don't map to a hex octet (leading to
-  // "undefined" in the uuid)
-  // - Invalid input values for the RFC `version` or `variant` fields
-
-  if (!validate(uuid)) {
-    throw TypeError('Stringified UUID is invalid');
-  }
-
-  return uuid;
-}
-
-function v4(options, buf, offset) {
-  options = options || {};
-  var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
-
-  if (buf) {
-    offset = offset || 0;
-
-    for (var i = 0; i < 16; ++i) {
-      buf[offset + i] = rnds[i];
-    }
-
-    return buf;
-  }
-
-  return stringify(rnds);
-}
-
 var IkasBlog = /** @class */ (function () {
     function IkasBlog(data) {
         if (data === void 0) { data = {}; }
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.createdAt = data.createdAt || Date.now() + "";
         this.updatedAt = data.updatedAt || Date.now() + "";
         this.categoryId = data.categoryId || null;
@@ -11067,7 +10994,7 @@ var IkasBlog = /** @class */ (function () {
 var IkasBlogContent = /** @class */ (function () {
     function IkasBlogContent(data) {
         if (data === void 0) { data = {}; }
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.createdAt = data.createdAt || Date.now() + "";
         this.updatedAt = data.updatedAt || Date.now() + "";
         this.content = data.content || "";
@@ -11094,7 +11021,7 @@ var IkasBlogMetaData = /** @class */ (function () {
         if (data === void 0) { data = {}; }
         this.pageTitle = null;
         this.description = null;
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.createdAt = data.createdAt || Date.now() + "";
         this.updatedAt = data.updatedAt || Date.now() + "";
         this.description = data.description || "";
@@ -13455,7 +13382,7 @@ var IkasBrand = /** @class */ (function () {
         if (data === void 0) { data = {}; }
         this.metaData = null;
         this.image = null;
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.name = data.name || "";
         this.metaData = data.metaData
             ? new IkasHTMLMetaData(data.metaData)
@@ -13481,7 +13408,7 @@ var IkasCategory = /** @class */ (function () {
         if (data === void 0) { data = {}; }
         this.metaData = null;
         this.image = null;
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.name = data.name || "";
         this.parentId = data.parentId || null;
         this.metaData = data.metaData
@@ -20473,7 +20400,7 @@ var IkasProductAttributeValue = /** @class */ (function () {
 var IkasProductVariant = /** @class */ (function () {
     function IkasProductVariant(data) {
         if (data === void 0) { data = {}; }
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.sku = data.sku || null;
         this.barcodeList = data.barcodeList || [];
         this.variantValues = data.variantValues
@@ -20564,7 +20491,7 @@ var IkasProductTag = /** @class */ (function () {
 var IkasProduct = /** @class */ (function () {
     function IkasProduct(data) {
         if (data === void 0) { data = {}; }
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.name = data.name || "";
         this.type = data.type || IkasProductType.PHYSICAL;
         this.description = data.description || "";
@@ -21042,7 +20969,7 @@ var IkasTransactionTypeEnum;
 
 var IkasThemeComponentProp = /** @class */ (function () {
     function IkasThemeComponentProp(data) {
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.name = data.name || "";
         this.displayName = data.displayName || "";
         this.type = data.type || IkasThemeComponentPropType.TEXT;
@@ -21156,7 +21083,7 @@ var IkasThemePageComponent = /** @class */ (function () {
 
 var IkasThemePage = /** @class */ (function () {
     function IkasThemePage(data) {
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.name = data.name || null;
         this.type = data.type || IkasThemePageType.INDEX;
         this.slug = data.slug || null;
@@ -21206,6 +21133,80 @@ var IkasThemePageType;
     IkasThemePageType["BLOG_CATEGORY"] = "BLOG_CATEGORY";
 })(IkasThemePageType || (IkasThemePageType = {}));
 
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+var getRandomValues;
+var rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
+    // find the complete implementation of crypto (msCrypto) on IE11.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+
+var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
+
+function validate(uuid) {
+  return typeof uuid === 'string' && REGEX.test(uuid);
+}
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+var byteToHex = [];
+
+for (var i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).substr(1));
+}
+
+function stringify(arr) {
+  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
+  // of the following:
+  // - One or more input array values don't map to a hex octet (leading to
+  // "undefined" in the uuid)
+  // - Invalid input values for the RFC `version` or `variant` fields
+
+  if (!validate(uuid)) {
+    throw TypeError('Stringified UUID is invalid');
+  }
+
+  return uuid;
+}
+
+function v4(options, buf, offset) {
+  options = options || {};
+  var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (var i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return stringify(rnds);
+}
+
 var IkasThemeColor = /** @class */ (function () {
     function IkasThemeColor(data) {
         this.id = data.id || v4();
@@ -21217,12 +21218,22 @@ var IkasThemeColor = /** @class */ (function () {
     return IkasThemeColor;
 }());
 
+var IkasThemeFavicon = /** @class */ (function () {
+    function IkasThemeFavicon(data) {
+        this.id = (data === null || data === void 0 ? void 0 : data.id) || null;
+        makeAutoObservable(this);
+    }
+    return IkasThemeFavicon;
+}());
+
 var IkasThemeSettings = /** @class */ (function () {
     function IkasThemeSettings(data) {
         if (data === void 0) { data = {}; }
+        var _a;
         this.colors = data.colors
             ? data.colors.map(function (c) { return new IkasThemeColor(c); })
             : [];
+        this.favicon = ((_a = data.favicon) === null || _a === void 0 ? void 0 : _a.id) ? data.favicon : new IkasThemeFavicon();
         makeAutoObservable(this);
     }
     return IkasThemeSettings;
@@ -30186,7 +30197,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, themeLocalizationPath, routing_1;
+            var isLocal, storefrontResponse, storefront, localTheme, settings, storefront_1, salesChannel_1, localizationMap, favicon_1, themeLocalizationPath, routing_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -30217,6 +30228,7 @@ var SettingsHelper = /** @class */ (function () {
                                 ? storefront.routings.find(function (r) { return !r.path && !r.domain; }) ||
                                     storefront.routings[0]
                                 : new IkasStorefrontRouting({}),
+                            favicon: localTheme.settings.favicon,
                         });
                         return [3 /*break*/, 5];
                     case 3: return [4 /*yield*/, SettingsHelper.readSettingsFile()];
@@ -30227,6 +30239,7 @@ 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) {
@@ -30247,6 +30260,7 @@ var SettingsHelper = /** @class */ (function () {
                                 themeLocalization: new IkasStorefrontThemeLocalization(result),
                                 salesChannel: salesChannel_1,
                                 routing: routing_1,
+                                favicon: favicon_1,
                             });
                         });
                         _a.label = 5;
@@ -30258,7 +30272,7 @@ var SettingsHelper = /** @class */ (function () {
     SettingsHelper.getPageData = function (context, isServer, pageType, possiblePageTypes) {
         var _a;
         return __awaiter(this, void 0, void 0, function () {
-            var isLocal, locale, settings, storefront, themeLocalization, salesChannel, routing, provider;
+            var isLocal, locale, settings, storefront, themeLocalization, salesChannel, routing, favicon, provider;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -30281,7 +30295,7 @@ var SettingsHelper = /** @class */ (function () {
                                     notFound: true,
                                 }];
                         }
-                        storefront = settings.storefront, themeLocalization = settings.themeLocalization, salesChannel = settings.salesChannel, routing = settings.routing;
+                        storefront = settings.storefront, themeLocalization = settings.themeLocalization, salesChannel = settings.salesChannel, routing = settings.routing, favicon = settings.favicon;
                         IkasStorefrontConfig.storefrontId = storefront.id;
                         IkasStorefrontConfig.storefrontRoutingId = routing.id;
                         IkasStorefrontConfig.storefrontThemeId = storefront.mainStorefrontThemeId;
@@ -30292,6 +30306,7 @@ var SettingsHelper = /** @class */ (function () {
                         IkasStorefrontConfig.paymentGateways = salesChannel.paymentGateways || [];
                         IkasStorefrontConfig.gtmId = storefront.gtmId || undefined;
                         IkasStorefrontConfig.fbpId = storefront.fbpId || undefined;
+                        IkasStorefrontConfig.favicon = favicon || null;
                         provider = new IkasPageDataProvider(themeLocalization.themeJson, context.params, pageType);
                         provider.possiblePageTypes = possiblePageTypes;
                         return [4 /*yield*/, provider.getPageData()];

package/build/index.js

@@ -10916,6 +10916,7 @@ var IkasStorefrontConfig = /** @class */ (function () {
                 null,
             gtmId: IkasStorefrontConfig.gtmId || null,
             fbpId: IkasStorefrontConfig.fbpId || null,
+            favicon: JSON.parse(JSON.stringify(IkasStorefrontConfig.favicon)),
         };
     };
     IkasStorefrontConfig.components = {};
@@ -10980,84 +10981,10 @@ var Apollo = /** @class */ (function () {
 }());
 var apollo = new Apollo();
 
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-var getRandomValues;
-var rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
-    // find the complete implementation of crypto (msCrypto) on IE11.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);
-
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-
-  return getRandomValues(rnds8);
-}
-
-var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
-
-function validate(uuid) {
-  return typeof uuid === 'string' && REGEX.test(uuid);
-}
-
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-
-var byteToHex = [];
-
-for (var i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).substr(1));
-}
-
-function stringify(arr) {
-  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
-  // of the following:
-  // - One or more input array values don't map to a hex octet (leading to
-  // "undefined" in the uuid)
-  // - Invalid input values for the RFC `version` or `variant` fields
-
-  if (!validate(uuid)) {
-    throw TypeError('Stringified UUID is invalid');
-  }
-
-  return uuid;
-}
-
-function v4(options, buf, offset) {
-  options = options || {};
-  var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
-
-  if (buf) {
-    offset = offset || 0;
-
-    for (var i = 0; i < 16; ++i) {
-      buf[offset + i] = rnds[i];
-    }
-
-    return buf;
-  }
-
-  return stringify(rnds);
-}
-
 var IkasBlog = /** @class */ (function () {
     function IkasBlog(data) {
         if (data === void 0) { data = {}; }
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.createdAt = data.createdAt || Date.now() + "";
         this.updatedAt = data.updatedAt || Date.now() + "";
         this.categoryId = data.categoryId || null;
@@ -11082,7 +11009,7 @@ var IkasBlog = /** @class */ (function () {
 var IkasBlogContent = /** @class */ (function () {
     function IkasBlogContent(data) {
         if (data === void 0) { data = {}; }
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.createdAt = data.createdAt || Date.now() + "";
         this.updatedAt = data.updatedAt || Date.now() + "";
         this.content = data.content || "";
@@ -11108,7 +11035,7 @@ var IkasBlogMetaData = /** @class */ (function () {
         if (data === void 0) { data = {}; }
         this.pageTitle = null;
         this.description = null;
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.createdAt = data.createdAt || Date.now() + "";
         this.updatedAt = data.updatedAt || Date.now() + "";
         this.description = data.description || "";
@@ -13468,7 +13395,7 @@ var IkasBrand = /** @class */ (function () {
         if (data === void 0) { data = {}; }
         this.metaData = null;
         this.image = null;
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.name = data.name || "";
         this.metaData = data.metaData
             ? new IkasHTMLMetaData(data.metaData)
@@ -13494,7 +13421,7 @@ var IkasCategory = /** @class */ (function () {
         if (data === void 0) { data = {}; }
         this.metaData = null;
         this.image = null;
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.name = data.name || "";
         this.parentId = data.parentId || null;
         this.metaData = data.metaData
@@ -20470,7 +20397,7 @@ var IkasProductAttributeValue = /** @class */ (function () {
 var IkasProductVariant = /** @class */ (function () {
     function IkasProductVariant(data) {
         if (data === void 0) { data = {}; }
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.sku = data.sku || null;
         this.barcodeList = data.barcodeList || [];
         this.variantValues = data.variantValues
@@ -20560,7 +20487,7 @@ var IkasProductTag = /** @class */ (function () {
 var IkasProduct = /** @class */ (function () {
     function IkasProduct(data) {
         if (data === void 0) { data = {}; }
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.name = data.name || "";
         this.type = data.type || exports.IkasProductType.PHYSICAL;
         this.description = data.description || "";
@@ -21032,7 +20959,7 @@ var IkasTransactionCardTypeEnum;
 
 var IkasThemeComponentProp = /** @class */ (function () {
     function IkasThemeComponentProp(data) {
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.name = data.name || "";
         this.displayName = data.displayName || "";
         this.type = data.type || exports.IkasThemeComponentPropType.TEXT;
@@ -21144,7 +21071,7 @@ var IkasThemePageComponent = /** @class */ (function () {
 
 var IkasThemePage = /** @class */ (function () {
     function IkasThemePage(data) {
-        this.id = data.id || v4();
+        this.id = data.id || Date.now() + "";
         this.name = data.name || null;
         this.type = data.type || exports.IkasThemePageType.INDEX;
         this.slug = data.slug || null;
@@ -21193,6 +21120,80 @@ var IkasThemePageSpecification = /** @class */ (function () {
     IkasThemePageType["BLOG_CATEGORY"] = "BLOG_CATEGORY";
 })(exports.IkasThemePageType || (exports.IkasThemePageType = {}));
 
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+var getRandomValues;
+var rnds8 = new Uint8Array(16);
+function rng() {
+  // lazy load so that environments that need to polyfill have a chance to do so
+  if (!getRandomValues) {
+    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
+    // find the complete implementation of crypto (msCrypto) on IE11.
+    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);
+
+    if (!getRandomValues) {
+      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+    }
+  }
+
+  return getRandomValues(rnds8);
+}
+
+var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
+
+function validate(uuid) {
+  return typeof uuid === 'string' && REGEX.test(uuid);
+}
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+var byteToHex = [];
+
+for (var i = 0; i < 256; ++i) {
+  byteToHex.push((i + 0x100).toString(16).substr(1));
+}
+
+function stringify(arr) {
+  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
+  // of the following:
+  // - One or more input array values don't map to a hex octet (leading to
+  // "undefined" in the uuid)
+  // - Invalid input values for the RFC `version` or `variant` fields
+
+  if (!validate(uuid)) {
+    throw TypeError('Stringified UUID is invalid');
+  }
+
+  return uuid;
+}
+
+function v4(options, buf, offset) {
+  options = options || {};
+  var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (var i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return stringify(rnds);
+}
+
 var IkasThemeColor = /** @class */ (function () {
     function IkasThemeColor(data) {
         this.id = data.id || v4();
@@ -21204,12 +21205,22 @@ var IkasThemeColor = /** @class */ (function () {
     return IkasThemeColor;
 }());
 
+var IkasThemeFavicon = /** @class */ (function () {
+    function IkasThemeFavicon(data) {
+        this.id = (data === null || data === void 0 ? void 0 : data.id) || null;
+        mobx.makeAutoObservable(this);
+    }
+    return IkasThemeFavicon;
+}());
+
 var IkasThemeSettings = /** @class */ (function () {
     function IkasThemeSettings(data) {
         if (data === void 0) { data = {}; }
+        var _a;
         this.colors = data.colors
             ? data.colors.map(function (c) { return new IkasThemeColor(c); })
             : [];
+        this.favicon = ((_a = data.favicon) === null || _a === void 0 ? void 0 : _a.id) ? data.favicon : new IkasThemeFavicon();
         mobx.makeAutoObservable(this);
     }
     return IkasThemeSettings;
@@ -30164,7 +30175,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, themeLocalizationPath, routing_1;
+            var isLocal, storefrontResponse, storefront, localTheme, settings, storefront_1, salesChannel_1, localizationMap, favicon_1, themeLocalizationPath, routing_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -30195,6 +30206,7 @@ var SettingsHelper = /** @class */ (function () {
                                 ? storefront.routings.find(function (r) { return !r.path && !r.domain; }) ||
                                     storefront.routings[0]
                                 : new IkasStorefrontRouting({}),
+                            favicon: localTheme.settings.favicon,
                         });
                         return [3 /*break*/, 5];
                     case 3: return [4 /*yield*/, SettingsHelper.readSettingsFile()];
@@ -30205,6 +30217,7 @@ 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) {
@@ -30225,6 +30238,7 @@ var SettingsHelper = /** @class */ (function () {
                                 themeLocalization: new IkasStorefrontThemeLocalization(result),
                                 salesChannel: salesChannel_1,
                                 routing: routing_1,
+                                favicon: favicon_1,
                             });
                         });
                         _a.label = 5;
@@ -30236,7 +30250,7 @@ var SettingsHelper = /** @class */ (function () {
     SettingsHelper.getPageData = function (context, isServer, pageType, possiblePageTypes) {
         var _a;
         return __awaiter(this, void 0, void 0, function () {
-            var isLocal, locale, settings, storefront, themeLocalization, salesChannel, routing, provider;
+            var isLocal, locale, settings, storefront, themeLocalization, salesChannel, routing, favicon, provider;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
@@ -30259,7 +30273,7 @@ var SettingsHelper = /** @class */ (function () {
                                     notFound: true,
                                 }];
                         }
-                        storefront = settings.storefront, themeLocalization = settings.themeLocalization, salesChannel = settings.salesChannel, routing = settings.routing;
+                        storefront = settings.storefront, themeLocalization = settings.themeLocalization, salesChannel = settings.salesChannel, routing = settings.routing, favicon = settings.favicon;
                         IkasStorefrontConfig.storefrontId = storefront.id;
                         IkasStorefrontConfig.storefrontRoutingId = routing.id;
                         IkasStorefrontConfig.storefrontThemeId = storefront.mainStorefrontThemeId;
@@ -30270,6 +30284,7 @@ var SettingsHelper = /** @class */ (function () {
                         IkasStorefrontConfig.paymentGateways = salesChannel.paymentGateways || [];
                         IkasStorefrontConfig.gtmId = storefront.gtmId || undefined;
                         IkasStorefrontConfig.fbpId = storefront.fbpId || undefined;
+                        IkasStorefrontConfig.favicon = favicon || null;
                         provider = new IkasPageDataProvider(themeLocalization.themeJson, context.params, pageType);
                         provider.possiblePageTypes = possiblePageTypes;
                         return [4 /*yield*/, provider.getPageData()];

package/build/models/theme/settings/index.d.ts

@@ -1,5 +1,7 @@
-import { IkasThemeColor } from "./prop/index";
+import { IkasThemeColor } from "./prop/color/index";
+import { IkasThemeFavicon } from "./prop/favicon/index";
 export declare class IkasThemeSettings {
     colors: IkasThemeColor[];
+    favicon: IkasThemeFavicon;
     constructor(data?: Partial<IkasThemeSettings>);
 }

package/build/models/theme/settings/prop/favicon/index.d.ts

@@ -0,0 +1,4 @@
+export declare class IkasThemeFavicon {
+    id: string | null;
+    constructor(data?: Partial<IkasThemeFavicon>);
+}

package/build/storefront/index.d.ts

@@ -1,5 +1,6 @@
 import { IkasSalesChannelPaymentGateway } from "../models/data/sales-channel/index";
 import { IkasStorefrontRouting } from "../models/data/storefront/routing/index";
+import { IkasThemeFavicon } from "../models/theme/settings/prop/favicon/index";
 import { IkasBaseStore } from "../store/index";
 export declare class IkasStorefrontConfig {
     static store: IkasBaseStore;
@@ -16,6 +17,7 @@ export declare class IkasStorefrontConfig {
     static paymentGateways: IkasSalesChannelPaymentGateway[];
     static gtmId?: string;
     static fbpId?: string;
+    static favicon: IkasThemeFavicon;
     static init(store: IkasBaseStore, components: any, config: Record<string, any>, apiUrlOverride?: string): void;
     static initWithJson(json: Record<string, any>): void;
     static getJson(): {
@@ -29,5 +31,6 @@ export declare class IkasStorefrontConfig {
         paymentGateways: any;
         gtmId: string | null;
         fbpId: string | null;
+        favicon: any;
     };
 }

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

@@ -34,6 +34,7 @@ export declare class IkasPageDataProvider {
                 paymentGateways: any;
                 gtmId: string | null;
                 fbpId: string | null;
+                favicon: any;
             };
         };
     };

package/build/utils/settings.d.ts

@@ -6,6 +6,7 @@ import { IkasStorefront } from "../models/data/storefront/index";
 import { IkasSalesChannel } from "../models/data/sales-channel/index";
 import { IkasStorefrontRouting } from "../models/data/storefront/routing/index";
 import { IkasStorefrontThemeLocalization } from "../models/data/storefront/theme-localization/index";
+import { IkasThemeFavicon } from "../models/theme/settings/prop/favicon/index";
 export declare class SettingsHelper {
     static readLocalTheme(): Promise<IkasTheme>;
     static readSettingsFile(): Promise<any>;
@@ -28,6 +29,7 @@ export declare class SettingsHelper {
                 paymentGateways: any;
                 gtmId: string | null;
                 fbpId: string | null;
+                favicon: any;
             };
         };
     } | {
@@ -52,6 +54,7 @@ export declare class SettingsHelper {
                 paymentGateways: any;
                 gtmId: string | null;
                 fbpId: string | null;
+                favicon: any;
             };
         };
         revalidate: number;
@@ -75,6 +78,7 @@ export declare class SettingsHelper {
                 paymentGateways: any;
                 gtmId: string | null;
                 fbpId: string | null;
+                favicon: any;
             };
         };
     } | {
@@ -99,6 +103,7 @@ export declare class SettingsHelper {
                 paymentGateways: any;
                 gtmId: string | null;
                 fbpId: string | null;
+                favicon: any;
             };
         };
         revalidate: number;
@@ -122,6 +127,7 @@ export declare class SettingsHelper {
                 paymentGateways: any;
                 gtmId: string | null;
                 fbpId: string | null;
+                favicon: any;
             };
         };
     } | {
@@ -146,6 +152,7 @@ export declare class SettingsHelper {
                 paymentGateways: any;
                 gtmId: string | null;
                 fbpId: string | null;
+                favicon: any;
             };
         };
         revalidate: number;
@@ -157,4 +164,5 @@ export declare type SettingsData = {
     themeLocalization: IkasStorefrontThemeLocalization;
     salesChannel: IkasSalesChannel;
     routing: IkasStorefrontRouting;
+    favicon: IkasThemeFavicon;
 };

package/package.json

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