@envive-ai/react-hooks 0.1.0

package/src/merchants/larryAndSerges/larryAndSerges.ts

@@ -0,0 +1,314 @@
+import {
+  CHAT_PREVIEW_TESTID,
+  TOP_SUGGESTION_BAR_TESTID,
+} from "src/config/locators/embedded";
+import { BasicOrgInfoType, OrgShortName } from "src/application/models";
+import { ChatElementDisplayLocation } from "src/application/models/chatElementDisplayLocation";
+import { DOMInsertionType } from "src/application/service/domMutations/domInsertionService";
+import {
+  CHAT_PREVIEW_CONTAINER_ID,
+  TOP_SUGGESTION_BAR_PDP_ID,
+} from "src/config/divIds";
+import { SuggestionBarLocationForMetrics } from "src/types/suggestionBarV2-types";
+import {
+  ChatPreviewIsLoadingWidgetConfig,
+  ChatPreviewProductComparisonWidgetConfig,
+  ChatPreviewV2WidgetConfig,
+  ColorMapping,
+  ColorNames,
+  colorVar,
+  OrgPageConfig,
+  OrgUIConfig,
+  PageVariantTestType,
+  SocialProofV2WidgetConfig,
+  SuggestionBarWidgetV2Config,
+  WidgetType,
+} from "src/contexts/types";
+import { defaultOrgUIConfig } from "src/merchants/default";
+
+const larryAndSergesColors: ColorMapping = {
+  [ColorNames.TextPrimary]: "#202020",
+  [ColorNames.TextSecondary]: "#3D3D3D",
+  [ColorNames.TextAccent]: "#42807A",
+  [ColorNames.TextLink]: "#3C3C3C",
+  [ColorNames.TextLight]: "#FFFFFF",
+  [ColorNames.BackgroundPrimary]: "#8FB2B0",
+  [ColorNames.BackgroundSecondary]: "#F7F7F7",
+  [ColorNames.BackgroundSecondaryDark]: "#E5E5E5",
+  [ColorNames.BackgroundTertiary]: "#EDF3F2",
+  [ColorNames.BackgroundDark]: "#233E3D",
+  [ColorNames.BackgroundLight]: "#FFFFFF",
+  [ColorNames.BackgroundSaturated]: "#EA191D", // What is this?
+  [ColorNames.BorderLight]: "#E5E5E5",
+  [ColorNames.BorderMedium]: "#B8B8B8",
+  [ColorNames.BorderDark]: "#757575",
+  [ColorNames.BorderOutline]: "#3C3C3C",
+  [ColorNames.AccentPrimary]: "#8FB2B0",
+  [ColorNames.AccentSecondary]: "#32433D",
+};
+
+const larryAndSergesOrgUIConfig = (): OrgUIConfig => {
+  const defaultLarryAndSergesOrgConfig = defaultOrgUIConfig(
+    OrgShortName.LarryAndSerges
+  );
+
+  return {
+    ...defaultLarryAndSergesOrgConfig,
+    chatMessageConfig: {
+      ...defaultLarryAndSergesOrgConfig.chatMessageConfig,
+      assistantChatTitle: "Larry and Serge's AI",
+      productLink: {
+        ...defaultLarryAndSergesOrgConfig.chatMessageConfig.productLink,
+        iconVariant: "backgroundPrimaryDark",
+      },
+    },
+    chatHeader: {
+      ...defaultLarryAndSergesOrgConfig.chatHeader,
+
+      expandedColor: colorVar(ColorNames.BackgroundDark),
+      collapsedColor: colorVar(ColorNames.BackgroundDark),
+    },
+    floatingEntrypointConfig: {
+      ...defaultLarryAndSergesOrgConfig.floatingEntrypointConfig!,
+      showOption: "always",
+    },
+    welcomeSectionConfig: {
+      ...defaultLarryAndSergesOrgConfig.welcomeSectionConfig!,
+      title: "Welcome to Larry and Serge's AI!",
+      subtitle:
+        "Dis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat. Lorem ipsum dolor sit...",
+    },
+    // customerServiceIntegration: {
+    //   integrationMode: CustomerServiceIntegrationMode.simple,
+    //   provider: CustomerServiceType.gorgias,
+    // },
+    productReviewConfig: {
+      ...defaultLarryAndSergesOrgConfig.productReviewConfig!,
+    },
+  };
+};
+
+const larryAndSergesPageConfig = (): OrgPageConfig => ({
+  pageVariants: [
+    {
+      variantId: "pdp",
+      variantType: "pdp",
+      variantTests: [{ testType: PageVariantTestType.UrlResolver }],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionsBarPDP",
+          widgetConfigId: "topSuggestionsBar",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          mountingPointWidgets: [
+            {
+              tests: [{ testType: PageVariantTestType.UserHasNotInteracted }],
+              widgetConfigId: "socialProofPDP",
+            },
+            {
+              tests: [{ testType: PageVariantTestType.isProductComparison }],
+              widgetConfigId: "chatPreviewProductComparison",
+            },
+            {
+              tests: [{ testType: PageVariantTestType.isLoading }],
+              widgetConfigId: "chatPreviewLoading",
+            },
+            {
+              tests: [{ testType: PageVariantTestType.UrlResolver }],
+              widgetConfigId: "chatPreview",
+            },
+          ],
+        },
+      ],
+    },
+    {
+      variantId: "plp",
+      variantType: "plp",
+      variantTests: [{ testType: PageVariantTestType.UrlResolver }],
+      plpIdExtractor: "url-resolver-plp-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPLP",
+          widgetConfigId: "chatPreview",
+        },
+      ],
+    },
+  ],
+  widgetConfigs: {
+    topSuggestionsBar: {
+      widgetConfigId: "topSuggestionsBar",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      type: WidgetType.SuggestionBarV2,
+      variant: "secondary",
+      animationSpeed: "standard",
+      hoverVariant: "primary",
+      buttonTexts: {
+        default: [
+          "Ask me anything pls",
+          "Ask me anything pls",
+          "Ask me anything pls",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+    socialProofPDP: {
+      widgetConfigId: "socialProofPDP",
+      type: WidgetType.SocialProofV2,
+      headerConfig: {},
+      suggestionButtonsConfig: {
+        buttonStrings: [
+          "What do reviewers say?",
+          "This is a suggested question",
+          "This is a suggested question",
+          "This is a suggested question",
+          "This is a suggested question",
+        ],
+        accentButtonVariants: {
+          button: "secondary",
+          hover: "secondaryDark",
+        },
+        buttonVariants: {
+          button: "secondary",
+          hover: "secondaryDark",
+        },
+      },
+      userQueryButtonConfig: {
+        icon: "send",
+      },
+      imageConfig: {
+        layout: "single",
+        imageIndex: 0,
+      },
+      chatPreviewVariant: {
+        variant: "flat",
+      },
+    } satisfies SocialProofV2WidgetConfig,
+    chatPreview: {
+      widgetConfigId: "chatPreview",
+      type: WidgetType.ChatPreviewV2,
+      headerConfig: {},
+      animatedTextConfig: {
+        leadingText: "What do ",
+        animatedStrings: ["you want to know?", "you want to do with this?"],
+      },
+      suggestionButtonsConfig: {
+        buttonStrings: [
+          "What do reviewers say?",
+          "This is a suggested question",
+          "This is a suggested question",
+          "This is a suggested question",
+          "This is a suggested question",
+        ],
+        buttonVariants: {
+          button: "secondary",
+          hover: "secondaryDark",
+        },
+      },
+      userQueryButtonConfig: {
+        icon: "send",
+      },
+      chatPreviewVariant: {
+        variant: "flat",
+      },
+      addSeparators: true,
+    } satisfies ChatPreviewV2WidgetConfig,
+    chatPreviewLoading: {
+      widgetConfigId: "chatPreviewLoading",
+      type: WidgetType.ChatPreviewIsLoading,
+      headerConfig: {},
+      suggestionButtonsConfig: {
+        buttonStrings: [
+          "What do reviewers say?",
+          "This is a suggested question",
+          "This is a suggested question",
+          "This is a suggested question",
+          "This is a suggested question",
+        ],
+        buttonVariants: {
+          button: "secondary",
+          hover: "secondaryDark",
+        },
+      },
+      userQueryButtonConfig: {
+        icon: "send",
+      },
+      chatPreviewVariant: {
+        variant: "flat",
+      },
+      addSeparators: true,
+    } satisfies ChatPreviewIsLoadingWidgetConfig,
+    chatPreviewProductComparison: {
+      widgetConfigId: "chatPreviewProductComparison",
+      type: WidgetType.ChatPreviewProductComparison,
+      headerConfig: {},
+      suggestionButtonsConfig: {
+        buttonStrings: [
+          "What do reviewers say?",
+          "This is a suggested question",
+          "This is a suggested question",
+          "This is a suggested question",
+          "This is a suggested question",
+        ],
+        buttonVariants: {
+          button: "secondary",
+          hover: "secondaryDark",
+        },
+      },
+      userQueryButtonConfig: {
+        icon: "send",
+      },
+      chatPreviewVariant: {
+        variant: "flat",
+      },
+      addSeparators: true,
+    } satisfies ChatPreviewProductComparisonWidgetConfig,
+  },
+  mountingConfigs: {
+    chatPreviewPDP: {
+      mountingConfigId: "chatPreviewPDP",
+      containerId: CHAT_PREVIEW_CONTAINER_ID,
+      testId: CHAT_PREVIEW_TESTID,
+      insertionPoint: {
+        selector: ".buy-buttons-block, .product-form__buttons",
+        insertionType: DOMInsertionType.AFTER,
+      },
+    },
+    chatPreviewPLP: {
+      mountingConfigId: "chatPreviewPLP",
+      containerId: CHAT_PREVIEW_CONTAINER_ID,
+      testId: CHAT_PREVIEW_TESTID,
+      insertionPoint: {
+        selector: ".custom-section-content, .collection-hero",
+        insertionType: DOMInsertionType.AFTER,
+      },
+    },
+    topSuggestionsBarPDP: {
+      mountingConfigId: "topSuggestionsBarPDP",
+      containerId: TOP_SUGGESTION_BAR_PDP_ID,
+      testId: TOP_SUGGESTION_BAR_TESTID,
+      insertionPoint: {
+        selector: ".product-form-buttons, .product-form__quantity",
+        insertionType: DOMInsertionType.BEFORE,
+      },
+      style: {
+        paddingBottom: "8px",
+      },
+    },
+  },
+});
+
+const larryAndSergesOrgInfo = {
+  shortName: OrgShortName.LarryAndSerges,
+  name: "Larry and Serges",
+  domain: "larryandserges.com",
+  defaultProductId: "kpi-kiwi-smoothie",
+  alwaysEnabledMerchants: true,
+  orgUIConfig: larryAndSergesOrgUIConfig,
+  orgColors: () => larryAndSergesColors,
+  orgPageConfig: larryAndSergesPageConfig,
+} satisfies BasicOrgInfoType;
+
+export { larryAndSergesOrgInfo };