@sonic-equipment/ui 219.0.0 → 221.0.0

package/dist/node_modules/.pnpm/@algolia_autocomplete-shared@1.19.2_@algolia_client-search@4.24.0_algoliasearch@4.24.0/node_modules/@algolia/autocomplete-shared/dist/esm/invariant.js

@@ -0,0 +1,15 @@
+/**
+ * Throws an error if the condition is not met in development mode.
+ * This is used to make development a better experience to provide guidance as
+ * to where the error comes from.
+ */
+function invariant(condition, message) {
+  if (!(process.env.NODE_ENV !== 'production')) {
+    return;
+  }
+  if (!condition) {
+    throw new Error("[Autocomplete] ".concat(typeof message === 'function' ? message() : message));
+  }
+}
+
+export { invariant };

package/dist/node_modules/.pnpm/@algolia_autocomplete-shared@1.19.2_@algolia_client-search@4.24.0_algoliasearch@4.24.0/node_modules/@algolia/autocomplete-shared/dist/esm/isEqual.js

@@ -0,0 +1,26 @@
+function isPrimitive(obj) {
+  return obj !== Object(obj);
+}
+function isEqual(first, second) {
+  if (first === second) {
+    return true;
+  }
+  if (isPrimitive(first) || isPrimitive(second) || typeof first === 'function' || typeof second === 'function') {
+    return first === second;
+  }
+  if (Object.keys(first).length !== Object.keys(second).length) {
+    return false;
+  }
+  for (var _i = 0, _Object$keys = Object.keys(first); _i < _Object$keys.length; _i++) {
+    var key = _Object$keys[_i];
+    if (!(key in second)) {
+      return false;
+    }
+    if (!isEqual(first[key], second[key])) {
+      return false;
+    }
+  }
+  return true;
+}
+
+export { isEqual };

package/dist/node_modules/.pnpm/@algolia_autocomplete-shared@1.19.2_@algolia_client-search@4.24.0_algoliasearch@4.24.0/node_modules/@algolia/autocomplete-shared/dist/esm/noop.js

@@ -0,0 +1,3 @@
+var noop = function noop() {};
+
+export { noop };

package/dist/node_modules/.pnpm/@algolia_autocomplete-shared@1.19.2_@algolia_client-search@4.24.0_algoliasearch@4.24.0/node_modules/@algolia/autocomplete-shared/dist/esm/safelyRunOnBrowser.js

@@ -0,0 +1,13 @@
+/**
+ * Safely runs code meant for browser environments only.
+ */
+function safelyRunOnBrowser(callback) {
+  if (typeof window !== 'undefined') {
+    return callback({
+      window: window
+    });
+  }
+  return undefined;
+}
+
+export { safelyRunOnBrowser };

package/dist/node_modules/.pnpm/@algolia_autocomplete-shared@1.19.2_@algolia_client-search@4.24.0_algoliasearch@4.24.0/node_modules/@algolia/autocomplete-shared/dist/esm/userAgents.js

@@ -0,0 +1,8 @@
+import { version } from './version.js';
+
+var userAgents = [{
+  segment: 'autocomplete-core',
+  version: version
+}];
+
+export { userAgents };

package/dist/node_modules/.pnpm/@algolia_autocomplete-shared@1.19.2_@algolia_client-search@4.24.0_algoliasearch@4.24.0/node_modules/@algolia/autocomplete-shared/dist/esm/version.js

@@ -0,0 +1,3 @@
+var version = '1.19.2';
+
+export { version };

package/dist/node_modules/.pnpm/@algolia_autocomplete-shared@1.19.2_@algolia_client-search@4.24.0_algoliasearch@4.24.0/node_modules/@algolia/autocomplete-shared/dist/esm/warn.js

@@ -0,0 +1,26 @@
+var warnCache = {
+  current: {}
+};
+
+/**
+ * Logs a warning if the condition is not met.
+ * This is used to log issues in development environment only.
+ */
+function warn(condition, message) {
+  if (!(process.env.NODE_ENV !== 'production')) {
+    return;
+  }
+  if (condition) {
+    return;
+  }
+  var sanitizedMessage = message.trim();
+  var hasAlreadyPrinted = warnCache.current[sanitizedMessage];
+  if (!hasAlreadyPrinted) {
+    warnCache.current[sanitizedMessage] = true;
+
+    // eslint-disable-next-line no-console
+    console.warn("[Autocomplete] ".concat(sanitizedMessage));
+  }
+}
+
+export { warn, warnCache };

package/dist/pages/account/sign-in-page/sign-in-page.js

@@ -36,7 +36,7 @@ function SignInPage({ returnUrl } = {}) {
         setIsSuccess(true);
         navigate(returnUrl || paths.HOME, { reload: true });
     };
-    const allowGuestSignIn = returnUrl === paths.CHECKOUT_SHIPPING;
+    const allowGuestSignIn = returnUrl?.toLowerCase() === paths.CHECKOUT_SHIPPING.toLowerCase();
     const createAccountPath = `${paths.ACCOUNT_CREATE}${returnUrl ? `?returnUrl=${encodeURIComponent(returnUrl)}` : ''}`;
     const onSubmit = ({ data }) => {
         resetSignIn();

package/dist/pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout-page.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
 export declare function MySonicLayoutPage({ children, title, }: {
     children?: ReactNode;
-    title: string;
+    title?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout-page.js

@@ -4,7 +4,7 @@ import { MySonicLayoutMain } from './my-sonic-layout-main.js';
 import { MySonicLayoutTitle } from './my-sonic-layout-title.js';
 
 function MySonicLayoutPage({ children, title, }) {
-    return (jsxs(Fragment, { children: [jsx(MySonicLayoutTitle, { children: title }), jsx(MySonicLayoutMain, { children: children })] }));
+    return (jsxs(Fragment, { children: [title && jsx(MySonicLayoutTitle, { children: title }), jsx(MySonicLayoutMain, { children: children })] }));
 }
 
 export { MySonicLayoutPage };

package/dist/pages/my-sonic/pages/favorites/favorites-page.js

@@ -1,14 +1,39 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
+import { useAlgoliaInsights } from '../../../../algolia/use-algolia-insights.js';
 import { Breadcrumb } from '../../../../breadcrumbs/breadcrumb.js';
+import { ConnectedProductCard } from '../../../../cards/product-card/connected-product-card.js';
 import { useFormattedMessage } from '../../../../intl/use-formatted-message.js';
+import { ProductOverviewGrid } from '../../../../lists/product-overview-grid/product-overview-grid.js';
+import { useFetchFavorites } from '../../../../shared/api/bff/hooks/use-fetch-favorites.js';
 import { usePaths } from '../../../../shared/routing/use-paths.js';
+import { ErrorPage } from '../../../error-page/error-page.js';
 import { MySonicLayoutBreadcrumb } from '../../layouts/my-sonic-layout/my-sonic-layout-breadcrumb.js';
 import { MySonicLayoutPage } from '../../layouts/my-sonic-layout/my-sonic-layout-page.js';
 
 function FavoritesPage() {
     const t = useFormattedMessage();
-    return (jsx(MySonicLayoutPage, { title: t('Favorites'), children: "Not implemented yet" }));
+    const { data: favorites, error, isFetching, isLoading } = useFetchFavorites();
+    const { sendAddToCartFromFavoritesPageEvent, sendProductClickFromFavoritesPageEvent, } = useAlgoliaInsights();
+    if (error)
+        return (jsx(MySonicLayoutPage, { children: jsx(ErrorPage, { error: error }) }));
+    return (jsx(MySonicLayoutPage, { title: t('Favorites'), children: (favorites && favorites.length > 0) || isFetching ? (jsx(ProductOverviewGrid, { isLoading: isLoading, children: favorites?.map(favorite => (jsx(ConnectedProductCard, { href: favorite.storefrontSlug, id: favorite.storefrontId, image: {
+                    fit: 'contain',
+                    image: favorite.image,
+                    title: favorite.name,
+                }, onAddToCart: ({ cartLine }) => sendAddToCartFromFavoritesPageEvent({
+                    cartLine,
+                }), onClick: () => {
+                    sendProductClickFromFavoritesPageEvent({
+                        objectId: favorite.objectId,
+                        position: favorite.position,
+                    });
+                }, price: {
+                    currencyCode: favorite.currencyCode,
+                    isVatIncluded: favorite.isVatIncluded,
+                    originalPrice: favorite.originalPrice,
+                    price: favorite.price,
+                }, sku: favorite.id, tags: favorite.labels, title: favorite.name }, favorite.storefrontId))) })) : (jsx("p", { children: t('You have no favorite products yet.') })) }));
 }
 function FavoritesPageBreadcrumb() {
     const t = useFormattedMessage();

package/dist/shared/api/bff/hooks/use-fetch-favorites.d.ts

@@ -0,0 +1,2 @@
+import { ProductHit } from '../../../model/hit';
+export declare function useFetchFavorites(): import("@tanstack/react-query").UseQueryResult<ProductHit[], Error>;

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

@@ -0,0 +1,29 @@
+import { useQuery } from '@tanstack/react-query';
+import { useAlgoliaSearch } from '../../../../algolia/use-algolia-search.js';
+import { transformAlgoliaProductHitToProductHit } from '../../../model/hit.js';
+import { fetchAllWishListsItems } from '../../storefront/services/wishlist-service.js';
+
+function useFetchFavorites() {
+    const { indexes, searchClient } = useAlgoliaSearch();
+    return useQuery({
+        placeholderData: prev => prev,
+        queryFn: async () => {
+            const wishListLines = await fetchAllWishListsItems();
+            const filters = wishListLines
+                .map(({ wishListItem }) => wishListItem.erpNumber)
+                .map(objectID => `objectID:${objectID}`)
+                .join(' OR ');
+            if (!filters)
+                return [];
+            const searchIndex = searchClient.initIndex(indexes.default);
+            const { hits } = await searchIndex.search('', {
+                filters,
+                hitsPerPage: 999,
+            });
+            return hits.map(transformAlgoliaProductHitToProductHit);
+        },
+        queryKey: ['wishlists', 'wishlistlines', 'favorites'],
+    });
+}
+
+export { useFetchFavorites };

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

@@ -12,22 +12,15 @@ function useAddWishListItemToCurrentWishList() {
                 wishList = await createWishList();
                 queryClient.setQueryData(['wishlists'], [...wishLists, wishList]);
             }
-            const wishListItem = await addWishListItemToWishList({
+            await addWishListItemToWishList({
                 productId,
                 wishListId: wishList.id,
             });
-            const wishListLines = queryClient.getQueryData(['wishlistlines']) || [];
-            queryClient.setQueryData(['wishlistlines'], [
-                ...wishListLines,
-                {
-                    wishList,
-                    wishListItem,
-                },
-            ]);
         },
-        onError() {
-            queryClient.invalidateQueries({ queryKey: ['wishlists'] });
-            queryClient.invalidateQueries({ queryKey: ['wishlistlines'] });
+        onSettled() {
+            queryClient.invalidateQueries({
+                queryKey: ['wishlists', 'wishlistlines'],
+            });
         },
     });
 }

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

@@ -14,18 +14,15 @@ function useAddWishListItemToWishList() {
             const wishList = wishLists.find(wishList => wishList.id === wishListId);
             if (!wishList)
                 throw new Error(`Wish list with id ${wishListId} not found`);
-            const wishListItem = await addWishListItemToWishList({
+            await addWishListItemToWishList({
                 productId,
                 wishListId,
             });
-            const wishListLines = queryClient.getQueryData(['wishlistlines']) || [];
-            queryClient.setQueryData(['wishlistlines'], [
-                ...wishListLines,
-                {
-                    wishList,
-                    wishListItem,
-                },
-            ]);
+        },
+        onSettled() {
+            queryClient.invalidateQueries({
+                queryKey: ['wishlists', 'wishlistlines'],
+            });
         },
     });
 }

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

@@ -7,14 +7,11 @@ function useDeleteWishListItemFromWishList() {
     return useMutation({
         mutationFn: async ({ wishListId, wishListItemId }) => {
             await deleteWishListItemFromWishList({ wishListId, wishListItemId });
-            const wishListLines = queryClient.getQueryData(['wishlistlines']) || [];
-            if (wishListLines.some(item => item.wishListItem.id === wishListItemId)) {
-                queryClient.setQueryData(['wishlistlines'], wishListLines.filter(line => line.wishListItem.id !== wishListItemId));
-            }
         },
-        onError() {
-            queryClient.invalidateQueries({ queryKey: ['wishlists'] });
-            queryClient.invalidateQueries({ queryKey: ['wishlistlines'] });
+        onSettled() {
+            queryClient.invalidateQueries({
+                queryKey: ['wishlists', 'wishlistlines'],
+            });
         },
     });
 }

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

@@ -1,34 +1,24 @@
 "use client";
 import { useQueryClient, useQuery } from '@tanstack/react-query';
 import { TIME } from '../../../../utils/time.js';
-import { getWishLists, getWishListItemsByWishListId } from '../../services/wishlist-service.js';
+import { fetchAllWishListsItems } from '../../services/wishlist-service.js';
 
 function useFetchAllWishListsItems({ enabled = true } = { enabled: true }) {
     const queryClient = useQueryClient();
     return useQuery({
         enabled,
         gcTime: 15 * TIME.MINUTE,
+        placeholderData: prev => prev,
         queryFn: async () => {
-            let wishLists = 
-            // Reuse existing data if available
-            queryClient.getQueryData(['wishlists']);
-            if (wishLists === undefined) {
-                wishLists = (await getWishLists()).wishListCollection || [];
-                // Update the cache with the new or existing data
-                queryClient.setQueryData(['wishlists'], wishLists);
-            }
-            if (wishLists.length === 0)
-                return [];
-            const wishListLines = await Promise.all(wishLists.map(async (wishList) => {
-                return ((await getWishListItemsByWishListId({ wishListId: wishList.id }))
-                    .wishListLines || []).map(wishListItem => ({
-                    wishList,
-                    wishListItem,
-                }));
-            }));
-            return wishListLines.flat();
+            let wishLists = queryClient.getQueryData(['wishlists']);
+            const results = await fetchAllWishListsItems(wishLists && { wishListCollection: wishLists });
+            if (wishLists && wishLists.length > 0)
+                return results;
+            wishLists = Object.values(results.reduce((map, { wishList }) => ({ ...map, [wishList.id]: wishList }), {}));
+            queryClient.setQueryData(['wishlists'], wishLists);
+            return results;
         },
-        queryKey: ['wishlistlines'],
+        queryKey: ['wishlists', 'wishlistlines'],
         staleTime: 15 * TIME.MINUTE,
     });
 }

package/dist/shared/api/storefront/services/wishlist-service.d.ts

@@ -1,4 +1,4 @@
-import { WishListCollectionModel, WishListLineCollectionModel, WishListLineModel, WishListModel } from '../model/storefront.model';
+import { WishListCollectionModel, WishListLineCollectionModel, WishListLineModel, WishListLines, WishListModel } from '../model/storefront.model';
 export declare function getWishList({ wishListId, }: {
     wishListId: string;
 }): Promise<WishListModel>;
@@ -23,3 +23,6 @@ export declare function deleteWishListItemFromWishList({ wishListId, wishListIte
 export declare function getWishListItemsByWishListId({ wishListId, }: {
     wishListId: string;
 }): Promise<WishListLineCollectionModel>;
+export declare function fetchAllWishListsItems(currentWishLists?: {
+    wishListCollection?: WishListModel[];
+}): Promise<WishListLines>;

package/dist/shared/api/storefront/services/wishlist-service.js

@@ -68,5 +68,20 @@ async function getWishListItemsByWishListId({ wishListId, }) {
     });
     return body;
 }
+async function fetchAllWishListsItems(currentWishLists) {
+    const { wishListCollection: wishLists } = currentWishLists || (await getWishLists());
+    if (!wishLists || wishLists.length === 0)
+        return [];
+    const wishListLines = await Promise.all(wishLists.map(async (wishList) => {
+        const { wishListLines } = await getWishListItemsByWishListId({
+            wishListId: wishList.id,
+        });
+        return (wishListLines?.map((wishListItem) => ({
+            wishList,
+            wishListItem,
+        })) || []);
+    }));
+    return wishListLines.flat();
+}
 
-export { WishListNameAlreadyExistsError, addWishListItemToWishList, createWishList, deleteWishList, deleteWishListItemFromWishList, getWishList, getWishListItemsByWishListId, getWishLists };
+export { WishListNameAlreadyExistsError, addWishListItemToWishList, createWishList, deleteWishList, deleteWishListItemFromWishList, fetchAllWishListsItems, getWishList, getWishListItemsByWishListId, getWishLists };

package/dist/shared/utils/uuid.js

@@ -12,7 +12,7 @@ function createUUID() {
     });
 }
 function isUUID(value) {
-    return /^[\da-f]{8}-[\da-f]{4}-4[\da-f]{3}-[89ab][\da-f]{3}-[\da-f]{12}$/.test(value);
+    return /^[\da-f]{8}(?:-[\da-f]{4}){2}-[89ab][\da-f]{3}-[\da-f]{12}$/.test(value);
 }
 
 export { createUUID, isUUID };

package/dist/styles.css

@@ -1105,11 +1105,11 @@ html {
     outline-offset: var(--focus-outline-offset);
   }
 
-  .button-module-V4meK .button-module-XaNWz {
-    display: block;
-    width: 1.5em;
-    height: 1.5em;
-  }
+  .button-module-V4meK .button-module-XaNWz svg {
+      display: block;
+      width: 24px;
+      height: 24px;
+    }
 
   .button-module-V4meK .button-module-ydQAo {
     block-size: 0.7em;
@@ -7696,7 +7696,7 @@ button.swiper-pagination-bullet {
     left: 0;
     width: 100%;
     box-sizing: border-box;
-    padding: 16px var(--padding-inline);
+    padding: 16px calc(2 * var(--padding-inline));
     margin: auto;
     background-color: var(--color-white);
   }

package/package.json

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