felicity-lims/webapp/composables/alert_toast.ts

import Swal from 'sweetalert2';
import JSConfetti from 'js-confetti';
import { Notyf } from 'notyf';

const jsConfetti = new JSConfetti();

jsConfetti.addConfetti({
    emojis: ['🌈', '⚡️', '💥', '✨', '💫', '🌸'],
});

const notyf = new Notyf({
    // https://github.com/caroso1222/notyf
    duration: 5000,
    position: {
        x: 'left',
        y: 'bottom',
    },
    types: [
        {
            type: 'info',
            background: 'blue',
            icon: false,
        },
        {
            type: 'warning',
            background: 'orange',
            icon: {
                className: 'material-icons',
                tagName: 'i',
                text: 'warning',
            },
        },
        {
            type: 'error',
            background: 'indianred',
            duration: 10000,
            dismissible: true,
        },
    ],
});

const fireAlert = async (options: any) => {
    await Swal.fire({
        title: 'Yay!',
        text: options.message,
        icon: options.icon,
        confirmButtonText: 'Cool',
    });
};

export default function useNotifyToast() {
    return {
        toastSuccess: (message: string) => notyf.success(message),
        toastInfo: (message: string) => notyf.open({ type: 'info', message }),
        toastWarning: (message: string) => notyf.open({ type: 'warning', message }),
        toastError: (message: string) => notyf.error(message),

        swalSuccess: (message: string) => fireAlert({ icon: 'success', message }),
        swalInfo: (message: string) => fireAlert({ icon: 'info', message }),
        swalWarning: (message: string) => fireAlert({ icon: 'warning', message }),
        swalError: async (message: string) => await fireAlert({ icon: 'error', message }),
    };
}