From 265c62ca9b94ac329237b6ce6c7472ecf275c143 Mon Sep 17 00:00:00 2001
From: Adrian Unruh <unruha@uw.edu>
Date: Tue, 5 Dec 2023 22:18:10 -0800
Subject: [PATCH] fix:destroy stripe embedded checkout element when wrapper
 element is destroyed

---
 src/lib/EmbeddedCheckout.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/lib/EmbeddedCheckout.svelte b/src/lib/EmbeddedCheckout.svelte
index 9a5ab35..b950a40 100644
--- a/src/lib/EmbeddedCheckout.svelte
+++ b/src/lib/EmbeddedCheckout.svelte
@@ -1,4 +1,5 @@
 <script>
+  import { onDestroy } from 'svelte'
   import { register } from './util'
 
   /** @type {import('@stripe/stripe-js').Stripe?} */
@@ -9,6 +10,8 @@
 
   let wrapper
 
+  let checkoutElement
+
   $: if (stripe) {
     register(stripe)
   }
@@ -17,9 +20,14 @@
     stripe
       .initEmbeddedCheckout({ clientSecret })
       .then((element) => {
-        element.mount(wrapper)
+        checkoutElement = element
+        checkoutElement.mount(wrapper)
       })
   }
+
+  onDestroy(() => {
+    checkoutElement?.destroy()
+  });
 </script>
 
 {#if stripe && clientSecret}