@lookiero/checkout 9.13.0 → 10.0.0-beta.0

package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.tsx

@@ -3,7 +3,7 @@ import { View } from "react-native";
 import { ALIGN, Button, BUTTON_VARIANT, Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { Modal } from "@lookiero/sty-psp-ui";
-import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
+import { I18nMessages } from "../../../../i18n/i18n";
 import { style } from "./GetOutOfCheckoutModal.style";
 
 interface GetOutOfCheckoutModalProps {
@@ -12,16 +12,10 @@ interface GetOutOfCheckoutModalProps {
   readonly onConfirm: () => void;
 }
 const GetOutOfCheckoutModal: FC<GetOutOfCheckoutModalProps> = ({ visible, onDismiss, onConfirm }) => {
-  const titleText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_TITLE });
-  const descriptionText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_DESCRIPTION });
-  const dismissButtonText = useI18nMessage({
-    domain: DOMAIN,
-    id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_DISMISS_BUTTON,
-  });
-  const confirmButtonText = useI18nMessage({
-    domain: DOMAIN,
-    id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_CONFIRM_BUTTON,
-  });
+  const titleText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_TITLE });
+  const descriptionText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_DESCRIPTION });
+  const dismissButtonText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_DISMISS_BUTTON });
+  const confirmButtonText = useI18nMessage({ id: I18nMessages.GET_OUT_OF_CHECKOUT_MODAL_CONFIRM_BUTTON });
 
   return (
     <Modal portalHostName="Checkout" visible={visible} onClose={onDismiss}>

package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/__snapshots__/GetOutOfCheckoutModal.test.tsx.snap

@@ -217,7 +217,7 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
                       "paddingBottom": 0,
                       "paddingLeft": 0,
                       "paddingRight": 0,
-                      "paddingTop": 0,
+                      "paddingTop": 2,
                       "width": "100%",
                     },
                   ]
@@ -270,13 +270,20 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
                           "right": 0,
                           "top": 0,
                         },
+                        "alignContent": "center",
                         "alignSelf": "flex-start",
+                        "backgroundColor": "#0C0A0A",
+                        "borderRadius": 9999,
                         "container": {
                           "overflow": "hidden",
                         },
                         "flex": 0,
                         "height": 64,
+                        "justifyContent": "center",
                         "overflow": "hidden",
+                        "paddingLeft": 24,
+                        "paddingRight": 24,
+                        "position": "relative",
                         "pressed": {
                           "bottom": 0,
                           "left": 0,
@@ -292,98 +299,57 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
                   ]
                 }
               >
-                <ViewManagerAdapter_ExpoLinearGradient
-                  colors={
-                    [
-                      4278979082,
-                      4278979082,
-                    ]
-                  }
-                  endPoint={
-                    [
-                      1,
-                      0,
-                    ]
-                  }
-                  startPoint={
-                    [
-                      0,
-                      1,
-                    ]
+                <View
+                  collapsable={false}
+                  pointerEvents="none"
+                  style={
+                    {
+                      "backgroundColor": "#716A6B",
+                      "height": "300%",
+                      "left": 0,
+                      "opacity": 0.7,
+                      "position": "absolute",
+                      "top": 0,
+                      "width": "0%",
+                    }
                   }
+                />
+                <View
                   style={
                     [
                       {
-                        "alignContent": "center",
-                        "height": 64,
+                        "alignItems": "center",
+                        "flexDirection": "row",
                         "justifyContent": "center",
-                        "overflow": "hidden",
-                        "paddingLeft": 24,
-                        "paddingRight": 24,
-                        "position": "relative",
-                      },
-                      {},
-                      undefined,
-                      undefined,
-                      false,
-                      {
-                        "borderRadius": 9999,
                       },
                     ]
                   }
                 >
-                  <View
-                    collapsable={false}
-                    pointerEvents="none"
-                    style={
-                      {
-                        "backgroundColor": "#716A6B",
-                        "height": "300%",
-                        "left": 0,
-                        "opacity": 0.7,
-                        "position": "absolute",
-                        "top": 0,
-                        "width": "0%",
-                      }
-                    }
-                  />
-                  <View
+                  <Text
+                    allowFontScaling={false}
+                    selectable={false}
                     style={
                       [
                         {
-                          "alignItems": "center",
-                          "flexDirection": "row",
-                          "justifyContent": "center",
+                          "color": "#0C0A0A",
+                          "fontFamily": "AreaNormal-Extrabold",
+                          "fontSize": 15,
+                          "letterSpacing": -0.2,
+                          "lineHeight": 20,
+                          "paddingBottom": 0,
+                          "paddingLeft": 0,
+                          "paddingRight": 0,
+                          "paddingTop": 2,
+                          "textAlign": "center",
+                          "textTransform": "uppercase",
+                          "width": "100%",
                         },
                       ]
                     }
                   >
-                    <Text
-                      allowFontScaling={false}
-                      selectable={false}
-                      style={
-                        [
-                          {
-                            "color": "#0C0A0A",
-                            "fontFamily": "AreaNormal-Extrabold",
-                            "fontSize": 15,
-                            "letterSpacing": -0.2,
-                            "lineHeight": 20,
-                            "paddingBottom": 0,
-                            "paddingLeft": 0,
-                            "paddingRight": 0,
-                            "paddingTop": 0,
-                            "textAlign": "center",
-                            "textTransform": "uppercase",
-                            "width": "100%",
-                          },
-                        ]
-                      }
-                    >
-                      get_out_of_checkout_modal.dismiss_button
-                    </Text>
-                  </View>
-                </ViewManagerAdapter_ExpoLinearGradient>
+                    get_out_of_checkout_modal.dismiss_button
+                  </Text>
+                </View>
               </View>
               <View
                 accessibilityRole="button"
@@ -430,14 +396,24 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
                           "right": 0,
                           "top": 0,
                         },
+                        "alignContent": "center",
                         "alignSelf": "flex-start",
+                        "backgroundColor": "#FFFFFF",
+                        "borderColor": "#0C0A0A",
+                        "borderRadius": 9999,
+                        "borderStyle": "solid",
+                        "borderWidth": 2,
                         "container": {
                           "overflow": "hidden",
                         },
                         "flex": 0,
                         "height": 64,
+                        "justifyContent": "center",
                         "marginTop": 32,
                         "overflow": "hidden",
+                        "paddingLeft": 24,
+                        "paddingRight": 24,
+                        "position": "relative",
                         "pressed": {
                           "bottom": 0,
                           "left": 0,
@@ -453,105 +429,57 @@ exports[`GetOutOfCheckoutModal component matches the snapshot 1`] = `
                   ]
                 }
               >
-                <ViewManagerAdapter_ExpoLinearGradient
-                  colors={
-                    [
-                      4294967295,
-                      4294967295,
-                    ]
-                  }
-                  endPoint={
-                    [
-                      1,
-                      0,
-                    ]
-                  }
-                  startPoint={
-                    [
-                      0,
-                      1,
-                    ]
+                <View
+                  collapsable={false}
+                  pointerEvents="none"
+                  style={
+                    {
+                      "backgroundColor": "#B7B3B3",
+                      "height": "300%",
+                      "left": 0,
+                      "opacity": 0.7,
+                      "position": "absolute",
+                      "top": 0,
+                      "width": "0%",
+                    }
                   }
+                />
+                <View
                   style={
                     [
                       {
-                        "alignContent": "center",
-                        "height": 64,
+                        "alignItems": "center",
+                        "flexDirection": "row",
                         "justifyContent": "center",
-                        "overflow": "hidden",
-                        "paddingLeft": 24,
-                        "paddingRight": 24,
-                        "position": "relative",
-                      },
-                      {
-                        "borderColor": "#0C0A0A",
-                        "borderStyle": "solid",
-                        "borderWidth": 2,
-                        "height": 64,
-                        "paddingLeft": 24,
-                        "paddingRight": 24,
-                      },
-                      undefined,
-                      undefined,
-                      false,
-                      {
-                        "borderRadius": 9999,
                       },
                     ]
                   }
                 >
-                  <View
-                    collapsable={false}
-                    pointerEvents="none"
-                    style={
-                      {
-                        "backgroundColor": "#B7B3B3",
-                        "height": "300%",
-                        "left": 0,
-                        "opacity": 0.7,
-                        "position": "absolute",
-                        "top": 0,
-                        "width": "0%",
-                      }
-                    }
-                  />
-                  <View
+                  <Text
+                    allowFontScaling={false}
+                    selectable={false}
                     style={
                       [
                         {
-                          "alignItems": "center",
-                          "flexDirection": "row",
-                          "justifyContent": "center",
+                          "color": "#0C0A0A",
+                          "fontFamily": "AreaNormal-Extrabold",
+                          "fontSize": 15,
+                          "letterSpacing": -0.2,
+                          "lineHeight": 20,
+                          "paddingBottom": 0,
+                          "paddingLeft": 0,
+                          "paddingRight": 0,
+                          "paddingTop": 2,
+                          "textAlign": "center",
+                          "textTransform": "uppercase",
+                          "width": "100%",
                         },
                       ]
                     }
                   >
-                    <Text
-                      allowFontScaling={false}
-                      selectable={false}
-                      style={
-                        [
-                          {
-                            "color": "#0C0A0A",
-                            "fontFamily": "AreaNormal-Extrabold",
-                            "fontSize": 15,
-                            "letterSpacing": -0.2,
-                            "lineHeight": 20,
-                            "paddingBottom": 0,
-                            "paddingLeft": 0,
-                            "paddingRight": 0,
-                            "paddingTop": 0,
-                            "textAlign": "center",
-                            "textTransform": "uppercase",
-                            "width": "100%",
-                          },
-                        ]
-                      }
-                    >
-                      get_out_of_checkout_modal.confirm_button
-                    </Text>
-                  </View>
-                </ViewManagerAdapter_ExpoLinearGradient>
+                    get_out_of_checkout_modal.confirm_button
+                  </Text>
+                </View>
               </View>
             </View>
           </View>

package/src/infrastructure/ui/views/item/components/itemActions/ItemActions.tsx

@@ -7,7 +7,7 @@ import { Sticky } from "@lookiero/sty-psp-ui";
 import { ProductVariantProjection } from "../../../../../../projection/bookedProductsVariants/bookedProductsVariants";
 import { size } from "../../../../../../projection/size/size";
 import { Body } from "../../../../components/layouts/body/Body";
-import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
+import { I18nMessages } from "../../../../i18n/i18n";
 import { SelectModal } from "../selectModal/SelectModal";
 import { style } from "./ItemActions.style";
 
@@ -33,9 +33,9 @@ const ItemActions: FC<ItemActionsProps> = ({
 }) => {
   const [modalVisible, setModalVisible] = useState(false);
 
-  const changeSizeButtonText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.ITEM_CHANGE_SIZE_BUTTON });
-  const keepButtonText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.ITEM_KEEP_BUTTON });
-  const returnButtonText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.ITEM_RETURN_BUTTON });
+  const changeSizeButtonText = useI18nMessage({ id: I18nMessages.ITEM_CHANGE_SIZE_BUTTON });
+  const keepButtonText = useI18nMessage({ id: I18nMessages.ITEM_KEEP_BUTTON });
+  const returnButtonText = useI18nMessage({ id: I18nMessages.ITEM_RETURN_BUTTON });
 
   const sizeSelectorOptions = useMemo(
     () =>