@envive-ai/react-hooks 0.1.6 → 0.1.8

package/src/merchants/snapSupplements/snapSupplements.ts

@@ -1,328 +0,0 @@
-import {
-  CHAT_PREVIEW_TESTID,
-  TOP_SUGGESTION_BAR_TESTID,
-} from "src/config/locators";
-import { OrgShortName, BasicOrgInfoType } from "src/application/models";
-import { ChatElementDisplayLocation } from "src/application/models/chatElementDisplayLocation";
-import { getCdnAssetURL } from "src/application/utils/cdnUtils";
-import { GridInsertionType } from "src/merchants/gridInsertion";
-import { DOMInsertionType } from "src/merchants/domInsertion";
-import {
-  CHAT_PREVIEW_CONTAINER_ID,
-  TOP_SUGGESTION_BAR_PDP_ID,
-} from "src/config/divIds";
-import { SuggestionBarLocationForMetrics } from "src/types/suggestionBarV2-types";
-import {
-  ChatPreviewWidgetConfig,
-  ColorMapping,
-  ColorNames,
-  colorVar,
-  OrgPageConfig,
-  OrgUIConfig,
-  PageVariantTestType,
-  SuggestionBarWidgetV2Config,
-  WidgetType,
-} from "src/contexts/types";
-import { defaultOrgUIConfig } from "src/merchants/default";
-
-const snapSupplementsColors: ColorMapping = {
-  [ColorNames.TextPrimary]: "#333",
-  [ColorNames.TextSecondary]: "#333",
-  [ColorNames.TextAccent]: "#346739",
-  [ColorNames.TextLink]: "#333",
-  [ColorNames.TextLight]: "#FFF",
-  [ColorNames.BackgroundPrimary]: "#17311B",
-  [ColorNames.BackgroundSecondary]: "#EFEFE9",
-  [ColorNames.BackgroundSecondaryDark]: "#E3E3DD",
-  [ColorNames.BackgroundTertiary]: "#CCDBBB",
-  [ColorNames.BackgroundDark]: "#333",
-  [ColorNames.BackgroundLight]: "#FFF",
-  [ColorNames.BackgroundSaturated]: "#CCCCCC",
-  [ColorNames.BorderLight]: "#EFEFE9",
-  [ColorNames.BorderMedium]: "#CCDBBB",
-  [ColorNames.BorderDark]: "#333",
-  [ColorNames.BorderOutline]: "#333",
-  [ColorNames.AccentPrimary]: "#346739",
-  [ColorNames.AccentSecondary]: "#CCDBBB",
-};
-
-const snapSupplementsOrgUIConfig = (): OrgUIConfig => {
-  const defaultSnapSupplementsOrgConfig = defaultOrgUIConfig(
-    OrgShortName.SnapSupplements
-  );
-
-  return {
-    ...defaultSnapSupplementsOrgConfig,
-    chatMessageConfig: {
-      ...defaultSnapSupplementsOrgConfig.chatMessageConfig,
-      assistantChatTitle: "SNAP Assistant",
-    },
-    chatHeader: {
-      ...defaultSnapSupplementsOrgConfig.chatHeader,
-      imageSrc: getCdnAssetURL("snap-logo2.png", OrgShortName.SnapSupplements),
-    },
-    chatPreviewConfig: {
-      ...defaultSnapSupplementsOrgConfig.chatPreviewConfig!,
-      headerConfig: {
-        ...defaultSnapSupplementsOrgConfig.chatPreviewConfig!.headerConfig,
-      },
-      footerConfig: {
-        ...defaultSnapSupplementsOrgConfig.chatPreviewConfig!.footerConfig,
-      },
-    },
-    floatingEntrypointConfig: {
-      ...defaultSnapSupplementsOrgConfig.floatingEntrypointConfig!,
-      showOption: "always",
-      expansionText: {
-        plp: "Need clean nutrition help?",
-        pdp: "How will this enhance your wellness?",
-      },
-      expandedColor: colorVar(ColorNames.BackgroundDark),
-    },
-    productCardConfig: {
-      ...defaultSnapSupplementsOrgConfig.productCardConfig!,
-    },
-    pageCardConfig: {
-      ...defaultSnapSupplementsOrgConfig.pageCardConfig!,
-      variant: "filled",
-    },
-    productReviewConfig: {
-      ...defaultSnapSupplementsOrgConfig.productReviewConfig!,
-      colorVariant: "brand",
-    },
-    welcomeSectionConfig: {
-      ...defaultSnapSupplementsOrgConfig.welcomeSectionConfig!,
-      title: "Welcome to SNAP AI!",
-      subtitle:
-        "Hi there! I'm Sarah, your SNAP Supplements guide—here to make personalized recommendations so you can achieve your wellness goals. What can I help you support today?",
-      colorVariant: "accent",
-    },
-    merchantOverrideCss: `
-		.spiffy-chat-header-container > div > div > img {
-			height: 56px !important;
-		}
-
-		.spiffy-chat-preview-footer-container > div > div > div > button {
-			border: 1px solid var(--spiffy-colors-background-secondary-dark) !important;
-		}
-
-		.spiffy-social-proof-content-button > button:hover {
-			background: var(--spiffy-colors-background-secondary-dark) !important;
-			color: var(--spiffy-colors-text-primary) !important;
-		}
-		.spiffy-social-proof-content-button > button:hover > svg {
-			fill: var(--spiffy-colors-accent-primary) !important;
-			stroke: var(--spiffy-colors-accent-primary) !important;
-		}
-
-		/* Suggestion buttons in chat */
-		.spiffy-modal-sheet-content button.spiffy-button-base-button[data-testid="spiffy-suggestion-button"] {
-			background: var(--spiffy-colors-background-secondary) !important;
-			border: 1px solid var(--spiffy-colors-background-secondary-dark) !important;
-		}
-		.spiffy-modal-sheet-content button.spiffy-button-base-button[data-testid="spiffy-suggestion-button"]:hover {
-			color: var(--spiffy-colors-text-primary) !important;
-			background: var(--spiffy-colors-background-secondary-dark) !important;
-		}
-		.spiffy-modal-sheet-content button.spiffy-button-base-button[data-testid="spiffy-suggestion-button"]:hover > svg {
-			fill: var(--spiffy-colors-accent-primary) !important;
-			stroke: var(--spiffy-colors-accent-primary) !important;
-		}
-
-		:root {
-			--chat-preview-pdp-max-width: 1020px;
-			--chat-preview-plp-max-width: 958px;
-		}
-		@media (max-width: 1439px) {
-			:root {
-				--chat-preview-plp-max-width: 728px;
-			}
-		}
-		@media (max-width: 1023px) {
-			:root {
-				--chat-preview-pdp-max-width: 720px;
-				--chat-preview-plp-max-width: 704px;
-			}
-		}
-    `,
-  };
-};
-
-const snapSupplementsPageConfig = (): OrgPageConfig => ({
-  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: "darkPrimary",
-      hoverVariant: "secondaryAccent",
-      buttonBorderRadius: "md",
-      buttonTexts: {
-        default: [
-          "Summarize the reviews",
-          "What are the main benefits?",
-          "What do customers say about results?",
-          "How do I take this?",
-          "How will this support my health goals?",
-        ],
-      },
-      animationSpeed: "standard",
-    } satisfies SuggestionBarWidgetV2Config,
-    chatPreviewPLP: {
-      widgetConfigId: "chatPreviewPLP",
-      type: WidgetType.ChatPreview,
-      variant: "filled",
-      addSeparators: false,
-      socialProofConfig: {
-        staticPLPImagesLayout: "grid",
-        logoName: getCdnAssetURL(
-          "snap-logo1.png",
-          OrgShortName.SnapSupplements
-        ),
-        customerQuery: 'asked "what are the main benefits?"',
-        headerTitle: "Shopping Assistant",
-        suggestionButtonStrings: [
-          "What are reviewers saying?",
-          "What boosts energy levels?",
-          "Which products support prostate health?",
-          "What’s good for cardio support?",
-          "How can I support my digestive health?",
-          "What helps with blood sugar?",
-        ],
-        staticPLPImageNames: [
-          "plp-image1.png",
-          "plp-image2.png",
-          "plp-image3.png",
-          "plp-image4.png",
-        ],
-        suggestionButtonVariantDefault: "secondary",
-        suggestionButtonVariantAccent: "primary",
-        userQueryButtonConfig: {
-          placeholderText: "Ask me anything",
-          icon: "magnifyingGlass",
-        },
-      },
-    } satisfies ChatPreviewWidgetConfig,
-    chatPreviewPDP: {
-      widgetConfigId: "chatPreviewPDP",
-      type: WidgetType.ChatPreview,
-      variant: "filled",
-      addSeparators: true,
-      socialProofConfig: {
-        staticPLPImagesLayout: "horizontal",
-        logoName: getCdnAssetURL(
-          "snap-logo1.png",
-          OrgShortName.SnapSupplements
-        ),
-        customerQuery: 'asked "what results did others see?"',
-        headerTitle: "Shopping Assistant",
-        suggestionButtonStrings: [
-          "What are reviewers saying?",
-          "What benefits should I expect?",
-          "How should I use this?",
-          "Is this right for me?",
-          "What are the active ingredients?",
-        ],
-        staticImageIndex: 0,
-        suggestionButtonVariantDefault: "secondary",
-        suggestionButtonVariantAccent: "primary",
-        userQueryButtonConfig: {
-          placeholderText: "Ask me anything",
-          icon: "send",
-        },
-      },
-    } satisfies ChatPreviewWidgetConfig,
-  },
-  mountingConfigs: {
-    chatPreviewPLP: {
-      mountingConfigId: "chatPreviewPLP",
-      containerId: CHAT_PREVIEW_CONTAINER_ID,
-      testId: CHAT_PREVIEW_TESTID,
-      insertionPoint: {
-        selector: ".shop-product-items",
-        insertionType: DOMInsertionType.AFTER,
-      },
-      gridInsertionType: GridInsertionType.FIXED_3,
-      style: {
-        maxWidth: "var(--chat-preview-plp-max-width, 958px)",
-        minWidth: "98%",
-        marginLeft: "9px",
-      },
-    },
-    chatPreviewPDP: {
-      mountingConfigId: "chatPreviewPDP",
-      containerId: CHAT_PREVIEW_CONTAINER_ID,
-      testId: CHAT_PREVIEW_TESTID,
-      insertionPoint: {
-        selector: "#productMainSection",
-        insertionType: DOMInsertionType.AFTER,
-      },
-      style: {
-        maxWidth: "var(--chat-preview-pdp-max-width, 1020px)",
-        margin: "0px auto 10px auto",
-      },
-    },
-    topSuggestionBarPDP: {
-      mountingConfigId: "topSuggestionBarPDP",
-      containerId: TOP_SUGGESTION_BAR_PDP_ID,
-      testId: TOP_SUGGESTION_BAR_TESTID,
-      insertionPoint: {
-        selector: ".product__catchline",
-        insertionType: DOMInsertionType.AFTER,
-      },
-      style: {
-        marginTop: "12px",
-      },
-    },
-  },
-});
-
-const snapSupplementsOrgInfo = {
-  shortName: OrgShortName.SnapSupplements,
-  name: "SNAP Assistant",
-  domain: "snapsupplements.com",
-  defaultProductId: "",
-  alwaysEnabledMerchants: true,
-  orgUIConfig: snapSupplementsOrgUIConfig,
-  orgColors: () => snapSupplementsColors,
-  orgPageConfig: snapSupplementsPageConfig,
-} satisfies BasicOrgInfoType;
-
-export {
-  snapSupplementsOrgInfo,
-  snapSupplementsOrgUIConfig,
-  snapSupplementsColors,
-  snapSupplementsPageConfig,
-};