Help for Aimeos

Code: Select all

<div>
	<script src="https://js.stripe.com/v3/"></script>
	
	  <div class="form-row">
		<label for="card-element">
		  Credit or debit card
		</label>
		<div id="card-element">
		  <!-- a Stripe Element will be inserted here. -->
		</div>
	
		<!-- Used to display form errors -->
		<div id="card-errors" role="alert"></div>
	  </div>
	


	  <a class="btn btn-default btn-lg" href="<?= $enc->attr( $this->standardUrlPayment ); ?>">
				<?= $enc->html( $this->translate( 'client', 'Change payment' ), $enc::TRUST ); ?>
			</a>
			<button class="btn btn-default btn-lg btn-action" >PAY NOW</button>
</div>

<script>
	// Create a Stripe client
var stripe = Stripe('my_publishable_key');

// Create an instance of Elements
var elements = stripe.elements();

// Custom styling can be passed to options when creating an Element.
// (Note that this demo uses a wider set of styles than the guide below.)
var style = {
  base: {
    color: '#32325d',
    lineHeight: '18px',
    fontFamily: '"Helvetica Neue", Helvetica, sans-serif',
    fontSmoothing: 'antialiased',
    fontSize: '16px',
    '::placeholder': {
      color: '#aab7c4'
    }
  },
  invalid: {
    color: '#fa755a',
    iconColor: '#fa755a'
  }
};

// Create an instance of the card Element
var card = elements.create('card', {style: style});

// Add an instance of the card Element into the `card-element` <div>
card.mount('#card-element');

// Handle real-time validation errors from the card Element.
card.addEventListener('change', function(event) {
  var displayError = document.getElementById('card-errors');
  if (event.error) {
    displayError.textContent = event.error.message;
  } else {
    displayError.textContent = '';
  }
});

function stripeTokenHandler(token) {
  // Insert the token ID into the form so it gets submitted to the server
  var form = document.getElementById('payment-form');
  var hiddenInput = document.createElement('input');
  hiddenInput.setAttribute('type', 'hidden');
  hiddenInput.setAttribute('name', 'stripeToken');
  hiddenInput.setAttribute('value', token.id);
  form.appendChild(hiddenInput);

  // Submit the form
  form.submit();
}

// Handle form submission
var form = document.getElementById('payment-form');
form.addEventListener('submit', function(event) {
  event.preventDefault();

  stripe.createToken(card).then(function(result) {
    if (result.error) {
      // Inform the user if there was an error
      var errorElement = document.getElementById('card-errors');
      errorElement.textContent = result.error.message;
    } else {
      // Send the token to your server
      stripeTokenHandler(result.token);
    }
  });
});

</script>

Code: Select all

	$data = array(
			'transactionId' => $orderid,
			'amount' => $this->getAmount( $base->getPrice() ),
			'currency' => $base->getLocale()->getCurrencyId(),
			'language' => $base->getAddress( \Aimeos\MShop\Order\Item\Base\Address\Base::TYPE_PAYMENT )->getLanguageId(),
			'description' => sprintf( $this->getContext()->getI18n()->dt( 'mshop', 'Order %1$s' ), $orderid ),
			'clientIp' => $this->getValue( 'client.ipaddress' ),
			'token' => $params['stripeToken']
		);

Code: Select all

		if( $this->getValue( 'onsite' ) == true && ( !isset( $params['stripeToken'] )) ) {
			return $this->getPaymentForm( $order, $params );
		}

Code: Select all

var form = document.getElementById('payment-form');

Code: Select all

protected function getData( \Aimeos\MShop\Order\Item\Base\Iface $base, $orderid, array $params )
	{
		$data = array(
			'transactionId' => $orderid,
			'amount' => $this->getAmount( $base->getPrice() ),
			'currency' => $base->getLocale()->getCurrencyId(),
			'language' => $base->getAddress( \Aimeos\MShop\Order\Item\Base\Address\Base::TYPE_PAYMENT )->getLanguageId(),
			'description' => sprintf( $this->getContext()->getI18n()->dt( 'mshop', 'Order %1$s' ), $orderid ),
			'clientIp' => $this->getValue( 'client.ipaddress' ),
			'token' => $params['stripeToken']
		);

		if( $this->getValue( 'onsite', false ) || $this->getValue( 'address', false ) ) {
			$data['card'] = $this->getCardDetails( $base, $params );
		}

		return $data + $this->getPaymentUrls();
	}

Code: Select all

public function process( \Aimeos\MShop\Order\Item\Iface $order, array $params = [] )
	{
	    if( $this->getValue( 'onsite' ) == true && ( !isset( $params['stripeToken'] )) ) {

    	//return $this->getPaymentForm( $this->getConfigValue( array( 'payment.url-self' ) ), $params );

        	return $this->getPaymentForm( $order, $params );
      }

		return $this->processOrder( $order, $params );
	}

Code: Select all

return new \Aimeos\MShop\Common\Item\Helper\Form\Standard( $url,  'POST', $params['stripeToken'] );

Code: Select all

Do I create a form outside of the Aimeos form or alter the getPaymentForm() so that the AImeos credit card fields don't show and then modify the JS so that it hooks onto and listens to the original Aimeos form?

Code: Select all

4. Add the Stripe token to the getData() method

Code: Select all

if( $this->getValue( 'token', false ) ){
			$data['token'] = $params['paymenttoken'];
		}