@envive-ai/react-hooks 0.1.0

package/src/merchants/greenpan/greenpan.ts

@@ -0,0 +1,440 @@
+import {
+  BOTTOM_SUGGESTION_BAR_TESTID,
+  CHAT_PREVIEW_TESTID,
+  TOP_SUGGESTION_BAR_TESTID,
+} from "src/config/locators";
+import { ChatElementDisplayLocation } from "src/application/models/chatElementDisplayLocation";
+import { CdnService } from "src/application/service/cdnService";
+import {
+  CustomerServiceIntegrationMode,
+  CustomerServiceType,
+} from "src/application/service/customerService/types";
+import { GridInsertionType } from "src/application/service/domMutations/GridInsertionService";
+import { DOMInsertionType } from "src/application/service/domMutations/domInsertionService";
+import {
+  BOTTOM_REVIEWS_BAR_ID,
+  CHAT_PREVIEW_CONTAINER_ID,
+  TOP_SUGGESTION_BAR_PDP_ID,
+} from "src/config/divIds";
+import { defaultOrgUIConfig } from "src/merchants/default";
+import {
+  ChatPreviewWidgetConfig,
+  ColorMapping,
+  ColorNames,
+  colorVar,
+  OrgPageConfig,
+  OrgUIConfig,
+  PageVariantTestType,
+  SuggestionBarWidgetV2Config,
+  WidgetType,
+} from "src/contexts/types";
+import { BasicOrgInfoType, OrgShortName } from "src/application/models";
+import { SuggestionBarLocationForMetrics } from "src/types/suggestionBarV2-types";
+
+const greenpanColors: ColorMapping = {
+  [ColorNames.TextPrimary]: "#19341A",
+  [ColorNames.TextSecondary]: "#404040",
+  [ColorNames.TextAccent]: "#78A230",
+  [ColorNames.TextLink]: "#19341A",
+  [ColorNames.TextLight]: "#FFFFFF",
+  [ColorNames.BackgroundPrimary]: "#19341A",
+  [ColorNames.BackgroundSecondary]: "#F8F7F1",
+  [ColorNames.BackgroundSecondaryDark]: "#E4E3DE",
+  [ColorNames.BackgroundTertiary]: "#F8F7F1",
+  [ColorNames.BackgroundDark]: "#19341A",
+  [ColorNames.BackgroundLight]: "#FFFFFF",
+  [ColorNames.BackgroundSaturated]: "#19341A",
+  [ColorNames.BorderLight]: "#ECECEE",
+  [ColorNames.BorderMedium]: "#CDCDCD",
+  [ColorNames.BorderDark]: "#949494",
+  [ColorNames.BorderOutline]: "#19341A",
+  [ColorNames.AccentPrimary]: "#78A230",
+  [ColorNames.AccentSecondary]: "#78A230",
+};
+
+const greenpanOrgUIConfig = (): OrgUIConfig => {
+  const defaultGreenpanOrgConfig = defaultOrgUIConfig(OrgShortName.Greenpan);
+
+  return {
+    ...defaultGreenpanOrgConfig,
+    chatMessageConfig: {
+      ...defaultGreenpanOrgConfig.chatMessageConfig!,
+      assistantChatTitle: "GreenPan AI",
+      productLink: {
+        ...defaultGreenpanOrgConfig.chatMessageConfig.productLink,
+        iconVariant: "backgroundPrimary",
+      },
+    },
+    chatHeader: {
+      ...defaultGreenpanOrgConfig.chatHeader,
+      imageSrc: CdnService.getAssetURL(
+        "greenpan-round.png",
+        OrgShortName.Greenpan
+      ),
+    },
+    chatPreviewConfig: {
+      ...defaultGreenpanOrgConfig.chatPreviewConfig!,
+      iconFillColor: colorVar(ColorNames.AccentPrimary),
+      buttonTextColor: colorVar(ColorNames.BorderOutline),
+      buttonTextHoverColor: colorVar(ColorNames.TextLink),
+      buttonBackgroundColor: colorVar(ColorNames.BackgroundSecondary),
+      buttonBackgroundHoverColor: colorVar(ColorNames.BackgroundLight),
+      buttonTextSecondaryColor: colorVar(ColorNames.TextLight),
+      buttonBorderColor: colorVar(ColorNames.BackgroundSecondary),
+      buttonBorderHoverColor: colorVar(ColorNames.TextLink),
+      topMargin: 10,
+      copies: {
+        plp: [
+          "the perfect cookware for you?",
+          "our best-selling cutlery collection?",
+          "the right small appliance for hosting?",
+          "oven-safe cooking options?",
+          "how it compares to other collections?",
+        ],
+        pdp: [
+          "what other customers love about it?",
+          "how to care for it?",
+          "what are its dimensions?",
+          "how it compares to other collections?",
+        ],
+      },
+      staticSuggestionCopies: {
+        plp: [
+          "What are the best-selling cookware products?",
+          "Which products are induction ready?",
+          "What small appliances are perfect for entertaining?",
+          "What are the best-selling tools?",
+          "What bakeware is right for me?",
+          "How does this compare to other collections?",
+        ],
+        pdp: [
+          "Summarize the reviews",
+          "What are this product's unique features?",
+          "How do I care for this product?",
+          "How should I use this product?",
+          "How does this compare to other collections?",
+        ],
+      },
+      headerConfig: {
+        ...defaultGreenpanOrgConfig.chatPreviewConfig!.headerConfig!,
+        imageHeight: 32,
+        imageSrc: CdnService.getAssetURL(
+          "greenpan-logo.svg",
+          OrgShortName.Greenpan
+        ),
+      },
+      footerConfig: {
+        ...defaultGreenpanOrgConfig.chatPreviewConfig!.footerConfig,
+        suggestionButtonVariant: "dark",
+        replyButtonIcon: "magnifyingGlass",
+      },
+    },
+    floatingEntrypointConfig: {
+      ...defaultGreenpanOrgConfig.floatingEntrypointConfig!,
+      showOption: "always",
+      expandedColor: colorVar(ColorNames.BorderOutline),
+      expansionText: {
+        pdp: "Hear from others who've cooked with it!",
+        plp: "What do customers say?",
+      },
+    },
+    productCardConfig: {
+      ...defaultGreenpanOrgConfig.productCardConfig!,
+    },
+    productReviewConfig: {
+      ...defaultGreenpanOrgConfig.productReviewConfig!,
+      colorVariant: "brand",
+      incentivizedReviewFlag: false,
+    },
+    welcomeSectionConfig: {
+      ...defaultGreenpanOrgConfig.welcomeSectionConfig!,
+      title: "Meet Your GreenPan AI Chef!",
+      colorVariant: "accent",
+      subtitle:
+        "Hi there! I'm here to help you cook with confidence. Ask me anything about GreenPan cookware, cooking tips, or product care—let's make every meal amazing!",
+    },
+    customerServiceIntegration: {
+      integrationMode: CustomerServiceIntegrationMode.simple,
+      provider: CustomerServiceType.tidio,
+    },
+    merchantOverrideCss: `
+      #spiffy-modal-container {
+        z-index: 1000000000 !important;
+      }
+
+      .spiffy-star-rating-star {
+        fill: var(--spiffy-colors-accent-primary) !important;
+      }
+      .spiffy-mini-verified-buyer-icon {
+        fill: var(--spiffy-colors-accent-secondary) !important;
+      }
+      
+      @media (min-width: 1200px) {
+        #spiffy-bottom-reviews-bar-id {
+          margin-bottom: 15px !important;
+        }
+        #spiffy-ai-chat-preview.is-plp {
+          min-width: 100%;
+          padding-left: 25.55px;
+          margin-bottom: 32px;
+        }
+      }
+      
+      #spiffy-bottom-reviews-bar-id {
+        margin-bottom: 15px !important;
+      }
+      #spiffy-ai-chat-preview.is-plp {
+        min-width: 100%;
+        padding-left: 25.55px;
+        margin-bottom: 32px;
+      }
+      
+      @media (max-width: 1199px) {
+  #spiffy-ai-chat-preview.is-plp {
+    padding-left: 10.55px
+  }
+}
+
+@media (max-width: 767px) {
+#spiffy-ai-chat-preview.is-plp {
+    padding-left: 32px;
+    padding-right: 32px;
+  }
+}
+
+@media (max-width: 500px) {
+#spiffy-ai-chat-preview.is-plp {
+    min-width: 94%;
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+}
+  .spiffy-product-card-title {
+    font-family: var(--chakra-fonts-heading);
+    color: var(--spiffy-colors-text-link);
+  }
+`,
+  };
+};
+
+const greenpanPageConfig = (): OrgPageConfig => ({
+  pageVariants: [
+    {
+      variantId: "plp",
+      variantType: "plp",
+      variantTests: [{ testType: PageVariantTestType.UrlResolver }],
+      plpIdExtractor: "url-resolver-plp-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPLP",
+          widgetConfigId: "chatPreviewPLP",
+        },
+      ],
+    },
+    {
+      variantId: "cookware",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.UrlResolver,
+        },
+        {
+          testType: PageVariantTestType.HasMerchantTag,
+          merchantTags: ["warranty:cookware"],
+        },
+      ],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarCookware",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBarCookware",
+        },
+      ],
+    },
+
+    {
+      variantId: "pdp",
+      variantType: "pdp",
+      variantTests: [{ testType: PageVariantTestType.UrlResolver }],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBar",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+      ],
+    },
+  ],
+  widgetConfigs: {
+    topSuggestionsBar: {
+      widgetConfigId: "topSuggestionsBar",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      type: WidgetType.SuggestionBarV2,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "secondary",
+      hoverVariant: "outlinedLight",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "What are this product's unique features?",
+          "How do you care for this product?",
+          "What are the dimensions?",
+        ],
+      },
+      boldFirstButton: true,
+      twoRowsOnMobile: false,
+      animationSpeed: "standard",
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+
+    chatPreviewPLP: {
+      widgetConfigId: "chatPreview",
+      type: WidgetType.ChatPreview,
+      variant: "flat",
+      addSeparators: true,
+      footerConfig: {
+        replyButtonText: "What can I help you find?",
+        replyButtonIcon: "magnifyingGlass",
+      },
+    } satisfies ChatPreviewWidgetConfig,
+    chatPreviewPDP: {
+      widgetConfigId: "chatPreviewPDP",
+      type: WidgetType.ChatPreview,
+      variant: "flat",
+    } satisfies ChatPreviewWidgetConfig,
+    bottomSuggestionsBar: {
+      widgetConfigId: "bottomSuggestionsBar",
+      contentId: "spiffy-bottom-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.BOTTOM_REVIEWS_SNIPPET,
+      type: WidgetType.SuggestionBarV2,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_BOTTOM,
+      variant: "darkAccent",
+      hoverVariant: "outlinedLight",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "What are this product's unique features?",
+          "How do you care for this product?",
+        ],
+      },
+      boldFirstButton: true,
+      twoRowsOnMobile: true,
+      animationSpeed: "standard",
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionsBarCookware: {
+      widgetConfigId: "topSuggestionsBarCookware",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      type: WidgetType.SuggestionBarV2,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "secondary",
+      hoverVariant: "outlinedLight",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "What are this product's unique features?",
+          "How do you care for this product?",
+          "How does this compare to other collections?",
+        ],
+      },
+      boldFirstButton: true,
+      twoRowsOnMobile: false,
+      animationSpeed: "standard",
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+    bottomSuggestionsBarCookware: {
+      widgetConfigId: "bottomSuggestionsBarCookware",
+      contentId: "spiffy-bottom-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.BOTTOM_REVIEWS_SNIPPET,
+      type: WidgetType.SuggestionBarV2,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_BOTTOM,
+      variant: "darkAccent",
+      hoverVariant: "outlinedLight",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "What are this product's unique features?",
+          "How do you care for this product?",
+          "How does this compare to other collections?",
+        ],
+      },
+      boldFirstButton: true,
+      twoRowsOnMobile: true,
+      animationSpeed: "standard",
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+  },
+  mountingConfigs: {
+    chatPreviewPLP: {
+      mountingConfigId: "chatPreviewPLP",
+      containerId: CHAT_PREVIEW_CONTAINER_ID,
+      testId: CHAT_PREVIEW_TESTID,
+      insertionPoint: {
+        selector: ".boost-pfs-filter-products",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      gridInsertionType: GridInsertionType.FIXED_6,
+      className: "is-plp",
+    },
+    chatPreviewPDP: {
+      mountingConfigId: "chatPreviewPDP",
+      containerId: CHAT_PREVIEW_CONTAINER_ID,
+      testId: CHAT_PREVIEW_TESTID,
+      insertionPoint: {
+        selector: ".addon-recommendations",
+        insertionType: DOMInsertionType.ADJACENT_BEFORE_BEGIN,
+      },
+    },
+    topSuggestionBarPDP: {
+      mountingConfigId: "topSuggestionBarPDP",
+      containerId: TOP_SUGGESTION_BAR_PDP_ID,
+      testId: TOP_SUGGESTION_BAR_TESTID,
+      insertionPoint: {
+        selector: ".in-stock-text",
+        insertionType: DOMInsertionType.BEFORE,
+      },
+      style: { marginBottom: "15px" },
+    },
+    bottomSuggestionBarPDP: {
+      mountingConfigId: "bottomSuggestionBarPDP",
+      containerId: BOTTOM_REVIEWS_BAR_ID,
+      testId: BOTTOM_SUGGESTION_BAR_TESTID,
+      insertionPoint: {
+        selector: ".bv-section-summary",
+        insertionType: DOMInsertionType.ADJACENT_AFTER_BEGIN,
+        selectionIndex: 0,
+      },
+    },
+  },
+});
+
+const greenpanOrgInfo = {
+  shortName: OrgShortName.Greenpan,
+  name: "Greenpan",
+  domain: "greenpan.us",
+  defaultProductId: "valencia-pro-ceramic-non-stick-11-piece-cookware-set",
+  alwaysEnabledMerchants: true,
+  orgUIConfig: greenpanOrgUIConfig,
+  orgColors: () => greenpanColors,
+  orgPageConfig: greenpanPageConfig,
+} satisfies BasicOrgInfoType;
+
+export { greenpanOrgInfo };