From c42017bbd46673d668301e99c00d2dc1a13e34ee Mon Sep 17 00:00:00 2001
From: Angela Tran <angela@compiler.la>
Date: Tue, 28 Jan 2025 00:59:48 +0000
Subject: [PATCH] refactor: extract jQuery script element as an include
 template for reuse

---
 .../enrollment/templates/enrollment/includes/jquery.html     | 4 ++++
 benefits/enrollment/templates/enrollment/index.html          | 5 +----
 benefits/in_person/templates/in_person/enrollment/index.html | 5 +----
 3 files changed, 6 insertions(+), 8 deletions(-)
 create mode 100644 benefits/enrollment/templates/enrollment/includes/jquery.html

diff --git a/benefits/enrollment/templates/enrollment/includes/jquery.html b/benefits/enrollment/templates/enrollment/includes/jquery.html
new file mode 100644
index 000000000..8b8888199
--- /dev/null
+++ b/benefits/enrollment/templates/enrollment/includes/jquery.html
@@ -0,0 +1,4 @@
+<script nonce="{{ request.csp_nonce }}"
+        src="https://cdn.jsdelivr.net/npm/jquery@3.6.1/dist/jquery.min.js"
+        integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ="
+        crossorigin="anonymous"></script>
diff --git a/benefits/enrollment/templates/enrollment/index.html b/benefits/enrollment/templates/enrollment/index.html
index 88ccffd93..212fdffe5 100644
--- a/benefits/enrollment/templates/enrollment/index.html
+++ b/benefits/enrollment/templates/enrollment/index.html
@@ -36,10 +36,7 @@ <h2 class="h3 pb-1">
   {% endcomment %}
   {% translate "Please wait..." as loading_text %}
 
-  <script nonce="{{ request.csp_nonce }}"
-          src="https://cdn.jsdelivr.net/npm/jquery@3.6.1/dist/jquery.min.js"
-          integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ="
-          crossorigin="anonymous"></script>
+  {% include "enrollment/includes/jquery.html" %}
 
   <script nonce="{{ request.csp_nonce }}">
       var startedEvent = "started card tokenization", closedEvent = "finished card tokenization";
diff --git a/benefits/in_person/templates/in_person/enrollment/index.html b/benefits/in_person/templates/in_person/enrollment/index.html
index 32573aaa3..192547030 100644
--- a/benefits/in_person/templates/in_person/enrollment/index.html
+++ b/benefits/in_person/templates/in_person/enrollment/index.html
@@ -40,10 +40,7 @@ <h2 class="p-0 m-0 text-start">In-person enrollment</h2>
     <button id="{{ cta_button }}" href="#{{ cta_button }}" class="btn btn-lg btn-primary" role="button">Enroll</button>
   </div>
 
-  <script nonce="{{ request.csp_nonce }}"
-          src="https://cdn.jsdelivr.net/npm/jquery@3.6.1/dist/jquery.min.js"
-          integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ="
-          crossorigin="anonymous"></script>
+  {% include "enrollment/includes/jquery.html" %}
 
   <script nonce="{{ request.csp_nonce }}">
         var startedEvent = "started card tokenization", closedEvent = "finished card tokenization";