@lookiero/checkout 0.1.2 → 0.2.1

package/src/infrastructure/projection/react/useViewFirstAvailableCheckoutByCustomerId.test.ts

@@ -1,28 +0,0 @@
-import { bootstrap } from "@lookiero/messaging-react";
-import { renderHook } from "@testing-library/react-hooks";
-import {
-  CheckoutProjection,
-  viewFirstAvailableCheckoutByCustomerIdHandler,
-  VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID,
-} from "../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
-import { useViewFirstAvailableCheckoutByCustomerId as sut } from "./useViewFirstAvailableCheckoutByCustomerId";
-
-const customerId = "29790d24-b139-4ab8-b618-d796d101e974";
-const checkoutProjection: CheckoutProjection = { id: "75574065-5838-42de-9924-c712f7854347" };
-const view = jest.fn().mockReturnValue(checkoutProjection);
-const { Component: Messaging } = bootstrap({ id: "Checkout" })
-  .query(VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID, viewFirstAvailableCheckoutByCustomerIdHandler, { view })
-  .build();
-
-describe("useViewFirstAvailableCheckoutByCustomerId integration hook", () => {
-  it("returns success as the query status and the result itself after rendering the hook", async () => {
-    const { result, waitFor } = renderHook(() => sut({ customerId }), { wrapper: Messaging });
-
-    await waitFor(() => {
-      const [projection, status] = result.current;
-
-      expect(projection).toStrictEqual(checkoutProjection);
-      expect(status).toBe("success");
-    });
-  });
-});

package/src/infrastructure/projection/react/useViewFirstAvailableCheckoutByCustomerId.ts

@@ -1,22 +0,0 @@
-import { useQuery, UseQueryFunctionResult } from "@lookiero/messaging-react";
-import {
-  CheckoutProjection,
-  viewFirstAvailableCheckoutByCustomerId,
-} from "../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
-
-interface UseViewFirstAvailableCheckoutByCustomerIdFunctionArgs {
-  readonly customerId: string;
-}
-
-interface UseViewFirstAvailableCheckoutByCustomerIdFunction {
-  (args: UseViewFirstAvailableCheckoutByCustomerIdFunctionArgs): UseQueryFunctionResult<CheckoutProjection>;
-}
-
-const useViewFirstAvailableCheckoutByCustomerId: UseViewFirstAvailableCheckoutByCustomerIdFunction = ({ customerId }) =>
-  useQuery({
-    query: viewFirstAvailableCheckoutByCustomerId({ customerId }),
-    contextId: "Checkout",
-    options: { staleTime: Infinity, retry: false },
-  });
-
-export { useViewFirstAvailableCheckoutByCustomerId };

package/src/infrastructure/projection/react/useViewIsCheckoutAccessibleByCustomerId.test.ts

@@ -1,44 +0,0 @@
-import { bootstrap } from "@lookiero/messaging-react";
-import { renderHook } from "@testing-library/react-hooks";
-import {
-  CheckoutProjection,
-  viewFirstAvailableCheckoutByCustomerIdHandler,
-  VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID,
-} from "../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
-import {
-  viewIsCheckoutAccessibleByCustomerIdHandler,
-  VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID,
-} from "../../../projection/checkout/viewIsCheckoutAccessibleByCustomerId";
-import {
-  viewIsCheckoutEnabledByCustomerIdHandler,
-  VIEW_IS_CHECKOUT_ENABLED_BY_CUSTOMER_ID,
-} from "../../../projection/checkout/viewIsCheckoutEnabledByCustomerId";
-import { useViewIsCheckoutAccessibleByCustomerId as sut } from "./useViewIsCheckoutAccessibleByCustomerId";
-
-const customerId = "29790d24-b139-4ab8-b618-d796d101e974";
-const checkoutProjection: CheckoutProjection = { id: "75574065-5838-42de-9924-c712f7854347" };
-const firstAvailableCheckoutByCustomerIdViewMock = jest.fn().mockReturnValue(checkoutProjection);
-const isCheckoutAccessibleByCustomerIdViewMock = jest.fn().mockReturnValue(checkoutProjection);
-
-const { Component: Messaging } = bootstrap({ id: "Checkout" })
-  .query(VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID, viewFirstAvailableCheckoutByCustomerIdHandler, {
-    view: firstAvailableCheckoutByCustomerIdViewMock,
-  })
-  .query(VIEW_IS_CHECKOUT_ENABLED_BY_CUSTOMER_ID, viewIsCheckoutEnabledByCustomerIdHandler, {
-    view: isCheckoutAccessibleByCustomerIdViewMock,
-  })
-  .query(VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID, viewIsCheckoutAccessibleByCustomerIdHandler, {})
-  .build();
-
-describe("useViewIsCheckoutAccessibleByCustomerId integration hook", () => {
-  it("returns success as the query status and the result itself after rendering the hook", async () => {
-    const { result, waitFor } = renderHook(() => sut({ customerId }), { wrapper: Messaging });
-
-    await waitFor(() => {
-      const [projection, status] = result.current;
-
-      expect(projection).toBe(true);
-      expect(status).toBe("success");
-    });
-  });
-});

package/src/infrastructure/projection/react/useViewIsCheckoutAccessibleByCustomerId.ts

@@ -1,24 +0,0 @@
-import { useQuery, UseQueryFunctionResult } from "@lookiero/messaging-react";
-import {
-  IsCheckoutAccessibleByCustomerIdProjection,
-  viewIsCheckoutAccessibleByCustomerId,
-} from "../../../projection/checkout/viewIsCheckoutAccessibleByCustomerId";
-
-interface UseViewIsCheckoutAccessibleByCustomerIdFunctionArgs {
-  readonly customerId: string | undefined;
-}
-
-interface UseViewIsCheckoutAccessibleByCustomerIdFunction {
-  (
-    args: UseViewIsCheckoutAccessibleByCustomerIdFunctionArgs,
-  ): UseQueryFunctionResult<IsCheckoutAccessibleByCustomerIdProjection>;
-}
-
-const useViewIsCheckoutAccessibleByCustomerId: UseViewIsCheckoutAccessibleByCustomerIdFunction = ({ customerId }) =>
-  useQuery({
-    query: viewIsCheckoutAccessibleByCustomerId({ customerId }),
-    contextId: "Checkout",
-    options: { staleTime: Infinity },
-  });
-
-export { useViewIsCheckoutAccessibleByCustomerId };

package/src/infrastructure/projection/react/useViewUiSettingByKey.test.ts

@@ -1,30 +0,0 @@
-import { bootstrap } from "@lookiero/messaging-react";
-import { renderHook } from "@testing-library/react-hooks";
-import {
-  UiSettingProjection,
-  viewUiSettingByKeyHandler,
-  VIEW_UI_SETTING_BY_KEY,
-} from "../../../projection/uiSetting/viewUiSettingByKey";
-import { useViewUiSettingByKey as sut } from "./useViewUiSettingByKey";
-
-const uiSettingKey = "ui_setting_key";
-const uiSettingProjection: UiSettingProjection = {
-  id: "this-should-be-a-uuid",
-  key: uiSettingKey,
-  value: "ui_setting_value",
-};
-const view = jest.fn().mockReturnValue(uiSettingProjection);
-const { Component: Messaging } = bootstrap().query(VIEW_UI_SETTING_BY_KEY, viewUiSettingByKeyHandler, { view }).build();
-
-describe("useViewUiSettingByKey integration hook", () => {
-  it("returns success as the query status and the result itself after rendering the hook", async () => {
-    const { result, waitFor } = renderHook(() => sut({ key: uiSettingKey }), { wrapper: Messaging });
-
-    await waitFor(() => {
-      const [projection, status] = result.current;
-
-      expect(projection).toStrictEqual(uiSettingProjection);
-      expect(status).toBe("success");
-    });
-  });
-});

package/src/infrastructure/projection/react/useViewUiSettingByKey.ts

@@ -1,24 +0,0 @@
-import { DomainEvent, MessageName } from "@lookiero/messaging";
-import { useQuery, UseQueryFunctionResult } from "@lookiero/messaging-react";
-import { UiSettingUpdated, UI_SETTING_UPDATED } from "../../../domain/uiSetting/model/uiSettingUpdated";
-import { UiSettingProjection, viewUiSettingByKey } from "../../../projection/uiSetting/viewUiSettingByKey";
-
-interface UseViewUiSettingByKeyFunctionArgs {
-  readonly key: string;
-}
-
-interface UseViewUiSettingByKeyFunction {
-  (args: UseViewUiSettingByKeyFunctionArgs): UseQueryFunctionResult<UiSettingProjection>;
-}
-
-const isUiSettingUpdated = (event: DomainEvent<MessageName>): event is UiSettingUpdated =>
-  event.name === UI_SETTING_UPDATED;
-
-const useViewUiSettingByKey: UseViewUiSettingByKeyFunction = ({ key }) =>
-  useQuery({
-    query: viewUiSettingByKey({ key }),
-    invalidation: isUiSettingUpdated,
-    options: { staleTime: Infinity },
-  });
-
-export { useViewUiSettingByKey };

package/src/infrastructure/projection/storageUiSettingByKeyView.test.ts

@@ -1,32 +0,0 @@
-import { UiSettingDto } from "../persistence/uiSettingData";
-import { storageUiSettingByKeyView as sut } from "./storageUiSettingByKeyView";
-
-const uiSettingKey = "ui_setting_key";
-const uiSetting: UiSettingDto = { id: "this-should-be-a-uuid", key: uiSettingKey, value: "ui_setting_value" };
-
-const readMock = jest.fn();
-const view = sut({ read: readMock });
-
-describe("storageUiSettingByKeyView", () => {
-  it("returns a UiSetting projection", async () => {
-    readMock.mockReturnValue(Promise.resolve(uiSetting));
-
-    const returnedUiSetting = await view({ key: uiSettingKey });
-
-    expect(returnedUiSetting).toStrictEqual(uiSetting);
-  });
-
-  it("returns undefined when ui setting key does not exist", async () => {
-    readMock.mockReturnValue(Promise.resolve(undefined));
-
-    const returnedUiSetting = await view({ key: uiSettingKey });
-
-    expect(returnedUiSetting).toBeUndefined();
-  });
-
-  it("throws for an unsuccessfull response", async () => {
-    readMock.mockRejectedValue("error");
-
-    await expect(view({ key: uiSettingKey })).rejects.toThrow();
-  });
-});

package/src/infrastructure/projection/storageUiSettingByKeyView.ts

@@ -1,37 +0,0 @@
-import { UiSettingByKeyView, UiSettingProjection } from "../../projection/uiSetting/viewUiSettingByKey";
-import { ReadFunction } from "../persistence/storage";
-import { UiSettingDto } from "../persistence/uiSettingData";
-
-interface ToUiSettingProjectionFunction {
-  (uiSettingDto: UiSettingDto): UiSettingProjection;
-}
-
-const toUiSettingProjection: ToUiSettingProjectionFunction = (uiSettingDto) => ({
-  id: uiSettingDto.id,
-  key: uiSettingDto.key,
-  value: uiSettingDto.value,
-});
-
-interface StorageUiSettingByKeyView extends UiSettingByKeyView {}
-
-interface StorageUiSettingByKeyViewFunctionArgs {
-  readonly read: ReadFunction<UiSettingDto>;
-}
-
-interface StorageUiSettingByKeyViewFunction {
-  (args: StorageUiSettingByKeyViewFunctionArgs): StorageUiSettingByKeyView;
-}
-
-const storageUiSettingByKeyView: StorageUiSettingByKeyViewFunction =
-  ({ read }) =>
-  async ({ key }) => {
-    try {
-      const uiSettingDto = await read(key);
-
-      return uiSettingDto ? toUiSettingProjection(uiSettingDto) : undefined;
-    } catch (ignored) {
-      throw new Error("Could not fetch the uiSetting");
-    }
-  };
-
-export { storageUiSettingByKeyView };

package/src/infrastructure/ui/Root.tsx

@@ -1,53 +0,0 @@
-import { inMemoryFetchTranslation } from "@lookiero/i18n";
-import { ReactIntl } from "@lookiero/i18n-react";
-import { MessagingRoot } from "@lookiero/messaging-react/bootstrap";
-import { FC, useCallback } from "react";
-import { Platform } from "react-native";
-import { Spinner } from "./components/atoms/spiner/Spinner";
-import { Router } from "./routing/router/Router";
-import { Routing } from "./routing/Routing";
-
-const translationData: Record<string, Record<string, string>> = {
-  en: { intro: "Intro view's title" },
-  es: { intro: "Título de la vista Intro" },
-};
-const fetchTranslation = inMemoryFetchTranslation({ translationData });
-
-interface RootFunctionArgs {
-  readonly Messaging: MessagingRoot;
-}
-
-interface RootFunction {
-  (args: RootFunctionArgs): FC<RootProps>;
-}
-
-interface RootProps {
-  readonly locale?: string;
-  readonly customerId: string | undefined;
-  readonly onNotAccessible: () => void;
-}
-
-const root: RootFunction =
-  ({ Messaging }) =>
-  // eslint-disable-next-line react/display-name, react/prop-types
-  ({ locale = "en", customerId, onNotAccessible }) => {
-    const handleOnI18nError = useCallback(() => void 0, []);
-
-    return (
-      <ReactIntl.I18n
-        locale={locale}
-        fetchTranslation={fetchTranslation}
-        loader={<Spinner />}
-        onError={handleOnI18nError}
-        contextId="CheckoutI18n"
-      >
-        <Messaging includeReactQueryDevTools={Platform.OS === "web"}>
-          <Router>
-            <Routing customerId={customerId} onNotAccessible={onNotAccessible} />
-          </Router>
-        </Messaging>
-      </ReactIntl.I18n>
-    );
-  };
-
-export { RootProps, root };

package/src/infrastructure/ui/components/atoms/spiner/Spinner.style.ts

@@ -1,12 +0,0 @@
-import { StyleSheet } from "react-native";
-
-const style = StyleSheet.create({
-  container: {
-    display: "flex",
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-});
-
-export { style };

package/src/infrastructure/ui/components/atoms/spiner/Spinner.tsx

@@ -1,35 +0,0 @@
-import { FC } from "react";
-import { View } from "react-native";
-import { style } from "./Spinner.style";
-
-const Spinner: FC = () => (
-  <View style={style.container}>
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="30px"
-      height="30px"
-      viewBox="0 0 100 100"
-      preserveAspectRatio="xMidYMid"
-    >
-      <circle cx="50" cy="50" r="32" stroke="#000000" strokeWidth="6" strokeLinecap="round" fill="none">
-        <animateTransform
-          attributeName="transform"
-          type="rotate"
-          repeatCount="indefinite"
-          dur="1.5384615384615383s"
-          values="0 50 50;180 50 50;720 50 50"
-          keyTimes="0;0.5;1"
-        ></animateTransform>
-        <animate
-          attributeName="stroke-dasharray"
-          repeatCount="indefinite"
-          dur="1.5384615384615383s"
-          values="42.22300526424682 158.83892456549995;176.93449825017714 24.127431579569617;42.22300526424682 158.83892456549995"
-          keyTimes="0;0.5;1"
-        ></animate>
-      </circle>
-    </svg>
-  </View>
-);
-
-export { Spinner };

package/src/infrastructure/ui/routing/CheckoutAccessibilityMiddleware.test.tsx

@@ -1,70 +0,0 @@
-import { render, RenderResult } from "@testing-library/react-native";
-import { Text } from "react-native";
-import { MemoryRouter, Route, Routes } from "react-router-native";
-import { useViewIsCheckoutAccessibleByCustomerId } from "../../projection/react/useViewIsCheckoutAccessibleByCustomerId";
-import { CheckoutAccessibilityMiddleware } from "./CheckoutAccessibilityMiddleware";
-
-jest.mock("../../projection/react/useViewIsCheckoutAccessibleByCustomerId", () => ({
-  useViewIsCheckoutAccessibleByCustomerId: jest.fn(),
-}));
-
-const customerId = "29790d24-b139-4ab8-b618-d796d101e974";
-const checkoutRouteText = "checkout-route-component";
-const loaderText = "loader-component";
-
-interface RenderCheckoutAccessibilityMiddlewareArgs {
-  readonly onNotAccessible?: () => void;
-}
-
-interface RenderCheckoutAccessibilityMiddlewareFunction {
-  (args?: RenderCheckoutAccessibilityMiddlewareArgs): RenderResult;
-}
-
-const renderCheckoutAccessibilityMiddleware: RenderCheckoutAccessibilityMiddlewareFunction = ({
-  onNotAccessible = () => void 0,
-} = {}) =>
-  render(
-    <MemoryRouter initialEntries={["/"]}>
-      <Routes>
-        <Route
-          path="/"
-          element={
-            <CheckoutAccessibilityMiddleware
-              customerId={customerId}
-              onNotAccessible={onNotAccessible}
-              loader={<Text>{loaderText}</Text>}
-            />
-          }
-        >
-          <Route path="/" element={<Text>{checkoutRouteText}</Text>} />
-        </Route>
-      </Routes>
-    </MemoryRouter>,
-  );
-
-describe("CheckoutAccessibilityMiddleware component", () => {
-  it("renders a loader while processing viewIsCheckoutAccessibleByCustomerId use-case", async () => {
-    (useViewIsCheckoutAccessibleByCustomerId as jest.Mock).mockReturnValue([undefined, "loading"]);
-    const { findByText } = renderCheckoutAccessibilityMiddleware();
-    const loader = await findByText(loaderText);
-
-    expect(loader).toBeTruthy();
-  });
-
-  it("renders its Outlet's content if it is accessible", async () => {
-    (useViewIsCheckoutAccessibleByCustomerId as jest.Mock).mockReturnValue([true, "success"]);
-    const { findByText } = renderCheckoutAccessibilityMiddleware();
-    const checkoutContent = await findByText(checkoutRouteText);
-
-    expect(checkoutContent).toBeTruthy();
-  });
-
-  it("calls onNotAccessible callback if it is not accessible", async () => {
-    (useViewIsCheckoutAccessibleByCustomerId as jest.Mock).mockReturnValue([false, "success"]);
-    const onNotAccessibleFn = jest.fn();
-    const { toJSON } = renderCheckoutAccessibilityMiddleware({ onNotAccessible: onNotAccessibleFn });
-
-    expect(toJSON()).toBeNull();
-    expect(onNotAccessibleFn).toHaveBeenCalled();
-  });
-});

package/src/infrastructure/ui/routing/CheckoutAccessibilityMiddleware.tsx

@@ -1,31 +0,0 @@
-import { FC, useEffect, useRef } from "react";
-import { Outlet } from "react-router-native";
-import { useViewIsCheckoutAccessibleByCustomerId } from "../../projection/react/useViewIsCheckoutAccessibleByCustomerId";
-import { Spinner } from "../components/atoms/spiner/Spinner";
-
-interface CheckoutAccessibilityMiddlewareProps {
-  readonly customerId: string | undefined;
-  readonly onNotAccessible: () => void;
-  readonly loader?: JSX.Element;
-}
-
-const CheckoutAccessibilityMiddleware: FC<CheckoutAccessibilityMiddlewareProps> = ({
-  customerId,
-  onNotAccessible,
-  loader = <Spinner />,
-}) => {
-  const [accessible] = useViewIsCheckoutAccessibleByCustomerId({ customerId });
-
-  const onNotAccessibleRef = useRef(onNotAccessible);
-  onNotAccessibleRef.current = onNotAccessible;
-
-  useEffect(() => {
-    if (accessible === false) {
-      onNotAccessibleRef.current();
-    }
-  }, [accessible, onNotAccessible]);
-
-  return accessible === undefined ? loader : accessible ? <Outlet /> : null;
-};
-
-export { CheckoutAccessibilityMiddleware };

package/src/infrastructure/ui/routing/CheckoutMiddleware.test.tsx

@@ -1,100 +0,0 @@
-import { render, RenderResult } from "@testing-library/react-native";
-import { Text } from "react-native";
-import { generatePath, MemoryRouter, Route, Routes } from "react-router-native";
-import { v4 as uuid } from "uuid";
-import { CheckoutItemStatus } from "../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
-import { startedCheckoutWithItems } from "../../delivery/_mock/checkout.mock";
-import { useViewFirstAvailableCheckoutByCustomerId } from "../../projection/react/useViewFirstAvailableCheckoutByCustomerId";
-import { useViewCheckoutIntroShown } from "../../projection/react/useViewCheckoutIntroShown";
-import { CheckoutMiddleware } from "./CheckoutMiddleware";
-
-import { Routes as CheckoutRoutes } from "./routes";
-
-jest.mock("../../projection/react/useViewCheckoutIntroShown", () => ({
-  useViewCheckoutIntroShown: jest.fn(),
-}));
-jest.mock("../../projection/react/useViewFirstAvailableCheckoutByCustomerId", () => ({
-  useViewFirstAvailableCheckoutByCustomerId: jest.fn(),
-}));
-
-const customerId = "29790d24-b139-4ab8-b618-d796d101e974";
-const loaderText = "loader-component";
-const introRouteText = "intro-route-component";
-const itemRouteText = "item-route-component";
-const summaryRouteText = "summary-route-component";
-
-interface RenderCheckoutMiddlewareArgs {
-  readonly route: string;
-}
-
-interface RenderCheckoutMiddlewareFunction {
-  (args: RenderCheckoutMiddlewareArgs): RenderResult;
-}
-
-const renderCheckoutMiddleware: RenderCheckoutMiddlewareFunction = ({ route }) =>
-  render(
-    <MemoryRouter initialEntries={[route]}>
-      <Routes>
-        <Route
-          path={CheckoutRoutes.CHECKOUT}
-          element={<CheckoutMiddleware customerId={customerId} loader={<Text>{loaderText}</Text>} />}
-        >
-          <Route path={CheckoutRoutes.INTRO} element={<Text>{introRouteText}</Text>} />
-          <Route path={CheckoutRoutes.ITEM} element={<Text>{itemRouteText}</Text>} />
-          <Route path={CheckoutRoutes.SUMMARY} element={<Text>{summaryRouteText}</Text>} />
-        </Route>
-      </Routes>
-    </MemoryRouter>,
-  );
-
-const routes: string[] = [
-  CheckoutRoutes.CHECKOUT,
-  CheckoutRoutes.INTRO,
-  generatePath(CheckoutRoutes.ITEM, { id: uuid() }),
-  CheckoutRoutes.SUMMARY,
-];
-
-describe("CheckoutMiddleware component", () => {
-  test.each(routes)("renders a loader while processing dependant use-cases in route: %s", async (route) => {
-    (useViewCheckoutIntroShown as jest.Mock).mockReturnValue([undefined, "loading"]);
-    (useViewFirstAvailableCheckoutByCustomerId as jest.Mock).mockReturnValue([undefined, "loading"]);
-
-    const { findByText } = renderCheckoutMiddleware({ route });
-    const loader = await findByText(loaderText);
-
-    expect(loader).toBeTruthy();
-  });
-
-  test.each(routes)("renders the intro view if it should be visible with initial route: %s", async (route) => {
-    const checkoutMock = startedCheckoutWithItems({ status: [CheckoutItemStatus.INITIAL, CheckoutItemStatus.INITIAL] });
-    (useViewCheckoutIntroShown as jest.Mock).mockReturnValue([true, "success"]);
-    (useViewFirstAvailableCheckoutByCustomerId as jest.Mock).mockReturnValue([checkoutMock, "success"]);
-
-    const { findByText } = renderCheckoutMiddleware({ route });
-    const intro = await findByText(introRouteText);
-
-    expect(intro).toBeTruthy();
-  });
-
-  test.each(routes)("renders the item view if it should be visible with initial route: %s", async (route) => {
-    const checkoutMock = startedCheckoutWithItems({ status: [CheckoutItemStatus.KEPT, CheckoutItemStatus.INITIAL] });
-    (useViewCheckoutIntroShown as jest.Mock).mockReturnValue([false, "success"]);
-    (useViewFirstAvailableCheckoutByCustomerId as jest.Mock).mockReturnValue([checkoutMock, "success"]);
-
-    const { findByText } = renderCheckoutMiddleware({ route });
-    const item = await findByText(itemRouteText);
-
-    expect(item).toBeTruthy();
-  });
-
-  test.each(routes)("renders the summary view if it should be visible with initial route: %s", async (route) => {
-    const checkoutMock = startedCheckoutWithItems({ status: [CheckoutItemStatus.KEPT, CheckoutItemStatus.RETURNED] });
-    (useViewCheckoutIntroShown as jest.Mock).mockReturnValue([false, "success"]);
-    (useViewFirstAvailableCheckoutByCustomerId as jest.Mock).mockReturnValue([checkoutMock, "success"]);
-
-    const { findByText } = renderCheckoutMiddleware({ route });
-    const summary = await findByText(summaryRouteText);
-
-    expect(summary).toBeTruthy();
-  });
-});

package/src/infrastructure/ui/routing/CheckoutMiddleware.tsx

@@ -1,52 +0,0 @@
-import { QueryStatus } from "@lookiero/messaging-react";
-import { FC } from "react";
-import { generatePath, Navigate, Outlet, useMatch } from "react-router";
-import {
-  CheckoutItemProjection,
-  CheckoutItemStatus,
-} from "../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
-import { useViewFirstAvailableCheckoutByCustomerId } from "../../projection/react/useViewFirstAvailableCheckoutByCustomerId";
-import { useViewCheckoutIntroShown } from "../../projection/react/useViewCheckoutIntroShown";
-import { Spinner } from "../components/atoms/spiner/Spinner";
-import { Routes } from "./routes";
-
-interface CheckoutMiddlewareProps {
-  readonly customerId: string;
-  readonly loader?: JSX.Element;
-}
-
-const CheckoutMiddleware: FC<CheckoutMiddlewareProps> = ({ customerId, loader = <Spinner /> }) => {
-  const [checkoutIntroShown, checkoutIntroShownStatus] = useViewCheckoutIntroShown();
-  const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
-  const firstItemWithoutCustomerDecision: CheckoutItemProjection | undefined = checkout?.items.find((item) =>
-    [CheckoutItemStatus.EXPIRED, CheckoutItemStatus.INITIAL].includes(item.status),
-  );
-
-  const isIntroRoute = useMatch(Routes.INTRO);
-  const isItemRoute = useMatch(Routes.ITEM);
-  const isSummaryRoute = useMatch(Routes.SUMMARY);
-
-  const dependenciesLoaded = checkoutIntroShownStatus === QueryStatus.SUCCESS && checkoutStatus === QueryStatus.SUCCESS;
-
-  if (!dependenciesLoaded) {
-    return loader;
-  }
-
-  if (checkoutIntroShown) {
-    if (!isIntroRoute) {
-      return <Navigate replace to={Routes.INTRO} />;
-    }
-  } else {
-    if (firstItemWithoutCustomerDecision && !isItemRoute) {
-      return <Navigate replace to={generatePath(Routes.ITEM, { id: firstItemWithoutCustomerDecision.id })} />;
-    }
-
-    if (firstItemWithoutCustomerDecision === undefined && !isSummaryRoute) {
-      return <Navigate replace to={Routes.SUMMARY} />;
-    }
-  }
-
-  return <Outlet />;
-};
-
-export { CheckoutMiddleware };

package/src/infrastructure/ui/routing/Routing.tsx

@@ -1,64 +0,0 @@
-import { FC, lazy, Suspense } from "react";
-import { Navigate, useRoutes } from "react-router-native";
-import { Spinner } from "../components/atoms/spiner/Spinner";
-import { CheckoutAccessibilityMiddleware } from "./CheckoutAccessibilityMiddleware";
-import { CheckoutMiddleware } from "./CheckoutMiddleware";
-import { Routes } from "./routes";
-
-const Intro = lazy(() => import("../views/intro/Intro").then((module) => ({ default: module.Intro })));
-const Item = lazy(() => import("../views/item/Item").then((module) => ({ default: module.Item })));
-const Summary = lazy(() => import("../views/summary/Summary").then((module) => ({ default: module.Summary })));
-
-interface RoutingProps {
-  readonly customerId: string | undefined;
-  readonly onNotAccessible: () => void;
-}
-
-const Routing: FC<RoutingProps> = ({ customerId, onNotAccessible }) => {
-  const routes = useRoutes([
-    {
-      path: Routes.CHECKOUT,
-      element: <CheckoutAccessibilityMiddleware customerId={customerId} onNotAccessible={onNotAccessible} />,
-      children: [
-        {
-          path: Routes.CHECKOUT,
-          element: <CheckoutMiddleware customerId={customerId as string} />,
-          children: [
-            {
-              path: Routes.INTRO,
-              element: (
-                <Suspense fallback={<Spinner />}>
-                  <Intro />
-                </Suspense>
-              ),
-            },
-            {
-              path: Routes.ITEM,
-              element: (
-                <Suspense fallback={<Spinner />}>
-                  <Item />
-                </Suspense>
-              ),
-            },
-            {
-              path: Routes.SUMMARY,
-              element: (
-                <Suspense fallback={<Spinner />}>
-                  <Summary />
-                </Suspense>
-              ),
-            },
-          ],
-        },
-      ],
-    },
-    {
-      path: "*",
-      element: <Navigate replace to={Routes.CHECKOUT} />,
-    },
-  ]);
-
-  return routes;
-};
-
-export { Routing };