Issue with a custom gateway plugin when Give version is 2.8+

[maximestd]

Hi, I developped a plugin to add a gateway to Give.

I have an issue when the donation form redirect to my gateway since the 2.8 version. When I click on the button to validate the donation, I am redirected to the url with "?payment-mode=[mygateway]" but doesn't redirect to the gateway url.

In 2.7.5 version that works correctly, after the url with "?payment-mode=[mygateway]", I am redirected to my gateway url.

I tried to find what changes were done with 2.8 but without success.

Can a developer help me ?

More info : Currently I use the hook 'give_gateway_{$gateway}' to add a function who set up the data form which should be sent to the gateway and this data form has an "action= [the gateway redirect url]"

I am testing on a dev environment.

Thanks.

Edit : It looks like it's the "echo" of my form which doesn't work. I need to use POST method to send the form data so how can I do that ?

[jonwaldstein]

Hi @maximestd

We recognize how confusing and difficult creating a custom GiveWP gateway can be. That why we've actually been working on a new gateway api that will make creating custom gateways much simpler. It's technically included in GiveWP as of version 2.18.0/2.19.0 but we haven't announced it to the developer community yet because we're updating our own gateways to use it first.

That being said, your use case sounds like a good candidate for this new api. Would you be interested in trying it out? We could supply you with some documentation to get started but you might need to give us some more information or even code samples about what your building to make sure it's currently possible.

Let me know what you think,

Thanks

[jonwaldstein]

Thanks for the update. Glad to hear its working. We are actually in the process of writing documentation for our new gateway api that will simplify this whole process.

[emanuellopess]

@jonwaldstein Any news of the new documentation to build gateways for GiveWP 3.0? I'm got some progress but I need to know how to properly render inputs in the new form, the test gateway is utilizing a .tsx file

[jonwaldstein]

Hi @emanuellopess,

Yes, we have documentation on the new payment gateway api here. However, it is not complete with compatibility direction on building for GiveWP 3.0 yet. I can give you some preliminary direction to get started:

In order to render fields in v3 forms, you need to use the public function enqueueScript(int $formId) method inside your Gateway class to load a javascript file using the WP function wp_enqueue_script. Then inside that javascript file you would register your front-end gateway object:

window.givewp.gateways.register({
id: 'my-gateway-id',
Fields(){
    <input type="text" name="my-gateway-field-name" />
}
});

If you want to interact with your input fields, then you will want to use React.

A good place to start looking would be our Test Gateway:

• TestGateway.php
• testGateway.tsx

For a real gateway, Stripe Payment Element is a good example:

• StripePaymentElementGateway.php
• stripePaymentElementGateway.tsx

Please let me know if any of this is making sense or is too confusing. In the meantime, i'll get started on writing the documentation.

[emanuellopess]

@jonwaldstein Thanks for the fast response, how can I transpile the React files to work with the new GiveWP version? I saw it has some dependencies:

import { __ } from '@wordpress/i18n';
import type { FormData, Gateway } from '@givewp/forms/types';

Can I omit those? Or how may I include with those dependencies?

[jonwaldstein]

For React, we suggest using @wordpress/scripts to transpile which uses react and the @wordpress/ dependencies from the current WordPress installation (window).

Unfortunately, you won't be able to use the typescript types inside GiveWP from @givewp/ so you can omit those.