feat(forms): add isolated Form A consultation testing

www/src/components/FormShell.astro

@@ -1,20 +1,41 @@
 ---
 import Button from './Button.astro';
 import ContactObfuscation from './ContactObfuscation.astro';
+import JotformIframe from './JotformIframe.astro';
 import { formMessages } from '../utils/form-messages';
-import { formModeForRuntime, resolveFormMode, resolveMockFormResult, type LogicalForm } from '../utils/form-integration';
-const { lang = 'en', showBackground = false } = Astro.props;
+import { formModeForRuntime, resolveFormAIframe, resolveFormMode, resolveMockFormResult, type LogicalForm } from '../utils/form-integration';
+const { lang = 'en', showBackground = false, route = '' } = Astro.props;
 const text = formMessages(lang);
 const title = Astro.props.title ?? text.heading;
 const logicalForm: LogicalForm = Astro.props.logicalForm ?? (Astro.props.title === 'Physician & Insurer Referrals' ? 'referral' : 'service');
 const config = resolveFormMode(import.meta.env.PUBLIC_AIA_FORMS_MODE, import.meta.env.PUBLIC_AIA_FORMS_LIVE_APPROVED);
 const mode = formModeForRuntime(config);
 const mockResult = resolveMockFormResult(import.meta.env.PUBLIC_AIA_FORMS_MOCK_RESULT);
+const formAIframe = logicalForm === 'service'
+  ? resolveFormAIframe({
+      rawMode: import.meta.env.PUBLIC_AIA_FORMS_MODE,
+      liveApproved: import.meta.env.PUBLIC_AIA_FORMS_LIVE_APPROVED,
+      isolatedTestApproved: import.meta.env.PUBLIC_AIA_FORMS_ISOLATED_TEST_APPROVED,
+      consultationTestApproved: import.meta.env.PUBLIC_AIA_FORMS_CONSULTATION_TEST_APPROVED,
+      productionApproved: import.meta.env.PUBLIC_AIA_FORM_A_PRODUCTION_APPROVED,
+      environmentRole: import.meta.env.PUBLIC_AIA_FORMS_ENVIRONMENT,
+      allowIndexing: import.meta.env.PUBLIC_ALLOW_INDEXING,
+      route,
+      locale: lang,
+    })
+  : undefined;
+const consultationIframeEnabled = formAIframe?.enabled && formAIframe.context === 'consultation';
+const consultationHeading = lang === 'es' ? 'Comience una conversación' : 'Start a conversation';
+const consultationDescription = lang === 'es'
+  ? 'Use este formulario para solicitar una conversación. Un defensor de clientes de AIA puede explicarle los próximos pasos.'
+  : 'Use this form to request a conversation. An AIA client advocate can explain the next steps.';
 ---
 <section class:list={['form-section', { 'form-section-background': showBackground }]} aria-labelledby="form-title">
   <div class="container form-grid">
     <div><p class="eyebrow">{text.eyebrow}</p><h2 id="form-title">{title}</h2><p>{text.intro}</p></div>
-    <div class="form" role="group" data-aia-form data-form-mode={mode} data-form-mode-reason={config.reason} data-logical-form={logicalForm} data-mock-result={mockResult} data-mock-success={text.mockSuccess} data-mock-failed={text.mockFailed} data-mock-unavailable={text.mockUnavailable}>
+    {formAIframe && consultationIframeEnabled
+      ? <JotformIframe config={formAIframe} heading={consultationHeading} description={consultationDescription} />
+      : <div class="form" role="group" data-aia-form data-form-mode={mode} data-form-mode-reason={config.reason} data-logical-form={logicalForm} data-mock-result={mockResult} data-mock-success={text.mockSuccess} data-mock-failed={text.mockFailed} data-mock-unavailable={text.mockUnavailable}>
       <label>{text.name}<input name="name" autocomplete="name" disabled={mode === 'off'} /></label>
       <label>{text.email}<input type="email" name="email" autocomplete="email" disabled={mode === 'off'} /></label>
       <label>{text.phone}<input type="tel" name="phone" autocomplete="tel" disabled={mode === 'off'} /></label>
@@ -22,7 +43,7 @@ const mockResult = resolveMockFormResult(import.meta.env.PUBLIC_AIA_FORMS_MOCK_R
       <label>{text.message}<textarea name="message" rows="5" disabled={mode === 'off'}></textarea></label>
       <Button type="button" data-mock-submit disabled={mode === 'off'} aria-describedby="form-note">{text.submit}</Button>
       <p id="form-note" class="form-note" data-form-status>{mode === 'mock' ? text.mock : <>{text.disabled} <ContactObfuscation phone="(480) 687-7099" hrefValue="+14806877099" obfuscatedText="9907-786 (084)" />.</>}</p>
-    </div>
+    </div>}
   </div>
 </section>