@lookiero/checkout 5.3.0 → 6.0.0-beta.1

package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap

@@ -0,0 +1,1462 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ItemActions component matches the snapshot for a KEPT checkoutItem 1`] = `
+<View
+  style={
+    [
+      {
+        "backgroundColor": "#FFFFFF",
+        "flex": 1,
+      },
+    ]
+  }
+>
+  <View
+    style={
+      [
+        {
+          "alignSelf": "center",
+          "left": 0,
+          "marginHorizontal": "auto",
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+          "width": "100%",
+          "zIndex": 5,
+        },
+      ]
+    }
+  >
+    <RCTSafeAreaView />
+  </View>
+  <View
+    style={
+      [
+        {
+          "backgroundColor": "#FFFFFF",
+        },
+        null,
+      ]
+    }
+    testID="product-variant"
+  >
+    <View
+      style={
+        [
+          {
+            "flex": 1,
+            "overflow": "hidden",
+          },
+          undefined,
+        ]
+      }
+      testID="carousel"
+    >
+      <View
+        onLayout={[Function]}
+        style={
+          {
+            "flex": 1,
+          }
+        }
+        testID="carousel-layout"
+      >
+        <View
+          style={
+            {
+              "flex": 1,
+            }
+          }
+        >
+          <RNGestureHandlerButton
+            collapsable={false}
+            delayLongPress={600}
+            enabled={true}
+            exclusive={true}
+            handlerTag={3}
+            handlerType="NativeViewGestureHandler"
+            onGestureEvent={[Function]}
+            onGestureHandlerEvent={[Function]}
+            onGestureHandlerStateChange={[Function]}
+            onHandlerStateChange={[Function]}
+            rippleColor={0}
+            touchSoundDisabled={false}
+          >
+            <View
+              accessible={true}
+              collapsable={false}
+              style={{}}
+            >
+              <View
+                animatedStyle={
+                  {
+                    "value": {
+                      "transform": [
+                        {
+                          "translateX": 0,
+                        },
+                      ],
+                    },
+                  }
+                }
+                collapsable={false}
+                style={
+                  {
+                    "flex": 1,
+                    "flexDirection": "row",
+                    "height": "100%",
+                    "transform": [
+                      {
+                        "translateX": 0,
+                      },
+                    ],
+                    "width": 600,
+                  }
+                }
+                testID="carousel-track"
+              >
+                <View
+                  style={
+                    [
+                      {
+                        "flex": 1,
+                      },
+                      undefined,
+                      {
+                        "width": 300,
+                      },
+                    ]
+                  }
+                  testID="carousel-item"
+                >
+                  <View
+                    onLayout={[Function]}
+                  >
+                    <View
+                      style={
+                        [
+                          {
+                            "height": undefined,
+                            "width": undefined,
+                          },
+                          {
+                            "alignSelf": undefined,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      <Image
+                        resizeMode="stretch"
+                        source={
+                          {
+                            "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=1200&f=auto",
+                          }
+                        }
+                        style={
+                          [
+                            {
+                              "flex": 1,
+                            },
+                            null,
+                          ]
+                        }
+                        testID="product-variant-image"
+                      />
+                    </View>
+                  </View>
+                </View>
+                <View
+                  style={
+                    [
+                      {
+                        "flex": 1,
+                      },
+                      undefined,
+                      {
+                        "width": 300,
+                      },
+                    ]
+                  }
+                  testID="carousel-item"
+                >
+                  <View
+                    onLayout={[Function]}
+                  >
+                    <View
+                      style={
+                        [
+                          {
+                            "height": undefined,
+                            "width": undefined,
+                          },
+                          {
+                            "alignSelf": undefined,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      <Image
+                        resizeMode="stretch"
+                        source={
+                          {
+                            "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=1200&f=auto",
+                          }
+                        }
+                        style={
+                          [
+                            {
+                              "flex": 1,
+                            },
+                            null,
+                          ]
+                        }
+                        testID="product-variant-image"
+                      />
+                    </View>
+                  </View>
+                </View>
+              </View>
+            </View>
+          </RNGestureHandlerButton>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "bottom": 0,
+            "justifyContent": "center",
+            "position": "absolute",
+            "width": "100%",
+          }
+        }
+        testID="carousel-bullets"
+      >
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flexDirection": "row",
+              "justifyContent": "center",
+              "paddingVertical": 16,
+            }
+          }
+          testID="bullets"
+        >
+          <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]}
+          >
+            <View
+              accessibilityState={
+                {
+                  "selected": true,
+                }
+              }
+              style={
+                {
+                  "backgroundColor": "#0C0A0A",
+                  "borderRadius": 8,
+                  "height": 8,
+                  "marginHorizontal": 3,
+                  "opacity": 1,
+                  "width": 8,
+                }
+              }
+              testID="bullet"
+            />
+          </View>
+          <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]}
+          >
+            <View
+              accessibilityState={
+                {
+                  "selected": false,
+                }
+              }
+              style={
+                {
+                  "backgroundColor": "#0C0A0A",
+                  "borderRadius": 8,
+                  "height": 8,
+                  "marginHorizontal": 3,
+                  "opacity": 0.3,
+                  "width": 8,
+                }
+              }
+              testID="bullet"
+            />
+          </View>
+        </View>
+      </View>
+    </View>
+    <View
+      style={
+        [
+          {
+            "paddingVertical": 24,
+          },
+          undefined,
+        ]
+      }
+    >
+      <View
+        style={
+          [
+            {
+              "width": "100%",
+            },
+            {
+              "paddingHorizontal": 24,
+            },
+          ]
+        }
+      >
+        <View
+          style={
+            {
+              "display": "flex",
+              "flexDirection": "row",
+              "marginBottom": 16,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "flex": 1,
+              }
+            }
+          >
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#837C7C",
+                    "fontFamily": "AreaNormal-Semibold",
+                    "fontSize": 13,
+                    "letterSpacing": 0.1,
+                    "lineHeight": 17,
+                    "paddingBottom": 0,
+                    "paddingLeft": 0,
+                    "paddingRight": 0,
+                    "paddingTop": 4,
+                  },
+                ]
+              }
+            >
+              CKS
+            </Text>
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#0C0A0A",
+                    "fontFamily": "AreaNormal-Extrabold",
+                    "fontSize": 13,
+                    "letterSpacing": 0.1,
+                    "lineHeight": 17,
+                    "paddingBottom": 0,
+                    "paddingLeft": 0,
+                    "paddingRight": 0,
+                    "paddingTop": 4,
+                  },
+                ]
+              }
+            >
+              Sari Tshirt lines
+            </Text>
+          </View>
+          <View
+            style={
+              {
+                "flexDirection": "row",
+              }
+            }
+            testID="price"
+          >
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#0C0A0A",
+                    "fontFamily": "AreaNormal-Semibold",
+                    "fontSize": 13,
+                    "letterSpacing": 0.1,
+                    "lineHeight": 17,
+                    "paddingBottom": 0,
+                    "paddingLeft": 0,
+                    "paddingRight": 0,
+                    "paddingTop": 4,
+                  },
+                ]
+              }
+              testID="price-text"
+            >
+              €39.99
+            </Text>
+          </View>
+        </View>
+        <Text
+          allowFontScaling={false}
+          selectable={false}
+          style={
+            [
+              {
+                "color": "#0C0A0A",
+                "fontFamily": "AreaNormal-Semibold",
+                "fontSize": 13,
+                "letterSpacing": 0.1,
+                "lineHeight": 17,
+                "paddingBottom": 0,
+                "paddingLeft": 0,
+                "paddingRight": 0,
+                "paddingTop": 4,
+              },
+            ]
+          }
+        >
+          item.size M
+        </Text>
+      </View>
+    </View>
+  </View>
+</View>
+`;
+
+exports[`ItemActions component matches the snapshot for a REPLACED checkoutItem 1`] = `
+<View
+  style={
+    [
+      {
+        "backgroundColor": "#FFFFFF",
+        "flex": 1,
+      },
+    ]
+  }
+>
+  <View
+    style={
+      [
+        {
+          "alignSelf": "center",
+          "left": 0,
+          "marginHorizontal": "auto",
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+          "width": "100%",
+          "zIndex": 5,
+        },
+      ]
+    }
+  >
+    <RCTSafeAreaView />
+  </View>
+  <View
+    style={
+      [
+        {
+          "backgroundColor": "#FFFFFF",
+        },
+        null,
+      ]
+    }
+    testID="product-variant"
+  >
+    <View
+      style={
+        [
+          {
+            "flex": 1,
+            "overflow": "hidden",
+          },
+          undefined,
+        ]
+      }
+      testID="carousel"
+    >
+      <View
+        onLayout={[Function]}
+        style={
+          {
+            "flex": 1,
+          }
+        }
+        testID="carousel-layout"
+      >
+        <View
+          style={
+            {
+              "flex": 1,
+            }
+          }
+        >
+          <RNGestureHandlerButton
+            collapsable={false}
+            delayLongPress={600}
+            enabled={true}
+            exclusive={true}
+            handlerTag={5}
+            handlerType="NativeViewGestureHandler"
+            onGestureEvent={[Function]}
+            onGestureHandlerEvent={[Function]}
+            onGestureHandlerStateChange={[Function]}
+            onHandlerStateChange={[Function]}
+            rippleColor={0}
+            touchSoundDisabled={false}
+          >
+            <View
+              accessible={true}
+              collapsable={false}
+              style={{}}
+            >
+              <View
+                animatedStyle={
+                  {
+                    "value": {
+                      "transform": [
+                        {
+                          "translateX": 0,
+                        },
+                      ],
+                    },
+                  }
+                }
+                collapsable={false}
+                style={
+                  {
+                    "flex": 1,
+                    "flexDirection": "row",
+                    "height": "100%",
+                    "transform": [
+                      {
+                        "translateX": 0,
+                      },
+                    ],
+                    "width": 600,
+                  }
+                }
+                testID="carousel-track"
+              >
+                <View
+                  style={
+                    [
+                      {
+                        "flex": 1,
+                      },
+                      undefined,
+                      {
+                        "width": 300,
+                      },
+                    ]
+                  }
+                  testID="carousel-item"
+                >
+                  <View
+                    onLayout={[Function]}
+                  >
+                    <View
+                      style={
+                        [
+                          {
+                            "height": undefined,
+                            "width": undefined,
+                          },
+                          {
+                            "alignSelf": undefined,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      <Image
+                        resizeMode="stretch"
+                        source={
+                          {
+                            "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=1200&f=auto",
+                          }
+                        }
+                        style={
+                          [
+                            {
+                              "flex": 1,
+                            },
+                            null,
+                          ]
+                        }
+                        testID="product-variant-image"
+                      />
+                    </View>
+                  </View>
+                </View>
+                <View
+                  style={
+                    [
+                      {
+                        "flex": 1,
+                      },
+                      undefined,
+                      {
+                        "width": 300,
+                      },
+                    ]
+                  }
+                  testID="carousel-item"
+                >
+                  <View
+                    onLayout={[Function]}
+                  >
+                    <View
+                      style={
+                        [
+                          {
+                            "height": undefined,
+                            "width": undefined,
+                          },
+                          {
+                            "alignSelf": undefined,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      <Image
+                        resizeMode="stretch"
+                        source={
+                          {
+                            "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=1200&f=auto",
+                          }
+                        }
+                        style={
+                          [
+                            {
+                              "flex": 1,
+                            },
+                            null,
+                          ]
+                        }
+                        testID="product-variant-image"
+                      />
+                    </View>
+                  </View>
+                </View>
+              </View>
+            </View>
+          </RNGestureHandlerButton>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "bottom": 0,
+            "justifyContent": "center",
+            "position": "absolute",
+            "width": "100%",
+          }
+        }
+        testID="carousel-bullets"
+      >
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flexDirection": "row",
+              "justifyContent": "center",
+              "paddingVertical": 16,
+            }
+          }
+          testID="bullets"
+        >
+          <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]}
+          >
+            <View
+              accessibilityState={
+                {
+                  "selected": true,
+                }
+              }
+              style={
+                {
+                  "backgroundColor": "#0C0A0A",
+                  "borderRadius": 8,
+                  "height": 8,
+                  "marginHorizontal": 3,
+                  "opacity": 1,
+                  "width": 8,
+                }
+              }
+              testID="bullet"
+            />
+          </View>
+          <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]}
+          >
+            <View
+              accessibilityState={
+                {
+                  "selected": false,
+                }
+              }
+              style={
+                {
+                  "backgroundColor": "#0C0A0A",
+                  "borderRadius": 8,
+                  "height": 8,
+                  "marginHorizontal": 3,
+                  "opacity": 0.3,
+                  "width": 8,
+                }
+              }
+              testID="bullet"
+            />
+          </View>
+        </View>
+      </View>
+    </View>
+    <View
+      style={
+        [
+          {
+            "paddingVertical": 24,
+          },
+          undefined,
+        ]
+      }
+    >
+      <View
+        style={
+          [
+            {
+              "width": "100%",
+            },
+            {
+              "paddingHorizontal": 24,
+            },
+          ]
+        }
+      >
+        <View
+          style={
+            {
+              "display": "flex",
+              "flexDirection": "row",
+              "marginBottom": 16,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "flex": 1,
+              }
+            }
+          >
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#837C7C",
+                    "fontFamily": "AreaNormal-Semibold",
+                    "fontSize": 13,
+                    "letterSpacing": 0.1,
+                    "lineHeight": 17,
+                    "paddingBottom": 0,
+                    "paddingLeft": 0,
+                    "paddingRight": 0,
+                    "paddingTop": 4,
+                  },
+                ]
+              }
+            >
+              CKS
+            </Text>
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#0C0A0A",
+                    "fontFamily": "AreaNormal-Extrabold",
+                    "fontSize": 13,
+                    "letterSpacing": 0.1,
+                    "lineHeight": 17,
+                    "paddingBottom": 0,
+                    "paddingLeft": 0,
+                    "paddingRight": 0,
+                    "paddingTop": 4,
+                  },
+                ]
+              }
+            >
+              Sari Tshirt lines
+            </Text>
+          </View>
+          <View
+            style={
+              {
+                "flexDirection": "row",
+              }
+            }
+            testID="price"
+          >
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#0C0A0A",
+                    "fontFamily": "AreaNormal-Semibold",
+                    "fontSize": 13,
+                    "letterSpacing": 0.1,
+                    "lineHeight": 17,
+                    "paddingBottom": 0,
+                    "paddingLeft": 0,
+                    "paddingRight": 0,
+                    "paddingTop": 4,
+                  },
+                ]
+              }
+              testID="price-text"
+            >
+              €39.99
+            </Text>
+          </View>
+        </View>
+        <Text
+          allowFontScaling={false}
+          selectable={false}
+          style={
+            [
+              {
+                "color": "#0C0A0A",
+                "fontFamily": "AreaNormal-Semibold",
+                "fontSize": 13,
+                "letterSpacing": 0.1,
+                "lineHeight": 17,
+                "paddingBottom": 0,
+                "paddingLeft": 0,
+                "paddingRight": 0,
+                "paddingTop": 4,
+              },
+            ]
+          }
+        >
+          item.size L
+        </Text>
+      </View>
+    </View>
+  </View>
+</View>
+`;
+
+exports[`ItemActions component matches the snapshot for an INITIAL checkoutItem 1`] = `
+<View
+  style={
+    [
+      {
+        "backgroundColor": "#FFFFFF",
+        "flex": 1,
+      },
+    ]
+  }
+>
+  <View
+    style={
+      [
+        {
+          "alignSelf": "center",
+          "left": 0,
+          "marginHorizontal": "auto",
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+          "width": "100%",
+          "zIndex": 5,
+        },
+      ]
+    }
+  >
+    <RCTSafeAreaView />
+  </View>
+  <View
+    style={
+      [
+        {
+          "backgroundColor": "#FFFFFF",
+        },
+        null,
+      ]
+    }
+    testID="product-variant"
+  >
+    <View
+      style={
+        [
+          {
+            "flex": 1,
+            "overflow": "hidden",
+          },
+          undefined,
+        ]
+      }
+      testID="carousel"
+    >
+      <View
+        onLayout={[Function]}
+        style={
+          {
+            "flex": 1,
+          }
+        }
+        testID="carousel-layout"
+      >
+        <View
+          style={
+            {
+              "flex": 1,
+            }
+          }
+        >
+          <RNGestureHandlerButton
+            collapsable={false}
+            delayLongPress={600}
+            enabled={true}
+            exclusive={true}
+            handlerTag={1}
+            handlerType="NativeViewGestureHandler"
+            onGestureEvent={[Function]}
+            onGestureHandlerEvent={[Function]}
+            onGestureHandlerStateChange={[Function]}
+            onHandlerStateChange={[Function]}
+            rippleColor={0}
+            touchSoundDisabled={false}
+          >
+            <View
+              accessible={true}
+              collapsable={false}
+              style={{}}
+            >
+              <View
+                animatedStyle={
+                  {
+                    "value": {
+                      "transform": [
+                        {
+                          "translateX": 0,
+                        },
+                      ],
+                    },
+                  }
+                }
+                collapsable={false}
+                style={
+                  {
+                    "flex": 1,
+                    "flexDirection": "row",
+                    "height": "100%",
+                    "transform": [
+                      {
+                        "translateX": 0,
+                      },
+                    ],
+                    "width": 600,
+                  }
+                }
+                testID="carousel-track"
+              >
+                <View
+                  style={
+                    [
+                      {
+                        "flex": 1,
+                      },
+                      undefined,
+                      {
+                        "width": 300,
+                      },
+                    ]
+                  }
+                  testID="carousel-item"
+                >
+                  <View
+                    onLayout={[Function]}
+                  >
+                    <View
+                      style={
+                        [
+                          {
+                            "height": undefined,
+                            "width": undefined,
+                          },
+                          {
+                            "alignSelf": undefined,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      <Image
+                        resizeMode="stretch"
+                        source={
+                          {
+                            "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/1a/28/1a28f712-a76c-4172-8a11-f15002981dc0.jpg?w=1200&f=auto",
+                          }
+                        }
+                        style={
+                          [
+                            {
+                              "flex": 1,
+                            },
+                            null,
+                          ]
+                        }
+                        testID="product-variant-image"
+                      />
+                    </View>
+                  </View>
+                </View>
+                <View
+                  style={
+                    [
+                      {
+                        "flex": 1,
+                      },
+                      undefined,
+                      {
+                        "width": 300,
+                      },
+                    ]
+                  }
+                  testID="carousel-item"
+                >
+                  <View
+                    onLayout={[Function]}
+                  >
+                    <View
+                      style={
+                        [
+                          {
+                            "height": undefined,
+                            "width": undefined,
+                          },
+                          {
+                            "alignSelf": undefined,
+                            "marginTop": 0,
+                          },
+                        ]
+                      }
+                    >
+                      <Image
+                        resizeMode="stretch"
+                        source={
+                          {
+                            "uri": "https://cdn-catalog-back-prod.envs.lookiero.tech/15/ac/15aca112-4e71-4646-8db5-7f9723bc0130.jpg?w=1200&f=auto",
+                          }
+                        }
+                        style={
+                          [
+                            {
+                              "flex": 1,
+                            },
+                            null,
+                          ]
+                        }
+                        testID="product-variant-image"
+                      />
+                    </View>
+                  </View>
+                </View>
+              </View>
+            </View>
+          </RNGestureHandlerButton>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "bottom": 0,
+            "justifyContent": "center",
+            "position": "absolute",
+            "width": "100%",
+          }
+        }
+        testID="carousel-bullets"
+      >
+        <View
+          style={
+            {
+              "alignItems": "center",
+              "flexDirection": "row",
+              "justifyContent": "center",
+              "paddingVertical": 16,
+            }
+          }
+          testID="bullets"
+        >
+          <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]}
+          >
+            <View
+              accessibilityState={
+                {
+                  "selected": true,
+                }
+              }
+              style={
+                {
+                  "backgroundColor": "#0C0A0A",
+                  "borderRadius": 8,
+                  "height": 8,
+                  "marginHorizontal": 3,
+                  "opacity": 1,
+                  "width": 8,
+                }
+              }
+              testID="bullet"
+            />
+          </View>
+          <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]}
+          >
+            <View
+              accessibilityState={
+                {
+                  "selected": false,
+                }
+              }
+              style={
+                {
+                  "backgroundColor": "#0C0A0A",
+                  "borderRadius": 8,
+                  "height": 8,
+                  "marginHorizontal": 3,
+                  "opacity": 0.3,
+                  "width": 8,
+                }
+              }
+              testID="bullet"
+            />
+          </View>
+        </View>
+      </View>
+    </View>
+    <View
+      style={
+        [
+          {
+            "paddingVertical": 24,
+          },
+          undefined,
+        ]
+      }
+    >
+      <View
+        style={
+          [
+            {
+              "width": "100%",
+            },
+            {
+              "paddingHorizontal": 24,
+            },
+          ]
+        }
+      >
+        <View
+          style={
+            {
+              "display": "flex",
+              "flexDirection": "row",
+              "marginBottom": 16,
+            }
+          }
+        >
+          <View
+            style={
+              {
+                "flex": 1,
+              }
+            }
+          >
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#837C7C",
+                    "fontFamily": "AreaNormal-Semibold",
+                    "fontSize": 13,
+                    "letterSpacing": 0.1,
+                    "lineHeight": 17,
+                    "paddingBottom": 0,
+                    "paddingLeft": 0,
+                    "paddingRight": 0,
+                    "paddingTop": 4,
+                  },
+                ]
+              }
+            >
+              CKS
+            </Text>
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#0C0A0A",
+                    "fontFamily": "AreaNormal-Extrabold",
+                    "fontSize": 13,
+                    "letterSpacing": 0.1,
+                    "lineHeight": 17,
+                    "paddingBottom": 0,
+                    "paddingLeft": 0,
+                    "paddingRight": 0,
+                    "paddingTop": 4,
+                  },
+                ]
+              }
+            >
+              Sari Tshirt lines
+            </Text>
+          </View>
+          <View
+            style={
+              {
+                "flexDirection": "row",
+              }
+            }
+            testID="price"
+          >
+            <Text
+              allowFontScaling={false}
+              selectable={false}
+              style={
+                [
+                  {
+                    "color": "#0C0A0A",
+                    "fontFamily": "AreaNormal-Semibold",
+                    "fontSize": 13,
+                    "letterSpacing": 0.1,
+                    "lineHeight": 17,
+                    "paddingBottom": 0,
+                    "paddingLeft": 0,
+                    "paddingRight": 0,
+                    "paddingTop": 4,
+                  },
+                ]
+              }
+              testID="price-text"
+            >
+              €39.99
+            </Text>
+          </View>
+        </View>
+        <Text
+          allowFontScaling={false}
+          selectable={false}
+          style={
+            [
+              {
+                "color": "#0C0A0A",
+                "fontFamily": "AreaNormal-Semibold",
+                "fontSize": 13,
+                "letterSpacing": 0.1,
+                "lineHeight": 17,
+                "paddingBottom": 0,
+                "paddingLeft": 0,
+                "paddingRight": 0,
+                "paddingTop": 4,
+              },
+            ]
+          }
+        >
+          item.size M
+        </Text>
+      </View>
+    </View>
+  </View>
+</View>
+`;