flowcore-fn 10.1.8 → 10.2.1

package/dist/pkg-index.css

@@ -1019,6 +1019,12 @@
     margin-block-start: calc(calc(var(--fc-spacing) * 8) * var(--tw-space-y-reverse));
     margin-block-end: calc(calc(var(--fc-spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
   }
+  .fc\:gap-x-3 {
+    column-gap: calc(var(--fc-spacing) * 3);
+  }
+  .fc\:gap-y-0\.5 {
+    row-gap: calc(var(--fc-spacing) * 0.5);
+  }
   :where(.fc\:divide-y > :not(:last-child)) {
     --tw-divide-y-reverse: 0;
     border-bottom-style: var(--tw-border-style);

package/dist/pkg-index.js

@@ -4817,25 +4817,27 @@ var getRows2 = (result) => {
   const value = (_e = (_d = (_c = (_a = result == null ? void 0 : result.data) == null ? void 0 : _a.data) != null ? _c : (_b = result == null ? void 0 : result.data) == null ? void 0 : _b.result) != null ? _d : result == null ? void 0 : result.data) != null ? _e : result;
   return Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
 };
+var toApiDateTime = (value) => {
+  if (!value) return null;
+  if (value.includes("T")) {
+    const parsed = new Date(value);
+    return Number.isNaN(parsed.getTime()) ? null : parsed.toISOString();
+  }
+  const [year, month, day] = value.split("-").map(Number);
+  if (!year || !month || !day) return null;
+  return new Date(Date.UTC(year, month - 1, day)).toISOString();
+};
+var getUserValues = (user) => (user == null ? void 0 : user.values) && typeof user.values === "object" ? user.values : user || {};
 var getUserId = (user) => {
-  var _a, _b, _c, _d, _e;
-  return (_e = (_d = (_c = (_b = (_a = user == null ? void 0 : user.externalUserId) != null ? _a : user == null ? void 0 : user.ExternalUserId) != null ? _b : user == null ? void 0 : user.userId) != null ? _c : user == null ? void 0 : user.UserId) != null ? _d : user == null ? void 0 : user.id) != null ? _e : user == null ? void 0 : user.Id;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  return (_k = (_i = (_g = (_e = (_c = (_a = getUserValues(user)) == null ? void 0 : _a.externalUserId) != null ? _c : (_b = getUserValues(user)) == null ? void 0 : _b.ExternalUserId) != null ? _e : (_d = getUserValues(user)) == null ? void 0 : _d.userId) != null ? _g : (_f = getUserValues(user)) == null ? void 0 : _f.UserId) != null ? _i : (_h = getUserValues(user)) == null ? void 0 : _h.id) != null ? _k : (_j = getUserValues(user)) == null ? void 0 : _j.Id;
 };
 var getUserName = (user) => {
-  var _a, _b, _c, _d, _e, _f, _g;
-  return (_g = (_e = (_d = (_c = (_b = (_a = user == null ? void 0 : user.userName) != null ? _a : user == null ? void 0 : user.UserName) != null ? _b : user == null ? void 0 : user.externalUserName) != null ? _c : user == null ? void 0 : user.ExternalUserName) != null ? _d : user == null ? void 0 : user.name) != null ? _e : user == null ? void 0 : user.Name) != null ? _g : `User ${(_f = getUserId(user)) != null ? _f : ""}`;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  return (_m = (_k = (_i = (_g = (_e = (_c = (_a = getUserValues(user)) == null ? void 0 : _a.userName) != null ? _c : (_b = getUserValues(user)) == null ? void 0 : _b.UserName) != null ? _e : (_d = getUserValues(user)) == null ? void 0 : _d.externalUserName) != null ? _g : (_f = getUserValues(user)) == null ? void 0 : _f.ExternalUserName) != null ? _i : (_h = getUserValues(user)) == null ? void 0 : _h.name) != null ? _k : (_j = getUserValues(user)) == null ? void 0 : _j.Name) != null ? _m : `User ${(_l = getUserId(user)) != null ? _l : ""}`;
 };
-var dummyUnmappedUsers = [
-  { externalUserId: 9001, externalUserName: "Demo Unmapped User 1" },
-  { externalUserId: 9002, externalUserName: "Demo Unmapped User 2" }
-];
-var dummyMappedUsers = [
-  {
-    externalUserId: 9010,
-    externalUserName: "Demo Mapped User 1",
-    workflowStepUserMappingId: 1
-  }
-];
+var dummyUnmappedUsers = [];
+var dummyMappedUsers = [];
 var fieldStyle = {
   border: "1px solid #cbd5e1",
   backgroundColor: "#ffffff",
@@ -4850,49 +4852,61 @@ function AddUserHierarchyNodeMappingModal({ isOpen, onClose }) {
     effectiveTo: ""
   });
   const [hierarchySelection, setHierarchySelection] = (0, import_react24.useState)(emptySelection);
+  const [workflows, setWorkflows] = (0, import_react24.useState)([]);
   const [workflowSteps, setWorkflowSteps] = (0, import_react24.useState)([]);
   const [unmappedUsers, setUnmappedUsers] = (0, import_react24.useState)([]);
   const [mappedUsers, setMappedUsers] = (0, import_react24.useState)([]);
   const [isLoadingWorkflowSteps, setIsLoadingWorkflowSteps] = (0, import_react24.useState)(false);
+  const [isLoadingWorkflows, setIsLoadingWorkflows] = (0, import_react24.useState)(false);
   const [isFetching, setIsFetching] = (0, import_react24.useState)(false);
   const [busyUserId, setBusyUserId] = (0, import_react24.useState)(null);
+  const [selectedUnmappedIds, setSelectedUnmappedIds] = (0, import_react24.useState)([]);
+  const [selectedMappedIds, setSelectedMappedIds] = (0, import_react24.useState)([]);
   const [hasFetched, setHasFetched] = (0, import_react24.useState)(false);
   const mappingEndpoints = () => {
     var _a;
     const flowCore = ((_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) || {};
-    const mapping = flowCore.WorkflowStepUserMapping || flowCore.workflowStepUserMapping || flowCore.WorkflowHierarchyNodeMapping || flowCore.workflowHierarchyNodeMapping || {};
+    const mapping = flowCore.mapping || {};
     return {
-      create: mapping.create || mapping.Create,
-      update: mapping.update || mapping.Update,
-      unmapped: mapping.getUnMappedExternalUserList || mapping.getUnmappedExternalUserList || "/api/flowcore/WorkflowHierarchyNodeMapping/GetUnMappedExternalUserList",
-      mapped: mapping.getMappedExternalUserList || "/api/flowcore/WorkflowHierarchyNodeMapping/GetMappedExternalUserList"
+      create: mapping.map || mapping.Map,
+      update: mapping.unmap || mapping.Unmap,
+      unmapped: mapping.GetUnMappedExternalUserList,
+      mapped: mapping.GetMappedExternalUserList
     };
   };
   (0, import_react24.useEffect)(() => {
     if (!isOpen) return;
-    const loadWorkflowSteps = async () => {
-      var _a, _b, _c, _d, _e, _f;
+    const loadLookups = async () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       setIsLoadingWorkflowSteps(true);
+      setIsLoadingWorkflows(true);
       try {
         const flowCore = ((_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) || {};
-        const endpoint2 = ((_b = flowCore.workflowStep) == null ? void 0 : _b.getList) || ((_c = flowCore.WorkFlowStep) == null ? void 0 : _c.getList) || ((_d = flowCore.workFlowStep) == null ? void 0 : _d.getList);
-        const result = endpoint2 ? await getApiService().get(endpoint2) : null;
-        setWorkflowSteps(result ? getRows2(result) : []);
+        const workflowEndpoint = ((_b = flowCore.workflow) == null ? void 0 : _b.getList) || ((_c = flowCore.WorkFlow) == null ? void 0 : _c.getList) || ((_d = flowCore.workFlow) == null ? void 0 : _d.getList);
+        const workflowStepEndpoint = ((_e = flowCore.workflowStep) == null ? void 0 : _e.getList) || ((_f = flowCore.WorkFlowStep) == null ? void 0 : _f.getList) || ((_g = flowCore.workFlowStep) == null ? void 0 : _g.getList);
+        const [workflowResult, workflowStepResult] = await Promise.all([
+          workflowEndpoint ? getApiService().get(workflowEndpoint) : null,
+          workflowStepEndpoint ? getApiService().get(workflowStepEndpoint) : null
+        ]);
+        setWorkflows(workflowResult ? getRows2(workflowResult) : []);
+        setWorkflowSteps(workflowStepResult ? getRows2(workflowStepResult) : []);
       } catch (error) {
         await import_sweetalert210.default.fire(
           "Error",
-          ((_f = (_e = error == null ? void 0 : error.response) == null ? void 0 : _e.data) == null ? void 0 : _f.message) || (error == null ? void 0 : error.message) || "Unable to load workflow steps.",
+          ((_i = (_h = error == null ? void 0 : error.response) == null ? void 0 : _h.data) == null ? void 0 : _i.message) || (error == null ? void 0 : error.message) || "Unable to load workflow steps.",
           "error"
         );
       } finally {
         setIsLoadingWorkflowSteps(false);
+        setIsLoadingWorkflows(false);
       }
     };
-    loadWorkflowSteps();
+    loadLookups();
   }, [isOpen]);
   (0, import_react24.useEffect)(() => {
     if (isOpen) return;
     setFormData({
+      workflowId: "",
       workflowStepId: "",
       roleCode: "",
       isPrimary: "",
@@ -4902,19 +4916,28 @@ function AddUserHierarchyNodeMappingModal({ isOpen, onClose }) {
     setHierarchySelection(emptySelection);
     setUnmappedUsers([]);
     setMappedUsers([]);
+    setSelectedUnmappedIds([]);
+    setSelectedMappedIds([]);
     setHasFetched(false);
   }, [isOpen]);
-  const handleChange = (event) => setFormData((previous) => __spreadProps(__spreadValues({}, previous), {
+  const handleChange = (event) => setFormData((previous) => __spreadProps(__spreadValues(__spreadValues({}, previous), event.target.name === "workflowId" ? { workflowStepId: "" } : {}), {
     [event.target.name]: event.target.value
   }));
+  const selectedWorkflowId = Number(formData.workflowId);
+  const filteredWorkflowSteps = workflowSteps.filter((step) => {
+    var _a;
+    const stepWorkflowId = Number((_a = step.workflowId) != null ? _a : step.WorkflowId);
+    return selectedWorkflowId && stepWorkflowId === selectedWorkflowId;
+  });
   const getQueryParams = () => ({
     hierarchyNodeId: Number(hierarchySelection.finalNodeId),
     hierarchyLevel: Number(hierarchySelection.selectedLevelId),
+    workflowId: Number(formData.workflowId),
     workflowStepId: Number(formData.workflowStepId)
   });
   const fetchUsers = async () => {
     const params = getQueryParams();
-    if (!params.workflowStepId || !params.hierarchyNodeId || !params.hierarchyLevel) {
+    if (!params.workflowId || !params.workflowStepId || !params.hierarchyNodeId || !params.hierarchyLevel) {
       await import_sweetalert210.default.fire(
         "Required fields",
         "Please select workflow step and final hierarchy node first.",
@@ -4925,53 +4948,64 @@ function AddUserHierarchyNodeMappingModal({ isOpen, onClose }) {
     setIsFetching(true);
     try {
       const endpoints = mappingEndpoints();
-      const [unmappedResult, mappedResult] = await Promise.all([
-        getApiService().get(endpoints.unmapped, {
-          params: {
-            hierarchyNodeId: params.hierarchyNodeId,
-            hierarchyLevel: params.hierarchyLevel
-          }
+      const [unmappedResult, mappedResult] = await Promise.allSettled([
+        getApiService().post(endpoints.unmapped, {
+          hierarchyNodeId: params.hierarchyNodeId,
+          hierarchyLevel: params.hierarchyLevel,
+          workflowId: params.workflowId,
+          workflowStepId: params.workflowStepId
         }),
-        getApiService().get(endpoints.mapped, { params })
+        getApiService().post(endpoints.mapped, {
+          hierarchyNodeId: params.hierarchyNodeId,
+          hierarchyLevel: params.hierarchyLevel,
+          workflowId: params.workflowId,
+          workflowStepId: params.workflowStepId
+        })
       ]);
-      const unmappedRows = getRows2(unmappedResult);
-      const mappedRows = getRows2(mappedResult);
+      const unmappedRows = unmappedResult.status === "fulfilled" ? getRows2(unmappedResult.value) : [];
+      const mappedRows = mappedResult.status === "fulfilled" ? getRows2(mappedResult.value) : [];
       setUnmappedUsers(unmappedRows.length ? unmappedRows : dummyUnmappedUsers);
       setMappedUsers(mappedRows.length ? mappedRows : dummyMappedUsers);
+      setSelectedUnmappedIds([]);
+      setSelectedMappedIds([]);
       setHasFetched(true);
-    } catch (error) {
-      console.warn(
-        "Unable to fetch mapped users. Showing temporary demo data.",
-        error
-      );
+    } catch (e) {
       setUnmappedUsers(dummyUnmappedUsers);
       setMappedUsers(dummyMappedUsers);
+      setSelectedUnmappedIds([]);
+      setSelectedMappedIds([]);
       setHasFetched(true);
     } finally {
       setIsFetching(false);
     }
   };
-  const mapUser = async (user) => {
+  const updateSelectedUsers = (setUserIds, userId, checked) => {
+    const normalizedId = String(userId);
+    setUserIds(
+      (previous) => checked ? [.../* @__PURE__ */ new Set([...previous, normalizedId])] : previous.filter((id) => id !== normalizedId)
+    );
+  };
+  const mapUsers = async (users = selectedUnmappedIds) => {
     var _a, _b;
-    const externalUserId = Number(getUserId(user));
-    if (!externalUserId) return;
-    setBusyUserId(externalUserId);
+    const externalUserIds = users.map(String).filter(Boolean);
+    if (!externalUserIds.length) return;
+    setBusyUserId("map");
     try {
       const endpoint2 = mappingEndpoints().create;
       if (!endpoint2)
         throw new Error(
-          "Workflow step user mapping create endpoint is not configured."
+          "External user map endpoint is not configured."
         );
       await getApiService().post(endpoint2, {
-        externalUserId,
+        workflowId: Number(formData.workflowId),
         workflowStepId: Number(formData.workflowStepId),
-        hierarchyNodeId: Number(hierarchySelection.finalNodeId),
-        roleCode: formData.roleCode,
+        externalUserIds,
         isPrimary: formData.isPrimary === "true",
-        effectiveFrom: formData.effectiveFrom || null,
-        effectiveTo: formData.effectiveTo || null,
+        effectiveFrom: toApiDateTime(formData.effectiveFrom),
+        effectiveTo: toApiDateTime(formData.effectiveTo),
         createdBy: "System"
       });
+      setSelectedUnmappedIds([]);
       await fetchUsers();
     } catch (error) {
       await import_sweetalert210.default.fire(
@@ -4983,35 +5017,28 @@ function AddUserHierarchyNodeMappingModal({ isOpen, onClose }) {
       setBusyUserId(null);
     }
   };
-  const unmapUser = async (user) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-    const externalUserId = Number(getUserId(user));
-    if (!externalUserId) return;
-    setBusyUserId(externalUserId);
+  const unmapUsers = async (users = selectedMappedIds) => {
+    var _a, _b;
+    const externalUserIds = users.map(String).filter(Boolean);
+    if (!externalUserIds.length) return;
+    setBusyUserId("unmap");
     try {
       const endpoint2 = mappingEndpoints().update;
       if (!endpoint2)
         throw new Error(
-          "Workflow step user mapping update endpoint is not configured."
+          "External user unmap endpoint is not configured."
         );
-      await getApiService().put(endpoint2, {
-        workflowStepUserMappingId: Number(
-          (_c = (_b = (_a = user.workflowStepUserMappingId) != null ? _a : user.WorkFlowStepUserMappingId) != null ? _b : user.mappingId) != null ? _c : user.id
-        ),
-        externalUserId,
+      await getApiService().post(endpoint2, {
         workflowStepId: Number(formData.workflowStepId),
-        hierarchyNodeId: Number(hierarchySelection.finalNodeId),
-        isPrimary: Boolean((_d = user.isPrimary) != null ? _d : user.IsPrimary),
-        effectiveFrom: (_f = (_e = user.effectiveFrom) != null ? _e : user.EffectiveFrom) != null ? _f : null,
-        effectiveTo: (_h = (_g = user.effectiveTo) != null ? _g : user.EffectiveTo) != null ? _h : null,
-        isActive: false,
+        externalUserIds,
         updatedBy: "System"
       });
+      setSelectedMappedIds([]);
       await fetchUsers();
     } catch (error) {
       await import_sweetalert210.default.fire(
         "Error",
-        ((_j = (_i = error == null ? void 0 : error.response) == null ? void 0 : _i.data) == null ? void 0 : _j.message) || (error == null ? void 0 : error.message) || "Unable to unmap user.",
+        ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || "Unable to unmap user.",
         "error"
       );
     } finally {
@@ -5019,27 +5046,48 @@ function AddUserHierarchyNodeMappingModal({ isOpen, onClose }) {
     }
   };
   const renderUser = (user, mapped) => {
-    const userId = Number(getUserId(user));
+    const userId = getUserId(user);
+    const userValues = getUserValues(user);
+    const normalizedUserId = String(userId);
+    const isSelected = (mapped ? selectedMappedIds : selectedUnmappedIds).includes(
+      normalizedUserId
+    );
     return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
       "div",
       {
         className: "fc:flex fc:items-center fc:justify-between fc:gap-3 fc:border-b fc:border-slate-100 fc:px-3 fc:py-2 last:fc:border-0",
         children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            "input",
+            {
+              type: "checkbox",
+              checked: isSelected,
+              onChange: (event) => updateSelectedUsers(
+                mapped ? setSelectedMappedIds : setSelectedUnmappedIds,
+                userId,
+                event.target.checked
+              ),
+              className: "fc:shrink-0"
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fc:min-w-0", children: [
             /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fc:truncate fc:text-xs fc:font-semibold fc:text-slate-700", children: getUserName(user) }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fc:text-[10px] fc:text-slate-400", children: [
-              "ID: ",
-              userId || "-"
-            ] })
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fc:mt-1 fc:grid fc:grid-cols-2 fc:gap-x-3 fc:gap-y-0.5", children: Object.entries(userValues).map(([key, value]) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fc:min-w-0 fc:text-[10px] fc:text-slate-500", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "fc:font-semibold fc:text-slate-600", children: [
+                key,
+                ": "
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "fc:break-words", children: value === null || value === void 0 ? "-" : typeof value === "object" ? JSON.stringify(value) : String(value) })
+            ] }, key)) })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             "button",
             {
               type: "button",
-              disabled: busyUserId === userId,
-              onClick: () => mapped ? unmapUser(user) : mapUser(user),
+              disabled: busyUserId !== null,
+              onClick: () => mapped ? unmapUsers([userId]) : mapUsers([userId]),
               className: `fc:shrink-0 fc:rounded-lg fc:px-2.5 fc:py-1 fc:text-[10px] fc:font-semibold disabled:fc:opacity-50 ${mapped ? "fc:bg-rose-50 fc:text-rose-600" : "fc:bg-emerald-50 fc:text-emerald-700"}`,
-              children: busyUserId === userId ? "..." : mapped ? "Unmap" : "Map"
+              children: busyUserId !== null ? "..." : mapped ? "Unmap" : "Map"
             }
           )
         ]
@@ -5086,62 +5134,57 @@ function AddUserHierarchyNodeMappingModal({ isOpen, onClose }) {
           "div",
           {
             className: "fc:grid fc:items-end fc:gap-3",
-            style: { gridTemplateColumns: "repeat(3, minmax(0, 1fr))" },
+            style: { gridTemplateColumns: "repeat(4, minmax(0, 1fr))" },
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "fc:text-xs fc:font-semibold fc:text-slate-600", children: [
-                "Workflow Step",
+                "Workflow",
                 /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
                   "select",
                   {
-                    name: "workflowStepId",
-                    value: formData.workflowStepId,
+                    name: "workflowId",
+                    value: formData.workflowId,
                     onChange: handleChange,
-                    disabled: isLoadingWorkflowSteps,
+                    disabled: isLoadingWorkflows,
                     style: fieldStyle,
                     className: "fc:mt-1 fc:w-full fc:rounded-lg fc:border fc:border-slate-200 fc:bg-white fc:px-2 fc:py-1.5 fc:text-xs",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: "", children: "Select step" }),
-                      workflowSteps.map((step) => {
-                        var _a, _b, _c, _d, _e, _f;
-                        const id = (_b = (_a = step.workflowStepId) != null ? _a : step.WorkflowStepId) != null ? _b : step.id;
-                        const name = (_f = (_e = (_d = (_c = step.stepName) != null ? _c : step.StepName) != null ? _d : step.name) != null ? _e : step.workflowStepName) != null ? _f : step.WorkflowStepName;
+                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: "", children: "Select workflow" }),
+                      workflows.map((workflow) => {
+                        var _a, _b, _c, _d, _e;
+                        const id = (_b = (_a = workflow.workflowId) != null ? _a : workflow.WorkflowId) != null ? _b : workflow.id;
+                        const name = (_e = (_d = (_c = workflow.workflowName) != null ? _c : workflow.WorkflowName) != null ? _d : workflow.name) != null ? _e : `Workflow ${id}`;
                         return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("option", { value: id, children: [
                           id,
-                          name ? ` - ${name}` : ""
+                          " - ",
+                          name
                         ] }, id);
                       })
                     ]
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "fc:text-xs fc:font-semibold fc:text-slate-600", children: [
-                "Role Code",
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-                  "input",
-                  {
-                    name: "roleCode",
-                    value: formData.roleCode,
-                    onChange: handleChange,
-                    placeholder: "DEO / RO",
-                    style: fieldStyle,
-                    className: "fc:mt-1 fc:w-full fc:rounded-lg fc:border fc:border-slate-200 fc:px-2 fc:py-1.5 fc:text-xs"
-                  }
-                )
-              ] }) }),
               /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "fc:text-xs fc:font-semibold fc:text-slate-600", children: [
-                "Primary",
+                "Workflow Step",
                 /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
                   "select",
                   {
-                    name: "isPrimary",
-                    value: formData.isPrimary,
+                    name: "workflowStepId",
+                    value: formData.workflowStepId,
                     onChange: handleChange,
+                    disabled: isLoadingWorkflowSteps || !formData.workflowId,
                     style: fieldStyle,
                     className: "fc:mt-1 fc:w-full fc:rounded-lg fc:border fc:border-slate-200 fc:bg-white fc:px-2 fc:py-1.5 fc:text-xs",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: "", children: "Select" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: "true", children: "Yes" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: "false", children: "No" })
+                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: "", children: "Select step" }),
+                      filteredWorkflowSteps.map((step) => {
+                        var _a, _b, _c, _d, _e, _f;
+                        const id = (_b = (_a = step.workflowStepId) != null ? _a : step.WorkflowStepId) != null ? _b : step.id;
+                        const name = (_f = (_e = (_d = (_c = step.stepName) != null ? _c : step.StepName) != null ? _d : step.name) != null ? _e : step.workflowStepName) != null ? _f : step.WorkflowStepName;
+                        return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("option", { value: id, children: [
+                          id,
+                          name ? ` - ${name}` : ""
+                        ] }, id);
+                      })
                     ]
                   }
                 )
@@ -5218,8 +5261,31 @@ function AddUserHierarchyNodeMappingModal({ isOpen, onClose }) {
                   style: { order: 2 },
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("header", { className: "fc:flex fc:justify-between fc:bg-amber-50 fc:px-4 fc:py-2.5", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { className: "fc:text-xs fc:font-bold fc:text-amber-800", children: "Unmapped Users" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "fc:text-xs fc:text-amber-700", children: unmappedUsers.length })
+                      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:font-bold fc:text-amber-800", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                          "input",
+                          {
+                            type: "checkbox",
+                            checked: unmappedUsers.length > 0 && selectedUnmappedIds.length === unmappedUsers.length,
+                            onChange: (event) => setSelectedUnmappedIds(
+                              event.target.checked ? unmappedUsers.map((user) => String(getUserId(user))) : []
+                            )
+                          }
+                        ),
+                        "Unmapped Users (",
+                        unmappedUsers.length,
+                        ")"
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                        "button",
+                        {
+                          type: "button",
+                          disabled: !selectedUnmappedIds.length || busyUserId !== null,
+                          onClick: () => mapUsers(),
+                          className: "fc:rounded-lg fc:bg-emerald-100 fc:px-2.5 fc:py-1 fc:text-[10px] fc:font-semibold fc:text-emerald-700 disabled:fc:opacity-50",
+                          children: "Map Selected"
+                        }
+                      )
                     ] }),
                     /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fc:max-h-64 fc:overflow-y-auto", children: unmappedUsers.length ? unmappedUsers.map((user) => renderUser(user, false)) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "fc:p-5 fc:text-center fc:text-sm fc:text-slate-400", children: "No unmapped users" }) })
                   ]
@@ -5232,8 +5298,31 @@ function AddUserHierarchyNodeMappingModal({ isOpen, onClose }) {
                   style: { order: 1 },
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("header", { className: "fc:flex fc:justify-between fc:bg-emerald-50 fc:px-4 fc:py-2.5", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h3", { className: "fc:text-xs fc:font-bold fc:text-emerald-800", children: "Mapped Users" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "fc:text-xs fc:text-emerald-700", children: mappedUsers.length })
+                      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("label", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:font-bold fc:text-emerald-800", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                          "input",
+                          {
+                            type: "checkbox",
+                            checked: mappedUsers.length > 0 && selectedMappedIds.length === mappedUsers.length,
+                            onChange: (event) => setSelectedMappedIds(
+                              event.target.checked ? mappedUsers.map((user) => String(getUserId(user))) : []
+                            )
+                          }
+                        ),
+                        "Mapped Users (",
+                        mappedUsers.length,
+                        ")"
+                      ] }),
+                      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                        "button",
+                        {
+                          type: "button",
+                          disabled: !selectedMappedIds.length || busyUserId !== null,
+                          onClick: () => unmapUsers(),
+                          className: "fc:rounded-lg fc:bg-rose-100 fc:px-2.5 fc:py-1 fc:text-[10px] fc:font-semibold fc:text-rose-700 disabled:fc:opacity-50",
+                          children: "Unmap Selected"
+                        }
+                      )
                     ] }),
                     /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fc:max-h-64 fc:overflow-y-auto", children: mappedUsers.length ? mappedUsers.map((user) => renderUser(user, true)) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "fc:p-5 fc:text-center fc:text-sm fc:text-slate-400", children: "No mapped users" }) })
                   ]
@@ -5351,7 +5440,7 @@ function EditUserHierarchyNodeMappingModal({
       [name]: value
     }));
   };
-  const toApiDateTime3 = (value) => {
+  const toApiDateTime4 = (value) => {
     if (!value) return null;
     if (typeof value === "string" && value.includes("T")) {
       const parsed = new Date(value);
@@ -5376,8 +5465,8 @@ function EditUserHierarchyNodeMappingModal({
         externalUserId: Number(selectedMapping.externalUserId),
         workflowStepId: Number(formData.workflowStepId),
         isPrimary: formData.isPrimary === "true",
-        effectiveFrom: toApiDateTime3(formData.effectiveFrom),
-        effectiveTo: toApiDateTime3(formData.effectiveTo),
+        effectiveFrom: toApiDateTime4(formData.effectiveFrom),
+        effectiveTo: toApiDateTime4(formData.effectiveTo),
         isActive: (_e = (_d = selectedMapping.isActive) != null ? _d : selectedMapping.status) != null ? _e : true,
         updatedBy: selectedMapping.updatedBy || selectedMapping.createdBy || "System"
       });
@@ -10012,7 +10101,7 @@ var formatDateForInput = (value) => {
   const day = String(date.getUTCDate()).padStart(2, "0");
   return `${year}-${month}-${day}`;
 };
-var toApiDateTime = (value) => {
+var toApiDateTime2 = (value) => {
   if (!value) return null;
   if (typeof value === "string" && value.includes("T")) {
     const parsed = new Date(value);
@@ -10124,10 +10213,10 @@ function EditTaskInstanceModal({
       ),
       assignedUserId: Number(formData.assignedUserId),
       status: formData.status,
-      dueDate: toApiDateTime(formData.dueDate),
+      dueDate: toApiDateTime2(formData.dueDate),
       slaStatus: formData.slaStatus,
-      reminderSentOn: toApiDateTime(formData.reminderSentOn),
-      escalatedOn: toApiDateTime(formData.escalatedOn),
+      reminderSentOn: toApiDateTime2(formData.reminderSentOn),
+      escalatedOn: toApiDateTime2(formData.escalatedOn),
       isActive: formData.isActive === "true",
       updatedBy: "System"
     };
@@ -10964,7 +11053,7 @@ var getTaskInstanceEndpoint2 = (action) => {
     return TASK_INSTANCE_ENDPOINTS2[action];
   }
 };
-var toApiDateTime2 = (value) => {
+var toApiDateTime3 = (value) => {
   if (!value) return null;
   if (typeof value === "string" && value.includes("T")) {
     const parsed = new Date(value);
@@ -11031,10 +11120,10 @@ function AddTaskInstanceModal({
       workflowStepId: Number(formData.workflowStepId),
       assignedUserId: Number(formData.assignedUserId),
       status: formData.status,
-      dueDate: toApiDateTime2(formData.dueDate),
+      dueDate: toApiDateTime3(formData.dueDate),
       slaStatus: formData.slaStatus,
-      reminderSentOn: toApiDateTime2(formData.reminderSentOn),
-      escalatedOn: toApiDateTime2(formData.escalatedOn),
+      reminderSentOn: toApiDateTime3(formData.reminderSentOn),
+      escalatedOn: toApiDateTime3(formData.escalatedOn),
       createdBy: formData.createdBy || "System"
     };
     setIsSubmitting(true);

package/dist/pkg-index.mjs

@@ -4675,25 +4675,27 @@ var getRows2 = (result) => {
   const value = (_e = (_d = (_c = (_a = result == null ? void 0 : result.data) == null ? void 0 : _a.data) != null ? _c : (_b = result == null ? void 0 : result.data) == null ? void 0 : _b.result) != null ? _d : result == null ? void 0 : result.data) != null ? _e : result;
   return Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
 };
+var toApiDateTime = (value) => {
+  if (!value) return null;
+  if (value.includes("T")) {
+    const parsed = new Date(value);
+    return Number.isNaN(parsed.getTime()) ? null : parsed.toISOString();
+  }
+  const [year, month, day] = value.split("-").map(Number);
+  if (!year || !month || !day) return null;
+  return new Date(Date.UTC(year, month - 1, day)).toISOString();
+};
+var getUserValues = (user) => (user == null ? void 0 : user.values) && typeof user.values === "object" ? user.values : user || {};
 var getUserId = (user) => {
-  var _a, _b, _c, _d, _e;
-  return (_e = (_d = (_c = (_b = (_a = user == null ? void 0 : user.externalUserId) != null ? _a : user == null ? void 0 : user.ExternalUserId) != null ? _b : user == null ? void 0 : user.userId) != null ? _c : user == null ? void 0 : user.UserId) != null ? _d : user == null ? void 0 : user.id) != null ? _e : user == null ? void 0 : user.Id;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  return (_k = (_i = (_g = (_e = (_c = (_a = getUserValues(user)) == null ? void 0 : _a.externalUserId) != null ? _c : (_b = getUserValues(user)) == null ? void 0 : _b.ExternalUserId) != null ? _e : (_d = getUserValues(user)) == null ? void 0 : _d.userId) != null ? _g : (_f = getUserValues(user)) == null ? void 0 : _f.UserId) != null ? _i : (_h = getUserValues(user)) == null ? void 0 : _h.id) != null ? _k : (_j = getUserValues(user)) == null ? void 0 : _j.Id;
 };
 var getUserName = (user) => {
-  var _a, _b, _c, _d, _e, _f, _g;
-  return (_g = (_e = (_d = (_c = (_b = (_a = user == null ? void 0 : user.userName) != null ? _a : user == null ? void 0 : user.UserName) != null ? _b : user == null ? void 0 : user.externalUserName) != null ? _c : user == null ? void 0 : user.ExternalUserName) != null ? _d : user == null ? void 0 : user.name) != null ? _e : user == null ? void 0 : user.Name) != null ? _g : `User ${(_f = getUserId(user)) != null ? _f : ""}`;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  return (_m = (_k = (_i = (_g = (_e = (_c = (_a = getUserValues(user)) == null ? void 0 : _a.userName) != null ? _c : (_b = getUserValues(user)) == null ? void 0 : _b.UserName) != null ? _e : (_d = getUserValues(user)) == null ? void 0 : _d.externalUserName) != null ? _g : (_f = getUserValues(user)) == null ? void 0 : _f.ExternalUserName) != null ? _i : (_h = getUserValues(user)) == null ? void 0 : _h.name) != null ? _k : (_j = getUserValues(user)) == null ? void 0 : _j.Name) != null ? _m : `User ${(_l = getUserId(user)) != null ? _l : ""}`;
 };
-var dummyUnmappedUsers = [
-  { externalUserId: 9001, externalUserName: "Demo Unmapped User 1" },
-  { externalUserId: 9002, externalUserName: "Demo Unmapped User 2" }
-];
-var dummyMappedUsers = [
-  {
-    externalUserId: 9010,
-    externalUserName: "Demo Mapped User 1",
-    workflowStepUserMappingId: 1
-  }
-];
+var dummyUnmappedUsers = [];
+var dummyMappedUsers = [];
 var fieldStyle = {
   border: "1px solid #cbd5e1",
   backgroundColor: "#ffffff",
@@ -4708,49 +4710,61 @@ function AddUserHierarchyNodeMappingModal({ isOpen, onClose }) {
     effectiveTo: ""
   });
   const [hierarchySelection, setHierarchySelection] = useState18(emptySelection);
+  const [workflows, setWorkflows] = useState18([]);
   const [workflowSteps, setWorkflowSteps] = useState18([]);
   const [unmappedUsers, setUnmappedUsers] = useState18([]);
   const [mappedUsers, setMappedUsers] = useState18([]);
   const [isLoadingWorkflowSteps, setIsLoadingWorkflowSteps] = useState18(false);
+  const [isLoadingWorkflows, setIsLoadingWorkflows] = useState18(false);
   const [isFetching, setIsFetching] = useState18(false);
   const [busyUserId, setBusyUserId] = useState18(null);
+  const [selectedUnmappedIds, setSelectedUnmappedIds] = useState18([]);
+  const [selectedMappedIds, setSelectedMappedIds] = useState18([]);
   const [hasFetched, setHasFetched] = useState18(false);
   const mappingEndpoints = () => {
     var _a;
     const flowCore = ((_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) || {};
-    const mapping = flowCore.WorkflowStepUserMapping || flowCore.workflowStepUserMapping || flowCore.WorkflowHierarchyNodeMapping || flowCore.workflowHierarchyNodeMapping || {};
+    const mapping = flowCore.mapping || {};
     return {
-      create: mapping.create || mapping.Create,
-      update: mapping.update || mapping.Update,
-      unmapped: mapping.getUnMappedExternalUserList || mapping.getUnmappedExternalUserList || "/api/flowcore/WorkflowHierarchyNodeMapping/GetUnMappedExternalUserList",
-      mapped: mapping.getMappedExternalUserList || "/api/flowcore/WorkflowHierarchyNodeMapping/GetMappedExternalUserList"
+      create: mapping.map || mapping.Map,
+      update: mapping.unmap || mapping.Unmap,
+      unmapped: mapping.GetUnMappedExternalUserList,
+      mapped: mapping.GetMappedExternalUserList
     };
   };
   useEffect16(() => {
     if (!isOpen) return;
-    const loadWorkflowSteps = async () => {
-      var _a, _b, _c, _d, _e, _f;
+    const loadLookups = async () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       setIsLoadingWorkflowSteps(true);
+      setIsLoadingWorkflows(true);
       try {
         const flowCore = ((_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) || {};
-        const endpoint2 = ((_b = flowCore.workflowStep) == null ? void 0 : _b.getList) || ((_c = flowCore.WorkFlowStep) == null ? void 0 : _c.getList) || ((_d = flowCore.workFlowStep) == null ? void 0 : _d.getList);
-        const result = endpoint2 ? await getApiService().get(endpoint2) : null;
-        setWorkflowSteps(result ? getRows2(result) : []);
+        const workflowEndpoint = ((_b = flowCore.workflow) == null ? void 0 : _b.getList) || ((_c = flowCore.WorkFlow) == null ? void 0 : _c.getList) || ((_d = flowCore.workFlow) == null ? void 0 : _d.getList);
+        const workflowStepEndpoint = ((_e = flowCore.workflowStep) == null ? void 0 : _e.getList) || ((_f = flowCore.WorkFlowStep) == null ? void 0 : _f.getList) || ((_g = flowCore.workFlowStep) == null ? void 0 : _g.getList);
+        const [workflowResult, workflowStepResult] = await Promise.all([
+          workflowEndpoint ? getApiService().get(workflowEndpoint) : null,
+          workflowStepEndpoint ? getApiService().get(workflowStepEndpoint) : null
+        ]);
+        setWorkflows(workflowResult ? getRows2(workflowResult) : []);
+        setWorkflowSteps(workflowStepResult ? getRows2(workflowStepResult) : []);
       } catch (error) {
         await Swal10.fire(
           "Error",
-          ((_f = (_e = error == null ? void 0 : error.response) == null ? void 0 : _e.data) == null ? void 0 : _f.message) || (error == null ? void 0 : error.message) || "Unable to load workflow steps.",
+          ((_i = (_h = error == null ? void 0 : error.response) == null ? void 0 : _h.data) == null ? void 0 : _i.message) || (error == null ? void 0 : error.message) || "Unable to load workflow steps.",
           "error"
         );
       } finally {
         setIsLoadingWorkflowSteps(false);
+        setIsLoadingWorkflows(false);
       }
     };
-    loadWorkflowSteps();
+    loadLookups();
   }, [isOpen]);
   useEffect16(() => {
     if (isOpen) return;
     setFormData({
+      workflowId: "",
       workflowStepId: "",
       roleCode: "",
       isPrimary: "",
@@ -4760,19 +4774,28 @@ function AddUserHierarchyNodeMappingModal({ isOpen, onClose }) {
     setHierarchySelection(emptySelection);
     setUnmappedUsers([]);
     setMappedUsers([]);
+    setSelectedUnmappedIds([]);
+    setSelectedMappedIds([]);
     setHasFetched(false);
   }, [isOpen]);
-  const handleChange = (event) => setFormData((previous) => __spreadProps(__spreadValues({}, previous), {
+  const handleChange = (event) => setFormData((previous) => __spreadProps(__spreadValues(__spreadValues({}, previous), event.target.name === "workflowId" ? { workflowStepId: "" } : {}), {
     [event.target.name]: event.target.value
   }));
+  const selectedWorkflowId = Number(formData.workflowId);
+  const filteredWorkflowSteps = workflowSteps.filter((step) => {
+    var _a;
+    const stepWorkflowId = Number((_a = step.workflowId) != null ? _a : step.WorkflowId);
+    return selectedWorkflowId && stepWorkflowId === selectedWorkflowId;
+  });
   const getQueryParams = () => ({
     hierarchyNodeId: Number(hierarchySelection.finalNodeId),
     hierarchyLevel: Number(hierarchySelection.selectedLevelId),
+    workflowId: Number(formData.workflowId),
     workflowStepId: Number(formData.workflowStepId)
   });
   const fetchUsers = async () => {
     const params = getQueryParams();
-    if (!params.workflowStepId || !params.hierarchyNodeId || !params.hierarchyLevel) {
+    if (!params.workflowId || !params.workflowStepId || !params.hierarchyNodeId || !params.hierarchyLevel) {
       await Swal10.fire(
         "Required fields",
         "Please select workflow step and final hierarchy node first.",
@@ -4783,53 +4806,64 @@ function AddUserHierarchyNodeMappingModal({ isOpen, onClose }) {
     setIsFetching(true);
     try {
       const endpoints = mappingEndpoints();
-      const [unmappedResult, mappedResult] = await Promise.all([
-        getApiService().get(endpoints.unmapped, {
-          params: {
-            hierarchyNodeId: params.hierarchyNodeId,
-            hierarchyLevel: params.hierarchyLevel
-          }
+      const [unmappedResult, mappedResult] = await Promise.allSettled([
+        getApiService().post(endpoints.unmapped, {
+          hierarchyNodeId: params.hierarchyNodeId,
+          hierarchyLevel: params.hierarchyLevel,
+          workflowId: params.workflowId,
+          workflowStepId: params.workflowStepId
         }),
-        getApiService().get(endpoints.mapped, { params })
+        getApiService().post(endpoints.mapped, {
+          hierarchyNodeId: params.hierarchyNodeId,
+          hierarchyLevel: params.hierarchyLevel,
+          workflowId: params.workflowId,
+          workflowStepId: params.workflowStepId
+        })
       ]);
-      const unmappedRows = getRows2(unmappedResult);
-      const mappedRows = getRows2(mappedResult);
+      const unmappedRows = unmappedResult.status === "fulfilled" ? getRows2(unmappedResult.value) : [];
+      const mappedRows = mappedResult.status === "fulfilled" ? getRows2(mappedResult.value) : [];
       setUnmappedUsers(unmappedRows.length ? unmappedRows : dummyUnmappedUsers);
       setMappedUsers(mappedRows.length ? mappedRows : dummyMappedUsers);
+      setSelectedUnmappedIds([]);
+      setSelectedMappedIds([]);
       setHasFetched(true);
-    } catch (error) {
-      console.warn(
-        "Unable to fetch mapped users. Showing temporary demo data.",
-        error
-      );
+    } catch (e) {
       setUnmappedUsers(dummyUnmappedUsers);
       setMappedUsers(dummyMappedUsers);
+      setSelectedUnmappedIds([]);
+      setSelectedMappedIds([]);
       setHasFetched(true);
     } finally {
       setIsFetching(false);
     }
   };
-  const mapUser = async (user) => {
+  const updateSelectedUsers = (setUserIds, userId, checked) => {
+    const normalizedId = String(userId);
+    setUserIds(
+      (previous) => checked ? [.../* @__PURE__ */ new Set([...previous, normalizedId])] : previous.filter((id) => id !== normalizedId)
+    );
+  };
+  const mapUsers = async (users = selectedUnmappedIds) => {
     var _a, _b;
-    const externalUserId = Number(getUserId(user));
-    if (!externalUserId) return;
-    setBusyUserId(externalUserId);
+    const externalUserIds = users.map(String).filter(Boolean);
+    if (!externalUserIds.length) return;
+    setBusyUserId("map");
     try {
       const endpoint2 = mappingEndpoints().create;
       if (!endpoint2)
         throw new Error(
-          "Workflow step user mapping create endpoint is not configured."
+          "External user map endpoint is not configured."
         );
       await getApiService().post(endpoint2, {
-        externalUserId,
+        workflowId: Number(formData.workflowId),
         workflowStepId: Number(formData.workflowStepId),
-        hierarchyNodeId: Number(hierarchySelection.finalNodeId),
-        roleCode: formData.roleCode,
+        externalUserIds,
         isPrimary: formData.isPrimary === "true",
-        effectiveFrom: formData.effectiveFrom || null,
-        effectiveTo: formData.effectiveTo || null,
+        effectiveFrom: toApiDateTime(formData.effectiveFrom),
+        effectiveTo: toApiDateTime(formData.effectiveTo),
         createdBy: "System"
       });
+      setSelectedUnmappedIds([]);
       await fetchUsers();
     } catch (error) {
       await Swal10.fire(
@@ -4841,35 +4875,28 @@ function AddUserHierarchyNodeMappingModal({ isOpen, onClose }) {
       setBusyUserId(null);
     }
   };
-  const unmapUser = async (user) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-    const externalUserId = Number(getUserId(user));
-    if (!externalUserId) return;
-    setBusyUserId(externalUserId);
+  const unmapUsers = async (users = selectedMappedIds) => {
+    var _a, _b;
+    const externalUserIds = users.map(String).filter(Boolean);
+    if (!externalUserIds.length) return;
+    setBusyUserId("unmap");
     try {
       const endpoint2 = mappingEndpoints().update;
       if (!endpoint2)
         throw new Error(
-          "Workflow step user mapping update endpoint is not configured."
+          "External user unmap endpoint is not configured."
         );
-      await getApiService().put(endpoint2, {
-        workflowStepUserMappingId: Number(
-          (_c = (_b = (_a = user.workflowStepUserMappingId) != null ? _a : user.WorkFlowStepUserMappingId) != null ? _b : user.mappingId) != null ? _c : user.id
-        ),
-        externalUserId,
+      await getApiService().post(endpoint2, {
         workflowStepId: Number(formData.workflowStepId),
-        hierarchyNodeId: Number(hierarchySelection.finalNodeId),
-        isPrimary: Boolean((_d = user.isPrimary) != null ? _d : user.IsPrimary),
-        effectiveFrom: (_f = (_e = user.effectiveFrom) != null ? _e : user.EffectiveFrom) != null ? _f : null,
-        effectiveTo: (_h = (_g = user.effectiveTo) != null ? _g : user.EffectiveTo) != null ? _h : null,
-        isActive: false,
+        externalUserIds,
         updatedBy: "System"
       });
+      setSelectedMappedIds([]);
       await fetchUsers();
     } catch (error) {
       await Swal10.fire(
         "Error",
-        ((_j = (_i = error == null ? void 0 : error.response) == null ? void 0 : _i.data) == null ? void 0 : _j.message) || (error == null ? void 0 : error.message) || "Unable to unmap user.",
+        ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || "Unable to unmap user.",
         "error"
       );
     } finally {
@@ -4877,27 +4904,48 @@ function AddUserHierarchyNodeMappingModal({ isOpen, onClose }) {
     }
   };
   const renderUser = (user, mapped) => {
-    const userId = Number(getUserId(user));
+    const userId = getUserId(user);
+    const userValues = getUserValues(user);
+    const normalizedUserId = String(userId);
+    const isSelected = (mapped ? selectedMappedIds : selectedUnmappedIds).includes(
+      normalizedUserId
+    );
     return /* @__PURE__ */ jsxs23(
       "div",
       {
         className: "fc:flex fc:items-center fc:justify-between fc:gap-3 fc:border-b fc:border-slate-100 fc:px-3 fc:py-2 last:fc:border-0",
         children: [
+          /* @__PURE__ */ jsx24(
+            "input",
+            {
+              type: "checkbox",
+              checked: isSelected,
+              onChange: (event) => updateSelectedUsers(
+                mapped ? setSelectedMappedIds : setSelectedUnmappedIds,
+                userId,
+                event.target.checked
+              ),
+              className: "fc:shrink-0"
+            }
+          ),
           /* @__PURE__ */ jsxs23("div", { className: "fc:min-w-0", children: [
             /* @__PURE__ */ jsx24("div", { className: "fc:truncate fc:text-xs fc:font-semibold fc:text-slate-700", children: getUserName(user) }),
-            /* @__PURE__ */ jsxs23("div", { className: "fc:text-[10px] fc:text-slate-400", children: [
-              "ID: ",
-              userId || "-"
-            ] })
+            /* @__PURE__ */ jsx24("div", { className: "fc:mt-1 fc:grid fc:grid-cols-2 fc:gap-x-3 fc:gap-y-0.5", children: Object.entries(userValues).map(([key, value]) => /* @__PURE__ */ jsxs23("div", { className: "fc:min-w-0 fc:text-[10px] fc:text-slate-500", children: [
+              /* @__PURE__ */ jsxs23("span", { className: "fc:font-semibold fc:text-slate-600", children: [
+                key,
+                ": "
+              ] }),
+              /* @__PURE__ */ jsx24("span", { className: "fc:break-words", children: value === null || value === void 0 ? "-" : typeof value === "object" ? JSON.stringify(value) : String(value) })
+            ] }, key)) })
           ] }),
           /* @__PURE__ */ jsx24(
             "button",
             {
               type: "button",
-              disabled: busyUserId === userId,
-              onClick: () => mapped ? unmapUser(user) : mapUser(user),
+              disabled: busyUserId !== null,
+              onClick: () => mapped ? unmapUsers([userId]) : mapUsers([userId]),
               className: `fc:shrink-0 fc:rounded-lg fc:px-2.5 fc:py-1 fc:text-[10px] fc:font-semibold disabled:fc:opacity-50 ${mapped ? "fc:bg-rose-50 fc:text-rose-600" : "fc:bg-emerald-50 fc:text-emerald-700"}`,
-              children: busyUserId === userId ? "..." : mapped ? "Unmap" : "Map"
+              children: busyUserId !== null ? "..." : mapped ? "Unmap" : "Map"
             }
           )
         ]
@@ -4944,62 +4992,57 @@ function AddUserHierarchyNodeMappingModal({ isOpen, onClose }) {
           "div",
           {
             className: "fc:grid fc:items-end fc:gap-3",
-            style: { gridTemplateColumns: "repeat(3, minmax(0, 1fr))" },
+            style: { gridTemplateColumns: "repeat(4, minmax(0, 1fr))" },
             children: [
               /* @__PURE__ */ jsxs23("label", { className: "fc:text-xs fc:font-semibold fc:text-slate-600", children: [
-                "Workflow Step",
+                "Workflow",
                 /* @__PURE__ */ jsxs23(
                   "select",
                   {
-                    name: "workflowStepId",
-                    value: formData.workflowStepId,
+                    name: "workflowId",
+                    value: formData.workflowId,
                     onChange: handleChange,
-                    disabled: isLoadingWorkflowSteps,
+                    disabled: isLoadingWorkflows,
                     style: fieldStyle,
                     className: "fc:mt-1 fc:w-full fc:rounded-lg fc:border fc:border-slate-200 fc:bg-white fc:px-2 fc:py-1.5 fc:text-xs",
                     children: [
-                      /* @__PURE__ */ jsx24("option", { value: "", children: "Select step" }),
-                      workflowSteps.map((step) => {
-                        var _a, _b, _c, _d, _e, _f;
-                        const id = (_b = (_a = step.workflowStepId) != null ? _a : step.WorkflowStepId) != null ? _b : step.id;
-                        const name = (_f = (_e = (_d = (_c = step.stepName) != null ? _c : step.StepName) != null ? _d : step.name) != null ? _e : step.workflowStepName) != null ? _f : step.WorkflowStepName;
+                      /* @__PURE__ */ jsx24("option", { value: "", children: "Select workflow" }),
+                      workflows.map((workflow) => {
+                        var _a, _b, _c, _d, _e;
+                        const id = (_b = (_a = workflow.workflowId) != null ? _a : workflow.WorkflowId) != null ? _b : workflow.id;
+                        const name = (_e = (_d = (_c = workflow.workflowName) != null ? _c : workflow.WorkflowName) != null ? _d : workflow.name) != null ? _e : `Workflow ${id}`;
                         return /* @__PURE__ */ jsxs23("option", { value: id, children: [
                           id,
-                          name ? ` - ${name}` : ""
+                          " - ",
+                          name
                         ] }, id);
                       })
                     ]
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsx24("div", { children: /* @__PURE__ */ jsxs23("label", { className: "fc:text-xs fc:font-semibold fc:text-slate-600", children: [
-                "Role Code",
-                /* @__PURE__ */ jsx24(
-                  "input",
-                  {
-                    name: "roleCode",
-                    value: formData.roleCode,
-                    onChange: handleChange,
-                    placeholder: "DEO / RO",
-                    style: fieldStyle,
-                    className: "fc:mt-1 fc:w-full fc:rounded-lg fc:border fc:border-slate-200 fc:px-2 fc:py-1.5 fc:text-xs"
-                  }
-                )
-              ] }) }),
               /* @__PURE__ */ jsxs23("label", { className: "fc:text-xs fc:font-semibold fc:text-slate-600", children: [
-                "Primary",
+                "Workflow Step",
                 /* @__PURE__ */ jsxs23(
                   "select",
                   {
-                    name: "isPrimary",
-                    value: formData.isPrimary,
+                    name: "workflowStepId",
+                    value: formData.workflowStepId,
                     onChange: handleChange,
+                    disabled: isLoadingWorkflowSteps || !formData.workflowId,
                     style: fieldStyle,
                     className: "fc:mt-1 fc:w-full fc:rounded-lg fc:border fc:border-slate-200 fc:bg-white fc:px-2 fc:py-1.5 fc:text-xs",
                     children: [
-                      /* @__PURE__ */ jsx24("option", { value: "", children: "Select" }),
-                      /* @__PURE__ */ jsx24("option", { value: "true", children: "Yes" }),
-                      /* @__PURE__ */ jsx24("option", { value: "false", children: "No" })
+                      /* @__PURE__ */ jsx24("option", { value: "", children: "Select step" }),
+                      filteredWorkflowSteps.map((step) => {
+                        var _a, _b, _c, _d, _e, _f;
+                        const id = (_b = (_a = step.workflowStepId) != null ? _a : step.WorkflowStepId) != null ? _b : step.id;
+                        const name = (_f = (_e = (_d = (_c = step.stepName) != null ? _c : step.StepName) != null ? _d : step.name) != null ? _e : step.workflowStepName) != null ? _f : step.WorkflowStepName;
+                        return /* @__PURE__ */ jsxs23("option", { value: id, children: [
+                          id,
+                          name ? ` - ${name}` : ""
+                        ] }, id);
+                      })
                     ]
                   }
                 )
@@ -5076,8 +5119,31 @@ function AddUserHierarchyNodeMappingModal({ isOpen, onClose }) {
                   style: { order: 2 },
                   children: [
                     /* @__PURE__ */ jsxs23("header", { className: "fc:flex fc:justify-between fc:bg-amber-50 fc:px-4 fc:py-2.5", children: [
-                      /* @__PURE__ */ jsx24("h3", { className: "fc:text-xs fc:font-bold fc:text-amber-800", children: "Unmapped Users" }),
-                      /* @__PURE__ */ jsx24("span", { className: "fc:text-xs fc:text-amber-700", children: unmappedUsers.length })
+                      /* @__PURE__ */ jsxs23("label", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:font-bold fc:text-amber-800", children: [
+                        /* @__PURE__ */ jsx24(
+                          "input",
+                          {
+                            type: "checkbox",
+                            checked: unmappedUsers.length > 0 && selectedUnmappedIds.length === unmappedUsers.length,
+                            onChange: (event) => setSelectedUnmappedIds(
+                              event.target.checked ? unmappedUsers.map((user) => String(getUserId(user))) : []
+                            )
+                          }
+                        ),
+                        "Unmapped Users (",
+                        unmappedUsers.length,
+                        ")"
+                      ] }),
+                      /* @__PURE__ */ jsx24(
+                        "button",
+                        {
+                          type: "button",
+                          disabled: !selectedUnmappedIds.length || busyUserId !== null,
+                          onClick: () => mapUsers(),
+                          className: "fc:rounded-lg fc:bg-emerald-100 fc:px-2.5 fc:py-1 fc:text-[10px] fc:font-semibold fc:text-emerald-700 disabled:fc:opacity-50",
+                          children: "Map Selected"
+                        }
+                      )
                     ] }),
                     /* @__PURE__ */ jsx24("div", { className: "fc:max-h-64 fc:overflow-y-auto", children: unmappedUsers.length ? unmappedUsers.map((user) => renderUser(user, false)) : /* @__PURE__ */ jsx24("p", { className: "fc:p-5 fc:text-center fc:text-sm fc:text-slate-400", children: "No unmapped users" }) })
                   ]
@@ -5090,8 +5156,31 @@ function AddUserHierarchyNodeMappingModal({ isOpen, onClose }) {
                   style: { order: 1 },
                   children: [
                     /* @__PURE__ */ jsxs23("header", { className: "fc:flex fc:justify-between fc:bg-emerald-50 fc:px-4 fc:py-2.5", children: [
-                      /* @__PURE__ */ jsx24("h3", { className: "fc:text-xs fc:font-bold fc:text-emerald-800", children: "Mapped Users" }),
-                      /* @__PURE__ */ jsx24("span", { className: "fc:text-xs fc:text-emerald-700", children: mappedUsers.length })
+                      /* @__PURE__ */ jsxs23("label", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:font-bold fc:text-emerald-800", children: [
+                        /* @__PURE__ */ jsx24(
+                          "input",
+                          {
+                            type: "checkbox",
+                            checked: mappedUsers.length > 0 && selectedMappedIds.length === mappedUsers.length,
+                            onChange: (event) => setSelectedMappedIds(
+                              event.target.checked ? mappedUsers.map((user) => String(getUserId(user))) : []
+                            )
+                          }
+                        ),
+                        "Mapped Users (",
+                        mappedUsers.length,
+                        ")"
+                      ] }),
+                      /* @__PURE__ */ jsx24(
+                        "button",
+                        {
+                          type: "button",
+                          disabled: !selectedMappedIds.length || busyUserId !== null,
+                          onClick: () => unmapUsers(),
+                          className: "fc:rounded-lg fc:bg-rose-100 fc:px-2.5 fc:py-1 fc:text-[10px] fc:font-semibold fc:text-rose-700 disabled:fc:opacity-50",
+                          children: "Unmap Selected"
+                        }
+                      )
                     ] }),
                     /* @__PURE__ */ jsx24("div", { className: "fc:max-h-64 fc:overflow-y-auto", children: mappedUsers.length ? mappedUsers.map((user) => renderUser(user, true)) : /* @__PURE__ */ jsx24("p", { className: "fc:p-5 fc:text-center fc:text-sm fc:text-slate-400", children: "No mapped users" }) })
                   ]
@@ -5207,7 +5296,7 @@ function EditUserHierarchyNodeMappingModal({
       [name]: value
     }));
   };
-  const toApiDateTime3 = (value) => {
+  const toApiDateTime4 = (value) => {
     if (!value) return null;
     if (typeof value === "string" && value.includes("T")) {
       const parsed = new Date(value);
@@ -5232,8 +5321,8 @@ function EditUserHierarchyNodeMappingModal({
         externalUserId: Number(selectedMapping.externalUserId),
         workflowStepId: Number(formData.workflowStepId),
         isPrimary: formData.isPrimary === "true",
-        effectiveFrom: toApiDateTime3(formData.effectiveFrom),
-        effectiveTo: toApiDateTime3(formData.effectiveTo),
+        effectiveFrom: toApiDateTime4(formData.effectiveFrom),
+        effectiveTo: toApiDateTime4(formData.effectiveTo),
         isActive: (_e = (_d = selectedMapping.isActive) != null ? _d : selectedMapping.status) != null ? _e : true,
         updatedBy: selectedMapping.updatedBy || selectedMapping.createdBy || "System"
       });
@@ -9850,7 +9939,7 @@ var formatDateForInput = (value) => {
   const day = String(date.getUTCDate()).padStart(2, "0");
   return `${year}-${month}-${day}`;
 };
-var toApiDateTime = (value) => {
+var toApiDateTime2 = (value) => {
   if (!value) return null;
   if (typeof value === "string" && value.includes("T")) {
     const parsed = new Date(value);
@@ -9962,10 +10051,10 @@ function EditTaskInstanceModal({
       ),
       assignedUserId: Number(formData.assignedUserId),
       status: formData.status,
-      dueDate: toApiDateTime(formData.dueDate),
+      dueDate: toApiDateTime2(formData.dueDate),
       slaStatus: formData.slaStatus,
-      reminderSentOn: toApiDateTime(formData.reminderSentOn),
-      escalatedOn: toApiDateTime(formData.escalatedOn),
+      reminderSentOn: toApiDateTime2(formData.reminderSentOn),
+      escalatedOn: toApiDateTime2(formData.escalatedOn),
       isActive: formData.isActive === "true",
       updatedBy: "System"
     };
@@ -10800,7 +10889,7 @@ var getTaskInstanceEndpoint2 = (action) => {
     return TASK_INSTANCE_ENDPOINTS2[action];
   }
 };
-var toApiDateTime2 = (value) => {
+var toApiDateTime3 = (value) => {
   if (!value) return null;
   if (typeof value === "string" && value.includes("T")) {
     const parsed = new Date(value);
@@ -10867,10 +10956,10 @@ function AddTaskInstanceModal({
       workflowStepId: Number(formData.workflowStepId),
       assignedUserId: Number(formData.assignedUserId),
       status: formData.status,
-      dueDate: toApiDateTime2(formData.dueDate),
+      dueDate: toApiDateTime3(formData.dueDate),
       slaStatus: formData.slaStatus,
-      reminderSentOn: toApiDateTime2(formData.reminderSentOn),
-      escalatedOn: toApiDateTime2(formData.escalatedOn),
+      reminderSentOn: toApiDateTime3(formData.reminderSentOn),
+      escalatedOn: toApiDateTime3(formData.escalatedOn),
       createdBy: formData.createdBy || "System"
     };
     setIsSubmitting(true);

package/package.json

@@ -1,6 +1,6 @@
   {
     "name": "flowcore-fn",
-    "version": "10.1.8",
+    "version": "10.2.1",
     "main": "dist/pkg-index.js",
     "module": "dist/pkg-index.mjs",
     "files": [