@sonic-equipment/ui 173.0.0 → 175.0.0

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

@@ -1 +1,5 @@
-export declare function useSignOut(): import("@tanstack/react-query").UseMutationResult<void, Error, void, unknown>;
+export interface UseSignOutArgs {
+    onError?: (error: Error) => void;
+    onSuccess?: VoidFunction;
+}
+export declare function useSignOut(options?: UseSignOutArgs): import("@tanstack/react-query").UseMutationResult<void, Error, void, unknown>;

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

@@ -2,9 +2,10 @@ import { useQueryClient, useMutation } from '@tanstack/react-query';
 import { UnauthorizedRequestError } from '../../../../fetch/request.js';
 import { signOut } from '../../services/authentication-service.js';
 
-function useSignOut() {
+function useSignOut(options = {}) {
     const queryClient = useQueryClient();
     return useMutation({
+        ...options,
         mutationFn: async () => {
             try {
                 await signOut();

package/dist/shared/api/storefront/hooks/customer/use-fetch-current-bill-to-address.d.ts

@@ -0,0 +1 @@
+export declare function useFetchCurrentBillToAddress(): import("@tanstack/react-query").UseQueryResult<import("../../model/storefront.model").BillToModel, Error>;

package/dist/shared/api/storefront/hooks/customer/use-fetch-current-bill-to-address.js

@@ -0,0 +1,11 @@
+import { useQuery } from '@tanstack/react-query';
+import { fetchCurrentBillToAddress } from '../../services/customer-service.js';
+
+function useFetchCurrentBillToAddress() {
+    return useQuery({
+        queryFn: fetchCurrentBillToAddress,
+        queryKey: ['customer', 'bill-to-address', 'current'],
+    });
+}
+
+export { useFetchCurrentBillToAddress };

package/dist/shared/api/storefront/hooks/customer/use-fetch-current-ship-to-address.d.ts

@@ -0,0 +1 @@
+export declare function useFetchCurrentShipToAddress(): import("@tanstack/react-query").UseQueryResult<import("../../model/storefront.model").ShipToModel, Error>;

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

@@ -0,0 +1,17 @@
+import { useQuery } from '@tanstack/react-query';
+import { fetchCurrentShipToAddress } from '../../services/customer-service.js';
+
+function useFetchCurrentShipToAddress() {
+    return useQuery({
+        queryFn: fetchCurrentShipToAddress,
+        queryKey: [
+            'customer',
+            'bill-to-address',
+            'current',
+            'ship-to-address',
+            'current',
+        ],
+    });
+}
+
+export { useFetchCurrentShipToAddress };

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

@@ -1,5 +1,5 @@
 import { config } from '../../../../config.js';
-import { request, RequestError, isRequestError } from '../../../fetch/request.js';
+import { request, isRequestError, RequestError } from '../../../fetch/request.js';
 
 async function fetchSession() {
     const { body } = await request({
@@ -58,10 +58,17 @@ async function createSession({ accessToken, isGuest, keepMeSignedIn, password, r
     return body;
 }
 async function signOut() {
-    await request({
-        method: 'DELETE',
-        url: `${config.SHOP_API_URL}/api/v1/sessions/current`,
-    });
+    try {
+        await request({
+            method: 'DELETE',
+            url: `${config.SHOP_API_URL}/api/v1/sessions/current`,
+        });
+    }
+    catch (error) {
+        if (isRequestError(error) && error.status === 401)
+            return;
+        throw error;
+    }
 }
 async function createGuestAccount({ defaultWarehouseId, }) {
     const { body } = await request({

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

@@ -1,4 +1,6 @@
-import { BillToCollectionModel, BillToModel, PatchBillToModel, ShipToCollectionModel } from 'shared/api/storefront/model/storefront.model';
+import { BillToCollectionModel, BillToModel, PatchBillToModel, ShipToCollectionModel, ShipToModel } from 'shared/api/storefront/model/storefront.model';
+export declare function fetchCurrentBillToAddress(): Promise<BillToModel>;
+export declare function fetchCurrentShipToAddress(): Promise<ShipToModel>;
 export declare function fetchBillToAddresses(): Promise<BillToCollectionModel>;
 export declare function fetchShipToAddresses({ shipToId }: {
     shipToId: string;

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

@@ -1,6 +1,20 @@
 import { config } from '../../../../config.js';
 import { request } from '../../../fetch/request.js';
 
+async function fetchCurrentBillToAddress() {
+    const { body } = await request({
+        credentials: 'include',
+        url: `${config.SHOP_API_URL}/api/v1/billtos/current`,
+    });
+    return body;
+}
+async function fetchCurrentShipToAddress() {
+    const { body } = await request({
+        credentials: 'include',
+        url: `${config.SHOP_API_URL}/api/v1/billtos/current/shiptos/current`,
+    });
+    return body;
+}
 async function fetchBillToAddresses() {
     const { body } = await request({
         credentials: 'include',
@@ -36,4 +50,4 @@ async function fetchFulfillmentMethods({ customerId, }) {
     return updatedBillTo;
 }
 
-export { fetchBillToAddresses, fetchFulfillmentMethods, fetchShipToAddresses, patchBillToAddress };
+export { fetchBillToAddresses, fetchCurrentBillToAddress, fetchCurrentShipToAddress, fetchFulfillmentMethods, fetchShipToAddresses, patchBillToAddress };

package/dist/shared/routing/route-provider.d.ts

@@ -2,8 +2,12 @@ import { ElementType, ReactNode } from 'react';
 import { NavigateFunction, RouteLinkElementProps } from './types';
 export interface RouteProviderProps {
     Link?: ElementType<RouteLinkElementProps>;
-    basePath?: string;
     children: ReactNode;
     navigate: NavigateFunction;
+    url: {
+        basePathname?: string;
+        pathname: string;
+        search: string;
+    };
 }
-export declare function RouteProvider({ basePath, children, Link, navigate, }: RouteProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function RouteProvider({ children, Link, navigate, url, }: RouteProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared/routing/route-provider.js

@@ -3,8 +3,12 @@ import { jsx, Fragment } from 'react/jsx-runtime';
 import { useGlobalState } from '../providers/global-state-provider.js';
 import { withRouting } from './with-routing.js';
 
-function RouteProvider({ basePath, children, Link = FallbackRouteLink, navigate, }) {
-    useGlobalState('routing', { Link, basePath, navigate });
+function RouteProvider({ children, Link = FallbackRouteLink, navigate, url, }) {
+    useGlobalState('routing', {
+        Link,
+        navigate,
+        url,
+    });
     return jsx(Fragment, { children: children });
 }
 const FallbackRouteLink = withRouting('a');

package/dist/shared/routing/route-utils.d.ts

@@ -1,4 +1,4 @@
-export declare function buildHref({ basePath, href, }: {
-    basePath?: string;
+export declare function buildHref({ basePathname, href, }: {
+    basePathname?: string;
     href: string;
 }): string;

package/dist/shared/routing/route-utils.js

@@ -1,6 +1,9 @@
-function buildHref({ basePath, href, }) {
-    if (basePath && href.startsWith('/') && !href.startsWith(`/${basePath}`)) {
-        return `/${basePath}${href}`;
+function buildHref({ basePathname, href, }) {
+    if (!href.startsWith('http') &&
+        basePathname &&
+        basePathname !== '/' &&
+        !href.startsWith(`/${basePathname}`)) {
+        return `/${basePathname.replace(/^\//, '')}/${href.replace(/^\//, '')}`;
     }
     return href;
 }

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

@@ -1,12 +1,16 @@
 import { ElementType } from 'react';
 export interface RouteContext {
     Link?: ElementType<RouteLinkElementProps>;
-    basePath?: string;
     navigate: NavigateFunction;
+    url: {
+        basePathname?: string;
+        pathname: string;
+        search: string;
+    };
 }
 export interface RouteLinkElementProps extends React.HTMLProps<HTMLAnchorElement> {
     href: string;
-    onNavigate: () => void;
+    onNavigate?: () => void;
     route?: NavigateOptions;
 }
 export interface NavigateOptions {

package/dist/shared/routing/use-location.d.ts

@@ -0,0 +1,9 @@
+import qs from 'query-string';
+export declare function useLocation(): {
+    basePathname: string | undefined;
+    fullPathname: string | undefined;
+    href: string;
+    pathname: string | undefined;
+    query: qs.ParsedQuery<string>;
+    search: string | undefined;
+};

package/dist/shared/routing/use-location.js

@@ -0,0 +1,18 @@
+import qs from 'query-string';
+import { useGlobalState } from '../providers/global-state-provider.js';
+
+function useLocation() {
+    const [routeState] = useGlobalState('routing');
+    const { url: { basePathname, pathname, search }, } = routeState || { url: {} };
+    const query = qs.parse(search || '');
+    return {
+        basePathname,
+        fullPathname: pathname,
+        href: `${pathname}${search}`,
+        pathname: pathname?.replace(new RegExp(`^${basePathname}`), ''),
+        query,
+        search,
+    };
+}
+
+export { useLocation };

package/dist/shared/routing/use-route-link.d.ts

@@ -4,5 +4,6 @@ export declare function useRouteLink(): {
     getRouteLinkProps: (href: string, route?: NavigateOptions) => {
         href: string;
         onNavigate: () => void;
+        route: NavigateOptions | undefined;
     };
 };

package/dist/shared/routing/use-route-link.js

@@ -1,20 +1,21 @@
 import { useCallback } from 'react';
 import { buildHref } from './route-utils.js';
-import { useBasePath } from './use-base-path.js';
+import { useLocation } from './use-location.js';
 import { useOnNavigate } from './use-on-navigate.js';
 import { useRouteLinkElement } from './use-route-link-element.js';
 
 function useRouteLink() {
-    const basePath = useBasePath();
+    const { basePathname } = useLocation();
     const RouteLinkElement = useRouteLinkElement();
     const triggerCallbacks = useOnNavigate();
     const getRouteLinkProps = useCallback((href, route) => {
-        href = buildHref({ basePath, href });
+        href = buildHref({ basePathname, href });
         return {
             href,
             onNavigate: () => triggerCallbacks(href, route),
+            route,
         };
-    }, [basePath, triggerCallbacks]);
+    }, [basePathname, triggerCallbacks]);
     return {
         RouteLinkElement,
         getRouteLinkProps,

package/dist/shared/routing/with-routing.js

@@ -1,17 +1,9 @@
 import { createElement } from 'react';
-import { useBasePath } from './use-base-path.js';
 import { useNavigate } from './use-navigate.js';
 
 function withRouting(component) {
-    const Component = ({ href, onClick, route, ...rest }) => {
+    const Component = ({ href, onClick, onNavigate, route, ...rest }) => {
         const { navigate } = useNavigate();
-        const basePath = useBasePath();
-        if (basePath &&
-            href &&
-            href.startsWith('/') &&
-            !href.startsWith(`/${basePath}`)) {
-            href = `/${basePath}${href}`;
-        }
         const props = {
             ...rest,
             href,
@@ -28,6 +20,7 @@ function withRouting(component) {
                 }
                 return navigate(href, route);
             },
+            ...(component === 'a' ? {} : { onNavigate }),
             route,
         };
         return createElement(component, props);

package/dist/sidebar/toggle-sidebar-button.js

@@ -7,7 +7,7 @@ import { useSidebar } from './use-sidebar.js';
 
 const ToggleSidebarButton = () => {
     const { isOpen, toggle } = useSidebar();
-    return (jsx(Button, { color: "secondary", icon: jsx(StrokeFilterIcon, {}), onClick: toggle, size: "sm", variant: "outline", children: isOpen ? (jsx(FormattedMessage, { id: "Hide filters" })) : (jsx(FormattedMessage, { id: "Show filters" })) }));
+    return (jsx(Button, { light: true, color: "secondary", icon: jsx(StrokeFilterIcon, {}), onClick: toggle, size: "sm", variant: "outline", children: isOpen ? (jsx(FormattedMessage, { id: "Hide filters" })) : (jsx(FormattedMessage, { id: "Show filters" })) }));
 };
 
 export { ToggleSidebarButton };