@sonic-equipment/ui 228.0.0 → 230.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/pages/checkout/shipping-page/components/readonly-address.js

@@ -7,7 +7,9 @@ import { Checkbox } from '../../../../forms/elements/checkbox/checkbox.js';
 import { TextField } from '../../../../forms/fields/text-field/text-field.js';
 import { FormattedMessage } from '../../../../intl/formatted-message.js';
 import { useFormattedMessage } from '../../../../intl/use-formatted-message.js';
+import { useLocation } from '../../../../shared/routing/use-location.js';
 import { usePaths } from '../../../../shared/routing/use-paths.js';
+import { environment } from '../../../../shared/utils/environment.js';
 import { CheckoutPageSection } from '../../layouts/checkout-page-layout/components/checkout-page-section.js';
 import { CheckoutPageSectionContent } from '../../layouts/checkout-page-layout/components/checkout-page-section-content.js';
 import { CheckoutPageSectionLink } from '../../layouts/checkout-page-layout/components/checkout-page-section-link.js';
@@ -18,6 +20,16 @@ import styles from './readonly-address.module.css.js';
 function ReadOnlyAddresses({ billTo, isLoading, isPickup, notes, onSubmit, shipTo, }) {
     const t = useFormattedMessage();
     const paths = usePaths();
+    const { pathname, search } = useLocation();
+    const href = `${pathname}${search}`;
+    const billToId = billTo?.id;
+    const shipToId = shipTo?.id;
+    const editBillToAddressUrl = environment === 'next'
+        ? `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/${billToId}?returnUrl=${encodeURIComponent(href)}`
+        : paths.ACCOUNT_ADDRESSES;
+    const editShipToAddressUrl = environment === 'next'
+        ? `${paths.ACCOUNT_EDIT_BILL_TO_ADDRESS}/${billToId}${paths.ACCOUNT_EDIT_SHIP_TO_ADDRESS}/${shipToId}?returnUrl=${encodeURIComponent(href)}`
+        : paths.ACCOUNT_ADDRESSES;
     return (jsxs(Form, { id: EDIT_ADDRESS_FORM_ID, onSubmit: e => {
             e.preventDefault();
             const formData = new FormData(e.currentTarget);
@@ -26,7 +38,7 @@ function ReadOnlyAddresses({ billTo, isLoading, isPickup, notes, onSubmit, shipT
                     ? undefined
                     : formData.get('notes')?.toString() || '',
             });
-        }, children: [jsxs(CheckoutPageSection, { title: jsx(FormattedMessage, { id: "Billing address" }), children: [jsx(CheckoutPageSectionLink, { children: jsxs(Link, { color: "secondary", href: paths.ACCOUNT_ADDRESSES, isDisabled: isLoading, children: [jsx(FormattedMessage, { id: "Edit billing address" }), " >"] }) }), jsxs(CheckoutPageSectionContent, { children: [billTo && (jsx(AddressInfoDisplay, { address: {
+        }, children: [jsxs(CheckoutPageSection, { title: jsx(FormattedMessage, { id: "Billing address" }), children: [jsx(CheckoutPageSectionLink, { children: jsxs(Link, { color: "secondary", href: editBillToAddressUrl, isDisabled: isLoading, children: [jsx(FormattedMessage, { id: "Edit billing address" }), " >"] }) }), jsxs(CheckoutPageSectionContent, { children: [billTo && (jsx(AddressInfoDisplay, { address: {
                                     address1: billTo.address1,
                                     address2: billTo.address2,
                                     address3: billTo.address3,
@@ -39,7 +51,7 @@ function ReadOnlyAddresses({ billTo, isLoading, isPickup, notes, onSubmit, shipT
                                     lastName: billTo.lastName,
                                     phone: billTo.phone,
                                     postalCode: billTo.postalCode,
-                                }, "data-test-selector": "billToAddress" })), jsx("div", { className: styles.notes, children: jsx(TextField, { defaultValue: notes, isDisabled: isLoading, isMultiline: true, label: t('Add order notes'), name: "notes", rows: 3, showLabel: true }) })] })] }), jsxs(CheckoutPageSection, { title: jsx(FormattedMessage, { id: isPickup ? 'Pickup address' : 'Shipping address' }), children: [!isPickup && (jsx(CheckoutPageSectionLink, { children: jsxs(Link, { color: "secondary", href: paths.ACCOUNT_ADDRESSES, isDisabled: isLoading, children: [jsx(FormattedMessage, { id: "Edit shipping address" }), " >"] }) })), jsx(CheckoutPageSectionContent, { children: isPickup ? (jsx(SonicAddress, {})) : (jsxs(Fragment, { children: [jsx(Checkbox, { className: styles['use-invoice-checkbox'], "data-test-selector": "checkboxUseBillingAddress", isDisabled: true, isSelected: true, children: jsx(FormattedMessage, { id: "Use billing address" }) }), shipTo && (jsx(AddressInfoDisplay, { address: {
+                                }, "data-test-selector": "billToAddress" })), jsx("div", { className: styles.notes, children: jsx(TextField, { defaultValue: notes, isDisabled: isLoading, isMultiline: true, label: t('Add order notes'), name: "notes", rows: 3, showLabel: true }) })] })] }), jsxs(CheckoutPageSection, { title: jsx(FormattedMessage, { id: isPickup ? 'Pickup address' : 'Shipping address' }), children: [!isPickup && (jsx(CheckoutPageSectionLink, { children: jsxs(Link, { color: "secondary", href: editShipToAddressUrl, isDisabled: isLoading, children: [jsx(FormattedMessage, { id: "Edit shipping address" }), " >"] }) })), jsx(CheckoutPageSectionContent, { children: isPickup ? (jsx(SonicAddress, {})) : (jsxs(Fragment, { children: [jsx(Checkbox, { className: styles['use-invoice-checkbox'], "data-test-selector": "checkboxUseBillingAddress", isDisabled: true, isSelected: true, children: jsx(FormattedMessage, { id: "Use billing address" }) }), shipTo && (jsx(AddressInfoDisplay, { address: {
                                         address1: shipTo.address1,
                                         address2: shipTo.address2,
                                         address3: shipTo.address3,

package/dist/shared/api/storefront/hooks/authentication/use-sign-in.js

@@ -1,5 +1,6 @@
 "use client";
 import { useQueryClient, useMutation } from '@tanstack/react-query';
+import { UnprocessableContentRequestError } from '../../../../fetch/request.js';
 import { signIn, createSession, InvalidGrantError } from '../../services/authentication-service.js';
 
 function useSignIn() {
@@ -18,6 +19,8 @@ function useSignIn() {
                 return body;
             }
             catch (error) {
+                if (error instanceof UnprocessableContentRequestError)
+                    throw error;
                 if (error instanceof InvalidGrantError)
                     throw error;
                 queryClient.resetQueries();

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/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": "228.0.0",
+  "version": "230.0.0",
   "type": "module",
   "license": "MIT",
   "engines": {