@sonic-equipment/ui 0.0.69 → 0.0.71

package/dist/src/global-search/global-search-provider/{global-search-container.d.ts → global-search-provider.d.ts}

@@ -1,9 +1,11 @@
+import { SearchClient } from 'algoliasearch';
 export declare const GlobalSearchDisclosureContext: React.Context<{
     close: VoidFunction;
     isOpen: boolean;
     open: VoidFunction;
     toggle: VoidFunction;
 } | null>;
-export declare function GlobalSearchContainer({ children, }: {
+export declare function GlobalSearchProvider({ children, searchClient, }: {
     children: React.ReactNode;
+    searchClient: SearchClient;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/src/global-search/global-search.d.ts

@@ -1,9 +1,4 @@
-import { ReactNode } from 'react';
-import { SearchClient } from 'algoliasearch';
-interface GlobalSearchProps {
-    children: ReactNode;
-    searchClient?: SearchClient;
-}
+export declare function SearchRoot(): import("react/jsx-runtime").JSX.Element;
 /**
  * Global search using algolia autocomplete with a custom renderer
  * https://www.algolia.com/doc/ui-libraries/autocomplete/guides/creating-a-renderer/
@@ -12,5 +7,4 @@ interface GlobalSearchProps {
  * uses the autocomplete widgets
  * https://codesandbox.io/p/sandbox/github/algolia/autocomplete/tree/next/examples/two-column-layout
  */
-export declare function GlobalSearch({ children, searchClient }: GlobalSearchProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function GlobalSearch(): import("react/jsx-runtime").JSX.Element;

package/dist/src/index.d.ts

@@ -21,12 +21,10 @@ export * from './shared/api/shop/hooks/cart/use-update-cart-line-by-id';
 export * from './shared/api/shop/hooks/translation/use-fetch-translations';
 export * from './shared/api/shop/hooks/wishlist/use-add-wishlist-item-to-current-wishlist';
 export * from './shared/api/shop/hooks/wishlist/use-add-wishlist-item-to-wishlist';
-export * from './shared/api/shop/hooks/wishlist/use-add-wishlist';
-export * from './shared/api/shop/hooks/wishlist/use-create-current-wishlist';
-export * from './shared/api/shop/hooks/wishlist/use-delete-wishlist-item';
+export * from './shared/api/shop/hooks/wishlist/use-create-wishlist';
+export * from './shared/api/shop/hooks/wishlist/use-delete-wishlist-item-from-wishlist';
 export * from './shared/api/shop/hooks/wishlist/use-fetch-all-wishlists-items';
 export * from './shared/api/shop/hooks/wishlist/use-fetch-wishlists';
-export * from './shared/api/shop/hooks/wishlist/use-remove-wishlist-item-from-wishlist';
 export * from './shared/hooks/use-breakpoint';
 export * from './shared/hooks/use-is-breakpoint';
 export * from './shared/hooks/use-debounced-callback';
@@ -68,6 +66,7 @@ export * from './loading/progress-circle';
 export * from './media/image/image';
 export * from './pages/page-container/page-container';
 export * from './pages/page/page';
+export * from './pages/product-details-page/product-details-page';
 export * from './pages/product-listing-page/product-listing-page';
 export * from './pages/search-result-page/search-results-page';
 export * from './sidebar/sidebar';
@@ -86,7 +85,7 @@ export * from './algolia/algolia-results-count';
 export * from './algolia/algolia-sort-by';
 export * from './algolia/use-algolia-insights';
 export * from './global-search/global-search';
-export * from './global-search/global-search-provider/global-search-container';
+export * from './global-search/global-search-provider/global-search-provider';
 export * from './algolia/use-algolia-search';
 export * from './global-search/global-search-provider/use-search-disclosure';
 export * from './shared/providers/react-query-container';

package/dist/src/intl/translation-id.d.ts

@@ -1 +1 @@
-export type TranslationId = "'{0}' in all products" | ' to your account to manage your lists.' | 'Add to list' | 'An unexpected error occured' | 'Cancel' | 'Create new list' | 'Chosen filters' | 'Clear filters' | 'Clear' | 'Double check your spelling' | 'Excl. VAT' | 'Explore by categories' | 'Exploring our products by category' | 'Hide filters' | 'Incl. VAT' | 'List name already exists' | 'New list name' | 'Please Sign In' | 'Popular searches' | 'Products' | 'Quick access' | 'Recent searches' | 'Searching again using more general terms' | 'See all results' | 'Select a list' | 'Show all' | 'Show filters' | 'Show less' | 'Show' | 'Sorry, we could not find matches for' | 'Sort by' | 'Submit' | 'Suggestions' | 'Use fewer keywords' | 'You could try' | 'You must ' | 'article' | 'articles' | 'facet.categories' | 'facet.height' | 'facet.weight' | 'of' | 'sign in' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc' | 'sort.relevance' | 'tag.limited' | 'tag.new' | 'Search tools, toolsets, boxes and more' | 'You could try exploring our products by category' | "Try 'Search' and try to find the product you're looking for" | 'Sorry, there are no products found' | 'Continue shopping' | "Unfortnately, We found no articles for your search '{0}'" | 'You could try checking the spelling of your search query' | 'Try another search' | 'Are you looking for information about our service? Please visit our customer support page';
+export type TranslationId = "'{0}' in all products" | ' to your account to manage your lists.' | 'Add to list' | 'An unexpected error occured' | 'Cancel' | 'Create new list' | 'Chosen filters' | 'Clear filters' | 'Clear' | 'Double check your spelling' | 'Excl. VAT' | 'Explore by categories' | 'Exploring our products by category' | 'Hide filters' | 'Incl. VAT' | 'List name already exists' | 'New list name' | 'Please Sign In' | 'Popular searches' | 'Products' | 'Quick access' | 'Recent searches' | 'Searching again using more general terms' | 'See all results' | 'Select a list' | 'Show all' | 'Show filters' | 'Show less' | 'Show' | 'Sorry, we could not find matches for' | 'Sort by' | 'Submit' | 'Suggestions' | 'Use fewer keywords' | 'You could try' | 'You must ' | 'article' | 'articles' | 'facet.categories' | 'facet.height' | 'facet.weight' | 'of' | 'sign in' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc' | 'sort.relevance' | 'tag.limited' | 'tag.new' | 'What are you searching for?' | 'You could try exploring our products by category' | "Try 'Search' and try to find the product you're looking for" | 'Sorry, there are no products found' | 'Continue shopping' | "Unfortnately, We found no articles for your search '{0}'" | 'You could try checking the spelling of your search query' | 'Try another search' | 'Are you looking for information about our service? Please visit our customer support page';

package/dist/src/pages/product-details-page/product-details-page.d.ts

@@ -0,0 +1,4 @@
+export interface ProductDetailsPageProps {
+    pageUrl: string;
+}
+export declare function ProductDetailsPage({ pageUrl }: ProductDetailsPageProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/pages/product-details-page/product-details-page.stories.d.ts

@@ -0,0 +1,20 @@
+import { ComponentProps } from 'react';
+import { StoryObj } from '@storybook/react';
+import { ProductDetailsPage } from './product-details-page';
+type StoryProps = Omit<ComponentProps<typeof ProductDetailsPage>, 'searchClient'> & {
+    languageCode: string;
+    pageUrl: string;
+};
+declare const meta: {
+    args: {
+        languageCode: string;
+        pageUrl: string;
+    };
+    parameters: {
+        layout: string;
+    };
+    title: string;
+};
+export default meta;
+type Story = StoryObj<StoryProps>;
+export declare const Default: Story;

package/dist/src/shared/api/shop/hooks/translation/use-fetch-translations.d.ts

@@ -1 +1 @@
-export declare function useFetchTranslations(): import("@tanstack/react-query").UseQueryResult<import("../../../../../intl/types").Translations, Error>;
+export declare function useFetchTranslations(languagCode?: string): import("@tanstack/react-query").UseQueryResult<import("../../../../../intl/types").Translations, Error>;

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

@@ -0,0 +1,5 @@
+interface CreateWishListParams {
+    name: string;
+}
+export declare function useCreateWishList(): import("@tanstack/react-query").UseMutationResult<string, Error, CreateWishListParams, unknown>;
+export {};

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

@@ -1,9 +1,6 @@
-import { WishListLineModel, WishListModel } from 'shared/api/shop/model/shop.model';
+import { WishListLines } from 'shared/api/shop/model/shop.model';
 interface UseFetchAllWishListsItemsArgs {
     enabled?: boolean;
 }
-export declare function useFetchAllWishListsItems({ enabled }?: UseFetchAllWishListsItemsArgs): import("@tanstack/react-query").UseQueryResult<{
-    wishList: WishListModel;
-    wishListItem: WishListLineModel;
-}[], Error>;
+export declare function useFetchAllWishListsItems({ enabled }?: UseFetchAllWishListsItemsArgs): import("@tanstack/react-query").UseQueryResult<WishListLines, Error>;
 export {};

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

@@ -8,4 +8,3 @@ 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/model/shop.model.d.ts

@@ -2940,3 +2940,8 @@ export interface VmiUserImportModel extends BaseModel {
 export interface VmiUserImportCollectionModel extends BaseModel {
     vmiUsers: VmiUserImportModel[] | null;
 }
+export interface WishListLine {
+    wishList: WishListModel;
+    wishListItem: WishListLineModel;
+}
+export type WishListLines = Array<WishListLine>;

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

@@ -1,2 +1,2 @@
 import { Translations } from 'intl/types';
-export declare function fetchTranslations(): Promise<Translations>;
+export declare function fetchTranslations(languageCode?: string): Promise<Translations>;

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

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

package/dist/src/shared/feature-flags/use-feature-flags.d.ts

@@ -1,4 +1,5 @@
 interface UseFeatureFlagsReturnType {
+    pdpV2: boolean;
     plpV2: boolean;
     searchV2: boolean;
 }

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

@@ -1 +1 @@
-export declare function useDebouncedCallback<T extends (...args: any[]) => any>(func: T, delay: number): (...args: Parameters<T>) => void;
+export declare function useDebouncedCallback<T extends (...args: any[]) => any>(func: T, delay: number): (...args: Parameters<T>) => Promise<ReturnType<T>>;

package/dist/styles.css

@@ -2490,7 +2490,6 @@
   z-index: calc(var(--sidebar-layer) + 1);
   top: 0;
   left: 0;
-  overflow: hidden;
   width: 382px;
   max-width: 100vw;
   height: 100%;
@@ -2874,15 +2873,47 @@
 
 .global-search-module-d2g2F {
   position: relative;
-  z-index: var(--search-layer);
+  z-index: -1;
   font-family: var(--font-family-sonic);
 }
 
-.global-search-module-d2g2F .global-search-module-Sx8Lx {
-    position: relative;
-    z-index: -1;
+.global-search-module-Sx8Lx {
+  position: relative;
+}
+
+.global-search-module-Sx8Lx .global-search-module--orCF {
+    position: absolute;
+    z-index: var(--search-layer);
+    top: 0;
+    right: 0;
+    left: 0;
+    box-sizing: border-box;
+    transition: transform 0.3s ease-in-out;
   }
 
+.global-search-module-Sx8Lx .global-search-module--orCF .global-search-module-vXnL6 {
+      position: relative;
+      z-index: calc(var(--search-layer) + 1);
+    }
+
+.global-search-module-Sx8Lx .global-search-module--orCF.global-search-module-MYwlp {
+      transform: translateY(0);
+    }
+
+.global-search-module-Sx8Lx .global-search-module--orCF.global-search-module-Jmt3c {
+      transform: translateY(0);
+    }
+
+.global-search-module-Sx8Lx .global-search-module--orCF.global-search-module-gQQfY {
+      transform: translateY(-100%);
+    }
+
+.global-search-module-Sx8Lx .global-search-module--orCF.global-search-module-AABcw {
+      opacity: 0;
+      pointer-events: none;
+      transform: translateY(-100%);
+    }
+
 .search-input-module-xCCzd {
   box-sizing: border-box;
 }
@@ -3295,36 +3326,3 @@
     pointer-events: none;
     transform: translateY(-100%);
   }
-
-.search-root-module-g9MP0 {
-  position: absolute;
-  z-index: var(--search-layer);
-  top: 0;
-  right: 0;
-  left: 0;
-  box-sizing: border-box;
-  transition: transform 0.3s ease-in-out;
-}
-
-  .search-root-module-g9MP0 .search-root-module-X7N83 {
-    position: relative;
-    z-index: calc(var(--search-layer) + 1);
-  }
-
-  .search-root-module-g9MP0.search-root-module-dQDFs {
-    transform: translateY(0);
-  }
-
-  .search-root-module-g9MP0.search-root-module-fXUUb {
-    transform: translateY(0);
-  }
-
-  .search-root-module-g9MP0.search-root-module-ZFQys {
-    transform: translateY(-100%);
-  }
-
-  .search-root-module-g9MP0.search-root-module-gd9xY {
-    opacity: 0;
-    pointer-events: none;
-    transform: translateY(-100%);
-  }

package/package.json

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

package/dist/src/global-search/search-root/search-root.d.ts

@@ -1 +0,0 @@
-export declare function SearchRoot(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +0,0 @@
-interface AddWishListParams {
-    name: string;
-}
-export declare function useAddWishList(): import("@tanstack/react-query").UseMutationResult<string, Error, AddWishListParams, unknown>;
-export {};

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

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

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

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