@envive-ai/react-hooks 0.1.0

package/dist/lookOptic-BGXP5P_V.js

@@ -0,0 +1,274 @@
+import "./logger-pdEEY8T2.js";
+import "./models-DHdb7QWn.js";
+import { ColorNames, CustomerServiceIntegrationMode, CustomerServiceType, OrgShortName, PageVariantTestType, WidgetType, colorVar } 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/lookOptic/lookOptic.ts
+const lookOpticColors = {
+	[ColorNames.TextPrimary]: "#101010",
+	[ColorNames.TextSecondary]: "#4C4C4C",
+	[ColorNames.TextAccent]: "#435A6F",
+	[ColorNames.TextLink]: "#101010",
+	[ColorNames.TextLight]: "#FFFFFF",
+	[ColorNames.BackgroundPrimary]: "#101010",
+	[ColorNames.BackgroundSecondary]: "#F3F3F3",
+	[ColorNames.BackgroundSecondaryDark]: "#E7E7E7",
+	[ColorNames.BackgroundTertiary]: "#B3BCB1",
+	[ColorNames.BackgroundDark]: "#101010",
+	[ColorNames.BackgroundLight]: "#FFFFFF",
+	[ColorNames.BackgroundSaturated]: "",
+	[ColorNames.BorderLight]: "#ECECEC",
+	[ColorNames.BorderMedium]: "#E1E1E1",
+	[ColorNames.BorderDark]: "#101010",
+	[ColorNames.BorderOutline]: "#101010",
+	[ColorNames.AccentPrimary]: "#435A6F",
+	[ColorNames.AccentSecondary]: "#B3BCB1"
+};
+const lookOpticOrgUIConfig = () => {
+	const defaultLookOpticOrgConfig = defaultOrgUIConfig(OrgShortName.LookOptic);
+	return {
+		...defaultLookOpticOrgConfig,
+		chatMessageConfig: {
+			...defaultLookOpticOrgConfig.chatMessageConfig,
+			assistantChatTitle: "Ask LOOK"
+		},
+		chatHeader: {
+			...defaultLookOpticOrgConfig.chatHeader,
+			imageSrc: CdnService.getAssetURL("lookOlogo.png", OrgShortName.LookOptic),
+			customerSupportSwitchConfig: {
+				...defaultLookOpticOrgConfig.chatHeader.customerSupportSwitchConfig,
+				supportTitle: "Live Support"
+			}
+		},
+		chatPreviewConfig: {
+			...defaultLookOpticOrgConfig.chatPreviewConfig,
+			copies: {
+				pdp: [
+					"how they fit?",
+					"should I get readers or progressives?",
+					"how do I choose my magnification?",
+					"are these adjustable?",
+					"are they lightweight?"
+				],
+				plp: [
+					"the most popular styles?",
+					"glasses that fit average-sized faces best?",
+					"glasses that fit narrow faces?",
+					"glasses that fits wider faces best",
+					"the most popular sunglasses?"
+				]
+			},
+			iconFillColor: colorVar(ColorNames.AccentPrimary),
+			buttonTextColor: colorVar(ColorNames.TextLink),
+			buttonBackgroundColor: colorVar(ColorNames.BackgroundSecondary),
+			buttonTextHoverColor: colorVar(ColorNames.TextLink),
+			buttonBackgroundHoverColor: colorVar(ColorNames.BackgroundSecondaryDark),
+			headerConfig: {
+				...defaultLookOpticOrgConfig.chatPreviewConfig.headerConfig,
+				imageSrc: CdnService.getAssetURL("lookOlogoSocialProof.svg", OrgShortName.LookOptic),
+				imageHeight: 16,
+				title: "Shopping Assistant"
+			},
+			footerConfig: {
+				...defaultLookOpticOrgConfig.chatPreviewConfig.footerConfig,
+				replyButtonIcon: "magnifyingGlass"
+			}
+		},
+		floatingChatConfig: {
+			...defaultLookOpticOrgConfig.floatingChatConfig,
+			suggestionButtonConfig: {
+				...defaultLookOpticOrgConfig.floatingChatConfig.suggestionButtonConfig,
+				variant: "secondary",
+				hoverVariant: "secondaryDark",
+				answerVariant: "outlined"
+			}
+		},
+		floatingEntrypointConfig: {
+			...defaultLookOpticOrgConfig.floatingEntrypointConfig,
+			showOption: "always",
+			expansionText: {
+				pdp: "Will this be your next LOOK?",
+				plp: "Ready to LOOK in style?"
+			},
+			expandedColor: colorVar(ColorNames.BackgroundDark)
+		},
+		productCardConfig: {
+			...defaultLookOpticOrgConfig.productCardConfig,
+			layoutVariant: "normal"
+		},
+		pageCardConfig: { ...defaultLookOpticOrgConfig.pageCardConfig },
+		productReviewConfig: {
+			...defaultLookOpticOrgConfig.productReviewConfig,
+			colorVariant: "brand"
+		},
+		welcomeSectionConfig: {
+			...defaultLookOpticOrgConfig.welcomeSectionConfig,
+			title: "WELCOME TO LOOK OPTIC AI!",
+			subtitle: "Hi there! I'm here to help you find your smart, stylish everyday LOOK. Your style, your readers – let's find the perfect match."
+		},
+		customerServiceIntegration: {
+			integrationMode: CustomerServiceIntegrationMode.simple,
+			provider: CustomerServiceType.gorgias
+		},
+		merchantOverrideCss: `
+        [data-testid="spiffy-chat-preview-footer"] > div > div > div > button {
+          border-radius: 0px !important;
+        }
+        
+        [data-testid="spiffy-chat-preview-footer"] > div > div > div > button:hover svg {
+          stroke: var(--spiffy-colors-accent-primary) !important;
+          fill: var(--spiffy-colors-accent-primary) !important;
+          color: var(--spiffy-colors-accent-primary) !important;
+        }
+
+        [data-testid="spiffy-product-card"] {
+          border-radius: 8px !important;
+        }
+
+          /* Responsive margin for chatPreviewPLP to match product grid padding */
+          .product-grid > #spiffy-ai-chat-preview {
+            margin-left: 2.2rem !important;
+          }
+          @media (max-width: 749px) {
+            .product-grid > #spiffy-ai-chat-preview {
+              margin-left: 0 !important;
+            }
+          }
+          @media (max-width: 989px) {
+            [data-testid="top-suggestion-bar-shadow-dom-container"]{
+              margin-bottom: 16px !important;
+            }
+              }
+
+          .spiffy-headline, [data-testid="welcome-section-title"] {
+            font-family: 'DIN Condensed' !important;
+            text-transform: uppercase !important;
+          }
+        `
+	};
+};
+const lookOpticPageConfig = () => ({
+	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: {
+			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",
+			buttonTexts: { default: [
+				"Summarize the reviews",
+				"How’s the fit?",
+				"What makes this a best seller?",
+				"Are these adjustable?"
+			] },
+			buttonBorderRadius: "sm"
+		},
+		chatPreviewPLP: {
+			widgetConfigId: "chatPreviewPLP",
+			type: WidgetType.ChatPreview,
+			variant: "filled",
+			addSeparators: false,
+			footerConfig: { replyButtonIcon: "magnifyingGlass" }
+		},
+		chatPreviewPDP: {
+			widgetConfigId: "chatPreviewPDP",
+			type: WidgetType.ChatPreview,
+			variant: "filled",
+			addSeparators: false,
+			footerConfig: { replyButtonIcon: "send" }
+		}
+	},
+	mountingConfigs: {
+		chatPreviewPLP: {
+			mountingConfigId: "chatPreviewPLP",
+			containerId: CHAT_PREVIEW_CONTAINER_ID,
+			testId: CHAT_PREVIEW_TESTID,
+			insertionPoint: {
+				selector: ".product-grid",
+				insertionType: DOMInsertionType.AFTER
+			},
+			style: {
+				display: "block",
+				width: "99%",
+				order: "3",
+				paddingTop: "24px",
+				paddingBottom: "24px",
+				marginTop: "16px",
+				marginBottom: "32px",
+				borderTop: `1px solid ${lookOpticColors[ColorNames.BorderLight]}`,
+				borderBottom: `1px solid ${lookOpticColors[ColorNames.BorderLight]}`
+			},
+			gridInsertionType: GridInsertionType.FIXED_4
+		},
+		chatPreviewPDP: {
+			mountingConfigId: "chatPreviewPDP",
+			containerId: CHAT_PREVIEW_CONTAINER_ID,
+			testId: CHAT_PREVIEW_TESTID,
+			insertionPoint: {
+				selector: ".product__accordion.accordion",
+				insertionType: DOMInsertionType.BEFORE
+			},
+			style: {
+				display: "block",
+				paddingTop: "24px",
+				marginTop: "16px",
+				borderTop: `1px solid ${lookOpticColors[ColorNames.BorderLight]}`
+			}
+		},
+		topSuggestionBarPDP: {
+			mountingConfigId: "topSuggestionBarPDP",
+			containerId: TOP_SUGGESTION_BAR_PDP_ID,
+			testId: TOP_SUGGESTION_BAR_TESTID,
+			insertionPoint: {
+				selector: ".junip-product-summary",
+				insertionType: DOMInsertionType.AFTER
+			},
+			style: {
+				display: "block",
+				marginTop: "16px"
+			}
+		}
+	}
+});
+const lookOpticOrgInfo = {
+	shortName: OrgShortName.LookOptic,
+	name: "",
+	domain: "lookoptic.com",
+	defaultProductId: "",
+	alwaysEnabledMerchants: true,
+	orgUIConfig: lookOpticOrgUIConfig,
+	orgColors: () => lookOpticColors,
+	orgPageConfig: lookOpticPageConfig
+};
+
+//#endregion
+export { lookOpticOrgInfo };

package/dist/lookOptic-CA6RwLbG.cjs

@@ -0,0 +1,274 @@
+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/lookOptic/lookOptic.ts
+const lookOpticColors = {
+	[require_types.ColorNames.TextPrimary]: "#101010",
+	[require_types.ColorNames.TextSecondary]: "#4C4C4C",
+	[require_types.ColorNames.TextAccent]: "#435A6F",
+	[require_types.ColorNames.TextLink]: "#101010",
+	[require_types.ColorNames.TextLight]: "#FFFFFF",
+	[require_types.ColorNames.BackgroundPrimary]: "#101010",
+	[require_types.ColorNames.BackgroundSecondary]: "#F3F3F3",
+	[require_types.ColorNames.BackgroundSecondaryDark]: "#E7E7E7",
+	[require_types.ColorNames.BackgroundTertiary]: "#B3BCB1",
+	[require_types.ColorNames.BackgroundDark]: "#101010",
+	[require_types.ColorNames.BackgroundLight]: "#FFFFFF",
+	[require_types.ColorNames.BackgroundSaturated]: "",
+	[require_types.ColorNames.BorderLight]: "#ECECEC",
+	[require_types.ColorNames.BorderMedium]: "#E1E1E1",
+	[require_types.ColorNames.BorderDark]: "#101010",
+	[require_types.ColorNames.BorderOutline]: "#101010",
+	[require_types.ColorNames.AccentPrimary]: "#435A6F",
+	[require_types.ColorNames.AccentSecondary]: "#B3BCB1"
+};
+const lookOpticOrgUIConfig = () => {
+	const defaultLookOpticOrgConfig = require_default.defaultOrgUIConfig(require_types.OrgShortName.LookOptic);
+	return {
+		...defaultLookOpticOrgConfig,
+		chatMessageConfig: {
+			...defaultLookOpticOrgConfig.chatMessageConfig,
+			assistantChatTitle: "Ask LOOK"
+		},
+		chatHeader: {
+			...defaultLookOpticOrgConfig.chatHeader,
+			imageSrc: require_cdnService.CdnService.getAssetURL("lookOlogo.png", require_types.OrgShortName.LookOptic),
+			customerSupportSwitchConfig: {
+				...defaultLookOpticOrgConfig.chatHeader.customerSupportSwitchConfig,
+				supportTitle: "Live Support"
+			}
+		},
+		chatPreviewConfig: {
+			...defaultLookOpticOrgConfig.chatPreviewConfig,
+			copies: {
+				pdp: [
+					"how they fit?",
+					"should I get readers or progressives?",
+					"how do I choose my magnification?",
+					"are these adjustable?",
+					"are they lightweight?"
+				],
+				plp: [
+					"the most popular styles?",
+					"glasses that fit average-sized faces best?",
+					"glasses that fit narrow faces?",
+					"glasses that fits wider faces best",
+					"the most popular sunglasses?"
+				]
+			},
+			iconFillColor: require_types.colorVar(require_types.ColorNames.AccentPrimary),
+			buttonTextColor: require_types.colorVar(require_types.ColorNames.TextLink),
+			buttonBackgroundColor: require_types.colorVar(require_types.ColorNames.BackgroundSecondary),
+			buttonTextHoverColor: require_types.colorVar(require_types.ColorNames.TextLink),
+			buttonBackgroundHoverColor: require_types.colorVar(require_types.ColorNames.BackgroundSecondaryDark),
+			headerConfig: {
+				...defaultLookOpticOrgConfig.chatPreviewConfig.headerConfig,
+				imageSrc: require_cdnService.CdnService.getAssetURL("lookOlogoSocialProof.svg", require_types.OrgShortName.LookOptic),
+				imageHeight: 16,
+				title: "Shopping Assistant"
+			},
+			footerConfig: {
+				...defaultLookOpticOrgConfig.chatPreviewConfig.footerConfig,
+				replyButtonIcon: "magnifyingGlass"
+			}
+		},
+		floatingChatConfig: {
+			...defaultLookOpticOrgConfig.floatingChatConfig,
+			suggestionButtonConfig: {
+				...defaultLookOpticOrgConfig.floatingChatConfig.suggestionButtonConfig,
+				variant: "secondary",
+				hoverVariant: "secondaryDark",
+				answerVariant: "outlined"
+			}
+		},
+		floatingEntrypointConfig: {
+			...defaultLookOpticOrgConfig.floatingEntrypointConfig,
+			showOption: "always",
+			expansionText: {
+				pdp: "Will this be your next LOOK?",
+				plp: "Ready to LOOK in style?"
+			},
+			expandedColor: require_types.colorVar(require_types.ColorNames.BackgroundDark)
+		},
+		productCardConfig: {
+			...defaultLookOpticOrgConfig.productCardConfig,
+			layoutVariant: "normal"
+		},
+		pageCardConfig: { ...defaultLookOpticOrgConfig.pageCardConfig },
+		productReviewConfig: {
+			...defaultLookOpticOrgConfig.productReviewConfig,
+			colorVariant: "brand"
+		},
+		welcomeSectionConfig: {
+			...defaultLookOpticOrgConfig.welcomeSectionConfig,
+			title: "WELCOME TO LOOK OPTIC AI!",
+			subtitle: "Hi there! I'm here to help you find your smart, stylish everyday LOOK. Your style, your readers – let's find the perfect match."
+		},
+		customerServiceIntegration: {
+			integrationMode: require_types.CustomerServiceIntegrationMode.simple,
+			provider: require_types.CustomerServiceType.gorgias
+		},
+		merchantOverrideCss: `
+        [data-testid="spiffy-chat-preview-footer"] > div > div > div > button {
+          border-radius: 0px !important;
+        }
+        
+        [data-testid="spiffy-chat-preview-footer"] > div > div > div > button:hover svg {
+          stroke: var(--spiffy-colors-accent-primary) !important;
+          fill: var(--spiffy-colors-accent-primary) !important;
+          color: var(--spiffy-colors-accent-primary) !important;
+        }
+
+        [data-testid="spiffy-product-card"] {
+          border-radius: 8px !important;
+        }
+
+          /* Responsive margin for chatPreviewPLP to match product grid padding */
+          .product-grid > #spiffy-ai-chat-preview {
+            margin-left: 2.2rem !important;
+          }
+          @media (max-width: 749px) {
+            .product-grid > #spiffy-ai-chat-preview {
+              margin-left: 0 !important;
+            }
+          }
+          @media (max-width: 989px) {
+            [data-testid="top-suggestion-bar-shadow-dom-container"]{
+              margin-bottom: 16px !important;
+            }
+              }
+
+          .spiffy-headline, [data-testid="welcome-section-title"] {
+            font-family: 'DIN Condensed' !important;
+            text-transform: uppercase !important;
+          }
+        `
+	};
+};
+const lookOpticPageConfig = () => ({
+	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: {
+			type: require_types.WidgetType.SuggestionBarV2,
+			widgetConfigId: "topSuggestionsBar",
+			contentId: "spiffy-top-suggestion-bar-contents",
+			metricDisplayLocation: require_suggestionBarV2_types.ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+			location: require_suggestionBarV2_types.SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+			variant: "secondary",
+			hoverVariant: "secondaryDark",
+			buttonTexts: { default: [
+				"Summarize the reviews",
+				"How’s the fit?",
+				"What makes this a best seller?",
+				"Are these adjustable?"
+			] },
+			buttonBorderRadius: "sm"
+		},
+		chatPreviewPLP: {
+			widgetConfigId: "chatPreviewPLP",
+			type: require_types.WidgetType.ChatPreview,
+			variant: "filled",
+			addSeparators: false,
+			footerConfig: { replyButtonIcon: "magnifyingGlass" }
+		},
+		chatPreviewPDP: {
+			widgetConfigId: "chatPreviewPDP",
+			type: require_types.WidgetType.ChatPreview,
+			variant: "filled",
+			addSeparators: false,
+			footerConfig: { replyButtonIcon: "send" }
+		}
+	},
+	mountingConfigs: {
+		chatPreviewPLP: {
+			mountingConfigId: "chatPreviewPLP",
+			containerId: require_divIds.CHAT_PREVIEW_CONTAINER_ID,
+			testId: require_divIds.CHAT_PREVIEW_TESTID,
+			insertionPoint: {
+				selector: ".product-grid",
+				insertionType: require_divIds.DOMInsertionType.AFTER
+			},
+			style: {
+				display: "block",
+				width: "99%",
+				order: "3",
+				paddingTop: "24px",
+				paddingBottom: "24px",
+				marginTop: "16px",
+				marginBottom: "32px",
+				borderTop: `1px solid ${lookOpticColors[require_types.ColorNames.BorderLight]}`,
+				borderBottom: `1px solid ${lookOpticColors[require_types.ColorNames.BorderLight]}`
+			},
+			gridInsertionType: require_GridInsertionService.GridInsertionType.FIXED_4
+		},
+		chatPreviewPDP: {
+			mountingConfigId: "chatPreviewPDP",
+			containerId: require_divIds.CHAT_PREVIEW_CONTAINER_ID,
+			testId: require_divIds.CHAT_PREVIEW_TESTID,
+			insertionPoint: {
+				selector: ".product__accordion.accordion",
+				insertionType: require_divIds.DOMInsertionType.BEFORE
+			},
+			style: {
+				display: "block",
+				paddingTop: "24px",
+				marginTop: "16px",
+				borderTop: `1px solid ${lookOpticColors[require_types.ColorNames.BorderLight]}`
+			}
+		},
+		topSuggestionBarPDP: {
+			mountingConfigId: "topSuggestionBarPDP",
+			containerId: require_divIds.TOP_SUGGESTION_BAR_PDP_ID,
+			testId: require_divIds.TOP_SUGGESTION_BAR_TESTID,
+			insertionPoint: {
+				selector: ".junip-product-summary",
+				insertionType: require_divIds.DOMInsertionType.AFTER
+			},
+			style: {
+				display: "block",
+				marginTop: "16px"
+			}
+		}
+	}
+});
+const lookOpticOrgInfo = {
+	shortName: require_types.OrgShortName.LookOptic,
+	name: "",
+	domain: "lookoptic.com",
+	defaultProductId: "",
+	alwaysEnabledMerchants: true,
+	orgUIConfig: lookOpticOrgUIConfig,
+	orgColors: () => lookOpticColors,
+	orgPageConfig: lookOpticPageConfig
+};
+
+//#endregion
+exports.lookOpticOrgInfo = lookOpticOrgInfo;