@envive-ai/react-toolkit 0.1.6 → 0.1.7

package/dist/SearchResultsStates-CNp6YCqF.js

@@ -0,0 +1,112 @@
+import { Text as Text$1 } from "./Text-BMg3d10t.js";
+import { AppliedFiltersScrollbar, DynamicFiltersScrollbar } from "./DynamicFiltersScrollbar-BmPTqym5.js";
+import { ProductCardSkeleton } from "./ProductCard-SF8-lXlT.js";
+import { ProductGrid, productGridVariantClasses } from "./ProductGrid-DTUhH219.js";
+import { searchFilterSidebarVariantClasses } from "./searchFilterSidebarVariants-CZT1frB-.js";
+import { SparkleAnimation } from "./SparkleAnimation-B0u6JtO3.js";
+import { motion } from "framer-motion";
+import classNames from "classnames";
+import { Text } from "@envive-ai/react-toolkit/Text";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Sparkles from "@envive-ai/react-icons/Sparkles";
+
+//#region src/components/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$1, {
+				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
+//#region src/components/SearchResultsStates/SearchResultsGrid.tsx
+const SearchResultsGrid = ({ productList, productCardConfig, merchantShortName, availableDynamicFilters, searchFilterSidebarVariant, productGridVariant, selectedFilterOptions, searchResponseId, containerXPaddingClasses, productGridClasses, onRemoveFilter, onToggleDynamicFilter }) => {
+	const sharedFilterBarClasses = classNames("spiffy-suggestion-bar", "spiffy-tw-no-scrollbar", "spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-gap-2", "spiffy-tw-mb-[16px]", "spiffy-tw-overflow-x-scroll", containerXPaddingClasses);
+	const filterBarClasses = classNames(sharedFilterBarClasses, "spiffy-tw-mt-[24px]");
+	const appliedFilterBarClasses = classNames(sharedFilterBarClasses, "spiffy-tw-mb-[32px]", "spiffy-tw-mt-[8px]");
+	const { filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses } = searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
+	return /* @__PURE__ */ jsxs(motion.div, {
+		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		children: [
+			/* @__PURE__ */ jsx(AppliedFiltersScrollbar, {
+				selectedFilterOptions,
+				filterBarClassNames: appliedFilterBarClasses,
+				filterDefaultClasses,
+				filterHoverClasses,
+				appliedFilterBackgroundClasses,
+				onRemoveFilter
+			}),
+			/* @__PURE__ */ jsx(DynamicFiltersScrollbar, {
+				availableDynamicFilters,
+				filterBarClassNames: filterBarClasses,
+				filterDefaultClasses,
+				filterHoverClasses,
+				onToggleDynamicFilter
+			}),
+			/* @__PURE__ */ jsx(ProductGrid, {
+				productList,
+				productGridVariant,
+				productGridClasses,
+				productCardConfig,
+				merchantShortName,
+				searchResponseId
+			})
+		]
+	});
+};
+
+//#endregion
+//#region src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx
+const SearchResultsLoadingGrid = ({ productGridVariant, productGridClasses, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
+	const { productCardLayoutVariant, productCardImageAspectRatio } = productGridVariantClasses[productGridVariant];
+	return /* @__PURE__ */ jsx(motion.div, {
+		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "spiffy-tw-mt-6 spiffy-tw-w-full",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-mb-4",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-2 spiffy-tw-ml-[16px] md:spiffy-tw-ml-[80px]",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "spiffy-tw-width-[24px]",
+						children: /* @__PURE__ */ jsx(SparkleAnimation, {
+							color: sparkleIconColor,
+							animate: true
+						})
+					}), /* @__PURE__ */ jsx(Text, {
+						variant: "body2",
+						children: "Finding the best options for you..."
+					})]
+				})
+			}), /* @__PURE__ */ jsx("div", {
+				className: productGridClasses,
+				children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ jsx(ProductCardSkeleton, {
+					layoutVariant: productCardLayoutVariant,
+					aspectRatio: productCardImageAspectRatio,
+					growWithContainer: true
+				}, index))
+			})]
+		})
+	});
+};
+
+//#endregion
+export { NoSearchResultsFound, SearchResultsGrid, SearchResultsLoadingGrid };

package/dist/SearchResultsStates-Du7HXBi8.cjs

@@ -0,0 +1,135 @@
+const require_chunk = require('./chunk-CUT6urMc.cjs');
+const require_Text = require('./Text-CgOYTs8D.cjs');
+const require_DynamicFiltersScrollbar = require('./DynamicFiltersScrollbar-BTopFhyl.cjs');
+const require_ProductCard = require('./ProductCard-DZZKutY-.cjs');
+const require_ProductGrid = require('./ProductGrid-BSSmPr7K.cjs');
+const require_searchFilterSidebarVariants = require('./searchFilterSidebarVariants-xyhy0PmQ.cjs');
+const require_SparkleAnimation = require('./SparkleAnimation-D1QpGZIg.cjs');
+let framer_motion = require("framer-motion");
+framer_motion = require_chunk.__toESM(framer_motion);
+let classnames = require("classnames");
+classnames = require_chunk.__toESM(classnames);
+let __envive_ai_react_toolkit_Text = require("@envive-ai/react-toolkit/Text");
+__envive_ai_react_toolkit_Text = require_chunk.__toESM(__envive_ai_react_toolkit_Text);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_chunk.__toESM(react_jsx_runtime);
+let __envive_ai_react_icons_Sparkles = require("@envive-ai/react-icons/Sparkles");
+__envive_ai_react_icons_Sparkles = require_chunk.__toESM(__envive_ai_react_icons_Sparkles);
+
+//#region src/components/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_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
+//#region src/components/SearchResultsStates/SearchResultsGrid.tsx
+const SearchResultsGrid = ({ productList, productCardConfig, merchantShortName, availableDynamicFilters, searchFilterSidebarVariant, productGridVariant, selectedFilterOptions, searchResponseId, containerXPaddingClasses, productGridClasses, onRemoveFilter, onToggleDynamicFilter }) => {
+	const sharedFilterBarClasses = (0, classnames.default)("spiffy-suggestion-bar", "spiffy-tw-no-scrollbar", "spiffy-tw-flex", "spiffy-tw-flex-row", "spiffy-tw-gap-2", "spiffy-tw-mb-[16px]", "spiffy-tw-overflow-x-scroll", containerXPaddingClasses);
+	const filterBarClasses = (0, classnames.default)(sharedFilterBarClasses, "spiffy-tw-mt-[24px]");
+	const appliedFilterBarClasses = (0, classnames.default)(sharedFilterBarClasses, "spiffy-tw-mb-[32px]", "spiffy-tw-mt-[8px]");
+	const { filterDefaultClasses, filterHoverClasses, appliedFilterBackgroundClasses } = require_searchFilterSidebarVariants.searchFilterSidebarVariantClasses[searchFilterSidebarVariant];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(framer_motion.motion.div, {
+		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DynamicFiltersScrollbar.AppliedFiltersScrollbar, {
+				selectedFilterOptions,
+				filterBarClassNames: appliedFilterBarClasses,
+				filterDefaultClasses,
+				filterHoverClasses,
+				appliedFilterBackgroundClasses,
+				onRemoveFilter
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DynamicFiltersScrollbar.DynamicFiltersScrollbar, {
+				availableDynamicFilters,
+				filterBarClassNames: filterBarClasses,
+				filterDefaultClasses,
+				filterHoverClasses,
+				onToggleDynamicFilter
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductGrid.ProductGrid, {
+				productList,
+				productGridVariant,
+				productGridClasses,
+				productCardConfig,
+				merchantShortName,
+				searchResponseId
+			})
+		]
+	});
+};
+
+//#endregion
+//#region src/components/SearchResultsStates/SearchResultsLoadingGrid.tsx
+const SearchResultsLoadingGrid = ({ productGridVariant, productGridClasses, sparkleIconColor = "var(--spiffy-colors-accent-primary)" }) => {
+	const { productCardLayoutVariant, productCardImageAspectRatio } = require_ProductGrid.productGridVariantClasses[productGridVariant];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
+		className: "spiffy-tw-justify-center spiffy-tw-w-full spiffy-tw-overflow-hidden",
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: { duration: .2 },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "spiffy-tw-mt-6 spiffy-tw-w-full",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-justify-between spiffy-tw-mb-4",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "spiffy-tw-flex spiffy-tw-items-center spiffy-tw-gap-2 spiffy-tw-ml-[16px] md:spiffy-tw-ml-[80px]",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "spiffy-tw-width-[24px]",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SparkleAnimation.SparkleAnimation, {
+							color: sparkleIconColor,
+							animate: true
+						})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_Text.Text, {
+						variant: "body2",
+						children: "Finding the best options for you..."
+					})]
+				})
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: productGridClasses,
+				children: Array.from({ length: 8 }).map((_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ProductCard.ProductCardSkeleton, {
+					layoutVariant: productCardLayoutVariant,
+					aspectRatio: productCardImageAspectRatio,
+					growWithContainer: true
+				}, index))
+			})]
+		})
+	});
+};
+
+//#endregion
+Object.defineProperty(exports, 'NoSearchResultsFound', {
+  enumerable: true,
+  get: function () {
+    return NoSearchResultsFound;
+  }
+});
+Object.defineProperty(exports, 'SearchResultsGrid', {
+  enumerable: true,
+  get: function () {
+    return SearchResultsGrid;
+  }
+});
+Object.defineProperty(exports, 'SearchResultsLoadingGrid', {
+  enumerable: true,
+  get: function () {
+    return SearchResultsLoadingGrid;
+  }
+});

package/dist/SparkleAnimation/index.cjs

@@ -1,4 +1,4 @@
-const require_SparkleAnimation = require('../SparkleAnimation-BhyeL26m.cjs');
+const require_SparkleAnimation = require('../SparkleAnimation-D1QpGZIg.cjs');
 
 exports.SparkleAnimation = require_SparkleAnimation.SparkleAnimation;
 exports.SparkleAnimationOverride = require_SparkleAnimation.SparkleAnimationOverride;

package/dist/SparkleAnimation/index.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/components/SparkleAnimation/SparkleAnimation.d.ts
 interface SparkleAnimationProps {
@@ -10,7 +10,7 @@ declare const SparkleAnimation: ({
   color,
   className,
   animate
-}: SparkleAnimationProps) => react_jsx_runtime14.JSX.Element;
+}: SparkleAnimationProps) => react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/components/SparkleAnimation/types.d.ts
 declare enum SparkleAnimationOverride {

package/dist/SparkleAnimation/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/components/SparkleAnimation/SparkleAnimation.d.ts
 interface SparkleAnimationProps {
@@ -10,7 +10,7 @@ declare const SparkleAnimation: ({
   color,
   className,
   animate
-}: SparkleAnimationProps) => react_jsx_runtime2.JSX.Element;
+}: SparkleAnimationProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/components/SparkleAnimation/types.d.ts
 declare enum SparkleAnimationOverride {

package/dist/SparkleAnimation/index.js

@@ -1,3 +1,3 @@
-import { SparkleAnimation, SparkleAnimationOverride } from "../SparkleAnimation-BdOjC8l-.js";
+import { SparkleAnimation, SparkleAnimationOverride } from "../SparkleAnimation-B0u6JtO3.js";
 
 export { SparkleAnimation, SparkleAnimationOverride };

package/dist/Spinner/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/Spinner/Spinner.d.ts
 type SpinnerProps = {
@@ -6,6 +6,6 @@ type SpinnerProps = {
 };
 declare const Spinner: ({
   className
-}: SpinnerProps) => react_jsx_runtime20.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Spinner };

package/dist/SuggestionButton/index.d.cts

@@ -1,5 +1,5 @@
-import { TestProps } from "../types-BQYpWDJ4.cjs";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import { TestProps } from "../types-D2xCS4y9.cjs";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/components/SuggestionButton/types.d.ts
 type SuggestionButtonVariant = 'outlined' | 'outlinedLight' | 'primary' | 'secondary' | 'tertiary' | 'dark' | 'darkAccent' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
@@ -30,6 +30,6 @@ declare const SuggestionButton: ({
   dataAttributes,
   dataTestId,
   onClick
-}: SuggestionButtonProps) => react_jsx_runtime13.JSX.Element;
+}: SuggestionButtonProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };

package/dist/SuggestionButton/index.d.ts

@@ -1,5 +1,5 @@
-import { TestProps } from "../types-BruEHw-X.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import { TestProps } from "../types-C0UWKVvw.js";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/SuggestionButton/types.d.ts
 type SuggestionButtonVariant = 'outlined' | 'outlinedLight' | 'primary' | 'secondary' | 'tertiary' | 'dark' | 'darkAccent' | 'darkPrimary' | 'secondaryDark' | 'secondaryAccent' | 'transparent' | 'transparentDark' | 'lightDark';
@@ -30,6 +30,6 @@ declare const SuggestionButton: ({
   dataAttributes,
   dataTestId,
   onClick
-}: SuggestionButtonProps) => react_jsx_runtime4.JSX.Element;
+}: SuggestionButtonProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { SPIFFY_SUGGESTION_BUTTON_ANSWER_CLASS, SPIFFY_SUGGESTION_BUTTON_QUESTION_CLASS, SPIFFY_SUGGESTION_BUTTON_TEXT_CLASS, SuggestionButton, SuggestionButtonVariant };

package/dist/Text/index.cjs

@@ -1,6 +1,6 @@
 const require_textVariantClasses = require('../textVariantClasses-BnV4wXaw.cjs');
 const require_Text = require('../Text-CgOYTs8D.cjs');
-const require_Text$1 = require('../Text-DDT3sqY1.cjs');
+const require_Text$1 = require('../Text-Ji61nRRE.cjs');
 
 exports.ExpandableTextOverrides = require_Text$1.ExpandableTextOverrides;
 exports.HeadlineVariantMap = require_textVariantClasses.HeadlineVariantMap;

package/dist/Text/index.d.cts

@@ -1,5 +1,5 @@
-import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-Cdg-UUHi.cjs";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-DwnnFNBf.cjs";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/components/Text/types.d.ts
 declare enum ExpandableTextOverrides {
@@ -37,6 +37,6 @@ declare const Text: ({
   testId,
   type,
   variant
-}: TextProps) => react_jsx_runtime1.JSX.Element;
+}: TextProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { ExpandableTextOverrides, HeadlineProps, HeadlineVariant, HeadlineVariantMap, Text, TextStyleVariantMap, TextType, TextVariant, TextVariantMap, getVariantPlaceholderClassNames };

package/dist/Text/index.d.ts

@@ -1,5 +1,5 @@
 import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-C8OCWZAw.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 
 //#region src/components/Text/types.d.ts
 declare enum ExpandableTextOverrides {
@@ -37,6 +37,6 @@ declare const Text: ({
   testId,
   type,
   variant
-}: TextProps) => react_jsx_runtime0.JSX.Element;
+}: TextProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { ExpandableTextOverrides, HeadlineProps, HeadlineVariant, HeadlineVariantMap, Text, TextStyleVariantMap, TextType, TextVariant, TextVariantMap, getVariantPlaceholderClassNames };

package/dist/Text/index.js

@@ -1,5 +1,5 @@
 import { HeadlineVariantMap, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames } from "../textVariantClasses-CnjwO2Fv.js";
 import { Text } from "../Text-BMg3d10t.js";
-import { ExpandableTextOverrides } from "../Text-CV9pv8ds.js";
+import { ExpandableTextOverrides } from "../Text-DkwDPbHy.js";
 
 export { ExpandableTextOverrides, HeadlineVariantMap, Text, TextStyleVariantMap, TextVariantMap, getVariantPlaceholderClassNames };

package/dist/TextInput/index.d.cts

@@ -1,4 +1,4 @@
-import { TextStyleVariantMap } from "../textVariantClasses-Cdg-UUHi.cjs";
+import { TextStyleVariantMap } from "../textVariantClasses-DwnnFNBf.cjs";
 import React from "react";
 
 //#region src/components/TextInput/TextInput.d.ts

package/dist/{index-CQlBDGTL.d.cts → index-14eDYe9f.d.ts}

@@ -1,5 +1,5 @@
-import { SelectFilterItem } from "./index-B125udRj.cjs";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import { SelectFilterItem } from "./index-DLbdcczl.js";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/components/SearchResultsFilterSidebar/types.d.ts
 type SearchFilterSidebarVariant = 'darkButton' | 'lightButton';
@@ -53,6 +53,6 @@ declare const SearchResultsFilter: ({
   onSelectFilterItem,
   onClearAllFilters,
   filterButtonText
-}: SearchResultsFilterProps) => react_jsx_runtime16.JSX.Element;
+}: SearchResultsFilterProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { CloseIconVariant, SearchFilter, SearchFilterItem, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/{index-CcnuEYQN.d.ts → index-B3iEVxkL.d.cts}

@@ -1,6 +1,7 @@
-import { TestProps } from "./types-BruEHw-X.js";
+import { TestProps } from "./types-D2xCS4y9.cjs";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import { FC } from "react";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import { ResponseCategory, SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/config/chatElementDisplayLocation.d.ts
 declare enum ChatElementDisplayLocation {
@@ -25,29 +26,6 @@ declare enum ChatElementDisplayLocation {
   WINDOW_API_CALL = "window_api_call",
 }
 //#endregion
-//#region src/types/external.d.ts
-declare enum ResponseCategory {
-  Product = "product",
-}
-interface SearchResponseProduct {
-  id: string;
-  title: string;
-  description?: string;
-  price?: number;
-  currency?: string;
-  imageUrl?: string;
-  brand?: string;
-  category?: string;
-  availability?: string;
-  url: string;
-  responseId?: string;
-  originalPrice?: number;
-  salePrice?: number;
-  averageRating?: number;
-  numberReviews?: number;
-  [key: string]: unknown;
-}
-//#endregion
 //#region src/util/trim.d.ts
 /**
  * Remove spaces from the left side.
@@ -306,7 +284,7 @@ declare const RatingSummary: ({
   stars,
   reviewCount,
   className
-}: RatingSummaryProps) => react_jsx_runtime17.JSX.Element;
+}: RatingSummaryProps) => react_jsx_runtime19.JSX.Element;
 interface PriceSectionProps {
   originalPrice?: string;
   salePrice?: string;
@@ -316,7 +294,7 @@ declare const PriceSection: ({
   originalPrice,
   salePrice,
   pricePrefix
-}: PriceSectionProps) => react_jsx_runtime17.JSX.Element;
+}: PriceSectionProps) => react_jsx_runtime19.JSX.Element;
 interface ProductCardProps extends TestProps {
   productCardConfig?: ProductCardConfig;
   merchantShortName: string;
@@ -357,7 +335,7 @@ declare const ProductCard: ({
   aspectRatio,
   growWithContainer,
   handleClick
-}: ProductCardProps) => react_jsx_runtime17.JSX.Element;
+}: ProductCardProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 //#region src/components/ProductCard/ProductCardSkeleton.d.ts
 interface ProductCardSkeletonProps {

package/dist/{index-BHNzU-Pc.d.ts → index-B8bifyF-.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/components/SearchInputForm/types.d.ts
 type SearchInputVariant = 'standard';
@@ -31,6 +31,6 @@ declare const SearchInputForm: ({
   onSearchInputChange,
   onSearchSubmit,
   searchInputDataTestId
-}: SearchInputFormProps) => react_jsx_runtime6.JSX.Element;
+}: SearchInputFormProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { SearchInputForm, SearchInputVariant };

package/dist/{index-B0oln9VD.d.ts → index-BFdFh46m.d.cts}

@@ -1,5 +1,5 @@
-import { SelectFilterItem } from "./index-DMXTg_9L.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import { SelectFilterItem } from "./index-DlvTcfAg.cjs";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
 
 //#region src/components/SearchResultsFilterSidebar/types.d.ts
 type SearchFilterSidebarVariant = 'darkButton' | 'lightButton';
@@ -53,6 +53,6 @@ declare const SearchResultsFilter: ({
   onSelectFilterItem,
   onClearAllFilters,
   filterButtonText
-}: SearchResultsFilterProps) => react_jsx_runtime3.JSX.Element;
+}: SearchResultsFilterProps) => react_jsx_runtime23.JSX.Element;
 //#endregion
 export { CloseIconVariant, SearchFilter, SearchFilterItem, SearchFilterSidebarVariant, SearchResultsFilter, SearchResultsFilterProps, searchFilterSidebarVariantClasses };

package/dist/{index-wYn2mEDm.d.cts → index-ByucvlTy.d.ts}

@@ -1,6 +1,7 @@
-import { TestProps } from "./types-BQYpWDJ4.cjs";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import { TestProps } from "./types-C0UWKVvw.js";
 import { FC } from "react";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
+import { ResponseCategory, SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
 
 //#region src/config/chatElementDisplayLocation.d.ts
 declare enum ChatElementDisplayLocation {
@@ -25,29 +26,6 @@ declare enum ChatElementDisplayLocation {
   WINDOW_API_CALL = "window_api_call",
 }
 //#endregion
-//#region src/types/external.d.ts
-declare enum ResponseCategory {
-  Product = "product",
-}
-interface SearchResponseProduct {
-  id: string;
-  title: string;
-  description?: string;
-  price?: number;
-  currency?: string;
-  imageUrl?: string;
-  brand?: string;
-  category?: string;
-  availability?: string;
-  url: string;
-  responseId?: string;
-  originalPrice?: number;
-  salePrice?: number;
-  averageRating?: number;
-  numberReviews?: number;
-  [key: string]: unknown;
-}
-//#endregion
 //#region src/util/trim.d.ts
 /**
  * Remove spaces from the left side.
@@ -306,7 +284,7 @@ declare const RatingSummary: ({
   stars,
   reviewCount,
   className
-}: RatingSummaryProps) => react_jsx_runtime17.JSX.Element;
+}: RatingSummaryProps) => react_jsx_runtime20.JSX.Element;
 interface PriceSectionProps {
   originalPrice?: string;
   salePrice?: string;
@@ -316,7 +294,7 @@ declare const PriceSection: ({
   originalPrice,
   salePrice,
   pricePrefix
-}: PriceSectionProps) => react_jsx_runtime17.JSX.Element;
+}: PriceSectionProps) => react_jsx_runtime20.JSX.Element;
 interface ProductCardProps extends TestProps {
   productCardConfig?: ProductCardConfig;
   merchantShortName: string;
@@ -357,7 +335,7 @@ declare const ProductCard: ({
   aspectRatio,
   growWithContainer,
   handleClick
-}: ProductCardProps) => react_jsx_runtime17.JSX.Element;
+}: ProductCardProps) => react_jsx_runtime20.JSX.Element;
 //#endregion
 //#region src/components/ProductCard/ProductCardSkeleton.d.ts
 interface ProductCardSkeletonProps {

package/dist/{index-BNCrvswP.d.cts → index-C2iKBk7w.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/SearchInputForm/types.d.ts
 type SearchInputVariant = 'standard';
@@ -31,6 +31,6 @@ declare const SearchInputForm: ({
   onSearchInputChange,
   onSearchSubmit,
   searchInputDataTestId
-}: SearchInputFormProps) => react_jsx_runtime2.JSX.Element;
+}: SearchInputFormProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 export { SearchInputForm, SearchInputVariant };

package/dist/{index-DMXTg_9L.d.ts → index-DLbdcczl.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/components/SearchFilter/types.d.ts
 type SearchFilterItem$1 = {
@@ -56,7 +56,7 @@ declare const SearchFilter: ({
   radioButtonHoverColor,
   radioButtonUncheckedBorderColor,
   headerContent
-}: SearchFilterProps) => react_jsx_runtime8.JSX.Element;
+}: SearchFilterProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterHeader.d.ts
 declare const SearchFilterHeader: ({
@@ -64,7 +64,7 @@ declare const SearchFilterHeader: ({
   productCount,
   headerClassName,
   filterCloseIconVariant
-}: SearchFilterHeaderProps) => react_jsx_runtime8.JSX.Element;
+}: SearchFilterHeaderProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterItem.d.ts
 declare const SearchFilterItem: ({
@@ -73,6 +73,6 @@ declare const SearchFilterItem: ({
   radioButtonFillColor,
   radioButtonHoverColor,
   radioButtonUncheckedBorderColor
-}: SearchFilterItemProps) => react_jsx_runtime8.JSX.Element;
+}: SearchFilterItemProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };

package/dist/{index-B125udRj.d.cts → index-DlvTcfAg.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/SearchFilter/types.d.ts
@@ -56,7 +56,7 @@ declare const SearchFilter: ({
   radioButtonHoverColor,
   radioButtonUncheckedBorderColor,
   headerContent
-}: SearchFilterProps) => react_jsx_runtime4.JSX.Element;
+}: SearchFilterProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterHeader.d.ts
 declare const SearchFilterHeader: ({
@@ -64,7 +64,7 @@ declare const SearchFilterHeader: ({
   productCount,
   headerClassName,
   filterCloseIconVariant
-}: SearchFilterHeaderProps) => react_jsx_runtime4.JSX.Element;
+}: SearchFilterHeaderProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 //#region src/components/SearchFilter/SearchFilterItem.d.ts
 declare const SearchFilterItem: ({
@@ -73,6 +73,6 @@ declare const SearchFilterItem: ({
   radioButtonFillColor,
   radioButtonHoverColor,
   radioButtonUncheckedBorderColor
-}: SearchFilterItemProps) => react_jsx_runtime4.JSX.Element;
+}: SearchFilterItemProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { SearchFilter, SearchFilterHeader, SearchFilterHeaderProps, SearchFilterItem, SearchFilterItemProps, SearchFilterProps, SelectFilterItem };