+
+
@component('portal.ninja2020.components.general.card-element', ['title' => ctrans('texts.account_holder_type')])
@@ -39,14 +43,18 @@
@endcomponent
@component('portal.ninja2020.components.general.card-element', ['title' => ctrans('texts.account_holder_name')])
-
+
@endcomponent
@component('portal.ninja2020.components.general.card-element', ['title' => ctrans('texts.country')])
@endcomponent
@@ -55,7 +63,11 @@
@endcomponent
diff --git a/resources/views/portal/ninja2020/gateways/stripe/ach/pay.blade.php b/resources/views/portal/ninja2020/gateways/stripe/ach/pay.blade.php
index 684287124574..31e56758f9d0 100644
--- a/resources/views/portal/ninja2020/gateways/stripe/ach/pay.blade.php
+++ b/resources/views/portal/ninja2020/gateways/stripe/ach/pay.blade.php
@@ -1,64 +1,227 @@
@extends('portal.ninja2020.layout.payments', ['gateway_title' => 'ACH', 'card_title' => 'ACH'])
+@section('gateway_head')
+ @if($gateway->company_gateway->getConfigField('account_id'))
+
+
+ @else
+
+ @endif
+
+
+
+
+@endsection
+
@section('gateway_content')
+
+
+
+
@if(count($tokens) > 0)
-
@include('portal.ninja2020.gateways.includes.payment_details')
-
-
@component('portal.ninja2020.components.general.card-element', ['title' => ctrans('texts.pay_with')])
@if(count($tokens) > 0)
+ Adding a bank account here requires verification, which may take several days. In order to use Instant Verification please pay an invoice first, this process will automatically verify your bank account.
+-
@foreach($tokens as $token)
-
+
- + + @endforeach - @endisset +
+
+ Connect a bank account
+
+
+
+
+
+ @endif
+
@endsection
@push('footer')
-
+
+
-@endpush
+
+ }
+
+ document.getElementById('new-bank').addEventListener('click', (ev) => {
+
+ if (!document.getElementById('accept-terms').checked) {
+ errors.textContent = "You must accept the mandate terms prior to making payment.";
+ errors.hidden = false;
+ return;
+ }
+
+ errors.hidden = true;
+
+ let stripe;
+
+ let publishableKey = document.querySelector('meta[name="stripe-publishable-key"]').content
+
+ let stripeConnect = document.querySelector('meta[name="stripe-account-id"]')?.content
+
+ if(stripeConnect){
+ stripe = Stripe(publishableKey, { stripeAccount: stripeConnect});
+ }
+ else {
+ stripe = Stripe(publishableKey);
+ }
+
+ let newBankButton = document.getElementById('new-bank');
+ newBankButton.disabled = true;
+ newBankButton.querySelector('svg').classList.remove('hidden');
+ newBankButton.querySelector('span').classList.add('hidden');
+
+ ev.preventDefault();
+ const accountHolderNameField = document.getElementById('account-holder-name-field');
+ const emailField = document.getElementById('email-field');
+ const clientSecret = document.querySelector('meta[name="client_secret"]')?.content;
+ // Calling this method will open the instant verification dialog.
+ stripe.collectBankAccountForPayment({
+ clientSecret: clientSecret,
+ params: {
+ payment_method_type: 'us_bank_account',
+ payment_method_data: {
+ billing_details: {
+ name: accountHolderNameField.value,
+ email: emailField.value,
+ },
+ },
+ },
+ expand: ['payment_method'],
+ })
+ .then(({paymentIntent, error}) => {
+ if (error) {
+
+ console.error(error.message);
+ errors.textContent = error.message;
+ errors.hidden = false;
+ resetButtons();
+
+ // PaymentMethod collection failed for some reason.
+ } else if (paymentIntent.status === 'requires_payment_method') {
+ // Customer canceled the hosted verification modal. Present them with other
+ // payment method type options.
+
+ errors.textContent = "We were unable to process the payment with this account, please try another one.";
+ errors.hidden = false;
+ resetButtons();
+ return;
+
+ } else if (paymentIntent.status === 'requires_confirmation') {
+
+ let bank_account_response = document.getElementById('bank_account_response');
+ bank_account_response.value = JSON.stringify(paymentIntent);
+
+ confirmPayment(stripe, clientSecret);
+ }
+
+ });
+ });
+
+ function confirmPayment(stripe, clientSecret){
+ stripe.confirmUsBankAccountPayment(clientSecret)
+ .then(({paymentIntent, error}) => {
+ console.log(paymentIntent);
+ if (error) {
+ console.error(error.message);
+ // The payment failed for some reason.
+ } else if (paymentIntent.status === "requires_payment_method") {
+ // Confirmation failed. Attempt again with a different payment method.
+
+ errors.textContent = "We were unable to process the payment with this account, please try another one.";
+ errors.hidden = false;
+ resetButtons();
+
+ } else if (paymentIntent.status === "processing") {
+ // Confirmation succeeded! The account will be debited.
+
+ let gateway_response = document.getElementById('gateway_response');
+ gateway_response.value = JSON.stringify(paymentIntent);
+ document.getElementById('server-response').submit();
+
+ } else if (paymentIntent.next_action?.type === "verify_with_microdeposits") {
+
+ }
+ });
+
+ }
+
+ function resetButtons()
+ {
+
+ let newBankButton = document.getElementById('new-bank');
+ newBankButton.disabled = false;
+ newBankButton.querySelector('svg').classList.add('hidden');
+ newBankButton.querySelector('span').classList.remove('hidden');
+
+ }
+
+@endpush
\ No newline at end of file
diff --git a/resources/views/portal/ninja2020/gateways/stripe/ach/pay_instant_verification.blade.php b/resources/views/portal/ninja2020/gateways/stripe/ach/pay_instant_verification.blade.php
new file mode 100644
index 000000000000..007b204e0ffc
--- /dev/null
+++ b/resources/views/portal/ninja2020/gateways/stripe/ach/pay_instant_verification.blade.php
@@ -0,0 +1,68 @@
+@extends('portal.ninja2020.layout.payments', ['gateway_title' => 'ACH', 'card_title' => 'ACH'])
+
+@section('gateway_content')
+ @if(count($tokens) > 0)
+
+
+ @include('portal.ninja2020.gateways.includes.payment_details')
+
+
+
+ @component('portal.ninja2020.components.general.card-element', ['title' => ctrans('texts.pay_with')])
+ @if(count($tokens) > 0)
+ @foreach($tokens as $token)
+
+ @endforeach
+ @endisset
+ @endcomponent
+
+ @include('portal.ninja2020.gateways.includes.pay_now')
+
+ @else
+
+ @component('portal.ninja2020.components.general.card-element-single', ['title' => 'ACH', 'show_title' => false])
+ Pay with a new bank account.
+
+
+ @endcomponent
+
+ @endif
+
+@endsection
+
+@push('footer')
+
+@endpush
diff --git a/resources/views/portal/ninja2020/gateways/stripe/credit_card/pay.blade.php b/resources/views/portal/ninja2020/gateways/stripe/credit_card/pay.blade.php
index 8a91de072bb8..8508977d1f48 100644
--- a/resources/views/portal/ninja2020/gateways/stripe/credit_card/pay.blade.php
+++ b/resources/views/portal/ninja2020/gateways/stripe/credit_card/pay.blade.php
@@ -11,7 +11,6 @@
@endphp
-
@section('gateway_head')
@if($gateway->company_gateway->getConfigField('account_id'))
@@ -48,32 +47,40 @@
@include('portal.ninja2020.gateways.includes.payment_details')
@component('portal.ninja2020.components.general.card-element', ['title' => ctrans('texts.pay_with')])
+ -
@if(count($tokens) > 0)
@foreach($tokens as $token)
+
- + @endforeach @endisset - +
- + + +
-
-
-
- Start your 14 day Pro Trial!
-Enjoy 14 days of our Pro Plan
- -
-
-
-
--
-
- Unlimited Clients & Invoices & Quotes -
- Remove "Created by Invoice Ninja" -
- 10 Professional Invoice & Quote Templates -
- Send Invoice Emails Sent via Your Gmail -
- Attach Invoice PDF's to Client Emails -
- Customize Auto-Reminder Emails -
- Display Client E-Signatures on Invoices -
- Enable a Client "Approve Terms' Checkbox -
- Interlink Multiple Companies (x10) with 1 Login -
- Customize Invoice Designs & Email Templates -
- Custom Settings for Different Client "Groups" -
- Client Subscriptions: Recurring & Auto-billing -
- Password Protected Client-Side Portal -
- API Integration with 3rd Party Apps -
- & Much More! -
-
-