feat(website): close checkout overlay when it is completed

IgnisDa · Oct 25, 2024 · 01054e4 · 01054e4
1 parent baea7f2
commit 01054e4
Showing 1 changed file with 20 additions and 16 deletions.
diff --git a/apps/website/app/routes/me.tsx b/apps/website/app/routes/me.tsx
@@ -172,23 +172,27 @@ export default function Index() {
 		initializePaddle({
 			token: loaderData.clientToken,
 			environment: loaderData.isSandbox ? "sandbox" : undefined,
-			eventCallback: (data) => {
-				if (data.name === CheckoutEventNames.CHECKOUT_COMPLETED) {
-					paddle?.Checkout.close();
-					const transactionId = data.data?.transaction_id;
-					if (!transactionId) throw new Error("Transaction ID not found");
-					submit(
-						{ transactionId },
-						{
-							method: "POST",
-							encType: "application/json",
-							action: withQuery(".", { intent: "processPurchase" }),
-						},
-					);
-				}
-			},
 		}).then((paddleInstance) => {
-			if (paddleInstance) setPaddle(paddleInstance);
+			if (paddleInstance) {
+				paddleInstance.Update({
+					eventCallback: (data) => {
+						if (data.name === CheckoutEventNames.CHECKOUT_COMPLETED) {
+							paddleInstance.Checkout.close();
+							const transactionId = data.data?.transaction_id;
+							if (!transactionId) throw new Error("Transaction ID not found");
+							submit(
+								{ transactionId },
+								{
+									method: "POST",
+									encType: "application/json",
+									action: withQuery(".", { intent: "processPurchase" }),
+								},
+							);
+						}
+					},
+				});
+				setPaddle(paddleInstance);
+			}
 		});
 	}, []);