ng-easycommerce 0.0.687 → 0.0.688

package/README.md

@@ -1,3 +1,7 @@
+# Version 0.0.688
+- Facebook Pixel: se mantiene la carga única e idempotente, evitando reinyecciones y dobles inicializaciones del script.
+- Facebook Pixel: el tracking se ejecuta fuera de la zona de Angular y conserva un fallback seguro si `NgZone` no está disponible.
+- `ParametersService` evita inicializaciones duplicadas y vuelve a respetar la ejecución solo en producción en ambos flujos de carga de parámetros.
 # Version 0.0.687
 - PlaceToPay: se soluciona error que no cargaba el boton de pagar.
 

package/bundles/ng-easycommerce.umd.js

@@ -2533,28 +2533,83 @@
         return function (target, key) { decorator(target, key, paramIndex); }
     };
     var FacebookPixelService = /** @class */ (function () {
-        function FacebookPixelService(rendererFactory, document) {
+        function FacebookPixelService(rendererFactory, document, ngZone) {
             var _this = this;
             this.rendererFactory = rendererFactory;
             this.document = document;
+            this.ngZone = ngZone;
             this.enabled = false;
+            this.loading = false;
+            this.initializedPixelId = null;
+            this.pageViewScheduled = false;
+            this.pageViewTracked = false;
             this.initialize = function (pixel_id) {
-                if (!_this.document.getElementById('facebook_pixel')) {
-                    var new_analityc_script = _this.renderer.createElement('script');
-                    new_analityc_script.id = "facebook_pixel";
-                    new_analityc_script.type = 'text/javascript';
-                    new_analityc_script.text = "!function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', " + pixel_id + ");";
-                    _this.renderer.appendChild(_this.document.body, new_analityc_script);
-                    _this.enabled = true;
+                var normalizedPixelId = ("" + (pixel_id !== null && pixel_id !== void 0 ? pixel_id : '')).trim();
+                if (!normalizedPixelId) {
+                    return;
+                }
+                if (_this.loading) {
+                    return;
+                }
+                if (_this.enabled && _this.initializedPixelId === normalizedPixelId) {
+                    _this.schedulePageViewOnce();
+                    return;
+                }
+                if (_this.enabled && _this.initializedPixelId && _this.initializedPixelId !== normalizedPixelId) {
+                    return;
                 }
-                setTimeout(function () { return _this.callEvent('initialize'); }, 1000);
+                _this.loading = true;
+                _this.runOutsideAngular(function () {
+                    try {
+                        if (!_this.document.getElementById('facebook_pixel')) {
+                            var new_analityc_script = _this.renderer.createElement('script');
+                            new_analityc_script.id = 'facebook_pixel';
+                            new_analityc_script.type = 'text/javascript';
+                            new_analityc_script.text = "!function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', " + normalizedPixelId + ");";
+                            _this.renderer.appendChild(_this.document.body, new_analityc_script);
+                        }
+                        else {
+                            if (typeof fbq !== 'function') {
+                                return;
+                            }
+                            fbq('init', normalizedPixelId);
+                        }
+                        _this.enabled = true;
+                        _this.initializedPixelId = normalizedPixelId;
+                        _this.schedulePageViewOnce();
+                    }
+                    catch (error) {
+                        _this.enabled = false;
+                        _this.initializedPixelId = null;
+                        _this.pageViewScheduled = false;
+                    }
+                    finally {
+                        _this.loading = false;
+                    }
+                });
             };
             this.callEvent = function (event_name, data) {
                 if (data === void 0) { data = {}; }
-                if (!_this.enabled)
-                    return;
+                if (!_this.enabled) {
+                    return false;
+                }
+                if (typeof fbq !== 'function') {
+                    return false;
+                }
                 var event = _this.translateEventName(event_name);
-                event && fbq('track', _this.translateEventName(event_name), _this.evalEvent(event_name, data));
+                if (!event) {
+                    return false;
+                }
+                try {
+                    fbq('track', event, _this.evalEvent(event_name, data));
+                    if (event_name === 'initialize') {
+                        _this.pageViewTracked = true;
+                    }
+                    return true;
+                }
+                catch (error) {
+                    return false;
+                }
             };
             this.translateEventName = function (event_name) {
                 switch (event_name) {
@@ -2580,11 +2635,37 @@
             };
             this.callCustomEvent = function (event_name, data) {
                 if (data === void 0) { data = {}; }
-                if (!_this.enabled)
-                    return;
-                fbq('trackCustom', event_name, data);
+                if (!_this.enabled || typeof fbq !== 'function') {
+                    return false;
+                }
+                try {
+                    fbq('trackCustom', event_name, data);
+                    return true;
+                }
+                catch (error) {
+                    return false;
+                }
             };
             this.disable = function () { return _this.enabled = false; };
+            this.schedulePageViewOnce = function () {
+                if (_this.pageViewTracked || _this.pageViewScheduled) {
+                    return;
+                }
+                _this.pageViewScheduled = true;
+                _this.runOutsideAngular(function () {
+                    window.setTimeout(function () {
+                        _this.callEvent('initialize');
+                        _this.pageViewScheduled = false;
+                    }, 1000);
+                });
+            };
+            this.runOutsideAngular = function (callback) {
+                if (_this.ngZone && typeof _this.ngZone.runOutsideAngular === 'function') {
+                    _this.ngZone.runOutsideAngular(callback);
+                    return;
+                }
+                callback();
+            };
             this.toViewContent = function (data) {
                 var _a, _b, _c, _d;
                 var lastProduct = ((_a = data) === null || _a === void 0 ? void 0 : _a.name) || 'not-product';
@@ -2656,7 +2737,8 @@
         }
         FacebookPixelService.ctorParameters = function () { return [
             { type: core.RendererFactory2 },
-            { type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] }
+            { type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] },
+            { type: core.NgZone }
         ]; };
         FacebookPixelService = __decorate$b([
             core.Injectable(),
@@ -7246,13 +7328,21 @@
             this.analyticsService = analyticsService;
             this.parametersSubject = new rxjs.BehaviorSubject(null);
             this.readyParamsSubject = new rxjs.ReplaySubject(1);
+            this.analyticsInitializationRequested = false;
             this.parameters = this.parametersSubject.asObservable();
             this.ready$ = this.readyParamsSubject.asObservable();
             this.getAllParametersAPI = function () { return 'shop-api/' + (_this.constants.getMasterChannel() || _this.constants.getChannel()) + '/parameters'; };
             this.insertAnalitycs = function () {
+                var initializeAnalyticsIfNeeded = function (params) {
+                    if (_this.analyticsInitializationRequested) {
+                        return;
+                    }
+                    _this.analyticsInitializationRequested = true;
+                    _this.initializeAnalytics(params);
+                };
                 _this.parametersSubject.value
-                    ? _this.constants.onlyIfProduction(_this.initializeAnalytics, _this.parametersSubject.value)
-                    : _this.waitUntilData(_this.initializeAnalytics);
+                    ? _this.constants.onlyIfProduction(initializeAnalyticsIfNeeded, _this.parametersSubject.value)
+                    : _this.waitUntilData(function (params) { return _this.constants.onlyIfProduction(initializeAnalyticsIfNeeded, params); });
             };
             this.initializeAnalytics = function (params) {
                 var facebook = params.find(function (param) { return param.code.includes("_" + _this.constants.getChannel() + "_") && param.code.includes('facebook') && param.code.includes('id'); });