@lookiero/checkout 8.19.0 → 8.21.0

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

@@ -293,705 +293,684 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                 }
                 testID="carousel-item"
               >
-                <RNGestureHandlerButton
-                  collapsable={false}
-                  delayLongPress={600}
-                  enabled={true}
-                  exclusive={true}
-                  handlerTag={2}
-                  handlerType="NativeViewGestureHandler"
-                  onGestureEvent={[Function]}
-                  onGestureHandlerEvent={[Function]}
-                  onGestureHandlerStateChange={[Function]}
-                  onHandlerStateChange={[Function]}
-                  rippleColor={0}
-                  touchSoundDisabled={false}
+                <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}
-                    style={{}}
+                    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": "#F8F7F7",
+                        "borderBottomWidth": 1,
+                        "flexDirection": "row",
+                        "justifyContent": "space-between",
+                        "paddingVertical": 16,
+                      }
+                    }
+                    testID="product-variant"
                   >
                     <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": "#F8F7F7",
-                            "borderBottomWidth": 1,
-                            "flexDirection": "row",
-                            "justifyContent": "space-between",
-                            "paddingVertical": 16,
-                          }
+                      style={
+                        {
+                          "alignItems": "flex-end",
+                          "flexDirection": "row",
                         }
-                        testID="product-variant"
-                      >
+                      }
+                    >
+                      <View>
                         <View
                           style={
-                            {
-                              "alignItems": "flex-end",
-                              "flexDirection": "row",
-                            }
+                            [
+                              {
+                                "position": "relative",
+                              },
+                              [
+                                {
+                                  "borderColor": "#DAD8D8",
+                                  "borderRadius": 8,
+                                  "borderWidth": 2,
+                                  "height": 132,
+                                  "width": 104,
+                                },
+                                undefined,
+                              ],
+                            ]
                           }
+                          testID="product-variant-media"
                         >
-                          <View>
+                          <View
+                            style={
+                              [
+                                {
+                                  "flex": 1,
+                                },
+                              ]
+                            }
+                            testID="lazy-image-skeleton"
+                          >
                             <View
+                              onLayout={[Function]}
                               style={
                                 [
                                   {
-                                    "position": "relative",
+                                    "backgroundColor": "#F8F7F7",
+                                    "flex": 1,
+                                    "height": undefined,
+                                    "overflow": "hidden",
+                                    "width": undefined,
                                   },
-                                  [
-                                    {
-                                      "borderColor": "#DAD8D8",
-                                      "borderRadius": 8,
-                                      "borderWidth": 2,
-                                      "height": 132,
-                                      "width": 104,
-                                    },
-                                    undefined,
-                                  ],
                                 ]
                               }
-                              testID="product-variant-media"
                             >
                               <View
+                                collapsable={false}
+                                duration={1200}
                                 style={
-                                  [
-                                    {
-                                      "flex": 1,
-                                    },
-                                  ]
+                                  {
+                                    "height": "100%",
+                                    "left": 0,
+                                    "transform": [
+                                      {
+                                        "translateX": -375,
+                                      },
+                                    ],
+                                    "width": "100%",
+                                  }
                                 }
-                                testID="lazy-image-skeleton"
                               >
                                 <View
-                                  onLayout={[Function]}
-                                  style={
+                                  colors={
                                     [
-                                      {
-                                        "backgroundColor": "#F8F7F7",
-                                        "flex": 1,
-                                        "height": undefined,
-                                        "overflow": "hidden",
-                                        "width": undefined,
-                                      },
+                                      "rgba(255, 255, 255, 0)",
+                                      "#DAD8D8",
+                                      "#DAD8D8",
+                                      "rgba(255, 255, 255, 0)",
                                     ]
                                   }
-                                >
-                                  <View
-                                    collapsable={false}
-                                    duration={1200}
-                                    style={
-                                      {
-                                        "height": "100%",
-                                        "left": 0,
-                                        "transform": [
-                                          {
-                                            "translateX": -375,
-                                          },
-                                        ],
-                                        "width": "100%",
-                                      }
+                                  end={
+                                    {
+                                      "x": 1,
+                                      "y": 0,
                                     }
-                                  >
-                                    <View
-                                      colors={
-                                        [
-                                          "rgba(255, 255, 255, 0)",
-                                          "#DAD8D8",
-                                          "#DAD8D8",
-                                          "rgba(255, 255, 255, 0)",
-                                        ]
-                                      }
-                                      end={
-                                        {
-                                          "x": 1,
-                                          "y": 0,
-                                        }
-                                      }
-                                      locations={
-                                        [
-                                          0,
-                                          0.25,
-                                          0.75,
-                                          1,
-                                        ]
-                                      }
-                                      start={
-                                        {
-                                          "x": 0,
-                                          "y": 0,
-                                        }
-                                      }
-                                      style={
-                                        {
-                                          "height": "100%",
-                                          "width": "100%",
-                                        }
-                                      }
-                                    />
-                                  </View>
-                                </View>
-                              </View>
-                              <Image
-                                collapsable={false}
-                                jestAnimatedStyle={
-                                  {
-                                    "value": {
-                                      "opacity": 0,
-                                    },
                                   }
-                                }
-                                onLoad={[Function]}
-                                resizeMode="contain"
-                                source={
-                                  {
-                                    "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=104&f=auto",
+                                  locations={
+                                    [
+                                      0,
+                                      0.25,
+                                      0.75,
+                                      1,
+                                    ]
                                   }
-                                }
-                                style={
-                                  {
-                                    "flex": 1,
-                                    "height": "100%",
-                                    "opacity": 0,
-                                    "position": "absolute",
-                                    "width": "100%",
-                                    "zIndex": 10,
+                                  start={
+                                    {
+                                      "x": 0,
+                                      "y": 0,
+                                    }
                                   }
-                                }
-                                testID="lazy-image-main-image"
-                              />
+                                  style={
+                                    {
+                                      "height": "100%",
+                                      "width": "100%",
+                                    }
+                                  }
+                                />
+                              </View>
                             </View>
                           </View>
-                          <View
-                            style={
+                          <Image
+                            collapsable={false}
+                            jestAnimatedStyle={
                               {
-                                "alignSelf": "stretch",
-                                "justifyContent": "space-between",
-                                "marginLeft": 8,
+                                "value": {
+                                  "opacity": 0,
+                                },
                               }
                             }
-                          >
-                            <View
-                              style={
-                                {
-                                  "alignItems": "flex-start",
-                                }
+                            onLoad={[Function]}
+                            resizeMode="contain"
+                            source={
+                              {
+                                "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=104&f=auto",
                               }
-                            >
-                              <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",
-                                }
+                            }
+                            style={
+                              {
+                                "flex": 1,
+                                "height": "100%",
+                                "opacity": 0,
+                                "position": "absolute",
+                                "width": "100%",
+                                "zIndex": 10,
                               }
-                              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>
+                            }
+                            testID="lazy-image-main-image"
+                          />
                         </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": "#F8F7F7",
-                            "borderBottomWidth": 1,
-                            "flexDirection": "row",
+                            "alignSelf": "stretch",
                             "justifyContent": "space-between",
-                            "paddingVertical": 16,
+                            "marginLeft": 8,
                           }
                         }
-                        testID="product-variant"
                       >
                         <View
                           style={
                             {
-                              "alignItems": "flex-end",
+                              "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": "#F8F7F7",
+                        "borderBottomWidth": 1,
+                        "flexDirection": "row",
+                        "justifyContent": "space-between",
+                        "paddingVertical": 16,
+                      }
+                    }
+                    testID="product-variant"
+                  >
+                    <View
+                      style={
+                        {
+                          "alignItems": "flex-end",
+                          "flexDirection": "row",
+                        }
+                      }
+                    >
+                      <View>
+                        <View
+                          style={
+                            [
+                              {
+                                "position": "relative",
+                              },
+                              [
+                                {
+                                  "borderColor": "#DAD8D8",
+                                  "borderRadius": 8,
+                                  "borderWidth": 2,
+                                  "height": 132,
+                                  "width": 104,
+                                },
+                                undefined,
+                              ],
+                            ]
+                          }
+                          testID="product-variant-media"
                         >
-                          <View>
+                          <View
+                            style={
+                              [
+                                {
+                                  "flex": 1,
+                                },
+                              ]
+                            }
+                            testID="lazy-image-skeleton"
+                          >
                             <View
+                              onLayout={[Function]}
                               style={
                                 [
                                   {
-                                    "position": "relative",
+                                    "backgroundColor": "#F8F7F7",
+                                    "flex": 1,
+                                    "height": undefined,
+                                    "overflow": "hidden",
+                                    "width": undefined,
                                   },
-                                  [
-                                    {
-                                      "borderColor": "#DAD8D8",
-                                      "borderRadius": 8,
-                                      "borderWidth": 2,
-                                      "height": 132,
-                                      "width": 104,
-                                    },
-                                    undefined,
-                                  ],
                                 ]
                               }
-                              testID="product-variant-media"
                             >
                               <View
+                                collapsable={false}
+                                duration={1200}
                                 style={
-                                  [
-                                    {
-                                      "flex": 1,
-                                    },
-                                  ]
+                                  {
+                                    "height": "100%",
+                                    "left": 0,
+                                    "transform": [
+                                      {
+                                        "translateX": -375,
+                                      },
+                                    ],
+                                    "width": "100%",
+                                  }
                                 }
-                                testID="lazy-image-skeleton"
                               >
                                 <View
-                                  onLayout={[Function]}
-                                  style={
+                                  colors={
                                     [
-                                      {
-                                        "backgroundColor": "#F8F7F7",
-                                        "flex": 1,
-                                        "height": undefined,
-                                        "overflow": "hidden",
-                                        "width": undefined,
-                                      },
+                                      "rgba(255, 255, 255, 0)",
+                                      "#DAD8D8",
+                                      "#DAD8D8",
+                                      "rgba(255, 255, 255, 0)",
                                     ]
                                   }
-                                >
-                                  <View
-                                    collapsable={false}
-                                    duration={1200}
-                                    style={
-                                      {
-                                        "height": "100%",
-                                        "left": 0,
-                                        "transform": [
-                                          {
-                                            "translateX": -375,
-                                          },
-                                        ],
-                                        "width": "100%",
-                                      }
+                                  end={
+                                    {
+                                      "x": 1,
+                                      "y": 0,
                                     }
-                                  >
-                                    <View
-                                      colors={
-                                        [
-                                          "rgba(255, 255, 255, 0)",
-                                          "#DAD8D8",
-                                          "#DAD8D8",
-                                          "rgba(255, 255, 255, 0)",
-                                        ]
-                                      }
-                                      end={
-                                        {
-                                          "x": 1,
-                                          "y": 0,
-                                        }
-                                      }
-                                      locations={
-                                        [
-                                          0,
-                                          0.25,
-                                          0.75,
-                                          1,
-                                        ]
-                                      }
-                                      start={
-                                        {
-                                          "x": 0,
-                                          "y": 0,
-                                        }
-                                      }
-                                      style={
-                                        {
-                                          "height": "100%",
-                                          "width": "100%",
-                                        }
-                                      }
-                                    />
-                                  </View>
-                                </View>
-                              </View>
-                              <Image
-                                collapsable={false}
-                                jestAnimatedStyle={
-                                  {
-                                    "value": {
-                                      "opacity": 0,
-                                    },
                                   }
-                                }
-                                onLoad={[Function]}
-                                resizeMode="contain"
-                                source={
-                                  {
-                                    "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=104&f=auto",
+                                  locations={
+                                    [
+                                      0,
+                                      0.25,
+                                      0.75,
+                                      1,
+                                    ]
                                   }
-                                }
-                                style={
-                                  {
-                                    "flex": 1,
-                                    "height": "100%",
-                                    "opacity": 0,
-                                    "position": "absolute",
-                                    "width": "100%",
-                                    "zIndex": 10,
+                                  start={
+                                    {
+                                      "x": 0,
+                                      "y": 0,
+                                    }
                                   }
-                                }
-                                testID="lazy-image-main-image"
-                              />
+                                  style={
+                                    {
+                                      "height": "100%",
+                                      "width": "100%",
+                                    }
+                                  }
+                                />
+                              </View>
                             </View>
                           </View>
+                          <Image
+                            collapsable={false}
+                            jestAnimatedStyle={
+                              {
+                                "value": {
+                                  "opacity": 0,
+                                },
+                              }
+                            }
+                            onLoad={[Function]}
+                            resizeMode="contain"
+                            source={
+                              {
+                                "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=104&f=auto",
+                              }
+                            }
+                            style={
+                              {
+                                "flex": 1,
+                                "height": "100%",
+                                "opacity": 0,
+                                "position": "absolute",
+                                "width": "100%",
+                                "zIndex": 10,
+                              }
+                            }
+                            testID="lazy-image-main-image"
+                          />
+                        </View>
+                      </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={
                               {
-                                "alignSelf": "stretch",
-                                "justifyContent": "space-between",
-                                "marginLeft": 8,
+                                "backgroundColor": "#F1E4DB",
+                                "borderRadius": 9999,
+                                "marginTop": 16,
+                                "paddingBottom": 2,
+                                "paddingHorizontal": 8,
+                                "paddingTop": 4,
                               }
                             }
                           >
-                            <View
+                            <Text
+                              allowFontScaling={false}
+                              selectable={false}
                               style={
-                                {
-                                  "alignItems": "flex-start",
-                                }
+                                [
+                                  {
+                                    "color": "#0C0A0A",
+                                    "fontFamily": "AreaNormal-Semibold",
+                                    "fontSize": 12,
+                                    "letterSpacing": 0.1,
+                                    "lineHeight": 16,
+                                    "paddingBottom": 0,
+                                    "paddingLeft": 0,
+                                    "paddingRight": 0,
+                                    "paddingTop": 0,
+                                  },
+                                ]
                               }
                             >
-                              <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>
+                              product_variant.size_change
+                            </Text>
                           </View>
                         </View>
-                        <Text
-                          accessibilityElementsHidden={true}
-                          allowFontScaling={false}
-                          importantForAccessibility="no"
-                          selectable={false}
+                        <View
                           style={
-                            [
-                              {
-                                "color": "#0C0A0A",
-                                "fontFamily": "auroraicons",
-                                "fontSize": 24,
-                                "fontStyle": "normal",
-                                "fontWeight": "normal",
-                                "height": 24,
-                                "width": 24,
-                              },
-                            ]
+                            {
+                              "flexDirection": "row",
+                            }
                           }
+                          testID="price"
                         >
-                          
-                        </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,
+                                },
+                              ]
+                            }
+                            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>
-                </RNGestureHandlerButton>
+                </View>
               </View>
               <View
                 collapsable={false}
@@ -1008,705 +987,684 @@ exports[`CheckoutItemTabs component matches the snapshot 1`] = `
                 }
                 testID="carousel-item"
               >
-                <RNGestureHandlerButton
-                  collapsable={false}
-                  delayLongPress={600}
-                  enabled={true}
-                  exclusive={true}
-                  handlerTag={3}
-                  handlerType="NativeViewGestureHandler"
-                  onGestureEvent={[Function]}
-                  onGestureHandlerEvent={[Function]}
-                  onGestureHandlerStateChange={[Function]}
-                  onHandlerStateChange={[Function]}
-                  rippleColor={0}
-                  touchSoundDisabled={false}
+                <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}
-                    style={{}}
+                    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": "#F8F7F7",
+                        "borderBottomWidth": 1,
+                        "flexDirection": "row",
+                        "justifyContent": "space-between",
+                        "paddingVertical": 16,
+                      }
+                    }
+                    testID="product-variant"
                   >
                     <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,
-                          }
+                      style={
+                        {
+                          "alignItems": "flex-end",
+                          "flexDirection": "row",
                         }
-                        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": "#F8F7F7",
-                            "borderBottomWidth": 1,
-                            "flexDirection": "row",
-                            "justifyContent": "space-between",
-                            "paddingVertical": 16,
-                          }
-                        }
-                        testID="product-variant"
-                      >
+                      }
+                    >
+                      <View>
                         <View
                           style={
-                            {
-                              "alignItems": "flex-end",
-                              "flexDirection": "row",
-                            }
+                            [
+                              {
+                                "position": "relative",
+                              },
+                              [
+                                {
+                                  "borderColor": "#DAD8D8",
+                                  "borderRadius": 8,
+                                  "borderWidth": 2,
+                                  "height": 132,
+                                  "width": 104,
+                                },
+                                undefined,
+                              ],
+                            ]
                           }
+                          testID="product-variant-media"
                         >
-                          <View>
+                          <View
+                            style={
+                              [
+                                {
+                                  "flex": 1,
+                                },
+                              ]
+                            }
+                            testID="lazy-image-skeleton"
+                          >
                             <View
+                              onLayout={[Function]}
                               style={
                                 [
                                   {
-                                    "position": "relative",
+                                    "backgroundColor": "#F8F7F7",
+                                    "flex": 1,
+                                    "height": undefined,
+                                    "overflow": "hidden",
+                                    "width": undefined,
                                   },
-                                  [
-                                    {
-                                      "borderColor": "#DAD8D8",
-                                      "borderRadius": 8,
-                                      "borderWidth": 2,
-                                      "height": 132,
-                                      "width": 104,
-                                    },
-                                    undefined,
-                                  ],
                                 ]
                               }
-                              testID="product-variant-media"
                             >
                               <View
+                                collapsable={false}
+                                duration={1200}
                                 style={
-                                  [
-                                    {
-                                      "flex": 1,
-                                    },
-                                  ]
+                                  {
+                                    "height": "100%",
+                                    "left": 0,
+                                    "transform": [
+                                      {
+                                        "translateX": -375,
+                                      },
+                                    ],
+                                    "width": "100%",
+                                  }
                                 }
-                                testID="lazy-image-skeleton"
                               >
                                 <View
-                                  onLayout={[Function]}
-                                  style={
+                                  colors={
                                     [
-                                      {
-                                        "backgroundColor": "#F8F7F7",
-                                        "flex": 1,
-                                        "height": undefined,
-                                        "overflow": "hidden",
-                                        "width": undefined,
-                                      },
+                                      "rgba(255, 255, 255, 0)",
+                                      "#DAD8D8",
+                                      "#DAD8D8",
+                                      "rgba(255, 255, 255, 0)",
                                     ]
                                   }
-                                >
-                                  <View
-                                    collapsable={false}
-                                    duration={1200}
-                                    style={
-                                      {
-                                        "height": "100%",
-                                        "left": 0,
-                                        "transform": [
-                                          {
-                                            "translateX": -375,
-                                          },
-                                        ],
-                                        "width": "100%",
-                                      }
+                                  end={
+                                    {
+                                      "x": 1,
+                                      "y": 0,
                                     }
-                                  >
-                                    <View
-                                      colors={
-                                        [
-                                          "rgba(255, 255, 255, 0)",
-                                          "#DAD8D8",
-                                          "#DAD8D8",
-                                          "rgba(255, 255, 255, 0)",
-                                        ]
-                                      }
-                                      end={
-                                        {
-                                          "x": 1,
-                                          "y": 0,
-                                        }
-                                      }
-                                      locations={
-                                        [
-                                          0,
-                                          0.25,
-                                          0.75,
-                                          1,
-                                        ]
-                                      }
-                                      start={
-                                        {
-                                          "x": 0,
-                                          "y": 0,
-                                        }
-                                      }
-                                      style={
-                                        {
-                                          "height": "100%",
-                                          "width": "100%",
-                                        }
-                                      }
-                                    />
-                                  </View>
-                                </View>
-                              </View>
-                              <Image
-                                collapsable={false}
-                                jestAnimatedStyle={
-                                  {
-                                    "value": {
-                                      "opacity": 0,
-                                    },
                                   }
-                                }
-                                onLoad={[Function]}
-                                resizeMode="contain"
-                                source={
-                                  {
-                                    "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=104&f=auto",
+                                  locations={
+                                    [
+                                      0,
+                                      0.25,
+                                      0.75,
+                                      1,
+                                    ]
                                   }
-                                }
-                                style={
-                                  {
-                                    "flex": 1,
-                                    "height": "100%",
-                                    "opacity": 0,
-                                    "position": "absolute",
-                                    "width": "100%",
-                                    "zIndex": 10,
+                                  start={
+                                    {
+                                      "x": 0,
+                                      "y": 0,
+                                    }
                                   }
-                                }
-                                testID="lazy-image-main-image"
-                              />
+                                  style={
+                                    {
+                                      "height": "100%",
+                                      "width": "100%",
+                                    }
+                                  }
+                                />
+                              </View>
                             </View>
                           </View>
-                          <View
-                            style={
+                          <Image
+                            collapsable={false}
+                            jestAnimatedStyle={
                               {
-                                "alignSelf": "stretch",
-                                "justifyContent": "space-between",
-                                "marginLeft": 8,
+                                "value": {
+                                  "opacity": 0,
+                                },
                               }
                             }
-                          >
-                            <View
-                              style={
-                                {
-                                  "alignItems": "flex-start",
-                                }
+                            onLoad={[Function]}
+                            resizeMode="contain"
+                            source={
+                              {
+                                "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=104&f=auto",
                               }
-                            >
-                              <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",
-                                }
+                            }
+                            style={
+                              {
+                                "flex": 1,
+                                "height": "100%",
+                                "opacity": 0,
+                                "position": "absolute",
+                                "width": "100%",
+                                "zIndex": 10,
                               }
-                              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>
+                            }
+                            testID="lazy-image-main-image"
+                          />
                         </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": "#F8F7F7",
-                            "borderBottomWidth": 1,
-                            "flexDirection": "row",
+                            "alignSelf": "stretch",
                             "justifyContent": "space-between",
-                            "paddingVertical": 16,
+                            "marginLeft": 8,
                           }
                         }
-                        testID="product-variant"
                       >
                         <View
                           style={
                             {
-                              "alignItems": "flex-end",
+                              "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": "#F8F7F7",
+                        "borderBottomWidth": 1,
+                        "flexDirection": "row",
+                        "justifyContent": "space-between",
+                        "paddingVertical": 16,
+                      }
+                    }
+                    testID="product-variant"
+                  >
+                    <View
+                      style={
+                        {
+                          "alignItems": "flex-end",
+                          "flexDirection": "row",
+                        }
+                      }
+                    >
+                      <View>
+                        <View
+                          style={
+                            [
+                              {
+                                "position": "relative",
+                              },
+                              [
+                                {
+                                  "borderColor": "#DAD8D8",
+                                  "borderRadius": 8,
+                                  "borderWidth": 2,
+                                  "height": 132,
+                                  "width": 104,
+                                },
+                                undefined,
+                              ],
+                            ]
+                          }
+                          testID="product-variant-media"
                         >
-                          <View>
+                          <View
+                            style={
+                              [
+                                {
+                                  "flex": 1,
+                                },
+                              ]
+                            }
+                            testID="lazy-image-skeleton"
+                          >
                             <View
+                              onLayout={[Function]}
                               style={
                                 [
                                   {
-                                    "position": "relative",
+                                    "backgroundColor": "#F8F7F7",
+                                    "flex": 1,
+                                    "height": undefined,
+                                    "overflow": "hidden",
+                                    "width": undefined,
                                   },
-                                  [
-                                    {
-                                      "borderColor": "#DAD8D8",
-                                      "borderRadius": 8,
-                                      "borderWidth": 2,
-                                      "height": 132,
-                                      "width": 104,
-                                    },
-                                    undefined,
-                                  ],
                                 ]
                               }
-                              testID="product-variant-media"
                             >
                               <View
+                                collapsable={false}
+                                duration={1200}
                                 style={
-                                  [
-                                    {
-                                      "flex": 1,
-                                    },
-                                  ]
+                                  {
+                                    "height": "100%",
+                                    "left": 0,
+                                    "transform": [
+                                      {
+                                        "translateX": -375,
+                                      },
+                                    ],
+                                    "width": "100%",
+                                  }
                                 }
-                                testID="lazy-image-skeleton"
                               >
                                 <View
-                                  onLayout={[Function]}
-                                  style={
+                                  colors={
                                     [
-                                      {
-                                        "backgroundColor": "#F8F7F7",
-                                        "flex": 1,
-                                        "height": undefined,
-                                        "overflow": "hidden",
-                                        "width": undefined,
-                                      },
+                                      "rgba(255, 255, 255, 0)",
+                                      "#DAD8D8",
+                                      "#DAD8D8",
+                                      "rgba(255, 255, 255, 0)",
                                     ]
                                   }
-                                >
-                                  <View
-                                    collapsable={false}
-                                    duration={1200}
-                                    style={
-                                      {
-                                        "height": "100%",
-                                        "left": 0,
-                                        "transform": [
-                                          {
-                                            "translateX": -375,
-                                          },
-                                        ],
-                                        "width": "100%",
-                                      }
+                                  end={
+                                    {
+                                      "x": 1,
+                                      "y": 0,
                                     }
-                                  >
-                                    <View
-                                      colors={
-                                        [
-                                          "rgba(255, 255, 255, 0)",
-                                          "#DAD8D8",
-                                          "#DAD8D8",
-                                          "rgba(255, 255, 255, 0)",
-                                        ]
-                                      }
-                                      end={
-                                        {
-                                          "x": 1,
-                                          "y": 0,
-                                        }
-                                      }
-                                      locations={
-                                        [
-                                          0,
-                                          0.25,
-                                          0.75,
-                                          1,
-                                        ]
-                                      }
-                                      start={
-                                        {
-                                          "x": 0,
-                                          "y": 0,
-                                        }
-                                      }
-                                      style={
-                                        {
-                                          "height": "100%",
-                                          "width": "100%",
-                                        }
-                                      }
-                                    />
-                                  </View>
-                                </View>
-                              </View>
-                              <Image
-                                collapsable={false}
-                                jestAnimatedStyle={
-                                  {
-                                    "value": {
-                                      "opacity": 0,
-                                    },
                                   }
-                                }
-                                onLoad={[Function]}
-                                resizeMode="contain"
-                                source={
-                                  {
-                                    "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=104&f=auto",
+                                  locations={
+                                    [
+                                      0,
+                                      0.25,
+                                      0.75,
+                                      1,
+                                    ]
                                   }
-                                }
-                                style={
-                                  {
-                                    "flex": 1,
-                                    "height": "100%",
-                                    "opacity": 0,
-                                    "position": "absolute",
-                                    "width": "100%",
-                                    "zIndex": 10,
+                                  start={
+                                    {
+                                      "x": 0,
+                                      "y": 0,
+                                    }
                                   }
-                                }
-                                testID="lazy-image-main-image"
-                              />
+                                  style={
+                                    {
+                                      "height": "100%",
+                                      "width": "100%",
+                                    }
+                                  }
+                                />
+                              </View>
                             </View>
                           </View>
-                          <View
+                          <Image
+                            collapsable={false}
+                            jestAnimatedStyle={
+                              {
+                                "value": {
+                                  "opacity": 0,
+                                },
+                              }
+                            }
+                            onLoad={[Function]}
+                            resizeMode="contain"
+                            source={
+                              {
+                                "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=104&f=auto",
+                              }
+                            }
                             style={
                               {
-                                "alignSelf": "stretch",
-                                "justifyContent": "space-between",
-                                "marginLeft": 8,
+                                "flex": 1,
+                                "height": "100%",
+                                "opacity": 0,
+                                "position": "absolute",
+                                "width": "100%",
+                                "zIndex": 10,
                               }
                             }
+                            testID="lazy-image-main-image"
+                          />
+                        </View>
+                      </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,
+                                },
+                              ]
+                            }
                           >
-                            <View
-                              style={
+                            CKS
+                          </Text>
+                          <Text
+                            allowFontScaling={false}
+                            selectable={false}
+                            style={
+                              [
                                 {
-                                  "alignItems": "flex-start",
-                                }
+                                  "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": "#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
+                            }
+                          >
+                            <Text
+                              allowFontScaling={false}
+                              selectable={false}
                               style={
-                                {
-                                  "flexDirection": "row",
-                                }
+                                [
+                                  {
+                                    "color": "#0C0A0A",
+                                    "fontFamily": "AreaNormal-Semibold",
+                                    "fontSize": 12,
+                                    "letterSpacing": 0.1,
+                                    "lineHeight": 16,
+                                    "paddingBottom": 0,
+                                    "paddingLeft": 0,
+                                    "paddingRight": 0,
+                                    "paddingTop": 0,
+                                  },
+                                ]
                               }
-                              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>
+                              product_variant.size_change
+                            </Text>
                           </View>
                         </View>
-                        <Text
-                          accessibilityElementsHidden={true}
-                          allowFontScaling={false}
-                          importantForAccessibility="no"
-                          selectable={false}
+                        <View
                           style={
-                            [
-                              {
-                                "color": "#0C0A0A",
-                                "fontFamily": "auroraicons",
-                                "fontSize": 24,
-                                "fontStyle": "normal",
-                                "fontWeight": "normal",
-                                "height": 24,
-                                "width": 24,
-                              },
-                            ]
+                            {
+                              "flexDirection": "row",
+                            }
                           }
+                          testID="price"
                         >
-                          
-                        </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,
+                                },
+                              ]
+                            }
+                            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>
-                </RNGestureHandlerButton>
+                </View>
               </View>
             </View>
           </View>