@digilogiclabs/saas-factory-ui 0.15.3 → 0.15.4

package/dist/index.js

@@ -8398,13 +8398,14 @@ var SearchWithFilters = ({
     ).slice(0, 8);
   }, [suggestions, localQuery]);
   const activeFiltersCount = (0, import_react14.useMemo)(() => {
+    if (!filters) return 0;
     let count = 0;
-    if (filters.category !== "all") count++;
-    if (filters.sortBy !== "relevance") count++;
-    if (filters.duration !== "any") count++;
-    if (filters.dateRange !== "any") count++;
-    if (filters.genres?.length > 0) count++;
-    if (filters.tags?.length > 0) count++;
+    if (filters.category && filters.category !== "all") count++;
+    if (filters.sortBy && filters.sortBy !== "relevance") count++;
+    if (filters.duration && filters.duration !== "any") count++;
+    if (filters.dateRange && filters.dateRange !== "any") count++;
+    if (filters.genres && filters.genres.length > 0) count++;
+    if (filters.tags && filters.tags.length > 0) count++;
     if (filters.verified) count++;
     if (filters.downloadable) count++;
     if (filters.hasLyrics) count++;
@@ -8592,7 +8593,7 @@ var SearchWithFilters = ({
                     onClick: () => handleFilterChange("category", option.id),
                     className: cn(
                       "p-3 rounded-lg border text-sm font-medium transition-colors flex items-center gap-2",
-                      filters.category === option.id ? "border-primary bg-primary/10 text-primary" : "border-border hover:border-muted-foreground"
+                      filters?.category === option.id ? "border-primary bg-primary/10 text-primary" : "border-border hover:border-muted-foreground"
                     ),
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(option.icon, { className: "w-4 h-4" }),
@@ -8629,7 +8630,7 @@ var SearchWithFilters = ({
                     onClick: () => handleFilterChange("sortBy", option.id),
                     className: cn(
                       "p-3 rounded-lg border text-sm font-medium transition-colors flex items-center gap-2",
-                      filters.sortBy === option.id ? "border-primary bg-primary/10 text-primary" : "border-border hover:border-muted-foreground"
+                      filters?.sortBy === option.id ? "border-primary bg-primary/10 text-primary" : "border-border hover:border-muted-foreground"
                     ),
                     children: [
                       /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(option.icon, { className: "w-4 h-4" }),
@@ -8667,7 +8668,7 @@ var SearchWithFilters = ({
                       type: "radio",
                       name: "duration",
                       value: option.id,
-                      checked: filters.duration === option.id,
+                      checked: filters?.duration === option.id,
                       onChange: () => handleFilterChange("duration", option.id),
                       className: "text-primary focus:ring-primary"
                     }
@@ -8700,12 +8701,13 @@ var SearchWithFilters = ({
                   "button",
                   {
                     onClick: () => {
-                      const newGenres = filters.genres.includes(genre) ? filters.genres.filter((g) => g !== genre) : [...filters.genres, genre];
+                      const currentGenres = filters?.genres || [];
+                      const newGenres = currentGenres.includes(genre) ? currentGenres.filter((g) => g !== genre) : [...currentGenres, genre];
                       handleFilterChange("genres", newGenres);
                     },
                     className: cn(
                       "px-3 py-1 rounded-full text-xs font-medium transition-colors",
-                      filters.genres.includes(genre) ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted-foreground hover:text-background"
+                      (filters?.genres || []).includes(genre) ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground hover:bg-muted-foreground hover:text-background"
                     ),
                     children: genre
                   },
@@ -8722,7 +8724,7 @@ var SearchWithFilters = ({
                   "input",
                   {
                     type: "checkbox",
-                    checked: filters.verified || false,
+                    checked: filters?.verified || false,
                     onChange: (e) => handleFilterChange("verified", e.target.checked),
                     className: "text-primary focus:ring-primary"
                   }
@@ -8734,7 +8736,7 @@ var SearchWithFilters = ({
                   "input",
                   {
                     type: "checkbox",
-                    checked: filters.downloadable || false,
+                    checked: filters?.downloadable || false,
                     onChange: (e) => handleFilterChange("downloadable", e.target.checked),
                     className: "text-primary focus:ring-primary"
                   }
@@ -8746,7 +8748,7 @@ var SearchWithFilters = ({
                   "input",
                   {
                     type: "checkbox",
-                    checked: filters.hasLyrics || false,
+                    checked: filters?.hasLyrics || false,
                     onChange: (e) => handleFilterChange("hasLyrics", e.target.checked),
                     className: "text-primary focus:ring-primary"
                   }