@lookiero/checkout 12.2.0-beta.0 → 12.2.0

package/dist/src/infrastructure/delivery/baseBootstrap.d.ts

@@ -8,8 +8,6 @@ import { CheckoutFeedback } from "../../domain/checkoutFeedback/model/checkoutFe
 import { CheckoutFeedbacksGetFunction, CheckoutFeedbacksSaveFunction } from "../../domain/checkoutFeedback/model/checkoutFeedbacks";
 import { CheckoutItem } from "../../domain/checkoutItem/model/checkoutItem";
 import { CheckoutItemsGetFunction, CheckoutItemsSaveFunction } from "../../domain/checkoutItem/model/checkoutItems";
-import { UiSetting } from "../../domain/uiSetting/model/uiSetting";
-import { UiSettingGetFunction, UiSettingSaveFunction } from "../../domain/uiSetting/model/uiSettings";
 import { BookedProductsVariantsForCheckoutItemView } from "../../projection/bookedProductsVariants/viewBookedProductVariantsForCheckoutItem";
 import { CheckoutByIdView } from "../../projection/checkout/viewCheckoutById";
 import { FirstAvailableCheckoutByCustomerIdView } from "../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
@@ -22,17 +20,15 @@ import { CheckoutQuestionsByCheckoutIdView } from "../../projection/checkoutQues
 import { PaymentFlowPayloadByCheckoutIdView } from "../../projection/payment/viewPaymentFlowPayloadByCheckoutId";
 import { PricingByCheckoutIdView } from "../../projection/pricing/viewPricingByCheckoutId";
 import { ReturnQuestionsByCheckoutItemIdView } from "../../projection/returnQuestion/listReturnQuestionsByCheckoutItemId";
-import { UiSettingByKeyView } from "../../projection/uiSetting/viewUiSettingByKey";
 declare const MESSAGING_CONTEXT_ID = "Checkout";
 type NeverWhenEmptyRecord<K extends [Record<string, unknown>]> = K extends [Record<string, never>] ? [never?] : K;
 type RepositoryDependencies<A extends AggregateRoot, GetFunctionArgs extends RepositoryGetFunctionArgs, SaveFunctionArgs extends RepositorySaveFunctionArgs> = Omit<Parameters<RepositoryGetFunction<A, GetFunctionArgs>>[0] & Parameters<RepositorySaveFunction<A, SaveFunctionArgs>>[0], keyof RepositoryGetFunctionArgs>;
-interface BaseBootstrapFunctionArgs<UiSettingGetFunctionArgs extends RepositoryGetFunctionArgs, UiSettingSaveFunctionArgs extends RepositorySaveFunctionArgs, CheckoutGetFunctionArgs extends RepositoryGetFunctionArgs, CheckoutSaveFunctionArgs extends RepositorySaveFunctionArgs, CheckoutItemGetFunctionArgs extends RepositoryGetFunctionArgs, CheckoutItemSaveFunctionArgs extends RepositorySaveFunctionArgs, CheckoutBookingGetFunctionArgs extends RepositoryGetFunctionArgs, CheckoutBookingSaveFunctionArgs extends RepositorySaveFunctionArgs, CheckoutFeedbackGetFunctionArgs extends RepositoryGetFunctionArgs, CheckoutFeedbackSaveFunctionArgs extends RepositorySaveFunctionArgs> {
+interface BaseBootstrapFunctionArgs<CheckoutGetFunctionArgs extends RepositoryGetFunctionArgs, CheckoutSaveFunctionArgs extends RepositorySaveFunctionArgs, CheckoutItemGetFunctionArgs extends RepositoryGetFunctionArgs, CheckoutItemSaveFunctionArgs extends RepositorySaveFunctionArgs, CheckoutBookingGetFunctionArgs extends RepositoryGetFunctionArgs, CheckoutBookingSaveFunctionArgs extends RepositorySaveFunctionArgs, CheckoutFeedbackGetFunctionArgs extends RepositoryGetFunctionArgs, CheckoutFeedbackSaveFunctionArgs extends RepositorySaveFunctionArgs> {
     readonly checkoutByIdView: CheckoutByIdView;
     readonly firstAvailableCheckoutByCustomerIdView: FirstAvailableCheckoutByCustomerIdView;
     readonly isCheckoutEnabledByCustomerIdView: IsCheckoutEnabledByCustomerIdView;
     readonly isSizeChangeEnabledByCheckoutIdView: IsSizeChangeEnabledByCheckoutIdView;
     readonly fiveItemsDiscountByCustomerIdView: FiveItemsDiscountByCustomerIdView;
-    readonly uiSettingByKeyView: UiSettingByKeyView;
     readonly checkoutItemByIdView: CheckoutItemByIdView;
     readonly checkoutBookingByIdView: CheckoutBookingByIdView;
     readonly returnQuestionsByCheckoutItemIdView: ReturnQuestionsByCheckoutItemIdView;
@@ -40,11 +36,6 @@ interface BaseBootstrapFunctionArgs<UiSettingGetFunctionArgs extends RepositoryG
     readonly pricingByCheckoutIdView: PricingByCheckoutIdView;
     readonly paymentFlowPayloadByCheckoutIdView: PaymentFlowPayloadByCheckoutIdView;
     readonly checkoutQuestionsByCheckoutIdView: CheckoutQuestionsByCheckoutIdView;
-    readonly getUiSetting: UiSettingGetFunction<UiSettingGetFunctionArgs>;
-    readonly saveUiSetting: UiSettingSaveFunction<UiSettingSaveFunctionArgs>;
-    readonly uiSettingsDependencies: NeverWhenEmptyRecord<[
-        RepositoryDependencies<UiSetting, UiSettingGetFunctionArgs, UiSettingSaveFunctionArgs>
-    ]>;
     readonly getCheckout: CheckoutsGetFunction<CheckoutGetFunctionArgs>;
     readonly saveCheckout: CheckoutsSaveFunction<CheckoutSaveFunctionArgs>;
     readonly checkoutsDependencies: NeverWhenEmptyRecord<[
@@ -67,7 +58,7 @@ interface BaseBootstrapFunctionArgs<UiSettingGetFunctionArgs extends RepositoryG
     ]>;
 }
 interface BaseBootstrapFunction {
-    <UiSettingGetArgs extends RepositoryGetFunctionArgs, UiSettingSaveArgs extends RepositorySaveFunctionArgs, CheckoutGetFunctionArgs extends RepositoryGetFunctionArgs, CheckoutSaveFunctionArgs extends RepositorySaveFunctionArgs, CheckoutItemGetFunctionArgs extends RepositoryGetFunctionArgs, CheckoutItemSaveFunctionArgs extends RepositorySaveFunctionArgs, CheckoutBookingGetFunctionArgs extends RepositoryGetFunctionArgs, CheckoutBookingSaveFunctionArgs extends RepositorySaveFunctionArgs, CheckoutFeedbackGetFunctionArgs extends RepositoryGetFunctionArgs, CheckoutFeedbackSaveFunctionArgs extends RepositorySaveFunctionArgs>(args: BaseBootstrapFunctionArgs<UiSettingGetArgs, UiSettingSaveArgs, CheckoutGetFunctionArgs, CheckoutSaveFunctionArgs, CheckoutItemGetFunctionArgs, CheckoutItemSaveFunctionArgs, CheckoutBookingGetFunctionArgs, CheckoutBookingSaveFunctionArgs, CheckoutFeedbackGetFunctionArgs, CheckoutFeedbackSaveFunctionArgs>): BuildBootstrapFunctionReturn;
+    <CheckoutGetFunctionArgs extends RepositoryGetFunctionArgs, CheckoutSaveFunctionArgs extends RepositorySaveFunctionArgs, CheckoutItemGetFunctionArgs extends RepositoryGetFunctionArgs, CheckoutItemSaveFunctionArgs extends RepositorySaveFunctionArgs, CheckoutBookingGetFunctionArgs extends RepositoryGetFunctionArgs, CheckoutBookingSaveFunctionArgs extends RepositorySaveFunctionArgs, CheckoutFeedbackGetFunctionArgs extends RepositoryGetFunctionArgs, CheckoutFeedbackSaveFunctionArgs extends RepositorySaveFunctionArgs>(args: BaseBootstrapFunctionArgs<CheckoutGetFunctionArgs, CheckoutSaveFunctionArgs, CheckoutItemGetFunctionArgs, CheckoutItemSaveFunctionArgs, CheckoutBookingGetFunctionArgs, CheckoutBookingSaveFunctionArgs, CheckoutFeedbackGetFunctionArgs, CheckoutFeedbackSaveFunctionArgs>): BuildBootstrapFunctionReturn;
 }
 declare const baseBootstrap: BaseBootstrapFunction;
 export { baseBootstrap, MESSAGING_CONTEXT_ID };

package/dist/src/infrastructure/delivery/baseBootstrap.js

@@ -1,5 +1,6 @@
 import { bootstrap as messagingBootstrap } from "@lookiero/messaging-react";
 import { bootstrapWithBuilder as bootstrapNotifications, inMemoryStorageNotifications, } from "@lookiero/sty-psp-notifications";
+import { bootstrapWithBuilder as bootstrapUiSettings, asyncStorageUiSettings } from "@lookiero/sty-psp-ui-settings";
 import { START_CHECKOUT } from "../../domain/checkout/command/startCheckout";
 import { SUBMIT_CHECKOUT } from "../../domain/checkout/command/submitCheckout";
 import { createModalNotificationWhenCheckoutSubmitted } from "../../domain/checkout/event/createModalNotificationWhenCheckoutSubmitted";
@@ -19,8 +20,6 @@ import { RETURN_CHECKOUT_ITEM } from "../../domain/checkoutItem/command/returnCh
 import { createModalNotificationWhenCheckoutItemReplaced } from "../../domain/checkoutItem/event/createModalNotificationWhenCheckoutItemReplaced";
 import { keepCheckoutItemHandler, replaceCheckoutItemHandler, resetCheckoutItemHandler, returnCheckoutItemHandler, } from "../../domain/checkoutItem/model/checkoutItem";
 import { CHECKOUT_ITEM_REPLACED } from "../../domain/checkoutItem/model/checkoutItemReplaced";
-import { UPDATE_UI_SETTING } from "../../domain/uiSetting/command/updateUiSetting";
-import { updateUiSettingHandler } from "../../domain/uiSetting/model/uiSetting";
 import { viewBookedProductsVariantsForCheckoutItemHandler, VIEW_BOOKED_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM, } from "../../projection/bookedProductsVariants/viewBookedProductVariantsForCheckoutItem";
 import { viewCheckoutByIdHandler, VIEW_CHECKOUT_BY_ID, } from "../../projection/checkout/viewCheckoutById";
 import { viewFirstAvailableCheckoutByCustomerIdHandler, VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID, } from "../../projection/checkout/viewFirstAvailableCheckoutByCustomerId";
@@ -33,9 +32,8 @@ import { listCheckoutQuestionsByCheckoutIdHandler, LIST_CHECKOUT_QUESTIONS_BY_CH
 import { viewPaymentFlowPayloadByCheckoutIdHandler, VIEW_PAYMENT_FLOW_PAYLOAD_BY_CHECKOUT_ID, } from "../../projection/payment/viewPaymentFlowPayloadByCheckoutId";
 import { viewPricingByCheckoutIdHandler, VIEW_PRICING_BY_CHECKOUT_ID, } from "../../projection/pricing/viewPricingByCheckoutId";
 import { listReturnQuestionsByCheckoutItemIdHandler, LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID, } from "../../projection/returnQuestion/listReturnQuestionsByCheckoutItemId";
-import { viewUiSettingByKeyHandler, VIEW_UI_SETTING_BY_KEY, } from "../../projection/uiSetting/viewUiSettingByKey";
 const MESSAGING_CONTEXT_ID = "Checkout";
-const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdView, isCheckoutEnabledByCustomerIdView, isSizeChangeEnabledByCheckoutIdView, fiveItemsDiscountByCustomerIdView, checkoutItemByIdView, returnQuestionsByCheckoutItemIdView, bookedProductsVariantsForCheckoutItemView, checkoutBookingByIdView, pricingByCheckoutIdView, paymentFlowPayloadByCheckoutIdView, checkoutQuestionsByCheckoutIdView, uiSettingByKeyView, getUiSetting, saveUiSetting, uiSettingsDependencies, getCheckout, saveCheckout, checkoutsDependencies, getCheckoutItem, saveCheckoutItem, checkoutItemsDependencies, getCheckoutBooking, saveCheckoutBooking, checkoutBookingsDependencies, getCheckoutFeedback, saveCheckoutFeedback, checkoutFeedbacksDependencies, }) => {
+const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdView, isCheckoutEnabledByCustomerIdView, isSizeChangeEnabledByCheckoutIdView, fiveItemsDiscountByCustomerIdView, checkoutItemByIdView, returnQuestionsByCheckoutItemIdView, bookedProductsVariantsForCheckoutItemView, checkoutBookingByIdView, pricingByCheckoutIdView, paymentFlowPayloadByCheckoutIdView, checkoutQuestionsByCheckoutIdView, getCheckout, saveCheckout, checkoutsDependencies, getCheckoutItem, saveCheckoutItem, checkoutItemsDependencies, getCheckoutBooking, saveCheckoutBooking, checkoutBookingsDependencies, getCheckoutFeedback, saveCheckoutFeedback, checkoutFeedbacksDependencies, }) => {
     let messaging = messagingBootstrap({ id: MESSAGING_CONTEXT_ID })
         .query(VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID, viewFiveItemsDiscountByCustomerIdHandler, {
         view: fiveItemsDiscountByCustomerIdView,
@@ -82,14 +80,11 @@ const baseBootstrap = ({ checkoutByIdView, firstAvailableCheckoutByCustomerIdVie
         .command(BOOK_CHECKOUT_BOOKING_FOR_CHECKOUT_ITEM, bookCheckoutBookingForCheckoutItemHandler)(getCheckoutBooking, saveCheckoutBooking, ...checkoutBookingsDependencies)
         .command(BLOCK_CHECKOUT_BOOKING, blockCheckoutBookingHandler)(getCheckoutBooking, saveCheckoutBooking, ...checkoutBookingsDependencies)
         .command(GIVE_CHECKOUT_FEEDBACK, giveCheckoutFeedbackHandler)(getCheckoutFeedback, saveCheckoutFeedback, ...checkoutFeedbacksDependencies)
-        .query(VIEW_UI_SETTING_BY_KEY, viewUiSettingByKeyHandler, {
-        view: uiSettingByKeyView,
-    })
-        .command(UPDATE_UI_SETTING, updateUiSettingHandler)(getUiSetting, saveUiSetting, ...uiSettingsDependencies)
         .processManager(CHECKOUT_BOOKING_EXPIRED, createToastNotificationWhenCheckoutBookingExpired)
         .processManager(CHECKOUT_ITEM_REPLACED, createModalNotificationWhenCheckoutItemReplaced)
         .processManager(CHECKOUT_SUBMITTED, createModalNotificationWhenCheckoutSubmitted);
     messaging = bootstrapNotifications({ messaging, storage: inMemoryStorageNotifications() });
+    messaging = bootstrapUiSettings({ messaging, storage: asyncStorageUiSettings() });
     return messaging.build();
 };
 export { baseBootstrap, MESSAGING_CONTEXT_ID };

package/dist/src/infrastructure/delivery/bootstrap.js

@@ -5,8 +5,6 @@ import { getCheckout, saveCheckout } from "../domain/checkout/model/httpCheckout
 import { getCheckoutBooking, saveCheckoutBooking } from "../domain/checkoutBooking/model/httpCheckoutBookings";
 import { getCheckoutFeedback, saveCheckoutFeedback } from "../domain/checkoutFeedback/model/httpCheckoutFeedbacks";
 import { getCheckoutItem, saveCheckoutItem } from "../domain/checkoutItem/model/httpCheckoutItems";
-import { getUiSetting, saveUiSetting } from "../domain/uiSetting/model/storageUiSettings";
-import { read, write } from "../persistence/asyncStorageStorage";
 import { httpBookedProductsVariantsForCheckoutItemView } from "../projection/bookedProductsVariants/httpBookedProductsVariantsForCheckoutItemView";
 import { httpCheckoutByIdView } from "../projection/checkout/httpCheckoutByIdView";
 import { httpFirstAvailableCheckoutByCustomerIdView } from "../projection/checkout/httpFirstAvailableCheckoutByCustomerIdView";
@@ -19,7 +17,6 @@ import { httpCheckoutQuestionsByCheckoutIdView } from "../projection/checkoutQue
 import { httpPaymentFlowPayloadByCheckoutIdView } from "../projection/payment/httpPaymentFlowPayloadByCheckoutIdView";
 import { httpPricingByCheckoutIdView } from "../projection/pricing/httpPricingByCheckoutIdView";
 import { httpReturnQuestionsByCheckoutItemIdView } from "../projection/returnQuestion/httpReturnQuestionsByCheckoutItemIdView";
-import { storageUiSettingByKeyView } from "../projection/uiSetting/storageUiSettingByKeyView";
 import { baseBootstrap } from "./baseBootstrap";
 const device = Platform.OS;
 const bootstrap = ({ apiUrl, getAuthToken }) => {
@@ -31,7 +28,6 @@ const bootstrap = ({ apiUrl, getAuthToken }) => {
         isCheckoutEnabledByCustomerIdView: httpIsCheckoutEnabledByCustomerIdView({ httpGet }),
         isSizeChangeEnabledByCheckoutIdView: httpIsSizeChangeEnabledByCheckoutIdView({ httpGet }),
         fiveItemsDiscountByCustomerIdView: httpFiveItemsDiscountByCustomerIdView({ httpGet }),
-        uiSettingByKeyView: storageUiSettingByKeyView({ read }),
         checkoutItemByIdView: httpCheckoutItemByIdView({ httpPost }),
         returnQuestionsByCheckoutItemIdView: httpReturnQuestionsByCheckoutItemIdView({ httpPost }),
         checkoutBookingByIdView: httpCheckoutBookingByIdView({ httpPost }),
@@ -47,9 +43,6 @@ const bootstrap = ({ apiUrl, getAuthToken }) => {
         checkoutQuestionsByCheckoutIdView: httpCheckoutQuestionsByCheckoutIdView({
             httpPost,
         }),
-        getUiSetting,
-        saveUiSetting,
-        uiSettingsDependencies: [{ read, write }],
         getCheckout,
         saveCheckout,
         checkoutsDependencies: [{ httpPost }],

package/dist/src/infrastructure/delivery/bootstrap.mock.js

@@ -1,6 +1,4 @@
 import { CheckoutItemStatus } from "../../domain/checkoutItem/model/checkoutItem";
-import { getUiSetting, saveUiSetting } from "../domain/uiSetting/model/storageUiSettings";
-import { read, write } from "../persistence/asyncStorageStorage";
 import { bookedProductsVariants } from "../projection/bookedProductsVariants/bookedProductsVariants.mock";
 import { checkout } from "../projection/checkout/checkout.mock";
 import { checkoutBooking as checkoutBookingMock } from "../projection/checkoutBooking/checkoutBooking.mock";
@@ -10,7 +8,6 @@ import { feedback as feedbackMock } from "../projection/feedback/feedback.mock";
 import { paymentFlowPayload as paymentFlowPayloadMock } from "../projection/payment/paymentFlowPayload.mock";
 import { pricing as pricingMock } from "../projection/pricing/pricing.mock";
 import { returnQuestions as returnQuestionsMock } from "../projection/returnQuestion/returnQuestions.mock";
-import { storageUiSettingByKeyView } from "../projection/uiSetting/storageUiSettingByKeyView";
 import { baseBootstrap } from "./baseBootstrap";
 import { checkoutBookingDataSource } from "./mock/checkoutBookingDataSource";
 import { checkoutDataSource } from "./mock/checkoutDataSource";
@@ -64,7 +61,6 @@ const bootstrap = () => baseBootstrap({
     isCheckoutEnabledByCustomerIdView,
     isSizeChangeEnabledByCheckoutIdView,
     fiveItemsDiscountByCustomerIdView,
-    uiSettingByKeyView: storageUiSettingByKeyView({ read }),
     checkoutItemByIdView,
     returnQuestionsByCheckoutItemIdView,
     checkoutBookingByIdView,
@@ -72,9 +68,6 @@ const bootstrap = () => baseBootstrap({
     pricingByCheckoutIdView,
     paymentFlowPayloadByCheckoutIdView,
     checkoutQuestionsByCheckoutIdView,
-    getUiSetting,
-    saveUiSetting,
-    uiSettingsDependencies: [{ read, write }],
     getCheckout,
     saveCheckout,
     checkoutsDependencies: [{ dataSource }],

package/dist/src/infrastructure/ui/Root.d.ts

@@ -11,7 +11,6 @@ import { Customer } from "../../projection/customer/customer";
 import { OrderProjection } from "../../projection/order/order";
 import { SubscriptionProjection } from "../../projection/subscription/subscription";
 import { KameleoonEnvironment } from "../ab-testing/kameleoonEnvironment";
-import { UseRedirectFunction } from "../integration/useRedirect";
 interface RootFunctionArgs {
     readonly Messaging: MessagingRoot;
     readonly I18n: I18n;
@@ -34,7 +33,7 @@ interface RootProps {
     readonly tradename: Tradename;
     readonly onNotAccessible: () => void;
     readonly onCheckoutFlowSuccess: () => void;
-    readonly useRedirect: UseRedirectFunction;
+    readonly useRedirect: () => Record<string, string>;
     readonly useRoutes?: typeof reactRouterUseRoutes;
 }
 declare const root: RootFunction;

package/dist/src/infrastructure/ui/hooks/useCheckoutFlow.d.ts

@@ -2,7 +2,6 @@ import { ReactNode } from "react";
 import { CheckoutProjection } from "../../../projection/checkout/checkout";
 import { OrderProjection } from "../../../projection/order/order";
 import { SubscriptionProjection } from "../../../projection/subscription/subscription";
-import { UseRedirectFunction } from "../../integration/useRedirect";
 type CheckoutFlowStatus = "idle" | "loading" | "success" | "error";
 interface CheckoutFlowFunction {
     (): Promise<void>;
@@ -18,7 +17,6 @@ interface UseCheckoutFlowArgs {
     readonly subscription: SubscriptionProjection;
     readonly getAuthToken: () => Promise<string>;
     readonly onSuccess: () => void;
-    readonly useRedirect: UseRedirectFunction;
 }
 interface UseCheckoutFlowFunction {
     (args: UseCheckoutFlowArgs): CheckoutFlowReturn;

package/dist/src/infrastructure/ui/hooks/useCheckoutFlow.js

@@ -12,14 +12,14 @@ import { useViewPaymentFlowPayloadByCheckoutId } from "../../projection/payment/
 import { useViewPricingByCheckoutId } from "../../projection/pricing/react/useViewPricingByCheckoutId";
 import { useTrackCheckout } from "../../tracking/useTrackCheckout";
 import { I18nMessages } from "../i18n/i18n";
+import { Routes } from "../routing/routes";
 import { usePaymentInstrumentEvents } from "./usePaymentInstrumentEvents";
 import { useQueryBus } from "./useQueryBus";
 import { useStaticInfo } from "./useStaticInfo";
-const useCheckoutFlow = ({ checkout: checkoutProjection, order: orderProjection, subscription: subscriptionProjection, getAuthToken, onSuccess, useRedirect, }) => {
+const useCheckoutFlow = ({ checkout: checkoutProjection, order: orderProjection, subscription: subscriptionProjection, getAuthToken, onSuccess, }) => {
     const logger = useLogger();
     const queryBus = useQueryBus();
-    const { customer: { customerId, country, segment, name, email }, tradename, } = useStaticInfo();
-    const { returnUrl } = useRedirect();
+    const { customer: { customerId, country, segment, name, email }, basePath, tradename, } = useStaticInfo();
     const paymentFlowRef = useRef(null);
     const [paymentFlowPayload] = useViewPaymentFlowPayloadByCheckoutId({
         checkoutId: checkoutProjection?.id,
@@ -73,14 +73,14 @@ const useCheckoutFlow = ({ checkout: checkoutProjection, order: orderProjection,
         paymentFlowRef.current?.startLegacyBoxCheckout({
             ...paymentFlowPayload,
             userInformation: { email, name },
-            returnUrl,
+            returnUrl: `${basePath}/${Routes.CHECKOUT}`,
         });
     }, [
         checkoutProjection?.checkoutBookingId,
         paymentFlowPayload,
         email,
         name,
-        returnUrl,
+        basePath,
         sizeChangeEnabled,
         blockCheckoutBooking,
         queryBus,

package/dist/src/infrastructure/ui/routing/Routing.d.ts

@@ -8,7 +8,6 @@ import { Customer } from "../../../projection/customer/customer";
 import { OrderProjection } from "../../../projection/order/order";
 import { SubscriptionProjection } from "../../../projection/subscription/subscription";
 import { KameleoonEnvironment } from "../../ab-testing/kameleoonEnvironment";
-import { UseRedirectFunction } from "../../integration/useRedirect";
 interface RoutingProps {
     readonly basePath?: string;
     readonly customer: Customer;
@@ -23,7 +22,7 @@ interface RoutingProps {
     readonly onNotAccessible: () => void;
     readonly onCheckoutFlowSuccess: () => void;
     readonly onI18nError?: (err: Error) => void;
-    readonly useRedirect: UseRedirectFunction;
+    readonly useRedirect: () => Record<string, string>;
     readonly useRoutes: typeof reactRouterUseRoutes;
 }
 /**

package/dist/src/infrastructure/ui/views/checkout/Checkout.d.ts

@@ -2,14 +2,13 @@ import { FC } from "react";
 import { Layout as UiLayout } from "@lookiero/sty-psp-ui";
 import { OrderProjection } from "../../../../projection/order/order";
 import { SubscriptionProjection } from "../../../../projection/subscription/subscription";
-import { UseRedirectFunction } from "../../../integration/useRedirect";
 interface CheckoutProps {
     readonly layout: UiLayout;
     readonly order: OrderProjection;
     readonly subscription: SubscriptionProjection;
     readonly getAuthToken: () => Promise<string>;
     readonly onCheckoutFlowSuccess: () => void;
-    readonly useRedirect: UseRedirectFunction;
+    readonly useRedirect: () => Record<string, string>;
 }
 declare const Checkout: FC<CheckoutProps>;
 export { Checkout };

package/dist/src/infrastructure/ui/views/checkout/Checkout.js

@@ -41,7 +41,6 @@ const Checkout = ({ layout: Layout, order, subscription, getAuthToken, useRedire
         subscription,
         getAuthToken,
         onSuccess: onCheckoutFlowSuccess,
-        useRedirect,
     });
     useTrackPageView({
         page: TrackingPage.CHECKOUT,

package/dist/src/infrastructure/ui/views/checkout/components/paymentInstrument/PaymentInstrument.d.ts

@@ -1,7 +1,6 @@
 import { FC } from "react";
-import { UseRedirectFunction } from "../../../../../integration/useRedirect";
 interface PaymentInstrumentProps {
-    readonly useRedirect: UseRedirectFunction;
+    readonly useRedirect: () => Record<string, string>;
 }
 declare const PaymentInstrument: FC<PaymentInstrumentProps>;
 export { PaymentInstrument };

package/dist/src/infrastructure/ui/views/checkout/components/paymentInstrument/PaymentInstrument.js

@@ -4,7 +4,7 @@ import { useStaticInfo } from "../../../../hooks/useStaticInfo";
 const PaymentInstrument = ({ useRedirect }) => {
     const { returnUrl } = useRedirect();
     const { customer } = useStaticInfo();
-    return (React.createElement(PaymentInstrumentSelect, { beforeRedirect: () => Promise.resolve(returnUrl), hasError: false, section: Section.BOX_CHECKOUT, userInformation: {
+    return (React.createElement(PaymentInstrumentSelect, { beforeRedirect: returnUrl ? () => Promise.resolve(returnUrl) : undefined, hasError: false, section: Section.BOX_CHECKOUT, userInformation: {
             email: customer.email,
             name: customer.name,
         }, showSingleUsePaymentMethods: true }));

package/dist/src/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "12.2.0-beta.0";
+export declare const VERSION = "12.2.0";

package/dist/src/version.js

@@ -1 +1 @@
-export const VERSION = "12.2.0-beta.0";
+export const VERSION = "12.2.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lookiero/checkout",
-  "version": "12.2.0-beta.0",
+  "version": "12.2.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": "false",

package/src/ExpoRoot.tsx

@@ -17,7 +17,6 @@ import { Tradename } from "@lookiero/sty-sp-tradename";
 import { KameleoonEnvironment } from "./infrastructure/ab-testing/kameleoonEnvironment";
 import { bootstrap as checkoutBootstrap } from "./infrastructure/delivery/bootstrap";
 import { bootstrap as checkoutMockBootstrap } from "./infrastructure/delivery/bootstrap.mock";
-import { UseRedirectFunction } from "./infrastructure/integration/useRedirect";
 import { root } from "./infrastructure/ui/Root";
 import { DOMAIN } from "./infrastructure/ui/i18n/i18n";
 import { Router } from "./infrastructure/ui/routing/router/Router";
@@ -80,7 +79,7 @@ const translations: EndpointFunction[] = [
     })(locale),
 ];
 
-const useRedirect: UseRedirectFunction = () => ({
+const useRedirect: () => Record<string, string> = () => ({
   returnUrl: "https://web2.dev.aws.lookiero.es/user/",
 });
 

package/src/infrastructure/delivery/baseBootstrap.ts

@@ -10,6 +10,7 @@ import {
   bootstrapWithBuilder as bootstrapNotifications,
   inMemoryStorageNotifications,
 } from "@lookiero/sty-psp-notifications";
+import { bootstrapWithBuilder as bootstrapUiSettings, asyncStorageUiSettings } from "@lookiero/sty-psp-ui-settings";
 import { START_CHECKOUT } from "../../domain/checkout/command/startCheckout";
 import { SUBMIT_CHECKOUT } from "../../domain/checkout/command/submitCheckout";
 import { createModalNotificationWhenCheckoutSubmitted } from "../../domain/checkout/event/createModalNotificationWhenCheckoutSubmitted";
@@ -49,9 +50,6 @@ import {
 } from "../../domain/checkoutItem/model/checkoutItem";
 import { CHECKOUT_ITEM_REPLACED } from "../../domain/checkoutItem/model/checkoutItemReplaced";
 import { CheckoutItemsGetFunction, CheckoutItemsSaveFunction } from "../../domain/checkoutItem/model/checkoutItems";
-import { UPDATE_UI_SETTING } from "../../domain/uiSetting/command/updateUiSetting";
-import { UiSetting, updateUiSettingHandler } from "../../domain/uiSetting/model/uiSetting";
-import { UiSettingGetFunction, UiSettingSaveFunction } from "../../domain/uiSetting/model/uiSettings";
 import {
   BookedProductsVariantsForCheckoutItemView,
   viewBookedProductsVariantsForCheckoutItemHandler,
@@ -112,11 +110,6 @@ import {
   LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID,
   ReturnQuestionsByCheckoutItemIdView,
 } from "../../projection/returnQuestion/listReturnQuestionsByCheckoutItemId";
-import {
-  UiSettingByKeyView,
-  viewUiSettingByKeyHandler,
-  VIEW_UI_SETTING_BY_KEY,
-} from "../../projection/uiSetting/viewUiSettingByKey";
 
 const MESSAGING_CONTEXT_ID = "Checkout";
 
@@ -132,8 +125,6 @@ type RepositoryDependencies<
 >;
 
 interface BaseBootstrapFunctionArgs<
-  UiSettingGetFunctionArgs extends RepositoryGetFunctionArgs,
-  UiSettingSaveFunctionArgs extends RepositorySaveFunctionArgs,
   CheckoutGetFunctionArgs extends RepositoryGetFunctionArgs,
   CheckoutSaveFunctionArgs extends RepositorySaveFunctionArgs,
   CheckoutItemGetFunctionArgs extends RepositoryGetFunctionArgs,
@@ -148,7 +139,6 @@ interface BaseBootstrapFunctionArgs<
   readonly isCheckoutEnabledByCustomerIdView: IsCheckoutEnabledByCustomerIdView;
   readonly isSizeChangeEnabledByCheckoutIdView: IsSizeChangeEnabledByCheckoutIdView;
   readonly fiveItemsDiscountByCustomerIdView: FiveItemsDiscountByCustomerIdView;
-  readonly uiSettingByKeyView: UiSettingByKeyView;
   readonly checkoutItemByIdView: CheckoutItemByIdView;
   readonly checkoutBookingByIdView: CheckoutBookingByIdView;
   readonly returnQuestionsByCheckoutItemIdView: ReturnQuestionsByCheckoutItemIdView;
@@ -156,11 +146,6 @@ interface BaseBootstrapFunctionArgs<
   readonly pricingByCheckoutIdView: PricingByCheckoutIdView;
   readonly paymentFlowPayloadByCheckoutIdView: PaymentFlowPayloadByCheckoutIdView;
   readonly checkoutQuestionsByCheckoutIdView: CheckoutQuestionsByCheckoutIdView;
-  readonly getUiSetting: UiSettingGetFunction<UiSettingGetFunctionArgs>;
-  readonly saveUiSetting: UiSettingSaveFunction<UiSettingSaveFunctionArgs>;
-  readonly uiSettingsDependencies: NeverWhenEmptyRecord<
-    [RepositoryDependencies<UiSetting, UiSettingGetFunctionArgs, UiSettingSaveFunctionArgs>]
-  >;
   readonly getCheckout: CheckoutsGetFunction<CheckoutGetFunctionArgs>;
   readonly saveCheckout: CheckoutsSaveFunction<CheckoutSaveFunctionArgs>;
   readonly checkoutsDependencies: NeverWhenEmptyRecord<
@@ -185,8 +170,6 @@ interface BaseBootstrapFunctionArgs<
 
 interface BaseBootstrapFunction {
   <
-    UiSettingGetArgs extends RepositoryGetFunctionArgs,
-    UiSettingSaveArgs extends RepositorySaveFunctionArgs,
     CheckoutGetFunctionArgs extends RepositoryGetFunctionArgs,
     CheckoutSaveFunctionArgs extends RepositorySaveFunctionArgs,
     CheckoutItemGetFunctionArgs extends RepositoryGetFunctionArgs,
@@ -197,8 +180,6 @@ interface BaseBootstrapFunction {
     CheckoutFeedbackSaveFunctionArgs extends RepositorySaveFunctionArgs,
   >(
     args: BaseBootstrapFunctionArgs<
-      UiSettingGetArgs,
-      UiSettingSaveArgs,
       CheckoutGetFunctionArgs,
       CheckoutSaveFunctionArgs,
       CheckoutItemGetFunctionArgs,
@@ -224,10 +205,6 @@ const baseBootstrap: BaseBootstrapFunction = ({
   pricingByCheckoutIdView,
   paymentFlowPayloadByCheckoutIdView,
   checkoutQuestionsByCheckoutIdView,
-  uiSettingByKeyView,
-  getUiSetting,
-  saveUiSetting,
-  uiSettingsDependencies,
   getCheckout,
   saveCheckout,
   checkoutsDependencies,
@@ -315,16 +292,14 @@ const baseBootstrap: BaseBootstrapFunction = ({
       saveCheckoutFeedback,
       ...checkoutFeedbacksDependencies,
     )
-    .query(VIEW_UI_SETTING_BY_KEY, viewUiSettingByKeyHandler, {
-      view: uiSettingByKeyView,
-    })
-    .command(UPDATE_UI_SETTING, updateUiSettingHandler)(getUiSetting, saveUiSetting, ...uiSettingsDependencies)
     .processManager(CHECKOUT_BOOKING_EXPIRED, createToastNotificationWhenCheckoutBookingExpired)
     .processManager(CHECKOUT_ITEM_REPLACED, createModalNotificationWhenCheckoutItemReplaced)
     .processManager(CHECKOUT_SUBMITTED, createModalNotificationWhenCheckoutSubmitted);
 
   messaging = bootstrapNotifications({ messaging, storage: inMemoryStorageNotifications() });
 
+  messaging = bootstrapUiSettings({ messaging, storage: asyncStorageUiSettings() });
+
   return messaging.build();
 };
 

package/src/infrastructure/delivery/bootstrap.mock.ts

@@ -12,8 +12,6 @@ import { CheckoutQuestionsByCheckoutIdView } from "../../projection/checkoutQues
 import { PaymentFlowPayloadByCheckoutIdView } from "../../projection/payment/viewPaymentFlowPayloadByCheckoutId";
 import { PricingByCheckoutIdView } from "../../projection/pricing/viewPricingByCheckoutId";
 import { ReturnQuestionsByCheckoutItemIdView } from "../../projection/returnQuestion/listReturnQuestionsByCheckoutItemId";
-import { getUiSetting, saveUiSetting } from "../domain/uiSetting/model/storageUiSettings";
-import { read, write } from "../persistence/asyncStorageStorage";
 import { bookedProductsVariants } from "../projection/bookedProductsVariants/bookedProductsVariants.mock";
 import { checkout } from "../projection/checkout/checkout.mock";
 import { checkoutBooking as checkoutBookingMock } from "../projection/checkoutBooking/checkoutBooking.mock";
@@ -23,7 +21,6 @@ import { feedback as feedbackMock } from "../projection/feedback/feedback.mock";
 import { paymentFlowPayload as paymentFlowPayloadMock } from "../projection/payment/paymentFlowPayload.mock";
 import { pricing as pricingMock } from "../projection/pricing/pricing.mock";
 import { returnQuestions as returnQuestionsMock } from "../projection/returnQuestion/returnQuestions.mock";
-import { storageUiSettingByKeyView } from "../projection/uiSetting/storageUiSettingByKeyView";
 import { baseBootstrap } from "./baseBootstrap";
 import { checkoutBookingDataSource } from "./mock/checkoutBookingDataSource";
 import { checkoutDataSource } from "./mock/checkoutDataSource";
@@ -85,7 +82,6 @@ const bootstrap: () => BuildBootstrapFunctionReturn = () =>
     isCheckoutEnabledByCustomerIdView,
     isSizeChangeEnabledByCheckoutIdView,
     fiveItemsDiscountByCustomerIdView,
-    uiSettingByKeyView: storageUiSettingByKeyView({ read }),
     checkoutItemByIdView,
     returnQuestionsByCheckoutItemIdView,
     checkoutBookingByIdView,
@@ -93,9 +89,6 @@ const bootstrap: () => BuildBootstrapFunctionReturn = () =>
     pricingByCheckoutIdView,
     paymentFlowPayloadByCheckoutIdView,
     checkoutQuestionsByCheckoutIdView,
-    getUiSetting,
-    saveUiSetting,
-    uiSettingsDependencies: [{ read, write }],
     getCheckout,
     saveCheckout,
     checkoutsDependencies: [{ dataSource }],

package/src/infrastructure/delivery/bootstrap.ts

@@ -6,8 +6,6 @@ import { getCheckout, saveCheckout } from "../domain/checkout/model/httpCheckout
 import { getCheckoutBooking, saveCheckoutBooking } from "../domain/checkoutBooking/model/httpCheckoutBookings";
 import { getCheckoutFeedback, saveCheckoutFeedback } from "../domain/checkoutFeedback/model/httpCheckoutFeedbacks";
 import { getCheckoutItem, saveCheckoutItem } from "../domain/checkoutItem/model/httpCheckoutItems";
-import { getUiSetting, saveUiSetting } from "../domain/uiSetting/model/storageUiSettings";
-import { read, write } from "../persistence/asyncStorageStorage";
 import { httpBookedProductsVariantsForCheckoutItemView } from "../projection/bookedProductsVariants/httpBookedProductsVariantsForCheckoutItemView";
 import { httpCheckoutByIdView } from "../projection/checkout/httpCheckoutByIdView";
 import { httpFirstAvailableCheckoutByCustomerIdView } from "../projection/checkout/httpFirstAvailableCheckoutByCustomerIdView";
@@ -20,7 +18,6 @@ import { httpCheckoutQuestionsByCheckoutIdView } from "../projection/checkoutQue
 import { httpPaymentFlowPayloadByCheckoutIdView } from "../projection/payment/httpPaymentFlowPayloadByCheckoutIdView";
 import { httpPricingByCheckoutIdView } from "../projection/pricing/httpPricingByCheckoutIdView";
 import { httpReturnQuestionsByCheckoutItemIdView } from "../projection/returnQuestion/httpReturnQuestionsByCheckoutItemIdView";
-import { storageUiSettingByKeyView } from "../projection/uiSetting/storageUiSettingByKeyView";
 import { baseBootstrap } from "./baseBootstrap";
 
 type OS = typeof Platform.OS;
@@ -46,7 +43,6 @@ const bootstrap: BootstrapFunction = ({ apiUrl, getAuthToken }) => {
     isCheckoutEnabledByCustomerIdView: httpIsCheckoutEnabledByCustomerIdView({ httpGet }),
     isSizeChangeEnabledByCheckoutIdView: httpIsSizeChangeEnabledByCheckoutIdView({ httpGet }),
     fiveItemsDiscountByCustomerIdView: httpFiveItemsDiscountByCustomerIdView({ httpGet }),
-    uiSettingByKeyView: storageUiSettingByKeyView({ read }),
     checkoutItemByIdView: httpCheckoutItemByIdView({ httpPost }),
     returnQuestionsByCheckoutItemIdView: httpReturnQuestionsByCheckoutItemIdView({ httpPost }),
     checkoutBookingByIdView: httpCheckoutBookingByIdView({ httpPost }),
@@ -62,9 +58,6 @@ const bootstrap: BootstrapFunction = ({ apiUrl, getAuthToken }) => {
     checkoutQuestionsByCheckoutIdView: httpCheckoutQuestionsByCheckoutIdView({
       httpPost,
     }),
-    getUiSetting,
-    saveUiSetting,
-    uiSettingsDependencies: [{ read, write }],
     getCheckout,
     saveCheckout,
     checkoutsDependencies: [{ httpPost }],

package/src/infrastructure/ui/Root.tsx

@@ -13,7 +13,6 @@ import { Customer } from "../../projection/customer/customer";
 import { OrderProjection } from "../../projection/order/order";
 import { SubscriptionProjection } from "../../projection/subscription/subscription";
 import { KameleoonEnvironment } from "../ab-testing/kameleoonEnvironment";
-import { UseRedirectFunction } from "../integration/useRedirect";
 import { QueryBusProvider } from "./hooks/useQueryBus";
 import { Routing } from "./routing/Routing";
 
@@ -41,7 +40,7 @@ interface RootProps {
   readonly tradename: Tradename;
   readonly onNotAccessible: () => void;
   readonly onCheckoutFlowSuccess: () => void;
-  readonly useRedirect: UseRedirectFunction;
+  readonly useRedirect: () => Record<string, string>;
   readonly useRoutes?: typeof reactRouterUseRoutes;
 }
 

package/src/infrastructure/ui/hooks/useCheckoutFlow.test.tsx

@@ -11,7 +11,6 @@ import { OrderProjection } from "../../../projection/order/order";
 import { SubscriptionProjection } from "../../../projection/subscription/subscription";
 import { useSubmitCheckout } from "../../domain/checkout/react/useSubmitCheckout";
 import { useBlockCheckoutBooking } from "../../domain/checkoutBooking/react/useBlockCheckoutBooking";
-import { UseRedirectFunction } from "../../integration/useRedirect";
 import { checkout } from "../../projection/checkout/checkout.mock";
 import { useViewIsSizeChangeEnabledByCheckoutId } from "../../projection/checkout/react/useViewIsSizeChangeEnabledByCheckoutId";
 import { paymentFlowPayload as mockPaymentFlowPayload } from "../../projection/payment/paymentFlowPayload.mock";
@@ -19,15 +18,11 @@ import { useViewPaymentFlowPayloadByCheckoutId } from "../../projection/payment/
 import { pricing } from "../../projection/pricing/pricing.mock";
 import { useViewPricingByCheckoutId } from "../../projection/pricing/react/useViewPricingByCheckoutId";
 import { I18nMessages } from "../i18n/i18n";
+import { Routes } from "../routing/routes";
 import { useCheckoutFlow as sut } from "./useCheckoutFlow";
 import { usePaymentInstrumentEvents } from "./usePaymentInstrumentEvents";
 import { useQueryBus } from "./useQueryBus";
 
-const returnUrl = "/checkout";
-const useRedirect: UseRedirectFunction = () => ({
-  returnUrl,
-});
-
 const getAuthToken = () => Promise.resolve("token");
 const mockCheckout = checkout({
   items: [
@@ -124,7 +119,7 @@ describe("useCheckoutFlow custom hook", () => {
     });
 
     const { result } = renderHook(() =>
-      sut({ checkout: mockCheckout, order, subscription, getAuthToken, onSuccess: mockOnSuccess, useRedirect }),
+      sut({ checkout: mockCheckout, order, subscription, getAuthToken, onSuccess: mockOnSuccess }),
     );
 
     let checkoutFlow: () => void, status, paymentFlowComponent;
@@ -150,7 +145,7 @@ describe("useCheckoutFlow custom hook", () => {
         expect.objectContaining({
           ...mockPaymentFlowPayload,
           userInformation: { email, name },
-          returnUrl,
+          returnUrl: `${basePath}/${Routes.CHECKOUT}`,
         }),
       );
       expect(mockSubmitCheckout).toHaveBeenCalled();
@@ -180,7 +175,7 @@ describe("useCheckoutFlow custom hook", () => {
     });
 
     const { result } = renderHook(() =>
-      sut({ checkout: mockCheckout, order, subscription, getAuthToken, onSuccess: mockOnSuccess, useRedirect }),
+      sut({ checkout: mockCheckout, order, subscription, getAuthToken, onSuccess: mockOnSuccess }),
     );
 
     let checkoutFlow: () => void, status, paymentFlowComponent;
@@ -206,7 +201,7 @@ describe("useCheckoutFlow custom hook", () => {
         expect.objectContaining({
           ...mockPaymentFlowPayload,
           userInformation: { email, name },
-          returnUrl,
+          returnUrl: `${basePath}/${Routes.CHECKOUT}`,
         }),
       );
       expect(mockSubmitCheckout).toHaveBeenCalled();
@@ -236,7 +231,7 @@ describe("useCheckoutFlow custom hook", () => {
     });
 
     const { result } = renderHook(() =>
-      sut({ checkout: mockCheckout, order, subscription, getAuthToken, onSuccess: mockOnSuccess, useRedirect }),
+      sut({ checkout: mockCheckout, order, subscription, getAuthToken, onSuccess: mockOnSuccess }),
     );
 
     let checkoutFlow: () => void, status, paymentFlowComponent;
@@ -283,7 +278,7 @@ describe("useCheckoutFlow custom hook", () => {
     });
 
     const { result } = renderHook(() =>
-      sut({ checkout: mockCheckout, order, subscription, getAuthToken, onSuccess: mockOnSuccess, useRedirect }),
+      sut({ checkout: mockCheckout, order, subscription, getAuthToken, onSuccess: mockOnSuccess }),
     );
 
     let checkoutFlow: () => void, status, paymentFlowComponent;