@sonic-equipment/ui 227.0.0 → 229.0.0

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

@@ -6,6 +6,7 @@ interface AccordionProps {
 }
 interface AccordionStandardProps extends AccordionProps {
     borderType?: BorderType | BorderType[];
+    className?: string;
     color?: 'white' | 'black';
     hasLineSeparator?: boolean;
     indented?: boolean;

package/dist/collapsables/accordion/accordion.js

@@ -15,8 +15,8 @@ function Accordion({ variant = 'standard', ...rest }) {
     throw new Error(`Invalid variant ${variant}`);
     /* eslint-enable @typescript-eslint/no-unnecessary-condition */
 }
-function StandardAccordion({ borderType = 'bottom', children, color = 'black', hasLineSeparator = true, indented, size = 'md', }) {
-    return (jsx("div", { className: clsx({ [styles.indented]: indented }, styles.accordion, styles[color], styles[size], hasLineSeparator && styles['with-seperators']), children: Boolean(children) &&
+function StandardAccordion({ borderType = 'bottom', children, className, color = 'black', hasLineSeparator = true, indented, size = 'md', }) {
+    return (jsx("div", { className: clsx({ [styles.indented]: indented }, styles.accordion, styles[color], styles[size], hasLineSeparator && styles['with-seperators'], className), children: Boolean(children) &&
             Children.map(children, child => {
                 if (!child)
                     return null;

package/dist/footer/footer.js

@@ -5,7 +5,6 @@ import { Link } from '../buttons/link/link.js';
 import { Accordion } from '../collapsables/accordion/accordion.js';
 import { AccordionItem } from '../collapsables/accordion/accordion-item.js';
 import { isNavigationSection, isNavigationLinkItem, isNavigationLink } from '../shared/api/bff/model/bff.model.js';
-import { useIsBreakpoint } from '../shared/hooks/use-is-breakpoint.js';
 import styles from './footer.module.css.js';
 
 function BottomSection({ copyright, countrySelector, footerBottomSection, }) {
@@ -15,8 +14,7 @@ function BottomSection({ copyright, countrySelector, footerBottomSection, }) {
     return (jsxs("section", { className: styles['bottom-section'], children: [copyright && jsx("p", { className: styles.copyright, children: copyright }), footerBottomSection.items.length > 0 && (jsx("ul", { className: styles['bottom-links'], children: links.map(link => (jsx(Link, { className: styles['bottom-link'], href: link.href || undefined, target: link.openInNewTab ? '_blank' : undefined, children: link.label }, link.key))) })), countrySelector && (jsx("div", { className: styles['country-selector'], children: countrySelector }))] }));
 }
 function LinkSection({ linkGroup }) {
-    const isXl = useIsBreakpoint('xl');
-    return (jsx("section", { className: styles['link-block'], children: jsx(Accordion, { color: "white", hasLineSeparator: false, size: "lg", children: jsx(AccordionItem, { allowCollapse: !isXl, id: `link-block-${linkGroup.key}`, initialIsOpen: isXl, title: linkGroup.header || linkGroup.label, children: jsx("ul", { className: styles['list'], children: linkGroup.items.filter(isNavigationLink).map(link => (jsx("li", { children: jsx(FooterLink, { link: link }) }, link.key))) }) }) }) }, linkGroup.key));
+    return (jsxs("section", { className: styles['link-block'], children: [jsx(Accordion, { className: styles['accordion-small'], color: "white", hasLineSeparator: false, size: "lg", children: jsx(AccordionItem, { allowCollapse: true, id: `link-block-${linkGroup.key}`, initialIsOpen: false, title: linkGroup.header || linkGroup.label, children: jsx("ul", { className: styles['list'], children: linkGroup.items.filter(isNavigationLink).map(link => (jsx("li", { children: jsx(FooterLink, { link: link }) }, link.key))) }) }) }), jsx(Accordion, { className: styles['accordion-large'], color: "white", hasLineSeparator: false, size: "lg", children: jsx(AccordionItem, { allowCollapse: false, id: `link-block-${linkGroup.key}`, initialIsOpen: true, title: linkGroup.header || linkGroup.label, children: jsx("ul", { className: styles['list'], children: linkGroup.items.filter(isNavigationLink).map(link => (jsx("li", { children: jsx(FooterLink, { link: link }) }, link.key))) }) }) })] }, linkGroup.key));
 }
 function FooterLink({ link }) {
     return (jsx(Link, { href: link.href || undefined, target: link.openInNewTab ? '_blank' : undefined, children: link.label }));

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

@@ -1,3 +1,3 @@
-var styles = {"footer":"footer-module-YzJ68","main-links":"footer-module-rFBXC","link-block":"footer-module-P5FXP","list":"footer-module-FM4hU","bottom-section":"footer-module-TZq-4","copyright":"footer-module-qlHSS","bottom-links":"footer-module-5eyFH","country-selector":"footer-module-rc0bC"};
+var styles = {"footer":"footer-module-YzJ68","main-links":"footer-module-rFBXC","link-block":"footer-module-P5FXP","list":"footer-module-FM4hU","accordion-small":"footer-module-FfTbn","accordion-large":"footer-module-1wP8R","bottom-section":"footer-module-TZq-4","copyright":"footer-module-qlHSS","bottom-links":"footer-module-5eyFH","country-selector":"footer-module-rc0bC"};
 
 export { styles as default };

package/dist/shared/ga/data-layer.d.ts

@@ -1,2 +1,2 @@
-import type { GADataLayerEvent } from './types';
-export declare const dataLayer: GADataLayerEvent[];
+import type { DataLayer } from './types';
+export declare const dataLayer: DataLayer;

package/dist/shared/ga/types.d.ts

@@ -1,3 +1,6 @@
+export interface GAContext {
+    [key: string]: string | number | boolean | null | undefined;
+}
 export interface GABaseEvent {
     [key: string]: any;
     event: string;
@@ -27,8 +30,9 @@ export interface GAPageviewEvent extends GABaseEvent {
     page_title?: string;
 }
 export type GADataLayerEvent = GABaseEvent | GAEcommerceEvent | GAPageviewEvent;
+export type DataLayer = (GADataLayerEvent | GAContext)[];
 declare global {
     interface Window {
-        dataLayer?: GADataLayerEvent[];
+        dataLayer?: DataLayer;
     }
 }

package/dist/shared/ga/use-data-layer.d.ts

@@ -1,5 +1,5 @@
 import { CartModel } from '../api/storefront/model/storefront.model';
-import { type GADataLayerEvent, type GAEcommerceEvent } from './types';
+import { DataLayer, type GADataLayerEvent, type GAEcommerceEvent } from './types';
 interface GAProductModel {
     price?: number;
     productNumber: string;
@@ -44,7 +44,7 @@ interface CreateEcommerceEvent {
 }
 interface UseDataLayerReturnValue {
     createEcommerceEvent: CreateEcommerceEvent;
-    dataLayer: GADataLayerEvent[];
+    dataLayer: DataLayer;
 }
 export declare function useDataLayer(): UseDataLayerReturnValue;
 export declare function useDataLayer(event: GADataLayerEvent): UseDataLayerReturnValue;

package/dist/shared/providers/react-query-container.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement, ReactNode } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 export declare const globalQueryClient: QueryClient;
-export declare function ReactQueryContainer({ children, enableDevTools, queryClient, }: {
+export declare function ReactQueryContainer({ children, enableDevTools, queryClient: _queryClient, }: {
     children: ReactNode | ((args: {
         queryClient: QueryClient;
     }) => ReactNode | ReactElement);

package/dist/shared/providers/react-query-container.js

@@ -1,21 +1,26 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { environment } from '../utils/environment.js';
 import { TIME } from '../utils/time.js';
 
-const globalQueryClient = new QueryClient({
-    defaultOptions: {
-        queries: {
-            /* Set gcTime and staleTime to 0 to disable react query cache */
-            gcTime: 1 * TIME.DAY,
-            retry: false,
-            staleTime: 1 * TIME.DAY,
+function createQueryClient() {
+    return new QueryClient({
+        defaultOptions: {
+            queries: {
+                /* Set gcTime and staleTime to 0 to disable react query cache */
+                gcTime: 1 * TIME.DAY,
+                retry: false,
+                staleTime: 1 * TIME.DAY,
+            },
         },
-    },
-});
-function ReactQueryContainer({ children, enableDevTools = environment !== 'production', queryClient = globalQueryClient, }) {
+    });
+}
+const globalQueryClient = createQueryClient();
+function ReactQueryContainer({ children, enableDevTools = environment !== 'production', queryClient: _queryClient, }) {
+    const queryClient = useMemo(() => _queryClient || createQueryClient(), [_queryClient]);
     return (jsxs(QueryClientProvider, { client: queryClient, children: [enableDevTools && jsx(ReactQueryDevtools, { initialIsOpen: false }), children instanceof Function ? children({ queryClient }) : children] }));
 }
 

package/dist/styles.css

@@ -5154,6 +5154,20 @@ button.swiper-pagination-bullet {
       }
         }
 
+  @media (width >= 1024px) {
+
+  .footer-module-YzJ68 .footer-module-FfTbn {
+      display: none
+  }
+    }
+
+  @media (width < 1024px) {
+
+  .footer-module-YzJ68 .footer-module-1wP8R {
+      display: none
+  }
+    }
+
   .footer-module-YzJ68 .footer-module-TZq-4 {
     display: flex;
     flex-direction: column-reverse;
@@ -6133,6 +6147,7 @@ button.swiper-pagination-bullet {
   }
 
   @media (width < 576px) {.connected-account-button-module-d7qyN {
+    position: fixed !important;
     margin: auto;
     block-size: -moz-fit-content;
     block-size: fit-content;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "227.0.0",
+  "version": "229.0.0",
   "type": "module",
   "license": "MIT",
   "engines": {