flowcore-fn 6.2.0 → 7.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/pkg-index.css +1628 -2
- package/dist/pkg-index.js +298 -317
- package/dist/pkg-index.mjs +296 -314
- package/package.json +3 -11
package/dist/pkg-index.mjs
CHANGED
|
@@ -18,20 +18,25 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
|
|
21
|
-
//
|
|
21
|
+
// src/components/Sidebar.jsx
|
|
22
|
+
import { useState as useState21 } from "react";
|
|
23
|
+
import { RiFlowChart, RiShieldUserLine, RiFolder3Line, RiCheckboxCircleLine, RiRouteLine, RiMessage2Line, RiMenuLine, RiGitMergeLine, RiNodeTree, RiGitBranchLine, RiCornerDownRightLine, RiUserSettingsLine, RiFileShieldLine, RiUserSharedLine, RiSettings4Line, RiFileSettingsLine, RiFileList3Line, RiFileUploadLine, RiNotification4Line, RiDatabase2Line, RiChat3Line, RiCheckboxMultipleLine, RiShieldCheckLine, RiHistoryLine, RiArrowDownSLine, RiArrowRightSLine } from "@remixicon/react";
|
|
24
|
+
import { useRouter } from "next/router";
|
|
25
|
+
|
|
26
|
+
// src/pages/WorkflowPage.js
|
|
22
27
|
import React6, { useState as useState2 } from "react";
|
|
23
28
|
|
|
24
|
-
//
|
|
29
|
+
// src/components/Workflow/SearchBar.jsx
|
|
25
30
|
import React from "react";
|
|
26
31
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
27
32
|
function SearchBar() {
|
|
28
33
|
return /* @__PURE__ */ jsxs("div", { className: "fc:relative fc:max-w-sm fc:w-full", children: [
|
|
29
34
|
/* @__PURE__ */ jsx("span", { className: "fc:absolute fc:inset-y-0 fc:left-0 fc:flex fc:items-center fc:pl-3.5 fc:pointer-events-none", children: /* @__PURE__ */ jsx("svg", { className: "fc:w-4.5 fc:h-4.5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
30
|
-
/* @__PURE__ */ jsx("input", { type: "text", placeholder: "Search workflow name or code...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm fc:bg-slate-50/50 focus:fc:outline-none focus:fc:ring-4 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all fc:shadow-sm" })
|
|
35
|
+
/* @__PURE__ */ jsx("input", { type: "text", placeholder: "Search workflow name or code...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm fc:bg-slate-50/50 focus:fc:fc:outline-none focus:fc:fc:ring-4 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all fc:shadow-sm" })
|
|
31
36
|
] });
|
|
32
37
|
}
|
|
33
38
|
|
|
34
|
-
//
|
|
39
|
+
// src/components/Workflow/WorkflowTable.jsx
|
|
35
40
|
import React2, { useState } from "react";
|
|
36
41
|
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
37
42
|
function WorkflowTable({
|
|
@@ -174,45 +179,45 @@ function WorkflowTable({
|
|
|
174
179
|
/* @__PURE__ */ jsx2("div", { className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-hidden", children: /* @__PURE__ */ jsx2("div", { className: "fc:max-h-[420px] fc:overflow-y-auto fc:overflow-x-auto", children: /* @__PURE__ */ jsxs2("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white", children: [
|
|
175
180
|
/* @__PURE__ */ jsx2("thead", { className: "fc:sticky fc:top-0 fc:z-10 fc:bg-slate-50 fc:shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ jsxs2("tr", { className: "fc:bg-slate-50/70 fc:border-b fc:border-slate-200 fc:text-xs fc:font-bold fc:uppercase fc:tracking-wider fc:text-slate-500 fc:shadow-sm", children: [
|
|
176
181
|
/* @__PURE__ */ jsx2("th", { className: "fc:bg-slate-50 fc:py-4.5 fc:px-5 fc:w-20 fc:text-center", children: "S.No" }),
|
|
177
|
-
/* @__PURE__ */ jsx2("th", { onClick: () => handleSort("name"), className: "fc:bg-slate-50 fc:py-4.5 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:text-slate-900", children: /* @__PURE__ */ jsxs2("div", { className: "fc:flex fc:items-center fc:gap-1", children: [
|
|
182
|
+
/* @__PURE__ */ jsx2("th", { onClick: () => handleSort("name"), className: "fc:bg-slate-50 fc:py-4.5 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900", children: /* @__PURE__ */ jsxs2("div", { className: "fc:flex fc:items-center fc:gap-1", children: [
|
|
178
183
|
"Workflow Name",
|
|
179
184
|
getSortIcon("name")
|
|
180
185
|
] }) }),
|
|
181
|
-
/* @__PURE__ */ jsx2("th", { "bg-slate-50": true, onClick: () => handleSort("code"), className: "fc:py-4.5 fc:px-5 fc:cursor-pointer fc:select-none hover:fc:text-slate-900", children: /* @__PURE__ */ jsxs2("div", { className: "fc:flex fc:items-center fc:gap-1", children: [
|
|
186
|
+
/* @__PURE__ */ jsx2("th", { "bg-slate-50": true, onClick: () => handleSort("code"), className: "fc:py-4.5 fc:px-5 fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900", children: /* @__PURE__ */ jsxs2("div", { className: "fc:flex fc:items-center fc:gap-1", children: [
|
|
182
187
|
"Workflow Code",
|
|
183
188
|
getSortIcon("code")
|
|
184
189
|
] }) }),
|
|
185
|
-
/* @__PURE__ */ jsx2("th", { "bg-slate-50": true, onClick: () => handleSort("type"), className: "fc:py-4.5 fc:px-5 fc:cursor-pointer fc:select-none hover:fc:text-slate-900", children: /* @__PURE__ */ jsxs2("div", { className: "fc:flex fc:items-center fc:gap-1", children: [
|
|
190
|
+
/* @__PURE__ */ jsx2("th", { "bg-slate-50": true, onClick: () => handleSort("type"), className: "fc:py-4.5 fc:px-5 fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900", children: /* @__PURE__ */ jsxs2("div", { className: "fc:flex fc:items-center fc:gap-1", children: [
|
|
186
191
|
"Workflow Type",
|
|
187
192
|
getSortIcon("type")
|
|
188
193
|
] }) }),
|
|
189
|
-
/* @__PURE__ */ jsx2("th", { "bg-slate-50": true, onClick: () => handleSort("version"), className: "fc:py-4.5 fc:px-5 fc:text-center fc:cursor-pointer fc:select-none hover:fc:text-slate-900", children: /* @__PURE__ */ jsxs2("div", { className: "fc:flex fc:justify-center fc:items-center fc:gap-1", children: [
|
|
194
|
+
/* @__PURE__ */ jsx2("th", { "bg-slate-50": true, onClick: () => handleSort("version"), className: "fc:py-4.5 fc:px-5 fc:text-center fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900", children: /* @__PURE__ */ jsxs2("div", { className: "fc:flex fc:justify-center fc:items-center fc:gap-1", children: [
|
|
190
195
|
"Version",
|
|
191
196
|
getSortIcon("version")
|
|
192
197
|
] }) }),
|
|
193
198
|
/* @__PURE__ */ jsx2("th", { "bg-slate-50": true, className: "fc:py-4.5 fc:px-5 fc:text-center", children: "Published" }),
|
|
194
199
|
/* @__PURE__ */ jsx2("th", { "bg-slate-50": true, className: "fc:py-4.5 fc:px-5 fc:text-center", children: "Status" })
|
|
195
200
|
] }) }),
|
|
196
|
-
/* @__PURE__ */ jsx2("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs2("tr", { className: "hover:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
201
|
+
/* @__PURE__ */ jsx2("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs2("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
197
202
|
/* @__PURE__ */ jsx2("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
|
|
198
203
|
/* @__PURE__ */ jsx2("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px]", children: item.name }),
|
|
199
204
|
/* @__PURE__ */ jsx2("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.code }),
|
|
200
205
|
/* @__PURE__ */ jsx2("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.type }),
|
|
201
206
|
/* @__PURE__ */ jsx2("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:font-semibold fc:text-slate-700", children: item.version }),
|
|
202
|
-
/* @__PURE__ */ jsx2("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx2("span", { className: `px-2.5 py-1 rounded-md text-xs font-medium
|
|
203
|
-
/* @__PURE__ */ jsx2("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx2("div", { className: "fc:flex fc:justify-center fc:items-center", children: /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => toggleSwitch(item.id), className: `relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out outline-none
|
|
207
|
+
/* @__PURE__ */ jsx2("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx2("span", { className: `fc:px-2.5 fc:py-1 fc:rounded-md fc:text-xs fc:font-medium${item.published ? "bg-green-50 text-green-700 border border-green-200" : "bg-red-50 text-red-700 border border-red-200"}`, children: item.published ? "\u2713 Yes" : "\u2715 No" }) }),
|
|
208
|
+
/* @__PURE__ */ jsx2("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx2("div", { className: "fc:flex fc:justify-center fc:items-center", children: /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => toggleSwitch(item.id), className: `fc:relative fc:inline-flex fc:h-6 fc:w-11 fc:flex-shrink-0 fc:cursor-pointer fc:rounded-full fc:border-2 fc:border-transparent fc:transition-colors fc:duration-200 fc:ease-in-out fc:outline-none${item.status ? "bg-blue-600" : "bg-slate-200"}`, children: /* @__PURE__ */ jsx2("span", { className: `fc:pointer-events-none fc:inline-block fc:h-5 fc:w-5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out${item.status ? "translate-x-5" : "translate-x-0"}` }) }) }) })
|
|
204
209
|
] }, item.id)) })
|
|
205
210
|
] }) }) }),
|
|
206
211
|
/* @__PURE__ */ jsxs2("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-1 fc:text-[13px] fc:text-slate-700 fc:font-normal fc:mt-4 fc:bg-slate-50/50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
207
|
-
/* @__PURE__ */ jsx2("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:text-slate-900 fc:transition-colors fc:mr-2", children: "\u2039 Prev" }),
|
|
208
|
-
[1, 2, 3, 4].map((pageNumber) => /* @__PURE__ */ jsx2("button", { onClick: () => setCurrentPage(pageNumber), className: `px-3 py-1 text-center rounded transition-all min-w-[28px]
|
|
209
|
-
/* @__PURE__ */ jsx2("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, 7)), className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:text-slate-900 fc:transition-colors fc:ml-2", children: "Next \u203A" }),
|
|
210
|
-
/* @__PURE__ */ jsx2("button", { onClick: () => setCurrentPage(7), className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:text-slate-900 fc:transition-colors", children: "Last" })
|
|
212
|
+
/* @__PURE__ */ jsx2("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:transition-colors fc:mr-2", children: "\u2039 Prev" }),
|
|
213
|
+
[1, 2, 3, 4].map((pageNumber) => /* @__PURE__ */ jsx2("button", { onClick: () => setCurrentPage(pageNumber), className: `fc:px-3 fc:py-1 fc:text-center fc:rounded fc:transition-all fc:min-w-[28px]${currentPage === pageNumber ? "bg-blue-600 text-white font-medium shadow-sm" : "text-slate-600 hover:bg-slate-100"}`, children: pageNumber }, pageNumber)),
|
|
214
|
+
/* @__PURE__ */ jsx2("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, 7)), className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:transition-colors fc:ml-2", children: "Next \u203A" }),
|
|
215
|
+
/* @__PURE__ */ jsx2("button", { onClick: () => setCurrentPage(7), className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:transition-colors", children: "Last" })
|
|
211
216
|
] })
|
|
212
217
|
] });
|
|
213
218
|
}
|
|
214
219
|
|
|
215
|
-
//
|
|
220
|
+
// src/components/Workflow/AddWorkflowModal.jsx
|
|
216
221
|
import React3 from "react";
|
|
217
222
|
import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
218
223
|
function AddWorkflowModal({
|
|
@@ -231,7 +236,7 @@ function AddWorkflowModal({
|
|
|
231
236
|
/* @__PURE__ */ jsx3("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Create a new workflow and configure its details" })
|
|
232
237
|
] })
|
|
233
238
|
] }),
|
|
234
|
-
/* @__PURE__ */ jsx3("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:text-slate-600 hover:fc:bg-slate-100 fc:p-2 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
239
|
+
/* @__PURE__ */ jsx3("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 hover:fc:fc:bg-slate-100 fc:p-2 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
235
240
|
] }),
|
|
236
241
|
/* @__PURE__ */ jsxs3("div", { className: "fc:p-8 fc:space-y-8 fc:overflow-y-auto fc:max-h-[calc(92vh-170px)] fc:bg-slate-50/30", children: [
|
|
237
242
|
/* @__PURE__ */ jsxs3("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
|
|
@@ -239,13 +244,13 @@ function AddWorkflowModal({
|
|
|
239
244
|
/* @__PURE__ */ jsx3("span", { children: "\u{1F4CB}" }),
|
|
240
245
|
/* @__PURE__ */ jsx3("span", { children: "Workflow Information" })
|
|
241
246
|
] }),
|
|
242
|
-
/* @__PURE__ */ jsxs3("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
|
|
247
|
+
/* @__PURE__ */ jsxs3("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
243
248
|
/* @__PURE__ */ jsxs3("div", { children: [
|
|
244
249
|
/* @__PURE__ */ jsxs3("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
245
250
|
"Workflow Type ",
|
|
246
251
|
/* @__PURE__ */ jsx3("span", { className: "fc:text-red-500", children: "*" })
|
|
247
252
|
] }),
|
|
248
|
-
/* @__PURE__ */ jsxs3("select", { className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500", children: [
|
|
253
|
+
/* @__PURE__ */ jsxs3("select", { className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500", children: [
|
|
249
254
|
/* @__PURE__ */ jsx3("option", { value: "", children: "Select workflow type" }),
|
|
250
255
|
/* @__PURE__ */ jsx3("option", { value: "petition", children: "Petition" }),
|
|
251
256
|
/* @__PURE__ */ jsx3("option", { value: "building", children: "Building Permission" }),
|
|
@@ -258,7 +263,7 @@ function AddWorkflowModal({
|
|
|
258
263
|
"Workflow Code ",
|
|
259
264
|
/* @__PURE__ */ jsx3("span", { className: "fc:text-red-500", children: "*" })
|
|
260
265
|
] }),
|
|
261
|
-
/* @__PURE__ */ jsx3("input", { type: "text", placeholder: "Enter workflow code", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500" }),
|
|
266
|
+
/* @__PURE__ */ jsx3("input", { type: "text", placeholder: "Enter workflow code", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
|
|
262
267
|
/* @__PURE__ */ jsx3("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Unique code for this workflow (e.g., PET-001)" })
|
|
263
268
|
] })
|
|
264
269
|
] }),
|
|
@@ -267,16 +272,16 @@ function AddWorkflowModal({
|
|
|
267
272
|
"Workflow Name ",
|
|
268
273
|
/* @__PURE__ */ jsx3("span", { className: "fc:text-red-500", children: "*" })
|
|
269
274
|
] }),
|
|
270
|
-
/* @__PURE__ */ jsx3("input", { type: "text", placeholder: "Enter workflow name", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500" }),
|
|
275
|
+
/* @__PURE__ */ jsx3("input", { type: "text", placeholder: "Enter workflow name", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
|
|
271
276
|
/* @__PURE__ */ jsx3("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter a descriptive name for this workflow" })
|
|
272
277
|
] }),
|
|
273
|
-
/* @__PURE__ */ jsxs3("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
|
|
278
|
+
/* @__PURE__ */ jsxs3("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
274
279
|
/* @__PURE__ */ jsxs3("div", { children: [
|
|
275
280
|
/* @__PURE__ */ jsxs3("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
276
281
|
"Version ",
|
|
277
282
|
/* @__PURE__ */ jsx3("span", { className: "fc:text-red-500", children: "*" })
|
|
278
283
|
] }),
|
|
279
|
-
/* @__PURE__ */ jsx3("input", { type: "text", defaultValue: "1", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500" }),
|
|
284
|
+
/* @__PURE__ */ jsx3("input", { type: "text", defaultValue: "1", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
|
|
280
285
|
/* @__PURE__ */ jsx3("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Workflow version number" })
|
|
281
286
|
] }),
|
|
282
287
|
/* @__PURE__ */ jsxs3("div", { children: [
|
|
@@ -284,7 +289,7 @@ function AddWorkflowModal({
|
|
|
284
289
|
"Published ",
|
|
285
290
|
/* @__PURE__ */ jsx3("span", { className: "fc:text-red-500", children: "*" })
|
|
286
291
|
] }),
|
|
287
|
-
/* @__PURE__ */ jsxs3("select", { className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500", children: [
|
|
292
|
+
/* @__PURE__ */ jsxs3("select", { className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500", children: [
|
|
288
293
|
/* @__PURE__ */ jsx3("option", { value: "false", children: "No" }),
|
|
289
294
|
/* @__PURE__ */ jsx3("option", { value: "true", children: "Yes" })
|
|
290
295
|
] }),
|
|
@@ -297,7 +302,7 @@ function AddWorkflowModal({
|
|
|
297
302
|
/* @__PURE__ */ jsx3("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700", children: "Description" }),
|
|
298
303
|
/* @__PURE__ */ jsx3("span", { className: "fc:text-[10px] fc:text-slate-400", children: "0 / 500" })
|
|
299
304
|
] }),
|
|
300
|
-
/* @__PURE__ */ jsx3("textarea", { rows: 3, placeholder: "Enter workflow description (optional)", className: "fc:w-full fc:p-3 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:resize-none focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500" }),
|
|
305
|
+
/* @__PURE__ */ jsx3("textarea", { rows: 3, placeholder: "Enter workflow description (optional)", className: "fc:w-full fc:p-3 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:resize-none focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
|
|
301
306
|
/* @__PURE__ */ jsx3("p", { className: "fc:text-[10px] fc:text-slate-400", children: "Provide additional information about this workflow" })
|
|
302
307
|
] }),
|
|
303
308
|
/* @__PURE__ */ jsxs3("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
|
|
@@ -305,13 +310,13 @@ function AddWorkflowModal({
|
|
|
305
310
|
/* @__PURE__ */ jsx3("span", { children: "\u2699\uFE0F" }),
|
|
306
311
|
/* @__PURE__ */ jsx3("span", { children: "Status & Settings" })
|
|
307
312
|
] }),
|
|
308
|
-
/* @__PURE__ */ jsxs3("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
|
|
313
|
+
/* @__PURE__ */ jsxs3("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
309
314
|
/* @__PURE__ */ jsxs3("div", { children: [
|
|
310
315
|
/* @__PURE__ */ jsxs3("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
311
316
|
"Status ",
|
|
312
317
|
/* @__PURE__ */ jsx3("span", { className: "fc:text-red-500", children: "*" })
|
|
313
318
|
] }),
|
|
314
|
-
/* @__PURE__ */ jsxs3("select", { className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500", children: [
|
|
319
|
+
/* @__PURE__ */ jsxs3("select", { className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500", children: [
|
|
315
320
|
/* @__PURE__ */ jsx3("option", { value: "active", children: "Active" }),
|
|
316
321
|
/* @__PURE__ */ jsx3("option", { value: "inactive", children: "Inactive" })
|
|
317
322
|
] }),
|
|
@@ -319,7 +324,7 @@ function AddWorkflowModal({
|
|
|
319
324
|
] }),
|
|
320
325
|
/* @__PURE__ */ jsxs3("div", { children: [
|
|
321
326
|
/* @__PURE__ */ jsx3("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: "Default Priority" }),
|
|
322
|
-
/* @__PURE__ */ jsxs3("select", { className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500", children: [
|
|
327
|
+
/* @__PURE__ */ jsxs3("select", { className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500", children: [
|
|
323
328
|
/* @__PURE__ */ jsx3("option", { value: "medium", children: "Medium" }),
|
|
324
329
|
/* @__PURE__ */ jsx3("option", { value: "high", children: "High" }),
|
|
325
330
|
/* @__PURE__ */ jsx3("option", { value: "low", children: "Low" })
|
|
@@ -333,7 +338,7 @@ function AddWorkflowModal({
|
|
|
333
338
|
/* @__PURE__ */ jsx3("span", { children: "\u{1F6E0}\uFE0F" }),
|
|
334
339
|
/* @__PURE__ */ jsx3("span", { children: "Additional Settings" })
|
|
335
340
|
] }),
|
|
336
|
-
/* @__PURE__ */ jsxs3("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-3 fc:gap-4", children: [
|
|
341
|
+
/* @__PURE__ */ jsxs3("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-3 fc:gap-4", children: [
|
|
337
342
|
/* @__PURE__ */ jsxs3("div", { className: "fc:flex fc:items-center fc:justify-between fc:p-4 fc:bg-slate-50/50 fc:border fc:border-slate-100 fc:rounded-2xl", children: [
|
|
338
343
|
/* @__PURE__ */ jsxs3("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
339
344
|
/* @__PURE__ */ jsx3("div", { className: "fc:w-8 fc:h-8 fc:rounded-lg fc:bg-indigo-50 fc:text-indigo-600 fc:flex fc:items-center fc:justify-center fc:text-sm", children: "\u23F1\uFE0F" }),
|
|
@@ -344,7 +349,7 @@ function AddWorkflowModal({
|
|
|
344
349
|
] }),
|
|
345
350
|
/* @__PURE__ */ jsxs3("label", { className: "fc:relative fc:inline-flex fc:items-center fc:cursor-pointer", children: [
|
|
346
351
|
/* @__PURE__ */ jsx3("input", { type: "checkbox", defaultChecked: true, className: "fc:sr-only fc:peer" }),
|
|
347
|
-
/* @__PURE__ */ jsx3("div", { className: "fc:w-8 fc:h-4.5 fc:bg-slate-200 peer-focus:fc:outline-none fc:rounded-full fc:peer peer-checked:after:fc:translate-x-full peer-checked:after:fc:border-white after:fc:content-[''] after:fc:absolute after:fc:top-[2px] after:fc:left-[2px] after:fc:bg-white after:fc:border-slate-300 after:fc:border after:fc:rounded-full after:fc:h-3.5 after:fc:w-3.5 after:fc:transition-all peer-checked:fc:bg-indigo-600" })
|
|
352
|
+
/* @__PURE__ */ jsx3("div", { className: "fc:w-8 fc:h-4.5 fc:bg-slate-200 peer-focus:fc:fc:outline-none fc:rounded-full fc:peer peer-checked:after:fc:fc:translate-x-full peer-checked:after:fc:fc:border-white after:fc:fc:content-[''] after:fc:fc:absolute after:fc:fc:top-[2px] after:fc:fc:left-[2px] after:fc:fc:bg-white after:fc:fc:border-slate-300 after:fc:fc:border after:fc:fc:rounded-full after:fc:fc:h-3.5 after:fc:fc:w-3.5 after:fc:fc:transition-all peer-checked:fc:fc:bg-indigo-600" })
|
|
348
353
|
] })
|
|
349
354
|
] }),
|
|
350
355
|
/* @__PURE__ */ jsxs3("div", { className: "fc:flex fc:items-center fc:justify-between fc:p-4 fc:bg-slate-50/50 fc:border fc:border-slate-100 fc:rounded-2xl", children: [
|
|
@@ -357,7 +362,7 @@ function AddWorkflowModal({
|
|
|
357
362
|
] }),
|
|
358
363
|
/* @__PURE__ */ jsxs3("label", { className: "fc:relative fc:inline-flex fc:items-center fc:cursor-pointer", children: [
|
|
359
364
|
/* @__PURE__ */ jsx3("input", { type: "checkbox", defaultChecked: true, className: "fc:sr-only fc:peer" }),
|
|
360
|
-
/* @__PURE__ */ jsx3("div", { className: "fc:w-8 fc:h-4.5 fc:bg-slate-200 peer-focus:fc:outline-none fc:rounded-full fc:peer peer-checked:after:fc:translate-x-full peer-checked:after:fc:border-white after:fc:content-[''] after:fc:absolute after:fc:top-[2px] after:fc:left-[2px] after:fc:bg-white after:fc:border-slate-300 after:fc:border after:fc:rounded-full after:fc:h-3.5 after:fc:w-3.5 after:fc:transition-all peer-checked:fc:bg-indigo-600" })
|
|
365
|
+
/* @__PURE__ */ jsx3("div", { className: "fc:w-8 fc:h-4.5 fc:bg-slate-200 peer-focus:fc:fc:outline-none fc:rounded-full fc:peer peer-checked:after:fc:fc:translate-x-full peer-checked:after:fc:fc:border-white after:fc:fc:content-[''] after:fc:fc:absolute after:fc:fc:top-[2px] after:fc:fc:left-[2px] after:fc:fc:bg-white after:fc:fc:border-slate-300 after:fc:fc:border after:fc:fc:rounded-full after:fc:fc:h-3.5 after:fc:fc:w-3.5 after:fc:fc:transition-all peer-checked:fc:fc:bg-indigo-600" })
|
|
361
366
|
] })
|
|
362
367
|
] }),
|
|
363
368
|
/* @__PURE__ */ jsxs3("div", { className: "fc:flex fc:items-center fc:justify-between fc:p-4 fc:bg-slate-50/50 fc:border fc:border-slate-100 fc:rounded-2xl", children: [
|
|
@@ -370,25 +375,25 @@ function AddWorkflowModal({
|
|
|
370
375
|
] }),
|
|
371
376
|
/* @__PURE__ */ jsxs3("label", { className: "fc:relative fc:inline-flex fc:items-center fc:cursor-pointer", children: [
|
|
372
377
|
/* @__PURE__ */ jsx3("input", { type: "checkbox", className: "fc:sr-only fc:peer" }),
|
|
373
|
-
/* @__PURE__ */ jsx3("div", { className: "fc:w-8 fc:h-4.5 fc:bg-slate-200 peer-focus:fc:outline-none fc:rounded-full fc:peer peer-checked:after:fc:translate-x-full peer-checked:after:fc:border-white after:fc:content-[''] after:fc:absolute after:fc:top-[2px] after:fc:left-[2px] after:fc:bg-white after:fc:border-slate-300 after:fc:border after:fc:rounded-full after:fc:h-3.5 after:fc:w-3.5 after:fc:transition-all peer-checked:fc:bg-indigo-600" })
|
|
378
|
+
/* @__PURE__ */ jsx3("div", { className: "fc:w-8 fc:h-4.5 fc:bg-slate-200 peer-focus:fc:fc:outline-none fc:rounded-full fc:peer peer-checked:after:fc:fc:translate-x-full peer-checked:after:fc:fc:border-white after:fc:fc:content-[''] after:fc:fc:absolute after:fc:fc:top-[2px] after:fc:fc:left-[2px] after:fc:fc:bg-white after:fc:fc:border-slate-300 after:fc:fc:border after:fc:fc:rounded-full after:fc:fc:h-3.5 after:fc:fc:w-3.5 after:fc:fc:transition-all peer-checked:fc:fc:bg-indigo-600" })
|
|
374
379
|
] })
|
|
375
380
|
] })
|
|
376
381
|
] })
|
|
377
382
|
] })
|
|
378
383
|
] }),
|
|
379
384
|
/* @__PURE__ */ jsxs3("div", { className: "fc:p-5 fc:bg-white fc:border-t fc:border-slate-100 fc:flex fc:items-center fc:justify-end fc:gap-3 fc:px-8", children: [
|
|
380
|
-
/* @__PURE__ */ jsx3("button", { onClick: onClose, className: "fc:px-6 fc:py-2.5 fc:border fc:border-slate-200 fc:text-slate-600 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:bg-slate-50 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u2715 Cancel" }),
|
|
381
|
-
/* @__PURE__ */ jsx3("button", { type: "button", className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/10 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u{1F4BE} Save Workflow" })
|
|
385
|
+
/* @__PURE__ */ jsx3("button", { onClick: onClose, className: "fc:px-6 fc:py-2.5 fc:border fc:border-slate-200 fc:text-slate-600 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:fc:bg-slate-50 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u2715 Cancel" }),
|
|
386
|
+
/* @__PURE__ */ jsx3("button", { type: "button", className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/10 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u{1F4BE} Save Workflow" })
|
|
382
387
|
] })
|
|
383
388
|
] })
|
|
384
389
|
] });
|
|
385
390
|
}
|
|
386
391
|
|
|
387
|
-
//
|
|
392
|
+
// src/components/Workflow/AddButton.jsx
|
|
388
393
|
import React4 from "react";
|
|
389
394
|
import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
390
395
|
|
|
391
|
-
//
|
|
396
|
+
// src/components/Common/commonheader.js
|
|
392
397
|
import React5 from "react";
|
|
393
398
|
import Link from "next/link";
|
|
394
399
|
import { FolderKanban, Home, ChevronRight, Plus } from "lucide-react";
|
|
@@ -405,25 +410,25 @@ function CommonHeader({
|
|
|
405
410
|
/* @__PURE__ */ jsx5("div", { className: "fc:absolute fc:-bottom-10 fc:-left-10 fc:h-32 fc:w-32 fc:rounded-full fc:bg-cyan-200/20 fc:blur-3xl" }),
|
|
406
411
|
/* @__PURE__ */ jsxs5("div", { className: "fc:relative fc:flex fc:items-center fc:justify-between fc:px-6 fc:py-4", children: [
|
|
407
412
|
/* @__PURE__ */ jsxs5("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
|
|
408
|
-
/* @__PURE__ */ jsx5("div", { className: "fc:flex fc:h-12 fc:w-12 fc:items-center fc:justify-center fc:rounded-xl fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600 fc:text-white fc:shadow-lg fc:transition-all fc:duration-300 hover:fc:scale-110 hover:fc:rotate-6", children: /* @__PURE__ */ jsx5(FolderKanban, { size: 22 }) }),
|
|
413
|
+
/* @__PURE__ */ jsx5("div", { className: "fc:flex fc:h-12 fc:w-12 fc:items-center fc:justify-center fc:rounded-xl fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600 fc:text-white fc:shadow-lg fc:transition-all fc:duration-300 hover:fc:fc:scale-110 hover:fc:fc:rotate-6", children: /* @__PURE__ */ jsx5(FolderKanban, { size: 22 }) }),
|
|
409
414
|
/* @__PURE__ */ jsxs5("div", { children: [
|
|
410
415
|
/* @__PURE__ */ jsx5("h1", { className: "fc:text-2xl fc:font-bold fc:text-slate-800 fc:tracking-tight", children: title }),
|
|
411
416
|
/* @__PURE__ */ jsxs5("div", { className: "fc:mt-2 fc:flex fc:items-center fc:gap-2 fc:flex-wrap", children: [
|
|
412
|
-
/* @__PURE__ */ jsxs5("div", { className: "fc:flex fc:items-center fc:gap-1 fc:rounded-full fc:bg-slate-100 fc:px-3 fc:py-1 fc:text-xs fc:font-medium fc:text-slate-600 fc:transition-all fc:duration-300 hover:fc:bg-blue-50 hover:fc:text-blue-600", children: [
|
|
417
|
+
/* @__PURE__ */ jsxs5("div", { className: "fc:flex fc:items-center fc:gap-1 fc:rounded-full fc:bg-slate-100 fc:px-3 fc:py-1 fc:text-xs fc:font-medium fc:text-slate-600 fc:transition-all fc:duration-300 hover:fc:fc:bg-blue-50 hover:fc:fc:text-blue-600", children: [
|
|
413
418
|
/* @__PURE__ */ jsx5(Home, { size: 13 }),
|
|
414
419
|
"Home"
|
|
415
420
|
] }),
|
|
416
421
|
breadcrumbs.map((item, index) => /* @__PURE__ */ jsxs5(React5.Fragment, { children: [
|
|
417
422
|
/* @__PURE__ */ jsx5(ChevronRight, { size: 15, className: "fc:text-slate-300" }),
|
|
418
|
-
index === breadcrumbs.length - 1 ? /* @__PURE__ */ jsx5("span", { className: "fc:rounded-full fc:bg-blue-600 fc:px-3 fc:py-1 fc:text-xs fc:font-semibold fc:text-white fc:shadow-md", children: item.label }) : /* @__PURE__ */ jsx5(Link, { href: item.href, className: "fc:rounded-full fc:bg-slate-100 fc:px-3 fc:py-1 fc:text-xs fc:font-medium fc:text-slate-600 fc:transition-all fc:duration-300 hover:fc:-translate-y-0.5 hover:fc:bg-blue-50 hover:fc:text-blue-600", children: item.label })
|
|
423
|
+
index === breadcrumbs.length - 1 ? /* @__PURE__ */ jsx5("span", { className: "fc:rounded-full fc:bg-blue-600 fc:px-3 fc:py-1 fc:text-xs fc:font-semibold fc:text-white fc:shadow-md", children: item.label }) : /* @__PURE__ */ jsx5(Link, { href: item.href, className: "fc:rounded-full fc:bg-slate-100 fc:px-3 fc:py-1 fc:text-xs fc:font-medium fc:text-slate-600 fc:transition-all fc:duration-300 hover:fc:fc:-translate-y-0.5 hover:fc:fc:bg-blue-50 hover:fc:fc:text-blue-600", children: item.label })
|
|
419
424
|
] }, index))
|
|
420
425
|
] })
|
|
421
426
|
] })
|
|
422
427
|
] }),
|
|
423
|
-
/* @__PURE__ */ jsxs5("button", { onClick: onButtonClick, className: "fc:group fc:relative fc:overflow-hidden fc:rounded-xl fc:bg-gradient-to-r fc:from-blue-600 fc:to-indigo-600 fc:px-5 fc:py-2.5 fc:text-sm fc:font-semibold fc:text-white fc:shadow-lg fc:transition-all fc:duration-300 hover:fc:-translate-y-0.5 hover:fc:shadow-xl hover:fc:shadow-blue-500/30 active:fc:scale-95", children: [
|
|
424
|
-
/* @__PURE__ */ jsx5("span", { className: "fc:absolute fc:inset-0 fc:-translate-x-full fc:skew-x-12 fc:bg-white/20 fc:transition-transform fc:duration-1000 group-hover:fc:translate-x-[250%]" }),
|
|
428
|
+
/* @__PURE__ */ jsxs5("button", { onClick: onButtonClick, className: "fc:group fc:relative fc:overflow-hidden fc:rounded-xl fc:bg-gradient-to-r fc:from-blue-600 fc:to-indigo-600 fc:px-5 fc:py-2.5 fc:text-sm fc:font-semibold fc:text-white fc:shadow-lg fc:transition-all fc:duration-300 hover:fc:fc:-translate-y-0.5 hover:fc:fc:shadow-xl hover:fc:fc:shadow-blue-500/30 active:fc:fc:scale-95", children: [
|
|
429
|
+
/* @__PURE__ */ jsx5("span", { className: "fc:absolute fc:inset-0 fc:-translate-x-full fc:skew-x-12 fc:bg-white/20 fc:transition-transform fc:duration-1000 group-hover:fc:fc:translate-x-[250%]" }),
|
|
425
430
|
/* @__PURE__ */ jsxs5("span", { className: "fc:relative fc:flex fc:items-center fc:gap-2", children: [
|
|
426
|
-
/* @__PURE__ */ jsx5(Plus, { size: 18, className: "fc:transition-transform fc:duration-300 group-hover:fc:rotate-90" }),
|
|
431
|
+
/* @__PURE__ */ jsx5(Plus, { size: 18, className: "fc:transition-transform fc:duration-300 group-hover:fc:fc:rotate-90" }),
|
|
427
432
|
buttonText
|
|
428
433
|
] })
|
|
429
434
|
] })
|
|
@@ -431,7 +436,7 @@ function CommonHeader({
|
|
|
431
436
|
] });
|
|
432
437
|
}
|
|
433
438
|
|
|
434
|
-
//
|
|
439
|
+
// src/pages/WorkflowPage.js
|
|
435
440
|
import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
436
441
|
function WorkflowPage() {
|
|
437
442
|
const [modalOpen, setModalOpen] = useState2(false);
|
|
@@ -464,15 +469,10 @@ function WorkflowPage() {
|
|
|
464
469
|
] });
|
|
465
470
|
}
|
|
466
471
|
|
|
467
|
-
//
|
|
468
|
-
import { useState as useState21 } from "react";
|
|
469
|
-
import { RiFlowChart, RiShieldUserLine, RiFolder3Line, RiCheckboxCircleLine, RiRouteLine, RiMessage2Line, RiMenuLine, RiGitMergeLine, RiNodeTree, RiGitBranchLine, RiCornerDownRightLine, RiUserSettingsLine, RiFileShieldLine, RiUserSharedLine, RiSettings4Line, RiFileSettingsLine, RiFileList3Line, RiFileUploadLine, RiNotification4Line, RiDatabase2Line, RiChat3Line, RiCheckboxMultipleLine, RiShieldCheckLine, RiHistoryLine, RiArrowDownSLine, RiArrowRightSLine } from "@remixicon/react";
|
|
470
|
-
import { useRouter } from "next/router";
|
|
471
|
-
|
|
472
|
-
// out/src/components/WorkflowType/WorkflowTypeMains.js
|
|
472
|
+
// src/components/WorkflowType/WorkflowTypeMains.js
|
|
473
473
|
import React12, { useState as useState6 } from "react";
|
|
474
474
|
|
|
475
|
-
//
|
|
475
|
+
// src/components/WorkflowType/SearchBar.jsx
|
|
476
476
|
import React7 from "react";
|
|
477
477
|
import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
478
478
|
function SearchBar2({
|
|
@@ -488,18 +488,18 @@ function SearchBar2({
|
|
|
488
488
|
};
|
|
489
489
|
return /* @__PURE__ */ jsxs7("div", { className: "fc:relative fc:w-full", children: [
|
|
490
490
|
/* @__PURE__ */ jsx7("div", { className: "fc:absolute fc:inset-y-0 fc:left-0 fc:pl-3 fc:flex fc:items-center fc:pointer-events-none fc:text-slate-400", children: /* @__PURE__ */ jsx7("svg", { className: "fc:w-4 fc:h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx7("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
491
|
-
/* @__PURE__ */ jsx7("input", { type: "text", value: searchQuery || "", onChange: handleChange, placeholder: "Search workflow name or code...", className: "fc:w-full fc:pl-9 fc:pr-4 fc:py-2 fc:bg-white fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm fc:text-slate-800 fc:placeholder-slate-400 fc:outline-none focus:fc:border-blue-500 focus:fc:ring-1 focus:fc:ring-blue-500 fc:transition-all fc:shadow-sm" }),
|
|
491
|
+
/* @__PURE__ */ jsx7("input", { type: "text", value: searchQuery || "", onChange: handleChange, placeholder: "Search workflow name or code...", className: "fc:w-full fc:pl-9 fc:pr-4 fc:py-2 fc:bg-white fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm fc:text-slate-800 fc:placeholder-slate-400 fc:outline-none focus:fc:fc:border-blue-500 focus:fc:fc:ring-1 focus:fc:fc:ring-blue-500 fc:transition-all fc:shadow-sm" }),
|
|
492
492
|
searchQuery && /* @__PURE__ */ jsx7("button", { onClick: () => {
|
|
493
493
|
setSearchQuery("");
|
|
494
494
|
if (setCurrentPage) setCurrentPage(1);
|
|
495
|
-
}, className: "fc:absolute fc:inset-y-0 fc:right-0 fc:pr-3 fc:flex fc:items-center fc:text-slate-400 hover:fc:text-slate-600", children: "\u2715" })
|
|
495
|
+
}, className: "fc:absolute fc:inset-y-0 fc:right-0 fc:pr-3 fc:flex fc:items-center fc:text-slate-400 hover:fc:fc:text-slate-600", children: "\u2715" })
|
|
496
496
|
] });
|
|
497
497
|
}
|
|
498
498
|
|
|
499
|
-
//
|
|
499
|
+
// src/components/WorkflowType/WorkflowTypeTable.jsx
|
|
500
500
|
import React10, { useState as useState4, useEffect as useEffect2 } from "react";
|
|
501
501
|
|
|
502
|
-
//
|
|
502
|
+
// src/components/WorkflowType/DeleteWorkflowType.jsx
|
|
503
503
|
import React8 from "react";
|
|
504
504
|
import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
505
505
|
var DeleteWorkflowType = ({
|
|
@@ -510,7 +510,7 @@ var DeleteWorkflowType = ({
|
|
|
510
510
|
}) => {
|
|
511
511
|
if (!isOpen) return null;
|
|
512
512
|
return /* @__PURE__ */ jsx8("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:bg-black/40 fc:backdrop-blur-sm fc:p-4 fc:animate-in fc:fade-in fc:duration-200", children: /* @__PURE__ */ jsxs8("div", { className: "fc:relative fc:w-full fc:max-w-md fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:border fc:border-gray-100 fc:overflow-hidden", children: [
|
|
513
|
-
/* @__PURE__ */ jsx8("button", { type: "button", onClick: onClose, className: "fc:absolute fc:top-4 fc:right-4 fc:z-10 fc:flex fc:items-center fc:justify-center fc:w-8 fc:h-8 fc:rounded-full fc:text-gray-400 hover:fc:text-gray-600 hover:fc:bg-gray-100 fc:transition", children: "\u2715" }),
|
|
513
|
+
/* @__PURE__ */ jsx8("button", { type: "button", onClick: onClose, className: "fc:absolute fc:top-4 fc:right-4 fc:z-10 fc:flex fc:items-center fc:justify-center fc:w-8 fc:h-8 fc:rounded-full fc:text-gray-400 hover:fc:fc:text-gray-600 hover:fc:fc:bg-gray-100 fc:transition", children: "\u2715" }),
|
|
514
514
|
/* @__PURE__ */ jsxs8("div", { className: "fc:p-8 fc:text-center", children: [
|
|
515
515
|
/* @__PURE__ */ jsx8("div", { className: "fc:mx-auto fc:mb-4 fc:flex fc:h-14 fc:w-14 fc:items-center fc:justify-center fc:rounded-2xl fc:bg-red-50 fc:border fc:border-red-100 fc:text-red-500 fc:shadow-inner", children: /* @__PURE__ */ jsx8("span", { className: "fc:text-2xl", children: "\u26A0\uFE0F" }) }),
|
|
516
516
|
/* @__PURE__ */ jsx8("h3", { className: "fc:text-xl fc:font-bold fc:text-gray-900 fc:tracking-tight fc:mb-2", children: "Delete Configuration" }),
|
|
@@ -525,18 +525,18 @@ var DeleteWorkflowType = ({
|
|
|
525
525
|
"? This action cannot be undone."
|
|
526
526
|
] }),
|
|
527
527
|
/* @__PURE__ */ jsxs8("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
528
|
-
/* @__PURE__ */ jsx8("button", { type: "button", onClick: onClose, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-gray-700 fc:bg-gray-100 hover:fc:bg-gray-200 fc:rounded-xl fc:transition", children: "Cancel" }),
|
|
528
|
+
/* @__PURE__ */ jsx8("button", { type: "button", onClick: onClose, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-gray-700 fc:bg-gray-100 hover:fc:fc:bg-gray-200 fc:rounded-xl fc:transition", children: "Cancel" }),
|
|
529
529
|
/* @__PURE__ */ jsx8("button", { type: "button", onClick: () => {
|
|
530
530
|
onConfirm(itemData);
|
|
531
531
|
onClose();
|
|
532
|
-
}, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-white fc:bg-red-600 hover:fc:bg-red-700 fc:rounded-xl fc:shadow-md fc:shadow-red-500/20 fc:transition", children: "Delete" })
|
|
532
|
+
}, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-white fc:bg-red-600 hover:fc:fc:bg-red-700 fc:rounded-xl fc:shadow-md fc:shadow-red-500/20 fc:transition", children: "Delete" })
|
|
533
533
|
] })
|
|
534
534
|
] })
|
|
535
535
|
] }) });
|
|
536
536
|
};
|
|
537
537
|
var DeleteWorkflowType_default = DeleteWorkflowType;
|
|
538
538
|
|
|
539
|
-
//
|
|
539
|
+
// src/components/WorkflowType/EditWorkflowType.jsx
|
|
540
540
|
import React9, { useState as useState3, useEffect } from "react";
|
|
541
541
|
import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
542
542
|
var EditWorkflowType = ({
|
|
@@ -582,35 +582,35 @@ var EditWorkflowType = ({
|
|
|
582
582
|
return /* @__PURE__ */ jsx9("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:bg-black/40 fc:backdrop-blur-sm fc:p-4 fc:animate-in fc:fade-in fc:duration-200", children: /* @__PURE__ */ jsxs9("div", { className: "fc:relative fc:w-full fc:max-w-md fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:border fc:border-gray-100 fc:overflow-hidden", children: [
|
|
583
583
|
/* @__PURE__ */ jsxs9("div", { className: "fc:flex fc:items-center fc:justify-between fc:px-6 fc:py-4 fc:border-b fc:border-gray-100", children: [
|
|
584
584
|
/* @__PURE__ */ jsx9("h3", { className: "fc:text-lg fc:font-bold fc:text-gray-900", children: "Edit Workflow Type" }),
|
|
585
|
-
/* @__PURE__ */ jsx9("button", { onClick: onClose, className: "fc:text-gray-400 hover:fc:text-gray-600 fc:w-8 fc:h-8 fc:rounded-full fc:flex fc:items-center fc:justify-center fc:transition", children: "\u2715" })
|
|
585
|
+
/* @__PURE__ */ jsx9("button", { onClick: onClose, className: "fc:text-gray-400 hover:fc:fc:text-gray-600 fc:w-8 fc:h-8 fc:rounded-full fc:flex fc:items-center fc:justify-center fc:transition", children: "\u2715" })
|
|
586
586
|
] }),
|
|
587
587
|
/* @__PURE__ */ jsxs9("form", { onSubmit: handleSubmit, className: "fc:p-6 fc:space-y-4", children: [
|
|
588
588
|
/* @__PURE__ */ jsxs9("div", { children: [
|
|
589
589
|
/* @__PURE__ */ jsx9("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:uppercase fc:tracking-wider fc:mb-1", children: "Workflow Type Code" }),
|
|
590
|
-
/* @__PURE__ */ jsx9("input", { type: "text", name: "workflowTypeCode", value: formData.workflowTypeCode, onChange: handleChange, className: "fc:w-full fc:rounded-xl fc:border fc:border-gray-200 fc:bg-gray-50 fc:px-3.5 fc:py-2 fc:text-sm fc:text-gray-900 focus:fc:bg-white focus:fc:border-blue-500 focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-blue-500/20 fc:transition", required: true })
|
|
590
|
+
/* @__PURE__ */ jsx9("input", { type: "text", name: "workflowTypeCode", value: formData.workflowTypeCode, onChange: handleChange, className: "fc:w-full fc:rounded-xl fc:border fc:border-gray-200 fc:bg-gray-50 fc:px-3.5 fc:py-2 fc:text-sm fc:text-gray-900 focus:fc:fc:bg-white focus:fc:fc:border-blue-500 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/20 fc:transition", required: true })
|
|
591
591
|
] }),
|
|
592
592
|
/* @__PURE__ */ jsxs9("div", { children: [
|
|
593
593
|
/* @__PURE__ */ jsx9("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:uppercase fc:tracking-wider fc:mb-1", children: "Workflow Type Name" }),
|
|
594
|
-
/* @__PURE__ */ jsx9("input", { type: "text", name: "workflowTypeName", value: formData.workflowTypeName, onChange: handleChange, className: "fc:w-full fc:rounded-xl fc:border fc:border-gray-200 fc:bg-gray-50 fc:px-3.5 fc:py-2 fc:text-sm fc:text-gray-900 focus:fc:bg-white focus:fc:border-blue-500 focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-blue-500/20 fc:transition", required: true })
|
|
594
|
+
/* @__PURE__ */ jsx9("input", { type: "text", name: "workflowTypeName", value: formData.workflowTypeName, onChange: handleChange, className: "fc:w-full fc:rounded-xl fc:border fc:border-gray-200 fc:bg-gray-50 fc:px-3.5 fc:py-2 fc:text-sm fc:text-gray-900 focus:fc:fc:bg-white focus:fc:fc:border-blue-500 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/20 fc:transition", required: true })
|
|
595
595
|
] }),
|
|
596
596
|
/* @__PURE__ */ jsxs9("div", { children: [
|
|
597
597
|
/* @__PURE__ */ jsx9("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:uppercase fc:tracking-wider fc:mb-1", children: "Description" }),
|
|
598
|
-
/* @__PURE__ */ jsx9("textarea", { name: "description", value: formData.description, onChange: handleChange, rows: "3", className: "fc:w-full fc:rounded-xl fc:border fc:border-gray-200 fc:bg-gray-50 fc:px-3.5 fc:py-2 fc:text-sm fc:text-gray-900 focus:fc:bg-white focus:fc:border-blue-500 focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-blue-500/20 fc:transition fc:resize-none" })
|
|
598
|
+
/* @__PURE__ */ jsx9("textarea", { name: "description", value: formData.description, onChange: handleChange, rows: "3", className: "fc:w-full fc:rounded-xl fc:border fc:border-gray-200 fc:bg-gray-50 fc:px-3.5 fc:py-2 fc:text-sm fc:text-gray-900 focus:fc:fc:bg-white focus:fc:fc:border-blue-500 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/20 fc:transition fc:resize-none" })
|
|
599
599
|
] }),
|
|
600
600
|
/* @__PURE__ */ jsxs9("div", { className: "fc:flex fc:items-center fc:pt-1", children: [
|
|
601
|
-
/* @__PURE__ */ jsx9("input", { type: "checkbox", id: "isActive", name: "isActive", checked: formData.isActive, onChange: handleChange, className: "fc:h-4 fc:w-4 fc:rounded fc:border-gray-300 fc:text-blue-600 focus:fc:ring-blue-500 fc:cursor-pointer" }),
|
|
601
|
+
/* @__PURE__ */ jsx9("input", { type: "checkbox", id: "isActive", name: "isActive", checked: formData.isActive, onChange: handleChange, className: "fc:h-4 fc:w-4 fc:rounded fc:border-gray-300 fc:text-blue-600 focus:fc:fc:ring-blue-500 fc:cursor-pointer" }),
|
|
602
602
|
/* @__PURE__ */ jsx9("label", { htmlFor: "isActive", className: "fc:ml-2 fc:text-sm fc:font-medium fc:text-gray-700 fc:cursor-pointer", children: "Is Active" })
|
|
603
603
|
] }),
|
|
604
604
|
/* @__PURE__ */ jsxs9("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-3 fc:pt-4 fc:border-t fc:border-gray-100", children: [
|
|
605
|
-
/* @__PURE__ */ jsx9("button", { type: "button", onClick: onClose, className: "fc:py-2 fc:px-4 fc:text-sm fc:font-semibold fc:text-gray-700 fc:bg-gray-100 hover:fc:bg-gray-200 fc:rounded-xl fc:transition", children: "Cancel" }),
|
|
606
|
-
/* @__PURE__ */ jsx9("button", { type: "submit", className: "fc:py-2 fc:px-5 fc:text-sm fc:font-semibold fc:text-white fc:bg-blue-600 hover:fc:bg-blue-700 fc:rounded-xl fc:shadow-md fc:shadow-blue-500/20 fc:transition", children: "Update" })
|
|
605
|
+
/* @__PURE__ */ jsx9("button", { type: "button", onClick: onClose, className: "fc:py-2 fc:px-4 fc:text-sm fc:font-semibold fc:text-gray-700 fc:bg-gray-100 hover:fc:fc:bg-gray-200 fc:rounded-xl fc:transition", children: "Cancel" }),
|
|
606
|
+
/* @__PURE__ */ jsx9("button", { type: "submit", className: "fc:py-2 fc:px-5 fc:text-sm fc:font-semibold fc:text-white fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:rounded-xl fc:shadow-md fc:shadow-blue-500/20 fc:transition", children: "Update" })
|
|
607
607
|
] })
|
|
608
608
|
] })
|
|
609
609
|
] }) });
|
|
610
610
|
};
|
|
611
611
|
var EditWorkflowType_default = EditWorkflowType;
|
|
612
612
|
|
|
613
|
-
//
|
|
613
|
+
// src/components/WorkflowType/WorkflowTypeTable.jsx
|
|
614
614
|
import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
615
615
|
function WorkflowTypeTable({
|
|
616
616
|
pageSize,
|
|
@@ -922,49 +922,49 @@ function WorkflowTypeTable({
|
|
|
922
922
|
"ID ",
|
|
923
923
|
sortKey === "workflowTypeId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
924
924
|
] }),
|
|
925
|
-
/* @__PURE__ */ jsxs10("th", { onClick: () => handleSort("workflowTypeCode"), className: "fc:py-3 fc:px-3 fc:text-xs fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:w-[16%]", children: [
|
|
925
|
+
/* @__PURE__ */ jsxs10("th", { onClick: () => handleSort("workflowTypeCode"), className: "fc:py-3 fc:px-3 fc:text-xs fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-[16%]", children: [
|
|
926
926
|
"Code ",
|
|
927
927
|
sortKey === "workflowTypeCode" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
928
928
|
] }),
|
|
929
|
-
/* @__PURE__ */ jsxs10("th", { onClick: () => handleSort("workflowTypeName"), className: "fc:py-3 fc:px-3 fc:text-xs fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:w-[20%]", children: [
|
|
929
|
+
/* @__PURE__ */ jsxs10("th", { onClick: () => handleSort("workflowTypeName"), className: "fc:py-3 fc:px-3 fc:text-xs fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-[20%]", children: [
|
|
930
930
|
"Name ",
|
|
931
931
|
sortKey === "workflowTypeName" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
932
932
|
] }),
|
|
933
|
-
/* @__PURE__ */ jsxs10("th", { onClick: () => handleSort("description"), className: "fc:py-3 fc:px-3 fc:text-xs fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:w-[22%]", children: [
|
|
933
|
+
/* @__PURE__ */ jsxs10("th", { onClick: () => handleSort("description"), className: "fc:py-3 fc:px-3 fc:text-xs fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-[22%]", children: [
|
|
934
934
|
"Description ",
|
|
935
935
|
sortKey === "description" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
936
936
|
] }),
|
|
937
937
|
/* @__PURE__ */ jsx10("th", { className: "fc:py-3 fc:px-2 fc:text-xs fc:bg-slate-50 fc:text-center fc:w-[12%]", children: "Status" }),
|
|
938
|
-
/* @__PURE__ */ jsxs10("th", { onClick: () => handleSort("createdOn"), className: "fc:py-3 fc:px-2 fc:text-xs fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:w-[12%]", children: [
|
|
938
|
+
/* @__PURE__ */ jsxs10("th", { onClick: () => handleSort("createdOn"), className: "fc:py-3 fc:px-2 fc:text-xs fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:w-[12%]", children: [
|
|
939
939
|
"Created On ",
|
|
940
940
|
sortKey === "createdOn" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
941
941
|
] }),
|
|
942
942
|
/* @__PURE__ */ jsx10("th", { className: "fc:py-3 fc:px-2 fc:text-xs fc:bg-slate-50 fc:text-center fc:w-[12%]", children: "Action" })
|
|
943
943
|
] }) }),
|
|
944
|
-
/* @__PURE__ */ jsx10("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-xs fc:text-slate-600", children: visibleData.map((item) => /* @__PURE__ */ jsxs10("tr", { className: "hover:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
944
|
+
/* @__PURE__ */ jsx10("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-xs fc:text-slate-600", children: visibleData.map((item) => /* @__PURE__ */ jsxs10("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
945
945
|
/* @__PURE__ */ jsx10("td", { className: "fc:py-3 fc:px-2 fc:text-center fc:font-medium fc:text-slate-500", children: item.workflowTypeId }),
|
|
946
946
|
/* @__PURE__ */ jsx10("td", { className: "fc:py-3 fc:px-3 fc:font-mono fc:text-xs fc:text-slate-700 fc:font-bold fc:break-words", children: item.workflowTypeCode }),
|
|
947
947
|
/* @__PURE__ */ jsx10("td", { className: "fc:py-3 fc:px-3 fc:font-bold fc:text-slate-900 fc:text-xs fc:break-words", children: item.workflowTypeName }),
|
|
948
948
|
/* @__PURE__ */ jsx10("td", { className: "fc:py-3 fc:px-3 fc:text-slate-500 fc:text-xs fc:break-words", children: item.description }),
|
|
949
|
-
/* @__PURE__ */ jsx10("td", { className: "fc:py-3 fc:px-2 fc:text-center", children: /* @__PURE__ */ jsx10("span", { className: `px-2 py-1 text-[11px] font-semibold rounded-full inline-block
|
|
949
|
+
/* @__PURE__ */ jsx10("td", { className: "fc:py-3 fc:px-2 fc:text-center", children: /* @__PURE__ */ jsx10("span", { className: `fc:px-2 fc:py-1 fc:text-[11px] fc:font-semibold fc:rounded-full fc:inline-block${item.isActive ? "bg-emerald-100/70 text-emerald-700 border border-emerald-200" : "bg-rose-100/70 text-rose-700 border border-rose-200"}`, children: item.isActive ? "Active" : "Inactive" }) }),
|
|
950
950
|
/* @__PURE__ */ jsx10("td", { className: "fc:py-3 fc:px-2 fc:text-center fc:text-slate-500 fc:text-[11px] fc:font-mono", children: item.createdOn }),
|
|
951
951
|
/* @__PURE__ */ jsx10("td", { className: "fc:py-3 fc:px-2 fc:text-center", children: /* @__PURE__ */ jsxs10("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
|
|
952
|
-
/* @__PURE__ */ jsx10("button", { onClick: () => handleEdit(item), className: "fc:px-3 fc:py-1 fc:bg-blue-100/70 hover:fc:bg-blue-200/80 fc:text-blue-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Edit" }),
|
|
953
|
-
/* @__PURE__ */ jsx10("button", { onClick: () => handleDelete(item), className: "fc:px-3 fc:py-1 fc:bg-rose-100/70 hover:fc:bg-rose-200/80 fc:text-rose-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Delete" })
|
|
952
|
+
/* @__PURE__ */ jsx10("button", { onClick: () => handleEdit(item), className: "fc:px-3 fc:py-1 fc:bg-blue-100/70 hover:fc:fc:bg-blue-200/80 fc:text-blue-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Edit" }),
|
|
953
|
+
/* @__PURE__ */ jsx10("button", { onClick: () => handleDelete(item), className: "fc:px-3 fc:py-1 fc:bg-rose-100/70 hover:fc:fc:bg-rose-200/80 fc:text-rose-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Delete" })
|
|
954
954
|
] }) })
|
|
955
955
|
] }, item.workflowTypeId)) })
|
|
956
956
|
] }) }),
|
|
957
957
|
/* @__PURE__ */ jsxs10("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-1 fc:text-[13px] fc:text-slate-700 fc:font-normal fc:mt-4 fc:bg-slate-50/50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
958
|
-
/* @__PURE__ */ jsx10("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:text-slate-900 fc:mr-2 disabled:fc:opacity-40 fc:cursor-pointer", children: "\
|
|
959
|
-
pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx10("button", { onClick: () => setCurrentPage(pageNumber), className: `px-3 py-1 text-center rounded transition-all min-w-[28px] cursor-pointer
|
|
960
|
-
/* @__PURE__ */ jsx10("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:text-slate-900 fc:ml-2 disabled:fc:opacity-40 fc:cursor-pointer", children: "Next\u203A" })
|
|
958
|
+
/* @__PURE__ */ jsx10("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:mr-2 disabled:fc:fc:opacity-40 fc:cursor-pointer", children: "\u2039 Prev" }),
|
|
959
|
+
pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx10("button", { onClick: () => setCurrentPage(pageNumber), className: `fc:px-3 fc:py-1 fc:text-center fc:rounded fc:transition-all fc:min-w-[28px] fc:cursor-pointer${currentPage === pageNumber ? "bg-blue-600 text-white font-medium shadow-sm" : "text-slate-600 hover:bg-slate-100"}`, children: pageNumber }, pageNumber)),
|
|
960
|
+
/* @__PURE__ */ jsx10("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:ml-2 disabled:fc:fc:opacity-40 fc:cursor-pointer", children: "Next \u203A" })
|
|
961
961
|
] }),
|
|
962
962
|
/* @__PURE__ */ jsx10(EditWorkflowType_default, { isOpen: isEditOpen, onClose: () => setIsEditOpen(false), selectedData: selectedItem, onSave: handleSaveEdit }),
|
|
963
963
|
/* @__PURE__ */ jsx10(DeleteWorkflowType_default, { isOpen: isDeleteOpen, onClose: () => setIsDeleteOpen(false), itemData: selectedItem, onConfirm: handleConfirmDelete })
|
|
964
964
|
] });
|
|
965
965
|
}
|
|
966
966
|
|
|
967
|
-
//
|
|
967
|
+
// src/components/WorkflowType/AddWorkflowTypeModal.jsx
|
|
968
968
|
import React11, { useState as useState5, useEffect as useEffect3 } from "react";
|
|
969
969
|
import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
970
970
|
var AddWorkflowTypeModal = ({
|
|
@@ -1064,7 +1064,7 @@ var AddWorkflowTypeModal = ({
|
|
|
1064
1064
|
/* @__PURE__ */ jsx11("p", { className: "fc:text-xs fc:text-gray-400", children: "Create a new workflow and configure its details" })
|
|
1065
1065
|
] })
|
|
1066
1066
|
] }),
|
|
1067
|
-
/* @__PURE__ */ jsx11("button", { onClick: onClose, className: "fc:text-gray-400 hover:fc:text-gray-600 fc:transition fc:text-xl fc:font-medium", children: "\u2715" })
|
|
1067
|
+
/* @__PURE__ */ jsx11("button", { onClick: onClose, className: "fc:text-gray-400 hover:fc:fc:text-gray-600 fc:transition fc:text-xl fc:font-medium", children: "\u2715" })
|
|
1068
1068
|
] }),
|
|
1069
1069
|
/* @__PURE__ */ jsxs11("form", { onSubmit: handleSubmit, className: "fc:p-6 fc:space-y-6", children: [
|
|
1070
1070
|
/* @__PURE__ */ jsxs11("div", { className: "fc:bg-gray-50/70 fc:rounded-xl fc:p-5 fc:border fc:border-gray-100", children: [
|
|
@@ -1072,13 +1072,13 @@ var AddWorkflowTypeModal = ({
|
|
|
1072
1072
|
/* @__PURE__ */ jsx11("span", { children: "\u{1F4CB}" }),
|
|
1073
1073
|
" Workflow Information"
|
|
1074
1074
|
] }),
|
|
1075
|
-
/* @__PURE__ */ jsxs11("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
|
|
1075
|
+
/* @__PURE__ */ jsxs11("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1076
1076
|
/* @__PURE__ */ jsxs11("div", { children: [
|
|
1077
1077
|
/* @__PURE__ */ jsxs11("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
|
|
1078
1078
|
"Workflow Type ",
|
|
1079
1079
|
/* @__PURE__ */ jsx11("span", { className: "fc:text-red-500", children: "*" })
|
|
1080
1080
|
] }),
|
|
1081
|
-
/* @__PURE__ */ jsxs11("select", { name: "workflowTypeId", value: formData.workflowTypeId, onChange: handleChange, className: `w-full px-3 py-2.5 text-sm bg-white border rounded-lg focus:ring-2 focus:ring-blue-500/20 focus:border-[#2563eb] outline-none transition
|
|
1081
|
+
/* @__PURE__ */ jsxs11("select", { name: "workflowTypeId", value: formData.workflowTypeId, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.workflowTypeId ? "border-red-500" : "border-gray-200"}`, children: [
|
|
1082
1082
|
/* @__PURE__ */ jsx11("option", { value: "", children: "Select workflow type" }),
|
|
1083
1083
|
workflowTypeOptions.map((item) => /* @__PURE__ */ jsx11("option", { value: item.workflowTypeId, children: item.workflowTypeName }, item.workflowTypeId))
|
|
1084
1084
|
] }),
|
|
@@ -1090,16 +1090,16 @@ var AddWorkflowTypeModal = ({
|
|
|
1090
1090
|
"Workflow Code ",
|
|
1091
1091
|
/* @__PURE__ */ jsx11("span", { className: "fc:text-red-500", children: "*" })
|
|
1092
1092
|
] }),
|
|
1093
|
-
/* @__PURE__ */ jsx11("input", { type: "text", name: "workflowCode", placeholder: "Enter workflow code", value: formData.workflowCode, onChange: handleChange, className: `w-full px-3 py-2.5 text-sm bg-white border rounded-lg focus:ring-2 focus:ring-blue-500/20 focus:border-[#2563eb] outline-none transition
|
|
1093
|
+
/* @__PURE__ */ jsx11("input", { type: "text", name: "workflowCode", placeholder: "Enter workflow code", value: formData.workflowCode, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.workflowCode ? "border-red-500" : "border-gray-200"}` }),
|
|
1094
1094
|
/* @__PURE__ */ jsx11("p", { className: "fc:text-[11px] fc:text-red-400 fc:mt-1", children: "Unique code for this workflow (e.g., PET-001)" }),
|
|
1095
1095
|
errors.workflowCode && /* @__PURE__ */ jsx11("span", { className: "fc:text-xs fc:text-red-500", children: errors.workflowCode })
|
|
1096
1096
|
] }),
|
|
1097
|
-
/* @__PURE__ */ jsxs11("div", { className: "md:fc:col-span-2", children: [
|
|
1097
|
+
/* @__PURE__ */ jsxs11("div", { className: "md:fc:fc:col-span-2", children: [
|
|
1098
1098
|
/* @__PURE__ */ jsxs11("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
|
|
1099
1099
|
"Workflow Name ",
|
|
1100
1100
|
/* @__PURE__ */ jsx11("span", { className: "fc:text-red-500", children: "*" })
|
|
1101
1101
|
] }),
|
|
1102
|
-
/* @__PURE__ */ jsx11("input", { type: "text", name: "workflowName", placeholder: "Enter workflow name", value: formData.workflowName, onChange: handleChange, className: `w-full px-3 py-2.5 text-sm bg-white border rounded-lg focus:ring-2 focus:ring-blue-500/20 focus:border-[#2563eb] outline-none transition
|
|
1102
|
+
/* @__PURE__ */ jsx11("input", { type: "text", name: "workflowName", placeholder: "Enter workflow name", value: formData.workflowName, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.workflowName ? "border-red-500" : "border-gray-200"}` }),
|
|
1103
1103
|
/* @__PURE__ */ jsx11("p", { className: "fc:text-[11px] fc:text-red-400 fc:mt-1", children: "Enter a descriptive name for this workflow" }),
|
|
1104
1104
|
errors.workflowName && /* @__PURE__ */ jsx11("span", { className: "fc:text-xs fc:text-red-500", children: errors.workflowName })
|
|
1105
1105
|
] }),
|
|
@@ -1116,13 +1116,13 @@ var AddWorkflowTypeModal = ({
|
|
|
1116
1116
|
"Published ",
|
|
1117
1117
|
/* @__PURE__ */ jsx11("span", { className: "fc:text-red-500", children: "*" })
|
|
1118
1118
|
] }),
|
|
1119
|
-
/* @__PURE__ */ jsxs11("select", { name: "isPublished", value: formData.isPublished, 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:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition", children: [
|
|
1119
|
+
/* @__PURE__ */ jsxs11("select", { name: "isPublished", value: formData.isPublished, 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:transition", children: [
|
|
1120
1120
|
/* @__PURE__ */ jsx11("option", { value: "No", children: "No" }),
|
|
1121
1121
|
/* @__PURE__ */ jsx11("option", { value: "Yes", children: "Yes" })
|
|
1122
1122
|
] }),
|
|
1123
1123
|
/* @__PURE__ */ jsx11("p", { className: "fc:text-[11px] fc:text-red-400 fc:mt-1", children: "Make workflow active for use" })
|
|
1124
1124
|
] }),
|
|
1125
|
-
/* @__PURE__ */ jsxs11("div", { className: "md:fc:col-span-2", children: [
|
|
1125
|
+
/* @__PURE__ */ jsxs11("div", { className: "md:fc:fc:col-span-2", children: [
|
|
1126
1126
|
/* @__PURE__ */ jsxs11("div", { className: "fc:flex fc:justify-between fc:items-center fc:mb-1.5", children: [
|
|
1127
1127
|
/* @__PURE__ */ jsx11("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700", children: "Description" }),
|
|
1128
1128
|
/* @__PURE__ */ jsxs11("span", { className: "fc:text-[11px] fc:text-gray-400", children: [
|
|
@@ -1130,13 +1130,13 @@ var AddWorkflowTypeModal = ({
|
|
|
1130
1130
|
" / 500"
|
|
1131
1131
|
] })
|
|
1132
1132
|
] }),
|
|
1133
|
-
/* @__PURE__ */ jsx11("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:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:resize-none fc:transition" })
|
|
1133
|
+
/* @__PURE__ */ jsx11("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" })
|
|
1134
1134
|
] })
|
|
1135
1135
|
] })
|
|
1136
1136
|
] }),
|
|
1137
1137
|
/* @__PURE__ */ jsxs11("div", { className: "fc:flex fc:justify-end fc:items-center fc:gap-3 fc:pt-2", children: [
|
|
1138
|
-
/* @__PURE__ */ jsx11("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:bg-gray-200 fc:rounded-xl fc:transition", children: "Cancel" }),
|
|
1139
|
-
/* @__PURE__ */ jsx11("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:bg-[#1d4ed8] active:fc:scale-95 fc:rounded-xl fc:shadow-md fc:transition-all fc:flex fc:items-center fc:gap-2", children: "Save Workflow" })
|
|
1138
|
+
/* @__PURE__ */ jsx11("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: "Cancel" }),
|
|
1139
|
+
/* @__PURE__ */ jsx11("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" })
|
|
1140
1140
|
] })
|
|
1141
1141
|
] })
|
|
1142
1142
|
] }) })
|
|
@@ -1144,7 +1144,7 @@ var AddWorkflowTypeModal = ({
|
|
|
1144
1144
|
};
|
|
1145
1145
|
var AddWorkflowTypeModal_default = AddWorkflowTypeModal;
|
|
1146
1146
|
|
|
1147
|
-
//
|
|
1147
|
+
// src/components/WorkflowType/WorkflowTypeMains.js
|
|
1148
1148
|
import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
1149
1149
|
function WorkflowTypeMains() {
|
|
1150
1150
|
const [modalOpen, setModalOpen] = useState6(false);
|
|
@@ -1173,7 +1173,7 @@ function WorkflowTypeMains() {
|
|
|
1173
1173
|
const handleConfirmDelete = (itemToDelete) => {
|
|
1174
1174
|
console.log("Deleted Item:", itemToDelete);
|
|
1175
1175
|
};
|
|
1176
|
-
return /* @__PURE__ */ jsxs12("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:p-6", children: [
|
|
1176
|
+
return /* @__PURE__ */ jsxs12("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
|
|
1177
1177
|
/* @__PURE__ */ jsx12(CommonHeader, { title: "Workflow Type", breadcrumbs: [{
|
|
1178
1178
|
label: "Dashboard",
|
|
1179
1179
|
href: "/dashboard"
|
|
@@ -1202,30 +1202,30 @@ function WorkflowTypeMains() {
|
|
|
1202
1202
|
] });
|
|
1203
1203
|
}
|
|
1204
1204
|
|
|
1205
|
-
//
|
|
1205
|
+
// src/components/WorkflowStep/main.js
|
|
1206
1206
|
import React15, { useState as useState8 } from "react";
|
|
1207
1207
|
|
|
1208
|
-
//
|
|
1208
|
+
// src/components/Common/footer.js
|
|
1209
1209
|
import React13 from "react";
|
|
1210
1210
|
import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
1211
1211
|
function Footer() {
|
|
1212
1212
|
return /* @__PURE__ */ jsxs13("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-6 fc:py-4 fc:sticky fc:bottom-0 fc:z-10 fc:border-t fc:border-gray-200 fc:rounded-xl fc:bg-slate-50/50 fc:shadow-md", children: [
|
|
1213
1213
|
/* @__PURE__ */ jsx13("div", { className: "fc:text-sm fc:text-slate-500", children: "Showing 1 to 5 entries" }),
|
|
1214
1214
|
/* @__PURE__ */ jsxs13("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
|
|
1215
|
-
/* @__PURE__ */ jsx13("button", { className: "fc:px-2 fc:py-1 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200 hover:fc:bg-blue-600 hover:fc:text-white hover:fc:border-blue-600", children: "\u2039 Prev" }),
|
|
1216
|
-
/* @__PURE__ */ jsx13("button", { className: "fc:w-7 fc:h-7 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200 hover:fc:bg-blue-600 hover:fc:text-white hover:fc:border-blue-600", children: "1" }),
|
|
1217
|
-
/* @__PURE__ */ jsx13("button", { className: "fc:w-7 fc:h-7 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200 hover:fc:bg-blue-600 hover:fc:text-white hover:fc:border-blue-600", children: "2" }),
|
|
1218
|
-
/* @__PURE__ */ jsx13("button", { className: "fc:w-7 fc:h-7 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200 hover:fc:bg-blue-600 hover:fc:text-white hover:fc:border-blue-600", children: "3" }),
|
|
1219
|
-
/* @__PURE__ */ jsx13("button", { className: "fc:w-7 fc:h-7 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200 hover:fc:bg-blue-600 hover:fc:text-white hover:fc:border-blue-600", children: "4" }),
|
|
1220
|
-
/* @__PURE__ */ jsx13("button", { className: "fc:px-2 fc:py-1 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200 hover:fc:bg-blue-600 hover:fc:text-white hover:fc:border-blue-600", children: "Next \u203A" })
|
|
1215
|
+
/* @__PURE__ */ jsx13("button", { className: "fc:px-2 fc:py-1 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200 hover:fc:fc:bg-blue-600 hover:fc:fc:text-white hover:fc:fc:border-blue-600", children: "\u2039 Prev" }),
|
|
1216
|
+
/* @__PURE__ */ jsx13("button", { className: "fc:w-7 fc:h-7 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200 hover:fc:fc:bg-blue-600 hover:fc:fc:text-white hover:fc:fc:border-blue-600", children: "1" }),
|
|
1217
|
+
/* @__PURE__ */ jsx13("button", { className: "fc:w-7 fc:h-7 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200 hover:fc:fc:bg-blue-600 hover:fc:fc:text-white hover:fc:fc:border-blue-600", children: "2" }),
|
|
1218
|
+
/* @__PURE__ */ jsx13("button", { className: "fc:w-7 fc:h-7 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200 hover:fc:fc:bg-blue-600 hover:fc:fc:text-white hover:fc:fc:border-blue-600", children: "3" }),
|
|
1219
|
+
/* @__PURE__ */ jsx13("button", { className: "fc:w-7 fc:h-7 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200 hover:fc:fc:bg-blue-600 hover:fc:fc:text-white hover:fc:fc:border-blue-600", children: "4" }),
|
|
1220
|
+
/* @__PURE__ */ jsx13("button", { className: "fc:px-2 fc:py-1 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200 hover:fc:fc:bg-blue-600 hover:fc:fc:text-white hover:fc:fc:border-blue-600", children: "Next \u203A" })
|
|
1221
1221
|
] })
|
|
1222
1222
|
] });
|
|
1223
1223
|
}
|
|
1224
1224
|
|
|
1225
|
-
//
|
|
1225
|
+
// src/components/WorkflowStep/main.js
|
|
1226
1226
|
import Link2 from "next/link";
|
|
1227
1227
|
|
|
1228
|
-
//
|
|
1228
|
+
// src/components/WorkflowStep/AddWorkflowStepModal.js
|
|
1229
1229
|
import React14, { useState as useState7 } from "react";
|
|
1230
1230
|
import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
1231
1231
|
function AddWorkflowStepModal({
|
|
@@ -1266,7 +1266,7 @@ function AddWorkflowStepModal({
|
|
|
1266
1266
|
/* @__PURE__ */ jsx14("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Create a new workflow step and configure its SLA details" })
|
|
1267
1267
|
] })
|
|
1268
1268
|
] }),
|
|
1269
|
-
/* @__PURE__ */ jsx14("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:text-slate-600 hover:fc:bg-slate-100 fc:p-2 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
1269
|
+
/* @__PURE__ */ jsx14("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 hover:fc:fc:bg-slate-100 fc:p-2 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
1270
1270
|
] }),
|
|
1271
1271
|
/* @__PURE__ */ jsxs14("div", { className: "fc:p-8 fc:space-y-8 fc:overflow-y-auto fc:max-h-[calc(92vh-170px)] fc:bg-slate-50/30", children: [
|
|
1272
1272
|
/* @__PURE__ */ jsxs14("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
|
|
@@ -1274,7 +1274,7 @@ function AddWorkflowStepModal({
|
|
|
1274
1274
|
/* @__PURE__ */ jsx14("span", { children: "\u{1F4CB}" }),
|
|
1275
1275
|
/* @__PURE__ */ jsx14("span", { children: "Workflow Step Information" })
|
|
1276
1276
|
] }),
|
|
1277
|
-
/* @__PURE__ */ jsxs14("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
|
|
1277
|
+
/* @__PURE__ */ jsxs14("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1278
1278
|
/* @__PURE__ */ jsxs14("div", { children: [
|
|
1279
1279
|
/* @__PURE__ */ jsxs14("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1280
1280
|
"Workflow ",
|
|
@@ -1287,7 +1287,7 @@ function AddWorkflowStepModal({
|
|
|
1287
1287
|
setErrors(__spreadProps(__spreadValues({}, errors), {
|
|
1288
1288
|
workflow: ""
|
|
1289
1289
|
}));
|
|
1290
|
-
}, className: `w-full p-2.5 rounded-xl text-xs bg-white focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500
|
|
1290
|
+
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500${errors.workflow ? "border border-red-500" : "border border-slate-200 text-slate-400"}`, children: [
|
|
1291
1291
|
/* @__PURE__ */ jsx14("option", { value: "", children: "Select workflow" }),
|
|
1292
1292
|
/* @__PURE__ */ jsx14("option", { value: "petition", children: "Petition Workflow" }),
|
|
1293
1293
|
/* @__PURE__ */ jsx14("option", { value: "building", children: "Building Workflow" })
|
|
@@ -1306,11 +1306,11 @@ function AddWorkflowStepModal({
|
|
|
1306
1306
|
setErrors(__spreadProps(__spreadValues({}, errors), {
|
|
1307
1307
|
stepCode: ""
|
|
1308
1308
|
}));
|
|
1309
|
-
}, className: `w-full p-2.5 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500 text-slate-700
|
|
1309
|
+
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500 fc:text-slate-700${errors.stepCode ? "border border-red-500" : "border border-slate-200"}` }),
|
|
1310
1310
|
errors.stepCode && /* @__PURE__ */ jsx14("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.stepCode })
|
|
1311
1311
|
] })
|
|
1312
1312
|
] }),
|
|
1313
|
-
/* @__PURE__ */ jsxs14("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
|
|
1313
|
+
/* @__PURE__ */ jsxs14("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1314
1314
|
/* @__PURE__ */ jsxs14("div", { children: [
|
|
1315
1315
|
/* @__PURE__ */ jsxs14("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1316
1316
|
"Step Name ",
|
|
@@ -1323,7 +1323,7 @@ function AddWorkflowStepModal({
|
|
|
1323
1323
|
setErrors(__spreadProps(__spreadValues({}, errors), {
|
|
1324
1324
|
stepName: ""
|
|
1325
1325
|
}));
|
|
1326
|
-
}, className: `w-full p-2.5 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500 text-slate-700
|
|
1326
|
+
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500 fc:text-slate-700${errors.stepName ? "border border-red-500" : "border border-slate-200"}` }),
|
|
1327
1327
|
errors.stepName && /* @__PURE__ */ jsx14("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.stepName })
|
|
1328
1328
|
] }),
|
|
1329
1329
|
/* @__PURE__ */ jsxs14("div", { children: [
|
|
@@ -1338,11 +1338,11 @@ function AddWorkflowStepModal({
|
|
|
1338
1338
|
setErrors(__spreadProps(__spreadValues({}, errors), {
|
|
1339
1339
|
sequenceNo: ""
|
|
1340
1340
|
}));
|
|
1341
|
-
}, className: `w-full p-2.5 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500 text-slate-700
|
|
1341
|
+
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500 fc:text-slate-700${errors.sequenceNo ? "border border-red-500" : "border border-slate-200"}` }),
|
|
1342
1342
|
errors.sequenceNo && /* @__PURE__ */ jsx14("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.sequenceNo })
|
|
1343
1343
|
] })
|
|
1344
1344
|
] }),
|
|
1345
|
-
/* @__PURE__ */ jsxs14("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
|
|
1345
|
+
/* @__PURE__ */ jsxs14("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1346
1346
|
/* @__PURE__ */ jsxs14("div", { children: [
|
|
1347
1347
|
/* @__PURE__ */ jsxs14("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1348
1348
|
"SLA Type ",
|
|
@@ -1355,7 +1355,7 @@ function AddWorkflowStepModal({
|
|
|
1355
1355
|
setErrors(__spreadProps(__spreadValues({}, errors), {
|
|
1356
1356
|
slaType: ""
|
|
1357
1357
|
}));
|
|
1358
|
-
}, className: `w-full p-2.5 rounded-xl text-xs bg-white focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500
|
|
1358
|
+
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500${errors.slaType ? "border border-red-500" : "border border-slate-200 text-slate-400"}`, children: [
|
|
1359
1359
|
/* @__PURE__ */ jsx14("option", { value: "", children: "Select SLA type" }),
|
|
1360
1360
|
/* @__PURE__ */ jsx14("option", { value: "hours", children: "Hours" }),
|
|
1361
1361
|
/* @__PURE__ */ jsx14("option", { value: "days", children: "Days" })
|
|
@@ -1374,11 +1374,11 @@ function AddWorkflowStepModal({
|
|
|
1374
1374
|
setErrors(__spreadProps(__spreadValues({}, errors), {
|
|
1375
1375
|
slaValue: ""
|
|
1376
1376
|
}));
|
|
1377
|
-
}, className: `w-full p-2.5 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500 text-slate-700
|
|
1377
|
+
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500 fc:text-slate-700${errors.slaValue ? "border border-red-500" : "border border-slate-200"}` }),
|
|
1378
1378
|
errors.slaValue && /* @__PURE__ */ jsx14("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.slaValue })
|
|
1379
1379
|
] })
|
|
1380
1380
|
] }),
|
|
1381
|
-
/* @__PURE__ */ jsxs14("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
|
|
1381
|
+
/* @__PURE__ */ jsxs14("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1382
1382
|
/* @__PURE__ */ jsxs14("div", { children: [
|
|
1383
1383
|
/* @__PURE__ */ jsxs14("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1384
1384
|
"Reminder Before ",
|
|
@@ -1391,7 +1391,7 @@ function AddWorkflowStepModal({
|
|
|
1391
1391
|
setErrors(__spreadProps(__spreadValues({}, errors), {
|
|
1392
1392
|
reminderBefore: ""
|
|
1393
1393
|
}));
|
|
1394
|
-
}, className: `w-full p-2.5 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500 text-slate-700
|
|
1394
|
+
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500 fc:text-slate-700${errors.reminderBefore ? "border border-red-500" : "border border-slate-200"}` }),
|
|
1395
1395
|
errors.reminderBefore && /* @__PURE__ */ jsx14("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.reminderBefore })
|
|
1396
1396
|
] }),
|
|
1397
1397
|
/* @__PURE__ */ jsxs14("div", { children: [
|
|
@@ -1406,7 +1406,7 @@ function AddWorkflowStepModal({
|
|
|
1406
1406
|
setErrors(__spreadProps(__spreadValues({}, errors), {
|
|
1407
1407
|
escalationAfter: ""
|
|
1408
1408
|
}));
|
|
1409
|
-
}, className: `w-full p-2.5 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500 text-slate-700
|
|
1409
|
+
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500 fc:text-slate-700${errors.escalationAfter ? "border border-red-500" : "border border-slate-200"}` }),
|
|
1410
1410
|
errors.escalationAfter && /* @__PURE__ */ jsx14("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.escalationAfter })
|
|
1411
1411
|
] })
|
|
1412
1412
|
] })
|
|
@@ -1416,7 +1416,7 @@ function AddWorkflowStepModal({
|
|
|
1416
1416
|
/* @__PURE__ */ jsx14("span", { children: "\u2699\uFE0F" }),
|
|
1417
1417
|
/* @__PURE__ */ jsx14("span", { children: "Status & Settings" })
|
|
1418
1418
|
] }),
|
|
1419
|
-
/* @__PURE__ */ jsxs14("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
|
|
1419
|
+
/* @__PURE__ */ jsxs14("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1420
1420
|
/* @__PURE__ */ jsxs14("div", { className: "fc:flex fc:items-center fc:justify-between fc:p-4 fc:bg-slate-50/50 fc:border fc:border-slate-100 fc:rounded-2xl", children: [
|
|
1421
1421
|
/* @__PURE__ */ jsxs14("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
1422
1422
|
/* @__PURE__ */ jsx14("div", { className: "fc:w-8 fc:h-8 fc:rounded-lg fc:bg-indigo-50 fc:text-indigo-600 fc:flex fc:items-center fc:justify-center fc:text-sm", children: "\u23F0" }),
|
|
@@ -1427,7 +1427,7 @@ function AddWorkflowStepModal({
|
|
|
1427
1427
|
] }),
|
|
1428
1428
|
/* @__PURE__ */ jsxs14("label", { className: "fc:relative fc:inline-flex fc:items-center fc:cursor-pointer", children: [
|
|
1429
1429
|
/* @__PURE__ */ jsx14("input", { type: "checkbox", defaultChecked: true, className: "fc:sr-only fc:peer" }),
|
|
1430
|
-
/* @__PURE__ */ jsx14("div", { className: "fc:w-8 fc:h-4.5 fc:bg-slate-200 peer-focus:fc:outline-none fc:rounded-full fc:peer peer-checked:after:fc:translate-x-full peer-checked:after:fc:border-white after:fc:content-[''] after:fc:absolute after:fc:top-[2px] after:fc:left-[2px] after:fc:bg-white after:fc:border-slate-300 after:fc:border after:fc:rounded-full after:fc:h-3.5 after:fc:w-3.5 after:fc:transition-all peer-checked:fc:bg-indigo-600" })
|
|
1430
|
+
/* @__PURE__ */ jsx14("div", { className: "fc:w-8 fc:h-4.5 fc:bg-slate-200 peer-focus:fc:fc:outline-none fc:rounded-full fc:peer peer-checked:after:fc:fc:translate-x-full peer-checked:after:fc:fc:border-white after:fc:fc:content-[''] after:fc:fc:absolute after:fc:fc:top-[2px] after:fc:fc:left-[2px] after:fc:fc:bg-white after:fc:fc:border-slate-300 after:fc:fc:border after:fc:fc:rounded-full after:fc:fc:h-3.5 after:fc:fc:w-3.5 after:fc:fc:transition-all peer-checked:fc:fc:bg-indigo-600" })
|
|
1431
1431
|
] })
|
|
1432
1432
|
] }),
|
|
1433
1433
|
/* @__PURE__ */ jsxs14("div", { className: "fc:flex fc:items-center fc:justify-between fc:p-4 fc:bg-slate-50/50 fc:border fc:border-slate-100 fc:rounded-2xl", children: [
|
|
@@ -1440,7 +1440,7 @@ function AddWorkflowStepModal({
|
|
|
1440
1440
|
] }),
|
|
1441
1441
|
/* @__PURE__ */ jsxs14("label", { className: "fc:relative fc:inline-flex fc:items-center fc:cursor-pointer", children: [
|
|
1442
1442
|
/* @__PURE__ */ jsx14("input", { type: "checkbox", defaultChecked: true, className: "fc:sr-only fc:peer" }),
|
|
1443
|
-
/* @__PURE__ */ jsx14("div", { className: "fc:w-8 fc:h-4.5 fc:bg-slate-200 peer-focus:fc:outline-none fc:rounded-full fc:peer peer-checked:after:fc:translate-x-full peer-checked:after:fc:border-white after:fc:content-[''] after:fc:absolute after:fc:top-[2px] after:fc:left-[2px] after:fc:bg-white after:fc:border-slate-300 after:fc:border after:fc:rounded-full after:fc:h-3.5 after:fc:w-3.5 after:fc:transition-all peer-checked:fc:bg-indigo-600 fc:text-slate-800" })
|
|
1443
|
+
/* @__PURE__ */ jsx14("div", { className: "fc:w-8 fc:h-4.5 fc:bg-slate-200 peer-focus:fc:fc:outline-none fc:rounded-full fc:peer peer-checked:after:fc:fc:translate-x-full peer-checked:after:fc:fc:border-white after:fc:fc:content-[''] after:fc:fc:absolute after:fc:fc:top-[2px] after:fc:fc:left-[2px] after:fc:fc:bg-white after:fc:fc:border-slate-300 after:fc:fc:border after:fc:fc:rounded-full after:fc:fc:h-3.5 after:fc:fc:w-3.5 after:fc:fc:transition-all peer-checked:fc:fc:bg-indigo-600 fc:text-slate-800" })
|
|
1444
1444
|
] })
|
|
1445
1445
|
] })
|
|
1446
1446
|
] }),
|
|
@@ -1448,11 +1448,11 @@ function AddWorkflowStepModal({
|
|
|
1448
1448
|
/* @__PURE__ */ jsx14("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-3", children: "Status" }),
|
|
1449
1449
|
/* @__PURE__ */ jsxs14("div", { className: "fc:flex fc:items-center fc:gap-6", children: [
|
|
1450
1450
|
/* @__PURE__ */ jsxs14("label", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-700 fc:font-medium", children: [
|
|
1451
|
-
/* @__PURE__ */ jsx14("input", { type: "radio", name: "status", defaultChecked: true, className: "fc:text-indigo-600 focus:fc:ring-indigo-500" }),
|
|
1451
|
+
/* @__PURE__ */ jsx14("input", { type: "radio", name: "status", defaultChecked: true, className: "fc:text-indigo-600 focus:fc:fc:ring-indigo-500" }),
|
|
1452
1452
|
"Active"
|
|
1453
1453
|
] }),
|
|
1454
1454
|
/* @__PURE__ */ jsxs14("label", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-700 fc:font-medium", children: [
|
|
1455
|
-
/* @__PURE__ */ jsx14("input", { type: "radio", name: "status", className: "fc:text-indigo-600 focus:fc:ring-indigo-500" }),
|
|
1455
|
+
/* @__PURE__ */ jsx14("input", { type: "radio", name: "status", className: "fc:text-indigo-600 focus:fc:fc:ring-indigo-500" }),
|
|
1456
1456
|
"Inactive"
|
|
1457
1457
|
] })
|
|
1458
1458
|
] }),
|
|
@@ -1461,18 +1461,18 @@ function AddWorkflowStepModal({
|
|
|
1461
1461
|
] })
|
|
1462
1462
|
] }),
|
|
1463
1463
|
/* @__PURE__ */ jsxs14("div", { className: "fc:p-5 fc:bg-white fc:border-t fc:border-slate-100 fc:flex fc:items-center fc:justify-end fc:gap-3 fc:px-8", children: [
|
|
1464
|
-
/* @__PURE__ */ jsx14("button", { onClick: onClose, className: "fc:px-6 fc:py-2.5 fc:border fc:border-slate-200 fc:text-slate-600 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:bg-slate-50 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u2715 Cancel" }),
|
|
1464
|
+
/* @__PURE__ */ jsx14("button", { onClick: onClose, className: "fc:px-6 fc:py-2.5 fc:border fc:border-slate-200 fc:text-slate-600 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:fc:bg-slate-50 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u2715 Cancel" }),
|
|
1465
1465
|
/* @__PURE__ */ jsx14("button", { type: "button", onClick: () => {
|
|
1466
1466
|
if (validateForm()) {
|
|
1467
1467
|
console.log("Form Submitted");
|
|
1468
1468
|
}
|
|
1469
|
-
}, className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/10 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u{1F4BE} Save Workflow Step" })
|
|
1469
|
+
}, className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/10 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u{1F4BE} Save Workflow Step" })
|
|
1470
1470
|
] })
|
|
1471
1471
|
] })
|
|
1472
1472
|
] });
|
|
1473
1473
|
}
|
|
1474
1474
|
|
|
1475
|
-
//
|
|
1475
|
+
// src/components/WorkflowStep/main.js
|
|
1476
1476
|
import { Fragment, jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
1477
1477
|
var workflowSteps = [{
|
|
1478
1478
|
workflowStepId: 1,
|
|
@@ -1628,9 +1628,9 @@ function WorkflowStep() {
|
|
|
1628
1628
|
/* @__PURE__ */ jsxs15("div", { className: "fc:flex fc:justify-between fc:items-center fc:flex-wrap fc:gap-3", children: [
|
|
1629
1629
|
/* @__PURE__ */ jsxs15("div", { className: "fc:relative fc:max-w-xs fc:w-full", children: [
|
|
1630
1630
|
/* @__PURE__ */ jsx15("span", { className: "fc:absolute fc:inset-y-0 fc:left-0 fc:flex fc:items-center fc:pl-3.5 fc:pointer-events-none", children: /* @__PURE__ */ jsx15("svg", { className: "fc:w-4 fc:h-5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx15("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
1631
|
-
/* @__PURE__ */ jsx15("input", { type: "text", placeholder: "Search workflow name or code...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:shadow-md fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-[14px] fc:text-bold fc:bg-slate-50/50 focus:fc:outline-none focus:fc:ring-4 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all" })
|
|
1631
|
+
/* @__PURE__ */ jsx15("input", { type: "text", placeholder: "Search workflow name or code...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:shadow-md fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-[14px] fc:text-bold fc:bg-slate-50/50 focus:fc:fc:outline-none focus:fc:fc:ring-4 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all" })
|
|
1632
1632
|
] }),
|
|
1633
|
-
/* @__PURE__ */ jsx15("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-500 fc:font-semibold", children: /* @__PURE__ */ jsxs15("select", { value: pageSize, onChange: (e) => setPageSize(Number(e.target.value)), className: "fc:inline-flex fc:items-center fc:px-4 fc:py-2 fc:rounded-xl fc:bg-white fc:text-slate-700 fc:text-[14px] fc:font-semibold fc:border fc:border-slate-200 focus:fc:outline-none fc:cursor-pointer fc:shadow-md", children: [
|
|
1633
|
+
/* @__PURE__ */ jsx15("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-500 fc:font-semibold", children: /* @__PURE__ */ jsxs15("select", { value: pageSize, onChange: (e) => setPageSize(Number(e.target.value)), className: "fc:inline-flex fc:items-center fc:px-4 fc:py-2 fc:rounded-xl fc:bg-white fc:text-slate-700 fc:text-[14px] fc:font-semibold fc:border fc:border-slate-200 focus:fc:fc:outline-none fc:cursor-pointer fc:shadow-md", children: [
|
|
1634
1634
|
/* @__PURE__ */ jsx15("option", { value: 5, children: "5 Rows" }),
|
|
1635
1635
|
/* @__PURE__ */ jsx15("option", { value: 10, children: "10 Rows" }),
|
|
1636
1636
|
/* @__PURE__ */ jsx15("option", { value: 25, children: "25 Rows" })
|
|
@@ -1670,11 +1670,11 @@ function WorkflowStep() {
|
|
|
1670
1670
|
}, {
|
|
1671
1671
|
label: "Exclude Holidays",
|
|
1672
1672
|
key: "excludeHolidays"
|
|
1673
|
-
}].map((column) => /* @__PURE__ */ jsx15("th", { onClick: () => handleSort(column.key), className: "fc:px-6 fc:py-4 fc:text-left fc:text-xs fc:font-bold fc:text-slate-500 fc:uppercase fc:tracking-wider fc:cursor-pointer fc:select-none hover:fc:bg-slate-100 fc:transition-colors", children: /* @__PURE__ */ jsxs15("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-1.5", children: [
|
|
1673
|
+
}].map((column) => /* @__PURE__ */ jsx15("th", { onClick: () => handleSort(column.key), className: "fc:px-6 fc:py-4 fc:text-left fc:text-xs fc:font-bold fc:text-slate-500 fc:uppercase fc:tracking-wider fc:cursor-pointer fc:select-none hover:fc:fc:bg-slate-100 fc:transition-colors", children: /* @__PURE__ */ jsxs15("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-1.5", children: [
|
|
1674
1674
|
/* @__PURE__ */ jsx15("span", { className: "fc:truncate", children: column.label }),
|
|
1675
1675
|
/* @__PURE__ */ jsx15("span", { className: "fc:text-slate-300 fc:text-[10px]", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
|
|
1676
1676
|
] }) }, column.key)) }) }),
|
|
1677
|
-
/* @__PURE__ */ jsx15("tbody", { children: workflowSteps.slice(0, pageSize).map((item) => /* @__PURE__ */ jsxs15("tr", { className: "hover:fc:bg-slate-50/80 fc:transition-colors fc:border-b fc:border-slate-100 last:fc:border-0", children: [
|
|
1677
|
+
/* @__PURE__ */ jsx15("tbody", { children: workflowSteps.slice(0, pageSize).map((item) => /* @__PURE__ */ jsxs15("tr", { className: "hover:fc:fc:bg-slate-50/80 fc:transition-colors fc:border-b fc:border-slate-100 last:fc:fc:border-0", children: [
|
|
1678
1678
|
/* @__PURE__ */ jsx15("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.workflowStepId }),
|
|
1679
1679
|
/* @__PURE__ */ jsx15("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.workflowId }),
|
|
1680
1680
|
/* @__PURE__ */ jsx15("td", { className: "fc:px-2 fc:py-4 fc:text-center fc:text-[14px]", children: /* @__PURE__ */ jsx15("span", { className: "fc:inline-flex fc:items-center fc:px-2 fc:py-0.5 fc:rounded-md fc:bg-slate-100 fc:text-slate-600 fc:text-xs fc:font-bold fc:border fc:border-slate-200 fc:truncate", children: item.stepCode }) }),
|
|
@@ -1695,11 +1695,11 @@ function WorkflowStep() {
|
|
|
1695
1695
|
] });
|
|
1696
1696
|
}
|
|
1697
1697
|
|
|
1698
|
-
//
|
|
1698
|
+
// src/components/WorkFlowTransition/Transitiontable.js
|
|
1699
1699
|
import React17, { useState as useState10 } from "react";
|
|
1700
1700
|
import Link3 from "next/link";
|
|
1701
1701
|
|
|
1702
|
-
//
|
|
1702
|
+
// src/components/WorkFlowTransition/AddWorkFlowTransitionModal.js
|
|
1703
1703
|
import React16, { useState as useState9 } from "react";
|
|
1704
1704
|
import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
1705
1705
|
function AddWorkTransitionStepModal({
|
|
@@ -1739,7 +1739,7 @@ function AddWorkTransitionStepModal({
|
|
|
1739
1739
|
/* @__PURE__ */ jsx16("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Create a new workflowTransition and configure its details" })
|
|
1740
1740
|
] })
|
|
1741
1741
|
] }),
|
|
1742
|
-
/* @__PURE__ */ jsx16("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:text-slate-600 hover:fc:bg-slate-100 fc:p-2 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
1742
|
+
/* @__PURE__ */ jsx16("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 hover:fc:fc:bg-slate-100 fc:p-2 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
1743
1743
|
] }),
|
|
1744
1744
|
/* @__PURE__ */ jsxs16("div", { className: "fc:p-8 fc:space-y-8 fc:overflow-y-auto fc:max-h-[calc(92vh-170px)] fc:bg-slate-50/30", children: [
|
|
1745
1745
|
/* @__PURE__ */ jsxs16("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
|
|
@@ -1747,7 +1747,7 @@ function AddWorkTransitionStepModal({
|
|
|
1747
1747
|
/* @__PURE__ */ jsx16("span", { children: "\u{1F4CB}" }),
|
|
1748
1748
|
/* @__PURE__ */ jsx16("span", { children: "WorkflowTransition Information" })
|
|
1749
1749
|
] }),
|
|
1750
|
-
/* @__PURE__ */ jsxs16("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
|
|
1750
|
+
/* @__PURE__ */ jsxs16("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1751
1751
|
/* @__PURE__ */ jsxs16("div", { children: [
|
|
1752
1752
|
/* @__PURE__ */ jsxs16("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1753
1753
|
"Workflow ",
|
|
@@ -1760,7 +1760,7 @@ function AddWorkTransitionStepModal({
|
|
|
1760
1760
|
setErrors(__spreadProps(__spreadValues({}, errors), {
|
|
1761
1761
|
workflow: ""
|
|
1762
1762
|
}));
|
|
1763
|
-
}, className: `w-full p-2.5 rounded-xl text-xs bg-white focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500
|
|
1763
|
+
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500${errors.workflow ? "border border-red-500" : "border border-slate-200 text-slate-400"}`, children: [
|
|
1764
1764
|
/* @__PURE__ */ jsx16("option", { value: "", children: "Select Workflow" }),
|
|
1765
1765
|
/* @__PURE__ */ jsx16("option", { value: "building", children: "Building Permission" }),
|
|
1766
1766
|
/* @__PURE__ */ jsx16("option", { value: "trade", children: "Trade License" })
|
|
@@ -1779,7 +1779,7 @@ function AddWorkTransitionStepModal({
|
|
|
1779
1779
|
setErrors(__spreadProps(__spreadValues({}, errors), {
|
|
1780
1780
|
fromStep: ""
|
|
1781
1781
|
}));
|
|
1782
|
-
}, className: `w-full p-2.5 rounded-xl text-xs bg-white focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500
|
|
1782
|
+
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500${errors.fromStep ? "border border-red-500" : "border border-slate-200 text-slate-400"}`, children: [
|
|
1783
1783
|
/* @__PURE__ */ jsx16("option", { value: "", children: "Select From Step" }),
|
|
1784
1784
|
/* @__PURE__ */ jsx16("option", { value: "scrutiny", children: "Scrutiny" }),
|
|
1785
1785
|
/* @__PURE__ */ jsx16("option", { value: "inspection", children: "Inspection" })
|
|
@@ -1787,7 +1787,7 @@ function AddWorkTransitionStepModal({
|
|
|
1787
1787
|
errors.fromStep && /* @__PURE__ */ jsx16("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.fromStep })
|
|
1788
1788
|
] })
|
|
1789
1789
|
] }),
|
|
1790
|
-
/* @__PURE__ */ jsxs16("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
|
|
1790
|
+
/* @__PURE__ */ jsxs16("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1791
1791
|
/* @__PURE__ */ jsxs16("div", { children: [
|
|
1792
1792
|
/* @__PURE__ */ jsxs16("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1793
1793
|
"To Step ",
|
|
@@ -1800,7 +1800,7 @@ function AddWorkTransitionStepModal({
|
|
|
1800
1800
|
setErrors(__spreadProps(__spreadValues({}, errors), {
|
|
1801
1801
|
toStep: ""
|
|
1802
1802
|
}));
|
|
1803
|
-
}, className: `w-full p-2.5 rounded-xl text-xs bg-white focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500
|
|
1803
|
+
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500${errors.toStep ? "border border-red-500" : "border border-slate-200 text-slate-400"}`, children: [
|
|
1804
1804
|
/* @__PURE__ */ jsx16("option", { value: "", children: "Select To Step" }),
|
|
1805
1805
|
/* @__PURE__ */ jsx16("option", { value: "approval", children: "Approval" }),
|
|
1806
1806
|
/* @__PURE__ */ jsx16("option", { value: "completed", children: "Completed" })
|
|
@@ -1819,11 +1819,11 @@ function AddWorkTransitionStepModal({
|
|
|
1819
1819
|
setErrors(__spreadProps(__spreadValues({}, errors), {
|
|
1820
1820
|
actionCode: ""
|
|
1821
1821
|
}));
|
|
1822
|
-
}, className: `w-full p-2.5 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500 text-slate-700
|
|
1822
|
+
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500 fc:text-slate-700${errors.actionCode ? "border border-red-500" : "border border-slate-200"}` }),
|
|
1823
1823
|
errors.actionCode && /* @__PURE__ */ jsx16("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.actionCode })
|
|
1824
1824
|
] })
|
|
1825
1825
|
] }),
|
|
1826
|
-
/* @__PURE__ */ jsxs16("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
|
|
1826
|
+
/* @__PURE__ */ jsxs16("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1827
1827
|
/* @__PURE__ */ jsxs16("div", { children: [
|
|
1828
1828
|
/* @__PURE__ */ jsxs16("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1829
1829
|
"Action Name ",
|
|
@@ -1836,7 +1836,7 @@ function AddWorkTransitionStepModal({
|
|
|
1836
1836
|
setErrors(__spreadProps(__spreadValues({}, errors), {
|
|
1837
1837
|
actionName: ""
|
|
1838
1838
|
}));
|
|
1839
|
-
}, className: `w-full p-2.5 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500 text-slate-700
|
|
1839
|
+
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500 fc:text-slate-700${errors.actionName ? "border border-red-500" : "border border-slate-200"}` }),
|
|
1840
1840
|
errors.actionName && /* @__PURE__ */ jsx16("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.actionName })
|
|
1841
1841
|
] }),
|
|
1842
1842
|
/* @__PURE__ */ jsxs16("div", { children: [
|
|
@@ -1851,7 +1851,7 @@ function AddWorkTransitionStepModal({
|
|
|
1851
1851
|
setErrors(__spreadProps(__spreadValues({}, errors), {
|
|
1852
1852
|
sequenceNo: ""
|
|
1853
1853
|
}));
|
|
1854
|
-
}, className: `w-full p-2.5 rounded-xl text-xs focus:outline-none focus:ring-2 focus:ring-indigo-500/10 focus:border-indigo-500 text-slate-700
|
|
1854
|
+
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500 fc:text-slate-700${errors.sequenceNo ? "border border-red-500" : "border border-slate-200"}` }),
|
|
1855
1855
|
errors.sequenceNo && /* @__PURE__ */ jsx16("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.sequenceNo })
|
|
1856
1856
|
] })
|
|
1857
1857
|
] })
|
|
@@ -1861,7 +1861,7 @@ function AddWorkTransitionStepModal({
|
|
|
1861
1861
|
/* @__PURE__ */ jsx16("span", { children: "\u2699\uFE0F" }),
|
|
1862
1862
|
/* @__PURE__ */ jsx16("span", { children: "Status & Settings" })
|
|
1863
1863
|
] }),
|
|
1864
|
-
/* @__PURE__ */ jsxs16("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
|
|
1864
|
+
/* @__PURE__ */ jsxs16("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1865
1865
|
/* @__PURE__ */ jsxs16("div", { className: "fc:flex fc:items-center fc:justify-between fc:p-4 fc:bg-slate-50/50 fc:border fc:border-slate-100 fc:rounded-2xl", children: [
|
|
1866
1866
|
/* @__PURE__ */ jsxs16("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
1867
1867
|
/* @__PURE__ */ jsx16("div", { className: "fc:w-8 fc:h-8 fc:rounded-lg fc:bg-indigo-50 fc:text-indigo-600 fc:flex fc:items-center fc:justify-center fc:text-sm", children: "\u{1F4CC}" }),
|
|
@@ -1874,7 +1874,7 @@ function AddWorkTransitionStepModal({
|
|
|
1874
1874
|
/* @__PURE__ */ jsx16("input", { type: "checkbox", checked: formData.isDefault, onChange: (e) => setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1875
1875
|
isDefault: e.target.checked
|
|
1876
1876
|
})), className: "fc:sr-only fc:peer" }),
|
|
1877
|
-
/* @__PURE__ */ jsx16("div", { className: "fc:w-8 fc:h-4.5 fc:bg-slate-200 peer-focus:fc:outline-none fc:rounded-full fc:peer peer-checked:after:fc:translate-x-full peer-checked:after:fc:border-white after:fc:content-[''] after:fc:absolute after:fc:top-[2px] after:fc:left-[2px] after:fc:bg-white after:fc:border-slate-300 after:fc:border after:fc:rounded-full after:fc:h-3.5 after:fc:w-3.5 after:fc:transition-all peer-checked:fc:bg-indigo-600" })
|
|
1877
|
+
/* @__PURE__ */ jsx16("div", { className: "fc:w-8 fc:h-4.5 fc:bg-slate-200 peer-focus:fc:fc:outline-none fc:rounded-full fc:peer peer-checked:after:fc:fc:translate-x-full peer-checked:after:fc:fc:border-white after:fc:fc:content-[''] after:fc:fc:absolute after:fc:fc:top-[2px] after:fc:fc:left-[2px] after:fc:fc:bg-white after:fc:fc:border-slate-300 after:fc:fc:border after:fc:fc:rounded-full after:fc:fc:h-3.5 after:fc:fc:w-3.5 after:fc:fc:transition-all peer-checked:fc:fc:bg-indigo-600" })
|
|
1878
1878
|
] })
|
|
1879
1879
|
] }),
|
|
1880
1880
|
/* @__PURE__ */ jsxs16("div", { className: "fc:flex fc:items-center fc:justify-between fc:p-4 fc:bg-slate-50/50 fc:border fc:border-slate-100 fc:rounded-2xl", children: [
|
|
@@ -1889,7 +1889,7 @@ function AddWorkTransitionStepModal({
|
|
|
1889
1889
|
/* @__PURE__ */ jsx16("input", { type: "checkbox", checked: formData.requireComment, onChange: (e) => setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1890
1890
|
requireComment: e.target.checked
|
|
1891
1891
|
})), className: "fc:sr-only fc:peer" }),
|
|
1892
|
-
/* @__PURE__ */ jsx16("div", { className: "fc:w-8 fc:h-4.5 fc:bg-slate-200 peer-focus:fc:outline-none fc:rounded-full fc:peer peer-checked:after:fc:translate-x-full peer-checked:after:fc:border-white after:fc:content-[''] after:fc:absolute after:fc:top-[2px] after:fc:left-[2px] after:fc:bg-white after:fc:border-slate-300 after:fc:border after:fc:rounded-full after:fc:h-3.5 after:fc:w-3.5 after:fc:transition-all peer-checked:fc:bg-indigo-600" })
|
|
1892
|
+
/* @__PURE__ */ jsx16("div", { className: "fc:w-8 fc:h-4.5 fc:bg-slate-200 peer-focus:fc:fc:outline-none fc:rounded-full fc:peer peer-checked:after:fc:fc:translate-x-full peer-checked:after:fc:fc:border-white after:fc:fc:content-[''] after:fc:fc:absolute after:fc:fc:top-[2px] after:fc:fc:left-[2px] after:fc:fc:bg-white after:fc:fc:border-slate-300 after:fc:fc:border after:fc:fc:rounded-full after:fc:fc:h-3.5 after:fc:fc:w-3.5 after:fc:fc:transition-all peer-checked:fc:fc:bg-indigo-600" })
|
|
1893
1893
|
] })
|
|
1894
1894
|
] })
|
|
1895
1895
|
] }),
|
|
@@ -1899,13 +1899,13 @@ function AddWorkTransitionStepModal({
|
|
|
1899
1899
|
/* @__PURE__ */ jsxs16("label", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-700 fc:font-medium fc:cursor-pointer", children: [
|
|
1900
1900
|
/* @__PURE__ */ jsx16("input", { type: "radio", name: "status", value: "active", checked: formData.status === "active", onChange: (e) => setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1901
1901
|
status: e.target.value
|
|
1902
|
-
})), className: "fc:text-indigo-600 focus:fc:ring-indigo-500" }),
|
|
1902
|
+
})), className: "fc:text-indigo-600 focus:fc:fc:ring-indigo-500" }),
|
|
1903
1903
|
"Active"
|
|
1904
1904
|
] }),
|
|
1905
1905
|
/* @__PURE__ */ jsxs16("label", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-700 fc:font-medium fc:cursor-pointer", children: [
|
|
1906
1906
|
/* @__PURE__ */ jsx16("input", { type: "radio", name: "status", value: "inactive", checked: formData.status === "inactive", onChange: (e) => setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1907
1907
|
status: e.target.value
|
|
1908
|
-
})), className: "fc:text-indigo-600 focus:fc:ring-indigo-500" }),
|
|
1908
|
+
})), className: "fc:text-indigo-600 focus:fc:fc:ring-indigo-500" }),
|
|
1909
1909
|
"Inactive"
|
|
1910
1910
|
] })
|
|
1911
1911
|
] }),
|
|
@@ -1914,18 +1914,18 @@ function AddWorkTransitionStepModal({
|
|
|
1914
1914
|
] })
|
|
1915
1915
|
] }),
|
|
1916
1916
|
/* @__PURE__ */ jsxs16("div", { className: "fc:p-5 fc:bg-white fc:border-t fc:border-slate-100 fc:flex fc:items-center fc:justify-end fc:gap-3 fc:px-8", children: [
|
|
1917
|
-
/* @__PURE__ */ jsx16("button", { onClick: onClose, className: "fc:px-6 fc:py-2.5 fc:border fc:border-slate-200 fc:text-slate-600 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:bg-slate-50 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u2715 Cancel" }),
|
|
1917
|
+
/* @__PURE__ */ jsx16("button", { onClick: onClose, className: "fc:px-6 fc:py-2.5 fc:border fc:border-slate-200 fc:text-slate-600 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:fc:bg-slate-50 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u2715 Cancel" }),
|
|
1918
1918
|
/* @__PURE__ */ jsx16("button", { type: "button", onClick: () => {
|
|
1919
1919
|
if (validateForm()) {
|
|
1920
1920
|
console.log("Form Submitted Successfully:", formData);
|
|
1921
1921
|
}
|
|
1922
|
-
}, className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/10 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u{1F4BE} Save Transition" })
|
|
1922
|
+
}, className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/10 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u{1F4BE} Save Transition" })
|
|
1923
1923
|
] })
|
|
1924
1924
|
] })
|
|
1925
1925
|
] });
|
|
1926
1926
|
}
|
|
1927
1927
|
|
|
1928
|
-
//
|
|
1928
|
+
// src/components/WorkFlowTransition/Transitiontable.js
|
|
1929
1929
|
import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
1930
1930
|
var WorkflowTransition = [{
|
|
1931
1931
|
TransitionId: 1,
|
|
@@ -2031,9 +2031,9 @@ function WorkFlowTransition() {
|
|
|
2031
2031
|
/* @__PURE__ */ jsxs17("div", { className: "fc:flex fc:justify-between fc:items-center fc:flex-wrap fc:gap-3", children: [
|
|
2032
2032
|
/* @__PURE__ */ jsxs17("div", { className: "fc:relative fc:max-w-xs fc:w-full", children: [
|
|
2033
2033
|
/* @__PURE__ */ jsx17("span", { className: "fc:absolute fc:inset-y-0 fc:left-0 fc:flex fc:items-center fc:pl-3.5 fc:pointer-events-none", children: /* @__PURE__ */ jsx17("svg", { className: "fc:w-4 fc:h-5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx17("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
2034
|
-
/* @__PURE__ */ jsx17("input", { type: "text", placeholder: "Search workflow name or code...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:shadow-md fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-[14px] fc:text-bold fc:bg-slate-50/50 focus:fc:outline-none focus:fc:ring-4 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all" })
|
|
2034
|
+
/* @__PURE__ */ jsx17("input", { type: "text", placeholder: "Search workflow name or code...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:shadow-md fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-[14px] fc:text-bold fc:bg-slate-50/50 focus:fc:fc:outline-none focus:fc:fc:ring-4 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all" })
|
|
2035
2035
|
] }),
|
|
2036
|
-
/* @__PURE__ */ jsx17("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-500 fc:font-semibold", children: /* @__PURE__ */ jsxs17("select", { value: pageSize, onChange: (e) => setPageSize(Number(e.target.value)), className: "fc:inline-flex fc:items-center fc:px-4 fc:py-2 fc:rounded-xl fc:bg-white fc:text-slate-700 fc:text-[14px] fc:font-semibold fc:border fc:border-slate-200 focus:fc:outline-none fc:cursor-pointer fc:shadow-md", children: [
|
|
2036
|
+
/* @__PURE__ */ jsx17("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-500 fc:font-semibold", children: /* @__PURE__ */ jsxs17("select", { value: pageSize, onChange: (e) => setPageSize(Number(e.target.value)), className: "fc:inline-flex fc:items-center fc:px-4 fc:py-2 fc:rounded-xl fc:bg-white fc:text-slate-700 fc:text-[14px] fc:font-semibold fc:border fc:border-slate-200 focus:fc:fc:outline-none fc:cursor-pointer fc:shadow-md", children: [
|
|
2037
2037
|
/* @__PURE__ */ jsx17("option", { value: 5, children: "5 Rows" }),
|
|
2038
2038
|
/* @__PURE__ */ jsx17("option", { value: 10, children: "10 Rows" }),
|
|
2039
2039
|
/* @__PURE__ */ jsx17("option", { value: 25, children: "25 Rows" })
|
|
@@ -2059,19 +2059,17 @@ function WorkFlowTransition() {
|
|
|
2059
2059
|
}, {
|
|
2060
2060
|
label: "ActionName",
|
|
2061
2061
|
key: "ActionName"
|
|
2062
|
-
}].map((column) => /* @__PURE__ */ jsx17("th", { onClick: () => handleSort(column.key), className: "fc:px-6 fc:py-4 fc:text-left fc:text-xs fc:font-bold fc:text-slate-500 fc:uppercase fc:tracking-wider fc:cursor-pointer fc:select-none hover:fc:bg-slate-100 fc:transition-colors", children: /* @__PURE__ */ jsxs17("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
|
|
2062
|
+
}].map((column) => /* @__PURE__ */ jsx17("th", { onClick: () => handleSort(column.key), className: "fc:px-6 fc:py-4 fc:text-left fc:text-xs fc:font-bold fc:text-slate-500 fc:uppercase fc:tracking-wider fc:cursor-pointer fc:select-none hover:fc:fc:bg-slate-100 fc:transition-colors", children: /* @__PURE__ */ jsxs17("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
|
|
2063
2063
|
/* @__PURE__ */ jsx17("span", { children: column.label }),
|
|
2064
2064
|
/* @__PURE__ */ jsx17("span", { className: "fc:text-gray-400 fc:text-xs", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
|
|
2065
2065
|
] }) }, column.key)) }) }),
|
|
2066
|
-
/* @__PURE__ */ jsx17("tbody", { children: WorkflowTransition.slice(0, pageSize).map((item) => /* @__PURE__ */ jsxs17("tr", { className: "hover:fc:bg-slate-50/80 fc:transition-colors fc:border-b fc:border-slate-100 last:fc:border-0", children: [
|
|
2066
|
+
/* @__PURE__ */ jsx17("tbody", { children: WorkflowTransition.slice(0, pageSize).map((item) => /* @__PURE__ */ jsxs17("tr", { className: "hover:fc:fc:bg-slate-50/80 fc:transition-colors fc:border-b fc:border-slate-100 last:fc:fc:border-0", children: [
|
|
2067
2067
|
/* @__PURE__ */ jsx17("td", { className: "fc:px-6 fc:p-4 fc:text-center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.TransitionId }),
|
|
2068
2068
|
/* @__PURE__ */ jsx17("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.workflowId }),
|
|
2069
2069
|
/* @__PURE__ */ jsx17("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.FromStepId }),
|
|
2070
2070
|
/* @__PURE__ */ jsx17("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.ToStepId }),
|
|
2071
|
-
/* @__PURE__ */ jsx17("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ jsx17("span", { className: `inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold
|
|
2072
|
-
|
|
2073
|
-
/* @__PURE__ */ jsx17("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ jsx17("span", { className: `inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold
|
|
2074
|
-
${item.ActionName === "APPROVE" ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"}`, children: item.ActionName }) })
|
|
2071
|
+
/* @__PURE__ */ jsx17("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ jsx17("span", { className: `fc:inline-flex fc:items-center fc:rounded-full fc:px-3 fc:py-1 fc:text-xs fc:font-semibold${item.ActionCode === "APPROVE" ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"}`, children: item.ActionCode }) }),
|
|
2072
|
+
/* @__PURE__ */ jsx17("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ jsx17("span", { className: `fc:inline-flex fc:items-center fc:rounded-full fc:px-3 fc:py-1 fc:text-xs fc:font-semibold${item.ActionName === "APPROVE" ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"}`, children: item.ActionName }) })
|
|
2075
2073
|
] }, item.TransitionId)) })
|
|
2076
2074
|
] }) }),
|
|
2077
2075
|
" "
|
|
@@ -2087,10 +2085,10 @@ function WorkFlowTransition() {
|
|
|
2087
2085
|
] });
|
|
2088
2086
|
}
|
|
2089
2087
|
|
|
2090
|
-
//
|
|
2088
|
+
// src/components/user-hierarchy-node-mapping/user_hierarchy_mapping_main.jsx
|
|
2091
2089
|
import React21, { useState as useState12 } from "react";
|
|
2092
2090
|
|
|
2093
|
-
//
|
|
2091
|
+
// src/components/user-hierarchy-node-mapping/adduserhierarchynode.jsx
|
|
2094
2092
|
import React18 from "react";
|
|
2095
2093
|
import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
2096
2094
|
function AddUserHierarchyNodeMappingModal({
|
|
@@ -2109,7 +2107,7 @@ function AddUserHierarchyNodeMappingModal({
|
|
|
2109
2107
|
/* @__PURE__ */ jsx18("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Map a consumer user to a hierarchy node" })
|
|
2110
2108
|
] })
|
|
2111
2109
|
] }),
|
|
2112
|
-
/* @__PURE__ */ jsx18("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:text-slate-600 hover:fc:bg-slate-100 fc:p-2 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
2110
|
+
/* @__PURE__ */ jsx18("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 hover:fc:fc:bg-slate-100 fc:p-2 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
2113
2111
|
] }),
|
|
2114
2112
|
/* @__PURE__ */ jsxs18("div", { className: "fc:p-8 fc:space-y-8 fc:overflow-y-auto fc:max-h-[calc(92vh-170px)] fc:bg-slate-50/30", children: [
|
|
2115
2113
|
/* @__PURE__ */ jsxs18("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
|
|
@@ -2117,13 +2115,13 @@ function AddUserHierarchyNodeMappingModal({
|
|
|
2117
2115
|
/* @__PURE__ */ jsx18("span", { children: "\u{1F4CB}" }),
|
|
2118
2116
|
/* @__PURE__ */ jsx18("span", { children: "Mapping Information" })
|
|
2119
2117
|
] }),
|
|
2120
|
-
/* @__PURE__ */ jsxs18("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
|
|
2118
|
+
/* @__PURE__ */ jsxs18("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
2121
2119
|
/* @__PURE__ */ jsxs18("div", { children: [
|
|
2122
2120
|
/* @__PURE__ */ jsxs18("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
2123
2121
|
"Mapping ID ",
|
|
2124
2122
|
/* @__PURE__ */ jsx18("span", { className: "fc:text-red-500", children: "*" })
|
|
2125
2123
|
] }),
|
|
2126
|
-
/* @__PURE__ */ jsx18("input", { type: "text", placeholder: "Enter mapping ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500" }),
|
|
2124
|
+
/* @__PURE__ */ jsx18("input", { type: "text", placeholder: "Enter mapping ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
|
|
2127
2125
|
/* @__PURE__ */ jsx18("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the unique mapping ID" })
|
|
2128
2126
|
] }),
|
|
2129
2127
|
/* @__PURE__ */ jsxs18("div", { children: [
|
|
@@ -2131,7 +2129,7 @@ function AddUserHierarchyNodeMappingModal({
|
|
|
2131
2129
|
"External User ID ",
|
|
2132
2130
|
/* @__PURE__ */ jsx18("span", { className: "fc:text-red-500", children: "*" })
|
|
2133
2131
|
] }),
|
|
2134
|
-
/* @__PURE__ */ jsx18("input", { type: "text", placeholder: "Enter external user ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500" }),
|
|
2132
|
+
/* @__PURE__ */ jsx18("input", { type: "text", placeholder: "Enter external user ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
|
|
2135
2133
|
/* @__PURE__ */ jsx18("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the consumer user ID" })
|
|
2136
2134
|
] })
|
|
2137
2135
|
] }),
|
|
@@ -2140,16 +2138,16 @@ function AddUserHierarchyNodeMappingModal({
|
|
|
2140
2138
|
"Hierarchy Node ID ",
|
|
2141
2139
|
/* @__PURE__ */ jsx18("span", { className: "fc:text-red-500", children: "*" })
|
|
2142
2140
|
] }),
|
|
2143
|
-
/* @__PURE__ */ jsx18("input", { type: "text", placeholder: "Enter hierarchy node ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500" }),
|
|
2141
|
+
/* @__PURE__ */ jsx18("input", { type: "text", placeholder: "Enter hierarchy node ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
|
|
2144
2142
|
/* @__PURE__ */ jsx18("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the hierarchy node assigned to the user" })
|
|
2145
2143
|
] }),
|
|
2146
|
-
/* @__PURE__ */ jsxs18("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
|
|
2144
|
+
/* @__PURE__ */ jsxs18("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
2147
2145
|
/* @__PURE__ */ jsxs18("div", { children: [
|
|
2148
2146
|
/* @__PURE__ */ jsxs18("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
2149
2147
|
"Role Code ",
|
|
2150
2148
|
/* @__PURE__ */ jsx18("span", { className: "fc:text-red-500", children: "*" })
|
|
2151
2149
|
] }),
|
|
2152
|
-
/* @__PURE__ */ jsx18("input", { type: "text", placeholder: "Enter role code", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500" }),
|
|
2150
|
+
/* @__PURE__ */ jsx18("input", { type: "text", placeholder: "Enter role code", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
|
|
2153
2151
|
/* @__PURE__ */ jsx18("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the user role code, for example DEO or RO" })
|
|
2154
2152
|
] }),
|
|
2155
2153
|
/* @__PURE__ */ jsxs18("div", { children: [
|
|
@@ -2157,7 +2155,7 @@ function AddUserHierarchyNodeMappingModal({
|
|
|
2157
2155
|
"Is Primary ",
|
|
2158
2156
|
/* @__PURE__ */ jsx18("span", { className: "fc:text-red-500", children: "*" })
|
|
2159
2157
|
] }),
|
|
2160
|
-
/* @__PURE__ */ jsxs18("select", { className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500", children: [
|
|
2158
|
+
/* @__PURE__ */ jsxs18("select", { className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500", children: [
|
|
2161
2159
|
/* @__PURE__ */ jsx18("option", { value: "", children: "Select primary status" }),
|
|
2162
2160
|
/* @__PURE__ */ jsx18("option", { value: "true", children: "Yes" }),
|
|
2163
2161
|
/* @__PURE__ */ jsx18("option", { value: "false", children: "No" })
|
|
@@ -2171,32 +2169,32 @@ function AddUserHierarchyNodeMappingModal({
|
|
|
2171
2169
|
/* @__PURE__ */ jsx18("span", { children: "\u{1F4C5}" }),
|
|
2172
2170
|
/* @__PURE__ */ jsx18("span", { children: "Effective Dates" })
|
|
2173
2171
|
] }),
|
|
2174
|
-
/* @__PURE__ */ jsxs18("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
|
|
2172
|
+
/* @__PURE__ */ jsxs18("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
2175
2173
|
/* @__PURE__ */ jsxs18("div", { children: [
|
|
2176
2174
|
/* @__PURE__ */ jsxs18("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
2177
2175
|
"Effective From ",
|
|
2178
2176
|
/* @__PURE__ */ jsx18("span", { className: "fc:text-red-500", children: "*" })
|
|
2179
2177
|
] }),
|
|
2180
|
-
/* @__PURE__ */ jsx18("input", { type: "date", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500" }),
|
|
2178
|
+
/* @__PURE__ */ jsx18("input", { type: "date", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
|
|
2181
2179
|
/* @__PURE__ */ jsx18("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Select the date from which this mapping is effective" })
|
|
2182
2180
|
] }),
|
|
2183
2181
|
/* @__PURE__ */ jsxs18("div", { children: [
|
|
2184
2182
|
/* @__PURE__ */ jsx18("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: "Effective To" }),
|
|
2185
|
-
/* @__PURE__ */ jsx18("input", { type: "date", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500" }),
|
|
2183
|
+
/* @__PURE__ */ jsx18("input", { type: "date", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
|
|
2186
2184
|
/* @__PURE__ */ jsx18("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Select the date until which this mapping is effective" })
|
|
2187
2185
|
] })
|
|
2188
2186
|
] })
|
|
2189
2187
|
] })
|
|
2190
2188
|
] }),
|
|
2191
2189
|
/* @__PURE__ */ jsxs18("div", { className: "fc:p-5 fc:bg-white fc:border-t fc:border-slate-100 fc:flex fc:items-center fc:justify-end fc:gap-3 fc:px-8", children: [
|
|
2192
|
-
/* @__PURE__ */ jsx18("button", { onClick: onClose, className: "fc:px-6 fc:py-2.5 fc:border fc:border-slate-200 fc:text-slate-600 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:bg-slate-50 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u2715 Cancel" }),
|
|
2193
|
-
/* @__PURE__ */ jsx18("button", { type: "button", className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/10 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u{1F4BE} Save Mapping" })
|
|
2190
|
+
/* @__PURE__ */ jsx18("button", { onClick: onClose, className: "fc:px-6 fc:py-2.5 fc:border fc:border-slate-200 fc:text-slate-600 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:fc:bg-slate-50 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u2715 Cancel" }),
|
|
2191
|
+
/* @__PURE__ */ jsx18("button", { type: "button", className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/10 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u{1F4BE} Save Mapping" })
|
|
2194
2192
|
] })
|
|
2195
2193
|
] })
|
|
2196
2194
|
] });
|
|
2197
2195
|
}
|
|
2198
2196
|
|
|
2199
|
-
//
|
|
2197
|
+
// src/components/user-hierarchy-node-mapping/searchbar.jsx
|
|
2200
2198
|
import React19 from "react";
|
|
2201
2199
|
import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
2202
2200
|
function MappingSearchBar({
|
|
@@ -2212,15 +2210,15 @@ function MappingSearchBar({
|
|
|
2212
2210
|
};
|
|
2213
2211
|
return /* @__PURE__ */ jsxs19("div", { className: "fc:relative fc:w-full", children: [
|
|
2214
2212
|
/* @__PURE__ */ jsx19("div", { className: "fc:absolute fc:inset-y-0 fc:left-0 fc:pl-3 fc:flex fc:items-center fc:pointer-events-none fc:text-slate-400", children: /* @__PURE__ */ jsx19("svg", { className: "fc:w-4 fc:h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx19("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
2215
|
-
/* @__PURE__ */ jsx19("input", { type: "text", value: searchQuery || "", onChange: handleChange, placeholder: "Search mappings...", className: "fc:w-full fc:pl-9 fc:pr-4 fc:py-2 fc:bg-white fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm fc:text-slate-800 fc:placeholder-slate-400 fc:outline-none focus:fc:border-blue-500 focus:fc:ring-1 focus:fc:ring-blue-500 fc:transition-all fc:shadow-sm" }),
|
|
2213
|
+
/* @__PURE__ */ jsx19("input", { type: "text", value: searchQuery || "", onChange: handleChange, placeholder: "Search mappings...", className: "fc:w-full fc:pl-9 fc:pr-4 fc:py-2 fc:bg-white fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm fc:text-slate-800 fc:placeholder-slate-400 fc:outline-none focus:fc:fc:border-blue-500 focus:fc:fc:ring-1 focus:fc:fc:ring-blue-500 fc:transition-all fc:shadow-sm" }),
|
|
2216
2214
|
searchQuery && /* @__PURE__ */ jsx19("button", { onClick: () => {
|
|
2217
2215
|
setSearchQuery("");
|
|
2218
2216
|
if (setCurrentPage) setCurrentPage(1);
|
|
2219
|
-
}, className: "fc:absolute fc:inset-y-0 fc:right-0 fc:pr-3 fc:flex fc:items-center fc:text-slate-400 hover:fc:text-slate-600", children: "\u2715" })
|
|
2217
|
+
}, className: "fc:absolute fc:inset-y-0 fc:right-0 fc:pr-3 fc:flex fc:items-center fc:text-slate-400 hover:fc:fc:text-slate-600", children: "\u2715" })
|
|
2220
2218
|
] });
|
|
2221
2219
|
}
|
|
2222
2220
|
|
|
2223
|
-
//
|
|
2221
|
+
// src/components/user-hierarchy-node-mapping/userhierarchynodetable.jsx
|
|
2224
2222
|
import React20, { useState as useState11, useEffect as useEffect4 } from "react";
|
|
2225
2223
|
import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
2226
2224
|
function UserHierarchyNodeMappingTable({
|
|
@@ -2517,22 +2515,22 @@ function UserHierarchyNodeMappingTable({
|
|
|
2517
2515
|
/* @__PURE__ */ jsx20("div", { className: "fc:w-full fc:overflow-x-hidden fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:max-h-[420px] fc:overflow-y-auto", children: /* @__PURE__ */ jsxs20("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed", children: [
|
|
2518
2516
|
/* @__PURE__ */ jsx20("thead", { className: "fc:sticky fc:top-0 fc:z-10 fc:bg-slate-50 fc:shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ jsxs20("tr", { className: "fc:text-xs fc:font-bold fc:uppercase fc:tracking-wider fc:text-slate-500", children: [
|
|
2519
2517
|
/* @__PURE__ */ jsx20("th", { className: "fc:py-4 fc:px-3 fc:w-16 fc:text-center fc:bg-slate-50", children: "S.NO" }),
|
|
2520
|
-
/* @__PURE__ */ jsxs20("th", { onClick: () => handleSort("mappingId"), className: "fc:py-4 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
2518
|
+
/* @__PURE__ */ jsxs20("th", { onClick: () => handleSort("mappingId"), className: "fc:py-4 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
2521
2519
|
"MAPPING ID",
|
|
2522
2520
|
" ",
|
|
2523
2521
|
sortKey === "mappingId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
2524
2522
|
] }),
|
|
2525
|
-
/* @__PURE__ */ jsxs20("th", { onClick: () => handleSort("externalUserId"), className: "fc:py-4 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:break-words", children: [
|
|
2523
|
+
/* @__PURE__ */ jsxs20("th", { onClick: () => handleSort("externalUserId"), className: "fc:py-4 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:break-words", children: [
|
|
2526
2524
|
"EXTERNAL USER ID",
|
|
2527
2525
|
" ",
|
|
2528
2526
|
sortKey === "externalUserId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
2529
2527
|
] }),
|
|
2530
|
-
/* @__PURE__ */ jsxs20("th", { onClick: () => handleSort("hierarchyNodeId"), className: "fc:py-4 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:break-words", children: [
|
|
2528
|
+
/* @__PURE__ */ jsxs20("th", { onClick: () => handleSort("hierarchyNodeId"), className: "fc:py-4 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:break-words", children: [
|
|
2531
2529
|
"HIERARCHY NODE ID",
|
|
2532
2530
|
" ",
|
|
2533
2531
|
sortKey === "hierarchyNodeId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
2534
2532
|
] }),
|
|
2535
|
-
/* @__PURE__ */ jsxs20("th", { onClick: () => handleSort("roleCode"), className: "fc:py-4 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
2533
|
+
/* @__PURE__ */ jsxs20("th", { onClick: () => handleSort("roleCode"), className: "fc:py-4 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
2536
2534
|
"ROLE CODE",
|
|
2537
2535
|
" ",
|
|
2538
2536
|
sortKey === "roleCode" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
@@ -2542,27 +2540,27 @@ function UserHierarchyNodeMappingTable({
|
|
|
2542
2540
|
/* @__PURE__ */ jsx20("th", { className: "fc:py-4 fc:px-3 fc:text-sm fc:bg-slate-50 fc:break-words fc:text-center", children: "EFFECTIVE TO" }),
|
|
2543
2541
|
/* @__PURE__ */ jsx20("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:text-center fc:whitespace-nowrap", children: "STATUS" })
|
|
2544
2542
|
] }) }),
|
|
2545
|
-
/* @__PURE__ */ jsx20("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs20("tr", { className: "hover:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
2543
|
+
/* @__PURE__ */ jsx20("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs20("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
2546
2544
|
/* @__PURE__ */ jsx20("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
|
|
2547
2545
|
/* @__PURE__ */ jsx20("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px] fc:whitespace-nowrap", children: item.mappingId }),
|
|
2548
2546
|
/* @__PURE__ */ jsx20("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-mono fc:text-xs fc:whitespace-nowrap", children: item.externalUserId }),
|
|
2549
2547
|
/* @__PURE__ */ jsx20("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600 fc:font-medium fc:whitespace-nowrap", children: item.hierarchyNodeId }),
|
|
2550
2548
|
/* @__PURE__ */ jsx20("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-800 fc:text-center fc:whitespace-nowrap", children: item.roleCode }),
|
|
2551
|
-
/* @__PURE__ */ jsx20("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsx20("span", { className: `px-2 py-0.5 text-xs font-semibold rounded
|
|
2549
|
+
/* @__PURE__ */ jsx20("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsx20("span", { className: `fc:px-2 fc:py-0.5 fc:text-xs fc:font-semibold fc:rounded${item.isPrimary ? "bg-emerald-50 text-emerald-600 border border-emerald-200" : "bg-rose-50 text-rose-600 border border-rose-200"}`, children: item.isPrimary ? "\u2713 Yes" : "\u2715 No" }) }),
|
|
2552
2550
|
/* @__PURE__ */ jsx20("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveFrom }),
|
|
2553
2551
|
/* @__PURE__ */ jsx20("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveTo }),
|
|
2554
|
-
/* @__PURE__ */ jsx20("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsx20("button", { onClick: () => toggleStatus(item.id), className: `relative inline-flex h-5.5 w-10 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out outline-none
|
|
2552
|
+
/* @__PURE__ */ jsx20("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsx20("button", { onClick: () => toggleStatus(item.id), className: `fc:relative fc:inline-flex fc:h-5.5 fc:w-10 fc:shrink-0 fc:cursor-pointer fc:rounded-full fc:border-2 fc:border-transparent fc:transition-colors fc:duration-200 fc:ease-in-out fc:outline-none${item.status ? "bg-blue-600" : "bg-slate-200"}`, children: /* @__PURE__ */ jsx20("span", { className: `fc:pointer-events-none fc:inline-block fc:h-4.5 fc:w-4.5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out${item.status ? "translate-x-4.5" : "translate-x-0"}` }) }) })
|
|
2555
2553
|
] }, item.id)) })
|
|
2556
2554
|
] }) }),
|
|
2557
2555
|
/* @__PURE__ */ jsxs20("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-1 fc:text-[13px] fc:text-slate-700 fc:font-normal fc:mt-4 fc:bg-slate-50/50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
2558
|
-
/* @__PURE__ */ jsx20("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:text-slate-900 fc:mr-2 disabled:fc:opacity-40", children: "\u2039 Prev" }),
|
|
2559
|
-
pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx20("button", { onClick: () => setCurrentPage(pageNumber), className: `px-3 py-1 text-center rounded transition-all min-w-[28px]
|
|
2560
|
-
/* @__PURE__ */ jsx20("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:text-slate-900 fc:ml-2 disabled:fc:opacity-40", children: "Next \u203A" })
|
|
2556
|
+
/* @__PURE__ */ jsx20("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:mr-2 disabled:fc:fc:opacity-40", children: "\u2039 Prev" }),
|
|
2557
|
+
pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx20("button", { onClick: () => setCurrentPage(pageNumber), className: `fc:px-3 fc:py-1 fc:text-center fc:rounded fc:transition-all fc:min-w-[28px]${currentPage === pageNumber ? "bg-blue-600 text-white font-medium shadow-sm" : "text-slate-600 hover:bg-slate-100"}`, children: pageNumber }, pageNumber)),
|
|
2558
|
+
/* @__PURE__ */ jsx20("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:ml-2 disabled:fc:fc:opacity-40", children: "Next \u203A" })
|
|
2561
2559
|
] })
|
|
2562
2560
|
] });
|
|
2563
2561
|
}
|
|
2564
2562
|
|
|
2565
|
-
//
|
|
2563
|
+
// src/components/user-hierarchy-node-mapping/user_hierarchy_mapping_main.jsx
|
|
2566
2564
|
import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
2567
2565
|
function User_hierarchy_mapping_main() {
|
|
2568
2566
|
const [modalOpen, setModalOpen] = useState12(false);
|
|
@@ -2574,7 +2572,7 @@ function User_hierarchy_mapping_main() {
|
|
|
2574
2572
|
setPageSize(Number(e.target.value));
|
|
2575
2573
|
setCurrentPage(1);
|
|
2576
2574
|
};
|
|
2577
|
-
return /* @__PURE__ */ jsxs21("div", { className: "fc:min-h-screen fc:bg-slate-50 fc:p-4 md:fc:p-6", children: [
|
|
2575
|
+
return /* @__PURE__ */ jsxs21("div", { className: "fc:min-h-screen fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
|
|
2578
2576
|
/* @__PURE__ */ jsxs21("div", { className: "fc:w-full fc:space-y-5", children: [
|
|
2579
2577
|
/* @__PURE__ */ jsx21(CommonHeader, { title: "User Hierarchy Node Mapping", breadcrumbs: [{
|
|
2580
2578
|
label: "Dashboard",
|
|
@@ -2606,10 +2604,10 @@ function User_hierarchy_mapping_main() {
|
|
|
2606
2604
|
] });
|
|
2607
2605
|
}
|
|
2608
2606
|
|
|
2609
|
-
//
|
|
2607
|
+
// src/components/DocumentConfiguration/DocumentConfigurationmain.jsx
|
|
2610
2608
|
import React27, { useState as useState16 } from "react";
|
|
2611
2609
|
|
|
2612
|
-
//
|
|
2610
|
+
// src/components/DocumentConfiguration/SearchBar.jsx
|
|
2613
2611
|
import React22 from "react";
|
|
2614
2612
|
import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
2615
2613
|
function SearchBar3({
|
|
@@ -2622,14 +2620,14 @@ function SearchBar3({
|
|
|
2622
2620
|
/* @__PURE__ */ jsx22("input", { type: "text", value: searchQuery, onChange: (e) => {
|
|
2623
2621
|
setSearchQuery(e.target.value);
|
|
2624
2622
|
setCurrentPage(1);
|
|
2625
|
-
}, placeholder: "Search document name...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm fc:bg-slate-50/50 focus:fc:outline-none focus:fc:ring-4 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all fc:shadow-sm" })
|
|
2623
|
+
}, placeholder: "Search document name...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm fc:bg-slate-50/50 focus:fc:fc:outline-none focus:fc:fc:ring-4 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all fc:shadow-sm" })
|
|
2626
2624
|
] });
|
|
2627
2625
|
}
|
|
2628
2626
|
|
|
2629
|
-
//
|
|
2627
|
+
// src/components/DocumentConfiguration/DocumentConfigurationTable.jsx
|
|
2630
2628
|
import React25, { useState as useState14, useEffect as useEffect6 } from "react";
|
|
2631
2629
|
|
|
2632
|
-
//
|
|
2630
|
+
// src/components/DocumentConfiguration/edit.jsx
|
|
2633
2631
|
import React23, { useState as useState13, useEffect as useEffect5 } from "react";
|
|
2634
2632
|
import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
2635
2633
|
function EditDocumentConfiguration({
|
|
@@ -2708,16 +2706,16 @@ function EditDocumentConfiguration({
|
|
|
2708
2706
|
/* @__PURE__ */ jsx23("p", { className: "fc:text-xs fc:text-gray-400", children: "Update document parameters and validation settings" })
|
|
2709
2707
|
] })
|
|
2710
2708
|
] }),
|
|
2711
|
-
/* @__PURE__ */ jsx23("button", { onClick: onClose, className: "fc:text-gray-400 hover:fc:text-gray-600 fc:transition fc:text-xl fc:font-medium", children: "\u2715" })
|
|
2709
|
+
/* @__PURE__ */ jsx23("button", { onClick: onClose, className: "fc:text-gray-400 hover:fc:fc:text-gray-600 fc:transition fc:text-xl fc:font-medium", children: "\u2715" })
|
|
2712
2710
|
] }),
|
|
2713
2711
|
/* @__PURE__ */ jsxs23("form", { onSubmit: handleSubmit, className: "fc:p-6 fc:space-y-5", children: [
|
|
2714
|
-
/* @__PURE__ */ jsx23("div", { className: "fc:bg-gray-50/70 fc:rounded-xl fc:p-5 fc:border fc:border-gray-100", children: /* @__PURE__ */ jsxs23("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-4", children: [
|
|
2715
|
-
/* @__PURE__ */ jsxs23("div", { className: "md:fc:col-span-2", children: [
|
|
2712
|
+
/* @__PURE__ */ jsx23("div", { className: "fc:bg-gray-50/70 fc:rounded-xl fc:p-5 fc:border fc:border-gray-100", children: /* @__PURE__ */ jsxs23("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
2713
|
+
/* @__PURE__ */ jsxs23("div", { className: "md:fc:fc:col-span-2", children: [
|
|
2716
2714
|
/* @__PURE__ */ jsxs23("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
|
|
2717
2715
|
"Document Name ",
|
|
2718
2716
|
/* @__PURE__ */ jsx23("span", { className: "fc:text-red-500", children: "*" })
|
|
2719
2717
|
] }),
|
|
2720
|
-
/* @__PURE__ */ jsx23("input", { type: "text", name: "docName", placeholder: "e.g. Identity Proof", value: formData.docName, onChange: handleChange, className: `w-full px-3 py-2.5 text-sm bg-white border rounded-lg focus:ring-2 focus:ring-blue-500/20 focus:border-[#2563eb] outline-none transition
|
|
2718
|
+
/* @__PURE__ */ jsx23("input", { type: "text", name: "docName", placeholder: "e.g. Identity Proof", value: formData.docName, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.docName ? "border-red-500" : "border-gray-200"}` }),
|
|
2721
2719
|
errors.docName && /* @__PURE__ */ jsx23("span", { className: "fc:text-xs fc:text-red-500", children: errors.docName })
|
|
2722
2720
|
] }),
|
|
2723
2721
|
/* @__PURE__ */ jsxs23("div", { children: [
|
|
@@ -2725,7 +2723,7 @@ function EditDocumentConfiguration({
|
|
|
2725
2723
|
"Workflow Step ID ",
|
|
2726
2724
|
/* @__PURE__ */ jsx23("span", { className: "fc:text-red-500", children: "*" })
|
|
2727
2725
|
] }),
|
|
2728
|
-
/* @__PURE__ */ jsx23("input", { type: "text", name: "stepId", placeholder: "e.g. 1", value: formData.stepId, onChange: handleChange, className: `w-full px-3 py-2.5 text-sm bg-white border rounded-lg focus:ring-2 focus:ring-blue-500/20 focus:border-[#2563eb] outline-none transition
|
|
2726
|
+
/* @__PURE__ */ jsx23("input", { type: "text", name: "stepId", placeholder: "e.g. 1", value: formData.stepId, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.stepId ? "border-red-500" : "border-gray-200"}` }),
|
|
2729
2727
|
errors.stepId && /* @__PURE__ */ jsx23("span", { className: "fc:text-xs fc:text-red-500", children: errors.stepId })
|
|
2730
2728
|
] }),
|
|
2731
2729
|
/* @__PURE__ */ jsxs23("div", { children: [
|
|
@@ -2733,7 +2731,7 @@ function EditDocumentConfiguration({
|
|
|
2733
2731
|
"Allowed Extensions ",
|
|
2734
2732
|
/* @__PURE__ */ jsx23("span", { className: "fc:text-red-500", children: "*" })
|
|
2735
2733
|
] }),
|
|
2736
|
-
/* @__PURE__ */ jsx23("input", { type: "text", name: "extensions", placeholder: "e.g. pdf, jpg, png", value: formData.extensions, onChange: handleChange, className: `w-full px-3 py-2.5 text-sm bg-white border rounded-lg focus:ring-2 focus:ring-blue-500/20 focus:border-[#2563eb] outline-none transition
|
|
2734
|
+
/* @__PURE__ */ jsx23("input", { type: "text", name: "extensions", placeholder: "e.g. pdf, jpg, png", value: formData.extensions, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.extensions ? "border-red-500" : "border-gray-200"}` }),
|
|
2737
2735
|
errors.extensions && /* @__PURE__ */ jsx23("span", { className: "fc:text-xs fc:text-red-500", children: errors.extensions })
|
|
2738
2736
|
] }),
|
|
2739
2737
|
/* @__PURE__ */ jsxs23("div", { children: [
|
|
@@ -2742,7 +2740,7 @@ function EditDocumentConfiguration({
|
|
|
2742
2740
|
/* @__PURE__ */ jsx23("span", { className: "fc:text-red-500", children: "*" })
|
|
2743
2741
|
] }),
|
|
2744
2742
|
/* @__PURE__ */ jsxs23("div", { className: "fc:flex fc:gap-2", children: [
|
|
2745
|
-
/* @__PURE__ */ jsx23("input", { type: "number", name: "maxSizeNum", placeholder: "10", value: formData.maxSizeNum, onChange: handleChange, className: `w-full px-3 py-2.5 text-sm bg-white border rounded-lg focus:ring-2 focus:ring-blue-500/20 focus:border-[#2563eb] outline-none transition
|
|
2743
|
+
/* @__PURE__ */ jsx23("input", { type: "number", name: "maxSizeNum", placeholder: "10", value: formData.maxSizeNum, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.maxSizeNum ? "border-red-500" : "border-gray-200"}` }),
|
|
2746
2744
|
/* @__PURE__ */ jsxs23("select", { name: "maxSizeUnit", value: formData.maxSizeUnit, onChange: handleChange, className: "fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:border-gray-200 fc:rounded-lg fc:outline-none", children: [
|
|
2747
2745
|
/* @__PURE__ */ jsx23("option", { value: "MB", children: "MB" }),
|
|
2748
2746
|
/* @__PURE__ */ jsx23("option", { value: "KB", children: "KB" })
|
|
@@ -2751,19 +2749,19 @@ function EditDocumentConfiguration({
|
|
|
2751
2749
|
errors.maxSizeNum && /* @__PURE__ */ jsx23("span", { className: "fc:text-xs fc:text-red-500", children: errors.maxSizeNum })
|
|
2752
2750
|
] }),
|
|
2753
2751
|
/* @__PURE__ */ jsxs23("div", { className: "fc:flex fc:items-center fc:gap-2 fc:pt-6", children: [
|
|
2754
|
-
/* @__PURE__ */ jsx23("input", { type: "checkbox", id: "isMandatory", name: "isMandatory", checked: formData.isMandatory, onChange: handleChange, className: "fc:w-4 fc:h-4 fc:text-[#2563eb] fc:rounded fc:border-gray-300 focus:fc:ring-[#2563eb]" }),
|
|
2752
|
+
/* @__PURE__ */ jsx23("input", { type: "checkbox", id: "isMandatory", name: "isMandatory", checked: formData.isMandatory, onChange: handleChange, className: "fc:w-4 fc:h-4 fc:text-[#2563eb] fc:rounded fc:border-gray-300 focus:fc:fc:ring-[#2563eb]" }),
|
|
2755
2753
|
/* @__PURE__ */ jsx23("label", { htmlFor: "isMandatory", className: "fc:text-sm fc:font-medium fc:text-gray-700 fc:cursor-pointer", children: "Is Mandatory" })
|
|
2756
2754
|
] })
|
|
2757
2755
|
] }) }),
|
|
2758
2756
|
/* @__PURE__ */ jsxs23("div", { className: "fc:flex fc:justify-end fc:items-center fc:gap-3 fc:pt-2", children: [
|
|
2759
|
-
/* @__PURE__ */ jsx23("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:bg-gray-200 fc:rounded-xl fc:transition", children: "Cancel" }),
|
|
2760
|
-
/* @__PURE__ */ jsx23("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:bg-[#1d4ed8] active:fc:scale-95 fc:rounded-xl fc:shadow-md fc:transition-all fc:flex fc:items-center fc:gap-2", children: "Save Document" })
|
|
2757
|
+
/* @__PURE__ */ jsx23("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: "Cancel" }),
|
|
2758
|
+
/* @__PURE__ */ jsx23("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 Document" })
|
|
2761
2759
|
] })
|
|
2762
2760
|
] })
|
|
2763
2761
|
] }) });
|
|
2764
2762
|
}
|
|
2765
2763
|
|
|
2766
|
-
//
|
|
2764
|
+
// src/components/DocumentConfiguration/delete.jsx
|
|
2767
2765
|
import React24 from "react";
|
|
2768
2766
|
import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
2769
2767
|
function DeleteDocumentConfiguration({
|
|
@@ -2782,7 +2780,7 @@ function DeleteDocumentConfiguration({
|
|
|
2782
2780
|
return (
|
|
2783
2781
|
// Backdrop blur & darker backdrop for better focus
|
|
2784
2782
|
/* @__PURE__ */ jsx24("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:bg-black/40 fc:backdrop-blur-sm fc:p-4 fc:animate-in fc:fade-in fc:duration-200", children: /* @__PURE__ */ jsxs24("div", { className: "fc:relative fc:w-full fc:max-w-md fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:border fc:border-gray-100 fc:overflow-hidden fc:transform fc:transition-all fc:scale-100", children: [
|
|
2785
|
-
/* @__PURE__ */ jsx24("button", { onClick: onClose, className: "fc:absolute fc:top-4 fc:right-4 fc:z-10 fc:flex fc:items-center fc:justify-center fc:w-8 fc:h-8 fc:rounded-full fc:text-gray-400 hover:fc:text-gray-600 hover:fc:bg-gray-100 fc:transition-colors", "aria-label": "Close", children: "\u2715" }),
|
|
2783
|
+
/* @__PURE__ */ jsx24("button", { onClick: onClose, className: "fc:absolute fc:top-4 fc:right-4 fc:z-10 fc:flex fc:items-center fc:justify-center fc:w-8 fc:h-8 fc:rounded-full fc:text-gray-400 hover:fc:fc:text-gray-600 hover:fc:fc:bg-gray-100 fc:transition-colors", "aria-label": "Close", children: "\u2715" }),
|
|
2786
2784
|
/* @__PURE__ */ jsxs24("div", { className: "fc:p-8 fc:text-center", children: [
|
|
2787
2785
|
/* @__PURE__ */ jsx24("div", { className: "fc:mx-auto fc:mb-4 fc:flex fc:h-14 fc:w-14 fc:items-center fc:justify-center fc:rounded-2xl fc:bg-red-50 fc:border fc:border-red-100 fc:text-red-500 fc:shadow-inner", children: /* @__PURE__ */ jsx24("span", { className: "fc:text-2xl", children: "\u26A0\uFE0F" }) }),
|
|
2788
2786
|
/* @__PURE__ */ jsx24("h3", { className: "fc:text-xl fc:font-bold fc:text-gray-900 fc:tracking-tight fc:mb-2", children: "Delete Configuration" }),
|
|
@@ -2797,15 +2795,15 @@ function DeleteDocumentConfiguration({
|
|
|
2797
2795
|
"? This action cannot be undone."
|
|
2798
2796
|
] }),
|
|
2799
2797
|
/* @__PURE__ */ jsxs24("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
2800
|
-
/* @__PURE__ */ jsx24("button", { type: "button", onClick: onClose, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-gray-700 fc:bg-gray-100 hover:fc:bg-gray-200 active:fc:bg-gray-300 fc:rounded-xl fc:transition-all fc:duration-150 focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-gray-300", children: "Cancel" }),
|
|
2801
|
-
/* @__PURE__ */ jsx24("button", { type: "button", onClick: handleDelete, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-white fc:bg-red-600 hover:fc:bg-red-700 active:fc:bg-red-800 fc:rounded-xl fc:shadow-md hover:fc:shadow-lg fc:shadow-red-500/20 fc:transition-all fc:duration-150 focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-red-500 focus:fc:ring-offset-2", children: "Delete" })
|
|
2798
|
+
/* @__PURE__ */ jsx24("button", { type: "button", onClick: onClose, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-gray-700 fc:bg-gray-100 hover:fc:fc:bg-gray-200 active:fc:fc:bg-gray-300 fc:rounded-xl fc:transition-all fc:duration-150 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-gray-300", children: "Cancel" }),
|
|
2799
|
+
/* @__PURE__ */ jsx24("button", { type: "button", onClick: handleDelete, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-white fc:bg-red-600 hover:fc:fc:bg-red-700 active:fc:fc:bg-red-800 fc:rounded-xl fc:shadow-md hover:fc:fc:shadow-lg fc:shadow-red-500/20 fc:transition-all fc:duration-150 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-red-500 focus:fc:fc:ring-offset-2", children: "Delete" })
|
|
2802
2800
|
] })
|
|
2803
2801
|
] })
|
|
2804
2802
|
] }) })
|
|
2805
2803
|
);
|
|
2806
2804
|
}
|
|
2807
2805
|
|
|
2808
|
-
//
|
|
2806
|
+
// src/components/DocumentConfiguration/DocumentConfigurationTable.jsx
|
|
2809
2807
|
import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
2810
2808
|
function DocumentConfigTable({
|
|
2811
2809
|
pageSize,
|
|
@@ -3043,46 +3041,46 @@ function DocumentConfigTable({
|
|
|
3043
3041
|
/* @__PURE__ */ jsx25("div", { className: "fc:w-full fc:overflow-x-auto fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:max-h-[420px] fc:overflow-y-auto fc:custom-scrollbar", children: /* @__PURE__ */ jsxs25("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed fc:min-w-[1050px]", children: [
|
|
3044
3042
|
/* @__PURE__ */ jsx25("thead", { className: "fc:sticky fc:top-0 fc:z-10 fc:bg-slate-50 fc:shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ jsxs25("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
|
|
3045
3043
|
/* @__PURE__ */ jsx25("th", { className: "fc:py-4 fc:px-5 fc:w-20 fc:text-center fc:bg-slate-50", children: "S.No" }),
|
|
3046
|
-
/* @__PURE__ */ jsxs25("th", { onClick: () => handleSort("docName"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:w-60", children: [
|
|
3044
|
+
/* @__PURE__ */ jsxs25("th", { onClick: () => handleSort("docName"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-60", children: [
|
|
3047
3045
|
"Document Name ",
|
|
3048
3046
|
sortKey === "docName" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3049
3047
|
] }),
|
|
3050
|
-
/* @__PURE__ */ jsxs25("th", { onClick: () => handleSort("stepId"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:w-40", children: [
|
|
3048
|
+
/* @__PURE__ */ jsxs25("th", { onClick: () => handleSort("stepId"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:w-40", children: [
|
|
3051
3049
|
"Workflow Step ID ",
|
|
3052
3050
|
sortKey === "stepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3053
3051
|
] }),
|
|
3054
3052
|
/* @__PURE__ */ jsx25("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50", children: "Allowed Extensions" }),
|
|
3055
|
-
/* @__PURE__ */ jsxs25("th", { onClick: () => handleSort("maxSize"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50", children: [
|
|
3053
|
+
/* @__PURE__ */ jsxs25("th", { onClick: () => handleSort("maxSize"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
|
|
3056
3054
|
"Max Size (MB) ",
|
|
3057
3055
|
sortKey === "maxSize" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3058
3056
|
] }),
|
|
3059
3057
|
/* @__PURE__ */ jsx25("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:text-center fc:w-32", children: "Is Mandatory" }),
|
|
3060
3058
|
/* @__PURE__ */ jsx25("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:text-center fc:w-36", children: "Action" })
|
|
3061
3059
|
] }) }),
|
|
3062
|
-
/* @__PURE__ */ jsx25("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs25("tr", { className: "hover:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
3060
|
+
/* @__PURE__ */ jsx25("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs25("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
3063
3061
|
/* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
|
|
3064
3062
|
/* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px]", children: item.docName }),
|
|
3065
3063
|
/* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600 fc:text-center fc:font-semibold", children: item.stepId }),
|
|
3066
3064
|
/* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-mono fc:text-xs", children: item.extensions }),
|
|
3067
3065
|
/* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-bold", children: item.maxSize }),
|
|
3068
|
-
/* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx25("button", { onClick: () => toggleMandatory(item.id), className: `relative inline-flex h-5.5 w-10 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out outline-none
|
|
3066
|
+
/* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx25("button", { onClick: () => toggleMandatory(item.id), className: `fc:relative fc:inline-flex fc:h-5.5 fc:w-10 fc:shrink-0 fc:cursor-pointer fc:rounded-full fc:border-2 fc:border-transparent fc:transition-colors fc:duration-200 fc:ease-in-out fc:outline-none${item.isMandatory ? "bg-[#2563eb]" : "bg-slate-200"}`, children: /* @__PURE__ */ jsx25("span", { className: `fc:pointer-events-none fc:inline-block fc:h-4.5 fc:w-4.5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out${item.isMandatory ? "translate-x-4.5" : "translate-x-0"}` }) }) }),
|
|
3069
3067
|
/* @__PURE__ */ jsx25("td", { className: "fc:py-3 fc:px-2 fc:text-center", children: /* @__PURE__ */ jsxs25("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
|
|
3070
|
-
/* @__PURE__ */ jsx25("button", { onClick: () => handleEdit(item), className: "fc:px-3 fc:py-1 fc:bg-blue-100/70 hover:fc:bg-blue-200/80 fc:text-blue-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Edit" }),
|
|
3071
|
-
/* @__PURE__ */ jsx25("button", { onClick: () => handleDelete(item), className: "fc:px-3 fc:py-1 fc:bg-rose-100/70 hover:fc:bg-rose-200/80 fc:text-rose-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Delete" })
|
|
3068
|
+
/* @__PURE__ */ jsx25("button", { onClick: () => handleEdit(item), className: "fc:px-3 fc:py-1 fc:bg-blue-100/70 hover:fc:fc:bg-blue-200/80 fc:text-blue-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Edit" }),
|
|
3069
|
+
/* @__PURE__ */ jsx25("button", { onClick: () => handleDelete(item), className: "fc:px-3 fc:py-1 fc:bg-rose-100/70 hover:fc:fc:bg-rose-200/80 fc:text-rose-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Delete" })
|
|
3072
3070
|
] }) })
|
|
3073
3071
|
] }, item.id)) })
|
|
3074
3072
|
] }) }),
|
|
3075
3073
|
/* @__PURE__ */ jsxs25("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-1 fc:text-[13px] fc:text-slate-700 fc:font-normal fc:mt-4 fc:bg-slate-50/50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
3076
|
-
/* @__PURE__ */ jsx25("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:text-slate-900 fc:mr-2 disabled:fc:opacity-40", children: "\u2039 Prev" }),
|
|
3077
|
-
pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx25("button", { onClick: () => setCurrentPage(pageNumber), className: `px-3 py-1 text-center rounded transition-all min-w-[28px]
|
|
3078
|
-
/* @__PURE__ */ jsx25("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:text-slate-900 fc:ml-2 disabled:fc:opacity-40", children: "Next \u203A" })
|
|
3074
|
+
/* @__PURE__ */ jsx25("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:mr-2 disabled:fc:fc:opacity-40", children: "\u2039 Prev" }),
|
|
3075
|
+
pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx25("button", { onClick: () => setCurrentPage(pageNumber), className: `fc:px-3 fc:py-1 fc:text-center fc:rounded fc:transition-all fc:min-w-[28px]${currentPage === pageNumber ? "bg-[#2563eb] text-white font-medium shadow-sm" : "text-slate-600 hover:bg-slate-100"}`, children: pageNumber }, pageNumber)),
|
|
3076
|
+
/* @__PURE__ */ jsx25("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:ml-2 disabled:fc:fc:opacity-40", children: "Next \u203A" })
|
|
3079
3077
|
] }),
|
|
3080
3078
|
/* @__PURE__ */ jsx25(EditDocumentConfiguration, { isOpen: isEditOpen, onClose: () => setIsEditOpen(false), initialData: selectedItem, onSave: handleSaveEdit }),
|
|
3081
3079
|
/* @__PURE__ */ jsx25(DeleteDocumentConfiguration, { isOpen: isDeleteOpen, onClose: () => setIsDeleteOpen(false), documentData: selectedItem, onConfirm: handleConfirmDelete })
|
|
3082
3080
|
] });
|
|
3083
3081
|
}
|
|
3084
3082
|
|
|
3085
|
-
//
|
|
3083
|
+
// src/components/DocumentConfiguration/AddDocumentConfigurationModal.jsx
|
|
3086
3084
|
import React26, { useState as useState15 } from "react";
|
|
3087
3085
|
import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
3088
3086
|
function AddDocumentConfigModal({
|
|
@@ -3099,7 +3097,7 @@ function AddDocumentConfigModal({
|
|
|
3099
3097
|
/* @__PURE__ */ jsx26("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Document Configuration" }),
|
|
3100
3098
|
/* @__PURE__ */ jsx26("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Configure rule specifications for node file processing" })
|
|
3101
3099
|
] }),
|
|
3102
|
-
/* @__PURE__ */ jsx26("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:text-slate-600 fc:p-1.5 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
3100
|
+
/* @__PURE__ */ jsx26("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 fc:p-1.5 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
3103
3101
|
] }),
|
|
3104
3102
|
/* @__PURE__ */ jsxs26("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
|
|
3105
3103
|
/* @__PURE__ */ jsxs26("div", { children: [
|
|
@@ -3107,16 +3105,16 @@ function AddDocumentConfigModal({
|
|
|
3107
3105
|
"Document Name ",
|
|
3108
3106
|
/* @__PURE__ */ jsx26("span", { className: "fc:text-red-500", children: "*" })
|
|
3109
3107
|
] }),
|
|
3110
|
-
/* @__PURE__ */ jsx26("input", { type: "text", placeholder: "e.g. Identity Proof", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:ring-2 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3108
|
+
/* @__PURE__ */ jsx26("input", { type: "text", placeholder: "e.g. Identity Proof", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3111
3109
|
/* @__PURE__ */ jsx26("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Label name of the required document" })
|
|
3112
3110
|
] }),
|
|
3113
|
-
/* @__PURE__ */ jsxs26("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-4", children: [
|
|
3111
|
+
/* @__PURE__ */ jsxs26("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3114
3112
|
/* @__PURE__ */ jsxs26("div", { children: [
|
|
3115
3113
|
/* @__PURE__ */ jsxs26("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
|
|
3116
3114
|
"Workflow Step ID ",
|
|
3117
3115
|
/* @__PURE__ */ jsx26("span", { className: "fc:text-red-500", children: "*" })
|
|
3118
3116
|
] }),
|
|
3119
|
-
/* @__PURE__ */ jsx26("input", { type: "number", placeholder: "e.g. 1", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:ring-2 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3117
|
+
/* @__PURE__ */ jsx26("input", { type: "number", placeholder: "e.g. 1", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3120
3118
|
/* @__PURE__ */ jsx26("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Numeric step sequence handler" })
|
|
3121
3119
|
] }),
|
|
3122
3120
|
/* @__PURE__ */ jsxs26("div", { children: [
|
|
@@ -3125,7 +3123,7 @@ function AddDocumentConfigModal({
|
|
|
3125
3123
|
/* @__PURE__ */ jsx26("span", { className: "fc:text-red-500", children: "*" }),
|
|
3126
3124
|
" "
|
|
3127
3125
|
] }),
|
|
3128
|
-
/* @__PURE__ */ jsx26("input", { type: "text", placeholder: "e.g. 10 MB", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:ring-2 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3126
|
+
/* @__PURE__ */ jsx26("input", { type: "text", placeholder: "e.g. 10 MB", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3129
3127
|
/* @__PURE__ */ jsx26("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Maximum upload limits permissible" })
|
|
3130
3128
|
] })
|
|
3131
3129
|
] }),
|
|
@@ -3134,7 +3132,7 @@ function AddDocumentConfigModal({
|
|
|
3134
3132
|
"Allowed Extensions ",
|
|
3135
3133
|
/* @__PURE__ */ jsx26("span", { className: "fc:text-red-500", children: "*" })
|
|
3136
3134
|
] }),
|
|
3137
|
-
/* @__PURE__ */ jsx26("input", { type: "text", placeholder: "e.g. pdf, jpg, png", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:ring-2 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3135
|
+
/* @__PURE__ */ jsx26("input", { type: "text", placeholder: "e.g. pdf, jpg, png", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3138
3136
|
/* @__PURE__ */ jsx26("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Comma-separated standard format extensions" })
|
|
3139
3137
|
] }),
|
|
3140
3138
|
/* @__PURE__ */ jsxs26("div", { className: "fc:flex fc:items-center fc:justify-between fc:p-3.5 fc:bg-white fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm", children: [
|
|
@@ -3142,18 +3140,18 @@ function AddDocumentConfigModal({
|
|
|
3142
3140
|
/* @__PURE__ */ jsx26("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-800", children: "Is Mandatory File Field" }),
|
|
3143
3141
|
/* @__PURE__ */ jsx26("p", { className: "fc:text-[10px] fc:text-red-500 fc:mt-0.5", children: "Check if user cannot bypass without uploading this file" })
|
|
3144
3142
|
] }),
|
|
3145
|
-
/* @__PURE__ */ jsx26("button", { type: "button", onClick: () => setIsMandatory(!isMandatory), className: `relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out outline-none
|
|
3143
|
+
/* @__PURE__ */ jsx26("button", { type: "button", onClick: () => setIsMandatory(!isMandatory), className: `fc:relative fc:inline-flex fc:h-6 fc:w-11 fc:shrink-0 fc:cursor-pointer fc:rounded-full fc:border-2 fc:border-transparent fc:transition-colors fc:duration-200 fc:ease-in-out fc:outline-none${isMandatory ? "bg-blue-600" : "bg-slate-200"}`, children: /* @__PURE__ */ jsx26("span", { className: `fc:pointer-events-none fc:inline-block fc:h-5 fc:w-5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out${isMandatory ? "translate-x-5" : "translate-x-0"}` }) })
|
|
3146
3144
|
] })
|
|
3147
3145
|
] }),
|
|
3148
3146
|
/* @__PURE__ */ jsxs26("div", { className: "fc:flex fc:justify-end fc:gap-3 fc:px-8 fc:py-4 fc:border-t fc:border-slate-100 fc:bg-white", children: [
|
|
3149
|
-
/* @__PURE__ */ jsx26("button", { onClick: onClose, className: "fc:px-4 fc:py-2 fc:text-xs fc:font-bold fc:text-slate-500 hover:fc:text-slate-700 fc:transition-colors", children: "\u2715 Cancel" }),
|
|
3150
|
-
/* @__PURE__ */ jsx26("button", { className: "fc:px-5 fc:py-2 fc:text-xs fc:font-bold fc:text-white fc:bg-blue-600 hover:fc:bg-blue-700 fc:rounded-xl fc:transition-all fc:shadow-sm", children: "Save Rules" })
|
|
3147
|
+
/* @__PURE__ */ jsx26("button", { onClick: onClose, className: "fc:px-4 fc:py-2 fc:text-xs fc:font-bold fc:text-slate-500 hover:fc:fc:text-slate-700 fc:transition-colors", children: "\u2715 Cancel" }),
|
|
3148
|
+
/* @__PURE__ */ jsx26("button", { className: "fc:px-5 fc:py-2 fc:text-xs fc:font-bold fc:text-white fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:rounded-xl fc:transition-all fc:shadow-sm", children: "Save Rules" })
|
|
3151
3149
|
] })
|
|
3152
3150
|
] })
|
|
3153
3151
|
] });
|
|
3154
3152
|
}
|
|
3155
3153
|
|
|
3156
|
-
//
|
|
3154
|
+
// src/components/DocumentConfiguration/DocumentConfigurationmain.jsx
|
|
3157
3155
|
import { jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
3158
3156
|
function DocumentConfigurationmain() {
|
|
3159
3157
|
const [modalOpen, setModalOpen] = useState16(false);
|
|
@@ -3165,7 +3163,7 @@ function DocumentConfigurationmain() {
|
|
|
3165
3163
|
setPageSize(Number(e.target.value));
|
|
3166
3164
|
setCurrentPage(1);
|
|
3167
3165
|
};
|
|
3168
|
-
return /* @__PURE__ */ jsxs27("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:p-6", children: [
|
|
3166
|
+
return /* @__PURE__ */ jsxs27("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
|
|
3169
3167
|
/* @__PURE__ */ jsx27(CommonHeader, { title: "Document Configuration", breadcrumbs: [{
|
|
3170
3168
|
label: "Dashboard",
|
|
3171
3169
|
href: "/dashboard"
|
|
@@ -3195,10 +3193,10 @@ function DocumentConfigurationmain() {
|
|
|
3195
3193
|
] });
|
|
3196
3194
|
}
|
|
3197
3195
|
|
|
3198
|
-
//
|
|
3196
|
+
// src/components/AuditLog/AuditLogmain.jsx
|
|
3199
3197
|
import React31, { useState as useState18 } from "react";
|
|
3200
3198
|
|
|
3201
|
-
//
|
|
3199
|
+
// src/components/AuditLog/SearchBar.jsx
|
|
3202
3200
|
import React28 from "react";
|
|
3203
3201
|
import { jsx as jsx28, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
3204
3202
|
function SearchBar4({
|
|
@@ -3211,11 +3209,11 @@ function SearchBar4({
|
|
|
3211
3209
|
/* @__PURE__ */ jsx28("input", { type: "text", value: searchQuery, onChange: (e) => {
|
|
3212
3210
|
setSearchQuery(e.target.value);
|
|
3213
3211
|
setCurrentPage(1);
|
|
3214
|
-
}, placeholder: "Search user or action...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm fc:bg-slate-50/50 focus:fc:outline-none focus:fc:ring-4 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all fc:shadow-sm" })
|
|
3212
|
+
}, placeholder: "Search user or action...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm fc:bg-slate-50/50 focus:fc:fc:outline-none focus:fc:fc:ring-4 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all fc:shadow-sm" })
|
|
3215
3213
|
] });
|
|
3216
3214
|
}
|
|
3217
3215
|
|
|
3218
|
-
//
|
|
3216
|
+
// src/components/AuditLog/AuditLogTable.jsx
|
|
3219
3217
|
import React29, { useState as useState17, useEffect as useEffect7 } from "react";
|
|
3220
3218
|
import { jsx as jsx29, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
3221
3219
|
function AuditLogTable({
|
|
@@ -3471,47 +3469,47 @@ function AuditLogTable({
|
|
|
3471
3469
|
/* @__PURE__ */ jsx29("div", { className: "fc:w-full fc:overflow-x-auto fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:max-h-[420px] fc:overflow-y-auto fc:custom-scrollbar", children: /* @__PURE__ */ jsxs29("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-auto", children: [
|
|
3472
3470
|
/* @__PURE__ */ jsx29("thead", { className: "fc:sticky fc:top-0 fc:z-10 fc:bg-slate-50 fc:shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ jsxs29("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
|
|
3473
3471
|
/* @__PURE__ */ jsx29("th", { className: "fc:py-4 fc:px-4 fc:w-16 fc:text-center fc:bg-slate-50", children: "S.No" }),
|
|
3474
|
-
/* @__PURE__ */ jsxs29("th", { onClick: () => handleSort("logId"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
3472
|
+
/* @__PURE__ */ jsxs29("th", { onClick: () => handleSort("logId"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
3475
3473
|
"Log ID ",
|
|
3476
3474
|
sortKey === "logId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3477
3475
|
] }),
|
|
3478
|
-
/* @__PURE__ */ jsxs29("th", { onClick: () => handleSort("user"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
3476
|
+
/* @__PURE__ */ jsxs29("th", { onClick: () => handleSort("user"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
3479
3477
|
"User Name ",
|
|
3480
3478
|
sortKey === "user" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3481
3479
|
] }),
|
|
3482
|
-
/* @__PURE__ */ jsxs29("th", { onClick: () => handleSort("action"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
3480
|
+
/* @__PURE__ */ jsxs29("th", { onClick: () => handleSort("action"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
3483
3481
|
"Action ",
|
|
3484
3482
|
sortKey === "action" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3485
3483
|
] }),
|
|
3486
|
-
/* @__PURE__ */ jsxs29("th", { onClick: () => handleSort("section"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
3484
|
+
/* @__PURE__ */ jsxs29("th", { onClick: () => handleSort("section"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
3487
3485
|
"Section Modules ",
|
|
3488
3486
|
sortKey === "section" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3489
3487
|
] }),
|
|
3490
3488
|
/* @__PURE__ */ jsx29("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:whitespace-nowrap", children: "IP Address" }),
|
|
3491
|
-
/* @__PURE__ */ jsxs29("th", { onClick: () => handleSort("time"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
3489
|
+
/* @__PURE__ */ jsxs29("th", { onClick: () => handleSort("time"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
3492
3490
|
"Timestamp ",
|
|
3493
3491
|
sortKey === "time" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3494
3492
|
] })
|
|
3495
3493
|
] }) }),
|
|
3496
|
-
/* @__PURE__ */ jsx29("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs29("tr", { className: "hover:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
3494
|
+
/* @__PURE__ */ jsx29("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs29("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
3497
3495
|
/* @__PURE__ */ jsx29("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
|
|
3498
3496
|
/* @__PURE__ */ jsx29("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px] fc:whitespace-nowrap", children: item.logId }),
|
|
3499
3497
|
/* @__PURE__ */ jsx29("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-semibold fc:whitespace-nowrap", children: item.user }),
|
|
3500
|
-
/* @__PURE__ */ jsx29("td", { className: "fc:py-4 fc:px-5 fc:whitespace-nowrap", children: /* @__PURE__ */ jsx29("span", { className: `px-2.5 py-1 text-[11px] font-bold rounded-md tracking-wide
|
|
3498
|
+
/* @__PURE__ */ jsx29("td", { className: "fc:py-4 fc:px-5 fc:whitespace-nowrap", children: /* @__PURE__ */ jsx29("span", { className: `fc:px-2.5 fc:py-1 fc:text-[11px] fc:font-bold fc:rounded-md fc:tracking-wide${getActionBadge(item.action)}`, children: item.action }) }),
|
|
3501
3499
|
/* @__PURE__ */ jsx29("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-medium fc:whitespace-nowrap", children: item.section }),
|
|
3502
3500
|
/* @__PURE__ */ jsx29("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-mono fc:text-xs fc:whitespace-nowrap", children: item.ip }),
|
|
3503
3501
|
/* @__PURE__ */ jsx29("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-medium fc:whitespace-nowrap", children: item.time })
|
|
3504
3502
|
] }, item.id)) })
|
|
3505
3503
|
] }) }),
|
|
3506
3504
|
/* @__PURE__ */ jsxs29("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-1 fc:text-[13px] fc:text-slate-700 fc:font-normal fc:mt-4 fc:bg-slate-50/50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
3507
|
-
/* @__PURE__ */ jsx29("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:text-slate-900 fc:mr-2 disabled:fc:opacity-40", children: "\u2039 Prev" }),
|
|
3508
|
-
pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx29("button", { onClick: () => setCurrentPage(pageNumber), className: `px-3 py-1 text-center rounded transition-all min-w-[28px]
|
|
3509
|
-
/* @__PURE__ */ jsx29("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:text-slate-900 fc:ml-2 disabled:fc:opacity-40", children: "Next \u203A" })
|
|
3505
|
+
/* @__PURE__ */ jsx29("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:mr-2 disabled:fc:fc:opacity-40", children: "\u2039 Prev" }),
|
|
3506
|
+
pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx29("button", { onClick: () => setCurrentPage(pageNumber), className: `fc:px-3 fc:py-1 fc:text-center fc:rounded fc:transition-all fc:min-w-[28px]${currentPage === pageNumber ? "bg-blue-600 text-white font-medium shadow-sm" : "text-slate-600 hover:bg-slate-100"}`, children: pageNumber }, pageNumber)),
|
|
3507
|
+
/* @__PURE__ */ jsx29("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:ml-2 disabled:fc:fc:opacity-40", children: "Next \u203A" })
|
|
3510
3508
|
] })
|
|
3511
3509
|
] });
|
|
3512
3510
|
}
|
|
3513
3511
|
|
|
3514
|
-
//
|
|
3512
|
+
// src/components/AuditLog/AddAuditLogModal.jsx
|
|
3515
3513
|
import React30 from "react";
|
|
3516
3514
|
import { jsx as jsx30, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
3517
3515
|
function AddAuditLogModal({
|
|
@@ -3527,25 +3525,25 @@ function AddAuditLogModal({
|
|
|
3527
3525
|
/* @__PURE__ */ jsx30("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Audit Entry" }),
|
|
3528
3526
|
/* @__PURE__ */ jsx30("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Manually insert security audit trail incident" })
|
|
3529
3527
|
] }),
|
|
3530
|
-
/* @__PURE__ */ jsx30("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:text-slate-600 fc:p-1.5 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
3528
|
+
/* @__PURE__ */ jsx30("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 fc:p-1.5 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
3531
3529
|
] }),
|
|
3532
3530
|
/* @__PURE__ */ jsxs30("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
|
|
3533
|
-
/* @__PURE__ */ jsxs30("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-4", children: [
|
|
3531
|
+
/* @__PURE__ */ jsxs30("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3534
3532
|
/* @__PURE__ */ jsxs30("div", { children: [
|
|
3535
3533
|
/* @__PURE__ */ jsx30("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Log ID *" }),
|
|
3536
|
-
/* @__PURE__ */ jsx30("input", { type: "text", placeholder: "e.g. AUD-926", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:ring-2 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3534
|
+
/* @__PURE__ */ jsx30("input", { type: "text", placeholder: "e.g. AUD-926", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3537
3535
|
/* @__PURE__ */ jsx30("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Unique tracking ledger key code" })
|
|
3538
3536
|
] }),
|
|
3539
3537
|
/* @__PURE__ */ jsxs30("div", { children: [
|
|
3540
3538
|
/* @__PURE__ */ jsx30("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "User Name *" }),
|
|
3541
|
-
/* @__PURE__ */ jsx30("input", { type: "text", placeholder: "e.g. Amit Sharma", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:ring-2 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3539
|
+
/* @__PURE__ */ jsx30("input", { type: "text", placeholder: "e.g. Amit Sharma", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3542
3540
|
/* @__PURE__ */ jsx30("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Profile designation handling agent" })
|
|
3543
3541
|
] })
|
|
3544
3542
|
] }),
|
|
3545
|
-
/* @__PURE__ */ jsxs30("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-4", children: [
|
|
3543
|
+
/* @__PURE__ */ jsxs30("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3546
3544
|
/* @__PURE__ */ jsxs30("div", { children: [
|
|
3547
3545
|
/* @__PURE__ */ jsx30("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Action Type *" }),
|
|
3548
|
-
/* @__PURE__ */ jsxs30("select", { className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:border-blue-500 fc:outline-none", children: [
|
|
3546
|
+
/* @__PURE__ */ jsxs30("select", { className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:border-blue-500 fc:outline-none", children: [
|
|
3549
3547
|
/* @__PURE__ */ jsx30("option", { value: "CREATE", children: "CREATE" }),
|
|
3550
3548
|
/* @__PURE__ */ jsx30("option", { value: "UPDATE", children: "UPDATE" }),
|
|
3551
3549
|
/* @__PURE__ */ jsx30("option", { value: "DELETE", children: "DELETE" }),
|
|
@@ -3555,37 +3553,37 @@ function AddAuditLogModal({
|
|
|
3555
3553
|
] }),
|
|
3556
3554
|
/* @__PURE__ */ jsxs30("div", { children: [
|
|
3557
3555
|
/* @__PURE__ */ jsx30("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "IP Address *" }),
|
|
3558
|
-
/* @__PURE__ */ jsx30("input", { type: "text", placeholder: "e.g. 192.168.1.45", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:ring-2 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3556
|
+
/* @__PURE__ */ jsx30("input", { type: "text", placeholder: "e.g. 192.168.1.45", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3559
3557
|
/* @__PURE__ */ jsx30("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Terminal remote system IP node" })
|
|
3560
3558
|
] })
|
|
3561
3559
|
] }),
|
|
3562
|
-
/* @__PURE__ */ jsxs30("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-4", children: [
|
|
3560
|
+
/* @__PURE__ */ jsxs30("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3563
3561
|
/* @__PURE__ */ jsxs30("div", { children: [
|
|
3564
3562
|
/* @__PURE__ */ jsx30("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Section Module *" }),
|
|
3565
|
-
/* @__PURE__ */ jsx30("input", { type: "text", placeholder: "e.g. Document Config", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:ring-2 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3563
|
+
/* @__PURE__ */ jsx30("input", { type: "text", placeholder: "e.g. Document Config", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3566
3564
|
/* @__PURE__ */ jsx30("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Target segment modified in configuration" })
|
|
3567
3565
|
] }),
|
|
3568
3566
|
/* @__PURE__ */ jsxs30("div", { children: [
|
|
3569
3567
|
/* @__PURE__ */ jsx30("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Timestamp *" }),
|
|
3570
|
-
/* @__PURE__ */ jsx30("input", { type: "datetime-local", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:placeholder-slate-400 fc:text-slate-700 focus:fc:border-blue-500 fc:outline-none" }),
|
|
3568
|
+
/* @__PURE__ */ jsx30("input", { type: "datetime-local", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:border-blue-500 fc:outline-none" }),
|
|
3571
3569
|
/* @__PURE__ */ jsx30("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Precise server localized execution record date" })
|
|
3572
3570
|
] })
|
|
3573
3571
|
] }),
|
|
3574
3572
|
/* @__PURE__ */ jsxs30("div", { children: [
|
|
3575
3573
|
/* @__PURE__ */ jsx30("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Meta Details / Changes Summary" }),
|
|
3576
|
-
/* @__PURE__ */ jsx30("textarea", { rows: 2, placeholder: "Enter technical trace logs or query payload metadata...", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 fc:resize-none focus:fc:border-blue-500 fc:outline-none" }),
|
|
3574
|
+
/* @__PURE__ */ jsx30("textarea", { rows: 2, placeholder: "Enter technical trace logs or query payload metadata...", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 fc:resize-none focus:fc:fc:border-blue-500 fc:outline-none" }),
|
|
3577
3575
|
/* @__PURE__ */ jsx30("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Log data state differential dumps if required" })
|
|
3578
3576
|
] })
|
|
3579
3577
|
] }),
|
|
3580
3578
|
/* @__PURE__ */ jsxs30("div", { className: "fc:flex fc:justify-end fc:gap-3 fc:px-8 fc:py-4 fc:border-t fc:border-slate-100 fc:bg-white", children: [
|
|
3581
|
-
/* @__PURE__ */ jsx30("button", { onClick: onClose, className: "fc:px-4 fc:py-2 fc:text-xs fc:font-bold fc:text-slate-500 hover:fc:text-slate-700 fc:transition-colors", children: "\u2715 Cancel" }),
|
|
3582
|
-
/* @__PURE__ */ jsx30("button", { className: "fc:px-5 fc:py-2 fc:text-xs fc:font-bold fc:text-white fc:bg-blue-600 hover:fc:bg-blue-700 fc:rounded-xl fc:transition-all fc:shadow-sm", children: "Commit Entry" })
|
|
3579
|
+
/* @__PURE__ */ jsx30("button", { onClick: onClose, className: "fc:px-4 fc:py-2 fc:text-xs fc:font-bold fc:text-slate-500 hover:fc:fc:text-slate-700 fc:transition-colors", children: "\u2715 Cancel" }),
|
|
3580
|
+
/* @__PURE__ */ jsx30("button", { className: "fc:px-5 fc:py-2 fc:text-xs fc:font-bold fc:text-white fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:rounded-xl fc:transition-all fc:shadow-sm", children: "Commit Entry" })
|
|
3583
3581
|
] })
|
|
3584
3582
|
] })
|
|
3585
3583
|
] });
|
|
3586
3584
|
}
|
|
3587
3585
|
|
|
3588
|
-
//
|
|
3586
|
+
// src/components/AuditLog/AuditLogmain.jsx
|
|
3589
3587
|
import { jsx as jsx31, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
3590
3588
|
function AuditLogmain() {
|
|
3591
3589
|
const [modalOpen, setModalOpen] = useState18(false);
|
|
@@ -3597,7 +3595,7 @@ function AuditLogmain() {
|
|
|
3597
3595
|
setPageSize(Number(e.target.value));
|
|
3598
3596
|
setCurrentPage(1);
|
|
3599
3597
|
};
|
|
3600
|
-
return /* @__PURE__ */ jsxs31("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:p-6", children: [
|
|
3598
|
+
return /* @__PURE__ */ jsxs31("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
|
|
3601
3599
|
/* @__PURE__ */ jsx31(CommonHeader, { title: "Audit Log", breadcrumbs: [{
|
|
3602
3600
|
label: "Dashboard",
|
|
3603
3601
|
href: "/dashboard"
|
|
@@ -3627,10 +3625,10 @@ function AuditLogmain() {
|
|
|
3627
3625
|
] });
|
|
3628
3626
|
}
|
|
3629
3627
|
|
|
3630
|
-
//
|
|
3628
|
+
// src/components/MovementHistory/MovementHistorymain.jsx
|
|
3631
3629
|
import React35, { useState as useState20 } from "react";
|
|
3632
3630
|
|
|
3633
|
-
//
|
|
3631
|
+
// src/components/MovementHistory/SearchBar.jsx
|
|
3634
3632
|
import React32 from "react";
|
|
3635
3633
|
import { jsx as jsx32, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
3636
3634
|
function SearchBar5({
|
|
@@ -3643,11 +3641,11 @@ function SearchBar5({
|
|
|
3643
3641
|
/* @__PURE__ */ jsx32("input", { type: "text", value: searchQuery, onChange: (e) => {
|
|
3644
3642
|
setSearchQuery(e.target.value);
|
|
3645
3643
|
setCurrentPage(1);
|
|
3646
|
-
}, placeholder: "Instance or Action...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm fc:bg-slate-50/50 focus:fc:outline-none focus:fc:ring-4 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all fc:shadow-sm" })
|
|
3644
|
+
}, placeholder: "Instance or Action...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm fc:bg-slate-50/50 focus:fc:fc:outline-none focus:fc:fc:ring-4 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all fc:shadow-sm" })
|
|
3647
3645
|
] });
|
|
3648
3646
|
}
|
|
3649
3647
|
|
|
3650
|
-
//
|
|
3648
|
+
// src/components/MovementHistory/MovementHistoryTable.jsx
|
|
3651
3649
|
import React33, { useState as useState19, useEffect as useEffect8 } from "react";
|
|
3652
3650
|
import { jsx as jsx33, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
3653
3651
|
function MovementHistoryTable({
|
|
@@ -3903,50 +3901,50 @@ function MovementHistoryTable({
|
|
|
3903
3901
|
/* @__PURE__ */ jsx33("div", { className: "fc:w-full fc:overflow-x-auto fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:max-h-[400px] fc:overflow-y-auto fc:custom-scrollbar", children: /* @__PURE__ */ jsxs33("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed fc:min-w-[900px]", children: [
|
|
3904
3902
|
/* @__PURE__ */ jsx33("thead", { className: "fc:sticky fc:top-0 fc:z-10 fc:bg-slate-50 fc:shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ jsxs33("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
|
|
3905
3903
|
/* @__PURE__ */ jsx33("th", { className: "fc:py-4 fc:px-5 fc:w-20 fc:text-center fc:bg-slate-50", children: "S.No" }),
|
|
3906
|
-
/* @__PURE__ */ jsxs33("th", { onClick: () => handleSort("movementHistoryId"), className: "fc:py-4 fc:px-5 fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:w-44", children: [
|
|
3904
|
+
/* @__PURE__ */ jsxs33("th", { onClick: () => handleSort("movementHistoryId"), className: "fc:py-4 fc:px-5 fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-44", children: [
|
|
3907
3905
|
"Movement History ID ",
|
|
3908
3906
|
sortKey === "movementHistoryId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3909
3907
|
] }),
|
|
3910
|
-
/* @__PURE__ */ jsxs33("th", { onClick: () => handleSort("name"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50 fc:w-56", children: [
|
|
3908
|
+
/* @__PURE__ */ jsxs33("th", { onClick: () => handleSort("name"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-56", children: [
|
|
3911
3909
|
"Name ",
|
|
3912
3910
|
sortKey === "name" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3913
3911
|
] }),
|
|
3914
|
-
/* @__PURE__ */ jsxs33("th", { onClick: () => handleSort("fileInstanceId"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50", children: [
|
|
3912
|
+
/* @__PURE__ */ jsxs33("th", { onClick: () => handleSort("fileInstanceId"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
|
|
3915
3913
|
"File Instance ID ",
|
|
3916
3914
|
sortKey === "fileInstanceId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3917
3915
|
] }),
|
|
3918
|
-
/* @__PURE__ */ jsxs33("th", { onClick: () => handleSort("fromStepId"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50", children: [
|
|
3916
|
+
/* @__PURE__ */ jsxs33("th", { onClick: () => handleSort("fromStepId"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
|
|
3919
3917
|
"FromStepID ",
|
|
3920
3918
|
sortKey === "fromStepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3921
3919
|
] }),
|
|
3922
|
-
/* @__PURE__ */ jsxs33("th", { onClick: () => handleSort("toStepId"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50", children: [
|
|
3920
|
+
/* @__PURE__ */ jsxs33("th", { onClick: () => handleSort("toStepId"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
|
|
3923
3921
|
"ToStepID ",
|
|
3924
3922
|
sortKey === "toStepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3925
3923
|
] }),
|
|
3926
|
-
/* @__PURE__ */ jsxs33("th", { onClick: () => handleSort("movedOn"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:text-slate-900 fc:bg-slate-50", children: [
|
|
3924
|
+
/* @__PURE__ */ jsxs33("th", { onClick: () => handleSort("movedOn"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
|
|
3927
3925
|
"ActionCode ",
|
|
3928
3926
|
sortKey === "movedOn" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3929
3927
|
] })
|
|
3930
3928
|
] }) }),
|
|
3931
|
-
/* @__PURE__ */ jsx33("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs33("tr", { className: "hover:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
3929
|
+
/* @__PURE__ */ jsx33("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs33("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
3932
3930
|
/* @__PURE__ */ jsx33("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:font-medium fc:text-slate-400 fc:w-20", children: startIndex + index + 1 }),
|
|
3933
3931
|
/* @__PURE__ */ jsx33("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px]", children: item.movementHistoryId }),
|
|
3934
3932
|
/* @__PURE__ */ jsx33("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-medium fc:truncate", children: item.name }),
|
|
3935
3933
|
/* @__PURE__ */ jsx33("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.fileInstanceId }),
|
|
3936
3934
|
/* @__PURE__ */ jsx33("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.fromStepId }),
|
|
3937
|
-
/* @__PURE__ */ jsx33("td", { className: "fc:py-4 fc:px-5 fc:font-semibold fc:text-slate-700", children: /* @__PURE__ */ jsx33("span", { className: `px-2.5 py-1 text-[11px] font-bold rounded-md
|
|
3935
|
+
/* @__PURE__ */ jsx33("td", { className: "fc:py-4 fc:px-5 fc:font-semibold fc:text-slate-700", children: /* @__PURE__ */ jsx33("span", { className: `fc:px-2.5 fc:py-1 fc:text-[11px] fc:font-bold fc:rounded-md${getActionBadgeColor(item.toStepId)}`, children: item.toStepId }) }),
|
|
3938
3936
|
/* @__PURE__ */ jsx33("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.movedOn })
|
|
3939
3937
|
] }, item.id)) })
|
|
3940
3938
|
] }) }),
|
|
3941
3939
|
/* @__PURE__ */ jsxs33("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-1 fc:text-[13px] fc:text-slate-700 fc:font-normal fc:mt-4 fc:bg-slate-50/50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
3942
|
-
/* @__PURE__ */ jsx33("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:text-slate-900 fc:mr-2 disabled:fc:opacity-40", children: "\u2039 Prev" }),
|
|
3943
|
-
pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx33("button", { onClick: () => setCurrentPage(pageNumber), className: `px-3 py-1 text-center rounded transition-all min-w-[28px]
|
|
3944
|
-
/* @__PURE__ */ jsx33("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:text-slate-900 fc:ml-2 disabled:fc:opacity-40", children: "Next \u203A" })
|
|
3940
|
+
/* @__PURE__ */ jsx33("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:mr-2 disabled:fc:fc:opacity-40", children: "\u2039 Prev" }),
|
|
3941
|
+
pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx33("button", { onClick: () => setCurrentPage(pageNumber), className: `fc:px-3 fc:py-1 fc:text-center fc:rounded fc:transition-all fc:min-w-[28px]${currentPage === pageNumber ? "bg-blue-600 text-white font-medium shadow-sm" : "text-slate-600 hover:bg-slate-100"}`, children: pageNumber }, pageNumber)),
|
|
3942
|
+
/* @__PURE__ */ jsx33("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:ml-2 disabled:fc:fc:opacity-40", children: "Next \u203A" })
|
|
3945
3943
|
] })
|
|
3946
3944
|
] });
|
|
3947
3945
|
}
|
|
3948
3946
|
|
|
3949
|
-
//
|
|
3947
|
+
// src/components/MovementHistory/AddMovementHistoryModal.jsx
|
|
3950
3948
|
import React34 from "react";
|
|
3951
3949
|
import { jsx as jsx34, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
3952
3950
|
function AddMovementHistoryModal({
|
|
@@ -3962,37 +3960,37 @@ function AddMovementHistoryModal({
|
|
|
3962
3960
|
/* @__PURE__ */ jsx34("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Movement History" }),
|
|
3963
3961
|
/* @__PURE__ */ jsx34("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Create a new movement audit trail entry" })
|
|
3964
3962
|
] }),
|
|
3965
|
-
/* @__PURE__ */ jsx34("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:text-slate-600 fc:p-1.5 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
3963
|
+
/* @__PURE__ */ jsx34("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 fc:p-1.5 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
3966
3964
|
] }),
|
|
3967
3965
|
/* @__PURE__ */ jsxs34("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
|
|
3968
|
-
/* @__PURE__ */ jsxs34("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-4", children: [
|
|
3966
|
+
/* @__PURE__ */ jsxs34("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3969
3967
|
/* @__PURE__ */ jsxs34("div", { children: [
|
|
3970
3968
|
/* @__PURE__ */ jsx34("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Movement History ID *" }),
|
|
3971
|
-
/* @__PURE__ */ jsx34("input", { type: "text", placeholder: "e.g. 21", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:ring-2 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:outline-none" }),
|
|
3969
|
+
/* @__PURE__ */ jsx34("input", { type: "text", placeholder: "e.g. 21", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none" }),
|
|
3972
3970
|
/* @__PURE__ */ jsx34("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Unique primary key for history record" })
|
|
3973
3971
|
] }),
|
|
3974
3972
|
/* @__PURE__ */ jsxs34("div", { children: [
|
|
3975
3973
|
/* @__PURE__ */ jsx34("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "File Instance ID *" }),
|
|
3976
|
-
/* @__PURE__ */ jsx34("input", { type: "text", placeholder: "e.g. 101", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:ring-2 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:outline-none" }),
|
|
3974
|
+
/* @__PURE__ */ jsx34("input", { type: "text", placeholder: "e.g. 101", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none" }),
|
|
3977
3975
|
/* @__PURE__ */ jsx34("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Associated unique document/transaction ID" })
|
|
3978
3976
|
] })
|
|
3979
3977
|
] }),
|
|
3980
|
-
/* @__PURE__ */ jsxs34("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-4", children: [
|
|
3978
|
+
/* @__PURE__ */ jsxs34("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3981
3979
|
/* @__PURE__ */ jsxs34("div", { children: [
|
|
3982
3980
|
/* @__PURE__ */ jsx34("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "From Step ID *" }),
|
|
3983
|
-
/* @__PURE__ */ jsx34("input", { type: "text", placeholder: "e.g. 1", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:ring-2 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:outline-none" }),
|
|
3981
|
+
/* @__PURE__ */ jsx34("input", { type: "text", placeholder: "e.g. 1", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none" }),
|
|
3984
3982
|
/* @__PURE__ */ jsx34("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Starting step workflow node" })
|
|
3985
3983
|
] }),
|
|
3986
3984
|
/* @__PURE__ */ jsxs34("div", { children: [
|
|
3987
3985
|
/* @__PURE__ */ jsx34("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "To Step ID *" }),
|
|
3988
|
-
/* @__PURE__ */ jsx34("input", { type: "text", placeholder: "e.g. 2", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:ring-2 focus:fc:ring-blue-500/10 focus:fc:border-blue-500 fc:outline-none" }),
|
|
3986
|
+
/* @__PURE__ */ jsx34("input", { type: "text", placeholder: "e.g. 2", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none" }),
|
|
3989
3987
|
/* @__PURE__ */ jsx34("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Destination target step node" })
|
|
3990
3988
|
] })
|
|
3991
3989
|
] }),
|
|
3992
|
-
/* @__PURE__ */ jsxs34("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-4", children: [
|
|
3990
|
+
/* @__PURE__ */ jsxs34("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3993
3991
|
/* @__PURE__ */ jsxs34("div", { children: [
|
|
3994
3992
|
/* @__PURE__ */ jsx34("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Action Code *" }),
|
|
3995
|
-
/* @__PURE__ */ jsxs34("select", { className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:border-blue-500 fc:outline-none", children: [
|
|
3993
|
+
/* @__PURE__ */ jsxs34("select", { className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:border-blue-500 fc:outline-none", children: [
|
|
3996
3994
|
/* @__PURE__ */ jsx34("option", { value: "APPROVE", children: "APPROVE" }),
|
|
3997
3995
|
/* @__PURE__ */ jsx34("option", { value: "RETURN", children: "RETURN" }),
|
|
3998
3996
|
/* @__PURE__ */ jsx34("option", { value: "FORWARD", children: "FORWARD" }),
|
|
@@ -4002,25 +4000,25 @@ function AddMovementHistoryModal({
|
|
|
4002
4000
|
] }),
|
|
4003
4001
|
/* @__PURE__ */ jsxs34("div", { children: [
|
|
4004
4002
|
/* @__PURE__ */ jsx34("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Moved On *" }),
|
|
4005
|
-
/* @__PURE__ */ jsx34("input", { type: "date", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:border-blue-500 fc:outline-none" }),
|
|
4003
|
+
/* @__PURE__ */ jsx34("input", { type: "date", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:border-blue-500 fc:outline-none" }),
|
|
4006
4004
|
/* @__PURE__ */ jsx34("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Movement record date timestamp" })
|
|
4007
4005
|
] })
|
|
4008
4006
|
] }),
|
|
4009
4007
|
/* @__PURE__ */ jsxs34("div", { children: [
|
|
4010
4008
|
/* @__PURE__ */ jsx34("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Movement Comments / Remarks" }),
|
|
4011
|
-
/* @__PURE__ */ jsx34("textarea", { rows: 2, placeholder: "Enter audit remarks or transaction notes...", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 fc:resize-none focus:fc:border-blue-500 fc:outline-none" }),
|
|
4009
|
+
/* @__PURE__ */ jsx34("textarea", { rows: 2, placeholder: "Enter audit remarks or transaction notes...", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 fc:resize-none focus:fc:fc:border-blue-500 fc:outline-none" }),
|
|
4012
4010
|
/* @__PURE__ */ jsx34("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Optional workflow remarks for documentation" })
|
|
4013
4011
|
] })
|
|
4014
4012
|
] }),
|
|
4015
4013
|
/* @__PURE__ */ jsxs34("div", { className: "fc:flex fc:justify-end fc:gap-3 fc:px-8 fc:py-4 fc:border-t fc:border-slate-100 fc:bg-white", children: [
|
|
4016
|
-
/* @__PURE__ */ jsx34("button", { onClick: onClose, className: "fc:px-4 fc:py-2 fc:text-xs fc:font-bold fc:text-slate-500 hover:fc:text-slate-700 fc:transition-colors", children: "\u2715 Cancel" }),
|
|
4017
|
-
/* @__PURE__ */ jsx34("button", { className: "fc:px-5 fc:py-2 fc:text-xs fc:font-bold fc:text-white fc:bg-blue-600 hover:fc:bg-blue-700 fc:rounded-xl fc:transition-all fc:shadow-sm", children: "Save Record" })
|
|
4014
|
+
/* @__PURE__ */ jsx34("button", { onClick: onClose, className: "fc:px-4 fc:py-2 fc:text-xs fc:font-bold fc:text-slate-500 hover:fc:fc:text-slate-700 fc:transition-colors", children: "\u2715 Cancel" }),
|
|
4015
|
+
/* @__PURE__ */ jsx34("button", { className: "fc:px-5 fc:py-2 fc:text-xs fc:font-bold fc:text-white fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:rounded-xl fc:transition-all fc:shadow-sm", children: "Save Record" })
|
|
4018
4016
|
] })
|
|
4019
4017
|
] })
|
|
4020
4018
|
] });
|
|
4021
4019
|
}
|
|
4022
4020
|
|
|
4023
|
-
//
|
|
4021
|
+
// src/components/MovementHistory/MovementHistorymain.jsx
|
|
4024
4022
|
import { jsx as jsx35, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
4025
4023
|
function MovementHistorymain() {
|
|
4026
4024
|
const [modalOpen, setModalOpen] = useState20(false);
|
|
@@ -4032,7 +4030,7 @@ function MovementHistorymain() {
|
|
|
4032
4030
|
setPageSize(Number(e.target.value));
|
|
4033
4031
|
setCurrentPage(1);
|
|
4034
4032
|
};
|
|
4035
|
-
return /* @__PURE__ */ jsxs35("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:p-6", children: [
|
|
4033
|
+
return /* @__PURE__ */ jsxs35("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
|
|
4036
4034
|
/* @__PURE__ */ jsx35(CommonHeader, { title: "Movement History", breadcrumbs: [{
|
|
4037
4035
|
label: "Dashboard",
|
|
4038
4036
|
href: "/dashboard"
|
|
@@ -4062,7 +4060,7 @@ function MovementHistorymain() {
|
|
|
4062
4060
|
] });
|
|
4063
4061
|
}
|
|
4064
4062
|
|
|
4065
|
-
//
|
|
4063
|
+
// src/components/Sidebar.jsx
|
|
4066
4064
|
import { Fragment as Fragment3, jsx as jsx36, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
4067
4065
|
var workflowItems = [
|
|
4068
4066
|
// Menu Name // component or page-Use function name
|
|
@@ -4171,12 +4169,7 @@ function Sidebar({
|
|
|
4171
4169
|
const [activeComponent, setActiveComponent] = useState21("workflowType");
|
|
4172
4170
|
const renderMenuItemold = (item) => {
|
|
4173
4171
|
const Icon = item.icon;
|
|
4174
|
-
return /* @__PURE__ */ jsxs36("button", { type: "button", className: `
|
|
4175
|
-
flex h-[48px] w-full items-center gap-[8px]
|
|
4176
|
-
rounded-[9px] px-[8px]
|
|
4177
|
-
text-left transition-colors duration-150
|
|
4178
|
-
${router.pathname === item.path ? "bg-blue-50 text-blue-600" : "text-[#344261] hover:bg-[#F6F8FC]"}
|
|
4179
|
-
`, onClick: () => router.push(item.path), children: [
|
|
4172
|
+
return /* @__PURE__ */ jsxs36("button", { type: "button", className: `fc:flex fc:h-[48px] fc:w-full fc:items-center fc:gap-[8px] fc:rounded-[9px] fc:px-[8px] fc:text-left fc:transition-colors fc:duration-150${router.pathname === item.path ? "bg-blue-50 text-blue-600" : "text-[#344261] hover:bg-[#F6F8FC]"}`, onClick: () => router.push(item.path), children: [
|
|
4180
4173
|
/* @__PURE__ */ jsx36("span", { className: "fc:flex fc:h-[20px] fc:w-[20px] fc:shrink-0 fc:items-center fc:justify-center fc:rounded-[6px] fc:text-[#405170]", children: /* @__PURE__ */ jsx36(Icon, { size: 17 }) }),
|
|
4181
4174
|
/* @__PURE__ */ jsx36("span", { className: "fc:flex-1 fc:whitespace-nowrap fc:text-[13px] fc:font-medium fc:leading-[20px]", children: item.name })
|
|
4182
4175
|
] }, item.name);
|
|
@@ -4194,11 +4187,7 @@ function Sidebar({
|
|
|
4194
4187
|
router.push(item.path);
|
|
4195
4188
|
}
|
|
4196
4189
|
};
|
|
4197
|
-
return /* @__PURE__ */ jsxs36("button", { onClick: handleClick, className: `
|
|
4198
|
-
flex h-[48px] w-full min-w-0 items-center gap-[6px]
|
|
4199
|
-
rounded-[9px] px-[6px]
|
|
4200
|
-
${item.component ? activeComponent === item.component ? "bg-blue-50 text-blue-600" : "text-[#344261] hover:bg-[#F6F8FC]" : router.pathname === item.path ? "bg-blue-50 text-blue-600" : "text-[#344261] hover:bg-[#F6F8FC]"}
|
|
4201
|
-
`, children: [
|
|
4190
|
+
return /* @__PURE__ */ jsxs36("button", { onClick: handleClick, className: `fc:flex fc:h-[48px] fc:w-full fc:min-w-0 fc:items-center fc:gap-[6px] fc:rounded-[9px] fc:px-[6px]${item.component ? activeComponent === item.component ? "bg-blue-50 text-blue-600" : "text-[#344261] hover:bg-[#F6F8FC]" : router.pathname === item.path ? "bg-blue-50 text-blue-600" : "text-[#344261] hover:bg-[#F6F8FC]"}`, children: [
|
|
4202
4191
|
/* @__PURE__ */ jsx36(Icon, { size: 16 }),
|
|
4203
4192
|
/* @__PURE__ */ jsx36("span", { className: "fc:min-w-0 fc:flex-1 fc:whitespace-nowrap fc:text-[13px] fc:font-medium fc:leading-[20px]", children: item.name })
|
|
4204
4193
|
] }, item.name);
|
|
@@ -4227,7 +4216,7 @@ function Sidebar({
|
|
|
4227
4216
|
};
|
|
4228
4217
|
const renderDropdown = (title, open, setOpen, items, HeadingIcon) => {
|
|
4229
4218
|
return /* @__PURE__ */ jsxs36("div", { className: "fc:mb-2", children: [
|
|
4230
|
-
/* @__PURE__ */ jsxs36("button", { type: "button", onClick: () => setOpen(!open), className: "fc:flex fc:h-[50px] fc:w-full fc:items-center fc:justify-between fc:rounded-[9px] fc:px-[17px] fc:text-left fc:text-[#344261] fc:transition-colors fc:duration-150 hover:fc:bg-[#F6F8FC]", children: [
|
|
4219
|
+
/* @__PURE__ */ jsxs36("button", { type: "button", onClick: () => setOpen(!open), className: "fc:flex fc:h-[50px] fc:w-full fc:items-center fc:justify-between fc:rounded-[9px] fc:px-[17px] fc:text-left fc:text-[#344261] fc:transition-colors fc:duration-150 hover:fc:fc:bg-[#F6F8FC]", children: [
|
|
4231
4220
|
/* @__PURE__ */ jsxs36("div", { className: "fc:flex fc:items-center fc:gap-[8px]", children: [
|
|
4232
4221
|
HeadingIcon && /* @__PURE__ */ jsx36(HeadingIcon, { size: 18, className: "fc:text-[#405170] fc:shrink-0" }),
|
|
4233
4222
|
/* @__PURE__ */ jsx36("span", { className: "fc:text-[16px] fc:font-semibold", children: title })
|
|
@@ -4238,13 +4227,7 @@ function Sidebar({
|
|
|
4238
4227
|
] });
|
|
4239
4228
|
};
|
|
4240
4229
|
return /* @__PURE__ */ jsxs36(Fragment3, { children: [
|
|
4241
|
-
/* @__PURE__ */ jsxs36("aside", { className: `
|
|
4242
|
-
flex h-screen flex-col overflow-hidden
|
|
4243
|
-
border-r border-[#E5E9F1] bg-white
|
|
4244
|
-
font-sans text-[#273657]
|
|
4245
|
-
transition-all duration-300 ease-in-out
|
|
4246
|
-
${isOpen ? "w-[285px] min-w-[285px] translate-x-0 opacity-100" : "w-0 min-w-0 -translate-x-full opacity-0"}
|
|
4247
|
-
`, children: [
|
|
4230
|
+
/* @__PURE__ */ jsxs36("aside", { className: `fc:flex fc:h-screen fc:flex-col fc:overflow-hidden fc:border-r fc:border-[#E5E9F1] fc:bg-white fc:font-sans fc:text-[#273657] fc:transition-all fc:duration-300 fc:ease-in-out${isOpen ? "w-[285px] min-w-[285px] translate-x-0 opacity-100" : "w-0 min-w-0 -translate-x-full opacity-0"}`, children: [
|
|
4248
4231
|
/* @__PURE__ */ jsxs36("header", { className: "fc:flex fc:h-[84px] fc:items-center fc:justify-between fc:border-b fc:border-[#EDF0F5] fc:px-[14px]", children: [
|
|
4249
4232
|
/* @__PURE__ */ jsxs36("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
|
|
4250
4233
|
/* @__PURE__ */ jsxs36("svg", { width: "36", height: "42", viewBox: "0 0 48 56", fill: "none", children: [
|
|
@@ -4258,7 +4241,7 @@ function Sidebar({
|
|
|
4258
4241
|
/* @__PURE__ */ jsx36("p", { className: "fc:text-[12px] fc:text-[#344261]", children: "Workflow Engine" })
|
|
4259
4242
|
] })
|
|
4260
4243
|
] }),
|
|
4261
|
-
/* @__PURE__ */ jsx36("button", { type: "button", onClick: onToggle, className: "fc:flex fc:h-8 fc:w-8 fc:items-center fc:justify-center fc:rounded-lg hover:fc:bg-gray-100", children: /* @__PURE__ */ jsx36(RiMenuLine, { size: 18 }) })
|
|
4244
|
+
/* @__PURE__ */ jsx36("button", { type: "button", onClick: onToggle, className: "fc:flex fc:h-8 fc:w-8 fc:items-center fc:justify-center fc:rounded-lg hover:fc:fc:bg-gray-100", children: /* @__PURE__ */ jsx36(RiMenuLine, { size: 18 }) })
|
|
4262
4245
|
] }),
|
|
4263
4246
|
/* @__PURE__ */ jsxs36("div", { className: "fc:min-h-0 fc:flex-1 fc:overflow-y-auto fc:overflow-x-hidden fc:px-[27px] fc:pb-[30px] fc:pt-[31px]", children: [
|
|
4264
4247
|
/* @__PURE__ */ jsx36("p", { className: "fc:mb-[19px] fc:ml-[15px] fc:text-[14px] fc:font-bold fc:uppercase fc:leading-[20px] fc:tracking-[0.2px] fc:text-[#3C4D74]", children: "Configuration Masters" }),
|
|
@@ -4276,17 +4259,17 @@ function Sidebar({
|
|
|
4276
4259
|
renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, RiMessage2Line)
|
|
4277
4260
|
] })
|
|
4278
4261
|
] }),
|
|
4279
|
-
/* @__PURE__ */ jsx36("div", { className: "fc:shrink-0 fc:bg-white fc:px-[27px] fc:pb-[34px] fc:pt-[18px]", children: /* @__PURE__ */ jsxs36("button", { type: "button", className: "fc:flex fc:h-[66px] fc:w-full fc:items-center fc:gap-[18px] fc:rounded-[10px] fc:border fc:border-[#E1E5ED] fc:bg-white fc:px-[23px] fc:text-left fc:text-[16px] fc:font-semibold fc:text-[#2D3A58] fc:shadow-sm hover:fc:bg-[#F7F8FC] fc:transition", children: [
|
|
4262
|
+
/* @__PURE__ */ jsx36("div", { className: "fc:shrink-0 fc:bg-white fc:px-[27px] fc:pb-[34px] fc:pt-[18px]", children: /* @__PURE__ */ jsxs36("button", { type: "button", className: "fc:flex fc:h-[66px] fc:w-full fc:items-center fc:gap-[18px] fc:rounded-[10px] fc:border fc:border-[#E1E5ED] fc:bg-white fc:px-[23px] fc:text-left fc:text-[16px] fc:font-semibold fc:text-[#2D3A58] fc:shadow-sm hover:fc:fc:bg-[#F7F8FC] fc:transition", children: [
|
|
4280
4263
|
/* @__PURE__ */ jsx36(RiSettings4Line, { size: 20 }),
|
|
4281
4264
|
/* @__PURE__ */ jsx36("span", { children: "Settings" })
|
|
4282
4265
|
] }) })
|
|
4283
4266
|
] }),
|
|
4284
4267
|
/* @__PURE__ */ jsx36("div", { className: "fc:flex-1 fc:overflow-auto fc:bg-[#F5F7FB]", children: renderContent() }),
|
|
4285
|
-
!isOpen && /* @__PURE__ */ jsx36("button", { type: "button", onClick: onToggle, "aria-label": "Open sidebar", className: "fc:fixed fc:left-[20px] fc:top-[30px] fc:z-[100] fc:flex fc:h-[46px] fc:w-[46px] fc:items-center fc:justify-center fc:rounded-[9px] fc:border fc:border-[#E1E5ED] fc:bg-white fc:text-[#344261] fc:shadow-[0_2px_8px_rgba(0,0,0,0.08)] fc:transition-colors hover:fc:bg-[#F3F5F9]", children: /* @__PURE__ */ jsx36(RiMenuLine, { size: 18 }) })
|
|
4268
|
+
!isOpen && /* @__PURE__ */ jsx36("button", { type: "button", onClick: onToggle, "aria-label": "Open sidebar", className: "fc:fixed fc:left-[20px] fc:top-[30px] fc:z-[100] fc:flex fc:h-[46px] fc:w-[46px] fc:items-center fc:justify-center fc:rounded-[9px] fc:border fc:border-[#E1E5ED] fc:bg-white fc:text-[#344261] fc:shadow-[0_2px_8px_rgba(0,0,0,0.08)] fc:transition-colors hover:fc:fc:bg-[#F3F5F9]", children: /* @__PURE__ */ jsx36(RiMenuLine, { size: 18 }) })
|
|
4286
4269
|
] });
|
|
4287
4270
|
}
|
|
4288
4271
|
|
|
4289
|
-
//
|
|
4272
|
+
// src/components/Layout.jsx
|
|
4290
4273
|
import { useState as useState22 } from "react";
|
|
4291
4274
|
import { jsx as jsx37 } from "react/jsx-runtime";
|
|
4292
4275
|
var Layout = ({
|
|
@@ -4298,6 +4281,5 @@ var Layout = ({
|
|
|
4298
4281
|
var Layout_default = Layout;
|
|
4299
4282
|
export {
|
|
4300
4283
|
Layout_default as Layout,
|
|
4301
|
-
Sidebar
|
|
4302
|
-
WorkflowPage
|
|
4284
|
+
Sidebar
|
|
4303
4285
|
};
|