@sonic-equipment/ui 0.0.50 → 0.0.52

package/dist/{pages → src/pages}/product-listing-page/product-listing-page-data-types.d.ts

@@ -1,22 +1,23 @@
-import { Category } from 'shared/types/category';
-export interface BannerItem {
-    alt: string;
+import { Image, ResponsiveImage } from 'shared/model/image';
+export interface PromoCard {
     href: string;
-    srcSet: {
-        src: string;
-        width: number;
-    }[];
+    image: ResponsiveImage;
 }
 export interface Link {
     href: string;
     label: string;
 }
+export interface Category {
+    href: string;
+    image: Image;
+    title: string;
+}
 export interface ProductListingPageData {
-    banner: {
-        top: BannerItem[];
-    };
     breadCrumb: Link[];
     category: Category;
     categoryPages: string;
+    promoCards?: {
+        top: PromoCard[];
+    };
     subcategories: Category[] | undefined;
 }

package/dist/src/pages/product-listing-page/product-listing-page-provider/use-subcategories.d.ts

@@ -0,0 +1,4 @@
+export declare function useSubcatagories(): {
+    isLoading: boolean | undefined;
+    subcategories: import("../product-listing-page-data-types").Category[] | undefined;
+};

package/dist/src/pages/search-result-page/search-results-page.d.ts

@@ -0,0 +1,13 @@
+import { SearchClient } from 'algoliasearch';
+interface Location {
+    hash?: string;
+    pathname: string;
+    search: string;
+    state?: unknown;
+}
+interface SearchResultsPageProps {
+    location: Location;
+    searchClient: SearchClient;
+}
+export declare function SearchResultsPage({ location, searchClient, }: SearchResultsPageProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/pages/search-result-page/search-results-page.stories.d.ts

@@ -0,0 +1,22 @@
+import { ComponentProps } from 'react';
+import { StoryObj } from '@storybook/react';
+import { SearchResultsPage } from './search-results-page';
+type StoryProps = Omit<ComponentProps<typeof SearchResultsPage>, 'searchClient'> & {
+    bff: boolean;
+    languageCode: string;
+    online: boolean;
+};
+declare const meta: {
+    args: {
+        bff: true;
+        languageCode: string;
+        online: true;
+    };
+    parameters: {
+        layout: string;
+    };
+    title: string;
+};
+export default meta;
+type Story = StoryObj<StoryProps>;
+export declare const Default: Story;

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

@@ -0,0 +1,7 @@
+import { ResponsiveImage } from 'shared/model/image';
+export interface PromoCardProps {
+    href?: string;
+    image: ResponsiveImage;
+    variant: 'sm' | 'lg';
+}
+export declare function PromoCard({ href, image, variant }: PromoCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+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;

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

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

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

@@ -1,10 +1,6 @@
 import { ProductListingPageData } from 'pages/product-listing-page/product-listing-page-data-types';
-import { ResponseError } from 'shared/fetch/ResponseError';
 export interface FetchProductListingPageDataArgs {
     languageCode: string;
     pageUrl: string;
 }
-export declare class FetchProductListingPageDataError extends ResponseError {
-    constructor(response: Response, message?: string);
-}
 export declare function useFetchProductListingPageData({ languageCode, pageUrl, }: FetchProductListingPageDataArgs): import("@tanstack/react-query").UseQueryResult<ProductListingPageData, Error>;

package/dist/{shared → src/shared}/api/bff/model/bff.model.d.ts

@@ -1,3 +1,4 @@
+import { ResponsiveImage } from 'shared/model/image';
 export interface Category {
     activateOn: string;
     deactivateOn: string | null;
@@ -26,16 +27,12 @@ export interface Category {
     uri: null;
     urlSegment: string;
 }
-export interface BannerItem {
-    alt: string;
+export interface PromoCard {
     href: string;
-    srcSet: {
-        src: string;
-        width: number;
-    }[];
+    image: ResponsiveImage;
 }
-export interface Banner {
-    top: BannerItem[];
+export interface PromoCards {
+    top: PromoCard[];
 }
 export interface BreadCrumb {
     categoryId: string;
@@ -43,8 +40,8 @@ export interface BreadCrumb {
     url: string;
 }
 export interface ProductListingPageDataResponse {
-    banner: Banner;
     breadCrumb: BreadCrumb[];
     categories: Category;
     categoryPages: string;
+    promoCards: PromoCards | null;
 }

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

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    parameters: {
+        layout: string;
+    };
+    title: string;
+};
+export default meta;
+declare function UseSignIn(): import("react/jsx-runtime").JSX.Element;
+export declare const UseSignInStory: StoryObj<typeof UseSignIn>;
+export declare const UseAuthenticateStory: StoryObj;
+export declare const UseSessionStory: StoryObj;
+export declare const UseIsAuthenticatedStory: StoryObj;

package/dist/src/shared/api/shop/hooks/authentication/use-is-authenticated.d.ts

@@ -0,0 +1 @@
+export declare function useIsAuthenticated(): boolean | undefined;

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

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

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

@@ -0,0 +1,11 @@
+interface AuthenticationResponse {
+    access_token: string;
+    error_description: string;
+    expires_in: number;
+    refresh_token: string;
+}
+export declare function useSignIn(): import("@tanstack/react-query").UseMutationResult<AuthenticationResponse, Error, {
+    password: string;
+    userName: string;
+}, unknown>;
+export {};

package/dist/src/shared/api/shop/hooks/authentication/use-sign-out.d.ts

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

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

@@ -4,12 +4,10 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;
-declare function UseFetchCurrentCartLines(): import("react/jsx-runtime").JSX.Element;
-export declare const UseFetchCurrentCartLinesStory: StoryObj<typeof UseFetchCurrentCartLines>;
+export declare const UseFetchCurrentCartLinesStory: StoryObj;
 declare function UseAddProductToCurrentCart({ productOrderData, }: {
     productOrderData: AddProductToCurrentCartParams;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,4 @@
-import { ResponseError } from 'shared/fetch/ResponseError';
-import { CartLineModel } from 'shared/types/cart';
-export declare class AddProductToCurrentCartError extends ResponseError {
-    constructor(response: Response, message: string);
-}
+import { CartLineModel } from 'shared/model/cart';
 export interface AddProductToCurrentCartParams {
     productId: string;
     qtyOrdered: number;

package/dist/src/shared/api/shop/hooks/cart/use-delete-cart-line-by-id.d.ts

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

package/dist/src/shared/api/shop/hooks/cart/use-fetch-current-cart-lines.d.ts

@@ -0,0 +1,2 @@
+import { CartLineModel } from 'shared/model/cart';
+export declare function useFetchCurrentCartLines(): import("@tanstack/react-query").UseQueryResult<CartLineModel[] | null, Error>;

package/dist/{shared → src/shared}/api/shop/hooks/cart/use-update-cart-line-by-id.d.ts

@@ -1,8 +1,4 @@
-import { ResponseError } from 'shared/fetch/ResponseError';
-import { CartLineModel } from 'shared/types/cart';
-export declare class UpdateCartLineByIdError extends ResponseError {
-    constructor(response: Response, message: string);
-}
+import { CartLineModel } from 'shared/model/cart';
 export interface UpdateCartLineParams {
     cartLine: CartLineModel;
     cartLineId: string;

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

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

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

@@ -0,0 +1,8 @@
+export declare class WishListNameAlreadyExistsError extends Error {
+    constructor();
+}
+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-delete-wishlist-item.d.ts

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    parameters: {
+        layout: string;
+    };
+    title: string;
+};
+export default meta;
+export declare const UseFetchWishListsStory: StoryObj;
+export declare const UseFetchAllWishListsItemsStory: StoryObj;

package/dist/src/shared/fetch/request.d.ts

@@ -0,0 +1,91 @@
+interface RequestErrorOptions {
+    body?: unknown;
+    context?: string;
+    options?: RequestOptions;
+}
+export declare class RequestError extends Error {
+    isRequestError: boolean;
+    status: number;
+    statusText?: string;
+    body?: any;
+    context?: string;
+    options?: RequestOptions;
+    constructor(responseOrError: Response | any, options?: RequestErrorOptions, status?: number, statusText?: string);
+    toJSON(): {
+        context: string | undefined;
+        error: {
+            message: string;
+            stack: string | undefined;
+        };
+        isRequestError: boolean;
+        request: {};
+        response: {
+            body: any;
+            status: number;
+            statusText: string | undefined;
+        };
+    };
+}
+export declare const isRequestError: (error: any) => error is RequestError;
+export declare class BadRequestError extends RequestError {
+    constructor(responseOrError: Response | unknown, options?: RequestErrorOptions);
+}
+export declare class UnauthorizedRequestError extends RequestError {
+    constructor(responseOrError: Response | unknown, options?: RequestErrorOptions);
+}
+export declare class ForbiddenRequestError extends RequestError {
+    constructor(responseOrError: Response | unknown, options?: RequestErrorOptions);
+}
+export declare class NotFoundRequestError extends RequestError {
+    constructor(responseOrError: Response | unknown, options?: RequestErrorOptions);
+}
+export declare class UnprocessableContentRequestError extends RequestError {
+    constructor(responseOrError: Response | unknown, options?: RequestErrorOptions);
+}
+export declare class TimeoutRequestError extends RequestError {
+    constructor(responseOrError: Response | unknown, options?: RequestErrorOptions);
+}
+export declare class InternalServerErrorRequest extends RequestError {
+    constructor(responseOrError: Response | unknown, options?: RequestErrorOptions);
+}
+export type RequestHeaders = Record<string, string | null | undefined>;
+type RequestHeadersWithBody = RequestHeaders & {
+    'Content-Type': string;
+};
+interface BaseRequestOptions {
+    credentials?: RequestCredentials;
+    headers?: RequestHeaders;
+    method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'HEAD' | 'OPTIONS';
+    params?: Record<string, any>;
+    timeout?: number;
+    url: string;
+}
+interface RequestOptionsWithFormData extends BaseRequestOptions {
+    body: FormData;
+    headers: RequestHeaders;
+}
+interface RequestOptionsWithBody extends BaseRequestOptions {
+    body: unknown;
+    headers: RequestHeadersWithBody;
+}
+interface RequestOptionsWithoutBody extends BaseRequestOptions {
+    body?: never;
+    headers?: RequestHeaders;
+}
+type RequestOptions = RequestOptionsWithBody | RequestOptionsWithoutBody | RequestOptionsWithFormData;
+type AfterRequestHandler<T> = (args: {
+    body: T | undefined;
+    error?: RequestError;
+    response?: Response;
+}) => void;
+type BeforeRequestHandler = (options?: RequestOptions) => RequestOptions | void;
+interface Request {
+    <T>(options: RequestOptions): Promise<T>;
+    _afterHandlers: AfterRequestHandler<unknown>[];
+    _beforeHandlers: BeforeRequestHandler[];
+    after<T = unknown>(handler: AfterRequestHandler<T>): void;
+    before(handler: BeforeRequestHandler): void;
+    headers: Omit<RequestHeaders, 'Content-Type'>;
+}
+export declare const request: Request;
+export {};

package/dist/src/shared/hooks/use-breakpoint.d.ts

@@ -0,0 +1,2 @@
+import { BreakpointsReturnType } from 'shared/utils/breakpoints';
+export declare const useBreakpoint: () => BreakpointsReturnType;

package/dist/{shared → src/shared}/hooks/use-is-breakpoint.d.ts

@@ -1,2 +1,2 @@
-import { Breakpoint } from './use-breakpoint';
+import { Breakpoint } from 'shared/utils/breakpoints';
 export declare function useIsBreakpoint(breakpoint: Breakpoint): boolean;

package/dist/src/shared/model/category.d.ts

@@ -0,0 +1,6 @@
+import type { Image } from './image';
+export interface Category {
+    href: string;
+    image: Image;
+    title: string;
+}

package/dist/src/shared/model/image.d.ts

@@ -0,0 +1,27 @@
+interface DPRSrcSet {
+    1: string;
+    2: string;
+    3: string;
+}
+export interface Image extends DPRSrcSet {
+    altText: string;
+}
+export interface ImageSource {
+    className?: string;
+    fallbackSrc?: string;
+    fit?: 'contain' | 'cover';
+    height?: number;
+    image: Image | ResponsiveImage;
+    loading?: 'lazy' | 'eager';
+    onError?: () => void;
+    title: string;
+    width?: number;
+}
+export interface ResponsiveImage {
+    altText: string;
+    lg: DPRSrcSet;
+    md: DPRSrcSet;
+    sm: DPRSrcSet;
+}
+export declare function isResponsiveImage(image: Image | ResponsiveImage): image is ResponsiveImage;
+export {};

package/dist/src/shared/model/product-hit.d.ts

@@ -0,0 +1,18 @@
+import { AlgoliaProductHit } from 'algolia/algolia-product-hit-type';
+import { Image } from 'shared/model/image';
+export declare function transformAlgoliaProductHitToProductHit(algoliaProductHit: AlgoliaProductHit): ProductHit;
+export interface ProductHit {
+    hit: AlgoliaProductHit;
+    id: string;
+    image: Image;
+    isVatIncluded: boolean;
+    labels: string[];
+    name: string;
+    objectId: string;
+    originalPrice: number;
+    position: number;
+    price: number;
+    queryId: string | undefined;
+    storefrontId: string;
+    storefrontSlug: string;
+}

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

@@ -0,0 +1,15 @@
+interface Props {
+    onFavoriteAdded: () => void;
+    onFavoriteListAdded: () => void;
+    onFavoriteRemoved: () => void;
+    signInUrl: string;
+}
+export declare function FavoriteProvider(props: Props): null;
+export declare function useFavorite(): {
+    signInUrl: string;
+};
+export declare function useFavoriteProduct(productId: string): {
+    isFavorite: boolean;
+    isFetching: boolean;
+};
+export {};

package/dist/{shared → src/shared}/providers/global-state-provider.d.ts

@@ -21,9 +21,9 @@ interface GlobalStateProviderProps {
 }
 export declare function GlobalStateProvider({ children, }: GlobalStateProviderProps): ReactElement | null;
 export interface UpdateGlobalState<T> {
-    (value: T | undefined): void;
-    (fn: (value: T | undefined) => T | undefined): void;
+    (value: T): void;
+    (fn: (value: T) => T): void;
 }
-export declare function useGlobalState<T>(key: string | symbol): [T | undefined, UpdateGlobalState<T>];
+export declare function useGlobalState<T>(key: string | symbol): [T | undefined, UpdateGlobalState<T | undefined>];
 export declare function useGlobalState<T>(key: string | symbol, initialState: T): [T, UpdateGlobalState<T>];
 export {};

package/dist/{shared/hooks/use-breakpoint.d.ts → src/shared/utils/breakpoints.d.ts}

@@ -6,8 +6,7 @@ export declare const breakpoints: {
     readonly xxl: 1440;
 };
 export type Breakpoint = keyof typeof breakpoints;
-interface UseBreakpointReturnType extends Record<Breakpoint, boolean> {
+export interface BreakpointsReturnType extends Record<Breakpoint, boolean> {
     current: Breakpoint;
 }
-export declare const useBreakpoint: () => UseBreakpointReturnType;
-export {};
+export declare function getCurrentBreakpoints(): BreakpointsReturnType;

package/dist/{sidebar → src/sidebar}/sidebar-provider.d.ts

@@ -2,6 +2,6 @@ import { ReactElement } from 'react';
 interface SidebarProviderProps {
     children: ReactElement;
 }
-export declare function SidebarDetectBreakpoint(): import("react/jsx-runtime").JSX.Element | null;
+export declare function SidebarDetectBreakpoint(): null;
 export declare function SidebarProvider({ children }: SidebarProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/sidebar/types.d.ts

@@ -0,0 +1,10 @@
+export interface SidebarActions {
+    close: VoidFunction;
+    open: VoidFunction;
+    toggle: VoidFunction;
+}
+export interface SidebarState {
+    isDocked: boolean;
+    isOpen: boolean;
+    transition: boolean;
+}

package/dist/src/sidebar/use-sidebar.d.ts

@@ -0,0 +1,3 @@
+import { SidebarActions, SidebarState } from './types';
+export declare const useSidebar: () => SidebarActions & SidebarState;
+export declare const useSidebarActions: () => SidebarActions;