@envive-ai/react-hooks 0.1.5 → 0.1.6

package/src/merchants/longevityrx/longevityrx.ts

@@ -4,9 +4,9 @@ import {
 } 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 { getCdnAssetURL } from "src/application/utils/cdnUtils";
+import { GridInsertionType } from "src/merchants/gridInsertion";
+import { DOMInsertionType } from "src/merchants/domInsertion";
 import {
   CHAT_PREVIEW_CONTAINER_ID,
   TOP_SUGGESTION_BAR_PDP_ID,
@@ -59,8 +59,8 @@ const longevityrxOrgUIConfig = (): OrgUIConfig => {
     },
     chatHeader: {
       ...defaultLongevityrxOrgConfig.chatHeader,
-      imageSrc: CdnService.getAssetURL(
-        "longevityrx-logo.svg",
+      imageSrc: getCdnAssetURL(
+        "longevity-rx-logo.svg",
         OrgShortName.Longevityrx
       ),
     },
@@ -73,7 +73,7 @@ const longevityrxOrgUIConfig = (): OrgUIConfig => {
       iconFillColor: colorVar(ColorNames.AccentPrimary),
       headerConfig: {
         ...defaultLongevityrxOrgConfig.chatPreviewConfig!.headerConfig,
-        imageSrc: CdnService.getAssetURL(
+        imageSrc: getCdnAssetURL(
           "longevityrx-logo.svg",
           OrgShortName.Longevityrx
         ),
@@ -255,7 +255,10 @@ const longevityrxPageConfig = (): OrgPageConfig => ({
       addSeparators: false,
       socialProofConfig: {
         staticPLPImagesLayout: "grid",
-        logoName: "longevityrx-logo.svg",
+        logoName: getCdnAssetURL(
+          "longevityrx-logo.svg",
+          OrgShortName.Longevityrx
+        ),
         customerQuery:
           "are talking about which products help them feel more resilient.",
         headerTitle: "Shopping Assistant",
@@ -288,7 +291,10 @@ const longevityrxPageConfig = (): OrgPageConfig => ({
       addSeparators: false,
       socialProofConfig: {
         staticPLPImagesLayout: "horizontal",
-        logoName: "longevityrx-logo.svg",
+        logoName: getCdnAssetURL(
+          "longevityrx-logo.svg",
+          OrgShortName.Longevityrx
+        ),
         customerQuery: "asked “what are the top benefits?”",
         headerTitle: "Shopping Assistant",
         suggestionButtonStrings: [

package/src/merchants/lookOptic/lookOptic.ts

@@ -4,9 +4,9 @@ import {
 } 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 { getCdnAssetURL } from "src/application/utils/cdnUtils";
+import { GridInsertionType } from "src/merchants/gridInsertion";
+import { DOMInsertionType } from "src/merchants/domInsertion";
 import {
   CHAT_PREVIEW_CONTAINER_ID,
   TOP_SUGGESTION_BAR_PDP_ID,
@@ -27,7 +27,7 @@ import {
 import {
   CustomerServiceIntegrationMode,
   CustomerServiceType,
-} from "src/application/service/customerService/types";
+} from "src/types/customerService";
 
 const lookOpticColors: ColorMapping = {
   [ColorNames.TextPrimary]: "#101010",
@@ -61,7 +61,7 @@ const lookOpticOrgUIConfig = (): OrgUIConfig => {
     },
     chatHeader: {
       ...defaultLookOpticOrgConfig.chatHeader,
-      imageSrc: CdnService.getAssetURL("lookOlogo.png", OrgShortName.LookOptic),
+      imageSrc: getCdnAssetURL("lookOlogo.png", OrgShortName.LookOptic),
       customerSupportSwitchConfig: {
         ...defaultLookOpticOrgConfig.chatHeader.customerSupportSwitchConfig!,
         supportTitle: "Live Support",
@@ -92,7 +92,7 @@ const lookOpticOrgUIConfig = (): OrgUIConfig => {
       buttonBackgroundHoverColor: colorVar(ColorNames.BackgroundSecondaryDark),
       headerConfig: {
         ...defaultLookOpticOrgConfig.chatPreviewConfig!.headerConfig,
-        imageSrc: CdnService.getAssetURL(
+        imageSrc: getCdnAssetURL(
           "lookOlogoSocialProof.svg",
           OrgShortName.LookOptic
         ),

package/src/merchants/mantraBrand/mantraBrand.ts

@@ -12,13 +12,13 @@ import {
   FeatureGates,
 } from "src/application/models";
 import { ChatElementDisplayLocation } from "src/application/models/chatElementDisplayLocation";
-import { CdnService } from "src/application/service/cdnService";
+import { getCdnAssetURL } from "src/application/utils/cdnUtils";
 import {
   CustomerServiceIntegrationMode,
   CustomerServiceType,
-} from "src/application/service/customerService/types";
-import { GridInsertionType } from "src/application/service/domMutations/GridInsertionService";
-import { DOMInsertionType } from "src/application/service/domMutations/domInsertionService";
+} from "src/types/customerService";
+import { GridInsertionType } from "src/merchants/gridInsertion";
+import { DOMInsertionType } from "src/merchants/domInsertion";
 import {
   CHAT_PREVIEW_CONTAINER_ID,
   BOTTOM_REVIEWS_BAR_ID,
@@ -84,7 +84,7 @@ const mantraBrandOrgUIConfig = (): OrgUIConfig => {
     chatHeader: {
       ...defaultMantraBrandOrgConfig.chatHeader,
       expandedColor: colorVar(ColorNames.BackgroundPrimary),
-      imageSrc: CdnService.getAssetURL(
+      imageSrc: getCdnAssetURL(
         "mantra-brand-logo-white.png",
         OrgShortName.MantraBrand
       ),
@@ -141,7 +141,7 @@ const mantraBrandOrgUIConfig = (): OrgUIConfig => {
       headerConfig: {
         ...defaultMantraBrandOrgConfig.chatPreviewConfig!.headerConfig!,
         imageHeight: 24,
-        imageSrc: CdnService.getAssetURL(
+        imageSrc: getCdnAssetURL(
           "mantra-brand-logo-charcoal.png",
           OrgShortName.MantraBrand
         ),
@@ -625,7 +625,10 @@ const mantraPageConfig = (): OrgPageConfig => ({
       addSeparators: true,
       socialProofConfig: {
         staticPLPImagesLayout: "grid",
-        logoName: "mantra-brand-logo.svg",
+        logoName: getCdnAssetURL(
+          "mantra-brand-logo.svg",
+          OrgShortName.MantraBrand
+        ),
         customerQuery: "asked which bracelets are best for gift giving...",
         headerTitle: "SHOPPING ASSISTANT",
         headerFontFamily: "DIN",
@@ -656,7 +659,10 @@ const mantraPageConfig = (): OrgPageConfig => ({
       variant: "flat",
       addSeparators: true,
       socialProofConfig: {
-        logoName: "mantra-brand-logo.svg",
+        logoName: getCdnAssetURL(
+          "mantra-brand-logo.svg",
+          OrgShortName.MantraBrand
+        ),
         customerQuery: "asked what others love about this product.",
         headerTitle: "SHOPPING ASSISTANT",
         headerFontFamily: "DIN",

package/src/merchants/medterra/medterra.ts

@@ -4,9 +4,9 @@ import {
 } 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 { getCdnAssetURL } from "src/application/utils/cdnUtils";
+import { GridInsertionType } from "src/merchants/gridInsertion";
+import { DOMInsertionType } from "src/merchants/domInsertion";
 import {
   CHAT_PREVIEW_CONTAINER_ID,
   TOP_SUGGESTION_BAR_PDP_ID,
@@ -27,7 +27,7 @@ import {
 import {
   CustomerServiceIntegrationMode,
   CustomerServiceType,
-} from "src/application/service/customerService/types";
+} from "src/types/customerService";
 
 const medterraColors: ColorMapping = {
   [ColorNames.TextPrimary]: "#353535",
@@ -61,10 +61,7 @@ const medterraOrgUIConfig = (): OrgUIConfig => {
     },
     chatHeader: {
       ...defaultMedterraOrgConfig.chatHeader,
-      imageSrc: CdnService.getAssetURL(
-        "Medterra_Logo_LT.svg",
-        OrgShortName.Medterra
-      ),
+      imageSrc: getCdnAssetURL("Medterra_Logo_LT.svg", OrgShortName.Medterra),
     },
     chatPreviewConfig: {
       ...defaultMedterraOrgConfig.chatPreviewConfig!,
@@ -76,7 +73,7 @@ const medterraOrgUIConfig = (): OrgUIConfig => {
       buttonBackgroundHoverColor: colorVar(ColorNames.BackgroundSecondaryDark),
       headerConfig: {
         ...defaultMedterraOrgConfig.chatPreviewConfig!.headerConfig,
-        imageSrc: CdnService.getAssetURL(
+        imageSrc: getCdnAssetURL(
           "Medterra-dark-logo.png",
           OrgShortName.Medterra
         ),
@@ -394,7 +391,10 @@ const medterraPageConfig = (): OrgPageConfig => ({
       addSeparators: false,
       socialProofConfig: {
         staticPLPImagesLayout: "grid",
-        logoName: "Medterra-dark-logo.png",
+        logoName: getCdnAssetURL(
+          "Medterra-dark-logo.png",
+          OrgShortName.Medterra
+        ),
         customerQuery:
           "asked which products are best for those who are new to CBD?",
         headerTitle: "Shopping Assistant",
@@ -427,7 +427,10 @@ const medterraPageConfig = (): OrgPageConfig => ({
       addSeparators: false,
       socialProofConfig: {
         staticPLPImagesLayout: "horizontal",
-        logoName: "Medterra-dark-logo.png",
+        logoName: getCdnAssetURL(
+          "Medterra-dark-logo.png",
+          OrgShortName.Medterra
+        ),
         customerQuery: "asked how long it takes to feel the effects",
         headerTitle: "Shopping Assistant",
         suggestionButtonStrings: [

package/src/merchants/modells/modells.ts

@@ -4,9 +4,9 @@ import {
 } 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 { getCdnAssetURL } from "src/application/utils/cdnUtils";
+import { GridInsertionType } from "src/merchants/gridInsertion";
+import { DOMInsertionType } from "src/merchants/domInsertion";
 import {
   CHAT_PREVIEW_CONTAINER_ID,
   TOP_SUGGESTION_BAR_PDP_ID,
@@ -56,10 +56,7 @@ const modellsOrgUIConfig = (): OrgUIConfig => {
     },
     chatHeader: {
       ...defaultModellsOrgConfig.chatHeader,
-      imageSrc: CdnService.getAssetURL(
-        "modells-logo-tiny.png",
-        OrgShortName.Modells
-      ),
+      imageSrc: getCdnAssetURL("modells-logo-tiny.png", OrgShortName.Modells),
     },
     chatPreviewConfig: {
       ...defaultModellsOrgConfig.chatPreviewConfig!,
@@ -442,7 +439,7 @@ const modellsPageConfig = (): OrgPageConfig => ({
       variant: "filled",
       socialProofConfig: {
         staticPLPImagesLayout: "grid",
-        logoName: "modells-logo-tiny.png",
+        logoName: getCdnAssetURL("modells-logo-tiny.png", OrgShortName.Modells),
         customerQuery: "asked what are other fans buying?",
         headerTitle: "Shopping Assistant",
         suggestionButtonStrings: [
@@ -473,7 +470,7 @@ const modellsPageConfig = (): OrgPageConfig => ({
       addSeparators: true,
       socialProofConfig: {
         staticPLPImagesLayout: "horizontal",
-        logoName: "modells-logo-tiny.png",
+        logoName: getCdnAssetURL("modells-logo-tiny.png", OrgShortName.Modells),
         customerQuery: "asked for help picking the perfect fan gear.",
         headerTitle: "Shopping Assistant",
         suggestionButtonStrings: [

package/src/merchants/pressedFloral/pressedFloral.ts

@@ -4,9 +4,9 @@ import {
 } 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 { getCdnAssetURL } from "src/application/utils/cdnUtils";
+import { GridInsertionType } from "src/merchants/gridInsertion";
+import { DOMInsertionType } from "src/merchants/domInsertion";
 import {
   CHAT_PREVIEW_CONTAINER_ID,
   TOP_SUGGESTION_BAR_PDP_ID,
@@ -59,10 +59,7 @@ const pressedFloralOrgUIConfig = (): OrgUIConfig => {
     },
     chatHeader: {
       ...defaultPressedFloralOrgConfig.chatHeader,
-      imageSrc: CdnService.getAssetURL(
-        "small-logo.svg",
-        OrgShortName.PressedFloral
-      ),
+      imageSrc: getCdnAssetURL("small-logo.svg", OrgShortName.PressedFloral),
     },
     floatingChatConfig: {
       ...defaultPressedFloralOrgConfig.floatingChatConfig,
@@ -87,10 +84,7 @@ const pressedFloralOrgUIConfig = (): OrgUIConfig => {
         ...defaultPressedFloralOrgConfig.chatPreviewConfig!.headerConfig,
         title: "AI Assistant",
         imageHeight: 10,
-        imageSrc: CdnService.getAssetURL(
-          "long-logo.svg",
-          OrgShortName.PressedFloral
-        ),
+        imageSrc: getCdnAssetURL("long-logo.svg", OrgShortName.PressedFloral),
       },
       footerConfig: {
         ...defaultPressedFloralOrgConfig.chatPreviewConfig!.footerConfig,
@@ -572,7 +566,7 @@ const pressedFloralPageConfig = (): OrgPageConfig => ({
       addSeparators: false,
       socialProofConfig: {
         staticPLPImagesLayout: "grid",
-        logoName: "long-logo.svg",
+        logoName: getCdnAssetURL("long-logo.svg", OrgShortName.PressedFloral),
         customerQuery: "asked how the preservation process works.",
         headerTitle: "AI Assistant",
         suggestionButtonStrings: [
@@ -598,7 +592,7 @@ const pressedFloralPageConfig = (): OrgPageConfig => ({
       addSeparators: false,
       socialProofConfig: {
         staticPLPImagesLayout: "horizontal",
-        logoName: "long-logo.svg",
+        logoName: getCdnAssetURL("long-logo.svg", OrgShortName.PressedFloral),
         customerQuery: "asked what moment they should preserve.",
         headerTitle: "AI Assistant",
         suggestionButtonStrings: [

package/src/merchants/skinPerfection/skinPerfection.ts

@@ -4,8 +4,8 @@ import {
 } 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 { getCdnAssetURL } from "src/application/utils/cdnUtils";
+import { DOMInsertionType } from "src/merchants/domInsertion";
 import {
   CHAT_PREVIEW_CONTAINER_ID,
   TOP_SUGGESTION_BAR_PDP_ID,
@@ -22,7 +22,7 @@ import {
   SuggestionBarWidgetV2Config,
   WidgetType,
 } from "src/contexts/types";
-import { GridInsertionType } from "src/application/service/domMutations/GridInsertionService";
+import { GridInsertionType } from "src/merchants/gridInsertion";
 
 const skinPerfectionColors: ColorMapping = {
   [ColorNames.TextPrimary]: "#121212",
@@ -63,7 +63,7 @@ const skinPerfectionOrgUIConfig = (): OrgUIConfig => {
     },
     chatHeader: {
       ...defaultSkinPerfectionOrgConfig.chatHeader,
-      imageSrc: CdnService.getAssetURL(
+      imageSrc: getCdnAssetURL(
         "skin-perfection-logo.svg",
         OrgShortName.SkinPerfection
       ),
@@ -90,7 +90,7 @@ const skinPerfectionOrgUIConfig = (): OrgUIConfig => {
       headerConfig: {
         ...defaultSkinPerfectionOrgConfig.chatPreviewConfig!.headerConfig,
         title: "Skin Perfection Assistant",
-        imageSrc: CdnService.getAssetURL(
+        imageSrc: getCdnAssetURL(
           "skin-perfection-logo.svg",
           OrgShortName.SkinPerfection
         ),
@@ -262,7 +262,10 @@ const skinPerfectionPageConfig = (): OrgPageConfig => ({
       addSeparators: true,
       socialProofConfig: {
         staticPLPImagesLayout: "grid",
-        logoName: "skin-perfection-logo.svg",
+        logoName: getCdnAssetURL(
+          "skin-perfection-logo.svg",
+          OrgShortName.SkinPerfection
+        ),
         customerQuery: "asked which products target wrinkles?",
         headerTitle: "Skin Perfection Assistant",
         suggestionButtonStrings: [
@@ -294,7 +297,10 @@ const skinPerfectionPageConfig = (): OrgPageConfig => ({
       addSeparators: true,
       socialProofConfig: {
         staticPLPImagesLayout: "horizontal",
-        logoName: "skin-perfection-logo.svg",
+        logoName: getCdnAssetURL(
+          "skin-perfection-logo.svg",
+          OrgShortName.SkinPerfection
+        ),
         customerQuery: "asked how will this improve my skin?",
         headerTitle: "Skin Perfection Assistant",
         suggestionButtonStrings: [

package/src/merchants/snapSupplements/snapSupplements.ts

@@ -4,9 +4,9 @@ import {
 } 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 { getCdnAssetURL } from "src/application/utils/cdnUtils";
+import { GridInsertionType } from "src/merchants/gridInsertion";
+import { DOMInsertionType } from "src/merchants/domInsertion";
 import {
   CHAT_PREVIEW_CONTAINER_ID,
   TOP_SUGGESTION_BAR_PDP_ID,
@@ -59,10 +59,7 @@ const snapSupplementsOrgUIConfig = (): OrgUIConfig => {
     },
     chatHeader: {
       ...defaultSnapSupplementsOrgConfig.chatHeader,
-      imageSrc: CdnService.getAssetURL(
-        "snap-logo2.png",
-        OrgShortName.SnapSupplements
-      ),
+      imageSrc: getCdnAssetURL("snap-logo2.png", OrgShortName.SnapSupplements),
     },
     chatPreviewConfig: {
       ...defaultSnapSupplementsOrgConfig.chatPreviewConfig!,
@@ -210,7 +207,10 @@ const snapSupplementsPageConfig = (): OrgPageConfig => ({
       addSeparators: false,
       socialProofConfig: {
         staticPLPImagesLayout: "grid",
-        logoName: "snap-logo1.png",
+        logoName: getCdnAssetURL(
+          "snap-logo1.png",
+          OrgShortName.SnapSupplements
+        ),
         customerQuery: 'asked "what are the main benefits?"',
         headerTitle: "Shopping Assistant",
         suggestionButtonStrings: [
@@ -239,10 +239,13 @@ const snapSupplementsPageConfig = (): OrgPageConfig => ({
       widgetConfigId: "chatPreviewPDP",
       type: WidgetType.ChatPreview,
       variant: "filled",
-      addSeparators: false,
+      addSeparators: true,
       socialProofConfig: {
         staticPLPImagesLayout: "horizontal",
-        logoName: "snap-logo1.png",
+        logoName: getCdnAssetURL(
+          "snap-logo1.png",
+          OrgShortName.SnapSupplements
+        ),
         customerQuery: 'asked "what results did others see?"',
         headerTitle: "Shopping Assistant",
         suggestionButtonStrings: [

package/src/merchants/spanx/spanx.ts

@@ -7,13 +7,13 @@ import {
 import { GrClose } from "react-icons/gr";
 import { OrgShortName, BasicOrgInfoType } from "src/application/models";
 import { ChatElementDisplayLocation } from "src/application/models/chatElementDisplayLocation";
-import { CdnService } from "src/application/service/cdnService";
+import { getCdnAssetURL } from "src/application/utils/cdnUtils";
 import {
   CustomerServiceIntegrationMode,
   CustomerServiceType,
-} from "src/application/service/customerService/types";
-import { GridInsertionType } from "src/application/service/domMutations/GridInsertionService";
-import { DOMInsertionType } from "src/application/service/domMutations/domInsertionService";
+} from "src/types/customerService";
+import { GridInsertionType } from "src/merchants/gridInsertion";
+import { DOMInsertionType } from "src/merchants/domInsertion";
 import {
   BOTTOM_PLP_IMAGE_BANNER_ID,
   BOTTOM_REVIEWS_BAR_ID,
@@ -427,7 +427,7 @@ const spanxOrgUIConfig = (): OrgUIConfig => {
       buttonBackgroundHoverColor: colorVar(ColorNames.AccentPrimary),
       headerConfig: {
         ...defaultSpanxOrgConfig.chatPreviewConfig!.headerConfig!,
-        imageSrc: CdnService.getAssetURL("spanx-logo.svg", OrgShortName.Spanx),
+        imageSrc: getCdnAssetURL("spanx-logo.svg", OrgShortName.Spanx),
         imageHeight: 16,
         title: "AI Assistant",
         sparklesColor: colorVar(ColorNames.AccentPrimary),
@@ -538,7 +538,7 @@ const spanxOrgUIConfig = (): OrgUIConfig => {
     },
     chatHeader: {
       ...defaultSpanxOrgConfig.chatHeader,
-      imageSrc: CdnService.getAssetURL("spanx-logo.svg", OrgShortName.Spanx),
+      imageSrc: getCdnAssetURL("spanx-logo.svg", OrgShortName.Spanx),
       collapsedColor: colorVar(ColorNames.BackgroundSecondaryDark),
       expandedColor: colorVar(ColorNames.BackgroundLight),
       chevronColor: colorVar(ColorNames.BackgroundDark),

package/src/merchants/spanx/spanxStaging.ts

@@ -18,13 +18,13 @@ import { GrClose } from "react-icons/gr";
 import { OrgShortName, BasicOrgInfoType } from "src/application/models";
 import { ChatElementDisplayLocation } from "src/application/models/chatElementDisplayLocation";
 import { FeatureGates } from "src/application/models/featureGates";
-import { CdnService } from "src/application/service/cdnService";
+import { getCdnAssetURL } from "src/application/utils/cdnUtils";
 import {
   CustomerServiceIntegrationMode,
   CustomerServiceType,
-} from "src/application/service/customerService/types";
-import { GridInsertionType } from "src/application/service/domMutations/GridInsertionService";
-import { DOMInsertionType } from "src/application/service/domMutations/domInsertionService";
+} from "src/types/customerService";
+import { GridInsertionType } from "src/merchants/gridInsertion";
+import { DOMInsertionType } from "src/merchants/domInsertion";
 import {
   BOTTOM_PLP_IMAGE_BANNER_ID,
   BOTTOM_REVIEWS_BAR_ID,
@@ -553,10 +553,7 @@ const spanxOrgUIConfig = (): OrgUIConfig => {
       buttonBackgroundHoverColor: colorVar(ColorNames.AccentPrimary),
       headerConfig: {
         ...defaultSpanxOrgConfig.chatPreviewConfig!.headerConfig!,
-        imageSrc: CdnService.getAssetURL(
-          "spanx-logo.svg",
-          OrgShortName.SpanxStaging
-        ),
+        imageSrc: getCdnAssetURL("spanx-logo.svg", OrgShortName.SpanxStaging),
         imageHeight: 16,
         title: "AI Assistant",
         sparklesColor: colorVar(ColorNames.AccentPrimary),
@@ -667,10 +664,7 @@ const spanxOrgUIConfig = (): OrgUIConfig => {
     },
     chatHeader: {
       ...defaultSpanxOrgConfig.chatHeader,
-      imageSrc: CdnService.getAssetURL(
-        "spanx-logo.svg",
-        OrgShortName.SpanxStaging
-      ),
+      imageSrc: getCdnAssetURL("spanx-logo.svg", OrgShortName.SpanxStaging),
       collapsedColor: colorVar(ColorNames.BackgroundSecondaryDark),
       expandedColor: colorVar(ColorNames.BackgroundLight),
       chevronColor: colorVar(ColorNames.BackgroundDark),

package/src/merchants/supergoop/supergoop.ts

@@ -8,10 +8,9 @@ import { ChatElementDisplayLocation } from "src/application/models/chatElementDi
 import {
   CustomerServiceIntegrationMode,
   CustomerServiceType,
-} from "src/application/service/customerService/types";
-import { DOMInsertionType } from "src/application/service/domMutations/domInsertionService";
-import { GridInsertionType } from "src/application/service/domMutations/GridInsertionService";
-import SupergoopWhiteLogo from "@envive-ai/react-icons/SupergoopWhiteLogo";
+} from "src/types/customerService";
+import { DOMInsertionType } from "src/merchants/domInsertion";
+import { GridInsertionType } from "src/merchants/gridInsertion";
 import {
   CHAT_PREVIEW_CONTAINER_ID,
   TOP_SUGGESTION_BAR_PDP_ID,
@@ -74,14 +73,14 @@ const supergoopOrgUIConfig = (): OrgUIConfig => {
         plp: "Hear from others who have tried it!",
       },
     },
-    chatHeader: {
-      ...defaultSupergoopOrgConfig.chatHeader,
-      icon: SupergoopWhiteLogo,
-      customerSupportSwitchConfig: {
-        ...defaultSupergoopOrgConfig.chatHeader.customerSupportSwitchConfig!,
-        supportTitle: "Customer Care Team",
-      },
-    },
+    // chatHeader: {
+    //   ...defaultSupergoopOrgConfig.chatHeader,
+    //   icon: SupergoopWhiteLogo,
+    //   customerSupportSwitchConfig: {
+    //     ...defaultSupergoopOrgConfig.chatHeader.customerSupportSwitchConfig!,
+    //     supportTitle: "Customer Care Team",
+    //   },
+    // },
     welcomeSectionConfig: {
       ...defaultSupergoopOrgConfig.welcomeSectionConfig!,
       title: "Welcome to Supergoop! AI",

package/src/merchants/uniqueVintage/uniqueVintage.ts

@@ -1,6 +1,6 @@
-import { CdnService } from "src/application/service/cdnService";
-import { GridInsertionType } from "src/application/service/domMutations/GridInsertionService";
-import { DOMInsertionType } from "src/application/service/domMutations/domInsertionService";
+import { getCdnAssetURL } from "src/application/utils/cdnUtils";
+import { GridInsertionType } from "src/merchants/gridInsertion";
+import { DOMInsertionType } from "src/merchants/domInsertion";
 import { defaultOrgUIConfig } from "src/merchants/default";
 import {
   CategoryExtractorType,
@@ -19,7 +19,7 @@ import {
 import {
   CustomerServiceIntegrationMode,
   CustomerServiceType,
-} from "src/application/service/customerService/types";
+} from "src/types/customerService";
 import {
   CHAT_PREVIEW_TESTID,
   TOP_SUGGESTION_BAR_TESTID,
@@ -76,7 +76,7 @@ const uniqueVintageOrgUIConfig = (): OrgUIConfig => {
       ...defaultUniqueVintageOrgConfig.chatHeader,
       chevronColor: colorVar(ColorNames.BackgroundDark),
       expandedColor: colorVar(ColorNames.BackgroundPrimary),
-      imageSrc: CdnService.getAssetURL(
+      imageSrc: getCdnAssetURL(
         "unique-vintage-long-logo.png",
         OrgShortName.UniqueVintage
       ),
@@ -124,7 +124,7 @@ const uniqueVintageOrgUIConfig = (): OrgUIConfig => {
         title: "Shopping Assistant",
         sparklesColor: undefined,
         imageHeight: 24,
-        imageSrc: CdnService.getAssetURL(
+        imageSrc: getCdnAssetURL(
           "unique-vintage-long-logo.png",
           OrgShortName.UniqueVintage
         ),

package/src/merchants/venaCbd/venaCbd.ts

@@ -4,13 +4,13 @@ import {
 } 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 { getCdnAssetURL } from "src/application/utils/cdnUtils";
 import {
   CustomerServiceIntegrationMode,
   CustomerServiceType,
-} from "src/application/service/customerService/types";
-import { GridInsertionType } from "src/application/service/domMutations/GridInsertionService";
-import { DOMInsertionType } from "src/application/service/domMutations/domInsertionService";
+} from "src/types/customerService";
+import { GridInsertionType } from "src/merchants/gridInsertion";
+import { DOMInsertionType } from "src/merchants/domInsertion";
 import {
   CHAT_PREVIEW_CONTAINER_ID,
   TOP_SUGGESTION_BAR_PDP_ID,
@@ -61,16 +61,13 @@ const venaCbdOrgUIConfig = (): OrgUIConfig => {
     },
     chatHeader: {
       ...defaultVenaCbdOrgConfig.chatHeader,
-      imageSrc: CdnService.getAssetURL("vena-logo2.png", OrgShortName.VenaCbd),
+      imageSrc: getCdnAssetURL("vena-logo2.png", OrgShortName.VenaCbd),
     },
     chatPreviewConfig: {
       ...defaultVenaCbdOrgConfig.chatPreviewConfig!,
       headerConfig: {
         ...defaultVenaCbdOrgConfig.chatPreviewConfig!.headerConfig,
-        imageSrc: CdnService.getAssetURL(
-          "vena-logo1.png",
-          OrgShortName.VenaCbd
-        ),
+        imageSrc: getCdnAssetURL("vena-logo1.png", OrgShortName.VenaCbd),
         iconHeight: "12px",
         iconWidth: "12px",
       },