@sonic-equipment/ui 0.0.67 → 0.0.68

package/dist/index.d.ts

@@ -5,8 +5,6 @@ import { LinkProps as LinkProps$2, PressEvent } from 'react-aria-components';
 import { Hit } from '@algolia/client-search';
 import * as algoliasearch from 'algoliasearch';
 import { SearchClient } from 'algoliasearch';
-import { RouterProps } from 'instantsearch.js/es/middlewares/createRouterMiddleware';
-import { UiState } from 'instantsearch.js/es/types';
 import { AutocompleteApi, AutocompleteState as AutocompleteState$1, AutocompleteCollection, InternalAutocompleteSource, BaseItem } from '@algolia/autocomplete-core';
 
 declare const environments = ['sandbox', 'production', 'local'] as const
@@ -4672,8 +4670,7 @@ interface SidebarProviderProps {
 declare function SidebarDetectBreakpoint(): null;
 declare function SidebarProvider({ children }: SidebarProviderProps): react_jsx_runtime.JSX.Element;
 
-declare const userTokenEventEmitter: EventEmitter<string | undefined>;
-declare let userToken: string | undefined;
+declare let userToken: string;
 
 declare function AlgoliaActiveCategories(): react_jsx_runtime.JSX.Element | null;
 
@@ -4731,7 +4728,6 @@ declare const createSonicSearchClient: ({ apiKey, appId, host, }: {
 interface AlgoliaInsightsProviderGlobalState {
     index?: string | undefined;
     queryId?: string | undefined;
-    userToken?: string;
 }
 
 interface AlgoliaInsightsProviderState extends AlgoliaInsightsProviderGlobalState {
@@ -4752,10 +4748,9 @@ interface AlgoliaProviderProps {
     offlineSearchClient?: SearchClient;
     online?: boolean;
     query?: string;
-    routing?: boolean | RouterProps<UiState, UiState> | undefined;
     searchClient: SearchClient;
 }
-declare function AlgoliaProvider({ categoryPages, children, hierarchicalCategories, languageCode, offlineSearchClient, online: _online, query, routing, searchClient, }: AlgoliaProviderProps): react_jsx_runtime.JSX.Element;
+declare function AlgoliaProvider({ categoryPages, children, hierarchicalCategories, languageCode, offlineSearchClient, online: _online, query, searchClient, }: AlgoliaProviderProps): react_jsx_runtime.JSX.Element;
 declare function useAlgolia(): {
     online: boolean;
     setOnline: UpdateGlobalState<boolean>;
@@ -5000,4 +4995,4 @@ declare function ReactQueryContainer({ children }: {
     children: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
-export { Accordion, type AccountCollectionModel, type AccountModel, type AccountPaymentProfileCollectionModel, type AccountPaymentProfileModel, type AccountSettingsModel, type AccountShipToCollectionModel, type AccountShipToModel, type AccountsReceivableDto$1 as AccountsReceivableDto, type AddProductToCurrentCartParams$1 as AddProductToCurrentCartParams, AddToCartButton, type AddressFieldCollectionModel, type AddressFieldDisplayCollectionModel, type AddressFieldDisplayModel, type AgingBucketDto$1 as AgingBucketDto, AlgoliaActiveCategories, AlgoliaCategoriesFilters, AlgoliaFilterPanel, type AlgoliaFilterPanelProps, AlgoliaInsightsProvider, AlgoliaInsightsProviderContext, type AlgoliaInsightsProviderState, AlgoliaMultiSelectFilterSection, AlgoliaPagination, AlgoliaProvider, AlgoliaResultsCount, AlgoliaSortBy, type AttributeTypeDto, type AttributeTypeFacetModel, type AttributeTypeModel, type AttributeValueDto, type AttributeValueFacetModel, type AttributeValueModel, type AuthenticationResponse$1 as AuthenticationResponse, type AutocompleteItemModel, type AutocompleteModel, type AutocompleteProductCollectionModel, type AutocompleteProductModel, type AvailabilityDto$2 as AvailabilityDto, AvailabilityMessageType$2 as AvailabilityMessageType, BadRequestError, BadgeImagePlacementValues, type BadgeModel, BadgeStyleValues, BadgeTypeValues, type BaseAddressModel, type BaseModel$1 as BaseModel, type BillToCollectionModel, type BillToModel$1 as BillToModel, type BrandAlphabetLetterModel, type BrandAlphabetModel, type BrandAutocompleteModel, type BrandCategoryCollectionModel, type BrandCategoryModel, type BrandCollectionModel, type BrandDto$2 as BrandDto, type BrandModel, type BrandProductLineCollectionModel, type BrandProductLineModel, type BreadCrumb, type BreadCrumbModel, Breadcrumb, type BreadcrumbLink$1 as BreadcrumbLink, type BreadcrumbProps, type BreakPriceDto$2 as BreakPriceDto, type BreakPriceRfqModel, type BudgetCalendarCollectionModel, type BudgetCalendarModel, type BudgetCollectionModel, type BudgetLineModel, type BudgetModel, Button, type ButtonProps, type CalculationMethod, type CarrierDto, type CartCollectionModel, type CartLineCollectionModel, type CartLineModel$2 as CartLineModel, type CartModel, CartProvider, type CartSettingsModel, type CatalogPageModel, type Category$1 as Category, CategoryCarousel, type CategoryCarouselProps, type CategoryCollectionModel, type CategoryFacetModel, type CategoryModel, Checkbox, type CheckboxProps$1 as CheckboxProps, type ChildTraitValueModel, ColorCheckbox, type ColorCheckboxProps, type ConfigSectionDto, type ConfigSectionModel, type ConfigSectionOptionDto, type ConfigurationModel, ConnectedAddToCartButton, type ContactUsModel, type ContentModel, type CostCodeDto, type CostCodeModel$1 as CostCodeModel, type CountryCollectionModel, type CountryModel$1 as CountryModel, type CreateSessionRequestBody, type CreditCardBillingAddressDto, type CreditCardDto, type CrossSellCollectionModel, type CurrencyCollectionModel, type CurrencyModel$1 as CurrencyModel, CurrencyPositioningType$1 as CurrencyPositioningType, type CustomerCostCodeDto, type CustomerOrderTaxDto, type CustomerSettingsModel, type CustomerValidationDto$1 as CustomerValidationDto, type DashboardPanelCollectionModel, type DashboardPanelModel, type DealerCollectionModel, type DealerModel, type DetailModel, type DocumentDto, type DocumentModel, type ECheckDto, type FacetModel, FavoriteButton, type FavoriteButtonProps, FavoriteProvider, type FetchProductListingPageDataArgs, type FieldScoreDetailedDto, type FieldScoreDetailedModel, type FieldScoreDto, type FieldScoreModel, type FieldValidationDto$1 as FieldValidationDto, type FilterOption, FilterSection, type Filters, ForbiddenRequestError, FormattedMessage, type FormattedMessageFunction, type FormattedMessageProps, GlobalSearch, GlobalSearchContainer, GlobalSearchDisclosureContext, GlobalStateProvider, GlobalStateProviderContext, IconButton, type IconButtonProps, Image, type ImageModel, InternalServerErrorRequest, IntlProvider, type InventoryAvailabilityDto, type InventoryWarehousesDto, type InvoiceCollectionModel, type InvoiceHistoryTaxDto, type InvoiceLineModel, type InvoiceModel, type InvoiceSettingsModel, type JobQuoteCollectionModel, type JobQuoteLineModel, type JobQuoteModel, type LanguageCollectionModel, type LanguageModel$1 as LanguageModel, type LegacyConfigurationDto, Link, type LinkProps, LoadingOverlay, type MessageCollectionModel, type MessageModel, type MobileAppSettingsModel, type MobileContentModel, type MobilePageDto, type MobileWidgetDto, MultiSelect, type MultiSelectProps, type NavigateFn, type NavigateOptions, NotFoundRequestError, NumberField, type NumberFieldSize, type OrderApprovalCollectionModel, type OrderCollectionModel, type OrderHistoryTaxDto, type OrderLineModel, type OrderModel, type OrderPromotionModel, type OrderRequestModel, type OrderSettingsModel, type OrderStatusMappingCollectionModel, type OrderStatusMappingModel, Page, PageContainer, type PageProps, type PaginationModel$1 as PaginationModel, type PaymentMethodDto, type PaymentOptionsDto, type PersonaModel$1 as PersonaModel, type PoRequisitionModel, type PriceFacetModel, type PriceRangeModel, type PricingRfqModel, type ProductAutocompleteItemModel, type ProductAvailabilityModel, ProductCard, type ProductCardProps, type ProductCollectionModel, type ProductDto, type ProductHit$1 as ProductHit, type ProductImageDto, type ProductInventoryDto, type ProductLineDto, type ProductLineModel, ProductListingPage, type ProductListingPageDataResponse, type ProductListingPageProps, type ProductModel, ProductOverviewGrid, type ProductOverviewGridProps, ProductPrice, type ProductPriceDto$2 as ProductPriceDto, type ProductPriceModel, type ProductPriceProps, type ProductSettingsModel, ProductSku, type ProductSkuProps, type ProductSubscriptionDto$2 as ProductSubscriptionDto, type ProductSubscriptionModel, type ProductUnitOfMeasureDto$1 as ProductUnitOfMeasureDto, type ProfileTransactionRequestModel, ProgressCircle, type ProgressCircleProps, type PromoCard$1 as PromoCard, type PromoCards, type PromotionCollectionModel, type PromotionModel, type QuoteCollectionModel, type QuoteLineModel, type QuoteModel, type QuoteSettingsModel, ReactQueryContainer, type RealTimeCartInventoryModel, type RealTimeInventoryModel, type RealTimePricingModel, type RefinementListItem, type RelatedProductDto, RequestError, type RequestHeaders, type RequisitionCollectionModel, type RequisitionLineCollectionModel, type RequisitionLineModel, type RequisitionModel, type RmaLineDto, type RmaModel, RouteButton, RouteLink, RouteProvider, type RouteProviderProps, type SalespersonModel, type ScoreExplanationDto, type ScoreExplanationModel, SearchResultsPage, type SectionOptionDto$2 as SectionOptionDto, type SectionOptionModel, Select, type SelectProps, type SessionModel$1 as SessionModel, type SessionRequestModel, type SettingsCollectionModel, type SetupRequestModel, type ShareEntityModel, type ShareOrderModel, type ShipToCollectionModel, type ShipToModel$1 as ShipToModel, type ShipViaDto, type ShipmentPackageDto, type ShipmentPackageLineDto, ShowAll, type ShowAllProps, Sidebar, SidebarDetectBreakpoint, type SidebarProps, SidebarProvider, type SiteMessageCollectionModel, type SiteMessageModel, type SortOptionModel$1 as SortOptionModel, type SpecificationDto, type SpecificationModel, type StateCollectionModel, type StateModel$1 as StateModel, type StyleTraitDto, type StyleValueDto, type StyledProductDto, type SuggestionModel, type TellAFriendModel, TextField, TimeoutRequestError, type TraitValueModel, type TranslationDictionaryCollectionModel, type TranslationDictionaryModel, type TranslationId, UnauthorizedRequestError, type UnitOfMeasureModel, UnprocessableContentRequestError, type UpdateCartLineParams, type UpdateGlobalState$1 as UpdateGlobalState, type UpdateWishListLineCollectionModel, type UseAlgoliaEventResult, VariantDisplayTypeValues, type VariantTraitModel, type VmiBinCollectionModel, type VmiBinCountModel, type VmiBinModel, type VmiCountCollectionModel, type VmiCountModel, type VmiLocationCollectionModel, type VmiLocationModel, type VmiNoteCollectionModel, type VmiNoteModel, type VmiUserImportCollectionModel, type VmiUserImportModel, type VmiUserModel, type WarehouseCollectionModel, type WarehouseDto, type WarehouseModel$1 as WarehouseModel, type WebsiteModel, type WebsiteSettingsModel, type WishListCollectionModel$1 as WishListCollectionModel, type WishListEmailScheduleModel$1 as WishListEmailScheduleModel, type WishListLineCollectionModel$1 as WishListLineCollectionModel, type WishListLineModel$1 as WishListLineModel, type WishListModel$1 as WishListModel, WishListNameAlreadyExistsError, type WishListSettingsModel, type WishListShareModel$1 as WishListShareModel, addProductToCurrentCart, addWishList, addWishListItemToWishList, config, configPerEnvironment, createSession, createSonicSearchClient, createWishList, deleteCartLineById, deleteWishList, deleteWishListItemFromWishList, fetchCurrentCartLines, fetchTranslations, getSession, getWishList, getWishListItemsByWishListId, getWishLists, isRequestError, removeWishListItemFromWishList, request, signIn, signOut, transformAlgoliaProductHitToProductHit, updateCartLineById, useAddProductToCurrentCart, useAddWishList, useAddWishListItemToCurrentWishList, useAddWishListItemToWishList, useAlgolia, useAlgoliaInsights, useAlgoliaSearch, useBreakpoint, useCartEvents, useCreateCurrentWishList, useDebouncedCallback, useDeleteCartLineById, useDeleteWishListItemFromWishList, useDisclosure, useFavorite, useFavoriteProduct, useFeatureFlags, useFetchAllWishListsItems, useFetchCurrentCartLines, useFetchProductListingPageData, useFetchTranslations, useFetchWishLists, useFormattedMessage, useGlobalSearchDisclosure, useGlobalState, useIsAuthenticated, useIsBreakpoint, useNavigate, useRemoveWishListItemFromCurrentWishList, useScrollLock, useSession, useSignIn, useSignOut, useUpdateCartLineById, userToken, userTokenEventEmitter };
+export { Accordion, type AccountCollectionModel, type AccountModel, type AccountPaymentProfileCollectionModel, type AccountPaymentProfileModel, type AccountSettingsModel, type AccountShipToCollectionModel, type AccountShipToModel, type AccountsReceivableDto$1 as AccountsReceivableDto, type AddProductToCurrentCartParams$1 as AddProductToCurrentCartParams, AddToCartButton, type AddressFieldCollectionModel, type AddressFieldDisplayCollectionModel, type AddressFieldDisplayModel, type AgingBucketDto$1 as AgingBucketDto, AlgoliaActiveCategories, AlgoliaCategoriesFilters, AlgoliaFilterPanel, type AlgoliaFilterPanelProps, AlgoliaInsightsProvider, AlgoliaInsightsProviderContext, type AlgoliaInsightsProviderState, AlgoliaMultiSelectFilterSection, AlgoliaPagination, AlgoliaProvider, AlgoliaResultsCount, AlgoliaSortBy, type AttributeTypeDto, type AttributeTypeFacetModel, type AttributeTypeModel, type AttributeValueDto, type AttributeValueFacetModel, type AttributeValueModel, type AuthenticationResponse$1 as AuthenticationResponse, type AutocompleteItemModel, type AutocompleteModel, type AutocompleteProductCollectionModel, type AutocompleteProductModel, type AvailabilityDto$2 as AvailabilityDto, AvailabilityMessageType$2 as AvailabilityMessageType, BadRequestError, BadgeImagePlacementValues, type BadgeModel, BadgeStyleValues, BadgeTypeValues, type BaseAddressModel, type BaseModel$1 as BaseModel, type BillToCollectionModel, type BillToModel$1 as BillToModel, type BrandAlphabetLetterModel, type BrandAlphabetModel, type BrandAutocompleteModel, type BrandCategoryCollectionModel, type BrandCategoryModel, type BrandCollectionModel, type BrandDto$2 as BrandDto, type BrandModel, type BrandProductLineCollectionModel, type BrandProductLineModel, type BreadCrumb, type BreadCrumbModel, Breadcrumb, type BreadcrumbLink$1 as BreadcrumbLink, type BreadcrumbProps, type BreakPriceDto$2 as BreakPriceDto, type BreakPriceRfqModel, type BudgetCalendarCollectionModel, type BudgetCalendarModel, type BudgetCollectionModel, type BudgetLineModel, type BudgetModel, Button, type ButtonProps, type CalculationMethod, type CarrierDto, type CartCollectionModel, type CartLineCollectionModel, type CartLineModel$2 as CartLineModel, type CartModel, CartProvider, type CartSettingsModel, type CatalogPageModel, type Category$1 as Category, CategoryCarousel, type CategoryCarouselProps, type CategoryCollectionModel, type CategoryFacetModel, type CategoryModel, Checkbox, type CheckboxProps$1 as CheckboxProps, type ChildTraitValueModel, ColorCheckbox, type ColorCheckboxProps, type ConfigSectionDto, type ConfigSectionModel, type ConfigSectionOptionDto, type ConfigurationModel, ConnectedAddToCartButton, type ContactUsModel, type ContentModel, type CostCodeDto, type CostCodeModel$1 as CostCodeModel, type CountryCollectionModel, type CountryModel$1 as CountryModel, type CreateSessionRequestBody, type CreditCardBillingAddressDto, type CreditCardDto, type CrossSellCollectionModel, type CurrencyCollectionModel, type CurrencyModel$1 as CurrencyModel, CurrencyPositioningType$1 as CurrencyPositioningType, type CustomerCostCodeDto, type CustomerOrderTaxDto, type CustomerSettingsModel, type CustomerValidationDto$1 as CustomerValidationDto, type DashboardPanelCollectionModel, type DashboardPanelModel, type DealerCollectionModel, type DealerModel, type DetailModel, type DocumentDto, type DocumentModel, type ECheckDto, type FacetModel, FavoriteButton, type FavoriteButtonProps, FavoriteProvider, type FetchProductListingPageDataArgs, type FieldScoreDetailedDto, type FieldScoreDetailedModel, type FieldScoreDto, type FieldScoreModel, type FieldValidationDto$1 as FieldValidationDto, type FilterOption, FilterSection, type Filters, ForbiddenRequestError, FormattedMessage, type FormattedMessageFunction, type FormattedMessageProps, GlobalSearch, GlobalSearchContainer, GlobalSearchDisclosureContext, GlobalStateProvider, GlobalStateProviderContext, IconButton, type IconButtonProps, Image, type ImageModel, InternalServerErrorRequest, IntlProvider, type InventoryAvailabilityDto, type InventoryWarehousesDto, type InvoiceCollectionModel, type InvoiceHistoryTaxDto, type InvoiceLineModel, type InvoiceModel, type InvoiceSettingsModel, type JobQuoteCollectionModel, type JobQuoteLineModel, type JobQuoteModel, type LanguageCollectionModel, type LanguageModel$1 as LanguageModel, type LegacyConfigurationDto, Link, type LinkProps, LoadingOverlay, type MessageCollectionModel, type MessageModel, type MobileAppSettingsModel, type MobileContentModel, type MobilePageDto, type MobileWidgetDto, MultiSelect, type MultiSelectProps, type NavigateFn, type NavigateOptions, NotFoundRequestError, NumberField, type NumberFieldSize, type OrderApprovalCollectionModel, type OrderCollectionModel, type OrderHistoryTaxDto, type OrderLineModel, type OrderModel, type OrderPromotionModel, type OrderRequestModel, type OrderSettingsModel, type OrderStatusMappingCollectionModel, type OrderStatusMappingModel, Page, PageContainer, type PageProps, type PaginationModel$1 as PaginationModel, type PaymentMethodDto, type PaymentOptionsDto, type PersonaModel$1 as PersonaModel, type PoRequisitionModel, type PriceFacetModel, type PriceRangeModel, type PricingRfqModel, type ProductAutocompleteItemModel, type ProductAvailabilityModel, ProductCard, type ProductCardProps, type ProductCollectionModel, type ProductDto, type ProductHit$1 as ProductHit, type ProductImageDto, type ProductInventoryDto, type ProductLineDto, type ProductLineModel, ProductListingPage, type ProductListingPageDataResponse, type ProductListingPageProps, type ProductModel, ProductOverviewGrid, type ProductOverviewGridProps, ProductPrice, type ProductPriceDto$2 as ProductPriceDto, type ProductPriceModel, type ProductPriceProps, type ProductSettingsModel, ProductSku, type ProductSkuProps, type ProductSubscriptionDto$2 as ProductSubscriptionDto, type ProductSubscriptionModel, type ProductUnitOfMeasureDto$1 as ProductUnitOfMeasureDto, type ProfileTransactionRequestModel, ProgressCircle, type ProgressCircleProps, type PromoCard$1 as PromoCard, type PromoCards, type PromotionCollectionModel, type PromotionModel, type QuoteCollectionModel, type QuoteLineModel, type QuoteModel, type QuoteSettingsModel, ReactQueryContainer, type RealTimeCartInventoryModel, type RealTimeInventoryModel, type RealTimePricingModel, type RefinementListItem, type RelatedProductDto, RequestError, type RequestHeaders, type RequisitionCollectionModel, type RequisitionLineCollectionModel, type RequisitionLineModel, type RequisitionModel, type RmaLineDto, type RmaModel, RouteButton, RouteLink, RouteProvider, type RouteProviderProps, type SalespersonModel, type ScoreExplanationDto, type ScoreExplanationModel, SearchResultsPage, type SectionOptionDto$2 as SectionOptionDto, type SectionOptionModel, Select, type SelectProps, type SessionModel$1 as SessionModel, type SessionRequestModel, type SettingsCollectionModel, type SetupRequestModel, type ShareEntityModel, type ShareOrderModel, type ShipToCollectionModel, type ShipToModel$1 as ShipToModel, type ShipViaDto, type ShipmentPackageDto, type ShipmentPackageLineDto, ShowAll, type ShowAllProps, Sidebar, SidebarDetectBreakpoint, type SidebarProps, SidebarProvider, type SiteMessageCollectionModel, type SiteMessageModel, type SortOptionModel$1 as SortOptionModel, type SpecificationDto, type SpecificationModel, type StateCollectionModel, type StateModel$1 as StateModel, type StyleTraitDto, type StyleValueDto, type StyledProductDto, type SuggestionModel, type TellAFriendModel, TextField, TimeoutRequestError, type TraitValueModel, type TranslationDictionaryCollectionModel, type TranslationDictionaryModel, type TranslationId, UnauthorizedRequestError, type UnitOfMeasureModel, UnprocessableContentRequestError, type UpdateCartLineParams, type UpdateGlobalState$1 as UpdateGlobalState, type UpdateWishListLineCollectionModel, type UseAlgoliaEventResult, VariantDisplayTypeValues, type VariantTraitModel, type VmiBinCollectionModel, type VmiBinCountModel, type VmiBinModel, type VmiCountCollectionModel, type VmiCountModel, type VmiLocationCollectionModel, type VmiLocationModel, type VmiNoteCollectionModel, type VmiNoteModel, type VmiUserImportCollectionModel, type VmiUserImportModel, type VmiUserModel, type WarehouseCollectionModel, type WarehouseDto, type WarehouseModel$1 as WarehouseModel, type WebsiteModel, type WebsiteSettingsModel, type WishListCollectionModel$1 as WishListCollectionModel, type WishListEmailScheduleModel$1 as WishListEmailScheduleModel, type WishListLineCollectionModel$1 as WishListLineCollectionModel, type WishListLineModel$1 as WishListLineModel, type WishListModel$1 as WishListModel, WishListNameAlreadyExistsError, type WishListSettingsModel, type WishListShareModel$1 as WishListShareModel, addProductToCurrentCart, addWishList, addWishListItemToWishList, config, configPerEnvironment, createSession, createSonicSearchClient, createWishList, deleteCartLineById, deleteWishList, deleteWishListItemFromWishList, fetchCurrentCartLines, fetchTranslations, getSession, getWishList, getWishListItemsByWishListId, getWishLists, isRequestError, removeWishListItemFromWishList, request, signIn, signOut, transformAlgoliaProductHitToProductHit, updateCartLineById, useAddProductToCurrentCart, useAddWishList, useAddWishListItemToCurrentWishList, useAddWishListItemToWishList, useAlgolia, useAlgoliaInsights, useAlgoliaSearch, useBreakpoint, useCartEvents, useCreateCurrentWishList, useDebouncedCallback, useDeleteCartLineById, useDeleteWishListItemFromWishList, useDisclosure, useFavorite, useFavoriteProduct, useFeatureFlags, useFetchAllWishListsItems, useFetchCurrentCartLines, useFetchProductListingPageData, useFetchTranslations, useFetchWishLists, useFormattedMessage, useGlobalSearchDisclosure, useGlobalState, useIsAuthenticated, useIsBreakpoint, useNavigate, useRemoveWishListItemFromCurrentWishList, useScrollLock, useSession, useSignIn, useSignOut, useUpdateCartLineById, userToken };

package/dist/index.js

@@ -5,11 +5,12 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { deepEqual } from 'fast-equals';
 import { Link as Link$1, Button as Button$1, Breadcrumbs, Breadcrumb as Breadcrumb$1, FieldError as FieldError$1, useContextProps, InputContext, Input as Input$1, Label as Label$1, NumberField as NumberField$1, Checkbox as Checkbox$1, Select as Select$1, SelectValue, Popover, ListBox, Section, Header, ListBoxItem, TextAreaContext, TextArea as TextArea$1, TextField as TextField$1, ModalOverlay, Modal as Modal$1, Dialog as Dialog$1, Form } from 'react-aria-components';
 import clsx from 'clsx';
+import { usePress } from 'react-aria';
 import { useHierarchicalMenu, useCurrentRefinements, useClearRefinements, useRefinementList, useHits, useDynamicWidgets, usePagination, useInstantSearch, InstantSearch, Configure, useSortBy } from 'react-instantsearch';
-import aa from 'search-insights';
 import { history } from 'instantsearch.js/es/lib/routers/index.js';
 import { simple } from 'instantsearch.js/es/lib/stateMappings/index.js';
 import algoliasearch from 'algoliasearch';
+import aa from 'search-insights';
 import ReactDOM from 'react-dom';
 import { createAutocomplete } from '@algolia/autocomplete-core';
 import { getAlgoliaResults, parseAlgoliaHitHighlight } from '@algolia/autocomplete-preset-algolia';
@@ -67,8 +68,8 @@ const configPerEnvironment = {
     production: {
         ALGOLIA_API_KEY: 'e31a3a53449eceb4d0f9273b9bcd9759',
         ALGOLIA_APP_ID: '14CUFCVMAD',
-        ALGOLIA_HOST: 'bff.shop.sonic-equipment.com',
-        BFF_API_URL: 'https://bff.shop.sonic-equipment.com',
+        ALGOLIA_HOST: 'shop.sonic-equipment.com',
+        BFF_API_URL: 'https://shop.sonic-equipment.com/api/v1/bff',
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         SHOP_API_URL: 'https://shop.sonic-equipment.com',
     },
@@ -1120,9 +1121,12 @@ function useGlobalState(key, initialState) {
     const state = useContext(GlobalStateProviderContext).get(key, initialState);
     const [rerenderState, setRerenderState] = useState(state.value);
     useEffect(() => {
-        state.addEventListener('stateChanged', setRerenderState);
+        const updateState = (value) => {
+            setTimeout(() => setRerenderState(value), 0);
+        };
+        state.addEventListener('stateChanged', updateState);
         return () => {
-            state.removeEventListener('stateChanged', setRerenderState);
+            state.removeEventListener('stateChanged', updateState);
         };
     }, [state]);
     function updateGlobalState(valueOrFn) {
@@ -1365,7 +1369,8 @@ const Input = forwardRef(({ _pseudo = 'none', autoGrow, size = 'lg', ...inputPro
     const handleChange = (event) => isControlled
         ? onChange?.(event)
         : setUncontrolledValue(event.target.value);
-    return (jsx("div", { className: clsx(styles$N['input-container'], styles$N[size], styles$N[_pseudo]), children: jsxs("div", { className: clsx({ [styles$N['growing-input']]: autoGrow }), children: [jsx(Input$1, { size: autoGrow ? 1 : undefined, ...props, ref: ref, onChange: handleChange, onClick: e => {
+    const { pressProps } = usePress({});
+    return (jsx("div", { className: clsx(styles$N['input-container'], styles$N[size], styles$N[_pseudo]), children: jsxs("div", { className: clsx({ [styles$N['growing-input']]: autoGrow }), children: [jsx(Input$1, { size: autoGrow ? 1 : undefined, ...props, ...pressProps, ref: ref, onChange: handleChange, onClick: e => {
                         e.preventDefault();
                         e.stopPropagation();
                         e.target.focus();
@@ -7386,6 +7391,22 @@ function AlgoliaCategoriesFilters() {
             }), isDisabled: isRefined, onClick: () => refine(value), children: [jsx("span", { className: styles$p.value, children: value }), ' ', jsxs("span", { className: styles$p.count, children: ["(", count, ")"] })] }, value))) }));
 }
 
+function AlgoliaDummyRefinementListConsumer() {
+    /*
+     * This component supresses the following Algolia warning:
+     *
+     *   [InstantSearch.js]: The UI state for the index "instant_search" is not consistent with the widgets mounted.
+     *
+     * When the page loads the useDynamicWidgets hook is called to
+     * get a list of attributes to render. This is list is empty initially
+     * and therefor no refinement list is rendered. This causes the warning.
+     *
+     * Reference: https://github.com/algolia/instantsearch/pull/4140
+     */
+    useRefinementList({ attribute: 'dummy' });
+    return null;
+}
+
 function AlgoliaMultiSelectFilterSection({ attribute, }) {
     const { items, refine } = useRefinementList({
         attribute,
@@ -7393,7 +7414,8 @@ function AlgoliaMultiSelectFilterSection({ attribute, }) {
         operator: 'or',
         showMoreLimit: 100,
     });
-    if (items.length < 2 && items.filter(item => item.isRefined).length === 0) {
+    if (items.length === 0 ||
+        (items.length < 2 && items.filter(item => item.isRefined).length === 0)) {
         return null;
     }
     return (jsx(FilterSection, { title: attribute, variant: "collapsible", children: jsx(MultiSelect, { onChange: ({ value }) => refine(value), options: items.map(item => ({
@@ -7413,15 +7435,31 @@ function AlgoliaResultsCount() {
     return `${count} ${count === 1 ? t('article') : t('articles')}`;
 }
 
+const MULTISELECT_ATTRIBUTE_IGNORE_LIST = [
+    'hierarchicalCategories.lvl0',
+];
 function PanelCloseButton() {
     const { close } = useSidebarActions();
     return (jsx("div", { className: styles$p.button, children: jsxs(Button, { withArrow: true, onPress: close, size: "md", children: [jsx(FormattedMessage, { id: "Show" }), " ", jsx(AlgoliaResultsCount, {})] }) }));
 }
 function AlgoliaFilterPanel({ showActiveCategories = false, showCategoriesFilters = false, }) {
+    /*
+     * This hook will return the attributes that are available to be rendered.
+     * Initially it will return an empty array and fires a new query to Algolia
+     * to get the attributes that are available to be rendered.
+     *
+     * *** THIS WILL CAUSE A SECOND QUERY TO ALGOLIA ON PAGE LOAD***
+     * See ticket: https://dev.azure.com/arlanet/Sonic%20Equipment/_workitems/edit/23095
+     */
     const { attributesToRender } = useDynamicWidgets({
+        facets: ['*'],
         maxValuesPerFacet: 100,
     });
-    return (jsx("div", { className: styles$p['filter-panel'], children: jsxs("div", { className: styles$p['scroll-container'], children: [showActiveCategories && jsx(AlgoliaActiveCategories, {}), showCategoriesFilters && jsx(AlgoliaCategoriesFilters, {}), jsx(AlgoliaActiveFilters, {}), attributesToRender.length > 0 && (jsx("section", { children: attributesToRender.map((attribute, index) => (jsx(AlgoliaMultiSelectFilterSection, { attribute: attribute }, `attribute-${index}`))) })), jsx(PanelCloseButton, {})] }) }));
+    return (jsx("div", { className: styles$p['filter-panel'], children: jsxs("div", { className: styles$p['scroll-container'], children: [showActiveCategories && jsx(AlgoliaActiveCategories, {}), showCategoriesFilters && jsx(AlgoliaCategoriesFilters, {}), jsx(AlgoliaActiveFilters, {}), attributesToRender.length === 0 ? (jsx(AlgoliaDummyRefinementListConsumer, {})) : (jsx("section", { children: attributesToRender
+                        .filter(attribute => !MULTISELECT_ATTRIBUTE_IGNORE_LIST.includes(attribute))
+                        .map((attribute, index) => {
+                        return (jsx(AlgoliaMultiSelectFilterSection, { attribute: attribute }, `attribute-${index}`));
+                    }) })), jsx(PanelCloseButton, {})] }) }));
 }
 
 function GlyphsChevronsSlimRightIcon(props) {
@@ -7536,48 +7574,8 @@ const getAlgoliaIndex = (environment, languageCode) => {
     };
 };
 
-function getCookies() {
-    if (typeof window === 'undefined')
-        return {};
-    return document.cookie
-        .split(';')
-        .map(entry => entry.trim().split('='))
-        .reduce((cookie, [key, value]) => ({ ...cookie, [key || '']: value }), {});
-}
-function getCookie(name, defaultValue) {
-    return getCookies()[name] ?? defaultValue;
-}
-
-const userTokenEventEmitter = new EventEmitter();
-let userToken;
-aa('init', {
-    apiKey: config.ALGOLIA_API_KEY,
-    appId: config.ALGOLIA_APP_ID,
-    useCookie: getCookie('cookie-statistics-0', 'false').toLowerCase() === 'true',
-});
-aa('getUserToken', {}, (err, value) => {
-    if (err)
-        return console.error(err);
-    userToken = value !== undefined ? String(value) : value;
-    userTokenEventEmitter.trigger('change', userToken);
-});
-aa('onUserTokenChange', value => {
-    userToken = value !== undefined ? String(value) : value;
-    userTokenEventEmitter.trigger('change', userToken);
-});
-
 function useAlgoliaInsightsGlobalState() {
-    const [state, setState] = useGlobalState('algolia-insights-global-state', { userToken });
-    useEffect(() => {
-        function onTokenChanged(userToken) {
-            setState(state => ({ ...state, userToken }));
-        }
-        userTokenEventEmitter.addEventListener('change', onTokenChanged);
-        return () => {
-            userTokenEventEmitter.removeEventListener('change', onTokenChanged);
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    const [state, setState] = useGlobalState('algolia-insights-global-state', {});
     return [state, setState];
 }
 
@@ -7756,7 +7754,7 @@ function createQueryStringRouting({ algoliaIndex, hierarchicalCategories, }) {
     };
 }
 
-function AlgoliaProvider({ categoryPages, children, hierarchicalCategories, languageCode, offlineSearchClient, online: _online = true, query, routing, searchClient, }) {
+function AlgoliaProvider({ categoryPages, children, hierarchicalCategories, languageCode, offlineSearchClient, online: _online = true, query, searchClient, }) {
     const { online } = useAlgoliaInstantSearchState({
         online: _online,
     });
@@ -7764,8 +7762,10 @@ function AlgoliaProvider({ categoryPages, children, hierarchicalCategories, lang
     return (jsxs(InstantSearch, { future: {
             persistHierarchicalRootCount: true,
             preserveSharedStateOnUnmount: true,
-        }, indexName: algoliaIndex.default, insights: true, routing: routing ||
-            createQueryStringRouting({ algoliaIndex, hierarchicalCategories }), searchClient: online ? searchClient : offlineSearchClient || searchClient, children: [jsx(Configure, { analytics: true, filters: categoryPages
+        }, indexName: algoliaIndex.default, insights: true, routing: createQueryStringRouting({
+            algoliaIndex,
+            hierarchicalCategories,
+        }), searchClient: online ? searchClient : offlineSearchClient || searchClient, children: [jsx(Configure, { analytics: true, filters: categoryPages
                     ? // Replace double quotes with escaped double quotes to avoid breaking the query
                         `categoryPages: "${categoryPages.replace(/"/g, '\\"')}"`
                     : undefined, maxValuesPerFacet: 100, query: query, ruleContexts: ['storefront'] }), jsx(AlgoliaInstantSearchStateProvider, {}), jsx(AlgoliaProductHitsProvider, {}), jsx(AlgoliaInsightInstantSearchProvider, { children: children })] }));
@@ -7924,6 +7924,50 @@ function NoResults$1({ content, title }) {
     return (jsxs("div", { className: styles$h['no-results'], children: [jsx(Heading, { bold: false, className: styles$h.title, size: lg ? 's' : 'xs', tag: "h2", children: title }), jsx("p", { className: styles$h.body, children: content }), jsx("div", { className: styles$h.buttons, children: jsx(RouteButton, { withArrow: true, href: `${config.SHOP_API_URL}`, size: "md", children: jsx(FormattedMessage, { id: "Continue shopping" }) }) })] }));
 }
 
+function getCookies() {
+    if (typeof window === 'undefined')
+        return {};
+    return document.cookie
+        .split(';')
+        .map(entry => entry.trim().split('='))
+        .reduce((cookie, [key, value]) => ({ ...cookie, [key || '']: value }), {});
+}
+function getCookie(name, defaultValue) {
+    return getCookies()[name] ?? defaultValue;
+}
+
+let userToken = generateUserToken();
+aa('init', {
+    apiKey: config.ALGOLIA_API_KEY,
+    appId: config.ALGOLIA_APP_ID,
+    useCookie: getCookie('cookie-statistics-0', 'false').toLowerCase() === 'true',
+    userToken,
+});
+aa('getUserToken', {}, (err, value) => {
+    if (err)
+        return console.error(err);
+    userToken = value !== undefined ? String(value) : generateUserToken();
+});
+aa('onUserTokenChange', value => {
+    userToken = value !== undefined ? String(value) : generateUserToken();
+});
+/**
+ * Create UUID according to
+ * https://www.ietf.org/rfc/rfc4122.txt.
+ *
+ * @returns Generated UUID.
+ */
+function createUUID() {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
+        const r = (Math.random() * 16) | 0;
+        const v = c === 'x' ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+    });
+}
+function generateUserToken() {
+    return `anonymous-${createUUID()}`;
+}
+
 function useAlgoliaInsights() {
     const context = useContext(AlgoliaInsightsProviderContext);
     const [, setGlobalState] = useAlgoliaInsightsGlobalState();
@@ -7939,7 +7983,7 @@ function useAlgoliaInsights() {
                 index: context.index,
                 objectIDs: [].concat(objectId),
                 queryID: context.queryId,
-                userToken: context.userToken,
+                userToken,
             });
         },
         sendAddToCartFromSearchEvent({ objectId, queryId }) {
@@ -7950,7 +7994,7 @@ function useAlgoliaInsights() {
                 index: context.index,
                 objectIDs: [].concat(objectId),
                 queryID: queryId,
-                userToken: context.userToken,
+                userToken,
             });
         },
         sendAddToCartFromSearchResultPageEvent({ objectId, }) {
@@ -7963,7 +8007,7 @@ function useAlgoliaInsights() {
                 index: context.index,
                 objectIDs: [].concat(objectId),
                 queryID: context.queryId,
-                userToken: context.userToken,
+                userToken,
             });
         },
         sendAddToWishListFromProductListPageEvent({ objectId, position, }) {
@@ -7977,7 +8021,7 @@ function useAlgoliaInsights() {
                 objectIDs: [].concat(objectId),
                 positions: [].concat(position),
                 queryID: context.queryId,
-                userToken: context.userToken,
+                userToken,
             });
         },
         sendAddToWishListFromSearchEvent({ objectId, position, queryId, }) {
@@ -7989,7 +8033,7 @@ function useAlgoliaInsights() {
                 objectIDs: [].concat(objectId),
                 positions: [].concat(position),
                 queryID: queryId,
-                userToken: context.userToken,
+                userToken,
             });
         },
         sendAddToWishListFromSearchResultPageEvent({ objectId, position, }) {
@@ -8003,7 +8047,7 @@ function useAlgoliaInsights() {
                 objectIDs: [].concat(objectId),
                 positions: [].concat(position),
                 queryID: context.queryId,
-                userToken: context.userToken,
+                userToken,
             });
         },
         sendProductClickFromProductListPageEvent({ objectId, position }) {
@@ -8019,12 +8063,11 @@ function useAlgoliaInsights() {
                 objectIDs: [].concat(objectId),
                 positions: [].concat(position),
                 queryID: context.queryId,
-                userToken: context.userToken,
+                userToken,
             });
             setGlobalState({
                 index: context.index,
                 queryId: context.queryId,
-                userToken: context.userToken,
             });
         },
         sendProductClickFromSearchEvent({ index, objectId, position, queryId }) {
@@ -8036,12 +8079,11 @@ function useAlgoliaInsights() {
                 objectIDs: [].concat(objectId),
                 positions: [].concat(position),
                 queryID: queryId,
-                userToken: context.userToken,
+                userToken,
             });
             setGlobalState({
                 index,
                 queryId,
-                userToken: context.userToken,
             });
         },
         sendProductClickFromSearchResultPageEvent({ objectId, position, }) {
@@ -8057,12 +8099,11 @@ function useAlgoliaInsights() {
                 objectIDs: [].concat(objectId),
                 positions: [].concat(position),
                 queryID: context.queryId,
-                userToken: context.userToken,
+                userToken,
             });
             setGlobalState({
                 index: context.index,
                 queryId: context.queryId,
-                userToken: context.userToken,
             });
         },
     };
@@ -8923,4 +8964,4 @@ function ReactQueryContainer({ children }) {
     return (jsx(QueryClientProvider, { client: queryClient, children: children }));
 }
 
-export { Accordion, AddToCartButton, AlgoliaActiveCategories, AlgoliaCategoriesFilters, AlgoliaFilterPanel, AlgoliaInsightsProvider, AlgoliaInsightsProviderContext, AlgoliaMultiSelectFilterSection, AlgoliaPagination, AlgoliaProvider, AlgoliaResultsCount, AlgoliaSortBy, AvailabilityMessageType, BadRequestError, BadgeImagePlacementValues, BadgeStyleValues, BadgeTypeValues, Breadcrumb, Button, CartProvider, CategoryCarousel, Checkbox, ColorCheckbox, ConnectedAddToCartButton, CurrencyPositioningType, FavoriteButton, FavoriteProvider, FilterSection, ForbiddenRequestError, FormattedMessage, GlobalSearch, GlobalSearchContainer, GlobalSearchDisclosureContext, GlobalStateProvider, GlobalStateProviderContext, IconButton, Image, InternalServerErrorRequest, IntlProvider, Link, LoadingOverlay, MultiSelect, NotFoundRequestError, NumberField, Page, PageContainer, ProductCard, ProductListingPage, ProductOverviewGrid, ProductPrice, ProductSku, ProgressCircle, ReactQueryContainer, RequestError, RouteButton, RouteLink, RouteProvider, SearchResultsPage, Select, ShowAll, Sidebar, SidebarDetectBreakpoint, SidebarProvider, TextField, TimeoutRequestError, UnauthorizedRequestError, UnprocessableContentRequestError, VariantDisplayTypeValues, WishListNameAlreadyExistsError, addProductToCurrentCart, addWishList, addWishListItemToWishList, config, configPerEnvironment, createSession, createSonicSearchClient, createWishList, deleteCartLineById, deleteWishList, deleteWishListItemFromWishList, fetchCurrentCartLines, fetchTranslations, getSession, getWishList, getWishListItemsByWishListId, getWishLists, isRequestError, removeWishListItemFromWishList, request, signIn, signOut, transformAlgoliaProductHitToProductHit, updateCartLineById, useAddProductToCurrentCart, useAddWishList, useAddWishListItemToCurrentWishList, useAddWishListItemToWishList, useAlgolia, useAlgoliaInsights, useAlgoliaSearch, useBreakpoint, useCartEvents, useCreateCurrentWishList, useDebouncedCallback, useDeleteCartLineById, useDeleteWishListItemFromWishList, useDisclosure, useFavorite, useFavoriteProduct, useFeatureFlags, useFetchAllWishListsItems, useFetchCurrentCartLines, useFetchProductListingPageData, useFetchTranslations, useFetchWishLists, useFormattedMessage, useGlobalSearchDisclosure, useGlobalState, useIsAuthenticated, useIsBreakpoint, useNavigate, useRemoveWishListItemFromCurrentWishList, useScrollLock, useSession, useSignIn, useSignOut, useUpdateCartLineById, userToken, userTokenEventEmitter };
+export { Accordion, AddToCartButton, AlgoliaActiveCategories, AlgoliaCategoriesFilters, AlgoliaFilterPanel, AlgoliaInsightsProvider, AlgoliaInsightsProviderContext, AlgoliaMultiSelectFilterSection, AlgoliaPagination, AlgoliaProvider, AlgoliaResultsCount, AlgoliaSortBy, AvailabilityMessageType, BadRequestError, BadgeImagePlacementValues, BadgeStyleValues, BadgeTypeValues, Breadcrumb, Button, CartProvider, CategoryCarousel, Checkbox, ColorCheckbox, ConnectedAddToCartButton, CurrencyPositioningType, FavoriteButton, FavoriteProvider, FilterSection, ForbiddenRequestError, FormattedMessage, GlobalSearch, GlobalSearchContainer, GlobalSearchDisclosureContext, GlobalStateProvider, GlobalStateProviderContext, IconButton, Image, InternalServerErrorRequest, IntlProvider, Link, LoadingOverlay, MultiSelect, NotFoundRequestError, NumberField, Page, PageContainer, ProductCard, ProductListingPage, ProductOverviewGrid, ProductPrice, ProductSku, ProgressCircle, ReactQueryContainer, RequestError, RouteButton, RouteLink, RouteProvider, SearchResultsPage, Select, ShowAll, Sidebar, SidebarDetectBreakpoint, SidebarProvider, TextField, TimeoutRequestError, UnauthorizedRequestError, UnprocessableContentRequestError, VariantDisplayTypeValues, WishListNameAlreadyExistsError, addProductToCurrentCart, addWishList, addWishListItemToWishList, config, configPerEnvironment, createSession, createSonicSearchClient, createWishList, deleteCartLineById, deleteWishList, deleteWishListItemFromWishList, fetchCurrentCartLines, fetchTranslations, getSession, getWishList, getWishListItemsByWishListId, getWishLists, isRequestError, removeWishListItemFromWishList, request, signIn, signOut, transformAlgoliaProductHitToProductHit, updateCartLineById, useAddProductToCurrentCart, useAddWishList, useAddWishListItemToCurrentWishList, useAddWishListItemToWishList, useAlgolia, useAlgoliaInsights, useAlgoliaSearch, useBreakpoint, useCartEvents, useCreateCurrentWishList, useDebouncedCallback, useDeleteCartLineById, useDeleteWishListItemFromWishList, useDisclosure, useFavorite, useFavoriteProduct, useFeatureFlags, useFetchAllWishListsItems, useFetchCurrentCartLines, useFetchProductListingPageData, useFetchTranslations, useFetchWishLists, useFormattedMessage, useGlobalSearchDisclosure, useGlobalState, useIsAuthenticated, useIsBreakpoint, useNavigate, useRemoveWishListItemFromCurrentWishList, useScrollLock, useSession, useSignIn, useSignOut, useUpdateCartLineById, userToken };

package/dist/src/algolia/algolia-dummy-refinement-list-consumer.d.ts

@@ -0,0 +1 @@
+export declare function AlgoliaDummyRefinementListConsumer(): null;

package/dist/src/algolia/algolia-intialization.d.ts

@@ -1,3 +1 @@
-import { EventEmitter } from 'shared/utils/event-emitter';
-export declare const userTokenEventEmitter: EventEmitter<string | undefined>;
-export declare let userToken: string | undefined;
+export declare let userToken: string;

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

@@ -1,7 +1,5 @@
 import { ReactNode } from 'react';
 import { SearchClient } from 'algoliasearch';
-import { RouterProps } from 'instantsearch.js/es/middlewares/createRouterMiddleware';
-import { UiState } from 'instantsearch.js/es/types';
 interface AlgoliaProviderProps {
     categoryPages?: string;
     children: ReactNode;
@@ -10,10 +8,9 @@ interface AlgoliaProviderProps {
     offlineSearchClient?: SearchClient;
     online?: boolean;
     query?: string;
-    routing?: boolean | RouterProps<UiState, UiState> | undefined;
     searchClient: SearchClient;
 }
-export declare function AlgoliaProvider({ categoryPages, children, hierarchicalCategories, languageCode, offlineSearchClient, online: _online, query, routing, searchClient, }: AlgoliaProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function AlgoliaProvider({ categoryPages, children, hierarchicalCategories, languageCode, offlineSearchClient, online: _online, query, searchClient, }: AlgoliaProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useAlgolia(): {
     online: boolean;
     setOnline: import("shared/providers/global-state-provider").UpdateGlobalState<boolean>;

package/dist/src/algolia/use-algolia-insights-provider-global-state.d.ts

@@ -2,7 +2,6 @@ import { UpdateGlobalState } from 'shared/providers/global-state-provider';
 export interface AlgoliaInsightsProviderGlobalState {
     index?: string | undefined;
     queryId?: string | undefined;
-    userToken?: string;
 }
 export declare function useAlgoliaInsightsGlobalState(): [
     AlgoliaInsightsProviderGlobalState,

package/dist/styles.css

@@ -217,6 +217,11 @@
   --search-layer: 200;
   --modal-layer: 300;
 }
+:root {
+  --header-height-desktop: 96px;
+  --header-height-mobile: 54px;
+  --search-input-height: 76px;
+}
 
 .link-module-xLqBn {
   all: unset;
@@ -2283,18 +2288,22 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: var(--space-24);
 }
 
   .pagination-module-k4OgY .pagination-module-oq89A, .pagination-module-oq89A .pagination-module-oq89A {
     gap: var(--space-8);
   }
 
-  .pagination-module-k4OgY button svg, .pagination-module-oq89A button svg {
-    width: 12px;
-    height: 12px;
+  .pagination-module-k4OgY button, .pagination-module-oq89A button {
+    align-self: stretch;
+    padding-inline: var(--space-24);
   }
 
+  .pagination-module-k4OgY button svg, .pagination-module-oq89A button svg {
+      width: 12px;
+      height: 12px;
+    }
+
 .category-card-module-4NUjH {
   all: unset;
   display: grid;
@@ -2402,8 +2411,6 @@
   }
 
 .blank-page-spacer-module-lXxle {
-  --header-height-desktop: 96px;
-  --header-height-mobile: 54px;
   --header-height: var(--header-height-mobile);
 
   display: grid;
@@ -3261,14 +3268,23 @@
   z-index: var(--sidebar-layer);
   top: 100%;
   left: 0;
-  overflow: hidden;
+  overflow: auto;
   width: 100%;
+  height: calc(
+    100dvh - var(--header-height-mobile) - var(--search-input-height)
+  );
   box-sizing: border-box;
   background-color: var(--color-white);
   box-shadow: var(--box-shadow-heavy);
   transition: transform 0.3s ease-in-out;
 }
 
+  @media (width >= 768px) {.search-result-panel-module-KBrc9 {
+    overflow: hidden;
+    height: auto
+}
+  }
+
   .search-result-panel-module-KBrc9.search-result-panel-module-Us8rb,
   .search-result-panel-module-KBrc9.search-result-panel-module-7UxfH {
     transform: translateY(0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "0.0.67",
+  "version": "0.0.68",
   "type": "module",
   "license": "MIT",
   "engines": {
@@ -15,7 +15,10 @@
       "default": "./dist/index.js"
     }
   },
-  "files": ["dist", "README.md"],
+  "files": [
+    "dist",
+    "README.md"
+  ],
   "main": "dist/index.js",
   "types": "./dist/index.d.ts",
   "scripts": {
@@ -127,6 +130,7 @@
     "fast-equals": "^5.0.1",
     "instantsearch.js": "^4.73.1",
     "query-string": "^9.1.0",
+    "react-aria": "^3.34.3",
     "react-aria-components": "^1.2.1",
     "react-instantsearch": "^7.12.1",
     "react-transition-group": "^4.4.5",