@envive-ai/react-hooks 0.1.5 → 0.1.7

package/src/merchants/grooveLife/grooveLife.ts

@@ -1,386 +0,0 @@
-import {
-  CHAT_PREVIEW_TESTID,
-  TOP_SUGGESTION_BAR_TESTID,
-  BOTTOM_SUGGESTION_BAR_TESTID,
-} from "src/config/locators";
-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,
-  BOTTOM_REVIEWS_BAR_ID,
-} from "src/config/divIds";
-import {
-  SPIFFY_SOCIAL_PROOF_CONTENT_CONTAINER_CLASS,
-  SPIFFY_SOCIAL_PROOF_CUSTOMER_COUNT_CLASS,
-  SPIFFY_SOCIAL_PROOF_SUGGESTION_FOOTER_TITLE_CLASS,
-} from "src/config/socialProofClasses";
-import { SuggestionBarLocationForMetrics } from "src/types/suggestionBarV2-types";
-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";
-
-const grooveLifeColors: ColorMapping = {
-  [ColorNames.TextPrimary]: "#2F362E",
-  [ColorNames.TextSecondary]: "#676986",
-  [ColorNames.TextAccent]: "#E87320",
-  [ColorNames.TextLink]: "#2F362E",
-  [ColorNames.TextLight]: "#F2EBE4",
-  [ColorNames.BackgroundPrimary]: "#2F362E",
-  [ColorNames.BackgroundSecondary]: "#F2EBE4",
-  [ColorNames.BackgroundSecondaryDark]: "#DFDBD8",
-  [ColorNames.BackgroundTertiary]: "#DFDBD8",
-  [ColorNames.BackgroundDark]: "#2F362E",
-  [ColorNames.BackgroundLight]: "#FFFFFF",
-  [ColorNames.BackgroundSaturated]: "#DFDBD8",
-  [ColorNames.BorderLight]: "#DFDBD8",
-  [ColorNames.BorderMedium]: "#E1E1E1",
-  [ColorNames.BorderDark]: "#676986",
-  [ColorNames.BorderOutline]: "#2F362E",
-  [ColorNames.AccentPrimary]: "#E87320",
-  [ColorNames.AccentSecondary]: "#E87320",
-};
-
-const grooveLifeOrgUIConfig = (): OrgUIConfig => {
-  const defaultGrooveLifeOrgConfig = defaultOrgUIConfig(
-    OrgShortName.GrooveLife
-  );
-
-  return {
-    ...defaultGrooveLifeOrgConfig,
-    chatMessageConfig: {
-      ...defaultGrooveLifeOrgConfig.chatMessageConfig,
-      assistantChatTitle: "Groove Life AI",
-    },
-    chatHeader: {
-      ...defaultGrooveLifeOrgConfig.chatHeader,
-      imageSrc: CdnService.getAssetURL(
-        "groove-life-logo-small.png",
-        OrgShortName.GrooveLife
-      ),
-    },
-    chatPreviewConfig: {
-      ...defaultGrooveLifeOrgConfig.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),
-      headerConfig: {
-        ...defaultGrooveLifeOrgConfig.chatPreviewConfig!.headerConfig,
-        title: "Shopping Assistant",
-        imageSrc: CdnService.getAssetURL(
-          "groove-life-logo.svg",
-          OrgShortName.GrooveLife
-        ),
-        imageHeight: 16,
-      },
-      footerConfig: {
-        ...defaultGrooveLifeOrgConfig.chatPreviewConfig!.footerConfig,
-      },
-    },
-    floatingEntrypointConfig: {
-      ...defaultGrooveLifeOrgConfig.floatingEntrypointConfig!,
-      showOption: "always",
-      position: "bottom-right",
-      expansionText: {
-        plp: "What’s right for your next adventure?",
-        pdp: "How will this gear up your day?",
-      },
-    },
-    productCardConfig: {
-      ...defaultGrooveLifeOrgConfig.productCardConfig!,
-    },
-    pageCardConfig: {
-      ...defaultGrooveLifeOrgConfig.pageCardConfig!,
-      variant: "filled",
-      hoverVariant: "shadow",
-      iconVariant: "accent",
-    },
-    productReviewConfig: {
-      ...defaultGrooveLifeOrgConfig.productReviewConfig!,
-      colorVariant: "premium",
-    },
-
-    welcomeSectionConfig: {
-      ...defaultGrooveLifeOrgConfig.welcomeSectionConfig!,
-      title: "Welcome to Groove Life AI!",
-      subtitle:
-        "Hey there! Let’s find gear that keeps up- from work to the wild. We’re ready when you are.",
-      colorVariant: "accent",
-    },
-    merchantOverrideCss: `
-      .spiffy-star-rating-star {
-        fill: var(--spiffy-colors-accent-primary) !important;
-      }
-      
-      footer .spiffy-suggestion-button-question-class svg {
-        fill: var(--spiffy-colors-text-link) !important;
-        stroke: var(--spiffy-colors-text-link) !important;
-      } 
-
-    footer .spiffy-suggestion-button-question-class:hover svg {
-      fill: var(--spiffy-colors-accent-primary) !important;
-      stroke: var(--spiffy-colors-accent-primary) !important;
-    } 
-    .spiffy-suggestion-button-question-class:hover svg {
-      fill: var(--spiffy-colors-accent-primary) !important;
-      stroke: var(--spiffy-colors-accent-primary) !important;
-    } 
-    .spiffy-suggestion-button-question-class svg {
-      fill: var(--spiffy-colors-accent-primary) !important;
-      stroke: var(--spiffy-colors-accent-primary) !important;
-    } 
-    #spiffy-ai-chat-preview.is-pdp {
-        padding: 0 16px;
-        @media screen and (min-width: 64em) {
-          padding: 0 46px;
-        }
-      }
-      #spiffy-ai-chat-preview.is-plp {
-        max-width: 100vw;
-        width: 100%;
-        padding-left: 16px;
-        @media screen and (min-width: 64em) {
-          padding: 0 16px;
-        }
-      }
-      .${SPIFFY_SOCIAL_PROOF_CONTENT_CONTAINER_CLASS} {
-        font-size: 20px;
-        font-weight: 500;
-        color: var(--spiffy-colors-text-primary) !important;
-      }
-
-      .${SPIFFY_SOCIAL_PROOF_CUSTOMER_COUNT_CLASS} {
-        color: var(--spiffy-colors-accent-primary) !important;
-      }
-
-      .${SPIFFY_SOCIAL_PROOF_SUGGESTION_FOOTER_TITLE_CLASS} {
-        color: var(--spiffy-colors-text-secondary) !important;
-      }
-
-      .spiffy-view-source-icon-wrapper {
-        background-color: var(--spiffy-colors-accent-primary) !important;
-      }
-    `,
-  };
-};
-
-const grooveLifePageConfig = (): OrgPageConfig => ({
-  pageVariants: [
-    {
-      variantId: "plp",
-      variantType: "plp",
-      variantTests: [{ testType: PageVariantTestType.UrlResolver }],
-      plpIdExtractor: "url-resolver-plp-id",
-      widgetMounting: [
-        {
-          mountingConfigId: "chatPreviewPLP",
-          widgetConfigId: "chatPreviewPLP",
-        },
-      ],
-    },
-    {
-      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",
-      type: WidgetType.SuggestionBarV2,
-      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
-      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
-      variant: "secondary",
-      hoverVariant: "secondaryDark",
-      buttonTexts: {
-        default: [
-          "Summarize the reviews",
-          "How does this fit and feel?",
-          "What makes this stand out?",
-          "Why do people love this?",
-          "Is this built to last?",
-        ],
-      },
-      boldFirstButton: true,
-      twoRowsOnMobile: false,
-      animationSpeed: "standard",
-      buttonBorderRadius: "md",
-    } satisfies SuggestionBarWidgetV2Config,
-    chatPreviewPLP: {
-      widgetConfigId: "chatPreviewPLP",
-      type: WidgetType.ChatPreview,
-      variant: "filled",
-      addSeparators: false,
-      socialProofConfig: {
-        staticPLPImagesLayout: "grid",
-        logoName: "groove-life-logo.svg",
-        customerQuery: "asked which products are the best.",
-        headerTitle: "Shopping Assistant",
-        suggestionButtonStrings: [
-          "What do reviewers think?",
-          "Best belt for long days?",
-          "What’s a great gift for him?",
-          "Which watch band holds up?",
-          "A simple ring that makes a statement?",
-        ],
-        staticPLPImageNames: [
-          "plp-image1.png",
-          "plp-image2.png",
-          "plp-image3.png",
-          "plp-image4.png",
-        ],
-        suggestionButtonVariantDefault: "secondary",
-        suggestionButtonVariantAccent: "primary",
-        userQueryButtonConfig: {
-          placeholderText: "What can I help you find?",
-          icon: "magnifyingGlass",
-        },
-      },
-    } satisfies ChatPreviewWidgetConfig,
-    chatPreviewPDP: {
-      widgetConfigId: "chatPreviewPDP",
-      type: WidgetType.ChatPreview,
-      variant: "filled",
-      addSeparators: false,
-      socialProofConfig: {
-        staticPLPImagesLayout: "horizontal",
-        logoName: "groove-life-logo.svg",
-        customerQuery: "asked which products are the best.",
-        headerTitle: "Shopping Assistant",
-        suggestionButtonStrings: [
-          "What do reviewers think?",
-          "Is this adventure-proof?",
-          "What’s the right fit for me?",
-          "Who’s this made for?",
-          "Why is this a go-to?",
-        ],
-        staticImageIndex: 0,
-        suggestionButtonVariantDefault: "secondary",
-        suggestionButtonVariantAccent: "darkAccent",
-        userQueryButtonConfig: {
-          placeholderText: "Ask me anything",
-          icon: "send",
-        },
-      },
-    } satisfies ChatPreviewWidgetConfig,
-    bottomSuggestionsBar: {
-      widgetConfigId: "bottomSuggestionsBar",
-      contentId: "spiffy-bottom-suggestion-bar-contents",
-      type: WidgetType.SuggestionBarV2,
-      metricDisplayLocation: ChatElementDisplayLocation.BOTTOM_REVIEWS_SNIPPET,
-      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_BOTTOM,
-      variant: "darkAccent",
-      hoverVariant: "secondaryDark",
-      buttonTexts: {
-        default: [
-          "Summarize the reviews",
-          "How does this fit and feel?",
-          "What makes this stand out?",
-          "Why do people love this?",
-          "Is this built to last?",
-        ],
-      },
-      boldFirstButton: false,
-      twoRowsOnMobile: false,
-      animationSpeed: "none",
-      buttonBorderRadius: "md",
-    } satisfies SuggestionBarWidgetV2Config,
-  },
-  mountingConfigs: {
-    chatPreviewPLP: {
-      mountingConfigId: "chatPreviewPLP",
-      containerId: CHAT_PREVIEW_CONTAINER_ID,
-      testId: CHAT_PREVIEW_TESTID,
-      insertionPoint: {
-        selector: ".product-grid",
-        insertionType: DOMInsertionType.AFTER,
-      },
-      gridInsertionType: GridInsertionType.FIXED_6,
-      className: "is-plp",
-    },
-    chatPreviewPDP: {
-      mountingConfigId: "chatPreviewPDP",
-      containerId: CHAT_PREVIEW_CONTAINER_ID,
-      testId: CHAT_PREVIEW_TESTID,
-      insertionPoint: {
-        selector: ".pdp-info-column .faq-section",
-        insertionType: DOMInsertionType.AFTER,
-      },
-      style: {
-        width: "100%",
-      },
-      className: "is-pdp",
-    },
-    topSuggestionBarPDP: {
-      mountingConfigId: "topSuggestionBarPDP",
-      containerId: TOP_SUGGESTION_BAR_PDP_ID,
-      testId: TOP_SUGGESTION_BAR_TESTID,
-      insertionPoint: {
-        selector: ".pdp-info-column .product-price-wrapper",
-        insertionType: DOMInsertionType.AFTER,
-      },
-      style: {
-        marginTop: "12px",
-        marginBottom: "12px",
-      },
-    },
-    bottomSuggestionBarPDP: {
-      mountingConfigId: "bottomSuggestionBarPDP",
-      containerId: BOTTOM_REVIEWS_BAR_ID,
-      testId: BOTTOM_SUGGESTION_BAR_TESTID,
-      insertionPoint: {
-        selector: ".oke-w-main",
-        insertionType: DOMInsertionType.BEFORE,
-      },
-      style: {
-        marginBottom: "15px",
-      },
-    },
-  },
-});
-
-const grooveLifeOrgInfo = {
-  shortName: OrgShortName.GrooveLife,
-  name: "Groove life",
-  domain: "www.groovelife.com",
-  defaultProductId: "groove-wallet-midnight-black",
-  alwaysEnabledMerchants: true,
-  orgUIConfig: grooveLifeOrgUIConfig,
-  orgColors: () => grooveLifeColors,
-  orgPageConfig: grooveLifePageConfig,
-} satisfies BasicOrgInfoType;
-
-export { grooveLifeOrgInfo };