diff --git a/package.json b/package.json
index 76d706f..d812495 100644
--- a/package.json
+++ b/package.json
@@ -23,11 +23,13 @@
         "clipboard": "^2.0.11",
         "esri-leaflet": "^3.0.12",
         "esri-leaflet-geocoder": "^3.1.5",
+        "filerobot-image-editor": "^4.8.1",
         "imask": "^7.6.1",
         "jquery": "^3.7.1",
         "mini-svg-data-uri": "^1.4.4",
         "notie": "^4.3.1",
         "pdfobject": "^2.3.0",
+        "react-filerobot-image-editor": "^4.9.1",
         "sweetalert2": "^11.14.3",
         "toastr": "^2.1.4",
         "tom-select": "^2.3.1"
diff --git a/resources/js/app.js b/resources/js/app.js
index 2598b64..6a6cc31 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -7,6 +7,7 @@ import TomSelect from "tom-select";
 import toast from "toastr";
 import "toastr/build/toastr.css";
 import IMask from "imask";
+import FilerobotImageEditor from "filerobot-image-editor";
 
 window.jQuery = $;
 window.$ = $;
@@ -15,6 +16,7 @@ window.Swal = Swal;
 window.swal = Swal;
 
 window.IMask = IMask;
+window.FilerobotImageEditor = FilerobotImageEditor;
 
 document.querySelectorAll(".tomselect").forEach((el) => {
     let settings = {