@sonic-equipment/ui 133.0.0 → 135.0.0

package/dist/forms/text-field/text-field.js

@@ -3,6 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useCallback } from 'react';
 import { TextField as TextField$1 } from 'react-aria-components';
 import clsx from 'clsx';
+import { InfoIconTooltip } from '../../info-icon-tooltip/info-icon-tooltip.js';
 import { FieldError } from '../field-error/field-error.js';
 import { Input } from '../input/input.js';
 import { Label } from '../label/label.js';
@@ -15,15 +16,15 @@ import styles from './text-field.module.css.js';
  * It can be used as a single line input or as a textarea.
  * This field can also grow when a user types in text.
  */
-function TextField({ autoFocus, autoGrow, defaultValue, isDisabled, isInvalid, isMultiline, isReadOnly, isRequired, label, maxLength, minLength, name, onChange, onInput, onKeyUp, placeholder, rows, showLabel = false, size = 'lg', type: defaultType = 'text', validate, value, }) {
+function TextField({ autoFocus, autoGrow, 'data-test-selector': dataTestSelector, defaultValue, info, isDisabled, isInvalid, isMultiline, isReadOnly, isRequired, label, maxLength, minLength, name, onChange, onInput, onKeyUp, placeholder, rows, showLabel = false, size = 'lg', type: defaultType = 'text', validate, value, }) {
     const [type, setType] = useState(defaultType);
     const isPasswordInput = type === 'password';
     const togglePasswordType = useCallback(() => {
         setType(isPasswordInput ? 'text' : 'password');
     }, [isPasswordInput]);
-    return (jsxs(TextField$1, { "aria-label": label, autoFocus: autoFocus, className: clsx(styles.field, styles[size]), defaultValue: defaultValue, isDisabled: isDisabled, isInvalid: isInvalid, isReadOnly: isReadOnly, isRequired: isRequired, maxLength: maxLength, minLength: minLength, name: name, onChange: value => {
+    return (jsxs(TextField$1, { "aria-label": label, autoFocus: autoFocus, className: clsx(styles.field, styles[size]), "data-info": info ? true : undefined, defaultValue: defaultValue, isDisabled: isDisabled, isInvalid: isInvalid, isReadOnly: isReadOnly, isRequired: isRequired, maxLength: maxLength, minLength: minLength, name: name, onChange: value => {
             onChange?.(value);
-        }, onInput: onInput, onKeyUp: e => onKeyUp?.(e), validate: validate, value: value, children: [showLabel && jsx(Label, { isRequired: isRequired, children: label }), isMultiline ? (jsx(TextArea, { autoGrow: autoGrow, label: label, placeholder: placeholder, rows: rows, size: size })) : (jsx(Input, { autoGrow: autoGrow, inlineElement: defaultType === 'password' && (jsx(PasswordRevealToggle, { onChange: togglePasswordType, showPassword: !isPasswordInput })), label: label, placeholder: placeholder, size: size, type: type })), jsx(FieldError, {}, Math.random())] }));
+        }, onInput: onInput, onKeyUp: e => onKeyUp?.(e), validate: validate, value: value, children: [showLabel && (jsx(Label, { className: styles['label'], "data-test-selector": dataTestSelector ? `${dataTestSelector}-label` : undefined, isRequired: isRequired, children: label })), isMultiline ? (jsx(TextArea, { autoGrow: autoGrow, className: styles['input'], "data-test-selector": dataTestSelector, label: label, placeholder: placeholder, rows: rows, size: size })) : (jsx(Input, { autoGrow: autoGrow, className: styles['input'], "data-test-selector": dataTestSelector, inlineElement: defaultType === 'password' && (jsx(PasswordRevealToggle, { onChange: togglePasswordType, showPassword: !isPasswordInput })), label: label, placeholder: placeholder, size: size, type: type })), info && (jsx(InfoIconTooltip, { className: styles['info'], children: info })), jsx(FieldError, { className: styles['error'] }, Math.random())] }));
 }
 
 export { TextField };

package/dist/forms/text-field/text-field.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"field":"text-field-module-JeaK0"};
+var styles = {"field":"text-field-module-JeaK0","label":"text-field-module-hFl0f","input":"text-field-module-nHYDe","info":"text-field-module-kHn5y","error":"text-field-module-8XbgH"};
 
 export { styles as default };

package/dist/forms/textarea/textarea.d.ts

@@ -2,6 +2,7 @@ import { ComponentProps, FC } from 'react';
 import { TextArea as AriaTextArea } from 'react-aria-components';
 export interface TextAreaProps extends Omit<ComponentProps<typeof AriaTextArea>, 'size'> {
     autoGrow?: boolean;
+    className?: string;
     label: string;
     size?: 'md' | 'lg';
 }

package/dist/forms/textarea/textarea.js

@@ -2,6 +2,7 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useCallback, useEffect } from 'react';
 import { useContextProps, TextAreaContext, TextArea as TextArea$1 } from 'react-aria-components';
+import clsx from 'clsx';
 import styles from './textarea.module.css.js';
 
 /**
@@ -10,7 +11,7 @@ import styles from './textarea.module.css.js';
  * The initial height is calculated based on the style of the textarea.
  * The height is updated everytime the user types.
  */
-const TextArea = forwardRef(({ autoGrow, label, size, ...textAreaProps }, _ref) => {
+const TextArea = forwardRef(({ autoGrow, className, label, size, ...textAreaProps }, _ref) => {
     const textAreaRef = useRef(null);
     const [props, ref] = useContextProps(textAreaProps, textAreaRef, TextAreaContext);
     const initialHeight = useRef(null);
@@ -40,7 +41,7 @@ const TextArea = forwardRef(({ autoGrow, label, size, ...textAreaProps }, _ref)
         }
         updateHeight();
     }, [ref, autoGrow, updateHeight, size]);
-    return (jsx(Fragment, { children: jsx("div", { className: styles['input-container'], children: jsx(TextArea$1, { "aria-label": label, ...textAreaProps, ref: node => {
+    return (jsx(Fragment, { children: jsx("div", { className: clsx(className, styles['input-container']), children: jsx(TextArea$1, { "aria-label": label, ...textAreaProps, ref: node => {
                     ref.current =
                         node;
                     return (textAreaRef.current = node);

package/dist/global-search/plugins/categories-plugin.js

@@ -14,7 +14,8 @@ const categoriesPlugin = ({ productsIndexName, searchClient, }) => {
                                 {
                                     indexName: productsIndexName,
                                     params: {
-                                        hitsPerPage: 1,
+                                        analytics: false,
+                                        hitsPerPage: 0,
                                     },
                                     query,
                                 },

package/dist/global-search/plugins/popular-categories-plugin.js

@@ -11,6 +11,8 @@ const popularCategoriesPlugin = ({ productsIndexName, searchClient, }) => {
                                 {
                                     indexName: productsIndexName,
                                     params: {
+                                        analytics: false,
+                                        hitsPerPage: 0,
                                         ruleContexts: ['no-results'],
                                     },
                                 },

package/dist/global-search/plugins/query-suggestions-plugin.js

@@ -3,6 +3,7 @@ import { createQuerySuggestionsPlugin } from '@algolia/autocomplete-plugin-query
 const querySuggestionsPlugin = ({ searchClient, suggestionsIndexName, }) => createQuerySuggestionsPlugin({
     getSearchParams({ state }) {
         return {
+            analytics: false,
             hitsPerPage: state.query ? 10 : 0,
         };
     },

package/dist/global-search/plugins/quick-access-plugin.js

@@ -2,7 +2,7 @@ import { getAlgoliaResults } from '@algolia/autocomplete-preset-algolia';
 
 const quickAccessPlugin = ({ productsIndexName, searchClient, }) => {
     return {
-        getSources({ query }) {
+        getSources() {
             return [
                 {
                     getItems() {
@@ -11,10 +11,10 @@ const quickAccessPlugin = ({ productsIndexName, searchClient, }) => {
                                 {
                                     indexName: productsIndexName,
                                     params: {
+                                        analytics: false,
                                         hitsPerPage: 0,
                                         ruleContexts: ['quick-access'],
                                     },
-                                    query,
                                 },
                             ],
                             searchClient,

package/dist/global-search/search-result-panel/sections/with-results.js

@@ -66,7 +66,6 @@ function ProductHitCard({ autocomplete, hit, index, source, }) {
         }, onAddToCart: ({ cartLine }) => hit.queryId &&
             sendAddToCartFromSearchEvent({
                 cartLine,
-                objectId: hit.objectId,
                 queryId: hit.queryId,
             }), onClick: () => {
             close();

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/index.js

@@ -12,10 +12,10 @@ export { AlgoliaFilterPanel } from './algolia/algolia-filter-panel.js';
 export { isAlgoliaProductHit } from './algolia/algolia-hit-type.js';
 export { AlgoliaHitsProvider } from './algolia/algolia-hits-provider.js';
 export { algoliaIndexesPerEnvironment, getAlgoliaIndex } from './algolia/algolia-index-config.js';
+export { userToken } from './algolia/algolia-initialization.js';
 export { AlgoliaInsightInstantSearchProvider } from './algolia/algolia-insight-instant-search-provider.js';
 export { AlgoliaInsightsProvider, AlgoliaInsightsProviderContext } from './algolia/algolia-insights-provider.js';
 export { AlgoliaInstantSearchStateProvider } from './algolia/algolia-instant-search-state-provider.js';
-export { userToken } from './algolia/algolia-intialization.js';
 export { AlgoliaMultiSelectFilterSection } from './algolia/algolia-multi-select-filter-section.js';
 export { AlgoliaPagination } from './algolia/algolia-pagination.js';
 export { AlgoliaProvider, useAlgolia } from './algolia/algolia-provider.js';
@@ -112,6 +112,10 @@ export { SearchList } from './global-search/search-section/search-list.js';
 export { SearchListItem } from './global-search/search-section/search-list-item.js';
 export { SearchSection } from './global-search/search-section/search-section.js';
 export { ConnectedCartIcon } from './header/cart-icon/connected-cart-icon.js';
+export { HamburgerButton } from './header/hamburger-button/hamburger-button.js';
+export { HeaderLayout } from './header/header-layout/header-layout.js';
+export { SonicLogo } from './header/sonic-logo/sonic-logo.js';
+export { InfoIconTooltip } from './info-icon-tooltip/info-icon-tooltip.js';
 export { FormattedMessage } from './intl/formatted-message.js';
 export { IntlContext } from './intl/intl-context.js';
 export { IntlProvider } from './intl/intl-provider.js';
@@ -152,17 +156,20 @@ export { CheckoutPageSectionContent } from './pages/checkout/layouts/checkout-pa
 export { CheckoutPageSectionHeader } from './pages/checkout/layouts/checkout-page-layout/components/checkout-page-section-header.js';
 export { CheckoutPageSectionLink } from './pages/checkout/layouts/checkout-page-layout/components/checkout-page-section-link.js';
 export { OrderConfirmationPage } from './pages/checkout/order-confirmation-page/order-confirmation-page.js';
+export { OrderConfirmationPageContent } from './pages/checkout/order-confirmation-page/order-confirmation-page-content.js';
 export { AdyenPayment } from './pages/checkout/payment-page/components/adyen-payment.js';
 export { Payment } from './pages/checkout/payment-page/components/payment.js';
 export { useGetAdyenRedirectResult } from './pages/checkout/payment-page/hooks/use-get-adyen-redirect-result.js';
 export { useHasReturnedFromAdyen } from './pages/checkout/payment-page/hooks/use-has-returned-from-adyen.js';
 export { PaymentPage } from './pages/checkout/payment-page/payment-page.js';
+export { PaymentPageContent } from './pages/checkout/payment-page/payment-page-content.js';
 export { parseAmount } from './pages/checkout/payment-page/utils/parse-amount.js';
 export { EDIT_ADDRESS_FORM_ID, EditAddresses } from './pages/checkout/shipping-page/components/edit-address.js';
 export { ReadOnlyAddresses } from './pages/checkout/shipping-page/components/readonly-address.js';
 export { SonicAddress } from './pages/checkout/shipping-page/components/sonic-address.js';
 export { usePatchShippingDetails } from './pages/checkout/shipping-page/hooks/use-patch-shipping-details.js';
 export { ShippingPage } from './pages/checkout/shipping-page/shipping-page.js';
+export { ShippingPageContent } from './pages/checkout/shipping-page/shipping-page-content.js';
 export { PageContainer } from './pages/components/page-container/page-container.js';
 export { PageMetaData } from './pages/components/page-meta-data/page-meta-data.js';
 export { Page } from './pages/components/page/page.js';
@@ -245,7 +252,7 @@ export { fetchTranslations } from './shared/api/storefront/services/translation-
 export { fetchCountries, fetchCountriesLanguages, fetchCountriesWithLanguages, fetchSettings, updateLocale } from './shared/api/storefront/services/website-service.js';
 export { WishListNameAlreadyExistsError, addWishListItemToWishList, createWishList, deleteWishList, deleteWishListItemFromWishList, getWishList, getWishListItemsByWishListId, getWishLists } from './shared/api/storefront/services/wishlist-service.js';
 export { useFeatureFlags } from './shared/feature-flags/use-feature-flags.js';
-export { BadRequestError, ForbiddenRequestError, InternalServerErrorRequestError, NotFoundRequestError, RequestError, TimeoutRequestError, UnauthorizedRequestError, UnprocessableContentRequestError, isRequestError, request } from './shared/fetch/request.js';
+export { BadRequestError, ForbiddenRequestError, InternalServerErrorRequestError, NotFoundRequestError, RequestError, TimeoutRequestError, UnauthorizedRequestError, UnprocessableContentRequestError, isFormData, isJsonBody, isRequestError, request } from './shared/fetch/request.js';
 export { dataLayer } from './shared/ga/data-layer.js';
 export { GoogleAnalyticsProvider, useGoogleAnalyticsProvider } from './shared/ga/google-analytics-provider.js';
 export { isGAEvent } from './shared/ga/types.js';
@@ -287,16 +294,17 @@ export { environment, environments } from './shared/utils/environment.js';
 export { EventEmitter } from './shared/utils/event-emitter.js';
 export { clone, deepMerge, isPlainObject, default as main, merge } from './shared/utils/merge.js';
 export { currencies, formatPrice, getCurrencyByCountryCode } from './shared/utils/price.js';
+export { isPromise, wait } from './shared/utils/promise.js';
 export { random, randomInt } from './shared/utils/random.js';
 export { camelCase, capitalizeFirstLetter } from './shared/utils/string.js';
 export { TIME } from './shared/utils/time.js';
 export { has, hasNo } from './shared/utils/types.js';
 export { createUUID } from './shared/utils/uuid.js';
-export { wait } from './shared/utils/wait.js';
 export { Sidebar } from './sidebar/sidebar.js';
 export { SidebarDetectBreakpoint, SidebarProvider } from './sidebar/sidebar-provider.js';
 export { ToggleSidebarButton } from './sidebar/toggle-sidebar-button.js';
 export { useSidebar, useSidebarActions } from './sidebar/use-sidebar.js';
+export { SignInForm } from './sign-in-form/sign-in-form.js';
 export { Toast } from './toast/toast.js';
 export { ToastProvider } from './toast/toast-provider.js';
 export { useToast } from './toast/use-toast.js';

package/dist/info-icon-tooltip/info-icon-tooltip.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface InfoIconTooltipProps {
+    children: string | ReactNode;
+    className?: string;
+    variant?: 'solid' | 'stroke';
+}
+export declare function InfoIconTooltip({ children, className, variant, }: InfoIconTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/info-icon-tooltip/info-icon-tooltip.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { SolidInformationIcon } from '../icons/solid/solid-information-icon.js';
+import { StrokeInformationIcon } from '../icons/stroke/stroke-information-icon.js';
+import { IconButton } from '../buttons/icon-button/icon-button.js';
+import { useFormattedMessage } from '../intl/use-formatted-message.js';
+import { Tooltip } from '../tooltip/tooltip.js';
+import styles from './info-icon-tooltip.module.css.js';
+
+function InfoIconTooltip({ children, className, variant = 'solid', }) {
+    const t = useFormattedMessage();
+    const triggerLabel = t('Information');
+    function Icon(props) {
+        return (jsx(IconButton, { ...props, className: clsx(styles.trigger), children: variant === 'stroke' ? (jsx(StrokeInformationIcon, { "aria-description": triggerLabel })) : (jsx(SolidInformationIcon, { "aria-description": triggerLabel })) }));
+    }
+    return (jsx(Tooltip, { className: clsx(className, styles['info-icon-tooltip'], styles[variant]), trigger: jsx(Icon, {}), children: children }));
+}
+
+export { InfoIconTooltip };

package/dist/info-icon-tooltip/info-icon-tooltip.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"info-icon-tooltip":"info-icon-tooltip-module-oR4nD","stroke":"info-icon-tooltip-module-5zfDr","trigger":"info-icon-tooltip-module-0lY-K"};
+
+export { styles as default };

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

package/dist/pages/checkout/components/billing-and-invoice-information.js

@@ -6,7 +6,7 @@ import styles from './billing-and-invoice-information.module.css.js';
 
 function BillingAndInvoiceInformation({ billToAddress, shipToAddress, }) {
     const t = useFormattedMessage();
-    return (jsxs("div", { className: styles['billing-and-invoice-information'], children: [jsx("section", { className: styles.section, children: jsx(InfoDisplay, { id: "billing-address", label: t('Billing address'), value: jsx(Address, { ...billToAddress }) }) }), jsx("section", { className: styles.section, children: jsx(InfoDisplay, { id: "shipping-address", label: t('Shipping address'), value: jsx(Address, { ...shipToAddress }) }) })] }));
+    return (jsxs("div", { className: styles['billing-and-invoice-information'], children: [jsx("section", { className: styles.section, children: jsx(InfoDisplay, { id: "billing-address", label: t('Billing address'), value: jsx(Address, { address: billToAddress, "data-test-selector": "orderConfirmationBillingInformation" }) }) }), jsx("section", { className: styles.section, children: jsx(InfoDisplay, { id: "shipping-address", label: t('Shipping address'), value: jsx(Address, { address: shipToAddress, "data-test-selector": "orderConfirmationShippingInformation" }) }) })] }));
 }
 
 export { BillingAndInvoiceInformation };

package/dist/pages/checkout/order-confirmation-page/order-confirmation-page-content.d.ts

@@ -0,0 +1,5 @@
+import { CartModel } from '../../../shared/api/storefront/model/storefront.model';
+export interface OrderConfirmationPageContentProps {
+    cart: CartModel;
+}
+export declare function OrderConfirmationPageContent({ cart, }: OrderConfirmationPageContentProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,83 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { PrintButton } from '../../../buttons/print-button/print-button.js';
+import { OrderLineCard } from '../../../cards/orderline-card/orderline-card.js';
+import { CartTotals } from '../../../cart-totals/cart-totals.js';
+import { InfoDisplay } from '../../../display/info-display/info-display.js';
+import { FormattedMessage } from '../../../intl/formatted-message.js';
+import { useCultureCode } from '../../../intl/use-culture-code.js';
+import { useFormattedMessage } from '../../../intl/use-formatted-message.js';
+import { OrderLineList } from '../../../lists/orderline-list/orderline-list.js';
+import { useSaveCartForLater } from '../../../shared/api/storefront/hooks/cart/use-save-cart-for-later.js';
+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 { 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';
+import styles from './order-confirmation-page.module.css.js';
+
+function OrderConfirmationPageContent({ cart, }) {
+    const t = useFormattedMessage();
+    const { addToast } = useToast();
+    const cultureCode = useCultureCode();
+    const saveCartForLater = useSaveCartForLater({
+        onError: () => {
+            addToast({
+                body: jsx(FormattedMessage, { id: "Unable to save cart for later." }),
+                isUserDismissable: false,
+                messageType: 'danger',
+            });
+        },
+        onSuccess: () => {
+            addToast({
+                body: jsx(FormattedMessage, { id: "Saved cart for later." }),
+                isUserDismissable: false,
+                messageType: 'success',
+            });
+        },
+    });
+    return (jsx(Page, { breadCrumb: [{ href: CHECKOUT_PATHS.HOME, label: t('Home') }], title: t('Order confirmation'), children: jsx(CheckoutPageLayout, { actions: {
+                primary: (jsx(RouteButton, { withArrow: true, "data-test-selector": "checkoutReviewAndSubmit_continueShopping", href: "/", children: jsx(FormattedMessage, { id: "Continue shopping" }) })),
+                secondary: (jsxs(Fragment, { children: [cart.canSaveOrder && (jsx(RouteButton, { color: "secondary", onClick: () => {
+                                saveCartForLater.mutate({ cart });
+                            }, variant: "outline", children: jsx(FormattedMessage, { id: "Save order" }) })), jsx(PrintButton, {})] })),
+            }, overview: jsx(CartTotals, { fulfillmentMethod: t(`fulfillmentmethod.${cart.fulfillmentMethod}`), orderNumber: cart.orderNumber, shippingCost: cart.shippingAndHandlingDisplay, subtotal: cart.orderSubTotalDisplay, tax: cart.totalTaxDisplay, total: cart.orderGrandTotalDisplay, vatPercentage: cart.cartLines?.[0]?.pricing?.vatRate }), children: jsxs("div", { children: [jsx(CheckoutPageSection, { hasBorder: false, title: t('General'), children: jsx(CheckoutPageSectionContent, { children: jsxs("div", { className: styles['general-order-info'], children: [cart.orderDate && (jsx(InfoDisplay, { id: "order-date", label: t('Order date'), value: formatDateToLocaleString(new Date(cart.orderDate), cultureCode) })), cart.requestedDeliveryDateDisplay && (jsx(InfoDisplay, { id: "requested-delivery-date", label: t('Requested delivery date'), value: formatDateToLocaleString(new Date(cart.requestedDeliveryDateDisplay.toString()), cultureCode) })), cart.poNumber && (jsx(InfoDisplay, { id: "po-number", label: t('PO Number'), value: cart.poNumber }))] }) }) }), jsx(CheckoutPageSection, { hasBorder: false, title: t('Billing and shipping information'), children: jsx(CheckoutPageSectionContent, { children: jsx(BillingAndInvoiceInformation, { billToAddress: {
+                                    address1: cart.billTo?.address1,
+                                    address2: cart.billTo?.address2,
+                                    address3: cart.billTo?.address3,
+                                    city: cart.billTo?.city,
+                                    companyName: cart.billTo?.companyName,
+                                    country: cart.billTo?.country?.name,
+                                    email: cart.billTo?.email,
+                                    phone: cart.billTo?.phone,
+                                    postalCode: cart.billTo?.postalCode,
+                                }, shipToAddress: {
+                                    address1: cart.shipTo?.address1,
+                                    address2: cart.shipTo?.address2,
+                                    address3: cart.shipTo?.address3,
+                                    city: cart.shipTo?.city,
+                                    companyName: cart.shipTo?.companyName,
+                                    country: cart.shipTo?.country?.name,
+                                    email: cart.shipTo?.email,
+                                    phone: cart.shipTo?.phone,
+                                    postalCode: cart.shipTo?.postalCode,
+                                } }) }) }), jsx(CheckoutPageSection, { hasBorder: false, title: t('Order'), children: jsx(CheckoutPageSectionContent, { stretch: true, children: jsx(OrderLineList, { children: cart.cartLines?.map(cartLine => (jsx(OrderLineCard, { deliveryDate: cartLine.atp?.date, href: cartLine.productUri, image: {
+                                        fit: 'contain',
+                                        image: {
+                                            '1': cartLine.smallImagePath,
+                                            '2': cartLine.smallImagePath,
+                                            '3': cartLine.smallImagePath,
+                                            altText: cartLine.altText,
+                                        },
+                                        title: cartLine.altText,
+                                    }, isReadonly: true, price: {
+                                        originalTotalPrice: cartLine.pricing?.extendedUnitNetPrice || 0,
+                                        pricePerUnit: cartLine.pricing?.unitNetPrice || 0,
+                                        totalPrice: cartLine.pricing?.extendedUnitNetPrice || 0,
+                                    }, productId: cartLine.productId || '', quantity: cartLine.qtyOrdered || 1, sku: cartLine.erpNumber || '', tags: [], title: cartLine.productName }, cartLine.id))) }) }) })] }) }) }));
+}
+
+export { OrderConfirmationPageContent };

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

@@ -1,36 +1,16 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { useEffect } from 'react';
-import { PrintButton } from '../../../buttons/print-button/print-button.js';
-import { OrderLineCard } from '../../../cards/orderline-card/orderline-card.js';
-import { CartTotals } from '../../../cart-totals/cart-totals.js';
-import { InfoDisplay } from '../../../display/info-display/info-display.js';
-import { FormattedMessage } from '../../../intl/formatted-message.js';
-import { useCultureCode } from '../../../intl/use-culture-code.js';
-import { useFormattedMessage } from '../../../intl/use-formatted-message.js';
-import { OrderLineList } from '../../../lists/orderline-list/orderline-list.js';
 import { LoadingPage } from '../../loading-page/loading-page.js';
 import { useIsAuthenticated } from '../../../shared/api/storefront/hooks/authentication/use-is-authenticated.js';
 import { useFetchCartById } from '../../../shared/api/storefront/hooks/cart/use-fetch-cart-by-id.js';
-import { useSaveCartForLater } from '../../../shared/api/storefront/hooks/cart/use-save-cart-for-later.js';
-import { RouteButton } from '../../../shared/routing/route-button.js';
 import { useNavigate } from '../../../shared/routing/route-provider.js';
-import { formatDateToLocaleString } from '../../../shared/utils/date.js';
 import { hasNo } from '../../../shared/utils/types.js';
-import { useToast } from '../../../toast/use-toast.js';
-import { Page } from '../../components/page/page.js';
 import { ErrorPage } from '../../error-page/error-page.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';
-import styles from './order-confirmation-page.module.css.js';
+import { OrderConfirmationPageContent } from './order-confirmation-page-content.js';
 
 function OrderConfirmationPage({ cartId }) {
     const isAuthenticated = useIsAuthenticated();
-    const t = useFormattedMessage();
-    const cultureCode = useCultureCode();
-    const { addToast } = useToast();
     const { isNavigating, navigate } = useNavigate();
     const { data: cart, error, isLoading: cartIsLoading, } = useFetchCartById({
         id: cartId,
@@ -45,22 +25,6 @@ function OrderConfirmationPage({ cartId }) {
         if (cart.status === 'Cart')
             navigate(CHECKOUT_PATHS.CART);
     }, [cart, navigate, isAuthenticated]);
-    const saveCartForLater = useSaveCartForLater({
-        onError: () => {
-            addToast({
-                body: jsx(FormattedMessage, { id: "Unable to save cart for later." }),
-                isUserDismissable: false,
-                messageType: 'danger',
-            });
-        },
-        onSuccess: () => {
-            addToast({
-                body: jsx(FormattedMessage, { id: "Saved cart for later." }),
-                isUserDismissable: false,
-                messageType: 'success',
-            });
-        },
-    });
     if (error)
         return jsx(ErrorPage, { error: error });
     if (cartIsLoading || isNavigating)
@@ -71,45 +35,7 @@ function OrderConfirmationPage({ cartId }) {
         cart.cartLines.length === 0) {
         return null;
     }
-    return (jsx(Page, { breadCrumb: [{ href: CHECKOUT_PATHS.HOME, label: t('Home') }], title: t('Order confirmation'), children: jsx(CheckoutPageLayout, { actions: {
-                primary: (jsx(RouteButton, { withArrow: true, "data-test-selector": "checkoutShippingCartTotalContinueButton", href: "/", children: jsx(FormattedMessage, { id: "Continue shopping" }) })),
-                secondary: (jsxs(Fragment, { children: [cart.canSaveOrder && (jsx(RouteButton, { color: "secondary", onClick: () => {
-                                saveCartForLater.mutate({ cart });
-                            }, variant: "outline", children: jsx(FormattedMessage, { id: "Save order" }) })), jsx(PrintButton, {})] })),
-            }, overview: jsx(CartTotals, { fulfillmentMethod: t(`fulfillmentmethod.${cart.fulfillmentMethod}`), orderNumber: cart.orderNumber, shippingCost: cart.shippingAndHandlingDisplay, subtotal: cart.orderSubTotalDisplay, tax: cart.totalTaxDisplay, total: cart.orderGrandTotalDisplay, vatPercentage: cart.cartLines[0]?.pricing?.vatRate }), children: jsxs("div", { children: [jsx(CheckoutPageSection, { hasBorder: false, title: t('General'), children: jsx(CheckoutPageSectionContent, { children: jsxs("div", { className: styles['general-order-info'], children: [cart.orderDate && (jsx(InfoDisplay, { id: "order-date", label: t('Order date'), value: formatDateToLocaleString(new Date(cart.orderDate), cultureCode) })), cart.requestedDeliveryDate && (jsx(InfoDisplay, { id: "requested-delivery-date", label: t('Requested delivery date'), value: formatDateToLocaleString(new Date(cart.requestedDeliveryDate), cultureCode) })), cart.poNumber && (jsx(InfoDisplay, { id: "po-number", label: t('PO Number'), value: cart.poNumber }))] }) }) }), jsx(CheckoutPageSection, { hasBorder: false, title: t('Billing and shipping information'), children: jsx(CheckoutPageSectionContent, { children: jsx(BillingAndInvoiceInformation, { billToAddress: {
-                                    address1: cart.billTo?.address1,
-                                    address2: cart.billTo?.address2,
-                                    address3: cart.billTo?.address3,
-                                    city: cart.billTo?.city,
-                                    companyName: cart.billTo?.companyName,
-                                    country: cart.billTo?.country?.name,
-                                    email: cart.billTo?.email,
-                                    phone: cart.billTo?.phone,
-                                    postalCode: cart.billTo?.postalCode,
-                                }, shipToAddress: {
-                                    address1: cart.shipTo?.address1,
-                                    address2: cart.shipTo?.address2,
-                                    address3: cart.shipTo?.address3,
-                                    city: cart.shipTo?.city,
-                                    companyName: cart.shipTo?.companyName,
-                                    country: cart.shipTo?.country?.name,
-                                    email: cart.shipTo?.email,
-                                    phone: cart.shipTo?.phone,
-                                    postalCode: cart.shipTo?.postalCode,
-                                } }) }) }), jsx(CheckoutPageSection, { hasBorder: false, title: t('Order'), children: jsx(CheckoutPageSectionContent, { stretch: true, children: jsx(OrderLineList, { children: cart.cartLines.map(cartLine => (jsx(OrderLineCard, { deliveryDate: cartLine.atp?.date, href: cartLine.productUri, image: {
-                                        fit: 'contain',
-                                        image: {
-                                            '1': cartLine.smallImagePath,
-                                            '2': cartLine.smallImagePath,
-                                            '3': cartLine.smallImagePath,
-                                            altText: cartLine.altText,
-                                        },
-                                        title: cartLine.altText,
-                                    }, isReadonly: true, price: {
-                                        originalTotalPrice: cartLine.pricing?.extendedUnitNetPrice || 0,
-                                        pricePerUnit: cartLine.pricing?.unitNetPrice || 0,
-                                        totalPrice: cartLine.pricing?.extendedUnitNetPrice || 0,
-                                    }, productId: cartLine.productId || '', quantity: cartLine.qtyOrdered || 1, sku: cartLine.erpNumber || '', tags: [], title: cartLine.productName }, cartLine.id))) }) }) })] }) }) }));
+    return jsx(OrderConfirmationPageContent, { cart: cart });
 }
 
 export { OrderConfirmationPage };