@sonic-equipment/ui 134.0.0 → 136.0.0

package/dist/address/address.d.ts

@@ -1,3 +1,6 @@
 import { AddressType } from '../shared/model/address';
-export type AddressProps = AddressType;
-export declare function Address({ address1, address2, address3, city, companyName, country, email, firstName, lastName, phone, postalCode, }: AddressProps): import("react/jsx-runtime").JSX.Element;
+export interface AddressProps {
+    address: AddressType;
+    'data-test-selector'?: string;
+}
+export declare function Address({ address, 'data-test-selector': dataTestSelector, }: AddressProps): import("react/jsx-runtime").JSX.Element;

package/dist/address/address.js

@@ -2,8 +2,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { capitalizeFirstLetter } from '../shared/utils/string.js';
 import styles from './address.module.css.js';
 
-function Address({ address1, address2, address3, city, companyName, country, email, firstName, lastName, phone, postalCode, }) {
-    return (jsxs("address", { className: styles.address, children: [(firstName || lastName) && jsx("p", { children: `${firstName} ${lastName}` }), companyName && jsx("p", { children: companyName }), address1 && jsx("p", { children: address1 }), address2 && jsx("p", { children: address2 }), address3 && jsx("p", { children: address3 }), (postalCode || city) && (jsxs("p", { children: [postalCode, " ", city ? capitalizeFirstLetter(city) : ''] })), country && jsx("p", { children: country }), phone && jsx("p", { children: phone }), email && jsx("p", { children: email })] }));
+function Address({ address, 'data-test-selector': dataTestSelector, }) {
+    const { address1, address2, address3, city, companyName, country, email, firstName, lastName, phone, postalCode, } = address;
+    return (jsxs("address", { className: styles.address, "data-test-selector": dataTestSelector, children: [(firstName || lastName) && (jsx("p", { "data-test-selector": "addressInfoDisplay_name", children: `${firstName} ${lastName}` })), companyName && (jsx("p", { "data-test-selector": "addressInfoDisplay_companyName", children: companyName })), address1 && (jsx("p", { "data-test-selector": "addressInfoDisplay_address1", children: address1 })), address2 && (jsx("p", { "data-test-selector": "addressInfoDisplay_address2", children: address2 })), address3 && (jsx("p", { "data-test-selector": "addressInfoDisplay_address3", children: address3 })), (postalCode || city) && (jsxs("p", { "data-test-selector": "addressInfoDisplay_postalCodeAndCity", children: [postalCode, " ", city ? capitalizeFirstLetter(city) : ''] })), country && (jsx("p", { "data-test-selector": "addressInfoDisplay_country", children: country })), phone && jsx("p", { "data-test-selector": "addressInfoDisplay_phone", children: phone }), email && jsx("p", { "data-test-selector": "addressInfoDisplay_email", children: email })] }));
 }
 
 export { Address };

package/dist/algolia/algolia-initialization.js

@@ -2,6 +2,7 @@
 import { config } from '../config.js';
 import Cookies from 'js-cookie';
 import aa from 'search-insights';
+import { logger } from '../logging/logger.js';
 import { request } from '../shared/fetch/request.js';
 import { createUUID } from '../shared/utils/uuid.js';
 
@@ -14,7 +15,7 @@ aa('init', {
 });
 aa('getUserToken', {}, (err, value) => {
     if (err)
-        return console.error(err);
+        return logger.error(err);
     userToken = value === undefined ? generateUserToken() : String(value);
 });
 aa('onUserTokenChange', value => {

package/dist/algolia/algolia-insights-provider.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext } from 'react';
+import { createContext, useContext, useMemo } from 'react';
 import { useCultureCode } from '../intl/use-culture-code.js';
 import { getLanguageCodeFromCultureCode } from '../intl/utils.js';
 import { environment } from '../shared/utils/environment.js';
@@ -13,12 +13,12 @@ function AlgoliaInsightsProvider({ children, value, }) {
     const algoliaIndex = getAlgoliaIndex(environment, getLanguageCodeFromCultureCode(cultureCode));
     const [globalState] = useAlgoliaInsightsGlobalState();
     const context = useContext(AlgoliaInsightsProviderContext);
-    const combinedValue = {
+    const combinedValue = useMemo(() => ({
         index: algoliaIndex.default,
         ...globalState,
         ...context,
         ...value,
-    };
+    }), [algoliaIndex.default, context, globalState, value]);
     return (jsx(AlgoliaInsightsProviderContext.Provider, { value: combinedValue, children: children }));
 }
 

package/dist/algolia/algolia-searchclient-offline.js

@@ -1,11 +1,12 @@
 "use client";
+import { logger } from '../logging/logger.js';
+
 const searchClientLogger = (searchClient) => {
     return {
         ...searchClient,
         search: (async (queries, requestOptions) => {
             const response = await searchClient.search(queries, requestOptions);
-            // eslint-disable-next-line no-console
-            console.log('Algolia::SearchClient::search', {
+            logger.info('Algolia::SearchClient::search', {
                 args: { queries, requestOptions },
                 response,
             });

package/dist/algolia/use-algolia-insights.js

@@ -1,6 +1,7 @@
 "use client";
 import { useContext, useMemo } from 'react';
 import aa from 'search-insights';
+import { logger } from '../logging/logger.js';
 import { currencySymbolToISO } from '../shared/model/currency.js';
 import { ensureArray } from '../shared/utils/array.js';
 import { userToken } from './algolia-initialization.js';
@@ -18,7 +19,7 @@ function useAlgoliaInsights() {
         context,
         sendAddToCartFromProductDetailsPageEvent({ cartLine }) {
             if (!context.index)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
             if (context.queryId) {
                 aa('addedToCartObjectIDsAfterSearch', {
                     currency: getCurrencyFromPriceString(cartLine.pricing?.actualPriceDisplay),
@@ -55,9 +56,9 @@ function useAlgoliaInsights() {
         },
         sendAddToCartFromProductListPageEvent({ cartLine }) {
             if (!context.index)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
             if (!context.queryId)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no queryId', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no queryId', context);
             aa('addedToCartObjectIDsAfterSearch', {
                 currency: getCurrencyFromPriceString(cartLine.pricing?.actualPriceDisplay),
                 eventName: 'PLP: AddToCart ClickedAfterSearch',
@@ -76,7 +77,7 @@ function useAlgoliaInsights() {
         },
         sendAddToCartFromSearchEvent({ cartLine, queryId }) {
             if (!context.index)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
             aa('addedToCartObjectIDsAfterSearch', {
                 currency: getCurrencyFromPriceString(cartLine.pricing?.actualPriceDisplay),
                 eventName: 'SRP: AddToCart ClickedAfterSearch',
@@ -95,9 +96,9 @@ function useAlgoliaInsights() {
         },
         sendAddToCartFromSearchResultPageEvent({ cartLine }) {
             if (!context.index)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
             if (!context.queryId)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no queryId', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no queryId', context);
             aa('addedToCartObjectIDsAfterSearch', {
                 currency: getCurrencyFromPriceString(cartLine.pricing?.actualPriceDisplay),
                 eventName: 'SRP: AddToCart ClickedAfterSearch',
@@ -116,10 +117,10 @@ function useAlgoliaInsights() {
         },
         sendAddToWishListFromProductDetailsPageEvent({ objectId, position }) {
             if (!context.index)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
             if (context.queryId) {
                 if (!position)
-                    return console.warn('Unable to send clickedObjectIDsAfterSearch event, no position', context, objectId);
+                    return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no position', context, objectId);
                 aa('clickedObjectIDsAfterSearch', {
                     eventName: 'PDP: Product Added to Wishlist',
                     index: context.index,
@@ -140,9 +141,9 @@ function useAlgoliaInsights() {
         },
         sendAddToWishListFromProductListPageEvent({ objectId, position }) {
             if (!context.index)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
             if (!context.queryId)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no queryId', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no queryId', context);
             aa('clickedObjectIDsAfterSearch', {
                 eventName: 'PLP: Product Added to Wishlist',
                 index: context.index,
@@ -154,7 +155,7 @@ function useAlgoliaInsights() {
         },
         sendAddToWishListFromSearchEvent({ objectId, position, queryId }) {
             if (!context.index)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
             aa('clickedObjectIDsAfterSearch', {
                 eventName: 'SRP: Product Added to Wishlist',
                 index: context.index,
@@ -166,9 +167,9 @@ function useAlgoliaInsights() {
         },
         sendAddToWishListFromSearchResultPageEvent({ objectId, position, }) {
             if (!context.index)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
             if (!context.queryId)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no queryId', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no queryId', context);
             aa('clickedObjectIDsAfterSearch', {
                 eventName: 'SRP: Product Added to Wishlist',
                 index: context.index,
@@ -180,11 +181,11 @@ function useAlgoliaInsights() {
         },
         sendProductClickFromProductListPageEvent({ objectId, position }) {
             if (!objectId)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
             if (!context.index)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
             if (!context.queryId)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no queryId', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no queryId', context);
             aa('clickedObjectIDsAfterSearch', {
                 eventName: 'PLP: Product Clicked',
                 index: context.index,
@@ -200,9 +201,9 @@ function useAlgoliaInsights() {
         },
         sendProductClickFromSearchEvent({ objectId, position, queryId }) {
             if (!objectId)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
             if (!context.index)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
             aa('clickedObjectIDsAfterSearch', {
                 eventName: 'SRP: Product Clicked',
                 index: context.index,
@@ -218,11 +219,11 @@ function useAlgoliaInsights() {
         },
         sendProductClickFromSearchResultPageEvent({ objectId, position }) {
             if (!objectId)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
             if (!context.index)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
             if (!context.queryId)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no queryId', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no queryId', context);
             aa('clickedObjectIDsAfterSearch', {
                 eventName: 'SRP: Product Clicked',
                 index: context.index,
@@ -238,9 +239,9 @@ function useAlgoliaInsights() {
         },
         sendPurchaseEventFromPaymentPage({ cart }) {
             if (!context.index)
-                return console.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
+                return logger.warn('Unable to send clickedObjectIDsAfterSearch event, no index', context);
             if (!cart.cartLines || cart.cartLines.length === 0)
-                return console.warn('Unable to send purchasedObjectIDs event, no cartLines', cart);
+                return logger.warn('Unable to send purchasedObjectIDs event, no cartLines', cart);
             aa('purchasedObjectIDs', {
                 currency: currencySymbolToISO[cart.currencySymbol],
                 eventName: 'Purchase Successful',

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

@@ -2,8 +2,9 @@ import { AnchorHTMLAttributes } from 'react';
 export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     areaSelected?: boolean;
     color?: 'primary' | 'secondary';
+    currentColor?: boolean;
     hasUnderline?: boolean;
     isDisabled?: boolean;
     role?: 'option';
 }
-export declare function Link({ children, className, color, hasUnderline, isDisabled, onClick, onKeyUp, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ children, className, color, currentColor, hasUnderline, isDisabled, onClick, onKeyUp, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/buttons/link/link.js

@@ -3,11 +3,13 @@ import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import styles from './link.module.css.js';
 
-function Link({ children, className, color = 'primary', hasUnderline, isDisabled, onClick, onKeyUp, ...props }) {
+function Link({ children, className, color = 'primary', currentColor, hasUnderline, isDisabled, onClick, onKeyUp, ...props }) {
     return (jsx("a", { className: clsx({
             [styles.hover]: Boolean(props.href),
             [styles['has-underline']]: hasUnderline && props.href,
-        }, styles['link'], styles[color], className), "data-disabled": isDisabled ? true : undefined, onClick: onClick, onKeyUp: onKeyUp, role: "link", tabIndex: isDisabled ? -1 : 0, ...props, children: children }));
+            [styles[color]]: !currentColor,
+            [styles['current-color']]: currentColor,
+        }, styles['link'], className), "data-disabled": isDisabled ? true : undefined, onClick: onClick, onKeyUp: onKeyUp, role: "link", tabIndex: isDisabled ? -1 : 0, ...props, children: children }));
 }
 
 export { Link };

package/dist/collapsables/accordion/accordion-item.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 export type BorderType = 'top' | 'middle' | 'middle-accentuated' | 'bottom';
 export interface AccordionItemProps {
     _pseudo?: 'none' | 'focus' | 'hover' | 'active';
+    allowCollapse?: boolean;
     allowToggle?: boolean;
     borderType?: BorderType | BorderType[];
     children: ReactNode;
@@ -12,4 +13,4 @@ export interface AccordionItemProps {
     size?: 'md' | 'lg';
     title: ReactNode;
 }
-export declare function AccordionItem({ _pseudo, allowToggle, borderType, children, className, id, initialIsOpen, isDisabled, size, title, }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccordionItem({ _pseudo, allowCollapse, allowToggle, borderType, children, className, id, initialIsOpen, isDisabled, size, title, }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/collapsables/accordion/accordion-item.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useEffect } from 'react';
 import clsx from 'clsx';
 import { GlyphsChevronsBoldDownIcon } from '../../icons/glyph/glyphs-chevrons-bold-down-icon.js';
 import { GlyphsChevronsSlimDownIcon } from '../../icons/glyph/glyphs-chevrons-slim-down-icon.js';
@@ -7,16 +8,24 @@ import { useDisclosure } from '../../shared/hooks/use-disclosure.js';
 import { ensureArray } from '../../shared/utils/array.js';
 import styles from './accordion.module.css.js';
 
-function AccordionItem({ _pseudo = 'none', allowToggle = true, borderType = 'bottom', children, className, id, initialIsOpen = false, isDisabled = false, size, title, }) {
-    const { isOpen, toggle } = useDisclosure(initialIsOpen);
+function AccordionItem({ _pseudo = 'none', allowCollapse = true, allowToggle = true, borderType = 'bottom', children, className, id, initialIsOpen = false, isDisabled = false, size, title, }) {
+    const { close, isOpen, open, toggle } = useDisclosure(initialIsOpen);
+    useEffect(() => {
+        if (initialIsOpen) {
+            open();
+        }
+        else {
+            close();
+        }
+    }, [close, initialIsOpen, open]);
     const panelId = `panel-${id}`;
     return (jsxs("div", { className: clsx(className, ...ensureArray(borderType).map(type => styles[`border-type-${type}`]), styles['accordion-item'], {
             [styles['is-open']]: isOpen,
             [styles['allow-toggle']]: allowToggle,
-        }), children: [jsx("h3", { children: jsxs("button", { "aria-controls": panelId, "aria-expanded": isOpen, className: clsx(styles.button, styles[_pseudo]), disabled: isDisabled, id: id, onClick: () => {
+        }), children: [jsx("h3", { children: allowCollapse ? (jsxs("button", { "aria-controls": panelId, "aria-expanded": isOpen, className: clsx(styles.button, styles[_pseudo]), disabled: isDisabled, id: id, onClick: () => {
                         if (allowToggle)
                             toggle();
-                    }, type: "button", children: [title, jsx("span", { className: styles.icon, children: size === 'lg' ? (jsx(GlyphsChevronsBoldDownIcon, {})) : (jsx(GlyphsChevronsSlimDownIcon, {})) })] }) }), jsx("div", { "aria-labelledby": id, className: styles.panel, id: panelId, role: "region", children: jsx("div", { className: styles.content, children: children }) })] }));
+                    }, type: "button", children: [title, jsx("span", { className: styles.icon, children: size === 'lg' ? (jsx(GlyphsChevronsBoldDownIcon, {})) : (jsx(GlyphsChevronsSlimDownIcon, {})) })] })) : (jsx("span", { className: styles.button, children: title })) }), jsx("div", { "aria-labelledby": id, className: styles.panel, id: panelId, role: "region", children: jsx("div", { className: styles.content, children: children }) })] }));
 }
 
 export { AccordionItem };

package/dist/exports.d.ts

@@ -73,6 +73,7 @@ export * from './display/product-sku/product-sku';
 export * from './filters/active-filters/active-filters';
 export * from './filters/multi-select/multi-select';
 export * from './filters/pagination/pagination';
+export * from './footer/footer';
 export * from './forms/checkbox/checkbox';
 export * from './forms/color-checkbox/color-checkbox';
 export * from './forms/field-error/field-error';
@@ -108,6 +109,9 @@ export * from './global-search/search-section/search-list-item';
 export * from './global-search/search-section/search-section';
 export * from './global-search/types';
 export * from './header/cart-icon/connected-cart-icon';
+export * from './header/hamburger-button/hamburger-button';
+export * from './header/header-layout/header-layout';
+export * from './header/sonic-logo/sonic-logo';
 export * from './info-icon-tooltip/info-icon-tooltip';
 export * from './intl/formatted-message';
 export * from './intl/intl-context';
@@ -127,6 +131,8 @@ export * from './lists/ul/list';
 export * from './loading/blank-page-spacer';
 export * from './loading/loading-overlay';
 export * from './loading/progress-circle';
+export * from './logging/logger';
+export * from './logging/use-log-error';
 export * from './media/image-grid/images-grid';
 export * from './media/image-lightbox/image-lightbox';
 export * from './media/image/image';
@@ -287,6 +293,7 @@ export * from './shared/routing/with-routing';
 export * from './shared/utils/array';
 export * from './shared/utils/breakpoints';
 export * from './shared/utils/date';
+export * from './shared/utils/debug';
 export * from './shared/utils/environment';
 export * from './shared/utils/event-emitter';
 export * from './shared/utils/merge';

package/dist/footer/footer.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { FooterLink, LinkBlock } from './footer.model';
+export interface FooterProps {
+    bottomLinks: FooterLink[];
+    copyright: string;
+    countrySelector: ReactNode;
+    linkBlocks: LinkBlock[];
+}
+export declare function Footer({ bottomLinks, copyright, countrySelector, linkBlocks, }: FooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/footer/footer.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Accordion } from '../collapsables/accordion/accordion.js';
+import { AccordionItem } from '../collapsables/accordion/accordion-item.js';
+import { useIsBreakpoint } from '../shared/hooks/use-is-breakpoint.js';
+import { RouteLink } from '../shared/routing/route-link.js';
+import styles from './footer.module.css.js';
+
+function Footer({ bottomLinks, copyright, countrySelector, linkBlocks, }) {
+    const isXl = useIsBreakpoint('xl');
+    return (jsxs("footer", { className: styles.footer, children: [jsx("div", { className: styles['main-links'], children: linkBlocks.map(linkBlock => (jsx("div", { className: styles['link-block'], children: jsx(Accordion, { color: "white", hasLineSeparator: false, size: "lg", children: jsx(AccordionItem, { allowCollapse: !isXl, id: `link-block-${linkBlock.key}`, initialIsOpen: isXl, title: linkBlock.header, children: jsx("ul", { className: styles['list'], children: linkBlock.links.map(link => (jsx("li", { children: jsx(RouteLink, { currentColor: true, href: link.externalLink || link.internalLink, target: link.openInNewTab ? '_blank' : undefined, children: link.title }) }, link.key))) }) }) }) }, linkBlock.key))) }), jsxs("div", { className: styles['bottom-section'], children: [jsx("p", { className: styles.copyright, children: copyright }), jsx("div", { className: styles['bottom-links'], children: bottomLinks.map(link => (jsx(RouteLink, { className: styles['bottom-link'], currentColor: true, href: link.externalLink || link.internalLink, target: link.openInNewTab ? '_blank' : undefined, children: link.title }, link.key))) }), countrySelector] })] }));
+}
+
+export { Footer };

package/dist/footer/footer.model.d.ts

@@ -0,0 +1,18 @@
+export interface FooterLink {
+    externalLink?: string;
+    internalLink?: string;
+    isButton: boolean;
+    key: string;
+    openInNewTab: boolean;
+    title?: string;
+}
+export interface LinkBlock {
+    header: string;
+    key: string;
+    links: FooterLink[];
+}
+export interface FooterModel {
+    bottomLinks: FooterLink[];
+    copyright: string;
+    linkBlocks: LinkBlock[];
+}

package/dist/footer/footer.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"footer":"footer-module-YzJ68","main-links":"footer-module-rFBXC","link-block":"footer-module-P5FXP","link-block-heading":"footer-module-umuTh","list":"footer-module-FM4hU","bottom-section":"footer-module-TZq-4","copyright":"footer-module-qlHSS","bottom-links":"footer-module-5eyFH","bottom-link":"footer-module-0gJpF"};
+
+export { styles as default };

package/dist/header/hamburger-button/hamburger-button.d.ts

@@ -0,0 +1,6 @@
+export interface HamburgerButtonProps {
+    'aria-controls': string;
+    isActive: boolean;
+    onActiveChange: (isActive: boolean) => void;
+}
+export declare function HamburgerButton({ 'aria-controls': ariaControls, isActive, onActiveChange, }: HamburgerButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/header/hamburger-button/hamburger-button.js

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { IconButton } from '../../buttons/icon-button/icon-button.js';
+import { useFormattedMessage } from '../../intl/use-formatted-message.js';
+import styles from './hamburger-button.module.css.js';
+
+function HamburgerButton({ 'aria-controls': ariaControls, isActive, onActiveChange, }) {
+    const t = useFormattedMessage();
+    return (jsx(IconButton, { "aria-controls": ariaControls, "aria-expanded": isActive, onClick: () => onActiveChange(!isActive), title: t('Toggle navigation menu'), type: "button", children: jsxs("div", { className: clsx(styles['hamburger-button'], {
+                [styles.active]: isActive,
+            }), children: [jsx("span", { "aria-hidden": "true" }), jsx("span", { "aria-hidden": "true" }), jsx("span", { "aria-hidden": "true" })] }) }));
+}
+
+export { HamburgerButton };

package/dist/header/hamburger-button/hamburger-button.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"hamburger-button":"hamburger-button-module-xER52","active":"hamburger-button-module-7yoVH"};
+
+export { styles as default };

package/dist/header/header-layout/header-layout.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface HeaderLayoutProps {
+    hamburgerButton?: ReactNode;
+    logo: ReactNode;
+    mainNavigation: ReactNode;
+    navigationActions: ReactNode;
+    search: ReactNode;
+}
+export declare function HeaderLayout({ hamburgerButton, logo, mainNavigation, navigationActions, search, }: HeaderLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/header/header-layout/header-layout.js

@@ -0,0 +1,8 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import styles from './header-layout.module.css.js';
+
+function HeaderLayout({ hamburgerButton, logo, mainNavigation, navigationActions, search, }) {
+    return (jsxs("header", { className: styles.header, children: [jsxs("div", { className: styles['mobile-menu-toggle'], children: [hamburgerButton && hamburgerButton, jsx("div", { className: styles.search, children: search })] }), jsx("div", { className: styles.logo, children: logo }), jsx("div", { className: styles['main-navigation'], children: mainNavigation }), jsxs("div", { className: styles['navigation-actions'], children: [jsx("div", { className: styles.search, children: search }), jsx("div", { className: styles.icons, children: navigationActions })] })] }));
+}
+
+export { HeaderLayout };

package/dist/header/header-layout/header-layout.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"header":"header-layout-module-VlTuk","logo":"header-layout-module-oKPyL","mobile-menu-toggle":"header-layout-module-aBOJL","main-navigation":"header-layout-module--ICLK","navigation-actions":"header-layout-module-HjY-a","search":"header-layout-module-fP3a6","icons":"header-layout-module-4Qp5b"};
+
+export { styles as default };

package/dist/header/sonic-logo/sonic-logo.d.ts

@@ -0,0 +1,5 @@
+export interface SonicLogoProps {
+    className?: string;
+    href?: string;
+}
+export declare function SonicLogo({ className, href }: SonicLogoProps): import("react/jsx-runtime").JSX.Element;

package/dist/header/sonic-logo/sonic-logo.js

@@ -0,0 +1,11 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { RouteLink } from '../../shared/routing/route-link.js';
+import styles from './sonic-logo.module.css.js';
+
+function SonicLogo({ className, href }) {
+    const Tag = href ? RouteLink : 'div';
+    return (jsx(Tag, { "aria-label": "Sonic", className: clsx(styles.wrapper, className), href: href, children: jsx("svg", { className: styles['sonic-logo'], viewBox: "0 0 100 24", xmlns: "http://www.w3.org/2000/svg", children: jsxs("g", { fill: "none", fillRule: "evenodd", children: [jsx("path", { className: styles.letters, d: "M11.87 8.65c1.815 0 3.286 1.482 3.286 3.311 0 6.595-5.325 11.962-11.87 11.962C1.471 23.923 0 22.44 0 20.612c0-1.766 1.372-3.21 3.1-3.307l.186-.005c2.848 0 5.179-2.277 5.293-5.12l.005-.219c0-1.829 1.471-3.311 3.286-3.311zm0-8.65c1.815 0 3.286 1.483 3.286 3.311 0 1.766-1.371 3.21-3.1 3.307l-.186.005c-2.849 0-5.178 2.277-5.293 5.118l-.004.22c0 1.829-1.472 3.311-3.287 3.311C1.472 15.272 0 13.79 0 11.961 0 5.366 5.325 0 11.87 0zm6.155 12.016c0 6.596 5.325 11.963 11.87 11.963 6.545 0 11.87-5.367 11.87-11.963 0-6.595-5.325-11.96-11.87-11.96-6.545 0-11.87 5.365-11.87 11.96zm6.572 0c0-2.943 2.376-5.338 5.298-5.338 2.92 0 5.297 2.395 5.297 5.338 0 2.945-2.376 5.34-5.297 5.34-2.922 0-5.298-2.395-5.298-5.34zM82.251 3.56c-4.628 4.663-4.628 12.251 0 16.915 4.628 4.663 12.158 4.663 16.786 0a3.33 3.33 0 0 0 .001-4.683 3.268 3.268 0 0 0-4.501-.138l-.146.138a5.278 5.278 0 0 1-7.494 0c-2.064-2.081-2.064-5.468.001-7.549a5.275 5.275 0 0 1 7.313-.174l.18.173a3.268 3.268 0 0 0 4.647 0 3.33 3.33 0 0 0 0-4.684c-4.63-4.663-12.16-4.662-16.787.002zm-12.868-.13v17.148c0 1.828 1.47 3.311 3.285 3.311 1.816 0 3.287-1.483 3.287-3.311V3.429c0-1.829-1.471-3.312-3.287-3.312-1.815 0-3.285 1.483-3.285 3.312zM48.063.075c-1.814 0-3.285 1.483-3.285 3.311V20.69c0 1.828 1.471 3.311 3.286 3.311s3.286-1.483 3.286-3.311V6.698h2.95c2.92 0 5.297 2.394 5.297 5.338v8.653c0 1.828 1.471 3.311 3.286 3.311s3.286-1.483 3.286-3.311v-8.653C66.17 5.44 60.844.075 54.3.075h-6.235z" }), jsx("path", { className: styles.dot, d: "M35.27 12.017c0 2.991-2.406 5.416-5.375 5.416-2.97 0-5.376-2.425-5.376-5.416 0-2.992 2.407-5.417 5.376-5.417 2.969 0 5.375 2.425 5.375 5.417" })] }) }) }));
+}
+
+export { SonicLogo };

package/dist/header/sonic-logo/sonic-logo.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"wrapper":"sonic-logo-module-5zzhF","sonic-logo":"sonic-logo-module-9Mpdq","letters":"sonic-logo-module-Pa7pF","dot":"sonic-logo-module-vTCO3"};
+
+export { styles as default };

package/dist/index.js

@@ -78,6 +78,7 @@ export { ProductSku } from './display/product-sku/product-sku.js';
 export { ActiveFilters } from './filters/active-filters/active-filters.js';
 export { MultiSelect } from './filters/multi-select/multi-select.js';
 export { Pagination } from './filters/pagination/pagination.js';
+export { Footer } from './footer/footer.js';
 export { Checkbox } from './forms/checkbox/checkbox.js';
 export { ColorCheckbox } from './forms/color-checkbox/color-checkbox.js';
 export { FieldError } from './forms/field-error/field-error.js';
@@ -112,6 +113,9 @@ export { SearchList } from './global-search/search-section/search-list.js';
 export { SearchListItem } from './global-search/search-section/search-list-item.js';
 export { SearchSection } from './global-search/search-section/search-section.js';
 export { ConnectedCartIcon } from './header/cart-icon/connected-cart-icon.js';
+export { HamburgerButton } from './header/hamburger-button/hamburger-button.js';
+export { HeaderLayout } from './header/header-layout/header-layout.js';
+export { SonicLogo } from './header/sonic-logo/sonic-logo.js';
 export { InfoIconTooltip } from './info-icon-tooltip/info-icon-tooltip.js';
 export { FormattedMessage } from './intl/formatted-message.js';
 export { IntlContext } from './intl/intl-context.js';
@@ -130,6 +134,8 @@ export { List, ListItem } from './lists/ul/list.js';
 export { BlankPageSpacer } from './loading/blank-page-spacer.js';
 export { LoadingOverlay } from './loading/loading-overlay.js';
 export { ProgressCircle } from './loading/progress-circle.js';
+export { consoleLogger, initLogger, logger } from './logging/logger.js';
+export { useLogError } from './logging/use-log-error.js';
 export { ImagesGrid } from './media/image-grid/images-grid.js';
 export { ImageLightbox } from './media/image-lightbox/image-lightbox.js';
 export { Image } from './media/image/image.js';
@@ -287,6 +293,7 @@ export { withRouting } from './shared/routing/with-routing.js';
 export { ensureArray } from './shared/utils/array.js';
 export { breakpoints, getCurrentBreakpoints } from './shared/utils/breakpoints.js';
 export { convertDateUnitToPluralOrSingle, formatDateToLocaleString, getDateUnitObject } from './shared/utils/date.js';
+export { trackPropertyChange } from './shared/utils/debug.js';
 export { environment, environments } from './shared/utils/environment.js';
 export { EventEmitter } from './shared/utils/event-emitter.js';
 export { clone, deepMerge, isPlainObject, default as main, merge } from './shared/utils/merge.js';

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

@@ -1 +1 @@
-export type TranslationId = "'{0}' in all products" | "Try 'Search' and try to find the product you're looking for" | "Unfortnately, We found no articles for your search '{0}'" | ' to your account to manage your lists.' | 'Add order notes' | 'Add to list' | 'Address' | 'Amount: {0}' | 'An error occurred while processing your payment. Please try again.' | 'An unexpected error occured' | 'Are you looking for information about our service? Please visit our customer support page' | 'Are you sure you want to remove all items from your cart?' | 'Are you sure you want to remove this item from your cart?' | 'article' | 'articles' | 'As soon as possible' | 'Attention' | 'Billing address' | 'Billing and shipping address' | 'Billing and shipping information' | 'Cancel' | 'Cart' | 'Changing your address is currently not possible. Please contact customer support to change your address.' | 'Chosen filters' | 'City' | 'Clear filters' | 'Clear' | 'Click the button below to continue shopping.' | 'Company name' | 'Conceal value' | 'Continue shopping' | 'Continue' | 'Cost overview' | 'Country' | 'create account' | 'Create new list' | 'Delivery date' | 'Delivery expected in {0} {1}' | 'Double check your spelling' | 'Downloads' | 'Easily add your favorite products' | 'Edit billing address' | 'Edit shipping address' | 'Email' | 'Excl. VAT' | 'Explore by categories' | 'Exploring our products by category' | 'facet.categories' | 'facet.height' | 'facet.weight' | 'Features' | 'First name' | 'Forgot password?' | 'Fulfillment method' | 'General' | 'Hide filters' | 'Home' | 'Incl. VAT' | 'Includes' | 'Industry' | 'Information' | 'Language' | 'Last name' | 'List name already exists' | 'New list name' | 'New user?' | 'of' | 'Or sign in as guest' | 'Order number' | 'Order' | 'Order confirmation' | 'Order date' | 'Order number' | 'Order' | 'Pay by invoice' | 'Pay' | 'Payment method' | 'Payment' | 'Password' | 'pc' | 'Phone' | 'Pick up' | 'Pickup address' | 'Please enter a valid e-mail address' | 'Please enter a valid phone number' | 'Please Sign In' | 'PO Number' | 'Popular searches' | 'Postal Code' | 'Print' | 'Processing' | 'Product Features' | 'Product' | 'Products' | 'Quick access' | 'Recent searches' | 'Recently viewed' | 'Requested delivery date' | 'Remember me' | 'Remove all' | 'Requested delivery date' | 'Reveal value' | 'Review and payment' | 'Save order' | 'Save' | 'Saved cart for later.' | 'Search' | 'Searching again using more general terms' | 'See all results' | 'Select a desired delivery date' | 'Select a list' | 'Selecting As Soon As Possible will enable us to send the products to you as they become available.' | 'Share your favorite list with others' | 'Ship' | 'Shipping address' | 'Shipping and handling' | 'Shipping details' | 'Shop more efficiently and quicker with a favorites list' | 'Show all' | 'Show filters' | 'Show less' | 'Show' | 'sign in' | 'Sonic address' | 'Sonic Equipment' | 'Sorry, there are no products found' | 'Sorry, we could not find matches for' | 'Sort by' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc' | 'sort.relevance' | 'Specifications' | 'Submit' | 'Subtotal' | 'Suggestions' | 'tag.limited' | 'tag.new' | 'The expected delivery is an indication based on the product availability and the shipping location.' | 'The product has been added to your cart.' | 'The product has been removed from your cart.' | 'The product has been updated in your cart.' | 'There are no products in your shopping cart.' | 'Total amount is' | 'Total' | 'Total' | 'Try another search' | 'Try another search' | 'Unable to add the product to your cart.' | 'Unable to add the product to your cart.' | 'Unable to empty your cart.' | 'Unable to empty your cart.' | 'Unable to remove the product from your cart.' | 'Unable to remove the product from your cart.' | 'Unable to save cart for later.' | 'Unable to save cart for later.' | 'Unable to update the product in your cart.' | 'Unable to update the product in your cart.' | 'Updating address' | 'Use billing address' | 'Use fewer keywords' | 'Validating' | 'validation.badInput' | 'validation.customError' | 'validation.invalid' | 'validation.patternMismatch' | 'validation.rangeOverflow' | 'validation.rangeUnderflow' | 'validation.stepMismatch' | 'validation.tooLong' | 'validation.tooShort' | 'validation.typeMismatch' | 'validation.valid' | 'validation.valueMissing' | 'VAT Number' | 'VAT' | 'Welcome to Sonic Equipment. Please choose your country and language below.' | 'What are you searching for?' | 'You could try checking the spelling of your search query' | 'You could try exploring our products by category' | 'You could try' | 'You must ' | 'Your cart has been emptied.' | 'Your favorites are available on multiple devices' | 'Your shopping cart is still empty';
+export type TranslationId = "'{0}' in all products" | "Try 'Search' and try to find the product you're looking for" | "Unfortnately, We found no articles for your search '{0}'" | ' to your account to manage your lists.' | 'Add order notes' | 'Add to list' | 'Address' | 'Amount: {0}' | 'An error occurred while processing your payment. Please try again.' | 'An unexpected error occured' | 'Are you looking for information about our service? Please visit our customer support page' | 'Are you sure you want to remove all items from your cart?' | 'Are you sure you want to remove this item from your cart?' | 'article' | 'articles' | 'As soon as possible' | 'Attention' | 'Billing address' | 'Billing and shipping address' | 'Billing and shipping information' | 'Cancel' | 'Cart' | 'Changing your address is currently not possible. Please contact customer support to change your address.' | 'Chosen filters' | 'City' | 'Clear filters' | 'Clear' | 'Click the button below to continue shopping.' | 'Company name' | 'Conceal value' | 'Continue shopping' | 'Continue' | 'Cost overview' | 'Country' | 'create account' | 'Create new list' | 'Delivery date' | 'Delivery expected in {0} {1}' | 'Double check your spelling' | 'Downloads' | 'Easily add your favorite products' | 'Edit billing address' | 'Edit shipping address' | 'Email' | 'Excl. VAT' | 'Explore by categories' | 'Exploring our products by category' | 'facet.categories' | 'facet.height' | 'facet.weight' | 'Features' | 'First name' | 'Forgot password?' | 'Fulfillment method' | 'General' | 'Hide filters' | 'Home' | 'Incl. VAT' | 'Includes' | 'Industry' | 'Information' | 'Language' | 'Last name' | 'List name already exists' | 'New list name' | 'New user?' | 'of' | 'Or sign in as guest' | 'Order number' | 'Order' | 'Order confirmation' | 'Order date' | 'Order number' | 'Order' | 'Pay by invoice' | 'Pay' | 'Payment method' | 'Payment' | 'Password' | 'pc' | 'Phone' | 'Pick up' | 'Pickup address' | 'Please enter a valid e-mail address' | 'Please enter a valid phone number' | 'Please Sign In' | 'PO Number' | 'Popular searches' | 'Postal Code' | 'Print' | 'Processing' | 'Product Features' | 'Product' | 'Products' | 'Quick access' | 'Recent searches' | 'Recently viewed' | 'Requested delivery date' | 'Remember me' | 'Remove all' | 'Requested delivery date' | 'Reveal value' | 'Review and payment' | 'Save order' | 'Save' | 'Saved cart for later.' | 'Search' | 'Searching again using more general terms' | 'See all results' | 'Select a desired delivery date' | 'Select a list' | 'Selecting As Soon As Possible will enable us to send the products to you as they become available.' | 'Share your favorite list with others' | 'Ship' | 'Shipping address' | 'Shipping and handling' | 'Shipping details' | 'Shop more efficiently and quicker with a favorites list' | 'Show all' | 'Show filters' | 'Show less' | 'Show' | 'sign in' | 'Sonic address' | 'Sonic Equipment' | 'Sorry, there are no products found' | 'Sorry, we could not find matches for' | 'Sort by' | 'sort.newest' | 'sort.price_asc' | 'sort.price_desc' | 'sort.relevance' | 'Specifications' | 'Submit' | 'Subtotal' | 'Suggestions' | 'tag.limited' | 'tag.new' | 'The expected delivery is an indication based on the product availability and the shipping location.' | 'The product has been added to your cart.' | 'The product has been removed from your cart.' | 'The product has been updated in your cart.' | 'There are no products in your shopping cart.' | 'Toggle navigation menu' | 'Total amount is' | 'Total' | 'Total' | 'Try another search' | 'Try another search' | 'Unable to add the product to your cart.' | 'Unable to add the product to your cart.' | 'Unable to empty your cart.' | 'Unable to empty your cart.' | 'Unable to remove the product from your cart.' | 'Unable to remove the product from your cart.' | 'Unable to save cart for later.' | 'Unable to save cart for later.' | 'Unable to update the product in your cart.' | 'Unable to update the product in your cart.' | 'Updating address' | 'Use billing address' | 'Use fewer keywords' | 'Validating' | 'validation.badInput' | 'validation.customError' | 'validation.invalid' | 'validation.patternMismatch' | 'validation.rangeOverflow' | 'validation.rangeUnderflow' | 'validation.stepMismatch' | 'validation.tooLong' | 'validation.tooShort' | 'validation.typeMismatch' | 'validation.valid' | 'validation.valueMissing' | 'VAT Number' | 'VAT' | 'Welcome to Sonic Equipment. Please choose your country and language below.' | 'What are you searching for?' | 'You could try checking the spelling of your search query' | 'You could try exploring our products by category' | 'You could try' | 'You must ' | 'Your cart has been emptied.' | 'Your favorites are available on multiple devices' | 'Your shopping cart is still empty';

package/dist/intl/utils.js

@@ -1,3 +1,4 @@
+import { logger } from '../logging/logger.js';
 import { isLanguageCode } from './types.js';
 
 function getLanguageCodeFromCultureCode(cultureCode) {
@@ -21,7 +22,7 @@ function spireTranslateAdapter(translate) {
             }, [])
             : []));
         if (optional && message === undefined)
-            console.warn(`Missing translation with id: ${id}`);
+            logger.warn(`Missing translation with id: ${id}`);
         return message || fallbackValue || id;
     };
 }

package/dist/logging/logger.d.ts

@@ -0,0 +1,11 @@
+export interface Logger {
+    debug(message: unknown, ...args: unknown[]): void;
+    error(message: unknown, error: unknown): void;
+    error(message: unknown, error: unknown, ...args: unknown[]): void;
+    error(error: unknown): void;
+    info(message: unknown, ...args: unknown[]): void;
+    warn(message: unknown, ...args: unknown[]): void;
+}
+export declare const consoleLogger: Logger;
+export declare let logger: Logger;
+export declare function initLogger(replacementLogger: Logger): Logger;

package/dist/logging/logger.js

@@ -0,0 +1,22 @@
+const consoleLogger = {
+    debug(...args) {
+        // eslint-disable-next-line no-console
+        return console.debug('⚡️', ...args);
+    },
+    error(...args) {
+        return console.error('❌', ...args);
+    },
+    info(...args) {
+        // eslint-disable-next-line no-console
+        return console.log('✅', ...args);
+    },
+    warn(...args) {
+        return console.warn('⚠️', ...args);
+    },
+};
+let logger = consoleLogger;
+function initLogger(replacementLogger) {
+    return (logger = replacementLogger);
+}
+
+export { consoleLogger, initLogger, logger };

package/dist/logging/use-log-error.d.ts

@@ -0,0 +1 @@
+export declare function useLogError(error?: unknown): void;