@sonic-equipment/ui 137.0.0 → 138.0.0

package/dist/algolia/algolia-categories-filters.js

@@ -23,7 +23,7 @@ function AlgoliaCategoriesFilters() {
         return null;
     return (jsx(FilterSection, { title: t('facet.categories'), variant: "default", children: categories.map(category => (jsx(Fragment, { children: jsx("div", { className: filterSectionStyles['filter-section-item'], children: jsxs(Link, { hasUnderline: true, className: clsx(styles.category, {
                         [styles['is-active']]: category.isRefined,
-                    }), onClick: () => refine(category.value), children: [jsx(StrokeCategoriesIcon, { height: 24, width: 24 }), jsx("span", { children: category.label }), jsxs("span", { className: styles.count, children: ["(", category.count, ")"] })] }) }) }, category.value))) }));
+                    }), color: "primary", onClick: () => refine(category.value), children: [jsx(StrokeCategoriesIcon, { height: 24, width: 24 }), jsx("span", { children: category.label }), jsxs("span", { className: styles.count, children: ["(", category.count, ")"] })] }) }) }, category.value))) }));
 }
 
 export { AlgoliaCategoriesFilters };

package/dist/algolia/algolia-query-string-routing.js

@@ -45,8 +45,10 @@ function createQueryStringRouting({ algoliaIndex, hierarchicalCategories, }) {
                     allowDots: true,
                     duplicates: 'combine',
                 });
-                const refinementList = Object.keys(queryString.filters || {}).reduce((refinementList, filter) => {
-                    refinementList[filter] = [queryString.filters?.[filter]].flat();
+                const refinementList = Object.entries(queryString.filters || {}).reduce((refinementList, [filter, value]) => {
+                    refinementList[filter] = [value && String(value)]
+                        .flat()
+                        .filter(Boolean);
                     return refinementList;
                 }, {});
                 const hierarchicalMenu = hierarchicalCategories

package/dist/buttons/add-to-cart-button/add-to-cart-button.js

@@ -99,7 +99,7 @@ function ManualInputState({ isDisabled, onCancel, onConfirm, quantity, }) {
                     maximumFractionDigits: 0,
                     style: 'decimal',
                     useGrouping: false,
-                }, isDisabled: isDisabled, label: "Quantity", maxLength: 4, maxValue: 9999, minValue: 0, name: "quantity", onChange: value => setQuantity(String(value)), onKeyUp: onKeyUp, showLabel: false, size: "md" }), jsx(Button, { condensed: true, isDisabled: isDisabled, onClick: e => {
+                }, isDisabled: isDisabled, label: "Quantity", maxLength: 4, maxValue: 9999, minValue: 0, name: "quantity", onChange: value => setQuantity(String(value)), onKeyUp: onKeyUp, showLabel: false, size: "md" }), jsx(Button, { condensed: true, "data-test-selector": "confirm", isDisabled: isDisabled, onClick: e => {
                     e.preventDefault();
                     e.stopPropagation();
                     onConfirm(ensureNumber(updatedQuantity));

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

@@ -2,9 +2,8 @@ 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, currentColor, hasUnderline, isDisabled, onClick, onKeyUp, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function Link({ children, className, color, hasUnderline, isDisabled, onClick, onKeyUp, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/buttons/link/link.js

@@ -3,13 +3,11 @@ import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import styles from './link.module.css.js';
 
-function Link({ children, className, color = 'primary', currentColor, hasUnderline, isDisabled, onClick, onKeyUp, ...props }) {
+function Link({ children, className, color, hasUnderline, isDisabled, onClick, onKeyUp, ...props }) {
     return (jsx("a", { className: clsx({
-            [styles.hover]: Boolean(props.href),
-            [styles['has-underline']]: hasUnderline && props.href,
-            [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 }));
+            [styles.hover]: Boolean(props.href || onClick),
+            [styles['has-underline']]: hasUnderline,
+        }, styles['link'], color && styles[color], 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.js

@@ -19,7 +19,7 @@ function AccordionItem({ _pseudo = 'none', allowCollapse = true, allowToggle = t
         }
     }, [close, initialIsOpen, open]);
     const panelId = `panel-${id}`;
-    return (jsxs("div", { className: clsx(className, ...ensureArray(borderType).map(type => styles[`border-type-${type}`]), styles['accordion-item'], {
+    return (jsxs("div", { className: clsx(className, ...ensureArray(borderType).map(type => styles[`border-type-${type}`]), styles['accordion-item'], isDisabled && styles.disabled, {
             [styles['is-open']]: isOpen,
             [styles['allow-toggle']]: allowToggle,
         }), children: [jsx("h3", { children: allowCollapse ? (jsxs("button", { "aria-controls": panelId, "aria-expanded": isOpen, className: clsx(styles.button, styles[_pseudo]), disabled: isDisabled, id: id, onClick: () => {

package/dist/collapsables/accordion/accordion.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"accordion":"accordion-module-9WvAH","indented":"accordion-module-6CcEH","white":"accordion-module-CaVdG","accordion-item":"accordion-module-lf9d-","lg":"accordion-module-0qnae","with-seperators":"accordion-module-yOLrW","button":"accordion-module--Rwpb","icon":"accordion-module-Y50uq","focus":"accordion-module-M4BZs","allow-toggle":"accordion-module-QEO2d","panel":"accordion-module-KZjMo","content":"accordion-module-ejMH3","border-type-bottom":"accordion-module-oTdZK","border-type-top":"accordion-module-0mrLq","border-type-middle":"accordion-module-aAr-R","is-open":"accordion-module-W0F1z","border-type-middle-accentuated":"accordion-module-OB98a","select":"accordion-module-SAbiG"};
+var styles = {"accordion":"accordion-module-9WvAH","indented":"accordion-module-6CcEH","white":"accordion-module-CaVdG","accordion-item":"accordion-module-lf9d-","lg":"accordion-module-0qnae","with-seperators":"accordion-module-yOLrW","button":"accordion-module--Rwpb","icon":"accordion-module-Y50uq","focus":"accordion-module-M4BZs","allow-toggle":"accordion-module-QEO2d","panel":"accordion-module-KZjMo","content":"accordion-module-ejMH3","border-type-bottom":"accordion-module-oTdZK","border-type-top":"accordion-module-0mrLq","border-type-middle":"accordion-module-aAr-R","is-open":"accordion-module-W0F1z","border-type-middle-accentuated":"accordion-module-OB98a","select":"accordion-module-SAbiG","disabled":"accordion-module-ogvYX"};
 
 export { styles as default };

package/dist/exports.d.ts

@@ -138,6 +138,7 @@ export * from './media/image-grid/images-grid';
 export * from './media/image-lightbox/image-lightbox';
 export * from './media/image/image';
 export * from './media/zoom-image/zoom-image';
+export * from './message/message';
 export * from './modals/confirmation/confirmation-dialog';
 export * from './modals/dialog/dialog';
 export * from './modals/favorite/add-to-favorite-dialog';
@@ -147,10 +148,11 @@ export * from './notifications/announcements/announcement';
 export * from './notifications/announcements/announcement-provider';
 export * from './notifications/announcements/connected-announcement';
 export * from './observers/intersection-observer';
+export * from './pages/account/layouts/sign-in-page-layout/sign-in-page-layout';
+export * from './pages/account/sign-in-page/sign-in-page';
 export * from './pages/checkout/cart-page/cart-page';
 export * from './pages/checkout/cart-page/components/empty-cart-page';
 export * from './pages/checkout/components/billing-and-invoice-information';
-export * from './pages/checkout/constants';
 export * from './pages/checkout/layouts/checkout-page-layout/checkout-page-layout';
 export * from './pages/checkout/layouts/checkout-page-layout/components/checkout-page-section';
 export * from './pages/checkout/layouts/checkout-page-layout/components/checkout-page-section-content';
@@ -176,6 +178,7 @@ export * from './pages/components/page-meta-data/page-meta-data';
 export * from './pages/components/page/page';
 export * from './pages/error-page/error-page';
 export * from './pages/loading-page/loading-page';
+export * from './pages/paths';
 export * from './pages/product/layouts/product-details-page-layout/product-details-page-layout';
 export * from './pages/product/product-details-page/components/product-details-images/product-detail-images';
 export * from './pages/product/product-details-page/components/product-details-panel/product-details-panel';

package/dist/footer/footer.js

@@ -8,7 +8,7 @@ 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] })] }));
+    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, { 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'], href: link.externalLink || link.internalLink, target: link.openInNewTab ? '_blank' : undefined, children: link.title }, link.key))) }), countrySelector] })] }));
 }
 
 export { Footer };

package/dist/forms/textarea/textarea.js

@@ -19,7 +19,7 @@ const TextArea = forwardRef(({ autoGrow, className, label, size, ...textAreaProp
         if (!ref.current)
             return;
         if (!autoGrow)
-            return ref.current.style.removeProperty('height');
+            return void ref.current.style.removeProperty('height');
         ref.current.style.height = `${initialHeight.current}px`;
         if (ref.current.scrollHeight > (initialHeight.current || 0)) {
             ref.current.style.height = ref.current.scrollHeight + 'px';

package/dist/index.js

@@ -141,6 +141,7 @@ 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';
 export { ZoomImage } from './media/zoom-image/zoom-image.js';
+export { Message } from './message/message.js';
 export { ConfirmationDialog } from './modals/confirmation/confirmation-dialog.js';
 export { Dialog } from './modals/dialog/dialog.js';
 export { AddToFavoriteDialog } from './modals/favorite/add-to-favorite-dialog.js';
@@ -150,10 +151,11 @@ export { Announcement } from './notifications/announcements/announcement.js';
 export { AnnouncementProvider } from './notifications/announcements/announcement-provider.js';
 export { ConnectedAnnouncement, now } from './notifications/announcements/connected-announcement.js';
 export { IntersectionObserverComponent } from './observers/intersection-observer.js';
+export { SignInPageLayout } from './pages/account/layouts/sign-in-page-layout/sign-in-page-layout.js';
+export { SignInPage } from './pages/account/sign-in-page/sign-in-page.js';
 export { CartPage } from './pages/checkout/cart-page/cart-page.js';
 export { EmptyCart } from './pages/checkout/cart-page/components/empty-cart-page.js';
 export { BillingAndInvoiceInformation } from './pages/checkout/components/billing-and-invoice-information.js';
-export { CHECKOUT_PATHS } from './pages/checkout/constants.js';
 export { CheckoutPageLayout } from './pages/checkout/layouts/checkout-page-layout/checkout-page-layout.js';
 export { CheckoutPageSection } from './pages/checkout/layouts/checkout-page-layout/components/checkout-page-section.js';
 export { CheckoutPageSectionContent } from './pages/checkout/layouts/checkout-page-layout/components/checkout-page-section-content.js';
@@ -179,6 +181,7 @@ export { PageMetaData } from './pages/components/page-meta-data/page-meta-data.j
 export { Page } from './pages/components/page/page.js';
 export { ErrorPage } from './pages/error-page/error-page.js';
 export { LoadingPage } from './pages/loading-page/loading-page.js';
+export { PATHS } from './pages/paths.js';
 export { ProductDetailsPageLayout } from './pages/product/layouts/product-details-page-layout/product-details-page-layout.js';
 export { ProductDetailImages } from './pages/product/product-details-page/components/product-details-images/product-detail-images.js';
 export { ProductDetailsPanel } from './pages/product/product-details-page/components/product-details-panel/product-details-panel.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.' | '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';
+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.' | 'Access denied.' | 'Your email and password were not recognized.' | 'Add order notes' | 'Add to list' | 'Address' | 'Amount: {0}' | 'An error occurred while processing your payment. Please try again.' | 'An unexpected error occured' | 'An unexpected error occured. Please try again.' | '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 continue 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' | 'Signing 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/lists/orderline-list/orderline-list.js

@@ -19,7 +19,7 @@ function OrderLineList({ children, onRemoveAll }) {
             return;
         open();
     }
-    return (jsxs(Fragment, { children: [jsxs("div", { className: styles['orderline-list'], children: [jsxs("div", { className: styles.header, children: [jsx("p", { className: styles.count, children: `${count} ${productString.toLowerCase()}` }), onRemoveAll && (jsxs(Link, { className: styles['lnk-remove-all'], "data-test-selector": "cartlineHeader_removeAll", onClick: handleRemoveAll, children: [jsx(StrokeTrashIcon, {}), jsx(FormattedMessage, { id: "Remove all" })] }))] }), jsx("div", { className: styles.items, children: Children.map(children, (child, index) => (jsx("div", { className: styles.item, children: child }, index))) })] }), onRemoveAll && (jsx(ConfirmationDialog, { isOpen: isOpen, onCancel: close, onConfirm: onRemoveAll, title: t('Are you sure you want to remove all items from your cart?') }))] }));
+    return (jsxs(Fragment, { children: [jsxs("div", { className: styles['orderline-list'], children: [jsxs("div", { className: styles.header, children: [jsx("p", { className: styles.count, children: `${count} ${productString.toLowerCase()}` }), onRemoveAll && (jsxs(Link, { className: styles['lnk-remove-all'], color: "primary", "data-test-selector": "cartlineHeader_removeAll", onClick: handleRemoveAll, children: [jsx(StrokeTrashIcon, {}), jsx(FormattedMessage, { id: "Remove all" })] }))] }), jsx("div", { className: styles.items, children: Children.map(children, (child, index) => (jsx("div", { className: styles.item, children: child }, index))) })] }), onRemoveAll && (jsx(ConfirmationDialog, { isOpen: isOpen, onCancel: close, onConfirm: onRemoveAll, title: t('Are you sure you want to remove all items from your cart?') }))] }));
 }
 
 export { OrderLineList };

package/dist/media/image/image.js

@@ -40,14 +40,14 @@ function ImageComponent({ className, fallbackSrc, fit = 'cover', hasError, image
     const srcSet = hasError ? undefined : createSrcSet(image);
     return (jsx("img", { alt: image.altText, className: clsx(styles.image, className, styles[fit], {
             [styles['has-error']]: hasError,
-        }), src: hasError ? fallbackSrc : image[3], srcSet: srcSet, ...rest }));
+        }), src: fallbackSrc, srcSet: srcSet, ...rest }));
 }
 function PictureComponent({ className, fallbackSrc, fit = 'cover', hasError, image, ...rest }) {
     if (!image)
         return (jsx("picture", { className: clsx(styles.picture, className), children: jsx("img", { alt: "Missing", className: clsx(styles.image, styles[fit], styles['has-error']), src: fallbackSrc, ...rest }) }));
-    return (jsxs("picture", { className: clsx(styles.picture, className), children: [jsx("source", { media: "(max-width: 768px)", srcSet: createSrcSet(image.sm) }), jsx("source", { media: "(max-width: 1439px)", srcSet: createSrcSet(image.md) }), jsx("source", { media: "(min-width: 1440px)", srcSet: createSrcSet(image.lg) }), jsx("img", { alt: image.altText, className: clsx(styles.image, styles[fit], {
+    return (jsxs("picture", { className: clsx(styles.picture, className), children: [image.sm && (jsx("source", { media: "(max-width: 768px)", srcSet: createSrcSet(image.sm) })), image.md && (jsx("source", { media: "(max-width: 1439px)", srcSet: createSrcSet(image.md) })), image.lg && (jsx("source", { media: "(min-width: 1440px)", srcSet: createSrcSet(image.lg) })), jsx("img", { alt: image.altText, className: clsx(styles.image, styles[fit], {
                     [styles['has-error']]: hasError,
-                }), src: hasError ? fallbackSrc : image.lg[3], ...rest })] }));
+                }), src: fallbackSrc, ...rest })] }));
 }
 
 export { Image };

package/dist/message/message.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface MessageProps {
+    children?: ReactNode;
+    type?: 'default' | 'info' | 'danger' | 'success' | 'warning';
+}
+export declare function Message({ children, type }: MessageProps): import("react/jsx-runtime").JSX.Element;

package/dist/message/message.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { SolidAttentionIcon } from '../icons/solid/solid-attention-icon.js';
+import { SolidInformationIcon } from '../icons/solid/solid-information-icon.js';
+import { SolidNoticeIcon } from '../icons/solid/solid-notice-icon.js';
+import { SolidOkayIcon } from '../icons/solid/solid-okay-icon.js';
+import styles from './message.module.css.js';
+
+const icons = {
+    danger: jsx(SolidAttentionIcon, {}),
+    info: jsx(SolidInformationIcon, {}),
+    success: jsx(SolidOkayIcon, {}),
+    warning: jsx(SolidNoticeIcon, {}),
+};
+function Message({ children, type = 'default' }) {
+    return (jsxs("div", { className: clsx(styles.message, styles[type]), role: "note", children: [type !== 'default' && (jsx("div", { className: styles.icon, role: "presentation", children: icons[type] })), jsx("div", { className: styles.body, children: children })] }));
+}
+
+export { Message };

package/dist/message/message.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"message":"message-module-N1e1t","icon":"message-module-w2hsL","body":"message-module-Gi4uR","default":"message-module-pp9U4","info":"message-module-srkp1","danger":"message-module-oeSdr","success":"message-module-Vp0pA","warning":"message-module-kvANQ"};
+
+export { styles as default };

package/dist/pages/account/layouts/sign-in-page-layout/sign-in-page-layout.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { ImageType } from '../../../../shared/model/image';
+export interface SignInPageLayoutProps {
+    children?: ReactNode;
+    fullHeight?: boolean;
+    image: ImageType;
+}
+export declare function SignInPageLayout({ children, fullHeight, image, }: SignInPageLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/account/layouts/sign-in-page-layout/sign-in-page-layout.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { useIsBreakpoint } from '../../../../shared/hooks/use-is-breakpoint.js';
+import { Image } from '../../../../media/image/image.js';
+import styles from './sign-in-page-layout.module.css.js';
+
+function SignInPageLayout({ children, fullHeight, image, }) {
+    const isLg = useIsBreakpoint('lg');
+    return (jsxs("div", { className: clsx(styles['sign-in-page-layout'], fullHeight && styles['full-height']), children: [jsx("div", { className: styles.main, children: children }), isLg && (jsx("div", { className: styles.side, children: jsx("div", { className: styles.image, children: jsx(Image, { image: image, title: "" }) }) }))] }));
+}
+
+export { SignInPageLayout };

package/dist/pages/account/layouts/sign-in-page-layout/sign-in-page-layout.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"sign-in-page-layout":"sign-in-page-layout-module-Z1oE2","full-height":"sign-in-page-layout-module-D5yqX","main":"sign-in-page-layout-module-s6x7v","side":"sign-in-page-layout-module-W-FMF","image":"sign-in-page-layout-module-cbE8y"};
+
+export { styles as default };

package/dist/pages/account/sign-in-page/sign-in-page.d.ts

@@ -0,0 +1,3 @@
+export declare function SignInPage({ returnUrl }?: {
+    returnUrl?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/pages/account/sign-in-page/sign-in-page.js

@@ -0,0 +1,56 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { useCreateGuestAccount } from '../../../shared/api/storefront/hooks/authentication/use-create-guest-account.js';
+import { useFetchSession } from '../../../shared/api/storefront/hooks/authentication/use-fetch-session.js';
+import { useSignIn } from '../../../shared/api/storefront/hooks/authentication/use-sign-in.js';
+import { isRequestError } from '../../../shared/fetch/request.js';
+import { useNavigate } from '../../../shared/routing/route-provider.js';
+import { SignInForm } from '../../../sign-in-form/sign-in-form.js';
+import { Page } from '../../components/page/page.js';
+import { PATHS } from '../../paths.js';
+import { SignInPageLayout } from '../layouts/sign-in-page-layout/sign-in-page-layout.js';
+
+// TODO: We need larger images
+const IMAGE = {
+    1: 'https://res.cloudinary.com/dkz9eknwh/image/upload/w_1658,h_1008/v1740665245/images/sign-in-page.webp',
+    2: 'https://res.cloudinary.com/dkz9eknwh/image/upload/w_1658,h_1008/v1740665245/images/sign-in-page.webp',
+    3: 'https://res.cloudinary.com/dkz9eknwh/image/upload/w_1658,h_1008/v1740665245/images/sign-in-page.webp',
+    altText: '',
+};
+function SignInPage({ returnUrl } = {}) {
+    const { navigate } = useNavigate();
+    const { data: session } = useFetchSession();
+    const { error: errorSignIn, isPending: isPendingSignIn, mutate: signIn, reset: resetSignIn, } = useSignIn();
+    const { error: errorCreateGuest, isPending: isPendingCreateGuest, mutate: createGuest, reset: resetCreateGuest, } = useCreateGuestAccount();
+    const errorMessage = useMemo(() => {
+        const error = errorSignIn || errorCreateGuest;
+        if (!error)
+            return undefined;
+        if (errorCreateGuest)
+            return 'Unexpected error';
+        if (isRequestError(error) && error.status === 403)
+            return 'Access denied';
+        return 'Unexpected error';
+    }, [errorCreateGuest, errorSignIn]);
+    const onSuccess = () => navigate(returnUrl || PATHS.ACCOUNT);
+    const allowGuestSignIn = returnUrl === PATHS.CHECKOUT_SHIPPING;
+    const onSubmit = ({ data }) => {
+        resetSignIn();
+        resetCreateGuest();
+        if (data.guestSignIn) {
+            if (session?.isGuest && session.isAuthenticated)
+                return onSuccess();
+            createGuest(undefined, { onSuccess });
+        }
+        else {
+            signIn({
+                password: data.password,
+                rememberMe: data.rememberMe,
+                userName: data.email,
+            }, { onSuccess });
+        }
+    };
+    return (jsx(Page, { fullHeight: true, fluid: true, children: jsx(SignInPageLayout, { fullHeight: true, image: IMAGE, children: jsx(SignInForm, { allowGuestSignIn: allowGuestSignIn, errorMessage: errorMessage, initialEmail: session?.isGuest ? '' : session?.email, initialRememberMe: session?.rememberMe, isDisabled: !session, isPendingGuestSignIn: isPendingCreateGuest, isPendingUserSignIn: isPendingSignIn, onSubmit: onSubmit }) }) }));
+}
+
+export { SignInPage };

package/dist/pages/checkout/cart-page/cart-page.js

@@ -17,7 +17,7 @@ import { RouteButton } from '../../../shared/routing/route-button.js';
 import { useToast } from '../../../toast/use-toast.js';
 import { useFetchCurrentCartLinesWithAtp } from '../../../shared/api/storefront/hooks/cart/use-fetch-current-cart-lines-with-atp.js';
 import { useFetchCurrentCartWithAtp } from '../../../shared/api/storefront/hooks/cart/use-fetch-current-cart-with-atp.js';
-import { CHECKOUT_PATHS } from '../constants.js';
+import { PATHS } from '../../paths.js';
 import { EmptyCart } from './components/empty-cart-page.js';
 
 function CartContent({ cartLines }) {
@@ -76,7 +76,7 @@ function CartContent({ cartLines }) {
         return null;
     return (jsx(CheckoutPageLayout, { actions: {
             primary: (jsx(RouteButton, { withArrow: true, "data-test-selector": "checkoutShippingCartTotalContinueButton", href: "/CheckoutShipping", children: jsx(FormattedMessage, { id: "Continue shopping" }) })),
-            secondary: (jsx(RouteButton, { color: "secondary", href: isAuthenticated ? undefined : '/signin', onClick: () => {
+            secondary: (jsx(RouteButton, { color: "secondary", href: isAuthenticated ? undefined : PATHS.SIGN_IN, onClick: () => {
                     if (!isAuthenticated)
                         return;
                     saveCartForLater.mutate({ cart: currentCart });
@@ -103,10 +103,10 @@ function CartPage() {
         return jsx(ErrorPage, { error: error });
     if (isLoading)
         return jsx(LoadingPage, {});
-    return (jsx(Page, { breadCrumb: [
-            { href: CHECKOUT_PATHS.HOME, label: 'home' },
-            { href: CHECKOUT_PATHS.CART, label: t('Cart') },
-        ], canonicalUrl: CHECKOUT_PATHS.CART, title: t('Cart'), children: cartLines?.length ? (jsx(CartContent, { cartLines: cartLines })) : (jsx(EmptyCart, {})) }));
+    return (jsx(Page, { breadcrumb: [
+            { href: PATHS.HOME, label: 'home' },
+            { href: PATHS.CART, label: t('Cart') },
+        ], canonicalUrl: PATHS.CART, title: t('Cart'), children: cartLines?.length ? (jsx(CartContent, { cartLines: cartLines })) : (jsx(EmptyCart, {})) }));
 }
 
 export { CartPage };

package/dist/pages/checkout/order-confirmation-page/order-confirmation-page-content.js

@@ -12,8 +12,8 @@ import { RouteButton } from '../../../shared/routing/route-button.js';
 import { formatDateToLocaleString } from '../../../shared/utils/date.js';
 import { useToast } from '../../../toast/use-toast.js';
 import { Page } from '../../components/page/page.js';
+import { PATHS } from '../../paths.js';
 import { BillingAndInvoiceInformation } from '../components/billing-and-invoice-information.js';
-import { CHECKOUT_PATHS } from '../constants.js';
 import { CheckoutPageLayout } from '../layouts/checkout-page-layout/checkout-page-layout.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';
@@ -39,10 +39,10 @@ function OrderConfirmationPageContent({ cart, }) {
             });
         },
     });
-    return (jsx(Page, { breadCrumb: [
-            { href: CHECKOUT_PATHS.HOME, label: t('Home') },
+    return (jsx(Page, { breadcrumb: [
+            { href: PATHS.HOME, label: t('Home') },
             {
-                href: `${CHECKOUT_PATHS.ORDER_CONFIRMATION}?cartId=${cart.id}`,
+                href: `${PATHS.ORDER_CONFIRMATION}?cartId=${cart.id}`,
                 label: t('Order confirmation'),
             },
         ], title: t('Order confirmation'), children: jsx(CheckoutPageLayout, { actions: {

package/dist/pages/checkout/order-confirmation-page/order-confirmation-page.js

@@ -6,7 +6,7 @@ import { useFetchCartById } from '../../../shared/api/storefront/hooks/cart/use-
 import { useNavigate } from '../../../shared/routing/route-provider.js';
 import { hasNo } from '../../../shared/utils/types.js';
 import { ErrorPage } from '../../error-page/error-page.js';
-import { CHECKOUT_PATHS } from '../constants.js';
+import { PATHS } from '../../paths.js';
 import { OrderConfirmationPageContent } from './order-confirmation-page-content.js';
 
 function OrderConfirmationPage({ cartId }) {
@@ -21,9 +21,9 @@ function OrderConfirmationPage({ cartId }) {
         if (isAuthenticated === undefined)
             return;
         if (!isAuthenticated)
-            return navigate(CHECKOUT_PATHS.CART);
+            return navigate(PATHS.CART);
         if (cart.status === 'Cart')
-            navigate(CHECKOUT_PATHS.CART);
+            navigate(PATHS.CART);
     }, [cart, navigate, isAuthenticated]);
     if (error)
         return jsx(ErrorPage, { error: error });

package/dist/pages/checkout/payment-page/components/adyen-payment.d.ts

@@ -10,10 +10,11 @@ interface AdyenPaymentProps {
     customerId: string;
     dropinRef: MutableRefObject<Dropin | null>;
     environment: 'test' | 'live' | 'live-us' | 'live-au' | 'live-apse' | 'live-in';
+    isDisabled?: boolean;
     onComplete: (result: AdyenPaymentModel) => Promise<void>;
     onError: (error: unknown, result: AdyenPaymentModel | null) => void;
     orderAmount: number;
     returnUrl: string;
 }
-export declare function AdyenPayment({ amount, cartId, countryCode, currencyCode, customerId, dropinRef, environment, onComplete, onError, orderAmount, returnUrl, }: AdyenPaymentProps): import("react/jsx-runtime").JSX.Element;
+export declare function AdyenPayment({ amount, cartId, countryCode, currencyCode, customerId, dropinRef, environment, isDisabled, onComplete, onError, orderAmount, returnUrl, }: AdyenPaymentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/pages/checkout/payment-page/components/adyen-payment.js

@@ -10,7 +10,7 @@ import { getAdyenPaymentDetails, postAdyenPayment } from '../../../../shared/api
 import { parseAmount } from '../utils/parse-amount.js';
 import styles from './adyen-payment.module.css.js';
 
-function AdyenPayment({ amount, cartId, countryCode, currencyCode, customerId, dropinRef, environment, onComplete, onError, orderAmount, returnUrl, }) {
+function AdyenPayment({ amount, cartId, countryCode, currencyCode, customerId, dropinRef, environment, isDisabled, onComplete, onError, orderAmount, returnUrl, }) {
     const cultureCode = useCultureCode();
     // Get and remove Adyen query string params and keep them in a ref
     const queryStringParams = useRef(getAndRemoveAdyenQueryParams());
@@ -120,7 +120,7 @@ function AdyenPayment({ amount, cartId, countryCode, currencyCode, customerId, d
     ]);
     if (error)
         return jsx("div", { children: String(error) });
-    return (jsx("div", { ref: dropinDivRef, className: clsx(Boolean(redirectResult) && styles.loading), id: "dropin" }));
+    return (jsx("div", { ref: dropinDivRef, className: clsx(Boolean(redirectResult) && styles.loading, isDisabled && styles.loading), id: "dropin" }));
 }
 function getAndRemoveAdyenQueryParams() {
     if (typeof window === 'undefined')

package/dist/pages/checkout/payment-page/components/payment.d.ts

@@ -1,12 +1,16 @@
 import { AdyenPaymentModel, CartModel, CheckoutAtpEntry } from '../../../../shared/api/storefront/model/storefront.model';
-export declare function Payment({ atp, cart: _cart, form, onError: _onError, onPaymentComplete, onProcessing, onValidating, }: {
+interface PaymentProps {
     atp: CheckoutAtpEntry[];
     cart: CartModel;
     form: string;
+    isProcessing: boolean;
+    isValidatingVAT: boolean;
     onError?: (error: unknown, result: AdyenPaymentModel | null) => void;
     onPaymentComplete: ({ cartId }: {
         cartId: string;
     }) => void;
     onProcessing: (processing: boolean) => void;
-    onValidating: (validating: boolean) => void;
-}): import("react/jsx-runtime").JSX.Element;
+    onValidatingVAT: (validating: boolean) => void;
+}
+export declare function Payment({ atp, cart: _cart, form, isProcessing, isValidatingVAT, onError: _onError, onPaymentComplete, onProcessing, onValidatingVAT, }: PaymentProps): import("react/jsx-runtime").JSX.Element;
+export {};