Having issue while trying to add the payment gateway

[muhammadhashir153]

Hey, I'm developing a payment gateway add-on to support my client's available options. I found the documentation and it really helps me out. But the issue currently I'm facing is that my payment method isn't showing on the donation form, whenever I try to donate for testing, on the payment page, it says something like "currency not supported for the available gateway".
It's an offsite gateway. I added a section and fields in the payment gateway options in the setting of your plugin, and added a simple gateway display lable, both are displaying, I set my gateway to default and disabled all the others. Could you please tell me what's the issue and how to resolve that, below is the ss of the issue I'm facing.

(form image where user can select my gateway, when another gateway is enabled) (enabled gateways list) (after disabling all other gateways)

class wp_cs_sp_gwp_safepay_process extends PaymentGateway {
public $secureRouteMethod = [];

public static function id(): string
{
    return 'wp_cs_sp_gwp_safepay';
}

public function getId(): string
{
    return self::id();
}

public function getName(): string
{
    return __('SafePay Gateway for GiveWp', 'give-safepay');
}
public function getPaymentMethodLabel(): string
{
    return __('SafePay Gateway for GiveWp', 'give-safepay');
}


public function enqueueScript(int $formId)
{
    wp_enqueue_script('wp-cs-sp-gwp-process', plugin_dir_url(__FILE__) . 'js/wp-cs-sp-gwp-process.js', ['react', 'wp-element'], '1.0.0', true);
}

public function getLegacyFormFieldMarkup(int $formId, array $args): string
{
    
    return "<div class='example-offsite-help-text'>
                <p>You will be taken away to Example to complete the donation!</p>
            </div>";
}

public function formSettings(int $formId): array
{
    return [
        'message' => __('You will be taken away to Example to complete the donation!', 'example-give'),
    ];
}


public function createPayment(Donation $donation, $gatewayData){
    $gatewayUrl = "";
    return new RedirectOffsite($gatewayUrl);
}

}

[jonwaldstein]

Hey @muhammadhashir153 are you using the currency switcher add-on? If so, you would need to configure the gateway for each supported currency in the add-on settings.

[jonwaldstein]

Okay, then it's likely a problem with your js file. Can you share what your gateway js file looks like?

[muhammadhashir153]

(() => {
let settings = {};

function OffsiteExampleGatewayFields() {
return window.wp.element.createElement(
"div",
{
className: 'example-offsite-help-text'
},
window.wp.element.createElement(
"p",
{
style: {marginBottom: 0}
},
settings.message,
)
);
}

/**

• front-end gateway object.
  */
  const OffsiteExampleGateway = {
  id: "example-test-gateway-offsite",
  initialize() {
  settings = this.settings
  },
  Fields() {
  return window.wp.element.createElement(OffsiteExampleGatewayFields);
  },
  };

/**

• The final step is to register the front-end gateway with GiveWP.
  */
  window.givewp.gateways.register(OffsiteExampleGateway);
  })();

here you go!

[jonwaldstein]

The ID of the gateway needs to match in php and js so you'll need to change example-test-gateway-offsite to wp_cs_sp_gwp_safepay

[muhammadhashir153]

it's still same, do you mind if I share you my repo?

[jonwaldstein]

@muhammadhashir153 sure I can take a quick look