Quickstart

<script
  src="https://sdk.cashbackhive.com/sdk.js"
  data-key="cbh_pk_your_publishable_key"
  async
></script>

<script>
  window.addEventListener("cbh:ready", (event) => {
    const sdk = event.detail.sdk;
    console.log("CashbackHive", sdk.version);
  });
</script>

<ul id="offers"></ul>

<script>
  window.addEventListener("cbh:ready", async ({ detail: { sdk } }) => {
    const { offers } = await sdk.offers.list({ limit: 10 });
    const list = document.getElementById("offers");

    for (const offer of offers) {
      const li = document.createElement("li");
      const rate = offer.cashback
        ? offer.cashback.type === "percentage"
          ? `${offer.cashback.amount}% back`
          : `${offer.cashback.amount} ${offer.cashback.currency} back`
        : "No cashback";

      li.textContent = `${offer.name} — ${rate} `;

      const btn = document.createElement("button");
      btn.textContent = "Shop";
      btn.onclick = () => sdk.openOffer(offer);
      li.append(btn);

      list.append(li);
    }
  });
</script>

const member = await sdk.auth.signIn();
console.log(member.displayName, member.balances.confirmed);