@erpsquad/common 1.8.40 → 1.8.41

package/dist/components/search-bar/search-bar/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("lodash"),t=require("react"),s=require("@mui/material");;/* empty css                        */var a=,/* empty css                               */n=;/* empty css                        */const o=s.styled(s.TextField)(({theme:{palette:e}})=>{var r;return{"&.MuiTextField-root":{backgroundColor:null==(r=e.theme)?void 0:r.secondary[200],borderRadius:"0.5rem",padding:"0.375rem 0.75rem"},"& .MuiOutlinedInput-input":{fontSize:"0.875rem",padding:"0rem",paddingLeft:"1.375rem"},".MuiOutlinedInput-notchedOutline":{border:"none"}}});exports.default=({handleSearch:s,debounceTime:c=300,className:u,InputProps:i,isDrivePage:l,searchText:d,value:m="",...p})=>{const[h,f]=t.useState(""),g=t.useRef();return t.useEffect(()=>{const e=l&&localStorage.getItem("searchTerm")||"";f(e),l&&localStorage.setItem("searchTerm","")},[l]),t.useEffect(()=>{f("string"==typeof d&&d||"")},[d]),t.useEffect(()=>(g.current=r.debounce(e=>s(e),c),()=>{var e;null==(e=g.current)||e.cancel()}),[s,c]),t.useEffect(()=>{f(m||"")},[]),/* @__PURE__ */e.jsxs("div",{className:`${u} search-wrapper`,children:[
-/* @__PURE__ */e.jsx(o,{fullWidth:!0,className:"s3",value:h,onChange:e=>{const r=e.target.value;f(r),l&&localStorage.setItem("searchTerm",r),g.current&&g.current(r)},onKeyDown:e=>{e.stopPropagation()},onClick:e=>{e.stopPropagation()},autoComplete:"off",InputProps:i,...p}),
-/* @__PURE__ */e.jsx("span",{className:"search-icon",children:h?/* @__PURE__ */e.jsx(a.SearchStatus,{fontSize:"small",sx:{color:h?"grey.900":"grey.700"}}):/* @__PURE__ */e.jsx(n.Search,{fontSize:"small",sx:{color:h?"grey.900":"grey.700"}})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("lodash"),t=require("react");;/* empty css                        */var s=,/* empty css                                                       */a=,/* empty css                               */n=,/* empty css                        */o=;/* empty css                                                             */const u=s.default(o.default)(({theme:{palette:e}})=>{var r;return{"&.MuiTextField-root":{backgroundColor:null==(r=e.theme)?void 0:r.secondary[200],borderRadius:"0.5rem",padding:"0.375rem 0.75rem"},"& .MuiOutlinedInput-input":{fontSize:"0.875rem",padding:"0rem",paddingLeft:"1.375rem"},".MuiOutlinedInput-notchedOutline":{border:"none"}}});exports.default=({handleSearch:s,debounceTime:o=300,className:i,InputProps:c,isDrivePage:l,searchText:d,value:m="",...p})=>{const[f,h]=t.useState(""),x=t.useRef();return t.useEffect(()=>{const e=l&&localStorage.getItem("searchTerm")||"";h(e),l&&localStorage.setItem("searchTerm","")},[l]),t.useEffect(()=>{h("string"==typeof d&&d||"")},[d]),t.useEffect(()=>(x.current=r.debounce(e=>s(e),o),()=>{var e;null==(e=x.current)||e.cancel()}),[s,o]),t.useEffect(()=>{h(m||"")},[]),/* @__PURE__ */e.jsxs("div",{className:`${i} search-wrapper`,children:[
+/* @__PURE__ */e.jsx(u,{fullWidth:!0,className:"s3",value:f,onChange:e=>{const r=e.target.value;h(r),l&&localStorage.setItem("searchTerm",r),x.current&&x.current(r)},onKeyDown:e=>{e.stopPropagation()},onClick:e=>{e.stopPropagation()},autoComplete:"off",InputProps:c,...p}),
+/* @__PURE__ */e.jsx("span",{className:"search-icon",children:f?/* @__PURE__ */e.jsx(a.SearchStatus,{fontSize:"small",sx:{color:f?"grey.900":"grey.700"}}):/* @__PURE__ */e.jsx(n.Search,{fontSize:"small",sx:{color:f?"grey.900":"grey.700"}})})]})};
 //# sourceMappingURL=index.js.map

package/dist/components/search-bar/search-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/search-bar/search-bar.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { debounce } from \"lodash\";\nimport React, { useState, useEffect, useRef } from \"react\";\nimport { SxProps, TextField, styled, Theme } from \"@mui/material\";\n// import images from \"../../assets/images\";\n\nimport \"./search-bar.scss\";\nimport { Search, SearchStatus } from \"../icons\";\n\nconst StyledSearch = styled(TextField)(({ theme: { palette } }) => ({\n  \"&.MuiTextField-root\": {\n    backgroundColor: palette.theme?.secondary[200],\n    borderRadius: \"0.5rem\",\n    padding: \"0.375rem 0.75rem\",\n  },\n  \"& .MuiOutlinedInput-input\": {\n    fontSize: \"0.875rem\",\n    padding: \"0rem\",\n    paddingLeft: \"1.375rem\",\n  },\n  \".MuiOutlinedInput-notchedOutline\": {\n    border: \"none\",\n  },\n}));\n\ninterface ISearchBar {\n  placeholder?: string;\n  handleSearch: (key: string) => void;\n  debounceTime?: number;\n  className?: string;\n  InputProps?: any;\n  sx?: SxProps<Theme>;\n  isDrivePage?: boolean;\n  searchText?:string\n}\n\nconst SearchBar = ({\n  handleSearch,\n  debounceTime = 300,\n  className,\n  InputProps,\n  isDrivePage,\n  searchText,\n  value = '',\n  ...rest\n}: ISearchBar) => {\n  const [searchTerm, setSearchTerm] = useState(\"\");\n\n  const debouncedSearchRef = useRef<(value: string) => void>();\n\n  // Set `searchTerm` from localStorage on mount and clear `localStorage` if needed\n  useEffect(() => {\n    const initialSearchTerm = isDrivePage ? localStorage.getItem(\"searchTerm\") || \"\" : \"\";\n    setSearchTerm(initialSearchTerm);\n\n    // Set `localStorage` to an empty string on the first render\n    if (isDrivePage) {\n      localStorage.setItem(\"searchTerm\", \"\");\n    }\n  }, [isDrivePage]);\n\n  useEffect(() => {\n    setSearchTerm((typeof searchText=='string' && searchText) || '')\n  }, [searchText])\n\n  // Initialize the debounced function only once\n  useEffect(() => {\n    debouncedSearchRef.current = debounce((value: string) => handleSearch(value), debounceTime);\n    \n    // Cleanup function to cancel debounced call on component unmount\n    return () => {\n      debouncedSearchRef.current?.cancel();\n    };\n  }, [handleSearch, debounceTime]);\n\n  useEffect(() => {\n    setSearchTerm(value || '')\n  }, [])\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    setSearchTerm(value);\n    if (isDrivePage) {\n      localStorage.setItem(\"searchTerm\", value);\n    }\n\n    // Call the debounced search function\n    if (debouncedSearchRef.current) {\n      debouncedSearchRef.current(value);\n    }\n  };\n\n  const handleKeyDown = (event: any) => {\n    event.stopPropagation();\n  };\n\n  const handleClick = (event: any) => {\n    event.stopPropagation();\n  };\n\n  return (\n    <div className={`${className} search-wrapper`}>\n      <StyledSearch\n        fullWidth\n        className=\"s3\"\n        value={searchTerm}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        autoComplete=\"off\"\n        InputProps={InputProps}\n        {...rest}\n      />\n      <span className=\"search-icon\">\n        {\n          searchTerm ?\n          <SearchStatus fontSize=\"small\" sx={{ color: searchTerm ? \"grey.900\": \"grey.700\" }}/> : \n          <Search fontSize=\"small\" sx={{ color: searchTerm ? \"grey.900\": \"grey.700\" }}/>\n        }\n      </span>\n      {/* <img src={images.search} alt=\"search icon\" /> */}\n    </div>\n  );\n};\n\nexport default SearchBar;\n"],"names":["StyledSearch","styled","TextField","theme","palette","backgroundColor","_a","secondary","borderRadius","padding","fontSize","paddingLeft","border","handleSearch","debounceTime","className","InputProps","isDrivePage","searchText","value","rest","searchTerm","setSearchTerm","useState","debouncedSearchRef","useRef","useEffect","initialSearchTerm","localStorage","getItem","setItem","current","debounce","cancel","jsxs","children","jsx","fullWidth","onChange","e","target","onKeyDown","event","stopPropagation","onClick","autoComplete","SearchStatus","sx","color","Search"],"mappings":"6SASA,MAAMA,EAAeC,EAAAA,OAAOC,YAAPD,CAAkB,EAAGE,OAASC,qBAAiB,MAAA,CAClE,sBAAuB,CACrBC,gBAAiB,OAAAC,EAAAF,EAAQD,YAAR,EAAAG,EAAeC,UAAU,KAC1CC,aAAc,SACdC,QAAS,oBAEX,4BAA6B,CAC3BC,SAAU,WACVD,QAAS,OACTE,YAAa,YAEf,mCAAoC,CAClCC,OAAQ,2BAeM,EAChBC,eACAC,eAAe,IACfC,YACAC,aACAC,cACAC,aACAC,QAAQ,MACLC,MAEH,MAAOC,EAAYC,GAAiBC,EAAAA,SAAS,IAEvCC,EAAqBC,EAAAA,SAoD3B,OAjDAC,EAAAA,UAAU,KACR,MAAMC,EAAoBV,GAAcW,aAAaC,QAAQ,eAAsB,GACnFP,EAAcK,GAGVV,GACFW,aAAaE,QAAQ,aAAc,KAEpC,CAACb,IAEJS,EAAAA,UAAU,KACRJ,EAAkC,iBAAZJ,GAAwBA,GAAe,KAC5D,CAACA,IAGJQ,EAAAA,UAAU,KACRF,EAAmBO,QAAUC,WAAUb,GAAkBN,EAAaM,GAAQL,GAGvE,WACL,OAAAR,EAAAkB,EAAmBO,UAAnBzB,EAA4B2B,WAE7B,CAACpB,EAAcC,IAElBY,EAAAA,UAAU,KACRJ,EAAcH,GAAS,KACtB,mBAwBDe,EAAAA,KAAC,MAAA,CAAInB,UAAW,GAAGA,mBACjBoB,SAAA;eAAAC,EAAAA,IAACpC,EAAA,CACCqC,WAAS,EACTtB,UAAU,KACVI,MAAOE,EACPiB,SA3BgBC,IACpB,MAAMpB,EAAQoB,EAAEC,OAAOrB,MACvBG,EAAcH,GACVF,GACFW,aAAaE,QAAQ,aAAcX,GAIjCK,EAAmBO,SACrBP,EAAmBO,QAAQZ,IAmBzBsB,UAfiBC,IACrBA,EAAMC,mBAeFC,QAZeF,IACnBA,EAAMC,mBAYFE,aAAa,MACb7B,gBACII;iBAENgB,IAAC,OAAA,CAAKrB,UAAU,cAEZoB,SAAAd,iBACAe,EAAAA,IAACU,EAAAA,aAAA,CAAapC,SAAS,QAAQqC,GAAI,CAAEC,MAAO3B,EAAa,WAAY,6BACrEe,EAAAA,IAACa,EAAAA,OAAA,CAAOvC,SAAS,QAAQqC,GAAI,CAAEC,MAAO3B,EAAa,WAAY"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/search-bar/search-bar.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { debounce } from \"lodash\";\nimport React, { useState, useEffect, useRef } from \"react\";\nimport { SxProps, TextField, styled, Theme } from \"@mui/material\";\n// import images from \"../../assets/images\";\n\nimport \"./search-bar.scss\";\nimport { Search, SearchStatus } from \"../icons\";\n\nconst StyledSearch = styled(TextField)(({ theme: { palette } }) => ({\n  \"&.MuiTextField-root\": {\n    backgroundColor: palette.theme?.secondary[200],\n    borderRadius: \"0.5rem\",\n    padding: \"0.375rem 0.75rem\",\n  },\n  \"& .MuiOutlinedInput-input\": {\n    fontSize: \"0.875rem\",\n    padding: \"0rem\",\n    paddingLeft: \"1.375rem\",\n  },\n  \".MuiOutlinedInput-notchedOutline\": {\n    border: \"none\",\n  },\n}));\n\ninterface ISearchBar {\n  placeholder?: string;\n  handleSearch: (key: string) => void;\n  debounceTime?: number;\n  className?: string;\n  InputProps?: any;\n  sx?: SxProps<Theme>;\n  isDrivePage?: boolean;\n  searchText?:string\n}\n\nconst SearchBar = ({\n  handleSearch,\n  debounceTime = 300,\n  className,\n  InputProps,\n  isDrivePage,\n  searchText,\n  value = '',\n  ...rest\n}: ISearchBar) => {\n  const [searchTerm, setSearchTerm] = useState(\"\");\n\n  const debouncedSearchRef = useRef<(value: string) => void>();\n\n  // Set `searchTerm` from localStorage on mount and clear `localStorage` if needed\n  useEffect(() => {\n    const initialSearchTerm = isDrivePage ? localStorage.getItem(\"searchTerm\") || \"\" : \"\";\n    setSearchTerm(initialSearchTerm);\n\n    // Set `localStorage` to an empty string on the first render\n    if (isDrivePage) {\n      localStorage.setItem(\"searchTerm\", \"\");\n    }\n  }, [isDrivePage]);\n\n  useEffect(() => {\n    setSearchTerm((typeof searchText=='string' && searchText) || '')\n  }, [searchText])\n\n  // Initialize the debounced function only once\n  useEffect(() => {\n    debouncedSearchRef.current = debounce((value: string) => handleSearch(value), debounceTime);\n    \n    // Cleanup function to cancel debounced call on component unmount\n    return () => {\n      debouncedSearchRef.current?.cancel();\n    };\n  }, [handleSearch, debounceTime]);\n\n  useEffect(() => {\n    setSearchTerm(value || '')\n  }, [])\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    setSearchTerm(value);\n    if (isDrivePage) {\n      localStorage.setItem(\"searchTerm\", value);\n    }\n\n    // Call the debounced search function\n    if (debouncedSearchRef.current) {\n      debouncedSearchRef.current(value);\n    }\n  };\n\n  const handleKeyDown = (event: any) => {\n    event.stopPropagation();\n  };\n\n  const handleClick = (event: any) => {\n    event.stopPropagation();\n  };\n\n  return (\n    <div className={`${className} search-wrapper`}>\n      <StyledSearch\n        fullWidth\n        className=\"s3\"\n        value={searchTerm}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        autoComplete=\"off\"\n        InputProps={InputProps}\n        {...rest}\n      />\n      <span className=\"search-icon\">\n        {\n          searchTerm ?\n          <SearchStatus fontSize=\"small\" sx={{ color: searchTerm ? \"grey.900\": \"grey.700\" }}/> : \n          <Search fontSize=\"small\" sx={{ color: searchTerm ? \"grey.900\": \"grey.700\" }}/>\n        }\n      </span>\n      {/* <img src={images.search} alt=\"search icon\" /> */}\n    </div>\n  );\n};\n\nexport default SearchBar;\n"],"names":["StyledSearch","styled","TextField","theme","palette","backgroundColor","_a","secondary","borderRadius","padding","fontSize","paddingLeft","border","handleSearch","debounceTime","className","InputProps","isDrivePage","searchText","value","rest","searchTerm","setSearchTerm","useState","debouncedSearchRef","useRef","useEffect","initialSearchTerm","localStorage","getItem","setItem","current","debounce","cancel","jsxs","children","jsx","fullWidth","onChange","e","target","onKeyDown","event","stopPropagation","onClick","autoComplete","SearchStatus","sx","color","Search"],"mappings":"waASA,MAAMA,EAAeC,EAAAA,QAAOC,UAAPD,CAAkB,EAAGE,OAASC,qBAAiB,MAAA,CAClE,sBAAuB,CACrBC,gBAAiB,OAAAC,EAAAF,EAAQD,YAAR,EAAAG,EAAeC,UAAU,KAC1CC,aAAc,SACdC,QAAS,oBAEX,4BAA6B,CAC3BC,SAAU,WACVD,QAAS,OACTE,YAAa,YAEf,mCAAoC,CAClCC,OAAQ,2BAeM,EAChBC,eACAC,eAAe,IACfC,YACAC,aACAC,cACAC,aACAC,QAAQ,MACLC,MAEH,MAAOC,EAAYC,GAAiBC,EAAAA,SAAS,IAEvCC,EAAqBC,EAAAA,SAoD3B,OAjDAC,EAAAA,UAAU,KACR,MAAMC,EAAoBV,GAAcW,aAAaC,QAAQ,eAAsB,GACnFP,EAAcK,GAGVV,GACFW,aAAaE,QAAQ,aAAc,KAEpC,CAACb,IAEJS,EAAAA,UAAU,KACRJ,EAAkC,iBAAZJ,GAAwBA,GAAe,KAC5D,CAACA,IAGJQ,EAAAA,UAAU,KACRF,EAAmBO,QAAUC,WAAUb,GAAkBN,EAAaM,GAAQL,GAGvE,WACL,OAAAR,EAAAkB,EAAmBO,UAAnBzB,EAA4B2B,WAE7B,CAACpB,EAAcC,IAElBY,EAAAA,UAAU,KACRJ,EAAcH,GAAS,KACtB,mBAwBDe,EAAAA,KAAC,MAAA,CAAInB,UAAW,GAAGA,mBACjBoB,SAAA;eAAAC,EAAAA,IAACpC,EAAA,CACCqC,WAAS,EACTtB,UAAU,KACVI,MAAOE,EACPiB,SA3BgBC,IACpB,MAAMpB,EAAQoB,EAAEC,OAAOrB,MACvBG,EAAcH,GACVF,GACFW,aAAaE,QAAQ,aAAcX,GAIjCK,EAAmBO,SACrBP,EAAmBO,QAAQZ,IAmBzBsB,UAfiBC,IACrBA,EAAMC,mBAeFC,QAZeF,IACnBA,EAAMC,mBAYFE,aAAa,MACb7B,gBACII;iBAENgB,IAAC,OAAA,CAAKrB,UAAU,cAEZoB,SAAAd,iBACAe,EAAAA,IAACU,EAAAA,aAAA,CAAapC,SAAS,QAAQqC,GAAI,CAAEC,MAAO3B,EAAa,WAAY,6BACrEe,EAAAA,IAACa,EAAAA,OAAA,CAAOvC,SAAS,QAAQqC,GAAI,CAAEC,MAAO3B,EAAa,WAAY"}

package/dist/components/searchable-select/index.esm.js

@@ -1,16 +1,22 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useMemo, useCallback, useEffect } from "react";
-import { MenuItem, Box, CircularProgress, OutlinedInput, InputAdornment, IconButton, Divider } from "@mui/material";
 import Select from "../select/select/index.esm.js";
 import Checkbox from "../checkbox/checkbox/index.esm.js";
 import { Typography } from "../typography/typography/index.esm.js";
 import { sortBy, debounce } from "lodash";
 import { fetchApi } from "../../utils/api/index.esm.js";
 import ChipOrPlaceholder from "../form-control/form-builder/form-builder-element/chip-or-placeholder/index.esm.js";
-import { Add } from "@mui/icons-material";
 import { useLanguage } from "../../hooks/useLangauge/index.esm.js";
 import { useTranslation } from "react-i18next";
+import MenuItem from "../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
+import Box from "../../node_modules/@mui/material/Box/Box/index.esm.js";
+import CircularProgress from "../../node_modules/@mui/material/CircularProgress/CircularProgress/index.esm.js";
+import OutlinedInput from "../../node_modules/@mui/material/OutlinedInput/OutlinedInput/index.esm.js";
+import InputAdornment from "../../node_modules/@mui/material/InputAdornment/InputAdornment/index.esm.js";
+import IconButton from "../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
 import { Close } from "../icons/close/index.esm.js";
+import Divider from "../../node_modules/@mui/material/Divider/Divider/index.esm.js";
+import Add from "../../node_modules/@mui/icons-material/esm/Add/index.esm.js";
 const generateMenuItems = ({
   options,
   multiple,

package/dist/components/searchable-select/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/searchable-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n    Box,\n    CircularProgress,\n    Divider,\n    IconButton,\n    InputAdornment,\n    MenuItem,\n    OutlinedInput,\n} from \"@mui/material\";\nimport Select from \"./select/select\";\nimport Checkbox from \"./checkbox/checkbox\";\nimport Typography from \"./typography/typography\";\nimport { Close } from \"./icons\";\nimport { debounce, sortBy } from \"lodash\";\nimport { fetchApi } from \"../utils/api\";\nimport ChipOrPlaceholder from \"./form-control/form-builder/form-builder-element/chip-or-placeholder\";\nimport { Add } from \"@mui/icons-material\";\nimport { useLanguage } from \"../hooks/useLangauge\";\nimport { useTranslation } from \"react-i18next\";\n\ninterface IOption {\n    id: string | number;\n    value: string | number;\n    label: string | React.ReactNode;\n    disabled?: boolean;\n    isGroup?: boolean;\n    options?: IOption[];\n    searchLabel?: string;\n}\n\ninterface IPaginationState {\n    page: number;\n    hasMore: boolean;\n    isLoadingMore: boolean;\n    total: number;\n}\n\ninterface IMenuItems {\n    options: IOption[];\n    multiple: boolean;\n    placeholder: string;\n    with_checkboxes: boolean;\n    values: string | string[];\n    field: any;\n    disabledIds: any[];\n    handleClear: () => void;\n    handleChange?: (value: string | string[]) => void;\n    hasParent?: boolean;\n}\n\ninterface SearchableSelectProps {\n    labelId: string;\n    label: string;\n    value: any;\n    onChange: (event: any, selectedData?: any) => void;\n    options: IOption[];\n    multiple?: boolean;\n    placeholder?: string;\n    size?: \"small\" | \"medium\";\n    searchPlaceholder?: string;\n    CustomDropDownIcon: React.ReactNode;\n    customStyle: any;\n    name?: string;\n    defaultValue?: any;\n    apiType?: string;\n    isInternal?: boolean;\n    autoFocus?: any;\n    error?: any;\n    disabled: any;\n    customeFilter?: string;\n    attributes?: string;\n    getSelectedData?: (row: any) => void;\n    disabledIds: any[];\n    labelKey?: string;\n    valueKey?: string;\n    inputStyle?: any;\n    onChipRemove?: (value: string) => void;\n    selectedLabel?: string;\n    is_loading?: boolean;\n    hasParent?: boolean;\n    sortOrder?: string;\n    handleChange?: (value: string | string[]) => void;\n    enable_footer?: boolean;\n    onFooterClick?: () => void;\n    showCancelButton?: boolean;\n}\n\nconst generateMenuItems = ({\n    options,\n    multiple,\n    placeholder,\n    with_checkboxes,\n    values,\n    field,\n    disabledIds,\n    handleClear,\n    handleChange,\n    hasParent = false,\n}: IMenuItems) => {\n    const itemDisabled = (ls: any) => disabledIds?.includes(ls);\n    const items: React.ReactElement[] = [];\n    \n    if (!multiple) {\n        items.push(\n            <MenuItem disabled value='' key=\"placeholder\" sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\n                <Typography type='s3' color='theme.secondary.1000'>\n                    <em>{placeholder}</em>\n                </Typography>\n            </MenuItem>\n        );\n    }\n\n    const selectedValues = Array.isArray(values) ? values?.filter((value) => value) : [];\n\n    // Parent selection handlers\n    const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n    \n        const isParentSelected = valueArray.includes(parentValue);\n        const updatedValues = isParentSelected\n            ? valueArray.filter((value) => value !== parentValue && !childValues.includes(value))\n            : [...new Set([...valueArray, parentValue, ...childValues])];\n    \n        handleChange?.(updatedValues);\n    };\n\n    const isAllOptionsSelected = (parentValue: string, childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n        return childValues.every((childValue) => valueArray.includes(childValue));\n    };\n\n    const isSomeOptionsSelected = (childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n        return childValues.some((childValue) => valueArray.includes(childValue));\n    };\n\n    Array.isArray(options) && options?.length > 0 && options?.forEach((option) => {\n        items.push(\n            <MenuItem\n                value={option?.value}\n                key={option?.value}\n                disabled={Boolean(option?.disabled) || itemDisabled(option?.value)}\n                className={option?.isGroup ? 'select--MenuItemHeader' : ''}\n                onClick={() => {\n                    if (values?.length == 1) {\n                        handleClear();\n                    }\n                }}\n            >\n                <Box sx={{ display: 'flex', gap: 1 }}>\n                    {multiple && with_checkboxes && (\n                        <Checkbox\n                            checked={\n                                hasParent\n                                    ? isAllOptionsSelected(option.value, option.options || [])\n                                    : Boolean(Array.isArray(values) && values?.indexOf(option?.value) > -1)\n                            }\n                            indeterminate={\n                                hasParent && isSomeOptionsSelected(option.options || [])\n                            }\n                            onChange={() => \n                                hasParent \n                                    ? handleParentChange(option.value, option.options || [])\n                                    : handleChange?.(option.value)\n                            }\n                        />\n                    )}\n                    <Typography \n                        type='s3' \n                        color='theme.secondary.1000'\n                        onClick={() => handleChange?.(option.value)}\n                    >\n                        {option?.label}\n                    </Typography>\n                </Box>\n            </MenuItem>\n        );\n\n        // Handle child options for grouped items\n        if (option?.isGroup && Array.isArray(option?.options)) {\n            option.options.forEach((opt) => {\n                items.push(\n                    <MenuItem\n                        value={opt.value}\n                        disabled={Boolean(opt.disabled) || itemDisabled(opt.value)}\n                        sx={{ pl: 5 }}\n                        onClick={() => {\n                            if (values?.length == 1) {\n                                handleClear();\n                            }\n                        }}\n                        key={`${option.value}-${opt.value}`}\n                    >\n                        <Box sx={{ display: 'flex', gap: 1 }}>\n                            {multiple && with_checkboxes && (\n                                <Checkbox\n                                    checked={Boolean(Array.isArray(values) && values?.indexOf(opt.value) > -1)}\n                                />\n                            )}\n                            <Typography \n                                type='s3' \n                                color='theme.secondary.1000'\n                                onClick={() => handleChange?.(String(opt.value))}\n                            >\n                                {opt.label == \"Payment Entries\" ? \"Payment and Collection Entries\" : opt.label || opt.value}\n                            </Typography>\n                        </Box>\n                    </MenuItem>\n                );\n            });\n        }\n    });\n\n    // Footer item\n    if (field.enable_footer) {\n        items.push(\n            <Box key=\"footer\">\n                <Divider flexItem />\n                <MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n                    <Add fontSize='small' />\n                    <Typography type='s4' color='theme.secondary.1000'>\n                        Create New {field.label}\n                    </Typography>\n                </MenuItem>\n            </Box>\n        );\n    }\n\n    // No data fallback\n    if (!items.length || (items.length == 1 && !multiple)) {\n        items.push(\n            <MenuItem disabled key=\"no-data\">\n                No data available\n            </MenuItem>\n        );\n    }\n\n    return items;\n};\n\nconst SearchableSelect: React.FC<SearchableSelectProps> = (props) => {\n    const {\n        labelId,\n        label,\n        value,\n        onChange,\n        options,\n        multiple = false,\n        size = \"small\",\n        searchPlaceholder,\n        placeholder,\n        name,\n        defaultValue,\n        apiType,\n        isInternal = false,\n        autoFocus,\n        error,\n        disabled,\n        customeFilter,\n        attributes,\n        getSelectedData,\n        disabledIds,\n        onChipRemove,\n        selectedLabel,\n        is_loading,\n        customStyle={},\n        CustomDropDownIcon,\n        labelKey,\n        valueKey,\n        inputStyle,\n        hasParent = false,\n        sortOrder = 'id:-1',\n        handleChange,\n        enable_footer = false,\n        onFooterClick,\n        showCancelButton = true\n    } = props;\n\n    const [searchQuery, setSearchQuery] = useState(\"\");\n    const [loading, setLoading] = useState<boolean>(false);\n    const [dynamicOptions, setOptions] = useState<IOption[]>([]);\n    const [selectedOptions, setSelectedOptions] = useState<IOption[]>([]);\n    const [isAlredyLoaded, setIsAlredyLoaded] = useState(false);\n    const [initailLoading, setInitialLoading] = useState(false);\n    const [searchInitiate, setSearchInitiate] = useState(false);\n    const [open, setOpen] = useState(false);\n    const [prevFilter, setPrevFilter] = useState<any>(null);\n    const {t}=useTranslation();\n    \n    // Pagination state\n    const [pagination, setPagination] = useState<IPaginationState>({\n        page: 1,\n        hasMore: true,\n        isLoadingMore: false,\n        total: 0\n    });\n\n    const { isRtl } = useLanguage();\n    const limit = 25;\n\n    const isInternalOptions = useMemo(() => {\n        return isInternal || !apiType;\n    }, [isInternal, apiType]);\n\n    // Local search function for internal options\n    const searchOptionsLocally = useCallback((searchTerm: string, value: any): IOption[] => {\n        if (!searchTerm) return options || [];\n    \n        const lowercasedSearchTerm = searchTerm.toLowerCase();\n    \n        const filteredOptions = hasParent\n            ? options?.reduce((acc: IOption[], opt) => {\n                  const searchedOptions = opt.options?.filter((item) => {\n                      const label = React.isValidElement(item.label) ? item.searchLabel : String(item.label);\n                      return label?.toLowerCase().includes(lowercasedSearchTerm);\n                  });\n    \n                  if (searchedOptions?.length) {\n                      acc.push({ ...opt, options: searchedOptions });\n                  }\n    \n                  return acc;\n              }, []) || []\n            : options?.filter((opt) => {\n                  const label = React.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);\n                  return label?.toLowerCase().includes(lowercasedSearchTerm);\n              }) || [];\n    \n        return sortBySelectedValues(filteredOptions, value);\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [options, hasParent]);\n\n    // Clear Selected Options\n    const handleClear = () => {\n        onChange({ target: { value: multiple ? [] : null } });\n        if (getSelectedData && typeof getSelectedData === \"function\") {\n            getSelectedData(null);\n        }\n    };\n\n    // Get unique options\n    const getUniqueOptions = useCallback((data: IOption[]): IOption[] => {\n        const uniqueOptions = [\n            ...new Map(data?.map(item => [item.value, item])).values()\n        ];\n        return uniqueOptions;\n    }, []);\n\n    // Sort by selected values\n    const sortBySelectedValues = useCallback((arrayToSort: IOption[], value: any): IOption[] => {\n        const selectedValues = Array.isArray(value) ? value : [value];\n        const sortedValue = sortBy(arrayToSort, (item) => {\n            const index = selectedValues.indexOf(item.id || item.value);\n            return index === -1 ? Infinity : index;\n        });\n        return sortedValue;\n    }, []);\n\n    // Options with search and pagination support\n    const filteredOptions = useMemo(() => {\n        if (isInternalOptions) {\n            return searchOptionsLocally(searchQuery, value);\n        }\n        return sortBySelectedValues(getUniqueOptions([...dynamicOptions, ...selectedOptions]), value);\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [searchQuery, dynamicOptions, options, value, isInternalOptions, selectedOptions, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);\n\n    // Handle scroll pagination\n    const handleScroll = useCallback((event: React.UIEvent<HTMLDivElement>) => {\n        const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\n        const isBottom = scrollHeight - scrollTop <= clientHeight + 10;\n       \n        if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {\n            const nextPage = pagination.page + 1;\n            fetchOptions(searchQuery, customeFilter, nextPage, true);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, JSON.stringify(customeFilter)]);\n\n    // Update Options\n    const updateOptions = useCallback((newOptions: IOption[], append = false) => {\n        const oldOptions = append ? dynamicOptions : selectedOptions;\n        const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);\n        setOptions(uniqueOptions);\n    }, [dynamicOptions, selectedOptions, getUniqueOptions]);\n\n    // Fetch Options with pagination support\n    const fetchOptions = useCallback(async (searchTerm: any = '', filters = customeFilter, page = 1, append = false) => {\n        if (!apiType) return [];\n\n        setLoading(true);\n        if (page > 1) {\n            setPagination(prev => ({ ...prev, isLoadingMore: true }));\n        }\n\n        try {\n            const {data=[],pagination={}} = await fetchApi({\n                apiKey: apiType,\n                filters: {\n                    limit,\n                    skip: (page - 1) * limit,\n                    search: searchTerm,\n                    filters,\n                    select: attributes,\n                    order: sortOrder\n                },\n                labelKey,\n                valueKey\n            });\n\n            if (data && Array.isArray(data)) {\n                updateOptions(data, append);\n                \n                // Update pagination\n                setPagination(prev => ({\n                    ...prev,\n                    page,\n                    hasMore: pagination?.totalCount > (page*limit),\n                    total: pagination?.totalCount,\n                    isLoadingMore: false\n                }));\n\n                if (data?.length > 0) {\n                    setSelectedData();\n                }\n            }\n            \n            return data || [];\n        } catch (error) {\n            console.error('Error fetching options:', error);\n            setPagination(prev => ({ ...prev, isLoadingMore: false }));\n            return [];\n        } finally {\n            setLoading(false);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [apiType, attributes, sortOrder, limit, updateOptions]);\n\n    // Search Options with debounce\n    const debounceSearch = useMemo(\n        () => debounce(async (searchTerm: string) => {\n            if (loading) return;\n            \n            if (!searchTerm && !isInternalOptions && searchInitiate) {\n                setPagination({\n                    page: 1,\n                    hasMore: true,\n                    isLoadingMore: false,\n                    total: 0\n                });\n                await fetchOptions('', customeFilter, 1, false);\n            }\n            if (searchTerm?.length > 1 && !isInternalOptions) {\n                setPagination({\n                    page: 1,\n                    hasMore: true,\n                    isLoadingMore: false,\n                    total: 0\n                });\n                await fetchOptions(searchTerm, customeFilter, 1, false);\n            }\n        }, 700),\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n        [isInternalOptions, searchInitiate, JSON.stringify(customeFilter)]\n    );\n\n    // Initial fetch with filter change detection\n    const initialFetch = useCallback(async () => {\n        const condition = JSON.stringify(customeFilter) !== JSON.stringify(prevFilter);\n\n        if (condition&&!isInternalOptions && !isAlredyLoaded) {\n            setPrevFilter(customeFilter);\n            setOptions([]);\n            setIsAlredyLoaded(false);\n            setPagination({\n                page: 1,\n                hasMore: true,\n                isLoadingMore: false,\n                total: 0\n            });\n        }\n\n        if (!isInternalOptions && !isAlredyLoaded) {\n            await fetchOptions(searchQuery, customeFilter, 1, false);\n            setIsAlredyLoaded(true);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(customeFilter), isInternalOptions, isAlredyLoaded]);\n\n    // Set Selected Data\n    const setSelectedData = useCallback(() => {\n        let hasOptions = false;\n        const isInOptions = filteredOptions?.filter((i: any) => \n            multiple ? value?.includes(i?.value) : i?.value == value\n        );\n        \n        if ((Array.isArray(isInOptions) && isInOptions?.length > 0)) {\n            getSelectedData?.(multiple ? isInOptions : isInOptions[0]);\n            hasOptions = true;\n        }\n        return hasOptions;\n    }, [filteredOptions, value, multiple, getSelectedData]);\n\n    // Fetch Options for Selected Id\n    const fetchIdOptions = useCallback(async () => {\n        if (open) return;\n        if (await setSelectedData()) return;\n        \n        const fValue = multiple ? value && value?.filter(v => Boolean(Number(v))) : Number(value) ? value : null;\n        const condition = (multiple ? fValue?.length > 0 : fValue) && !isInternalOptions;\n        \n        if (condition) {\n            setInitialLoading(true);\n            await fetchOptions('', { ...customeFilter, ...{ '&id.in': fValue } }, 1, false);\n            setInitialLoading(false);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open, value,   JSON.stringify(customeFilter) ]);\n\n    const hasValue = multiple\n        ? Array.isArray(value) && value.length > 0\n        : value !== null && value !== undefined && value !== \"\";\n\n    // Effects\n    useEffect(() => {\n        if (open) {\n            debounceSearch(searchQuery);\n        }\n        return () => debounceSearch.cancel();\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [searchQuery, JSON.stringify(customeFilter), open, isAlredyLoaded, debounceSearch]);\n\n    useEffect(() => {\n        setSelectedData();\n    }, [setSelectedData]);\n\n    useEffect(() => {\n        fetchIdOptions();\n    }, [fetchIdOptions]);\n\n    useEffect(() => {\n        if (open) {\n            initialFetch();\n        }\n    }, [open, initialFetch]);\n\n    useEffect(() => {\n        const condition = JSON.stringify(customeFilter) !== JSON.stringify(prevFilter);\n        if (customeFilter && condition) {\n            setIsAlredyLoaded(false);\n        }\n    }, [customeFilter, prevFilter]);\n\n    useEffect(() => {\n        if (value && !open) {\n            const selectedData = options?.filter((i: any) =>\n                multiple ? value?.includes(i?.value) : i?.value == value\n            ) || [];\n            setSelectedOptions(selectedData);\n        }\n        setSelectedOptions(filteredOptions?.filter((i: any) =>\n            multiple ? value?.includes(i?.value) : i?.value == value\n        ));\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, open, options, multiple]);\n\n    const handleOnChange = (event: any) => {\n        const { value } = event.target;\n        if ((multiple && Array.isArray(value) && value?.filter(v => v).length == 0) || !value) return;\n        \n        const isSelected = (item: any) => {\n            return multiple ? value?.includes(item?.value) : item?.value === value;\n        };\n\n        const selected = filteredOptions?.filter(isSelected);\n        onChange(event, multiple ? selected : selected?.[0]);\n    };\n\n    const removeUndefine = (selectOptions: any[]) => {\n        return Array.isArray(selectOptions) && selectOptions?.length > 0 && selectOptions?.filter((option) => option);\n    };\n\n    return (\n        <Select\n            labelId={labelId}\n            name={name}\n            defaultValue={defaultValue || (multiple ? [] : '')}\n            placeholder={placeholder}\n            className=\"filter-select\"\n            size={size}\n            onOpen={() => setOpen(true)}\n            onClose={() => {\n                setOpen(false);\n                if (searchQuery?.length > 0) {\n                    setIsAlredyLoaded(false);\n                }\n                setSearchInitiate(false);\n                setSearchQuery('');\n            }}\n            onChange={handleOnChange}\n            showCancelButton={showCancelButton}\n            multiple={multiple}\n            label={t(label)}\n            fullWidth\n            displayEmpty\n            autoFocus={autoFocus}\n            error={Boolean(error)}\n            disabled={disabled}\n            value={initailLoading ? (multiple ? [] : '') : value?.id || value || (multiple ? [] : '')}\n            searchPlaceholder={searchPlaceholder}\n            CustomDropdownIcon={CustomDropDownIcon}\n            sx={ (multiple && value?.length) ? {...customStyle, \"& .MuiSelect-select\": { padding: '5.5px !important' }} : customStyle}\n            MenuProps={{\n                PaperProps: {\n                    onScroll: handleScroll,\n                    style: { maxHeight: 295,maxWidth:250 }\n                }\n            }}\n            input={\n                !disabled ? (\n                    <OutlinedInput\n                        label=\"\"\n                        sx={inputStyle}\n                        endAdornment={\n                            <InputAdornment position=\"end\">\n                                {loading || is_loading ? (\n                                    <CircularProgress\n                                        size={20}\n                                        sx={{ mr: 3, color: \"#4AC08C\" }}\n                                    />\n                                ) : (\n                                    showCancelButton && hasValue && (\n                                        <IconButton\n                                            aria-label=\"clear selection\"\n                                            onClick={handleClear}\n                                            edge=\"end\"\n                                            sx={isRtl ? { ml: 2.5 } : { mr: 1.5 }}\n                                            size=\"small\"\n                                        >\n                                            <Close fontSize=\"small\" sx={{ color: 'theme.primary.800' }} />\n                                        </IconButton>\n                                    )\n                                )}\n                            </InputAdornment>\n                        }\n                    />\n                ) : undefined\n            }\n            renderValue={(selected?: string | string[]) => {\n                return (\n                    <>\n                        {Array.isArray(selected) ? (\n                            <ChipOrPlaceholder\n                                selectedLabel={selectedLabel}\n                                data={removeUndefine(selected)}\n                                placeholder={placeholder}\n                                onDelete={onChipRemove}\n                                disabled={disabled}\n                                chipProps={{\n                                    sx: {\n                                        bgcolor: 'theme.primary.100',\n                                        border: 0,\n                                        // borderRadius: '15px',\n                                        '& .MuiTypography-body1': {\n                                            color: 'theme.primary.800',\n                                            fontWeight: \"500\",\n                                        }\n                                    }\n                                }}\n                            />\n                        ) : (\n                            Array.isArray(filteredOptions) && filteredOptions?.length > 0 && filteredOptions?.find(\n                                (option: any) => option?.value == value\n                            )?.label || selected || placeholder\n                        )}\n                    </>\n                );\n            }}\n            handleSearch={(text) => {\n                setSearchQuery(text);\n                setSearchInitiate(true);\n            }}\n        >\n            {generateMenuItems({\n                options: filteredOptions,\n                multiple: Boolean(multiple),\n                placeholder,\n                values: value,\n                with_checkboxes: true,\n                field: { \n                    ...props, \n                    enable_footer, \n                    onFooterClick, \n                    label \n                },\n                disabledIds,\n                handleClear,\n                handleChange,\n                hasParent,\n                t: (key: string) => key\n            })}\n            {pagination.isLoadingMore && (\n                <MenuItem disabled>\n                    <Box sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}>\n                        <CircularProgress size={20} />\n                    </Box>\n                </MenuItem>\n            )}\n        </Select>\n    );\n};\n\nexport default SearchableSelect;"],"names":["value","filteredOptions","label","React","pagination","error"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/searchable-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n    Box,\n    CircularProgress,\n    Divider,\n    IconButton,\n    InputAdornment,\n    MenuItem,\n    OutlinedInput,\n} from \"@mui/material\";\nimport Select from \"./select/select\";\nimport Checkbox from \"./checkbox/checkbox\";\nimport Typography from \"./typography/typography\";\nimport { Close } from \"./icons\";\nimport { debounce, sortBy } from \"lodash\";\nimport { fetchApi } from \"../utils/api\";\nimport ChipOrPlaceholder from \"./form-control/form-builder/form-builder-element/chip-or-placeholder\";\nimport { Add } from \"@mui/icons-material\";\nimport { useLanguage } from \"../hooks/useLangauge\";\nimport { useTranslation } from \"react-i18next\";\n\ninterface IOption {\n    id: string | number;\n    value: string | number;\n    label: string | React.ReactNode;\n    disabled?: boolean;\n    isGroup?: boolean;\n    options?: IOption[];\n    searchLabel?: string;\n}\n\ninterface IPaginationState {\n    page: number;\n    hasMore: boolean;\n    isLoadingMore: boolean;\n    total: number;\n}\n\ninterface IMenuItems {\n    options: IOption[];\n    multiple: boolean;\n    placeholder: string;\n    with_checkboxes: boolean;\n    values: string | string[];\n    field: any;\n    disabledIds: any[];\n    handleClear: () => void;\n    handleChange?: (value: string | string[]) => void;\n    hasParent?: boolean;\n}\n\ninterface SearchableSelectProps {\n    labelId: string;\n    label: string;\n    value: any;\n    onChange: (event: any, selectedData?: any) => void;\n    options: IOption[];\n    multiple?: boolean;\n    placeholder?: string;\n    size?: \"small\" | \"medium\";\n    searchPlaceholder?: string;\n    CustomDropDownIcon: React.ReactNode;\n    customStyle: any;\n    name?: string;\n    defaultValue?: any;\n    apiType?: string;\n    isInternal?: boolean;\n    autoFocus?: any;\n    error?: any;\n    disabled: any;\n    customeFilter?: string;\n    attributes?: string;\n    getSelectedData?: (row: any) => void;\n    disabledIds: any[];\n    labelKey?: string;\n    valueKey?: string;\n    inputStyle?: any;\n    onChipRemove?: (value: string) => void;\n    selectedLabel?: string;\n    is_loading?: boolean;\n    hasParent?: boolean;\n    sortOrder?: string;\n    handleChange?: (value: string | string[]) => void;\n    enable_footer?: boolean;\n    onFooterClick?: () => void;\n    showCancelButton?: boolean;\n}\n\nconst generateMenuItems = ({\n    options,\n    multiple,\n    placeholder,\n    with_checkboxes,\n    values,\n    field,\n    disabledIds,\n    handleClear,\n    handleChange,\n    hasParent = false,\n}: IMenuItems) => {\n    const itemDisabled = (ls: any) => disabledIds?.includes(ls);\n    const items: React.ReactElement[] = [];\n    \n    if (!multiple) {\n        items.push(\n            <MenuItem disabled value='' key=\"placeholder\" sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\n                <Typography type='s3' color='theme.secondary.1000'>\n                    <em>{placeholder}</em>\n                </Typography>\n            </MenuItem>\n        );\n    }\n\n    const selectedValues = Array.isArray(values) ? values?.filter((value) => value) : [];\n\n    // Parent selection handlers\n    const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n    \n        const isParentSelected = valueArray.includes(parentValue);\n        const updatedValues = isParentSelected\n            ? valueArray.filter((value) => value !== parentValue && !childValues.includes(value))\n            : [...new Set([...valueArray, parentValue, ...childValues])];\n    \n        handleChange?.(updatedValues);\n    };\n\n    const isAllOptionsSelected = (parentValue: string, childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n        return childValues.every((childValue) => valueArray.includes(childValue));\n    };\n\n    const isSomeOptionsSelected = (childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n        return childValues.some((childValue) => valueArray.includes(childValue));\n    };\n\n    Array.isArray(options) && options?.length > 0 && options?.forEach((option) => {\n        items.push(\n            <MenuItem\n                value={option?.value}\n                key={option?.value}\n                disabled={Boolean(option?.disabled) || itemDisabled(option?.value)}\n                className={option?.isGroup ? 'select--MenuItemHeader' : ''}\n                onClick={() => {\n                    if (values?.length == 1) {\n                        handleClear();\n                    }\n                }}\n            >\n                <Box sx={{ display: 'flex', gap: 1 }}>\n                    {multiple && with_checkboxes && (\n                        <Checkbox\n                            checked={\n                                hasParent\n                                    ? isAllOptionsSelected(option.value, option.options || [])\n                                    : Boolean(Array.isArray(values) && values?.indexOf(option?.value) > -1)\n                            }\n                            indeterminate={\n                                hasParent && isSomeOptionsSelected(option.options || [])\n                            }\n                            onChange={() => \n                                hasParent \n                                    ? handleParentChange(option.value, option.options || [])\n                                    : handleChange?.(option.value)\n                            }\n                        />\n                    )}\n                    <Typography \n                        type='s3' \n                        color='theme.secondary.1000'\n                        onClick={() => handleChange?.(option.value)}\n                    >\n                        {option?.label}\n                    </Typography>\n                </Box>\n            </MenuItem>\n        );\n\n        // Handle child options for grouped items\n        if (option?.isGroup && Array.isArray(option?.options)) {\n            option.options.forEach((opt) => {\n                items.push(\n                    <MenuItem\n                        value={opt.value}\n                        disabled={Boolean(opt.disabled) || itemDisabled(opt.value)}\n                        sx={{ pl: 5 }}\n                        onClick={() => {\n                            if (values?.length == 1) {\n                                handleClear();\n                            }\n                        }}\n                        key={`${option.value}-${opt.value}`}\n                    >\n                        <Box sx={{ display: 'flex', gap: 1 }}>\n                            {multiple && with_checkboxes && (\n                                <Checkbox\n                                    checked={Boolean(Array.isArray(values) && values?.indexOf(opt.value) > -1)}\n                                />\n                            )}\n                            <Typography \n                                type='s3' \n                                color='theme.secondary.1000'\n                                onClick={() => handleChange?.(String(opt.value))}\n                            >\n                                {opt.label == \"Payment Entries\" ? \"Payment and Collection Entries\" : opt.label || opt.value}\n                            </Typography>\n                        </Box>\n                    </MenuItem>\n                );\n            });\n        }\n    });\n\n    // Footer item\n    if (field.enable_footer) {\n        items.push(\n            <Box key=\"footer\">\n                <Divider flexItem />\n                <MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n                    <Add fontSize='small' />\n                    <Typography type='s4' color='theme.secondary.1000'>\n                        Create New {field.label}\n                    </Typography>\n                </MenuItem>\n            </Box>\n        );\n    }\n\n    // No data fallback\n    if (!items.length || (items.length == 1 && !multiple)) {\n        items.push(\n            <MenuItem disabled key=\"no-data\">\n                No data available\n            </MenuItem>\n        );\n    }\n\n    return items;\n};\n\nconst SearchableSelect: React.FC<SearchableSelectProps> = (props) => {\n    const {\n        labelId,\n        label,\n        value,\n        onChange,\n        options,\n        multiple = false,\n        size = \"small\",\n        searchPlaceholder,\n        placeholder,\n        name,\n        defaultValue,\n        apiType,\n        isInternal = false,\n        autoFocus,\n        error,\n        disabled,\n        customeFilter,\n        attributes,\n        getSelectedData,\n        disabledIds,\n        onChipRemove,\n        selectedLabel,\n        is_loading,\n        customStyle={},\n        CustomDropDownIcon,\n        labelKey,\n        valueKey,\n        inputStyle,\n        hasParent = false,\n        sortOrder = 'id:-1',\n        handleChange,\n        enable_footer = false,\n        onFooterClick,\n        showCancelButton = true\n    } = props;\n\n    const [searchQuery, setSearchQuery] = useState(\"\");\n    const [loading, setLoading] = useState<boolean>(false);\n    const [dynamicOptions, setOptions] = useState<IOption[]>([]);\n    const [selectedOptions, setSelectedOptions] = useState<IOption[]>([]);\n    const [isAlredyLoaded, setIsAlredyLoaded] = useState(false);\n    const [initailLoading, setInitialLoading] = useState(false);\n    const [searchInitiate, setSearchInitiate] = useState(false);\n    const [open, setOpen] = useState(false);\n    const [prevFilter, setPrevFilter] = useState<any>(null);\n    const {t}=useTranslation();\n    \n    // Pagination state\n    const [pagination, setPagination] = useState<IPaginationState>({\n        page: 1,\n        hasMore: true,\n        isLoadingMore: false,\n        total: 0\n    });\n\n    const { isRtl } = useLanguage();\n    const limit = 25;\n\n    const isInternalOptions = useMemo(() => {\n        return isInternal || !apiType;\n    }, [isInternal, apiType]);\n\n    // Local search function for internal options\n    const searchOptionsLocally = useCallback((searchTerm: string, value: any): IOption[] => {\n        if (!searchTerm) return options || [];\n    \n        const lowercasedSearchTerm = searchTerm.toLowerCase();\n    \n        const filteredOptions = hasParent\n            ? options?.reduce((acc: IOption[], opt) => {\n                  const searchedOptions = opt.options?.filter((item) => {\n                      const label = React.isValidElement(item.label) ? item.searchLabel : String(item.label);\n                      return label?.toLowerCase().includes(lowercasedSearchTerm);\n                  });\n    \n                  if (searchedOptions?.length) {\n                      acc.push({ ...opt, options: searchedOptions });\n                  }\n    \n                  return acc;\n              }, []) || []\n            : options?.filter((opt) => {\n                  const label = React.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);\n                  return label?.toLowerCase().includes(lowercasedSearchTerm);\n              }) || [];\n    \n        return sortBySelectedValues(filteredOptions, value);\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [options, hasParent]);\n\n    // Clear Selected Options\n    const handleClear = () => {\n        onChange({ target: { value: multiple ? [] : null } });\n        if (getSelectedData && typeof getSelectedData === \"function\") {\n            getSelectedData(null);\n        }\n    };\n\n    // Get unique options\n    const getUniqueOptions = useCallback((data: IOption[]): IOption[] => {\n        const uniqueOptions = [\n            ...new Map(data?.map(item => [item.value, item])).values()\n        ];\n        return uniqueOptions;\n    }, []);\n\n    // Sort by selected values\n    const sortBySelectedValues = useCallback((arrayToSort: IOption[], value: any): IOption[] => {\n        const selectedValues = Array.isArray(value) ? value : [value];\n        const sortedValue = sortBy(arrayToSort, (item) => {\n            const index = selectedValues.indexOf(item.id || item.value);\n            return index === -1 ? Infinity : index;\n        });\n        return sortedValue;\n    }, []);\n\n    // Options with search and pagination support\n    const filteredOptions = useMemo(() => {\n        if (isInternalOptions) {\n            return searchOptionsLocally(searchQuery, value);\n        }\n        return sortBySelectedValues(getUniqueOptions([...dynamicOptions, ...selectedOptions]), value);\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [searchQuery, dynamicOptions, options, value, isInternalOptions, selectedOptions, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);\n\n    // Handle scroll pagination\n    const handleScroll = useCallback((event: React.UIEvent<HTMLDivElement>) => {\n        const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\n        const isBottom = scrollHeight - scrollTop <= clientHeight + 10;\n       \n        if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {\n            const nextPage = pagination.page + 1;\n            fetchOptions(searchQuery, customeFilter, nextPage, true);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, JSON.stringify(customeFilter)]);\n\n    // Update Options\n    const updateOptions = useCallback((newOptions: IOption[], append = false) => {\n        const oldOptions = append ? dynamicOptions : selectedOptions;\n        const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);\n        setOptions(uniqueOptions);\n    }, [dynamicOptions, selectedOptions, getUniqueOptions]);\n\n    // Fetch Options with pagination support\n    const fetchOptions = useCallback(async (searchTerm: any = '', filters = customeFilter, page = 1, append = false) => {\n        if (!apiType) return [];\n\n        setLoading(true);\n        if (page > 1) {\n            setPagination(prev => ({ ...prev, isLoadingMore: true }));\n        }\n\n        try {\n            const {data=[],pagination={}} = await fetchApi({\n                apiKey: apiType,\n                filters: {\n                    limit,\n                    skip: (page - 1) * limit,\n                    search: searchTerm,\n                    filters,\n                    select: attributes,\n                    order: sortOrder\n                },\n                labelKey,\n                valueKey\n            });\n\n            if (data && Array.isArray(data)) {\n                updateOptions(data, append);\n                \n                // Update pagination\n                setPagination(prev => ({\n                    ...prev,\n                    page,\n                    hasMore: pagination?.totalCount > (page*limit),\n                    total: pagination?.totalCount,\n                    isLoadingMore: false\n                }));\n\n                if (data?.length > 0) {\n                    setSelectedData();\n                }\n            }\n            \n            return data || [];\n        } catch (error) {\n            console.error('Error fetching options:', error);\n            setPagination(prev => ({ ...prev, isLoadingMore: false }));\n            return [];\n        } finally {\n            setLoading(false);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [apiType, attributes, sortOrder, limit, updateOptions]);\n\n    // Search Options with debounce\n    const debounceSearch = useMemo(\n        () => debounce(async (searchTerm: string) => {\n            if (loading) return;\n            \n            if (!searchTerm && !isInternalOptions && searchInitiate) {\n                setPagination({\n                    page: 1,\n                    hasMore: true,\n                    isLoadingMore: false,\n                    total: 0\n                });\n                await fetchOptions('', customeFilter, 1, false);\n            }\n            if (searchTerm?.length > 1 && !isInternalOptions) {\n                setPagination({\n                    page: 1,\n                    hasMore: true,\n                    isLoadingMore: false,\n                    total: 0\n                });\n                await fetchOptions(searchTerm, customeFilter, 1, false);\n            }\n        }, 700),\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n        [isInternalOptions, searchInitiate, JSON.stringify(customeFilter)]\n    );\n\n    // Initial fetch with filter change detection\n    const initialFetch = useCallback(async () => {\n        const condition = JSON.stringify(customeFilter) !== JSON.stringify(prevFilter);\n\n        if (condition&&!isInternalOptions && !isAlredyLoaded) {\n            setPrevFilter(customeFilter);\n            setOptions([]);\n            setIsAlredyLoaded(false);\n            setPagination({\n                page: 1,\n                hasMore: true,\n                isLoadingMore: false,\n                total: 0\n            });\n        }\n\n        if (!isInternalOptions && !isAlredyLoaded) {\n            await fetchOptions(searchQuery, customeFilter, 1, false);\n            setIsAlredyLoaded(true);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(customeFilter), isInternalOptions, isAlredyLoaded]);\n\n    // Set Selected Data\n    const setSelectedData = useCallback(() => {\n        let hasOptions = false;\n        const isInOptions = filteredOptions?.filter((i: any) => \n            multiple ? value?.includes(i?.value) : i?.value == value\n        );\n        \n        if ((Array.isArray(isInOptions) && isInOptions?.length > 0)) {\n            getSelectedData?.(multiple ? isInOptions : isInOptions[0]);\n            hasOptions = true;\n        }\n        return hasOptions;\n    }, [filteredOptions, value, multiple, getSelectedData]);\n\n    // Fetch Options for Selected Id\n    const fetchIdOptions = useCallback(async () => {\n        if (open) return;\n        if (await setSelectedData()) return;\n        \n        const fValue = multiple ? value && value?.filter(v => Boolean(Number(v))) : Number(value) ? value : null;\n        const condition = (multiple ? fValue?.length > 0 : fValue) && !isInternalOptions;\n        \n        if (condition) {\n            setInitialLoading(true);\n            await fetchOptions('', { ...customeFilter, ...{ '&id.in': fValue } }, 1, false);\n            setInitialLoading(false);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open, value,   JSON.stringify(customeFilter) ]);\n\n    const hasValue = multiple\n        ? Array.isArray(value) && value.length > 0\n        : value !== null && value !== undefined && value !== \"\";\n\n    // Effects\n    useEffect(() => {\n        if (open) {\n            debounceSearch(searchQuery);\n        }\n        return () => debounceSearch.cancel();\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [searchQuery, JSON.stringify(customeFilter), open, isAlredyLoaded, debounceSearch]);\n\n    useEffect(() => {\n        setSelectedData();\n    }, [setSelectedData]);\n\n    useEffect(() => {\n        fetchIdOptions();\n    }, [fetchIdOptions]);\n\n    useEffect(() => {\n        if (open) {\n            initialFetch();\n        }\n    }, [open, initialFetch]);\n\n    useEffect(() => {\n        const condition = JSON.stringify(customeFilter) !== JSON.stringify(prevFilter);\n        if (customeFilter && condition) {\n            setIsAlredyLoaded(false);\n        }\n    }, [customeFilter, prevFilter]);\n\n    useEffect(() => {\n        if (value && !open) {\n            const selectedData = options?.filter((i: any) =>\n                multiple ? value?.includes(i?.value) : i?.value == value\n            ) || [];\n            setSelectedOptions(selectedData);\n        }\n        setSelectedOptions(filteredOptions?.filter((i: any) =>\n            multiple ? value?.includes(i?.value) : i?.value == value\n        ));\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, open, options, multiple]);\n\n    const handleOnChange = (event: any) => {\n        const { value } = event.target;\n        if ((multiple && Array.isArray(value) && value?.filter(v => v).length == 0) || !value) return;\n        \n        const isSelected = (item: any) => {\n            return multiple ? value?.includes(item?.value) : item?.value === value;\n        };\n\n        const selected = filteredOptions?.filter(isSelected);\n        onChange(event, multiple ? selected : selected?.[0]);\n    };\n\n    const removeUndefine = (selectOptions: any[]) => {\n        return Array.isArray(selectOptions) && selectOptions?.length > 0 && selectOptions?.filter((option) => option);\n    };\n\n    return (\n        <Select\n            labelId={labelId}\n            name={name}\n            defaultValue={defaultValue || (multiple ? [] : '')}\n            placeholder={placeholder}\n            className=\"filter-select\"\n            size={size}\n            onOpen={() => setOpen(true)}\n            onClose={() => {\n                setOpen(false);\n                if (searchQuery?.length > 0) {\n                    setIsAlredyLoaded(false);\n                }\n                setSearchInitiate(false);\n                setSearchQuery('');\n            }}\n            onChange={handleOnChange}\n            showCancelButton={showCancelButton}\n            multiple={multiple}\n            label={t(label)}\n            fullWidth\n            displayEmpty\n            autoFocus={autoFocus}\n            error={Boolean(error)}\n            disabled={disabled}\n            value={initailLoading ? (multiple ? [] : '') : value?.id || value || (multiple ? [] : '')}\n            searchPlaceholder={searchPlaceholder}\n            CustomDropdownIcon={CustomDropDownIcon}\n            sx={ (multiple && value?.length) ? {...customStyle, \"& .MuiSelect-select\": { padding: '5.5px !important' }} : customStyle}\n            MenuProps={{\n                PaperProps: {\n                    onScroll: handleScroll,\n                    style: { maxHeight: 295,maxWidth:250 }\n                }\n            }}\n            input={\n                !disabled ? (\n                    <OutlinedInput\n                        label=\"\"\n                        sx={inputStyle}\n                        endAdornment={\n                            <InputAdornment position=\"end\">\n                                {loading || is_loading ? (\n                                    <CircularProgress\n                                        size={20}\n                                        sx={{ mr: 3, color: \"#4AC08C\" }}\n                                    />\n                                ) : (\n                                    showCancelButton && hasValue && (\n                                        <IconButton\n                                            aria-label=\"clear selection\"\n                                            onClick={handleClear}\n                                            edge=\"end\"\n                                            sx={isRtl ? { ml: 2.5 } : { mr: 1.5 }}\n                                            size=\"small\"\n                                        >\n                                            <Close fontSize=\"small\" sx={{ color: 'theme.primary.800' }} />\n                                        </IconButton>\n                                    )\n                                )}\n                            </InputAdornment>\n                        }\n                    />\n                ) : undefined\n            }\n            renderValue={(selected?: string | string[]) => {\n                return (\n                    <>\n                        {Array.isArray(selected) ? (\n                            <ChipOrPlaceholder\n                                selectedLabel={selectedLabel}\n                                data={removeUndefine(selected)}\n                                placeholder={placeholder}\n                                onDelete={onChipRemove}\n                                disabled={disabled}\n                                chipProps={{\n                                    sx: {\n                                        bgcolor: 'theme.primary.100',\n                                        border: 0,\n                                        // borderRadius: '15px',\n                                        '& .MuiTypography-body1': {\n                                            color: 'theme.primary.800',\n                                            fontWeight: \"500\",\n                                        }\n                                    }\n                                }}\n                            />\n                        ) : (\n                            Array.isArray(filteredOptions) && filteredOptions?.length > 0 && filteredOptions?.find(\n                                (option: any) => option?.value == value\n                            )?.label || selected || placeholder\n                        )}\n                    </>\n                );\n            }}\n            handleSearch={(text) => {\n                setSearchQuery(text);\n                setSearchInitiate(true);\n            }}\n        >\n            {generateMenuItems({\n                options: filteredOptions,\n                multiple: Boolean(multiple),\n                placeholder,\n                values: value,\n                with_checkboxes: true,\n                field: { \n                    ...props, \n                    enable_footer, \n                    onFooterClick, \n                    label \n                },\n                disabledIds,\n                handleClear,\n                handleChange,\n                hasParent,\n                t: (key: string) => key\n            })}\n            {pagination.isLoadingMore && (\n                <MenuItem disabled>\n                    <Box sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}>\n                        <CircularProgress size={20} />\n                    </Box>\n                </MenuItem>\n            )}\n        </Select>\n    );\n};\n\nexport default SearchableSelect;"],"names":["value","filteredOptions","label","React","pagination","error"],"mappings":"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"}

package/dist/components/searchable-select/index.js

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("@mui/material"),n=require("../select/select/index.js"),r=require("../checkbox/checkbox/index.js"),i=require("../typography/typography/index.js"),o=require("lodash"),t=require("../../utils/api/index.js"),s=require("../form-control/form-builder/form-builder-element/chip-or-placeholder/index.js"),u=require("@mui/icons-material"),d=require("../../hooks/useLangauge/index.js"),c=require("react-i18next"),h=require("../icons/close/index.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=/* @__PURE__ */v(l);const y=({options:l,multiple:n,placeholder:o,with_checkboxes:t,values:s,field:d,disabledIds:c,handleClear:h,handleChange:v,hasParent:p=!1})=>{const y=e=>null==c?void 0:c.includes(e),f=[];n||f.push(
-/* @__PURE__ */e.jsx(a.MenuItem,{disabled:!0,value:"",sx:{opacity:"0 !important",height:"0 !important",p:"0 !important",m:"0 !important"},children:/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"theme.secondary.1000",children:/* @__PURE__ */e.jsx("em",{children:o})})},"placeholder"));const g=Array.isArray(s)?null==s?void 0:s.filter(e=>e):[],m=(e,l)=>{const a=l.map(e=>e.value),n=Array.isArray(g)?g:[g];return a.every(e=>n.includes(e))},x=e=>{const l=e.map(e=>e.value),a=Array.isArray(g)?g:[g];return l.some(e=>a.includes(e))};return Array.isArray(l)&&(null==l?void 0:l.length)>0&&(null==l||l.forEach(l=>{f.push(
-/* @__PURE__ */e.jsx(a.MenuItem,{value:null==l?void 0:l.value,disabled:Boolean(null==l?void 0:l.disabled)||y(null==l?void 0:l.value),className:(null==l?void 0:l.isGroup)?"select--MenuItemHeader":"",onClick:()=>{1==(null==s?void 0:s.length)&&h()},children:/* @__PURE__ */e.jsxs(a.Box,{sx:{display:"flex",gap:1},children:[n&&t&&/* @__PURE__ */e.jsx(r.default,{checked:p?m(l.value,l.options||[]):Boolean(Array.isArray(s)&&(null==s?void 0:s.indexOf(null==l?void 0:l.value))>-1),indeterminate:p&&x(l.options||[]),onChange:()=>p?((e,l)=>{const a=l.map(e=>e.value),n=Array.isArray(g)?g:[g],r=n.includes(e)?n.filter(l=>l!==e&&!a.includes(l)):[.../* @__PURE__ */new Set([...n,e,...a])];null==v||v(r)})(l.value,l.options||[]):null==v?void 0:v(l.value)}),
-/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"theme.secondary.1000",onClick:()=>null==v?void 0:v(l.value),children:null==l?void 0:l.label})]})},null==l?void 0:l.value)),(null==l?void 0:l.isGroup)&&Array.isArray(null==l?void 0:l.options)&&l.options.forEach(o=>{f.push(
-/* @__PURE__ */e.jsx(a.MenuItem,{value:o.value,disabled:Boolean(o.disabled)||y(o.value),sx:{pl:5},onClick:()=>{1==(null==s?void 0:s.length)&&h()},children:/* @__PURE__ */e.jsxs(a.Box,{sx:{display:"flex",gap:1},children:[n&&t&&/* @__PURE__ */e.jsx(r.default,{checked:Boolean(Array.isArray(s)&&(null==s?void 0:s.indexOf(o.value))>-1)}),
-/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"theme.secondary.1000",onClick:()=>null==v?void 0:v(String(o.value)),children:"Payment Entries"==o.label?"Payment and Collection Entries":o.label||o.value})]})},`${l.value}-${o.value}`))})})),d.enable_footer&&f.push(
-/* @__PURE__ */e.jsxs(a.Box,{children:[
-/* @__PURE__ */e.jsx(a.Divider,{flexItem:!0}),
-/* @__PURE__ */e.jsxs(a.MenuItem,{sx:{gap:1},onClick:d.onFooterClick,children:[
-/* @__PURE__ */e.jsx(u.Add,{fontSize:"small"}),
-/* @__PURE__ */e.jsxs(i.Typography,{type:"s4",color:"theme.secondary.1000",children:["Create New ",d.label]})]})]},"footer")),f.length&&(1!=f.length||n)||f.push(
-/* @__PURE__ */e.jsx(a.MenuItem,{disabled:!0,children:"No data available"},"no-data")),f};exports.default=r=>{const{labelId:i,label:u,value:v,onChange:f,options:g,multiple:m=!1,size:x="small",searchPlaceholder:b,placeholder:C,name:j,defaultValue:A,apiType:M,isInternal:S=!1,autoFocus:k,error:w,disabled:I,customeFilter:L,attributes:O,getSelectedData:B,disabledIds:N,onChipRemove:P,selectedLabel:q,is_loading:E,customStyle:J={},CustomDropDownIcon:T,labelKey:_,valueKey:z,inputStyle:F,hasParent:D=!1,sortOrder:K="id:-1",handleChange:V,enable_footer:H=!1,onFooterClick:W,showCancelButton:G=!0}=r,[R,$]=l.useState(""),[Q,U]=l.useState(!1),[X,Y]=l.useState([]),[Z,ee]=l.useState([]),[le,ae]=l.useState(!1),[ne,re]=l.useState(!1),[ie,oe]=l.useState(!1),[te,se]=l.useState(!1),[ue,de]=l.useState(null),{t:ce}=c.useTranslation(),[he,ve]=l.useState({page:1,hasMore:!0,isLoadingMore:!1,total:0}),{isRtl:pe}=d.useLanguage(),ye=l.useMemo(()=>S||!M,[S,M]),fe=l.useCallback((e,l)=>{if(!e)return g||[];const a=e.toLowerCase(),n=D?(null==g?void 0:g.reduce((e,l)=>{var n;const r=null==(n=l.options)?void 0:n.filter(e=>{const l=p.default.isValidElement(e.label)?e.searchLabel:String(e.label);return null==l?void 0:l.toLowerCase().includes(a)});return(null==r?void 0:r.length)&&e.push({...l,options:r}),e},[]))||[]:(null==g?void 0:g.filter(e=>{const l=p.default.isValidElement(e.label)?e.searchLabel:String(e.label);return null==l?void 0:l.toLowerCase().includes(a)}))||[];return xe(n,l)},[g,D]),ge=()=>{f({target:{value:m?[]:null}}),B&&"function"==typeof B&&B(null)},me=l.useCallback(e=>[...new Map(null==e?void 0:e.map(e=>[e.value,e])).values()],[]),xe=l.useCallback((e,l)=>{const a=Array.isArray(l)?l:[l];return o.sortBy(e,e=>{const l=a.indexOf(e.id||e.value);return-1===l?1/0:l})},[]),be=l.useMemo(()=>ye?fe(R,v):xe(me([...X,...Z]),v),[R,X,g,v,ye,Z,fe,xe,me]),Ce=l.useCallback(e=>{const{scrollTop:l,scrollHeight:a,clientHeight:n}=e.currentTarget;if(a-l<=n+10&&he.hasMore&&!he.isLoadingMore&&!ye){const e=he.page+1;Ae(R,L,e,!0)}},[he.hasMore,he.isLoadingMore,he.page,ye,R,JSON.stringify(L)]),je=l.useCallback((e,l=!1)=>{const a=me([...l?X:Z,...e]);Y(a)},[X,Z,me]),Ae=l.useCallback(async(e="",l=L,a=1,n=!1)=>{if(!M)return[];U(!0),a>1&&ve(e=>({...e,isLoadingMore:!0}));try{const{data:r=[],pagination:i={}}=await t.fetchApi({apiKey:M,filters:{limit:25,skip:25*(a-1),search:e,filters:l,select:O,order:K},labelKey:_,valueKey:z});return r&&Array.isArray(r)&&(je(r,n),ve(e=>({...e,page:a,hasMore:(null==i?void 0:i.totalCount)>25*a,total:null==i?void 0:i.totalCount,isLoadingMore:!1})),(null==r?void 0:r.length)>0&&ke()),r||[]}catch(r){return ve(e=>({...e,isLoadingMore:!1})),[]}finally{U(!1)}},[M,O,K,25,je]),Me=l.useMemo(()=>o.debounce(async e=>{Q||(e||ye||!ie||(ve({page:1,hasMore:!0,isLoadingMore:!1,total:0}),await Ae("",L,1,!1)),(null==e?void 0:e.length)>1&&!ye&&(ve({page:1,hasMore:!0,isLoadingMore:!1,total:0}),await Ae(e,L,1,!1)))},700),[ye,ie,JSON.stringify(L)]),Se=l.useCallback(async()=>{!(JSON.stringify(L)!==JSON.stringify(ue))||ye||le||(de(L),Y([]),ae(!1),ve({page:1,hasMore:!0,isLoadingMore:!1,total:0})),ye||le||(await Ae(R,L,1,!1),ae(!0))},[JSON.stringify(L),ye,le]),ke=l.useCallback(()=>{let e=!1;const l=null==be?void 0:be.filter(e=>m?null==v?void 0:v.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==v);return Array.isArray(l)&&(null==l?void 0:l.length)>0&&(null==B||B(m?l:l[0]),e=!0),e},[be,v,m,B]),we=l.useCallback(async()=>{if(te)return;if(await ke())return;const e=m?v&&(null==v?void 0:v.filter(e=>Boolean(Number(e)))):Number(v)?v:null;(m?(null==e?void 0:e.length)>0:e)&&!ye&&(re(!0),await Ae("",{...L,"&id.in":e},1,!1),re(!1))},[te,v,JSON.stringify(L)]),Ie=m?Array.isArray(v)&&v.length>0:null!=v&&""!==v;return l.useEffect(()=>(te&&Me(R),()=>Me.cancel()),[R,JSON.stringify(L),te,le,Me]),l.useEffect(()=>{ke()},[ke]),l.useEffect(()=>{we()},[we]),l.useEffect(()=>{te&&Se()},[te,Se]),l.useEffect(()=>{const e=JSON.stringify(L)!==JSON.stringify(ue);L&&e&&ae(!1)},[L,ue]),l.useEffect(()=>{if(v&&!te){const e=(null==g?void 0:g.filter(e=>m?null==v?void 0:v.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==v))||[];ee(e)}ee(null==be?void 0:be.filter(e=>m?null==v?void 0:v.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==v))},[v,te,g,m]),/* @__PURE__ */e.jsxs(n.default,{labelId:i,name:j,defaultValue:A||(m?[]:""),placeholder:C,className:"filter-select",size:x,onOpen:()=>se(!0),onClose:()=>{se(!1),(null==R?void 0:R.length)>0&&ae(!1),oe(!1),$("")},onChange:e=>{const{value:l}=e.target;if(m&&Array.isArray(l)&&0==(null==l?void 0:l.filter(e=>e).length)||!l)return;const a=null==be?void 0:be.filter(e=>m?null==l?void 0:l.includes(null==e?void 0:e.value):(null==e?void 0:e.value)===l);f(e,m?a:null==a?void 0:a[0])},showCancelButton:G,multiple:m,label:ce(u),fullWidth:!0,displayEmpty:!0,autoFocus:k,error:Boolean(w),disabled:I,value:ne?m?[]:"":(null==v?void 0:v.id)||v||(m?[]:""),searchPlaceholder:b,CustomDropdownIcon:T,sx:m&&(null==v?void 0:v.length)?{...J,"& .MuiSelect-select":{padding:"5.5px !important"}}:J,MenuProps:{PaperProps:{onScroll:Ce,style:{maxHeight:295,maxWidth:250}}},input:I?void 0:/* @__PURE__ */e.jsx(a.OutlinedInput,{label:"",sx:F,endAdornment:/* @__PURE__ */e.jsx(a.InputAdornment,{position:"end",children:Q||E?/* @__PURE__ */e.jsx(a.CircularProgress,{size:20,sx:{mr:3,color:"#4AC08C"}}):G&&Ie&&/* @__PURE__ */e.jsx(a.IconButton,{"aria-label":"clear selection",onClick:ge,edge:"end",sx:pe?{ml:2.5}:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(h.Close,{fontSize:"small",sx:{color:"theme.primary.800"}})})})}),renderValue:l=>{var a,n;/* @__PURE__ */
-return e.jsx(e.Fragment,{children:Array.isArray(l)?/* @__PURE__ */e.jsx(s.default,{selectedLabel:q,data:(n=l,Array.isArray(n)&&(null==n?void 0:n.length)>0&&(null==n?void 0:n.filter(e=>e))),placeholder:C,onDelete:P,disabled:I,chipProps:{sx:{bgcolor:"theme.primary.100",border:0,"& .MuiTypography-body1":{color:"theme.primary.800",fontWeight:"500"}}}}):Array.isArray(be)&&(null==be?void 0:be.length)>0&&(null==(a=null==be?void 0:be.find(e=>(null==e?void 0:e.value)==v))?void 0:a.label)||l||C})},handleSearch:e=>{$(e),oe(!0)},children:[y({options:be,multiple:Boolean(m),placeholder:C,values:v,with_checkboxes:!0,field:{enable_footer:H,onFooterClick:W,label:u},disabledIds:N,handleClear:ge,handleChange:V,hasParent:D}),he.isLoadingMore&&/* @__PURE__ */e.jsx(a.MenuItem,{disabled:!0,children:/* @__PURE__ */e.jsx(a.Box,{sx:{display:"flex",justifyContent:"center",width:"100%"},children:/* @__PURE__ */e.jsx(a.CircularProgress,{size:20})})})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("../select/select/index.js"),i=require("../checkbox/checkbox/index.js"),n=require("../typography/typography/index.js"),r=require("lodash"),o=require("../../utils/api/index.js"),t=require("../form-control/form-builder/form-builder-element/chip-or-placeholder/index.js"),s=require("../../hooks/useLangauge/index.js"),u=require("react-i18next"),d=require("../../node_modules/@mui/material/MenuItem/MenuItem/index.js"),c=require("../../node_modules/@mui/material/Box/Box/index.js"),h=require("../../node_modules/@mui/material/CircularProgress/CircularProgress/index.js"),v=require("../../node_modules/@mui/material/OutlinedInput/OutlinedInput/index.js"),p=require("../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js"),f=require("../../node_modules/@mui/material/IconButton/IconButton/index.js"),y=require("../icons/close/index.js"),m=require("../../node_modules/@mui/material/Divider/Divider/index.js"),g=require("../../node_modules/@mui/icons-material/esm/Add/index.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=/* @__PURE__ */x(l);const j=({options:l,multiple:a,placeholder:r,with_checkboxes:o,values:t,field:s,disabledIds:u,handleClear:h,handleChange:v,hasParent:p=!1})=>{const f=e=>null==u?void 0:u.includes(e),y=[];a||y.push(
+/* @__PURE__ */e.jsx(d.default,{disabled:!0,value:"",sx:{opacity:"0 !important",height:"0 !important",p:"0 !important",m:"0 !important"},children:/* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",children:/* @__PURE__ */e.jsx("em",{children:r})})},"placeholder"));const x=Array.isArray(t)?null==t?void 0:t.filter(e=>e):[],b=(e,l)=>{const a=l.map(e=>e.value),i=Array.isArray(x)?x:[x];return a.every(e=>i.includes(e))},j=e=>{const l=e.map(e=>e.value),a=Array.isArray(x)?x:[x];return l.some(e=>a.includes(e))};return Array.isArray(l)&&(null==l?void 0:l.length)>0&&(null==l||l.forEach(l=>{y.push(
+/* @__PURE__ */e.jsx(d.default,{value:null==l?void 0:l.value,disabled:Boolean(null==l?void 0:l.disabled)||f(null==l?void 0:l.value),className:(null==l?void 0:l.isGroup)?"select--MenuItemHeader":"",onClick:()=>{1==(null==t?void 0:t.length)&&h()},children:/* @__PURE__ */e.jsxs(c.default,{sx:{display:"flex",gap:1},children:[a&&o&&/* @__PURE__ */e.jsx(i.default,{checked:p?b(l.value,l.options||[]):Boolean(Array.isArray(t)&&(null==t?void 0:t.indexOf(null==l?void 0:l.value))>-1),indeterminate:p&&j(l.options||[]),onChange:()=>p?((e,l)=>{const a=l.map(e=>e.value),i=Array.isArray(x)?x:[x],n=i.includes(e)?i.filter(l=>l!==e&&!a.includes(l)):[.../* @__PURE__ */new Set([...i,e,...a])];null==v||v(n)})(l.value,l.options||[]):null==v?void 0:v(l.value)}),
+/* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",onClick:()=>null==v?void 0:v(l.value),children:null==l?void 0:l.label})]})},null==l?void 0:l.value)),(null==l?void 0:l.isGroup)&&Array.isArray(null==l?void 0:l.options)&&l.options.forEach(r=>{y.push(
+/* @__PURE__ */e.jsx(d.default,{value:r.value,disabled:Boolean(r.disabled)||f(r.value),sx:{pl:5},onClick:()=>{1==(null==t?void 0:t.length)&&h()},children:/* @__PURE__ */e.jsxs(c.default,{sx:{display:"flex",gap:1},children:[a&&o&&/* @__PURE__ */e.jsx(i.default,{checked:Boolean(Array.isArray(t)&&(null==t?void 0:t.indexOf(r.value))>-1)}),
+/* @__PURE__ */e.jsx(n.Typography,{type:"s3",color:"theme.secondary.1000",onClick:()=>null==v?void 0:v(String(r.value)),children:"Payment Entries"==r.label?"Payment and Collection Entries":r.label||r.value})]})},`${l.value}-${r.value}`))})})),s.enable_footer&&y.push(
+/* @__PURE__ */e.jsxs(c.default,{children:[
+/* @__PURE__ */e.jsx(m.default,{flexItem:!0}),
+/* @__PURE__ */e.jsxs(d.default,{sx:{gap:1},onClick:s.onFooterClick,children:[
+/* @__PURE__ */e.jsx(g.default,{fontSize:"small"}),
+/* @__PURE__ */e.jsxs(n.Typography,{type:"s4",color:"theme.secondary.1000",children:["Create New ",s.label]})]})]},"footer")),y.length&&(1!=y.length||a)||y.push(
+/* @__PURE__ */e.jsx(d.default,{disabled:!0,children:"No data available"},"no-data")),y};exports.default=i=>{const{labelId:n,label:m,value:g,onChange:x,options:C,multiple:A=!1,size:S="small",searchPlaceholder:M,placeholder:k,name:q,defaultValue:w,apiType:L,isInternal:I=!1,autoFocus:O,error:_,disabled:N,customeFilter:B,attributes:P,getSelectedData:E,disabledIds:J,onChipRemove:T,selectedLabel:z,is_loading:D,customStyle:F={},CustomDropDownIcon:K,labelKey:V,valueKey:H,inputStyle:W,hasParent:G=!1,sortOrder:R="id:-1",handleChange:$,enable_footer:Q=!1,onFooterClick:U,showCancelButton:X=!0}=i,[Y,Z]=l.useState(""),[ee,le]=l.useState(!1),[ae,ie]=l.useState([]),[ne,re]=l.useState([]),[oe,te]=l.useState(!1),[se,ue]=l.useState(!1),[de,ce]=l.useState(!1),[he,ve]=l.useState(!1),[pe,fe]=l.useState(null),{t:ye}=u.useTranslation(),[me,ge]=l.useState({page:1,hasMore:!0,isLoadingMore:!1,total:0}),{isRtl:xe}=s.useLanguage(),be=l.useMemo(()=>I||!L,[I,L]),je=l.useCallback((e,l)=>{if(!e)return C||[];const a=e.toLowerCase(),i=G?(null==C?void 0:C.reduce((e,l)=>{var i;const n=null==(i=l.options)?void 0:i.filter(e=>{const l=b.default.isValidElement(e.label)?e.searchLabel:String(e.label);return null==l?void 0:l.toLowerCase().includes(a)});return(null==n?void 0:n.length)&&e.push({...l,options:n}),e},[]))||[]:(null==C?void 0:C.filter(e=>{const l=b.default.isValidElement(e.label)?e.searchLabel:String(e.label);return null==l?void 0:l.toLowerCase().includes(a)}))||[];return Se(i,l)},[C,G]),Ce=()=>{x({target:{value:A?[]:null}}),E&&"function"==typeof E&&E(null)},Ae=l.useCallback(e=>[...new Map(null==e?void 0:e.map(e=>[e.value,e])).values()],[]),Se=l.useCallback((e,l)=>{const a=Array.isArray(l)?l:[l];return r.sortBy(e,e=>{const l=a.indexOf(e.id||e.value);return-1===l?1/0:l})},[]),Me=l.useMemo(()=>be?je(Y,g):Se(Ae([...ae,...ne]),g),[Y,ae,C,g,be,ne,je,Se,Ae]),ke=l.useCallback(e=>{const{scrollTop:l,scrollHeight:a,clientHeight:i}=e.currentTarget;if(a-l<=i+10&&me.hasMore&&!me.isLoadingMore&&!be){const e=me.page+1;we(Y,B,e,!0)}},[me.hasMore,me.isLoadingMore,me.page,be,Y,JSON.stringify(B)]),qe=l.useCallback((e,l=!1)=>{const a=Ae([...l?ae:ne,...e]);ie(a)},[ae,ne,Ae]),we=l.useCallback(async(e="",l=B,a=1,i=!1)=>{if(!L)return[];le(!0),a>1&&ge(e=>({...e,isLoadingMore:!0}));try{const{data:n=[],pagination:r={}}=await o.fetchApi({apiKey:L,filters:{limit:25,skip:25*(a-1),search:e,filters:l,select:P,order:R},labelKey:V,valueKey:H});return n&&Array.isArray(n)&&(qe(n,i),ge(e=>({...e,page:a,hasMore:(null==r?void 0:r.totalCount)>25*a,total:null==r?void 0:r.totalCount,isLoadingMore:!1})),(null==n?void 0:n.length)>0&&Oe()),n||[]}catch(n){return ge(e=>({...e,isLoadingMore:!1})),[]}finally{le(!1)}},[L,P,R,25,qe]),Le=l.useMemo(()=>r.debounce(async e=>{ee||(e||be||!de||(ge({page:1,hasMore:!0,isLoadingMore:!1,total:0}),await we("",B,1,!1)),(null==e?void 0:e.length)>1&&!be&&(ge({page:1,hasMore:!0,isLoadingMore:!1,total:0}),await we(e,B,1,!1)))},700),[be,de,JSON.stringify(B)]),Ie=l.useCallback(async()=>{!(JSON.stringify(B)!==JSON.stringify(pe))||be||oe||(fe(B),ie([]),te(!1),ge({page:1,hasMore:!0,isLoadingMore:!1,total:0})),be||oe||(await we(Y,B,1,!1),te(!0))},[JSON.stringify(B),be,oe]),Oe=l.useCallback(()=>{let e=!1;const l=null==Me?void 0:Me.filter(e=>A?null==g?void 0:g.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==g);return Array.isArray(l)&&(null==l?void 0:l.length)>0&&(null==E||E(A?l:l[0]),e=!0),e},[Me,g,A,E]),_e=l.useCallback(async()=>{if(he)return;if(await Oe())return;const e=A?g&&(null==g?void 0:g.filter(e=>Boolean(Number(e)))):Number(g)?g:null;(A?(null==e?void 0:e.length)>0:e)&&!be&&(ue(!0),await we("",{...B,"&id.in":e},1,!1),ue(!1))},[he,g,JSON.stringify(B)]),Ne=A?Array.isArray(g)&&g.length>0:null!=g&&""!==g;return l.useEffect(()=>(he&&Le(Y),()=>Le.cancel()),[Y,JSON.stringify(B),he,oe,Le]),l.useEffect(()=>{Oe()},[Oe]),l.useEffect(()=>{_e()},[_e]),l.useEffect(()=>{he&&Ie()},[he,Ie]),l.useEffect(()=>{const e=JSON.stringify(B)!==JSON.stringify(pe);B&&e&&te(!1)},[B,pe]),l.useEffect(()=>{if(g&&!he){const e=(null==C?void 0:C.filter(e=>A?null==g?void 0:g.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==g))||[];re(e)}re(null==Me?void 0:Me.filter(e=>A?null==g?void 0:g.includes(null==e?void 0:e.value):(null==e?void 0:e.value)==g))},[g,he,C,A]),/* @__PURE__ */e.jsxs(a.default,{labelId:n,name:q,defaultValue:w||(A?[]:""),placeholder:k,className:"filter-select",size:S,onOpen:()=>ve(!0),onClose:()=>{ve(!1),(null==Y?void 0:Y.length)>0&&te(!1),ce(!1),Z("")},onChange:e=>{const{value:l}=e.target;if(A&&Array.isArray(l)&&0==(null==l?void 0:l.filter(e=>e).length)||!l)return;const a=null==Me?void 0:Me.filter(e=>A?null==l?void 0:l.includes(null==e?void 0:e.value):(null==e?void 0:e.value)===l);x(e,A?a:null==a?void 0:a[0])},showCancelButton:X,multiple:A,label:ye(m),fullWidth:!0,displayEmpty:!0,autoFocus:O,error:Boolean(_),disabled:N,value:se?A?[]:"":(null==g?void 0:g.id)||g||(A?[]:""),searchPlaceholder:M,CustomDropdownIcon:K,sx:A&&(null==g?void 0:g.length)?{...F,"& .MuiSelect-select":{padding:"5.5px !important"}}:F,MenuProps:{PaperProps:{onScroll:ke,style:{maxHeight:295,maxWidth:250}}},input:N?void 0:/* @__PURE__ */e.jsx(v.default,{label:"",sx:W,endAdornment:/* @__PURE__ */e.jsx(p.default,{position:"end",children:ee||D?/* @__PURE__ */e.jsx(h.default,{size:20,sx:{mr:3,color:"#4AC08C"}}):X&&Ne&&/* @__PURE__ */e.jsx(f.default,{"aria-label":"clear selection",onClick:Ce,edge:"end",sx:xe?{ml:2.5}:{mr:1.5},size:"small",children:/* @__PURE__ */e.jsx(y.Close,{fontSize:"small",sx:{color:"theme.primary.800"}})})})}),renderValue:l=>{var a,i;/* @__PURE__ */
+return e.jsx(e.Fragment,{children:Array.isArray(l)?/* @__PURE__ */e.jsx(t.default,{selectedLabel:z,data:(i=l,Array.isArray(i)&&(null==i?void 0:i.length)>0&&(null==i?void 0:i.filter(e=>e))),placeholder:k,onDelete:T,disabled:N,chipProps:{sx:{bgcolor:"theme.primary.100",border:0,"& .MuiTypography-body1":{color:"theme.primary.800",fontWeight:"500"}}}}):Array.isArray(Me)&&(null==Me?void 0:Me.length)>0&&(null==(a=null==Me?void 0:Me.find(e=>(null==e?void 0:e.value)==g))?void 0:a.label)||l||k})},handleSearch:e=>{Z(e),ce(!0)},children:[j({options:Me,multiple:Boolean(A),placeholder:k,values:g,with_checkboxes:!0,field:{enable_footer:Q,onFooterClick:U,label:m},disabledIds:J,handleClear:Ce,handleChange:$,hasParent:G}),me.isLoadingMore&&/* @__PURE__ */e.jsx(d.default,{disabled:!0,children:/* @__PURE__ */e.jsx(c.default,{sx:{display:"flex",justifyContent:"center",width:"100%"},children:/* @__PURE__ */e.jsx(h.default,{size:20})})})]})};
 //# sourceMappingURL=index.js.map

package/dist/components/searchable-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/searchable-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n    Box,\n    CircularProgress,\n    Divider,\n    IconButton,\n    InputAdornment,\n    MenuItem,\n    OutlinedInput,\n} from \"@mui/material\";\nimport Select from \"./select/select\";\nimport Checkbox from \"./checkbox/checkbox\";\nimport Typography from \"./typography/typography\";\nimport { Close } from \"./icons\";\nimport { debounce, sortBy } from \"lodash\";\nimport { fetchApi } from \"../utils/api\";\nimport ChipOrPlaceholder from \"./form-control/form-builder/form-builder-element/chip-or-placeholder\";\nimport { Add } from \"@mui/icons-material\";\nimport { useLanguage } from \"../hooks/useLangauge\";\nimport { useTranslation } from \"react-i18next\";\n\ninterface IOption {\n    id: string | number;\n    value: string | number;\n    label: string | React.ReactNode;\n    disabled?: boolean;\n    isGroup?: boolean;\n    options?: IOption[];\n    searchLabel?: string;\n}\n\ninterface IPaginationState {\n    page: number;\n    hasMore: boolean;\n    isLoadingMore: boolean;\n    total: number;\n}\n\ninterface IMenuItems {\n    options: IOption[];\n    multiple: boolean;\n    placeholder: string;\n    with_checkboxes: boolean;\n    values: string | string[];\n    field: any;\n    disabledIds: any[];\n    handleClear: () => void;\n    handleChange?: (value: string | string[]) => void;\n    hasParent?: boolean;\n}\n\ninterface SearchableSelectProps {\n    labelId: string;\n    label: string;\n    value: any;\n    onChange: (event: any, selectedData?: any) => void;\n    options: IOption[];\n    multiple?: boolean;\n    placeholder?: string;\n    size?: \"small\" | \"medium\";\n    searchPlaceholder?: string;\n    CustomDropDownIcon: React.ReactNode;\n    customStyle: any;\n    name?: string;\n    defaultValue?: any;\n    apiType?: string;\n    isInternal?: boolean;\n    autoFocus?: any;\n    error?: any;\n    disabled: any;\n    customeFilter?: string;\n    attributes?: string;\n    getSelectedData?: (row: any) => void;\n    disabledIds: any[];\n    labelKey?: string;\n    valueKey?: string;\n    inputStyle?: any;\n    onChipRemove?: (value: string) => void;\n    selectedLabel?: string;\n    is_loading?: boolean;\n    hasParent?: boolean;\n    sortOrder?: string;\n    handleChange?: (value: string | string[]) => void;\n    enable_footer?: boolean;\n    onFooterClick?: () => void;\n    showCancelButton?: boolean;\n}\n\nconst generateMenuItems = ({\n    options,\n    multiple,\n    placeholder,\n    with_checkboxes,\n    values,\n    field,\n    disabledIds,\n    handleClear,\n    handleChange,\n    hasParent = false,\n}: IMenuItems) => {\n    const itemDisabled = (ls: any) => disabledIds?.includes(ls);\n    const items: React.ReactElement[] = [];\n    \n    if (!multiple) {\n        items.push(\n            <MenuItem disabled value='' key=\"placeholder\" sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\n                <Typography type='s3' color='theme.secondary.1000'>\n                    <em>{placeholder}</em>\n                </Typography>\n            </MenuItem>\n        );\n    }\n\n    const selectedValues = Array.isArray(values) ? values?.filter((value) => value) : [];\n\n    // Parent selection handlers\n    const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n    \n        const isParentSelected = valueArray.includes(parentValue);\n        const updatedValues = isParentSelected\n            ? valueArray.filter((value) => value !== parentValue && !childValues.includes(value))\n            : [...new Set([...valueArray, parentValue, ...childValues])];\n    \n        handleChange?.(updatedValues);\n    };\n\n    const isAllOptionsSelected = (parentValue: string, childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n        return childValues.every((childValue) => valueArray.includes(childValue));\n    };\n\n    const isSomeOptionsSelected = (childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n        return childValues.some((childValue) => valueArray.includes(childValue));\n    };\n\n    Array.isArray(options) && options?.length > 0 && options?.forEach((option) => {\n        items.push(\n            <MenuItem\n                value={option?.value}\n                key={option?.value}\n                disabled={Boolean(option?.disabled) || itemDisabled(option?.value)}\n                className={option?.isGroup ? 'select--MenuItemHeader' : ''}\n                onClick={() => {\n                    if (values?.length == 1) {\n                        handleClear();\n                    }\n                }}\n            >\n                <Box sx={{ display: 'flex', gap: 1 }}>\n                    {multiple && with_checkboxes && (\n                        <Checkbox\n                            checked={\n                                hasParent\n                                    ? isAllOptionsSelected(option.value, option.options || [])\n                                    : Boolean(Array.isArray(values) && values?.indexOf(option?.value) > -1)\n                            }\n                            indeterminate={\n                                hasParent && isSomeOptionsSelected(option.options || [])\n                            }\n                            onChange={() => \n                                hasParent \n                                    ? handleParentChange(option.value, option.options || [])\n                                    : handleChange?.(option.value)\n                            }\n                        />\n                    )}\n                    <Typography \n                        type='s3' \n                        color='theme.secondary.1000'\n                        onClick={() => handleChange?.(option.value)}\n                    >\n                        {option?.label}\n                    </Typography>\n                </Box>\n            </MenuItem>\n        );\n\n        // Handle child options for grouped items\n        if (option?.isGroup && Array.isArray(option?.options)) {\n            option.options.forEach((opt) => {\n                items.push(\n                    <MenuItem\n                        value={opt.value}\n                        disabled={Boolean(opt.disabled) || itemDisabled(opt.value)}\n                        sx={{ pl: 5 }}\n                        onClick={() => {\n                            if (values?.length == 1) {\n                                handleClear();\n                            }\n                        }}\n                        key={`${option.value}-${opt.value}`}\n                    >\n                        <Box sx={{ display: 'flex', gap: 1 }}>\n                            {multiple && with_checkboxes && (\n                                <Checkbox\n                                    checked={Boolean(Array.isArray(values) && values?.indexOf(opt.value) > -1)}\n                                />\n                            )}\n                            <Typography \n                                type='s3' \n                                color='theme.secondary.1000'\n                                onClick={() => handleChange?.(String(opt.value))}\n                            >\n                                {opt.label == \"Payment Entries\" ? \"Payment and Collection Entries\" : opt.label || opt.value}\n                            </Typography>\n                        </Box>\n                    </MenuItem>\n                );\n            });\n        }\n    });\n\n    // Footer item\n    if (field.enable_footer) {\n        items.push(\n            <Box key=\"footer\">\n                <Divider flexItem />\n                <MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n                    <Add fontSize='small' />\n                    <Typography type='s4' color='theme.secondary.1000'>\n                        Create New {field.label}\n                    </Typography>\n                </MenuItem>\n            </Box>\n        );\n    }\n\n    // No data fallback\n    if (!items.length || (items.length == 1 && !multiple)) {\n        items.push(\n            <MenuItem disabled key=\"no-data\">\n                No data available\n            </MenuItem>\n        );\n    }\n\n    return items;\n};\n\nconst SearchableSelect: React.FC<SearchableSelectProps> = (props) => {\n    const {\n        labelId,\n        label,\n        value,\n        onChange,\n        options,\n        multiple = false,\n        size = \"small\",\n        searchPlaceholder,\n        placeholder,\n        name,\n        defaultValue,\n        apiType,\n        isInternal = false,\n        autoFocus,\n        error,\n        disabled,\n        customeFilter,\n        attributes,\n        getSelectedData,\n        disabledIds,\n        onChipRemove,\n        selectedLabel,\n        is_loading,\n        customStyle={},\n        CustomDropDownIcon,\n        labelKey,\n        valueKey,\n        inputStyle,\n        hasParent = false,\n        sortOrder = 'id:-1',\n        handleChange,\n        enable_footer = false,\n        onFooterClick,\n        showCancelButton = true\n    } = props;\n\n    const [searchQuery, setSearchQuery] = useState(\"\");\n    const [loading, setLoading] = useState<boolean>(false);\n    const [dynamicOptions, setOptions] = useState<IOption[]>([]);\n    const [selectedOptions, setSelectedOptions] = useState<IOption[]>([]);\n    const [isAlredyLoaded, setIsAlredyLoaded] = useState(false);\n    const [initailLoading, setInitialLoading] = useState(false);\n    const [searchInitiate, setSearchInitiate] = useState(false);\n    const [open, setOpen] = useState(false);\n    const [prevFilter, setPrevFilter] = useState<any>(null);\n    const {t}=useTranslation();\n    \n    // Pagination state\n    const [pagination, setPagination] = useState<IPaginationState>({\n        page: 1,\n        hasMore: true,\n        isLoadingMore: false,\n        total: 0\n    });\n\n    const { isRtl } = useLanguage();\n    const limit = 25;\n\n    const isInternalOptions = useMemo(() => {\n        return isInternal || !apiType;\n    }, [isInternal, apiType]);\n\n    // Local search function for internal options\n    const searchOptionsLocally = useCallback((searchTerm: string, value: any): IOption[] => {\n        if (!searchTerm) return options || [];\n    \n        const lowercasedSearchTerm = searchTerm.toLowerCase();\n    \n        const filteredOptions = hasParent\n            ? options?.reduce((acc: IOption[], opt) => {\n                  const searchedOptions = opt.options?.filter((item) => {\n                      const label = React.isValidElement(item.label) ? item.searchLabel : String(item.label);\n                      return label?.toLowerCase().includes(lowercasedSearchTerm);\n                  });\n    \n                  if (searchedOptions?.length) {\n                      acc.push({ ...opt, options: searchedOptions });\n                  }\n    \n                  return acc;\n              }, []) || []\n            : options?.filter((opt) => {\n                  const label = React.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);\n                  return label?.toLowerCase().includes(lowercasedSearchTerm);\n              }) || [];\n    \n        return sortBySelectedValues(filteredOptions, value);\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [options, hasParent]);\n\n    // Clear Selected Options\n    const handleClear = () => {\n        onChange({ target: { value: multiple ? [] : null } });\n        if (getSelectedData && typeof getSelectedData === \"function\") {\n            getSelectedData(null);\n        }\n    };\n\n    // Get unique options\n    const getUniqueOptions = useCallback((data: IOption[]): IOption[] => {\n        const uniqueOptions = [\n            ...new Map(data?.map(item => [item.value, item])).values()\n        ];\n        return uniqueOptions;\n    }, []);\n\n    // Sort by selected values\n    const sortBySelectedValues = useCallback((arrayToSort: IOption[], value: any): IOption[] => {\n        const selectedValues = Array.isArray(value) ? value : [value];\n        const sortedValue = sortBy(arrayToSort, (item) => {\n            const index = selectedValues.indexOf(item.id || item.value);\n            return index === -1 ? Infinity : index;\n        });\n        return sortedValue;\n    }, []);\n\n    // Options with search and pagination support\n    const filteredOptions = useMemo(() => {\n        if (isInternalOptions) {\n            return searchOptionsLocally(searchQuery, value);\n        }\n        return sortBySelectedValues(getUniqueOptions([...dynamicOptions, ...selectedOptions]), value);\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [searchQuery, dynamicOptions, options, value, isInternalOptions, selectedOptions, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);\n\n    // Handle scroll pagination\n    const handleScroll = useCallback((event: React.UIEvent<HTMLDivElement>) => {\n        const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\n        const isBottom = scrollHeight - scrollTop <= clientHeight + 10;\n       \n        if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {\n            const nextPage = pagination.page + 1;\n            fetchOptions(searchQuery, customeFilter, nextPage, true);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, JSON.stringify(customeFilter)]);\n\n    // Update Options\n    const updateOptions = useCallback((newOptions: IOption[], append = false) => {\n        const oldOptions = append ? dynamicOptions : selectedOptions;\n        const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);\n        setOptions(uniqueOptions);\n    }, [dynamicOptions, selectedOptions, getUniqueOptions]);\n\n    // Fetch Options with pagination support\n    const fetchOptions = useCallback(async (searchTerm: any = '', filters = customeFilter, page = 1, append = false) => {\n        if (!apiType) return [];\n\n        setLoading(true);\n        if (page > 1) {\n            setPagination(prev => ({ ...prev, isLoadingMore: true }));\n        }\n\n        try {\n            const {data=[],pagination={}} = await fetchApi({\n                apiKey: apiType,\n                filters: {\n                    limit,\n                    skip: (page - 1) * limit,\n                    search: searchTerm,\n                    filters,\n                    select: attributes,\n                    order: sortOrder\n                },\n                labelKey,\n                valueKey\n            });\n\n            if (data && Array.isArray(data)) {\n                updateOptions(data, append);\n                \n                // Update pagination\n                setPagination(prev => ({\n                    ...prev,\n                    page,\n                    hasMore: pagination?.totalCount > (page*limit),\n                    total: pagination?.totalCount,\n                    isLoadingMore: false\n                }));\n\n                if (data?.length > 0) {\n                    setSelectedData();\n                }\n            }\n            \n            return data || [];\n        } catch (error) {\n            console.error('Error fetching options:', error);\n            setPagination(prev => ({ ...prev, isLoadingMore: false }));\n            return [];\n        } finally {\n            setLoading(false);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [apiType, attributes, sortOrder, limit, updateOptions]);\n\n    // Search Options with debounce\n    const debounceSearch = useMemo(\n        () => debounce(async (searchTerm: string) => {\n            if (loading) return;\n            \n            if (!searchTerm && !isInternalOptions && searchInitiate) {\n                setPagination({\n                    page: 1,\n                    hasMore: true,\n                    isLoadingMore: false,\n                    total: 0\n                });\n                await fetchOptions('', customeFilter, 1, false);\n            }\n            if (searchTerm?.length > 1 && !isInternalOptions) {\n                setPagination({\n                    page: 1,\n                    hasMore: true,\n                    isLoadingMore: false,\n                    total: 0\n                });\n                await fetchOptions(searchTerm, customeFilter, 1, false);\n            }\n        }, 700),\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n        [isInternalOptions, searchInitiate, JSON.stringify(customeFilter)]\n    );\n\n    // Initial fetch with filter change detection\n    const initialFetch = useCallback(async () => {\n        const condition = JSON.stringify(customeFilter) !== JSON.stringify(prevFilter);\n\n        if (condition&&!isInternalOptions && !isAlredyLoaded) {\n            setPrevFilter(customeFilter);\n            setOptions([]);\n            setIsAlredyLoaded(false);\n            setPagination({\n                page: 1,\n                hasMore: true,\n                isLoadingMore: false,\n                total: 0\n            });\n        }\n\n        if (!isInternalOptions && !isAlredyLoaded) {\n            await fetchOptions(searchQuery, customeFilter, 1, false);\n            setIsAlredyLoaded(true);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(customeFilter), isInternalOptions, isAlredyLoaded]);\n\n    // Set Selected Data\n    const setSelectedData = useCallback(() => {\n        let hasOptions = false;\n        const isInOptions = filteredOptions?.filter((i: any) => \n            multiple ? value?.includes(i?.value) : i?.value == value\n        );\n        \n        if ((Array.isArray(isInOptions) && isInOptions?.length > 0)) {\n            getSelectedData?.(multiple ? isInOptions : isInOptions[0]);\n            hasOptions = true;\n        }\n        return hasOptions;\n    }, [filteredOptions, value, multiple, getSelectedData]);\n\n    // Fetch Options for Selected Id\n    const fetchIdOptions = useCallback(async () => {\n        if (open) return;\n        if (await setSelectedData()) return;\n        \n        const fValue = multiple ? value && value?.filter(v => Boolean(Number(v))) : Number(value) ? value : null;\n        const condition = (multiple ? fValue?.length > 0 : fValue) && !isInternalOptions;\n        \n        if (condition) {\n            setInitialLoading(true);\n            await fetchOptions('', { ...customeFilter, ...{ '&id.in': fValue } }, 1, false);\n            setInitialLoading(false);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open, value,   JSON.stringify(customeFilter) ]);\n\n    const hasValue = multiple\n        ? Array.isArray(value) && value.length > 0\n        : value !== null && value !== undefined && value !== \"\";\n\n    // Effects\n    useEffect(() => {\n        if (open) {\n            debounceSearch(searchQuery);\n        }\n        return () => debounceSearch.cancel();\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [searchQuery, JSON.stringify(customeFilter), open, isAlredyLoaded, debounceSearch]);\n\n    useEffect(() => {\n        setSelectedData();\n    }, [setSelectedData]);\n\n    useEffect(() => {\n        fetchIdOptions();\n    }, [fetchIdOptions]);\n\n    useEffect(() => {\n        if (open) {\n            initialFetch();\n        }\n    }, [open, initialFetch]);\n\n    useEffect(() => {\n        const condition = JSON.stringify(customeFilter) !== JSON.stringify(prevFilter);\n        if (customeFilter && condition) {\n            setIsAlredyLoaded(false);\n        }\n    }, [customeFilter, prevFilter]);\n\n    useEffect(() => {\n        if (value && !open) {\n            const selectedData = options?.filter((i: any) =>\n                multiple ? value?.includes(i?.value) : i?.value == value\n            ) || [];\n            setSelectedOptions(selectedData);\n        }\n        setSelectedOptions(filteredOptions?.filter((i: any) =>\n            multiple ? value?.includes(i?.value) : i?.value == value\n        ));\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, open, options, multiple]);\n\n    const handleOnChange = (event: any) => {\n        const { value } = event.target;\n        if ((multiple && Array.isArray(value) && value?.filter(v => v).length == 0) || !value) return;\n        \n        const isSelected = (item: any) => {\n            return multiple ? value?.includes(item?.value) : item?.value === value;\n        };\n\n        const selected = filteredOptions?.filter(isSelected);\n        onChange(event, multiple ? selected : selected?.[0]);\n    };\n\n    const removeUndefine = (selectOptions: any[]) => {\n        return Array.isArray(selectOptions) && selectOptions?.length > 0 && selectOptions?.filter((option) => option);\n    };\n\n    return (\n        <Select\n            labelId={labelId}\n            name={name}\n            defaultValue={defaultValue || (multiple ? [] : '')}\n            placeholder={placeholder}\n            className=\"filter-select\"\n            size={size}\n            onOpen={() => setOpen(true)}\n            onClose={() => {\n                setOpen(false);\n                if (searchQuery?.length > 0) {\n                    setIsAlredyLoaded(false);\n                }\n                setSearchInitiate(false);\n                setSearchQuery('');\n            }}\n            onChange={handleOnChange}\n            showCancelButton={showCancelButton}\n            multiple={multiple}\n            label={t(label)}\n            fullWidth\n            displayEmpty\n            autoFocus={autoFocus}\n            error={Boolean(error)}\n            disabled={disabled}\n            value={initailLoading ? (multiple ? [] : '') : value?.id || value || (multiple ? [] : '')}\n            searchPlaceholder={searchPlaceholder}\n            CustomDropdownIcon={CustomDropDownIcon}\n            sx={ (multiple && value?.length) ? {...customStyle, \"& .MuiSelect-select\": { padding: '5.5px !important' }} : customStyle}\n            MenuProps={{\n                PaperProps: {\n                    onScroll: handleScroll,\n                    style: { maxHeight: 295,maxWidth:250 }\n                }\n            }}\n            input={\n                !disabled ? (\n                    <OutlinedInput\n                        label=\"\"\n                        sx={inputStyle}\n                        endAdornment={\n                            <InputAdornment position=\"end\">\n                                {loading || is_loading ? (\n                                    <CircularProgress\n                                        size={20}\n                                        sx={{ mr: 3, color: \"#4AC08C\" }}\n                                    />\n                                ) : (\n                                    showCancelButton && hasValue && (\n                                        <IconButton\n                                            aria-label=\"clear selection\"\n                                            onClick={handleClear}\n                                            edge=\"end\"\n                                            sx={isRtl ? { ml: 2.5 } : { mr: 1.5 }}\n                                            size=\"small\"\n                                        >\n                                            <Close fontSize=\"small\" sx={{ color: 'theme.primary.800' }} />\n                                        </IconButton>\n                                    )\n                                )}\n                            </InputAdornment>\n                        }\n                    />\n                ) : undefined\n            }\n            renderValue={(selected?: string | string[]) => {\n                return (\n                    <>\n                        {Array.isArray(selected) ? (\n                            <ChipOrPlaceholder\n                                selectedLabel={selectedLabel}\n                                data={removeUndefine(selected)}\n                                placeholder={placeholder}\n                                onDelete={onChipRemove}\n                                disabled={disabled}\n                                chipProps={{\n                                    sx: {\n                                        bgcolor: 'theme.primary.100',\n                                        border: 0,\n                                        // borderRadius: '15px',\n                                        '& .MuiTypography-body1': {\n                                            color: 'theme.primary.800',\n                                            fontWeight: \"500\",\n                                        }\n                                    }\n                                }}\n                            />\n                        ) : (\n                            Array.isArray(filteredOptions) && filteredOptions?.length > 0 && filteredOptions?.find(\n                                (option: any) => option?.value == value\n                            )?.label || selected || placeholder\n                        )}\n                    </>\n                );\n            }}\n            handleSearch={(text) => {\n                setSearchQuery(text);\n                setSearchInitiate(true);\n            }}\n        >\n            {generateMenuItems({\n                options: filteredOptions,\n                multiple: Boolean(multiple),\n                placeholder,\n                values: value,\n                with_checkboxes: true,\n                field: { \n                    ...props, \n                    enable_footer, \n                    onFooterClick, \n                    label \n                },\n                disabledIds,\n                handleClear,\n                handleChange,\n                hasParent,\n                t: (key: string) => key\n            })}\n            {pagination.isLoadingMore && (\n                <MenuItem disabled>\n                    <Box sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}>\n                        <CircularProgress size={20} />\n                    </Box>\n                </MenuItem>\n            )}\n        </Select>\n    );\n};\n\nexport default SearchableSelect;"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","field","disabledIds","handleClear","handleChange","hasParent","itemDisabled","ls","includes","items","push","jsx","MenuItem","disabled","value","sx","opacity","height","p","m","children","Typography","type","color","selectedValues","Array","isArray","filter","isAllOptionsSelected","parentValue","childOptions","childValues","map","child","valueArray","every","childValue","isSomeOptionsSelected","some","length","forEach","option","Boolean","className","isGroup","onClick","jsxs","Box","display","gap","Checkbox","checked","indexOf","indeterminate","onChange","updatedValues","Set","handleParentChange","label","opt","pl","String","enable_footer","Divider","flexItem","onFooterClick","Add","fontSize","props","labelId","size","searchPlaceholder","name","defaultValue","apiType","isInternal","autoFocus","error","customeFilter","attributes","getSelectedData","onChipRemove","selectedLabel","is_loading","customStyle","CustomDropDownIcon","labelKey","valueKey","inputStyle","sortOrder","showCancelButton","searchQuery","setSearchQuery","useState","loading","setLoading","dynamicOptions","setOptions","selectedOptions","setSelectedOptions","isAlredyLoaded","setIsAlredyLoaded","initailLoading","setInitialLoading","searchInitiate","setSearchInitiate","open","setOpen","prevFilter","setPrevFilter","t","useTranslation","pagination","setPagination","page","hasMore","isLoadingMore","total","isRtl","useLanguage","isInternalOptions","useMemo","searchOptionsLocally","useCallback","searchTerm","lowercasedSearchTerm","toLowerCase","filteredOptions","reduce","acc","searchedOptions","_a","item","React","isValidElement","searchLabel","sortBySelectedValues","target","getUniqueOptions","data","Map","arrayToSort","sortBy","index","id","Infinity","handleScroll","event","scrollTop","scrollHeight","clientHeight","currentTarget","nextPage","fetchOptions","JSON","stringify","updateOptions","newOptions","append","uniqueOptions","async","filters","prev","fetchApi","apiKey","limit","skip","search","select","order","totalCount","setSelectedData","debounceSearch","debounce","initialFetch","hasOptions","isInOptions","i","fetchIdOptions","fValue","v","Number","hasValue","useEffect","cancel","condition","selectedData","Select","onOpen","onClose","selected","fullWidth","displayEmpty","CustomDropdownIcon","padding","MenuProps","PaperProps","onScroll","style","maxHeight","maxWidth","input","OutlinedInput","endAdornment","InputAdornment","position","CircularProgress","mr","IconButton","edge","ml","Close","renderValue","selectOptions","Fragment","ChipOrPlaceholder","onDelete","chipProps","bgcolor","border","fontWeight","find","handleSearch","text","justifyContent","width"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/searchable-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n    Box,\n    CircularProgress,\n    Divider,\n    IconButton,\n    InputAdornment,\n    MenuItem,\n    OutlinedInput,\n} from \"@mui/material\";\nimport Select from \"./select/select\";\nimport Checkbox from \"./checkbox/checkbox\";\nimport Typography from \"./typography/typography\";\nimport { Close } from \"./icons\";\nimport { debounce, sortBy } from \"lodash\";\nimport { fetchApi } from \"../utils/api\";\nimport ChipOrPlaceholder from \"./form-control/form-builder/form-builder-element/chip-or-placeholder\";\nimport { Add } from \"@mui/icons-material\";\nimport { useLanguage } from \"../hooks/useLangauge\";\nimport { useTranslation } from \"react-i18next\";\n\ninterface IOption {\n    id: string | number;\n    value: string | number;\n    label: string | React.ReactNode;\n    disabled?: boolean;\n    isGroup?: boolean;\n    options?: IOption[];\n    searchLabel?: string;\n}\n\ninterface IPaginationState {\n    page: number;\n    hasMore: boolean;\n    isLoadingMore: boolean;\n    total: number;\n}\n\ninterface IMenuItems {\n    options: IOption[];\n    multiple: boolean;\n    placeholder: string;\n    with_checkboxes: boolean;\n    values: string | string[];\n    field: any;\n    disabledIds: any[];\n    handleClear: () => void;\n    handleChange?: (value: string | string[]) => void;\n    hasParent?: boolean;\n}\n\ninterface SearchableSelectProps {\n    labelId: string;\n    label: string;\n    value: any;\n    onChange: (event: any, selectedData?: any) => void;\n    options: IOption[];\n    multiple?: boolean;\n    placeholder?: string;\n    size?: \"small\" | \"medium\";\n    searchPlaceholder?: string;\n    CustomDropDownIcon: React.ReactNode;\n    customStyle: any;\n    name?: string;\n    defaultValue?: any;\n    apiType?: string;\n    isInternal?: boolean;\n    autoFocus?: any;\n    error?: any;\n    disabled: any;\n    customeFilter?: string;\n    attributes?: string;\n    getSelectedData?: (row: any) => void;\n    disabledIds: any[];\n    labelKey?: string;\n    valueKey?: string;\n    inputStyle?: any;\n    onChipRemove?: (value: string) => void;\n    selectedLabel?: string;\n    is_loading?: boolean;\n    hasParent?: boolean;\n    sortOrder?: string;\n    handleChange?: (value: string | string[]) => void;\n    enable_footer?: boolean;\n    onFooterClick?: () => void;\n    showCancelButton?: boolean;\n}\n\nconst generateMenuItems = ({\n    options,\n    multiple,\n    placeholder,\n    with_checkboxes,\n    values,\n    field,\n    disabledIds,\n    handleClear,\n    handleChange,\n    hasParent = false,\n}: IMenuItems) => {\n    const itemDisabled = (ls: any) => disabledIds?.includes(ls);\n    const items: React.ReactElement[] = [];\n    \n    if (!multiple) {\n        items.push(\n            <MenuItem disabled value='' key=\"placeholder\" sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\n                <Typography type='s3' color='theme.secondary.1000'>\n                    <em>{placeholder}</em>\n                </Typography>\n            </MenuItem>\n        );\n    }\n\n    const selectedValues = Array.isArray(values) ? values?.filter((value) => value) : [];\n\n    // Parent selection handlers\n    const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n    \n        const isParentSelected = valueArray.includes(parentValue);\n        const updatedValues = isParentSelected\n            ? valueArray.filter((value) => value !== parentValue && !childValues.includes(value))\n            : [...new Set([...valueArray, parentValue, ...childValues])];\n    \n        handleChange?.(updatedValues);\n    };\n\n    const isAllOptionsSelected = (parentValue: string, childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n        return childValues.every((childValue) => valueArray.includes(childValue));\n    };\n\n    const isSomeOptionsSelected = (childOptions: IOption[]) => {\n        const childValues = childOptions.map((child) => child.value);\n        const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\n        return childValues.some((childValue) => valueArray.includes(childValue));\n    };\n\n    Array.isArray(options) && options?.length > 0 && options?.forEach((option) => {\n        items.push(\n            <MenuItem\n                value={option?.value}\n                key={option?.value}\n                disabled={Boolean(option?.disabled) || itemDisabled(option?.value)}\n                className={option?.isGroup ? 'select--MenuItemHeader' : ''}\n                onClick={() => {\n                    if (values?.length == 1) {\n                        handleClear();\n                    }\n                }}\n            >\n                <Box sx={{ display: 'flex', gap: 1 }}>\n                    {multiple && with_checkboxes && (\n                        <Checkbox\n                            checked={\n                                hasParent\n                                    ? isAllOptionsSelected(option.value, option.options || [])\n                                    : Boolean(Array.isArray(values) && values?.indexOf(option?.value) > -1)\n                            }\n                            indeterminate={\n                                hasParent && isSomeOptionsSelected(option.options || [])\n                            }\n                            onChange={() => \n                                hasParent \n                                    ? handleParentChange(option.value, option.options || [])\n                                    : handleChange?.(option.value)\n                            }\n                        />\n                    )}\n                    <Typography \n                        type='s3' \n                        color='theme.secondary.1000'\n                        onClick={() => handleChange?.(option.value)}\n                    >\n                        {option?.label}\n                    </Typography>\n                </Box>\n            </MenuItem>\n        );\n\n        // Handle child options for grouped items\n        if (option?.isGroup && Array.isArray(option?.options)) {\n            option.options.forEach((opt) => {\n                items.push(\n                    <MenuItem\n                        value={opt.value}\n                        disabled={Boolean(opt.disabled) || itemDisabled(opt.value)}\n                        sx={{ pl: 5 }}\n                        onClick={() => {\n                            if (values?.length == 1) {\n                                handleClear();\n                            }\n                        }}\n                        key={`${option.value}-${opt.value}`}\n                    >\n                        <Box sx={{ display: 'flex', gap: 1 }}>\n                            {multiple && with_checkboxes && (\n                                <Checkbox\n                                    checked={Boolean(Array.isArray(values) && values?.indexOf(opt.value) > -1)}\n                                />\n                            )}\n                            <Typography \n                                type='s3' \n                                color='theme.secondary.1000'\n                                onClick={() => handleChange?.(String(opt.value))}\n                            >\n                                {opt.label == \"Payment Entries\" ? \"Payment and Collection Entries\" : opt.label || opt.value}\n                            </Typography>\n                        </Box>\n                    </MenuItem>\n                );\n            });\n        }\n    });\n\n    // Footer item\n    if (field.enable_footer) {\n        items.push(\n            <Box key=\"footer\">\n                <Divider flexItem />\n                <MenuItem sx={{ gap: 1 }} onClick={field.onFooterClick}>\n                    <Add fontSize='small' />\n                    <Typography type='s4' color='theme.secondary.1000'>\n                        Create New {field.label}\n                    </Typography>\n                </MenuItem>\n            </Box>\n        );\n    }\n\n    // No data fallback\n    if (!items.length || (items.length == 1 && !multiple)) {\n        items.push(\n            <MenuItem disabled key=\"no-data\">\n                No data available\n            </MenuItem>\n        );\n    }\n\n    return items;\n};\n\nconst SearchableSelect: React.FC<SearchableSelectProps> = (props) => {\n    const {\n        labelId,\n        label,\n        value,\n        onChange,\n        options,\n        multiple = false,\n        size = \"small\",\n        searchPlaceholder,\n        placeholder,\n        name,\n        defaultValue,\n        apiType,\n        isInternal = false,\n        autoFocus,\n        error,\n        disabled,\n        customeFilter,\n        attributes,\n        getSelectedData,\n        disabledIds,\n        onChipRemove,\n        selectedLabel,\n        is_loading,\n        customStyle={},\n        CustomDropDownIcon,\n        labelKey,\n        valueKey,\n        inputStyle,\n        hasParent = false,\n        sortOrder = 'id:-1',\n        handleChange,\n        enable_footer = false,\n        onFooterClick,\n        showCancelButton = true\n    } = props;\n\n    const [searchQuery, setSearchQuery] = useState(\"\");\n    const [loading, setLoading] = useState<boolean>(false);\n    const [dynamicOptions, setOptions] = useState<IOption[]>([]);\n    const [selectedOptions, setSelectedOptions] = useState<IOption[]>([]);\n    const [isAlredyLoaded, setIsAlredyLoaded] = useState(false);\n    const [initailLoading, setInitialLoading] = useState(false);\n    const [searchInitiate, setSearchInitiate] = useState(false);\n    const [open, setOpen] = useState(false);\n    const [prevFilter, setPrevFilter] = useState<any>(null);\n    const {t}=useTranslation();\n    \n    // Pagination state\n    const [pagination, setPagination] = useState<IPaginationState>({\n        page: 1,\n        hasMore: true,\n        isLoadingMore: false,\n        total: 0\n    });\n\n    const { isRtl } = useLanguage();\n    const limit = 25;\n\n    const isInternalOptions = useMemo(() => {\n        return isInternal || !apiType;\n    }, [isInternal, apiType]);\n\n    // Local search function for internal options\n    const searchOptionsLocally = useCallback((searchTerm: string, value: any): IOption[] => {\n        if (!searchTerm) return options || [];\n    \n        const lowercasedSearchTerm = searchTerm.toLowerCase();\n    \n        const filteredOptions = hasParent\n            ? options?.reduce((acc: IOption[], opt) => {\n                  const searchedOptions = opt.options?.filter((item) => {\n                      const label = React.isValidElement(item.label) ? item.searchLabel : String(item.label);\n                      return label?.toLowerCase().includes(lowercasedSearchTerm);\n                  });\n    \n                  if (searchedOptions?.length) {\n                      acc.push({ ...opt, options: searchedOptions });\n                  }\n    \n                  return acc;\n              }, []) || []\n            : options?.filter((opt) => {\n                  const label = React.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);\n                  return label?.toLowerCase().includes(lowercasedSearchTerm);\n              }) || [];\n    \n        return sortBySelectedValues(filteredOptions, value);\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [options, hasParent]);\n\n    // Clear Selected Options\n    const handleClear = () => {\n        onChange({ target: { value: multiple ? [] : null } });\n        if (getSelectedData && typeof getSelectedData === \"function\") {\n            getSelectedData(null);\n        }\n    };\n\n    // Get unique options\n    const getUniqueOptions = useCallback((data: IOption[]): IOption[] => {\n        const uniqueOptions = [\n            ...new Map(data?.map(item => [item.value, item])).values()\n        ];\n        return uniqueOptions;\n    }, []);\n\n    // Sort by selected values\n    const sortBySelectedValues = useCallback((arrayToSort: IOption[], value: any): IOption[] => {\n        const selectedValues = Array.isArray(value) ? value : [value];\n        const sortedValue = sortBy(arrayToSort, (item) => {\n            const index = selectedValues.indexOf(item.id || item.value);\n            return index === -1 ? Infinity : index;\n        });\n        return sortedValue;\n    }, []);\n\n    // Options with search and pagination support\n    const filteredOptions = useMemo(() => {\n        if (isInternalOptions) {\n            return searchOptionsLocally(searchQuery, value);\n        }\n        return sortBySelectedValues(getUniqueOptions([...dynamicOptions, ...selectedOptions]), value);\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [searchQuery, dynamicOptions, options, value, isInternalOptions, selectedOptions, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);\n\n    // Handle scroll pagination\n    const handleScroll = useCallback((event: React.UIEvent<HTMLDivElement>) => {\n        const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\n        const isBottom = scrollHeight - scrollTop <= clientHeight + 10;\n       \n        if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {\n            const nextPage = pagination.page + 1;\n            fetchOptions(searchQuery, customeFilter, nextPage, true);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, JSON.stringify(customeFilter)]);\n\n    // Update Options\n    const updateOptions = useCallback((newOptions: IOption[], append = false) => {\n        const oldOptions = append ? dynamicOptions : selectedOptions;\n        const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);\n        setOptions(uniqueOptions);\n    }, [dynamicOptions, selectedOptions, getUniqueOptions]);\n\n    // Fetch Options with pagination support\n    const fetchOptions = useCallback(async (searchTerm: any = '', filters = customeFilter, page = 1, append = false) => {\n        if (!apiType) return [];\n\n        setLoading(true);\n        if (page > 1) {\n            setPagination(prev => ({ ...prev, isLoadingMore: true }));\n        }\n\n        try {\n            const {data=[],pagination={}} = await fetchApi({\n                apiKey: apiType,\n                filters: {\n                    limit,\n                    skip: (page - 1) * limit,\n                    search: searchTerm,\n                    filters,\n                    select: attributes,\n                    order: sortOrder\n                },\n                labelKey,\n                valueKey\n            });\n\n            if (data && Array.isArray(data)) {\n                updateOptions(data, append);\n                \n                // Update pagination\n                setPagination(prev => ({\n                    ...prev,\n                    page,\n                    hasMore: pagination?.totalCount > (page*limit),\n                    total: pagination?.totalCount,\n                    isLoadingMore: false\n                }));\n\n                if (data?.length > 0) {\n                    setSelectedData();\n                }\n            }\n            \n            return data || [];\n        } catch (error) {\n            console.error('Error fetching options:', error);\n            setPagination(prev => ({ ...prev, isLoadingMore: false }));\n            return [];\n        } finally {\n            setLoading(false);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [apiType, attributes, sortOrder, limit, updateOptions]);\n\n    // Search Options with debounce\n    const debounceSearch = useMemo(\n        () => debounce(async (searchTerm: string) => {\n            if (loading) return;\n            \n            if (!searchTerm && !isInternalOptions && searchInitiate) {\n                setPagination({\n                    page: 1,\n                    hasMore: true,\n                    isLoadingMore: false,\n                    total: 0\n                });\n                await fetchOptions('', customeFilter, 1, false);\n            }\n            if (searchTerm?.length > 1 && !isInternalOptions) {\n                setPagination({\n                    page: 1,\n                    hasMore: true,\n                    isLoadingMore: false,\n                    total: 0\n                });\n                await fetchOptions(searchTerm, customeFilter, 1, false);\n            }\n        }, 700),\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n        [isInternalOptions, searchInitiate, JSON.stringify(customeFilter)]\n    );\n\n    // Initial fetch with filter change detection\n    const initialFetch = useCallback(async () => {\n        const condition = JSON.stringify(customeFilter) !== JSON.stringify(prevFilter);\n\n        if (condition&&!isInternalOptions && !isAlredyLoaded) {\n            setPrevFilter(customeFilter);\n            setOptions([]);\n            setIsAlredyLoaded(false);\n            setPagination({\n                page: 1,\n                hasMore: true,\n                isLoadingMore: false,\n                total: 0\n            });\n        }\n\n        if (!isInternalOptions && !isAlredyLoaded) {\n            await fetchOptions(searchQuery, customeFilter, 1, false);\n            setIsAlredyLoaded(true);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [JSON.stringify(customeFilter), isInternalOptions, isAlredyLoaded]);\n\n    // Set Selected Data\n    const setSelectedData = useCallback(() => {\n        let hasOptions = false;\n        const isInOptions = filteredOptions?.filter((i: any) => \n            multiple ? value?.includes(i?.value) : i?.value == value\n        );\n        \n        if ((Array.isArray(isInOptions) && isInOptions?.length > 0)) {\n            getSelectedData?.(multiple ? isInOptions : isInOptions[0]);\n            hasOptions = true;\n        }\n        return hasOptions;\n    }, [filteredOptions, value, multiple, getSelectedData]);\n\n    // Fetch Options for Selected Id\n    const fetchIdOptions = useCallback(async () => {\n        if (open) return;\n        if (await setSelectedData()) return;\n        \n        const fValue = multiple ? value && value?.filter(v => Boolean(Number(v))) : Number(value) ? value : null;\n        const condition = (multiple ? fValue?.length > 0 : fValue) && !isInternalOptions;\n        \n        if (condition) {\n            setInitialLoading(true);\n            await fetchOptions('', { ...customeFilter, ...{ '&id.in': fValue } }, 1, false);\n            setInitialLoading(false);\n        }\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open, value,   JSON.stringify(customeFilter) ]);\n\n    const hasValue = multiple\n        ? Array.isArray(value) && value.length > 0\n        : value !== null && value !== undefined && value !== \"\";\n\n    // Effects\n    useEffect(() => {\n        if (open) {\n            debounceSearch(searchQuery);\n        }\n        return () => debounceSearch.cancel();\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [searchQuery, JSON.stringify(customeFilter), open, isAlredyLoaded, debounceSearch]);\n\n    useEffect(() => {\n        setSelectedData();\n    }, [setSelectedData]);\n\n    useEffect(() => {\n        fetchIdOptions();\n    }, [fetchIdOptions]);\n\n    useEffect(() => {\n        if (open) {\n            initialFetch();\n        }\n    }, [open, initialFetch]);\n\n    useEffect(() => {\n        const condition = JSON.stringify(customeFilter) !== JSON.stringify(prevFilter);\n        if (customeFilter && condition) {\n            setIsAlredyLoaded(false);\n        }\n    }, [customeFilter, prevFilter]);\n\n    useEffect(() => {\n        if (value && !open) {\n            const selectedData = options?.filter((i: any) =>\n                multiple ? value?.includes(i?.value) : i?.value == value\n            ) || [];\n            setSelectedOptions(selectedData);\n        }\n        setSelectedOptions(filteredOptions?.filter((i: any) =>\n            multiple ? value?.includes(i?.value) : i?.value == value\n        ));\n        //eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value, open, options, multiple]);\n\n    const handleOnChange = (event: any) => {\n        const { value } = event.target;\n        if ((multiple && Array.isArray(value) && value?.filter(v => v).length == 0) || !value) return;\n        \n        const isSelected = (item: any) => {\n            return multiple ? value?.includes(item?.value) : item?.value === value;\n        };\n\n        const selected = filteredOptions?.filter(isSelected);\n        onChange(event, multiple ? selected : selected?.[0]);\n    };\n\n    const removeUndefine = (selectOptions: any[]) => {\n        return Array.isArray(selectOptions) && selectOptions?.length > 0 && selectOptions?.filter((option) => option);\n    };\n\n    return (\n        <Select\n            labelId={labelId}\n            name={name}\n            defaultValue={defaultValue || (multiple ? [] : '')}\n            placeholder={placeholder}\n            className=\"filter-select\"\n            size={size}\n            onOpen={() => setOpen(true)}\n            onClose={() => {\n                setOpen(false);\n                if (searchQuery?.length > 0) {\n                    setIsAlredyLoaded(false);\n                }\n                setSearchInitiate(false);\n                setSearchQuery('');\n            }}\n            onChange={handleOnChange}\n            showCancelButton={showCancelButton}\n            multiple={multiple}\n            label={t(label)}\n            fullWidth\n            displayEmpty\n            autoFocus={autoFocus}\n            error={Boolean(error)}\n            disabled={disabled}\n            value={initailLoading ? (multiple ? [] : '') : value?.id || value || (multiple ? [] : '')}\n            searchPlaceholder={searchPlaceholder}\n            CustomDropdownIcon={CustomDropDownIcon}\n            sx={ (multiple && value?.length) ? {...customStyle, \"& .MuiSelect-select\": { padding: '5.5px !important' }} : customStyle}\n            MenuProps={{\n                PaperProps: {\n                    onScroll: handleScroll,\n                    style: { maxHeight: 295,maxWidth:250 }\n                }\n            }}\n            input={\n                !disabled ? (\n                    <OutlinedInput\n                        label=\"\"\n                        sx={inputStyle}\n                        endAdornment={\n                            <InputAdornment position=\"end\">\n                                {loading || is_loading ? (\n                                    <CircularProgress\n                                        size={20}\n                                        sx={{ mr: 3, color: \"#4AC08C\" }}\n                                    />\n                                ) : (\n                                    showCancelButton && hasValue && (\n                                        <IconButton\n                                            aria-label=\"clear selection\"\n                                            onClick={handleClear}\n                                            edge=\"end\"\n                                            sx={isRtl ? { ml: 2.5 } : { mr: 1.5 }}\n                                            size=\"small\"\n                                        >\n                                            <Close fontSize=\"small\" sx={{ color: 'theme.primary.800' }} />\n                                        </IconButton>\n                                    )\n                                )}\n                            </InputAdornment>\n                        }\n                    />\n                ) : undefined\n            }\n            renderValue={(selected?: string | string[]) => {\n                return (\n                    <>\n                        {Array.isArray(selected) ? (\n                            <ChipOrPlaceholder\n                                selectedLabel={selectedLabel}\n                                data={removeUndefine(selected)}\n                                placeholder={placeholder}\n                                onDelete={onChipRemove}\n                                disabled={disabled}\n                                chipProps={{\n                                    sx: {\n                                        bgcolor: 'theme.primary.100',\n                                        border: 0,\n                                        // borderRadius: '15px',\n                                        '& .MuiTypography-body1': {\n                                            color: 'theme.primary.800',\n                                            fontWeight: \"500\",\n                                        }\n                                    }\n                                }}\n                            />\n                        ) : (\n                            Array.isArray(filteredOptions) && filteredOptions?.length > 0 && filteredOptions?.find(\n                                (option: any) => option?.value == value\n                            )?.label || selected || placeholder\n                        )}\n                    </>\n                );\n            }}\n            handleSearch={(text) => {\n                setSearchQuery(text);\n                setSearchInitiate(true);\n            }}\n        >\n            {generateMenuItems({\n                options: filteredOptions,\n                multiple: Boolean(multiple),\n                placeholder,\n                values: value,\n                with_checkboxes: true,\n                field: { \n                    ...props, \n                    enable_footer, \n                    onFooterClick, \n                    label \n                },\n                disabledIds,\n                handleClear,\n                handleChange,\n                hasParent,\n                t: (key: string) => key\n            })}\n            {pagination.isLoadingMore && (\n                <MenuItem disabled>\n                    <Box sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}>\n                        <CircularProgress size={20} />\n                    </Box>\n                </MenuItem>\n            )}\n        </Select>\n    );\n};\n\nexport default SearchableSelect;"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","field","disabledIds","handleClear","handleChange","hasParent","itemDisabled","ls","includes","items","push","jsx","MenuItem","disabled","value","sx","opacity","height","p","m","children","Typography","type","color","selectedValues","Array","isArray","filter","isAllOptionsSelected","parentValue","childOptions","childValues","map","child","valueArray","every","childValue","isSomeOptionsSelected","some","length","forEach","option","Boolean","className","isGroup","onClick","jsxs","Box","display","gap","Checkbox","checked","indexOf","indeterminate","onChange","updatedValues","Set","handleParentChange","label","opt","pl","String","enable_footer","Divider","flexItem","onFooterClick","Add","fontSize","props","labelId","size","searchPlaceholder","name","defaultValue","apiType","isInternal","autoFocus","error","customeFilter","attributes","getSelectedData","onChipRemove","selectedLabel","is_loading","customStyle","CustomDropDownIcon","labelKey","valueKey","inputStyle","sortOrder","showCancelButton","searchQuery","setSearchQuery","useState","loading","setLoading","dynamicOptions","setOptions","selectedOptions","setSelectedOptions","isAlredyLoaded","setIsAlredyLoaded","initailLoading","setInitialLoading","searchInitiate","setSearchInitiate","open","setOpen","prevFilter","setPrevFilter","t","useTranslation","pagination","setPagination","page","hasMore","isLoadingMore","total","isRtl","useLanguage","isInternalOptions","useMemo","searchOptionsLocally","useCallback","searchTerm","lowercasedSearchTerm","toLowerCase","filteredOptions","reduce","acc","searchedOptions","_a","item","React","isValidElement","searchLabel","sortBySelectedValues","target","getUniqueOptions","data","Map","arrayToSort","sortBy","index","id","Infinity","handleScroll","event","scrollTop","scrollHeight","clientHeight","currentTarget","nextPage","fetchOptions","JSON","stringify","updateOptions","newOptions","append","uniqueOptions","async","filters","prev","fetchApi","apiKey","limit","skip","search","select","order","totalCount","setSelectedData","debounceSearch","debounce","initialFetch","hasOptions","isInOptions","i","fetchIdOptions","fValue","v","Number","hasValue","useEffect","cancel","condition","selectedData","Select","onOpen","onClose","selected","fullWidth","displayEmpty","CustomDropdownIcon","padding","MenuProps","PaperProps","onScroll","style","maxHeight","maxWidth","input","OutlinedInput","endAdornment","InputAdornment","position","CircularProgress","mr","IconButton","edge","ml","Close","renderValue","selectOptions","Fragment","ChipOrPlaceholder","onDelete","chipProps","bgcolor","border","fontWeight","find","handleSearch","text","justifyContent","width"],"mappings":"msCAwFA,MAAMA,EAAoB,EACtBC,UACAC,WACAC,cACAC,kBACAC,SACAC,QACAC,cACAC,cACAC,eACAC,aAAY,MAEZ,MAAMC,EAAgBC,GAAY,MAAAL,OAAA,EAAAA,EAAaM,SAASD,GAClDE,EAA8B,GAE/BZ,GACDY,EAAMC;iBACFC,IAACC,EAAAA,QAAA,CAASC,UAAQ,EAACC,MAAM,GAAqBC,GAAI,CAAEC,QAAS,eAAgBC,OAAQ,eAAgBC,EAAG,eAAgBC,EAAG,gBACvHC,wBAAAT,EAAAA,IAACU,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBACxBH,wBAAAT,EAAAA,IAAC,KAAA,CAAIS,SAAAtB,OAFmB,gBAQxC,MAAM0B,EAAiBC,MAAMC,QAAQ1B,SAAUA,WAAQ2B,OAAQb,GAAUA,GAAS,GAe5Ec,EAAuB,CAACC,EAAqBC,KAC/C,MAAMC,EAAcD,EAAaE,IAAKC,GAAUA,EAAMnB,OAChDoB,EAAaT,MAAMC,QAAQF,GAAkBA,EAAiB,CAACA,GACrE,OAAOO,EAAYI,MAAOC,GAAeF,EAAW1B,SAAS4B,KAG3DC,EAAyBP,IAC3B,MAAMC,EAAcD,EAAaE,IAAKC,GAAUA,EAAMnB,OAChDoB,EAAaT,MAAMC,QAAQF,GAAkBA,EAAiB,CAACA,GACrE,OAAOO,EAAYO,KAAMF,GAAeF,EAAW1B,SAAS4B,KAwGhE,OArGAX,MAAMC,QAAQ9B,KAAY,MAAAA,OAAA,EAAAA,EAAS2C,QAAS,IAAK,MAAA3C,GAAAA,EAAS4C,QAASC,IAC/DhC,EAAMC;eACFC,EAAAA,IAACC,EAAAA,QAAA,CACGE,MAAO,MAAA2B,OAAA,EAAAA,EAAQ3B,MAEfD,SAAU6B,QAAQ,MAAAD,OAAA,EAAAA,EAAQ5B,WAAaP,QAAamC,WAAQ3B,OAC5D6B,WAAW,MAAAF,OAAA,EAAAA,EAAQG,SAAU,yBAA2B,GACxDC,QAAS,KACiB,IAAlB,MAAA7C,OAAA,EAAAA,EAAQuC,SACRpC,KAIRiB,wBAAA0B,EAAAA,KAACC,WAAIhC,GAAI,CAAEiC,QAAS,OAAQC,IAAK,GAC5B7B,SAAA,CAAAvB,GAAYE,kBACTY,EAAAA,IAACuC,EAAAA,QAAA,CACGC,QACI9C,EACMuB,EAAqBa,EAAO3B,MAAO2B,EAAO7C,SAAW,IACrD8C,QAAQjB,MAAMC,QAAQ1B,WAAWA,WAAQoD,QAAQ,MAAAX,OAAA,EAAAA,EAAQ3B,SAAS,GAE5EuC,cACIhD,GAAagC,EAAsBI,EAAO7C,SAAW,IAEzD0D,SAAU,IACNjD,EAjDD,EAACwB,EAAqBC,KAC7C,MAAMC,EAAcD,EAAaE,IAAKC,GAAUA,EAAMnB,OAChDoB,EAAaT,MAAMC,QAAQF,GAAkBA,EAAiB,CAACA,GAG/D+B,EADmBrB,EAAW1B,SAASqB,GAEvCK,EAAWP,OAAQb,GAAUA,IAAUe,IAAgBE,EAAYvB,SAASM,IAC5E,mBAAI,IAAI0C,IAAI,IAAItB,EAAYL,KAAgBE,KAElD,MAAA3B,GAAAA,EAAemD,IAyCeE,CAAmBhB,EAAO3B,MAAO2B,EAAO7C,SAAW,IACnD,MAAAQ,OAAA,EAAAA,EAAeqC,EAAO3B;eAIxCH,EAAAA,IAACU,EAAAA,WAAA,CACGC,KAAK,KACLC,MAAM,uBACNsB,QAAS,IAAM,MAAAzC,OAAA,EAAAA,EAAeqC,EAAO3B,OAEpCM,SAAA,MAAAqB,OAAA,EAAAA,EAAQiB,YAhCZ,MAAAjB,OAAA,EAAAA,EAAQ3B,eAuCjB2B,WAAQG,UAAWnB,MAAMC,QAAQ,MAAAe,OAAA,EAAAA,EAAQ7C,UACzC6C,EAAO7C,QAAQ4C,QAASmB,IACpBlD,EAAMC;eACFC,EAAAA,IAACC,EAAAA,QAAA,CACGE,MAAO6C,EAAI7C,MACXD,SAAU6B,QAAQiB,EAAI9C,WAAaP,EAAaqD,EAAI7C,OACpDC,GAAI,CAAE6C,GAAI,GACVf,QAAS,KACiB,IAAlB,MAAA7C,OAAA,EAAAA,EAAQuC,SACRpC,KAKRiB,wBAAA0B,EAAAA,KAACC,WAAIhC,GAAI,CAAEiC,QAAS,OAAQC,IAAK,GAC5B7B,SAAA,CAAAvB,GAAYE,kBACTY,EAAAA,IAACuC,EAAAA,QAAA,CACGC,QAAST,QAAQjB,MAAMC,QAAQ1B,KAAW,MAAAA,OAAA,EAAAA,EAAQoD,QAAQO,EAAI7C,SAAS;eAG/EH,EAAAA,IAACU,EAAAA,WAAA,CACGC,KAAK,KACLC,MAAM,uBACNsB,QAAS,IAAM,MAAAzC,OAAA,EAAAA,EAAeyD,OAAOF,EAAI7C,QAExCM,SAAa,qBAATsC,MAA6B,iCAAmCC,EAAID,OAASC,EAAI7C,YAbzF,GAAG2B,EAAO3B,SAAS6C,EAAI7C,eAuB5Cb,EAAM6D,eACNrD,EAAMC;sBACDqC,EAAAA,QAAA,CACG3B,SAAA;iBAAAT,IAACoD,EAAAA,QAAA,CAAQC,UAAQ;eACjBlB,EAAAA,KAAClC,EAAAA,SAASG,GAAI,CAAEkC,IAAK,GAAKJ,QAAS5C,EAAMgE,cACrC7C,SAAA;iBAAAT,IAACuD,EAAAA,QAAA,CAAIC,SAAS;eACdrB,EAAAA,KAACzB,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBAAuBH,SAAA,CAAA,cACnCnB,EAAMyD,cALrB,WAaZjD,EAAM8B,SAA2B,GAAhB9B,EAAM8B,QAAgB1C,IACxCY,EAAMC;eACFC,EAAAA,IAACC,EAAAA,QAAA,CAASC,UAAQ,EAAeO,8BAAV,YAMxBX,mBAGgD2D,IACvD,MAAMC,QACFA,EAAAX,MACAA,EAAA5C,MACAA,EAAAwC,SACAA,EAAA1D,QACAA,EAAAC,SACAA,GAAW,EAAAyE,KACXA,EAAO,QAAAC,kBACPA,EAAAzE,YACAA,EAAA0E,KACAA,EAAAC,aACAA,EAAAC,QACAA,EAAAC,WACAA,GAAa,EAAAC,UACbA,EAAAC,MACAA,EAAAhE,SACAA,EAAAiE,cACAA,EAAAC,WACAA,EAAAC,gBACAA,EAAA9E,YACAA,EAAA+E,aACAA,EAAAC,cACAA,EAAAC,WACAA,EAAAC,YACAA,EAAY,CAAA,EAAAC,mBACZA,EAAAC,SACAA,EAAAC,SACAA,EAAAC,WACAA,EAAAnF,UACAA,GAAY,EAAAoF,UACZA,EAAY,QAAArF,aACZA,EAAA0D,cACAA,GAAgB,EAAAG,cAChBA,EAAAyB,iBACAA,GAAmB,GACnBtB,GAEGuB,EAAaC,GAAkBC,EAAAA,SAAS,KACxCC,GAASC,IAAcF,EAAAA,UAAkB,IACzCG,GAAgBC,IAAcJ,EAAAA,SAAoB,KAClDK,GAAiBC,IAAsBN,EAAAA,SAAoB,KAC3DO,GAAgBC,IAAqBR,EAAAA,UAAS,IAC9CS,GAAgBC,IAAqBV,EAAAA,UAAS,IAC9CW,GAAgBC,IAAqBZ,EAAAA,UAAS,IAC9Ca,GAAMC,IAAWd,EAAAA,UAAS,IAC1Be,GAAYC,IAAiBhB,EAAAA,SAAc,OAC5CiB,EAACA,IAAGC,oBAGHC,GAAYC,IAAiBpB,WAA2B,CAC3DqB,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,KAGLC,MAAEA,IAAUC,gBAGZC,GAAoBC,EAAAA,QAAQ,IACvB9C,IAAeD,EACvB,CAACC,EAAYD,IAGVgD,GAAuBC,EAAAA,YAAY,CAACC,EAAoB9G,KAC1D,IAAK8G,EAAY,OAAOhI,GAAW,GAEnC,MAAMiI,EAAuBD,EAAWE,cAElCC,EAAkB1H,GAClB,MAAAT,OAAA,EAAAA,EAASoI,OAAO,CAACC,EAAgBtE,WAC7B,MAAMuE,EAAkB,OAAAC,EAAAxE,EAAI/D,cAAJ,EAAAuI,EAAaxG,OAAQyG,IACzC,MAAM1E,EAAQ2E,EAAAA,QAAMC,eAAeF,EAAK1E,OAAS0E,EAAKG,YAAc1E,OAAOuE,EAAK1E,OAChF,OAAOA,MAAAA,OAAAA,EAAAA,EAAOoE,cAActH,SAASqH,KAOzC,aAJIK,WAAiB3F,SACjB0F,EAAIvH,KAAK,IAAKiD,EAAK/D,QAASsI,IAGzBD,GACR,MAAO,IACV,MAAArI,OAAA,EAAAA,EAAS+B,OAAQgC,IACb,MAAMD,EAAQ2E,EAAAA,QAAMC,eAAe3E,EAAID,OAASC,EAAI4E,YAAc1E,OAAOF,EAAID,OAC7E,OAAOA,MAAAA,OAAAA,EAAAA,EAAOoE,cAActH,SAASqH,OACnC,GAEZ,OAAOW,GAAqBT,EAAiBjH,IAE9C,CAAClB,EAASS,IAGPF,GAAc,KAChBmD,EAAS,CAAEmF,OAAQ,CAAE3H,MAAOjB,EAAW,GAAK,QACxCmF,GAA8C,mBAApBA,GAC1BA,EAAgB,OAKlB0D,GAAmBf,cAAagB,GACZ,IACf,IAAIC,IAAI,MAAAD,OAAA,EAAAA,EAAM3G,IAAIoG,GAAQ,CAACA,EAAKtH,MAAOsH,KAAQpI,UAGvD,IAGGwI,GAAuBb,EAAAA,YAAY,CAACkB,EAAwB/H,KAC9D,MAAMU,EAAiBC,MAAMC,QAAQZ,GAASA,EAAQ,CAACA,GAKvD,OAJoBgI,EAAAA,OAAOD,EAAcT,IACrC,MAAMW,EAAQvH,EAAe4B,QAAQgF,EAAKY,IAAMZ,EAAKtH,OACrD,WAAOiI,EAAeE,IAAWF,KAGtC,IAGGhB,GAAkBN,EAAAA,QAAQ,IACxBD,GACOE,GAAqB/B,EAAa7E,GAEtC0H,GAAqBE,GAAiB,IAAI1C,MAAmBE,KAAmBpF,GAExF,CAAC6E,EAAaK,GAAgBpG,EAASkB,EAAO0G,GAAmBtB,GAAiBwB,GAAsBc,GAAsBE,KAG3HQ,GAAevB,cAAawB,IAC9B,MAAMC,UAAEA,EAAAC,aAAWA,EAAAC,aAAcA,GAAiBH,EAAMI,cAGxD,GAFiBF,EAAeD,GAAaE,EAAe,IAE5CtC,GAAWG,UAAYH,GAAWI,gBAAkBI,GAAmB,CACnF,MAAMgC,EAAWxC,GAAWE,KAAO,EACnCuC,GAAa9D,EAAab,EAAe0E,GAAU,EACvD,GAED,CAACxC,GAAWG,QAASH,GAAWI,cAAeJ,GAAWE,KAAMM,GAAmB7B,EAAa+D,KAAKC,UAAU7E,KAG5G8E,GAAgBjC,EAAAA,YAAY,CAACkC,EAAuBC,GAAS,KAC/D,MACMC,EAAgBrB,GAAiB,IADpBoB,EAAS9D,GAAiBE,MACa2D,IAC1D5D,GAAW8D,IACZ,CAAC/D,GAAgBE,GAAiBwC,KAG/Be,GAAe9B,EAAAA,YAAYqC,MAAOpC,EAAkB,GAAIqC,EAAUnF,EAAeoC,EAAO,EAAG4C,GAAS,KACtG,IAAKpF,EAAS,MAAO,GAErBqB,IAAW,GACPmB,EAAO,GACPD,WAA4BiD,EAAM9C,eAAe,KAGrD,IACI,MAAMuB,KAACA,EAAK,GAAG3B,WAAAA,EAAW,CAAA,SAAYmD,WAAS,CAC3CC,OAAQ1F,EACRuF,QAAS,CACLI,MArGF,GAsGEC,KAtGF,IAsGSpD,EAAO,GACdqD,OAAQ3C,EACRqC,UACAO,OAAQzF,EACR0F,MAAOhF,GAEXH,WACAC,aAoBJ,OAjBIoD,GAAQlH,MAAMC,QAAQiH,KACtBiB,GAAcjB,EAAMmB,GAGpB7C,GAAciD,IAAA,IACPA,EACHhD,OACAC,SAASH,MAAAA,OAAAA,EAAAA,EAAY0D,YAvHvB,GAuHqCxD,EACnCG,MAAOL,MAAAA,OAAAA,EAAAA,EAAY0D,WACnBtD,eAAe,MAGf,MAAAuB,OAAA,EAAAA,EAAMpG,QAAS,GACfoI,MAIDhC,GAAQ,EACnB,OAAS9D,GAGL,OADAoC,WAA4BiD,EAAM9C,eAAe,KAC1C,EACX,CAAA,QACIrB,IAAW,EACf,GAED,CAACrB,EAASK,EAAYU,EA1IX,GA0I6BmE,KAGrCgB,GAAiBnD,EAAAA,QACnB,IAAMoD,EAAAA,SAASb,MAAOpC,IACd9B,KAEC8B,GAAeJ,KAAqBhB,KACrCS,GAAc,CACVC,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,UAELoC,GAAa,GAAI3E,EAAe,GAAG,KAEzC,MAAA8C,OAAA,EAAAA,EAAYrF,QAAS,IAAMiF,KAC3BP,GAAc,CACVC,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,UAELoC,GAAa7B,EAAY9C,EAAe,GAAG,MAEtD,KAEH,CAAC0C,GAAmBhB,GAAgBkD,KAAKC,UAAU7E,KAIjDgG,GAAenD,EAAAA,YAAYqC,YACXN,KAAKC,UAAU7E,KAAmB4E,KAAKC,UAAU/C,MAEnDY,IAAsBpB,KAClCS,GAAc/B,GACdmB,GAAW,IACXI,IAAkB,GAClBY,GAAc,CACVC,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,KAIVG,IAAsBpB,WACjBqD,GAAa9D,EAAab,EAAe,GAAG,GAClDuB,IAAkB,KAGvB,CAACqD,KAAKC,UAAU7E,GAAgB0C,GAAmBpB,KAGhDuE,GAAkBhD,EAAAA,YAAY,KAChC,IAAIoD,GAAa,EACjB,MAAMC,EAAc,MAAAjD,QAAA,EAAAA,GAAiBpG,OAAQsJ,GACzCpL,EAAW,MAAAiB,OAAA,EAAAA,EAAON,SAAS,MAAAyK,OAAA,EAAAA,EAAGnK,cAASmK,WAAGnK,QAASA,GAOvD,OAJKW,MAAMC,QAAQsJ,KAAgB,MAAAA,OAAA,EAAAA,EAAazI,QAAS,IACrD,MAAAyC,GAAAA,EAAkBnF,EAAWmL,EAAcA,EAAY,IACvDD,GAAa,GAEVA,GACR,CAAChD,GAAiBjH,EAAOjB,EAAUmF,IAGhCkG,GAAiBvD,EAAAA,YAAYqC,UAC/B,GAAItD,GAAM,OACV,SAAUiE,KAAmB,OAE7B,MAAMQ,EAAStL,EAAWiB,IAAS,MAAAA,OAAA,EAAAA,EAAOa,OAAOyJ,GAAK1I,QAAQ2I,OAAOD,MAAOC,OAAOvK,GAASA,EAAQ,MACjFjB,GAAW,MAAAsL,OAAA,EAAAA,EAAQ5I,QAAS,EAAI4I,KAAY3D,KAG3DjB,IAAkB,SACZkD,GAAa,GAAI,IAAK3E,EAAoB,SAAUqG,GAAY,GAAG,GACzE5E,IAAkB,KAGvB,CAACG,GAAM5F,EAAS4I,KAAKC,UAAU7E,KAE5BwG,GAAWzL,EACX4B,MAAMC,QAAQZ,IAAUA,EAAMyB,OAAS,EACvCzB,SAAmD,KAAVA,EA6D/C,OA1DAyK,EAAAA,UAAU,KACF7E,IACAkE,GAAejF,GAEZ,IAAMiF,GAAeY,UAE7B,CAAC7F,EAAa+D,KAAKC,UAAU7E,GAAgB4B,GAAMN,GAAgBwE,KAEtEW,EAAAA,UAAU,KACNZ,MACD,CAACA,KAEJY,EAAAA,UAAU,KACNL,MACD,CAACA,KAEJK,EAAAA,UAAU,KACF7E,IACAoE,MAEL,CAACpE,GAAMoE,KAEVS,EAAAA,UAAU,KACN,MAAME,EAAY/B,KAAKC,UAAU7E,KAAmB4E,KAAKC,UAAU/C,IAC/D9B,GAAiB2G,GACjBpF,IAAkB,IAEvB,CAACvB,EAAe8B,KAEnB2E,EAAAA,UAAU,KACN,GAAIzK,IAAU4F,GAAM,CAChB,MAAMgF,GAAe,MAAA9L,OAAA,EAAAA,EAAS+B,OAAQsJ,GAClCpL,EAAW,MAAAiB,OAAA,EAAAA,EAAON,SAAS,MAAAyK,OAAA,EAAAA,EAAGnK,cAASmK,WAAGnK,QAASA,KAClD,GACLqF,GAAmBuF,EACvB,CACAvF,GAAmB,MAAA4B,QAAA,EAAAA,GAAiBpG,OAAQsJ,GACxCpL,EAAW,MAAAiB,OAAA,EAAAA,EAAON,SAAS,MAAAyK,OAAA,EAAAA,EAAGnK,cAASmK,WAAGnK,QAASA,KAGxD,CAACA,EAAO4F,GAAM9G,EAASC,mBAmBtBiD,EAAAA,KAAC6I,EAAAA,QAAA,CACGtH,UACAG,OACAC,aAAcA,IAAiB5E,EAAW,GAAK,IAC/CC,cACA6C,UAAU,gBACV2B,OACAsH,OAAQ,IAAMjF,IAAQ,GACtBkF,QAAS,KACLlF,IAAQ,IACJ,MAAAhB,OAAA,EAAAA,EAAapD,QAAS,GACtB8D,IAAkB,GAEtBI,IAAkB,GAClBb,EAAe,KAEnBtC,SAjCgB6F,IACpB,MAAQrI,MAAAA,GAAUqI,EAAMV,OACxB,GAAK5I,GAAY4B,MAAMC,QAAQZ,IAA0C,IAAhCA,MAAAA,OAAAA,EAAAA,EAAOa,OAAOyJ,GAAKA,GAAG7I,UAAiBzB,EAAO,OAEvF,MAIMgL,QAAW/D,aAAiBpG,OAJdyG,GACTvI,EAAWiB,MAAAA,OAAAA,EAAAA,EAAON,SAAS,MAAA4H,OAAA,EAAAA,EAAMtH,cAASsH,WAAMtH,SAAUA,GAIrEwC,EAAS6F,EAAOtJ,EAAWiM,EAAW,MAAAA,OAAA,EAAAA,EAAW,KAyB7CpG,mBACA7F,WACA6D,MAAOoD,GAAEpD,GACTqI,WAAS,EACTC,cAAY,EACZpH,YACAC,MAAOnC,QAAQmC,GACfhE,WACAC,MAAOwF,GAAkBzG,EAAW,GAAK,IAAM,MAAAiB,OAAA,EAAAA,EAAOkI,KAAMlI,IAAUjB,EAAW,GAAK,IACtF0E,oBACA0H,mBAAoB5G,EACpBtE,GAAMlB,IAAY,MAAAiB,OAAA,EAAAA,EAAOyB,QAAU,IAAI6C,EAAa,sBAAuB,CAAE8G,QAAS,qBAAwB9G,EAC9G+G,UAAW,CACPC,WAAY,CACRC,SAAUnD,GACVoD,MAAO,CAAEC,UAAW,IAAIC,SAAS,OAGzCC,MACK5L,OA2BG,iBA1BAF,EAAAA,IAAC+L,EAAAA,QAAA,CACGhJ,MAAM,GACN3C,GAAIyE,EACJmH,4BACIhM,EAAAA,IAACiM,EAAAA,QAAA,CAAeC,SAAS,MACpBzL,aAAW+D,iBACRxE,EAAAA,IAACmM,EAAAA,QAAA,CACGxI,KAAM,GACNvD,GAAI,CAAEgM,GAAI,EAAGxL,MAAO,aAGxBmE,GAAoB4F,mBAChB3K,EAAAA,IAACqM,EAAAA,QAAA,CACG,aAAW,kBACXnK,QAAS1C,GACT8M,KAAK,MACLlM,GAAIuG,GAAQ,CAAE4F,GAAI,KAAQ,CAAEH,GAAI,KAChCzI,KAAK,QAELlD,wBAAAT,EAAAA,IAACwM,EAAAA,OAAMhJ,SAAS,QAAQpD,GAAI,CAAEQ,MAAO,6BASrE6L,YAActB,UAtEEuB;AAuEZ,OACI1M,EAAAA,IAAA2M,EAAAA,SAAA,CACKlM,SAAAK,MAAMC,QAAQoK,kBACXnL,EAAAA,IAAC4M,EAAAA,QAAA,CACGrI,gBACAyD,MA5EJ0E,EA4EyBvB,EA3EtCrK,MAAMC,QAAQ2L,KAAkB,MAAAA,OAAA,EAAAA,EAAe9K,QAAS,IAAK,MAAA8K,OAAA,EAAAA,EAAe1L,OAAQc,GAAWA,KA4E9E3C,cACA0N,SAAUvI,EACVpE,WACA4M,UAAW,CACP1M,GAAI,CACA2M,QAAS,oBACTC,OAAQ,EAER,yBAA0B,CACtBpM,MAAO,oBACPqM,WAAY,WAM5BnM,MAAMC,QAAQqG,MAAoB,MAAAA,QAAA,EAAAA,GAAiBxF,QAAS,IAAK,OAAA4F,EAAA,MAAAJ,QAAA,EAAAA,GAAiB8F,KAC7EpL,IAAgB,MAAAA,OAAA,EAAAA,EAAQ3B,QAASA,SAD2B,EAAAqH,EAE9DzE,QAASoI,GAAYhM,KAKxCgO,aAAeC,IACXnI,EAAemI,GACftH,IAAkB,IAGrBrF,SAAA,CAAAzB,EAAkB,CACfC,QAASmI,GACTlI,SAAU6C,QAAQ7C,GAClBC,cACAE,OAAQc,EACRf,iBAAiB,EACjBE,MAAO,CAEH6D,gBACAG,gBACAP,SAEJxD,cACAC,eACAC,eACAC,cAGH2G,GAAWI,8BACRzG,MAACC,EAAAA,QAAA,CAASC,UAAQ,EACdO,0BAAAT,IAACoC,EAAAA,QAAA,CAAIhC,GAAI,CAAEiC,QAAS,OAAQgL,eAAgB,SAAUC,MAAO,QACzD7M,8BAAC0L,EAAAA,QAAA,CAAiBxI,KAAM"}