- struggled to make ajax works, but now is ok

- starting to make serverside works
2024-02-23 19:36:03 +01:00
parent 7cfa2e6351
commit b7685cbbc1
9 changed files with 428 additions and 37 deletions
--- a/plugins/fipfcard_plugin/js/paypal/paypal.js
+++ b/plugins/fipfcard_plugin/js/paypal/paypal.js
@@ -30,6 +30,7 @@ paypal.Buttons({
 }).render('#paypal-button-container');
 */

+/*
 paypal.Buttons({
 	style: {
 		layout: 'vertical',
@@ -61,4 +62,106 @@ paypal.Buttons({
 	}
 }).render('#paypal-button-container');
 //This function displays Smart Payment Buttons on your web page.
+*/
+
+
+window.paypal.Buttons({
+	//createOrder: function(data, actions) {
+	createOrder: function() {
+		PLGNTLS_fetch("paypal_orders", {
+		//method: "POST",
+		//headers: {"Content-Type": "application/json"},
+		//body: {
+			body: JSON.stringify({
+				cart: [
+					{
+						id: "YOUR_PRODUCT_ID",
+						quantity: "YOUR_PRODUCT_QUANTITY",
+					},
+				],
+			}),
+		})
+		.then((response) => response.json())
+		.then((orderData) =>
+		{
+			console.log("orderData:");
+			console.log(orderData);
+			if (orderData.id)
+				return orderData.id;
+			else
+			{
+				const errorDetail = orderData?.details?.[0];
+				const errorMessage = errorDetail
+					? `${errorDetail.issue} ${errorDetail.description} (${orderData.debug_id})`
+					: JSON.stringify(orderData);
+				
+				throw new Error(errorMessage);
+			}
+		})
+		.catch((error) => {
+			console.error(error);
+			resultMessage(`Could not initiate PayPal Checkout...<br><br>${error}`);
+		})
+	},
+
+/*
+			
+	async onApprove(data, actions) {
+		try {
+			const response = await fetch(`/api/orders/${data.orderID}/capture`, {
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+				},
+			});
+			
+			const orderData = await response.json();
+			// Three cases to handle:
+			//   (1) Recoverable INSTRUMENT_DECLINED -> call actions.restart()
+			//   (2) Other non-recoverable errors -> Show a failure message
+			//   (3) Successful transaction -> Show confirmation or thank you message
+			
+			const errorDetail = orderData?.details?.[0];
+			
+			if (errorDetail?.issue === "INSTRUMENT_DECLINED") {
+				// (1) Recoverable INSTRUMENT_DECLINED -> call actions.restart()
+				// recoverable state, per https://developer.paypal.com/docs/checkout/standard/customize/handle-funding-failures/
+				return actions.restart();
+			} else if (errorDetail) {
+				// (2) Other non-recoverable errors -> Show a failure message
+				throw new Error(`${errorDetail.description} (${orderData.debug_id})`);
+			} else if (!orderData.purchase_units) {
+				throw new Error(JSON.stringify(orderData));
+			} else {
+				// (3) Successful transaction -> Show confirmation or thank you message
+				// Or go to another URL:  actions.redirect('thank_you.html');
+				const transaction =
+					orderData?.purchase_units?.[0]?.payments?.captures?.[0] ||
+					orderData?.purchase_units?.[0]?.payments?.authorizations?.[0];
+				resultMessage(
+					`Transaction ${transaction.status}: ${transaction.id}<br><br>See console for all available details`,
+				);
+				console.log(
+					"Capture result",
+					orderData,
+					JSON.stringify(orderData, null, 2),
+				);
+			}
+		} catch (error) {
+			console.error(error);
+			resultMessage(
+				`Sorry, your transaction could not be processed...<br><br>${error}`,
+			);
+		}
+	},
+*/        
+})
+.render("#paypal-button-container");
+  
+// Example function to show a result to the user. Your site's UI library can be used instead.
+function resultMessage(message) {
+  const container = document.querySelector("#result-message");
+  container.innerHTML = message;
+}
+