npm - @sonic-equipment/ui - Versions diffs - 202.0.0 → 204.0.0 - Mend

@sonic-equipment/ui 202.0.0 → 204.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (215) hide show

package/dist/pages/my-sonic/widgets/connected-bill-to-address-widget.js CHANGED Viewed

@@ -9,7 +9,8 @@ import { AddressDataCard } from './components/address-data-card.js';
 function ConnectedBillToAddressWidget({ billToId = 'current', } = {}) {
     const paths = usePaths();
-    const { href } = useLocation();
+    const { pathname, search } = useLocation();
+    const href = `${pathname}${search}`;
     const editAddressUrl = `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/${billToId}?returnUrl=${encodeURIComponent(href)}`;
     const { data: billToAddress, error, isLoading, } = useFetchBillToAddress({ billToId });
     return (jsx(AddressDataCard, { actions: [

package/dist/pages/my-sonic/widgets/connected-ship-to-address-widget.js CHANGED Viewed

@@ -9,7 +9,8 @@ import { AddressDataCard } from './components/address-data-card.js';
 function ConnectedShipToAddressWidget({ billToId = 'current', shipToId = 'current', } = {}) {
     const paths = usePaths();
-    const { href } = useLocation();
+    const { pathname, search } = useLocation();
+    const href = `${pathname}${search}`;
     const editAddressUrl = `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/${billToId}${paths.ACCOUNT_EDIT_SHIP_TO_ADDRESS}/${shipToId}?returnUrl=${encodeURIComponent(href)}`;
     const createAddressUrl = `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/${billToId}${paths.ACCOUNT_EDIT_SHIP_TO_ADDRESS}/new?returnUrl=${encodeURIComponent(href)}`;
     const { data: shipToAddress, error, isLoading, } = useFetchShipToAddress({

package/dist/pages/product/layouts/product-details-page-layout/product-details-page-layout.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { IntersectionObserverComponent } from '../../../../observers/intersection-observer.js';
 import styles from './product-details-page-layout.module.css.js';

package/dist/pages/product/product-details-page/components/product-details-images/product-detail-images.js CHANGED Viewed

@@ -6,7 +6,6 @@ import { ImageLightbox } from '../../../../../media/image-lightbox/image-lightbo
 import { ZoomImage } from '../../../../../media/zoom-image/zoom-image.js';
 import { Modal } from '../../../../../modals/modal/modal.js';
 import { useDisclosure } from '../../../../../shared/hooks/use-disclosure.js';
-import { useIsBreakpoint } from '../../../../../shared/hooks/use-is-breakpoint.js';
 import styles from './product-detail-images.module.css.js';
 const MAX_IMAGES = 5;
@@ -16,7 +15,6 @@ function ProductDetailImages({ images }) {
     const [scrollPercentage, setScrollPercentage] = useState(0);
     const { isOpen: isOpenModal, open: openModal, toggle: toggleModal, } = useDisclosure();
     const { close: closeZoom, isOpen: isOpenZoom, open: openZoom, } = useDisclosure();
-    const isXl = useIsBreakpoint('xl');
     if (images.length > MAX_IMAGES) {
         images = images.slice(0, MAX_IMAGES);
     }
@@ -29,7 +27,7 @@ function ProductDetailImages({ images }) {
         setScrollPercentage(scrollPercentage);
         openZoom();
     }
-    return (jsxs(Fragment, { children: [isXl ? (jsxs(Fragment, { children: [jsx(ImagesGrid, { images: images, onSelectImage: (image, _index) => handleOpenImage(image) }), jsx(Modal, { hasCloseButton: true, isDismissable: true, isFullScreen: true, isKeyboardDismissDisabled: false, isOpen: isOpenModal, onOpenChange: toggleModal, shouldCloseOnInteractOutside: false, children: jsx("div", { className: styles['image-lightbox-modal'], children: jsx(ImageLightbox, { images: images, initialSelectedIndex: selectedImageIndex, onZoom: onZoom, variant: "lg" }) }) })] })) : (jsx(ImageLightbox, { images: images, onZoom: onZoom })), isOpenZoom && (jsx(ZoomImage, { currentImage: images[selectedZoomImageIndex], isZoomed: isOpenZoom, onClose: closeZoom, scrollFromTopPercentage: scrollPercentage }))] }));
+    return (jsxs(Fragment, { children: [jsx(ImagesGrid, { className: styles['images-grid'], images: images, onSelectImage: (image, _index) => handleOpenImage(image) }), isOpenModal && (jsx(Modal, { hasCloseButton: true, isDismissable: true, isFullScreen: true, isKeyboardDismissDisabled: false, isOpen: isOpenModal, onOpenChange: toggleModal, shouldCloseOnInteractOutside: false, children: jsx("div", { className: styles['image-lightbox-modal'], children: jsx(ImageLightbox, { images: images, initialSelectedIndex: selectedImageIndex, onZoom: onZoom, variant: "lg" }) }) })), jsx(ImageLightbox, { className: styles['image-lightbox'], images: images, onZoom: onZoom }), isOpenZoom && (jsx(ZoomImage, { currentImage: images[selectedZoomImageIndex], isZoomed: isOpenZoom, onClose: closeZoom, scrollFromTopPercentage: scrollPercentage }))] }));
 }
 export { ProductDetailImages };

package/dist/pages/product/product-details-page/components/product-details-images/product-detail-images.module.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
-var styles = {"image-lightbox-modal":"product-detail-images-module-ERzjA"};
+var styles = {"image-lightbox-modal":"product-detail-images-module-ERzjA","images-grid":"product-detail-images-module-cdIHn","image-lightbox":"product-detail-images-module-0udrk"};
 export { styles as default };

package/dist/pages/product/product-details-page/product-details.js CHANGED Viewed

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useEffect } from 'react';
 import { ConnectedProductCard } from '../../../cards/product-card/connected-product-card.js';
 import { CardCarousel } from '../../../carousel/card-carousel/card-carousel.js';
 import { ProductUSPCarousel } from '../../../carousel/usp-carousel/product-usp-carousel.js';
@@ -15,7 +16,10 @@ import { ProductDetailsRecentlyViewedSection } from './components/product-detail
 function ProductDetails({ data, priceComponent, }) {
     const { breadCrumb, included, page, product, usps } = data;
-    useMarkProductAsRecentlyViewed({ productId: product.id });
+    const { mutate } = useMarkProductAsRecentlyViewed();
+    useEffect(() => {
+        mutate({ productId: product.id });
+    }, [mutate, product]);
     useDataLayer({
         event: {
             event: 'view_item',

package/dist/pages/product/product-listing-page/no-results/no-results.js CHANGED Viewed

@@ -3,12 +3,14 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Button } from '../../../../buttons/button/button.js';
 import { FormattedMessage } from '../../../../intl/formatted-message.js';
 import { useIsBreakpoint } from '../../../../shared/hooks/use-is-breakpoint.js';
+import { usePaths } from '../../../../shared/routing/use-paths.js';
 import { Heading } from '../../../../typography/heading/heading.js';
 import styles from './no-results.module.css.js';
 function NoResults({ content, title }) {
+    const paths = usePaths();
     const isLg = useIsBreakpoint('lg');
-    return (jsxs("div", { className: styles['no-results'], children: [jsx(Heading, { bold: false, className: styles.title, size: isLg ? 's' : 'xs', tag: "h2", children: title }), jsx("p", { className: styles.body, children: content }), jsx("div", { className: styles.buttons, children: jsx(Button, { withArrow: true, "data-test-selector": "buttonContinueShopping", href: "/", size: "md", children: jsx(FormattedMessage, { id: "Continue shopping" }) }) })] }));
+    return (jsxs("div", { className: styles['no-results'], children: [jsx(Heading, { bold: false, className: styles.title, size: isLg ? 's' : 'xs', tag: "h2", children: title }), jsx("p", { className: styles.body, children: content }), jsx("div", { className: styles.buttons, children: jsx(Button, { withArrow: true, "data-test-selector": "buttonContinueShopping", href: paths.HOME, size: "md", children: jsx(FormattedMessage, { id: "Continue shopping" }) }) })] }));
 }
 export { NoResults };

package/dist/promos/promo-banner/promo-banner.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { Link } from '../../buttons/link/link.js';

package/dist/shared/api/bff/hooks/use-fetch-announcements.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../utils/time.js';
 import { fetchAnnouncements } from '../services/bff-service.js';

package/dist/shared/api/bff/hooks/use-fetch-navigation-links.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../utils/time.js';
 import { fetchNavigationLinks } from '../services/bff-service.js';

package/dist/shared/api/bff/hooks/use-fetch-product-details-page-data.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../utils/time.js';
 import { fetchProductDetailsPageData } from '../services/bff-service.js';

package/dist/shared/api/bff/hooks/use-fetch-product-listing-page-data.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../utils/time.js';
 import { fetchProductListingPageData } from '../services/bff-service.js';

package/dist/shared/api/bff/hooks/use-fetch-recently-viewed-products.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../utils/time.js';
 import { fetchRecentlyViewedProducts } from '../services/bff-service.js';

package/dist/shared/api/storefront/hooks/authentication/use-fetch-session.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../../utils/time.js';
 import { fetchSession } from '../../services/authentication-service.js';

package/dist/shared/api/storefront/hooks/authentication/use-invalidate-session.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useCallback } from 'react';
 import { useQueryClient } from '@tanstack/react-query';

package/dist/shared/api/storefront/hooks/authentication/use-is-authenticated.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useFetchSession } from './use-fetch-session.js';
 function useIsAuthenticated() {

package/dist/shared/api/storefront/hooks/authentication/use-patch-session.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQueryClient } from '@tanstack/react-query';
 import { patchSession } from '../../services/authentication-service.js';
 import { useAwaitableMutation } from '../../../shared/hooks/use-awaitable-mutation.js';

package/dist/shared/api/storefront/hooks/authentication/use-recover-password.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQueryClient, useMutation } from '@tanstack/react-query';
 import { recoverPassword } from '../../services/authentication-service.js';

package/dist/shared/api/storefront/hooks/authentication/use-sign-in.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQueryClient, useMutation } from '@tanstack/react-query';
 import { isRequestError } from '../../../../fetch/request.js';
 import { signIn, createSession } from '../../services/authentication-service.js';

package/dist/shared/api/storefront/hooks/authentication/use-sign-out.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQueryClient, useMutation } from '@tanstack/react-query';
 import { UnauthorizedRequestError } from '../../../../fetch/request.js';
 import { signOut } from '../../services/authentication-service.js';

package/dist/shared/api/storefront/hooks/cart/use-add-product-to-current-cart.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQueryClient, useMutation } from '@tanstack/react-query';
 import { addProductToCurrentCart } from '../../services/cart-service.js';

package/dist/shared/api/storefront/hooks/cart/use-delete-cart-line-by-id.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQueryClient, useMutation } from '@tanstack/react-query';
 import { deleteCartLineById } from '../../services/cart-service.js';

package/dist/shared/api/storefront/hooks/cart/use-delete-current-cart.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQueryClient, useMutation } from '@tanstack/react-query';
 import { deleteCurrentCart, fetchCurrentCart } from '../../services/cart-service.js';

package/dist/shared/api/storefront/hooks/cart/use-fetch-cart-by-id.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../../utils/time.js';
 import { fetchCart } from '../../services/cart-service.js';

package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-checkout-atp.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../../utils/time.js';
 import { fetchCurrentCheckoutAtp } from '../../services/cart-service.js';

package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-count.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useFetchCurrentCart } from './use-fetch-current-cart.js';
 function useFetchCurrentCartCount() {

package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-lines-with-atp.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useFetchCurrentCartWithAtp } from './use-fetch-current-cart-with-atp.js';
 function useFetchCurrentCartLinesWithAtp() {

package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-lines.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useFetchCurrentCart } from './use-fetch-current-cart.js';
 function useFetchCurrentCartLines() {

package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-product-atp.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../../utils/time.js';
 import { fetchCurrentCartProductAtp } from '../../services/cart-service.js';

package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-promotions.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../../utils/time.js';
 import { fetchCurrentCartPromotions } from '../../services/cart-service.js';

package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart-with-atp.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useFetchCurrentCart } from './use-fetch-current-cart.js';
 import { useFetchCurrentCartProductAtp } from './use-fetch-current-cart-product-atp.js';
@@ -12,10 +13,12 @@ function useFetchCurrentCartWithAtp({ forceRecalculation = true, select = cartMo
             select(atp
                 ? {
                     ...cartResult.data,
-                    cartLines: cartResult.data.cartLines?.map(line => ({
-                        ...line,
-                        atp: atp.find(a => a.productCode === line.erpNumber) || null,
-                    })),
+                    cartLines: cartResult.data.cartLines?.map(line => {
+                        const matchingAtp = atp.find(a => a.productCode === line.erpNumber);
+                        if (!matchingAtp)
+                            return line;
+                        return { ...line, atp: matchingAtp };
+                    }),
                 }
                 : cartResult.data),
         error: cartResult.error || error,

package/dist/shared/api/storefront/hooks/cart/use-fetch-current-cart.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useFetchCartById } from './use-fetch-cart-by-id.js';
 function useFetchCurrentCart(args) {

package/dist/shared/api/storefront/hooks/cart/use-invalidate-current-cart.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useCallback } from 'react';
 import { useQueryClient } from '@tanstack/react-query';

package/dist/shared/api/storefront/hooks/cart/use-patch-cart-line-by-id.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQueryClient, useMutation } from '@tanstack/react-query';
 import { patchCartLineById } from '../../services/cart-service.js';

package/dist/shared/api/storefront/hooks/cart/use-patch-cart.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useCallback } from 'react';
 import { useAwaitableMutation } from '../../../shared/hooks/use-awaitable-mutation.js';
 import { patchCart } from '../../services/cart-service.js';

package/dist/shared/api/storefront/hooks/cart/use-place-order.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useCallback } from 'react';
 import { useAwaitableMutation } from '../../../shared/hooks/use-awaitable-mutation.js';
 import { placeOrder } from '../../services/cart-service.js';

package/dist/shared/api/storefront/hooks/cart/use-save-cart-for-later.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQueryClient, useMutation } from '@tanstack/react-query';
 import { saveCartForLater } from '../../services/cart-service.js';

package/dist/shared/api/storefront/hooks/customer/use-fetch-bill-to-address.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { fetchBillToAddress } from '../../services/customer-service.js';

package/dist/shared/api/storefront/hooks/customer/use-fetch-bill-to-addresses.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { fetchBillToAddresses } from '../../services/customer-service.js';

package/dist/shared/api/storefront/hooks/customer/use-fetch-current-bill-to-address.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useFetchBillToAddress } from './use-fetch-bill-to-address.js';
 function useFetchCurrentBillToAddress({ includeValidation = false, } = {}) {

package/dist/shared/api/storefront/hooks/customer/use-fetch-current-ship-to-address.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useFetchShipToAddress } from './use-fetch-ship-to-address.js';
 function useFetchCurrentShipToAddress({ includeValidation = false, } = {}) {

package/dist/shared/api/storefront/hooks/customer/use-fetch-fulfillment-methods-by-customer-id.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { fetchFulfillmentMethods } from '../../services/customer-service.js';

package/dist/shared/api/storefront/hooks/customer/use-fetch-fulfillment-methods-for-current-cart.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useFetchCurrentCart } from '../cart/use-fetch-current-cart.js';
 import { useFetchFulfillmentMethodsByCustomerId } from './use-fetch-fulfillment-methods-by-customer-id.js';

package/dist/shared/api/storefront/hooks/customer/use-fetch-ship-to-address.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { fetchShipToAddress } from '../../services/customer-service.js';

package/dist/shared/api/storefront/hooks/customer/use-fetch-ship-to-addresses.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { fetchShipToAddresses } from '../../services/customer-service.js';

package/dist/shared/api/storefront/hooks/customer/use-patch-bill-to-address.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { patchBillToAddress } from '../../services/customer-service.js';
 import { useAwaitableMutation } from '../../../shared/hooks/use-awaitable-mutation.js';

package/dist/shared/api/storefront/hooks/customer/use-patch-ship-to-address.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { patchShipToAddress } from '../../services/customer-service.js';
 import { useAwaitableMutation } from '../../../shared/hooks/use-awaitable-mutation.js';

package/dist/shared/api/storefront/hooks/customer/use-post-ship-to-address.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { postShipToAddress } from '../../services/customer-service.js';
 import { useAwaitableMutation } from '../../../shared/hooks/use-awaitable-mutation.js';

package/dist/shared/api/storefront/hooks/orders/use-fetch-orders.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { fetchOrders } from '../../services/order-service.js';

package/dist/shared/api/storefront/hooks/payment/use-create-adyen-session.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useMutation } from '@tanstack/react-query';
 import { createAdyenSession } from '../../services/payment-service.js';

package/dist/shared/api/storefront/hooks/payment/use-fetch-adyen-config.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { useIsAuthenticated } from '../authentication/use-is-authenticated.js';
 import { fetchAdyenConfig } from '../../services/payment-service.js';

package/dist/shared/api/storefront/hooks/payment/use-invalidate-adyen.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useCallback } from 'react';
 import { useQueryClient } from '@tanstack/react-query';

package/dist/shared/api/storefront/hooks/product/use-mark-product-as-viewed.d.ts CHANGED Viewed

@@ -1,3 +1,5 @@
-export declare function useMarkProductAsRecentlyViewed({ productId, }: {
-    productId?: string;
-}): import("@tanstack/react-query").UseQueryResult<void, Error>;
+interface MarkProductAsRecentlyViewedParams {
+    productId: string;
+}
+export declare function useMarkProductAsRecentlyViewed(): import("@tanstack/react-query").UseMutationResult<void, Error, MarkProductAsRecentlyViewedParams, unknown>;
+export {};

package/dist/shared/api/storefront/hooks/product/use-mark-product-as-viewed.js CHANGED Viewed

@@ -1,19 +1,16 @@
-import { useQueryClient, useQuery } from '@tanstack/react-query';
+"use client";
+import { useQueryClient, useMutation } from '@tanstack/react-query';
 import { markProductAsRecentlyViewed } from '../../services/product-service.js';
-function useMarkProductAsRecentlyViewed({ productId, }) {
+function useMarkProductAsRecentlyViewed() {
     const queryClient = useQueryClient();
-    return useQuery({
-        enabled: Boolean(productId),
-        gcTime: 0,
-        queryFn: () => {
+    return useMutation({
+        mutationFn: async ({ productId }) => {
             markProductAsRecentlyViewed({ productId: productId });
             queryClient.invalidateQueries({
                 queryKey: ['products', 'recently-viewed'],
             });
         },
-        queryKey: ['mark-product-as-recently-viewed', productId],
-        staleTime: 0,
     });
 }

package/dist/shared/api/storefront/hooks/translation/use-fetch-translations.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../../utils/time.js';
 import { fetchTranslations } from '../../services/translation-service.js';

package/dist/shared/api/storefront/hooks/website/use-fetch-countries-languages.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../../utils/time.js';
 import { fetchCountriesLanguages } from '../../services/website-service.js';

package/dist/shared/api/storefront/hooks/website/use-fetch-countries-with-languages.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../../utils/time.js';
 import { fetchCountriesWithLanguages } from '../../services/website-service.js';

package/dist/shared/api/storefront/hooks/website/use-fetch-country-models.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../../utils/time.js';
 import { fetchCountriesLanguages } from '../../services/website-service.js';

package/dist/shared/api/storefront/hooks/website/use-fetch-settings.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../../utils/time.js';
 import { fetchSettings } from '../../services/website-service.js';

package/dist/shared/api/storefront/hooks/website/use-update-locale.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useMutation } from '@tanstack/react-query';
 import { updateLocale } from '../../services/website-service.js';

package/dist/shared/api/storefront/hooks/wishlist/use-add-wishlist-item-to-current-wishlist.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQueryClient, useMutation } from '@tanstack/react-query';
 import { createWishList, addWishListItemToWishList } from '../../services/wishlist-service.js';

package/dist/shared/api/storefront/hooks/wishlist/use-add-wishlist-item-to-wishlist.js CHANGED Viewed

@@ -1,7 +1,7 @@
+"use client";
 import { useQueryClient, useMutation } from '@tanstack/react-query';
 import { getWishLists, addWishListItemToWishList } from '../../services/wishlist-service.js';
-/* eslint-disable unicorn/no-await-expression-member */
 function useAddWishListItemToWishList() {
     const queryClient = useQueryClient();
     return useMutation({

package/dist/shared/api/storefront/hooks/wishlist/use-create-wishlist.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQueryClient, useMutation } from '@tanstack/react-query';
 import { createWishList } from '../../services/wishlist-service.js';

package/dist/shared/api/storefront/hooks/wishlist/use-delete-wishlist-item-from-wishlist.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQueryClient, useMutation } from '@tanstack/react-query';
 import { deleteWishListItemFromWishList } from '../../services/wishlist-service.js';

package/dist/shared/api/storefront/hooks/wishlist/use-fetch-all-wishlists-items.js CHANGED Viewed

@@ -1,8 +1,8 @@
+"use client";
 import { useQueryClient, useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../../utils/time.js';
 import { getWishLists, getWishListItemsByWishListId } from '../../services/wishlist-service.js';
-/* eslint-disable unicorn/no-await-expression-member */
 function useFetchAllWishListsItems({ enabled = true } = { enabled: true }) {
     const queryClient = useQueryClient();
     return useQuery({

package/dist/shared/api/storefront/hooks/wishlist/use-fetch-wishlists.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../../utils/time.js';
 import { getWishLists } from '../../services/wishlist-service.js';

package/dist/shared/api/storefront/services/website-service.js CHANGED Viewed

@@ -1,8 +1,13 @@
 import { config } from '../../../../config.js';
 import { request } from '../../../fetch/request.js';
+import { TIME } from '../../../utils/time.js';
 async function fetchCountriesLanguages() {
     const { body } = await request({
+        next: {
+            revalidate: 1 * TIME.DAY,
+            tags: ['countries-languages'],
+        },
         url: `${config.SHOP_API_URL}/api/v1/websites/current?expand=languages%2Ccountries`,
     });
     return {
@@ -12,6 +17,10 @@ async function fetchCountriesLanguages() {
 }
 async function fetchCountriesWithLanguages() {
     const { body } = await request({
+        next: {
+            revalidate: 1 * TIME.DAY,
+            tags: ['countries-languages'],
+        },
         url: `${config.SHOP_API_URL}/api/v1/custom/countrylanguage`,
     });
     return body;

package/dist/shared/feature-flags/use-feature-flags.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { useMemo } from 'react';
 import qs from 'query-string';

package/dist/shared/hooks/use-debounced-callback.d.ts CHANGED Viewed

@@ -1 +1,5 @@
-export declare function useDebouncedCallback<T extends (...args: any[]) => any>(func: T, delay: number): (...args: Parameters<T>) => Promise<ReturnType<T>>;
+export interface DebouncedCallback<T extends (...args: any[]) => any> {
+    (...args: Parameters<T>): Promise<ReturnType<T>>;
+    cancel: VoidFunction;
+}
+export declare function useDebouncedCallback<T extends (...args: any[]) => any>(func: T, delay: number): DebouncedCallback<T>;

package/dist/shared/hooks/use-debounced-callback.js CHANGED Viewed

@@ -4,16 +4,16 @@ import { useRef, useCallback } from 'react';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function useDebouncedCallback(func, delay) {
     const timeoutId = useRef();
-    return useCallback(function debounced(...args) {
-        return new Promise(resolve => {
-            if (typeof window === 'undefined')
-                return resolve(func(...args));
-            clearTimeout(timeoutId.current);
-            timeoutId.current = setTimeout(() => {
-                resolve(func(...args));
-            }, delay);
-        });
-    }, [delay, func]);
+    const debounced = (...args) => new Promise(resolve => {
+        if (typeof window === 'undefined')
+            return resolve(func(...args));
+        clearTimeout(timeoutId.current);
+        timeoutId.current = setTimeout(() => {
+            resolve(func(...args));
+        }, delay);
+    });
+    debounced.cancel = () => clearTimeout(timeoutId.current);
+    return useCallback(debounced, [delay, func]);
 }
 export { useDebouncedCallback };

package/dist/shared/providers/react-query-container.d.ts CHANGED Viewed

@@ -1,5 +1,10 @@
-import { ReactNode } from 'react';
-export declare function ReactQueryContainer({ children, enableDevTools, }: {
-    children: ReactNode;
+import { ReactElement, ReactNode } from 'react';
+import { QueryClient } from '@tanstack/react-query';
+export declare const globalQueryClient: QueryClient;
+export declare function ReactQueryContainer({ children, enableDevTools, queryClient, }: {
+    children: ReactNode | ((args: {
+        queryClient: QueryClient;
+    }) => ReactNode | ReactElement);
     enableDevTools?: boolean;
+    queryClient?: QueryClient;
 }): import("react/jsx-runtime").JSX.Element;