@erpsquad/common 1.7.0 → 1.7.2

package/dist/{index-Dz5Y7-tW.esm.js → index-D-LS9re6.esm.js}

@@ -45615,7 +45615,7 @@ var newRowCellRenderer = {
   onPaste: () => void 0
 };
 var NumberOverlayEditor = React.lazy(
-  async () => await import("./number-overlay-editor-FPDVTUA6-ThTLoc9Q.esm.js")
+  async () => await import("./number-overlay-editor-FPDVTUA6-C0znNQy0.esm.js")
 );
 var numberCellRenderer = {
   getAccessibilityString: (c2) => {
@@ -49325,7 +49325,7 @@ var renderer5 = {
   })
 };
 var dropdown_cell_default = renderer5;
-var ArticleCellEditor = React.lazy(async () => await import("./article-cell-editor-JDI676YI-ql1HEe0N.esm.js"));
+var ArticleCellEditor = React.lazy(async () => await import("./article-cell-editor-JDI676YI-Bgq3iI1C.esm.js"));
 var renderer6 = {
   kind: GridCellKind.Custom,
   isMatch: (c2) => c2.data.kind === "article-cell",
@@ -50366,7 +50366,21 @@ const generateMenuItems$1 = ({
   const items = [];
   if (!multiple) {
     items.push(
-      /* @__PURE__ */ jsx(MenuItem, { disabled: true, value: "", sx: { opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }, children: /* @__PURE__ */ jsx(Typography$1, { type: "s3", color: "theme.secondary.1000", children: /* @__PURE__ */ jsx("em", { children: t2(placeholder) }) }) }, "placeholder")
+      /* @__PURE__ */ jsx(
+        MenuItem,
+        {
+          disabled: true,
+          value: "",
+          sx: {
+            opacity: `0 !important`,
+            height: `0 !important`,
+            p: `0 !important`,
+            m: `0 !important`
+          },
+          children: /* @__PURE__ */ jsx(Typography$1, { type: "s3", color: "theme.secondary.1000", children: /* @__PURE__ */ jsx("em", { children: t2(placeholder) }) })
+        },
+        "placeholder"
+      )
     );
   }
   const selectedValues = Array.isArray(values) && (values == null ? void 0 : values.length) > 0 ? values == null ? void 0 : values.filter((value) => value) : values;
@@ -50374,7 +50388,9 @@ const generateMenuItems$1 = ({
     const childValues = childOptions.map((child) => child.value);
     const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];
     const isParentSelected = valueArray.includes(parentValue);
-    const updatedValues = isParentSelected ? valueArray.filter((value) => value !== parentValue && !childValues.includes(value)) : [.../* @__PURE__ */ new Set([...valueArray, parentValue, ...childValues])];
+    const updatedValues = isParentSelected ? valueArray.filter(
+      (value) => value !== parentValue && !childValues.includes(value)
+    ) : [.../* @__PURE__ */ new Set([...valueArray, parentValue, ...childValues])];
     onChange(updatedValues);
     handleChange == null ? void 0 : handleChange(updatedValues);
   };
@@ -50401,7 +50417,9 @@ const generateMenuItems$1 = ({
               multiple && with_checkboxes && /* @__PURE__ */ jsx(
                 Checkbox,
                 {
-                  checked: hasParent ? isAllOptionsSelected(option.value, option.options || []) : Boolean(Array.isArray(selectedValues) ? selectedValues.includes(option.value) : selectedValues == option.value),
+                  checked: hasParent ? isAllOptionsSelected(option.value, option.options || []) : Boolean(
+                    Array.isArray(selectedValues) ? selectedValues.includes(option.value) : selectedValues == option.value
+                  ),
                   indeterminate: hasParent && isSomeOptionsSelected(option.options || []),
                   onChange: () => hasParent ? handleParentChange(option.value, option.options || []) : handleChange == null ? void 0 : handleChange(option.value)
                 }
@@ -50433,7 +50451,9 @@ const generateMenuItems$1 = ({
                   multiple && with_checkboxes && /* @__PURE__ */ jsx(
                     Checkbox,
                     {
-                      checked: Boolean(Array.isArray(values) && values.includes(opt.value))
+                      checked: Boolean(
+                        Array.isArray(values) && values.includes(opt.value)
+                      )
                     }
                   ),
                   /* @__PURE__ */ jsx(
@@ -50457,7 +50477,13 @@ const generateMenuItems$1 = ({
   if (field.enable_footer) {
     items.push(
       /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Divider, { flexItem: true, sx: { mt: "0.25rem !important", mb: "0.25rem !important" } }),
+        /* @__PURE__ */ jsx(
+          Divider,
+          {
+            flexItem: true,
+            sx: { mt: "0.25rem !important", mb: "0.25rem !important" }
+          }
+        ),
         /* @__PURE__ */ jsxs(MenuItem, { sx: { gap: 1 }, onClick: onFooterClick, children: [
           /* @__PURE__ */ jsx(Add, { fontSize: "small" }),
           /* @__PURE__ */ jsxs(Typography$1, { type: "s4", color: "theme.secondary.1000", children: [
@@ -50497,454 +50523,529 @@ const SelectedItems$1 = ({ data, options }) => {
   );
 };
 const Loading = () => /* @__PURE__ */ jsx(Typography$1, { fontStyle: "italic", color: "inherit", type: "s3", children: "Loading..." });
-const DynamicSearchSelect = React__default.memo((props) => {
-  const watchedValue = useWatch({
-    control: props.formControl,
-    name: `${props.fieldArrayName}.${props.name}`
-  });
-  const formContext = useFormContext();
-  const { setValue } = formContext || {};
-  const { t: t2 } = useTranslation();
-  const { isRtl } = useLanguage();
-  const selectRef = useRef(null);
-  const [options, setOptions] = useState([]);
-  const [selectedValue, setSelectedValue] = useState(null);
-  const [selectedOptions, setSelectedOptions] = useState([]);
-  const [loading, setLoading] = useState(false);
-  const [open, setOpen] = useState(false);
-  const [isAlreadyLoaded, setIsAlreadyLoaded] = useState(false);
-  const [prevFilter, setPrevFilter] = useState(null);
-  const [initialLoading, setInitialLoading] = useState(false);
-  const [searchQuery, setSearchQuery] = useState("");
-  const [searchInitiate, setSearchInitiate] = useState(false);
-  const [addConfig, setAddConfig] = useState(null);
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const [isAddLoading, setIsAddLoading] = useState(false);
-  const [pagination, setPagination] = useState({
-    page: 1,
-    hasMore: true,
-    isLoadingMore: false,
-    total: 0
-  });
-  const {
-    handleOptions,
-    isInternal = false,
-    disabledIds = [],
-    getSelectedData,
-    attributes = [],
-    filterKey: filterKey2 = "id",
-    customeFilter = {},
-    refresh,
-    handleChange,
-    hasParent = false,
-    sortOrder = "id:-1",
-    apiType,
-    addType
-  } = props;
-  const limit = 25;
-  const isInternalOptions = useMemo(() => {
-    return isInternal || !apiType;
-  }, [isInternal, apiType]);
-  const cf = useMemo(() => customeFilter, [JSON.stringify(customeFilter)]);
-  const searchOptionsLocally = useCallback((searchTerm, value) => {
-    var _a, _b;
-    if (!searchTerm) return props.options || [];
-    const lowercasedSearchTerm = searchTerm.toLowerCase();
-    const filteredOptions2 = hasParent ? ((_a = props.options) == null ? void 0 : _a.reduce((acc, opt) => {
-      var _a2;
-      const searchedOptions = (_a2 = opt.options) == null ? void 0 : _a2.filter((item) => {
-        const label = React__default.isValidElement(item.label) ? item.searchLabel : String(item.label);
-        return label == null ? void 0 : label.toLowerCase().includes(lowercasedSearchTerm);
-      });
-      if (searchedOptions == null ? void 0 : searchedOptions.length) {
-        acc.push({ ...opt, options: searchedOptions });
-      }
-      return acc;
-    }, [])) || [] : ((_b = props.options) == null ? void 0 : _b.filter((opt) => {
-      const label = React__default.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);
-      return label == null ? void 0 : label.toLowerCase().includes(lowercasedSearchTerm);
-    })) || [];
-    return sortBySelectedValues(filteredOptions2, value);
-  }, [props.options, hasParent]);
-  const getUniqueOptions = useCallback((data) => {
-    const uniqueOptions = [
-      ...new Map(data == null ? void 0 : data.map((item) => [item.value, item])).values()
-    ];
-    return uniqueOptions;
-  }, []);
-  const sortBySelectedValues = useCallback((arrayToSort, value) => {
-    const selectedValues = Array.isArray(value) ? value : [value];
-    const sortedValue = sortBy(arrayToSort, (item) => {
-      const index2 = selectedValues.indexOf(item.id || item.value);
-      return index2 == -1 ? Infinity : index2;
+const DynamicSearchSelect = React__default.memo(
+  (props) => {
+    const watchedValue = useWatch({
+      control: props.formControl,
+      name: `${props.fieldArrayName}.${props.name}`
     });
-    return sortedValue;
-  }, []);
-  const filteredOptions = useMemo(() => {
-    if (isInternalOptions) {
-      return searchOptionsLocally(searchQuery, watchedValue);
-    }
-    return sortBySelectedValues(getUniqueOptions([...options, ...selectedOptions]), watchedValue);
-  }, [options, selectedOptions, isInternalOptions, props.options, watchedValue, searchQuery, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);
-  const fetchOptions = useCallback(async (searchTerm = "", flt = cf, page = 1, append2 = false) => {
-    if (!apiType) return [];
-    setLoading(true);
-    if (page > 1) {
-      setPagination((prev) => ({ ...prev, isLoadingMore: true }));
-    }
-    try {
-      const { data = [], pagination: pagination2 = {} } = await fetchApi({
-        apiKey: apiType,
-        filters: {
-          limit,
-          skip: (page - 1) * limit,
-          search: searchTerm,
-          filters: flt,
-          select: attributes,
-          order: sortOrder
-        }
-      });
-      if (data && Array.isArray(data)) {
-        const newOptions = append2 ? [...options, ...data] : data;
-        updateOptions(newOptions, append2);
-        handleSelectedValue(data);
-        setPagination((prev) => ({
-          ...prev,
-          page,
-          hasMore: (pagination2 == null ? void 0 : pagination2.totalCount) > page * limit,
-          total: pagination2 == null ? void 0 : pagination2.totalCount,
-          isLoadingMore: false
-        }));
-      }
-      return data || [];
-    } catch (error) {
-      console.error("Error fetching options:", error);
-      setPagination((prev) => ({ ...prev, isLoadingMore: false }));
-      return [];
-    } finally {
-      setLoading(false);
-    }
-  }, [apiType, options, attributes, sortOrder, limit, cf]);
-  const handleScroll = useCallback((event) => {
-    const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;
-    const isBottom = scrollHeight - scrollTop <= clientHeight + 10;
-    if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {
-      const nextPage = pagination.page + 1;
-      fetchOptions(searchQuery, cf, nextPage, true);
-    }
-  }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, cf, fetchOptions]);
-  const updateOptions = useCallback((newOptions, append2 = false) => {
-    const oldOptions = append2 ? options : selectedOptions;
-    const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);
-    setOptions(uniqueOptions);
-  }, [options, selectedOptions, getUniqueOptions]);
-  const handleSelectedValue = useCallback(async (updateOptions2) => {
-    const filterValue = props.is_multiselect ? watchedValue : [watchedValue];
-    const isInOptions = updateOptions2 == null ? void 0 : updateOptions2.filter(
-      (item) => Array.isArray(filterValue) ? filterValue.includes(item.id || item.value) : (item[filterKey2] || item.value || item.id) == filterValue
+    const formContext = useFormContext();
+    const { setValue } = formContext || {};
+    const { t: t2 } = useTranslation();
+    const { isRtl } = useLanguage();
+    const selectRef = useRef(null);
+    const [options, setOptions] = useState([]);
+    const [selectedValue, setSelectedValue] = useState(null);
+    const [selectedOptions, setSelectedOptions] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [open, setOpen] = useState(false);
+    const [isAlreadyLoaded, setIsAlreadyLoaded] = useState(false);
+    const [prevFilter, setPrevFilter] = useState(null);
+    const [initialLoading, setInitialLoading] = useState(false);
+    const [searchQuery, setSearchQuery] = useState("");
+    const [searchInitiate, setSearchInitiate] = useState(false);
+    const [addConfig, setAddConfig] = useState(null);
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [isAddLoading, setIsAddLoading] = useState(false);
+    const [pagination, setPagination] = useState({
+      page: 1,
+      hasMore: true,
+      isLoadingMore: false,
+      total: 0
+    });
+    const {
+      handleOptions,
+      isInternal = false,
+      disabledIds = [],
+      getSelectedData,
+      attributes = [],
+      filterKey: filterKey2 = "id",
+      customeFilter = {},
+      refresh,
+      handleChange,
+      hasParent = false,
+      sortOrder = "id:-1",
+      apiType,
+      addType
+    } = props;
+    const limit = 25;
+    const isInternalOptions = useMemo(() => {
+      return isInternal || !apiType;
+    }, [isInternal, apiType]);
+    const cf = useMemo(() => customeFilter, [JSON.stringify(customeFilter)]);
+    const searchOptionsLocally = useCallback(
+      (searchTerm, value) => {
+        var _a, _b;
+        if (!searchTerm) return props.options || [];
+        const lowercasedSearchTerm = searchTerm.toLowerCase();
+        const filteredOptions2 = hasParent ? ((_a = props.options) == null ? void 0 : _a.reduce((acc, opt) => {
+          var _a2;
+          const searchedOptions = (_a2 = opt.options) == null ? void 0 : _a2.filter((item) => {
+            const label = React__default.isValidElement(item.label) ? item.searchLabel : String(item.label);
+            return label == null ? void 0 : label.toLowerCase().includes(lowercasedSearchTerm);
+          });
+          if (searchedOptions == null ? void 0 : searchedOptions.length) {
+            acc.push({ ...opt, options: searchedOptions });
+          }
+          return acc;
+        }, [])) || [] : ((_b = props.options) == null ? void 0 : _b.filter((opt) => {
+          const label = React__default.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);
+          return label == null ? void 0 : label.toLowerCase().includes(lowercasedSearchTerm);
+        })) || [];
+        return sortBySelectedValues(filteredOptions2, value);
+      },
+      [props.options, hasParent]
     );
-    if (Array.isArray(isInOptions) && isInOptions.length > 0) {
-      getSelectedData == null ? void 0 : getSelectedData(props.is_multiselect ? isInOptions : isInOptions[0], props.name);
-      return true;
-    }
-    return false;
-  }, [props.is_multiselect, props.name, watchedValue, filterKey2, getSelectedData]);
-  const fetchIdOptions = useCallback(async () => {
-    if (open) return;
-    if (await handleSelectedValue(filteredOptions)) return;
-    const condition = props.is_multiselect ? Array.isArray(watchedValue) && watchedValue.length > 0 : Boolean(watchedValue);
-    if (condition) {
-      setInitialLoading(true);
-      await fetchOptions("", { ...cf, "&id.in": watchedValue }, 1, false);
-      setInitialLoading(false);
-    }
-  }, [open, watchedValue, JSON.stringify(cf)]);
-  const initialFetch = useCallback(async () => {
-    const condition = JSON.stringify(cf) !== JSON.stringify(prevFilter);
-    if (condition) {
-      setPrevFilter(cf);
-      setOptions([]);
-      setIsAlreadyLoaded(false);
-      setPagination({
-        page: 1,
-        hasMore: true,
-        isLoadingMore: false,
-        total: 0
-      });
-    }
-    if (!isInternalOptions && !isAlreadyLoaded) {
-      await fetchOptions(searchQuery, cf, 1, false);
-      setIsAlreadyLoaded(true);
-    }
-  }, [cf, isInternalOptions, isAlreadyLoaded]);
-  const debouncedSearch = useMemo(
-    () => debounce$2(async (searchTerm) => {
-      if (loading) return;
-      if (!searchTerm && !isInternalOptions && searchInitiate) {
-        setPagination({
-          page: 1,
-          hasMore: true,
-          isLoadingMore: false,
-          total: 0
+    const getUniqueOptions = useCallback((data) => {
+      const uniqueOptions = [
+        ...new Map(data == null ? void 0 : data.map((item) => [item.value, item])).values()
+      ];
+      return uniqueOptions;
+    }, []);
+    const sortBySelectedValues = useCallback(
+      (arrayToSort, value) => {
+        const selectedValues = Array.isArray(value) ? value : [value];
+        const sortedValue = sortBy(arrayToSort, (item) => {
+          const index2 = selectedValues.indexOf(item.id || item.value);
+          return index2 == -1 ? Infinity : index2;
         });
-        await fetchOptions("", cf, 1, false);
+        return sortedValue;
+      },
+      []
+    );
+    const filteredOptions = useMemo(() => {
+      if (isInternalOptions) {
+        return searchOptionsLocally(searchQuery, watchedValue);
       }
-      if (searchTerm.length > 1 && !isInternalOptions) {
+      return sortBySelectedValues(
+        getUniqueOptions([...options, ...selectedOptions]),
+        watchedValue
+      );
+    }, [
+      options,
+      selectedOptions,
+      isInternalOptions,
+      props.options,
+      watchedValue,
+      searchQuery,
+      searchOptionsLocally,
+      sortBySelectedValues,
+      getUniqueOptions
+    ]);
+    const fetchOptions = useCallback(
+      async (searchTerm = "", flt = cf, page = 1, append2 = false) => {
+        if (!apiType) return [];
+        setLoading(true);
+        if (page > 1) {
+          setPagination((prev) => ({ ...prev, isLoadingMore: true }));
+        }
+        try {
+          const { data = [], pagination: pagination2 = {} } = await fetchApi({
+            apiKey: apiType,
+            filters: {
+              limit,
+              skip: (page - 1) * limit,
+              search: searchTerm,
+              filters: flt,
+              select: attributes,
+              order: sortOrder
+            }
+          });
+          if (data && Array.isArray(data)) {
+            const newOptions = append2 ? [...options, ...data] : data;
+            updateOptions(newOptions, append2);
+            handleSelectedValue(data);
+            setPagination((prev) => ({
+              ...prev,
+              page,
+              hasMore: (pagination2 == null ? void 0 : pagination2.totalCount) > page * limit,
+              total: pagination2 == null ? void 0 : pagination2.totalCount,
+              isLoadingMore: false
+            }));
+          }
+          return data || [];
+        } catch (error) {
+          console.error("Error fetching options:", error);
+          setPagination((prev) => ({ ...prev, isLoadingMore: false }));
+          return [];
+        } finally {
+          setLoading(false);
+        }
+      },
+      [apiType, options, attributes, sortOrder, limit, cf]
+    );
+    const handleScroll = useCallback(
+      (event) => {
+        const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;
+        const isBottom = scrollHeight - scrollTop <= clientHeight + 10;
+        if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {
+          const nextPage = pagination.page + 1;
+          fetchOptions(searchQuery, cf, nextPage, true);
+        }
+      },
+      [
+        pagination.hasMore,
+        pagination.isLoadingMore,
+        pagination.page,
+        isInternalOptions,
+        searchQuery,
+        cf,
+        fetchOptions
+      ]
+    );
+    const updateOptions = useCallback(
+      (newOptions, append2 = false) => {
+        const oldOptions = append2 ? options : selectedOptions;
+        const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);
+        setOptions(uniqueOptions);
+      },
+      [options, selectedOptions, getUniqueOptions]
+    );
+    const handleSelectedValue = useCallback(
+      async (updateOptions2) => {
+        const filterValue = props.is_multiselect ? watchedValue : [watchedValue];
+        const isInOptions = updateOptions2 == null ? void 0 : updateOptions2.filter(
+          (item) => Array.isArray(filterValue) ? filterValue.includes(item.id || item.value) : (item[filterKey2] || item.value || item.id) == filterValue
+        );
+        if (Array.isArray(isInOptions) && isInOptions.length > 0) {
+          getSelectedData == null ? void 0 : getSelectedData(
+            props.is_multiselect ? isInOptions : isInOptions[0],
+            props.name
+          );
+          return true;
+        }
+        return false;
+      },
+      [
+        props.is_multiselect,
+        props.name,
+        watchedValue,
+        filterKey2,
+        getSelectedData
+      ]
+    );
+    const fetchIdOptions = useCallback(async () => {
+      if (open) return;
+      if (await handleSelectedValue(filteredOptions)) return;
+      const condition = props.is_multiselect ? Array.isArray(watchedValue) && watchedValue.length > 0 : Boolean(watchedValue);
+      if (condition) {
+        setInitialLoading(true);
+        await fetchOptions(
+          "",
+          { ...cf, "&id.in": watchedValue },
+          1,
+          false
+        );
+        setInitialLoading(false);
+      }
+    }, [open, watchedValue, JSON.stringify(cf)]);
+    const initialFetch = useCallback(async () => {
+      const condition = JSON.stringify(cf) !== JSON.stringify(prevFilter);
+      if (condition) {
+        setPrevFilter(cf);
+        setOptions([]);
+        setIsAlreadyLoaded(false);
         setPagination({
           page: 1,
           hasMore: true,
           isLoadingMore: false,
           total: 0
         });
-        await fetchOptions(searchTerm, cf, 1, false);
       }
-    }, 700),
-    //eslint-disable-next-line
-    [isInternalOptions, searchInitiate, cf]
-  );
-  const resetValue = useCallback((field) => {
-    field.onChange(props.is_multiselect ? [] : null);
-    if (getSelectedData) {
-      getSelectedData(null, props.name);
-    }
-  }, [props.is_multiselect, props.name, getSelectedData]);
-  const handleClose = useCallback(() => {
-    setOpen(false);
-    if (searchQuery.length > 0) {
-      setIsAlreadyLoaded(false);
-    }
-    setSearchInitiate(false);
-    setSearchQuery("");
-  }, [searchQuery]);
-  const handleModalOpen = useCallback(() => {
-    setIsModalOpen(true);
-  }, []);
-  const handleModalSave = useCallback(async (payload) => {
-    if (!addConfig || !addConfig.api) {
-      console.error("Add configuration is not properly set");
-      return;
-    }
-    setIsAddLoading(true);
-    try {
-      const result = await addConfig.api(payload);
-      console.log("result", result);
-      setIsAddLoading(false);
-      setIsModalOpen(false);
-      if (!isInternalOptions) {
+      if (!isInternalOptions && !isAlreadyLoaded) {
+        await fetchOptions(searchQuery, cf, 1, false);
+        setIsAlreadyLoaded(true);
+      }
+    }, [cf, isInternalOptions, isAlreadyLoaded]);
+    const debouncedSearch = useMemo(
+      () => debounce$2(async (searchTerm) => {
+        if (loading) return;
+        if (!searchTerm && !isInternalOptions && searchInitiate) {
+          setPagination({
+            page: 1,
+            hasMore: true,
+            isLoadingMore: false,
+            total: 0
+          });
+          await fetchOptions("", cf, 1, false);
+        }
+        if (searchTerm.length > 1 && !isInternalOptions) {
+          setPagination({
+            page: 1,
+            hasMore: true,
+            isLoadingMore: false,
+            total: 0
+          });
+          await fetchOptions(searchTerm, cf, 1, false);
+        }
+      }, 700),
+      //eslint-disable-next-line
+      [isInternalOptions, searchInitiate, cf]
+    );
+    const resetValue = useCallback(
+      (field) => {
+        field.onChange(props.is_multiselect ? [] : null);
+        if (getSelectedData) {
+          getSelectedData(null, props.name);
+        }
+      },
+      [props.is_multiselect, props.name, getSelectedData]
+    );
+    const handleClose = useCallback(() => {
+      setOpen(false);
+      if (searchQuery.length > 0) {
+        setIsAlreadyLoaded(false);
+      }
+      setSearchInitiate(false);
+      setSearchQuery("");
+    }, [searchQuery]);
+    const handleModalOpen = useCallback(() => {
+      setIsModalOpen(true);
+    }, []);
+    const handleModalSave = useCallback(
+      async (payload) => {
+        if (!addConfig || !addConfig.api) {
+          console.error("Add configuration is not properly set");
+          return;
+        }
+        setIsAddLoading(true);
+        try {
+          const result = await addConfig.api(payload);
+          console.log("result", result);
+          setIsAddLoading(false);
+          setIsModalOpen(false);
+          if (!isInternalOptions) {
+            setPagination({
+              page: 1,
+              hasMore: true,
+              isLoadingMore: false,
+              total: 0
+            });
+            setIsAlreadyLoaded(false);
+            await fetchOptions("", cf, 1, false);
+          }
+          if (result && result.data) {
+            const newValue = props.is_multiselect ? [...watchedValue || [], result.data.id] : result.data.id;
+            if (setValue) {
+              setValue(`${props.fieldArrayName}.${props.name}`, newValue);
+            }
+          }
+        } catch (error) {
+          console.log("error", error);
+          setIsAddLoading(false);
+        }
+      },
+      [
+        addConfig,
+        isInternalOptions,
+        fetchOptions,
+        cf,
+        props.is_multiselect,
+        props.fieldArrayName,
+        props.name,
+        watchedValue,
+        setValue
+      ]
+    );
+    useEffect(() => {
+      if (handleOptions) {
+        handleOptions(selectedValue);
+      }
+    }, [handleOptions, selectedValue]);
+    useEffect(() => {
+      if (open) {
+        initialFetch();
+      }
+    }, [open, initialFetch]);
+    useEffect(() => {
+      fetchIdOptions();
+    }, [fetchIdOptions]);
+    useEffect(() => {
+      if (refresh) {
         setPagination({
           page: 1,
           hasMore: true,
           isLoadingMore: false,
           total: 0
         });
-        setIsAlreadyLoaded(false);
-        await fetchOptions("", cf, 1, false);
+        fetchOptions("", cf, 1, false);
       }
-      if (result && result.data) {
-        const newValue = props.is_multiselect ? [...watchedValue || [], result.data.id] : result.data.id;
-        if (setValue) {
-          setValue(`${props.fieldArrayName}.${props.name}`, newValue);
-        }
+    }, [refresh, fetchOptions, cf]);
+    useEffect(() => {
+      if (open) {
+        debouncedSearch(searchQuery);
       }
-    } catch (error) {
-      console.log("error", error);
-      setIsAddLoading(false);
-    }
-  }, [addConfig, isInternalOptions, fetchOptions, cf, props.is_multiselect, props.fieldArrayName, props.name, watchedValue, setValue]);
-  useEffect(() => {
-    if (handleOptions) {
-      handleOptions(selectedValue);
-    }
-  }, [handleOptions, selectedValue]);
-  useEffect(() => {
-    if (open) {
-      initialFetch();
-    }
-  }, [open, initialFetch]);
-  useEffect(() => {
-    fetchIdOptions();
-  }, [fetchIdOptions]);
-  useEffect(() => {
-    if (refresh) {
-      setPagination({
-        page: 1,
-        hasMore: true,
-        isLoadingMore: false,
-        total: 0
-      });
-      fetchOptions("", cf, 1, false);
-    }
-  }, [refresh, fetchOptions, cf]);
-  useEffect(() => {
-    if (open) {
-      debouncedSearch(searchQuery);
-    }
-    return () => debouncedSearch.cancel();
-  }, [searchQuery, open, debouncedSearch]);
-  useEffect(() => {
-    if (watchedValue && !open) {
-      const selectedData = options == null ? void 0 : options.filter(
-        (item) => props.is_multiselect ? Array.isArray(watchedValue) && watchedValue.includes(item.id || item.value) : (item.id || item.value) == watchedValue
-      );
-      setSelectedOptions(selectedData || []);
-    }
-  }, [watchedValue, options, props.is_multiselect, open]);
-  const removeUndefined = useCallback((selectOptions) => {
-    return Array.isArray(selectOptions) ? selectOptions.filter(Boolean) : [];
-  }, []);
-  useEffect(() => {
-    const config2 = dynamicSelectAdd(addType);
-    setAddConfig(config2);
-  }, [addType]);
-  return /* @__PURE__ */ jsx(
-    Controller,
-    {
-      control: props.formControl,
-      name: `${props.fieldArrayName}.${props.name}`,
-      render: ({ field, fieldState }) => {
-        var _a, _b, _c, _d, _e;
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          props.placeholder == "Select Currency" && setSelectedValue(field.value),
-          /* @__PURE__ */ jsxs(
-            Select$1,
-            {
-              ...field,
-              ref: selectRef,
-              open,
-              onOpen: () => setOpen(true),
-              onClose: handleClose,
-              fullWidth: true,
-              dataPosition: props.position,
-              dataName: `${props.fieldArrayName}.${props.name}`,
-              placeholder: props.placeholder,
-              label: props.label,
-              defaultValue: props.defaultValue || (props.is_multiselect ? [] : ""),
-              searchValue: searchQuery,
-              required: props.formType == "builder" ? false : props.required,
-              size: props.size || "small",
-              multiple: props.is_multiselect || false,
-              disabled: props.disabled,
-              sx: props.is_multiselect && ((_a = field == null ? void 0 : field.value) == null ? void 0 : _a.length) ? { "& .MuiSelect-select": { padding: "5.5px !important" } } : {},
-              variant: "outlined",
-              value: initialLoading ? props.is_multiselect ? [] : "" : ((_b = field.value) == null ? void 0 : _b.id) || field.value || (props.is_multiselect ? [] : ""),
-              className: props.is_multiselect && ((_c = removeUndefined(field.value)) == null ? void 0 : _c.length) ? "MultiSelect filter-select" : "",
-              MenuProps: {
-                PaperProps: {
-                  onScroll: handleScroll,
-                  style: { maxHeight: 300 }
-                }
-              },
-              renderValue: (selected) => {
-                if (Array.isArray(selected)) {
-                  return /* @__PURE__ */ jsx(
-                    ChipOrPlaceholder,
-                    {
-                      selectedLabel: props.selectedLabel,
-                      data: removeUndefined(selected),
-                      placeholder: loading || props.is_loading ? /* @__PURE__ */ jsx(Loading, {}) : `${t2("common.search")} ${props.label}`,
-                      onDelete: props.onChipRemove,
-                      disabled: props.disabled,
-                      chipProps: {
-                        sx: {
-                          background: "#ebf9f2",
-                          border: 0,
-                          // borderRadius: '15px',
-                          "& .MuiTypography-body1": {
-                            color: "#289b64",
-                            fontWeight: "500"
+      return () => debouncedSearch.cancel();
+    }, [searchQuery, open, debouncedSearch]);
+    useEffect(() => {
+      if (watchedValue && !open) {
+        const selectedData = options == null ? void 0 : options.filter(
+          (item) => props.is_multiselect ? Array.isArray(watchedValue) && watchedValue.includes(item.id || item.value) : (item.id || item.value) == watchedValue
+        );
+        setSelectedOptions(selectedData || []);
+      }
+    }, [watchedValue, options, props.is_multiselect, open]);
+    const removeUndefined = useCallback((selectOptions) => {
+      return Array.isArray(selectOptions) ? selectOptions.filter(Boolean) : [];
+    }, []);
+    useEffect(() => {
+      const config2 = dynamicSelectAdd(addType);
+      setAddConfig(config2);
+    }, [addType]);
+    return /* @__PURE__ */ jsx(
+      Controller,
+      {
+        control: props.formControl,
+        name: `${props.fieldArrayName}.${props.name}`,
+        render: ({ field, fieldState }) => {
+          var _a, _b, _c, _d, _e;
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            props.placeholder == "Select Currency" && setSelectedValue(field.value),
+            /* @__PURE__ */ jsxs(
+              Select$1,
+              {
+                ...field,
+                ref: selectRef,
+                open,
+                onOpen: () => setOpen(true),
+                onClose: handleClose,
+                fullWidth: true,
+                dataPosition: props.position,
+                dataName: `${props.fieldArrayName}.${props.name}`,
+                placeholder: props.placeholder,
+                label: props.label,
+                defaultValue: props.defaultValue || (props.is_multiselect ? [] : ""),
+                searchValue: searchQuery,
+                required: props.formType == "builder" ? false : props.required,
+                size: props.size || "small",
+                multiple: props.is_multiselect || false,
+                disabled: props.disabled,
+                sx: props.is_multiselect && ((_a = field == null ? void 0 : field.value) == null ? void 0 : _a.length) ? { "& .MuiSelect-select": { padding: "5.5px !important" } } : {},
+                variant: "outlined",
+                value: initialLoading ? props.is_multiselect ? [] : "" : ((_b = field.value) == null ? void 0 : _b.id) || field.value || (props.is_multiselect ? [] : ""),
+                className: props.is_multiselect && ((_c = removeUndefined(field.value)) == null ? void 0 : _c.length) ? "MultiSelect filter-select" : "",
+                MenuProps: {
+                  PaperProps: {
+                    onScroll: handleScroll,
+                    style: { maxHeight: 300 }
+                  }
+                },
+                renderValue: (selected) => {
+                  if (Array.isArray(selected)) {
+                    return /* @__PURE__ */ jsx(
+                      ChipOrPlaceholder,
+                      {
+                        selectedLabel: props.selectedLabel,
+                        data: removeUndefined(selected),
+                        placeholder: loading || props.is_loading ? /* @__PURE__ */ jsx(Loading, {}) : `${t2("common.search")} ${props.label}`,
+                        onDelete: props.onChipRemove,
+                        disabled: props.disabled,
+                        chipProps: {
+                          sx: {
+                            background: "#ebf9f2",
+                            border: 0,
+                            // borderRadius: '15px',
+                            "& .MuiTypography-body1": {
+                              color: "#289b64",
+                              fontWeight: "500"
+                            }
                           }
                         }
                       }
+                    );
+                  } else {
+                    const selectedOption = filteredOptions.find(
+                      (option) => {
+                        var _a2;
+                        return (((_a2 = option.value) == null ? void 0 : _a2.id) || option.value) == selected;
+                      }
+                    );
+                    return loading || props.is_loading ? /* @__PURE__ */ jsx(Loading, {}) : (selectedOption == null ? void 0 : selectedOption.label) || (typeof props.label == "string" ? `${t2("common.search")} ${props.label}` : props.placeholder);
+                  }
+                },
+                searchPlaceholder: `${t2("common.search")} ${props.label}`,
+                handleSearch: (text) => {
+                  setSearchQuery(text);
+                  setSearchInitiate(true);
+                },
+                error: Boolean((_d = fieldState.error) == null ? void 0 : _d.message),
+                helperText: ((_e = fieldState.error) == null ? void 0 : _e.message) || "",
+                onBlur: field.onBlur,
+                input: /* @__PURE__ */ jsx(
+                  OutlinedInput,
+                  {
+                    label: "",
+                    endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: loading || props.is_loading ? /* @__PURE__ */ jsx(
+                      CircularProgress,
+                      {
+                        size: 20,
+                        sx: { mr: 3, color: "#4AC08C" }
+                      }
+                    ) : !props.disabled && (props.is_multiselect ? Array.isArray(field.value) && field.value.length > 0 : Boolean(field.value)) && /* @__PURE__ */ jsx(
+                      IconButton,
+                      {
+                        "aria-label": "clear selection",
+                        onClick: () => resetValue(field),
+                        edge: "end",
+                        sx: isRtl ? { ml: 2.5 } : { mr: 1.5 },
+                        size: "small",
+                        children: /* @__PURE__ */ jsx(Close, { sx: { fontSize: "1rem" } })
+                      }
+                    ) })
+                  }
+                ),
+                children: [
+                  generateMenuItems$1({
+                    options: filteredOptions,
+                    multiple: Boolean(props.is_multiselect),
+                    placeholder: props.placeholder,
+                    values: field.value,
+                    with_checkboxes: true,
+                    field: props,
+                    disabledIds,
+                    onChange: field.onChange,
+                    handleChange,
+                    hasParent,
+                    t: t2,
+                    onFooterClick: () => {
+                      if (props == null ? void 0 : props.onFooterClick) {
+                        props == null ? void 0 : props.onFooterClick();
+                      } else {
+                        handleModalOpen();
+                      }
                     }
-                  );
-                } else {
-                  const selectedOption = filteredOptions.find(
-                    (option) => {
-                      var _a2;
-                      return (((_a2 = option.value) == null ? void 0 : _a2.id) || option.value) == selected;
-                    }
-                  );
-                  return loading || props.is_loading ? /* @__PURE__ */ jsx(Loading, {}) : (selectedOption == null ? void 0 : selectedOption.label) || (typeof props.label == "string" ? `${t2("common.search")} ${props.label}` : props.placeholder);
-                }
-              },
-              searchPlaceholder: `${t2("common.search")} ${props.label}`,
-              handleSearch: (text) => {
-                setSearchQuery(text);
-                setSearchInitiate(true);
-              },
-              error: Boolean((_d = fieldState.error) == null ? void 0 : _d.message),
-              helperText: ((_e = fieldState.error) == null ? void 0 : _e.message) || "",
-              onBlur: field.onBlur,
-              input: /* @__PURE__ */ jsx(
-                OutlinedInput,
-                {
-                  label: "",
-                  endAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: loading || props.is_loading ? /* @__PURE__ */ jsx(
-                    CircularProgress,
-                    {
-                      size: 20,
-                      sx: { mr: 3, color: "#4AC08C" }
-                    }
-                  ) : !props.disabled && (props.is_multiselect ? Array.isArray(field.value) && field.value.length > 0 : Boolean(field.value)) && /* @__PURE__ */ jsx(
-                    IconButton,
+                  }),
+                  pagination.isLoadingMore && /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: /* @__PURE__ */ jsx(
+                    Box,
                     {
-                      "aria-label": "clear selection",
-                      onClick: () => resetValue(field),
-                      edge: "end",
-                      sx: isRtl ? { ml: 2.5 } : { mr: 1.5 },
-                      size: "small",
-                      children: /* @__PURE__ */ jsx(Close, { sx: { fontSize: "1rem" } })
+                      sx: {
+                        display: "flex",
+                        justifyContent: "center",
+                        width: "100%"
+                      },
+                      children: /* @__PURE__ */ jsx(CircularProgress, { size: 20 })
                     }
                   ) })
-                }
-              ),
-              children: [
-                generateMenuItems$1({
-                  options: filteredOptions,
-                  multiple: Boolean(props.is_multiselect),
-                  placeholder: props.placeholder,
-                  values: field.value,
-                  with_checkboxes: true,
-                  field: props,
-                  disabledIds,
-                  onChange: field.onChange,
-                  handleChange,
-                  hasParent,
-                  t: t2,
-                  onFooterClick: () => {
-                    if (props == null ? void 0 : props.onFooterClick) {
-                      props == null ? void 0 : props.onFooterClick();
-                    } else {
-                      handleModalOpen();
-                    }
-                  }
-                }),
-                pagination.isLoadingMore && /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center", width: "100%" }, children: /* @__PURE__ */ jsx(CircularProgress, { size: 20 }) }) })
-              ]
-            }
-          ),
-          addConfig && addConfig.component && /* @__PURE__ */ jsx(Fragment, { children: React__default.createElement(addConfig.component, {
-            isOpen: isModalOpen,
-            setIsOpen: setIsModalOpen,
-            isLoading: isAddLoading,
-            onSave: handleModalSave,
-            modalProps: {
-              maxWidth: "md",
-              fullWidth: true
-            }
-          }) }),
-          props.is_multiselect && Array.isArray(field.value) && /* @__PURE__ */ jsx(
-            SelectedItems$1,
-            {
-              data: field.value,
-              options: filteredOptions
-            }
-          )
-        ] });
+                ]
+              }
+            ),
+            addConfig && addConfig.component && /* @__PURE__ */ jsx(Fragment, { children: React__default.createElement(addConfig.component, {
+              isOpen: isModalOpen,
+              setIsOpen: setIsModalOpen,
+              isLoading: isAddLoading,
+              onSave: handleModalSave,
+              modalProps: {
+                maxWidth: "md",
+                fullWidth: true
+              }
+            }) }),
+            props.is_multiselect && Array.isArray(field.value) && /* @__PURE__ */ jsx(SelectedItems$1, { data: field.value, options: filteredOptions })
+          ] });
+        }
       }
-    }
-  );
-});
+    );
+  }
+);
 DynamicSearchSelect.propTypes = {
   name: PropTypes.string.isRequired,
   placeholder: PropTypes.string.isRequired,
@@ -60845,4 +60946,4 @@ export {
   GeneralScheduleReport as y,
   Snackbar as z
 };
-//# sourceMappingURL=index-Dz5Y7-tW.esm.js.map
+//# sourceMappingURL=index-D-LS9re6.esm.js.map