@ikas/storefront 1.0.7 → 1.0.8

package/build/index.js

@@ -13708,13 +13708,15 @@ var IkasBlogAPI = /** @class */ (function () {
             });
         });
     };
-    IkasBlogAPI.listBlogMetaData = function (slug, targetId, targetType) {
+    IkasBlogAPI.listBlogMetaData = function (slug, targetIds, targetType, page, limit) {
+        if (page === void 0) { page = 1; }
+        if (limit === void 0) { limit = 200; }
         return __awaiter(this, void 0, void 0, function () {
             var LIST_QUERY, _a, data, errors, err_3;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_QUERY = src(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      query listBlogMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: BlogMetadataTargetTypeEnumFilter\n      ) {\n        listBlogMetadata(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          count\n          data {\n            createdAt\n            deleted\n            description\n            id\n            pageTitle\n            slug\n            targetId\n            targetType\n            updatedAt\n          }\n          hasNext\n          limit\n          page\n        }\n      }\n    "], ["\n      query listBlogMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: BlogMetadataTargetTypeEnumFilter\n      ) {\n        listBlogMetadata(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          count\n          data {\n            createdAt\n            deleted\n            description\n            id\n            pageTitle\n            slug\n            targetId\n            targetType\n            updatedAt\n          }\n          hasNext\n          limit\n          page\n        }\n      }\n    "])));
+                        LIST_QUERY = src(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      query listBlogMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: BlogMetadataTargetTypeEnumFilter\n        $pagination: PaginationInput\n      ) {\n        listBlogMetadata(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n          pagination: $pagination\n        ) {\n          count\n          data {\n            createdAt\n            deleted\n            description\n            id\n            pageTitle\n            slug\n            targetId\n            targetType\n            updatedAt\n          }\n          hasNext\n          limit\n          page\n        }\n      }\n    "], ["\n      query listBlogMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: BlogMetadataTargetTypeEnumFilter\n        $pagination: PaginationInput\n      ) {\n        listBlogMetadata(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n          pagination: $pagination\n        ) {\n          count\n          data {\n            createdAt\n            deleted\n            description\n            id\n            pageTitle\n            slug\n            targetId\n            targetType\n            updatedAt\n          }\n          hasNext\n          limit\n          page\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -13728,9 +13730,9 @@ var IkasBlogAPI = /** @class */ (function () {
                                             eq: slug,
                                         }
                                         : undefined,
-                                    targetId: targetId
+                                    targetId: targetIds
                                         ? {
-                                            eq: targetId,
+                                            in: targetIds,
                                         }
                                         : undefined,
                                     targetType: targetType
@@ -13738,6 +13740,10 @@ var IkasBlogAPI = /** @class */ (function () {
                                             in: targetType,
                                         }
                                         : undefined,
+                                    pagination: {
+                                        page: page,
+                                        limit: limit,
+                                    },
                                 },
                             })];
                     case 2:
@@ -43033,13 +43039,15 @@ var templateObject_1$9;
 var IkasHTMLMetaDataAPI = /** @class */ (function () {
     function IkasHTMLMetaDataAPI() {
     }
-    IkasHTMLMetaDataAPI.listHTMLMetaData = function (slug, targetId, targetType) {
+    IkasHTMLMetaDataAPI.listHTMLMetaData = function (slug, targetIds, targetType, page, limit) {
+        if (page === void 0) { page = 1; }
+        if (limit === void 0) { limit = 200; }
         return __awaiter(this, void 0, void 0, function () {
             var LIST_QUERY, _a, data, errors, err_1;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        LIST_QUERY = src(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: HTMLMetaDataTargetTypeEnumFilter\n      ) {\n        listHTMLMetaData(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "], ["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: HTMLMetaDataTargetTypeEnumFilter\n      ) {\n        listHTMLMetaData(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n        ) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "])));
+                        LIST_QUERY = src(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: HTMLMetaDataTargetTypeEnumFilter\n        $pagination: PaginationInput\n      ) {\n        listHTMLMetaData(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n          pagination: $pagination\n        ) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "], ["\n      query listHTMLMetaData(\n        $slug: StringFilterInput\n        $targetId: StringFilterInput\n        $targetType: HTMLMetaDataTargetTypeEnumFilter\n        $pagination: PaginationInput\n      ) {\n        listHTMLMetaData(\n          slug: $slug\n          targetId: $targetId\n          targetType: $targetType\n          pagination: $pagination\n        ) {\n          slug\n          pageTitle\n          description\n          targetId\n          targetType\n          redirectTo\n        }\n      }\n    "])));
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
@@ -43053,9 +43061,9 @@ var IkasHTMLMetaDataAPI = /** @class */ (function () {
                                             eq: slug,
                                         }
                                         : undefined,
-                                    targetId: targetId
+                                    targetId: targetIds
                                         ? {
-                                            eq: targetId,
+                                            in: targetIds,
                                         }
                                         : undefined,
                                     targetType: targetType
@@ -43063,6 +43071,10 @@ var IkasHTMLMetaDataAPI = /** @class */ (function () {
                                             in: targetType,
                                         }
                                         : undefined,
+                                    pagination: {
+                                        page: page,
+                                        limit: limit,
+                                    },
                                 },
                             })];
                     case 2:
@@ -43775,6 +43787,248 @@ var IkasProductBackInStockReminderAPI = /** @class */ (function () {
 }());
 var templateObject_1$j, templateObject_2$9;
 
+/**
+ * The base implementation of `_.findIndex` and `_.findLastIndex` without
+ * support for iteratee shorthands.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {Function} predicate The function invoked per iteration.
+ * @param {number} fromIndex The index to search from.
+ * @param {boolean} [fromRight] Specify iterating from right to left.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+function baseFindIndex(array, predicate, fromIndex, fromRight) {
+  var length = array.length,
+      index = fromIndex + (fromRight ? 1 : -1);
+
+  while ((fromRight ? index-- : ++index < length)) {
+    if (predicate(array[index], index, array)) {
+      return index;
+    }
+  }
+  return -1;
+}
+
+var _baseFindIndex = baseFindIndex;
+
+/**
+ * The base implementation of `_.isNaN` without support for number objects.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.
+ */
+function baseIsNaN(value) {
+  return value !== value;
+}
+
+var _baseIsNaN = baseIsNaN;
+
+/**
+ * A specialized version of `_.indexOf` which performs strict equality
+ * comparisons of values, i.e. `===`.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {*} value The value to search for.
+ * @param {number} fromIndex The index to search from.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+function strictIndexOf(array, value, fromIndex) {
+  var index = fromIndex - 1,
+      length = array.length;
+
+  while (++index < length) {
+    if (array[index] === value) {
+      return index;
+    }
+  }
+  return -1;
+}
+
+var _strictIndexOf = strictIndexOf;
+
+/**
+ * The base implementation of `_.indexOf` without `fromIndex` bounds checks.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {*} value The value to search for.
+ * @param {number} fromIndex The index to search from.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+function baseIndexOf(array, value, fromIndex) {
+  return value === value
+    ? _strictIndexOf(array, value, fromIndex)
+    : _baseFindIndex(array, _baseIsNaN, fromIndex);
+}
+
+var _baseIndexOf = baseIndexOf;
+
+/**
+ * A specialized version of `_.includes` for arrays without support for
+ * specifying an index to search from.
+ *
+ * @private
+ * @param {Array} [array] The array to inspect.
+ * @param {*} target The value to search for.
+ * @returns {boolean} Returns `true` if `target` is found, else `false`.
+ */
+function arrayIncludes(array, value) {
+  var length = array == null ? 0 : array.length;
+  return !!length && _baseIndexOf(array, value, 0) > -1;
+}
+
+var _arrayIncludes = arrayIncludes;
+
+/**
+ * This function is like `arrayIncludes` except that it accepts a comparator.
+ *
+ * @private
+ * @param {Array} [array] The array to inspect.
+ * @param {*} target The value to search for.
+ * @param {Function} comparator The comparator invoked per element.
+ * @returns {boolean} Returns `true` if `target` is found, else `false`.
+ */
+function arrayIncludesWith(array, value, comparator) {
+  var index = -1,
+      length = array == null ? 0 : array.length;
+
+  while (++index < length) {
+    if (comparator(value, array[index])) {
+      return true;
+    }
+  }
+  return false;
+}
+
+var _arrayIncludesWith = arrayIncludesWith;
+
+/**
+ * This method returns `undefined`.
+ *
+ * @static
+ * @memberOf _
+ * @since 2.3.0
+ * @category Util
+ * @example
+ *
+ * _.times(2, _.noop);
+ * // => [undefined, undefined]
+ */
+function noop() {
+  // No operation performed.
+}
+
+var noop_1 = noop;
+
+/** Used as references for various `Number` constants. */
+var INFINITY$2 = 1 / 0;
+
+/**
+ * Creates a set object of `values`.
+ *
+ * @private
+ * @param {Array} values The values to add to the set.
+ * @returns {Object} Returns the new set.
+ */
+var createSet = !(_Set && (1 / _setToArray(new _Set([,-0]))[1]) == INFINITY$2) ? noop_1 : function(values) {
+  return new _Set(values);
+};
+
+var _createSet = createSet;
+
+/** Used as the size to enable large array optimizations. */
+var LARGE_ARRAY_SIZE$1 = 200;
+
+/**
+ * The base implementation of `_.uniqBy` without support for iteratee shorthands.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {Function} [iteratee] The iteratee invoked per element.
+ * @param {Function} [comparator] The comparator invoked per element.
+ * @returns {Array} Returns the new duplicate free array.
+ */
+function baseUniq(array, iteratee, comparator) {
+  var index = -1,
+      includes = _arrayIncludes,
+      length = array.length,
+      isCommon = true,
+      result = [],
+      seen = result;
+
+  if (comparator) {
+    isCommon = false;
+    includes = _arrayIncludesWith;
+  }
+  else if (length >= LARGE_ARRAY_SIZE$1) {
+    var set = iteratee ? null : _createSet(array);
+    if (set) {
+      return _setToArray(set);
+    }
+    isCommon = false;
+    includes = _cacheHas;
+    seen = new _SetCache;
+  }
+  else {
+    seen = iteratee ? [] : result;
+  }
+  outer:
+  while (++index < length) {
+    var value = array[index],
+        computed = iteratee ? iteratee(value) : value;
+
+    value = (comparator || value !== 0) ? value : 0;
+    if (isCommon && computed === computed) {
+      var seenIndex = seen.length;
+      while (seenIndex--) {
+        if (seen[seenIndex] === computed) {
+          continue outer;
+        }
+      }
+      if (iteratee) {
+        seen.push(computed);
+      }
+      result.push(value);
+    }
+    else if (!includes(seen, computed, comparator)) {
+      if (seen !== result) {
+        seen.push(computed);
+      }
+      result.push(value);
+    }
+  }
+  return result;
+}
+
+var _baseUniq = baseUniq;
+
+/**
+ * Creates a duplicate-free version of an array, using
+ * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+ * for equality comparisons, in which only the first occurrence of each element
+ * is kept. The order of result values is determined by the order they occur
+ * in the array.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Array
+ * @param {Array} array The array to inspect.
+ * @returns {Array} Returns the new duplicate free array.
+ * @example
+ *
+ * _.uniq([2, 1, 2]);
+ * // => [2, 1]
+ */
+function uniq(array) {
+  return (array && array.length) ? _baseUniq(array) : [];
+}
+
+var uniq_1 = uniq;
+
 var IkasProductListPropValueProvider = /** @class */ (function () {
     function IkasProductListPropValueProvider(pageType, productListPropValue, pageSpecificData) {
         this.pageType = pageType;
@@ -43987,106 +44241,114 @@ var IkasBrandPropValueProvider = /** @class */ (function () {
 }());
 
 var IkasLinkPropValueProvider = /** @class */ (function () {
-    function IkasLinkPropValueProvider(linkPropValue, theme) {
+    function IkasLinkPropValueProvider(linkPropValue, theme, linkMetaDataTargetIds) {
         this.linkPropValue = linkPropValue;
         this.theme = theme;
+        this.linkMetaDataTargetIds = linkMetaDataTargetIds;
     }
     IkasLinkPropValueProvider.prototype.getNavigationLink = function (linkPropValue) {
         var _a, _b;
         return __awaiter(this, void 0, void 0, function () {
-            var navigationLink, themePage, metaDataList, metaDataList, _c, page, headerComponentId_1, footerComponentId_1, pageComponents, componentIndex;
+            var navigationLink, themePage, _c, page, headerComponentId_1, footerComponentId_1, pageComponents, componentIndex;
             var _this = this;
             return __generator(this, function (_d) {
                 switch (_d.label) {
                     case 0:
-                        if (!(linkPropValue.linkType === exports.IkasLinkType.PAGE)) return [3 /*break*/, 18];
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.INDEX)) return [3 /*break*/, 1];
-                        navigationLink = new IkasNavigationLink("/", linkPropValue.label || "", []);
-                        return [3 /*break*/, 17];
-                    case 1:
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.ACCOUNT)) return [3 /*break*/, 2];
-                        navigationLink = new IkasNavigationLink("/account/info", linkPropValue.label || "", []);
-                        return [3 /*break*/, 17];
-                    case 2:
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.ADDRESSES)) return [3 /*break*/, 3];
-                        navigationLink = new IkasNavigationLink("/account/addresses", linkPropValue.label || "", []);
-                        return [3 /*break*/, 17];
-                    case 3:
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.ORDERS)) return [3 /*break*/, 4];
-                        navigationLink = new IkasNavigationLink("/account/orders", linkPropValue.label || "", []);
-                        return [3 /*break*/, 17];
-                    case 4:
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.FAVORITE_PRODUCTS)) return [3 /*break*/, 5];
-                        navigationLink = new IkasNavigationLink("/account/favorite-products", linkPropValue.label || "", []);
-                        return [3 /*break*/, 17];
-                    case 5:
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.LOGIN)) return [3 /*break*/, 6];
-                        navigationLink = new IkasNavigationLink("/account/login", linkPropValue.label || "", []);
-                        return [3 /*break*/, 17];
-                    case 6:
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.REGISTER)) return [3 /*break*/, 7];
-                        navigationLink = new IkasNavigationLink("/account/register", linkPropValue.label || "", []);
-                        return [3 /*break*/, 17];
-                    case 7:
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.FORGOT_PASSWORD)) return [3 /*break*/, 8];
-                        navigationLink = new IkasNavigationLink("/account/forgot-password", linkPropValue.label || "", []);
-                        return [3 /*break*/, 17];
-                    case 8:
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.RECOVER_PASSWORD)) return [3 /*break*/, 9];
-                        navigationLink = new IkasNavigationLink("/account/recover-password", linkPropValue.label || "", []);
-                        return [3 /*break*/, 17];
-                    case 9:
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.BLOG_INDEX)) return [3 /*break*/, 10];
-                        navigationLink = new IkasNavigationLink("/blog", linkPropValue.label || "", []);
-                        return [3 /*break*/, 17];
-                    case 10:
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.CART)) return [3 /*break*/, 11];
-                        navigationLink = new IkasNavigationLink("/cart", linkPropValue.label || "", []);
-                        return [3 /*break*/, 17];
-                    case 11:
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.SEARCH)) return [3 /*break*/, 12];
-                        navigationLink = new IkasNavigationLink("/search", linkPropValue.label || "", []);
-                        return [3 /*break*/, 17];
-                    case 12:
-                        if (!(linkPropValue.pageType === exports.IkasThemePageType.CUSTOM)) return [3 /*break*/, 13];
-                        themePage = this.theme.pages.find(function (p) { return p.id === linkPropValue.pageId; });
-                        if (themePage) {
-                            navigationLink = new IkasNavigationLink("/pages/" + themePage.slug, linkPropValue.label || "", []);
-                        }
-                        return [3 /*break*/, 17];
-                    case 13:
-                        if (![
-                            exports.IkasThemePageType.PRODUCT,
-                            exports.IkasThemePageType.BRAND,
-                            exports.IkasThemePageType.CATEGORY,
-                        ].includes(linkPropValue.pageType)) return [3 /*break*/, 15];
-                        return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData(undefined, linkPropValue.itemId || undefined)];
-                    case 14:
-                        metaDataList = _d.sent();
-                        if (metaDataList.length) {
-                            navigationLink = new IkasNavigationLink("/" + metaDataList[0].slug, linkPropValue.label || "", []);
-                        }
-                        return [3 /*break*/, 17];
-                    case 15:
-                        if (![exports.IkasThemePageType.BLOG, exports.IkasThemePageType.BLOG_CATEGORY].includes(linkPropValue.pageType)) return [3 /*break*/, 17];
-                        return [4 /*yield*/, IkasBlogAPI.listBlogMetaData(undefined, linkPropValue.itemId || undefined)];
-                    case 16:
-                        metaDataList = _d.sent();
-                        if (metaDataList.length) {
-                            navigationLink = new IkasNavigationLink("/blog/" + metaDataList[0].slug, linkPropValue.label || "", []);
+                        if (linkPropValue.linkType === exports.IkasLinkType.PAGE) {
+                            // INDEX PAGE
+                            if (linkPropValue.pageType === exports.IkasThemePageType.INDEX) {
+                                navigationLink = new IkasNavigationLink("/", linkPropValue.label || "", []);
+                            }
+                            else if (linkPropValue.pageType === exports.IkasThemePageType.ACCOUNT) {
+                                navigationLink = new IkasNavigationLink("/account/info", linkPropValue.label || "", []);
+                            }
+                            else if (linkPropValue.pageType === exports.IkasThemePageType.ADDRESSES) {
+                                navigationLink = new IkasNavigationLink("/account/addresses", linkPropValue.label || "", []);
+                            }
+                            else if (linkPropValue.pageType === exports.IkasThemePageType.ORDERS) {
+                                navigationLink = new IkasNavigationLink("/account/orders", linkPropValue.label || "", []);
+                            }
+                            else if (linkPropValue.pageType === exports.IkasThemePageType.FAVORITE_PRODUCTS) {
+                                navigationLink = new IkasNavigationLink("/account/favorite-products", linkPropValue.label || "", []);
+                            }
+                            else if (linkPropValue.pageType === exports.IkasThemePageType.LOGIN) {
+                                navigationLink = new IkasNavigationLink("/account/login", linkPropValue.label || "", []);
+                            }
+                            else if (linkPropValue.pageType === exports.IkasThemePageType.REGISTER) {
+                                navigationLink = new IkasNavigationLink("/account/register", linkPropValue.label || "", []);
+                            }
+                            else if (linkPropValue.pageType === exports.IkasThemePageType.FORGOT_PASSWORD) {
+                                navigationLink = new IkasNavigationLink("/account/forgot-password", linkPropValue.label || "", []);
+                            }
+                            else if (linkPropValue.pageType === exports.IkasThemePageType.RECOVER_PASSWORD) {
+                                navigationLink = new IkasNavigationLink("/account/recover-password", linkPropValue.label || "", []);
+                            }
+                            else if (linkPropValue.pageType === exports.IkasThemePageType.BLOG_INDEX) {
+                                navigationLink = new IkasNavigationLink("/blog", linkPropValue.label || "", []);
+                            }
+                            else if (linkPropValue.pageType === exports.IkasThemePageType.CART) {
+                                navigationLink = new IkasNavigationLink("/cart", linkPropValue.label || "", []);
+                            }
+                            else if (linkPropValue.pageType === exports.IkasThemePageType.SEARCH) {
+                                navigationLink = new IkasNavigationLink("/search", linkPropValue.label || "", []);
+                            }
+                            // CUSTOM PAGE
+                            else if (linkPropValue.pageType === exports.IkasThemePageType.CUSTOM) {
+                                themePage = this.theme.pages.find(function (p) { return p.id === linkPropValue.pageId; });
+                                if (themePage) {
+                                    navigationLink = new IkasNavigationLink("/pages/" + themePage.slug, linkPropValue.label || "", []);
+                                }
+                            }
+                            // ITEM PAGES
+                            else if ([
+                                exports.IkasThemePageType.PRODUCT,
+                                exports.IkasThemePageType.BRAND,
+                                exports.IkasThemePageType.CATEGORY,
+                            ].includes(linkPropValue.pageType)) {
+                                if (linkPropValue.itemId) {
+                                    navigationLink = new IkasNavigationLink("/", linkPropValue.label || "", []);
+                                    this.linkMetaDataTargetIds.push({
+                                        type: "DEFAULT",
+                                        id: linkPropValue.itemId,
+                                        navigationLink: navigationLink,
+                                    });
+                                }
+                            }
+                            // BLOG ITEM PAGES
+                            else if ([exports.IkasThemePageType.BLOG, exports.IkasThemePageType.BLOG_CATEGORY].includes(linkPropValue.pageType)) {
+                                if (linkPropValue.itemId) {
+                                    navigationLink = new IkasNavigationLink("/blog/", linkPropValue.label || "", []);
+                                    this.linkMetaDataTargetIds.push({
+                                        type: "BLOG",
+                                        id: linkPropValue.itemId,
+                                        navigationLink: navigationLink,
+                                    });
+                                }
+                            }
+                            // RAFFLE ITEM PAGE
+                            // else if (linkPropValue.pageType === IkasThemePageType.RAFFLE_DETAIL) {
+                            //   if (linkPropValue.itemId) {
+                            //     navigationLink = new IkasNavigationLink(
+                            //       "/raffle/",
+                            //       linkPropValue.label || "",
+                            //       []
+                            //     );
+                            //     this.linkMetaDataTargetIds.push({
+                            //       type: "RAFFLE",
+                            //       id: linkPropValue.itemId,
+                            //       navigationLink,
+                            //     });
+                            //   }
+                            // }
                         }
-                        _d.label = 17;
-                    case 17: return [3 /*break*/, 19];
-                    case 18:
-                        if (linkPropValue.linkType === exports.IkasLinkType.EXTERNAL) {
+                        // EXTERNAL LINK
+                        else if (linkPropValue.linkType === exports.IkasLinkType.EXTERNAL) {
                             navigationLink = new IkasNavigationLink(linkPropValue.externalLink || "", linkPropValue.label || "", [], true);
                         }
-                        _d.label = 19;
-                    case 19:
-                        if (!navigationLink) return [3 /*break*/, 21];
+                        if (!navigationLink) return [3 /*break*/, 2];
                         _c = navigationLink;
                         return [4 /*yield*/, Promise.all(linkPropValue.subLinks.map(function (sl) { return _this.getNavigationLink(sl); }))];
-                    case 20:
+                    case 1:
                         _c.subLinks = _d.sent();
                         // ADD HASH LINK
                         if (linkPropValue.pageComponentId && linkPropValue.pageId) {
@@ -44103,7 +44365,7 @@ var IkasLinkPropValueProvider = /** @class */ (function () {
                             }
                         }
                         return [2 /*return*/, navigationLink];
-                    case 21: return [2 /*return*/, new IkasNavigationLink("", "", [])];
+                    case 2: return [2 /*return*/, new IkasNavigationLink("", "", [])];
                 }
             });
         });
@@ -44857,7 +45119,7 @@ var IkasCustomPropValueProvider = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        provider = new IkasLinkPropValueProvider(this.value, this.theme);
+                        provider = new IkasLinkPropValueProvider(this.value, this.theme, this.pageDataProvider.linkMetaDataTargetIds);
                         return [4 /*yield*/, provider.getValue()];
                     case 1:
                         value = _a.sent();
@@ -45175,6 +45437,7 @@ var IkasPageDataProvider = /** @class */ (function () {
         this.pageSpecificData = null;
         this.merchantSettings = null;
         this.possiblePageTypes = []; // Used for distinguishing blog slug page from main slug page
+        this.linkMetaDataTargetIds = []; // Used for bulk fetching of link slugs
         this.theme = new IkasTheme(theme);
         this.pageParams = pageParams || {};
         this.pageType = pageType;
@@ -45285,6 +45548,9 @@ var IkasPageDataProvider = /** @class */ (function () {
                             }))];
                     case 4:
                         _a.pageComponentPropValues = _b.sent();
+                        return [4 /*yield*/, this.setLinkSlugs()];
+                    case 5:
+                        _b.sent();
                         return [2 /*return*/];
                 }
             });
@@ -45590,7 +45856,7 @@ var IkasPageDataProvider = /** @class */ (function () {
                         propValueProvider = new IkasCategoryListPropValueProvider(propValue);
                         return [3 /*break*/, 24];
                     case 14:
-                        propValueProvider = new IkasLinkPropValueProvider(propValue, this.theme);
+                        propValueProvider = new IkasLinkPropValueProvider(propValue, this.theme, this.linkMetaDataTargetIds);
                         return [3 /*break*/, 24];
                     case 15:
                         propValueProvider = new IkasColorPropValueProvider(propValue);
@@ -45630,6 +45896,104 @@ var IkasPageDataProvider = /** @class */ (function () {
             this.page.description = metaData.description;
         }
     };
+    IkasPageDataProvider.prototype.setLinkSlugs = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var defaultLinks, blogLinks, raffleLinks;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        defaultLinks = [];
+                        blogLinks = [];
+                        raffleLinks = [];
+                        this.linkMetaDataTargetIds.forEach(function (target) {
+                            switch (target.type) {
+                                case "DEFAULT":
+                                    defaultLinks.push(target);
+                                    break;
+                                case "BLOG":
+                                    blogLinks.push(target);
+                                    break;
+                                case "RAFFLE":
+                                    raffleLinks.push(target);
+                                    break;
+                            }
+                        });
+                        return [4 /*yield*/, Promise.all([
+                                this.getLinkSlugs(defaultLinks, "DEFAULT"),
+                                this.getLinkSlugs(blogLinks, "BLOG"),
+                                this.getLinkSlugs(raffleLinks, "RAFFLE"),
+                            ])];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    IkasPageDataProvider.prototype.getLinkSlugs = function (targets, type) {
+        return __awaiter(this, void 0, void 0, function () {
+            var idList, page, limit, metaDataList, fetchComplete, getPage;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        idList = uniq_1(targets.map(function (t) { return t.id; }));
+                        page = 1;
+                        limit = 200;
+                        metaDataList = [];
+                        fetchComplete = false;
+                        getPage = function () { return __awaiter(_this, void 0, void 0, function () {
+                            var results, _a;
+                            return __generator(this, function (_b) {
+                                switch (_b.label) {
+                                    case 0:
+                                        results = [];
+                                        _a = type;
+                                        switch (_a) {
+                                            case "DEFAULT": return [3 /*break*/, 1];
+                                            case "BLOG": return [3 /*break*/, 3];
+                                        }
+                                        return [3 /*break*/, 5];
+                                    case 1: return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData(undefined, idList, undefined, page, limit)];
+                                    case 2:
+                                        results = _b.sent();
+                                        return [3 /*break*/, 6];
+                                    case 3: return [4 /*yield*/, IkasBlogAPI.listBlogMetaData(undefined, idList, undefined, page, limit)];
+                                    case 4:
+                                        results = _b.sent();
+                                        return [3 /*break*/, 6];
+                                    case 5: return [3 /*break*/, 6];
+                                    case 6:
+                                        if (results.length) {
+                                            metaDataList = metaDataList.concat(results);
+                                            if (results.length < 200)
+                                                fetchComplete = true;
+                                        }
+                                        else
+                                            fetchComplete = true;
+                                        page++;
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); };
+                        _a.label = 1;
+                    case 1:
+                        if (!(!fetchComplete && metaDataList.length < idList.length)) return [3 /*break*/, 3];
+                        return [4 /*yield*/, getPage()];
+                    case 2:
+                        _a.sent();
+                        return [3 /*break*/, 1];
+                    case 3:
+                        metaDataList.forEach(function (metaData) {
+                            targets
+                                .filter(function (t) { return t.id === metaData.targetId; })
+                                .forEach(function (t) {
+                                t.navigationLink.href += metaData.slug;
+                            });
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
     return IkasPageDataProvider;
 }());
 var IkasPageComponentPropValue = /** @class */ (function () {
@@ -67927,7 +68291,7 @@ var createMethod = function (IS_INCLUDES) {
   };
 };
 
-var arrayIncludes = {
+var arrayIncludes$1 = {
   // `Array.prototype.includes` method
   // https://tc39.es/ecma262/#sec-array.prototype.includes
   includes: createMethod(true),
@@ -67936,7 +68300,7 @@ var arrayIncludes = {
   indexOf: createMethod(false)
 };
 
-var indexOf = arrayIncludes.indexOf;
+var indexOf = arrayIncludes$1.indexOf;
 
 
 var objectKeysInternal = function (object, names) {
@@ -72817,224 +73181,6 @@ function flatten(array) {
 
 var flatten_1 = flatten;
 
-/**
- * The base implementation of `_.findIndex` and `_.findLastIndex` without
- * support for iteratee shorthands.
- *
- * @private
- * @param {Array} array The array to inspect.
- * @param {Function} predicate The function invoked per iteration.
- * @param {number} fromIndex The index to search from.
- * @param {boolean} [fromRight] Specify iterating from right to left.
- * @returns {number} Returns the index of the matched value, else `-1`.
- */
-function baseFindIndex(array, predicate, fromIndex, fromRight) {
-  var length = array.length,
-      index = fromIndex + (fromRight ? 1 : -1);
-
-  while ((fromRight ? index-- : ++index < length)) {
-    if (predicate(array[index], index, array)) {
-      return index;
-    }
-  }
-  return -1;
-}
-
-var _baseFindIndex = baseFindIndex;
-
-/**
- * The base implementation of `_.isNaN` without support for number objects.
- *
- * @private
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.
- */
-function baseIsNaN(value) {
-  return value !== value;
-}
-
-var _baseIsNaN = baseIsNaN;
-
-/**
- * A specialized version of `_.indexOf` which performs strict equality
- * comparisons of values, i.e. `===`.
- *
- * @private
- * @param {Array} array The array to inspect.
- * @param {*} value The value to search for.
- * @param {number} fromIndex The index to search from.
- * @returns {number} Returns the index of the matched value, else `-1`.
- */
-function strictIndexOf(array, value, fromIndex) {
-  var index = fromIndex - 1,
-      length = array.length;
-
-  while (++index < length) {
-    if (array[index] === value) {
-      return index;
-    }
-  }
-  return -1;
-}
-
-var _strictIndexOf = strictIndexOf;
-
-/**
- * The base implementation of `_.indexOf` without `fromIndex` bounds checks.
- *
- * @private
- * @param {Array} array The array to inspect.
- * @param {*} value The value to search for.
- * @param {number} fromIndex The index to search from.
- * @returns {number} Returns the index of the matched value, else `-1`.
- */
-function baseIndexOf(array, value, fromIndex) {
-  return value === value
-    ? _strictIndexOf(array, value, fromIndex)
-    : _baseFindIndex(array, _baseIsNaN, fromIndex);
-}
-
-var _baseIndexOf = baseIndexOf;
-
-/**
- * A specialized version of `_.includes` for arrays without support for
- * specifying an index to search from.
- *
- * @private
- * @param {Array} [array] The array to inspect.
- * @param {*} target The value to search for.
- * @returns {boolean} Returns `true` if `target` is found, else `false`.
- */
-function arrayIncludes$1(array, value) {
-  var length = array == null ? 0 : array.length;
-  return !!length && _baseIndexOf(array, value, 0) > -1;
-}
-
-var _arrayIncludes = arrayIncludes$1;
-
-/**
- * This function is like `arrayIncludes` except that it accepts a comparator.
- *
- * @private
- * @param {Array} [array] The array to inspect.
- * @param {*} target The value to search for.
- * @param {Function} comparator The comparator invoked per element.
- * @returns {boolean} Returns `true` if `target` is found, else `false`.
- */
-function arrayIncludesWith(array, value, comparator) {
-  var index = -1,
-      length = array == null ? 0 : array.length;
-
-  while (++index < length) {
-    if (comparator(value, array[index])) {
-      return true;
-    }
-  }
-  return false;
-}
-
-var _arrayIncludesWith = arrayIncludesWith;
-
-/**
- * This method returns `undefined`.
- *
- * @static
- * @memberOf _
- * @since 2.3.0
- * @category Util
- * @example
- *
- * _.times(2, _.noop);
- * // => [undefined, undefined]
- */
-function noop() {
-  // No operation performed.
-}
-
-var noop_1 = noop;
-
-/** Used as references for various `Number` constants. */
-var INFINITY$2 = 1 / 0;
-
-/**
- * Creates a set object of `values`.
- *
- * @private
- * @param {Array} values The values to add to the set.
- * @returns {Object} Returns the new set.
- */
-var createSet = !(_Set && (1 / _setToArray(new _Set([,-0]))[1]) == INFINITY$2) ? noop_1 : function(values) {
-  return new _Set(values);
-};
-
-var _createSet = createSet;
-
-/** Used as the size to enable large array optimizations. */
-var LARGE_ARRAY_SIZE$1 = 200;
-
-/**
- * The base implementation of `_.uniqBy` without support for iteratee shorthands.
- *
- * @private
- * @param {Array} array The array to inspect.
- * @param {Function} [iteratee] The iteratee invoked per element.
- * @param {Function} [comparator] The comparator invoked per element.
- * @returns {Array} Returns the new duplicate free array.
- */
-function baseUniq(array, iteratee, comparator) {
-  var index = -1,
-      includes = _arrayIncludes,
-      length = array.length,
-      isCommon = true,
-      result = [],
-      seen = result;
-
-  if (comparator) {
-    isCommon = false;
-    includes = _arrayIncludesWith;
-  }
-  else if (length >= LARGE_ARRAY_SIZE$1) {
-    var set = iteratee ? null : _createSet(array);
-    if (set) {
-      return _setToArray(set);
-    }
-    isCommon = false;
-    includes = _cacheHas;
-    seen = new _SetCache;
-  }
-  else {
-    seen = iteratee ? [] : result;
-  }
-  outer:
-  while (++index < length) {
-    var value = array[index],
-        computed = iteratee ? iteratee(value) : value;
-
-    value = (comparator || value !== 0) ? value : 0;
-    if (isCommon && computed === computed) {
-      var seenIndex = seen.length;
-      while (seenIndex--) {
-        if (seen[seenIndex] === computed) {
-          continue outer;
-        }
-      }
-      if (iteratee) {
-        seen.push(computed);
-      }
-      result.push(value);
-    }
-    else if (!includes(seen, computed, comparator)) {
-      if (seen !== result) {
-        seen.push(computed);
-      }
-      result.push(value);
-    }
-  }
-  return result;
-}
-
-var _baseUniq = baseUniq;
-
 /**
  * This method is like `_.uniq` except that it accepts `iteratee` which is
  * invoked for each element in `array` to generate the criterion by which