beca-ui 2.0.18-beta.13 → 2.0.18-beta.14

package/dist/beca-ui.js

@@ -150665,107 +150665,98 @@ class NetworkService {
     });
   }
   static async requestJson(s) {
-    var d, f;
+    var f, p;
     let c, u;
+    const d = axios.defaults.baseURL;
     try {
       if (s.data) {
-        for (const [m, h] of Object.entries(s.data))
-          if (dayjs.isDayjs(h)) {
-            const g = dayjsToPost(h);
-            s.data[m] = g;
+        for (const [g, y] of Object.entries(s.data))
+          if (dayjs.isDayjs(y)) {
+            const x = dayjsToPost(y);
+            s.data[g] = x;
           }
       }
-      let p;
-      if (p || (p = {
+      let m;
+      if (m || (m = {
         headers: s.headers
-      }, s.isFile && (p.headers = {
-        ...p.headers,
+      }, s.isFile && (m.headers = {
+        ...m.headers,
         "Content-Type": "multipart/form-data"
-      })), p.headers = {
+      })), m.headers = {
         Accept: "application/json",
         "Content-Type": "application/json; charset=UTF-8",
-        ...p.headers
+        ...m.headers
       }, s.method === "POST" || s.method === "PUT" || s.method === "DELETE") {
         if (!sessionStorage.getItem("X-XSRF-TOKEN")) {
-          const m = await fetch("/api/antiforgery/token", {
+          const g = await fetch("/api/antiforgery/token", {
             method: "GET",
-            headers: p.headers
+            headers: m.headers
           });
-          m.ok && sessionStorage.setItem("X-XSRF-TOKEN", await m.json());
+          g.ok && sessionStorage.setItem("X-XSRF-TOKEN", await g.json());
         }
-        p.headers = {
-          ...p.headers,
+        m.headers = {
+          ...m.headers,
           "X-XSRF-TOKEN": sessionStorage.getItem("X-XSRF-TOKEN")
         };
       }
-      if (location.host === "localhost:6006") {
-        s.url = s.url.replace("/v2/", "/"), s.url = s.url.replace("/v1/", "/");
-        const m = s.url.split("api/");
-        s.url = `https://localhost:7267/api/workflowapi/${m[1]}`, p.headers = {
-          ...p.headers,
-          ClientId: "duydd1@vntt.com.vn",
-          ApiKey: "0UqumTZZJkyVyJHbETyK"
-        };
-      }
+      location.host.includes("localhost") && (s.url = s.url.replace("/v2/", "/"), s.url = s.url.replace("/v1/", "/"));
+      const h = s.url.split("/api/");
+      s.url = d + h[1];
       try {
         switch (s.method) {
           case "GET":
-            let m = localStorage.getItem("locale");
-            if (!m) {
-              m = "vi";
-              let h = "/api/personalProfiles/GetLangOfAccount", g;
-              location.host === "localhost:6006" && (h = "https://localhost:7267/api/workflowapi/personalProfiles/GetLangOfAccount", g = {
-                ClientId: "duydd1@vntt.com.vn",
-                ApiKey: "0UqumTZZJkyVyJHbETyK"
+            let g = localStorage.getItem("locale");
+            if (!g) {
+              g = "vi";
+              let y = d + "personalProfiles/GetLangOfAccount";
+              const S = await axios.get(y, {
+                headers: void 0
               });
-              const y = await axios.get(h, {
-                headers: g
-              });
-              if (y.status === 200) {
-                const x = y.data;
-                localStorage.setItem("locale", x), m = x;
+              if (S.status === 200) {
+                const _ = S.data;
+                localStorage.setItem("locale", _), g = _;
               }
             }
-            s.url.includes("?") ? s.url += `&lang=${m}` : s.data ? s.data.lang = m : s.data = { lang: m }, c = await axios.get(processQuery(s.url, s.data), {
+            s.url.includes("?") ? s.url += `&lang=${g}` : s.data ? s.data.lang = g : s.data = { lang: g }, c = await axios.get(processQuery(s.url, s.data), {
               method: "GET",
-              headers: p.headers,
+              headers: m.headers,
               signal: s.abortSignal && s.abortSignal()
             });
             break;
           case "POST":
             c = await axios.post(s.url, s.data, {
-              headers: p.headers
+              headers: m.headers
             });
             break;
           case "PUT":
             c = await axios.put(s.url, s.data, {
-              headers: p.headers
+              headers: m.headers
             });
             break;
           case "PATCH":
             c = await axios.patch(s.url, s.data, {
-              headers: p.headers
+              headers: m.headers
             });
             break;
           case "DELETE":
             c = await axios.delete(
               processQuery(s.url, s.data),
               {
-                headers: p.headers
+                headers: m.headers
               }
             );
             break;
         }
         u = new Result(
-          !s.fullResponse && ((d = c.data.value) == null ? void 0 : d.length) > 0 ? c.data.value : c.data,
+          !s.fullResponse && ((f = c.data.value) == null ? void 0 : f.length) > 0 ? c.data.value : c.data,
           c.data.errors && c.data.errors.length > 0 ? [...c.data.errors] : void 0
         );
-      } catch (m) {
-        if (m.message !== "Network Error") {
-          if (m.message === "Request failed with status code 400" && ((f = m == null ? void 0 : m.response) != null && f.data) && m.response.data.type === "https://tools.ietf.org/html/rfc7231#section-6.5.1")
+      } catch (g) {
+        if (g.message !== "Network Error") {
+          if (g.message === "Request failed with status code 400" && ((p = g == null ? void 0 : g.response) != null && p.data) && g.response.data.type === "https://tools.ietf.org/html/rfc7231#section-6.5.1")
             return sessionStorage.clear(), NetworkService.requestJson(s);
         }
-        u = new Result(void 0, m.response.data);
+        u = new Result(void 0, g.response.data);
       }
       u.hasErrors && !s.isNotShowError && showErrors(...u.errors);
     } catch {
@@ -187519,14 +187510,15 @@ var TAG_NAMES = /* @__PURE__ */ ((a) => (a.BASE = "base", a.BODY = "body", a.HEA
 }), uC);
 const win = window, WorkflowForm = (props) => {
   const { t } = useTrans$1(), [form] = Form.useForm(), [chatUrl, setChatUrl] = useState(), [chatViewUrl, setChatViewUrl] = useState(), [note, setNote] = useState(""), masterDetailsRef = useRef([]), dynamicAttachRef = useRef(null), { isMobileApp, isFullscreenApp } = useDevice(), {
-    theme,
-    locale,
+    theme = "Light",
+    locale = "vi",
     userWorkflowId = 0,
     goBack,
     isRedirect,
     userType,
     navigate,
-    workflowType = "Public"
+    workflowType = "Public",
+    apiUrl = "/api/"
   } = props, backRoute = useMemo$1(() => {
     const { search: a } = location, s = a.split("?backRoute=");
     let c;
@@ -187769,9 +187761,9 @@ const win = window, WorkflowForm = (props) => {
               allowSave: !0,
               allowDeleteFileByAdmin: !0,
               allowAddLinking: !0,
-              allowEditMasterDetail: masterDetailFormats.map((d) => !0),
-              allowAddMasterDetail: masterDetailFormats.map((d) => !0),
-              defaultAllowEditMasterDetail: masterDetailFormats.map(
+              allowEditMasterDetail: masterDetailFormats == null ? void 0 : masterDetailFormats.map((d) => !0),
+              allowAddMasterDetail: masterDetailFormats == null ? void 0 : masterDetailFormats.map((d) => !0),
+              defaultAllowEditMasterDetail: masterDetailFormats == null ? void 0 : masterDetailFormats.map(
                 (d) => !0
               )
             }), setIsAdmin(!0);
@@ -187846,14 +187838,16 @@ const win = window, WorkflowForm = (props) => {
       icon: /* @__PURE__ */ jsx(SvgCloseSquareOutlinedStyle, { className: "primary-color" }),
       disabled: isAdding || isApproving || isRecalling,
       mobileHidden: !0,
-      onClick: () => goBack()
+      onClick: () => {
+        goBack && goBack();
+      }
     }), a;
   };
-  useEffect(() => () => {
+  useEffect(() => (axios.defaults.baseURL = apiUrl, () => {
     globalHubConnection && globalHubConnection.current && globalHubConnection.current.stop().then(() => {
     }).catch((a) => {
     });
-  }, []), useEffect(() => {
+  }), []), useEffect(() => {
     workflowType !== "Public" && fetchChatUrl();
   }, [userWorkflowId]), useEffect(() => {
     const { search: a } = location, c = new URLSearchParams(a).get("type");
@@ -187895,7 +187889,7 @@ const win = window, WorkflowForm = (props) => {
     }), setMasterDetailFormats(c);
   }
   function mapDropDownValueIntoProperty(a, s) {
-    DataServices.mapDropDownValueIntoProperty({
+    DataServices == null || DataServices.mapDropDownValueIntoProperty({
       form,
       data: s,
       choiceName: a,
@@ -188045,31 +188039,32 @@ const win = window, WorkflowForm = (props) => {
     s.success && setUserWorkflowNotes(s.value.items);
   }
   async function fetchUserWorkflowLinking() {
+    var s;
     const a = await UserWorkflowLinkingService.getAll(
       userWorkflowId
     );
     if (a.success) {
-      const s = [];
-      a.value.items.map((c) => {
-        var d, f;
-        const u = !c.isOld && c.linkUserWorkflow.userWorkflowStatus === 0 ? (d = c.linkUserWorkflow.workflowStep) == null ? void 0 : d.status : c.linkUserWorkflow.status;
-        s.push({
-          id: c.linkUserWorkflow.id,
-          workflowId: c.linkUserWorkflow.workflowId,
-          workflowCode: c.linkUserWorkflow.workflowCode,
-          shortContent: stripHtml(c.linkUserWorkflow.shortContent),
-          content: stripHtml(c.linkUserWorkflow.content),
-          userId: c.linkUserWorkflow.userId,
-          user: c.linkUserWorkflow.user,
-          workflowTitle: (f = c.linkUserWorkflow.workflow) == null ? void 0 : f.title,
-          approver: c.linkUserWorkflow.approver,
-          approvalDate: c.approvalDate,
-          isOld: c.isOld,
-          url: c.url,
-          userWorkflowStatus: c.linkUserWorkflow.userWorkflowStatus,
-          status: u
+      const c = [];
+      (s = a.value.items) == null || s.map((u) => {
+        var f, p;
+        const d = !u.isOld && u.linkUserWorkflow.userWorkflowStatus === 0 ? (f = u.linkUserWorkflow.workflowStep) == null ? void 0 : f.status : u.linkUserWorkflow.status;
+        c.push({
+          id: u.linkUserWorkflow.id,
+          workflowId: u.linkUserWorkflow.workflowId,
+          workflowCode: u.linkUserWorkflow.workflowCode,
+          shortContent: stripHtml(u.linkUserWorkflow.shortContent),
+          content: stripHtml(u.linkUserWorkflow.content),
+          userId: u.linkUserWorkflow.userId,
+          user: u.linkUserWorkflow.user,
+          workflowTitle: (p = u.linkUserWorkflow.workflow) == null ? void 0 : p.title,
+          approver: u.linkUserWorkflow.approver,
+          approvalDate: u.approvalDate,
+          isOld: u.isOld,
+          url: u.url,
+          userWorkflowStatus: u.linkUserWorkflow.userWorkflowStatus,
+          status: d
         });
-      }), setRelatedUserWorkflows(s);
+      }), setRelatedUserWorkflows(c);
     }
   }
   async function fetchMasterDetailFormatForNew(a, s, c) {
@@ -188115,7 +188110,7 @@ const win = window, WorkflowForm = (props) => {
       const a = {
         note: note ?? ""
       }, s = await SendWorkflowService.recall(userWorkflowId, a);
-      s.success ? (staticMethods$1.success(t("Recalled successfully")), goBack()) : s.errors && s.errors.forEach((c) => {
+      s.success ? (staticMethods$1.success(t("Recalled successfully")), goBack && goBack()) : s.errors && s.errors.forEach((c) => {
         c.includes("Lỗi") ? staticMethods$1.error(c) : staticMethods$1.error(ErrorMessage());
       });
     }
@@ -188145,7 +188140,7 @@ const win = window, WorkflowForm = (props) => {
         const c = {
           note
         }, u = await SendWorkflowService.approve(userWorkflowId, c);
-        u.success ? (staticMethods$1.success("Đã đồng ý"), goBack()) : u.errors && u.errors.forEach((d) => {
+        u.success ? (staticMethods$1.success("Đã đồng ý"), goBack && goBack()) : u.errors && u.errors.forEach((d) => {
           d.includes("Lỗi") ? staticMethods$1.error(d) : staticMethods$1.error(ErrorMessage());
         });
       }
@@ -188189,26 +188184,27 @@ const win = window, WorkflowForm = (props) => {
     s.success && fetchStepFieldsForNew(a, s.value);
   }
   async function fetchStepFieldsForNew(a, s) {
+    var u;
     const c = await WorkflowService.getWorkflowSteps(
       a
     );
     if (c.success) {
-      const u = c.value.items.find(
-        (d) => d.step === 1
+      const d = c.value.items.find(
+        (f) => f.step === 1
       );
-      if (u) {
-        const d = Number(u.id), f = await WorkflowService.getStepInfo(
+      if (d) {
+        const f = Number(d.id), p = await WorkflowService.getStepInfo(
           s,
-          d
+          f
         );
-        if (f.success) {
-          const p = {};
-          f.rows.map((m) => {
-            var h;
-            (h = m.row) == null || h.map((g) => {
-              p[g.name] = UserCheckListService.getValue(g);
+        if (p.success) {
+          const m = {};
+          (u = p.rows) == null || u.map((h) => {
+            var g;
+            (g = h.row) == null || g.map((y) => {
+              m[y.name] = UserCheckListService.getValue(y);
             });
-          }), form.setFieldsValue(p), setRows(f.rows);
+          }), form.setFieldsValue(m), setRows(p.rows);
         }
       }
     }
@@ -188228,7 +188224,7 @@ const win = window, WorkflowForm = (props) => {
           p.stepFields
         );
         let h = [...p.rows];
-        h.map((g) => {
+        h == null || h.map((g) => {
           var y;
           (y = g.row) == null || y.map((x) => {
             const S = m.find(
@@ -188265,16 +188261,16 @@ const win = window, WorkflowForm = (props) => {
     }
   }
   async function uploadAttachFiles(a) {
-    var s, c;
+    var s, c, u;
     try {
-      for (let u = 0; u < attachDataSource.length; u++) {
-        const d = attachDataSource[u], f = attachForm.getFieldValue(
-          d.key
+      for (let d = 0; d < attachDataSource.length; d++) {
+        const f = attachDataSource[d], p = attachForm.getFieldValue(
+          f.key
         );
-        if (f && ((s = f.fileList) == null ? void 0 : s.length) > 0) {
-          let p = 0;
-          f.fileList.map((g) => {
-            if (p += g.size, workflow && p > workflow.maximumSizeTotal * 1048576 && workflow.maximumSizeTotal !== 0 && workflow.maximumSizeTotal !== null)
+        if (p && ((s = p.fileList) == null ? void 0 : s.length) > 0) {
+          let m = 0;
+          (c = p.fileList) == null || c.map((y) => {
+            if (m += y.size, workflow && m > workflow.maximumSizeTotal * 1048576 && workflow.maximumSizeTotal !== 0 && workflow.maximumSizeTotal !== null)
               throw new Error(
                 t("Total capacity allowed is", {
                   total: workflow == null ? void 0 : workflow.maximumSizeTotal,
@@ -188282,45 +188278,45 @@ const win = window, WorkflowForm = (props) => {
                 })
               );
           });
-          const m = (c = d.key) == null ? void 0 : c.toString().split("-")[0], h = f.note;
-          for (let g = 0; g < f.fileList.length; g++) {
-            const y = f.fileList[g];
-            if (y.size === 0)
+          const h = (u = f.key) == null ? void 0 : u.toString().split("-")[0], g = p.note;
+          for (let y = 0; y < p.fileList.length; y++) {
+            const x = p.fileList[y];
+            if (x.size === 0)
               throw new Error(t("Uploading files with 0 bytes is not allowed"));
-            if (y.name.endsWith(".exe".trim()))
+            if (x.name.endsWith(".exe".trim()))
               throw new Error(
                 t("Not allowed file formats", {
                   extensions: ".exe"
                 })
               );
-            if (workflow != null && workflow.allowAttachmentExtensions && !checkValidFilesExtension(y.name))
+            if (workflow != null && workflow.allowAttachmentExtensions && !checkValidFilesExtension(x.name))
               throw new Error(
                 t("Allowed file formats", {
                   extensions: workflow.allowAttachmentExtensions
                 })
               );
           }
-          for (let g = 0; g < f.fileList.length; g++) {
-            const y = f.fileList[g], x = {
+          for (let y = 0; y < p.fileList.length; y++) {
+            const x = p.fileList[y], S = {
               workflowId,
               userWorkflowId: a,
-              checkListId: Number(m),
-              name: y.name,
-              note: h ?? "",
+              checkListId: Number(h),
+              name: x.name,
+              note: g ?? "",
               path: "",
-              type: y.type
+              type: x.type
             };
             if ((await UserCheckListService.uploadFile(
-              x,
-              y
+              S,
+              x
             )).hasErrors)
               throw new Error();
           }
         }
       }
-    } catch (u) {
-      const d = u.message ?? t("_ExecutionErrorMessage", { label: t("Upload") });
-      return d && d !== "" && staticMethods$1.error(d), !1;
+    } catch (d) {
+      const f = d.message ?? t("_ExecutionErrorMessage", { label: t("Upload") });
+      return f && f !== "" && staticMethods$1.error(f), !1;
     }
     return !0;
   }
@@ -188341,9 +188337,9 @@ const win = window, WorkflowForm = (props) => {
               let _ = m[S];
               if (_ && (Array != null && Array.isArray(_))) {
                 let O = "";
-                _.length > 0 && _.map((k, A) => {
+                _.length > 0 && (_ == null || _.map((k, A) => {
                   O += k, A < _.length - 1 && (O += ";");
-                }), _ = O;
+                })), _ = O;
               } else
                 _ && typeof _ == "object" && !(Array != null && Array.isArray(_)) && ((E = Object.prototype.hasOwnProperty) != null && E.call(_, "label")) && ((R = Object.prototype.hasOwnProperty) != null && R.call(_, "value")) && (_ = _.value);
               _ === "" && (_ = void 0), g.push({ name: S, value: _ });
@@ -188357,7 +188353,7 @@ const win = window, WorkflowForm = (props) => {
                 value: E && JSON.stringify(E)
               });
             });
-            const y = DataServices.mapArrays(
+            const y = DataServices == null ? void 0 : DataServices.mapArrays(
               userWorkflowValues,
               g,
               "name",
@@ -188402,21 +188398,23 @@ const win = window, WorkflowForm = (props) => {
     }
   }
   async function onFinish(a) {
-    checkValidFiles(!1) && MasterDetailService.validate(masterDetailsRef) && await updateUserWorkflow(a) === !0 && (staticMethods$1.success(t("UpdatedSuccessfully")), goBack());
+    checkValidFiles(!1) && MasterDetailService.validate(masterDetailsRef) && await updateUserWorkflow(a) === !0 && (staticMethods$1.success(t("UpdatedSuccessfully")), goBack && goBack());
   }
   function onFinishFailed() {
     DataServices.checkValidFiles(!1, attachDataSource, attachForm, !1);
   }
   function generateCopyWorkflowsDropdownItems() {
-    return (actions == null ? void 0 : actions.copyWorkflows.map((s, c) => ({
-      key: c,
-      label: /* @__PURE__ */ jsx("a", { target: "_blank", rel: "noopener noreferrer", href: s.url, children: s.title })
+    var s;
+    return ((s = actions == null ? void 0 : actions.copyWorkflows) == null ? void 0 : s.map((c, u) => ({
+      key: u,
+      label: /* @__PURE__ */ jsx("a", { target: "_blank", rel: "noopener noreferrer", href: c.url, children: c.title })
     }))) ?? [];
   }
   function generateRelatedWorkflowsDropdownItems() {
-    return (actions == null ? void 0 : actions.relatedWorkflows.map((s, c) => ({
-      key: c,
-      label: /* @__PURE__ */ jsx("a", { target: "_blank", rel: "noopener noreferrer", href: s.url, children: s.title })
+    var s;
+    return ((s = actions == null ? void 0 : actions.relatedWorkflows) == null ? void 0 : s.map((c, u) => ({
+      key: u,
+      label: /* @__PURE__ */ jsx("a", { target: "_blank", rel: "noopener noreferrer", href: c.url, children: c.title })
     }))) ?? [];
   }
   async function onSaveInDetail() {
@@ -188442,9 +188440,13 @@ const win = window, WorkflowForm = (props) => {
   }
   function checkValidFilesExtension(a) {
     let s = !1;
-    return workflow && (workflow != null && workflow.allowAttachmentExtensions && (workflow == null ? void 0 : workflow.allowAttachmentExtensions.length) > 1 && (workflow == null ? void 0 : workflow.allowAttachmentExtensions[(workflow == null ? void 0 : workflow.allowAttachmentExtensions.length) - 1]) === ";" ? workflow == null ? void 0 : workflow.allowAttachmentExtensions.slice(0, -1) : workflow == null ? void 0 : workflow.allowAttachmentExtensions).split(";").map((u) => {
-      a.endsWith(u.trim()) && (s = !0);
-    }), s;
+    if (workflow) {
+      const c = (workflow != null && workflow.allowAttachmentExtensions && (workflow == null ? void 0 : workflow.allowAttachmentExtensions.length) > 1 && (workflow == null ? void 0 : workflow.allowAttachmentExtensions[(workflow == null ? void 0 : workflow.allowAttachmentExtensions.length) - 1]) === ";" ? workflow == null ? void 0 : workflow.allowAttachmentExtensions.slice(0, -1) : workflow == null ? void 0 : workflow.allowAttachmentExtensions).split(";");
+      c == null || c.map((u) => {
+        a.endsWith(u.trim()) && (s = !0);
+      });
+    }
+    return s;
   }
   const checkValidFiles = (a) => DataServices.checkValidFiles(
     a,
@@ -188462,7 +188464,7 @@ const win = window, WorkflowForm = (props) => {
           const d = {
             note
           };
-          (await SendWorkflowService.approve(userWorkflowId, d)).success && (staticMethods$1.success(t("Sent successfully")), goBack());
+          (await SendWorkflowService.approve(userWorkflowId, d)).success && (staticMethods$1.success(t("Sent successfully")), goBack && goBack());
         }
       }
     } catch {
@@ -188606,12 +188608,13 @@ const win = window, WorkflowForm = (props) => {
                   workflow.title,
                   workflow.titleEN
                 ) }),
-                /* @__PURE__ */ jsx("div", { className: "custom-div user-mode detail-form", children: /* @__PURE__ */ jsx("div", { className: "form-layout-section section", children: rows.map((a, s) => {
+                /* @__PURE__ */ jsx("div", { className: "custom-div user-mode detail-form", children: /* @__PURE__ */ jsx("div", { className: "form-layout-section section", children: rows == null ? void 0 : rows.map((a, s) => {
+                  var d;
                   let c = a.row.length;
                   const u = a.row.filter(
-                    (d) => {
-                      var f;
-                      return d.hidden === !0 || d.isHide === !0 || ((f = d.styleClass) == null ? void 0 : f.toLowerCase().includes("hidecolumn"));
+                    (f) => {
+                      var p;
+                      return f.hidden === !0 || f.isHide === !0 || ((p = f.styleClass) == null ? void 0 : p.toLowerCase().includes("hidecolumn"));
                     }
                   );
                   return u && (c = c - u.length), /* @__PURE__ */ jsx(
@@ -188635,8 +188638,8 @@ const win = window, WorkflowForm = (props) => {
                           ),
                           onFinish,
                           onFinishFailed,
-                          onFieldsChange: (d) => {
-                            handleChangeFields(d);
+                          onFieldsChange: (f) => {
+                            handleChangeFields(f);
                           },
                           colon: !1,
                           children: /* @__PURE__ */ jsx(
@@ -188645,49 +188648,49 @@ const win = window, WorkflowForm = (props) => {
                               gutter: DynamicFormLayout.getGutter(
                                 c
                               ),
-                              children: a.row.map((d) => {
-                                var p;
-                                return d.hidden === !0 || ((p = d.styleClass) == null ? void 0 : p.toLowerCase().includes("hidecolumn")) ? /* @__PURE__ */ jsx(
+                              children: (d = a.row) == null ? void 0 : d.map((f) => {
+                                var m;
+                                return f.hidden === !0 || ((m = f.styleClass) == null ? void 0 : m.toLowerCase().includes("hidecolumn")) ? /* @__PURE__ */ jsx(
                                   Form.Item,
                                   {
-                                    name: d.name,
-                                    className: `field_${d.name}`,
+                                    name: f.name,
+                                    className: `field_${f.name}`,
                                     hidden: !0
                                   },
-                                  d.name
+                                  f.name
                                 ) : /* @__PURE__ */ createElement(
                                   Col,
                                   {
                                     ...DynamicFormLayout.dynamicFormColumn(
                                       c
                                     ),
-                                    key: d.name,
+                                    key: f.name,
                                     className: "div-col-wrap"
                                   },
-                                  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { children: actions != null && actions.allowEdit && d.isEdit || actions != null && actions.allowEditResource ? /* @__PURE__ */ jsx(
+                                  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { children: actions != null && actions.allowEdit && f.isEdit || actions != null && actions.allowEditResource ? /* @__PURE__ */ jsx(
                                     DynamicWorkflowForm,
                                     {
                                       form,
                                       rowLength: c,
-                                      col: d,
-                                      onChange: (m) => d.type === "lookup" && checkFilterFromLookupItems(
-                                        d,
-                                        m
+                                      col: f,
+                                      onChange: (h) => f.type === "lookup" && checkFilterFromLookupItems(
+                                        f,
+                                        h
                                       ),
-                                      changeOptionOfCol: (m, h) => {
+                                      changeOptionOfCol: (h, g) => {
                                         changeOptionOfCol(
                                           userWorkflowId,
-                                          h
+                                          g
                                         );
                                       },
-                                      value: d.defaultValue,
+                                      value: f.defaultValue,
                                       isMobileApp
                                     }
                                   ) : /* @__PURE__ */ jsx("div", { className: "div-wrap", children: /* @__PURE__ */ jsx(
                                     DynamicFormInfo,
                                     {
                                       rowLength: c,
-                                      item: d,
+                                      item: f,
                                       isMobileApp
                                     }
                                   ) }) }) })
@@ -188702,7 +188705,7 @@ const win = window, WorkflowForm = (props) => {
                     s
                   );
                 }) }) }),
-                masterDetailFormats.map((a, s) => {
+                masterDetailFormats == null ? void 0 : masterDetailFormats.map((a, s) => {
                   const c = (actions == null ? void 0 : actions.allowEditMasterDetail) && (actions == null ? void 0 : actions.allowEditMasterDetail[s]), u = (actions == null ? void 0 : actions.allowAddMasterDetail) && (actions == null ? void 0 : actions.allowAddMasterDetail[s]);
                   return /* @__PURE__ */ jsx(
                     MasterDetailTable,
@@ -188769,7 +188772,7 @@ const win = window, WorkflowForm = (props) => {
                           value: note
                         }
                       ),
-                      userWorkflowNotes.map((a) => /* @__PURE__ */ jsxs("div", { children: [
+                      userWorkflowNotes == null ? void 0 : userWorkflowNotes.map((a) => /* @__PURE__ */ jsxs("div", { children: [
                         /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("span", { className: "fw-600", children: [
                           a.user.fullName,
                           /* @__PURE__ */ jsxs("span", { className: "notes", children: [

package/dist/components/WorkflowForm/WorkflowForm.types.d.ts

@@ -2,14 +2,16 @@ import { Theme } from "../MainLayout";
 import { LANGUAGE } from "../ConfigProvider";
 type WorkflowType = "Resource" | "Application" | "Workflow" | "Public";
 export interface WorkflowFormProps {
-    theme: Theme;
-    userWorkflowId: number;
+    theme?: Theme;
+    userWorkflowId?: number;
     workflowId?: number;
-    locale: LANGUAGE;
-    goBack: () => void;
+    locale?: LANGUAGE;
+    goBack?: () => void;
     isRedirect?: boolean;
     userType?: string;
-    workflowType: WorkflowType;
+    workflowType?: WorkflowType;
+    /** Example: http://localhost:3000/api/ */
+    apiUrl: string;
     navigate?: (url: string, options?: {
         replace?: boolean;
         state?: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beca-ui",
-  "version": "2.0.18-beta.13",
+  "version": "2.0.18-beta.14",
   "description": "Becawork UI",
   "license": "MIT",
   "author": {