@sonic-equipment/ui 0.0.119 → 120.0.0

package/dist/promos/promo-banner/promo-banner.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"promo-banner":"promo-banner-module-yuVEO","sm":"promo-banner-module-ut8Kd","lg":"promo-banner-module-CSkIw"};
+
+export { styles as default };

package/dist/promos/promo-banners/promo-banners.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { Carousel } from '../../carousel/carousel.js';
+import { useBreakpoint } from '../../shared/hooks/use-breakpoint.js';
+import { PromoBanner } from '../promo-banner/promo-banner.js';
+import styles from './promo-banners.module.css.js';
+
+function PromoBanners({ promoBannersData = [] }) {
+    const { lg } = useBreakpoint();
+    const promoBanners = promoBannersData.map((promoBanner, index) => (jsx(PromoBanner, { href: promoBanner.href, image: promoBanner.image, variant: index % 2 === 0 ? 'lg' : 'sm' }, `promo-banner-${index}`)));
+    if (promoBannersData.length === 0)
+        return null;
+    return (jsx("div", { className: styles.promos, children: lg ? (jsx(Fragment, { children: promoBanners })) : (jsx(Carousel, { hasNavigation: false, hasOverflow: false, slides: promoBanners, spaceBetween: 16 })) }));
+}
+
+export { PromoBanners };

package/dist/promos/promo-banners/promo-banners.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"promos":"promo-banners-module-uVyxh"};
+
+export { styles as default };

package/dist/promos/promo-card/promo-card.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Image } from '../../media/image/image.js';
+import { RouteLink } from '../../shared/routing/route-link.js';
+import styles from './promo-card.module.css.js';
+
+function PromoCard({ href, image, onClick }) {
+    return (jsx("div", { className: styles['promo-card-container'], children: jsx(RouteLink, { className: styles['promo-card'], href: href, onClick: onClick, children: jsx(Image, { className: styles.image, fit: "cover", image: image, title: image.altText }) }) }));
+}
+
+export { PromoCard };

package/dist/promos/promo-card/promo-card.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"promo-card-container":"promo-card-module-idY1g","promo-card":"promo-card-module-e2oii","image":"promo-card-module-jr9sn"};
+
+export { styles as default };

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

@@ -0,0 +1,15 @@
+import { useQuery } from '@tanstack/react-query';
+import { TIME } from '../../../utils/time.js';
+import { fetchAnnouncements } from '../services/bff-service.js';
+
+function useFetchAnnouncements({ cultureCode }) {
+    return useQuery({
+        gcTime: 1 * TIME.DAY,
+        queryFn: () => fetchAnnouncements({ cultureCode }),
+        queryKey: ['announcements', cultureCode],
+        refetchInterval: 5 * TIME.MINUTE,
+        staleTime: 1 * TIME.DAY,
+    });
+}
+
+export { useFetchAnnouncements };

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

@@ -0,0 +1,14 @@
+import { useQuery } from '@tanstack/react-query';
+import { TIME } from '../../../utils/time.js';
+import { fetchProductDetailsPageData } from '../services/bff-service.js';
+
+function useFetchProductDetailsPageData(args) {
+    return useQuery({
+        gcTime: 1 * TIME.DAY,
+        queryFn: () => fetchProductDetailsPageData(args),
+        queryKey: ['product-details-page-data', args.pageUrl, args.cultureCode],
+        staleTime: 1 * TIME.DAY,
+    });
+}
+
+export { useFetchProductDetailsPageData };

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

@@ -0,0 +1,14 @@
+import { useQuery } from '@tanstack/react-query';
+import { TIME } from '../../../utils/time.js';
+import { fetchProductListingPageData } from '../services/bff-service.js';
+
+function useFetchProductListingPageData(args) {
+    return useQuery({
+        gcTime: 1 * TIME.DAY,
+        queryFn: () => fetchProductListingPageData(args),
+        queryKey: ['product-listing-page-data', args.pageUrl, args.cultureCode],
+        staleTime: 1 * TIME.DAY,
+    });
+}
+
+export { useFetchProductListingPageData };

package/dist/shared/api/bff/model/bff.model.d.ts

@@ -56,7 +56,7 @@ interface ProductPrice {
     originalPrice: number;
     price: number;
 }
-interface ProductSummary {
+export interface ProductSummary {
     href: string;
     image: Image | undefined;
     price: ProductPrice;

package/dist/shared/api/bff/model/bff.model.js

@@ -0,0 +1 @@
+

package/dist/shared/api/bff/services/bff-service.js

@@ -0,0 +1,76 @@
+import { config } from '../../../../config.js';
+import { request } from '../../../fetch/request.js';
+import { isAnnouncementType, isAnnouncementSubtype } from '../../../model/announcement.js';
+
+async function fetchAnnouncements({ cultureCode, }) {
+    const { body } = await request({
+        headers: { 'Current-Language-Id': cultureCode },
+        url: `${config.BFF_API_URL}/notification/announcement`,
+    });
+    if (typeof body === 'string')
+        return [];
+    return body.map(({ endDate, href, id, startDate, subType, text, title, type }) => {
+        if (!isAnnouncementType(type))
+            throw new Error(`Invalid announcement type: ${type}`);
+        if (!isAnnouncementSubtype(subType)) {
+            throw new Error(`Invalid announcement subType: ${subType}`);
+        }
+        return {
+            endDate: endDate ? new Date(endDate) : undefined,
+            href,
+            id,
+            startDate: startDate ? new Date(startDate) : undefined,
+            subType,
+            text,
+            title,
+            type,
+        };
+    });
+}
+async function fetchProductDetailsPageData({ cultureCode, pageUrl, }) {
+    const { body } = await request({
+        headers: { 'Current-Language-Id': cultureCode },
+        url: `${config.BFF_API_URL}/pdp/?pageUrl=${pageUrl}`,
+    });
+    return body;
+}
+async function fetchProductListingPageData({ cultureCode, pageUrl, }) {
+    const { body } = await request({
+        headers: { 'Current-Language-Id': cultureCode },
+        url: `${config.BFF_API_URL}/plp/?pageUrl=${pageUrl}`,
+    });
+    return {
+        breadCrumb: body.breadCrumb,
+        category: body.categories
+            ? {
+                href: body.categories.path,
+                image: {
+                    1: body.categories.smallImagePath,
+                    2: body.categories.smallImagePath,
+                    3: body.categories.smallImagePath,
+                    altText: body.categories.imageAltText,
+                },
+                title: body.categories.shortDescription,
+            }
+            : undefined,
+        categoryPages: body.categoryPages,
+        hierarchicalCategories: body.hierarchicalCategories,
+        promoBanners: body.promoBanners
+            ? {
+                top: body.promoBanners.top || undefined,
+            }
+            : undefined,
+        subcategories: body.categories?.subCategories?.map(subcategory => ({
+            href: subcategory.path,
+            image: {
+                1: subcategory.smallImagePath,
+                2: subcategory.smallImagePath,
+                3: subcategory.smallImagePath,
+                altText: subcategory.imageAltText,
+            },
+            title: subcategory.shortDescription,
+        })),
+    };
+}
+
+export { fetchAnnouncements, fetchProductDetailsPageData, fetchProductListingPageData };

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

@@ -0,0 +1,18 @@
+import { useQuery } from '@tanstack/react-query';
+import { TIME } from '../../../../utils/time.js';
+import { fetchSession } from '../../services/authentication-service.js';
+
+function useFetchSession({ enabled = true, } = {}) {
+    return useQuery({
+        enabled,
+        gcTime: 15 * TIME.MINUTE,
+        queryFn: async () => {
+            return await fetchSession();
+        },
+        queryKey: ['session'],
+        retry: 3,
+        staleTime: 15 * TIME.MINUTE,
+    });
+}
+
+export { useFetchSession };

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

@@ -0,0 +1,9 @@
+import { useCallback } from 'react';
+import { useQueryClient } from '@tanstack/react-query';
+
+function useInvalidateSession() {
+    const queryClient = useQueryClient();
+    return useCallback(() => queryClient.invalidateQueries({ queryKey: ['session'] }), [queryClient]);
+}
+
+export { useInvalidateSession };

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

@@ -0,0 +1,8 @@
+import { useFetchSession } from './use-fetch-session.js';
+
+function useIsAuthenticated() {
+    const { data } = useFetchSession();
+    return data?.isAuthenticated;
+}
+
+export { useIsAuthenticated };

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

@@ -0,0 +1,21 @@
+import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { signIn, createSession } from '../../services/authentication-service.js';
+
+function useSignIn() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async ({ password, userName }) => {
+            const body = await signIn({ password, userName });
+            await createSession({
+                accessToken: body.access_token,
+                password,
+                userName,
+            });
+            queryClient.invalidateQueries();
+            queryClient.clear();
+            return body;
+        },
+    });
+}
+
+export { useSignIn };

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

@@ -0,0 +1,25 @@
+import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { UnauthorizedRequestError } from '../../../../fetch/request.js';
+import { signOut } from '../../services/authentication-service.js';
+
+function useSignOut() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async () => {
+            try {
+                await signOut();
+            }
+            catch (error) {
+                if (error instanceof UnauthorizedRequestError)
+                    return;
+                throw error;
+            }
+            finally {
+                queryClient.invalidateQueries();
+                queryClient.clear();
+            }
+        },
+    });
+}
+
+export { useSignOut };

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

@@ -0,0 +1,31 @@
+import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { addProductToCurrentCart } from '../../services/cart-service.js';
+
+function useAddProductToCurrentCart() {
+    const queryClient = useQueryClient();
+    const queryKey = ['carts', 'current', 'cartlines'];
+    return useMutation({
+        mutationFn: async ({ productId, qtyOrdered, unitOfMeasure, }) => {
+            const cartLine = await addProductToCurrentCart({
+                productId,
+                qtyOrdered,
+                unitOfMeasure,
+            });
+            if (cartLine.productId !== productId)
+                throw new Error(`Product ${productId} has not been added to the current cart`);
+            const cartLines = queryClient.getQueryData(queryKey) ||
+                [];
+            queryClient.setQueryData(queryKey, cartLines.some(cl => cl.id === cartLine.id)
+                ? cartLines.map(cl => (cl.id === cartLine.id ? cartLine : cl))
+                : [...cartLines, cartLine]);
+            // Invalidate the related current cart query cache
+            queryClient.invalidateQueries({ queryKey: ['carts', 'current'] });
+            return cartLine;
+        },
+        onError: () => {
+            queryClient.invalidateQueries({ queryKey });
+        },
+    });
+}
+
+export { useAddProductToCurrentCart };

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

@@ -0,0 +1,23 @@
+import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { deleteCartLineById } from '../../services/cart-service.js';
+
+function useDeleteCartLineById({ onError, onSuccess, } = {}) {
+    const queryClient = useQueryClient();
+    const queryKey = ['carts', 'current', 'cartlines'];
+    return useMutation({
+        mutationFn: async ({ cartLineId, }) => {
+            await deleteCartLineById({ cartLineId });
+            const cartLines = queryClient.getQueryData(queryKey);
+            queryClient.setQueryData(queryKey, cartLines?.filter(line => line.id !== cartLineId));
+            // Invalidate the related current cart query cache
+            queryClient.invalidateQueries({ queryKey: ['carts', 'current'] });
+        },
+        onError: () => {
+            queryClient.invalidateQueries({ queryKey });
+            onError?.();
+        },
+        onSuccess,
+    });
+}
+
+export { useDeleteCartLineById };

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

@@ -0,0 +1,18 @@
+import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { deleteCurrentCart, fetchCurrentCart } from '../../services/cart-service.js';
+
+const useDeleteCurrentCart = ({ onError, onSuccess, } = {}) => {
+    const queryClient = useQueryClient();
+    return useMutation({
+        async mutationFn() {
+            await deleteCurrentCart();
+            const updatedCart = await fetchCurrentCart();
+            queryClient.setQueryData(['carts', 'current'], updatedCart);
+            return updatedCart;
+        },
+        onError,
+        onSuccess,
+    });
+};
+
+export { useDeleteCurrentCart };

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

@@ -0,0 +1,15 @@
+import { useQuery } from '@tanstack/react-query';
+import { TIME } from '../../../../utils/time.js';
+import { fetchCurrentCheckoutAtp } from '../../services/cart-service.js';
+
+function useFetchCurrentCheckoutAtp() {
+    return useQuery({
+        gcTime: 15 * TIME.MINUTE,
+        queryFn: fetchCurrentCheckoutAtp,
+        queryKey: ['carts', 'current', 'atp', 'checkout'],
+        retry: 3,
+        staleTime: 15 * TIME.MINUTE,
+    });
+}
+
+export { useFetchCurrentCheckoutAtp };

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

@@ -0,0 +1,8 @@
+import { useFetchCurrentCartLines } from './use-fetch-current-cart-lines.js';
+
+function useFetchCurrentCartCount() {
+    const { data } = useFetchCurrentCartLines();
+    return data?.reduce((acc, cartLine) => acc + (cartLine.qtyOrdered || 0), 0);
+}
+
+export { useFetchCurrentCartCount };

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

@@ -0,0 +1,11 @@
+import { useFetchCurrentCartWithAtp } from './use-fetch-current-cart-with-atp.js';
+
+function useFetchCurrentCartLinesWithAtp() {
+    return useFetchCurrentCartWithAtp({
+        select(cartModel) {
+            return cartModel.cartLines || [];
+        },
+    });
+}
+
+export { useFetchCurrentCartLinesWithAtp };

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

@@ -0,0 +1,11 @@
+import { useFetchCurrentCart } from './use-fetch-current-cart.js';
+
+function useFetchCurrentCartLines() {
+    return useFetchCurrentCart({
+        select(cartModel) {
+            return cartModel.cartLines || [];
+        },
+    });
+}
+
+export { useFetchCurrentCartLines };

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

@@ -0,0 +1,15 @@
+import { useQuery } from '@tanstack/react-query';
+import { TIME } from '../../../../utils/time.js';
+import { fetchCurrentCartProductAtp } from '../../services/cart-service.js';
+
+function useFetchCurrentCartProductAtp() {
+    return useQuery({
+        gcTime: 15 * TIME.MINUTE,
+        queryFn: fetchCurrentCartProductAtp,
+        queryKey: ['carts', 'current', 'atp'],
+        retry: 3,
+        staleTime: 15 * TIME.MINUTE,
+    });
+}
+
+export { useFetchCurrentCartProductAtp };

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

@@ -0,0 +1,15 @@
+import { useQuery } from '@tanstack/react-query';
+import { TIME } from '../../../../utils/time.js';
+import { fetchCurrentCartPromotions } from '../../services/cart-service.js';
+
+function useFetchCurrentCartPromotions() {
+    return useQuery({
+        gcTime: 15 * TIME.MINUTE,
+        queryFn: fetchCurrentCartPromotions,
+        queryKey: ['carts', 'current', 'promotions'],
+        retry: 3,
+        staleTime: 15 * TIME.MINUTE,
+    });
+}
+
+export { useFetchCurrentCartPromotions };

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

@@ -0,0 +1,26 @@
+import { useFetchCurrentCart } from './use-fetch-current-cart.js';
+import { useFetchCurrentCartProductAtp } from './use-fetch-current-cart-product-atp.js';
+
+function useFetchCurrentCartWithAtp({ select = cartModel => cartModel, } = { select: cartModel => cartModel }) {
+    const cartResult = useFetchCurrentCart();
+    const { data: atp, error, isError, isFetching, isLoading, } = useFetchCurrentCartProductAtp();
+    return {
+        ...cartResult,
+        data: cartResult.data &&
+            select(atp
+                ? {
+                    ...cartResult.data,
+                    cartLines: cartResult.data.cartLines?.map(line => ({
+                        ...line,
+                        atp: atp.find(a => a.productCode === line.erpNumber),
+                    })),
+                }
+                : cartResult.data),
+        error: cartResult.error || error,
+        isError: cartResult.isError || isError,
+        isFetching: cartResult.isFetching || isFetching,
+        isLoading: cartResult.isLoading || isLoading,
+    };
+}
+
+export { useFetchCurrentCartWithAtp };

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

@@ -0,0 +1,17 @@
+import { useQuery } from '@tanstack/react-query';
+import { TIME } from '../../../../utils/time.js';
+import { fetchCurrentCart } from '../../services/cart-service.js';
+
+function useFetchCurrentCart({ select, } = {}) {
+    return useQuery({
+        gcTime: 15 * TIME.MINUTE,
+        placeholderData: prev => prev,
+        queryFn: fetchCurrentCart,
+        queryKey: ['carts', 'current'],
+        retry: 3,
+        select: select || (cartModel => cartModel),
+        staleTime: 15 * TIME.MINUTE,
+    });
+}
+
+export { useFetchCurrentCart };

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

@@ -0,0 +1,9 @@
+import { useCallback } from 'react';
+import { useQueryClient } from '@tanstack/react-query';
+
+function useInvalidateCurrentCart() {
+    const queryClient = useQueryClient();
+    return useCallback(() => queryClient.invalidateQueries({ queryKey: ['carts', 'current'] }), [queryClient]);
+}
+
+export { useInvalidateCurrentCart };

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

@@ -0,0 +1,15 @@
+import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { patchCart } from '../../services/cart-service.js';
+
+function usePatchCart() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async ({ cart }) => {
+            const updatedCart = await patchCart({ cart });
+            queryClient.setQueriesData({ queryKey: ['cart'] }, updatedCart);
+            return updatedCart;
+        },
+    });
+}
+
+export { usePatchCart };

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

@@ -0,0 +1,15 @@
+import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { placeOrder } from '../../services/cart-service.js';
+
+const usePlaceOrder = () => {
+    const queryClient = useQueryClient();
+    return useMutation({
+        async mutationFn({ cart }) {
+            const updatedCart = await placeOrder({ cart });
+            queryClient.setQueryData(['carts', 'current'], updatedCart);
+            return updatedCart;
+        },
+    });
+};
+
+export { usePlaceOrder };

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

@@ -0,0 +1,17 @@
+import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { saveCartForLater } from '../../services/cart-service.js';
+
+function useSaveCartForLater({ onError, onSuccess, } = {}) {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async ({ cart }) => {
+            const updatedCart = await saveCartForLater({ cart });
+            queryClient.setQueryData(['carts', 'current'], updatedCart);
+            return updatedCart;
+        },
+        onError,
+        onSuccess,
+    });
+}
+
+export { useSaveCartForLater };

package/dist/shared/api/storefront/hooks/cart/use-update-cart-line-by-id.js

@@ -0,0 +1,30 @@
+import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { updateCartLineById } from '../../services/cart-service.js';
+
+function useUpdateCartLineById() {
+    const queryClient = useQueryClient();
+    const queryKey = ['carts', 'current', 'cartlines'];
+    return useMutation({
+        mutationFn: async ({ cartLine: _cartLine, cartLineId }) => {
+            await updateCartLineById({ cartLine: _cartLine, cartLineId });
+            // Invalidate the related current cart query cache
+            queryClient.invalidateQueries({ queryKey: ['carts', 'current'] });
+        },
+        onError: () => {
+            queryClient.invalidateQueries({ queryKey });
+        },
+        onMutate: async ({ cartLine }) => {
+            await queryClient.cancelQueries({ queryKey });
+            const cartLines = (queryClient.getQueryData(queryKey) ||
+                []);
+            const previousCartLine = cartLines.find(line => line.id === cartLine.id);
+            queryClient.setQueryData(queryKey, cartLines.some(cl => cl.id === cartLine.id)
+                ? cartLines.map(cl => (cl.id === cartLine.id ? cartLine : cl))
+                : [...cartLines, cartLine]);
+            // Return a context with the previous and new todo
+            return { newCartLine: cartLine, previousCartLine };
+        },
+    });
+}
+
+export { useUpdateCartLineById };

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

@@ -0,0 +1,15 @@
+import { useQuery } from '@tanstack/react-query';
+import { TIME } from '../../../../utils/time.js';
+import { fetchTranslations } from '../../services/translation-service.js';
+
+function useFetchTranslations(languagCode, { enabled = true } = { enabled: true }) {
+    return useQuery({
+        enabled,
+        gcTime: 1 * TIME.DAY,
+        queryFn: () => fetchTranslations(languagCode),
+        queryKey: ['translations'],
+        staleTime: 1 * TIME.DAY,
+    });
+}
+
+export { useFetchTranslations };

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

@@ -0,0 +1,15 @@
+import { useQuery } from '@tanstack/react-query';
+import { TIME } from '../../../../utils/time.js';
+import { fetchCountriesLanguages } from '../../services/website-service.js';
+
+function useFetchCountriesLanguages({ enabled = true, } = { enabled: true }) {
+    return useQuery({
+        enabled,
+        gcTime: 24 * TIME.HOUR,
+        queryFn: fetchCountriesLanguages,
+        queryKey: ['country-languages'],
+        staleTime: 24 * TIME.HOUR,
+    });
+}
+
+export { useFetchCountriesLanguages };

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

@@ -0,0 +1,15 @@
+import { useQuery } from '@tanstack/react-query';
+import { TIME } from '../../../../utils/time.js';
+import { fetchCountriesWithLanguages } from '../../services/website-service.js';
+
+function useFetchCountriesWithLanguages({ enabled = true, } = { enabled: true }) {
+    return useQuery({
+        enabled,
+        gcTime: 24 * TIME.HOUR,
+        queryFn: fetchCountriesWithLanguages,
+        queryKey: ['country-languages'],
+        staleTime: 24 * TIME.HOUR,
+    });
+}
+
+export { useFetchCountriesWithLanguages };

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

@@ -0,0 +1,14 @@
+import { useQuery } from '@tanstack/react-query';
+import { TIME } from '../../../../utils/time.js';
+import { fetchCountries } from '../../services/website-service.js';
+
+function useFetchCountries() {
+    return useQuery({
+        gcTime: 24 * TIME.HOUR,
+        queryFn: fetchCountries,
+        queryKey: ['countries'],
+        staleTime: 24 * TIME.HOUR,
+    });
+}
+
+export { useFetchCountries };