Add gift support

assets/frontend/HeartlandGiftFields.php

@@ -0,0 +1,75 @@
+<?php
+
+defined( 'ABSPATH' ) || exit;
+
+?>
+
+<fieldset>
+      <div class="securesubmit-content gift-card-content">
+            <div class="form-row form-row-wide" id="gift-card-row">
+                  <label id="gift-card-label" for="gift-card-number"><?php _e('Use a gift card', 'wc_securesubmit'); ?></label>
+                  <div id="gift-card-input">
+                        <input type="tel" placeholder="Gift card" id="gift-card-number" value="" class="input-text">
+                        <input type="tel" placeholder="PIN" id="gift-card-pin" value="" class="input-text">
+                        <p id="gift-card-error"></p>
+                        <p id="gift-card-success"></p>
+                  </div>
+                  <button id="apply-gift-card" class="button"><?php _e('Apply', 'wc_securesubmit'); ?></button>
+
+<?php
+      $html = '<script data-cfasync="false" type="text/javascript">';
+      $html .= 'if( typeof ajaxurl === "undefined") { ';
+      $html .= 'var ajaxurl = "' . admin_url('admin-ajax.php') . '";';
+      $html .= '}';
+      $html .= '</script>';
+
+      echo $html;
+?>
+
+<script data-cfasync="false">
+
+      jQuery("#apply-gift-card").on('click', function (event) {
+            event.preventDefault();
+            applyGiftCard();
+      });
+
+      function applyGiftCard () {
+            var httpRequest = new XMLHttpRequest();
+
+            var gift_card_number = document.getElementById('gift-card-number').value;
+            var gift_card_pin = document.getElementById('gift-card-pin').value;
+
+            var post_string = 'action=use_gift_card&gift_card_number=' + gift_card_number + '&gift_card_pin=' + gift_card_pin;
+
+            httpRequest.open('POST', ajaxurl, false);
+            httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
+            httpRequest.send(post_string);
+
+            jQuery('body').trigger('update_checkout');
+      };
+
+      jQuery(document).on( 'click', '.securesubmit-remove-gift-card', function (event) {
+            event.preventDefault();
+
+            var removedCardID = jQuery(this).attr('id');
+
+            jQuery.ajax({
+                  url: ajaxurl,
+                  type: "POST",
+                  data: {
+                        action: 'remove_gift_card',
+                        securesubmit_card_id: removedCardID
+                  }
+            }).done(function () {
+                  jQuery('body').trigger('update_checkout');
+                  jQuery(".button[name='update_cart']")
+                        .prop("disabled", false)
+                        .trigger("click");
+            });
+      });
+
+</script>
+            </div>
+            <div class="clear"></div>
+      </div>
+</fieldset>

assets/frontend/css/heartland-gift-cards.css

@@ -0,0 +1,27 @@
+#gift-card-label {
+    display: table-row;
+    text-transform: uppercase;
+    font-size: 13px;
+    letter-spacing: 1px;
+    white-space: nowrap;
+}
+
+#gift-card-input {
+    display: table-cell;
+    position: relative;
+    width: 100%;
+}
+
+#apply-gift-card {
+    display: table-cell;
+    white-space: nowrap;
+    margin-left: 1em;
+}
+
+#gift-card-number {
+    width: 70%;
+}
+
+#gift-card-pin {
+    width: 26%;
+}

assets/frontend/js/globalpayments-secure-payment-fields.js

@@ -12,6 +12,14 @@
 	 * @param {object} options
 	 */
 	function GlobalPaymentsWooCommerce(options) {
+
+		/**
+		 * Card form instance
+		 *
+		 * @type {any}
+		 */
+		this.cardForm = {};
+
 		/**
 		 * Payment gateway id
 		 *
@@ -101,6 +109,10 @@
 		 * @returns
 		 */
 		renderPaymentFields: function () {
+			if ( $( '#' + this.id + '-' + this.fieldOptions['card-number-field'].class ).children().length > 0 ) {
+				return;
+			}
+
 			if ( ! GlobalPayments.configure ) {
 				console.log( 'Warning! Payment fields cannot be loaded' );
 				return;
@@ -114,18 +126,23 @@
 
 			GlobalPayments.configure( this.gatewayOptions );
 
-			var cardForm = GlobalPayments.ui.form(
+			this.cardForm = GlobalPayments.ui.form(
 				{
 					fields: this.getFieldConfiguration(),
 					styles: this.getStyleConfiguration()
 				}
 			);
 
-			cardForm.on( 'submit', 'click', this.blockOnSubmit.bind( this ) );
-			cardForm.on( 'token-success', this.handleResponse.bind( this ) );
-			cardForm.on( 'token-error', this.handleErrors.bind( this ) );
-			cardForm.on( 'error', this.handleErrors.bind( this ) );
+			this.cardForm.on( 'submit', 'click', this.blockOnSubmit.bind( this ) );
+			this.cardForm.on( 'token-success', this.handleResponse.bind( this ) );
+			this.cardForm.on( 'token-error', this.handleErrors.bind( this ) );
+			this.cardForm.on( 'error', this.handleErrors.bind( this ) );
 			GlobalPayments.on( 'error', this.handleErrors.bind( this ) );
+
+			// match the visibility of our payment form
+			this.cardForm.ready( function () {
+				this.toggleSubmitButtons();
+			} );
 		},
 
 		/**
@@ -138,7 +155,7 @@
 			el.id        = this.getSubmitButtonTargetSelector().replace( '#', '' );
 			el.className = 'globalpayments ' + this.id + ' card-submit';
 			$( this.getPlaceOrderButtonSelector() ).after( el );
-			// match the visibilit of our payment form
+			// match the visibility of our payment form
 			this.toggleSubmitButtons();
 		},
 
@@ -150,7 +167,7 @@
 		 */
 		toggleSubmitButtons: function () {
 			var paymentGatewaySelected = $( this.getPaymentMethodRadioSelector() ).is( ':checked' );
-			var savedCardsAvailable    = $( this.getStoredPaymentMethodsRadioSelector() ).length > 0;
+			var savedCardsAvailable    = $( this.getStoredPaymentMethodsRadioSelector() + '[value!="new"]' ).length > 0;
 			var newSavedCardSelected   = 'new' === $( this.getStoredPaymentMethodsRadioSelector() + ':checked' ).val();
 
 			var shouldBeVisible = (paymentGatewaySelected && ! savedCardsAvailable) || (savedCardsAvailable && newSavedCardSelected);
@@ -181,23 +198,38 @@
 				return;
 			}
 
-			var tokenResponseElement =
+			console.log(response);
+
+			var that = this;
+
+			this.cardForm.frames["card-cvv"].getCvv().then(function (c) {
+
 				/**
-				 * Get hidden
+				 * CVV; needed for TransIT gateway processing only
 				 *
-				 * @type {HTMLInputElement}
+				 * @type {string}
 				 */
-				(document.getElementById( this.id + '-token_response' ));
-			if ( ! tokenResponseElement) {
-				tokenResponseElement      = document.createElement( 'input' );
-				tokenResponseElement.id   = this.id + '-token_response';
-				tokenResponseElement.name = this.id + '[token_response]';
-				tokenResponseElement.type = 'hidden';
-				this.getForm().appendChild( tokenResponseElement );
-			}
+				var cvvVal = c;
+
+				var tokenResponseElement =
+					/**
+					 * Get hidden
+					 *
+					 * @type {HTMLInputElement}
+					 */
+					(document.getElementById( that.id + '-token_response' ));
+				if ( ! tokenResponseElement) {
+					tokenResponseElement      = document.createElement( 'input' );
+					tokenResponseElement.id   = that.id + '-token_response';
+					tokenResponseElement.name = that.id + '[token_response]';
+					tokenResponseElement.type = 'hidden';
+					that.getForm().appendChild( tokenResponseElement );
+				}
 
-			tokenResponseElement.value = JSON.stringify( response );
-			this.placeOrder();
+				response.details.cardSecurityCode = cvvVal;
+				tokenResponseElement.value = JSON.stringify( response );
+				that.placeOrder();
+			});
 		},
 
 		/**
@@ -283,6 +315,7 @@
 		 * @returns
 		 */
 		handleErrors: function ( error ) {
+			this.resetValidationErrors();
 			this.unblockOnError();
 
 			if ( ! error.reasons ) {
@@ -297,6 +330,42 @@
 					case 'INVALID_CARD_NUMBER':
 						this.showValidationError( 'card-number' );
 						break;
+					case 'INVALID_CARD_EXPIRATION':
+						this.showValidationError( 'card-expiration' );
+						break;
+					case 'INVALID_CARD_SECURITY_CODE':
+						this.showValidationError( 'card-cvv' );
+						break;
+					case 'MANDATORY_DATA_MISSING':
+						var n = reason.message.search( "expiry_month" );
+						if ( n>=0 ) {
+							this.showValidationError( 'card-expiration' );
+							break;
+						}
+						var n = reason.message.search( "card.cvn.number" );
+						if ( n>=0 ) {
+							this.showValidationError( 'card-cvv' );
+							break;
+						}
+					case 'INVALID_REQUEST_DATA':
+						var n = reason.message.search( "number contains unexpected data" );
+						if ( n>=0 ) {
+							this.showValidationError( 'card-number' );
+							break;
+						}
+						var n = reason.message.search( "Luhn Check" );
+						if ( n>=0 ) {
+							this.showValidationError( 'card-number' );
+							break;
+						}
+						var n = reason.message.search( "cvv contains unexpected data" );
+						if ( n>=0 ) {
+							this.showValidationError( 'card-cvv' );
+							break;
+						}
+					case 'ERROR':
+						alert(reason.message);
+						break;
 					default:
 						break;
 				}
@@ -335,7 +404,7 @@
 		 * @returns {object}
 		 */
 		getStyleConfiguration: function () {
-			var imageBase = 'https://api2.heartlandportico.com/securesubmit.v1/token/gp-1.3.0/assets';
+			var imageBase = 'https://api2.heartlandportico.com/securesubmit.v1/token/gp-1.6.0/assets';
 			return {
 				'html': {
 					'font-size': '62.5%'

composer.json

@@ -6,7 +6,7 @@
     "type": "wordpress-plugin",
     "require": {
         "composer/installers": "^1.7",
-        "globalpayments/php-sdk": "dev-transIT-support"
+        "globalpayments/php-sdk": "^2.2.3"
     },
     "require-dev": {
         "phpunit/phpunit": "^7.5",
@@ -34,8 +34,5 @@
     "scripts-descriptions": {
         "test": "Analyze code against the WordPress coding standards with PHP_CodeSniffer, and Run unit tests",
         "fix": "Fix coding standards warnings/errors automatically with PHP Code Beautifier"
-    },
-    "repositories": [
-        { "type": "git", "url": "[email protected]:devportal/php-sdk-v3" }
-    ]
+    }
 }

src/Data/PaymentTokenData.php

@@ -26,6 +26,13 @@ class PaymentTokenData {
 	 */
 	protected $request;
 
+	/**
+	 * Used w/TransIT gateway
+	 *
+	 * @var string
+	 */
+	public static $tsepCvv = null;
+
 	/**
 	 * Standardize getting single- and multi-use token data
 	 *
@@ -47,33 +54,51 @@ public function get_token() {
 		return $token;
 	}
 
-	public function save_new_token( $multi_use_token ) {
+	public function save_new_token( $multi_use_token, $card_brand_txn_id = null ) {
 		$user_id        = get_current_user_id();
 		$current_tokens = WC_Payment_Tokens::get_customer_tokens( $user_id, $this->request->gateway_id );
 
-		// a card number should only have a single token stored
-		foreach ( $current_tokens as $t ) {
-			if ( $t->get_token() === $multi_use_token ) {
-				$t->delete( true );
+		$token = $this->get_single_use_token();
+
+		if ( !empty( $token ) ) {
+			// a card number should only have a single token stored
+			foreach ( $current_tokens as $t ) {
+				if ( $t->get_token() === $multi_use_token ) {
+					$t->delete( true );
+				}
 			}
-		}
 
-		$token = $this->get_single_use_token();
-		$token->set_token( $multi_use_token );
-		$token->set_user_id( $user_id );
-		$token->set_gateway_id( $this->request->gateway_id );
-		$token->add_meta_data( self::KEY_SHOULD_SAVE_TOKEN, false, true );
-		$token->save();
+			if ( ! $token->get_meta( self::KEY_SHOULD_SAVE_TOKEN, true ) ) {
+				return;
+			}
+
+			$token->set_token( $multi_use_token );
+			$token->add_meta_data( 'card_brand_txn_id', $card_brand_txn_id );
+			$token->set_user_id( $user_id );
+			$token->set_gateway_id( $this->request->gateway_id );
+			$token->add_meta_data( self::KEY_SHOULD_SAVE_TOKEN, false, true );
+			$token->save();
+		}
 	}
 
 	public function get_single_use_token() {
 		if ( null === $this->request ) {
 			return null;
 		}
 
-		$gateway = $this->request->get_request_data( 'payment_method' );
-		$data    = json_decode( stripslashes( $this->request->get_request_data( $gateway )['token_response'] ) );
-		$token   = new WC_Payment_Token_CC();
+		$gateway      = $this->request->get_request_data( 'payment_method' );
+		$request_data = $this->request->get_request_data( $gateway );
+		if ( ! isset( $request_data['token_response'] ) ) {
+		    return null;
+		}
+
+		$data = json_decode( stripslashes( $request_data['token_response'] ) );
+
+		if ( empty( $data ) ) {
+			return null;
+		}
+
+		$token = new WC_Payment_Token_CC();
 
 		// phpcs:disable WordPress.NamingConventions.ValidVariableName
 		$token->add_meta_data( self::KEY_SHOULD_SAVE_TOKEN, $this->get_should_save_for_later(), true );
@@ -91,6 +116,8 @@ public function get_single_use_token() {
 			$token->set_expiry_month( $data->details->expiryMonth );
 		}
 
+		static::$tsepCvv = isset( $data->details->cardSecurityCode ) ? $data->details->cardSecurityCode : null;
+
 		if ( isset( $data->details->cardType ) && isset( $this->card_type_map[ $data->details->cardType ] ) ) {
 			$token->set_card_type( $this->card_type_map[ $data->details->cardType ] );
 		}