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

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

@@ -94,7 +94,7 @@ code { font-size: 0.85em; }
 <a href="example-initiate-checkout-manual.html" class="active">6. Manual API</a>
 <a href="example-initiate-checkout-snapshot.html" class="">7. Snapshot/value</a></div>
       <div class="hint"><strong>Contexto:</strong> API manual. Auto detector desligado.
-      Valida snapshot de selectedItems, override de <code>value</code> e payload com items.</div>
+      Valida snapshot de initialItems, override de <code>value</code> e payload com items.</div>
 
       <div class="card">
         <h2>Lifecycle</h2>
@@ -110,7 +110,7 @@ code { font-size: 0.85em; }
         <div>
           <div class="card">
             <h2>API manual <span class="pill">TrackerFactory</span></h2>
-            <div class="ctx">selectedItems: main_offer. Override deve preservar value manual.</div>
+            <div class="ctx">initialItems: main_offer. Override deve preservar value manual.</div>
             <div class="actions">
               <button id="btn-empty" class="primary" type="button">
                 initiateCheckout()
@@ -123,13 +123,13 @@ code { font-size: 0.85em; }
               </button>
             </div>
             <p class="sub">
-              Vazio → value do selectedItems/catalog. value:999 → preserva 999.
+              Vazio → value do initialItems/catalog. value:999 → preserva 999.
             </p>
           </div>
           <div class="card">
             <h2>Checklist</h2>
             <ul class="checklist">
-              <li>[ ] Sem args → snapshot de selectedItems (≈197)</li>
+              <li>[ ] Sem args → snapshot de initialItems (≈197)</li>
               <li>[ ] value:999 → snapshot.value = 999</li>
               <li>[ ] items manuais → usa/mescla items do payload</li>
               <li>[ ] Nenhum detector auto ativo</li>
@@ -162,7 +162,7 @@ code { font-size: 0.85em; }
       </div>
     </div>
 
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
       const API_ENDPOINT =
@@ -187,7 +187,10 @@ code { font-size: 0.85em; }
       const counts = {};
 
       function initiateCheckoutDetectorConfig() {
-        return { enabled: false };
+        return {
+            enabled: false,
+            sources: []
+          };
       }
 
       function buildConfig() {
@@ -201,11 +204,112 @@ code { font-size: 0.85em; }
             debug: true,
           },
           transport: {
-            ...DEFAULT_PIXEL_CONFIG.transport,
-            apiEndpoint: API_ENDPOINT,
-            timeoutMs: 10000,
+            ...base.transport,
+            enabled: true,
+            sender: { mode: 'internal', baseUrl: API_ENDPOINT },
+            persistence: { enabled: true },
+            replay: { enabled: true },
+            ordering: { enabled: true },
+            coordination: { enabled: true },
+            circuitBreaker: {
+              enabled: true,
+              failureThreshold: 5,
+              resetTimeoutMs: 30000,
+              halfOpenMaxAttempts: 2,
+            },
+            backpressure: {
+              enabled: true,
+              maxQueueSize: 500,
+              policy: 'drop_oldest',
+              sampleRate: 0.5,
+            },
+            deadLetter: { enabled: true, maxEntries: 200 },
+            compression: { enabled: true, strategy: 'identity' },
+            retry: {
+              enabled: true,
+              maxAttempts: 4,
+              baseDelayMs: 500,
+              maxDelayMs: 4000,
+              multiplier: 2,
+            },
+            batch: {
+              enabled: true,
+              batchSize: 10,
+              maxWaitMs: 5000,
+            },
+            timeout: { enabled: true, timeoutMs: 10000 },
+            offline: { enabled: true },
+            flush: {
+              enabled: true,
+              flushOnDestroy: true,
+              prepareUnloadHooks: true,
+            },
           },
           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: {
@@ -220,128 +324,31 @@ code { font-size: 0.85em; }
             },
             behavior: { ...base.modules.behavior, enabled: false },
             privacy: { ...base.modules.privacy, enabled: false },
-            transport: {
-              enabled: true,
-              mockSender: { enabled: false },
-              sender: { mode: 'http' },
-              persistence: { enabled: true },
-              replay: { enabled: true },
-              ordering: { enabled: true },
-              coordination: { enabled: true },
-              circuitBreaker: {
-                enabled: true,
-                failureThreshold: 5,
-                resetTimeoutMs: 30000,
-                halfOpenMaxAttempts: 2,
-              },
-              backpressure: {
-                enabled: true,
-                maxQueueSize: 500,
-                policy: 'drop_oldest',
-                sampleRate: 0.5,
-              },
-              deadLetter: { enabled: true, maxEntries: 200 },
-              compression: { enabled: true, strategy: 'identity' },
-              retry: {
-                enabled: true,
-                maxAttempts: 4,
-                baseDelayMs: 500,
-                maxDelayMs: 4000,
-                multiplier: 2,
-              },
-              batch: {
-                enabled: true,
-                batchSize: 10,
-                flushIntervalMs: 2000,
-                maxWaitMs: 5000,
-              },
-              timeout: { enabled: true, timeoutMs: 10000 },
-              offline: { enabled: true },
-              flush: {
-                enabled: true,
-                flushIntervalMs: 2000,
-                flushOnDestroy: true,
-                prepareUnloadHooks: true,
-              },
-            },
             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-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>
 
@@ -171,7 +171,7 @@ code { font-size: 0.85em; }
       </div>
     </div>
 
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;
       const API_ENDPOINT =
@@ -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() {
@@ -214,11 +223,115 @@ code { font-size: 0.85em; }
             debug: true,
           },
           transport: {
-            ...DEFAULT_PIXEL_CONFIG.transport,
-            apiEndpoint: API_ENDPOINT,
-            timeoutMs: 10000,
+            ...base.transport,
+            enabled: true,
+            sender: { mode: 'internal', baseUrl: API_ENDPOINT },
+            persistence: { enabled: true },
+            replay: { enabled: true },
+            ordering: { enabled: true },
+            coordination: { enabled: true },
+            circuitBreaker: {
+              enabled: true,
+              failureThreshold: 5,
+              resetTimeoutMs: 30000,
+              halfOpenMaxAttempts: 2,
+            },
+            backpressure: {
+              enabled: true,
+              maxQueueSize: 500,
+              policy: 'drop_oldest',
+              sampleRate: 0.5,
+            },
+            deadLetter: { enabled: true, maxEntries: 200 },
+            compression: { enabled: true, strategy: 'identity' },
+            retry: {
+              enabled: true,
+              maxAttempts: 4,
+              baseDelayMs: 500,
+              maxDelayMs: 4000,
+              multiplier: 2,
+            },
+            batch: {
+              enabled: true,
+              batchSize: 10,
+              maxWaitMs: 5000,
+            },
+            timeout: { enabled: true, timeoutMs: 10000 },
+            offline: { enabled: true },
+            flush: {
+              enabled: true,
+              flushOnDestroy: true,
+              prepareUnloadHooks: true,
+            },
           },
           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: {
@@ -233,131 +346,31 @@ code { font-size: 0.85em; }
             },
             behavior: { ...base.modules.behavior, enabled: false },
             privacy: { ...base.modules.privacy, enabled: false },
-            transport: {
-              enabled: true,
-              mockSender: { enabled: false },
-              sender: { mode: 'http' },
-              persistence: { enabled: true },
-              replay: { enabled: true },
-              ordering: { enabled: true },
-              coordination: { enabled: true },
-              circuitBreaker: {
-                enabled: true,
-                failureThreshold: 5,
-                resetTimeoutMs: 30000,
-                halfOpenMaxAttempts: 2,
-              },
-              backpressure: {
-                enabled: true,
-                maxQueueSize: 500,
-                policy: 'drop_oldest',
-                sampleRate: 0.5,
-              },
-              deadLetter: { enabled: true, maxEntries: 200 },
-              compression: { enabled: true, strategy: 'identity' },
-              retry: {
-                enabled: true,
-                maxAttempts: 4,
-                baseDelayMs: 500,
-                maxDelayMs: 4000,
-                multiplier: 2,
-              },
-              batch: {
-                enabled: true,
-                batchSize: 10,
-                flushIntervalMs: 2000,
-                maxWaitMs: 5000,
-              },
-              timeout: { enabled: true, timeoutMs: 10000 },
-              offline: { enabled: true },
-              flush: {
-                enabled: true,
-                flushIntervalMs: 2000,
-                flushOnDestroy: true,
-                prepareUnloadHooks: true,
-              },
-            },
             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: {