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

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

@@ -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,26 +320,24 @@
       </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>
@@ -458,6 +495,46 @@
               apiEndpoint: endpoint || '',
               timeoutMs: 15000,
             },
+            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 +552,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 +584,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, 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',
+                        },
+                      ],
                     },
-                    purchase: { enabled: false },
-                    removeFromCart: { enabled: false },
-                    addPaymentInfo: { enabled: false },
-                    search: { enabled: false },
-                    viewContent: { enabled: false },
+                    search: { enabled: false, sources: [] },
+                    viewContent: { enabled: false, sources: [] },
                   },
                 },
                 rules: {

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 |

package/dist/examples/html-script/remove-from-cart/example-remove-from-cart-attribute.html

@@ -203,10 +203,19 @@ code { font-size: 0.85em; }
 
       function removeFromCartDetectorConfig() {
         return {
-          enabled: true,
-          selector: ['[data-track="remove_from_cart"]'],
-          selectorType: 'css',
-        };
+            enabled: true,
+            sources: [
+              {
+                name: 'removeFromCart-selector',
+                type: 'selector',
+                selector: [
+                  '[data-track=\'remove_from_cart\']'
+                ],
+                selectorType: 'css',
+                trigger: 'click'
+              }
+            ]
+          };
       }
 
       function buildConfig() {
@@ -225,6 +234,73 @@ 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: 'order_bump_01',
+                                name: 'Order Bump Especial',
+                                type: 'order_bump',
+                                price: 47,
+                                currency: 'BRL',
+                                quantity: 1,
+                              },
+                              {
+                                id: 'upsell_01',
+                                name: 'Upsell 01',
+                                type: 'upsell',
+                                price: 97,
+                                currency: 'BRL',
+                                quantity: 1,
+                              },
+                            ] },
+                          cart: {
+                            mode: 'single_product',
+                            initialItems: [
+                              { productId: 'main_offer', quantity: 1 },
+                              { productId: 'order_bump_01', quantity: 1 },
+                            ],
+                            calculateValueFrom: 'cart',
+                            allowDynamicItems: true,
+                          },
+                          mappings: {
+                            attributes: {
+                              productId: ['data-product-id', 'data-sku', 'data-offer-id'],
+                              productName: ['data-product-name', 'data-name'],
+                              price: ['data-product-price', 'data-price'],
+                              quantity: ['data-quantity', 'data-qty'],
+                              currency: ['data-currency'],
+                            },
+                            fields: {
+                              productId: ['productId', 'product_id', 'offerId', 'sku'],
+                              productName: ['productName', 'product_name'],
+                              price: ['price', 'amount'],
+                              quantity: ['quantity', 'qty'],
+                              currency: ['currency'],
+                              email: ['email', 'customerEmail'],
+                              phone: ['phone', 'telefone', 'customerPhone'],
+                            },
+                          },
+                          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,84 +362,28 @@ 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: 'order_bump_01',
-                      name: 'Order Bump Especial',
-                      type: 'order_bump',
-                      price: 47,
-                      currency: 'BRL',
-                      quantity: 1,
-                    },
-                    {
-                      id: 'upsell_01',
-                      name: 'Upsell 01',
-                      type: 'upsell',
-                      price: 97,
-                      currency: 'BRL',
-                      quantity: 1,
-                    },
-                  ] },
-                checkout: {
-                  mode: 'single_product',
-                  selectedItems: [
-                    { productId: 'main_offer', quantity: 1 },
-                    { productId: 'order_bump_01', quantity: 1 },
-                  ],
-                  calculateValueFrom: 'selected_items',
-                  allowDynamicItems: true,
-                },
-                mappings: {
-                  attributes: {
-                    productId: ['data-product-id', 'data-sku', 'data-offer-id'],
-                    productName: ['data-product-name', 'data-name'],
-                    price: ['data-product-price', 'data-price'],
-                    quantity: ['data-quantity', 'data-qty'],
-                    currency: ['data-currency'],
-                  },
-                  fields: {
-                    productId: ['productId', 'product_id', 'offerId', 'sku'],
-                    productName: ['productName', 'product_name'],
-                    price: ['price', 'amount'],
-                    quantity: ['quantity', 'qty'],
-                    currency: ['currency'],
-                    email: ['email', 'customerEmail'],
-                    phone: ['phone', 'telefone', 'customerPhone'],
-                  },
-                },
-              },
               manual: {
                 pageView: { enabled: false },
-                purchase: { enabled: false },
-                lead: { enabled: false },
+                purchase: { enabled: false, sources: [] },
+                lead: { enabled: false, sources: [] },
                 addToCart: { enabled: true },
                 removeFromCart: { enabled: true },
-                initiateCheckout: { enabled: false },
-                addPaymentInfo: { enabled: false },
-                search: { enabled: false },
-                viewContent: { enabled: false },
+                initiateCheckout: { enabled: false, sources: [] },
+                addPaymentInfo: { enabled: false, sources: [] },
+                search: { enabled: false, sources: [] },
+                viewContent: { enabled: false, sources: [] },
               },
               auto: {
                 enabled: true,
                 detectors: {
-                  lead: { enabled: false },
-                  purchase: { enabled: false },
-                  addToCart: { enabled: false },
+                  lead: { enabled: false, sources: [] },
+                  purchase: { enabled: false, sources: [] },
+                  addToCart: { enabled: false, sources: [] },
                   removeFromCart: removeFromCartDetectorConfig(),
-                  initiateCheckout: { enabled: false },
-                  addPaymentInfo: { enabled: false },
-                  search: { enabled: false },
-                  viewContent: { enabled: false },
+                  initiateCheckout: { enabled: false, sources: [] },
+                  addPaymentInfo: { enabled: false, sources: [] },
+                  search: { enabled: false, sources: [] },
+                  viewContent: { enabled: false, sources: [] },
                 },
               },
               rules: {