@sonic-equipment/ui 188.0.0 → 190.0.0

package/dist/loading/dynamic-loading-overlay.module.css.js

@@ -0,0 +1,3 @@
+var styles = {"dynamic-loading-overlay":"dynamic-loading-overlay-module-CAecM","content":"dynamic-loading-overlay-module-XeFAb","loading-indicator":"dynamic-loading-overlay-module-lhL5i","spinner":"dynamic-loading-overlay-module-cpo4H","is-loading":"dynamic-loading-overlay-module-3bed-"};
+
+export { styles as default };

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

@@ -99,7 +99,7 @@ function CartContent({ cartLines }) {
                     originalTotalPrice: ensureNumber(cartLine.properties.totalListPrice),
                     pricePerUnit: cartLine.pricing?.unitNetPrice || 0,
                     totalPrice: cartLine.pricing?.extendedUnitNetPrice || 0,
-                }, productId: cartLine.productId || '', sku: cartLine.erpNumber || '', tags: [], title: cartLine.shortDescription }, cartLine.id))) }) }));
+                }, productId: cartLine.productId || '', sku: cartLine.erpNumber || '', tags: [cartLine.properties.label].filter(Boolean), title: cartLine.shortDescription }, cartLine.id))) }) }));
 }
 function CartPage() {
     const t = useFormattedMessage();

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/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/hooks/use-intersection-observer.d.ts

@@ -6,9 +6,11 @@ export interface UseIntersectionObserverProps {
     intersectionObserverInit?: IntersectionObserverInit;
     isDisabled?: boolean;
     observables: Observable[];
+    onCallback?: (entries: IntersectionObserverEntry[]) => void;
     onIntersectingChange?: (isIntersecting: boolean) => void;
+    threshold?: number[] | number;
 }
-export declare function useIntersectionObserver({ intersectionObserverInit, isDisabled, observables, onIntersectingChange, }: UseIntersectionObserverProps): {
+export declare function useIntersectionObserver({ intersectionObserverInit, isDisabled, observables, onCallback, onIntersectingChange, threshold, }: UseIntersectionObserverProps): {
     isIntersecting: boolean;
 };
 export {};

package/dist/shared/hooks/use-intersection-observer.js

@@ -1,7 +1,7 @@
 "use client";
 import { useState, useRef, useEffect } from 'react';
 
-function useIntersectionObserver({ intersectionObserverInit, isDisabled, observables, onIntersectingChange, }) {
+function useIntersectionObserver({ intersectionObserverInit, isDisabled, observables, onCallback, onIntersectingChange, threshold = 0, }) {
     const [isIntersecting, setIntersecting] = useState(false);
     const state = useRef([]);
     function disconnectObservers() {
@@ -21,9 +21,10 @@ function useIntersectionObserver({ intersectionObserverInit, isDisabled, observa
                 if (isCurrentlyAnyIntersecting !== isIntersecting) {
                     onIntersectingChange?.(isCurrentlyAnyIntersecting);
                 }
+                onCallback?.(entries);
             }, {
                 rootMargin: '0px',
-                threshold: 0,
+                threshold,
                 ...observable.options,
                 ...intersectionObserverInit,
             }),

package/dist/shared/utils/date.d.ts

@@ -1,2 +1,5 @@
 import { CultureCode } from '../../intl/types';
-export declare function formatDateToLocaleString(date?: Date, cultureCode?: CultureCode, options?: Intl.DateTimeFormatOptions): string;
+export declare function formatDate(date: Date, cultureCode?: CultureCode, options?: Intl.DateTimeFormatOptions): string;
+export declare function formatDate(date: string, cultureCode?: CultureCode, options?: Intl.DateTimeFormatOptions): string | undefined;
+export declare function formatDate(date: null | undefined, cultureCode?: CultureCode, options?: Intl.DateTimeFormatOptions): undefined;
+export declare function formatDate(date: Date | string | null | undefined, cultureCode?: CultureCode, options?: Intl.DateTimeFormatOptions): string | undefined;

package/dist/shared/utils/date.js

@@ -1,12 +1,13 @@
-function formatDateToLocaleString(date, cultureCode, options = {
+function formatDate(date, cultureCode, options = {
     day: 'numeric',
     month: 'long',
     weekday: 'long',
     year: 'numeric',
 }) {
-    if (!date || !cultureCode)
-        return '';
-    return date.toLocaleDateString(cultureCode, options);
+    if (!date)
+        return;
+    const formattedDate = new Intl.DateTimeFormat(cultureCode, options).format(date instanceof Date ? date : new Date(date));
+    return formattedDate;
 }
 
-export { formatDateToLocaleString };
+export { formatDate };