diff --git a/app/Classes/Modules/Exports/Services/ExportsV2Transactions.php b/app/Classes/Modules/Exports/Services/ExportsV2Transactions.php
new file mode 100644
index 00000000..007293c2
--- /dev/null
+++ b/app/Classes/Modules/Exports/Services/ExportsV2Transactions.php
@@ -0,0 +1,104 @@
+<?php
+
+namespace App\Classes\Modules\Exports\Services;
+
+
+use App\Classes\ValueObjects\Constants\TransactionType;
+use App\Models\Booking;
+use App\Models\Company;
+use App\Models\Transaction;
+use App\Models\Wallet;
+use Carbon\Carbon;
+use Maatwebsite\Excel\Concerns\Exportable;
+use Maatwebsite\Excel\Concerns\FromQuery;
+use Maatwebsite\Excel\Concerns\WithHeadingRow;
+use Maatwebsite\Excel\Concerns\WithMapping;
+use Maatwebsite\Excel\Concerns\ShouldAutoSize;
+
+class ExportsV2Transactions implements FromQuery, WithHeadingRow, WithMapping, ShouldAutoSize
+{
+
+    use Exportable;
+
+    protected $startDate;
+    protected $endDate;
+
+    public function __construct($startDate = null, $endDate = null) {
+        $this->startDate = $startDate ? Carbon::parse($startDate)->startOfDay() : Carbon::now()->subMonths(1);
+        $this->endDate = $endDate ? Carbon::parse($endDate)->endOfDay() : Carbon::now();
+    }
+
+    /**
+     * @return \Illuminate\Support\Collection|mixed
+     */
+    public function query()
+    {
+        return Transaction::whereBetween('created_at', [$this->startDate, $this->endDate])  //Limit, 'expensive' query;
+        ->whereIn('type', [TransactionType::PAYMENT, TransactionType::BILL])
+        ->where('owner_type', '!=', Wallet::class);
+    }
+
+    /**
+     * @param $transaction
+     * @return array
+     */
+    public function map($transaction): array
+    {
+        $transactionTypes = [
+            0 => 'PAYMENT_ATTEMPT',
+            1 => 'PAYMENT',
+            2 => 'INVOICE',
+            3 => 'BILL',
+            4 => 'PROFORMA',
+            5 => 'TOP_UP',
+            6 => 'REFUND',
+            7 => 'PURCHASE_ORDER',
+            8 => 'SUPPLIER_DELIVER',
+            9 => 'CREDIT_NOTE',
+            10 => 'WITHDRAW',
+            11 => 'DEBIT_NOTE',
+            12 => 'TRANSFER_FEE'
+        ];
+
+        $transactionStatus = [
+            0 => 'PENDING_SUBMISSION',
+            1 => 'PENDING_VERIFICATION',
+            2 => 'APPROVED',
+            3 => 'COMPLETED',
+            4 => 'REJECTED',
+            5 => 'SUSPENDED',
+            6 => 'EXPIRED'
+        ];
+
+
+        $booking = $transaction->owner;
+        if(!($booking instanceof Booking)){
+            $booking = $booking->owner;
+        }
+
+        $company = $booking->company;
+
+        if(!$company instanceof Company) dd($transaction);
+
+        return [
+            $company->reference,
+            $booking ? $booking->marking : '',
+            $transaction->bill_no,
+            $transaction->owner_id,
+            $transaction->owner_type,
+            $transactionTypes[$transaction->type],
+            $transaction->issuerCompany->name,
+            $transaction->reciver,
+            $transaction->currency->short_code,
+            $transaction->amount,
+            $transaction->original_currency->short_code,
+            $transaction->original_amount,
+            $transaction->currency_rate,
+            $transaction->tax,
+            $transaction->service_charge,
+            isset($transactionStatus[$transaction->status]) ? $transactionStatus[$transaction->status] : 'Unknown Status',
+            \PhpOffice\PhpSpreadsheet\Shared\Date::dateTimeToExcel($transaction->created_at),
+            \PhpOffice\PhpSpreadsheet\Shared\Date::dateTimeToExcel($transaction->updated_at),
+        ];
+    }
+}
diff --git a/app/Http/Controllers/Exports/ExportCustomersToExcelController.php b/app/Http/Controllers/Exports/ExportCustomersToExcelController.php
index 91ace417..b693f326 100644
--- a/app/Http/Controllers/Exports/ExportCustomersToExcelController.php
+++ b/app/Http/Controllers/Exports/ExportCustomersToExcelController.php
@@ -6,6 +6,7 @@ namespace App\Http\Controllers\Exports;
 use App\Classes\Modules\Exports\Services\ExportCurrencyVendorOrder;
 use App\Classes\Modules\Exports\Services\ExportsCustomers;
 use App\Classes\Modules\Exports\Services\ExportsTransactions;
+use App\Classes\Modules\Exports\Services\ExportsV2Transactions;
 use App\Classes\Modules\Exports\Services\ExportsBookingTransactions;
 use App\Classes\Modules\Exports\Services\ExportsLeadsTransactions;
 use App\Classes\Modules\Exports\Services\ExportsNullDebtors;
@@ -23,6 +24,7 @@ use App\Classes\Modules\Exports\Services\ExportsImportedReceiptMappeds;
 use App\Classes\Modules\Exports\Services\ExportsWhiteFormTransactions;
 use Illuminate\Support\Facades\Storage;
 use App\Classes\General\AWSS3Helper;
+use Illuminate\Support\Carbon;
 
 class ExportCustomersToExcelController
 {
@@ -72,6 +74,39 @@ class ExportCustomersToExcelController
         }
     }
 
+    public function v2transactions(Request $request){
+
+        $validated = $request->validate([
+            'startDate' => 'nullable|date_format:d-m-Y',
+            'endDate' => 'nullable|date_format:d-m-Y|after_or_equal:startDate',
+        ]);
+
+        $startDate = null;
+        $endDate = null;
+
+        if (isset($validated['startDate']) && $validated['startDate']) {
+            $startDate = Carbon::createFromFormat('d-m-Y', $validated['startDate'])->startOfDay();
+        } else {
+            $startDate = Carbon::now()->subMonths(1)->startOfDay();
+        }
+
+        if (isset($validated['endDate']) && $validated['endDate']) {
+            $endDate = Carbon::createFromFormat('d-m-Y', $validated['endDate'])->endOfDay();
+        } else {
+            $endDate = Carbon::now()->endOfDay();
+        }
+
+        $exportsTransactions = new ExportsV2Transactions($startDate, $endDate);
+        $exportFileName = 'transactions.csv';
+        $filesystemDriver = Storage::getDefaultDriver();
+
+        if ($filesystemDriver === 's3') {
+            return response(['src' => AWSS3Helper::S3Exportable($exportFileName, $exportsTransactions)]);
+        } else {
+            return $exportsTransactions->download($exportFileName, Excel::CSV, ['Content-Type' => 'text/csv']);
+        }
+    }
+
     public function nullDebtor(ExportsNullDebtors $exportsNullDebtors, Request $request){
         $exportFileName = 'nullDebtor.xls';
         $filesystemDriver = Storage::getDefaultDriver();
diff --git a/app/Http/Resources/TransactionResource.php b/app/Http/Resources/TransactionResource.php
index e14c32c0..c2d20a85 100644
--- a/app/Http/Resources/TransactionResource.php
+++ b/app/Http/Resources/TransactionResource.php
@@ -21,18 +21,22 @@ class TransactionResource extends JsonResource
     {
         $booking = null; //cief todo: 66
         $bank = null;
+
         //Check if Transaction of type PAYMENT has an override for recipient bank - starts
+        $isEditedBankRecipient = false;
         if(in_array((int)$this->type, [TransactionType::BILL, TransactionType::REFUND, TransactionType::SUPPLIER_REFUND])){
             $booking = $this->owner->owner;
             $bank = $this->owner->bank ?? $booking->bank;
+            $isEditedBankRecipient = $this->owner->bank ? true : false;
         }
         else{
             $booking = $this->owner;
             $bank = $this->bank ?? $booking->bank;
+            $isEditedBankRecipient = $this->bank ? true : false;
         }
          //Check if Transaction of type PAYMENT has an override for recipient bank - ends
-        $days = $this->created_at->endOfDay()->addWeekdays($booking->service_id === 3 ? 3 : 1);
 
+        $days = $this->created_at->endOfDay()->addWeekdays($booking->service_id === 3 ? 3 : 1);
         return [
             'id' => $this->id,
             'booking' => new BookingResource($booking),
@@ -66,6 +70,7 @@ class TransactionResource extends JsonResource
             'remarks' => RemarkResource::collection($this->remarks),
             'redemption' => new VoucherRedemptionResource($this->voucherRedemption),
             'bank' => ((int) $this->type === TransactionType::PAYMENT) ? new BankResource($bank) : null, //When a transaction (of type payment) has an override recipient bank details on booking, this is NOT null
+            'bank_recipient_edited' => $isEditedBankRecipient
         ];
     }
 }
diff --git a/resources/assets/vue/components/accounting/elements/HistoryImportedInvoices.vue b/resources/assets/vue/components/accounting/elements/HistoryImportedInvoices.vue
index d0dd1e93..b10721ee 100644
--- a/resources/assets/vue/components/accounting/elements/HistoryImportedInvoices.vue
+++ b/resources/assets/vue/components/accounting/elements/HistoryImportedInvoices.vue
@@ -41,7 +41,8 @@
             successHandler(response) {
                 if(window.LARAVEL_VAPOR_ENABLED){
                     if (response.src) {
-                        window.location.href = response.src;
+                        // window.location.href = response.src;
+                        window.open(response.src, '_blank');
                     }
                 }
             },
diff --git a/resources/assets/vue/components/accounting/elements/HistoryImportedReceipts.vue b/resources/assets/vue/components/accounting/elements/HistoryImportedReceipts.vue
index 385e37b9..1b37b8ef 100644
--- a/resources/assets/vue/components/accounting/elements/HistoryImportedReceipts.vue
+++ b/resources/assets/vue/components/accounting/elements/HistoryImportedReceipts.vue
@@ -41,7 +41,8 @@
             successHandler(response) {
                 if(window.LARAVEL_VAPOR_ENABLED){
                     if (response.src) {
-                        window.location.href = response.src;
+                        // window.location.href = response.src;
+                        window.open(response.src, '_blank');
                     }
                 }
             },
diff --git a/resources/assets/vue/components/accounting/sections/ImportedInvoiceMappedComponent.vue b/resources/assets/vue/components/accounting/sections/ImportedInvoiceMappedComponent.vue
index 01194163..9047cc76 100644
--- a/resources/assets/vue/components/accounting/sections/ImportedInvoiceMappedComponent.vue
+++ b/resources/assets/vue/components/accounting/sections/ImportedInvoiceMappedComponent.vue
@@ -135,7 +135,8 @@
                             response.json().then(response => {
                                 if(!success){return;}
                                 if (response.src) {
-                                    window.location.href = response.src;
+                                    // window.location.href = response.src;
+                                    window.open(response.src, '_blank');
                                 }
                             });
                         }
diff --git a/resources/assets/vue/components/accounting/sections/ImportedReceiptMappedComponent.vue b/resources/assets/vue/components/accounting/sections/ImportedReceiptMappedComponent.vue
index c81532c8..2e595ede 100644
--- a/resources/assets/vue/components/accounting/sections/ImportedReceiptMappedComponent.vue
+++ b/resources/assets/vue/components/accounting/sections/ImportedReceiptMappedComponent.vue
@@ -139,7 +139,8 @@
                             response.json().then(response => {
                                 if(!success){return;}
                                 if (response.src) {
-                                    window.location.href = response.src;
+                                    // window.location.href = response.src;
+                                    window.open(response.src, '_blank');
                                 }
                             });
                         }
diff --git a/resources/assets/vue/components/accounting/sections/TransactionsMappingComponent.vue b/resources/assets/vue/components/accounting/sections/TransactionsMappingComponent.vue
index b94148ad..0217ed9b 100644
--- a/resources/assets/vue/components/accounting/sections/TransactionsMappingComponent.vue
+++ b/resources/assets/vue/components/accounting/sections/TransactionsMappingComponent.vue
@@ -281,7 +281,8 @@ export default {
                         response.json().then(response => {
                             if(!success){return;}
                             if (response.src) {
-                                window.location.href = response.src;
+                                // window.location.href = response.src;
+                                window.open(response.src, '_blank');
                             }
                         });
                     }
@@ -309,7 +310,8 @@ export default {
                         response.json().then(response => {
                             if(!success){return;}
                             if (response.src) {
-                                window.location.href = response.src;
+                                // window.location.href = response.src;
+                                window.open(response.src, '_blank');
                             }
                         });
                     }
diff --git a/resources/assets/vue/components/bookings/elements/BillingComponent.vue b/resources/assets/vue/components/bookings/elements/BillingComponent.vue
index ba1ce85c..3f8df642 100644
--- a/resources/assets/vue/components/bookings/elements/BillingComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/BillingComponent.vue
@@ -126,7 +126,8 @@ export default {
         successHandler(response) {
             if(window.LARAVEL_VAPOR_ENABLED){
                 if (response.src) {
-                    window.location.href = response.src;
+                    // window.location.href = response.src;
+                    window.open(response.src, '_blank');
                 }
             }
         },
diff --git a/resources/assets/vue/components/bookings/elements/CustomerTransactionHistorySectionComponent.vue b/resources/assets/vue/components/bookings/elements/CustomerTransactionHistorySectionComponent.vue
index 0a0b06bf..76d9d509 100644
--- a/resources/assets/vue/components/bookings/elements/CustomerTransactionHistorySectionComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/CustomerTransactionHistorySectionComponent.vue
@@ -130,7 +130,8 @@ export default {
                         response.json().then(response => {
                             if(!success){return;}
                             if (response.src) {
-                                window.location.href = response.src;
+                                // window.location.href = response.src;
+                                window.open(response.src, '_blank');
                             }
                         });
                     }
diff --git a/resources/assets/vue/components/bookings/elements/DownloadBillingWithDatesComponent.vue b/resources/assets/vue/components/bookings/elements/DownloadBillingWithDatesComponent.vue
index 195fc7dd..867ee932 100644
--- a/resources/assets/vue/components/bookings/elements/DownloadBillingWithDatesComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/DownloadBillingWithDatesComponent.vue
@@ -109,7 +109,8 @@ export default {
         successHandler(response) {
             if(window.LARAVEL_VAPOR_ENABLED){
                 if (response.src) {
-                    window.location.href = response.src;
+                    // window.location.href = response.src;
+                    window.open(response.src, '_blank');
                 }
             }
         },
diff --git a/resources/assets/vue/components/bookings/elements/DownloadSupplierWhiteFormComponent.vue b/resources/assets/vue/components/bookings/elements/DownloadSupplierWhiteFormComponent.vue
index b12e98ba..732770e5 100644
--- a/resources/assets/vue/components/bookings/elements/DownloadSupplierWhiteFormComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/DownloadSupplierWhiteFormComponent.vue
@@ -93,7 +93,8 @@ export default {
                 this.returnData = null;
                 if(window.LARAVEL_VAPOR_ENABLED){
                     if (response.src) {
-                        window.location.href = response.src;
+                        // window.location.href = response.src;
+                        window.open(response.src, '_blank');
                     }
                 }
             }
diff --git a/resources/assets/vue/components/bookings/elements/DownloadTransactionsReportComponent.vue b/resources/assets/vue/components/bookings/elements/DownloadTransactionsReportComponent.vue
new file mode 100644
index 00000000..a5b78afe
--- /dev/null
+++ b/resources/assets/vue/components/bookings/elements/DownloadTransactionsReportComponent.vue
@@ -0,0 +1,110 @@
+<template>
+    <div class="row">
+        <div class="col-12">
+            <div class="card">
+                <div class="card-body no-padding-top">
+                    <div id="accordionDownloadTransactionReport">
+                        <div id="heading">
+                            <button class="btn btn-link w-100 text-center no-padding" data-toggle="collapse" data-target="#collapseDownloadTransactionReport" aria-expanded="true" aria-controls="collapseDownloadTransactionReport">
+                                <i class="fa fa-chevron-down"></i>
+                            </button>
+                            <div id="collapseDownloadTransactionReport" class="collapse" aria-labelledby="heading" data-parent="#accordionDownloadTransactionReport">
+                                <div class="card-body">
+                                    <div class="row">
+                                        <div class="col-6">
+                                            <label>Start Date</label>
+                                            <date-picker-limit-range-component v-model="startDate" @input="onStartDateChange" :maxDays="maxDays"></date-picker-limit-range-component>
+                                        </div>
+                                        <div class="col-6">
+                                            <label>End Date</label>
+                                            <date-picker-limit-range-component v-model="endDate" ref="endDatePicker" :maxDays="maxDays"></date-picker-limit-range-component>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="d-flex justify-content-between align-items-center">
+                                <div>
+                                    <span>transactions.csv</span>
+                                    <p class="text-muted mb-0">(default: last 1 month)</p>
+                                </div>
+                                <open-link-in-new-tab-component custom-class="btn btn-primary" :url="downloadUrl">
+                                    <i class="fa fa-download"></i> Download
+                                </open-link-in-new-tab-component>
+                            </div>
+
+                        </div>
+
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<style scoped>
+.no-padding-top {
+    padding-top: 0 !important;
+}
+</style>
+
+<script>
+export default {
+    data() {
+        return {
+            maxDays: 21,
+            startDate: '',
+            endDate: '',
+            isValidRange: false,
+        };
+    },
+    computed: {
+        downloadUrl() {
+            let url = this.generateLink();
+            return url;
+        }
+    },
+    methods: {
+        onStartDateChange(date) {
+            if (date) {
+                if (this.$refs.endDatePicker) {
+                    const startDate = new Date(date.split('-').reverse().join('-'));
+                    const adjustedEndDate = new Date(startDate);
+                    // adjustedEndDate.setDate(startDate.getDate() + this.maxDays);
+                    this.$refs.endDatePicker.setStartDate(adjustedEndDate);
+                }
+                // this.endDate = '';
+                this.isValidRange = false;
+            }
+        },
+        formatDate(date) {
+            if (date) {
+                const [day, month, year] = date.split('-');
+                return `${day}-${month}-${year}`;
+            }
+            return '';
+        },
+        validateDateRange() {
+            if (this.startDate && this.endDate) {
+                const start = new Date(this.startDate.split('-').reverse().join('-'));
+                const end = new Date(this.endDate.split('-').reverse().join('-'));
+                const difference = Math.floor((end - start) / (1000 * 60 * 60 * 24));
+
+                this.isValidRange = difference >= 0 && difference <= 14;
+                return this.isValidRange;
+            }
+            return false;
+        },
+        generateLink() {
+            if (this.validateDateRange()) {
+                const formattedStartDate = this.formatDate(this.startDate);
+                const formattedEndDate = this.formatDate(this.endDate);
+                return `${route('transactions.v2.export')}?startDate=${formattedStartDate}&endDate=${formattedEndDate}`;
+            }
+            return `${route('transactions.v2.export')}`;
+        }
+    }
+};
+</script>
+
+
diff --git a/resources/assets/vue/components/bookings/elements/ShowWhiteFormTransactionsComponent.vue b/resources/assets/vue/components/bookings/elements/ShowWhiteFormTransactionsComponent.vue
new file mode 100644
index 00000000..a163dab1
--- /dev/null
+++ b/resources/assets/vue/components/bookings/elements/ShowWhiteFormTransactionsComponent.vue
@@ -0,0 +1,118 @@
+<template>
+    <div class="row">
+        <div class="col-12">
+            <div class="card">
+                <div class="card-body no-padding-top">
+                    <div id="accordionShowWhiteForm">
+                        <div id="heading">
+                            <button class="btn btn-link w-100 text-center no-padding" data-toggle="collapse" data-target="#collapseShowWhiteForm" aria-expanded="true" aria-controls="collapseShowWhiteForm">
+                                <i class="fa fa-chevron-down"></i>
+                            </button>
+                            <div id="collapseShowWhiteForm" class="collapse" aria-labelledby="heading" data-parent="#accordionShowWhiteForm">
+                                <div class="card-body">
+                                    <div class="row">
+                                        <div class="col-6">
+                                            <label>Start Date</label>
+                                            <date-picker-limit-range-component v-model="startDate" @input="onStartDateChange" :maxDays="maxDays"></date-picker-limit-range-component>
+                                        </div>
+                                        <div class="col-6">
+                                            <label>End Date</label>
+                                            <date-picker-limit-range-component v-model="endDate" ref="endDatePicker"></date-picker-limit-range-component>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="d-flex justify-content-between align-items-center">
+                                <div>
+                                    <span>show-white-form-transactions-in-date-range</span>
+                                    <p class="text-muted mb-0">(default: last 2 weeks)</p>
+                                </div>
+                                <button class="btn btn-primary" @click="openLink">
+                                    <i class="fa fa-link"></i> Open Link
+                                </button>
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<style scoped>
+.no-padding-top {
+    padding-top: 0 !important;
+}
+</style>
+
+<script>
+export default {
+    data() {
+        return {
+            maxDays: 14,
+            startDate: '',
+            endDate: '',
+            isValidRange: false,
+        };
+    },
+    created() {
+        this.startDate = this.getDefaultStartDate();
+        this.endDate = this.getDefaultEndDate();
+    },
+    methods: {
+        getDefaultStartDate() {
+            console.log('maxDays: ', this.maxDays);
+            const today = new Date();
+            const newStartDate = new Date(today);
+            newStartDate.setDate(today.getDate() - this.maxDays);
+            return this.formatDate(newStartDate);
+        },
+        getDefaultEndDate() {
+            const today = new Date();
+            return this.formatDate(today);
+        },
+        onStartDateChange(date) {
+            if (date) {
+                if (this.$refs.endDatePicker) {
+                    const startDate = new Date(date.split('-').reverse().join('-'));
+                    const adjustedEndDate = new Date(startDate);
+                    // adjustedEndDate.setDate(startDate.getDate() + this.maxDays);
+                    this.$refs.endDatePicker.setStartDate(adjustedEndDate);
+                }
+                // this.endDate = '';
+                this.isValidRange = false;
+            }
+        },
+        formatDate(date) {
+            if (date) {
+                const day = String(date.getDate()).padStart(2, '0');
+                const month = String(date.getMonth() + 1).padStart(2, '0');
+                const year = date.getFullYear();
+                return `${day}-${month}-${year}`;
+            }
+            return '';
+        },
+        validateDateRange() {
+            if (this.startDate && this.endDate) {
+                const start = new Date(this.startDate.split('-').reverse().join('-'));
+                const end = new Date(this.endDate.split('-').reverse().join('-'));
+                const difference = Math.floor((end - start) / (1000 * 60 * 60 * 24));
+
+                this.isValidRange = difference >= 0 && difference <= 14;
+                return this.isValidRange;
+            }
+            return false;
+        },
+        openLink() {
+            if (this.validateDateRange()) {
+                const formattedStartDate = this.formatDate(new Date(this.startDate.split('-').reverse().join('-')));
+                const formattedEndDate = this.formatDate(new Date(this.endDate.split('-').reverse().join('-')));
+                const url = `/show-white-form-transactions-in-date-range/${formattedStartDate}/${formattedEndDate}`;
+                window.open(url, '_blank');
+            }
+        }
+    }
+};
+</script>
diff --git a/resources/assets/vue/components/bookings/elements/UploadDebtorExcelComponent.vue b/resources/assets/vue/components/bookings/elements/UploadDebtorExcelComponent.vue
index 85db0263..c999b81a 100644
--- a/resources/assets/vue/components/bookings/elements/UploadDebtorExcelComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/UploadDebtorExcelComponent.vue
@@ -81,7 +81,8 @@
                             response.json().then(response => {
                                 if(!success){return;}
                                 if (response.src) {
-                                    window.location.href = response.src;
+                                    // window.location.href = response.src;
+                                    window.open(response.src, '_blank');
                                 }
                             });
                         }
diff --git a/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue b/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue
index 5a03999c..9208852c 100644
--- a/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue
@@ -614,7 +614,7 @@
                     bookingId: this.data.id
                 },
                 isEditRecipientBankDetailsCollapsed: false,
-                isAnyPaymentRecipientBankEdited: this.data.payment_history.some(payment => payment.bank !== null),
+                isAnyPaymentRecipientBankEdited: this.data.payment_history.some(payment => payment.bank_recipient_edited !== null && payment.bank_recipient_edited),
             }
         },
         validations () {
diff --git a/resources/assets/vue/components/bookings/forms/EditPaymentRecipientBankDetailsComponent.vue b/resources/assets/vue/components/bookings/forms/EditPaymentRecipientBankDetailsComponent.vue
index 857548cf..4a9b81b6 100644
--- a/resources/assets/vue/components/bookings/forms/EditPaymentRecipientBankDetailsComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/EditPaymentRecipientBankDetailsComponent.vue
@@ -18,8 +18,8 @@
                             <!-- PRIORITY If bank exist for payment -->
                             <div class="row align-items-center" v-if="singlePayment.bank">
                                 <div class="col-auto p-r-0">
-                                    <img v-if="item.service.id === 4" src="/images/1688_logo.png" alt="" width="40">
-                                    <img v-else-if="item.service.id === 11" src="/images/alipay_logo.png" alt="" width="40">
+                                    <img v-if="item.service.id === 4" :src="asset('images/1688_logo.png')" alt="" width="40">
+                                    <img v-else-if="item.service.id === 11" :src="asset('images/alipay_logo.png')" alt="" width="40">
                                     <div v-else class="padding-5 bg-master-light">
                                         <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
                                             width="30" height="30"
diff --git a/resources/assets/vue/components/bookings/forms/ExportBookingTransactionFormComponent.vue b/resources/assets/vue/components/bookings/forms/ExportBookingTransactionFormComponent.vue
index eeb6bf62..d53dce7e 100644
--- a/resources/assets/vue/components/bookings/forms/ExportBookingTransactionFormComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/ExportBookingTransactionFormComponent.vue
@@ -99,7 +99,8 @@ export default {
         successHandler(response) {
             if(window.LARAVEL_VAPOR_ENABLED){
                 if (response.src) {
-                    window.location.href = response.src;
+                    // window.location.href = response.src;
+                    window.open(response.src, '_blank');
                 }
             }
         },
diff --git a/resources/assets/vue/components/bookings/forms/RecipientBankDetailsComponent.vue b/resources/assets/vue/components/bookings/forms/RecipientBankDetailsComponent.vue
index a58a6fd5..65ed28a7 100644
--- a/resources/assets/vue/components/bookings/forms/RecipientBankDetailsComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/RecipientBankDetailsComponent.vue
@@ -8,8 +8,8 @@
         </div>
         <div class="row align-items-center">
             <div class="col-auto p-r-0">
-                <img v-if="item.service.id === 4" src="/images/1688_logo.png" alt="" width="40">
-                <img v-else-if="item.service.id === 11" src="/images/alipay_logo.png" alt="" width="40">
+                <img v-if="item.service.id === 4" :src="asset('images/1688_logo.png')" alt="" width="40">
+                <img v-else-if="item.service.id === 11" :src="asset('images/alipay_logo.png')" alt="" width="40">
                 <div v-else class="padding-5 bg-master-light">
                     <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
                          width="30" height="30"
diff --git a/resources/assets/vue/components/companies/elements/BulkDownloadInvoiceComponent.vue b/resources/assets/vue/components/companies/elements/BulkDownloadInvoiceComponent.vue
index 88cd0d9c..fa49c53e 100644
--- a/resources/assets/vue/components/companies/elements/BulkDownloadInvoiceComponent.vue
+++ b/resources/assets/vue/components/companies/elements/BulkDownloadInvoiceComponent.vue
@@ -95,7 +95,8 @@
                     this.returnData = null;
                     if(window.LARAVEL_VAPOR_ENABLED){
                         if (response.src) {
-                            window.location.href = response.src;
+                            // window.location.href = response.src;
+                            window.open(response.src, '_blank');
                         }
                     }
                 }
diff --git a/resources/assets/vue/components/general/forms/DatePickerLimitRangeComponent.vue b/resources/assets/vue/components/general/forms/DatePickerLimitRangeComponent.vue
new file mode 100644
index 00000000..d65b8b50
--- /dev/null
+++ b/resources/assets/vue/components/general/forms/DatePickerLimitRangeComponent.vue
@@ -0,0 +1,47 @@
+<template>
+    <input class="form-control">
+</template>
+
+<script>
+    export default {
+        props: {
+            value: {
+                required: false
+            },
+            maxDays: {
+                type: Number,
+                default: 14
+            },
+        },
+        mounted() {
+            let vm = this;
+
+            $(this.$el).datepicker({
+                format: 'dd-mm-yyyy',
+                autoclose: true,
+                clearBtn: true,
+                todayHighlight: true
+            }).val(this.value).trigger("change").on('changeDate', function () {
+                vm.$emit('input', this.value);
+            });
+        },
+        watch: {
+            value: function (value) {
+                $(this.$el).val(value).trigger('change');
+            }
+        },
+        methods: {
+            setStartDate(date) {
+                const startDate = date instanceof Date ? date : new Date(date);
+                const maxEndDate = new Date(startDate);
+                maxEndDate.setDate(startDate.getDate() + (this.maxDays - 1));
+
+                $(this.$el).datepicker('setStartDate', startDate);
+                $(this.$el).datepicker('setEndDate', maxEndDate);
+
+                // Ensure the visual highlighting
+                $(this.$el).datepicker('update', startDate);
+            }
+        }
+    }
+</script>
diff --git a/resources/assets/vue/components/general/forms/FileUploadComponent.vue b/resources/assets/vue/components/general/forms/FileUploadComponent.vue
index 3807ff01..fbe235fe 100644
--- a/resources/assets/vue/components/general/forms/FileUploadComponent.vue
+++ b/resources/assets/vue/components/general/forms/FileUploadComponent.vue
@@ -97,16 +97,24 @@
 
                 vm.isLoading = true;
 
-                const pdfIconUrl = "https://assets.izyim.com/public/images/icons/pdf.png";
-                const xlsIconUrl = "https://assets.izyim.com/public/images/icons/xlsx.png";
+                // const pdfIconUrl = "https://assets.izyim.com/public/images/icons/pdf.png";
+                // const xlsIconUrl = "https://assets.izyim.com/public/images/icons/xlsx.png";
 
                 if(file.name.split('.').pop() === 'pdf'){
-                    // $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", asset("images/icons/pdf.png"));
-                    $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", pdfIconUrl);
+                    //$(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", Vapor.asset("images/icons/pdf.png"));
+                    //$(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", pdfIconUrl);
+                    const thumbnailElement = file.previewElement.querySelector("[data-dz-thumbnail]");
+                    if (thumbnailElement) {
+                        thumbnailElement.src = Vapor.asset("images/icons/pdf.png");
+                    }
                 }
                 if(file.name.split('.').pop().indexOf("xls") !== -1){
-                    // $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", asset("images/icons/xlsx.png"));
-                    $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", xlsIconUrl);
+                    //$(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", Vapor.asset("images/icons/xlsx.png"));
+                    //$(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", xlsIconUrl);
+                    const thumbnailElement = file.previewElement.querySelector("[data-dz-thumbnail]");
+                    if (thumbnailElement) {
+                        thumbnailElement.src = Vapor.asset("images/icons/xlsx.png");
+                    }
                 }
 
                 Promise.all(dropzone.files.map(function(file){
diff --git a/resources/assets/vue/components/wallets/elements/CustomerTransactionSectionComponent.vue b/resources/assets/vue/components/wallets/elements/CustomerTransactionSectionComponent.vue
index 41bd4175..3f1b0b37 100644
--- a/resources/assets/vue/components/wallets/elements/CustomerTransactionSectionComponent.vue
+++ b/resources/assets/vue/components/wallets/elements/CustomerTransactionSectionComponent.vue
@@ -133,7 +133,8 @@ export default {
                         response.json().then(response => {
                             if(!success){return;}
                             if (response.src) {
-                                window.location.href = response.src;
+                                // window.location.href = response.src;
+                                window.open(response.src, '_blank');
                             }
                         });
                     }
diff --git a/resources/assets/vue/components/wallets/elements/CustomerWalletTransactionComponent.vue b/resources/assets/vue/components/wallets/elements/CustomerWalletTransactionComponent.vue
index f9f8498e..ad5ccb07 100644
--- a/resources/assets/vue/components/wallets/elements/CustomerWalletTransactionComponent.vue
+++ b/resources/assets/vue/components/wallets/elements/CustomerWalletTransactionComponent.vue
@@ -39,7 +39,8 @@
                             response.json().then(response => {
                                 if(!success){return;}
                                 if (response.src) {
-                                    window.location.href = response.src;
+                                    // window.location.href = response.src;
+                                    window.open(response.src, '_blank');
                                 }
                             });
                         }
diff --git a/resources/views/pages/downloads/index.blade.php b/resources/views/pages/downloads/index.blade.php
index 1cf3a36b..bb03689d 100644
--- a/resources/views/pages/downloads/index.blade.php
+++ b/resources/views/pages/downloads/index.blade.php
@@ -21,7 +21,8 @@
                 </div>
 
                 <div class="col-md-6">
-                    <div class="card mb-3">
+                    <download-transactions-report-component></download-transactions-report-component>
+                    <!-- <div class="card mb-3">
                         <div class="card-body d-flex justify-content-between align-items-center">
                             <div>
                                 <span>transactions.csv</span>
@@ -31,7 +32,7 @@
                                 <i class="fa fa-download"></i> Download
                             </open-link-in-new-tab-component>
                         </div>
-                    </div>
+                    </div> -->
                 </div>
             </div>
             <div class="row">
@@ -60,6 +61,14 @@
                     </div>
                 </div>
             </div>
+            <div class="row">
+                <div class="col-md-6">
+                    <show-white-form-transactions-component></show-white-form-transactions-component>
+                </div>
+                <div class="col-md-6">
+                </div>
+            </div>
+
         </div>
 
         <!-- Group 2: XXX Downloads -->
diff --git a/routes/web.php b/routes/web.php
index 90711eaf..3e8f3d64 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -291,6 +291,7 @@ Route::get('billplz/bills/{bill_no}', function($bill_no){
 
 Route::get('/export/customers/f614e339d7058904a831aad742e24d55', 'Exports\ExportCustomersToExcelController@export')->name('customers.export');
 Route::get('/export/transactions/f614e339d7058904a831aad742e24d55', 'Exports\ExportCustomersToExcelController@transactions')->name('transactions.export');
+Route::get('/export/transactions/v2/f614e339d7058904a831aad742e24d55', 'Exports\ExportCustomersToExcelController@v2transactions')->name('transactions.v2.export');
 Route::get('/export/null-debtor/f614e339d7058904a831aad742e24d55', 'Exports\ExportCustomersToExcelController@nullDebtor')->name('newDebtor.export');
 Route::get('/export/payment-transactions/f614e339d7058904a831aad742e24d55', 'Exports\ExportCustomersToExcelController@paymentTransactions')->name('paymentTransactions.export');
 Route::get('/export/white-form-transactions/f614e339d7058904a831aad742e24d55', 'Exports\ExportCustomersToExcelController@whiteFormTransactions')->name('whiteFormTransactions.export');