@envive-ai/react-hooks 0.1.0

package/src/merchants/homegrownCannabis/homegrownCannabis.ts

@@ -0,0 +1,468 @@
+import {
+  CHAT_PREVIEW_TESTID,
+  TOP_SUGGESTION_BAR_TESTID,
+  BOTTOM_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 {
+  CustomerServiceIntegrationMode,
+  CustomerServiceType,
+} from "src/application/service/customerService/types";
+import { DOMInsertionType } from "src/application/service/domMutations/domInsertionService";
+import {
+  CHAT_PREVIEW_CONTAINER_ID,
+  TOP_SUGGESTION_BAR_PDP_ID,
+  BOTTOM_REVIEWS_BAR_ID,
+} from "src/config/divIds";
+import { 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 homegrownCannabisColors: ColorMapping = {
+  [ColorNames.TextPrimary]: "#181D19",
+  [ColorNames.TextSecondary]: "#6B6D76",
+  [ColorNames.TextAccent]: "#05C87B",
+  [ColorNames.TextLink]: "#181D19",
+  [ColorNames.TextLight]: "#FFFFFF",
+  [ColorNames.BackgroundPrimary]: "#FFE18D",
+  [ColorNames.BackgroundSecondary]: "#F6FBF3",
+  [ColorNames.BackgroundSecondaryDark]: "#EAEEE7",
+  [ColorNames.BackgroundTertiary]: "#D1E8D5",
+  [ColorNames.BackgroundDark]: "#2C322D",
+  [ColorNames.BackgroundLight]: "#FFFFFF",
+  [ColorNames.BackgroundSaturated]: "#CCCCCC",
+  [ColorNames.BorderLight]: "#CBCBCB",
+  [ColorNames.BorderMedium]: "#CBCBCB",
+  [ColorNames.BorderDark]: "#3C3C3C",
+  [ColorNames.BorderOutline]: "#2C322D",
+  [ColorNames.AccentPrimary]: "#05C87B",
+  [ColorNames.AccentSecondary]: "#E5F5E6",
+};
+
+const homegrownCannabisOrgUIConfig = (): OrgUIConfig => {
+  const defaultHomegrownCannabisOrgConfig = defaultOrgUIConfig(
+    OrgShortName.HomegrownCannabis
+  );
+
+  return {
+    ...defaultHomegrownCannabisOrgConfig,
+    chatMessageConfig: {
+      ...defaultHomegrownCannabisOrgConfig.chatMessageConfig,
+      assistantChatTitle: "Homegrown Assistant",
+    },
+    chatHeader: {
+      ...defaultHomegrownCannabisOrgConfig.chatHeader,
+      imageSrc: CdnService.getAssetURL(
+        "homegrown-cannabis-logo.svg",
+        OrgShortName.HomegrownCannabis
+      ),
+      customerSupportSwitchConfig: {
+        ...defaultHomegrownCannabisOrgConfig.chatHeader
+          .customerSupportSwitchConfig!,
+        supportTitle: "Live Support",
+        spiffyTitle: "Shop with AI",
+        spiffyTitleHasLogo: true,
+        backgroundColor: colorVar(ColorNames.BackgroundDark),
+        borderColor: colorVar(ColorNames.BackgroundDark),
+        selectedTextColor: colorVar(ColorNames.TextLight),
+        selectedBackgroundColor: colorVar(ColorNames.BackgroundDark),
+        unselectedTextColor: colorVar(ColorNames.BackgroundDark),
+        unselectedBackgroundColor: "transparent",
+      },
+    },
+    chatPreviewConfig: {
+      ...defaultHomegrownCannabisOrgConfig.chatPreviewConfig!,
+      headerConfig: {
+        ...defaultHomegrownCannabisOrgConfig.chatPreviewConfig!.headerConfig,
+      },
+      footerConfig: {
+        ...defaultHomegrownCannabisOrgConfig.chatPreviewConfig!.footerConfig,
+      },
+    },
+    floatingEntrypointConfig: {
+      ...defaultHomegrownCannabisOrgConfig.floatingEntrypointConfig!,
+      showOption: "always",
+      expansionText: {
+        pdp: "What can we help you find?",
+        plp: "What can we help you find?",
+      },
+      iconFillColor: colorVar(ColorNames.BackgroundDark),
+      expandedColor: colorVar(ColorNames.BackgroundDark),
+    },
+    productCardConfig: {
+      ...defaultHomegrownCannabisOrgConfig.productCardConfig!,
+    },
+
+    pageCardConfig: {
+      ...defaultHomegrownCannabisOrgConfig.pageCardConfig!,
+    },
+    productReviewConfig: {
+      ...defaultHomegrownCannabisOrgConfig.productReviewConfig!,
+    },
+    welcomeSectionConfig: {
+      ...defaultHomegrownCannabisOrgConfig.welcomeSectionConfig!,
+      title: "Welcome to Homegrown’s Grow Assistant!",
+      subtitle:
+        "Let’s find the perfect items for your next grow — whether it’s your first time planting or you’re a seasoned grower, I’ll help you pick the right fit for your vibe, goals, and grow setup.",
+    },
+    customerServiceIntegration: {
+      integrationMode: CustomerServiceIntegrationMode.simple,
+      provider: CustomerServiceType.gorgias,
+    },
+    merchantOverrideCss: `
+    /* -------- Customer Support Switch Styles -------- */
+    [data-testid="spiffy-switch-to-ai-assistant-button"] {
+      background-color: var(--spiffy-colors-background-dark) !important;
+      border-color: var(--spiffy-colors-background-dark) !important;
+      color: var(--spiffy-colors-text-light) !important;
+    }
+    
+    [data-testid="spiffy-switch-to-live-agent-button"] {
+      background-color: transparent !important;
+      border-color: var(--spiffy-colors-background-dark) !important;
+      color: var(--spiffy-colors-background-dark) !important;
+    }
+    
+    [data-testid="spiffy-switch-to-ai-assistant-button"]:hover {
+      background-color: var(--spiffy-colors-background-dark) !important;
+      color: var(--spiffy-colors-text-light) !important;
+    }
+    
+    [data-testid="spiffy-switch-to-live-agent-button"]:hover {
+      background-color: var(--spiffy-colors-background-dark) !important;
+      color: var(--spiffy-colors-text-light) !important;
+    }
+    
+    #spiffy-modal-container {
+      z-index: 2147483647 !important;
+    }
+    
+    .spiffy-chat-header-close-button {
+      background-color: var(--spiffy-colors-background-dark);
+      color: var(--spiffy-colors-background-primary);
+    }
+
+		.spiffy-welcome-section-message-title {
+			font-weight: 600;
+		}
+
+		.spiffy-button-base-button svg {
+      fill: var(--spiffy-colors-text-link) !important;
+			stroke: var(--spiffy-colors-text-link) !important;
+      
+    }
+
+		.spiffy-assistant-message-header-text {
+			font-weight: 600;
+			font-size: 14px;
+		}
+
+		#spiffy-ai-chat-preview-contents > div > div > div > div > div > div > button {
+			background: var(--spiffy-colors-background-dark) !important;
+		}
+
+		.spiffy-social-proof-content-button .spiffy-button-base-button > svg {
+    	fill: var(--spiffy-colors-accent-primary) !important;
+    	stroke: var(--spiffy-colors-accent-primary) !important;
+		}
+
+		.spiffy-chat-preview-footer-container div div div button > svg {
+    	fill: var(--spiffy-colors-accent-primary) !important;
+    	stroke: var(--spiffy-colors-accent-primary) !important;
+		}
+			
+		/* Top suggestion bar button and icon styles */
+		#spiffy-top-suggestion-bar-contents > div > div > div > div > button {
+			color: var(--spiffy-colors-text-primary) !important;
+			background: var(--spiffy-colors-background-secondary) !important;
+			border: 1px solid var(--spiffy-colors-background-secondary-dark) !important;
+			border-radius: 8px !important;
+		}
+		#spiffy-top-suggestion-bar-contents > div > div > div > div > button > svg {
+    	fill: var(--spiffy-colors-accent-primary) !important;
+    	stroke: var(--spiffy-colors-accent-primary) !important;
+		}
+
+		/* Bottom suggestion bar button and icon styles */
+		#spiffy-bottom-suggestion-bar-contents > div > div > div > div > button {
+			color: var(--spiffy-colors-text-light) !important;
+			background: var(--spiffy-colors-background-dark) !important;
+			border-radius: 8px !important;
+		}
+
+		#spiffy-bottom-suggestion-bar-contents > div > div > div > div > button > svg {
+    	fill: var(--spiffy-colors-accent-primary) !important;
+    	stroke: var(--spiffy-colors-accent-primary) !important;
+		}
+
+		/* Hover styles for chat preview, top suggestion , and bottom suggestion buttons */
+		#spiffy-ai-chat-preview-contents > div > div > div > div > div > div > button:hover,
+		#spiffy-top-suggestion-bar-contents > div > div > div > div > button:hover,
+		#spiffy-bottom-suggestion-bar-contents > div > div > div > div > button:hover,
+		.spiffy-chat-preview-footer-container div div div button:hover {
+    	background: var(--spiffy-colors-background-tertiary) !important;
+			color: var(--spiffy-colors-text-primary) !important;
+		}
+
+
+    [data-testid="spiffy-social-proof-customer-count-message"] > .spiffy-tw-text-inherit{
+      color: var(--spiffy-colors-text-primary) !important;
+    }
+    [data-testid="spiffy-social-proof-customer-count-message"] > .spiffy-social-proof-customer-count{
+      color: var(--spiffy-colors-text-accent) !important;
+    }
+    .spiffy-social-proof-suggestion-footer-title{
+      color: var(--spiffy-colors-text-secondary) !important;
+    }
+
+    [data-testid="spiffy-user-query-button"] > svg {
+      stroke: var(--spiffy-colors-border-medium) !important;
+      fill: var(--spiffy-colors-border-medium) !important;
+      opacity: 0.5;
+    }
+      
+    [data-testid="spiffy-scrollable-suggestions"] > div > [data-testid="spiffy-suggestion-button"] > svg {
+			fill: var(--spiffy-colors-accent-primary) !important;
+    	stroke: var(--spiffy-colors-accent-primary) !important;
+			color: var(--spiffy-colors-accent-primary) !important;
+		 } 
+
+     [data-testid="spiffy-product-card"]{
+      border-radius: 8px !important;
+     }
+    `,
+  };
+};
+
+const homegrownCannabisPageConfig = (): OrgPageConfig => ({
+  pageVariants: [
+    {
+      variantId: "plp",
+      variantType: "plp",
+      variantTests: [{ testType: PageVariantTestType.UrlResolver }],
+      plpIdExtractor: "url-resolver-plp-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "chatPreviewPLP",
+          widgetConfigId: "chatPreviewPLP",
+        },
+      ],
+    },
+    {
+      variantId: "pdp",
+      variantType: "pdp",
+      variantTests: [{ testType: PageVariantTestType.UrlResolver }],
+      productIdExtractor: "url-resolver-product-id",
+      widgetMounting: [
+        {
+          mountingConfigId: "topSuggestionBarPDP",
+          widgetConfigId: "topSuggestionBar",
+        },
+        {
+          mountingConfigId: "chatPreviewPDP",
+          widgetConfigId: "chatPreviewPDP",
+        },
+        {
+          mountingConfigId: "bottomSuggestionBarPDP",
+          widgetConfigId: "bottomSuggestionBar",
+        },
+      ],
+    },
+  ],
+  widgetConfigs: {
+    topSuggestionBar: {
+      type: WidgetType.SuggestionBarV2,
+      widgetConfigId: "topSuggestionsBar",
+      contentId: "spiffy-top-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.TOP_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_TOP,
+      variant: "secondary",
+      hoverVariant: "secondaryDark",
+      animationSpeed: "slow",
+      buttonTexts: {
+        default: [
+          "What are people saying in the reviews?",
+          "What do growers love about it?",
+          "Did people grow this indoors, outdoors, or both?",
+          "What kind of yields are people seeing?",
+          "How do users describe the effects?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+    chatPreviewPLP: {
+      widgetConfigId: "chatPreviewPLP",
+      type: WidgetType.ChatPreview,
+      variant: "filled",
+      addSeparators: false,
+      socialProofConfig: {
+        staticPLPImagesLayout: "grid",
+        logoName: "homegrown-cannabis-logo.svg",
+        customerQuery: "asked which products are the best.",
+        headerTitle: "Shopping Assistant",
+        suggestionButtonStrings: [
+          "What’s good for beginners?",
+          "Which strains  have the highest potency?",
+          "Should I choose indica, sativa, or hybrid?",
+          "Can you help me choose based on the effects I want?",
+          "What grows best indoors or outdoors?",
+        ],
+        staticPLPImageNames: [
+          "plp-Image1.png",
+          "plp-Image2.png",
+          "plp-Image3.png",
+          "plp-image4.png",
+        ],
+        suggestionButtonVariantDefault: "secondary",
+        suggestionButtonVariantAccent: "darkAccent",
+        userQueryButtonConfig: {
+          placeholderText: "What can I help you find?",
+          icon: "searchIcon",
+        },
+      },
+    } satisfies ChatPreviewWidgetConfig,
+    chatPreviewPDP: {
+      widgetConfigId: "chatPreviewPDP",
+      type: WidgetType.ChatPreview,
+      variant: "filled",
+      addSeparators: false,
+      socialProofConfig: {
+        staticPLPImagesLayout: "horizontal",
+        logoName: "homegrown-cannabis-logo.svg",
+        customerQuery: "asked which products are the best.",
+        headerTitle: "Shopping Assistant",
+        suggestionButtonStrings: [
+          "How long does this strain take to grow?",
+          "What’s the flavor and aroma profile like?",
+          "Does it grow better indoors or outdoors?",
+          "What kind of effects do people feel?",
+          "Is this strain beginner-friendly?",
+        ],
+        staticImageIndex: 0,
+        suggestionButtonVariantDefault: "secondary",
+        suggestionButtonVariantAccent: "primary",
+        userQueryButtonConfig: {
+          placeholderText: "Ask me anything",
+          icon: "send",
+        },
+      },
+    } satisfies ChatPreviewWidgetConfig,
+    bottomSuggestionBar: {
+      type: WidgetType.SuggestionBarV2,
+      widgetConfigId: "bottomSuggestionsBar",
+      contentId: "spiffy-bottom-suggestion-bar-contents",
+      metricDisplayLocation: ChatElementDisplayLocation.BOTTOM_REVIEWS_SNIPPET,
+      location: SuggestionBarLocationForMetrics.SUGGESTION_BAR_BOTTOM,
+      variant: "dark",
+      hoverVariant: "secondaryDark",
+      buttonTexts: {
+        default: [
+          "What are people saying in the reviews?",
+          "What do growers love about it?",
+          "Did people grow this indoors, outdoors, or both?",
+          "What kind of yields are people seeing?",
+          "How do users describe the effects?",
+        ],
+      },
+    } satisfies SuggestionBarWidgetV2Config,
+  },
+  mountingConfigs: {
+    chatPreviewPLP: {
+      mountingConfigId: "chatPreviewPLP",
+      containerId: CHAT_PREVIEW_CONTAINER_ID,
+      testId: CHAT_PREVIEW_TESTID,
+      insertionPoint: {
+        selector: ".products-grid",
+        insertionType: DOMInsertionType.APPEND_CHILD,
+      },
+      style: {
+        marginTop: "24px",
+        marginBottom: "24px",
+        paddingBottom: "24px",
+        paddingTop: "24px",
+        borderTop: `solid 1px ${
+          homegrownCannabisColors[ColorNames.BorderLight]
+        }`,
+        borderBottom: `solid 1px ${
+          homegrownCannabisColors[ColorNames.BorderLight]
+        }`,
+        order: "2",
+        width: "100%",
+      },
+    },
+    chatPreviewPDP: {
+      mountingConfigId: "chatPreviewPDP",
+      containerId: CHAT_PREVIEW_CONTAINER_ID,
+      testId: CHAT_PREVIEW_TESTID,
+      insertionPoint: {
+        selector: "#nav-cultivar-profile",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      style: {
+        marginBottom: "24px",
+        paddingBottom: "24px",
+        paddingTop: "24px",
+        borderTop: `solid 1px ${
+          homegrownCannabisColors[ColorNames.BorderLight]
+        }`,
+        borderBottom: `solid 1px ${
+          homegrownCannabisColors[ColorNames.BorderLight]
+        }`,
+      },
+    },
+    topSuggestionBarPDP: {
+      mountingConfigId: "topSuggestionBarPDP",
+      containerId: TOP_SUGGESTION_BAR_PDP_ID,
+      testId: TOP_SUGGESTION_BAR_TESTID,
+      insertionPoint: {
+        selector: ".product-additional-info",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      style: {
+        marginBottom: "16px",
+      },
+    },
+    bottomSuggestionBarPDP: {
+      mountingConfigId: "bottomSuggestionBarPDP",
+      containerId: BOTTOM_REVIEWS_BAR_ID,
+      testId: BOTTOM_SUGGESTION_BAR_TESTID,
+      insertionPoint: {
+        selector: ".yotpo-media-gallery-container",
+        insertionType: DOMInsertionType.AFTER,
+      },
+      style: {
+        marginTop: "32px",
+        marginBottom: "32px",
+      },
+    },
+  },
+});
+
+const homegrownCannabisOrgInfo = {
+  shortName: OrgShortName.HomegrownCannabis,
+  name: "Homegrown Cannabis Co. AI",
+  domain: "homegrowncannabis.com",
+  defaultProductId: "red-runtz-feminized-marijuana-seeds",
+  alwaysEnabledMerchants: true,
+  orgUIConfig: homegrownCannabisOrgUIConfig,
+  orgColors: () => homegrownCannabisColors,
+  orgPageConfig: homegrownCannabisPageConfig,
+} satisfies BasicOrgInfoType;
+
+export {
+  homegrownCannabisOrgInfo,
+  homegrownCannabisOrgUIConfig,
+  homegrownCannabisColors,
+  homegrownCannabisPageConfig,
+};

package/src/merchants/init-merchant.sh

@@ -0,0 +1,53 @@
+#!/bin/bash
+
+ORG_SHORT_NAME=$1 # e.g. unique-vintage
+
+# Convert org name to camelCase for file prefix (e.g., unique-vintage -> uniqueVintage)
+FILE_PREFIX=$(echo "$ORG_SHORT_NAME" | awk 'BEGIN{FS="-";OFS=""} {for(i=1;i<=NF;i++){if(i==1){$i=tolower($i)}else{$i=toupper(substr($i,1,1)) substr($i,2)}}}1')
+
+# Convert org name to PascalCase for class name (e.g., unique-vintage -> UniqueVintage)
+CLASS_NAME=$(echo "$ORG_SHORT_NAME" | awk 'BEGIN{FS="-";OFS=""} {for(i=1;i<=NF;i++){$i=toupper(substr($i,1,1)) substr($i,2)}}1')
+
+DIR_NAME=$FILE_PREFIX
+echo "Initializing merchant, name: $DIR_NAME, file prefix: $FILE_PREFIX, class name: $CLASS_NAME..."
+
+BASE_ORG_SHORT_NAME="unique-vintage"
+BASE_DIR_NAME="uniqueVintage"
+BASE_FILE_PREFIX="uniqueVintage"
+BASE_CLASS_NAME="UniqueVintage"
+
+if [ -z "$DIR_NAME" ]; then
+  echo "Merchant name is required"
+  exit 1
+fi
+
+mkdir -p $DIR_NAME
+mkdir -p $DIR_NAME/application/configs
+mkdir -p $DIR_NAME/application/services
+mkdir -p $DIR_NAME/views
+
+cp -r $BASE_DIR_NAME/application/configs/* $DIR_NAME/application/configs/
+cp -r $BASE_DIR_NAME/application/services/* $DIR_NAME/application/services/
+cp -r $BASE_DIR_NAME/views/* $DIR_NAME/views/
+
+# Replace the uses of BASE_ORG_SHORT_NAME to ORG_SHORT_NAME for all files
+find "$DIR_NAME" -type f -exec sed -i '' "s/$BASE_ORG_SHORT_NAME/$ORG_SHORT_NAME/g" {} +
+
+# Replace the uses of BASE_FILE_PREFIX to FILE_PREFIX for all files
+find "$DIR_NAME" -type f -exec sed -i '' "s/$BASE_FILE_PREFIX/$FILE_PREFIX/g" {} +
+
+# Replace the uses of BASE_DIR_NAME to DIR_NAME for all files
+find "$DIR_NAME" -type f -exec sed -i '' "s/$BASE_DIR_NAME/$DIR_NAME/g" {} +
+
+# Replace the uses of BASE_CLASS_NAME to CLASS_NAME for all files
+find "$DIR_NAME" -type f -exec sed -i '' "s/$BASE_CLASS_NAME/$CLASS_NAME/g" {} +
+
+# Rename files that replace the base prefix
+find "$DIR_NAME" -type f -name "*$BASE_FILE_PREFIX*" | while read file; do
+    newfile=$(echo "$file" | sed "s/$BASE_FILE_PREFIX/$FILE_PREFIX/")
+    mv "$file" "$newfile"
+done
+
+echo "Merchant initialization complete!"
+
+