From f361abeb3251f5908d8de720fdabec61e1c12a77 Mon Sep 17 00:00:00 2001
From: "Phillip B. Kelly" <phillipbentonkelly@gmail.com>
Date: Wed, 11 Dec 2024 15:34:55 -0500
Subject: [PATCH 1/2] DIG-5479: APB Banner for year end tax confirmation

---
 services-js/access-boston/fixtures/apps.yaml  |  5 +-
 .../__snapshots__/Storyshots.test.ts.snap     | 90 +------------------
 2 files changed, 5 insertions(+), 90 deletions(-)

diff --git a/services-js/access-boston/fixtures/apps.yaml b/services-js/access-boston/fixtures/apps.yaml
index 0acbfe5aa..aa4ee898a 100644
--- a/services-js/access-boston/fixtures/apps.yaml
+++ b/services-js/access-boston/fixtures/apps.yaml
@@ -1,7 +1,8 @@
 notice:
   label: 'Notice'
-  pretext: ''
-  text: 'Make your Access Boston account even more secure by setting up the PingID app. It is faster and easier to use than getting codes via text, email or phone! Directions are [here](https://www.boston.gov/access-boston-portal-help#pingid-app-instructions)'
+  pretext: 'City Employees: Go Paperless'
+  text: 'Click the ESS tile to confirm that your mailing address is correct & to go paperless for your W2, ACA and paystubs. Tax documents will be available in January.'
+  # text: 'Make your Access Boston account even more secure by setting up the PingID app. It is faster and easier to use than getting codes via text, email or phone! Directions are [here](https://www.boston.gov/access-boston-portal-help#pingid-app-instructions)'
 categories:
   - title: Applications
     show_request_access_link: false
diff --git a/services-js/access-boston/src/stories/__snapshots__/Storyshots.test.ts.snap b/services-js/access-boston/src/stories/__snapshots__/Storyshots.test.ts.snap
index 565e1bd86..1a058d0c0 100644
--- a/services-js/access-boston/src/stories/__snapshots__/Storyshots.test.ts.snap
+++ b/services-js/access-boston/src/stories/__snapshots__/Storyshots.test.ts.snap
@@ -3489,7 +3489,7 @@ exports[`Storyshots Confirm-Identity Review 1`] = `
                     Data of Birth (MM/DD/YYYY)
                   </legend>
                   <div
-                    className="disabled css-zu1hcp"
+                    className="disabled css-1wyga37"
                   >
                     <div>
                       <label
@@ -3497,17 +3497,6 @@ exports[`Storyshots Confirm-Identity Review 1`] = `
                         htmlFor="dob-month"
                       >
                         Month
-                        <span
-                          aria-hidden="true"
-                          className="t--req"
-                          style={
-                            Object {
-                              "marginLeft": "0.35em",
-                            }
-                          }
-                        >
-                          Required
-                        </span>
                       </label>
                       <input
                         className="txt-f"
@@ -3531,17 +3520,6 @@ exports[`Storyshots Confirm-Identity Review 1`] = `
                         htmlFor="dob-day"
                       >
                         Day
-                        <span
-                          aria-hidden="true"
-                          className="t--req"
-                          style={
-                            Object {
-                              "marginLeft": "0.35em",
-                            }
-                          }
-                        >
-                          Required
-                        </span>
                       </label>
                       <input
                         className="txt-f"
@@ -3565,17 +3543,6 @@ exports[`Storyshots Confirm-Identity Review 1`] = `
                         htmlFor="dob-year"
                       >
                         Year
-                        <span
-                          aria-hidden="true"
-                          className="t--req"
-                          style={
-                            Object {
-                              "marginLeft": "0.35em",
-                            }
-                          }
-                        >
-                          Required
-                        </span>
                       </label>
                       <input
                         className="txt-f"
@@ -3952,7 +3919,7 @@ exports[`Storyshots Confirm-Identity Validate 1`] = `
                     Data of Birth (MM/DD/YYYY)
                   </legend>
                   <div
-                    className=" css-zu1hcp"
+                    className=" css-1wyga37"
                   >
                     <div>
                       <label
@@ -3960,17 +3927,6 @@ exports[`Storyshots Confirm-Identity Validate 1`] = `
                         htmlFor="dob-month"
                       >
                         Month
-                        <span
-                          aria-hidden="true"
-                          className="t--req"
-                          style={
-                            Object {
-                              "marginLeft": "0.35em",
-                            }
-                          }
-                        >
-                          Required
-                        </span>
                       </label>
                       <input
                         className="txt-f"
@@ -3993,17 +3949,6 @@ exports[`Storyshots Confirm-Identity Validate 1`] = `
                         htmlFor="dob-day"
                       >
                         Day
-                        <span
-                          aria-hidden="true"
-                          className="t--req"
-                          style={
-                            Object {
-                              "marginLeft": "0.35em",
-                            }
-                          }
-                        >
-                          Required
-                        </span>
                       </label>
                       <input
                         className="txt-f"
@@ -4026,17 +3971,6 @@ exports[`Storyshots Confirm-Identity Validate 1`] = `
                         htmlFor="dob-year"
                       >
                         Year
-                        <span
-                          aria-hidden="true"
-                          className="t--req"
-                          style={
-                            Object {
-                              "marginLeft": "0.35em",
-                            }
-                          }
-                        >
-                          Required
-                        </span>
                       </label>
                       <input
                         className="txt-f"
@@ -11229,11 +11163,6 @@ exports[`Storyshots RegisterMfaPage default 1`] = `
           <div
             className="txt-l"
             id="smsOrVoice-groupLabel"
-            style={
-              Object {
-                "display": "flex",
-              }
-            }
           >
             How should we send security codes?
           </div>
@@ -11776,11 +11705,6 @@ exports[`Storyshots RegisterMfaPage modal open 1`] = `
           <div
             className="txt-l"
             id="smsOrVoice-groupLabel"
-            style={
-              Object {
-                "display": "flex",
-              }
-            }
           >
             How should we send security codes?
           </div>
@@ -12142,11 +12066,6 @@ exports[`Storyshots RegisterMfaPage/DeviceVerificationForm code sending error 1`
       <div
         className="txt-l"
         id="smsOrVoice-groupLabel"
-        style={
-          Object {
-            "display": "flex",
-          }
-        }
       >
         How should we send security codes?
       </div>
@@ -12486,11 +12405,6 @@ exports[`Storyshots RegisterMfaPage/DeviceVerificationForm phone 1`] = `
       <div
         className="txt-l"
         id="smsOrVoice-groupLabel"
-        style={
-          Object {
-            "display": "flex",
-          }
-        }
       >
         How should we send security codes?
       </div>

From d66b56ee1b1fcb4f5ad796b1b5ee8ccceb9964d7 Mon Sep 17 00:00:00 2001
From: "Phillip B. Kelly" <phillipbentonkelly@gmail.com>
Date: Thu, 12 Dec 2024 15:43:12 -0500
Subject: [PATCH 2/2] DIG-5479: APB Banner for year end tax confirmation wip#2

---
 services-js/access-boston/fixtures/apps.yaml  |  4 +--
 .../src/client/common/icons/info.tsx          | 35 +++++++++++++++++++
 2 files changed, 37 insertions(+), 2 deletions(-)
 create mode 100644 services-js/access-boston/src/client/common/icons/info.tsx

diff --git a/services-js/access-boston/fixtures/apps.yaml b/services-js/access-boston/fixtures/apps.yaml
index aa4ee898a..49e00d3d2 100644
--- a/services-js/access-boston/fixtures/apps.yaml
+++ b/services-js/access-boston/fixtures/apps.yaml
@@ -1,6 +1,6 @@
 notice:
-  label: 'Notice'
-  pretext: 'City Employees: Go Paperless'
+  label: 'City Employees - Go Paperless'
+  pretext: ''
   text: 'Click the ESS tile to confirm that your mailing address is correct & to go paperless for your W2, ACA and paystubs. Tax documents will be available in January.'
   # text: 'Make your Access Boston account even more secure by setting up the PingID app. It is faster and easier to use than getting codes via text, email or phone! Directions are [here](https://www.boston.gov/access-boston-portal-help#pingid-app-instructions)'
 categories:
diff --git a/services-js/access-boston/src/client/common/icons/info.tsx b/services-js/access-boston/src/client/common/icons/info.tsx
new file mode 100644
index 000000000..7d3c7c0cd
--- /dev/null
+++ b/services-js/access-boston/src/client/common/icons/info.tsx
@@ -0,0 +1,35 @@
+/** @jsx jsx */
+
+import { jsx, css } from '@emotion/core';
+
+/**
+ * @name infoSvg
+ */
+
+export const InfoSVG = () => {
+  return (
+    <span css={INFO_STYLING}>
+      <svg
+        // width="33"
+        // height="32"
+        viewBox="0 0 33 32"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M15.1666 12H17.8333V9.33334H15.1666M16.5 26.6667C10.62 26.6667 5.83329 21.88 5.83329 16C5.83329 10.12 10.62 5.33334 16.5 5.33334C22.38 5.33334 27.1666 10.12 27.1666 16C27.1666 21.88 22.38 26.6667 16.5 26.6667ZM16.5 2.66667C14.749 2.66667 13.0152 3.01155 11.3975 3.68161C9.77984 4.35167 8.30998 5.3338 7.07187 6.57191C4.57138 9.0724 3.16663 12.4638 3.16663 16C3.16663 19.5362 4.57138 22.9276 7.07187 25.4281C8.30998 26.6662 9.77984 27.6483 11.3975 28.3184C13.0152 28.9885 14.749 29.3333 16.5 29.3333C20.0362 29.3333 23.4276 27.9286 25.928 25.4281C28.4285 22.9276 29.8333 19.5362 29.8333 16C29.8333 14.249 29.4884 12.5152 28.8184 10.8976C28.1483 9.27988 27.1662 7.81003 25.928 6.57191C24.6899 5.3338 23.2201 4.35167 21.6024 3.68161C19.9847 3.01155 18.2509 2.66667 16.5 2.66667ZM15.1666 22.6667H17.8333V14.6667H15.1666V22.6667Z"
+          fill="#1871BD"
+        />
+      </svg>
+    </span>
+  );
+};
+
+const INFO_STYLING = css(`
+  '& > svg': {
+    width: 32px;
+    height: 32px;
+  }
+`);
+
+export default InfoSVG;