@sonic-equipment/ui 0.0.99 → 0.0.100

package/dist/index.d.ts

@@ -4048,7 +4048,7 @@ interface Props$2 {
     onCartLineUpdated?: (cartLine: CartLineModel$1) => void;
 }
 declare function CartProvider(props: Props$2): null;
-declare function useCartEvents(): Props$2;
+declare function useCartEvents(): Props$2 | undefined;
 
 interface Props$1 {
     onFavoriteAdded: () => void;

package/dist/index.js

@@ -1133,9 +1133,6 @@ function CartProvider(props) {
 }
 function useCartEvents() {
     const [state] = useGlobalState('cart');
-    if (!state) {
-        throw new Error('useCart must be used together with the CartProvider');
-    }
     return state;
 }
 
@@ -1639,7 +1636,7 @@ const ConnectedAddToCartButton = ({ onAddToCart, productId }) => {
     const { isPending: isPendingDeleteCartLine, mutate: deleteCartLine } = useDeleteCartLineById();
     const { mutate: updateCartLine } = useUpdateCartLineById();
     const { addToast } = useToast();
-    const { onCartLineAdded, onCartLineError, onCartLineRemoved, onCartLineUpdated, } = useCartEvents();
+    const { onCartLineAdded, onCartLineError, onCartLineRemoved, onCartLineUpdated, } = useCartEvents() || {};
     const cartLine = cartLines?.find(line => line.productId === productId);
     const quantity = cartLine?.qtyOrdered || 0;
     const handleChange = (quantity) => {
@@ -8095,19 +8092,17 @@ var styles$H = {"badge":"badge-module-X5Au9","count":"badge-module-ododp","is-an
 
 const ANIMATION_DURATION = 600;
 function Badge({ count, variant = 'red' }) {
-    const [prevCount, setPrevCount] = useState(count);
     const [isAnimating, setIsAnimating] = useState(false);
     useEffect(() => {
-        if (count && prevCount !== undefined && count > prevCount) {
-            setIsAnimating(true);
-            const timer = setTimeout(() => setIsAnimating(false), ANIMATION_DURATION);
-            return () => clearTimeout(timer);
-        }
-        setPrevCount(count);
-    }, [count, prevCount]);
+        if (count === undefined)
+            return;
+        setIsAnimating(true);
+        const timer = setTimeout(() => setIsAnimating(false), ANIMATION_DURATION);
+        return () => clearTimeout(timer);
+    }, [count]);
     return (jsx("span", { className: clsx(styles$H.badge, styles$H[variant], {
             [styles$H['is-animating']]: isAnimating,
-        }), style: { '--animation-duration': `${ANIMATION_DURATION}ms` }, children: count && count > 0 && jsx("span", { className: styles$H.count, children: count }) }, count));
+        }), style: { '--animation-duration': `${ANIMATION_DURATION}ms` }, children: count !== undefined && jsx("span", { className: styles$H.count, children: count }) }, count));
 }
 
 var styles$G = {"icon-with-badge":"icon-with-badge-module-eCTIN","badge-wrapper":"icon-with-badge-module-NUjwN"};

package/dist/src/shared/providers/cart-provider.d.ts

@@ -6,5 +6,5 @@ interface Props {
     onCartLineUpdated?: (cartLine: CartLineModel) => void;
 }
 export declare function CartProvider(props: Props): null;
-export declare function useCartEvents(): Props;
+export declare function useCartEvents(): Props | undefined;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "0.0.99",
+  "version": "0.0.100",
   "type": "module",
   "license": "MIT",
   "engines": {