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

@erpsquad/common 1.8.41 → 1.8.42

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 (1064) hide show

package/dist/components/parties-modal/parties-modal/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/parties-modal/parties-modal.tsx"],"sourcesContent":["import { Box, DialogActions, DialogContent, DialogTitle, Divider, Grid, IconButton } from \"@mui/material\";\nimport Modal from '../modal/modal';\nimport Typography from \"../typography/typography\";\nimport DynamicInput from '../form-control/form-builder/form-builder-element/text';\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { generateValidationSchema } from \"./validator\";\nimport DynamicSearchSelect from \"../form-control/form-builder/form-builder-element/dynamic-select\";\nimport Accordion from \"../accordion/accordion\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport _ from \"lodash\";\nimport './parties-modal.scss';\nimport { \n addressColumns, \n addressOmitKeys, \n addressPayload, \n contactColumns, \n contactOmitKeys, \n contactPayload, \n PARTIES_FIELDS, \n PARTIES_FORM_ARRAY_NAME, \n processPartiesPayload \n} from \"./utils/constant\";\nimport MaterialTable from \"../material-table/material-table\";\nimport parsePhoneNumberFromString from \"libphonenumber-js\";\nimport Checkbox from \"../checkbox/checkbox\";\nimport { transformTableColumns } from \"../../utils/common-utility\";\nimport { createParties } from \"../../redux/actionCreator\";\nimport { useDispatch } from \"react-redux\";\nimport { enqueueSnackbar } from \"notistack\";\nimport { getErrorMessage } from \"../../utils/common\";\nimport ModalLoader from \"../loaders/modal-loader\";\nimport Button from \"../button/button\";\nimport { Close } from \"@mui/icons-material\";\n\ninterface CustomerVendorModalProps {\n isOpen: boolean;\n handleModalClose?: () => void;\n modalProps?: any;\n type: string;\n partyCreated: () => void;\n}\n\ninterface LocationState {\n state: any;\n country: any;\n}\n\nconst defaultLocationState: LocationState = { state: '', country: '' };\n\nexport default function CustomerVendorModal({\n isOpen,\n handleModalClose,\n modalProps,\n type,\n partyCreated\n}: CustomerVendorModalProps) {\n\n //Hooks\n const { t } = useTranslation();\n const dispatch = useDispatch();\n\n //Refs\n const locationRef = useRef<LocationState>(defaultLocationState);\n\n //Local states\n const [addressRows, setAddressRows] = useState<any[]>([]);\n const [contactRows, setContactRows] = useState<any[]>([]);\n const [isCreating, setIsCreating] = useState(false);\n\n //Form\n const { \n control, \n formState: { errors }, \n trigger, \n getValues, \n handleSubmit, \n setValue,\n reset \n } = useForm({\n defaultValues: {\n status: true\n },\n mode: 'all',\n resolver: generateValidationSchema()\n });\n\n //Call Back functions\n const tableColumns = useCallback(\n (columns: any, tableRows: any) => {\n const phoneNumberCache = new Map();\n \n return transformTableColumns({\n columns,\n currencySymbol: undefined,\n translationFn: t,\n enableFooter: false,\n redirectionLink: undefined,\n redirectionLinkState: undefined,\n rows: tableRows,\n statusClasses: undefined,\n customizeValue: (row, columnAccessorKey, value) => {\n switch (columnAccessorKey) {\n case 'default_shipping_address':\n case 'default_billing_address': {\n return (\n <Box sx={{ display: \"flex\", gap: 1 }}>\n <Checkbox\n checked={Boolean(value)}\n sx={{ pointerEvents: 'none' }}\n />\n </Box>\n );\n }\n \n case 'phone': \n case 'contact_no': {\n if (!value) return '';\n const phoneKey = `phone-${value}`;\n if (!phoneNumberCache.has(phoneKey)) {\n const parsed = parsePhoneNumberFromString(`+${value}`);\n phoneNumberCache.set(phoneKey, parsed?.nationalNumber \|\| '');\n }\n return phoneNumberCache.get(phoneKey);\n }\n \n case 'country_code': {\n const phone = row?.original?.phone \|\| row?.original?.contact_no;\n if (!phone) return '';\n const countryCodeKey = `country-${phone}`;\n if (!phoneNumberCache.has(countryCodeKey)) {\n const parsed = parsePhoneNumberFromString(`+${phone}`);\n phoneNumberCache.set(countryCodeKey, \n parsed?.countryCallingCode ? `+${parsed.countryCallingCode}` : ''\n );\n }\n return phoneNumberCache.get(countryCodeKey);\n }\n \n default:\n return value;\n }\n }\n });\n },\n [t]\n );\n\n //Methods\n\n const handleRowOperation = async (\n eData: any,\n state: any[],\n setState: React.Dispatch<React.SetStateAction<any[]>>,\n isAddress: boolean\n ) => {\n try {\n const { values, row } = eData;\n const editRow = row.index >= 0;\n const payload = isAddress ? addressPayload : contactPayload;\n \n const processedValues: any = {};\n for (const key in payload) {\n if (_.has(values, key)) {\n processedValues[key] = values?.[key] ? values[key] : null;\n }\n }\n\n if (isAddress) {\n const dropdowns = {\n c: locationRef.current?.country,\n s: locationRef.current?.state,\n };\n\n const validatedValues = await validateAddressDefaults(processedValues, state, row.index);\n const addressValues = {\n ...validatedValues,\n country_name: dropdowns.c?.name,\n country: dropdowns.c?.id,\n state_name: dropdowns.s?.name,\n state: dropdowns.s?.id,\n country_data: dropdowns.c,\n state_data: dropdowns.s,\n country_id: dropdowns.c?.id,\n state_id: dropdowns.s?.id,\n };\n\n if (editRow) {\n return setState(state.map((ar, i) => i === row.index ? { ...ar, ...addressValues } : ar));\n }\n return setState([...state, addressValues]);\n }\n\n if (editRow) {\n return setState(state.map((ar, i) => i === row.index ? { ...ar, ...processedValues } : ar));\n }\n return setState([...state, processedValues]);\n } catch (error) {\n return Promise.reject(error);\n }\n };\n\n const validateAddressDefaults = async (values: any, state: any[], index: number) => { \n let updatedValues = { ...values };\n const validate = (type: \"shipping\" \| \"billing\") => {\n const u_data = [...state]; \n const field = type === 'shipping' ? 'default_shipping_address' : 'default_billing_address';\n if(index >= 0){\n u_data.splice(index, 1);\n }\n const hasDefault = u_data.some((d: any) => d?.[field]);\n \n if (hasDefault && values?.[field]) {\n throw new Error(\n `Another address is already marked as the default ${type} address. Please uncheck that before selecting this one`\n );\n }\n else if(!hasDefault){\n updatedValues = {\n ...updatedValues,\n [field]: values?.[field] \|\|state?.length==0 ? 1 : 0,\n };\n }\n \n };\n\n await validate(\"shipping\");\n await validate(\"billing\");\n\n return updatedValues;\n };\n\n const deleteRow = async (\n state: any[],\n setState: React.Dispatch<React.SetStateAction<any[]>>,\n row: any\n ) => {\n const rowIndex = row.index;\n const updatedData = state.filter((_, i) => i !== rowIndex);\n setState(updatedData);\n return Promise.resolve();\n };\n\n const onChangeAddressTableField = async (e: any, t: any, r: any, col: any, selectedData: any) => {\n const fieldName = e?.target?.name;\n let updatedValues: any = null;\n\n if (col?.editProperties?.field_name) {\n locationRef.current = {\n ...locationRef.current,\n [col.editProperties.field_name]: selectedData,\n };\n }\n \n if (fieldName === 'country') {\n updatedValues = {\n ...r._valuesCache,\n country: selectedData.id,\n country_id: selectedData.id,\n state: null,\n state_id: null,\n state_name: null,\n };\n } else if (fieldName === 'state') {\n updatedValues = {\n ...r._valuesCache,\n state: selectedData.id,\n state_id: selectedData.id\n };\n } else if (fieldName === 'phone') {\n const p = parsePhoneNumberFromString(`+${e}`);\n updatedValues = {\n ...r._valuesCache,\n country_code: p?.countryCallingCode ? `+${p.countryCallingCode}` : '',\n };\n }\n\n const summaryFields = [\n 'contact_name',\n 'street_1',\n 'street_2',\n 'street_3',\n 'zip_code',\n 'city',\n 'state',\n 'country'\n ];\n\n if (r._valuesCache) {\n const fieldValues = summaryFields.map(field => {\n if (field === 'country') {\n return locationRef.current?.country?.name \|\| '';\n } else if (field === 'state') {\n return locationRef.current?.state?.name \|\| '';\n } else if (field === fieldName) {\n return e.target?.value \|\| '';\n }\n return r._valuesCache?.[field] \|\| '';\n });\n\n const summary = fieldValues.reduce((acc, val, idx) => {\n if (!val) return acc;\n if (!acc) return val;\n\n val = val?.name \|\| val;\n acc = acc?.name \|\| acc;\n\n return [2, 3].includes(idx) ? `${acc} ${val}` : `${acc}, \\n${val}`;\n }, '');\n\n r._valuesCache.summary = summary;\n }\n\n if (updatedValues) {\n r.getAllCells().forEach((c: any) => {\n if (_.has(updatedValues, c.column.id)) {\n r._valuesCache[c.column.id] = updatedValues[c.column.id];\n }\n });\n }\n\n return r._valuesCache;\n };\n\n const onSubmit = async () => {\n const isValid = await trigger();\n if (!isValid) return;\n\n setIsCreating(true);\n const values = getValues(); \n const payload = {\n party: {\n ...processPartiesPayload(values?.[PARTIES_FORM_ARRAY_NAME]),\n account_type: 'Individual',\n status: 1,\n type\n }\n };\n\n try {\n const res = await dispatch(createParties(payload));\n \n if (res?.meta?.requestStatus === 'fulfilled') {\n enqueueSnackbar(`${type} ${t('common.party.msg.success')}`);\n closeModal();\n partyCreated();\n } else if (res?.meta?.requestStatus === 'rejected') {\n const errorMessage = getErrorMessage(res?.error?.message);\n enqueueSnackbar(errorMessage, { variant: 'error' });\n }\n } finally {\n setIsCreating(false);\n }\n };\n\n const closeModal=()=>{\n resetForm()\n setAddressRows([]);\n setContactRows([]);\n handleModalClose?.();\n }\n const resetForm=()=>{\n reset({ [PARTIES_FORM_ARRAY_NAME]: {} });\n }\n\n //Use Effect\n useEffect(() => {\n const addressData = addressRows.map(a => _.omit(a, addressOmitKeys));\n setValue(`${PARTIES_FORM_ARRAY_NAME}.${PARTIES_FIELDS.ADDRESS}`, addressData);\n }, [addressRows, setValue]);\n\n useEffect(() => {\n const contactData = contactRows.map(c => _.omit(c, contactOmitKeys));\n setValue(`${PARTIES_FORM_ARRAY_NAME}.${PARTIES_FIELDS.CONTACTS}`, contactData);\n }, [contactRows, setValue]);\n\n const basicDetailsSection = useMemo(() => (\n <Accordion\n title={\n <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n {t(\"common.party.sections.basic_details\")}\n </Typography>\n }\n accordionProps={{\n defaultExpanded: true,\n className: \"form--Accordion\",\n }}\n >\n <Grid container spacing={2}>\n <Grid item xs={12} sm={6}>\n <DynamicInput\n label={t('common.party.fields.firstName_label')}\n name={PARTIES_FIELDS.FIRST_NAME}\n placeholder={t('common.party.fields.firstName_placeholder')}\n fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n formControl={control}\n required\n />\n </Grid>\n <Grid item xs={12} sm={6}>\n <DynamicInput\n label={t('common.party.fields.lastName_label')}\n name={PARTIES_FIELDS.LAST_NAME}\n placeholder={t('common.party.fields.lastName_placeholder')}\n fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n formControl={control}\n required\n />\n </Grid>\n <Grid item xs={12} sm={6}>\n <DynamicSearchSelect\n label={t('common.party.fields.company_label')}\n apiType=\"company\"\n selectedLabel='Companies'\n name={PARTIES_FIELDS.COMAPANY}\n placeholder={t('common.party.fields.company_placeholder')}\n fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n formControl={control}\n required\n is_multiselect\n />\n </Grid>\n <Grid item xs={12} sm={6}>\n <DynamicSearchSelect\n label={t('common.party.fields.currency_label')}\n apiType='currency'\n selectedLabel='Currency'\n name={PARTIES_FIELDS.CURRENCY}\n placeholder={t('common.party.fields.currency_placeholder')}\n fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n formControl={control}\n required\n is_multiselect\n />\n </Grid>\n </Grid>\n </Accordion>\n ), [t, control]);\n\n const addressSection = useMemo(() => (\n <Accordion\n title={\n <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n {t(\"common.party.sections.address\")}\n <span className='errorIndicator'></span>\n\t\t\t\t\t{errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.ADDRESS] && (\n <span className='error'>\n {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.ADDRESS]?.message}\n </span>\n )}\n </Typography>\n }\n accordionProps={{\n defaultExpanded: true,\n className: \"form--Accordion\",\n }}\n >\n <Grid spacing={4}>\n <Grid item xs={12}>\n <MaterialTable\n rows={[...addressRows]}\n columns={tableColumns(addressColumns)}\n paginationModel={{ pageNo: 1, limit: 10 }}\n totalPages={20}\n enableColumnDragging={false}\n isResetRow={false}\n columnOrder={['mrt-row-select']}\n enableRowSelection={false}\n enableBottomToolbar\n disableDefaultActionColumn\n editDisplayMode='row'\n enableRowCreate\n onCreateRow={(data) => handleRowOperation(data, addressRows, setAddressRows, true)}\n onEditRow={(data) => handleRowOperation(data, addressRows, setAddressRows, true)}\n onDeleteRow={(row) => deleteRow(addressRows, setAddressRows, row)}\n onChangeRowField={onChangeAddressTableField}\n />\n </Grid>\n </Grid>\n </Accordion>\n // eslint-disable-next-line\n ), [t, addressRows, tableColumns, errors]);\n\n const contactSection = useMemo(() => (\n <Accordion\n title={\n <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n {t(\"common.party.sections.contact\")}\n <span className='errorIndicator'></span>\n {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.CONTACTS] && (\n <span className='error'>\n {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.CONTACTS]?.message}\n </span>\n )}\n </Typography>\n }\n accordionProps={{\n defaultExpanded: true,\n className: \"form--Accordion\",\n }}\n >\n <Grid spacing={4}>\n <Grid item xs={12}>\n \n <MaterialTable\n rows={[...contactRows]}\n columns={tableColumns(contactColumns)}\n paginationModel={{ pageNo: 1, limit: 10 }}\n totalPages={20}\n enableColumnDragging={false}\n isResetRow={false}\n columnOrder={['mrt-row-select']}\n enableRowSelection={false}\n enableBottomToolbar\n disableDefaultActionColumn\n editDisplayMode='row'\n enableRowCreate\n onCreateRow={(data) => handleRowOperation(data, contactRows, setContactRows, false)}\n onEditRow={(data) => handleRowOperation(data, contactRows, setContactRows, false)}\n onDeleteRow={(row) => deleteRow(contactRows, setContactRows, row)}\n onChangeRowField={onChangeAddressTableField}\n />\n </Grid>\n </Grid>\n </Accordion>\n // eslint-disable-next-line\n ), [t, contactRows, tableColumns, errors]);\n\n return (\n <Modal\n open={isOpen}\n onClose={closeModal}\n maxWidth='lg'\n fullWidth\n sx={{ overflowY: 'hidden' }}\n {...modalProps}\n >\n {isCreating && <ModalLoader />}\n <form onSubmit={handleSubmit(onSubmit)} className=\"scroll-container\" style={{ position: 'relative',overflow: 'auto' }}>\n <DialogTitle className='itemEntryModal--DialogTitle' \n >\n <Typography type='s3' color='inherit' weight='medium'>\n {`Add ${type}`}\n </Typography>\n <IconButton onClick={closeModal}>\n <Close fontSize='small' />\n </IconButton>\n </DialogTitle>\n \n <DialogContent>\n {basicDetailsSection}\n <Divider className='form--SectionDivider' />\n {addressSection}\n <Divider className='form--SectionDivider' />\n {contactSection}\n </DialogContent>\n \n <DialogActions className='itemEntryModal--DialogAction' sx={{\n position: 'sticky',\n bottom: 0,\n backgroundColor: 'white',\n zIndex: 1,\n padding: '8px 24px',\n justifyContent: 'end'\n }}>\n <Box display='flex' gap={1.5}>\n <Button\n className='itemEntryModal--DialogAction--WhiteBtn'\n onClick={closeModal}\n >\n {t('common.cancel')}\n </Button>\n <Button\n variant=\"contained\"\n onClick={handleSubmit(onSubmit)}\n >\n {t('common.save')}\n </Button>\n </Box>\n </DialogActions>\n </form>\n </Modal>\n );\n}"],"names":["defaultLocationState","state","country","isOpen","handleModalClose","modalProps","type","partyCreated","t","useTranslation","dispatch","useDispatch","locationRef","useRef","addressRows","setAddressRows","useState","contactRows","setContactRows","isCreating","setIsCreating","control","formState","errors","trigger","getValues","handleSubmit","setValue","reset","useForm","defaultValues","status","mode","resolver","generateValidationSchema","tableColumns","useCallback","columns","tableRows","phoneNumberCache","Map","transformTableColumns","currencySymbol","translationFn","enableFooter","redirectionLink","redirectionLinkState","rows","statusClasses","customizeValue","row","columnAccessorKey","value","jsx","Box","sx","display","gap","children","Checkbox","checked","Boolean","pointerEvents","phoneKey","has","parsed","parsePhoneNumberFromString","set","nationalNumber","get","phone","_a","original","_b","contact_no","countryCodeKey","countryCallingCode","handleRowOperation","async","eData","setState","isAddress","values","editRow","index","payload","addressPayload","contactPayload","processedValues","key","_","dropdowns","c","current","s","addressValues","validateAddressDefaults","country_name","_c","name","_d","id","state_name","_e","_f","country_data","state_data","country_id","_g","state_id","_h","map","ar","i","error","Promise","reject","updatedValues","validate","u_data","field","splice","hasDefault","some","d","Error","length","deleteRow","rowIndex","filter","resolve","onChangeAddressTableField","e","r","col","selectedData","fieldName","target","editProperties","field_name","_valuesCache","p","country_code","summaryFields","summary","reduce","acc","val","idx","includes","getAllCells","forEach","column","onSubmit","party","processPartiesPayload","PARTIES_FORM_ARRAY_NAME","account_type","res","createParties","meta","requestStatus","enqueueSnackbar","closeModal","errorMessage","getErrorMessage","message","variant","resetForm","useEffect","addressData","a","omit","addressOmitKeys","PARTIES_FIELDS","ADDRESS","contactData","contactOmitKeys","CONTACTS","basicDetailsSection","useMemo","Accordion","title","Typography","weight","color","accordionProps","defaultExpanded","className","jsxs","Grid","container","spacing","item","xs","sm","DynamicInput","label","FIRST_NAME","placeholder","fieldArrayName","formControl","required","LAST_NAME","DynamicSearchSelect","apiType","selectedLabel","COMAPANY","is_multiselect","CURRENCY","addressSection","MaterialTable","addressColumns","paginationModel","pageNo","limit","totalPages","enableColumnDragging","isResetRow","columnOrder","enableRowSelection","enableBottomToolbar","disableDefaultActionColumn","editDisplayMode","enableRowCreate","onCreateRow","data","onEditRow","onDeleteRow","onChangeRowField","contactSection","contactColumns","Modal","open","onClose","maxWidth","fullWidth","overflowY","ModalLoader","style","position","overflow","DialogTitle","IconButton","onClick","Close","fontSize","DialogContent","Divider","DialogActions","bottom","backgroundColor","zIndex","padding","justifyContent","Button"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/parties-modal/parties-modal.tsx"],"sourcesContent":["import { Box, DialogActions, DialogContent, DialogTitle, Divider, Grid, IconButton } from \"@mui/material\";\nimport Modal from '../modal/modal';\nimport Typography from \"../typography/typography\";\nimport DynamicInput from '../form-control/form-builder/form-builder-element/text';\nimport { useForm } from \"react-hook-form\";\nimport { useTranslation } from \"react-i18next\";\nimport { generateValidationSchema } from \"./validator\";\nimport DynamicSearchSelect from \"../form-control/form-builder/form-builder-element/dynamic-select\";\nimport Accordion from \"../accordion/accordion\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport _ from \"lodash\";\nimport './parties-modal.scss';\nimport { \n addressColumns, \n addressOmitKeys, \n addressPayload, \n contactColumns, \n contactOmitKeys, \n contactPayload, \n PARTIES_FIELDS, \n PARTIES_FORM_ARRAY_NAME, \n processPartiesPayload \n} from \"./utils/constant\";\nimport MaterialTable from \"../material-table/material-table\";\nimport parsePhoneNumberFromString from \"libphonenumber-js\";\nimport Checkbox from \"../checkbox/checkbox\";\nimport { transformTableColumns } from \"../../utils/common-utility\";\nimport { createParties } from \"../../redux/actionCreator\";\nimport { useDispatch } from \"react-redux\";\nimport { enqueueSnackbar } from \"notistack\";\nimport { getErrorMessage } from \"../../utils/common\";\nimport ModalLoader from \"../loaders/modal-loader\";\nimport Button from \"../button/button\";\nimport { Close } from \"@mui/icons-material\";\n\ninterface CustomerVendorModalProps {\n isOpen: boolean;\n handleModalClose?: () => void;\n modalProps?: any;\n type: string;\n partyCreated: () => void;\n}\n\ninterface LocationState {\n state: any;\n country: any;\n}\n\nconst defaultLocationState: LocationState = { state: '', country: '' };\n\nexport default function CustomerVendorModal({\n isOpen,\n handleModalClose,\n modalProps,\n type,\n partyCreated\n}: CustomerVendorModalProps) {\n\n //Hooks\n const { t } = useTranslation();\n const dispatch = useDispatch();\n\n //Refs\n const locationRef = useRef<LocationState>(defaultLocationState);\n\n //Local states\n const [addressRows, setAddressRows] = useState<any[]>([]);\n const [contactRows, setContactRows] = useState<any[]>([]);\n const [isCreating, setIsCreating] = useState(false);\n\n //Form\n const { \n control, \n formState: { errors }, \n trigger, \n getValues, \n handleSubmit, \n setValue,\n reset \n } = useForm({\n defaultValues: {\n status: true\n },\n mode: 'all',\n resolver: generateValidationSchema()\n });\n\n //Call Back functions\n const tableColumns = useCallback(\n (columns: any, tableRows: any) => {\n const phoneNumberCache = new Map();\n \n return transformTableColumns({\n columns,\n currencySymbol: undefined,\n translationFn: t,\n enableFooter: false,\n redirectionLink: undefined,\n redirectionLinkState: undefined,\n rows: tableRows,\n statusClasses: undefined,\n customizeValue: (row, columnAccessorKey, value) => {\n switch (columnAccessorKey) {\n case 'default_shipping_address':\n case 'default_billing_address': {\n return (\n <Box sx={{ display: \"flex\", gap: 1 }}>\n <Checkbox\n checked={Boolean(value)}\n sx={{ pointerEvents: 'none' }}\n />\n </Box>\n );\n }\n \n case 'phone': \n case 'contact_no': {\n if (!value) return '';\n const phoneKey = `phone-${value}`;\n if (!phoneNumberCache.has(phoneKey)) {\n const parsed = parsePhoneNumberFromString(`+${value}`);\n phoneNumberCache.set(phoneKey, parsed?.nationalNumber \|\| '');\n }\n return phoneNumberCache.get(phoneKey);\n }\n \n case 'country_code': {\n const phone = row?.original?.phone \|\| row?.original?.contact_no;\n if (!phone) return '';\n const countryCodeKey = `country-${phone}`;\n if (!phoneNumberCache.has(countryCodeKey)) {\n const parsed = parsePhoneNumberFromString(`+${phone}`);\n phoneNumberCache.set(countryCodeKey, \n parsed?.countryCallingCode ? `+${parsed.countryCallingCode}` : ''\n );\n }\n return phoneNumberCache.get(countryCodeKey);\n }\n \n default:\n return value;\n }\n }\n });\n },\n [t]\n );\n\n //Methods\n\n const handleRowOperation = async (\n eData: any,\n state: any[],\n setState: React.Dispatch<React.SetStateAction<any[]>>,\n isAddress: boolean\n ) => {\n try {\n const { values, row } = eData;\n const editRow = row.index >= 0;\n const payload = isAddress ? addressPayload : contactPayload;\n \n const processedValues: any = {};\n for (const key in payload) {\n if (_.has(values, key)) {\n processedValues[key] = values?.[key] ? values[key] : null;\n }\n }\n\n if (isAddress) {\n const dropdowns = {\n c: locationRef.current?.country,\n s: locationRef.current?.state,\n };\n\n const validatedValues = await validateAddressDefaults(processedValues, state, row.index);\n const addressValues = {\n ...validatedValues,\n country_name: dropdowns.c?.name,\n country: dropdowns.c?.id,\n state_name: dropdowns.s?.name,\n state: dropdowns.s?.id,\n country_data: dropdowns.c,\n state_data: dropdowns.s,\n country_id: dropdowns.c?.id,\n state_id: dropdowns.s?.id,\n };\n\n if (editRow) {\n return setState(state.map((ar, i) => i === row.index ? { ...ar, ...addressValues } : ar));\n }\n return setState([...state, addressValues]);\n }\n\n if (editRow) {\n return setState(state.map((ar, i) => i === row.index ? { ...ar, ...processedValues } : ar));\n }\n return setState([...state, processedValues]);\n } catch (error) {\n return Promise.reject(error);\n }\n };\n\n const validateAddressDefaults = async (values: any, state: any[], index: number) => { \n let updatedValues = { ...values };\n const validate = (type: \"shipping\" \| \"billing\") => {\n const u_data = [...state]; \n const field = type === 'shipping' ? 'default_shipping_address' : 'default_billing_address';\n if(index >= 0){\n u_data.splice(index, 1);\n }\n const hasDefault = u_data.some((d: any) => d?.[field]);\n \n if (hasDefault && values?.[field]) {\n throw new Error(\n `Another address is already marked as the default ${type} address. Please uncheck that before selecting this one`\n );\n }\n else if(!hasDefault){\n updatedValues = {\n ...updatedValues,\n [field]: values?.[field] \|\|state?.length==0 ? 1 : 0,\n };\n }\n \n };\n\n await validate(\"shipping\");\n await validate(\"billing\");\n\n return updatedValues;\n };\n\n const deleteRow = async (\n state: any[],\n setState: React.Dispatch<React.SetStateAction<any[]>>,\n row: any\n ) => {\n const rowIndex = row.index;\n const updatedData = state.filter((_, i) => i !== rowIndex);\n setState(updatedData);\n return Promise.resolve();\n };\n\n const onChangeAddressTableField = async (e: any, t: any, r: any, col: any, selectedData: any) => {\n const fieldName = e?.target?.name;\n let updatedValues: any = null;\n\n if (col?.editProperties?.field_name) {\n locationRef.current = {\n ...locationRef.current,\n [col.editProperties.field_name]: selectedData,\n };\n }\n \n if (fieldName === 'country') {\n updatedValues = {\n ...r._valuesCache,\n country: selectedData.id,\n country_id: selectedData.id,\n state: null,\n state_id: null,\n state_name: null,\n };\n } else if (fieldName === 'state') {\n updatedValues = {\n ...r._valuesCache,\n state: selectedData.id,\n state_id: selectedData.id\n };\n } else if (fieldName === 'phone') {\n const p = parsePhoneNumberFromString(`+${e}`);\n updatedValues = {\n ...r._valuesCache,\n country_code: p?.countryCallingCode ? `+${p.countryCallingCode}` : '',\n };\n }\n\n const summaryFields = [\n 'contact_name',\n 'street_1',\n 'street_2',\n 'street_3',\n 'zip_code',\n 'city',\n 'state',\n 'country'\n ];\n\n if (r._valuesCache) {\n const fieldValues = summaryFields.map(field => {\n if (field === 'country') {\n return locationRef.current?.country?.name \|\| '';\n } else if (field === 'state') {\n return locationRef.current?.state?.name \|\| '';\n } else if (field === fieldName) {\n return e.target?.value \|\| '';\n }\n return r._valuesCache?.[field] \|\| '';\n });\n\n const summary = fieldValues.reduce((acc, val, idx) => {\n if (!val) return acc;\n if (!acc) return val;\n\n val = val?.name \|\| val;\n acc = acc?.name \|\| acc;\n\n return [2, 3].includes(idx) ? `${acc} ${val}` : `${acc}, \\n${val}`;\n }, '');\n\n r._valuesCache.summary = summary;\n }\n\n if (updatedValues) {\n r.getAllCells().forEach((c: any) => {\n if (_.has(updatedValues, c.column.id)) {\n r._valuesCache[c.column.id] = updatedValues[c.column.id];\n }\n });\n }\n\n return r._valuesCache;\n };\n\n const onSubmit = async () => {\n const isValid = await trigger();\n if (!isValid) return;\n\n setIsCreating(true);\n const values = getValues(); \n const payload = {\n party: {\n ...processPartiesPayload(values?.[PARTIES_FORM_ARRAY_NAME]),\n account_type: 'Individual',\n status: 1,\n type\n }\n };\n\n try {\n const res = await dispatch(createParties(payload));\n \n if (res?.meta?.requestStatus === 'fulfilled') {\n enqueueSnackbar(`${type} ${t('common.party.msg.success')}`);\n closeModal();\n partyCreated();\n } else if (res?.meta?.requestStatus === 'rejected') {\n const errorMessage = getErrorMessage(res?.error?.message);\n enqueueSnackbar(errorMessage, { variant: 'error' });\n }\n } finally {\n setIsCreating(false);\n }\n };\n\n const closeModal=()=>{\n resetForm()\n setAddressRows([]);\n setContactRows([]);\n handleModalClose?.();\n }\n const resetForm=()=>{\n reset({ [PARTIES_FORM_ARRAY_NAME]: {} });\n }\n\n //Use Effect\n useEffect(() => {\n const addressData = addressRows.map(a => _.omit(a, addressOmitKeys));\n setValue(`${PARTIES_FORM_ARRAY_NAME}.${PARTIES_FIELDS.ADDRESS}`, addressData);\n }, [addressRows, setValue]);\n\n useEffect(() => {\n const contactData = contactRows.map(c => _.omit(c, contactOmitKeys));\n setValue(`${PARTIES_FORM_ARRAY_NAME}.${PARTIES_FIELDS.CONTACTS}`, contactData);\n }, [contactRows, setValue]);\n\n const basicDetailsSection = useMemo(() => (\n <Accordion\n title={\n <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n {t(\"common.party.sections.basic_details\")}\n </Typography>\n }\n accordionProps={{\n defaultExpanded: true,\n className: \"form--Accordion\",\n }}\n >\n <Grid container spacing={2}>\n <Grid item xs={12} sm={6}>\n <DynamicInput\n label={t('common.party.fields.firstName_label')}\n name={PARTIES_FIELDS.FIRST_NAME}\n placeholder={t('common.party.fields.firstName_placeholder')}\n fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n formControl={control}\n required\n />\n </Grid>\n <Grid item xs={12} sm={6}>\n <DynamicInput\n label={t('common.party.fields.lastName_label')}\n name={PARTIES_FIELDS.LAST_NAME}\n placeholder={t('common.party.fields.lastName_placeholder')}\n fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n formControl={control}\n required\n />\n </Grid>\n <Grid item xs={12} sm={6}>\n <DynamicSearchSelect\n label={t('common.party.fields.company_label')}\n apiType=\"company\"\n selectedLabel='Companies'\n name={PARTIES_FIELDS.COMAPANY}\n placeholder={t('common.party.fields.company_placeholder')}\n fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n formControl={control}\n required\n is_multiselect\n />\n </Grid>\n <Grid item xs={12} sm={6}>\n <DynamicSearchSelect\n label={t('common.party.fields.currency_label')}\n apiType='currency'\n selectedLabel='Currency'\n name={PARTIES_FIELDS.CURRENCY}\n placeholder={t('common.party.fields.currency_placeholder')}\n fieldArrayName={PARTIES_FORM_ARRAY_NAME}\n formControl={control}\n required\n is_multiselect\n />\n </Grid>\n </Grid>\n </Accordion>\n ), [t, control]);\n\n const addressSection = useMemo(() => (\n <Accordion\n title={\n <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n {t(\"common.party.sections.address\")}\n <span className='errorIndicator'></span>\n\t\t\t\t\t{errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.ADDRESS] && (\n <span className='error'>\n {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.ADDRESS]?.message}\n </span>\n )}\n </Typography>\n }\n accordionProps={{\n defaultExpanded: true,\n className: \"form--Accordion\",\n }}\n >\n <Grid spacing={4}>\n <Grid item xs={12}>\n <MaterialTable\n rows={[...addressRows]}\n columns={tableColumns(addressColumns)}\n paginationModel={{ pageNo: 1, limit: 10 }}\n totalPages={20}\n enableColumnDragging={false}\n isResetRow={false}\n columnOrder={['mrt-row-select']}\n enableRowSelection={false}\n enableBottomToolbar\n disableDefaultActionColumn\n editDisplayMode='row'\n enableRowCreate\n onCreateRow={(data) => handleRowOperation(data, addressRows, setAddressRows, true)}\n onEditRow={(data) => handleRowOperation(data, addressRows, setAddressRows, true)}\n onDeleteRow={(row) => deleteRow(addressRows, setAddressRows, row)}\n onChangeRowField={onChangeAddressTableField}\n />\n </Grid>\n </Grid>\n </Accordion>\n // eslint-disable-next-line\n ), [t, addressRows, tableColumns, errors]);\n\n const contactSection = useMemo(() => (\n <Accordion\n title={\n <Typography type=\"s3\" weight=\"medium\" color=\"theme.secondary.1000\">\n {t(\"common.party.sections.contact\")}\n <span className='errorIndicator'></span>\n {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.CONTACTS] && (\n <span className='error'>\n {errors?.[PARTIES_FORM_ARRAY_NAME]?.[PARTIES_FIELDS.CONTACTS]?.message}\n </span>\n )}\n </Typography>\n }\n accordionProps={{\n defaultExpanded: true,\n className: \"form--Accordion\",\n }}\n >\n <Grid spacing={4}>\n <Grid item xs={12}>\n \n <MaterialTable\n rows={[...contactRows]}\n columns={tableColumns(contactColumns)}\n paginationModel={{ pageNo: 1, limit: 10 }}\n totalPages={20}\n enableColumnDragging={false}\n isResetRow={false}\n columnOrder={['mrt-row-select']}\n enableRowSelection={false}\n enableBottomToolbar\n disableDefaultActionColumn\n editDisplayMode='row'\n enableRowCreate\n onCreateRow={(data) => handleRowOperation(data, contactRows, setContactRows, false)}\n onEditRow={(data) => handleRowOperation(data, contactRows, setContactRows, false)}\n onDeleteRow={(row) => deleteRow(contactRows, setContactRows, row)}\n onChangeRowField={onChangeAddressTableField}\n />\n </Grid>\n </Grid>\n </Accordion>\n // eslint-disable-next-line\n ), [t, contactRows, tableColumns, errors]);\n\n return (\n <Modal\n open={isOpen}\n onClose={closeModal}\n maxWidth='lg'\n fullWidth\n sx={{ overflowY: 'hidden' }}\n {...modalProps}\n >\n {isCreating && <ModalLoader />}\n <form onSubmit={handleSubmit(onSubmit)} className=\"scroll-container\" style={{ position: 'relative',overflow: 'auto' }}>\n <DialogTitle className='itemEntryModal--DialogTitle' \n >\n <Typography type='s3' color='inherit' weight='medium'>\n {`Add ${type}`}\n </Typography>\n <IconButton onClick={closeModal}>\n <Close fontSize='small' />\n </IconButton>\n </DialogTitle>\n \n <DialogContent>\n {basicDetailsSection}\n <Divider className='form--SectionDivider' />\n {addressSection}\n <Divider className='form--SectionDivider' />\n {contactSection}\n </DialogContent>\n \n <DialogActions className='itemEntryModal--DialogAction' sx={{\n position: 'sticky',\n bottom: 0,\n backgroundColor: 'white',\n zIndex: 1,\n padding: '8px 24px',\n justifyContent: 'end'\n }}>\n <Box display='flex' gap={1.5}>\n <Button\n className='itemEntryModal--DialogAction--WhiteBtn'\n onClick={closeModal}\n >\n {t('common.cancel')}\n </Button>\n <Button\n variant=\"contained\"\n onClick={handleSubmit(onSubmit)}\n >\n {t('common.save')}\n </Button>\n </Box>\n </DialogActions>\n </form>\n </Modal>\n );\n}"],"names":["defaultLocationState","state","country","isOpen","handleModalClose","modalProps","type","partyCreated","t","useTranslation","dispatch","useDispatch","locationRef","useRef","addressRows","setAddressRows","useState","contactRows","setContactRows","isCreating","setIsCreating","control","formState","errors","trigger","getValues","handleSubmit","setValue","reset","useForm","defaultValues","status","mode","resolver","generateValidationSchema","tableColumns","useCallback","columns","tableRows","phoneNumberCache","Map","transformTableColumns","currencySymbol","translationFn","enableFooter","redirectionLink","redirectionLinkState","rows","statusClasses","customizeValue","row","columnAccessorKey","value","jsx","Box","sx","display","gap","children","Checkbox","checked","Boolean","pointerEvents","phoneKey","has","parsed","parsePhoneNumberFromString","set","nationalNumber","get","phone","_a","original","_b","contact_no","countryCodeKey","countryCallingCode","handleRowOperation","async","eData","setState","isAddress","values","editRow","index","payload","addressPayload","contactPayload","processedValues","key","_","dropdowns","c","current","s","addressValues","validateAddressDefaults","country_name","_c","name","_d","id","state_name","_e","_f","country_data","state_data","country_id","_g","state_id","_h","map","ar","i","error","Promise","reject","updatedValues","validate","u_data","field","splice","hasDefault","some","d","Error","length","deleteRow","rowIndex","filter","resolve","onChangeAddressTableField","e","r","col","selectedData","fieldName","target","editProperties","field_name","_valuesCache","p","country_code","summaryFields","summary","reduce","acc","val","idx","includes","getAllCells","forEach","column","onSubmit","party","processPartiesPayload","PARTIES_FORM_ARRAY_NAME","account_type","res","createParties","meta","requestStatus","enqueueSnackbar","closeModal","errorMessage","getErrorMessage","message","variant","resetForm","useEffect","addressData","a","omit","addressOmitKeys","PARTIES_FIELDS","ADDRESS","contactData","contactOmitKeys","CONTACTS","basicDetailsSection","useMemo","Accordion","title","Typography","weight","color","accordionProps","defaultExpanded","className","jsxs","Grid","container","spacing","item","xs","sm","DynamicInput","label","FIRST_NAME","placeholder","fieldArrayName","formControl","required","LAST_NAME","DynamicSearchSelect","apiType","selectedLabel","COMAPANY","is_multiselect","CURRENCY","addressSection","MaterialTable","addressColumns","paginationModel","pageNo","limit","totalPages","enableColumnDragging","isResetRow","columnOrder","enableRowSelection","enableBottomToolbar","disableDefaultActionColumn","editDisplayMode","enableRowCreate","onCreateRow","data","onEditRow","onDeleteRow","onChangeRowField","contactSection","contactColumns","Modal","open","onClose","maxWidth","fullWidth","overflowY","ModalLoader","style","position","overflow","DialogTitle","IconButton","onClick","Close","fontSize","DialogContent","Divider","DialogActions","bottom","backgroundColor","zIndex","padding","justifyContent","Button"],"mappings":"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"}

package/dist/components/protected-route/index.esm.js CHANGED Viewed

@@ -110,7 +110,27 @@ const ProtectedRoute = ({
   }
   return showError ? /* @__PURE__ */ jsx(ErrorComponent, {}) : /* @__PURE__ */ jsx(Navigate, { to: redirectTo, replace: true });
 };
+const createPermissionConfig = {
+  // Single module
+  single: (module, action) => ({
+    module,
+    action
+  }),
+  // Multiple modules with same action
+  multiModule: (modules, action, operator = "OR") => ({
+    multiModule: { modules, action, operator }
+  }),
+  // Complex permissions
+  complex: (permissions, operator = "AND") => ({
+    complexPermissions: { permissions, operator }
+  }),
+  // Custom function
+  custom: (checkFn) => ({
+    customPermissionCheck: checkFn
+  })
+};
 export {
+  createPermissionConfig,
   ProtectedRoute as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/protected-route/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../src/components/protected-route.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components /\n/ eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars */\nimport React, { useMemo } from \"react\";\nimport { Navigate } from \"react-router-dom\";\nimport { usePermissions } from \"../hooks/use-permissions\";\nimport { Box, Divider } from \"@mui/material\";\nimport Typography from \"./typography/typography\";\nimport _ from \"lodash\";\n\ntype PermissionAction = \"canEdit\" \| \"canView\" \| \"canAdd\" \| \"canDelete\";\n\ninterface SingleModulePermission {\n module: string;\n action: PermissionAction;\n}\n\ninterface MultiModulePermission {\n modules: string[];\n action: PermissionAction;\n operator?: \"AND\" \| \"OR\"; // Default: \"OR\"\n}\n\ninterface ComplexPermission {\n permissions: Array<{\n module: string;\n action: PermissionAction;\n }>;\n operator?: \"AND\" \| \"OR\"; // Default: \"AND\"\n}\n\ninterface ProtectedRouteProps {\n // Single module (backward compatibility)\n module?: string;\n action?: PermissionAction;\n \n // Multiple modules with same action\n multiModule?: MultiModulePermission;\n \n // Complex permissions with different actions\n complexPermissions?: ComplexPermission;\n \n // Custom permission checker function\n customPermissionCheck?: (permissions: any) => boolean;\n \n // Redirect path for unauthorized access\n redirectTo?: string;\n \n // Show custom error component instead of redirect\n showError?: boolean;\n \n children: React.ReactNode;\n}\n\nconst ProtectedRoute: React.FC<ProtectedRouteProps> = ({\n module,\n action,\n multiModule,\n complexPermissions,\n customPermissionCheck,\n redirectTo = \"/403\",\n showError = true,\n children\n}) => {\n const permissions = usePermissions();\n\n // Memoize permission check for performance\n const hasPermission = useMemo(() => {\n if (!permissions) {\n return false;\n }\n\n // Custom permission check takes precedence\n if (customPermissionCheck) {\n return customPermissionCheck(permissions);\n }\n\n // Complex permissions check\n if (complexPermissions) {\n const { permissions: permList, operator = \"AND\" } = complexPermissions;\n \n const results = permList.map(({ module: mod, action: act }) => {\n const modulePerms = _.get(permissions, mod, {});\n return modulePerms[act] ?? false;\n });\n\n return operator === \"AND\" \n ? results.every(Boolean)\n : results.some(Boolean);\n }\n\n // Multi-module with same action check\n if (multiModule) {\n const { modules, action: act, operator = \"OR\" } = multiModule;\n \n const results = modules.map(mod => {\n const modulePerms = _.get(permissions, mod, {});\n return modulePerms[act] ?? false;\n });\n\n return operator === \"AND\" \n ? results.every(Boolean)\n : results.some(Boolean);\n }\n\n // Single module check (backward compatibility)\n if (module && action) {\n const modulePerms = _.get(permissions, module, {});\n return modulePerms[action] ?? false;\n }\n\n // No permission config provided - deny access\n return false;\n }, [permissions, module, action, multiModule, complexPermissions, customPermissionCheck]);\n\n // Enhanced error component\n const ErrorComponent = () => (\n <Box\n sx={{\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n transform: \"translate(-50%, -50%)\", // Fixed transform values\n gap: 2,\n textAlign: \"center\",\n p: 3\n }}\n >\n <Typography \n type=\"h1\" \n color=\"theme.secondary.900\" \n weight=\"bold\"\n sx={{ fontSize: { xs: '4rem', sm: '6rem' } }}\n >\n 403\n </Typography>\n <Divider \n flexItem \n // sx={{ \n // borderColor: '#898f9a',\n // width: '100%',\n // maxWidth: '200px'\n // }}\n />\n <Typography \n type=\"s3\" \n color=\"theme.secondary.900\" \n weight=\"medium\"\n >\n Access Denied\n </Typography>\n <Typography \n type=\"body2\" \n color=\"theme.secondary.700\" \n weight=\"regular\"\n sx={{ mt: 1, maxWidth: '300px' }}\n >\n You don't have the required permissions to access this resource.\n </Typography>\n </Box>\n );\n\n // Handle loading state\n if (!permissions) {\n return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n }\n\n // Render based on permission check\n if (hasPermission) {\n return <>{children}</>;\n }\n\n return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n};\n\nexport default ProtectedRoute;\n\n// Helper function to create permission configurations\nexport const createPermissionConfig = {\n // Single module\n single: (module: string, action: PermissionAction) => ({\n module,\n action\n }),\n\n // Multiple modules with same action\n multiModule: (\n modules: string[], \n action: PermissionAction, \n operator: \"AND\" \| \"OR\" = \"OR\"\n ) => ({\n multiModule: { modules, action, operator }\n }),\n\n // Complex permissions\n complex: (\n permissions: Array<{ module: string; action: PermissionAction }>,\n operator: \"AND\" \| \"OR\" = \"AND\"\n ) => ({\n complexPermissions: { permissions, operator }\n }),\n\n // Custom function\n custom: (checkFn: (permissions: any) => boolean) => ({\n customPermissionCheck: checkFn\n })\n};\n\n// Example usage types for better developer experience\nexport type PermissionConfig = \n \| ReturnType<typeof createPermissionConfig.single>\n \| ReturnType<typeof createPermissionConfig.multiModule>\n \| ReturnType<typeof createPermissionConfig.complex>\n \| ReturnType<typeof createPermissionConfig.custom>;"],"names":[],"mappings":";;;;;;;;AAsDA,MAAM,iBAAgD,CAAC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ;AACF,MAAM;AACJ,QAAM,cAAc,eAAA;AAGpB,QAAM,gBAAgB,QAAQ,MAAM;AAClC,QAAI,CAAC,aAAa;AAChB,aAAO;AAAA,IACT;AAGA,QAAI,uBAAuB;AACzB,aAAO,sBAAsB,WAAW;AAAA,IAC1C;AAGA,QAAI,oBAAoB;AACtB,YAAM,EAAE,aAAa,UAAU,WAAW,UAAU;AAEpD,YAAM,UAAU,SAAS,IAAI,CAAC,EAAE,QAAQ,KAAK,QAAQ,UAAU;AAC7D,cAAM,cAAc,EAAE,IAAI,aAAa,KAAK,CAAA,CAAE;AAC9C,eAAO,YAAY,GAAG,KAAK;AAAA,MAC7B,CAAC;AAED,aAAO,aAAa,QAChB,QAAQ,MAAM,OAAO,IACrB,QAAQ,KAAK,OAAO;AAAA,IAC1B;AAGA,QAAI,aAAa;AACf,YAAM,EAAE,SAAS,QAAQ,KAAK,WAAW,SAAS;AAElD,YAAM,UAAU,QAAQ,IAAI,CAAA,QAAO;AACjC,cAAM,cAAc,EAAE,IAAI,aAAa,KAAK,CAAA,CAAE;AAC9C,eAAO,YAAY,GAAG,KAAK;AAAA,MAC7B,CAAC;AAED,aAAO,aAAa,QAChB,QAAQ,MAAM,OAAO,IACrB,QAAQ,KAAK,OAAO;AAAA,IAC1B;AAGA,QAAI,UAAU,QAAQ;AACpB,YAAM,cAAc,EAAE,IAAI,aAAa,QAAQ,CAAA,CAAE;AACjD,aAAO,YAAY,MAAM,KAAK;AAAA,IAChC;AAGA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,QAAQ,QAAQ,aAAa,oBAAoB,qBAAqB,CAAC;AAGxF,QAAM,iBAAiB,MACrB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA;AAAA,QACX,KAAK;AAAA,QACL,WAAW;AAAA,QACX,GAAG;AAAA,MAAA;AAAA,MAGL,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAI,EAAE,UAAU,EAAE,IAAI,QAAQ,IAAI,SAAO;AAAA,YAC1C,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAOV;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACR,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAI,EAAE,IAAI,GAAG,UAAU,QAAA;AAAA,YACxB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,EAAA;AAKJ,MAAI,CAAC,aAAa;AAChB,WAAO,gCAAa,gBAAA,CAAA,CAAe,wBAAM,UAAA,EAAS,IAAI,YAAY,SAAO,KAAA,CAAC;AAAA,EAC5E;AAGA,MAAI,eAAe;AACjB,2CAAU,UAAS;AAAA,EACrB;AAEA,SAAO,gCAAa,gBAAA,CAAA,CAAe,wBAAM,UAAA,EAAS,IAAI,YAAY,SAAO,KAAA,CAAC;AAC5E;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../src/components/protected-route.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components /\n/ eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars */\nimport React, { useMemo } from \"react\";\nimport { Navigate } from \"react-router-dom\";\nimport { usePermissions } from \"../hooks/use-permissions\";\nimport { Box, Divider } from \"@mui/material\";\nimport Typography from \"./typography/typography\";\nimport _ from \"lodash\";\n\ntype PermissionAction = \"canEdit\" \| \"canView\" \| \"canAdd\" \| \"canDelete\";\n\ninterface SingleModulePermission {\n module: string;\n action: PermissionAction;\n}\n\ninterface MultiModulePermission {\n modules: string[];\n action: PermissionAction;\n operator?: \"AND\" \| \"OR\"; // Default: \"OR\"\n}\n\ninterface ComplexPermission {\n permissions: Array<{\n module: string;\n action: PermissionAction;\n }>;\n operator?: \"AND\" \| \"OR\"; // Default: \"AND\"\n}\n\ninterface ProtectedRouteProps {\n // Single module (backward compatibility)\n module?: string;\n action?: PermissionAction;\n \n // Multiple modules with same action\n multiModule?: MultiModulePermission;\n \n // Complex permissions with different actions\n complexPermissions?: ComplexPermission;\n \n // Custom permission checker function\n customPermissionCheck?: (permissions: any) => boolean;\n \n // Redirect path for unauthorized access\n redirectTo?: string;\n \n // Show custom error component instead of redirect\n showError?: boolean;\n \n children: React.ReactNode;\n}\n\nconst ProtectedRoute: React.FC<ProtectedRouteProps> = ({\n module,\n action,\n multiModule,\n complexPermissions,\n customPermissionCheck,\n redirectTo = \"/403\",\n showError = true,\n children\n}) => {\n const permissions = usePermissions();\n\n // Memoize permission check for performance\n const hasPermission = useMemo(() => {\n if (!permissions) {\n return false;\n }\n\n // Custom permission check takes precedence\n if (customPermissionCheck) {\n return customPermissionCheck(permissions);\n }\n\n // Complex permissions check\n if (complexPermissions) {\n const { permissions: permList, operator = \"AND\" } = complexPermissions;\n \n const results = permList.map(({ module: mod, action: act }) => {\n const modulePerms = _.get(permissions, mod, {});\n return modulePerms[act] ?? false;\n });\n\n return operator === \"AND\" \n ? results.every(Boolean)\n : results.some(Boolean);\n }\n\n // Multi-module with same action check\n if (multiModule) {\n const { modules, action: act, operator = \"OR\" } = multiModule;\n \n const results = modules.map(mod => {\n const modulePerms = _.get(permissions, mod, {});\n return modulePerms[act] ?? false;\n });\n\n return operator === \"AND\" \n ? results.every(Boolean)\n : results.some(Boolean);\n }\n\n // Single module check (backward compatibility)\n if (module && action) {\n const modulePerms = _.get(permissions, module, {});\n return modulePerms[action] ?? false;\n }\n\n // No permission config provided - deny access\n return false;\n }, [permissions, module, action, multiModule, complexPermissions, customPermissionCheck]);\n\n // Enhanced error component\n const ErrorComponent = () => (\n <Box\n sx={{\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n transform: \"translate(-50%, -50%)\", // Fixed transform values\n gap: 2,\n textAlign: \"center\",\n p: 3\n }}\n >\n <Typography \n type=\"h1\" \n color=\"theme.secondary.900\" \n weight=\"bold\"\n sx={{ fontSize: { xs: '4rem', sm: '6rem' } }}\n >\n 403\n </Typography>\n <Divider \n flexItem \n // sx={{ \n // borderColor: '#898f9a',\n // width: '100%',\n // maxWidth: '200px'\n // }}\n />\n <Typography \n type=\"s3\" \n color=\"theme.secondary.900\" \n weight=\"medium\"\n >\n Access Denied\n </Typography>\n <Typography \n type=\"body2\" \n color=\"theme.secondary.700\" \n weight=\"regular\"\n sx={{ mt: 1, maxWidth: '300px' }}\n >\n You don't have the required permissions to access this resource.\n </Typography>\n </Box>\n );\n\n // Handle loading state\n if (!permissions) {\n return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n }\n\n // Render based on permission check\n if (hasPermission) {\n return <>{children}</>;\n }\n\n return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n};\n\nexport default ProtectedRoute;\n\n// Helper function to create permission configurations\nexport const createPermissionConfig = {\n // Single module\n single: (module: string, action: PermissionAction) => ({\n module,\n action\n }),\n\n // Multiple modules with same action\n multiModule: (\n modules: string[], \n action: PermissionAction, \n operator: \"AND\" \| \"OR\" = \"OR\"\n ) => ({\n multiModule: { modules, action, operator }\n }),\n\n // Complex permissions\n complex: (\n permissions: Array<{ module: string; action: PermissionAction }>,\n operator: \"AND\" \| \"OR\" = \"AND\"\n ) => ({\n complexPermissions: { permissions, operator }\n }),\n\n // Custom function\n custom: (checkFn: (permissions: any) => boolean) => ({\n customPermissionCheck: checkFn\n })\n};\n\n// Example usage types for better developer experience\nexport type PermissionConfig = \n \| ReturnType<typeof createPermissionConfig.single>\n \| ReturnType<typeof createPermissionConfig.multiModule>\n \| ReturnType<typeof createPermissionConfig.complex>\n \| ReturnType<typeof createPermissionConfig.custom>;"],"names":[],"mappings":";;;;;;;;AAsDA,MAAM,iBAAgD,CAAC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AAAA,EACZ;AACF,MAAM;AACJ,QAAM,cAAc,eAAA;AAGpB,QAAM,gBAAgB,QAAQ,MAAM;AAClC,QAAI,CAAC,aAAa;AAChB,aAAO;AAAA,IACT;AAGA,QAAI,uBAAuB;AACzB,aAAO,sBAAsB,WAAW;AAAA,IAC1C;AAGA,QAAI,oBAAoB;AACtB,YAAM,EAAE,aAAa,UAAU,WAAW,UAAU;AAEpD,YAAM,UAAU,SAAS,IAAI,CAAC,EAAE,QAAQ,KAAK,QAAQ,UAAU;AAC7D,cAAM,cAAc,EAAE,IAAI,aAAa,KAAK,CAAA,CAAE;AAC9C,eAAO,YAAY,GAAG,KAAK;AAAA,MAC7B,CAAC;AAED,aAAO,aAAa,QAChB,QAAQ,MAAM,OAAO,IACrB,QAAQ,KAAK,OAAO;AAAA,IAC1B;AAGA,QAAI,aAAa;AACf,YAAM,EAAE,SAAS,QAAQ,KAAK,WAAW,SAAS;AAElD,YAAM,UAAU,QAAQ,IAAI,CAAA,QAAO;AACjC,cAAM,cAAc,EAAE,IAAI,aAAa,KAAK,CAAA,CAAE;AAC9C,eAAO,YAAY,GAAG,KAAK;AAAA,MAC7B,CAAC;AAED,aAAO,aAAa,QAChB,QAAQ,MAAM,OAAO,IACrB,QAAQ,KAAK,OAAO;AAAA,IAC1B;AAGA,QAAI,UAAU,QAAQ;AACpB,YAAM,cAAc,EAAE,IAAI,aAAa,QAAQ,CAAA,CAAE;AACjD,aAAO,YAAY,MAAM,KAAK;AAAA,IAChC;AAGA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,QAAQ,QAAQ,aAAa,oBAAoB,qBAAqB,CAAC;AAGxF,QAAM,iBAAiB,MACrB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,WAAW;AAAA;AAAA,QACX,KAAK;AAAA,QACL,WAAW;AAAA,QACX,GAAG;AAAA,MAAA;AAAA,MAGL,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAI,EAAE,UAAU,EAAE,IAAI,QAAQ,IAAI,SAAO;AAAA,YAC1C,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAOV;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACR,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,IAAI,EAAE,IAAI,GAAG,UAAU,QAAA;AAAA,YACxB,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA;AAAA,EAAA;AAKJ,MAAI,CAAC,aAAa;AAChB,WAAO,gCAAa,gBAAA,CAAA,CAAe,wBAAM,UAAA,EAAS,IAAI,YAAY,SAAO,KAAA,CAAC;AAAA,EAC5E;AAGA,MAAI,eAAe;AACjB,2CAAU,UAAS;AAAA,EACrB;AAEA,SAAO,gCAAa,gBAAA,CAAA,CAAe,wBAAM,UAAA,EAAS,IAAI,YAAY,SAAO,KAAA,CAAC;AAC5E;AAKO,MAAM,yBAAyB;AAAA;AAAA,EAEpC,QAAQ,CAAC,QAAgB,YAA8B;AAAA,IACrD;AAAA,IACA;AAAA,EAAA;AAAA;AAAA,EAIF,aAAa,CACX,SACA,QACA,WAAyB,UACrB;AAAA,IACJ,aAAa,EAAE,SAAS,QAAQ,SAAA;AAAA,EAAS;AAAA;AAAA,EAI3C,SAAS,CACP,aACA,WAAyB,WACrB;AAAA,IACJ,oBAAoB,EAAE,aAAa,SAAA;AAAA,EAAS;AAAA;AAAA,EAI9C,QAAQ,CAAC,aAA4C;AAAA,IACnD,uBAAuB;AAAA,EAAA;AAE3B;"}

package/dist/components/protected-route/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("react-router-dom"),t=require("../../hooks/use-permissions/index.js"),s=require("../typography/typography/index.js"),i=require("lodash"),n=require("../../node_modules/@mui/material/Box/Box/index.js"),a=require("../../node_modules/@mui/material/Divider/Divider/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=/* @__PURE__ */u(i);exports.default=({module:i,action:u,multiModule:d,complexPermissions:c,customPermissionCheck:m,redirectTo:p="/403",showError:x=!0,children:h})=>{const y=t.usePermissions(),f=r.useMemo(()=>{if(!y)return!1;if(m)return m(y);if(c){const{permissions:e,operator:r="AND"}=c,o=e.map(({module:e,action:r})=>l.default.get(y,e,{})[r]??!1);return"AND"===r?o.every(Boolean):o.some(Boolean)}if(d){const{modules:e,action:r,operator:o="OR"}=d,t=e.map(e=>l.default.get(y,e,{})[r]??!1);return"AND"===o?t.every(Boolean):t.some(Boolean)}return!(!i||!u)&&(l.default.get(y,i,{})[u]??!1)},[y,i,u,d,c,m]),g=()=>/* @__PURE__ */e.jsxs(n.default,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",gap:2,textAlign:"center",p:3},children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("react-router-dom"),t=require("../../hooks/use-permissions/index.js"),s=require("../typography/typography/index.js"),i=require("lodash"),n=require("../../node_modules/@mui/material/Box/Box/index.js"),a=require("../../node_modules/@mui/material/Divider/Divider/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=/* @__PURE__ */u(i);exports.createPermissionConfig={single:(e,r)=>({module:e,action:r}),multiModule:(e,r,o="OR")=>({multiModule:{modules:e,action:r,operator:o}}),complex:(e,r="AND")=>({complexPermissions:{permissions:e,operator:r}}),custom:e=>({customPermissionCheck:e})},exports.default=({module:i,action:u,multiModule:m,complexPermissions:c,customPermissionCheck:d,redirectTo:p="/403",showError:x=!0,children:h})=>{const f=t.usePermissions(),y=r.useMemo(()=>{if(!f)return!1;if(d)return d(f);if(c){const{permissions:e,operator:r="AND"}=c,o=e.map(({module:e,action:r})=>l.default.get(f,e,{})[r]??!1);return"AND"===r?o.every(Boolean):o.some(Boolean)}if(m){const{modules:e,action:r,operator:o="OR"}=m,t=e.map(e=>l.default.get(f,e,{})[r]??!1);return"AND"===o?t.every(Boolean):t.some(Boolean)}return!(!i||!u)&&(l.default.get(f,i,{})[u]??!1)},[f,i,u,m,c,d]),g=()=>/* @__PURE__ */e.jsxs(n.default,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",gap:2,textAlign:"center",p:3},children:[
 /* @__PURE__ */e.jsx(s.Typography,{type:"h1",color:"theme.secondary.900",weight:"bold",sx:{fontSize:{xs:"4rem",sm:"6rem"}},children:"403"}),
 /* @__PURE__ */e.jsx(a.default,{flexItem:!0}),
 /* @__PURE__ */e.jsx(s.Typography,{type:"s3",color:"theme.secondary.900",weight:"medium",children:"Access Denied"}),
-/* @__PURE__ */e.jsx(s.Typography,{type:"body2",color:"theme.secondary.700",weight:"regular",sx:{mt:1,maxWidth:"300px"},children:"You don't have the required permissions to access this resource."})]});return y&&f?/* @__PURE__ */e.jsx(e.Fragment,{children:h}):x?/* @__PURE__ */e.jsx(g,{}):/* @__PURE__ */e.jsx(o.Navigate,{to:p,replace:!0})};
+/* @__PURE__ */e.jsx(s.Typography,{type:"body2",color:"theme.secondary.700",weight:"regular",sx:{mt:1,maxWidth:"300px"},children:"You don't have the required permissions to access this resource."})]});return f&&y?/* @__PURE__ */e.jsx(e.Fragment,{children:h}):x?/* @__PURE__ */e.jsx(g,{}):/* @__PURE__ */e.jsx(o.Navigate,{to:p,replace:!0})};
 //# sourceMappingURL=index.js.map

package/dist/components/protected-route/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/protected-route.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components /\n/ eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars */\nimport React, { useMemo } from \"react\";\nimport { Navigate } from \"react-router-dom\";\nimport { usePermissions } from \"../hooks/use-permissions\";\nimport { Box, Divider } from \"@mui/material\";\nimport Typography from \"./typography/typography\";\nimport _ from \"lodash\";\n\ntype PermissionAction = \"canEdit\" \| \"canView\" \| \"canAdd\" \| \"canDelete\";\n\ninterface SingleModulePermission {\n module: string;\n action: PermissionAction;\n}\n\ninterface MultiModulePermission {\n modules: string[];\n action: PermissionAction;\n operator?: \"AND\" \| \"OR\"; // Default: \"OR\"\n}\n\ninterface ComplexPermission {\n permissions: Array<{\n module: string;\n action: PermissionAction;\n }>;\n operator?: \"AND\" \| \"OR\"; // Default: \"AND\"\n}\n\ninterface ProtectedRouteProps {\n // Single module (backward compatibility)\n module?: string;\n action?: PermissionAction;\n \n // Multiple modules with same action\n multiModule?: MultiModulePermission;\n \n // Complex permissions with different actions\n complexPermissions?: ComplexPermission;\n \n // Custom permission checker function\n customPermissionCheck?: (permissions: any) => boolean;\n \n // Redirect path for unauthorized access\n redirectTo?: string;\n \n // Show custom error component instead of redirect\n showError?: boolean;\n \n children: React.ReactNode;\n}\n\nconst ProtectedRoute: React.FC<ProtectedRouteProps> = ({\n module,\n action,\n multiModule,\n complexPermissions,\n customPermissionCheck,\n redirectTo = \"/403\",\n showError = true,\n children\n}) => {\n const permissions = usePermissions();\n\n // Memoize permission check for performance\n const hasPermission = useMemo(() => {\n if (!permissions) {\n return false;\n }\n\n // Custom permission check takes precedence\n if (customPermissionCheck) {\n return customPermissionCheck(permissions);\n }\n\n // Complex permissions check\n if (complexPermissions) {\n const { permissions: permList, operator = \"AND\" } = complexPermissions;\n \n const results = permList.map(({ module: mod, action: act }) => {\n const modulePerms = _.get(permissions, mod, {});\n return modulePerms[act] ?? false;\n });\n\n return operator === \"AND\" \n ? results.every(Boolean)\n : results.some(Boolean);\n }\n\n // Multi-module with same action check\n if (multiModule) {\n const { modules, action: act, operator = \"OR\" } = multiModule;\n \n const results = modules.map(mod => {\n const modulePerms = _.get(permissions, mod, {});\n return modulePerms[act] ?? false;\n });\n\n return operator === \"AND\" \n ? results.every(Boolean)\n : results.some(Boolean);\n }\n\n // Single module check (backward compatibility)\n if (module && action) {\n const modulePerms = _.get(permissions, module, {});\n return modulePerms[action] ?? false;\n }\n\n // No permission config provided - deny access\n return false;\n }, [permissions, module, action, multiModule, complexPermissions, customPermissionCheck]);\n\n // Enhanced error component\n const ErrorComponent = () => (\n <Box\n sx={{\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n transform: \"translate(-50%, -50%)\", // Fixed transform values\n gap: 2,\n textAlign: \"center\",\n p: 3\n }}\n >\n <Typography \n type=\"h1\" \n color=\"theme.secondary.900\" \n weight=\"bold\"\n sx={{ fontSize: { xs: '4rem', sm: '6rem' } }}\n >\n 403\n </Typography>\n <Divider \n flexItem \n // sx={{ \n // borderColor: '#898f9a',\n // width: '100%',\n // maxWidth: '200px'\n // }}\n />\n <Typography \n type=\"s3\" \n color=\"theme.secondary.900\" \n weight=\"medium\"\n >\n Access Denied\n </Typography>\n <Typography \n type=\"body2\" \n color=\"theme.secondary.700\" \n weight=\"regular\"\n sx={{ mt: 1, maxWidth: '300px' }}\n >\n You don't have the required permissions to access this resource.\n </Typography>\n </Box>\n );\n\n // Handle loading state\n if (!permissions) {\n return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n }\n\n // Render based on permission check\n if (hasPermission) {\n return <>{children}</>;\n }\n\n return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n};\n\nexport default ProtectedRoute;\n\n// Helper function to create permission configurations\nexport const createPermissionConfig = {\n // Single module\n single: (module: string, action: PermissionAction) => ({\n module,\n action\n }),\n\n // Multiple modules with same action\n multiModule: (\n modules: string[], \n action: PermissionAction, \n operator: \"AND\" \| \"OR\" = \"OR\"\n ) => ({\n multiModule: { modules, action, operator }\n }),\n\n // Complex permissions\n complex: (\n permissions: Array<{ module: string; action: PermissionAction }>,\n operator: \"AND\" \| \"OR\" = \"AND\"\n ) => ({\n complexPermissions: { permissions, operator }\n }),\n\n // Custom function\n custom: (checkFn: (permissions: any) => boolean) => ({\n customPermissionCheck: checkFn\n })\n};\n\n// Example usage types for better developer experience\nexport type PermissionConfig = \n \| ReturnType<typeof createPermissionConfig.single>\n \| ReturnType<typeof createPermissionConfig.multiModule>\n \| ReturnType<typeof createPermissionConfig.complex>\n \| ReturnType<typeof createPermissionConfig.custom>;"],"names":["module","action","multiModule","complexPermissions","customPermissionCheck","redirectTo","showError","children","~~permissions","~~usePermissions","hasPermission","useMemo","permList","~~operator","~~results","map","mod","act","_","get","every","Boolean","some","~~modules","~~ErrorComponent","jsxs","Box","sx","display","flexDirection","justifyContent","alignItems","position","top","left","transform","gap","textAlign","p","jsx","Typography","type","color","weight","fontSize","xs","sm","Divider","flexItem","mt","maxWidth","Navigate","to","replace"],"mappings":"~~qgBAsDsD~~,~~EACpDA~~,OAAAA,EACAC,SACAC,~~cACAC~~,~~qBACAC~~,wBACAC,aAAa,OACbC,aAAY,EACZC,eAEA,~~MAAMC~~,~~EAAcC~~,EAAAA,iBAGdC,EAAgBC,EAAAA,QAAQ,KAC5B,~~IAAKH~~,EACH,OAAO,EAIT,~~GAAIJ~~,EACF,OAAOA,~~EAAsBI~~,GAI/B,~~GAAIL~~,EAAoB,CACtB,~~MAAQK~~,~~YAAaI~~,~~EAAAC~~,SAAUA,EAAW,~~OAAUV~~,EAE9CW,~~EAAUF~~,~~EAASG~~,IAAI,~~EAAGf~~,~~OAAQgB~~,~~EAAKf~~,~~OAAQgB~~,KAC/BC,EAAAA,QAAEC,~~IAAIX~~,~~EAAaQ~~,EAAK,CAAA,GACzBC,KAAQ,GAG7B,MAAoB,~~QAAbJ~~,~~EACHC~~,EAAQM,MAAMC,SACdP,EAAQQ,KAAKD,QACnB,CAGA,~~GAAInB~~,EAAa,CACf,~~MAAMqB~~,QAAEA,~~EAAStB~~,~~OAAQgB~~,~~EAAAJ~~,SAAKA,EAAW,~~MAASX~~,~~EAE5CY~~,~~EAAUS~~,~~EAAQR~~,IAAIC,GACNE,EAAAA,QAAEC,~~IAAIX~~,~~EAAaQ~~,EAAK,CAAA,GACzBC,KAAQ,GAG7B,MAAoB,~~QAAbJ~~,~~EACHC~~,EAAQM,MAAMC,SACdP,EAAQQ,KAAKD,QACnB,CAGA,~~SAAIrB~~,IAAUC,~~KACQiB~~,EAAAA,QAAEC,~~IAAIX~~,~~EAAaR~~,EAAQ,CAAA,GAC5BC,KAAW,IAK/B,~~CAACO~~,~~EAAaR~~,EAAQC,EAAQC,~~EAAaC~~,~~EAAoBC~~,~~IAG5DoB~~,EAAiB,mBACrBC,EAAAA,KAACC,EAAAA,QAAA,CACCC,GAAI,CACFC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,SAAU,WACVC,IAAK,MACLC,KAAM,MACNC,UAAW,wBACXC,IAAK,EACLC,UAAW,SACXC,EAAG,~~GAGL/B~~,SAAA;~~eAAAgC~~,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,MAAM,sBACNC,OAAO,OACPhB,GAAI,CAAEiB,SAAU,CAAEC,GAAI,OAAQC,GAAI,~~SACnCvC~~,SAAA;~~eAGDgC~~,EAAAA,IAACQ,EAAAA,QAAA,CACCC,UAAQ;eAOVT,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,MAAM,sBACNC,OAAO,~~SACRpC~~,SAAA;~~eAGDgC~~,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,QACLC,MAAM,sBACNC,OAAO,UACPhB,GAAI,CAAEsB,GAAI,EAAGC,SAAU,~~SACxB3C~~,SAAA,wEAOL,~~OAAKC~~,~~GAKDE~~,~~mCACQH~~,aALHD,~~uBAAakB~~,EAAA,CAAA,wBAAqB2B,EAAAA,SAAA,CAASC,~~GAAI/C~~,~~EAAYgD~~,SAAO"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/protected-route.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components /\n/ eslint-disable @typescript-eslint/no-unused-vars /\n/ eslint-disable unused-imports/no-unused-vars */\nimport React, { useMemo } from \"react\";\nimport { Navigate } from \"react-router-dom\";\nimport { usePermissions } from \"../hooks/use-permissions\";\nimport { Box, Divider } from \"@mui/material\";\nimport Typography from \"./typography/typography\";\nimport _ from \"lodash\";\n\ntype PermissionAction = \"canEdit\" \| \"canView\" \| \"canAdd\" \| \"canDelete\";\n\ninterface SingleModulePermission {\n module: string;\n action: PermissionAction;\n}\n\ninterface MultiModulePermission {\n modules: string[];\n action: PermissionAction;\n operator?: \"AND\" \| \"OR\"; // Default: \"OR\"\n}\n\ninterface ComplexPermission {\n permissions: Array<{\n module: string;\n action: PermissionAction;\n }>;\n operator?: \"AND\" \| \"OR\"; // Default: \"AND\"\n}\n\ninterface ProtectedRouteProps {\n // Single module (backward compatibility)\n module?: string;\n action?: PermissionAction;\n \n // Multiple modules with same action\n multiModule?: MultiModulePermission;\n \n // Complex permissions with different actions\n complexPermissions?: ComplexPermission;\n \n // Custom permission checker function\n customPermissionCheck?: (permissions: any) => boolean;\n \n // Redirect path for unauthorized access\n redirectTo?: string;\n \n // Show custom error component instead of redirect\n showError?: boolean;\n \n children: React.ReactNode;\n}\n\nconst ProtectedRoute: React.FC<ProtectedRouteProps> = ({\n module,\n action,\n multiModule,\n complexPermissions,\n customPermissionCheck,\n redirectTo = \"/403\",\n showError = true,\n children\n}) => {\n const permissions = usePermissions();\n\n // Memoize permission check for performance\n const hasPermission = useMemo(() => {\n if (!permissions) {\n return false;\n }\n\n // Custom permission check takes precedence\n if (customPermissionCheck) {\n return customPermissionCheck(permissions);\n }\n\n // Complex permissions check\n if (complexPermissions) {\n const { permissions: permList, operator = \"AND\" } = complexPermissions;\n \n const results = permList.map(({ module: mod, action: act }) => {\n const modulePerms = _.get(permissions, mod, {});\n return modulePerms[act] ?? false;\n });\n\n return operator === \"AND\" \n ? results.every(Boolean)\n : results.some(Boolean);\n }\n\n // Multi-module with same action check\n if (multiModule) {\n const { modules, action: act, operator = \"OR\" } = multiModule;\n \n const results = modules.map(mod => {\n const modulePerms = _.get(permissions, mod, {});\n return modulePerms[act] ?? false;\n });\n\n return operator === \"AND\" \n ? results.every(Boolean)\n : results.some(Boolean);\n }\n\n // Single module check (backward compatibility)\n if (module && action) {\n const modulePerms = _.get(permissions, module, {});\n return modulePerms[action] ?? false;\n }\n\n // No permission config provided - deny access\n return false;\n }, [permissions, module, action, multiModule, complexPermissions, customPermissionCheck]);\n\n // Enhanced error component\n const ErrorComponent = () => (\n <Box\n sx={{\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n transform: \"translate(-50%, -50%)\", // Fixed transform values\n gap: 2,\n textAlign: \"center\",\n p: 3\n }}\n >\n <Typography \n type=\"h1\" \n color=\"theme.secondary.900\" \n weight=\"bold\"\n sx={{ fontSize: { xs: '4rem', sm: '6rem' } }}\n >\n 403\n </Typography>\n <Divider \n flexItem \n // sx={{ \n // borderColor: '#898f9a',\n // width: '100%',\n // maxWidth: '200px'\n // }}\n />\n <Typography \n type=\"s3\" \n color=\"theme.secondary.900\" \n weight=\"medium\"\n >\n Access Denied\n </Typography>\n <Typography \n type=\"body2\" \n color=\"theme.secondary.700\" \n weight=\"regular\"\n sx={{ mt: 1, maxWidth: '300px' }}\n >\n You don't have the required permissions to access this resource.\n </Typography>\n </Box>\n );\n\n // Handle loading state\n if (!permissions) {\n return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n }\n\n // Render based on permission check\n if (hasPermission) {\n return <>{children}</>;\n }\n\n return showError ? <ErrorComponent /> : <Navigate to={redirectTo} replace />;\n};\n\nexport default ProtectedRoute;\n\n// Helper function to create permission configurations\nexport const createPermissionConfig = {\n // Single module\n single: (module: string, action: PermissionAction) => ({\n module,\n action\n }),\n\n // Multiple modules with same action\n multiModule: (\n modules: string[], \n action: PermissionAction, \n operator: \"AND\" \| \"OR\" = \"OR\"\n ) => ({\n multiModule: { modules, action, operator }\n }),\n\n // Complex permissions\n complex: (\n permissions: Array<{ module: string; action: PermissionAction }>,\n operator: \"AND\" \| \"OR\" = \"AND\"\n ) => ({\n complexPermissions: { permissions, operator }\n }),\n\n // Custom function\n custom: (checkFn: (permissions: any) => boolean) => ({\n customPermissionCheck: checkFn\n })\n};\n\n// Example usage types for better developer experience\nexport type PermissionConfig = \n \| ReturnType<typeof createPermissionConfig.single>\n \| ReturnType<typeof createPermissionConfig.multiModule>\n \| ReturnType<typeof createPermissionConfig.complex>\n \| ReturnType<typeof createPermissionConfig.custom>;"],"names":["single","module","action","multiModule","modules","operator","complex","permissions","complexPermissions","custom","checkFn","customPermissionCheck","redirectTo","showError","children","usePermissions","hasPermission","useMemo","permList","results","map","mod","act","_","get","every","Boolean","some","ErrorComponent","jsxs","Box","sx","display","flexDirection","justifyContent","alignItems","position","top","left","transform","gap","textAlign","p","jsx","Typography","type","color","weight","fontSize","xs","sm","Divider","flexItem","mt","maxWidth","Navigate","to","replace"],"mappings":"ohBAsLsC,CAEpCA,OAAQ,CAACC,EAAgBC,KAAA,CACvBD,OAAAA,EACAC,WAIFC,YAAa,CACXC,EACAF,EACAG,EAAyB,QAAA,CAEzBF,YAAa,CAAEC,UAASF,SAAQG,cAIlCC,QAAS,CACPC,EACAF,EAAyB,SAAA,CAEzBG,mBAAoB,CAAED,cAAaF,cAIrCI,OAASC,IAAA,CACPC,sBAAuBD,qBA1J2B,EACpDT,OAAAA,EACAC,SACAC,cACAK,qBACAG,wBACAC,aAAa,OACbC,aAAY,EACZC,eAEA,MAAMP,EAAcQ,EAAAA,iBAGdC,EAAgBC,EAAAA,QAAQ,KAC5B,IAAKV,EACH,OAAO,EAIT,GAAII,EACF,OAAOA,EAAsBJ,GAI/B,GAAIC,EAAoB,CACtB,MAAQD,YAAaW,EAAAb,SAAUA,EAAW,OAAUG,EAE9CW,EAAUD,EAASE,IAAI,EAAGnB,OAAQoB,EAAKnB,OAAQoB,KAC/BC,EAAAA,QAAEC,IAAIjB,EAAac,EAAK,CAAA,GACzBC,KAAQ,GAG7B,MAAoB,QAAbjB,EACHc,EAAQM,MAAMC,SACdP,EAAQQ,KAAKD,QACnB,CAGA,GAAIvB,EAAa,CACf,MAAMC,QAAEA,EAASF,OAAQoB,EAAAjB,SAAKA,EAAW,MAASF,EAE5CgB,EAAUf,EAAQgB,IAAIC,GACNE,EAAAA,QAAEC,IAAIjB,EAAac,EAAK,CAAA,GACzBC,KAAQ,GAG7B,MAAoB,QAAbjB,EACHc,EAAQM,MAAMC,SACdP,EAAQQ,KAAKD,QACnB,CAGA,SAAIzB,IAAUC,KACQqB,EAAAA,QAAEC,IAAIjB,EAAaN,EAAQ,CAAA,GAC5BC,KAAW,IAK/B,CAACK,EAAaN,EAAQC,EAAQC,EAAaK,EAAoBG,IAG5DiB,EAAiB,mBACrBC,EAAAA,KAACC,EAAAA,QAAA,CACCC,GAAI,CACFC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,SAAU,WACVC,IAAK,MACLC,KAAM,MACNC,UAAW,wBACXC,IAAK,EACLC,UAAW,SACXC,EAAG,GAGL5B,SAAA;eAAA6B,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,MAAM,sBACNC,OAAO,OACPhB,GAAI,CAAEiB,SAAU,CAAEC,GAAI,OAAQC,GAAI,SACnCpC,SAAA;eAGD6B,EAAAA,IAACQ,EAAAA,QAAA,CACCC,UAAQ;eAOVT,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,KACLC,MAAM,sBACNC,OAAO,SACRjC,SAAA;eAGD6B,EAAAA,IAACC,EAAAA,WAAA,CACCC,KAAK,QACLC,MAAM,sBACNC,OAAO,UACPhB,GAAI,CAAEsB,GAAI,EAAGC,SAAU,SACxBxC,SAAA,wEAOL,OAAKP,GAKDS,mCACQF,aALHD,uBAAae,EAAA,CAAA,wBAAqB2B,EAAAA,SAAA,CAASC,GAAI5C,EAAY6C,SAAO"}

package/dist/components/reports-title-bar/redux/reducer/index.esm.js CHANGED Viewed

@@ -25,7 +25,9 @@ const reportsTitleBarSlice = createSlice({
     });
   }
 });
+var reducer = reportsTitleBarSlice.reducer;
 export {
+  reducer as default,
   reportsTitleBarSlice
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/reports-title-bar/redux/reducer/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/reports-title-bar/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { fetchCompanies } from \"./actionCreator\";\n\nexport const reportsTitleBarSlice = createSlice({\n name: \"reportsTitleBar\",\n initialState,\n reducers: {},\n extraReducers: (builder) => {\n /-------------------------------- get share drive Pending State ---------------------------------/\n builder.addCase(fetchCompanies.pending, (state) => {\n state.isLoading = true;\n state.error = \"\";\n state.companies = [];\n });\n builder.addCase(fetchCompanies.fulfilled, (state, action) => {\n state.companies = action.payload?.data?.company;\n state.isLoading = false;\n state.isError = false;\n state.error = \"\";\n });\n builder.addCase(fetchCompanies.rejected, (state, action) => {\n state.isLoading = false;\n state.error = action.error.message \|\| \"\";\n state.isError = true;\n });\n },\n});\n\nexport default reportsTitleBarSlice.reducer;\n"],"names":["initialState","state"],"mappings":";;;AAIO,MAAM,uBAAuB,YAAY;AAAA,EAC9C,MAAM;AAAA,EAAA,cACNA;AAAAA,EACA,UAAU,CAAA;AAAA,EACV,eAAe,CAAC,YAAY;AAE1B,YAAQ,QAAQ,eAAe,SAAS,CAACC,WAAU;AACjD,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,YAAY,CAAA;AAAA,IACpB,CAAC;AACD,YAAQ,QAAQ,eAAe,WAAW,CAACA,QAAO,WAAW;;AAC3D,MAAAA,OAAM,aAAY,kBAAO,YAAP,mBAAgB,SAAhB,mBAAsB;AACxC,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AAAA,IAChB,CAAC;AACD,YAAQ,QAAQ,eAAe,UAAU,CAACA,QAAO,WAAW;AAC1D,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,QAAQ,OAAO,MAAM,WAAW;AACtC,MAAAA,OAAM,UAAU;AAAA,IAClB,CAAC;AAAA,EACH;AACF,CAAC;"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../../../../src/components/reports-title-bar/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { fetchCompanies } from \"./actionCreator\";\n\nexport const reportsTitleBarSlice = createSlice({\n name: \"reportsTitleBar\",\n initialState,\n reducers: {},\n extraReducers: (builder) => {\n /-------------------------------- get share drive Pending State ---------------------------------/\n builder.addCase(fetchCompanies.pending, (state) => {\n state.isLoading = true;\n state.error = \"\";\n state.companies = [];\n });\n builder.addCase(fetchCompanies.fulfilled, (state, action) => {\n state.companies = action.payload?.data?.company;\n state.isLoading = false;\n state.isError = false;\n state.error = \"\";\n });\n builder.addCase(fetchCompanies.rejected, (state, action) => {\n state.isLoading = false;\n state.error = action.error.message \|\| \"\";\n state.isError = true;\n });\n },\n});\n\nexport default reportsTitleBarSlice.reducer;\n"],"names":["initialState","state"],"mappings":";;;AAIO,MAAM,uBAAuB,YAAY;AAAA,EAC9C,MAAM;AAAA,EAAA,cACNA;AAAAA,EACA,UAAU,CAAA;AAAA,EACV,eAAe,CAAC,YAAY;AAE1B,YAAQ,QAAQ,eAAe,SAAS,CAACC,WAAU;AACjD,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,QAAQ;AACd,MAAAA,OAAM,YAAY,CAAA;AAAA,IACpB,CAAC;AACD,YAAQ,QAAQ,eAAe,WAAW,CAACA,QAAO,WAAW;;AAC3D,MAAAA,OAAM,aAAY,kBAAO,YAAP,mBAAgB,SAAhB,mBAAsB;AACxC,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,UAAU;AAChB,MAAAA,OAAM,QAAQ;AAAA,IAChB,CAAC;AACD,YAAQ,QAAQ,eAAe,UAAU,CAACA,QAAO,WAAW;AAC1D,MAAAA,OAAM,YAAY;AAClB,MAAAA,OAAM,QAAQ,OAAO,MAAM,WAAW;AACtC,MAAAA,OAAM,UAAU;AAAA,IAClB,CAAC;AAAA,EACH;AACF,CAAC;AAED,IAAA,UAAe,qBAAqB;"}

package/dist/components/reports-title-bar/redux/reducer/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),r=require("../state/index.js"),a=require("../actionCreator/index.js");const i=e.createSlice({name:"reportsTitleBar",initialState:r.state,reducers:{},extraReducers:e=>{e.addCase(a.fetchCompanies.pending,e=>{e.isLoading=!0,e.error="",e.companies=[]}),e.addCase(a.fetchCompanies.fulfilled,(e,r)=>{var a,i;e.companies=null==(i=null==(a=r.payload)?void 0:a.data)?void 0:i.company,e.isLoading=!1,e.isError=!1,e.error=""}),e.addCase(a.fetchCompanies.rejected,(e,r)=>{e.isLoading=!1,e.error=r.error.message||"",e.isError=!0})}});exports.reportsTitleBarSlice=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),r=require("../state/index.js"),a=require("../actionCreator/index.js");const i=e.createSlice({name:"reportsTitleBar",initialState:r.state,reducers:{},extraReducers:e=>{e.addCase(a.fetchCompanies.pending,e=>{e.isLoading=!0,e.error="",e.companies=[]}),e.addCase(a.fetchCompanies.fulfilled,(e,r)=>{var a,i;e.companies=null==(i=null==(a=r.payload)?void 0:a.data)?void 0:i.company,e.isLoading=!1,e.isError=!1,e.error=""}),e.addCase(a.fetchCompanies.rejected,(e,r)=>{e.isLoading=!1,e.error=r.error.message||"",e.isError=!0})}});var s=i.reducer;exports.default=s,exports.reportsTitleBarSlice=i;
 //# sourceMappingURL=index.js.map

package/dist/components/reports-title-bar/redux/reducer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/reports-title-bar/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { fetchCompanies } from \"./actionCreator\";\n\nexport const reportsTitleBarSlice = createSlice({\n name: \"reportsTitleBar\",\n initialState,\n reducers: {},\n extraReducers: (builder) => {\n /-------------------------------- get share drive Pending State ---------------------------------/\n builder.addCase(fetchCompanies.pending, (state) => {\n state.isLoading = true;\n state.error = \"\";\n state.companies = [];\n });\n builder.addCase(fetchCompanies.fulfilled, (state, action) => {\n state.companies = action.payload?.data?.company;\n state.isLoading = false;\n state.isError = false;\n state.error = \"\";\n });\n builder.addCase(fetchCompanies.rejected, (state, action) => {\n state.isLoading = false;\n state.error = action.error.message \|\| \"\";\n state.isError = true;\n });\n },\n});\n\nexport default reportsTitleBarSlice.reducer;\n"],"names":["reportsTitleBarSlice","createSlice","name","initialState","reducers","extraReducers","builder","addCase","fetchCompanies","pending","state","isLoading","error","companies","fulfilled","action","_b","_a","payload","data","company","isError","rejected","message"],"mappings":"4KAIO,MAAMA,EAAuBC,EAAAA,YAAY,CAC9CC,KAAM,kBAAAC,aACNA,EAAAA,MACAC,SAAU,CAAA,EACVC,cAAgBC,IAEdA,EAAQC,QAAQC,EAAAA,eAAeC,QAAUC,IACvCA,EAAMC,WAAY,EAClBD,EAAME,MAAQ,GACdF,EAAMG,UAAY,KAEpBP,EAAQC,QAAQC,EAAAA,eAAeM,UAAW,CAACJ,EAAOK,aAChDL,EAAMG,UAAY,OAAAG,EAAA,OAAAC,EAAAF,EAAOG,cAAP,EAAAD,EAAgBE,WAAhB,EAAAH,EAAsBI,QACxCV,EAAMC,WAAY,EAClBD,EAAMW,SAAU,EAChBX,EAAME,MAAQ,KAEhBN,EAAQC,QAAQC,EAAAA,eAAec,SAAU,CAACZ,EAAOK,KAC/CL,EAAMC,WAAY,EAClBD,EAAME,MAAQG,EAAOH,MAAMW,SAAW,GACtCb,EAAMW,SAAU"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/reports-title-bar/redux/reducer.ts"],"sourcesContent":["import { createSlice } from \"@reduxjs/toolkit\";\nimport initialState from \"./state\";\nimport { fetchCompanies } from \"./actionCreator\";\n\nexport const reportsTitleBarSlice = createSlice({\n name: \"reportsTitleBar\",\n initialState,\n reducers: {},\n extraReducers: (builder) => {\n /-------------------------------- get share drive Pending State ---------------------------------/\n builder.addCase(fetchCompanies.pending, (state) => {\n state.isLoading = true;\n state.error = \"\";\n state.companies = [];\n });\n builder.addCase(fetchCompanies.fulfilled, (state, action) => {\n state.companies = action.payload?.data?.company;\n state.isLoading = false;\n state.isError = false;\n state.error = \"\";\n });\n builder.addCase(fetchCompanies.rejected, (state, action) => {\n state.isLoading = false;\n state.error = action.error.message \|\| \"\";\n state.isError = true;\n });\n },\n});\n\nexport default reportsTitleBarSlice.reducer;\n"],"names":["reportsTitleBarSlice","createSlice","name","initialState","reducers","extraReducers","builder","addCase","fetchCompanies","pending","state","isLoading","error","companies","fulfilled","action","_b","_a","payload","data","company","isError","rejected","message","reducer"],"mappings":"4KAIO,MAAMA,EAAuBC,EAAAA,YAAY,CAC9CC,KAAM,kBAAAC,aACNA,EAAAA,MACAC,SAAU,CAAA,EACVC,cAAgBC,IAEdA,EAAQC,QAAQC,EAAAA,eAAeC,QAAUC,IACvCA,EAAMC,WAAY,EAClBD,EAAME,MAAQ,GACdF,EAAMG,UAAY,KAEpBP,EAAQC,QAAQC,EAAAA,eAAeM,UAAW,CAACJ,EAAOK,aAChDL,EAAMG,UAAY,OAAAG,EAAA,OAAAC,EAAAF,EAAOG,cAAP,EAAAD,EAAgBE,WAAhB,EAAAH,EAAsBI,QACxCV,EAAMC,WAAY,EAClBD,EAAMW,SAAU,EAChBX,EAAME,MAAQ,KAEhBN,EAAQC,QAAQC,EAAAA,eAAec,SAAU,CAACZ,EAAOK,KAC/CL,EAAMC,WAAY,EAClBD,EAAME,MAAQG,EAAOH,MAAMW,SAAW,GACtCb,EAAMW,SAAU,OAKtB,IAAAG,EAAexB,EAAqBwB"}

package/dist/components/reports-title-bar/reports-title-bar/index.esm.js CHANGED Viewed

@@ -21,6 +21,7 @@ import { enUS } from "date-fns/locale";
 import Menu from "../../../node_modules/@mui/material/Menu/Menu/index.esm.js";
 import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import { Export } from "../../icons/export/index.esm.js";
 import { Filter } from "../../icons/filter/index.esm.js";
 import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.esm.js";
 import ButtonGroup from "../../../node_modules/@mui/material/ButtonGroup/ButtonGroup/index.esm.js";
@@ -30,7 +31,6 @@ import Popper from "../../../node_modules/@mui/material/Popper/Popper/index.esm.
 import Grow from "../../../node_modules/@mui/material/Grow/Grow/index.esm.js";
 import Paper from "../../../node_modules/@mui/material/Paper/Paper/index.esm.js";
 import { ClickAwayListener } from "../../../node_modules/@mui/material/ClickAwayListener/ClickAwayListener/index.esm.js";
-import { Export } from "../../icons/export/index.esm.js";
 const ReportsTitleBar = (props) => {
   var _a;
   const {

package/dist/components/reports-title-bar/reports-title-bar/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=,/* empty css                         */l=;/* empty css                                 */;/* empty css                               */var a=,/* empty css                                                       */r=require("react"),i=,/* empty css                                                                 */n=,/* empty css                           */o=,/* empty css                                      */s=,/* empty css                     */d=,/* empty css                     */u=,/* empty css                               */c=require("react-date-range"),p=require("dayjs"),x=,/* empty css                          */m=,/* empty css                            */h=,/* empty css                             */f=,/* empty css                             */v=require("react-i18next"),j=require("date-fns/locale"),g=,/* empty css                                                   */y=,/* empty css                                                           */b=,/* empty css                                                 */Y=,/* empty css                        */D=,/* empty css                                                         */T=,/* empty css                                                                 */M=,/* empty css                                                       */_=,/* empty css                          */R=,/* empty css                                                       */E=,/* empty css                                                   */C=,/* empty css                                                     */S=,/* empty css                                                                             */k=;/* empty css                        */function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var A=/* @__PURE__ */w(r),B=/* @__PURE__ */w(p);exports.default=p=>{var w;const{title:N,handleAddButton:I,buttons:q=[],dropdownMenuButtonData:F,isTitleMenu:O=!1,titleMenus:G=[],reportFilterFields:V=[],toggleCallback:W,tabs:U,activeValue:P,setActiveValue:$,isDateFilterEnabled:H=!0,onDateFilterChange:z,filters:L={},isDateRange:K=!0,showDateFilter:Q=!1,dateFilter:J="TODAY",filterDropDown:X,handleRowsCollapse:Z,handleRowsExpand:ee,showLevelBtn:te=!1,dataLength:le=0,filterKeys:ae={}}=p,re=x.useAppDispatch(),ie={"&.MuiOutlinedInput-root":{"& fieldset":{border:"none",borderColor:"#ade7cb",borderRadius:"25px"},"& .MuiSelect-outlined":{padding:"4.5px 14px !important"},display:"flex",gap:"4px",width:"220px",border:"1px solid #ade7cb",borderRadius:"50px",backgroundColor:"#ebf9f2",color:"#289b64",alignItems:"center",cursor:"pointer"}},ne={border:"none","&.Mui-focused":{borderColor:"transparent"},"& .MuiOutlinedInput-input":{fontSize:"14px",color:"#289b64"},"& .MuiOutlinedInput-notchedOutline":{border:"none"},"& .MuiSelect-icon":{color:"green"}},[oe,se]=r.useState([{value:"company"}]),[de,ue]=r.useState(1),[ce,pe]=r.useState(null),[xe,me]=r.useState([]),[he,fe]=r.useState(),[ve,je]=r.useState(!1),[ge,ye]=r.useState(null),[be,Ye]=r.useState(new Date(B.default((null==L?void 0:L.as_of_date)||"").format("YYYY-MM-DD"))),{t:De}=v.useTranslation(),[Te,Me]=r.useState({startDate:new Date(B.default((null==L?void 0:L.start_date)||"").format("YYYY-MM-DD")),endDate:new Date(B.default((null==L?void 0:L.end_date)||"").format("YYYY-MM-DD")),key:"selection"}),_e=r.useRef(null),Re=r.useRef(null),Ee=r.useRef(null),Ce=()=>{_e.current=null,je(!1)},Se=async e=>{if(fe(e),"CUSTOM"===e)_e.current=Re.current,je(!0);else{const t=await u.handleCompareDateRange({range:u.RANGE[e],from:"",to:""});null==z||z({start_date:(null==t?void 0:t.from)?null==t?void 0:t.from:"",end_date:(null==t?void 0:t.to)?null==t?void 0:t.to:""}),Ce()}},ke=e=>{_e.current&&_e.current.contains(e.target)||Ce()},we=(null==X?void 0:X.map(e=>({key:e.value||e.key,label:e.name||e.label||`Search ${e.value||e.key}`,placeholder:e.placeholder||e.name||e.label,apiType:e.apiType||e.value||e.key,valueKey:(null==ae?void 0:ae[e.value||e.key])||e.value||e.key,customFilter:e.customFilter||null,multiple:e.multiple||!1})))||[],Ae=[{label:u.RANGE.TODAY,callback:()=>{Se("TODAY")}},{label:u.RANGE.THIS_WEEK,callback:()=>{Se("THIS_WEEK")}},{label:u.RANGE.THIS_MONTH,callback:()=>{Se("THIS_MONTH")}},{label:u.RANGE.THIS_QUARTER,callback:()=>{Se("THIS_QUARTER")}},{label:u.RANGE.THIS_YEAR,callback:()=>{Se("THIS_YEAR")}},{label:u.RANGE.YESTERDAY,callback:()=>{Se("YESTERDAY")}},{label:u.RANGE.PREVIOUS_WEEK,callback:()=>{Se("PREVIOUS_WEEK")}},{label:u.RANGE.PREVIOUS_MONTH,callback:()=>{Se("PREVIOUS_MONTH")}},{label:u.RANGE.PREVIOUS_QUARTER,callback:()=>{Se("PREVIOUS_QUARTER")}},{label:u.RANGE.PREVIOUS_YEAR,callback:()=>{Se("PREVIOUS_YEAR")}},{label:u.RANGE.CUSTOM,callback:()=>{Se("CUSTOM")}}],Be=()=>{const e={start_date:B.default(Te.startDate).format("YYYY-MM-DD"),end_date:B.default(Te.endDate).format("YYYY-MM-DD")},t={as_of_date:B.default(be).format("YYYY-MM-DD")};null==z||z({...K?e:t}),Ce()},Ne=e=>({startDate:B.default(null==e?void 0:e.start_date).isValid()?B.default(e.start_date).toDate():/* @__PURE__ */new Date,endDate:B.default(null==e?void 0:e.end_date).isValid()?B.default(e.end_date).toDate():/* @__PURE__ */new Date});r.useEffect(()=>{Ye(new Date(B.default((null==L?void 0:L.as_of_date)||"").format("YYYY-MM-DD")))},[null==L?void 0:L.as_of_date]),r.useEffect(()=>{Me({...Te,...Ne(L)})},[null==L?void 0:L.end_date,null==L?void 0:L.start_date]),r.useEffect(()=>{ve&&(K?Me({...Te,...Ne(L)}):Ye(new Date(B.default((null==L?void 0:L.as_of_date)||"").format("YYYY-MM-DD"))))},[ve,K]),r.useEffect(()=>{re(m.fetchCompanies())},[]),r.useEffect(()=>{me(n.generateFields(V))},[]),r.useEffect(()=>{Se(J)},[J]);const Ie=A.default.memo(()=>{var t;/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=,/* empty css                         */l=;/* empty css                                 */;/* empty css                               */var a=,/* empty css                                                       */r=require("react"),i=,/* empty css                                                                 */n=,/* empty css                           */o=,/* empty css                                      */s=,/* empty css                     */d=,/* empty css                     */u=,/* empty css                               */c=require("react-date-range"),p=require("dayjs"),x=,/* empty css                          */m=,/* empty css                            */h=,/* empty css                             */f=,/* empty css                             */v=require("react-i18next"),j=require("date-fns/locale"),g=,/* empty css                                                   */y=,/* empty css                                                           */b=,/* empty css                                                 */Y=,/* empty css                        */D=,/* empty css                        */T=,/* empty css                                                         */M=,/* empty css                                                                 */_=,/* empty css                                                       */R=,/* empty css                          */E=,/* empty css                                                       */C=,/* empty css                                                   */S=,/* empty css                                                     */k=;/* empty css                                                                             */function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var A=/* @__PURE__ */w(r),B=/* @__PURE__ */w(p);exports.default=p=>{var w;const{title:N,handleAddButton:I,buttons:q=[],dropdownMenuButtonData:F,isTitleMenu:O=!1,titleMenus:G=[],reportFilterFields:V=[],toggleCallback:W,tabs:U,activeValue:P,setActiveValue:$,isDateFilterEnabled:H=!0,onDateFilterChange:z,filters:L={},isDateRange:K=!0,showDateFilter:Q=!1,dateFilter:J="TODAY",filterDropDown:X,handleRowsCollapse:Z,handleRowsExpand:ee,showLevelBtn:te=!1,dataLength:le=0,filterKeys:ae={}}=p,re=x.useAppDispatch(),ie={"&.MuiOutlinedInput-root":{"& fieldset":{border:"none",borderColor:"#ade7cb",borderRadius:"25px"},"& .MuiSelect-outlined":{padding:"4.5px 14px !important"},display:"flex",gap:"4px",width:"220px",border:"1px solid #ade7cb",borderRadius:"50px",backgroundColor:"#ebf9f2",color:"#289b64",alignItems:"center",cursor:"pointer"}},ne={border:"none","&.Mui-focused":{borderColor:"transparent"},"& .MuiOutlinedInput-input":{fontSize:"14px",color:"#289b64"},"& .MuiOutlinedInput-notchedOutline":{border:"none"},"& .MuiSelect-icon":{color:"green"}},[oe,se]=r.useState([{value:"company"}]),[de,ue]=r.useState(1),[ce,pe]=r.useState(null),[xe,me]=r.useState([]),[he,fe]=r.useState(),[ve,je]=r.useState(!1),[ge,ye]=r.useState(null),[be,Ye]=r.useState(new Date(B.default((null==L?void 0:L.as_of_date)||"").format("YYYY-MM-DD"))),{t:De}=v.useTranslation(),[Te,Me]=r.useState({startDate:new Date(B.default((null==L?void 0:L.start_date)||"").format("YYYY-MM-DD")),endDate:new Date(B.default((null==L?void 0:L.end_date)||"").format("YYYY-MM-DD")),key:"selection"}),_e=r.useRef(null),Re=r.useRef(null),Ee=r.useRef(null),Ce=()=>{_e.current=null,je(!1)},Se=async e=>{if(fe(e),"CUSTOM"===e)_e.current=Re.current,je(!0);else{const t=await u.handleCompareDateRange({range:u.RANGE[e],from:"",to:""});null==z||z({start_date:(null==t?void 0:t.from)?null==t?void 0:t.from:"",end_date:(null==t?void 0:t.to)?null==t?void 0:t.to:""}),Ce()}},ke=e=>{_e.current&&_e.current.contains(e.target)||Ce()},we=(null==X?void 0:X.map(e=>({key:e.value||e.key,label:e.name||e.label||`Search ${e.value||e.key}`,placeholder:e.placeholder||e.name||e.label,apiType:e.apiType||e.value||e.key,valueKey:(null==ae?void 0:ae[e.value||e.key])||e.value||e.key,customFilter:e.customFilter||null,multiple:e.multiple||!1})))||[],Ae=[{label:u.RANGE.TODAY,callback:()=>{Se("TODAY")}},{label:u.RANGE.THIS_WEEK,callback:()=>{Se("THIS_WEEK")}},{label:u.RANGE.THIS_MONTH,callback:()=>{Se("THIS_MONTH")}},{label:u.RANGE.THIS_QUARTER,callback:()=>{Se("THIS_QUARTER")}},{label:u.RANGE.THIS_YEAR,callback:()=>{Se("THIS_YEAR")}},{label:u.RANGE.YESTERDAY,callback:()=>{Se("YESTERDAY")}},{label:u.RANGE.PREVIOUS_WEEK,callback:()=>{Se("PREVIOUS_WEEK")}},{label:u.RANGE.PREVIOUS_MONTH,callback:()=>{Se("PREVIOUS_MONTH")}},{label:u.RANGE.PREVIOUS_QUARTER,callback:()=>{Se("PREVIOUS_QUARTER")}},{label:u.RANGE.PREVIOUS_YEAR,callback:()=>{Se("PREVIOUS_YEAR")}},{label:u.RANGE.CUSTOM,callback:()=>{Se("CUSTOM")}}],Be=()=>{const e={start_date:B.default(Te.startDate).format("YYYY-MM-DD"),end_date:B.default(Te.endDate).format("YYYY-MM-DD")},t={as_of_date:B.default(be).format("YYYY-MM-DD")};null==z||z({...K?e:t}),Ce()},Ne=e=>({startDate:B.default(null==e?void 0:e.start_date).isValid()?B.default(e.start_date).toDate():/* @__PURE__ */new Date,endDate:B.default(null==e?void 0:e.end_date).isValid()?B.default(e.end_date).toDate():/* @__PURE__ */new Date});r.useEffect(()=>{Ye(new Date(B.default((null==L?void 0:L.as_of_date)||"").format("YYYY-MM-DD")))},[null==L?void 0:L.as_of_date]),r.useEffect(()=>{Me({...Te,...Ne(L)})},[null==L?void 0:L.end_date,null==L?void 0:L.start_date]),r.useEffect(()=>{ve&&(K?Me({...Te,...Ne(L)}):Ye(new Date(B.default((null==L?void 0:L.as_of_date)||"").format("YYYY-MM-DD"))))},[ve,K]),r.useEffect(()=>{re(m.fetchCompanies())},[]),r.useEffect(()=>{me(n.generateFields(V))},[]),r.useEffect(()=>{Se(J)},[J]);const Ie=A.default.memo(()=>{var t;/* @__PURE__ */
 return e.jsx(g.default,{open:Boolean(ge),anchorEl:ge,onClose:()=>ye(null),anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:null==(t=null==F?void 0:F.options)?void 0:t.map((t,a)=>/* @__PURE__ */e.jsx(y.default,{onClick:()=>{t.callback(),ye(null)},children:/* @__PURE__ */e.jsxs(l.Typography,{type:"s4",weight:"medium",color:"inherit",children:[" ",t.label]})},a))})});/* @__PURE__ */
 return e.jsxs("div",{children:[
 /* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar",children:[
@@ -20,20 +20,20 @@ return e.jsxs("div",{children:[
 /* @__PURE__ */e.jsx(l.Typography,{className:"reportsTitleBar--FilterWrapper--Chip--Text--Value",type:"s4",children:B.default(null==L?void 0:L.as_of_date).format("DD/MM/YYYY")})]}),
 /* @__PURE__ */e.jsx(i.default,{})]})})]}),
 /* @__PURE__ */e.jsxs("div",{className:"report-display",children:[(null==(w=null==F?void 0:F.options)?void 0:w.length)>0&&/* @__PURE__ */e.jsxs(b.default,{children:[
-/* @__PURE__ */e.jsx(t.default,{sx:({palette:e})=>({border:"1px solid",borderColor:"grey.200",borderRadius:"50px",color:`${e.grey[800]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}}),variant:"text",startIcon:/* @__PURE__ */e.jsx(k.Export,{fontSize:"small"}),onClick:e=>ye(e.currentTarget),children:De("common.export")}),ge&&/* @__PURE__ */e.jsx(Ie,{})]}),(null==X?void 0:X.length)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(b.default,{children:/* @__PURE__ */e.jsx(t.default,{sx:({palette:e})=>({border:"1px solid",borderColor:"grey.200",borderRadius:"50px",color:`${e.grey[800]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}}),variant:"text",startIcon:/* @__PURE__ */e.jsx(Y.Filter,{fontSize:"small"}),onClick:e=>pe(e.currentTarget),children:De("common.filter")})}),te&&/* @__PURE__ */e.jsx(D.default,{flexItem:!0,orientation:"vertical",sx:{height:"50%",alignSelf:"auto"}})]}),/* @__PURE__ */e.jsx(g.default,{anchorEl:ce,open:Boolean(ce),onClose:()=>{pe(null)},children:null==X?void 0:X.map(t=>{/* @__PURE__ */return e.jsxs(y.default,{onClick:()=>{return e=t,void(oe.some(t=>t.value==e.value)?se(oe.filter(t=>(null==t?void 0:t.value)!=e.value)):se([...oe,e]));var e},value:null==t?void 0:t.value,children:[
+/* @__PURE__ */e.jsx(t.default,{sx:({palette:e})=>({border:"1px solid",borderColor:"grey.200",borderRadius:"50px",color:`${e.grey[800]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}}),variant:"text",startIcon:/* @__PURE__ */e.jsx(Y.Export,{fontSize:"small"}),onClick:e=>ye(e.currentTarget),children:De("common.export")}),ge&&/* @__PURE__ */e.jsx(Ie,{})]}),(null==X?void 0:X.length)&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(b.default,{children:/* @__PURE__ */e.jsx(t.default,{sx:({palette:e})=>({border:"1px solid",borderColor:"grey.200",borderRadius:"50px",color:`${e.grey[800]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}}),variant:"text",startIcon:/* @__PURE__ */e.jsx(D.Filter,{fontSize:"small"}),onClick:e=>pe(e.currentTarget),children:De("common.filter")})}),te&&/* @__PURE__ */e.jsx(T.default,{flexItem:!0,orientation:"vertical",sx:{height:"50%",alignSelf:"auto"}})]}),/* @__PURE__ */e.jsx(g.default,{anchorEl:ce,open:Boolean(ce),onClose:()=>{pe(null)},children:null==X?void 0:X.map(t=>{/* @__PURE__ */return e.jsxs(y.default,{onClick:()=>{return e=t,void(oe.some(t=>t.value==e.value)?se(oe.filter(t=>(null==t?void 0:t.value)!=e.value)):se([...oe,e]));var e},value:null==t?void 0:t.value,children:[
 /* @__PURE__ */e.jsx(f.default,{checked:(a=t,oe.some(e=>(null==e?void 0:e.value)==(null==a?void 0:a.value)))}),
 /* @__PURE__ */e.jsx(l.Typography,{sx:{marginLeft:"10px"},color:"theme.neutral.800",type:"s3",children:null==t?void 0:t.name})]},t);var a})}),te&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
 /* @__PURE__ */e.jsxs(b.default,{className:"reportsTitleBar--FilterAction--lvWrapper",children:[
 /* @__PURE__ */e.jsxs(l.Typography,{type:"s3",weight:"medium",color:"grey.800",children:[" Level ",de," of ",le]}),
-/* @__PURE__ */e.jsxs(T.default,{variant:"outlined",disableElevation:!0,sx:({palette:e})=>({"& .MuiButton-root":{borderColor:`${e.grey[200]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}},"& .MuiButtonGroup-firstButton":{borderTopLeftRadius:20,borderBottomLeftRadius:20},"& .MuiButtonGroup-lastButton":{borderTopRightRadius:20,borderBottomRightRadius:20}}),children:[
-/* @__PURE__ */e.jsx(M.default,{onClick:()=>{ue(de==le?de:de+1),null==Z||Z(de)},children:/* @__PURE__ */e.jsx("img",{src:d.images.common.expand})}),
-/* @__PURE__ */e.jsx(M.default,{onClick:()=>{ue(1!=de?de-1:1),null==ee||ee(de)},children:/* @__PURE__ */e.jsx("img",{src:d.images.common.collapse})})]})]}),H&&/* @__PURE__ */e.jsx(D.default,{flexItem:!0,orientation:"vertical",sx:{height:"50%",alignSelf:"auto"}})]}),H&&/* @__PURE__ */e.jsxs(b.default,{sx:{display:"flex",alignItems:"center",gap:.5},children:[
+/* @__PURE__ */e.jsxs(M.default,{variant:"outlined",disableElevation:!0,sx:({palette:e})=>({"& .MuiButton-root":{borderColor:`${e.grey[200]} !important`,"&:hover":{bgcolor:`${e.grey[200]} !important`}},"& .MuiButtonGroup-firstButton":{borderTopLeftRadius:20,borderBottomLeftRadius:20},"& .MuiButtonGroup-lastButton":{borderTopRightRadius:20,borderBottomRightRadius:20}}),children:[
+/* @__PURE__ */e.jsx(_.default,{onClick:()=>{ue(de==le?de:de+1),null==Z||Z(de)},children:/* @__PURE__ */e.jsx("img",{src:d.images.common.expand})}),
+/* @__PURE__ */e.jsx(_.default,{onClick:()=>{ue(1!=de?de-1:1),null==ee||ee(de)},children:/* @__PURE__ */e.jsx("img",{src:d.images.common.collapse})})]})]}),H&&/* @__PURE__ */e.jsx(T.default,{flexItem:!0,orientation:"vertical",sx:{height:"50%",alignSelf:"auto"}})]}),H&&/* @__PURE__ */e.jsxs(b.default,{sx:{display:"flex",alignItems:"center",gap:.5},children:[
 /* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"grey.800",children:"As of: "}),
-/* @__PURE__ */e.jsx(o.default,{zIndex:997,className:"reportsTitleBar--RightContent",dropdownMenuButtonData:{icon:/* @__PURE__ */e.jsx(_.Calendar,{fontSize:"small"}),children:/* @__PURE__ */e.jsxs(e.Fragment,{children:[u.RANGE[he],
+/* @__PURE__ */e.jsx(o.default,{zIndex:997,className:"reportsTitleBar--RightContent",dropdownMenuButtonData:{icon:/* @__PURE__ */e.jsx(R.Calendar,{fontSize:"small"}),children:/* @__PURE__ */e.jsxs(e.Fragment,{children:[u.RANGE[he],
 /* @__PURE__ */e.jsx(i.default,{})]}),options:Ae},toggleCallback:W}),
 /* @__PURE__ */e.jsx("div",{ref:Re})]})]})]}),
-/* @__PURE__ */e.jsx(R.default,{sx:{zIndex:9999},open:ve,anchorEl:_e.current,role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:l,placement:a})=>/* @__PURE__ */e.jsx(E.default,{...l,style:{margin:"0 20px 0 20px",transformOrigin:"bottom"===a?"center top":"center bottom"},children:/* @__PURE__ */e.jsx(C.default,{children:/* @__PURE__ */e.jsx(S.ClickAwayListener,{onClickAway:ke,children:/* @__PURE__ */e.jsxs(b.default,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-end"},children:[
+/* @__PURE__ */e.jsx(E.default,{sx:{zIndex:9999},open:ve,anchorEl:_e.current,role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:l,placement:a})=>/* @__PURE__ */e.jsx(C.default,{...l,style:{margin:"0 20px 0 20px",transformOrigin:"bottom"===a?"center top":"center bottom"},children:/* @__PURE__ */e.jsx(S.default,{children:/* @__PURE__ */e.jsx(k.ClickAwayListener,{onClickAway:ke,children:/* @__PURE__ */e.jsxs(b.default,{sx:{display:"flex",flexDirection:"column",alignItems:"flex-end"},children:[
 /* @__PURE__ */e.jsx("div",{children:K?/* @__PURE__ */e.jsx(c.DateRange,{editableDateInputs:!0,onChange:e=>Me(e.selection),moveRangeOnFirstSelection:!1,ranges:[Te],locale:j.enUS}):/* @__PURE__ */e.jsx(c.Calendar,{onChange:e=>Ye(e),date:be,locale:j.enUS})}),
 /* @__PURE__ */e.jsx(b.default,{sx:{padding:"0 12px 12px 0"},children:/* @__PURE__ */e.jsx(t.default,{variant:"contained",sx:{width:"fit-content"},onClick:Be,children:De("common.apply")})})]})})})})})]})};
 //# sourceMappingURL=index.js.map

package/dist/components/rfq-response/item-response-details/index.esm.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import MaterialTable from "../../material-table/material-table/index.esm.js";
+import { MaterialTable } from "../../material-table/material-table/index.esm.js";
 import Modal from "../../modal/modal/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
 import { useState, useCallback, useEffect } from "react";

package/dist/components/rfq-response/item-response-details/index.js CHANGED Viewed

@@ -5,5 +5,5 @@
 /* @__PURE__ */e.jsx(f.default,{container:!0,children:/* @__PURE__ */e.jsx(f.default,{item:!0,xs:4,children:/* @__PURE__ */e.jsxs(j.default,{sx:{display:"flex",padding:2,flexDirection:"column"},children:[
 /* @__PURE__ */e.jsx(l.Typography,{type:"s5",weight:"medium",color:"theme.secondary.800",children:"Item"}),
 /* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"theme.neutral.1000",children:null==(h=null==q?void 0:q.item_data)?void 0:h.name})]})})}),
-/* @__PURE__ */e.jsx(f.default,{container:!0,p:2,spacing:3,children:/* @__PURE__ */e.jsx(f.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(j.default,{sx:{paddingTop:"1.2rem"},children:/* @__PURE__ */e.jsx(i.default,{rows:_||[],columns:u.transformTableColumns({columns:s.responseItemDetailsColumns,currencySymbol:void 0,translationFn:C,customizeValue:(e,i,t)=>{var l,n;if("item_data.vendor_info.vendor_name"===i)return t||(null==(n=null==(l=null==e?void 0:e.original)?void 0:l.item_data)?void 0:n.name)}}),paginationModel:{pageNo:1,limit:10},totalPages:20,enableColumnDragging:!0,isResetRow:!1,enableEditing:!1,columnOrder:["mrt-row-select"],enableRowSelection:!1,disabledDefaultActionColumnIcon:!0,enableBottomToolbar:!1})})})})]})};
+/* @__PURE__ */e.jsx(f.default,{container:!0,p:2,spacing:3,children:/* @__PURE__ */e.jsx(f.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(j.default,{sx:{paddingTop:"1.2rem"},children:/* @__PURE__ */e.jsx(i.MaterialTable,{rows:_||[],columns:u.transformTableColumns({columns:s.responseItemDetailsColumns,currencySymbol:void 0,translationFn:C,customizeValue:(e,i,t)=>{var l,n;if("item_data.vendor_info.vendor_name"===i)return t||(null==(n=null==(l=null==e?void 0:e.original)?void 0:l.item_data)?void 0:n.name)}}),paginationModel:{pageNo:1,limit:10},totalPages:20,enableColumnDragging:!0,isResetRow:!1,enableEditing:!1,columnOrder:["mrt-row-select"],enableRowSelection:!1,disabledDefaultActionColumnIcon:!0,enableBottomToolbar:!1})})})})]})};
 //# sourceMappingURL=index.js.map

package/dist/components/rfq-response/item-response-details/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/rfq-response/item-response-details.tsx"],"sourcesContent":["import { Close } from \"@mui/icons-material\";\nimport { Box, DialogTitle, Grid, IconButton } from \"@mui/material\";\nimport MaterialTable from \"../material-table/material-table\";\nimport Modal from \"../modal/modal\";\nimport Typography from \"../typography/typography\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { enqueueSnackbar } from \"notistack\";\nimport ModalLoader from \"../loaders/modal-loader\";\nimport {responseItemDetailsColumns} from '../../utils/constant'\nimport { fetchRentalResponseItems, fetchRfqItemsByIdForResponse, getErrorMessage } from \"../../utils/common\";\nimport { transformTableColumns } from \"../../utils/common-utility\";\nexport default function ItemResponseDetails(props:any){\n const {isOpen, onClose,data,isRental=false} = props\n const [responseItems, setResponseItems] = useState<any[]>([])\n const [isLoading, setIsLoading] = useState<boolean>(false)\n const {t} = useTranslation()\n\n const getResponseItems=useCallback(async()=>{\n if(!isOpen) return\n try {\n setIsLoading(true)\n const filters=`(rfq_line_item_id.in=${[data?.id]})`\n const rfqResponseItems =isRental?await fetchRentalResponseItems(filters): await fetchRfqItemsByIdForResponse(filters)\n setResponseItems(rfqResponseItems)\n } catch (error) {\n const errorMsg=getErrorMessage(error?.message)\n enqueueSnackbar(errorMsg,{variant:'error'})\n }finally{\n setTimeout(()=>setIsLoading(false),300)\n }\n },[isOpen,data?.id,isRental])\n useEffect(()=>{\n getResponseItems()\n },[getResponseItems])\n return(\n <Modal open={isOpen}\n onClose={onClose}\n maxWidth='md'\n fullWidth\n >\n {isLoading&&<ModalLoader />}\n <DialogTitle className='itemEntryModal--DialogTitle'>\n <Typography type='s3' color='inherit' weight='medium'>\n Response Details\n </Typography>\n <IconButton onClick={onClose}>\n <Close fontSize='small' />\n </IconButton>\n </DialogTitle>\n <Grid container>\n <Grid item xs={4}>\n <Box sx={{ display: 'flex',padding:2, flexDirection: 'column' }}>\n <Typography type='s5' weight=\"medium\" color='theme.secondary.800'>Item</Typography>\n <Typography type='s3' weight=\"medium\" color='theme.neutral.1000'>{data?.item_data?.name}</Typography>\n </Box>\n </Grid>\n </Grid>\n \n <Grid container p={2} spacing={3}>\n <Grid item xs={12}>\n <Box sx={{ paddingTop: '1.2rem' }}>\n <MaterialTable\n rows={responseItems \|\| []}\n columns={transformTableColumns({\n columns: responseItemDetailsColumns,\n currencySymbol: undefined,\n translationFn: t,\n customizeValue: (row, columnAccessorKey, value) => {\n switch (columnAccessorKey) {\n case 'item_data.vendor_info.vendor_name':\n return value\|\|row?.original?.item_data?.name\n }\n }\n \n \n })}\n paginationModel={{ pageNo: 1, limit: 10 }}\n totalPages={20}\n enableColumnDragging={true}\n isResetRow={false}\n enableEditing={false}\n columnOrder={['mrt-row-select']}\n enableRowSelection={false}\n disabledDefaultActionColumnIcon\n enableBottomToolbar={false}\n />\n </Box>\n </Grid>\n </Grid>\n \n </Modal>\n )\n}"],"names":["props","isOpen","onClose","data","isRental","responseItems","setResponseItems","useState","isLoading","setIsLoading","t","useTranslation","getResponseItems","useCallback","async","filters","id","rfqResponseItems","fetchRentalResponseItems","fetchRfqItemsByIdForResponse","error","errorMsg","getErrorMessage","message","enqueueSnackbar","variant","setTimeout","useEffect","jsxs","Modal","open","maxWidth","fullWidth","children","ModalLoader","DialogTitle","className","jsx","Typography","type","color","weight","IconButton","onClick","Close","fontSize","Grid","container","item","xs","Box","sx","display","padding","flexDirection","_a","item_data","name","p","spacing","paddingTop","MaterialTable","rows","columns","transformTableColumns","responseItemDetailsColumns","currencySymbol","translationFn","customizeValue","row","columnAccessorKey","value","_b","original","paginationModel","pageNo","limit","totalPages","enableColumnDragging","isResetRow","enableEditing","columnOrder","enableRowSelection","disabledDefaultActionColumnIcon","enableBottomToolbar"],"mappings":"86BAYA,SAA4CA,SACxC,MAAMC,OAACA,EAAAC,QAAQA,EAAAC,KAAQA,EAAAC,SAAKA,GAAS,GAASJ,GACvCK,EAAeC,GAAoBC,EAAAA,SAAgB,KACnDC,EAAWC,GAAgBF,EAAAA,UAAkB,IAC9CG,EAACA,GAAKC,mBAENC,EAAiBC,EAAAA,YAAYC,UAC/B,GAAIb,EACR,IACIQ,GAAa,GACb,MAAMM,EAAQ,wBAAwB,CAAC,MAAAZ,OAAA,EAAAA,EAAMa,OACxCC,EAAkBb,QAAec,EAAAA,yBAAyBH,SAAgBI,EAAAA,6BAA6BJ,GAC7GT,EAAiBW,EACpB,OAASG,GACL,MAAMC,EAASC,EAAAA,gBAAgB,MAAAF,OAAA,EAAAA,EAAOG,SACtCC,EAAAA,gBAAgBH,EAAS,CAACI,QAAQ,SACtC,CAAA,QACIC,WAAW,IAAIjB,GAAa,GAAO,IACvC,GACE,CAACR,EAAO,MAAAE,OAAA,EAAAA,EAAMa,GAAGZ,IAInB,OAHAuB,EAAAA,UAAU,KACNf,KACF,CAACA,mBAECgB,EAAAA,KAACC,EAAAA,QAAA,CAAMC,KAAM7B,EACZC,UACA6B,SAAS,KACTC,WAAS,EAELC,SAAA,CAAAzB,wBAAY0B,EAAAA,QAAA;iBACdN,KAACO,EAAAA,QAAA,CAAYC,UAAU,8BACPH,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,MAAM,UAAUC,OAAO,SAASR,SAAA;iBAGtDI,IAACK,EAAAA,SAAWC,QAASzC,EACjB+B,8BAACW,UAAA,CAAMC,SAAS;eAGvBR,EAAAA,IAACS,EAAAA,SAAKC,WAAS,EACAd,8BAACa,EAAAA,QAAA,CAAKE,MAAI,EAACC,GAAI,EACPhB,+BAACiB,EAAAA,QAAA,CAAIC,GAAI,CAAEC,QAAS,OAAOC,QAAQ,EAAGC,cAAe,UACjDrB,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,sBAAsBP,SAAA;iBAClEI,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,qBAAsBP,SAAA,OAAAsB,EAAA,MAAApD,OAAA,EAAAA,EAAMqD,gBAAN,EAAAD,EAAiBE;eAKnGpB,EAAAA,IAACS,EAAAA,SAAKC,WAAS,EAACW,EAAG,EAAGC,QAAS,EAC3B1B,wBAAAI,EAAAA,IAACS,EAAAA,QAAA,CAAKE,MAAI,EAACC,GAAI,GACXhB,0BAAAI,IAACa,EAAAA,QAAA,CAAIC,GAAI,CAAES,WAAY,UACnB3B,wBAAAI,EAAAA,IAACwB,EAAAA,~~QAAA~~,CACGC,KAAMzD,GAAiB,GACvB0D,QAASC,EAAAA,sBAAsB,CACzBD,QAASE,EAAAA,2BACVC,oBAAgB,EAChBC,cAAezD,EACf0D,eAAgB,CAACC,EAAKC,EAAmBC,aACrC,GACS,sCADDD,EAEA,OAAOC,IAAO,OAAAC,EAAA,OAAAjB,EAAA,MAAAc,OAAA,EAAAA,EAAKI,eAAL,EAAAlB,EAAeC,gBAAf,EAAAgB,EAA0Bf,SAMzDiB,gBAAiB,CAAEC,OAAQ,EAAGC,MAAO,IACrCC,WAAY,GACZC,sBAAsB,EACtBC,YAAY,EACZC,eAAe,EACfC,YAAa,CAAC,kBACdC,oBAAoB,EACpBC,iCAA+B,EAC/BC,qBAAqB,YAQxE"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/rfq-response/item-response-details.tsx"],"sourcesContent":["import { Close } from \"@mui/icons-material\";\nimport { Box, DialogTitle, Grid, IconButton } from \"@mui/material\";\nimport MaterialTable from \"../material-table/material-table\";\nimport Modal from \"../modal/modal\";\nimport Typography from \"../typography/typography\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { enqueueSnackbar } from \"notistack\";\nimport ModalLoader from \"../loaders/modal-loader\";\nimport {responseItemDetailsColumns} from '../../utils/constant'\nimport { fetchRentalResponseItems, fetchRfqItemsByIdForResponse, getErrorMessage } from \"../../utils/common\";\nimport { transformTableColumns } from \"../../utils/common-utility\";\nexport default function ItemResponseDetails(props:any){\n const {isOpen, onClose,data,isRental=false} = props\n const [responseItems, setResponseItems] = useState<any[]>([])\n const [isLoading, setIsLoading] = useState<boolean>(false)\n const {t} = useTranslation()\n\n const getResponseItems=useCallback(async()=>{\n if(!isOpen) return\n try {\n setIsLoading(true)\n const filters=`(rfq_line_item_id.in=${[data?.id]})`\n const rfqResponseItems =isRental?await fetchRentalResponseItems(filters): await fetchRfqItemsByIdForResponse(filters)\n setResponseItems(rfqResponseItems)\n } catch (error) {\n const errorMsg=getErrorMessage(error?.message)\n enqueueSnackbar(errorMsg,{variant:'error'})\n }finally{\n setTimeout(()=>setIsLoading(false),300)\n }\n },[isOpen,data?.id,isRental])\n useEffect(()=>{\n getResponseItems()\n },[getResponseItems])\n return(\n <Modal open={isOpen}\n onClose={onClose}\n maxWidth='md'\n fullWidth\n >\n {isLoading&&<ModalLoader />}\n <DialogTitle className='itemEntryModal--DialogTitle'>\n <Typography type='s3' color='inherit' weight='medium'>\n Response Details\n </Typography>\n <IconButton onClick={onClose}>\n <Close fontSize='small' />\n </IconButton>\n </DialogTitle>\n <Grid container>\n <Grid item xs={4}>\n <Box sx={{ display: 'flex',padding:2, flexDirection: 'column' }}>\n <Typography type='s5' weight=\"medium\" color='theme.secondary.800'>Item</Typography>\n <Typography type='s3' weight=\"medium\" color='theme.neutral.1000'>{data?.item_data?.name}</Typography>\n </Box>\n </Grid>\n </Grid>\n \n <Grid container p={2} spacing={3}>\n <Grid item xs={12}>\n <Box sx={{ paddingTop: '1.2rem' }}>\n <MaterialTable\n rows={responseItems \|\| []}\n columns={transformTableColumns({\n columns: responseItemDetailsColumns,\n currencySymbol: undefined,\n translationFn: t,\n customizeValue: (row, columnAccessorKey, value) => {\n switch (columnAccessorKey) {\n case 'item_data.vendor_info.vendor_name':\n return value\|\|row?.original?.item_data?.name\n }\n }\n \n \n })}\n paginationModel={{ pageNo: 1, limit: 10 }}\n totalPages={20}\n enableColumnDragging={true}\n isResetRow={false}\n enableEditing={false}\n columnOrder={['mrt-row-select']}\n enableRowSelection={false}\n disabledDefaultActionColumnIcon\n enableBottomToolbar={false}\n />\n </Box>\n </Grid>\n </Grid>\n \n </Modal>\n )\n}"],"names":["props","isOpen","onClose","data","isRental","responseItems","setResponseItems","useState","isLoading","setIsLoading","t","useTranslation","getResponseItems","useCallback","async","filters","id","rfqResponseItems","fetchRentalResponseItems","fetchRfqItemsByIdForResponse","error","errorMsg","getErrorMessage","message","enqueueSnackbar","variant","setTimeout","useEffect","jsxs","Modal","open","maxWidth","fullWidth","children","ModalLoader","DialogTitle","className","jsx","Typography","type","color","weight","IconButton","onClick","Close","fontSize","Grid","container","item","xs","Box","sx","display","padding","flexDirection","_a","item_data","name","p","spacing","paddingTop","MaterialTable","rows","columns","transformTableColumns","responseItemDetailsColumns","currencySymbol","translationFn","customizeValue","row","columnAccessorKey","value","_b","original","paginationModel","pageNo","limit","totalPages","enableColumnDragging","isResetRow","enableEditing","columnOrder","enableRowSelection","disabledDefaultActionColumnIcon","enableBottomToolbar"],"mappings":"86BAYA,SAA4CA,SACxC,MAAMC,OAACA,EAAAC,QAAQA,EAAAC,KAAQA,EAAAC,SAAKA,GAAS,GAASJ,GACvCK,EAAeC,GAAoBC,EAAAA,SAAgB,KACnDC,EAAWC,GAAgBF,EAAAA,UAAkB,IAC9CG,EAACA,GAAKC,mBAENC,EAAiBC,EAAAA,YAAYC,UAC/B,GAAIb,EACR,IACIQ,GAAa,GACb,MAAMM,EAAQ,wBAAwB,CAAC,MAAAZ,OAAA,EAAAA,EAAMa,OACxCC,EAAkBb,QAAec,EAAAA,yBAAyBH,SAAgBI,EAAAA,6BAA6BJ,GAC7GT,EAAiBW,EACpB,OAASG,GACL,MAAMC,EAASC,EAAAA,gBAAgB,MAAAF,OAAA,EAAAA,EAAOG,SACtCC,EAAAA,gBAAgBH,EAAS,CAACI,QAAQ,SACtC,CAAA,QACIC,WAAW,IAAIjB,GAAa,GAAO,IACvC,GACE,CAACR,EAAO,MAAAE,OAAA,EAAAA,EAAMa,GAAGZ,IAInB,OAHAuB,EAAAA,UAAU,KACNf,KACF,CAACA,mBAECgB,EAAAA,KAACC,EAAAA,QAAA,CAAMC,KAAM7B,EACZC,UACA6B,SAAS,KACTC,WAAS,EAELC,SAAA,CAAAzB,wBAAY0B,EAAAA,QAAA;iBACdN,KAACO,EAAAA,QAAA,CAAYC,UAAU,8BACPH,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,MAAM,UAAUC,OAAO,SAASR,SAAA;iBAGtDI,IAACK,EAAAA,SAAWC,QAASzC,EACjB+B,8BAACW,UAAA,CAAMC,SAAS;eAGvBR,EAAAA,IAACS,EAAAA,SAAKC,WAAS,EACAd,8BAACa,EAAAA,QAAA,CAAKE,MAAI,EAACC,GAAI,EACPhB,+BAACiB,EAAAA,QAAA,CAAIC,GAAI,CAAEC,QAAS,OAAOC,QAAQ,EAAGC,cAAe,UACjDrB,SAAA;eAAAI,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,sBAAsBP,SAAA;iBAClEI,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKE,OAAO,SAASD,MAAM,qBAAsBP,SAAA,OAAAsB,EAAA,MAAApD,OAAA,EAAAA,EAAMqD,gBAAN,EAAAD,EAAiBE;eAKnGpB,EAAAA,IAACS,EAAAA,SAAKC,WAAS,EAACW,EAAG,EAAGC,QAAS,EAC3B1B,wBAAAI,EAAAA,IAACS,EAAAA,QAAA,CAAKE,MAAI,EAACC,GAAI,GACXhB,0BAAAI,IAACa,EAAAA,QAAA,CAAIC,GAAI,CAAES,WAAY,UACnB3B,wBAAAI,EAAAA,IAACwB,EAAAA,cAAA,CACGC,KAAMzD,GAAiB,GACvB0D,QAASC,EAAAA,sBAAsB,CACzBD,QAASE,EAAAA,2BACVC,oBAAgB,EAChBC,cAAezD,EACf0D,eAAgB,CAACC,EAAKC,EAAmBC,aACrC,GACS,sCADDD,EAEA,OAAOC,IAAO,OAAAC,EAAA,OAAAjB,EAAA,MAAAc,OAAA,EAAAA,EAAKI,eAAL,EAAAlB,EAAeC,gBAAf,EAAAgB,EAA0Bf,SAMzDiB,gBAAiB,CAAEC,OAAQ,EAAGC,MAAO,IACrCC,WAAY,GACZC,sBAAsB,EACtBC,YAAY,EACZC,eAAe,EACfC,YAAa,CAAC,kBACdC,oBAAoB,EACpBC,iCAA+B,EAC/BC,qBAAqB,YAQxE"}

package/dist/components/schedule-report/schedule-report/index.esm.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { useState, useMemo, useCallback, useEffect } from "react";
 /* empty css                                */
 import Fallback from "../../fallback/fallback/index.esm.js";
 import Button from "../../button/button/index.esm.js";
-import MaterialTable from "../../material-table/material-table/index.esm.js";
+import { MaterialTable } from "../../material-table/material-table/index.esm.js";
 import Toast from "../../toast/toast/index.esm.js";
 import ConfirmPopUp from "../../confirm-modal/confirm-modal/index.esm.js";
 import { images } from "../../../images/index.esm.js";
@@ -19,9 +19,9 @@ import Chip from "../../chip/chip/index.esm.js";
 import { getScheduleReportType, deleteScheduleReportType } from "../utils/common/index.esm.js";
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
-import Add from "../../../node_modules/@mui/icons-material/esm/Add/index.esm.js";
 import { Edit } from "../../icons/edit/index.esm.js";
 import { Trash } from "../../icons/trash/index.esm.js";
+import Add from "../../../node_modules/@mui/icons-material/esm/Add/index.esm.js";
 const GeneralScheduleReport = ({ module = "accounting", title = "Schedule report" }) => {
   const [pagination, setPagination] = useState({
     pageNo: 1,

package/dist/components/schedule-report/schedule-report/index.js CHANGED Viewed

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");;/* empty css                             */var l=,/* empty css                             */i=,/* empty css                         */s=,/* empty css                                         */n=,/* empty css                       */o=,/* empty css                                       */r=,/* empty css                     */a=,/* empty css                              */u=,/* empty css                           */d=,/* empty css                       */c=,/* empty css                              */m=,/* empty css                                 */p=,/* empty css                         */x=,/* empty css                                   */g=require("react-i18next"),h=,/* empty css                     */j=,/* empty css                     */f=,/* empty css                                                 */y=,/* empty css                                                               */q=,/* empty css                                                       */b=,/* empty css                      */v=;/* empty css                       */exports.default=({module:C="accounting",title:S="Schedule report"})=>{const[w,k]=t.useState({pageNo:1,limit:10,totalCount:0}),[T,M]=t.useState(null),[R,B]=t.useState(!0),[F,I]=t.useState(!1),[A,D]=t.useState(null),[E,N]=t.useState(!1),[_,z]=t.useState(null),[O,P]=t.useState([]),L=null==w?void 0:w.limit,$=L?Math.ceil((null==w?void 0:w.totalCount)/L):0,H=L*((null==w?void 0:w.pageNo)-1)||0,{t:V}=g.useTranslation(),W=t.useMemo(()=>x.transformTableColumns({columns:d.columns,currencySymbol:void 0,translationFn:V,enableFooter:!0,redirectionLink:void 0,redirectionLinkState:void 0,rows:O,statusClasses:"scheduleReport--StatusChip--",customizeValue:(t,l,i)=>"emails"===l?(t=>{const l=null==t?void 0:t.split(",");return l?/* @__PURE__ */e.jsx(f.default,{sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"wrap"},children:l.map(t=>/* @__PURE__ */e.jsx(h.default,{type:"normal",label:/* @__PURE__ */e.jsx(m.Typography,{type:"s4",weight:"medium",color:"inherit",children:t})},t))}):"-"})(i):i}),[d.columns,O,V]),G=t.useCallback(async()=>{try{I(!0);const{data:e={},pagination:t}=await j.getScheduleReportType({...u.getToken(),skip:H,limit:L,filters:`(type.eq=${C})`});P(null==e?void 0:e.schedulers),k(e=>({...e,...t}))}catch(e){const t=u.getErrorMessage(null==e?void 0:e.message);M({type:"alert",message:t})}finally{I(!1),B(!1)}},[L,H,C,k]),J=t.useCallback(async()=>{G()},[]);return t.useEffect(()=>{G()},[G]),/* @__PURE__ */e.jsxs("section",{className:"scheduleReport",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");;/* empty css                             */var l=,/* empty css                             */i=,/* empty css                         */s=,/* empty css                                         */n=,/* empty css                       */o=,/* empty css                                       */r=,/* empty css                     */a=,/* empty css                              */u=,/* empty css                           */d=,/* empty css                       */c=,/* empty css                              */m=,/* empty css                                 */p=,/* empty css                         */x=,/* empty css                                   */g=require("react-i18next"),h=,/* empty css                     */j=,/* empty css                     */f=,/* empty css                                                 */y=,/* empty css                                                               */q=,/* empty css                      */b=,/* empty css                       */v=;/* empty css                                                       */exports.default=({module:C="accounting",title:S="Schedule report"})=>{const[w,k]=t.useState({pageNo:1,limit:10,totalCount:0}),[T,M]=t.useState(null),[R,B]=t.useState(!0),[F,I]=t.useState(!1),[A,D]=t.useState(null),[E,N]=t.useState(!1),[_,z]=t.useState(null),[O,P]=t.useState([]),L=null==w?void 0:w.limit,$=L?Math.ceil((null==w?void 0:w.totalCount)/L):0,H=L*((null==w?void 0:w.pageNo)-1)||0,{t:V}=g.useTranslation(),W=t.useMemo(()=>x.transformTableColumns({columns:d.columns,currencySymbol:void 0,translationFn:V,enableFooter:!0,redirectionLink:void 0,redirectionLinkState:void 0,rows:O,statusClasses:"scheduleReport--StatusChip--",customizeValue:(t,l,i)=>"emails"===l?(t=>{const l=null==t?void 0:t.split(",");return l?/* @__PURE__ */e.jsx(f.default,{sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"wrap"},children:l.map(t=>/* @__PURE__ */e.jsx(h.default,{type:"normal",label:/* @__PURE__ */e.jsx(m.Typography,{type:"s4",weight:"medium",color:"inherit",children:t})},t))}):"-"})(i):i}),[d.columns,O,V]),G=t.useCallback(async()=>{try{I(!0);const{data:e={},pagination:t}=await j.getScheduleReportType({...u.getToken(),skip:H,limit:L,filters:`(type.eq=${C})`});P(null==e?void 0:e.schedulers),k(e=>({...e,...t}))}catch(e){const t=u.getErrorMessage(null==e?void 0:e.message);M({type:"alert",message:t})}finally{I(!1),B(!1)}},[L,H,C,k]),J=t.useCallback(async()=>{G()},[]);return t.useEffect(()=>{G()},[G]),/* @__PURE__ */e.jsxs("section",{className:"scheduleReport",children:[
 /* @__PURE__ */e.jsx(f.default,{p:2,display:"flex",alignItems:"center",justifyContent:"space-between",children:/* @__PURE__ */e.jsx(m.Typography,{type:"h3",weight:"bold",color:"inherit",children:S})}),R?/* @__PURE__ */e.jsx(c.default,{}):/* @__PURE__ */e.jsx(e.Fragment,{children:(null==O?void 0:O.length)>0?/* @__PURE__ */e.jsxs(e.Fragment,{children:[
-/* @__PURE__ */e.jsx(s.default,{rows:O||[],columns:W,totalPages:0,columnOrder:["mrt-row-select"],states:{isLoading:F},enableColumnDragging:!0,enableEditing:!1,isResetRow:!1,enableRowSelection:!1,paginationModel:{pageNo:1,limit:10},defaultActionColumnItems:[
-/* @__PURE__ */e.jsx(y.default,{onClick:({row:e})=>D(null==e?void 0:e.original),children:/* @__PURE__ */e.jsx(b.Edit,{fontSize:"small",htmlColor:"#292D32"})}),
-/* @__PURE__ */e.jsx(y.default,{onClick:({row:e})=>z(null==e?void 0:e.original),children:/* @__PURE__ */e.jsx(v.Trash,{fontSize:"small",htmlColor:"#292D32"})})]}),
-/* @__PURE__ */e.jsx(p.default,{total:$,paginationModel:{...w,limit:null==w?void 0:w.limit},handlePaginationModel:e=>{k(e)},resource:"purchase-request",enablePages:!1})]}):/* @__PURE__ */e.jsx(e.Fragment,{children:!O.length&&/* @__PURE__ */e.jsx(l.default,{heading:"No schedule report",subHeading:"Add schedule report",icon:/* @__PURE__ */e.jsx("img",{src:r.images.reportsFallback}),children:/* @__PURE__ */e.jsx(i.default,{variant:"contained",startIcon:/* @__PURE__ */e.jsx(q.default,{}),onClick:()=>D(!0),children:"Add"})})})}),
+/* @__PURE__ */e.jsx(s.MaterialTable,{rows:O||[],columns:W,totalPages:0,columnOrder:["mrt-row-select"],states:{isLoading:F},enableColumnDragging:!0,enableEditing:!1,isResetRow:!1,enableRowSelection:!1,paginationModel:{pageNo:1,limit:10},defaultActionColumnItems:[
+/* @__PURE__ */e.jsx(y.default,{onClick:({row:e})=>D(null==e?void 0:e.original),children:/* @__PURE__ */e.jsx(q.Edit,{fontSize:"small",htmlColor:"#292D32"})}),
+/* @__PURE__ */e.jsx(y.default,{onClick:({row:e})=>z(null==e?void 0:e.original),children:/* @__PURE__ */e.jsx(b.Trash,{fontSize:"small",htmlColor:"#292D32"})})]}),
+/* @__PURE__ */e.jsx(p.default,{total:$,paginationModel:{...w,limit:null==w?void 0:w.limit},handlePaginationModel:e=>{k(e)},resource:"purchase-request",enablePages:!1})]}):/* @__PURE__ */e.jsx(e.Fragment,{children:!O.length&&/* @__PURE__ */e.jsx(l.default,{heading:"No schedule report",subHeading:"Add schedule report",icon:/* @__PURE__ */e.jsx("img",{src:r.images.reportsFallback}),children:/* @__PURE__ */e.jsx(i.default,{variant:"contained",startIcon:/* @__PURE__ */e.jsx(v.default,{}),onClick:()=>D(!0),children:"Add"})})})}),
 /* @__PURE__ */e.jsx(n.default,{open:Boolean(T),type:null==T?void 0:T.type,message:null==T?void 0:T.message,handleClose:()=>M(null),anchorOrigin:{horizontal:"right",vertical:"bottom"}}),
 /* @__PURE__ */e.jsx(a.default,{isOpen:Boolean(A),onClose:()=>D(null),itemData:A,onSubmit:J,module:C}),
 /* @__PURE__ */e.jsx(o.default,{open:Boolean(_),onClose:()=>z(null),onConfirm:async()=>{try{_&&(N(!0),await j.deleteScheduleReportType({...u.getToken(),id:_.id}),M({type:"normal",message:"Report schedule deleted successfully"}),G(),z(null))}catch(e){const t=u.getErrorMessage(null==e?void 0:e.message);M({type:"alert",message:t})}finally{N(!1)}},title:"Delete schedule report",loading:E,description:`Are you sure you want to delete schedule report: ${null==_?void 0:_.name} ?`})]})};