@sonic-equipment/ui 0.0.71 → 0.0.73

package/dist/src/background-overlay/background-overlay.d.ts

@@ -0,0 +1,7 @@
+interface BackgroundOverlayProps {
+    className?: string;
+    isOpen: boolean;
+    onClick?: VoidFunction;
+}
+export declare function BackgroundOverlay({ className, isOpen, onClick, }: BackgroundOverlayProps): React.ReactPortal | null;
+export {};

package/dist/src/buttons/add-to-cart-button/add-to-cart-button.stories.d.ts

@@ -8,7 +8,7 @@ declare const meta: {
     };
     args: {
         isDisabled: false;
-        onChange: import("@vitest/spy").Mock<[quantity: number], void>;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
         quantity: number;
     };
     component: typeof AddToCartButton;

package/dist/src/buttons/button/button.stories.d.ts

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
 import { Button } from './button';
 declare const meta: {
     args: {
-        onPress: import("@vitest/spy").Mock<[] & unknown[], void>;
+        onPress: import("@vitest/spy").Mock<(...args: any[]) => any>;
         size: "lg";
     };
     component: typeof Button;

package/dist/src/buttons/favorite/favorite-button.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 import { FavoriteButton } from './favorite-button';
 declare const meta: {
     args: {
-        onPress: import("@vitest/spy").Mock<[], void>;
+        onPress: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
     component: typeof FavoriteButton;
     parameters: {

package/dist/src/buttons/icon-button/icon-button.stories.d.ts

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
 import { IconButton } from './icon-button';
 declare const meta: {
     args: {
-        onPress: import("@vitest/spy").Mock<[], void>;
+        onPress: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
     component: typeof IconButton;
     parameters: {

package/dist/src/buttons/link/link.stories.d.ts

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
 import { Link } from './link';
 declare const meta: {
     args: {
-        onPress: import("@vitest/spy").Mock<[e: import("react-aria").PressEvent], void>;
+        onPress: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
     component: typeof Link;
     parameters: {

package/dist/src/cards/product-card/connected-product-cart.d.ts

@@ -1,5 +1,5 @@
 import { ProductCardProps } from './product-card';
-export interface ConnectedProductCartProps extends Omit<ProductCardProps, 'addToCartButton'> {
+export interface ConnectedProductCartProps extends Omit<ProductCardProps, 'addToCartButton' | 'favoriteButton'> {
     onAddToCart?: VoidFunction;
     onFavorite?: VoidFunction;
     productId: string;

package/dist/src/carousel/product-carousel/product-carousel.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 export interface ProductCarouselProps {
+    hasOverflow?: boolean;
     productCards: ReactNode[];
 }
-export declare function ProductCarousel({ productCards }: ProductCarouselProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductCarousel({ hasOverflow, productCards, }: ProductCarouselProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/carousel/product-carousel/product-carousel.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+import { ProductCarousel } from './product-carousel';
+declare const meta: {
+    args: {
+        productCards: import("react/jsx-runtime").JSX.Element[];
+    };
+    component: typeof ProductCarousel;
+    parameters: {
+        layout: string;
+        tags: string[];
+    };
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const Hover: Story;

package/dist/src/collapsables/show-all/show-all.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 import { ShowAllProps } from './show-all';
 declare const meta: {
     args: {
-        onToggle: import("@vitest/spy").Mock<[isOpen: boolean], void>;
+        onToggle: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
     component: ({ children, hasTransparency, initialHeight, isOpen, onToggle, }: ShowAllProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {

package/dist/src/filters/active-filters/active-filters.stories.d.ts

@@ -1,8 +1,8 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     args: {
-        onClearAllFilters: import("@vitest/spy").Mock<[], void>;
-        onClearFilter: import("@vitest/spy").Mock<[categoryLabel: string, filter: import("./active-filters").SelectedFilter], void>;
+        onClearAllFilters: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onClearFilter: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
     component: ({ onClearAllFilters, onClearFilter, selectedFilterCategories, }: import("./active-filters").ActiveFiltersProps) => import("react/jsx-runtime").JSX.Element | null;
     parameters: {

package/dist/src/filters/multi-select/multi-select.stories.d.ts

@@ -5,7 +5,7 @@ type ColorFilterOption = FilterOption & {
 };
 declare const meta: {
     args: {
-        onChange: import("@vitest/spy").Mock<[value: FilterOption], void>;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
     component: typeof MultiSelect;
     parameters: {

package/dist/src/filters/pagination/pagination.stories.d.ts

@@ -3,7 +3,7 @@ import { Pagination } from './pagination';
 declare const meta: {
     args: {
         currentPage: number;
-        onChange: import("@vitest/spy").Mock<[pageNumber: number], void>;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
         totalPages: number;
     };
     component: typeof Pagination;

package/dist/src/forms/checkbox/checkbox.stories.d.ts

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
 import { Checkbox } from './checkbox';
 declare const meta: {
     args: {
-        onChange: import("@vitest/spy").Mock<[isSelected: boolean], void>;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
     component: typeof Checkbox;
     parameters: {

package/dist/src/forms/color-checkbox/color-checkbox.stories.d.ts

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
 import { ColorCheckbox } from './color-checkbox';
 declare const meta: {
     args: {
-        onChange: import("@vitest/spy").Mock<[isSelected: boolean], void>;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
     component: typeof ColorCheckbox;
     parameters: {

package/dist/src/forms/select/select.stories.d.ts

@@ -9,7 +9,7 @@ declare const options: {
 };
 declare const meta: {
     args: {
-        onChange: import("@vitest/spy").Mock<[value: never], void>;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
     component: typeof Select;
     parameters: {

package/dist/src/index.d.ts

@@ -3,28 +3,26 @@ export * from 'shared/utils/environment';
 export * from './config';
 export * from './shared/fetch/request';
 export * from './shared/feature-flags/use-feature-flags';
-export * from './shared/api/bff/model/bff.model';
-export * from './shared/api/bff/hooks/use-fetch-product-listing-page-data';
-export * from './shared/api/shop/model/shop.model';
-export * from './shared/api/shop/services/authentication-service';
-export * from './shared/api/shop/services/cart-service';
-export * from './shared/api/shop/services/translation-service';
-export * from './shared/api/shop/services/wishlist-service';
-export * from './shared/api/shop/hooks/authentication/use-is-authenticated';
-export * from './shared/api/shop/hooks/authentication/use-session';
-export * from './shared/api/shop/hooks/authentication/use-sign-in';
-export * from './shared/api/shop/hooks/authentication/use-sign-out';
-export * from './shared/api/shop/hooks/cart/use-add-product-to-current-cart';
-export * from './shared/api/shop/hooks/cart/use-delete-cart-line-by-id';
-export * from './shared/api/shop/hooks/cart/use-fetch-current-cart-lines';
-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-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/storefront/model/shop.model';
+export * from './shared/api/storefront/services/authentication-service';
+export * from './shared/api/storefront/services/cart-service';
+export * from './shared/api/storefront/services/translation-service';
+export * from './shared/api/storefront/services/wishlist-service';
+export * from './shared/api/storefront/hooks/authentication/use-is-authenticated';
+export * from './shared/api/storefront/hooks/authentication/use-session';
+export * from './shared/api/storefront/hooks/authentication/use-sign-in';
+export * from './shared/api/storefront/hooks/authentication/use-sign-out';
+export * from './shared/api/storefront/hooks/cart/use-add-product-to-current-cart';
+export * from './shared/api/storefront/hooks/cart/use-delete-cart-line-by-id';
+export * from './shared/api/storefront/hooks/cart/use-fetch-current-cart-lines';
+export * from './shared/api/storefront/hooks/cart/use-update-cart-line-by-id';
+export * from './shared/api/storefront/hooks/translation/use-fetch-translations';
+export * from './shared/api/storefront/hooks/wishlist/use-add-wishlist-item-to-current-wishlist';
+export * from './shared/api/storefront/hooks/wishlist/use-add-wishlist-item-to-wishlist';
+export * from './shared/api/storefront/hooks/wishlist/use-create-wishlist';
+export * from './shared/api/storefront/hooks/wishlist/use-delete-wishlist-item-from-wishlist';
+export * from './shared/api/storefront/hooks/wishlist/use-fetch-all-wishlists-items';
+export * from './shared/api/storefront/hooks/wishlist/use-fetch-wishlists';
 export * from './shared/hooks/use-breakpoint';
 export * from './shared/hooks/use-is-breakpoint';
 export * from './shared/hooks/use-debounced-callback';

package/dist/src/media/image-grid/images-grid.d.ts

@@ -0,0 +1,7 @@
+import { Image as ImageType } from 'shared/model/image';
+interface ImagesGridProps {
+    images: ImageType[];
+    onSelectImage?: (image: ImageType, index: number) => void;
+}
+export declare function ImagesGrid({ images, onSelectImage }: ImagesGridProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/media/image-grid/images-grid.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ImagesGrid } from './images-grid';
+declare const meta: Meta<typeof ImagesGrid>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Clickable: Story;
+export declare const FiveImages: Story;
+export declare const FourImages: Story;
+export declare const ThreeImages: Story;
+export declare const TwoImages: Story;
+export declare const OneImage: Story;

package/dist/src/pages/error-page/error-page.d.ts

@@ -0,0 +1,4 @@
+export interface ErrorPageProps {
+    error: Error;
+}
+export declare function ErrorPage({ error }: ErrorPageProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+interface ProductDetailsPageLayoutProps {
+    imageGallery?: React.ReactNode;
+    included?: React.ReactNode;
+    productInformation?: React.ReactNode;
+    recentlyViewed?: React.ReactNode;
+    usp?: React.ReactNode;
+}
+export declare function ProductDetailsPageLayout({ imageGallery, included, productInformation, recentlyViewed, usp, }: ProductDetailsPageLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/pages/loading-page/loading-page.d.ts

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

package/dist/src/promos/promo-cards/promo-cards.d.ts

@@ -1,4 +1,8 @@
-import { PromoCard as PromoCardType } from 'shared/api/bff/model/bff.model';
-export declare function PromoCards({ promoCardsData, }: {
-    promoCardsData?: PromoCardType[];
-}): import("react/jsx-runtime").JSX.Element | null;
+import { ResponsiveImage } from 'shared/model/image';
+export interface PromoCardsProps {
+    promoCardsData?: Array<{
+        href: string;
+        image: ResponsiveImage;
+    }>;
+}
+export declare function PromoCards({ promoCardsData }: PromoCardsProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/promos/promo-cards/promo-cards.stories.d.ts

@@ -5,9 +5,7 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    render: (args: {
-        promoCardsData?: import("../..").PromoCard[];
-    }) => import("react/jsx-runtime").JSX.Element;
+    render: (args: import("./promo-cards").PromoCardsProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     title: string;
 };

package/dist/src/shared/api/bff/hooks/use-fetch-product-details-page-data.d.ts

@@ -0,0 +1,7 @@
+import { ProductDetailsPageDataResponse } from 'shared/api/bff/model/bff.model';
+interface FetchProductDetailsPageDataArgs {
+    languageCode: string;
+    pageUrl: string;
+}
+export declare function useFetchProductDetailsPageData({ languageCode, pageUrl, }: FetchProductDetailsPageDataArgs): import("@tanstack/react-query").UseQueryResult<ProductDetailsPageDataResponse, Error>;
+export {};

package/dist/src/shared/api/bff/hooks/use-fetch-product-details-page-data.stories.d.ts

@@ -0,0 +1,20 @@
+import { StoryObj } from '@storybook/react';
+interface StoryProps {
+    languageCode: string;
+    pageUrl: string;
+}
+declare function UseFetchProductDetailsPageDataStory({ languageCode, pageUrl, }: StoryProps): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    args: {
+        languageCode: string;
+        pageUrl: string;
+    };
+    component: typeof UseFetchProductDetailsPageDataStory;
+    parameters: {
+        layout: string;
+    };
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/shared/api/bff/hooks/use-fetch-product-listing-page-data.stories.d.ts

@@ -13,7 +13,6 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;

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

@@ -1,5 +1,4 @@
-import { ResponsiveImage } from 'shared/model/image';
-export interface Category {
+interface Category {
     activateOn: string;
     deactivateOn: string | null;
     htmlContent: string;
@@ -27,22 +26,113 @@ export interface Category {
     uri: null;
     urlSegment: string;
 }
-export interface PromoCard {
+interface PromoCard {
     href: string;
     image: ResponsiveImage;
 }
-export interface PromoCards {
+interface PromoCards {
     top: PromoCard[] | null;
 }
-export interface BreadCrumb {
-    categoryId: string;
-    text: string;
-    url: string;
+interface BreadCrumb {
+    href: string;
+    label: string;
 }
-export interface ProductListingPageDataResponse {
+interface DPRSrcSet {
+    1: string;
+    2: string;
+    3: string;
+}
+interface Image extends DPRSrcSet {
+    altText: string;
+}
+interface ResponsiveImage {
+    altText: string;
+    lg: DPRSrcSet;
+    md: DPRSrcSet;
+    sm: DPRSrcSet;
+}
+interface ProductPrice {
+    isVatIncluded: boolean;
+    originalPrice: number;
+    price: number;
+}
+interface ProductSummary {
+    href: string;
+    image: Image;
+    price: ProductPrice;
+    productId: string;
+    sku: string;
+    storefrontId: string;
+    tags?: string[];
+    title: string;
+}
+interface ProductDetails {
+    attributeTypes: Array<{
+        attributeValues: Array<{
+            id: string;
+            sortOrder: number;
+            value: string;
+            valueDisplay: string;
+        }>;
+        id: string;
+        includeOnProduct: boolean;
+        label: string;
+        name: string;
+        sortOrder: number;
+    }>;
+    canAddToCart: boolean;
+    canAddToWishlist: boolean;
+    canShowPrice: boolean;
+    canonicalUrl: string;
+    content: {
+        htmlContent: string;
+        metaDescription: string;
+        metaKeywords: string;
+        openGraphImage: string;
+        openGraphTitle: string;
+        openGraphUrl: string;
+        pageTitle: string;
+    };
+    documents: Array<{
+        description: string;
+        documentType: string;
+        filePath: string;
+        id: string;
+        name: string;
+    }>;
+    images: Array<Image>;
+    minimumOrderQty: number;
+    originalPrice: number;
+    price: number;
+    productNumber: string;
+    productTitle: string;
+    specifications: Array<{
+        description: string;
+        htmlContent: string;
+        id: string;
+        name: string;
+        nameDisplay: string;
+        sortOrder: number;
+        value: string;
+    }>;
+    storefrontId: string;
+    tags?: string[];
+    unitListPrice: number;
+}
+export interface ProductDetailsPageDataResponse {
     breadCrumb: BreadCrumb[];
+    included?: ProductSummary[];
+    product: ProductDetails;
+    recentlyViewed?: ProductSummary[];
+}
+export interface ProductListingPageDataResponse {
+    breadCrumb: Array<{
+        text: string;
+        url: string;
+    }>;
     categories: Category | null;
     categoryPages: string;
     hierarchicalCategories: string[];
     promoCards: PromoCards | null;
 }
+export {};

package/dist/src/shared/api/storefront/hooks/authentication/use-session.d.ts

@@ -0,0 +1,4 @@
+import { SessionModel as ShopSessionModel } from 'shared/api/storefront/model/shop.model';
+export declare function useSession({ enabled }?: {
+    enabled?: boolean;
+}): import("@tanstack/react-query").UseQueryResult<ShopSessionModel, Error>;

package/dist/src/shared/api/{shop → storefront}/hooks/authentication/use-sign-in.d.ts

@@ -1,4 +1,4 @@
-import { AuthenticationResponse } from 'shared/api/shop/services/authentication-service';
+import { AuthenticationResponse } from 'shared/api/storefront/services/authentication-service';
 export declare function useSignIn(): import("@tanstack/react-query").UseMutationResult<AuthenticationResponse, Error, {
     password: string;
     userName: string;

package/dist/src/shared/api/{shop → storefront}/hooks/cart/cart.stories.d.ts

@@ -1,5 +1,5 @@
 import { StoryObj } from '@storybook/react';
-import { AddProductToCurrentCartParams } from 'shared/api/shop/services/cart-service';
+import { AddProductToCurrentCartParams } from 'shared/api/storefront/services/cart-service';
 declare const meta: {
     parameters: {
         layout: string;

package/dist/src/shared/api/{shop → storefront}/hooks/cart/use-add-product-to-current-cart.d.ts

@@ -1,3 +1,3 @@
-import { AddProductToCurrentCartParams } from 'shared/api/shop/services/cart-service';
+import { AddProductToCurrentCartParams } from 'shared/api/storefront/services/cart-service';
 import { CartLineModel } from 'shared/model/cart';
 export declare function useAddProductToCurrentCart(): import("@tanstack/react-query").UseMutationResult<CartLineModel, Error, AddProductToCurrentCartParams, unknown>;

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

@@ -1,4 +1,4 @@
-import { WishListLines } from 'shared/api/shop/model/shop.model';
+import { WishListLines } from 'shared/api/storefront/model/shop.model';
 interface UseFetchAllWishListsItemsArgs {
     enabled?: boolean;
 }

package/dist/src/shared/api/{shop → storefront}/hooks/wishlist/use-fetch-wishlists.d.ts

@@ -1,2 +1,2 @@
-import { WishListCollectionModel as ShopWishListCollectionModel } from 'shared/api/shop/model/shop.model';
+import { WishListCollectionModel as ShopWishListCollectionModel } from 'shared/api/storefront/model/shop.model';
 export declare function useFetchWishLists(): import("@tanstack/react-query").UseQueryResult<ShopWishListCollectionModel, Error>;

package/dist/src/shared/api/{shop → storefront}/services/authentication-service.d.ts

@@ -1,4 +1,4 @@
-import { SessionModel as ShopSessionModel } from 'shared/api/shop/model/shop.model';
+import { SessionModel as ShopSessionModel } from 'shared/api/storefront/model/shop.model';
 export declare function getSession(): Promise<ShopSessionModel>;
 export interface AuthenticationResponse {
     access_token: string;

package/dist/src/shared/api/{shop → storefront}/services/cart-service.d.ts

@@ -1,4 +1,4 @@
-import { CartLineModel as ShopCartLineModel } from 'shared/api/shop/model/shop.model';
+import { CartLineModel as ShopCartLineModel } from 'shared/api/storefront/model/shop.model';
 import { CartLineModel } from 'shared/model/cart';
 export declare function fetchCurrentCartLines(): Promise<CartLineModel[] | null>;
 export declare function updateCartLineById({ cartLine, cartLineId, }: {

package/dist/src/shared/api/{shop → storefront}/services/wishlist-service.d.ts

@@ -1,4 +1,4 @@
-import { WishListCollectionModel, WishListLineCollectionModel, WishListLineModel, WishListModel } from 'shared/api/shop/model/shop.model';
+import { WishListCollectionModel, WishListLineCollectionModel, WishListLineModel, WishListModel } from 'shared/api/storefront/model/shop.model';
 export declare function getWishList({ wishListId, }: {
     wishListId: string;
 }): Promise<WishListModel>;

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

@@ -1,4 +1,4 @@
-import { CartLineModel } from 'shared/api/shop/model/shop.model';
+import { CartLineModel } from 'shared/api/storefront/model/shop.model';
 interface Props {
     onCartLineAdded?: (cartLine: CartLineModel) => void;
     onCartLineError?: (error: Error, cartLine: CartLineModel | undefined) => void;

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

@@ -1,4 +1,4 @@
-import { WishListLineModel, WishListModel } from 'shared/api/shop/model/shop.model';
+import { WishListLineModel, WishListModel } from 'shared/api/storefront/model/shop.model';
 interface Props {
     onFavoriteAdded: () => void;
     onFavoriteListAdded: () => void;

package/dist/src/shared/routing/route-button.d.ts

@@ -3,5 +3,5 @@ import { NavigateOptions } from './route-provider';
 interface RouteButtonProps extends ButtonProps {
     route?: NavigateOptions;
 }
-export declare function RouteButton({ children, ...props }: RouteButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function RouteButton({ children, onClick, ...props }: RouteButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/shared/routing/route-provider.d.ts

@@ -9,4 +9,5 @@ export interface RouteProviderProps {
     navigate: NavigateFn;
 }
 export declare function RouteProvider({ children, navigate }: RouteProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useOnNavigate(callback?: NavigateFn): NavigateFn;
 export declare function useNavigate(): NavigateFn;