add native-modal element

app/javascript/elements/native_modal.js

@@ -0,0 +1,17 @@
+export default class extends HTMLElement {
+  connectedCallback () {
+    document.addEventListener('turbo:submit-end', this.onSubmit)
+  }
+
+  disconnectedCallback () {
+    document.removeEventListener('turbo:submit-end', this.onSubmit)
+  }
+
+  onSubmit = (e) => {
+    if (!e.detail.success || e.detail.fetchResponse?.redirected) return
+    if (this.dataset.closeAfterSubmit === 'false') return
+    if (e.detail.formSubmission?.formElement?.dataset?.closeOnSubmit === 'false') return
+
+    window.webkit?.messageHandlers?.modal?.postMessage({ action: 'submitted' })
+  }
+}