<form id="orbipay-checkout-form" action="/your-app/post-secure-token"  method="POST">
<script id="orbipay-checkout-script"
     src="https://jsco.billerpayments.com/app/opco/v5/scripts/checkoutofsc.js"  
     data-client_key="2020XX0711"
     data-api_event="create_funding_account">
</script>
</form>

<form id="orbipay-checkout-form" action="/your-app/post-secure-token"  method="POST">
<script id="orbipay-checkout-script"
     src="https://jsco.billerpayments.com/app/opco/v5/scripts/checkoutofsc.js"  
     data-client_key="2020XX0711"
     data-api_event="update_funding_account">
</script>
</form>

OrbipayCheckoutSimple.setClientKey("2020XX0711");
OrbipayCheckoutSimple.setApiEvent("create_funding_account");
OrbipayCheckoutSimple.setImageUrl(" /your_payment_page/logo.png");

//Create a funding account for an existing customer. 
OrbipayCheckoutSimple.setIdCustomer("25878954"); 

//If the customer account reference already exists in the system, 
//then this API creates a funding account for the existing customer only. 
//Otherwise, it creates a new customer and in turn creates a funding account. 
OrbipayCheckoutSimple.setCustomerAccountReference("8492APR042018LOAN");
OrbipayCheckoutSimple.setCustomerName("Joe Smith");
OrbipayCheckoutSimple.setCustomerReference("32874328");
OrbipayCheckoutSimple.setCustomerEmail("joe@example.com");

//Type of account to create. Either card or bank. Example to create a card account. 
OrbipayCheckoutSimple.setPaymentOption("card");    
//To disable payment method dropdown box. 
OrbipayCheckoutSimple.setPaymentOptionReadOnly("true");
//Customer address
OrbipayCheckoutSimple.setCustomerAddressLine1("Suite 1");
OrbipayCheckoutSimple.setCustomerAddressLine2("Country Road");
OrbipayCheckoutSimple.setCustomerCity("Somerset");
OrbipayCheckoutSimple.setCustomerState("NY");
OrbipayCheckoutSimple.setCustomerZipCode1("08782");

//Appropriate for Inline form integration. 
OrbipayCheckoutSimple.setFormWidth("100%");
OrbipayCheckoutSimple.setFormHeight("750px");

//If the client has any meta or custom fields. 
OrbipayCheckoutSimple.setCustomFields({"cdf001"

OrbipayCheckoutSimple.setClientKey("2020XX0711");
OrbipayCheckoutSimple.setApiEvent("update_funding_account");
OrbipayCheckoutSimple.setImageUrl(" /your_payment_page/logo.png");

//id_customer and id_account are required to update a funding account. 
//Note that, a card account cannot be updated to a bank account and vice-versa
//Similarly, Visa card cannot be updated to master card and so on. 
OrbipayCheckoutSimple.setIdCustomer("25878954"); 
OrbipayCheckoutSimple.setIdAccount("21358705");;
 
//Optional for update funding account. 
OrbipayCheckoutSimple.setCustomerAccountReference("8492APR042018LOAN");
OrbipayCheckoutSimple.setCustomerName("Joe Smith");
OrbipayCheckoutSimple.setCustomerReference("32874328");
OrbipayCheckoutSimple.setCustomerEmail("joe@example.com");

//To update a card account. 
OrbipayCheckoutSimple.setPaymentOption("card");
//Disable payment method dropdown. It is desired so that the customer cannot change the account type for update. 
OrbipayCheckoutSimple.setPaymentOptionReadOnly("true");

//Appropriate for Inline form integration. 
OrbipayCheckoutSimple.setFormWidth("100%");
OrbipayCheckoutSimple.setFormHeight("750px");

//If the client has any meta or custom fields. 
OrbipayCheckoutSimple.setCustomFields({"cdf001":"bank"});

import {AfterViewInit, OnInit} from '@angular/core';

// declare a OrbipayCheckoutSimple variable
declare var OrbipayCheckoutSimple: any;
@Component({
 selector: 'app-example',
 templateUrl: './example.component.html',
 styleUrls: ['./example.component.css']
})


export class ExampleComponent implements OnInit, AfterViewInit {
 ngAfterViewInit() {
  // Assign all dynamic values to Checkout script when available in the form. 
  OrbipayCheckoutSimple.setClientKey("2420207703");
  OrbipayCheckoutSimple.setApiEvent("create_payment");
  OrbipayCheckoutSimple.setImageUrl(" /your_payment_page/logo.png");

  OrbipayCheckoutSimple.setCustomerAccountReference("8492APR042018LOAN");
  OrbipayCheckoutSimple.setCustomerReference("32874328");
  OrbipayCheckoutSimple.setCustomerEmail("joe@example.com");

  //Set Payment amount and fee amount
  OrbipayCheckoutSimple.setAmount("99.99"); 
  //Use this option only if the fee amount is calculated by the Client.
  OrbipayCheckoutSimple.setFeeAmount("1.50"); 
  
  //Set payment method as card in the Payment form.
  OrbipayCheckoutSimple.setPaymentOption("card");
  //To disable payment method dropdown box. 
  OrbipayCheckoutSimple.setPaymentOptionReadOnly("true");
  OrbipayCheckoutSimple.setPaymentReference("PAY123456");

  //Account holder address
  OrbipayCheckoutSimple.setAddressLine1("Suite 1");
  OrbipayCheckoutSimple.setAddressLine2("Country Road");
  OrbipayCheckoutSimple.setCity("Somerset");
  OrbipayCheckoutSimple.setState("NY");
  OrbipayCheckoutSimple.setZipCode1("08782");

  //Appropriate for Inline form integration. 
  OrbipayCheckoutSimple.setFormWidth("100%");
  OrbipayCheckoutSimple.setFormHeight("750px");

  //If the client has any meta or custom fields. 
  OrbipayCheckoutSimple.setCustomFields({"cdf001":"bank"});
}

@HostListener('window:checkout-event', ['$event'])
  confirmTokenEvent(event) {

    this.confirmToken.token = event.detail.token;
    this.confirmToken.digiSign = event.detail.digiSign;
    this.confirmToken.customer_reference = event.detail.customer_reference;
    this.confirmToken.customer_account_reference = event.detail.customer_account_reference;

    this.appService.confirmToken(this.confirmToken)
      .subscribe(
        data =>  {
          //Handle Success Response
        },
        error => {
          //Handle Error Response
        }
      );
  }
      

use Com\Alacriti\Checkout\Client\Checkout;
use Com\Alacriti\Checkout\Client\Api\InvocationContext;
$invocation_context = new InvocationContext($clientApiKey, $clientPrivateKey, $hwfPublicKey,$idempotentRequestKey);
$payment_api = new Payment($customer_account_reference,  $amount);
$payment = $payment_api
   ->withToken($token,$digi_sign)
   ->withFee($fee_amount)
   ->forClient($client_key,$signatureKey)
   ->withCustomFields($customFields)
   ->confirm($invocation_context, $liveMode);

from checkout import Payment
from checkout import Checkout
from checkout import InvocationContext
invocation_context = InvocationContext(client_api_key, client_private_key, hwf_public_key,idempotent_request_key)

payment = Payment(customer_account_reference, amount)
    .with_token(token, digi_sign)
    .with_fee(fee_amount)
    .for_client(client_key, signature_key)
    .with_custom_fields(custom_fields)
    .confirm(invocation_context, liveMode)

var OrbipayCheckoutApI = require('checkout-node-sdk-v5');
var invocationContext = new OrbipayCheckoutApI.InvocationContext(clientApiKey, clientPrivateKey, hwfPublicKey,hwfTLSCertificate,idempotentRequestKey);
var payment_token = new OrbipayCheckoutApI.PaymentTokenApi(customerAccountReference, amount)
    .withToken(token, digiSign)
    .withFee(feeAmount)
    .forClient(clientKey,signatureKey)
    .withCustomFields(customFields)
    .confirm(callback, invocationContext, liveMode);

using Com.Alacriti.Checkout.Model;

InvocationContext invocation_context = new Com.Alacriti.Checkout.Api.InvocationContext(client_api_key, client_private_key, hwf_public_key,idempotent_request_key);
Payment payment = new Com.Alacriti.Checkout.Api.Payment(customer_account_reference, amount)
    .withToken(token, digi_sign)
    .withFee(fee_amount)
    .forClient(client_key, signature_key)
    .withCustomFields(customFields)
    .confirm(invocation_context, live_mode);

use Com\Alacriti\Checkout\Client\Api\InvocationContext;

$invocation_context = new InvocationContext($clientApiKey, $clientPrivateKey, $hwfPublicKey,$idempotentRequestKey);
$funding_account_api = new Com\Alacriti\Checkout\Client\Api\FundingAccount();
$funding_account = $funding_account_api
    ->withToken($token,$digi_sign)
    ->forClient($client_key,$signature_key)
    ->add($invocation_context, $live_mode);

var OrbipayCheckoutApI = require('checkout-node-sdk-v5');

var invocationContext = new OrbipayCheckoutApI.InvocationContext(clientApiKey, clientPrivateKey, hwfPublicKey,hwfTLSCertificate,idempotentRequestKey);

new OrbipayCheckoutApI.FundingAccountTokenApi()
    .withToken(token, digiSign)
    .forClient(clientKey,signatureKey)
    .add(callback, invocationContext, liveMode);

from checkout import FundingAccount
from checkout import InvocationContext

invocation_context = InvocationContext(client_api_key, client_private_key, hwf_public_key,idempotent_request_key)
funding_account = FundingAccount()
    .with_token(token,digi_sign)
    .for_client(client_key,signature_key)
    .add(invocation_context, live_mode)

Com.Alacriti.Checkout.Model

InvocationContext invocation_context = new Com.Alacriti.Checkout.Api.InvocationContext(client_api_key, client_private_key, hwf_public_key,idempotent_request_key);

ConfirmFundAcctResponse confirmFundAcctResponse = new Com.Alacriti.Checkout.Api.FundingAccount()
    .forClient(client_key, signature_key)
    .withToken(token, digiSign)
    .add(invocation_context, live_mode);

use Com\Alacriti\Checkout\Client\Api\InvocationContext;

$invocation_context = new InvocationContext($clientApiKey, $clientPrivateKey, $hwfPublicKey,$idempotentRequestKey);

$funding_account_api = new Com\Alacriti\Checkout\Client\Api\FundingAccount($idFundAccount);
$funding_account = $funding_account_api
    ->withToken($token,$digi_sign)
    ->forClient($client_key,$signatureKey)
    ->update($invocation_context, $liveMode);

var OrbipayCheckoutApI = require('checkout-node-sdk-v5');

var invocationContext = new OrbipayCheckoutApI.InvocationContext(clientApiKey, clientPrivateKey, hwfPublicKey,hwfTLSCertificate,idempotentRequestKey);

new OrbipayCheckoutApI.FundingAccountTokenApi(idFundAccount)
    .withToken(token, digiSign)
    .forClient(clientKey, signatureKey, clientApiKey)
    .update(callback, invocationContext, liveMode);

from checkout import FundingAccount
from checkout import InvocationContext

InvocationContext invocationContext = new InvocationContext(clientApiKey, clientPrivateKey, hwfPublicKey,idempotentRequestKey);

funding_account = FundingAccount(id_fund_account)
    .with_token(token,digi_sign)
    .for_client(client_key,signature_key)
    .update(invocationContext, live_mode)

Com.Alacriti.Checkout.Model

InvocationContext invocation_context = new Com.Alacriti.Checkout.Api.InvocationContext(client_api_key, client_private_key, hwf_public_key,idempotent_request_key);

ConfirmFundAcctResponse confirmFundAcctResponse = new Com.Alacriti.Checkout.Api.FundingAccount(id_fund_account)
    .forClient(client_key, signature_key)
    .withToken(token, digiSign)
    .update(invocation_context, live_mode);