npm - @beworke/pixel - Versions diffs - 0.1.0-rc.6 → 0.1.0-rc.7 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (139) hide show

package/dist/examples/html-script/behavior/example-behavior-runtime-intelligence.html CHANGED Viewed

@@ -132,7 +132,7 @@
     <div id="logs"></div>
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (function () {
         const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;

package/dist/examples/html-script/behavior/example-behavior-viewport.html CHANGED Viewed

@@ -152,7 +152,7 @@
       <p>Zona dinâmica</p>
     </div>
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (function () {
         const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;

package/dist/examples/html-script/behavior/example-behavior.html CHANGED Viewed

@@ -150,7 +150,7 @@
     <div id="scroll-spacer">Role a página para gerar eventos SCROLL</div>
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;

package/dist/examples/html-script/example-basic.html CHANGED Viewed

@@ -78,7 +78,7 @@
     <div id="state">Aguardando inicialização...</div>
     <pre id="logs"></pre>
-    <script src="../../dist/v2/global.global.js"></script>
+    <script src="../../v2/global.global.js"></script>
     <script>
       const { Pixel, DEFAULT_PIXEL_CONFIG, resolveStorageAdapterName } =
         window.PixelV2;

package/dist/examples/html-script/example-checkout-commerce.html CHANGED Viewed

@@ -342,7 +342,7 @@
       </div>
     </div>
-    <script src="../../dist/v2/global.global.js"></script>
+    <script src="../../v2/global.global.js"></script>
     <script>
       (function () {
         var params = new URLSearchParams(window.location.search);

package/dist/examples/html-script/example-conversion.html CHANGED Viewed

@@ -149,7 +149,7 @@
     <pre id="logs"></pre>
-    <script src="../../dist/v2/global.global.js"></script>
+    <script src="../../v2/global.global.js"></script>
     <script>
       const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;

package/dist/examples/html-script/example-integration.html CHANGED Viewed

@@ -297,7 +297,7 @@
     <h2>Dispatcher Logs</h2>
     <pre id="logs"></pre>
-    <script src="../../dist/v2/global.global.js"></script>
+    <script src="../../v2/global.global.js"></script>
     <script>
       const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;

package/dist/examples/html-script/example-landing-commerce.html CHANGED Viewed

@@ -110,6 +110,7 @@
         <strong>Contexto:</strong> página de vendas sem checkout. O Core dispara PAGE_VIEW no init
         (<code>trackInitialPageView: true</code>). O enrichment completa o payload com dados do
         carrinho seed (<code>initialItems</code> + catálogo).
+        CTA externo usa source <code>type: 'link'</code> (destino do href).
       </div>
       <div class="hero" data-product-id="main_offer" data-product-price="197" data-currency="BRL">
@@ -119,6 +120,13 @@
         <div class="actions">
           <button type="button" class="primary" data-track="view_content">Ver conteúdo</button>
           <button type="button" data-track="add_to_cart">Quero começar</button>
+          <a
+            id="checkout-link"
+            data-demo-stay
+            data-product-id="main_offer"
+            href="https://checkout.example.com/pay/offer_landing?product=main_offer"
+            style="display:inline-block;text-decoration:none;border-radius:8px;padding:0.5rem 0.85rem;background:#0f766e;color:#fff;border:1px solid #0f766e;font:inherit;"
+          >Ir ao checkout (link)</a>
         </div>
       </div>
@@ -140,6 +148,7 @@
               <li>[ ] <code>commerce.cart.mode</code> = landing_page</li>
               <li>[ ] <code>enrichment.pageView.enabled</code> = true</li>
               <li>[ ] VIEW_CONTENT manual por clique (opcional)</li>
+              <li>[ ] Link checkout → <code>ConfiguredLink</code> + ADD_TO_CART</li>
             </ul>
           </div>
         </div>
@@ -160,7 +169,7 @@
       </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 =
@@ -285,6 +294,31 @@
                         trigger: 'click',
                         fireOnce: false,
                       },
+                      {
+                        name: 'checkout-product-link',
+                        type: 'link',
+                        fireOnce: false,
+                        match: {
+                          protocols: ['https:'],
+                          origins: ['https://checkout.example.com'],
+                          path: { template: '/pay/:offerId' },
+                          query: {
+                            mode: 'all',
+                            conditions: [
+                              { key: 'product', operator: 'exists' },
+                            ],
+                          },
+                        },
+                        bindings: {
+                          productId: {
+                            from: [
+                              { source: 'dataset', key: 'productId' },
+                              { source: 'query', key: 'product' },
+                            ],
+                            required: true,
+                          },
+                        },
+                      },
                     ],
                   },
                   removeFromCart: { enabled: false, sources: [] },
@@ -372,6 +406,13 @@
         renderCounts();
       });
+      document.querySelectorAll('[data-demo-stay]').forEach(function (el) {
+        el.addEventListener('click', function (event) {
+          event.preventDefault();
+          appendLog('(playground) navegação bloqueada — link source já trackeou em capture');
+        });
+      });
       initPixel().catch(function (err) {
         els.runtimeStatus.textContent = 'Erro: ' + (err && err.message ? err.message : err);
       });

package/dist/examples/html-script/example-runtime-diagnostics.html CHANGED Viewed

@@ -24,7 +24,7 @@
       <button type="button" id="btn-reinit">Reinit</button>
     </p>
     <pre id="out">Aguardando…</pre>
-    <script src="../../dist/v2/global.global.js"></script>
+    <script src="../../v2/global.global.js"></script>
     <script>
       (async function () {
         var out = document.getElementById('out');

package/dist/examples/html-script/example-transport.html CHANGED Viewed

@@ -294,7 +294,12 @@
     <h2>Dispatcher Logs</h2>
     <pre id="logs"></pre>
-    <script src="../../dist/v2/global.global.js"></script>
+    <script
+      data-pixel-id="213123"
+      data-funnel="123"
+      data-channel="123"
+      src="../../v2/global.global.js"
+    ></script>
     <script>
       const { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;

package/dist/examples/html-script/full-funnel/README.md CHANGED Viewed

@@ -50,7 +50,7 @@ linkDecoration.allowedDomains: '*' | string[]  // '*' = todos os hosts
 ```bash
 npm run build
-# servir examples/html-script ou abrir via file:// após build
+# servir apps/playground-html ou abrir via file:// após build
 ```
 1. Abra `landing.html?utm_source=facebook&affid=aff_demo&fbclid=test_fb`.

package/dist/examples/html-script/full-funnel/checkout.html CHANGED Viewed

@@ -24,7 +24,7 @@
       <a id="to-upsell" href="upsell.html">Ir ao upsell</a>
     </p>
     <pre id="out">init…</pre>
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (async function () {
         var out = document.getElementById('out');

package/dist/examples/html-script/full-funnel/downsell.html CHANGED Viewed

@@ -16,7 +16,7 @@
     <p class="hint">Última oferta — contexto de URL deve continuar intacto.</p>
     <p><a id="finish" href="thank-you.html?accepted=0">Finalizar</a></p>
     <pre id="out">init…</pre>
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (async function () {
         var { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;

package/dist/examples/html-script/full-funnel/landing.html CHANGED Viewed

@@ -22,9 +22,16 @@
       <button type="button" id="btn-lead">LEAD</button>
       <button type="button" id="btn-atc">ADD_TO_CART</button>
       <a id="to-checkout" href="checkout.html#step">Ir ao checkout</a>
+      <a
+        id="ext-checkout"
+        data-demo-stay
+        data-product-id="main_offer"
+        href="https://checkout.example.com/pay/offer_ff?product=main_offer"
+        >Checkout externo (link source)</a
+      >
     </p>
     <pre id="out">init…</pre>
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (async function () {
         var out = document.getElementById('out');
@@ -72,7 +79,39 @@
                 },
               },
             },
-            conversion: { ...DEFAULT_PIXEL_CONFIG.modules.conversion, enabled: true },
+            conversion: {
+              ...DEFAULT_PIXEL_CONFIG.modules.conversion,
+              enabled: true,
+              auto: {
+                ...DEFAULT_PIXEL_CONFIG.modules.conversion.auto,
+                enabled: true,
+                detectors: {
+                  ...DEFAULT_PIXEL_CONFIG.modules.conversion.auto.detectors,
+                  addToCart: {
+                    enabled: true,
+                    sources: [
+                      {
+                        name: 'ff-checkout-link',
+                        type: 'link',
+                        match: {
+                          origins: ['https://checkout.example.com'],
+                          path: { template: '/pay/:offerId' },
+                        },
+                        bindings: {
+                          productId: {
+                            from: [
+                              { source: 'dataset', key: 'productId' },
+                              { source: 'query', key: 'product' },
+                            ],
+                            required: true,
+                          },
+                        },
+                      },
+                    ],
+                  },
+                },
+              },
+            },
             behavior: { ...DEFAULT_PIXEL_CONFIG.modules.behavior, enabled: false },
             transport: { ...DEFAULT_PIXEL_CONFIG.modules.transport, enabled: false },
             integrations: { ...DEFAULT_PIXEL_CONFIG.modules.integrations, enabled: false },
@@ -84,6 +123,9 @@
           href: location.href,
           snapshot: uc.getSnapshot(),
           checkoutHref: document.getElementById('to-checkout').getAttribute('href'),
+          detectors: pixel.getDebugActiveDetectors
+            ? pixel.getDebugActiveDetectors()
+            : [],
         });
         document.getElementById('btn-lead').onclick = function () {
           pixel.lead({ email: 'demo@example.com' });
@@ -93,6 +135,16 @@
           pixel.addToCart();
           log('ADD_TO_CART', uc.getSnapshot());
         };
+        document.querySelectorAll('[data-demo-stay]').forEach(function (el) {
+          el.addEventListener('click', function (event) {
+            event.preventDefault();
+            log('link-click (nav blocked)', {
+              detectors: pixel.getDebugActiveDetectors
+                ? pixel.getDebugActiveDetectors()
+                : [],
+            });
+          });
+        });
       })();
     </script>
   </body>

package/dist/examples/html-script/full-funnel/thank-you.html CHANGED Viewed

@@ -20,7 +20,7 @@
       <button type="button" id="btn-reinit">Reinit</button>
     </p>
     <pre id="out">init…</pre>
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (async function () {
         var out = document.getElementById('out');

package/dist/examples/html-script/full-funnel/upsell.html CHANGED Viewed

@@ -20,7 +20,7 @@
       <a id="decline" class="secondary" href="downsell.html">Recusar → downsell</a>
     </p>
     <pre id="out">init…</pre>
-    <script src="../../../dist/v2/global.global.js"></script>
+    <script src="../../../v2/global.global.js"></script>
     <script>
       (async function () {
         var { Pixel, DEFAULT_PIXEL_CONFIG } = window.PixelV2;

package/dist/examples/html-script/initiate-checkout/example-initiate-checkout-attribute.html CHANGED Viewed

@@ -163,7 +163,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 =

package/dist/examples/html-script/initiate-checkout/example-initiate-checkout-auto.html CHANGED Viewed

@@ -165,7 +165,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 =

package/dist/examples/html-script/initiate-checkout/example-initiate-checkout-click.html CHANGED Viewed

@@ -167,7 +167,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 =

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

@@ -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 =

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

@@ -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 =

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

@@ -167,7 +167,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 =

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

@@ -163,7 +163,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 =

package/dist/examples/html-script/lead/example-lead-trigger-attribute.html CHANGED Viewed

@@ -314,7 +314,7 @@
       </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 =

package/dist/examples/html-script/lead/example-lead-trigger-auto.html CHANGED Viewed

@@ -159,7 +159,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 =

package/dist/examples/html-script/lead/example-lead-trigger-click.html CHANGED Viewed

@@ -303,7 +303,7 @@
       </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 =

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

@@ -342,7 +342,7 @@
       </div>
     </div>
-    <script src="../../dist/v2/global.global.js"></script>
+    <script src="../../v2/global.global.js"></script>
     <script>
       (function () {
         var params = new URLSearchParams(window.location.search);

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

@@ -176,7 +176,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 =

package/dist/examples/html-script/remove-from-cart/example-remove-from-cart-css.html CHANGED Viewed

@@ -168,7 +168,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 =

package/dist/examples/html-script/remove-from-cart/example-remove-from-cart-dedupe.html CHANGED Viewed

@@ -174,7 +174,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 =

package/dist/examples/html-script/remove-from-cart/example-remove-from-cart-manual.html CHANGED Viewed

@@ -167,7 +167,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 =

package/dist/examples/html-script/remove-from-cart/example-remove-from-cart-multi.html CHANGED Viewed

@@ -168,7 +168,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 =

package/dist/examples/html-script/remove-from-cart/example-remove-from-cart-state.html CHANGED Viewed

@@ -182,7 +182,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 =

package/dist/examples/html-script/remove-from-cart/example-remove-from-cart-text.html CHANGED Viewed

@@ -165,7 +165,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 =

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

@@ -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 =

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

@@ -159,7 +159,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 =

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

@@ -166,7 +166,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 =

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

@@ -160,7 +160,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 =

package/dist/examples/html-script/search/example-search-manual.html CHANGED Viewed

@@ -161,7 +161,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 =

package/dist/examples/html-script/search/example-search-submit.html CHANGED Viewed

@@ -149,7 +149,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 =

package/dist/examples/html-script/search/example-search-text.html CHANGED Viewed

@@ -149,7 +149,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 =