zet-lib 1.4.10 → 1.4.12

package/lib/Form.js

@@ -579,7 +579,10 @@ Form.field = (obj) => {
       let bodydropzoneview =
         countFiles == ""
           ? ""
-          : `<div class="card-header">${countFiles} <div class="float-end"><span class="icon-small icons-light" title="Download"><img onclick="location.href= '/zdownloads-dropzone/${obj.routeName}/${obj.key}/${obj.dataId}'" class="icons-bg-black gridview icon-image" src="/assets/icons/download.svg"></span>  <span class="icon-small icons-light" title="Compress Images"><img onclick="if(window.confirm('Compress Images ?')) {ajaxPost('/zcompress-dropzone',{table:'${obj.routeName}',field:'${obj.key}',id:${obj.dataId}},(data) => toastrForm(data))}" class="icons-bg-black gridextract icon-image" src="/assets/icons/file-zip.svg"></span></div></div>`;
+          : `<div class="card-header">${countFiles} <div class="float-end">
+<span class="icon-small icons-light" title="Download"><img onclick="location.href= '/zdownloads-dropzone/${obj.routeName}/${obj.key}/${obj.dataId}'" class="icons-bg-black gridview icon-image" src="/assets/icons/download.svg"></span>  
+<span class="icon-small icons-light" title="Compress Images"><img onclick="if(window.confirm('Compress Images ?')) {ajaxPost('/zcompress-dropzone',{table:'${obj.routeName}',field:'${obj.key}',id:${obj.dataId}},(data) => toastrForm(data))}" class="icons-bg-black gridextract icon-image" src="/assets/icons/file-zip.svg"></span>
+</div></div>`;
       displayForm = `<div id="div-progress"></div><div class="card">
           ${bodydropzoneview}
         <div class="card-body">`;
@@ -601,8 +604,17 @@ Form.field = (obj) => {
       }
       displayForm += `</div></div>`;
       break;
+
+    case "dropbox":
+      displayForm = `${prepend}<div ${tabindex}  ${style}  type="text" ${classview} ${id}  ${htmlOptions}><label for="files" class="dropzone-container">
+        <div class="dz-message" data-dz-message><div class="file-icon"><span class="icon-small icons-primary"><img class="icons-bg-white icon-image-large" src="/assets/icons/file-plus.svg"></span></div>
+                        <div class="text-center pt-3 px-5">
+                            <p class="w-80 h5 text-dark fw-bold">Drag your documents, photos or videos here to start uploading.</p>
+                        </div></div>
+                    </label></div>${information}${append}`;
+      break;
     default:
-      value = value ? value.replaceAll('"', "&quot;") : obj.value;
+      value = value ? value.replace(/"/g, "&quot;") : obj.value;
       displayForm = `${prepend}${inputGroupLeft}<input ${disabled} autocomplete="nope" autofocus=""  ${readonly}  ${tabindex}  type="${type}" class="form-control ${obj.class}" ${id} ${name} ${placeholder}   ${required} value="${value}" data-t="${value}"  ${htmlOptions}>${inputGroupRight}${information}${append}`;
       break;
   }

package/lib/zAppRouter.js

@@ -1,3 +1,4 @@
+require("dotenv").config();
 const express = require("express");
 const router = express.Router();
 const csrf = require("csurf");
@@ -23,7 +24,8 @@ const qs = require("qs");
 const zip = require("express-zip");
 const sharp = require("sharp");
 const path = require("path");
-
+const { Dropbox } = require("dropbox");
+const fetch = require("isomorphic-fetch");
 /*
  ajax Post
  */
@@ -403,8 +405,8 @@ router.post("/signup-custom", async (req, res) => {
       },
     });
     /* await zRoute.loginAjax(dataUser.username, body.password, req, res);
-         //refresh cache
-         await zCache.renew();*/
+             //refresh cache
+             await zCache.renew();*/
 
     res.json(Util.jsonSuccess("Successfuly"));
   } catch (e) {
@@ -708,15 +710,15 @@ router.post("/zzapproval", async (req, res) => {
     if (data.status == 2) {
       //send activity
       /* await zRoute.insertSQL(req, res, "zactivity", {
-                 user_id: res.locals.userId,
-                 table: MYMODEL.table,
-                 id_data: data.id,
-                 status: data.status,
-                 status_label: MYMODEL.widgets.status.fields[data.status],
-                 title: MYMODEL.widgets.status.fields[data.status],
-                 description: users[res.locals.userId].fname + " " +users[res.locals.userId].lname ,
-                 data: JSON.stringify(data)
-             });*/
+                       user_id: res.locals.userId,
+                       table: MYMODEL.table,
+                       id_data: data.id,
+                       status: data.status,
+                       status_label: MYMODEL.widgets.status.fields[data.status],
+                       title: MYMODEL.widgets.status.fields[data.status],
+                       description: users[res.locals.userId].fname + " " +users[res.locals.userId].lname ,
+                       data: JSON.stringify(data)
+                   });*/
       //if serial
       if (data.type == 2) {
         approvers = [approvers[0]];
@@ -786,38 +788,38 @@ router.post("/zzapproval", async (req, res) => {
           textWa += `Please click the link above to view the document.\r\n${link}`;
 
           /* await whatsapp({
-                         to: phone,
-                         text: textWa,
-                         sections: JSON.stringify(sections),
-                         buttonText: "Click me for details"
-                     });*/
+                                   to: phone,
+                                   text: textWa,
+                                   sections: JSON.stringify(sections),
+                                   buttonText: "Click me for details"
+                               });*/
         }
 
         //send notification
         /* await zRoute.insertSQL(req, res, "znotification", {
-                     user_id: item,
-                     table: MYMODEL.table,
-                     id_data: data.id,
-                     status: 1,
-                     link: "/za/" + post.token,
-                     status_label: MYMODEL.widgets.status.fields[1],
-                     title: `Need Approve`,
-                     description: data.title,
-                     token: post.token
-                 });*/
+                             user_id: item,
+                             table: MYMODEL.table,
+                             id_data: data.id,
+                             status: 1,
+                             link: "/za/" + post.token,
+                             status_label: MYMODEL.widgets.status.fields[1],
+                             title: `Need Approve`,
+                             description: data.title,
+                             token: post.token
+                         });*/
 
         //send todolist
         /* await zRoute.insertSQL(req, res, "ztodolist", {
-                     user_id: item,
-                     table: MYMODEL.table,
-                     id_data: data.id,
-                     status: 1,
-                     link: "/za/" + post.token,
-                     status_label: MYMODEL.widgets.status.fields[1],
-                     title: `Need Approve`,
-                     description: data.title,
-                     users: JSON.stringify(allUsers)
-                 });*/
+                             user_id: item,
+                             table: MYMODEL.table,
+                             id_data: data.id,
+                             status: 1,
+                             link: "/za/" + post.token,
+                             status_label: MYMODEL.widgets.status.fields[1],
+                             title: `Need Approve`,
+                             description: data.title,
+                             users: JSON.stringify(allUsers)
+                         });*/
 
         //send toastr using socket.io
         io.to(users[item].token).emit("message", "Need Approve " + data.title);
@@ -863,50 +865,50 @@ router.post("/zzapproval", async (req, res) => {
           textWa += "We have some document for you.\r\n";
           textWa += `Please click the link above to view the document.\r\n${link}`;
           /*  await whatsapp({
-                          to: phone,
-                          text: textWa,
-                          sections: JSON.stringify(sections),
-                          buttonText: "Click me for details"
-                      });*/
+                                    to: phone,
+                                    text: textWa,
+                                    sections: JSON.stringify(sections),
+                                    buttonText: "Click me for details"
+                                });*/
         }
 
         //send activity
         /*                await cRoute.insertSQL(req, res, "zactivity",{
-                 user_id:item,
-                 table:MYMODEL.table,
-                 id_data:data.id,
-                 status:7,
-                 status_label: MYMODEL.widgets.status.fields[7],
-                 title : MYMODEL.widgets.status.fields[7],
-                 description: data.title,
-                 data:JSON.stringify(data)
-                 });*/
+                         user_id:item,
+                         table:MYMODEL.table,
+                         id_data:data.id,
+                         status:7,
+                         status_label: MYMODEL.widgets.status.fields[7],
+                         title : MYMODEL.widgets.status.fields[7],
+                         description: data.title,
+                         data:JSON.stringify(data)
+                         });*/
 
         //send notification
         /*   await zRoute.insertSQL(req, res, "znotification", {
-                       user_id: item,
-                       table: MYMODEL.table,
-                       id_data: data.id,
-                       status: 1,
-                       link: "/za/" + post.token,
-                       status_label: MYMODEL.widgets.status.fields[1],
-                       title: `Need Acknowledge`,
-                       description: data.title,
-                       token: post.token
-                   });
-
-                   //send todolist
-                   await zRoute.insertSQL(req, res, "ztodolist", {
-                       user_id: item,
-                       table: MYMODEL.table,
-                       id_data: data.id,
-                       status: 1,
-                       link: "/za/" + post.token,
-                       status_label: MYMODEL.widgets.status.fields[1],
-                       title: `Need Acknowledge`,
-                       description: data.title,
-                       users: JSON.stringify(allUsers)
-                   });*/
+                               user_id: item,
+                               table: MYMODEL.table,
+                               id_data: data.id,
+                               status: 1,
+                               link: "/za/" + post.token,
+                               status_label: MYMODEL.widgets.status.fields[1],
+                               title: `Need Acknowledge`,
+                               description: data.title,
+                               token: post.token
+                           });
+
+                           //send todolist
+                           await zRoute.insertSQL(req, res, "ztodolist", {
+                               user_id: item,
+                               table: MYMODEL.table,
+                               id_data: data.id,
+                               status: 1,
+                               link: "/za/" + post.token,
+                               status_label: MYMODEL.widgets.status.fields[1],
+                               title: `Need Acknowledge`,
+                               description: data.title,
+                               users: JSON.stringify(allUsers)
+                           });*/
         io.to(users[item].token).emit(
           "message",
           "Need Acknowledge " + data.title
@@ -1042,23 +1044,23 @@ router.get("/za/:token", csrfProtection, async (req, res) => {
     if (result.mystatus == 7) {
       MYMODEL = MYMODELS["zapprovals"];
       /* await connection.insert({
-                 table: "zactivity",
-                 data: {
-                     company_id: result.company_id,
-                     created_at: Util.now(),
-                     created_by: result.user_id,
-                     updated_by: result.user_id,
-                     user_id: result.user_id,
-                     table: MYMODEL.table,
-                     id_data: result.ide,
-                     status: 6,
-                     status_label: MYMODEL.widgets.status.fields[6],
-                     title: `${MYMODEL.widgets.status.fields[6]}`,
-                     description: `Ok `,
-                     data: JSON.stringify(data)
-                 }
-             });
- */
+                       table: "zactivity",
+                       data: {
+                           company_id: result.company_id,
+                           created_at: Util.now(),
+                           created_by: result.user_id,
+                           updated_by: result.user_id,
+                           user_id: result.user_id,
+                           table: MYMODEL.table,
+                           id_data: result.ide,
+                           status: 6,
+                           status_label: MYMODEL.widgets.status.fields[6],
+                           title: `${MYMODEL.widgets.status.fields[6]}`,
+                           description: `Ok `,
+                           data: JSON.stringify(data)
+                       }
+                   });
+       */
 
       await connection.update({
         table: "zapprovals_details",
@@ -1636,6 +1638,7 @@ router.post("/zdropzone-remove", async (req, res) => {
     res.status(500).send(e + "");
   }
 });
+
 router.post("/zdropzone-attributes", async (req, res) => {
   try {
     let userId = res.locals.userId;
@@ -1859,4 +1862,288 @@ router.post("/zcompress-dropzone", async (req, res) => {
   }
 });
 
+//for dropbox
+// Initialize Dropbox client
+let dbx = new Dropbox({
+  accessToken: process.env.DROPBOX_ACCESS_TOKEN,
+  refreshToken: process.env.DROPBOX_REFRESH_TOKEN,
+  clientId: process.env.DROPBOX_CLIENT_ID,
+  clientSecret: process.env.DROPBOX_CLIENT_SECRET,
+  fetch: fetch,
+});
+
+// Function to refresh access token
+async function refreshAccessToken() {
+  try {
+    const response = await fetch("https://api.dropbox.com/oauth2/token", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/x-www-form-urlencoded",
+      },
+      body: new URLSearchParams({
+        grant_type: "refresh_token",
+        refresh_token: process.env.DROPBOX_REFRESH_TOKEN,
+        client_id: process.env.DROPBOX_CLIENT_ID,
+        client_secret: process.env.DROPBOX_CLIENT_SECRET,
+      }),
+    });
+
+    const data = await response.json();
+
+    if (data.access_token) {
+      // Update the access token in the Dropbox client
+      dbx = new Dropbox({
+        accessToken: data.access_token,
+        refreshToken: process.env.DROPBOX_REFRESH_TOKEN,
+        clientId: process.env.DROPBOX_CLIENT_ID,
+        clientSecret: process.env.DROPBOX_CLIENT_SECRET,
+        fetch: fetch,
+      });
+
+      // Update the .env file with the new access token
+      const envContent = fs.readFileSync(`${dirRoot}/.env`, "utf8");
+      const updatedEnv = envContent.replace(
+        /DROPBOX_ACCESS_TOKEN=.*/,
+        `DROPBOX_ACCESS_TOKEN=${data.access_token}`
+      );
+      fs.writeFileSync(`${dirRoot}/.env`, updatedEnv);
+
+      return data.access_token;
+    } else {
+      throw new Error("Failed to refresh access token");
+    }
+  } catch (error) {
+    console.error("Error refreshing access token:", error);
+    throw error;
+  }
+}
+
+// Middleware to handle token refresh
+async function handleTokenRefresh(req, res, next) {
+  try {
+    // Try to make a test API call
+    await dbx.usersGetCurrentAccount();
+    next();
+  } catch (error) {
+    if (error.status === 401) {
+      try {
+        // Token expired, try to refresh it
+        await refreshAccessToken();
+        next();
+      } catch (refreshError) {
+        res
+          .status(401)
+          .json({ error: "Authentication failed. Please re-authenticate." });
+      }
+    } else {
+      next(error);
+    }
+  }
+}
+
+// Serve static files
+//app.use(express.static('public'));
+// Create test folder if it doesn't exist
+//dir = '/test'
+async function ensureFolder(dir) {
+  try {
+    await dbx.filesCreateFolderV2({
+      path: dir,
+      autorename: false,
+    });
+  } catch (error) {
+    if (error.status !== 409) {
+      // 409 means folder already exists
+      throw error;
+    }
+  }
+}
+
+// Function to delay execution
+const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+
+// Upload endpoint
+router.post("/zdropbox/:table/:field", handleTokenRefresh, async (req, res) => {
+  try {
+    if (!req.files || !req.files.file) {
+      return res.status(400).json({ error: "No file uploaded" });
+    }
+
+    const userId = res.locals.userId;
+    const table = req.params.table;
+    const field = req.params.field;
+    const file = req.files.file;
+    const fileName = file.name;
+    //ensure folder
+    const dir = `/temps/${table}/${field}/${userId}`;
+    await ensureFolder(dir);
+    const filePath = `${dir}/${fileName}`;
+
+    console.log("Uploading file to path:", filePath);
+    console.log("File size:", file.size);
+    console.log("File name:", fileName);
+
+    const response = await dbx.filesUpload({
+      path: filePath,
+      contents: file.data,
+      mode: { ".tag": "add" },
+      autorename: true,
+    });
+    res.json("ok");
+  } catch (error) {
+    console.error("Upload error:", error);
+    console.error("Error details:", {
+      message: error.message,
+      stack: error.stack,
+      response: error.response,
+    });
+    res.status(500).json({
+      error: "Failed to upload file",
+      details: error.message,
+    });
+  }
+});
+
+router.post("/zdropbox-attributes", handleTokenRefresh, async (req, res) => {
+  try {
+    let userId = res.locals.userId;
+    let dir = `${dirRoot}/public/zdropzone/${userId}`;
+    if (!fs.existsSync(dir)) {
+      fs.mkdirSync(dir, { recursive: true });
+    }
+    let body = req.body;
+    let category = body.category;
+    let name = `dropbox__${userId}__${body.table}__${body.field}__${body.type}`;
+    //dropzone__${res.locals.userId}__${table}__${key}__create
+    let arr = myCache.has(name) ? myCache.get(name) : [];
+    if (category === "add") {
+      arr.push(body.file);
+    } else {
+      name = `dropzone__${userId}__${body.table}__${body.field}__${body.type}`;
+      if (myCache.has(name)) {
+        arr = myCache.get(name);
+      }
+      arr = Util.arrayDelete(arr, body.file);
+    }
+    myCache.set(name, arr);
+    res.json("ok");
+  } catch (e) {
+    console.log(e);
+    res.status(500).send(e + "");
+  }
+});
+
+//get all files and meta in dropbox
+router.post("/zdropbox-files", handleTokenRefresh, async (req, res) => {
+  let datas = [];
+  const room = res.locals.token;
+  try {
+    const { files, table, field } = req.body;
+    let dir = `/${table}/${field}`;
+    for (file of files) {
+      let pathFile = `${dir}/${file.fileName}`;
+      //console.log(pathFile)
+      try {
+        const metadata = await dbx.filesGetMetadata({
+          path: pathFile,
+        });
+        let link = ``;
+        try {
+          const response = await dbx.filesGetTemporaryLink({
+            path: pathFile,
+          });
+          link = response.result.link;
+        } catch (error) {
+          console.error("Error getting temporary link:", error);
+          io.to(room).emit(
+            "errormessage",
+            `Error getting temporary link:  ${error.message}`
+          );
+        }
+
+        const mockFile = {
+          name: metadata.result.name,
+          id: metadata.result,
+          path: metadata.result.path_display,
+          link: link,
+          isImage: metadata.result.name.match(/\.(jpg|jpeg|png|gif)$/i),
+          size: metadata.result.size,
+          modified: metadata.result.server_modified,
+          accepted: true,
+        };
+        //console.log(mockFile)
+        datas.push(mockFile);
+      } catch (e) {
+        console.log(e);
+        io.to(room).emit(
+          "errormessage",
+          `${e.message} Error ${pathFile} not exist in dropbox`
+        );
+      }
+    }
+  } catch (e) {
+    console.log(e);
+    res.status(500).send(e + "");
+  }
+  res.json(datas);
+});
+
+// Delete file
+router.post("/zdropbox-delete/", handleTokenRefresh, async (req, res) => {
+  try {
+    let body = req.body;
+    let path = body.path;
+    const filePath = decodeURIComponent(req.params.path);
+    await dbx.filesDeleteV2({
+      path: filePath,
+    });
+    res.json({ success: true });
+  } catch (error) {
+    console.error("Error deleting file:", error);
+    res.status(500).json({ error: "Error deleting file" });
+  }
+});
+
+// Endpoint to check token status
+router.get("/zdropbox-check-token", handleTokenRefresh, async (req, res) => {
+  try {
+    await dbx.usersGetCurrentAccount();
+    res.json({ status: "valid" });
+  } catch (error) {
+    res.status(401).json({ status: "invalid" });
+  }
+});
+
+// Get temporary link for a file
+router.post("/zdropbox-get-temp-link", handleTokenRefresh, async (req, res) => {
+  try {
+    const response = await dbx.filesGetTemporaryLink({
+      path: req.body.path,
+    });
+    res.json({ link: response.result.link });
+  } catch (error) {
+    console.error("Error getting temporary link:", error);
+    res.status(500).json({ error: "Error getting temporary link" });
+  }
+});
+
+router.get(
+  "/zdropbox-view/:table/:field/:item",
+  handleTokenRefresh,
+  async (req, res) => {
+    try {
+      let item = req.params.item;
+      item = item.substring(13);
+      let filePath = `/${req.params.table}/${req.params.field}/${req.params.item}`;
+      const response = await dbx.filesGetTemporaryLink({
+        path: filePath,
+      });
+      res.send(`<img src="${response.result.link}">`);
+    } catch (e) {
+      console.log(e);
+      res.send(e);
+    }
+  }
+);
+
 module.exports = router;

package/lib/zRoute.js

@@ -2,6 +2,7 @@
  * For default route controller
  * service for routes
  */
+require("dotenv").config();
 const excelToJson = require("convert-excel-to-json");
 const qs = require("qs");
 //for generate PDF
@@ -20,6 +21,7 @@ const debug = require("./debug");
 const moduleLib = require("./moduleLib");
 const cForm = require("./Form");
 const readXlsxFile = require("read-excel-file/node");
+const { Dropbox } = require("dropbox");
 
 const zRoute = {};
 
@@ -1265,6 +1267,20 @@ zRoute.dataTableData = (
             }
             break;
 
+          case "dropbox":
+            if (myvalue && myvalue.length > 0) {
+              if (typeof myvalue === "string") {
+                value = [myvalue];
+              }
+              myvalue = value.map(
+                (item) =>
+                  `<a class="text-success" target="_blank" href="/zdropbox-view/${
+                    MYMODEL.routeName
+                  }/${key}/${item}"> ${item.substring(13)}</a>  `
+              );
+            }
+            break;
+
           case "password":
             myvalue = "xxxxxx";
             break;
@@ -3031,7 +3047,7 @@ zRoute.forms = (
           if (widgets[key].hidden) {
             obj.type = "hidden";
           } else {
-            obj.value = obj.value.replaceAll('"', "&quot;") || "";
+            obj.value = obj.value ? obj.value.replace(/"/g, "&quot;") : "";
             obj.type = "input";
           }
           break;
@@ -3090,6 +3106,33 @@ zRoute.forms = (
           obj.type = "dropzone";
           obj.class = "dropzone boxy-tiny d-block";
           break;
+        case "dropbox":
+          let dropbox_data_arr = [];
+          if (obj.value.length > 0) {
+            let dropfiles = obj.value || [];
+            if (typeof obj.value == "string") {
+              dropfiles = [obj.value];
+            }
+            dropfiles.map((item) => {
+              let filename = item; //`${dirRoot}/public/uploads/${MYMODEL.table}/${key}/${item}`;
+              var fileSizeInBytes = 12345;
+              if (Util.fileExist(filename)) {
+                var stats = fs.statSync(filename);
+                fileSizeInBytes = stats.size;
+              }
+              dropbox_data_arr.push({ fileName: item, size: fileSizeInBytes });
+            });
+            myCache.set(
+              `dropbox_${res.locals.userId}__${MYMODEL.table}__${key}__${data.id}`,
+              obj.value
+            );
+          }
+          let dropboxValue =
+            obj.value.length > 0 ? JSON.stringify(dropbox_data_arr) : "[]";
+          script += `let dropbox_${key}_data = ${dropboxValue};`;
+          obj.type = "dropbox";
+          obj.class = "dropzone boxy-tiny d-block";
+          break;
         case "lexical":
           obj.type = "lexical";
           if (obj.value) {
@@ -3953,6 +3996,7 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
   let hasDateTimePicker = false;
   let hasDropzone = false;
   let dropzones = [];
+  let dropboxes = [];
   let hasTable = false;
   let chainsObj = {};
   let chainsArr = [];
@@ -3964,6 +4008,7 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
   let hasLexical = false;
   let hasLocation = false;
   let hasDragdrop = false;
+  let hasDropbox = false;
   let lexicals = [];
   let mapKey = "";
   let hasAttributes = [];
@@ -4035,6 +4080,9 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
       } else if (widgets[key].name == "dropzone") {
         hasDropzone = true;
         dropzones.push(key);
+      } else if (widgets[key].name == "dropbox") {
+        hasDropbox = true;
+        dropboxes.push(key);
       }
       // has chains
       if (widgets[key].name == "relation") {
@@ -4073,7 +4121,7 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
     headObj.clockpicker = clockpickerObj.head;
     endObj.clockpicker = clockpickerObj.end;
   }
-  if (hasDropzone) {
+  if (hasDropzone || hasDropbox) {
     let dropzoneObj = moduleLib.dropzone(req, res);
     headObj.dropzone = dropzoneObj.head;
     endObj.dropzone = dropzoneObj.end;
@@ -4238,7 +4286,6 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
                         window.open(src, '_blank');
                    })
                 }
-               
             })
           },1000)
         };
@@ -4247,6 +4294,69 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
     });
   }
 
+  if (hasDropbox) {
+    dropboxes.map((item) => {
+      scriptForm += `$("div#${item}").dropzone({
+    url: "/zdropbox/${MYMODEL.table}/${item}",
+    paramName: "file",
+    addRemoveLinks: !0,
+    maxFilesize: 30,
+    headers: {"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")},
+    removedfile: function(file) {
+        const type = window.location.href.split("/").pop();
+        ajaxPost("/zdropbox-remove",{file:file.name, cname:"dropbox__ZUSER___ID__${MYMODEL.table}__${item}__"+type},(data) => {
+            file.previewElement.remove();
+        })
+    },
+    init: function() {
+        let dz = this;
+        const type = window.location.href.split("/").pop();
+        dz.on("addedfile", function(file) {
+            ajaxPost("/zdropbox-attributes",{file:file.name,'category':'add',field:"${item}",table:"${MYMODEL.table}", type:type},() => {})
+        });
+        dz.on("removedfile", function(file) {
+            ajaxPost("/zdropbox-attributes",{file:file.name,'category':'remove',field:"${item}",table:"${MYMODEL.table}", type:type},() => {});
+            $("div#${item}").find(".dz-message").remove();
+        });
+        if(dropbox_${item}_data.length > 0) {
+            ajaxPost('/zdropbox-files',{files:dropbox_${item}_data,table:"${MYMODEL.table}",field:"${item}"}, function(datas) {
+                datas.map((mockFile) => {
+                    dz.options.addedfile.call(dz, mockFile);
+                    dz.options.thumbnail.call(dz, mockFile, mockFile.link);
+                    const imageElement = mockFile.previewElement.querySelector('.dz-image');
+                    $(imageElement).addClass("divzdropbox")
+                    let ext = mockFile.name.toLowerCase().split(".").pop();
+                    imageElement.setAttribute('data-ext', ext);
+                    imageElement.setAttribute('data-name', mockFile.name);
+                    imageElement.setAttribute('data-link', mockFile.link);
+                    $(imageElement).attr('id', mockFile.id.content_hash);
+                    $(imageElement).css('z-index',9999)
+                })
+                let time = datas.length <10 ? 2000 : 4000;
+                setTimeout(function(){
+                    $(".divzdropbox").each(function () {
+                        let ext = $(this).attr('data-ext');
+                        if (ext == "gif" || ext == "png" || ext == "jpeg" || ext == "jpg" || ext == "bmp" || ext == "webp" || ext == "jiff" || ext == "svg" || ext == "avif") {
+                            $(this).on("click", function () {
+                                $(".zimage-modal").attr('src', $(this).attr('data-link')).attr('data-name', $(this).attr('data-name'));
+                                $("#zmodal-image").modal("show");
+                            })
+                        } else {
+                            let file = nonImagesTypeObject[ext] || 'file.png';
+                            $(this).find("img").attr("src", "/img/" + file);
+                            $(this).on("click", function () {
+                                window.open($(this).attr('data-link'), '_blank');
+                            })
+                        }
+                    })
+                },time);
+            })
+         }
+    }
+}); `;
+    });
+  }
+
   defaultScript = `${Util.newLine} $(function () {
         $(".isfile").each(function (index, value) {
             let filename = $(this).attr("data-filename") || "";
@@ -4261,24 +4371,7 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
                     if (ext == "gif" || ext == "png" || ext == "jpeg" || ext == "jpg" || ext == "bmp" || ext == "webp" || ext == "jiff" || ext ==  "svg" || ext ==  "avif") {
                         $("#file"+id).attr("src","/uploads/"+table+"/"+filename).attr("width",width+"px");
                     } else {
-                        let file = 'file.png';
-                        if(ext == "docx" || ext == "doc") {
-                            file = 'word.png'
-                        } else if(ext == 'xls' || ext == 'xlsx') {
-                            file = 'excel.png'
-                        } else if(ext == 'pdf') {
-                            file = 'pdf.png'
-                        } else if(ext == 'ppt' || ext == 'pptx'){
-                            file = 'ppt.png';
-                        } else if(ext == 'txt') {
-                            file = 'txt.png';
-                        } else if(ext == 'zip') {
-                            file = 'zip.jpg';
-                        } else if(ext == 'rar') {
-                            file = 'rar.jpg';
-                        } else if(ext == 'rar') {
-                            file = 'file.png';
-                        }
+                        let file = nonImagesTypeObject[ext] || 'file.png';
                         $("#file"+id).attr("src","/img/"+file).attr("height","45px").attr("width","45px").addClass("boxy-small");
                     }
                     $("#file"+id).on("click", function () {
@@ -4482,7 +4575,7 @@ $("#body-${keys}>tr").each(function (index, tr) {
 var ${keys} = $("#body-${keys}").data("value") ? $("#body-${keys}").data("value") : [];
 ${keys}.forEach(function (myobj, index) {
   build${keys}form(index, myobj);
-  });  
+  });
 });${Util.newLine}`*/
 
           break;
@@ -4561,6 +4654,7 @@ ${keys}.forEach(function (myobj, index) {
 /*
  MySQL CRUD with context
  */
+
 zRoute.insertSQL = async (req, res, table, data) => {
   try {
     const MYMODELS = myCache.get("MYMODELS");
@@ -4578,7 +4672,9 @@ zRoute.insertSQL = async (req, res, table, data) => {
     delete data.approval_history;
 
     //check dropzone
+    let movDropboxArr = [];
     let hasDropzone = false;
+    let hasDropbox = false;
     for (let key in MYMODEL.widgets) {
       if (MYMODEL.widgets[key].name === "dropzone") {
         //console.log('has dropzone')
@@ -4604,13 +4700,75 @@ zRoute.insertSQL = async (req, res, table, data) => {
             data[key] = Util.array_to_jsonb(newArr);
           }
         }
-
         //delete cache
         myCache.del(name);
+      } else if (MYMODEL.widgets[key].name === "dropbox") {
+        //console.log('has dropbox')
+        let path_src = `/temps/${MYMODEL.table}/${key}/${userId}`;
+        let path_dest = `/${MYMODEL.table}/${key}`;
+
+        // Initialize Dropbox client
+        let dbx = new Dropbox({
+          accessToken: process.env.DROPBOX_ACCESS_TOKEN,
+          refreshToken: process.env.DROPBOX_REFRESH_TOKEN,
+          clientId: process.env.DROPBOX_CLIENT_ID,
+          clientSecret: process.env.DROPBOX_CLIENT_SECRET,
+          fetch: fetch,
+        });
+
+        try {
+          await dbx.filesCreateFolderV2({
+            path: path_dest,
+            autorename: false,
+          });
+        } catch (error) {
+          if (error.status !== 409) {
+            // 409 means folder already exists
+            throw error;
+          }
+        }
+
+        //get all files in folder
+        //let files = await
+        // First, move the file to the new location
+        let name = `dropbox__${res.locals.userId}__${table}__${key}__create`;
+        if (myCache.has(name)) {
+          let arr = myCache.get(name);
+          let newArr = [];
+          if (arr.length > 0) {
+            let time = new Date().getTime();
+            arr.map(async (item) => {
+              //check
+              try {
+                let newItem = Util.cleanString(time + item);
+                movDropboxArr.push({
+                  from_path: `${path_src}/${item}`,
+                  to_path: `${path_dest}/${newItem}`,
+                });
+                /*await dbx.filesMoveV2({
+                                  from_path: `${path_src}/${item}`,
+                                  to_path: `${path_dest}/${newItem}`,
+                                  autorename: true
+                                });*/
+                newArr.push(newItem);
+              } catch (e) {
+                console.log(e);
+              }
+            });
+            data[key] = Util.array_to_jsonb(newArr);
+          }
+        }
+        myCache.del(name);
       }
     }
     const result = await connection.insert({ table: table, data: data });
     zRoute.modelsCacheRenew(table, res.locals.companyId);
+    //dropbox
+    if (movDropboxArr.length > 0) {
+      setTimeout(function () {
+        zRoute.moveDropbox(movDropboxArr);
+      }, 3000);
+    }
     return result;
   } catch (e) {
     throw Error(e + "");
@@ -4618,6 +4776,28 @@ zRoute.insertSQL = async (req, res, table, data) => {
   }
 };
 
+zRoute.moveDropbox = async (items) => {
+  try {
+    // Initialize Dropbox client
+    let dbx = new Dropbox({
+      accessToken: process.env.DROPBOX_ACCESS_TOKEN,
+      refreshToken: process.env.DROPBOX_REFRESH_TOKEN,
+      clientId: process.env.DROPBOX_CLIENT_ID,
+      clientSecret: process.env.DROPBOX_CLIENT_SECRET,
+      fetch: fetch,
+    });
+    for (item of items) {
+      await dbx.filesMoveV2({
+        from_path: item.from_path,
+        to_path: item.to_path,
+        autorename: true,
+      });
+    }
+  } catch (e) {
+    console.log(e);
+  }
+};
+
 zRoute.updateSQL = async (req, res, table, data, whereData) => {
   try {
     const MYMODELS = myCache.get("MYMODELS");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zet-lib",
-  "version": "1.4.10",
+  "version": "1.4.12",
   "description": "zet is a library that part of zet generator.",
   "engines": {
     "node": ">=18"
@@ -31,25 +31,26 @@
     "axios": "^1.6.8",
     "convert-excel-to-json": "^1.7.0",
     "csurf": "^1.11.0",
-    "dotenv": "^16.3.1",
+    "dotenv": "^16.5.0",
+    "dropbox": "^10.34.0",
     "ejs": "^3.1.9",
     "exceljs": "^4.4.0",
     "express-zip": "^3.0.0",
-    "fs-extra": "^11.1.1",
+    "fs-extra": "^11.3.0",
     "html-minifier-terser": "^7.2.0",
+    "isomorphic-fetch": "^3.0.0",
     "js-sha256": "^0.9.0",
     "moment": "^2.30.1",
     "node-cache": "^5.1.2",
     "nodemailer": "^6.9.4",
     "pg": "^8.11.2",
     "pm2": "^5.3.1",
-    "puppeteer": "^24.6.1",
+    "puppeteer": "^24.7.2",
     "qs": "^6.11.2",
     "randomstring": "^1.3.0",
     "read-excel-file": "^5.8.0",
     "sharp": "^0.34.1",
     "socket.io": "^4.8.0",
-    "timers-promises": "^1.0.1",
     "uglify-js": "^3.17.4",
     "uuid": "^9.0.1",
     "xlsx": "^0.18.5"