@envive-ai/react-hooks 0.1.0

package/src/merchants/mantraBrand/mantraBrand.ts

@@ -0,0 +1,838 @@
+import {
+  CHAT_PREVIEW_TESTID,
+  TOP_SUGGESTION_BAR_TESTID,
+  BOTTOM_SUGGESTION_BAR_TESTID,
+  GLOBAL_SEARCH_ENTRYPOINT_TESTID,
+  SEARCH_RESULTS_NO_OP_ENTRYPOINT_TESTID,
+  SEARCH_RESULTS_ENTRYPOINT_TESTID,
+} from "src/config/locators";
+import {
+  OrgShortName,
+  BasicOrgInfoType,
+  FeatureGates,
+} from "src/application/models";
+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 {
+  CHAT_PREVIEW_CONTAINER_ID,
+  BOTTOM_REVIEWS_BAR_ID,
+  MOBILE_GLOBAL_SEARCH_ENTRYPOINT_ID,
+  GLOBAL_SEARCH_ENTRYPOINT_ID,
+  TABLET_GLOBAL_SEARCH_ENTYPOINT_ID,
+  SEARCH_RESULTS_ENTRYPOINT_ID,
+  SEARCH_RESULTS_NO_OP_ID,
+} from "src/config/divIds";
+import {
+  SPIFFY_SOCIAL_PROOF_CONTENT_CONTAINER_CLASS,
+  SPIFFY_SOCIAL_PROOF_SUGGESTION_FOOTER_TITLE_CLASS,
+} from "src/config/socialProofClasses";
+import { defaultOrgUIConfig } from "src/merchants/default";
+import {
+  ChatPreviewWidgetConfig,
+  ColorMapping,
+  ColorNames,
+  colorVar,
+  SearchEntryPointWidgetConfig,
+  NoOpWidgetConfig,
+  OrgPageConfig,
+  OrgUIConfig,
+  PageVariantTestType,
+  SearchResultsEntryPointWidgetConfig,
+  SuggestionBarWidgetV2Config,
+  WidgetType,
+} from "src/contexts/types";
+import { SuggestionBarLocationForMetrics } from "src/types/suggestionBarV2-types";
+
+const mantraBrandColors: ColorMapping = {
+  [ColorNames.TextPrimary]: "#30302F",
+  [ColorNames.TextSecondary]: "#767676",
+  [ColorNames.TextAccent]: "#535945",
+  [ColorNames.TextLink]: "#213B1C",
+  [ColorNames.TextLight]: "#FFFFFF",
+  [ColorNames.BackgroundPrimary]: "#C29B70",
+  [ColorNames.BackgroundSecondary]: "#FAF7F0",
+  [ColorNames.BackgroundSecondaryDark]: "#EDE7D9",
+  [ColorNames.BackgroundTertiary]: "#EDE7D9",
+  [ColorNames.BackgroundDark]: "#213B1C",
+  [ColorNames.BackgroundLight]: "#FFFFFF",
+  [ColorNames.BackgroundSaturated]: "#F2E8D1",
+  [ColorNames.BorderLight]: "#EBEBEB",
+  [ColorNames.BorderMedium]: "#949596",
+  [ColorNames.BorderDark]: "#535945",
+  [ColorNames.BorderOutline]: "#213B1C",
+  [ColorNames.AccentPrimary]: "#C29B70",
+  [ColorNames.AccentSecondary]: "#535945",
+};
+
+const mantraBrandOrgUIConfig = (): OrgUIConfig => {
+  const defaultMantraBrandOrgConfig = defaultOrgUIConfig(
+    OrgShortName.MantraBrand
+  );
+
+  return {
+    ...defaultMantraBrandOrgConfig,
+    chatMessageConfig: {
+      ...defaultMantraBrandOrgConfig.chatMessageConfig!,
+      assistantChatTitle: "Mantra AI",
+    },
+    chatHeader: {
+      ...defaultMantraBrandOrgConfig.chatHeader,
+      expandedColor: colorVar(ColorNames.BackgroundPrimary),
+      imageSrc: CdnService.getAssetURL(
+        "mantra-brand-logo-white.png",
+        OrgShortName.MantraBrand
+      ),
+      customerSupportSwitchConfig: {
+        ...defaultMantraBrandOrgConfig.chatHeader.customerSupportSwitchConfig!,
+        supportTitle: "Contact Us",
+      },
+    },
+    merchantVariantSettings: {
+      dynamicVariants: {
+        enabled: false,
+        refreshInterval: 400,
+      },
+    },
+    chatPreviewConfig: {
+      ...defaultMantraBrandOrgConfig.chatPreviewConfig!,
+      iconFillColor: colorVar(ColorNames.AccentPrimary),
+      buttonTextColor: colorVar(ColorNames.BorderOutline),
+      buttonBackgroundColor: colorVar(ColorNames.BackgroundSecondary),
+      buttonTextHoverColor: colorVar(ColorNames.BorderOutline),
+      buttonBackgroundHoverColor: colorVar(ColorNames.BackgroundSecondaryDark),
+      topMargin: 10,
+      copies: {
+        plp: [
+          "an inspiring piece to remind you to be more present?",
+          "a piece to help you on your healing journey?",
+          "a gift for someone graduating?",
+          "motivation on your wrist?",
+          "a piece that matches your favorite affirmation?",
+        ],
+        pdp: [
+          "if this is hypoallergenic?",
+          "if this is a meaningful gift?",
+          "if it is the right size for you?",
+          "if it's crafted with durable materials?",
+        ],
+      },
+      staticSuggestionCopies: {
+        plp: [
+          "What are the most loved pieces?",
+          "What is the right mantra for me?",
+          "What's a thoughtful gift for someone I care about?",
+          "What's an inspiring piece for someone going through a challenging time?",
+          "What could I gift a new mom?",
+        ],
+        pdp: [
+          "What materials are used in this product?",
+          "Is this a good choice for an empowering gift?",
+          "Will this fit me?",
+          "What does the mantra of this piece mean?",
+          "Is this durable and safe for everyday wear?",
+        ],
+      },
+      headerConfig: {
+        ...defaultMantraBrandOrgConfig.chatPreviewConfig!.headerConfig!,
+        imageHeight: 24,
+        imageSrc: CdnService.getAssetURL(
+          "mantra-brand-logo-charcoal.png",
+          OrgShortName.MantraBrand
+        ),
+      },
+      footerConfig: {
+        ...defaultMantraBrandOrgConfig.chatPreviewConfig!.footerConfig,
+        replyButtonIcon: "magnifyingGlass",
+      },
+    },
+    floatingEntrypointConfig: {
+      ...defaultMantraBrandOrgConfig.floatingEntrypointConfig!,
+      showOption: "always",
+      expandedColor: colorVar(ColorNames.BorderOutline),
+      expansionText: {
+        pdp: "Have questions about this product?",
+        plp: "What mantra are you looking for today?",
+      },
+    },
+    productCardConfig: {
+      ...defaultMantraBrandOrgConfig.productCardConfig!,
+    },
+    productReviewConfig: {
+      ...defaultMantraBrandOrgConfig.productReviewConfig!,
+      colorVariant: "brand",
+      incentivizedReviewFlag: false,
+    },
+    welcomeSectionConfig: {
+      ...defaultMantraBrandOrgConfig.welcomeSectionConfig!,
+      title: "Welcome to Mantra AI!",
+      subtitle:
+        "Hi there! I'm here to help you live inspired and find the perfect mantra. Ask me anything to get started!",
+    },
+    customerServiceIntegration: {
+      integrationMode: CustomerServiceIntegrationMode.simple,
+      provider: CustomerServiceType.groove,
+      useUnifiedButton: true,
+    },
+    searchConfig: {
+      enableGlobalSearch: true,
+      redirectSearchResultsUrl:
+        "https://www.mantrabrand.com/collections/bestsellers",
+      searchFilterConfig: [
+        {
+          filterId: "price",
+          displayName: "Price",
+          type: "price",
+          bucketSize: 40,
+        },
+        {
+          filterId: "productType",
+          displayName: "Product Type",
+          type: "dynamic",
+          attribute: "product_type",
+          sorting: {
+            type: "productCount",
+          },
+        },
+        {
+          filterId: "material",
+          displayName: "Materials",
+          attribute: "materials",
+          type: "dynamic",
+          sorting: {
+            type: "productCount",
+          },
+        },
+        {
+          filterId: "color",
+          displayName: "Colors",
+          attribute: "color",
+          type: "dynamic",
+          sorting: {
+            type: "productCount",
+          },
+        },
+        {
+          filterId: "recipient",
+          displayName: "Recipient",
+          type: "dynamic",
+          attribute: "recipients",
+          sorting: {
+            type: "productCount",
+          },
+        },
+        {
+          filterId: "dynamic",
+          displayName: "",
+          type: "dynamic",
+          attribute: "dynamic",
+          sorting: {
+            type: "productCount",
+          },
+        },
+      ],
+    },
+    merchantOverrideCss: `
+      .spiffy-star-rating-star {
+        fill: var(--spiffy-colors-accent-primary) !important;
+      }
+      .spiffy-mini-verified-buyer-icon {
+        fill: var(--spiffy-colors-accent-secondary) !important;
+      }
+
+      .spiffy-headline-placeholder::placeholder {
+        font-style: italic;
+      }
+
+      .${SPIFFY_SOCIAL_PROOF_CONTENT_CONTAINER_CLASS} {
+        font-size: 20px;
+        font-weight: 500;
+        color: ${colorVar(ColorNames.TextPrimary)} !important;
+      }
+      .${SPIFFY_SOCIAL_PROOF_SUGGESTION_FOOTER_TITLE_CLASS} {
+        color: ${colorVar(ColorNames.TextSecondary)} !important;
+      }
+      #spiffy-ai-floating-button {
+        z-index: 9 !important;
+      }
+      .spiffy-product-card-title {
+        font-family: var(--chakra-fonts-heading);
+        color: var(--spiffy-colors-text-link);
+        text-transform: uppercase !important;
+      }
+      .spiffy-product-card-text-color {
+        color: var(--spiffy-colors-text-secondary);
+      }
+      /* Need to suppress this element with !important through CSS and sibling selector */
+      .global-entry-mobile + .search__container.search__container--mobile.js-search-container {
+        display: none !important;
+      }
+
+      .search-results-no-op  + .search__container.search__container--mobile.js-search-container {
+        display: none !important;
+      }
+
+      .search-results-entry-point + .js-search-trigger.search {
+        display: none !important;
+      }
+
+      .global-entry-desktop + .js-search-trigger.search {
+        display: none !important;
+      }
+      .global-entry-tablet + .js-search-trigger.search {
+        display: none !important;
+      }
+
+      #spiffy-ai-global-search-entrypoint.global-entry-desktop {
+        display: none;
+      }
+      #spiffy-ai-global-search-entrypoint-mobile.global-entry-mobile {
+        display: block;
+      }
+      @media (min-width: 640px) {
+        #spiffy-ai-global-search-entrypoint.global-entry-desktop {
+          display: none;
+        }
+        #spiffy-ai-global-search-entrypoint-mobile.global-entry-mobile {
+          display: none;
+        }
+      } 
+      @media (min-width: 1200px) {
+        #spiffy-ai-global-search-entrypoint.global-entry-desktop {
+          display: block;
+        }
+        #spiffy-ai-global-search-entrypoint-tablet.global-entry-tablet {
+          display: none;
+        }
+        #spiffy-ai-global-search-entrypoint-mobile.global-entry-mobile {
+          display: none;
+        }
+      }
+    `,
+  };
+};
+
+const mantraPageConfig = (): OrgPageConfig => ({
+  pageVariants: [
+    {
+      variantId: "plp-global-search-with-results",
+      variantType: "plp",
+      variantTests: [
+        { testType: PageVariantTestType.UrlResolver },
+        {
+          testType: PageVariantTestType.FeatureGate,
+          featureGate: FeatureGates.IsGlobalSearchEnabled,
+        },
+        {
+          testType: PageVariantTestType.QueryParam,
+          queryParam: "esq",
+        },
+      ],
+      plpIdExtractor: "url-resolver-plp-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "globalSearchEntryPointDesktop",
+          widgetConfigId: "globalSearchEntryPointDesktop",
+        },
+        {
+          mountingConfigId: "globalSearchEntryPointTablet",
+          widgetConfigId: "globalSearchEntryPointDesktop",
+        },
+        {
+          mountingConfigId: "chatPreviewPLP",
+          widgetConfigId: "chatPreviewPLP",
+        },
+        {
+          mountingConfigId: "searchResultsEntryPointPLP",
+          widgetConfigId: "searchResultsEntryPoint",
+        },
+        {
+          mountingConfigId: "searchResultsNoOp",
+          widgetConfigId: "searchResultsNoOp",
+        },
+      ],
+    },
+    {
+      variantId: "plp-global-search",
+      variantType: "plp",
+      variantTests: [
+        { testType: PageVariantTestType.UrlResolver },
+        {
+          testType: PageVariantTestType.FeatureGate,
+          featureGate: FeatureGates.IsGlobalSearchEnabled,
+        },
+      ],
+      plpIdExtractor: "url-resolver-plp-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "globalSearchEntryPointDesktop",
+          widgetConfigId: "globalSearchEntryPointDesktop",
+        },
+        {
+          mountingConfigId: "globalSearchEntryPointTablet",
+          widgetConfigId: "globalSearchEntryPointDesktop",
+        },
+        {
+          mountingConfigId: "globalSearchEntryPointMobile",
+          widgetConfigId: "globalSearchEntryPointMobile",
+        },
+        {
+          mountingConfigId: "chatPreviewPLP",
+          widgetConfigId: "chatPreviewPLP",
+        },
+        {
+          mountingConfigId: "searchResultsNoOp",
+          widgetConfigId: "searchResultsNoOp",
+        },
+      ],
+    },
+    {
+      variantId: "plp",
+      variantType: "plp",
+      variantTests: [{ testType: PageVariantTestType.UrlResolver }],
+      plpIdExtractor: "url-resolver-plp-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPLP",
+          widgetConfigId: "chatPreviewPLP",
+        },
+      ],
+    },
+    {
+      variantId: "pdp-global-search",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.UrlResolver,
+        },
+        {
+          testType: PageVariantTestType.FeatureGate,
+          featureGate: FeatureGates.IsGlobalSearchEnabled,
+        },
+      ],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "globalSearchEntryPointDesktop",
+          widgetConfigId: "globalSearchEntryPointDesktop",
+        },
+        {
+          mountingConfigId: "globalSearchEntryPointTablet",
+          widgetConfigId: "globalSearchEntryPointDesktop",
+        },
+        {
+          mountingConfigId: "globalSearchEntryPointMobile",
+          widgetConfigId: "globalSearchEntryPointMobile",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBar",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "searchResultsNoOp",
+          widgetConfigId: "searchResultsNoOp",
+        },
+      ],
+    },
+    {
+      variantId: "home-with-search",
+      variantType: "homepage",
+      variantTests: [
+        {
+          testType: PageVariantTestType.UrlResolver,
+        },
+        {
+          testType: PageVariantTestType.FeatureGate,
+          featureGate: FeatureGates.IsGlobalSearchEnabled,
+        },
+      ],
+      widgetMounting: [
+        {
+          mountingConfigId: "globalSearchEntryPointDesktop",
+          widgetConfigId: "globalSearchEntryPointDesktop",
+        },
+        {
+          mountingConfigId: "globalSearchEntryPointTablet",
+          widgetConfigId: "globalSearchEntryPointDesktop",
+        },
+        {
+          mountingConfigId: "globalSearchEntryPointMobile",
+          widgetConfigId: "globalSearchEntryPointMobile",
+        },
+        {
+          mountingConfigId: "searchResultsNoOp",
+          widgetConfigId: "searchResultsNoOp",
+        },
+      ],
+    },
+    {
+      variantId: "pdp",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.UrlResolver,
+        },
+      ],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBar",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+      ],
+    },
+    {
+      variantId: "other-with-search",
+      variantType: "other",
+      variantTests: [
+        {
+          testType: PageVariantTestType.UrlResolver,
+        },
+        {
+          testType: PageVariantTestType.FeatureGate,
+          featureGate: FeatureGates.IsGlobalSearchEnabled,
+        },
+      ],
+      widgetMounting: [
+        {
+          mountingConfigId: "globalSearchEntryPointDesktop",
+          widgetConfigId: "globalSearchEntryPointDesktop",
+        },
+        {
+          mountingConfigId: "globalSearchEntryPointTablet",
+          widgetConfigId: "globalSearchEntryPointDesktop",
+        },
+        {
+          mountingConfigId: "globalSearchEntryPointMobile",
+          widgetConfigId: "globalSearchEntryPointMobile",
+        },
+        {
+          mountingConfigId: "searchResultsNoOp",
+          widgetConfigId: "searchResultsNoOp",
+        },
+      ],
+    },
+  ],
+  widgetConfigs: {
+    globalSearchEntryPointMobile: {
+      widgetConfigId: "globalSearchEntryPointMobile",
+      type: WidgetType.SearchZeroStateEntryPoint,
+      searchZeroStateVariant: "backgroundTertiary",
+      searchInputVariant: "standard",
+      suggestionButtonConfig: {
+        variant: "secondary",
+        hoverVariant: "dark",
+        borderRadius: "md",
+      },
+      layout: "input",
+      searchBoxPlaceholder: "What can I help you Find?",
+      initialSuggestions: [
+        "Cardinal to remember loved ones",
+        "Gold bracelet for a best friend",
+        "Necklace with empowering message",
+        "Mother daughter matching bracelets",
+        "Jewelry with motivating message",
+        "Hypoallergenic rings with a message",
+        "Gold cross necklace",
+        "Inspirational rings",
+      ],
+    } satisfies SearchEntryPointWidgetConfig,
+    globalSearchEntryPointDesktop: {
+      widgetConfigId: "globalSearchEntryPointDesktop",
+      type: WidgetType.SearchZeroStateEntryPoint,
+      searchZeroStateVariant: "backgroundTertiary",
+      searchInputVariant: "standard",
+      suggestionButtonConfig: {
+        variant: "secondary",
+        hoverVariant: "dark",
+        borderRadius: "md",
+      },
+      layout: "icon",
+      searchIconVariant: "thin",
+      searchIconSize: 24,
+      searchBoxPlaceholder: "Fun bracelet for my girlfriend",
+      initialSuggestions: [
+        "Cardinal to remember loved ones",
+        "Gold bracelet for a best friend",
+        "Necklace with empowering message",
+        "Mother daughter matching bracelets",
+        "Jewelry with motivating message",
+        "Hypoallergenic rings with a message",
+        "Gold cross necklace",
+        "Inspirational rings",
+      ],
+    } satisfies SearchEntryPointWidgetConfig,
+    searchResultsEntryPoint: {
+      widgetConfigId: "searchResultsEntryPoint",
+      type: WidgetType.SearchResultsEntryPoint,
+      searchBoxPlaceholder: "Fun bracelet for my girlfriend",
+      searchInputVariant: "standard",
+      productGridVariant: "square",
+      searchFilterSidebarVariant: "lightButton",
+    } satisfies SearchResultsEntryPointWidgetConfig,
+    searchResultsNoOp: {
+      // this inserts an empty element so it can be used to suppress the normal search bar,
+      // as the current setup doesn't allow for multiple suppressors on a single widget.
+      widgetConfigId: "searchResultsNoOp",
+      type: WidgetType.NoOp,
+    } satisfies NoOpWidgetConfig,
+    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: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "Does this piece fit my size?",
+          "What do others love about this message?",
+          "Is this durable for daily wear?",
+        ],
+      },
+      boldFirstButton: true,
+      twoRowsOnMobile: false,
+      animationSpeed: "standard",
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+    chatPreviewPLP: {
+      widgetConfigId: "chatPreview",
+      type: WidgetType.ChatPreview,
+      variant: "flat",
+      addSeparators: true,
+      socialProofConfig: {
+        staticPLPImagesLayout: "grid",
+        logoName: "mantra-brand-logo.svg",
+        customerQuery: "asked which bracelets are best for gift giving...",
+        headerTitle: "SHOPPING ASSISTANT",
+        headerFontFamily: "DIN",
+        suggestionButtonStrings: [
+          "What do reviewers think?",
+          "Best selling bracelets",
+          "Follow your heart",
+          "Empowering messages",
+          "Newest products",
+        ],
+        staticPLPImageNames: [
+          "mantra-plp-social-proof-img-1.png",
+          "mantra-plp-social-proof-img-2.png",
+          "mantra-plp-social-proof-img-3.png",
+          "mantra-plp-social-proof-img-4.png",
+        ],
+        suggestionButtonVariantDefault: "secondary",
+        suggestionButtonVariantAccent: "secondary",
+        userQueryButtonConfig: {
+          placeholderText: "What can I help you find?",
+          icon: "magnifyingGlass",
+        },
+      },
+    } satisfies ChatPreviewWidgetConfig,
+    chatPreviewPDP: {
+      widgetConfigId: "chatPreview",
+      type: WidgetType.ChatPreview,
+      variant: "flat",
+      addSeparators: true,
+      socialProofConfig: {
+        logoName: "mantra-brand-logo.svg",
+        customerQuery: "asked what others love about this product.",
+        headerTitle: "SHOPPING ASSISTANT",
+        headerFontFamily: "DIN",
+        suggestionButtonStrings: [
+          "What did reviewers say?",
+          "Does this piece fit my size?",
+          "Is this durable for everyday wear?",
+          "Summarize the reviews",
+          "What other products does this go with?",
+        ],
+        suggestionButtonVariantDefault: "secondary",
+        suggestionButtonVariantAccent: "secondary",
+        userQueryButtonConfig: {
+          placeholderText: "Ask me anything...",
+          icon: "send",
+        },
+      },
+    } 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: "darkPrimary",
+      hoverVariant: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "Does this piece fit my size?",
+          "What do others love about this message?",
+          "Is this durable for daily wear?",
+        ],
+      },
+      boldFirstButton: true,
+      twoRowsOnMobile: true,
+      animationSpeed: "none",
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+  },
+  mountingConfigs: {
+    searchResultsEntryPointPLP: {
+      mountingConfigId: "searchResultsEntryPointPLP",
+      containerId: SEARCH_RESULTS_ENTRYPOINT_ID,
+      testId: SEARCH_RESULTS_ENTRYPOINT_TESTID,
+      insertionPoint: {
+        selector: ".main-content",
+        insertionType: DOMInsertionType.BEFORE,
+      },
+      suppressionSelector: ".collection",
+      className: "search-results-entry-point",
+      style: {
+        marginBottom: "30px",
+      },
+    },
+    searchResultsEntryPointPDP: {
+      mountingConfigId: "searchResultsEntryPointPDP",
+      containerId: SEARCH_RESULTS_ENTRYPOINT_ID,
+      testId: SEARCH_RESULTS_ENTRYPOINT_TESTID,
+      insertionPoint: {
+        selector: ".main-content",
+        insertionType: DOMInsertionType.BEFORE,
+      },
+      suppressionSelector: ".container",
+      className: "search-results-entry-point",
+    },
+    searchResultsNoOp: {
+      mountingConfigId: "searchResultsNoOp",
+      containerId: SEARCH_RESULTS_NO_OP_ID,
+      testId: SEARCH_RESULTS_NO_OP_ENTRYPOINT_TESTID,
+      insertionPoint: {
+        selector: "#headerBottom.header__bottom.header__main-one",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      suppressionSelector: ".search__container",
+      className: "search-results-no-op",
+    },
+    globalSearchEntryPointMobile: {
+      mountingConfigId: "globalSearchEntryPointMobile",
+      containerId: MOBILE_GLOBAL_SEARCH_ENTRYPOINT_ID,
+      testId: GLOBAL_SEARCH_ENTRYPOINT_TESTID,
+      insertionPoint: {
+        selector: ".main-content",
+        insertionType: DOMInsertionType.BEFORE,
+      },
+      className: "global-entry-mobile",
+      style: {
+        marginRight: "16px",
+        marginLeft: "16px",
+      },
+    },
+    globalSearchEntryPointDesktop: {
+      mountingConfigId: "globalSearchEntryPointDesktop",
+      containerId: GLOBAL_SEARCH_ENTRYPOINT_ID,
+      testId: GLOBAL_SEARCH_ENTRYPOINT_TESTID,
+      insertionPoint: {
+        selector:
+          ".header__bottom.header__main-one .header-additional.right_side_wrapper .js-search-trigger.search",
+        insertionType: DOMInsertionType.BEFORE,
+      },
+      suppressionSelector:
+        ".header__bottom.header__main-one .header-additional.right_side_wrapper .js-search-trigger.search",
+      className: "global-entry-desktop",
+      style: {
+        width: "19px",
+      },
+    },
+    globalSearchEntryPointTablet: {
+      mountingConfigId: "globalSearchEntryPointTablet",
+      containerId: TABLET_GLOBAL_SEARCH_ENTYPOINT_ID,
+      testId: GLOBAL_SEARCH_ENTRYPOINT_TESTID,
+      insertionPoint: {
+        selector:
+          ".header__bottom.header__main-one .left_side_wrapper .js-search-trigger.search",
+        insertionType: DOMInsertionType.BEFORE,
+      },
+      suppressionSelector:
+        ".header__bottom.header__main-one .left_side_wrapper .js-search-trigger.search",
+      className: "global-entry-tablet",
+      style: {
+        marginTop: "0px !important",
+      },
+    },
+    chatPreviewPDP: {
+      mountingConfigId: "chatPreviewPDP",
+      containerId: CHAT_PREVIEW_CONTAINER_ID,
+      testId: CHAT_PREVIEW_TESTID,
+      insertionPoint: {
+        selector: ".product-single__description",
+        insertionType: DOMInsertionType.ADJACENT_AFTER_END,
+      },
+    },
+    chatPreviewPLP: {
+      mountingConfigId: "chatPreviewPLP",
+      containerId: CHAT_PREVIEW_CONTAINER_ID,
+      testId: CHAT_PREVIEW_TESTID,
+      insertionPoint: {
+        selector: ".main_custom_class_col",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      style: { paddingInline: "24px", marginBottom: "24px", width: "100%" },
+      gridInsertionType: GridInsertionType.ROW_3,
+    },
+    topSuggestionBarPDP: {
+      mountingConfigId: "topSuggestionBarPDP",
+      containerId: "envive-top-suggestion-bar-id", // This was changed from spiffy-top-suggestion-bar-id (TOP_SUGGESTION_BAR_PDP_ID) to get around Mantra overriding the bar by finding its id and setting display to "none"
+      testId: TOP_SUGGESTION_BAR_TESTID,
+      insertionPoint: {
+        selector: ".ProductForm",
+        insertionType: DOMInsertionType.BEFORE,
+      },
+      style: { marginTop: "16px", marginBottom: "8px" },
+    },
+    bottomSuggestionBarPDP: {
+      mountingConfigId: "bottomSuggestionBarPDP",
+      containerId: BOTTOM_REVIEWS_BAR_ID,
+      testId: BOTTOM_SUGGESTION_BAR_TESTID,
+      insertionPoint: {
+        selector: ".stamped-header",
+        insertionType: DOMInsertionType.ADJACENT_BEFORE_END,
+        selectionIndex: 0,
+      },
+      style: { marginTop: "8px", marginBottom: "8px" },
+    },
+  },
+});
+
+const mantraBrandOrgInfo = {
+  shortName: OrgShortName.MantraBrand,
+  name: "Mantra Brand",
+  domain: "mantrabrand.com",
+  defaultProductId: "7-knots-of-protection-bracelet",
+  alwaysEnabledMerchants: true,
+  orgUIConfig: mantraBrandOrgUIConfig,
+  orgColors: () => mantraBrandColors,
+  orgPageConfig: mantraPageConfig,
+} satisfies BasicOrgInfoType;
+
+export { mantraBrandOrgInfo };