beca-ui 2.1.6 → 2.1.7

package/dist/DynamicWorkflowScript.js

@@ -1,13 +1,25 @@
-const docTien = new DocTienBangChu();
-const DEFAULT_MONEY_UNIT = 'đồng';
+let docTien = typeof DocTienBangChu !== "undefined" ? new DocTienBangChu() : null;
+function getDocTienInstance() {
+  if (!docTien && typeof DocTienBangChu !== "undefined") {
+    docTien = new DocTienBangChu();
+  }
+  return docTien;
+}
+
+const DEFAULT_MONEY_UNIT = {
+  vi: "đồng",
+  en: "dong",
+};
 
 var isDetail = false;
 var isMasterDetail = false;
 var colName = undefined;
 var mdCellId = undefined;
+var userWorkflowId = undefined;
 var masterDetailId = undefined;
 
-function capitalize(word = '') {
+let previousName = null;
+function capitalize(word = "") {
   word = word.toLowerCase();
   return word.charAt(0).toUpperCase() + word.slice(1);
 }
@@ -16,204 +28,733 @@ function runScript(scriptString) {
   eval(scriptString);
 }
 
+function unaccent(str) {
+  if (!str) return "";
+  return str
+    .normalize("NFD")
+    .replace(/[\u0300-\u036f]/g, "")
+    .replace(/[\u02C6\u0306\u031B]/g, "")
+    .replace(/đ/g, "d")
+    .replace(/Đ/g, "D")
+    .replace(
+      /!|@|%|\^|\*|\(|\)|\+|\=|\<|\>|\?|\/|,|\.|\:|\;|\'|\"|\&|\#|\[|\]|~|\$|_|`|-|{|}|\||\\/g,
+      " ",
+    )
+    .replace(/\s+/g, " ")
+    .trim();
+}
+
+function clearText(text) {
+  let clearedText;
+  if (text?.length > 0) {
+    clearedText = unaccent(text.trim().toLowerCase());
+  }
+  return clearedText;
+}
+
 function isNumeric(n) {
   return !isNaN(parseFloat(n)) && isFinite(n);
 }
 
 function getMoneyUnitName(unit) {
   switch (unit) {
-    case 'VND':
-      return 'đồng';
-    case 'USD':
-      return 'đô la';
-    case 'EUR':
-      return 'ơ-rô';
-    case 'JPY':
-      return 'yên';
-    case 'SGD':
-      return 'đô la Singapore';
-    case 'KRW':
-      return 'won';
+    case "VND":
+      return "đồng";
+    case "USD":
+      return "đô la";
+    case "EUR":
+      return "ơ-rô";
+    case "JPY":
+      return "yên";
+    case "SGD":
+      return "đô la Singapore";
+    case "KRW":
+      return "won";
     default:
-      return '';
+      return "";
   }
 }
 
-function docSoTien(number, unit = DEFAULT_MONEY_UNIT, locale = 'vi') {
-  let result = '';
-  const numbers = number?.toString().split('.');
+function docSoTien(number, unit, locale = "vi") {
+  if (!unit) {
+    unit = DEFAULT_MONEY_UNIT[locale];
+  }
+  let result = "";
+  const numbers = number?.toString().split(".");
 
-  if (locale === 'en') {
+  if (locale === "en") {
     const numberText1 = numberToTextEN(Number(numbers[0]));
     result = numberText1.trim();
   } else {
-    const numberText1 = docTien.doc(numbers[0]);
+    const reader = getDocTienInstance();
+    const numberText1 = reader ? reader.doc(numbers[0]) : "";
     result = numberText1.trim();
   }
 
   if (numbers.length === 2) {
-    if (locale === 'en') {
+    if (locale === "en") {
       const numberText2 = numberToTextEN(numbers[1]);
       result += ` point ${numberText2.toLowerCase()}`;
     } else {
-      const numberText2 = docTien.doc(numbers[1]);
+      const reader = getDocTienInstance();
+      const numberText2 = reader ? reader.doc(numbers[1]) : "";
       result += ` phẩy ${numberText2.toLowerCase()}`;
     }
   }
   result = capitalize(result);
-  if (unit?.trim() !== '') {
+  if (unit?.trim() !== "") {
     result += ` ${unit}`;
   }
 
   return result;
 }
+function getShortName(
+  name,
+  content,
+  numberOfWords,
+  numberOfChars = 1,
+  reverse = false,
+) {
+  var rawValue = getValue(name);
+
+  var noBrackets = rawValue.replace(/\s*[\(\[\{].*?[\)\]\}]\s*/g, " ");
+
+  var cleanValue = noBrackets.replace(
+    /[^\w\sàáạảãâầấậẩẫăằắặẳẵèéẹẻẽêềếệểễìíịỉĩòóọỏõôồốộổỗơờớợởỡùúụủũưừứựửữỳýỵỷỹđ]/gi,
+    "",
+  );
+
+  var valueName = cleanValue.trim();
+  var words = valueName.split(/\s+/).filter(Boolean);
+  var selectedWords = [];
+  //get selected words
+  if (reverse) {
+    var start = Math.max(0, words.length - numberOfWords);
+    selectedWords = words.slice(start, words.length);
+  } else {
+    selectedWords = words.slice(0, numberOfWords);
+  }
+  //get selected chars
+  var result = selectedWords
+    .map((word) => word.slice(0, numberOfChars))
+    .join("")
+    .toUpperCase();
+
+  setValue(content, result);
+}
 
 function fetchDataFromApi(api, from, property, to, fromName) {
-  var htmlElement = document.getElementById('field_' + fromName);
-  if (htmlElement && htmlElement.tagName === 'SPAN') {
+  var htmlElement = document.getElementById("field_" + fromName);
+  if (htmlElement && htmlElement.tagName === "SPAN") {
     return;
   }
   if (from && from[property]) {
     if (!isNumeric(from[property])) {
       return;
     }
-    api = window.location.origin + api + from[property];
+    api = `${window.location.origin}${api}${from[property]}?userWorkflowId=${userWorkflowId}`;
     var myHeaders = new Headers();
-    myHeaders.append('Accept', '*/*');
-    myHeaders.append('Accept-Language', 'en');
-    myHeaders.append('Accept-Encoding', 'gzip, deflate, br');
-    myHeaders.append('Connection', 'keep-alive');
+    myHeaders.append("Accept", "*/*");
+    myHeaders.append("Accept-Language", "en");
+    myHeaders.append("Accept-Encoding", "gzip, deflate, br");
+    myHeaders.append("Connection", "keep-alive");
     var requestOptions = {
-      method: 'GET',
+      method: "GET",
       headers: myHeaders,
-      redirect: 'follow',
+      redirect: "follow",
     };
 
     fetch(api, requestOptions)
-      .then(response => response.text())
-      .then(result => {
-        result = result.replace(/"/g, '');
+      .then((response) => response.text())
+      .then((result) => {
+        result = result.replace(/"/g, "");
 
-        const textValue = document.getElementById('field_' + to);
+        const textValue = document.getElementById("field_" + to);
 
         if (textValue) {
           if (result) {
             textValue.innerHTML = result;
           } else {
-            textValue.innerHTML = '';
+            textValue.innerHTML = "";
           }
         }
       })
-      .catch(error => console.log('error', error));
+      .catch((error) => console.log("error", error));
+  }
+}
+async function fetchDataFromApiWithoutNumber(api, to) {
+  try {
+    api = `${window.location.origin}${api}`;
+    api = api.replaceAll("@UserWorkflowId", userWorkflowId ?? 0);
+    const matches = [...api.matchAll(/@([a-zA-Z0-9_]+)/g)];
+
+    matches.forEach((match) => {
+      const variableName = match[1]; // ví dụ: MaPhong
+
+      const element =
+        document.getElementById(`field_${variableName}`) ||
+        document.querySelector(`.field_${variableName}`) || // Dùng querySelector ở đây để lấy element đầu tiên, thay vì getElementsByClassName
+        document.getElementById(variableName);
+
+      let value = "";
+
+      if (element) {
+        value =
+          element.getAttribute("value") ??
+          element.value ??
+          element.innerText ??
+          "";
+      }
+
+      api = api.replaceAll(`@${variableName}`, encodeURIComponent(value));
+    });
+    const myHeaders = new Headers();
+    myHeaders.append("Accept", "*/*");
+    myHeaders.append("Accept-Language", "en");
+    myHeaders.append("Accept-Encoding", "gzip, deflate, br");
+    myHeaders.append("Connection", "keep-alive");
+
+    const requestOptions = {
+      method: "GET",
+      headers: myHeaders,
+      redirect: "follow",
+    };
+
+    const response = await fetch(api, requestOptions);
+    const resultValue = await response.json();
+    setValue(to, resultValue);
+  } catch (error) {
+    console.log("error", error);
+  }
+}
+
+//tienth1@vntt.com.vn
+async function fetchAndMapDataFromApi(api, to, isMd = false) {
+  try {
+    api = `${window.location.origin}${api}`;
+    api = api.replaceAll("@UserWorkflowId", userWorkflowId ?? 0);
+    const matches = [...api.matchAll(/@([a-zA-Z0-9_]+)/g)];
+
+    matches.forEach((match) => {
+      const variableName = match[1]; // ví dụ: MaPhong
+
+      // ưu tiên lấy từ field_TenBien
+      const element =
+        document.getElementById(`field_${variableName}`) ||
+        document.getElementById(variableName);
+
+      let value = "";
+
+      if (element) {
+        const selectionItem = element.querySelector(
+          ".ant-select-selection-item",
+        );
+
+        if (selectionItem) {
+          value =
+            selectionItem.getAttribute("title") ??
+            selectionItem.textContent.trim();
+        } else {
+          value =
+            element.getAttribute("value") ??
+            element.value ??
+            element.innerText ??
+            "";
+        }
+      }
+
+      const safeValue = String(value).replace(/'/g, "''");
+      api = api.replaceAll(
+        `@${variableName}`,
+        encodeURIComponent(`'${safeValue}'`),
+      );
+    });
+
+    const myHeaders = new Headers();
+    myHeaders.append("Accept", "*/*");
+    myHeaders.append("Accept-Language", "en");
+    myHeaders.append("Accept-Encoding", "gzip, deflate, br");
+    myHeaders.append("Connection", "keep-alive");
+
+    const requestOptions = {
+      method: "GET",
+      headers: myHeaders,
+      redirect: "follow",
+    };
+
+    const response = await fetch(api, requestOptions);
+    const resultValue = await response.json();
+    isMd ? mapMdValueIntoMD(to, resultValue) : setValue(to, resultValue, isMd);
+  } catch (error) {
+    console.log("error", error);
   }
 }
 
+//tienth1@vntt.com.vn
+function fetchAndMapDataIntoDropdownFromApi(api, to, isMd = false) {
+  const isAbsolute = /^https?:\/\//i.test(api);
+  api = `${window.location.origin}${api}`;
+  api = api.replaceAll("@UserWorkflowId", userWorkflowId ?? 0);
+  const matches = [...api.matchAll(/@([a-zA-Z0-9_]+)/g)];
+
+  matches.forEach((match) => {
+    const variableName = match[1]; // ví dụ: MaPhong
+
+    // ưu tiên lấy từ field_TenBien
+    const element =
+      document.getElementById(`field_${variableName}`) ||
+      document.getElementById(variableName);
+
+    let value = "";
+
+    if (element) {
+      const selectionItem = element.querySelector(".ant-select-selection-item");
+
+      if (selectionItem) {
+        value =
+          selectionItem.getAttribute("title") ??
+          selectionItem.textContent.trim();
+      } else {
+        value =
+          element.getAttribute("value") ??
+          element.value ??
+          element.innerText ??
+          "";
+      }
+    }
+
+    const safeValue = String(value).replace(/'/g, "''");
+    api = api.replaceAll(
+      `@${variableName}`,
+      encodeURIComponent(`'${safeValue}'`),
+    );
+  });
+
+  const myHeaders = new Headers();
+  myHeaders.append("Accept", "*/*");
+  myHeaders.append("Accept-Language", "en");
+  myHeaders.append("Accept-Encoding", "gzip, deflate, br");
+  myHeaders.append("Connection", "keep-alive");
+
+  const requestOptions = {
+    method: "GET",
+    headers: myHeaders,
+    redirect: "follow",
+  };
+
+  fetch(api, requestOptions)
+    .then((response) => {
+      if (response.ok) {
+        return response.json();
+      }
+      console.log("Error: fetchAndMapDataIntoDropdownFromApi");
+      throw new Error();
+    })
+    .then((result) => {
+      isMd
+        ? mapDropDownValueIntoPropertyMD(to, result)
+        : mapDropDownValueIntoProperty(to, result);
+    });
+}
+
 function getPathFromUrl(url) {
   return url.split(/[?#]/)[0];
 }
 
-function searchDataByProperyName(api, from, to) {
+function searchDataByProperyNameWithMultipleMD(
+  api,
+  from,
+  to,
+  isMd = false,
+  masterDetailIndex = null,
+) {
   api = window.location.origin + api + encodeURIComponent(from.value);
   var myHeaders = new Headers();
-  myHeaders.append('Accept', '*/*');
-  myHeaders.append('Accept-Language', 'en');
-  myHeaders.append('Accept-Encoding', 'gzip, deflate, br');
-  myHeaders.append('Connection', 'keep-alive');
+  myHeaders.append("Accept", "*/*");
+  myHeaders.append("Accept-Language", "en");
+  myHeaders.append("Accept-Encoding", "gzip, deflate, br");
+  myHeaders.append("Connection", "keep-alive");
   var requestOptions = {
-    method: 'GET',
+    method: "GET",
     headers: myHeaders,
-    redirect: 'follow',
+    redirect: "follow",
   };
 
   fetch(api, requestOptions)
-    .then(response => response.json())
-    .then(result => {
-      mapArrayIntoChoiceProperty(to, result);
+    .then((response) => response.json())
+    .then((result) => {
+      isMd
+        ? mapArrayIntoChoicePropertyInMDMapMultiple[masterDetailIndex](
+            to,
+            result,
+            masterDetailIndex,
+          )
+        : mapArrayIntoChoiceProperty(to, result, masterDetailIndex);
     })
-    .catch(error => console.log('error', error));
+    .catch((error) => console.log("error", error));
 }
 
-function _searchDataAndMapIntoDropdown(api, from, to) {
-  searchDataAndMapIntoDropdown(api, from, to);
+function searchDataByProperyName(
+  api,
+  from,
+  to,
+  isMd = false,
+  masterDetailIndex = null,
+) {
+  api = window.location.origin + api + encodeURIComponent(from.value);
+  var myHeaders = new Headers();
+  myHeaders.append("Accept", "*/*");
+  myHeaders.append("Accept-Language", "en");
+  myHeaders.append("Accept-Encoding", "gzip, deflate, br");
+  myHeaders.append("Connection", "keep-alive");
+  var requestOptions = {
+    method: "GET",
+    headers: myHeaders,
+    redirect: "follow",
+  };
+
+  fetch(api, requestOptions)
+    .then((response) => response.json())
+    .then((result) => {
+      isMd
+        ? mapArrayIntoChoicePropertyInMD(to, result, masterDetailIndex)
+        : mapArrayIntoChoiceProperty(to, result, masterDetailIndex);
+    })
+    .catch((error) => console.log("error", error));
 }
 
-function searchDataAndMapIntoDropdown(api, from, to) {
+function searchDataAndMapIntoDropdown(
+  api,
+  from,
+  to,
+  isMD = false,
+  isHavingDefaultValue = false,
+) {
   if (from && !isHtmlCollection(from)) {
-    api = window.location.origin + api + encodeURIComponent(from.value);
+    api =
+      window.location.origin +
+      api +
+      (isHavingDefaultValue ? "" : encodeURIComponent(from.value));
     var myHeaders = new Headers();
-    myHeaders.append('Accept', '*/*');
-    myHeaders.append('Accept-Language', 'en');
-    myHeaders.append('Accept-Encoding', 'gzip, deflate, br');
-    myHeaders.append('Connection', 'keep-alive');
+    myHeaders.append("Accept", "*/*");
+    myHeaders.append("Accept-Language", "en");
+    myHeaders.append("Accept-Encoding", "gzip, deflate, br");
+    myHeaders.append("Connection", "keep-alive");
     var requestOptions = {
-      method: 'GET',
+      method: "GET",
       headers: myHeaders,
-      redirect: 'follow',
+      redirect: "follow",
     };
 
     fetch(api, requestOptions)
-      .then(response => {
+      .then((response) => {
         if (response.ok) {
           return response.json();
         }
-        console.log('Error: searchDataAndMapIntoDropdown');
+        console.log("Error: searchDataAndMapIntoDropdown");
         throw new Error();
       })
-      .then(result => {
-        mapDropDownValueIntoProperty(to, result);
+      .then((result) => {
+        isMD
+          ? mapDropDownValueIntoPropertyMD(to, result)
+          : mapDropDownValueIntoProperty(to, result);
       });
   }
 }
 
-function _searchDataFromMDAndMapIntoMD(api, from, to, fromName) {
-  searchDataFromMDAndMapIntoMD(api, from, to, fromName);
+function searchDataAndMapIntoDropdown2(api, from, to, idx = 0, isMD = false) {
+  if (from && !isHtmlCollection(from)) {
+    const isAbsolute = /^https?:\/\//i.test(api);
+    api =
+      (isAbsolute ? api : window.location.origin + api) +
+      encodeURIComponent(from.value);
+    var myHeaders = new Headers();
+    myHeaders.append("Accept", "*/*");
+    myHeaders.append("Accept-Language", "en");
+    myHeaders.append("Accept-Encoding", "gzip, deflate, br");
+    myHeaders.append("Connection", "keep-alive");
+    var requestOptions = {
+      method: "GET",
+      headers: myHeaders,
+      redirect: "follow",
+    };
+
+    fetch(api, requestOptions)
+      .then((response) => {
+        if (response.ok) {
+          return response.json();
+        }
+        console.log("Error: searchDataAndMapIntoDropdown");
+        throw new Error();
+      })
+      .then((result) => {
+        isMD
+          ? mapDropDownValueIntoPropertyMD(to, result)
+          : mapDropDownValueIntoProperty(to, result);
+      });
+  }
 }
 
 function mapMDFromMD({
   from,
-  fromName = 'value',
+  fromName = "value",
   masterDetailId,
   fromMDName,
-  filterName = 'UserWorkflowId',
+  filterName = "UserWorkflowId",
   toMDName,
 }) {
   searchDataFromMDAndMapIntoMD(
     `/api/v2/workflowReport/SearchDataFromMDAndMapIntoMD/${masterDetailId}?filterName=${filterName}&mdName=${fromMDName}&filterValue=`,
     from,
     `${toMDName}`,
-    fromName
+    fromName,
   );
 }
 
+function mapMDFromMD2({
+  from,
+  fromName = "value",
+  masterDetailId,
+  fromMDName,
+  filterName = "UserWorkflowId",
+  toMDName,
+}) {
+  const fromData = window[from];
+  searchDataFromMDAndMapIntoMD(
+    `/api/v2/workflowReport/SearchDataFromMDAndMapIntoMD/${masterDetailId}?filterName=${filterName}&mdName=${fromMDName}&filterValue=`,
+    fromData,
+    `${toMDName}`,
+    fromName,
+  );
+}
+
+function mapMDFromMDForWareHouse({
+  from,
+  link,
+  dynamic,
+  value,
+  listHeader,
+  fromName = "value",
+  workflowId,
+  mdName,
+  filterName,
+  tableNames,
+  selectNames,
+  searchNames,
+  dicNames,
+  toMDName,
+}) {
+  searchDataFromMDAndMapIntoMD(
+    `/api/v2/workflowReport/MapDataFastToMasterDeatail?link=${link}&dynamic=${dynamic}&value=${value}&listHeader=${listHeader}&workflowId=${workflowId}&mdName=${mdName}&filterName=${filterName}&tableNames=${tableNames}&selectNames=${selectNames}&searchNames=${searchNames}&dicNames=${dicNames}&filterValue=`,
+    from,
+    `${toMDName}`,
+    fromName,
+  );
+}
+
+async function mapMDFromValue(api, items, table, extraSql, where, value, to) {
+  try {
+    // Split where and value parameters
+    const whereFields = where.split("-");
+
+    const valueFields = value.split("-");
+    // Create array of objects based on where and value parameters, filtering out null values
+    // const transformedFormValues = whereFields
+    //   .map((field, index) => ({
+
+    //     name: field,
+    //     value: getFieldValue(valueFields[index]),
+    //   }))
+    //   .filter(item => item.value !== null);
+    const transformedFormValues = whereFields
+      .map((field, index) => {
+        const rawValue = valueFields[index];
+        const resolvedValue = getFieldValue(rawValue);
+
+        return {
+          name: field,
+          value: resolvedValue ?? rawValue,
+        };
+      })
+      .filter((item) => item.value !== null);
+
+    // Ensure api is a valid URL by adding origin if it's a relative path
+    let baseUrl = api;
+
+    if (!api.startsWith("http://") && !api.startsWith("https://")) {
+      baseUrl = window.location.origin + api;
+    }
+    const params = new URLSearchParams();
+    params.set("items", items); // Let URLSearchParams handle initial structure
+    params.set("table", table);
+    params.set("extraSql", extraSql);
+
+    // Rebuild the query string ensuring spaces become %20
+    const queryString = Array.from(params.entries())
+      .map(
+        ([key, val]) => `${encodeURIComponent(key)}=${encodeURIComponent(val)}`,
+      )
+      .join("&");
+
+    // Construct final URL
+    const finalUrl = `${baseUrl}?${queryString}`;
+
+    // Prepare request options for POST with transformed formValues as body
+    const requestOptions = {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "*/*",
+        "Accept-Language": "en",
+        "Accept-Encoding": "gzip, deflate, br",
+        Connection: "keep-alive",
+      },
+      body: JSON.stringify(transformedFormValues),
+    };
+
+    // Fetch using the manually constructed URL string
+    //const response = await fetch(finalUrl, requestOptions); // Use finalUrl string
+
+    fetch(finalUrl, requestOptions)
+      .then((response) => response.json())
+      .then((result) => {
+        mapMdValueIntoMD(to, result);
+      })
+      .catch((error) => console.log("error", error));
+  } catch (e) {
+    console.log("mapMDFromValueError:", e);
+  }
+}
 function searchDataFromMDAndMapIntoMD(api, from, to, fromName) {
   if (from) {
     api =
       window.location.origin +
       api +
-      encodeURIComponent(from[fromName ?? 'value']);
+      encodeURIComponent(from[fromName ?? "value"]);
 
     var myHeaders = new Headers();
 
-    myHeaders.append('Accept', '*/*');
-    myHeaders.append('Accept-Language', 'en');
-    myHeaders.append('Accept-Encoding', 'gzip, deflate, br');
-    myHeaders.append('Connection', 'keep-alive');
+    myHeaders.append("Accept", "*/*");
+    myHeaders.append("Accept-Language", "en");
+    myHeaders.append("Accept-Encoding", "gzip, deflate, br");
+    myHeaders.append("Connection", "keep-alive");
 
     var requestOptions = {
-      method: 'GET',
+      method: "GET",
       headers: myHeaders,
-      redirect: 'follow',
+      redirect: "follow",
     };
 
     fetch(api, requestOptions)
-      .then(response => response.json())
-      .then(result => {
+      .then((response) => response.json())
+      .then((result) => {
         mapMdValueIntoMD(to, result);
       })
-      .catch(error => console.log('error', error));
+      .catch((error) => console.log("error", error));
   }
 }
+function searchDataFromMDAndMapIntoMDAndAddAnotherInfo(
+  api,
+  to,
+  anotherLabel,
+  anotherValue,
+) {
+  var myHeaders = new Headers();
+
+  myHeaders.append("Accept", "*/*");
+  myHeaders.append("Accept-Language", "en");
+  myHeaders.append("Accept-Encoding", "gzip, deflate, br");
+  myHeaders.append("Connection", "keep-alive");
 
+  var requestOptions = {
+    method: "GET",
+    headers: myHeaders,
+    redirect: "follow",
+  };
+
+  fetch(api, requestOptions)
+    .then((response) => response.json())
+    .then((result) => {
+      let data = [];
+
+      try {
+        data = JSON.parse(result); // Parse chuỗi thành mảng
+      } catch (e) {
+        console.error("Parse JSON lỗi:", e);
+        return;
+      }
+      if (
+        anotherLabel &&
+        anotherLabel.trim() !== "" &&
+        anotherValue &&
+        anotherValue.trim() !== ""
+      ) {
+        const labels = anotherLabel.split("-"); // ["a", "b", "c"]
+        const values = anotherValue
+          .split("-") // ["1", "2", "3"]
+          .map((v) => getValue(v));
+
+        // Thêm Ghichu vào từng phần tử
+        data = data.map((item) => {
+          const extraFields = {};
+
+          labels.forEach((label, index) => {
+            extraFields[label] = values[index];
+          });
+
+          return {
+            ...item,
+            ...extraFields,
+          };
+        });
+      }
+      const newResult = JSON.stringify(data);
+      mapMdValueIntoMD(to, newResult);
+    })
+    .catch((error) => console.log("error", error));
+}
+function mapMDFromMDForWareHouseAndAddAnotherInfo({
+  from,
+  link,
+  dynamic,
+  value,
+  listHeader,
+  workflowId,
+  mdName,
+  filterName,
+  tableNames,
+  selectNames,
+  searchNames,
+  dicNames,
+  toMDName,
+  anotherLabel,
+  anotherValue,
+}) {
+  searchDataFromMDAndMapIntoMDAndAddAnotherInfo(
+    `/api/v2/workflowReport/MapDataFastToMasterDeatail?link=${link}&dynamic=${dynamic}&value=${value}&listHeader=${listHeader}&workflowId=${workflowId}&mdName=${mdName}&filterName=${filterName}&tableNames=${tableNames}&selectNames=${selectNames}&searchNames=${searchNames}&dicNames=${dicNames}&filterValue=${getValue(
+      from,
+    )}`,
+    `${toMDName}`,
+    anotherLabel,
+    anotherValue,
+  );
+}
+function clearDataInMDList(from, toMDName, fromName = "value") {
+  searchDataFromMDAndMapIntoMD(
+    `/api/v2/workflowReport/MapDataFastToMasterDeatail?filterValue=`,
+    from,
+    `${toMDName}`,
+    fromName,
+  );
+  setTimeout(() => {
+    searchDataFromMDAndMapIntoMD(
+      `/api/v2/workflowReport/MapDataFastToMasterDeatail?link=clearDataInMDList&filterValue=`,
+      from,
+      `${toMDName}`,
+      fromName,
+    );
+  }, 1);
+}
 // function reSearchDataByProperyName(api, from, fromProperty, to) {
 //   console.log('searchDataByProperyName');
 //   api = window.location.origin + api + from[fromProperty];
@@ -241,33 +782,32 @@ function fromSelectToText(dataFrom, dataTo) {
   const selectElement = document.getElementById(dataFrom);
   if (selectElement) {
     const selectItems = selectElement.getElementsByClassName(
-      'ant-select-selection-item'
+      "ant-select-selection-item",
     );
+
     if (selectItems && selectItems.length > 0) {
       const title = selectItems[0].title;
-      const textValue = document.getElementById('field_' + dataTo);
+      const textValue = document.getElementById("field_" + dataTo);
       if (textValue) {
-        const value = title.split('=')[0].trim();
+        const value = title.split("=")[0].trim();
         textValue.innerHTML = value;
       }
     }
   }
 }
 
-function _numberToText(dataFrom, dataTo, unitId, locale) {
-  numberToText(dataFrom, dataTo, unitId, locale);
-}
-
-function numberToText(dataFrom, dataTo, unitId, locale) {
+function numberToText(dataFrom, dataTo, unitId, locale = "vi") {
   if (isDetail === undefined || isDetail === null || isDetail === false) {
     let numberValue = getValue(dataFrom);
+
     if (numberValue !== undefined && numberValue !== null) {
+      numberValue = Number(numberValue);
       // numberValue = formatNumberString(numberValue, locale);
 
       const textValueElement = getElementById(dataTo);
       if (textValueElement) {
         if (numberValue !== undefined && numberValue !== null) {
-          let unit = DEFAULT_MONEY_UNIT;
+          let unit = DEFAULT_MONEY_UNIT[locale];
 
           if (unitId) {
             const unitElement = getElementById(unitId);
@@ -275,7 +815,7 @@ function numberToText(dataFrom, dataTo, unitId, locale) {
             if (unitElement) {
               const itemValue = getValue(unitId);
               if (itemValue !== undefined) {
-                const unitName = getMoneyUnitName(itemValue);
+                const unitName = getMoneyUnitName(itemValue, locale);
                 unit = unitName;
               }
             } else {
@@ -283,10 +823,12 @@ function numberToText(dataFrom, dataTo, unitId, locale) {
             }
           }
           let text = docSoTien(numberValue.toString(), unit, locale);
-          text = text?.replaceAll('  ', ' ');
-          textValueElement.innerHTML = text;
+          text = text?.replaceAll("  ", " ");
+          setValue(dataTo, text);
+          // textValueElement.innerHTML = text;
         } else {
-          textValueElement.innerHTML = '';
+          // textValueElement.innerHTML = '';
+          setValue(dataTo, "");
         }
       }
     }
@@ -300,69 +842,69 @@ function numberToTextEN(n) {
 
   // Arrays to hold words for single-digit, double-digit, and below-hundred numbers
   single_digit = [
-    '',
-    'One',
-    'Two',
-    'Three',
-    'Four',
-    'Five',
-    'Six',
-    'Seven',
-    'Eight',
-    'Nine',
+    "",
+    "One",
+    "Two",
+    "Three",
+    "Four",
+    "Five",
+    "Six",
+    "Seven",
+    "Eight",
+    "Nine",
   ];
   double_digit = [
-    'Ten',
-    'Eleven',
-    'Twelve',
-    'Thirteen',
-    'Fourteen',
-    'Fifteen',
-    'Sixteen',
-    'Seventeen',
-    'Eighteen',
-    'Nineteen',
+    "Ten",
+    "Eleven",
+    "Twelve",
+    "Thirteen",
+    "Fourteen",
+    "Fifteen",
+    "Sixteen",
+    "Seventeen",
+    "Eighteen",
+    "Nineteen",
   ];
   below_hundred = [
-    'Twenty',
-    'Thirty',
-    'Forty',
-    'Fifty',
-    'Sixty',
-    'Seventy',
-    'Eighty',
-    'Ninety',
+    "Twenty",
+    "Thirty",
+    "Forty",
+    "Fifty",
+    "Sixty",
+    "Seventy",
+    "Eighty",
+    "Ninety",
   ];
 
-  if (n === 0) return 'Zero';
+  if (n === 0) return "Zero";
 
   // Recursive function to translate the number into words
   function translate(n) {
-    let word = '';
+    let word = "";
     if (n < 10) {
-      word = single_digit[n] + ' ';
+      word = single_digit[n] + " ";
     } else if (n < 20) {
-      word = double_digit[n - 10] + ' ';
+      word = double_digit[n - 10] + " ";
     } else if (n < 100) {
       let rem = translate(n % 10);
-      word = below_hundred[(n - (n % 10)) / 10 - 2] + ' ' + rem;
+      word = below_hundred[(n - (n % 10)) / 10 - 2] + " " + rem;
     } else if (n < 1000) {
       word =
-        single_digit[Math.trunc(n / 100)] + ' Hundred ' + translate(n % 100);
+        single_digit[Math.trunc(n / 100)] + " Hundred " + translate(n % 100);
     } else if (n < 1000000) {
       word =
         translate(parseInt(n / 1000)).trim() +
-        ' Thousand ' +
+        " Thousand " +
         translate(n % 1000);
     } else if (n < 1000000000) {
       word =
         translate(parseInt(n / 1000000)).trim() +
-        ' Million ' +
+        " Million " +
         translate(n % 1000000);
     } else {
       word =
         translate(parseInt(n / 1000000000)).trim() +
-        ' Billion ' +
+        " Billion " +
         translate(n % 1000000000);
     }
     return word;
@@ -373,7 +915,7 @@ function numberToTextEN(n) {
   return result.trim();
 }
 
-function readNumber(dataFrom, unitId, locale, dataTo = colName) {
+function readNumber(dataFrom, unitId, locale = "vi", dataTo = colName) {
   if (isDetail === undefined || isDetail === null || isDetail === false) {
     let numberValue = getFieldValue(dataFrom);
     if (numberValue !== undefined && numberValue !== null) {
@@ -381,7 +923,7 @@ function readNumber(dataFrom, unitId, locale, dataTo = colName) {
       const textValueElement = getElementById(dataTo);
       if (textValueElement) {
         if (numberValue !== undefined && numberValue !== null) {
-          let unit = DEFAULT_MONEY_UNIT;
+          let unit = DEFAULT_MONEY_UNIT[locale];
           if (unitId) {
             const unitElement = getElementById(unitId);
             if (unitElement) {
@@ -395,12 +937,12 @@ function readNumber(dataFrom, unitId, locale, dataTo = colName) {
             }
           }
           let text = docSoTien(numberValue.toString(), unit, locale);
-          text = text?.replaceAll('  ', ' ');
+          text = text?.replaceAll("  ", " ");
           // textValueElement.innerHTML = text;
           setValue(dataTo, text);
         } else {
           // textValueElement.innerHTML = '';
-          setValue(dataTo, '');
+          setValue(dataTo, "");
         }
       }
     }
@@ -409,13 +951,13 @@ function readNumber(dataFrom, unitId, locale, dataTo = colName) {
   }
 }
 
-function numberToTextDetail(dataFrom, dataTo, unitId, locale) {
-  let unit = DEFAULT_MONEY_UNIT;
+function numberToTextDetail(dataFrom, dataTo, unitId, locale = "vi") {
+  let unit = DEFAULT_MONEY_UNIT[locale];
   if (unitId) {
     const unitElement = document.querySelector(`#${unitId}`);
     if (unitElement) {
       const itemElement = unitElement.querySelector(
-        '.ant-select-selection-item'
+        ".ant-select-selection-item",
       );
       if (itemElement && itemElement.title) {
         const unitName = getMoneyUnitName(itemElement.title);
@@ -433,43 +975,43 @@ function numberToTextDetail(dataFrom, dataTo, unitId, locale) {
     if (textValue) {
       if (value !== undefined && value !== null) {
         let text = docSoTien(value, unit, locale);
-        text = text?.replaceAll('  ', ' ');
+        text = text?.replaceAll("  ", " ");
         textValue.innerHTML = text;
       } else {
-        textValue.innerHTML = '';
+        textValue.innerHTML = "";
       }
     }
   }
 }
 
-function textNumberToText(dataFrom, dataTo, unitId) {
-  const fromElement = document.getElementById('field_' + dataFrom);
+function textNumberToText(dataFrom, dataTo, unitId, locale = "vi") {
+  const fromElement = document.getElementById("field_" + dataFrom);
   if (fromElement) {
     const fromValue = fromElement.innerHTML;
     const numberValue = formatNumberString(fromValue);
-    const toElement = document.getElementById('field_' + dataTo);
+    const toElement = document.getElementById("field_" + dataTo);
     if (toElement) {
       if (numberValue) {
-        let unit = DEFAULT_MONEY_UNIT;
+        let unit = DEFAULT_MONEY_UNIT[locale];
         if (unitId) {
           const unitElement = document.querySelector(`#${unitId}`);
           if (unitElement) {
             const itemElement = unitElement.querySelector(
-              '.ant-select-selection-item'
+              ".ant-select-selection-item",
             );
             if (itemElement && itemElement.title) {
               const unitName = getMoneyUnitName(itemElement.title);
-              unit = unitName;
+              unit = "unitName";
             }
           } else {
-            unit = unitId;
+            unit = "unitId";
           }
         }
         let text = docSoTien(numberValue.toString(), unit);
-        text = text?.replaceAll('  ', ' ');
+        text = text?.replaceAll("  ", " ");
         toElement.innerHTML = text;
       } else {
-        toElement.innerHTML = '';
+        toElement.innerHTML = "";
       }
     }
   }
@@ -480,13 +1022,13 @@ function _textNumberToText(dataFrom, dataTo, unitId) {
 }
 
 // Locale: "vi" | "en"
-function formatNumberString(number, locale = 'vi') {
-  let result = '0';
-  if (locale === 'vi') {
+function formatNumberString(number, locale = "vi") {
+  let result = "0";
+  if (locale === "vi") {
     result = number
-      ? number?.toString().replaceAll('.', '').replaceAll('= ', '')
-      : '0';
-    result = result.replaceAll(',', '.');
+      ? number?.toString().replaceAll(".", "").replaceAll("= ", "")
+      : "0";
+    result = result.replaceAll(",", ".");
   } else {
     result = number;
   }
@@ -496,7 +1038,9 @@ function formatNumberString(number, locale = 'vi') {
 
 function setValue(toId, value, isMD = false) {
   const name = toId ?? getCurrentId();
-  window.setFieldValue(name, value, isMD ? masterDetailId : undefined);
+  const mdId = isMD ? masterDetailId : undefined;
+
+  window.setFieldValue(name, value, mdId);
 }
 
 function setValueMD(name, value, mdId) {
@@ -530,32 +1074,178 @@ function calc(name, string) {
 }
 
 const getFieldValue = (name, isMD) => {
-  return window.getFieldValue(name, isMD);
+  return window.getFieldValue(name, isMD ? masterDetailId : undefined);
 };
 
-const handleFormular = (formularString, isMD) => {
-  if (formularString?.length > 0) {
-    formularString = formularString.replace(/\s/g, '');
-    let name = '';
-    let adding = false;
-    const ids = [];
-
-    for (let i = 0; i < formularString.length; i++) {
-      if (formularString[i] === '[') {
-        adding = true;
-      } else if (formularString[i] === ']') {
-        ids.push(name);
-        adding = false;
-        name = '';
-      } else if (adding === true) {
-        name += formularString[i];
+const getFieldContent = (name, isMD) => {
+  return window.getFieldContent(name, isMD ? masterDetailId : false);
+};
+
+const getFieldContentMD = (name) => {
+  let value = "";
+
+  const element = document.getElementById(`${masterDetailId}_${name}`);
+  if (element) {
+    const mdField = element.querySelector(".md-field");
+    if (mdField) {
+      const fieldType = mdField.getAttribute("type");
+      const editable = mdField.getAttribute("editable");
+      if (editable === "true") {
+        if (fieldType === "lookup") {
+          const valueFields = mdField.querySelectorAll(
+            ".ant-select-selection-item",
+          );
+          if (valueFields.length > 0) {
+            const values = Array.from(valueFields).map(
+              (field) => field.innerText ?? field.textContent ?? "",
+            );
+            value = values.join("; ");
+          }
+        } else if (fieldType === "input") {
+          const inputValue = mdField.querySelector(".ant-input")?.value;
+          if (inputValue) {
+            value = inputValue;
+          }
+        }
+      } else {
+        // View only mode
+      }
+    }
+  }
+  return value;
+};
+
+const getInnerTextValue = (name, isMD) => {
+  if (!isMD) {
+    // If element is not found, it is editable field, otherwise it is a readonly field
+    let element = document.getElementById(`field_${name}`);
+    if (element) {
+      // Check if element contains an Ant Design checkbox group as a child
+      const checkboxGroup = element.querySelector(".ant-checkbox-group");
+      if (checkboxGroup) {
+        // Get all checked checkboxes within the checkbox group
+        const checkedInputs = checkboxGroup.querySelectorAll(
+          'input[type="checkbox"]:checked',
+        );
+        const checkedLabels = [];
+
+        checkedInputs.forEach((input) => {
+          // Get the label text next to the checkbox
+          const label = input.closest("label");
+          if (label) {
+            // Get the span text (excludes the input)
+            const spans = label.querySelectorAll("span");
+            if (spans.length > 0) {
+              // Usually the text is in the last span
+              const textSpan = spans[spans.length - 1];
+              if (textSpan && textSpan.textContent) {
+                checkedLabels.push(textSpan.textContent.trim());
+              }
+            }
+          }
+        });
+
+        return checkedLabels.join(", ");
+      }
+      return element.innerText ?? element.textContent ?? "";
+    } else {
+      element = document.querySelector(`.field_${name}`);
+      if (element) {
+        // Kiểm tra xem element có phải là select hay lookup không
+        // nếu có thì lấy giá trị của element
+        const type = element.getAttribute("type");
+        if (type === "lookup" || type === "select") {
+          let contentElement = element.querySelector(
+            ".ant-select-selection-item-content",
+          );
+          if (!contentElement) {
+            contentElement = element.querySelector(
+              ".ant-select-selection-item",
+            );
+          }
+          if (contentElement) {
+            return contentElement.innerText ?? contentElement.textContent ?? "";
+          }
+        } else if (type === "dateTime") {
+          const inputElement = element.querySelector(
+            `#dynamicWorkflowForm_${name}`,
+          );
+          if (inputElement) {
+            return inputElement.value;
+          }
+        }
       }
     }
+  } else {
+    const fieldContent = getFieldContentMD(name);
+    return fieldContent;
+  }
+  const fieldValue = window.getFieldValue(name, isMD);
+  return fieldValue;
+};
+
+const getFieldValueNew = (name, isMasterDetail, IsShowTime) => {
+  return formatDate(getInnerTextValue(name, isMasterDetail), IsShowTime);
+};
+
+const formatDate = (value, IsShowTime) => {
+  // 1. Kiểm tra nhanh: Nếu là số, null hoặc không phải chuỗi/đối tượng thì trả về luôn
+  if (!value || typeof parseInt(value, 10) === "number") {
+    return value;
+  }
+
+  const date = new Date(value);
+
+  // 2. Kiểm tra tính hợp lệ của Date
+  // isValidDate kiểm tra xem giá trị có chuyển đổi thành mốc thời gian thực hay không
+  const isValidDate = !isNaN(date.getTime());
+  // 3. Kiểm tra bổ sung bằng Regex (Tùy chọn nhưng nên có)
+  // Chỉ xử lý nếu chuỗi có định dạng giống ngày tháng (VD: 2025-12-16 hoặc 12/16/2025)
+  // Điều này ngăn việc một từ ngẫu nhiên bị Date() hiểu nhầm
+  const isDateString = typeof value === "string" && /[\d-:/T]/.test(value);
+  if (isValidDate && isDateString) {
+    const day = String(date.getDate()).padStart(2, "0");
+    const month = String(date.getMonth() + 1).padStart(2, "0");
+    const year = date.getFullYear();
+    const hours = String(date.getHours()).padStart(2, "0");
+    const minutes = String(date.getMinutes()).padStart(2, "0");
+    // Nếu IsShowTime là undefined hoặc false thì chỉ trả về ngày
+    if (!IsShowTime) {
+      return `${day}/${month}/${year}`;
+    } else {
+      return `${day}/${month}/${year} ${hours}:${minutes}`;
+    }
+  }
 
+  // Nếu không lọt vào các điều kiện trên, trả về giá trị gốc
+  return value;
+};
+
+const handleFormularNew = (formularString, isMD, IsShowTime) => {
+  if (formularString?.length > 0) {
+    const matches = [...formularString.matchAll(/\[([^\]]+)\]/g)];
+    const ids = matches.map((m) => m[1]);
     let formular = formularString;
+    if (ids.length > 0) {
+      ids.forEach((id) => {
+        const value = getFieldValueNew(id, isMD, IsShowTime) ?? 0;
+        formular = formular.replaceAll(`[${id}]`, value);
+      });
+    }
 
+    return { math: formular, elementIds: ids };
+  } else {
+    return { math: formularString, elementIds: [] };
+  }
+};
+
+const handleFormular = (formularString, isMD) => {
+  if (formularString?.length > 0) {
+    const matches = [...formularString.matchAll(/\[([^\]]+)\]/g)];
+    const ids = matches.map((m) => m[1]);
+    let formular = formularString;
     if (ids.length > 0) {
-      ids.forEach(id => {
+      ids.forEach((id) => {
         const value = getFieldValue(id, isMD) ?? 0;
         formular = formular.replaceAll(`[${id}]`, value);
       });
@@ -567,15 +1257,104 @@ const handleFormular = (formularString, isMD) => {
   }
 };
 
-function calculate(calcText, to = colName) {
+function handleCondition(conditionString, isMD) {
+  if (!conditionString) return { math: "false", elementIds: [] };
+
+  let mathResult = conditionString;
+  const ids = [];
+  const matches = conditionString.match(/\[(.*?)\]/g) || [];
+
+  // 1. Thay thế các [ID]
+  matches.forEach((match) => {
+    const id = match.replace(/[\[\]]/g, "");
+    ids.push(id);
+    let value = getFieldValue(id, isMD);
+    // Chỉ bọc nháy nếu giá trị là string và CHƯA bị bọc nháy
+    const safeValue =
+      typeof value === "string"
+        ? `'${value.toString().replace(/'/g, "")}'` // Xóa hết nháy cũ đi rồi bọc lại cho chắc
+        : (value ?? "");
+
+    mathResult = mathResult.replaceAll(match, safeValue);
+  });
+
+  // 2. Chuyển = thành ==
+  mathResult = mathResult.replace(/(?<![<>!])=(?!=)/g, "==");
+
+  // 3. Xử lý vế phải (giá trị so sánh cố định)
+  // Xóa bỏ các dấu nháy thừa nếu người dùng lỡ tay nhập: 'Nghỉ phép' -> Nghỉ phép
+  // Sau đó bọc lại một cặp nháy duy nhất cho toàn bộ cụm chữ sau dấu ==
+  mathResult = mathResult.replace(
+    /(==|!=)\s*['"]?(.*?)['"]?$/g,
+    (match, op, content) => {
+      const trimmedContent = content.trim();
+      // Nếu là từ khóa đặc biệt thì không bọc nháy
+      if (["true", "false", "null", "undefined"].includes(trimmedContent))
+        return `${op} ${trimmedContent}`;
+      return `${op} '${trimmedContent.replace(/'/g, "")}'`;
+    },
+  );
+
+  return { math: mathResult, elementIds: ids };
+}
+
+function calculateMMD(
+  calcTextTrue,
+  to = colName,
+  conditionText = null,
+  calcTextFalse = null,
+) {
+  calculate(calcTextTrue, to, conditionText, calcTextFalse, true);
+}
+
+function calculate(
+  calcTextTrue,
+  to = colName,
+  conditionText = null,
+  calcTextFalse = null,
+  isMasterDetailT = null,
+) {
+  const isMD = isMasterDetailT !== null ? isMasterDetailT : isMasterDetail;
   try {
-    if (calcText && calcText.length > 0) {
-      const formular = handleFormular(calcText, isMasterDetail);
+    let isAllowed = true; // Mặc định là true nếu không truyền điều kiện
+
+    // Bước 1: Kiểm tra điều kiện (Nếu có)
+    if (conditionText && conditionText.trim() !== "") {
+      const conditionObj = handleFormular(conditionText, isMD);
+      try {
+        isAllowed = eval(conditionObj.math);
+      } catch (evalError) {
+        console.error("Lỗi cú pháp trong điều kiện:", conditionObj.math);
+        return; // Dừng nếu điều kiện viết sai
+      }
+    }
+    // Bước 2: Chọn công thức để chạy dựa vào kết quả của isAllowed
+    let finalCalcText = "";
+
+    if (isAllowed) {
+      // Nếu điều kiện ĐÚNG -> Dùng công thức chính
+      finalCalcText = calcTextTrue;
+    } else {
+      // Nếu điều kiện SAI
+      if (calcTextFalse && calcTextFalse.trim() !== "") {
+        // Nếu có truyền công thức dự phòng -> Dùng công thức dự phòng
+        finalCalcText = calcTextFalse;
+      } else {
+        // Nếu sai mà không dặn làm gì tiếp theo -> Bỏ qua, thoát hàm
+        // console.log(
+        //   'Điều kiện sai và không có công thức Else, dừng tính toán.'
+        // );
+        return;
+      }
+    }
+    // Bước 3: Đưa công thức đã chọn đi tính toán
+    if (finalCalcText && finalCalcText.length > 0) {
+      const formular = handleFormular(finalCalcText, isMD);
       const result = eval(formular.math);
-      setValue(to, result, masterDetailId);
+      setValue(to, result, isMD);
     }
   } catch (e) {
-    console.log(e);
+    console.error("Lỗi tổng quát trong calculate:", e);
   }
 }
 
@@ -598,11 +1377,11 @@ function calcSub(name, string) {
         `'${name}'`,
         `
       ${num}
-    `
+    `,
       );
     }
   } catch (e) {
-    console.log('calcSub', e);
+    console.log("calcSub", e);
   }
   return string;
 }
@@ -611,63 +1390,297 @@ function isHtmlCollection(element) {
   return HTMLCollection.prototype.isPrototypeOf(element);
 }
 
-function mapData(name, from, to, type) {
-  if (isHtmlCollection(from)) return;
-
-  let value = from ? from[name] : undefined;
+function mapData(name, from, to, isMD, isDistinct = false) {
+  try {
+    if (isHtmlCollection(from)) return;
+    let isMasterDetailT =
+      isMD !== undefined ? isMD : masterDetailId?.length > 0;
+    if (isMD === false) {
+      isMasterDetailT = false;
+    }
+    if (isMasterDetailT) {
+      // Map data for master detail
+      mapDataMasterDetail(from, name, to, masterDetailId);
+    } else {
+      // Map data for form value
+      //let value = from ? from[name] : undefined;
+
+      //tienth1@vntt.com.vn
+      let value;
+      if (Array.isArray(from)) {
+        // Multiple items selected: join each item's value with ';'
+        const values = from
+          .map((item) => (item ? item[name] : undefined))
+          .filter((v) => v !== undefined && v !== null && v !== "");
+        value = (isDistinct ? [...new Set(values)] : values).join(";");
+      } else {
+        value = from ? from[name] : undefined;
+      }
 
-  if (value && type === 'number') {
-    value = convertNumberToText(value);
+      // if (value && type === 'number') {
+      //   value = convertNumberToText(value);
+      // }
+      setValue(to, value);
+    }
+  } catch (e) {
+    console.log("mapData", e);
   }
-  setValue(to, value);
-  // const toElement = getElementById(to);
-  // if (toElement) {
-  //   toElement.innerHTML = value ?? '';
-  // }
 }
 
 function _mapData(name, from, to, type) {
   mapData(name, from, to, type);
 }
 
-function mapDataMasterDetail(
+/**
+ * Chuyển đổi ngày UTC sang giờ Local tuỳ chỉnh và format
+ * @param {string} dateStr - Chuỗi ngày (ví dụ: "2/9/2025 5:00:00 PM")
+ * @param {number} offsetHour - Múi giờ muốn chuyển (ví dụ: 7 cho VN, 8 cho TQ)
+ * @param {string} formatStr - Định dạng output (ví dụ: 'DD/MM/YYYY HH:mm:ss')
+ */
+
+function mapDateDataMasterDetail(
+  from,
+  fromName,
+  to,
+  id,
+  offsetHour = 7,
+  formatStr = "DD/MM/YYYY",
+) {
+  try {
+    if (fromName && to && id !== undefined) {
+      let dateStr = "";
+      if (from) {
+        dateStr = from[fromName];
+        // 1. Tạo đối tượng Date, ép kiểu hiểu là UTC bằng cách thêm chuỗi 'UTC' nếu chưa có
+        // Lưu ý: new Date("... UTC") sẽ trả về thời gian chính xác tại mốc UTC đó
+        const isExplicitUTC =
+          dateStr.toUpperCase().includes("Z") ||
+          dateStr.toUpperCase().includes("UTC");
+        const utcDate = new Date(isExplicitUTC ? dateStr : `${dateStr} UTC`);
+
+        if (isNaN(utcDate.getTime())) return "Invalid Date";
+
+        // 2. Cộng thêm giờ offset (đổi ra milliseconds)
+        // Logic: Lấy thời gian UTC gốc + (số giờ * 60 phút * 60 giây * 1000 ms)
+        const targetTime = new Date(
+          utcDate.getTime() + offsetHour * 60 * 60 * 1000,
+        );
+
+        // 3. Chuẩn bị các thành phần để map vào format
+        // Lưu ý: Ta dùng getUTC...() vì ta đã cộng thẳng giờ vào timestamp rồi
+        const map = {
+          DD: String(targetTime.getUTCDate()).padStart(2, "0"),
+          MM: String(targetTime.getUTCMonth() + 1).padStart(2, "0"),
+          YYYY: targetTime.getUTCFullYear(),
+          HH: String(targetTime.getUTCHours()).padStart(2, "0"), // 24h format
+          mm: String(targetTime.getUTCMinutes()).padStart(2, "0"),
+          ss: String(targetTime.getUTCSeconds()).padStart(2, "0"),
+          // Thêm xử lý AM/PM nếu cần thiết (cho định dạng hh)
+        };
+
+        // 4. Replace format
+        dateStr = formatStr.replace(
+          /DD|MM|YYYY|HH|mm|ss/g,
+          (match) => map[match],
+        );
+      }
+
+      // toElement.innerHTML = value ?? '';
+      setValueMD(to, dateStr ?? "", id);
+      from = undefined;
+    }
+  } catch (e) {
+    console.log("mapDateDataMasterDetailError:", e);
+  }
+}
+
+function mapDataMasterDetail(from, fromName, to, id) {
+  try {
+    if (fromName && to && id !== undefined) {
+      let value = "";
+      // if (from) {
+
+      //tienth1@vntt.com.vn
+      if (Array.isArray(from)) {
+        // Multiple items selected: join each item's value with ';'
+        value = from
+          .map((item) => (item ? item[fromName] : undefined))
+          .filter((v) => v !== undefined && v !== null && v !== "")
+          .join(";");
+      } else if (from) {
+        value = from[fromName];
+      }
+
+      setValueMD(to, value ?? "", id);
+      from = undefined;
+    }
+  } catch (e) {
+    console.log("mapDataMasterDetailError:", e);
+  }
+}
+
+function mapDataMasterDetailWhenDataChange(
   from,
-  fromProperty,
+  fromName,
   to,
   id,
   type,
-  isEditMasterDetail
+  isEditMasterDetail,
 ) {
   try {
-    if (!isEditMasterDetail) {
-      if (fromProperty && to && id !== undefined) {
-        let value = '';
-        if (from) {
-          value = from[fromProperty];
-          // if (value && type === 'number') {
-          //   value = '= ' + convertNumberToText(value);
-          // }
+    if (from[fromName] !== previousName) {
+      // Update the previousName to the current name
+      previousName = from[fromName];
+      if (!isEditMasterDetail) {
+        if (fromName && to && id !== undefined) {
+          let value = "";
+          if (from) {
+            value = from[fromName];
+            // if (value && type === 'number') {
+            //   value = '= ' + convertNumberToText(value);
+            // }
+          }
+          // toElement.innerHTML = value ?? '';
+          setValueMD(to, value ?? "", id);
         }
-        // toElement.innerHTML = value ?? '';
-        setValueMD(to, value ?? '', id);
       }
+    } else {
+      // console.log('du lieu ko thay đổi', from[fromName], previousName);
     }
   } catch (e) {
-    console.log('mapDataMasterDetailError:', e);
+    console.log("mapDataMasterDetailWhenDataChangeError:", e);
   }
 }
 
-function _mapDataMasterDetail(from, fromProperty, to, id, isEditMasterDetail) {
-  mapDataMasterDetail(from, fromProperty, to, id, isEditMasterDetail);
+async function mapDataMasterDetailWithFormValue(
+  api,
+  items,
+  table,
+  where,
+  value,
+  target,
+  id,
+  formValues,
+) {
+  try {
+    // Split where and value parameters
+    const whereFields = where.split("-");
+
+    const valueFields = value.split("-");
+
+    // Create array of objects based on where and value parameters, filtering out null values
+    const transformedFormValues = whereFields
+      .map((field, index) => ({
+        name: field,
+        value: valueFields[index].includes(".")
+          ? formValues[valueFields[index].split(".")[0]][
+              valueFields[index].split(".")[1]
+            ]
+          : formValues[valueFields[index]],
+      }))
+      .filter((item) => item.value !== null);
+
+    // Ensure api is a valid URL by adding origin if it's a relative path
+    let baseUrl = api;
+
+    if (!api.startsWith("http://") && !api.startsWith("https://")) {
+      baseUrl = window.location.origin + api;
+    }
+
+    const params = new URLSearchParams();
+    params.set("items", items); // Let URLSearchParams handle initial structure
+    params.set("table", table);
+
+    // Rebuild the query string ensuring spaces become %20
+    const queryString = Array.from(params.entries())
+      .map(
+        ([key, val]) => `${encodeURIComponent(key)}=${encodeURIComponent(val)}`,
+      )
+      .join("&");
+
+    // Construct final URL
+    const finalUrl = `${baseUrl}?${queryString}`;
+
+    // Prepare request options for POST with transformed formValues as body
+    const requestOptions = {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "*/*",
+        "Accept-Language": "en",
+        "Accept-Encoding": "gzip, deflate, br",
+        Connection: "keep-alive",
+      },
+      body: JSON.stringify(transformedFormValues),
+    };
+
+    // Fetch using the manually constructed URL string
+    const response = await fetch(finalUrl, requestOptions); // Use finalUrl string
+
+    if (!response.ok) {
+      throw new Error("Network response was not ok");
+    }
+    const data = await response.json();
+    if (data) {
+      setValueMD(target, data.value, id);
+    }
+  } catch (e) {
+    console.log("mapDataMasterDetailWithFormValueError:", e);
+  }
+}
+async function mapDataMasterDetailForBIDV(api, target, id, formValues) {
+  try {
+    // Ensure api is a valid URL by adding origin if it's a relative path
+    const matches = api.match(/@[a-zA-Z0-9_]+/g);
+    if (matches) {
+      api = api.replace(/@[a-zA-Z0-9_]+/g, (match) => {
+        const key = match.slice(1);
+        return formValues[key] ?? "0";
+      });
+    }
+    let baseUrl = api;
+
+    if (!api.startsWith("http://") && !api.startsWith("https://")) {
+      baseUrl = window.location.origin + api;
+    }
+
+    // Construct final URL
+    const finalUrl = `${baseUrl}`;
+
+    // Prepare request options for POST with transformed formValues as body
+    var myHeaders = new Headers();
+    myHeaders.append("Accept", "*/*");
+    myHeaders.append("Accept-Language", "en");
+    myHeaders.append("Accept-Encoding", "gzip, deflate, br");
+    myHeaders.append("Connection", "keep-alive");
+    var requestOptions = {
+      method: "GET",
+      headers: myHeaders,
+      redirect: "follow",
+    };
+
+    // Fetch using the manually constructed URL string
+    const response = await fetch(finalUrl, requestOptions); // Use finalUrl string
+
+    if (!response.ok) {
+      throw new Error("Network response was not ok");
+    }
+    const data = await response.json();
+    if (data) {
+      setValueMD(target, data.value, id);
+    }
+  } catch (e) {
+    console.log("mapDataMasterDetailForBIDVError:", e);
+  }
 }
 
 function sendLinkToWebView(path, fileName) {
   try {
     let pathSendToWebView =
       window.location.protocol +
-      '//' +
+      "//" +
       window.location.host +
-      path.replace('downloadFile', 'downloadFileAnonymous');
+      path.replace("downloadFile", "downloadFileAnonymous");
     let data = {
       path: pathSendToWebView,
       fileName: fileName,
@@ -680,15 +1693,18 @@ function sendLinkToWebView(path, fileName) {
   }
 }
 
+// Dùng riêng cho VNTT để làm Đơn xin nghỉ phép
+// Tách ký hiệu để map. Ví dụ 4X4P, 4X4K
 function fromSelectToTextMasterDetail(from, fromProperty, to, id) {
   if (from) {
     let value = from[fromProperty];
-    const toId = id.toString() + '_' + to;
+    const toId = id.toString() + "_" + to;
     const toElement = document.getElementById(toId);
     if (toElement) {
       if (value) {
-        const textValue = value.split('=')[0].trim();
-        toElement.innerHTML = textValue;
+        const textValue = value.split("=")[0].trim();
+        setValueMD(to, textValue, id);
+        // toElement.innerHTML = textValue;
       }
     }
   }
@@ -699,43 +1715,43 @@ function isStringValid(string) {
   return !format.test(string);
 }
 
-function _mapNumberMD2F(fromId, toNumberId, toTextId) {
-  const num = _mapFromMasterDetail(fromId, toNumberId);
+// function _mapNumberMD2F(fromId, toNumberId, toTextId) {
+//   const num = _mapFromMasterDetail(fromId, toNumberId);
 
-  _numberToTextFromMD(num, toTextId);
-}
+//   _numberToTextFromMD(num, toTextId);
+// }
 
-function _mapFromMasterDetail(fromId, toId) {
-  let result;
-  const fromElement = getElementById(fromId, true);
-  if (fromElement) {
-    const fromValue = getValueMD(fromId) ?? 0;
-    const toElement = document.querySelector(`#field_${toId}`);
-    if (toElement) {
-      toElement.innerHTML = fromValue;
-      result = fromValue;
-    }
-  }
-  return result;
-}
+// function _mapFromMasterDetail(fromId, toId) {
+//   let result;
+//   const fromElement = getElementById(fromId, true);
+//   if (fromElement) {
+//     const fromValue = getValueMD(fromId) ?? 0;
+//     const toElement = document.querySelector(`#field_${toId}`);
+//     if (toElement) {
+//       toElement.innerHTML = fromValue;
+//       result = fromValue;
+//     }
+//   }
+//   return result;
+// }
 
-function _numberToTextFromMD(num, dataTo) {
-  const toElement = document.querySelector(`#field_${dataTo}`);
-  if (toElement) {
-    if (num) {
-      let number = formatNumberString(num);
-      if (toElement) {
-        if (number) {
-          toElement.innerHTML = docTien.doc(number);
-        } else {
-          toElement.innerHTML = '';
-        }
-      }
-    } else {
-      toElement.innerHTML = '';
-    }
-  }
-}
+// function _numberToTextFromMD(num, dataTo) {
+//   const toElement = document.querySelector(`#field_${dataTo}`);
+//   if (toElement) {
+//     if (num) {
+//       let number = formatNumberString(num);
+//       if (toElement) {
+//         if (number) {
+//           toElement.innerHTML = docTien.doc(number);
+//         } else {
+//           toElement.innerHTML = '';
+//         }
+//       }
+//     } else {
+//       toElement.innerHTML = '';
+//     }
+//   }
+// }
 
 function removeDuplicates(arr) {
   return arr.filter((item, index) => arr.indexOf(item) === index);
@@ -745,24 +1761,24 @@ function calcMD(calcText, to, id) {
   try {
     // const toElement = document.getElementById(`${id}_${to}`);
     const toElement = to ? getElementById(`${to}`, true) : getCurrentElement();
-    let text = calcText.replace(/[^a-zA-Z0-9 ]/g, ' ');
+    let text = calcText.replace(/[^a-zA-Z0-9 ]/g, " ");
 
-    text = text.trim().replace(/\s+/g, ' ');
-    let variables = text.split(' ');
+    text = text.trim().replace(/\s+/g, " ");
+    let variables = text.split(" ");
 
     if (toElement && variables.length > 0) {
       variables = removeDuplicates(variables);
 
       const names = [];
 
-      variables.forEach(variable => {
+      variables.forEach((variable) => {
         if (isNaN(variable)) {
           names.push(variable);
         }
       });
 
       let calc = calcText;
-      names.forEach(name => {
+      names.forEach((name) => {
         try {
           const numberValue = getValueMD(name) ?? 0;
           // const num = numberElement
@@ -775,7 +1791,7 @@ function calcMD(calcText, to, id) {
 
           calc = calc.replaceAll(`'${name}'`, numberValue);
         } catch (e) {
-          throw 'Not found element: ' + name;
+          throw "Not found element: " + name;
         }
       });
       const result = eval(calc);
@@ -804,51 +1820,49 @@ function calcMMD(calcText, to) {
 
     // const calcText = `('num1_mdsum' - 'num2_mdsum')`;
     let calc = calcText;
-    let text = calcText.replaceAll('+', ' ');
-    text = text.replaceAll('-', ' ');
-    text = text.replaceAll('*', ' ');
-    text = text.replaceAll('/', ' ');
-    text = text.replaceAll('(', ' ');
-    text = text.replaceAll(')', ' ');
-    text = text.replaceAll("'", ' ');
-    text = text.replaceAll('"', ' ');
+    let text = calcText.replaceAll("+", " ");
+    text = text.replaceAll("-", " ");
+    text = text.replaceAll("*", " ");
+    text = text.replaceAll("/", " ");
+    text = text.replaceAll("(", " ");
+    text = text.replaceAll(")", " ");
+    text = text.replaceAll("'", " ");
+    text = text.replaceAll('"', " ");
 
-    text = text.trim().replace(/\s+/g, ' ');
+    text = text.trim().replace(/\s+/g, " ");
 
-    let variables = text.split(' ');
+    let variables = text.split(" ");
 
     if (toElement && variables.length > 0) {
       variables = removeDuplicates(variables);
 
       const names = [];
 
-      variables.forEach(variable => {
+      variables.forEach((variable) => {
         if (isNaN(variable)) {
           names.push(variable);
         }
       });
-
-      names.forEach(name => {
+      names.forEach((name) => {
         let val = 0;
-        const nameSplit = name.split('_');
+        const nameSplit = name.split("_");
         if (nameSplit.length === 2) {
           const tableElement = document.getElementById(`${nameSplit[0]}`);
           if (tableElement) {
-            const valueElement = tableElement.querySelector(
-              `.sum-${nameSplit[1]}`
-            );
-
+            const sumClass = `.sum-${nameSplit[1]}`;
+            const valueElement = tableElement.querySelector(sumClass);
             if (valueElement) {
               val = valueElement.innerHTML;
             }
           }
         }
         if (val !== 0) {
-          val = formatNumberString(val);
+          val = formatNumberString(val.replace(" %", ""));
         }
         calc = calc.replaceAll(`'${name}'`, val ?? 0);
       });
-      const result = eval(calc !== '()' ? calc : '');
+      const result = eval(calc !== "()" ? calc : "");
+
       setValue(to, result);
       // toElement.innerHTML = Intl.NumberFormat('vi-VN', {}).format(result);
     }
@@ -861,14 +1875,14 @@ const getElementById = (name, isMD) => {
   if (name) {
     let isMasterDetailT = isMD;
     if (!isMasterDetailT) {
-      const splitName = name.split('-');
-      if (splitName.length === 2 && splitName[0] === 'md') {
+      const splitName = name.split("-");
+      if (splitName.length === 2 && splitName[0] === "md") {
         isMasterDetailT = true;
       }
     }
     // check if master detail
     if (isMasterDetailT && mdCellId) {
-      const ids = mdCellId.split('_');
+      const ids = mdCellId.split("_");
       if (ids.length === 3) {
         const id = `${ids[0]}_${ids[1]}_${name}`;
         const ele = document.getElementById(id);
@@ -882,7 +1896,7 @@ const getElementById = (name, isMD) => {
         }
       }
     } else {
-      const ele = document.getElementById('field_' + name);
+      const ele = document.getElementById("field_" + name);
 
       if (ele) {
         return ele;
@@ -891,7 +1905,7 @@ const getElementById = (name, isMD) => {
         if (classEle) {
           return classEle;
         }
-        return document.getElementById('dynamicWorkflowForm_' + name);
+        return document.getElementById("dynamicWorkflowForm_" + name);
       }
     }
   }
@@ -925,7 +1939,7 @@ const getValue = (name, mdId) => {
   // }
 };
 
-const getCurrentElement = isMD => {
+const getCurrentElement = (isMD) => {
   let isMasterDetailT = isMasterDetail;
   if (isMD !== undefined) {
     isMasterDetailT = isMD;
@@ -933,24 +1947,53 @@ const getCurrentElement = isMD => {
   if (isMasterDetailT) {
     return document.getElementById(mdCellId);
   } else {
-    return document.getElementById('field_' + colName);
+    return document.getElementById("field_" + colName);
   }
 };
 
-const getCurrentId = isMD => {
+const getCurrentId = (isMD) => {
   let isMasterDetailT = isMasterDetail;
   if (isMD !== undefined) {
     isMasterDetailT = isMD;
   }
   if (isMasterDetailT) {
-    return mdCellId;
+    if (mdCellId) {
+      const mdCells = mdCellId.split("_");
+      if (mdCells.length === 3) {
+        return mdCells[2];
+      }
+      return mdCellId;
+    }
   } else {
     return colName;
   }
 };
 
 function isValidDate(str) {
-  return dayjs(str, 'YYYY-MM-DD', true).isValid();
+  return dayjs(str, "YYYY-MM-DD", true).isValid();
+}
+
+function connectTextMD(name, formularString, IsShowTime = undefined) {
+  try {
+    if (formularString && formularString.length > 0) {
+      var connect = handleFormularNew(formularString, true, IsShowTime);
+      setValue(name, connect.math, true);
+    }
+  } catch (e) {
+    console.log(e);
+  }
+}
+
+function connectText(name, formularString, IsShowTime = undefined) {
+  try {
+    if (formularString && formularString.length > 0) {
+      var connect = handleFormularNew(formularString, false, IsShowTime);
+
+      setValue(name, connect.math, false);
+    }
+  } catch (e) {
+    console.log(e);
+  }
 }
 
 const datetime = {
@@ -961,119 +2004,166 @@ const datetime = {
       }
       let dateTime;
       if (date.length === 10) {
-        let dateSplit = date.split('/');
+        let dateSplit = date.split("/");
 
         if (dateSplit[2].length === 4) {
           dateSplit = dateSplit.reverse();
         }
-        dateTime = dateSplit.join('/') + ' 00:00';
+        dateTime = dateSplit.join("/") + " 00:00";
       } else if (date.length === 16) {
-        const dateTimes = date.split(' ');
-        const dateSplit = dateTimes[0].split('/');
-        dateTime = dateSplit.reverse().join('/') + ` ${dateTimes[1]}`;
+        const dateTimes = date.split(" ");
+        const dateSplit = dateTimes[0].split("/");
+        dateTime = dateSplit.reverse().join("/") + ` ${dateTimes[1]}`;
       } else if (date.length === 19) {
-        return dayjs(date, 'YYYY-MM-DDTHH:mm:ss');
+        return dayjs(date, "YYYY-MM-DDTHH:mm:ss");
       }
       if (dateTime) {
-        return dayjs(dateTime, 'YYYY/MM/DD HH:mm');
+        return dayjs(dateTime, "YYYY/MM/DD HH:mm");
       } else if (isValidDate(date)) {
         return dayjs(date);
       }
     }
   },
 
-  count(type, fromDateName, toDateName, toId = colName) {
-    let result = '';
+  count(type, fromDateName, toDateName, isMD) {
+    const isMDValue = isMD !== undefined ? isMD : isMasterDetail;
+    let result = "";
 
-    const fromDateValue = getFieldValue(fromDateName, isMasterDetail);
-    const toDateValue = getFieldValue(toDateName, isMasterDetail);
+    let fromDateValue = getValue(fromDateName, isMDValue);
+    let toDateValue = getValue(toDateName, isMDValue);
+
+    if (!fromDateValue && fromDateName.toLowerCase() === "today") {
+      fromDateValue = new Date();
+    }
+    if (!toDateValue && toDateName.toLowerCase() === "today") {
+      toDateValue = new Date();
+    }
 
     if (
       fromDateValue &&
-      fromDateValue !== 'Invalid Date' &&
+      fromDateValue !== "Invalid Date" &&
       toDateValue &&
-      toDateValue !== 'Invalid Date'
+      toDateValue !== "Invalid Date"
     ) {
       let fromDate = this.formatDayjs(fromDateValue);
       let toDate = this.formatDayjs(toDateValue);
 
-      let diff = '';
+      let diff = "";
       switch (type) {
-        case 'minutes':
-          diff = toDate.diff(fromDate, 'minutes');
+        case "minutes":
+          diff = toDate.diff(fromDate, "minutes");
           break;
-        case 'hours':
-          diff = toDate.diff(fromDate, 'hours');
+        case "hours":
+          diff = toDate.diff(fromDate, "hours");
           break;
-        case 'days':
-          diff = toDate.diff(fromDate, 'days') + 1;
+        case "days":
+          diff = toDate.diff(fromDate, "days") + 1;
           break;
-        case 'months':
-          diff = toDate.diff(fromDate, 'months');
+        case "months":
+          diff = toDate.diff(fromDate, "months");
           break;
-        case 'years':
-          diff = toDate.diff(fromDate, 'years');
+        case "years":
+          diff = toDate.diff(fromDate, "years");
           break;
 
         default:
           break;
       }
+
       result = diff.toString();
     }
-
-    setValue(toId, result, isMasterDetail);
+    return result;
     // toElement.innerHTML = result;
   },
 };
 
-const countYears = (fromDateName, toDateName, toId) => {
-  datetime.count('years', fromDateName, toDateName, toId);
+const countYears = (fromDateName, toDateName, toId, isMD) => {
+  const result = datetime.count("years", fromDateName, toDateName, isMD);
+  setValue(toId, result, isMasterDetail);
 };
 
-const countMonths = (fromDateName, toDateName, toId) => {
-  datetime.count('months', fromDateName, toDateName, toId);
+const countMonths = (fromDateName, toDateName, toId, isMD) => {
+  const result = datetime.count("months", fromDateName, toDateName, isMD);
+  setValue(toId, result, isMasterDetail);
 };
 
-const countDays = (fromDateName, toDateName, toId) => {
-  datetime.count('days', fromDateName, toDateName, toId);
+const countDays = (fromDateName, toDateName, toId, isMD) => {
+  const result = datetime.count("days", fromDateName, toDateName, isMD);
+  setValue(toId, result, isMasterDetail);
 };
 
-const countHours = (fromDateName, toDateName, toId) => {
-  datetime.count('hours', fromDateName, toDateName, toId);
+const countHours = (fromDateName, toDateName, toId, isMD) => {
+  const result = datetime.count("hours", fromDateName, toDateName, isMD);
+  setValue(toId, result, isMasterDetail);
 };
 
-const countMinutes = (fromDateName, toDateName, toId) => {
-  datetime.count('minutes', fromDateName, toDateName, toId);
+const countMinutes = (fromDateName, toDateName, toId, isMD) => {
+  const result = datetime.count("minutes", fromDateName, toDateName, isMD);
+  setValue(toId, result, isMasterDetail);
 };
 
 const validateDatesRange = (startDate, toDate, dateType, count) => {
   window.validateDatesRange(startDate, toDate, dateType, count);
 };
 
-const validatePhoneNumber = name => {
+const validatePhoneNumber = (name) => {
   window.validatePhoneNumber(name);
 };
 
-const validateEmail = name => {
+const validateEmail = (name) => {
   window.validateEmail(name);
 };
 
-const convertNumberToText = value => {
-  return new Intl.NumberFormat('vi-VN').format(Number(value));
+const validateField = (fieldName, scriptString, message, isMasterDetailT) => {
+  let mdId = masterDetailId;
+  if (isMasterDetailT === false) {
+    mdId = undefined;
+  }
+  const value = getValue(fieldName, mdId);
+  if (value !== "null") {
+    const formular = handleFormularString(scriptString, mdId);
+
+    const isValid = eval(formular.math);
+
+    window.handleActionButtons(isValid, formular.elementIds, mdId, message);
+  } else {
+    window.handleActionButtons(true, [fieldName], mdId);
+  }
 };
 
-const displayNumber = elementId => {
+const validateNumber = (fieldName, formularText, message) => {
+  const value = getValue(fieldName);
+  if (value !== "null" && value !== undefined && value !== null) {
+    const formular = handleFormularString(formularText, isMasterDetail);
+    const isValid = eval(formular.math);
+
+    window.handleActionButtons(
+      isValid,
+      formular.elementIds,
+      isMasterDetail,
+      message,
+    );
+  } else {
+    window.handleActionButtons(true, [fieldName], isMasterDetail);
+  }
+};
+
+const convertNumberToText = (value) => {
+  return new Intl.NumberFormat("vi-VN").format(Number(value));
+};
+
+const displayNumber = (elementId) => {
   const id = elementId ?? colName;
   const element = getElementById(id);
   if (element) {
     const value = getValue(id) ?? 0;
-    if (!value.includes('.')) {
-      element.innerHTML = new Intl.NumberFormat('vi-VN').format(Number(value));
+    if (!value.includes(".")) {
+      element.innerHTML = new Intl.NumberFormat("vi-VN").format(Number(value));
     }
   }
 };
 
-const _displayNumber = elementId => {
+const _displayNumber = (elementId) => {
   displayNumber(elementId);
 };
 
@@ -1081,61 +2171,576 @@ const validateForm = (isValid, elementIds, isMD) => {
   window.handleActionButtons(isValid, elementIds, isMD);
 };
 
-const compareNumbers = (compareString, isMD) => {
+const compareNumbers = (compareString, isMD, error) => {
   const formular = handleFormularString(compareString, isMD);
-
-  window.handleActionButtons(eval(formular.math), formular.elementIds, isMD);
+  window.handleActionButtons(
+    eval(formular.math),
+    formular.elementIds,
+    isMD ? masterDetailId : false,
+    error,
+  );
 };
 
-const compareNumbersMD = compareString => {
+const compareNumbersMD = (compareString) => {
   compareNumbers(compareString, true);
 };
 
 const handleFormularString = (formularString, isMD) => {
-  if (formularString?.length > 0) {
-    formularString = formularString.replace(/\s/g, '');
-    let name = '';
-    let adding = false;
-    const ids = [];
-
-    for (let i = 0; i < formularString.length; i++) {
-      if (formularString[i] === '[') {
-        adding = true;
-      } else if (formularString[i] === ']') {
-        ids.push(name);
-        adding = false;
-        name = '';
-      } else if (adding === true) {
-        name += formularString[i];
+  try {
+    if (formularString?.length > 0) {
+      const cleanFormular = formularString.replace(/\s/g, "");
+      const matches = [...cleanFormular.matchAll(/\[([^\]]+)\]/g)];
+      const ids = matches.map((m) => m[1]);
+      let formular = cleanFormular;
+      if (ids.length > 0) {
+        ids.forEach((id) => {
+          const value = isMD ? getValueMD(id) : getValue(id);
+          formular = formular.replaceAll(`[${id}]`, value);
+        });
       }
+      return { math: formular, elementIds: ids };
     }
-
-    let formular = formularString;
-    if (ids.length > 0) {
-      ids.forEach(id => {
-        const value = formatNumberString(
-          isMD ? getValueMD(id) : getValue(id) ?? '0'
-        );
-        formular = formular.replaceAll(`[${id}]`, value);
-      });
-    }
-    return { math: formular, elementIds: ids };
-  } else {
+    return { math: formularString, elementIds: [] };
+  } catch (e) {
+    console.error("handleFormularString error:", e);
     return { math: formularString, elementIds: [] };
   }
 };
 
 const valid = () => {
-  window.handleActionButtons(true);
+  if (typeof window !== "undefined" && typeof window.handleActionButtons === "function") {
+    window.handleActionButtons(true);
+  }
 };
 
 const invalid = () => {
-  window.handleActionButtons(false);
+  if (typeof window !== "undefined" && typeof window.handleActionButtons === "function") {
+    window.handleActionButtons(false);
+  }
 };
 
-const convertVIToENNumber = num => {
-  num = num.replaceAll(',', '-');
-  num = num.replaceAll('.', ',');
-  num = num.replaceAll('-', '.');
-  return num;
+const convertVIToENNumber = (num) => {
+  if (typeof num !== "string") return num;
+  return num.replace(/[.,]/g, (m) => (m === "," ? "." : ","));
 };
+
+function mapDayOfWeek(date, target, isMD) {
+  const value = getValueMD(date, isMD);
+  let val;
+  if (value !== undefined) {
+    val = dayjs(value).day()?.toString();
+  }
+  setValue(target, val, isMD);
+}
+
+function validateDate(startDate, endDate, condition, isMD, isDateOnly = false) {
+  const startDateValue = getValue(startDate, isMD);
+  const endDateValue = getValue(endDate, isMD);
+
+  let isValid = false;
+  if (startDateValue && endDateValue) {
+    let startDatejs = dayjs(startDateValue);
+    let endDatejs = dayjs(endDateValue);
+
+    if (isDateOnly) {
+      startDatejs = startDatejs.startOf("day");
+      endDatejs = endDatejs.startOf("day");
+    }
+
+    switch (condition) {
+      case ">=":
+      case "=>":
+        isValid =
+          startDatejs.isAfter(endDatejs) || startDatejs.isSame(endDatejs);
+        break;
+
+      case "<=":
+      case "=<":
+        isValid =
+          startDatejs.isBefore(endDatejs) || startDatejs.isSame(endDatejs);
+        break;
+      case ">":
+        isValid = startDatejs.isAfter(endDatejs);
+        break;
+      case "<":
+        isValid = startDatejs.isBefore(endDatejs);
+        break;
+
+      case "=":
+        isValid = startDatejs.isSame(endDatejs);
+        break;
+
+      default:
+        isValid = false;
+    }
+  }
+  window.handleActionButtons(isValid, [endDate], isMD, "Date is not valid");
+}
+
+function getYearFromDateTime(from, to, isShortYear = false, isMD = false) {
+  const value = getValue(from, isMD);
+  const year = dayjs(value).year();
+  let yearString = year.toString();
+
+  if (isShortYear) {
+    yearString = yearString.slice(2);
+  }
+  setValue(to, yearString, isMD);
+}
+
+function getNumberInSingleProperty(from, to, isMD = false) {
+  const value = getValue(from, isMD);
+  if (value) {
+    const number = value.replace(/[^0-9]/g, "");
+    const numberValue = Number(number);
+    setValue(to, numberValue, isMD);
+  }
+}
+
+/**
+ * Kiểu selector cho DynamicFieldResolver:
+ * có thể truyền tên field (string) hoặc 1 callback function nhận (item, lang)
+ *
+ * @param {Record<string, any>} item
+ * @param {string | ((item: Record<string, any>, lang: string) => any)} resolver
+ * @param {string} lang
+ * @returns {any}
+ */
+function resolveFieldValue(item, resolver, lang) {
+  if (!item) return undefined;
+
+  if (typeof resolver === "function") {
+    return resolver(item, lang);
+  }
+
+  if (typeof resolver !== "string") {
+    return undefined;
+  }
+
+  // Convention tự động: nếu lang === 'en', ưu tiên tìm `${fieldName}EN`, không có thì fallback về fieldName gốc
+  if (lang === "en") {
+    const enKey = `${resolver}EN`;
+    if (item[enKey] !== undefined && item[enKey] !== null) {
+      return item[enKey];
+    }
+  }
+
+  return item[resolver];
+}
+
+/**
+ * Trích xuất data từ Master Detail và map thành options cho dropdown/choice field trên DynamicForm
+ *
+ * @param {string} fromMasterDetailName - Tên của Master Detail nguồn
+ * @param {string | ((item: Record<string, any>, lang: string) => any)} valueName - Tên field hoặc function resolver lấy value
+ * @param {string | ((item: Record<string, any>, lang: string) => any)} labelName - Tên field hoặc function resolver lấy label
+ * @param {string} [toName] - Tên trường dropdown đích trên DynamicForm hoặc MasterDetail (mặc định lấy trường đang chạy script)
+ * @param {boolean} [isMD] - Chỉ định rõ ràng đích đến là Master Detail (nếu không truyền sẽ tự động nhận diện)
+ */
+/**
+ * Kho đăng ký toàn cục cho các mapping options từ Master Detail
+ * key: `${fromMasterDetailName}::${toName}`
+ * value: { fromMasterDetailName, valueName, labelName, toName, isMD }
+ */
+if (typeof window !== "undefined") {
+  if (!window.masterDetailOptionMappings) {
+    window.masterDetailOptionMappings = new Map();
+  }
+}
+
+/**
+ * Đăng ký một quy tắc mapping options từ Master Detail vào Registry
+ */
+function registerMasterDetailOptionMapping(
+  fromMasterDetailName,
+  valueName,
+  labelName,
+  toName,
+  isMD,
+) {
+  if (typeof window === "undefined") return;
+  if (!window.masterDetailOptionMappings) {
+    window.masterDetailOptionMappings = new Map();
+  }
+  const key = `${fromMasterDetailName}::${toName}`;
+  const mapping = {
+    fromMasterDetailName,
+    valueName,
+    labelName,
+    toName,
+    isMD,
+  };
+  window.masterDetailOptionMappings.set(key, mapping);
+  return mapping;
+}
+
+/**
+ * Thực thi mapping options từ Master Detail vào trường đích
+ */
+function applyMasterDetailOptionMapping(mapping) {
+  if (!mapping || !mapping.fromMasterDetailName || !mapping.toName) return;
+  const { fromMasterDetailName, valueName, labelName, toName, isMD } = mapping;
+
+  // 1. Lấy data của Master Detail nguồn
+  let mdData = [];
+  if (typeof window.getMasterDetailData === "function") {
+    mdData = window.getMasterDetailData(fromMasterDetailName);
+  }
+  if ((!mdData || mdData.length === 0) && window.masterDetailData) {
+    mdData = window.masterDetailData[fromMasterDetailName];
+  }
+  if ((!mdData || mdData.length === 0) && window.masterDetailValues) {
+    mdData = window.masterDetailValues[fromMasterDetailName];
+  }
+
+  // Fallback: Tìm records từ DOM container nếu có
+  if (!mdData || mdData.length === 0) {
+    const mdElement =
+      typeof document !== "undefined"
+        ? document.querySelector(`[data-name="${fromMasterDetailName}"]`) ||
+          document.getElementById(`master-detail-${fromMasterDetailName}`)
+        : null;
+    if (mdElement) {
+      const cellElements = mdElement.querySelectorAll("td[record], [record]");
+      const recordsMap = new Map();
+      cellElements.forEach((cell) => {
+        try {
+          const recordStr = cell.getAttribute("record");
+          if (recordStr) {
+            const rec = JSON.parse(recordStr);
+            if (rec && rec.id !== undefined && !recordsMap.has(rec.id)) {
+              recordsMap.set(rec.id, rec);
+            }
+          }
+        } catch (e) {
+          // ignore parse error
+        }
+      });
+      if (recordsMap.size > 0) {
+        mdData = Array.from(recordsMap.values());
+      }
+    }
+  }
+
+  // 2. Xác định ngôn ngữ hiện tại
+  const lang = (
+    (typeof localStorage !== "undefined" &&
+      (localStorage.getItem("locale") || localStorage.getItem("i18nextLng"))) ||
+    "vi"
+  )
+    .toLowerCase()
+    .startsWith("en")
+    ? "en"
+    : "vi";
+
+  // 3. Map các items thành mảng options, deduplicate theo value
+  const seen = new Set();
+  const options = [];
+
+  if (Array.isArray(mdData)) {
+    mdData.forEach((item) => {
+      if (!item) return;
+
+      const val = resolveFieldValue(item, valueName, lang);
+      const lbl = resolveFieldValue(item, labelName, lang);
+
+      if (val !== undefined && val !== null && val !== "") {
+        if (!seen.has(val)) {
+          seen.add(val);
+          options.push({
+            ...item,
+            value: val,
+            label: lbl !== undefined && lbl !== null && lbl !== "" ? lbl : val,
+            userStatus: 1,
+            item,
+          });
+        }
+      }
+    });
+  }
+
+  // 4. Map options vào field dropdown (tự động nhận diện Master Detail hoặc DynamicForm)
+  const fnMD =
+    (typeof window !== "undefined" && window.mapDropDownValueIntoPropertyMD) ||
+    (typeof mapDropDownValueIntoPropertyMD === "function"
+      ? mapDropDownValueIntoPropertyMD
+      : null);
+
+  const fnForm =
+    (typeof window !== "undefined" && window.mapDropDownValueIntoProperty) ||
+    (typeof mapDropDownValueIntoProperty === "function"
+      ? mapDropDownValueIntoProperty
+      : null);
+
+  const isTargetMD =
+    Boolean(isMD) ||
+    (typeof isMasterDetail !== "undefined" && Boolean(isMasterDetail)) ||
+    (typeof masterDetailIndex !== "undefined" && masterDetailIndex !== null);
+
+  if (isTargetMD) {
+    if (fnMD) {
+      fnMD(toName, options);
+    } else if (fnForm) {
+      fnForm(toName, options);
+    }
+  } else {
+    // Thử map vào DynamicForm trước
+    if (fnForm) {
+      fnForm(toName, options);
+    }
+    // Fallback sang Master Detail nếu target chứa '_' hoặc không có element trên Form
+    if (
+      fnMD &&
+      toName &&
+      (toName.includes("_") ||
+        (typeof document !== "undefined" &&
+          !document.getElementById(`field_${toName}`) &&
+          !document.getElementById(toName)))
+    ) {
+      fnMD(toName, options);
+    }
+  }
+}
+
+/**
+ * Kích hoạt cập nhật options cho tất cả các mapping phụ thuộc vào Master Detail nguồn
+ * @param {string} [fromMasterDetailName] - Tên Master Detail nguồn, nếu không truyền sẽ trigger toàn bộ
+ */
+function triggerMasterDetailOptionMappings(fromMasterDetailName) {
+  if (
+    typeof window === "undefined" ||
+    !window.masterDetailOptionMappings ||
+    window.masterDetailOptionMappings.size === 0
+  ) {
+    return;
+  }
+  window.masterDetailOptionMappings.forEach((mapping) => {
+    if (
+      !fromMasterDetailName ||
+      mapping.fromMasterDetailName === fromMasterDetailName
+    ) {
+      try {
+        applyMasterDetailOptionMapping(mapping);
+      } catch (err) {
+        console.error(
+          "triggerMasterDetailOptionMappings error for mapping:",
+          mapping,
+          err,
+        );
+      }
+    }
+  });
+}
+
+/**
+ * Quét toàn bộ scripts trong workflow để phát hiện các hàm mapOptionsFromMasterDetail
+ * và đăng ký trước vào Registry, giúp tự động hiển thị options ngay khi tải lại trang
+ * @param {any} workflow - Model workflow cần quét
+ */
+function scanAndRegisterMasterDetailOptionMappings(workflow) {
+  if (!workflow || typeof window === "undefined") return;
+  try {
+    const scriptsToScan = [];
+
+    // 1. Quét properties của workflow
+    if (Array.isArray(workflow.properties)) {
+      workflow.properties.forEach((prop) => {
+        if (prop && prop.executeJS) {
+          scriptsToScan.push({ script: prop.executeJS, target: prop.name });
+        }
+      });
+    }
+
+    // 2. Quét workflowSteps nếu có
+    if (Array.isArray(workflow.workflowSteps)) {
+      workflow.workflowSteps.forEach((step) => {
+        if (Array.isArray(step.stepFields)) {
+          step.stepFields.forEach((field) => {
+            if (field && field.executeJS) {
+              scriptsToScan.push({
+                script: field.executeJS,
+                target: field.name,
+              });
+            }
+          });
+        }
+      });
+    }
+
+    // 3. Quét masterDetails nếu có
+    if (Array.isArray(workflow.masterDetails)) {
+      workflow.masterDetails.forEach((md) => {
+        const checkRows = (rows) => {
+          if (Array.isArray(rows)) {
+            rows.forEach((r) => {
+              const cols = Array.isArray(r) ? r : r.row || [];
+              cols.forEach((col) => {
+                if (col && (col.executeJs || col.executeJS)) {
+                  scriptsToScan.push({
+                    script: col.executeJs || col.executeJS,
+                    target: col.name,
+                    isMD: true,
+                  });
+                }
+              });
+            });
+          }
+        };
+        checkRows(md.masterDetailRows);
+        checkRows(md.row);
+      });
+    }
+
+    const regex =
+      /mapOptionsFromMasterDetail\s*\(\s*(['"][^'"]+['"])\s*,\s*(['"][^'"]+['"])\s*,\s*(['"][^'"]+['"])(?:\s*,\s*(['"][^'"]+['"]))?(?:\s*,\s*(true|false))?\s*\)/g;
+
+    scriptsToScan.forEach(({ script, target, isMD }) => {
+      let match;
+      regex.lastIndex = 0;
+      while ((match = regex.exec(script)) !== null) {
+        const fromMD = match[1].replace(/['"]/g, "").trim();
+        const valName = match[2].replace(/['"]/g, "").trim();
+        const lblName = match[3].replace(/['"]/g, "").trim();
+        const explicitTarget = match[4]
+          ? match[4].replace(/['"]/g, "").trim()
+          : target;
+        const explicitIsMD = match[5] ? match[5] === "true" : isMD;
+
+        if (fromMD && explicitTarget) {
+          registerMasterDetailOptionMapping(
+            fromMD,
+            valName,
+            lblName,
+            explicitTarget,
+            explicitIsMD,
+          );
+
+          // Nếu MD nguồn đã có data sẵn thì map ngay
+          if (
+            (window.masterDetailData &&
+              window.masterDetailData[fromMD] &&
+              window.masterDetailData[fromMD].length > 0) ||
+            (typeof window.getMasterDetailData === "function" &&
+              window.getMasterDetailData(fromMD)?.length > 0)
+          ) {
+            triggerMasterDetailOptionMappings(fromMD);
+          }
+        }
+      }
+    });
+  } catch (e) {
+    console.error("scanAndRegisterMasterDetailOptionMappings error:", e);
+  }
+}
+
+/**
+ * Trích xuất dữ liệu từ một Master Detail và ánh xạ thành danh sách Options (value, label)
+ * cho trường dropdown trên DynamicForm hoặc Master Detail khác.
+ * Đồng thời tự động đăng ký vào Registry để tự động đồng bộ khi Master Detail nguồn có dữ liệu mới.
+ *
+ * @param {string} fromMasterDetailName - Tên Master Detail nguồn (ví dụ: "DS_SanPham")
+ * @param {string | ((item: Record<string, any>, lang: string) => any)} valueName - Tên field hoặc function resolver lấy value
+ * @param {string | ((item: Record<string, any>, lang: string) => any)} labelName - Tên field hoặc function resolver lấy label
+ * @param {string} [toName] - Tên trường dropdown đích trên DynamicForm hoặc MasterDetail (mặc định lấy trường đang chạy script)
+ * @param {boolean} [isMD] - Chỉ định rõ ràng đích đến là Master Detail (nếu không truyền sẽ tự động nhận diện)
+ */
+function mapOptionsFromMasterDetail(
+  fromMasterDetailName,
+  valueName,
+  labelName,
+  toName,
+  isMD,
+) {
+  try {
+    const target =
+      toName ||
+      (typeof colName !== "undefined" ? colName : undefined) ||
+      (typeof getCurrentId === "function" ? getCurrentId() : undefined);
+
+    if (!target) {
+      console.warn(
+        "mapOptionsFromMasterDetail: target field (toName) is required.",
+      );
+      return;
+    }
+
+    if (!fromMasterDetailName) {
+      console.warn(
+        "mapOptionsFromMasterDetail: fromMasterDetailName is required.",
+      );
+      return;
+    }
+
+    // Luôn đăng ký vào Registry để tự động kích hoạt lại khi Master Detail nguồn cập nhật dữ liệu
+    registerMasterDetailOptionMapping(
+      fromMasterDetailName,
+      valueName,
+      labelName,
+      target,
+      isMD,
+    );
+
+    // Tiến hành ánh xạ dữ liệu
+    applyMasterDetailOptionMapping({
+      fromMasterDetailName,
+      valueName,
+      labelName,
+      toName: target,
+      isMD,
+    });
+  } catch (e) {
+    console.error("mapOptionsFromMasterDetail error:", e);
+  }
+}
+
+// Expose ra window để đảm bảo gọi được ở mọi nơi
+window.resolveFieldValue = resolveFieldValue;
+window.mapOptionsFromMasterDetail = mapOptionsFromMasterDetail;
+window.registerMasterDetailOptionMapping = registerMasterDetailOptionMapping;
+window.applyMasterDetailOptionMapping = applyMasterDetailOptionMapping;
+window.triggerMasterDetailOptionMappings = triggerMasterDetailOptionMappings;
+window.scanAndRegisterMasterDetailOptionMappings =
+  scanAndRegisterMasterDetailOptionMappings;
+
+/**
+ * Khi xóa bất kỳ dòng nào trong Master Detail có liên quan đến mapOptions,
+ * tìm tất cả các trường đang sử dụng options được trích xuất từ Master Detail này
+ * và set giá trị của chúng về undefined.
+ * @param {string} fromMasterDetailName - Tên Master Detail nguồn
+ * @param {any} [formInstance] - Form chính (userWorkflowForm)
+ */
+function resetDependentFieldsOfMasterDetail(
+  fromMasterDetailName,
+  formInstance,
+) {
+  if (!fromMasterDetailName || typeof window === "undefined") return;
+  try {
+    if (
+      window.masterDetailOptionMappings &&
+      window.masterDetailOptionMappings.size > 0
+    ) {
+      window.masterDetailOptionMappings.forEach((mapping) => {
+        if (
+          mapping &&
+          mapping.fromMasterDetailName === fromMasterDetailName &&
+          mapping.toName
+        ) {
+          const target = mapping.toName;
+          const targetForm =
+            formInstance ||
+            (typeof window.userWorkflowForm !== "undefined"
+              ? window.userWorkflowForm
+              : null);
+
+          if (targetForm && typeof targetForm.setFieldValue === "function") {
+            targetForm.setFieldValue(target, undefined);
+          }
+        }
+      });
+    }
+  } catch (err) {
+    console.error("resetDependentFieldsOfMasterDetail error:", err);
+  }
+}
+
+window.resetDependentFieldsOfMasterDetail = resetDependentFieldsOfMasterDetail;