Paymentgateway web Iframe support

This applies to : https://gattinn.pei.is and https://gattin.greidslumidlun.is

When using an Iframe solution in a payment gateway there is a certain flow that must be used

How it works

1. Post an order → https://api.pei.is/docs/ui/index#!/Orders/Orders_SubmitOrder

   1. More detail about posting order is here

   2. The key detail that must be set correctly when using IFrame is SuccessReturnUrl and CancelReturnUrl

2. Open the payment gateway web in iframe mode on your webpage.

3. The payment gateway web will handle all 3DS verification so that happens all inside the Iframe.

4. When the user has made a payment an event from the payment gateway webpage in the Iframe is sent to the parent page.

   1. This event contains information about if the payment was successful or failed and has the error code from Pei regarding and will include additional code and message from acquired if a credit card payment is made.

   2. Event example of a successful credit card payment event

      • {
          "code" : 200
          "message":"Payment Completed",
          "paymentCompleted" : true,
          "orderId" : "7Occ7bxbxN8H4NCvb9UdlQXUUbZHuYFK",
          "reference" : "some reference data from merchant",
          "cardActionResult" : {
              "acquirerStatusCode": "00",
              "acquirerMessage": "Approval."
            }
        }

   3. Event example of a failed credit card payment event

      • {
          "code" : 1002
          "message":"Buyer does not have enough .....",
          "paymentCompleted" : false,
          "orderId" : "7Occ7bxbxN8H4NCvb9UdlQXUUbZHuYFK",
          "reference" : "some reference data from merchant",
          "cardActionResult" : {
              "acquirerStatusCode": "51-I",
              "acquirerMessage": "Do not honor. ..."
            }
        }

5. When the payment is successful and postback (webhook) message is sent to the merchant if defined in the order.

   1. Example of postback message

      1. {
           "orderId": "JqOuxhTtxJaxsxmXQ3JKIVjh2Jg23F5v",
           "purchaseId": 13593391,
           "mandateId": "bxex1d67c44e4f1fa03b8cbb97dca85f"
         }

Diagram of the flow

New Return and Refund response in OrderAPI