@envive-ai/react-hooks 0.1.0

package/src/merchants/pressedFloral/pressedFloral.ts

@@ -0,0 +1,734 @@
+import {
+  CHAT_PREVIEW_TESTID,
+  TOP_SUGGESTION_BAR_TESTID,
+} from "src/config/locators";
+import { OrgShortName, BasicOrgInfoType } from "src/application/models";
+import { ChatElementDisplayLocation } from "src/application/models/chatElementDisplayLocation";
+import { CdnService } from "src/application/service/cdnService";
+import { GridInsertionType } from "src/application/service/domMutations/GridInsertionService";
+import { DOMInsertionType } from "src/application/service/domMutations/domInsertionService";
+import {
+  CHAT_PREVIEW_CONTAINER_ID,
+  TOP_SUGGESTION_BAR_PDP_ID,
+} from "src/config/divIds";
+import { SuggestionBarLocationForMetrics } from "src/types/suggestionBarV2-types";
+import { defaultOrgUIConfig } from "src/merchants/default";
+import {
+  ChatPreviewWidgetConfig,
+  ColorMapping,
+  ColorNames,
+  colorVar,
+  OrgPageConfig,
+  OrgUIConfig,
+  PageVariantTestType,
+  SuggestionBarWidgetV2Config,
+  WidgetType,
+} from "src/contexts/types";
+
+const pressedFloralColors: ColorMapping = {
+  [ColorNames.TextPrimary]: "#5A5949",
+  [ColorNames.TextSecondary]: "#5A5949",
+  [ColorNames.TextAccent]: "#50301D",
+  [ColorNames.TextLink]: "#5A5949",
+  [ColorNames.TextLight]: "#FFFFFF",
+  [ColorNames.BackgroundPrimary]: "#5A5949",
+  [ColorNames.BackgroundSecondary]: "#F8F6F2",
+  [ColorNames.BackgroundSecondaryDark]: "#ECEAE6",
+  [ColorNames.BackgroundTertiary]: "#EFEFEF",
+  [ColorNames.BackgroundDark]: "#50301D",
+  [ColorNames.BackgroundLight]: "#FFFFFF",
+  [ColorNames.BackgroundSaturated]: "",
+  [ColorNames.BorderLight]: "#EEEEEE",
+  [ColorNames.BorderMedium]: "#E5E5EB",
+  [ColorNames.BorderDark]: "#343434",
+  [ColorNames.BorderOutline]: "#343434",
+  [ColorNames.AccentPrimary]: "#F8F6F2",
+  [ColorNames.AccentSecondary]: "#5A5949",
+};
+
+const pressedFloralOrgUIConfig = (): OrgUIConfig => {
+  const defaultPressedFloralOrgConfig = defaultOrgUIConfig(
+    OrgShortName.PressedFloral
+  );
+
+  return {
+    ...defaultPressedFloralOrgConfig,
+    chatMessageConfig: {
+      ...defaultPressedFloralOrgConfig.chatMessageConfig,
+      assistantChatTitle: "Ask Flora",
+    },
+    chatHeader: {
+      ...defaultPressedFloralOrgConfig.chatHeader,
+      imageSrc: CdnService.getAssetURL(
+        "small-logo.svg",
+        OrgShortName.PressedFloral
+      ),
+    },
+    floatingChatConfig: {
+      ...defaultPressedFloralOrgConfig.floatingChatConfig,
+      suggestionButtonConfig: {
+        ...defaultPressedFloralOrgConfig.floatingChatConfig
+          .suggestionButtonConfig,
+        variant: "secondary",
+        hoverVariant: "secondaryDark",
+        answerVariant: "outlined",
+      },
+    },
+    chatPreviewConfig: {
+      ...defaultPressedFloralOrgConfig.chatPreviewConfig!,
+      iconFillColor: colorVar(ColorNames.TextPrimary),
+      buttonTextColor: colorVar(ColorNames.TextPrimary),
+      buttonBackgroundColor: colorVar(ColorNames.BackgroundLight),
+      buttonBorderColor: colorVar(ColorNames.BorderOutline),
+      buttonTextHoverColor: colorVar(ColorNames.BorderOutline),
+      buttonBackgroundHoverColor: colorVar(ColorNames.BackgroundSecondaryDark),
+      topMargin: 10,
+      headerConfig: {
+        ...defaultPressedFloralOrgConfig.chatPreviewConfig!.headerConfig,
+        title: "AI Assistant",
+        imageHeight: 10,
+        imageSrc: CdnService.getAssetURL(
+          "long-logo.svg",
+          OrgShortName.PressedFloral
+        ),
+      },
+      footerConfig: {
+        ...defaultPressedFloralOrgConfig.chatPreviewConfig!.footerConfig,
+        suggestionButtonVariant: "dark",
+      },
+    },
+    floatingEntrypointConfig: {
+      ...defaultPressedFloralOrgConfig.floatingEntrypointConfig!,
+      showOption: "always",
+      expansionText: {
+        pdp: "Could this be your next keepsake?",
+        plp: "Preserving a memory or finding a gift?",
+      },
+      expandedColor: colorVar(ColorNames.BackgroundDark),
+    },
+    productCardConfig: {
+      ...defaultPressedFloralOrgConfig.productCardConfig!,
+    },
+
+    pageCardConfig: {
+      ...defaultPressedFloralOrgConfig.pageCardConfig!,
+    },
+    productReviewConfig: {
+      ...defaultPressedFloralOrgConfig.productReviewConfig!,
+    },
+    welcomeSectionConfig: {
+      ...defaultPressedFloralOrgConfig.welcomeSectionConfig!,
+      title: "Welcome to Pressed Floral AI!",
+      subtitle:
+        "Hi, I’m Flora—your Pressed Floral assistant. Let’s find the perfect frame, gift, or keepsake for your flowers.",
+    },
+
+    merchantOverrideCss: `
+      /* -------- Floating chat -------- */
+      .spiffy-welcome-section-svg-icon {
+        color: var(--spiffy-colors-accent-secondary) !important;
+      }
+
+      /* -------- Reviews card -------- */
+			
+    .spiffy-star-rating-container {
+      background-color : var(--spiffy-colors-background-light) !important;
+    }
+     
+     .spiffy-star-rating-container svg {
+       fill: var(--spiffy-colors-background-secondary) !important;
+       stroke: var(--spiffy-colors-background-secondary) !important;
+       color: var(--spiffy-colors-background-secondary) !important;
+     }
+
+     /* --- Social proof customer count text color --- */    
+    [data-testid="spiffy-social-proof-customer-count-message"] > .spiffy-tw-text-inherit{
+      color: var(--spiffy-colors-text-accent) !important;
+    }
+      [data-testid="spiffy-social-proof-customer-count-message"] > .spiffy-social-proof-customer-count{
+      color: var(--spiffy-colors-text-primary) !important;
+    }
+    
+    .spiffy-social-proof-suggestion-footer-title{
+      color: var(--spiffy-colors-text-secondary) !important;
+    }
+		 
+		 .spiffy-social-proof-header {
+			align-items: center !important;
+			gap: 0.5rem !important;
+		 }
+
+		.spiffy-social-proof-header > img{
+			height: 13px !important;
+      padding-right: 5px !important;
+		 }
+		 
+		 .spiffy-social-proof-header span {
+			display: flex !important;
+			align-items: center !important;
+		 }
+
+		 [data-testid="spiffy-user-query-button"] > svg, [data-testid="spiffy-chat-preview-user-query-button"] > svg{
+			stroke: var(--spiffy-colors-border-medium) !important;
+			fill: var(--spiffy-colors-border-medium) !important;
+			opacity: 0.5;
+		 }
+
+		 /* User message background color override */
+		 .spiffy-tw-bg-\\[--spiffy-colors-background-dark\\]:has([id^="user-msg-"]) {
+			background-color: #525143 !important;
+		 }
+
+		 /* Suggestion button SVG color */
+		 [data-testid="spiffy-scrollable-suggestions"] > div > [data-testid="spiffy-suggestion-button"] > svg {
+			stroke: var(--spiffy-colors-text-primary) !important;
+			fill: var(--spiffy-colors-text-primary) !important;
+			color: var(--spiffy-colors-text-primary) !important;
+		 }
+
+     /* Responsive order for chatPreviewPLP in the grid */
+     :root {
+       --chat-preview-order-plp: 5;
+     }
+     @media (max-width: 1057px) {
+       :root {
+        --chat-preview-order-plp: 4;
+       }
+     }
+     @media (max-width: 609px) {
+       :root {
+         --chat-preview-order-plp: 3;
+       }
+     }
+    `,
+  };
+};
+
+const pressedFloralPageConfig = (): OrgPageConfig => ({
+  pageVariants: [
+    {
+      variantId: "plp",
+      variantType: "plp",
+      variantTests: [{ testType: PageVariantTestType.UrlResolver }],
+      plpIdExtractor: "url-resolver-plp-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPLP",
+          widgetConfigId: "chatPreviewPLP",
+        },
+      ],
+    },
+    {
+      variantId: "pdpPressedFrame",
+      variantType: "pdp",
+      variantTests: [
+        { testType: PageVariantTestType.UrlResolver },
+        {
+          testType: PageVariantTestType.ProductId,
+          productIdExtractor: "url-resolver-product-id",
+          productIds: ["pressed-frame-1"],
+        },
+      ],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionBarPressedFrame",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDPStepNav",
+          widgetConfigId: "topSuggestionBarPressedFrame",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDPVariants",
+          widgetConfigId: "topSuggestionBarPressedFrame",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+      ],
+    },
+    {
+      variantId: "pdpBloomArrangement",
+      variantType: "pdp",
+      variantTests: [
+        { testType: PageVariantTestType.UrlResolver },
+        {
+          testType: PageVariantTestType.ProductId,
+          productIdExtractor: "url-resolver-product-id",
+          productIds: ["bloom-arrangement-recreation-1"],
+        },
+      ],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionBarBloomArrangement",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDPStepNav",
+          widgetConfigId: "topSuggestionBarBloomArrangement",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDPVariants",
+          widgetConfigId: "topSuggestionBarBloomArrangement",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+      ],
+    },
+    {
+      variantId: "pdpBirthFlowerCollection",
+      variantType: "pdp",
+      variantTests: [
+        { testType: PageVariantTestType.UrlResolver },
+        {
+          testType: PageVariantTestType.ProductId,
+          productIdExtractor: "url-resolver-product-id",
+          productIds: [
+            "birth-flower-mini-necklace",
+            "birth-flower-necklace",
+            "birth-flower-charm",
+            "birth-flower-ring",
+          ],
+        },
+      ],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionBarBirthFlowerCollection",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDPStepNav",
+          widgetConfigId: "topSuggestionBarBirthFlowerCollection",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDPVariants",
+          widgetConfigId: "topSuggestionBarBirthFlowerCollection",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+      ],
+    },
+    {
+      variantId: "pdpOrnamentCollection",
+      variantType: "pdp",
+      variantTests: [
+        { testType: PageVariantTestType.UrlResolver },
+        {
+          testType: PageVariantTestType.ProductId,
+          productIdExtractor: "url-resolver-product-id",
+          productIds: ["birth-flower-ornament", "custom-ornament"],
+        },
+      ],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionBarOrnamentCollection",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDPStepNav",
+          widgetConfigId: "topSuggestionBarOrnamentCollection",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDPVariants",
+          widgetConfigId: "topSuggestionBarOrnamentCollection",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+      ],
+    },
+    {
+      variantId: "pdpPressedFloralNecklace",
+      variantType: "pdp",
+      variantTests: [
+        { testType: PageVariantTestType.UrlResolver },
+        {
+          testType: PageVariantTestType.ProductId,
+          productIdExtractor: "url-resolver-product-id",
+          productIds: ["pressed-floral-necklace"],
+        },
+      ],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionBarPressedFloralNecklace",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDPStepNav",
+          widgetConfigId: "topSuggestionBarPressedFloralNecklace",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDPVariants",
+          widgetConfigId: "topSuggestionBarPressedFloralNecklace",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+      ],
+    },
+    {
+      variantId: "pdpPressedFloralLocket",
+      variantType: "pdp",
+      variantTests: [
+        { testType: PageVariantTestType.UrlResolver },
+        {
+          testType: PageVariantTestType.ProductId,
+          productIdExtractor: "url-resolver-product-id",
+          productIds: [
+            "forget-me-not-locket",
+            "custom-locket",
+            "birth-flower-locket",
+          ],
+        },
+      ],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionBarPressedFloralLocket",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDPStepNav",
+          widgetConfigId: "topSuggestionBarPressedFloralLocket",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDPVariants",
+          widgetConfigId: "topSuggestionBarPressedFloralLocket",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+      ],
+    },
+    {
+      variantId: "pdp",
+      variantType: "pdp",
+      variantTests: [{ testType: PageVariantTestType.UrlResolver }],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionBar",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDPStepNav",
+          widgetConfigId: "topSuggestionBar",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "topSuggestionBarPDPVariants",
+          widgetConfigId: "topSuggestionBar",
+        },
+      ],
+    },
+  ],
+  widgetConfigs: {
+    topSuggestionBar: {
+      type: WidgetType.SuggestionBarV2,
+      widgetConfigId: "topSuggestionsBar",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "dark",
+      hoverVariant: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "How do I care for it?",
+          "What are the materials?",
+          "Can I customize this?",
+          "What makes this a keepsake?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionBarPressedFrame: {
+      type: WidgetType.SuggestionBarV2,
+      widgetConfigId: "topSuggestionsBarPressedFrame",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "dark",
+      hoverVariant: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "How does this process work?",
+          "What size should I choose for my flowers?",
+          "How soon do you need my flowers after the event?",
+          "Will I get to see the final design before it's sent?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionBarBloomArrangement: {
+      type: WidgetType.SuggestionBarV2,
+      widgetConfigId: "topSuggestionsBarBloomArrangement",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "dark",
+      hoverVariant: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "How is this different from the Pressed Frame option?",
+          "How do you recreate my arrangement?",
+          "What do I need to provide to get started?",
+          "Can I choose the types and colors of flowers?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionBarBirthFlowerCollection: {
+      type: WidgetType.SuggestionBarV2,
+      widgetConfigId: "topSuggestionsBarBirthFlowerCollection",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "dark",
+      hoverVariant: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "Is this made with real flowers?",
+          "What's the length of the chain?",
+          "Is it real gold?",
+          "How do I care for it?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionBarOrnamentCollection: {
+      type: WidgetType.SuggestionBarV2,
+      widgetConfigId: "topSuggestionsBarOrnamentCollection",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "dark",
+      hoverVariant: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "What are my options for customizing it?",
+          "What is it made from?",
+          "What makes this a keepsake?",
+          "How do I care for it?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionBarPressedFloralNecklace: {
+      type: WidgetType.SuggestionBarV2,
+      widgetConfigId: "topSuggestionsBarPressedFloralNecklace",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "dark",
+      hoverVariant: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "What is inside the necklace?",
+          "Do I need to send my own flowers?",
+          "How do I care for it?",
+          "What are the materials?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+    topSuggestionBarPressedFloralLocket: {
+      type: WidgetType.SuggestionBarV2,
+      widgetConfigId: "topSuggestionsBarPressedFloralLocket",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "dark",
+      hoverVariant: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "Summarize the reviews",
+          "What is inside the locket?",
+          "Do I need to send my own flowers?",
+          "How do I care for it?",
+          "What are the materials?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+    chatPreviewPLP: {
+      widgetConfigId: "chatPreviewPLP",
+      type: WidgetType.ChatPreview,
+      variant: "filled",
+      addSeparators: false,
+      socialProofConfig: {
+        staticPLPImagesLayout: "grid",
+        logoName: "long-logo.svg",
+        customerQuery: "asked how the preservation process works.",
+        headerTitle: "AI Assistant",
+        suggestionButtonStrings: [
+          "Which keepsake is the most popular?",
+          "What do clients say about their experience?",
+          "What are your top gifts?",
+          "How can I customize these pieces? ",
+          "Which items are best for preserving a single bloom?",
+        ],
+        staticPLPImageNames: ["plp1.png", "plp2.png", "plp3.png", "plp4.png"],
+        suggestionButtonVariantDefault: "dark",
+        suggestionButtonVariantAccent: "dark",
+        userQueryButtonConfig: {
+          placeholderText: "What questions do you have?",
+          icon: "magnifyingGlass",
+        },
+      },
+    } satisfies ChatPreviewWidgetConfig,
+    chatPreviewPDP: {
+      widgetConfigId: "chatPreviewPDP",
+      type: WidgetType.ChatPreview,
+      variant: "filled",
+      addSeparators: false,
+      socialProofConfig: {
+        staticPLPImagesLayout: "horizontal",
+        logoName: "long-logo.svg",
+        customerQuery: "asked what moment they should preserve.",
+        headerTitle: "AI Assistant",
+        suggestionButtonStrings: [
+          "What do reviewers think?",
+          "How do I send my flowers to you?",
+          "If I don't have flowers to send you, can you still create something?",
+          "How long does the preservation process take?",
+          "How long do these pieces last?",
+        ],
+        staticImageIndex: 0,
+        suggestionButtonVariantDefault: "dark",
+        suggestionButtonVariantAccent: "dark",
+        userQueryButtonConfig: {
+          placeholderText: "Ask me anything",
+          icon: "send",
+        },
+      },
+    } satisfies ChatPreviewWidgetConfig,
+  },
+  mountingConfigs: {
+    chatPreviewPLP: {
+      mountingConfigId: "chatPreviewPLP",
+      containerId: CHAT_PREVIEW_CONTAINER_ID,
+      testId: CHAT_PREVIEW_TESTID,
+      insertionPoint: {
+        selector: ".grid.collection-grid",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      style: {
+        marginBottom: "24px",
+        marginLeft: "20px",
+        marginRight: "auto",
+        width: "100%",
+        gridColumn: "1 / -1",
+        gridRow: "2 / 3",
+        order: "var(--chat-preview-order-plp, 5)",
+        paddingTop: "24px",
+        paddingBottom: "24px",
+        borderTop: `solid 1px ${pressedFloralColors[ColorNames.BorderLight]}`,
+        borderBottom: `solid 1px ${
+          pressedFloralColors[ColorNames.BorderLight]
+        }`,
+      },
+      gridInsertionType: GridInsertionType.FIXED_2,
+      wrappingElement: {
+        element: "div",
+        className: "grid-item",
+        insertionType: DOMInsertionType.AFTER,
+      },
+    },
+    chatPreviewPDP: {
+      mountingConfigId: "chatPreviewPDP",
+      containerId: CHAT_PREVIEW_CONTAINER_ID,
+      testId: CHAT_PREVIEW_TESTID,
+      insertionPoint: {
+        selector:
+          ".shopify-section.type_Carousel_Info_Popup, .shopify-section.type_Product_Main",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      style: {
+        width: "95%",
+        marginTop: "40px",
+        marginLeft: "auto",
+        marginRight: "auto",
+        paddingTop: "24px",
+        paddingBottom: "24px",
+        borderTop: `solid 1px ${pressedFloralColors[ColorNames.BorderLight]}`,
+        borderBottom: `solid 1px ${
+          pressedFloralColors[ColorNames.BorderLight]
+        }`,
+      },
+    },
+    topSuggestionBarPDP: {
+      mountingConfigId: "topSuggestionBarPDP",
+      containerId: TOP_SUGGESTION_BAR_PDP_ID,
+      testId: TOP_SUGGESTION_BAR_TESTID,
+      insertionPoint: {
+        selector: ".product-title-wrapper",
+        insertionType: DOMInsertionType.ADJACENT_BEFORE_END,
+      },
+      style: {
+        marginTop: "15px",
+      },
+    },
+    topSuggestionBarPDPStepNav: {
+      mountingConfigId: "topSuggestionBarPDPStepNav",
+      containerId: "spiffy-top-suggestion-bar-step-nav-id",
+      testId: TOP_SUGGESTION_BAR_TESTID,
+      insertionPoint: {
+        selector: ".step-nav > div:first-child",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      style: {
+        marginTop: "15px",
+      },
+    },
+    topSuggestionBarPDPVariants: {
+      mountingConfigId: "topSuggestionBarPDPVariants",
+      containerId: "spiffy-top-suggestion-bar-variants-id",
+      testId: TOP_SUGGESTION_BAR_TESTID,
+      insertionPoint: {
+        selector:
+          ".module.variants.custom-box.block-variants.scheme.color-scheme-1.same-scheme",
+        insertionType: DOMInsertionType.BEFORE,
+      },
+      style: {
+        marginBottom: "15px",
+        marginTop: "-15px",
+        width: "100%",
+        maxWidth: "100%",
+        boxSizing: "border-box",
+      },
+    },
+  },
+});
+
+const pressedFloralOrgInfo = {
+  shortName: OrgShortName.PressedFloral,
+  name: "Pressed Floral AI",
+  domain: "pressedfloral.com",
+  defaultProductId: "default-product-id",
+  alwaysEnabledMerchants: true,
+  orgUIConfig: pressedFloralOrgUIConfig,
+  orgColors: () => pressedFloralColors,
+  orgPageConfig: pressedFloralPageConfig,
+} satisfies BasicOrgInfoType;
+
+export {
+  pressedFloralOrgInfo,
+  pressedFloralOrgUIConfig,
+  pressedFloralColors,
+  pressedFloralPageConfig,
+};