@envive-ai/react-hooks 0.1.0

package/src/merchants/uniqueVintage/uniqueVintage.ts

@@ -0,0 +1,1314 @@
+import { CdnService } from "src/application/service/cdnService";
+import { GridInsertionType } from "src/application/service/domMutations/GridInsertionService";
+import { DOMInsertionType } from "src/application/service/domMutations/domInsertionService";
+import { defaultOrgUIConfig } from "src/merchants/default";
+import {
+  CategoryExtractorType,
+  ChatPreviewWidgetConfig,
+  ColorMapping,
+  ColorNames,
+  colorVar,
+  SearchEntryPointWidgetConfig,
+  OrgPageConfig,
+  OrgUIConfig,
+  PageVariantTestType,
+  SearchPromptWidgetConfig,
+  SuggestionBarWidgetV2Config,
+  WidgetType,
+} from "src/contexts/types";
+import {
+  CustomerServiceIntegrationMode,
+  CustomerServiceType,
+} from "src/application/service/customerService/types";
+import {
+  CHAT_PREVIEW_TESTID,
+  TOP_SUGGESTION_BAR_TESTID,
+  BOTTOM_SUGGESTION_BAR_TESTID,
+  GLOBAL_SEARCH_ENTRYPOINT_TESTID,
+} from "src/config/locators";
+import { ChatElementDisplayLocation } from "src/application/models/chatElementDisplayLocation";
+import {
+  CHAT_PREVIEW_CONTAINER_ID,
+  TOP_SUGGESTION_BAR_PDP_ID,
+  BOTTOM_REVIEWS_BAR_ID,
+  GLOBAL_SEARCH_ENTRYPOINT_ID,
+  MOBILE_GLOBAL_SEARCH_ENTRYPOINT_ID,
+} from "src/config/divIds";
+import { PageVisitCategory } from "@spiffy-ai/commerce-api-client";
+import { FeatureGates } from "src/application/models/featureGates";
+import { SuggestionBarLocationForMetrics } from "src/types/suggestionBarV2-types";
+import { BasicOrgInfoType, OrgShortName } from "src/application/models";
+
+const uniqueVintageColors: ColorMapping = {
+  [ColorNames.TextPrimary]: "#000000",
+  [ColorNames.TextSecondary]: "#595959",
+  [ColorNames.TextAccent]: "#1D4A4F",
+  [ColorNames.TextLink]: "#222222",
+  [ColorNames.TextLight]: "#FFFFFF",
+  [ColorNames.BackgroundPrimary]: "#FADDD5",
+  [ColorNames.BackgroundSecondary]: "#FFFDF3",
+  [ColorNames.BackgroundSecondaryDark]: "#EBE9E0",
+  [ColorNames.BackgroundTertiary]: "#1D4A4F",
+  [ColorNames.BackgroundDark]: "#222222",
+  [ColorNames.BackgroundLight]: "#FFFFFF",
+  [ColorNames.BackgroundSaturated]: "#FADDD5",
+  [ColorNames.BorderLight]: "#E7E7E7",
+  [ColorNames.BorderMedium]: "#C2C4C8",
+  [ColorNames.BorderDark]: "#595959",
+  [ColorNames.BorderOutline]: "#222222",
+  [ColorNames.AccentPrimary]: "#FADDD5",
+  [ColorNames.AccentSecondary]: "#C0E7D6",
+};
+
+const uniqueVintageOrgUIConfig = (): OrgUIConfig => {
+  const defaultUniqueVintageOrgConfig = defaultOrgUIConfig(
+    OrgShortName.UniqueVintage
+  );
+
+  return {
+    ...defaultUniqueVintageOrgConfig,
+    chatMessageConfig: {
+      ...defaultUniqueVintageOrgConfig.chatMessageConfig!,
+      assistantChatTitle: "Unique Vintage AI",
+      variant: "standard",
+    },
+    chatHeader: {
+      ...defaultUniqueVintageOrgConfig.chatHeader,
+      chevronColor: colorVar(ColorNames.BackgroundDark),
+      expandedColor: colorVar(ColorNames.BackgroundPrimary),
+      imageSrc: CdnService.getAssetURL(
+        "unique-vintage-long-logo.png",
+        OrgShortName.UniqueVintage
+      ),
+      // icon: uniqueVintageLogo,
+    },
+    chatPreviewConfig: {
+      ...defaultUniqueVintageOrgConfig.chatPreviewConfig!,
+      variant: "filled",
+      filledBackgroundColor: colorVar(ColorNames.AccentSecondary),
+      iconFillColor: colorVar(ColorNames.AccentPrimary),
+      buttonTextColor: colorVar(ColorNames.TextLight),
+      buttonBackgroundColor: colorVar(ColorNames.BackgroundDark),
+      buttonTextHoverColor: colorVar(ColorNames.TextPrimary),
+      buttonBackgroundHoverColor: colorVar(ColorNames.BackgroundSecondaryDark),
+      topMargin: 10,
+      copies: {
+        plp: [
+          "a classic swimsuit that's perfect for poolside glamour?",
+          "a skirt that twirls like it's straight out of the '50s?",
+          "a handbag inspired by iconic eras?",
+          "a dress that turns every head in the room?",
+        ],
+        pdp: [
+          "the vintage-inspired details that make this piece timeless?",
+          "what makes this style a true throwback treasure?",
+          "what luxe materials will elevate your look?",
+          "the size that's right for you?",
+        ],
+      },
+      staticSuggestionCopies: {
+        plp: [
+          "What casual vintage pieces work for everyday wear?",
+          "What pieces can I mix and match for a vintage-inspired wardrobe?",
+          "What shoes are perfect for date nights and special occasions?",
+          "What accessories can I add to elevate my vintage look?",
+        ],
+        pdp: [
+          "What size will give me the right fit?",
+          "How do I keep this piece in perfect condition for years to come?",
+          "What features makes this piece the ideal statement for a vintage lover?",
+          "How does this piece embody the spirit of past eras with modern style?",
+        ],
+      },
+      headerConfig: {
+        title: "Shopping Assistant",
+        sparklesColor: undefined,
+        imageHeight: 24,
+        imageSrc: CdnService.getAssetURL(
+          "unique-vintage-long-logo.png",
+          OrgShortName.UniqueVintage
+        ),
+      },
+      footerConfig: {
+        ...defaultUniqueVintageOrgConfig.chatPreviewConfig!.footerConfig,
+        replyButtonText: "What can I help you find?",
+        replyButtonIcon: "magnifyingGlass",
+        hasFade: false,
+      },
+    },
+    floatingEntrypointConfig: {
+      ...defaultUniqueVintageOrgConfig.floatingEntrypointConfig!,
+      showOption: "always",
+      expandedColor: colorVar(ColorNames.BorderOutline),
+      iconStrokeColor: colorVar(ColorNames.BackgroundDark),
+      iconFillColor: colorVar(ColorNames.BackgroundDark),
+      expansionText: {
+        pdp: "Will this complete your retro wardrobe?",
+        plp: "What vintage treasure will you find today?",
+      },
+    },
+    productCardConfig: {
+      ...defaultUniqueVintageOrgConfig.productCardConfig!,
+    },
+    productReviewConfig: {
+      ...defaultUniqueVintageOrgConfig.productReviewConfig!,
+      colorVariant: "brand",
+      incentivizedReviewFlag: false,
+    },
+    welcomeSectionConfig: {
+      ...defaultUniqueVintageOrgConfig.welcomeSectionConfig!,
+      title: "Welcome to Unique Vintage AI!",
+      colorVariant: "brand",
+      subtitle:
+        "Hello, darling! I'm here to help you find everything you need to channel your unique, vintage-inspired style. Whether you're searching for the perfect outfit, need sizing advice, or just want to explore fabulous accessories, let's make your shopping experience as glamorous as you are!",
+    },
+    customerServiceIntegration: {
+      integrationMode: CustomerServiceIntegrationMode.simple,
+      provider: CustomerServiceType.zowie,
+    },
+    conversationalSearch: {
+      enabled: true,
+      replyInput: {
+        sendIcon: "search",
+        placeholder: "What can I help you find?",
+      },
+      // TODO: Migrate it to the new mount point structure.
+      entrypointContainer: "id|chat-search-entrypoint",
+      productGridContainer: "id|chat-search-product-page",
+      searchContent: "query|.ss__autocomplete--target",
+      pageContent: "id|MainContent",
+      generalSearchBtn: "query|button.modal__close-button",
+    },
+    searchConfig: {
+      enableGlobalSearch: true,
+      searchFilterConfig: [
+        {
+          filterId: "color",
+          displayName: "Color",
+          attribute: "colors",
+          type: "dynamic",
+          sorting: {
+            type: "alphabetic",
+          },
+        },
+        {
+          filterId: "size",
+          displayName: "Size",
+          type: "dynamic",
+          attribute: "sizes",
+          sorting: {
+            type: "custom",
+            map: {
+              "One Size": 10,
+              "XXS / 0": 20,
+              "XS / 2": 30,
+              "S / 4": 40,
+              "M / 6 - 8": 50,
+              "L / 10 - 12": 60,
+              "XL / 14": 70,
+              "1X / 16": 80,
+              "2X / 18": 90,
+              "3X / 20": 100,
+              "4X / 22 - 24": 110,
+              "5X / 26": 120,
+              "6X": 130,
+            },
+          },
+        },
+        {
+          filterId: "price",
+          displayName: "Price",
+          type: "price",
+          bucketSize: 50,
+        },
+      ],
+    },
+
+    merchantOverrideCss: `
+      #spiffy-modal-container {
+        z-index: 2147483001 !important;
+      }
+      .spiffy-star-rating-star {
+        fill: var(--spiffy-colors-text-accent) !important;
+      }
+      .spiffy-product-review-header-reviewer {
+        color: var(--spiffy-colors-text-primary) !important;
+      }
+      
+      /* WelcomeSection light text override */
+      .spiffy-welcome-section-message-title {
+        color: var(--spiffy-colors-text-light) !important;
+      }
+      .spiffy-welcome-section-message-subtitle {
+        color: var(--spiffy-colors-text-light) !important;
+      }
+
+      #spiffy-ai-chat-preview {
+        display: block;
+      }
+      #chat-search-product-page {
+        display: block;
+      }
+      #chat-search-nav-entrypoint {
+        display: flex;
+        }
+      #spiffy-ai-chat-preview.is-pdp {
+        padding-top: 8px;
+        border-top: solid 1px var(--spiffy-colors-border-light);
+      }
+      #spiffy-top-suggestion-bar-id {
+        display: block;
+      }
+      #spiffy-ai-chat-preview {
+        display: block;
+      }
+      #spiffy-bottom-reviews-bar-id {
+        display: block;
+      }
+      .spiffy-chat-search-entrypoint-container {
+        background: var(--spiffy-colors-background-primary) !important;
+        border-color: var(--spiffy-colors-background-dark) !important;
+      }
+      .spiffy-chat-search-entrypoint-container .spiffy-button-base-button {
+        color: var(--spiffy-colors-text-primary) !important;
+        border: none;
+      }
+      .spiffy-chat-search-entrypoint-text p {
+        font-family: 'Bookmania-SemiBold' !important;
+        font-size: 16px !important;
+      }
+      #spiffy-ai-chat-preview-contents h1, h2, h3, h4, h5, h6 {
+        --chakra-fonts-heading: 'Bookmania-Regular', 'Poppins', sans-serif;
+      }
+      .spiffy-headline {
+        font-family: 'Bookmania-Regular', 'Poppins', sans-serif;
+      }
+      #spiffy-model-container h1, h2, h3, h4, h5, h6 {
+        font-family: var(--chakra-fonts-heading);
+      }
+      #spiffy-model-container h1, h2, h3, h4, h5, h6 {
+        --chakra-fonts-heading: 'Bookmania-Regular', 'Poppins', sans-serif;
+      }
+      .spiffy-suggestion-button-question-class {
+        border: 1px solid var(--spiffy-colors-border-light);
+      }
+      .spiffy-tag-pill-text {
+        color: var(--spiffy-colors-text-light) !important;
+      }
+      #return-to-results-button {
+        display: block;
+      }
+      .spiffy-back-to-results-button {
+        margin-left: 30px;
+        margin-top: 30px;
+        @media (max-width: 768px) {
+          margin-left: 20px;
+          margin-top: 20px;
+        }
+      }
+      @media (max-width: 992px) {
+        #chat-search-entrypoint {
+          display: none;
+        }
+      }
+      #chat-search-entrypoint-mobile {
+        display: none;
+      }
+      .ss__autocomplete--active #chat-search-entrypoint-mobile {
+        display: flex;
+      }
+      .spiffy-product-card-title {
+        font-family: var(--chakra-fonts-heading);
+        color: var(--spiffy-colors-text-link);
+      }
+      .spiffy-product-card-text-color {
+        color: var(--spiffy-colors-text-secondary);
+      }
+
+      .spiffy-chat-header-close-button {
+        color: var(--spiffy-colors-background-primary);
+        background-color: var(--spiffy-colors-background-tertiary);
+      }
+
+      #spiffy-top-suggestion-bar-contents .spiffy-suggestion-button-question-class span {
+        color: var(--spiffy-colors-text-accent) !important;
+      }
+
+      #spiffy-top-suggestion-bar-contents .spiffy-suggestion-button-question-class svg {
+        fill: var(--spiffy-colors-text-accent) !important;
+        stroke: var(--spiffy-colors-text-accent) !important;
+      }
+
+      #spiffy-bottom-suggestion-bar-contents .spiffy-suggestion-button-question-class svg {
+        fill: var(--spiffy-colors-accent-primary) !important;
+        stroke: var(--spiffy-colors-accent-primary) !important;
+      }
+
+      #spiffy-bottom-suggestion-bar-contents .spiffy-suggestion-button-question-class:hover svg {
+        fill: var(--spiffy-colors-text-link) !important;
+        stroke: var(--spiffy-colors-text-link) !important;
+      }
+
+      #spiffy-ai-global-search-entrypoint.global-entry-desktop {
+        display: block;
+      }
+      #spiffy-ai-global-search-entrypoint-mobile.global-entry-mobile {
+        display: none;
+      }
+
+      @media (max-width: 992px) {
+        #spiffy-ai-global-search-entrypoint.global-entry-desktop {
+          display: none;
+        }
+        #spiffy-ai-global-search-entrypoint-mobile.global-entry-mobile {
+          display: block;
+        }
+      } 
+
+      #spiffy-ai-global-search-entrypoint.global-entry-desktop .spiffy-global-search-input-container {
+        height: 80px;
+      }
+
+      .spiffy-global-search-input-container .spiffy-global-search-text {
+        font-family: "Poly", serif;
+        color: var(--spiffy-colors-text-link) !important;
+        font-weight: 500;
+        line-height: 80px;
+        padding-top: 6px;
+      }
+
+      .spiffy-search-overlay-content .spiffy-headline {
+        font-family: "Poly", serif;
+        @media (min-width: 480px) {
+          font-size: 32px;
+        }
+      }
+
+      .spiffy-search-overlay-content .spiffy-body-text {
+        font-family: "Poly", serif;
+      }
+
+      .spiffy-global-search-input-container svg {
+        width: 26px;
+      }
+    `,
+  };
+};
+
+const uniqueVintagePageConfig = (): OrgPageConfig => ({
+  pageVariants: [
+    {
+      variantId: "search-results",
+      variantType: "page_visit",
+      variantTests: [
+        { testType: PageVariantTestType.ShopifyPLP },
+        {
+          testType: PageVariantTestType.QueryParam,
+          queryParam: "q",
+        },
+        {
+          testType: PageVariantTestType.PageCategory,
+          extractor: {
+            type: CategoryExtractorType.VisitCategoryDefault,
+            value: PageVisitCategory.Other,
+          },
+        },
+      ],
+      widgetMounting: [],
+    },
+    {
+      variantId: "plp-global-search",
+      variantType: "plp",
+      variantTests: [
+        { testType: PageVariantTestType.ShopifyPLP },
+        {
+          testType: PageVariantTestType.FeatureGate,
+          featureGate: FeatureGates.IsGlobalSearchEnabled,
+        },
+      ],
+      plpIdExtractor: "shopify-collection-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "globalSearchEntryPoint",
+          widgetConfigId: "globalSearchEntryPoint",
+        },
+        {
+          mountingConfigId: "globalSearchEntryPointMobile",
+          widgetConfigId: "globalSearchEntryPointMobile",
+        },
+        {
+          mountingConfigId: "chatPreviewPLP",
+          widgetConfigId: "chatPreviewPLP",
+        },
+      ],
+    },
+    {
+      variantId: "plp-search",
+      variantType: "plp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.FeatureGate,
+          featureGate: FeatureGates.IsNewFeatureEnabled,
+        },
+        { testType: PageVariantTestType.ShopifyPLP },
+      ],
+      plpIdExtractor: "shopify-collection-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPLP",
+          widgetConfigId: "searchPromptPLP",
+        },
+      ],
+    },
+    {
+      variantId: "plp",
+      variantType: "plp",
+      variantTests: [{ testType: PageVariantTestType.ShopifyPLP }],
+      plpIdExtractor: "shopify-collection-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPLP",
+          widgetConfigId: "chatPreviewPLP",
+        },
+      ],
+    },
+    {
+      variantId: "pdpDressesHasReviewsGlobalSearch",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.ShopifyPDP,
+        },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["dresses"],
+        },
+        {
+          testType: PageVariantTestType.HasReviews,
+          reviewMinimum: 4,
+        },
+        {
+          testType: PageVariantTestType.FeatureGate,
+          featureGate: FeatureGates.IsGlobalSearchEnabled,
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "globalSearchEntryPoint",
+          widgetConfigId: "globalSearchEntryPoint",
+        },
+        {
+          mountingConfigId: "globalSearchEntryPointMobile",
+          widgetConfigId: "globalSearchEntryPointMobile",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarDressesHasReviews",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+      ],
+    },
+    {
+      variantId: "pdpDressesNoReviewsGlobalSearch",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.ShopifyPDP,
+        },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["dresses"],
+        },
+        {
+          testType: PageVariantTestType.FeatureGate,
+          featureGate: FeatureGates.IsGlobalSearchEnabled,
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "globalSearchEntryPoint",
+          widgetConfigId: "globalSearchEntryPoint",
+        },
+        {
+          mountingConfigId: "globalSearchEntryPointMobile",
+          widgetConfigId: "globalSearchEntryPointMobile",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarDressesNoReviews",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+      ],
+    },
+    {
+      variantId: "pdpSwimwearHasReviewsGlobalSearch",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.ShopifyPDP,
+        },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["swim-html"],
+        },
+        {
+          testType: PageVariantTestType.HasReviews,
+          reviewMinimum: 4,
+        },
+        {
+          testType: PageVariantTestType.FeatureGate,
+          featureGate: FeatureGates.IsGlobalSearchEnabled,
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "globalSearchEntryPoint",
+          widgetConfigId: "globalSearchEntryPoint",
+        },
+        {
+          mountingConfigId: "globalSearchEntryPointMobile",
+          widgetConfigId: "globalSearchEntryPointMobile",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarSwimwearHasReviews",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+      ],
+    },
+    {
+      variantId: "pdpSwimwearNoReviewsGlobalSearch",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.ShopifyPDP,
+        },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["swim-html"],
+        },
+        {
+          testType: PageVariantTestType.FeatureGate,
+          featureGate: FeatureGates.IsGlobalSearchEnabled,
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "globalSearchEntryPoint",
+          widgetConfigId: "globalSearchEntryPoint",
+        },
+        {
+          mountingConfigId: "globalSearchEntryPointMobile",
+          widgetConfigId: "globalSearchEntryPointMobile",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarSwimwearNoReviews",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+      ],
+    },
+    {
+      variantId: "pdpShoesHasReviewsGlobalSearch",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.ShopifyPDP,
+        },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["shoes"],
+        },
+        {
+          testType: PageVariantTestType.HasReviews,
+          reviewMinimum: 4,
+        },
+        {
+          testType: PageVariantTestType.FeatureGate,
+          featureGate: FeatureGates.IsGlobalSearchEnabled,
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "globalSearchEntryPoint",
+          widgetConfigId: "globalSearchEntryPoint",
+        },
+        {
+          mountingConfigId: "globalSearchEntryPointMobile",
+          widgetConfigId: "globalSearchEntryPointMobile",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarShoesHasReviews",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+      ],
+    },
+    {
+      variantId: "pdpShoesNoReviewsGlobalSearch",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.ShopifyPDP,
+        },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["shoes"],
+        },
+        {
+          testType: PageVariantTestType.FeatureGate,
+          featureGate: FeatureGates.IsGlobalSearchEnabled,
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "globalSearchEntryPoint",
+          widgetConfigId: "globalSearchEntryPoint",
+        },
+        {
+          mountingConfigId: "globalSearchEntryPointMobile",
+          widgetConfigId: "globalSearchEntryPointMobile",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarShoesNoReviews",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+      ],
+    },
+    {
+      variantId: "pdpGlobalSearch",
+      variantType: "pdp",
+      variantTests: [
+        { testType: PageVariantTestType.ShopifyPDP },
+        {
+          testType: PageVariantTestType.FeatureGate,
+          featureGate: FeatureGates.IsGlobalSearchEnabled,
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "globalSearchEntryPoint",
+          widgetConfigId: "globalSearchEntryPoint",
+        },
+        {
+          mountingConfigId: "globalSearchEntryPointMobile",
+          widgetConfigId: "globalSearchEntryPointMobile",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBar",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+      ],
+    },
+    {
+      variantId: "pdpDressesHasReviews",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.ShopifyPDP,
+        },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["dresses"],
+        },
+        {
+          testType: PageVariantTestType.HasReviews,
+          reviewMinimum: 4,
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarDressesHasReviews",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+      ],
+    },
+    {
+      variantId: "pdpDressesNoReviews",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.ShopifyPDP,
+        },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["dresses"],
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarDressesNoReviews",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+      ],
+    },
+    {
+      variantId: "pdpSwimwearHasReviews",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.ShopifyPDP,
+        },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["swim-html"],
+        },
+        {
+          testType: PageVariantTestType.HasReviews,
+          reviewMinimum: 4,
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarSwimwearHasReviews",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+      ],
+    },
+    {
+      variantId: "pdpSwimwearNoReviews",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.ShopifyPDP,
+        },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["swim-html"],
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarSwimwearNoReviews",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+      ],
+    },
+    {
+      variantId: "pdpShoesHasReviews",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.ShopifyPDP,
+        },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["shoes"],
+        },
+        {
+          testType: PageVariantTestType.HasReviews,
+          reviewMinimum: 4,
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarShoesHasReviews",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+      ],
+    },
+    {
+      variantId: "pdpShoesNoReviews",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.ShopifyPDP,
+        },
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["shoes"],
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarShoesNoReviews",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+      ],
+    },
+    {
+      variantId: "pdp",
+      variantType: "pdp",
+      variantTests: [{ testType: PageVariantTestType.ShopifyPDP }],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBar",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+      ],
+    },
+  ],
+  widgetConfigs: {
+    globalSearchEntryPoint: {
+      widgetConfigId: "globalSearchEntryPoint",
+      type: WidgetType.SearchZeroStateEntryPoint,
+      searchZeroStateVariant: "backgroundTertiary",
+      searchInputVariant: "standard",
+      suggestionButtonConfig: {
+        variant: "darkAccent",
+        hoverVariant: "secondaryAccent",
+      },
+      layout: "icon",
+      compactLabel: "Search",
+      searchBoxPlaceholder: 'Try "Colorful maxi for a summer wedding"',
+      initialSuggestions: [
+        "Vintage dresses",
+        "Maxi dresses",
+        "Disney outfit",
+        "Barbie collection",
+        "1970s jumpsuit",
+        "One-piece swimsuit",
+        "Cinderella divine dresses",
+      ],
+    } satisfies SearchEntryPointWidgetConfig,
+    globalSearchEntryPointMobile: {
+      widgetConfigId: "globalSearchEntryPointMobile",
+      type: WidgetType.SearchZeroStateEntryPoint,
+      searchZeroStateVariant: "backgroundTertiary",
+      searchInputVariant: "standard",
+      suggestionButtonConfig: {
+        variant: "darkAccent",
+        hoverVariant: "secondaryAccent",
+      },
+      layout: "icon",
+      searchBoxPlaceholder: 'Try "Colorful maxi for a summer wedding"',
+      initialSuggestions: [
+        "Vintage dresses",
+        "Maxi dresses",
+        "Disney outfit",
+        "Barbie collection",
+        "1970s jumpsuit",
+        "One-piece swimsuit",
+        "Cinderella divine dresses",
+      ],
+    } satisfies SearchEntryPointWidgetConfig,
+    topSuggestionsBar: {
+      widgetConfigId: "topSuggestionsBar",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      type: WidgetType.SuggestionBarV2,
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "primary",
+      hoverVariant: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "What retro charm will this piece bring to my wardrobe?",
+          "What occasions is this piece perfect for?",
+          "How do others describe the fit and feel?",
+          "What makes this piece stand out for others?",
+        ],
+      },
+      boldFirstButton: true,
+      twoRowsOnMobile: false,
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionsBarDressesHasReviews: {
+      widgetConfigId: "topSuggestionsBarDressesHasReviews",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      type: WidgetType.SuggestionBarV2,
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "primary",
+      hoverVariant: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "Which unique accessories pair with this?",
+          "Is the fit flowy or figure-enhancing?",
+          "Is it true to size?",
+        ],
+      },
+      boldFirstButton: true,
+      twoRowsOnMobile: false,
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionsBarDressesNoReviews: {
+      widgetConfigId: "topSuggestionsBarDressesNoReviews",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      type: WidgetType.SuggestionBarV2,
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "primary",
+      hoverVariant: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "What occasion is this dress for?",
+          "Which unique accessories pair with this?",
+          "Is the fit flowy or figure-enhancing?",
+          "Is it true to size?",
+        ],
+      },
+      boldFirstButton: true,
+      twoRowsOnMobile: false,
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionsBarSwimwearHasReviews: {
+      widgetConfigId: "topSuggestionsBarSwimwearHasReviews",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      type: WidgetType.SuggestionBarV2,
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "primary",
+      hoverVariant: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "Which accessories pair well?",
+          "Does the top have padding?",
+          "Does it run true to size?",
+        ],
+      },
+      boldFirstButton: true,
+      twoRowsOnMobile: false,
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionsBarSwimwearNoReviews: {
+      widgetConfigId: "topSuggestionsBarSwimwearNoReviews",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      type: WidgetType.SuggestionBarV2,
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "primary",
+      hoverVariant: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "Does it run true to size?",
+          "Which accessories pair well?",
+          "Does the top have padding?",
+          "Does it run true to size?",
+        ],
+      },
+      boldFirstButton: true,
+      twoRowsOnMobile: false,
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionsBarShoesHasReviews: {
+      widgetConfigId: "topSuggestionsBarShoesHasReviews",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      type: WidgetType.SuggestionBarV2,
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "primary",
+      hoverVariant: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "Is this good for a night out?",
+          "Are these true to size?",
+          "Are these good for casual wear?",
+        ],
+      },
+      boldFirstButton: true,
+      twoRowsOnMobile: false,
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionsBarShoesNoReviews: {
+      widgetConfigId: "topSuggestionsBarShoesNoReviews",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      type: WidgetType.SuggestionBarV2,
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "primary",
+      hoverVariant: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "What era inspired these shoes?",
+          "Is this good for a night out?",
+          "Are these true to size?",
+          "Are these good for casual wear?",
+        ],
+      },
+      boldFirstButton: true,
+      twoRowsOnMobile: false,
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+    searchPromptPLP: {
+      widgetConfigId: "searchPromptPLP",
+      type: WidgetType.SearchPrompt,
+      variant: "primary",
+      title: "Find exactly what you're looking for...",
+      headerConfig: {
+        title: "Search Assistant",
+        logo: "search-logo.svg",
+        logoHeight: 25,
+        orgShortName: "unique-vintage",
+      },
+      suggestionButtons: {
+        variant: "darkPrimary",
+        hoverVariant: "secondary",
+        buttonTexts: [
+          "Vintage dresses",
+          "Maxi dresses",
+          "Disney outfit",
+          "Barbie collection",
+          "1970s jumpsuit",
+          "One-piece swimsuit",
+          "Cinderella divine dresses",
+        ],
+      },
+      footerConfig: {
+        replyButtonText: "Be as specific as you like...",
+        replyButtonIcon: "ai-search",
+      },
+    } satisfies SearchPromptWidgetConfig,
+    chatPreviewPLP: {
+      widgetConfigId: "chatPreview",
+      type: WidgetType.ChatPreview,
+      variant: "filled",
+      addSeparators: true,
+      footerConfig: {
+        replyButtonText: "What can I help you find?",
+        replyButtonIcon: "magnifyingGlass",
+      },
+    } satisfies ChatPreviewWidgetConfig,
+    chatPreviewPDP: {
+      widgetConfigId: "chatPreviewPDP",
+      type: WidgetType.ChatPreview,
+      variant: "filled",
+      addSeparators: true,
+    } 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: "dark",
+      hoverVariant: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "What retro charm will this piece bring to my wardrobe?",
+          "What occasions is this piece perfect for?",
+          "How do others describe the fit and feel?",
+          "What makes this piece stand out for others?",
+        ],
+      },
+      boldFirstButton: true,
+      twoRowsOnMobile: true,
+      animationSpeed: "none",
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+  },
+  mountingConfigs: {
+    globalSearchEntryPoint: {
+      mountingConfigId: "globalSearchEntryPoint",
+      containerId: GLOBAL_SEARCH_ENTRYPOINT_ID,
+      testId: GLOBAL_SEARCH_ENTRYPOINT_TESTID,
+      insertionPoint: {
+        selector: ".header__search.header__search--desktop",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      suppressionSelector:
+        ".search-modal__content.search-modal__content-bottom",
+      className: "global-entry-desktop",
+      style: {
+        zIndex: "2147483647",
+        marginRight: "32px",
+        height: "80px",
+      },
+    },
+    globalSearchEntryPointMobile: {
+      mountingConfigId: "globalSearchEntryPoint",
+      containerId: MOBILE_GLOBAL_SEARCH_ENTRYPOINT_ID,
+      testId: GLOBAL_SEARCH_ENTRYPOINT_TESTID,
+      insertionPoint: {
+        selector: "sticky-header.header-wrapper:has(.mobile-search)",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      suppressionSelector: ".mobile-search .search-modal__form",
+      className: "global-entry-mobile",
+      style: {
+        zIndex: "2147483647",
+        marginTop: "8px",
+        marginLeft: "15px",
+        marginRight: "15px",
+      },
+    },
+    chatPreviewPLP: {
+      mountingConfigId: "chatPreviewPLP",
+      containerId: CHAT_PREVIEW_CONTAINER_ID,
+      testId: CHAT_PREVIEW_TESTID,
+      insertionPoint: {
+        selector: ".collection .product-grid",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      gridInsertionType: GridInsertionType.ROW_2,
+    },
+    chatPreviewPDP: {
+      mountingConfigId: "chatPreviewPDP",
+      containerId: CHAT_PREVIEW_CONTAINER_ID,
+      testId: CHAT_PREVIEW_TESTID,
+      insertionPoint: {
+        selector: ".product__accordion",
+        insertionType: DOMInsertionType.BEFORE,
+      },
+      style: {
+        marginTop: "16px",
+        marginBottom: "8px",
+      },
+    },
+    topSuggestionBarPDP: {
+      mountingConfigId: "topSuggestionBarPDP",
+      containerId: TOP_SUGGESTION_BAR_PDP_ID,
+      testId: TOP_SUGGESTION_BAR_TESTID,
+      insertionPoint: {
+        selector: "div:has(> .main_price)",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      style: {
+        marginTop: "16px",
+        marginBottom: "16px",
+      },
+    },
+    bottomSuggestionBarPDP: {
+      mountingConfigId: "bottomSuggestionBarPDP",
+      containerId: BOTTOM_REVIEWS_BAR_ID,
+      testId: BOTTOM_SUGGESTION_BAR_TESTID,
+      insertionPoint: {
+        selector: ".junip-product-review-summary-wrapper + div.junip-separator",
+        insertionType: DOMInsertionType.ADJACENT_AFTER_END,
+        selectionIndex: 0,
+      },
+      style: {
+        marginTop: "16px",
+        marginBottom: "16px",
+      },
+    },
+  },
+});
+
+const uniqueVintageOrgInfo = {
+  shortName: OrgShortName.UniqueVintage,
+  name: "Unique Vintage",
+  domain: "unique-vintage.com",
+  defaultProductId: "red-cowgirl-print-swing-shirt-dress",
+  alwaysEnabledMerchants: true,
+  orgUIConfig: uniqueVintageOrgUIConfig,
+  orgColors: () => uniqueVintageColors,
+  orgPageConfig: uniqueVintagePageConfig,
+} satisfies BasicOrgInfoType;
+
+export { uniqueVintageOrgInfo };