Add payment type visibility (paypal, card, and ach) classes

Author: fernanDOTdo

dist/engrid.css

@@ -19,7 +19,7 @@
  *
  *  ENGRID PAGE TEMPLATE ASSETS
  *
- *  Date: Monday, December 15, 2025 @ 15:51:05 ET
+ *  Date: Monday, December 15, 2025 @ 23:21:59 ET
  *  By: fernando
  *  ENGrid styles: v0.23.0
  *  ENGrid scripts: v0.23.2
@@ -9893,6 +9893,24 @@ body[data-engrid-debug]:before{
 [data-engrid-theme=wwf][data-engrid-venmo-enabled=true] .en__field--giveBySelect.venmo{
   display:block;
 }
+[data-engrid-theme=wwf][data-engrid-payment-type=paypal] .hideif-paypal-selected{
+  display:none;
+}
+[data-engrid-theme=wwf][data-engrid-payment-type=paypal] .showif-paypal-selected{
+  display:block !important;
+}
+[data-engrid-theme=wwf][data-engrid-payment-type=card] .hideif-card-selected,[data-engrid-theme=wwf][data-engrid-payment-type=visa] .hideif-card-selected{
+  display:none;
+}
+[data-engrid-theme=wwf][data-engrid-payment-type=card] .showif-card-selected,[data-engrid-theme=wwf][data-engrid-payment-type=visa] .showif-card-selected{
+  display:block !important;
+}
+[data-engrid-theme=wwf][data-engrid-payment-type=ach] .hideif-ach-selected{
+  display:none;
+}
+[data-engrid-theme=wwf][data-engrid-payment-type=ach] .showif-ach-selected{
+  display:block !important;
+}
 [data-engrid-theme=wwf][data-engrid-subtheme=multistep]{
   --fields_spacing-inline:5px;
   --fields_spacing-block:4px;

dist/engrid.js

@@ -17,7 +17,7 @@
  *
  *  ENGRID PAGE TEMPLATE ASSETS
  *
- *  Date: Monday, December 15, 2025 @ 15:51:05 ET
+ *  Date: Monday, December 15, 2025 @ 23:21:59 ET
  *  By: fernando
  *  ENGrid styles: v0.23.0
  *  ENGrid scripts: v0.23.2

dist/engrid.min.css

@@ -2652,3 +2652,28 @@ button[data-balloon] {
 &[data-engrid-venmo-enabled="true"] .en__field--giveBySelect.venmo {
   display: block;
 }
+&[data-engrid-payment-type="paypal"] {
+  .hideif-paypal-selected {
+    display: none;
+  }
+  .showif-paypal-selected {
+    display: block !important;
+  }
+}
+&[data-engrid-payment-type="card"],
+&[data-engrid-payment-type="visa"] {
+  .hideif-card-selected {
+    display: none;
+  }
+  .showif-card-selected {
+    display: block !important;
+  }
+}
+&[data-engrid-payment-type="ach"] {
+  .hideif-ach-selected {
+    display: none;
+  }
+  .showif-ach-selected {
+    display: block !important;
+  }
+}