@envive-ai/react-hooks 0.1.2 → 0.1.4

package/dist/lookOptic-uJWIKpER.js

@@ -1,283 +0,0 @@
-import "./logger-pdEEY8T2.js";
-import "./api-XRr_lAG6.js";
-import { ChatElementDisplayLocation, DOMInsertionType, GridInsertionType } from "./api-NJEaveju.js";
-import { ColorNames, CustomerServiceIntegrationMode, CustomerServiceType, OrgShortName, PageVariantTestType, WidgetType, colorVar } from "./types-BVsTRyxL.js";
-import "./enviveConfigContext-CUGLpPGU.js";
-import "./atomStore-BFtpknLM.js";
-import "./customerService-CUyZzowx.js";
-import "./utilityTypes-BVikejDo.js";
-import "./variantInfo-CzhR5W6h.js";
-import "./events-ClCDFK7t.js";
-import { SuggestionBarLocationForMetrics } from "./suggestionBarV2-types-B0RbMStE.js";
-import { CHAT_PREVIEW_CONTAINER_ID, TOP_SUGGESTION_BAR_PDP_ID } from "./divIds-BWvq-i6I.js";
-import { CdnService } from "./cdnService-DvDSpfVJ.js";
-import "./chat-Dk6KPb1K.js";
-import "./components-DAQxVIn9.js";
-import { CHAT_PREVIEW_TESTID, TOP_SUGGESTION_BAR_TESTID } from "./embedded-C1jvFj3v.js";
-import "./locators-C2DX_nX6.js";
-import { defaultOrgUIConfig } from "./default-wf_IORgo.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 };