only show submit button and allow payments with USD for paypal

4site-interactive-studios · Apr 2, 2024 · cce8d4e · cce8d4e
1 parent a464cac
commit cce8d4e
Show file tree

Hide file tree

Showing 6 changed files with 45 additions and 7 deletions.
diff --git a/dist/engrid.css b/dist/engrid.css
@@ -19,7 +19,7 @@
  *
  *  ENGRID PAGE TEMPLATE ASSETS
  *
- *  Date: Tuesday, April 2, 2024 @ 11:21:26 ET
+ *  Date: Tuesday, April 2, 2024 @ 13:14:06 ET
  *  By: michael
  *  ENGrid styles: v0.17.19
  *  ENGrid scripts: v0.17.20
@@ -8863,7 +8863,7 @@ body[data-engrid-debug]:before{
   color:#000;
 }
 
-iframe[src*=fluidads]{
+body[data-engrid-page-type=donation][data-engrid-payment-type=paypal]:not([data-engrid-currency-code=USD]) .en__submit,body[data-engrid-page-type=donation][data-engrid-payment-type=paypaltouch]:not([data-engrid-currency-code=USD]) .en__submit,body[data-engrid-page-type=premiumgift][data-engrid-payment-type=paypal]:not([data-engrid-currency-code=USD]) .en__submit,body[data-engrid-page-type=premiumgift][data-engrid-payment-type=paypaltouch]:not([data-engrid-currency-code=USD]) .en__submit,iframe[src*=fluidads]{
   display:none;
 }
 body{

diff --git a/dist/engrid.js b/dist/engrid.js
@@ -17,7 +17,7 @@
  *
  *  ENGRID PAGE TEMPLATE ASSETS
  *
- *  Date: Tuesday, April 2, 2024 @ 11:21:26 ET
+ *  Date: Tuesday, April 2, 2024 @ 13:14:06 ET
  *  By: michael
  *  ENGrid styles: v0.17.19
  *  ENGrid scripts: v0.17.20
@@ -23146,6 +23146,17 @@ const customScript = function (App, EnForm) {
   if (addRecipientButton) {
     addRecipientButton.innerHTML = "Add Recipient";
   }
+
+  const formInstance = EnForm.getInstance();
+  formInstance.onValidate.subscribe(() => {
+    if (!formInstance.validate) return;
+
+    if (App.getPageType() === "DONATION" && ["paypaltouch", "paypal"].includes(App.getPaymentType()) && App.getCurrencyCode() !== "USD") {
+      App.addHtml('<div class="en__field__error en__field__error--paypal">PayPal is only available for payments in USD. Please select another payment method or USD.</div>', ".dynamic-giving-button");
+      formInstance.validate = false;
+      return false;
+    }
+  });
 };
 ;// CONCATENATED MODULE: ./src/index.ts
  // Uses ENGrid via NPM

diff --git a/dist/engrid.min.css b/dist/engrid.min.css
diff --git a/dist/engrid.min.js b/dist/engrid.min.js
diff --git a/src/sass/page-template-styles.scss b/src/sass/page-template-styles.scss
@@ -3,3 +3,12 @@
 iframe[src*="fluidads"] {
   display: none;
 }
+
+body[data-engrid-page-type="donation"][data-engrid-payment-type="paypal"]:not([data-engrid-currency-code="USD"]),
+body[data-engrid-page-type="donation"][data-engrid-payment-type="paypaltouch"]:not([data-engrid-currency-code="USD"]),
+body[data-engrid-page-type="premiumgift"][data-engrid-payment-type="paypal"]:not([data-engrid-currency-code="USD"]),
+body[data-engrid-page-type="premiumgift"][data-engrid-payment-type="paypaltouch"]:not([data-engrid-currency-code="USD"]) {
+  .en__submit {
+    display: none;
+  }
+}
diff --git a/src/scripts/main.js b/src/scripts/main.js
@@ -208,4 +208,22 @@ export const customScript = function (App, EnForm) {
   if (addRecipientButton) {
     addRecipientButton.innerHTML = "Add Recipient";
   }
+
+  const formInstance = EnForm.getInstance();
+  formInstance.onValidate.subscribe(() => {
+    if (!formInstance.validate) return;
+
+    if (
+      App.getPageType() === "DONATION" &&
+      ["paypaltouch", "paypal"].includes(App.getPaymentType()) &&
+      App.getCurrencyCode() !== "USD"
+    ) {
+      App.addHtml(
+        '<div class="en__field__error en__field__error--paypal">PayPal is only available for payments in USD. Please select another payment method or USD.</div>',
+        ".dynamic-giving-button"
+      );
+      formInstance.validate = false;
+      return false;
+    }
+  });
 };