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

package/dist/examples/html-script/release-candidate.html

@@ -163,8 +163,8 @@
           <div>
             <label for="sender-mode">Sender</label>
             <select id="sender-mode">
-              <option value="http">HTTP real</option>
-              <option value="mock">Mock (sem API)</option>
+              <option value="internal">Internal (endpoint público)</option>
+              <option value="test">Test (sem rede)</option>
             </select>
           </div>
         </div>
@@ -195,7 +195,7 @@
           </div>
 
           <div class="card">
-            <h2>Auto — LEAD (selectorForm · trigger auto)</h2>
+            <h2>Auto — LEAD (source form · trigger auto)</h2>
             <fieldset>
               <legend>Campos (mode: any · fireOnce)</legend>
               <div class="row">
@@ -235,22 +235,61 @@
           </div>
 
           <div class="card">
-            <h2>Auto — INITIATE_CHECKOUT (submit)</h2>
+            <h2>Auto — Checkout (IC + ATC form + Payment)</h2>
+            <p class="sub">
+              lifecycle → IC no ready · email+phone → ATC form (1×) ·
+              editar address/cartão não re-dispara ATC · bump via data-track ·
+              cartão → ADD_PAYMENT_INFO (1×)
+            </p>
             <form id="checkout-form">
               <div class="row">
                 <div>
                   <label for="co-email">email</label>
-                  <input id="co-email" name="email" type="email" required />
+                  <input id="co-email" name="email" type="email" autocomplete="email" />
                 </div>
                 <div>
                   <label for="co-phone">phone</label>
-                  <input id="co-phone" name="phone" type="tel" required />
+                  <input id="co-phone" name="phone" type="tel" autocomplete="tel" />
+                </div>
+              </div>
+              <div class="row">
+                <div>
+                  <label for="co-address">address</label>
+                  <input id="co-address" name="address" type="text" autocomplete="street-address" />
+                </div>
+                <div>
+                  <label for="co-city">city</label>
+                  <input id="co-city" name="city" type="text" autocomplete="address-level2" />
+                </div>
+              </div>
+              <div class="row">
+                <div>
+                  <label for="co-postal">postal</label>
+                  <input id="co-postal" name="postal" type="text" autocomplete="postal-code" />
+                </div>
+                <div>
+                  <label for="co-card">card (só detecta início — não envia número)</label>
+                  <input
+                    id="co-card"
+                    name="card_number"
+                    type="text"
+                    autocomplete="cc-number"
+                    inputmode="numeric"
+                    placeholder="4111…"
+                  />
                 </div>
               </div>
               <div class="actions">
                 <button type="submit" class="primary" data-track="initiate_checkout">
                   Finalizar checkout
                 </button>
+                <button
+                  type="button"
+                  data-track="add_to_cart"
+                  data-product-id="order_bump_01"
+                >
+                  Order bump (selector ATC)
+                </button>
               </div>
             </form>
           </div>
@@ -281,31 +320,29 @@
       </div>
 
       <div class="card">
-        <h2>Checklist manual 13A</h2>
+        <h2>Checklist manual 14C</h2>
         <ul class="checklist">
           <li>[ ] window.PixelV2 existe</li>
           <li>[ ] Pixel inicializa sem erro</li>
-          <li>[ ] PAGE_VIEW dispara no init (Core) — ver Transport sentCount ≥ 1</li>
-          <li>[ ] LEAD manual dispara</li>
-          <li>[ ] LEAD automático dispara com email/phone</li>
-          <li>[ ] LEAD vazio não dispara</li>
-          <li>[ ] ADD_TO_CART manual parcial completa pelo catálogo</li>
-          <li>[ ] ADD_TO_CART automático por data-track dispara</li>
-          <li>[ ] ADD_TO_CART por text:Comprar agora dispara</li>
-          <li>[ ] ADD_TO_CART rápido não duplica (&lt;500ms)</li>
-          <li>[ ] ADD_TO_CART depois de 500ms dispara novamente</li>
-          <li>[ ] REMOVE_FROM_CART remove do state</li>
-          <li>[ ] INITIATE_CHECKOUT usa selectedItems</li>
-          <li>[ ] PURCHASE parcial completa items/value/currency</li>
-          <li>[ ] destroy remove listeners</li>
-          <li>[ ] reinit não duplica listeners</li>
-          <li>[ ] Transport Event real recebe ACK (HTTP)</li>
-          <li>[ ] Transport Batch real recebe ACK (modo Batch)</li>
+          <li>[ ] PAGE_VIEW dispara no init — sem commerce (pageView enrichment off)</li>
+          <li>[ ] INITIATE_CHECKOUT dispara por lifecycle no ready</li>
+          <li>[ ] email+phone no #checkout-form → ADD_TO_CART form (1×)</li>
+          <li>[ ] ADD_TO_CART form contém productId=main_offer</li>
+          <li>[ ] ADD_TO_CART form contém price/currency/quantity</li>
+          <li>[ ] editar address/city/postal depois não re-dispara ATC form</li>
+          <li>[ ] data-track="add_to_cart" / bump → ADD_TO_CART selector</li>
+          <li>[ ] ADD_TO_CART selector order bump contém productId=order_bump_01</li>
+          <li>[ ] preencher cartão → ADD_PAYMENT_INFO (1×, sem número no payload)</li>
+          <li>[ ] LEAD / ATC / IC / PURCHASE manuais funcionam</li>
+          <li>[ ] dedupe ATC &lt;500ms</li>
+          <li>[ ] Transport ACK / Flush</li>
+          <li>[ ] destroy remove listeners / reinit não duplica</li>
+          <li>[ ] Transport Event/Batch real recebe ACK (HTTP)</li>
         </ul>
       </div>
     </div>
 
-    <script src="../../dist/v2/global.global.js"></script>
+    <script src="../../v2/global.global.js"></script>
     <script>
       (function () {
         var params = new URLSearchParams(window.location.search);
@@ -434,11 +471,11 @@
           var pixelId = pixelIdInput.value.trim();
           var batchMode = document.getElementById('batch-mode').value;
           var senderMode = document.getElementById('sender-mode').value;
-          var useHttp = senderMode === 'http';
+          var useInternal = senderMode === 'internal';
           var batchSize = batchMode === 'batch' ? 10 : 1;
 
-          if (useHttp && (!endpoint || !pixelId)) {
-            throw new Error('Preencha PIXEL_API_ENDPOINT e PIXEL_ID para sender HTTP.');
+          if (useInternal && (!endpoint || !pixelId)) {
+            throw new Error('Preencha PIXEL_API_ENDPOINT e PIXEL_ID para sender internal.');
           }
 
           return {
@@ -455,9 +492,66 @@
             },
             transport: {
               ...DEFAULT_PIXEL_CONFIG.transport,
-              apiEndpoint: endpoint || '',
-              timeoutMs: 15000,
+              enabled: true,
+              sender: useInternal
+                ? { mode: 'internal', baseUrl: endpoint }
+                : { mode: 'test', capture: true },
+              batch: {
+                ...DEFAULT_PIXEL_CONFIG.transport.batch,
+                enabled: true,
+                batchSize: batchSize,
+                maxWaitMs: batchMode === 'batch' ? 8000 : 500,
+              },
+              flush: {
+                ...DEFAULT_PIXEL_CONFIG.transport.flush,
+                flushOnDestroy: true,
+              },
+              timeout: {
+                ...DEFAULT_PIXEL_CONFIG.transport.timeout,
+                timeoutMs: 15000,
+              },
+              coordination: { enabled: false },
             },
+            commerce: {
+                            enabled: true,
+                              currency: 'BRL',
+                              catalog: {
+                                products: [
+                                  {
+                                    id: 'main_offer',
+                                    name: 'Oferta Principal RC',
+                                    type: 'main',
+                                    price: 197,
+                                    currency: 'BRL',
+                                    quantity: 1,
+                                  },
+                                  {
+                                    id: 'order_bump_01',
+                                    name: 'Order Bump RC',
+                                    type: 'order_bump',
+                                    price: 47,
+                                    currency: 'BRL',
+                                    quantity: 1,
+                                  },
+                                ],
+                              },
+                              cart: {
+                                mode: 'single_product',
+                                initialItems: [{ productId: 'main_offer', quantity: 1 }],
+                                calculateValueFrom: 'cart',
+                                allowDynamicItems: true,
+                              },
+                            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: {
               ...DEFAULT_PIXEL_CONFIG.modules,
               privacy: { ...DEFAULT_PIXEL_CONFIG.modules.privacy, enabled: false },
@@ -475,39 +569,22 @@
                   trackInitialPageView: true,
                   spa: false,
                 },
+                // sid público ≠ session_id interno do Pixel
+                urlContext: {
+                  enabled: true,
+                  linkDecoration: {
+                    enabled: true,
+                    strategy: 'on_click',
+                    allowedDomains: [
+                      'checkout.bemony.com',
+                      'security.bemony.com',
+                    ],
+                  },
+                },
               },
               conversion: {
                 ...DEFAULT_PIXEL_CONFIG.modules.conversion,
                 enabled: true,
-                commerce: {
-                  currency: 'BRL',
-                  catalog: {
-                    products: [
-                      {
-                        id: 'main_offer',
-                        name: 'Oferta Principal RC',
-                        type: 'main',
-                        price: 197,
-                        currency: 'BRL',
-                        quantity: 1,
-                      },
-                      {
-                        id: 'order_bump_01',
-                        name: 'Order Bump RC',
-                        type: 'order_bump',
-                        price: 47,
-                        currency: 'BRL',
-                        quantity: 1,
-                      },
-                    ],
-                  },
-                  checkout: {
-                    mode: 'single_product',
-                    selectedItems: [{ productId: 'main_offer', quantity: 1 }],
-                    calculateValueFrom: 'selected_items',
-                    allowDynamicItems: true,
-                  },
-                },
                 manual: {
                   pageView: { enabled: false },
                   purchase: { enabled: true },
@@ -524,39 +601,90 @@
                   detectors: {
                     lead: {
                       enabled: true,
-                      selector: '#lead-email, #lead-phone',
-                      selectorType: 'css',
-                      selectorForm: {
-                        fields: ['email', 'phone'],
-                        mode: 'any',
-                        trigger: 'auto',
-                        fireOnce: true,
-                        minRequired: 1,
-                      },
+                      sources: [
+                        {
+                          name: 'lead-form',
+                          type: 'form',
+                          selector: '#lead-email, #lead-phone',
+                          selectorType: 'css',
+                          selectorForm: {
+                            fields: ['email', 'phone'],
+                            mode: 'any',
+                            trigger: 'auto',
+                            fireOnce: true,
+                            minRequired: 1,
+                          },
+                        },
+                      ],
                     },
                     addToCart: {
                       enabled: true,
-                      // sem selectorForm → ConfiguredSelectorDetector (data-track + text)
-                      selector: ['[data-track="add_to_cart"]', 'text:Comprar agora'],
-                      selectorType: 'css',
+                      sources: [
+                        {
+                          name: 'main-product-after-contact',
+                          type: 'form',
+                          selectorForm: {
+                            fields: ['email', 'phone'],
+                            mode: 'all',
+                            formSelector: '#checkout-form',
+                            trigger: 'input',
+                            debounceMs: 300,
+                            fireOnce: true,
+                          },
+                        },
+                        {
+                          name: 'product-or-bump-click',
+                          type: 'selector',
+                          selector: ['[data-track="add_to_cart"]', 'text:Comprar agora'],
+                          selectorType: 'css',
+                          trigger: 'click',
+                          fireOnce: false,
+                        },
+                      ],
                     },
                     initiateCheckout: {
                       enabled: true,
-                      selector: ['#checkout-form', '[data-track="initiate_checkout"]'],
-                      selectorType: 'css',
-                      selectorForm: {
-                        fields: ['email', 'phone'],
-                        mode: 'all',
-                        trigger: 'submit',
-                        fireOnce: false,
-                        minRequired: 2,
-                      },
+                      sources: [
+                        {
+                          name: 'checkout-loaded',
+                          type: 'lifecycle',
+                          trigger: 'ready',
+                          fireOnce: true,
+                        },
+                        {
+                          name: 'checkout-form-submit',
+                          type: 'form',
+                          selector: ['#checkout-form', '[data-track="initiate_checkout"]'],
+                          selectorType: 'css',
+                          selectorForm: {
+                            fields: ['email', 'phone'],
+                            mode: 'all',
+                            formSelector: '#checkout-form',
+                            trigger: 'submit',
+                            fireOnce: false,
+                            minRequired: 2,
+                          },
+                        },
+                      ],
                     },
-                    purchase: { enabled: false },
-                    removeFromCart: { enabled: false },
-                    addPaymentInfo: { enabled: false },
-                    search: { enabled: false },
-                    viewContent: { enabled: false },
+                    purchase: { enabled: false, sources: [] },
+                    removeFromCart: { enabled: false, sources: [] },
+                    addPaymentInfo: {
+                      enabled: true,
+                      sources: [
+                        {
+                          name: 'credit-card-detection',
+                          type: 'payment',
+                          formSelector: '#checkout-form',
+                          cardDetection: true,
+                          autoDispatch: true,
+                          fireOnce: true,
+                          paymentMethod: 'CREDIT_CARD',
+                        },
+                      ],
+                    },
+                    search: { enabled: false, sources: [] },
+                    viewContent: { enabled: false, sources: [] },
                   },
                 },
                 rules: {
@@ -564,29 +692,6 @@
                   enabled: false,
                 },
               },
-              transport: {
-                ...DEFAULT_PIXEL_CONFIG.modules.transport,
-                enabled: true,
-                mockSender: { enabled: !useHttp },
-                sender: { mode: useHttp ? 'http' : 'mock' },
-                batch: {
-                  ...DEFAULT_PIXEL_CONFIG.modules.transport.batch,
-                  enabled: true,
-                  batchSize: batchSize,
-                  flushIntervalMs: batchMode === 'batch' ? 8000 : 200,
-                  maxWaitMs: batchMode === 'batch' ? 8000 : 500,
-                },
-                flush: {
-                  ...DEFAULT_PIXEL_CONFIG.modules.transport.flush,
-                  flushIntervalMs: batchMode === 'batch' ? 8000 : 200,
-                  flushOnDestroy: true,
-                },
-                timeout: {
-                  ...DEFAULT_PIXEL_CONFIG.modules.transport.timeout,
-                  timeoutMs: 15000,
-                },
-                coordination: { enabled: false },
-              },
             },
           };
         }
@@ -620,6 +725,13 @@
           var Pixel = window.PixelV2.Pixel;
           pixel = new Pixel(buildConfig());
           await pixel.init();
+          if (document.getElementById('sender-mode').value === 'test') {
+            pixel.configureTransportTestSender({
+              capture: true,
+              response: 'success',
+              delayMs: 0,
+            });
+          }
           initCount += 1;
 
           var services = pixel.getDebugServices();

package/dist/examples/html-script/remove-from-cart/README.md

@@ -2,7 +2,7 @@
 
 Cada HTML valida **um** comportamento. Abra um de cada vez.
 
-> **Nota:** `removeFromCart` **não** tem `selectorForm` no contrato (só selector).
+> **Nota:** `removeFromCart` **não** tem `sources[]` com `type: 'form'` (só selector).
 > Fontes: payload manual, `data-product-id`, commerce state.
 
 | # | Arquivo | Como dispara | O que valida |
@@ -12,16 +12,16 @@ Cada HTML valida **um** comportamento. Abra um de cada vez.
 | 3 | [`example-remove-from-cart-css.html`](./example-remove-from-cart-css.html) | `.remove-from-cart` | Seletor CSS class |
 | 4 | [`example-remove-from-cart-manual.html`](./example-remove-from-cart-manual.html) | `pixel.removeFromCart()` | API + sem productId |
 | 5 | [`example-remove-from-cart-state.html`](./example-remove-from-cart-state.html) | atributo + state | `removeItem` / cart mirror |
-| 6 | [`example-remove-from-cart-dedupe.html`](./example-remove-from-cart-dedupe.html) | clique / API | Dedupe por `productId` (sem janela) |
+| 6 | [`example-remove-from-cart-dedupe.html`](./example-remove-from-cart-dedupe.html) | clique / API | Dedupe por `productId` (janela 500ms) |
 | 7 | [`example-remove-from-cart-multi.html`](./example-remove-from-cart-multi.html) | multi botões | Remoção seletiva de 3 itens |
 
 ## Dedupe (importante)
 
 ```txt
-REMOVE_FROM_CART:product:{productId}
+REMOVE_FROM_CART:product:{productId}:qty:{n}:bucket:{t}
 ```
 
-Sem bucket de tempo (diferente do ADD ~500ms). Segundo remove do mesmo id na sessão é bloqueado até **Reinitialize**.
+Mesma janela de ~500ms do ADD. Clique duplo no mesmo id é 1 evento; add → remove → add → remove dispara de novo após a janela.
 
 ## Como abrir