akeyless-client-commons 1.0.127 → 1.0.129

package/dist/components/index.mjs

@@ -1,4 +1,4 @@
-// src/components/utils/Checkboxes.tsx
+// src/helpers/firebase.ts
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -358,114 +358,6 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
-import { jsx, jsxs } from "react/jsx-runtime";
-var Checkbox = function(param) {
-    var id = param.id, checked = param.checked, setChecked = param.setChecked, _param_rotate = param.rotate, rotate = _param_rotate === void 0 ? true : _param_rotate, style = param.style;
-    return /* @__PURE__ */ jsxs("div", {
-        className: "checkbox-wrapper-51",
-        children: [
-            /* @__PURE__ */ jsx("input", {
-                type: "checkbox",
-                id: id,
-                className: "hidden",
-                checked: checked,
-                onChange: function() {
-                    return setChecked(!checked);
-                }
-            }),
-            /* @__PURE__ */ jsxs("label", {
-                htmlFor: id,
-                className: "relative block w-[42px] h-[24px] cursor-pointer transform-gpu",
-                children: [
-                    /* @__PURE__ */ jsx("div", {
-                        className: "relative top-[1px] left-[1px] w-[40px] h-[22px] rounded-[12px] transition-colors duration-200 ease-in-out ".concat(checked ? "bg-[#52d66b]" : "bg-[#c8ccd4]")
-                    }),
-                    /* @__PURE__ */ jsx("span", {
-                        className: "absolute ".concat(rotate ? "left-0" : "right-0", " top-0  w-[24px] h-[24px] bg-white rounded-full shadow-md transition-transform duration-200 ease-in-out ").concat(checked ? rotate ? "translate-x-[18px]" : "-translate-x-[18px]" : ""),
-                        children: /* @__PURE__ */ jsx("svg", {
-                            width: "10px",
-                            height: "10px",
-                            viewBox: "0 0 10 10",
-                            className: "m-[7px] fill-none",
-                            children: /* @__PURE__ */ jsx("path", {
-                                d: "M5,1 L5,1 C2.790861,1 1,2.790861 1,5 L1,5 C1,7.209139 2.790861,9 5,9 L5,9 C7.209139,9 9,7.209139 9,5 L9,5 C9,2.790861 7.209139,1 5,1 L5,9 L5,1 Z",
-                                strokeWidth: "2",
-                                strokeLinecap: "round",
-                                strokeLinejoin: "round",
-                                className: "transition-all duration-500 linear",
-                                stroke: checked ? "#52d66b" : "#c8ccd4",
-                                style: {
-                                    strokeDasharray: checked ? "25" : "24",
-                                    strokeDashoffset: checked ? "25" : "0"
-                                }
-                            })
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-};
-// src/components/utils/ErrorBoundary.tsx
-import React from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var ErrorBoundary = /*#__PURE__*/ function(_React_Component) {
-    "use strict";
-    _inherits(ErrorBoundary, _React_Component);
-    function ErrorBoundary(props) {
-        _class_call_check(this, ErrorBoundary);
-        var _this;
-        _this = _call_super(this, ErrorBoundary, [
-            props
-        ]);
-        _this.state = {
-            hasError: false,
-            error: null,
-            errorInfo: null
-        };
-        return _this;
-    }
-    _create_class(ErrorBoundary, [
-        {
-            key: "componentDidCatch",
-            value: function componentDidCatch(error, errorInfo) {
-                console.error("Error:", error);
-                console.log("Error Info:", errorInfo);
-                this.setState({
-                    errorInfo: errorInfo
-                });
-            }
-        },
-        {
-            key: "render",
-            value: function render() {
-                if (this.state.hasError) {
-                    return this.props.fallback || /* @__PURE__ */ jsx2("div", {
-                        className: "full center",
-                        children: /* @__PURE__ */ jsx2("h1", {
-                            children: "\u05DE\u05E9\u05D4\u05D5 \u05D4\u05E9\u05EA\u05D1\u05E9...."
-                        })
-                    });
-                }
-                return this.props.children;
-            }
-        }
-    ], [
-        {
-            key: "getDerivedStateFromError",
-            value: function getDerivedStateFromError(error) {
-                return {
-                    hasError: true,
-                    error: error
-                };
-            }
-        }
-    ]);
-    return ErrorBoundary;
-}(React.Component);
-// src/components/utils/loaders.tsx
-import { ClipLoader } from "react-spinners";
-// src/helpers/firebase.ts
 import moment from "moment";
 import { initializeApp } from "firebase/app";
 import { getStorage } from "firebase/storage";
@@ -1017,7 +909,126 @@ var baseDomain = mode === "qa" ? "https://nx-api.xyz/api" : "https://nx-api.info
 var devicesDomain = isLocal ? "http://localhost:9001/api/devices" : baseDomain + "/devices";
 var biDomain = isLocal ? "http://localhost:9002/api/bi" : baseDomain + "/bi";
 var callCenterDomain = isLocal ? "http://localhost:9003/api/call-center" : baseDomain + "/call-center";
+// src/components/utils/Checkboxes.tsx
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Checkbox = function(param) {
+    var id = param.id, checked = param.checked, setChecked = param.setChecked, _param_rotate = param.rotate, rotate = _param_rotate === void 0 ? true : _param_rotate, className = param.className, circleClassName = param.circleClassName, containerClassName = param.containerClassName, elementClassName = param.elementClassName, name = param.name;
+    var isControlled = typeof checked === "boolean" && typeof setChecked === "function";
+    var _useState = _sliced_to_array(useState(false), 2), internalChecked = _useState[0], setInternalChecked = _useState[1];
+    var actualChecked = isControlled ? checked : internalChecked;
+    var toggleChecked = function() {
+        if (isControlled) {
+            setChecked(!checked);
+        } else {
+            setInternalChecked(function(prev) {
+                return !prev;
+            });
+        }
+    };
+    return /* @__PURE__ */ jsxs("div", {
+        className: containerClassName,
+        children: [
+            /* @__PURE__ */ jsx("input", {
+                name: name,
+                type: "checkbox",
+                id: id,
+                className: "hidden",
+                checked: actualChecked,
+                onChange: toggleChecked
+            }),
+            /* @__PURE__ */ jsxs("label", {
+                htmlFor: id,
+                className: cn("relative block w-[42px] h-[24px] cursor-pointer transform-gpu", className),
+                children: [
+                    /* @__PURE__ */ jsx("div", {
+                        className: cn("relative top-[1px] left-[1px] w-[40px] h-[22px] rounded-[12px] transition-colors duration-200 ease-in-out ".concat(actualChecked ? "bg-[#52d66b]" : "bg-[#c8ccd4]"), elementClassName)
+                    }),
+                    /* @__PURE__ */ jsx("span", {
+                        className: cn("absolute ".concat(rotate ? "left-0" : "right-0", " top-0 w-[24px] h-[24px] bg-white rounded-full shadow-md transition-transform duration-200 ease-in-out ").concat(actualChecked ? rotate ? "translate-x-[18px]" : "-translate-x-[18px]" : ""), circleClassName),
+                        children: /* @__PURE__ */ jsx("svg", {
+                            width: "10px",
+                            height: "10px",
+                            viewBox: "0 0 10 10",
+                            className: "m-[7px] fill-none",
+                            children: /* @__PURE__ */ jsx("path", {
+                                d: "M5,1 L5,1 C2.790861,1 1,2.790861 1,5 L1,5 C1,7.209139 2.790861,9 5,9 L5,9 C7.209139,9 9,7.209139 9,5 L9,5 C9,2.790861 7.209139,1 5,1 L5,9 L5,1 Z",
+                                strokeWidth: "2",
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round",
+                                className: "transition-all duration-500 linear",
+                                stroke: actualChecked ? "#52d66b" : "#c8ccd4",
+                                style: {
+                                    strokeDasharray: actualChecked ? "25" : "24",
+                                    strokeDashoffset: actualChecked ? "25" : "0"
+                                }
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+// src/components/utils/ErrorBoundary.tsx
+import React2 from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ErrorBoundary = /*#__PURE__*/ function(_React2_Component) {
+    "use strict";
+    _inherits(ErrorBoundary, _React2_Component);
+    function ErrorBoundary(props) {
+        _class_call_check(this, ErrorBoundary);
+        var _this;
+        _this = _call_super(this, ErrorBoundary, [
+            props
+        ]);
+        _this.state = {
+            hasError: false,
+            error: null,
+            errorInfo: null
+        };
+        return _this;
+    }
+    _create_class(ErrorBoundary, [
+        {
+            key: "componentDidCatch",
+            value: function componentDidCatch(error, errorInfo) {
+                console.error("Error:", error);
+                console.log("Error Info:", errorInfo);
+                this.setState({
+                    errorInfo: errorInfo
+                });
+            }
+        },
+        {
+            key: "render",
+            value: function render() {
+                if (this.state.hasError) {
+                    return this.props.fallback || /* @__PURE__ */ jsx2("div", {
+                        className: "full center",
+                        children: /* @__PURE__ */ jsx2("h1", {
+                            children: "\u05DE\u05E9\u05D4\u05D5 \u05D4\u05E9\u05EA\u05D1\u05E9...."
+                        })
+                    });
+                }
+                return this.props.children;
+            }
+        }
+    ], [
+        {
+            key: "getDerivedStateFromError",
+            value: function getDerivedStateFromError(error) {
+                return {
+                    hasError: true,
+                    error: error
+                };
+            }
+        }
+    ]);
+    return ErrorBoundary;
+}(React2.Component);
 // src/components/utils/loaders.tsx
+import { ClipLoader } from "react-spinners";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var Loader = function(param) {
     var color = param.color, size3 = param.size, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style, _param_className = param.className, className = _param_className === void 0 ? "" : _param_className;
@@ -1044,7 +1055,7 @@ var Version = function(param) {
     });
 };
 // src/components/utils/LoginWithGoogle.tsx
-import { useState } from "react";
+import { useState as useState2 } from "react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var GoogleSvg = function(param) {
     var _param_width = param.width, width = _param_width === void 0 ? "20px" : _param_width, _param_height = param.height, height = _param_height === void 0 ? "20px" : _param_height, _param_viewBox = param.viewBox, viewBox = _param_viewBox === void 0 ? "0 0 256 266" : _param_viewBox;
@@ -1079,7 +1090,7 @@ var LoginWithGoogleButton = function(param) {
         color: "#000"
     } : _param_loaderProps, googleSvgProps = param.googleSvgProps, buttonProps = param.buttonProps, appName = param.appName;
     var signInWithGoogle = useLoginWithGoogle();
-    var _useState = _sliced_to_array(useState(false), 2), isLoading = _useState[0], setIsLoading = _useState[1];
+    var _useState2 = _sliced_to_array(useState2(false), 2), isLoading = _useState2[0], setIsLoading = _useState2[1];
     var onLoginClick = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(e) {
             var user, dbUser, token, userPermissions, error;
@@ -1419,11 +1430,11 @@ var exportToExcelSvg = function(width, height, viewBox) {
     });
 };
 // src/components/table/hooks.tsx
-import { useContext as useContext2, useDeferredValue, useState as useState3, useTransition } from "react";
+import { useContext as useContext2, useDeferredValue, useState as useState4, useTransition } from "react";
 import { create } from "zustand";
 import { isEqual as isEqual3 } from "lodash";
 // src/components/table/Table.tsx
-import React2, { createContext, useMemo } from "react";
+import React3, { createContext, useMemo } from "react";
 import { isEqual as isEqual2 } from "lodash";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var TableContext = createContext(null);
@@ -1580,7 +1591,7 @@ var TableBase = function(props) {
 var areEqual = function(prevProps, nextProps) {
     return isEqual2(prevProps, nextProps);
 };
-var Table = React2.memo(TableBase, areEqual);
+var Table = React3.memo(TableBase, areEqual);
 Table.displayName = "Table";
 // src/components/table/hooks.tsx
 var useTableContext = function() {
@@ -1595,8 +1606,8 @@ var useFilter = function(param) {
     var initFilter = filterableColumns.reduce(function(acc, col) {
         return _object_spread_props(_object_spread({}, acc), _define_property({}, col.dataKey, []));
     }, {});
-    var _useState3 = _sliced_to_array(useState3(initFilter), 2), filters = _useState3[0], setFilters = _useState3[1];
-    var _useState31 = _sliced_to_array(useState3(""), 2), filterPopupsDisplay = _useState31[0], setFilterPopupsDisplay = _useState31[1];
+    var _useState4 = _sliced_to_array(useState4(initFilter), 2), filters = _useState4[0], setFilters = _useState4[1];
+    var _useState41 = _sliced_to_array(useState4(""), 2), filterPopupsDisplay = _useState41[0], setFilterPopupsDisplay = _useState41[1];
     var filterOptions = filterableColumns.reduce(function(acc, col) {
         acc[col.dataKey] = Array.from(new Set(data.map(function(item) {
             return item[col.dataKey];
@@ -1642,8 +1653,8 @@ var useFilter = function(param) {
     };
 };
 var useSort = function() {
-    var _useState3 = _sliced_to_array(useState3(null), 2), sortColumn = _useState3[0], setSortColumn = _useState3[1];
-    var _useState31 = _sliced_to_array(useState3(null), 2), sortOrder = _useState31[0], setSortOrder = _useState31[1];
+    var _useState4 = _sliced_to_array(useState4(null), 2), sortColumn = _useState4[0], setSortColumn = _useState4[1];
+    var _useState41 = _sliced_to_array(useState4(null), 2), sortOrder = _useState41[0], setSortOrder = _useState41[1];
     var handleSort = function(columnIndex) {
         var newSortOrder = "asc";
         if (sortColumn === columnIndex && sortOrder === "asc") {
@@ -1668,14 +1679,14 @@ var useSort = function() {
     };
 };
 var useDisplayToggle = function() {
-    var _useState3 = _sliced_to_array(useState3(false), 2), displayAllRows = _useState3[0], setDisplayAllRows = _useState3[1];
+    var _useState4 = _sliced_to_array(useState4(false), 2), displayAllRows = _useState4[0], setDisplayAllRows = _useState4[1];
     return {
         displayAllRows: displayAllRows,
         setDisplayAllRows: setDisplayAllRows
     };
 };
 var useSearch = function() {
-    var _useState3 = _sliced_to_array(useState3(""), 2), searchQuery = _useState3[0], setSearchQuery = _useState3[1];
+    var _useState4 = _sliced_to_array(useState4(""), 2), searchQuery = _useState4[0], setSearchQuery = _useState4[1];
     var _useTransition = _sliced_to_array(useTransition(), 2), isPending = _useTransition[0], startTransition = _useTransition[1];
     var deferredSearchQuery = useDeferredValue(searchQuery);
     var handleSearch = function(e) {
@@ -1729,7 +1740,7 @@ function Badge(_param) {
 // src/components/ui/button.tsx
 import { Slot } from "@radix-ui/react-slot";
 import { cva as cva2 } from "class-variance-authority";
-import * as React3 from "react";
+import * as React4 from "react";
 import { jsx as jsx9 } from "react/jsx-runtime";
 var buttonVariants = cva2("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", {
     variants: {
@@ -1753,7 +1764,7 @@ var buttonVariants = cva2("inline-flex items-center justify-center gap-2 whitesp
         size: "default"
     }
 });
-var Button = React3.forwardRef(function(_param, ref) {
+var Button = React4.forwardRef(function(_param, ref) {
     var className = _param.className, variant = _param.variant, size3 = _param.size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, props = _object_without_properties(_param, [
         "className",
         "variant",
@@ -1773,9 +1784,9 @@ var Button = React3.forwardRef(function(_param, ref) {
 });
 Button.displayName = "Button";
 // src/components/ui/input.tsx
-import * as React4 from "react";
+import * as React5 from "react";
 import { jsx as jsx10 } from "react/jsx-runtime";
-var Input = React4.forwardRef(function(_param, ref) {
+var Input = React5.forwardRef(function(_param, ref) {
     var className = _param.className, type = _param.type, props = _object_without_properties(_param, [
         "className",
         "type"
@@ -1788,10 +1799,10 @@ var Input = React4.forwardRef(function(_param, ref) {
 });
 Input.displayName = "Input";
 // src/components/ui/progress.tsx
-import * as React5 from "react";
+import * as React6 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { jsx as jsx11 } from "react/jsx-runtime";
-var ProgressComponent = React5.forwardRef(function(_param, ref) {
+var ProgressComponent = React6.forwardRef(function(_param, ref) {
     var className = _param.className, value = _param.value, containerClassName = _param.containerClassName, indicatorClassName = _param.indicatorClassName, showValueClassName = _param.showValueClassName, _param_showValue = _param.showValue, showValue = _param_showValue === void 0 ? false : _param_showValue, props = _object_without_properties(_param, [
         "className",
         "value",
@@ -1824,19 +1835,19 @@ ProgressComponent.displayName = ProgressPrimitive.Root.displayName;
 import ReactDOM2 from "react-dom";
 import { Command as CommandPrimitive2, useCommandState } from "cmdk";
 import { X as X2 } from "lucide-react";
-import React9 from "react";
+import React10 from "react";
 import { forwardRef as forwardRef6, useEffect as useEffect4, useCallback as useCallback3, useMemo as useMemo4, useRef as useRef3 } from "react";
 // src/components/ui/command.tsx
 import { Command as CommandPrimitive } from "cmdk";
 import { Search as Search2 } from "lucide-react";
-import * as React7 from "react";
+import * as React8 from "react";
 // src/components/ui/dialog.tsx
-import * as React6 from "react";
+import * as React7 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
 import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React6.forwardRef(function(_param, ref) {
+var DialogOverlay = React7.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -1846,7 +1857,7 @@ var DialogOverlay = React6.forwardRef(function(_param, ref) {
     }, props));
 });
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React6.forwardRef(function(_param, ref) {
+var DialogContent = React7.forwardRef(function(_param, ref) {
     var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
         "className",
         "children"
@@ -1896,7 +1907,7 @@ var DialogFooter = function(_param) {
     }, props));
 };
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React6.forwardRef(function(_param, ref) {
+var DialogTitle = React7.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -1906,7 +1917,7 @@ var DialogTitle = React6.forwardRef(function(_param, ref) {
     }, props));
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React6.forwardRef(function(_param, ref) {
+var DialogDescription = React7.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -1918,7 +1929,7 @@ var DialogDescription = React6.forwardRef(function(_param, ref) {
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 // src/components/ui/command.tsx
 import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
-var Command = React7.forwardRef(function(_param, ref) {
+var Command = React8.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -1928,7 +1939,7 @@ var Command = React7.forwardRef(function(_param, ref) {
     }, props));
 });
 Command.displayName = CommandPrimitive.displayName;
-var CommandInput = React7.forwardRef(function(_param, ref) {
+var CommandInput = React8.forwardRef(function(_param, ref) {
     var className = _param.className, withSearchIcon = _param.withSearchIcon, props = _object_without_properties(_param, [
         "className",
         "withSearchIcon"
@@ -1950,7 +1961,7 @@ var CommandInput = React7.forwardRef(function(_param, ref) {
     });
 });
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React7.forwardRef(function(_param, ref) {
+var CommandList = React8.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -1960,14 +1971,14 @@ var CommandList = React7.forwardRef(function(_param, ref) {
     }, props));
 });
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React7.forwardRef(function(props, ref) {
+var CommandEmpty = React8.forwardRef(function(props, ref) {
     return /* @__PURE__ */ jsx13(CommandPrimitive.Empty, _object_spread({
         ref: ref,
         className: "py-6 text-center text-sm"
     }, props));
 });
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React7.forwardRef(function(_param, ref) {
+var CommandGroup = React8.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -1977,7 +1988,7 @@ var CommandGroup = React7.forwardRef(function(_param, ref) {
     }, props));
 });
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React7.forwardRef(function(_param, ref) {
+var CommandSeparator = React8.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -1987,7 +1998,7 @@ var CommandSeparator = React7.forwardRef(function(_param, ref) {
     }, props));
 });
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React7.forwardRef(function(_param, ref) {
+var CommandItem = React8.forwardRef(function(_param, ref) {
     var className = _param.className, props = _object_without_properties(_param, [
         "className"
     ]);
@@ -3571,7 +3582,7 @@ var computePosition2 = function(reference, floating, options) {
     }));
 };
 // node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
-import * as React8 from "react";
+import * as React9 from "react";
 import { useLayoutEffect, useEffect as useEffect3 } from "react";
 import * as ReactDOM from "react-dom";
 var index = typeof document !== "undefined" ? useLayoutEffect : useEffect3;
@@ -3634,7 +3645,7 @@ function roundByDPR(element, value) {
     return Math.round(value * dpr) / dpr;
 }
 function useLatestRef(value) {
-    var ref = React8.useRef(value);
+    var ref = React9.useRef(value);
     index(function() {
         ref.current = value;
     });
@@ -3645,27 +3656,27 @@ function useFloating(options) {
         options = {};
     }
     var _options_placement = options.placement, placement = _options_placement === void 0 ? "bottom" : _options_placement, _options_strategy = options.strategy, strategy = _options_strategy === void 0 ? "absolute" : _options_strategy, _options_middleware = options.middleware, middleware = _options_middleware === void 0 ? [] : _options_middleware, platform2 = options.platform, tmp = options.elements, _ref = tmp === void 0 ? {} : tmp, externalReference = _ref.reference, externalFloating = _ref.floating, _options_transform = options.transform, transform = _options_transform === void 0 ? true : _options_transform, whileElementsMounted = options.whileElementsMounted, open = options.open;
-    var _React8_useState = _sliced_to_array(React8.useState({
+    var _React9_useState = _sliced_to_array(React9.useState({
         x: 0,
         y: 0,
         strategy: strategy,
         placement: placement,
         middlewareData: {},
         isPositioned: false
-    }), 2), data = _React8_useState[0], setData = _React8_useState[1];
-    var _React8_useState1 = _sliced_to_array(React8.useState(middleware), 2), latestMiddleware = _React8_useState1[0], setLatestMiddleware = _React8_useState1[1];
+    }), 2), data = _React9_useState[0], setData = _React9_useState[1];
+    var _React9_useState1 = _sliced_to_array(React9.useState(middleware), 2), latestMiddleware = _React9_useState1[0], setLatestMiddleware = _React9_useState1[1];
     if (!deepEqual(latestMiddleware, middleware)) {
         setLatestMiddleware(middleware);
     }
-    var _React8_useState2 = _sliced_to_array(React8.useState(null), 2), _reference = _React8_useState2[0], _setReference = _React8_useState2[1];
-    var _React8_useState3 = _sliced_to_array(React8.useState(null), 2), _floating = _React8_useState3[0], _setFloating = _React8_useState3[1];
-    var setReference = React8.useCallback(function(node) {
+    var _React9_useState2 = _sliced_to_array(React9.useState(null), 2), _reference = _React9_useState2[0], _setReference = _React9_useState2[1];
+    var _React9_useState3 = _sliced_to_array(React9.useState(null), 2), _floating = _React9_useState3[0], _setFloating = _React9_useState3[1];
+    var setReference = React9.useCallback(function(node) {
         if (node !== referenceRef.current) {
             referenceRef.current = node;
             _setReference(node);
         }
     }, []);
-    var setFloating = React8.useCallback(function(node) {
+    var setFloating = React9.useCallback(function(node) {
         if (node !== floatingRef.current) {
             floatingRef.current = node;
             _setFloating(node);
@@ -3673,14 +3684,14 @@ function useFloating(options) {
     }, []);
     var referenceEl = externalReference || _reference;
     var floatingEl = externalFloating || _floating;
-    var referenceRef = React8.useRef(null);
-    var floatingRef = React8.useRef(null);
-    var dataRef = React8.useRef(data);
+    var referenceRef = React9.useRef(null);
+    var floatingRef = React9.useRef(null);
+    var dataRef = React9.useRef(data);
     var hasWhileElementsMounted = whileElementsMounted != null;
     var whileElementsMountedRef = useLatestRef(whileElementsMounted);
     var platformRef = useLatestRef(platform2);
     var openRef = useLatestRef(open);
-    var update = React8.useCallback(function() {
+    var update = React9.useCallback(function() {
         if (!referenceRef.current || !floatingRef.current) {
             return;
         }
@@ -3726,7 +3737,7 @@ function useFloating(options) {
     }, [
         open
     ]);
-    var isMountedRef = React8.useRef(false);
+    var isMountedRef = React9.useRef(false);
     index(function() {
         isMountedRef.current = true;
         return function() {
@@ -3749,7 +3760,7 @@ function useFloating(options) {
         whileElementsMountedRef,
         hasWhileElementsMounted
     ]);
-    var refs = React8.useMemo(function() {
+    var refs = React9.useMemo(function() {
         return {
             reference: referenceRef,
             floating: floatingRef,
@@ -3760,7 +3771,7 @@ function useFloating(options) {
         setReference,
         setFloating
     ]);
-    var elements = React8.useMemo(function() {
+    var elements = React9.useMemo(function() {
         return {
             reference: referenceEl,
             floating: floatingEl
@@ -3769,7 +3780,7 @@ function useFloating(options) {
         referenceEl,
         floatingEl
     ]);
-    var floatingStyles = React8.useMemo(function() {
+    var floatingStyles = React9.useMemo(function() {
         var initialStyles = {
             position: strategy,
             left: 0,
@@ -3799,7 +3810,7 @@ function useFloating(options) {
         data.x,
         data.y
     ]);
-    return React8.useMemo(function() {
+    return React9.useMemo(function() {
         return _object_spread_props(_object_spread({}, data), {
             update: update,
             refs: refs,
@@ -3933,7 +3944,7 @@ var CommandEmpty2 = forwardRef6(function(_param, forwardedRef) {
 });
 CommandEmpty2.displayName = "CommandEmpty";
 function useDebounce(value, delay) {
-    var _React9_useState = _sliced_to_array(React9.useState(value), 2), debouncedValue = _React9_useState[0], setDebouncedValue = _React9_useState[1];
+    var _React10_useState = _sliced_to_array(React10.useState(value), 2), debouncedValue = _React10_useState[0], setDebouncedValue = _React10_useState[1];
     useEffect4(function() {
         var timer = setTimeout(function() {
             return setDebouncedValue(value);
@@ -3950,7 +3961,7 @@ function useDebounce(value, delay) {
 var MultipleSelector = forwardRef6(function(param, ref) {
     var value = param.value, onChange = param.onChange, placeholder = param.placeholder, tmp = param.defaultOptions, arrayDefaultOptions = tmp === void 0 ? [] : tmp, arrayOptions = param.options, delay = param.delay, onSearch = param.onSearch, onSearchSync = param.onSearchSync, loadingIndicator = param.loadingIndicator, emptyIndicator = param.emptyIndicator, _param_maxSelected = param.maxSelected, maxSelected = _param_maxSelected === void 0 ? Number.MAX_SAFE_INTEGER : _param_maxSelected, onMaxSelected = param.onMaxSelected, _param_hidePlaceholderWhenSelected = param.hidePlaceholderWhenSelected, hidePlaceholderWhenSelected = _param_hidePlaceholderWhenSelected === void 0 ? true : _param_hidePlaceholderWhenSelected, disabled = param.disabled, groupBy = param.groupBy, className = param.className, badgeClassName = param.badgeClassName, _param_selectFirstItem = param.selectFirstItem, selectFirstItem = _param_selectFirstItem === void 0 ? true : _param_selectFirstItem, createNewOptionLabel = param.createNewOptionLabel, _param_triggerSearchOnFocus = param.triggerSearchOnFocus, triggerSearchOnFocus = _param_triggerSearchOnFocus === void 0 ? true : _param_triggerSearchOnFocus, commandProps = param.commandProps, inputProps = param.inputProps, _param_hideClearAllButton = param.hideClearAllButton, hideClearAllButton = _param_hideClearAllButton === void 0 ? false : _param_hideClearAllButton, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, emptyIndicatorClassName = param.emptyIndicatorClassName, _param_unremovableOptions = param.unremovableOptions, unremovableOptions = _param_unremovableOptions === void 0 ? [] : _param_unremovableOptions, name = param.name, _param_dropdownContainerClassName = param.dropdownContainerClassName, dropdownContainerClassName = _param_dropdownContainerClassName === void 0 ? "" : _param_dropdownContainerClassName;
     var _containerRef_current;
-    var _React9_useState = _sliced_to_array(React9.useState(false), 2), isLoading = _React9_useState[0], setIsLoading = _React9_useState[1];
+    var _React10_useState = _sliced_to_array(React10.useState(false), 2), isLoading = _React10_useState[0], setIsLoading = _React10_useState[1];
     var _useFloating = useFloating({
         placement: "bottom-start",
         middleware: [
@@ -3966,14 +3977,14 @@ var MultipleSelector = forwardRef6(function(param, ref) {
         refs.setReference(node);
     };
     var inputRef = useRef3(null);
-    var _React9_useState1 = _sliced_to_array(React9.useState(false), 2), open = _React9_useState1[0], setOpen = _React9_useState1[1];
-    var _React9_useState2 = _sliced_to_array(React9.useState(false), 2), onScrollbar = _React9_useState2[0], setOnScrollbar = _React9_useState2[1];
+    var _React10_useState1 = _sliced_to_array(React10.useState(false), 2), open = _React10_useState1[0], setOpen = _React10_useState1[1];
+    var _React10_useState2 = _sliced_to_array(React10.useState(false), 2), onScrollbar = _React10_useState2[0], setOnScrollbar = _React10_useState2[1];
     var dropdownRef = useRef3(null);
-    var _React9_useState3 = _sliced_to_array(React9.useState(value || []), 2), selected = _React9_useState3[0], setSelected = _React9_useState3[1];
-    var _React9_useState4 = _sliced_to_array(React9.useState(transToGroupOption(arrayDefaultOptions, groupBy)), 2), options = _React9_useState4[0], setOptions = _React9_useState4[1];
-    var _React9_useState5 = _sliced_to_array(React9.useState(""), 2), inputValue = _React9_useState5[0], setInputValue = _React9_useState5[1];
+    var _React10_useState3 = _sliced_to_array(React10.useState(value || []), 2), selected = _React10_useState3[0], setSelected = _React10_useState3[1];
+    var _React10_useState4 = _sliced_to_array(React10.useState(transToGroupOption(arrayDefaultOptions, groupBy)), 2), options = _React10_useState4[0], setOptions = _React10_useState4[1];
+    var _React10_useState5 = _sliced_to_array(React10.useState(""), 2), inputValue = _React10_useState5[0], setInputValue = _React10_useState5[1];
     var debouncedSearchTerm = useDebounce(inputValue, delay || 500);
-    React9.useImperativeHandle(ref, function() {
+    React10.useImperativeHandle(ref, function() {
         return {
             selectedValue: _to_consumable_array(selected),
             input: inputRef.current,
@@ -4507,15 +4518,15 @@ function PopoverContent(_param) {
 }
 // src/components/ui/SearchSelect.tsx
 import { CheckIcon, ChevronDownIcon } from "lucide-react";
-import { useCallback as useCallback4, useEffect as useEffect5, useId, useMemo as useMemo5, useState as useState5 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect5, useId, useMemo as useMemo5, useState as useState6 } from "react";
 import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
 function SearchSelect(param) {
     var options = param.options, name = param.name, _param_selectPlaceholder = param.selectPlaceholder, selectPlaceholder = _param_selectPlaceholder === void 0 ? "Select" : _param_selectPlaceholder, defaultValue = param.defaultValue, _param_searchPlaceholder = param.searchPlaceholder, searchPlaceholder = _param_searchPlaceholder === void 0 ? "Search" : _param_searchPlaceholder, dropdownClassName = param.dropdownClassName, dropdownOptionClassName = param.dropdownOptionClassName, notFoundLabel = param.notFoundLabel, notFoundLabelClassName = param.notFoundLabelClassName, elementClassName = param.elementClassName, searchClassName = param.searchClassName, buttonClassName = param.buttonClassName, buttonFocusClassName = param.buttonFocusClassName, value = param.value, disabled = param.disabled, onChange = param.onChange, direction = param.direction, createNewOptionLabel = param.createNewOptionLabel, createNewOptionContainerClassName = param.createNewOptionContainerClassName;
     var id = useId();
-    var _useState5 = _sliced_to_array(useState5(false), 2), open = _useState5[0], setOpen = _useState5[1];
-    var _useState51 = _sliced_to_array(useState5(value || defaultValue || ""), 2), selectedValue = _useState51[0], setSelectedValue = _useState51[1];
-    var _useState52 = _sliced_to_array(useState5(""), 2), searchQuery = _useState52[0], setSearchQuery = _useState52[1];
-    var _useState53 = _sliced_to_array(useState5([]), 2), newOptions = _useState53[0], setNewOptions = _useState53[1];
+    var _useState6 = _sliced_to_array(useState6(false), 2), open = _useState6[0], setOpen = _useState6[1];
+    var _useState61 = _sliced_to_array(useState6(value || defaultValue || ""), 2), selectedValue = _useState61[0], setSelectedValue = _useState61[1];
+    var _useState62 = _sliced_to_array(useState6(""), 2), searchQuery = _useState62[0], setSearchQuery = _useState62[1];
+    var _useState63 = _sliced_to_array(useState6([]), 2), newOptions = _useState63[0], setNewOptions = _useState63[1];
     useEffect5(function() {
         if (!defaultValue && onChange) {
             setSelectedValue(value);
@@ -5178,12 +5189,12 @@ var NumberUI = function(param) {
     });
 };
 // src/components/forms/ModularForm/ModularForm.tsx
-import { cloneElement, useEffect as useEffect7, useRef as useRef5, useState as useState8 } from "react";
+import { cloneElement, useEffect as useEffect7, useRef as useRef5, useState as useState9 } from "react";
 // src/components/forms/ModularForm/formElements.tsx
-import { useCallback as useCallback5, useMemo as useMemo8, useState as useState7 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo8, useState as useState8 } from "react";
 // src/components/forms/ModularForm/InternationalPhonePicker.tsx
 import { ChevronDown, Phone } from "lucide-react";
-import { forwardRef as forwardRef7, useEffect as useEffect6, useMemo as useMemo7, useRef as useRef4, useState as useState6 } from "react";
+import { forwardRef as forwardRef7, useEffect as useEffect6, useMemo as useMemo7, useRef as useRef4, useState as useState7 } from "react";
 import * as RPNInput from "react-phone-number-input";
 import flags from "react-phone-number-input/flags";
 import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
@@ -5196,7 +5207,7 @@ function InternationalPhonePicker(param) {
             }
         }
     };
-    var _useState6 = _sliced_to_array(useState6(""), 2), tempPhoneValue = _useState6[0], setTempPhoneValue = _useState6[1];
+    var _useState7 = _sliced_to_array(useState7(""), 2), tempPhoneValue = _useState7[0], setTempPhoneValue = _useState7[1];
     useEffect6(function() {
         if (defaultValue) {
             if (setPhoneValue) {
@@ -5429,8 +5440,8 @@ var SelectContainer = function(param) {
     var _param_name = param.name, name = _param_name === void 0 ? "" : _param_name, _param_labelContent = param.labelContent, labelContent = _param_labelContent === void 0 ? "" : _param_labelContent, _param_containerClassName = param.containerClassName, containerClassName = _param_containerClassName === void 0 ? "" : _param_containerClassName, _param_labelClassName = param.labelClassName, labelClassName = _param_labelClassName === void 0 ? "" : _param_labelClassName, _param_defaultValue = param.defaultValue, defaultValue = _param_defaultValue === void 0 ? "" : _param_defaultValue, _param_elementClassName = param.elementClassName, elementClassName = _param_elementClassName === void 0 ? "" : _param_elementClassName, _param_optionClassName = param.optionClassName, optionClassName = _param_optionClassName === void 0 ? "" : _param_optionClassName, _param_required = param.required, required = _param_required === void 0 ? false : _param_required, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_selectClassName = param.selectClassName, selectClassName = _param_selectClassName === void 0 ? "" : _param_selectClassName, _param_optionsContainerClassName = param.optionsContainerClassName, optionsContainerClassName = _param_optionsContainerClassName === void 0 ? "" : _param_optionsContainerClassName, _param_sortDirection = param.sortDirection, sortDirection = _param_sortDirection === void 0 ? "abc" : _param_sortDirection, sortAsNumber = param.sortAsNumber, direction = param.direction, onChange = param.onChange, labelWithDots = param.labelWithDots, iconClassName = param.iconClassName, labelsCommonClassName = param.labelsCommonClassName;
     var _sortOptions_, _options_find;
     var sortOptions = useSortValues(options, sortDirection, sortAsNumber);
-    var _useState7 = _sliced_to_array(useState7(false), 2), isOpen = _useState7[0], setIsOpen = _useState7[1];
-    var _useState71 = _sliced_to_array(useState7(defaultValue || ((_sortOptions_ = sortOptions[0]) === null || _sortOptions_ === void 0 ? void 0 : _sortOptions_.value) || ""), 2), selectedValue = _useState71[0], setSelectedValue = _useState71[1];
+    var _useState8 = _sliced_to_array(useState8(false), 2), isOpen = _useState8[0], setIsOpen = _useState8[1];
+    var _useState81 = _sliced_to_array(useState8(defaultValue || ((_sortOptions_ = sortOptions[0]) === null || _sortOptions_ === void 0 ? void 0 : _sortOptions_.value) || ""), 2), selectedValue = _useState81[0], setSelectedValue = _useState81[1];
     var handleOptionClick = function(value) {
         setSelectedValue(value);
         onChange === null || onChange === void 0 ? void 0 : onChange(value);
@@ -5648,8 +5659,8 @@ var ModularForm = function(param) {
             return _ref.apply(this, arguments);
         };
     }() : _param_submitFunction, _param_elements = param.elements, elements = _param_elements === void 0 ? [] : _param_elements, headerContent = param.headerContent, buttonContent = param.buttonContent, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_headerClassName = param.headerClassName, headerClassName = _param_headerClassName === void 0 ? "" : _param_headerClassName, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, submitRef = param.submitRef, _param_footerClassName = param.footerClassName, footerClassName = _param_footerClassName === void 0 ? "" : _param_footerClassName, _param_errorClassName = param.errorClassName, errorClassName = _param_errorClassName === void 0 ? "" : _param_errorClassName, labelsCommonClassName = param.labelsCommonClassName, _param_autoFixLabelsWidth = param.autoFixLabelsWidth, autoFixLabelsWidth = _param_autoFixLabelsWidth === void 0 ? true : _param_autoFixLabelsWidth, onLoad = param.onLoad;
-    var _useState8 = _sliced_to_array(useState8(""), 2), errorMsg = _useState8[0], setErrorMsg = _useState8[1];
-    var _useState81 = _sliced_to_array(useState8(false), 2), isLoading = _useState81[0], setIsLoading = _useState81[1];
+    var _useState9 = _sliced_to_array(useState9(""), 2), errorMsg = _useState9[0], setErrorMsg = _useState9[1];
+    var _useState91 = _sliced_to_array(useState9(false), 2), isLoading = _useState91[0], setIsLoading = _useState91[1];
     var formRef = useRef5(null);
     useEffect7(function() {
         if (formRef.current && autoFixLabelsWidth) {
@@ -5824,7 +5835,7 @@ var ModularForm = function(param) {
 };
 var ModularForm_default = ModularForm;
 // src/components/forms/index.tsx
-import { useState as useState9 } from "react";
+import { useState as useState10 } from "react";
 import moment3 from "moment";
 import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 var ConfirmForm = function(param) {
@@ -5869,7 +5880,7 @@ var DatePicker = function(param) {
             return _ref.apply(this, arguments);
         };
     }() : _param_submit, _param_formClassName = param.formClassName, formClassName = _param_formClassName === void 0 ? "" : _param_formClassName, _param_labelsClassName = param.labelsClassName, labelsClassName = _param_labelsClassName === void 0 ? "" : _param_labelsClassName, _param_inputsClassName = param.inputsClassName, inputsClassName = _param_inputsClassName === void 0 ? "" : _param_inputsClassName, _param_buttonClassName = param.buttonClassName, buttonClassName = _param_buttonClassName === void 0 ? "" : _param_buttonClassName, _param_buttonStyle = param.buttonStyle, buttonStyle = _param_buttonStyle === void 0 ? {} : _param_buttonStyle, defaultFrom = param.defaultFrom, defaultTo = param.defaultTo, _param_direction = param.direction, direction = _param_direction === void 0 ? "rtl" : _param_direction, _param_fromText = param.fromText, fromText = _param_fromText === void 0 ? "From date" : _param_fromText, _param_toText = param.toText, toText = _param_toText === void 0 ? "To date" : _param_toText, _param_buttonText = param.buttonText, buttonText = _param_buttonText === void 0 ? "Search" : _param_buttonText;
-    var _useState9 = _sliced_to_array(useState9(false), 2), isLoading = _useState9[0], setIsLoading = _useState9[1];
+    var _useState10 = _sliced_to_array(useState10(false), 2), isLoading = _useState10[0], setIsLoading = _useState10[1];
     var onSubmit = /*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(e) {
             return _ts_generator(this, function(_state) {