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

package/dist/examples/html-script/initiate-checkout/example-initiate-checkout-snapshot.html

@@ -93,7 +93,7 @@ code { font-size: 0.85em; }
 <a href="example-initiate-checkout-text.html" class="">5. Text</a>
 <a href="example-initiate-checkout-manual.html" class="">6. Manual API</a>
 <a href="example-initiate-checkout-snapshot.html" class="active">7. Snapshot/value</a></div>
-      <div class="hint"><strong>Contexto:</strong> selectedItems com main (197) + bump (47).
+      <div class="hint"><strong>Contexto:</strong> initialItems com main (197) + bump (47).
       Esperado: <code>value ≈ 244</code>, <code>numItems</code> / items com os dois.
       Painel “Checkout snapshot” destaca value/items.</div>
 
@@ -197,10 +197,19 @@ code { font-size: 0.85em; }
 
       function initiateCheckoutDetectorConfig() {
         return {
-          enabled: true,
-          selector: ['[data-track="initiate_checkout"]'],
-          selectorType: 'css',
-        };
+            enabled: true,
+            sources: [
+              {
+                name: 'initiateCheckout-selector',
+                type: 'selector',
+                selector: [
+                  '[data-track=\'initiate_checkout\']'
+                ],
+                selectorType: 'css',
+                trigger: 'click'
+              }
+            ]
+          };
       }
 
       function buildConfig() {
@@ -219,6 +228,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: {
@@ -280,84 +356,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 },
-                addToCart: { enabled: false },
-                removeFromCart: { enabled: false },
+                purchase: { enabled: false, sources: [] },
+                lead: { enabled: false, sources: [] },
+                addToCart: { enabled: false, sources: [] },
+                removeFromCart: { enabled: false, sources: [] },
                 initiateCheckout: { enabled: true },
-                addPaymentInfo: { enabled: false },
-                search: { enabled: false },
-                viewContent: { enabled: false },
+                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 },
-                  removeFromCart: { enabled: false },
+                  lead: { enabled: false, sources: [] },
+                  purchase: { enabled: false, sources: [] },
+                  addToCart: { enabled: false, sources: [] },
+                  removeFromCart: { enabled: false, sources: [] },
                   initiateCheckout: initiateCheckoutDetectorConfig(),
-                  addPaymentInfo: { enabled: false },
-                  search: { enabled: false },
-                  viewContent: { enabled: false },
+                  addPaymentInfo: { enabled: false, sources: [] },
+                  search: { enabled: false, sources: [] },
+                  viewContent: { enabled: false, sources: [] },
                 },
               },
               rules: {

package/dist/examples/html-script/initiate-checkout/example-initiate-checkout-submit.html

@@ -193,22 +193,31 @@ code { font-size: 0.85em; }
 
       function initiateCheckoutDetectorConfig() {
         return {
-          enabled: true,
-          selector: [
-            '[data-track="initiate_checkout"]',
-            '#checkout-form',
-            'text:Finalizar compra',
-          ],
-          selectorType: 'css',
-          selectorForm: {
-            fields: ['email', 'phone'],
-            mode: 'all',
-            formSelector: '#checkout-form',
-            trigger: 'submit',
-            debounceMs: 100,
-            fireOnce: true,
-          },
-        };
+            enabled: true,
+            sources: [
+              {
+                name: 'initiateCheckout-form',
+                type: 'form',
+                selectorForm: {
+                  fields: [
+                    'email',
+                    'phone'
+                  ],
+                  mode: 'all',
+                  formSelector: '#checkout-form',
+                  trigger: 'submit',
+                  debounceMs: 100,
+                  fireOnce: true
+                },
+                selector: [
+                  '[data-track=\'initiate_checkout\']',
+                  '#checkout-form',
+                  'text:Finalizar compra'
+                ],
+                selectorType: 'css'
+              }
+            ]
+          };
       }
 
       function buildConfig() {
@@ -227,6 +236,70 @@ 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 }],
+                            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: {
@@ -288,81 +361,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 }],
-                  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 },
-                addToCart: { enabled: false },
-                removeFromCart: { enabled: false },
+                purchase: { enabled: false, sources: [] },
+                lead: { enabled: false, sources: [] },
+                addToCart: { enabled: false, sources: [] },
+                removeFromCart: { enabled: false, sources: [] },
                 initiateCheckout: { enabled: true },
-                addPaymentInfo: { enabled: false },
-                search: { enabled: false },
-                viewContent: { enabled: false },
+                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 },
-                  removeFromCart: { enabled: false },
+                  lead: { enabled: false, sources: [] },
+                  purchase: { enabled: false, sources: [] },
+                  addToCart: { enabled: false, sources: [] },
+                  removeFromCart: { enabled: false, sources: [] },
                   initiateCheckout: initiateCheckoutDetectorConfig(),
-                  addPaymentInfo: { enabled: false },
-                  search: { enabled: false },
-                  viewContent: { enabled: false },
+                  addPaymentInfo: { enabled: false, sources: [] },
+                  search: { enabled: false, sources: [] },
+                  viewContent: { enabled: false, sources: [] },
                 },
               },
               rules: {

package/dist/examples/html-script/initiate-checkout/example-initiate-checkout-text.html

@@ -189,21 +189,33 @@ code { font-size: 0.85em; }
 
       function initiateCheckoutDetectorConfig() {
         return {
-          enabled: true,
-          selector: [
-            'text:Finalizar compra',
-            { type: 'text', value: 'Finalizar compra' },
-          ],
-          selectorType: 'css',
-          selectorForm: {
-            fields: ['email', 'phone'],
-            mode: 'all',
-            formSelector: '#buy-form',
-            trigger: 'click',
-            debounceMs: 0,
-            fireOnce: false,
-          },
-        };
+            enabled: true,
+            sources: [
+              {
+                name: 'initiateCheckout-form',
+                type: 'form',
+                selectorForm: {
+                  fields: [
+                    'email',
+                    'phone'
+                  ],
+                  mode: 'all',
+                  formSelector: '#buy-form',
+                  trigger: 'click',
+                  debounceMs: 0,
+                  fireOnce: false
+                },
+                selector: [
+                  'text:Finalizar compra',
+                  {
+                    type: 'text',
+                    value: 'Finalizar compra'
+                  }
+                ],
+                selectorType: 'css'
+              }
+            ]
+          };
       }
 
       function buildConfig() {
@@ -222,6 +234,70 @@ 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 }],
+                            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: {
@@ -283,81 +359,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 }],
-                  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 },
-                addToCart: { enabled: false },
-                removeFromCart: { enabled: false },
+                purchase: { enabled: false, sources: [] },
+                lead: { enabled: false, sources: [] },
+                addToCart: { enabled: false, sources: [] },
+                removeFromCart: { enabled: false, sources: [] },
                 initiateCheckout: { enabled: true },
-                addPaymentInfo: { enabled: false },
-                search: { enabled: false },
-                viewContent: { enabled: false },
+                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 },
-                  removeFromCart: { enabled: false },
+                  lead: { enabled: false, sources: [] },
+                  purchase: { enabled: false, sources: [] },
+                  addToCart: { enabled: false, sources: [] },
+                  removeFromCart: { enabled: false, sources: [] },
                   initiateCheckout: initiateCheckoutDetectorConfig(),
-                  addPaymentInfo: { enabled: false },
-                  search: { enabled: false },
-                  viewContent: { enabled: false },
+                  addPaymentInfo: { enabled: false, sources: [] },
+                  search: { enabled: false, sources: [] },
+                  viewContent: { enabled: false, sources: [] },
                 },
               },
               rules: {

package/dist/examples/html-script/lead/README.md

@@ -6,20 +6,22 @@ Cada HTML valida **um** comportamento. Abra um de cada vez.
 
 | Arquivo | Trigger | Contexto | Detector |
 |---------|---------|----------|----------|
-| [`example-lead-trigger-click.html`](./example-lead-trigger-click.html) | `click` | Newsletter — inscrição explícita | `ConfiguredForm` + `selectorForm` |
-| [`example-lead-trigger-auto.html`](./example-lead-trigger-auto.html) | `auto` | Checkout — contato preenchido | `ConfiguredForm` + `selectorForm` |
-| [`example-lead-trigger-attribute.html`](./example-lead-trigger-attribute.html) | clique no seletor | Atributo `data-track="lead"` | `ConfiguredSelector` (sem `selectorForm`) |
+| [`example-lead-trigger-click.html`](./example-lead-trigger-click.html) | `click` | Newsletter — inscrição explícita | `ConfiguredForm` + source `type: form` |
+| [`example-lead-trigger-auto.html`](./example-lead-trigger-auto.html) | `auto` | Checkout — contato preenchido | `ConfiguredForm` + source `type: form` |
+| [`example-lead-trigger-attribute.html`](./example-lead-trigger-attribute.html) | clique no seletor | Atributo `data-track="lead"` | `ConfiguredSelector` (source `type: selector`) |
 
 ### Como abrir
 
-1. Na raiz: `npm run build` (ou use `dist/v2/global.global.js` já gerado)
-2. Abra o HTML (live server / file)
-3. Script: `../../dist/v2/global.global.js`
+1. Na raiz: `npm run build` (gera `dist/v2/global.global.js`)
+2. Abra o HTML (Live Server na raiz do repo, ou `file://`)
+3. Script nos HTMLs: `../../../dist/v2/global.global.js` (3 níveis — pasta `lead/`)
+
+Se o pill ficar **offline** e Active detectors vazio, o bundle não carregou (`window.PixelV2` undefined).
 
 ### Regras rápidas
 
 - **Click (newsletter):** `mode: 'all'` — email **e** phone + clique no CTA.
 - **Auto (checkout):** `mode: 'all'` — dispara no `input`/`change` quando ambos estão ok (`fireOnce`).
-- **Atributo:** sem `selectorForm` — clique em `[data-track="lead"]` + extract do form pai (email **ou** phone **ou** name).
+- **Atributo:** source `type: selector` — clique em `[data-track="lead"]` + extract do form pai (email **ou** phone **ou** name).
 
 Demais eventos de commerce ficam desabilitados nestes playgrounds.