The PortOne iOS SDK offers merchants a seamless way to integrate the PortOne Payment Gateway into their iOS applications, enabling them to accept payments securely and efficiently. This SDK serves as a bridge between a merchant's app and the PortOne Payment Gateway, providing a comprehensive set of features tailored specifically for handling payment transactions.

Follow the below steps to integrate the PortOne iOS SDK with your native iOS Application.

Video Tutorial

The following video tutorials provide a detailed guide on integrating the PortOne iOS SDK and using one of the payment method flow with your application to enable seamless payment processing:

Sample App

Check the sample app to integrate on GitHub

Prerequisites

Create an account on PortOne:
Before proceeding with the integration, ensure you have created an account on PortOne to access their services and functionalities.
Access API Keys
Login to the portone portal where you can access the API Keys (client key and secret key) for integrations under Settings -> API tab.
Enable Payment Channels and Methods:
Customize and enable the specific payment channels and methods that align with your business requirements and preferences.
iOS application for the integration:
You will need an iOS application in which you intend to integrate the PortOne iOS SDK for payment processing capabilities.
Download the framework:
Download the latest framework from here

Integration

Steps to integrate your native iOS application with PortOne iOS SDK.

Embed the framework in project
Enable deep link in iOS
Get JWT Token
Generate Signature hash

📱

iOS SDK: Integration

Open Recipe

Initialise and Authorise SDK

📱

iOS SDK: Connect

Open Recipe

1. `Embed the framework in project`

After downloading the .xcframework inside the version folder, drag and drop it in the project
- Go to General → Frameworks, Library and Embedded Content and then drop the framework and change the Embed to Embed & sign.

2. Enable deep link in iOS

To open your application, add the url schemes to the app, Go to ProjectSettings -> info

Add url schemes and identifier inside the URL types.
You can see the scheme and identifier details in info.plist as below:

<key>CFBundleURLTypes</key>
<array>
		<dict>
			<key>CFBundleTypeRole</key>
			<string>Editor</string>
			<key>CFBundleURLName</key>
			<string>checkout</string>
			<key>CFBundleURLSchemes</key>
			<array>
				<string>portone</string>
			</array>
		</dict>
	</array>

To open the other applications, should include the url schemes in info.plist
```
<key>LSApplicationQueriesSchemes</key>
	<array>
		<string>itms-appss</string>
		<string>zalopay</string>
		<string>line</string>
		<string>ascendmoney</string>
	</array>
```
LSApplicationQueriesSchemes - Specifies the URL schemes you want the app to be able to use with the canOpenURL: method of the UIApplication class.

To support HTTP connections, add this source code in app info.plist

<key>NSAppTransportSecurity</key>
	<dict>
		<key>NSAllowsArbitraryLoads</key>
		<true/>
		<key>NSAllowsLocalNetworking</key>
		<true/>
		<key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>
		<true/>
	</dict>

3. Get JWT token from the server

To set up the process of obtaining a JWT token from the server, you need to construct a JWT token that accepts the portoneKey as input. Here's an outline of the steps involved in setting up this process:

JWT Token Construction:

Implement the server-side logic to generate a JWT token using the portoneKey as a key component of the token payload.
Token Retrieval in iOS App:
- Implement logic in your iOS application to make a server request to retrieve the JWT token using the portoneKey.
- Receive and store the returned token securely within the app for subsequent API authentication.

Further information on JWT token generation is described in the link below.

Authentication | PortOne

4. Generate Signture Hash

Generate a Signature Hash using HmacSHA256 which needs to be included in the payload.
To generate a signature hash on the server side using a secret key follow the below steps.

Payment Request | PortOne

5. Initialise PortOne iOS SDK and authorise it.

Import library of portone SDK
```
import PortoneSDK
```

Initialize the checkout instance to get the available methods in SDK as below

var checkout = Checkout(delegate: self, environment: "sandbox", redirectURL: "chaiport//checkout")
// redirectURL: your app scheme

Should pass the delegate to the initialisation
Should implement the delegate methods as below to get the response of failure and success callbacks from the webView.

 extension ViewController: CheckoutDelegate {
    func transactionResponse(transactionResponse: TransactionResponse?) {
        if let response = transactionResponse {
				   // Do the needful with response
        }
    }
    //For webview to be open on top of the View controller.
    //Pass the UINavigation controller

    var viewController: UIViewController? {
        return self
    }

    func transactionErrorResponse(error: Error?) {
        print("Error",error)
    }

}

Different Payment Methods

`New Credit card for a particular number`

Initialize the new card payment with transactionRequest as below:

let config = prepareConfig()

let cardDetails = CardDetails(token: nil, cardNumber: "424242424242424242", expiryMonth: "09", expiryYear: "25", cardHolderName: "SAM", type: "mastercard", cvv: "123", key: "clientKey")
        
checkout?.initiateNewCardPayment(config: config, cardDetails: cardDetails, jwtToken: "jwtToken", clientKey: "portoneKey", subMerchantKey: nil, customerUUID: nil, onCompletionHandler: { (result) in
            
            switch result {
            case .success(let response):
                print(resposne)
                // Do the needful with the response
                print("data", data);
                break;
            case .failure(let error):
                print(error)
                // Handle the error cases
                break;
            })
        }

All the data types in the form of an object

Parameters	Data Type	mandatory
cardDetails	Object	Yes
JWTToken	string	Yes
clientKey	String	yes
On completionHandler	func	yes

CardDetails

Parameters	Data Type	Description	mandatory
token	String	Always nil for new card. For saved card this token will be used.	no
cardNumber	string	Card number	Yes
expiryMonth	String	Expiry Month	yes
expiryYear	String	Expiry Year	yes
cardHolderName	String	Card holder name
type	String	Card type
cvv	String	cvv

func prepareConfig() -> TransactionRequest {

        let billingAddress = BillingAddress(city: "VND", countryCode: "VN", locale: "en", line1: "address1", line2: "address2", postalCode: "400202", state: "Mah")
        let billingDetails = BillingDetails(billingName: "Test mark", billingEmail: "[email protected]", billingPhone: "+918341469169", billingAddress: billingAddress )

        let shippingAddress = ShippingAddress(city: "abc", countryCode: "VN", locale: "en", line1: "address_1", line2: "address_2", postalCode: "400202", state: "Mah")
        let shippingDetails = ShippingDetails(shippingName: "xyz", shippingEmail: "[email protected]", shippingPhone: "1234567890", shippingAddress: shippingAddress)

        let orderDetails = OrderDetails(id: "knb", name: "kim nguyen bao", price: 1000, quantity: 1)
        let promoDiscount = 110.0
        let charges = 100.0
        self.totalAmount = totalAmount + charges - promoDiscount
        
let merchantDetails = MerchantDetails(name: "Downy", logo: "https://upload.wikimedia.org/wikipedia/commons/a/a6/Logo_NIKE.svg", backUrl: "https://demo.chaiport.io/checkout.html", promoCode: "Downy350", promoDiscount: 35000, shippingCharges: 0.0)
        
        return TransactionRequest(portOneKey: "portoneKey" , key: "portoneKey" , merchantDetails: merchantDetails, paymentChannel: "VNPAY" , paymentMethod: "VNPAY_ALL" , merchantOrderId: "MERCHANT\(Int(Date().timeIntervalSince1970 * 1000))", amount: self.totalAmount, currency: countryCode, signatureHash: "123", billingAddress: billingDetails, shippingAddress: shippingDetails, orderDetails: orderDetails, successURL: "https://test-checkout.chaiport.io/success.html", failureURL: "https://test-checkout.chaiport.io/failure.html", redirectURL: "portone1://checkout", countryCode: countryCode, routingEnabled: false, routingParams: nil, transactionType: UserDefaults.getTransactionType.code, bankDetails: nil, directBankTransferDetails: nil)
    }

Handle the success and failure cases from the delegate method as below:

  extension ViewController: CheckoutDelegate {
    func transactionResponse(transactionResponse: TransactionResponse?) {
        if let response = transactionResponse {
   // Do the needful with response
        }
    }
    //For webview to be open on top of the View controller.
    //Pass the UINavigation controller

    var viewController: UIViewController? {
        return self
    }

    func transactionErrorResponse(error: Error?) {
        print("Error",error)
    }

}

Sample Success and failure callback :

        // Success
        TransactionResponse(
	        statusCode: Optional("2000"), 
	        redirectUrl: nil, 
	        channelOrderRef: Optional("chrg_test_5zoxqylqa9nzjfu1tn6"), 
	        status: Optional("Success"), 
	        merchantOrderRef: Optional("MERCHANT1715253092990"), 
	        statusReason: Optional("SUCCESS"), 
	        chaipayOrderRef: nil, 
	        isSuccess: nil, 
	        orderRef: Optional("2gEBwTPb4W41RVYbjerMQaK2oGR"), 
	        deepLink: nil, 
	        amount: Optional("15001"), 
	        linkOrderRef: Optional(""), 
	        tokenizationPossible: nil, 
	        message: Optional("The transaction was successful"))
        // Failure
        NetworkError(
	        httpStatusCode: 400, 
	        code: nil, 
	        message: Optional("should be a valid card number"), 
	        statusReason: nil, 
	        isSuccess: nil)

sample JWT token

let jwtToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJDSEFJUEFZIiwic3ViIjoibHpyWUZQZnlNTFJPYWxsWiIsImlhdCI6MTYzMjM5MDkyMCwiZXhwIjoyNzMyMzkwOTIwfQ.IRgiM-zjAdJEVDuPSNfxmDszZQi_csE1q7xjVRvPvoc';

`Fetch Saved cards`

To get the saved card details , Capture the mobile number and OTP to fetch the saved credit cards for a particular user.

To generate the OTP, call the method as below:

checkOut?.getOTP(self.numberTextField.text ?? "") {result in
            switch result {
            case .success(let data):
                print("data" , data)
            case .failure(let error):
                print("error", error)
                break
            }
        }

After receiving the OTP to the given mobile number, the captured mobile number and OTP should pass to the fetchSavedCards as below to fetch the saved credit cards for the particular number.

checkOut?.fetchSavedCards(portOneKey: UserDefaults.getPortoneKey!, mobileNumber, otp: OTP, token: nil,  onCompletionHandler: { (result) in
            switch result {
            case .success(let data):
                //Do the needful
                print("data", data)

            case .failure(let error):
                // handle the error cases
                print("errror", error)
            }
        }

sample Success and failure cases

    //Success case
    {
    "content": [
        {
            "token": "97daee740bb84a6d907dfe46fca1139e",
            "partial_card_number": "4242 4242 4242 4242",
            "expiry_month": "09",
            "expiry_year": "2034",
            "type": "visa",
            "payment_channel_token": {
                "OMISE_CUSTOMER_TOKEN": "cust_test_5va5euv4r4cf68gwcmm",
                "STRIPE_CHANNEL_TOKEN": "pm_1Mqyk7CzOuxzGzz2njn9bFFE",
                "STRIPE_CUSTOMER_TOKEN": "cus_NcDA43aAVrjiMp"
            }
        },
        {
            "token": "fb104ae5e67f48dc96119e24a15382e5",
            "partial_card_number": "4242 4242 4242 4242",
            "expiry_month": "05",
            "expiry_year": "2043",
            "type": "visa",
            "payment_channel_token": {
                "OMISE_CUSTOMER_TOKEN": "cust_test_5va5bi1s74v1lx83p1c",
                "STRIPE_CHANNEL_TOKEN": "pm_1N6x36CyiCSpXZcy4wCTC97z",
                "STRIPE_CUSTOMER_TOKEN": "cus_NsiUmQBa5K0skZ"
            }
        }
    ],
    "status_code": "2000",
    "status_reason": "SUCCESS"
    }
    
    //Failure case:
    {
    "message": "Invalid JWT Token / Client Key. Error in parsing JWT Token.",
    "status_code": "4010",
    "status_reason": "INVALID_UNAUTHORISED_TRANSACTION_ERROR"
    }

Params:

Parameters	Data Type	Mandatory	Description
portOneKey	string	yes	pass the portOne key
formattedText	string	Yes	Contains mobile number with Country code. (eg: ⁨‭+16625655248 , +918341234123)
OTP	String	Yes	Otp received to the given mobile number
token	String	Yes	Token received from this api, if token is passed. then we can skip entering the otp part until the token is expiry.

`Saved Card for a particular number`

Initialize the saved card payment with transactionRequest as below:

 let cardDetails = CardDetails(token: savedCard.token, cardNumber: savedCard.partialCardNumber, expiryMonth: savedCard.expiryMonth, expiryYear: savedCard.expiryYear, cardHolderName: " ", type: savedCard.type, cvv: "100", savedCard: true,key: "portoneKey"!)
            checkout?.initiateSavedCardPayment(config: config, cardDetails: cardDetails, onCompletionHandler: { result in
            guard let self = self else {
                return
            }
            switch result {
            case .success(let response):
                // Do the needful with the response
                print("data", data)
            case .failure(let error):
                print(error)
                // Handle the error cases
            }
        }

Sample Response

func prepareConfig(type: PaymentMethod) -> TransactionRequest {

      let countryCode = UserDefaults.getCurrency.code
    let billingDetails = BillingDetails(billingName: "Test mark", billingEmail: "[email protected]", billingPhone: number ?? "+66900002001", billingAddress: getBillingadress())
    
    let shippingAddress = ShippingAddress(city: "abc", countryCode: "TH", locale: "en", line1: "address_1", line2: "address_2", postalCode: "400202", state: "Mah")
    
    let shippingDetails = ShippingDetails(shippingName: "xyz", shippingEmail: "[email protected]", shippingPhone: "1234567890", shippingAddress: shippingAddress)
    
    var orderDetails: [OrderDetails] = []
    
    for details in self.selectedProducts {
        let product = OrderDetails(id: details.id ?? "", name: details.title ?? "", price: details.price ?? 0, quantity: 1, imageUrl: details.imageName ?? "")
        orderDetails.append(product)
        totalAmount = totalAmount + ((details.price ?? 0)* details.quantity)
    }
     let promoDiscount = 110.0
        let charges = 100.0
        self.totalAmount = totalAmount + charges - promoDiscount
    let merchantDetails = MerchantDetails(name: "Downy", logo: "https://upload.wikimedia.org/wikipedia/commons/a/a6/Logo_NIKE.svg", backUrl: "https://demo.chaiport.io/checkout.html", promoCode: "Downy350", promoDiscount: promoDiscount, shippingCharges: charges)
    
    var transactionRequest = TransactionRequest(
 portOneKey: clientKey , 
 key: clientKey , 
merchantDetails: merchantDetails, 
paymentChannel: "VNPAY", 
paymentMethod: "VNPAY_ALL" , 
merchantOrderId: "MERCHANT\(Int(Date().timeIntervalSince1970 * 1000))", 
 amount: Int(self.totalAmount), 
 currency: countryCode, 
 signatureHash: "123", 
 billingAddress: billingDetails, 
 shippingAddress: shippingDetails, 
 orderDetails: orderDetails, 
successURL: "https://test-checkout.chaiport.io/success.html", 
failureURL: "https://test-checkout.chaiport.io/failure.html", 
redirectURL: "chaiport://checkout", 
countryCode: countryCode, 
routingEnabled: false, 
routingParams: nil, 
transactionType: UserDefaults.getTransactionType.code,
bankDetails: nil, 
directBankTransferDetails: nil
    )
    let signatureHash = createSignatureHash(transactionRequest)
    transactionRequest.signatureHash = signatureHash
    return transactionRequest
                    
    }

`Wallet`

Pass the TransactionRequest as payload to initiateWalletPayments as below:

// payload with proper payment channel and method
let payload = prepareConfig()

checkout?.initiatePayment(config, subMerchantKey: nil) { result in
            switch result {
            case .success(let data):
                // Do nothing
                print("data", data);
                break;
            case .failure(let error):
               // Handle the error part
                 print("error", error)
                 break
            }
        }

Handle the success and failure cases from the delegate method as below:

extension ViewController: CheckoutDelegate {
    func transactionResponse(_ transactionResponse: TransactionResponse?) {
        if let response = transactionResponse {
            //Todo: Populate date or do the needful
        }
    }
}

Sample Response

// Success
{
"is_success": true,
"redirect_url": "https://api.omise.co/payments/paym_test_5vs49nt75qk2i3jbkvi/authorize",
"channel_order_ref": "chrg_test_5vs49nqfr5bqq2er4ae",
"merchant_order_ref": "MERCHANT1683899406422",
"order_ref": "2PpGPD8ccxL5thPjMwwPN6KaNMc",
"message": "3DS is forced for this transaction",
"deep_link": "",
"additional_data": null
}
// failure
{
  "chaipay_order_ref": "1wa0choxhAy2QtE9ix8aNt8T3Mf",
  "channel_order_ref": "0",
  "merchant_order_ref": "MERCHANT1628681469666",
  "status": "Initiated",
  "status_code": "4000",
  "status_reason": "INVALID_TRANSACTION_ERROR"
}

Sample Payload

func prepareConfig(type: PaymentMethod) -> TransactionRequest {

      let countryCode = UserDefaults.getCurrency.code
    let billingDetails = BillingDetails(billingName: "Test mark", billingEmail: "[email protected]", billingPhone: number ?? "+66900002001", billingAddress: getBillingadress())
    
    let shippingAddress = ShippingAddress(city: "abc", countryCode: "TH", locale: "en", line1: "address_1", line2: "address_2", postalCode: "400202", state: "Mah")
    
    let shippingDetails = ShippingDetails(shippingName: "xyz", shippingEmail: "[email protected]", shippingPhone: "1234567890", shippingAddress: shippingAddress)
    
    var orderDetails: [OrderDetails] = []
    
    for details in self.selectedProducts {
        let product = OrderDetails(id: details.id ?? "", name: details.title ?? "", price: details.price ?? 0, quantity: 1, imageUrl: details.imageName ?? "")
        orderDetails.append(product)
        totalAmount = totalAmount + ((details.price ?? 0)* details.quantity)
    }
     let promoDiscount = 110.0
        let charges = 100.0
        self.totalAmount = totalAmount + charges - promoDiscount
    let merchantDetails = MerchantDetails(name: "Downy", logo: "https://upload.wikimedia.org/wikipedia/commons/a/a6/Logo_NIKE.svg", backUrl: "https://demo.chaiport.io/checkout.html", promoCode: "Downy350", promoDiscount: promoDiscount, shippingCharges: charges)
    
    var transactionRequest = TransactionRequest(
 portOneKey: clientKey , 
 key: clientKey , 
merchantDetails: merchantDetails, 
paymentChannel: "VNPAY", 
paymentMethod: "VNPAY_ALL" , 
merchantOrderId: "MERCHANT\(Int(Date().timeIntervalSince1970 * 1000))", 
 amount: Int(self.totalAmount), 
 currency: countryCode, 
 signatureHash: "123", 
 billingAddress: billingDetails, 
 shippingAddress: shippingDetails, 
 orderDetails: orderDetails, 
successURL: "https://test-checkout.chaiport.io/success.html", 
failureURL: "https://test-checkout.chaiport.io/failure.html", 
redirectURL: "chaiport://checkout", 
countryCode: countryCode, 
routingEnabled: false, 
routingParams: nil, 
transactionType: UserDefaults.getTransactionType.code,
bankDetails: nil, 
directBankTransferDetails: nil
    )
    let signatureHash = createSignatureHash(transactionRequest)
    transactionRequest.signatureHash = signatureHash
    return transactionRequest
                    
    }

`Direct Bank Transfer`

For Direct Bank Transfer checkout the following steps are required to be followed:

Fetch the Direct Bank Transfer details using the following method


 checkout?.fetchDBTDetails(clientKey: "portoneKey" ,completionHandler: { [weak self] result in

            guard let self = self else { return }
            switch result {
            case .success(let response):
                print("data", data);
                break;
            case .failure(let error):
                print("error", error)
                
                break
            }
        })

After getting the bank details we can pass the details to payload and process checkout.

let payload = prepareConfig()
checkOut?.initiatePayment(payload, nil) { result in
            switch result {
            case .success(let data):
                // Do nothing
                print("data", data);
                break;
            case .failure(let error):
               // Handle the error part
                               print("error", error)
                 break
            }
        }

Handle the success and failure cases from the delegate method as below:

extension ViewController: CheckoutDelegate {
    func transactionResponse(_ transactionResponse: TransactionResponse?) {
        if let response = transactionResponse {
            //Todo: Populate date or do the needful
        }
    }
}

Sample Payload

func prepareConfig(type: PaymentMethod) -> TransactionRequest {

      let countryCode = UserDefaults.getCurrency.code
    let billingDetails = BillingDetails(billingName: "Test mark", billingEmail: "[email protected]", billingPhone: number ?? "+66900002001", billingAddress: getBillingadress())
    
    let shippingAddress = ShippingAddress(city: "abc", countryCode: "TH", locale: "en", line1: "address_1", line2: "address_2", postalCode: "400202", state: "Mah")
    
    let shippingDetails = ShippingDetails(shippingName: "xyz", shippingEmail: "[email protected]", shippingPhone: "1234567890", shippingAddress: shippingAddress)
    
    var orderDetails: [OrderDetails] = []
    
    for details in self.selectedProducts {
        let product = OrderDetails(id: details.id ?? "", name: details.title ?? "", price: details.price ?? 0, quantity: 1, imageUrl: details.imageName ?? "")
        orderDetails.append(product)
        totalAmount = totalAmount + ((details.price ?? 0)* details.quantity)
    }
    let promoDiscount = 110.0
        let charges = 100.0
        self.totalAmount = totalAmount + charges - promoDiscount
    let merchantDetails = MerchantDetails(name: "Downy", logo: "https://upload.wikimedia.org/wikipedia/commons/a/a6/Logo_NIKE.svg", backUrl: "https://demo.chaiport.io/checkout.html", promoCode: "Downy350", promoDiscount: promoDiscount, shippingCharges: charges)
   
   **let directBankTransferDetails = DirectBankTransferDetails(amountPaid: 1123, customerName: "sam", paymentSlip: nil, transactionTime: "2024-04-17T07:39:44.000Z")**
    var transactionRequest = TransactionRequest(
													    portOneKey: clientKey , 
													    key: clientKey , 
													    merchantDetails: merchantDetails, 
													    paymentChannel: "VNPAY",
													    paymentMethod: "VNPAY_ALL", 
													    merchantOrderId: "MERCHANT\(Int(Date().timeIntervalSince1970 * 1000))", 
													    amount: Int(self.totalAmount), 
													    currency: countryCode, 
													    signatureHash: "123", 
													    billingAddress: billingDetails, 
													    shippingAddress: shippingDetails, 
													    orderDetails: orderDetails, 
													    successURL: "https://test-checkout.chaiport.io/success.html", 
													    failureURL: "https://test-checkout.chaiport.io/failure.html", 
													    redirectURL: "chaiport://checkout", 
													    countryCode: countryCode, 
													    routingEnabled: false, 
													    routingParams: nil, 
													    transactionType: UserDefaults.getTransactionType.code, 
													    bankDetails: nil, 
													    directBankTransferDetails: **directBankTransferDetails**
													    )
    let signatureHash = createSignatureHash(transactionRequest)
    transactionRequest.signatureHash = signatureHash
    return transactionRequest
                    
    }

**Direct Bank transfer details**

Parameters	Data Type	mandatory
customerName	String	yes
transactionTime	String	yes
amountPaid	Double	yes

`Instalments`

To process the instalment fetching the bank list which provides instalments is required.

checkout?.postbankDetails(paymentChannel: channelName, bankListBody: bankListBody,completionHandler: { [weak self] result in
            print("result", result)
            guard let self = self else { return }
            switch result {
            case .success(let response):
                print("data", data);
                break;

            case .failure(let error):
                print("error", error)
                break
            }
        })

Bank list body Params

Parameters	Data Type	mandatory
amount	Double	yes
environment	String	yes
portoneKey	String	yes
isMerchantSponsored	Boolean	yes
paymentMethod	String	yes
overrideDefault	Boolean	yes
currency	String	yes

In the response a list of banks and terms will be provided which are needed to be pass in the request body.

func prepareConfig(type: PaymentMethod) -> TransactionRequest {

      let countryCode = UserDefaults.getCurrency.code
    let billingDetails = BillingDetails(billingName: "Test mark", billingEmail: "[email protected]", billingPhone: number ?? "+66900002001", billingAddress: getBillingadress())
    
    let shippingAddress = ShippingAddress(city: "abc", countryCode: "TH", locale: "en", line1: "address_1", line2: "address_2", postalCode: "400202", state: "Mah")
    
    let shippingDetails = ShippingDetails(shippingName: "xyz", shippingEmail: "[email protected]", shippingPhone: "1234567890", shippingAddress: shippingAddress)
    
    var orderDetails: [OrderDetails] = []
    
    for details in self.selectedProducts {
        let product = OrderDetails(id: details.id ?? "", name: details.title ?? "", price: details.price ?? 0, quantity: 1, imageUrl: details.imageName ?? "")
        orderDetails.append(product)
        totalAmount = totalAmount + ((details.price ?? 0)* details.quantity)
    }
    let promoDiscount = 110.0
        let charges = 100.0
        self.totalAmount = totalAmount + charges - promoDiscount
    let merchantDetails = MerchantDetails(name: "Downy", logo: "https://upload.wikimedia.org/wikipedia/commons/a/a6/Logo_NIKE.svg", backUrl: "https://demo.chaiport.io/checkout.html", promoCode: "Downy350", promoDiscount: promoDiscount, shippingCharges: charges)
   
   **let bankDetails = BankDetails(bankName: "Krungsri Bank", bankCode: "installment_bay", isMerchantSponsored: false, instalmentPeriod: InstalmentPeriod(interest: 0.8, month: 4))**

var transactionRequest = TransactionRequest(
													portOneKey: clientKey , 
													key: clientKey , 
													merchantDetails: merchantDetails, 
													paymentChannel: "VNPAY", 
													paymentMethod: "VNPAY_ALL", 
													merchantOrderId: "MERCHANT\(Int(Date().timeIntervalSince1970 * 1000))", 
													amount: Int(self.totalAmount), 
													currency: countryCode, 
													signatureHash: "123", 
													billingAddress: billingDetails, 
													shippingAddress: shippingDetails, 
													orderDetails: orderDetails, 
													successURL: "https://test-checkout.chaiport.io/success.html", 
													failureURL: "https://test-checkout.chaiport.io/failure.html", 
													redirectURL: "chaiport://checkout", 
													countryCode: countryCode, 
													routingEnabled: false, 
													routingParams: nil, 
													transactionType: UserDefaults.getTransactionType.code, 
													bankDetails: **bankDetails**, 
													directBankTransferDetails: nil)
                          let signatureHash = createSignatureHash(transactionRequest)
                          transactionRequest.signatureHash = signatureHash
                          return transactionRequest
                    
    }

`Fetch Available payment methods`

Collect the portOneKey, currency and provide them to the getAvailablePaymentMethods method as below:

   checkout?.getAvailablePaymentGateways(portOneKey: "Portonekey", currency: UserDefaults.getCurrency.code, subMerchantKey: nil ,completionHandler: { [weak self] result in
        print("result", result)
        guard let self = self else { return }
        switch result {
        case .success(let response):
            print("data", data);
            break;
        case .failure(let error):
            // Do the needful
            break
        }
    })

Sample Response

        // Success case
        {
        "ALL": [],
        "BANK_TRANSFER": [],
        "BNPL": [
            {
                "payment_channel_key": "ATOME",
                "payment_method_key": "ATOME_BNPL",
                "sub_type": "BNPL",
                "logo": "https://chaiport-pg-icons-latest-nov.s3.ap-southeast-1.amazonaws.com/atome_short.png",
                "display_name": "Atome",
                "is_default": false,
                "is_enabled": true,
                "is_merchant_sponsored": false,
                "collect_payslip": false,
                "tokenization_possible": false,
                "name": "Atome",
                "country": "TH",
                "currency": "THB"
            }
        ],
        "CARD": [
            {
                "payment_channel_key": "STRIPE",
                "payment_method_key": "STRIPE_CARD",
                "sub_type": "INT_CREDIT_CARD",
                "logo": "https://chaiport-pg-icons-latest-nov.s3.ap-southeast-1.amazonaws.com/card.png",
                "display_name": "Stripe",
                "is_default": true,
                "is_enabled": true,
                "is_merchant_sponsored": false,
                "collect_payslip": false,
                "tokenization_possible": true,
                "name": "Stripe CreditCard",
                "country": "GLOBAL",
                "currency": "USD,VND,SGD,THB,INR,PHP,IDR,MYR,AUD,EUR,HKD"
            }
        ],
        "COD": [],
        "CRYPTO": [],
        "DIRECT_BANK_TRANSFER": [],
        "DIRECT_DEBIT": [],
        "INSTALLMENT": [
            {
                "payment_channel_key": "OMISE",
                "payment_method_key": "OMISE_INSTALLMENT",
                "sub_type": "INSTALLMENT",
                "logo": "https://chaiport-pg-icons-latest-nov.s3.ap-southeast-1.amazonaws.com/omise_short.png",
                "display_name": "Omise",
                "is_default": true,
                "is_enabled": true,
                "is_merchant_sponsored": false,
                "collect_payslip": false,
                "tokenization_possible": false,
                "name": "Omise installment",
                "country": "TH",
                "currency": "THB"
            }
        ],
        "NET_BANKING": [],
        "OTC": [],
        "QR_CODE": [
            {
                "payment_channel_key": "OMISE",
                "payment_method_key": "OMISE_PROMPTPAY",
                "sub_type": "QR_CODE",
                "logo": "https://chaiport-pg-icons-latest-nov.s3.ap-southeast-1.amazonaws.com/promptpay_short.png",
                "display_name": "PromptPay",
                "is_default": false,
                "is_enabled": true,
                "is_merchant_sponsored": false,
                "collect_payslip": false,
                "tokenization_possible": false,
                "name": "PromptPay via Omise",
                "country": "TH",
                "currency": "THB"
            }
        ],
        "VA_BANK_TRANSFER": [],
        "WALLET": [
            {
                "payment_channel_key": "OMISE",
                "payment_method_key": "OMISE_RABBIT_LINEPAY",
                "sub_type": "WALLET",
                "logo": "https://chaiport-pg-icons-latest-nov.s3.ap-southeast-1.amazonaws.com/linepay_short1.png",
                "display_name": "Rabbit LinePay",
                "is_default": false,
                "is_enabled": true,
                "is_merchant_sponsored": false,
                "collect_payslip": false,
                "tokenization_possible": false,
                "name": "RabbitLinepay via Omise",
                "country": "TH",
                "currency": "THB"
            }
        ]
    }
    // Failed case
    {
    "message": "Invalid JWT Token / Client Key. Error in parsing JWT Token.",
    "status_code": "4010",
    "status_reason": "INVALID_UNAUTHORISED_TRANSACTION_ERROR"
    }

`Merchant centric card vault`

Collect the customerId, clientKey, JWTToken and cardData and provide them to the addCardForCustomerId method as below:

Add customer card

To add the card data for a customer, need to pass the customerId, client key, jwtToken and card details to the below method


checkout?.addCardForCustomerId(customerId: customerId, clientKey: UserDefaults.getChaipayKey ?? " ", cardData: self.cardDetails, jwtToken: token, subMerchantKey: nil, onCompletionHandler: { (result) in
                switch result {
                case .success(let data):
                    self.showData(data: "\(data)")
                    return
                case.failure(let error):
                    self.showData(data: "\(error)")
                    break
                }
 })

cardData:

CardDetails(
token: "",  
cardNumber: "424242******4242", 
expiryMonth: "07", 
expiryYear: "2031", 
cardHolderName: "sam", 
type: "visa", 
cvv: "123")

Sample response

        //Success
        {
            "content": {
                "token": "cdec91449d3a4b4bae9144d586a2b972",
                "partial_card_number": "424242******4242",
                "expiry_month": "07",
                "expiry_year": "2031",
                "type": "visa",
                "payment_channel_token": {}
            },
            "message": "Card record added successfully for customer!",
            "status_code": "2000",
            "status_reason": "SUCCESS"
        }
        // failed
        {
            "message": "Card with given token already exists in the database for this customer",
            "status_code": "4001",
            "status_reason": "INVALID_PAYMENT_REQUEST"
        }

Delete customer card

To delete the card data for a customer, need to pass the card token, customer id, client key, jwtToken to the below method


checkout?.deleteCardForCustomerId(customerId: customerId, clientKey: clientKey, jwtToken: createJWTToken(), cardData: DeleteCardDataObject(token: token), subMerchantKey: nil, onCompletionHandler: { (result) in
                switch result {
                case .success(let data):
                    // Do the needful
                    print("data", data);
                    break;
                case.failure(let error):
                    // Do the needful
                    break
                }
            })

DeleteCardDataObject


let token = "cdec91449d3a4b4bae9144d586a2b972",

DeleteCardDataObject(token: token)

Sample response:

    //Success
    {
        "message": "Card record deleted successfully for the customer!",
        "status_code": "2000",
        "status_reason": "SUCCESS"
    }
    // failed
    {
        "message": "Customer card not found with the token: cdec91449d3a4b4bae9144d586a2b972",
        "status_code": "4016",
        "status_reason": "MERCHANT_NOT_FOUND"
    }

Fetch all customer cards

To fetch all the cards data for a customer, need to pass the customer id, client key, jwtToken to the below method


 checkout?.fetchCustomerCards(customerId: customerId, clientKey: clientKey, jwtToken: token,subMerchantKey: nil, onCompletionHandler: {(result) in
             switch result {
             case .success(let data):
                 // Do the needful
                 print("data", data);
                break;
             case .failure(let error):
                 // Do the needful
                 break
             }})

Sample response

        //Success
        {
            "content": {
                "data": [
                    {
                        "token": "a6a868835098431b83fc05edf16a2d81",
                        "partial_card_number": "424242******4242",
                        "expiry_month": "09",
                        "expiry_year": "2043",
                        "type": "visa",
                        "payment_channel_token": {}
                    }
                ]
            },
            "message": "List of cards for Customer with UUID: 8e52c57d-9bda-437e-973d-fb4f9756d15f fetched successfully.",
            "status_code": "2000",
            "status_reason": "SUCCESS"
        }
        // failed
        {
            "message": "Customer not found with customerUUID: 8e52c57d-9bda-437e-973d-fb4f9756d15",
            "status_code": "4016",
            "status_reason": "MERCHANT_NOT_FOUND"
        }

add Customer

checkout?.addCustomer(clientKey: clientKey, customerData: AddCustomerObject(name: name.text, phoneNumber: phoneNumber.text, emailAddress: email.text, customerRef: customerRef.text), jwtToken: token, subMerchantKey: nil, onCompletionHandler: { result in
                    switch result {
                    case .success(let response):
                        print("response", response)
                        break
                    case .failure(let error):
                        print("error", error);
                        break
                    }
                })

customerData

AddCustomerObject(name: name.text, phoneNumber: phoneNumber.text, emailAddress: email.text, customerRef: customerRef.text)

get Customer Data

Collect the customerID, customerData, clientKey, JWTToken and provide them to the getCustomerData method as below:

checkout?.getCustomerData(customerID: self.customerRef.text?.removeWhitespace(), clientKey: clientKey, jwtToken: token, subMerchantKey: nil, onCompletionHandler: { result in
                switch result {
                case .success(let response):
                    print("response", response)
                    break
                case .failure(let error):
                    print("Failure", error)
                    break
                }
            })

customerID

customerID : customerRef provided while adding a customer.

`Failover Routing`

To support failover routing add the following two parameters to payload:

isRoutingEnabled= true
Routing Param type should be failover.

provide the Routing Ref which is set in the merchant portal.

    let payload = getDefaultPayload()
    payload.isRoutingEnabled = true
    payload.routingParams= RoutingParams(type: "failover", routeRef: UserDefaults.getRouteRef)
    
checkOut?.initiatePayment(payload, nil) { result in
            switch result {
            case .success(let data):
                // Do nothing
                print("data", data);
                break;
            case .failure(let error):
               // Handle the error part
                print("error", error)
                 break
            }
        }

To Fetch the List of Routes which are created from merchant portal

Collect the clientKey, JWTToken and provide them to the fetchRoutes method as below:

   checkout?.fetchRoutes(clientKey: clientKey, jwtToken: token, subMerchantKey: nil, onCompletionHandler: {(result) in
              switch result {
              case .success(let data):
                  
                  //Do the needful
                  print("data", data);
                  break;
              case .failure(let error):
                  // Do the needful
                  break
              }})

PreAuth and Capture Payment

To implement PreAuth one parameter has to be set: transactionType= PREAUTH || PURCHASE
```
    let payload = getDefaultPayload()
    payload.transactionType = "PREAUTH"
```

To Capture the Payment

• Collect the transactionOrderRef, clientKey, JWTToken and provide them to the captureTransactionAPI method as below:


checkout?.captureTransactionAPI(transactionOrderRef: self.transactionId ?? "", clientKey: UserDefaults.getPortoneKey!, jwtToken: jwtToken, subMerchantKey: nil) { result in
        switch result {
        case .success(let response):
            // Do the needful
            print("data", data);
             break;
        case .failure(let error):
            // Do the needful
            break
        }
}

`Payload`

All of the web checkout request's parameters are listed here, along with the appropriate data type.

Parameters	Data Type
portOneKey	String	mandatory
merchantDetails	object MerchantDetails
merchantOrderId	String	mandatory
signatureHash	String	mandatory
amount	Double	mandatory
currency	String	mandatory
countryCode	String	mandatory
billingDetails	object BillingDetails	Optional
shippingDetails	object ShippingDetails	Optional
orderDetails	array [OrderDetail]	Optional
successUrl	String	mandatory
failureUrl	String	mandatory
expiryHours	Int	mandatory
source	String	mandatory
description	String	Optional
showShippingDetails	Boolean	Optional
showBackButton	Boolean	Optional
defaultGuestCheckout	Boolean	Optional
isCheckoutEmbed	Boolean	Optional
redirectUrl	String	mandatory
environment	String	mandatory
bankDetails	BankDetails	Optional
directBankTransfer	DirectBankTransferDetails	Optional

MerchantDetails

Parameters	Data Type
name	String	Optional
logo	String	Optional
backUrl	String	Optional
promoCode	String	Optional
promoDiscount	Int	Optional
shippingCharges	Double	Optional

ShippingDetails

Parameters	Data Type
shippingName	String	Optional
shippingEmail	String	Optional
shippingPhone	String	Optional
shippingAddress	Object Address	Optional

BillingDetails

Parameters	Data Type
billingName	String	Optional
billingEmail	String	Optional
billingPhone	String	Optional
billingAddress	Object Address	Optional

Address

Parameters	Data Type
city	String	Optional
countryCode	String	Optional
locale	String	Optional
line1	String	Optional
line2	String	Optional
postalCode	String	Optional
state	String	Optional

Direct Bank transfer details

Parameters	Data Type	mandatory
customerName	String	yes
transactionTime	String	yes
amountPaid	Double	yes

Bank details

Parameters	Data Type	mandatory
bankName	String	yes
bankCode	String	yes
isMerchantSponsored	bool	yes
instalmentPeriod	InstalmentPeriod	yes

InstalmentPeriod

Parameters	Data Type	mandatory
month	int	yes
interest	double	yes

OrderDetail

Parameters	Data Type
id	String	Optional
price	Double	Optional
name	String	Optional
quantity	Int	Optional
image	String (in the form of web url)	Optional

Probable Errors

`Pass the viewcontroller which is embedded in navigation controller to checkout delegate`

if the passed view controller does not have any navigation by default UIApplication top view controller will be taken.

`INVALID_UNAUTHORIZED_JWT_TOKEN_ERROR`

Check whether PortOne Key and the Secret Key are of the same account
Check whether the Secret Key is not modified
Check whether Bearer keyword is added before the generated token with a white space. Bearer $jwtToken
Verify if the expiration time should be greater than the current time

`INVALID_UNAUTHORISED_TRANSACTION_SIGNATURE_ERROR`

Check whether all params match with the payload/request
Check whether the portone key match with the payload and the account

`INVALID_UNAUTHORISED_TRANSACTION_IAMPORTKEY_ERROR`

Check whether the portone key match with the payload and the account

`INVALID_PAYMENT_CHANNEL`

Make sure the payment channels and payment methods which are added in the payload are enable from the portone portal

`INVALID_ENVIRONMENT`

Make sure you have added environment either sandbox or live

`Summation of order value, tax, duties, shipping and discount is equal to amount`

If items are provided then please verify the values provided should match the total amount: sum(items price * items quantity) + shipping charge - discount = amount
Mandatory params in payload:

price
promo_discount       (0 is also acceptable)
shipping_charges     (0 is also acceptable)

Video Tutorial

Sample App

Prerequisites

Integration

1. Embed the framework in project

2. Enable deep link in iOS

3. Get JWT token from the server

4. Generate Signture Hash

5. Initialise PortOne iOS SDK and authorise it.

Different Payment Methods

New Credit card for a particular number

Fetch Saved cards

Saved Card for a particular number

Wallet

Direct Bank Transfer

Instalments

Fetch Available payment methods

Merchant centric card vault

Failover Routing

PreAuth and Capture Payment

Payload

Probable Errors

Pass the viewcontroller which is embedded in navigation controller to checkout delegate

INVALID_UNAUTHORIZED_JWT_TOKEN_ERROR

INVALID_UNAUTHORISED_TRANSACTION_SIGNATURE_ERROR

INVALID_UNAUTHORISED_TRANSACTION_IAMPORTKEY_ERROR

INVALID_PAYMENT_CHANNEL

INVALID_ENVIRONMENT

Summation of order value, tax, duties, shipping and discount is equal to amount

1. `Embed the framework in project`

`New Credit card for a particular number`

`Fetch Saved cards`

`Saved Card for a particular number`

`Wallet`

`Direct Bank Transfer`

`Instalments`

`Fetch Available payment methods`

`Merchant centric card vault`

`Failover Routing`

`Payload`

`Pass the viewcontroller which is embedded in navigation controller to checkout delegate`

`INVALID_UNAUTHORIZED_JWT_TOKEN_ERROR`

`INVALID_UNAUTHORISED_TRANSACTION_SIGNATURE_ERROR`

`INVALID_UNAUTHORISED_TRANSACTION_IAMPORTKEY_ERROR`

`INVALID_PAYMENT_CHANNEL`

`INVALID_ENVIRONMENT`

`Summation of order value, tax, duties, shipping and discount is equal to amount`