@sonic-equipment/ui 187.0.0 → 189.0.0

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

@@ -5,13 +5,12 @@ 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 { FormattedDate } from '../../../intl/formatted-date.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 { getCurrencyCodeBySymbol } from '../../../shared/model/currency.js';
-import { formatDateToLocaleString } from '../../../shared/utils/date.js';
 import { ensureNumber } from '../../../shared/utils/number.js';
 import { useToast } from '../../../toast/use-toast.js';
 import { Page } from '../../components/page/page.js';
@@ -25,7 +24,6 @@ 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({
@@ -56,7 +54,7 @@ function OrderConfirmationPageContent({ cart, }) {
                 secondary: (jsxs(Fragment, { children: [cart.canSaveOrder && (jsx(Button, { color: "secondary", onClick: () => {
                                 saveCartForLater.mutate({ cart });
                             }, variant: "outline", children: jsx(FormattedMessage, { id: "Save order" }) })), jsx(PrintButton, {})] })),
-            }, overview: jsx(CartTotals, { currencyCode: currencyCode, fulfillmentMethod: cart.fulfillmentMethod, orderNumber: cart.orderNumber, shippingCost: cart.shippingAndHandling, subtotal: cart.orderSubTotal, tax: cart.totalTax, total: cart.orderGrandTotal, 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: cart.billTo && {
+            }, overview: jsx(CartTotals, { currencyCode: currencyCode, fulfillmentMethod: cart.fulfillmentMethod, orderNumber: cart.orderNumber, shippingCost: cart.shippingAndHandling, subtotal: cart.orderSubTotal, tax: cart.totalTax, total: cart.orderGrandTotal, 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: jsx(FormattedDate, { date: cart.orderDate }) })), cart.requestedDeliveryDateDisplay && (jsx(InfoDisplay, { id: "requested-delivery-date", label: t('Requested delivery date'), value: jsx(FormattedDate, { date: cart.requestedDeliveryDate }) })), 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: cart.billTo && {
                                     address1: cart.billTo.address1,
                                     address2: cart.billTo.address2,
                                     address3: cart.billTo.address3,

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

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useEffect } from 'react';
+import { logger } from '../../logging/logger.js';
 import { isRequestError } from '../../shared/fetch/request.js';
 import { environment } from '../../shared/utils/environment.js';
 import { Heading } from '../../typography/heading/heading.js';
@@ -9,13 +10,7 @@ import { PATHS } from '../paths.js';
 
 function ErrorPage({ error }) {
     useEffect(() => {
-        const timeoutId = setTimeout(() => {
-            if (!isRequestError(error))
-                throw error;
-        }, 0);
-        return () => {
-            clearTimeout(timeoutId);
-        };
+        logger.error('ErrorPage error:', error);
     }, [error]);
     return (jsx(Page, { breadcrumb: [
             { href: PATHS.HOME, label: 'Home' },

package/dist/pages/my-sonic/actions/change-password/connected-change-password-dialog.js

@@ -1,6 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
 import { FormattedMessage } from '../../../../intl/formatted-message.js';
-import { logger } from '../../../../logging/logger.js';
 import { useFetchCurrentAccount } from '../../../../shared/api/storefront/hooks/account/use-fetch-current-account.js';
 import { usePatchSession } from '../../../../shared/api/storefront/hooks/authentication/use-patch-session.js';
 import { useNavigate } from '../../../../shared/routing/use-navigate.js';
@@ -18,7 +17,6 @@ function ConnectedChangePasswordDialog({ isOpen, onClose, }) {
     if (!isOpen)
         return null;
     return (jsx(ChangePasswordDialog, { error: errorFetchCurrentAccount || errorPatchSession, isLoading: isLoading, isOpen: isOpen, isUpdating: isUpdating, onClose: onClose, onPasswordChanged: async (currentPassword, newPassword) => {
-            logger.info(currentPassword, newPassword);
             await patchSession({
                 session: {
                     email: account?.email,

package/dist/pages/my-sonic/navigation/my-sonic-desktop-navigation.js

@@ -6,7 +6,7 @@ import { mySonicNavigationItems } from './my-sonic-navigation-items.js';
 import styles from './my-sonic-desktop-navigation.module.css.js';
 
 function MySonicDesktopNavigation({ className, currentPath, onLogout, }) {
-    return (jsx(MenuList, { className: className, children: mySonicNavigationItems.map(item => (jsx(MenuListItem, { hasChildren: true, badge: jsx(item.Icon, {}), ...(item.type === 'action'
+    return (jsx(MenuList, { collapsible: true, className: className, children: mySonicNavigationItems.map(item => (jsx(MenuListItem, { badge: jsx(item.Icon, {}), ...(item.type === 'action'
                 ? item.action === 'logout'
                     ? { onClick: onLogout }
                     : {}

package/dist/pages/my-sonic/pages/order-history/order-history.d.ts

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

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

@@ -0,0 +1,166 @@
+"use client";
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
+import { Link } from '../../../../buttons/link/link.js';
+import { Price } from '../../../../display/price/price.js';
+import { Pagination } from '../../../../filters/pagination/pagination.js';
+import { SearchField } from '../../../../forms/fields/search-field/search-field.js';
+import { SelectField } from '../../../../forms/fields/select-field/select-field.js';
+import { SolidCartIcon } from '../../../../icons/solid/solid-cart-icon.js';
+import { FormattedDate } from '../../../../intl/formatted-date.js';
+import { useFormattedMessage } from '../../../../intl/use-formatted-message.js';
+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 { scrollIntoViewRef } from '../../../../shared/utils/scrolling.js';
+import { DataTable } from '../../../../table/data-table.js';
+import { ErrorPage } from '../../../error-page/error-page.js';
+import styles from './order-history.module.css.js';
+
+const dateOptions = {
+    day: 'numeric',
+    month: 'numeric',
+    year: 'numeric',
+};
+function OrderHistory() {
+    const t = useFormattedMessage();
+    const { cultureCode } = useIntl();
+    const orderHistoryRef = useRef(null);
+    const [status, setStatus] = useState();
+    const [search, setSearch] = useState('');
+    const [sort, setSort] = useState();
+    const [page, setPage] = useState(1);
+    const { data, error, isFetching } = useFetchOrders({
+        page,
+        pageSize: 20,
+        search,
+        sort,
+        status,
+    });
+    useEffect(() => {
+        scrollIntoViewRef(orderHistoryRef);
+    }, [page]);
+    if (error)
+        return jsx(ErrorPage, { error: error });
+    const { orders, pagination } = data ?? {
+        orders: [],
+        pagination: {},
+    };
+    const searchOrders = (value) => {
+        if (value.length >= 3 || value.length === 0) {
+            setPage(1);
+            setSearch(value);
+        }
+    };
+    const filterOrders = (value) => {
+        if (value === status)
+            return;
+        setPage(1);
+        setStatus(value === 'any' ? undefined : value);
+    };
+    const filterOptions = orderStatuses.reduce((options, status) => ({
+        ...options,
+        [status]: t(`orderStatus.${status}`),
+    }), { any: t('orderStatus.Any') });
+    return (jsx(Fragment, { children: jsxs("section", { ref: orderHistoryRef, className: styles['order-history'], children: [jsx("div", { className: styles['search'], children: jsx(SearchField, { isDebounced: true, label: "Search orders", onChange: searchOrders, placeholder: "Search orders", showLabel: false, variant: "outline" }) }), jsx("div", { className: styles['filter'], children: jsx(SelectField, { label: "Filter order status", onChange: filterOrders, options: filterOptions, selectedOption: status, showLabel: false }) }), jsx("div", { "aria-label": "Results", "aria-live": "polite", className: styles['results'], children: jsx(DynamicLoadingOverlay, { isLoading: isFetching, children: orders && orders.length > 0 ? (jsx(DataTable, { actions: [
+                                {
+                                    isPrimary: true,
+                                    key: 'reorder',
+                                    label: 'Reorder',
+                                    onAction: order => window?.alert(`Reorder ${order.id}`),
+                                },
+                            ], columns: [
+                                {
+                                    header: {
+                                        label: 'Order#',
+                                    },
+                                    key: 'webOrderNumber',
+                                    props: {
+                                        cssColumn: 'minmax(10ch, min-content)',
+                                        nowrap: true,
+                                        sticky: true,
+                                    },
+                                    sort: { direction: 'DESC', isEnabled: true },
+                                    value: {
+                                        render: order => (jsx(Link, { hasUnderline: true, color: "secondary", href: `/my-sonic/order-history/${order.id}`, onClick: () => window?.alert(`open ${order.id}`), children: order.webOrderNumber })),
+                                    },
+                                },
+                                {
+                                    header: { label: 'Date' },
+                                    key: 'orderDate',
+                                    props: {
+                                        cssColumn: 'minmax(13ch, min-content)',
+                                        nowrap: true,
+                                    },
+                                    sort: { isEnabled: true },
+                                    value: {
+                                        render: order => (jsx(FormattedDate, { date: order.orderDate, options: dateOptions })),
+                                    },
+                                },
+                                {
+                                    header: { label: 'Total' },
+                                    key: 'orderTotal',
+                                    props: {
+                                        align: 'end',
+                                        cssColumn: 'minmax(12ch, min-content)',
+                                        nowrap: true,
+                                    },
+                                    sort: {
+                                        columnName: 'orderTotal',
+                                        isEnabled: true,
+                                    },
+                                    value: {
+                                        render: order => (jsx(Price, { currencyCode: order.currencyCode, locale: cultureCode, price: order.orderTotal })),
+                                    },
+                                },
+                                {
+                                    header: { label: 'Status' },
+                                    key: 'status',
+                                    props: {
+                                        cssColumn: 'minmax(25ch, min-content)',
+                                        nowrap: true,
+                                    },
+                                    value: {
+                                        render: order => t(`orderStatus.${order.status}`),
+                                    },
+                                },
+                                {
+                                    header: { label: 'Shipping address' },
+                                    key: 'address',
+                                    props: { cssColumn: 'minmax(25ch, 1fr)', truncated: 2 },
+                                    sort: { columnName: 'stAddress1', isEnabled: true },
+                                    value: {
+                                        render: row => `${row.stAddress1} ${row.shipToPostalCode} ${row.shipToCity} ${row.stCountry.toUpperCase()}`,
+                                    },
+                                },
+                                {
+                                    header: { label: 'PO#' },
+                                    key: 'customerPO',
+                                    props: {
+                                        cssColumn: 'minmax(17ch, min-content)',
+                                        truncated: 1,
+                                    },
+                                    sort: { isEnabled: true },
+                                    value: { propertyName: 'customerPO' },
+                                },
+                                {
+                                    header: {
+                                        Icon: SolidCartIcon,
+                                        label: 'Reorder',
+                                    },
+                                    key: 'reorder',
+                                    props: { align: 'center', nowrap: true },
+                                    value: { action: 'reorder' },
+                                },
+                            ], data: orders, onSort: (key, direction) => {
+                                if (direction === 'NONE')
+                                    return;
+                                setSort({
+                                    name: key,
+                                    order: direction,
+                                });
+                            } })) : (!isFetching && (jsx("p", { className: styles['no-results'], children: "No orders found." }))) }) }), orders && orders.length > 0 && (jsx("nav", { className: styles['paging'], children: jsx(Pagination, { currentPage: pagination?.currentPage || 1, onChange: page => setPage(page), totalPages: pagination?.numberOfPages || 1 }) })), jsx("div", { className: styles['sticky-bar'], role: "presentation" })] }) }));
+}
+
+export { OrderHistory };

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

@@ -0,0 +1,3 @@
+var styles = {"order-history":"order-history-module-LrkiZ","search":"order-history-module-Y18m7","filter":"order-history-module-tBrZG","results":"order-history-module-5mST2","no-results":"order-history-module-g-FzV","paging":"order-history-module-POsiS","sticky-bar":"order-history-module-98Tvf"};
+
+export { styles as default };

package/dist/pages/product/product-listing-page/product-listing.js

@@ -11,7 +11,7 @@ import { FormattedMessage } from '../../../intl/formatted-message.js';
 import { useFormattedMessage } from '../../../intl/use-formatted-message.js';
 import { useLanguageCode } from '../../../intl/use-language-code.js';
 import { PromoBanners } from '../../../promos/promo-banners/promo-banners.js';
-import { scrollToTop } from '../../../shared/hooks/use-scroll-to.js';
+import { scrollToTop } from '../../../shared/utils/scrolling.js';
 import { Sidebar } from '../../../sidebar/sidebar.js';
 import { ToggleSidebarButton } from '../../../sidebar/toggle-sidebar-button.js';
 import { Page } from '../../components/page/page.js';

package/dist/pages/product/search-result-page/search-results-page.js

@@ -10,7 +10,7 @@ import { useAlgoliaHits } from '../../../algolia/use-algolia-hits.js';
 import { FormattedMessage } from '../../../intl/formatted-message.js';
 import { useFormattedMessage } from '../../../intl/use-formatted-message.js';
 import { useLanguageCode } from '../../../intl/use-language-code.js';
-import { scrollToTop } from '../../../shared/hooks/use-scroll-to.js';
+import { scrollToTop } from '../../../shared/utils/scrolling.js';
 import { Sidebar } from '../../../sidebar/sidebar.js';
 import { ToggleSidebarButton } from '../../../sidebar/toggle-sidebar-button.js';
 import { Page } from '../../components/page/page.js';

package/dist/shared/api/bff/hooks/use-fetch-navigation-links.d.ts

@@ -1,2 +1,2 @@
 import { FetchNavigationLinksArgs } from '../services/bff-service';
-export declare function useFetchNavigationLinks({ cultureCode, source, }: FetchNavigationLinksArgs): import("@tanstack/react-query").UseQueryResult<import("../model/bff.model").NavigationLinkResponse, Error>;
+export declare function useFetchNavigationLinks({ cultureCode, source, }: FetchNavigationLinksArgs): import("@tanstack/react-query").UseQueryResult<import("../model/bff.model").NavigationSection, Error>;

package/dist/shared/api/bff/model/bff.model.d.ts

@@ -187,21 +187,29 @@ interface Announcement {
 }
 export type AnnouncementResponse = Announcement[];
 export interface NavigationLink {
-    external?: boolean;
-    image?: ImageType;
+    href: string;
+    image?: ImageType | null;
     key: string;
-    links?: NavigationLink[];
+    label: string;
     openInNewTab?: boolean;
-    title: string;
-    type: 'link' | 'category' | 'section';
-    url?: string;
-}
-export interface NavigationLinkResponse {
-    footer: {
-        bottomLinks: NavigationLink[];
-        copyright: string;
-        linkBlocks: NavigationLink[];
-    };
-    header: NavigationLink[];
+    type: 'link';
+}
+export declare const isNavigationLink: (item?: unknown) => item is NavigationLink;
+export interface NavigationLinkGroup extends Omit<NavigationLink, 'type' | 'href'> {
+    header?: string;
+    href?: string | null;
+    items: NavigationLinkItem[];
+    type: 'link-group';
+}
+export declare const isNavigationLinkGroup: (item?: unknown) => item is NavigationLinkGroup;
+export interface NavigationSection {
+    items: NavigationItem[];
+    key: string;
+    type: 'section';
 }
+export declare const isNavigationSection: (item?: unknown) => item is NavigationSection;
+export type NavigationLinkItem = NavigationLink | NavigationLinkGroup;
+export declare const isNavigationLinkItem: (item?: unknown) => item is NavigationLinkItem;
+export type NavigationItem = NavigationSection | NavigationLinkItem;
+export type NavigationResponse = NavigationSection;
 export {};

package/dist/shared/api/bff/model/bff.model.js

@@ -1 +1,12 @@
+const isNavigationLink = (item) => 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+item?.type === 'link';
+const isNavigationLinkGroup = (item) => 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+item?.type === 'link-group';
+const isNavigationSection = (item) => 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+item?.type === 'section';
+const isNavigationLinkItem = (item) => isNavigationLink(item) || isNavigationLinkGroup(item);
 
+export { isNavigationLink, isNavigationLinkGroup, isNavigationLinkItem, isNavigationSection };

package/dist/shared/api/bff/services/bff-service.d.ts

@@ -1,7 +1,7 @@
 import { CultureCode } from '../../../../intl/types';
 import { ProductListingPageData } from '../../../../pages/product/product-listing-page/product-listing-page-data-types';
 import { AnnouncementObject } from '../../../model/announcement';
-import { NavigationLinkResponse, ProductDetailsPageDataResponse, ProductSummary } from '../model/bff.model';
+import { NavigationResponse, ProductDetailsPageDataResponse, ProductSummary } from '../model/bff.model';
 export interface FetchAnnouncementsArgs {
     cultureCode: CultureCode;
 }
@@ -17,7 +17,7 @@ export interface FetchNavigationLinksArgs {
     cultureCode: CultureCode;
     source: NavigationLinkSource;
 }
-export declare function fetchNavigationLinks({ cultureCode, source, }: FetchNavigationLinksArgs): Promise<NavigationLinkResponse>;
+export declare function fetchNavigationLinks({ cultureCode, source, }: FetchNavigationLinksArgs): Promise<NavigationResponse>;
 export declare function fetchRecentlyViewedProducts({ cultureCode, }: {
     cultureCode: CultureCode;
 }): Promise<ProductSummary[]>;

package/dist/shared/api/bff/services/bff-service.js

@@ -102,7 +102,7 @@ async function fetchNavigationLinks({ cultureCode, source, }) {
                 `navigation-${source}-${cultureCode}`,
             ],
         },
-        url: `${config.BFF_API_URL}/navigation`,
+        url: `${config.BFF_API_URL}/v2/navigation`,
     });
     return body;
 }

package/dist/shared/api/storefront/hooks/orders/use-fetch-orders.d.ts

@@ -0,0 +1,10 @@
+import { OrderStatus } from '../../model/storefront.model';
+import { SortOption } from '../../services/order-service';
+export declare function useFetchOrders({ enabled, page, pageSize, search, sort, status, }?: {
+    enabled?: boolean;
+    page: number;
+    pageSize: number;
+    search?: string;
+    sort?: SortOption;
+    status?: OrderStatus;
+}): import("@tanstack/react-query").UseQueryResult<import("../../model/storefront.model").OrderCollectionModel, Error>;

package/dist/shared/api/storefront/hooks/orders/use-fetch-orders.js

@@ -0,0 +1,13 @@
+import { useQuery } from '@tanstack/react-query';
+import { fetchOrders } from '../../services/order-service.js';
+
+function useFetchOrders({ enabled = true, page = 1, pageSize = 20, search, sort, status, } = { enabled: true, page: 1, pageSize: 20, search: '' }) {
+    return useQuery({
+        enabled,
+        placeholderData: prev => prev,
+        queryFn: () => fetchOrders({ page, pageSize, search, sort, status }),
+        queryKey: ['orders', page, pageSize, search, sort, status],
+    });
+}
+
+export { useFetchOrders };

package/dist/shared/api/storefront/model/storefront.model.d.ts

@@ -2255,7 +2255,7 @@ export interface OrderModel extends BaseModel {
     stAddress4: string;
     stCompanyName: string;
     stCountry: string;
-    status: string;
+    status: OrderStatus;
     statusDisplay: string;
     taxAmount: number;
     taxAmountDisplay: string;
@@ -3068,3 +3068,15 @@ export interface Country {
     languages: Language[];
     name: string;
 }
+export declare const orderStatusMappings: {
+    readonly Cancelled: ["Cancelled"];
+    readonly Fulfilled: ["FullyDelivered"];
+    readonly 'Partially fulfilled': ["PartiallyDelivered"];
+    readonly Processing: ["Edited", "ProcessingInWarehouse", "ResubmittedInWarehouse", "SendToWarehouse", "Submitted"];
+    readonly Saved: ["Saved"];
+    readonly 'Waiting for customer service': ["ErrorSendingToWarehouse", "PendingPaymentValidation", "OnHold", "PendingManualVatValidation"];
+};
+export type OrderStatus = keyof typeof orderStatusMappings;
+export declare const orderStatuses: OrderStatus[];
+export declare function fromApiStatusToOrderStatus(status: string): OrderStatus;
+export declare const isValidStatus: (status: string | undefined | null) => status is OrderStatus;

package/dist/shared/api/storefront/model/storefront.model.js

@@ -38,5 +38,32 @@ var BadgeStyleValues;
     BadgeStyleValues["Rectangle"] = "Rectangle";
     BadgeStyleValues["Round"] = "Round";
 })(BadgeStyleValues || (BadgeStyleValues = {}));
+const orderStatusMappings = {
+    Cancelled: ['Cancelled'],
+    Fulfilled: ['FullyDelivered'],
+    'Partially fulfilled': ['PartiallyDelivered'],
+    Processing: [
+        'Edited',
+        'ProcessingInWarehouse',
+        'ResubmittedInWarehouse',
+        'SendToWarehouse',
+        'Submitted',
+    ],
+    Saved: ['Saved'],
+    'Waiting for customer service': [
+        'ErrorSendingToWarehouse',
+        'PendingPaymentValidation',
+        'OnHold',
+        'PendingManualVatValidation',
+    ],
+};
+const orderStatuses = Object.keys(orderStatusMappings);
+function fromApiStatusToOrderStatus(status) {
+    const orderStatus = Object.entries(orderStatusMappings).find(([, mappedStatuses]) => mappedStatuses.includes(status))?.[0];
+    if (!orderStatus)
+        throw new Error(`Unknown order status: ${status}`);
+    return orderStatus;
+}
+const isValidStatus = (status) => Object.keys(orderStatusMappings).includes(status || '');
 
-export { AvailabilityMessageType, BadgeImagePlacementValues, BadgeStyleValues, BadgeTypeValues, CurrencyPositioningType, VariantDisplayTypeValues };
+export { AvailabilityMessageType, BadgeImagePlacementValues, BadgeStyleValues, BadgeTypeValues, CurrencyPositioningType, VariantDisplayTypeValues, fromApiStatusToOrderStatus, isValidStatus, orderStatusMappings, orderStatuses };

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

@@ -0,0 +1,12 @@
+import { OrderCollectionModel, OrderStatus } from '../model/storefront.model';
+export interface SortOption {
+    name: string;
+    order: 'ASC' | 'DESC';
+}
+export declare function fetchOrders({ page, pageSize, search, sort, status, }?: {
+    page?: number;
+    pageSize?: number;
+    search?: string;
+    sort?: SortOption;
+    status?: OrderStatus;
+}): Promise<OrderCollectionModel>;

package/dist/shared/api/storefront/services/order-service.js

@@ -0,0 +1,29 @@
+import { config } from '../../../../config.js';
+import { request } from '../../../fetch/request.js';
+import { orderStatusMappings, fromApiStatusToOrderStatus } from '../model/storefront.model.js';
+
+async function fetchOrders({ page = 1, pageSize = 20, search, sort, status, } = {}) {
+    const searchParams = new URLSearchParams();
+    if (page)
+        searchParams.set('page', page.toString());
+    if (pageSize)
+        searchParams.set('pageSize', pageSize.toString());
+    if (search)
+        searchParams.set('search', search);
+    if (sort)
+        searchParams.set('sort', `${sort.name} ${sort.order.toLocaleUpperCase()}`);
+    if (status) {
+        const mappedStatuses = orderStatusMappings[status];
+        mappedStatuses.forEach(mappedStatus => {
+            searchParams.append('status', mappedStatus);
+        });
+    }
+    const { body } = await request({
+        credentials: 'include',
+        url: `${config.SHOP_API_URL}/api/v1/orders/${searchParams.size > 0 ? `?${searchParams.toString()}` : ''}`,
+    });
+    body.orders?.forEach(order => (order.status = fromApiStatusToOrderStatus(order.status)));
+    return body;
+}
+
+export { fetchOrders };

package/dist/shared/data/navigation.d.ts

@@ -0,0 +1,2 @@
+import { NavigationResponse } from '../api/bff/model/bff.model';
+export declare const navigationData: NavigationResponse;