@envive-ai/react-hooks 0.1.0

package/dist/skinPerfection-B_3xzVNS.cjs

@@ -0,0 +1,326 @@
+require('./logger-Dln20ans.cjs');
+require('./models-ixxUsGL_.cjs');
+const require_types = require('./types-C4T5UOIW.cjs');
+require('./enviveConfigContext-Dfr2VH6u.cjs');
+const require_divIds = require('./divIds-DnZNd7rA.cjs');
+const require_GridInsertionService = require('./GridInsertionService-CS_bnPh0.cjs');
+const require_suggestionBarV2_types = require('./suggestionBarV2-types-CaovchMP.cjs');
+const require_cdnService = require('./cdnService-CZ-aXcY6.cjs');
+const require_default = require('./default-D_KPZdPJ.cjs');
+
+//#region src/merchants/skinPerfection/skinPerfection.ts
+const skinPerfectionColors = {
+	[require_types.ColorNames.TextPrimary]: "#121212",
+	[require_types.ColorNames.TextSecondary]: "#121212",
+	[require_types.ColorNames.TextAccent]: "#99CC02",
+	[require_types.ColorNames.TextLink]: "#0B8396",
+	[require_types.ColorNames.TextLight]: "#FFFFFF",
+	[require_types.ColorNames.BackgroundPrimary]: "#0B8396",
+	[require_types.ColorNames.BackgroundSecondary]: "#E9E9E9",
+	[require_types.ColorNames.BackgroundSecondaryDark]: "#ECEAE6",
+	[require_types.ColorNames.BackgroundTertiary]: "#F8F9FA",
+	[require_types.ColorNames.BackgroundDark]: "#121212",
+	[require_types.ColorNames.BackgroundLight]: "#FFFFFF",
+	[require_types.ColorNames.BackgroundSaturated]: "#CCCCCC",
+	[require_types.ColorNames.BorderLight]: "#EEEEEE",
+	[require_types.ColorNames.BorderMedium]: "#E9E9E9",
+	[require_types.ColorNames.BorderDark]: "#121212",
+	[require_types.ColorNames.BorderOutline]: "#0B8396",
+	[require_types.ColorNames.AccentPrimary]: "#0B8396",
+	[require_types.ColorNames.AccentSecondary]: "#F5F5F5"
+};
+const skinPerfectionOrgUIConfig = () => {
+	const defaultSkinPerfectionOrgConfig = require_default.defaultOrgUIConfig(require_types.OrgShortName.SkinPerfection);
+	return {
+		...defaultSkinPerfectionOrgConfig,
+		chatMessageConfig: {
+			...defaultSkinPerfectionOrgConfig.chatMessageConfig,
+			assistantChatTitle: "Skin Perfection AI",
+			productLink: {
+				...defaultSkinPerfectionOrgConfig.chatMessageConfig?.productLink || {},
+				iconVariant: "backgroundPrimary",
+				variant: "textLink"
+			}
+		},
+		chatHeader: {
+			...defaultSkinPerfectionOrgConfig.chatHeader,
+			imageSrc: require_cdnService.CdnService.getAssetURL("skin-perfection-logo.svg", require_types.OrgShortName.SkinPerfection),
+			collapsedColor: skinPerfectionColors[require_types.ColorNames.AccentPrimary],
+			expandedColor: skinPerfectionColors[require_types.ColorNames.AccentPrimary],
+			chevronColor: skinPerfectionColors[require_types.ColorNames.TextLight],
+			customerSupportSwitchConfig: {
+				variant: "attached",
+				borderColor: skinPerfectionColors[require_types.ColorNames.AccentPrimary],
+				selectedTextColor: skinPerfectionColors[require_types.ColorNames.TextLight],
+				backgroundColor: skinPerfectionColors[require_types.ColorNames.AccentPrimary],
+				unselectedTextColor: skinPerfectionColors[require_types.ColorNames.TextLight],
+				supportTitle: "Live Support",
+				spiffyTitle: "Shop with AI",
+				spiffyTitleHasLogo: false
+			}
+		},
+		chatPreviewConfig: {
+			...defaultSkinPerfectionOrgConfig.chatPreviewConfig,
+			buttonBackgroundColor: skinPerfectionColors[require_types.ColorNames.BackgroundSecondary],
+			buttonTextColor: skinPerfectionColors[require_types.ColorNames.TextLink],
+			iconFillColor: skinPerfectionColors[require_types.ColorNames.TextLink],
+			headerConfig: {
+				...defaultSkinPerfectionOrgConfig.chatPreviewConfig.headerConfig,
+				title: "Skin Perfection Assistant",
+				imageSrc: require_cdnService.CdnService.getAssetURL("skin-perfection-logo.svg", require_types.OrgShortName.SkinPerfection)
+			},
+			footerConfig: { ...defaultSkinPerfectionOrgConfig.chatPreviewConfig.footerConfig }
+		},
+		floatingEntrypointConfig: {
+			...defaultSkinPerfectionOrgConfig.floatingEntrypointConfig,
+			showOption: "always",
+			expandedColor: skinPerfectionColors[require_types.ColorNames.BackgroundDark],
+			expansionText: {
+				plp: "Need help perfecting your routine?",
+				pdp: "Will this complete your routine?"
+			}
+		},
+		productCardConfig: { ...defaultSkinPerfectionOrgConfig.productCardConfig },
+		pageCardConfig: { ...defaultSkinPerfectionOrgConfig.pageCardConfig },
+		productReviewConfig: {
+			...defaultSkinPerfectionOrgConfig.productReviewConfig,
+			colorVariant: "brand",
+			styleVariant: "standard"
+		},
+		welcomeSectionConfig: {
+			...defaultSkinPerfectionOrgConfig.welcomeSectionConfig,
+			title: "Welcome to Skin Perfection AI!",
+			subtitle: "Hi! I'm Lumi, your Skin Perfection personal skincare guide, here to answer your questions about how to use our innovative, natural products. Just tell me your skin type and goals, and I'll help you find your next perfect, anti-aging solutions.",
+			variant: "standard",
+			colorVariant: "accent",
+			iconName: "sparkles"
+		},
+		floatingChatConfig: {
+			...defaultSkinPerfectionOrgConfig.floatingChatConfig,
+			suggestionButtonConfig: {
+				variant: "secondary",
+				hoverVariant: "dark",
+				answerVariant: "outlined"
+			},
+			replyInputConfig: {
+				size: "md",
+				sendIcon: "send"
+			}
+		},
+		merchantOverrideCss: `
+      /* Suggestion bar icon colors - override Tailwind classes */
+      .spiffy-suggestion-bar button svg,
+      .spiffy-suggestion-bar button path {
+        fill: var(--spiffy-colors-accent-primary) !important;
+        stroke: var(--spiffy-colors-accent-primary) !important;
+      }
+      
+      /* Target the specific Tailwind classes used by the dark variant */
+      .spiffy-tw-fill-\\[--spiffy-colors-text-light\\] {
+        fill: var(--spiffy-colors-accent-primary) !important;
+      }
+      
+      .spiffy-tw-stroke-\\[--spiffy-colors-text-light\\] {
+        stroke: var(--spiffy-colors-accent-primary) !important;
+      }
+      
+      /* Chat preview icon colors for PLP and PDP */
+      .spiffy-chat-preview button svg,
+      .spiffy-chat-preview button path,
+      .spiffy-social-proof-content-button button svg,
+      .spiffy-social-proof-content-button button path {
+        fill: var(--spiffy-colors-accent-primary) !important;
+        stroke: var(--spiffy-colors-accent-primary) !important;
+      }
+      
+      /* Chat preview button hover states */
+      .spiffy-chat-preview button:hover svg,
+      .spiffy-chat-preview button:hover path,
+      .spiffy-social-proof-content-button button:hover svg,
+      .spiffy-social-proof-content-button button:hover path {
+        fill: var(--spiffy-colors-accent-primary) !important;
+        stroke: var(--spiffy-colors-accent-primary) !important;
+      }
+      
+      /* Chat preview customer count text color */
+      .spiffy-social-proof-customer-count,
+      .spiffy-social-proof-content-container .spiffy-tw-text-\\[--spiffy-colors-text-accent\\] {
+        color: var(--spiffy-colors-text-accent) !important;
+      }
+         /* Product link icon custom styling - force teal background with white arrow */
+      .spiffy-product-link-icon-container {
+        background-color: #0B8396 !important;
+      }
+      
+      .spiffy-product-link-icon {
+        fill: #FFFFFF !important;
+      }
+      
+      /* Override any existing background and fill classes */
+      .spiffy-product-link-icon-container.spiffy-tw-bg-\\[--spiffy-colors-background-primary\\],
+      .spiffy-product-link-icon-container.spiffy-tw-bg-\\[--spiffy-colors-text-accent\\],
+      .spiffy-product-link-icon-container.spiffy-tw-bg-\\[--spiffy-colors-accent-primary\\] {
+        background-color: #0B8396 !important;
+      }
+      
+      .spiffy-product-link-icon-container .spiffy-tw-fill-\\[--spiffy-colors-text-light\\],
+      .spiffy-product-link-icon-container .spiffy-tw-fill-\\[var\\(--spiffy-colors-text-light\\)\\] {
+        fill: #FFFFFF !important;
+      }
+    `
+	};
+};
+const skinPerfectionPageConfig = () => ({
+	pageVariants: [{
+		variantId: "plp",
+		variantType: "plp",
+		variantTests: [{ testType: require_types.PageVariantTestType.UrlResolver }],
+		plpIdExtractor: "url-resolver-plp-id",
+		widgetMounting: [{
+			mountingConfigId: "chatPreviewPLP",
+			widgetConfigId: "chatPreviewPLP"
+		}]
+	}, {
+		variantId: "pdp",
+		variantType: "pdp",
+		variantTests: [{ testType: require_types.PageVariantTestType.UrlResolver }],
+		productIdExtractor: "url-resolver-product-id",
+		widgetMounting: [{
+			mountingConfigId: "topSuggestionBarPDP",
+			widgetConfigId: "topSuggestionBar"
+		}, {
+			mountingConfigId: "chatPreviewPDP",
+			widgetConfigId: "chatPreviewPDP"
+		}]
+	}],
+	widgetConfigs: {
+		topSuggestionBar: {
+			buttonBorderRadius: "md",
+			type: require_types.WidgetType.SuggestionBarV2,
+			widgetConfigId: "topSuggestionBar",
+			contentId: "spiffy-top-suggestion-bar-contents",
+			metricDisplayLocation: require_suggestionBarV2_types.ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+			location: require_suggestionBarV2_types.SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+			variant: "dark",
+			hoverVariant: "secondaryDark",
+			buttonTexts: { default: [
+				"Summarize the reviews",
+				"What results have others seen?",
+				"How do I use this?",
+				"How does it feel on the skin?",
+				"Which skin type is this ideal for?"
+			] }
+		},
+		chatPreviewPLP: {
+			widgetConfigId: "chatPreviewPLP",
+			type: require_types.WidgetType.ChatPreview,
+			variant: "filled",
+			addSeparators: true,
+			socialProofConfig: {
+				staticPLPImagesLayout: "grid",
+				logoName: "skin-perfection-logo.svg",
+				customerQuery: "asked which products target wrinkles?",
+				headerTitle: "Skin Perfection Assistant",
+				suggestionButtonStrings: [
+					"How will this improve my skin?",
+					"What's best for fine lines?",
+					"What's gentle for beginners?",
+					"What's popular with other customers?",
+					"What will help to brighten my skin?",
+					"How can I boost collagen production?"
+				],
+				staticPLPImageNames: [
+					"plp-image1.png",
+					"plp-image2.png",
+					"plp-image3.png",
+					"plp-image4.png"
+				],
+				suggestionButtonVariantDefault: "secondary",
+				suggestionButtonVariantAccent: "dark",
+				userQueryButtonConfig: {
+					placeholderText: "Need help with your routine?",
+					icon: "magnifyingGlass"
+				}
+			}
+		},
+		chatPreviewPDP: {
+			widgetConfigId: "chatPreviewPDP",
+			type: require_types.WidgetType.ChatPreview,
+			variant: "filled",
+			addSeparators: true,
+			socialProofConfig: {
+				staticPLPImagesLayout: "horizontal",
+				logoName: "skin-perfection-logo.svg",
+				customerQuery: "asked how will this improve my skin?",
+				headerTitle: "Skin Perfection Assistant",
+				suggestionButtonStrings: [
+					"What are others saying?",
+					"What are the key ingredients?",
+					"What skin types is this suitable for?",
+					"What results might I see?",
+					"How do I use this?",
+					"Does it mix and match with other products?"
+				],
+				staticPLPImageNames: ["plp-image1.png"],
+				suggestionButtonVariantDefault: "secondary",
+				suggestionButtonVariantAccent: "dark",
+				userQueryButtonConfig: {
+					placeholderText: "Ask me anything",
+					icon: "send"
+				}
+			}
+		}
+	},
+	mountingConfigs: {
+		chatPreviewPLP: {
+			mountingConfigId: "chatPreviewPLP",
+			containerId: require_divIds.CHAT_PREVIEW_CONTAINER_ID,
+			testId: require_divIds.CHAT_PREVIEW_TESTID,
+			insertionPoint: {
+				selector: ".product-list",
+				insertionType: require_divIds.DOMInsertionType.AFTER
+			},
+			gridInsertionType: require_GridInsertionService.GridInsertionType.FIXED_3,
+			style: {
+				width: "100%",
+				maxWidth: "100%",
+				justifyItems: "start",
+				alignItems: "start",
+				textAlign: "left"
+			}
+		},
+		chatPreviewPDP: {
+			mountingConfigId: "chatPreviewPDP",
+			containerId: require_divIds.CHAT_PREVIEW_CONTAINER_ID,
+			testId: require_divIds.CHAT_PREVIEW_TESTID,
+			insertionPoint: {
+				selector: ".accordion-item",
+				insertionType: require_divIds.DOMInsertionType.BEFORE
+			},
+			style: { marginBottom: "16px" }
+		},
+		topSuggestionBarPDP: {
+			mountingConfigId: "topSuggestionBarPDP",
+			containerId: require_divIds.TOP_SUGGESTION_BAR_PDP_ID,
+			testId: require_divIds.TOP_SUGGESTION_BAR_TESTID,
+			insertionPoint: {
+				selector: ".product-price",
+				insertionType: require_divIds.DOMInsertionType.AFTER
+			},
+			style: { marginBottom: "16px" }
+		}
+	}
+});
+const skinPerfectionOrgInfo = {
+	shortName: require_types.OrgShortName.SkinPerfection,
+	name: "Skin Perfection AI",
+	domain: "naturalorganicskincare.com",
+	defaultProductId: "bioderma-sensibio-foaming-gel",
+	alwaysEnabledMerchants: true,
+	orgUIConfig: skinPerfectionOrgUIConfig,
+	orgColors: () => skinPerfectionColors,
+	orgPageConfig: skinPerfectionPageConfig
+};
+
+//#endregion
+exports.skinPerfectionOrgInfo = skinPerfectionOrgInfo;

package/dist/skinPerfection-IDrBuAPt.js

@@ -0,0 +1,326 @@
+import "./logger-pdEEY8T2.js";
+import "./models-DHdb7QWn.js";
+import { ColorNames, OrgShortName, PageVariantTestType, WidgetType } from "./types-CYNvLeSA.js";
+import "./enviveConfigContext-CUGLpPGU.js";
+import { CHAT_PREVIEW_CONTAINER_ID, CHAT_PREVIEW_TESTID, DOMInsertionType, TOP_SUGGESTION_BAR_PDP_ID, TOP_SUGGESTION_BAR_TESTID } from "./divIds-Bss-btao.js";
+import { GridInsertionType } from "./GridInsertionService-CEYo9pGj.js";
+import { ChatElementDisplayLocation, SuggestionBarLocationForMetrics } from "./suggestionBarV2-types-BllzwsBD.js";
+import { CdnService } from "./cdnService-zQfKk3Eb.js";
+import { defaultOrgUIConfig } from "./default-C2fEZKXk.js";
+
+//#region src/merchants/skinPerfection/skinPerfection.ts
+const skinPerfectionColors = {
+	[ColorNames.TextPrimary]: "#121212",
+	[ColorNames.TextSecondary]: "#121212",
+	[ColorNames.TextAccent]: "#99CC02",
+	[ColorNames.TextLink]: "#0B8396",
+	[ColorNames.TextLight]: "#FFFFFF",
+	[ColorNames.BackgroundPrimary]: "#0B8396",
+	[ColorNames.BackgroundSecondary]: "#E9E9E9",
+	[ColorNames.BackgroundSecondaryDark]: "#ECEAE6",
+	[ColorNames.BackgroundTertiary]: "#F8F9FA",
+	[ColorNames.BackgroundDark]: "#121212",
+	[ColorNames.BackgroundLight]: "#FFFFFF",
+	[ColorNames.BackgroundSaturated]: "#CCCCCC",
+	[ColorNames.BorderLight]: "#EEEEEE",
+	[ColorNames.BorderMedium]: "#E9E9E9",
+	[ColorNames.BorderDark]: "#121212",
+	[ColorNames.BorderOutline]: "#0B8396",
+	[ColorNames.AccentPrimary]: "#0B8396",
+	[ColorNames.AccentSecondary]: "#F5F5F5"
+};
+const skinPerfectionOrgUIConfig = () => {
+	const defaultSkinPerfectionOrgConfig = defaultOrgUIConfig(OrgShortName.SkinPerfection);
+	return {
+		...defaultSkinPerfectionOrgConfig,
+		chatMessageConfig: {
+			...defaultSkinPerfectionOrgConfig.chatMessageConfig,
+			assistantChatTitle: "Skin Perfection AI",
+			productLink: {
+				...defaultSkinPerfectionOrgConfig.chatMessageConfig?.productLink || {},
+				iconVariant: "backgroundPrimary",
+				variant: "textLink"
+			}
+		},
+		chatHeader: {
+			...defaultSkinPerfectionOrgConfig.chatHeader,
+			imageSrc: CdnService.getAssetURL("skin-perfection-logo.svg", OrgShortName.SkinPerfection),
+			collapsedColor: skinPerfectionColors[ColorNames.AccentPrimary],
+			expandedColor: skinPerfectionColors[ColorNames.AccentPrimary],
+			chevronColor: skinPerfectionColors[ColorNames.TextLight],
+			customerSupportSwitchConfig: {
+				variant: "attached",
+				borderColor: skinPerfectionColors[ColorNames.AccentPrimary],
+				selectedTextColor: skinPerfectionColors[ColorNames.TextLight],
+				backgroundColor: skinPerfectionColors[ColorNames.AccentPrimary],
+				unselectedTextColor: skinPerfectionColors[ColorNames.TextLight],
+				supportTitle: "Live Support",
+				spiffyTitle: "Shop with AI",
+				spiffyTitleHasLogo: false
+			}
+		},
+		chatPreviewConfig: {
+			...defaultSkinPerfectionOrgConfig.chatPreviewConfig,
+			buttonBackgroundColor: skinPerfectionColors[ColorNames.BackgroundSecondary],
+			buttonTextColor: skinPerfectionColors[ColorNames.TextLink],
+			iconFillColor: skinPerfectionColors[ColorNames.TextLink],
+			headerConfig: {
+				...defaultSkinPerfectionOrgConfig.chatPreviewConfig.headerConfig,
+				title: "Skin Perfection Assistant",
+				imageSrc: CdnService.getAssetURL("skin-perfection-logo.svg", OrgShortName.SkinPerfection)
+			},
+			footerConfig: { ...defaultSkinPerfectionOrgConfig.chatPreviewConfig.footerConfig }
+		},
+		floatingEntrypointConfig: {
+			...defaultSkinPerfectionOrgConfig.floatingEntrypointConfig,
+			showOption: "always",
+			expandedColor: skinPerfectionColors[ColorNames.BackgroundDark],
+			expansionText: {
+				plp: "Need help perfecting your routine?",
+				pdp: "Will this complete your routine?"
+			}
+		},
+		productCardConfig: { ...defaultSkinPerfectionOrgConfig.productCardConfig },
+		pageCardConfig: { ...defaultSkinPerfectionOrgConfig.pageCardConfig },
+		productReviewConfig: {
+			...defaultSkinPerfectionOrgConfig.productReviewConfig,
+			colorVariant: "brand",
+			styleVariant: "standard"
+		},
+		welcomeSectionConfig: {
+			...defaultSkinPerfectionOrgConfig.welcomeSectionConfig,
+			title: "Welcome to Skin Perfection AI!",
+			subtitle: "Hi! I'm Lumi, your Skin Perfection personal skincare guide, here to answer your questions about how to use our innovative, natural products. Just tell me your skin type and goals, and I'll help you find your next perfect, anti-aging solutions.",
+			variant: "standard",
+			colorVariant: "accent",
+			iconName: "sparkles"
+		},
+		floatingChatConfig: {
+			...defaultSkinPerfectionOrgConfig.floatingChatConfig,
+			suggestionButtonConfig: {
+				variant: "secondary",
+				hoverVariant: "dark",
+				answerVariant: "outlined"
+			},
+			replyInputConfig: {
+				size: "md",
+				sendIcon: "send"
+			}
+		},
+		merchantOverrideCss: `
+      /* Suggestion bar icon colors - override Tailwind classes */
+      .spiffy-suggestion-bar button svg,
+      .spiffy-suggestion-bar button path {
+        fill: var(--spiffy-colors-accent-primary) !important;
+        stroke: var(--spiffy-colors-accent-primary) !important;
+      }
+      
+      /* Target the specific Tailwind classes used by the dark variant */
+      .spiffy-tw-fill-\\[--spiffy-colors-text-light\\] {
+        fill: var(--spiffy-colors-accent-primary) !important;
+      }
+      
+      .spiffy-tw-stroke-\\[--spiffy-colors-text-light\\] {
+        stroke: var(--spiffy-colors-accent-primary) !important;
+      }
+      
+      /* Chat preview icon colors for PLP and PDP */
+      .spiffy-chat-preview button svg,
+      .spiffy-chat-preview button path,
+      .spiffy-social-proof-content-button button svg,
+      .spiffy-social-proof-content-button button path {
+        fill: var(--spiffy-colors-accent-primary) !important;
+        stroke: var(--spiffy-colors-accent-primary) !important;
+      }
+      
+      /* Chat preview button hover states */
+      .spiffy-chat-preview button:hover svg,
+      .spiffy-chat-preview button:hover path,
+      .spiffy-social-proof-content-button button:hover svg,
+      .spiffy-social-proof-content-button button:hover path {
+        fill: var(--spiffy-colors-accent-primary) !important;
+        stroke: var(--spiffy-colors-accent-primary) !important;
+      }
+      
+      /* Chat preview customer count text color */
+      .spiffy-social-proof-customer-count,
+      .spiffy-social-proof-content-container .spiffy-tw-text-\\[--spiffy-colors-text-accent\\] {
+        color: var(--spiffy-colors-text-accent) !important;
+      }
+         /* Product link icon custom styling - force teal background with white arrow */
+      .spiffy-product-link-icon-container {
+        background-color: #0B8396 !important;
+      }
+      
+      .spiffy-product-link-icon {
+        fill: #FFFFFF !important;
+      }
+      
+      /* Override any existing background and fill classes */
+      .spiffy-product-link-icon-container.spiffy-tw-bg-\\[--spiffy-colors-background-primary\\],
+      .spiffy-product-link-icon-container.spiffy-tw-bg-\\[--spiffy-colors-text-accent\\],
+      .spiffy-product-link-icon-container.spiffy-tw-bg-\\[--spiffy-colors-accent-primary\\] {
+        background-color: #0B8396 !important;
+      }
+      
+      .spiffy-product-link-icon-container .spiffy-tw-fill-\\[--spiffy-colors-text-light\\],
+      .spiffy-product-link-icon-container .spiffy-tw-fill-\\[var\\(--spiffy-colors-text-light\\)\\] {
+        fill: #FFFFFF !important;
+      }
+    `
+	};
+};
+const skinPerfectionPageConfig = () => ({
+	pageVariants: [{
+		variantId: "plp",
+		variantType: "plp",
+		variantTests: [{ testType: PageVariantTestType.UrlResolver }],
+		plpIdExtractor: "url-resolver-plp-id",
+		widgetMounting: [{
+			mountingConfigId: "chatPreviewPLP",
+			widgetConfigId: "chatPreviewPLP"
+		}]
+	}, {
+		variantId: "pdp",
+		variantType: "pdp",
+		variantTests: [{ testType: PageVariantTestType.UrlResolver }],
+		productIdExtractor: "url-resolver-product-id",
+		widgetMounting: [{
+			mountingConfigId: "topSuggestionBarPDP",
+			widgetConfigId: "topSuggestionBar"
+		}, {
+			mountingConfigId: "chatPreviewPDP",
+			widgetConfigId: "chatPreviewPDP"
+		}]
+	}],
+	widgetConfigs: {
+		topSuggestionBar: {
+			buttonBorderRadius: "md",
+			type: WidgetType.SuggestionBarV2,
+			widgetConfigId: "topSuggestionBar",
+			contentId: "spiffy-top-suggestion-bar-contents",
+			metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+			location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+			variant: "dark",
+			hoverVariant: "secondaryDark",
+			buttonTexts: { default: [
+				"Summarize the reviews",
+				"What results have others seen?",
+				"How do I use this?",
+				"How does it feel on the skin?",
+				"Which skin type is this ideal for?"
+			] }
+		},
+		chatPreviewPLP: {
+			widgetConfigId: "chatPreviewPLP",
+			type: WidgetType.ChatPreview,
+			variant: "filled",
+			addSeparators: true,
+			socialProofConfig: {
+				staticPLPImagesLayout: "grid",
+				logoName: "skin-perfection-logo.svg",
+				customerQuery: "asked which products target wrinkles?",
+				headerTitle: "Skin Perfection Assistant",
+				suggestionButtonStrings: [
+					"How will this improve my skin?",
+					"What's best for fine lines?",
+					"What's gentle for beginners?",
+					"What's popular with other customers?",
+					"What will help to brighten my skin?",
+					"How can I boost collagen production?"
+				],
+				staticPLPImageNames: [
+					"plp-image1.png",
+					"plp-image2.png",
+					"plp-image3.png",
+					"plp-image4.png"
+				],
+				suggestionButtonVariantDefault: "secondary",
+				suggestionButtonVariantAccent: "dark",
+				userQueryButtonConfig: {
+					placeholderText: "Need help with your routine?",
+					icon: "magnifyingGlass"
+				}
+			}
+		},
+		chatPreviewPDP: {
+			widgetConfigId: "chatPreviewPDP",
+			type: WidgetType.ChatPreview,
+			variant: "filled",
+			addSeparators: true,
+			socialProofConfig: {
+				staticPLPImagesLayout: "horizontal",
+				logoName: "skin-perfection-logo.svg",
+				customerQuery: "asked how will this improve my skin?",
+				headerTitle: "Skin Perfection Assistant",
+				suggestionButtonStrings: [
+					"What are others saying?",
+					"What are the key ingredients?",
+					"What skin types is this suitable for?",
+					"What results might I see?",
+					"How do I use this?",
+					"Does it mix and match with other products?"
+				],
+				staticPLPImageNames: ["plp-image1.png"],
+				suggestionButtonVariantDefault: "secondary",
+				suggestionButtonVariantAccent: "dark",
+				userQueryButtonConfig: {
+					placeholderText: "Ask me anything",
+					icon: "send"
+				}
+			}
+		}
+	},
+	mountingConfigs: {
+		chatPreviewPLP: {
+			mountingConfigId: "chatPreviewPLP",
+			containerId: CHAT_PREVIEW_CONTAINER_ID,
+			testId: CHAT_PREVIEW_TESTID,
+			insertionPoint: {
+				selector: ".product-list",
+				insertionType: DOMInsertionType.AFTER
+			},
+			gridInsertionType: GridInsertionType.FIXED_3,
+			style: {
+				width: "100%",
+				maxWidth: "100%",
+				justifyItems: "start",
+				alignItems: "start",
+				textAlign: "left"
+			}
+		},
+		chatPreviewPDP: {
+			mountingConfigId: "chatPreviewPDP",
+			containerId: CHAT_PREVIEW_CONTAINER_ID,
+			testId: CHAT_PREVIEW_TESTID,
+			insertionPoint: {
+				selector: ".accordion-item",
+				insertionType: DOMInsertionType.BEFORE
+			},
+			style: { marginBottom: "16px" }
+		},
+		topSuggestionBarPDP: {
+			mountingConfigId: "topSuggestionBarPDP",
+			containerId: TOP_SUGGESTION_BAR_PDP_ID,
+			testId: TOP_SUGGESTION_BAR_TESTID,
+			insertionPoint: {
+				selector: ".product-price",
+				insertionType: DOMInsertionType.AFTER
+			},
+			style: { marginBottom: "16px" }
+		}
+	}
+});
+const skinPerfectionOrgInfo = {
+	shortName: OrgShortName.SkinPerfection,
+	name: "Skin Perfection AI",
+	domain: "naturalorganicskincare.com",
+	defaultProductId: "bioderma-sensibio-foaming-gel",
+	alwaysEnabledMerchants: true,
+	orgUIConfig: skinPerfectionOrgUIConfig,
+	orgColors: () => skinPerfectionColors,
+	orgPageConfig: skinPerfectionPageConfig
+};
+
+//#endregion
+export { skinPerfectionOrgInfo };