@lookiero/checkout 10.0.0-beta.1 → 10.0.0-beta.3

package/src/infrastructure/ui/views/summary/Summary.tsx

@@ -16,7 +16,7 @@ import { useTrackPressPricing } from "../../../tracking/useTrackPressPricing";
 import { FiveItemsDiscountBanner } from "../../components/atoms/fiveItemsDiscountBanner/FiveItemsDiscountBanner";
 import { Body } from "../../components/layouts/body/Body";
 import { useStaticInfo } from "../../hooks/useStaticInfo";
-import { I18nMessages } from "../../i18n/i18n";
+import { DOMAIN, I18nMessages } from "../../i18n/i18n";
 import { Routes } from "../../routing/routes";
 import { style } from "./Summary.style";
 import { CollapsiblePricing } from "./components/collapsiblePricing/CollapsiblePricing";
@@ -32,9 +32,9 @@ const Summary: FC<SummaryProps> = ({ layout: Layout, children }) => {
   } = useStaticInfo();
   const [pricingCollapsed, setPricingCollapsed] = useState(true);
   const [pricingHeight, setPricingHeight] = useState(0);
-  const titleText = useI18nMessage({ id: I18nMessages.SUMMARY_TITLE });
-  const descriptionText = useI18nMessage({ id: I18nMessages.SUMMARY_DESCRIPTION });
-  const submitButtonText = useI18nMessage({ id: I18nMessages.SUMMARY_SUBMIT_BUTTON });
+  const titleText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_TITLE });
+  const descriptionText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_DESCRIPTION });
+  const submitButtonText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_SUBMIT_BUTTON });
   const { screen } = useDevice();
 
   const [checkout] = useViewFirstAvailableCheckoutByCustomerId({ customerId });

package/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.tsx

@@ -5,7 +5,7 @@ import { Button, Icon, Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { PricingProjection } from "../../../../../../projection/pricing/pricing";
 import { Price } from "../../../../components/atoms/price/Price";
-import { I18nMessages } from "../../../../i18n/i18n";
+import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 import { Pricing } from "../pricing/Pricing";
 import { style } from "./CollapsiblePricing.style";
 
@@ -29,8 +29,9 @@ const CollapsiblePricing: FC<CollapsiblePricingProps> = ({
 }) => {
   const { pendingToPay } = pricing;
 
-  const totalText = useI18nMessage({ id: I18nMessages.SUMMARY_TOTAL });
+  const totalText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_TOTAL });
   const totalCheckoutItemsKeptText = useI18nMessage({
+    domain: DOMAIN,
     id: I18nMessages.SUMMARY_TOTAL_ITEMS_KEPT,
     values: { items: totalCheckoutItemsKept.toString() },
   });

package/src/infrastructure/ui/views/summary/components/collapsiblePricing/__snapshots__/CollapsiblePricing.test.tsx.snap

@@ -130,7 +130,7 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
               "paddingBottom": 0,
               "paddingLeft": 0,
               "paddingRight": 0,
-              "paddingTop": 4,
+              "paddingTop": 0,
             },
           ]
         }
@@ -224,19 +224,12 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
                   "right": 0,
                   "top": 0,
                 },
-                "alignContent": "center",
                 "alignSelf": "flex-start",
-                "backgroundColor": "#0C0A0A",
-                "borderRadius": 9999,
                 "container": {
                   "overflow": "hidden",
                 },
                 "height": 48,
-                "justifyContent": "center",
                 "overflow": "hidden",
-                "paddingLeft": 24,
-                "paddingRight": 24,
-                "position": "relative",
                 "pressed": {
                   "bottom": 0,
                   "left": 0,
@@ -253,55 +246,98 @@ exports[`Pricing component matches the snapshot for collaped pricing: collapsed
         }
         testID="submit-checkout-collpased-button"
       >
-        <View
-          collapsable={false}
-          pointerEvents="none"
-          style={
-            {
-              "backgroundColor": "#716A6B",
-              "height": 48,
-              "left": 0,
-              "opacity": 0.7,
-              "position": "absolute",
-              "top": 0,
-              "width": "0%",
-            }
+        <ViewManagerAdapter_ExpoLinearGradient
+          colors={
+            [
+              4278979082,
+              4278979082,
+            ]
+          }
+          endPoint={
+            [
+              1,
+              0,
+            ]
+          }
+          startPoint={
+            [
+              0,
+              1,
+            ]
           }
-        />
-        <View
           style={
             [
               {
-                "alignItems": "center",
-                "flexDirection": "row",
+                "alignContent": "center",
+                "height": 64,
                 "justifyContent": "center",
+                "overflow": "hidden",
+                "paddingLeft": 24,
+                "paddingRight": 24,
+                "position": "relative",
+              },
+              {},
+              undefined,
+              {
+                "height": 48,
+              },
+              false,
+              {
+                "borderRadius": 9999,
               },
             ]
           }
         >
-          <Text
-            allowFontScaling={false}
-            selectable={false}
+          <View
+            collapsable={false}
+            pointerEvents="none"
+            style={
+              {
+                "backgroundColor": "#716A6B",
+                "height": 48,
+                "left": 0,
+                "opacity": 0.7,
+                "position": "absolute",
+                "top": 0,
+                "width": "0%",
+              }
+            }
+          />
+          <View
             style={
               [
                 {
-                  "color": "#FFFFFF",
-                  "fontFamily": "AreaNormal-Extrabold",
-                  "fontSize": 15,
-                  "letterSpacing": -0.2,
-                  "lineHeight": 20,
-                  "paddingBottom": 0,
-                  "paddingLeft": 0,
-                  "paddingRight": 0,
-                  "paddingTop": 2,
-                  "textAlign": "center",
+                  "alignItems": "center",
+                  "flexDirection": "row",
+                  "justifyContent": "center",
                 },
               ]
             }
           >
-            summary.submit_button
-          </Text>
-        </View>
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#FFFFFF",
+                    "fontFamily": "AreaNormal-Extrabold",
+                    "fontSize": 15,
+                    "letterSpacing": -0.2,
+                    "lineHeight": 20,
+                    "paddingBottom": 0,
+                    "paddingLeft": 0,
+                    "paddingRight": 0,
+                    "paddingTop": 0,
+                    "textAlign": "center",
+                  },
+                ]
+              }
+            >
+              summary.submit_button
+            </Text>
+          </View>
+        </ViewManagerAdapter_ExpoLinearGradient>
       </View>
     </View>
   </View>
@@ -438,7 +474,7 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
               "paddingBottom": 0,
               "paddingLeft": 0,
               "paddingRight": 0,
-              "paddingTop": 4,
+              "paddingTop": 0,
             },
           ]
         }
@@ -532,19 +568,12 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
                   "right": 0,
                   "top": 0,
                 },
-                "alignContent": "center",
                 "alignSelf": "flex-start",
-                "backgroundColor": "#0C0A0A",
-                "borderRadius": 9999,
                 "container": {
                   "overflow": "hidden",
                 },
                 "height": 48,
-                "justifyContent": "center",
                 "overflow": "hidden",
-                "paddingLeft": 24,
-                "paddingRight": 24,
-                "position": "relative",
                 "pressed": {
                   "bottom": 0,
                   "left": 0,
@@ -561,55 +590,98 @@ exports[`Pricing component matches the snapshot for non-collaped pricing: non-co
         }
         testID="submit-checkout-collpased-button"
       >
-        <View
-          collapsable={false}
-          pointerEvents="none"
-          style={
-            {
-              "backgroundColor": "#716A6B",
-              "height": 48,
-              "left": 0,
-              "opacity": 0.7,
-              "position": "absolute",
-              "top": 0,
-              "width": "0%",
-            }
+        <ViewManagerAdapter_ExpoLinearGradient
+          colors={
+            [
+              4278979082,
+              4278979082,
+            ]
+          }
+          endPoint={
+            [
+              1,
+              0,
+            ]
+          }
+          startPoint={
+            [
+              0,
+              1,
+            ]
           }
-        />
-        <View
           style={
             [
               {
-                "alignItems": "center",
-                "flexDirection": "row",
+                "alignContent": "center",
+                "height": 64,
                 "justifyContent": "center",
+                "overflow": "hidden",
+                "paddingLeft": 24,
+                "paddingRight": 24,
+                "position": "relative",
+              },
+              {},
+              undefined,
+              {
+                "height": 48,
+              },
+              false,
+              {
+                "borderRadius": 9999,
               },
             ]
           }
         >
-          <Text
-            allowFontScaling={false}
-            selectable={false}
+          <View
+            collapsable={false}
+            pointerEvents="none"
+            style={
+              {
+                "backgroundColor": "#716A6B",
+                "height": 48,
+                "left": 0,
+                "opacity": 0.7,
+                "position": "absolute",
+                "top": 0,
+                "width": "0%",
+              }
+            }
+          />
+          <View
             style={
               [
                 {
-                  "color": "#FFFFFF",
-                  "fontFamily": "AreaNormal-Extrabold",
-                  "fontSize": 15,
-                  "letterSpacing": -0.2,
-                  "lineHeight": 20,
-                  "paddingBottom": 0,
-                  "paddingLeft": 0,
-                  "paddingRight": 0,
-                  "paddingTop": 2,
-                  "textAlign": "center",
+                  "alignItems": "center",
+                  "flexDirection": "row",
+                  "justifyContent": "center",
                 },
               ]
             }
           >
-            summary.submit_button
-          </Text>
-        </View>
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#FFFFFF",
+                    "fontFamily": "AreaNormal-Extrabold",
+                    "fontSize": 15,
+                    "letterSpacing": -0.2,
+                    "lineHeight": 20,
+                    "paddingBottom": 0,
+                    "paddingLeft": 0,
+                    "paddingRight": 0,
+                    "paddingTop": 0,
+                    "textAlign": "center",
+                  },
+                ]
+              }
+            >
+              summary.submit_button
+            </Text>
+          </View>
+        </ViewManagerAdapter_ExpoLinearGradient>
       </View>
     </View>
   </View>

package/src/infrastructure/ui/views/summary/components/pricing/Pricing.tsx

@@ -4,7 +4,7 @@ import { Text } from "@lookiero/aurora";
 import { useI18nMessage } from "@lookiero/i18n-react";
 import { PricingProjection } from "../../../../../../projection/pricing/pricing";
 import { Price } from "../../../../components/atoms/price/Price";
-import { I18nMessages } from "../../../../i18n/i18n";
+import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 import { style } from "./Pricing.style";
 
 interface RowProps {
@@ -30,19 +30,21 @@ interface PricingProps {
 const Pricing: FC<PricingProps> = ({ pricing, totalCheckoutItemsKept }) => {
   const { pendingToPay, subtotal, balanceDiscount, discount, discountPercentage = 0, service } = pricing;
 
-  const totalText = useI18nMessage({ id: I18nMessages.SUMMARY_TOTAL });
+  const totalText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_TOTAL });
   const totalCheckoutItemsKeptText = useI18nMessage({
+    domain: DOMAIN,
     id: I18nMessages.SUMMARY_TOTAL_ITEMS_KEPT,
     values: { items: totalCheckoutItemsKept.toString() },
   });
-  const subtotalText = useI18nMessage({ id: I18nMessages.SUMMARY_SUBTOTAL });
-  const freeText = useI18nMessage({ id: I18nMessages.SUMMARY_FREE });
+  const subtotalText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_SUBTOTAL });
+  const freeText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_FREE });
   const discountText = useI18nMessage({
+    domain: DOMAIN,
     id: I18nMessages.SUMMARY_DISCOUNT,
     values: { discount: discountPercentage?.toString() },
   });
-  const creditText = useI18nMessage({ id: I18nMessages.SUMMARY_CREDIT });
-  const feeText = useI18nMessage({ id: I18nMessages.SUMMARY_FEE });
+  const creditText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_CREDIT });
+  const feeText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_FEE });
 
   return (
     <View>

package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/CheckoutItemsTabs.tsx

@@ -10,7 +10,7 @@ import {
   CheckoutItemProjection,
 } from "../../../../../../projection/checkoutItem/checkoutItem";
 import { PriceProjection } from "../../../../../../projection/price/price";
-import { I18nMessages } from "../../../../i18n/i18n";
+import { DOMAIN, I18nMessages } from "../../../../i18n/i18n";
 import { ProductVariant, ProductVariantStyle } from "../../../shared/components/productVariant/ProductVariant";
 import { style } from "./CheckoutItemsTabs.style";
 
@@ -65,11 +65,11 @@ const CheckoutItemsTabs: FC<CheckoutItemsTabsProps> = ({
   onChanged,
 }) => {
   const { screen } = useDevice();
-  const keepTabText = useI18nMessage({ id: I18nMessages.SUMMARY_KEEP_TAB });
-  const returnTabText = useI18nMessage({ id: I18nMessages.SUMMARY_RETURN_TAB });
+  const keepTabText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_KEEP_TAB });
+  const returnTabText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_RETURN_TAB });
 
-  const keepEmptyText = useI18nMessage({ id: I18nMessages.SUMMARY_KEEP_EMPTY });
-  const returnEmptyText = useI18nMessage({ id: I18nMessages.SUMMARY_RETURN_EMPTY });
+  const keepEmptyText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_KEEP_EMPTY });
+  const returnEmptyText = useI18nMessage({ domain: DOMAIN, id: I18nMessages.SUMMARY_RETURN_EMPTY });
 
   const handleOnPressItem = useCallback((checkoutItemId: string) => onPressItem(checkoutItemId), [onPressItem]);
 

package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/__snapshots__/CheckoutItemsTabs.test.tsx.snap

@@ -120,7 +120,7 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                 "paddingBottom": 0,
                 "paddingLeft": 0,
                 "paddingRight": 0,
-                "paddingTop": 2,
+                "paddingTop": 0,
               },
             ]
           }
@@ -184,7 +184,7 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                 "paddingBottom": 0,
                 "paddingLeft": 0,
                 "paddingRight": 0,
-                "paddingTop": 2,
+                "paddingTop": 0,
               },
             ]
           }
@@ -428,20 +428,20 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                   }
                                 }
                               >
-                                <View
+                                <ViewManagerAdapter_ExpoLinearGradient
                                   colors={
                                     [
-                                      "rgba(255, 255, 255, 0)",
-                                      "#DAD8D8",
-                                      "#DAD8D8",
-                                      "rgba(255, 255, 255, 0)",
+                                      16777215,
+                                      4292532440,
+                                      4292532440,
+                                      16777215,
                                     ]
                                   }
-                                  end={
-                                    {
-                                      "x": 1,
-                                      "y": 0,
-                                    }
+                                  endPoint={
+                                    [
+                                      1,
+                                      0,
+                                    ]
                                   }
                                   locations={
                                     [
@@ -451,11 +451,11 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                       1,
                                     ]
                                   }
-                                  start={
-                                    {
-                                      "x": 0,
-                                      "y": 0,
-                                    }
+                                  startPoint={
+                                    [
+                                      0,
+                                      0,
+                                    ]
                                   }
                                   style={
                                     {
@@ -750,20 +750,20 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                   }
                                 }
                               >
-                                <View
+                                <ViewManagerAdapter_ExpoLinearGradient
                                   colors={
                                     [
-                                      "rgba(255, 255, 255, 0)",
-                                      "#DAD8D8",
-                                      "#DAD8D8",
-                                      "rgba(255, 255, 255, 0)",
+                                      16777215,
+                                      4292532440,
+                                      4292532440,
+                                      16777215,
                                     ]
                                   }
-                                  end={
-                                    {
-                                      "x": 1,
-                                      "y": 0,
-                                    }
+                                  endPoint={
+                                    [
+                                      1,
+                                      0,
+                                    ]
                                   }
                                   locations={
                                     [
@@ -773,11 +773,11 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                       1,
                                     ]
                                   }
-                                  start={
-                                    {
-                                      "x": 0,
-                                      "y": 0,
-                                    }
+                                  startPoint={
+                                    [
+                                      0,
+                                      0,
+                                    ]
                                   }
                                   style={
                                     {
@@ -1122,20 +1122,20 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                   }
                                 }
                               >
-                                <View
+                                <ViewManagerAdapter_ExpoLinearGradient
                                   colors={
                                     [
-                                      "rgba(255, 255, 255, 0)",
-                                      "#DAD8D8",
-                                      "#DAD8D8",
-                                      "rgba(255, 255, 255, 0)",
+                                      16777215,
+                                      4292532440,
+                                      4292532440,
+                                      16777215,
                                     ]
                                   }
-                                  end={
-                                    {
-                                      "x": 1,
-                                      "y": 0,
-                                    }
+                                  endPoint={
+                                    [
+                                      1,
+                                      0,
+                                    ]
                                   }
                                   locations={
                                     [
@@ -1145,11 +1145,11 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                       1,
                                     ]
                                   }
-                                  start={
-                                    {
-                                      "x": 0,
-                                      "y": 0,
-                                    }
+                                  startPoint={
+                                    [
+                                      0,
+                                      0,
+                                    ]
                                   }
                                   style={
                                     {
@@ -1444,20 +1444,20 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                   }
                                 }
                               >
-                                <View
+                                <ViewManagerAdapter_ExpoLinearGradient
                                   colors={
                                     [
-                                      "rgba(255, 255, 255, 0)",
-                                      "#DAD8D8",
-                                      "#DAD8D8",
-                                      "rgba(255, 255, 255, 0)",
+                                      16777215,
+                                      4292532440,
+                                      4292532440,
+                                      16777215,
                                     ]
                                   }
-                                  end={
-                                    {
-                                      "x": 1,
-                                      "y": 0,
-                                    }
+                                  endPoint={
+                                    [
+                                      1,
+                                      0,
+                                    ]
                                   }
                                   locations={
                                     [
@@ -1467,11 +1467,11 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                                       1,
                                     ]
                                   }
-                                  start={
-                                    {
-                                      "x": 0,
-                                      "y": 0,
-                                    }
+                                  startPoint={
+                                    [
+                                      0,
+                                      0,
+                                    ]
                                   }
                                   style={
                                     {

package/dist/pact.config.d.ts

@@ -1,21 +0,0 @@
-import { V3MockServer } from "@pact-foundation/pact";
-
-interface StringObject {
-  readonly [k: string]: string;
-}
-declare const DEFAULT_PACT_OPTIONS: StringObject;
-declare const AUTH_TOKEN =
-  "eyJhbGciOiJIUzI1NiJ9.eyJyb2xlcyI6InBpY2tlcixwYWNrZXIiLCJzdWIiOiIxIiwiaWF0IjoxNjAyODQ4MzEyfQ.gCs2_vBcJsXt4EdreNSjDI8NWkOTQ5Cy4SwtrGnuJ44";
-declare const DEFAULT_REQUEST_HEADERS: StringObject;
-declare const DEFAULT_RESPONSE_HEADERS: StringObject;
-interface FromMockServerUrlToApiUrlFunction {
-  (mockServer: V3MockServer): string;
-}
-declare const fromMockServerUrlToApiUrl: FromMockServerUrlToApiUrlFunction;
-export {
-  fromMockServerUrlToApiUrl,
-  AUTH_TOKEN,
-  DEFAULT_PACT_OPTIONS,
-  DEFAULT_REQUEST_HEADERS,
-  DEFAULT_RESPONSE_HEADERS,
-};