@beworke/pixel 0.1.0-rc.1 → 0.1.0-rc.5

package/dist/examples/html-script/search/example-search-manual.html

@@ -186,7 +186,10 @@ code { font-size: 0.85em; }
       const counts = {};
 
       function searchDetectorConfig() {
-        return { enabled: false };
+        return {
+            enabled: false,
+            sources: []
+          };
       }
 
       function buildConfig() {
@@ -205,6 +208,45 @@ code { font-size: 0.85em; }
             timeoutMs: 10000,
           },
           identity: { ...base.identity, pixelId: PIXEL_ID },
+          commerce: {
+                          enabled: true,
+                          currency: 'BRL',
+                          catalog: { products: [] },
+                          cart: {
+                            mode: 'single_product',
+                            initialItems: [],
+                            calculateValueFrom: 'cart',
+                            allowDynamicItems: true,
+                          },
+                          mappings: {
+                            attributes: {
+                              productId: ['data-product-id'],
+                              productName: ['data-product-name'],
+                              price: ['data-product-price'],
+                              quantity: ['data-quantity'],
+                              currency: ['data-currency'],
+                            },
+                            fields: {
+                              email: ['email'],
+                              phone: ['phone'],
+                              productId: ['productId'],
+                              productName: ['productName'],
+                              price: ['price'],
+                              quantity: ['quantity'],
+                              currency: ['currency'],
+                            },
+                          },
+                          enrichment: {
+                            pageView: { enabled: false, source: 'cart' },
+                            viewContent: { enabled: true, source: 'event_or_cart' },
+                            lead: { enabled: false, source: 'event_or_cart' },
+                            addToCart: { enabled: true, source: 'event_or_cart' },
+                            removeFromCart: { enabled: true, source: 'event_or_cart' },
+                            initiateCheckout: { enabled: true, source: 'cart' },
+                            addPaymentInfo: { enabled: true, source: 'cart' },
+                            purchase: { enabled: true, source: 'cart' },
+                          }
+                        },
           modules: {
             ...base.modules,
             core: {
@@ -266,61 +308,28 @@ code { font-size: 0.85em; }
             integrations: { ...base.modules.integrations, enabled: false },
             conversion: {
               enabled: true,
-              commerce: {
-                currency: 'BRL',
-                catalog: { products: [] },
-                checkout: {
-                  mode: 'single_product',
-                  selectedItems: [],
-                  calculateValueFrom: 'selected_items',
-                  allowDynamicItems: true,
-                },
-                mappings: {
-                  attributes: {
-                    productId: ['data-product-id'],
-                    productName: ['data-product-name'],
-                    price: ['data-product-price'],
-                    quantity: ['data-quantity'],
-                    currency: ['data-currency'],
-                  },
-                  fields: {
-                    email: ['email'],
-                    phone: ['phone'],
-                    productId: ['productId'],
-                    productName: ['productName'],
-                    price: ['price'],
-                    quantity: ['quantity'],
-                    currency: ['currency'],
-                  },
-                },
-              },
               manual: {
                 pageView: { enabled: false },
-                purchase: { enabled: false },
-                lead: { enabled: false },
-                addToCart: { enabled: false },
-                removeFromCart: { enabled: false },
-                initiateCheckout: { enabled: false },
-                addPaymentInfo: { enabled: false },
+                purchase: { enabled: false, sources: [] },
+                lead: { enabled: false, sources: [] },
+                addToCart: { enabled: false, sources: [] },
+                removeFromCart: { enabled: false, sources: [] },
+                initiateCheckout: { enabled: false, sources: [] },
+                addPaymentInfo: { enabled: false, sources: [] },
                 search: { enabled: true },
-                viewContent: { enabled: false },
+                viewContent: { enabled: false, sources: [] },
               },
               auto: {
                 enabled: true,
                 detectors: {
-                  lead: { enabled: false },
-                  purchase: { enabled: false },
-                  addToCart: { enabled: false },
-                  removeFromCart: { enabled: false },
-                  initiateCheckout: { enabled: false },
-                  addPaymentInfo: {
-                    enabled: false,
-                    paymentMethod: 'CREDIT_CARD',
-                    cardDetection: false,
-                    autoDispatch: false,
-                  },
+                  lead: { enabled: false, sources: [] },
+                  purchase: { enabled: false, sources: [] },
+                  addToCart: { enabled: false, sources: [] },
+                  removeFromCart: { enabled: false, sources: [] },
+                  initiateCheckout: { enabled: false, sources: [] },
+                  addPaymentInfo: { enabled: false, sources: [] },
                   search: searchDetectorConfig(),
-                  viewContent: { enabled: false },
+                  viewContent: { enabled: false, sources: [] },
                 },
               },
               rules: {

package/dist/examples/html-script/search/example-search-submit.html

@@ -175,10 +175,19 @@ code { font-size: 0.85em; }
 
       function searchDetectorConfig() {
         return {
-          enabled: true,
-          selector: ['#search-form'],
-          selectorType: 'css',
-        };
+            enabled: true,
+            sources: [
+              {
+                name: 'search-selector',
+                type: 'selector',
+                selector: [
+                  '#search-form'
+                ],
+                selectorType: 'css',
+                trigger: 'click'
+              }
+            ]
+          };
       }
 
       function buildConfig() {
@@ -197,6 +206,45 @@ code { font-size: 0.85em; }
             timeoutMs: 10000,
           },
           identity: { ...base.identity, pixelId: PIXEL_ID },
+          commerce: {
+                          enabled: true,
+                          currency: 'BRL',
+                          catalog: { products: [] },
+                          cart: {
+                            mode: 'single_product',
+                            initialItems: [],
+                            calculateValueFrom: 'cart',
+                            allowDynamicItems: true,
+                          },
+                          mappings: {
+                            attributes: {
+                              productId: ['data-product-id'],
+                              productName: ['data-product-name'],
+                              price: ['data-product-price'],
+                              quantity: ['data-quantity'],
+                              currency: ['data-currency'],
+                            },
+                            fields: {
+                              email: ['email'],
+                              phone: ['phone'],
+                              productId: ['productId'],
+                              productName: ['productName'],
+                              price: ['price'],
+                              quantity: ['quantity'],
+                              currency: ['currency'],
+                            },
+                          },
+                          enrichment: {
+                            pageView: { enabled: false, source: 'cart' },
+                            viewContent: { enabled: true, source: 'event_or_cart' },
+                            lead: { enabled: false, source: 'event_or_cart' },
+                            addToCart: { enabled: true, source: 'event_or_cart' },
+                            removeFromCart: { enabled: true, source: 'event_or_cart' },
+                            initiateCheckout: { enabled: true, source: 'cart' },
+                            addPaymentInfo: { enabled: true, source: 'cart' },
+                            purchase: { enabled: true, source: 'cart' },
+                          }
+                        },
           modules: {
             ...base.modules,
             core: {
@@ -258,61 +306,28 @@ code { font-size: 0.85em; }
             integrations: { ...base.modules.integrations, enabled: false },
             conversion: {
               enabled: true,
-              commerce: {
-                currency: 'BRL',
-                catalog: { products: [] },
-                checkout: {
-                  mode: 'single_product',
-                  selectedItems: [],
-                  calculateValueFrom: 'selected_items',
-                  allowDynamicItems: true,
-                },
-                mappings: {
-                  attributes: {
-                    productId: ['data-product-id'],
-                    productName: ['data-product-name'],
-                    price: ['data-product-price'],
-                    quantity: ['data-quantity'],
-                    currency: ['data-currency'],
-                  },
-                  fields: {
-                    email: ['email'],
-                    phone: ['phone'],
-                    productId: ['productId'],
-                    productName: ['productName'],
-                    price: ['price'],
-                    quantity: ['quantity'],
-                    currency: ['currency'],
-                  },
-                },
-              },
               manual: {
                 pageView: { enabled: false },
-                purchase: { enabled: false },
-                lead: { enabled: false },
-                addToCart: { enabled: false },
-                removeFromCart: { enabled: false },
-                initiateCheckout: { enabled: false },
-                addPaymentInfo: { enabled: false },
+                purchase: { enabled: false, sources: [] },
+                lead: { enabled: false, sources: [] },
+                addToCart: { enabled: false, sources: [] },
+                removeFromCart: { enabled: false, sources: [] },
+                initiateCheckout: { enabled: false, sources: [] },
+                addPaymentInfo: { enabled: false, sources: [] },
                 search: { enabled: true },
-                viewContent: { enabled: false },
+                viewContent: { enabled: false, sources: [] },
               },
               auto: {
                 enabled: true,
                 detectors: {
-                  lead: { enabled: false },
-                  purchase: { enabled: false },
-                  addToCart: { enabled: false },
-                  removeFromCart: { enabled: false },
-                  initiateCheckout: { enabled: false },
-                  addPaymentInfo: {
-                    enabled: false,
-                    paymentMethod: 'CREDIT_CARD',
-                    cardDetection: false,
-                    autoDispatch: false,
-                  },
+                  lead: { enabled: false, sources: [] },
+                  purchase: { enabled: false, sources: [] },
+                  addToCart: { enabled: false, sources: [] },
+                  removeFromCart: { enabled: false, sources: [] },
+                  initiateCheckout: { enabled: false, sources: [] },
+                  addPaymentInfo: { enabled: false, sources: [] },
                   search: searchDetectorConfig(),
-                  viewContent: { enabled: false },
+                  viewContent: { enabled: false, sources: [] },
                 },
               },
               rules: {

package/dist/examples/html-script/search/example-search-text.html

@@ -175,10 +175,24 @@ code { font-size: 0.85em; }
 
       function searchDetectorConfig() {
         return {
-          enabled: true,
-          selector: ['text:Buscar', { type: 'text', value: 'Buscar', exact: true }],
-          selectorType: 'css',
-        };
+            enabled: true,
+            sources: [
+              {
+                name: 'search-selector',
+                type: 'selector',
+                selector: [
+                  'text:Buscar',
+                  {
+                    type: 'text',
+                    value: 'Buscar',
+                    exact: true
+                  }
+                ],
+                selectorType: 'css',
+                trigger: 'click'
+              }
+            ]
+          };
       }
 
       function buildConfig() {
@@ -197,6 +211,45 @@ code { font-size: 0.85em; }
             timeoutMs: 10000,
           },
           identity: { ...base.identity, pixelId: PIXEL_ID },
+          commerce: {
+                          enabled: true,
+                          currency: 'BRL',
+                          catalog: { products: [] },
+                          cart: {
+                            mode: 'single_product',
+                            initialItems: [],
+                            calculateValueFrom: 'cart',
+                            allowDynamicItems: true,
+                          },
+                          mappings: {
+                            attributes: {
+                              productId: ['data-product-id'],
+                              productName: ['data-product-name'],
+                              price: ['data-product-price'],
+                              quantity: ['data-quantity'],
+                              currency: ['data-currency'],
+                            },
+                            fields: {
+                              email: ['email'],
+                              phone: ['phone'],
+                              productId: ['productId'],
+                              productName: ['productName'],
+                              price: ['price'],
+                              quantity: ['quantity'],
+                              currency: ['currency'],
+                            },
+                          },
+                          enrichment: {
+                            pageView: { enabled: false, source: 'cart' },
+                            viewContent: { enabled: true, source: 'event_or_cart' },
+                            lead: { enabled: false, source: 'event_or_cart' },
+                            addToCart: { enabled: true, source: 'event_or_cart' },
+                            removeFromCart: { enabled: true, source: 'event_or_cart' },
+                            initiateCheckout: { enabled: true, source: 'cart' },
+                            addPaymentInfo: { enabled: true, source: 'cart' },
+                            purchase: { enabled: true, source: 'cart' },
+                          }
+                        },
           modules: {
             ...base.modules,
             core: {
@@ -258,61 +311,28 @@ code { font-size: 0.85em; }
             integrations: { ...base.modules.integrations, enabled: false },
             conversion: {
               enabled: true,
-              commerce: {
-                currency: 'BRL',
-                catalog: { products: [] },
-                checkout: {
-                  mode: 'single_product',
-                  selectedItems: [],
-                  calculateValueFrom: 'selected_items',
-                  allowDynamicItems: true,
-                },
-                mappings: {
-                  attributes: {
-                    productId: ['data-product-id'],
-                    productName: ['data-product-name'],
-                    price: ['data-product-price'],
-                    quantity: ['data-quantity'],
-                    currency: ['data-currency'],
-                  },
-                  fields: {
-                    email: ['email'],
-                    phone: ['phone'],
-                    productId: ['productId'],
-                    productName: ['productName'],
-                    price: ['price'],
-                    quantity: ['quantity'],
-                    currency: ['currency'],
-                  },
-                },
-              },
               manual: {
                 pageView: { enabled: false },
-                purchase: { enabled: false },
-                lead: { enabled: false },
-                addToCart: { enabled: false },
-                removeFromCart: { enabled: false },
-                initiateCheckout: { enabled: false },
-                addPaymentInfo: { enabled: false },
+                purchase: { enabled: false, sources: [] },
+                lead: { enabled: false, sources: [] },
+                addToCart: { enabled: false, sources: [] },
+                removeFromCart: { enabled: false, sources: [] },
+                initiateCheckout: { enabled: false, sources: [] },
+                addPaymentInfo: { enabled: false, sources: [] },
                 search: { enabled: true },
-                viewContent: { enabled: false },
+                viewContent: { enabled: false, sources: [] },
               },
               auto: {
                 enabled: true,
                 detectors: {
-                  lead: { enabled: false },
-                  purchase: { enabled: false },
-                  addToCart: { enabled: false },
-                  removeFromCart: { enabled: false },
-                  initiateCheckout: { enabled: false },
-                  addPaymentInfo: {
-                    enabled: false,
-                    paymentMethod: 'CREDIT_CARD',
-                    cardDetection: false,
-                    autoDispatch: false,
-                  },
+                  lead: { enabled: false, sources: [] },
+                  purchase: { enabled: false, sources: [] },
+                  addToCart: { enabled: false, sources: [] },
+                  removeFromCart: { enabled: false, sources: [] },
+                  initiateCheckout: { enabled: false, sources: [] },
+                  addPaymentInfo: { enabled: false, sources: [] },
                   search: searchDetectorConfig(),
-                  viewContent: { enabled: false },
+                  viewContent: { enabled: false, sources: [] },
                 },
               },
               rules: {

package/dist/examples/html-script/url-context/example-url-context-allowed-domains.html

@@ -0,0 +1,63 @@
+<!doctype html>
+<html lang="pt-BR">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Pixel v2 — UrlContext allowedDomains</title>
+    <style>
+      body { font-family: system-ui, sans-serif; max-width: 720px; margin: 2rem auto; padding: 0 1rem; }
+      a { display: block; margin: 0.5rem 0; }
+      pre { background: #0f172a; color: #e2e8f0; padding: 0.75rem; border-radius: 8px; font-size: 0.75rem; overflow: auto; }
+    </style>
+  </head>
+  <body>
+    <h1>allowedDomains = só checkout.bemony.com</h1>
+    <p>Esperado: apenas o link de checkout recebe <code>sid</code>.</p>
+
+    <a id="checkout" href="https://checkout.bemony.com/pay">Checkout Bemony</a>
+    <a id="security" href="https://security.bemony.com/upsell/accept">Security Bemony</a>
+    <a id="mine" href="https://meusite.com/pagina">Meu site</a>
+
+    <pre id="out">init…</pre>
+
+    <script src="../../dist/v2/global.global.js"></script>
+    <script>
+      (async function () {
+        var { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
+        var pixel = new Pixel({
+          ...DEFAULT_PIXEL_CONFIG,
+          app: { ...DEFAULT_PIXEL_CONFIG.app, debug: true },
+          identity: { ...DEFAULT_PIXEL_CONFIG.identity, pixelId: 'pix_uc_domains' },
+          modules: {
+            ...DEFAULT_PIXEL_CONFIG.modules,
+            core: {
+              ...DEFAULT_PIXEL_CONFIG.modules.core,
+              urlContext: {
+                enabled: true,
+                linkDecoration: {
+                  enabled: true,
+                  strategy: 'both',
+                  allowedDomains: ['checkout.bemony.com'],
+                },
+              },
+            },
+            transport: { ...DEFAULT_PIXEL_CONFIG.modules.transport, enabled: false },
+            integrations: { ...DEFAULT_PIXEL_CONFIG.modules.integrations, enabled: false },
+            conversion: { ...DEFAULT_PIXEL_CONFIG.modules.conversion, enabled: false },
+          },
+        });
+        await pixel.init();
+        document.getElementById('out').textContent = JSON.stringify(
+          {
+            checkout: document.getElementById('checkout').href,
+            security: document.getElementById('security').href,
+            mine: document.getElementById('mine').href,
+            snapshot: pixel.getDebugServices().urlContext.getSnapshot(),
+          },
+          null,
+          2
+        );
+      })();
+    </script>
+  </body>
+</html>

package/dist/examples/html-script/url-context/example-url-context-landing.html

@@ -0,0 +1,70 @@
+<!doctype html>
+<html lang="pt-BR">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Pixel v2 — UrlContext Landing</title>
+    <style>
+      body { font-family: system-ui, sans-serif; max-width: 720px; margin: 2rem auto; padding: 0 1rem; }
+      a { display: block; margin: 0.5rem 0; }
+      pre { background: #0f172a; color: #e2e8f0; padding: 0.75rem; border-radius: 8px; font-size: 0.75rem; overflow: auto; }
+      .hint { color: #64748b; font-size: 0.9rem; }
+    </style>
+  </head>
+  <body>
+    <h1>Landing + UrlContext</h1>
+    <p class="hint">
+      Abra com query, ex.:
+      <code>?utm_source=facebook&amp;affid=aff_123&amp;src=redtrack_abc</code>
+      <br />
+      Debug: console mostra snapshot; href do checkout deve ganhar <code>sid</code> + UTMs sem duplicar params.
+    </p>
+    <p>Esperado: gera <code>sid</code>, preserva UTMs/affid/src, decora checkout (abs + relativo).</p>
+
+    <a id="c1" href="https://checkout.bemony.com/pay">Checkout absoluto</a>
+    <a id="c2" href="https://checkout.bemony.com/pay?product=main">Checkout + product</a>
+    <a id="c3" href="/checkout#step">Checkout relativo + hash</a>
+    <a href="https://facebook.com/x">Externo (não decorar)</a>
+
+    <pre id="out">init…</pre>
+
+    <script src="../../dist/v2/global.global.js"></script>
+    <script>
+      (async function () {
+        var { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
+        var pixel = new Pixel({
+          ...DEFAULT_PIXEL_CONFIG,
+          app: { ...DEFAULT_PIXEL_CONFIG.app, debug: true },
+          identity: { ...DEFAULT_PIXEL_CONFIG.identity, pixelId: 'pix_uc_landing' },
+          modules: {
+            ...DEFAULT_PIXEL_CONFIG.modules,
+            core: {
+              ...DEFAULT_PIXEL_CONFIG.modules.core,
+              urlContext: {
+                enabled: true,
+                linkDecoration: {
+                  enabled: true,
+                  strategy: 'both',
+                  allowedDomains: ['checkout.bemony.com'],
+                },
+              },
+            },
+            transport: { ...DEFAULT_PIXEL_CONFIG.modules.transport, enabled: false },
+            integrations: { ...DEFAULT_PIXEL_CONFIG.modules.integrations, enabled: false },
+            conversion: { ...DEFAULT_PIXEL_CONFIG.modules.conversion, enabled: false },
+          },
+        });
+        await pixel.init();
+        var debug = {
+          href: location.href,
+          snapshot: pixel.getDebugServices().urlContext.getSnapshot(),
+          checkout1: document.getElementById('c1').getAttribute('href'),
+          checkout2: document.getElementById('c2').getAttribute('href'),
+          checkoutRelative: document.getElementById('c3').getAttribute('href'),
+        };
+        document.getElementById('out').textContent = JSON.stringify(debug, null, 2);
+        console.debug('[UrlContext landing]', debug);
+      })();
+    </script>
+  </body>
+</html>

package/dist/examples/html-script/url-context/example-url-context-upsell.html

@@ -0,0 +1,67 @@
+<!doctype html>
+<html lang="pt-BR">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Pixel v2 — UrlContext Upsell</title>
+    <style>
+      body { font-family: system-ui, sans-serif; max-width: 720px; margin: 2rem auto; padding: 0 1rem; }
+      a { display: inline-block; margin: 0.5rem 0.5rem 0 0; padding: 0.5rem 0.85rem; background: #0f766e; color: #fff; border-radius: 8px; text-decoration: none; }
+      pre { background: #0f172a; color: #e2e8f0; padding: 0.75rem; border-radius: 8px; font-size: 0.75rem; overflow: auto; }
+      .hint { color: #64748b; font-size: 0.9rem; }
+    </style>
+  </head>
+  <body>
+    <h1>Upsell / Downsell + UrlContext</h1>
+    <p class="hint">
+      Abra com
+      <code>?sid=sid_abc&amp;order_id=ord_123&amp;utm_source=facebook</code>.
+      Token sensível NÃO deve estar na URL — só no backend (HttpOnly).
+    </p>
+
+    <a id="accept" href="https://security.bemony.com/upsell/accept">Sim</a>
+    <a id="decline" href="https://security.bemony.com/upsell/decline">Não</a>
+
+    <pre id="out">init…</pre>
+
+    <script src="../../dist/v2/global.global.js"></script>
+    <script>
+      (async function () {
+        var { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
+        var pixel = new Pixel({
+          ...DEFAULT_PIXEL_CONFIG,
+          app: { ...DEFAULT_PIXEL_CONFIG.app, debug: true },
+          identity: { ...DEFAULT_PIXEL_CONFIG.identity, pixelId: 'pix_uc_upsell' },
+          modules: {
+            ...DEFAULT_PIXEL_CONFIG.modules,
+            core: {
+              ...DEFAULT_PIXEL_CONFIG.modules.core,
+              urlContext: {
+                enabled: true,
+                linkDecoration: {
+                  enabled: true,
+                  strategy: 'both',
+                  allowedDomains: ['security.bemony.com', 'checkout.bemony.com'],
+                },
+              },
+            },
+            transport: { ...DEFAULT_PIXEL_CONFIG.modules.transport, enabled: false },
+            integrations: { ...DEFAULT_PIXEL_CONFIG.modules.integrations, enabled: false },
+            conversion: { ...DEFAULT_PIXEL_CONFIG.modules.conversion, enabled: false },
+          },
+        });
+        await pixel.init();
+        document.getElementById('out').textContent = JSON.stringify(
+          {
+            href: location.href,
+            snapshot: pixel.getDebugServices().urlContext.getSnapshot(),
+            accept: document.getElementById('accept').href,
+            decline: document.getElementById('decline').href,
+          },
+          null,
+          2
+        );
+      })();
+    </script>
+  </body>
+</html>