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

package/dist/examples/html-script/add-to-cart/example-add-to-cart-auto.html

@@ -95,7 +95,7 @@ code { font-size: 0.85em; }
 <a href="example-add-to-cart-order-bump.html" class="">7. Order bump</a></div>
       <div class="hint"><strong>Contexto:</strong> ao completar contato no checkout, dispara
       <code>ADD_TO_CART</code> automaticamente (input/change) com produto de
-      <code>selectedItems</code> / catálogo. <code>fireOnce: true</code>.</div>
+      <code>initialItems</code> / catálogo. <code>fireOnce: true</code>.</div>
 
       <div class="card">
         <h2>Lifecycle</h2>
@@ -112,7 +112,7 @@ code { font-size: 0.85em; }
           <div class="card">
             <h2>Contato → add automático <span class="pill">selectorForm · auto</span></h2>
             <div class="ctx">
-              selectedItems já tem <code>main_offer</code>. Completar email+phone
+              initialItems já tem <code>main_offer</code>. Completar email+phone
               dispara o add sem clicar.
             </div>
             <form id="checkout-contact-form">
@@ -141,7 +141,7 @@ code { font-size: 0.85em; }
               <li>[ ] Só email → não dispara</li>
               <li>[ ] Só phone → não dispara</li>
               <li>[ ] Ambos via input → <code>ADD_TO_CART</code> automático</li>
-              <li>[ ] Payload enriquecido (catalog / selectedItems)</li>
+              <li>[ ] Payload enriquecido (catalog / initialItems)</li>
               <li>[ ] fireOnce impede duplicata</li>
             </ul>
           </div>
@@ -199,18 +199,29 @@ code { font-size: 0.85em; }
 
       function addToCartDetectorConfig() {
         return {
-          enabled: true,
-          selector: ['#checkout-contact-form'],
-          selectorType: 'css',
-          selectorForm: {
-            fields: ['email', 'phone'],
-            mode: 'all',
-            formSelector: '#checkout-contact-form',
-            trigger: 'auto',
-            debounceMs: 300,
-            fireOnce: true,
-          },
-        };
+            enabled: true,
+            sources: [
+              {
+                name: 'addToCart-form',
+                type: 'form',
+                selectorForm: {
+                  fields: [
+                    'email',
+                    'phone'
+                  ],
+                  mode: 'all',
+                  formSelector: '#checkout-contact-form',
+                  trigger: 'auto',
+                  debounceMs: 300,
+                  fireOnce: true
+                },
+                selector: [
+                  '#checkout-contact-form'
+                ],
+                selectorType: 'css'
+              }
+            ]
+          };
       }
 
       function buildConfig() {
@@ -229,6 +240,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: {
@@ -290,81 +365,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 },
+                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 },
+                  lead: { enabled: false, sources: [] },
+                  purchase: { enabled: false, sources: [] },
                   addToCart: addToCartDetectorConfig(),
-                  removeFromCart: { enabled: false },
-                  initiateCheckout: { enabled: false },
-                  addPaymentInfo: { enabled: false },
-                  search: { enabled: false },
-                  viewContent: { enabled: false },
+                  removeFromCart: { enabled: false, sources: [] },
+                  initiateCheckout: { enabled: false, sources: [] },
+                  addPaymentInfo: { enabled: false, sources: [] },
+                  search: { enabled: false, sources: [] },
+                  viewContent: { enabled: false, sources: [] },
                 },
               },
               rules: {

package/dist/examples/html-script/add-to-cart/example-add-to-cart-click.html

@@ -206,18 +206,30 @@ code { font-size: 0.85em; }
 
       function addToCartDetectorConfig() {
         return {
-          enabled: true,
-          selector: ['[data-track="add_to_cart"]', 'text:Adicionar ao carrinho'],
-          selectorType: 'css',
-          selectorForm: {
-            fields: ['email', 'phone'],
-            mode: 'all',
-            formSelector: '#checkout-form',
-            trigger: 'click',
-            debounceMs: 0,
-            fireOnce: false,
-          },
-        };
+            enabled: true,
+            sources: [
+              {
+                name: 'addToCart-form',
+                type: 'form',
+                selectorForm: {
+                  fields: [
+                    'email',
+                    'phone'
+                  ],
+                  mode: 'all',
+                  formSelector: '#checkout-form',
+                  trigger: 'click',
+                  debounceMs: 0,
+                  fireOnce: false
+                },
+                selector: [
+                  '[data-track=\'add_to_cart\']',
+                  'text:Adicionar ao carrinho'
+                ],
+                selectorType: 'css'
+              }
+            ]
+          };
       }
 
       function buildConfig() {
@@ -236,6 +248,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: {
@@ -297,81 +373,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 },
+                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 },
+                  lead: { enabled: false, sources: [] },
+                  purchase: { enabled: false, sources: [] },
                   addToCart: addToCartDetectorConfig(),
-                  removeFromCart: { enabled: false },
-                  initiateCheckout: { enabled: false },
-                  addPaymentInfo: { enabled: false },
-                  search: { enabled: false },
-                  viewContent: { enabled: false },
+                  removeFromCart: { enabled: false, sources: [] },
+                  initiateCheckout: { enabled: false, sources: [] },
+                  addPaymentInfo: { enabled: false, sources: [] },
+                  search: { enabled: false, sources: [] },
+                  viewContent: { enabled: false, sources: [] },
                 },
               },
               rules: {

package/dist/examples/html-script/add-to-cart/example-add-to-cart-dedupe.html

@@ -194,10 +194,19 @@ code { font-size: 0.85em; }
 
       function addToCartDetectorConfig() {
         return {
-          enabled: true,
-          selector: ['[data-track="add_to_cart"]'],
-          selectorType: 'css',
-        };
+            enabled: true,
+            sources: [
+              {
+                name: 'addToCart-selector',
+                type: 'selector',
+                selector: [
+                  '[data-track=\'add_to_cart\']'
+                ],
+                selectorType: 'css',
+                trigger: 'click'
+              }
+            ]
+          };
       }
 
       function buildConfig() {
@@ -216,6 +225,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: {
@@ -277,81 +350,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 },
+                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 },
+                  lead: { enabled: false, sources: [] },
+                  purchase: { enabled: false, sources: [] },
                   addToCart: addToCartDetectorConfig(),
-                  removeFromCart: { enabled: false },
-                  initiateCheckout: { enabled: false },
-                  addPaymentInfo: { enabled: false },
-                  search: { enabled: false },
-                  viewContent: { enabled: false },
+                  removeFromCart: { enabled: false, sources: [] },
+                  initiateCheckout: { enabled: false, sources: [] },
+                  addPaymentInfo: { enabled: false, sources: [] },
+                  search: { enabled: false, sources: [] },
+                  viewContent: { enabled: false, sources: [] },
                 },
               },
               rules: {