IAP Integration Guide

{ "status": "coming_soon" }

function handleIapResult(result) {
  if (result.status === "coming_soon") {
    // IAP not enabled yet — hide the purchase button / show a notice
    document.getElementById("iap-section").hidden = true;
    return false;
  }
  return true;
}

// Example: checking the gate inside the purchase result
window.onPurchaseResult = async function(result) {
  if (!handleIapResult(result)) return;   // stop here when coming_soon
  if (!result.success) return;
  // ... proceed with server verification
};

let transactionId      = null;
let purchasedProductId = null;

// 1. Load product pricing (App Store Connect product IDs)
function loadProducts() {
  window.unveilyBridge.iap.queryProducts(["monthly_pro"], "subs", "onProductsLoaded");
}
window.onProductsLoaded = function(result) {
  if (result.error) return;
  document.getElementById("price").textContent = result.products[0].price;
};

// 2. Start purchase
function subscribe() {
  window.unveilyBridge.iap.purchase("monthly_pro", "subs", "onPurchaseResult");
}

// 3. Purchase complete → verify via your web server (iOS forwards signedTransaction(JWS))
window.onPurchaseResult = async function(result) {
  if (!result.success) return;
  const res = await fetch("/api/verify-iap", {   // your web server calls Unveily
    method: "POST", headers: { "Content-Type": "application/json" },
    body: JSON.stringify({
      platform: "ios",
      productId: result.productId,
      productType: "subs",
      signedTransaction: result.signedTransaction,  // Apple-signed JWS
    }),
  });
  const verify = await res.json();
  if (!verify.success) {
    alert("Payment verification failed. Please contact support.");
    return;
  }
  // Unlock Pro features (no acknowledgePurchase on iOS)
  document.body.classList.add("pro-user");
};

// 5. Restore on app launch (based on Transaction.currentEntitlements)
// Use 'unveilyGlueReady', not 'load' — at page-load time the glue may not have
// injected unveilyBridge yet, which causes a race.
window.addEventListener("unveilyGlueReady", () => {
  window.unveilyBridge.iap.restorePurchases("subs", "onRestoreResult");
});
window.onRestoreResult = function(r) {
  if ((r.purchases || []).some(p => p.transactionId || p.isAcknowledged))
    document.body.classList.add("pro-user");
};

let purchaseToken      = null;
let purchasedProductId = null;

// 1. Load product pricing
function loadProducts() {
  window.unveilyBridge.iap.queryProducts(["monthly_pro"], "subs", "onProductsLoaded");
}
window.onProductsLoaded = function(result) {
  if (result.error) return;
  document.getElementById("price").textContent = result.products[0].price;
};

// 2. Start purchase
function subscribe() {
  window.unveilyBridge.iap.purchase("monthly_pro", "subs", "onPurchaseResult");
}

// 3. Purchase complete → verify via your web server (Android forwards purchaseToken)
window.onPurchaseResult = async function(result) {
  if (!result.success) return;
  const res = await fetch("/api/verify-iap", {   // your web server calls Unveily
    method: "POST", headers: { "Content-Type": "application/json" },
    body: JSON.stringify({
      platform: "android",
      productId: result.productId,
      productType: "subs",
      purchaseToken: result.purchaseToken,
    }),
  });
  const verify = await res.json();
  if (!verify.success) {
    alert("Payment verification failed. Please contact support.");
    return;
  }
  // Unlock Pro features
  document.body.classList.add("pro-user");

  // Acknowledge (required within 3 days — Android only)
  window.unveilyBridge.iap.acknowledgePurchase(result.purchaseToken, "onAckResult");
};
window.onAckResult = function(r) { if (r.success) console.log("Subscription active"); };

// 5. Restore on app launch
// Use 'unveilyGlueReady', not 'load' — at page-load time the glue may not have
// injected unveilyBridge yet, which causes a race.
window.addEventListener("unveilyGlueReady", () => {
  window.unveilyBridge.iap.restorePurchases("subs", "onRestoreResult");
});
window.onRestoreResult = function(r) {
  if ((r.purchases || []).some(p => p.isAcknowledged))
    document.body.classList.add("pro-user");
};

window.unveilyBridge.iap.purchase(
  "yearly_pro",              // the new product ID to switch to
  "subs",
  {
    oldPurchaseToken: currentPurchaseToken,  // purchaseToken of the current sub (Android)
    replacementMode: 1,                      // 1=WITH_TIME_PRORATION (default)
  },
  "onIAPPurchaseResult"
);