@lookiero/checkout 0.1.1 → 0.1.2

package/src/domain/checkoutBooking/model/checkoutBookingBooked.ts

@@ -1,6 +1,6 @@
 import { domainEvent, DomainEvent } from "@lookiero/messaging";
 
-export const CHECKOUT_BOOKING_BOOKED = "checkout_booking_booked";
+const CHECKOUT_BOOKING_BOOKED = "checkout_booking_booked";
 
 interface CheckoutBookingBookedPayload {
   readonly aggregateId: string;
@@ -9,15 +9,15 @@ interface CheckoutBookingBookedPayload {
   readonly checkoutBookingId: string;
 }
 
-export interface CheckoutBookingBooked
-  extends DomainEvent<typeof CHECKOUT_BOOKING_BOOKED>,
-    CheckoutBookingBookedPayload {}
+interface CheckoutBookingBooked extends DomainEvent<typeof CHECKOUT_BOOKING_BOOKED>, CheckoutBookingBookedPayload {}
 
 interface CheckoutBookingBookedFunction {
   (payload: CheckoutBookingBookedPayload): CheckoutBookingBooked;
 }
 
-export const checkoutBookingBooked: CheckoutBookingBookedFunction = ({ aggregateId, ...payload }) => ({
+const checkoutBookingBooked: CheckoutBookingBookedFunction = ({ aggregateId, ...payload }) => ({
   ...domainEvent({ aggregateId, name: CHECKOUT_BOOKING_BOOKED }),
   ...payload,
 });
+
+export { CHECKOUT_BOOKING_BOOKED, CheckoutBookingBooked, checkoutBookingBooked };

package/src/domain/checkoutBooking/model/checkoutBookings.ts

@@ -1,6 +1,8 @@
 import { RepositoryGetFunction, RepositorySaveFunction } from "@lookiero/messaging";
 import { CheckoutBooking } from "./checkoutBooking";
 
-export interface CheckoutBookingsGetFunction extends RepositoryGetFunction<CheckoutBooking> {}
+interface CheckoutBookingsGetFunction extends RepositoryGetFunction<CheckoutBooking> {}
 
-export interface CheckoutBookingsSaveFunction extends RepositorySaveFunction<CheckoutBooking> {}
+interface CheckoutBookingsSaveFunction extends RepositorySaveFunction<CheckoutBooking> {}
+
+export { CheckoutBookingsGetFunction, CheckoutBookingsSaveFunction };

package/src/domain/uiSetting/command/updateUiSetting.ts

@@ -1,6 +1,6 @@
 import { command, Command } from "@lookiero/messaging";
 
-export const UPDATE_UI_SETTING = "update_ui_setting";
+const UPDATE_UI_SETTING = "update_ui_setting";
 
 interface UpdateUiSettingPayload {
   readonly aggregateId: string;
@@ -8,16 +8,18 @@ interface UpdateUiSettingPayload {
   readonly value: unknown;
 }
 
-export interface UpdateUiSetting extends Command<typeof UPDATE_UI_SETTING>, UpdateUiSettingPayload {}
+interface UpdateUiSetting extends Command<typeof UPDATE_UI_SETTING>, UpdateUiSettingPayload {}
 
 interface UpdateUiSettingFunction {
   (payload: UpdateUiSettingPayload): UpdateUiSetting;
 }
 
-export const updateUiSetting: UpdateUiSettingFunction = ({ aggregateId, ...payload }) => ({
+const updateUiSetting: UpdateUiSettingFunction = ({ aggregateId, ...payload }) => ({
   ...command({
     aggregateId,
     name: UPDATE_UI_SETTING,
   }),
   ...payload,
 });
+
+export { UPDATE_UI_SETTING, UpdateUiSetting, updateUiSetting };

package/src/domain/uiSetting/model/uiSetting.ts

@@ -3,12 +3,12 @@ import { CommandHandlerFunction } from "@lookiero/messaging/domain/model";
 import { UpdateUiSetting } from "../command/updateUiSetting";
 import { uiSettingUpdated } from "./uiSettingUpdated";
 
-export interface UiSetting extends AggregateRoot {
+interface UiSetting extends AggregateRoot {
   readonly key: string;
   readonly value: unknown;
 }
 
-export const updateUiSettingHandler: CommandHandlerFunction<UpdateUiSetting, UiSetting> =
+const updateUiSettingHandler: CommandHandlerFunction<UpdateUiSetting, UiSetting> =
   () =>
   async ({ aggregateRoot, command }) => {
     const { aggregateId, key, value } = command;
@@ -20,3 +20,5 @@ export const updateUiSettingHandler: CommandHandlerFunction<UpdateUiSetting, UiS
       domainEvents: uiSettingUpdated({ aggregateId, key }),
     };
   };
+
+export { UiSetting, updateUiSettingHandler };

package/src/domain/uiSetting/model/uiSettingUpdated.ts

@@ -1,19 +1,21 @@
 import { domainEvent, DomainEvent } from "@lookiero/messaging";
 
-export const UI_SETTING_UPDATED = "ui_setting_updated";
+const UI_SETTING_UPDATED = "ui_setting_updated";
 
 interface UiSettingUpdatedPayload {
   readonly aggregateId: string;
   readonly key: string;
 }
 
-export interface UiSettingUpdated extends DomainEvent<typeof UI_SETTING_UPDATED>, UiSettingUpdatedPayload {}
+interface UiSettingUpdated extends DomainEvent<typeof UI_SETTING_UPDATED>, UiSettingUpdatedPayload {}
 
 interface UiSettingUpdatedFunction {
   (payload: UiSettingUpdatedPayload): UiSettingUpdated;
 }
 
-export const uiSettingUpdated: UiSettingUpdatedFunction = ({ aggregateId, key }) => ({
+const uiSettingUpdated: UiSettingUpdatedFunction = ({ aggregateId, key }) => ({
   ...domainEvent({ aggregateId, name: UI_SETTING_UPDATED }),
   key,
 });
+
+export { UI_SETTING_UPDATED, UiSettingUpdated, uiSettingUpdated };

package/src/domain/uiSetting/model/uiSettings.ts

@@ -1,6 +1,8 @@
 import { RepositoryGetFunction, RepositorySaveFunction } from "@lookiero/messaging";
 import { UiSetting } from "./uiSetting";
 
-export interface UiSettingGetFunction extends RepositoryGetFunction<UiSetting> {}
+interface UiSettingGetFunction extends RepositoryGetFunction<UiSetting> {}
 
-export interface UiSettingSaveFunction extends RepositorySaveFunction<UiSetting> {}
+interface UiSettingSaveFunction extends RepositorySaveFunction<UiSetting> {}
+
+export { UiSettingGetFunction, UiSettingSaveFunction };

package/src/infrastructure/domain/checkoutBooking/model/httpCheckoutBookings.ts

@@ -9,7 +9,7 @@ interface HttpCheckoutBookingsSaveFunction {
   (args: HttpCheckoutBookingsSaveFunctionArgs): CheckoutBookingsSaveFunction;
 }
 
-export const saveCheckoutBooking: HttpCheckoutBookingsSaveFunction =
+const saveCheckoutBooking: HttpCheckoutBookingsSaveFunction =
   ({ httpPost }) =>
   async ({ checkoutId, checkoutItemId, checkoutBookingId }) => {
     try {
@@ -30,3 +30,5 @@ export const saveCheckoutBooking: HttpCheckoutBookingsSaveFunction =
       throw new Error("Could not fetch BookSizeReplaceableProductVariantsForCheckoutItem");
     }
   };
+
+export { saveCheckoutBooking };

package/src/infrastructure/domain/react/useBookSizeReplaceableProductVariantsForCheckoutItem.ts

@@ -20,7 +20,7 @@ interface UseBookSizeReplaceableProductVariantsForCheckoutItemFunction {
   ): UseBookSizeReplaceableProductVariantsForCheckoutItem;
 }
 
-export const useBookSizeReplaceableProductVariantsForCheckoutItem: UseBookSizeReplaceableProductVariantsForCheckoutItemFunction =
+const useBookSizeReplaceableProductVariantsForCheckoutItem: UseBookSizeReplaceableProductVariantsForCheckoutItemFunction =
   ({ checkoutId, checkoutItemId, checkoutBookingId }) => {
     const [commandBus, status] = useCommand();
 
@@ -42,3 +42,5 @@ export const useBookSizeReplaceableProductVariantsForCheckoutItem: UseBookSizeRe
       status,
     };
   };
+
+export { useBookSizeReplaceableProductVariantsForCheckoutItem };

package/src/infrastructure/domain/react/useSetCheckoutIntroShown.test.ts

@@ -0,0 +1,34 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+import { renderHook } from "@testing-library/react-hooks";
+import { useSetCheckoutIntroShown as sut } from "./useSetCheckoutIntroShown";
+import { useUpdateUiSetting } from "./useUpdateUiSetting";
+
+jest.mock("./useUpdateUiSetting");
+
+describe("useSetCheckoutIntroShown integration hook", () => {
+  it("returns success after rendering the hook", async () => {
+    (useUpdateUiSetting as jest.Mock).mockReturnValue({
+      update: jest.fn(),
+      status: CommandStatus.SUCCESS,
+    });
+
+    const { result } = renderHook(() => sut());
+
+    result.current.setCheckoutIntroShown();
+
+    expect(result.current.status).toBe(CommandStatus.SUCCESS);
+  });
+
+  it("returns error after rendering the hook", async () => {
+    (useUpdateUiSetting as jest.Mock).mockReturnValue({
+      update: jest.fn(),
+      status: CommandStatus.ERROR,
+    });
+
+    const { result } = renderHook(() => sut());
+
+    result.current.setCheckoutIntroShown();
+
+    expect(result.current.status).toBe(CommandStatus.ERROR);
+  });
+});

package/src/infrastructure/domain/react/useSetCheckoutIntroShown.ts

@@ -0,0 +1,30 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+import { useCallback } from "react";
+import { UISettings } from "../../ui/settings/UISettings";
+import { useUpdateUiSetting } from "./useUpdateUiSetting";
+
+interface SetCheckoutIntroShownFunction {
+  (): Promise<void>;
+}
+
+interface UseSetCheckoutIntroShown {
+  readonly setCheckoutIntroShown: SetCheckoutIntroShownFunction;
+  readonly status: CommandStatus;
+}
+
+interface UseSetCheckoutIntroShownFunction {
+  (): UseSetCheckoutIntroShown;
+}
+
+const useSetCheckoutIntroShown: UseSetCheckoutIntroShownFunction = () => {
+  const { update, status } = useUpdateUiSetting();
+
+  const setCheckoutIntroShown = useCallback(
+    () => update({ key: UISettings.CHECKOUT_INTRO_SHOWN, value: true }),
+    [update],
+  );
+
+  return { setCheckoutIntroShown, status };
+};
+
+export { useSetCheckoutIntroShown };

package/src/infrastructure/domain/react/useUpdateUiSetting.ts

@@ -21,7 +21,7 @@ interface UseUpdateUiSettingFunction {
   (): UseUpdateUiSetting;
 }
 
-export const useUpdateUiSetting: UseUpdateUiSettingFunction = () => {
+const useUpdateUiSetting: UseUpdateUiSettingFunction = () => {
   const [commandBus, status] = useCommand();
 
   const update: UpdateFunction = useCallback(
@@ -41,3 +41,5 @@ export const useUpdateUiSetting: UseUpdateUiSettingFunction = () => {
     status,
   };
 };
+
+export { useUpdateUiSetting };

package/src/infrastructure/domain/uiSetting/model/storageUiSettings.ts

@@ -24,7 +24,7 @@ interface StorageUiSettingsGetFunction {
   (args: StorageUiSettingsGetFunctionArgs): UiSettingGetFunction;
 }
 
-export const getUiSetting: StorageUiSettingsGetFunction =
+const getUiSetting: StorageUiSettingsGetFunction =
   ({ read }) =>
   async (uiSettingKey) => {
     const uiSettingDto = await read(uiSettingKey);
@@ -44,7 +44,9 @@ interface StorageUiSettingsSaveFunction {
   (args: StorageUiSettingsSaveFunctionArgs): UiSettingSaveFunction;
 }
 
-export const saveUiSetting: StorageUiSettingsSaveFunction =
+const saveUiSetting: StorageUiSettingsSaveFunction =
   ({ write }) =>
   async (aggregateRoot) =>
     await write(aggregateRoot.key, fromDomain(aggregateRoot));
+
+export { getUiSetting, saveUiSetting };

package/src/infrastructure/persistence/asyncStorageStorage.ts

@@ -2,11 +2,12 @@ import AsyncStorage from "@react-native-async-storage/async-storage";
 import { ReadFunction, WriteFunction } from "./storage";
 import { UiSettingDto } from "./uiSettingData";
 
-export const read: ReadFunction<UiSettingDto> = async (key) => {
+const read: ReadFunction<UiSettingDto> = async (key) => {
   const value = await AsyncStorage.getItem(key);
 
   return value ? JSON.parse(value) : undefined;
 };
 
-export const write: WriteFunction<UiSettingDto> = async (key, value) =>
-  AsyncStorage.setItem(key, JSON.stringify(value));
+const write: WriteFunction<UiSettingDto> = async (key, value) => AsyncStorage.setItem(key, JSON.stringify(value));
+
+export { read, write };

package/src/infrastructure/persistence/storage.ts

@@ -1,7 +1,9 @@
-export interface ReadFunction<T> {
+interface ReadFunction<T> {
   (key: string): Promise<T | undefined>;
 }
 
-export interface WriteFunction<T> {
+interface WriteFunction<T> {
   (key: string, value: T): Promise<void>;
 }
+
+export { ReadFunction, WriteFunction };

package/src/infrastructure/persistence/uiSettingData.ts

@@ -1,5 +1,7 @@
-export interface UiSettingDto {
+interface UiSettingDto {
   readonly id: string;
   readonly key: string;
   readonly value: unknown;
 }
+
+export { UiSettingDto };

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

@@ -0,0 +1,41 @@
+import { CommandStatus } from "@lookiero/messaging-react";
+import { renderHook } from "@testing-library/react-hooks";
+import { UiSettingProjection } from "../../../projection/uiSetting/viewUiSettingByKey";
+import { useViewCheckoutIntroShown as sut } from "./useViewCheckoutIntroShown";
+import { useViewUiSettingByKey } from "./useViewUiSettingByKey";
+
+jest.mock("./useViewUiSettingByKey");
+
+const uiSettingProjection: UiSettingProjection = {
+  id: "this-should-be-a-uuid",
+  key: "ui_setting_key",
+  value: "ui_setting_value",
+};
+
+describe("useViewCheckoutIntroShown integration hook", () => {
+  it("returns uiSetting after rendering the hook (existing ui setting key)", async () => {
+    (useViewUiSettingByKey as jest.Mock).mockReturnValue([uiSettingProjection, CommandStatus.SUCCESS]);
+
+    const { result, waitFor } = renderHook(() => sut());
+
+    await waitFor(() => {
+      const [projection, status] = result.current;
+
+      expect(projection).toStrictEqual(uiSettingProjection);
+      expect(status).toBe(CommandStatus.SUCCESS);
+    });
+  });
+
+  it("returns undefined after rendering the hook (non-existing ui setting key)", async () => {
+    (useViewUiSettingByKey as jest.Mock).mockReturnValue([undefined, CommandStatus.ERROR]);
+
+    const { result, waitFor } = renderHook(() => sut());
+
+    await waitFor(() => {
+      const [projection, status] = result.current;
+
+      expect(projection).toBeUndefined();
+      expect(status).toBe(CommandStatus.ERROR);
+    });
+  });
+});

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

@@ -0,0 +1,9 @@
+import { UISettings } from "../../ui/settings/UISettings";
+import { useViewUiSettingByKey } from "./useViewUiSettingByKey";
+
+const useViewCheckoutIntroShown = () =>
+  useViewUiSettingByKey({
+    key: UISettings.CHECKOUT_INTRO_SHOWN,
+  });
+
+export { useViewCheckoutIntroShown };

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

@@ -18,7 +18,7 @@ const { Component: Messaging } = bootstrap().query(VIEW_UI_SETTING_BY_KEY, viewU
 
 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({ uiSettingKey }), { wrapper: Messaging });
+    const { result, waitFor } = renderHook(() => sut({ key: uiSettingKey }), { wrapper: Messaging });
 
     await waitFor(() => {
       const [projection, status] = result.current;

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

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

package/src/infrastructure/projection/storageUiSettingByKeyView.ts

@@ -22,7 +22,7 @@ interface StorageUiSettingByKeyViewFunction {
   (args: StorageUiSettingByKeyViewFunctionArgs): StorageUiSettingByKeyView;
 }
 
-export const storageUiSettingByKeyView: StorageUiSettingByKeyViewFunction =
+const storageUiSettingByKeyView: StorageUiSettingByKeyViewFunction =
   ({ read }) =>
   async ({ key }) => {
     try {
@@ -33,3 +33,5 @@ export const storageUiSettingByKeyView: StorageUiSettingByKeyViewFunction =
       throw new Error("Could not fetch the uiSetting");
     }
   };
+
+export { storageUiSettingByKeyView };

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

@@ -5,13 +5,13 @@ 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 { useViewIsCheckoutIntroVisible } from "../../projection/react/useViewIsCheckoutIntroVisible";
+import { useViewCheckoutIntroShown } from "../../projection/react/useViewCheckoutIntroShown";
 import { CheckoutMiddleware } from "./CheckoutMiddleware";
 
 import { Routes as CheckoutRoutes } from "./routes";
 
-jest.mock("../../projection/react/useViewIsCheckoutIntroVisible", () => ({
-  useViewIsCheckoutIntroVisible: jest.fn(),
+jest.mock("../../projection/react/useViewCheckoutIntroShown", () => ({
+  useViewCheckoutIntroShown: jest.fn(),
 }));
 jest.mock("../../projection/react/useViewFirstAvailableCheckoutByCustomerId", () => ({
   useViewFirstAvailableCheckoutByCustomerId: jest.fn(),
@@ -56,7 +56,7 @@ const routes: string[] = [
 
 describe("CheckoutMiddleware component", () => {
   test.each(routes)("renders a loader while processing dependant use-cases in route: %s", async (route) => {
-    (useViewIsCheckoutIntroVisible as jest.Mock).mockReturnValue([undefined, "loading"]);
+    (useViewCheckoutIntroShown as jest.Mock).mockReturnValue([undefined, "loading"]);
     (useViewFirstAvailableCheckoutByCustomerId as jest.Mock).mockReturnValue([undefined, "loading"]);
 
     const { findByText } = renderCheckoutMiddleware({ route });
@@ -67,7 +67,7 @@ describe("CheckoutMiddleware component", () => {
 
   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] });
-    (useViewIsCheckoutIntroVisible as jest.Mock).mockReturnValue([true, "success"]);
+    (useViewCheckoutIntroShown as jest.Mock).mockReturnValue([true, "success"]);
     (useViewFirstAvailableCheckoutByCustomerId as jest.Mock).mockReturnValue([checkoutMock, "success"]);
 
     const { findByText } = renderCheckoutMiddleware({ route });
@@ -78,7 +78,7 @@ describe("CheckoutMiddleware component", () => {
 
   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] });
-    (useViewIsCheckoutIntroVisible as jest.Mock).mockReturnValue([false, "success"]);
+    (useViewCheckoutIntroShown as jest.Mock).mockReturnValue([false, "success"]);
     (useViewFirstAvailableCheckoutByCustomerId as jest.Mock).mockReturnValue([checkoutMock, "success"]);
 
     const { findByText } = renderCheckoutMiddleware({ route });
@@ -89,7 +89,7 @@ describe("CheckoutMiddleware component", () => {
 
   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] });
-    (useViewIsCheckoutIntroVisible as jest.Mock).mockReturnValue([false, "success"]);
+    (useViewCheckoutIntroShown as jest.Mock).mockReturnValue([false, "success"]);
     (useViewFirstAvailableCheckoutByCustomerId as jest.Mock).mockReturnValue([checkoutMock, "success"]);
 
     const { findByText } = renderCheckoutMiddleware({ route });

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

@@ -6,7 +6,7 @@ import {
   CheckoutItemStatus,
 } from "../../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
 import { useViewFirstAvailableCheckoutByCustomerId } from "../../projection/react/useViewFirstAvailableCheckoutByCustomerId";
-import { useViewIsCheckoutIntroVisible } from "../../projection/react/useViewIsCheckoutIntroVisible";
+import { useViewCheckoutIntroShown } from "../../projection/react/useViewCheckoutIntroShown";
 import { Spinner } from "../components/atoms/spiner/Spinner";
 import { Routes } from "./routes";
 
@@ -16,7 +16,7 @@ interface CheckoutMiddlewareProps {
 }
 
 const CheckoutMiddleware: FC<CheckoutMiddlewareProps> = ({ customerId, loader = <Spinner /> }) => {
-  const [isIntroVisible, isIntroVisibleStatus] = useViewIsCheckoutIntroVisible();
+  const [checkoutIntroShown, checkoutIntroShownStatus] = useViewCheckoutIntroShown();
   const [checkout, checkoutStatus] = useViewFirstAvailableCheckoutByCustomerId({ customerId });
   const firstItemWithoutCustomerDecision: CheckoutItemProjection | undefined = checkout?.items.find((item) =>
     [CheckoutItemStatus.EXPIRED, CheckoutItemStatus.INITIAL].includes(item.status),
@@ -26,13 +26,13 @@ const CheckoutMiddleware: FC<CheckoutMiddlewareProps> = ({ customerId, loader =
   const isItemRoute = useMatch(Routes.ITEM);
   const isSummaryRoute = useMatch(Routes.SUMMARY);
 
-  const dependenciesLoaded = isIntroVisibleStatus === QueryStatus.SUCCESS && checkoutStatus === QueryStatus.SUCCESS;
+  const dependenciesLoaded = checkoutIntroShownStatus === QueryStatus.SUCCESS && checkoutStatus === QueryStatus.SUCCESS;
 
   if (!dependenciesLoaded) {
     return loader;
   }
 
-  if (isIntroVisible) {
+  if (checkoutIntroShown) {
     if (!isIntroRoute) {
       return <Navigate replace to={Routes.INTRO} />;
     }

package/src/infrastructure/ui/settings/UISettings.ts

@@ -0,0 +1,5 @@
+enum UISettings {
+  CHECKOUT_INTRO_SHOWN = "CHECKOUT_INTRO_SHOWN",
+}
+
+export { UISettings };

package/src/projection/uiSetting/viewUiSettingByKey.ts

@@ -1,12 +1,12 @@
 import { query, Query, QueryHandlerFunction, QueryHandlerFunctionArgs } from "@lookiero/messaging";
 
-export interface UiSettingProjection {
+interface UiSettingProjection {
   readonly id: string;
   readonly key: string;
   readonly value: unknown;
 }
 
-export const VIEW_UI_SETTING_BY_KEY = "view_ui_setting_by_key";
+const VIEW_UI_SETTING_BY_KEY = "view_ui_setting_by_key";
 
 interface ViewUiSettingByKeyPayload {
   readonly key: string;
@@ -18,13 +18,18 @@ interface ViewUiSettingByKeyFunction {
   (payload: ViewUiSettingByKeyPayload): ViewUiSettingByKey;
 }
 
+const viewUiSettingByKey: ViewUiSettingByKeyFunction = (payload) => ({
+  ...query({ name: VIEW_UI_SETTING_BY_KEY }),
+  ...payload,
+});
+
 type ViewUiSettingByKeyResult = UiSettingProjection | undefined;
 
 interface UiSettingByKeyViewArgs {
   readonly key: string;
 }
 
-export interface UiSettingByKeyView {
+interface UiSettingByKeyView {
   (args: UiSettingByKeyViewArgs): Promise<ViewUiSettingByKeyResult>;
 }
 
@@ -32,12 +37,7 @@ interface ViewUiSettingByKeyHandlerFunctionArgs extends QueryHandlerFunctionArgs
   readonly view: UiSettingByKeyView;
 }
 
-export const viewUiSettingByKey: ViewUiSettingByKeyFunction = (payload) => ({
-  ...query({ name: VIEW_UI_SETTING_BY_KEY }),
-  ...payload,
-});
-
-export const viewUiSettingByKeyHandler: QueryHandlerFunction<
+const viewUiSettingByKeyHandler: QueryHandlerFunction<
   ViewUiSettingByKey,
   ViewUiSettingByKeyResult,
   ViewUiSettingByKeyHandlerFunctionArgs
@@ -45,3 +45,11 @@ export const viewUiSettingByKeyHandler: QueryHandlerFunction<
   ({ view }) =>
   async ({ key }) =>
     view({ key });
+
+export {
+  UiSettingProjection,
+  VIEW_UI_SETTING_BY_KEY,
+  UiSettingByKeyView,
+  viewUiSettingByKey,
+  viewUiSettingByKeyHandler,
+};

package/dist/infrastructure/projection/react/useViewIsCheckoutIntroVisible.d.ts

@@ -1,3 +0,0 @@
-import { QueryStatus } from "@lookiero/messaging-react";
-declare const useViewIsCheckoutIntroVisible: () => (boolean | QueryStatus)[];
-export { useViewIsCheckoutIntroVisible };

package/dist/infrastructure/projection/react/useViewIsCheckoutIntroVisible.js

@@ -1,3 +0,0 @@
-import { QueryStatus } from "@lookiero/messaging-react";
-const useViewIsCheckoutIntroVisible = () => [false, QueryStatus.SUCCESS];
-export { useViewIsCheckoutIntroVisible };

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

@@ -1,5 +0,0 @@
-import { QueryStatus } from "@lookiero/messaging-react";
-
-const useViewIsCheckoutIntroVisible = () => [false, QueryStatus.SUCCESS];
-
-export { useViewIsCheckoutIntroVisible };