@ministryofjustice/hmpps-mpop-frontend-components-lib 0.0.15 → 0.0.16

package/dist/_all.scss

@@ -4,3 +4,4 @@
 @import "./mpop/components/supervision-package/supervision-package";
 @import "./mpop/components/pop-header/pop-header";
 @import "./mpop/components/supervision-final-third-progress/supervision-final-third-progress";
+@import "./mpop/components/person-header/person-header";

package/dist/components/person-header/personHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -137,7 +137,7 @@ type NextAppointment = {
     description: string;
 };
 type SupervisionPackageFrontendContextResponse = {
-    currentPhase: CurrentPhase;
+    currentPhase: CurrentPhase | null;
     earlyEngagement: EarlyEngagement;
     currentYear: CurrentYear;
     nextAppointment: NextAppointment;

package/dist/mpop/components/person-header/_person-header.scss

@@ -0,0 +1,49 @@
+.person-header {
+  margin-bottom: govuk-spacing(4);
+}
+
+.person-header__band {
+  background-color: govuk-colour("blue");
+  color: govuk-colour("white");
+  padding: govuk-spacing(4) govuk-spacing(4) govuk-spacing(3);
+}
+
+.person-header__name {
+  color: govuk-colour("white");
+}
+
+.person-header__crn {
+  color: govuk-colour("white");
+}
+
+.person-header__managed-by {
+  text-decoration: underline;
+}
+
+.person-header__meta {
+  display: flex;
+  flex-wrap: wrap;
+  column-gap: govuk-spacing(6);
+  row-gap: govuk-spacing(1);
+  margin: 0;
+  color: govuk-colour("white");
+
+  li {
+    list-style: none;
+  }
+}
+
+.person-header__risk-panel {
+  display: flex;
+  flex-direction: column;
+  gap: govuk-spacing(2);
+  background-color: govuk-colour("black", $variant: "tint-95");
+  padding: govuk-spacing(3) govuk-spacing(4);
+}
+
+.person-header__risk-tags {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  gap: govuk-spacing(2);
+}

package/dist/mpop/components/person-header/macro.njk

@@ -0,0 +1,3 @@
+{% macro personHeader(params) %}
+    {% include './template.njk' %}
+{% endmacro %}

package/dist/mpop/components/person-header/template.njk

@@ -0,0 +1,37 @@
+<div class='person-header'>
+    <div class='person-header__band'>
+        <h1 class='govuk-heading-xl govuk-!-margin-bottom-2 person-header__name' data-qa='personName'>{{ params.name }}</h1>
+
+        <p class='govuk-caption-l govuk-!-margin-bottom-3 person-header__crn'>
+            <span class='govuk-!-font-weight-bold'>CRN:</span> <span data-qa='crn'>{{ params.crn }}</span>
+        </p>
+
+        <ul class='govuk-list person-header__meta'>
+            <li>
+                <span class='govuk-!-font-weight-bold'>Date of birth:</span> <span data-qa='dob'>{{ params.dob }}</span>
+            </li>
+            <li>
+                <span class='govuk-!-font-weight-bold'>Tier:</span> <a class='govuk-link govuk-link--inverse' href='{{ params.historyHref }}' data-qa='tier'>{{ params.tier }}</a>
+            </li>
+            <li>
+                <span class='govuk-!-font-weight-bold'>Managed by:</span> <span class='person-header__managed-by' data-qa='managedBy'>{{ params.managedBy }}</span>
+            </li>
+        </ul>
+    </div>
+
+    <div class='person-header__risk-panel'>
+        <div class='person-header__risk-tags'>
+            {% if params.ogrs %}
+                <h2 class='govuk-heading-s govuk-!-margin-0' data-qa='ogrsLabel'>OGRS</h2>
+            {% endif %}
+
+            {% if params.rosh %}
+                <h2 class='govuk-heading-s govuk-!-margin-0' data-qa='roshLabel'>ROSH</h2>
+            {% endif %}
+        </div>
+
+        {% if params.riskFlags and params.riskFlags.length %}
+            <h2 class='govuk-heading-s govuk-!-margin-0' data-qa='riskAlertBadges'>Risk alert badges</h2>
+        {% endif %}
+    </div>
+</div>

package/dist/mpop/components/supervision-package/partials/_action-buttons.njk

@@ -1,4 +1,4 @@
-{% if not (params.context.sentences | isInCustody or params.context.sentences | isAtLarge or params.currentPhase.phase.code  == 'FTHRD' ) and (params.arrangeAppointmentHref or (params.crn and params.deliusBaseURL)) %}
+{% if not (params.context.sentences | isInCustody or params.context.sentences | isAtLarge or phaseCode == 'FTHRD' ) and (params.arrangeAppointmentHref or (params.crn and params.deliusBaseURL)) %}
     <div class='govuk-button-group'>
         {% if params.arrangeAppointmentHref %}
             <a href='{{ params.arrangeAppointmentHref }}' role='button' draggable='false' class='govuk-button' data-module='govuk-button'>

package/dist/mpop/components/supervision-package/partials/_early-engagement.njk

@@ -1,40 +1,44 @@
 {% set sentence = params.context.sentences | getPrimarySentence %}
 
-{% if params.context.name.forename and (params.earlyEngagement.completed | int < params.earlyEngagement.weeks | int) %}
+{% if forename and (params.earlyEngagement.completed | int < params.earlyEngagement.weeks | int) %}
     <p class='govuk-body'>
-        You should see {{ params.context.name.forename }} every week for the first {{ params.earlyEngagement.weeks }} weeks of the sentence.
+        You should see {{ forename }} every week for the first {{ params.earlyEngagement.weeks }} weeks of the sentence.
     </p>
 {% endif %}
 
-{% if params.context.name.forename and params.currentYear.appointments.allowance is defined and params.earlyEngagement.weeks is defined %}
+{% if forename and params.currentYear.appointments.allowance is defined and params.earlyEngagement.weeks is defined %}
     <p class='govuk-body'>Early engagement is expected to end on {{ params.currentPhase.endDate | dateWithYear }}{% if (params.earlyEngagement.completed | int < params.earlyEngagement.weeks | int) %} if {{ params.context.name.forename }} attends the required appointments by then{% endif %}.</p>
 {% endif %}
 
+{% if lifeCategoryCode == 'LF01' or lifeCategoryCode == 'LF02' or lifeCategoryCode == 'LF03' or lifeCategoryCode == 'x9'  %}
+    {% include './_no-end-date.njk' %}
+{% endif %}
+
 {% if params.currentYear.appointments.allowance is defined and params.earlyEngagement.weeks is defined %}
     <p class='govuk-body'>
-        {{ params.context.name.forename }} will then have a maximum of {{ (params.currentYear.appointments.allowance | int) - (params.earlyEngagement.weeks | int) }} supervision appointments for the rest of this sentence year.
+        {{ forename }} will then have a maximum of {{ (params.currentYear.appointments.allowance | int) - (params.earlyEngagement.weeks | int) }} supervision appointments for the rest of this sentence year.
     </p>
 {% endif %}
 
 {% if sentence.type.isCustodial %}
     {% if params.context.finalThirdEligibility.eligible == true %}
         <p class='govuk-body'>
-            {{ params.context.name.forename }} is eligible to start the final third stage on {{ sentence.custody.finalThirdDate | dateWithYear }}.
+            {{ forename }} is eligible to start the final third stage on {{ sentence.custody.finalThirdDate | dateWithYear }}.
         </p>
     {% elseif params.context.finalThirdEligibility.eligible == false%}
-        <p class='govuk-body'>{{ params.context.name.forename }} is not eligible for the final third stage.</p>
+        <p class='govuk-body'>{{ forename }} is not eligible for the final third stage.</p>
     {% endif %}
 {% endif %}
 
 {% include './_progress-bar.njk' %}
 {% if params.context.integratedOffenderManagementRedRated %}
     <p class='govuk-body'>
-        {{ params.context.name.forename }} has an IOM red RAG status. The maximum number of appointments is the same as tier A.
+        {{ forename }} has an IOM red RAG status. The maximum number of appointments is the same as tier A.
     </p>
 {% endif %}
 
 {% if params.context | isEligibleForDiscretionaryAppointments(params.tierScore) %}
     <p class='govuk-body'>
-        As a woman in tier {{ params.tierScore }}, {{ params.context.name.forename }} can have up to 5 additional discretionary appointments.
+        As a woman in tier {{ params.tierScore }}, {{ forename }} can have up to 5 additional discretionary appointments.
     </p>
 {% endif %}

package/dist/mpop/components/supervision-package/partials/_no-end-date.njk

@@ -1,7 +1,5 @@
 <p class='govuk-body'>There is no supervision end date.</p>
 
-{% include './_progress-bar.njk' %}
-
 {% if params.context.integratedOffenderManagementRedRated %}
     <p class='govuk-body'>{{ params.context.name.forename }} has an IOM red RAG status. The maximum number of appointments is the same as tier A.</p>
 {% endif %}

package/dist/mpop/components/supervision-package/partials/_progress-bar.njk

@@ -1,4 +1,4 @@
-{% if params.currentPhase.phase.code  == 'INIT' %}
+{% if phaseCode == 'INIT' %}
     {% set completed = params.earlyEngagement.completed | int(0) %}
     {% set allowance = params.earlyEngagement.weeks | int(0) %}
 {% else %}
@@ -17,13 +17,13 @@
 <p class='govuk-body'>{{ completed }} of {{ allowance }} appointments used</p>
 
 <div class="appointment-progress" aria-hidden="true">
-    <div class="{{ 'appointment-progress__bar-maximum' if params.currentPhase.phase.code  != 'INIT' and widthPercent == 100 else 'appointment-progress__bar' }} appointment-progress__bar--width-{{ widthPercent }}"></div>
+    <div class="{{ 'appointment-progress__bar-maximum' if phaseCode != 'INIT' and widthPercent == 100 else 'appointment-progress__bar' }} appointment-progress__bar--width-{{ widthPercent }}"></div>
 </div>
 <span class="govuk-visually-hidden">progress indicator, {{ widthPercent }}%</span>
 
 <div class='govuk-grid-row govuk-!-margin-top-4'>
     <div class='govuk-grid-column-one-third'>
-        <p class='govuk-body govuk-!-margin-bottom-2'>{{ 'Required' if params.currentPhase.phase.code  == 'INIT' else 'Maximum' }}</p>
+        <p class='govuk-body govuk-!-margin-bottom-2'>{{ 'Required' if phaseCode == 'INIT' else 'Maximum' }}</p>
         <p class='govuk-body-l govuk-!-font-weight-bold'>{{ allowance }}</p>
     </div>
 

package/dist/mpop/components/supervision-package/partials/_red-iom.njk

@@ -1,29 +1,30 @@
 {% set sentence = params.context.sentences | getPrimarySentence %}
 
-{% if params.context.name.forename and (params.currentYear.appointments.completed  | int >= params.currentYear.appointments.allowance | int)%}
+<p class='govuk-body'>{{ forename }} has an IOM red RAG status. The maximum number of appointments is the same as tier A.</p>
+
+
+{% if forename and (params.currentYear.appointments.completed  | int >= params.currentYear.appointments.allowance | int)%}
     <p class='govuk-body'>
-        {{ params.context.name.forename }} has used all the supervision package appointments. If new risks emerge or there are exceptional circumstances, you can arrange contingency appointments.
+        {{ forename }} has used all the supervision package appointments. If new risks emerge or there are exceptional circumstances, you can arrange contingency appointments.
     </p>
 {% endif %}
 
 {% if params.currentYear.endDate | supervisionAppointmentsReset(params.context.sentences) %}
-    <p class='govuk-body'>{{ params.context.name.forename }} has {{ (params.currentYear.appointments.allowance | int) - (params.currentYear.appointments.completed | int) }} supervision appointments remaining until the supervision package resets on {{ params.currentYear.endDate | dateWithYear }}.</p>
+    <p class='govuk-body'>{{ forename }} has {{ (params.currentYear.appointments.allowance | int) - (params.currentYear.appointments.completed | int) }} supervision appointments remaining until the supervision package resets on {{ params.currentYear.endDate | dateWithYear }}.</p>
 {% else %}
-    <p class='govuk-body'>{{ params.context.name.forename }} has {{ (params.currentYear.appointments.allowance | int) - (params.currentYear.appointments.completed | int) }} supervision appointments remaining until the supervision stage ends on {{ params.currentYear.endDate | dateWithYear }}.</p>
+    <p class='govuk-body'>{{ forename }} has {{ (params.currentYear.appointments.allowance | int) - (params.currentYear.appointments.completed | int) }} supervision appointments remaining until the supervision stage ends on {{ params.currentYear.endDate | dateWithYear }}.</p>
 {% endif %}
 
 {% if sentence.type.isCustodial %}
     {% if params.context.finalThirdEligibility.eligible %}
-        <p class='govuk-body'>{{ params.context.name.forename }} is eligible to start the final third stage on {{ sentence.custody.finalThirdDate | dateWithYear }}.</p>
+        <p class='govuk-body'>{{ forename }} is eligible to start the final third stage on {{ sentence.custody.finalThirdDate | dateWithYear }}.</p>
     {% elseif params.context.finalThirdEligibility.eligible == false %}
-        <p class='govuk-body'>{{ params.context.name.forename }} is not eligible for the final third stage.</p>
+        <p class='govuk-body'>{{ forename }} is not eligible for the final third stage.</p>
     {% endif %}
 {% endif %}
 
 {% include './_progress-bar.njk' %}
 
-<p class='govuk-body'>{{ params.context.name.forename }} has an IOM red RAG status. The maximum number of appointments is the same as tier A.</p>
-
 {% if params.context | isEligibleForDiscretionaryAppointments(params.tierScore) %}
-    <p class='govuk-body'>As a woman in tier {{ params.tierScore }}, {{ params.context.name.forename }} can have up to 5 additional discretionary appointments.</p>
+    <p class='govuk-body'>As a woman in tier {{ params.tierScore }}, {{ forename }} can have up to 5 additional discretionary appointments.</p>
 {% endif %}

package/dist/mpop/components/supervision-package/partials/_standard-supervision.njk

@@ -1,31 +1,35 @@
 {% set sentence = params.context.sentences | getPrimarySentence %}
 
-{% if params.context.name.forename and (params.currentYear.appointments.completed  | int >= params.currentYear.appointments.allowance | int)%}
+{% if forename and (params.currentYear.appointments.completed  | int >= params.currentYear.appointments.allowance | int)%}
     <p class='govuk-body'>
-        {{ params.context.name.forename }} has used all the supervision package appointments. If new risks emerge or there are exceptional circumstances, you can arrange contingency appointments.
+        {{ forename }} has used all the supervision package appointments. If new risks emerge or there are exceptional circumstances, you can arrange contingency appointments.
     </p>
 {% endif %}
 
 {% if params.currentYear.endDate | supervisionAppointmentsReset(params.context.sentences) %}
-    <p class='govuk-body'>{{ params.context.name.forename }} has {{ (params.currentYear.appointments.allowance | int) - (params.currentYear.appointments.completed | int) }} supervision appointments remaining until the supervision package resets on {{ params.currentYear.endDate | dateWithYear }}.</p>
+    <p class='govuk-body'>{{ forename }} has {{ (params.currentYear.appointments.allowance | int) - (params.currentYear.appointments.completed | int) }} supervision appointments remaining until the supervision package resets on {{ params.currentYear.endDate | dateWithYear }}.</p>
 {% else %}
-    <p class='govuk-body'>{{ params.context.name.forename }} has {{ (params.currentYear.appointments.allowance | int) - (params.currentYear.appointments.completed | int) }} supervision appointments remaining until the supervision stage ends on {{ params.currentYear.endDate | dateWithYear }}.</p>
+    <p class='govuk-body'>{{ forename }} has {{ (params.currentYear.appointments.allowance | int) - (params.currentYear.appointments.completed | int) }} supervision appointments remaining until the supervision stage ends on {{ params.currentYear.endDate | dateWithYear }}.</p>
+{% endif %}
+
+{% if lifeCategoryCode == 'LF01' or lifeCategoryCode == 'LF02' or lifeCategoryCode == 'LF03' or lifeCategoryCode == 'x9'  %}
+    {% include './_no-end-date.njk' %}
 {% endif %}
 
 {% if sentence.type.isCustodial %}
     {% if params.context.finalThirdEligibility.eligible %}
-        <p class='govuk-body'>{{ params.context.name.forename }} is eligible to start the final third stage on {{ sentence.custody.finalThirdDate | dateWithYear }}.</p>
+        <p class='govuk-body'>{{ forename }} is eligible to start the final third stage on {{ sentence.custody.finalThirdDate | dateWithYear }}.</p>
     {% elseif params.context.finalThirdEligibility.eligible == false %}
-        <p class='govuk-body'>{{ params.context.name.forename }} is not eligible for the final third stage.</p>
+        <p class='govuk-body'>{{ forename }} is not eligible for the final third stage.</p>
     {% endif %}
 {% endif %}
 
 {% include './_progress-bar.njk' %}
 
 {% if params.context.integratedOffenderManagementRedRated %}
-    <p class='govuk-body'>{{ params.context.name.forename }} has an IOM red RAG status. The maximum number of appointments is the same as tier A.</p>
+    <p class='govuk-body'>{{ forename }} has an IOM red RAG status. The maximum number of appointments is the same as tier A.</p>
 {% endif %}
 
 {% if params.context | isEligibleForDiscretionaryAppointments(params.tierScore) %}
-    <p class='govuk-body'>As a woman in tier {{ params.tierScore }}, {{ params.context.name.forename }} can have up to 5 additional discretionary appointments.</p>
+    <p class='govuk-body'>As a woman in tier {{ params.tierScore }}, {{ forename }} can have up to 5 additional discretionary appointments.</p>
 {% endif %}

package/dist/mpop/components/supervision-package/partials/_view-appointments.njk

@@ -1,5 +1,5 @@
 {% if params.allAppointmentsHref %}
-    {% if params.currentPhase.phase.code  == 'FTHRD' %}
+    {% if phaseCode == 'FTHRD' %}
         <p class='govuk-body'>
             <a class='govuk-link govuk-link--no-visited-state' href='{{ params.allAppointmentsHref }}' >View last appointment</a>
         </p>

package/dist/mpop/components/supervision-package/partials/_warnings.njk

@@ -3,7 +3,7 @@
         <span class='govuk-warning-text__icon' aria-hidden='true'>!</span>
         <strong class='govuk-warning-text__text'>
             <span class='govuk-visually-hidden'>Warning</span>
-            {{ params.context.name.forename }} is in breach. You should continue to offer appointments.
+            {{ forename }} is in breach. You should continue to offer appointments.
         </strong>
     </div>
 {% elseif params.context.sentences | isInCustody %}
@@ -11,7 +11,7 @@
         <span class='govuk-warning-text__icon' aria-hidden='true'>!</span>
         <strong class='govuk-warning-text__text'>
             <span class='govuk-visually-hidden'>Warning</span>
-            {{ params.context.name.forename }} has been recalled. Their appointments are paused.
+            {{ forename }} has been recalled. Their appointments are paused.
         </strong>
     </div>
 {% endif %}

package/dist/mpop/components/supervision-package/template.njk

@@ -6,6 +6,7 @@
 {% set showPhaseColumn = phaseCode == 'INIT' or phaseCode == 'STD' or phaseCode == 'FTHRD' or phaseCode == 'IOM' or phaseCode == 'OPD' %}
 {% set lifeCategoryCode = params.context.liferCategory.code | upper %}
 {% set sentence = params.context.sentences | getPrimarySentence %}
+{% set forename = params.context.name.forename %}
 
 {% if
   params.context.nationalSecurityDivision
@@ -18,7 +19,7 @@
     supervisionPackage: params
 }) }}
 </div>
-{% elif phaseCode != 'SPNA' and not params.context.nationalSecurityDivision and showPhaseColumn %}
+{% elif phaseCode != 'SPNA' and not params.context.nationalSecurityDivision and (showPhaseColumn or not params.currentPhase) %}
 <div class='govuk-width-container supervision-package' role='region' aria-label='Supervision package'>
     {% if standardAppointmentsComplete or hasSpecialStatus %}
     <div class='app-tier-header'>
@@ -26,15 +27,26 @@
         {% include './partials/_tags.njk' %}
     </div>
     {% else %}
-            <h3 class='govuk-heading-m'>{{ 'Supervision package: ' ~ sentenceTypeValue if sentenceTypeValue else 'Supervision package' }}</h3>
+        <h3 class='govuk-heading-m'>{{ 'Supervision package: ' ~ sentenceTypeValue if sentenceTypeValue else 'Supervision package' }}</h3>
     {% endif %}
 
     <div class='govuk-grid-row'>
-        <div class='{{ "govuk-grid-column-one-half" if showPhaseColumn else "govuk-grid-column-two-thirds" }}'>
+        {% if showPhaseColumn %}
+            {% set columnClass = 'govuk-grid-column-one-half' %}
+        {% elif not params.currentPhase %}
+            {% set columnClass = 'govuk-grid-column-full' %}
+        {% else %}
+            {% set columnClass = 'govuk-grid-column-two-thirds' %}
+        {% endif %}
+        <div class='{{ columnClass }}'>
             {% include './partials/_warnings.njk' %}
             {% include './partials/_tier.njk' %}
             {% include './partials/_package-creation-date.njk' %}
 
+            {% if not params.currentPhase and params.oasysReviewHref %}
+                <p class='govuk-body'><a href='{{ params.oasysReviewHref }}' class='govuk-link govuk-link--no-visited-state'>Start an OASys review (opens in new tab)</a> to confirm {{ forename}}`s supervision package. Until then, follow national standards for appointments.</p>
+            {% endif %}
+
             {% if params.historyHref %}
                 <p class='govuk-body'>
                     <a href='{{ params.historyHref }}' class='govuk-link govuk-link--no-visited-state'>
@@ -43,10 +55,12 @@
                 </p>
             {% endif %}
 
-            {% include './partials/_next-appointment.njk' %}
+            {% if params.currentPhase %}
+                {% include './partials/_next-appointment.njk' %}
+            {% endif %}
         </div>
 
-        {% if showPhaseColumn %}
+        {% if showPhaseColumn and params.currentPhase %}
             <div class='govuk-grid-column-one-half'>
                 {% if params.context.offenderPersonalDisorderPathway %}
                     <h4 class='govuk-heading-s'>Supervision appointments</h4>
@@ -57,9 +71,6 @@
                 {% elseif params.context.sentences | isAtLarge or params.context.sentences | isInCustody %}
                     <h4 class='govuk-heading-s'>{{ params.currentPhase.phase.description | toTitleCase }} stage</h4>
                     {% include './partials/_progress-bar.njk' %}
-                {% elseif lifeCategoryCode == 'LF01' or lifeCategoryCode == 'LF02' or lifeCategoryCode == 'LF03' or lifeCategoryCode == 'x9'  %}
-                    <h4 class='govuk-heading-s'>{{ params.currentPhase.phase.description | toTitleCase }} stage</h4>
-                    {% include './partials/_no-end-date.njk' %}
                 {% elseif phaseCode == 'INIT' %}
                     <h4 class='govuk-heading-s'>{{ params.currentPhase.phase.description | toTitleCase }} stage</h4>
                     {% include './partials/_early-engagement.njk' %}
@@ -76,6 +87,8 @@
         {% endif %}
     </div>
 
-    {% include './partials/_action-buttons.njk' %}
+    {% if params.currentPhase %}
+        {% include './partials/_action-buttons.njk' %}
+    {% endif %}
 </div>
 {% endif %}

package/dist/mpop/components/supervision-package-summary/template.njk

@@ -4,6 +4,8 @@
 {% set sentence = params.context.sentences | getPrimarySentence %}
 
 {% set finalThird = params.context.nationalSecurityDivision and params.context.finalThirdEligibility.eligible and sentence.type.isCustodial and sentence.custody.finalThirdDate %}
+{% set phaseCode = params.currentPhase.phase.code | upper %}
+{% set showPhaseColumn = phaseCode == 'INIT' or phaseCode == 'STD' or phaseCode == 'FTHRD' or phaseCode == 'IOM' or phaseCode == 'OPD' %}
 
 {% set stage = 'early engagement' %}
 {% set key = 'Required' %}
@@ -11,6 +13,7 @@
 {% set required = 0 %}
 {% set completed = 0 %}
 
+{% if showPhaseColumn or finalThird %}
 {% if params.currentPhase.phase.code == 'INIT' %}
   {% if params.earlyEngagement.weeks is defined and params.earlyEngagement.completed is defined %}
     {% set required = params.earlyEngagement.weeks | int(0) %}
@@ -110,3 +113,4 @@ The supervision package ends on {{ params.currentYear.endDate | dateWithYear }}.
     <p class="govuk-body">Meet {{ forename }} if there is a need for responsive management, risk or enforcement activity.</p>
   {% endif %}
 </section>
+{% endif %}

package/dist/types/SupervisionPackage.d.ts

@@ -88,7 +88,7 @@ type NextAppointment = {
     description: string;
 };
 export type SupervisionPackageFrontendContextResponse = {
-    currentPhase: CurrentPhase;
+    currentPhase: CurrentPhase | null;
     earlyEngagement: EarlyEngagement;
     currentYear: CurrentYear;
     nextAppointment: NextAppointment;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ministryofjustice/hmpps-mpop-frontend-components-lib",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "MPOP front-end components library",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",