@beworke/pixel-bemony 0.1.0-rc.1

package/examples/sim/one-click-sim.js

@@ -0,0 +1,167 @@
+/**
+ * Simulação local de one-click checkout Bemony.
+ *
+ * - scenario: one-click-checkout (sem auto-resolve de contexto)
+ * - pagamento real fica no backend/app (sem token no Pixel)
+ * - priceCode vem da URL (`/pri*.html`); cfg.priceCode é só fallback
+ * - após confirmar → navega para nextHref preservando sid/afid/oid
+ *
+ * Config via window.__ONE_CLICK_SIM__:
+ * {
+ *   label, offerId, productId, priceCode?, price, currency,
+ *   productType: 'upsell'|'downsell',
+ *   funnelStepId, nextHref
+ * }
+ */
+(function () {
+  var cfg = window.__ONE_CLICK_SIM__;
+  if (!cfg) {
+    console.error('[one-click-sim] window.__ONE_CLICK_SIM__ ausente');
+    return;
+  }
+
+  function $(id) {
+    return document.getElementById(id);
+  }
+
+  function setStatus(text, ok) {
+    var el = $('pixel-status');
+    if (!el) return;
+    el.textContent = text;
+    el.className = 'pill ' + (ok ? 'ok' : text === 'Erro' ? 'bad' : '');
+  }
+
+  /** Espelha extractPriceCodeFromUrl do pacote (pathname /pri*). */
+  function priceCodeFromUrl() {
+    try {
+      var pathname = new URL(window.location.href).pathname.replace(/\\/g, '/');
+      var segments = pathname.split('/').filter(Boolean);
+      for (var i = segments.length - 1; i >= 0; i--) {
+        var bare = segments[i].replace(/\.[a-zA-Z0-9]+$/, '');
+        if (/^pri[_a-zA-Z0-9]*\d[_a-zA-Z0-9]*$/i.test(bare)) {
+          return bare;
+        }
+      }
+    } catch (_) {
+      /* ignore */
+    }
+    return null;
+  }
+
+  function boot() {
+    var sim = window.BemonyFunnelSim;
+    if (!sim) {
+      console.error('[one-click-sim] carregue funnel-flow.js antes');
+      return;
+    }
+
+    var priceCode = priceCodeFromUrl() || cfg.priceCode;
+    if (!priceCode) {
+      setStatus('Erro', false);
+      console.error(
+        '[one-click-sim] priceCode ausente na URL (/pri*) e em __ONE_CLICK_SIM__'
+      );
+      return;
+    }
+
+    var oid = sim.readOid() || sim.ensureOid();
+    var api = window.BemonyPixel;
+    if (!api || typeof api.createBemonyPixel !== 'function') {
+      setStatus('Erro', false);
+      console.error('[one-click-sim] createBemonyPixel indisponível');
+      return;
+    }
+
+    api
+      .createBemonyPixel({
+        environment: 'development',
+        scenario: 'one-click-checkout',
+        platform: {
+          pixelId: 'pix_7704308',
+          namespace: 'bemony-web',
+          allowedDomains: [
+            'localhost',
+            '127.0.0.1',
+            'local',
+            'security.bemony.com',
+            'checkout.bemony.com',
+          ],
+          debug: true,
+        },
+        page: {
+          public: {
+            pageId: cfg.label || 'one-click',
+            funnelId: 'funnel_1',
+            funnelStepId: cfg.funnelStepId,
+            offerId: cfg.offerId,
+            productId: cfg.productId,
+            priceCode: priceCode,
+            publicOrderId: oid,
+          },
+        },
+        commerce: {
+          currency: cfg.currency || 'USD',
+          products: [
+            {
+              id: cfg.productId,
+              name: cfg.offerId,
+              type: cfg.productType || 'upsell',
+              price: cfg.price,
+              currency: cfg.currency || 'USD',
+            },
+          ],
+        },
+        autoInitiateCheckout: true,
+      })
+      .then(function (pixel) {
+        setStatus('Pronto', true);
+        sim.logPixel(cfg.label || 'one-click', pixel);
+        var debug = $('funnel-debug');
+        if (debug) {
+          debug.textContent = JSON.stringify(
+            {
+              scenario: pixel.getScenario(),
+              sid: pixel.getPublicSessionId(),
+              oid: pixel.getPublicOrderId(),
+              priceCode: priceCode,
+              note: 'priceCode da URL; pagamento no backend; Pixel só tracking',
+            },
+            null,
+            2
+          );
+        }
+
+        var btn = $('confirm');
+        if (!btn) return;
+        btn.disabled = false;
+        btn.addEventListener('click', function () {
+          pixel.trackOneClickConfirmation({
+            offerId: cfg.offerId,
+            productId: cfg.productId,
+            priceCode: priceCode,
+            price: cfg.price,
+            currency: cfg.currency || 'USD',
+          });
+
+          console.log('[one-click-sim] payment intent', {
+            publicOrderId: pixel.getPublicOrderId(),
+            offerId: cfg.offerId,
+            productId: cfg.productId,
+            priceCode: priceCode,
+          });
+
+          sim.navigate(cfg.nextHref, { oid: pixel.getPublicOrderId() || oid });
+        });
+      })
+      .catch(function (err) {
+        setStatus('Erro', false);
+        console.error('[one-click-sim] init failed', err);
+      });
+  }
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', boot);
+  } else {
+    boot();
+  }
+})();

package/examples/upsell-price-code.html

@@ -0,0 +1,41 @@
+<!doctype html>
+<html lang="pt-BR">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Bemony Upsell — priceCode</title>
+  </head>
+  <body>
+    <h1>Upsell</h1>
+    <p>Sem resolução de catálogo. priceCode vem da aplicação.</p>
+    <button type="button" id="accept">Aceitar</button>
+    <button type="button" id="decline">Não, obrigado</button>
+    <script type="module">
+      import { createBemonyPixel } from '../dist/index.js';
+
+      const pixel = await createBemonyPixel({
+        environment: 'development',
+        scenario: 'upsell-offer',
+        platform: {
+          pixelId: 'pix_demo',
+          allowedDomains: ['security.bemony.com'],
+        },
+        page: {
+          public: {
+            funnelId: 'funnel_123',
+            funnelStepId: 'step_upsell',
+            publicOrderId: 'ord_demo',
+          },
+        },
+      });
+
+      pixel.viewUpsell({ priceCode: 'pri_upsell_123' });
+
+      document.getElementById('accept').onclick = () => {
+        pixel.acceptUpsell({ priceCode: 'pri_upsell_123' });
+      };
+      document.getElementById('decline').onclick = () => {
+        pixel.declineUpsell({ navigateTo: '/thank-you' });
+      };
+    </script>
+  </body>
+</html>

package/examples/url-context-navigation.html

@@ -0,0 +1,96 @@
+<!doctype html>
+<html lang="pt-BR">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Pixel Bemony — B11 URL Context</title>
+    <style>
+      body {
+        font-family: system-ui, sans-serif;
+        max-width: 40rem;
+        margin: 2rem auto;
+        padding: 0 1rem;
+        line-height: 1.5;
+      }
+      a.card {
+        display: block;
+        margin: 0.75rem 0;
+        padding: 0.75rem 1rem;
+        background: #111;
+        color: #fff;
+        text-decoration: none;
+        border-radius: 6px;
+      }
+      a.secondary {
+        background: #333;
+      }
+      code {
+        font-size: 0.85em;
+      }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1>B11 — Continuidade de navegação</h1>
+      <p>
+        CTAs sem <code>data-*</code>. Decoração por
+        <code>allowedDomains</code>. Ofertas
+        <code>/pri*</code> disparam ADD_TO_CART.
+      </p>
+      <p>
+        Sirva via HTTP:
+        <code>pnpm dlx serve packages/pixel-bemony</code>
+      </p>
+      <p>
+        URL de teste:
+        <code
+          >?utm_source=facebook&amp;utm_medium=cpc&amp;utm_campaign=b11&amp;fbclid=fb_123&amp;afid=affiliate_123</code
+        >
+      </p>
+
+      <a href="https://security.bemony.com/pri6670988" class="card">
+        Comprar oferta 1
+      </a>
+      <a
+        href="https://security.bemony.com/pri5529930?variant=main"
+        class="card"
+      >
+        Comprar oferta 2
+      </a>
+      <a href="https://security.bemony.com/pri1766322#checkout" class="card">
+        Comprar oferta 3
+      </a>
+      <a href="https://security.bemony.com/account" class="card secondary">
+        Minha conta (decora, sem ADD_TO_CART)
+      </a>
+    </main>
+
+    <script
+      src="../dist/browser/pixel-bemony.global.js"
+      data-funnel-id="funnel_1"
+      data-funnel-step-id="step_1"
+    ></script>
+
+    <script>
+      window.BemonyPixel.ready
+        .then(function (pixel) {
+          if (!pixel) throw new Error('Auto-init não produziu instância.');
+          var snap = pixel.getDebugSnapshot();
+          console.log('[b11] ready', {
+            state: pixel.getState(),
+            sid: pixel.getPublicSessionId(),
+            url: window.location.href,
+            urlContext: snap.urlContext,
+            transport: pixel.getConfig().modules.transport.sender.mode,
+            endpoint: pixel.getConfig().transport.apiEndpoint,
+            allowedDomains:
+              pixel.getConfig().modules.core.urlContext.linkDecoration
+                .allowedDomains,
+          });
+        })
+        .catch(function (error) {
+          console.error('[b11] error', error);
+        });
+    </script>
+  </body>
+</html>

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@beworke/pixel-bemony",
+  "version": "0.1.0-rc.1",
+  "description": "Camada tipada Bemony sobre @beworke/pixel — cenários de funil, lifecycle e browser bootstrap",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./browser": {
+      "types": "./dist/browser/index.d.ts",
+      "import": "./dist/browser/index.esm.js",
+      "require": "./dist/browser/index.cjs.js"
+    },
+    "./global": {
+      "default": "./dist/browser/pixel-bemony.global.js"
+    }
+  },
+  "files": [
+    "dist",
+    "docs",
+    "examples",
+    "README.md",
+    "CHANGELOG.md",
+    "RELEASE_CANDIDATE.md"
+  ],
+  "dependencies": {
+    "@beworke/pixel": "0.1.0-rc.7"
+  },
+  "peerDependencies": {
+    "@beworke/pixel": ">=0.1.0-rc.7"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "eslint": "^8.0.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "prettier": "^3.0.0",
+    "rimraf": "^6.0.1",
+    "tsup": "^8.5.0",
+    "typescript": "^5.0.0",
+    "vitest": "^4.0.18"
+  },
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint src tests --ext .ts",
+    "clean": "rimraf dist coverage",
+    "pack:artifact": "node ../../scripts/pack-pixel-bemony.mjs",
+    "validate:rc-package": "node ../../scripts/validate-pixel-bemony-package.mjs",
+    "smoke:package": "node ../../scripts/smoke-pixel-bemony-package.mjs",
+    "publish:rc": "pnpm publish --access public --tag rc --no-git-checks && npm dist-tag add @beworke/pixel-bemony@$(node -p \"require('./package.json').version\") latest"
+  }
+}