Editable customer field

Author: “Gabriel

package.json

@@ -1,6 +1,6 @@
 {
   "name": "settle-api-utility",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "private": true,
   "dependencies": {
     "@testing-library/jest-dom": "^4.2.4",

src/App.js

@@ -569,7 +569,18 @@ class Experiment extends React.Component {
                             <p><strong>TID:</strong> {currentTransactionId ? currentTransactionId : 'N/A'}</p>
                             <p><strong>Status Code:</strong> {currentStatusCode ? `${currentStatusCode}` : 'N/A'} </p>
                             <p><strong>Status Type:</strong> <span style={{textTransform: "uppercase"}}>{currentStatus ? `${currentStatus}` : 'N/A'} </span></p>
-                            <p><strong>Customer:</strong> {customer ? customer : 'N/A'}</p>
+                            {!advancedOptions && <p><strong>Customer:</strong> {customer ? customer : 'N/A'}</p>}
+                            {advancedOptions && <div className="pure-control-group">
+                                <label htmlFor="customer">Customer</label>
+                                <input
+                                  className="pure-input-2-4"
+                                  name="customer"
+                                  type="text"
+                                  id="customer"
+                                  value={customer}
+                                  onChange={(event) => handleChange(event)}
+                                />
+                              </div>}
                           </div>
                           {isExperimentShortlink &&
                             <aside className="warn-block">In this experiment we must first scan the static QR, then manually retrieve the "scan token" via the callback URL, and use it as in customer field of the request.</aside>}
@@ -1172,7 +1183,7 @@ class App extends React.Component {
 
     switch (experiment) {
       case experiments.PHONENUMBER:
-        customer = phonenumber;
+        customer = `msisdn:${phonenumber}`;
         break;
       case experiments.SHORTLINK_REUSE:
       case experiments.SHORTLINK_SINGLE: