@digital-b2c/coreui-kit 0.17.2 → 0.17.4

package/dist/index.cjs

@@ -2409,7 +2409,7 @@ var ContactModule = ({
             className: ContactModule_module_default.cta,
             href: cta.url,
             isExternal: cta.isExternal,
-            variant: key % 2 === 0 ? "secondary" : "primary",
+            variant: ctas.length === 1 || key % 2 === 1 ? "primary" : "secondary",
             children: cta.label
           },
           key
@@ -4581,6 +4581,16 @@ var ResourcesGridList_module_default = {
   notificationDot: "ResourcesGridList_module_notificationDot"
 };
 var ITEMS_PER_PAGE = 12;
+var getCategorySlug = (cat) => {
+  var _a;
+  return (cat == null ? void 0 : cat.extension) || ((_a = cat == null ? void 0 : cat.label) == null ? void 0 : _a.replaceAll(" ", "-").toLocaleLowerCase());
+};
+var subscribeHash = (onStoreChange) => {
+  window.addEventListener("hashchange", onStoreChange);
+  return () => window.removeEventListener("hashchange", onStoreChange);
+};
+var getHashSnapshot = () => window.location.hash;
+var getServerHashSnapshot = () => "";
 var ResourcesGridList = ({
   className,
   items = [],
@@ -4596,22 +4606,28 @@ var ResourcesGridList = ({
   const [sortValue, setSortValue] = React71.useState(defaultSort);
   const [searchQuery, setSearchQuery] = React71.useState("");
   const [currentPage, setCurrentPage] = React71.useState(1);
-  const [selectedCategory, setSelectedCategory] = React71.useState(() => {
-    const activeIndex = categories.findIndex((cat) => cat.active);
-    return activeIndex === -1 ? 0 : activeIndex;
-  });
   const widgetRef = React71.useRef(null);
   const { is } = useViewPort_default();
   const isMobile = is("tablet", "below");
+  const currentHash = React71.useSyncExternalStore(subscribeHash, getHashSnapshot, getServerHashSnapshot);
+  const selectedCategory = (() => {
+    const hash = decodeURIComponent(currentHash.replace(/^#/, ""));
+    if (hash) {
+      const hashIndex = categories.findIndex((cat) => getCategorySlug(cat) === hash);
+      if (hashIndex !== -1) return hashIndex;
+    }
+    const activeIndex = categories.findIndex((cat) => cat.active);
+    return activeIndex === -1 ? 0 : activeIndex;
+  })();
   const selectedValue = (_a = categories[selectedCategory]) == null ? void 0 : _a.value;
   const handleSelectCategory = (index) => {
     var _a2, _b;
-    setSelectedCategory(index);
     setCurrentPage(1);
     const categoryText = (_b = (_a2 = categories[index]) == null ? void 0 : _a2.label) == null ? void 0 : _b.replaceAll(" ", "-");
+    const slug = getCategorySlug(categories[index]);
     if (typeof window !== "undefined" && categoryText) {
       const base_url = window.location.pathname.endsWith("/") ? window.location.pathname.slice(0, -1) : window.location.pathname;
-      const url = categoryText !== "All-Resources" ? `${base_url}#${categoryText}` : `${base_url}`;
+      const url = categoryText !== "All-Resources" ? `${base_url}/#${slug}` : `${base_url}`;
       window.history.replaceState(null, "", url);
       window.dispatchEvent(new HashChangeEvent("hashchange"));
     }