decathlon-ui 0.3.50 → 1.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"card-picto.component.d.ts","sourceRoot":"","sources":["../../../src/components/card-picto/card-picto.component.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAmB,GACpB,EAAE,cAAc,2CAmBhB"}
+{"version":3,"file":"card-picto.component.d.ts","sourceRoot":"","sources":["../../../src/components/card-picto/card-picto.component.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAmB,GACpB,EAAE,cAAc,2CAiBhB"}

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

@@ -1,17 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Image, Text, TouchableOpacity } from "react-native";
-let FastImageComponent = null;
-try {
-    // Tenta importar o FastImage
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    FastImageComponent = require("react-native-fast-image").default;
-}
-catch (e) {
-    // Se não existir, permanece null
-}
-const CardImage = FastImageComponent ? FastImageComponent : Image;
 import { useCardPictoStyles } from "./card-picto.styles";
 export function CardPicto({ title, image, onPress, variant = "default", }) {
     const styles = useCardPictoStyles(variant);
-    return (_jsxs(TouchableOpacity, { style: styles.container, onPress: onPress, activeOpacity: 0.7, children: [_jsx(CardImage, { source: { uri: image }, style: styles.image, resizeMode: FastImageComponent ? FastImageComponent.resizeMode.contain : "contain" }), _jsx(Text, { style: styles.title, children: title })] }));
+    return (_jsxs(TouchableOpacity, { style: styles.container, onPress: onPress, activeOpacity: 0.7, children: [_jsx(Image, { source: { uri: image }, style: styles.image, resizeMode: "contain" }), _jsx(Text, { style: styles.title, children: title })] }));
 }

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;AAS/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAyO7D,eAAO,MAAM,WAAW,8CAAmC,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;AAS/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AA8Q7D,eAAO,MAAM,WAAW,8CAAmC,CAAC"}

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

@@ -1,12 +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 { HeartFillIcon, HeartIcon, StarIcon } from "../../icons";
+import { AddToBagIcon, HeartFillIcon, HeartIcon, StarIcon } from "../../icons";
 import { useTheme } from "../../themes";
 import { Badge } from "../badge";
 import { Loading } from "../loading";
 import { useProductCardStyles } from "./product-card.styles";
-const ProductCardComponent = ({ variant = "grid", imageUrl, brand, productName, rating, reviewCount, price, discountPrice, cashPrice, offerPrice, colorsVariants, isFavorite = false, onFavoritePress, onPress, testID, width, flags = [], showRating = true, isLoadingFavorite = false, customStyles, showFavoriteButton = true, }) => {
+const ProductCardComponent = ({ variant = "grid", imageUrl, brand, productName, rating, reviewCount, price, discountPrice, cashPrice, offerPrice, colorsVariants, isFavorite = false, onFavoritePress, onPress, testID, width, flags = [], showRating = true, isLoadingFavorite = false, customStyles, showFavoriteButton = true, onAddToCartPress, }) => {
     const styles = useProductCardStyles(variant, width);
     const theme = useTheme();
     const parsePriceToNumber = React.useCallback((price) => {
@@ -26,6 +26,10 @@ const ProductCardComponent = ({ variant = "grid", imageUrl, brand, productName,
         e.stopPropagation();
         onFavoritePress === null || onFavoritePress === void 0 ? void 0 : onFavoritePress();
     }, [onFavoritePress]);
+    const handleAddToCartPress = React.useCallback((e) => {
+        e.stopPropagation();
+        onAddToCartPress === null || onAddToCartPress === void 0 ? void 0 : onAddToCartPress();
+    }, [onAddToCartPress]);
     const renderContent = React.useCallback(() => (_jsxs(View, { style: [styles.cardContainer, customStyles], children: [_jsxs(View, { style: styles.imageContainer, children: [_jsx(Image, { resizeMode: "cover", source: { uri: imageUrl }, style: styles.productImage, accessibilityLabel: `Imagem do produto ${productName}` }), (flags === null || flags === void 0 ? void 0 : flags.some((flag) => { var _a; return (_a = flag.text) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes("produto azul"); })) && (_jsx(View, { style: {
                             position: "absolute",
                             top: 0,
@@ -35,7 +39,7 @@ const ProductCardComponent = ({ variant = "grid", imageUrl, brand, productName,
                             height: 55,
                         }, children: _jsx(Image, { source: {
                                 uri: "https://decathlonstore.vtexassets.com/assets/vtex.file-manager-graphql/images/43a62e42-1b09-4a1b-9536-56a8fd6efb4a___57609de553b212bd01a55b5a862948b7.png",
-                            }, style: { width: 50, height: 55 } }) })), ["grid", "shelf"].includes(variant) &&
+                            }, style: { width: 50, height: 55 } }) })), ["grid", "shelf", "shelfWithAddToCart"].includes(variant) &&
                         (flags === null || flags === void 0 ? void 0 : flags.length) > 0 &&
                         (flags === null || flags === void 0 ? void 0 : flags.map((flag, index) => {
                             var _a;
@@ -51,19 +55,33 @@ const ProductCardComponent = ({ variant = "grid", imageUrl, brand, productName,
                                 }, icon: flag.icon }, flag.name + index + productName));
                         })), showFavoriteButton && (_jsx(TouchableOpacity, { style: [
                             isFavorite ? styles.favoriteButton : styles.unfavoriteButton,
-                        ], onPress: handleFavoritePress, accessibilityLabel: isFavorite ? "Remover dos favoritos" : "Adicionar aos favoritos", accessibilityRole: "button", children: isLoadingFavorite ? (_jsx(Loading, { size: 16 })) : isFavorite ? (_jsx(HeartFillIcon, { size: 16, color: "#101010" })) : (_jsx(HeartIcon, { size: 16, color: "#101010" })) }))] }), variant !== "lastViewed" && (_jsxs(View, { style: styles.detailsContainer, children: [_jsxs(View, { style: styles.productInfo, children: [_jsx(Text, { style: styles.brandText, children: brand }), _jsx(View, { style: styles.nameContainer, children: _jsx(Text, { numberOfLines: 3, style: styles.nameText, accessibilityLabel: `Nome do produto: ${productName}`, children: productName }) })] }), variant === "grid" && showRating && (_jsxs(View, { style: styles.ratingContainer, accessibilityLabel: `Avaliação: ${rating} estrelas, ${reviewCount} avaliações`, children: [_jsx(StarIcon, { size: 11, color: "#15181B", filled: true }), _jsxs(View, { style: styles.reviewCountWrapper, children: [_jsx(Text, { style: styles.ratingText, children: rating === null || rating === void 0 ? void 0 : rating.toString().replace(/\./g, ",") }), _jsx(Text, { style: styles.reviewCountText, children: reviewCount })] })] })), _jsx(View, { style: styles.priceContainer, children: cashPrice && parsePriceToNumber(cashPrice) < parsePriceToNumber(offerPrice || price) ? (_jsxs(_Fragment, { children: [_jsx(Text, { style: styles.priceText, accessibilityLabel: `Preço à vista: ${cashPrice}`, children: `${cashPrice} à vista` }), _jsx(Text, { style: styles.priceDiscountText, accessibilityLabel: `Preço original: ${offerPrice || price}`, children: offerPrice || price })] })) : (_jsxs(_Fragment, { children: [_jsx(Text, { style: styles.priceText, accessibilityLabel: `Preço: ${offerPrice || price}`, children: offerPrice || price }), discountPrice && (_jsx(Text, { style: styles.priceDiscountText, children: discountPrice }))] })) }), colorsVariants && (_jsx(Text, { style: styles.colorsText, children: colorsVariants }))] }))] })), [
+                        ], onPress: handleFavoritePress, accessibilityLabel: isFavorite ? "Remover dos favoritos" : "Adicionar aos favoritos", accessibilityRole: "button", children: isLoadingFavorite ? (_jsx(Loading, { size: 16 })) : isFavorite ? (_jsx(HeartFillIcon, { size: 16, color: "#101010" })) : (_jsx(HeartIcon, { size: 16, color: "#101010" })) })), variant === "shelfWithAddToCart" && (_jsx(TouchableOpacity, { style: styles.addToCartButton, onPress: handleAddToCartPress, accessibilityLabel: "Adicionar ao carrinho", accessibilityRole: "button", children: _jsx(AddToBagIcon, { color: "#FFFFFF", size: 16 }) }))] }), variant !== "lastViewed" && (_jsxs(View, { style: styles.detailsContainer, children: [_jsxs(View, { style: styles.productInfo, children: [variant !== "shelfWithAddToCart" && (_jsx(Text, { style: styles.brandText, children: brand })), _jsx(View, { style: styles.nameContainer, children: _jsx(Text, { numberOfLines: 3, style: styles.nameText, accessibilityLabel: `Nome do produto: ${productName}`, children: productName }) })] }), variant === "grid" && showRating && (_jsxs(View, { style: styles.ratingContainer, accessibilityLabel: `Avaliação: ${rating} estrelas, ${reviewCount} avaliações`, children: [_jsx(StarIcon, { size: 11, color: "#15181B", filled: true }), _jsxs(View, { style: styles.reviewCountWrapper, children: [_jsx(Text, { style: styles.ratingText, children: rating === null || rating === void 0 ? void 0 : rating.toString().replace(/\./g, ",") }), _jsx(Text, { style: styles.reviewCountText, children: reviewCount })] })] })), _jsx(View, { style: styles.priceContainer, children: cashPrice && parsePriceToNumber(cashPrice) < parsePriceToNumber(offerPrice || price) ? (_jsxs(_Fragment, { children: [_jsx(Text, { style: styles.priceText, accessibilityLabel: variant === "shelfWithAddToCart"
+                                        ? `Preço: ${cashPrice}`
+                                        : `Preço à vista: ${cashPrice}`, children: variant === "shelfWithAddToCart"
+                                        ? cashPrice
+                                        : `${cashPrice} à vista` }), _jsx(Text, { style: styles.priceDiscountText, accessibilityLabel: `Preço original: ${offerPrice || price}`, children: offerPrice || price })] })) : (_jsxs(_Fragment, { children: [_jsx(Text, { style: styles.priceText, accessibilityLabel: `Preço: ${offerPrice || price}`, children: offerPrice || price }), discountPrice && (_jsx(Text, { style: styles.priceDiscountText, children: discountPrice }))] })) }), colorsVariants && (_jsx(Text, { style: styles.colorsText, children: colorsVariants }))] }))] })), [
         brand,
         cashPrice,
+        colorsVariants,
+        customStyles,
+        discountPrice,
+        flags,
+        handleAddToCartPress,
         handleFavoritePress,
         imageUrl,
         isFavorite,
+        isLoadingFavorite,
         offerPrice,
+        onAddToCartPress,
         parsePriceToNumber,
         price,
         productName,
         rating,
         reviewCount,
+        showFavoriteButton,
+        showRating,
         styles,
+        theme.spacing.xxs2,
         variant,
     ]);
     if (onPress) {

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

@@ -9,6 +9,8 @@ export declare const useProductCardStyles: (variant?: ProductCardVariant, custom
         justifyContent: "center";
     };
     imageContainer: {
+        position?: "relative" | undefined;
+        width?: "100%" | undefined;
         borderRadius: number;
         display: "flex";
         flex: number;
@@ -47,8 +49,8 @@ export declare const useProductCardStyles: (variant?: ProductCardVariant, custom
     };
     priceContainer: {
         display: "flex";
-        flexDirection: "column";
-        alignItems: "flex-start";
+        flexDirection: "row" | "column";
+        alignItems: "flex-start" | "center";
         marginTop: number;
         gap: number;
     };
@@ -60,9 +62,10 @@ export declare const useProductCardStyles: (variant?: ProductCardVariant, custom
     };
     priceDiscountText: {
         fontFamily: string;
-        fontWeight: "500";
+        fontWeight: "400";
         fontStyle: "normal";
         fontSize: number;
+        lineHeight: number;
         letterSpacing: number;
         color: string;
         textDecorationLine: "line-through";
@@ -95,6 +98,7 @@ export declare const useProductCardStyles: (variant?: ProductCardVariant, custom
         color: string;
         fontSize: number;
         lineHeight: number;
+        display: "none" | "flex";
     };
     favoriteButton: {
         display: "none" | "flex";
@@ -108,6 +112,18 @@ export declare const useProductCardStyles: (variant?: ProductCardVariant, custom
         top: number;
         right: number;
     };
+    addToCartButton: {
+        display: "none" | "flex";
+        position: "absolute";
+        right: number;
+        bottom: number;
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        justifyContent: "center";
+        alignItems: "center";
+    };
     ratingText: {
         color: string;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"product-card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/product-card/product-card.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,eAAO,MAAM,oBAAoB,GAC/B,UAAS,kBAA2B,EACpC,cAAc,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2IrB,CAAC"}
+{"version":3,"file":"product-card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/product-card/product-card.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,eAAO,MAAM,oBAAoB,GAC/B,UAAS,kBAA2B,EACpC,cAAc,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6JrB,CAAC"}

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

@@ -6,6 +6,7 @@ export const useProductCardStyles = (variant = "grid", customWidth) => {
         const getImageSize = () => {
             switch (variant) {
                 case "shelf":
+                case "shelfWithAddToCart":
                     return 150;
                 case "lastViewed":
                     return 112;
@@ -22,7 +23,7 @@ export const useProductCardStyles = (variant = "grid", customWidth) => {
             cardContainer: {
                 display: "flex",
                 width: "100%",
-                maxWidth: 184,
+                maxWidth: variant === "shelfWithAddToCart" ? 150 : 184,
                 flexDirection: "column",
                 alignItems: "stretch",
                 justifyContent: "center",
@@ -33,6 +34,9 @@ export const useProductCardStyles = (variant = "grid", customWidth) => {
                 flex: 1,
                 justifyContent: "center",
                 alignItems: "center",
+                ...(variant === "shelfWithAddToCart"
+                    ? { position: "relative", width: "100%" }
+                    : {}),
             },
             productImage: {
                 position: "relative",
@@ -57,17 +61,17 @@ export const useProductCardStyles = (variant = "grid", customWidth) => {
                 fontWeight: "400",
             },
             nameContainer: {
-                marginTop: 4,
+                marginTop: variant === "shelfWithAddToCart" ? 0 : 4,
             },
             nameText: {
                 color: "#101010",
-                fontSize: 14,
-                lineHeight: 21,
+                fontSize: variant === "shelfWithAddToCart" ? 12 : 14,
+                lineHeight: variant === "shelfWithAddToCart" ? 18 : 21,
             },
             priceContainer: {
                 display: "flex",
-                flexDirection: "column",
-                alignItems: "flex-start",
+                flexDirection: variant === "shelfWithAddToCart" ? "row" : "column",
+                alignItems: variant === "shelfWithAddToCart" ? "center" : "flex-start",
                 marginTop: 8,
                 gap: 8,
             },
@@ -75,13 +79,14 @@ export const useProductCardStyles = (variant = "grid", customWidth) => {
                 fontSize: 14,
                 color: "#101010",
                 fontWeight: "500",
-                lineHeight: 16.8,
+                lineHeight: 16.8, // 120%
             },
             priceDiscountText: {
                 fontFamily: "Inter",
-                fontWeight: "500",
-                fontStyle: "normal", // "Medium" não é um valor válido, use "normal"
+                fontWeight: "400",
+                fontStyle: "normal",
                 fontSize: 10,
+                lineHeight: 10,
                 letterSpacing: 0,
                 color: "#616161",
                 textDecorationLine: "line-through",
@@ -114,6 +119,7 @@ export const useProductCardStyles = (variant = "grid", customWidth) => {
                 color: "#616161",
                 fontSize: 10,
                 lineHeight: 10,
+                display: variant === "shelfWithAddToCart" ? "none" : "flex",
             },
             favoriteButton: {
                 display: variant === "grid" ? "flex" : "none",
@@ -127,6 +133,18 @@ export const useProductCardStyles = (variant = "grid", customWidth) => {
                 top: 12,
                 right: 12,
             },
+            addToCartButton: {
+                display: variant === "shelfWithAddToCart" ? "flex" : "none",
+                position: "absolute",
+                right: 8,
+                bottom: 8,
+                width: 32,
+                height: 32,
+                borderRadius: 16,
+                backgroundColor: "#101010",
+                justifyContent: "center",
+                alignItems: "center",
+            },
             ratingText: {
                 color: "#383838",
             },

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

@@ -1,5 +1,5 @@
 import { StyleProp, ViewProps, ViewStyle } from "react-native";
-export type ProductCardVariant = "grid" | "shelf" | "lastViewed";
+export type ProductCardVariant = "grid" | "shelf" | "lastViewed" | "shelfWithAddToCart";
 export interface ProductCardProps extends ViewProps {
     variant?: ProductCardVariant;
     imageUrl: string;
@@ -28,5 +28,6 @@ export interface ProductCardProps extends ViewProps {
     isLoadingFavorite?: boolean;
     customStyles?: StyleProp<ViewStyle>;
     colorsVariants?: string;
+    onAddToCartPress?: () => void;
 }
 //# sourceMappingURL=product-card.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"product-card.types.d.ts","sourceRoot":"","sources":["../../../src/components/product-card/product-card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,CAAC;AAEjE,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,EAAE,CAAC;IACJ,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB"}
+{"version":3,"file":"product-card.types.d.ts","sourceRoot":"","sources":["../../../src/components/product-card/product-card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,MAAM,kBAAkB,GAC1B,MAAM,GACN,OAAO,GACP,YAAY,GACZ,oBAAoB,CAAC;AAEzB,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,EAAE,CAAC;IACJ,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B"}

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

@@ -1,4 +1,4 @@
-import type { StoryObj } from "@storybook/react-vite";
+import type { StoryObj } from "@storybook/react";
 import React from "react";
 declare const meta: Meta<React.NamedExoticComponent<import("./product-highlight.types").ProductHighlightsContainerProps>>;
 export default meta;

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

@@ -1 +1 @@
-{"version":3,"file":"product-highlight.d.ts","sourceRoot":"","sources":["../../../src/components/product-highlight/product-highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,QAAA,MAAM,IAAI,uGAcyC,CAAC;AAEpD,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAuB5B,CAAC"}
+{"version":3,"file":"product-highlight.d.ts","sourceRoot":"","sources":["../../../src/components/product-highlight/product-highlight.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,IAAI,uGAcyC,CAAC;AAEpD,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAuB5B,CAAC"}

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

@@ -1,6 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { View } from "react-native";
-import { ProductHighlight, ProductHighlightsContainer, } from "./product-highlight.component";
+import { ProductHighlight, ProductHighlightsContainer } from "./product-highlight.component";
 const meta = {
     title: "Components/ProductHighlight",
     component: ProductHighlightsContainer,

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

@@ -1 +1 @@
-{"version":3,"file":"store-card.component.d.ts","sourceRoot":"","sources":["../../../src/components/store-card/store-card.component.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AA8BpD,eAAO,MAAM,SAAS,GAAI,oHAWvB,cAAc,4CA8FhB,CAAC"}
+{"version":3,"file":"store-card.component.d.ts","sourceRoot":"","sources":["../../../src/components/store-card/store-card.component.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,eAAO,MAAM,SAAS,GAAI,oHAWvB,cAAc,4CA8FhB,CAAC"}

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

@@ -1,29 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text, TouchableOpacity, View } from "react-native";
+import { Image, Text, TouchableOpacity, View } from "react-native";
 import { CalendarIcon, MapPinIcon } from "../../icons";
 import { useTheme } from "../../themes";
 import { Badge } from "../badge";
 import { useStoreCardStyles } from "./store-card.styles";
-let FastImageComponent = null;
-try {
-    // Tenta importar o FastImage
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    FastImageComponent = require("react-native-fast-image").default;
-}
-catch (e) {
-    // Se não existir, permanece null
-}
-// Fallback para quando FastImage não estiver disponível (ex: Storybook web)
-if (!FastImageComponent) {
-    FastImageComponent = ({ source, style, ...props }) => (_jsx(View, { style: [
-            style,
-            {
-                backgroundColor: "#e0e0e0",
-                justifyContent: "center",
-                alignItems: "center",
-            },
-        ], ...props, children: _jsx(Text, { style: { fontSize: 12, color: "#666" }, children: "IMG" }) }));
-}
 export const StoreCard = ({ storeName, address, distance, itemsAvailable, itemsUnavailable, pickupTime, flags, value, onPress, isSelected, }) => {
     const { spacing, fonts, colors, metrics } = useTheme();
     const allAvailable = (itemsUnavailable === null || itemsUnavailable === void 0 ? void 0 : itemsUnavailable.length) === 0;
@@ -50,9 +30,9 @@ export const StoreCard = ({ storeName, address, distance, itemsAvailable, itemsU
                                     : `${itemsUnavailable === null || itemsUnavailable === void 0 ? void 0 : itemsUnavailable.length} indisponíveis` })] }), _jsxs(View, { style: styles.availableItemsContainerText, children: [_jsx(CalendarIcon, { size: 10 }), _jsx(Text, { style: styles.pickupTime, children: pickupTime })] })] }), _jsxs(View, { style: {
                     gap: spacing.sm,
                     flexDirection: "row",
-                }, children: [itemsAvailable === null || itemsAvailable === void 0 ? void 0 : itemsAvailable.map((item) => (_jsx(FastImageComponent, { source: {
+                }, children: [itemsAvailable === null || itemsAvailable === void 0 ? void 0 : itemsAvailable.map((item) => (_jsx(Image, { source: {
                             uri: item.imageUrl,
-                        }, style: styles.image }, item.itemIndex))), itemsUnavailable === null || itemsUnavailable === void 0 ? void 0 : itemsUnavailable.map((item) => (_jsxs(View, { children: [_jsx(FastImageComponent, { source: {
+                        }, style: styles.image }, item.itemIndex))), itemsUnavailable === null || itemsUnavailable === void 0 ? void 0 : itemsUnavailable.map((item) => (_jsxs(View, { children: [_jsx(Image, { source: {
                                     uri: item.imageUrl,
                                 }, style: styles.image }), _jsx(View, { style: styles.unavailableItemContainer, children: _jsx(View, { style: styles.unavailableItem }) })] }, item.itemIndex)))] }), _jsxs(View, { style: styles.footer, children: [_jsx(Text, { style: styles.address, children: address }), _jsxs(View, { style: styles.availableItemsContainerText, children: [_jsx(MapPinIcon, { size: 13 }), _jsx(Text, { style: styles.distance, children: distance })] })] })] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "decathlon-ui",
-  "version": "0.3.50",
+  "version": "1.0.0",
   "description": "Biblioteca de componentes React Native com Storybook e documentação via GitHub Pages.",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -22,6 +22,7 @@
     "lottie-react-native": ">=5.0.0",
     "react": ">=17.0.0",
     "react-native": ">=0.68.0",
+    "react-native-fast-image": ">=8.0.0",
     "react-native-svg": ">=12.0.0"
   },
   "devDependencies": {
@@ -44,6 +45,7 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-native": "^0.78.0",
+    "react-native-fast-image": "8.6.3",
     "react-native-image-viewing": "^0.2.2",
     "react-native-safe-area-context": "^5.5.1",
     "react-native-svg": "^15.10.0",