1 files changed, 41 insertions, 0 deletions
diff --git a/src/frontend/execute.tsx b/src/frontend/execute.tsx
new file mode 100644
index 00000000..67cf8e06
--- /dev/null
+++ b/src/frontend/execute.tsx
@@ -0,0 +1,41 @@
+"use strict";
+
+
+// JSX literals are compiled to calls to React.createElement calls.
+let React = {
+  createElement: function(tag, props, ...children) {
+    let e = document.createElement(tag);
+    for (let k in props) {
+      e.setAttribute(k, props[k]);
+    }
+    for (let child of children) {
+      if ("string" === typeof child || "number" == typeof child) {
+        child = document.createTextNode(child);
+      }
+      e.appendChild(child);
+    }
+    return e;
+  }
+};
+
+declare var h_contract: string;
+
+document.addEventListener("DOMContentLoaded", function (e) {
+  var eve = new CustomEvent('taler-execute-payment', {detail: {H_contract: h_contract}});
+  document.dispatchEvent(eve);
+});
+
+function replace(el, r) {
+  el.parentNode.replaceChild(r, el);
+}
+
+document.addEventListener("taler-payment-result", function (e: CustomEvent) {
+  if (!e.detail.success) {
+    alert("Payment failed\n" + JSON.stringify(e.detail));
+    return;
+  }
+  console.log("finished payment");
+  let msg = 
+      <div>Payment successful.  View your <a href={e.detail.fulfillmentUrl}>product</a>.</div>;
+  replace(document.getElementById("loading"), msg);
+});