@envive-ai/react-hooks 0.1.6 → 0.1.7

package/src/merchants/venaCbd/venaCbd.ts

@@ -1,407 +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 {
-  CustomerServiceIntegrationMode,
-  CustomerServiceType,
-} from "src/types/customerService";
-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 venaCbdColors: ColorMapping = {
-  [ColorNames.TextPrimary]: "#343232",
-  [ColorNames.TextSecondary]: "#343232",
-  [ColorNames.TextAccent]: "#D66041",
-  [ColorNames.TextLink]: "#D66041",
-  [ColorNames.TextLight]: "#FFFFFF",
-  [ColorNames.BackgroundPrimary]: "#D66041",
-  [ColorNames.BackgroundSecondary]: "#F8F5F0",
-  [ColorNames.BackgroundSecondaryDark]: "#ECE9E4",
-  [ColorNames.BackgroundTertiary]: "#FDF7F5",
-  [ColorNames.BackgroundDark]: "#333",
-  [ColorNames.BackgroundLight]: "#FFFFFF",
-  [ColorNames.BackgroundSaturated]: "#CCCCCC",
-  [ColorNames.BorderLight]: "#C4C4C4",
-  [ColorNames.BorderMedium]: "#9A9DB1",
-  [ColorNames.BorderDark]: "#D66041",
-  [ColorNames.BorderOutline]: "#D66041",
-  [ColorNames.AccentPrimary]: "#D66041",
-  [ColorNames.AccentSecondary]: "#DCFF90",
-};
-
-const venaCbdOrgUIConfig = (): OrgUIConfig => {
-  const defaultVenaCbdOrgConfig = defaultOrgUIConfig(OrgShortName.VenaCbd);
-
-  return {
-    ...defaultVenaCbdOrgConfig,
-    chatMessageConfig: {
-      ...defaultVenaCbdOrgConfig.chatMessageConfig,
-      assistantChatTitle: "Vena",
-    },
-    chatHeader: {
-      ...defaultVenaCbdOrgConfig.chatHeader,
-      imageSrc: getCdnAssetURL("vena-logo2.png", OrgShortName.VenaCbd),
-    },
-    chatPreviewConfig: {
-      ...defaultVenaCbdOrgConfig.chatPreviewConfig!,
-      headerConfig: {
-        ...defaultVenaCbdOrgConfig.chatPreviewConfig!.headerConfig,
-        imageSrc: getCdnAssetURL("vena-logo1.png", OrgShortName.VenaCbd),
-        iconHeight: "12px",
-        iconWidth: "12px",
-      },
-      footerConfig: {
-        ...defaultVenaCbdOrgConfig.chatPreviewConfig!.footerConfig,
-      },
-    },
-    floatingEntrypointConfig: {
-      ...defaultVenaCbdOrgConfig.floatingEntrypointConfig!,
-      showOption: "after-interaction-anywhere",
-      position: "middle-left",
-      minimizedColor: colorVar(ColorNames.BackgroundPrimary),
-      expandedColor: colorVar(ColorNames.BackgroundDark),
-      expansionText: {
-        pdp: "Want me to help you choose?",
-        plp: "Ready to feel your best with Vena?",
-      },
-    },
-    productCardConfig: {
-      ...defaultVenaCbdOrgConfig.productCardConfig!,
-    },
-
-    pageCardConfig: {
-      ...defaultVenaCbdOrgConfig.pageCardConfig!,
-    },
-    productReviewConfig: {
-      ...defaultVenaCbdOrgConfig.productReviewConfig!,
-      colorVariant: "brand",
-    },
-    welcomeSectionConfig: {
-      ...defaultVenaCbdOrgConfig.welcomeSectionConfig!,
-      title: "Hey, you found Vena",
-      subtitle:
-        "Think of me as your wellness wingwoman. Looking for better sleep, brighter moods, or just less stress? I’ll help you figure out what fits best.",
-      colorVariant: "brand",
-    },
-    customerServiceIntegration: {
-      integrationMode: CustomerServiceIntegrationMode.simple,
-      provider: CustomerServiceType.gorgias,
-      useUnifiedButton: false,
-    },
-    merchantOverrideCss: `
-		#spiffy-ai-chat-preview-contents > div {
-			background-color: transparent !important;
-		}
-
-		:root {
-			--chat-preview-pdp-margin: 0px auto 10px auto;
-			--chat-preview-plp-display-desktop: block !important;
-			--chat-preview-plp-display-mobile: none !important;
-		}
-		@media (max-width: 1255px) {
-		  :root {
-				--chat-preview-pdp-margin: 0px 24px 10px 24px;
-		  }
-		}
-		@media (max-width: 992px) {
-			:root {
-				--chat-preview-plp-display-desktop: none !important;
-				--chat-preview-plp-display-mobile: block !important;
-			}
-		}
-
-		.spiffy-user-query-button > svg,
-		#spiffy-chat-preview-user-query-button > svg {
-			stroke: transparent !important;
-			opacity: 0.5;
-		}
-
-		.spiffy-chat-preview-header-container > img {
-			height: 14px !important;
-			width: auto !important;
-		}
-
-		.spiffy-chat-header-container > div > div {
-			padding-left: 24px !important;
-		}
-		`,
-  };
-};
-
-const venaCbdPageConfig = (): OrgPageConfig => ({
-  pageVariants: [
-    {
-      variantId: "plp",
-      variantType: "plp",
-      variantTests: [{ testType: PageVariantTestType.ShopifyPLP }],
-      plpIdExtractor: "shopify-collection-id",
-      widgetMounting: [
-        {
-          mountingConfigId: "chatPreviewPLPDesktop",
-          widgetConfigId: "chatPreviewPLP",
-        },
-        {
-          mountingConfigId: "chatPreviewPLPMobile",
-          widgetConfigId: "chatPreviewPLP",
-        },
-      ],
-    },
-    {
-      variantId: "pdp",
-      variantType: "pdp",
-      variantTests: [{ testType: PageVariantTestType.ShopifyPDP }],
-      productIdExtractor: "shopify-product-variant-id",
-      widgetMounting: [
-        {
-          mountingConfigId: "chatPreviewPDP",
-          widgetConfigId: "chatPreviewPDP",
-        },
-        {
-          mountingConfigId: "topSuggestionBarPDP",
-          mountingPointWidgets: [
-            {
-              tests: [
-                {
-                  testType: PageVariantTestType.HasMerchantTag,
-                  merchantTags: ["Gummy", "gummies", "tapcart-gummies"],
-                },
-              ],
-              widgetConfigId: "topSuggestionBarGummies",
-            },
-            {
-              tests: [
-                {
-                  testType: PageVariantTestType.HasMerchantTag,
-                  merchantTags: [
-                    "seltzer",
-                    "tapcart-seltzer",
-                    "YGroup_originalhappytonix",
-                  ],
-                },
-              ],
-              widgetConfigId: "topSuggestionBarSeltzers",
-            },
-            {
-              tests: [{ testType: PageVariantTestType.Fallback }],
-              widgetConfigId: "topSuggestionBar",
-            },
-          ],
-        },
-      ],
-    },
-  ],
-  widgetConfigs: {
-    topSuggestionBar: {
-      type: WidgetType.SuggestionBarV2,
-      widgetConfigId: "topSuggestionsBar",
-      contentId: "spiffy-top-suggestion-bar-contents",
-      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
-      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
-      variant: "darkAccent",
-      hoverVariant: "secondaryDark",
-      buttonTexts: {
-        default: [
-          "What makes this a Vena favorite?",
-          "How are women using this in their routines?",
-          "What can I actually expect?",
-          "How do I take it?",
-          "What do the reviews say?",
-        ],
-      },
-      buttonBorderRadius: "md",
-      animationSpeed: "standard",
-    } satisfies SuggestionBarWidgetV2Config,
-    topSuggestionBarGummies: {
-      type: WidgetType.SuggestionBarV2,
-      widgetConfigId: "topSuggestionsBar",
-      contentId: "spiffy-top-suggestion-bar-contents",
-      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
-      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
-      variant: "darkAccent",
-      hoverVariant: "secondaryDark",
-      buttonTexts: {
-        default: [
-          "What do reviewers love about these gummies?",
-          "How do people describe the taste?",
-          "When do customers usually take them?",
-          "What makes these easy to fit into daily life?",
-          "What do reviewers keep coming back for?",
-        ],
-      },
-      buttonBorderRadius: "md",
-      animationSpeed: "standard",
-    } satisfies SuggestionBarWidgetV2Config,
-    topSuggestionBarSeltzers: {
-      type: WidgetType.SuggestionBarV2,
-      widgetConfigId: "topSuggestionsBar",
-      contentId: "spiffy-top-suggestion-bar-contents",
-      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
-      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
-      variant: "darkAccent",
-      hoverVariant: "secondaryDark",
-      buttonTexts: {
-        default: [
-          "What do people say the buzz feels like?",
-          "When are customers sipping these most?",
-          "What flavors are fan favorites?",
-          "How do reviewers compare these to a drink?",
-          "What makes them a go-to for social vibes?",
-        ],
-      },
-      buttonBorderRadius: "md",
-      animationSpeed: "standard",
-    } satisfies SuggestionBarWidgetV2Config,
-    chatPreviewPLP: {
-      widgetConfigId: "chatPreviewPLP",
-      type: WidgetType.ChatPreview,
-      variant: "filled",
-      addSeparators: false,
-      socialProofConfig: {
-        staticPLPImagesLayout: "grid",
-        logoName: "vena-logo1.png",
-        customerQuery: 'asked "What’s a good place to start with Vena?"',
-        headerTitle: "Shopping Assistant",
-        suggestionButtonStrings: [
-          "Which Vena products are most popular right now?",
-          "What do reviewers love most about their favorites?",
-          "How are people adding Vena into their routines?",
-          "What makes these stand out from other wellness options?",
-          "What do customers keep coming back for?",
-        ],
-        staticPLPImageNames: [
-          "plp-image1.png",
-          "plp-image2.png",
-          "plp-image3.png",
-          "plp-image4.png",
-        ],
-        suggestionButtonVariantDefault: "secondary",
-        suggestionButtonVariantAccent: "darkAccent",
-        userQueryButtonConfig: {
-          placeholderText: "Ask me anything",
-          icon: "searchIcon",
-        },
-      },
-      footerConfig: {
-        replyButtonIcon: "searchIcon",
-      },
-    } satisfies ChatPreviewWidgetConfig,
-    chatPreviewPDP: {
-      widgetConfigId: "chatPreviewPDP",
-      type: WidgetType.ChatPreview,
-      variant: "filled",
-      addSeparators: false,
-      socialProofConfig: {
-        staticPLPImagesLayout: "horizontal",
-        logoName: "vena-logo1.png",
-        customerQuery: 'asked "how long does it take to feel the effects?"',
-        headerTitle: "Shopping Assistant",
-        suggestionButtonStrings: [
-          "Why do customers love this one?",
-          "How are people using this in their routine?",
-          "What are the main ingredients?",
-          "What does this taste or feel like?",
-        ],
-        staticImageIndex: 0,
-        suggestionButtonVariantDefault: "secondary",
-        suggestionButtonVariantAccent: "darkAccent",
-        userQueryButtonConfig: {
-          placeholderText: "Ask me anything",
-          icon: "searchIcon",
-        },
-      },
-      footerConfig: {
-        replyButtonIcon: "searchIcon",
-      },
-    } satisfies ChatPreviewWidgetConfig,
-  },
-  mountingConfigs: {
-    chatPreviewPLPDesktop: {
-      mountingConfigId: "chatPreviewPLPDesktop",
-      containerId: `${CHAT_PREVIEW_CONTAINER_ID}-desktop`,
-      testId: `${CHAT_PREVIEW_TESTID}-desktop`,
-      insertionPoint: {
-        selector: ".product-grid",
-        insertionType: DOMInsertionType.BEFORE,
-      },
-      gridInsertionType: GridInsertionType.FIXED_4,
-      style: {
-        display: "var(--chat-preview-plp-display-desktop)",
-        margin: "-24px auto -18px auto",
-        width: "300px",
-        flex: "1 0 100%",
-      },
-    },
-    chatPreviewPLPMobile: {
-      mountingConfigId: "chatPreviewPLPMobile",
-      containerId: `${CHAT_PREVIEW_CONTAINER_ID}-mobile`,
-      testId: `${CHAT_PREVIEW_TESTID}-mobile`,
-      insertionPoint: {
-        selector: "#product-grid",
-        insertionType: DOMInsertionType.AFTER,
-      },
-      gridInsertionType: GridInsertionType.FIXED_2,
-      style: {
-        display: "var(--chat-preview-plp-display-mobile)",
-        margin: "-12px auto 0px auto",
-        width: "300px",
-        flex: "1 0 100%",
-      },
-    },
-    chatPreviewPDP: {
-      mountingConfigId: "chatPreviewPDP",
-      containerId: CHAT_PREVIEW_CONTAINER_ID,
-      testId: CHAT_PREVIEW_TESTID,
-      insertionPoint: {
-        selector: ".logo-slider",
-        insertionType: DOMInsertionType.BEFORE,
-      },
-      style: {
-        maxWidth: "1200px",
-        margin: "var(--chat-preview-pdp-margin, 0px auto 10px auto)",
-      },
-    },
-    topSuggestionBarPDP: {
-      mountingConfigId: "topSuggestionBarPDP",
-      containerId: TOP_SUGGESTION_BAR_PDP_ID,
-      testId: TOP_SUGGESTION_BAR_TESTID,
-      insertionPoint: {
-        selector: ".tagline",
-        insertionType: DOMInsertionType.AFTER,
-      },
-    },
-  },
-});
-
-const venaCbdOrgInfo = {
-  shortName: OrgShortName.VenaCbd,
-  name: "Vena",
-  domain: "venacbd.com",
-  defaultProductId: "",
-  alwaysEnabledMerchants: true,
-  orgUIConfig: venaCbdOrgUIConfig,
-  orgColors: () => venaCbdColors,
-  orgPageConfig: venaCbdPageConfig,
-} satisfies BasicOrgInfoType;
-
-export { venaCbdOrgInfo, venaCbdOrgUIConfig, venaCbdColors, venaCbdPageConfig };