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

package/dist/SocialProof/hooks/useSocialProofCount.cjs

@@ -0,0 +1,48 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_types = require('../types/types.cjs');
+let react = require("react");
+
+//#region src/components/SocialProof/hooks/useSocialProofCount.ts
+const RANDOM_NUMBER_MIN = 100;
+const RANDOM_NUMBER_MAX = 200;
+const SOCIAL_PROOF_COUNT_KEY = "v3_social_proof_values";
+const useSocialProofCount = ({ pageVariant, countKey, id }) => {
+	const [customerCount, setCustomerCount] = (0, react.useState)(() => Math.floor(Math.random() * (RANDOM_NUMBER_MAX - RANDOM_NUMBER_MIN + 1) + RANDOM_NUMBER_MIN));
+	(0, react.useEffect)(() => {
+		const variant = pageVariant || require_types.PageVariant.PageVisit;
+		const key = countKey || id || "default";
+		try {
+			const storedData = localStorage.getItem(SOCIAL_PROOF_COUNT_KEY);
+			let customerCountMap = {};
+			if (storedData) try {
+				customerCountMap = JSON.parse(storedData);
+			} catch (parseError) {
+				console.warn("Failed to parse social proof count from localStorage:", parseError);
+				return;
+			}
+			if (customerCountMap[variant]?.[key]) setCustomerCount(customerCountMap[variant][key]);
+			else {
+				const randomCount = Math.floor(Math.random() * (RANDOM_NUMBER_MAX - RANDOM_NUMBER_MIN + 1) + RANDOM_NUMBER_MIN);
+				if (!customerCountMap[variant]) customerCountMap[variant] = {};
+				customerCountMap[variant][key] = randomCount;
+				try {
+					localStorage.setItem(SOCIAL_PROOF_COUNT_KEY, JSON.stringify(customerCountMap));
+					setCustomerCount(randomCount);
+				} catch (storageError) {
+					console.warn("Failed to save social proof count to localStorage:", storageError);
+				}
+			}
+		} catch (error) {
+			console.warn("Error managing social proof count:", error);
+		}
+	}, [
+		pageVariant,
+		countKey,
+		id
+	]);
+	return `${customerCount} customers`;
+};
+
+//#endregion
+exports.SOCIAL_PROOF_COUNT_KEY = SOCIAL_PROOF_COUNT_KEY;
+exports.useSocialProofCount = useSocialProofCount;

package/dist/SocialProof/hooks/useSocialProofCount.d.cts

@@ -0,0 +1,15 @@
+import { PageVariant } from "../types/types.cjs";
+
+//#region src/components/SocialProof/hooks/useSocialProofCount.d.ts
+interface UseSocialProofCountParams {
+  pageVariant?: PageVariant;
+  countKey?: string;
+  id?: string;
+}
+declare const useSocialProofCount: ({
+  pageVariant,
+  countKey,
+  id
+}: UseSocialProofCountParams) => string;
+//#endregion
+export { useSocialProofCount };

package/dist/SocialProof/hooks/useSocialProofCount.d.ts

@@ -0,0 +1,15 @@
+import { PageVariant } from "../types/types.js";
+
+//#region src/components/SocialProof/hooks/useSocialProofCount.d.ts
+interface UseSocialProofCountParams {
+  pageVariant?: PageVariant;
+  countKey?: string;
+  id?: string;
+}
+declare const useSocialProofCount: ({
+  pageVariant,
+  countKey,
+  id
+}: UseSocialProofCountParams) => string;
+//#endregion
+export { useSocialProofCount };

package/dist/SocialProof/hooks/useSocialProofCount.js

@@ -0,0 +1,46 @@
+import { PageVariant } from "../types/types.js";
+import { useEffect, useState } from "react";
+
+//#region src/components/SocialProof/hooks/useSocialProofCount.ts
+const RANDOM_NUMBER_MIN = 100;
+const RANDOM_NUMBER_MAX = 200;
+const SOCIAL_PROOF_COUNT_KEY = "v3_social_proof_values";
+const useSocialProofCount = ({ pageVariant, countKey, id }) => {
+	const [customerCount, setCustomerCount] = useState(() => Math.floor(Math.random() * (RANDOM_NUMBER_MAX - RANDOM_NUMBER_MIN + 1) + RANDOM_NUMBER_MIN));
+	useEffect(() => {
+		const variant = pageVariant || PageVariant.PageVisit;
+		const key = countKey || id || "default";
+		try {
+			const storedData = localStorage.getItem(SOCIAL_PROOF_COUNT_KEY);
+			let customerCountMap = {};
+			if (storedData) try {
+				customerCountMap = JSON.parse(storedData);
+			} catch (parseError) {
+				console.warn("Failed to parse social proof count from localStorage:", parseError);
+				return;
+			}
+			if (customerCountMap[variant]?.[key]) setCustomerCount(customerCountMap[variant][key]);
+			else {
+				const randomCount = Math.floor(Math.random() * (RANDOM_NUMBER_MAX - RANDOM_NUMBER_MIN + 1) + RANDOM_NUMBER_MIN);
+				if (!customerCountMap[variant]) customerCountMap[variant] = {};
+				customerCountMap[variant][key] = randomCount;
+				try {
+					localStorage.setItem(SOCIAL_PROOF_COUNT_KEY, JSON.stringify(customerCountMap));
+					setCustomerCount(randomCount);
+				} catch (storageError) {
+					console.warn("Failed to save social proof count to localStorage:", storageError);
+				}
+			}
+		} catch (error) {
+			console.warn("Error managing social proof count:", error);
+		}
+	}, [
+		pageVariant,
+		countKey,
+		id
+	]);
+	return `${customerCount} customers`;
+};
+
+//#endregion
+export { SOCIAL_PROOF_COUNT_KEY, useSocialProofCount };

package/dist/SocialProof/index.cjs

@@ -1,5 +1,9 @@
 const require_types = require('./types/types.cjs');
+const require_useSocialProofCount = require('./hooks/useSocialProofCount.cjs');
+require('./hooks/index.cjs');
 const require_SocialProof = require('./SocialProof.cjs');
 
 exports.DynamicLayout = require_types.DynamicLayout;
-exports.SocialProof = require_SocialProof.SocialProof;
+exports.PageVariant = require_types.PageVariant;
+exports.SocialProof = require_SocialProof.SocialProof;
+exports.useSocialProofCount = require_useSocialProofCount.useSocialProofCount;

package/dist/SocialProof/index.d.cts

@@ -1,3 +1,4 @@
-import { DynamicLayout, SocialProofProps } from "./types/types.cjs";
+import { DynamicLayout, PageVariant, SocialProofProps } from "./types/types.cjs";
 import { SocialProof } from "./SocialProof.cjs";
-export { DynamicLayout, SocialProof, type SocialProofProps };
+import { useSocialProofCount } from "./hooks/useSocialProofCount.cjs";
+export { DynamicLayout, PageVariant, SocialProof, type SocialProofProps, useSocialProofCount };

package/dist/SocialProof/index.d.ts

@@ -1,3 +1,4 @@
-import { DynamicLayout, SocialProofProps } from "./types/types.js";
+import { DynamicLayout, PageVariant, SocialProofProps } from "./types/types.js";
 import { SocialProof } from "./SocialProof.js";
-export { DynamicLayout, SocialProof, type SocialProofProps };
+import { useSocialProofCount } from "./hooks/useSocialProofCount.js";
+export { DynamicLayout, PageVariant, SocialProof, type SocialProofProps, useSocialProofCount };

package/dist/SocialProof/index.js

@@ -1,4 +1,6 @@
-import { DynamicLayout } from "./types/types.js";
+import { DynamicLayout, PageVariant } from "./types/types.js";
+import { useSocialProofCount } from "./hooks/useSocialProofCount.js";
+import "./hooks/index.js";
 import { SocialProof } from "./SocialProof.js";
 
-export { DynamicLayout, SocialProof };
+export { DynamicLayout, PageVariant, SocialProof, useSocialProofCount };

package/dist/SocialProof/types/types.cjs

@@ -5,6 +5,13 @@ let DynamicLayout = /* @__PURE__ */ function(DynamicLayout$1) {
 	DynamicLayout$1["WIDE"] = "wide";
 	return DynamicLayout$1;
 }({});
+let PageVariant = /* @__PURE__ */ function(PageVariant$1) {
+	PageVariant$1["PLP"] = "PLP";
+	PageVariant$1["PDP"] = "PDP";
+	PageVariant$1["PageVisit"] = "PageVisit";
+	return PageVariant$1;
+}({});
 
 //#endregion
-exports.DynamicLayout = DynamicLayout;
+exports.DynamicLayout = DynamicLayout;
+exports.PageVariant = PageVariant;

package/dist/SocialProof/types/types.d.cts

@@ -9,6 +9,11 @@ declare enum DynamicLayout {
   NARROW = "narrow",
   WIDE = "wide",
 }
+declare enum PageVariant {
+  PLP = "PLP",
+  PDP = "PDP",
+  PageVisit = "PageVisit",
+}
 /**
  * Base props for the SocialProof component container.
  *
@@ -31,6 +36,16 @@ type BaseProps = {
    * Inline styles to apply to the container.
    */
   style?: React.CSSProperties;
+  /**
+   * Page variant for localStorage persistence of customer counts (PLP, PDP, or PageVisit).
+   */
+  pageVariant?: PageVariant;
+  /**
+   * Specific identifier for the pageVariant (e.g., productId for PDP, plpId for PLP, category for PageVisit).
+   * Used as the key for localStorage persistence.
+   * Falls back to the `id` prop if not provided.
+   */
+  countKey?: string;
 };
 /**
  * Content props for the SocialProof component.
@@ -47,11 +62,6 @@ type WidgetContentProps = {
    * Text label displayed in the widget title.
    */
   titleLabel: string;
-  /**
-   * Text displaying the number of customers (e.g., "114 customers").
-   * Displayed in the headline section.
-   */
-  numberOfCustomersText?: string;
   /**
    * Text displaying what customers asked (e.g., "asked which products are best for gifting...").
    * Displayed in the headline section alongside the customer count.
@@ -213,4 +223,4 @@ type SocialProofProps = {
   widgetEventProps?: WidgetEventProps;
 };
 //#endregion
-export { DynamicLayout, SocialProofProps };
+export { DynamicLayout, PageVariant, SocialProofProps };

package/dist/SocialProof/types/types.d.ts

@@ -9,6 +9,11 @@ declare enum DynamicLayout {
   NARROW = "narrow",
   WIDE = "wide",
 }
+declare enum PageVariant {
+  PLP = "PLP",
+  PDP = "PDP",
+  PageVisit = "PageVisit",
+}
 /**
  * Base props for the SocialProof component container.
  *
@@ -31,6 +36,16 @@ type BaseProps = {
    * Inline styles to apply to the container.
    */
   style?: React.CSSProperties;
+  /**
+   * Page variant for localStorage persistence of customer counts (PLP, PDP, or PageVisit).
+   */
+  pageVariant?: PageVariant;
+  /**
+   * Specific identifier for the pageVariant (e.g., productId for PDP, plpId for PLP, category for PageVisit).
+   * Used as the key for localStorage persistence.
+   * Falls back to the `id` prop if not provided.
+   */
+  countKey?: string;
 };
 /**
  * Content props for the SocialProof component.
@@ -47,11 +62,6 @@ type WidgetContentProps = {
    * Text label displayed in the widget title.
    */
   titleLabel: string;
-  /**
-   * Text displaying the number of customers (e.g., "114 customers").
-   * Displayed in the headline section.
-   */
-  numberOfCustomersText?: string;
   /**
    * Text displaying what customers asked (e.g., "asked which products are best for gifting...").
    * Displayed in the headline section alongside the customer count.
@@ -213,4 +223,4 @@ type SocialProofProps = {
   widgetEventProps?: WidgetEventProps;
 };
 //#endregion
-export { DynamicLayout, SocialProofProps };
+export { DynamicLayout, PageVariant, SocialProofProps };

package/dist/SocialProof/types/types.js

@@ -4,6 +4,12 @@ let DynamicLayout = /* @__PURE__ */ function(DynamicLayout$1) {
 	DynamicLayout$1["WIDE"] = "wide";
 	return DynamicLayout$1;
 }({});
+let PageVariant = /* @__PURE__ */ function(PageVariant$1) {
+	PageVariant$1["PLP"] = "PLP";
+	PageVariant$1["PDP"] = "PDP";
+	PageVariant$1["PageVisit"] = "PageVisit";
+	return PageVariant$1;
+}({});
 
 //#endregion
-export { DynamicLayout };
+export { DynamicLayout, PageVariant };

package/dist/Stack/Stack.d.cts

@@ -1,10 +1,10 @@
 import { StackProps } from "./types/index.cjs";
-import * as react184 from "react";
+import * as react2 from "react";
 
 //#region src/components/Stack/Stack.d.ts
 /**
  * Stack component for laying out children in a flexible container with gap.
  */
-declare const Stack: react184.ForwardRefExoticComponent<StackProps & react184.RefAttributes<HTMLDivElement>>;
+declare const Stack: react2.ForwardRefExoticComponent<StackProps & react2.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Stack };

package/dist/TitledPromptCarousel/TitledPromptCarousel.d.cts

@@ -1,5 +1,5 @@
 import { TitledPromptCarouselProps } from "./types/index.cjs";
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/components/TitledPromptCarousel/TitledPromptCarousel.d.ts
 declare const TitledPromptCarousel: ({
@@ -15,6 +15,6 @@ declare const TitledPromptCarousel: ({
   handleButtonClick,
   promptButtonTexts,
   promptCarouselAriaLabel
-}: TitledPromptCarouselProps) => react_jsx_runtime41.JSX.Element;
+}: TitledPromptCarouselProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { TitledPromptCarousel };

package/dist/TitledPromptCarousel/TitledPromptCarousel.d.ts

@@ -1,5 +1,5 @@
 import { TitledPromptCarouselProps } from "./types/index.js";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/components/TitledPromptCarousel/TitledPromptCarousel.d.ts
 declare const TitledPromptCarousel: ({
@@ -15,6 +15,6 @@ declare const TitledPromptCarousel: ({
   handleButtonClick,
   promptButtonTexts,
   promptCarouselAriaLabel
-}: TitledPromptCarouselProps) => react_jsx_runtime17.JSX.Element;
+}: TitledPromptCarouselProps) => react_jsx_runtime13.JSX.Element;
 //#endregion
 export { TitledPromptCarousel };

package/dist/TypingAnimation/TypingAnimation.d.cts

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

package/dist/TypingAnimation/TypingAnimation.d.ts

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

package/dist/Typography/Typography.d.cts

@@ -1,5 +1,5 @@
 import { TypographyProps } from "./types/index.cjs";
-import * as react0 from "react";
+import * as react4 from "react";
 
 //#region src/components/Typography/Typography.d.ts
 /**
@@ -18,13 +18,13 @@ declare const Typography: ({
   noWrap,
   as,
   "aria-label": ariaLabel
-}: TypographyProps) => react0.DetailedReactHTMLElement<{
+}: TypographyProps) => react4.DetailedReactHTMLElement<{
   'aria-label': string;
   'aria-level'?: number;
-  role?: react0.AriaRole;
+  role?: react4.AriaRole;
   title?: string;
   className: string;
-  style: react0.CSSProperties;
+  style: react4.CSSProperties;
   id: string;
   'data-testid': string;
 }, HTMLElement>;

package/dist/Typography/Typography.d.ts

@@ -1,5 +1,5 @@
 import { TypographyProps } from "./types/index.js";
-import * as react7 from "react";
+import * as react0 from "react";
 
 //#region src/components/Typography/Typography.d.ts
 /**
@@ -18,13 +18,13 @@ declare const Typography: ({
   noWrap,
   as,
   "aria-label": ariaLabel
-}: TypographyProps) => react7.DetailedReactHTMLElement<{
+}: TypographyProps) => react0.DetailedReactHTMLElement<{
   'aria-label': string;
   'aria-level'?: number;
-  role?: react7.AriaRole;
+  role?: react0.AriaRole;
   title?: string;
   className: string;
-  style: react7.CSSProperties;
+  style: react0.CSSProperties;
   id: string;
   'data-testid': string;
 }, HTMLElement>;

package/dist/WidgetTextField/WidgetTextField.d.cts

@@ -1,5 +1,5 @@
 import { WidgetTextFieldProps } from "./types/types.cjs";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/components/WidgetTextField/WidgetTextField.d.ts
 declare const WidgetTextField: ({
@@ -13,6 +13,6 @@ declare const WidgetTextField: ({
   disabled,
   isLoading,
   onClick
-}: WidgetTextFieldProps) => react_jsx_runtime7.JSX.Element;
+}: WidgetTextFieldProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { WidgetTextField };

package/dist/WidgetTextField/WidgetTextField.d.ts

@@ -1,5 +1,5 @@
 import { WidgetTextFieldProps } from "./types/types.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/WidgetTextField/WidgetTextField.d.ts
 declare const WidgetTextField: ({
@@ -13,6 +13,6 @@ declare const WidgetTextField: ({
   disabled,
   isLoading,
   onClick
-}: WidgetTextFieldProps) => react_jsx_runtime6.JSX.Element;
+}: WidgetTextFieldProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { WidgetTextField };

package/dist/WidgetWrapper/WidgetWrapper.d.cts

@@ -1,5 +1,5 @@
 import { WidgetWrapperProps } from "./types/types.cjs";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/components/WidgetWrapper/WidgetWrapper.d.ts
 
@@ -16,6 +16,6 @@ declare const WidgetWrapper: ({
   className,
   style,
   ...containerProps
-}: WidgetWrapperProps) => react_jsx_runtime8.JSX.Element;
+}: WidgetWrapperProps) => react_jsx_runtime7.JSX.Element;
 //#endregion
 export { WidgetWrapper };

package/dist/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.cts

@@ -1,5 +1,5 @@
 import { WidgetWrapperWithTitleProps } from "./types/types.cjs";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/components/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.ts
 declare const WidgetWrapperWithTitle: ({
@@ -14,6 +14,6 @@ declare const WidgetWrapperWithTitle: ({
   hexCardColor,
   hideLogo,
   fullIsLoading
-}: WidgetWrapperWithTitleProps) => react_jsx_runtime9.JSX.Element;
+}: WidgetWrapperWithTitleProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { WidgetWrapperWithTitle };

package/dist/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.ts

@@ -1,5 +1,5 @@
 import { WidgetWrapperWithTitleProps } from "./types/types.js";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.ts
 declare const WidgetWrapperWithTitle: ({
@@ -14,6 +14,6 @@ declare const WidgetWrapperWithTitle: ({
   hexCardColor,
   hideLogo,
   fullIsLoading
-}: WidgetWrapperWithTitleProps) => react_jsx_runtime15.JSX.Element;
+}: WidgetWrapperWithTitleProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { WidgetWrapperWithTitle };