npm - @beworke/pixel - Versions diffs - 0.1.0-rc.1 → 0.1.0-rc.6 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (156) hide show

package/dist/examples/html-script/url-context/example-url-context.html ADDED Viewed

@@ -0,0 +1,171 @@
+<!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 (15A)</title>
+    <style>
+      body {
+        font-family: system-ui, sans-serif;
+        max-width: 880px;
+        margin: 2rem auto;
+        padding: 0 1rem;
+        line-height: 1.45;
+        color: #0f172a;
+      }
+      .card {
+        border: 1px solid #e2e8f0;
+        border-radius: 12px;
+        padding: 1rem;
+        margin: 1rem 0;
+        background: #fff;
+      }
+      a, button {
+        display: inline-block;
+        margin: 0.35rem 0.35rem 0.35rem 0;
+        padding: 0.45rem 0.75rem;
+        border-radius: 8px;
+        border: 1px solid #cbd5e1;
+        background: #f8fafc;
+        color: inherit;
+        text-decoration: none;
+        font: inherit;
+        cursor: pointer;
+      }
+      button.primary { background: #0f766e; color: #fff; border-color: #0f766e; }
+      pre {
+        background: #0f172a;
+        color: #e2e8f0;
+        padding: 0.75rem;
+        border-radius: 8px;
+        font-size: 0.75rem;
+        overflow: auto;
+        max-height: 280px;
+      }
+      .hint { color: #64748b; font-size: 0.9rem; }
+      code { font-size: 0.85em; }
+    </style>
+  </head>
+  <body>
+    <h1>UrlContext — Core (Etapa 15A)</h1>
+    <p class="hint">
+      <code>sid</code> público da URL <strong>não</strong> é o <code>session_id</code> interno do Pixel.
+      <code>order_id</code> pode ir na URL; token de pagamento fica em cookie HttpOnly no backend.
+      Decoration: relativa (<code>/checkout#payment</code>), absoluta e exclusões (mailto, download, social).
+    </p>
+    <div class="card">
+      <h2>Links</h2>
+      <a id="checkout-link" href="https://checkout.bemony.com/pay">Ir para checkout</a>
+      <a id="checkout-relative" href="/checkout#payment">Relativo + hash (vira ?sid=#payment)</a>
+      <a id="upsell-accept-link" href="https://security.bemony.com/upsell/accept">Sim, quero o upsell</a>
+      <a id="upsell-decline-link" href="https://security.bemony.com/upsell/decline">Não, obrigado</a>
+      <a id="external-link" href="https://facebook.com/test">Link externo (ignorado)</a>
+      <a id="ignored-link" href="https://checkout.bemony.com/pay" data-no-url-context>Ignorado por selector</a>
+      <a id="download-link" href="/file.pdf" download>Download ignorado</a>
+      <a id="mailto-link" href="mailto:test@example.com">Mailto ignorado</a>
+    </div>
+    <div class="card">
+      <h2>Ações</h2>
+      <button class="primary" id="btn-init">Init Pixel</button>
+      <button id="btn-snapshot">Log snapshot UrlContext</button>
+      <button id="btn-ic">Track INITIATE_CHECKOUT</button>
+    </div>
+    <div class="card">
+      <h2>Debug</h2>
+      <pre id="out">Aguardando init…</pre>
+    </div>
+    <script src="../../dist/v2/global.global.js"></script>
+    <script>
+      (function () {
+        var out = document.getElementById('out');
+        var pixel = null;
+        function log(label, data) {
+          var relative = document.getElementById('checkout-relative');
+          out.textContent =
+            label +
+            '\n' +
+            JSON.stringify(data, null, 2) +
+            '\n\nhref=' +
+            location.href +
+            '\ncheckout href=' +
+            document.getElementById('checkout-link').href +
+            '\nrelative+hash=' +
+            (relative ? relative.getAttribute('href') : '');
+          if (window.console && console.debug) {
+            console.debug('[UrlContext demo]', label, data);
+          }
+        }
+        document.getElementById('btn-init').onclick = async function () {
+          var PixelV2 = window.PixelV2;
+          if (!PixelV2) {
+            log('ERROR', { message: 'window.PixelV2 missing — npm run build' });
+            return;
+          }
+          var Pixel = PixelV2.Pixel;
+          var DEFAULT_PIXEL_CONFIG = PixelV2.DEFAULT_PIXEL_CONFIG;
+          if (pixel) await pixel.destroy();
+          pixel = new Pixel({
+            ...DEFAULT_PIXEL_CONFIG,
+            app: { ...DEFAULT_PIXEL_CONFIG.app, debug: true },
+            identity: {
+              ...DEFAULT_PIXEL_CONFIG.identity,
+              pixelId: 'pix_url_context_demo',
+            },
+            modules: {
+              ...DEFAULT_PIXEL_CONFIG.modules,
+              core: {
+                ...DEFAULT_PIXEL_CONFIG.modules.core,
+                urlContext: {
+                  enabled: true,
+                  linkDecoration: {
+                    enabled: true,
+                    strategy: 'both',
+                    allowedDomains: [
+                      'checkout.bemony.com',
+                      'security.bemony.com',
+                    ],
+                  },
+                },
+              },
+              conversion: {
+                ...DEFAULT_PIXEL_CONFIG.modules.conversion,
+                enabled: true,
+              },
+              transport: {
+                ...DEFAULT_PIXEL_CONFIG.modules.transport,
+                enabled: false,
+              },
+              integrations: {
+                ...DEFAULT_PIXEL_CONFIG.modules.integrations,
+                enabled: false,
+              },
+            },
+          });
+          await pixel.init();
+          var snap = pixel.getDebugServices().urlContext.getSnapshot();
+          log('UrlContext ready', snap);
+        };
+        document.getElementById('btn-snapshot').onclick = function () {
+          if (!pixel) return;
+          log('snapshot', pixel.getDebugServices().urlContext.getSnapshot());
+        };
+        document.getElementById('btn-ic').onclick = function () {
+          if (!pixel) return;
+          pixel.initiateCheckout();
+          log('INITIATE_CHECKOUT disparado — ver query_params/url_context no Transport/debug', {
+            snapshot: pixel.getDebugServices().urlContext.getSnapshot(),
+          });
+        };
+      })();
+    </script>
+  </body>
+</html>

package/dist/examples/html-script/view-content/README.md CHANGED Viewed

@@ -4,7 +4,7 @@ Cada HTML valida **um** comportamento. Abra um de cada vez.
 ## Como a SDK funciona
-`viewContent` usa `ConfiguredAutoDetectorConfig` (**sem** `selectorForm`).
+`viewContent` usa `ConfiguredAutoDetectorConfig` (**sem** source `type: form`).
 | Caminho | Detalhe |
 |---------|---------|

package/dist/examples/html-script/view-content/example-view-content-attribute.html CHANGED Viewed

@@ -203,10 +203,19 @@ code { font-size: 0.85em; }
       function viewContentDetectorConfig() {
         return {
-          enabled: true,
-          selector: ['[data-track="view_content"]'],
-          selectorType: 'css',
-        };
+            enabled: true,
+            sources: [
+              {
+                name: 'viewContent-selector',
+                type: 'selector',
+                selector: [
+                  '[data-track=\'view_content\']'
+                ],
+                selectorType: 'css',
+                trigger: 'click'
+              }
+            ]
+          };
       }
       function buildConfig() {
@@ -225,6 +234,64 @@ code { font-size: 0.85em; }
             timeoutMs: 10000,
           },
           identity: { ...base.identity, pixelId: PIXEL_ID },
+          commerce: {
+                          enabled: true,
+                          currency: 'BRL',
+                          catalog: {
+                            products: [
+                              {
+                                id: 'main_offer',
+                                name: 'Oferta Principal',
+                                type: 'main',
+                                price: 197,
+                                currency: 'BRL',
+                                quantity: 1,
+                              },
+                              {
+                                id: 'sku_shoes_01',
+                                name: 'Tênis Runner',
+                                type: 'main',
+                                price: 299,
+                                currency: 'BRL',
+                                quantity: 1,
+                              },
+                            ],
+                          },
+                          cart: {
+                            mode: 'single_product',
+                            initialItems: [],
+                            calculateValueFrom: 'cart',
+                            allowDynamicItems: true,
+                          },
+                          mappings: {
+                            attributes: {
+                              productId: ['data-product-id', 'data-sku', 'data-content-id', 'data-offer-id'],
+                              productName: ['data-product-name', 'data-name'],
+                              price: ['data-product-price', 'data-price', 'data-value'],
+                              quantity: ['data-quantity', 'data-qty'],
+                              currency: ['data-currency'],
+                            },
+                            fields: {
+                              productId: ['productId', 'contentId', 'sku'],
+                              productName: ['productName', 'name'],
+                              price: ['price', 'value'],
+                              quantity: ['quantity'],
+                              currency: ['currency'],
+                              email: ['email'],
+                              phone: ['phone'],
+                            },
+                          },
+                          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: {
@@ -286,79 +353,27 @@ code { font-size: 0.85em; }
             integrations: { ...base.modules.integrations, enabled: false },
             conversion: {
               enabled: true,
-              commerce: {
-                currency: 'BRL',
-                catalog: {
-                  products: [
-                    {
-                      id: 'main_offer',
-                      name: 'Oferta Principal',
-                      type: 'main',
-                      price: 197,
-                      currency: 'BRL',
-                      quantity: 1,
-                    },
-                    {
-                      id: 'sku_shoes_01',
-                      name: 'Tênis Runner',
-                      type: 'main',
-                      price: 299,
-                      currency: 'BRL',
-                      quantity: 1,
-                    },
-                  ],
-                },
-                checkout: {
-                  mode: 'single_product',
-                  selectedItems: [],
-                  calculateValueFrom: 'selected_items',
-                  allowDynamicItems: true,
-                },
-                mappings: {
-                  attributes: {
-                    productId: ['data-product-id', 'data-sku', 'data-content-id', 'data-offer-id'],
-                    productName: ['data-product-name', 'data-name'],
-                    price: ['data-product-price', 'data-price', 'data-value'],
-                    quantity: ['data-quantity', 'data-qty'],
-                    currency: ['data-currency'],
-                  },
-                  fields: {
-                    productId: ['productId', 'contentId', 'sku'],
-                    productName: ['productName', 'name'],
-                    price: ['price', 'value'],
-                    quantity: ['quantity'],
-                    currency: ['currency'],
-                    email: ['email'],
-                    phone: ['phone'],
-                  },
-                },
-              },
               manual: {
                 pageView: { enabled: false },
-                purchase: { enabled: false },
-                lead: { enabled: false },
-                addToCart: { enabled: false },
-                removeFromCart: { enabled: false },
-                initiateCheckout: { enabled: false },
-                addPaymentInfo: { enabled: false },
-                search: { 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: false, sources: [] },
                 viewContent: { enabled: true },
               },
               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,
-                  },
-                  search: { enabled: 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: { enabled: false, sources: [] },
                   viewContent: viewContentDetectorConfig(),
                 },
               },

package/dist/examples/html-script/view-content/example-view-content-css.html CHANGED Viewed

@@ -182,10 +182,19 @@ code { font-size: 0.85em; }
       function viewContentDetectorConfig() {
         return {
-          enabled: true,
-          selector: ['.view-content'],
-          selectorType: 'css',
-        };
+            enabled: true,
+            sources: [
+              {
+                name: 'viewContent-selector',
+                type: 'selector',
+                selector: [
+                  '.view-content'
+                ],
+                selectorType: 'css',
+                trigger: 'click'
+              }
+            ]
+          };
       }
       function buildConfig() {
@@ -204,6 +213,64 @@ code { font-size: 0.85em; }
             timeoutMs: 10000,
           },
           identity: { ...base.identity, pixelId: PIXEL_ID },
+          commerce: {
+                          enabled: true,
+                          currency: 'BRL',
+                          catalog: {
+                            products: [
+                              {
+                                id: 'main_offer',
+                                name: 'Oferta Principal',
+                                type: 'main',
+                                price: 197,
+                                currency: 'BRL',
+                                quantity: 1,
+                              },
+                              {
+                                id: 'sku_shoes_01',
+                                name: 'Tênis Runner',
+                                type: 'main',
+                                price: 299,
+                                currency: 'BRL',
+                                quantity: 1,
+                              },
+                            ],
+                          },
+                          cart: {
+                            mode: 'single_product',
+                            initialItems: [],
+                            calculateValueFrom: 'cart',
+                            allowDynamicItems: true,
+                          },
+                          mappings: {
+                            attributes: {
+                              productId: ['data-product-id', 'data-sku', 'data-content-id', 'data-offer-id'],
+                              productName: ['data-product-name', 'data-name'],
+                              price: ['data-product-price', 'data-price', 'data-value'],
+                              quantity: ['data-quantity', 'data-qty'],
+                              currency: ['data-currency'],
+                            },
+                            fields: {
+                              productId: ['productId', 'contentId', 'sku'],
+                              productName: ['productName', 'name'],
+                              price: ['price', 'value'],
+                              quantity: ['quantity'],
+                              currency: ['currency'],
+                              email: ['email'],
+                              phone: ['phone'],
+                            },
+                          },
+                          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: {
@@ -265,79 +332,27 @@ code { font-size: 0.85em; }
             integrations: { ...base.modules.integrations, enabled: false },
             conversion: {
               enabled: true,
-              commerce: {
-                currency: 'BRL',
-                catalog: {
-                  products: [
-                    {
-                      id: 'main_offer',
-                      name: 'Oferta Principal',
-                      type: 'main',
-                      price: 197,
-                      currency: 'BRL',
-                      quantity: 1,
-                    },
-                    {
-                      id: 'sku_shoes_01',
-                      name: 'Tênis Runner',
-                      type: 'main',
-                      price: 299,
-                      currency: 'BRL',
-                      quantity: 1,
-                    },
-                  ],
-                },
-                checkout: {
-                  mode: 'single_product',
-                  selectedItems: [],
-                  calculateValueFrom: 'selected_items',
-                  allowDynamicItems: true,
-                },
-                mappings: {
-                  attributes: {
-                    productId: ['data-product-id', 'data-sku', 'data-content-id', 'data-offer-id'],
-                    productName: ['data-product-name', 'data-name'],
-                    price: ['data-product-price', 'data-price', 'data-value'],
-                    quantity: ['data-quantity', 'data-qty'],
-                    currency: ['data-currency'],
-                  },
-                  fields: {
-                    productId: ['productId', 'contentId', 'sku'],
-                    productName: ['productName', 'name'],
-                    price: ['price', 'value'],
-                    quantity: ['quantity'],
-                    currency: ['currency'],
-                    email: ['email'],
-                    phone: ['phone'],
-                  },
-                },
-              },
               manual: {
                 pageView: { enabled: false },
-                purchase: { enabled: false },
-                lead: { enabled: false },
-                addToCart: { enabled: false },
-                removeFromCart: { enabled: false },
-                initiateCheckout: { enabled: false },
-                addPaymentInfo: { enabled: false },
-                search: { 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: false, sources: [] },
                 viewContent: { enabled: true },
               },
               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,
-                  },
-                  search: { enabled: 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: { enabled: false, sources: [] },
                   viewContent: viewContentDetectorConfig(),
                 },
               },