Accept

<script src="[INSERT clientLibrary VALUE HERE]" integrity=”[INSERT clientLibraryIntegrity VALUE HERE]” crossorigin=”anonymous”></script>
//Note: Script location and integrity value should be sourced from the capture context response clientLibrary and clientLibraryIntegrity values.
<script> Accept('header.payload.signature').then(function(accept) {
// use accept object
});
</script>

Methods

const captureContext = document.getElementById('captureContext').value;

Accept(captureContext)
    .then(accept => accept.unifiedPayments())

const captureContext = document.getElementById('captureContext').value;

Accept(captureContext)
    .then(accept => accept.unifiedPayments(false))

const captureContext = document.getElementById('captureContext').value;

Accept(captureContext)
    .then(accept => accept.unifiedPayments())
    .then(up => up.show(showArgs))
    .then(tt => {
        document.getElementById('transientToken').value = tt;
        document.getElementById("authForm").submit();
    })
    .catch(error => {
                console.error(error);
                document.getElementById('logo').text = `Checkout error: ${JSON.stringify(error)}. Try again.`;
            });

AcceptError

Members

UnifiedPayments

Methods

up.hide()
  .then(() => console.log('Hidden'))
  .catch(err => console.error(err));

const showArgs = {
            containers: {
                paymentSelection: #buttonPaymentListContainer'
            }
        };

up.show(showArgs).then(transientToken => console.log(transientToken));

const showArgs = {
  containers: {
    paymentSelection: '#buttonPaymentListContainer',
    paymentScreen:  '#embeddedPaymentContainer'
  }
};

up.show(showArgs).then(transientToken => console.log(transientToken));

Type Definitions

const transientToken = 'hhhhhhhhhh.pppppppppp.sssssssssss';

const segments = transientToken.split('.');
const urlBase64Decode = (s) => atob(s.replace(/_/g, '/').replace(/-/g, '+'));

const header = JSON.parse(urlBase64Decode(segments[0]));
const payload = JSON.parse(urlBase64Decode(segments[1]));
const signature = segments[2];

{
  "iss" : "Flex/00",
  "exp" : 1706910242,
  "type" : "gda-0.9.0",
  "iat" : 1706909347,
  "jti" : "1D1I2O2CSTMW3UIXOKEQFI4OQX1L7CMSKDE3LJ8B5DVZ6WBJGKLQ65BD6222D426",
  "content" : {
    "orderInformation" : {
      "billTo" : {
        // Empty fields present within this node indicate which fields were captured by
        // the application without exposing you to personally identifiable information
        // directly.
      },
      "amountDetails" : {
        // Empty fields present within this node indicate which fields were captured by
        // the application without exposing you to personally identifiable information
        // directly.
      },
      "shipTo" : {
        // Empty fields present within this node indicate which fields were captured by
        // the application without exposing you to personally identifiable information
        // directly.
      }
    },
    "paymentInformation" : {
      "card" : {
        "expirationYear" : {
          "value" : "2028"
        },
        "number" : {
          "maskedValue" : "XXXXXXXXXXXX1111",
          "bin" : "411111"
        },
        "securityCode" : { },
        "expirationMonth" : {
          "value" : "06"
        },
        "type" : {
          "value" : "001"
        }
      }
    }
  }
}

client.createCheckout(options?)

Returns

Promise<Checkout>

Example

const checkout = await client.createCheckout({ autoProcessing: false });

client.createTrigger(paymentType, options?)

client.on(event, callback)

Returns

Unsubscribe

: A function that removes the handler when called.

Errors

Returns

Error

when

event

is not a valid event name with reason

TRIGGER_PAYMENT_TYPE_NOT_SUPPORTED

when the payment type cannot be used with a trigger.

Example

const unsubscribe = client.on('error', (err) => {
  console.error(err.source, err.code, err.message);
});

// Later
unsubscribe();

client.off(event, callback?)

client.destroy()

client.isDestroyed()

checkout.mount(target)

Returns

Promise<string>

: This is a transient token JWT when

autoProcessing: false

.

Errors

Returns

UnifiedCheckoutError

. For information about how to handle mount error codes, see Handle Errors.

Example

// Sidebar
const result = await checkout.mount('#buttons');

// Embedded
const result = await checkout.mount({
  paymentSelection: '#buttons',
  paymentScreen: '#form'
});

checkout.unmount()

checkout.isMounted()

checkout.isDestroyed()

checkout.on(event, handler)

checkout.off(event, handler?)

checkout.destroy()

trigger.mount(target?)

Returns

Promise<string>

: A transient token or completed payment result.

Example

const result = await trigger.mount('#payment-screen');

trigger.unmount()

trigger.isMounted()

trigger.isDestroyed()

trigger.on(event, handler)

trigger.off(event, handler?)

trigger.destroy()

Subscribe to Events

const unsubscribe = checkout.on('ready', (data) => {
  console.log('Ready:', data.availablePaymentMethods);
});

// Later, remove the handler
unsubscribe();

function onReady(data) { /* ... */ }

checkout.on('ready', onReady);
checkout.off('ready', onReady);