feat(client/interface): close functions for input and alert dialogs

package/client/resource/interface/alert.ts

@@ -8,3 +8,5 @@ interface AlertDialogProps {
 type alertDialog = (data: AlertDialogProps) => Promise<'cancel' | 'confirm'>;
 
 export const alertDialog: alertDialog = async (data) => await exports.ox_lib.alertDialog(data);
+
+export const closeAlertDialog = () => exports.ox_lib.closeAlertDialog();

package/client/resource/interface/input.ts

@@ -20,3 +20,5 @@ type inputDialog = (
   rows: string[] | InputDialogRowProps[]
 ) => Promise<Array<string | number | boolean> | undefined>;
 export const inputDialog: inputDialog = async (heading, rows) => await exports.ox_lib.inputDialog(heading, rows);
+
+export const closeInputDialog = () => exports.ox_lib.inputDialog();

resource/interface/client/alert.lua

@@ -21,6 +21,17 @@ function lib.alertDialog(data)
     return Citizen.Await(alert)
 end
 
+function lib.closeAlertDialog()
+    if not alert then return end
+    alert:resolve(nil)
+    alert = nil
+    SetNuiFocus(false, false)
+    SendNUIMessage({
+        action = 'closeAlertDialog'
+    })
+end
+
+
 RegisterNUICallback('closeAlert', function(data, cb)
     cb(1)
     SetNuiFocus(false, false)

resource/interface/client/input.lua

@@ -40,6 +40,16 @@ function lib.inputDialog(heading, rows)
     return Citizen.Await(input)
 end
 
+function lib.closeInputDialog()
+    if not input then return end
+    input:resolve(nil)
+    input = nil
+    SetNuiFocus(false, false)
+    SendNUIMessage({
+        action = 'closeInputDialog'
+    })
+end
+
 RegisterNUICallback('inputData', function(data, cb)
     cb(1)
     SetNuiFocus(false, false)

web/src/features/dialog/AlertDialog.tsx

@@ -40,6 +40,10 @@ const AlertDialog: React.FC = () => {
     onOpen();
   });
 
+  useNuiEvent('closeAlertDialog', () => {
+    onClose();
+  });
+
   return (
     <>
       <Dialog

web/src/features/dialog/InputDialog.tsx

@@ -39,6 +39,10 @@ const InputDialog: React.FC = () => {
     setVisible(true);
   });
 
+  useNuiEvent('closeInputDialog', () => {
+    setVisible(false);
+  });
+
   const handleClose = () => {
     setVisible(false);
     fetchNui('inputData');