ctt-babylon 0.25.1 → 0.25.3

package/fesm2022/ctt-babylon.mjs

@@ -7580,7 +7580,7 @@ class MapperService {
                 title: texts?.title?.color?.trim(),
                 subtitle: texts?.subtitle?.color?.trim(),
             },
-            backgroundImg: this.getImageResponsive(props?.multimedia?.backgroundimage?.[0], false),
+            backgroundImage: this.getImageResponsive(props?.multimedia?.backgroundimage?.[0], false),
             years,
         };
     }
@@ -8648,16 +8648,152 @@ class BabylonBookingWidgetComponent {
             return;
         this.mounted = true;
         const el = this.widgetContainer.nativeElement;
-        // Opción A (si existe): init global manual :contentReference[oaicite:1]{index=1}
+        // Opción A (si existe): init global manual
         if (window.initializeWidgetSearch) {
             window.initializeWidgetSearch();
-            return;
         }
-        // Opción B: constructor :contentReference[oaicite:2]{index=2}
-        if (window.WidgetSearch) {
-            // Si tu WidgetSearch acepta (el, config), aquí puedes pasar config.
+        // Opción B: constructor (Solo entra si no existe la A)
+        else if (window.WidgetSearch) {
             new window.WidgetSearch(el, {});
         }
+        this.injectMarketingParams(el);
+    }
+    injectMarketingParams(element) {
+        // PROTECCIÓN SSR: Si estamos en el servidor de Node, abortamos para evitar cuelgues
+        if (typeof window === 'undefined' ||
+            typeof sessionStorage === 'undefined') {
+            return;
+        }
+        // 1. DICCIONARIOS DE NOMENCLATURAS ESTÁNDAR
+        // Clic IDs automáticos de las principales plataformas publicitarias[cite: 16]
+        const CLICK_IDS = [
+            'gclid',
+            'gbraid',
+            'wbraid',
+            'dclid',
+            'msclkid',
+            'vmcid',
+            'yclid',
+            'ymclid',
+            'fbclid',
+            'ttclid',
+            'li_fat_id',
+            'twclid',
+            'epik',
+            'rdt_cid',
+            'ScCid',
+            'qclid',
+            'si',
+            'awclid',
+            'tblci',
+            'dicbo',
+            'ad_id',
+            'irclickid',
+            'cjevent', // Afiliados (Impact, CJ)[cite: 16]
+        ];
+        // Estándar manual UTM
+        const UTMS = [
+            'utm_source',
+            'utm_medium',
+            'utm_campaign',
+            'utm_term',
+            'utm_content',
+        ];
+        const marketingData = {};
+        const params = new URLSearchParams(window.location.search);
+        // --- CAPA 1: ESCANEO DE LA URL ---
+        [...CLICK_IDS, ...UTMS, 'origin'].forEach((key) => {
+            const value = params.get(key);
+            if (value)
+                marketingData[key] = value;
+        });
+        // --- CAPA 2: ESCANEO DE COOKIES (Si la URL está limpia pero hay rastro publicitario) ---
+        const getCookie = (name) => {
+            const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
+            return match ? match[2] : null;
+        };
+        if (Object.keys(marketingData).length === 0) {
+            // Google Ads guarda su GCLID en la cookie _gcl_aw (formato: GCL.timestamp.id)
+            const gclAw = getCookie('_gcl_aw');
+            if (gclAw && gclAw.split('.').length >= 3) {
+                marketingData['gclid'] = gclAw.split('.')[2];
+            }
+            // Facebook guarda su FBCLID en la cookie _fbp
+            const fbp = getCookie('_fbp');
+            if (fbp) {
+                marketingData['fbclid'] = fbp;
+            }
+        }
+        // --- CAPA 3: ESCANEO DEL DATALAYER (Inyecciones silenciosas de Tag Manager) ---
+        if (Object.keys(marketingData).length === 0 &&
+            window.dataLayer) {
+            const dl = window.dataLayer;
+            // Recorremos de más reciente a más antiguo
+            for (let i = dl.length - 1; i >= 0; i--) {
+                const item = dl[i];
+                [...CLICK_IDS, ...UTMS, 'traffic_source', 'origin'].forEach((key) => {
+                    if (item[key] && !marketingData[key]) {
+                        // Mapear un nombre interno (ej. traffic_source) al estándar
+                        const finalKey = key === 'traffic_source' ? 'origin' : key;
+                        marketingData[finalKey] = item[key];
+                    }
+                });
+                if (Object.keys(marketingData).length > 0)
+                    break;
+            }
+        }
+        // --- CAPA 4: RECUPERAR / GUARDAR SESIÓN (Protección SPA en Angular) ---
+        if (Object.keys(marketingData).length === 0) {
+            // No hay datos nuevos, recuperamos todo lo que tenga prefijo 'mkt_'
+            const storedKeys = Object.keys(sessionStorage).filter((k) => k.startsWith('mkt_'));
+            storedKeys.forEach((k) => {
+                const originalKey = k.replace('mkt_', '');
+                const val = sessionStorage.getItem(k);
+                if (val)
+                    marketingData[originalKey] = val;
+            });
+        }
+        else {
+            // Hay datos nuevos, los guardamos para la próxima vez que navegue por la web
+            try {
+                Object.entries(marketingData).forEach(([key, value]) => {
+                    sessionStorage.setItem(`mkt_${key}`, value);
+                });
+            }
+            catch (error) {
+                console.warn('Acceso a sessionStorage bloqueado por el navegador.');
+            }
+        }
+        // --- ENVÍO AL WIDGET ---
+        if (Object.keys(marketingData).length > 0) {
+            // Witbooking y motores similares suelen necesitar un "origin" genérico además de los parámetros opacos
+            if (!marketingData['origin']) {
+                if (marketingData['utm_source']) {
+                    marketingData['origin'] =
+                        marketingData['utm_source'] +
+                            (marketingData['utm_medium']
+                                ? `_${marketingData['utm_medium']}`
+                                : '');
+                }
+                else if (marketingData['gclid'] ||
+                    marketingData['wbraid'] ||
+                    marketingData['gbraid']) {
+                    marketingData['origin'] = 'google_cpc';
+                }
+                else if (marketingData['fbclid']) {
+                    marketingData['origin'] = 'meta_ads';
+                }
+                else if (marketingData['ttclid']) {
+                    marketingData['origin'] = 'tiktok_ads';
+                }
+            }
+            setTimeout(() => {
+                const event = new CustomEvent('widgetUpdateParams', {
+                    detail: marketingData,
+                });
+                element.dispatchEvent(event);
+            }, 500);
+        }
     }
     ngOnChanges(changes) {
         if (changes['ticker']) {