@envive-ai/react-toolkit 0.2.6 → 0.2.8

package/dist/Accordion/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/components/Accordion/Accordion.d.ts
 interface AccordionProps {
@@ -8,6 +8,6 @@ interface AccordionProps {
 declare const Accordion: ({
   title,
   content
-}: AccordionProps) => react_jsx_runtime28.JSX.Element;
+}: AccordionProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 export { Accordion };

package/dist/AnimatedChevron/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 import { MotionValue } from "framer-motion";
 
 //#region src/components/AnimatedChevron/AnimatedChevron.d.ts
@@ -9,6 +9,6 @@ interface AnimatedChevronProps {
 declare const AnimatedChevron: ({
   animationKey,
   chevronColor
-}: AnimatedChevronProps) => react_jsx_runtime20.JSX.Element;
+}: AnimatedChevronProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { AnimatedChevron };

package/dist/AnimatedChevron/index.d.ts

@@ -1,5 +1,5 @@
 import { MotionValue } from "framer-motion";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/components/AnimatedChevron/AnimatedChevron.d.ts
 interface AnimatedChevronProps {
@@ -9,6 +9,6 @@ interface AnimatedChevronProps {
 declare const AnimatedChevron: ({
   animationKey,
   chevronColor
-}: AnimatedChevronProps) => react_jsx_runtime27.JSX.Element;
+}: AnimatedChevronProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { AnimatedChevron };

package/dist/AppliedFiltersScrollbar/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 
 //#region src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.d.ts
@@ -17,6 +17,6 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime26.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar };

package/dist/AppliedFiltersScrollbar/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 
 //#region src/components/AppliedFiltersScrollbar/AppliedFiltersScrollbar.d.ts
@@ -17,6 +17,6 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime21.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar };

package/dist/ButtonBase/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 import { ButtonHTMLAttributes, CSSProperties } from "react";
 
@@ -37,6 +37,6 @@ declare const ButtonBase: ({
   dataTestId,
   onClick,
   disablePadding
-}: ButtonBaseProps) => react_jsx_runtime24.JSX.Element;
+}: ButtonBaseProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/ButtonBase/index.d.ts

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes, CSSProperties } from "react";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/ButtonBase/types.d.ts
@@ -37,6 +37,6 @@ declare const ButtonBase: ({
   dataTestId,
   onClick,
   disablePadding
-}: ButtonBaseProps) => react_jsx_runtime24.JSX.Element;
+}: ButtonBaseProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { ButtonBase, ButtonBaseOverrides, ButtonBaseProps, ButtonHoverStyles };

package/dist/DynamicFiltersScrollbar/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.d.ts
 interface DynamicFiltersScrollbarProps {
@@ -23,6 +23,6 @@ declare const DynamicFiltersScrollbar: ({
   filterDefaultClasses,
   filterHoverClasses,
   onToggleDynamicFilter
-}: DynamicFiltersScrollbarProps) => react_jsx_runtime19.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { DynamicFiltersScrollbar };

package/dist/DynamicFiltersScrollbar/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 
 //#region src/components/DynamicFiltersScrollbar/DynamicFiltersScrollbar.d.ts
 interface DynamicFiltersScrollbarProps {
@@ -23,6 +23,6 @@ declare const DynamicFiltersScrollbar: ({
   filterDefaultClasses,
   filterHoverClasses,
   onToggleDynamicFilter
-}: DynamicFiltersScrollbarProps) => react_jsx_runtime15.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime27.JSX.Element;
 //#endregion
 export { DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 
 //#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts
@@ -17,7 +17,7 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime18.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/components/FilterScrollbar/DynamicFiltersScrollbar.d.ts
 interface DynamicFiltersScrollbarProps {
@@ -42,6 +42,6 @@ declare const DynamicFiltersScrollbar: ({
   filterDefaultClasses,
   filterHoverClasses,
   onToggleDynamicFilter
-}: DynamicFiltersScrollbarProps) => react_jsx_runtime18.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/FilterScrollbar/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 import { SelectedFilterOption } from "@envive-ai/react-hooks/atoms/search";
 
 //#region src/components/FilterScrollbar/AppliedFiltersScrollbar.d.ts
@@ -17,7 +17,7 @@ declare const AppliedFiltersScrollbar: ({
   filterHoverClasses,
   appliedFilterBackgroundClasses,
   onRemoveFilter
-}: AppliedFiltersScrollbarProps) => react_jsx_runtime16.JSX.Element;
+}: AppliedFiltersScrollbarProps) => react_jsx_runtime23.JSX.Element;
 //#endregion
 //#region src/components/FilterScrollbar/DynamicFiltersScrollbar.d.ts
 interface DynamicFiltersScrollbarProps {
@@ -42,6 +42,6 @@ declare const DynamicFiltersScrollbar: ({
   filterDefaultClasses,
   filterHoverClasses,
   onToggleDynamicFilter
-}: DynamicFiltersScrollbarProps) => react_jsx_runtime16.JSX.Element;
+}: DynamicFiltersScrollbarProps) => react_jsx_runtime23.JSX.Element;
 //#endregion
 export { AppliedFiltersScrollbar, DynamicFiltersScrollbar };

package/dist/ImageWithFallback/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ImageWithFallback/ImageWithFallback.d.ts
@@ -21,6 +21,6 @@ declare const ImageWithFallback: ({
   imageClassnames,
   onLoad,
   onError
-}: ImageWithFallbackProps) => react_jsx_runtime25.JSX.Element;
+}: ImageWithFallbackProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { ImageWithFallback, ImageWithFallbackProps };

package/dist/ImageWithFallback/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/components/ImageWithFallback/ImageWithFallback.d.ts
 interface ImageWithFallbackProps {
@@ -21,6 +21,6 @@ declare const ImageWithFallback: ({
   imageClassnames,
   onLoad,
   onError
-}: ImageWithFallbackProps) => react_jsx_runtime26.JSX.Element;
+}: ImageWithFallbackProps) => react_jsx_runtime20.JSX.Element;
 //#endregion
 export { ImageWithFallback, ImageWithFallbackProps };

package/dist/ModalSheet/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/components/ModalSheet/types.d.ts
 type ModalSheetProps = {
@@ -33,6 +33,6 @@ declare const ModalSheet: ({
   desktopWidth,
   headerProps,
   footerProps
-}: ModalSheetProps) => react_jsx_runtime9.JSX.Element;
+}: ModalSheetProps) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { ModalSheet };

package/dist/ModalSheet/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/components/ModalSheet/types.d.ts
 type ModalSheetProps = {
@@ -33,6 +33,6 @@ declare const ModalSheet: ({
   desktopWidth,
   headerProps,
   footerProps
-}: ModalSheetProps) => react_jsx_runtime23.JSX.Element;
+}: ModalSheetProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 export { ModalSheet };

package/dist/ProductCard/index.cjs

@@ -1,6 +1,6 @@
 require('../Typography-CFNWgbM5.cjs');
 require('../ImageWithFallback-1LqhQK1q.cjs');
-const require_ProductCard = require('../ProductCard-CByKIsUN.cjs');
+const require_ProductCard = require('../ProductCard-DksbHI3v.cjs');
 require('../Spinner-DjK8ts9E.cjs');
 
 exports.AnimatedProductCardOverrides = require_ProductCard.AnimatedProductCardOverrides;

package/dist/ProductCard/index.d.cts

@@ -1,2 +1,2 @@
-import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-4oRWfY5a.cjs";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-CY3-7i6i.cjs";
 export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/ProductCard/index.d.ts

@@ -1,2 +1,2 @@
-import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-DGfkVcQx.js";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../index-DELwJODl.js";
 export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardConfig, ProductCardHoverVariant, ProductCardImageAspectRatio, ProductCardLayoutVariant, ProductCardSkeleton, ProductCardSkeletonOverrides, ProductCardSkeletonProps, ProductCardVariant, ProductGridProps, ProductGridVariant, RatingSummary, RatingSummaryProps, SearchResponseProductAttributes, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/ProductCard/index.js

@@ -1,6 +1,6 @@
 import "../Typography-D3vDkBMS.js";
 import "../ImageWithFallback-Ckwsmd8P.js";
-import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../ProductCard-BIlnM2nV.js";
+import { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "../ProductCard-DRczevG8.js";
 import "../Spinner-BqTt55uu.js";
 
 export { AnimatedProductCardOverrides, PriceSection, ProductCard, ProductCardSkeleton, ProductCardSkeletonOverrides, RatingSummary, productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap };

package/dist/{ProductCard-BIlnM2nV.js → ProductCard-DRczevG8.js}

@@ -5,6 +5,7 @@ import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MdStar } from "react-icons/md";
 import { useImageResolver } from "@envive-ai/react-hooks/hooks/ImageResolver";
+import { PRODUCT_CARD_TESTID } from "@envive-ai/react-hooks/config";
 
 //#region src/logging/logger.ts
 var Logger = class {
@@ -126,12 +127,13 @@ const PriceSection = ({ originalPrice, salePrice, pricePrefix }) => {
 		]
 	});
 };
-const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, url, originalPrice, averageRating, numberReviews, salePrice, variant, hoverVariant, dataTestId, layoutVariant = "normal", zoomOnHover = false, aspectRatio = "none", growWithContainer = false, handleClick }) => {
+const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, url, originalPrice, averageRating, numberReviews, salePrice, variant, hoverVariant, dataTestId, layoutVariant = "normal", zoomOnHover = false, aspectRatio = "none", growWithContainer = false, onClick }) => {
 	const { resolve } = useImageResolver();
 	const finalVariant = variant ?? productCardConfig?.variant ?? "filled";
 	const finalHoverVariant = hoverVariant ?? productCardConfig?.hoverVariant ?? "backgroundDark";
 	const finalLayoutVariant = layoutVariant ?? productCardConfig?.layoutVariant ?? "normal";
 	const pricePrefix = productCardConfig?.pricePrefix;
+	const handleClick = () => onClick();
 	if (productCardConfig == null) {
 		logger_default.logError("[ProductCard] productCardConfig is null", void 0, { merchant: merchantShortName });
 		return null;
@@ -140,7 +142,8 @@ const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, ur
 	const containerClassnames = classNames("spiffy-tw-cursor-pointer", "spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-inherit", "spiffy-tw-overflow-hidden", {
 		"spiffy-tw-h-full": growWithContainer,
 		"spiffy-tw-w-full": growWithContainer,
-		"spiffy-tw-max-w-full": growWithContainer
+		"spiffy-tw-max-w-full": growWithContainer,
+		"spiffy-tw-rounded-[8px]": layoutVariant === "normal"
 	}, !growWithContainer && layoutClasses.container, variantClassMap.get(finalVariant) ?? [], variantHoverClassMap.get(finalHoverVariant) ?? []);
 	const verticalContainerVariantClasses = productCardLayoutVariantClasses[layoutVariant].verticalContainer;
 	const verticalContainerClassnames = classNames("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-overflow-hidden", "spiffy-tw-gap-inherit", {
@@ -170,10 +173,10 @@ const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, ur
 	const imageClassnames = classNames("spiffy-tw-bg-transparent", "spiffy-tw-w-full", "spiffy-tw-h-full", "spiffy-tw-object-cover", "spiffy-tw-object-top", "spiffy-tw-select-none", "spiffy-tw-pointer-events-none");
 	return /* @__PURE__ */ jsx("div", {
 		className: containerClassnames,
-		"data-testid": dataTestId,
+		"data-testid": dataTestId ?? PRODUCT_CARD_TESTID,
 		children: /* @__PURE__ */ jsx("a", {
 			href: url,
-			onClick: () => handleClick(url),
+			onClick: () => handleClick(),
 			target: "_self",
 			draggable: false,
 			children: /* @__PURE__ */ jsxs("div", {

package/dist/{ProductCard-CByKIsUN.cjs → ProductCard-DksbHI3v.cjs}

@@ -10,6 +10,8 @@ let react_icons_md = require("react-icons/md");
 react_icons_md = require_chunk.__toESM(react_icons_md);
 let __envive_ai_react_hooks_hooks_ImageResolver = require("@envive-ai/react-hooks/hooks/ImageResolver");
 __envive_ai_react_hooks_hooks_ImageResolver = require_chunk.__toESM(__envive_ai_react_hooks_hooks_ImageResolver);
+let __envive_ai_react_hooks_config = require("@envive-ai/react-hooks/config");
+__envive_ai_react_hooks_config = require_chunk.__toESM(__envive_ai_react_hooks_config);
 
 //#region src/logging/logger.ts
 var Logger = class {
@@ -131,12 +133,13 @@ const PriceSection = ({ originalPrice, salePrice, pricePrefix }) => {
 		]
 	});
 };
-const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, url, originalPrice, averageRating, numberReviews, salePrice, variant, hoverVariant, dataTestId, layoutVariant = "normal", zoomOnHover = false, aspectRatio = "none", growWithContainer = false, handleClick }) => {
+const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, url, originalPrice, averageRating, numberReviews, salePrice, variant, hoverVariant, dataTestId, layoutVariant = "normal", zoomOnHover = false, aspectRatio = "none", growWithContainer = false, onClick }) => {
 	const { resolve } = (0, __envive_ai_react_hooks_hooks_ImageResolver.useImageResolver)();
 	const finalVariant = variant ?? productCardConfig?.variant ?? "filled";
 	const finalHoverVariant = hoverVariant ?? productCardConfig?.hoverVariant ?? "backgroundDark";
 	const finalLayoutVariant = layoutVariant ?? productCardConfig?.layoutVariant ?? "normal";
 	const pricePrefix = productCardConfig?.pricePrefix;
+	const handleClick = () => onClick();
 	if (productCardConfig == null) {
 		logger_default.logError("[ProductCard] productCardConfig is null", void 0, { merchant: merchantShortName });
 		return null;
@@ -145,7 +148,8 @@ const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, ur
 	const containerClassnames = (0, classnames.default)("spiffy-tw-cursor-pointer", "spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-gap-inherit", "spiffy-tw-overflow-hidden", {
 		"spiffy-tw-h-full": growWithContainer,
 		"spiffy-tw-w-full": growWithContainer,
-		"spiffy-tw-max-w-full": growWithContainer
+		"spiffy-tw-max-w-full": growWithContainer,
+		"spiffy-tw-rounded-[8px]": layoutVariant === "normal"
 	}, !growWithContainer && layoutClasses.container, variantClassMap.get(finalVariant) ?? [], variantHoverClassMap.get(finalHoverVariant) ?? []);
 	const verticalContainerVariantClasses = productCardLayoutVariantClasses[layoutVariant].verticalContainer;
 	const verticalContainerClassnames = (0, classnames.default)("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-overflow-hidden", "spiffy-tw-gap-inherit", {
@@ -175,10 +179,10 @@ const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, ur
 	const imageClassnames = (0, classnames.default)("spiffy-tw-bg-transparent", "spiffy-tw-w-full", "spiffy-tw-h-full", "spiffy-tw-object-cover", "spiffy-tw-object-top", "spiffy-tw-select-none", "spiffy-tw-pointer-events-none");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: containerClassnames,
-		"data-testid": dataTestId,
+		"data-testid": dataTestId ?? __envive_ai_react_hooks_config.PRODUCT_CARD_TESTID,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 			href: url,
-			onClick: () => handleClick(url),
+			onClick: () => handleClick(),
 			target: "_self",
 			draggable: false,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {

package/dist/ProductGrid/index.cjs

@@ -1,8 +1,8 @@
 require('../Typography-CFNWgbM5.cjs');
 require('../ImageWithFallback-1LqhQK1q.cjs');
-require('../ProductCard-CByKIsUN.cjs');
+require('../ProductCard-DksbHI3v.cjs');
 require('../Spinner-DjK8ts9E.cjs');
-const require_ProductGrid = require('../ProductGrid-BfgnDGUq.cjs');
+const require_ProductGrid = require('../ProductGrid-DxbFvnNs.cjs');
 
 exports.ProductGrid = require_ProductGrid.ProductGrid;
 exports.productGridVariantClasses = require_ProductGrid.productGridVariantClasses;

package/dist/ProductGrid/index.d.cts

@@ -1,13 +1,13 @@
-import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-4oRWfY5a.cjs";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
-import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-CY3-7i6i.cjs";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
+import { SearchResponseProductAttributes } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/ProductGrid/ProductGrid.d.ts
 interface ProductGridProps {
-  productList: SearchResponseProduct[];
+  productList: SearchResponseProductAttributes['attributes'][];
   productGridVariant: ProductGridVariant;
   productGridClasses: string;
-  productCardConfig?: ProductCardConfig;
+  productCardConfig: ProductCardConfig;
   merchantShortName: string;
   cardsGrowWithContainer?: boolean;
 }
@@ -18,7 +18,7 @@ declare const ProductGrid: ({
   productCardConfig,
   merchantShortName,
   cardsGrowWithContainer
-}: ProductGridProps) => react_jsx_runtime10.JSX.Element;
+}: ProductGridProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 //#region src/components/ProductGrid/productGridVariants.d.ts
 interface ProductGridVariantClasses {

package/dist/ProductGrid/index.d.ts

@@ -1,13 +1,13 @@
-import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-DGfkVcQx.js";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
-import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant, ProductGridVariant } from "../index-DELwJODl.js";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+import { SearchResponseProductAttributes } from "@envive-ai/react-hooks/application/models";
 
 //#region src/components/ProductGrid/ProductGrid.d.ts
 interface ProductGridProps {
-  productList: SearchResponseProduct[];
+  productList: SearchResponseProductAttributes['attributes'][];
   productGridVariant: ProductGridVariant;
   productGridClasses: string;
-  productCardConfig?: ProductCardConfig;
+  productCardConfig: ProductCardConfig;
   merchantShortName: string;
   cardsGrowWithContainer?: boolean;
 }
@@ -18,7 +18,7 @@ declare const ProductGrid: ({
   productCardConfig,
   merchantShortName,
   cardsGrowWithContainer
-}: ProductGridProps) => react_jsx_runtime19.JSX.Element;
+}: ProductGridProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 //#region src/components/ProductGrid/productGridVariants.d.ts
 interface ProductGridVariantClasses {

package/dist/ProductGrid/index.js

@@ -1,7 +1,7 @@
 import "../Typography-D3vDkBMS.js";
 import "../ImageWithFallback-Ckwsmd8P.js";
-import "../ProductCard-BIlnM2nV.js";
+import "../ProductCard-DRczevG8.js";
 import "../Spinner-BqTt55uu.js";
-import { ProductGrid, productGridVariantClasses } from "../ProductGrid-BFFojT9P.js";
+import { ProductGrid, productGridVariantClasses } from "../ProductGrid-CGHDHthe.js";
 
 export { ProductGrid, productGridVariantClasses };

package/dist/{ProductGrid-BFFojT9P.js → ProductGrid-CGHDHthe.js}

@@ -1,4 +1,4 @@
-import { ProductCard } from "./ProductCard-BIlnM2nV.js";
+import { ProductCard } from "./ProductCard-DRczevG8.js";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 
@@ -30,29 +30,26 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 	});
 	return /* @__PURE__ */ jsx("div", {
 		className: productGridClasses,
-		children: productList.map((product) => {
-			const camelCasedProduct = product;
-			return /* @__PURE__ */ jsx("div", {
-				className: cardContainerClasses,
-				children: /* @__PURE__ */ jsx(ProductCard, {
-					productCardConfig,
-					merchantShortName,
-					imageUrl: camelCasedProduct.imageUrl,
-					title: camelCasedProduct.title,
-					url: camelCasedProduct.url,
-					originalPrice: camelCasedProduct.originalPrice,
-					salePrice: camelCasedProduct.salePrice,
-					averageRating: camelCasedProduct.averageRating,
-					numberReviews: camelCasedProduct.numberReviews,
-					layoutVariant: productCardLayoutVariant,
-					variant: productCardVariant,
-					hoverVariant: productCardHoverVariant,
-					zoomOnHover,
-					aspectRatio: productCardImageAspectRatio,
-					growWithContainer: cardsGrowWithContainer
-				}, camelCasedProduct.id)
-			}, camelCasedProduct.id);
-		})
+		children: productList.map((product) => /* @__PURE__ */ jsx("div", {
+			className: cardContainerClasses,
+			children: /* @__PURE__ */ jsx(ProductCard, {
+				productCardConfig,
+				merchantShortName,
+				imageUrl: product.imageUrl,
+				title: product.title,
+				url: product.url,
+				originalPrice: product.originalPrice,
+				salePrice: product.salePrice,
+				averageRating: product.averageRating,
+				numberReviews: product.numberReviews,
+				layoutVariant: productCardLayoutVariant,
+				variant: productCardVariant,
+				hoverVariant: productCardHoverVariant,
+				zoomOnHover,
+				aspectRatio: productCardImageAspectRatio,
+				growWithContainer: cardsGrowWithContainer
+			})
+		}, product.id))
 	});
 };
 

package/dist/{ProductGrid-BfgnDGUq.cjs → ProductGrid-DxbFvnNs.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require('./chunk-CUT6urMc.cjs');
-const require_ProductCard = require('./ProductCard-CByKIsUN.cjs');
+const require_ProductCard = require('./ProductCard-DksbHI3v.cjs');
 let classnames = require("classnames");
 classnames = require_chunk.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -33,29 +33,26 @@ const ProductGrid = ({ productList, productGridVariant, productGridClasses, prod
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: productGridClasses,
-		children: productList.map((product) => {
-			const camelCasedProduct = product;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: cardContainerClasses,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductCard.ProductCard, {
-					productCardConfig,
-					merchantShortName,
-					imageUrl: camelCasedProduct.imageUrl,
-					title: camelCasedProduct.title,
-					url: camelCasedProduct.url,
-					originalPrice: camelCasedProduct.originalPrice,
-					salePrice: camelCasedProduct.salePrice,
-					averageRating: camelCasedProduct.averageRating,
-					numberReviews: camelCasedProduct.numberReviews,
-					layoutVariant: productCardLayoutVariant,
-					variant: productCardVariant,
-					hoverVariant: productCardHoverVariant,
-					zoomOnHover,
-					aspectRatio: productCardImageAspectRatio,
-					growWithContainer: cardsGrowWithContainer
-				}, camelCasedProduct.id)
-			}, camelCasedProduct.id);
-		})
+		children: productList.map((product) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: cardContainerClasses,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductCard.ProductCard, {
+				productCardConfig,
+				merchantShortName,
+				imageUrl: product.imageUrl,
+				title: product.title,
+				url: product.url,
+				originalPrice: product.originalPrice,
+				salePrice: product.salePrice,
+				averageRating: product.averageRating,
+				numberReviews: product.numberReviews,
+				layoutVariant: productCardLayoutVariant,
+				variant: productCardVariant,
+				hoverVariant: productCardHoverVariant,
+				zoomOnHover,
+				aspectRatio: productCardImageAspectRatio,
+				growWithContainer: cardsGrowWithContainer
+			})
+		}, product.id))
 	});
 };
 

package/dist/RadioButton/index.cjs

@@ -1,4 +1,3 @@
-require('../Typography-CFNWgbM5.cjs');
-const require_RadioButton = require('../RadioButton-DT5srptW.cjs');
+const require_RadioButton = require('../RadioButton-BzZTrq-i.cjs');
 
 exports.RadioButton = require_RadioButton.RadioButton;

package/dist/RadioButton/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 import { TestProps } from "@envive-ai/react-hooks/types";
 
 //#region src/components/RadioButton/RadioButton.d.ts
@@ -27,6 +27,6 @@ declare const RadioButton: ({
   checked,
   onChange,
   id
-}: RadioButtonProps) => react_jsx_runtime22.JSX.Element;
+}: RadioButtonProps) => react_jsx_runtime28.JSX.Element;
 //#endregion
 export { RadioButton };

package/dist/RadioButton/index.js

@@ -1,4 +1,3 @@
-import "../Typography-D3vDkBMS.js";
-import { RadioButton } from "../RadioButton-BYq1JQtD.js";
+import { RadioButton } from "../RadioButton-DRdlp-HC.js";
 
 export { RadioButton };