<!doctype html>
<meta charset="utf-8">
<title>Payment Request Testing</title>
<script>
const methods = [
  {
    supportedMethods: "basic-card",
  },
];
const details = {
  id: "simple details",
  total: {
    label: "Donation",
    amount: { currency: "USD", value: "55.00" },
  },
};
const updatedDetails = {
  id: "simple details",
  total: {
    label: "Donation",
    amount: { currency: "USD", value: "55.00" },
  },
  error: "",
};

window.onmessage = async ({ data: action }) => {
  let msg = "successful";
  switch (action) {
    case "Show Payment":
      try {
        let request = new PaymentRequest(methods, details);
        let responsePromise = await request.show();
      } catch (err) {
        msg = err.name;
      }
      window.parent.postMessage(msg, "*")
      break;
    default:
      window.parent.postMessage(`fail - unknown postmessage action: ${action}`, "*");
  }
};

window.parent.postMessage("successful", "*");
</script>
