@envive-ai/react-hooks 0.1.0

package/dist/homegrownCannabis-C-kw-74X.js

@@ -0,0 +1,400 @@
+import "./models-DHdb7QWn.js";
+import { ColorNames, CustomerServiceIntegrationMode, CustomerServiceType, 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/homegrownCannabis/homegrownCannabis.ts
+const homegrownCannabisColors = {
+	[ColorNames.TextPrimary]: "#181D19",
+	[ColorNames.TextSecondary]: "#6B6D76",
+	[ColorNames.TextAccent]: "#05C87B",
+	[ColorNames.TextLink]: "#181D19",
+	[ColorNames.TextLight]: "#FFFFFF",
+	[ColorNames.BackgroundPrimary]: "#FFE18D",
+	[ColorNames.BackgroundSecondary]: "#F6FBF3",
+	[ColorNames.BackgroundSecondaryDark]: "#EAEEE7",
+	[ColorNames.BackgroundTertiary]: "#D1E8D5",
+	[ColorNames.BackgroundDark]: "#2C322D",
+	[ColorNames.BackgroundLight]: "#FFFFFF",
+	[ColorNames.BackgroundSaturated]: "#CCCCCC",
+	[ColorNames.BorderLight]: "#CBCBCB",
+	[ColorNames.BorderMedium]: "#CBCBCB",
+	[ColorNames.BorderDark]: "#3C3C3C",
+	[ColorNames.BorderOutline]: "#2C322D",
+	[ColorNames.AccentPrimary]: "#05C87B",
+	[ColorNames.AccentSecondary]: "#E5F5E6"
+};
+const homegrownCannabisOrgUIConfig = () => {
+	const defaultHomegrownCannabisOrgConfig = defaultOrgUIConfig(OrgShortName.HomegrownCannabis);
+	return {
+		...defaultHomegrownCannabisOrgConfig,
+		chatMessageConfig: {
+			...defaultHomegrownCannabisOrgConfig.chatMessageConfig,
+			assistantChatTitle: "Homegrown Assistant"
+		},
+		chatHeader: {
+			...defaultHomegrownCannabisOrgConfig.chatHeader,
+			imageSrc: CdnService.getAssetURL("homegrown-cannabis-logo.svg", OrgShortName.HomegrownCannabis),
+			customerSupportSwitchConfig: {
+				...defaultHomegrownCannabisOrgConfig.chatHeader.customerSupportSwitchConfig,
+				supportTitle: "Live Support",
+				spiffyTitle: "Shop with AI",
+				spiffyTitleHasLogo: true,
+				backgroundColor: colorVar(ColorNames.BackgroundDark),
+				borderColor: colorVar(ColorNames.BackgroundDark),
+				selectedTextColor: colorVar(ColorNames.TextLight),
+				selectedBackgroundColor: colorVar(ColorNames.BackgroundDark),
+				unselectedTextColor: colorVar(ColorNames.BackgroundDark),
+				unselectedBackgroundColor: "transparent"
+			}
+		},
+		chatPreviewConfig: {
+			...defaultHomegrownCannabisOrgConfig.chatPreviewConfig,
+			headerConfig: { ...defaultHomegrownCannabisOrgConfig.chatPreviewConfig.headerConfig },
+			footerConfig: { ...defaultHomegrownCannabisOrgConfig.chatPreviewConfig.footerConfig }
+		},
+		floatingEntrypointConfig: {
+			...defaultHomegrownCannabisOrgConfig.floatingEntrypointConfig,
+			showOption: "always",
+			expansionText: {
+				pdp: "What can we help you find?",
+				plp: "What can we help you find?"
+			},
+			iconFillColor: colorVar(ColorNames.BackgroundDark),
+			expandedColor: colorVar(ColorNames.BackgroundDark)
+		},
+		productCardConfig: { ...defaultHomegrownCannabisOrgConfig.productCardConfig },
+		pageCardConfig: { ...defaultHomegrownCannabisOrgConfig.pageCardConfig },
+		productReviewConfig: { ...defaultHomegrownCannabisOrgConfig.productReviewConfig },
+		welcomeSectionConfig: {
+			...defaultHomegrownCannabisOrgConfig.welcomeSectionConfig,
+			title: "Welcome to Homegrown’s Grow Assistant!",
+			subtitle: "Let’s find the perfect items for your next grow — whether it’s your first time planting or you’re a seasoned grower, I’ll help you pick the right fit for your vibe, goals, and grow setup."
+		},
+		customerServiceIntegration: {
+			integrationMode: CustomerServiceIntegrationMode.simple,
+			provider: CustomerServiceType.gorgias
+		},
+		merchantOverrideCss: `
+    /* -------- Customer Support Switch Styles -------- */
+    [data-testid="spiffy-switch-to-ai-assistant-button"] {
+      background-color: var(--spiffy-colors-background-dark) !important;
+      border-color: var(--spiffy-colors-background-dark) !important;
+      color: var(--spiffy-colors-text-light) !important;
+    }
+    
+    [data-testid="spiffy-switch-to-live-agent-button"] {
+      background-color: transparent !important;
+      border-color: var(--spiffy-colors-background-dark) !important;
+      color: var(--spiffy-colors-background-dark) !important;
+    }
+    
+    [data-testid="spiffy-switch-to-ai-assistant-button"]:hover {
+      background-color: var(--spiffy-colors-background-dark) !important;
+      color: var(--spiffy-colors-text-light) !important;
+    }
+    
+    [data-testid="spiffy-switch-to-live-agent-button"]:hover {
+      background-color: var(--spiffy-colors-background-dark) !important;
+      color: var(--spiffy-colors-text-light) !important;
+    }
+    
+    #spiffy-modal-container {
+      z-index: 2147483647 !important;
+    }
+    
+    .spiffy-chat-header-close-button {
+      background-color: var(--spiffy-colors-background-dark);
+      color: var(--spiffy-colors-background-primary);
+    }
+
+		.spiffy-welcome-section-message-title {
+			font-weight: 600;
+		}
+
+		.spiffy-button-base-button svg {
+      fill: var(--spiffy-colors-text-link) !important;
+			stroke: var(--spiffy-colors-text-link) !important;
+      
+    }
+
+		.spiffy-assistant-message-header-text {
+			font-weight: 600;
+			font-size: 14px;
+		}
+
+		#spiffy-ai-chat-preview-contents > div > div > div > div > div > div > button {
+			background: var(--spiffy-colors-background-dark) !important;
+		}
+
+		.spiffy-social-proof-content-button .spiffy-button-base-button > svg {
+    	fill: var(--spiffy-colors-accent-primary) !important;
+    	stroke: var(--spiffy-colors-accent-primary) !important;
+		}
+
+		.spiffy-chat-preview-footer-container div div div button > svg {
+    	fill: var(--spiffy-colors-accent-primary) !important;
+    	stroke: var(--spiffy-colors-accent-primary) !important;
+		}
+			
+		/* Top suggestion bar button and icon styles */
+		#spiffy-top-suggestion-bar-contents > div > div > div > div > button {
+			color: var(--spiffy-colors-text-primary) !important;
+			background: var(--spiffy-colors-background-secondary) !important;
+			border: 1px solid var(--spiffy-colors-background-secondary-dark) !important;
+			border-radius: 8px !important;
+		}
+		#spiffy-top-suggestion-bar-contents > div > div > div > div > button > svg {
+    	fill: var(--spiffy-colors-accent-primary) !important;
+    	stroke: var(--spiffy-colors-accent-primary) !important;
+		}
+
+		/* Bottom suggestion bar button and icon styles */
+		#spiffy-bottom-suggestion-bar-contents > div > div > div > div > button {
+			color: var(--spiffy-colors-text-light) !important;
+			background: var(--spiffy-colors-background-dark) !important;
+			border-radius: 8px !important;
+		}
+
+		#spiffy-bottom-suggestion-bar-contents > div > div > div > div > button > svg {
+    	fill: var(--spiffy-colors-accent-primary) !important;
+    	stroke: var(--spiffy-colors-accent-primary) !important;
+		}
+
+		/* Hover styles for chat preview, top suggestion , and bottom suggestion buttons */
+		#spiffy-ai-chat-preview-contents > div > div > div > div > div > div > button:hover,
+		#spiffy-top-suggestion-bar-contents > div > div > div > div > button:hover,
+		#spiffy-bottom-suggestion-bar-contents > div > div > div > div > button:hover,
+		.spiffy-chat-preview-footer-container div div div button:hover {
+    	background: var(--spiffy-colors-background-tertiary) !important;
+			color: var(--spiffy-colors-text-primary) !important;
+		}
+
+
+    [data-testid="spiffy-social-proof-customer-count-message"] > .spiffy-tw-text-inherit{
+      color: var(--spiffy-colors-text-primary) !important;
+    }
+    [data-testid="spiffy-social-proof-customer-count-message"] > .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;
+    }
+
+    [data-testid="spiffy-user-query-button"] > svg {
+      stroke: var(--spiffy-colors-border-medium) !important;
+      fill: var(--spiffy-colors-border-medium) !important;
+      opacity: 0.5;
+    }
+      
+    [data-testid="spiffy-scrollable-suggestions"] > div > [data-testid="spiffy-suggestion-button"] > svg {
+			fill: var(--spiffy-colors-accent-primary) !important;
+    	stroke: var(--spiffy-colors-accent-primary) !important;
+			color: var(--spiffy-colors-accent-primary) !important;
+		 } 
+
+     [data-testid="spiffy-product-card"]{
+      border-radius: 8px !important;
+     }
+    `
+	};
+};
+const homegrownCannabisPageConfig = () => ({
+	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"
+			}
+		]
+	}],
+	widgetConfigs: {
+		topSuggestionBar: {
+			type: WidgetType.SuggestionBarV2,
+			widgetConfigId: "topSuggestionsBar",
+			contentId: "spiffy-top-suggestion-bar-contents",
+			metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+			location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+			variant: "secondary",
+			hoverVariant: "secondaryDark",
+			animationSpeed: "slow",
+			buttonTexts: { default: [
+				"What are people saying in the reviews?",
+				"What do growers love about it?",
+				"Did people grow this indoors, outdoors, or both?",
+				"What kind of yields are people seeing?",
+				"How do users describe the effects?"
+			] }
+		},
+		chatPreviewPLP: {
+			widgetConfigId: "chatPreviewPLP",
+			type: WidgetType.ChatPreview,
+			variant: "filled",
+			addSeparators: false,
+			socialProofConfig: {
+				staticPLPImagesLayout: "grid",
+				logoName: "homegrown-cannabis-logo.svg",
+				customerQuery: "asked which products are the best.",
+				headerTitle: "Shopping Assistant",
+				suggestionButtonStrings: [
+					"What’s good for beginners?",
+					"Which strains  have the highest potency?",
+					"Should I choose indica, sativa, or hybrid?",
+					"Can you help me choose based on the effects I want?",
+					"What grows best indoors or outdoors?"
+				],
+				staticPLPImageNames: [
+					"plp-Image1.png",
+					"plp-Image2.png",
+					"plp-Image3.png",
+					"plp-image4.png"
+				],
+				suggestionButtonVariantDefault: "secondary",
+				suggestionButtonVariantAccent: "darkAccent",
+				userQueryButtonConfig: {
+					placeholderText: "What can I help you find?",
+					icon: "searchIcon"
+				}
+			}
+		},
+		chatPreviewPDP: {
+			widgetConfigId: "chatPreviewPDP",
+			type: WidgetType.ChatPreview,
+			variant: "filled",
+			addSeparators: false,
+			socialProofConfig: {
+				staticPLPImagesLayout: "horizontal",
+				logoName: "homegrown-cannabis-logo.svg",
+				customerQuery: "asked which products are the best.",
+				headerTitle: "Shopping Assistant",
+				suggestionButtonStrings: [
+					"How long does this strain take to grow?",
+					"What’s the flavor and aroma profile like?",
+					"Does it grow better indoors or outdoors?",
+					"What kind of effects do people feel?",
+					"Is this strain beginner-friendly?"
+				],
+				staticImageIndex: 0,
+				suggestionButtonVariantDefault: "secondary",
+				suggestionButtonVariantAccent: "primary",
+				userQueryButtonConfig: {
+					placeholderText: "Ask me anything",
+					icon: "send"
+				}
+			}
+		},
+		bottomSuggestionBar: {
+			type: WidgetType.SuggestionBarV2,
+			widgetConfigId: "bottomSuggestionsBar",
+			contentId: "spiffy-bottom-suggestion-bar-contents",
+			metricDisplayLocation: ChatElementDisplayLocation.BOTTOM_REVIEWS_SNIPPET,
+			location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_BOTTOM,
+			variant: "dark",
+			hoverVariant: "secondaryDark",
+			buttonTexts: { default: [
+				"What are people saying in the reviews?",
+				"What do growers love about it?",
+				"Did people grow this indoors, outdoors, or both?",
+				"What kind of yields are people seeing?",
+				"How do users describe the effects?"
+			] }
+		}
+	},
+	mountingConfigs: {
+		chatPreviewPLP: {
+			mountingConfigId: "chatPreviewPLP",
+			containerId: CHAT_PREVIEW_CONTAINER_ID,
+			testId: CHAT_PREVIEW_TESTID,
+			insertionPoint: {
+				selector: ".products-grid",
+				insertionType: DOMInsertionType.APPEND_CHILD
+			},
+			style: {
+				marginTop: "24px",
+				marginBottom: "24px",
+				paddingBottom: "24px",
+				paddingTop: "24px",
+				borderTop: `solid 1px ${homegrownCannabisColors[ColorNames.BorderLight]}`,
+				borderBottom: `solid 1px ${homegrownCannabisColors[ColorNames.BorderLight]}`,
+				order: "2",
+				width: "100%"
+			}
+		},
+		chatPreviewPDP: {
+			mountingConfigId: "chatPreviewPDP",
+			containerId: CHAT_PREVIEW_CONTAINER_ID,
+			testId: CHAT_PREVIEW_TESTID,
+			insertionPoint: {
+				selector: "#nav-cultivar-profile",
+				insertionType: DOMInsertionType.AFTER
+			},
+			style: {
+				marginBottom: "24px",
+				paddingBottom: "24px",
+				paddingTop: "24px",
+				borderTop: `solid 1px ${homegrownCannabisColors[ColorNames.BorderLight]}`,
+				borderBottom: `solid 1px ${homegrownCannabisColors[ColorNames.BorderLight]}`
+			}
+		},
+		topSuggestionBarPDP: {
+			mountingConfigId: "topSuggestionBarPDP",
+			containerId: TOP_SUGGESTION_BAR_PDP_ID,
+			testId: TOP_SUGGESTION_BAR_TESTID,
+			insertionPoint: {
+				selector: ".product-additional-info",
+				insertionType: DOMInsertionType.AFTER
+			},
+			style: { marginBottom: "16px" }
+		},
+		bottomSuggestionBarPDP: {
+			mountingConfigId: "bottomSuggestionBarPDP",
+			containerId: BOTTOM_REVIEWS_BAR_ID,
+			testId: BOTTOM_SUGGESTION_BAR_TESTID,
+			insertionPoint: {
+				selector: ".yotpo-media-gallery-container",
+				insertionType: DOMInsertionType.AFTER
+			},
+			style: {
+				marginTop: "32px",
+				marginBottom: "32px"
+			}
+		}
+	}
+});
+const homegrownCannabisOrgInfo = {
+	shortName: OrgShortName.HomegrownCannabis,
+	name: "Homegrown Cannabis Co. AI",
+	domain: "homegrowncannabis.com",
+	defaultProductId: "red-runtz-feminized-marijuana-seeds",
+	alwaysEnabledMerchants: true,
+	orgUIConfig: homegrownCannabisOrgUIConfig,
+	orgColors: () => homegrownCannabisColors,
+	orgPageConfig: homegrownCannabisPageConfig
+};
+
+//#endregion
+export { homegrownCannabisOrgInfo };