npm - @erpsquad/common - Versions diffs - 1.8.40 → 1.8.41 - Mend

@erpsquad/common 1.8.40 → 1.8.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4412) hide show

package/dist/components/form-control/form-builder/form-builder-element/dynamic-select/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport { Controller, useFormContext, useWatch, Control } from 'react-hook-form';\r\nimport { dynamicSelectAdd } from './select-configuration';\r\nimport {\r\n Box,\r\n CircularProgress,\r\n Divider,\r\n IconButton,\r\n InputAdornment,\r\n MenuItem,\r\n MenuItemProps,\r\n OutlinedInput,\r\n} from '@mui/material';\r\nimport PropTypes from 'prop-types';\r\nimport { debounce } from 'lodash';\r\nimport { sortBy } from \"lodash\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Add, Close } from '@mui/icons-material';\r\n\r\nimport Select from '../../../select/select';\r\nimport ChipOrPlaceholder from './chip-or-placeholder';\r\nimport Checkbox from '../../../checkbox/checkbox';\r\nimport Typography from '../../../typography/typography';\r\nimport Chip from '../../../chip/chip';\r\nimport { MoreIcon } from '../../../icons';\r\nimport { fetchApi } from '../../../../utils/api';\r\nimport { useLanguage } from '../../../../hooks/useLangauge';\r\nimport './element.scss';\r\n\r\n// Types\r\ninterface IOption {\r\n id: string \| number;\r\n value: string \| number;\r\n label: string \| React.ReactNode;\r\n disabled?: boolean;\r\n isGroup?: boolean;\r\n options?: IOption[];\r\n searchLabel?: string;\r\n}\r\n\r\n\r\n\r\ninterface IMenuItemsProps extends MenuItemProps {\r\n options: IOption[];\r\n multiple: boolean;\r\n placeholder: string;\r\n with_checkboxes: boolean;\r\n values: string \| string[];\r\n field: IDynamicSearchSelectProps;\r\n disabledIds: (string \| number)[];\r\n onChange: (value: string \| string[]) => void;\r\n handleChange?: (value: string \| string[]) => void;\r\n hasParent: boolean;\r\n t: (key: string) => string;\r\n onFooterClick?: () => void;\r\n}\r\n\r\ninterface IDynamicSearchSelectProps {\r\n name: string;\r\n placeholder: string;\r\n label: string;\r\n size?: 'small' \| 'medium';\r\n options: IOption[];\r\n formControl: Control<any>;\r\n defaultValue?: string \| string[];\r\n fieldArrayName: string;\r\n id?: string;\r\n required?: boolean;\r\n is_multiselect?: boolean;\r\n position?: number;\r\n formType?: string;\r\n typeOfField?: string;\r\n disabled?: boolean;\r\n onChipRemove?: (value: string) => void;\r\n enable_footer?: boolean;\r\n footer_action?: string;\r\n onFooterClick?: () => void;\r\n is_loading?: boolean;\r\n selectedLabel?: string;\r\n isInternal?: boolean;\r\n disabledIds?: (string \| number)[];\r\n getSelectedData?: (data: IOption \| IOption[] \| null, name: string) => void;\r\n attributes?: string[];\r\n handleChange?: (value: string \| string[]) => void;\r\n hasParent?: boolean;\r\n sortOrder?: string;\r\n apiType?: string;\r\n handleOptions?: (value: any) => void;\r\n filterKey?: string;\r\n customeFilter?: Record<string, any>;\r\n refresh?: boolean;\r\n addType?: string;\r\n}\r\n\r\ninterface IPaginationState {\r\n page: number;\r\n hasMore: boolean;\r\n isLoadingMore: boolean;\r\n total: number;\r\n}\r\n\r\n// Helper function to generate menu items\r\nconst generateMenuItems = ({\r\n options,\r\n multiple,\r\n placeholder,\r\n with_checkboxes,\r\n values,\r\n field,\r\n disabledIds,\r\n onChange,\r\n handleChange,\r\n hasParent,\r\n t,\r\n onFooterClick\r\n}: IMenuItemsProps): React.ReactElement[] => {\r\n const itemDisabled = (id: string \| number) => disabledIds?.includes(id);\r\n const items: React.ReactElement[] = [];\r\n\r\n if (!multiple) {\r\n items.push(\r\n <MenuItem disabled value='' key=\"placeholder\" sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\r\n <Typography type='s3' color='theme.secondary.1000'>\r\n <em>{t(placeholder)}</em>\r\n </Typography>\r\n </MenuItem>\r\n );\r\n }\r\n const selectedValues = (Array.isArray(values) && values?.length > 0) ? values?.filter((value) => value) : values;\r\n\r\n const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\r\n const childValues = childOptions.map((child) => child.value);\r\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\r\n\r\n const isParentSelected = valueArray.includes(parentValue);\r\n const updatedValues = isParentSelected\r\n ? valueArray.filter((value) => value !== parentValue && !childValues.includes(value))\r\n : [...new Set([...valueArray, parentValue, ...childValues])];\r\n\r\n onChange(updatedValues);\r\n handleChange?.(updatedValues);\r\n };\r\n\r\n const isAllOptionsSelected = (parentValue: string, childOptions: IOption[]) => {\r\n const childValues = childOptions.map((child) => child.value);\r\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\r\n return childValues.every((childValue) => valueArray.includes(childValue));\r\n };\r\n\r\n const isSomeOptionsSelected = (childOptions: IOption[]) => {\r\n const childValues = childOptions.map((child) => child.value);\r\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\r\n return childValues.some((childValue) => valueArray.includes(childValue));\r\n };\r\n\r\n if (Array.isArray(options) && options.length > 0) {\r\n options.forEach((option) => {\r\n items.push(\r\n <MenuItem\r\n value={option.value}\r\n key={option.value}\r\n disabled={Boolean(option.disabled) \|\| itemDisabled(option.id \|\| option.value)}\r\n className={option.isGroup ? 'select--MenuItemHeader' : ''}\r\n >\r\n <Box sx={{ display: 'flex', gap: 1 }}>\r\n {multiple && with_checkboxes && (\r\n <Checkbox\r\n checked={\r\n hasParent\r\n ? isAllOptionsSelected(option.value, option.options \|\| [])\r\n : Boolean(Array.isArray(selectedValues) ? selectedValues.includes(option.value) : selectedValues == option.value)\r\n }\r\n indeterminate={\r\n hasParent && isSomeOptionsSelected(option.options \|\| [])\r\n }\r\n onChange={() => hasParent ? handleParentChange(option.value, option.options \|\| []) : handleChange?.(option.value)}\r\n />\r\n )}\r\n <Typography\r\n type='s3'\r\n color='theme.secondary.1000'\r\n onClick={() => handleChange?.(option.value)}\r\n >\r\n {option.label}\r\n </Typography>\r\n </Box>\r\n </MenuItem>\r\n );\r\n\r\n if (option.isGroup && Array.isArray(option.options)) {\r\n option.options.forEach((opt) => {\r\n items.push(\r\n <MenuItem\r\n value={opt.value}\r\n disabled={Boolean(opt.disabled) \|\| itemDisabled(opt.id \|\| opt.value)}\r\n sx={{ pl: 5 }}\r\n key={`${option.value}-${opt.value}`}\r\n >\r\n <Box sx={{ display: 'flex', gap: 1 }}>\r\n {multiple && with_checkboxes && (\r\n <Checkbox\r\n checked={Boolean(Array.isArray(values) && values.includes(opt.value))}\r\n />\r\n )}\r\n <Typography\r\n type='s3'\r\n color='theme.secondary.1000'\r\n onClick={() => handleChange?.(String(opt.value))}\r\n >\r\n {opt.label == \"Payment Entries\" ? \"Payment and Collection Entries\" : opt.label \|\| opt.value}\r\n </Typography>\r\n </Box>\r\n </MenuItem>\r\n );\r\n });\r\n }\r\n });\r\n }\r\n\r\n if (field.enable_footer) {\r\n items.push(\r\n <Box key=\"footer\">\r\n <Divider flexItem sx={{ mt: '0.25rem !important', mb: '0.25rem !important' }} />\r\n <MenuItem sx={{ gap: 1 }} onClick={onFooterClick}>\r\n <Add fontSize='small' />\r\n <Typography type='s4' color='theme.secondary.1000'>\r\n Create New {field.label}\r\n </Typography>\r\n </MenuItem>\r\n </Box>\r\n );\r\n }\r\n\r\n if (!items.length \|\| (items.length == 1 && !multiple)) {\r\n items.push(\r\n <MenuItem disabled key=\"no-data\">\r\n No data available\r\n </MenuItem>\r\n );\r\n }\r\n\r\n return items;\r\n};\r\n\r\n// Selected items component\r\nconst SelectedItems: React.FC<{\r\n data: (string \| number)[];\r\n options: IOption[];\r\n}> = ({ data, options }) => {\r\n const displayTitle = data.map(\r\n (selectedItem) =>\r\n options?.find((option) => option.value == selectedItem)?.label \|\| ''\r\n );\r\n const filteredDisplayTitle = displayTitle.filter(Boolean);\r\n\r\n return (\r\n <Typography\r\n type='s4'\r\n color='inherit'\r\n sx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}\r\n >\r\n {filteredDisplayTitle.slice(0, 4).join(', ')}\r\n {data.length > 4 && (\r\n <Chip variant='outlined' type='normal' label={<MoreIcon />} />\r\n )}\r\n </Typography>\r\n );\r\n};\r\n\r\nconst Loading = () => (\r\n <Typography fontStyle='italic' color='inherit' type='s3'>Loading...</Typography>\r\n)\r\n\r\nconst DynamicSearchSelect: React.FC<IDynamicSearchSelectProps> = React.memo((props) => {\r\n const watchedValue = useWatch({\r\n control: props.formControl,\r\n name: `${props.fieldArrayName}.${props.name}`\r\n });\r\n\r\n const formContext = useFormContext();\r\n const { setValue } = formContext \|\| {};\r\n const { t } = useTranslation();\r\n const { isRtl } = useLanguage();\r\n const selectRef = useRef<HTMLDivElement>(null);\r\n\r\n // State management\r\n const [options, setOptions] = useState<IOption[]>([]);\r\n const [selectedValue, setSelectedValue] = useState<any>(null);\r\n const [selectedOptions, setSelectedOptions] = useState<IOption[]>([]);\r\n const [loading, setLoading] = useState<boolean>(false);\r\n const [open, setOpen] = useState<boolean>(false);\r\n const [isAlreadyLoaded, setIsAlreadyLoaded] = useState<boolean>(false);\r\n const [prevFilter, setPrevFilter] = useState<any>(null);\r\n const [initialLoading, setInitialLoading] = useState<boolean>(false);\r\n const [searchQuery, setSearchQuery] = useState<string>(\"\");\r\n const [searchInitiate, setSearchInitiate] = useState<boolean>(false);\r\n const [addConfig, setAddConfig] = useState<any>(null);\r\n\r\n // Modal states\r\n const [isModalOpen, setIsModalOpen] = useState<boolean>(false);\r\n const [isAddLoading, setIsAddLoading] = useState<boolean>(false);\r\n\r\n\r\n // Pagination state\r\n const [pagination, setPagination] = useState<IPaginationState>({\r\n page: 1,\r\n hasMore: true,\r\n isLoadingMore: false,\r\n total: 0\r\n });\r\n\r\n // Props destructuring with defaults\r\n const {\r\n handleOptions,\r\n isInternal = false,\r\n disabledIds = [],\r\n getSelectedData,\r\n attributes = [],\r\n filterKey = 'id',\r\n customeFilter = {},\r\n refresh,\r\n handleChange,\r\n hasParent = false,\r\n sortOrder = 'id:-1',\r\n apiType,\r\n addType\r\n } = props;\r\n\r\n const limit = 25;\r\n\r\n // Memoized values\r\n const isInternalOptions = useMemo(() => {\r\n return isInternal \|\| !apiType;\r\n }, [isInternal, apiType]);\r\n //eslint-disable-next-line\r\n const cf = useMemo(() => customeFilter, [JSON.stringify(customeFilter)]);\r\n\r\n // Local search function\r\n const searchOptionsLocally = useCallback((searchTerm: string, value: any): IOption[] => {\r\n if (!searchTerm) return props.options \|\| [];\r\n\r\n const lowercasedSearchTerm = searchTerm.toLowerCase();\r\n\r\n const filteredOptions = hasParent\r\n ? props.options?.reduce((acc: IOption[], opt) => {\r\n const searchedOptions = opt.options?.filter((item) => {\r\n const label = React.isValidElement(item.label) ? item.searchLabel : String(item.label);\r\n return label?.toLowerCase().includes(lowercasedSearchTerm);\r\n });\r\n\r\n if (searchedOptions?.length) {\r\n acc.push({ ...opt, options: searchedOptions });\r\n }\r\n\r\n return acc;\r\n }, []) \|\| []\r\n : props.options?.filter((opt) => {\r\n const label = React.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);\r\n return label?.toLowerCase().includes(lowercasedSearchTerm);\r\n }) \|\| [];\r\n //eslint-disable-next-line\r\n return sortBySelectedValues(filteredOptions, value);\r\n //eslint-disable-next-line\r\n }, [props.options, hasParent]);\r\n\r\n // Get unique options\r\n const getUniqueOptions = useCallback((data: IOption[]): IOption[] => {\r\n const uniqueOptions = [\r\n ...new Map(data?.map(item => [item.value, item])).values()\r\n ];\r\n return uniqueOptions;\r\n }, []);\r\n\r\n // Sort by selected values\r\n const sortBySelectedValues = useCallback((arrayToSort: IOption[], value: any): IOption[] => {\r\n const selectedValues = Array.isArray(value) ? value : [value];\r\n const sortedValue = sortBy(arrayToSort, (item) => {\r\n const index = selectedValues.indexOf(item.id \|\| item.value);\r\n return index == -1 ? Infinity : index;\r\n });\r\n return sortedValue;\r\n }, []);\r\n\r\n // Filtered options with pagination support\r\n const filteredOptions = useMemo(() => {\r\n if (isInternalOptions) {\r\n return searchOptionsLocally(searchQuery, watchedValue);\r\n }\r\n return sortBySelectedValues(getUniqueOptions([...options, ...selectedOptions]), watchedValue);\r\n //eslint-disable-next-line\r\n }, [options, selectedOptions, isInternalOptions, props.options, watchedValue, searchQuery, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);\r\n\r\n // API Functions\r\n const fetchOptions = useCallback(async (searchTerm = '', flt = cf, page = 1, append = false) => {\r\n if (!apiType) return [];\r\n\r\n setLoading(true);\r\n if (page > 1) {\r\n setPagination(prev => ({ ...prev, isLoadingMore: true }));\r\n }\r\n\r\n try {\r\n const { data = [], pagination = {} } = await fetchApi({\r\n apiKey: apiType,\r\n filters: {\r\n limit,\r\n skip: (page - 1) * limit,\r\n search: searchTerm,\r\n filters: flt,\r\n select: attributes,\r\n order: sortOrder\r\n }\r\n });\r\n\r\n if (data && Array.isArray(data)) {\r\n const newOptions = append ? [...options, ...data] : data;\r\n updateOptions(newOptions, append);\r\n handleSelectedValue(data);\r\n // Update pagination\r\n setPagination(prev => ({\r\n ...prev,\r\n page,\r\n hasMore: pagination?.totalCount > (page * limit),\r\n total: pagination?.totalCount,\r\n isLoadingMore: false\r\n }));\r\n }\r\n\r\n return data \|\| [];\r\n } catch (error) {\r\n console.error('Error fetching options:', error);\r\n setPagination(prev => ({ ...prev, isLoadingMore: false }));\r\n return [];\r\n } finally {\r\n setLoading(false);\r\n }\r\n //eslint-disable-next-line\r\n }, [apiType, options, attributes, sortOrder, limit, cf]);\r\n\r\n // Handle scroll pagination\r\n const handleScroll = useCallback((event: React.UIEvent<HTMLDivElement>) => {\r\n const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\r\n const isBottom = scrollHeight - scrollTop <= clientHeight + 10;\r\n\r\n if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {\r\n const nextPage = pagination.page + 1;\r\n fetchOptions(searchQuery, cf, nextPage, true);\r\n }\r\n }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, cf, fetchOptions]);\r\n\r\n // Update options\r\n const updateOptions = useCallback((newOptions: IOption[], append = false) => {\r\n const oldOptions = append ? options : selectedOptions;\r\n const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);\r\n setOptions(uniqueOptions);\r\n }, [options, selectedOptions, getUniqueOptions]);\r\n\r\n // Handle selected value\r\n const handleSelectedValue = useCallback(async (updateOptions: IOption[]) => {\r\n const filterValue = props.is_multiselect ? watchedValue : [watchedValue];\r\n const isInOptions = updateOptions?.filter((item) =>\r\n Array.isArray(filterValue) ? filterValue.includes(item.id \|\| item.value) : (item[filterKey] \|\| item.value \|\| item.id) == filterValue\r\n );\r\n\r\n if (Array.isArray(isInOptions) && isInOptions.length > 0) {\r\n getSelectedData?.(props.is_multiselect ? isInOptions : isInOptions[0], props.name);\r\n return true;\r\n }\r\n return false;\r\n }, [props.is_multiselect, props.name, watchedValue, filterKey, getSelectedData]);\r\n\r\n // Fetch options by ID\r\n const fetchIdOptions = useCallback(async () => {\r\n if (open) return;\r\n if (await handleSelectedValue(filteredOptions)) return;\r\n\r\n const condition = props.is_multiselect ?\r\n Array.isArray(watchedValue) && watchedValue.length > 0 :\r\n Boolean(watchedValue);\r\n\r\n if (condition) {\r\n setInitialLoading(true);\r\n const response = await fetchOptions('', { ...cf, '&id.in': watchedValue }, 1, false);\r\n setInitialLoading(false);\r\n\r\n if (response.length == 0 && setValue && !isInternalOptions) {\r\n // setValue(`${props.fieldArrayName}.${props.name}`, props.is_multiselect ? [] : null);\r\n }\r\n }\r\n //eslint-disable-next-line\r\n }, [open, watchedValue, JSON.stringify(cf)]);\r\n\r\n // Initial fetch\r\n const initialFetch = useCallback(async () => {\r\n const condition = JSON.stringify(cf) !== JSON.stringify(prevFilter);\r\n\r\n if (condition) {\r\n setPrevFilter(cf);\r\n setOptions([]);\r\n setIsAlreadyLoaded(false);\r\n setPagination({\r\n page: 1,\r\n hasMore: true,\r\n isLoadingMore: false,\r\n total: 0\r\n });\r\n }\r\n\r\n if (!isInternalOptions && !isAlreadyLoaded) {\r\n await fetchOptions(searchQuery, cf, 1, false);\r\n setIsAlreadyLoaded(true);\r\n }\r\n //eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [cf, isInternalOptions, isAlreadyLoaded]);\r\n\r\n // Debounced search\r\n const debouncedSearch = useMemo(\r\n () => debounce(async (searchTerm: string) => {\r\n if (loading) return;\r\n\r\n if (!searchTerm && !isInternalOptions && searchInitiate) {\r\n setPagination({\r\n page: 1,\r\n hasMore: true,\r\n isLoadingMore: false,\r\n total: 0\r\n });\r\n await fetchOptions('', cf, 1, false);\r\n }\r\n if (searchTerm.length > 1 && !isInternalOptions) {\r\n setPagination({\r\n page: 1,\r\n hasMore: true,\r\n isLoadingMore: false,\r\n total: 0\r\n });\r\n await fetchOptions(searchTerm, cf, 1, false);\r\n }\r\n }, 700),\r\n //eslint-disable-next-line\r\n [isInternalOptions, searchInitiate, cf]\r\n );\r\n\r\n // Reset value function\r\n const resetValue = useCallback((field: any) => {\r\n field.onChange(props.is_multiselect ? [] : null);\r\n if (getSelectedData) {\r\n getSelectedData(null, props.name);\r\n }\r\n }, [props.is_multiselect, props.name, getSelectedData]);\r\n\r\n // Handle close\r\n const handleClose = useCallback(() => {\r\n setOpen(false);\r\n if (searchQuery.length > 0) {\r\n setIsAlreadyLoaded(false);\r\n }\r\n setSearchInitiate(false);\r\n setSearchQuery('');\r\n }, [searchQuery]);\r\n\r\n const handleModalOpen = useCallback(() => {\r\n setIsModalOpen(true);\r\n }, []);\r\n\r\n\r\n\r\n // Handle modal save\r\n const handleModalSave = useCallback(async (payload: any) => {\r\n if (!addConfig \|\| !addConfig.api) {\r\n console.error('Add configuration is not properly set');\r\n return;\r\n }\r\n\r\n setIsAddLoading(true);\r\n try {\r\n const result = await addConfig.api(payload);\r\n console.log(\"result\",result);\r\n setIsAddLoading(false);\r\n setIsModalOpen(false);\r\n if (!isInternalOptions) {\r\n setPagination({\r\n page: 1,\r\n hasMore: true,\r\n isLoadingMore: false,\r\n total: 0\r\n });\r\n setIsAlreadyLoaded(false);\r\n await fetchOptions('', cf, 1, false);\r\n }\r\n if (result && result.data) {\r\n const newValue = props.is_multiselect\r\n ? [...(watchedValue \|\| []), result.data.id]\r\n : result.data.id;\r\n \r\n if (setValue) {\r\n setValue(`${props.fieldArrayName}.${props.name}`, newValue);\r\n }\r\n }\r\n } catch (error) {\r\n console.log(\"error\",error);\r\n setIsAddLoading(false);\r\n }\r\n \r\n\r\n }, [addConfig, isInternalOptions, fetchOptions, cf, props.is_multiselect, props.fieldArrayName, props.name, watchedValue, setValue]);\r\n\r\n // Effects\r\n useEffect(() => {\r\n if (handleOptions) {\r\n handleOptions(selectedValue);\r\n }\r\n }, [handleOptions, selectedValue]);\r\n\r\n useEffect(() => {\r\n if (open) {\r\n initialFetch();\r\n }\r\n }, [open, initialFetch]);\r\n\r\n useEffect(() => {\r\n fetchIdOptions();\r\n }, [fetchIdOptions]);\r\n\r\n useEffect(() => {\r\n if (refresh) {\r\n setPagination({\r\n page: 1,\r\n hasMore: true,\r\n isLoadingMore: false,\r\n total: 0\r\n });\r\n fetchOptions('', cf, 1, false);\r\n }\r\n }, [refresh, fetchOptions, cf]);\r\n\r\n useEffect(() => {\r\n if (open) {\r\n debouncedSearch(searchQuery);\r\n }\r\n return () => debouncedSearch.cancel();\r\n }, [searchQuery, open, debouncedSearch]);\r\n\r\n useEffect(() => {\r\n if (watchedValue && !open) {\r\n const selectedData = options?.filter((item) =>\r\n props.is_multiselect ?\r\n Array.isArray(watchedValue) && watchedValue.includes(item.id \|\| item.value) :\r\n (item.id \|\| item.value) == watchedValue\r\n );\r\n setSelectedOptions(selectedData \|\| []);\r\n }\r\n }, [watchedValue, options, props.is_multiselect, open]);\r\n\r\n const removeUndefined = useCallback((selectOptions: any[]) => {\r\n return Array.isArray(selectOptions) ? selectOptions.filter(Boolean) : [];\r\n }, []);\r\n\r\n useEffect(() => {\r\n const config = dynamicSelectAdd(addType);\r\n setAddConfig(config);\r\n }, [addType])\r\n\r\n\r\n return (\r\n <Controller\r\n control={props.formControl}\r\n name={`${props.fieldArrayName}.${props.name}`}\r\n render={({ field, fieldState }) => (\r\n <>\r\n {props.placeholder == 'Select Currency' && setSelectedValue(field.value)}\r\n <Select\r\n {...field}\r\n ref={selectRef}\r\n open={open}\r\n onOpen={() => setOpen(true)}\r\n onClose={handleClose}\r\n fullWidth\r\n dataPosition={props.position}\r\n dataName={`${props.fieldArrayName}.${props.name}`}\r\n placeholder={props.placeholder}\r\n label={props.label}\r\n defaultValue={props.defaultValue \|\| (props.is_multiselect ? [] : '')}\r\n searchValue={searchQuery}\r\n required={props.formType == 'builder' ? false : props.required}\r\n size={props.size \|\| 'small'}\r\n multiple={props.is_multiselect \|\| false}\r\n disabled={props.disabled}\r\n sx={(props.is_multiselect && field?.value?.length) ? { \"& .MuiSelect-select\": { padding: '5.5px !important' } } : {}}\r\n variant='outlined'\r\n value={\r\n initialLoading\r\n ? (props.is_multiselect ? [] : '')\r\n : (field.value?.id \|\| field.value \|\| (props.is_multiselect ? [] : ''))\r\n }\r\n className={\r\n props.is_multiselect && removeUndefined(field.value)?.length\r\n ? 'MultiSelect filter-select'\r\n : ''\r\n }\r\n MenuProps={{\r\n PaperProps: {\r\n onScroll: handleScroll,\r\n style: { maxHeight: 300 }\r\n }\r\n }}\r\n renderValue={(selected: any) => {\r\n if (Array.isArray(selected)) {\r\n return (\r\n <ChipOrPlaceholder\r\n selectedLabel={props.selectedLabel}\r\n data={removeUndefined(selected)}\r\n placeholder={(loading \|\| props.is_loading) ? <Loading /> : `${t('common.search')} ${props.label}`}\r\n onDelete={props.onChipRemove}\r\n disabled={props.disabled}\r\n chipProps={{\r\n sx: {\r\n background: '#ebf9f2',\r\n border: 0,\r\n // borderRadius: '15px',\r\n '& .MuiTypography-body1': {\r\n color: '#289b64',\r\n fontWeight: \"500\",\r\n }\r\n }\r\n }}\r\n />\r\n );\r\n } else {\r\n const selectedOption = filteredOptions.find(\r\n (option) => (option.value?.id \|\| option.value) == selected\r\n );\r\n return (loading \|\| props.is_loading) ? <Loading /> : selectedOption?.label \|\|\r\n (typeof props.label == 'string' ?\r\n `${t('common.search')} ${props.label}` :\r\n props.placeholder);\r\n }\r\n }}\r\n searchPlaceholder={`${t('common.search')} ${props.label}`}\r\n handleSearch={(text: string) => {\r\n setSearchQuery(text);\r\n setSearchInitiate(true);\r\n }}\r\n error={Boolean(fieldState.error?.message)}\r\n helperText={fieldState.error?.message \|\| ''}\r\n onBlur={field.onBlur}\r\n input={\r\n <OutlinedInput\r\n label=''\r\n endAdornment={\r\n <InputAdornment position='end'>\r\n {(loading \|\| props.is_loading) ? (\r\n <CircularProgress\r\n size={20}\r\n sx={{ mr: 3, color: \"#4AC08C\" }}\r\n />\r\n ) : (\r\n !props.disabled &&\r\n (props.is_multiselect ?\r\n (Array.isArray(field.value) && field.value.length > 0) :\r\n Boolean(field.value)) && (\r\n <IconButton\r\n aria-label='clear selection'\r\n onClick={() => resetValue(field)}\r\n edge='end'\r\n sx={isRtl ? { ml: 2.5 } : { mr: 1.5 }}\r\n size='small'\r\n >\r\n <Close sx={{ fontSize: '1rem' }} />\r\n </IconButton>\r\n )\r\n )}\r\n </InputAdornment>\r\n }\r\n />\r\n }\r\n >\r\n {generateMenuItems({\r\n options: filteredOptions,\r\n multiple: Boolean(props.is_multiselect),\r\n placeholder: props.placeholder,\r\n values: field.value,\r\n with_checkboxes: true,\r\n field: props,\r\n disabledIds,\r\n onChange: field.onChange,\r\n handleChange,\r\n hasParent,\r\n t,\r\n onFooterClick: () => {\r\n if (props?.onFooterClick) {\r\n props?.onFooterClick();\r\n } else {\r\n handleModalOpen();\r\n }\r\n }\r\n })}\r\n {pagination.isLoadingMore && (\r\n <MenuItem disabled>\r\n <Box sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}>\r\n <CircularProgress size={20} />\r\n </Box>\r\n </MenuItem>\r\n )}\r\n </Select>\r\n\r\n {/* Modal for adding new items */}\r\n {addConfig && addConfig.component && (\r\n <>\r\n {React.createElement(addConfig.component, {\r\n isOpen: isModalOpen,\r\n setIsOpen: setIsModalOpen,\r\n isLoading: isAddLoading,\r\n onSave: handleModalSave,\r\n modalProps: {\r\n maxWidth: 'md',\r\n fullWidth: true\r\n }\r\n })}\r\n </>\r\n )}\r\n\r\n {props.is_multiselect && Array.isArray(field.value) && (\r\n <SelectedItems\r\n data={field.value}\r\n options={filteredOptions}\r\n />\r\n )}\r\n </>\r\n )}\r\n />\r\n );\r\n});\r\n\r\nDynamicSearchSelect.propTypes = {\r\n name: PropTypes.string.isRequired,\r\n placeholder: PropTypes.string.isRequired,\r\n label: PropTypes.string.isRequired,\r\n size: PropTypes.string,\r\n options: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\r\n value: PropTypes.any\r\n })\r\n ).isRequired,\r\n formControl: PropTypes.object.isRequired,\r\n defaultValue: PropTypes.any,\r\n fieldArrayName: PropTypes.string.isRequired,\r\n id: PropTypes.string,\r\n required: PropTypes.bool,\r\n is_multiselect: PropTypes.bool,\r\n position: PropTypes.number,\r\n formType: PropTypes.string,\r\n typeOfField: PropTypes.string,\r\n disabled: PropTypes.bool,\r\n onChipRemove: PropTypes.func,\r\n enable_footer: PropTypes.bool,\r\n footer_action: PropTypes.string,\r\n onFooterClick: PropTypes.func,\r\n is_loading: PropTypes.bool,\r\n selectedLabel: PropTypes.string,\r\n isInternal: PropTypes.bool,\r\n disabledIds: PropTypes.array,\r\n getSelectedData: PropTypes.func,\r\n attributes: PropTypes.array,\r\n handleChange: PropTypes.func,\r\n hasParent: PropTypes.bool,\r\n sortOrder: PropTypes.string,\r\n apiType: PropTypes.string,\r\n handleOptions: PropTypes.func,\r\n filterKey: PropTypes.string,\r\n customeFilter: PropTypes.object,\r\n refresh: PropTypes.bool,\r\n addType: PropTypes.string\r\n};\r\n\r\nexport default DynamicSearchSelect;\r\n"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","field","disabledIds","onChange","handleChange","hasParent","t","onFooterClick","itemDisabled","id","includes","items","push","jsx","MenuItem","disabled","value","sx","opacity","height","p","m","children","Typography","type","color","selectedValues","Array","isArray","length","filter","isAllOptionsSelected","parentValue","childOptions","childValues","map","child","valueArray","every","childValue","isSomeOptionsSelected","some","forEach","option","Boolean","className","isGroup","jsxs","Box","display","gap","Checkbox","checked","indeterminate","updatedValues","Set","handleParentChange","onClick","label","opt","pl","String","enable_footer","Divider","flexItem","mt","mb","Add","fontSize","SelectedItems","data","filteredDisplayTitle","selectedItem","_a","find","alignItems","slice","join","Chip","variant","MoreIcon","Loading","fontStyle","DynamicSearchSelect","React","memo","props","watchedValue","useWatch","control","formControl","name","fieldArrayName","formContext","useFormContext","setValue","useTranslation","isRtl","useLanguage","selectRef","useRef","setOptions","useState","selectedValue","setSelectedValue","selectedOptions","setSelectedOptions","loading","setLoading","open","setOpen","isAlreadyLoaded","setIsAlreadyLoaded","prevFilter","setPrevFilter","initialLoading","setInitialLoading","searchQuery","setSearchQuery","searchInitiate","setSearchInitiate","addConfig","setAddConfig","isModalOpen","setIsModalOpen","isAddLoading","setIsAddLoading","pagination","setPagination","page","hasMore","isLoadingMore","total","handleOptions","isInternal","getSelectedData","attributes","filterKey","customeFilter","refresh","sortOrder","apiType","addType","isInternalOptions","useMemo","cf","JSON","stringify","searchOptionsLocally","useCallback","searchTerm","lowercasedSearchTerm","toLowerCase","filteredOptions","reduce","acc","searchedOptions","item","isValidElement","searchLabel","_b","sortBySelectedValues","getUniqueOptions","Map","arrayToSort","sortBy","index","indexOf","Infinity","fetchOptions","async","flt","append","prev","fetchApi","apiKey","filters","limit","skip","search","select","order","newOptions","updateOptions","handleSelectedValue","totalCount","error","handleScroll","event","scrollTop","scrollHeight","clientHeight","currentTarget","nextPage","uniqueOptions","filterValue","is_multiselect","isInOptions","fetchIdOptions","initialFetch","debouncedSearch","debounce","resetValue","handleClose","handleModalOpen","handleModalSave","payload","api","result","newValue","useEffect","cancel","selectedData","removeUndefined","selectOptions","config","dynamicSelectAdd","Controller","render","fieldState","Fragment","Select","ref","onOpen","onClose","fullWidth","dataPosition","position","dataName","defaultValue","searchValue","required","formType","size","padding","_c","MenuProps","PaperProps","onScroll","style","maxHeight","renderValue","selected","ChipOrPlaceholder","selectedLabel","is_loading","onDelete","onChipRemove","chipProps","background","border","fontWeight","selectedOption","searchPlaceholder","handleSearch","text","_d","message","helperText","_e","onBlur","input","OutlinedInput","endAdornment","InputAdornment","CircularProgress","mr","IconButton","edge","ml","Close","justifyContent","width","component","createElement","isOpen","setIsOpen","isLoading","onSave","modalProps","maxWidth","propTypes","PropTypes","string","isRequired","arrayOf","shape","oneOfType","node","any","object","bool","number","typeOfField","func","footer_action","array"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-select.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\r\nimport { Controller, useFormContext, useWatch, Control } from 'react-hook-form';\r\nimport { dynamicSelectAdd } from './select-configuration';\r\nimport {\r\n Box,\r\n CircularProgress,\r\n Divider,\r\n IconButton,\r\n InputAdornment,\r\n MenuItem,\r\n MenuItemProps,\r\n OutlinedInput,\r\n} from '@mui/material';\r\nimport PropTypes from 'prop-types';\r\nimport { debounce } from 'lodash';\r\nimport { sortBy } from \"lodash\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Add, Close } from '@mui/icons-material';\r\n\r\nimport Select from '../../../select/select';\r\nimport ChipOrPlaceholder from './chip-or-placeholder';\r\nimport Checkbox from '../../../checkbox/checkbox';\r\nimport Typography from '../../../typography/typography';\r\nimport Chip from '../../../chip/chip';\r\nimport { MoreIcon } from '../../../icons';\r\nimport { fetchApi } from '../../../../utils/api';\r\nimport { useLanguage } from '../../../../hooks/useLangauge';\r\nimport './element.scss';\r\n\r\n// Types\r\ninterface IOption {\r\n id: string \| number;\r\n value: string \| number;\r\n label: string \| React.ReactNode;\r\n disabled?: boolean;\r\n isGroup?: boolean;\r\n options?: IOption[];\r\n searchLabel?: string;\r\n}\r\n\r\n\r\n\r\ninterface IMenuItemsProps extends MenuItemProps {\r\n options: IOption[];\r\n multiple: boolean;\r\n placeholder: string;\r\n with_checkboxes: boolean;\r\n values: string \| string[];\r\n field: IDynamicSearchSelectProps;\r\n disabledIds: (string \| number)[];\r\n onChange: (value: string \| string[]) => void;\r\n handleChange?: (value: string \| string[]) => void;\r\n hasParent: boolean;\r\n t: (key: string) => string;\r\n onFooterClick?: () => void;\r\n}\r\n\r\ninterface IDynamicSearchSelectProps {\r\n name: string;\r\n placeholder: string;\r\n label: string;\r\n size?: 'small' \| 'medium';\r\n options: IOption[];\r\n formControl: Control<any>;\r\n defaultValue?: string \| string[];\r\n fieldArrayName: string;\r\n id?: string;\r\n required?: boolean;\r\n is_multiselect?: boolean;\r\n position?: number;\r\n formType?: string;\r\n typeOfField?: string;\r\n disabled?: boolean;\r\n onChipRemove?: (value: string) => void;\r\n enable_footer?: boolean;\r\n footer_action?: string;\r\n onFooterClick?: () => void;\r\n is_loading?: boolean;\r\n selectedLabel?: string;\r\n isInternal?: boolean;\r\n disabledIds?: (string \| number)[];\r\n getSelectedData?: (data: IOption \| IOption[] \| null, name: string) => void;\r\n attributes?: string[];\r\n handleChange?: (value: string \| string[]) => void;\r\n hasParent?: boolean;\r\n sortOrder?: string;\r\n apiType?: string;\r\n handleOptions?: (value: any) => void;\r\n filterKey?: string;\r\n customeFilter?: Record<string, any>;\r\n refresh?: boolean;\r\n addType?: string;\r\n}\r\n\r\ninterface IPaginationState {\r\n page: number;\r\n hasMore: boolean;\r\n isLoadingMore: boolean;\r\n total: number;\r\n}\r\n\r\n// Helper function to generate menu items\r\nconst generateMenuItems = ({\r\n options,\r\n multiple,\r\n placeholder,\r\n with_checkboxes,\r\n values,\r\n field,\r\n disabledIds,\r\n onChange,\r\n handleChange,\r\n hasParent,\r\n t,\r\n onFooterClick\r\n}: IMenuItemsProps): React.ReactElement[] => {\r\n const itemDisabled = (id: string \| number) => disabledIds?.includes(id);\r\n const items: React.ReactElement[] = [];\r\n\r\n if (!multiple) {\r\n items.push(\r\n <MenuItem disabled value='' key=\"placeholder\" sx={{ opacity: `0 !important`, height: `0 !important`, p: `0 !important`, m: `0 !important` }}>\r\n <Typography type='s3' color='theme.secondary.1000'>\r\n <em>{t(placeholder)}</em>\r\n </Typography>\r\n </MenuItem>\r\n );\r\n }\r\n const selectedValues = (Array.isArray(values) && values?.length > 0) ? values?.filter((value) => value) : values;\r\n\r\n const handleParentChange = (parentValue: string, childOptions: IOption[]) => {\r\n const childValues = childOptions.map((child) => child.value);\r\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\r\n\r\n const isParentSelected = valueArray.includes(parentValue);\r\n const updatedValues = isParentSelected\r\n ? valueArray.filter((value) => value !== parentValue && !childValues.includes(value))\r\n : [...new Set([...valueArray, parentValue, ...childValues])];\r\n\r\n onChange(updatedValues);\r\n handleChange?.(updatedValues);\r\n };\r\n\r\n const isAllOptionsSelected = (parentValue: string, childOptions: IOption[]) => {\r\n const childValues = childOptions.map((child) => child.value);\r\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\r\n return childValues.every((childValue) => valueArray.includes(childValue));\r\n };\r\n\r\n const isSomeOptionsSelected = (childOptions: IOption[]) => {\r\n const childValues = childOptions.map((child) => child.value);\r\n const valueArray = Array.isArray(selectedValues) ? selectedValues : [selectedValues];\r\n return childValues.some((childValue) => valueArray.includes(childValue));\r\n };\r\n\r\n if (Array.isArray(options) && options.length > 0) {\r\n options.forEach((option) => {\r\n items.push(\r\n <MenuItem\r\n value={option.value}\r\n key={option.value}\r\n disabled={Boolean(option.disabled) \|\| itemDisabled(option.id \|\| option.value)}\r\n className={option.isGroup ? 'select--MenuItemHeader' : ''}\r\n >\r\n <Box sx={{ display: 'flex', gap: 1 }}>\r\n {multiple && with_checkboxes && (\r\n <Checkbox\r\n checked={\r\n hasParent\r\n ? isAllOptionsSelected(option.value, option.options \|\| [])\r\n : Boolean(Array.isArray(selectedValues) ? selectedValues.includes(option.value) : selectedValues == option.value)\r\n }\r\n indeterminate={\r\n hasParent && isSomeOptionsSelected(option.options \|\| [])\r\n }\r\n onChange={() => hasParent ? handleParentChange(option.value, option.options \|\| []) : handleChange?.(option.value)}\r\n />\r\n )}\r\n <Typography\r\n type='s3'\r\n color='theme.secondary.1000'\r\n onClick={() => handleChange?.(option.value)}\r\n >\r\n {option.label}\r\n </Typography>\r\n </Box>\r\n </MenuItem>\r\n );\r\n\r\n if (option.isGroup && Array.isArray(option.options)) {\r\n option.options.forEach((opt) => {\r\n items.push(\r\n <MenuItem\r\n value={opt.value}\r\n disabled={Boolean(opt.disabled) \|\| itemDisabled(opt.id \|\| opt.value)}\r\n sx={{ pl: 5 }}\r\n key={`${option.value}-${opt.value}`}\r\n >\r\n <Box sx={{ display: 'flex', gap: 1 }}>\r\n {multiple && with_checkboxes && (\r\n <Checkbox\r\n checked={Boolean(Array.isArray(values) && values.includes(opt.value))}\r\n />\r\n )}\r\n <Typography\r\n type='s3'\r\n color='theme.secondary.1000'\r\n onClick={() => handleChange?.(String(opt.value))}\r\n >\r\n {opt.label == \"Payment Entries\" ? \"Payment and Collection Entries\" : opt.label \|\| opt.value}\r\n </Typography>\r\n </Box>\r\n </MenuItem>\r\n );\r\n });\r\n }\r\n });\r\n }\r\n\r\n if (field.enable_footer) {\r\n items.push(\r\n <Box key=\"footer\">\r\n <Divider flexItem sx={{ mt: '0.25rem !important', mb: '0.25rem !important' }} />\r\n <MenuItem sx={{ gap: 1 }} onClick={onFooterClick}>\r\n <Add fontSize='small' />\r\n <Typography type='s4' color='theme.secondary.1000'>\r\n Create New {field.label}\r\n </Typography>\r\n </MenuItem>\r\n </Box>\r\n );\r\n }\r\n\r\n if (!items.length \|\| (items.length == 1 && !multiple)) {\r\n items.push(\r\n <MenuItem disabled key=\"no-data\">\r\n No data available\r\n </MenuItem>\r\n );\r\n }\r\n\r\n return items;\r\n};\r\n\r\n// Selected items component\r\nconst SelectedItems: React.FC<{\r\n data: (string \| number)[];\r\n options: IOption[];\r\n}> = ({ data, options }) => {\r\n const displayTitle = data.map(\r\n (selectedItem) =>\r\n options?.find((option) => option.value == selectedItem)?.label \|\| ''\r\n );\r\n const filteredDisplayTitle = displayTitle.filter(Boolean);\r\n\r\n return (\r\n <Typography\r\n type='s4'\r\n color='inherit'\r\n sx={{ display: 'flex', gap: 1, alignItems: 'center', mt: 0.5 }}\r\n >\r\n {filteredDisplayTitle.slice(0, 4).join(', ')}\r\n {data.length > 4 && (\r\n <Chip variant='outlined' type='normal' label={<MoreIcon />} />\r\n )}\r\n </Typography>\r\n );\r\n};\r\n\r\nconst Loading = () => (\r\n <Typography fontStyle='italic' color='inherit' type='s3'>Loading...</Typography>\r\n)\r\n\r\nconst DynamicSearchSelect: React.FC<IDynamicSearchSelectProps> = React.memo((props) => {\r\n const watchedValue = useWatch({\r\n control: props.formControl,\r\n name: `${props.fieldArrayName}.${props.name}`\r\n });\r\n\r\n const formContext = useFormContext();\r\n const { setValue } = formContext \|\| {};\r\n const { t } = useTranslation();\r\n const { isRtl } = useLanguage();\r\n const selectRef = useRef<HTMLDivElement>(null);\r\n\r\n // State management\r\n const [options, setOptions] = useState<IOption[]>([]);\r\n const [selectedValue, setSelectedValue] = useState<any>(null);\r\n const [selectedOptions, setSelectedOptions] = useState<IOption[]>([]);\r\n const [loading, setLoading] = useState<boolean>(false);\r\n const [open, setOpen] = useState<boolean>(false);\r\n const [isAlreadyLoaded, setIsAlreadyLoaded] = useState<boolean>(false);\r\n const [prevFilter, setPrevFilter] = useState<any>(null);\r\n const [initialLoading, setInitialLoading] = useState<boolean>(false);\r\n const [searchQuery, setSearchQuery] = useState<string>(\"\");\r\n const [searchInitiate, setSearchInitiate] = useState<boolean>(false);\r\n const [addConfig, setAddConfig] = useState<any>(null);\r\n\r\n // Modal states\r\n const [isModalOpen, setIsModalOpen] = useState<boolean>(false);\r\n const [isAddLoading, setIsAddLoading] = useState<boolean>(false);\r\n\r\n\r\n // Pagination state\r\n const [pagination, setPagination] = useState<IPaginationState>({\r\n page: 1,\r\n hasMore: true,\r\n isLoadingMore: false,\r\n total: 0\r\n });\r\n\r\n // Props destructuring with defaults\r\n const {\r\n handleOptions,\r\n isInternal = false,\r\n disabledIds = [],\r\n getSelectedData,\r\n attributes = [],\r\n filterKey = 'id',\r\n customeFilter = {},\r\n refresh,\r\n handleChange,\r\n hasParent = false,\r\n sortOrder = 'id:-1',\r\n apiType,\r\n addType\r\n } = props;\r\n\r\n const limit = 25;\r\n\r\n // Memoized values\r\n const isInternalOptions = useMemo(() => {\r\n return isInternal \|\| !apiType;\r\n }, [isInternal, apiType]);\r\n //eslint-disable-next-line\r\n const cf = useMemo(() => customeFilter, [JSON.stringify(customeFilter)]);\r\n\r\n // Local search function\r\n const searchOptionsLocally = useCallback((searchTerm: string, value: any): IOption[] => {\r\n if (!searchTerm) return props.options \|\| [];\r\n\r\n const lowercasedSearchTerm = searchTerm.toLowerCase();\r\n\r\n const filteredOptions = hasParent\r\n ? props.options?.reduce((acc: IOption[], opt) => {\r\n const searchedOptions = opt.options?.filter((item) => {\r\n const label = React.isValidElement(item.label) ? item.searchLabel : String(item.label);\r\n return label?.toLowerCase().includes(lowercasedSearchTerm);\r\n });\r\n\r\n if (searchedOptions?.length) {\r\n acc.push({ ...opt, options: searchedOptions });\r\n }\r\n\r\n return acc;\r\n }, []) \|\| []\r\n : props.options?.filter((opt) => {\r\n const label = React.isValidElement(opt.label) ? opt.searchLabel : String(opt.label);\r\n return label?.toLowerCase().includes(lowercasedSearchTerm);\r\n }) \|\| [];\r\n //eslint-disable-next-line\r\n return sortBySelectedValues(filteredOptions, value);\r\n //eslint-disable-next-line\r\n }, [props.options, hasParent]);\r\n\r\n // Get unique options\r\n const getUniqueOptions = useCallback((data: IOption[]): IOption[] => {\r\n const uniqueOptions = [\r\n ...new Map(data?.map(item => [item.value, item])).values()\r\n ];\r\n return uniqueOptions;\r\n }, []);\r\n\r\n // Sort by selected values\r\n const sortBySelectedValues = useCallback((arrayToSort: IOption[], value: any): IOption[] => {\r\n const selectedValues = Array.isArray(value) ? value : [value];\r\n const sortedValue = sortBy(arrayToSort, (item) => {\r\n const index = selectedValues.indexOf(item.id \|\| item.value);\r\n return index == -1 ? Infinity : index;\r\n });\r\n return sortedValue;\r\n }, []);\r\n\r\n // Filtered options with pagination support\r\n const filteredOptions = useMemo(() => {\r\n if (isInternalOptions) {\r\n return searchOptionsLocally(searchQuery, watchedValue);\r\n }\r\n return sortBySelectedValues(getUniqueOptions([...options, ...selectedOptions]), watchedValue);\r\n //eslint-disable-next-line\r\n }, [options, selectedOptions, isInternalOptions, props.options, watchedValue, searchQuery, searchOptionsLocally, sortBySelectedValues, getUniqueOptions]);\r\n\r\n // API Functions\r\n const fetchOptions = useCallback(async (searchTerm = '', flt = cf, page = 1, append = false) => {\r\n if (!apiType) return [];\r\n\r\n setLoading(true);\r\n if (page > 1) {\r\n setPagination(prev => ({ ...prev, isLoadingMore: true }));\r\n }\r\n\r\n try {\r\n const { data = [], pagination = {} } = await fetchApi({\r\n apiKey: apiType,\r\n filters: {\r\n limit,\r\n skip: (page - 1) * limit,\r\n search: searchTerm,\r\n filters: flt,\r\n select: attributes,\r\n order: sortOrder\r\n }\r\n });\r\n\r\n if (data && Array.isArray(data)) {\r\n const newOptions = append ? [...options, ...data] : data;\r\n updateOptions(newOptions, append);\r\n handleSelectedValue(data);\r\n // Update pagination\r\n setPagination(prev => ({\r\n ...prev,\r\n page,\r\n hasMore: pagination?.totalCount > (page * limit),\r\n total: pagination?.totalCount,\r\n isLoadingMore: false\r\n }));\r\n }\r\n\r\n return data \|\| [];\r\n } catch (error) {\r\n console.error('Error fetching options:', error);\r\n setPagination(prev => ({ ...prev, isLoadingMore: false }));\r\n return [];\r\n } finally {\r\n setLoading(false);\r\n }\r\n //eslint-disable-next-line\r\n }, [apiType, options, attributes, sortOrder, limit, cf]);\r\n\r\n // Handle scroll pagination\r\n const handleScroll = useCallback((event: React.UIEvent<HTMLDivElement>) => {\r\n const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;\r\n const isBottom = scrollHeight - scrollTop <= clientHeight + 10;\r\n\r\n if (isBottom && pagination.hasMore && !pagination.isLoadingMore && !isInternalOptions) {\r\n const nextPage = pagination.page + 1;\r\n fetchOptions(searchQuery, cf, nextPage, true);\r\n }\r\n }, [pagination.hasMore, pagination.isLoadingMore, pagination.page, isInternalOptions, searchQuery, cf, fetchOptions]);\r\n\r\n // Update options\r\n const updateOptions = useCallback((newOptions: IOption[], append = false) => {\r\n const oldOptions = append ? options : selectedOptions;\r\n const uniqueOptions = getUniqueOptions([...oldOptions, ...newOptions]);\r\n setOptions(uniqueOptions);\r\n }, [options, selectedOptions, getUniqueOptions]);\r\n\r\n // Handle selected value\r\n const handleSelectedValue = useCallback(async (updateOptions: IOption[]) => {\r\n const filterValue = props.is_multiselect ? watchedValue : [watchedValue];\r\n const isInOptions = updateOptions?.filter((item) =>\r\n Array.isArray(filterValue) ? filterValue.includes(item.id \|\| item.value) : (item[filterKey] \|\| item.value \|\| item.id) == filterValue\r\n );\r\n\r\n if (Array.isArray(isInOptions) && isInOptions.length > 0) {\r\n getSelectedData?.(props.is_multiselect ? isInOptions : isInOptions[0], props.name);\r\n return true;\r\n }\r\n return false;\r\n }, [props.is_multiselect, props.name, watchedValue, filterKey, getSelectedData]);\r\n\r\n // Fetch options by ID\r\n const fetchIdOptions = useCallback(async () => {\r\n if (open) return;\r\n if (await handleSelectedValue(filteredOptions)) return;\r\n\r\n const condition = props.is_multiselect ?\r\n Array.isArray(watchedValue) && watchedValue.length > 0 :\r\n Boolean(watchedValue);\r\n\r\n if (condition) {\r\n setInitialLoading(true);\r\n const response = await fetchOptions('', { ...cf, '&id.in': watchedValue }, 1, false);\r\n setInitialLoading(false);\r\n\r\n if (response.length == 0 && setValue && !isInternalOptions) {\r\n // setValue(`${props.fieldArrayName}.${props.name}`, props.is_multiselect ? [] : null);\r\n }\r\n }\r\n //eslint-disable-next-line\r\n }, [open, watchedValue, JSON.stringify(cf)]);\r\n\r\n // Initial fetch\r\n const initialFetch = useCallback(async () => {\r\n const condition = JSON.stringify(cf) !== JSON.stringify(prevFilter);\r\n\r\n if (condition) {\r\n setPrevFilter(cf);\r\n setOptions([]);\r\n setIsAlreadyLoaded(false);\r\n setPagination({\r\n page: 1,\r\n hasMore: true,\r\n isLoadingMore: false,\r\n total: 0\r\n });\r\n }\r\n\r\n if (!isInternalOptions && !isAlreadyLoaded) {\r\n await fetchOptions(searchQuery, cf, 1, false);\r\n setIsAlreadyLoaded(true);\r\n }\r\n //eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [cf, isInternalOptions, isAlreadyLoaded]);\r\n\r\n // Debounced search\r\n const debouncedSearch = useMemo(\r\n () => debounce(async (searchTerm: string) => {\r\n if (loading) return;\r\n\r\n if (!searchTerm && !isInternalOptions && searchInitiate) {\r\n setPagination({\r\n page: 1,\r\n hasMore: true,\r\n isLoadingMore: false,\r\n total: 0\r\n });\r\n await fetchOptions('', cf, 1, false);\r\n }\r\n if (searchTerm.length > 1 && !isInternalOptions) {\r\n setPagination({\r\n page: 1,\r\n hasMore: true,\r\n isLoadingMore: false,\r\n total: 0\r\n });\r\n await fetchOptions(searchTerm, cf, 1, false);\r\n }\r\n }, 700),\r\n //eslint-disable-next-line\r\n [isInternalOptions, searchInitiate, cf]\r\n );\r\n\r\n // Reset value function\r\n const resetValue = useCallback((field: any) => {\r\n field.onChange(props.is_multiselect ? [] : null);\r\n if (getSelectedData) {\r\n getSelectedData(null, props.name);\r\n }\r\n }, [props.is_multiselect, props.name, getSelectedData]);\r\n\r\n // Handle close\r\n const handleClose = useCallback(() => {\r\n setOpen(false);\r\n if (searchQuery.length > 0) {\r\n setIsAlreadyLoaded(false);\r\n }\r\n setSearchInitiate(false);\r\n setSearchQuery('');\r\n }, [searchQuery]);\r\n\r\n const handleModalOpen = useCallback(() => {\r\n setIsModalOpen(true);\r\n }, []);\r\n\r\n\r\n\r\n // Handle modal save\r\n const handleModalSave = useCallback(async (payload: any) => {\r\n if (!addConfig \|\| !addConfig.api) {\r\n console.error('Add configuration is not properly set');\r\n return;\r\n }\r\n\r\n setIsAddLoading(true);\r\n try {\r\n const result = await addConfig.api(payload);\r\n console.log(\"result\",result);\r\n setIsAddLoading(false);\r\n setIsModalOpen(false);\r\n if (!isInternalOptions) {\r\n setPagination({\r\n page: 1,\r\n hasMore: true,\r\n isLoadingMore: false,\r\n total: 0\r\n });\r\n setIsAlreadyLoaded(false);\r\n await fetchOptions('', cf, 1, false);\r\n }\r\n if (result && result.data) {\r\n const newValue = props.is_multiselect\r\n ? [...(watchedValue \|\| []), result.data.id]\r\n : result.data.id;\r\n \r\n if (setValue) {\r\n setValue(`${props.fieldArrayName}.${props.name}`, newValue);\r\n }\r\n }\r\n } catch (error) {\r\n console.log(\"error\",error);\r\n setIsAddLoading(false);\r\n }\r\n \r\n\r\n }, [addConfig, isInternalOptions, fetchOptions, cf, props.is_multiselect, props.fieldArrayName, props.name, watchedValue, setValue]);\r\n\r\n // Effects\r\n useEffect(() => {\r\n if (handleOptions) {\r\n handleOptions(selectedValue);\r\n }\r\n }, [handleOptions, selectedValue]);\r\n\r\n useEffect(() => {\r\n if (open) {\r\n initialFetch();\r\n }\r\n }, [open, initialFetch]);\r\n\r\n useEffect(() => {\r\n fetchIdOptions();\r\n }, [fetchIdOptions]);\r\n\r\n useEffect(() => {\r\n if (refresh) {\r\n setPagination({\r\n page: 1,\r\n hasMore: true,\r\n isLoadingMore: false,\r\n total: 0\r\n });\r\n fetchOptions('', cf, 1, false);\r\n }\r\n }, [refresh, fetchOptions, cf]);\r\n\r\n useEffect(() => {\r\n if (open) {\r\n debouncedSearch(searchQuery);\r\n }\r\n return () => debouncedSearch.cancel();\r\n }, [searchQuery, open, debouncedSearch]);\r\n\r\n useEffect(() => {\r\n if (watchedValue && !open) {\r\n const selectedData = options?.filter((item) =>\r\n props.is_multiselect ?\r\n Array.isArray(watchedValue) && watchedValue.includes(item.id \|\| item.value) :\r\n (item.id \|\| item.value) == watchedValue\r\n );\r\n setSelectedOptions(selectedData \|\| []);\r\n }\r\n }, [watchedValue, options, props.is_multiselect, open]);\r\n\r\n const removeUndefined = useCallback((selectOptions: any[]) => {\r\n return Array.isArray(selectOptions) ? selectOptions.filter(Boolean) : [];\r\n }, []);\r\n\r\n useEffect(() => {\r\n const config = dynamicSelectAdd(addType);\r\n setAddConfig(config);\r\n }, [addType])\r\n\r\n\r\n return (\r\n <Controller\r\n control={props.formControl}\r\n name={`${props.fieldArrayName}.${props.name}`}\r\n render={({ field, fieldState }) => (\r\n <>\r\n {props.placeholder == 'Select Currency' && setSelectedValue(field.value)}\r\n <Select\r\n {...field}\r\n ref={selectRef}\r\n open={open}\r\n onOpen={() => setOpen(true)}\r\n onClose={handleClose}\r\n fullWidth\r\n dataPosition={props.position}\r\n dataName={`${props.fieldArrayName}.${props.name}`}\r\n placeholder={props.placeholder}\r\n label={props.label}\r\n defaultValue={props.defaultValue \|\| (props.is_multiselect ? [] : '')}\r\n searchValue={searchQuery}\r\n required={props.formType == 'builder' ? false : props.required}\r\n size={props.size \|\| 'small'}\r\n multiple={props.is_multiselect \|\| false}\r\n disabled={props.disabled}\r\n sx={(props.is_multiselect && field?.value?.length) ? { \"& .MuiSelect-select\": { padding: '5.5px !important' } } : {}}\r\n variant='outlined'\r\n value={\r\n initialLoading\r\n ? (props.is_multiselect ? [] : '')\r\n : (field.value?.id \|\| field.value \|\| (props.is_multiselect ? [] : ''))\r\n }\r\n className={\r\n props.is_multiselect && removeUndefined(field.value)?.length\r\n ? 'MultiSelect filter-select'\r\n : ''\r\n }\r\n MenuProps={{\r\n PaperProps: {\r\n onScroll: handleScroll,\r\n style: { maxHeight: 300 }\r\n }\r\n }}\r\n renderValue={(selected: any) => {\r\n if (Array.isArray(selected)) {\r\n return (\r\n <ChipOrPlaceholder\r\n selectedLabel={props.selectedLabel}\r\n data={removeUndefined(selected)}\r\n placeholder={(loading \|\| props.is_loading) ? <Loading /> : `${t('common.search')} ${props.label}`}\r\n onDelete={props.onChipRemove}\r\n disabled={props.disabled}\r\n chipProps={{\r\n sx: {\r\n background: '#ebf9f2',\r\n border: 0,\r\n // borderRadius: '15px',\r\n '& .MuiTypography-body1': {\r\n color: '#289b64',\r\n fontWeight: \"500\",\r\n }\r\n }\r\n }}\r\n />\r\n );\r\n } else {\r\n const selectedOption = filteredOptions.find(\r\n (option) => (option.value?.id \|\| option.value) == selected\r\n );\r\n return (loading \|\| props.is_loading) ? <Loading /> : selectedOption?.label \|\|\r\n (typeof props.label == 'string' ?\r\n `${t('common.search')} ${props.label}` :\r\n props.placeholder);\r\n }\r\n }}\r\n searchPlaceholder={`${t('common.search')} ${props.label}`}\r\n handleSearch={(text: string) => {\r\n setSearchQuery(text);\r\n setSearchInitiate(true);\r\n }}\r\n error={Boolean(fieldState.error?.message)}\r\n helperText={fieldState.error?.message \|\| ''}\r\n onBlur={field.onBlur}\r\n input={\r\n <OutlinedInput\r\n label=''\r\n endAdornment={\r\n <InputAdornment position='end'>\r\n {(loading \|\| props.is_loading) ? (\r\n <CircularProgress\r\n size={20}\r\n sx={{ mr: 3, color: \"#4AC08C\" }}\r\n />\r\n ) : (\r\n !props.disabled &&\r\n (props.is_multiselect ?\r\n (Array.isArray(field.value) && field.value.length > 0) :\r\n Boolean(field.value)) && (\r\n <IconButton\r\n aria-label='clear selection'\r\n onClick={() => resetValue(field)}\r\n edge='end'\r\n sx={isRtl ? { ml: 2.5 } : { mr: 1.5 }}\r\n size='small'\r\n >\r\n <Close sx={{ fontSize: '1rem' }} />\r\n </IconButton>\r\n )\r\n )}\r\n </InputAdornment>\r\n }\r\n />\r\n }\r\n >\r\n {generateMenuItems({\r\n options: filteredOptions,\r\n multiple: Boolean(props.is_multiselect),\r\n placeholder: props.placeholder,\r\n values: field.value,\r\n with_checkboxes: true,\r\n field: props,\r\n disabledIds,\r\n onChange: field.onChange,\r\n handleChange,\r\n hasParent,\r\n t,\r\n onFooterClick: () => {\r\n if (props?.onFooterClick) {\r\n props?.onFooterClick();\r\n } else {\r\n handleModalOpen();\r\n }\r\n }\r\n })}\r\n {pagination.isLoadingMore && (\r\n <MenuItem disabled>\r\n <Box sx={{ display: 'flex', justifyContent: 'center', width: '100%' }}>\r\n <CircularProgress size={20} />\r\n </Box>\r\n </MenuItem>\r\n )}\r\n </Select>\r\n\r\n {/* Modal for adding new items */}\r\n {addConfig && addConfig.component && (\r\n <>\r\n {React.createElement(addConfig.component, {\r\n isOpen: isModalOpen,\r\n setIsOpen: setIsModalOpen,\r\n isLoading: isAddLoading,\r\n onSave: handleModalSave,\r\n modalProps: {\r\n maxWidth: 'md',\r\n fullWidth: true\r\n }\r\n })}\r\n </>\r\n )}\r\n\r\n {props.is_multiselect && Array.isArray(field.value) && (\r\n <SelectedItems\r\n data={field.value}\r\n options={filteredOptions}\r\n />\r\n )}\r\n </>\r\n )}\r\n />\r\n );\r\n});\r\n\r\nDynamicSearchSelect.propTypes = {\r\n name: PropTypes.string.isRequired,\r\n placeholder: PropTypes.string.isRequired,\r\n label: PropTypes.string.isRequired,\r\n size: PropTypes.string,\r\n options: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\r\n value: PropTypes.any\r\n })\r\n ).isRequired,\r\n formControl: PropTypes.object.isRequired,\r\n defaultValue: PropTypes.any,\r\n fieldArrayName: PropTypes.string.isRequired,\r\n id: PropTypes.string,\r\n required: PropTypes.bool,\r\n is_multiselect: PropTypes.bool,\r\n position: PropTypes.number,\r\n formType: PropTypes.string,\r\n typeOfField: PropTypes.string,\r\n disabled: PropTypes.bool,\r\n onChipRemove: PropTypes.func,\r\n enable_footer: PropTypes.bool,\r\n footer_action: PropTypes.string,\r\n onFooterClick: PropTypes.func,\r\n is_loading: PropTypes.bool,\r\n selectedLabel: PropTypes.string,\r\n isInternal: PropTypes.bool,\r\n disabledIds: PropTypes.array,\r\n getSelectedData: PropTypes.func,\r\n attributes: PropTypes.array,\r\n handleChange: PropTypes.func,\r\n hasParent: PropTypes.bool,\r\n sortOrder: PropTypes.string,\r\n apiType: PropTypes.string,\r\n handleOptions: PropTypes.func,\r\n filterKey: PropTypes.string,\r\n customeFilter: PropTypes.object,\r\n refresh: PropTypes.bool,\r\n addType: PropTypes.string\r\n};\r\n\r\nexport default DynamicSearchSelect;\r\n"],"names":["generateMenuItems","options","multiple","placeholder","with_checkboxes","values","field","disabledIds","onChange","handleChange","hasParent","t","onFooterClick","itemDisabled","id","includes","items","push","jsx","MenuItem","disabled","value","sx","opacity","height","p","m","children","Typography","type","color","selectedValues","Array","isArray","length","filter","isAllOptionsSelected","parentValue","childOptions","childValues","map","child","valueArray","every","childValue","isSomeOptionsSelected","some","forEach","option","Boolean","className","isGroup","jsxs","Box","display","gap","Checkbox","checked","indeterminate","updatedValues","Set","handleParentChange","onClick","label","opt","pl","String","enable_footer","Divider","flexItem","mt","mb","Add","fontSize","SelectedItems","data","filteredDisplayTitle","selectedItem","_a","find","alignItems","slice","join","Chip","variant","MoreIcon","Loading","fontStyle","DynamicSearchSelect","React","memo","props","watchedValue","useWatch","control","formControl","name","fieldArrayName","formContext","useFormContext","setValue","useTranslation","isRtl","useLanguage","selectRef","useRef","setOptions","useState","selectedValue","setSelectedValue","selectedOptions","setSelectedOptions","loading","setLoading","open","setOpen","isAlreadyLoaded","setIsAlreadyLoaded","prevFilter","setPrevFilter","initialLoading","setInitialLoading","searchQuery","setSearchQuery","searchInitiate","setSearchInitiate","addConfig","setAddConfig","isModalOpen","setIsModalOpen","isAddLoading","setIsAddLoading","pagination","setPagination","page","hasMore","isLoadingMore","total","handleOptions","isInternal","getSelectedData","attributes","filterKey","customeFilter","refresh","sortOrder","apiType","addType","isInternalOptions","useMemo","cf","JSON","stringify","searchOptionsLocally","useCallback","searchTerm","lowercasedSearchTerm","toLowerCase","filteredOptions","reduce","acc","searchedOptions","item","isValidElement","searchLabel","_b","sortBySelectedValues","getUniqueOptions","Map","arrayToSort","sortBy","index","indexOf","Infinity","fetchOptions","async","flt","append","prev","fetchApi","apiKey","filters","limit","skip","search","select","order","newOptions","updateOptions","handleSelectedValue","totalCount","error","handleScroll","event","scrollTop","scrollHeight","clientHeight","currentTarget","nextPage","uniqueOptions","filterValue","is_multiselect","isInOptions","fetchIdOptions","initialFetch","debouncedSearch","debounce","resetValue","handleClose","handleModalOpen","handleModalSave","payload","api","result","newValue","useEffect","cancel","selectedData","removeUndefined","selectOptions","config","dynamicSelectAdd","Controller","render","fieldState","Fragment","Select","ref","onOpen","onClose","fullWidth","dataPosition","position","dataName","defaultValue","searchValue","required","formType","size","padding","_c","MenuProps","PaperProps","onScroll","style","maxHeight","renderValue","selected","ChipOrPlaceholder","selectedLabel","is_loading","onDelete","onChipRemove","chipProps","background","border","fontWeight","selectedOption","searchPlaceholder","handleSearch","text","_d","message","helperText","_e","onBlur","input","OutlinedInput","endAdornment","InputAdornment","CircularProgress","mr","IconButton","edge","ml","Close","justifyContent","width","component","createElement","isOpen","setIsOpen","isLoading","onSave","modalProps","maxWidth","propTypes","PropTypes","string","isRequired","arrayOf","shape","oneOfType","node","any","object","bool","number","typeOfField","func","footer_action","array"],"mappings":"mkDAsGA,MAAMA,EAAoB,EACtBC,UACAC,WACAC,cACAC,kBACAC,SACAC,QACAC,cACAC,WACAC,eACAC,YACAC,IACAC,oBAEA,MAAMC,EAAgBC,GAAwB,MAAAP,OAAA,EAAAA,EAAaQ,SAASD,GAC9DE,EAA8B,GAE/Bd,GACDc,EAAMC;eACFC,EAAAA,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,0BAAAT,IAAC,KAAA,CAAIS,SAAAhB,EAAER,QAFiB,gBAOxC,MAAM4B,EAAkBC,MAAMC,QAAQ5B,KAAW,MAAAA,OAAA,EAAAA,EAAQ6B,QAAS,EAAK,MAAA7B,OAAA,EAAAA,EAAQ8B,OAAQd,GAAUA,GAAShB,EAepG+B,EAAuB,CAACC,EAAqBC,KAC/C,MAAMC,EAAcD,EAAaE,IAAKC,GAAUA,EAAMpB,OAChDqB,EAAaV,MAAMC,QAAQF,GAAkBA,EAAiB,CAACA,GACrE,OAAOQ,EAAYI,MAAOC,GAAeF,EAAW3B,SAAS6B,KAG3DC,EAAyBP,IAC3B,MAAMC,EAAcD,EAAaE,IAAKC,GAAUA,EAAMpB,OAChDqB,EAAaV,MAAMC,QAAQF,GAAkBA,EAAiB,CAACA,GACrE,OAAOQ,EAAYO,KAAMF,GAAeF,EAAW3B,SAAS6B,KAyFhE,OAtFIZ,MAAMC,QAAQhC,IAAYA,EAAQiC,OAAS,GAC3CjC,EAAQ8C,QAASC,IACbhC,EAAMC;eACFC,EAAAA,IAACC,EAAAA,QAAA,CACGE,MAAO2B,EAAO3B,MAEdD,SAAU6B,QAAQD,EAAO5B,WAAaP,EAAamC,EAAOlC,IAAMkC,EAAO3B,OACvE6B,UAAWF,EAAOG,QAAU,yBAA2B,GAEvDxB,wBAAAyB,EAAAA,KAACC,WAAI/B,GAAI,CAAEgC,QAAS,OAAQC,IAAK,GAC5B5B,SAAA,CAAAzB,GAAYE,kBACTc,EAAAA,IAACsC,EAAAA,QAAA,CACGC,QACI/C,EACM0B,EAAqBY,EAAO3B,MAAO2B,EAAO/C,SAAW,IACrDgD,QAAQjB,MAAMC,QAAQF,GAAkBA,EAAehB,SAASiC,EAAO3B,OAASU,GAAkBiB,EAAO3B,OAEnHqC,cACIhD,GAAamC,EAAsBG,EAAO/C,SAAW,IAEzDO,SAAU,IAAME,EA7CjB,EAAC2B,EAAqBC,KAC7C,MAAMC,EAAcD,EAAaE,IAAKC,GAAUA,EAAMpB,OAChDqB,EAAaV,MAAMC,QAAQF,GAAkBA,EAAiB,CAACA,GAG/D4B,EADmBjB,EAAW3B,SAASsB,GAEvCK,EAAWP,OAAQd,GAAUA,IAAUgB,IAAgBE,EAAYxB,SAASM,IAC5E,mBAAI,IAAIuC,IAAI,IAAIlB,EAAYL,KAAgBE,KAElD/B,EAASmD,GACT,MAAAlD,GAAAA,EAAekD,IAmCqCE,CAAmBb,EAAO3B,MAAO2B,EAAO/C,SAAW,IAAM,MAAAQ,OAAA,EAAAA,EAAeuC,EAAO3B;eAGnHH,EAAAA,IAACU,EAAAA,WAAA,CACGC,KAAK,KACLC,MAAM,uBACNgC,QAAS,IAAM,MAAArD,OAAA,EAAAA,EAAeuC,EAAO3B,OAEpCM,SAAAqB,EAAOe,YAvBXf,EAAO3B,QA6BhB2B,EAAOG,SAAWnB,MAAMC,QAAQe,EAAO/C,UACvC+C,EAAO/C,QAAQ8C,QAASiB,IACpBhD,EAAMC;eACFC,EAAAA,IAACC,EAAAA,QAAA,CACGE,MAAO2C,EAAI3C,MACXD,SAAU6B,QAAQe,EAAI5C,WAAaP,EAAamD,EAAIlD,IAAMkD,EAAI3C,OAC9DC,GAAI,CAAE2C,GAAI,GAGVtC,wBAAAyB,EAAAA,KAACC,WAAI/B,GAAI,CAAEgC,QAAS,OAAQC,IAAK,GAC5B5B,SAAA,CAAAzB,GAAYE,kBACTc,EAAAA,IAACsC,EAAAA,QAAA,CACGC,QAASR,QAAQjB,MAAMC,QAAQ5B,IAAWA,EAAOU,SAASiD,EAAI3C;eAGtEH,EAAAA,IAACU,EAAAA,WAAA,CACGC,KAAK,KACLC,MAAM,uBACNgC,QAAS,IAAM,MAAArD,OAAA,EAAAA,EAAeyD,OAAOF,EAAI3C,QAExCM,SAAa,qBAAToC,MAA6B,iCAAmCC,EAAID,OAASC,EAAI3C,YAbzF,GAAG2B,EAAO3B,SAAS2C,EAAI3C,cAuBhDf,EAAM6D,eACNnD,EAAMC;sBACDoC,EAAAA,QAAA,CACG1B,SAAA;eAAAT,EAAAA,IAACkD,EAAAA,QAAA,CAAQC,UAAQ,EAAC/C,GAAI,CAAEgD,GAAI,qBAAsBC,GAAI;eACtDnB,OAACjC,EAAAA,SAASG,GAAI,CAAEiC,IAAK,GAAKO,QAASlD,EAC/Be,SAAA;iBAAAT,IAACsD,EAAAA,QAAA,CAAIC,SAAS;eACdrB,EAAAA,KAACxB,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,uBAAuBH,SAAA,CAAA,cACnCrB,EAAMyD,cALrB,WAYZ/C,EAAMkB,SAA2B,GAAhBlB,EAAMkB,QAAgBhC,IACxCc,EAAMC;eACFC,EAAAA,IAACC,EAAAA,QAAA,CAASC,UAAQ,EAAeO,8BAAV,YAMxBX,GAIL0D,EAGD,EAAGC,OAAM1E,cACV,MAIM2E,EAJeD,EAAKnC,IACrBqC,UACG,OAAA,OAAAC,EAAA,MAAA7E,OAAA,EAAAA,EAAS8E,KAAM/B,GAAWA,EAAO3B,OAASwD,aAAed,QAAS,KAEhC5B,OAAOc;AAEjD,OACIG,EAAAA,KAACxB,EAAAA,WAAA,CACGC,KAAK,KACLC,MAAM,UACNR,GAAI,CAAEgC,QAAS,OAAQC,IAAK,EAAGyB,WAAY,SAAUV,GAAI,IAExD3C,SAAA,CAAAiD,EAAqBK,MAAM,EAAG,GAAGC,KAAK,MACtCP,EAAKzC,OAAS,kBACXhB,EAAAA,IAACiE,EAAAA,QAAA,CAAKC,QAAQ,WAAWvD,KAAK,SAASkC,uBAAO7C,IAACmE,EAAAA,SAAA,CAAA,SAMzDC,EAAU,mBACZpE,EAAAA,IAACU,aAAA,CAAW2D,UAAU,SAASzD,MAAM,UAAUD,KAAK,KAAKF,SAAA,eAGvD6D,EAA2DC,EAAAA,QAAMC,KAAMC,IACzE,MAAMC,EAAeC,EAAAA,SAAS,CAC1BC,QAASH,EAAMI,YACfC,KAAM,GAAGL,EAAMM,kBAAkBN,EAAMK,SAGrCE,EAAcC,EAAAA,kBACdC,SAAEA,GAAaF,GAAe,CAAA,GAC9BvF,EAAEA,GAAM0F,oBACRC,MAAEA,GAAUC,gBACZC,EAAYC,EAAAA,OAAuB,OAGlCxG,EAASyG,GAAcC,EAAAA,SAAoB,KAC3CC,EAAeC,GAAoBF,EAAAA,SAAc,OACjDG,EAAiBC,GAAsBJ,EAAAA,SAAoB,KAC3DK,EAASC,GAAcN,EAAAA,UAAkB,IACzCO,EAAMC,GAAWR,EAAAA,UAAkB,IACnCS,EAAiBC,GAAsBV,EAAAA,UAAkB,IACzDW,EAAYC,GAAiBZ,EAAAA,SAAc,OAC3Ca,EAAgBC,GAAqBd,EAAAA,UAAkB,IACvDe,EAAaC,GAAkBhB,EAAAA,SAAiB,KAChDiB,EAAgBC,GAAqBlB,EAAAA,UAAkB,IACvDmB,EAAWC,GAAgBpB,EAAAA,SAAc,OAGzCqB,EAAaC,GAAkBtB,EAAAA,UAAkB,IACjDuB,EAAcC,GAAmBxB,EAAAA,UAAkB,IAInDyB,GAAYC,IAAiB1B,WAA2B,CAC3D2B,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,KAILC,cACFA,GAAAC,WACAA,IAAa,EAAApI,YACbA,GAAc,GAAAqI,gBACdA,GAAAC,WACAA,GAAa,GAAAC,UACbA,GAAY,KAAAC,cACZA,GAAgB,CAAA,EAAAC,QAChBA,GAAAvI,aACAA,GAAAC,UACAA,IAAY,EAAAuI,UACZA,GAAY,QAAAC,QACZA,GAAAC,QACAA,IACAxD,EAKEyD,GAAoBC,EAAAA,QAAQ,IACvBV,KAAeO,GACvB,CAACP,GAAYO,KAEVI,GAAKD,EAAAA,QAAQ,IAAMN,GAAe,CAACQ,KAAKC,UAAUT,MAGlDU,GAAuBC,EAAAA,YAAY,CAACC,EAAoBtI,aAC1D,IAAKsI,EAAY,OAAOhE,EAAM1F,SAAW,GAEzC,MAAM2J,EAAuBD,EAAWE,cAElCC,EAAkBpJ,IAClB,OAAAoE,EAAAa,EAAM1F,kBAAS8J,OAAO,CAACC,EAAgBhG,WACrC,MAAMiG,EAAkB,OAAAnF,EAAAd,EAAI/D,gBAAJ6E,EAAa3C,OAAQ+H,IACzC,MAAMnG,EAAQ0B,EAAAA,QAAM0E,eAAeD,EAAKnG,OAASmG,EAAKE,YAAclG,OAAOgG,EAAKnG,OAChF,OAAO,MAAAA,OAAA,EAAAA,EAAO8F,cAAc9I,SAAS6I,KAOzC,aAJIK,WAAiB/H,SACjB8H,EAAI/I,KAAK,IAAK+C,EAAK/D,QAASgK,IAGzBD,GACR,MAAO,IACR,OAAAK,IAAMpK,cAAN,EAAAoK,EAAelI,OAAQ6B,IACrB,MAAMD,EAAQ0B,EAAAA,QAAM0E,eAAenG,EAAID,OAASC,EAAIoG,YAAclG,OAAOF,EAAID,OAC7E,OAAO,MAAAA,OAAA,EAAAA,EAAO8F,cAAc9I,SAAS6I,OACnC,GAEV,OAAOU,GAAqBR,EAAiBzI,IAE9C,CAACsE,EAAM1F,QAASS,KAGb6J,GAAmBb,cAAa/E,GACZ,IACf,IAAI6F,IAAI,MAAA7F,OAAA,EAAAA,EAAMnC,IAAI0H,GAAQ,CAACA,EAAK7I,MAAO6I,KAAQ7J,UAGvD,IAGGiK,GAAuBZ,EAAAA,YAAY,CAACe,EAAwBpJ,KAC9D,MAAMU,EAAiBC,MAAMC,QAAQZ,GAASA,EAAQ,CAACA,GAKvD,OAJoBqJ,EAAAA,OAAOD,EAAcP,IACrC,MAAMS,EAAQ5I,EAAe6I,QAAQV,EAAKpJ,IAAMoJ,EAAK7I,OACrD,UAAOsJ,EAAcE,IAAWF,KAGrC,IAGGb,GAAkBT,EAAAA,QAAQ,IACxBD,GACOK,GAAqB/B,EAAa9B,GAEtC0E,GAAqBC,GAAiB,IAAItK,KAAY6G,IAAmBlB,GAEjF,CAAC3F,EAAS6G,EAAiBsC,GAAmBzD,EAAM1F,QAAS2F,EAAc8B,EAAa+B,GAAsBa,GAAsBC,KAGjIO,GAAepB,EAAAA,YAAYqB,MAAOpB,EAAa,GAAIqB,EAAM1B,GAAIhB,EAAO,EAAG2C,GAAS,KAClF,IAAK/B,GAAS,MAAO,GAErBjC,GAAW,GACPqB,EAAO,GACPD,WAA4B6C,EAAM1C,eAAe,KAGrD,IACI,MAAM7D,KAAEA,EAAO,GAAIyD,WAAAA,EAAa,CAAA,SAAa+C,WAAS,CAClDC,OAAQlC,GACRmC,QAAS,CACLC,MA7EF,GA8EEC,KA9EF,IA8ESjD,EAAO,GACdkD,OAAQ7B,EACR0B,QAASL,EACTS,OAAQ5C,GACR6C,MAAOzC,MAIf,GAAItE,GAAQ3C,MAAMC,QAAQ0C,GAAO,CAC7B,MAAMgH,EAAaV,EAAS,IAAIhL,KAAY0E,GAAQA,EACpDiH,GAAcD,EAAYV,GAC1BY,GAAoBlH,GAEpB0D,GAAc6C,IAAA,IACPA,EACH5C,OACAC,SAASH,MAAAA,OAAAA,EAAAA,EAAY0D,YA9FvB,GA8FqCxD,EACnCG,MAAOL,MAAAA,OAAAA,EAAAA,EAAY0D,WACnBtD,eAAe,IAEvB,CAEA,OAAO7D,GAAQ,EACnB,OAASoH,GAGL,OADA1D,WAA4B6C,EAAM1C,eAAe,KAC1C,EACX,CAAA,QACIvB,GAAW,EACf,GAED,CAACiC,GAASjJ,EAAS4I,GAAYI,GA7GpB,GA6GsCK,KAG9C0C,GAAetC,cAAauC,IAC9B,MAAMC,UAAEA,EAAAC,aAAWA,EAAAC,aAAcA,GAAiBH,EAAMI,cAGxD,GAFiBF,EAAeD,GAAaE,EAAe,IAE5ChE,GAAWG,UAAYH,GAAWI,gBAAkBY,GAAmB,CACnF,MAAMkD,EAAWlE,GAAWE,KAAO,EACnCwC,GAAapD,EAAa4B,GAAIgD,GAAU,EAC5C,GACD,CAAClE,GAAWG,QAASH,GAAWI,cAAeJ,GAAWE,KAAMc,GAAmB1B,EAAa4B,GAAIwB,KAGjGc,GAAgBlC,EAAAA,YAAY,CAACiC,EAAuBV,GAAS,KAC/D,MACMsB,EAAgBhC,GAAiB,IADpBU,EAAShL,EAAU6G,KACoB6E,IAC1DjF,EAAW6F,IACZ,CAACtM,EAAS6G,EAAiByD,KAGxBsB,GAAsBnC,cAAYqB,MAAOa,IAC3C,MAAMY,EAAc7G,EAAM8G,eAAiB7G,EAAe,CAACA,GACrD8G,EAAcd,MAAAA,OAAAA,EAAAA,EAAezJ,OAAQ+H,GACvClI,MAAMC,QAAQuK,GAAeA,EAAYzL,SAASmJ,EAAKpJ,IAAMoJ,EAAK7I,QAAU6I,EAAKpB,KAAcoB,EAAK7I,OAAS6I,EAAKpJ,KAAO0L,GAG7H,SAAIxK,MAAMC,QAAQyK,IAAgBA,EAAYxK,OAAS,KACnD,MAAA0G,IAAAA,GAAkBjD,EAAM8G,eAAiBC,EAAcA,EAAY,GAAI/G,EAAMK,OACtE,IAGZ,CAACL,EAAM8G,eAAgB9G,EAAMK,KAAMJ,EAAckD,GAAWF,KAGzD+D,GAAiBjD,EAAAA,YAAYqB,UAC3B7D,SACM2E,GAAoB/B,MAEZnE,EAAM8G,eACpBzK,MAAMC,QAAQ2D,IAAiBA,EAAa1D,OAAS,EACrDe,QAAQ2C,MAGR6B,GAAkB,SACKqD,GAAa,GAAI,IAAKxB,GAAI,SAAU1D,GAAgB,GAAG,GAC9E6B,GAAkB,KAOvB,CAACP,EAAMtB,EAAc2D,KAAKC,UAAUF,MAGjCsD,GAAelD,EAAAA,YAAYqB,UACXxB,KAAKC,UAAUF,MAAQC,KAAKC,UAAUlC,KAGpDC,EAAc+B,IACd5C,EAAW,IACXW,GAAmB,GACnBgB,GAAc,CACVC,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,KAIVW,IAAsBhC,UACjB0D,GAAapD,EAAa4B,GAAI,GAAG,GACvCjC,GAAmB,KAGxB,CAACiC,GAAIF,GAAmBhC,IAGrByF,GAAkBxD,EAAAA,QACpB,IAAMyD,EAAAA,SAAS/B,MAAOpB,IACd3C,IAEC2C,GAAeP,KAAqBxB,IACrCS,GAAc,CACVC,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,UAELqC,GAAa,GAAIxB,GAAI,GAAG,IAE9BK,EAAWzH,OAAS,IAAMkH,KAC1Bf,GAAc,CACVC,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,UAELqC,GAAanB,EAAYL,GAAI,GAAG,MAE3C,KAEH,CAACF,GAAmBxB,EAAgB0B,KAIlCyD,GAAarD,cAAapJ,IAC5BA,EAAME,SAASmF,EAAM8G,eAAiB,GAAK,MACvC7D,IACAA,GAAgB,KAAMjD,EAAMK,OAEjC,CAACL,EAAM8G,eAAgB9G,EAAMK,KAAM4C,KAGhCoE,GAActD,EAAAA,YAAY,KAC5BvC,GAAQ,GACJO,EAAYxF,OAAS,GACrBmF,GAAmB,GAEvBQ,GAAkB,GAClBF,EAAe,KAChB,CAACD,IAEEuF,GAAkBvD,EAAAA,YAAY,KAChCzB,GAAe,IAChB,IAKGiF,GAAkBxD,cAAYqB,MAAOoC,IACvC,GAAKrF,GAAcA,EAAUsF,IAA7B,CAKAjF,GAAgB,GAChB,IACI,MAAMkF,QAAevF,EAAUsF,IAAID,GAcnC,GAZAhF,GAAgB,GAChBF,GAAe,GACVmB,KACDf,GAAc,CACVC,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,IAEXpB,GAAmB,SACbyD,GAAa,GAAIxB,GAAI,GAAG,IAE9B+D,GAAUA,EAAO1I,KAAM,CACvB,MAAM2I,EAAW3H,EAAM8G,eACjB,IAAK7G,GAAgB,GAAKyH,EAAO1I,KAAK7D,IACtCuM,EAAO1I,KAAK7D,GAEdsF,GACAA,EAAS,GAAGT,EAAMM,kBAAkBN,EAAMK,OAAQsH,EAE1D,CACJ,OAASvB,GAEL5D,GAAgB,EACpB,CA9BA,GAiCD,CAACL,EAAWsB,GAAmB0B,GAAcxB,GAAI3D,EAAM8G,eAAgB9G,EAAMM,eAAgBN,EAAMK,KAAMJ,EAAcQ,IAG1HmH,EAAAA,UAAU,KACF7E,IACAA,GAAc9B,IAEnB,CAAC8B,GAAe9B,IAEnB2G,EAAAA,UAAU,KACFrG,GACA0F,MAEL,CAAC1F,EAAM0F,KAEVW,EAAAA,UAAU,KACNZ,MACD,CAACA,KAEJY,EAAAA,UAAU,KACFvE,KACAX,GAAc,CACVC,KAAM,EACNC,SAAS,EACTC,eAAe,EACfC,MAAO,IAEXqC,GAAa,GAAIxB,GAAI,GAAG,KAE7B,CAACN,GAAS8B,GAAcxB,KAE3BiE,EAAAA,UAAU,KACFrG,GACA2F,GAAgBnF,GAEb,IAAMmF,GAAgBW,UAC9B,CAAC9F,EAAaR,EAAM2F,KAEvBU,EAAAA,UAAU,KACN,GAAI3H,IAAiBsB,EAAM,CACvB,MAAMuG,EAAe,MAAAxN,OAAA,EAAAA,EAASkC,OAAQ+H,GAClCvE,EAAM8G,eACFzK,MAAMC,QAAQ2D,IAAiBA,EAAa7E,SAASmJ,EAAKpJ,IAAMoJ,EAAK7I,QACpE6I,EAAKpJ,IAAMoJ,EAAK7I,QAAUuE,GAEnCmB,EAAmB0G,GAAgB,GACvC,GACD,CAAC7H,EAAc3F,EAAS0F,EAAM8G,eAAgBvF,IAEjD,MAAMwG,GAAkBhE,cAAaiE,GAC1B3L,MAAMC,QAAQ0L,GAAiBA,EAAcxL,OAAOc,SAAW,GACvE,IAQH,OANAsK,EAAAA,UAAU,KACN,MAAMK,EAASC,EAAAA,iBAAiB1E,IAChCpB,EAAa6F,IACd,CAACzE,oBAIAjI,EAAAA,IAAC4M,EAAAA,WAAA,CACGhI,QAASH,EAAMI,YACfC,KAAM,GAAGL,EAAMM,kBAAkBN,EAAMK,OACvC+H,OAAQ,EAAGzN,QAAO0N;AACd5K,OAAAA,OAAA6K,EAAAA,SAAA,CACKtM,SAAA,CAAqB,mBAArBgE,EAAMxF,aAAoC0G,EAAiBvG,EAAMe;eAClE+B,EAAAA,KAAC8K,EAAAA,QAAA,IACO5N,EACJ6N,IAAK3H,EACLU,OACAkH,OAAQ,IAAMjH,GAAQ,GACtBkH,QAASrB,GACTsB,WAAS,EACTC,aAAc5I,EAAM6I,SACpBC,SAAU,GAAG9I,EAAMM,kBAAkBN,EAAMK,OAC3C7F,YAAawF,EAAMxF,YACnB4D,MAAO4B,EAAM5B,MACb2K,aAAc/I,EAAM+I,eAAiB/I,EAAM8G,eAAiB,GAAK,IACjEkC,YAAajH,EACbkH,SAA4B,WAAlBjJ,EAAMkJ,UAAgClJ,EAAMiJ,SACtDE,KAAMnJ,EAAMmJ,MAAQ,QACpB5O,SAAUyF,EAAM8G,iBAAkB,EAClCrL,SAAUuE,EAAMvE,SAChBE,GAAKqE,EAAM8G,iBAAkB,OAAA3H,EAAA,MAAAxE,OAAA,EAAAA,EAAOe,YAAP,EAAAyD,EAAc5C,QAAU,CAAE,sBAAuB,CAAE6M,QAAS,qBAAyB,CAAA,EAClH3J,QAAQ,WACR/D,MACImG,EACO7B,EAAM8G,eAAiB,GAAK,IAC5B,OAAApC,EAAA/J,EAAMe,YAAN,EAAAgJ,EAAavJ,KAAMR,EAAMe,QAAUsE,EAAM8G,eAAiB,GAAK,IAE1EvJ,UACIyC,EAAM8G,iBAAkB,OAAAuC,EAAAtB,GAAgBpN,EAAMe,aAAtB,EAAA2N,EAA8B9M,QAChD,4BACA,GAEV+M,UAAW,CACPC,WAAY,CACRC,SAAUnD,GACVoD,MAAO,CAAEC,UAAW,OAG5BC,YAAcC,IACV,GAAIvN,MAAMC,QAAQsN;AACd,OACIrO,EAAAA,IAACsO,EAAAA,QAAA,CACGC,cAAe9J,EAAM8J,cACrB9K,KAAM+I,GAAgB6B,GACtBpP,YAAc6G,GAAWrB,EAAM+J,0BAAcxO,EAAAA,IAACoE,EAAA,CAAA,GAAa,GAAG3E,EAAE,oBAAoBgF,EAAM5B,QAC1F4L,SAAUhK,EAAMiK,aAChBxO,SAAUuE,EAAMvE,SAChByO,UAAW,CACPvO,GAAI,CACAwO,WAAY,UACZC,OAAQ,EAER,yBAA0B,CACtBjO,MAAO,UACPkO,WAAY,WAM7B,CACH,MAAMC,EAAiBnG,GAAgB/E,KAClC/B,UAAY,QAAA,OAAA8B,EAAA9B,EAAO3B,cAAPyD,EAAchE,KAAMkC,EAAO3B,QAAUkO,IAEtD,OAAQvI,GAAWrB,EAAM+J,0BAAcxO,EAAAA,IAACoE,OAAa,MAAA2K,OAAA,EAAAA,EAAgBlM,SAC1C,iBAAf4B,EAAM5B,MACV,GAAGpD,EAAE,oBAAoBgF,EAAM5B,QAC/B4B,EAAMxF,YAClB,GAEJ+P,kBAAmB,GAAGvP,EAAE,oBAAoBgF,EAAM5B,QAClDoM,aAAeC,IACXzI,EAAeyI,GACfvI,GAAkB,IAEtBkE,MAAO9I,QAAQ,OAAAoN,EAAArC,EAAWjC,gBAAOuE,SACjCC,YAAY,OAAAC,EAAAxC,EAAWjC,YAAX,EAAAyE,EAAkBF,UAAW,GACzCG,OAAQnQ,EAAMmQ,OACdC,qBACIxP,EAAAA,IAACyP,EAAAA,QAAA,CACG5M,MAAM,GACN6M,4BACI1P,EAAAA,IAAC2P,EAAAA,QAAA,CAAerC,SAAS,MACnB7M,SAAAqF,GAAWrB,EAAM+J,0BACfxO,EAAAA,IAAC4P,EAAAA,QAAA,CACGhC,KAAM,GACNxN,GAAI,CAAEyP,GAAI,EAAGjP,MAAO,cAGvB6D,EAAMvE,WACNuE,EAAM8G,eACFzK,MAAMC,QAAQ3B,EAAMe,QAAUf,EAAMe,MAAMa,OAAS,EACpDe,QAAQ3C,EAAMe,wBACdH,EAAAA,IAAC8P,EAAAA,QAAA,CACG,aAAW,kBACXlN,QAAS,IAAMiJ,GAAWzM,GAC1B2Q,KAAK,MACL3P,GAAIgF,EAAQ,CAAE4K,GAAI,KAAQ,CAAEH,GAAI,KAChCjC,KAAK,QAELnN,8BAACwP,UAAA,CAAM7P,GAAI,CAAEmD,SAAU,gBASlD9C,SAAA,CAAA3B,EAAkB,CACfC,QAAS6J,GACT5J,SAAU+C,QAAQ0C,EAAM8G,gBACxBtM,YAAawF,EAAMxF,YACnBE,OAAQC,EAAMe,MACdjB,iBAAiB,EACjBE,MAAOqF,EACPpF,eACAC,SAAUF,EAAME,SAChBC,gBACAC,aACAC,IACAC,cAAe,YACP+E,WAAO/E,eACP,MAAA+E,GAAAA,EAAO/E,gBAEPqM,QAIX7E,GAAWI,8BACRtH,MAACC,EAAAA,QAAA,CAASC,UAAQ,EACdO,0BAAAT,IAACmC,EAAAA,QAAA,CAAI/B,GAAI,CAAEgC,QAAS,OAAQ8N,eAAgB,SAAUC,MAAO,QACzD1P,8BAACmP,EAAAA,QAAA,CAAiBhC,KAAM,YAOvChH,GAAaA,EAAUwJ,4CAEf3P,SAAA8D,UAAM8L,cAAczJ,EAAUwJ,UAAW,CACtCE,OAAQxJ,EACRyJ,UAAWxJ,EACXyJ,UAAWxJ,EACXyJ,OAAQzE,GACR0E,WAAY,CACRC,SAAU,KACVvD,WAAW,OAM1B3I,EAAM8G,gBAAkBzK,MAAMC,QAAQ3B,EAAMe,uBACzCH,EAAAA,IAACwD,EAAA,CACGC,KAAMrE,EAAMe,MACZpB,QAAS6J,aASrCtE,EAAoBsM,UAAY,CAC5B9L,KAAM+L,EAAAA,QAAUC,OAAOC,WACvB9R,YAAa4R,EAAAA,QAAUC,OAAOC,WAC9BlO,MAAOgO,EAAAA,QAAUC,OAAOC,WACxBnD,KAAMiD,EAAAA,QAAUC,OAChB/R,QAAS8R,EAAAA,QAAUG,QACfH,EAAAA,QAAUI,MAAM,CACZpO,MAAOgO,EAAAA,QAAUK,UAAU,CAACL,EAAAA,QAAUC,OAAQD,EAAAA,QAAUM,OACxDhR,MAAO0Q,EAAAA,QAAUO,OAEvBL,WACFlM,YAAagM,EAAAA,QAAUQ,OAAON,WAC9BvD,aAAcqD,EAAAA,QAAUO,IACxBrM,eAAgB8L,EAAAA,QAAUC,OAAOC,WACjCnR,GAAIiR,EAAAA,QAAUC,OACdpD,SAAUmD,EAAAA,QAAUS,KACpB/F,eAAgBsF,EAAAA,QAAUS,KAC1BhE,SAAUuD,EAAAA,QAAUU,OACpB5D,SAAUkD,EAAAA,QAAUC,OACpBU,YAAaX,EAAAA,QAAUC,OACvB5Q,SAAU2Q,EAAAA,QAAUS,KACpB5C,aAAcmC,EAAAA,QAAUY,KACxBxO,cAAe4N,EAAAA,QAAUS,KACzBI,cAAeb,EAAAA,QAAUC,OACzBpR,cAAemR,EAAAA,QAAUY,KACzBjD,WAAYqC,EAAAA,QAAUS,KACtB/C,cAAesC,EAAAA,QAAUC,OACzBrJ,WAAYoJ,EAAAA,QAAUS,KACtBjS,YAAawR,EAAAA,QAAUc,MACvBjK,gBAAiBmJ,EAAAA,QAAUY,KAC3B9J,WAAYkJ,EAAAA,QAAUc,MACtBpS,aAAcsR,EAAAA,QAAUY,KACxBjS,UAAWqR,EAAAA,QAAUS,KACrBvJ,UAAW8I,EAAAA,QAAUC,OACrB9I,QAAS6I,EAAAA,QAAUC,OACnBtJ,cAAeqJ,EAAAA,QAAUY,KACzB7J,UAAWiJ,EAAAA,QAAUC,OACrBjJ,cAAegJ,EAAAA,QAAUQ,OACzBvJ,QAAS+I,EAAAA,QAAUS,KACnBrJ,QAAS4I,EAAAA,QAAUC"}

package/dist/components/form-control/form-builder/form-builder-element/dynamic-tags-input/index.esm.js CHANGED Viewed

@@ -2,11 +2,11 @@ import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { Controller } from "react-hook-form";
 import PropTypes from "../../../../../node_modules/prop-types/index/index.esm.js";
-import { Autocomplete } from "@mui/material";
 import TextField from "../../../../text-field/text-field/index.esm.js";
 import Chip from "../../../../chip/chip/index.esm.js";
 import { Typography } from "../../../../typography/typography/index.esm.js";
 /* empty css                        */
+import Autocomplete from "../../../../../node_modules/@mui/material/Autocomplete/Autocomplete/index.esm.js";
 const DynamicTagsInput = ({
   formControl,
   name,

package/dist/components/form-control/form-builder/form-builder-element/dynamic-tags-input/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-hook-form"),i=,/* empty css                                                  */l=require("@mui/material"),n=,/* empty css                                       */o=,/* empty css                           */a=;/* empty css                                       */;/* empty css                     */const u=({formControl:i,name:u,fieldArrayName:s="",label:d})=>{const[p,f]=r.useState("");/* @__PURE__ */
-return e.jsx(t.Controller,{control:i,name:`${s}.${u}`,render:({field:{value:r="",onChange:t}})=>{const i=r?r.split(",").map(e=>e.trim()):[],u=e=>{if("Tab"===e.key){const r=p.trim();if(r&&!i.includes(r)){e.preventDefault();const l=[...i,r].join(", ");t(l),f("")}}};/* @__PURE__ */
-return e.jsx(l.Autocomplete,{clearIcon:!1,options:[],freeSolo:!0,multiple:!0,fullWidth:!0,value:i,onChange:(e,r)=>{const i=(null==r?void 0:r.join(", "))||"";t(i)},renderTags:(r,t)=>r.map((r,i)=>/* @__PURE__ */e.jsx(o.default,{type:"normal",label:/* @__PURE__ */e.jsx(a.Typography,{color:"theme.secondary.1000",type:"s4",children:r}),...t({index:i})},i)),renderInput:r=>/* @__PURE__ */e.jsx(n.default,{label:d,type:"text",...r,value:p,onChange:e=>f(e.target.value),onKeyDown:u})})}})};u.propTypes={formControl:i.default.shape({register:i.default.func.isRequired,setValue:i.default.func,_formState:i.default.object.isRequired}).isRequired,name:i.default.string.isRequired,label:i.default.node.isRequired,fieldArrayName:i.default.string},exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-hook-form"),l=,/* empty css                                                  */o=,/* empty css                                       */i=,/* empty css                           */n=;/* empty css                                       */;/* empty css                     */var a=;/* empty css                                                                         */const u=({formControl:l,name:u,fieldArrayName:s="",label:d})=>{const[p,f]=r.useState("");/* @__PURE__ */
+return e.jsx(t.Controller,{control:l,name:`${s}.${u}`,render:({field:{value:r="",onChange:t}})=>{const l=r?r.split(",").map(e=>e.trim()):[],u=e=>{if("Tab"===e.key){const r=p.trim();if(r&&!l.includes(r)){e.preventDefault();const o=[...l,r].join(", ");t(o),f("")}}};/* @__PURE__ */
+return e.jsx(a.default,{clearIcon:!1,options:[],freeSolo:!0,multiple:!0,fullWidth:!0,value:l,onChange:(e,r)=>{const l=(null==r?void 0:r.join(", "))||"";t(l)},renderTags:(r,t)=>r.map((r,l)=>/* @__PURE__ */e.jsx(i.default,{type:"normal",label:/* @__PURE__ */e.jsx(n.Typography,{color:"theme.secondary.1000",type:"s4",children:r}),...t({index:l})},l)),renderInput:r=>/* @__PURE__ */e.jsx(o.default,{label:d,type:"text",...r,value:p,onChange:e=>f(e.target.value),onKeyDown:u})})}})};u.propTypes={formControl:l.default.shape({register:l.default.func.isRequired,setValue:l.default.func,_formState:l.default.object.isRequired}).isRequired,name:l.default.string.isRequired,label:l.default.node.isRequired,fieldArrayName:l.default.string},exports.default=u;
 //# sourceMappingURL=index.js.map

package/dist/components/form-control/form-builder/form-builder-element/dynamic-tags-input/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-tags-input.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Controller, Control, FieldValues } from 'react-hook-form';\nimport PropTypes from 'prop-types';\nimport { Autocomplete } from '@mui/material';\nimport TextField from '../../../text-field/text-field';\nimport Chip from '../../../chip/chip';\n// import { Close } from '@mui/icons-material';\nimport Typography from '../../../typography/typography';\nimport './element.scss';\n\n// Define the type for props\ninterface DynamicTagsInputProps<TFieldValues extends FieldValues> {\n formControl: Control<TFieldValues>;\n name: string;\n fieldArrayName?: string;\n label: React.ReactNode;\n}\n\n// Define the component using generic type TFieldValues\nconst DynamicTagsInput = <TFieldValues extends FieldValues>({\n formControl,\n name,\n fieldArrayName = '',\n label,\n}: DynamicTagsInputProps<TFieldValues>) => {\n // Local state for managing the input value\n const [inputValue, setInputValue] = useState<string>('');\n\n return (\n <Controller\n control={formControl}\n name={`${fieldArrayName}.${name}`}\n render={({ field: { value = '', onChange } }) => {\n const tags = value ? value.split(',').map((tag: string) => tag.trim()) : [];\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Tab') {\n // Get the trimmed input value\n const trimmedInputValue = inputValue.trim();\n \n // Check if input is not empty and not already a tag\n if (trimmedInputValue && !tags.includes(trimmedInputValue)) {\n event.preventDefault(); // Prevent default tab action\n\n // Add new tag\n const newTags = [...tags, trimmedInputValue];\n const newValueString = newTags.join(', ');\n onChange(newValueString);\n setInputValue(''); // Clear the input field\n }\n }\n };\n\n return (\n <Autocomplete\n clearIcon={false}\n options={[]}\n freeSolo\n multiple\n fullWidth\n value={tags}\n onChange={(event: React.ChangeEvent<unknown>, newValue: string[] \| null) => {\n const newValueString = newValue?.join(', ') \|\| '';\n onChange(newValueString);\n }}\n renderTags={(value: string[], renderTagProps) =>\n value.map((option, index) => (\n <Chip\n key={index}\n // deleteIcon={<Close fontSize='large' />}\n // variant='outlined'\n type='normal'\n label={\n <Typography color='theme.secondary.1000' type='s4'>\n {option}\n </Typography>\n }\n {...renderTagProps({ index })}\n />\n ))\n }\n renderInput={(params) => (\n <TextField\n label={label}\n type=\"text\"\n {...params}\n value={inputValue}\n onChange={(event:any) => setInputValue(event.target.value)}\n onKeyDown={handleKeyDown}\n />\n )}\n />\n );\n }}\n />\n );\n};\n\n// Define PropTypes for runtime validation (optional)\nDynamicTagsInput.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n _formState: PropTypes.object.isRequired,\n }).isRequired,\n name: PropTypes.string.isRequired,\n label: PropTypes.node.isRequired,\n fieldArrayName: PropTypes.string,\n};\n\nexport default DynamicTagsInput;\n\n"],"names":["DynamicTagsInput","formControl","name","fieldArrayName","label","inputValue","setInputValue","useState","jsx","Controller","control","render","field","value","onChange","tags","split","map","tag","trim","handleKeyDown","event","key","trimmedInputValue","includes","preventDefault","newValueString","join","Autocomplete","clearIcon","options","freeSolo","multiple","fullWidth","newValue","renderTags","renderTagProps","option","index","Chip","type","Typography","color","children","renderInput","params","TextField","target","onKeyDown","propTypes","PropTypes","shape","register","func","isRequired","setValue","_formState","object","string","node"],"mappings":"~~qbAmBA~~,MAAMA,EAAmB,EACvBC,cACAC,OACAC,iBAAiB,GACjBC,YAGA,MAAOC,EAAYC,GAAiBC,EAAAA,SAAiB;AAErD,OACEC,EAAAA,IAACC,EAAAA,WAAA,CACCC,QAAST,EACTC,KAAM,GAAGC,KAAkBD,IAC3BS,OAAQ,EAAGC,OAASC,QAAQ,GAAIC,gBAC9B,MAAMC,EAAOF,EAAQA,EAAMG,MAAM,KAAKC,IAAKC,GAAgBA,EAAIC,QAAU,GAEnEC,EAAiBC,IACrB,GAAkB,QAAdA,EAAMC,IAAe,CAEvB,MAAMC,EAAoBlB,EAAWc,OAGrC,GAAII,IAAsBR,EAAKS,SAASD,GAAoB,CAC1DF,EAAMI,iBAGN,MACMC,EADU,IAAIX,EAAMQ,GACKI,KAAK,MACpCb,EAASY,GACTpB,EAAc,GAChB,CACF;AAGF,OACEE,EAAAA,IAACoB,EAAAA,~~aAAA~~,CACCC,WAAW,EACXC,QAAS,GACTC,UAAQ,EACRC,UAAQ,EACRC,WAAS,EACTpB,MAAOE,EACPD,SAAU,CAACO,EAAmCa,KAC5C,MAAMR,GAAiB,MAAAQ,OAAA,EAAAA,EAAUP,KAAK,QAAS,GAC/Cb,EAASY,IAEXS,WAAY,CAACtB,EAAiBuB,IAC5BvB,EAAMI,IAAI,CAACoB,EAAQC,mBACjB9B,EAAAA,IAAC+B,EAAAA,QAAA,CAICC,KAAK,SACLpC,qBACEI,EAAAA,IAACiC,EAAAA,WAAA,CAAWC,MAAM,uBAAuBF,KAAK,KAC3CG,SAAAN,OAGDD,EAAe,CAAEE,MAAAA,KAThBA,IAaXM,YAAcC,kBACZrC,EAAAA,IAACsC,EAAAA,QAAA,CACC1C,QACAoC,KAAK,UACDK,EACJhC,MAAOR,EACPS,SAAWO,GAAcf,EAAce,EAAM0B,OAAOlC,OACpDmC,UAAW5B,UAW3BpB,EAAiBiD,UAAY,CAC3BhD,YAAaiD,EAAAA,QAAUC,MAAM,CAC3BC,SAAUF,EAAAA,QAAUG,KAAKC,WACzBC,SAAUL,EAAAA,QAAUG,KACpBG,WAAYN,EAAAA,QAAUO,OAAOH,aAC5BA,WACHpD,KAAMgD,EAAAA,QAAUQ,OAAOJ,WACvBlD,MAAO8C,EAAAA,QAAUS,KAAKL,WACtBnD,eAAgB+C,EAAAA,QAAUQ"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/dynamic-tags-input.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Controller, Control, FieldValues } from 'react-hook-form';\nimport PropTypes from 'prop-types';\nimport { Autocomplete } from '@mui/material';\nimport TextField from '../../../text-field/text-field';\nimport Chip from '../../../chip/chip';\n// import { Close } from '@mui/icons-material';\nimport Typography from '../../../typography/typography';\nimport './element.scss';\n\n// Define the type for props\ninterface DynamicTagsInputProps<TFieldValues extends FieldValues> {\n formControl: Control<TFieldValues>;\n name: string;\n fieldArrayName?: string;\n label: React.ReactNode;\n}\n\n// Define the component using generic type TFieldValues\nconst DynamicTagsInput = <TFieldValues extends FieldValues>({\n formControl,\n name,\n fieldArrayName = '',\n label,\n}: DynamicTagsInputProps<TFieldValues>) => {\n // Local state for managing the input value\n const [inputValue, setInputValue] = useState<string>('');\n\n return (\n <Controller\n control={formControl}\n name={`${fieldArrayName}.${name}`}\n render={({ field: { value = '', onChange } }) => {\n const tags = value ? value.split(',').map((tag: string) => tag.trim()) : [];\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Tab') {\n // Get the trimmed input value\n const trimmedInputValue = inputValue.trim();\n \n // Check if input is not empty and not already a tag\n if (trimmedInputValue && !tags.includes(trimmedInputValue)) {\n event.preventDefault(); // Prevent default tab action\n\n // Add new tag\n const newTags = [...tags, trimmedInputValue];\n const newValueString = newTags.join(', ');\n onChange(newValueString);\n setInputValue(''); // Clear the input field\n }\n }\n };\n\n return (\n <Autocomplete\n clearIcon={false}\n options={[]}\n freeSolo\n multiple\n fullWidth\n value={tags}\n onChange={(event: React.ChangeEvent<unknown>, newValue: string[] \| null) => {\n const newValueString = newValue?.join(', ') \|\| '';\n onChange(newValueString);\n }}\n renderTags={(value: string[], renderTagProps) =>\n value.map((option, index) => (\n <Chip\n key={index}\n // deleteIcon={<Close fontSize='large' />}\n // variant='outlined'\n type='normal'\n label={\n <Typography color='theme.secondary.1000' type='s4'>\n {option}\n </Typography>\n }\n {...renderTagProps({ index })}\n />\n ))\n }\n renderInput={(params) => (\n <TextField\n label={label}\n type=\"text\"\n {...params}\n value={inputValue}\n onChange={(event:any) => setInputValue(event.target.value)}\n onKeyDown={handleKeyDown}\n />\n )}\n />\n );\n }}\n />\n );\n};\n\n// Define PropTypes for runtime validation (optional)\nDynamicTagsInput.propTypes = {\n formControl: PropTypes.shape({\n register: PropTypes.func.isRequired,\n setValue: PropTypes.func,\n _formState: PropTypes.object.isRequired,\n }).isRequired,\n name: PropTypes.string.isRequired,\n label: PropTypes.node.isRequired,\n fieldArrayName: PropTypes.string,\n};\n\nexport default DynamicTagsInput;\n\n"],"names":["DynamicTagsInput","formControl","name","fieldArrayName","label","inputValue","setInputValue","useState","jsx","Controller","control","render","field","value","onChange","tags","split","map","tag","trim","handleKeyDown","event","key","trimmedInputValue","includes","preventDefault","newValueString","join","Autocomplete","clearIcon","options","freeSolo","multiple","fullWidth","newValue","renderTags","renderTagProps","option","index","Chip","type","Typography","color","children","renderInput","params","TextField","target","onKeyDown","propTypes","PropTypes","shape","register","func","isRequired","setValue","_formState","object","string","node"],"mappings":"wfAmBA,MAAMA,EAAmB,EACvBC,cACAC,OACAC,iBAAiB,GACjBC,YAGA,MAAOC,EAAYC,GAAiBC,EAAAA,SAAiB;AAErD,OACEC,EAAAA,IAACC,EAAAA,WAAA,CACCC,QAAST,EACTC,KAAM,GAAGC,KAAkBD,IAC3BS,OAAQ,EAAGC,OAASC,QAAQ,GAAIC,gBAC9B,MAAMC,EAAOF,EAAQA,EAAMG,MAAM,KAAKC,IAAKC,GAAgBA,EAAIC,QAAU,GAEnEC,EAAiBC,IACrB,GAAkB,QAAdA,EAAMC,IAAe,CAEvB,MAAMC,EAAoBlB,EAAWc,OAGrC,GAAII,IAAsBR,EAAKS,SAASD,GAAoB,CAC1DF,EAAMI,iBAGN,MACMC,EADU,IAAIX,EAAMQ,GACKI,KAAK,MACpCb,EAASY,GACTpB,EAAc,GAChB,CACF;AAGF,OACEE,EAAAA,IAACoB,EAAAA,QAAA,CACCC,WAAW,EACXC,QAAS,GACTC,UAAQ,EACRC,UAAQ,EACRC,WAAS,EACTpB,MAAOE,EACPD,SAAU,CAACO,EAAmCa,KAC5C,MAAMR,GAAiB,MAAAQ,OAAA,EAAAA,EAAUP,KAAK,QAAS,GAC/Cb,EAASY,IAEXS,WAAY,CAACtB,EAAiBuB,IAC5BvB,EAAMI,IAAI,CAACoB,EAAQC,mBACjB9B,EAAAA,IAAC+B,EAAAA,QAAA,CAICC,KAAK,SACLpC,qBACEI,EAAAA,IAACiC,EAAAA,WAAA,CAAWC,MAAM,uBAAuBF,KAAK,KAC3CG,SAAAN,OAGDD,EAAe,CAAEE,MAAAA,KAThBA,IAaXM,YAAcC,kBACZrC,EAAAA,IAACsC,EAAAA,QAAA,CACC1C,QACAoC,KAAK,UACDK,EACJhC,MAAOR,EACPS,SAAWO,GAAcf,EAAce,EAAM0B,OAAOlC,OACpDmC,UAAW5B,UAW3BpB,EAAiBiD,UAAY,CAC3BhD,YAAaiD,EAAAA,QAAUC,MAAM,CAC3BC,SAAUF,EAAAA,QAAUG,KAAKC,WACzBC,SAAUL,EAAAA,QAAUG,KACpBG,WAAYN,EAAAA,QAAUO,OAAOH,aAC5BA,WACHpD,KAAMgD,EAAAA,QAAUQ,OAAOJ,WACvBlD,MAAO8C,EAAAA,QAAUS,KAAKL,WACtBnD,eAAgB+C,EAAAA,QAAUQ"}

package/dist/components/form-control/form-builder/form-builder-element/location-add-modal/location-add-modal/index.esm.js CHANGED Viewed

@@ -7,13 +7,18 @@ import Button from "../../../../../button/button/index.esm.js";
 import ModalLoader from "../../../../../loaders/modal-loader/index.esm.js";
 import Toast from "../../../../../toast/toast/index.esm.js";
 import { useTranslation } from "react-i18next";
-import { DialogTitle, IconButton, DialogContent, Grid, DialogActions, Box } from "@mui/material";
-import CloseIcon from "@mui/icons-material/Close";
+import default_1 from "../../../../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { useForm } from "react-hook-form";
 import * as Yup from "yup";
 import { yupResolver as o } from "../../../../../../node_modules/@hookform/resolvers/yup/dist/yup/index.esm.js";
 /* empty css                                   */
 import DynamicSearchSelect from "../../dynamic-select/index.esm.js";
+import DialogTitle from "../../../../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
+import IconButton from "../../../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import DialogContent from "../../../../../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
+import Grid from "../../../../../../node_modules/@mui/material/Grid/Grid/index.esm.js";
+import DialogActions from "../../../../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
+import Box from "../../../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 const validationSchema = Yup.object().shape({
   location_data: Yup.object().shape({
     name: Yup.string().required("Name is required")
@@ -52,7 +57,7 @@ const LocationAddModal = ({
           isLoading && /* @__PURE__ */ jsx(ModalLoader, {}),
           /* @__PURE__ */ jsxs(DialogTitle, { className: "brandAddModal--DialogTitle", children: [
             /* @__PURE__ */ jsx(Typography, { type: "s3", color: "inherit", weight: "medium", children: t("inventory.item.locationModal.title") }),
-            /* @__PURE__ */ jsx(IconButton, { onClick: handleModalClose, children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" }) })
+            /* @__PURE__ */ jsx(IconButton, { onClick: handleModalClose, children: /* @__PURE__ */ jsx(default_1, { fontSize: "small" }) })
           ] }),
           /* @__PURE__ */ jsx(DialogContent, { className: "brandAddModal--DialogContents", children: /* @__PURE__ */ jsxs(Grid, { container: true, rowGap: 1.5, columnSpacing: 3, pt: 3, children: [
             /* @__PURE__ */ jsx(Grid, { item: true, sm: 6, children: /* @__PURE__ */ jsx(

package/dist/components/form-control/form-builder/form-builder-element/location-add-modal/location-add-modal/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../../../src/components/form-control/form-builder/form-builder-element/location-add-modal/location-add-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\nimport { useState } from 'react';\n\nimport Modal from '../../../../modal/modal';\nimport Typography from '../../../../typography/typography';\nimport DynamicInput from '../text';\nimport Button from '../../../../button/button';\nimport ModalLoader from '../../../../loaders/modal-loader';\nimport Toast from '../../../../toast/toast';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n Box,\n DialogActions,\n DialogContent,\n DialogProps,\n DialogTitle,\n Grid,\n IconButton\n} from '@mui/material';\nimport Close from '@mui/icons-material/Close';\n\nimport { useForm } from 'react-hook-form';\nimport as Yup from 'yup';\nimport { yupResolver } from '@hookform/resolvers/yup';\n\nimport './location-add-modal.scss';\nimport DynamicSearchSelect from '../dynamic-select';\ninterface BrandAddModalProps {\n isOpen: boolean;\n setIsOpen: () => void;\n modalProps?: DialogProps;\n onSave: (data: string) => void;\n isLoading?: boolean;\n}\n\ninterface IFormValues {\n location_data: {\n name: string;\n };\n}\n\ninterface IToast {\n type: 'normal' \| 'alert';\n message: string;\n}\n\nconst validationSchema = Yup.object().shape({\n location_data: Yup.object().shape({\n name: Yup.string().required('Name is required')\n })\n});\n\nconst LocationAddModal: React.FC<BrandAddModalProps> = ({\n isOpen,\n setIsOpen,\n modalProps,\n onSave,\n isLoading\n}) => {\n const { t } = useTranslation();\n const [toast, setToast] = useState<IToast \| null>(null);\n const { control, handleSubmit, reset } = useForm<any>({\n mode: 'all',\n resolver: yupResolver(validationSchema)\n });\n const handleModalClose = () => {\n reset({ location_data: undefined });\n setIsOpen();\n };\n\n const onSubmit = async (values: IFormValues) => {\n // handleModalClose();\n onSave(values?.location_data)\n };\n\n return (\n <Modal\n open={isOpen}\n onClose={handleModalClose}\n maxWidth='sm'\n fullWidth\n {...modalProps}>\n <>\n \n <form onSubmit={handleSubmit(onSubmit)}>\n {isLoading && (\n <ModalLoader />\n )}\n <DialogTitle className='brandAddModal--DialogTitle'>\n <Typography type='s3' color='inherit' weight='medium'>\n {t(\"inventory.item.locationModal.title\")}\n </Typography>\n <IconButton onClick={handleModalClose}>\n <Close fontSize='small' />\n </IconButton>\n </DialogTitle>\n <DialogContent className='brandAddModal--DialogContents'>\n \n <Grid container rowGap={1.5} columnSpacing={3} pt={3}>\n <Grid item sm={6}>\n <DynamicInput\n type='text'\n formControl={control}\n label={t(\"inventory.item.locationModal.location_name_label\")}\n name='name'\n fieldArrayName='location_data'\n placeholder={t(\"inventory.item.locationModal.location_name_placeholder\")}\n required\n />\n </Grid>\n <Grid item sm={6}>\n <DynamicInput\n type='text'\n formControl={control}\n label={t(\"inventory.item.locationModal.location_code_label\")}\n name='short_name'\n fieldArrayName='location_data'\n placeholder={t(\"inventory.item.locationModal.location_code_placeholder\")}\n required\n />\n </Grid>\n <Grid item sm={6}>\n <DynamicSearchSelect\n label={t(\n \"accounting.authorize_commission.fields.company_label\"\n )}\n name=\"company_id\"\n placeholder={t(\n \"accounting.authorize_commission.fields.company_placeholder\"\n )}\n fieldArrayName='location_data'\n formControl={control}\n apiType='company'\n getSelectedData={(data: any) =>\n // setSelectedData(name, data)\n console.log(\"data\", data)\n }\n required={true}\n />\n </Grid>\n </Grid>\n \n </DialogContent>\n <DialogActions className='brandAddModal--DialogAction'>\n <span></span>\n <Box display='flex' gap={1.5}>\n <Button\n className='brandAddModal--DialogAction--WhiteBtn'\n onClick={handleModalClose}>\n {t(\"common.cancel\")}\n </Button>\n <Button type='button' onClick={handleSubmit(onSubmit)}>{t(\"common.save\")}</Button>\n </Box>\n </DialogActions>\n </form>\n </>\n <Toast\n open={Boolean(toast)}\n type={toast?.type}\n message={toast?.message}\n handleClose={() => setToast(null)}\n anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\n />\n </Modal>\n );\n};\n\nexport default LocationAddModal;\n"],"names":["yupResolver","Close"],"mappings":"~~;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../../../src/components/form-control/form-builder/form-builder-element/location-add-modal/location-add-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\nimport { useState } from 'react';\n\nimport Modal from '../../../../modal/modal';\nimport Typography from '../../../../typography/typography';\nimport DynamicInput from '../text';\nimport Button from '../../../../button/button';\nimport ModalLoader from '../../../../loaders/modal-loader';\nimport Toast from '../../../../toast/toast';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n Box,\n DialogActions,\n DialogContent,\n DialogProps,\n DialogTitle,\n Grid,\n IconButton\n} from '@mui/material';\nimport Close from '@mui/icons-material/Close';\n\nimport { useForm } from 'react-hook-form';\nimport as Yup from 'yup';\nimport { yupResolver } from '@hookform/resolvers/yup';\n\nimport './location-add-modal.scss';\nimport DynamicSearchSelect from '../dynamic-select';\ninterface BrandAddModalProps {\n isOpen: boolean;\n setIsOpen: () => void;\n modalProps?: DialogProps;\n onSave: (data: string) => void;\n isLoading?: boolean;\n}\n\ninterface IFormValues {\n location_data: {\n name: string;\n };\n}\n\ninterface IToast {\n type: 'normal' \| 'alert';\n message: string;\n}\n\nconst validationSchema = Yup.object().shape({\n location_data: Yup.object().shape({\n name: Yup.string().required('Name is required')\n })\n});\n\nconst LocationAddModal: React.FC<BrandAddModalProps> = ({\n isOpen,\n setIsOpen,\n modalProps,\n onSave,\n isLoading\n}) => {\n const { t } = useTranslation();\n const [toast, setToast] = useState<IToast \| null>(null);\n const { control, handleSubmit, reset } = useForm<any>({\n mode: 'all',\n resolver: yupResolver(validationSchema)\n });\n const handleModalClose = () => {\n reset({ location_data: undefined });\n setIsOpen();\n };\n\n const onSubmit = async (values: IFormValues) => {\n // handleModalClose();\n onSave(values?.location_data)\n };\n\n return (\n <Modal\n open={isOpen}\n onClose={handleModalClose}\n maxWidth='sm'\n fullWidth\n {...modalProps}>\n <>\n \n <form onSubmit={handleSubmit(onSubmit)}>\n {isLoading && (\n <ModalLoader />\n )}\n <DialogTitle className='brandAddModal--DialogTitle'>\n <Typography type='s3' color='inherit' weight='medium'>\n {t(\"inventory.item.locationModal.title\")}\n </Typography>\n <IconButton onClick={handleModalClose}>\n <Close fontSize='small' />\n </IconButton>\n </DialogTitle>\n <DialogContent className='brandAddModal--DialogContents'>\n \n <Grid container rowGap={1.5} columnSpacing={3} pt={3}>\n <Grid item sm={6}>\n <DynamicInput\n type='text'\n formControl={control}\n label={t(\"inventory.item.locationModal.location_name_label\")}\n name='name'\n fieldArrayName='location_data'\n placeholder={t(\"inventory.item.locationModal.location_name_placeholder\")}\n required\n />\n </Grid>\n <Grid item sm={6}>\n <DynamicInput\n type='text'\n formControl={control}\n label={t(\"inventory.item.locationModal.location_code_label\")}\n name='short_name'\n fieldArrayName='location_data'\n placeholder={t(\"inventory.item.locationModal.location_code_placeholder\")}\n required\n />\n </Grid>\n <Grid item sm={6}>\n <DynamicSearchSelect\n label={t(\n \"accounting.authorize_commission.fields.company_label\"\n )}\n name=\"company_id\"\n placeholder={t(\n \"accounting.authorize_commission.fields.company_placeholder\"\n )}\n fieldArrayName='location_data'\n formControl={control}\n apiType='company'\n getSelectedData={(data: any) =>\n // setSelectedData(name, data)\n console.log(\"data\", data)\n }\n required={true}\n />\n </Grid>\n </Grid>\n \n </DialogContent>\n <DialogActions className='brandAddModal--DialogAction'>\n <span></span>\n <Box display='flex' gap={1.5}>\n <Button\n className='brandAddModal--DialogAction--WhiteBtn'\n onClick={handleModalClose}>\n {t(\"common.cancel\")}\n </Button>\n <Button type='button' onClick={handleSubmit(onSubmit)}>{t(\"common.save\")}</Button>\n </Box>\n </DialogActions>\n </form>\n </>\n <Toast\n open={Boolean(toast)}\n type={toast?.type}\n message={toast?.message}\n handleClose={() => setToast(null)}\n anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\n />\n </Modal>\n );\n};\n\nexport default LocationAddModal;\n"],"names":["yupResolver","Close"],"mappings":"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"}

package/dist/components/form-control/form-builder/form-builder-element/location-add-modal/location-add-modal/index.js CHANGED Viewed

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),a=,/* empty css                                */t=,/* empty css                                          */i=,/* empty css                */r=,/* empty css                                  */l=,/* empty css                                         */n=,/* empty css                                */d=require("react-i18next"),s=require("@mui/material"),c=require("@mui/icons-material/Close"),u=require("react-hook-form"),m=require("yup"),p=;/* empty css                                                                     */;/* empty css                                */var h=;/* empty css                          */function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function x(e){if(e&&"object"==typeof e&&"default"in e)return e;var o=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}}),o.default=e,o}var f=/* @__PURE__ */j(c),y=/* @__PURE__ */x(m);const b=y.object().shape({location_data:y.object().shape({name:y.string().required("Name is required")})});exports.default=({isOpen:c,setIsOpen:m,modalProps:j,onSave:x,isLoading:y})=>{const{t:g}=d.useTranslation(),[_,q]=o.useState(null),{control:v,handleSubmit:C,reset:A}=u.useForm({mode:"all",resolver:p.yupResolver(b)}),M=()=>{A({location_data:void 0}),m()},D=async e=>{x(null==e?void 0:e.location_data)};/* @__PURE__ */
-return e.jsxs(a.default,{open:c,onClose:M,maxWidth:"sm",fullWidth:!0,...j,children:[
-/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs("form",{onSubmit:C(D),children:[y&&/* @__PURE__ */e.jsx(l.default,{}),
-/* @__PURE__ */e.jsxs(s.DialogTitle,{className:"brandAddModal--DialogTitle",children:[
-/* @__PURE__ */e.jsx(t.Typography,{type:"s3",color:"inherit",weight:"medium",children:g("inventory.item.locationModal.title")}),
-/* @__PURE__ */e.jsx(s.IconButton,{onClick:M,children:/* @__PURE__ */e.jsx(f.default,{fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(s.DialogContent,{className:"brandAddModal--DialogContents",children:/* @__PURE__ */e.jsxs(s.Grid,{container:!0,rowGap:1.5,columnSpacing:3,pt:3,children:[
-/* @__PURE__ */e.jsx(s.Grid,{item:!0,sm:6,children:/* @__PURE__ */e.jsx(i.default,{type:"text",formControl:v,label:g("inventory.item.locationModal.location_name_label"),name:"name",fieldArrayName:"location_data",placeholder:g("inventory.item.locationModal.location_name_placeholder"),required:!0})}),
-/* @__PURE__ */e.jsx(s.Grid,{item:!0,sm:6,children:/* @__PURE__ */e.jsx(i.default,{type:"text",formControl:v,label:g("inventory.item.locationModal.location_code_label"),name:"short_name",fieldArrayName:"location_data",placeholder:g("inventory.item.locationModal.location_code_placeholder"),required:!0})}),
-/* @__PURE__ */e.jsx(s.Grid,{item:!0,sm:6,children:/* @__PURE__ */e.jsx(h.default,{label:g("accounting.authorize_commission.fields.company_label"),name:"company_id",placeholder:g("accounting.authorize_commission.fields.company_placeholder"),fieldArrayName:"location_data",formControl:v,apiType:"company",getSelectedData:e=>{},required:!0})})]})}),
-/* @__PURE__ */e.jsxs(s.DialogActions,{className:"brandAddModal--DialogAction",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),a=,/* empty css                                */i=,/* empty css                                          */t=,/* empty css                */l=,/* empty css                                  */n=,/* empty css                                         */r=,/* empty css                                */d=require("react-i18next"),s=,/* empty css                                                              */u=require("react-hook-form"),c=require("yup"),m=;/* empty css                                                                     */;/* empty css                                */var x=,/* empty css                          */p=,/* empty css                                                                          */j=,/* empty css                                                                        */f=,/* empty css                                                                              */h=,/* empty css                                                            */y=,/* empty css                                                                              */_=;/* empty css                                                          */function g(e){if(e&&"object"==typeof e&&"default"in e)return e;var o=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,i.get?i:{enumerable:!0,get:function(){return e[a]}})}}),o.default=e,o}var q=/* @__PURE__ */g(c);const b=q.object().shape({location_data:q.object().shape({name:q.string().required("Name is required")})});exports.default=({isOpen:c,setIsOpen:g,modalProps:q,onSave:v,isLoading:C})=>{const{t:D}=d.useTranslation(),[A,M]=o.useState(null),{control:O,handleSubmit:N,reset:S}=u.useForm({mode:"all",resolver:m.yupResolver(b)}),k=()=>{S({location_data:void 0}),g()},B=async e=>{v(null==e?void 0:e.location_data)};/* @__PURE__ */
+return e.jsxs(a.default,{open:c,onClose:k,maxWidth:"sm",fullWidth:!0,...q,children:[
+/* @__PURE__ */e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs("form",{onSubmit:N(B),children:[C&&/* @__PURE__ */e.jsx(n.default,{}),
+/* @__PURE__ */e.jsxs(p.default,{className:"brandAddModal--DialogTitle",children:[
+/* @__PURE__ */e.jsx(i.Typography,{type:"s3",color:"inherit",weight:"medium",children:D("inventory.item.locationModal.title")}),
+/* @__PURE__ */e.jsx(j.default,{onClick:k,children:/* @__PURE__ */e.jsx(s.default,{fontSize:"small"})})]}),
+/* @__PURE__ */e.jsx(f.default,{className:"brandAddModal--DialogContents",children:/* @__PURE__ */e.jsxs(h.default,{container:!0,rowGap:1.5,columnSpacing:3,pt:3,children:[
+/* @__PURE__ */e.jsx(h.default,{item:!0,sm:6,children:/* @__PURE__ */e.jsx(t.default,{type:"text",formControl:O,label:D("inventory.item.locationModal.location_name_label"),name:"name",fieldArrayName:"location_data",placeholder:D("inventory.item.locationModal.location_name_placeholder"),required:!0})}),
+/* @__PURE__ */e.jsx(h.default,{item:!0,sm:6,children:/* @__PURE__ */e.jsx(t.default,{type:"text",formControl:O,label:D("inventory.item.locationModal.location_code_label"),name:"short_name",fieldArrayName:"location_data",placeholder:D("inventory.item.locationModal.location_code_placeholder"),required:!0})}),
+/* @__PURE__ */e.jsx(h.default,{item:!0,sm:6,children:/* @__PURE__ */e.jsx(x.default,{label:D("accounting.authorize_commission.fields.company_label"),name:"company_id",placeholder:D("accounting.authorize_commission.fields.company_placeholder"),fieldArrayName:"location_data",formControl:O,apiType:"company",getSelectedData:e=>{},required:!0})})]})}),
+/* @__PURE__ */e.jsxs(y.default,{className:"brandAddModal--DialogAction",children:[
 /* @__PURE__ */e.jsx("span",{}),
-/* @__PURE__ */e.jsxs(s.Box,{display:"flex",gap:1.5,children:[
-/* @__PURE__ */e.jsx(r.default,{className:"brandAddModal--DialogAction--WhiteBtn",onClick:M,children:g("common.cancel")}),
-/* @__PURE__ */e.jsx(r.default,{type:"button",onClick:C(D),children:g("common.save")})]})]})]})}),
-/* @__PURE__ */e.jsx(n.default,{open:Boolean(_),type:null==_?void 0:_.type,message:null==_?void 0:_.message,handleClose:()=>q(null),anchorOrigin:{horizontal:"right",vertical:"bottom"}})]})};
+/* @__PURE__ */e.jsxs(_.default,{display:"flex",gap:1.5,children:[
+/* @__PURE__ */e.jsx(l.default,{className:"brandAddModal--DialogAction--WhiteBtn",onClick:k,children:D("common.cancel")}),
+/* @__PURE__ */e.jsx(l.default,{type:"button",onClick:N(B),children:D("common.save")})]})]})]})}),
+/* @__PURE__ */e.jsx(r.default,{open:Boolean(A),type:null==A?void 0:A.type,message:null==A?void 0:A.message,handleClose:()=>M(null),anchorOrigin:{horizontal:"right",vertical:"bottom"}})]})};
 //# sourceMappingURL=index.js.map

package/dist/components/form-control/form-builder/form-builder-element/location-add-modal/location-add-modal/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../../../src/components/form-control/form-builder/form-builder-element/location-add-modal/location-add-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\nimport { useState } from 'react';\n\nimport Modal from '../../../../modal/modal';\nimport Typography from '../../../../typography/typography';\nimport DynamicInput from '../text';\nimport Button from '../../../../button/button';\nimport ModalLoader from '../../../../loaders/modal-loader';\nimport Toast from '../../../../toast/toast';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n Box,\n DialogActions,\n DialogContent,\n DialogProps,\n DialogTitle,\n Grid,\n IconButton\n} from '@mui/material';\nimport Close from '@mui/icons-material/Close';\n\nimport { useForm } from 'react-hook-form';\nimport as Yup from 'yup';\nimport { yupResolver } from '@hookform/resolvers/yup';\n\nimport './location-add-modal.scss';\nimport DynamicSearchSelect from '../dynamic-select';\ninterface BrandAddModalProps {\n isOpen: boolean;\n setIsOpen: () => void;\n modalProps?: DialogProps;\n onSave: (data: string) => void;\n isLoading?: boolean;\n}\n\ninterface IFormValues {\n location_data: {\n name: string;\n };\n}\n\ninterface IToast {\n type: 'normal' \| 'alert';\n message: string;\n}\n\nconst validationSchema = Yup.object().shape({\n location_data: Yup.object().shape({\n name: Yup.string().required('Name is required')\n })\n});\n\nconst LocationAddModal: React.FC<BrandAddModalProps> = ({\n isOpen,\n setIsOpen,\n modalProps,\n onSave,\n isLoading\n}) => {\n const { t } = useTranslation();\n const [toast, setToast] = useState<IToast \| null>(null);\n const { control, handleSubmit, reset } = useForm<any>({\n mode: 'all',\n resolver: yupResolver(validationSchema)\n });\n const handleModalClose = () => {\n reset({ location_data: undefined });\n setIsOpen();\n };\n\n const onSubmit = async (values: IFormValues) => {\n // handleModalClose();\n onSave(values?.location_data)\n };\n\n return (\n <Modal\n open={isOpen}\n onClose={handleModalClose}\n maxWidth='sm'\n fullWidth\n {...modalProps}>\n <>\n \n <form onSubmit={handleSubmit(onSubmit)}>\n {isLoading && (\n <ModalLoader />\n )}\n <DialogTitle className='brandAddModal--DialogTitle'>\n <Typography type='s3' color='inherit' weight='medium'>\n {t(\"inventory.item.locationModal.title\")}\n </Typography>\n <IconButton onClick={handleModalClose}>\n <Close fontSize='small' />\n </IconButton>\n </DialogTitle>\n <DialogContent className='brandAddModal--DialogContents'>\n \n <Grid container rowGap={1.5} columnSpacing={3} pt={3}>\n <Grid item sm={6}>\n <DynamicInput\n type='text'\n formControl={control}\n label={t(\"inventory.item.locationModal.location_name_label\")}\n name='name'\n fieldArrayName='location_data'\n placeholder={t(\"inventory.item.locationModal.location_name_placeholder\")}\n required\n />\n </Grid>\n <Grid item sm={6}>\n <DynamicInput\n type='text'\n formControl={control}\n label={t(\"inventory.item.locationModal.location_code_label\")}\n name='short_name'\n fieldArrayName='location_data'\n placeholder={t(\"inventory.item.locationModal.location_code_placeholder\")}\n required\n />\n </Grid>\n <Grid item sm={6}>\n <DynamicSearchSelect\n label={t(\n \"accounting.authorize_commission.fields.company_label\"\n )}\n name=\"company_id\"\n placeholder={t(\n \"accounting.authorize_commission.fields.company_placeholder\"\n )}\n fieldArrayName='location_data'\n formControl={control}\n apiType='company'\n getSelectedData={(data: any) =>\n // setSelectedData(name, data)\n console.log(\"data\", data)\n }\n required={true}\n />\n </Grid>\n </Grid>\n \n </DialogContent>\n <DialogActions className='brandAddModal--DialogAction'>\n <span></span>\n <Box display='flex' gap={1.5}>\n <Button\n className='brandAddModal--DialogAction--WhiteBtn'\n onClick={handleModalClose}>\n {t(\"common.cancel\")}\n </Button>\n <Button type='button' onClick={handleSubmit(onSubmit)}>{t(\"common.save\")}</Button>\n </Box>\n </DialogActions>\n </form>\n </>\n <Toast\n open={Boolean(toast)}\n type={toast?.type}\n message={toast?.message}\n handleClose={() => setToast(null)}\n anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\n />\n </Modal>\n );\n};\n\nexport default LocationAddModal;\n"],"names":["validationSchema","Yup","object","shape","location_data","name","string","required","isOpen","setIsOpen","modalProps","onSave","isLoading","t","useTranslation","toast","setToast","useState","control","handleSubmit","reset","useForm","mode","resolver","yupResolver","handleModalClose","onSubmit","async","values","jsxs","Modal","open","onClose","maxWidth","fullWidth","children","jsx","Fragment","ModalLoader","DialogTitle","className","Typography","type","color","weight","IconButton","onClick","Close","fontSize","DialogContent","Grid","container","rowGap","columnSpacing","pt","item","sm","DynamicInput","formControl","label","fieldArrayName","placeholder","DynamicSearchSelect","apiType","getSelectedData","data","DialogActions","Box","display","gap","Button","Toast","Boolean","message","handleClose","anchorOrigin","horizontal","vertical"],"mappings":"~~8oCA~~+CA,MAAMA,EAAmBC,EAAIC,SAASC,MAAM,CACxCC,cAAeH,EAAIC,SAASC,MAAM,CAC9BE,KAAMJ,EAAIK,SAASC,SAAS,wCAImB,EACnDC,SACAC,YACAC,aACAC,SACAC,gBAEA,MAAMC,EAAEA,GAAMC,oBACPC,EAAOC,GAAYC,EAAAA,SAAwB,OAC5CC,QAAEA,EAAAC,aAASA,EAAAC,MAAcA,GAAUC,EAAAA,QAAa,CAClDC,KAAM,MACNC,SAAUC,EAAAA,YAAYxB,KAEpByB,EAAmB,KACrBL,EAAM,CAAEhB,mBAAe,IACvBK,KAGEiB,EAAWC,MAAOC,IAEpBjB,QAAOiB,WAAQxB;AAGnB,OACIyB,EAAAA,KAACC,EAAAA,QAAA,CACGC,KAAMvB,EACNwB,QAASP,EACTQ,SAAS,KACTC,WAAS,KACLxB,EACAyB,SAAA;eAAAC,EAAAA,IAAAC,EAAAA,SAAA,CAEJF,wBAAAN,OAAC,OAAA,CAAKH,SAAUP,EAAaO,GAC5BS,SAAA,CAAAvB,wBACgB0B,EAAAA,QAAA;iBAEbT,KAACU,EAAAA,~~YAAA~~,CAAYC,UAAU,6BACnBL,SAAA;eAAAC,EAAAA,IAACK,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,UAAUC,OAAO,SACxCT,SAAAtB,EAAE;iBAEPuB,IAACS,EAAAA,~~YAAWC~~,QAASrB,EACjBU,8BAACY,UAAA,CAAMC,SAAS;eAGxBZ,EAAAA,IAACa,EAAAA,~~cAAA~~,CAAcT,UAAU,gCAEjBL,wBAAAN,EAAAA,KAACqB,~~OAAA~~,CAAKC,WAAS,EAACC,OAAQ,IAAKC,cAAe,EAAGC,GAAI,EAC/CnB,SAAA;eAAAC,EAAAA,IAACc,EAAAA,~~KAAA~~,CAAKK,MAAI,EAACC,GAAI,EACXrB,wBAAAC,EAAAA,IAACqB,EAAAA,QAAA,CACGf,KAAK,OACLgB,YAAaxC,EACbyC,MAAO9C,EAAE,oDACTR,KAAK,OACLuD,eAAe,gBACfC,YAAahD,EAAE,0DACfN,UAAQ;eAGhB6B,EAAAA,IAACc,EAAAA,~~KAAA~~,CAAKK,MAAI,EAACC,GAAI,EACXrB,wBAAAC,EAAAA,IAACqB,EAAAA,QAAA,CACGf,KAAK,OACLgB,YAAaxC,EACbyC,MAAO9C,EAAE,oDACTR,KAAK,aACLuD,eAAe,gBACfC,YAAahD,EAAE,0DACfN,UAAQ;eAGhB6B,EAAAA,IAACc,EAAAA,~~KAAA~~,CAAKK,MAAI,EAACC,GAAI,EACXrB,wBAAAC,EAAAA,IAAC0B,EAAAA,QAAA,CACGH,MAAO9C,EACH,wDAEJR,KAAK,aACLwD,YAAahD,EACT,8DAEJ+C,eAAe,gBACfF,YAAaxC,EACb6C,QAAQ,UACRC,gBAAkBC,MAIlB1D,UAAU;iBAM9BsB,KAACqC,EAAAA,~~cAAA~~,CAAc1B,UAAU,8BACrBL,SAAA;eAAAC,EAAAA,IAAC,OAAA;eACDP,EAAAA,KAACsC,EAAAA,~~IAAA~~,CAAIC,QAAQ,OAAOC,IAAK,IACrBlC,SAAA;eAAAC,EAAAA,IAACkC,EAAAA,QAAA,CACG9B,UAAU,wCACVM,QAASrB,EACRU,WAAE;eAEPC,EAAAA,IAACkC,EAAAA,QAAA,CAAO5B,KAAK,SAASI,QAAS3B,EAAaO,GAAYS,SAAAtB,EAAE;eAKtEuB,EAAAA,IAACmC,EAAAA,QAAA,CACGxC,KAAMyC,QAAQzD,GACd2B,KAAM3B,MAAAA,OAAAA,EAAAA,EAAO2B,KACb+B,QAAS1D,MAAAA,OAAAA,EAAAA,EAAO0D,QAChBC,YAAa,IAAM1D,EAAS,MAC5B2D,aAAc,CAAEC,WAAY,QAASC,SAAU"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../../../src/components/form-control/form-builder/form-builder-element/location-add-modal/location-add-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\nimport { useState } from 'react';\n\nimport Modal from '../../../../modal/modal';\nimport Typography from '../../../../typography/typography';\nimport DynamicInput from '../text';\nimport Button from '../../../../button/button';\nimport ModalLoader from '../../../../loaders/modal-loader';\nimport Toast from '../../../../toast/toast';\nimport { useTranslation } from 'react-i18next';\n\nimport {\n Box,\n DialogActions,\n DialogContent,\n DialogProps,\n DialogTitle,\n Grid,\n IconButton\n} from '@mui/material';\nimport Close from '@mui/icons-material/Close';\n\nimport { useForm } from 'react-hook-form';\nimport as Yup from 'yup';\nimport { yupResolver } from '@hookform/resolvers/yup';\n\nimport './location-add-modal.scss';\nimport DynamicSearchSelect from '../dynamic-select';\ninterface BrandAddModalProps {\n isOpen: boolean;\n setIsOpen: () => void;\n modalProps?: DialogProps;\n onSave: (data: string) => void;\n isLoading?: boolean;\n}\n\ninterface IFormValues {\n location_data: {\n name: string;\n };\n}\n\ninterface IToast {\n type: 'normal' \| 'alert';\n message: string;\n}\n\nconst validationSchema = Yup.object().shape({\n location_data: Yup.object().shape({\n name: Yup.string().required('Name is required')\n })\n});\n\nconst LocationAddModal: React.FC<BrandAddModalProps> = ({\n isOpen,\n setIsOpen,\n modalProps,\n onSave,\n isLoading\n}) => {\n const { t } = useTranslation();\n const [toast, setToast] = useState<IToast \| null>(null);\n const { control, handleSubmit, reset } = useForm<any>({\n mode: 'all',\n resolver: yupResolver(validationSchema)\n });\n const handleModalClose = () => {\n reset({ location_data: undefined });\n setIsOpen();\n };\n\n const onSubmit = async (values: IFormValues) => {\n // handleModalClose();\n onSave(values?.location_data)\n };\n\n return (\n <Modal\n open={isOpen}\n onClose={handleModalClose}\n maxWidth='sm'\n fullWidth\n {...modalProps}>\n <>\n \n <form onSubmit={handleSubmit(onSubmit)}>\n {isLoading && (\n <ModalLoader />\n )}\n <DialogTitle className='brandAddModal--DialogTitle'>\n <Typography type='s3' color='inherit' weight='medium'>\n {t(\"inventory.item.locationModal.title\")}\n </Typography>\n <IconButton onClick={handleModalClose}>\n <Close fontSize='small' />\n </IconButton>\n </DialogTitle>\n <DialogContent className='brandAddModal--DialogContents'>\n \n <Grid container rowGap={1.5} columnSpacing={3} pt={3}>\n <Grid item sm={6}>\n <DynamicInput\n type='text'\n formControl={control}\n label={t(\"inventory.item.locationModal.location_name_label\")}\n name='name'\n fieldArrayName='location_data'\n placeholder={t(\"inventory.item.locationModal.location_name_placeholder\")}\n required\n />\n </Grid>\n <Grid item sm={6}>\n <DynamicInput\n type='text'\n formControl={control}\n label={t(\"inventory.item.locationModal.location_code_label\")}\n name='short_name'\n fieldArrayName='location_data'\n placeholder={t(\"inventory.item.locationModal.location_code_placeholder\")}\n required\n />\n </Grid>\n <Grid item sm={6}>\n <DynamicSearchSelect\n label={t(\n \"accounting.authorize_commission.fields.company_label\"\n )}\n name=\"company_id\"\n placeholder={t(\n \"accounting.authorize_commission.fields.company_placeholder\"\n )}\n fieldArrayName='location_data'\n formControl={control}\n apiType='company'\n getSelectedData={(data: any) =>\n // setSelectedData(name, data)\n console.log(\"data\", data)\n }\n required={true}\n />\n </Grid>\n </Grid>\n \n </DialogContent>\n <DialogActions className='brandAddModal--DialogAction'>\n <span></span>\n <Box display='flex' gap={1.5}>\n <Button\n className='brandAddModal--DialogAction--WhiteBtn'\n onClick={handleModalClose}>\n {t(\"common.cancel\")}\n </Button>\n <Button type='button' onClick={handleSubmit(onSubmit)}>{t(\"common.save\")}</Button>\n </Box>\n </DialogActions>\n </form>\n </>\n <Toast\n open={Boolean(toast)}\n type={toast?.type}\n message={toast?.message}\n handleClose={() => setToast(null)}\n anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}\n />\n </Modal>\n );\n};\n\nexport default LocationAddModal;\n"],"names":["validationSchema","Yup","object","shape","location_data","name","string","required","isOpen","setIsOpen","modalProps","onSave","isLoading","t","useTranslation","toast","setToast","useState","control","handleSubmit","reset","useForm","mode","resolver","yupResolver","handleModalClose","onSubmit","async","values","jsxs","Modal","open","onClose","maxWidth","fullWidth","children","jsx","Fragment","ModalLoader","DialogTitle","className","Typography","type","color","weight","IconButton","onClick","Close","fontSize","DialogContent","Grid","container","rowGap","columnSpacing","pt","item","sm","DynamicInput","formControl","label","fieldArrayName","placeholder","DynamicSearchSelect","apiType","getSelectedData","data","DialogActions","Box","display","gap","Button","Toast","Boolean","message","handleClose","anchorOrigin","horizontal","vertical"],"mappings":"ukDA+CA,MAAMA,EAAmBC,EAAIC,SAASC,MAAM,CACxCC,cAAeH,EAAIC,SAASC,MAAM,CAC9BE,KAAMJ,EAAIK,SAASC,SAAS,wCAImB,EACnDC,SACAC,YACAC,aACAC,SACAC,gBAEA,MAAMC,EAAEA,GAAMC,oBACPC,EAAOC,GAAYC,EAAAA,SAAwB,OAC5CC,QAAEA,EAAAC,aAASA,EAAAC,MAAcA,GAAUC,EAAAA,QAAa,CAClDC,KAAM,MACNC,SAAUC,EAAAA,YAAYxB,KAEpByB,EAAmB,KACrBL,EAAM,CAAEhB,mBAAe,IACvBK,KAGEiB,EAAWC,MAAOC,IAEpBjB,QAAOiB,WAAQxB;AAGnB,OACIyB,EAAAA,KAACC,EAAAA,QAAA,CACGC,KAAMvB,EACNwB,QAASP,EACTQ,SAAS,KACTC,WAAS,KACLxB,EACAyB,SAAA;eAAAC,EAAAA,IAAAC,EAAAA,SAAA,CAEJF,wBAAAN,OAAC,OAAA,CAAKH,SAAUP,EAAaO,GAC5BS,SAAA,CAAAvB,wBACgB0B,EAAAA,QAAA;iBAEbT,KAACU,EAAAA,QAAA,CAAYC,UAAU,6BACnBL,SAAA;eAAAC,EAAAA,IAACK,EAAAA,WAAA,CAAWC,KAAK,KAAKC,MAAM,UAAUC,OAAO,SACxCT,SAAAtB,EAAE;iBAEPuB,IAACS,EAAAA,SAAWC,QAASrB,EACjBU,8BAACY,UAAA,CAAMC,SAAS;eAGxBZ,EAAAA,IAACa,EAAAA,QAAA,CAAcT,UAAU,gCAEjBL,wBAAAN,EAAAA,KAACqB,UAAA,CAAKC,WAAS,EAACC,OAAQ,IAAKC,cAAe,EAAGC,GAAI,EAC/CnB,SAAA;eAAAC,EAAAA,IAACc,EAAAA,QAAA,CAAKK,MAAI,EAACC,GAAI,EACXrB,wBAAAC,EAAAA,IAACqB,EAAAA,QAAA,CACGf,KAAK,OACLgB,YAAaxC,EACbyC,MAAO9C,EAAE,oDACTR,KAAK,OACLuD,eAAe,gBACfC,YAAahD,EAAE,0DACfN,UAAQ;eAGhB6B,EAAAA,IAACc,EAAAA,QAAA,CAAKK,MAAI,EAACC,GAAI,EACXrB,wBAAAC,EAAAA,IAACqB,EAAAA,QAAA,CACGf,KAAK,OACLgB,YAAaxC,EACbyC,MAAO9C,EAAE,oDACTR,KAAK,aACLuD,eAAe,gBACfC,YAAahD,EAAE,0DACfN,UAAQ;eAGhB6B,EAAAA,IAACc,EAAAA,QAAA,CAAKK,MAAI,EAACC,GAAI,EACXrB,wBAAAC,EAAAA,IAAC0B,EAAAA,QAAA,CACGH,MAAO9C,EACH,wDAEJR,KAAK,aACLwD,YAAahD,EACT,8DAEJ+C,eAAe,gBACfF,YAAaxC,EACb6C,QAAQ,UACRC,gBAAkBC,MAIlB1D,UAAU;iBAM9BsB,KAACqC,EAAAA,QAAA,CAAc1B,UAAU,8BACrBL,SAAA;eAAAC,EAAAA,IAAC,OAAA;eACDP,EAAAA,KAACsC,EAAAA,QAAA,CAAIC,QAAQ,OAAOC,IAAK,IACrBlC,SAAA;eAAAC,EAAAA,IAACkC,EAAAA,QAAA,CACG9B,UAAU,wCACVM,QAASrB,EACRU,WAAE;eAEPC,EAAAA,IAACkC,EAAAA,QAAA,CAAO5B,KAAK,SAASI,QAAS3B,EAAaO,GAAYS,SAAAtB,EAAE;eAKtEuB,EAAAA,IAACmC,EAAAA,QAAA,CACGxC,KAAMyC,QAAQzD,GACd2B,KAAM3B,MAAAA,OAAAA,EAAAA,EAAO2B,KACb+B,QAAS1D,MAAAA,OAAAA,EAAAA,EAAO0D,QAChBC,YAAa,IAAM1D,EAAS,MAC5B2D,aAAc,CAAEC,WAAY,QAASC,SAAU"}

package/dist/components/form-control/form-builder/form-builder-element/radio-button/index.esm.js CHANGED Viewed

@@ -3,8 +3,10 @@ import { memo } from "react";
 import { Controller } from "react-hook-form";
 import { Typography } from "../../../../typography/typography/index.esm.js";
 import Radio from "../../../../radio/radio/index.esm.js";
-import { RadioGroup, FormControlLabel, Box } from "@mui/material";
-import { styled } from "@mui/material/styles";
+import RadioGroup from "../../../../../node_modules/@mui/material/RadioGroup/RadioGroup/index.esm.js";
+import styled from "../../../../../node_modules/@mui/material/styles/styled/index.esm.js";
+import FormControlLabel from "../../../../../node_modules/@mui/material/FormControlLabel/FormControlLabel/index.esm.js";
+import Box from "../../../../../node_modules/@mui/material/Box/Box/index.esm.js";
 const BorderedOption = styled(Box, {
   shouldForwardProp: (prop) => prop !== "bordered" && prop !== "isSelected"
 })(({ theme, bordered }) => ({

package/dist/components/form-control/form-builder/form-builder-element/radio-button/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/radio-button.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { Control, Controller } from 'react-hook-form';\nimport Typography from '../../../typography/typography';\nimport Radio from '../../../radio/radio';\nimport { FormControlLabel, RadioGroup, Box } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\ninterface IDynamicRadioButton {\n\tformControl: Control<any>;\n\tfieldArrayName: string;\n\tname: string;\n\tlabel: string;\n\ttitlePosition?: string;\n\tposition: number;\n\toptions: {\n\t\tlabel: string;\n\t\tvalue: string;\n\t}[];\n\tdisabled?: boolean;\n\ttypeOfField?: string;\n\tdisplay?: 'row' \| 'column';\n\ttitle?: string;\n\tbordered?: boolean;\n\tdefaultValue?: string; // Optional defaultValue prop\n}\n\nconst BorderedOption = styled(Box, {\n\tshouldForwardProp: (prop) => prop !== 'bordered' && prop !== 'isSelected',\n})<{ bordered?: boolean; isSelected: boolean }>(({ theme, bordered }) => ({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tpadding: 0,\n\tmargin: 0,\n\t...(bordered && {\n\t\tborder: `1px solid ${theme.palette.divider}`,\n\t\tborderRadius: theme.shape.borderRadius,\n\t\tmargin: theme.spacing(0, 3, 0, 0),\n\t\tpadding: theme.spacing(0, 5, 0, 1),\n\t\theight: '36px',\n\t\talignContent: \"left\",\n\t\t'&:hover': {\n\t\t\tbackgroundColor: theme.palette.action.hover,\n\t\t},\n\t}),\n}));\n\nconst DynamicRadioButton: React.FC<IDynamicRadioButton> = memo(({\n\tformControl,\n\tfieldArrayName,\n\tname,\n\toptions,\n\tdisplay,\n\tlabel,\n\tposition,\n\tdisabled,\n\ttitle,\n\ttitlePosition,\n\tbordered = false,\n\tdefaultValue = '',\n}) => {\n\treturn (\n\t\t<>\n\t\t\t<Typography\n\t\t\t\ttype='s5'\n\t\t\t\tweight='medium'\n\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\tdata-position={position}\n\t\t\t\tsx={{ mb: 0.5 }}>\n\t\t\t\t{label}\n\t\t\t</Typography>\n\t\t\t<Controller\n\t\t\t\tcontrol={formControl}\n\t\t\t\tname={`${fieldArrayName}.${name}`}\n\t\t\t\t// disabled={disabled}\n\t\t\t\tdefaultValue={defaultValue} // Set defaultValue to 'item' if none provided\n\t\t\t\trender={({ field, fieldState: { error } }) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<RadioGroup\n\t\t\t\t\t\t\tvalue={field.value ?? defaultValue} // Ensure 'item' if value is undefined\n\t\t\t\t\t\t\tonChange={(e) => field.onChange(e.target.value)}\n\t\t\t\t\t\t\trow={display === 'row'}\n\t\t\t\t\t\t\tsx={{ alignItems: 'center', gap:1 }}>\n\t\t\t\t\t\t\t{title && titlePosition === 'start' && (\n\t\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.800' weight='medium'>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{options.map((option) => (\n\t\t\t\t\t\t\t\t<BorderedOption\n\t\t\t\t\t\t\t\t\tkey={option.value}\n\t\t\t\t\t\t\t\t\tbordered={bordered}\n\t\t\t\t\t\t\t\t\tisSelected={field.value == option.value}\n\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<FormControlLabel\n\t\t\t\t\t\t\t\t\t\tsx={{ margin:0, opacity:disabled ? 0.5 : 1 }}\n\t\t\t\t\t\t\t\t\t\tvalue={option.value}\n\t\t\t\t\t\t\t\t\t\tcontrol={<Radio checked={field.value == option.value} />}\n\t\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t\t<Typography type='s5' weight='medium' color=\"theme.secondary.800\">\n\t\t\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</BorderedOption>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t{title && titlePosition === 'end' && (\n\t\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.800' weight='medium'>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</RadioGroup>\n\t\t\t\t\t\t{error && <Typography type=\"s5\" color=\"theme.error.600\">{error.message}</Typography>}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t/>\n\t\t</>\n\t);\n});\n\nexport default DynamicRadioButton;"],"names":[],"mappings":"~~;;;;;;;~~AA0BA,MAAM,iBAAiB,OAAO,KAAK;AAAA,EAClC,mBAAmB,CAAC,SAAS,SAAS,cAAc,SAAS;AAC9D,CAAC,EAA+C,CAAC,EAAE,OAAO,gBAAgB;AAAA,EACzE,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,GAAI,YAAY;AAAA,IACf,QAAQ,aAAa,MAAM,QAAQ,OAAO;AAAA,IAC1C,cAAc,MAAM,MAAM;AAAA,IAC1B,QAAQ,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,IAChC,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,IACjC,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,WAAW;AAAA,MACV,iBAAiB,MAAM,QAAQ,OAAO;AAAA,IAAA;AAAA,EACvC;AAEF,EAAE;AAEF,MAAM,qBAAoD,KAAK,CAAC;AAAA,EAC/D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,eAAe;AAChB,MAAM;AACL,SACC,qBAAA,UAAA,EACC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAM;AAAA,QACN,iBAAe;AAAA,QACf,IAAI,EAAE,IAAI,IAAA;AAAA,QACT,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,SAAS;AAAA,QACT,MAAM,GAAG,cAAc,IAAI,IAAI;AAAA,QAE/B;AAAA,QACA,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAA,EAAM,MACrC,qBAAA,UAAA,EACC,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,OAAO,MAAM,SAAS;AAAA,cACtB,UAAU,CAAC,MAAM,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,cAC9C,KAAK,YAAY;AAAA,cACjB,IAAI,EAAE,YAAY,UAAU,KAAI,EAAA;AAAA,cAC/B,UAAA;AAAA,gBAAA,SAAS,kBAAkB,WAC3B,oBAAC,YAAA,EAAW,MAAK,MAAK,OAAM,uBAAsB,QAAO,UACvD,UAAA,MAAA,CACF;AAAA,gBAEA,QAAQ,IAAI,CAAC,WACb;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEA;AAAA,oBACA,YAAY,MAAM,SAAS,OAAO;AAAA,oBAGlC,UAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACA,IAAI,EAAE,QAAO,GAAG,SAAQ,WAAW,MAAM,EAAA;AAAA,wBACzC,OAAO,OAAO;AAAA,wBACd,SAAS,oBAAC,OAAA,EAAM,SAAS,MAAM,SAAS,OAAO,OAAO;AAAA,wBACtD,OACC,oBAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAAS,OAAM,uBAC1C,UAAA,OAAO,MAAA,CACT;AAAA,wBAED;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACD;AAAA,kBAfK,OAAO;AAAA,gBAAA,CAiBb;AAAA,gBACA,SAAS,kBAAkB,SAC3B,oBAAC,YAAA,EAAW,MAAK,MAAK,OAAM,uBAAsB,QAAO,UACvD,UAAA,MAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGD,6BAAU,YAAA,EAAW,MAAK,MAAK,OAAM,mBAAmB,gBAAM,QAAA,CAAQ;AAAA,QAAA,EAAA,CACxE;AAAA,MAAA;AAAA,IAAA;AAAA,EAEF,GACD;AAEF,CAAC;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../../src/components/form-control/form-builder/form-builder-element/radio-button.tsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { Control, Controller } from 'react-hook-form';\nimport Typography from '../../../typography/typography';\nimport Radio from '../../../radio/radio';\nimport { FormControlLabel, RadioGroup, Box } from '@mui/material';\nimport { styled } from '@mui/material/styles';\n\ninterface IDynamicRadioButton {\n\tformControl: Control<any>;\n\tfieldArrayName: string;\n\tname: string;\n\tlabel: string;\n\ttitlePosition?: string;\n\tposition: number;\n\toptions: {\n\t\tlabel: string;\n\t\tvalue: string;\n\t}[];\n\tdisabled?: boolean;\n\ttypeOfField?: string;\n\tdisplay?: 'row' \| 'column';\n\ttitle?: string;\n\tbordered?: boolean;\n\tdefaultValue?: string; // Optional defaultValue prop\n}\n\nconst BorderedOption = styled(Box, {\n\tshouldForwardProp: (prop) => prop !== 'bordered' && prop !== 'isSelected',\n})<{ bordered?: boolean; isSelected: boolean }>(({ theme, bordered }) => ({\n\tdisplay: 'flex',\n\talignItems: 'center',\n\tpadding: 0,\n\tmargin: 0,\n\t...(bordered && {\n\t\tborder: `1px solid ${theme.palette.divider}`,\n\t\tborderRadius: theme.shape.borderRadius,\n\t\tmargin: theme.spacing(0, 3, 0, 0),\n\t\tpadding: theme.spacing(0, 5, 0, 1),\n\t\theight: '36px',\n\t\talignContent: \"left\",\n\t\t'&:hover': {\n\t\t\tbackgroundColor: theme.palette.action.hover,\n\t\t},\n\t}),\n}));\n\nconst DynamicRadioButton: React.FC<IDynamicRadioButton> = memo(({\n\tformControl,\n\tfieldArrayName,\n\tname,\n\toptions,\n\tdisplay,\n\tlabel,\n\tposition,\n\tdisabled,\n\ttitle,\n\ttitlePosition,\n\tbordered = false,\n\tdefaultValue = '',\n}) => {\n\treturn (\n\t\t<>\n\t\t\t<Typography\n\t\t\t\ttype='s5'\n\t\t\t\tweight='medium'\n\t\t\t\tcolor='theme.secondary.800'\n\t\t\t\tdata-position={position}\n\t\t\t\tsx={{ mb: 0.5 }}>\n\t\t\t\t{label}\n\t\t\t</Typography>\n\t\t\t<Controller\n\t\t\t\tcontrol={formControl}\n\t\t\t\tname={`${fieldArrayName}.${name}`}\n\t\t\t\t// disabled={disabled}\n\t\t\t\tdefaultValue={defaultValue} // Set defaultValue to 'item' if none provided\n\t\t\t\trender={({ field, fieldState: { error } }) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<RadioGroup\n\t\t\t\t\t\t\tvalue={field.value ?? defaultValue} // Ensure 'item' if value is undefined\n\t\t\t\t\t\t\tonChange={(e) => field.onChange(e.target.value)}\n\t\t\t\t\t\t\trow={display === 'row'}\n\t\t\t\t\t\t\tsx={{ alignItems: 'center', gap:1 }}>\n\t\t\t\t\t\t\t{title && titlePosition === 'start' && (\n\t\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.800' weight='medium'>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{options.map((option) => (\n\t\t\t\t\t\t\t\t<BorderedOption\n\t\t\t\t\t\t\t\t\tkey={option.value}\n\t\t\t\t\t\t\t\t\tbordered={bordered}\n\t\t\t\t\t\t\t\t\tisSelected={field.value == option.value}\n\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<FormControlLabel\n\t\t\t\t\t\t\t\t\t\tsx={{ margin:0, opacity:disabled ? 0.5 : 1 }}\n\t\t\t\t\t\t\t\t\t\tvalue={option.value}\n\t\t\t\t\t\t\t\t\t\tcontrol={<Radio checked={field.value == option.value} />}\n\t\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t\t<Typography type='s5' weight='medium' color=\"theme.secondary.800\">\n\t\t\t\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</BorderedOption>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t{title && titlePosition === 'end' && (\n\t\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.800' weight='medium'>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</RadioGroup>\n\t\t\t\t\t\t{error && <Typography type=\"s5\" color=\"theme.error.600\">{error.message}</Typography>}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t/>\n\t\t</>\n\t);\n});\n\nexport default DynamicRadioButton;"],"names":[],"mappings":";;;;;;;;;AA0BA,MAAM,iBAAiB,OAAO,KAAK;AAAA,EAClC,mBAAmB,CAAC,SAAS,SAAS,cAAc,SAAS;AAC9D,CAAC,EAA+C,CAAC,EAAE,OAAO,gBAAgB;AAAA,EACzE,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,GAAI,YAAY;AAAA,IACf,QAAQ,aAAa,MAAM,QAAQ,OAAO;AAAA,IAC1C,cAAc,MAAM,MAAM;AAAA,IAC1B,QAAQ,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,IAChC,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,IACjC,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,WAAW;AAAA,MACV,iBAAiB,MAAM,QAAQ,OAAO;AAAA,IAAA;AAAA,EACvC;AAEF,EAAE;AAEF,MAAM,qBAAoD,KAAK,CAAC;AAAA,EAC/D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,eAAe;AAChB,MAAM;AACL,SACC,qBAAA,UAAA,EACC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,QAAO;AAAA,QACP,OAAM;AAAA,QACN,iBAAe;AAAA,QACf,IAAI,EAAE,IAAI,IAAA;AAAA,QACT,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,SAAS;AAAA,QACT,MAAM,GAAG,cAAc,IAAI,IAAI;AAAA,QAE/B;AAAA,QACA,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAA,EAAM,MACrC,qBAAA,UAAA,EACC,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,OAAO,MAAM,SAAS;AAAA,cACtB,UAAU,CAAC,MAAM,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,cAC9C,KAAK,YAAY;AAAA,cACjB,IAAI,EAAE,YAAY,UAAU,KAAI,EAAA;AAAA,cAC/B,UAAA;AAAA,gBAAA,SAAS,kBAAkB,WAC3B,oBAAC,YAAA,EAAW,MAAK,MAAK,OAAM,uBAAsB,QAAO,UACvD,UAAA,MAAA,CACF;AAAA,gBAEA,QAAQ,IAAI,CAAC,WACb;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEA;AAAA,oBACA,YAAY,MAAM,SAAS,OAAO;AAAA,oBAGlC,UAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACA,IAAI,EAAE,QAAO,GAAG,SAAQ,WAAW,MAAM,EAAA;AAAA,wBACzC,OAAO,OAAO;AAAA,wBACd,SAAS,oBAAC,OAAA,EAAM,SAAS,MAAM,SAAS,OAAO,OAAO;AAAA,wBACtD,OACC,oBAAC,YAAA,EAAW,MAAK,MAAK,QAAO,UAAS,OAAM,uBAC1C,UAAA,OAAO,MAAA,CACT;AAAA,wBAED;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACD;AAAA,kBAfK,OAAO;AAAA,gBAAA,CAiBb;AAAA,gBACA,SAAS,kBAAkB,SAC3B,oBAAC,YAAA,EAAW,MAAK,MAAK,OAAM,uBAAsB,QAAO,UACvD,UAAA,MAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGD,6BAAU,YAAA,EAAW,MAAK,MAAK,OAAM,mBAAmB,gBAAM,QAAA,CAAQ;AAAA,QAAA,EAAA,CACxE;AAAA,MAAA;AAAA,IAAA;AAAA,EAEF,GACD;AAEF,CAAC;"}