@trafilea/afrodita-components 4.3.1-beta.7 → 4.3.1-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -13237,12 +13237,13 @@ var templateObject_1$7, templateObject_2$2, templateObject_3$2;
13237
13237
  var Container$3 = newStyled.div(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"], ["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"])));
13238
13238
  var ProductGalleryMobile = function (_a) {
13239
13239
  var images = _a.images, selectedValue = _a.selectedValue, DiscountTagElement = _a.DiscountTagElement, BestSellerTagElement = _a.BestSellerTagElement, productImageDataTestId = _a.productImageDataTestId, slideDotsDataTestId = _a.slideDotsDataTestId;
13240
- var _b = useState(function () {
13241
- if (selectedValue) {
13242
- return Math.max(0, images.indexOf(selectedValue));
13240
+ var _b = useState(0), index = _b[0], setIndex = _b[1];
13241
+ useEffect(function () {
13242
+ if (selectedValue == null) {
13243
+ return;
13243
13244
  }
13244
- return 0;
13245
- }), index = _b[0], setIndex = _b[1];
13245
+ setIndex(Math.max(0, images.indexOf(selectedValue)));
13246
+ }, [selectedValue, images]);
13246
13247
  var _c = useState(function () { return images[index]; }), selectedImage = _c[0], setSelectedImage = _c[1];
13247
13248
  var handlers = useSwipeable({
13248
13249
  onSwiped: useCallback(function (_a) {