@envive-ai/react-hooks 0.1.0

package/src/merchants/jackArcher/jackArcher.ts

@@ -0,0 +1,974 @@
+import {
+  BOTTOM_SUGGESTION_BAR_TESTID,
+  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 { DOMInsertionType } from "src/application/service/domMutations/domInsertionService";
+import { GridInsertionType } from "src/application/service/domMutations/GridInsertionService";
+import {
+  BOTTOM_REVIEWS_BAR_ID,
+  CHAT_PREVIEW_CONTAINER_ID,
+  // TOP_SUGGESTION_BAR_PDP_ID,
+} from "src/config/divIds";
+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 {
+  CustomerServiceIntegrationMode,
+  CustomerServiceType,
+} from "src/application/service/customerService/types";
+
+const jackArcherColors: ColorMapping = {
+  [ColorNames.TextPrimary]: "#1D1D1F",
+  [ColorNames.TextSecondary]: "#7D7D7E",
+  [ColorNames.TextAccent]: "#D31433",
+  [ColorNames.TextLink]: "#6A6A6A",
+  [ColorNames.TextLight]: "#FFFFFF",
+  [ColorNames.BackgroundPrimary]: "#D31433",
+  [ColorNames.BackgroundSecondary]: "#F1F1F1",
+  [ColorNames.BackgroundSecondaryDark]: "#E8E8E8",
+  [ColorNames.BackgroundTertiary]: "#E8E8E8",
+  [ColorNames.BackgroundDark]: "#1D1D1F",
+  [ColorNames.BackgroundLight]: "#FFFFFF",
+  [ColorNames.BackgroundSaturated]: "#E0E0E0",
+  [ColorNames.BorderLight]: "#D1D1D1",
+  [ColorNames.BorderMedium]: "#7D7D7E",
+  [ColorNames.BorderDark]: "#6A6A6A",
+  [ColorNames.BorderOutline]: "#1D1D1F",
+  [ColorNames.AccentPrimary]: "#D31433",
+  [ColorNames.AccentSecondary]: "#1D1D1F",
+};
+
+const jackArcherOrgUIConfig = (): OrgUIConfig => {
+  const defaultJackArcherOrgConfig = defaultOrgUIConfig(
+    OrgShortName.JackArcher
+  );
+  return {
+    ...defaultJackArcherOrgConfig,
+    chatMessageConfig: {
+      ...defaultJackArcherOrgConfig.chatMessageConfig,
+      assistantChatTitle: "Jack Archer AI",
+    },
+    welcomeSectionConfig: {
+      ...defaultJackArcherOrgConfig.welcomeSectionConfig!,
+      title: "Welcome to Jack Archer AI",
+      subtitle:
+        "Hey there! Let’s find the pieces you want to wear all the time, keeping you looking sharp without the hassle.",
+    },
+    customerServiceIntegration: {
+      integrationMode: CustomerServiceIntegrationMode.simple,
+      provider: CustomerServiceType.richpanel,
+    },
+    productCardConfig: {
+      ...defaultJackArcherOrgConfig.productCardConfig!,
+    },
+    productReviewConfig: {
+      ...defaultJackArcherOrgConfig.productReviewConfig!,
+      colorVariant: "premium",
+    },
+    floatingEntrypointConfig: {
+      ...defaultJackArcherOrgConfig.floatingEntrypointConfig!,
+      showOption: "after-interaction-anywhere",
+      expandedColor: colorVar(ColorNames.BackgroundDark),
+      expansionText: {
+        plp: "What’s your everyday go-to?",
+        pdp: "How will this simplify your style?",
+      },
+    },
+    chatHeader: {
+      ...defaultJackArcherOrgConfig.chatHeader,
+      imageSrc: CdnService.getAssetURL(
+        "jack-archer-long-logo.webp",
+        OrgShortName.JackArcher
+      ),
+    },
+    pageCardConfig: {
+      ...defaultJackArcherOrgConfig.pageCardConfig!,
+      variant: "filled",
+      hoverVariant: "none",
+      iconVariant: "none",
+    },
+    chatPreviewConfig: {
+      ...defaultJackArcherOrgConfig.chatPreviewConfig!,
+      buttonBackgroundColor: colorVar(ColorNames.BackgroundDark),
+      headerConfig: {
+        ...defaultJackArcherOrgConfig.chatPreviewConfig!.headerConfig!,
+        title: "Shopping Assistant",
+        imageSrc: CdnService.getAssetURL(
+          "jack-archer-logo-dark.svg",
+          OrgShortName.JackArcher
+        ),
+      },
+    },
+    merchantOverrideCss: `
+      #spiffy-modal-container {
+        z-index: 1000000 !important;
+      }
+      .spiffy-modal-sheet-header .spiffy-chat-header-container img {
+        height: 4px !important;
+      }
+      .spiffy-star-rating-star {
+        fill: var(--spiffy-colors-accent-primary) !important;
+      }
+      .spiffy-product-review-header-reviewer {
+        color: var(--spiffy-colors-text-primary) !important;
+      }
+      
+      .spiffy-welcome-section-message-title {
+        font-family: 'Poppins';
+      }
+      .spiffy-suggestion-button-answer-class {
+        font-weight: 500;
+      }
+      .spiffy-suggestion-button-question-class svg {
+        fill: var(--spiffy-colors-text-link) !important;
+      }
+      .spiffy-suggestion-button-question-class:hover svg {
+        fill: var(--spiffy-colors-text-light) !important;
+        stroke: var(--spiffy-colors-text-light) !important;
+      }
+      .spiffy-assistant-message-header-container h2 {
+        color: var(--spiffy-colors-text-primary);
+        font-size: 14px;
+      }
+      .spiffy-product-review-header-reviewer {
+        font-family: 'Poppins';
+      }
+      .spiffy-tag-pill-text {
+        font-size: 12px !important;
+      }
+      .spiffy-social-proof-content-container {
+        font-size: 16px;
+      }
+      .spiffy-view-source-icon-wrapper {
+        background-color: var(--spiffy-colors-text-accent) !important;
+      }
+      #spiffy-top-suggestion-bar-contents-mobile .chakra-stack {
+        padding: 0 12px;
+      }
+      @media (min-width: 768px) {
+        #spiffy-top-suggestion-bar-id-mobile {
+          display: none;
+        }
+        #spiffy-top-suggestion-bar-id {
+          display: block !important;
+        }
+      }
+      @media (max-width: 768px) {
+        #spiffy-top-suggestion-bar-id {
+          display: none;
+        }
+      }
+      .spiffy-product-card-title {
+        color: var(--spiffy-colors-text-link);
+      }
+      .spiffy-product-card-text-color { 
+        color: var(--spiffy-colors-text-secondary);
+      }
+      .spiffy-chat-preview-header-container img {
+        height: 11px !important;
+      }
+      #spiffy-ai-chat-preview-contents img[alt="logo"] {
+        height: 11px;
+      }
+    `,
+  };
+};
+
+const jackArcherPageConfig = (): OrgPageConfig => ({
+  pageVariants: [
+    {
+      variantId: "plp-new-arrivals",
+      variantType: "plp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.PlpId,
+          plpIdExtractor: "shopify-collection-id",
+          plpIds: ["new-arrivals"],
+        },
+      ],
+      plpIdExtractor: "shopify-collection-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPLPNewArrivals",
+          widgetConfigId: "chatPreviewPLPForCollections1",
+        },
+      ],
+    },
+
+    {
+      variantId: "plp-collections-1",
+      variantType: "plp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.PlpId,
+          plpIdExtractor: "shopify-collection-id",
+          plpIds: ["best-sellers-1"],
+        },
+      ],
+      plpIdExtractor: "shopify-collection-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPLP",
+          widgetConfigId: "chatPreviewPLPForCollections1",
+        },
+      ],
+    },
+
+    {
+      variantId: "plp-collections-2",
+      variantType: "plp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.PlpId,
+          plpIdExtractor: "shopify-collection-id",
+          plpIds: ["bundle-and-save"],
+        },
+      ],
+      plpIdExtractor: "shopify-collection-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPLP",
+          widgetConfigId: "chatPreviewPLPForCollections2",
+        },
+      ],
+    },
+
+    {
+      variantId: "plp",
+      variantType: "plp",
+      variantTests: [{ testType: PageVariantTestType.ShopifyPLP }],
+      plpIdExtractor: "shopify-collection-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPLP",
+          widgetConfigId: "chatPreviewPLP",
+        },
+      ],
+    },
+
+    {
+      variantId: "hats",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["spiffy-hats"],
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDPForCollections",
+        },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDP',
+        //   widgetConfigId: 'topSuggestionsBarCustom2',
+        // },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDPMobile',
+        //   widgetConfigId: 'topSuggestionsBarCustom2Mobile',
+        // },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarCustom2",
+        },
+      ],
+    },
+
+    {
+      variantId: "jacket",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["spiffy-jacket"],
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDPForCollections",
+        },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDP',
+        //   widgetConfigId: 'topSuggestionsBarCustom2',
+        // },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDPMobile',
+        //   widgetConfigId: 'topSuggestionsBarCustom2Mobile',
+        // },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarCustom2",
+        },
+      ],
+    },
+
+    {
+      variantId: "pants",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["spiffy-pants"],
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDPForCollections",
+        },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDP',
+        //   widgetConfigId: 'topSuggestionsBarCustom1',
+        // },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDPMobile',
+        //   widgetConfigId: 'topSuggestionsBarCustom1Mobile',
+        // },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarCustom1",
+        },
+      ],
+    },
+
+    {
+      variantId: "polo",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["spiffy-polo"],
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDPForCollections",
+        },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDP',
+        //   widgetConfigId: 'topSuggestionsBarCustom2',
+        // },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDPMobile',
+        //   widgetConfigId: 'topSuggestionsBarCustom2Mobile',
+        // },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarCustom2",
+        },
+      ],
+    },
+
+    {
+      variantId: "shirt",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["spiffy-shirt"],
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDPForCollections",
+        },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDP',
+        //   widgetConfigId: 'topSuggestionsBarCustom2',
+        // },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDPMobile',
+        //   widgetConfigId: 'topSuggestionsBarCustom2Mobile',
+        // },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarCustom2",
+        },
+      ],
+    },
+
+    {
+      variantId: "shorts",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["spiffy-shorts"],
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDPForCollections",
+        },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDP',
+        //   widgetConfigId: 'topSuggestionsBarCustom1',
+        // },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDPMobile',
+        //   widgetConfigId: 'topSuggestionsBarCustom1Mobile',
+        // },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarCustom1",
+        },
+      ],
+    },
+
+    {
+      variantId: "socks",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["spiffy-socks"],
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDPForCollections",
+        },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDP',
+        //   widgetConfigId: 'topSuggestionsBarCustom1',
+        // },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDPMobile',
+        //   widgetConfigId: 'topSuggestionsBarCustom1Mobile',
+        // },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarCustom1",
+        },
+      ],
+    },
+
+    {
+      variantId: "sweater",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["spiffy-sweater"],
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDPForCollections",
+        },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDP',
+        //   widgetConfigId: 'topSuggestionsBarCustom2',
+        // },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDPMobile',
+        //   widgetConfigId: 'topSuggestionsBarCustom2Mobile',
+        // },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarCustom2",
+        },
+      ],
+    },
+
+    {
+      variantId: "t-shirt",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["spiffy-t-shirt"],
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDPForCollections",
+        },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDP',
+        //   widgetConfigId: 'topSuggestionsBarCustom2',
+        // },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDPMobile',
+        //   widgetConfigId: 'topSuggestionsBarCustom2Mobile',
+        // },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarCustom2",
+        },
+      ],
+    },
+
+    {
+      variantId: "underwear",
+      variantType: "pdp",
+      variantTests: [
+        {
+          testType: PageVariantTestType.InCollection,
+          collections: ["spiffy-underwear"],
+        },
+      ],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDPForCollections",
+        },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDP',
+        //   widgetConfigId: 'topSuggestionsBarCustom2',
+        // },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDPMobile',
+        //   widgetConfigId: 'topSuggestionsBarCustom2Mobile',
+        // },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "topSuggestionsBarCustom2",
+        },
+      ],
+    },
+
+    {
+      variantId: "pdp",
+      variantType: "pdp",
+      variantTests: [{ testType: PageVariantTestType.ShopifyPDP }],
+      productIdExtractor: "shopify-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDP',
+        //   widgetConfigId: 'topSuggestionsBar',
+        // },
+        // {
+        //   mountingConfigId: 'topSuggestionBarPDPMobile',
+        //   widgetConfigId: 'topSuggestionsBarMobile',
+        // },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionsBar",
+        },
+      ],
+    },
+  ],
+  mountingConfigs: {
+    chatPreviewPLP: {
+      mountingConfigId: "chatPreviewPLP",
+      containerId: CHAT_PREVIEW_CONTAINER_ID,
+      testId: CHAT_PREVIEW_TESTID,
+      insertionPoint: {
+        selector: "#main-collection-product-grid",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      gridInsertionType: GridInsertionType.FIXED_8,
+      style: {
+        gridRow: "3 / 3",
+        gridColumn: "1 / -1",
+      },
+    },
+    chatPreviewPLPNewArrivals: {
+      mountingConfigId: "chatPreviewPLPNewArrivals",
+      containerId: CHAT_PREVIEW_CONTAINER_ID,
+      testId: CHAT_PREVIEW_TESTID,
+      insertionPoint: {
+        selector: "#main-collection-product-grid",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      gridInsertionType: GridInsertionType.ROW_4,
+    },
+    chatPreviewPDP: {
+      mountingConfigId: "chatPreviewPDP",
+      containerId: CHAT_PREVIEW_CONTAINER_ID,
+      testId: CHAT_PREVIEW_TESTID,
+      insertionPoint: {
+        selector: ".main-product",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      style: {
+        marginTop: "24px",
+      },
+    },
+    // topSuggestionBarPDP: {
+    //   mountingConfigId: 'topSuggestionBarPDP',
+    //   containerId: TOP_SUGGESTION_BAR_PDP_ID,
+    //   testId: TOP_SUGGESTION_BAR_TESTID,
+    //   insertionPoint: {
+    //     selector: '.product-page--reviews',
+    //     insertionType: DOMInsertionType.AFTER,
+    //   },
+    // },
+    // topSuggestionBarPDPMobile: {
+    //   mountingConfigId: 'topSuggestionBarPDPMobile',
+    //   containerId: 'spiffy-top-suggestion-bar-id-mobile',
+    //   testId: 'top-suggestion-bar-shadow-dom-container-mobile',
+    //   insertionPoint: {
+    //     selector: '.product-header--reviews',
+    //     insertionType: DOMInsertionType.AFTER,
+    //   },
+    //   style: {
+    //     margin: '15px 0',
+    //   },
+    // },
+    bottomSuggestionBarPDP: {
+      mountingConfigId: "bottomSuggestionBarPDP",
+      containerId: BOTTOM_REVIEWS_BAR_ID,
+      testId: BOTTOM_SUGGESTION_BAR_TESTID,
+      insertionPoint: {
+        selector: ".oke-w-header",
+        insertionType: DOMInsertionType.AFTER,
+      },
+    },
+  },
+  widgetConfigs: {
+    chatPreviewPLP: {
+      widgetConfigId: "chatPreviewPLP",
+      type: WidgetType.ChatPreview,
+      variant: "flat",
+      addSeparators: true,
+      socialProofConfig: {
+        customerQuery:
+          "asked which styles are the most comfortable for everyday wear...",
+        headerTitle: "Shopping Assistant",
+        logoName: "jack-archer-logo-dark.svg",
+        suggestionButtonStrings: [
+          "Which jacket pulls it all together?",
+          "Best gift for someone starting a new job?",
+          "Which underwear stays comfy all day?",
+          "What shirt makes style effortless?",
+        ],
+        staticPLPImageNames: [
+          "default_plp_embedded_1.webp",
+          "default_plp_embedded_2.webp",
+          "default_plp_embedded_3.webp",
+          "default_plp_embedded_4.webp",
+        ],
+        suggestionButtonVariantDefault: "secondary",
+        suggestionButtonVariantAccent: "darkAccent",
+        staticPLPImagesLayout: "grid",
+        userQueryButtonConfig: {
+          placeholderText: "What can I help you find?",
+          icon: "magnifyingGlass",
+        },
+      },
+      footerConfig: {
+        replyButtonText: "What can I help you find?",
+        replyButtonIcon: "magnifyingGlass",
+      },
+    } satisfies ChatPreviewWidgetConfig,
+
+    chatPreviewPLPForCollections1: {
+      widgetConfigId: "chatPreviewPLPForCollections1",
+      type: WidgetType.ChatPreview,
+      variant: "flat",
+      addSeparators: true,
+      socialProofConfig: {
+        customerQuery:
+          "asked which styles are the most comfortable for everyday wear...",
+        headerTitle: "Shopping Assistant",
+        logoName: "jack-archer-logo-dark.svg",
+        suggestionButtonStrings: [
+          "Which item is a must have?",
+          "Why do others love these products?",
+          "What is the return and exchange policy?",
+        ],
+        staticPLPImageNames: [
+          "default_plp_embedded_1.webp",
+          "default_plp_embedded_2.webp",
+          "default_plp_embedded_3.webp",
+          "default_plp_embedded_4.webp",
+        ],
+        suggestionButtonVariantDefault: "secondary",
+        suggestionButtonVariantAccent: "darkAccent",
+        staticPLPImagesLayout: "grid",
+        userQueryButtonConfig: {
+          placeholderText: "What can I help you find?",
+          icon: "magnifyingGlass",
+        },
+      },
+      footerConfig: {
+        replyButtonText: "What can I help you find?",
+        replyButtonIcon: "magnifyingGlass",
+      },
+    } satisfies ChatPreviewWidgetConfig,
+
+    chatPreviewPLPForCollections2: {
+      widgetConfigId: "chatPreviewPLPForCollections2",
+      type: WidgetType.ChatPreview,
+      variant: "flat",
+      addSeparators: true,
+      socialProofConfig: {
+        customerQuery:
+          "asked which styles are the most comfortable for everyday wear...",
+        headerTitle: "Shopping Assistant",
+        logoName: "jack-archer-logo-dark.svg",
+        suggestionButtonStrings: [
+          "Which bundle offers the best deal?",
+          "Why do others love these products?",
+          "What is the return and exchange policy?",
+        ],
+        staticPLPImageNames: [
+          "default_plp_embedded_1.webp",
+          "default_plp_embedded_2.webp",
+          "default_plp_embedded_3.webp",
+          "default_plp_embedded_4.webp",
+        ],
+        suggestionButtonVariantDefault: "secondary",
+        suggestionButtonVariantAccent: "darkAccent",
+        staticPLPImagesLayout: "grid",
+        userQueryButtonConfig: {
+          placeholderText: "What can I help you find?",
+          icon: "magnifyingGlass",
+        },
+      },
+      footerConfig: {
+        replyButtonText: "What can I help you find?",
+        replyButtonIcon: "magnifyingGlass",
+      },
+    } satisfies ChatPreviewWidgetConfig,
+
+    chatPreviewPDP: {
+      widgetConfigId: "chatPreviewPDP",
+      type: WidgetType.ChatPreview,
+      variant: "flat",
+      socialProofConfig: {
+        customerQuery: "wanted to know how they fit...",
+        headerTitle: "Shopping Assistant",
+        logoName: "jack-archer-logo-dark.svg",
+        suggestionButtonStrings: [
+          "How do I get the right fit?",
+          "Will this upgrade my wardrobe?",
+          "Is this made for daily wear?",
+          "How do I take care of it?",
+          "What details make this stand out?",
+        ],
+        suggestionButtonVariantAccent: "darkAccent",
+        suggestionButtonVariantDefault: "darkAccent",
+        staticPLPImagesLayout: "grid",
+        userQueryButtonConfig: {
+          placeholderText: "Ask me anything",
+          icon: "send",
+        },
+      },
+    } satisfies ChatPreviewWidgetConfig,
+
+    chatPreviewPDPForCollections: {
+      widgetConfigId: "chatPreviewPDPForCollections",
+      type: WidgetType.ChatPreview,
+      variant: "flat",
+      socialProofConfig: {
+        customerQuery: "wanted to know how they fit...",
+        headerTitle: "Shopping Assistant",
+        logoName: "jack-archer-logo-dark.svg",
+        suggestionButtonStrings: [
+          "How do I choose the right fit?",
+          "Will this upgrade my wardrobe?",
+          "What details make this stand out?",
+          "How do I take care of it?",
+          "What is the return and exchange policy?",
+        ],
+        suggestionButtonVariantAccent: "darkAccent",
+        suggestionButtonVariantDefault: "darkAccent",
+        staticPLPImagesLayout: "grid",
+        userQueryButtonConfig: {
+          placeholderText: "Ask me anything",
+          icon: "send",
+        },
+      },
+    } satisfies ChatPreviewWidgetConfig,
+
+    topSuggestionsBar: {
+      widgetConfigId: "topSuggestionsBar",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      type: WidgetType.SuggestionBarV2,
+      variant: "dark",
+      animationSpeed: "standard",
+      buttonBorderRadius: "md",
+      hoverVariant: "dark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "Why are these so comfortable?",
+          "How does it fit and feel?",
+          "How long does this fabric last?",
+          "Why do others love this product?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+
+    topSuggestionsBarMobile: {
+      widgetConfigId: "topSuggestionsBarMobile",
+      contentId: "spiffy-top-suggestion-bar-contents-mobile",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      type: WidgetType.SuggestionBarV2,
+      variant: "dark",
+      animationSpeed: "standard",
+      buttonBorderRadius: "md",
+      hoverVariant: "dark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "Why are these so comfortable?",
+          "How does it fit and feel?",
+          "How long does this fabric last?",
+          "Why do others love this product?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+
+    bottomSuggestionsBar: {
+      widgetConfigId: "bottomSuggestionsBar",
+      contentId: "spiffy-bottom-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.BOTTOM_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_BOTTOM,
+      type: WidgetType.SuggestionBarV2,
+      variant: "dark",
+      twoRowsOnMobile: true,
+      animationSpeed: "standard",
+      buttonBorderRadius: "md",
+      hoverVariant: "dark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "Why are these so comfortable?",
+          "How does it fit and feel?",
+          "How long does this fabric last?",
+          "Why do others love this product?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+
+    topSuggestionsBarCustom1: {
+      widgetConfigId: "topSuggestionsBarCustom1",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      type: WidgetType.SuggestionBarV2,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "dark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "Why are these so comfortable?",
+          "How do they fit and feel?",
+          "What material are they made from?",
+          "Why do others love them?",
+        ],
+      },
+      hoverVariant: "dark",
+      animationSpeed: "standard",
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+
+    topSuggestionsBarCustom1Mobile: {
+      widgetConfigId: "topSuggestionsBarCustom1Mobile",
+      contentId: "spiffy-top-suggestion-bar-contents-mobile",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      type: WidgetType.SuggestionBarV2,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "dark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "Why are these so comfortable?",
+          "How do they fit and feel?",
+          "What material are they made from?",
+          "Why do others love them?",
+        ],
+      },
+      hoverVariant: "dark",
+      animationSpeed: "standard",
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+
+    topSuggestionsBarCustom2: {
+      widgetConfigId: "topSuggestionsBarCustom2",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      type: WidgetType.SuggestionBarV2,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "dark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "Why is it so comfortable?",
+          "How does it fit and feel?",
+          "What material is it made from?",
+          "Why do others love it?",
+        ],
+      },
+      hoverVariant: "dark",
+      animationSpeed: "standard",
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+
+    topSuggestionsBarCustom2Mobile: {
+      widgetConfigId: "topSuggestionsBarCustom2Mobile",
+      contentId: "spiffy-top-suggestion-bar-contents-mobile",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      type: WidgetType.SuggestionBarV2,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "dark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "Why is it so comfortable?",
+          "How does it fit and feel?",
+          "What material is it made from?",
+          "Why do others love it?",
+        ],
+      },
+      hoverVariant: "dark",
+      animationSpeed: "standard",
+      buttonBorderRadius: "md",
+    } satisfies SuggestionBarWidgetV2Config,
+  },
+});
+
+const jackArcherOrgInfo = {
+  shortName: OrgShortName.JackArcher,
+  name: "Jack Archer",
+  domain: "jackarcher.com",
+  defaultProductId: "jetsetter-tech-pants-charcoal-gray",
+  alwaysEnabledMerchants: false,
+  orgUIConfig: jackArcherOrgUIConfig,
+  orgColors: () => jackArcherColors,
+  orgPageConfig: jackArcherPageConfig,
+} satisfies BasicOrgInfoType;
+
+export { jackArcherOrgInfo };