@sonic-equipment/ui 0.0.89 → 0.0.91

package/dist/src/algolia/{algolia-product-hit-type.d.ts → algolia-hit-type.d.ts}

@@ -1,6 +1,18 @@
 import { Hit } from '@algolia/client-search';
-interface AlgoliaProduct {
+import { Image } from 'shared/model/image';
+interface AlgoliaHitBase {
     [key: string]: any;
+    type: 'promo' | 'product';
+}
+export interface AlgoliaPromo extends AlgoliaHitBase {
+    [key: string]: unknown;
+    image: Image;
+    isExternal: boolean;
+    type: 'promo';
+    url: string;
+}
+export interface AlgoliaProduct extends AlgoliaHitBase {
+    [key: string]: unknown;
     alternativeNumber: string;
     categories: string[];
     categoryPageId: string[];
@@ -32,9 +44,12 @@ interface AlgoliaProduct {
     slug: string;
     storefrontId: string;
     storefrontSlug: string;
-    type: 'promo' | 'product';
+    type: 'product';
     weight: number;
     width: number;
 }
+export declare function isAlgoliaProductHit(hit: AlgoliaHit): hit is AlgoliaProductHit;
+export type AlgoliaPromoHit = Hit<AlgoliaPromo>;
 export type AlgoliaProductHit = Hit<AlgoliaProduct>;
+export type AlgoliaHit = AlgoliaPromoHit | AlgoliaProductHit;
 export {};

package/dist/src/algolia/algolia-hits-provider.d.ts

@@ -0,0 +1,6 @@
+import { AlgoliaHit } from './algolia-hit-type';
+export interface AlgoliaHitsGlobalState {
+    isLoading: boolean | undefined;
+    items: AlgoliaHit[];
+}
+export declare function AlgoliaHitsProvider(): null;

package/dist/src/algolia/use-algolia-hits.d.ts

@@ -0,0 +1,10 @@
+import { ProductHit, PromoHit } from 'shared/model/hit';
+import { AlgoliaHit } from './algolia-hit-type';
+export declare const useAlgoliaHitsItems: () => [AlgoliaHit[], import("shared/providers/global-state-provider").UpdateGlobalState<AlgoliaHit[]>];
+export declare const useAlgoliaHitsLoading: () => [boolean | undefined, import("shared/providers/global-state-provider").UpdateGlobalState<boolean | undefined>];
+interface UseHitsReturnType {
+    hits: (ProductHit | PromoHit)[];
+    isLoading: boolean | undefined;
+}
+export declare function useAlgoliaHits(): UseHitsReturnType;
+export {};

package/dist/src/algolia/use-algolia-search.d.ts

@@ -5,7 +5,7 @@ import { PopularSearchHit } from 'global-search/plugins/popular-searches-plugin'
 import { QuerySuggestionHit } from 'global-search/plugins/query-suggestions-plugin';
 import { QuickAccessHit } from 'global-search/plugins/quick-access-plugin';
 import { RecentSearchHit } from 'global-search/plugins/recent-searches-plugin';
-import { AlgoliaProductHit } from './algolia-product-hit-type';
+import { AlgoliaHit } from './algolia-hit-type';
 interface ExtendedAutoCompleteCollection<T extends BaseItem> extends AutocompleteCollection<T> {
     source: ExtendedInternalAutocompleteSource<T>;
 }
@@ -18,8 +18,8 @@ export declare function useAlgoliaSearch(): {
     popularCategories: AutocompleteCollection<PopularCategoryHit> | undefined;
     popularSearches: AutocompleteCollection<PopularSearchHit> | undefined;
     products: {
-        items: import("shared/model/product-hit").ProductHit[];
-        source: InternalAutocompleteSource<AlgoliaProductHit>;
+        items: (import("shared/model/hit").PromoHit | import("shared/model/hit").ProductHit)[];
+        source: InternalAutocompleteSource<AlgoliaHit>;
     } | undefined;
     querySuggestions: AutocompleteCollection<QuerySuggestionHit> | undefined;
     quickAccess: AutocompleteCollection<QuickAccessHit> | undefined;

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { CarouselProps } from 'carousel/carousel';
+export interface CardCarouselProps {
+    allowExpandToGrid?: boolean;
+    cardWidth?: 'normal' | 'narrow' | 'auto';
+    cards: ReactNode[];
+    cardsPerView?: CarouselProps['slidesPerView'];
+    hasOverflow?: boolean;
+}
+export declare function CardCarousel({ allowExpandToGrid, cards, cardsPerView, cardWidth, hasOverflow, }: CardCarouselProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/carousel/{product-carousel/product-carousel.stories.d.ts → card-carousel/product-card-carousel.stories.d.ts}

@@ -1,10 +1,10 @@
 import type { StoryObj } from '@storybook/react';
-import { ProductCarousel } from './product-carousel';
+import { CardCarousel } from './card-carousel';
 declare const meta: {
     args: {
-        productCards: import("react/jsx-runtime").JSX.Element[];
+        cards: import("react/jsx-runtime").JSX.Element[];
     };
-    component: typeof ProductCarousel;
+    component: typeof CardCarousel;
     parameters: {
         layout: string;
         tags: string[];

package/dist/src/carousel/card-carousel/promo-card-carousel.stories.d.ts

@@ -0,0 +1,20 @@
+import type { StoryObj } from '@storybook/react';
+import { CardCarousel } from './card-carousel';
+declare const meta: {
+    args: {
+        cards: import("react/jsx-runtime").JSX.Element[];
+    };
+    component: typeof CardCarousel;
+    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 Narrow: Story;
+export declare const Hover: Story;

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { CarouselProps } from 'carousel/carousel';
+interface PromoCardCarouselProps {
+    cardWidth?: 'normal' | 'narrow' | 'auto';
+    hasOverflow?: boolean;
+    promoCards: ReactNode[];
+    promosPerView?: CarouselProps['slidesPerView'];
+}
+export declare function PromoCardCarousel({ promoCards }: PromoCardCarouselProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/config.d.ts

@@ -4,6 +4,7 @@ interface Config {
     ALGOLIA_APP_ID: string;
     ALGOLIA_HOST: string;
     BFF_API_URL: string;
+    COOKIE_DOMAIN?: string;
     SHOP_API_URL: string;
 }
 export declare const configPerEnvironment: Record<Environment, Config>;

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

@@ -1,5 +1,5 @@
 import { AutocompleteApi, AutocompleteState as _AutocompleteState } from '@algolia/autocomplete-core';
-import { AlgoliaProductHit } from 'algolia/algolia-product-hit-type';
+import { AlgoliaProductHit } from 'algolia/algolia-hit-type';
 import { SearchClient } from 'algoliasearch';
 import { CategoryHit } from './plugins/categories-plugin';
 import { PopularCategoryHit } from './plugins/popular-categories-plugin';

package/dist/src/index.d.ts

@@ -34,7 +34,7 @@ export * from './shared/providers/global-state-provider';
 export * from './shared/routing/route-provider';
 export * from './shared/routing/route-link';
 export * from './shared/routing/route-button';
-export * from './shared/model/product-hit';
+export * from './shared/model/hit';
 export * from './breadcrumbs/breadcrumb';
 export * from './buttons/button/button';
 export * from './buttons/favorite/favorite-button';

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

@@ -1,5 +1,5 @@
 import { Image, ResponsiveImage } from 'shared/model/image';
-export interface PromoCard {
+export interface PromoBanner {
     href: string;
     image: ResponsiveImage;
 }
@@ -17,8 +17,8 @@ export interface ProductListingPageData {
     category: Category | undefined;
     categoryPages: string;
     hierarchicalCategories: string[];
-    promoCards?: {
-        top: PromoCard[] | undefined;
+    promoBanners?: {
+        top: PromoBanner[] | undefined;
     };
     subcategories: Category[] | undefined;
 }

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

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

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

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+import { PromoBanner } from './promo-banner';
+declare const meta: {
+    component: typeof PromoBanner;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    title: string;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SmallSVP: Story;
+export declare const SmallMVP: Story;
+export declare const SmallLVP: Story;
+export declare const LargeSVP: Story;
+export declare const LargeMVP: Story;
+export declare const LargeLVP: Story;
+export declare const NoLink: Story;

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

@@ -0,0 +1,8 @@
+import { ResponsiveImage } from 'shared/model/image';
+export interface PromoBannersProps {
+    promoBannersData?: Array<{
+        href: string;
+        image: ResponsiveImage;
+    }>;
+}
+export declare function PromoBanners({ promoBannersData }: PromoBannersProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,11 +1,11 @@
 import { StoryObj } from '@storybook/react';
-import { PromoCards } from './promo-cards';
+import { PromoBanners } from './promo-banners';
 declare const meta: {
-    component: typeof PromoCards;
+    component: typeof PromoBanners;
     parameters: {
         layout: string;
     };
-    render: (args: import("./promo-cards").PromoCardsProps) => import("react/jsx-runtime").JSX.Element;
+    render: (args: import("./promo-banners").PromoBannersProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     title: string;
 };

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

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

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

@@ -5,15 +5,8 @@ declare const meta: {
     parameters: {
         layout: string;
     };
-    tags: string[];
     title: string;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const SmallSVP: Story;
-export declare const SmallMVP: Story;
-export declare const SmallLVP: Story;
-export declare const LargeSVP: Story;
-export declare const LargeMVP: Story;
-export declare const LargeLVP: Story;
-export declare const NoLink: Story;
+export declare const Default: Story;

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

@@ -26,12 +26,12 @@ interface Category {
     uri: null;
     urlSegment: string;
 }
-interface PromoCard {
+interface PromoBanner {
     href: string;
     image: ResponsiveImage;
 }
-interface PromoCards {
-    top: PromoCard[] | null;
+interface PromoBanners {
+    top: PromoBanner[] | null;
 }
 interface BreadCrumb {
     href: string;
@@ -141,6 +141,6 @@ export interface ProductListingPageDataResponse {
     categories: Category | null;
     categoryPages: string;
     hierarchicalCategories: string[];
-    promoCards: PromoCards | null;
+    promoBanners: PromoBanners | null;
 }
 export {};

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

@@ -1,6 +1,15 @@
-import { AlgoliaProductHit } from 'algolia/algolia-product-hit-type';
+import { AlgoliaProductHit, AlgoliaPromoHit } from 'algolia/algolia-hit-type';
 import { Image } from 'shared/model/image';
+export declare function transformAlgoliaPromoHitToPromoHit(algoliaPromoHit: AlgoliaPromoHit): PromoHit;
 export declare function transformAlgoliaProductHitToProductHit(algoliaProductHit: AlgoliaProductHit): ProductHit;
+export interface PromoHit {
+    hit: AlgoliaPromoHit;
+    href: string;
+    id: string;
+    image: Image;
+    isExternal: boolean;
+    type: 'promo';
+}
 export interface ProductHit {
     hit: AlgoliaProductHit;
     id: string;
@@ -15,4 +24,6 @@ export interface ProductHit {
     queryId: string | undefined;
     storefrontId: string;
     storefrontSlug: string;
+    type: 'product';
 }
+export declare function isProductHit(hit: ProductHit | PromoHit): hit is ProductHit;