@sonic-equipment/ui 238.0.0 → 240.0.0

package/dist/buttons/button/button.d.ts

@@ -8,6 +8,7 @@ export interface ButtonProps {
     color?: 'primary' | 'secondary';
     condensed?: boolean;
     'data-test-selector'?: string;
+    download?: string;
     form?: string;
     href?: string;
     icon?: React.ReactNode;

package/dist/buttons/button/button.js

@@ -7,7 +7,7 @@ import { GlyphsArrowBoldCapsRightIcon } from '../../icons/glyph/glyphs-arrow-bol
 import { useRouteLink } from '../../shared/routing/use-route-link.js';
 import buttonStyles from './button.module.css.js';
 
-const Button = forwardRef(({ _pseudo = 'none', 'aria-label': ariaLabel, children: _children, className, color = 'primary', condensed, 'data-test-selector': dataTestSelector, form, href, icon, iconPosition = 'left', isDisabled, isLoading = false, isValidating = true, light = false, name, onClick, route, size = 'lg', type = 'button', value, variant = 'solid', withArrow = false, }, ref) => {
+const Button = forwardRef(({ _pseudo = 'none', 'aria-label': ariaLabel, children: _children, className, color = 'primary', condensed, 'data-test-selector': dataTestSelector, download, form, href, icon, iconPosition = 'left', isDisabled, isLoading = false, isValidating = true, light = false, name, onClick, route, size = 'lg', type = 'button', value, variant = 'solid', withArrow = false, }, ref) => {
     const { getRouteLinkProps, RouteLinkElement } = useRouteLink();
     const handleButtonClick = (e) => {
         if (onClick)
@@ -27,7 +27,7 @@ const Button = forwardRef(({ _pseudo = 'none', 'aria-label': ariaLabel, children
     const children = (jsxs(Fragment, { children: [showIconOnLeft && iconElement, jsx("span", { className: buttonStyles.children, children: isLoading ? (isLoading === true ? _children : isLoading) : _children }), withArrow && (jsx(GlyphsArrowBoldCapsRightIcon, { className: buttonStyles['right-arrow-icon'] })), showIconOnRight && iconElement, isLoading && (jsx(ProgressCircle, { className: buttonStyles.spinner, size: "sm", variant: color === 'primary' ? 'white' : 'gray' }))] }));
     if (href) {
         // TODO: only button currently supports ref for now
-        return (jsx(RouteLinkElement, { "aria-label": ariaLabel, className: classNames, "data-disabled": isDisabled ? true : undefined, "data-test-selector": dataTestSelector, onClick: onClick, type: type, ...getRouteLinkProps(href, route), children: children }));
+        return (jsx(RouteLinkElement, { "aria-label": ariaLabel, className: classNames, "data-disabled": isDisabled ? true : undefined, "data-test-selector": dataTestSelector, download: download, onClick: onClick, type: type, ...getRouteLinkProps(href, route), children: children }));
     }
     return (jsx("button", { ref: ref, "aria-label": ariaLabel, className: classNames, "data-disabled": isDisabled ? true : undefined, "data-test-selector": dataTestSelector, disabled: isDisabled, form: form, formNoValidate: isValidating ? undefined : true, name: name, onClick: handleButtonClick, type: type, value: value, children: children }));
 });

package/dist/display/details/details.d.ts

@@ -0,0 +1,7 @@
+export interface DetailsProps {
+    children: React.ReactNode;
+    className?: string;
+    lang?: string;
+    summary: string;
+}
+export declare function Details({ children, className, lang, summary }: DetailsProps): import("react/jsx-runtime").JSX.Element;

package/dist/display/details/details.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import { GlyphsChevronsBoldRightIcon } from '../../icons/glyph/glyphs-chevrons-bold-right-icon.js';
+import styles from './details.module.css.js';
+
+function Details({ children, className, lang, summary }) {
+    return (jsxs("details", { className: clsx(styles['details'], className), lang: lang, children: [jsxs("summary", { className: styles['summary'], children: [jsx(GlyphsChevronsBoldRightIcon, { className: styles['arrow'], role: "presentation" }), summary] }), jsx("div", { className: styles['content'], children: children })] }));
+}
+
+export { Details };

package/dist/display/details/details.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"details":"details-module-yz0rE","summary":"details-module-mSgNu","arrow":"details-module-2O7TR","content":"details-module-EJitZ"};
+
+export { styles as default };

package/dist/exports.d.ts

@@ -89,6 +89,7 @@ export * from './country-selector/country-selector-dialog/country-selector-dialo
 export * from './country-selector/country-selector-trigger/country-selector-trigger';
 export * from './country-selector/use-countries-languages';
 export * from './delivery-time/delivery-time';
+export * from './display/details/details';
 export * from './display/info-display/info-display';
 export * from './display/price/price';
 export * from './display/product-sku/product-sku';
@@ -266,6 +267,9 @@ export * from './pages/my-sonic/actions/edit-ship-to-address/connected-edit-ship
 export * from './pages/my-sonic/actions/edit-user-info/connected-edit-user-info-dialog';
 export * from './pages/my-sonic/actions/edit-user-info/edit-user-info';
 export * from './pages/my-sonic/actions/edit-user-info/edit-user-info-dialog';
+export * from './pages/my-sonic/actions/upload-order/upload-order';
+export * from './pages/my-sonic/actions/upload-order/upload-order-form';
+export * from './pages/my-sonic/actions/upload-order/upload-order-instructions';
 export * from './pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout';
 export * from './pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout-aside';
 export * from './pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout-breadcrumb';
@@ -285,6 +289,7 @@ export * from './pages/my-sonic/pages/my-account/my-account-page';
 export * from './pages/my-sonic/pages/order-details/order-details-content';
 export * from './pages/my-sonic/pages/order-details/order-details-page';
 export * from './pages/my-sonic/pages/order-history/order-history-page';
+export * from './pages/my-sonic/pages/upload-order-page/upload-order-page';
 export * from './pages/my-sonic/widgets/components/address-data-card';
 export * from './pages/my-sonic/widgets/connected-address-book-widget';
 export * from './pages/my-sonic/widgets/connected-bill-to-address-widget';

package/dist/header/buttons/account/connected-account-button.js

@@ -23,7 +23,9 @@ function ConnectedAccountButton({ className, 'data-test-selector': dataTestSelec
     const lastName = data?.lastName ? data.lastName.trim() : undefined;
     const customerName = firstName ? [firstName, lastName].join(' ') : undefined;
     const customerCompany = data?.billTo?.companyName;
-    return (jsxs(Fragment, { children: [jsx(IconButton, { ref: triggerRef, className: className, "data-authenticated": data?.isAuthenticated ? true : false, "data-test-selector": dataTestSelector, isDisabled: isLoadingSession, onClick: toggle, children: jsx(AccountIcon, { "aria-label": t('My Sonic'), isAuthenticated: data?.isAuthenticated }) }), jsx(Popover, { className: styles['popover'], isOpen: isOpen, onOpenChange: state => (state ? open() : close()), placement: "bottom", triggerRef: triggerRef, children: jsx(QuickAccessMenu, { className: styles['quick-access-menu'], customerCompany: customerCompany, customerName: customerName, isAuthenticated: data?.isAuthenticated, isGuest: data?.isGuest, onSignOut: signOut }) })] }));
+    return (jsxs(Fragment, { children: [jsx(IconButton, { ref: triggerRef, className: className, "data-authenticated": data?.isAuthenticated ? true : false, "data-test-selector": dataTestSelector, isDisabled: isLoadingSession, onClick: toggle, children: jsx(AccountIcon, { "aria-label": t('My Sonic'), isAuthenticated: data?.isAuthenticated }) }), jsx(Popover, { className: styles['popover'], isOpen: isOpen, onOpenChange: state => (state ? open() : close()), placement: "bottom", triggerRef: triggerRef, children: jsx(QuickAccessMenu, { className: styles['quick-access-menu'], customerCompany: customerCompany, customerName: customerName, isAuthenticated: data?.isAuthenticated, isGuest: data?.isGuest, onSignOut: () => signOut(typeof window === 'undefined'
+                        ? undefined
+                        : { returnUrl: window.location.href }) }) })] }));
 }
 
 export { ConnectedAccountButton };

package/dist/icons/glyph/glyphs-chevrons-bold-right-icon.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+
+function GlyphsChevronsBoldRightIcon(props) {
+    return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "12", viewBox: "0 0 12 12", width: "12", children: jsx("path", { d: "M10,5.98800959 L4.97931034,1 C4.65747126,1.17585931 4.2954023,1.4636291 3.89310345,1.86330935 C3.71609195,2.03916867 3.55517241,2.21502798 3.41034483,2.39088729 L3.25972414,2.58273381 C3.196,2.66906475 3.14965517,2.74100719 3.12068966,2.79856115 L3.02413793,2.94244604 L6.08965517,5.98800959 L3,9.05755396 C3.19310345,9.39328537 3.48275862,9.7529976 3.86896552,10.1366906 C4.04597701,10.31255 4.22298851,10.4724221 4.4,10.616307 L4.67517241,10.8321343 L4.81034483,10.9280576 L4.95517241,11 L10,5.98800959 Z", fillRule: "evenodd" }) }));
+}
+
+export { GlyphsChevronsBoldRightIcon };

package/dist/index.js

@@ -92,6 +92,7 @@ export { CountrySelectorDialog } from './country-selector/country-selector-dialo
 export { CountrySelectorTrigger } from './country-selector/country-selector-trigger/country-selector-trigger.js';
 export { useCountriesLanguages } from './country-selector/use-countries-languages.js';
 export { DeliveryTime } from './delivery-time/delivery-time.js';
+export { Details } from './display/details/details.js';
 export { InfoDisplay } from './display/info-display/info-display.js';
 export { Price } from './display/price/price.js';
 export { ProductSku } from './display/product-sku/product-sku.js';
@@ -267,6 +268,9 @@ export { ConnectedEditShipToAddressForm } from './pages/my-sonic/actions/edit-sh
 export { ConnectedEditUserInfoDialog } from './pages/my-sonic/actions/edit-user-info/connected-edit-user-info-dialog.js';
 export { EditUserInfo } from './pages/my-sonic/actions/edit-user-info/edit-user-info.js';
 export { EditUserInfoDialog } from './pages/my-sonic/actions/edit-user-info/edit-user-info-dialog.js';
+export { UploadOrder } from './pages/my-sonic/actions/upload-order/upload-order.js';
+export { UploadOrderForm } from './pages/my-sonic/actions/upload-order/upload-order-form.js';
+export { UploadOrderInstructions } from './pages/my-sonic/actions/upload-order/upload-order-instructions.js';
 export { MySonicLayout } from './pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout.js';
 export { MySonicLayoutAside } from './pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout-aside.js';
 export { MySonicLayoutBreadcrumb } from './pages/my-sonic/layouts/my-sonic-layout/my-sonic-layout-breadcrumb.js';
@@ -286,6 +290,7 @@ export { MyAccountPage, MyAccountPageBreadcrumb } from './pages/my-sonic/pages/m
 export { OrderDetailsContent, statusMap } from './pages/my-sonic/pages/order-details/order-details-content.js';
 export { OrderDetailsPage, OrderDetailsPageBreadcrumb } from './pages/my-sonic/pages/order-details/order-details-page.js';
 export { OrderHistoryPage, OrderHistoryPageBreadcrumb } from './pages/my-sonic/pages/order-history/order-history-page.js';
+export { UploadOrderPage, UploadOrderPageBreadcrumb } from './pages/my-sonic/pages/upload-order-page/upload-order-page.js';
 export { AddressDataCard } from './pages/my-sonic/widgets/components/address-data-card.js';
 export { ConnectedAddressBookWidget } from './pages/my-sonic/widgets/connected-address-book-widget.js';
 export { ConnectedBillToAddressWidget } from './pages/my-sonic/widgets/connected-bill-to-address-widget.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.' | 'Access denied.' | 'Account' | 'Account was activated successfully.' | 'active' | 'Add address' | 'Add order notes' | 'Add to cart' | 'Add to list' | 'Address 1' | 'Address 2' | 'Address 3' | 'Address 4' | 'Address not found' | 'Address' | 'Address book' | 'addressProperty.Default' | 'addressProperty.Company Name' | 'addressProperty.Address Line' | 'addressProperty.Postal Code' | 'addressProperty.City' | 'addressProperty.Country' | 'All payment methods are unavailable at this time. Please contact customer support.' | 'Amount: {0}' | 'An error occurred while changing the customer.' | 'An error occurred while fetching customers. Please try again later.' | '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' | 'ASC' | 'Attention' | 'Availability unknown, please contact customer support for lead time or alternatives.' | 'Back' | 'Billing address' | 'Billing and shipping address' | 'Billing and shipping information' | 'Billing' | 'Cancel' | 'Cart' | 'Change customer' | 'Change password' | 'Changing password…' | 'Changing your address is currently not possible. Please contact customer support to change your address.' | 'Checkout order' | 'Chosen filters' | 'City' | 'Clear filters' | 'Create' | 'Clear' | 'Click the button below to continue shopping.' | 'Client cases' | 'Close' | 'CoC number' | 'Company name' | 'Conceal value' | 'Confirm new password' | 'Continue shopping' | 'Continue to sign in' | 'Continue' | 'Copyright © Sonic Equipment B.V.' | 'Cost overview' | 'Country' | 'Create account' | 'Create new list' | 'Currency Change' | 'Current page' | 'Current password' | 'Current Password is invalid' | 'Date' | 'Decrease' | 'Default shipping address' | 'Delivery date' | 'Delivery expected on {0}' | 'DESC' | 'Double check your spelling' | 'Downloads' | 'Easily add your favorite products' | 'Edit billing address' | 'Edit shipping address' | 'Edit Sonic account' | 'Edit' | 'Email' | 'Enter your email address and we will send you an email that will allow you to recover your password.' | 'Excl. VAT' | 'Explore by categories' | 'Exploring our products by category' | 'facet.categories' | 'facet.height' | 'facet.weight' | 'Favorites' | 'Features' | 'Filter order status' | 'Finalize order' | 'Finalize payment' | 'First name' | 'Forgot password?' | 'Fulfillment method' | 'General' | 'Good day' | 'Good morning' | 'Good afternoon' | 'Good evening' | 'Goodnight' | 'Guest' | 'Hide filters' | 'Home' | 'If an account matches the email address you entered, instructions on how to recover the password will be sent to that email address shortly. If you do not receive this email, please contact Customer Support.' | 'If you want to proceed, click the continue button. If you want to change your country, close this message and select a different country.' | 'Incl. VAT' | 'Includes' | 'Increase' | 'Industry' | 'industry.AG' | 'industry.AU' | 'industry.AV' | 'industry.BC' | 'industry.MA' | 'industry.MC' | 'industry.OT' | 'industry.PP' | 'industry.TR' | 'Information' | 'Language' | 'Last name' | 'List name already exists' | 'Log out' | 'Main menu' | 'Make this the default customer' | 'Make this the default ship to address' | 'More than {0} articles' | 'My account' | 'My Sonic' | 'My Sonic menu' | 'Name' | 'Navigate to...' | 'Navigation' | 'New list name' | 'New Password is required and must be different than Current Password' | 'New password' | 'New user?' | 'Next' | 'No countries available. Unable to change address.' | 'No orders found.' | 'No results found. Please refine your search.' | 'No search results' | 'Number of favorites' | 'Number of products' | 'of' | 'OK' | 'Or continue as guest' | 'Order confirmation' | 'Order date' | 'Order details' | 'Order history' | 'Order number' | 'Order#' | 'Order' | 'orderProperty.Date' | 'orderProperty.Number' | 'orderProperty.PO Number' | 'orderProperty.Price' | 'orderProperty.Shipping Address' | 'orderProperty.Status' | 'Orders' | 'orderStatus.Any' | 'orderStatus.Cancelled' | 'orderStatus.ForwardToReseller' | 'orderStatus.Fulfilled' | 'orderStatus.Partially fulfilled' | 'orderStatus.Processing' | 'orderStatus.Saved' | 'orderStatus.Waiting for customer service' | 'Our products' | 'Overview' | 'Password changed. Please sign in again.' | 'Password does not meet requirements' | 'Password' | 'Passwords do not match' | 'Pay by invoice' | 'Payment method' | 'Payment' | 'pc' | 'Phone' | 'Pick up' | 'Pickup address' | 'Please enter a valid email address' | 'Please enter a valid phone number' | 'please go back to your cart.' | 'Please Sign In' | 'PO Number' | 'Popular searches' | 'Postal Code' | 'Previous' | 'Print' | 'Private account' | 'Processing' | 'Product Features' | 'Product' | 'Products' | 'Quantity' | 'Quick access' | 'Recent searches' | 'Recently viewed' | 'Recover your password' | 'Remember me' | 'Remove' | 'Remove all' | 'Reorder' | 'Reordering...' | 'Requested delivery date' | 'Results' | 'Reveal value' | 'Review and payment' | 'Save order' | 'Save' | 'Saved' | 'Saved cart for later.' | 'Saving' | 'Search for a customer' | 'Search' | 'Searching again using more general terms' | 'Search orders' | 'See all results' | 'Select a country' | 'Select a desired delivery date' | 'Select a language' | 'Select a list' | 'Select an industry' | 'Select other customer' | 'Selected customer' | 'Selecting As Soon As Possible will enable us to send the products to you as they become available.' | 'Selecting this country will result in your cart to be converted to the currency {0}' | 'Share your favorite list with others' | 'Ship' | 'Shipping address' | 'Shipping and handling' | 'Shipping details' | 'Shop more efficiently and quicker with a favorites list' | 'Shopping cart' | 'Show all' | 'Show filters' | 'Show less' | 'Show' | 'Sign in or create account' | 'Sign in' | 'Sign me up for newsletters and product updates' | 'Signed in' | 'Signed out' | 'Signing in…' | 'Sonic account' | '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' | 'sort.ASC' | 'sort.DESC' | 'sort.NONE' | 'Specifications' | 'Start checkout' | 'Status' | 'Submenu' | 'Submit email address' | 'Submit' | 'Submitting…' | 'Subtotal' | 'Suggestions' | 'Support' | 'tag.limited' | 'tag.new' | 'The email address you entered is already associated with an existing account. Please sign in to this account or contact Customer Support.' | 'The expected delivery is an indication based on the product availability and the shipping location.' | 'The link you used for resetting your password is invalid. Please, reset your password again, or contact Customer Support.' | 'The password could not be changed. Please, reset your password again, or contact Customer Support.' | 'The product has been added to your cart.' | 'The product has been removed from your cart.' | 'The product has been updated in your cart.' | 'The order has been added to your cart.' | 'The user to change the password for could not be found. Please, reset your password again, or contact Customer Support.' | 'There are more customers, please refine your search if needed.' | 'There are no products in your shopping cart.' | 'There is no information to display' | 'This email is already in use' | 'Toggle navigation menu' | 'Total amount is' | 'Total' | 'Try another search' | 'Unable to add the product to your cart.' | 'Unable to add the order to your cart.' | 'Unable to empty your cart.' | 'Unable to remove the product from your cart.' | 'Unable to save cart for later.' | 'Unable to update the product in your cart.' | 'Unknown' | 'Updating address' | 'Use billing address' | 'Use fewer keywords' | 'Username' | '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 are not authorized to access this information.' | 'You are not authorized to perform this action' | 'You are not authorized to view customers. Please log in or contact support.' | 'You are required to change your password and then sign in again, using your new credentials.' | 'You could try checking the spelling of your search query' | 'You could try exploring our products by category' | 'You could try' | 'You have no favorite products yet.' | 'You have reached the end of the results, but there may be more articles available. Adjust your filters or search to discover more!' | 'You must ' | 'You selected a country where we invoice in a different currency. This will result in your cart being converted to the new currency. If you would like to review your order, ' | 'Your account is temporarily locked. Please try again later or contact Customer Support.' | 'Your cart has been emptied.' | 'Your email and password were not recognized.' | 'Your favorites are available on multiple devices' | 'Your new Sonic Equipment account was succesfully created. You should receive an email soon with further instructions on how to activate this account. If you do not receive this email, please contact Customer Support.' | '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.' | 'Account' | 'Account was activated successfully.' | 'active' | 'Add address' | 'Add order notes' | 'Add to cart' | 'Add to list' | 'Address 1' | 'Address 2' | 'Address 3' | 'Address 4' | 'Address not found' | 'Address' | 'Address book' | 'addressProperty.Default' | 'addressProperty.Company Name' | 'addressProperty.Address Line' | 'addressProperty.Postal Code' | 'addressProperty.City' | 'addressProperty.Country' | 'All payment methods are unavailable at this time. Please contact customer support.' | 'Amount: {0}' | 'An error occurred while changing the customer.' | 'An error occurred while fetching customers. Please try again later.' | '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' | 'ASC' | 'Attention' | 'Availability unknown, please contact customer support for lead time or alternatives.' | 'Back' | 'Billing address' | 'Billing and shipping address' | 'Billing and shipping information' | 'Billing' | 'Cancel' | 'Cart' | 'Change customer' | 'Change password' | 'Changing password…' | 'Changing your address is currently not possible. Please contact customer support to change your address.' | 'Checkout order' | 'Chosen filters' | 'City' | 'Clear filters' | 'Create' | 'Clear' | 'Click the button below to continue shopping.' | 'Client cases' | 'Close' | 'CoC number' | 'Column 1: Item number or customer part number' | 'Column 2: Quantity (optional)' | 'Column 3: Unit of measure (optional)' | 'Company name' | 'Conceal value' | 'Confirm new password' | 'Continue shopping' | 'Continue to sign in' | 'Continue' | 'Copyright © Sonic Equipment B.V.' | 'Cost overview' | 'Country' | 'Create a row for each product. The allowed maximum is 500 rows' | 'Create account' | 'Create new list' | 'Create or modify a spreadsheet' | 'Currency Change' | 'Current page' | 'Current password' | 'Current Password is invalid' | 'Date' | 'Decrease' | 'Default shipping address' | 'Delivery date' | 'Delivery expected on {0}' | 'DESC' | 'Double check your spelling' | 'Download spreadsheet template' | 'Downloads' | 'Easily add your favorite products' | 'Edit billing address' | 'Edit shipping address' | 'Edit Sonic account' | 'Edit' | 'Email' | 'Enter your email address and we will send you an email that will allow you to recover your password.' | 'Excl. VAT' | 'Explore by categories' | 'Exploring our products by category' | 'facet.categories' | 'facet.height' | 'facet.weight' | 'Favorites' | 'Features' | 'Filter order status' | 'Finalize order' | 'Finalize payment' | 'First name' | 'Forgot password?' | 'Fulfillment method' | 'General' | 'Good day' | 'Good morning' | 'Good afternoon' | 'Good evening' | 'Goodnight' | 'Guest' | 'Hide filters' | 'Home' | 'If an account matches the email address you entered, instructions on how to recover the password will be sent to that email address shortly. If you do not receive this email, please contact Customer Support.' | 'If you want to proceed, click the continue button. If you want to change your country, close this message and select a different country.' | 'Incl. VAT' | 'Includes' | 'Increase' | 'Industry' | 'industry.AG' | 'industry.AU' | 'industry.AV' | 'industry.BC' | 'industry.MA' | 'industry.MC' | 'industry.OT' | 'industry.PP' | 'industry.TR' | 'Information' | 'Instructions' | 'Language' | 'Last name' | 'List name already exists' | 'Log out' | 'Main menu' | 'Make sure the spreadsheet has 3 columns' | 'Make this the default customer' | 'Make this the default ship to address' | 'More than {0} articles' | 'My account' | 'My Sonic' | 'My Sonic menu' | 'Name' | 'Navigate to...' | 'Navigation' | 'New list name' | 'New Password is required and must be different than Current Password' | 'New password' | 'New user?' | 'Next' | 'No countries available. Unable to change address.' | 'No orders found.' | 'No results found. Please refine your search.' | 'No search results' | 'Number of favorites' | 'Number of products' | 'of' | 'OK' | 'Or continue as guest' | 'Order confirmation' | 'Order date' | 'Order details' | 'Order history' | 'Order number' | 'Order#' | 'Order' | 'orderProperty.Date' | 'orderProperty.Number' | 'orderProperty.PO Number' | 'orderProperty.Price' | 'orderProperty.Shipping Address' | 'orderProperty.Status' | 'Orders' | 'orderStatus.Any' | 'orderStatus.Cancelled' | 'orderStatus.ForwardToReseller' | 'orderStatus.Fulfilled' | 'orderStatus.Partially fulfilled' | 'orderStatus.Processing' | 'orderStatus.Saved' | 'orderStatus.Waiting for customer service' | 'Our products' | 'Overview' | 'Page not found.' | 'Password changed. Please sign in again.' | 'Password does not meet requirements' | 'Password' | 'Passwords do not match' | 'Pay by invoice' | 'Payment method' | 'Payment' | 'pc' | 'Phone' | 'Pick up' | 'Pickup address' | 'Please contact Customer Support if you need assistance.' | 'Please enter a valid email address' | 'Please enter a valid phone number' | 'please go back to your cart.' | 'Please Sign In' | 'PO Number' | 'Popular searches' | 'Postal Code' | 'Previous' | 'Print' | 'Private account' | 'Processing' | 'Product Features' | 'Product' | 'Products' | 'Quantity' | 'Quick access' | 'Recent searches' | 'Recently viewed' | 'Recover your password' | 'Reset' | 'Remember me' | 'Remove' | 'Remove all' | 'Reorder' | 'Reordering...' | 'Requested delivery date' | 'Results' | 'Reveal value' | 'Review and payment' | 'Save order' | 'Save' | 'Save the file in XLS, XLSX or CSV format' | 'Saved' | 'Saved cart for later.' | 'Saving' | 'Search for a customer' | 'Search' | 'Searching again using more general terms' | 'Search orders' | 'See all results' | 'Select a country' | 'Select a desired delivery date' | 'Select a language' | 'Select a list' | 'Select an industry' | 'Select other customer' | 'Select the file to upload in the form and click Upload order' | 'Selected customer' | 'Selecting As Soon As Possible will enable us to send the products to you as they become available.' | 'Selecting this country will result in your cart to be converted to the currency {0}' | 'Share your favorite list with others' | 'Ship' | 'Shipping address' | 'Shipping and handling' | 'Shipping details' | 'Shop more efficiently and quicker with a favorites list' | 'Shopping cart' | 'Show all' | 'Show filters' | 'Show less' | 'Show' | 'Sign in or create account' | 'Sign in' | 'Sign me up for newsletters and product updates' | 'Signed in' | 'Signed out' | 'Signing in…' | 'Something went wrong' | 'Sonic account' | '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' | 'sort.ASC' | 'sort.DESC' | 'sort.NONE' | 'Specifications' | 'Start checkout' | 'Status' | 'Submenu' | 'Submit email address' | 'Submit' | 'Submitting…' | 'Subtotal' | 'Suggestions' | 'Support' | 'tag.limited' | 'tag.new' | 'The email address you entered is already associated with an existing account. Please sign in to this account or contact Customer Support.' | 'The expected delivery is an indication based on the product availability and the shipping location.' | 'The link you used for resetting your password is invalid. Please, reset your password again, or contact Customer Support.' | 'The password could not be changed. Please, reset your password again, or contact Customer Support.' | 'The product has been added to your cart.' | 'The product has been removed from your cart.' | 'The product has been updated in your cart.' | 'The option to upload an Excel file with your order is temporarily unavailable.' | 'The order has been added to your cart.' | 'The user to change the password for could not be found. Please, reset your password again, or contact Customer Support.' | 'There are more customers, please refine your search if needed.' | 'There are no products in your shopping cart.' | 'There is no information to display' | 'This email is already in use' | 'Toggle navigation menu' | 'Total amount is' | 'Total' | 'Try another search' | 'Unable to add the product to your cart.' | 'Unable to add the order to your cart.' | 'Unable to empty your cart.' | 'Unable to remove the product from your cart.' | 'Unable to save cart for later.' | 'Unable to update the product in your cart.' | 'Unknown' | 'Updating address' | 'Upload order' | 'Upload an Excel (XLS/XLSX) spreadsheet or CSV file to quickly add items to your cart.' | 'Use billing address' | 'Use fewer keywords' | 'Username' | '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 are not authorized to access this information.' | 'You are not authorized to perform this action' | 'You are not authorized to view customers. Please log in or contact support.' | 'You are required to change your password and then sign in again, using your new credentials.' | 'You could try checking the spelling of your search query' | 'You could try exploring our products by category' | 'You could try' | 'You have no favorite products yet.' | 'You have reached the end of the results, but there may be more articles available. Adjust your filters or search to discover more!' | 'You must ' | 'You selected a country where we invoice in a different currency. This will result in your cart being converted to the new currency. If you would like to review your order, ' | 'Your account is temporarily locked. Please try again later or contact Customer Support.' | 'Your cart has been emptied.' | 'Your email and password were not recognized.' | 'Your favorites are available on multiple devices' | 'Your new Sonic Equipment account was succesfully created. You should receive an email soon with further instructions on how to activate this account. If you do not receive this email, please contact Customer Support.' | 'Your shopping cart is still empty';

package/dist/navigation/quick-access-menu/quick-access-menu.js

@@ -15,7 +15,10 @@ function QuickAccessMenu({ className, customerCompany, customerName, isAuthentic
     const paths = usePaths();
     const greeting = useGreeting();
     const links = useMySonicNavigationItems().filter(item => isMySonicNavigationLink(item));
-    return (jsxs("section", { "aria-label": t('My Sonic menu'), className: clsx(styles['quick-access-menu'], className), "data-test-selector": "quickAccessMenu", children: [jsxs("header", { className: styles['header'], children: [jsx("h2", { className: styles['title'], "data-test-selector": "quickAccessMenuTitle", children: `${greeting}${customerName || customerCompany ? ',' : ''}` }), !isGuest && customerName && (jsx(Truncated, { className: styles['name'], "data-test-selector": "quickAccessMenuCustomerName", lines: 2, children: customerName })), !isGuest && customerCompany && (jsx(Truncated, { className: styles['company'], "data-test-selector": "quickAccessMenuCustomerCompany", lines: 2, children: customerCompany })), isGuest && t('Guest')] }), !isGuest && isAuthenticated && (jsx("nav", { className: styles['navigation'], children: jsx("ul", { children: links.map(link => (jsx("li", { className: styles['item'], children: jsx(Link, { className: styles['link'], "data-test-selector": link['data-test-selector'], href: link.path, children: t(link.label) }) }, link.path))) }) })), jsxs("div", { className: styles['actions'], children: [isAuthenticated && (jsx(Button, { withArrow: true, "data-test-selector": "logoutButton", onClick: onSignOut, size: "sm", children: t('Log out') })), !isAuthenticated && (jsxs(Fragment, { children: [jsx(Button, { withArrow: true, "data-test-selector": "signInButton", href: paths.SIGN_IN, size: "sm", children: t('Sign in') }), jsx(Button, { withArrow: true, color: "secondary", "data-test-selector": "createAccountButton", href: paths.ACCOUNT_CREATE, size: "sm", variant: "outline", children: t('Create account') })] }))] })] }));
+    return (jsxs("section", { "aria-label": t('My Sonic menu'), className: clsx(styles['quick-access-menu'], className), "data-test-selector": "quickAccessMenu", children: [jsxs("header", { className: styles['header'], children: [jsx("h2", { className: styles['title'], "data-test-selector": "quickAccessMenuTitle", children: `${greeting}${customerName || customerCompany ? ',' : ''}` }), !isGuest && customerName && (jsx(Truncated, { className: styles['name'], "data-test-selector": "quickAccessMenuCustomerName", lines: 2, children: customerName })), !isGuest && customerCompany && (jsx(Truncated, { className: styles['company'], "data-test-selector": "quickAccessMenuCustomerCompany", lines: 2, children: customerCompany })), isGuest && t('Guest')] }), !isGuest && isAuthenticated && (jsx("nav", { className: styles['navigation'], children: jsx("ul", { children: links.map(link => (jsx("li", { className: styles['item'], children: jsx(Link, { className: styles['link'], "data-test-selector": link['data-test-selector'], href: link.path, children: t(link.label) }) }, link.path))) }) })), jsxs("div", { className: styles['actions'], children: [isAuthenticated && (jsx(Button, { withArrow: true, "data-test-selector": "logoutButton", onClick: onSignOut, size: "sm", children: t('Log out') })), !isAuthenticated && (jsxs(Fragment, { children: [jsx(Button, { withArrow: true, "data-test-selector": "signInButton", href: `${paths.SIGN_IN}${typeof window === 'undefined'
+                                    ? ''
+                                    : // eslint-disable-next-line ssr-friendly/no-dom-globals-in-react-fc
+                                        `?returnUrl=${encodeURIComponent(window.location.href)}`}`, size: "sm", children: t('Sign in') }), jsx(Button, { withArrow: true, color: "secondary", "data-test-selector": "createAccountButton", href: paths.ACCOUNT_CREATE, size: "sm", variant: "outline", children: t('Create account') })] }))] })] }));
 }
 
 export { QuickAccessMenu };

package/dist/pages/error-page/error-page.d.ts

@@ -1,4 +1,5 @@
 export interface ErrorPageProps {
     error: Error;
+    title?: string;
 }
-export declare function ErrorPage({ error }: ErrorPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorPage({ error, title, }: ErrorPageProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/error-page/error-page.js

@@ -6,7 +6,7 @@ import { DefaultErrorView } from '../../shared/error/default-error-view.js';
 import { usePaths } from '../../shared/routing/use-paths.js';
 import { Page } from '../components/page/page.js';
 
-function ErrorPage({ error }) {
+function ErrorPage({ error, title = 'Something went wrong', }) {
     const paths = usePaths();
     useEffect(() => {
         logger.error('ErrorPage error:', error);
@@ -14,7 +14,7 @@ function ErrorPage({ error }) {
     return (jsx(Page, { breadcrumb: [
             { href: paths.HOME, label: 'Home' },
             { href: paths.HOME, label: 'Error' },
-        ], "data-test-selector": "errorPage", title: "Something went wrong", children: jsx(DefaultErrorView, { error: error }) }));
+        ], "data-test-selector": "errorPage", title: title, children: jsx(DefaultErrorView, { error: error, title: "" }) }));
 }
 
 export { ErrorPage };

package/dist/pages/my-sonic/actions/create-ship-to-address/connected-create-ship-to-address-form.js

@@ -14,7 +14,6 @@ import { DefaultErrorView } from '../../../../shared/error/default-error-view.js
 import { NotFoundRequestError } from '../../../../shared/fetch/request.js';
 import { useNavigate } from '../../../../shared/routing/use-navigate.js';
 import { usePaths } from '../../../../shared/routing/use-paths.js';
-import { Heading } from '../../../../typography/heading/heading.js';
 import { LoadingPage } from '../../../loading-page/loading-page.js';
 import formStyles from '../../../../forms/partials/address-form/address-form.module.css.js';
 import styles from './create-ship-to-address.module.css.js';
@@ -30,7 +29,7 @@ function ConnectedCreateShipToAddressForm({ billToId, returnUrl, }) {
     if (isLoadingCountries)
         return jsx(LoadingPage, {});
     if (errorShipToAddress && errorShipToAddress instanceof NotFoundRequestError)
-        return (jsx(Heading, { size: "l", children: jsx(FormattedMessage, { id: "Address not found" }) }));
+        return (jsx(DefaultErrorView, { error: new NotFoundRequestError(new Error('Address not found')) }));
     if (errorCountries)
         return jsx(DefaultErrorView, { error: errorCountries });
     if (!countries) {

package/dist/pages/my-sonic/actions/edit-bill-to-address/connected-edit-bill-to-address-form.js

@@ -12,7 +12,6 @@ import { usePatchBillToAddress } from '../../../../shared/api/storefront/hooks/c
 import { DefaultErrorView } from '../../../../shared/error/default-error-view.js';
 import { NotFoundRequestError } from '../../../../shared/fetch/request.js';
 import { useNavigate } from '../../../../shared/routing/use-navigate.js';
-import { Heading } from '../../../../typography/heading/heading.js';
 import { LoadingPage } from '../../../loading-page/loading-page.js';
 import formStyles from '../../../../forms/partials/address-form/address-form.module.css.js';
 import styles from './edit-bill-to-address.module.css.js';
@@ -59,7 +58,7 @@ function ConnectedEditBillToAddressForm({ billToId, returnUrl, }) {
     if (isLoadingBillToAddress || isLoadingCountries)
         return jsx(LoadingPage, {});
     if (errorBillToAddress && errorBillToAddress instanceof NotFoundRequestError)
-        return (jsx(Heading, { size: "l", children: jsx(FormattedMessage, { id: "Address not found" }) }));
+        return (jsx(DefaultErrorView, { error: new NotFoundRequestError(new Error('Address not found')) }));
     if (errorBillToAddress)
         return jsx(DefaultErrorView, { error: errorBillToAddress });
     if (errorCountries)

package/dist/pages/my-sonic/actions/edit-ship-to-address/connected-edit-ship-to-address-form.js

@@ -15,7 +15,6 @@ import { usePatchShipToAddress } from '../../../../shared/api/storefront/hooks/c
 import { DefaultErrorView } from '../../../../shared/error/default-error-view.js';
 import { NotFoundRequestError } from '../../../../shared/fetch/request.js';
 import { useNavigate } from '../../../../shared/routing/use-navigate.js';
-import { Heading } from '../../../../typography/heading/heading.js';
 import { LoadingPage } from '../../../loading-page/loading-page.js';
 import formStyles from '../../../../forms/partials/address-form/address-form.module.css.js';
 import styles from './edit-ship-to-address.module.css.js';
@@ -64,7 +63,7 @@ function ConnectedEditShipToAddressForm({ billToId, returnUrl, shipToId, }) {
     if (isLoadingShipToAddress || isLoadingCountries)
         return jsx(LoadingPage, {});
     if (errorShipToAddress && errorShipToAddress instanceof NotFoundRequestError)
-        return (jsx(Heading, { size: "l", children: jsx(FormattedMessage, { id: "Address not found" }) }));
+        return (jsx(DefaultErrorView, { error: new NotFoundRequestError(new Error('Address not found')) }));
     if (errorShipToAddress)
         return jsx(DefaultErrorView, { error: errorShipToAddress });
     if (errorCountries)

package/dist/pages/my-sonic/actions/upload-order/upload-order-form.d.ts

@@ -0,0 +1 @@
+export declare function UploadOrderForm(): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/actions/upload-order/upload-order-form.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Button } from '../../../../buttons/button/button.js';
+import { TextField } from '../../../../forms/fields/text-field/text-field.js';
+import { Form } from '../../../../forms/layout/form/form.js';
+import { FormSegment } from '../../../../forms/layout/form/form-segment.js';
+import { FormSegmentGroup } from '../../../../forms/layout/form/form-segment-group.js';
+import styles from './upload-order.module.css.js';
+
+function UploadOrderForm() {
+    const isDisabled = false;
+    // const isPendingUpload = false
+    const footer = (jsx(FormSegment, { children: jsx(Button, { "data-test-selector": "signIn_submit", isDisabled: isDisabled, 
+            // isLoading={isPendingUpload && 'Uploading…'}
+            type: "submit", withArrow: true, children: "Upload order" }) }));
+    return (jsx(Form, { className: styles['form'], footer: footer, children: jsx(FormSegmentGroup, { children: jsx(FormSegment, { children: jsx(TextField, { autoComplete: "off", "data-test-selector": "uploadOrder_userName", isDisabled: isDisabled, isRequired: true, label: "Spreadsheet file", name: "file", showLabel: true, type: "text" }) }) }) }));
+}
+
+export { UploadOrderForm };

package/dist/pages/my-sonic/actions/upload-order/upload-order-instructions.d.ts

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

package/dist/pages/my-sonic/actions/upload-order/upload-order-instructions.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from '../../../../buttons/button/button.js';
+import { useFormattedMessage } from '../../../../intl/use-formatted-message.js';
+import { Heading } from '../../../../typography/heading/heading.js';
+import styles from './upload-order.module.css.js';
+
+function UploadOrderInstructions({ templatePath, }) {
+    const t = useFormattedMessage();
+    return (jsxs("section", { className: styles['instructions'], children: [jsx(Heading, { className: styles['title'], size: "xxs", tag: "h2", children: t('Instructions') }), templatePath && (jsx(Button, { className: styles['download-button'], color: "secondary", download: "orders-template.xlsx", href: templatePath, size: "sm", variant: "outline", children: t('Download spreadsheet template') })), jsx(Heading, { className: styles['title'], size: "xxxs", tag: "h3", children: t('Create or modify a spreadsheet') }), jsxs("ol", { className: styles['steps'], children: [jsx("li", { className: styles['step'], children: jsxs("div", { className: styles['step-content'], children: [t('Make sure the spreadsheet has 3 columns'), jsxs("ul", { className: styles['substeps'], children: [jsx("li", { children: t('Column 1: Item number or customer part number') }), jsx("li", { children: t('Column 2: Quantity (optional)') }), jsx("li", { children: t('Column 3: Unit of measure (optional)') })] })] }) }), jsx("li", { className: styles['step'], children: jsx("div", { className: styles['step-content'], children: t('Create a row for each product. The allowed maximum is 500 rows') }) }), jsx("li", { className: styles['step'], children: jsx("div", { className: styles['step-content'], children: t('Save the file in XLS, XLSX or CSV format') }) }), jsx("li", { className: styles['step'], children: jsx("div", { className: styles['step-content'], children: t('Select the file to upload in the form and click Upload order') }) })] })] }));
+}
+
+export { UploadOrderInstructions };

package/dist/pages/my-sonic/actions/upload-order/upload-order.d.ts

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

package/dist/pages/my-sonic/actions/upload-order/upload-order.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useFormattedMessage } from '../../../../intl/use-formatted-message.js';
+import { UploadOrderInstructions } from './upload-order-instructions.js';
+import styles from './upload-order.module.css.js';
+
+function UploadOrder({ templatePath }) {
+    const t = useFormattedMessage();
+    return (jsxs("section", { className: styles['upload-order'], children: [jsxs("div", { className: styles['introduction'], children: [jsx("p", { children: t('The option to upload an Excel file with your order is temporarily unavailable.') }), jsx("p", { children: t('Please contact Customer Support if you need assistance.') })] }), jsx(UploadOrderInstructions, { templatePath: templatePath })] }));
+}
+
+export { UploadOrder };

package/dist/pages/my-sonic/actions/upload-order/upload-order.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"upload-order":"upload-order-module-m3QNF","introduction":"upload-order-module-8QySK","form":"upload-order-module-F809q","instructions":"upload-order-module-ArC-c","title":"upload-order-module-D-Bid","download-button":"upload-order-module-79aaz","steps":"upload-order-module-TOyrC","step":"upload-order-module-Orrxz","step-content":"upload-order-module-1FiVK","substeps":"upload-order-module-zV6Tn"};
+
+export { styles as default };

package/dist/pages/my-sonic/pages/favorites/favorites-page.js

@@ -6,8 +6,8 @@ import { ConnectedProductCard } from '../../../../cards/product-card/connected-p
 import { useFormattedMessage } from '../../../../intl/use-formatted-message.js';
 import { ProductOverviewGrid } from '../../../../lists/product-overview-grid/product-overview-grid.js';
 import { useFetchFavorites } from '../../../../shared/api/bff/hooks/use-fetch-favorites.js';
+import { DefaultErrorView } from '../../../../shared/error/default-error-view.js';
 import { usePaths } from '../../../../shared/routing/use-paths.js';
-import { ErrorPage } from '../../../error-page/error-page.js';
 import { MySonicLayoutBreadcrumb } from '../../layouts/my-sonic-layout/my-sonic-layout-breadcrumb.js';
 import { MySonicLayoutPage } from '../../layouts/my-sonic-layout/my-sonic-layout-page.js';
 
@@ -16,7 +16,7 @@ function FavoritesPage() {
     const { data: favorites, error, isFetching, isLoading } = useFetchFavorites();
     const { sendAddToCartFromFavoritesPageEvent, sendProductClickFromFavoritesPageEvent, } = useAlgoliaInsights();
     if (error)
-        return (jsx(MySonicLayoutPage, { children: jsx(ErrorPage, { error: error }) }));
+        return (jsx(MySonicLayoutPage, { title: t('Favorites'), children: jsx(DefaultErrorView, { error: error, title: "" }) }));
     return (jsx(MySonicLayoutPage, { title: t('Favorites'), children: (favorites && favorites.length > 0) || isFetching ? (jsx(ProductOverviewGrid, { isLoading: isLoading, children: favorites?.map(favorite => (jsx(ConnectedProductCard, { href: favorite.storefrontSlug, id: favorite.storefrontId, image: {
                     fit: 'contain',
                     image: favorite.image,

package/dist/pages/my-sonic/pages/order-details/order-details-content.js

@@ -50,7 +50,7 @@ const getOrderShipToAddress = (order) => ({
 function OrderDetailsContent({ order, reorderButton, returnUrl, }) {
     const paths = usePaths();
     const status = statusMap[order.status];
-    return (jsxs("div", { className: styles['order-details'], children: [jsxs("section", { className: styles['order-header'], children: [jsxs("div", { className: styles['order-header-info'], children: [jsxs(Heading, { size: "xxs", tag: "h2", children: [jsx(FormattedMessage, { id: "Order" }), " #", order.webOrderNumber] }), jsxs("div", { children: [jsx(FormattedMessage, { id: "Status" }), ":", ' ', jsx(StatusText, { "data-test-selector": "order-status", status: status, children: jsx(FormattedMessage, { noTranslationId: true, id: `orderStatus.${order.status}` }) })] })] }), jsx(PrintButton, {}), reorderButton] }), jsxs("section", { className: styles['order-additional-info'], children: [jsxs("dl", { children: [jsx("dt", { children: jsx(FormattedMessage, { id: "orderProperty.Date" }) }), jsx("dd", { children: jsx(FormattedDate, { date: order.orderDate }) })] }), jsxs("dl", { children: [jsx("dt", { children: jsx(FormattedMessage, { id: "orderProperty.PO Number" }) }), jsx("dd", { children: order.customerPO })] })] }), jsx("section", { className: styles['order-billing-and-shipping'], children: jsx(BillingAndInvoiceInformation, { billToAddress: getOrderBillToAddress(order), shipToAddress: getOrderShipToAddress(order) }) }), jsx("section", { className: styles['order-top-button'], children: jsx(Button, { color: "secondary", href: returnUrl || paths.ACCOUNT_ORDERS, variant: "outline", children: jsx(FormattedMessage, { id: "Back" }) }) }), jsxs("section", { className: styles['order-line-list'], children: [jsx(Heading, { size: "xxs", tag: "h3", children: jsx(FormattedMessage, { id: "Products" }) }), jsx(OrderLineList, { children: order.orderLines?.map(line => (jsx(OrderLineCard, { isReadonly: true, href: line.productUri, image: {
+    return (jsxs("div", { className: styles['order-details'], children: [jsxs("section", { className: styles['order-header'], children: [jsxs("div", { className: styles['order-header-info'], children: [jsxs(Heading, { size: "xxs", tag: "h2", children: [jsx(FormattedMessage, { id: "Order" }), " ", order.webOrderNumber] }), jsxs("div", { children: [jsx(FormattedMessage, { id: "Status" }), ":", ' ', jsx(StatusText, { "data-test-selector": "order-status", status: status, children: jsx(FormattedMessage, { noTranslationId: true, id: `orderStatus.${order.status}` }) })] })] }), jsx(PrintButton, {}), reorderButton] }), jsx("section", { className: styles['order-additional-info'], children: jsxs("dl", { children: [jsx("dt", { children: jsx(FormattedMessage, { id: "orderProperty.Date" }) }), jsx("dd", { children: jsx(FormattedDate, { date: order.orderDate }) }), jsx("dt", { children: jsx(FormattedMessage, { id: "orderProperty.PO Number" }) }), jsx("dd", { children: order.customerPO })] }) }), jsx("section", { className: styles['order-billing-and-shipping'], children: jsx(BillingAndInvoiceInformation, { billToAddress: getOrderBillToAddress(order), shipToAddress: getOrderShipToAddress(order) }) }), jsx("section", { className: styles['order-top-button'], children: jsx(Button, { color: "secondary", href: returnUrl || paths.ACCOUNT_ORDERS, variant: "outline", children: jsx(FormattedMessage, { id: "Back" }) }) }), jsxs("section", { className: styles['order-line-list'], children: [jsx(Heading, { size: "xxs", tag: "h3", children: jsx(FormattedMessage, { id: "Products" }) }), jsx(OrderLineList, { children: order.orderLines?.map(line => (jsx(OrderLineCard, { isReadonly: true, href: line.productUri, image: {
                                 fit: 'contain',
                                 image: {
                                     '1': line.mediumImagePath,

package/dist/pages/my-sonic/pages/order-details/order-details-page.js

@@ -3,10 +3,10 @@ import { jsx } from 'react/jsx-runtime';
 import { Breadcrumb } from '../../../../breadcrumbs/breadcrumb.js';
 import { ConnectedReorderButton } from '../../../../buttons/reorder-button/connected-reorder-button.js';
 import { useFormattedMessage } from '../../../../intl/use-formatted-message.js';
+import { DynamicLoadingOverlay } from '../../../../loading/dynamic-loading-overlay.js';
 import { useFetchOrderById } from '../../../../shared/api/storefront/hooks/orders/use-fetch-order-by-id.js';
+import { DefaultErrorView } from '../../../../shared/error/default-error-view.js';
 import { usePaths } from '../../../../shared/routing/use-paths.js';
-import { ErrorPage } from '../../../error-page/error-page.js';
-import { LoadingPage } from '../../../loading-page/loading-page.js';
 import { MySonicLayoutBreadcrumb } from '../../layouts/my-sonic-layout/my-sonic-layout-breadcrumb.js';
 import { MySonicLayoutPage } from '../../layouts/my-sonic-layout/my-sonic-layout-page.js';
 import { OrderDetailsContent } from './order-details-content.js';
@@ -15,13 +15,13 @@ function OrderDetailsPage({ orderId, returnUrl }) {
     const { data: order, error, isLoading } = useFetchOrderById(orderId);
     const t = useFormattedMessage();
     if (isLoading) {
-        return jsx(LoadingPage, {});
+        return (jsx(MySonicLayoutPage, { title: t('Order details'), children: jsx(DynamicLoadingOverlay, { isLoading: isLoading }) }));
     }
     if (error) {
-        return jsx(ErrorPage, { error: new Error(error.message) });
+        return (jsx(MySonicLayoutPage, { title: t('Order details'), children: jsx(DefaultErrorView, { error: error, title: "" }) }));
     }
     if (!order) {
-        return (jsx(ErrorPage, { error: new Error(`Order with ID ${orderId} not found. Please try again later.`) }));
+        return (jsx(MySonicLayoutPage, { title: t('Order details'), children: jsx(DefaultErrorView, { error: new Error(`Order with ID ${orderId} not found. Please try again later.`), title: "" }) }));
     }
     return (jsx(MySonicLayoutPage, { "data-test-selector": "order-history", title: t('Order details'), children: jsx(OrderDetailsContent, { order: order, reorderButton: jsx(ConnectedReorderButton, { orderId: orderId }), returnUrl: returnUrl }) }));
 }

package/dist/pages/my-sonic/pages/order-history/order-history-page.js

@@ -15,10 +15,10 @@ import { useIntl } from '../../../../intl/use-intl.js';
 import { DynamicLoadingOverlay } from '../../../../loading/dynamic-loading-overlay.js';
 import { useFetchOrders } from '../../../../shared/api/storefront/hooks/orders/use-fetch-orders.js';
 import { orderStatuses } from '../../../../shared/api/storefront/model/storefront.model.js';
+import { DefaultErrorView } from '../../../../shared/error/default-error-view.js';
 import { usePaths } from '../../../../shared/routing/use-paths.js';
 import { scrollIntoViewRef } from '../../../../shared/utils/scrolling.js';
 import { DataTable } from '../../../../table/data-table.js';
-import { ErrorPage } from '../../../error-page/error-page.js';
 import { MySonicLayoutBreadcrumb } from '../../layouts/my-sonic-layout/my-sonic-layout-breadcrumb.js';
 import { MySonicLayoutPage } from '../../layouts/my-sonic-layout/my-sonic-layout-page.js';
 import styles from './order-history-page.module.css.js';
@@ -51,7 +51,7 @@ function OrderHistoryPage() {
         scrollIntoViewRef(orderHistoryRef);
     }, [page]);
     if (error)
-        return jsx(ErrorPage, { error: error });
+        return (jsx(MySonicLayoutPage, { "data-test-selector": "order-history", title: t('Order history'), children: jsx(DefaultErrorView, { error: error, title: "" }) }));
     const { orders, pagination } = data ?? {
         orders: [],
         pagination: {},

package/dist/pages/my-sonic/pages/upload-order-page/upload-order-page.d.ts

@@ -0,0 +1,4 @@
+export declare function UploadOrderPage({ templatePath }: {
+    templatePath?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function UploadOrderPageBreadcrumb(): import("react/jsx-runtime").JSX.Element;

package/dist/pages/my-sonic/pages/upload-order-page/upload-order-page.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Breadcrumb } from '../../../../breadcrumbs/breadcrumb.js';
+import { useFormattedMessage } from '../../../../intl/use-formatted-message.js';
+import { usePaths } from '../../../../shared/routing/use-paths.js';
+import { UploadOrder } from '../../actions/upload-order/upload-order.js';
+import { MySonicLayoutBreadcrumb } from '../../layouts/my-sonic-layout/my-sonic-layout-breadcrumb.js';
+import { MySonicLayoutPage } from '../../layouts/my-sonic-layout/my-sonic-layout-page.js';
+
+function UploadOrderPage({ templatePath }) {
+    const t = useFormattedMessage();
+    return (jsx(MySonicLayoutPage, { title: t('Upload order'), children: jsx(UploadOrder, { templatePath: templatePath }) }));
+}
+function UploadOrderPageBreadcrumb() {
+    const t = useFormattedMessage();
+    const paths = usePaths();
+    return (jsx(MySonicLayoutBreadcrumb, { children: jsx(Breadcrumb, { links: [
+                { href: paths.HOME, label: t('Home') },
+                { href: paths.MY_SONIC, label: t('My Sonic') },
+                { href: paths.UPLOAD_ORDER, label: t('Upload order') },
+            ] }) }));
+}
+
+export { UploadOrderPage, UploadOrderPageBreadcrumb };

package/dist/shared/api/storefront/hooks/authentication/use-sign-out-mutation.d.ts

@@ -1,5 +1,9 @@
+type SignOutVariables = {
+    returnUrl?: string;
+} | void;
 export interface UseSignOutArgs {
     onError?: (error: Error) => void;
-    onSuccess?: VoidFunction;
+    onSuccess?: (data: void, variables: SignOutVariables) => void;
 }
-export declare function useSignOutMutation(options?: UseSignOutArgs): import("@tanstack/react-query").UseMutationResult<void, Error, void, unknown>;
+export declare function useSignOutMutation(options?: UseSignOutArgs): import("@tanstack/react-query").UseMutationResult<void, Error, SignOutVariables, unknown>;
+export {};

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

@@ -7,7 +7,7 @@ function useSignOutMutation(options = {}) {
     const queryClient = useQueryClient();
     return useMutation({
         ...options,
-        mutationFn: async () => {
+        mutationFn: async (_args) => {
             try {
                 await signOut();
             }

package/dist/shared/api/storefront/hooks/authentication/use-sign-out.d.ts

@@ -1,3 +1,5 @@
 export declare function useSignOut(options?: {
     onSignOut?: VoidFunction;
-}): import("@tanstack/react-query").UseMutateFunction<void, Error, void, unknown>;
+}): import("@tanstack/react-query").UseMutateFunction<void, Error, void | {
+    returnUrl?: string;
+}, unknown>;

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

@@ -10,10 +10,12 @@ function useSignOut(options = {}) {
     const paths = usePaths();
     const { mutate } = useSignOutMutation({
         onError: logger.error,
-        onSuccess: () => {
+        onSuccess: (_data, variables) => {
             // TODO: Remove when Spire is deprecated
             Cookies.remove('NavigationMode');
-            navigate(paths.HOME, { reload: true });
+            navigate((variables && variables.returnUrl) || paths.HOME, {
+                reload: true,
+            });
             options.onSignOut?.();
         },
     });

package/dist/shared/error/basic-error-view.js

@@ -1,17 +1,10 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Heading } from '../../typography/heading/heading.js';
+import styles from './basic-error-view.module.css.js';
 
 function BasicErrorView() {
-    return (jsx("html", { lang: "en", children: jsx("body", { children: jsxs("div", { style: {
-                    alignItems: 'center',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    height: '100vh',
-                    justifyContent: 'center',
-                    padding: '1rem',
-                    textAlign: 'center',
-                }, children: [jsx(Heading, { size: "m", children: "Something went wrong" }), jsx("p", { children: "An unexpected error occurred. Please try refreshing the page, or come back later." }), jsx("a", { href: "/", children: "Go to homepage" })] }) }) }));
+    return (jsxs("html", { className: styles['basic-error-view'], lang: "en", children: [jsx("head", { children: jsx("title", { children: "Something went wrong" }) }), jsx("body", { children: jsxs("main", { "data-test-selector": "basicErrorView", children: [jsx(Heading, { className: styles['title'], size: "s", tag: "h1", children: "Something went wrong" }), jsx("p", { children: "An unexpected error occurred. Please try refreshing the page, or come back later." }), jsx("a", { href: "/", children: "Go to the homepage" })] }) })] }));
 }
 
 export { BasicErrorView };

package/dist/shared/error/basic-error-view.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"basic-error-view":"basic-error-view-module-iKnnd","title":"basic-error-view-module-vyq6y"};
+
+export { styles as default };

package/dist/shared/error/default-error-view.d.ts

@@ -1,2 +1,2 @@
 import { ErrorViewProps } from './types';
-export declare function DefaultErrorView({ error, errorInfo, resetError, showErrorDetails, showReset, }: ErrorViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function DefaultErrorView({ className, error, errorInfo, resetError, resetLabel, showErrorDetails, showReset, title, }: ErrorViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared/error/default-error-view.js

@@ -1,35 +1,17 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { Button } from '../../buttons/button/button.js';
+import { Details } from '../../display/details/details.js';
+import { StrokeRecentIcon } from '../../icons/stroke/stroke-recent-icon.js';
+import { useFormattedMessage } from '../../intl/use-formatted-message.js';
+import { Heading } from '../../typography/heading/heading.js';
 import { environment } from '../utils/environment.js';
+import styles from './default-error-view.module.css.js';
 
-function DefaultErrorView({ error, errorInfo, resetError, showErrorDetails = environment !== 'production', showReset, }) {
-    return (jsxs("div", { style: {
-            backgroundColor: '#fef2f2',
-            border: '2px solid #ef4444',
-            borderRadius: '8px',
-            color: '#991b1b',
-            margin: '1rem',
-            padding: '2rem',
-        }, children: [jsx("h2", { style: { fontSize: '1.5rem', fontWeight: 'bold', marginTop: 0 }, children: "\u26A0\uFE0F Something went wrong" }), jsx("p", { style: { marginBottom: '1rem' }, children: error.message || 'An unexpected error occurred.' }), showErrorDetails && (jsxs("details", { style: { marginBottom: '1rem' }, children: [jsx("summary", { style: { cursor: 'pointer', fontWeight: 'bold' }, children: "Technical Details (only visible in development mode)" }), jsxs("div", { style: {
-                            backgroundColor: '#fff',
-                            border: '1px solid #fca5a5',
-                            borderRadius: '4px',
-                            fontFamily: 'monospace',
-                            fontSize: '0.875rem',
-                            marginTop: '0.5rem',
-                            maxHeight: '300px',
-                            overflow: 'auto',
-                            padding: '1rem',
-                            whiteSpace: 'pre-wrap',
-                        }, children: [jsxs("div", { style: { marginBottom: '1rem' }, children: [jsx("strong", { children: "Error:" }), " ", error.toString()] }), error.stack && (jsxs("div", { style: { marginBottom: '1rem' }, children: [jsx("strong", { children: "Stack:" }), jsx("pre", { style: { margin: '0.5rem 0 0 0' }, children: error.stack })] })), errorInfo?.componentStack && (jsxs("div", { children: [jsx("strong", { children: "Component Stack:" }), jsx("pre", { style: { margin: '0.5rem 0 0 0' }, children: errorInfo.componentStack })] }))] })] })), jsx("div", { style: { display: 'flex', flexWrap: 'wrap', gap: '0.5rem' }, children: showReset && resetError && (jsx("button", { onClick: resetError, style: {
-                        backgroundColor: '#6b7280',
-                        border: 'none',
-                        borderRadius: '4px',
-                        color: 'white',
-                        cursor: 'pointer',
-                        fontWeight: '500',
-                        padding: '0.5rem 1rem',
-                    }, type: "button", children: "\u21BA Reset" })) })] }));
+function DefaultErrorView({ className, error, errorInfo, resetError, resetLabel, showErrorDetails = environment !== 'production', showReset, title, }) {
+    const t = useFormattedMessage();
+    return (jsxs("section", { className: clsx(styles['default-error-view'], className), children: [title && (jsx(Heading, { className: styles['title'], size: "s", tag: "h1", children: title || t('Something went wrong') })), jsx("p", { children: error.message || t('An unexpected error occured. Please try again.') }), showErrorDetails && (jsxs(Details, { className: styles['error-details'], lang: "en", summary: "Technical Details (only visible in development mode)", children: [jsx("output", { className: styles['error-kind'], children: error.toString() }), error.stack && (jsxs("div", { className: styles['error-info'], children: [jsx(Heading, { className: styles['error-info-title'], size: "xs", tag: "h2", children: "Stack:" }), jsx("pre", { className: styles['error-info-data'], children: error.stack })] })), errorInfo?.componentStack && (jsxs("div", { className: styles['component-info'], children: [jsx(Heading, { className: styles['error-info-title'], size: "xs", tag: "h2", children: "Component stack:" }), jsx("pre", { className: styles['error-info-data'], children: errorInfo.componentStack })] }))] })), showReset && resetError && (jsx(Button, { light: true, className: styles['reset-button'], color: "secondary", icon: jsx(StrokeRecentIcon, {}), onClick: resetError, size: "sm", type: "button", variant: "outline", children: resetLabel || t('Reset') }))] }));
 }
 
 export { DefaultErrorView };

package/dist/shared/error/default-error-view.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"default-error-view":"default-error-view-module-IXKuf","title":"default-error-view-module-ZfydO","error-details":"default-error-view-module-pGbzW","error-kind":"default-error-view-module-LRchn","error-info":"default-error-view-module-Tz1Vb","error-info-title":"default-error-view-module-go6yg","error-info-data":"default-error-view-module--B3DB"};
+
+export { styles as default };

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

@@ -1,11 +1,14 @@
 import { ErrorInfo } from 'react';
 export interface ErrorViewProps {
+    className?: string;
     context?: ErrorContext;
     error: Error;
     errorInfo?: ErrorInfo;
     resetError?: () => void;
+    resetLabel?: string;
     showErrorDetails?: boolean;
     showReset?: boolean;
+    title?: string;
 }
 export interface ErrorContext {
     [key: string]: unknown;

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

@@ -17,6 +17,7 @@ export interface Paths {
     ORDER_CONFIRMATION: string;
     REVIEW_AND_SUBMIT: string;
     SIGN_IN: string;
+    UPLOAD_ORDER: string;
 }
 export interface RouteContextValue {
     Link?: ElementType<RouteLinkElementProps>;

package/dist/styles.css

@@ -1178,6 +1178,11 @@ html {
     text-transform: none;
   }
 
+.button-module-Pbwz7 .button-module-XaNWz svg {
+      width: 18px;
+      height: 18px;
+    }
+
 .button-module-GVTEW {
   min-width: 52px;
   min-height: 40px;
@@ -2768,6 +2773,7 @@ html {
 .data-card-module-24uin {
   position: relative;
   display: grid;
+  padding: var(--space-16);
   border: 1px solid var(--color-brand-medium-gray);
   border-radius: var(--border-radius-32);
   grid-area: card;
@@ -2801,7 +2807,6 @@ html {
 .data-card-module-24uin .data-card-module-ZefqY {
     display: grid;
     align-items: start;
-    padding: var(--space-16);
     grid-template-rows: 1fr min-content;
   }
 
@@ -4981,6 +4986,74 @@ button.swiper-pagination-bullet {
       margin-inline: var(--space-4);
     }
 
+.details-module-yz0rE {
+  --duration: var(--transition-duration-short);
+  --arrow-size: 12px;
+  --arrow-space: 12px;
+
+  display: grid;
+  gap: 0 var(--space-4);
+  grid-template-columns: var(--arrow-space) minmax(0, 1fr);
+  interpolate-size: allow-keywords;
+}
+
+  .details-module-yz0rE .details-module-mSgNu {
+    display: grid;
+    flex-direction: row;
+    color: var(--color-brand-red);
+    cursor: pointer;
+    grid-column: 1 / -1;
+    grid-template-areas: 'marker label';
+    grid-template-columns: subgrid;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+  }
+
+  .details-module-yz0rE .details-module-mSgNu::marker {
+      display: none;
+    }
+
+  .details-module-yz0rE .details-module-mSgNu .details-module-2O7TR {
+      block-size: var(--arrow-size);
+      grid-area: marker;
+      inline-size: var(--arrow-size);
+      place-self: center;
+      transition: all var(--duration) ease-in-out;
+    }
+
+  .details-module-yz0rE .details-module-mSgNu:hover {
+      color: var(--color-brand-dark-red);
+    }
+
+  .details-module-yz0rE .details-module-mSgNu:focus-visible {
+      outline: var(--focus-outline);
+    }
+
+  .details-module-yz0rE::details-content {
+    display: grid;
+    overflow: hidden;
+    block-size: 0;
+    grid-column: 1 / -1;
+    grid-template-areas: '. content';
+    grid-template-columns: subgrid;
+    transition: all var(--duration) ease-in-out;
+    transition-behavior: allow-discrete;
+  }
+
+  .details-module-yz0rE .details-module-EJitZ {
+    grid-area: content;
+    padding-block-start: var(--space-8);
+  }
+
+  .details-module-yz0rE:open .details-module-mSgNu .details-module-2O7TR {
+        rotate: 90deg;
+      }
+
+  .details-module-yz0rE:open::details-content {
+      block-size: auto;
+    }
+
 .info-display-module-jsSU0 .info-display-module-aGbJV {
     display: block;
     margin-bottom: var(--space-8);
@@ -7852,6 +7925,41 @@ button.swiper-pagination-bullet {
       padding-block-end: 0;
     }
 
+.default-error-view-module-IXKuf > *:first-child {
+    margin-block-start: 0;
+  }
+  .default-error-view-module-IXKuf > *:last-child {
+    margin-block-end: 0;
+  }
+  .default-error-view-module-IXKuf .default-error-view-module-ZfydO {
+    margin-block-end: var(--space-16);
+  }
+  .default-error-view-module-IXKuf p {
+    margin-block: var(--space-16);
+  }
+  .default-error-view-module-IXKuf .default-error-view-module-pGbzW {
+    margin-block: var(--space-16);
+  }
+  .default-error-view-module-IXKuf .default-error-view-module-LRchn {
+    display: block;
+    font-weight: bold;
+    margin-block-end: var(--space-8);
+  }
+  .default-error-view-module-IXKuf .default-error-view-module-Tz1Vb .default-error-view-module-go6yg {
+      font-size: var(--font-size-12);
+      font-weight: bold;
+      margin-block-end: 0;
+    }
+  .default-error-view-module-IXKuf .default-error-view-module-Tz1Vb .default-error-view-module--B3DB {
+      overflow: auto;
+      margin: 0;
+      font: inherit;
+      font-size: var(--font-size-12);
+    }
+  .default-error-view-module-IXKuf .default-error-view-module-Tz1Vb .default-error-view-module--B3DB:focus-visible {
+        outline: var(--focus-outline-inset);
+      }
+
 .no-results-module-HGe-Y {
   margin-top: var(--space-24);
   text-align: center;
@@ -8223,6 +8331,100 @@ button.swiper-pagination-bullet {
   margin-top: var(--space-16);
 }
 
+.upload-order-module-m3QNF {
+  display: grid;
+  align-items: start;
+  gap: var(--space-16);
+  grid-template-areas:
+    'introduction'
+    'form'
+    'instructions';
+  grid-template-columns: 1fr;
+  grid-template-rows: minmax(0, min-content) 1fr;
+}
+
+  @container (min-width: 740px) {.upload-order-module-m3QNF {
+    gap: var(--space-20);
+    grid-template-areas:
+      'introduction instructions'
+      'form instructions';
+    grid-template-columns: 1fr 1fr
+}
+  }
+
+  @container (min-width: 1040px) {.upload-order-module-m3QNF {
+    gap: var(--space-20) var(--space-40)
+}
+  }
+
+  .upload-order-module-m3QNF .upload-order-module-8QySK {
+    grid-area: introduction;
+  }
+
+  .upload-order-module-m3QNF .upload-order-module-8QySK > :first-child {
+      margin-block-start: 0;
+    }
+
+  .upload-order-module-m3QNF .upload-order-module-8QySK > :last-child {
+      margin-block-end: 0;
+    }
+
+  .upload-order-module-m3QNF .upload-order-module-F809q {
+    grid-area: form;
+  }
+
+  .upload-order-module-m3QNF .upload-order-module-ArC-c {
+    padding: var(--space-24);
+    border: 1px solid var(--color-brand-medium-gray);
+    border-radius: var(--border-radius-32);
+    grid-area: instructions;
+  }
+
+  .upload-order-module-m3QNF .upload-order-module-ArC-c .upload-order-module-D-Bid {
+      margin-block-end: var(--space-16);
+    }
+
+  .upload-order-module-m3QNF .upload-order-module-ArC-c .upload-order-module-79aaz {
+      margin-block-end: var(--space-16);
+    }
+
+  /* steps */
+
+  .upload-order-module-m3QNF .upload-order-module-ArC-c .upload-order-module-TOyrC {
+      display: grid;
+      padding: 0;
+      margin: 0;
+      counter-reset: steps;
+      gap: var(--space-4) var(--space-8);
+      grid-template-columns: [step-start] min-content auto [step-end];
+      list-style: decimal;
+    }
+
+  .upload-order-module-m3QNF .upload-order-module-ArC-c .upload-order-module-TOyrC .upload-order-module-Orrxz {
+        display: grid;
+        counter-increment: steps;
+        grid-column: step;
+        grid-template-areas: 'counter content';
+        grid-template-columns: subgrid;
+      }
+
+  .upload-order-module-m3QNF .upload-order-module-ArC-c .upload-order-module-TOyrC .upload-order-module-Orrxz::before {
+          content: counter(steps) '.';
+          grid-area: counter;
+          justify-self: end;
+        }
+
+  .upload-order-module-m3QNF .upload-order-module-ArC-c .upload-order-module-TOyrC .upload-order-module-Orrxz .upload-order-module-1FiVK {
+          grid-area: content;
+        }
+
+  /* substeps */
+
+  .upload-order-module-m3QNF .upload-order-module-ArC-c .upload-order-module-zV6Tn {
+      padding: 0;
+      margin: 0 0 0 1.5em;
+    }
+
 .my-sonic-layout-module-ep0n3 {
   --gap: 0;
   --padding: var(--space-24);
@@ -8802,11 +9004,26 @@ button.swiper-pagination-bullet {
     }
 
   .order-details-content-module-aU3VQ .order-details-content-module--1w7s dl {
-      display: flex;
+      display: grid;
+      align-items: baseline;
+      gap: var(--space-8) var(--space-16);
+      grid-template-columns:
+        [title-start] fit-content(25ch)
+        [title-end data-start] 1fr [data-end];
     }
 
   .order-details-content-module-aU3VQ .order-details-content-module--1w7s dl dt {
         font-weight: var(--font-weight-bold);
+        grid-column: title;
+      }
+
+  .order-details-content-module-aU3VQ .order-details-content-module--1w7s dl dt::after {
+          content: ':';
+        }
+
+  .order-details-content-module-aU3VQ .order-details-content-module--1w7s dl dd {
+        margin: 0;
+        grid-column: data;
       }
 
   .order-details-content-module-aU3VQ .order-details-content-module-BO26h h3 {
@@ -9384,6 +9601,51 @@ button.swiper-pagination-bullet {
     }
   }
 
+.basic-error-view-module-iKnnd {
+  padding: 0;
+  margin: 0;
+  block-size: 100%;
+}
+
+  .basic-error-view-module-iKnnd body {
+    position: relative;
+    display: grid;
+    grid-template-columns: 100%;
+    min-block-size: 100%;
+  }
+
+  .basic-error-view-module-iKnnd main {
+    inline-size: -moz-fit-content;
+    inline-size: fit-content;
+    max-inline-size: min(calc(100% - 32px), 60ch);
+    place-self: center;
+  }
+
+  .basic-error-view-module-iKnnd main > *:last-child {
+      margin-block-end: 0;
+    }
+
+  .basic-error-view-module-iKnnd .basic-error-view-module-vyq6y {
+    margin-block-end: var(--space-16);
+  }
+
+  .basic-error-view-module-iKnnd p {
+    margin-block: var(--space-16);
+  }
+
+  .basic-error-view-module-iKnnd a {
+    color: var(--color-brand-red);
+    text-decoration: underline;
+  }
+
+  .basic-error-view-module-iKnnd a:hover {
+      color: var(--color-brand-dark-red);
+    }
+
+  .basic-error-view-module-iKnnd a:focus-visible {
+      outline: var(--focus-outline);
+    }
+
 .sidebar-provider-module-rjeCL {
   --transition-duration: 0;
 }

package/package.json

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