@envive-ai/react-toolkit 0.1.1 → 0.1.3

package/dist/Headline-ro_Nigw5.js

@@ -0,0 +1,64 @@
+import { HeadlineVariantMap } from "./textVariantClasses-5t3OricK.js";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/common/Headline/Headline.tsx
+const Headline = ({ children, className, style, testId, variant = "h1" }) => {
+	const variantClassNames = variant ? HeadlineVariantMap[variant] : {};
+	const textClassNames = classNames(className, variantClassNames, { "spiffy-tw-font-[Poppins,sans-serif]": true });
+	const T1 = () => /* @__PURE__ */ jsx("h1", {
+		"data-testid": testId,
+		className: textClassNames,
+		style,
+		children
+	});
+	const T2 = () => /* @__PURE__ */ jsx("h2", {
+		"data-testid": testId,
+		className: textClassNames,
+		style,
+		children
+	});
+	const T3 = () => /* @__PURE__ */ jsx("h3", {
+		"data-testid": testId,
+		className: textClassNames,
+		style,
+		children
+	});
+	const H1 = () => /* @__PURE__ */ jsx("h1", {
+		"data-testid": testId,
+		className: textClassNames,
+		style,
+		children
+	});
+	const H2 = () => /* @__PURE__ */ jsx("h2", {
+		"data-testid": testId,
+		className: textClassNames,
+		style,
+		children
+	});
+	const H3 = () => /* @__PURE__ */ jsx("h3", {
+		"data-testid": testId,
+		className: textClassNames,
+		style,
+		children
+	});
+	const H4 = () => /* @__PURE__ */ jsx("h4", {
+		"data-testid": testId,
+		className: textClassNames,
+		style,
+		children
+	});
+	switch (variant) {
+		case "t1": return T1();
+		case "t2": return T2();
+		case "t3": return T3();
+		case "h1": return H1();
+		case "h2": return H2();
+		case "h3": return H3();
+		case "h4": return H4();
+		default: throw new Error(`Invalid variant: ${variant}`);
+	}
+};
+
+//#endregion
+export { Headline };

package/dist/ImageWithFallback-CfmkC58B.js

@@ -0,0 +1,42 @@
+import classNames from "classnames";
+import React, { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/common/ImageWithFallback/ImageWithFallback.tsx
+const ImageWithFallback = ({ src, alt, dataTestId, fallbackClassnames, fallback, imageClassnames, onLoad, onError }) => {
+	const [isLoaded, setIsLoaded] = useState(false);
+	const [isError, setIsError] = useState(false);
+	const imageExtraClassnames = classNames(imageClassnames, {
+		"spiffy-tw-block": isLoaded,
+		"spiffy-tw-hidden": !isLoaded
+	});
+	const fallbackMergedClassNames = classNames({
+		"spiffy-tw-flex": true,
+		"spiffy-tw-flex-col": true,
+		"spiffy-tw-items-center": true
+	}, fallbackClassnames);
+	if (isError) return /* @__PURE__ */ jsx("div", {
+		className: fallbackMergedClassNames,
+		children: fallback
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [!isLoaded && /* @__PURE__ */ jsx("div", {
+		className: fallbackMergedClassNames,
+		children: fallback
+	}), /* @__PURE__ */ jsx("img", {
+		src,
+		className: imageExtraClassnames,
+		"data-testid": dataTestId,
+		alt,
+		onLoad: () => {
+			setIsLoaded(true);
+			onLoad?.();
+		},
+		onError: () => {
+			setIsError(true);
+			onError?.();
+		}
+	})] });
+};
+
+//#endregion
+export { ImageWithFallback };

package/dist/ImageWithFallback-D70hTBkZ.d.cts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime16 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/common/ImageWithFallback/ImageWithFallback.d.ts
+interface ImageWithFallbackProps {
+  src: string | undefined;
+  alt: string;
+  fallbackClassnames?: string;
+  fallback: React.ReactNode;
+  dataTestId?: string;
+  imageClassnames: string;
+  onLoad?: () => void;
+  onError?: () => void;
+}
+declare const ImageWithFallback: ({
+  src,
+  alt,
+  dataTestId,
+  fallbackClassnames,
+  fallback,
+  imageClassnames,
+  onLoad,
+  onError
+}: ImageWithFallbackProps) => react_jsx_runtime16.JSX.Element;
+//#endregion
+export { ImageWithFallback, ImageWithFallbackProps };

package/dist/ImageWithFallback-P3AjyL2Y.cjs

@@ -0,0 +1,51 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+let classnames = require("classnames");
+classnames = require_chunk.__toESM(classnames);
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+
+//#region src/components/common/ImageWithFallback/ImageWithFallback.tsx
+const ImageWithFallback = ({ src, alt, dataTestId, fallbackClassnames, fallback, imageClassnames, onLoad, onError }) => {
+	const [isLoaded, setIsLoaded] = (0, react.useState)(false);
+	const [isError, setIsError] = (0, react.useState)(false);
+	const imageExtraClassnames = (0, classnames.default)(imageClassnames, {
+		"spiffy-tw-block": isLoaded,
+		"spiffy-tw-hidden": !isLoaded
+	});
+	const fallbackMergedClassNames = (0, classnames.default)({
+		"spiffy-tw-flex": true,
+		"spiffy-tw-flex-col": true,
+		"spiffy-tw-items-center": true
+	}, fallbackClassnames);
+	if (isError) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: fallbackMergedClassNames,
+		children: fallback
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [!isLoaded && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: fallbackMergedClassNames,
+		children: fallback
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		src,
+		className: imageExtraClassnames,
+		"data-testid": dataTestId,
+		alt,
+		onLoad: () => {
+			setIsLoaded(true);
+			onLoad?.();
+		},
+		onError: () => {
+			setIsError(true);
+			onError?.();
+		}
+	})] });
+};
+
+//#endregion
+Object.defineProperty(exports, 'ImageWithFallback', {
+  enumerable: true,
+  get: function () {
+    return ImageWithFallback;
+  }
+});

package/dist/ImageWithFallback-xikP8SY4.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/common/ImageWithFallback/ImageWithFallback.d.ts
+interface ImageWithFallbackProps {
+  src: string | undefined;
+  alt: string;
+  fallbackClassnames?: string;
+  fallback: React.ReactNode;
+  dataTestId?: string;
+  imageClassnames: string;
+  onLoad?: () => void;
+  onError?: () => void;
+}
+declare const ImageWithFallback: ({
+  src,
+  alt,
+  dataTestId,
+  fallbackClassnames,
+  fallback,
+  imageClassnames,
+  onLoad,
+  onError
+}: ImageWithFallbackProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ImageWithFallback, ImageWithFallbackProps };

package/dist/NoSearchResultsFound-C25AsQAI.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime19 from "react/jsx-runtime";
+
+//#region src/components/search/SearchResultsStates/NoSearchResultsFound.d.ts
+interface NoSearchResultsFoundProps {
+  containerPaddingClasses: string;
+  includeBottomMargin?: boolean;
+  noResultsFoundText?: string;
+  sparkleIconColor?: string;
+}
+declare const NoSearchResultsFound: ({
+  containerPaddingClasses,
+  includeBottomMargin,
+  noResultsFoundText,
+  sparkleIconColor
+}: NoSearchResultsFoundProps) => react_jsx_runtime19.JSX.Element;
+//#endregion
+export { NoSearchResultsFound };

package/dist/NoSearchResultsFound-jT3JwiYm.cjs

@@ -0,0 +1,34 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_Text = require('./Text-C04c4Z93.cjs');
+let classnames = require("classnames");
+classnames = require_chunk.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+let __envive_ai_react_icons_src_Sparkles = require("@envive-ai/react-icons/src/Sparkles");
+__envive_ai_react_icons_src_Sparkles = require_chunk.__toESM(__envive_ai_react_icons_src_Sparkles);
+
+//#region src/components/search/SearchResultsStates/NoSearchResultsFound.tsx
+const NoSearchResultsFound = ({ containerPaddingClasses, includeBottomMargin = false, noResultsFoundText, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
+	const containerClasses = (0, classnames.default)(containerPaddingClasses, includeBottomMargin ? "spiffy-tw-mb-[100vh]" : "", "spiffy-tw-mt-6");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: containerClasses,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "spiffy-tw-flex spiffy-tw-items-start spiffy-tw-gap-2",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_src_Sparkles.default, {
+				className: "spiffy-tw-w-[24px] spiffy-tw-h-[24px]",
+				style: { color: sparkleIconColor }
+			}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+				variant: "body2",
+				children: noResultsFoundText || "I’m sorry, I wasn’t able to find an exact match. Try changing your filters or adjusting your search query."
+			})]
+		})
+	});
+};
+
+//#endregion
+Object.defineProperty(exports, 'NoSearchResultsFound', {
+  enumerable: true,
+  get: function () {
+    return NoSearchResultsFound;
+  }
+});

package/dist/NoSearchResultsFound-lpvz_Gq-.d.cts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+
+//#region src/components/search/SearchResultsStates/NoSearchResultsFound.d.ts
+interface NoSearchResultsFoundProps {
+  containerPaddingClasses: string;
+  includeBottomMargin?: boolean;
+  noResultsFoundText?: string;
+  sparkleIconColor?: string;
+}
+declare const NoSearchResultsFound: ({
+  containerPaddingClasses,
+  includeBottomMargin,
+  noResultsFoundText,
+  sparkleIconColor
+}: NoSearchResultsFoundProps) => react_jsx_runtime11.JSX.Element;
+//#endregion
+export { NoSearchResultsFound };

package/dist/NoSearchResultsFound-q-DgYpjR.js

@@ -0,0 +1,25 @@
+import { Text } from "./Text-Bdv7F5-u.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Sparkles from "@envive-ai/react-icons/src/Sparkles";
+
+//#region src/components/search/SearchResultsStates/NoSearchResultsFound.tsx
+const NoSearchResultsFound = ({ containerPaddingClasses, includeBottomMargin = false, noResultsFoundText, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
+	const containerClasses = classNames(containerPaddingClasses, includeBottomMargin ? "spiffy-tw-mb-[100vh]" : "", "spiffy-tw-mt-6");
+	return /* @__PURE__ */ jsx("div", {
+		className: containerClasses,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "spiffy-tw-flex spiffy-tw-items-start spiffy-tw-gap-2",
+			children: [/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Sparkles, {
+				className: "spiffy-tw-w-[24px] spiffy-tw-h-[24px]",
+				style: { color: sparkleIconColor }
+			}) }), /* @__PURE__ */ jsx(Text, {
+				variant: "body2",
+				children: noResultsFoundText || "I’m sorry, I wasn’t able to find an exact match. Try changing your filters or adjusting your search query."
+			})]
+		})
+	});
+};
+
+//#endregion
+export { NoSearchResultsFound };

package/dist/ProductCard-CLLIICuS.js

@@ -0,0 +1,172 @@
+import { Text } from "./Text-Bdv7F5-u.js";
+import { Headline } from "./Headline-ro_Nigw5.js";
+import { ImageWithFallback } from "./ImageWithFallback-CfmkC58B.js";
+import { productCardLayoutVariantClasses, variantClassMap, variantHoverClassMap, variantTitleColorMap } from "./productCardVariants-C_QIZ-KF.js";
+import { Spinner } from "./Spinner-BZ-kTOpm.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MdStar } from "react-icons/md";
+
+//#region src/logging/logger.ts
+var Logger = class {
+	static logInfo(message, ...args) {
+		console.info(`INFO: ${message}`, ...args);
+	}
+	static logDebug(message, ...args) {
+		console.debug(`DEBUG: ${message}`, ...args);
+	}
+	static logError(message, error, ...args) {
+		console.error(`ERROR: ${message} error=${error}`, args);
+	}
+	static logWarn(message, error, ...args) {
+		console.warn(`WARN: ${message} error=${error}`, args);
+	}
+};
+var logger_default = Logger;
+
+//#endregion
+//#region src/util/formatPrice.ts
+const formatPrice = (price, currency = "$") => {
+	if (price == null) return "";
+	const options = {};
+	if (!Number.isInteger(price)) {
+		options.minimumFractionDigits = 2;
+		options.maximumFractionDigits = 2;
+	}
+	return `${currency}${price.toLocaleString("en-US", options)}`;
+};
+
+//#endregion
+//#region src/components/common/ProductCard/ProductCard.tsx
+const formatReviews = (stars) => String(Number(stars).toLocaleString("en-US", {
+	minimumFractionDigits: 1,
+	maximumFractionDigits: 1
+}));
+const RatingSummary = ({ stars, reviewCount, className }) => {
+	const group = classNames("spiffy-product-card-rating", "spiffy-product-card-text-color", "spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-items-center", "spiffy-tw-gap-1", "spiffy-tw-text-[--spiffy-colors-text-primary]", "spiffy-tw-tracking-[0.8px]");
+	const starClassnames = classNames("spiffy-product-card-rating-star-color", "spiffy-tw-fill-[--spiffy-colors-accent-primary]", "spiffy-tw-w-[14px]", "spiffy-tw-h-[14px]");
+	return /* @__PURE__ */ jsx("div", {
+		className,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: group,
+			children: [
+				/* @__PURE__ */ jsx(MdStar, { className: starClassnames }),
+				/* @__PURE__ */ jsx(Text, {
+					variant: "body3",
+					children: formatReviews(stars)
+				}),
+				/* @__PURE__ */ jsxs(Text, {
+					variant: "body3",
+					children: [
+						"(",
+						reviewCount,
+						")"
+					]
+				})
+			]
+		})
+	});
+};
+const PriceSection = ({ originalPrice, salePrice, pricePrefix }) => {
+	if (!originalPrice) return null;
+	const priceClassName = classNames("spiffy-product-card-price", "spiffy-product-card-text-color", "spiffy-tw-font-regular", "spiffy-tw-flex", "spiffy-tw-flex-wrap", "spiffy-tw-gap-1", "spiffy-tw-text-sm", "spiffy-tw-font-[400]", "spiffy-tw-leading-[100%]", "spiffy-tw-tracking-[0.8px]", "spiffy-tw-text-[--spiffy-colors-text-primary]");
+	const showSalePrice = salePrice && originalPrice !== salePrice;
+	return /* @__PURE__ */ jsxs("div", {
+		className: priceClassName,
+		children: [
+			pricePrefix && /* @__PURE__ */ jsx(Text, { children: pricePrefix }),
+			showSalePrice && /* @__PURE__ */ jsx(Text, { children: salePrice }),
+			/* @__PURE__ */ jsx(Text, {
+				className: showSalePrice ? "spiffy-tw-line-through" : "",
+				children: originalPrice
+			})
+		]
+	});
+};
+const ProductCard = ({ productCardConfig, merchantShortName, imageUrl, title, url, originalPrice, averageRating, numberReviews, salePrice, variant, hoverVariant, dataTestId, layoutVariant = "normal", zoomOnHover = false, aspectRatio = "none", growWithContainer = false, handleClick }) => {
+	const finalVariant = variant ?? productCardConfig?.variant ?? "filled";
+	const finalHoverVariant = hoverVariant ?? productCardConfig?.hoverVariant ?? "backgroundDark";
+	const finalLayoutVariant = layoutVariant ?? productCardConfig?.layoutVariant ?? "normal";
+	const pricePrefix = productCardConfig?.pricePrefix;
+	if (productCardConfig == null) {
+		logger_default.logError("[ProductCard] productCardConfig is null", void 0, { merchant: merchantShortName });
+		return null;
+	}
+	const layoutClasses = productCardLayoutVariantClasses[finalLayoutVariant];
+	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
+	}, !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", {
+		"spiffy-tw-h-full": growWithContainer,
+		"spiffy-tw-w-full": growWithContainer,
+		"spiffy-tw-flex-1": growWithContainer
+	}, ...!growWithContainer && layoutVariant ? verticalContainerVariantClasses : []);
+	const linkClassnames = classNames({
+		"spiffy-tw-w-full": true,
+		"spiffy-tw-h-full": true,
+		"spiffy-tw-overflow-hidden": true,
+		"spiffy-tw-select-none": true
+	});
+	const imageClipContainerClassnames = classNames("spiffy-tw-w-full", "spiffy-tw-overflow-hidden", {
+		"spiffy-tw-flex-shrink-0": growWithContainer,
+		"spiffy-tw-tw-h-full": !growWithContainer
+	}, aspectRatio === "3:4" ? "spiffy-tw-aspect-[3/4]" : "", aspectRatio === "square" ? "spiffy-tw-aspect-square" : "");
+	const imageContainerClassnames = classNames(linkClassnames, zoomOnHover ? [
+		"spiffy-tw-transition-transform",
+		"spiffy-tw-duration-200",
+		"spiffy-tw-origin-top",
+		"hover:spiffy-tw-scale-105"
+	] : []);
+	const contentClassnames = classNames("spiffy-tw-flex", "spiffy-tw-flex-col", "spiffy-tw-p-2", "spiffy-tw-pr-2", "spiffy-tw-items-start", "spiffy-tw-justify-end", { "spiffy-tw-flex-grow-0": layoutVariant === "tall" || layoutVariant === "square" });
+	const productTitleClassnames = classNames("spiffy-tw-line-clamp-2", "spiffy-tw-overflow-clip", "spiffy-tw-tracking-[0.8px]", "spiffy-tw-whitespace-normal", "spiffy-tw-normal-case", variantTitleColorMap.get(finalVariant) ?? "spiffy-tw-text-[--spiffy-colors-text-primary]", ...layoutClasses.productTitle);
+	const priceAndRatingContainerClassnames = classNames("spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-justify-between", "spiffy-tw-items-center", "spiffy-tw-w-full", "spiffy-tw-pt-2", "spiffy-tw-gap-2");
+	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,
+		children: /* @__PURE__ */ jsx("a", {
+			href: url,
+			onClick: () => handleClick(url || ""),
+			target: "_self",
+			draggable: false,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: verticalContainerClassnames,
+				children: [/* @__PURE__ */ jsx("div", {
+					className: imageClipContainerClassnames,
+					children: /* @__PURE__ */ jsx("div", {
+						className: imageContainerClassnames,
+						children: imageUrl && /* @__PURE__ */ jsx(ImageWithFallback, {
+							src: imageUrl,
+							alt: title,
+							fallback: /* @__PURE__ */ jsx(Spinner, { className: "spiffy-tw-w-6 spiffy-tw-h-6" }),
+							imageClassnames
+						})
+					})
+				}), /* @__PURE__ */ jsxs("div", {
+					className: contentClassnames,
+					children: [/* @__PURE__ */ jsx(Headline, {
+						variant: "h4",
+						className: productTitleClassnames,
+						children: title
+					}), /* @__PURE__ */ jsxs("div", {
+						className: priceAndRatingContainerClassnames,
+						children: [(originalPrice || salePrice) && /* @__PURE__ */ jsx(PriceSection, {
+							originalPrice: formatPrice(originalPrice),
+							salePrice: formatPrice(salePrice),
+							pricePrefix
+						}), averageRating && numberReviews && /* @__PURE__ */ jsx(RatingSummary, {
+							stars: averageRating,
+							reviewCount: numberReviews
+						})]
+					})]
+				})]
+			})
+		})
+	});
+};
+
+//#endregion
+export { PriceSection, ProductCard, RatingSummary, formatPrice };

package/dist/ProductCard-CPOXS9kz.d.ts

@@ -0,0 +1,91 @@
+import { TestProps } from "./types-Y0WKFOqS.js";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant } from "./types-CmjqQWAG.js";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+
+//#region src/config/chatElementDisplayLocation.d.ts
+declare enum ChatElementDisplayLocation {
+  IN_CHAT = "in_chat",
+  CHAT_PREVIEW = "chat_preview",
+  FLOATING_BUTTON = "floating_button",
+  HELP_ME_CHOOSE = "help_me_choose",
+  PLP_IMAGE_BANNER = "plp_image_banner",
+  TOP_REVIEWS_SNIPPET = "top_reviews_snippet",
+  BOTTOM_REVIEWS_SNIPPET = "bottom_reviews_snippet",
+  BLOCK_BACK_BUTTON = "block_back_button",
+  SWITCH_TO_AGENT = "switch_to_agent",
+  CONVERSATIONAL_SEARCH = "conversational_search",
+  GLOBAL_SEARCH_ENTRYPOINT = "global_search_entrypoint",
+  SEARCH_NAV_ENTRYPOINT = "search_nav_entrypoint",
+  SEARCH_PROMPT = "search_prompt",
+  SEARCH_PROMPT_BUTTON = "search_prompt_button",
+  PRODUCT_GRID = "product_grid",
+  UNSPECIFIED = "unspecified",
+  FILTER_MODAL = "filter_modal",
+  PROMPT_CARD = "prompt_card",
+  WINDOW_API_CALL = "window_api_call",
+}
+//#endregion
+//#region src/components/common/ProductCard/ProductCard.d.ts
+interface RatingSummaryProps {
+  stars: number;
+  reviewCount: number;
+  className?: string;
+}
+declare const RatingSummary: ({
+  stars,
+  reviewCount,
+  className
+}: RatingSummaryProps) => react_jsx_runtime12.JSX.Element;
+interface PriceSectionProps {
+  originalPrice?: string;
+  salePrice?: string;
+  pricePrefix?: string;
+}
+declare const PriceSection: ({
+  originalPrice,
+  salePrice,
+  pricePrefix
+}: PriceSectionProps) => react_jsx_runtime12.JSX.Element;
+interface ProductCardProps extends TestProps {
+  productCardConfig?: ProductCardConfig;
+  merchantShortName: string;
+  title: string;
+  url?: string;
+  searchResponseId?: string;
+  productResponseId?: string;
+  cardDisplayLocation: ChatElementDisplayLocation.IN_CHAT | ChatElementDisplayLocation.PRODUCT_GRID;
+  imageUrl?: string;
+  originalPrice?: number;
+  averageRating?: number;
+  numberReviews?: number;
+  salePrice?: number;
+  variant?: ProductCardVariant;
+  hoverVariant?: ProductCardHoverVariant;
+  layoutVariant?: ProductCardLayoutVariant;
+  zoomOnHover?: boolean;
+  aspectRatio?: '3:4' | 'square' | 'none';
+  clickPosition?: number | null;
+  growWithContainer?: boolean;
+  handleClick: (clickedUrl: string) => void;
+}
+declare const ProductCard: ({
+  productCardConfig,
+  merchantShortName,
+  imageUrl,
+  title,
+  url,
+  originalPrice,
+  averageRating,
+  numberReviews,
+  salePrice,
+  variant,
+  hoverVariant,
+  dataTestId,
+  layoutVariant,
+  zoomOnHover,
+  aspectRatio,
+  growWithContainer,
+  handleClick
+}: ProductCardProps) => react_jsx_runtime12.JSX.Element;
+//#endregion
+export { ChatElementDisplayLocation, PriceSection, ProductCard, RatingSummary };

package/dist/ProductCard-CTm2sGVZ.d.cts

@@ -0,0 +1,91 @@
+import { TestProps } from "./types-TYhhwWZw.cjs";
+import { ProductCardConfig, ProductCardHoverVariant, ProductCardLayoutVariant, ProductCardVariant } from "./types--SBcFTJX.cjs";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+
+//#region src/config/chatElementDisplayLocation.d.ts
+declare enum ChatElementDisplayLocation {
+  IN_CHAT = "in_chat",
+  CHAT_PREVIEW = "chat_preview",
+  FLOATING_BUTTON = "floating_button",
+  HELP_ME_CHOOSE = "help_me_choose",
+  PLP_IMAGE_BANNER = "plp_image_banner",
+  TOP_REVIEWS_SNIPPET = "top_reviews_snippet",
+  BOTTOM_REVIEWS_SNIPPET = "bottom_reviews_snippet",
+  BLOCK_BACK_BUTTON = "block_back_button",
+  SWITCH_TO_AGENT = "switch_to_agent",
+  CONVERSATIONAL_SEARCH = "conversational_search",
+  GLOBAL_SEARCH_ENTRYPOINT = "global_search_entrypoint",
+  SEARCH_NAV_ENTRYPOINT = "search_nav_entrypoint",
+  SEARCH_PROMPT = "search_prompt",
+  SEARCH_PROMPT_BUTTON = "search_prompt_button",
+  PRODUCT_GRID = "product_grid",
+  UNSPECIFIED = "unspecified",
+  FILTER_MODAL = "filter_modal",
+  PROMPT_CARD = "prompt_card",
+  WINDOW_API_CALL = "window_api_call",
+}
+//#endregion
+//#region src/components/common/ProductCard/ProductCard.d.ts
+interface RatingSummaryProps {
+  stars: number;
+  reviewCount: number;
+  className?: string;
+}
+declare const RatingSummary: ({
+  stars,
+  reviewCount,
+  className
+}: RatingSummaryProps) => react_jsx_runtime1.JSX.Element;
+interface PriceSectionProps {
+  originalPrice?: string;
+  salePrice?: string;
+  pricePrefix?: string;
+}
+declare const PriceSection: ({
+  originalPrice,
+  salePrice,
+  pricePrefix
+}: PriceSectionProps) => react_jsx_runtime1.JSX.Element;
+interface ProductCardProps extends TestProps {
+  productCardConfig?: ProductCardConfig;
+  merchantShortName: string;
+  title: string;
+  url?: string;
+  searchResponseId?: string;
+  productResponseId?: string;
+  cardDisplayLocation: ChatElementDisplayLocation.IN_CHAT | ChatElementDisplayLocation.PRODUCT_GRID;
+  imageUrl?: string;
+  originalPrice?: number;
+  averageRating?: number;
+  numberReviews?: number;
+  salePrice?: number;
+  variant?: ProductCardVariant;
+  hoverVariant?: ProductCardHoverVariant;
+  layoutVariant?: ProductCardLayoutVariant;
+  zoomOnHover?: boolean;
+  aspectRatio?: '3:4' | 'square' | 'none';
+  clickPosition?: number | null;
+  growWithContainer?: boolean;
+  handleClick: (clickedUrl: string) => void;
+}
+declare const ProductCard: ({
+  productCardConfig,
+  merchantShortName,
+  imageUrl,
+  title,
+  url,
+  originalPrice,
+  averageRating,
+  numberReviews,
+  salePrice,
+  variant,
+  hoverVariant,
+  dataTestId,
+  layoutVariant,
+  zoomOnHover,
+  aspectRatio,
+  growWithContainer,
+  handleClick
+}: ProductCardProps) => react_jsx_runtime1.JSX.Element;
+//#endregion
+export { ChatElementDisplayLocation, PriceSection, ProductCard, RatingSummary };