decathlon-ui 0.2.1 → 0.2.3

package/dist/components/image-viewing/hooks/useRequestClose.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) JOB TODAY S.A. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+declare const useRequestClose: (onRequestClose: () => void) => readonly [number, () => void];
+export default useRequestClose;
+//# sourceMappingURL=useRequestClose.d.ts.map

package/dist/components/image-viewing/hooks/useRequestClose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRequestClose.d.ts","sourceRoot":"","sources":["../../../../src/components/image-viewing/hooks/useRequestClose.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,QAAA,MAAM,eAAe,GAAI,gBAAgB,MAAM,IAAI,kCAWlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/image-viewing/hooks/useRequestClose.js

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) JOB TODAY S.A. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { useState } from "react";
+const useRequestClose = (onRequestClose) => {
+    const [opacity, setOpacity] = useState(1);
+    return [
+        opacity,
+        () => {
+            setOpacity(0);
+            onRequestClose();
+            setTimeout(() => setOpacity(1), 0);
+        },
+    ];
+};
+export default useRequestClose;

package/dist/components/image-viewing/image-viewing.component.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) JOB TODAY S.A. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { ComponentType } from "react";
+import { ModalProps } from "react-native";
+import { ImageSource } from "./image-viewing.types";
+type Props = {
+    images: ImageSource[];
+    keyExtractor?: (imageSrc: ImageSource, index: number) => string;
+    imageIndex: number;
+    visible: boolean;
+    onRequestClose: () => void;
+    onLongPress?: (image: ImageSource) => void;
+    onImageIndexChange?: (imageIndex: number) => void;
+    presentationStyle?: ModalProps["presentationStyle"];
+    animationType?: ModalProps["animationType"];
+    backgroundColor?: string;
+    swipeToCloseEnabled?: boolean;
+    doubleTapToZoomEnabled?: boolean;
+    delayLongPress?: number;
+    HeaderComponent?: ComponentType<{
+        imageIndex: number;
+    }>;
+    FooterComponent?: ComponentType<{
+        imageIndex: number;
+    }>;
+};
+declare const EnhancedImageViewing: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default EnhancedImageViewing;
+//# sourceMappingURL=image-viewing.component.d.ts.map

package/dist/components/image-viewing/image-viewing.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-viewing.component.d.ts","sourceRoot":"","sources":["../../../src/components/image-viewing/image-viewing.component.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAc,EAAE,aAAa,EAAkC,MAAM,OAAO,CAAC;AAC7E,OAAO,EAIH,UAAU,EAIb,MAAM,cAAc,CAAC;AAOtB,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpD,KAAK,KAAK,GAAG;IACT,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChE,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,iBAAiB,CAAC,EAAE,UAAU,CAAC,mBAAmB,CAAC,CAAC;IACpD,aAAa,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,aAAa,CAAC;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxD,eAAe,CAAC,EAAE,aAAa,CAAC;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC3D,CAAC;AA+IF,QAAA,MAAM,oBAAoB,GAAI,OAAO,KAAK,4CAEzC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/image-viewing/image-viewing.component.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Copyright (c) JOB TODAY S.A. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import React, { useCallback, useEffect, useRef } from "react";
+import { Animated, Dimensions, Modal, StyleSheet, View, VirtualizedList, } from "react-native";
+import ImageDefaultHeader from "./components/image-default-header";
+import ImageItem from "./components/image-item/image-item.component";
+import StatusBarManager from "./components/status-bar-manager";
+import { useAnimatedComponents, useImageIndexChange, useRequestClose } from "./hooks";
+const DEFAULT_ANIMATION_TYPE = "fade";
+const DEFAULT_BG_COLOR = "#000";
+const DEFAULT_DELAY_LONG_PRESS = 800;
+const SCREEN = Dimensions.get("screen");
+const SCREEN_WIDTH = SCREEN.width;
+function ImageViewing({ images, keyExtractor, imageIndex, visible, onRequestClose, onLongPress = () => { }, onImageIndexChange, animationType = DEFAULT_ANIMATION_TYPE, backgroundColor = DEFAULT_BG_COLOR, presentationStyle, swipeToCloseEnabled, doubleTapToZoomEnabled, delayLongPress = DEFAULT_DELAY_LONG_PRESS, HeaderComponent, FooterComponent, }) {
+    const imageList = useRef(null);
+    const [opacity, onRequestCloseEnhanced] = useRequestClose(onRequestClose);
+    const [currentImageIndex, onScroll] = useImageIndexChange(imageIndex, SCREEN);
+    const [headerTransform, footerTransform, toggleBarsVisible] = useAnimatedComponents();
+    useEffect(() => {
+        if (onImageIndexChange) {
+            onImageIndexChange(currentImageIndex);
+        }
+    }, [currentImageIndex]);
+    const onZoom = useCallback((isScaled) => {
+        var _a;
+        // @ts-ignore
+        (_a = imageList === null || imageList === void 0 ? void 0 : imageList.current) === null || _a === void 0 ? void 0 : _a.setNativeProps({ scrollEnabled: !isScaled });
+        toggleBarsVisible(!isScaled);
+    }, [imageList]);
+    if (!visible) {
+        return null;
+    }
+    return (_jsxs(Modal, { transparent: presentationStyle === "overFullScreen", visible: visible, presentationStyle: presentationStyle, animationType: animationType, onRequestClose: onRequestCloseEnhanced, supportedOrientations: ["portrait"], hardwareAccelerated: true, children: [_jsx(StatusBarManager, { presentationStyle: presentationStyle }), _jsxs(View, { style: [styles.container, { opacity, backgroundColor }], children: [_jsx(Animated.View, { style: [styles.header, { transform: headerTransform }], children: typeof HeaderComponent !== "undefined" ? (React.createElement(HeaderComponent, {
+                            imageIndex: currentImageIndex,
+                        })) : (_jsx(ImageDefaultHeader, { onRequestClose: onRequestCloseEnhanced })) }), _jsx(VirtualizedList, { ref: imageList, data: images, horizontal: true, pagingEnabled: true, windowSize: 2, initialNumToRender: 1, maxToRenderPerBatch: 1, showsHorizontalScrollIndicator: false, showsVerticalScrollIndicator: false, initialScrollIndex: imageIndex, getItem: (_, index) => images[index], getItemCount: () => images.length, getItemLayout: (_, index) => ({
+                            length: SCREEN_WIDTH,
+                            offset: SCREEN_WIDTH * index,
+                            index,
+                        }), renderItem: ({ item: imageSrc }) => (_jsx(ImageItem, { onZoom: onZoom, imageSrc: imageSrc, onRequestClose: onRequestCloseEnhanced, onLongPress: onLongPress, delayLongPress: delayLongPress, swipeToCloseEnabled: swipeToCloseEnabled, doubleTapToZoomEnabled: doubleTapToZoomEnabled })), onMomentumScrollEnd: onScroll, 
+                        //@ts-ignore
+                        keyExtractor: (imageSrc, index) => keyExtractor
+                            ? keyExtractor(imageSrc, index)
+                            : typeof imageSrc === "number"
+                                ? `${imageSrc}`
+                                : imageSrc.uri }), typeof FooterComponent !== "undefined" && (_jsx(Animated.View, { style: [styles.footer, { transform: footerTransform }], children: React.createElement(FooterComponent, {
+                            imageIndex: currentImageIndex,
+                        }) }))] })] }));
+}
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: "#000",
+    },
+    header: {
+        position: "absolute",
+        width: "100%",
+        zIndex: 1,
+        top: 0,
+    },
+    footer: {
+        position: "absolute",
+        width: "100%",
+        zIndex: 1,
+        bottom: 0,
+    },
+});
+const EnhancedImageViewing = (props) => (_jsx(ImageViewing, { ...props }, props.imageIndex));
+export default EnhancedImageViewing;

package/dist/components/image-viewing/image-viewing.types.d.ts

@@ -0,0 +1,11 @@
+import { ImageRequireSource, ImageURISource } from "react-native";
+export type Dimensions = {
+    width: number;
+    height: number;
+};
+export type Position = {
+    x: number;
+    y: number;
+};
+export type ImageSource = ImageURISource | ImageRequireSource;
+//# sourceMappingURL=image-viewing.types.d.ts.map

package/dist/components/image-viewing/image-viewing.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-viewing.types.d.ts","sourceRoot":"","sources":["../../../src/components/image-viewing/image-viewing.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,cAAc,GAAG,kBAAkB,CAAC"}

package/dist/components/image-viewing/image-viewing.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/image-viewing/util.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) JOB TODAY S.A. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { Animated, GestureResponderEvent, NativeTouchEvent, PanResponderGestureState, PanResponderInstance } from "react-native";
+import { Dimensions, Position } from "./image-viewing.types";
+type CacheStorageItem = {
+    key: string;
+    value: any;
+};
+export declare const createCache: (cacheSize: number) => {
+    _storage: CacheStorageItem[];
+    get(key: string): any;
+    set(key: string, value: any): void;
+};
+export declare const splitArrayIntoBatches: (arr: any[], batchSize: number) => any[];
+export declare const getImageTransform: (image: Dimensions | null, screen: Dimensions) => readonly [] | readonly [{
+    readonly x: number;
+    readonly y: number;
+}, number];
+export declare const getImageStyles: (image: Dimensions | null, translate: Animated.ValueXY, scale?: Animated.Value) => {
+    width: number;
+    height: number;
+    transform?: undefined;
+} | {
+    width: number;
+    height: number;
+    transform: any;
+};
+export declare const getImageTranslate: (image: Dimensions, screen: Dimensions) => Position;
+export declare const getImageDimensionsByTranslate: (translate: Position, screen: Dimensions) => Dimensions;
+export declare const getImageTranslateForScale: (currentTranslate: Position, targetScale: number, screen: Dimensions) => Position;
+type HandlerType = (event: GestureResponderEvent, state: PanResponderGestureState) => void;
+type PanResponderProps = {
+    onGrant: HandlerType;
+    onStart?: HandlerType;
+    onMove: HandlerType;
+    onRelease?: HandlerType;
+    onTerminate?: HandlerType;
+};
+export declare const createPanResponder: ({ onGrant, onStart, onMove, onRelease, onTerminate, }: PanResponderProps) => PanResponderInstance;
+export declare const getDistanceBetweenTouches: (touches: NativeTouchEvent[]) => number;
+export {};
+//# sourceMappingURL=util.d.ts.map

package/dist/components/image-viewing/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/components/image-viewing/util.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,QAAQ,EACR,qBAAqB,EACrB,gBAAgB,EAEhB,wBAAwB,EACxB,oBAAoB,EACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE7D,KAAK,gBAAgB,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,GAAG,CAAA;CAAE,CAAC;AAEpD,eAAO,MAAM,WAAW,GAAI,WAAW,MAAM;cAC3B,gBAAgB,EAAE;aACzB,MAAM,GAAG,GAAG;aAMZ,MAAM,SAAS,GAAG;CAO3B,CAAC;AAEH,eAAO,MAAM,qBAAqB,GAAI,KAAK,GAAG,EAAE,EAAE,WAAW,MAAM,KAAG,GAAG,EAYjE,CAAC;AAET,eAAO,MAAM,iBAAiB,GAC5B,OAAO,UAAU,GAAG,IAAI,EACxB,QAAQ,UAAU;;;UAYnB,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,OAAO,UAAU,GAAG,IAAI,EACxB,WAAW,QAAQ,CAAC,OAAO,EAC3B,QAAQ,QAAQ,CAAC,KAAK;;;;;;;;CAiBvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,OAAO,UAAU,EACjB,QAAQ,UAAU,KACjB,QAYF,CAAC;AAEF,eAAO,MAAM,6BAA6B,GACxC,WAAW,QAAQ,EACnB,QAAQ,UAAU,KACjB,UAGD,CAAC;AAEH,eAAO,MAAM,yBAAyB,GACpC,kBAAkB,QAAQ,EAC1B,aAAa,MAAM,EACnB,QAAQ,UAAU,KACjB,QAYF,CAAC;AAEF,KAAK,WAAW,GAAG,CACjB,KAAK,EAAE,qBAAqB,EAC5B,KAAK,EAAE,wBAAwB,KAC5B,IAAI,CAAC;AAEV,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,MAAM,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,uDAMhC,iBAAiB,KAAG,oBAanB,CAAC;AAEL,eAAO,MAAM,yBAAyB,GACpC,SAAS,gBAAgB,EAAE,KAC1B,MAUF,CAAC"}

package/dist/components/image-viewing/util.js

@@ -0,0 +1,99 @@
+/**
+ * Copyright (c) JOB TODAY S.A. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { Animated, PanResponder, } from "react-native";
+export const createCache = (cacheSize) => ({
+    _storage: [],
+    get(key) {
+        const { value } = this._storage.find(({ key: storageKey }) => storageKey === key) || {};
+        return value;
+    },
+    set(key, value) {
+        if (this._storage.length >= cacheSize) {
+            this._storage.shift();
+        }
+        this._storage.push({ key, value });
+    },
+});
+export const splitArrayIntoBatches = (arr, batchSize) => arr.reduce((result, item) => {
+    const batch = result.pop() || [];
+    if (batch.length < batchSize) {
+        batch.push(item);
+        result.push(batch);
+    }
+    else {
+        result.push(batch, [item]);
+    }
+    return result;
+}, []);
+export const getImageTransform = (image, screen) => {
+    if (!(image === null || image === void 0 ? void 0 : image.width) || !(image === null || image === void 0 ? void 0 : image.height)) {
+        return [];
+    }
+    const wScale = screen.width / image.width;
+    const hScale = screen.height / image.height;
+    const scale = Math.min(wScale, hScale);
+    const { x, y } = getImageTranslate(image, screen);
+    return [{ x, y }, scale];
+};
+export const getImageStyles = (image, translate, scale) => {
+    if (!(image === null || image === void 0 ? void 0 : image.width) || !(image === null || image === void 0 ? void 0 : image.height)) {
+        return { width: 0, height: 0 };
+    }
+    const transform = translate.getTranslateTransform();
+    if (scale) {
+        transform.push({ scale }, { perspective: new Animated.Value(1000) });
+    }
+    return {
+        width: image.width,
+        height: image.height,
+        transform,
+    };
+};
+export const getImageTranslate = (image, screen) => {
+    const getTranslateForAxis = (axis) => {
+        const imageSize = axis === "x" ? image.width : image.height;
+        const screenSize = axis === "x" ? screen.width : screen.height;
+        return (screenSize - imageSize) / 2;
+    };
+    return {
+        x: getTranslateForAxis("x"),
+        y: getTranslateForAxis("y"),
+    };
+};
+export const getImageDimensionsByTranslate = (translate, screen) => ({
+    width: screen.width - translate.x * 2,
+    height: screen.height - translate.y * 2,
+});
+export const getImageTranslateForScale = (currentTranslate, targetScale, screen) => {
+    const { width, height } = getImageDimensionsByTranslate(currentTranslate, screen);
+    const targetImageDimensions = {
+        width: width * targetScale,
+        height: height * targetScale,
+    };
+    return getImageTranslate(targetImageDimensions, screen);
+};
+export const createPanResponder = ({ onGrant, onStart, onMove, onRelease, onTerminate, }) => PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onStartShouldSetPanResponderCapture: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponderCapture: () => true,
+    onPanResponderGrant: onGrant,
+    onPanResponderStart: onStart,
+    onPanResponderMove: onMove,
+    onPanResponderRelease: onRelease,
+    onPanResponderTerminate: onTerminate,
+    onPanResponderTerminationRequest: () => false,
+    onShouldBlockNativeResponder: () => false,
+});
+export const getDistanceBetweenTouches = (touches) => {
+    const [a, b] = touches;
+    if (a == null || b == null) {
+        return 0;
+    }
+    return Math.sqrt(Math.pow(a.pageX - b.pageX, 2) + Math.pow(a.pageY - b.pageY, 2));
+};

package/dist/components/index.d.ts

@@ -1,10 +1,12 @@
 export * from "./accordion/index";
 export * from "./action-button/index";
+export * from "./banner-carousel/index";
 export * from "./button/index";
 export * from "./card/index";
 export * from "./cashback-banner/index";
 export * from "./category-item/index";
 export * from "./checkbox/index";
+export * from "./event-card/index";
 export * from "./filter-chip/index";
 export * from "./input/index";
 export * from "./loading/index";

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}

package/dist/components/index.js

@@ -1,10 +1,12 @@
 export * from "./accordion/index";
 export * from "./action-button/index";
+export * from "./banner-carousel/index";
 export * from "./button/index";
 export * from "./card/index";
 export * from "./cashback-banner/index";
 export * from "./category-item/index";
 export * from "./checkbox/index";
+export * from "./event-card/index";
 export * from "./filter-chip/index";
 export * from "./input/index";
 export * from "./loading/index";

package/dist/components/input/input.component.d.ts

@@ -13,6 +13,6 @@ interface InputProps {
     onChangeText?: (text: string) => void;
     testID?: string;
 }
-export declare const Input: React.FC<InputProps>;
+export declare const Input: React.NamedExoticComponent<InputProps>;
 export {};
 //# sourceMappingURL=input.component.d.ts.map

package/dist/components/input/input.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.component.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE5D,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAsED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAiGtC,CAAC"}
+{"version":3,"file":"input.component.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE5D,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyKD,eAAO,MAAM,KAAK,wCAA6B,CAAC"}

package/dist/components/input/input.component.js

@@ -56,7 +56,7 @@ const applyMask = (value, maskType, customMask) => {
             return value;
     }
 };
-export const Input = ({ label, placeholder, error, value, disabled = false, maskType, customMask, mask, pattern, onChangeText, testID, }) => {
+const InputComponent = ({ label, placeholder, error, value, disabled = false, maskType, customMask, mask, pattern, onChangeText, testID, }) => {
     const [isFocused, setIsFocused] = React.useState(false);
     const focusAnimation = React.useRef(new Animated.Value(0)).current;
     const styles = useInputStyles();
@@ -101,3 +101,5 @@ export const Input = ({ label, placeholder, error, value, disabled = false, mask
                             disabled: disabled,
                         }, placeholderTextColor: "#A4ADB7" }), isFocused && _jsx(View, { style: styles.cursor })] }), error && _jsx(ErrorMessage, { message: error })] }));
 };
+export const Input = React.memo(InputComponent);
+Input.displayName = "Input";

package/dist/components/loading/loading.component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { LoadingProps } from './loading.types';
-export declare const Loading: React.FC<LoadingProps>;
+export declare const Loading: React.NamedExoticComponent<LoadingProps>;
 export default Loading;
 //# sourceMappingURL=loading.component.d.ts.map

package/dist/components/loading/loading.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading.component.d.ts","sourceRoot":"","sources":["../../../src/components/loading/loading.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmC1C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"loading.component.d.ts","sourceRoot":"","sources":["../../../src/components/loading/loading.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAuC/C,eAAO,MAAM,OAAO,0CAA+B,CAAC;AAEpD,eAAe,OAAO,CAAC"}

package/dist/components/loading/loading.component.js

@@ -1,15 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import LottieView from 'lottie-react-native';
+import React from 'react';
 import { View } from 'react-native';
+import LoadingAnimation from '../../assets/animations/loading-animation.json';
 import { useLoadingStyles } from './loading.styles';
-export const Loading = ({ source, isDotLottie = false, // TODO: trabalhar nisso depois para aceitar dotLottie
+const LoadingComponent = ({ source, isDotLottie = false, // TODO: trabalhar nisso depois para aceitar dotLottie
 autoPlay = true, loop = true, speed = 1, containerStyle, style, onAnimationFinish, size = 100, }) => {
     const styles = useLoadingStyles();
-    const containerStyles = [
+    const containerStyles = React.useMemo(() => [
         styles.container,
         { width: size, height: size },
         containerStyle,
-    ];
-    return (_jsx(View, { style: containerStyles, children: _jsx(LottieView, { source: source || require('../../assets/animations/loading-animation.json'), style: [styles.animation, style], autoPlay: autoPlay, loop: loop, speed: speed, onAnimationFinish: onAnimationFinish }) }));
+    ], [size, containerStyle, styles.container]);
+    return (_jsx(View, { style: containerStyles, children: _jsx(LottieView, { source: source || LoadingAnimation, style: [styles.animation, style], autoPlay: autoPlay, loop: loop, speed: speed, onAnimationFinish: onAnimationFinish }) }));
 };
+export const Loading = React.memo(LoadingComponent);
+Loading.displayName = "Loading";
 export default Loading;

package/dist/components/order-card/order-card.component.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
 import { OrderCardProps } from "./order-card.types";
-export declare const OrderCard: React.FC<OrderCardProps>;
+export declare const OrderCard: React.NamedExoticComponent<OrderCardProps>;
 //# sourceMappingURL=order-card.component.d.ts.map

package/dist/components/order-card/order-card.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"order-card.component.d.ts","sourceRoot":"","sources":["../../../src/components/order-card/order-card.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8H9C,CAAC"}
+{"version":3,"file":"order-card.component.d.ts","sourceRoot":"","sources":["../../../src/components/order-card/order-card.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAkIpD,eAAO,MAAM,SAAS,4CAAiC,CAAC"}

package/dist/components/order-card/order-card.component.js

@@ -1,9 +1,10 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
 import { Text, TouchableOpacity, View } from "react-native";
 import { ChevronRightIcon } from "../../icons";
 import { useTheme } from "../../themes";
 import { useOrderCardStyles } from "./order-card.styles";
-export const OrderCard = ({ productImage, price, status, statusText, deliveryDate, hasMoreProducts = false, moreProductsCount = 0, onPress, onDetailsPress, style, testID, }) => {
+const OrderCardComponent = ({ productImage, price, status, statusText, deliveryDate, hasMoreProducts = false, moreProductsCount = 0, onPress, onDetailsPress, style, testID, }) => {
     const styles = useOrderCardStyles();
     const { colors } = useTheme();
     // Função para gerar o texto de status correto com base no status e na data
@@ -65,3 +66,5 @@ export const OrderCard = ({ productImage, price, status, statusText, deliveryDat
     };
     return (_jsx(TouchableOpacity, { style: [styles.container, style], onPress: handlePress, activeOpacity: 0.7, disabled: !onPress, testID: testID, accessibilityRole: "button", children: _jsxs(View, { style: styles.content, children: [_jsxs(View, { style: styles.imageSection, children: [productImage, hasMoreProducts && moreProductsCount > 0 && (_jsx(View, { style: styles.moreProductsBadge, children: _jsxs(Text, { style: styles.moreProductsText, children: ["+", moreProductsCount] }) }))] }), _jsxs(View, { style: styles.infoSection, children: [_jsx(Text, { style: styles.deliveryDateText, children: getDateText() }), _jsxs(View, { style: styles.detailsContainer, children: [_jsx(View, { style: styles.priceRow, children: _jsx(Text, { style: styles.price, children: formatPrice(price) }) }), _jsxs(View, { style: styles.statusRow, children: [_jsx(View, { style: [styles.statusDot, styles[status]] }), _jsx(Text, { style: styles.statusText, children: getStatusText() })] }), _jsxs(TouchableOpacity, { style: styles.detailsButton, onPress: handleDetailsPress, activeOpacity: 0.7, children: [_jsx(Text, { style: styles.detailsButtonText, children: "Detalhes" }), _jsx(ChevronRightIcon, { size: 16, color: colors.primary, style: styles.detailsIcon })] })] })] })] }) }));
 };
+export const OrderCard = React.memo(OrderCardComponent);
+OrderCard.displayName = "OrderCard";

package/dist/components/product-card/product-card.component.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
 import type { ProductCardProps } from "./product-card.types";
-export declare const ProductCard: React.FC<ProductCardProps>;
+export declare const ProductCard: React.NamedExoticComponent<ProductCardProps>;
 //# sourceMappingURL=product-card.component.d.ts.map

package/dist/components/product-card/product-card.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-card.component.d.ts","sourceRoot":"","sources":["../../../src/components/product-card/product-card.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2IlD,CAAC"}
+{"version":3,"file":"product-card.component.d.ts","sourceRoot":"","sources":["../../../src/components/product-card/product-card.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AA+I7D,eAAO,MAAM,WAAW,8CAAmC,CAAC"}

package/dist/components/product-card/product-card.component.js

@@ -4,7 +4,7 @@ import { Image, Text, TouchableOpacity, View } from "react-native";
 import { HeartIcon, StarIcon } from "../../icons";
 import { Badge } from "../badge";
 import { useProductCardStyles } from "./product-card.styles";
-export const ProductCard = ({ variant = "grid", imageUrl, brand, productName, rating, reviewCount, price, isFavorite = false, onFavoritePress, onPress, testID, flags = [], }) => {
+const ProductCardComponent = ({ variant = "grid", imageUrl, brand, productName, rating, reviewCount, price, isFavorite = false, onFavoritePress, onPress, testID, flags = [], }) => {
     const styles = useProductCardStyles(variant);
     const handleFavoritePress = React.useCallback((e) => {
         e.stopPropagation();
@@ -31,3 +31,5 @@ export const ProductCard = ({ variant = "grid", imageUrl, brand, productName, ra
     }
     return (_jsx(View, { style: styles.touchable, testID: testID, accessibilityRole: "none", accessibilityLabel: `Produto ${productName}`, children: renderContent() }));
 };
+export const ProductCard = React.memo(ProductCardComponent);
+ProductCard.displayName = "ProductCard";

package/dist/components/product-highlight/product-highlight.component.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
 import type { ProductHighlightProps, ProductHighlightsContainerProps } from "./product-highlight.types";
-export declare const ProductHighlight: React.FC<ProductHighlightProps>;
-export declare const ProductHighlightsContainer: React.FC<ProductHighlightsContainerProps>;
+export declare const ProductHighlight: React.NamedExoticComponent<ProductHighlightProps>;
+export declare const ProductHighlightsContainer: React.NamedExoticComponent<ProductHighlightsContainerProps>;
 //# sourceMappingURL=product-highlight.component.d.ts.map

package/dist/components/product-highlight/product-highlight.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-highlight.component.d.ts","sourceRoot":"","sources":["../../../src/components/product-highlight/product-highlight.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,qBAAqB,EACrB,+BAA+B,EAChC,MAAM,2BAA2B,CAAC;AAKnC,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyB5D,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAC/C,+BAA+B,CAShC,CAAC"}
+{"version":3,"file":"product-highlight.component.d.ts","sourceRoot":"","sources":["../../../src/components/product-highlight/product-highlight.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,qBAAqB,EACrB,+BAA+B,EAChC,MAAM,2BAA2B,CAAC;AAgCnC,eAAO,MAAM,gBAAgB,mDAAwC,CAAC;AAetE,eAAO,MAAM,0BAA0B,6DAAkD,CAAC"}

package/dist/components/product-highlight/product-highlight.component.js

@@ -1,15 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
 import { Text, TouchableOpacity, View } from "react-native";
 import { ChevronRightIcon } from "../../icons";
 import { useProductHighlightStyles } from "./product-highlight.styles";
-export const ProductHighlight = ({ title, onPress, shouldRender = true, testID, }) => {
+const ProductHighlightComponent = ({ title, onPress, shouldRender = true, testID, }) => {
     const styles = useProductHighlightStyles();
     if (!shouldRender) {
         return null;
     }
     return (_jsx(View, { style: styles.highlightContainer, testID: testID, children: _jsxs(TouchableOpacity, { style: styles.highlightButton, onPress: onPress, accessibilityLabel: title, accessibilityRole: "button", children: [_jsx(Text, { style: styles.highlightTitle, children: title }), _jsx(ChevronRightIcon, { size: 20, color: "#101010", style: styles.icon })] }) }));
 };
-export const ProductHighlightsContainer = ({ children, testID }) => {
+export const ProductHighlight = React.memo(ProductHighlightComponent);
+ProductHighlight.displayName = "ProductHighlight";
+const ProductHighlightsContainerComponent = ({ children, testID }) => {
     const styles = useProductHighlightStyles();
     return (_jsx(View, { style: styles.outerContainer, testID: testID, children: _jsx(View, { style: styles.container, children: children }) }));
 };
+export const ProductHighlightsContainer = React.memo(ProductHighlightsContainerComponent);
+ProductHighlightsContainer.displayName = "ProductHighlightsContainer";

package/dist/components/product-highlight/product-highlight.d.ts

@@ -2,7 +2,7 @@ import type { StoryObj } from "@storybook/react";
 import React from "react";
 declare const meta: {
     title: string;
-    component: React.FC<import("./product-highlight.types").ProductHighlightsContainerProps>;
+    component: React.NamedExoticComponent<import("./product-highlight.types").ProductHighlightsContainerProps>;
     argTypes: {};
     args: {
         children: import("react/jsx-runtime").JSX.Element;

package/dist/components/product-list-item/product-list-item.component.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
 import type { ProductListItemProps } from "./product-list-item.types";
-export declare const ProductListItem: React.FC<ProductListItemProps>;
+export declare const ProductListItem: React.NamedExoticComponent<ProductListItemProps>;
 //# sourceMappingURL=product-list-item.component.d.ts.map

package/dist/components/product-list-item/product-list-item.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-list-item.component.d.ts","sourceRoot":"","sources":["../../../src/components/product-list-item/product-list-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4J1D,CAAC"}
+{"version":3,"file":"product-list-item.component.d.ts","sourceRoot":"","sources":["../../../src/components/product-list-item/product-list-item.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAgKtE,eAAO,MAAM,eAAe,kDAAuC,CAAC"}

package/dist/components/product-list-item/product-list-item.component.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
 import { Image, Text, TouchableOpacity, View } from "react-native";
 import { MinusIcon, PlusIcon, TrashIcon } from "../../icons";
 import { Loading } from "../loading";
 import { useProductListItemStyles } from "./product-list-item.styles";
-export const ProductListItem = ({ imageUrl, productName, color, size, price, quantity, availableUnits, cashbackText, onAdd, onRemove, onDelete, loadingAdd = false, loadingRemove = false, loadingDelete = false, testID, showControls = true, }) => {
+const ProductListItemComponent = ({ imageUrl, productName, color, size, price, quantity, availableUnits, cashbackText, onAdd, onRemove, onDelete, loadingAdd = false, loadingRemove = false, loadingDelete = false, testID, showControls = true, }) => {
     const styles = useProductListItemStyles();
-    const renderQuantityControls = () => (_jsxs(View, { style: { flexDirection: "row", alignItems: "center", width: "100%" }, children: [_jsxs(View, { style: styles.quantityContainer, children: [_jsx(TouchableOpacity, { style: [
+    const renderQuantityControls = React.useCallback(() => (_jsxs(View, { style: { flexDirection: "row", alignItems: "center", width: "100%" }, children: [_jsxs(View, { style: styles.quantityContainer, children: [_jsx(TouchableOpacity, { style: [
                             styles.quantityButton,
                             quantity <= 1 && styles.quantityButtonDisabled,
                         ], onPress: onRemove, disabled: quantity <= 1 || loadingRemove, accessibilityLabel: "Diminuir quantidade", accessibilityRole: "button", children: loadingRemove ? (_jsx(View, { style: styles.loadingContainer, children: _jsx(Loading, { size: 16, source: require("../../assets/animations/loading-animation.json") }) })) : (_jsx(MinusIcon, { size: 16, color: "#101010" })) }), _jsx(Text, { style: styles.quantityText, children: quantity }), _jsx(TouchableOpacity, { style: [
@@ -14,6 +15,8 @@ export const ProductListItem = ({ imageUrl, productName, color, size, price, qua
                                 quantity >= availableUnits &&
                                 styles.quantityButtonDisabled,
                         ], onPress: onAdd, disabled: (availableUnits !== undefined && quantity >= availableUnits) ||
-                            loadingAdd, accessibilityLabel: "Aumentar quantidade", accessibilityRole: "button", children: loadingAdd ? (_jsx(View, { style: styles.loadingContainer, children: _jsx(Loading, { size: 16, source: require("../../assets/animations/loading-animation.json") }) })) : (_jsx(PlusIcon, { size: 16, color: "#101010" })) })] }), _jsx(TouchableOpacity, { style: styles.deleteButton, onPress: onDelete, accessibilityLabel: "Remover do carrinho", accessibilityRole: "button", disabled: loadingDelete, children: loadingDelete ? (_jsx(View, { style: styles.loadingContainer, children: _jsx(Loading, { size: 16, source: require("../../assets/animations/loading-animation.json") }) })) : (_jsx(TrashIcon, { size: 20, color: "#101010" })) })] }));
+                            loadingAdd, accessibilityLabel: "Aumentar quantidade", accessibilityRole: "button", children: loadingAdd ? (_jsx(View, { style: styles.loadingContainer, children: _jsx(Loading, { size: 16, source: require("../../assets/animations/loading-animation.json") }) })) : (_jsx(PlusIcon, { size: 16, color: "#101010" })) })] }), _jsx(TouchableOpacity, { style: styles.deleteButton, onPress: onDelete, accessibilityLabel: "Remover do carrinho", accessibilityRole: "button", disabled: loadingDelete, children: loadingDelete ? (_jsx(View, { style: styles.loadingContainer, children: _jsx(Loading, { size: 16, source: require("../../assets/animations/loading-animation.json") }) })) : (_jsx(TrashIcon, { size: 20, color: "#101010" })) })] })), [availableUnits, loadingAdd, loadingRemove, loadingDelete, onAdd, onRemove, onDelete, quantity, styles]);
     return (_jsxs(View, { style: styles.container, testID: testID, children: [_jsxs(View, { style: styles.topSection, children: [_jsx(View, { style: styles.imageContainer, children: _jsx(Image, { source: { uri: imageUrl }, style: styles.productImage, resizeMode: "cover", accessibilityLabel: `Imagem do produto ${productName}` }) }), _jsxs(View, { style: styles.contentContainer, children: [_jsxs(View, { style: styles.header, children: [cashbackText && (_jsx(View, { style: styles.cashbackBadge, children: _jsx(Text, { style: styles.cashbackText, children: cashbackText }) })), _jsx(Text, { style: styles.productName, numberOfLines: 2, accessibilityLabel: `Nome do produto: ${productName}`, children: productName }), _jsxs(View, { style: styles.infoRow, children: [color && (_jsxs(_Fragment, { children: [_jsx(Text, { style: styles.infoLabel, children: "Cor:" }), _jsx(Text, { style: styles.infoValue, children: color })] })), color && size && _jsx(Text, { style: styles.infoLabel, children: " | " }), size && (_jsxs(_Fragment, { children: [_jsx(Text, { style: styles.infoLabel, children: "Tamanho:" }), _jsx(Text, { style: styles.infoValue, children: size })] }))] })] }), _jsxs(View, { style: styles.priceContainer, children: [_jsx(Text, { style: styles.price, accessibilityLabel: `Preço: ${price}`, children: price }), availableUnits && (_jsxs(Text, { style: styles.availableUnits, children: [availableUnits, " un."] }))] })] })] }), showControls && (_jsx(View, { style: styles.controlsContainer, children: renderQuantityControls() }))] }));
 };
+export const ProductListItem = React.memo(ProductListItemComponent);
+ProductListItem.displayName = "ProductListItem";

package/dist/components/product-review/product-review.component.d.ts

@@ -1,4 +1,4 @@
 import * as React from "react";
 import type { ProductReviewProps } from "./product-review.types";
-export declare const ProductReview: React.FC<ProductReviewProps>;
+export declare const ProductReview: React.NamedExoticComponent<ProductReviewProps>;
 //# sourceMappingURL=product-review.component.d.ts.map

package/dist/components/product-review/product-review.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-review.component.d.ts","sourceRoot":"","sources":["../../../src/components/product-review/product-review.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+EtD,CAAC"}
+{"version":3,"file":"product-review.component.d.ts","sourceRoot":"","sources":["../../../src/components/product-review/product-review.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAmFjE,eAAO,MAAM,aAAa,gDAAqC,CAAC"}