@lookiero/checkout 0.8.4-beta.10 → 0.8.4-beta.2

package/dist/shared/notifications/infrastructure/domain/notification/react/useCreateNotification.js

@@ -2,21 +2,14 @@ import { useCommand } from "@lookiero/messaging-react";
 import { useCallback } from "react";
 import { v4 as uuid } from "uuid";
 import { createNotification } from "../../../../domain/notification/command/createNotification";
-const useCreateNotification = ({ contextId, logger }) => {
+const useCreateNotification = ({ contextId }) => {
     const [commandBus, status] = useCommand({ contextId });
-    const create = useCallback(async ({ aggregateId, level, titleI18nKey, bodyI18nKey }) => {
-        try {
-            await commandBus(createNotification({
-                aggregateId: aggregateId || uuid(),
-                level,
-                titleI18nKey,
-                bodyI18nKey,
-            }));
-        }
-        catch (error) {
-            logger.captureException(error);
-        }
-    }, [commandBus, logger]);
+    const create = useCallback(({ aggregateId, level, titleI18nKey, bodyI18nKey }) => commandBus(createNotification({
+        aggregateId: aggregateId || uuid(),
+        level,
+        titleI18nKey,
+        bodyI18nKey,
+    })), [commandBus]);
     return [create, status];
 };
 export { useCreateNotification };

package/dist/shared/notifications/infrastructure/domain/notification/react/useRemoveNotification.d.ts

@@ -1,5 +1,4 @@
 import { CommandStatus } from "@lookiero/messaging-react";
-import { Logger } from "../../../../../logging/Logger";
 interface RemoveNotificationFunctionArgs {
     readonly aggregateId: string;
 }
@@ -8,7 +7,6 @@ interface RemoveNotificationFunction {
 }
 interface UseRemoveNotificationFunctionArgs {
     readonly contextId: string;
-    readonly logger: Logger;
 }
 interface UseRemoveNotificationFunction {
     (args: UseRemoveNotificationFunctionArgs): [remove: RemoveNotificationFunction, status: CommandStatus];

package/dist/shared/notifications/infrastructure/domain/notification/react/useRemoveNotification.js

@@ -1,16 +1,9 @@
 import { useCommand } from "@lookiero/messaging-react";
 import { useCallback } from "react";
 import { removeNotification } from "../../../../domain/notification/command/removeNotification";
-const useRemoveNotification = ({ contextId, logger }) => {
+const useRemoveNotification = ({ contextId }) => {
     const [commandBus, status] = useCommand({ contextId });
-    const remove = useCallback(async ({ aggregateId }) => {
-        try {
-            await commandBus(removeNotification({ aggregateId }));
-        }
-        catch (error) {
-            logger.captureException(error);
-        }
-    }, [commandBus, logger]);
+    const remove = useCallback(({ aggregateId }) => commandBus(removeNotification({ aggregateId })), [commandBus]);
     return [remove, status];
 };
 export { useRemoveNotification };

package/dist/shared/notifications/infrastructure/ui/views/Notifications.js

@@ -1,12 +1,10 @@
 import React, { useCallback } from "react";
-import { useLogger } from "../../../../logging/useLogger";
 import { useListNotifications } from "../../../projection/notification/react/useListNotifications";
 import { useRemoveNotification } from "../../domain/notification/react/useRemoveNotification";
 import { Notifications as NotificationsTemplate } from "../components/Notifications";
 const Notifications = ({ contextId }) => {
-    const logger = useLogger();
     const [notifications] = useListNotifications({ contextId });
-    const [remove] = useRemoveNotification({ contextId, logger });
+    const [remove] = useRemoveNotification({ contextId });
     const onRemove = useCallback((id) => remove({ aggregateId: id }), [remove]);
     return React.createElement(NotificationsTemplate, { notifications: notifications, onRemove: onRemove });
 };

package/dist/shared/ui/components/layouts/slider/Slider.js

@@ -1,9 +1,17 @@
 import React, { useCallback, useEffect, useRef, useState } from "react";
-import { Animated, I18nManager, PanResponder, StyleSheet, View, } from "react-native";
-import { Pagination } from "./Pagination";
+import { Animated, // Dimensions,
+I18nManager, PanResponder, StyleSheet, View, } from "react-native";
+// import { Pagination } from "./Pagination";
 import { style } from "./Slider.style";
 const DEFAULT_WIDTH = 200;
-const Slider = ({ children, active = 0, loop = false, minDistanceToCapture = 5, minDistanceForAction = 0.2, gesturesEnabled = true, paginationEnabled = true, paginationStyle, paginationItemStyle, paginationActiveItemStyle, onSliderStart, onSliderEnd, onChanged, paginationRenderItem, }) => {
+const Slider = ({ children, active = 0, loop = false, minDistanceToCapture = 5, minDistanceForAction = 0.2, gesturesEnabled = true, 
+// paginationEnabled = true,
+// paginationStyle,
+// paginationItemStyle,
+// paginationActiveItemStyle,
+onSliderStart, onSliderEnd, onChanged,
+// paginationRenderItem,
+ }) => {
     const flatennedChildren = children.flat();
     const count = flatennedChildren.length;
     const [width, setWidth] = useState(0);
@@ -100,7 +108,7 @@ const Slider = ({ children, active = 0, loop = false, minDistanceToCapture = 5,
             fixAndGo(delta);
         }
     }, [fixAndGo]);
-    const getActiveIndex = useCallback(() => activeIndex.current, []);
+    // const getActiveIndex = useCallback(() => activeIndex.current, []);
     useEffect(() => {
         pan.x.addListener(({ value }) => (animatedValueX.current = value));
         pan.y.addListener(({ value }) => (animatedValueY.current = value));
@@ -120,13 +128,40 @@ const Slider = ({ children, active = 0, loop = false, minDistanceToCapture = 5,
         widthRef.current = width;
         fixState();
     }, [fixState]);
-    return (React.createElement(View, { style: style.container, testID: "slider", onLayout: onLayoutWrapper },
-        React.createElement(Animated.View, { style: StyleSheet.flatten([
-                {
-                    transform: [{ translateX: pan.x }, { translateY: pan.y }],
-                },
-                style.sliderAreaStyle,
-            ]), ...panResponder.panHandlers }, flatennedChildren.map((child, index) => (React.createElement(View, { key: index, style: { width }, testID: "slider-child" }, child)))),
-        paginationEnabled && (React.createElement(Pagination, { activeIndex: getActiveIndex(), count: count, paginationActiveItemStyle: paginationActiveItemStyle, paginationItemStyle: paginationItemStyle, paginationStyle: paginationStyle, renderItem: paginationRenderItem, onChange: (index) => goTo(index) }))));
+    return (
+    // <View style={style.container} testID="slider" onLayout={onLayoutWrapper}>
+    //   <Animated.View
+    //     style={StyleSheet.flatten([
+    //       {
+    //         transform: [{ translateX: pan.x }, { translateY: pan.y }],
+    //       },
+    //       style.sliderAreaStyle,
+    //     ])}
+    //     {...panResponder.panHandlers}
+    //   >
+    //     {flatennedChildren.map((child, index) => (
+    //       <View key={index} style={{ width }} testID="slider-child">
+    //         {child}
+    //       </View>
+    //     ))}
+    //   </Animated.View>
+    //   {paginationEnabled && (
+    //     <Pagination
+    //       activeIndex={getActiveIndex()}
+    //       count={count}
+    //       paginationActiveItemStyle={paginationActiveItemStyle}
+    //       paginationItemStyle={paginationItemStyle}
+    //       paginationStyle={paginationStyle}
+    //       renderItem={paginationRenderItem}
+    //       onChange={(index) => goTo(index)}
+    //     />
+    //   )}
+    // </View>
+    React.createElement(Animated.View, { style: StyleSheet.flatten([
+            {
+                transform: [{ translateX: pan.x }, { translateY: pan.y }],
+            },
+            style.sliderAreaStyle,
+        ]), onLayout: onLayoutWrapper, ...panResponder.panHandlers }, flatennedChildren.map((child, index) => (React.createElement(View, { key: index, style: { width: "100%" }, testID: "slider-child" }, child)))));
 };
 export { Slider };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "0.8.4-beta.10",
+  "version": "0.8.4-beta.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -110,7 +110,6 @@
     "prettier": "^2.7.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-error-overlay": "^6.0.9",
     "react-native": "^0.70.6",
     "react-native-adjust": "^4.33.0",
     "react-native-get-random-values": "^1.8.0",

package/dist/domain/checkout/command/markCheckoutAsPaid.d.ts

@@ -1,13 +0,0 @@
-import { Command } from "@lookiero/messaging";
-declare const MARK_CHECKOUT_AS_PAID = "mark_checkout_as_paid";
-interface MarkCheckoutAsPaidPayload {
-    readonly aggregateId: string;
-}
-interface MarkCheckoutAsPaid extends Command<typeof MARK_CHECKOUT_AS_PAID>, MarkCheckoutAsPaidPayload {
-}
-interface MarkCheckoutAsPaidFunction {
-    (payload: MarkCheckoutAsPaidPayload): MarkCheckoutAsPaid;
-}
-declare const markCheckoutAsPaid: MarkCheckoutAsPaidFunction;
-export type { MarkCheckoutAsPaid };
-export { MARK_CHECKOUT_AS_PAID, markCheckoutAsPaid };

package/dist/domain/checkout/command/markCheckoutAsPaid.js

@@ -1,4 +0,0 @@
-import { command } from "@lookiero/messaging";
-const MARK_CHECKOUT_AS_PAID = "mark_checkout_as_paid";
-const markCheckoutAsPaid = ({ aggregateId }) => command({ aggregateId, name: MARK_CHECKOUT_AS_PAID });
-export { MARK_CHECKOUT_AS_PAID, markCheckoutAsPaid };

package/dist/domain/checkout/model/checkoutPaid.d.ts

@@ -1,13 +0,0 @@
-import { DomainEvent } from "@lookiero/messaging";
-declare const CHECKOUT_PAID = "checkout_paid";
-interface CheckoutPaidPayload {
-    readonly aggregateId: string;
-}
-interface CheckoutPaid extends DomainEvent<typeof CHECKOUT_PAID>, CheckoutPaidPayload {
-}
-interface CheckoutPaidFunction {
-    (payload: CheckoutPaidPayload): CheckoutPaid;
-}
-declare const checkoutPaid: CheckoutPaidFunction;
-export type { CheckoutPaid };
-export { CHECKOUT_PAID, checkoutPaid };

package/dist/domain/checkout/model/checkoutPaid.js

@@ -1,4 +0,0 @@
-import { domainEvent } from "@lookiero/messaging";
-const CHECKOUT_PAID = "checkout_paid";
-const checkoutPaid = ({ aggregateId }) => domainEvent({ aggregateId, name: CHECKOUT_PAID });
-export { CHECKOUT_PAID, checkoutPaid };

package/dist/infrastructure/domain/checkout/model/httpCheckoutsMarkAsPaid.d.ts

@@ -1,5 +0,0 @@
-import { HttpCheckoutsSaveFunction } from "./httpCheckouts";
-interface HttpCheckoutsMarkAsPaidFunction extends HttpCheckoutsSaveFunction {
-}
-declare const httpCheckoutsMarkAsPaid: HttpCheckoutsMarkAsPaidFunction;
-export { httpCheckoutsMarkAsPaid };

package/dist/infrastructure/domain/checkout/model/httpCheckoutsMarkAsPaid.js

@@ -1,13 +0,0 @@
-import { CHECKOUT_PAID } from "../../../../domain/checkout/model/checkoutPaid";
-const isCheckoutPaid = (event) => event.name === CHECKOUT_PAID;
-const httpCheckoutsMarkAsPaid = ({ httpPost }) => async ({ aggregateId, domainEvents }) => {
-    const checkoutPaid = domainEvents.find(isCheckoutPaid);
-    if (!checkoutPaid) {
-        return;
-    }
-    await httpPost({
-        endpoint: "/mark-checkout-as-paid",
-        body: { checkoutId: aggregateId },
-    });
-};
-export { httpCheckoutsMarkAsPaid };

package/dist/infrastructure/domain/checkout/react/useMarkCheckoutAsPaid.d.ts

@@ -1,13 +0,0 @@
-import { CommandStatus } from "@lookiero/messaging-react";
-interface MarkAsPaidFunction {
-    (): Promise<void>;
-}
-type UseMarkCheckoutAsPaid = [markAsPaid: MarkAsPaidFunction, status: CommandStatus];
-interface UseMarkCheckoutAsPaidFunctionArgs {
-    readonly checkoutId?: string;
-}
-interface UseMarkCheckoutAsPaidFunction {
-    (args: UseMarkCheckoutAsPaidFunctionArgs): UseMarkCheckoutAsPaid;
-}
-declare const useMarkCheckoutAsPaid: UseMarkCheckoutAsPaidFunction;
-export { useMarkCheckoutAsPaid };

package/dist/infrastructure/domain/checkout/react/useMarkCheckoutAsPaid.js

@@ -1,16 +0,0 @@
-import { useCommand } from "@lookiero/messaging-react";
-import { useCallback } from "react";
-import invariant from "tiny-invariant";
-import { markCheckoutAsPaid } from "../../../../domain/checkout/command/markCheckoutAsPaid";
-import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
-const useMarkCheckoutAsPaid = ({ checkoutId }) => {
-    const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const markAsPaid = useCallback(() => {
-        invariant(checkoutId, "CheckoutId must be defined in order to mark the checkout as paid");
-        return commandBus(markCheckoutAsPaid({
-            aggregateId: checkoutId,
-        }));
-    }, [checkoutId, commandBus]);
-    return [markAsPaid, status];
-};
-export { useMarkCheckoutAsPaid };

package/dist/infrastructure/domain/checkoutBooking/react/useBookCheckouBookingForCheckoutItem.d.ts

@@ -1,13 +0,0 @@
-import { CommandStatus } from "@lookiero/messaging-react";
-interface BookFunction {
-    (): Promise<void>;
-}
-type UseBookCheckouBookingForCheckoutItem = [book: BookFunction, status: CommandStatus];
-interface UseBookCheckouBookingForCheckoutItemFunctionArgs {
-    readonly checkoutItemId: string;
-}
-interface UseBookCheckouBookingForCheckoutItemFunction {
-    (args: UseBookCheckouBookingForCheckoutItemFunctionArgs): UseBookCheckouBookingForCheckoutItem;
-}
-declare const useBookCheckouBookingForCheckoutItem: UseBookCheckouBookingForCheckoutItemFunction;
-export { useBookCheckouBookingForCheckoutItem };

package/dist/infrastructure/domain/checkoutBooking/react/useBookCheckouBookingForCheckoutItem.js

@@ -1,14 +0,0 @@
-import { useCommand } from "@lookiero/messaging-react";
-import { useCallback } from "react";
-import { v4 as uuid } from "uuid";
-import { bookCheckoutBookingForCheckoutItem } from "../../../../domain/checkoutBooking/command/bookCheckoutBookingForCheckoutItem";
-import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
-const useBookCheckouBookingForCheckoutItem = ({ checkoutItemId }) => {
-    const [commandBus, status] = useCommand({ contextId: MESSAGING_CONTEXT_ID });
-    const book = useCallback(() => commandBus(bookCheckoutBookingForCheckoutItem({
-        aggregateId: uuid(),
-        checkoutItemId,
-    })), [checkoutItemId, commandBus]);
-    return [book, status];
-};
-export { useBookCheckouBookingForCheckoutItem };

package/dist/infrastructure/projection/bookedSizeChangeProductsVariants/httpBookedSizeChangeProductsVariantsForCheckoutItemView.d.ts

@@ -1,12 +0,0 @@
-import { BookedSizeChangeProductsVariantsForCheckoutItemView } from "../../../projection/bookedSizeChangeProductsVariants/viewBookedSizeChangeProductVariantsForCheckoutItem";
-import { HttpPostFunction } from "../../delivery/http/httpClient";
-interface HttpBookedSizeChangeProductsVariantsForCheckoutItemView extends BookedSizeChangeProductsVariantsForCheckoutItemView {
-}
-interface HttpBookedSizeChangeProductsVariantsForCheckoutItemViewFunctionArgs {
-    readonly httpPost: HttpPostFunction;
-}
-interface HttpBookedSizeChangeProductsVariantsForCheckoutItemViewFunction {
-    (args: HttpBookedSizeChangeProductsVariantsForCheckoutItemViewFunctionArgs): HttpBookedSizeChangeProductsVariantsForCheckoutItemView;
-}
-declare const httpBookedSizeChangeProductsVariantsForCheckoutItemView: HttpBookedSizeChangeProductsVariantsForCheckoutItemViewFunction;
-export { httpBookedSizeChangeProductsVariantsForCheckoutItemView };

package/dist/infrastructure/projection/bookedSizeChangeProductsVariants/httpBookedSizeChangeProductsVariantsForCheckoutItemView.js

@@ -1,9 +0,0 @@
-const httpBookedSizeChangeProductsVariantsForCheckoutItemView = ({ httpPost }) => async ({ checkoutItemId, signal }) => {
-    const response = await httpPost({
-        endpoint: "/view-booked-size-change-product-variants-for-checkout-item",
-        body: { checkoutItemId },
-        signal,
-    });
-    return !response.ok || response.status === 404 ? null : (await response.json()).result;
-};
-export { httpBookedSizeChangeProductsVariantsForCheckoutItemView };

package/dist/infrastructure/projection/bookedSizeChangeProductsVariants/react/useViewBookedSizeChangeProductsVariantsForCheckoutItem.d.ts

@@ -1,10 +0,0 @@
-import { UseQueryFunctionResult } from "@lookiero/messaging-react";
-import { BookedSizeChangeProductsVariantsProjection } from "../../../../projection/bookedSizeChangeProductsVariants/bookedSizeChangeProductsVariants";
-interface UseViewBookedSizeChangeProductsVariantsForCheckoutItemFunctionArgs {
-    readonly checkoutItemId: string;
-}
-interface UseViewBookedSizeChangeProductsVariantsForCheckoutItemFunction {
-    (args: UseViewBookedSizeChangeProductsVariantsForCheckoutItemFunctionArgs): UseQueryFunctionResult<BookedSizeChangeProductsVariantsProjection>;
-}
-declare const useViewBookedSizeChangeProductsVariantsForCheckoutItem: UseViewBookedSizeChangeProductsVariantsForCheckoutItemFunction;
-export { useViewBookedSizeChangeProductsVariantsForCheckoutItem };

package/dist/infrastructure/projection/bookedSizeChangeProductsVariants/react/useViewBookedSizeChangeProductsVariantsForCheckoutItem.js

@@ -1,12 +0,0 @@
-import { useQuery } from "@lookiero/messaging-react";
-import { CHECKOUT_BOOKING_BOOKED, } from "../../../../domain/checkoutBooking/model/checkoutBookingBooked";
-import { viewBookedSizeChangeProductsVariantsForCheckoutItem } from "../../../../projection/bookedSizeChangeProductsVariants/viewBookedSizeChangeProductVariantsForCheckoutItem";
-import { MESSAGING_CONTEXT_ID } from "../../../delivery/baseBootstrap";
-const isCheckoutBookingBooked = (event) => event.name === CHECKOUT_BOOKING_BOOKED;
-const useViewBookedSizeChangeProductsVariantsForCheckoutItem = ({ checkoutItemId }) => useQuery({
-    query: viewBookedSizeChangeProductsVariantsForCheckoutItem({ checkoutItemId }),
-    contextId: MESSAGING_CONTEXT_ID,
-    invalidation: isCheckoutBookingBooked,
-    options: { staleTime: Infinity, retry: false, refetchOnWindowFocus: false },
-});
-export { useViewBookedSizeChangeProductsVariantsForCheckoutItem };

package/dist/infrastructure/projection/checkoutFeedback/httpCheckoutFeedbackByCheckoutIdView.d.ts

@@ -1,12 +0,0 @@
-import { CheckoutFeedbackByCheckoutIdView } from "../../../projection/checkoutFeedback/viewCheckoutFeedbackByCheckoutId";
-import { HttpPostFunction } from "../../delivery/http/httpClient";
-interface HttpCheckoutFeebackByCheckoutIdView extends CheckoutFeedbackByCheckoutIdView {
-}
-interface HttpCheckoutFeebackByCheckoutIdViewFunctionArgs {
-    readonly httpPost: HttpPostFunction;
-}
-interface HttpCheckoutFeebackByCheckoutIdViewFunction {
-    (args: HttpCheckoutFeebackByCheckoutIdViewFunctionArgs): HttpCheckoutFeebackByCheckoutIdView;
-}
-declare const httpCheckoutFeebackByCheckoutIdView: HttpCheckoutFeebackByCheckoutIdViewFunction;
-export { httpCheckoutFeebackByCheckoutIdView };

package/dist/infrastructure/projection/checkoutFeedback/httpCheckoutFeedbackByCheckoutIdView.js

@@ -1,9 +0,0 @@
-const httpCheckoutFeebackByCheckoutIdView = ({ httpPost }) => async ({ checkoutId, signal }) => {
-    const response = await httpPost({
-        endpoint: "/view-checkout-feedback-by-checkout-id",
-        body: { checkoutId },
-        signal,
-    });
-    return !response.ok || response.status === 404 ? null : (await response.json()).result;
-};
-export { httpCheckoutFeebackByCheckoutIdView };

package/dist/infrastructure/ui/views/App.style.d.ts

@@ -1,4 +0,0 @@
-declare const style: {
-    header: {};
-};
-export { style };

package/dist/infrastructure/ui/views/App.style.js

@@ -1,16 +0,0 @@
-import { Platform, StyleSheet } from "react-native";
-const style = StyleSheet.create({
-    header: {
-        ...Platform.select({
-            web: {
-                position: "fixed",
-                zIndex: 1,
-            },
-            native: {
-                position: "absolute",
-                zIndex: 1,
-            },
-        }),
-    },
-});
-export { style };

package/dist/infrastructure/ui/views/header/Header.d.ts

@@ -1,15 +0,0 @@
-import { FC } from "react";
-import { StyleProp, ViewStyle } from "react-native";
-interface MenuProps {
-    readonly isVisible: boolean;
-    readonly onClose: () => void;
-}
-type Menu = FC<MenuProps>;
-interface HeaderProps {
-    readonly customerId: string;
-    readonly menu: Menu;
-    readonly style?: StyleProp<ViewStyle>;
-}
-declare const Header: FC<HeaderProps>;
-export type { Menu };
-export { Header };

package/dist/infrastructure/ui/views/header/Header.js

@@ -1,90 +0,0 @@
-import { Text } from "@lookiero/aurora-next/build/components/primitives/Text/Text";
-import { useI18nMessage } from "@lookiero/i18n-react";
-import React, { useCallback, useState } from "react";
-import { Platform, StatusBar, View } from "react-native";
-import { SafeAreaView } from "react-native-safe-area-context";
-import { generatePath, useMatch, useNavigate, useParams } from "react-router-native";
-import { ButtonIcon } from "../../../../shared/ui/components/molecules/buttonIcon/ButtonIcon";
-import { useViewFirstAvailableCheckoutByCustomerId } from "../../../projection/checkout/react/useViewFirstAvailableCheckoutByCustomerId";
-import { I18nMessages } from "../../i18n/i18n";
-import { Routes } from "../../routing/routes";
-import { useBasePath } from "../../routing/useBasePath";
-import { style } from "./Header.style";
-import { Logo } from "./components/Logo";
-const ButtonIconPlaceholder = () => React.createElement(View, { style: style.buttonIconPlaceholder });
-const DefaultHeader = ({ onOpenMenu }) => (React.createElement(View, { style: style.header, testID: "default-header" },
-    React.createElement(Logo, { style: style.logo }),
-    React.createElement(ButtonIconPlaceholder, null),
-    React.createElement(ButtonIcon, { name: "menu", onPress: onOpenMenu })));
-const ItemHeader = ({ items, item }) => {
-    const title = useI18nMessage({ id: I18nMessages.HEADER_CHECKOUT_TITLE });
-    const itemIndex = items.indexOf(item);
-    const isFirstItem = itemIndex === 0;
-    const isLastItem = itemIndex === items.length - 1;
-    const basePath = useBasePath();
-    const navigate = useNavigate();
-    const navigateToPreviousItem = useCallback(() => {
-        const previousItemIndex = itemIndex === 0 ? items.length - 1 : itemIndex - 1;
-        const previousItem = items[previousItemIndex];
-        navigate(generatePath(`${basePath}/${Routes.ITEM}`, { id: previousItem.id }));
-    }, [basePath, itemIndex, items, navigate]);
-    const navigateToNextItem = useCallback(() => {
-        const nextItemIndex = itemIndex === items.length - 1 ? 0 : itemIndex + 1;
-        const nextItem = items[nextItemIndex];
-        navigate(generatePath(`${basePath}/${Routes.ITEM}`, { id: nextItem.id }));
-    }, [basePath, itemIndex, items, navigate]);
-    return (React.createElement(View, { style: style.header, testID: "item-header" },
-        !isFirstItem ? React.createElement(ButtonIcon, { name: "arrow-left", onPress: navigateToPreviousItem }) : React.createElement(ButtonIconPlaceholder, null),
-        React.createElement(Text, { level: 3, style: style.title, detail: true }, title),
-        !isLastItem ? React.createElement(ButtonIcon, { name: "arrow-right", onPress: navigateToNextItem }) : React.createElement(ButtonIconPlaceholder, null)));
-};
-const ItemDetailHeader = () => {
-    const title = useI18nMessage({ id: I18nMessages.HEADER_CHECKOUT_TITLE });
-    const navigate = useNavigate();
-    const handleOnBack = useCallback(() => navigate(-1), [navigate]);
-    return (React.createElement(View, { style: style.header, testID: "item-detail-header" },
-        React.createElement(ButtonIconPlaceholder, null),
-        React.createElement(Text, { level: 3, style: style.title, detail: true }, title),
-        React.createElement(ButtonIcon, { name: "close", onPress: handleOnBack })));
-};
-const CheckoutHeader = () => {
-    const title = useI18nMessage({ id: I18nMessages.HEADER_COMPLETE_CHECKOUT_TITLE });
-    const basePath = useBasePath();
-    const navigate = useNavigate();
-    const handleOnBack = useCallback(() => navigate(`${basePath}/${Routes.SUMMARY}`), [basePath, navigate]);
-    return (React.createElement(View, { style: style.header, testID: "checkout-header" },
-        React.createElement(ButtonIcon, { name: "arrow-left", onPress: handleOnBack }),
-        React.createElement(Text, { level: 3, style: style.title, detail: true }, title),
-        React.createElement(ButtonIconPlaceholder, null)));
-};
-const Header = ({ customerId, menu: Menu, style: customStyle }) => {
-    const { id: itemId } = useParams();
-    const [checkout] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
-    const currentItem = checkout?.items.find((item) => item.id === itemId);
-    const basePath = useBasePath();
-    const itemRouteMatch = useMatch(`${basePath}/${Routes.ITEM}`);
-    const itemDetailRouteMatch = useMatch(`${basePath}/${Routes.ITEM_DETAIL}`);
-    const checkoutRouteMatch = useMatch(`${basePath}/${Routes.CHECKOUT}`);
-    const [menuVisible, setMenuVisible] = useState(false);
-    const handleOnOpenMenu = useCallback(() => setMenuVisible(true), []);
-    const handleOnCloseMenu = useCallback(() => setMenuVisible(false), []);
-    let header;
-    if (checkout?.items && currentItem) {
-        if (itemRouteMatch) {
-            header = React.createElement(ItemHeader, { item: currentItem, items: checkout.items });
-        }
-        else if (itemDetailRouteMatch) {
-            header = React.createElement(ItemDetailHeader, null);
-        }
-    }
-    else if (checkoutRouteMatch) {
-        header = React.createElement(CheckoutHeader, null);
-    }
-    else {
-        header = React.createElement(DefaultHeader, { onOpenMenu: handleOnOpenMenu });
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(SafeAreaView, { edges: ["top"], style: [style.container, Platform.OS === "android" && { paddingTop: StatusBar.currentHeight }, customStyle] }, header),
-        React.createElement(Menu, { isVisible: menuVisible, onClose: handleOnCloseMenu })));
-};
-export { Header };

package/dist/infrastructure/ui/views/header/Header.style.d.ts

@@ -1,35 +0,0 @@
-declare const HEADER_HEIGHT: number;
-declare const style: {
-    buttonIconPlaceholder: {
-        flexGrow: number;
-        height: number;
-        width: number;
-    };
-    container: {
-        backgroundColor: string;
-        flexDirection: "row";
-        flexGrow: number;
-        height: number;
-        width: string;
-    };
-    header: {
-        alignItems: "center";
-        flexDirection: "row";
-        flexGrow: number;
-        flexWrap: "nowrap";
-        height: number;
-        justifyContent: "space-between";
-        overflow: "visible";
-        paddingHorizontal: number;
-        width: string;
-    };
-    logo: {
-        left: number;
-        position: "absolute";
-        top: number;
-    };
-    title: {
-        textTransform: "uppercase";
-    };
-};
-export { style, HEADER_HEIGHT };

package/dist/infrastructure/ui/views/header/Header.style.js

@@ -1,38 +0,0 @@
-import { StyleSheet } from "react-native";
-import { theme } from "../../theme/theme";
-const { colorBase, spaceXXL, spaceXXXL, spaceS } = theme();
-const HEADER_HEIGHT = spaceXXXL;
-const style = StyleSheet.create({
-    buttonIconPlaceholder: {
-        flexGrow: 0,
-        height: spaceXXL,
-        width: spaceXXL,
-    },
-    container: {
-        backgroundColor: colorBase,
-        flexDirection: "row",
-        flexGrow: 0,
-        height: HEADER_HEIGHT,
-        width: "100%",
-    },
-    header: {
-        alignItems: "center",
-        flexDirection: "row",
-        flexGrow: 0,
-        flexWrap: "nowrap",
-        height: HEADER_HEIGHT,
-        justifyContent: "space-between",
-        overflow: "visible",
-        paddingHorizontal: spaceS,
-        width: "100%",
-    },
-    logo: {
-        left: 0,
-        position: "absolute",
-        top: 0,
-    },
-    title: {
-        textTransform: "uppercase",
-    },
-});
-export { style, HEADER_HEIGHT };

package/dist/infrastructure/ui/views/header/components/Logo.d.ts

@@ -1,7 +0,0 @@
-import { FC } from "react";
-import { StyleProp, ViewStyle } from "react-native";
-interface LogoProps {
-    readonly style?: StyleProp<ViewStyle>;
-}
-declare const Logo: FC<LogoProps>;
-export { Logo };