flowcore-fn 9.2.4 → 9.2.6

package/dist/pkg-index.css

@@ -92,8 +92,8 @@
     --fc-container-xs: 20rem;
     --fc-container-sm: 24rem;
     --fc-container-md: 28rem;
+    --fc-container-xl: 36rem;
     --fc-container-2xl: 42rem;
-    --fc-container-3xl: 48rem;
     --fc-container-4xl: 56rem;
     --fc-container-5xl: 64rem;
     --fc-text-xs: 0.75rem;
@@ -389,6 +389,9 @@
   .fc\:right-0 {
     right: 0;
   }
+  .fc\:right-3 {
+    right: calc(var(--fc-spacing) * 3);
+  }
   .fc\:right-3\.5 {
     right: calc(var(--fc-spacing) * 3.5);
   }
@@ -404,6 +407,9 @@
   .fc\:bottom-0 {
     bottom: 0;
   }
+  .fc\:bottom-2 {
+    bottom: calc(var(--fc-spacing) * 2);
+  }
   .fc\:-left-10 {
     left: calc(var(--fc-spacing) * -10);
   }
@@ -455,6 +461,9 @@
   .fc\:mt-1 {
     margin-top: var(--fc-spacing);
   }
+  .fc\:mt-1\.5 {
+    margin-top: calc(var(--fc-spacing) * 1.5);
+  }
   .fc\:mt-2 {
     margin-top: calc(var(--fc-spacing) * 2);
   }
@@ -626,12 +635,6 @@
   .fc\:h-screen {
     height: 100vh;
   }
-  .fc\:max-h-\[70vh\] {
-    max-height: 70vh;
-  }
-  .fc\:max-h-\[80vh\] {
-    max-height: 80vh;
-  }
   .fc\:max-h-\[90vh\] {
     max-height: 90vh;
   }
@@ -764,9 +767,6 @@
   .fc\:max-w-2xl {
     max-width: var(--fc-container-2xl);
   }
-  .fc\:max-w-3xl {
-    max-width: var(--fc-container-3xl);
-  }
   .fc\:max-w-4xl {
     max-width: var(--fc-container-4xl);
   }
@@ -782,12 +782,18 @@
   .fc\:max-w-sm {
     max-width: var(--fc-container-sm);
   }
+  .fc\:max-w-xl {
+    max-width: var(--fc-container-xl);
+  }
   .fc\:max-w-xs {
     max-width: var(--fc-container-xs);
   }
   .fc\:min-w-0 {
     min-width: 0;
   }
+  .fc\:min-w-32 {
+    min-width: calc(var(--fc-spacing) * 32);
+  }
   .fc\:min-w-\[28px\] {
     min-width: 28px;
   }

package/dist/pkg-index.js

@@ -48,6 +48,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var pkg_index_exports = {};
 __export(pkg_index_exports, {
   ApiEndpointsProvider: () => ApiEndpointsProvider_default,
+  ApiServicepackage: () => ApiServicepackage_default,
   Layout: () => Layout_default,
   Sidebar: () => Sidebar
 });
@@ -1560,177 +1561,154 @@ function WorkflowTypeTable({
 
 // src/components/workflow-type/AddWorkflowTypeModal.jsx
 var import_react14 = __toESM(require("react"));
+
+// src/components/Service/ApiEndpointsProvider.js
+var STORAGE_KEY = "FLOWCORE_API_ENDPOINTS";
+var apiEndpoints = null;
+var ApiEndpointsProvider = ({ apiEndpoints: endpoints }) => {
+  if (typeof window !== "undefined" && endpoints) {
+    apiEndpoints = endpoints;
+    sessionStorage.setItem(
+      STORAGE_KEY,
+      JSON.stringify(endpoints)
+    );
+  }
+  return null;
+};
+var getApiEndpoints = () => {
+  if (apiEndpoints) {
+    return apiEndpoints;
+  }
+  if (typeof window !== "undefined") {
+    const data = sessionStorage.getItem(STORAGE_KEY);
+    if (data) {
+      apiEndpoints = JSON.parse(data);
+      return apiEndpoints;
+    }
+  }
+  throw new Error(
+    "Api Endpoints not initialized. Please render <ApiEndpointsProvider apiEndpoints={ApiEndPoints} /> once before using FlowCore."
+  );
+};
+var ApiEndpointsProvider_default = ApiEndpointsProvider;
+
+// src/components/Service/ApiServicepackage.js
+var apiService = null;
+var ApiServicepackage = ({ apiService: service }) => {
+  if (service) {
+    apiService = service;
+  }
+  return null;
+};
+var getApiService = () => {
+  if (apiService) {
+    return apiService;
+  }
+  throw new Error(
+    "ApiService not initialized. Please render <ApiServicepackage apiService={ApiService} /> once before using FlowCore."
+  );
+};
+var ApiServicepackage_default = ApiServicepackage;
+
+// src/components/workflow-type/AddWorkflowTypeModal.jsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var AddWorkflowTypeModal = ({
-  isOpen,
-  onClose,
-  onSave
-}) => {
-  const [formData, setFormData] = (0, import_react14.useState)({
-    workflowTypeId: "",
-    workflowCode: "",
-    workflowName: "",
-    version: 1,
-    isPublished: "No",
-    description: "",
-    isActive: true
-  });
-  const [workflowTypeOptions, setWorkflowTypeOptions] = (0, import_react14.useState)([]);
+var initialFormData = {
+  workflowTypeCode: "",
+  workflowTypeName: "",
+  description: "",
+  createdBy: ""
+};
+var AddWorkflowTypeModal = ({ isOpen, onClose, onSave, createdBy = "" }) => {
+  const [formData, setFormData] = (0, import_react14.useState)(__spreadProps(__spreadValues({}, initialFormData), {
+    createdBy
+  }));
   const [errors, setErrors] = (0, import_react14.useState)({});
-  (0, import_react14.useEffect)(() => {
-    const options = [{
-      workflowTypeId: 1,
-      workflowTypeName: "Citizen Petition",
-      workflowTypeCode: "PETITION"
-    }, {
-      workflowTypeId: 2,
-      workflowTypeName: "Building Permission",
-      workflowTypeCode: "BUILDING"
-    }, {
-      workflowTypeId: 3,
-      workflowTypeName: "Leave Application",
-      workflowTypeCode: "LEAVE"
-    }];
-    setWorkflowTypeOptions(options);
-  }, []);
-  const handleChange = (e) => {
-    const {
-      name,
-      value,
-      type,
-      checked
-    } = e.target;
+  const [isSubmitting, setIsSubmitting] = (0, import_react14.useState)(false);
+  const [submitError, setSubmitError] = (0, import_react14.useState)("");
+  const handleChange = ({ target: { name, value } }) => {
     if (name === "description" && value.length > 500) return;
-    setFormData((prev) => __spreadProps(__spreadValues({}, prev), {
-      [name]: type === "checkbox" ? checked : value
-    }));
-    if (errors[name]) {
-      setErrors((prev) => __spreadProps(__spreadValues({}, prev), {
-        [name]: ""
-      }));
-    }
+    setFormData((previous) => __spreadProps(__spreadValues({}, previous), { [name]: value }));
+    setErrors((previous) => __spreadProps(__spreadValues({}, previous), { [name]: "" }));
+    setSubmitError("");
   };
   const validateForm = () => {
-    let newErrors = {};
-    if (!formData.workflowTypeId) newErrors.workflowTypeId = "Workflow Type is required";
-    if (!formData.workflowCode.trim()) newErrors.workflowCode = "Workflow Code is required";
-    if (!formData.workflowName.trim()) newErrors.workflowName = "Workflow Name is required";
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
-  };
-  const handleSubmit = (e) => {
-    e.preventDefault();
+    const nextErrors = {};
+    if (!formData.workflowTypeCode.trim()) nextErrors.workflowTypeCode = "Workflow type code is required";
+    if (!formData.workflowTypeName.trim()) nextErrors.workflowTypeName = "Workflow type name is required";
+    if (!formData.createdBy.trim()) nextErrors.createdBy = "Created by is required";
+    setErrors(nextErrors);
+    return Object.keys(nextErrors).length === 0;
+  };
+  const handleClose = () => {
+    if (!isSubmitting) onClose();
+  };
+  const handleSubmit = async (event) => {
+    var _a, _b, _c, _d, _e;
+    event.preventDefault();
     if (!validateForm()) return;
     const payload = {
-      workflowTypeId: parseInt(formData.workflowTypeId, 10),
-      workflowCode: formData.workflowCode.toUpperCase().trim(),
-      workflowName: formData.workflowName.trim(),
-      version: parseInt(formData.version, 10),
-      isPublished: formData.isPublished === "Yes",
-      isActive: formData.isActive,
-      description: formData.description.trim()
+      workflowTypeCode: formData.workflowTypeCode.trim().toUpperCase(),
+      workflowTypeName: formData.workflowTypeName.trim(),
+      description: formData.description.trim(),
+      createdBy: formData.createdBy.trim()
     };
-    onSave(payload);
-    handleReset();
-    onClose();
-  };
-  const handleReset = () => {
-    setFormData({
-      workflowTypeId: "",
-      workflowCode: "",
-      workflowName: "",
-      version: 1,
-      isPublished: "No",
-      description: "",
-      isActive: true
-    });
-    setErrors({});
+    try {
+      setIsSubmitting(true);
+      setSubmitError("");
+      const endpoints = getApiEndpoints();
+      const endpoint = (_b = (_a = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _a.workflow) == null ? void 0 : _b.createWorkflowList;
+      if (!endpoint) throw new Error("Create workflow type endpoint is not configured.");
+      const response = await getApiService().post(endpoint, payload);
+      await (onSave == null ? void 0 : onSave((_c = response == null ? void 0 : response.data) != null ? _c : response));
+      setFormData(__spreadProps(__spreadValues({}, initialFormData), { createdBy }));
+      setErrors({});
+      onClose();
+    } catch (error) {
+      setSubmitError(
+        ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || "Unable to create workflow type. Please try again."
+      );
+    } finally {
+      setIsSubmitting(false);
+    }
   };
   if (!isOpen) return null;
-  return (
-    /* Completely Light Overlay (No Pitch Black Backdrop) */
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:bg-black/20 fc:p-4 fc:backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:bg-white fc:rounded-2xl fc:shadow-2xl fc:border fc:border-gray-100 fc:w-full fc:max-w-3xl fc:max-h-[80vh] fc:overflow-hidden fc:transition-all", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-6 fc:py-3 fc:border-b fc:border-gray-100", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "fc:w-10 fc:h-10 fc:rounded-xl fc:bg-blue-50 fc:text-[#2563eb] fc:flex fc:items-center fc:justify-center fc:font-bold", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { className: "fc:w-5 fc:h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h2", { className: "fc:text-xl fc:font-bold fc:text-gray-800", children: "Add Workflow" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "fc:text-xs fc:text-gray-400", children: "Create a new workflow and configure its details" })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { onClick: onClose, className: "fc:text-gray-400 hover:fc:fc:text-gray-600 fc:transition fc:text-xl fc:font-medium", children: "\u2715" })
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:bg-black/20 fc:p-4 fc:backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:w-full fc:max-w-xl fc:overflow-hidden fc:rounded-2xl fc:border fc:border-gray-100 fc:bg-white fc:shadow-2xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:border-b fc:border-gray-100 fc:px-6 fc:py-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h2", { className: "fc:text-xl fc:font-bold fc:text-gray-800", children: "Add Workflow Type" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "fc:text-xs fc:text-gray-400", children: "Create a new workflow type" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("form", { onSubmit: handleSubmit, className: "fc:p-4 fc:space-y-3 fc:overflow-y-auto fc:max-h-[70vh]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:bg-gray-50/70 fc:rounded-xl fc:p-5 fc:border fc:border-gray-100", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("h3", { className: "fc:text-sm fc:font-semibold fc:text-[#2563eb] fc:mb-4 fc:flex fc:items-center fc:gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "\u{1F4CB}" }),
-            " Workflow Information"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:grid fc:grid-cols-2 fc:gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
-                "Workflow Type ",
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-red-500", children: "*" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("select", { name: "workflowTypeId", value: formData.workflowTypeId, onChange: handleChange, className: `fc:w-full fc:border fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:bg-white fc:focus:outline-none fc:focus:ring-2 fc:focus:ring-indigo-500/10 fc:focus:border-indigo-500 ${errors.workflowTypeId ? "fc:border-red-500" : "fc:border-slate-200 fc:text-slate-700"}`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "", children: "Select workflow type" }),
-                workflowTypeOptions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: item.workflowTypeId, children: item.workflowTypeName }, item.workflowTypeId))
-              ] }),
-              errors.workflowTypeId && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.workflowTypeId })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
-                "Workflow Code ",
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-red-500", children: "*" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", { type: "text", name: "workflowCode", placeholder: "Enter workflow code", value: formData.workflowCode, onChange: handleChange, className: `fc:w-full fc:border fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:bg-white fc:focus:outline-none fc:focus:ring-2 fc:focus:ring-indigo-500/10 fc:focus:border-indigo-500 ${errors.workflowCode ? "fc:border-red-500" : "fc:border-slate-200 fc:text-slate-700"}` }),
-              errors.workflowCode && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.workflowCode })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:col-span-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
-                "Workflow Name ",
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-red-500", children: "*" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", { type: "text", name: "workflowName", placeholder: "Enter workflow name", value: formData.workflowName, onChange: handleChange, className: `fc:w-full fc:border fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:bg-white fc:focus:outline-none fc:focus:ring-2 fc:focus:ring-indigo-500/10 fc:focus:border-indigo-500 ${errors.workflowName ? "fc:border-red-500" : "fc:border-slate-200 fc:text-slate-700"}` }),
-              errors.workflowName && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.workflowName })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
-                "Version ",
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-red-500", children: "*" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", { type: "number", name: "version", value: formData.version, onChange: handleChange, className: "fc:w-full fc:border fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:bg-white fc:focus:outline-none fc:focus:ring-2 fc:focus:ring-indigo-500/10 fc:focus:border-indigo-500 fc:border-slate-200 fc:text-slate-700", readOnly: true })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
-                "Published ",
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-red-500", children: "*" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("select", { name: "isPublished", value: formData.isPublished, onChange: handleChange, className: "fc:w-full fc:border fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:bg-white fc:focus:outline-none fc:focus:ring-2 fc:focus:ring-indigo-500/10 fc:focus:border-indigo-500 fc:border-slate-200 fc:text-slate-700", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "No", children: "No" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "Yes", children: "Yes" })
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:col-span-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:mb-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700", children: "Description" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "fc:text-[11px] fc:text-gray-400", children: [
-                  formData.description.length,
-                  " / 500"
-                ] })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("textarea", { name: "description", rows: "3", placeholder: "Enter detailed description...", value: formData.description, onChange: handleChange, className: "fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:border-gray-200 fc:rounded-lg focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/20 focus:fc:fc:border-[#2563eb] fc:outline-none fc:resize-none fc:transition" })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:flex fc:justify-end fc:items-center fc:gap-3 fc:pt-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", onClick: onClose, className: "fc:px-5 fc:py-2.5 fc:text-sm fc:font-medium fc:text-gray-600 fc:bg-gray-100 hover:fc:fc:bg-gray-200 fc:rounded-xl fc:transition", children: "\u2715 Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "submit", className: "fc:px-6 fc:py-2.5 fc:text-sm fc:font-semibold fc:text-white fc:bg-[#2563eb] hover:fc:fc:bg-[#1d4ed8] active:fc:fc:scale-95 fc:rounded-xl fc:shadow-md fc:transition-all fc:flex fc:items-center fc:gap-2", children: "Save Workflow" })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", onClick: handleClose, disabled: isSubmitting, "aria-label": "Close", className: "fc:text-xl fc:text-gray-400 hover:fc:text-gray-600", children: "\xD7" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("form", { onSubmit: handleSubmit, className: "fc:space-y-4 fc:p-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:grid fc:grid-cols-2 fc:gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormField, { label: "Workflow Type Code", required: true, error: errors.workflowTypeCode, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", { name: "workflowTypeCode", value: formData.workflowTypeCode, onChange: handleChange, placeholder: "e.g. PETITION", className: inputClass(errors.workflowTypeCode) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormField, { label: "Workflow Type Name", required: true, error: errors.workflowTypeName, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", { name: "workflowTypeName", value: formData.workflowTypeName, onChange: handleChange, placeholder: "Enter workflow type name", className: inputClass(errors.workflowTypeName) }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormField, { label: "Created By", required: true, error: errors.createdBy, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", { name: "createdBy", value: formData.createdBy, onChange: handleChange, placeholder: "Enter user name or ID", className: inputClass(errors.createdBy) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormField, { label: "Description", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("textarea", { name: "description", rows: "3", value: formData.description, onChange: handleChange, placeholder: "Enter description", className: "fc:w-full fc:resize-none fc:rounded-xl fc:border fc:border-slate-200 fc:p-3 fc:text-sm fc:text-slate-700 fc:outline-none focus:fc:border-indigo-500" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "fc:absolute fc:bottom-2 fc:right-3 fc:text-xs fc:text-gray-400", children: [
+          formData.description.length,
+          "/500"
         ] })
+      ] }) }),
+      submitError && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { role: "alert", className: "fc:rounded-lg fc:bg-red-50 fc:p-3 fc:text-sm fc:text-red-600", children: submitError }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:flex fc:justify-end fc:gap-3 fc:border-t fc:border-gray-100 fc:pt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", onClick: handleClose, disabled: isSubmitting, className: "fc:rounded-xl fc:bg-gray-100 fc:px-5 fc:py-2.5 fc:text-sm fc:font-medium fc:text-gray-600 disabled:fc:cursor-not-allowed", children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "submit", disabled: isSubmitting, className: "fc:flex fc:min-w-32 fc:justify-center fc:rounded-xl fc:bg-[#2563eb] fc:px-6 fc:py-2.5 fc:text-sm fc:font-semibold fc:text-white disabled:fc:cursor-not-allowed disabled:fc:opacity-60", children: isSubmitting ? "Saving..." : "Save Workflow Type" })
       ] })
-    ] }) })
-  );
+    ] })
+  ] }) });
 };
+var inputClass = (hasError) => `fc:w-full fc:rounded-xl fc:border fc:bg-white fc:p-3 fc:text-sm fc:text-slate-700 fc:outline-none focus:fc:border-indigo-500 ${hasError ? "fc:border-red-500" : "fc:border-slate-200"}`;
+var FormField = ({ label, required, error, children }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700", children: [
+  label,
+  " ",
+  required && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-red-500", children: "*" }),
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "fc:mt-1.5", children }),
+  error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:mt-1 fc:block fc:text-xs fc:text-red-500", children: error })
+] });
 var AddWorkflowTypeModal_default = AddWorkflowTypeModal;
 
 // src/components/workflow-type/WorkflowTypeMains.js
@@ -11902,24 +11880,10 @@ var Layout = ({ children }) => {
   ) });
 };
 var Layout_default = Layout;
-
-// src/components/Service/ApiEndpointsProvider.js
-var STORAGE_KEY = "FLOWCORE_API_ENDPOINTS";
-var apiEndpoints = null;
-var ApiEndpointsProvider = ({ apiEndpoints: endpoints }) => {
-  if (typeof window !== "undefined" && endpoints) {
-    apiEndpoints = endpoints;
-    sessionStorage.setItem(
-      STORAGE_KEY,
-      JSON.stringify(endpoints)
-    );
-  }
-  return null;
-};
-var ApiEndpointsProvider_default = ApiEndpointsProvider;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ApiEndpointsProvider,
+  ApiServicepackage,
   Layout,
   Sidebar
 });

package/dist/pkg-index.mjs

@@ -1524,178 +1524,155 @@ function WorkflowTypeTable({
 }
 
 // src/components/workflow-type/AddWorkflowTypeModal.jsx
-import React14, { useState as useState8, useEffect as useEffect5 } from "react";
+import React14, { useState as useState8 } from "react";
+
+// src/components/Service/ApiEndpointsProvider.js
+var STORAGE_KEY = "FLOWCORE_API_ENDPOINTS";
+var apiEndpoints = null;
+var ApiEndpointsProvider = ({ apiEndpoints: endpoints }) => {
+  if (typeof window !== "undefined" && endpoints) {
+    apiEndpoints = endpoints;
+    sessionStorage.setItem(
+      STORAGE_KEY,
+      JSON.stringify(endpoints)
+    );
+  }
+  return null;
+};
+var getApiEndpoints = () => {
+  if (apiEndpoints) {
+    return apiEndpoints;
+  }
+  if (typeof window !== "undefined") {
+    const data = sessionStorage.getItem(STORAGE_KEY);
+    if (data) {
+      apiEndpoints = JSON.parse(data);
+      return apiEndpoints;
+    }
+  }
+  throw new Error(
+    "Api Endpoints not initialized. Please render <ApiEndpointsProvider apiEndpoints={ApiEndPoints} /> once before using FlowCore."
+  );
+};
+var ApiEndpointsProvider_default = ApiEndpointsProvider;
+
+// src/components/Service/ApiServicepackage.js
+var apiService = null;
+var ApiServicepackage = ({ apiService: service }) => {
+  if (service) {
+    apiService = service;
+  }
+  return null;
+};
+var getApiService = () => {
+  if (apiService) {
+    return apiService;
+  }
+  throw new Error(
+    "ApiService not initialized. Please render <ApiServicepackage apiService={ApiService} /> once before using FlowCore."
+  );
+};
+var ApiServicepackage_default = ApiServicepackage;
+
+// src/components/workflow-type/AddWorkflowTypeModal.jsx
 import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
-var AddWorkflowTypeModal = ({
-  isOpen,
-  onClose,
-  onSave
-}) => {
-  const [formData, setFormData] = useState8({
-    workflowTypeId: "",
-    workflowCode: "",
-    workflowName: "",
-    version: 1,
-    isPublished: "No",
-    description: "",
-    isActive: true
-  });
-  const [workflowTypeOptions, setWorkflowTypeOptions] = useState8([]);
+var initialFormData = {
+  workflowTypeCode: "",
+  workflowTypeName: "",
+  description: "",
+  createdBy: ""
+};
+var AddWorkflowTypeModal = ({ isOpen, onClose, onSave, createdBy = "" }) => {
+  const [formData, setFormData] = useState8(__spreadProps(__spreadValues({}, initialFormData), {
+    createdBy
+  }));
   const [errors, setErrors] = useState8({});
-  useEffect5(() => {
-    const options = [{
-      workflowTypeId: 1,
-      workflowTypeName: "Citizen Petition",
-      workflowTypeCode: "PETITION"
-    }, {
-      workflowTypeId: 2,
-      workflowTypeName: "Building Permission",
-      workflowTypeCode: "BUILDING"
-    }, {
-      workflowTypeId: 3,
-      workflowTypeName: "Leave Application",
-      workflowTypeCode: "LEAVE"
-    }];
-    setWorkflowTypeOptions(options);
-  }, []);
-  const handleChange = (e) => {
-    const {
-      name,
-      value,
-      type,
-      checked
-    } = e.target;
+  const [isSubmitting, setIsSubmitting] = useState8(false);
+  const [submitError, setSubmitError] = useState8("");
+  const handleChange = ({ target: { name, value } }) => {
     if (name === "description" && value.length > 500) return;
-    setFormData((prev) => __spreadProps(__spreadValues({}, prev), {
-      [name]: type === "checkbox" ? checked : value
-    }));
-    if (errors[name]) {
-      setErrors((prev) => __spreadProps(__spreadValues({}, prev), {
-        [name]: ""
-      }));
-    }
+    setFormData((previous) => __spreadProps(__spreadValues({}, previous), { [name]: value }));
+    setErrors((previous) => __spreadProps(__spreadValues({}, previous), { [name]: "" }));
+    setSubmitError("");
   };
   const validateForm = () => {
-    let newErrors = {};
-    if (!formData.workflowTypeId) newErrors.workflowTypeId = "Workflow Type is required";
-    if (!formData.workflowCode.trim()) newErrors.workflowCode = "Workflow Code is required";
-    if (!formData.workflowName.trim()) newErrors.workflowName = "Workflow Name is required";
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
-  };
-  const handleSubmit = (e) => {
-    e.preventDefault();
+    const nextErrors = {};
+    if (!formData.workflowTypeCode.trim()) nextErrors.workflowTypeCode = "Workflow type code is required";
+    if (!formData.workflowTypeName.trim()) nextErrors.workflowTypeName = "Workflow type name is required";
+    if (!formData.createdBy.trim()) nextErrors.createdBy = "Created by is required";
+    setErrors(nextErrors);
+    return Object.keys(nextErrors).length === 0;
+  };
+  const handleClose = () => {
+    if (!isSubmitting) onClose();
+  };
+  const handleSubmit = async (event) => {
+    var _a, _b, _c, _d, _e;
+    event.preventDefault();
     if (!validateForm()) return;
     const payload = {
-      workflowTypeId: parseInt(formData.workflowTypeId, 10),
-      workflowCode: formData.workflowCode.toUpperCase().trim(),
-      workflowName: formData.workflowName.trim(),
-      version: parseInt(formData.version, 10),
-      isPublished: formData.isPublished === "Yes",
-      isActive: formData.isActive,
-      description: formData.description.trim()
+      workflowTypeCode: formData.workflowTypeCode.trim().toUpperCase(),
+      workflowTypeName: formData.workflowTypeName.trim(),
+      description: formData.description.trim(),
+      createdBy: formData.createdBy.trim()
     };
-    onSave(payload);
-    handleReset();
-    onClose();
-  };
-  const handleReset = () => {
-    setFormData({
-      workflowTypeId: "",
-      workflowCode: "",
-      workflowName: "",
-      version: 1,
-      isPublished: "No",
-      description: "",
-      isActive: true
-    });
-    setErrors({});
+    try {
+      setIsSubmitting(true);
+      setSubmitError("");
+      const endpoints = getApiEndpoints();
+      const endpoint = (_b = (_a = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _a.workflow) == null ? void 0 : _b.createWorkflowList;
+      if (!endpoint) throw new Error("Create workflow type endpoint is not configured.");
+      const response = await getApiService().post(endpoint, payload);
+      await (onSave == null ? void 0 : onSave((_c = response == null ? void 0 : response.data) != null ? _c : response));
+      setFormData(__spreadProps(__spreadValues({}, initialFormData), { createdBy }));
+      setErrors({});
+      onClose();
+    } catch (error) {
+      setSubmitError(
+        ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || "Unable to create workflow type. Please try again."
+      );
+    } finally {
+      setIsSubmitting(false);
+    }
   };
   if (!isOpen) return null;
-  return (
-    /* Completely Light Overlay (No Pitch Black Backdrop) */
-    /* @__PURE__ */ jsx14("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:bg-black/20 fc:p-4 fc:backdrop-blur-sm", children: /* @__PURE__ */ jsxs13("div", { className: "fc:bg-white fc:rounded-2xl fc:shadow-2xl fc:border fc:border-gray-100 fc:w-full fc:max-w-3xl fc:max-h-[80vh] fc:overflow-hidden fc:transition-all", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-6 fc:py-3 fc:border-b fc:border-gray-100", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
-          /* @__PURE__ */ jsx14("div", { className: "fc:w-10 fc:h-10 fc:rounded-xl fc:bg-blue-50 fc:text-[#2563eb] fc:flex fc:items-center fc:justify-center fc:font-bold", children: /* @__PURE__ */ jsx14("svg", { className: "fc:w-5 fc:h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx14("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }) }) }),
-          /* @__PURE__ */ jsxs13("div", { children: [
-            /* @__PURE__ */ jsx14("h2", { className: "fc:text-xl fc:font-bold fc:text-gray-800", children: "Add Workflow" }),
-            /* @__PURE__ */ jsx14("p", { className: "fc:text-xs fc:text-gray-400", children: "Create a new workflow and configure its details" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx14("button", { onClick: onClose, className: "fc:text-gray-400 hover:fc:fc:text-gray-600 fc:transition fc:text-xl fc:font-medium", children: "\u2715" })
+  return /* @__PURE__ */ jsx14("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:bg-black/20 fc:p-4 fc:backdrop-blur-sm", children: /* @__PURE__ */ jsxs13("div", { className: "fc:w-full fc:max-w-xl fc:overflow-hidden fc:rounded-2xl fc:border fc:border-gray-100 fc:bg-white fc:shadow-2xl", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "fc:flex fc:items-center fc:justify-between fc:border-b fc:border-gray-100 fc:px-6 fc:py-4", children: [
+      /* @__PURE__ */ jsxs13("div", { children: [
+        /* @__PURE__ */ jsx14("h2", { className: "fc:text-xl fc:font-bold fc:text-gray-800", children: "Add Workflow Type" }),
+        /* @__PURE__ */ jsx14("p", { className: "fc:text-xs fc:text-gray-400", children: "Create a new workflow type" })
       ] }),
-      /* @__PURE__ */ jsxs13("form", { onSubmit: handleSubmit, className: "fc:p-4 fc:space-y-3 fc:overflow-y-auto fc:max-h-[70vh]", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "fc:bg-gray-50/70 fc:rounded-xl fc:p-5 fc:border fc:border-gray-100", children: [
-          /* @__PURE__ */ jsxs13("h3", { className: "fc:text-sm fc:font-semibold fc:text-[#2563eb] fc:mb-4 fc:flex fc:items-center fc:gap-2", children: [
-            /* @__PURE__ */ jsx14("span", { children: "\u{1F4CB}" }),
-            " Workflow Information"
-          ] }),
-          /* @__PURE__ */ jsxs13("div", { className: "fc:grid fc:grid-cols-2 fc:gap-5", children: [
-            /* @__PURE__ */ jsxs13("div", { children: [
-              /* @__PURE__ */ jsxs13("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
-                "Workflow Type ",
-                /* @__PURE__ */ jsx14("span", { className: "fc:text-red-500", children: "*" })
-              ] }),
-              /* @__PURE__ */ jsxs13("select", { name: "workflowTypeId", value: formData.workflowTypeId, onChange: handleChange, className: `fc:w-full fc:border fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:bg-white fc:focus:outline-none fc:focus:ring-2 fc:focus:ring-indigo-500/10 fc:focus:border-indigo-500 ${errors.workflowTypeId ? "fc:border-red-500" : "fc:border-slate-200 fc:text-slate-700"}`, children: [
-                /* @__PURE__ */ jsx14("option", { value: "", children: "Select workflow type" }),
-                workflowTypeOptions.map((item) => /* @__PURE__ */ jsx14("option", { value: item.workflowTypeId, children: item.workflowTypeName }, item.workflowTypeId))
-              ] }),
-              errors.workflowTypeId && /* @__PURE__ */ jsx14("span", { className: "fc:text-xs fc:text-red-500", children: errors.workflowTypeId })
-            ] }),
-            /* @__PURE__ */ jsxs13("div", { children: [
-              /* @__PURE__ */ jsxs13("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
-                "Workflow Code ",
-                /* @__PURE__ */ jsx14("span", { className: "fc:text-red-500", children: "*" })
-              ] }),
-              /* @__PURE__ */ jsx14("input", { type: "text", name: "workflowCode", placeholder: "Enter workflow code", value: formData.workflowCode, onChange: handleChange, className: `fc:w-full fc:border fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:bg-white fc:focus:outline-none fc:focus:ring-2 fc:focus:ring-indigo-500/10 fc:focus:border-indigo-500 ${errors.workflowCode ? "fc:border-red-500" : "fc:border-slate-200 fc:text-slate-700"}` }),
-              errors.workflowCode && /* @__PURE__ */ jsx14("span", { className: "fc:text-xs fc:text-red-500", children: errors.workflowCode })
-            ] }),
-            /* @__PURE__ */ jsxs13("div", { className: "fc:col-span-2", children: [
-              /* @__PURE__ */ jsxs13("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
-                "Workflow Name ",
-                /* @__PURE__ */ jsx14("span", { className: "fc:text-red-500", children: "*" })
-              ] }),
-              /* @__PURE__ */ jsx14("input", { type: "text", name: "workflowName", placeholder: "Enter workflow name", value: formData.workflowName, onChange: handleChange, className: `fc:w-full fc:border fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:bg-white fc:focus:outline-none fc:focus:ring-2 fc:focus:ring-indigo-500/10 fc:focus:border-indigo-500 ${errors.workflowName ? "fc:border-red-500" : "fc:border-slate-200 fc:text-slate-700"}` }),
-              errors.workflowName && /* @__PURE__ */ jsx14("span", { className: "fc:text-xs fc:text-red-500", children: errors.workflowName })
-            ] }),
-            /* @__PURE__ */ jsxs13("div", { children: [
-              /* @__PURE__ */ jsxs13("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
-                "Version ",
-                /* @__PURE__ */ jsx14("span", { className: "fc:text-red-500", children: "*" })
-              ] }),
-              /* @__PURE__ */ jsx14("input", { type: "number", name: "version", value: formData.version, onChange: handleChange, className: "fc:w-full fc:border fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:bg-white fc:focus:outline-none fc:focus:ring-2 fc:focus:ring-indigo-500/10 fc:focus:border-indigo-500 fc:border-slate-200 fc:text-slate-700", readOnly: true })
-            ] }),
-            /* @__PURE__ */ jsxs13("div", { children: [
-              /* @__PURE__ */ jsxs13("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
-                "Published ",
-                /* @__PURE__ */ jsx14("span", { className: "fc:text-red-500", children: "*" })
-              ] }),
-              /* @__PURE__ */ jsxs13("select", { name: "isPublished", value: formData.isPublished, onChange: handleChange, className: "fc:w-full fc:border fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:bg-white fc:focus:outline-none fc:focus:ring-2 fc:focus:ring-indigo-500/10 fc:focus:border-indigo-500 fc:border-slate-200 fc:text-slate-700", children: [
-                /* @__PURE__ */ jsx14("option", { value: "No", children: "No" }),
-                /* @__PURE__ */ jsx14("option", { value: "Yes", children: "Yes" })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs13("div", { className: "fc:col-span-2", children: [
-              /* @__PURE__ */ jsxs13("div", { className: "fc:flex fc:justify-between fc:items-center fc:mb-1.5", children: [
-                /* @__PURE__ */ jsx14("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700", children: "Description" }),
-                /* @__PURE__ */ jsxs13("span", { className: "fc:text-[11px] fc:text-gray-400", children: [
-                  formData.description.length,
-                  " / 500"
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx14("textarea", { name: "description", rows: "3", placeholder: "Enter detailed description...", value: formData.description, onChange: handleChange, className: "fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:border-gray-200 fc:rounded-lg focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/20 focus:fc:fc:border-[#2563eb] fc:outline-none fc:resize-none fc:transition" })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs13("div", { className: "fc:flex fc:justify-end fc:items-center fc:gap-3 fc:pt-2", children: [
-          /* @__PURE__ */ jsx14("button", { type: "button", onClick: onClose, className: "fc:px-5 fc:py-2.5 fc:text-sm fc:font-medium fc:text-gray-600 fc:bg-gray-100 hover:fc:fc:bg-gray-200 fc:rounded-xl fc:transition", children: "\u2715 Cancel" }),
-          /* @__PURE__ */ jsx14("button", { type: "submit", className: "fc:px-6 fc:py-2.5 fc:text-sm fc:font-semibold fc:text-white fc:bg-[#2563eb] hover:fc:fc:bg-[#1d4ed8] active:fc:fc:scale-95 fc:rounded-xl fc:shadow-md fc:transition-all fc:flex fc:items-center fc:gap-2", children: "Save Workflow" })
+      /* @__PURE__ */ jsx14("button", { type: "button", onClick: handleClose, disabled: isSubmitting, "aria-label": "Close", className: "fc:text-xl fc:text-gray-400 hover:fc:text-gray-600", children: "\xD7" })
+    ] }),
+    /* @__PURE__ */ jsxs13("form", { onSubmit: handleSubmit, className: "fc:space-y-4 fc:p-6", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "fc:grid fc:grid-cols-2 fc:gap-4", children: [
+        /* @__PURE__ */ jsx14(FormField, { label: "Workflow Type Code", required: true, error: errors.workflowTypeCode, children: /* @__PURE__ */ jsx14("input", { name: "workflowTypeCode", value: formData.workflowTypeCode, onChange: handleChange, placeholder: "e.g. PETITION", className: inputClass(errors.workflowTypeCode) }) }),
+        /* @__PURE__ */ jsx14(FormField, { label: "Workflow Type Name", required: true, error: errors.workflowTypeName, children: /* @__PURE__ */ jsx14("input", { name: "workflowTypeName", value: formData.workflowTypeName, onChange: handleChange, placeholder: "Enter workflow type name", className: inputClass(errors.workflowTypeName) }) })
+      ] }),
+      /* @__PURE__ */ jsx14(FormField, { label: "Created By", required: true, error: errors.createdBy, children: /* @__PURE__ */ jsx14("input", { name: "createdBy", value: formData.createdBy, onChange: handleChange, placeholder: "Enter user name or ID", className: inputClass(errors.createdBy) }) }),
+      /* @__PURE__ */ jsx14(FormField, { label: "Description", children: /* @__PURE__ */ jsxs13("div", { className: "fc:relative", children: [
+        /* @__PURE__ */ jsx14("textarea", { name: "description", rows: "3", value: formData.description, onChange: handleChange, placeholder: "Enter description", className: "fc:w-full fc:resize-none fc:rounded-xl fc:border fc:border-slate-200 fc:p-3 fc:text-sm fc:text-slate-700 fc:outline-none focus:fc:border-indigo-500" }),
+        /* @__PURE__ */ jsxs13("span", { className: "fc:absolute fc:bottom-2 fc:right-3 fc:text-xs fc:text-gray-400", children: [
+          formData.description.length,
+          "/500"
         ] })
+      ] }) }),
+      submitError && /* @__PURE__ */ jsx14("p", { role: "alert", className: "fc:rounded-lg fc:bg-red-50 fc:p-3 fc:text-sm fc:text-red-600", children: submitError }),
+      /* @__PURE__ */ jsxs13("div", { className: "fc:flex fc:justify-end fc:gap-3 fc:border-t fc:border-gray-100 fc:pt-4", children: [
+        /* @__PURE__ */ jsx14("button", { type: "button", onClick: handleClose, disabled: isSubmitting, className: "fc:rounded-xl fc:bg-gray-100 fc:px-5 fc:py-2.5 fc:text-sm fc:font-medium fc:text-gray-600 disabled:fc:cursor-not-allowed", children: "Cancel" }),
+        /* @__PURE__ */ jsx14("button", { type: "submit", disabled: isSubmitting, className: "fc:flex fc:min-w-32 fc:justify-center fc:rounded-xl fc:bg-[#2563eb] fc:px-6 fc:py-2.5 fc:text-sm fc:font-semibold fc:text-white disabled:fc:cursor-not-allowed disabled:fc:opacity-60", children: isSubmitting ? "Saving..." : "Save Workflow Type" })
       ] })
-    ] }) })
-  );
+    ] })
+  ] }) });
 };
+var inputClass = (hasError) => `fc:w-full fc:rounded-xl fc:border fc:bg-white fc:p-3 fc:text-sm fc:text-slate-700 fc:outline-none focus:fc:border-indigo-500 ${hasError ? "fc:border-red-500" : "fc:border-slate-200"}`;
+var FormField = ({ label, required, error, children }) => /* @__PURE__ */ jsxs13("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700", children: [
+  label,
+  " ",
+  required && /* @__PURE__ */ jsx14("span", { className: "fc:text-red-500", children: "*" }),
+  /* @__PURE__ */ jsx14("div", { className: "fc:mt-1.5", children }),
+  error && /* @__PURE__ */ jsx14("span", { className: "fc:mt-1 fc:block fc:text-xs fc:text-red-500", children: error })
+] });
 var AddWorkflowTypeModal_default = AddWorkflowTypeModal;
 
 // src/components/workflow-type/WorkflowTypeMains.js
@@ -3064,10 +3041,10 @@ function MappingSearchBar({
 }
 
 // src/components/user-hierarchy-node-mapping/userhierarchynodetable.jsx
-import React25, { useState as useState15, useEffect as useEffect7 } from "react";
+import React25, { useState as useState15, useEffect as useEffect6 } from "react";
 
 // src/components/user-hierarchy-node-mapping/edit-mapping.jsx
-import React23, { useEffect as useEffect6, useState as useState14 } from "react";
+import React23, { useEffect as useEffect5, useState as useState14 } from "react";
 import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
 function EditUserHierarchyNodeMappingModal({
   isOpen,
@@ -3082,7 +3059,7 @@ function EditUserHierarchyNodeMappingModal({
     effectiveFrom: "",
     effectiveTo: ""
   });
-  useEffect6(() => {
+  useEffect5(() => {
     if (selectedMapping) {
       setFormData({
         hierarchyNodeId: selectedMapping.hierarchyNodeId || "",
@@ -3586,7 +3563,7 @@ function UserHierarchyNodeMappingTable({
     const query = (searchQuery || "").toLowerCase();
     return String(item.mappingId).toLowerCase().includes(query) || String(item.externalUserId).toLowerCase().includes(query) || String(item.hierarchyNodeId).toLowerCase().includes(query) || item.roleCode.toLowerCase().includes(query);
   });
-  useEffect7(() => {
+  useEffect6(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -3779,10 +3756,10 @@ function SearchBar3({
 }
 
 // src/components/document-configuration/DocumentConfigurationTable.jsx
-import React30, { useState as useState18, useEffect as useEffect9 } from "react";
+import React30, { useState as useState18, useEffect as useEffect8 } from "react";
 
 // src/components/document-configuration/Edit.jsx
-import React28, { useState as useState17, useEffect as useEffect8 } from "react";
+import React28, { useState as useState17, useEffect as useEffect7 } from "react";
 import { jsx as jsx28, jsxs as jsxs27 } from "react/jsx-runtime";
 function EditDocumentConfiguration({
   isOpen,
@@ -3800,7 +3777,7 @@ function EditDocumentConfiguration({
     status: "Active"
   });
   const [errors, setErrors] = useState17({});
-  useEffect8(() => {
+  useEffect7(() => {
     if (initialData) {
       const sizeParts = (initialData.maxSize || "10 MB").split(" ");
       setFormData({
@@ -4230,7 +4207,7 @@ function DocumentConfigTable({
     const query = (searchQuery || "").toLowerCase();
     return item.docName.toLowerCase().includes(query) || item.extensions.toLowerCase().includes(query) || item.stepId.toLowerCase().includes(query);
   });
-  useEffect9(() => {
+  useEffect8(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -4651,7 +4628,7 @@ function SearchBar4({
 }
 
 // src/components/audit-log/AuditLogTable.jsx
-import React34, { useState as useState21, useEffect as useEffect10 } from "react";
+import React34, { useState as useState21, useEffect as useEffect9 } from "react";
 import { jsx as jsx34, jsxs as jsxs33 } from "react/jsx-runtime";
 function AuditLogTable({
   pageSize,
@@ -4879,7 +4856,7 @@ function AuditLogTable({
     const query = (searchQuery || "").toLowerCase();
     return item.logId.toLowerCase().includes(query) || item.user.toLowerCase().includes(query) || item.section.toLowerCase().includes(query) || item.action.toLowerCase().includes(query);
   });
-  useEffect10(() => {
+  useEffect9(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -5167,7 +5144,7 @@ function SearchBar5({
 }
 
 // src/components/movement-history/MovementHistoryTable.jsx
-import React38, { useState as useState24, useEffect as useEffect11 } from "react";
+import React38, { useState as useState24, useEffect as useEffect10 } from "react";
 import { jsx as jsx38, jsxs as jsxs37 } from "react/jsx-runtime";
 function MovementHistoryTable({
   pageSize,
@@ -5395,7 +5372,7 @@ function MovementHistoryTable({
     const query = (searchQuery || "").toLowerCase();
     return item.movementHistoryId.toLowerCase().includes(query) || item.name.toLowerCase().includes(query) || item.toStepId.toLowerCase().includes(query);
   });
-  useEffect11(() => {
+  useEffect10(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -5677,7 +5654,7 @@ function SearchBar6({
 }
 
 // src/components/task-permission/Table.js
-import React42, { useState as useState27, useEffect as useEffect12 } from "react";
+import React42, { useState as useState27, useEffect as useEffect11 } from "react";
 import { jsx as jsx42, jsxs as jsxs41 } from "react/jsx-runtime";
 function Table({
   pageSize,
@@ -5924,7 +5901,7 @@ function Table({
     }
     return item.taskId && item.taskId.toString().toLowerCase().includes(query) || item.role && item.role.toLowerCase().includes(query) || item.taskName && item.taskName.toLowerCase().includes(query) || item.permissionType && item.permissionType.toLowerCase().includes(query);
   });
-  useEffect12(() => {
+  useEffect11(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -6261,7 +6238,7 @@ function SearchBar7({
 }
 
 // src/components/Workflow-Setting/Table.js
-import React46, { useState as useState30, useEffect as useEffect13 } from "react";
+import React46, { useState as useState30, useEffect as useEffect12 } from "react";
 import { jsx as jsx46, jsxs as jsxs45 } from "react/jsx-runtime";
 function Table2({
   pageSize,
@@ -6508,7 +6485,7 @@ function Table2({
     }
     return item.settingId && item.settingId.toString().toLowerCase().includes(query) || item.moduleName && item.moduleName.toLowerCase().includes(query) || item.executionOrder && item.executionOrder.toString().toLowerCase().includes(query) || item.SLA && item.SLA.toLowerCase().includes(query);
   });
-  useEffect13(() => {
+  useEffect12(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -6784,7 +6761,7 @@ function SearchBar8({
 }
 
 // src/components/notification/Table.js
-import React50, { useState as useState33, useEffect as useEffect14 } from "react";
+import React50, { useState as useState33, useEffect as useEffect13 } from "react";
 import { jsx as jsx50, jsxs as jsxs49 } from "react/jsx-runtime";
 function Table3({
   pageSize,
@@ -7031,7 +7008,7 @@ function Table3({
     }
     return item.notificationId && item.notificationId.toString().toLowerCase().includes(query) || item.eventTrigger && item.eventTrigger.toLowerCase().includes(query) || item.channelType && item.channelType.toLowerCase().includes(query) || item.recipientGroup && item.recipientGroup.toLowerCase().includes(query);
   });
-  useEffect14(() => {
+  useEffect13(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -7317,10 +7294,10 @@ function TaskInstanceSearchBar({
 }
 
 // src/components/task-instance/taskinstancetable.jsx
-import React56, { useState as useState37, useEffect as useEffect16 } from "react";
+import React56, { useState as useState37, useEffect as useEffect15 } from "react";
 
 // src/components/task-instance/edit-instance.jsx
-import React54, { useEffect as useEffect15, useState as useState36 } from "react";
+import React54, { useEffect as useEffect14, useState as useState36 } from "react";
 import { jsx as jsx54, jsxs as jsxs53 } from "react/jsx-runtime";
 function EditTaskInstanceModal({
   isOpen,
@@ -7336,7 +7313,7 @@ function EditTaskInstanceModal({
     escalatedOn: "",
     slaStatus: ""
   });
-  useEffect15(() => {
+  useEffect14(() => {
     if (selectedTask) {
       setFormData({
         assignedUserId: selectedTask.assignedUserId || selectedTask.assigned_user_id || "",
@@ -7857,7 +7834,7 @@ function TaskInstanceTable({
     const query = (searchQuery || "").toLowerCase();
     return String(item.taskInstanceId).includes(query) || String(item.fileInstanceId).includes(query) || String(item.workflowStepId).includes(query) || String(item.assignedUserId).includes(query) || item.status.toLowerCase().includes(query);
   });
-  useEffect16(() => {
+  useEffect15(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -8226,7 +8203,7 @@ function CommentSearchBar({
 }
 
 // src/components/comment/commenttable.jsx
-import React60, { useState as useState39, useEffect as useEffect17 } from "react";
+import React60, { useState as useState39, useEffect as useEffect16 } from "react";
 import { jsx as jsx60, jsxs as jsxs59 } from "react/jsx-runtime";
 function CommentTable({
   pageSize,
@@ -8454,7 +8431,7 @@ function CommentTable({
     const query = (searchQuery || "").toLowerCase();
     return String(item.commentId).toLowerCase().includes(query) || String(item.taskInstanceId).toLowerCase().includes(query) || item.comment.toLowerCase().includes(query) || String(item.commentedBy).toLowerCase().includes(query);
   });
-  useEffect17(() => {
+  useEffect16(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -8828,10 +8805,10 @@ function SearchBar9({ searchQuery, setSearchQuery }) {
 }
 
 // src/components/hierarchy-node/HierarchyTable.jsx
-import React66, { useState as useState43, useEffect as useEffect19 } from "react";
+import React66, { useState as useState43, useEffect as useEffect18 } from "react";
 
 // src/components/hierarchy-node/AddEditModal.jsx
-import React64, { useEffect as useEffect18, useState as useState42 } from "react";
+import React64, { useEffect as useEffect17, useState as useState42 } from "react";
 import { jsx as jsx64, jsxs as jsxs63 } from "react/jsx-runtime";
 function AddEditModal2({
   isOpen,
@@ -8849,7 +8826,7 @@ function AddEditModal2({
     externalEntityId: "",
     isActive: true
   });
-  useEffect18(() => {
+  useEffect17(() => {
     if (editData) {
       setFormData(editData);
     }
@@ -9164,7 +9141,7 @@ function HierarchyTable({
   const [editOpen, setEditOpen] = useState43(false);
   const [deleteOpen, setDeleteOpen] = useState43(false);
   const [selectedNode, setSelectedNode] = useState43(null);
-  useEffect19(() => {
+  useEffect18(() => {
     setCurrentPage(1);
   }, [searchQuery, pageSize]);
   const handleSort = (column) => {
@@ -11186,7 +11163,7 @@ function SearchBar12({
 }
 
 // src/components/assignment-rule/Table.js
-import React82, { useState as useState53, useEffect as useEffect20 } from "react";
+import React82, { useState as useState53, useEffect as useEffect19 } from "react";
 import { jsx as jsx82, jsxs as jsxs81 } from "react/jsx-runtime";
 function Table4({
   pageSize,
@@ -11352,7 +11329,7 @@ function Table4({
     const query = searchQuery.toLowerCase().trim();
     return item.workflowStepId && item.workflowStepId.toString().toLowerCase().includes(query) || item.assignmentType && item.assignmentType.toLowerCase().includes(query) || item.hierarchyNodeType && item.hierarchyNodeType.toLowerCase().includes(query) || item.dynamicFunctionId && item.dynamicFunctionId.toString().toLowerCase().includes(query);
   });
-  useEffect20(() => {
+  useEffect19(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -11867,23 +11844,9 @@ var Layout = ({ children }) => {
   ) });
 };
 var Layout_default = Layout;
-
-// src/components/Service/ApiEndpointsProvider.js
-var STORAGE_KEY = "FLOWCORE_API_ENDPOINTS";
-var apiEndpoints = null;
-var ApiEndpointsProvider = ({ apiEndpoints: endpoints }) => {
-  if (typeof window !== "undefined" && endpoints) {
-    apiEndpoints = endpoints;
-    sessionStorage.setItem(
-      STORAGE_KEY,
-      JSON.stringify(endpoints)
-    );
-  }
-  return null;
-};
-var ApiEndpointsProvider_default = ApiEndpointsProvider;
 export {
   ApiEndpointsProvider_default as ApiEndpointsProvider,
+  ApiServicepackage_default as ApiServicepackage,
   Layout_default as Layout,
   Sidebar
 };

package/package.json

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