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

package/dist/examples/html-script/search/example-search-attribute.html

@@ -188,10 +188,19 @@ code { font-size: 0.85em; }
 
       function searchDetectorConfig() {
         return {
-          enabled: true,
-          selector: ['[data-track="search"]'],
-          selectorType: 'css',
-        };
+            enabled: true,
+            sources: [
+              {
+                name: 'search-selector',
+                type: 'selector',
+                selector: [
+                  '[data-track=\'search\']'
+                ],
+                selectorType: 'css',
+                trigger: 'click'
+              }
+            ]
+          };
       }
 
       function buildConfig() {
@@ -210,6 +219,45 @@ code { font-size: 0.85em; }
             timeoutMs: 10000,
           },
           identity: { ...base.identity, pixelId: PIXEL_ID },
+          commerce: {
+                          enabled: true,
+                          currency: 'BRL',
+                          catalog: { products: [] },
+                          cart: {
+                            mode: 'single_product',
+                            initialItems: [],
+                            calculateValueFrom: 'cart',
+                            allowDynamicItems: true,
+                          },
+                          mappings: {
+                            attributes: {
+                              productId: ['data-product-id'],
+                              productName: ['data-product-name'],
+                              price: ['data-product-price'],
+                              quantity: ['data-quantity'],
+                              currency: ['data-currency'],
+                            },
+                            fields: {
+                              email: ['email'],
+                              phone: ['phone'],
+                              productId: ['productId'],
+                              productName: ['productName'],
+                              price: ['price'],
+                              quantity: ['quantity'],
+                              currency: ['currency'],
+                            },
+                          },
+                          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: {
@@ -271,61 +319,28 @@ code { font-size: 0.85em; }
             integrations: { ...base.modules.integrations, enabled: false },
             conversion: {
               enabled: true,
-              commerce: {
-                currency: 'BRL',
-                catalog: { products: [] },
-                checkout: {
-                  mode: 'single_product',
-                  selectedItems: [],
-                  calculateValueFrom: 'selected_items',
-                  allowDynamicItems: true,
-                },
-                mappings: {
-                  attributes: {
-                    productId: ['data-product-id'],
-                    productName: ['data-product-name'],
-                    price: ['data-product-price'],
-                    quantity: ['data-quantity'],
-                    currency: ['data-currency'],
-                  },
-                  fields: {
-                    email: ['email'],
-                    phone: ['phone'],
-                    productId: ['productId'],
-                    productName: ['productName'],
-                    price: ['price'],
-                    quantity: ['quantity'],
-                    currency: ['currency'],
-                  },
-                },
-              },
               manual: {
                 pageView: { enabled: false },
-                purchase: { enabled: false },
-                lead: { enabled: false },
-                addToCart: { enabled: false },
-                removeFromCart: { enabled: false },
-                initiateCheckout: { enabled: false },
-                addPaymentInfo: { enabled: false },
+                purchase: { enabled: false, sources: [] },
+                lead: { enabled: false, sources: [] },
+                addToCart: { enabled: false, sources: [] },
+                removeFromCart: { enabled: false, sources: [] },
+                initiateCheckout: { enabled: false, sources: [] },
+                addPaymentInfo: { enabled: false, sources: [] },
                 search: { enabled: true },
-                viewContent: { enabled: false },
+                viewContent: { enabled: false, sources: [] },
               },
               auto: {
                 enabled: true,
                 detectors: {
-                  lead: { enabled: false },
-                  purchase: { enabled: false },
-                  addToCart: { enabled: false },
-                  removeFromCart: { enabled: false },
-                  initiateCheckout: { enabled: false },
-                  addPaymentInfo: {
-                    enabled: false,
-                    paymentMethod: 'CREDIT_CARD',
-                    cardDetection: false,
-                    autoDispatch: false,
-                  },
+                  lead: { enabled: false, sources: [] },
+                  purchase: { enabled: false, sources: [] },
+                  addToCart: { enabled: false, sources: [] },
+                  removeFromCart: { enabled: false, sources: [] },
+                  initiateCheckout: { enabled: false, sources: [] },
+                  addPaymentInfo: { enabled: false, sources: [] },
                   search: searchDetectorConfig(),
-                  viewContent: { enabled: false },
+                  viewContent: { enabled: false, sources: [] },
                 },
               },
               rules: {

package/dist/examples/html-script/search/example-search-button-sync.html

@@ -185,10 +185,19 @@ code { font-size: 0.85em; }
 
       function searchDetectorConfig() {
         return {
-          enabled: true,
-          selector: ['[data-track="search"]'],
-          selectorType: 'css',
-        };
+            enabled: true,
+            sources: [
+              {
+                name: 'search-selector',
+                type: 'selector',
+                selector: [
+                  '[data-track=\'search\']'
+                ],
+                selectorType: 'css',
+                trigger: 'click'
+              }
+            ]
+          };
       }
 
       function buildConfig() {
@@ -207,6 +216,45 @@ code { font-size: 0.85em; }
             timeoutMs: 10000,
           },
           identity: { ...base.identity, pixelId: PIXEL_ID },
+          commerce: {
+                          enabled: true,
+                          currency: 'BRL',
+                          catalog: { products: [] },
+                          cart: {
+                            mode: 'single_product',
+                            initialItems: [],
+                            calculateValueFrom: 'cart',
+                            allowDynamicItems: true,
+                          },
+                          mappings: {
+                            attributes: {
+                              productId: ['data-product-id'],
+                              productName: ['data-product-name'],
+                              price: ['data-product-price'],
+                              quantity: ['data-quantity'],
+                              currency: ['data-currency'],
+                            },
+                            fields: {
+                              email: ['email'],
+                              phone: ['phone'],
+                              productId: ['productId'],
+                              productName: ['productName'],
+                              price: ['price'],
+                              quantity: ['quantity'],
+                              currency: ['currency'],
+                            },
+                          },
+                          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: {
@@ -268,61 +316,28 @@ code { font-size: 0.85em; }
             integrations: { ...base.modules.integrations, enabled: false },
             conversion: {
               enabled: true,
-              commerce: {
-                currency: 'BRL',
-                catalog: { products: [] },
-                checkout: {
-                  mode: 'single_product',
-                  selectedItems: [],
-                  calculateValueFrom: 'selected_items',
-                  allowDynamicItems: true,
-                },
-                mappings: {
-                  attributes: {
-                    productId: ['data-product-id'],
-                    productName: ['data-product-name'],
-                    price: ['data-product-price'],
-                    quantity: ['data-quantity'],
-                    currency: ['data-currency'],
-                  },
-                  fields: {
-                    email: ['email'],
-                    phone: ['phone'],
-                    productId: ['productId'],
-                    productName: ['productName'],
-                    price: ['price'],
-                    quantity: ['quantity'],
-                    currency: ['currency'],
-                  },
-                },
-              },
               manual: {
                 pageView: { enabled: false },
-                purchase: { enabled: false },
-                lead: { enabled: false },
-                addToCart: { enabled: false },
-                removeFromCart: { enabled: false },
-                initiateCheckout: { enabled: false },
-                addPaymentInfo: { enabled: false },
+                purchase: { enabled: false, sources: [] },
+                lead: { enabled: false, sources: [] },
+                addToCart: { enabled: false, sources: [] },
+                removeFromCart: { enabled: false, sources: [] },
+                initiateCheckout: { enabled: false, sources: [] },
+                addPaymentInfo: { enabled: false, sources: [] },
                 search: { enabled: true },
-                viewContent: { enabled: false },
+                viewContent: { enabled: false, sources: [] },
               },
               auto: {
                 enabled: true,
                 detectors: {
-                  lead: { enabled: false },
-                  purchase: { enabled: false },
-                  addToCart: { enabled: false },
-                  removeFromCart: { enabled: false },
-                  initiateCheckout: { enabled: false },
-                  addPaymentInfo: {
-                    enabled: false,
-                    paymentMethod: 'CREDIT_CARD',
-                    cardDetection: false,
-                    autoDispatch: false,
-                  },
+                  lead: { enabled: false, sources: [] },
+                  purchase: { enabled: false, sources: [] },
+                  addToCart: { enabled: false, sources: [] },
+                  removeFromCart: { enabled: false, sources: [] },
+                  initiateCheckout: { enabled: false, sources: [] },
+                  addPaymentInfo: { enabled: false, sources: [] },
                   search: searchDetectorConfig(),
-                  viewContent: { enabled: false },
+                  viewContent: { enabled: false, sources: [] },
                 },
               },
               rules: {

package/dist/examples/html-script/search/example-search-dedupe.html

@@ -192,10 +192,19 @@ code { font-size: 0.85em; }
 
       function searchDetectorConfig() {
         return {
-          enabled: true,
-          selector: ['[data-track="search"]'],
-          selectorType: 'css',
-        };
+            enabled: true,
+            sources: [
+              {
+                name: 'search-selector',
+                type: 'selector',
+                selector: [
+                  '[data-track=\'search\']'
+                ],
+                selectorType: 'css',
+                trigger: 'click'
+              }
+            ]
+          };
       }
 
       function buildConfig() {
@@ -214,6 +223,45 @@ code { font-size: 0.85em; }
             timeoutMs: 10000,
           },
           identity: { ...base.identity, pixelId: PIXEL_ID },
+          commerce: {
+                          enabled: true,
+                          currency: 'BRL',
+                          catalog: { products: [] },
+                          cart: {
+                            mode: 'single_product',
+                            initialItems: [],
+                            calculateValueFrom: 'cart',
+                            allowDynamicItems: true,
+                          },
+                          mappings: {
+                            attributes: {
+                              productId: ['data-product-id'],
+                              productName: ['data-product-name'],
+                              price: ['data-product-price'],
+                              quantity: ['data-quantity'],
+                              currency: ['data-currency'],
+                            },
+                            fields: {
+                              email: ['email'],
+                              phone: ['phone'],
+                              productId: ['productId'],
+                              productName: ['productName'],
+                              price: ['price'],
+                              quantity: ['quantity'],
+                              currency: ['currency'],
+                            },
+                          },
+                          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: {
@@ -275,61 +323,28 @@ code { font-size: 0.85em; }
             integrations: { ...base.modules.integrations, enabled: false },
             conversion: {
               enabled: true,
-              commerce: {
-                currency: 'BRL',
-                catalog: { products: [] },
-                checkout: {
-                  mode: 'single_product',
-                  selectedItems: [],
-                  calculateValueFrom: 'selected_items',
-                  allowDynamicItems: true,
-                },
-                mappings: {
-                  attributes: {
-                    productId: ['data-product-id'],
-                    productName: ['data-product-name'],
-                    price: ['data-product-price'],
-                    quantity: ['data-quantity'],
-                    currency: ['data-currency'],
-                  },
-                  fields: {
-                    email: ['email'],
-                    phone: ['phone'],
-                    productId: ['productId'],
-                    productName: ['productName'],
-                    price: ['price'],
-                    quantity: ['quantity'],
-                    currency: ['currency'],
-                  },
-                },
-              },
               manual: {
                 pageView: { enabled: false },
-                purchase: { enabled: false },
-                lead: { enabled: false },
-                addToCart: { enabled: false },
-                removeFromCart: { enabled: false },
-                initiateCheckout: { enabled: false },
-                addPaymentInfo: { enabled: false },
+                purchase: { enabled: false, sources: [] },
+                lead: { enabled: false, sources: [] },
+                addToCart: { enabled: false, sources: [] },
+                removeFromCart: { enabled: false, sources: [] },
+                initiateCheckout: { enabled: false, sources: [] },
+                addPaymentInfo: { enabled: false, sources: [] },
                 search: { enabled: true },
-                viewContent: { enabled: false },
+                viewContent: { enabled: false, sources: [] },
               },
               auto: {
                 enabled: true,
                 detectors: {
-                  lead: { enabled: false },
-                  purchase: { enabled: false },
-                  addToCart: { enabled: false },
-                  removeFromCart: { enabled: false },
-                  initiateCheckout: { enabled: false },
-                  addPaymentInfo: {
-                    enabled: false,
-                    paymentMethod: 'CREDIT_CARD',
-                    cardDetection: false,
-                    autoDispatch: false,
-                  },
+                  lead: { enabled: false, sources: [] },
+                  purchase: { enabled: false, sources: [] },
+                  addToCart: { enabled: false, sources: [] },
+                  removeFromCart: { enabled: false, sources: [] },
+                  initiateCheckout: { enabled: false, sources: [] },
+                  addPaymentInfo: { enabled: false, sources: [] },
                   search: searchDetectorConfig(),
-                  viewContent: { enabled: false },
+                  viewContent: { enabled: false, sources: [] },
                 },
               },
               rules: {

package/dist/examples/html-script/search/example-search-input.html

@@ -186,10 +186,20 @@ code { font-size: 0.85em; }
 
       function searchDetectorConfig() {
         return {
-          enabled: true,
-          selector: ['#search-input', 'input[type="search"]'],
-          selectorType: 'css',
-        };
+            enabled: true,
+            sources: [
+              {
+                name: 'search-selector',
+                type: 'selector',
+                selector: [
+                  '#search-input',
+                  'input[type=\'search\']'
+                ],
+                selectorType: 'css',
+                trigger: 'click'
+              }
+            ]
+          };
       }
 
       function buildConfig() {
@@ -208,6 +218,45 @@ code { font-size: 0.85em; }
             timeoutMs: 10000,
           },
           identity: { ...base.identity, pixelId: PIXEL_ID },
+          commerce: {
+                          enabled: true,
+                          currency: 'BRL',
+                          catalog: { products: [] },
+                          cart: {
+                            mode: 'single_product',
+                            initialItems: [],
+                            calculateValueFrom: 'cart',
+                            allowDynamicItems: true,
+                          },
+                          mappings: {
+                            attributes: {
+                              productId: ['data-product-id'],
+                              productName: ['data-product-name'],
+                              price: ['data-product-price'],
+                              quantity: ['data-quantity'],
+                              currency: ['data-currency'],
+                            },
+                            fields: {
+                              email: ['email'],
+                              phone: ['phone'],
+                              productId: ['productId'],
+                              productName: ['productName'],
+                              price: ['price'],
+                              quantity: ['quantity'],
+                              currency: ['currency'],
+                            },
+                          },
+                          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: {
@@ -269,61 +318,28 @@ code { font-size: 0.85em; }
             integrations: { ...base.modules.integrations, enabled: false },
             conversion: {
               enabled: true,
-              commerce: {
-                currency: 'BRL',
-                catalog: { products: [] },
-                checkout: {
-                  mode: 'single_product',
-                  selectedItems: [],
-                  calculateValueFrom: 'selected_items',
-                  allowDynamicItems: true,
-                },
-                mappings: {
-                  attributes: {
-                    productId: ['data-product-id'],
-                    productName: ['data-product-name'],
-                    price: ['data-product-price'],
-                    quantity: ['data-quantity'],
-                    currency: ['data-currency'],
-                  },
-                  fields: {
-                    email: ['email'],
-                    phone: ['phone'],
-                    productId: ['productId'],
-                    productName: ['productName'],
-                    price: ['price'],
-                    quantity: ['quantity'],
-                    currency: ['currency'],
-                  },
-                },
-              },
               manual: {
                 pageView: { enabled: false },
-                purchase: { enabled: false },
-                lead: { enabled: false },
-                addToCart: { enabled: false },
-                removeFromCart: { enabled: false },
-                initiateCheckout: { enabled: false },
-                addPaymentInfo: { enabled: false },
+                purchase: { enabled: false, sources: [] },
+                lead: { enabled: false, sources: [] },
+                addToCart: { enabled: false, sources: [] },
+                removeFromCart: { enabled: false, sources: [] },
+                initiateCheckout: { enabled: false, sources: [] },
+                addPaymentInfo: { enabled: false, sources: [] },
                 search: { enabled: true },
-                viewContent: { enabled: false },
+                viewContent: { enabled: false, sources: [] },
               },
               auto: {
                 enabled: true,
                 detectors: {
-                  lead: { enabled: false },
-                  purchase: { enabled: false },
-                  addToCart: { enabled: false },
-                  removeFromCart: { enabled: false },
-                  initiateCheckout: { enabled: false },
-                  addPaymentInfo: {
-                    enabled: false,
-                    paymentMethod: 'CREDIT_CARD',
-                    cardDetection: false,
-                    autoDispatch: false,
-                  },
+                  lead: { enabled: false, sources: [] },
+                  purchase: { enabled: false, sources: [] },
+                  addToCart: { enabled: false, sources: [] },
+                  removeFromCart: { enabled: false, sources: [] },
+                  initiateCheckout: { enabled: false, sources: [] },
+                  addPaymentInfo: { enabled: false, sources: [] },
                   search: searchDetectorConfig(),
-                  viewContent: { enabled: false },
+                  viewContent: { enabled: false, sources: [] },
                 },
               },
               rules: {