npm - @envive-ai/react-toolkit-v3 - Versions diffs - 0.3.7 → 0.3.8 - Mend

@envive-ai/react-toolkit-v3 0.3.7 → 0.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (491) hide show

package/dist/ReviewCard/hooks/useGetRatingBackgroundProperties.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 //#region src/components/ReviewCard/hooks/useGetRatingBackgroundProperties.ts
 const useGetRatingBackgroundProperties = (theme) => {

package/dist/ReviewCard/hooks/useGetReadMoreTypographyProperties.cjs CHANGED Viewed

@@ -1,4 +1,4 @@
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 const require_index = require('../../Typography/types/index.cjs');
 require('../../Typography/index.cjs');

package/dist/ReviewCard/hooks/useGetReadMoreTypographyProperties.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { TypographyVariant } from "../../Typography/types/index.js";
 import "../../Typography/index.js";

package/dist/ReviewCard/hooks/useGetStarIconProperties.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 let react = require("react");
 //#region src/components/ReviewCard/hooks/useGetStarIconProperties.ts

package/dist/ReviewCard/hooks/useGetStarIconProperties.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { useMemo } from "react";
 //#region src/components/ReviewCard/hooks/useGetStarIconProperties.ts

package/dist/ReviewCard/types/types.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 //#region src/components/ReviewCard/types/types.d.ts

package/dist/SalesAgentProductCard/SalesAgentProductCard.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../tokens/theme/theme.cjs');
+const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
 const require_resolveTheme = require('../utils/resolveTheme.cjs');
 const require_index = require('../Image/types/index.cjs');
 const require_types = require('./types/types.cjs');

package/dist/SalesAgentProductCard/SalesAgentProductCard.d.cts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { SalesAgentProductCardProps } from "./types/types.cjs";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/components/SalesAgentProductCard/SalesAgentProductCard.d.ts
@@ -29,6 +29,6 @@ declare const SalesAgentProductCard: ({
   image,
   url,
   onClick
-}: SalesAgentProductCardProps) => react_jsx_runtime4.JSX.Element;
+}: SalesAgentProductCardProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { SalesAgentProductCard };

package/dist/SalesAgentProductCard/SalesAgentProductCard.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { SalesAgentProductCardProps } from "./types/types.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 //#region src/components/SalesAgentProductCard/SalesAgentProductCard.d.ts
@@ -29,6 +29,6 @@ declare const SalesAgentProductCard: ({
   image,
   url,
   onClick
-}: SalesAgentProductCardProps) => react_jsx_runtime6.JSX.Element;
+}: SalesAgentProductCardProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { SalesAgentProductCard };

package/dist/SalesAgentProductCard/SalesAgentProductCard.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from "../tokens/theme/theme.js";
+import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
 import { resolveTheme } from "../utils/resolveTheme.js";
 import { ImageAspectRatio } from "../Image/types/index.js";
 import { SalesAgentProductCardVariant } from "./types/types.js";

package/dist/SalesAgentProductCard/components/Container.cjs CHANGED Viewed

@@ -1,9 +1,9 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../tokens/theme/theme.cjs');
-const require_Stack = require('../../Stack/Stack.cjs');
-require('../../Stack/index.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 const require_Container = require('../../Container/Container.cjs');
 require('../../Container/index.cjs');
+const require_Stack = require('../../Stack/Stack.cjs');
+require('../../Stack/index.cjs');
 const require_types = require('../types/types.cjs');
 const require_useGetContainerProperties = require('../hooks/useGetContainerProperties.cjs');
 const require_useGetProductDescriptionProperties = require('../hooks/useGetProductDescriptionProperties.cjs');

package/dist/SalesAgentProductCard/components/Container.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { SalesAgentProductCardVariant } from "../types/types.js";
 import "react/jsx-runtime";

package/dist/SalesAgentProductCard/components/Container.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { Theme } from "../../tokens/theme/theme.js";
-import { Stack } from "../../Stack/Stack.js";
-import "../../Stack/index.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { Container } from "../../Container/Container.js";
 import "../../Container/index.js";
+import { Stack } from "../../Stack/Stack.js";
+import "../../Stack/index.js";
 import { SalesAgentProductCardVariant } from "../types/types.js";
 import { useGetContainerProperties } from "../hooks/useGetContainerProperties.js";
 import { useGetProductDescriptionProperties } from "../hooks/useGetProductDescriptionProperties.js";

package/dist/SalesAgentProductCard/components/ProductName.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 const require_index = require('../../Typography/types/index.cjs');
 const require_Typography = require('../../Typography/Typography.cjs');
 require('../../Typography/index.cjs');

package/dist/SalesAgentProductCard/components/ProductName.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import "react/jsx-runtime";
 //#region src/components/SalesAgentProductCard/components/ProductName.d.ts

package/dist/SalesAgentProductCard/components/ProductName.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { TypographyColor, TypographyVariant } from "../../Typography/types/index.js";
 import { Typography } from "../../Typography/Typography.js";
 import "../../Typography/index.js";

package/dist/SalesAgentProductCard/components/Rate.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
 const require_index = require('../../Typography/types/index.cjs');

package/dist/SalesAgentProductCard/components/Rate.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import "react/jsx-runtime";
 //#region src/components/SalesAgentProductCard/components/Rate.d.ts

package/dist/SalesAgentProductCard/components/Rate.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
 import { TypographyColor, TypographyVariant } from "../../Typography/types/index.js";

package/dist/SalesAgentProductCard/components/index.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { ContainerProps } from "./Container.js";
 import { ProductNameProps } from "./ProductName.js";
 import { PriceProps } from "./Price.js";
 import { RateProps } from "./Rate.js";
 import { ProductImageProps } from "./ProductImage.js";
-import * as react2 from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react0 from "react";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 //#region src/components/SalesAgentProductCard/components/index.d.ts
 declare const SalesAgentProductCardComponents: {
@@ -22,24 +22,24 @@ declare const SalesAgentProductCardComponents: {
     image,
     url,
     onClick
-  }: ContainerProps) => react_jsx_runtime1.JSX.Element;
+  }: ContainerProps) => react_jsx_runtime9.JSX.Element;
   ProductName: ({
     label,
     theme,
     style,
     className
-  }: ProductNameProps) => react_jsx_runtime1.JSX.Element;
+  }: ProductNameProps) => react_jsx_runtime9.JSX.Element;
   Price: ({
     previousPrice,
     currentPrice,
     pricePrefix,
     forceShowCurrentPriceSpace
-  }: PriceProps) => react_jsx_runtime1.JSX.Element;
+  }: PriceProps) => react_jsx_runtime9.JSX.Element;
   Rate: ({
     rate,
     numberOfReviews,
     theme
-  }: RateProps) => react_jsx_runtime1.JSX.Element;
+  }: RateProps) => react_jsx_runtime9.JSX.Element;
   ProductImage: ({
     src,
     alt,
@@ -47,14 +47,14 @@ declare const SalesAgentProductCardComponents: {
     aspectRatio,
     className,
     ...props
-  }: ProductImageProps) => react_jsx_runtime1.JSX.Element;
+  }: ProductImageProps) => react_jsx_runtime9.JSX.Element;
   StarIcon: ({
     theme,
     style
   }: {
     theme: Theme;
     style?: React.CSSProperties;
-  }) => react2.ReactElement<react2.SVGProps<SVGSVGElement>, string | react2.JSXElementConstructor<any>>;
+  }) => react0.ReactElement<react0.SVGProps<SVGSVGElement>, string | react0.JSXElementConstructor<any>>;
 };
 //#endregion
 export { SalesAgentProductCardComponents };

package/dist/SalesAgentProductCard/hooks/useGetContainerProperties.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 const require_types = require('../types/types.cjs');
 let react = require("react");

package/dist/SalesAgentProductCard/hooks/useGetContainerProperties.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { SalesAgentProductCardVariant } from "../types/types.js";
 import { useMemo } from "react";

package/dist/SalesAgentProductCard/hooks/useGetProductDescriptionProperties.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 const require_types = require('../types/types.cjs');
 let react = require("react");

package/dist/SalesAgentProductCard/hooks/useGetProductDescriptionProperties.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { SalesAgentProductCardVariant } from "../types/types.js";
 import { useMemo } from "react";

package/dist/SalesAgentProductCard/hooks/useGetProductNameProperties.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 let react = require("react");
 //#region src/components/SalesAgentProductCard/hooks/useGetProductNameProperties.ts

package/dist/SalesAgentProductCard/hooks/useGetProductNameProperties.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { useMemo } from "react";
 //#region src/components/SalesAgentProductCard/hooks/useGetProductNameProperties.ts

package/dist/SalesAgentProductCard/hooks/useGetStarIconProperties.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 let react = require("react");
 //#region src/components/SalesAgentProductCard/hooks/useGetStarIconProperties.ts

package/dist/SalesAgentProductCard/hooks/useGetStarIconProperties.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { useMemo } from "react";
 //#region src/components/SalesAgentProductCard/hooks/useGetStarIconProperties.ts

package/dist/SalesAgentProductCard/types/types.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { ImageAspectRatio } from "../../Image/types/index.js";
 //#region src/components/SalesAgentProductCard/types/types.d.ts

package/dist/SocialProof/SocialProof.cjs CHANGED Viewed

@@ -1,16 +1,18 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../tokens/theme/theme.cjs');
-const require_resolveTheme = require('../utils/resolveTheme.cjs');
+const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
 require('../Tokens/index.cjs');
+const require_resolveTheme = require('../utils/resolveTheme.cjs');
 const require_PromptButton_types_index = require('../PromptButton/types/index.cjs');
 require('../PromptButton/index.cjs');
 const require_useCheckIsMobile = require('../utils/useCheckIsMobile.cjs');
 const require_PromptCarousel_types_types = require('../PromptCarousel/types/types.cjs');
 require('../PromptCarousel/index.cjs');
 const require_types = require('../WidgetWrapper/types/types.cjs');
+const require_types$1 = require('../WidgetTextField/types/types.cjs');
 require('../WidgetWrapper/index.cjs');
 const require_WidgetWrapperWithTitle = require('../WidgetWrapperWithTitle/WidgetWrapperWithTitle.cjs');
-const require_types$1 = require('../ImageGallery/types/types.cjs');
+const require_types$2 = require('../ImageGallery/types/types.cjs');
+const require_types$3 = require('./types/types.cjs');
 const require_index = require('./components/index.cjs');
 const require_useSocialProofCount = require('./hooks/useSocialProofCount.cjs');
 require('./hooks/index.cjs');
@@ -19,7 +21,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/SocialProof/SocialProof.tsx
 const SocialProof = ({ baseProps, widgetContentProps, widgetStyleProps, widgetEventProps }) => {
 	const { id, testId, className, style, pageVariant, countKey } = baseProps ?? {};
-	const { theme = require_theme.Theme.GLOBAL_CUSTOM, variant = require_types.WidgetWrapperVariant.CARD_WITH_BORDER, hexCardColor, promptCarouselRows = require_PromptCarousel_types_types.PromptCarouselRows.TWO_ON_MOBILE_ONE_ON_DESKTOP, hideImage, imageGalleryLayout, hideTextField, primaryButtonVariant = require_PromptButton_types_index.PromptButtonVariant.DARK, secondaryButtonVariant = require_PromptButton_types_index.PromptButtonVariant.LIGHT, hideLogo, dynamicLayout } = widgetStyleProps ?? {};
+	const { theme = require_theme.Theme.GLOBAL_CUSTOM, variant = require_types.WidgetWrapperVariant.CARD_WITH_BORDER, kind = require_types$3.WidgetKind.STATIC, hexCardColor, promptCarouselRows = require_PromptCarousel_types_types.PromptCarouselRows.TWO_ON_MOBILE_ONE_ON_DESKTOP, hideImage, imageGalleryLayout, hideTextField, primaryButtonVariant = require_PromptButton_types_index.PromptButtonVariant.DARK, secondaryButtonVariant = require_PromptButton_types_index.PromptButtonVariant.LIGHT, hideLogo, dynamicLayout } = widgetStyleProps ?? {};
 	const { customerQueryText, primaryButtonText, secondaryButtonTitleText, secondaryButtonTexts, textFieldPlaceholderText, images, logoSrc, titleLabel } = widgetContentProps ?? {};
 	const numberOfCustomersText = require_useSocialProofCount.useSocialProofCount({
 		pageVariant,
@@ -29,7 +31,10 @@ const SocialProof = ({ baseProps, widgetContentProps, widgetStyleProps, widgetEv
 	const { handlePrimaryButtonClick, handleSecondaryButtonClick, handleTextFieldClick } = widgetEventProps ?? {};
 	const finalTheme = require_resolveTheme.resolveTheme(theme);
 	const { isMobile } = require_useCheckIsMobile.useCheckIsMobile("sm");
-	const hasDynamicLayout = dynamicLayout !== void 0;
+	const hasDynamicLayout = kind === require_types$3.WidgetKind.DYNAMIC || dynamicLayout !== void 0;
+	const hideImageGallery = hideImage || !images || images.length === 0;
+	const isFourGridLayout = !isMobile && imageGalleryLayout === require_types$2.ImageGalleryLayout.FOUR_GRID && !hasDynamicLayout;
+	const isFourHorizontalLayout = (imageGalleryLayout === require_types$2.ImageGalleryLayout.FOUR_HORIZONTAL || isMobile && imageGalleryLayout === require_types$2.ImageGalleryLayout.FOUR_GRID) && !hasDynamicLayout;
 	const headline = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.SocialProofComponents.Headline, {
 		theme: finalTheme,
 		socialProofCounter: numberOfCustomersText,
@@ -49,10 +54,10 @@ const SocialProof = ({ baseProps, widgetContentProps, widgetStyleProps, widgetEv
 	const textfield = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.SocialProofComponents.Textfield, {
 		theme: finalTheme,
 		placeholder: textFieldPlaceholderText,
-		handleTextFieldClick
+		handleTextFieldClick,
+		iconVariant: hasDynamicLayout ? require_types$1.IconVariant.DEFAULT : require_types$1.IconVariant.SEARCH
 	});
-	const hideImageGallery = hideImage || !images || images.length === 0;
-	if (!isMobile && imageGalleryLayout === require_types$1.ImageGalleryLayout.FOUR_GRID && !hasDynamicLayout) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_WidgetWrapperWithTitle.WidgetWrapperWithTitle, {
+	if (isFourGridLayout) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_WidgetWrapperWithTitle.WidgetWrapperWithTitle, {
 		id,
 		testId,
 		variant,
@@ -70,7 +75,7 @@ const SocialProof = ({ baseProps, widgetContentProps, widgetStyleProps, widgetEv
 			textfield: !hideTextField && textfield
 		})
 	});
-	if ((imageGalleryLayout === require_types$1.ImageGalleryLayout.FOUR_HORIZONTAL || isMobile && imageGalleryLayout === require_types$1.ImageGalleryLayout.FOUR_GRID) && !hasDynamicLayout) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_WidgetWrapperWithTitle.WidgetWrapperWithTitle, {
+	if (isFourHorizontalLayout) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_WidgetWrapperWithTitle.WidgetWrapperWithTitle, {
 		id,
 		testId,
 		variant,

package/dist/SocialProof/SocialProof.d.cts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { SocialProofProps } from "./types/types.cjs";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 //#region src/components/SocialProof/SocialProof.d.ts
 declare const SocialProof: ({
@@ -7,6 +7,6 @@ declare const SocialProof: ({
   widgetContentProps,
   widgetStyleProps,
   widgetEventProps
-}: SocialProofProps) => react_jsx_runtime5.JSX.Element;
+}: SocialProofProps) => react_jsx_runtime6.JSX.Element;
 //#endregion
 export { SocialProof };

package/dist/SocialProof/SocialProof.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { SocialProofProps } from "./types/types.js";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 //#region src/components/SocialProof/SocialProof.d.ts
 declare const SocialProof: ({
@@ -7,6 +7,6 @@ declare const SocialProof: ({
   widgetContentProps,
   widgetStyleProps,
   widgetEventProps
-}: SocialProofProps) => react_jsx_runtime17.JSX.Element;
+}: SocialProofProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { SocialProof };

package/dist/SocialProof/SocialProof.js CHANGED Viewed

@@ -1,15 +1,17 @@
-import { Theme } from "../tokens/theme/theme.js";
-import { resolveTheme } from "../utils/resolveTheme.js";
+import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
 import "../Tokens/index.js";
+import { resolveTheme } from "../utils/resolveTheme.js";
 import { PromptButtonVariant } from "../PromptButton/types/index.js";
 import "../PromptButton/index.js";
 import { useCheckIsMobile } from "../utils/useCheckIsMobile.js";
 import { PromptCarouselRows } from "../PromptCarousel/types/types.js";
 import "../PromptCarousel/index.js";
 import { WidgetWrapperVariant } from "../WidgetWrapper/types/types.js";
+import { IconVariant } from "../WidgetTextField/types/types.js";
 import "../WidgetWrapper/index.js";
 import { WidgetWrapperWithTitle } from "../WidgetWrapperWithTitle/WidgetWrapperWithTitle.js";
 import { ImageGalleryLayout } from "../ImageGallery/types/types.js";
+import { WidgetKind } from "./types/types.js";
 import { SocialProofComponents } from "./components/index.js";
 import { useSocialProofCount } from "./hooks/useSocialProofCount.js";
 import "./hooks/index.js";
@@ -18,7 +20,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/components/SocialProof/SocialProof.tsx
 const SocialProof = ({ baseProps, widgetContentProps, widgetStyleProps, widgetEventProps }) => {
 	const { id, testId, className, style, pageVariant, countKey } = baseProps ?? {};
-	const { theme = Theme.GLOBAL_CUSTOM, variant = WidgetWrapperVariant.CARD_WITH_BORDER, hexCardColor, promptCarouselRows = PromptCarouselRows.TWO_ON_MOBILE_ONE_ON_DESKTOP, hideImage, imageGalleryLayout, hideTextField, primaryButtonVariant = PromptButtonVariant.DARK, secondaryButtonVariant = PromptButtonVariant.LIGHT, hideLogo, dynamicLayout } = widgetStyleProps ?? {};
+	const { theme = Theme.GLOBAL_CUSTOM, variant = WidgetWrapperVariant.CARD_WITH_BORDER, kind = WidgetKind.STATIC, hexCardColor, promptCarouselRows = PromptCarouselRows.TWO_ON_MOBILE_ONE_ON_DESKTOP, hideImage, imageGalleryLayout, hideTextField, primaryButtonVariant = PromptButtonVariant.DARK, secondaryButtonVariant = PromptButtonVariant.LIGHT, hideLogo, dynamicLayout } = widgetStyleProps ?? {};
 	const { customerQueryText, primaryButtonText, secondaryButtonTitleText, secondaryButtonTexts, textFieldPlaceholderText, images, logoSrc, titleLabel } = widgetContentProps ?? {};
 	const numberOfCustomersText = useSocialProofCount({
 		pageVariant,
@@ -28,7 +30,10 @@ const SocialProof = ({ baseProps, widgetContentProps, widgetStyleProps, widgetEv
 	const { handlePrimaryButtonClick, handleSecondaryButtonClick, handleTextFieldClick } = widgetEventProps ?? {};
 	const finalTheme = resolveTheme(theme);
 	const { isMobile } = useCheckIsMobile("sm");
-	const hasDynamicLayout = dynamicLayout !== void 0;
+	const hasDynamicLayout = kind === WidgetKind.DYNAMIC || dynamicLayout !== void 0;
+	const hideImageGallery = hideImage || !images || images.length === 0;
+	const isFourGridLayout = !isMobile && imageGalleryLayout === ImageGalleryLayout.FOUR_GRID && !hasDynamicLayout;
+	const isFourHorizontalLayout = (imageGalleryLayout === ImageGalleryLayout.FOUR_HORIZONTAL || isMobile && imageGalleryLayout === ImageGalleryLayout.FOUR_GRID) && !hasDynamicLayout;
 	const headline = /* @__PURE__ */ jsx(SocialProofComponents.Headline, {
 		theme: finalTheme,
 		socialProofCounter: numberOfCustomersText,
@@ -48,10 +53,10 @@ const SocialProof = ({ baseProps, widgetContentProps, widgetStyleProps, widgetEv
 	const textfield = /* @__PURE__ */ jsx(SocialProofComponents.Textfield, {
 		theme: finalTheme,
 		placeholder: textFieldPlaceholderText,
-		handleTextFieldClick
+		handleTextFieldClick,
+		iconVariant: hasDynamicLayout ? IconVariant.DEFAULT : IconVariant.SEARCH
 	});
-	const hideImageGallery = hideImage || !images || images.length === 0;
-	if (!isMobile && imageGalleryLayout === ImageGalleryLayout.FOUR_GRID && !hasDynamicLayout) return /* @__PURE__ */ jsx(WidgetWrapperWithTitle, {
+	if (isFourGridLayout) return /* @__PURE__ */ jsx(WidgetWrapperWithTitle, {
 		id,
 		testId,
 		variant,
@@ -69,7 +74,7 @@ const SocialProof = ({ baseProps, widgetContentProps, widgetStyleProps, widgetEv
 			textfield: !hideTextField && textfield
 		})
 	});
-	if ((imageGalleryLayout === ImageGalleryLayout.FOUR_HORIZONTAL || isMobile && imageGalleryLayout === ImageGalleryLayout.FOUR_GRID) && !hasDynamicLayout) return /* @__PURE__ */ jsx(WidgetWrapperWithTitle, {
+	if (isFourHorizontalLayout) return /* @__PURE__ */ jsx(WidgetWrapperWithTitle, {
 		id,
 		testId,
 		variant,

package/dist/SocialProof/components/Headline.cjs CHANGED Viewed

@@ -1,13 +1,13 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../tokens/theme/theme.cjs');
-const require_Stack = require('../../Stack/Stack.cjs');
-require('../../Stack/index.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
+const require_resolveTheme = require('../../utils/resolveTheme.cjs');
 const require_Container = require('../../Container/Container.cjs');
 require('../../Container/index.cjs');
+const require_Stack = require('../../Stack/Stack.cjs');
+require('../../Stack/index.cjs');
 const require_index = require('../../Typography/types/index.cjs');
 const require_Typography = require('../../Typography/Typography.cjs');
 require('../../Typography/index.cjs');
-const require_resolveTheme = require('../../utils/resolveTheme.cjs');
 const require_PromptButton_types_index = require('../../PromptButton/types/index.cjs');
 const require_PromptButton = require('../../PromptButton/PromptButton.cjs');
 require('../../PromptButton/index.cjs');

package/dist/SocialProof/components/Headline.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { Theme } from "../../tokens/theme/theme.js";
-import { Stack } from "../../Stack/Stack.js";
-import "../../Stack/index.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
+import { resolveTheme } from "../../utils/resolveTheme.js";
 import { Container } from "../../Container/Container.js";
 import "../../Container/index.js";
+import { Stack } from "../../Stack/Stack.js";
+import "../../Stack/index.js";
 import { TypographyColor, TypographyVariant } from "../../Typography/types/index.js";
 import { Typography } from "../../Typography/Typography.js";
 import "../../Typography/index.js";
-import { resolveTheme } from "../../utils/resolveTheme.js";
 import { PromptButtonVariant } from "../../PromptButton/types/index.js";
 import { PromptButton } from "../../PromptButton/PromptButton.js";
 import "../../PromptButton/index.js";

package/dist/SocialProof/components/LayoutFourHorizontal.cjs CHANGED Viewed

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_breakpoints = require('../../tokens/breakpoints/breakpoints.cjs');
+const require_breakpoints = require('../../packages/components-v3/tokens/breakpoints/breakpoints.cjs');
+require('../../Tokens/index.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
-require('../../Tokens/index.cjs');
 const require_useCheckIsMobile = require('../../utils/useCheckIsMobile.cjs');
 const require_useGetContentSize = require('../../utils/useGetContentSize.cjs');
 const require_functions = require('../utils/functions.cjs');

package/dist/SocialProof/components/LayoutFourHorizontal.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { screensBreakpointsVariables } from "../../tokens/breakpoints/breakpoints.js";
+import { screensBreakpointsVariables } from "../../packages/components-v3/tokens/breakpoints/breakpoints.js";
+import "../../Tokens/index.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
-import "../../Tokens/index.js";
 import { useCheckIsMobile } from "../../utils/useCheckIsMobile.js";
 import { useGetContentSize } from "../../utils/useGetContentSize.js";
 import { calculateWidthImageGallery } from "../utils/functions.js";

package/dist/SocialProof/components/Subheadline.cjs CHANGED Viewed

@@ -1,11 +1,11 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
+const require_resolveTheme = require('../../utils/resolveTheme.cjs');
 const require_Stack = require('../../Stack/Stack.cjs');
 require('../../Stack/index.cjs');
 const require_index = require('../../Typography/types/index.cjs');
 const require_Typography = require('../../Typography/Typography.cjs');
 require('../../Typography/index.cjs');
-const require_resolveTheme = require('../../utils/resolveTheme.cjs');
 const require_PromptButton_types_index = require('../../PromptButton/types/index.cjs');
 require('../../PromptButton/index.cjs');
 const require_PromptCarousel = require('../../PromptCarousel/PromptCarousel.cjs');

package/dist/SocialProof/components/Subheadline.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
+import { resolveTheme } from "../../utils/resolveTheme.js";
 import { Stack } from "../../Stack/Stack.js";
 import "../../Stack/index.js";
 import { TypographyColor, TypographyVariant } from "../../Typography/types/index.js";
 import { Typography } from "../../Typography/Typography.js";
 import "../../Typography/index.js";
-import { resolveTheme } from "../../utils/resolveTheme.js";
 import { PromptButtonVariant } from "../../PromptButton/types/index.js";
 import "../../PromptButton/index.js";
 import { PromptCarousel } from "../../PromptCarousel/PromptCarousel.js";

package/dist/SocialProof/components/Textfield.cjs CHANGED Viewed

@@ -1,15 +1,17 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_theme = require('../../tokens/theme/theme.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
 const require_resolveTheme = require('../../utils/resolveTheme.cjs');
+const require_types = require('../../WidgetTextField/types/types.cjs');
 const require_WidgetTextField = require('../../WidgetTextField/WidgetTextField.cjs');
 require('../../WidgetTextField/index.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/SocialProof/components/Textfield.tsx
-const Textfield = ({ theme = require_theme.Theme.GLOBAL_CUSTOM, placeholder, handleTextFieldClick }) => {
+const Textfield = ({ theme = require_theme.Theme.GLOBAL_CUSTOM, placeholder, handleTextFieldClick, iconVariant = require_types.IconVariant.DEFAULT }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_WidgetTextField.WidgetTextField, {
 		theme: require_resolveTheme.resolveTheme(theme),
 		placeholder,
+		iconVariant,
 		onClick: () => handleTextFieldClick(placeholder)
 	});
 };

package/dist/SocialProof/components/Textfield.js CHANGED Viewed

@@ -1,14 +1,16 @@
-import { Theme } from "../../tokens/theme/theme.js";
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
 import { resolveTheme } from "../../utils/resolveTheme.js";
+import { IconVariant } from "../../WidgetTextField/types/types.js";
 import { WidgetTextField } from "../../WidgetTextField/WidgetTextField.js";
 import "../../WidgetTextField/index.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/SocialProof/components/Textfield.tsx
-const Textfield = ({ theme = Theme.GLOBAL_CUSTOM, placeholder, handleTextFieldClick }) => {
+const Textfield = ({ theme = Theme.GLOBAL_CUSTOM, placeholder, handleTextFieldClick, iconVariant = IconVariant.DEFAULT }) => {
 	return /* @__PURE__ */ jsx(WidgetTextField, {
 		theme: resolveTheme(theme),
 		placeholder,
+		iconVariant,
 		onClick: () => handleTextFieldClick(placeholder)
 	});
 };

package/dist/SocialProof/index.cjs CHANGED Viewed

@@ -6,4 +6,5 @@ const require_SocialProof = require('./SocialProof.cjs');
 exports.DynamicLayout = require_types.DynamicLayout;
 exports.PageVariant = require_types.PageVariant;
 exports.SocialProof = require_SocialProof.SocialProof;
+exports.WidgetKind = require_types.WidgetKind;
 exports.useSocialProofCount = require_useSocialProofCount.useSocialProofCount;