feat: inisialisasi project kit v2

2026-05-21 15:57:29 +07:00
commit d4fd478e1f
271 changed files with 35300 additions and 0 deletions
@@ -0,0 +1,80 @@
+import Swal from 'sweetalert2';
+import 'sweetalert2/dist/sweetalert2.min.css';
+
+const Toast = Swal.mixin({
+    toast: true,
+    position: 'top-end',
+    showConfirmButton: false,
+    timer: 3000,
+    timerProgressBar: true,
+});
+
+export const swalSuccess = (title: string, text?: string) => {
+    return Toast.fire({ 
+        icon: 'success', 
+        title, 
+        text,
+        customClass: { popup: '!rounded-[2rem] font-sans px-6' }
+    });
+};
+
+export const swalError = (title: string, text?: string) => {
+    return Toast.fire({ 
+        icon: 'error', 
+        title, 
+        text,
+        customClass: { popup: '!rounded-[2rem] font-sans px-6' }
+    });
+};
+
+export const swalConfirm = (title: string, text: string, confirmText: string = 'Yes, proceed') => {
+    return Swal.fire({
+        title,
+        text,
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonText: confirmText,
+        cancelButtonText: 'Cancel',
+        reverseButtons: true,
+        buttonsStyling: false,
+        customClass: {
+            popup: '!rounded-[3rem] border-none shadow-2xl font-sans p-10',
+            title: 'text-xl font-bold text-[#3D4E4B] tracking-tight',
+            htmlContainer: 'text-sm font-medium text-gray-500 tracking-tight leading-relaxed',
+            confirmButton: 'px-10 py-3.5 bg-[#3D4E4B] text-white text-sm font-bold tracking-tight rounded-full hover:bg-[#2D3A38] transition-all ml-3 shadow-lg shadow-[#3D4E4B]/20',
+            cancelButton: 'px-10 py-3.5 bg-white text-[#3D4E4B] border border-gray-100 text-sm font-bold tracking-tight rounded-full hover:bg-gray-50 transition-all',
+            actions: 'mt-8'
+        },
+    });
+};
+
+export const swalConfirmDelete = (itemName: string) => {
+    return Swal.fire({
+        title: `Delete ${itemName}?`,
+        text: 'This action is irreversible. All data assets will be permanently purged.',
+        icon: 'error',
+        showCancelButton: true,
+        confirmButtonText: 'Yes, delete',
+        cancelButtonText: 'Cancel',
+        reverseButtons: true,
+        buttonsStyling: false,
+        customClass: {
+            popup: '!rounded-[3rem] border-none shadow-2xl font-sans p-10',
+            title: 'text-xl font-bold text-[#3D4E4B] tracking-tight',
+            htmlContainer: 'text-sm font-medium text-gray-500 tracking-tight leading-relaxed',
+            confirmButton: 'px-10 py-3.5 bg-red-600 text-white text-sm font-bold tracking-tight rounded-full hover:bg-red-700 transition-all ml-3 shadow-lg shadow-red-500/20',
+            cancelButton: 'px-10 py-3.5 bg-white text-[#3D4E4B] border border-gray-200 text-sm font-bold tracking-tight rounded-full hover:bg-gray-50 transition-all',
+            actions: 'mt-8'
+        },
+    });
+};
+
+// Legacy compatibility object
+export const swal = {
+    success: swalSuccess,
+    error: swalError,
+    confirm: swalConfirm,
+    confirmDelete: swalConfirmDelete
+};
+
+export default swal;