@shopify/shop-minis-react 0.2.7 → 0.3.0

package/dist/components/commerce/product-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"product-card.js","sources":["../../../src/components/commerce/product-card.tsx"],"sourcesContent":["import * as React from 'react'\nimport {useCallback, useContext, useMemo, useState} from 'react'\n\nimport {type Product, type ProductVariant} from '@shopify/shop-minis-platform'\n\nimport {useShopNavigation} from '../../hooks/navigation/useShopNavigation'\nimport {useSavedProductsActions} from '../../hooks/user/useSavedProductsActions'\nimport {formatMoney} from '../../lib/formatMoney'\nimport {cn} from '../../lib/utils'\nimport {Image} from '../atoms/image'\nimport {ProductVariantPrice} from '../atoms/product-variant-price'\nimport {Touchable} from '../atoms/touchable'\nimport {Badge} from '../ui/badge'\n\nimport {FavoriteButton} from './favorite-button'\n\n// Context definition\ninterface ProductCardContextValue {\n  // Core data\n  product: Product\n  selectedProductVariant?: ProductVariant\n\n  // UI configuration\n  variant: 'default' | 'priceOverlay' | 'compact'\n  touchable: boolean\n  badgeText?: string\n  badgeVariant?: 'primary' | 'secondary' | 'destructive' | 'outline' | 'none'\n\n  // State\n  isFavorited: boolean\n  isFavoriteButtonDisabled: boolean\n\n  // Actions\n  onClick: () => void\n  onFavoriteToggle: () => void\n}\n\nconst ProductCardContext = React.createContext<\n  ProductCardContextValue | undefined\n>(undefined)\n\nfunction useProductCardContext() {\n  const context = useContext(ProductCardContext)\n  if (!context) {\n    throw new Error(\n      'ProductCard components must be used within a ProductCard provider'\n    )\n  }\n  return context\n}\n\n// Primitive components (building blocks)\nfunction ProductCardContainer({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  const {touchable, onClick} = useProductCardContext()\n\n  const content = (\n    <div\n      className={cn(\n        'relative w-full overflow-hidden rounded-xl border-0',\n        className\n      )}\n      {...props}\n    />\n  )\n\n  if (touchable && onClick) {\n    return (\n      <Touchable\n        onClick={onClick}\n        whileTap={{opacity: 0.7}}\n        transition={{\n          opacity: {type: 'tween', duration: 0.08, ease: 'easeInOut'},\n        }}\n      >\n        {content}\n      </Touchable>\n    )\n  }\n\n  return content\n}\n\nfunction ProductCardImageContainer({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  const {variant} = useProductCardContext()\n\n  return (\n    <div\n      data-slot=\"product-card-image-container\"\n      className={cn(\n        // Ensure the product image is stretched to the full size of the container (can't use width/height: 100% because of flex)\n        'flex justify-stretch items-stretch',\n        'relative overflow-hidden rounded-xl border border-gray-200',\n        'w-full  aspect-square',\n        variant === 'compact' ? 'min-h-[104px]' : 'min-h-[134px]',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ProductCardImage({className, ...props}: React.ComponentProps<'img'>) {\n  const {product, selectedProductVariant} = useProductCardContext()\n\n  // Derive display image locally\n  const displayImage = selectedProductVariant?.image || product.featuredImage\n  const src = displayImage?.url\n  const alt = displayImage?.altText || product.title\n  const thumbhash = product.featuredImage?.thumbhash\n\n  const renderImageElement = useCallback(\n    (src: string) => {\n      const imageElement = thumbhash ? (\n        <Image\n          data-slot=\"product-card-image\"\n          src={src}\n          alt={alt}\n          aspectRatio={1}\n          thumbhash={thumbhash}\n          className={cn('size-full object-cover', className)}\n          {...props}\n        />\n      ) : (\n        <img\n          data-slot=\"product-card-image\"\n          src={src}\n          alt={alt}\n          className={cn('size-full', className)}\n          {...props}\n        />\n      )\n\n      return imageElement\n    },\n    [alt, className, props, thumbhash]\n  )\n\n  return (\n    <div className=\"bg-gray-100 flex items-center justify-center size-full\">\n      {src ? (\n        renderImageElement(src)\n      ) : (\n        <div className=\"text-gray-400 text-sm w-full text-center\">No Image</div>\n      )}\n    </div>\n  )\n}\n\nfunction ProductCardBadge({\n  className,\n  position = 'bottom-left',\n  variant,\n  children,\n  ...props\n}: React.ComponentProps<typeof Badge> & {\n  position?: 'top-left' | 'bottom-left'\n}) {\n  const {badgeText, badgeVariant} = useProductCardContext()\n  // If no children provided, use badgeText from context\n  const content = children || badgeText\n\n  if (!content) return null\n\n  return (\n    <div\n      className={cn(\n        'absolute z-10',\n        position === 'top-left' ? 'top-3 left-3' : 'bottom-2 left-2'\n      )}\n    >\n      <Badge\n        variant={variant ?? badgeVariant ?? 'none'}\n        className={cn(\n          !badgeVariant &&\n            !variant &&\n            'bg-black/50 text-white border-transparent',\n          'rounded',\n          className\n        )}\n        {...props}\n      >\n        {content}\n      </Badge>\n    </div>\n  )\n}\n\nfunction ProductCardFavoriteButton({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  const {isFavorited, isFavoriteButtonDisabled, onFavoriteToggle} =\n    useProductCardContext()\n  if (isFavoriteButtonDisabled) return null\n\n  return (\n    <div className={cn('absolute bottom-3 right-3 z-10', className)} {...props}>\n      <FavoriteButton onClick={onFavoriteToggle} filled={isFavorited} />\n    </div>\n  )\n}\n\nfunction ProductCardInfo({className, ...props}: React.ComponentProps<'div'>) {\n  const {variant} = useProductCardContext()\n  if (variant !== 'default') {\n    return null\n  }\n\n  return (\n    <div\n      data-slot=\"product-card-info\"\n      className={cn('px-1 pt-2 pb-0 space-y-1', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductCardTitle({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'h3'>) {\n  const {product} = useProductCardContext()\n  return (\n    <h3\n      data-slot=\"product-card-title\"\n      className={cn(\n        'text-sm font-medium leading-tight text-gray-900',\n        'truncate overflow-hidden whitespace-nowrap text-ellipsis',\n        className\n      )}\n      {...props}\n    >\n      {children || product.title}\n    </h3>\n  )\n}\n\nfunction ProductCardPrice({className}: {className?: string}) {\n  const {product, selectedProductVariant} = useProductCardContext()\n\n  // Derive price data locally\n  const displayPrice = selectedProductVariant?.price || product?.price\n  const displayCompareAtPrice =\n    selectedProductVariant?.compareAtPrice || product?.compareAtPrice\n\n  return (\n    <ProductVariantPrice\n      amount={displayPrice?.amount || ''}\n      currencyCode={displayPrice?.currencyCode || ''}\n      compareAtPriceAmount={displayCompareAtPrice?.amount}\n      compareAtPriceCurrencyCode={displayCompareAtPrice?.currencyCode}\n      className={className}\n    />\n  )\n}\n\n// Special PriceOverlayBadge for price overlay variant\nfunction ProductCardPriceOverlayBadge() {\n  const {product, selectedProductVariant, variant} = useProductCardContext()\n  if (variant !== 'priceOverlay') return null\n  const displayPrice = selectedProductVariant?.price || product.price\n  const currencyCode = displayPrice?.currencyCode\n  const amount = displayPrice?.amount\n\n  if (!currencyCode || !amount) return null\n  return (\n    <ProductCardBadge position=\"top-left\">\n      {formatMoney(amount, currencyCode)}\n    </ProductCardBadge>\n  )\n}\n\nexport interface ProductCardProps {\n  /** The product to display in the card */\n  product: Product\n  /** Optional selected variant of the product to show specific variant data */\n  selectedProductVariant?: ProductVariant\n  /** Visual style variant of the card */\n  variant?: 'default' | 'priceOverlay' | 'compact'\n  /** Whether the card can be clicked/tapped to navigate to product details */\n  touchable?: boolean\n  /** Optional text to display in a badge on the card */\n  badgeText?: string\n  /** Visual style variant for the badge */\n  badgeVariant?: 'primary' | 'secondary' | 'destructive' | 'outline' | 'none'\n  /** Callback fired when the product is clicked */\n  onProductClick?: () => void\n  /** Callback fired when the favorite button is toggled */\n  onFavoriteToggled?: (isFavorited: boolean) => void\n  /** Custom layout via children */\n  children?: React.ReactNode\n  /** Whether the favorite button is disabled */\n  favoriteButtonDisabled?: boolean\n}\n\nfunction ProductCard({\n  product,\n  selectedProductVariant,\n  variant = 'default',\n  touchable = true,\n  badgeText,\n  badgeVariant,\n  onProductClick,\n  onFavoriteToggled,\n  children,\n  favoriteButtonDisabled = false,\n}: ProductCardProps) {\n  const {navigateToProduct} = useShopNavigation()\n  const {saveProduct, unsaveProduct} = useSavedProductsActions()\n\n  // Local state for optimistic UI updates\n  const [isFavoritedLocal, setIsFavoritedLocal] = useState(product.isFavorited)\n\n  const handleClick = useCallback(() => {\n    if (!touchable) return\n\n    onProductClick?.()\n\n    navigateToProduct({\n      productId: product.id,\n    })\n  }, [navigateToProduct, product.id, touchable, onProductClick])\n\n  const handleFavoriteClick = useCallback(async () => {\n    const previousState = isFavoritedLocal\n\n    // Optimistic update\n    setIsFavoritedLocal(!previousState)\n    onFavoriteToggled?.(!previousState)\n\n    try {\n      if (previousState) {\n        await unsaveProduct({\n          productId: product.id,\n          shopId: product.shop.id,\n          productVariantId:\n            selectedProductVariant?.id || product.defaultVariantId,\n        })\n      } else {\n        await saveProduct({\n          productId: product.id,\n          shopId: product.shop.id,\n          productVariantId:\n            selectedProductVariant?.id || product.defaultVariantId,\n        })\n      }\n    } catch (error) {\n      // Revert optimistic update on error\n      setIsFavoritedLocal(previousState)\n      onFavoriteToggled?.(previousState)\n    }\n  }, [\n    isFavoritedLocal,\n    product.id,\n    product.shop.id,\n    product.defaultVariantId,\n    selectedProductVariant?.id,\n    saveProduct,\n    unsaveProduct,\n    onFavoriteToggled,\n  ])\n\n  const contextValue = useMemo<ProductCardContextValue>(\n    () => ({\n      // Core data\n      product,\n      selectedProductVariant,\n\n      // UI configuration\n      variant,\n      touchable,\n      badgeText,\n      badgeVariant,\n\n      // State\n      isFavorited: isFavoritedLocal,\n      isFavoriteButtonDisabled: favoriteButtonDisabled,\n      // Actions\n      onClick: handleClick,\n      onFavoriteToggle: handleFavoriteClick,\n    }),\n    [\n      product,\n      selectedProductVariant,\n      variant,\n      touchable,\n      badgeText,\n      badgeVariant,\n      isFavoritedLocal,\n      handleClick,\n      handleFavoriteClick,\n      favoriteButtonDisabled,\n    ]\n  )\n\n  return (\n    <ProductCardContext.Provider value={contextValue}>\n      {children ?? (\n        <ProductCardContainer>\n          <ProductCardImageContainer>\n            <ProductCardImage />\n            {variant === 'priceOverlay' && <ProductCardPriceOverlayBadge />}\n            <ProductCardBadge />\n            <ProductCardFavoriteButton />\n          </ProductCardImageContainer>\n          {variant === 'default' && (\n            <ProductCardInfo>\n              <ProductCardTitle />\n              <ProductCardPrice />\n            </ProductCardInfo>\n          )}\n        </ProductCardContainer>\n      )}\n    </ProductCardContext.Provider>\n  )\n}\n\nexport {\n  ProductCard,\n  ProductCardContainer,\n  ProductCardImageContainer,\n  ProductCardImage,\n  ProductCardBadge,\n  ProductCardFavoriteButton,\n  ProductCardInfo,\n  ProductCardTitle,\n  ProductCardPrice,\n}\n"],"names":["ProductCardContext","React","useProductCardContext","context","useContext","ProductCardContainer","className","props","touchable","onClick","content","jsx","cn","Touchable","ProductCardImageContainer","variant","ProductCardImage","product","selectedProductVariant","displayImage","src","alt","thumbhash","renderImageElement","useCallback","Image","ProductCardBadge","position","children","badgeText","badgeVariant","Badge","ProductCardFavoriteButton","isFavorited","isFavoriteButtonDisabled","onFavoriteToggle","FavoriteButton","ProductCardInfo","ProductCardTitle","ProductCardPrice","displayPrice","displayCompareAtPrice","ProductVariantPrice","ProductCardPriceOverlayBadge","currencyCode","amount","formatMoney","ProductCard","onProductClick","onFavoriteToggled","favoriteButtonDisabled","navigateToProduct","useShopNavigation","saveProduct","unsaveProduct","useSavedProductsActions","isFavoritedLocal","setIsFavoritedLocal","useState","handleClick","handleFavoriteClick","previousState","contextValue","useMemo","jsxs"],"mappings":"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"}
+{"version":3,"file":"product-card.js","sources":["../../../src/components/commerce/product-card.tsx"],"sourcesContent":["import * as React from 'react'\nimport {useCallback, useContext, useMemo, useState} from 'react'\n\nimport {type Product, type ProductVariant} from '@shopify/shop-minis-platform'\n\nimport {useShopNavigation} from '../../hooks/navigation/useShopNavigation'\nimport {useSavedProductsActions} from '../../hooks/user/useSavedProductsActions'\nimport {formatMoney} from '../../lib/formatMoney'\nimport {cn} from '../../lib/utils'\nimport {Image} from '../atoms/image'\nimport {ProductVariantPrice} from '../atoms/product-variant-price'\nimport {Touchable} from '../atoms/touchable'\nimport {Badge} from '../ui/badge'\n\nimport {FavoriteButton} from './favorite-button'\n\n// Context definition\ninterface ProductCardContextValue {\n  // Core data\n  product: Product\n  selectedProductVariant?: ProductVariant\n\n  // UI configuration\n  variant: 'default' | 'priceOverlay' | 'compact'\n  touchable: boolean\n  badgeText?: string\n  badgeVariant?: 'primary' | 'secondary' | 'destructive' | 'outline' | 'none'\n\n  // State\n  isFavorited: boolean\n  isFavoriteButtonDisabled: boolean\n\n  // Actions\n  onClick: () => void\n  onFavoriteToggle: () => void\n}\n\nconst ProductCardContext = React.createContext<\n  ProductCardContextValue | undefined\n>(undefined)\n\nfunction useProductCardContext() {\n  const context = useContext(ProductCardContext)\n  if (!context) {\n    throw new Error(\n      'ProductCard components must be used within a ProductCard provider'\n    )\n  }\n  return context\n}\n\n// Primitive components (building blocks)\nfunction ProductCardContainer({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  const {touchable, onClick} = useProductCardContext()\n\n  const content = (\n    <div\n      className={cn(\n        'relative size-full overflow-hidden rounded-xl border-0',\n        className\n      )}\n      {...props}\n    />\n  )\n\n  if (touchable && onClick) {\n    return (\n      <Touchable\n        onClick={onClick}\n        whileTap={{opacity: 0.7}}\n        transition={{\n          opacity: {type: 'tween', duration: 0.08, ease: 'easeInOut'},\n        }}\n      >\n        {content}\n      </Touchable>\n    )\n  }\n\n  return content\n}\n\nfunction ProductCardImageContainer({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  const {variant} = useProductCardContext()\n\n  return (\n    <div\n      data-slot=\"product-card-image-container\"\n      className={cn(\n        'relative overflow-hidden rounded-xl border border-gray-200',\n        'aspect-square',\n        variant === 'compact' ? 'min-h-[104px]' : 'min-h-[134px]',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ProductCardImage({className, ...props}: React.ComponentProps<'img'>) {\n  const {product, selectedProductVariant} = useProductCardContext()\n\n  // Derive display image locally\n  const displayImage = selectedProductVariant?.image || product.featuredImage\n  const src = displayImage?.url\n  const alt = displayImage?.altText || product.title\n  const thumbhash = product.featuredImage?.thumbhash\n\n  const renderImageElement = useCallback(\n    (src: string) => {\n      const imageElement = thumbhash ? (\n        <Image\n          data-slot=\"product-card-image\"\n          src={src}\n          alt={alt}\n          aspectRatio={1}\n          thumbhash={thumbhash}\n          objectFit=\"cover\"\n          className={cn('size-full', className)}\n          {...props}\n        />\n      ) : (\n        <img\n          data-slot=\"product-card-image\"\n          src={src}\n          alt={alt}\n          className={cn('size-full object-cover', className)}\n          {...props}\n        />\n      )\n\n      return imageElement\n    },\n    [alt, className, props, thumbhash]\n  )\n\n  return (\n    <div className=\"bg-gray-100 flex items-center justify-center size-full\">\n      {src ? (\n        renderImageElement(src)\n      ) : (\n        <div className=\"text-gray-400 text-sm w-full text-center\">No Image</div>\n      )}\n    </div>\n  )\n}\n\nfunction ProductCardBadge({\n  className,\n  position = 'bottom-left',\n  variant,\n  children,\n  ...props\n}: React.ComponentProps<typeof Badge> & {\n  position?: 'top-left' | 'bottom-left'\n}) {\n  const {badgeText, badgeVariant} = useProductCardContext()\n  // If no children provided, use badgeText from context\n  const content = children || badgeText\n\n  if (!content) return null\n\n  return (\n    <div\n      className={cn(\n        'absolute z-10',\n        position === 'top-left' ? 'top-3 left-3' : 'bottom-2 left-2'\n      )}\n    >\n      <Badge\n        variant={variant ?? badgeVariant ?? 'none'}\n        className={cn(\n          !badgeVariant &&\n            !variant &&\n            'bg-black/50 text-white border-transparent',\n          'rounded',\n          className\n        )}\n        {...props}\n      >\n        {content}\n      </Badge>\n    </div>\n  )\n}\n\nfunction ProductCardFavoriteButton({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  const {isFavorited, isFavoriteButtonDisabled, onFavoriteToggle} =\n    useProductCardContext()\n  if (isFavoriteButtonDisabled) return null\n\n  return (\n    <div className={cn('absolute bottom-3 right-3 z-10', className)} {...props}>\n      <FavoriteButton onClick={onFavoriteToggle} filled={isFavorited} />\n    </div>\n  )\n}\n\nfunction ProductCardInfo({className, ...props}: React.ComponentProps<'div'>) {\n  const {variant} = useProductCardContext()\n  if (variant !== 'default') {\n    return null\n  }\n\n  return (\n    <div\n      data-slot=\"product-card-info\"\n      className={cn('px-1 pt-2 pb-0 space-y-1', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductCardTitle({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'h3'>) {\n  const {product} = useProductCardContext()\n  return (\n    <h3\n      data-slot=\"product-card-title\"\n      className={cn(\n        'text-sm font-medium leading-tight text-gray-900',\n        'truncate overflow-hidden whitespace-nowrap text-ellipsis',\n        className\n      )}\n      {...props}\n    >\n      {children || product.title}\n    </h3>\n  )\n}\n\nfunction ProductCardPrice({className}: {className?: string}) {\n  const {product, selectedProductVariant} = useProductCardContext()\n\n  // Derive price data locally\n  const displayPrice = selectedProductVariant?.price || product?.price\n  const displayCompareAtPrice =\n    selectedProductVariant?.compareAtPrice || product?.compareAtPrice\n\n  return (\n    <ProductVariantPrice\n      amount={displayPrice?.amount || ''}\n      currencyCode={displayPrice?.currencyCode || ''}\n      compareAtPriceAmount={displayCompareAtPrice?.amount}\n      compareAtPriceCurrencyCode={displayCompareAtPrice?.currencyCode}\n      className={className}\n    />\n  )\n}\n\n// Special PriceOverlayBadge for price overlay variant\nfunction ProductCardPriceOverlayBadge() {\n  const {product, selectedProductVariant, variant} = useProductCardContext()\n  if (variant !== 'priceOverlay') return null\n  const displayPrice = selectedProductVariant?.price || product.price\n  const currencyCode = displayPrice?.currencyCode\n  const amount = displayPrice?.amount\n\n  if (!currencyCode || !amount) return null\n  return (\n    <ProductCardBadge position=\"top-left\">\n      {formatMoney(amount, currencyCode)}\n    </ProductCardBadge>\n  )\n}\n\nexport interface ProductCardProps {\n  /** The product to display in the card */\n  product: Product\n  /** Optional selected variant of the product to show specific variant data */\n  selectedProductVariant?: ProductVariant\n  /** Visual style variant of the card */\n  variant?: 'default' | 'priceOverlay' | 'compact'\n  /** Whether the card can be clicked/tapped to navigate to product details */\n  touchable?: boolean\n  /** Optional text to display in a badge on the card */\n  badgeText?: string\n  /** Visual style variant for the badge */\n  badgeVariant?: 'primary' | 'secondary' | 'destructive' | 'outline' | 'none'\n  /** Callback fired when the product is clicked */\n  onProductClick?: () => void\n  /** Callback fired when the favorite button is toggled */\n  onFavoriteToggled?: (isFavorited: boolean) => void\n  /** Custom layout via children */\n  children?: React.ReactNode\n  /** Whether the favorite button is disabled */\n  favoriteButtonDisabled?: boolean\n}\n\nfunction ProductCard({\n  product,\n  selectedProductVariant,\n  variant = 'default',\n  touchable = true,\n  badgeText,\n  badgeVariant,\n  onProductClick,\n  onFavoriteToggled,\n  children,\n  favoriteButtonDisabled = false,\n}: ProductCardProps) {\n  const {navigateToProduct} = useShopNavigation()\n  const {saveProduct, unsaveProduct} = useSavedProductsActions()\n\n  // Local state for optimistic UI updates\n  const [isFavoritedLocal, setIsFavoritedLocal] = useState(product.isFavorited)\n\n  const handleClick = useCallback(() => {\n    if (!touchable) return\n\n    onProductClick?.()\n\n    navigateToProduct({\n      productId: product.id,\n    })\n  }, [navigateToProduct, product.id, touchable, onProductClick])\n\n  const handleFavoriteClick = useCallback(async () => {\n    const previousState = isFavoritedLocal\n\n    // Optimistic update\n    setIsFavoritedLocal(!previousState)\n    onFavoriteToggled?.(!previousState)\n\n    try {\n      if (previousState) {\n        await unsaveProduct({\n          productId: product.id,\n          shopId: product.shop.id,\n          productVariantId:\n            selectedProductVariant?.id || product.defaultVariantId,\n        })\n      } else {\n        await saveProduct({\n          productId: product.id,\n          shopId: product.shop.id,\n          productVariantId:\n            selectedProductVariant?.id || product.defaultVariantId,\n        })\n      }\n    } catch (error) {\n      // Revert optimistic update on error\n      setIsFavoritedLocal(previousState)\n      onFavoriteToggled?.(previousState)\n    }\n  }, [\n    isFavoritedLocal,\n    product.id,\n    product.shop.id,\n    product.defaultVariantId,\n    selectedProductVariant?.id,\n    saveProduct,\n    unsaveProduct,\n    onFavoriteToggled,\n  ])\n\n  const contextValue = useMemo<ProductCardContextValue>(\n    () => ({\n      // Core data\n      product,\n      selectedProductVariant,\n\n      // UI configuration\n      variant,\n      touchable,\n      badgeText,\n      badgeVariant,\n\n      // State\n      isFavorited: isFavoritedLocal,\n      isFavoriteButtonDisabled: favoriteButtonDisabled,\n      // Actions\n      onClick: handleClick,\n      onFavoriteToggle: handleFavoriteClick,\n    }),\n    [\n      product,\n      selectedProductVariant,\n      variant,\n      touchable,\n      badgeText,\n      badgeVariant,\n      isFavoritedLocal,\n      handleClick,\n      handleFavoriteClick,\n      favoriteButtonDisabled,\n    ]\n  )\n\n  return (\n    <ProductCardContext.Provider value={contextValue}>\n      {children ?? (\n        <ProductCardContainer>\n          <ProductCardImageContainer>\n            <ProductCardImage />\n            {variant === 'priceOverlay' && <ProductCardPriceOverlayBadge />}\n            <ProductCardBadge />\n            <ProductCardFavoriteButton />\n          </ProductCardImageContainer>\n          {variant === 'default' && (\n            <ProductCardInfo>\n              <ProductCardTitle />\n              <ProductCardPrice />\n            </ProductCardInfo>\n          )}\n        </ProductCardContainer>\n      )}\n    </ProductCardContext.Provider>\n  )\n}\n\nexport {\n  ProductCard,\n  ProductCardContainer,\n  ProductCardImageContainer,\n  ProductCardImage,\n  ProductCardBadge,\n  ProductCardFavoriteButton,\n  ProductCardInfo,\n  ProductCardTitle,\n  ProductCardPrice,\n}\n"],"names":["ProductCardContext","React","useProductCardContext","context","useContext","ProductCardContainer","className","props","touchable","onClick","content","jsx","cn","Touchable","ProductCardImageContainer","variant","ProductCardImage","product","selectedProductVariant","displayImage","src","alt","thumbhash","renderImageElement","useCallback","Image","ProductCardBadge","position","children","badgeText","badgeVariant","Badge","ProductCardFavoriteButton","isFavorited","isFavoriteButtonDisabled","onFavoriteToggle","FavoriteButton","ProductCardInfo","ProductCardTitle","ProductCardPrice","displayPrice","displayCompareAtPrice","ProductVariantPrice","ProductCardPriceOverlayBadge","currencyCode","amount","formatMoney","ProductCard","onProductClick","onFavoriteToggled","favoriteButtonDisabled","navigateToProduct","useShopNavigation","saveProduct","unsaveProduct","useSavedProductsActions","isFavoritedLocal","setIsFavoritedLocal","useState","handleClick","handleFavoriteClick","previousState","contextValue","useMemo","jsxs"],"mappings":"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"}

package/dist/index.js

@@ -1,88 +1,88 @@
 import { DATA_NAVIGATION_TYPE_ATTRIBUTE as o, NAVIGATION_TYPES as t } from "./types/index.js";
 import { MinisContainer as i } from "./components/MinisContainer.js";
 import { AddToCartButton as n } from "./components/commerce/add-to-cart.js";
-import { ProductCard as s, ProductCardBadge as l, ProductCardContainer as u, ProductCardFavoriteButton as f, ProductCardImage as x, ProductCardImageContainer as c, ProductCardInfo as d, ProductCardPrice as C, ProductCardTitle as g } from "./components/commerce/product-card.js";
-import { ProductLink as D } from "./components/commerce/product-link.js";
-import { MerchantCard as P, MerchantCardContainer as h, MerchantCardHeader as T, MerchantCardInfo as I, MerchantCardName as M, MerchantCardRating as R } from "./components/commerce/merchant-card.js";
-import { ProductCardSkeleton as w } from "./components/commerce/product-card-skeleton.js";
-import { MerchantCardSkeleton as F } from "./components/commerce/merchant-card-skeleton.js";
-import { QuantitySelector as b } from "./components/commerce/quantity-selector.js";
-import { Search as E, SearchInput as L, SearchProvider as N, SearchResultsList as O } from "./components/commerce/search.js";
-import { FavoriteButton as G } from "./components/commerce/favorite-button.js";
-import { ImageContentWrapper as V } from "./components/content/image-content-wrapper.js";
-import { MinisRouter as _ } from "./components/navigation/minis-router.js";
-import { TransitionLink as Y } from "./components/navigation/transition-link.js";
-import { Button as K } from "./components/atoms/button.js";
-import { IconButton as j } from "./components/atoms/icon-button.js";
-import { Image as X } from "./components/atoms/image.js";
-import { Touchable as $ } from "./components/atoms/touchable.js";
-import { LongPressDetector as er } from "./components/atoms/long-press-detector.js";
-import { AlertDialogAtom as tr } from "./components/atoms/alert-dialog.js";
-import { List as ir } from "./components/atoms/list.js";
-import { VideoPlayer as nr } from "./components/atoms/video-player.js";
-import { TextInput as sr } from "./components/atoms/text-input.js";
-import { ContentWrapper as ur } from "./components/atoms/content-wrapper.js";
-import { Accordion as xr, AccordionContent as cr, AccordionItem as dr, AccordionTrigger as Cr } from "./components/ui/accordion.js";
-import { Alert as Sr, AlertDescription as Dr, AlertTitle as Ar } from "./components/ui/alert.js";
-import { AlertDialog as hr, AlertDialogAction as Tr, AlertDialogCancel as Ir, AlertDialogContent as Mr, AlertDialogDescription as Rr, AlertDialogFooter as vr, AlertDialogHeader as wr, AlertDialogOverlay as Br, AlertDialogPortal as Fr, AlertDialogTitle as Ur, AlertDialogTrigger as br } from "./components/ui/alert-dialog.js";
-import { Avatar as Er, AvatarFallback as Lr, AvatarImage as Nr } from "./components/ui/avatar.js";
-import { Badge as yr, badgeVariants as Gr } from "./components/ui/badge.js";
-import { Card as Vr, CardAction as zr, CardContent as _r, CardDescription as Wr, CardFooter as Yr, CardHeader as qr, CardTitle as Kr } from "./components/ui/card.js";
-import { Carousel as jr, CarouselContent as Jr, CarouselItem as Xr, CarouselNext as Zr, CarouselPrevious as $r } from "./components/ui/carousel.js";
-import { Checkbox as ee } from "./components/ui/checkbox.js";
-import { Dialog as te, DialogClose as ae, DialogContent as ie, DialogDescription as pe, DialogFooter as ne, DialogHeader as me, DialogOverlay as se, DialogPortal as le, DialogTitle as ue, DialogTrigger as fe } from "./components/ui/dialog.js";
-import { Drawer as ce, DrawerClose as de, DrawerContent as Ce, DrawerDescription as ge, DrawerFooter as Se, DrawerHeader as De, DrawerOverlay as Ae, DrawerPortal as Pe, DrawerTitle as he, DrawerTrigger as Te } from "./components/ui/drawer.js";
-import { Input as Me } from "./components/ui/input.js";
-import { Label as ve } from "./components/ui/label.js";
-import { Progress as Be } from "./components/ui/progress.js";
-import { RadioGroup as Ue, RadioGroupItem as be } from "./components/ui/radio-group.js";
-import { ResizableHandle as Ee, ResizablePanel as Le, ResizablePanelGroup as Ne } from "./components/ui/resizable.js";
-import { ScrollArea as ye, ScrollBar as Ge } from "./components/ui/scroll-area.js";
-import { Select as Ve, SelectContent as ze, SelectGroup as _e, SelectItem as We, SelectLabel as Ye, SelectScrollDownButton as qe, SelectScrollUpButton as Ke, SelectSeparator as Qe, SelectTrigger as je, SelectValue as Je } from "./components/ui/select.js";
-import { Separator as Ze } from "./components/ui/separator.js";
-import { Sheet as ro, SheetClose as eo, SheetContent as oo, SheetDescription as to, SheetFooter as ao, SheetHeader as io, SheetTitle as po, SheetTrigger as no } from "./components/ui/sheet.js";
-import { Toaster as so } from "./components/ui/sonner.js";
-import { Skeleton as uo } from "./components/ui/skeleton.js";
-import { useRecentProducts as xo } from "./hooks/user/useRecentProducts.js";
-import { useRecentShops as Co } from "./hooks/user/useRecentShops.js";
-import { useSavedProducts as So } from "./hooks/user/useSavedProducts.js";
-import { useSavedProductsActions as Ao } from "./hooks/user/useSavedProductsActions.js";
-import { useFollowedShops as ho } from "./hooks/user/useFollowedShops.js";
-import { useFollowedShopsActions as Io } from "./hooks/user/useFollowedShopsActions.js";
-import { useCurrentUser as Ro } from "./hooks/user/useCurrentUser.js";
-import { useOrders as wo } from "./hooks/user/useOrders.js";
-import { useBuyerAttributes as Fo } from "./hooks/user/useBuyerAttributes.js";
-import { useGenerateUserToken as bo } from "./hooks/user/useGenerateUserToken.js";
-import { useProductListActions as Eo } from "./hooks/product/useProductListActions.js";
-import { useProductLists as No } from "./hooks/product/useProductLists.js";
-import { useProductList as yo } from "./hooks/product/useProductList.js";
-import { useProduct as Ho } from "./hooks/product/useProduct.js";
-import { useProducts as zo } from "./hooks/product/useProducts.js";
-import { useProductVariants as Wo } from "./hooks/product/useProductVariants.js";
-import { useProductMedia as qo } from "./hooks/product/useProductMedia.js";
-import { useProductSearch as Qo } from "./hooks/product/useProductSearch.js";
-import { useRecommendedProducts as Jo } from "./hooks/product/useRecommendedProducts.js";
-import { usePopularProducts as Zo } from "./hooks/product/usePopularProducts.js";
-import { useCuratedProducts as rt } from "./hooks/product/useCuratedProducts.js";
-import { useAsyncStorage as ot } from "./hooks/storage/useAsyncStorage.js";
-import { useSecureStorage as at } from "./hooks/storage/useSecureStorage.js";
-import { useImageUpload as pt } from "./hooks/storage/useImageUpload.js";
-import { useShopNavigation as mt } from "./hooks/navigation/useShopNavigation.js";
-import { useCloseMini as lt } from "./hooks/navigation/useCloseMini.js";
-import { useDeeplink as ft } from "./hooks/navigation/useDeeplink.js";
-import { useNavigateWithTransition as ct } from "./hooks/navigation/useNavigateWithTransition.js";
-import { useShop as Ct } from "./hooks/shop/useShop.js";
-import { useShopCartActions as St } from "./hooks/shop/useShopCartActions.js";
+import { BuyNowButton as s } from "./components/commerce/buy-now.js";
+import { ProductCard as u, ProductCardBadge as f, ProductCardContainer as x, ProductCardFavoriteButton as c, ProductCardImage as d, ProductCardImageContainer as C, ProductCardInfo as g, ProductCardPrice as S, ProductCardTitle as D } from "./components/commerce/product-card.js";
+import { ProductLink as P } from "./components/commerce/product-link.js";
+import { MerchantCard as T, MerchantCardContainer as I, MerchantCardHeader as M, MerchantCardInfo as R, MerchantCardName as w, MerchantCardRating as v } from "./components/commerce/merchant-card.js";
+import { ProductCardSkeleton as F } from "./components/commerce/product-card-skeleton.js";
+import { MerchantCardSkeleton as b } from "./components/commerce/merchant-card-skeleton.js";
+import { QuantitySelector as E } from "./components/commerce/quantity-selector.js";
+import { Search as N, SearchInput as y, SearchProvider as O, SearchResultsList as G } from "./components/commerce/search.js";
+import { FavoriteButton as V } from "./components/commerce/favorite-button.js";
+import { ImageContentWrapper as _ } from "./components/content/image-content-wrapper.js";
+import { MinisRouter as Y } from "./components/navigation/minis-router.js";
+import { TransitionLink as K } from "./components/navigation/transition-link.js";
+import { Button as j } from "./components/atoms/button.js";
+import { IconButton as X } from "./components/atoms/icon-button.js";
+import { Image as $ } from "./components/atoms/image.js";
+import { Touchable as er } from "./components/atoms/touchable.js";
+import { LongPressDetector as tr } from "./components/atoms/long-press-detector.js";
+import { AlertDialogAtom as ir } from "./components/atoms/alert-dialog.js";
+import { List as nr } from "./components/atoms/list.js";
+import { VideoPlayer as sr } from "./components/atoms/video-player.js";
+import { TextInput as ur } from "./components/atoms/text-input.js";
+import { ContentWrapper as xr } from "./components/atoms/content-wrapper.js";
+import { Accordion as dr, AccordionContent as Cr, AccordionItem as gr, AccordionTrigger as Sr } from "./components/ui/accordion.js";
+import { Alert as Ar, AlertDescription as Pr, AlertTitle as hr } from "./components/ui/alert.js";
+import { AlertDialog as Ir, AlertDialogAction as Mr, AlertDialogCancel as Rr, AlertDialogContent as wr, AlertDialogDescription as vr, AlertDialogFooter as Br, AlertDialogHeader as Fr, AlertDialogOverlay as Ur, AlertDialogPortal as br, AlertDialogTitle as kr, AlertDialogTrigger as Er } from "./components/ui/alert-dialog.js";
+import { Avatar as Nr, AvatarFallback as yr, AvatarImage as Or } from "./components/ui/avatar.js";
+import { Badge as Hr, badgeVariants as Vr } from "./components/ui/badge.js";
+import { Card as _r, CardAction as Wr, CardContent as Yr, CardDescription as qr, CardFooter as Kr, CardHeader as Qr, CardTitle as jr } from "./components/ui/card.js";
+import { Carousel as Xr, CarouselContent as Zr, CarouselItem as $r, CarouselNext as re, CarouselPrevious as ee } from "./components/ui/carousel.js";
+import { Checkbox as te } from "./components/ui/checkbox.js";
+import { Dialog as ie, DialogClose as pe, DialogContent as ne, DialogDescription as me, DialogFooter as se, DialogHeader as le, DialogOverlay as ue, DialogPortal as fe, DialogTitle as xe, DialogTrigger as ce } from "./components/ui/dialog.js";
+import { Drawer as Ce, DrawerClose as ge, DrawerContent as Se, DrawerDescription as De, DrawerFooter as Ae, DrawerHeader as Pe, DrawerOverlay as he, DrawerPortal as Te, DrawerTitle as Ie, DrawerTrigger as Me } from "./components/ui/drawer.js";
+import { Input as we } from "./components/ui/input.js";
+import { Label as Be } from "./components/ui/label.js";
+import { Progress as Ue } from "./components/ui/progress.js";
+import { RadioGroup as ke, RadioGroupItem as Ee } from "./components/ui/radio-group.js";
+import { ResizableHandle as Ne, ResizablePanel as ye, ResizablePanelGroup as Oe } from "./components/ui/resizable.js";
+import { ScrollArea as He, ScrollBar as Ve } from "./components/ui/scroll-area.js";
+import { Select as _e, SelectContent as We, SelectGroup as Ye, SelectItem as qe, SelectLabel as Ke, SelectScrollDownButton as Qe, SelectScrollUpButton as je, SelectSeparator as Je, SelectTrigger as Xe, SelectValue as Ze } from "./components/ui/select.js";
+import { Separator as ro } from "./components/ui/separator.js";
+import { Sheet as oo, SheetClose as to, SheetContent as ao, SheetDescription as io, SheetFooter as po, SheetHeader as no, SheetTitle as mo, SheetTrigger as so } from "./components/ui/sheet.js";
+import { Toaster as uo } from "./components/ui/sonner.js";
+import { Skeleton as xo } from "./components/ui/skeleton.js";
+import { useRecentProducts as Co } from "./hooks/user/useRecentProducts.js";
+import { useRecentShops as So } from "./hooks/user/useRecentShops.js";
+import { useSavedProducts as Ao } from "./hooks/user/useSavedProducts.js";
+import { useSavedProductsActions as ho } from "./hooks/user/useSavedProductsActions.js";
+import { useFollowedShops as Io } from "./hooks/user/useFollowedShops.js";
+import { useFollowedShopsActions as Ro } from "./hooks/user/useFollowedShopsActions.js";
+import { useCurrentUser as vo } from "./hooks/user/useCurrentUser.js";
+import { useOrders as Fo } from "./hooks/user/useOrders.js";
+import { useBuyerAttributes as bo } from "./hooks/user/useBuyerAttributes.js";
+import { useGenerateUserToken as Eo } from "./hooks/user/useGenerateUserToken.js";
+import { useProductListActions as No } from "./hooks/product/useProductListActions.js";
+import { useProductLists as Oo } from "./hooks/product/useProductLists.js";
+import { useProductList as Ho } from "./hooks/product/useProductList.js";
+import { useProduct as zo } from "./hooks/product/useProduct.js";
+import { useProducts as Wo } from "./hooks/product/useProducts.js";
+import { useProductVariants as qo } from "./hooks/product/useProductVariants.js";
+import { useProductMedia as Qo } from "./hooks/product/useProductMedia.js";
+import { useProductSearch as Jo } from "./hooks/product/useProductSearch.js";
+import { useRecommendedProducts as Zo } from "./hooks/product/useRecommendedProducts.js";
+import { usePopularProducts as rt } from "./hooks/product/usePopularProducts.js";
+import { useCuratedProducts as ot } from "./hooks/product/useCuratedProducts.js";
+import { useAsyncStorage as at } from "./hooks/storage/useAsyncStorage.js";
+import { useSecureStorage as pt } from "./hooks/storage/useSecureStorage.js";
+import { useImageUpload as mt } from "./hooks/storage/useImageUpload.js";
+import { useShopNavigation as lt } from "./hooks/navigation/useShopNavigation.js";
+import { useCloseMini as ft } from "./hooks/navigation/useCloseMini.js";
+import { useDeeplink as ct } from "./hooks/navigation/useDeeplink.js";
+import { useNavigateWithTransition as Ct } from "./hooks/navigation/useNavigateWithTransition.js";
+import { useShop as St } from "./hooks/shop/useShop.js";
 import { useRecommendedShops as At } from "./hooks/shop/useRecommendedShops.js";
 import { useCreateImageContent as ht } from "./hooks/content/useCreateImageContent.js";
 import { useErrorToast as It } from "./hooks/util/useErrorToast.js";
 import { useErrorScreen as Rt } from "./hooks/util/useErrorScreen.js";
-import { useShare as wt } from "./hooks/util/useShare.js";
+import { useShare as vt } from "./hooks/util/useShare.js";
 import { useImagePicker as Ft } from "./hooks/util/useImagePicker.js";
 import { useKeyboardAvoidingView as bt } from "./hooks/util/useKeyboardAvoidingView.js";
 import { useRequestPermissions as Et } from "./hooks/util/useRequestPermissions.js";
 import { useOnMiniFocus as Nt } from "./hooks/events/useOnMiniFocus.js";
-import { useOnMiniBlur as yt } from "./hooks/events/useOnMiniBlur.js";
+import { useOnMiniBlur as Ot } from "./hooks/events/useOnMiniBlur.js";
 import { useOnMiniClose as Ht } from "./hooks/events/useOnMiniClose.js";
 import { useOnAppStateChange as zt } from "./hooks/events/useOnAppStateChange.js";
 import { MiniEntityNotFoundError as Wt, MiniError as Yt, MiniNetworkError as qt, formatError as Kt } from "./utils/errors.js";
@@ -93,142 +93,143 @@ import { UserState as pa, UserTokenGenerateUserErrorCode as na } from "./shop-mi
 import { ContentCreateUserErrorCode as sa, MinisContentStatus as la } from "./shop-minis-platform/src/types/content.js";
 import { Social as fa } from "./shop-minis-platform/src/types/share.js";
 export {
-  xr as Accordion,
-  cr as AccordionContent,
-  dr as AccordionItem,
-  Cr as AccordionTrigger,
+  dr as Accordion,
+  Cr as AccordionContent,
+  gr as AccordionItem,
+  Sr as AccordionTrigger,
   n as AddToCartButton,
-  Sr as Alert,
-  Dr as AlertDescription,
-  hr as AlertDialog,
-  Tr as AlertDialogAction,
-  tr as AlertDialogAtom,
-  Ir as AlertDialogCancel,
-  Mr as AlertDialogContent,
-  Rr as AlertDialogDescription,
-  vr as AlertDialogFooter,
-  wr as AlertDialogHeader,
-  Br as AlertDialogOverlay,
-  Fr as AlertDialogPortal,
-  Ur as AlertDialogTitle,
-  br as AlertDialogTrigger,
-  Ar as AlertTitle,
-  Er as Avatar,
-  Lr as AvatarFallback,
-  Nr as AvatarImage,
-  yr as Badge,
-  K as Button,
-  Vr as Card,
-  zr as CardAction,
-  _r as CardContent,
-  Wr as CardDescription,
-  Yr as CardFooter,
-  qr as CardHeader,
-  Kr as CardTitle,
-  jr as Carousel,
-  Jr as CarouselContent,
-  Xr as CarouselItem,
-  Zr as CarouselNext,
-  $r as CarouselPrevious,
-  ee as Checkbox,
+  Ar as Alert,
+  Pr as AlertDescription,
+  Ir as AlertDialog,
+  Mr as AlertDialogAction,
+  ir as AlertDialogAtom,
+  Rr as AlertDialogCancel,
+  wr as AlertDialogContent,
+  vr as AlertDialogDescription,
+  Br as AlertDialogFooter,
+  Fr as AlertDialogHeader,
+  Ur as AlertDialogOverlay,
+  br as AlertDialogPortal,
+  kr as AlertDialogTitle,
+  Er as AlertDialogTrigger,
+  hr as AlertTitle,
+  Nr as Avatar,
+  yr as AvatarFallback,
+  Or as AvatarImage,
+  Hr as Badge,
+  j as Button,
+  s as BuyNowButton,
+  _r as Card,
+  Wr as CardAction,
+  Yr as CardContent,
+  qr as CardDescription,
+  Kr as CardFooter,
+  Qr as CardHeader,
+  jr as CardTitle,
+  Xr as Carousel,
+  Zr as CarouselContent,
+  $r as CarouselItem,
+  re as CarouselNext,
+  ee as CarouselPrevious,
+  te as Checkbox,
   sa as ContentCreateUserErrorCode,
-  ur as ContentWrapper,
+  xr as ContentWrapper,
   o as DATA_NAVIGATION_TYPE_ATTRIBUTE,
-  te as Dialog,
-  ae as DialogClose,
-  ie as DialogContent,
-  pe as DialogDescription,
-  ne as DialogFooter,
-  me as DialogHeader,
-  se as DialogOverlay,
-  le as DialogPortal,
-  ue as DialogTitle,
-  fe as DialogTrigger,
-  ce as Drawer,
-  de as DrawerClose,
-  Ce as DrawerContent,
-  ge as DrawerDescription,
-  Se as DrawerFooter,
-  De as DrawerHeader,
-  Ae as DrawerOverlay,
-  Pe as DrawerPortal,
-  he as DrawerTitle,
-  Te as DrawerTrigger,
-  G as FavoriteButton,
-  j as IconButton,
-  X as Image,
-  V as ImageContentWrapper,
-  Me as Input,
-  ve as Label,
-  ir as List,
-  er as LongPressDetector,
-  P as MerchantCard,
-  h as MerchantCardContainer,
-  T as MerchantCardHeader,
-  I as MerchantCardInfo,
-  M as MerchantCardName,
-  R as MerchantCardRating,
-  F as MerchantCardSkeleton,
+  ie as Dialog,
+  pe as DialogClose,
+  ne as DialogContent,
+  me as DialogDescription,
+  se as DialogFooter,
+  le as DialogHeader,
+  ue as DialogOverlay,
+  fe as DialogPortal,
+  xe as DialogTitle,
+  ce as DialogTrigger,
+  Ce as Drawer,
+  ge as DrawerClose,
+  Se as DrawerContent,
+  De as DrawerDescription,
+  Ae as DrawerFooter,
+  Pe as DrawerHeader,
+  he as DrawerOverlay,
+  Te as DrawerPortal,
+  Ie as DrawerTitle,
+  Me as DrawerTrigger,
+  V as FavoriteButton,
+  X as IconButton,
+  $ as Image,
+  _ as ImageContentWrapper,
+  we as Input,
+  Be as Label,
+  nr as List,
+  tr as LongPressDetector,
+  T as MerchantCard,
+  I as MerchantCardContainer,
+  M as MerchantCardHeader,
+  R as MerchantCardInfo,
+  w as MerchantCardName,
+  v as MerchantCardRating,
+  b as MerchantCardSkeleton,
   Wt as MiniEntityNotFoundError,
   Yt as MiniError,
   qt as MiniNetworkError,
   i as MinisContainer,
   la as MinisContentStatus,
-  _ as MinisRouter,
+  Y as MinisRouter,
   t as NAVIGATION_TYPES,
-  s as ProductCard,
-  l as ProductCardBadge,
-  u as ProductCardContainer,
-  f as ProductCardFavoriteButton,
-  x as ProductCardImage,
-  c as ProductCardImageContainer,
-  d as ProductCardInfo,
-  C as ProductCardPrice,
-  w as ProductCardSkeleton,
-  g as ProductCardTitle,
-  D as ProductLink,
-  Be as Progress,
-  b as QuantitySelector,
-  Ue as RadioGroup,
-  be as RadioGroupItem,
-  Ee as ResizableHandle,
-  Le as ResizablePanel,
-  Ne as ResizablePanelGroup,
-  ye as ScrollArea,
-  Ge as ScrollBar,
-  E as Search,
-  L as SearchInput,
-  N as SearchProvider,
-  O as SearchResultsList,
-  Ve as Select,
-  ze as SelectContent,
-  _e as SelectGroup,
-  We as SelectItem,
-  Ye as SelectLabel,
-  qe as SelectScrollDownButton,
-  Ke as SelectScrollUpButton,
-  Qe as SelectSeparator,
-  je as SelectTrigger,
-  Je as SelectValue,
-  Ze as Separator,
-  ro as Sheet,
-  eo as SheetClose,
-  oo as SheetContent,
-  to as SheetDescription,
-  ao as SheetFooter,
-  io as SheetHeader,
-  po as SheetTitle,
-  no as SheetTrigger,
-  uo as Skeleton,
+  u as ProductCard,
+  f as ProductCardBadge,
+  x as ProductCardContainer,
+  c as ProductCardFavoriteButton,
+  d as ProductCardImage,
+  C as ProductCardImageContainer,
+  g as ProductCardInfo,
+  S as ProductCardPrice,
+  F as ProductCardSkeleton,
+  D as ProductCardTitle,
+  P as ProductLink,
+  Ue as Progress,
+  E as QuantitySelector,
+  ke as RadioGroup,
+  Ee as RadioGroupItem,
+  Ne as ResizableHandle,
+  ye as ResizablePanel,
+  Oe as ResizablePanelGroup,
+  He as ScrollArea,
+  Ve as ScrollBar,
+  N as Search,
+  y as SearchInput,
+  O as SearchProvider,
+  G as SearchResultsList,
+  _e as Select,
+  We as SelectContent,
+  Ye as SelectGroup,
+  qe as SelectItem,
+  Ke as SelectLabel,
+  Qe as SelectScrollDownButton,
+  je as SelectScrollUpButton,
+  Je as SelectSeparator,
+  Xe as SelectTrigger,
+  Ze as SelectValue,
+  ro as Separator,
+  oo as Sheet,
+  to as SheetClose,
+  ao as SheetContent,
+  io as SheetDescription,
+  po as SheetFooter,
+  no as SheetHeader,
+  mo as SheetTitle,
+  so as SheetTrigger,
+  xo as Skeleton,
   fa as Social,
-  sr as TextInput,
-  so as Toaster,
-  $ as Touchable,
-  Y as TransitionLink,
+  ur as TextInput,
+  uo as Toaster,
+  er as Touchable,
+  K as TransitionLink,
   pa as UserState,
   na as UserTokenGenerateUserErrorCode,
-  nr as VideoPlayer,
-  Gr as badgeVariants,
+  sr as VideoPlayer,
+  Vr as badgeVariants,
   jt as extractBrandTheme,
   oa as fileToDataUri,
   Kt as formatError,
@@ -238,47 +239,46 @@ export {
   aa as getThumbhashDataURL,
   Zt as normalizeRating,
   ra as parseUrl,
-  ot as useAsyncStorage,
-  Fo as useBuyerAttributes,
-  lt as useCloseMini,
+  at as useAsyncStorage,
+  bo as useBuyerAttributes,
+  ft as useCloseMini,
   ht as useCreateImageContent,
-  rt as useCuratedProducts,
-  Ro as useCurrentUser,
-  ft as useDeeplink,
+  ot as useCuratedProducts,
+  vo as useCurrentUser,
+  ct as useDeeplink,
   Rt as useErrorScreen,
   It as useErrorToast,
-  ho as useFollowedShops,
-  Io as useFollowedShopsActions,
-  bo as useGenerateUserToken,
+  Io as useFollowedShops,
+  Ro as useFollowedShopsActions,
+  Eo as useGenerateUserToken,
   Ft as useImagePicker,
-  pt as useImageUpload,
+  mt as useImageUpload,
   bt as useKeyboardAvoidingView,
-  ct as useNavigateWithTransition,
+  Ct as useNavigateWithTransition,
   zt as useOnAppStateChange,
-  yt as useOnMiniBlur,
+  Ot as useOnMiniBlur,
   Ht as useOnMiniClose,
   Nt as useOnMiniFocus,
-  wo as useOrders,
-  Zo as usePopularProducts,
-  Ho as useProduct,
-  yo as useProductList,
-  Eo as useProductListActions,
-  No as useProductLists,
-  qo as useProductMedia,
-  Qo as useProductSearch,
-  Wo as useProductVariants,
-  zo as useProducts,
-  xo as useRecentProducts,
-  Co as useRecentShops,
-  Jo as useRecommendedProducts,
+  Fo as useOrders,
+  rt as usePopularProducts,
+  zo as useProduct,
+  Ho as useProductList,
+  No as useProductListActions,
+  Oo as useProductLists,
+  Qo as useProductMedia,
+  Jo as useProductSearch,
+  qo as useProductVariants,
+  Wo as useProducts,
+  Co as useRecentProducts,
+  So as useRecentShops,
+  Zo as useRecommendedProducts,
   At as useRecommendedShops,
   Et as useRequestPermissions,
-  So as useSavedProducts,
-  Ao as useSavedProductsActions,
-  at as useSecureStorage,
-  wt as useShare,
-  Ct as useShop,
-  St as useShopCartActions,
-  mt as useShopNavigation
+  Ao as useSavedProducts,
+  ho as useSavedProductsActions,
+  pt as useSecureStorage,
+  vt as useShare,
+  St as useShop,
+  lt as useShopNavigation
 };
 //# sourceMappingURL=index.js.map

package/dist/{hooks/shop → internal}/useShopCartActions.js

@@ -1,5 +1,5 @@
-import { useHandleAction as o } from "../../internal/useHandleAction.js";
-import { useShopActions as u } from "../../internal/useShopActions.js";
+import { useHandleAction as o } from "./useHandleAction.js";
+import { useShopActions as u } from "./useShopActions.js";
 const n = () => {
   const { addToCart: t, buyProduct: r } = u();
   return {