fix(forms): close completed drawers and restore portal styling

www/src/scripts/service-inquiry.ts

@@ -1,4 +1,5 @@
 import { isSuppressed, reachedHalf, suppressionDuration, suppressionKey } from '../utils/drawer-preference';
+import { isFormACompletion } from '../utils/jotform-completion';
 
 let disposeAll: (() => void) | undefined;
 // Memory preference also covers storage-denied browsing during this document lifetime.
@@ -23,6 +24,8 @@ export function initializeServiceInquiryDrawers() {
       .filter((anchor) => anchor.dataset.serviceInquiryTrigger === dialog.dataset.service);
     let timer: number | undefined;
     let closeTimer: number | undefined;
+    let completionTimer: number | undefined;
+    const acknowledgment = dialog.querySelector<HTMLElement>('[data-service-inquiry-completed]');
     let firstFrame = 0;
     let secondFrame = 0;
     let trigger: HTMLElement | null = null;
@@ -47,6 +50,11 @@ export function initializeServiceInquiryDrawers() {
       if (document.querySelector('dialog[open]')) return;
       autoConsumed = true;
       trigger = manual ?? (document.activeElement instanceof HTMLElement ? document.activeElement : null);
+      if (dialog.dataset.submissionCompleted === 'true') {
+        dialog.querySelector('[data-jotform-form-a]')?.dispatchEvent(new Event('aia:jotform-reset'));
+        delete dialog.dataset.submissionCompleted;
+        if (acknowledgment) acknowledgment.hidden = true;
+      }
       dialog.showModal();
       document.documentElement.classList.add('service-inquiry-open');
       dialog.querySelector('[data-jotform-form-a]')?.dispatchEvent(new Event('aia:jotform-activate'));
@@ -59,7 +67,8 @@ export function initializeServiceInquiryDrawers() {
     const dismiss = () => {
       if (!dialog.open || closing) return;
       closing = true;
-      remember();
+      clearTimeout(completionTimer);
+      if (dialog.dataset.submissionCompleted !== 'true') remember();
       stopAuto();
       dialog.classList.remove('is-open');
       const finish = () => { dialog.close(); closing = false; };
@@ -74,6 +83,7 @@ export function initializeServiceInquiryDrawers() {
     dialog.addEventListener('cancel', (event) => { event.preventDefault(); dismiss(); }, { signal });
     dialog.addEventListener('click', (event) => { if (event.target === dialog) dismiss(); }, { signal });
     dialog.addEventListener('close', () => {
+      clearTimeout(completionTimer);
       stopAuto();
       dialog.classList.remove('is-open');
       document.documentElement.classList.remove('service-inquiry-open');
@@ -81,6 +91,20 @@ export function initializeServiceInquiryDrawers() {
       trigger = null;
     }, { signal });
     if (authorized) {
+      addEventListener('message', (event) => {
+        const container = dialog.querySelector<HTMLElement>('[data-jotform-form-a]');
+        const frame = container?.querySelector<HTMLIFrameElement>('[data-jotform-iframe-frame]');
+        const active = dialog.open && !closing && dialog.dataset.submissionCompleted !== 'true' &&
+          container?.dataset.formContext === 'consultation' && container.dataset.jotformIframeActivated === 'true';
+        if (!isFormACompletion(event, frame?.contentWindow, active, frame?.dataset.jotformIframeUrl)) return;
+        dialog.dataset.submissionCompleted = 'true';
+        remember();
+        if (acknowledgment) {
+          acknowledgment.hidden = false;
+          acknowledgment.scrollIntoView({ block: 'nearest', behavior: 'instant' });
+        }
+        completionTimer = window.setTimeout(dismiss, 5000);
+      }, { signal });
       for (const anchor of triggers) {
         anchor.setAttribute('aria-haspopup', 'dialog');
         anchor.setAttribute('aria-controls', dialog.id);
@@ -103,7 +127,7 @@ export function initializeServiceInquiryDrawers() {
     }
     addEventListener('storage', (event) => { if (event.key === suppressionKey && suppressed()) stopAuto(); }, { signal });
     disposers.push(() => {
-      stopAuto(); clearTimeout(closeTimer); cancelAnimationFrame(firstFrame); cancelAnimationFrame(secondFrame);
+      stopAuto(); clearTimeout(closeTimer); clearTimeout(completionTimer); cancelAnimationFrame(firstFrame); cancelAnimationFrame(secondFrame);
       controller.abort(); dialog.classList.remove('is-open');
       if (dialog.open) dialog.close();
       for (const anchor of triggers) { anchor.removeAttribute('aria-controls'); anchor.removeAttribute('aria-haspopup'); }