@lookiero/checkout 5.3.0 → 6.0.0-beta.1

package/src/shared/ui/components/molecules/inputField/InputField.tsx

@@ -0,0 +1,97 @@
+import React, { FC, useCallback, useState } from "react";
+import { StyleProp, TextStyle, View, ViewStyle } from "react-native";
+import { COLOR, Icon, IconName, Input, InputProperties } from "@lookiero/aurora";
+import { theme } from "@lookiero/sty-psp-ui";
+import { Error, ErrorStyle } from "../../atoms/error/Error";
+import { Field, FieldStyle } from "../../atoms/field/Field";
+import { style } from "./InputField.style";
+
+const {
+  colorBgBase,
+  colorBorderInput,
+  colorBorderInputError,
+  colorBorderInputFocus,
+  colorText,
+  colorTextError,
+  colorTextMedium,
+  iconSize,
+  space6,
+} = theme();
+
+const inputPaddingRightWithIcon = iconSize + space6;
+
+type IconStyle = StyleProp<TextStyle>;
+
+type InputFieldStyle = FieldStyle & {
+  readonly inputField: StyleProp<ViewStyle>;
+  readonly error: ErrorStyle;
+  readonly icon: IconStyle;
+};
+
+interface InputFieldBaseProps {
+  readonly label: string;
+  readonly multiline?: boolean;
+  readonly error?: string | null;
+  readonly style?: Partial<InputFieldStyle>;
+  readonly onChange?: (value: string) => void;
+  readonly icon?: IconName;
+}
+
+interface InputFieldProps extends Omit<InputProperties, keyof InputFieldBaseProps>, InputFieldBaseProps {}
+
+const InputField: FC<InputFieldProps> = ({
+  label,
+  placeholder,
+  value,
+  multiline = false,
+  error,
+  style: customStyle,
+  onChange = () => void 0,
+  icon,
+  testID = "input",
+  ...inputRestProps
+}) => {
+  const [isFocused, setIsFocused] = useState(false);
+
+  const handleOnChange = useCallback((text: string) => onChange(text), [onChange]);
+
+  const handleOnBlur = useCallback(() => setIsFocused(false), []);
+
+  const handleOnFocus = useCallback(() => setIsFocused(true), []);
+
+  const borderColor = error ? colorBorderInputError : isFocused ? colorBorderInputFocus : colorBorderInput;
+  const color = error ? colorTextError : isFocused ? colorText : colorTextMedium;
+
+  return (
+    <View style={[style.inputField, { borderColor }, customStyle?.inputField]} testID="input-field">
+      <Field
+        isFocused={isFocused || !!value}
+        label={label}
+        style={{
+          field: [style.field, customStyle?.field],
+          fieldText: [{ color }, customStyle?.fieldText],
+        }}
+      />
+      <Input
+        multiline={multiline}
+        multilineMaxHeight={242}
+        placeholder={placeholder}
+        placeholderTextColor={isFocused ? colorTextMedium : colorBgBase}
+        style={[!!icon && { paddingRight: inputPaddingRightWithIcon }, style.input, { color }]}
+        testID={testID}
+        value={value}
+        onBlur={handleOnBlur}
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        onChange={handleOnChange}
+        onFocus={handleOnFocus}
+        {...inputRestProps}
+      />
+      {!!icon && <Icon color={COLOR.GRAYSCALE_L} name={icon} style={[style.icon, customStyle?.icon]} testID="icon" />}
+      {!!error && <Error error={error} style={[style.error, customStyle?.error]} />}
+    </View>
+  );
+};
+
+export type { InputFieldStyle };
+export { InputField };

package/src/shared/ui/components/molecules/inputField/__snapshots__/InputField.test.tsx.snap

@@ -0,0 +1,154 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`InputField molecule matches the snapshot 1`] = `
+<View
+  style={
+    [
+      {
+        "backgroundColor": "#FFFFFF",
+        "flex": 1,
+      },
+    ]
+  }
+>
+  <View
+    style={
+      [
+        {
+          "alignSelf": "center",
+          "left": 0,
+          "marginHorizontal": "auto",
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+          "width": "100%",
+          "zIndex": 5,
+        },
+      ]
+    }
+  >
+    <RCTSafeAreaView />
+  </View>
+  <View
+    style={
+      [
+        {
+          "borderRadius": 4,
+          "borderWidth": 1,
+        },
+        {
+          "borderColor": "#DAD8D8",
+        },
+        undefined,
+      ]
+    }
+    testID="input-field"
+  >
+    <View
+      onLayout={[Function]}
+      pointerEvents="none"
+      style={
+        {
+          "left": 16,
+          "maxWidth": "100%",
+          "position": "absolute",
+          "transform": [
+            {
+              "scale": 0.75,
+            },
+            {
+              "translateY": -14,
+            },
+            {
+              "translateX": -4,
+            },
+          ],
+          "zIndex": 4,
+        }
+      }
+    >
+      <Text
+        allowFontScaling={false}
+        numberOfLines={1}
+        selectable={false}
+        style={
+          [
+            {
+              "color": "#837C7C",
+              "flexWrap": "nowrap",
+              "fontFamily": "AreaNormal-Semibold",
+              "fontSize": 13,
+              "letterSpacing": 0.1,
+              "lineHeight": 17,
+              "overflow": "hidden",
+              "paddingBottom": 0,
+              "paddingHorizontal": 4,
+              "paddingLeft": 0,
+              "paddingRight": 0,
+              "paddingTop": 4,
+              "zIndex": 1,
+            },
+          ]
+        }
+      >
+        InputField label
+      </Text>
+      <View
+        style={
+          [
+            {
+              "backgroundColor": "#FFFFFF",
+              "height": "100%",
+              "position": "absolute",
+              "width": "100%",
+              "zIndex": 0,
+            },
+            {
+              "opacity": 1,
+            },
+          ]
+        }
+      />
+    </View>
+    <TextInput
+      allowFontScaling={false}
+      autoCapitalize="none"
+      autoCorrect={true}
+      editable={true}
+      keyboardType="default"
+      multiline={false}
+      onBlur={[Function]}
+      onChangeText={[Function]}
+      onContentSizeChange={[Function]}
+      onFocus={[Function]}
+      placeholderTextColor="#FFFFFF"
+      secureTextEntry={false}
+      style={
+        [
+          {
+            "fontFamily": "AreaNormal-Semibold",
+            "fontSize": 15,
+            "letterSpacing": -0.3,
+            "lineHeight": 20,
+            "paddingBottom": 16,
+            "paddingLeft": 16,
+            "paddingRight": 16,
+            "paddingTop": 11,
+          },
+          {
+            "color": "#0C0A0A",
+            "flex": 0,
+            "height": 56,
+          },
+          {},
+          {
+            "color": "#837C7C",
+          },
+        ]
+      }
+      testID="input-input"
+      value="InputField value"
+    />
+  </View>
+</View>
+`;

package/tsconfig.build.json

@@ -0,0 +1,4 @@
+{
+  "extends": "./tsconfig.json",
+  "exclude": ["**/*.mock.ts", "**/*.test.ts", "**/*.test.tsx"]
+}

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "@lookiero/sty-psp-typescript/tsconfig.expo.json",
+  "include": ["@types", "index.ts", "src/**/*.ts", "src/**/*.tsx"],
+  "compilerOptions": {
+    "outDir": "./dist"
+  }
+}

package/web/index.html

@@ -0,0 +1,128 @@
+<!doctype html>
+<html lang="%LANG_ISO_CODE%">
+  <head>
+    <meta charset="utf-8" />
+    <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
+    <!--
+      This viewport works for phones with notches.
+      It's optimized for gestures by disabling global zoom.
+     -->
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1.00001, viewport-fit=cover"
+    />
+    <title>%WEB_TITLE%</title>
+    <style>
+      /**
+       * Extend the react-native-web reset:
+       * https://github.com/necolas/react-native-web/blob/master/packages/react-native-web/src/exports/StyleSheet/initialRules.js
+       */
+      html,
+      body,
+      #root {
+        width: 100%;
+        /* To smooth any scrolling behavior */
+        -webkit-overflow-scrolling: touch;
+        margin: 0px;
+        padding: 0px;
+        /* Allows content to fill the viewport and go beyond the bottom */
+        min-height: 100%;
+      }
+      #root {
+        flex-shrink: 0;
+        flex-basis: auto;
+        flex-grow: 1;
+        display: flex;
+        flex: 1;
+      }
+
+      html {
+        scroll-behavior: smooth;
+        /* Prevent text size change on orientation change https://gist.github.com/tfausak/2222823#file-ios-8-web-app-html-L138 */
+        -webkit-text-size-adjust: 100%;
+        height: calc(100% + env(safe-area-inset-top));
+      }
+
+      body {
+        display: flex;
+        /* Allows you to scroll below the viewport; default value is visible */
+        overflow-y: auto;
+        overscroll-behavior-y: none;
+        text-rendering: optimizeLegibility;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        -ms-overflow-style: scrollbar;
+      }
+      /* Enable for apps that support dark-theme */
+      /*@media (prefers-color-scheme: dark) {
+        body {
+          background-color: black;
+        }
+      }*/
+    </style>
+    <!-- RNW recommended styles (https://necolas.github.io/react-native-web/docs/setup/#root-element) -->
+    <style>
+      html,
+      body {
+        height: 100%;
+      }
+      #root {
+        display: flex;
+        height: 100%;
+      }
+    </style>
+    <!-- RNW recommended styles -->
+
+    <!-- Google Tag Manager -->
+    <script>
+      (function (w, d, s, l, i) {
+        w[l] = w[l] || [];
+        w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
+        var f = d.getElementsByTagName(s)[0],
+          j = d.createElement(s),
+          dl = l != "dataLayer" ? "&l=" + l : "";
+        j.async = true;
+        j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
+        f.parentNode.insertBefore(j, f);
+      })(window, document, "script", "dataLayer", "GTM-TCZ662G");
+    </script>
+    <!-- End Google Tag Manager -->
+  </head>
+
+  <body>
+    <!--
+      A generic no script element with a reload button and a message.
+      Feel free to customize this however you'd like.
+    -->
+    <noscript>
+      <form
+        action=""
+        style="background-color: #fff; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999"
+      >
+        <div style="font-size: 18px; font-family: Helvetica, sans-serif; line-height: 24px; margin: 10%; width: 80%">
+          <p>Oh no! It looks like JavaScript is not enabled in your browser.</p>
+          <p style="margin: 20px 0">
+            <button
+              type="submit"
+              style="
+                background-color: #4630eb;
+                border-radius: 100px;
+                border: none;
+                box-shadow: none;
+                color: #fff;
+                cursor: pointer;
+                font-weight: bold;
+                line-height: 20px;
+                padding: 6px 16px;
+              "
+            >
+              Reload
+            </button>
+          </p>
+        </div>
+      </form>
+    </noscript>
+    <!-- The root element for your Expo app. -->
+    <div id="root"></div>
+  </body>
+</html>

package/webpack.config.js

@@ -0,0 +1,75 @@
+const webpack = require("webpack");
+const createExpoWebpackConfigAsync = require("@expo/webpack-config");
+// const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
+
+const DEV_UAF_PSP = "https://web2.sp.dev.aws.lookiero.es";
+const DEV_BFU = "https://backend-for-user.dev.envs.lookiero.tech";
+const PROD_UAF_PROXY = "https://lookiero.es";
+
+module.exports = async function (env, argv) {
+  const config = await createExpoWebpackConfigAsync(
+    {
+      ...env,
+      babel: {
+        // dangerouslyAddModulePathsToTranspile: ["@sentry/react-native"],
+      },
+    },
+    argv,
+  );
+
+  if (config.devServer) {
+    config.devServer.proxy = {
+      "/local-to-dev": {
+        target: `${DEV_UAF_PSP}/checkout/api`,
+        pathRewrite: { ["^/local-to-dev"]: "" },
+        secure: false,
+        changeOrigin: true,
+        logLevel: "debug",
+      },
+      "/local-to-prod": {
+        target: `${PROD_UAF_PROXY}/checkout/api`,
+        pathRewrite: { ["^/local-to-prod"]: "" },
+        secure: false,
+        changeOrigin: true,
+        logLevel: "debug",
+      },
+      "/local-to-external-i18n": {
+        target: `${DEV_BFU}/api/v2/translations`,
+        pathRewrite: { ["^/local-to-external-i18n"]: "" },
+        secure: false,
+        changeOrigin: true,
+        logLevel: "debug",
+      },
+      // Payments
+      "/web": {
+        target: DEV_UAF_PSP,
+        secure: false,
+        changeOrigin: true,
+      },
+      // Web/Payments graphql
+      "/graphql": {
+        target: DEV_BFU,
+        secure: false,
+        changeOrigin: true,
+      },
+    };
+  }
+
+  /**
+   * This is required in order to resolve an Aurora introduced issue.
+   * Without this config, expo won't start.
+   */
+  config.plugins = [
+    ...(config.plugins || []),
+    new webpack.DefinePlugin({ process: { env: {} } }),
+    // new BundleAnalyzerPlugin({ path: 'web-report' })
+    /**
+     * https://github.com/webpack/changelog-v5/issues/10#issuecomment-615877593
+     */
+    new webpack.ProvidePlugin({ Buffer: ["buffer", "Buffer"] }),
+  ];
+
+  config.entry = "./src/Expo.tsx";
+
+  return config;
+};

package/README.md

@@ -1,54 +0,0 @@
-<div align="center">
-    <h1>checkout-front</h1>
-    <h3>🧾 Frontend side of the Checkout</h3>
-</div>
-
-## 💡 Prerequisites
-
-- Node.js ^14.20.0 || ^16.13.0 || ^18.9.0
-- NPM >= 8
-
-## 🚀 Getting Started
-
-This application is build over **Expo** so, the easiest way to install this library is through NPM.
-
-```shell
-$ nvm use
-$ nvm install --latest-npm
-$ npm install
-```
-
-## 💣 Caveats
-
-The following dependencies are only needed because of the Yarn build.
-Once we can replace the build of Jenkins for NPM one, we are going to be able to remove them.
-
-```json
-{
-  (...)
-  "scripts": {
-    (...)
-    // Remove
-    "build": "tsc -b tsconfig.build.json && cp -R ./src/public/ ./dist/public",
-    // Add
-    "build": "tsc -b tsconfig.build.json && npm run copy:assets",
-    "copy:assets": "cp -R ./src/public/ ./dist/public",
-    (...)
-  },
-  "dependencies": {
-    (...)
-    "@expo/dev-server": "0.1.120",
-    "expo-modules-core": "^1.2.6",
-    "inline-style-prefixer": "6.0.1",
-    (...)
-  },
-  "devDependencies": {
-    (...)
-    "pino-std-serializers": "^6.0.0",
-    "@types/pino-pretty": "^5.0.0",
-    (...)
-  }
-}
-```
-
-**@react-spring/native** is locked on version 9.6.1 due to a bundling issue with the main module in v9.7.0

package/dist/domain/checkout/event/createModalNotificationWhenCheckoutSubmitted.js

@@ -1,12 +0,0 @@
-import { I18nMessages } from "../../../infrastructure/ui/i18n/i18n";
-import { createModalNotification } from "../../../shared/notifications/domain/notification/command/createModalNotification";
-const CHECKOUT_SUCCESS_NOTIFICATION_ID = "fa25dcdd-9f5d-4760-9e6f-27174205b1fa";
-const createModalNotificationWhenCheckoutSubmitted = ({ commandBus }) => async () => {
-    await commandBus(createModalNotification({
-        aggregateId: CHECKOUT_SUCCESS_NOTIFICATION_ID,
-        titleI18nKey: I18nMessages.CHECKOUT_SUCCESS_MODAL_TITLE,
-        bodyI18nKey: I18nMessages.CHECKOUT_SUCCESS_MODAL_DESCRIPTION,
-        acceptI18nKey: I18nMessages.CHECKOUT_SUCCESS_MODAL_BUTTON,
-    }));
-};
-export { createModalNotificationWhenCheckoutSubmitted, CHECKOUT_SUCCESS_NOTIFICATION_ID };

package/dist/domain/checkoutBooking/event/createToastNotificationWhenCheckoutBookingExpired.js

@@ -1,13 +0,0 @@
-import { I18nMessages } from "../../../infrastructure/ui/i18n/i18n";
-import { createToastNotification } from "../../../shared/notifications/domain/notification/command/createToastNotification";
-import { NotificationLevel } from "../../../shared/notifications/domain/notification/model/notification";
-const CHECKOUT_BOOKING_EXPIRED_NOTIFICATION_ID = "d423934e-2499-46ab-8cfb-39e1e398237e";
-const createToastNotificationWhenCheckoutBookingExpired = ({ commandBus }) => async () => {
-    await commandBus(createToastNotification({
-        aggregateId: CHECKOUT_BOOKING_EXPIRED_NOTIFICATION_ID,
-        level: NotificationLevel.ERROR,
-        titleI18nKey: undefined,
-        bodyI18nKey: I18nMessages.CHECKOUT_TOAST_BOOKING_EXPIRED,
-    }));
-};
-export { createToastNotificationWhenCheckoutBookingExpired, CHECKOUT_BOOKING_EXPIRED_NOTIFICATION_ID };

package/dist/domain/checkoutItem/event/createModalNotificationWhenCheckoutItemReplaced.js

@@ -1,12 +0,0 @@
-import { I18nMessages } from "../../../infrastructure/ui/i18n/i18n";
-import { createModalNotification } from "../../../shared/notifications/domain/notification/command/createModalNotification";
-const SIZE_CHANGE_NOTIFICATION_ID = "ce89b8b2-e025-4b54-8cdc-52520dc3dd23";
-const createModalNotificationWhenCheckoutItemReplaced = ({ commandBus }) => async () => {
-    await commandBus(createModalNotification({
-        aggregateId: SIZE_CHANGE_NOTIFICATION_ID,
-        titleI18nKey: I18nMessages.SIZE_CHANGE_MODAL_TITLE,
-        bodyI18nKey: I18nMessages.SIZE_CHANGE_MODAL_DESCRIPTION,
-        acceptI18nKey: I18nMessages.SIZE_CHANGE_MODAL_BUTTON,
-    }));
-};
-export { createModalNotificationWhenCheckoutItemReplaced, SIZE_CHANGE_NOTIFICATION_ID };

package/dist/infrastructure/delivery/baseBootstrap.js

@@ -1,98 +0,0 @@
-import { bootstrap as messagingBootstrap } from "@lookiero/messaging-react";
-import { START_CHECKOUT } from "../../domain/checkout/command/startCheckout";
-import { SUBMIT_CHECKOUT } from "../../domain/checkout/command/submitCheckout";
-import { createModalNotificationWhenCheckoutSubmitted } from "../../domain/checkout/event/createModalNotificationWhenCheckoutSubmitted";
-import { submitCheckoutHandler, startCheckoutHandler } from "../../domain/checkout/model/checkout";
-import { CHECKOUT_SUBMITTED } from "../../domain/checkout/model/checkoutSubmitted";
-import { BLOCK_CHECKOUT_BOOKING } from "../../domain/checkoutBooking/command/blockCheckoutBooking";
-import { BOOK_CHECKOUT_BOOKING_FOR_CHECKOUT_ITEM } from "../../domain/checkoutBooking/command/bookCheckoutBookingForCheckoutItem";
-import { createToastNotificationWhenCheckoutBookingExpired } from "../../domain/checkoutBooking/event/createToastNotificationWhenCheckoutBookingExpired";
-import { blockCheckoutBookingHandler, bookCheckoutBookingForCheckoutItemHandler, } from "../../domain/checkoutBooking/model/checkoutBooking";
-import { CHECKOUT_BOOKING_EXPIRED } from "../../domain/checkoutBooking/model/checkoutBookingExpired";
-import { GIVE_CHECKOUT_FEEDBACK } from "../../domain/checkoutFeedback/command/giveCheckoutFeedback";
-import { giveCheckoutFeedbackHandler } from "../../domain/checkoutFeedback/model/checkoutFeedback";
-import { KEEP_CHECKOUT_ITEM } from "../../domain/checkoutItem/command/keepCheckoutItem";
-import { REPLACE_CHECKOUT_ITEM } from "../../domain/checkoutItem/command/replaceCheckoutItem";
-import { RESET_CHECKOUT_ITEM } from "../../domain/checkoutItem/command/resetCheckoutItem";
-import { RETURN_CHECKOUT_ITEM } from "../../domain/checkoutItem/command/returnCheckoutItem";
-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";
-import { viewFiveItemsDiscountByCustomerIdHandler, VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID, } from "../../projection/checkout/viewFiveItemsDiscountByCustomerId";
-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 { viewIsSizeChangeEnabledByCheckoutIdHandler, VIEW_IS_SIZE_CHANGE_ENABLED_BY_CHECKOUT_ID, } from "../../projection/checkout/viewIsSizeChangeEnabledByCheckoutId";
-import { viewCheckoutBookingByIdHandler, VIEW_CHECKOUT_BOOKING_BY_ID, } from "../../projection/checkoutBooking/viewCheckoutBookingById";
-import { viewCheckoutItemByIdHandler, VIEW_CHECKOUT_ITEM_BY_ID, } from "../../projection/checkoutItem/viewCheckoutItemById";
-import { listCheckoutQuestionsByCheckoutIdHandler, LIST_CHECKOUT_QUESTIONS_BY_CHECKOUT_ID, } from "../../projection/checkoutQuestion/listCheckoutQuestionsByCheckoutId";
-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";
-import { bootstrapWithBuilder as bootstrapNotifications } from "../../shared/notifications/infrastructure/delivery/bootstrap";
-import { inMemoryStorageNotifications } from "../../shared/notifications/infrastructure/persistence/inMemoryStorageNotifications";
-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, }) => {
-    let messaging = messagingBootstrap({ id: MESSAGING_CONTEXT_ID })
-        .query(VIEW_FIVE_ITEMS_DISCOUNT_BY_CUSTOMER_ID, viewFiveItemsDiscountByCustomerIdHandler, {
-        view: fiveItemsDiscountByCustomerIdView,
-    })
-        .query(VIEW_CHECKOUT_BY_ID, viewCheckoutByIdHandler, {
-        view: checkoutByIdView,
-    })
-        .query(VIEW_FIRST_AVAILABLE_CHECKOUT_BY_CUSTOMER_ID, viewFirstAvailableCheckoutByCustomerIdHandler, {
-        view: firstAvailableCheckoutByCustomerIdView,
-    })
-        .query(VIEW_IS_CHECKOUT_ENABLED_BY_CUSTOMER_ID, viewIsCheckoutEnabledByCustomerIdHandler, {
-        view: isCheckoutEnabledByCustomerIdView,
-    })
-        .query(VIEW_IS_SIZE_CHANGE_ENABLED_BY_CHECKOUT_ID, viewIsSizeChangeEnabledByCheckoutIdHandler, {
-        view: isSizeChangeEnabledByCheckoutIdView,
-    })
-        .query(VIEW_IS_CHECKOUT_ACCESSIBLE_BY_CUSTOMER_ID, viewIsCheckoutAccessibleByCustomerIdHandler)
-        .command(START_CHECKOUT, startCheckoutHandler)(getCheckout, saveCheckout, ...checkoutsDependencies)
-        .command(SUBMIT_CHECKOUT, submitCheckoutHandler)(getCheckout, saveCheckout, ...checkoutsDependencies)
-        .query(VIEW_CHECKOUT_ITEM_BY_ID, viewCheckoutItemByIdHandler, {
-        view: checkoutItemByIdView,
-    })
-        .query(LIST_RETURN_QUESTIONS_BY_CHECKOUT_ITEM_ID, listReturnQuestionsByCheckoutItemIdHandler, {
-        view: returnQuestionsByCheckoutItemIdView,
-    })
-        .command(KEEP_CHECKOUT_ITEM, keepCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
-        .command(RETURN_CHECKOUT_ITEM, returnCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
-        .command(REPLACE_CHECKOUT_ITEM, replaceCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
-        .command(RESET_CHECKOUT_ITEM, resetCheckoutItemHandler)(getCheckoutItem, saveCheckoutItem, ...checkoutItemsDependencies)
-        .query(VIEW_PRICING_BY_CHECKOUT_ID, viewPricingByCheckoutIdHandler, {
-        view: pricingByCheckoutIdView,
-    })
-        .query(VIEW_PAYMENT_FLOW_PAYLOAD_BY_CHECKOUT_ID, viewPaymentFlowPayloadByCheckoutIdHandler, {
-        view: paymentFlowPayloadByCheckoutIdView,
-    })
-        .query(LIST_CHECKOUT_QUESTIONS_BY_CHECKOUT_ID, listCheckoutQuestionsByCheckoutIdHandler, {
-        view: checkoutQuestionsByCheckoutIdView,
-    })
-        .query(VIEW_CHECKOUT_BOOKING_BY_ID, viewCheckoutBookingByIdHandler, {
-        view: checkoutBookingByIdView,
-    })
-        .query(VIEW_BOOKED_PRODUCT_VARIANTS_FOR_CHECKOUT_ITEM, viewBookedProductsVariantsForCheckoutItemHandler, {
-        view: bookedProductsVariantsForCheckoutItemView,
-    })
-        .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() });
-    return messaging.build();
-};
-export { baseBootstrap, MESSAGING_CONTEXT_ID };