Widget Configuration
<script>
optile = {
baseURL: "https://www.myserverurl.com/mypath",
functions: {
expressList: (url, country) => {
console.log("Local expressList function called");
return {
response: {
ok: true
},
data: {
// This should come from the OPG's response.
// It's hard coded here only for illustration.
resultInfo: "1 applicable networks are found",
interaction: {
code: "PROCEED",
reason: "OK"
},
networks: {
applicable: [
{
code: "PAYPAL",
label: "PayPal",
method: "WALLET",
grouping: "WALLET",
registration: "OPTIONAL",
recurrence: "NONE",
redirect: true,
links: {
operation: "http://localhost:4000/express/PAYPAL/preset"
},
button: "button.preset.label",
selected: false,
contractData: {
PAGE_ENVIRONMENT: "sandbox",
JAVASCRIPT_INTEGRATION: "false",
PAGE_BUTTON_LOCALE: "de_DE"
}
}
]
}
}
}
},
expressPreset: async (url, transaction, network) => {
console.log("Local expressPreset function called");
const postData = (url, bodyObj) => fetch(url, {
method: 'POST',
mode: 'cors',
cache: 'default',
redirect: 'follow',
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json',
},
body: JSON.stringify(bodyObj),
});
const resultRaw = await postData(url, transaction,);
const { links, providerResponse } = await resultRaw.json();
return {
response: {
ok: true
},
data: {
"links": links,
"resultInfo": "Pending, you have to check the status later",
"interaction": {
"code": "PROCEED",
"reason": "PENDING"
},
"network": "PAYPAL",
"providerResponse": providerResponse
}
}
},
expressPresetUpdate: async (url, transaction, network) => {
console.log("Local expressPresetUpdate function called");
const postData = (url, bodyObj) => fetch(url, {
method: 'POST',
mode: 'cors',
cache: 'default',
redirect: 'follow',
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json',
},
body: JSON.stringify(bodyObj),
});
const resultRaw = await postData(url, transaction,);
const result = await resultRaw.json();
return {
response: {
ok: true
},
data: result
}
},
// onUpdateSuccess: preset => console.log(preset),
// onCancel: () => console.log('Canceled by user'),
// onError: (error, network, step) => console.log(error, network, step) // step => init, update
},
config: {
watchMutations: false,
classNameToWatch: "express-checkout",
paymentElementSelector: '.express-checkout',
paypalConfig: {
style: {
size: 'small',
color: 'gold',
shape: 'rect',
label: 'checkout'
},
locale: 'en_US',
}
},
};
</script>
