From aeb092371f48bf8d14060ee2c53c939a683c3509 Mon Sep 17 00:00:00 2001
From: Ronan LE MEILLAT <eltorio@users.noreply.github.com>
Date: Sun, 23 Jul 2023 17:49:46 +0200
Subject: [PATCH] v0.9.12 add a static Up2Pay.

---
 README.md     |  4 +++-
 src/up2pay.ts | 15 +++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 95a82f6..7f44d21 100644
--- a/README.md
+++ b/README.md
@@ -43,7 +43,7 @@ Where `form` contains an object similar to the one below.
 {
   "url": "https://preprod-tpeweb.up2pay.com/cgi/MYchoix_pagepaiement.cgi",
   "method": "POST",
-  "form": "<input type="hidden" name="PBX_SITE" value="1999888" /><input type="hidden" name="PBX_RANG" value="32" /><input type="hidden" name="PBX_IDENTIFIANT" value="1686319" /><input type="hidden" name="PBX_TOTAL" value="0000005000" /><input type="hidden" name="PBX_DEVISE" value="978" /><input type="hidden" name="PBX_SOURCE" value="RWD" /><input type="hidden" name="PBX_CMD" value="123456" /><input type="hidden" name="PBX_PORTEUR" value="tester@example.com" /><input type="hidden" name="PBX_RETOUR" value="amount:M;paymentId:R;transactionId:T;authorizationId:A;cardType:C;cardNumber:N;cardExpiration:D;error:E;payboxRef:S;date:W;time:Q;signature:K;" /><input type="hidden" name="PBX_RUF1" value="POST" /><input type="hidden" name="PBX_TIME" value="2023-07-22T17:58:06.270Z" /><input type="hidden" name="PBX_HASH" value="SHA512" /><input type="hidden" name="PBX_EFFECTUE" value="https://www.exemple.com/payment/success" /><input type="hidden" name="PBX_REFUSE" value="https://www.exemple.com/payment/error" /><input type="hidden" name="PBX_ANNULE" value="https://www.exemple.com/payment/cancelled" /><input type="hidden" name="PBX_ATTENTE" value="https://www.exemple.com/payment/waiting" /><input type="hidden" name="PBX_REPONDRE_A" value="https://www.exemple.com/payment/process" /><input type="hidden" name="PBX_BILLING" value="&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot; ?&gt;&lt;Billing&gt;&lt;Address&gt;&lt;FirstName&gt;Ronan&lt;/FirstName&gt;&lt;LastName&gt;L.&lt;/LastName&gt;&lt;Address1&gt;18 route de Notre-Dame-de-la-Gorge&lt;/Address1&gt;&lt;ZipCode&gt;74170&lt;/ZipCode&gt;&lt;City&gt;Les Contamines-Montjoie&lt;/City&gt;&lt;CountryCode&gt;250&lt;/CountryCode&gt;&lt;/Address&gt;&lt;/Billing&gt;" /><input type="hidden" name="PBX_SHOPPINGCART" value="&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot; ?&gt;&lt;shoppingcart&gt;&lt;total&gt;&lt;totalQuantity&gt;12&lt;/totalQuantity&gt;&lt;/total&gt;&lt;/shoppingcart&gt;" /><input type="hidden" name="PBX_HMAC" value="9AACAEC2F642D1A1A1210E1074A08A290AEB838E58A73C0B9CD41CE02F68EE58CC559989E3701EC168AADB5144915C504C0657D3475CD3808B2F521FFC028344" />",
+  "form": "<input type="hidden" name="PBX_SITE" value="1999888" /><input type="hidden" name="PBX_RANG" value="32" /><input type="hidden" name="PBX_IDENTIFIANT" value="1686319" /><input type="hidden" name="PBX_TOTAL" value="0000005000" /><input type="hidden" name="PBX_DEVISE" value="978" /><input type="hidden" name="PBX_SOURCE" value="RWD" /><input type="hidden" name="PBX_CMD" value="123456" /><input type="hidden" name="PBX_PORTEUR" value="tester@example.com" /><input type="hidden" name="PBX_RETOUR" value="amount:M;paymentId:R;transactionId:T;authorizationId:A;cardType:C;cardNumber:N;cardExpiration:D;error:E;payboxRef:S;date:W;time:Q;signature:K;" /><input type="hidden" name="PBX_RUF1" value="POST" /><input type="hidden" name="PBX_TIME" value="2023-07-23T15:05:26.181Z" /><input type="hidden" name="PBX_HASH" value="SHA512" /><input type="hidden" name="PBX_EFFECTUE" value="https://www.exemple.com/payment/success" /><input type="hidden" name="PBX_REFUSE" value="https://www.exemple.com/payment/error" /><input type="hidden" name="PBX_ANNULE" value="https://www.exemple.com/payment/cancelled" /><input type="hidden" name="PBX_ATTENTE" value="https://www.exemple.com/payment/waiting" /><input type="hidden" name="PBX_REPONDRE_A" value="https://www.exemple.com/payment/process" /><input type="hidden" name="PBX_BILLING" value="<?xml version="1.0" encoding="utf-8" ?><Billing><Address><FirstName>Ronan</FirstName><LastName>L.</LastName><Address1>18 route de Notre-Dame-de-la-Gorge</Address1><ZipCode>74170</ZipCode><City>Les Contamines-Montjoie</City><CountryCode>250</CountryCode></Address></Billing>" /><input type="hidden" name="PBX_SHOPPINGCART" value="<?xml version="1.0" encoding="utf-8" ?><shoppingcart><total><totalQuantity>12</totalQuantity></total></shoppingcart>" /><input type="hidden" name="PBX_HMAC" value="BAF2413F96EBA244D9E59EF50BD6F8A3A974AE441D3A88A0280EC949E17F4B261A8DDC5438898181AB009369EC3C6E1825377D44D31991CDD47C71339BC8D1AB" />",
   "elements": [
     {
       "name": "PBX_SITE",
@@ -111,6 +111,8 @@ const form = await payment.form();
 ```
 Note: It is better to use the `form` string instead of the `elements` array because the values are computed in a given order. This way you are certain that there will be no problem.
 
+If you want to populate dynamically with `form.elements` a form you can use `Up2Pay.populateForm(parentForm,form.elements)` 
+
 ### Check the returned transaction
 
 Always use the `payboxRepondreA` to check the transaction. This is a url directly called by Up2Pay from server to server that returns the result of the transaction.
diff --git a/src/up2pay.ts b/src/up2pay.ts
index d4d784b..4fe052d 100644
--- a/src/up2pay.ts
+++ b/src/up2pay.ts
@@ -293,6 +293,21 @@ export class Up2Pay implements Document {
     //return he.encode(szRet, { useNamedReferences: true })
     return szRet
   }
+
+  /**
+   * 
+   * @param parentFormElement the HTMLFormElement wich contains all the new inputs (must exist)
+   * @param payboxFormElements the elements to adds (probably form.elements)
+   */
+  static populateForm(parentFormElement: HTMLFormElement, payboxFormElements: FormElement[]): void {
+    payboxFormElements.map((e) => {
+      const _inputElement: HTMLInputElement = document.createElement('input') as HTMLInputElement;
+      _inputElement.type = "hidden";
+      _inputElement.name = e.name;
+      _inputElement.value = e.value;
+      parentFormElement.appendChild(_inputElement)
+    })
+  }
 }
 
 const returnVars = <{ [index: string]: string }>{