@erpsquad/common 1.8.47 → 1.8.48

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

@@ -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":"qyDAgDA,MAAMA,EAAsC,CAAEC,MAAO,GAAIC,QAAS,oBAElE,UAA4CC,OAC1CA,EAAAC,iBACAA,EAAAC,WACAA,EAAAC,KACAA,EAAAC,aACAA,IAIA,MAAMC,EAAEA,GAAMC,mBACRC,EAAWC,EAAAA,cAGXC,EAAcC,EAAAA,OAAsBb,IAGnCc,EAAaC,GAAkBC,EAAAA,SAAgB,KAC/CC,EAAaC,GAAkBF,EAAAA,SAAgB,KAC/CG,EAAYC,GAAiBJ,EAAAA,UAAS,IAGvCK,QACJA,EACAC,WAAWC,OAAEA,GAAAC,QACbA,EAAAC,UACAA,EAAAC,aACAA,EAAAC,SACAA,EAAAC,MACAA,GACEC,UAAQ,CACVC,cAAe,CACbC,QAAQ,GAEVC,KAAM,MACNC,SAAUC,EAAAA,6BAINC,EAAeC,EAAAA,YACnB,CAACC,EAAcC,KACb,MAAMC,qBAAuBC,IAE7B,OAAOC,wBAAsB,CAC3BJ,UACAK,oBAAgB,EAChBC,cAAenC,EACfoC,cAAc,EACdC,qBAAiB,EACjBC,0BAAsB,EACtBC,KAAMT,EACNU,mBAAe,EACfC,eAAgB,CAACC,EAAKC,EAAmBC,aACvC,OAAQD,GACN,IAAK,2BACL,IAAK;AACH,OACEE,MAACC,EAAAA,SAAIC,GAAI,CAAEC,QAAS,OAAQC,IAAK,GAC/BC,wBAAAL,EAAAA,IAACM,EAAAA,SAAA,CACCC,QAASC,QAAQT,GACjBG,GAAI,CAAEO,cAAe,YAM7B,IAAK,QACL,IAAK,aAAc,CACjB,IAAKV,EAAO,MAAO,GACnB,MAAMW,EAAW,SAASX,IAC1B,IAAKb,EAAiByB,IAAID,GAAW,CACnC,MAAME,EAASC,EAAAA,QAA2B,IAAId,KAC9Cb,EAAiB4B,IAAIJ,GAAU,MAAAE,OAAA,EAAAA,EAAQG,iBAAkB,GAC3D,CACA,OAAO7B,EAAiB8B,IAAIN,EAC9B,CAEA,IAAK,eAAgB,CACnB,MAAMO,GAAQ,OAAAC,EAAA,MAAArB,OAAA,EAAAA,EAAKsB,mBAAUF,SAAS,OAAAG,EAAA,MAAAvB,OAAA,EAAAA,EAAKsB,eAAL,EAAAC,EAAeC,YACrD,IAAKJ,EAAO,MAAO,GACnB,MAAMK,EAAiB,WAAWL,IAClC,IAAK/B,EAAiByB,IAAIW,GAAiB,CACzC,MAAMV,EAASC,EAAAA,QAA2B,IAAII,KAC9C/B,EAAiB4B,IAAIQ,GACnB,MAAAV,OAAA,EAAAA,EAAQW,oBAAqB,IAAIX,EAAOW,qBAAuB,GAEnE,CACA,OAAOrC,EAAiB8B,IAAIM,EAC9B,CAEA,QACE,OAAOvB,OAKjB,CAAC5C,IAKGqE,EAAqBC,MACzBC,EACA9E,EACA+E,EACAC,yBAEA,IACE,MAAMC,OAAEA,EAAAhC,IAAQA,GAAQ6B,EAClBI,EAAUjC,EAAIkC,OAAS,EACvBC,EAAUJ,EAAYK,EAAAA,eAAiBC,EAAAA,eAEvCC,EAAuB,CAAA,EAC7B,IAAA,MAAWC,KAAOJ,EACZK,UAAE1B,IAAIkB,EAAQO,KAChBD,EAAgBC,IAAO,MAAAP,OAAA,EAAAA,EAASO,IAAOP,EAAOO,GAAO,MAIzD,GAAIR,EAAW,CACb,MAAMU,EAAY,CAChBC,EAAG,OAAArB,EAAA3D,EAAYiF,cAAZ,EAAAtB,EAAqBrE,QACxB4F,EAAG,OAAArB,EAAA7D,EAAYiF,cAAZ,EAAApB,EAAqBxE,OAIpB8F,EAAgB,UADQC,GAAwBR,EAAiBvF,EAAOiD,EAAIkC,OAGhFa,aAAc,OAAAC,EAAAP,EAAUC,QAAV,EAAAM,EAAaC,KAC3BjG,QAAS,OAAAkG,EAAAT,EAAUC,QAAV,EAAAQ,EAAaC,GACtBC,WAAY,OAAAC,EAAAZ,EAAUG,QAAV,EAAAS,EAAaJ,KACzBlG,MAAO,OAAAuG,EAAAb,EAAUG,QAAV,EAAAU,EAAaH,GACpBI,aAAcd,EAAUC,EACxBc,WAAYf,EAAUG,EACtBa,WAAY,OAAAC,EAAAjB,EAAUC,QAAV,EAAAgB,EAAaP,GACzBQ,SAAU,OAAAC,EAAAnB,EAAUG,QAAV,EAAAgB,EAAaT,IAGzB,OACSrB,EADLG,EACclF,EAAM8G,IAAI,CAACC,EAAIC,IAAMA,IAAM/D,EAAIkC,MAAQ,IAAK4B,KAAOjB,GAAkBiB,GAEvE,IAAI/G,EAAO8F,GAC7B,CAEA,OACSf,EADLG,EACclF,EAAM8G,IAAI,CAACC,EAAIC,IAAMA,IAAM/D,EAAIkC,MAAQ,IAAK4B,KAAOxB,GAAoBwB,GAEzE,IAAI/G,EAAOuF,GAC7B,OAAS0B,GACP,OAAOC,QAAQC,OAAOF,EACxB,GAGIlB,GAA0BlB,MAAOI,EAAajF,EAAcmF,KAChE,IAAIiC,EAAgB,IAAKnC,GACzB,MAAMoC,EAAYhH,IAChB,MAAMiH,EAAS,IAAItH,GACbuH,EAAiB,aAATlH,EAAsB,2BAA6B,0BAC9D8E,GAAS,GACVmC,EAAOE,OAAOrC,EAAO,GAEvB,MAAMsC,EAAaH,EAAOI,KAAMC,SAAWA,WAAIJ,IAE/C,GAAIE,UAAcxC,WAASsC,IACzB,MAAM,IAAIK,MACR,oDAAoDvH,4DAG9CoH,IACRL,EAAgB,IACXA,EACHG,CAACA,IAAQ,MAAAtC,OAAA,EAAAA,EAASsC,KAAwB,IAAf,MAAAvH,OAAA,EAAAA,EAAO6H,QAAY,EAAI,KASxD,aAHOR,EAAS,kBACTA,EAAS,WAETD,GAGHU,GAAYjD,MAChB7E,EACA+E,EACA9B,KAEA,MAAM8E,EAAW9E,EAAIkC,MAGrB,OADAJ,EADoB/E,EAAMgI,OAAO,CAACvC,EAAGuB,IAAMA,IAAMe,IAE1Cb,QAAQe,WAGXC,GAA4BrD,MAAOsD,EAAQ5H,EAAQ6H,EAAQC,EAAUC,aACzE,MAAMC,EAAY,OAAAjE,EAAA,MAAA6D,OAAA,EAAAA,EAAGK,aAAH,EAAAlE,EAAW4B,KAC7B,IAAIkB,EAAqB,KASzB,IAPI,OAAA5C,EAAA,MAAA6D,OAAA,EAAAA,EAAKI,qBAAL,EAAAjE,EAAqBkE,cACvB/H,EAAYiF,QAAU,IACjBjF,EAAYiF,QACf,CAACyC,EAAII,eAAeC,YAAaJ,IAInB,YAAdC,EACFnB,EAAgB,IACXgB,EAAEO,aACL1I,QAASqI,EAAalC,GACtBM,WAAY4B,EAAalC,GACzBpG,MAAO,KACP4G,SAAU,KACVP,WAAY,WAEhB,GAAyB,UAAdkC,EACTnB,EAAgB,IACXgB,EAAEO,aACL3I,MAAOsI,EAAalC,GACpBQ,SAAU0B,EAAalC,SAE3B,GAAyB,UAAdmC,EAAuB,CAChC,MAAMK,EAAI3E,EAAAA,QAA2B,IAAIkE,KACzCf,EAAgB,IACXgB,EAAEO,aACLE,cAAc,MAAAD,OAAA,EAAAA,EAAGjE,oBAAqB,IAAIiE,EAAEjE,qBAAuB,GAEvE,CAEA,MAAMmE,EAAgB,CACpB,eACA,WACA,WACA,WACA,WACA,OACA,QACA,WAGF,GAAIV,EAAEO,aAAc,CAClB,MAWMI,EAXcD,EAAchC,IAAIS,oBACpC,MAAc,YAAVA,GACK,OAAA/C,EAAA,OAAAF,EAAA3D,EAAYiF,gBAAZtB,EAAqBrE,cAArB,EAAAuE,EAA8B0B,OAAQ,GAC1B,UAAVqB,GACF,OAAApB,EAAA,OAAAF,EAAAtF,EAAYiF,cAAZ,EAAAK,EAAqBjG,gBAAOkG,OAAQ,GAClCqB,IAAUgB,GACZ,OAAAjC,EAAA6B,EAAEK,aAAF,EAAAlC,EAAUnD,QAAS,IAErB,OAAAoD,EAAA6B,EAAEO,mBAAF,EAAApC,EAAiBgB,KAAU,KAGRyB,OAAO,CAACC,EAAKC,EAAKC,IACvCD,EACAD,GAELC,SAAMA,WAAKhD,OAAQgD,EACnBD,SAAMA,WAAK/C,OAAQ+C,EAEZ,CAAC,EAAG,GAAGG,SAASD,GAAO,GAAGF,KAAOC,IAAQ,GAAGD,QAAUC,KAL5CA,EADAD,EAOhB,IAEHb,EAAEO,aAAaI,QAAUA,CAC3B,CAUA,OARI3B,GACFgB,EAAEiB,cAAcC,QAAS3D,IACnBF,EAAAA,QAAE1B,IAAIqD,EAAezB,EAAE4D,OAAOnD,MAChCgC,EAAEO,aAAahD,EAAE4D,OAAOnD,IAAMgB,EAAczB,EAAE4D,OAAOnD,OAKpDgC,EAAEO,cAGLa,GAAW3E,oBAEf,WADsBtD,KACR,OAEdJ,GAAc,GACd,MAAM8D,EAASzD,IACT4D,EAAU,CACdqE,MAAO,IACFC,EAAAA,sBAAsB,MAAAzE,OAAA,EAAAA,EAAS0E,EAAAA,0BAClCC,aAAc,aACd9H,OAAQ,EACRzB,SAIJ,IACE,MAAMwJ,QAAYpJ,EAASqJ,EAAAA,cAAc1E,IAEzC,GAAiC,eAA7B,OAAAd,EAAA,MAAAuF,OAAA,EAAAA,EAAKE,WAAL,EAAAzF,EAAW0F,eACbC,EAAAA,gBAAgB,GAAG5J,KAAQE,EAAE,+BAC7B2J,KACA5J,SACF,GAAwC,cAA7B,OAAAkE,EAAA,MAAAqF,OAAA,EAAAA,EAAKE,WAAL,EAAAvF,EAAWwF,eAA8B,CAClD,MAAMG,EAAeC,EAAAA,gBAAgB,OAAAnE,EAAA,MAAA4D,OAAA,EAAAA,EAAK5C,gBAAOoD,SACjDJ,EAAAA,gBAAgBE,EAAc,CAAEG,QAAS,SAC3C,CACF,CAAA,QACEnJ,GAAc,EAChB,GAGI+I,GAAW,KACfK,KACAzJ,EAAe,IACfG,EAAe,IACf,MAAAd,GAAAA,KAEIoK,GAAU,KACd5I,EAAM,CAAE,CAACgI,2BAA0B,CAAA,KAIrCa,EAAAA,UAAU,KACR,MAAMC,EAAc5J,EAAYiG,IAAI4D,GAAKjF,EAAAA,QAAEkF,KAAKD,EAAGE,EAAAA,kBACnDlJ,EAAS,GAAGiI,6BAA2BkB,EAAAA,eAAeC,UAAWL,IAChE,CAAC5J,EAAaa,IAEjB8I,EAAAA,UAAU,KACR,MAAMO,EAAc/J,EAAY8F,IAAInB,GAAKF,EAAAA,QAAEkF,KAAKhF,EAAGqF,EAAAA,kBACnDtJ,EAAS,GAAGiI,6BAA2BkB,EAAAA,eAAeI,WAAYF,IACjE,CAAC/J,EAAaU,IAEjB,MAAMwJ,GAAsBC,EAAAA,QAAQ,mBAClC/H,EAAAA,IAACgI,EAAAA,UAAA,CACCC,qBACEjI,EAAAA,IAACkI,EAAAA,WAAA,CAAWjL,KAAK,KAAKkL,OAAO,SAASC,MAAM,uBACzC/H,SAAAlD,EAAE,yCAGPkL,eAAgB,CACdC,iBAAiB,EACjBC,UAAW,mBAGblI,wBAAAmI,EAAAA,KAACC,EAAAA,QAAA,CAAKC,WAAS,EAACC,QAAS,EACvBtI,SAAA;eAAAL,MAACyI,EAAAA,SAAKG,MAAI,EAACC,GAAI,GAAIC,GAAI,EACrBzI,wBAAAL,EAAAA,IAAC+I,EAAAA,aAAA,CACCC,MAAO7L,EAAE,uCACT2F,KAAM2E,EAAAA,eAAewB,WACrBC,YAAa/L,EAAE,6CACfgM,eAAgB5C,EAAAA,wBAChB6C,YAAapL,EACbqL,UAAQ;qBAGXZ,EAAAA,QAAA,CAAKG,MAAI,EAACC,GAAI,GAAIC,GAAI,EACrBzI,wBAAAL,EAAAA,IAAC+I,EAAAA,aAAA,CACCC,MAAO7L,EAAE,sCACT2F,KAAM2E,EAAAA,eAAe6B,UACrBJ,YAAa/L,EAAE,4CACfgM,eAAgB5C,EAAAA,wBAChB6C,YAAapL,EACbqL,UAAQ;qBAGXZ,EAAAA,QAAA,CAAKG,MAAI,EAACC,GAAI,GAAIC,GAAI,EACrBzI,wBAAAL,EAAAA,IAACuJ,EAAAA,QAAA,CACCP,MAAO7L,EAAE,qCACTqM,QAAQ,UACRC,cAAc,YACd3G,KAAM2E,EAAAA,eAAeiC,SACrBR,YAAa/L,EAAE,2CACfgM,eAAgB5C,EAAAA,wBAChB6C,YAAapL,EACbqL,UAAQ,EACRM,gBAAc;qBAGjBlB,EAAAA,QAAA,CAAKG,MAAI,EAACC,GAAI,GAAIC,GAAI,EACrBzI,wBAAAL,EAAAA,IAACuJ,EAAAA,QAAA,CACCP,MAAO7L,EAAE,sCACTqM,QAAQ,WACRC,cAAc,WACd3G,KAAM2E,EAAAA,eAAemC,SACrBV,YAAa/L,EAAE,4CACfgM,eAAgB5C,EAAAA,wBAChB6C,YAAapL,EACbqL,UAAQ,EACRM,gBAAc,WAKrB,CAACxM,EAAGa,IAED6L,GAAiB9B,EAAAA,QAAQ;AAC7B/H,OAAAA,EAAAA,IAACgI,EAAAA,UAAA,CACCC,4BACGC,aAAA,CAAWjL,KAAK,KAAKkL,OAAO,SAASC,MAAM,uBACzC/H,SAAA,CAAAlD,EAAE;eACH6C,EAAAA,IAAC,OAAA,CAAKuI,UAAU,iBAAiBlI,SAAA,OACrC,OAAAa,EAAA,MAAAhD,OAAA,EAAAA,EAASqI,EAAAA,+BAAT,EAAArF,EAAoCuG,EAAAA,eAAeC,0BAC9C1H,EAAAA,IAAC,OAAA,CAAKuI,UAAU,QACZlI,4CAASkG,EAAAA,mCAA2BkB,EAAAA,eAAeC,mBAAUT,aAKtEoB,eAAgB,CACdC,iBAAiB,EACjBC,UAAW,mBAGblI,wBAAAL,EAAAA,IAACyI,EAAAA,SAAKE,QAAS,EACbtI,8BAACoI,EAAAA,QAAA,CAAKG,MAAI,EAACC,GAAI,GACbxI,wBAAAL,EAAAA,IAAC8J,EAAAA,cAAA,CACCpK,KAAM,IAAIjC,GACVuB,QAASF,EAAaiL,kBACtBC,gBAAiB,CAAEC,OAAQ,EAAGC,MAAO,IACrCC,WAAY,GACZC,sBAAsB,EACtBC,YAAY,EACZC,YAAa,CAAC,kBACdC,oBAAoB,EACpBC,qBAAmB,EACnBC,4BAA0B,EAC1BC,gBAAgB,MAChBC,iBAAe,EACfC,YAAcC,GAASrJ,EAAmBqJ,EAAMpN,EAAaC,GAAgB,GAC7EoN,UAAYD,GAASrJ,EAAmBqJ,EAAMpN,EAAaC,GAAgB,GAC3EqN,YAAclL,GAAQ6E,GAAUjH,EAAaC,EAAgBmC,GAC7DmL,iBAAkBlG,YAMzB,CAAC3H,EAAGM,EAAaqB,EAAcZ,IAE5B+M,GAAiBlD,EAAAA,QAAQ;AAC7B/H,OAAAA,EAAAA,IAACgI,EAAAA,UAAA,CACCC,4BACGC,aAAA,CAAWjL,KAAK,KAAKkL,OAAO,SAASC,MAAM,uBACzC/H,SAAA,CAAAlD,EAAE;eACH6C,EAAAA,IAAC,OAAA,CAAKuI,UAAU,iBAAiBlI,SAAA,OAChC,OAAAa,EAAA,MAAAhD,OAAA,EAAAA,EAASqI,EAAAA,+BAAT,EAAArF,EAAoCuG,EAAAA,eAAeI,2BAClD7H,EAAAA,IAAC,OAAA,CAAKuI,UAAU,QACflI,4CAASkG,EAAAA,mCAA2BkB,EAAAA,eAAeI,oBAAWZ,aAKrEoB,eAAgB,CACdC,iBAAiB,EACjBC,UAAW,mBAGblI,wBAAAL,EAAAA,IAACyI,EAAAA,SAAKE,QAAS,EACbtI,8BAACoI,EAAAA,QAAA,CAAKG,MAAI,EAACC,GAAI,GAEbxI,wBAAAL,EAAAA,IAAC8J,EAAAA,cAAA,CACCpK,KAAM,IAAI9B,GACVoB,QAASF,EAAaoM,kBACtBlB,gBAAiB,CAAEC,OAAQ,EAAGC,MAAO,IACrCC,WAAY,GACZC,sBAAsB,EACtBC,YAAY,EACZC,YAAa,CAAC,kBACdC,oBAAoB,EACpBC,qBAAmB,EACnBC,4BAA0B,EAC1BC,gBAAgB,MAChBC,iBAAe,EACfC,YAAcC,GAASrJ,EAAmBqJ,EAAMjN,EAAaC,GAAgB,GAC7EiN,UAAYD,GAASrJ,EAAmBqJ,EAAMjN,EAAaC,GAAgB,GAC3EkN,YAAclL,GAAQ6E,GAAU9G,EAAaC,EAAgBgC,GAC7DmL,iBAAkBlG,YAMzB,CAAC3H,EAAGS,EAAakB,EAAcZ;AAElC,OACEsK,EAAAA,KAAC2C,EAAAA,MAAA,CACCC,KAAMtO,EACNuO,QAASvE,GACTwE,SAAS,KACTC,WAAS,EACTrL,GAAI,CAAEsL,UAAW,aACbxO,EAEHqD,SAAA,CAAAvC,wBAAe2N,EAAAA,YAAA;iBAChBjD,KAAC,OAAA,CAAKpC,SAAU/H,EAAa+H,IAAWmC,UAAU,mBAAmBmD,MAAO,CAAEC,SAAU,WAAWC,SAAU,QAC3GvL,SAAA;eAAAmI,EAAAA,KAACqD,EAAAA,QAAA,CAAYtD,UAAU,8BAErBlI,SAAA;eAAAL,EAAAA,IAACkI,EAAAA,WAAA,CAAWjL,KAAK,KAAKmL,MAAM,UAAUD,OAAO,SAC1C9H,SAAA,OAAOpD;iBAEV+C,IAAC8L,EAAAA,SAAWC,QAASjF,GACnBzG,8BAAC2L,UAAA,CAAMC,SAAS;sBAInBC,EAAAA,QAAA,CACE7L,SAAA,CAAAyH;iBACD9H,IAACmM,EAAAA,QAAA,CAAQ5D,UAAU,yBAClBsB;iBACD7J,IAACmM,EAAAA,QAAA,CAAQ5D,UAAU,yBAClB0C;iBAGHjL,IAACoM,EAAAA,QAAA,CAAc7D,UAAU,+BAA+BrI,GAAI,CAC1DyL,SAAU,SACVU,OAAQ,EACRC,gBAAiB,QACjBC,OAAQ,EACRC,QAAS,WACTC,eAAgB,OAEhBpM,wBAAAmI,EAAAA,KAACvI,UAAA,CAAIE,QAAQ,OAAOC,IAAK,IACvBC,SAAA;eAAAL,EAAAA,IAAC0M,EAAAA,OAAA,CACCnE,UAAU,yCACVwD,QAASjF,GAERzG,WAAE;eAELL,EAAAA,IAAC0M,EAAAA,OAAA,CACCxF,QAAQ,YACR6E,QAAS1N,EAAa+H,IAErB/F,WAAE,2BAOjB"}
+{"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\nexport interface ICustomerVendorModalProps {\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 const CustomerVendorModal = ({\n  isOpen,\n\thandleModalClose,\n\tmodalProps,\n\ttype,\n\tpartyCreated\n}: ICustomerVendorModalProps) => {\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};\n\nexport default CustomerVendorModal;"],"names":["defaultLocationState","state","country","CustomerVendorModal","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/parties-modal/parties-modal.d.ts

@@ -1,10 +1,10 @@
 
-interface CustomerVendorModalProps {
+export interface ICustomerVendorModalProps {
     isOpen: boolean;
     handleModalClose?: () => void;
     modalProps?: any;
     type: string;
     partyCreated: () => void;
 }
-export default function CustomerVendorModal({ isOpen, handleModalClose, modalProps, type, partyCreated }: CustomerVendorModalProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const CustomerVendorModal: ({ isOpen, handleModalClose, modalProps, type, partyCreated }: ICustomerVendorModalProps) => import("react/jsx-runtime").JSX.Element;
+export default CustomerVendorModal;

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

@@ -25,9 +25,7 @@ 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

@@ -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;AAED,IAAA,UAAe,qBAAqB;"}
+{"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;"}

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

@@ -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})}});var s=i.reducer;exports.default=s,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})}});exports.reportsTitleBarSlice=i;
 //# sourceMappingURL=index.js.map

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

@@ -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","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"}
+{"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"}

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

@@ -7,7 +7,7 @@ import React__default, { useState, useRef, useEffect } from "react";
 import default_1 from "../../../node_modules/@mui/icons-material/KeyboardArrowDown/index.esm.js";
 import { generateFields } from "../../../utils/common/index.esm.js";
 import { ReportButtons } from "../report-buttons/report-buttons/index.esm.js";
-import TabBar from "../../tabs/tabs/index.esm.js";
+import { TabBar } from "../../tabs/tabs/index.esm.js";
 import { images } from "../../../images/index.esm.js";
 import { RANGE, handleCompareDateRange } from "../../../utils/date-range/index.esm.js";
 import { DateRange, Calendar as Calendar$1 } from "react-date-range";

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

@@ -3,7 +3,7 @@ return e.jsx(g.default,{open:Boolean(ge),anchorEl:ge,onClose:()=>ye(null),anchor
 return e.jsxs("div",{children:[
 /* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar",children:[
 /* @__PURE__ */e.jsx("div",{className:"reportsTitleBar--LeftContent",children:O?/* @__PURE__ */e.jsx("div",{style:{zIndex:999},children:/* @__PURE__ */e.jsx(r.default,{onClick:I,options:G,isMenuThirdItemDisabled:!0,children:N})}):/* @__PURE__ */e.jsx(l.Typography,{type:"h3",weight:"medium",color:"theme.secondary.1000",children:N})}),
-/* @__PURE__ */e.jsx(o.ReportButtons,{zIndex:999,className:"reportsTitleBar--RightContent",buttons:q})]}),(null==U?void 0:U.length)?/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(s.default,{tabs:U||[],activeValue:P,setActiveValue:$,isTabViewOnly:!0})}):null,
+/* @__PURE__ */e.jsx(o.ReportButtons,{zIndex:999,className:"reportsTitleBar--RightContent",buttons:q})]}),(null==U?void 0:U.length)?/* @__PURE__ */e.jsx("div",{children:/* @__PURE__ */e.jsx(s.TabBar,{tabs:U||[],activeValue:P,setActiveValue:$,isTabViewOnly:!0})}):null,
 /* @__PURE__ */e.jsxs(b.default,{sx:{display:"flex",justifyContent:"space-between",my:2.5,mx:1},children:[
 /* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper",children:[/* @__PURE__ */e.jsx(e.Fragment,{children:ke.map(({key:t,label:l,placeholder:r,apiType:a,valueKey:i,customFilter:n,multiple:o=!1,options:s,show:d=!0,showCancelButton:u=!0})=>{return c=t,oe.some(e=>(null==e?void 0:e.value)==c)&&d?
 /* @__PURE__ */e.jsx(h.default,{labelId:`${t}-label`,searchPlaceholder:l,value:null==L?void 0:L[i],onChange:e=>z({[i]:e.target.value}),showCancelButton:u,apiType:a,options:s,multiple:o,placeholder:r,customeFilter:n,customStyle:ie,inputStyle:ne}):null;var c})}),(null==L?void 0:L.end_date)&&Q&&/* @__PURE__ */e.jsx("div",{style:{display:"flex",gap:"8px"},children:/* @__PURE__ */e.jsxs("div",{className:"reportsTitleBar--FilterWrapper--Chip",ref:Ce,onClick:()=>{ve?Ee():(_e.current=Ce.current,je(!0))},children:[

package/dist/components/reports-title-bar/reports-title-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/reports-title-bar/reports-title-bar.tsx"],"sourcesContent":["import Button from \"../button/button\";\nimport Typography from \"../typography/typography\";\nimport \"./reports-title-bar.scss\";\n\nimport TitleDropdownButton from \"../title-dropdown-button/title-dropdown-button\";\nimport { useEffect,  useRef, useState } from \"react\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport { generateFields } from \"../../utils/common\";\nimport ReportButtons, { IReportButtons } from \"./report-buttons/report-buttons\";\nimport TabBar, { TabProps } from \"../tabs/tabs\";\nimport { Box, ButtonGroup, ClickAwayListener, Grow, Menu, MenuItem, Paper, Popper, Button as MuiButton, Divider } from \"@mui/material\";\nimport images from \"../../assets/images\";\nimport {\n  handleCompareDateRange,\n  RANGE,\n} from \"../../utils/date-range\";\nimport { DateRange, Calendar } from \"react-date-range\";\nimport \"react-date-range/dist/styles.css\"; // main css file\nimport \"react-date-range/dist/theme/default.css\"; // theme css file\nimport dayjs from \"dayjs\";\nimport { useAppDispatch } from \"../../redux/hooks\";\nimport { fetchCompanies } from \"./redux/actionCreator\";\nimport SearchableSelect from \"../searchable-select\";\nimport Checkbox from \"../checkbox/checkbox\";\nimport { useTranslation } from \"react-i18next\";\nimport React from \"react\";\nimport { Calendar as CalendarIcon, Export as ExportIcon, Filter as FilterIcon } from \"../icons\";\nimport { enUS } from 'date-fns/locale';\n\ninterface IReportFilters {\n  company: number;\n  start_date: string;\n  end_date: string;\n  as_of_date: string;\n}\n\ninterface ActionBarPropsType extends Partial<TabProps>, IReportButtons {\n  title: string;\n  handleAddButton?: (e?: any) => void;\n  isTitleMenu?: boolean;\n  titleMenus?: any;\n  reportFilterFields?: any[];\n  isDateFilterEnabled?: boolean;\n  onDateFilterChange?: (\n    data: Partial<{\n      company: string | number;\n      start_date: string;\n      end_date: string;\n      as_of_date: string;\n    }>\n  ) => void;\n  filters?: Partial<IReportFilters>;\n  isDateRange?: boolean;\n  showDateFilter?: boolean;\n  dateFilter?: string;\n  showCancelButton?: boolean;\n}\n\ntype TDatePickerVal = {\n  startDate?: Date;\n  endDate?: Date;\n  key?: string;\n};\n\nconst ReportsTitleBar = (props: ActionBarPropsType) => {\n  const {\n    title,\n    handleAddButton,\n    buttons = [],\n    dropdownMenuButtonData,\n    isTitleMenu = false,\n    titleMenus = [],\n    reportFilterFields = [],\n    toggleCallback,\n    tabs,\n    activeValue,\n    setActiveValue,\n    isDateFilterEnabled=true,\n    onDateFilterChange,\n    // showCancelButton,\n    filters = {},\n    isDateRange = true,\n    showDateFilter = false,\n    dateFilter = 'TODAY',\n    filterDropDown,\n    handleRowsCollapse,\n    handleRowsExpand,\n    showLevelBtn=false,\n    dataLength=0,\n    filterKeys={},\n  } = props;\n  // const { companies } = useAppSelector((store) => store.reportsTitleBar);\n\n  const dispatch = useAppDispatch();\n  const customStyle =\n  {\n  \n    '&.MuiOutlinedInput-root': {\n      '& fieldset': {\n        border: 'none',\n        borderColor: `#ade7cb`,\n        borderRadius: `25px`\n      },\n      '& .MuiSelect-outlined': {\n        padding: `4.5px 14px !important`\n      },\n      // '&:hover fieldset': {\n      //   border: 'none',\n      // },\n\n      // '&.Mui-focused fieldset': {\n      //   border: 'none',\n      // },\n      display: `flex`,\n      gap: `4px`,\n      width: `220px`,\n      // height: 30px,\n      border: `1px solid #ade7cb`,\n      borderRadius: `50px`,\n      backgroundColor: `#ebf9f2`,\n      color: `#289b64`,\n      alignItems: `center`,\n      cursor: `pointer`,\n      // height: `30px`\n    \n    },\n  }\nconst inputStyle=\n  {\n    border: \"none\",\n    \"&.Mui-focused\": {\n        borderColor: \"transparent\",\n    },\n    \"& .MuiOutlinedInput-input\": {\n        // padding: \"0px\",\n        fontSize: \"14px\",\n        color:'#289b64'\n    },\n    \"& .MuiOutlinedInput-notchedOutline\": {\n        border: \"none\", \n    },\n    '& .MuiSelect-icon': {\n        color: 'green',\n      },\n}\n\n  const defaultSelected=[\n    {\n      value:'company',\n    },\n  ]\n  const [selectedItems, setSelectedItems] = useState<string[]>(defaultSelected);\n    const [level, setLevel] = useState<number>(1)\n\n  // const selectedCompany = useMemo(\n  //   () =>\n  //     companies?.find((company) => filters?.company === company.id)\n  //       ?.company_name || \"\",\n  //   [companies, filters?.company]\n  // );\n  \n\n  // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n  const [actionAnchorEl, setActionAnchorEl] = useState<null | HTMLElement>(\n    null\n  );\n  // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n  const [allFields, setAllFields] = useState<any[]>([]);\n  const [dateRange, setDateRange] = useState<keyof typeof RANGE>();\n  const [open, setOpen] = useState<boolean>(false);\n  const [exportAnchorEl, setExportAnchorEl] = useState<null | HTMLElement>(null);\n  const [customDate, setCustomDate] = useState<Date>(\n    new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n  );\n  const {t}=useTranslation();\n  const [customDateRange, setCustomDateRange] = useState<TDatePickerVal>({\n    startDate: new Date(dayjs(filters?.start_date || \"\").format(\"YYYY-MM-DD\")),\n    endDate: new Date(dayjs(filters?.end_date || \"\").format(\"YYYY-MM-DD\")),\n    key: \"selection\",\n  });\n\n  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const dateSelectRef = useRef<HTMLDivElement>(null);\n  const chipDateSelectRef = useRef<HTMLDivElement>(null);\n\n  const handleCloseDatePopper = () => {\n    anchorRef.current = null;\n    setOpen(false);\n  };\n\n  const handleDateChange = async (range: keyof typeof RANGE) => {\n    setDateRange(range);\n    if (range === \"CUSTOM\") {\n      anchorRef.current = dateSelectRef.current;\n      setOpen(true);\n    } else {\n      const data = await handleCompareDateRange({\n        range: RANGE[range],\n        from: \"\",\n        to: \"\",\n      });\n      onDateFilterChange?.({\n        start_date: data?.from ? data?.from : \"\",\n        end_date: data?.to ? data?.to : \"\",\n      });\n      handleCloseDatePopper();\n    }\n  };\n\n  const handleClose = (event: Event) => {\n    if (\n      anchorRef.current &&\n      anchorRef.current.contains(event.target as HTMLElement)\n    ) {\n      return;\n    }\n\n    handleCloseDatePopper();\n  };\n  const handleSelectChange = (value: any) => {\n    if (selectedItems.some((item) => item.value == value.value)) {\n      setSelectedItems(selectedItems.filter((item) => item?.value != value.value));\n      return;\n    }\n    setSelectedItems([...selectedItems, value]);\n  };\n  // Create filters config from filterDropDown and filterKeys\n  // If reportFilters is needed, it should be provided by the consuming application\n  const filtersConfig = filterDropDown?.map((filter: any) => ({\n    key: filter.value || filter.key,\n    label: filter.name || filter.label || `Search ${filter.value || filter.key}`,\n    placeholder: filter.placeholder || filter.name || filter.label,\n    apiType: filter.apiType || filter.value || filter.key,\n    valueKey: filterKeys?.[filter.value || filter.key] || filter.value || filter.key,\n    customFilter: filter.customFilter || null,\n    multiple: filter.multiple || false,\n  })) || []\n\n  const options = [\n    {\n      label: RANGE.TODAY,\n      callback: () => {\n        handleDateChange(\"TODAY\");\n      },\n    },\n    {\n      label: RANGE.THIS_WEEK,\n      callback: () => {\n        handleDateChange(\"THIS_WEEK\");\n      },\n    },\n    {\n      label: RANGE.THIS_MONTH,\n      callback: () => {\n        handleDateChange(\"THIS_MONTH\");\n      },\n    },\n    {\n      label: RANGE.THIS_QUARTER,\n      callback: () => {\n        handleDateChange(\"THIS_QUARTER\");\n      },\n    },\n    {\n      label: RANGE.THIS_YEAR,\n      callback: () => {\n        handleDateChange(\"THIS_YEAR\");\n      },\n    },\n    {\n      label: RANGE.YESTERDAY,\n      callback: () => {\n        handleDateChange(\"YESTERDAY\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_WEEK,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_WEEK\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_MONTH,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_MONTH\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_QUARTER,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_QUARTER\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_YEAR,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_YEAR\");\n      },\n    },\n    {\n      label: RANGE.CUSTOM,\n      callback: () => {\n        handleDateChange(\"CUSTOM\");\n      },\n    },\n  ];\n\n  const isChecked =(value: any) => {\n    return selectedItems.some(item => item?.value == value?.value)\n  }\n  \n  const handleFilterPopperSubmit = () => {\n    const dateRangeFilter = {\n      start_date: dayjs(customDateRange.startDate).format(\"YYYY-MM-DD\"),\n      end_date: dayjs(customDateRange.endDate).format(\"YYYY-MM-DD\"),\n    };\n    const dateFilter = {\n      as_of_date: dayjs(customDate).format(\"YYYY-MM-DD\"),\n    };\n\n    onDateFilterChange?.({\n      ...(isDateRange ? dateRangeFilter : dateFilter),\n    });\n    handleCloseDatePopper();\n  };\n  function showFilter(val) {\n    return selectedItems.some(item => item?.value == val)\n  }\n\n  const getStartAndEndDate = (filters: any) => {\n    const startDate = dayjs(filters?.start_date).isValid() ? dayjs(filters.start_date).toDate() : new Date();\n    const endDate = dayjs(filters?.end_date).isValid() ? dayjs(filters.end_date).toDate() : new Date();\n    return { startDate, endDate };\n};\n\n  useEffect(() => {\n    setCustomDate(\n      new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n    );\n  }, [filters?.as_of_date]);\n\n  useEffect(() => {\n    setCustomDateRange({\n      ...customDateRange,\n      ...getStartAndEndDate(filters)\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filters?.end_date, filters?.start_date]);\n\n  useEffect(() => {\n    if (open) {\n      if (isDateRange) {\n        setCustomDateRange({\n          ...customDateRange,\n          ...getStartAndEndDate(filters)\n        });\n      } else {\n        setCustomDate(\n          new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n        );\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, isDateRange]);\n\n  useEffect(() => {\n    dispatch(fetchCompanies());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    setAllFields(generateFields(reportFilterFields));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  useEffect(() => {\n    handleDateChange(dateFilter)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dateFilter]);\n\n  const filterDropDownFunc = () => {\n    return (\n      <Menu\n        anchorEl={actionAnchorEl}\n        open={Boolean(actionAnchorEl)}\n        onClose={handleFilterClose}\n      >\n        {/* <MenuItem className=\"inventoryReportsTitleBar--report-filter\"> */}\n          {/* Add your options here */}\n          {filterDropDown?.map((item) => (\n            <MenuItem onClick={() => handleSelectChange(item)}  key={item} value={item?.value}>\n              <Checkbox checked={isChecked(item)} />\n              <Typography sx={{marginLeft:'10px'}} color='theme.neutral.800' type='s3'>{item?.name}</Typography>\n            </MenuItem>\n          ))}\n        {/* </MenuItem> */}\n      </Menu>\n    );\n  };\n\n  const renderFilter = ({\n    key,\n    label,\n    placeholder,\n    apiType,\n    valueKey,\n    customFilter,\n    multiple = false,\n    options,\n    show=true,\n    showCancelButton=true\n  }: FilterConfig) => {\n    if (!showFilter(key)||!show) return null;\n     \n    return (\n      // <div className=\"search-filter\" key={key}>\n        <SearchableSelect\n          labelId={`${key}-label`}\n          searchPlaceholder={label}\n          value={filters?.[valueKey]}\n          onChange={(e) => onDateFilterChange({ [valueKey]: e.target.value })}\n          showCancelButton={showCancelButton}\n          apiType={apiType}\n          options={options}\n          multiple={multiple}\n          placeholder={placeholder}\n          customeFilter={customFilter}\n          // CustomDropDownIcon={FilterAltIcon}\n          customStyle={customStyle}\n          inputStyle={inputStyle}\n        />\n      // </div>\n    );\n  };\n  const FilterContainer = () => (\n    <>\n      {filtersConfig.map(renderFilter)}\n    </>\n  );\n  const handleFilterClose = () => {\n    setActionAnchorEl(null);\n  };\n\n  const ExportContainer = React.memo(()=>{\n    const handleClose = () => setExportAnchorEl(null);\n    return(\n      <Menu\n      open={Boolean(exportAnchorEl)}\n      anchorEl={exportAnchorEl}\n      onClose={handleClose}\n      anchorOrigin={{\n        vertical: \"bottom\",\n        horizontal: \"right\",\n      }}\n      transformOrigin={{\n        vertical: \"top\",\n        horizontal: \"right\",\n      }}\n    >\n      {dropdownMenuButtonData?.options?.map((option, index) => (\n        <MenuItem\n          key={index}\n          onClick={() => {\n            option.callback();\n            setExportAnchorEl(null);\n          }}  \n        >\n         <Typography type=\"s4\" weight=\"medium\" color={'inherit'}> {option.label}</Typography>\n        </MenuItem>\n      ))}\n    </Menu>\n    )\n  })\n\n  return (\n    <div>\n      <div className=\"reportsTitleBar\">\n        <div className=\"reportsTitleBar--LeftContent\">\n          {isTitleMenu ? (\n            <div style={{ zIndex: 999 }}>\n              <TitleDropdownButton\n                onClick={handleAddButton}\n                options={titleMenus}\n                isMenuThirdItemDisabled={true}\n              >\n                {title}\n              </TitleDropdownButton>\n            </div>\n          ) : (\n            <Typography type=\"h3\" weight=\"medium\" color=\"theme.secondary.1000\">\n              {title}\n            </Typography>\n          )}\n        </div>\n       \n        <ReportButtons\n          zIndex={999}\n          className=\"reportsTitleBar--RightContent\"\n          buttons={buttons}\n        />\n      </div>\n      {tabs?.length ? (\n        <div>\n          <TabBar\n            tabs={tabs || []}\n            activeValue={activeValue}\n            setActiveValue={setActiveValue}\n            isTabViewOnly={true}\n          />\n        </div>\n      ) : null}\n      <Box sx={{ display: \"flex\", justifyContent: \"space-between\", my: 2.5, mx: 1 }}>\n        <div className=\"reportsTitleBar--FilterWrapper\">\n        {FilterContainer()}\n          { (filters?.end_date && showDateFilter) && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                onClick={() => {\n                  if (!open) {\n                    anchorRef.current = chipDateSelectRef.current;\n                    setOpen(true);\n                  } else {\n                    handleCloseDatePopper();\n                  }\n                }}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} - ${dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.dateRange\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} -{\" \"}\n                    {dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                <KeyboardArrowDownIcon />\n              </div>\n            </div>\n          )}\n          {(customDateRange?.startDate && customDateRange?.endDate && isDateFilterEnabled  && !['TODAY','YESTERDAY'].includes(dateRange)) && (\n            \n          <>\n           {customDateRange?.startDate && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                style={{padding:' 5px 12px'}}\n                ref={chipDateSelectRef}\n               \n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.startDate\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                {/* <KeyboardArrowDownIcon /> */}\n              </div>\n            </div>\n          )}\n           {customDateRange?.endDate && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                style={{padding:' 5px 12px'}}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.endDate\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(customDateRange?.endDate).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                {/* <KeyboardArrowDownIcon /> */}\n              </div>\n            </div>\n          )}\n          </>\n          )}\n          {filters?.as_of_date && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                onClick={() => {\n                  if (!open) {\n                    anchorRef.current = chipDateSelectRef.current;\n                    setOpen(true);\n                  } else {\n                    handleCloseDatePopper();\n                  }\n                }}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.date\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                <KeyboardArrowDownIcon />\n              </div>\n            </div>\n          )}\n          {/* {((filters?.company && selectedCompany) ||\n            (filters?.start_date && filters?.end_date) ||\n            filters?.as_of_date) &&\n          reportFilterFields?.length\n            ? \"|\"\n            : \"\"} */}\n        </div>\n        <div className=\"report-display\">\n        {dropdownMenuButtonData?.options?.length>0 && \n          <Box>   \n           <Button\n            sx={({ palette }) => ({\n              border: \"1px solid\",\n              borderColor: 'grey.200',\n              borderRadius: \"50px\",\n              color: `${palette.grey[800]} !important`,\n              '&:hover': {\n                bgcolor: `${palette.grey[200]} !important`,\n              }\n            })}\n            variant=\"text\"\n            startIcon={<ExportIcon fontSize=\"small\"/>}\n            onClick={(event) => setExportAnchorEl (event.currentTarget)}\n          >\n            {t(\"common.export\")}\n          </Button>\n          {exportAnchorEl && (\n         <ExportContainer />\n          ) }\n          </Box>\n          }\n       \n          {filterDropDown?.length && \n          <>\n            <Box>   \n            <Button\n              sx={({ palette }) => ({\n                border: \"1px solid\",\n                borderColor: 'grey.200',\n                borderRadius: \"50px\",\n                color: `${palette.grey[800]} !important`,\n                '&:hover': {\n                  bgcolor: `${palette.grey[200]} !important`,\n                }\n              })}\n              variant=\"text\"\n              startIcon={<FilterIcon fontSize=\"small\"/>}\n              onClick={(event) => setActionAnchorEl(event.currentTarget)}\n            >\n              {t(\"common.filter\")}\n            </Button>\n            </Box>\n            {showLevelBtn && <Divider flexItem orientation=\"vertical\" sx= {{ height: '50%', alignSelf: 'auto'}} />}\n          </>\n          }\n        \n              {filterDropDownFunc()}\n              {showLevelBtn && (\n                    <>\n                      <Box className=\"reportsTitleBar--FilterAction--lvWrapper\" >\n                       <Typography type=\"s3\" weight=\"medium\" color='grey.800'> Level {level} of {dataLength}</Typography>\n                       <ButtonGroup variant=\"outlined\" disableElevation sx={({ palette }) => ({ \n                         '& .MuiButton-root' :{\n                           borderColor: `${palette.grey[200]} !important`,\n                           '&:hover': {\n                            bgcolor: `${palette.grey[200]} !important`,\n                          }\n                          },\n                          '& .MuiButtonGroup-firstButton' : {\n                            borderTopLeftRadius: 20,\n                            borderBottomLeftRadius: 20\n                          },\n                          '& .MuiButtonGroup-lastButton' : {\n                            borderTopRightRadius: 20,\n                            borderBottomRightRadius: 20\n                          }\n                      })}>\n                        <MuiButton onClick={() => {\n                            setLevel(level == dataLength ? level : level + 1)\n                            handleRowsCollapse?.(level)\n                          }}>\n                            <img src={images.common.expand} />\n                        </MuiButton>\n                        <MuiButton onClick={() => {\n                            setLevel(level != 1 ? level - 1 : 1)\n                            handleRowsExpand?.(level)\n                          }}>\n                            <img src={images.common.collapse} />\n                        </MuiButton>\n                       </ButtonGroup>\n                      </Box>\n                      {isDateFilterEnabled && <Divider flexItem orientation=\"vertical\" sx= {{ height: '50%', alignSelf: 'auto'}} />}\n                    </>\n                  )}\n          {isDateFilterEnabled && (\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n            <Typography type=\"s3\" weight=\"medium\" color='grey.800'>As of: </Typography>\n              <ReportButtons\n                zIndex={997}\n                className=\"reportsTitleBar--RightContent\"\n                dropdownMenuButtonData={{\n                  icon: <CalendarIcon fontSize=\"small\"/>,\n                  children: (\n                    <>\n                      {RANGE[dateRange]}\n                      <KeyboardArrowDownIcon />\n                    </>\n                  ),\n                  options: options,\n                }}\n                toggleCallback={toggleCallback}\n              />\n              <div ref={dateSelectRef}></div>\n            </Box>\n          )}\n        </div>\n      </Box>\n      {/* <Filter\n        open={openFilterPopup}\n        onClose={() => setOpenFilterPopup(false)}\n        fields={allFields}\n        onSelectedFilter={(filterName: string) => console.log(filterName)}\n        // getFilterStatesOnApply={() => {}}\n        applyFilter={(val: any) => console.log('val', val)}\n      /> */}\n      <Popper\n        sx={{\n          zIndex: 9999,\n        }}\n        open={open}\n        anchorEl={anchorRef.current}\n        role={undefined}\n        transition\n        disablePortal\n      >\n        {({ TransitionProps, placement }) => (\n          <Grow\n            {...TransitionProps}\n            style={{\n              margin: \"0 20px 0 20px\",\n              transformOrigin:\n                placement === \"bottom\" ? \"center top\" : \"center bottom\",\n            }}\n          >\n            <Paper>\n              <ClickAwayListener onClickAway={handleClose}>\n                <Box\n                  sx={{\n                    display: \"flex\",\n                    flexDirection: \"column\",\n                    alignItems: \"flex-end\",\n                  }}\n                >\n                  <div>\n                    {isDateRange ? (\n                      <DateRange\n                        editableDateInputs={true}\n                        onChange={(item) => setCustomDateRange(item.selection)}\n                        moveRangeOnFirstSelection={false}\n                        ranges={[customDateRange]}\n                        locale={enUS}\n                      />\n                    ) : (\n                      <Calendar\n                        onChange={(item) => setCustomDate(item)}\n                        date={customDate}\n                        locale={enUS}\n                      />\n                    )}\n                  </div>\n                  <Box sx={{ padding: \"0 12px 12px 0\" }}>\n                    <Button\n                      variant=\"contained\"\n                      sx={{ width: \"fit-content\" }}\n                      onClick={handleFilterPopperSubmit}\n                    >\n                        {t(\"common.apply\")}\n                    </Button>\n                  </Box>\n                </Box>\n              </ClickAwayListener>\n            </Paper>\n          </Grow>\n        )}\n      </Popper>\n    </div>\n  );\n};\n\nexport { ReportsTitleBar };\nexport default ReportsTitleBar;\n"],"names":["ReportsTitleBar","props","title","handleAddButton","buttons","dropdownMenuButtonData","isTitleMenu","titleMenus","reportFilterFields","toggleCallback","tabs","activeValue","setActiveValue","isDateFilterEnabled","onDateFilterChange","filters","isDateRange","showDateFilter","dateFilter","filterDropDown","handleRowsCollapse","handleRowsExpand","showLevelBtn","dataLength","filterKeys","dispatch","useAppDispatch","customStyle","border","borderColor","borderRadius","padding","display","gap","width","backgroundColor","color","alignItems","cursor","inputStyle","fontSize","selectedItems","setSelectedItems","useState","value","level","setLevel","actionAnchorEl","setActionAnchorEl","allFields","setAllFields","dateRange","setDateRange","open","setOpen","exportAnchorEl","setExportAnchorEl","customDate","setCustomDate","Date","dayjs","as_of_date","format","t","useTranslation","customDateRange","setCustomDateRange","startDate","start_date","endDate","end_date","key","anchorRef","useRef","dateSelectRef","chipDateSelectRef","handleCloseDatePopper","current","handleDateChange","async","range","data","handleCompareDateRange","RANGE","from","to","handleClose","event","contains","target","filtersConfig","map","filter","label","name","placeholder","apiType","valueKey","customFilter","multiple","options","TODAY","callback","THIS_WEEK","THIS_MONTH","THIS_QUARTER","THIS_YEAR","YESTERDAY","PREVIOUS_WEEK","PREVIOUS_MONTH","PREVIOUS_QUARTER","PREVIOUS_YEAR","CUSTOM","handleFilterPopperSubmit","dateRangeFilter","getStartAndEndDate","isValid","toDate","useEffect","fetchCompanies","generateFields","ExportContainer","React","memo","jsx","Menu","Boolean","anchorEl","onClose","anchorOrigin","vertical","horizontal","transformOrigin","children","_a","option","index","MenuItem","onClick","Typography","type","weight","jsxs","className","style","zIndex","TitleDropdownButton","isMenuThirdItemDisabled","ReportButtons","length","TabBar","isTabViewOnly","Box","sx","justifyContent","my","mx","Fragment","show","showCancelButton","val","some","item","SearchableSelect","labelId","searchPlaceholder","onChange","e","customeFilter","ref","KeyboardArrowDownIcon","includes","Button","palette","grey","bgcolor","variant","startIcon","ExportIcon","currentTarget","FilterIcon","Divider","flexItem","orientation","height","alignSelf","handleSelectChange","Checkbox","checked","marginLeft","ButtonGroup","disableElevation","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","MuiButton","src","images","common","expand","collapse","icon","CalendarIcon","Popper","role","transition","disablePortal","TransitionProps","placement","Grow","margin","Paper","ClickAwayListener","onClickAway","flexDirection","DateRange","editableDateInputs","selection","moveRangeOnFirstSelection","ranges","locale","enUS","Calendar","date"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/reports-title-bar/reports-title-bar.tsx"],"sourcesContent":["import Button from \"../button/button\";\nimport Typography from \"../typography/typography\";\nimport \"./reports-title-bar.scss\";\n\nimport TitleDropdownButton from \"../title-dropdown-button/title-dropdown-button\";\nimport { useEffect,  useRef, useState } from \"react\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport { generateFields } from \"../../utils/common\";\nimport ReportButtons, { IReportButtons } from \"./report-buttons/report-buttons\";\nimport TabBar, { TabProps } from \"../tabs/tabs\";\nimport { Box, ButtonGroup, ClickAwayListener, Grow, Menu, MenuItem, Paper, Popper, Button as MuiButton, Divider } from \"@mui/material\";\nimport images from \"../../assets/images\";\nimport {\n  handleCompareDateRange,\n  RANGE,\n} from \"../../utils/date-range\";\nimport { DateRange, Calendar } from \"react-date-range\";\nimport \"react-date-range/dist/styles.css\"; // main css file\nimport \"react-date-range/dist/theme/default.css\"; // theme css file\nimport dayjs from \"dayjs\";\nimport { useAppDispatch } from \"../../redux/hooks\";\nimport { fetchCompanies } from \"./redux/actionCreator\";\nimport SearchableSelect from \"../searchable-select\";\nimport Checkbox from \"../checkbox/checkbox\";\nimport { useTranslation } from \"react-i18next\";\nimport React from \"react\";\nimport { Calendar as CalendarIcon, Export as ExportIcon, Filter as FilterIcon } from \"../icons\";\nimport { enUS } from 'date-fns/locale';\n\ninterface IReportFilters {\n  company: number;\n  start_date: string;\n  end_date: string;\n  as_of_date: string;\n}\n\ninterface ActionBarPropsType extends Partial<TabProps>, IReportButtons {\n  title: string;\n  handleAddButton?: (e?: any) => void;\n  isTitleMenu?: boolean;\n  titleMenus?: any;\n  reportFilterFields?: any[];\n  isDateFilterEnabled?: boolean;\n  onDateFilterChange?: (\n    data: Partial<{\n      company: string | number;\n      start_date: string;\n      end_date: string;\n      as_of_date: string;\n    }>\n  ) => void;\n  filters?: Partial<IReportFilters>;\n  isDateRange?: boolean;\n  showDateFilter?: boolean;\n  dateFilter?: string;\n  showCancelButton?: boolean;\n}\n\ntype TDatePickerVal = {\n  startDate?: Date;\n  endDate?: Date;\n  key?: string;\n};\n\nconst ReportsTitleBar = (props: ActionBarPropsType) => {\n  const {\n    title,\n    handleAddButton,\n    buttons = [],\n    dropdownMenuButtonData,\n    isTitleMenu = false,\n    titleMenus = [],\n    reportFilterFields = [],\n    toggleCallback,\n    tabs,\n    activeValue,\n    setActiveValue,\n    isDateFilterEnabled=true,\n    onDateFilterChange,\n    // showCancelButton,\n    filters = {},\n    isDateRange = true,\n    showDateFilter = false,\n    dateFilter = 'TODAY',\n    filterDropDown,\n    handleRowsCollapse,\n    handleRowsExpand,\n    showLevelBtn=false,\n    dataLength=0,\n    filterKeys={},\n  } = props;\n  // const { companies } = useAppSelector((store) => store.reportsTitleBar);\n\n  const dispatch = useAppDispatch();\n  const customStyle =\n  {\n  \n    '&.MuiOutlinedInput-root': {\n      '& fieldset': {\n        border: 'none',\n        borderColor: `#ade7cb`,\n        borderRadius: `25px`\n      },\n      '& .MuiSelect-outlined': {\n        padding: `4.5px 14px !important`\n      },\n      // '&:hover fieldset': {\n      //   border: 'none',\n      // },\n\n      // '&.Mui-focused fieldset': {\n      //   border: 'none',\n      // },\n      display: `flex`,\n      gap: `4px`,\n      width: `220px`,\n      // height: 30px,\n      border: `1px solid #ade7cb`,\n      borderRadius: `50px`,\n      backgroundColor: `#ebf9f2`,\n      color: `#289b64`,\n      alignItems: `center`,\n      cursor: `pointer`,\n      // height: `30px`\n    \n    },\n  }\nconst inputStyle=\n  {\n    border: \"none\",\n    \"&.Mui-focused\": {\n        borderColor: \"transparent\",\n    },\n    \"& .MuiOutlinedInput-input\": {\n        // padding: \"0px\",\n        fontSize: \"14px\",\n        color:'#289b64'\n    },\n    \"& .MuiOutlinedInput-notchedOutline\": {\n        border: \"none\", \n    },\n    '& .MuiSelect-icon': {\n        color: 'green',\n      },\n}\n\n  const defaultSelected=[\n    {\n      value:'company',\n    },\n  ]\n  const [selectedItems, setSelectedItems] = useState<string[]>(defaultSelected);\n    const [level, setLevel] = useState<number>(1)\n\n  // const selectedCompany = useMemo(\n  //   () =>\n  //     companies?.find((company) => filters?.company === company.id)\n  //       ?.company_name || \"\",\n  //   [companies, filters?.company]\n  // );\n  \n\n  // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n  const [actionAnchorEl, setActionAnchorEl] = useState<null | HTMLElement>(\n    null\n  );\n  // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n  const [allFields, setAllFields] = useState<any[]>([]);\n  const [dateRange, setDateRange] = useState<keyof typeof RANGE>();\n  const [open, setOpen] = useState<boolean>(false);\n  const [exportAnchorEl, setExportAnchorEl] = useState<null | HTMLElement>(null);\n  const [customDate, setCustomDate] = useState<Date>(\n    new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n  );\n  const {t}=useTranslation();\n  const [customDateRange, setCustomDateRange] = useState<TDatePickerVal>({\n    startDate: new Date(dayjs(filters?.start_date || \"\").format(\"YYYY-MM-DD\")),\n    endDate: new Date(dayjs(filters?.end_date || \"\").format(\"YYYY-MM-DD\")),\n    key: \"selection\",\n  });\n\n  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const dateSelectRef = useRef<HTMLDivElement>(null);\n  const chipDateSelectRef = useRef<HTMLDivElement>(null);\n\n  const handleCloseDatePopper = () => {\n    anchorRef.current = null;\n    setOpen(false);\n  };\n\n  const handleDateChange = async (range: keyof typeof RANGE) => {\n    setDateRange(range);\n    if (range === \"CUSTOM\") {\n      anchorRef.current = dateSelectRef.current;\n      setOpen(true);\n    } else {\n      const data = await handleCompareDateRange({\n        range: RANGE[range],\n        from: \"\",\n        to: \"\",\n      });\n      onDateFilterChange?.({\n        start_date: data?.from ? data?.from : \"\",\n        end_date: data?.to ? data?.to : \"\",\n      });\n      handleCloseDatePopper();\n    }\n  };\n\n  const handleClose = (event: Event) => {\n    if (\n      anchorRef.current &&\n      anchorRef.current.contains(event.target as HTMLElement)\n    ) {\n      return;\n    }\n\n    handleCloseDatePopper();\n  };\n  const handleSelectChange = (value: any) => {\n    if (selectedItems.some((item) => item.value == value.value)) {\n      setSelectedItems(selectedItems.filter((item) => item?.value != value.value));\n      return;\n    }\n    setSelectedItems([...selectedItems, value]);\n  };\n  // Create filters config from filterDropDown and filterKeys\n  // If reportFilters is needed, it should be provided by the consuming application\n  const filtersConfig = filterDropDown?.map((filter: any) => ({\n    key: filter.value || filter.key,\n    label: filter.name || filter.label || `Search ${filter.value || filter.key}`,\n    placeholder: filter.placeholder || filter.name || filter.label,\n    apiType: filter.apiType || filter.value || filter.key,\n    valueKey: filterKeys?.[filter.value || filter.key] || filter.value || filter.key,\n    customFilter: filter.customFilter || null,\n    multiple: filter.multiple || false,\n  })) || []\n\n  const options = [\n    {\n      label: RANGE.TODAY,\n      callback: () => {\n        handleDateChange(\"TODAY\");\n      },\n    },\n    {\n      label: RANGE.THIS_WEEK,\n      callback: () => {\n        handleDateChange(\"THIS_WEEK\");\n      },\n    },\n    {\n      label: RANGE.THIS_MONTH,\n      callback: () => {\n        handleDateChange(\"THIS_MONTH\");\n      },\n    },\n    {\n      label: RANGE.THIS_QUARTER,\n      callback: () => {\n        handleDateChange(\"THIS_QUARTER\");\n      },\n    },\n    {\n      label: RANGE.THIS_YEAR,\n      callback: () => {\n        handleDateChange(\"THIS_YEAR\");\n      },\n    },\n    {\n      label: RANGE.YESTERDAY,\n      callback: () => {\n        handleDateChange(\"YESTERDAY\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_WEEK,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_WEEK\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_MONTH,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_MONTH\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_QUARTER,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_QUARTER\");\n      },\n    },\n    {\n      label: RANGE.PREVIOUS_YEAR,\n      callback: () => {\n        handleDateChange(\"PREVIOUS_YEAR\");\n      },\n    },\n    {\n      label: RANGE.CUSTOM,\n      callback: () => {\n        handleDateChange(\"CUSTOM\");\n      },\n    },\n  ];\n\n  const isChecked =(value: any) => {\n    return selectedItems.some(item => item?.value == value?.value)\n  }\n  \n  const handleFilterPopperSubmit = () => {\n    const dateRangeFilter = {\n      start_date: dayjs(customDateRange.startDate).format(\"YYYY-MM-DD\"),\n      end_date: dayjs(customDateRange.endDate).format(\"YYYY-MM-DD\"),\n    };\n    const dateFilter = {\n      as_of_date: dayjs(customDate).format(\"YYYY-MM-DD\"),\n    };\n\n    onDateFilterChange?.({\n      ...(isDateRange ? dateRangeFilter : dateFilter),\n    });\n    handleCloseDatePopper();\n  };\n  function showFilter(val) {\n    return selectedItems.some(item => item?.value == val)\n  }\n\n  const getStartAndEndDate = (filters: any) => {\n    const startDate = dayjs(filters?.start_date).isValid() ? dayjs(filters.start_date).toDate() : new Date();\n    const endDate = dayjs(filters?.end_date).isValid() ? dayjs(filters.end_date).toDate() : new Date();\n    return { startDate, endDate };\n};\n\n  useEffect(() => {\n    setCustomDate(\n      new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n    );\n  }, [filters?.as_of_date]);\n\n  useEffect(() => {\n    setCustomDateRange({\n      ...customDateRange,\n      ...getStartAndEndDate(filters)\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filters?.end_date, filters?.start_date]);\n\n  useEffect(() => {\n    if (open) {\n      if (isDateRange) {\n        setCustomDateRange({\n          ...customDateRange,\n          ...getStartAndEndDate(filters)\n        });\n      } else {\n        setCustomDate(\n          new Date(dayjs(filters?.as_of_date || \"\").format(\"YYYY-MM-DD\"))\n        );\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, isDateRange]);\n\n  useEffect(() => {\n    dispatch(fetchCompanies());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    setAllFields(generateFields(reportFilterFields));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  useEffect(() => {\n    handleDateChange(dateFilter)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dateFilter]);\n\n  const filterDropDownFunc = () => {\n    return (\n      <Menu\n        anchorEl={actionAnchorEl}\n        open={Boolean(actionAnchorEl)}\n        onClose={handleFilterClose}\n      >\n        {/* <MenuItem className=\"inventoryReportsTitleBar--report-filter\"> */}\n          {/* Add your options here */}\n          {filterDropDown?.map((item) => (\n            <MenuItem onClick={() => handleSelectChange(item)}  key={item} value={item?.value}>\n              <Checkbox checked={isChecked(item)} />\n              <Typography sx={{marginLeft:'10px'}} color='theme.neutral.800' type='s3'>{item?.name}</Typography>\n            </MenuItem>\n          ))}\n        {/* </MenuItem> */}\n      </Menu>\n    );\n  };\n\n  const renderFilter = ({\n    key,\n    label,\n    placeholder,\n    apiType,\n    valueKey,\n    customFilter,\n    multiple = false,\n    options,\n    show=true,\n    showCancelButton=true\n  }: FilterConfig) => {\n    if (!showFilter(key)||!show) return null;\n     \n    return (\n      // <div className=\"search-filter\" key={key}>\n        <SearchableSelect\n          labelId={`${key}-label`}\n          searchPlaceholder={label}\n          value={filters?.[valueKey]}\n          onChange={(e) => onDateFilterChange({ [valueKey]: e.target.value })}\n          showCancelButton={showCancelButton}\n          apiType={apiType}\n          options={options}\n          multiple={multiple}\n          placeholder={placeholder}\n          customeFilter={customFilter}\n          // CustomDropDownIcon={FilterAltIcon}\n          customStyle={customStyle}\n          inputStyle={inputStyle}\n        />\n      // </div>\n    );\n  };\n  const FilterContainer = () => (\n    <>\n      {filtersConfig.map(renderFilter)}\n    </>\n  );\n  const handleFilterClose = () => {\n    setActionAnchorEl(null);\n  };\n\n  const ExportContainer = React.memo(()=>{\n    const handleClose = () => setExportAnchorEl(null);\n    return(\n      <Menu\n      open={Boolean(exportAnchorEl)}\n      anchorEl={exportAnchorEl}\n      onClose={handleClose}\n      anchorOrigin={{\n        vertical: \"bottom\",\n        horizontal: \"right\",\n      }}\n      transformOrigin={{\n        vertical: \"top\",\n        horizontal: \"right\",\n      }}\n    >\n      {dropdownMenuButtonData?.options?.map((option, index) => (\n        <MenuItem\n          key={index}\n          onClick={() => {\n            option.callback();\n            setExportAnchorEl(null);\n          }}  \n        >\n         <Typography type=\"s4\" weight=\"medium\" color={'inherit'}> {option.label}</Typography>\n        </MenuItem>\n      ))}\n    </Menu>\n    )\n  })\n\n  return (\n    <div>\n      <div className=\"reportsTitleBar\">\n        <div className=\"reportsTitleBar--LeftContent\">\n          {isTitleMenu ? (\n            <div style={{ zIndex: 999 }}>\n              <TitleDropdownButton\n                onClick={handleAddButton}\n                options={titleMenus}\n                isMenuThirdItemDisabled={true}\n              >\n                {title}\n              </TitleDropdownButton>\n            </div>\n          ) : (\n            <Typography type=\"h3\" weight=\"medium\" color=\"theme.secondary.1000\">\n              {title}\n            </Typography>\n          )}\n        </div>\n       \n        <ReportButtons\n          zIndex={999}\n          className=\"reportsTitleBar--RightContent\"\n          buttons={buttons}\n        />\n      </div>\n      {tabs?.length ? (\n        <div>\n          <TabBar\n            tabs={tabs || []}\n            activeValue={activeValue}\n            setActiveValue={setActiveValue}\n            isTabViewOnly={true}\n          />\n        </div>\n      ) : null}\n      <Box sx={{ display: \"flex\", justifyContent: \"space-between\", my: 2.5, mx: 1 }}>\n        <div className=\"reportsTitleBar--FilterWrapper\">\n        {FilterContainer()}\n          { (filters?.end_date && showDateFilter) && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                onClick={() => {\n                  if (!open) {\n                    anchorRef.current = chipDateSelectRef.current;\n                    setOpen(true);\n                  } else {\n                    handleCloseDatePopper();\n                  }\n                }}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} - ${dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.dateRange\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(filters?.start_date).format(\"DD/MM/YYYY\")} -{\" \"}\n                    {dayjs(filters?.end_date).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                <KeyboardArrowDownIcon />\n              </div>\n            </div>\n          )}\n          {(customDateRange?.startDate && customDateRange?.endDate && isDateFilterEnabled  && !['TODAY','YESTERDAY'].includes(dateRange)) && (\n            \n          <>\n           {customDateRange?.startDate && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                style={{padding:' 5px 12px'}}\n                ref={chipDateSelectRef}\n               \n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.startDate\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                {/* <KeyboardArrowDownIcon /> */}\n              </div>\n            </div>\n          )}\n           {customDateRange?.endDate && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                style={{padding:' 5px 12px'}}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(customDateRange?.startDate).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.endDate\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(customDateRange?.endDate).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                {/* <KeyboardArrowDownIcon /> */}\n              </div>\n            </div>\n          )}\n          </>\n          )}\n          {filters?.as_of_date && (\n            <div style={{ display: \"flex\", gap: \"8px\" }}>\n              <div\n                className=\"reportsTitleBar--FilterWrapper--Chip\"\n                ref={chipDateSelectRef}\n                onClick={() => {\n                  if (!open) {\n                    anchorRef.current = chipDateSelectRef.current;\n                    setOpen(true);\n                  } else {\n                    handleCloseDatePopper();\n                  }\n                }}\n              >\n                <div\n                  className=\"reportsTitleBar--FilterWrapper--Chip--Text\"\n                  title={`${dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}`}\n                >\n                  <Typography type=\"s4\" weight=\"medium\">\n                    {t(\"common.date\")}:\n                  </Typography>\n                  <Typography\n                    className=\"reportsTitleBar--FilterWrapper--Chip--Text--Value\"\n                    type=\"s4\"\n                  >\n                    {dayjs(filters?.as_of_date).format(\"DD/MM/YYYY\")}\n                  </Typography>\n                </div>\n                <KeyboardArrowDownIcon />\n              </div>\n            </div>\n          )}\n          {/* {((filters?.company && selectedCompany) ||\n            (filters?.start_date && filters?.end_date) ||\n            filters?.as_of_date) &&\n          reportFilterFields?.length\n            ? \"|\"\n            : \"\"} */}\n        </div>\n        <div className=\"report-display\">\n        {dropdownMenuButtonData?.options?.length>0 && \n          <Box>   \n           <Button\n            sx={({ palette }) => ({\n              border: \"1px solid\",\n              borderColor: 'grey.200',\n              borderRadius: \"50px\",\n              color: `${palette.grey[800]} !important`,\n              '&:hover': {\n                bgcolor: `${palette.grey[200]} !important`,\n              }\n            })}\n            variant=\"text\"\n            startIcon={<ExportIcon fontSize=\"small\"/>}\n            onClick={(event) => setExportAnchorEl (event.currentTarget)}\n          >\n            {t(\"common.export\")}\n          </Button>\n          {exportAnchorEl && (\n         <ExportContainer />\n          ) }\n          </Box>\n          }\n       \n          {filterDropDown?.length && \n          <>\n            <Box>   \n            <Button\n              sx={({ palette }) => ({\n                border: \"1px solid\",\n                borderColor: 'grey.200',\n                borderRadius: \"50px\",\n                color: `${palette.grey[800]} !important`,\n                '&:hover': {\n                  bgcolor: `${palette.grey[200]} !important`,\n                }\n              })}\n              variant=\"text\"\n              startIcon={<FilterIcon fontSize=\"small\"/>}\n              onClick={(event) => setActionAnchorEl(event.currentTarget)}\n            >\n              {t(\"common.filter\")}\n            </Button>\n            </Box>\n            {showLevelBtn && <Divider flexItem orientation=\"vertical\" sx= {{ height: '50%', alignSelf: 'auto'}} />}\n          </>\n          }\n        \n              {filterDropDownFunc()}\n              {showLevelBtn && (\n                    <>\n                      <Box className=\"reportsTitleBar--FilterAction--lvWrapper\" >\n                       <Typography type=\"s3\" weight=\"medium\" color='grey.800'> Level {level} of {dataLength}</Typography>\n                       <ButtonGroup variant=\"outlined\" disableElevation sx={({ palette }) => ({ \n                         '& .MuiButton-root' :{\n                           borderColor: `${palette.grey[200]} !important`,\n                           '&:hover': {\n                            bgcolor: `${palette.grey[200]} !important`,\n                          }\n                          },\n                          '& .MuiButtonGroup-firstButton' : {\n                            borderTopLeftRadius: 20,\n                            borderBottomLeftRadius: 20\n                          },\n                          '& .MuiButtonGroup-lastButton' : {\n                            borderTopRightRadius: 20,\n                            borderBottomRightRadius: 20\n                          }\n                      })}>\n                        <MuiButton onClick={() => {\n                            setLevel(level == dataLength ? level : level + 1)\n                            handleRowsCollapse?.(level)\n                          }}>\n                            <img src={images.common.expand} />\n                        </MuiButton>\n                        <MuiButton onClick={() => {\n                            setLevel(level != 1 ? level - 1 : 1)\n                            handleRowsExpand?.(level)\n                          }}>\n                            <img src={images.common.collapse} />\n                        </MuiButton>\n                       </ButtonGroup>\n                      </Box>\n                      {isDateFilterEnabled && <Divider flexItem orientation=\"vertical\" sx= {{ height: '50%', alignSelf: 'auto'}} />}\n                    </>\n                  )}\n          {isDateFilterEnabled && (\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n            <Typography type=\"s3\" weight=\"medium\" color='grey.800'>As of: </Typography>\n              <ReportButtons\n                zIndex={997}\n                className=\"reportsTitleBar--RightContent\"\n                dropdownMenuButtonData={{\n                  icon: <CalendarIcon fontSize=\"small\"/>,\n                  children: (\n                    <>\n                      {RANGE[dateRange]}\n                      <KeyboardArrowDownIcon />\n                    </>\n                  ),\n                  options: options,\n                }}\n                toggleCallback={toggleCallback}\n              />\n              <div ref={dateSelectRef}></div>\n            </Box>\n          )}\n        </div>\n      </Box>\n      {/* <Filter\n        open={openFilterPopup}\n        onClose={() => setOpenFilterPopup(false)}\n        fields={allFields}\n        onSelectedFilter={(filterName: string) => console.log(filterName)}\n        // getFilterStatesOnApply={() => {}}\n        applyFilter={(val: any) => console.log('val', val)}\n      /> */}\n      <Popper\n        sx={{\n          zIndex: 9999,\n        }}\n        open={open}\n        anchorEl={anchorRef.current}\n        role={undefined}\n        transition\n        disablePortal\n      >\n        {({ TransitionProps, placement }) => (\n          <Grow\n            {...TransitionProps}\n            style={{\n              margin: \"0 20px 0 20px\",\n              transformOrigin:\n                placement === \"bottom\" ? \"center top\" : \"center bottom\",\n            }}\n          >\n            <Paper>\n              <ClickAwayListener onClickAway={handleClose}>\n                <Box\n                  sx={{\n                    display: \"flex\",\n                    flexDirection: \"column\",\n                    alignItems: \"flex-end\",\n                  }}\n                >\n                  <div>\n                    {isDateRange ? (\n                      <DateRange\n                        editableDateInputs={true}\n                        onChange={(item) => setCustomDateRange(item.selection)}\n                        moveRangeOnFirstSelection={false}\n                        ranges={[customDateRange]}\n                        locale={enUS}\n                      />\n                    ) : (\n                      <Calendar\n                        onChange={(item) => setCustomDate(item)}\n                        date={customDate}\n                        locale={enUS}\n                      />\n                    )}\n                  </div>\n                  <Box sx={{ padding: \"0 12px 12px 0\" }}>\n                    <Button\n                      variant=\"contained\"\n                      sx={{ width: \"fit-content\" }}\n                      onClick={handleFilterPopperSubmit}\n                    >\n                        {t(\"common.apply\")}\n                    </Button>\n                  </Box>\n                </Box>\n              </ClickAwayListener>\n            </Paper>\n          </Grow>\n        )}\n      </Popper>\n    </div>\n  );\n};\n\nexport { ReportsTitleBar };\nexport default ReportsTitleBar;\n"],"names":["ReportsTitleBar","props","title","handleAddButton","buttons","dropdownMenuButtonData","isTitleMenu","titleMenus","reportFilterFields","toggleCallback","tabs","activeValue","setActiveValue","isDateFilterEnabled","onDateFilterChange","filters","isDateRange","showDateFilter","dateFilter","filterDropDown","handleRowsCollapse","handleRowsExpand","showLevelBtn","dataLength","filterKeys","dispatch","useAppDispatch","customStyle","border","borderColor","borderRadius","padding","display","gap","width","backgroundColor","color","alignItems","cursor","inputStyle","fontSize","selectedItems","setSelectedItems","useState","value","level","setLevel","actionAnchorEl","setActionAnchorEl","allFields","setAllFields","dateRange","setDateRange","open","setOpen","exportAnchorEl","setExportAnchorEl","customDate","setCustomDate","Date","dayjs","as_of_date","format","t","useTranslation","customDateRange","setCustomDateRange","startDate","start_date","endDate","end_date","key","anchorRef","useRef","dateSelectRef","chipDateSelectRef","handleCloseDatePopper","current","handleDateChange","async","range","data","handleCompareDateRange","RANGE","from","to","handleClose","event","contains","target","filtersConfig","map","filter","label","name","placeholder","apiType","valueKey","customFilter","multiple","options","TODAY","callback","THIS_WEEK","THIS_MONTH","THIS_QUARTER","THIS_YEAR","YESTERDAY","PREVIOUS_WEEK","PREVIOUS_MONTH","PREVIOUS_QUARTER","PREVIOUS_YEAR","CUSTOM","handleFilterPopperSubmit","dateRangeFilter","getStartAndEndDate","isValid","toDate","useEffect","fetchCompanies","generateFields","ExportContainer","React","memo","jsx","Menu","Boolean","anchorEl","onClose","anchorOrigin","vertical","horizontal","transformOrigin","children","_a","option","index","MenuItem","onClick","Typography","type","weight","jsxs","className","style","zIndex","TitleDropdownButton","isMenuThirdItemDisabled","ReportButtons","length","TabBar","isTabViewOnly","Box","sx","justifyContent","my","mx","Fragment","show","showCancelButton","val","some","item","SearchableSelect","labelId","searchPlaceholder","onChange","e","customeFilter","ref","KeyboardArrowDownIcon","includes","Button","palette","grey","bgcolor","variant","startIcon","ExportIcon","currentTarget","FilterIcon","Divider","flexItem","orientation","height","alignSelf","handleSelectChange","Checkbox","checked","marginLeft","ButtonGroup","disableElevation","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","MuiButton","src","images","common","expand","collapse","icon","CalendarIcon","Popper","role","transition","disablePortal","TransitionProps","placement","Grow","margin","Paper","ClickAwayListener","onClickAway","flexDirection","DateRange","editableDateInputs","selection","moveRangeOnFirstSelection","ranges","locale","enUS","Calendar","date"],"mappings":"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"}

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

@@ -14,7 +14,7 @@ import IconButton from "../../../node_modules/@mui/material/IconButton/IconButto
 import Close from "../../../node_modules/@mui/icons-material/esm/Close/index.esm.js";
 import Grid from "../../../node_modules/@mui/material/Grid/Grid/index.esm.js";
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
-function ItemResponseDetails(props) {
+const ItemResponseDetails = (props) => {
   var _a;
   const { isOpen, onClose, data, isRental = false } = props;
   const [responseItems, setResponseItems] = useState([]);
@@ -37,55 +37,47 @@ function ItemResponseDetails(props) {
   useEffect(() => {
     getResponseItems();
   }, [getResponseItems]);
-  return /* @__PURE__ */ jsxs(
-    Modal,
-    {
-      open: isOpen,
-      onClose,
-      maxWidth: "md",
-      fullWidth: true,
-      children: [
-        isLoading && /* @__PURE__ */ jsx(ModalLoader, {}),
-        /* @__PURE__ */ jsxs(DialogTitle, { className: "itemEntryModal--DialogTitle", children: [
-          /* @__PURE__ */ jsx(Typography, { type: "s3", color: "inherit", weight: "medium", children: "Response Details" }),
-          /* @__PURE__ */ jsx(IconButton, { onClick: onClose, children: /* @__PURE__ */ jsx(Close, { fontSize: "small" }) })
-        ] }),
-        /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", padding: 2, flexDirection: "column" }, children: [
-          /* @__PURE__ */ jsx(Typography, { type: "s5", weight: "medium", color: "theme.secondary.800", children: "Item" }),
-          /* @__PURE__ */ jsx(Typography, { type: "s3", weight: "medium", color: "theme.neutral.1000", children: (_a = data == null ? void 0 : data.item_data) == null ? void 0 : _a.name })
-        ] }) }) }),
-        /* @__PURE__ */ jsx(Grid, { container: true, p: 2, spacing: 3, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Box, { sx: { paddingTop: "1.2rem" }, children: /* @__PURE__ */ jsx(
-          MaterialTable,
-          {
-            rows: responseItems || [],
-            columns: transformTableColumns({
-              columns: responseItemDetailsColumns,
-              currencySymbol: void 0,
-              translationFn: t,
-              customizeValue: (row, columnAccessorKey, value) => {
-                var _a2, _b;
-                switch (columnAccessorKey) {
-                  case "item_data.vendor_info.vendor_name":
-                    return value || ((_b = (_a2 = row == null ? void 0 : row.original) == null ? void 0 : _a2.item_data) == null ? void 0 : _b.name);
-                }
-              }
-            }),
-            paginationModel: { pageNo: 1, limit: 10 },
-            totalPages: 20,
-            enableColumnDragging: true,
-            isResetRow: false,
-            enableEditing: false,
-            columnOrder: ["mrt-row-select"],
-            enableRowSelection: false,
-            disabledDefaultActionColumnIcon: true,
-            enableBottomToolbar: false
+  return /* @__PURE__ */ jsxs(Modal, { open: isOpen, onClose, maxWidth: "md", fullWidth: true, children: [
+    isLoading && /* @__PURE__ */ jsx(ModalLoader, {}),
+    /* @__PURE__ */ jsxs(DialogTitle, { className: "itemEntryModal--DialogTitle", children: [
+      /* @__PURE__ */ jsx(Typography, { type: "s3", color: "inherit", weight: "medium", children: "Response Details" }),
+      /* @__PURE__ */ jsx(IconButton, { onClick: onClose, children: /* @__PURE__ */ jsx(Close, { fontSize: "small" }) })
+    ] }),
+    /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", padding: 2, flexDirection: "column" }, children: [
+      /* @__PURE__ */ jsx(Typography, { type: "s5", weight: "medium", color: "theme.secondary.800", children: "Item" }),
+      /* @__PURE__ */ jsx(Typography, { type: "s3", weight: "medium", color: "theme.neutral.1000", children: (_a = data == null ? void 0 : data.item_data) == null ? void 0 : _a.name })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(Grid, { container: true, p: 2, spacing: 3, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Box, { sx: { paddingTop: "1.2rem" }, children: /* @__PURE__ */ jsx(
+      MaterialTable,
+      {
+        rows: responseItems || [],
+        columns: transformTableColumns({
+          columns: responseItemDetailsColumns,
+          currencySymbol: void 0,
+          translationFn: t,
+          customizeValue: (row, columnAccessorKey, value) => {
+            var _a2, _b;
+            switch (columnAccessorKey) {
+              case "item_data.vendor_info.vendor_name":
+                return value || ((_b = (_a2 = row == null ? void 0 : row.original) == null ? void 0 : _a2.item_data) == null ? void 0 : _b.name);
+            }
           }
-        ) }) }) })
-      ]
-    }
-  );
-}
+        }),
+        paginationModel: { pageNo: 1, limit: 10 },
+        totalPages: 20,
+        enableColumnDragging: true,
+        isResetRow: false,
+        enableEditing: false,
+        columnOrder: ["mrt-row-select"],
+        enableRowSelection: false,
+        disabledDefaultActionColumnIcon: true,
+        enableBottomToolbar: false
+      }
+    ) }) }) })
+  ] });
+};
 export {
+  ItemResponseDetails,
   ItemResponseDetails as default
 };
 //# sourceMappingURL=index.esm.js.map