From f2244f5bc8dfb0fda6dc461db566a11d4f79adeb Mon Sep 17 00:00:00 2001
From: Daniel Miranda <manieldiranda@gmail.com>
Date: Thu, 15 Dec 2022 13:50:19 -0800
Subject: [PATCH] updated links to donate site to instead render fru modal

---
 maintenance/maintenance.html                              | 8 +++-----
 .../mozfest/templates/partials/mozfest_footer.html        | 2 +-
 .../templates/pages/buyersguide/about/why_we_made.html    | 2 +-
 network-api/networkapi/templates/partials/banner.html     | 2 +-
 network-api/networkapi/templates/partials/footer.html     | 4 ++--
 .../networkapi/templates/partials/primary_nav.html        | 2 +-
 .../networkapi/wagtailpages/factory/dear_internet_page.py | 2 +-
 .../wagtailpages/templates/maintenance/maintenance.html   | 8 +++-----
 source/js/components/petition/donation-modal.jsx          | 3 ++-
 9 files changed, 15 insertions(+), 18 deletions(-)

diff --git a/maintenance/maintenance.html b/maintenance/maintenance.html
index 800b4b2fd..b128b824c 100644
--- a/maintenance/maintenance.html
+++ b/maintenance/maintenance.html
@@ -75,9 +75,7 @@
                       </div>
                     </div>
                     <div class="donate-btn-wrapper">
-                      <a id="donate-header-btn" class="tw-btn-pop"
-                        href="https://donate.mozilla.org/?utm_source=foundation.mozilla.org&utm_medium=referral&utm_campaign=fmonav&utm_content=header"
-                        target="_blank" rel="noopener noreferrer">Donate</a>
+                      <a id="donate-header-btn" class="tw-btn-pop" href="?form=donate">Donate</a>
                     </div>
                   </div>
                 </div>
@@ -107,7 +105,7 @@
             <h3 class="tw-h3-heading mb-0">We all love the Web. Join Mozilla in defending it.</h3>
             <h4 class="tw-h3-heading mb-4">Let’s protect the world’s largest resource for future generations.</h4>
             <div>
-              <a href="https://donate.mozilla.org/?utm_source=foundation.mozilla.org&utm_medium=referral&utm_campaign=fmonav&utm_content=maintenance_cta" target="_blank" rel="noopener noreferrer" c class="tw-btn-secondary dark-theme">Donate now</a>
+              <a href="?form=donate" class="tw-btn-secondary dark-theme">Donate now</a>
             </div>
           </div>
         </div>
@@ -132,7 +130,7 @@
               </div>
               <div class="col-lg-6 col-xl-7">
                 <ul class="link-list list-unstyled mb-0">
-                  <li class="mb-2"><a id="donate-footer-btn" href="https://donate.mozilla.org/?utm_source=foundation.mozilla.org&utm_medium=referral&utm_campaign=fmonav&utm_content=footer" target="_blank" rel="noopener noreferrer" class="dark-theme">Donate</a></li>
+                  <li class="mb-2"><a id="donate-footer-btn" href="?form=donate" class="dark-theme">Donate</a></li>
                   <li class="mb-2"><a href="https://www.mozilla.org/privacy/websites/#cookies" class="dark-theme">Cookies</a></li>
                   <li class="mb-2"><a href="https://www.mozilla.org/about/legal/terms/mozilla/" class="dark-theme">Legal</a></li>
                   <li class="mb-2"><a href="https://www.mozilla.org/about/governance/policies/participation/" class="dark-theme">Participation Guidelines</a></li>
diff --git a/network-api/networkapi/mozfest/templates/partials/mozfest_footer.html b/network-api/networkapi/mozfest/templates/partials/mozfest_footer.html
index 01cd428ca..567a55503 100644
--- a/network-api/networkapi/mozfest/templates/partials/mozfest_footer.html
+++ b/network-api/networkapi/mozfest/templates/partials/mozfest_footer.html
@@ -32,7 +32,7 @@
 {% endblock %}
 
 {% block general_links %}
-  <li><a id="donate-footer-btn" href="https://donate.mozilla.org/?utm_source=mozillafestival.org&utm_medium=referral&utm_campaign=fmonav&utm_content=footer" rel="noopener noreferrer" class="tw-dark">{% trans "Donate" %}</a></li>
+  <li><a id="donate-footer-btn" href="?form=donate" class="tw-dark">{% trans "Donate" %}</a></li>
   <!-- the rest of the links should be listed alphabetically -->
   <li><a href="https://www.mozillafestival.org/sponsor" class="tw-dark">{% trans "Support MozFest" %}</a></li>
   <li><a href="https://careers.mozilla.org/listings/?team=Mozilla%20Foundation" class="tw-dark">{% trans "Careers" %}</a></li>
diff --git a/network-api/networkapi/templates/pages/buyersguide/about/why_we_made.html b/network-api/networkapi/templates/pages/buyersguide/about/why_we_made.html
index f0dd9f59a..7c443b957 100644
--- a/network-api/networkapi/templates/pages/buyersguide/about/why_we_made.html
+++ b/network-api/networkapi/templates/pages/buyersguide/about/why_we_made.html
@@ -153,7 +153,7 @@
 
     <p class="tw-body">
       <em>
-        {% blocktrans with mofo_url='href="https://foundation.mozilla.org" target="_blank"' donate_url='href="https://donate.mozilla.org" target="_blank"' mozilla_url='href="https://www.mozilla.org/" target="_blank"' trimmed %}
+        {% blocktrans with mofo_url='href="https://foundation.mozilla.org" target="_blank"' donate_url='href="?form=donate"' mozilla_url='href="https://www.mozilla.org/" target="_blank"' trimmed %}
         Mozilla fights daily for a healthier internet as a non-profit tech company that puts people
         before profit. This guide was created by the <a {{mofo_url}}>Mozilla Foundation</a> which
         relies on <a {{donate_url}}>donations</a> from people like you to do our work. You can also
diff --git a/network-api/networkapi/templates/partials/banner.html b/network-api/networkapi/templates/partials/banner.html
index 7f9ad6edb..e6a16a4a7 100644
--- a/network-api/networkapi/templates/partials/banner.html
+++ b/network-api/networkapi/templates/partials/banner.html
@@ -30,7 +30,7 @@
                     {% trans "Can you donate today?" %}
                 </p>
                 <div class="tw-w-full tw-pt-3">
-                    <a class="tw-btn-pop {{btn_class}} tw-shadow-[4px_4px]" tw-w-full tw-text-base active:tw-text-white active:tw-bg-[#0a0c8f] active:tw-border-black" href="https://donate.mozilla.org/happy-holidays-from-mozilla/?utm_medium=website&utm_source=MoFo&utm_campaign=22-EOY&utm_content=widget" target="_blank" rel="noopener noreferrer">
+                    <a class="tw-btn-pop {{btn_class}} tw-shadow-[4px_4px]" tw-w-full tw-text-base active:tw-text-white active:tw-bg-[#0a0c8f] active:tw-border-black" href="?form=donate">
                         {% trans "Support Mozilla" %}
                     </a>
                 </div>
diff --git a/network-api/networkapi/templates/partials/footer.html b/network-api/networkapi/templates/partials/footer.html
index 633ce1498..a3780c992 100644
--- a/network-api/networkapi/templates/partials/footer.html
+++ b/network-api/networkapi/templates/partials/footer.html
@@ -12,7 +12,7 @@
               <p class="tw-h3-heading tw-mb-0">{% trans "We all love the Web. Join Mozilla in defending it." %}</p>
               <p class="tw-h3-heading tw-mb-5">{% trans "Let’s protect the world’s largest resource for future generations." %}</p>
               <div>
-                <a href="https://donate.mozilla.org/?utm_source=foundation.mozilla.org&utm_medium=referral&utm_campaign=fmonav&utm_content=footer" target="_blank" rel="noopener noreferrer" class="tw-btn-secondary tw-dark" id="donate-banner-cta">{% trans "Donate now" %}</a>
+                <a href="?form=donate" class="tw-btn-secondary tw-dark" id="donate-banner-cta">{% trans "Donate now" %}</a>
               </div>
             </div>
           </div>
@@ -49,7 +49,7 @@
             <div class="large:tw-w-6/12 xlarge:tw-w-7/12 tw-px-4">
               <ul class="tw-p-0 tw-ml-0 tw-list-none tw-mb-0 link-list large:tw-columns-2">
                 {% block general_links %}
-                <li class="tw-mb-2"><a id="donate-footer-btn" href="https://donate.mozilla.org/?utm_source=foundation.mozilla.org&utm_medium=referral&utm_campaign=fmonav&utm_content=footer" target="_blank" rel="noopener noreferrer" class="tw-dark tw-text-white hover:tw-text-blue-20 hover:tw-underline">{% trans "Donate" %}</a></li>
+                <li class="tw-mb-2"><a id="donate-footer-btn" href="?form=donate" class="tw-dark tw-text-white hover:tw-text-blue-20 hover:tw-underline">{% trans "Donate" %}</a></li>
                 <!-- the rest of the links should be listed alphabetically -->
                 <li class="tw-mb-2"><a href="https://careers.mozilla.org/listings/?team=Mozilla%20Foundation" class="tw-dark tw-text-white hover:tw-text-blue-20 hover:tw-underline">{% trans "Careers" %}</a></li>
                 <li class="tw-mb-2"><a href="https://www.mozilla.org/privacy/websites/#cookies" class="tw-dark tw-text-white hover:tw-text-blue-20 hover:tw-underline">{% trans "Cookies" %}</a></li>
diff --git a/network-api/networkapi/templates/partials/primary_nav.html b/network-api/networkapi/templates/partials/primary_nav.html
index bd035a9ca..04bdcba6f 100644
--- a/network-api/networkapi/templates/partials/primary_nav.html
+++ b/network-api/networkapi/templates/partials/primary_nav.html
@@ -63,7 +63,7 @@
 
               {% block donate_and_newsletter %}
               <div class="d-flex align-items-center">
-               <a id="donate-header-btn" class="primary-nav-special-link tw-heart-glyph tw-flex" href="?utm_source=foundation.mozilla.org&utm_medium=referral&utm_campaign=fmonav&utm_content=header&form=donate">{% trans "Donate" %}</a>
+               <a id="donate-header-btn" class="primary-nav-special-link tw-heart-glyph tw-flex" href="?form=donate">{% trans "Donate" %}</a>
                 {% if page.signup == None %}<button class="tw-btn-secondary btn-newsletter d-none d-lg-block ml-md-3">{% trans "Newsletter" %}</button>{% endif %}
               </div>
               {% endblock %}
diff --git a/network-api/networkapi/wagtailpages/factory/dear_internet_page.py b/network-api/networkapi/wagtailpages/factory/dear_internet_page.py
index c9e09902b..b2a0db032 100644
--- a/network-api/networkapi/wagtailpages/factory/dear_internet_page.py
+++ b/network-api/networkapi/wagtailpages/factory/dear_internet_page.py
@@ -23,7 +23,7 @@ class DearInternetPageFactory(PageFactory):
     letters = Faker("streamfield", fields=["letter"] * 15)
     cta = Faker("paragraph", nb_sentences=6, variable_nb_sentences=True)
     cta_button_text = "Donate"
-    cta_button_link = "https://donate.mozilla.org"
+    cta_button_link = "?form=donate"
 
 
 def generate(seed):
diff --git a/network-api/networkapi/wagtailpages/templates/maintenance/maintenance.html b/network-api/networkapi/wagtailpages/templates/maintenance/maintenance.html
index e4c5686af..8898eec63 100644
--- a/network-api/networkapi/wagtailpages/templates/maintenance/maintenance.html
+++ b/network-api/networkapi/wagtailpages/templates/maintenance/maintenance.html
@@ -74,9 +74,7 @@
                       </div>
                     </div>
                     <div class="donate-btn-wrapper">
-                      <a id="donate-header-btn" class="tw-btn-pop"
-                        href="https://donate.mozilla.org/?utm_source=foundation.mozilla.org&utm_medium=referral&utm_campaign=fmonav&utm_content=header"
-                        target="_blank" rel="noopener noreferrer">Donate</a>
+                      <a id="donate-header-btn" class="tw-btn-pop" href="?form=donate">Donate</a>
                     </div>
                   </div>
                 </div>
@@ -106,7 +104,7 @@
             <h3 class="tw-h3-heading mb-0">We all love the Web. Join Mozilla in defending it.</h3>
             <h4 class="tw-h3-heading mb-4">Let’s protect the world’s largest resource for future generations.</h4>
             <div>
-              <a href="https://donate.mozilla.org/?utm_source=foundation.mozilla.org&utm_medium=referral&utm_campaign=fmonav&utm_content=maintenance_cta" target="_blank" rel="noopener noreferrer" c class="tw-btn-secondary dark-theme">Donate now</a>
+              <a href="?form=donte" class="tw-btn-secondary dark-theme">Donate now</a>
             </div>
           </div>
         </div>
@@ -131,7 +129,7 @@
               </div>
               <div class="col-lg-6 col-xl-7">
                 <ul class="link-list list-unstyled mb-0">
-                  <li class="mb-2"><a id="donate-footer-btn" href="https://donate.mozilla.org/?utm_source=foundation.mozilla.org&utm_medium=referral&utm_campaign=fmonav&utm_content=footer" target="_blank" rel="noopener noreferrer" class="dark-theme">Donate</a></li>
+                  <li class="mb-2"><a id="donate-footer-btn" href="?form=donate" class="dark-theme">Donate</a></li>
                   <li class="mb-2"><a href="https://www.mozilla.org/privacy/websites/#cookies" class="dark-theme">Cookies</a></li>
                   <li class="mb-2"><a href="https://www.mozilla.org/about/legal/terms/mozilla/" class="dark-theme">Legal</a></li>
                   <li class="mb-2"><a href="https://www.mozilla.org/about/governance/policies/participation/" class="dark-theme">Participation Guidelines</a></li>
diff --git a/source/js/components/petition/donation-modal.jsx b/source/js/components/petition/donation-modal.jsx
index 24cc33d70..5e9a37ec9 100644
--- a/source/js/components/petition/donation-modal.jsx
+++ b/source/js/components/petition/donation-modal.jsx
@@ -71,12 +71,13 @@ class DonationModal extends Component {
 
   getModalContent() {
     if (!this.donateURL) {
-      let base = `https://donate.mozilla.org/?`,
+      let base = `?`,
         query = [
           `utm_source=foundation.mozilla.org`,
           `utm_medium=petitionmodal`,
           `utm_campaign=${this.props.slug}`,
           `utm_content=${this.props.name}`,
+          `form=donate`,
         ].join(`&`);
 
       this.donateURL = `${base}${query}`;