@lookiero/checkout 5.3.0 → 6.0.0-beta.0

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

@@ -0,0 +1,1261 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CheckoutItemTabs component 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={
+      [
+        {
+          "width": "100%",
+        },
+        undefined,
+      ]
+    }
+    testID="tabs"
+  >
+    <View
+      style={
+        [
+          {
+            "alignItems": "center",
+            "backgroundColor": "#FFFFFF",
+            "flexDirection": "row",
+            "justifyContent": "flex-start",
+            "paddingHorizontal": 24,
+          },
+          false,
+          {
+            "borderBottomColor": "#DAD8D8",
+            "borderBottomWidth": 1,
+          },
+        ]
+      }
+      testID="tab-list"
+    >
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": false,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onLayout={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
+        style={
+          [
+            {
+              "marginHorizontal": 12,
+              "paddingBottom": 16,
+            },
+            undefined,
+          ]
+        }
+        testID="tab"
+      >
+        <Text
+          allowFontScaling={false}
+          selectable={false}
+          style={
+            [
+              {
+                "color": "#0C0A0A",
+                "fontFamily": "AreaNormal-Extrabold",
+                "fontSize": 12,
+                "letterSpacing": -0.2,
+                "lineHeight": 16,
+                "paddingBottom": 0,
+                "paddingLeft": 0,
+                "paddingRight": 0,
+                "paddingTop": 2,
+              },
+            ]
+          }
+        >
+          summary.keep_tab (2)
+        </Text>
+      </View>
+      <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": false,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
+        accessibilityValue={
+          {
+            "max": undefined,
+            "min": undefined,
+            "now": undefined,
+            "text": undefined,
+          }
+        }
+        accessible={true}
+        collapsable={false}
+        focusable={true}
+        onBlur={[Function]}
+        onClick={[Function]}
+        onFocus={[Function]}
+        onLayout={[Function]}
+        onResponderGrant={[Function]}
+        onResponderMove={[Function]}
+        onResponderRelease={[Function]}
+        onResponderTerminate={[Function]}
+        onResponderTerminationRequest={[Function]}
+        onStartShouldSetResponder={[Function]}
+        style={
+          [
+            {
+              "marginHorizontal": 12,
+              "paddingBottom": 16,
+            },
+            undefined,
+          ]
+        }
+        testID="tab"
+      >
+        <Text
+          allowFontScaling={false}
+          selectable={false}
+          style={
+            [
+              {
+                "color": "#837C7C",
+                "fontFamily": "AreaNormal-Extrabold",
+                "fontSize": 12,
+                "letterSpacing": -0.2,
+                "lineHeight": 16,
+                "paddingBottom": 0,
+                "paddingLeft": 0,
+                "paddingRight": 0,
+                "paddingTop": 2,
+              },
+            ]
+          }
+        >
+          summary.return_tab (2)
+        </Text>
+      </View>
+      <View
+        style={
+          {
+            "backgroundColor": "#0C0A0A",
+            "bottom": 0,
+            "display": "flex",
+            "height": 2,
+            "left": 0,
+            "opacity": 0,
+            "position": "absolute",
+            "transform": [
+              {
+                "translateX": 0,
+              },
+            ],
+            "width": 0,
+          }
+        }
+      />
+    </View>
+    <View
+      style={
+        {
+          "opacity": 0,
+          "padding": 24,
+          "paddingTop": 8,
+        }
+      }
+    >
+      <View
+        style={
+          [
+            {
+              "flex": 1,
+              "overflow": "hidden",
+            },
+            undefined,
+          ]
+        }
+        testID="carousel"
+      >
+        <View
+          onLayout={[Function]}
+          style={
+            {
+              "flex": 1,
+            }
+          }
+          testID="carousel-layout"
+        >
+          <View
+            style={
+              {
+                "flex": 1,
+              }
+            }
+          >
+            <RNGestureHandlerButton
+              collapsable={false}
+              delayLongPress={600}
+              enabled={true}
+              exclusive={true}
+              handlerTag={1}
+              handlerType="NativeViewGestureHandler"
+              onGestureEvent={[Function]}
+              onGestureHandlerEvent={[Function]}
+              onGestureHandlerStateChange={[Function]}
+              onHandlerStateChange={[Function]}
+              rippleColor={0}
+              touchSoundDisabled={false}
+            >
+              <View
+                accessible={true}
+                collapsable={false}
+                style={{}}
+              >
+                <View
+                  animatedStyle={
+                    {
+                      "value": {
+                        "transform": [
+                          {
+                            "translateX": 0,
+                          },
+                        ],
+                      },
+                    }
+                  }
+                  collapsable={false}
+                  style={
+                    {
+                      "flex": 1,
+                      "flexDirection": "row",
+                      "height": "100%",
+                      "transform": [
+                        {
+                          "translateX": 0,
+                        },
+                      ],
+                      "width": 600,
+                    }
+                  }
+                  testID="carousel-track"
+                >
+                  <View
+                    style={
+                      [
+                        {
+                          "flex": 1,
+                        },
+                        false,
+                        {
+                          "width": 300,
+                        },
+                      ]
+                    }
+                    testID="carousel-item"
+                  >
+                    <View
+                      testID="keep-checkout-item"
+                    >
+                      <View
+                        accessibilityState={
+                          {
+                            "busy": undefined,
+                            "checked": undefined,
+                            "disabled": undefined,
+                            "expanded": undefined,
+                            "selected": undefined,
+                          }
+                        }
+                        accessibilityValue={
+                          {
+                            "max": undefined,
+                            "min": undefined,
+                            "now": undefined,
+                            "text": undefined,
+                          }
+                        }
+                        accessible={true}
+                        collapsable={false}
+                        focusable={true}
+                        onBlur={[Function]}
+                        onClick={[Function]}
+                        onFocus={[Function]}
+                        onResponderGrant={[Function]}
+                        onResponderMove={[Function]}
+                        onResponderRelease={[Function]}
+                        onResponderTerminate={[Function]}
+                        onResponderTerminationRequest={[Function]}
+                        onStartShouldSetResponder={[Function]}
+                        pointerEvents="auto"
+                        style={
+                          {
+                            "alignItems": "flex-end",
+                            "borderBottomColor": "#DAD8D8",
+                            "borderBottomWidth": 1,
+                            "flexDirection": "row",
+                            "justifyContent": "space-between",
+                            "paddingVertical": 16,
+                          }
+                        }
+                        testID="product-variant"
+                      >
+                        <View
+                          style={
+                            {
+                              "alignItems": "flex-end",
+                              "flexDirection": "row",
+                            }
+                          }
+                        >
+                          <View>
+                            <Image
+                              resizeMode="contain"
+                              source={
+                                {
+                                  "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=208&f=auto",
+                                }
+                              }
+                              style={
+                                [
+                                  {
+                                    "borderColor": "#DAD8D8",
+                                    "borderRadius": 8,
+                                    "borderWidth": 2,
+                                    "height": 132,
+                                    "width": 104,
+                                  },
+                                  undefined,
+                                ]
+                              }
+                              testID="product-variant-media"
+                            />
+                          </View>
+                          <View
+                            style={
+                              {
+                                "alignSelf": "stretch",
+                                "justifyContent": "space-between",
+                                "marginLeft": 8,
+                              }
+                            }
+                          >
+                            <View
+                              style={
+                                {
+                                  "alignItems": "flex-start",
+                                }
+                              }
+                            >
+                              <Text
+                                allowFontScaling={false}
+                                selectable={false}
+                                style={
+                                  [
+                                    {
+                                      "color": "#837C7C",
+                                      "fontFamily": "AreaNormal-Semibold",
+                                      "fontSize": 12,
+                                      "letterSpacing": 0.1,
+                                      "lineHeight": 16,
+                                      "paddingBottom": 0,
+                                      "paddingLeft": 0,
+                                      "paddingRight": 0,
+                                      "paddingTop": 0,
+                                    },
+                                  ]
+                                }
+                              >
+                                CKS
+                              </Text>
+                              <Text
+                                allowFontScaling={false}
+                                selectable={false}
+                                style={
+                                  [
+                                    {
+                                      "color": "#0C0A0A",
+                                      "fontFamily": "AreaNormal-Semibold",
+                                      "fontSize": 12,
+                                      "letterSpacing": 0.1,
+                                      "lineHeight": 16,
+                                      "paddingBottom": 0,
+                                      "paddingLeft": 0,
+                                      "paddingRight": 0,
+                                      "paddingTop": 0,
+                                    },
+                                  ]
+                                }
+                              >
+                                Sari Tshirt lines
+                              </Text>
+                              <Text
+                                allowFontScaling={false}
+                                selectable={false}
+                                style={
+                                  [
+                                    {
+                                      "color": "#837C7C",
+                                      "fontFamily": "AreaNormal-Semibold",
+                                      "fontSize": 12,
+                                      "letterSpacing": 0.1,
+                                      "lineHeight": 16,
+                                      "paddingBottom": 0,
+                                      "paddingLeft": 0,
+                                      "paddingRight": 0,
+                                      "paddingTop": 0,
+                                    },
+                                  ]
+                                }
+                              >
+                                M
+                                 / 
+                                catalog.color.black
+                              </Text>
+                            </View>
+                            <View
+                              style={
+                                {
+                                  "flexDirection": "row",
+                                }
+                              }
+                              testID="price"
+                            >
+                              <Text
+                                allowFontScaling={false}
+                                selectable={false}
+                                style={
+                                  [
+                                    {
+                                      "color": "#0C0A0A",
+                                      "fontFamily": "AreaNormal-Semibold",
+                                      "fontSize": 12,
+                                      "letterSpacing": 0.1,
+                                      "lineHeight": 16,
+                                      "paddingBottom": 0,
+                                      "paddingLeft": 0,
+                                      "paddingRight": 0,
+                                      "paddingTop": 0,
+                                    },
+                                  ]
+                                }
+                                testID="price-text"
+                              >
+                                €39.99
+                              </Text>
+                            </View>
+                          </View>
+                        </View>
+                        <Text
+                          accessibilityElementsHidden={true}
+                          allowFontScaling={false}
+                          importantForAccessibility="no"
+                          selectable={false}
+                          style={
+                            [
+                              {
+                                "color": "#0C0A0A",
+                                "fontFamily": "auroraicons",
+                                "fontSize": 24,
+                                "fontStyle": "normal",
+                                "fontWeight": "normal",
+                                "height": 24,
+                                "width": 24,
+                              },
+                            ]
+                          }
+                        >
+                          
+                        </Text>
+                      </View>
+                    </View>
+                    <View
+                      testID="keep-checkout-item"
+                    >
+                      <View
+                        accessibilityState={
+                          {
+                            "busy": undefined,
+                            "checked": undefined,
+                            "disabled": undefined,
+                            "expanded": undefined,
+                            "selected": undefined,
+                          }
+                        }
+                        accessibilityValue={
+                          {
+                            "max": undefined,
+                            "min": undefined,
+                            "now": undefined,
+                            "text": undefined,
+                          }
+                        }
+                        accessible={true}
+                        collapsable={false}
+                        focusable={true}
+                        onBlur={[Function]}
+                        onClick={[Function]}
+                        onFocus={[Function]}
+                        onResponderGrant={[Function]}
+                        onResponderMove={[Function]}
+                        onResponderRelease={[Function]}
+                        onResponderTerminate={[Function]}
+                        onResponderTerminationRequest={[Function]}
+                        onStartShouldSetResponder={[Function]}
+                        pointerEvents="auto"
+                        style={
+                          {
+                            "alignItems": "flex-end",
+                            "borderBottomColor": "#DAD8D8",
+                            "borderBottomWidth": 1,
+                            "flexDirection": "row",
+                            "justifyContent": "space-between",
+                            "paddingVertical": 16,
+                          }
+                        }
+                        testID="product-variant"
+                      >
+                        <View
+                          style={
+                            {
+                              "alignItems": "flex-end",
+                              "flexDirection": "row",
+                            }
+                          }
+                        >
+                          <View>
+                            <Image
+                              resizeMode="contain"
+                              source={
+                                {
+                                  "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=208&f=auto",
+                                }
+                              }
+                              style={
+                                [
+                                  {
+                                    "borderColor": "#DAD8D8",
+                                    "borderRadius": 8,
+                                    "borderWidth": 2,
+                                    "height": 132,
+                                    "width": 104,
+                                  },
+                                  undefined,
+                                ]
+                              }
+                              testID="product-variant-media"
+                            />
+                          </View>
+                          <View
+                            style={
+                              {
+                                "alignSelf": "stretch",
+                                "justifyContent": "space-between",
+                                "marginLeft": 8,
+                              }
+                            }
+                          >
+                            <View
+                              style={
+                                {
+                                  "alignItems": "flex-start",
+                                }
+                              }
+                            >
+                              <Text
+                                allowFontScaling={false}
+                                selectable={false}
+                                style={
+                                  [
+                                    {
+                                      "color": "#837C7C",
+                                      "fontFamily": "AreaNormal-Semibold",
+                                      "fontSize": 12,
+                                      "letterSpacing": 0.1,
+                                      "lineHeight": 16,
+                                      "paddingBottom": 0,
+                                      "paddingLeft": 0,
+                                      "paddingRight": 0,
+                                      "paddingTop": 0,
+                                    },
+                                  ]
+                                }
+                              >
+                                CKS
+                              </Text>
+                              <Text
+                                allowFontScaling={false}
+                                selectable={false}
+                                style={
+                                  [
+                                    {
+                                      "color": "#0C0A0A",
+                                      "fontFamily": "AreaNormal-Semibold",
+                                      "fontSize": 12,
+                                      "letterSpacing": 0.1,
+                                      "lineHeight": 16,
+                                      "paddingBottom": 0,
+                                      "paddingLeft": 0,
+                                      "paddingRight": 0,
+                                      "paddingTop": 0,
+                                    },
+                                  ]
+                                }
+                              >
+                                Sari Tshirt lines
+                              </Text>
+                              <Text
+                                allowFontScaling={false}
+                                selectable={false}
+                                style={
+                                  [
+                                    {
+                                      "color": "#837C7C",
+                                      "fontFamily": "AreaNormal-Semibold",
+                                      "fontSize": 12,
+                                      "letterSpacing": 0.1,
+                                      "lineHeight": 16,
+                                      "paddingBottom": 0,
+                                      "paddingLeft": 0,
+                                      "paddingRight": 0,
+                                      "paddingTop": 0,
+                                    },
+                                  ]
+                                }
+                              >
+                                M
+                                 / 
+                                catalog.color.black
+                              </Text>
+                              <View
+                                style={
+                                  {
+                                    "backgroundColor": "#F1E4DB",
+                                    "borderRadius": 9999,
+                                    "marginTop": 16,
+                                    "paddingBottom": 2,
+                                    "paddingHorizontal": 8,
+                                    "paddingTop": 4,
+                                  }
+                                }
+                              >
+                                <Text
+                                  allowFontScaling={false}
+                                  selectable={false}
+                                  style={
+                                    [
+                                      {
+                                        "color": "#0C0A0A",
+                                        "fontFamily": "AreaNormal-Semibold",
+                                        "fontSize": 12,
+                                        "letterSpacing": 0.1,
+                                        "lineHeight": 16,
+                                        "paddingBottom": 0,
+                                        "paddingLeft": 0,
+                                        "paddingRight": 0,
+                                        "paddingTop": 0,
+                                      },
+                                    ]
+                                  }
+                                >
+                                  product_variant.size_change
+                                </Text>
+                              </View>
+                            </View>
+                            <View
+                              style={
+                                {
+                                  "flexDirection": "row",
+                                }
+                              }
+                              testID="price"
+                            >
+                              <Text
+                                allowFontScaling={false}
+                                selectable={false}
+                                style={
+                                  [
+                                    {
+                                      "color": "#0C0A0A",
+                                      "fontFamily": "AreaNormal-Semibold",
+                                      "fontSize": 12,
+                                      "letterSpacing": 0.1,
+                                      "lineHeight": 16,
+                                      "paddingBottom": 0,
+                                      "paddingLeft": 0,
+                                      "paddingRight": 0,
+                                      "paddingTop": 0,
+                                    },
+                                  ]
+                                }
+                                testID="price-text"
+                              >
+                                €39.99
+                              </Text>
+                            </View>
+                          </View>
+                        </View>
+                        <Text
+                          accessibilityElementsHidden={true}
+                          allowFontScaling={false}
+                          importantForAccessibility="no"
+                          selectable={false}
+                          style={
+                            [
+                              {
+                                "color": "#0C0A0A",
+                                "fontFamily": "auroraicons",
+                                "fontSize": 24,
+                                "fontStyle": "normal",
+                                "fontWeight": "normal",
+                                "height": 24,
+                                "width": 24,
+                              },
+                            ]
+                          }
+                        >
+                          
+                        </Text>
+                      </View>
+                    </View>
+                  </View>
+                  <View
+                    style={
+                      [
+                        {
+                          "flex": 1,
+                        },
+                        false,
+                        {
+                          "width": 300,
+                        },
+                      ]
+                    }
+                    testID="carousel-item"
+                  >
+                    <View
+                      testID="return-checkout-item"
+                    >
+                      <View
+                        accessibilityState={
+                          {
+                            "busy": undefined,
+                            "checked": undefined,
+                            "disabled": undefined,
+                            "expanded": undefined,
+                            "selected": undefined,
+                          }
+                        }
+                        accessibilityValue={
+                          {
+                            "max": undefined,
+                            "min": undefined,
+                            "now": undefined,
+                            "text": undefined,
+                          }
+                        }
+                        accessible={true}
+                        collapsable={false}
+                        focusable={true}
+                        onBlur={[Function]}
+                        onClick={[Function]}
+                        onFocus={[Function]}
+                        onResponderGrant={[Function]}
+                        onResponderMove={[Function]}
+                        onResponderRelease={[Function]}
+                        onResponderTerminate={[Function]}
+                        onResponderTerminationRequest={[Function]}
+                        onStartShouldSetResponder={[Function]}
+                        pointerEvents="auto"
+                        style={
+                          {
+                            "alignItems": "flex-end",
+                            "borderBottomColor": "#DAD8D8",
+                            "borderBottomWidth": 1,
+                            "flexDirection": "row",
+                            "justifyContent": "space-between",
+                            "paddingVertical": 16,
+                          }
+                        }
+                        testID="product-variant"
+                      >
+                        <View
+                          style={
+                            {
+                              "alignItems": "flex-end",
+                              "flexDirection": "row",
+                            }
+                          }
+                        >
+                          <View>
+                            <Image
+                              resizeMode="contain"
+                              source={
+                                {
+                                  "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=208&f=auto",
+                                }
+                              }
+                              style={
+                                [
+                                  {
+                                    "borderColor": "#DAD8D8",
+                                    "borderRadius": 8,
+                                    "borderWidth": 2,
+                                    "height": 132,
+                                    "width": 104,
+                                  },
+                                  undefined,
+                                ]
+                              }
+                              testID="product-variant-media"
+                            />
+                          </View>
+                          <View
+                            style={
+                              {
+                                "alignSelf": "stretch",
+                                "justifyContent": "space-between",
+                                "marginLeft": 8,
+                              }
+                            }
+                          >
+                            <View
+                              style={
+                                {
+                                  "alignItems": "flex-start",
+                                }
+                              }
+                            >
+                              <Text
+                                allowFontScaling={false}
+                                selectable={false}
+                                style={
+                                  [
+                                    {
+                                      "color": "#837C7C",
+                                      "fontFamily": "AreaNormal-Semibold",
+                                      "fontSize": 12,
+                                      "letterSpacing": 0.1,
+                                      "lineHeight": 16,
+                                      "paddingBottom": 0,
+                                      "paddingLeft": 0,
+                                      "paddingRight": 0,
+                                      "paddingTop": 0,
+                                    },
+                                  ]
+                                }
+                              >
+                                CKS
+                              </Text>
+                              <Text
+                                allowFontScaling={false}
+                                selectable={false}
+                                style={
+                                  [
+                                    {
+                                      "color": "#0C0A0A",
+                                      "fontFamily": "AreaNormal-Semibold",
+                                      "fontSize": 12,
+                                      "letterSpacing": 0.1,
+                                      "lineHeight": 16,
+                                      "paddingBottom": 0,
+                                      "paddingLeft": 0,
+                                      "paddingRight": 0,
+                                      "paddingTop": 0,
+                                    },
+                                  ]
+                                }
+                              >
+                                Sari Tshirt lines
+                              </Text>
+                              <Text
+                                allowFontScaling={false}
+                                selectable={false}
+                                style={
+                                  [
+                                    {
+                                      "color": "#837C7C",
+                                      "fontFamily": "AreaNormal-Semibold",
+                                      "fontSize": 12,
+                                      "letterSpacing": 0.1,
+                                      "lineHeight": 16,
+                                      "paddingBottom": 0,
+                                      "paddingLeft": 0,
+                                      "paddingRight": 0,
+                                      "paddingTop": 0,
+                                    },
+                                  ]
+                                }
+                              >
+                                M
+                                 / 
+                                catalog.color.black
+                              </Text>
+                            </View>
+                            <View
+                              style={
+                                {
+                                  "flexDirection": "row",
+                                }
+                              }
+                              testID="price"
+                            >
+                              <Text
+                                allowFontScaling={false}
+                                selectable={false}
+                                style={
+                                  [
+                                    {
+                                      "color": "#0C0A0A",
+                                      "fontFamily": "AreaNormal-Semibold",
+                                      "fontSize": 12,
+                                      "letterSpacing": 0.1,
+                                      "lineHeight": 16,
+                                      "paddingBottom": 0,
+                                      "paddingLeft": 0,
+                                      "paddingRight": 0,
+                                      "paddingTop": 0,
+                                    },
+                                  ]
+                                }
+                                testID="price-text"
+                              >
+                                €39.99
+                              </Text>
+                            </View>
+                          </View>
+                        </View>
+                        <Text
+                          accessibilityElementsHidden={true}
+                          allowFontScaling={false}
+                          importantForAccessibility="no"
+                          selectable={false}
+                          style={
+                            [
+                              {
+                                "color": "#0C0A0A",
+                                "fontFamily": "auroraicons",
+                                "fontSize": 24,
+                                "fontStyle": "normal",
+                                "fontWeight": "normal",
+                                "height": 24,
+                                "width": 24,
+                              },
+                            ]
+                          }
+                        >
+                          
+                        </Text>
+                      </View>
+                    </View>
+                    <View
+                      testID="return-checkout-item"
+                    >
+                      <View
+                        accessibilityState={
+                          {
+                            "busy": undefined,
+                            "checked": undefined,
+                            "disabled": undefined,
+                            "expanded": undefined,
+                            "selected": undefined,
+                          }
+                        }
+                        accessibilityValue={
+                          {
+                            "max": undefined,
+                            "min": undefined,
+                            "now": undefined,
+                            "text": undefined,
+                          }
+                        }
+                        accessible={true}
+                        collapsable={false}
+                        focusable={true}
+                        onBlur={[Function]}
+                        onClick={[Function]}
+                        onFocus={[Function]}
+                        onResponderGrant={[Function]}
+                        onResponderMove={[Function]}
+                        onResponderRelease={[Function]}
+                        onResponderTerminate={[Function]}
+                        onResponderTerminationRequest={[Function]}
+                        onStartShouldSetResponder={[Function]}
+                        pointerEvents="auto"
+                        style={
+                          {
+                            "alignItems": "flex-end",
+                            "borderBottomColor": "#DAD8D8",
+                            "borderBottomWidth": 1,
+                            "flexDirection": "row",
+                            "justifyContent": "space-between",
+                            "paddingVertical": 16,
+                          }
+                        }
+                        testID="product-variant"
+                      >
+                        <View
+                          style={
+                            {
+                              "alignItems": "flex-end",
+                              "flexDirection": "row",
+                            }
+                          }
+                        >
+                          <View>
+                            <Image
+                              resizeMode="contain"
+                              source={
+                                {
+                                  "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=208&f=auto",
+                                }
+                              }
+                              style={
+                                [
+                                  {
+                                    "borderColor": "#DAD8D8",
+                                    "borderRadius": 8,
+                                    "borderWidth": 2,
+                                    "height": 132,
+                                    "width": 104,
+                                  },
+                                  undefined,
+                                ]
+                              }
+                              testID="product-variant-media"
+                            />
+                          </View>
+                          <View
+                            style={
+                              {
+                                "alignSelf": "stretch",
+                                "justifyContent": "space-between",
+                                "marginLeft": 8,
+                              }
+                            }
+                          >
+                            <View
+                              style={
+                                {
+                                  "alignItems": "flex-start",
+                                }
+                              }
+                            >
+                              <Text
+                                allowFontScaling={false}
+                                selectable={false}
+                                style={
+                                  [
+                                    {
+                                      "color": "#837C7C",
+                                      "fontFamily": "AreaNormal-Semibold",
+                                      "fontSize": 12,
+                                      "letterSpacing": 0.1,
+                                      "lineHeight": 16,
+                                      "paddingBottom": 0,
+                                      "paddingLeft": 0,
+                                      "paddingRight": 0,
+                                      "paddingTop": 0,
+                                    },
+                                  ]
+                                }
+                              >
+                                CKS
+                              </Text>
+                              <Text
+                                allowFontScaling={false}
+                                selectable={false}
+                                style={
+                                  [
+                                    {
+                                      "color": "#0C0A0A",
+                                      "fontFamily": "AreaNormal-Semibold",
+                                      "fontSize": 12,
+                                      "letterSpacing": 0.1,
+                                      "lineHeight": 16,
+                                      "paddingBottom": 0,
+                                      "paddingLeft": 0,
+                                      "paddingRight": 0,
+                                      "paddingTop": 0,
+                                    },
+                                  ]
+                                }
+                              >
+                                Sari Tshirt lines
+                              </Text>
+                              <Text
+                                allowFontScaling={false}
+                                selectable={false}
+                                style={
+                                  [
+                                    {
+                                      "color": "#837C7C",
+                                      "fontFamily": "AreaNormal-Semibold",
+                                      "fontSize": 12,
+                                      "letterSpacing": 0.1,
+                                      "lineHeight": 16,
+                                      "paddingBottom": 0,
+                                      "paddingLeft": 0,
+                                      "paddingRight": 0,
+                                      "paddingTop": 0,
+                                    },
+                                  ]
+                                }
+                              >
+                                M
+                                 / 
+                                catalog.color.black
+                              </Text>
+                              <View
+                                style={
+                                  {
+                                    "backgroundColor": "#F1E4DB",
+                                    "borderRadius": 9999,
+                                    "marginTop": 16,
+                                    "paddingBottom": 2,
+                                    "paddingHorizontal": 8,
+                                    "paddingTop": 4,
+                                  }
+                                }
+                              >
+                                <Text
+                                  allowFontScaling={false}
+                                  selectable={false}
+                                  style={
+                                    [
+                                      {
+                                        "color": "#0C0A0A",
+                                        "fontFamily": "AreaNormal-Semibold",
+                                        "fontSize": 12,
+                                        "letterSpacing": 0.1,
+                                        "lineHeight": 16,
+                                        "paddingBottom": 0,
+                                        "paddingLeft": 0,
+                                        "paddingRight": 0,
+                                        "paddingTop": 0,
+                                      },
+                                    ]
+                                  }
+                                >
+                                  product_variant.size_change
+                                </Text>
+                              </View>
+                            </View>
+                            <View
+                              style={
+                                {
+                                  "flexDirection": "row",
+                                }
+                              }
+                              testID="price"
+                            >
+                              <Text
+                                allowFontScaling={false}
+                                selectable={false}
+                                style={
+                                  [
+                                    {
+                                      "color": "#0C0A0A",
+                                      "fontFamily": "AreaNormal-Semibold",
+                                      "fontSize": 12,
+                                      "letterSpacing": 0.1,
+                                      "lineHeight": 16,
+                                      "paddingBottom": 0,
+                                      "paddingLeft": 0,
+                                      "paddingRight": 0,
+                                      "paddingTop": 0,
+                                    },
+                                  ]
+                                }
+                                testID="price-text"
+                              >
+                                €39.99
+                              </Text>
+                            </View>
+                          </View>
+                        </View>
+                        <Text
+                          accessibilityElementsHidden={true}
+                          allowFontScaling={false}
+                          importantForAccessibility="no"
+                          selectable={false}
+                          style={
+                            [
+                              {
+                                "color": "#0C0A0A",
+                                "fontFamily": "auroraicons",
+                                "fontSize": 24,
+                                "fontStyle": "normal",
+                                "fontWeight": "normal",
+                                "height": 24,
+                                "width": 24,
+                              },
+                            ]
+                          }
+                        >
+                          
+                        </Text>
+                      </View>
+                    </View>
+                  </View>
+                </View>
+              </View>
+            </RNGestureHandlerButton>
+          </View>
+        </View>
+      </View>
+    </View>
+  </View>
+</View>
+`;