Honoraires

1 window.paypal 2 .Buttons({ 3 style: { 4 shape: "rect", 5 layout: "vertical", 6 }, 7 async createOrder() { 8 try { 9 const response = await fetch("/api/orders", { 10 method: "POST", 11 headers: { 12 "Content-Type": "application/json", 13 }, 14 // use the "body" param to optionally pass additional order information 15 // like product ids and quantities 16 body: JSON.stringify({ 17 cart: [ 18 { 19 id: "YOUR_PRODUCT_ID", 20 quantity: "YOUR_PRODUCT_QUANTITY", 21 }, 22 ], 23 }), 24 }); 25 26 const orderData = await response.json(); 27 28 if (orderData.id) { 29 return orderData.id; 30 } else { 31 const errorDetail = orderData?.details?.[0]; 32 const errorMessage = errorDetail 33 ? `${errorDetail.issue} ${errorDetail.description} (${orderData.debug_id})` 34 : JSON.stringify(orderData); 35 36 throw new Error(errorMessage); 37 } 38 } catch (error) { 39 console.error(error); 40 resultMessage(`Could not initiate PayPal Checkout...

${error}`); 41 } 42 }, 43 async onApprove(data, actions) { 44 try { 45 const response = await fetch(`/api/orders/${data.orderID}/capture`, { 46 method: "POST", 47 headers: { 48 "Content-Type": "application/json", 49 }, 50 }); 51 52 const orderData = await response.json(); 53 // Three cases to handle: 54 // (1) Recoverable INSTRUMENT_DECLINED -> call actions.restart() 55 // (2) Other non-recoverable errors -> Show a failure message 56 // (3) Successful transaction -> Show confirmation or thank you message 57 58 const errorDetail = orderData?.details?.[0]; 59 60 if (errorDetail?.issue === "INSTRUMENT_DECLINED") { 61 // (1) Recoverable INSTRUMENT_DECLINED -> call actions.restart() 62 // recoverable state, per https://developer.paypal.com/docs/checkout/standard/customize/handle-funding-failures/ 63 return actions.restart(); 64 } else if (errorDetail) { 65 // (2) Other non-recoverable errors -> Show a failure message 66 throw new Error(`${errorDetail.description} (${orderData.debug_id})`); 67 } else if (!orderData.purchase_units) { 68 throw new Error(JSON.stringify(orderData)); 69 } else { 70 // (3) Successful transaction -> Show confirmation or thank you message 71 // Or go to another URL: actions.redirect('thank_you.html'); 72 const transaction = 73 orderData?.purchase_units?.[0]?.payments?.captures?.[0] || 74 orderData?.purchase_units?.[0]?.payments?.authorizations?.[0]; 75 resultMessage( 76 `Transaction ${transaction.status}: ${transaction.id}

See console for all available details`, 77 ); 78 console.log( 79 "Capture result", 80 orderData, 81 JSON.stringify(orderData, null, 2), 82 ); 83 } 84 } catch (error) { 85 console.error(error); 86 resultMessage( 87 `Sorry, your transaction could not be processed...

${error}`, 88 ); 89 } 90 }, 91 }) 92 .render("#paypal-button-container"); 93 94 // Example function to show a result to the user. Your site's UI library can be used instead. 95 function resultMessage(message) { 96 const container = document.querySelector("#result-message"); 97 container.innerHTML = message; 98 }