@envive-ai/react-hooks 0.1.0

package/dist/wolfMattress-CyyO-LoC.js

@@ -0,0 +1,362 @@
+import "./models-DHdb7QWn.js";
+import { ColorNames, OrgShortName, PageVariantTestType, WidgetType, colorVar } from "./types-CYNvLeSA.js";
+import "./enviveConfigContext-CUGLpPGU.js";
+import { BOTTOM_REVIEWS_BAR_ID, BOTTOM_SUGGESTION_BAR_TESTID, CHAT_PREVIEW_CONTAINER_ID, CHAT_PREVIEW_TESTID, DOMInsertionType, TOP_SUGGESTION_BAR_PDP_ID, TOP_SUGGESTION_BAR_TESTID } from "./divIds-Bss-btao.js";
+import { ChatElementDisplayLocation, SuggestionBarLocationForMetrics } from "./suggestionBarV2-types-BllzwsBD.js";
+import { CdnService } from "./cdnService-zQfKk3Eb.js";
+import { defaultOrgUIConfig } from "./default-C2fEZKXk.js";
+
+//#region src/merchants/wolfMattress/wolfMattress.ts
+const wolfMattressColors = {
+	[ColorNames.TextPrimary]: "#2C3245",
+	[ColorNames.TextSecondary]: "#949494",
+	[ColorNames.TextAccent]: "#6B707C",
+	[ColorNames.TextLink]: "#2C3245",
+	[ColorNames.TextLight]: "#FFFFFF",
+	[ColorNames.BackgroundPrimary]: "#2C3245",
+	[ColorNames.BackgroundSecondary]: "#F2F2F2",
+	[ColorNames.BackgroundSecondaryDark]: "#E6E6E6",
+	[ColorNames.BackgroundTertiary]: "#A6C4D9",
+	[ColorNames.BackgroundDark]: "#2C3245",
+	[ColorNames.BackgroundLight]: "#FFFFFF",
+	[ColorNames.BackgroundSaturated]: "#CCCCCC",
+	[ColorNames.BorderLight]: "#DDDDDD",
+	[ColorNames.BorderMedium]: "#949494",
+	[ColorNames.BorderDark]: "#949494",
+	[ColorNames.BorderOutline]: "#1C1C1C",
+	[ColorNames.AccentPrimary]: "#2C3245",
+	[ColorNames.AccentSecondary]: "#A6C4D9"
+};
+const wolfMattressOrgUIConfig = () => {
+	const defaultWolfMattressOrgConfig = defaultOrgUIConfig(OrgShortName.WolfMattress);
+	return {
+		...defaultWolfMattressOrgConfig,
+		chatMessageConfig: {
+			...defaultWolfMattressOrgConfig.chatMessageConfig,
+			assistantChatTitle: "Wolf Mattress AI",
+			variant: "accent"
+		},
+		chatHeader: {
+			...defaultWolfMattressOrgConfig.chatHeader,
+			imageSrc: CdnService.getAssetURL("wolf-mattress-logo-light.png", OrgShortName.WolfMattress)
+		},
+		chatPreviewConfig: {
+			...defaultWolfMattressOrgConfig.chatPreviewConfig,
+			variant: "outlined",
+			iconFillColor: colorVar(ColorNames.AccentSecondary),
+			buttonBackgroundColor: colorVar(ColorNames.BackgroundLight),
+			buttonTextColor: colorVar(ColorNames.TextLink),
+			buttonBorderColor: colorVar(ColorNames.BorderOutline),
+			headerConfig: { ...defaultWolfMattressOrgConfig.chatPreviewConfig.headerConfig },
+			footerConfig: { ...defaultWolfMattressOrgConfig.chatPreviewConfig.footerConfig }
+		},
+		floatingEntrypointConfig: {
+			...defaultWolfMattressOrgConfig.floatingEntrypointConfig,
+			showOption: "always",
+			position: "middle-right",
+			expansionText: {
+				pdp: "Is this the right Wolf for me?",
+				plp: "Need a better night's rest?"
+			}
+		},
+		productCardConfig: { ...defaultWolfMattressOrgConfig.productCardConfig },
+		pageCardConfig: {
+			...defaultWolfMattressOrgConfig.pageCardConfig,
+			variant: "minimal",
+			hoverVariant: "lift",
+			iconVariant: "accent"
+		},
+		productReviewConfig: {
+			...defaultWolfMattressOrgConfig.productReviewConfig,
+			colorVariant: "premium"
+		},
+		welcomeSectionConfig: {
+			...defaultWolfMattressOrgConfig.welcomeSectionConfig,
+			title: "Welcome to Wolf Mattress AI!",
+			subtitle: "Hi! Wolf Mattress is handcrafted in America and built to last—for your personalized comfort. Let me know how I can help you achieve a better night’s rest."
+		},
+		merchantOverrideCss: `
+      .spiffy-star-rating-star {
+        fill: var(--spiffy-colors-accent-primary) !important;
+      }
+      
+      /* Icon color, all buttons */
+      .spiffy-button-base-button svg,
+      .spiffy-button-base-button svg:hover {
+        fill: var(--spiffy-colors-accent-secondary) !important;
+        stroke: var(--spiffy-colors-accent-secondary) !important;
+      }
+
+      /* Keep default colors for footer buttons in floating chat*/
+      footer .spiffy-button-base-button svg {
+        fill: var(--spiffy-colors-text-link) !important;
+        stroke: var(--spiffy-colors-text-link) !important;
+      } 
+
+      /* Override floating chat buttons to keep them original */
+      footer .spiffy-button-base-button:hover svg {
+        fill: var(--spiffy-colors-text-light) !important;
+        stroke: var(--spiffy-colors-text-light) !important;
+      } 
+
+      /* Chat Preview text color */
+      .spiffy-social-proof-content-container {
+        color: var(--spiffy-colors-text-primary) !important;
+      }
+
+      .spiffy-social-proof-customer-count {
+        color: var(--spiffy-colors-text-accent) !important;
+      }
+
+      .spiffy-social-proof-suggestion-footer-title {
+        color: var(--spiffy-colors-text-secondary) !important;
+      }
+
+      /* Chat text colors */
+      .spiffy-product-card-text-color {
+        color: var(--spiffy-colors-text-secondary) !important;
+      }
+
+      /* Font size changes */
+      h2.spiffy-headline {
+        font-weight: 600 !important;
+      }
+
+      .spiffy-social-proof-content-container {
+        font-weight: 500 !important;
+      }
+
+      /* Font size changes */
+      h2.spiffy-headline-2 {
+        font-weight: 500 !important;
+      }
+
+      .spiffy-logo-icon {
+        width: 4.9375rem;
+        height: 1.25rem;
+      }
+
+      #spiffy-modal-container {
+        z-index: 100000 !important;
+      }
+
+      #spiffy-ai-chat-preview-contents div {
+        border-color: var(--spiffy-colors-border-light) !important;
+      }
+    `
+	};
+};
+const wolfMattressPageConfig = () => ({
+	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"
+				},
+				{
+					mountingConfigId: "bottomSuggestionBarPDP",
+					widgetConfigId: "bottomSuggestionBar"
+				}
+			]
+		},
+		{
+			variantId: "home",
+			variantType: "homepage",
+			variantTests: [{ testType: PageVariantTestType.UrlResolver }],
+			widgetMounting: [{
+				mountingConfigId: "chatPreviewPLPHomepage",
+				widgetConfigId: "chatPreviewPLP"
+			}]
+		}
+	],
+	widgetConfigs: {
+		topSuggestionBar: {
+			type: WidgetType.SuggestionBarV2,
+			widgetConfigId: "topSuggestionBar",
+			contentId: "spiffy-top-suggestion-bar-contents",
+			metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+			location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+			variant: "secondary",
+			hoverVariant: "secondaryDark",
+			buttonTexts: { default: [
+				"How firm or soft is it?",
+				"What do customers love about it?",
+				"How will this support my sleep?",
+				"What are the different layers of this mattress?"
+			] },
+			boldFirstButton: true,
+			twoRowsOnMobile: false,
+			animationSpeed: "standard",
+			buttonBorderRadius: "md"
+		},
+		chatPreviewPLP: {
+			widgetConfigId: "chatPreviewPLP",
+			type: WidgetType.ChatPreview,
+			variant: "filled",
+			addSeparators: false,
+			socialProofConfig: {
+				staticPLPImagesLayout: "horizontal",
+				logoName: "wolf-mattress-logo-just-wolf.png",
+				customerQuery: "asked for personalized sleep products.",
+				headerTitle: "Shopping Assistant",
+				suggestionButtonStrings: [
+					"What’s the most popular mattress?",
+					"Which mattress has the most cooling comfort?",
+					"Looking for an adjustable base that’s easy to set up?",
+					"Do the Wolf Hybrid mattresses have edge support?",
+					"Which mattress is best for side sleepers?"
+				],
+				staticPLPImageNames: [
+					"plp-image1.png",
+					"plp-image2.png",
+					"plp-image3.png",
+					"plp-image4.png"
+				],
+				suggestionButtonVariantDefault: "secondary",
+				suggestionButtonVariantAccent: "primary",
+				userQueryButtonConfig: {
+					placeholderText: "Ask me anything?",
+					icon: "magnifyingGlass"
+				}
+			}
+		},
+		chatPreviewPDP: {
+			widgetConfigId: "chatPreviewPDP",
+			type: WidgetType.ChatPreview,
+			variant: "outlined",
+			addSeparators: false,
+			socialProofConfig: {
+				staticPLPImagesLayout: "horizontal",
+				logoName: "wolf-mattress-logo-just-wolf.png",
+				customerQuery: "asked about comfort and support.",
+				headerTitle: "Shopping Assistant",
+				suggestionButtonStrings: [
+					"How supportive or plush is this?",
+					"How does this improve my sleep?",
+					"What other products work with this?",
+					"What makes this a smart, long-term buy?",
+					"What awards has Wolf Mattress won?"
+				],
+				staticImageIndex: 0,
+				suggestionButtonVariantDefault: "secondary",
+				suggestionButtonVariantAccent: "primary",
+				userQueryButtonConfig: {
+					placeholderText: "Ask me anything?",
+					icon: "send"
+				}
+			}
+		},
+		bottomSuggestionBar: {
+			type: WidgetType.SuggestionBarV2,
+			widgetConfigId: "bottomSuggestionBar",
+			contentId: "spiffy-bottom-suggestion-bar-contents",
+			metricDisplayLocation: ChatElementDisplayLocation.BOTTOM_REVIEWS_SNIPPET,
+			location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_BOTTOM,
+			variant: "dark",
+			hoverVariant: "secondaryDark",
+			buttonTexts: { default: [
+				"Summarize the reviews",
+				"What do customers love about it?",
+				"How will this support my sleep?",
+				"What are the different layers of this mattress?"
+			] },
+			boldFirstButton: true,
+			twoRowsOnMobile: false,
+			animationSpeed: "none",
+			buttonBorderRadius: "md"
+		}
+	},
+	mountingConfigs: {
+		chatPreviewPLP: {
+			mountingConfigId: "chatPreviewPLP",
+			containerId: CHAT_PREVIEW_CONTAINER_ID,
+			testId: CHAT_PREVIEW_TESTID,
+			insertionPoint: {
+				selector: ".productgrid--items",
+				insertionType: DOMInsertionType.AFTER
+			}
+		},
+		chatPreviewPLPHomepage: {
+			mountingConfigId: "chatPreviewPLPHomepage",
+			containerId: CHAT_PREVIEW_CONTAINER_ID,
+			testId: CHAT_PREVIEW_TESTID,
+			insertionPoint: {
+				selector: ".section--canonical",
+				insertionType: DOMInsertionType.BEFORE
+			},
+			style: {
+				marginTop: "60px",
+				maxWidth: "1384px",
+				marginLeft: "auto",
+				marginRight: "auto",
+				paddingLeft: "9px",
+				paddingRight: "9px"
+			}
+		},
+		chatPreviewPDP: {
+			mountingConfigId: "chatPreviewPDP",
+			containerId: CHAT_PREVIEW_CONTAINER_ID,
+			testId: CHAT_PREVIEW_TESTID,
+			insertionPoint: {
+				selector: "section.product__container",
+				insertionType: DOMInsertionType.ADJACENT_BEFORE_END
+			},
+			style: { marginTop: "16px" }
+		},
+		topSuggestionBarPDP: {
+			mountingConfigId: "topSuggestionBarPDP",
+			containerId: TOP_SUGGESTION_BAR_PDP_ID,
+			testId: TOP_SUGGESTION_BAR_TESTID,
+			insertionPoint: {
+				selector: ".affirm-as-low-as:first-of-type",
+				insertionType: DOMInsertionType.AFTER
+			},
+			style: {
+				marginTop: "16px",
+				marginBottom: "16px"
+			}
+		},
+		bottomSuggestionBarPDP: {
+			mountingConfigId: "bottomSuggestionBarPDP",
+			containerId: BOTTOM_REVIEWS_BAR_ID,
+			testId: BOTTOM_SUGGESTION_BAR_TESTID,
+			insertionPoint: {
+				selector: ".ElementsWidget__header:has(> .header__inner)",
+				insertionType: DOMInsertionType.AFTER
+			},
+			style: { marginBottom: "16px" }
+		}
+	}
+});
+const wolfMattressOrgInfo = {
+	shortName: OrgShortName.WolfMattress,
+	name: "Wolf Mattress",
+	domain: "wolfmattress.com",
+	defaultProductId: "wolf-14-inch-memory-foam-hybrid-plush-pillow-top",
+	alwaysEnabledMerchants: true,
+	orgUIConfig: wolfMattressOrgUIConfig,
+	orgColors: () => wolfMattressColors,
+	orgPageConfig: wolfMattressPageConfig
+};
+
+//#endregion
+export { wolfMattressOrgInfo };