@sonic-equipment/ui 239.0.0 → 241.0.0

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/product/product-details-page/components/product-details-panel/product-details-panel.d.ts

@@ -1,4 +1,4 @@
-import { ProductDetails } from 'shared/api/bff/model/bff.model';
+import { ProductDetails } from '../../../../../shared/api/bff/model/bff.model';
 export declare function ProductDetailsPanel({ priceComponent, product, }: {
     priceComponent?: React.ReactNode;
     product: ProductDetails;

package/dist/pages/product/product-details-page/components/product-details-panel/product-details-panel.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useAlgoliaInsights } from '../../../../../algolia/use-algolia-insights.js';
 import { ConnectedAddToCartButton } from '../../../../../buttons/add-to-cart-button/connected-add-to-cart-button.js';
 import { ConnectedFavoriteButton } from '../../../../../buttons/favorite/connected-favorite-button.js';
 import { Accordion } from '../../../../../collapsables/accordion/accordion.js';
@@ -11,7 +12,6 @@ import { FormattedMessage } from '../../../../../intl/formatted-message.js';
 import { DownloadDocumentList } from '../../../../../lists/download-document-list/download-document-list.js';
 import { FeatureList } from '../../../../../lists/feature-list/feature-list.js';
 import { Heading } from '../../../../../typography/heading/heading.js';
-import { useAlgoliaInsights } from '../../../../../algolia/use-algolia-insights.js';
 import styles from './product-details-panel.module.css.js';
 
 function ProductDetailsPanel({ priceComponent, product, }) {

package/dist/shared/api/storefront/hooks/account/use-create-account.d.ts

@@ -1,3 +1,3 @@
-import { AccountModel } from 'shared/api/storefront/model/storefront.model';
-import { CreateAccountRequestBody } from 'shared/api/storefront/services/account-service';
+import { AccountModel } from '../../model/storefront.model';
+import { CreateAccountRequestBody } from '../../services/account-service';
 export declare function useCreateAccount(): import("@tanstack/react-query").UseMutationResult<AccountModel, Error, CreateAccountRequestBody, unknown>;

package/dist/shared/api/storefront/hooks/account/use-create-guest-account.d.ts

@@ -1,2 +1,2 @@
-import { AccountModel } from 'shared/api/storefront/model/storefront.model';
+import { AccountModel } from '../../model/storefront.model';
 export declare function useCreateGuestAccount(): import("@tanstack/react-query").UseMutationResult<AccountModel, Error, void, unknown>;

package/dist/shared/api/storefront/hooks/authentication/use-patch-session.js

@@ -1,7 +1,7 @@
 "use client";
 import { useQueryClient } from '@tanstack/react-query';
-import { patchSession } from '../../services/authentication-service.js';
 import { useAwaitableMutation } from '../../../shared/hooks/use-awaitable-mutation.js';
+import { patchSession } from '../../services/authentication-service.js';
 
 function usePatchSession() {
     const queryClient = useQueryClient();

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/api/storefront/hooks/customer/use-patch-bill-to-address.js

@@ -1,6 +1,6 @@
 "use client";
-import { patchBillToAddress } from '../../services/customer-service.js';
 import { useAwaitableMutation } from '../../../shared/hooks/use-awaitable-mutation.js';
+import { patchBillToAddress } from '../../services/customer-service.js';
 
 function usePatchBillToAddress({ skipInvalidation = false, } = {}) {
     return useAwaitableMutation({

package/dist/shared/api/storefront/hooks/customer/use-patch-ship-to-address.js

@@ -1,6 +1,6 @@
 "use client";
-import { patchShipToAddress } from '../../services/customer-service.js';
 import { useAwaitableMutation } from '../../../shared/hooks/use-awaitable-mutation.js';
+import { patchShipToAddress } from '../../services/customer-service.js';
 
 function usePatchShipToAddress({ skipInvalidation = false, } = {}) {
     return useAwaitableMutation({

package/dist/shared/api/storefront/hooks/customer/use-post-ship-to-address.js

@@ -1,6 +1,6 @@
 "use client";
-import { postShipToAddress } from '../../services/customer-service.js';
 import { useAwaitableMutation } from '../../../shared/hooks/use-awaitable-mutation.js';
+import { postShipToAddress } from '../../services/customer-service.js';
 
 function usePostShipToAddress({ skipInvalidation = false, } = {}) {
     return useAwaitableMutation({

package/dist/shared/api/storefront/hooks/payment/use-create-adyen-session.d.ts

@@ -1,3 +1,3 @@
-import { PaymentAuthenticationModel } from 'shared/api/storefront/model/storefront.model';
-import { CreateAdyenSessionParameters } from 'shared/api/storefront/services/payment-service';
+import { PaymentAuthenticationModel } from '../../model/storefront.model';
+import { CreateAdyenSessionParameters } from '../../services/payment-service';
 export declare function useCreateAdyenSession(): import("@tanstack/react-query").UseMutationResult<PaymentAuthenticationModel, Error, CreateAdyenSessionParameters, unknown>;

package/dist/shared/api/storefront/hooks/payment/use-fetch-adyen-config.js

@@ -1,7 +1,7 @@
 "use client";
 import { useQuery } from '@tanstack/react-query';
-import { useIsAuthenticated } from '../authentication/use-is-authenticated.js';
 import { fetchAdyenConfig } from '../../services/payment-service.js';
+import { useIsAuthenticated } from '../authentication/use-is-authenticated.js';
 
 function useFetchAdyenConfig() {
     const isAuthenticated = useIsAuthenticated();

package/dist/shared/api/storefront/services/payment-service.d.ts

@@ -1,4 +1,4 @@
-import { AdyenSettings, PaymentAuthenticationModel } from 'shared/api/storefront/model/storefront.model';
+import { AdyenSettings, PaymentAuthenticationModel } from '../model/storefront.model';
 export interface CreateAdyenSessionParameters {
     cartId: string | undefined;
     orderAmount: number | undefined;

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;