@sonic-equipment/ui 0.0.24 → 0.0.26

package/dist/algolia/algolia-provider.d.ts

@@ -8,7 +8,7 @@ interface AlgoliaContextType {
     toggleOnline: VoidFunction;
 }
 interface AlgoliaProviderProps {
-    category: string;
+    category: string[];
     children: ReactNode;
     offlineSearchClient?: SearchClient;
     online?: boolean;

package/dist/index.d.ts

@@ -524,7 +524,7 @@ interface Filters {
     };
 }
 type ProductListingPageProps = {
-    category: string;
+    category: string[];
     isLoading?: boolean;
 };
 declare function ProductListingPage({ category, isLoading, }: ProductListingPageProps): react_jsx_runtime.JSX.Element;
@@ -576,7 +576,7 @@ interface AlgoliaContextType {
     toggleOnline: VoidFunction;
 }
 interface AlgoliaProviderProps {
-    category: string;
+    category: string[];
     children: ReactNode;
     offlineSearchClient?: SearchClient;
     online?: boolean;

package/dist/index.js

@@ -27,7 +27,7 @@ const useBreakpoint = () => {
         return Object.entries(breakpoints$1)
             .sort(([, minA], [, minB]) => minA - minB)
             .reduce((acc, [breakpoint, min]) => {
-            const inRange = min <= window.innerWidth;
+            const inRange = min <= (typeof window === 'undefined' ? 0 : window.innerWidth);
             const current = inRange
                 ? breakpoint
                 : acc.current;
@@ -40,10 +40,10 @@ const useBreakpoint = () => {
     };
     const [device, setDevice] = useState(getBreakpoints());
     useEffect(() => {
-        const handleResize = () => setDevice(getBreakpoints());
-        handleResize();
         if (typeof window === 'undefined')
             return;
+        const handleResize = () => setDevice(getBreakpoints());
+        handleResize();
         window.addEventListener('resize', handleResize);
         return () => window.removeEventListener('resize', handleResize);
     }, []);
@@ -5990,13 +5990,8 @@ function AlgoliaSortBy() {
     return (jsx(Select, { label: "Sort", onChange: value => refine(String(value)), options: options, selectedOption: currentRefinement, showLabel: false }));
 }
 
-function ConnectedFavoriteButton({ productId }) {
-    const { isFavorite, toggle } = useFavorite(productId);
-    return jsx(FavoriteButton, { isFavorite: isFavorite, onPress: toggle });
-}
-
 function ConnectedProductCart({ productId, ...props }) {
-    return (jsx(ProductCard, { ...props, addToCartButton: jsx(ConnectedAddToCartButton, { productId: productId }), favoriteButton: jsx(ConnectedFavoriteButton, { productId: productId }) }));
+    return (jsx(ProductCard, { ...props, addToCartButton: jsx(ConnectedAddToCartButton, { productId: productId }) }));
 }
 
 const SidebarContext = createContext({
@@ -6050,7 +6045,8 @@ const categories = Array.from({ length: 20 }, () => ({
 function ProductListingPage({ category, isLoading = false, }) {
     const { toggle } = useSidebar();
     const { hits: productHits } = useHits();
-    return (jsxs(Page, { className: styles$1['product-listing'], title: category, children: [categories?.length > 0 && (jsx("section", { className: styles$1.categories, children: jsx(CategoryCarousel, { categories: categories }) })), jsxs("section", { className: styles$1['action-bar'], children: [jsx(ToggleSidebarButton, {}), jsx("span", { className: styles$1.count, children: jsx(AlgoliaResultsCount, {}) }), jsx(AlgoliaSortBy, {})] }), jsx("section", { children: isLoading ? (jsx("p", { children: "Loading..." })) : (jsxs("div", { className: styles$1['product-grid-container'], children: [jsx(Sidebar, { children: jsx(AlgoliaFilterPanel, { onShowProducts: toggle }) }), jsxs("div", { className: styles$1['product-grid'], children: [jsx(ProductOverviewGrid, { children: productHits.map(productHit => (jsx(ConnectedProductCart, { href: `${location.href}/${productHit.id}-${productHit.name.replace(/ /g, '-')}`, image: {
+    const baseUrl = location.href.split('?')[0];
+    return (jsxs(Page, { className: styles$1['product-listing'], title: category.slice().pop(), children: [categories?.length > 0 && (jsx("section", { className: styles$1.categories, children: jsx(CategoryCarousel, { categories: categories }) })), jsxs("section", { className: styles$1['action-bar'], children: [jsx(ToggleSidebarButton, {}), jsx("span", { className: styles$1.count, children: jsx(AlgoliaResultsCount, {}) }), jsx(AlgoliaSortBy, {})] }), jsx("section", { children: isLoading ? (jsx("p", { children: "Loading..." })) : (jsxs("div", { className: styles$1['product-grid-container'], children: [jsx(Sidebar, { children: jsx(AlgoliaFilterPanel, { onShowProducts: toggle }) }), jsxs("div", { className: styles$1['product-grid'], children: [jsx(ProductOverviewGrid, { children: productHits.map(productHit => (jsx(ConnectedProductCart, { href: `${baseUrl}${baseUrl.endsWith('/') ? '' : '/'}${productHit.id}-${productHit.name.replace(/ /g, '-')}`, image: {
                                             alt: productHit.name,
                                             fit: 'contain',
                                             sizes: { lg: 288, md: 204, sm: 122 },
@@ -6181,7 +6177,9 @@ function AlgoliaProvider({ category, children, offlineSearchClient, online: _onl
         }, children: jsxs(InstantSearch, { future: {
                 persistHierarchicalRootCount: true,
                 preserveSharedStateOnUnmount: true,
-            }, indexName: "dev_sonic_products_en", routing: routing, searchClient: online ? searchClient : offlineSearchClient || searchClient, children: [jsx(Configure, { analytics: false, filters: `categoryPages: ${category}`, hitsPerPage: 9, maxValuesPerFacet: 100, ruleContexts: ['storefront'] }), children] }) }));
+            }, indexName: "dev_sonic_products_en", routing: routing, searchClient: online ? searchClient : offlineSearchClient || searchClient, children: [jsx(Configure, { analytics: false, filters: category && category.length
+                        ? `categoryPages: '${category.join(' > ')}'`
+                        : undefined, hitsPerPage: 9, maxValuesPerFacet: 100, ruleContexts: ['storefront'] }), children] }) }));
 }
 function useAlgolia() {
     return useContext(AlgoliaContext);

package/dist/pages/product-listing-page/product-listing-page.d.ts

@@ -8,7 +8,7 @@ export interface Filters {
     };
 }
 export type ProductListingPageProps = {
-    category: string;
+    category: string[];
     isLoading?: boolean;
 };
 export declare function ProductListingPage({ category, isLoading, }: ProductListingPageProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/product-listing-page/product-listing-page.stories.d.ts

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
 import { ProductListingPage } from './product-listing-page';
 declare const meta: {
     args: {
-        category: string;
+        category: string[];
         isLoading: false;
         online: false;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "type": "module",
   "license": "MIT",
   "engines": {
@@ -15,10 +15,7 @@
       "default": "./dist/index.js"
     }
   },
-  "files": [
-    "dist",
-    "README.md"
-  ],
+  "files": ["dist", "README.md"],
   "main": "dist/index.js",
   "types": "./dist/index.d.ts",
   "scripts": {