@sonic-equipment/ui 0.0.59 → 0.0.61

package/dist/src/buttons/link-button/link-button.d.ts

@@ -3,6 +3,8 @@ import { NavigateOptions } from 'shared/routing/route-provider';
 export interface LinkButtonProps {
     children?: React.ReactNode | string;
     className?: string;
+    color?: 'primary' | 'secondary';
+    hasUnderline?: boolean;
     href?: string;
     isDisabled?: boolean;
     onPress?: VoidFunction;
@@ -10,4 +12,4 @@ export interface LinkButtonProps {
     target?: HTMLAttributeAnchorTarget;
     type?: 'button' | 'link';
 }
-export declare function LinkButton({ children, className, href, isDisabled, onPress, route, target, type, }: LinkButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function LinkButton({ children, className, href, isDisabled, onPress, route, hasUnderline, target, color, type, }: LinkButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/global-search/plugins/popular-categories-plugin.d.ts

@@ -1,9 +1,11 @@
 import { AutocompletePlugin } from '@algolia/autocomplete-core';
 import { Hit } from '@algolia/client-search';
 import { SearchClient } from 'algoliasearch';
+import { Image } from 'shared/model/image';
 export type PopularCategoryHit = Hit<{
-    count: number;
-    label: string;
+    href: string;
+    image: Image;
+    title: string;
 }>;
 export declare const popularCategoriesPlugin: ({ productsIndexName, searchClient, }: {
     productsIndexName: string;

package/dist/src/shared/api/shop/hooks/wishlist/use-add-wishlist-item-to-current-wishlist.d.ts

@@ -0,0 +1,3 @@
+export declare function useAddWishListItemToCurrentWishList(): import("@tanstack/react-query").UseMutationResult<void, Error, {
+    productId: string;
+}, unknown>;

package/dist/src/shared/api/shop/hooks/wishlist/use-add-wishlist.d.ts

@@ -1,6 +1,3 @@
-export declare class WishListNameAlreadyExistsError extends Error {
-    constructor();
-}
 interface AddWishListParams {
     name: string;
 }

package/dist/src/shared/api/shop/hooks/wishlist/use-create-current-wishlist.d.ts

@@ -0,0 +1 @@
+export declare function useCreateCurrentWishList(): import("@tanstack/react-query").UseMutationResult<string, Error, void, unknown>;

package/dist/src/shared/api/shop/hooks/wishlist/use-fetch-all-wishlists-items.d.ts

@@ -1,2 +1,5 @@
-import { WishListLineModel as ShopWishListLineModel } from 'shared/api/shop/model/shop.model';
-export declare function useFetchAllWishListsItems(): import("@tanstack/react-query").UseQueryResult<ShopWishListLineModel[], Error>;
+import { WishListLineModel, WishListModel } from 'shared/api/shop/model/shop.model';
+export declare function useFetchAllWishListsItems(): import("@tanstack/react-query").UseQueryResult<{
+    wishList: WishListModel;
+    wishListItem: WishListLineModel;
+}[], Error>;

package/dist/src/shared/api/shop/hooks/wishlist/use-remove-wishlist-item-from-wishlist.d.ts

@@ -0,0 +1,4 @@
+export declare function useRemoveWishListItemFromCurrentWishList(): import("@tanstack/react-query").UseMutationResult<void, Error, {
+    wishListId: string;
+    wishListItemId: string;
+}, unknown>;

package/dist/src/shared/api/shop/hooks/wishlist/wishlist.stories.d.ts

@@ -8,3 +8,4 @@ declare const meta: {
 export default meta;
 export declare const UseFetchWishListsStory: StoryObj;
 export declare const UseFetchAllWishListsItemsStory: StoryObj;
+export declare const UseCreateCurrentWishListStory: StoryObj;

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

@@ -0,0 +1,30 @@
+import { WishListCollectionModel, WishListLineCollectionModel, WishListModel } from 'shared/api/shop/model/shop.model';
+export declare function createWishList(): Promise<WishListModel>;
+export declare function addWishListItemToWishList({ productId, wishListId, }: {
+    productId: string;
+    wishListId: string;
+}): Promise<void>;
+export declare function removeWishListItemFromWishList({ wishListId, wishListItemId, }: {
+    wishListId: string;
+    wishListItemId: string;
+}): Promise<void>;
+export declare class WishListNameAlreadyExistsError extends Error {
+    constructor();
+}
+export declare function addWishList({ name, }: {
+    name: string;
+}): Promise<WishListModel>;
+export declare function deleteWishListItemFromWishList({ wishListId, wishListItemId, }: {
+    wishListId: string;
+    wishListItemId: string;
+}): Promise<void>;
+export declare function deleteWishList({ wishListId, }: {
+    wishListId: string;
+}): Promise<void>;
+export declare function getWishLists(): Promise<WishListCollectionModel>;
+export declare function getWishList({ wishListId, }: {
+    wishListId: string;
+}): Promise<WishListModel>;
+export declare function getWishListItemsByWishListId({ wishListId, }: {
+    wishListId: string;
+}): Promise<WishListLineCollectionModel>;

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

@@ -1,3 +1,4 @@
+import { WishListLineModel, WishListModel } from 'shared/api/shop/model/shop.model';
 interface Props {
     onFavoriteAdded: () => void;
     onFavoriteListAdded: () => void;
@@ -11,5 +12,7 @@ export declare function useFavorite(): {
 export declare function useFavoriteProduct(productId: string): {
     isFavorite: boolean;
     isFetching: boolean;
+    wishList: WishListModel | undefined;
+    wishListItem: WishListLineModel | undefined;
 };
 export {};

package/dist/styles.css

@@ -211,10 +211,11 @@
 }
 :root {
   --carousel-layer: 10;
+  --header-layer: 15;
+  --loading-layer: 50;
   --sidebar-layer: 100;
   --search-layer: 200;
   --modal-layer: 300;
-  --header-layer: 15;
 }
 
 /* stylelint-disable max-nesting-depth */
@@ -515,7 +516,6 @@
   position: relative;
   display: inline-flex;
   align-items: center;
-  color: var(--color-brand-red);
   cursor: pointer;
   font: inherit;
   gap: var(--space-4);
@@ -527,26 +527,54 @@
     height: 12px;
   }
 
+  .link-button-module-6i75g:where(.link-button-module-DRTd0) {
+    color: var(--color-brand-red);
+  }
+
+  .link-button-module-6i75g:where(.link-button-module-DRTd0):where([data-pressed]),
+    .link-button-module-6i75g:where(.link-button-module-DRTd0):where([data-hovered]) {
+      color: var(--color-brand-dark-red);
+    }
+
+  .link-button-module-6i75g:where(.link-button-module-DRTd0):where([data-pressed])::after, .link-button-module-6i75g:where(.link-button-module-DRTd0):where([data-hovered])::after {
+        background-color: var(--color-brand-dark-red);
+      }
+
+  .link-button-module-6i75g:where(.link-button-module-HEqnO) {
+    color: var(--color-black);
+  }
+
+  .link-button-module-6i75g:where(.link-button-module-HEqnO)[data-pressed],
+    .link-button-module-6i75g:where(.link-button-module-HEqnO)[data-hovered] {
+      color: var(--color-brand-dark-red);
+    }
+
+  .link-button-module-6i75g:where(.link-button-module-HEqnO)[data-pressed]::after, .link-button-module-6i75g:where(.link-button-module-HEqnO)[data-hovered]::after {
+        background-color: var(--color-brand-dark-red);
+      }
+
   .link-button-module-6i75g:where([data-disabled]) {
     cursor: default;
     opacity: 0.4;
   }
 
-  .link-button-module-6i75g:where([data-pressed]),
-  .link-button-module-6i75g:where([data-hovered]) {
-    color: var(--color-brand-dark-red);
-  }
-
   .link-button-module-6i75g:where([data-pressed])::after, .link-button-module-6i75g:where([data-hovered])::after {
       position: absolute;
       bottom: 0;
       left: 0;
       width: 100%;
       height: 1px;
-      background-color: var(--color-brand-dark-red);
       content: '';
     }
 
+  .link-button-module-6i75g:where(.link-button-module-Xc-3N) {
+    text-decoration: underline;
+  }
+
+  .link-button-module-6i75g:where(.link-button-module-Xc-3N)::after {
+      display: none;
+    }
+
 .field-error-module-FXnIg {
   color: var(--color-brand-red);
 }
@@ -807,6 +835,7 @@
   .product-price-module-oIU1K .product-price-module-pvy2w .product-price-module-GCw07,
     .product-price-module-oIU1K .product-price-module-pvy2w .product-price-module-N56iV {
       font-size: var(--font-size-wholes);
+      font-weight: inherit;
     }
 
   .product-price-module-oIU1K .product-price-module-pvy2w .product-price-module-eWOOF {
@@ -814,6 +843,7 @@
       margin-top: 2px;
       margin-left: -0.375rem;
       font-size: var(--font-size-decimals);
+      font-weight: inherit;
     }
 
   .product-price-module-oIU1K .product-price-module-96DoG {
@@ -927,6 +957,8 @@
 
   .product-card-module-pLaiB .product-card-module-Q0VvF .product-card-module-CStNi mark {
         background-color: rgb(109 170 200 / 40%);
+        color: currentcolor;
+        font-weight: inherit;
       }
 
   .product-card-module-pLaiB .product-card-module-kD2tU {
@@ -1001,7 +1033,7 @@
 }
 
 /**
- * Swiper 11.1.9
+ * Swiper 11.1.10
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -1009,7 +1041,7 @@
  *
  * Released under the MIT License
  *
- * Released on: July 31, 2024
+ * Released on: August 21, 2024
  */
 
 /* FONT_START */
@@ -1315,6 +1347,7 @@
 .carousel-module-ealh- .carousel-module-bUMlb {
     display: block;
     width: auto;
+    text-align: left;
   }
 .carousel-module-ealh- .carousel-module-kcqEE.carousel-module-uCrOA {
       display: none;
@@ -1879,11 +1912,11 @@
 
   .product-overview-grid-module-bzys- .product-overview-grid-module-XikkF {
     position: absolute;
-    z-index: 100;
+    z-index: var(--loading-layer);
     display: flex;
     justify-content: center;
     padding: 120px;
-    animation: product-overview-grid-module-A6CS7 0.3s ease-in-out forwards;
+    animation: product-overview-grid-module-A6CS7 1s ease-in-out forwards;
     background-color: rgb(255 255 255 / 0%);
     inset: 0;
     pointer-events: none;
@@ -1895,14 +1928,33 @@
   .product-overview-grid-module-bzys- .product-overview-grid-module-XikkF .product-overview-grid-module-DWnnI {
       position: fixed;
       top: 50vh;
+      animation: product-overview-grid-module-r-wvY 1s linear forwards;
     }
 
+@keyframes product-overview-grid-module-r-wvY {
+  0% {
+    opacity: 0;
+  }
+
+  99% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
 @keyframes product-overview-grid-module-A6CS7 {
-  from {
+  0% {
     background-color: rgb(255 255 255 / 0%);
   }
 
-  to {
+  50% {
+    background-color: rgb(255 255 255 / 0%);
+  }
+
+  100% {
     background-color: rgb(255 255 255 / 80%);
   }
 }
@@ -2307,28 +2359,6 @@
   gap: 8px;
 }
 
-.add-to-favorite-dialog-module-WJYMb {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
-
-.add-to-favorite-dialog-module--0-Ln {
-  display: flex;
-  flex-direction: row-reverse;
-  justify-content: flex-end;
-  gap: 1rem;
-}
-
-.add-to-favorite-dialog-module-ZAuzE {
-  display: flex;
-  min-height: 66px;
-  align-items: center;
-  justify-content: center;
-  font-weight: bold;
-  gap: 1rem;
-}
-
 .category-card-module-4NUjH {
   all: unset;
   display: grid;
@@ -2840,8 +2870,6 @@
   --border: 1px solid var(--color-brand-light-gray);
 
   display: grid;
-  border-top: var(--border);
-  border-left: var(--border);
   grid-template-columns: repeat(var(--amount-of-columns), 1fr);
 }
 
@@ -2849,15 +2877,38 @@
     position: relative;
     display: grid;
     padding: var(--space-16);
-    border-right: var(--border);
-    border-bottom: var(--border);
     place-items: center;
   }
 
+@media (0 <= width < 576px) {
+  .categories-grid-module-C751R {
+    position: relative;
+    left: calc(var(--padding-inline) * -1);
+    width: calc(100% + (var(--padding-inline) * 2));
+    border-top: var(--border);
+  }
+
+    .categories-grid-module-C751R .categories-grid-module-7OZS1 {
+      border-bottom: var(--border);
+    }
+
+      .categories-grid-module-C751R .categories-grid-module-7OZS1:nth-child(odd) {
+        border-right: var(--border);
+      }
+}
+
 @media (width >= 576px) {
   .categories-grid-module-C751R {
     --amount-of-columns: 3;
+
+    border-top: var(--border);
+    border-left: var(--border);
   }
+
+    .categories-grid-module-C751R .categories-grid-module-7OZS1 {
+      border-right: var(--border);
+      border-bottom: var(--border);
+    }
 }
 
 @media (width >= 1024px) {
@@ -2947,9 +2998,11 @@
   padding-inline: var(--padding-inline);
 }
 
-.search-content-module-H-FX2 .search-content-module-ywvOI {
+.search-content-module-H-FX2 .search-content-module-LbQnK {
     margin-top: var(--space-12);
     margin-bottom: var(--space-24);
+    font-size: var(--font-size-24);
+    font-weight: var(--font-weight-medium);
   }
 
 .search-content-module-H-FX2 .search-content-module-mhiBZ {
@@ -2961,8 +3014,10 @@
     }
 
 .search-content-module-H-FX2 .search-content-module-mhiBZ .search-content-module-coPAt {
+      display: block;
       padding-left: var(--space-16);
       margin: 0;
+      list-style: initial;
     }
 
 @media (width >= 768px) {

package/package.json

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