@@ -98,12 +98,17 @@ exports[`ChooseTemplatesPage renders correctly for a message plan with multiple
9898 >
9999 NHS App
100100 </h3 >
101- <p
101+ <div
102102 class = " nhsuk-u-margin-bottom-2"
103- data-testid = " template-name-NHSAPP "
103+ data-testid = " template-names "
104104 >
105- app template name
106- </p >
105+ <p
106+ class = " nhsuk-u-margin-bottom-1"
107+ data-testid = " template-name-NHSAPP"
108+ >
109+ app template name
110+ </p >
111+ </div >
107112 <ul
108113 class = " channel-template-actions"
109114 >
@@ -126,14 +131,14 @@ exports[`ChooseTemplatesPage renders correctly for a message plan with multiple
126131 <li >
127132 <form >
128133 <input
129- name = " channel "
134+ name = " routingConfigId "
130135 type = " hidden"
131- value = " NHSAPP "
136+ value = " fbb81055-79b9-4759-ac07-d191ae57be34 "
132137 />
133138 <input
134- name = " routingConfigId "
139+ name = " templateId "
135140 type = " hidden"
136- value = " fbb81055-79b9-4759-ac07-d191ae57be34 "
141+ value = " d3a2c6ba-438a-4bf4-b94a-7c64c6528e7f "
137142 />
138143 <button
139144 class = " channel-template-link--remove nhsuk-link"
@@ -157,7 +162,7 @@ exports[`ChooseTemplatesPage renders correctly for a message plan with multiple
157162 </div >
158163 </li >
159164 <li
160- class = " fallback-conditions"
165+ class = " fallback-conditions fallback-conditions "
161166 data-testid = " message-plan-fallback-conditions-NHSAPP"
162167 >
163168 <div
@@ -271,12 +276,17 @@ exports[`ChooseTemplatesPage renders correctly for a message plan with multiple
271276 >
272277 Text message (SMS)
273278 </h3 >
274- <p
279+ <div
275280 class = " nhsuk-u-margin-bottom-2"
276- data-testid = " template-name-SMS "
281+ data-testid = " template-names "
277282 >
278- sms template name
279- </p >
283+ <p
284+ class = " nhsuk-u-margin-bottom-1"
285+ data-testid = " template-name-SMS"
286+ >
287+ sms template name
288+ </p >
289+ </div >
280290 <ul
281291 class = " channel-template-actions"
282292 >
@@ -299,14 +309,14 @@ exports[`ChooseTemplatesPage renders correctly for a message plan with multiple
299309 <li >
300310 <form >
301311 <input
302- name = " channel "
312+ name = " routingConfigId "
303313 type = " hidden"
304- value = " SMS "
314+ value = " fbb81055-79b9-4759-ac07-d191ae57be34 "
305315 />
306316 <input
307- name = " routingConfigId "
317+ name = " templateId "
308318 type = " hidden"
309- value = " fbb81055-79b9-4759-ac07-d191ae57be34 "
319+ value = " 5f7c3e1d-9b1a-4d3a-8f3e-2c6b8e9f1a2b "
310320 />
311321 <button
312322 class = " channel-template-link--remove nhsuk-link"
@@ -330,7 +340,7 @@ exports[`ChooseTemplatesPage renders correctly for a message plan with multiple
330340 </div >
331341 </li >
332342 <li
333- class = " fallback-conditions"
343+ class = " fallback-conditions fallback-conditions "
334344 data-testid = " message-plan-fallback-conditions-SMS"
335345 >
336346 <div
@@ -468,7 +478,7 @@ exports[`ChooseTemplatesPage renders correctly for a message plan with multiple
468478 </div >
469479 </li >
470480 <li
471- class = " fallback-conditions"
481+ class = " fallback-conditions fallback-conditions "
472482 data-testid = " message-plan-fallback-conditions-EMAIL"
473483 >
474484 <div
@@ -580,14 +590,19 @@ exports[`ChooseTemplatesPage renders correctly for a message plan with multiple
580590 <h3
581591 class = " nhsuk-heading-s"
582592 >
583- Letter
593+ Standard English letter
584594 </h3 >
585- <p
595+ <div
586596 class = " nhsuk-u-margin-bottom-2"
587- data-testid = " template-name-LETTER "
597+ data-testid = " template-names "
588598 >
589- letter template name
590- </p >
599+ <p
600+ class = " nhsuk-u-margin-bottom-1"
601+ data-testid = " template-name-LETTER"
602+ >
603+ letter template name
604+ </p >
605+ </div >
591606 <ul
592607 class = " channel-template-actions"
593608 >
@@ -601,7 +616,7 @@ exports[`ChooseTemplatesPage renders correctly for a message plan with multiple
601616 <span
602617 class = " nhsuk-u-visually-hidden"
603618 >
604- Letter
619+ Standard English letter
605620 </span >
606621
607622 template
@@ -610,14 +625,14 @@ exports[`ChooseTemplatesPage renders correctly for a message plan with multiple
610625 <li >
611626 <form >
612627 <input
613- name = " channel "
628+ name = " routingConfigId "
614629 type = " hidden"
615- value = " LETTER "
630+ value = " fbb81055-79b9-4759-ac07-d191ae57be34 "
616631 />
617632 <input
618- name = " routingConfigId "
633+ name = " templateId "
619634 type = " hidden"
620- value = " fbb81055-79b9-4759-ac07-d191ae57be34 "
635+ value = " 9a8b7c6d-5e4f-3a2b-1c0d-9e8f7a6b5c4d "
621636 />
622637 <button
623638 class = " channel-template-link--remove nhsuk-link"
@@ -629,7 +644,7 @@ exports[`ChooseTemplatesPage renders correctly for a message plan with multiple
629644 <span
630645 class = " nhsuk-u-visually-hidden"
631646 >
632- Letter
647+ Standard English letter
633648 </span >
634649
635650 template
@@ -639,6 +654,167 @@ exports[`ChooseTemplatesPage renders correctly for a message plan with multiple
639654 </ul >
640655 </div >
641656 </div >
657+ <ul
658+ class = " message-plan-conditional-templates"
659+ data-testid = " message-plan-conditional-templates"
660+ >
661+ <li
662+ class = " fallback-conditions fallback-conditions"
663+ data-testid = " message-plan-fallback-conditions-LETTER"
664+ >
665+ <div
666+ aria-hidden = " true"
667+ class = " fallback-conditions-branch-icon"
668+ >
669+ <svg
670+ version = " 1.1"
671+ viewBox = " 0 0 499.694748 700.749167"
672+ xmlns = " http://www.w3.org/2000/svg"
673+ >
674+ <g
675+ fill = " none"
676+ fill-rule = " evenodd"
677+ stroke = " none"
678+ stroke-width = " 1"
679+ >
680+ <g
681+ transform = " translate(250.007401, 350.374584) scale(-1, 1) rotate(90.000000) translate(-250.007401, -350.374584) translate(-149.992599, -49.625416)"
682+ >
683+ <path
684+ d="M650,450 C604.526092,450.130889 564.879924,480.959947 553.55,525 L450,525 C408.597492,524.954532 375.045468,491.402508 375,450 L375,350 C374.90465,322.865486 365.895962,296.514017 349.36,275 L553.55,275 C566.139176,323.757668 613.019668,355.54813 662.975013,349.20297 C712.930358,342.857809 750.374584,300.356703 750.374584,250 C750.374584,199.643297 712.930358,157.142191 662.975013,150.79703 C613.019668,144.45187 566.139176,176.242332 553.55,225 L246.45,225 C233.860824,176.242332 186.980332,144.45187 137.024987,150.79703 C87.0696422,157.142191 49.6254163,199.643297 49.6254163,250 C49.6254163,300.356703 87.0696422,342.857809 137.024987,349.20297 C186.980332,355.54813 233.860824,323.757668 246.45,275 L250,275 C291.402508,275.045468 324.954532,308.597492 325,350 L325,450 C325.081278,519.001899 380.998101,574.918722 450,575 L553.55,575 C566.624846,625.202218 615.96959,657.0262 667.095128,648.228835 C718.220666,639.431469 754.090123,592.944356 749.632835,541.259282 C745.175547,489.574208 701.876844,449.914506 650,450 Z M650,200 C677.614237,200 700,222.385763 700,250 C700,277.614237 677.614237,300 650,300 C622.385763,300 600,277.614237 600,250 C600.031687,222.398898 622.398898,200.031687 650,200 Z M150,300 C122.385763,300 100,277.614237 100,250 C100,222.385763 122.385763,200 150,200 C177.614237,200 200,222.385763 200,250 C199.972439,277.602813 177.602813,299.972439 150,300 L150,300 Z M650,600 C622.385763,600 600,577.614237 600,550 C600,522.385763 622.385763,500 650,500 C677.614237,500 700,522.385763 700,550 C699.962817,577.598821 677.598821,599.962817 650,600 Z"
685+ fill = " #005eb8"
686+ fill-rule = " nonzero"
687+ />
688+ <rect
689+ height = " 800"
690+ width = " 800"
691+ x = " 0"
692+ y = " 0"
693+ />
694+ </g >
695+ </g >
696+ </svg >
697+ </div >
698+ <details
699+ class = " nhsuk-details fallback-conditions-details"
700+ >
701+ <summary
702+ class = " nhsuk-details__summary"
703+ >
704+ <span
705+ class = " nhsuk-details__summary-text"
706+ >
707+ Conditions for accessible and language letters
708+ </span >
709+ </summary >
710+ <div
711+ class = " nhsuk-details__text"
712+ >
713+ <ul
714+ class = " nhsuk-list nhsuk-list--tick"
715+ >
716+ <li >
717+ <img
718+ alt = " "
719+ aria-hidden = " true"
720+ class = " nhsuk-icon nhsuk-icon--arrow-down"
721+ data-nimg = " 1"
722+ decoding = " async"
723+ height = " 34"
724+ loading = " lazy"
725+ src = " /templates/lib/assets/icons/icon-arrow-down.svg"
726+ style = " color: transparent;"
727+ width = " 34"
728+ />
729+ The relevant accessible or language letter will be sent instead of the standard English letter if, both:
730+ <ul >
731+ <li >
732+ the recipient has requested an accessible or language letter in PDS
733+ </li >
734+ <li >
735+ you've included the relevant template in this message plan
736+ </li >
737+ </ul >
738+ </li >
739+ </ul >
740+ </div >
741+ </details >
742+ </li >
743+ <li
744+ class = " message-plan-conditional-templates__list-item"
745+ >
746+ <div
747+ class = " channel-template-outer"
748+ >
749+ <div
750+ class = " channel-template-inner"
751+ >
752+ <h3
753+ class = " nhsuk-heading-s"
754+ >
755+ Large print letter (optional)
756+ </h3 >
757+ <ul
758+ class = " channel-template-actions"
759+ >
760+ <li >
761+ <a
762+ class = " nhsuk-link nhsuk-link--no-visited-state"
763+ data-testid = " choose-template-link-q4"
764+ href = " /message-plans/choose-large-print-letter-template/fbb81055-79b9-4759-ac07-d191ae57be34"
765+ >
766+ Choose
767+ <span
768+ class = " nhsuk-u-visually-hidden"
769+ >
770+ Large print letter
771+ </span >
772+
773+ template
774+ </a >
775+ </li >
776+ </ul >
777+ </div >
778+ </div >
779+ </li >
780+ <li
781+ class = " message-plan-conditional-templates__list-item"
782+ >
783+ <div
784+ class = " channel-template-outer"
785+ >
786+ <div
787+ class = " channel-template-inner"
788+ >
789+ <h3
790+ class = " nhsuk-heading-s"
791+ >
792+ Other language letters (optional)
793+ </h3 >
794+ <ul
795+ class = " channel-template-actions"
796+ >
797+ <li >
798+ <a
799+ class = " nhsuk-link nhsuk-link--no-visited-state"
800+ data-testid = " choose-template-link-foreign-language"
801+ href = " /message-plans/choose-other-language-letter-template/fbb81055-79b9-4759-ac07-d191ae57be34"
802+ >
803+ Choose
804+ <span
805+ class = " nhsuk-u-visually-hidden"
806+ >
807+ Other language letters
808+ </span >
809+
810+ templates
811+ </a >
812+ </li >
813+ </ul >
814+ </div >
815+ </div >
816+ </li >
817+ </ul >
642818 </li >
643819 </ul >
644820 <div
0 commit comments