@envive-ai/react-hooks 0.1.4 → 0.1.6

package/src/merchants/carpe/carpe.ts

@@ -6,9 +6,9 @@ import {
 } from "src/config/locators";
 import { BasicOrgInfoType, OrgShortName } 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,
@@ -62,10 +62,7 @@ const carpeOrgUIConfig = (): OrgUIConfig => {
     },
     chatHeader: {
       ...defaultCarpeOrgConfig.chatHeader,
-      imageSrc: CdnService.getAssetURL(
-        "carpe-logo-white.svg",
-        OrgShortName.Carpe
-      ),
+      imageSrc: getCdnAssetURL("carpe-logo-white.svg", OrgShortName.Carpe),
     },
     chatPreviewConfig: {
       ...defaultCarpeOrgConfig.chatPreviewConfig!,
@@ -78,7 +75,7 @@ const carpeOrgUIConfig = (): OrgUIConfig => {
 
       headerConfig: {
         ...defaultCarpeOrgConfig.chatPreviewConfig!.headerConfig,
-        imageSrc: CdnService.getAssetURL("carpe-logo.svg", OrgShortName.Carpe),
+        imageSrc: getCdnAssetURL("carpe-logo.svg", OrgShortName.Carpe),
         imageHeight: 16,
         title: "SHOPPING ASSISTANT",
       },

package/src/merchants/coterie/coterie.ts

@@ -8,8 +8,8 @@ import {
   OrgShortName,
 } 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 {
   SPIFFY_SOCIAL_PROOF_SUGGESTION_BUTTON_CLASS,
   SPIFFY_SOCIAL_PROOF_SUGGESTION_BUTTON_TEXT_CLASS,
@@ -224,10 +224,7 @@ const coterieOrgUIConfig = (): OrgUIConfig => {
     },
     chatHeader: {
       ...defaultCoterieOrgConfig.chatHeader,
-      imageSrc: CdnService.getAssetURL(
-        "coterie-logo-white.png",
-        OrgShortName.Coterie
-      ),
+      imageSrc: getCdnAssetURL("coterie-logo-white.png", OrgShortName.Coterie),
     },
 
     floatingChatConfig: {

package/src/merchants/default.ts

@@ -1,8 +1,11 @@
-import { BasicOrgInfoType, OrgShortName } from 'src/application/models/supportedOrgs';
+import {
+  BasicOrgInfoType,
+  OrgShortName,
+} from "src/application/models/supportedOrgs";
 import {
   CustomerServiceIntegrationMode,
   CustomerServiceType,
-} from 'src/application/service/customerService/types';
+} from "src/types/customerService";
 import {
   ColorMapping,
   ColorNames,
@@ -10,17 +13,17 @@ import {
   OrgPageConfig,
   OrgUIConfig,
   PageVariantTestType,
-} from 'src/contexts/types';
+} from "src/contexts/types";
 
 const defaultOrgUIConfig = (orgShortName: string): OrgUIConfig => ({
   shortName: orgShortName,
   chatMessageConfig: {
-    assistantChatTitle: 'Shopping Assistant',
-    variant: 'accent',
+    assistantChatTitle: "Shopping Assistant",
+    variant: "accent",
     productLink: {
-      variant: 'textLink',
-      iconVariant: 'backgroundPrimary',
-      hoverVariant: 'backgroundDark',
+      variant: "textLink",
+      iconVariant: "backgroundPrimary",
+      hoverVariant: "backgroundDark",
     },
   },
   floatingChatConfig: {
@@ -28,13 +31,13 @@ const defaultOrgUIConfig = (orgShortName: string): OrgUIConfig => ({
     neverShowSingleProductCards: false,
     userQueryInputEnabled: true,
     suggestionButtonConfig: {
-      variant: 'secondary',
-      hoverVariant: 'dark',
-      answerVariant: 'outlined',
+      variant: "secondary",
+      hoverVariant: "dark",
+      answerVariant: "outlined",
     },
     replyInputConfig: {
-      size: 'md',
-      sendIcon: 'send',
+      size: "md",
+      sendIcon: "send",
     },
   },
   chatHeader: {
@@ -44,18 +47,18 @@ const defaultOrgUIConfig = (orgShortName: string): OrgUIConfig => ({
     headerBarHeightPartialView: 31,
     headerBarHeightFullView: 20,
     customerSupportSwitchConfig: {
-      variant: 'attached',
+      variant: "attached",
       borderColor: colorVar(ColorNames.BackgroundLight),
       selectedTextColor: colorVar(ColorNames.TextPrimary),
       backgroundColor: colorVar(ColorNames.BackgroundLight),
       unselectedTextColor: colorVar(ColorNames.TextLight),
-      supportTitle: 'Live Support',
-      spiffyTitle: 'Shop with AI',
+      supportTitle: "Live Support",
+      spiffyTitle: "Shop with AI",
       spiffyTitleHasLogo: false,
     },
   },
   chatPreviewConfig: {
-    variant: 'flat',
+    variant: "flat",
     largeProductComparison: false,
     filledBackgroundColor: colorVar(ColorNames.BackgroundLight),
     topMargin: 5,
@@ -70,66 +73,66 @@ const defaultOrgUIConfig = (orgShortName: string): OrgUIConfig => ({
     },
     footerConfig: {
       hasFade: true,
-      suggestionButtonVariant: 'dark',
+      suggestionButtonVariant: "dark",
       suggestionsBackground: colorVar(ColorNames.BackgroundLight),
-      replyButtonIcon: 'send',
-      replyButtonText: 'What can I help you find?',
+      replyButtonIcon: "send",
+      replyButtonText: "What can I help you find?",
       replyInputHasShadow: true,
       replyInputHasBorder: false,
     },
     headerConfig: {
-      title: 'Shopping Assistant',
+      title: "Shopping Assistant",
       imageHeight: 30,
-      iconWidth: '24px',
-      iconHeight: '24px',
+      iconWidth: "24px",
+      iconHeight: "24px",
     },
   },
   floatingEntrypointConfig: {
-    position: 'middle-right',
+    position: "middle-right",
     expansionText: {
-      pdp: 'Question about our products?',
-      plp: 'Need help deciding?',
+      pdp: "Question about our products?",
+      plp: "Need help deciding?",
     },
     minimizedColor: colorVar(ColorNames.BackgroundPrimary),
     expandedColor: colorVar(ColorNames.BackgroundPrimary),
     textColor: colorVar(ColorNames.TextLight),
-    showOption: 'always',
+    showOption: "always",
     fontSize: 14,
   },
   pageCardConfig: {
-    variant: 'filled',
-    hoverVariant: 'shadow',
-    iconVariant: 'primary',
+    variant: "filled",
+    hoverVariant: "shadow",
+    iconVariant: "primary",
   },
   productCardConfig: {
-    variant: 'filled',
-    hoverVariant: 'backgroundDark',
-    layoutVariant: 'normal',
+    variant: "filled",
+    hoverVariant: "backgroundDark",
+    layoutVariant: "normal",
   },
   partialViewConfig: {
     maxHeight: 89,
-    borderRadius: '16px',
+    borderRadius: "16px",
   },
   productReviewConfig: {
-    styleVariant: 'standard',
-    colorVariant: 'neutral',
-    verifiedBuyerTitle: 'Verified Buyer',
+    styleVariant: "standard",
+    colorVariant: "neutral",
+    verifiedBuyerTitle: "Verified Buyer",
     incentivizedReviewFlag: false,
   },
   welcomeSectionConfig: {
-    variant: 'standard',
-    colorVariant: 'standard',
-    title: 'Welcome!',
-    subtitle: 'Here to answer all of your questions!',
+    variant: "standard",
+    colorVariant: "standard",
+    title: "Welcome!",
+    subtitle: "Here to answer all of your questions!",
     // icon: Sparkles,
-    iconName: 'sparkles', // Using serializable icon name instead of React component
+    iconName: "sparkles", // Using serializable icon name instead of React component
   },
   customerServiceIntegration: {
     integrationMode: CustomerServiceIntegrationMode.none,
     provider: CustomerServiceType.unsupported,
     businessHoursPolling: 30000, // 30s
     reopenChatMessage:
-      '👋👋 Hey there! Want to continue the conversation or need more help? Click below to start a new message.',
+      "👋👋 Hey there! Want to continue the conversation or need more help? Click below to start a new message.",
   },
   searchConfig: {
     enableGlobalSearch: false,
@@ -138,40 +141,40 @@ const defaultOrgUIConfig = (orgShortName: string): OrgUIConfig => ({
 });
 
 const defaultColors: ColorMapping = {
-  [ColorNames.TextPrimary]: '#000000',
-  [ColorNames.TextSecondary]: '#666666',
-  [ColorNames.TextAccent]: '#808080',
-  [ColorNames.TextLink]: '#4D4D4D',
-  [ColorNames.TextLight]: '#FFFFFF',
-  [ColorNames.BackgroundPrimary]: '#999999',
-  [ColorNames.BackgroundSecondary]: '#F2F2F2',
-  [ColorNames.BackgroundSecondaryDark]: '#E5E5E5',
-  [ColorNames.BackgroundTertiary]: '#E5E5E5',
-  [ColorNames.BackgroundDark]: '#000000',
-  [ColorNames.BackgroundLight]: '#FFFFFF',
-  [ColorNames.BackgroundSaturated]: '#CCCCCC',
-  [ColorNames.BorderLight]: '#E5E5E5',
-  [ColorNames.BorderMedium]: '#B2B2B2',
-  [ColorNames.BorderDark]: '#4D4D4D',
-  [ColorNames.BorderOutline]: '#4D4D4D',
-  [ColorNames.AccentPrimary]: '#999999',
-  [ColorNames.AccentSecondary]: '#B2B2B2',
+  [ColorNames.TextPrimary]: "#000000",
+  [ColorNames.TextSecondary]: "#666666",
+  [ColorNames.TextAccent]: "#808080",
+  [ColorNames.TextLink]: "#4D4D4D",
+  [ColorNames.TextLight]: "#FFFFFF",
+  [ColorNames.BackgroundPrimary]: "#999999",
+  [ColorNames.BackgroundSecondary]: "#F2F2F2",
+  [ColorNames.BackgroundSecondaryDark]: "#E5E5E5",
+  [ColorNames.BackgroundTertiary]: "#E5E5E5",
+  [ColorNames.BackgroundDark]: "#000000",
+  [ColorNames.BackgroundLight]: "#FFFFFF",
+  [ColorNames.BackgroundSaturated]: "#CCCCCC",
+  [ColorNames.BorderLight]: "#E5E5E5",
+  [ColorNames.BorderMedium]: "#B2B2B2",
+  [ColorNames.BorderDark]: "#4D4D4D",
+  [ColorNames.BorderOutline]: "#4D4D4D",
+  [ColorNames.AccentPrimary]: "#999999",
+  [ColorNames.AccentSecondary]: "#B2B2B2",
 };
 
 const defaultPageConfig = (): OrgPageConfig => ({
   pageVariants: [
     {
-      variantId: 'plp',
-      variantType: 'plp',
+      variantId: "plp",
+      variantType: "plp",
       variantTests: [{ testType: PageVariantTestType.UrlResolver }],
-      plpIdExtractor: 'url-resolver-plp-id',
+      plpIdExtractor: "url-resolver-plp-id",
       widgetMounting: [],
     },
     {
-      variantId: 'pdp',
-      variantType: 'pdp',
+      variantId: "pdp",
+      variantType: "pdp",
       variantTests: [{ testType: PageVariantTestType.UrlResolver }],
-      productIdExtractor: 'url-resolver-product-id',
+      productIdExtractor: "url-resolver-product-id",
       widgetMounting: [],
     },
   ],
@@ -181,9 +184,9 @@ const defaultPageConfig = (): OrgPageConfig => ({
 
 const defaultOrgInfo = {
   shortName: OrgShortName.Default,
-  name: 'Default',
-  domain: 'default.com',
-  defaultProductId: 'default',
+  name: "Default",
+  domain: "default.com",
+  defaultProductId: "default",
   alwaysEnabledMerchants: true,
   orgColors: () => defaultColors,
   orgUIConfig: () => defaultOrgUIConfig(OrgShortName.Default),

package/src/merchants/domInsertion.ts

@@ -0,0 +1,30 @@
+enum DOMInsertionType {
+  AFTER = "after",
+  BEFORE = "before",
+  ADJACENT_AFTER_BEGIN = "adjacent-after-begin",
+  ADJACENT_BEFORE_BEGIN = "adjacent-before-begin",
+  ADJACENT_AFTER_END = "adjacent-after-end",
+  ADJACENT_BEFORE_END = "adjacent-before-end",
+  APPEND_CHILD = "append-child",
+  NONE = "none",
+}
+
+export const DOMInsertionTypeToInsertPosition = (
+  type: DOMInsertionType
+): InsertPosition => {
+  switch (type) {
+    case DOMInsertionType.ADJACENT_AFTER_BEGIN:
+      return "afterbegin";
+    case DOMInsertionType.BEFORE:
+    case DOMInsertionType.ADJACENT_BEFORE_BEGIN:
+      return "beforebegin";
+    case DOMInsertionType.ADJACENT_BEFORE_END:
+      return "beforeend";
+    case DOMInsertionType.AFTER:
+    case DOMInsertionType.ADJACENT_AFTER_END:
+    default:
+      return "afterend";
+  }
+};
+
+export { DOMInsertionType };

package/src/merchants/dreamlandBaby/dreamlandBaby.ts

@@ -5,9 +5,9 @@ import {
 } from "src/config/locators";
 import { BasicOrgInfoType, OrgShortName } 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,
@@ -62,7 +62,7 @@ const dreamlandBabyOrgUIConfig = (): OrgUIConfig => {
     },
     chatHeader: {
       ...defaultDreamlandBabyOrgConfig.chatHeader,
-      imageSrc: CdnService.getAssetURL(
+      imageSrc: getCdnAssetURL(
         "dreamland-baby-logo.svg",
         OrgShortName.DreamlandBaby
       ),
@@ -244,7 +244,10 @@ const dreamlandBabyPageConfig = (): OrgPageConfig => ({
       addSeparators: false,
       socialProofConfig: {
         staticPLPImagesLayout: "grid",
-        logoName: "dreamland-baby-sparkles.png",
+        logoName: getCdnAssetURL(
+          "dreamland-baby-sparkles.png",
+          OrgShortName.DreamlandBaby
+        ),
         customerQuery: "asked which products encourage sleep?",
         headerTitle: "Shopping Assistant",
         suggestionButtonStrings: [
@@ -275,7 +278,10 @@ const dreamlandBabyPageConfig = (): OrgPageConfig => ({
       addSeparators: false,
       socialProofConfig: {
         staticPLPImagesLayout: "horizontal",
-        logoName: "dreamland-baby-sparkles.png",
+        logoName: getCdnAssetURL(
+          "dreamland-baby-sparkles.png",
+          OrgShortName.DreamlandBaby
+        ),
         customerQuery: "asked if it helps with sleep?",
         headerTitle: "Shopping Assistant",
         suggestionButtonStrings: [

package/src/merchants/fiveCbd/fiveCbd.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,
@@ -57,10 +57,7 @@ const fiveCbdOrgUIConfig = (): OrgUIConfig => {
     },
     chatHeader: {
       ...defaultFiveCbdOrgConfig.chatHeader,
-      imageSrc: CdnService.getAssetURL(
-        "five-cbd-mini-logo.svg",
-        OrgShortName.FiveCbd
-      ),
+      imageSrc: getCdnAssetURL("five-cbd-mini-logo.svg", OrgShortName.FiveCbd),
     },
     chatPreviewConfig: {
       ...defaultFiveCbdOrgConfig.chatPreviewConfig!,
@@ -72,10 +69,7 @@ const fiveCbdOrgUIConfig = (): OrgUIConfig => {
       buttonBorderColor: colorVar(ColorNames.BackgroundSecondaryDark),
       headerConfig: {
         ...defaultFiveCbdOrgConfig.chatPreviewConfig!.headerConfig,
-        imageSrc: CdnService.getAssetURL(
-          "five-cbd-logo.svg",
-          OrgShortName.FiveCbd
-        ),
+        imageSrc: getCdnAssetURL("five-cbd-logo.svg", OrgShortName.FiveCbd),
         imageHeight: 16,
       },
       footerConfig: {
@@ -583,7 +577,7 @@ const fiveCbdPageConfig = (): OrgPageConfig => ({
       addSeparators: false,
       socialProofConfig: {
         staticPLPImagesLayout: "grid",
-        logoName: "five-cbd-logo.svg",
+        logoName: getCdnAssetURL("five-cbd-logo.svg", OrgShortName.FiveCbd),
         customerQuery: "asked about effects.",
         headerTitle: "Shopping Assistant",
         suggestionButtonStrings: [
@@ -615,7 +609,7 @@ const fiveCbdPageConfig = (): OrgPageConfig => ({
       addSeparators: true,
       socialProofConfig: {
         staticPLPImagesLayout: "horizontal",
-        logoName: "five-cbd-logo.svg",
+        logoName: getCdnAssetURL("five-cbd-logo.svg", OrgShortName.FiveCbd),
         customerQuery: "asked how long it takes to feel the effects.",
         headerTitle: "Shopping Assistant",
         suggestionButtonStrings: [

package/src/merchants/forLoveAndLemons/forLoveAndLemons.ts

@@ -4,12 +4,12 @@ import {
   PROMPT_CARD_TESTID,
 } from "src/config/locators/embedded";
 import { BasicOrgInfoType, OrgShortName } from "src/application/models";
-import { CdnService } from "src/application/service/cdnService";
+import { getCdnAssetURL } from "src/application/utils/cdnUtils";
 import {
   CustomerServiceIntegrationMode,
   CustomerServiceType,
-} from "src/application/service/customerService/types";
-import { DOMInsertionType } from "src/application/service/domMutations/domInsertionService";
+} from "src/types/customerService";
+import { DOMInsertionType } from "src/merchants/domInsertion";
 import { CHAT_PREVIEW_CONTAINER_ID, PROMPT_CARD_ID } from "src/config/divIds";
 import { defaultOrgUIConfig } from "src/merchants/default";
 import {
@@ -66,7 +66,7 @@ const forLoveAndLemonsOrgUIConfig = (): OrgUIConfig => {
       expandedColor: colorVar(ColorNames.BackgroundLight),
       collapsedColor: colorVar(ColorNames.BackgroundLight),
       chevronColor: colorVar(ColorNames.BorderLight),
-      imageSrc: CdnService.getAssetURL(
+      imageSrc: getCdnAssetURL(
         "for-love-and-lemons-logo.svg",
         OrgShortName.ForLoveAndLemons
       ),
@@ -405,7 +405,10 @@ const forLoveAndLemonsPageConfig = (): OrgPageConfig => ({
     imagePromptCard: {
       widgetConfigId: "imagePromptCard",
       type: WidgetType.ImagePromptCard,
-      url: `https://cdn.shopify.com/s/files/1/0271/4967/files/11_250314_FLL_PORTUGAL_CABIN_004_1_300x.jpg?v=1748977560`,
+      url: getCdnAssetURL(
+        "11_250314_FLL_PORTUGAL_CABIN_004_1_300x.jpg?v=1748977560",
+        OrgShortName.ForLoveAndLemons
+      ),
       lightText: true,
       title: "Let's find your dream outfit",
       subtitle: [
@@ -436,7 +439,10 @@ const forLoveAndLemonsPageConfig = (): OrgPageConfig => ({
     imagePromptCardDresses: {
       widgetConfigId: "imagePromptCardDresses",
       type: WidgetType.ImagePromptCard,
-      url: `https://cdn.shopify.com/s/files/1/0271/4967/files/18-05_250506_FLL_SAILOR_MARSEILLE_032_v2_300x.jpg?v=1752606888`,
+      url: getCdnAssetURL(
+        "18-05_250506_FLL_SAILOR_MARSEILLE_032_v2_300x.jpg?v=1752606888",
+        OrgShortName.ForLoveAndLemons
+      ),
       lightText: true,
       title: "Let's find your dream outfit",
       subtitle: [
@@ -462,7 +468,10 @@ const forLoveAndLemonsPageConfig = (): OrgPageConfig => ({
     imagePromptCardTops: {
       widgetConfigId: "imagePromptCardTops",
       type: WidgetType.ImagePromptCard,
-      url: `https://cdn.shopify.com/s/files/1/0271/4967/files/41-11_250506_FLL_SAILOR_MARSEILLE_176_v2_4c4cd814-1a75-409d-916f-1e3c6cae5164_300x.jpg?v=1752607430`,
+      url: getCdnAssetURL(
+        "41-11_250506_FLL_SAILOR_MARSEILLE_176_v2_4c4cd814-1a75-409d-916f-1e3c6cae5164_300x.jpg?v=1752607430",
+        OrgShortName.ForLoveAndLemons
+      ),
       lightText: true,
       title: "Let's find your dream outfit",
       subtitle: [
@@ -488,7 +497,10 @@ const forLoveAndLemonsPageConfig = (): OrgPageConfig => ({
     imagePromptCardBottoms: {
       widgetConfigId: "imagePromptCardBottoms",
       type: WidgetType.ImagePromptCard,
-      url: `https://cdn.shopify.com/s/files/1/0271/4967/files/38-11_250506_FLL_SAILOR_MARSEILLE_098_v2_ebdc3602-8454-4059-8099-a514d5993657_300x.jpg?v=1752607400`,
+      url: getCdnAssetURL(
+        "38-11_250506_FLL_SAILOR_MARSEILLE_098_v2_ebdc3602-8454-4059-8099-a514d5993657_300x.jpg?v=1752607400",
+        OrgShortName.ForLoveAndLemons
+      ),
       lightText: true,
       title: "Let's find your dream outfit",
       subtitle: [
@@ -514,7 +526,10 @@ const forLoveAndLemonsPageConfig = (): OrgPageConfig => ({
     imagePromptCardKnitwear: {
       widgetConfigId: "imagePromptCardKnitwear",
       type: WidgetType.ImagePromptCard,
-      url: `https://cdn.shopify.com/s/files/1/0271/4967/files/2-13_250506_FLL_SAILOR_MARSEILLE_015_v2_2315ca29-7e6f-45eb-8a2d-ebacae8b909c_300x.jpg?v=1752607285`,
+      url: getCdnAssetURL(
+        "2-13_250506_FLL_SAILOR_MARSEILLE_015_v2_2315ca29-7e6f-45eb-8a2d-ebacae8b909c_300x.jpg?v=1752607285",
+        OrgShortName.ForLoveAndLemons
+      ),
       lightText: true,
       title: "Let's find your dream outfit",
       subtitle: [
@@ -540,7 +555,10 @@ const forLoveAndLemonsPageConfig = (): OrgPageConfig => ({
     imagePromptCardSwim: {
       widgetConfigId: "imagePromptCardSwim",
       type: WidgetType.ImagePromptCard,
-      url: `https://cdn.shopify.com/s/files/1/0271/4967/files/15-20250213_FORLOVEANDLEMONS_SHOT_04_148_eefe62bf-b290-46bc-ae99-8e876ef04ba1_300x.jpg?v=1749575070`,
+      url: getCdnAssetURL(
+        "15-20250213_FORLOVEANDLEMONS_SHOT_04_148_eefe62bf-b290-46bc-ae99-8e876ef04ba1_300x.jpg?v=1749575070",
+        OrgShortName.ForLoveAndLemons
+      ),
       lightText: true,
       title: "Let's find your dream outfit",
       subtitle: [
@@ -566,7 +584,10 @@ const forLoveAndLemonsPageConfig = (): OrgPageConfig => ({
     imagePromptCardLingerie: {
       widgetConfigId: "imagePromptCardLingerie",
       type: WidgetType.ImagePromptCard,
-      url: `https://cdn.shopify.com/s/files/1/0271/4967/files/13-20_250506_FLL_SAILOR_MARSEILLE_134_v2_1647eaec-6fd4-48eb-8b60-febacb8cc0a7_300x.jpg?v=1752607529-`,
+      url: getCdnAssetURL(
+        "13-20_250506_FLL_SAILOR_MARSEILLE_134_v2_1647eaec-6fd4-48eb-8b60-febacb8cc0a7_300x.jpg?v=1752607529-",
+        OrgShortName.ForLoveAndLemons
+      ),
       lightText: true,
       title: "Let's find your dream outfit",
       subtitle: [
@@ -592,7 +613,10 @@ const forLoveAndLemonsPageConfig = (): OrgPageConfig => ({
     imagePromptCardBridal: {
       widgetConfigId: "imagePromptCardBridal",
       type: WidgetType.ImagePromptCard,
-      url: `https://cdn.shopify.com/s/files/1/0271/4967/files/240806_BC_FLL_24_BRIDAL_CAMPAIGN_LOOK_12_0003_V1_300x.jpg?v=1748977674`,
+      url: getCdnAssetURL(
+        "240806_BC_FLL_24_BRIDAL_CAMPAIGN_LOOK_12_0003_V1_300x.jpg?v=1748977674",
+        OrgShortName.ForLoveAndLemons
+      ),
       lightText: true,
       title: "Let's find your dream outfit",
       subtitle: [
@@ -618,7 +642,10 @@ const forLoveAndLemonsPageConfig = (): OrgPageConfig => ({
     imagePromptCardEssentials: {
       widgetConfigId: "imagePromptCardEssentials",
       type: WidgetType.ImagePromptCard,
-      url: `https://cdn.shopify.com/s/files/1/0271/4967/files/40-240814_BC_FLL_SP25_ESSENTIALS_AT0049_ABOO65_YELLOW_AT0049_AB0064_CAMEL_0154_300x.jpg?v=1745526297`,
+      url: getCdnAssetURL(
+        "40-240814_BC_FLL_SP25_ESSENTIALS_AT0049_ABOO65_YELLOW_AT0049_AB0064_CAMEL_0154_300x.jpg?v=1745526297",
+        OrgShortName.ForLoveAndLemons
+      ),
       lightText: true,
       title: "Let's find your dream outfit",
       subtitle: [
@@ -644,7 +671,10 @@ const forLoveAndLemonsPageConfig = (): OrgPageConfig => ({
     imagePromptCardAccessories: {
       widgetConfigId: "imagePromptCardAccessories",
       type: WidgetType.ImagePromptCard,
-      url: `https://cdn.shopify.com/s/files/1/0271/4967/files/42-11_250506_FLL_SAILOR_MARSEILLE_226_v2_cf7365b7-3944-4c29-b6ed-ce4f136a48fc_300x.jpg?v=1752607080`,
+      url: getCdnAssetURL(
+        "42-11_250506_FLL_SAILOR_MARSEILLE_226_v2_cf7365b7-3944-4c29-b6ed-ce4f136a48fc_300x.jpg?v=1752607080",
+        OrgShortName.ForLoveAndLemons
+      ),
       lightText: true,
       title: "Let's find your dream outfit",
       subtitle: [

package/src/merchants/greenpan/greenpan.ts

@@ -4,13 +4,13 @@ import {
   TOP_SUGGESTION_BAR_TESTID,
 } from "src/config/locators";
 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_REVIEWS_BAR_ID,
   CHAT_PREVIEW_CONTAINER_ID,
@@ -67,10 +67,7 @@ const greenpanOrgUIConfig = (): OrgUIConfig => {
     },
     chatHeader: {
       ...defaultGreenpanOrgConfig.chatHeader,
-      imageSrc: CdnService.getAssetURL(
-        "greenpan-round.png",
-        OrgShortName.Greenpan
-      ),
+      imageSrc: getCdnAssetURL("greenpan-round.png", OrgShortName.Greenpan),
     },
     chatPreviewConfig: {
       ...defaultGreenpanOrgConfig.chatPreviewConfig!,
@@ -118,10 +115,7 @@ const greenpanOrgUIConfig = (): OrgUIConfig => {
       headerConfig: {
         ...defaultGreenpanOrgConfig.chatPreviewConfig!.headerConfig!,
         imageHeight: 32,
-        imageSrc: CdnService.getAssetURL(
-          "greenpan-logo.svg",
-          OrgShortName.Greenpan
-        ),
+        imageSrc: getCdnAssetURL("greenpan-logo.svg", OrgShortName.Greenpan),
       },
       footerConfig: {
         ...defaultGreenpanOrgConfig.chatPreviewConfig!.footerConfig,

package/src/merchants/gridInsertion.ts

@@ -0,0 +1,19 @@
+enum GridInsertionType {
+  FIXED_1 = "fixed-1",
+  FIXED_2 = "fixed-2",
+  FIXED_3 = "fixed-3",
+  FIXED_4 = "fixed-4",
+  FIXED_5 = "fixed-5",
+  FIXED_6 = "fixed-6",
+  FIXED_7 = "fixed-7",
+  FIXED_8 = "fixed-8",
+  FIXED_9 = "fixed-9",
+  FIXED_12 = "fixed-12",
+  FIXED_13 = "fixed-13",
+  ROW_1 = "row-1",
+  ROW_2 = "row-2",
+  ROW_3 = "row-3",
+  ROW_4 = "row-4",
+}
+
+export { GridInsertionType };