@envive-ai/react-hooks 0.1.0

package/src/merchants/fiveCbd/fiveCbd.ts

@@ -0,0 +1,697 @@
+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 { CdnService } from "src/application/service/cdnService";
+import { GridInsertionType } from "src/application/service/domMutations/GridInsertionService";
+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 {
+  ChatPreviewWidgetConfig,
+  ColorMapping,
+  ColorNames,
+  colorVar,
+  OrgPageConfig,
+  OrgUIConfig,
+  PageVariantTestType,
+  SuggestionBarWidgetV2Config,
+  WidgetType,
+} from "src/contexts/types";
+import { defaultOrgUIConfig } from "src/merchants/default";
+
+const fiveCbdColors: ColorMapping = {
+  [ColorNames.TextPrimary]: "#333333",
+  [ColorNames.TextSecondary]: "#555555",
+  [ColorNames.TextAccent]: "#78AF18",
+  [ColorNames.TextLink]: "#353535",
+  [ColorNames.TextLight]: "#FFFFFF",
+  [ColorNames.BackgroundPrimary]: "#333333",
+  [ColorNames.BackgroundSecondary]: "#F9F9F9",
+  [ColorNames.BackgroundSecondaryDark]: "#EDEDED",
+  [ColorNames.BackgroundTertiary]: "#F5FCE9",
+  [ColorNames.BackgroundDark]: "#333333",
+  [ColorNames.BackgroundLight]: "#FFFFFF",
+  [ColorNames.BackgroundSaturated]: "#ACE848",
+  [ColorNames.BorderLight]: "#E5E5EB",
+  [ColorNames.BorderMedium]: "#9A9DB1",
+  [ColorNames.BorderDark]: "#333333",
+  [ColorNames.BorderOutline]: "#333333",
+  [ColorNames.AccentPrimary]: "#ACE848",
+  [ColorNames.AccentSecondary]: "#00DCB7",
+};
+
+const fiveCbdOrgUIConfig = (): OrgUIConfig => {
+  const defaultFiveCbdOrgConfig = defaultOrgUIConfig(OrgShortName.FiveCbd);
+
+  return {
+    ...defaultFiveCbdOrgConfig,
+    chatMessageConfig: {
+      ...defaultFiveCbdOrgConfig.chatMessageConfig,
+      assistantChatTitle: "Five Assistant",
+    },
+    chatHeader: {
+      ...defaultFiveCbdOrgConfig.chatHeader,
+      imageSrc: CdnService.getAssetURL(
+        "five-cbd-mini-logo.svg",
+        OrgShortName.FiveCbd
+      ),
+    },
+    chatPreviewConfig: {
+      ...defaultFiveCbdOrgConfig.chatPreviewConfig!,
+      buttonBackgroundColor: colorVar(ColorNames.BackgroundSecondary),
+      buttonBackgroundHoverColor: colorVar(ColorNames.BackgroundSecondaryDark),
+      buttonTextColor: colorVar(ColorNames.TextLink),
+      buttonTextHoverColor: colorVar(ColorNames.TextLink),
+      iconFillColor: colorVar(ColorNames.AccentPrimary),
+      buttonBorderColor: colorVar(ColorNames.BackgroundSecondaryDark),
+      headerConfig: {
+        ...defaultFiveCbdOrgConfig.chatPreviewConfig!.headerConfig,
+        imageSrc: CdnService.getAssetURL(
+          "five-cbd-logo.svg",
+          OrgShortName.FiveCbd
+        ),
+        imageHeight: 16,
+      },
+      footerConfig: {
+        ...defaultFiveCbdOrgConfig.chatPreviewConfig!.footerConfig,
+      },
+    },
+    floatingEntrypointConfig: {
+      ...defaultFiveCbdOrgConfig.floatingEntrypointConfig!,
+      showOption: "after-interaction-anywhere",
+      expansionText: {
+        pdp: "Curious how this feels?",
+        plp: "Need help finding your vibe?",
+      },
+      position: "middle-right",
+    },
+    productCardConfig: {
+      ...defaultFiveCbdOrgConfig.productCardConfig!,
+    },
+    pageCardConfig: {
+      ...defaultFiveCbdOrgConfig.pageCardConfig!,
+      iconVariant: "background",
+    },
+    productReviewConfig: {
+      ...defaultFiveCbdOrgConfig.productReviewConfig!,
+      colorVariant: "brand",
+    },
+    floatingChatConfig: {
+      ...defaultFiveCbdOrgConfig.floatingChatConfig!,
+      suggestionButtonConfig: {
+        ...defaultFiveCbdOrgConfig.floatingChatConfig!.suggestionButtonConfig,
+        hoverVariant: "secondaryDark",
+      },
+    },
+    welcomeSectionConfig: {
+      ...defaultFiveCbdOrgConfig.welcomeSectionConfig!,
+      title: "Let’s find your vibe",
+      subtitle:
+        "Think of me as your digital budtender. I’ll help you figure out what to try, how it hits, and what dose is right for you.",
+      colorVariant: "accent",
+    },
+    merchantOverrideCss: `  
+      .spiffy-social-proof-content-button .spiffy-suggestion-button-question-class, 
+      .spiffy-chat-preview-footer-container .spiffy-suggestion-button-question-class {
+        border-radius: 0px !important;
+      }
+      
+      .spiffy-chat-preview-footer-container .spiffy-suggestion-button-question-class {
+        border: 1px solid ${colorVar(
+          ColorNames.BackgroundSecondaryDark
+        )} !important;
+      }
+    
+      .spiffy-social-proof-content-button .spiffy-suggestion-button-question-class:hover, 
+      .spiffy-chat-preview-footer-container .spiffy-suggestion-button-question-class:hover {
+        background-color: ${colorVar(
+          ColorNames.BackgroundSecondaryDark
+        )} !important;
+        color: ${colorVar(ColorNames.TextLink)} !important;
+        svg {
+          fill: ${colorVar(ColorNames.AccentPrimary)} !important;
+          stroke: ${colorVar(ColorNames.AccentPrimary)} !important;
+        }
+      }
+
+      .spiffy-chat-preview-footer-container .spiffy-suggestion-button-container{
+        border-radius: 0px !important;
+        svg {
+          fill: ${colorVar(ColorNames.AccentPrimary)} !important;
+          stroke: ${colorVar(ColorNames.AccentPrimary)} !important;
+        }
+      }
+
+      .spiffy-social-proof-content-container {
+        color: ${colorVar(ColorNames.TextPrimary)} !important;
+      }
+
+      .spiffy-social-proof-suggestion-footer-title {
+        color: ${colorVar(ColorNames.TextSecondary)} !important;
+      }
+
+      .spiffy-social-proof-customer-count {
+        color: ${colorVar(ColorNames.TextAccent)} !important;
+      }
+      
+      .spiffy-social-proof-header h2, .spiffy-chat-preview-header-container h2 {
+        font-weight: 500 !important;
+      }
+
+      .spiffy-product-card-price, .spiffy-product-card-rating {
+        color: ${colorVar(ColorNames.TextSecondary)} !important;
+      }
+
+      .spiffy-product-link-icon-container {
+        background-color: ${colorVar(
+          ColorNames.BackgroundSaturated
+        )} !important;
+      }
+
+      .spiffy-user-query-button svg {
+        fill: ${colorVar(ColorNames.BorderMedium)} !important;
+      }
+
+      .spiffy-product-review-header-reviewer, 
+      .spiffy-welcome-section-message-title,
+      .spiffy-assistant-message-header-text {
+        color: ${colorVar(ColorNames.TextPrimary)} !important;
+        font-weight: 600 !important;
+      }
+
+      .spiffy-modal-sheet-footer .spiffy-suggestion-button-question-class svg {
+        display: none;
+      }
+
+      #spiffy-ai-chat-preview-contents {
+        overflow: visible !important;
+      }
+      
+      #spiffy-ai-chat-preview-contents.is-pdp {
+        padding-right: 10px !important;
+      }
+
+      @media (max-width: 1239px) {
+        #spiffy-ai-chat-preview-contents.is-pdp {
+          padding-right: 0px !important;
+        }
+      }
+
+      #spiffy-modal-container {
+       z-index: 2147483647 !important;
+      }
+
+      .spiffy-headline {
+        font-family: 'Graphik', sans-serif !important;
+      }
+
+      /* Necessary to avoid border issues on customer product cards in PLP. The border is set by n-th child selectors, 
+      but how we're using the grid insertion type, the product cards indexes changes, changing the border as well. */
+
+      @media (max-width: 750px) {
+        .collection > .product-grid li:nth-child(2) .card {
+          border-bottom: 1px solid #333 !important;
+        }
+
+        #spiffy-ai-chat-preview-contents.is-plp div {
+          padding: 0 !important;
+        }
+      }
+
+      @media (min-width: 751px) {
+        .collection .card {
+          border-right: 1px solid #333 !important;
+        }
+        
+        .collection > .product-grid li:nth-child(2) .card {
+          border-left: none !important;
+        }
+
+        .collection > .product-grid li:nth-child(1) .card,
+        .collection > .product-grid li:nth-child(2) .card {
+          border-bottom: 1px solid #333 !important;
+        }
+
+        .collection > .product-grid li:nth-child(n+5):nth-child(odd) .card {
+          border-left: none !important;
+        }
+
+        #spiffy-ai-chat-preview {
+          border-right: none !important;
+        }
+
+        #spiffy-ai-chat-preview-contents.is-plp div {
+          padding: 0 !important;
+          padding-right: 4px !important;
+        }
+      }
+    `,
+  };
+};
+
+const fiveCbdPageConfig = (): OrgPageConfig => ({
+  pageVariants: [
+    {
+      variantId: "plp",
+      variantType: "plp",
+      variantTests: [{ testType: PageVariantTestType.UrlResolver }],
+      plpIdExtractor: "url-resolver-plp-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPLP",
+          widgetConfigId: "chatPreviewPLP",
+        },
+      ],
+    },
+    {
+      variantId: "pdpSleepGummies",
+      variantType: "pdp",
+      variantTests: [
+        { testType: PageVariantTestType.UrlResolver },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["thc-sleep-gummies"],
+        },
+      ],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionBarSleepGummies",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+      ],
+    },
+    {
+      variantId: "pdpTHCSeltzers",
+      variantType: "pdp",
+      variantTests: [
+        { testType: PageVariantTestType.UrlResolver },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["thc-drinks"],
+        },
+      ],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionBarTHCSeltzers",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+      ],
+    },
+    {
+      variantId: "pdpTHCChocolates",
+      variantType: "pdp",
+      variantTests: [
+        { testType: PageVariantTestType.UrlResolver },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["cbd-thc-chocolate"],
+        },
+      ],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionBarTHCChocolates",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+      ],
+    },
+    {
+      variantId: "pdpTHCDrops",
+      variantType: "pdp",
+      variantTests: [
+        { testType: PageVariantTestType.UrlResolver },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["thc-cbd-oil"],
+        },
+      ],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionBarTHCDrops",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+      ],
+    },
+    {
+      variantId: "pdpTHCCapsules",
+      variantType: "pdp",
+      variantTests: [
+        { testType: PageVariantTestType.UrlResolver },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["thc-cbd-capsules"],
+        },
+      ],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionBarTHCCapsules",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+      ],
+    },
+    {
+      variantId: "pdpTHCGummies",
+      variantType: "pdp",
+      variantTests: [
+        { testType: PageVariantTestType.UrlResolver },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["thc-gummies"],
+        },
+      ],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionBarTHCGummies",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+      ],
+    },
+    {
+      variantId: "pdpMerch",
+      variantType: "pdp",
+      variantTests: [
+        { testType: PageVariantTestType.UrlResolver },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["merch"],
+        },
+      ],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionBarMerch",
+        },
+        {
+          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: "darkAccent",
+      hoverVariant: "secondaryAccent",
+      animationSpeed: "standard",
+      buttonBorderRadius: "sm",
+      buttonTexts: {
+        default: ["suggestion 1", "suggestion 2", "suggestion 3"],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionBarTHCGummies: {
+      type: WidgetType.SuggestionBarV2,
+      widgetConfigId: "topSuggestionBarTHCGummies",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "darkAccent",
+      hoverVariant: "secondaryAccent",
+      buttonBorderRadius: "sm",
+      animationSpeed: "standard",
+      buttonTexts: {
+        default: [
+          "Which flavor’s the fan favorite?",
+          "What do the reviews say about the vibe?",
+          "Need help figuring out your sweet spot for servings?",
+          "Curious how these stack up against our other gummies?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionBarSleepGummies: {
+      type: WidgetType.SuggestionBarV2,
+      widgetConfigId: "topSuggestionBarSleepGummies",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "darkAccent",
+      hoverVariant: "secondaryAccent",
+      buttonBorderRadius: "sm",
+      animationSpeed: "standard",
+      buttonTexts: {
+        default: [
+          "What do people actually say about these in reviews?",
+          "How do customers fit these into their nighttime routine?",
+          "What’s different about these vs our other gummies?",
+          "When do people say they usually take these?",
+          "Wanna compare these with drops or capsules?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionBarTHCSeltzers: {
+      type: WidgetType.SuggestionBarV2,
+      widgetConfigId: "topSuggestionBarTHCSeltzers",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "darkAccent",
+      hoverVariant: "secondaryAccent",
+      buttonBorderRadius: "sm",
+      animationSpeed: "standard",
+      buttonTexts: {
+        default: [
+          "What do people say about seltzers vs gummies?",
+          "Which flavor do reviews hype the most?",
+          "How do customers describe the vibe from these?",
+          "Looking for the most popular pack to start with?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionBarTHCChocolates: {
+      type: WidgetType.SuggestionBarV2,
+      widgetConfigId: "topSuggestionBarTHCChocolates",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "darkAccent",
+      hoverVariant: "secondaryAccent",
+      buttonBorderRadius: "sm",
+      animationSpeed: "standard",
+      buttonTexts: {
+        default: [
+          "What do reviews say about the taste?",
+          "How do these compare to gummies or seltzers?",
+          "Any tips from customers on serving size?",
+          "Curious which flavors buyers loved most?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionBarTHCDrops: {
+      type: WidgetType.SuggestionBarV2,
+      widgetConfigId: "topSuggestionBarTHCDrops",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "darkAccent",
+      hoverVariant: "secondaryAccent",
+      buttonBorderRadius: "sm",
+      animationSpeed: "standard",
+      buttonTexts: {
+        default: [
+          "How do people usually use these drops?",
+          "What do reviews say about this flavor?",
+          "Need a hand with measuring a serving?",
+          "How do drops stack up against gummies or seltzers?",
+          "Looking for a flexible option? Here’s what customers say.",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionBarTHCCapsules: {
+      type: WidgetType.SuggestionBarV2,
+      widgetConfigId: "topSuggestionBarTHCCapsules",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "darkAccent",
+      hoverVariant: "secondaryAccent",
+      buttonBorderRadius: "sm",
+      animationSpeed: "standard",
+      buttonTexts: {
+        default: [
+          "Why do customers go for capsules?",
+          "How do these compare to gummies or drops?",
+          "What do people say about the convenience?",
+          "Need the lowdown on serving sizes?",
+          "How do customers use these day-to-day?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionBarMerch: {
+      type: WidgetType.SuggestionBarV2,
+      widgetConfigId: "topSuggestionBarMerch",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "darkAccent",
+      hoverVariant: "secondaryAccent",
+      buttonBorderRadius: "sm",
+      animationSpeed: "standard",
+      buttonTexts: {
+        default: [
+          "Need sizing or fit info?",
+          "What do reviews say about quality?",
+          "Which styles are fan faves?",
+          "How are people styling their five gear?",
+          "What do customers say about comfort?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+    chatPreviewPLP: {
+      widgetConfigId: "chatPreviewPLP",
+      type: WidgetType.ChatPreview,
+      variant: "filled",
+      addSeparators: false,
+      socialProofConfig: {
+        staticPLPImagesLayout: "grid",
+        logoName: "five-cbd-logo.svg",
+        customerQuery: "asked about effects.",
+        headerTitle: "Shopping Assistant",
+        suggestionButtonStrings: [
+          "What are other five users saying? ",
+          "What’s your most popular daily microdose?",
+          "What should I take for an energetic buzz?",
+          "What’s good for beginners?",
+          "What’s your best gummy for winding down?",
+          "What are your fastest-acting products?",
+        ],
+        staticPLPImageNames: [
+          "plp-image1.png",
+          "plp-image2.png",
+          "plp-image3.png",
+          "plp-image4.png",
+        ],
+        suggestionButtonVariantDefault: "secondary",
+        suggestionButtonVariantAccent: "darkAccent",
+        userQueryButtonConfig: {
+          placeholderText: "What can I help you find?",
+          icon: "searchIcon",
+        },
+      },
+    } satisfies ChatPreviewWidgetConfig,
+    chatPreviewPDP: {
+      widgetConfigId: "chatPreviewPDP",
+      type: WidgetType.ChatPreview,
+      variant: "flat",
+      addSeparators: true,
+      socialProofConfig: {
+        staticPLPImagesLayout: "horizontal",
+        logoName: "five-cbd-logo.svg",
+        customerQuery: "asked how long it takes to feel the effects.",
+        headerTitle: "Shopping Assistant",
+        suggestionButtonStrings: [
+          "See what reviews say",
+          "What are people saying in the reviews?",
+          "How do people say they use this?",
+          "What do buyers say makes this stand out?",
+          "How do people talk about the vibe?",
+          "How does this compare to other five products?",
+        ],
+        staticImageIndex: 0,
+        suggestionButtonVariantDefault: "secondary",
+        suggestionButtonVariantAccent: "darkAccent",
+        userQueryButtonConfig: {
+          placeholderText: "Ask me anything",
+          icon: "send",
+        },
+      },
+    } satisfies ChatPreviewWidgetConfig,
+  },
+  mountingConfigs: {
+    chatPreviewPLP: {
+      mountingConfigId: "chatPreviewPLP",
+      containerId: CHAT_PREVIEW_CONTAINER_ID,
+      testId: CHAT_PREVIEW_TESTID,
+      insertionPoint: {
+        selector: "#product-grid",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      className: "card",
+      gridInsertionType: GridInsertionType.FIXED_2,
+      style: {
+        paddingTop: "24px",
+        paddingBottom: "24px",
+        flex: "1 0 100%",
+        boxSizing: "border-box",
+        borderLeft: "none",
+        borderRight: "none",
+        borderTop: "none",
+      },
+    },
+    chatPreviewPDP: {
+      mountingConfigId: "chatPreviewPDP",
+      containerId: CHAT_PREVIEW_CONTAINER_ID,
+      testId: CHAT_PREVIEW_TESTID,
+      insertionPoint: {
+        selector: "#MainContent section:first-child",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      className: "page-width",
+      style: {
+        paddingTop: "24px",
+        paddingBottom: "24px",
+      },
+    },
+    topSuggestionBarPDP: {
+      mountingConfigId: "topSuggestionBarPDP",
+      containerId: TOP_SUGGESTION_BAR_PDP_ID,
+      testId: TOP_SUGGESTION_BAR_TESTID,
+      insertionPoint: {
+        selector: ".pdt-features",
+        insertionType: DOMInsertionType.AFTER,
+      },
+    },
+  },
+});
+
+const fiveCbdOrgInfo = {
+  shortName: OrgShortName.FiveCbd,
+  name: "Five Assistant",
+  domain: "enjoyfive.com",
+  defaultProductId: "five-quickhits-gummies-pineapple-express",
+  alwaysEnabledMerchants: true,
+  orgUIConfig: fiveCbdOrgUIConfig,
+  orgColors: () => fiveCbdColors,
+  orgPageConfig: fiveCbdPageConfig,
+} satisfies BasicOrgInfoType;
+
+export { fiveCbdOrgInfo, fiveCbdOrgUIConfig, fiveCbdColors, fiveCbdPageConfig };