felicity-lims/webapp/composables/bills.ts

import Swal from 'sweetalert2';
import useApiUtil from './api_util';
import { ImpressBillingReportDocument, ImpressBillingReportQuery, ImpressBillingReportQueryVariables } from '@/graphql/operations/billing.queries';

export default function useBillComposable() {
    const { withClientQuery } = useApiUtil();

    // download Invoice
    const downloadInvoice = async billUid => {
        try {
            await Swal.fire({
                title: 'Are you sure?',
                text: 'You want to download this invoice',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, download now!',
                cancelButtonText: 'No, do not download!',
            }).then(async result => {
                if (result.isConfirmed) {
                    withClientQuery<ImpressBillingReportQuery, ImpressBillingReportQueryVariables>(ImpressBillingReportDocument, { billUid }, 'billInvoiceCreate', 'network-only').then(resp => {
                        const tempLink = document.createElement('a');
                        tempLink.href = `data:application/pdf;base64,${resp}`;
                        tempLink.setAttribute('download', 'invoice-report.pdf');
                        tempLink.click();
                    });
                    await Swal.fire('Its Happening!', 'Downloading .....', 'success').then(_ => {});
                }
            });
        } catch (error) {}
    };

    return {
        downloadInvoice,
    };
}