fix(landing): remove inactive-form availability copy

This commit is contained in:
DeCentN2Madness committed 2026-10-25 12:52:38 -07:00
1 parent 356282f61c
commit b102a061fe
4 files changed
+23 -21

No files matched your search

@@ -20,7 +20,7 @@ const tel = phone.replace(/[^0-9+]/g, '');
<div class="form-wrap"> <div class="form-wrap">
<!-- TODO: Replace this inactive presentation with the approved Jotform integration under P9-03. --> <!-- TODO: Replace this inactive presentation with the approved Jotform integration under P9-03. -->
<!-- TODO: Verify privacy, spam protection and notifications before production activation. --> <!-- TODO: Verify privacy, spam protection and notifications before production activation. -->
<div id="lead-form" role="group" aria-labelledby="campaign-form-heading" aria-describedby="campaign-form-status" data-forms-mode="off"> <div id="lead-form" role="group" aria-labelledby="campaign-form-heading" data-forms-mode="off">
<h3 id="campaign-form-heading">Start with your contact details</h3> <h3 id="campaign-form-heading">Start with your contact details</h3>
<p class="form-note form-intro">Use this form to request a conversation. An AIA team member can explain the next steps for your family.</p> <p class="form-note form-intro">Use this form to request a conversation. An AIA team member can explain the next steps for your family.</p>
<input disabled type="hidden" name="sourcePage" value={sourcePage} /> <input disabled type="hidden" name="sourcePage" value={sourcePage} />
@@ -50,21 +50,15 @@ const tel = phone.replace(/[^0-9+]/g, '');
</select> </select>
</div> </div>
</div> </div>
<p class="form-note">
Please avoid entering detailed medical, diagnostic, or insurance-member information here. An AIA team member can gather any needed details through the appropriate follow-up process.
</p>
<p class="form-note">
Online submissions are not enabled yet. Please <a href={`tel:${tel}`}>call AIA at {phone}</a> to discuss services. Review AIA's <a href="/privacy-policy">privacy policy</a>.
</p>
<div id="form-error" class="form-error" role="alert" tabindex="-1"></div> <div id="form-error" class="form-error" role="alert" tabindex="-1"></div>
<button class="button" type="button" disabled>{buttonText}<Icon name="arrow" /></button> <button class="button" type="button" disabled>{buttonText}<Icon name="arrow" /></button>
<p id="campaign-form-status" class="form-note">Online requests are not enabled on this site yet. Please <a href={`tel:${tel}`}>call AIA at {phone}</a> during staffed hours.</p> <p class="form-note">Questions? <a href={`tel:${tel}`}>Call AIA at {phone}</a>. Review AIA's <a href="/privacy-policy">privacy policy</a>.</p>
</div> </div>
</div> </div>
<div class="consultation__details"> <div class="consultation__details">
<div class="consultation__contact"> <div class="consultation__contact">
<h3><a href={`tel:${tel}`}><Icon name="phone" />Call AIA at {phone}</a></h3> <h3><a href={`tel:${tel}`}><Icon name="phone" />Call AIA at {phone}</a></h3>
<p>Mon–Fri, 8:00 AM–6:00 PM<br />Online requests are not enabled yet.</p> <p>Mon–Fri, 8:00 AM–6:00 PM</p>
</div> </div>
<div class="clinic-location" aria-labelledby="clinic-location-heading"> <div class="clinic-location" aria-labelledby="clinic-location-heading">
<span class="icon-circle"><Icon name="pin" /></span> <span class="icon-circle"><Icon name="pin" /></span>
@@ -23,17 +23,17 @@
</div> </div>
</section> </section>
<div class="qr-process-band"> <div class="qr-process-band">
<section class="qr-section qr-contact-section" aria-label="Call AIA about early intervention"><div id="consultation" class="lead-form" aria-labelledby="consultation-heading" aria-describedby="consultation-unavailable" role="group" data-forms-mode="off"> <section class="qr-section qr-contact-section" aria-label="Call AIA about early intervention"><div id="consultation" class="lead-form" aria-labelledby="consultation-heading" role="group" data-forms-mode="off">
<div class="form-heading"> <div class="form-heading">
<h2 id="consultation-heading">Call AIA about early intervention</h2> <h2 id="consultation-heading">Call AIA about early intervention</h2>
<p>Online requests are not enabled on this page. Please call AIA to discuss your questions and possible next steps.</p> <p>Speak with an AIA team member about your questions and possible next steps.</p>
</div> </div>
<div class="field"><label for="parent-name">Parent or caregiver name</label><input id="parent-name" autocomplete="name" required="" type="text" disabled=""></div> <div class="field"><label for="parent-name">Parent or caregiver name</label><input id="parent-name" autocomplete="name" required="" type="text" disabled=""></div>
<div class="field"><label for="phone">Phone number</label><input id="phone" autocomplete="tel" required="" type="tel" disabled=""></div> <div class="field"><label for="phone">Phone number</label><input id="phone" autocomplete="tel" required="" type="tel" disabled=""></div>
<div class="field"><label for="email">Email address<span class="field-optional"> (optional)</span></label><input id="email" autocomplete="email" type="email" disabled=""></div> <div class="field"><label for="email">Email address<span class="field-optional"> (optional)</span></label><input id="email" autocomplete="email" type="email" disabled=""></div>
<button class="button button-primary" type="button" disabled="">Request a consultation</button><p id="consultation-unavailable">Online submissions are not enabled on this site. Please <a href="tel:+14806877099">call (480) 687-7099</a> to contact AIA.</p></div> <button class="button button-primary" type="button" disabled="">Request a consultation</button></div>
<aside class="qr-call-card"> <aside class="qr-call-card">
<p class="eyebrow">Prefer to talk?</p> <p class="eyebrow">Prefer to talk?</p>
<h2>Call AIA</h2> <h2>Call AIA</h2>
+1 -1
View File
@@ -26,7 +26,7 @@ const tel = phone.replace(/[^0-9+]/g, '');
<a class="button" href="#consultation">{primaryCta}<Icon name="arrow" /></a> <a class="button" href="#consultation">{primaryCta}<Icon name="arrow" /></a>
<a class="hero__call" href={`tel:${tel}`}><Icon name="phone" />Call {phone}</a> <a class="hero__call" href={`tel:${tel}`}><Icon name="phone" />Call {phone}</a>
</div> </div>
<p class="form-note">Calls are answered Mon–Fri, 8:00 AM–6:00 PM. Online forms are not enabled yet; <a href={`tel:${tel}`}>call AIA at {phone}</a>.</p> <p class="form-note">Calls are answered Mon–Fri, 8:00 AM–6:00 PM. <a href={`tel:${tel}`}>Call AIA at {phone}</a>.</p>
</div> </div>
<div class="hero__visual"> <div class="hero__visual">
<img class="hero__gear" src="/assets/campaign/media/brand/gear-outline.svg" alt="" width="160" height="160" aria-hidden="true" /> <img class="hero__gear" src="/assets/campaign/media/brand/gear-outline.svg" alt="" width="160" height="160" aria-hidden="true" />
+16 -8
View File
@@ -89,24 +89,29 @@ test('inactive lead presentation has no native submission surface or live integr
assert.equal($('#lead-form [name]:not([disabled])').length, 0); assert.equal($('#lead-form [name]:not([disabled])').length, 0);
assert.equal($('#lead-form button').attr('type'), 'button'); assert.equal($('#lead-form button').attr('type'), 'button');
assert.ok($('#lead-form button').is('[disabled]')); assert.ok($('#lead-form button').is('[disabled]'));
assert.match($('#campaign-form-status').text(), /not enabled/); assert.equal($('[data-form-status-notice], #campaign-form-status').length, 0);
assert.ok($('#campaign-form-status a[href^="tel:"]').length); assert.equal($('#lead-form a[href^="tel:"]').length, 1);
assert.equal($('#lead-form a[href="/privacy-policy"]').length, 1);
assert.doesNotMatch($('#lead-form').text(), /(?:online )?(?:forms?|requests?|submissions?) (?:are |is )?(?:unavailable|not enabled)|detailed medical|diagnostic|insurance-member/i);
assert.equal($('#lead-form p:empty').length, 0);
assert.equal($('iframe').length, 0); assert.equal($('iframe').length, 0);
assert.equal($('script[src]').length, 0); assert.equal($('script[src]').length, 0);
assert.doesNotMatch($('script').text(), /gtag|googletagmanager|sessionStorage|fetch\(|utm_|gclid|postMessage/); assert.doesNotMatch($('script').text(), /gtag|googletagmanager|sessionStorage|fetch\(|utm_|gclid|postMessage/);
} }
}); });
test('inactive form messaging directs visitors to telephone contact', () => { test('campaign contact paths remain without unavailable-form messaging', () => {
for (const page of pages) { for (const page of pages) {
const $ = html(page); const $ = html(page);
const heroNote = $('.hero .form-note').text(); const heroNote = $('.hero .form-note').text();
assert.doesNotMatch(heroNote, /forms are available anytime/i); assert.doesNotMatch(heroNote, /forms are available anytime/i);
assert.match(heroNote, /online forms are not enabled/i); assert.doesNotMatch(heroNote, /online forms are not enabled/i);
assert.ok($('.hero .form-note a[href^="tel:"]').length); assert.ok($('.hero .form-note a[href^="tel:"]').length);
assert.doesNotMatch($('#lead-form').text(), /By submitting this form/i); assert.doesNotMatch($('#lead-form').text(), /By submitting this form/i);
assert.match($('#lead-form').text(), /Online submissions are not enabled/i);
assert.ok($('#lead-form a[href^="tel:"]').length); assert.ok($('#lead-form a[href^="tel:"]').length);
assert.ok($('#lead-form a[href="/privacy-policy"]').length);
assert.doesNotMatch($('#lead-form').text(), /(?:online )?(?:forms?|requests?|submissions?) (?:are |is )?(?:unavailable|not enabled)/i);
assert.doesNotMatch($('.consultation__contact').text(), /Online (?:forms|requests|submissions)/i);
} }
}); });
@@ -148,7 +153,8 @@ test('early-intervention preserves its own publication identity and source secti
assert.equal($('#consultation input').length, 3); assert.equal($('#consultation input').length, 3);
assert.equal($('#consultation input:disabled').length, 3); assert.equal($('#consultation input:disabled').length, 3);
assert.equal($('#consultation button').attr('type'), 'button'); assert.equal($('#consultation button').attr('type'), 'button');
assert.ok($('#consultation-unavailable a[href="tel:+14806877099"]').length); assert.ok($('.qr-call-card a[href="tel:+14806877099"]').length);
assert.equal($('#consultation-unavailable, [data-form-status-notice]').length, 0);
assert.equal($('img[src^="https:"]').length, 0); assert.equal($('img[src^="https:"]').length, 0);
assert.equal($('.early-header').length, 0); assert.equal($('.early-header').length, 0);
assert.equal($('.site-header').length, 1); assert.equal($('.site-header').length, 1);
@@ -161,12 +167,14 @@ test('early-intervention preserves its own publication identity and source secti
assert.equal($('.mobile-cta').length, 0); assert.equal($('.mobile-cta').length, 0);
}); });
test('early-intervention inactive copy does not promise online requests', () => { test('early-intervention keeps telephone contact without unavailable-form copy', () => {
const $ = load(read('dist/lp/early-intervention/index.html')); const $ = load(read('dist/lp/early-intervention/index.html'));
assert.equal($('.eyebrow').first().text(), 'Evidence-Based ABA Therapy'); assert.equal($('.eyebrow').first().text(), 'Evidence-Based ABA Therapy');
assert.doesNotMatch($('.qr-landing').text(), /Send a short request/); assert.doesNotMatch($('.qr-landing').text(), /Send a short request/);
assert.doesNotMatch($('.qr-landing').text(), /Evidense-Based/); assert.doesNotMatch($('.qr-landing').text(), /Evidense-Based/);
assert.match($('.qr-contact-section').text(), /Online requests are not enabled/); assert.doesNotMatch($('.qr-landing').text(), /(?:online )?(?:forms?|requests?|submissions?) (?:are |is )?(?:unavailable|not enabled)/i);
assert.doesNotMatch($('.qr-contact-section').text(), /detailed medical|diagnostic|insurance-member/i);
assert.equal($('.qr-contact-section p:empty').length, 0);
assert.ok($('.qr-hero-actions a[href^="tel:"]').length); assert.ok($('.qr-hero-actions a[href^="tel:"]').length);
assert.ok($('.qr-final-cta a[href^="tel:"]').length); assert.ok($('.qr-final-cta a[href^="tel:"]').length);
assert.equal($('form').length, 0); assert.equal($('form').length, 0);