@erpsquad/common 1.8.40 → 1.8.41

package/dist/views/template-editor/template-modal/template-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/template-modal/template-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useEffect, useState } from 'react';\r\nimport { \r\n  DialogTitle, \r\n  DialogContent, \r\n  DialogActions,\r\n  IconButton,\r\n  Box,\r\n  MenuItem\r\n} from '@mui/material';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport Typography from '../../../components/typography/typography';\r\nimport Modal from '../../../components/modal/modal';\r\nimport { deleteV1TemplatesId, getV1Templates, patchV1TemplatesIdSetDefault } from '../../../api-client/api.system-feature/api';\r\nimport { getErrorMessage, getToken } from '../../../utils/common';\r\nimport Button from '../../../components/button/button';\r\n// import ModalLoader from '../../../components/loader/modal-loader';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { enqueueSnackbar } from 'notistack';\r\nimport Select from '../../../components/select/select';\r\nimport HtmlThumbnailPreview from './html-thumbnail-preview';\r\nimport ConfirmPopUp from '../../../components/confirm-modal/confirm-modal';\r\n\r\nconst TemplateModal = ({ email, onClose, open, companies = [], templateRoutes }) => {\r\n  const [templates, setTemplates] = useState([]);\r\n  const [selectedTemplate, setSelectedTemplate] = useState('');\r\n  const [defaultTemplate, setDefaultTemplate] = useState('');\r\n  const [loading, setLoding] = useState(true);\r\n  const [selectedCompany, setSelectedCompany] = React.useState<number>(companies?.[0]?.id || 0);\r\n  const [templateToDelete, setTemplateToDelete] = React.useState<Record<string, any> | null>(null);\r\n  const navigate = useNavigate();\r\n\r\n  const handleClose = () => {\r\n    onClose();\r\n  };\r\n\r\n  const handleTemplateSelect = (id) => {\r\n    setSelectedTemplate(id);\r\n  };\r\n\r\n  const getTemplatesViaSubject = async () => {\r\n    setLoding(true)\r\n    const res = await getV1Templates({ ...getToken(),  filters: `(company_id.eq=${selectedCompany}&subject_id.eq=${email._id})` })\r\n    if(res?.data) {\r\n      const dTemplate = res?.data?.find(t => t.is_default === true)\r\n      setDefaultTemplate(dTemplate)\r\n      setSelectedTemplate(dTemplate?._id)\r\n      setTemplates(res?.data)\r\n    }\r\n\r\n    setLoding(false)\r\n  }\r\n\r\n  const handleDefaultTemplate = async () => {\r\n    try {\r\n      await patchV1TemplatesIdSetDefault({ ...getToken(), id: selectedTemplate })\r\n      enqueueSnackbar('Template has been set as default');\r\n    } catch (error) {\r\n      const m = getErrorMessage(error?.message);\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  }\r\n\r\n  const handleDeleteTemplate = async () => {\r\n    try {\r\n      if(templateToDelete) {\r\n        await deleteV1TemplatesId({ ...getToken(), id: templateToDelete?._id })\r\n        enqueueSnackbar('Template has been deleted');\r\n        setTemplateToDelete(null)\r\n        await getTemplatesViaSubject()\r\n      }\r\n    } catch (error) {\r\n      const m = getErrorMessage(error?.message);\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    getTemplatesViaSubject()\r\n    return () => { setLoding(true) }\r\n  }, [selectedCompany])\r\n\r\n  return (\r\n    <div>\r\n      <Modal \r\n        open={open} \r\n        onClose={handleClose} \r\n        maxWidth=\"lg\" \r\n        fullWidth\r\n        aria-labelledby=\"email-template-selection\"\r\n      >\r\n        {/* {loading && <ModalLoader/>} */}\r\n        <DialogTitle sx={{ marginBottom: '1rem', padding: '0.75rem 1rem 0.75rem 1.5rem', borderBottom: '1px solid #D3D3D4'}}>\r\n          <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ width: '100%', textAlign: 'center' }}> Select a Template</Typography>\r\n          <Box display='flex' alignItems={'center'} gap={1} position='absolute' right='1%' top='4px'>\r\n            <Typography type='s3' weight='medium' color='theme.secondary.800'> Company</Typography>\r\n            <Select\r\n              displayEmpty\r\n              value={selectedCompany}\r\n              size='small'\r\n              renderValue={(value) => value ? companies.find((option) => option.value === value)?.label : 'Select Company'}\r\n              // fullWidth\r\n              // sx={{\r\n              //   bgcolor: 'white',\r\n              //   borderRadius: 1,\r\n              //   '& .MuiSelect-select': { py: 0.75 }\r\n              // }}\r\n              onChange={(e) => {\r\n                if (e.target.value) {\r\n                  setSelectedCompany(e.target.value as number);\r\n                }\r\n              }}>\r\n              {companies.map((option) => (\r\n                <MenuItem key={option.value} value={option.value}>\r\n                  <Typography type='s3' color='theme.secondary.1000'>{option.label}</Typography>\r\n                </MenuItem>\r\n              ))}\r\n            </Select>\r\n            <IconButton\r\n              aria-label=\"close\"\r\n              onClick={handleClose}\r\n              size='small'\r\n              sx={{\r\n                color: (theme) => theme.palette.grey[500],\r\n              }}\r\n            >\r\n              <CloseIcon fontSize='small'/>\r\n            </IconButton>\r\n          </Box>\r\n        </DialogTitle>\r\n        <DialogContent>\r\n          {/* <Grid container spacing={6}> */}\r\n          {!templates.length && (\r\n            // <Grid item xs={12} sx={{ minHeight: 350}}>\r\n              <Box display='flex' alignItems='center' width='100%' height='100%' justifyContent='center'>\r\n                {!loading && <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ textAlign: 'center' }}>No templates found</Typography>}\r\n              </Box>\r\n            // </Grid>\r\n          )}\r\n            <Box sx={{ \r\n              display: 'grid', \r\n              gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))', \r\n              gap: 2, \r\n              p: 2,\r\n              justifyItems: 'center',\r\n              alignItems: 'center'\r\n            }}>\r\n              {templates.map((template, index) => (\r\n                <HtmlThumbnailPreview\r\n                  key={template._id || index}\r\n                  template={template}\r\n                  width={300}\r\n                  height={200}\r\n                  showControls={true}\r\n                  selectedTemplateId={selectedTemplate}\r\n                  onClick={(template: any) => {\r\n                    handleTemplateSelect(template._id)\r\n                  }}\r\n                  isFetching={loading}\r\n                  onDelete={(template: any) => setTemplateToDelete(template)}\r\n                />\r\n              ))}\r\n            </Box>\r\n          {/* </Grid> */}\r\n        </DialogContent>\r\n        <DialogActions sx={{ p: 2, justifyContent: 'center', borderTop: '1px solid #D3D3D4' }}>\r\n          <Button\r\n            onClick={() => navigate(templateRoutes.EDIT_TEMPLATE(email._id, selectedTemplate), { state: { company_id: selectedCompany } })}\r\n            disabled={!selectedTemplate}\r\n          >\r\n            Continue\r\n          </Button>\r\n          <Button\r\n            onClick={() => handleDefaultTemplate()}\r\n            disabled={!selectedTemplate || defaultTemplate?._id === selectedTemplate}\r\n          >\r\n            Set to Default\r\n          </Button>\r\n        </DialogActions>\r\n      </Modal>\r\n      <ConfirmPopUp\r\n        open={templateToDelete !== null}\r\n        onClose={() => setTemplateToDelete(null)}\r\n        title='Remove Template'\r\n        description='Are you sure you want to delete ?'\r\n        onConfirm={() => handleDeleteTemplate()}\r\n        loading={loading}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TemplateModal;"],"names":["email","onClose","open","companies","templateRoutes","templates","setTemplates","useState","selectedTemplate","setSelectedTemplate","defaultTemplate","setDefaultTemplate","loading","setLoding","selectedCompany","setSelectedCompany","React","_a","id","templateToDelete","setTemplateToDelete","navigate","useNavigate","handleClose","getTemplatesViaSubject","async","res","getV1Templates","getToken","filters","_id","data","dTemplate","find","t","is_default","useEffect","children","jsxs","Modal","maxWidth","fullWidth","DialogTitle","sx","marginBottom","padding","borderBottom","jsx","Typography","type","weight","color","width","textAlign","Box","display","alignItems","gap","position","right","top","Select","displayEmpty","value","size","renderValue","option","label","onChange","e","target","map","MenuItem","IconButton","onClick","theme","palette","grey","CloseIcon","fontSize","DialogContent","length","height","justifyContent","gridTemplateColumns","p","justifyItems","template","index","HtmlThumbnailPreview","showControls","selectedTemplateId","isFetching","onDelete","DialogActions","borderTop","Button","EDIT_TEMPLATE","state","company_id","disabled","patchV1TemplatesIdSetDefault","enqueueSnackbar","error","m","getErrorMessage","message","variant","handleDefaultTemplate","ConfirmPopUp","title","description","onConfirm","deleteV1TemplatesId","handleDeleteTemplate"],"mappings":"u4BAyBsB,EAAGA,QAAOC,UAASC,OAAMC,YAAY,GAAIC,2BAC7D,MAAOC,EAAWC,GAAgBC,EAAAA,SAAS,KACpCC,EAAkBC,GAAuBF,EAAAA,SAAS,KAClDG,EAAiBC,GAAsBJ,EAAAA,SAAS,KAChDK,EAASC,GAAaN,EAAAA,UAAS,IAC/BO,EAAiBC,GAAsBC,EAAAA,QAAMT,UAAiB,OAAAU,EAAA,MAAAd,OAAA,EAAAA,EAAY,SAAZ,EAAAc,EAAgBC,KAAM,IACpFC,EAAkBC,GAAuBJ,EAAAA,QAAMT,SAAqC,MACrFc,EAAWC,EAAAA,cAEXC,EAAc,KAClBtB,KAOIuB,EAAyBC,gBAC7BZ,GAAU,GACV,MAAMa,QAAYC,EAAAA,eAAe,IAAKC,EAAAA,WAAaC,QAAS,kBAAkBf,mBAAiCd,EAAM8B,SACrH,SAAGJ,WAAKK,KAAM,CACZ,MAAMC,EAAY,OAAAf,EAAA,MAAAS,OAAA,EAAAA,EAAKK,WAAL,EAAAd,EAAWgB,KAAKC,IAAsB,IAAjBA,EAAEC,YACzCxB,EAAmBqB,GACnBvB,QAAoBuB,WAAWF,KAC/BxB,QAAaoB,WAAKK,KACpB,CAEAlB,GAAU,IAgCZ,OALAuB,EAAAA,UAAU,KACRZ,IACO,KAAQX,GAAU,KACxB,CAACC,0BAGD,MAAA,CACCuB,SAAA;eAAAC,EAAAA,KAACC,EAAAA,QAAA,CACCrC,OACAD,QAASsB,EACTiB,SAAS,KACTC,WAAS,EACT,kBAAgB,2BAGhBJ,SAAA;eAAAC,EAAAA,KAACI,EAAAA,YAAA,CAAYC,GAAI,CAAEC,aAAc,OAAQC,QAAS,8BAA+BC,aAAc,qBAC7FT,SAAA;eAAAU,EAAAA,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAAuBR,GAAI,CAAES,MAAO,OAAQC,UAAW,UAAYhB,SAAA;iBAC/GC,KAACgB,EAAAA,IAAA,CAAIC,QAAQ,OAAOC,WAAY,SAAUC,IAAK,EAAGC,SAAS,WAAWC,MAAM,KAAKC,IAAI,MACnFvB,SAAA;eAAAU,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,sBAAsBd,SAAA;eAClEU,EAAAA,IAACc,EAAAA,QAAA,CACCC,cAAY,EACZC,MAAOjD,EACPkD,KAAK,QACLC,YAAcF,UAAU,OAAAA,EAAQ,OAAA9C,EAAAd,EAAU8B,KAAMiC,GAAWA,EAAOH,QAAUA,SAA5C,EAAA9C,EAAoDkD,MAAQ,kBAO5FC,SAAWC,IACLA,EAAEC,OAAOP,OACXhD,EAAmBsD,EAAEC,OAAOP,QAG/B1B,SAAAlC,EAAUoE,IAAKL,wBACbM,EAAAA,SAAA,CAA4BT,MAAOG,EAAOH,MACzC1B,wBAAAU,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKE,MAAM,uBAAwBd,SAAA6B,EAAOC,SAD9CD,EAAOH;eAK1BhB,EAAAA,IAAC0B,EAAAA,WAAA,CACC,aAAW,QACXC,QAASnD,EACTyC,KAAK,QACLrB,GAAI,CACFQ,MAAQwB,GAAUA,EAAMC,QAAQC,KAAK,MAGvCxC,0BAAAU,IAAC+B,EAAAA,QAAA,CAAUC,SAAS;sBAIzBC,EAAAA,cAAA,CAEE3C,SAAA,EAAChC,EAAU4E;iBAERlC,IAACO,EAAAA,IAAA,CAAIC,QAAQ,OAAOC,WAAW,SAASJ,MAAM,OAAO8B,OAAO,OAAOC,eAAe,SAC/E9C,UAACzB,kBAAWmC,EAAAA,IAACC,EAAAA,WAAA,CAAWC,KAAK,KAAKC,OAAO,SAASC,MAAM,uBAAuBR,GAAI,CAAEU,UAAW,UAAYhB,SAAA;eAIjHU,MAACO,EAAAA,KAAIX,GAAI,CACPY,QAAS,OACT6B,oBAAqB,wCACrB3B,IAAK,EACL4B,EAAG,EACHC,aAAc,SACd9B,WAAY,UAEXnB,SAAAhC,EAAUkE,IAAI,CAACgB,EAAUC,mBACxBzC,EAAAA,IAAC0C,EAAAA,QAAA,CAECF,WACAnC,MAAO,IACP8B,OAAQ,IACRQ,cAAc,EACdC,mBAAoBnF,EACpBkE,QAAUa,IAvHG,IAACrE,IAwHSqE,EAASzD,IAvH9CrB,EAAoBS,IAyHN0E,WAAYhF,EACZiF,SAAWN,GAAkBnE,EAAoBmE,IAV5CA,EAASzD,KAAO0D;eAgB/BlD,EAAAA,KAACwD,EAAAA,cAAA,CAAcnD,GAAI,CAAE0C,EAAG,EAAGF,eAAgB,SAAUY,UAAW,qBAC9D1D,SAAA;eAAAU,EAAAA,IAACiD,EAAAA,QAAA,CACCtB,QAAS,IAAMrD,EAASjB,EAAe6F,cAAcjG,EAAM8B,IAAKtB,GAAmB,CAAE0F,MAAO,CAAEC,WAAYrF,KAC1GsF,UAAW5F,EACZ6B,SAAA;eAGDU,EAAAA,IAACiD,EAAAA,QAAA,CACCtB,QAAS,IAxHWjD,WAC5B,UACQ4E,EAAAA,6BAA6B,IAAKzE,EAAAA,WAAYV,GAAIV,IACxD8F,EAAAA,gBAAgB,mCAClB,OAASC,GACP,MAAMC,EAAIC,EAAAA,gBAAgB,MAAAF,OAAA,EAAAA,EAAOG,SACjCJ,EAAAA,gBAAgBE,EAAG,CAAEG,QAAS,SAChC,GAiHuBC,GACfR,UAAW5F,IAAoB,MAAAE,OAAA,EAAAA,EAAiBoB,OAAQtB,EACzD6B,SAAA;eAKLU,EAAAA,IAAC8D,EAAAA,QAAA,CACC3G,KAA2B,OAArBiB,EACNlB,QAAS,IAAMmB,EAAoB,MACnC0F,MAAM,kBACNC,YAAY,oCACZC,UAAW,IA1HYvF,WAC3B,IACKN,UACK8F,EAAAA,oBAAoB,IAAKrF,EAAAA,WAAYV,GAAI,MAAAC,OAAA,EAAAA,EAAkBW,MACjEwE,EAAAA,gBAAgB,6BAChBlF,EAAoB,YACdI,IAEV,OAAS+E,GACP,MAAMC,EAAIC,EAAAA,gBAAgB,MAAAF,OAAA,EAAAA,EAAOG,SACjCJ,EAAAA,gBAAgBE,EAAG,CAAEG,QAAS,SAChC,GA+GqBO,GACjBtG"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/template-modal/template-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useEffect, useState } from 'react';\r\nimport { \r\n  DialogTitle, \r\n  DialogContent, \r\n  DialogActions,\r\n  IconButton,\r\n  Box,\r\n  MenuItem\r\n} from '@mui/material';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport Typography from '../../../components/typography/typography';\r\nimport Modal from '../../../components/modal/modal';\r\nimport { deleteV1TemplatesId, getV1Templates, patchV1TemplatesIdSetDefault } from '../../../api-client/api.system-feature/api';\r\nimport { getErrorMessage, getToken } from '../../../utils/common';\r\nimport Button from '../../../components/button/button';\r\n// import ModalLoader from '../../../components/loader/modal-loader';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { enqueueSnackbar } from 'notistack';\r\nimport Select from '../../../components/select/select';\r\nimport HtmlThumbnailPreview from './html-thumbnail-preview';\r\nimport ConfirmPopUp from '../../../components/confirm-modal/confirm-modal';\r\n\r\nconst TemplateModal = ({ email, onClose, open, companies = [], templateRoutes }) => {\r\n  const [templates, setTemplates] = useState([]);\r\n  const [selectedTemplate, setSelectedTemplate] = useState('');\r\n  const [defaultTemplate, setDefaultTemplate] = useState('');\r\n  const [loading, setLoding] = useState(true);\r\n  const [selectedCompany, setSelectedCompany] = React.useState<number>(companies?.[0]?.id || 0);\r\n  const [templateToDelete, setTemplateToDelete] = React.useState<Record<string, any> | null>(null);\r\n  const navigate = useNavigate();\r\n\r\n  const handleClose = () => {\r\n    onClose();\r\n  };\r\n\r\n  const handleTemplateSelect = (id) => {\r\n    setSelectedTemplate(id);\r\n  };\r\n\r\n  const getTemplatesViaSubject = async () => {\r\n    setLoding(true)\r\n    const res = await getV1Templates({ ...getToken(),  filters: `(company_id.eq=${selectedCompany}&subject_id.eq=${email._id})` })\r\n    if(res?.data) {\r\n      const dTemplate = res?.data?.find(t => t.is_default === true)\r\n      setDefaultTemplate(dTemplate)\r\n      setSelectedTemplate(dTemplate?._id)\r\n      setTemplates(res?.data)\r\n    }\r\n\r\n    setLoding(false)\r\n  }\r\n\r\n  const handleDefaultTemplate = async () => {\r\n    try {\r\n      await patchV1TemplatesIdSetDefault({ ...getToken(), id: selectedTemplate })\r\n      enqueueSnackbar('Template has been set as default');\r\n    } catch (error) {\r\n      const m = getErrorMessage(error?.message);\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  }\r\n\r\n  const handleDeleteTemplate = async () => {\r\n    try {\r\n      if(templateToDelete) {\r\n        await deleteV1TemplatesId({ ...getToken(), id: templateToDelete?._id })\r\n        enqueueSnackbar('Template has been deleted');\r\n        setTemplateToDelete(null)\r\n        await getTemplatesViaSubject()\r\n      }\r\n    } catch (error) {\r\n      const m = getErrorMessage(error?.message);\r\n      enqueueSnackbar(m, { variant: 'error' });\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    getTemplatesViaSubject()\r\n    return () => { setLoding(true) }\r\n  }, [selectedCompany])\r\n\r\n  return (\r\n    <div>\r\n      <Modal \r\n        open={open} \r\n        onClose={handleClose} \r\n        maxWidth=\"lg\" \r\n        fullWidth\r\n        aria-labelledby=\"email-template-selection\"\r\n      >\r\n        {/* {loading && <ModalLoader/>} */}\r\n        <DialogTitle sx={{ marginBottom: '1rem', padding: '0.75rem 1rem 0.75rem 1.5rem', borderBottom: '1px solid #D3D3D4'}}>\r\n          <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ width: '100%', textAlign: 'center' }}> Select a Template</Typography>\r\n          <Box display='flex' alignItems={'center'} gap={1} position='absolute' right='1%' top='4px'>\r\n            <Typography type='s3' weight='medium' color='theme.secondary.800'> Company</Typography>\r\n            <Select\r\n              displayEmpty\r\n              value={selectedCompany}\r\n              size='small'\r\n              renderValue={(value) => value ? companies.find((option) => option.value === value)?.label : 'Select Company'}\r\n              // fullWidth\r\n              // sx={{\r\n              //   bgcolor: 'white',\r\n              //   borderRadius: 1,\r\n              //   '& .MuiSelect-select': { py: 0.75 }\r\n              // }}\r\n              onChange={(e) => {\r\n                if (e.target.value) {\r\n                  setSelectedCompany(e.target.value as number);\r\n                }\r\n              }}>\r\n              {companies.map((option) => (\r\n                <MenuItem key={option.value} value={option.value}>\r\n                  <Typography type='s3' color='theme.secondary.1000'>{option.label}</Typography>\r\n                </MenuItem>\r\n              ))}\r\n            </Select>\r\n            <IconButton\r\n              aria-label=\"close\"\r\n              onClick={handleClose}\r\n              size='small'\r\n              sx={{\r\n                color: (theme) => theme.palette.grey[500],\r\n              }}\r\n            >\r\n              <CloseIcon fontSize='small'/>\r\n            </IconButton>\r\n          </Box>\r\n        </DialogTitle>\r\n        <DialogContent>\r\n          {/* <Grid container spacing={6}> */}\r\n          {!templates.length && (\r\n            // <Grid item xs={12} sx={{ minHeight: 350}}>\r\n              <Box display='flex' alignItems='center' width='100%' height='100%' justifyContent='center'>\r\n                {!loading && <Typography type='s1' weight='medium' color='theme.secondary.1000' sx={{ textAlign: 'center' }}>No templates found</Typography>}\r\n              </Box>\r\n            // </Grid>\r\n          )}\r\n            <Box sx={{ \r\n              display: 'grid', \r\n              gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))', \r\n              gap: 2, \r\n              p: 2,\r\n              justifyItems: 'center',\r\n              alignItems: 'center'\r\n            }}>\r\n              {templates.map((template, index) => (\r\n                <HtmlThumbnailPreview\r\n                  key={template._id || index}\r\n                  template={template}\r\n                  width={300}\r\n                  height={200}\r\n                  showControls={true}\r\n                  selectedTemplateId={selectedTemplate}\r\n                  onClick={(template: any) => {\r\n                    handleTemplateSelect(template._id)\r\n                  }}\r\n                  isFetching={loading}\r\n                  onDelete={(template: any) => setTemplateToDelete(template)}\r\n                />\r\n              ))}\r\n            </Box>\r\n          {/* </Grid> */}\r\n        </DialogContent>\r\n        <DialogActions sx={{ p: 2, justifyContent: 'center', borderTop: '1px solid #D3D3D4' }}>\r\n          <Button\r\n            onClick={() => navigate(templateRoutes.EDIT_TEMPLATE(email._id, selectedTemplate), { state: { company_id: selectedCompany } })}\r\n            disabled={!selectedTemplate}\r\n          >\r\n            Continue\r\n          </Button>\r\n          <Button\r\n            onClick={() => handleDefaultTemplate()}\r\n            disabled={!selectedTemplate || defaultTemplate?._id === selectedTemplate}\r\n          >\r\n            Set to Default\r\n          </Button>\r\n        </DialogActions>\r\n      </Modal>\r\n      <ConfirmPopUp\r\n        open={templateToDelete !== null}\r\n        onClose={() => setTemplateToDelete(null)}\r\n        title='Remove Template'\r\n        description='Are you sure you want to delete ?'\r\n        onConfirm={() => handleDeleteTemplate()}\r\n        loading={loading}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TemplateModal;"],"names":["email","onClose","open","companies","templateRoutes","templates","setTemplates","useState","selectedTemplate","setSelectedTemplate","defaultTemplate","setDefaultTemplate","loading","setLoding","selectedCompany","setSelectedCompany","React","_a","id","templateToDelete","setTemplateToDelete","navigate","useNavigate","handleClose","getTemplatesViaSubject","async","res","getV1Templates","getToken","filters","_id","data","dTemplate","find","t","is_default","useEffect","children","jsxs","Modal","maxWidth","fullWidth","DialogTitle","sx","marginBottom","padding","borderBottom","jsx","Typography","type","weight","color","width","textAlign","Box","display","alignItems","gap","position","right","top","Select","displayEmpty","value","size","renderValue","option","label","onChange","e","target","map","MenuItem","IconButton","onClick","theme","palette","grey","CloseIcon","fontSize","DialogContent","length","height","justifyContent","gridTemplateColumns","p","justifyItems","template","index","HtmlThumbnailPreview","showControls","selectedTemplateId","isFetching","onDelete","DialogActions","borderTop","Button","EDIT_TEMPLATE","state","company_id","disabled","patchV1TemplatesIdSetDefault","enqueueSnackbar","error","m","getErrorMessage","message","variant","handleDefaultTemplate","ConfirmPopUp","title","description","onConfirm","deleteV1TemplatesId","handleDeleteTemplate"],"mappings":"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"}

package/dist/views/template-editor/template-name-modal/template-name-modal/index.esm.js

@@ -3,8 +3,7 @@ import { useState, useEffect } from "react";
 import Modal from "../../../../components/modal/modal/index.esm.js";
 import { Typography } from "../../../../components/typography/typography/index.esm.js";
 import Button from "../../../../components/button/button/index.esm.js";
-import { DialogTitle, IconButton, DialogContent, DialogActions, Box, CircularProgress } from "@mui/material";
-import CloseIcon from "@mui/icons-material/Close";
+import default_1 from "../../../../node_modules/@mui/icons-material/Close/index.esm.js";
 /* empty css                                    */
 import { enqueueSnackbar } from "../../../../node_modules/notistack/notistack.esm/index.esm.js";
 import { useNavigate } from "react-router-dom";
@@ -13,6 +12,12 @@ import { useForm } from "react-hook-form";
 import { patchV1TemplatesId, postV1Templates } from "../../../../api-client/api.system-feature/api/index.esm.js";
 import * as Yup from "yup";
 import { yupResolver as o } from "../../../../node_modules/@hookform/resolvers/yup/dist/yup/index.esm.js";
+import DialogTitle from "../../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
+import IconButton from "../../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+import DialogContent from "../../../../node_modules/@mui/material/DialogContent/DialogContent/index.esm.js";
+import DialogActions from "../../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
+import Box from "../../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import CircularProgress from "../../../../node_modules/@mui/material/CircularProgress/CircularProgress/index.esm.js";
 const generateValidationSchema = () => {
   return o(
     Yup.object().shape({
@@ -70,7 +75,7 @@ const TemplateNameModal = ({
       children: [
         /* @__PURE__ */ jsxs(DialogTitle, { className: "companySelectionModal--DialogTitle", children: [
           /* @__PURE__ */ jsx(Typography, { type: "s3", color: "inherit", weight: "medium", children: "Template Name" }),
-          /* @__PURE__ */ jsx(IconButton, { onClick: handleModalClose, disabled: isSubmitting, children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" }) })
+          /* @__PURE__ */ jsx(IconButton, { onClick: handleModalClose, disabled: isSubmitting, children: /* @__PURE__ */ jsx(default_1, { fontSize: "small" }) })
         ] }),
         /* @__PURE__ */ jsx(DialogContent, { className: "companySelectionModal--DialogContents", children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit(onSubmit), id: "template_name", children: /* @__PURE__ */ jsx(
           DynamicInput,

package/dist/views/template-editor/template-name-modal/template-name-modal/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/template-editor/template-name-modal/template-name-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useEffect, useState } from 'react';\r\n\r\nimport Modal from '../../../components/modal/modal';\r\nimport Typography from '../../../components/typography/typography';\r\nimport Button from '../../../components/button/button';\r\n\r\nimport {\r\n\tBox,\r\n\tCircularProgress,\r\n\tDialogActions,\r\n\tDialogContent,\r\n\tDialogProps,\r\n\tDialogTitle,\r\n\tIconButton,\r\n} from '@mui/material';\r\nimport Close from '@mui/icons-material/Close';\r\n\r\nimport './template-name-modal.scss';\r\nimport { IEmail } from '../utils/types';\r\nimport { enqueueSnackbar } from 'notistack';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport DynamicInput from '../../../components/form-control/form-builder/form-builder-element/text';\r\nimport { useForm } from 'react-hook-form';\r\nimport { patchV1TemplatesId, postV1Templates } from '../../../api-client/api.system-feature/api';\r\nimport * as Yup from 'yup';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\n\r\ninterface TemplateNameModalProps {\r\n\tisOpen: boolean;\r\n\tsetIsOpen: (value: IEmail | null) => void;\r\n\tmodalProps?: DialogProps;\r\n\ttemplateRoutes: Record<string, any>;\r\n\tpayload: Record<string, any>;\r\n\tmode: 'add' | 'edit';\r\n\ttemplateData: Record<string, any> | null;\r\n}\r\n\r\nconst generateValidationSchema = () => {\r\n\treturn yupResolver(\r\n\t\tYup.object().shape({\r\n\t\t\ttemplate_name: Yup.object().shape({\r\n\t\t\t\tname: Yup.string().trim().required('Template name is required'),\r\n\t\t\t})\r\n\t\t})\r\n\t)\r\n}\r\n\r\nconst TemplateNameModal: React.FC<TemplateNameModalProps> = ({\r\n\tisOpen,\r\n\tsetIsOpen,\r\n\tmodalProps,\r\n\ttemplateRoutes,\r\n\tpayload,\r\n\tmode = 'add',\r\n\ttemplateData\r\n}) => {\r\n\tconst { handleSubmit, control, setValue } = useForm({ mode: 'all', resolver: generateValidationSchema() });\r\n\tconst navigate = useNavigate();\r\n\tconst [isSubmitting, setIsSubmitting] = useState<boolean>(false);\r\n\r\n\tconst handleModalClose = () => {\r\n\t\tsetIsOpen(null);\r\n\t};\r\n\r\n\tconst onSubmit = async (values: any) => {\r\n\t\tsetIsSubmitting(true);\r\n\t\ttry {\r\n\t\t\tconst { name = ''} = values?.template_name || {}\r\n\t\t\tpayload.name = name\r\n\t\t\tconst res = await (mode === 'edit' ? patchV1TemplatesId(payload) : postV1Templates(payload));\r\n\t\t\tif(res.status_code === 200) {\r\n\t\t\t\tenqueueSnackbar('Template saved successfully', { variant: 'success' });\r\n\t\t\t}\r\n\t\t\tnavigate(templateRoutes.LIST);\r\n\t\t\tsetIsSubmitting(false);\r\n\t\t} catch (error) {\r\n\t\t\tconst m = error?.message || 'Something went wrong'\r\n\t\t\tsetIsSubmitting(false);\r\n\t\t\tenqueueSnackbar(m, { variant: 'error' });\r\n\t\t}\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\tif(templateData && templateData?.name) {\r\n\t\t\tsetValue('template_name.name', templateData?.name)\r\n\t\t}\r\n\t}, [setValue, templateData])\r\n\r\n\treturn (\r\n\t\t<Modal\r\n\t\t\topen={isOpen}\r\n\t\t\tonClose={handleModalClose}\r\n\t\t\tmaxWidth='xs'\r\n\t\t\tfullWidth\r\n\t\t\t{...modalProps}>\r\n\t\t\t<DialogTitle className='companySelectionModal--DialogTitle'>\r\n\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\r\n\t\t\t\t\tTemplate Name\r\n\t\t\t\t</Typography>\r\n\t\t\t\t<IconButton onClick={handleModalClose} disabled={isSubmitting}>\r\n\t\t\t\t\t<Close fontSize='small' />\r\n\t\t\t\t</IconButton>\r\n\t\t\t</DialogTitle>\r\n\t\t\t<DialogContent className='companySelectionModal--DialogContents'>\r\n\t\t\t\t<form onSubmit={handleSubmit(onSubmit)} id='template_name'>\r\n\t\t\t\t\t<DynamicInput \r\n\t\t\t\t\t\tlabel={'Name'}\r\n\t\t\t\t\t\tname='name'\r\n\t\t\t\t\t\tplaceholder={'Enter Name'}\r\n\t\t\t\t\t\tfieldArrayName='template_name'\r\n\t\t\t\t\t\tformControl={control}\r\n\t\t\t\t\t\trequired\r\n\t\t\t\t\t/>\r\n\t\t\t\t</form>\r\n\t\t\t</DialogContent>\r\n\t\t\t<DialogActions className='companySelectionModal--DialogAction'>\r\n\t\t\t\t<Box display='flex' gap={1.5}>\r\n\t\t\t\t\t<Button className='companySelectionModal--DialogAction--WhiteBtn' onClick={handleModalClose} disabled={isSubmitting}>Cancel</Button>\r\n\t\t\t\t\t<Button type='submit' form='template_name' disabled={isSubmitting} endIcon={isSubmitting && <CircularProgress size={15}/>}>Save</Button>\r\n\t\t\t\t</Box>\r\n\t\t\t</DialogActions>\r\n\t\t</Modal>\r\n\t);\r\n};\r\n\r\nexport default TemplateNameModal;\r\n"],"names":["yupResolver","Close"],"mappings":";;;;;;;;;;;;;;;AAuCA,MAAM,2BAA2B,MAAM;AACtC,SAAOA;AAAAA,IACN,IAAI,OAAA,EAAS,MAAM;AAAA,MAClB,eAAe,IAAI,OAAA,EAAS,MAAM;AAAA,QACjC,MAAM,IAAI,OAAA,EAAS,KAAA,EAAO,SAAS,2BAA2B;AAAA,MAAA,CAC9D;AAAA,IAAA,CACD;AAAA,EAAA;AAEH;AAEA,MAAM,oBAAsD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACD,MAAM;AACL,QAAM,EAAE,cAAc,SAAS,aAAa,QAAQ,EAAE,MAAM,OAAO,UAAU,yBAAA,EAAyB,CAAG;AACzG,QAAM,WAAW,YAAA;AACjB,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,KAAK;AAE/D,QAAM,mBAAmB,MAAM;AAC9B,cAAU,IAAI;AAAA,EACf;AAEA,QAAM,WAAW,OAAO,WAAgB;AACvC,oBAAgB,IAAI;AACpB,QAAI;AACH,YAAM,EAAE,OAAO,GAAA,KAAM,iCAAQ,kBAAiB,CAAA;AAC9C,cAAQ,OAAO;AACf,YAAM,MAAM,OAAO,SAAS,SAAS,mBAAmB,OAAO,IAAI,gBAAgB,OAAO;AAC1F,UAAG,IAAI,gBAAgB,KAAK;AAC3B,wBAAgB,+BAA+B,EAAE,SAAS,UAAA,CAAW;AAAA,MACtE;AACA,eAAS,eAAe,IAAI;AAC5B,sBAAgB,KAAK;AAAA,IACtB,SAAS,OAAO;AACf,YAAM,KAAI,+BAAO,YAAW;AAC5B,sBAAgB,KAAK;AACrB,sBAAgB,GAAG,EAAE,SAAS,QAAA,CAAS;AAAA,IACxC;AAAA,EACD;AAEA,YAAU,MAAM;AACf,QAAG,iBAAgB,6CAAc,OAAM;AACtC,eAAS,sBAAsB,6CAAc,IAAI;AAAA,IAClD;AAAA,EACD,GAAG,CAAC,UAAU,YAAY,CAAC;AAE3B,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAS;AAAA,MACT,WAAS;AAAA,MACR,GAAG;AAAA,MACJ,UAAA;AAAA,QAAA,qBAAC,aAAA,EAAY,WAAU,sCACtB,UAAA;AAAA,UAAA,oBAAC,cAAW,MAAK,MAAK,OAAM,WAAU,QAAO,UAAS,UAAA,gBAAA,CAEtD;AAAA,UACA,oBAAC,YAAA,EAAW,SAAS,kBAAkB,UAAU,cAChD,UAAA,oBAACC,WAAA,EAAM,UAAS,QAAA,CAAQ,EAAA,CACzB;AAAA,QAAA,GACD;AAAA,QACA,oBAAC,eAAA,EAAc,WAAU,yCACxB,UAAA,oBAAC,QAAA,EAAK,UAAU,aAAa,QAAQ,GAAG,IAAG,iBAC1C,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,OAAO;AAAA,YACP,MAAK;AAAA,YACL,aAAa;AAAA,YACb,gBAAe;AAAA,YACf,aAAa;AAAA,YACb,UAAQ;AAAA,UAAA;AAAA,QAAA,GAEV,EAAA,CACD;AAAA,QACA,oBAAC,iBAAc,WAAU,uCACxB,+BAAC,KAAA,EAAI,SAAQ,QAAO,KAAK,KACxB,UAAA;AAAA,UAAA,oBAAC,UAAO,WAAU,iDAAgD,SAAS,kBAAkB,UAAU,cAAc,UAAA,SAAA,CAAM;AAAA,UAC3H,oBAAC,QAAA,EAAO,MAAK,UAAS,MAAK,iBAAgB,UAAU,cAAc,SAAS,gBAAgB,oBAAC,kBAAA,EAAiB,MAAM,IAAG,GAAI,UAAA,OAAA,CAAI;AAAA,QAAA,EAAA,CAChI,EAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGH;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/views/template-editor/template-name-modal/template-name-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useEffect, useState } from 'react';\r\n\r\nimport Modal from '../../../components/modal/modal';\r\nimport Typography from '../../../components/typography/typography';\r\nimport Button from '../../../components/button/button';\r\n\r\nimport {\r\n\tBox,\r\n\tCircularProgress,\r\n\tDialogActions,\r\n\tDialogContent,\r\n\tDialogProps,\r\n\tDialogTitle,\r\n\tIconButton,\r\n} from '@mui/material';\r\nimport Close from '@mui/icons-material/Close';\r\n\r\nimport './template-name-modal.scss';\r\nimport { IEmail } from '../utils/types';\r\nimport { enqueueSnackbar } from 'notistack';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport DynamicInput from '../../../components/form-control/form-builder/form-builder-element/text';\r\nimport { useForm } from 'react-hook-form';\r\nimport { patchV1TemplatesId, postV1Templates } from '../../../api-client/api.system-feature/api';\r\nimport * as Yup from 'yup';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\n\r\ninterface TemplateNameModalProps {\r\n\tisOpen: boolean;\r\n\tsetIsOpen: (value: IEmail | null) => void;\r\n\tmodalProps?: DialogProps;\r\n\ttemplateRoutes: Record<string, any>;\r\n\tpayload: Record<string, any>;\r\n\tmode: 'add' | 'edit';\r\n\ttemplateData: Record<string, any> | null;\r\n}\r\n\r\nconst generateValidationSchema = () => {\r\n\treturn yupResolver(\r\n\t\tYup.object().shape({\r\n\t\t\ttemplate_name: Yup.object().shape({\r\n\t\t\t\tname: Yup.string().trim().required('Template name is required'),\r\n\t\t\t})\r\n\t\t})\r\n\t)\r\n}\r\n\r\nconst TemplateNameModal: React.FC<TemplateNameModalProps> = ({\r\n\tisOpen,\r\n\tsetIsOpen,\r\n\tmodalProps,\r\n\ttemplateRoutes,\r\n\tpayload,\r\n\tmode = 'add',\r\n\ttemplateData\r\n}) => {\r\n\tconst { handleSubmit, control, setValue } = useForm({ mode: 'all', resolver: generateValidationSchema() });\r\n\tconst navigate = useNavigate();\r\n\tconst [isSubmitting, setIsSubmitting] = useState<boolean>(false);\r\n\r\n\tconst handleModalClose = () => {\r\n\t\tsetIsOpen(null);\r\n\t};\r\n\r\n\tconst onSubmit = async (values: any) => {\r\n\t\tsetIsSubmitting(true);\r\n\t\ttry {\r\n\t\t\tconst { name = ''} = values?.template_name || {}\r\n\t\t\tpayload.name = name\r\n\t\t\tconst res = await (mode === 'edit' ? patchV1TemplatesId(payload) : postV1Templates(payload));\r\n\t\t\tif(res.status_code === 200) {\r\n\t\t\t\tenqueueSnackbar('Template saved successfully', { variant: 'success' });\r\n\t\t\t}\r\n\t\t\tnavigate(templateRoutes.LIST);\r\n\t\t\tsetIsSubmitting(false);\r\n\t\t} catch (error) {\r\n\t\t\tconst m = error?.message || 'Something went wrong'\r\n\t\t\tsetIsSubmitting(false);\r\n\t\t\tenqueueSnackbar(m, { variant: 'error' });\r\n\t\t}\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\tif(templateData && templateData?.name) {\r\n\t\t\tsetValue('template_name.name', templateData?.name)\r\n\t\t}\r\n\t}, [setValue, templateData])\r\n\r\n\treturn (\r\n\t\t<Modal\r\n\t\t\topen={isOpen}\r\n\t\t\tonClose={handleModalClose}\r\n\t\t\tmaxWidth='xs'\r\n\t\t\tfullWidth\r\n\t\t\t{...modalProps}>\r\n\t\t\t<DialogTitle className='companySelectionModal--DialogTitle'>\r\n\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\r\n\t\t\t\t\tTemplate Name\r\n\t\t\t\t</Typography>\r\n\t\t\t\t<IconButton onClick={handleModalClose} disabled={isSubmitting}>\r\n\t\t\t\t\t<Close fontSize='small' />\r\n\t\t\t\t</IconButton>\r\n\t\t\t</DialogTitle>\r\n\t\t\t<DialogContent className='companySelectionModal--DialogContents'>\r\n\t\t\t\t<form onSubmit={handleSubmit(onSubmit)} id='template_name'>\r\n\t\t\t\t\t<DynamicInput \r\n\t\t\t\t\t\tlabel={'Name'}\r\n\t\t\t\t\t\tname='name'\r\n\t\t\t\t\t\tplaceholder={'Enter Name'}\r\n\t\t\t\t\t\tfieldArrayName='template_name'\r\n\t\t\t\t\t\tformControl={control}\r\n\t\t\t\t\t\trequired\r\n\t\t\t\t\t/>\r\n\t\t\t\t</form>\r\n\t\t\t</DialogContent>\r\n\t\t\t<DialogActions className='companySelectionModal--DialogAction'>\r\n\t\t\t\t<Box display='flex' gap={1.5}>\r\n\t\t\t\t\t<Button className='companySelectionModal--DialogAction--WhiteBtn' onClick={handleModalClose} disabled={isSubmitting}>Cancel</Button>\r\n\t\t\t\t\t<Button type='submit' form='template_name' disabled={isSubmitting} endIcon={isSubmitting && <CircularProgress size={15}/>}>Save</Button>\r\n\t\t\t\t</Box>\r\n\t\t\t</DialogActions>\r\n\t\t</Modal>\r\n\t);\r\n};\r\n\r\nexport default TemplateNameModal;\r\n"],"names":["yupResolver","Close"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuCA,MAAM,2BAA2B,MAAM;AACtC,SAAOA;AAAAA,IACN,IAAI,OAAA,EAAS,MAAM;AAAA,MAClB,eAAe,IAAI,OAAA,EAAS,MAAM;AAAA,QACjC,MAAM,IAAI,OAAA,EAAS,KAAA,EAAO,SAAS,2BAA2B;AAAA,MAAA,CAC9D;AAAA,IAAA,CACD;AAAA,EAAA;AAEH;AAEA,MAAM,oBAAsD,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACD,MAAM;AACL,QAAM,EAAE,cAAc,SAAS,aAAa,QAAQ,EAAE,MAAM,OAAO,UAAU,yBAAA,EAAyB,CAAG;AACzG,QAAM,WAAW,YAAA;AACjB,QAAM,CAAC,cAAc,eAAe,IAAI,SAAkB,KAAK;AAE/D,QAAM,mBAAmB,MAAM;AAC9B,cAAU,IAAI;AAAA,EACf;AAEA,QAAM,WAAW,OAAO,WAAgB;AACvC,oBAAgB,IAAI;AACpB,QAAI;AACH,YAAM,EAAE,OAAO,GAAA,KAAM,iCAAQ,kBAAiB,CAAA;AAC9C,cAAQ,OAAO;AACf,YAAM,MAAM,OAAO,SAAS,SAAS,mBAAmB,OAAO,IAAI,gBAAgB,OAAO;AAC1F,UAAG,IAAI,gBAAgB,KAAK;AAC3B,wBAAgB,+BAA+B,EAAE,SAAS,UAAA,CAAW;AAAA,MACtE;AACA,eAAS,eAAe,IAAI;AAC5B,sBAAgB,KAAK;AAAA,IACtB,SAAS,OAAO;AACf,YAAM,KAAI,+BAAO,YAAW;AAC5B,sBAAgB,KAAK;AACrB,sBAAgB,GAAG,EAAE,SAAS,QAAA,CAAS;AAAA,IACxC;AAAA,EACD;AAEA,YAAU,MAAM;AACf,QAAG,iBAAgB,6CAAc,OAAM;AACtC,eAAS,sBAAsB,6CAAc,IAAI;AAAA,IAClD;AAAA,EACD,GAAG,CAAC,UAAU,YAAY,CAAC;AAE3B,SACC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAS;AAAA,MACT,WAAS;AAAA,MACR,GAAG;AAAA,MACJ,UAAA;AAAA,QAAA,qBAAC,aAAA,EAAY,WAAU,sCACtB,UAAA;AAAA,UAAA,oBAAC,cAAW,MAAK,MAAK,OAAM,WAAU,QAAO,UAAS,UAAA,gBAAA,CAEtD;AAAA,UACA,oBAAC,YAAA,EAAW,SAAS,kBAAkB,UAAU,cAChD,UAAA,oBAACC,WAAA,EAAM,UAAS,QAAA,CAAQ,EAAA,CACzB;AAAA,QAAA,GACD;AAAA,QACA,oBAAC,eAAA,EAAc,WAAU,yCACxB,UAAA,oBAAC,QAAA,EAAK,UAAU,aAAa,QAAQ,GAAG,IAAG,iBAC1C,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,OAAO;AAAA,YACP,MAAK;AAAA,YACL,aAAa;AAAA,YACb,gBAAe;AAAA,YACf,aAAa;AAAA,YACb,UAAQ;AAAA,UAAA;AAAA,QAAA,GAEV,EAAA,CACD;AAAA,QACA,oBAAC,iBAAc,WAAU,uCACxB,+BAAC,KAAA,EAAI,SAAQ,QAAO,KAAK,KACxB,UAAA;AAAA,UAAA,oBAAC,UAAO,WAAU,iDAAgD,SAAS,kBAAkB,UAAU,cAAc,UAAA,SAAA,CAAM;AAAA,UAC3H,oBAAC,QAAA,EAAO,MAAK,UAAS,MAAK,iBAAgB,UAAU,cAAc,SAAS,gBAAgB,oBAAC,kBAAA,EAAiB,MAAM,IAAG,GAAI,UAAA,OAAA,CAAI;AAAA,QAAA,EAAA,CAChI,EAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGH;"}

package/dist/views/template-editor/template-name-modal/template-name-modal/index.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=,/* empty css                                        */r=,/* empty css                                                  */n=,/* empty css                                          */o=require("@mui/material"),l=require("@mui/icons-material/Close");;/* empty css                                 */var i=,/* empty css                                                      */s=require("react-router-dom"),u=,/* empty css                                                                                */m=require("react-hook-form"),c=,/* empty css                                                   */d=require("yup"),p=;/* empty css                                                               */function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function j(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}}),t.default=e,t}var x=/* @__PURE__ */f(l),y=/* @__PURE__ */j(d);exports.default=({isOpen:l,setIsOpen:d,modalProps:f,templateRoutes:j,payload:h,mode:b="add",templateData:g})=>{const{handleSubmit:q,control:v,setValue:S}=m.useForm({mode:"all",resolver:p.yupResolver(y.object().shape({template_name:y.object().shape({name:y.string().trim().required("Template name is required")})}))}),_=s.useNavigate(),[k,C]=t.useState(!1),D=()=>{d(null)};return t.useEffect(()=>{g&&(null==g?void 0:g.name)&&S("template_name.name",null==g?void 0:g.name)},[S,g]),/* @__PURE__ */e.jsxs(a.default,{open:l,onClose:D,maxWidth:"xs",fullWidth:!0,...f,children:[
-/* @__PURE__ */e.jsxs(o.DialogTitle,{className:"companySelectionModal--DialogTitle",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=,/* empty css                                        */r=,/* empty css                                                  */o=,/* empty css                                          */n=;/* empty css                                                        */;/* empty css                                 */var i=,/* empty css                                                      */l=require("react-router-dom"),s=,/* empty css                                                                                */u=require("react-hook-form"),d=,/* empty css                                                   */m=require("yup"),c=,/* empty css                                                               */p=,/* empty css                                                                    */f=,/* empty css                                                                  */j=,/* empty css                                                                        */x=,/* empty css                                                                        */h=,/* empty css                                                    */y=;/* empty css                                                                              */function g(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=/* @__PURE__ */Object.create(null);return e&&Object.keys(e).forEach(function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}}),t.default=e,t}var q=/* @__PURE__ */g(m);exports.default=({isOpen:m,setIsOpen:g,modalProps:b,templateRoutes:v,payload:_,mode:S="add",templateData:D})=>{const{handleSubmit:C,control:T,setValue:k}=u.useForm({mode:"all",resolver:c.yupResolver(q.object().shape({template_name:q.object().shape({name:q.string().trim().required("Template name is required")})}))}),N=l.useNavigate(),[O,I]=t.useState(!1),P=()=>{g(null)};return t.useEffect(()=>{D&&(null==D?void 0:D.name)&&k("template_name.name",null==D?void 0:D.name)},[k,D]),/* @__PURE__ */e.jsxs(a.default,{open:m,onClose:P,maxWidth:"xs",fullWidth:!0,...b,children:[
+/* @__PURE__ */e.jsxs(p.default,{className:"companySelectionModal--DialogTitle",children:[
 /* @__PURE__ */e.jsx(r.Typography,{type:"s3",color:"inherit",weight:"medium",children:"Template Name"}),
-/* @__PURE__ */e.jsx(o.IconButton,{onClick:D,disabled:k,children:/* @__PURE__ */e.jsx(x.default,{fontSize:"small"})})]}),
-/* @__PURE__ */e.jsx(o.DialogContent,{className:"companySelectionModal--DialogContents",children:/* @__PURE__ */e.jsx("form",{onSubmit:q(async e=>{C(!0);try{const{name:t=""}=(null==e?void 0:e.template_name)||{};h.name=t,200===(await("edit"===b?c.patchV1TemplatesId(h):c.postV1Templates(h))).status_code&&i.enqueueSnackbar("Template saved successfully",{variant:"success"}),_(j.LIST),C(!1)}catch(t){const e=(null==t?void 0:t.message)||"Something went wrong";C(!1),i.enqueueSnackbar(e,{variant:"error"})}}),id:"template_name",children:/* @__PURE__ */e.jsx(u.default,{label:"Name",name:"name",placeholder:"Enter Name",fieldArrayName:"template_name",formControl:v,required:!0})})}),
-/* @__PURE__ */e.jsx(o.DialogActions,{className:"companySelectionModal--DialogAction",children:/* @__PURE__ */e.jsxs(o.Box,{display:"flex",gap:1.5,children:[
-/* @__PURE__ */e.jsx(n.default,{className:"companySelectionModal--DialogAction--WhiteBtn",onClick:D,disabled:k,children:"Cancel"}),
-/* @__PURE__ */e.jsx(n.default,{type:"submit",form:"template_name",disabled:k,endIcon:k&&/* @__PURE__ */e.jsx(o.CircularProgress,{size:15}),children:"Save"})]})})]})};
+/* @__PURE__ */e.jsx(f.default,{onClick:P,disabled:O,children:/* @__PURE__ */e.jsx(n.default,{fontSize:"small"})})]}),
+/* @__PURE__ */e.jsx(j.default,{className:"companySelectionModal--DialogContents",children:/* @__PURE__ */e.jsx("form",{onSubmit:C(async e=>{I(!0);try{const{name:t=""}=(null==e?void 0:e.template_name)||{};_.name=t,200===(await("edit"===S?d.patchV1TemplatesId(_):d.postV1Templates(_))).status_code&&i.enqueueSnackbar("Template saved successfully",{variant:"success"}),N(v.LIST),I(!1)}catch(t){const e=(null==t?void 0:t.message)||"Something went wrong";I(!1),i.enqueueSnackbar(e,{variant:"error"})}}),id:"template_name",children:/* @__PURE__ */e.jsx(s.default,{label:"Name",name:"name",placeholder:"Enter Name",fieldArrayName:"template_name",formControl:T,required:!0})})}),
+/* @__PURE__ */e.jsx(x.default,{className:"companySelectionModal--DialogAction",children:/* @__PURE__ */e.jsxs(h.default,{display:"flex",gap:1.5,children:[
+/* @__PURE__ */e.jsx(o.default,{className:"companySelectionModal--DialogAction--WhiteBtn",onClick:P,disabled:O,children:"Cancel"}),
+/* @__PURE__ */e.jsx(o.default,{type:"submit",form:"template_name",disabled:O,endIcon:O&&/* @__PURE__ */e.jsx(y.default,{size:15}),children:"Save"})]})})]})};
 //# sourceMappingURL=index.js.map

package/dist/views/template-editor/template-name-modal/template-name-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/template-name-modal/template-name-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useEffect, useState } from 'react';\r\n\r\nimport Modal from '../../../components/modal/modal';\r\nimport Typography from '../../../components/typography/typography';\r\nimport Button from '../../../components/button/button';\r\n\r\nimport {\r\n\tBox,\r\n\tCircularProgress,\r\n\tDialogActions,\r\n\tDialogContent,\r\n\tDialogProps,\r\n\tDialogTitle,\r\n\tIconButton,\r\n} from '@mui/material';\r\nimport Close from '@mui/icons-material/Close';\r\n\r\nimport './template-name-modal.scss';\r\nimport { IEmail } from '../utils/types';\r\nimport { enqueueSnackbar } from 'notistack';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport DynamicInput from '../../../components/form-control/form-builder/form-builder-element/text';\r\nimport { useForm } from 'react-hook-form';\r\nimport { patchV1TemplatesId, postV1Templates } from '../../../api-client/api.system-feature/api';\r\nimport * as Yup from 'yup';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\n\r\ninterface TemplateNameModalProps {\r\n\tisOpen: boolean;\r\n\tsetIsOpen: (value: IEmail | null) => void;\r\n\tmodalProps?: DialogProps;\r\n\ttemplateRoutes: Record<string, any>;\r\n\tpayload: Record<string, any>;\r\n\tmode: 'add' | 'edit';\r\n\ttemplateData: Record<string, any> | null;\r\n}\r\n\r\nconst generateValidationSchema = () => {\r\n\treturn yupResolver(\r\n\t\tYup.object().shape({\r\n\t\t\ttemplate_name: Yup.object().shape({\r\n\t\t\t\tname: Yup.string().trim().required('Template name is required'),\r\n\t\t\t})\r\n\t\t})\r\n\t)\r\n}\r\n\r\nconst TemplateNameModal: React.FC<TemplateNameModalProps> = ({\r\n\tisOpen,\r\n\tsetIsOpen,\r\n\tmodalProps,\r\n\ttemplateRoutes,\r\n\tpayload,\r\n\tmode = 'add',\r\n\ttemplateData\r\n}) => {\r\n\tconst { handleSubmit, control, setValue } = useForm({ mode: 'all', resolver: generateValidationSchema() });\r\n\tconst navigate = useNavigate();\r\n\tconst [isSubmitting, setIsSubmitting] = useState<boolean>(false);\r\n\r\n\tconst handleModalClose = () => {\r\n\t\tsetIsOpen(null);\r\n\t};\r\n\r\n\tconst onSubmit = async (values: any) => {\r\n\t\tsetIsSubmitting(true);\r\n\t\ttry {\r\n\t\t\tconst { name = ''} = values?.template_name || {}\r\n\t\t\tpayload.name = name\r\n\t\t\tconst res = await (mode === 'edit' ? patchV1TemplatesId(payload) : postV1Templates(payload));\r\n\t\t\tif(res.status_code === 200) {\r\n\t\t\t\tenqueueSnackbar('Template saved successfully', { variant: 'success' });\r\n\t\t\t}\r\n\t\t\tnavigate(templateRoutes.LIST);\r\n\t\t\tsetIsSubmitting(false);\r\n\t\t} catch (error) {\r\n\t\t\tconst m = error?.message || 'Something went wrong'\r\n\t\t\tsetIsSubmitting(false);\r\n\t\t\tenqueueSnackbar(m, { variant: 'error' });\r\n\t\t}\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\tif(templateData && templateData?.name) {\r\n\t\t\tsetValue('template_name.name', templateData?.name)\r\n\t\t}\r\n\t}, [setValue, templateData])\r\n\r\n\treturn (\r\n\t\t<Modal\r\n\t\t\topen={isOpen}\r\n\t\t\tonClose={handleModalClose}\r\n\t\t\tmaxWidth='xs'\r\n\t\t\tfullWidth\r\n\t\t\t{...modalProps}>\r\n\t\t\t<DialogTitle className='companySelectionModal--DialogTitle'>\r\n\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\r\n\t\t\t\t\tTemplate Name\r\n\t\t\t\t</Typography>\r\n\t\t\t\t<IconButton onClick={handleModalClose} disabled={isSubmitting}>\r\n\t\t\t\t\t<Close fontSize='small' />\r\n\t\t\t\t</IconButton>\r\n\t\t\t</DialogTitle>\r\n\t\t\t<DialogContent className='companySelectionModal--DialogContents'>\r\n\t\t\t\t<form onSubmit={handleSubmit(onSubmit)} id='template_name'>\r\n\t\t\t\t\t<DynamicInput \r\n\t\t\t\t\t\tlabel={'Name'}\r\n\t\t\t\t\t\tname='name'\r\n\t\t\t\t\t\tplaceholder={'Enter Name'}\r\n\t\t\t\t\t\tfieldArrayName='template_name'\r\n\t\t\t\t\t\tformControl={control}\r\n\t\t\t\t\t\trequired\r\n\t\t\t\t\t/>\r\n\t\t\t\t</form>\r\n\t\t\t</DialogContent>\r\n\t\t\t<DialogActions className='companySelectionModal--DialogAction'>\r\n\t\t\t\t<Box display='flex' gap={1.5}>\r\n\t\t\t\t\t<Button className='companySelectionModal--DialogAction--WhiteBtn' onClick={handleModalClose} disabled={isSubmitting}>Cancel</Button>\r\n\t\t\t\t\t<Button type='submit' form='template_name' disabled={isSubmitting} endIcon={isSubmitting && <CircularProgress size={15}/>}>Save</Button>\r\n\t\t\t\t</Box>\r\n\t\t\t</DialogActions>\r\n\t\t</Modal>\r\n\t);\r\n};\r\n\r\nexport default TemplateNameModal;\r\n"],"names":["isOpen","setIsOpen","modalProps","templateRoutes","payload","mode","templateData","handleSubmit","control","setValue","useForm","resolver","yupResolver","Yup","object","shape","template_name","name","string","trim","required","navigate","useNavigate","isSubmitting","setIsSubmitting","useState","handleModalClose","useEffect","jsxs","Modal","open","onClose","maxWidth","fullWidth","children","DialogTitle","className","jsx","Typography","type","color","weight","IconButton","onClick","disabled","Close","fontSize","DialogContent","onSubmit","async","values","patchV1TemplatesId","postV1Templates","status_code","enqueueSnackbar","variant","LIST","error","m","message","id","DynamicInput","label","placeholder","fieldArrayName","formControl","DialogActions","Box","display","gap","Button","form","endIcon","CircularProgress","size"],"mappings":"yuCAiD4D,EAC3DA,SACAC,YACAC,aACAC,iBACAC,UACAC,OAAO,MACPC,mBAEA,MAAMC,aAAEA,EAAAC,QAAcA,EAAAC,SAASA,GAAaC,EAAAA,QAAQ,CAAEL,KAAM,MAAOM,SAlB5DC,EAAAA,YACNC,EAAIC,SAASC,MAAM,CAClBC,cAAeH,EAAIC,SAASC,MAAM,CACjCE,KAAMJ,EAAIK,SAASC,OAAOC,SAAS,oCAgBhCC,EAAWC,EAAAA,eACVC,EAAcC,GAAmBC,EAAAA,UAAkB,GAEpDC,EAAmB,KACxBzB,EAAU,OA2BX,OANA0B,EAAAA,UAAU,KACNrB,UAAgBA,WAAcW,OAChCR,EAAS,2BAAsBH,WAAcW,OAE5C,CAACR,EAAUH,mBAGbsB,EAAAA,KAACC,EAAAA,QAAA,CACAC,KAAM9B,EACN+B,QAASL,EACTM,SAAS,KACTC,WAAS,KACL/B,EACJgC,SAAA;iBAAAN,KAACO,EAAAA,YAAA,CAAYC,UAAU,qCACtBF,SAAA;eAAAG,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,MAAM,UAAUC,OAAO,SAASP,SAAA;iBAGtDG,IAACK,EAAAA,WAAA,CAAWC,QAASjB,EAAkBkB,SAAUrB,EAChDW,wBAAAG,EAAAA,IAACQ,EAAAA,QAAA,CAAMC,SAAS;iBAGlBT,IAACU,EAAAA,cAAA,CAAcX,UAAU,wCACxBF,wBAAAG,EAAAA,IAAC,OAAA,CAAKW,SAAUzC,EAxCF0C,MAAOC,IACvB1B,GAAgB,GAChB,IACC,MAAMP,KAAEA,EAAO,KAAM,MAAAiC,OAAA,EAAAA,EAAQlC,gBAAiB,CAAA,EAC9CZ,EAAQa,KAAOA,EAEQ,aADK,SAATZ,EAAkB8C,EAAAA,mBAAmB/C,GAAWgD,kBAAgBhD,KAC5EiD,aACNC,EAAAA,gBAAgB,8BAA+B,CAAEC,QAAS,YAE3DlC,EAASlB,EAAeqD,MACxBhC,GAAgB,EACjB,OAASiC,GACR,MAAMC,SAAID,WAAOE,UAAW,uBAC5BnC,GAAgB,GAChB8B,EAAAA,gBAAgBI,EAAG,CAAEH,QAAS,SAC/B,IAyB0CK,GAAG,gBAC1C1B,wBAAAG,EAAAA,IAACwB,EAAAA,QAAA,CACAC,MAAO,OACP7C,KAAK,OACL8C,YAAa,aACbC,eAAe,gBACfC,YAAazD,EACbY,UAAQ;iBAIXiB,IAAC6B,EAAAA,eAAc9B,UAAU,sCACxBF,+BAACiC,EAAAA,IAAA,CAAIC,QAAQ,OAAOC,IAAK,IACxBnC,SAAA;eAAAG,EAAAA,IAACiC,EAAAA,SAAOlC,UAAU,gDAAgDO,QAASjB,EAAkBkB,SAAUrB,EAAcW,SAAA;eACrHG,EAAAA,IAACiC,EAAAA,QAAA,CAAO/B,KAAK,SAASgC,KAAK,gBAAgB3B,SAAUrB,EAAciD,QAASjD,kBAAgBc,EAAAA,IAACoC,EAAAA,iBAAA,CAAiBC,KAAM,KAAOxC,SAAA"}
+{"version":3,"file":"index.js","sources":["../../../../../src/views/template-editor/template-name-modal/template-name-modal.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport React, { useEffect, useState } from 'react';\r\n\r\nimport Modal from '../../../components/modal/modal';\r\nimport Typography from '../../../components/typography/typography';\r\nimport Button from '../../../components/button/button';\r\n\r\nimport {\r\n\tBox,\r\n\tCircularProgress,\r\n\tDialogActions,\r\n\tDialogContent,\r\n\tDialogProps,\r\n\tDialogTitle,\r\n\tIconButton,\r\n} from '@mui/material';\r\nimport Close from '@mui/icons-material/Close';\r\n\r\nimport './template-name-modal.scss';\r\nimport { IEmail } from '../utils/types';\r\nimport { enqueueSnackbar } from 'notistack';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport DynamicInput from '../../../components/form-control/form-builder/form-builder-element/text';\r\nimport { useForm } from 'react-hook-form';\r\nimport { patchV1TemplatesId, postV1Templates } from '../../../api-client/api.system-feature/api';\r\nimport * as Yup from 'yup';\r\nimport { yupResolver } from '@hookform/resolvers/yup';\r\n\r\ninterface TemplateNameModalProps {\r\n\tisOpen: boolean;\r\n\tsetIsOpen: (value: IEmail | null) => void;\r\n\tmodalProps?: DialogProps;\r\n\ttemplateRoutes: Record<string, any>;\r\n\tpayload: Record<string, any>;\r\n\tmode: 'add' | 'edit';\r\n\ttemplateData: Record<string, any> | null;\r\n}\r\n\r\nconst generateValidationSchema = () => {\r\n\treturn yupResolver(\r\n\t\tYup.object().shape({\r\n\t\t\ttemplate_name: Yup.object().shape({\r\n\t\t\t\tname: Yup.string().trim().required('Template name is required'),\r\n\t\t\t})\r\n\t\t})\r\n\t)\r\n}\r\n\r\nconst TemplateNameModal: React.FC<TemplateNameModalProps> = ({\r\n\tisOpen,\r\n\tsetIsOpen,\r\n\tmodalProps,\r\n\ttemplateRoutes,\r\n\tpayload,\r\n\tmode = 'add',\r\n\ttemplateData\r\n}) => {\r\n\tconst { handleSubmit, control, setValue } = useForm({ mode: 'all', resolver: generateValidationSchema() });\r\n\tconst navigate = useNavigate();\r\n\tconst [isSubmitting, setIsSubmitting] = useState<boolean>(false);\r\n\r\n\tconst handleModalClose = () => {\r\n\t\tsetIsOpen(null);\r\n\t};\r\n\r\n\tconst onSubmit = async (values: any) => {\r\n\t\tsetIsSubmitting(true);\r\n\t\ttry {\r\n\t\t\tconst { name = ''} = values?.template_name || {}\r\n\t\t\tpayload.name = name\r\n\t\t\tconst res = await (mode === 'edit' ? patchV1TemplatesId(payload) : postV1Templates(payload));\r\n\t\t\tif(res.status_code === 200) {\r\n\t\t\t\tenqueueSnackbar('Template saved successfully', { variant: 'success' });\r\n\t\t\t}\r\n\t\t\tnavigate(templateRoutes.LIST);\r\n\t\t\tsetIsSubmitting(false);\r\n\t\t} catch (error) {\r\n\t\t\tconst m = error?.message || 'Something went wrong'\r\n\t\t\tsetIsSubmitting(false);\r\n\t\t\tenqueueSnackbar(m, { variant: 'error' });\r\n\t\t}\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\tif(templateData && templateData?.name) {\r\n\t\t\tsetValue('template_name.name', templateData?.name)\r\n\t\t}\r\n\t}, [setValue, templateData])\r\n\r\n\treturn (\r\n\t\t<Modal\r\n\t\t\topen={isOpen}\r\n\t\t\tonClose={handleModalClose}\r\n\t\t\tmaxWidth='xs'\r\n\t\t\tfullWidth\r\n\t\t\t{...modalProps}>\r\n\t\t\t<DialogTitle className='companySelectionModal--DialogTitle'>\r\n\t\t\t\t<Typography type='s3' color='inherit' weight='medium'>\r\n\t\t\t\t\tTemplate Name\r\n\t\t\t\t</Typography>\r\n\t\t\t\t<IconButton onClick={handleModalClose} disabled={isSubmitting}>\r\n\t\t\t\t\t<Close fontSize='small' />\r\n\t\t\t\t</IconButton>\r\n\t\t\t</DialogTitle>\r\n\t\t\t<DialogContent className='companySelectionModal--DialogContents'>\r\n\t\t\t\t<form onSubmit={handleSubmit(onSubmit)} id='template_name'>\r\n\t\t\t\t\t<DynamicInput \r\n\t\t\t\t\t\tlabel={'Name'}\r\n\t\t\t\t\t\tname='name'\r\n\t\t\t\t\t\tplaceholder={'Enter Name'}\r\n\t\t\t\t\t\tfieldArrayName='template_name'\r\n\t\t\t\t\t\tformControl={control}\r\n\t\t\t\t\t\trequired\r\n\t\t\t\t\t/>\r\n\t\t\t\t</form>\r\n\t\t\t</DialogContent>\r\n\t\t\t<DialogActions className='companySelectionModal--DialogAction'>\r\n\t\t\t\t<Box display='flex' gap={1.5}>\r\n\t\t\t\t\t<Button className='companySelectionModal--DialogAction--WhiteBtn' onClick={handleModalClose} disabled={isSubmitting}>Cancel</Button>\r\n\t\t\t\t\t<Button type='submit' form='template_name' disabled={isSubmitting} endIcon={isSubmitting && <CircularProgress size={15}/>}>Save</Button>\r\n\t\t\t\t</Box>\r\n\t\t\t</DialogActions>\r\n\t\t</Modal>\r\n\t);\r\n};\r\n\r\nexport default TemplateNameModal;\r\n"],"names":["isOpen","setIsOpen","modalProps","templateRoutes","payload","mode","templateData","handleSubmit","control","setValue","useForm","resolver","yupResolver","Yup","object","shape","template_name","name","string","trim","required","navigate","useNavigate","isSubmitting","setIsSubmitting","useState","handleModalClose","useEffect","jsxs","Modal","open","onClose","maxWidth","fullWidth","children","DialogTitle","className","jsx","Typography","type","color","weight","IconButton","onClick","disabled","Close","fontSize","DialogContent","onSubmit","async","values","patchV1TemplatesId","postV1Templates","status_code","enqueueSnackbar","variant","LIST","error","m","message","id","DynamicInput","label","placeholder","fieldArrayName","formControl","DialogActions","Box","display","gap","Button","form","endIcon","CircularProgress","size"],"mappings":"gpDAiD4D,EAC3DA,SACAC,YACAC,aACAC,iBACAC,UACAC,OAAO,MACPC,mBAEA,MAAMC,aAAEA,EAAAC,QAAcA,EAAAC,SAASA,GAAaC,EAAAA,QAAQ,CAAEL,KAAM,MAAOM,SAlB5DC,EAAAA,YACNC,EAAIC,SAASC,MAAM,CAClBC,cAAeH,EAAIC,SAASC,MAAM,CACjCE,KAAMJ,EAAIK,SAASC,OAAOC,SAAS,oCAgBhCC,EAAWC,EAAAA,eACVC,EAAcC,GAAmBC,EAAAA,UAAkB,GAEpDC,EAAmB,KACxBzB,EAAU,OA2BX,OANA0B,EAAAA,UAAU,KACNrB,UAAgBA,WAAcW,OAChCR,EAAS,2BAAsBH,WAAcW,OAE5C,CAACR,EAAUH,mBAGbsB,EAAAA,KAACC,EAAAA,QAAA,CACAC,KAAM9B,EACN+B,QAASL,EACTM,SAAS,KACTC,WAAS,KACL/B,EACJgC,SAAA;iBAAAN,KAACO,EAAAA,QAAA,CAAYC,UAAU,qCACtBF,SAAA;eAAAG,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,MAAM,UAAUC,OAAO,SAASP,SAAA;iBAGtDG,IAACK,EAAAA,QAAA,CAAWC,QAASjB,EAAkBkB,SAAUrB,EAChDW,wBAAAG,EAAAA,IAACQ,EAAAA,QAAA,CAAMC,SAAS;iBAGlBT,IAACU,EAAAA,QAAA,CAAcX,UAAU,wCACxBF,wBAAAG,EAAAA,IAAC,OAAA,CAAKW,SAAUzC,EAxCF0C,MAAOC,IACvB1B,GAAgB,GAChB,IACC,MAAMP,KAAEA,EAAO,KAAM,MAAAiC,OAAA,EAAAA,EAAQlC,gBAAiB,CAAA,EAC9CZ,EAAQa,KAAOA,EAEQ,aADK,SAATZ,EAAkB8C,EAAAA,mBAAmB/C,GAAWgD,kBAAgBhD,KAC5EiD,aACNC,EAAAA,gBAAgB,8BAA+B,CAAEC,QAAS,YAE3DlC,EAASlB,EAAeqD,MACxBhC,GAAgB,EACjB,OAASiC,GACR,MAAMC,SAAID,WAAOE,UAAW,uBAC5BnC,GAAgB,GAChB8B,EAAAA,gBAAgBI,EAAG,CAAEH,QAAS,SAC/B,IAyB0CK,GAAG,gBAC1C1B,wBAAAG,EAAAA,IAACwB,EAAAA,QAAA,CACAC,MAAO,OACP7C,KAAK,OACL8C,YAAa,aACbC,eAAe,gBACfC,YAAazD,EACbY,UAAQ;iBAIXiB,IAAC6B,EAAAA,SAAc9B,UAAU,sCACxBF,+BAACiC,EAAAA,QAAA,CAAIC,QAAQ,OAAOC,IAAK,IACxBnC,SAAA;eAAAG,EAAAA,IAACiC,EAAAA,SAAOlC,UAAU,gDAAgDO,QAASjB,EAAkBkB,SAAUrB,EAAcW,SAAA;eACrHG,EAAAA,IAACiC,EAAAA,QAAA,CAAO/B,KAAK,SAASgC,KAAK,gBAAgB3B,SAAUrB,EAAciD,QAASjD,kBAAgBc,EAAAA,IAACoC,EAAAA,QAAA,CAAiBC,KAAM,KAAOxC,SAAA"}

package/dist/views/template-editor/templates/index.esm.js

@@ -13,7 +13,6 @@ import { transformTableColumns } from "../../../utils/common-utility/index.esm.j
 import { appendConditionSafely, getToken, defaultCurrencySymbol } from "../../../utils/common/index.esm.js";
 import { images } from "../../../images/index.esm.js";
 import { fetchApi } from "../../../utils/api/index.esm.js";
-import { MenuItem } from "@mui/material";
 import { useTranslation } from "react-i18next";
 import { enqueueSnackbar } from "../../../node_modules/notistack/notistack.esm/index.esm.js";
 import { templateRoutes } from "../utils/common/index.esm.js";
@@ -24,6 +23,7 @@ import TemplateModal from "../template-modal/template-modal/index.esm.js";
 import CompanySelectionModal from "../company-selection-modal/company-selection-modal/index.esm.js";
 import { setBaseUrl } from "../../../api-client/api.rbac/api/index.esm.js";
 /* empty css                          */
+import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
 setBaseUrl(`${"https://apidev.erpforce.co"}/rbac`);
 const Templates = ({ type, module, modulePath }) => {
   const { t } = useTranslation();

package/dist/views/template-editor/templates/index.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=,/* empty css                                               */i=,/* empty css                                   */s=,/* empty css                                                       */l=,/* empty css                                               */n=,/* empty css                                           */o=,/* empty css                                   */r=,/* empty css                                       */u=,/* empty css                                  */d=,/* empty css                              */c=,/* empty css                                   */m=,/* empty css                           */p=,/* empty css                     */g=,/* empty css                        */j=require("@mui/material"),x=require("react-i18next"),b=,/* empty css                                                   */f=,/* empty css                     */y=require("react-router-dom"),h=,/* empty css                                    */v=,/* empty css                                                */q=,/* empty css                                      */S=,/* empty css                                                        */C=;/* empty css                                      */,/* empty css                       */C.setBaseUrl("https://apidev.erpforce.co/rbac"),exports.default=({type:C,module:k,modulePath:A})=>{const{t:w}=x.useTranslation(),{activePage:M,updatePageInfo:T,schemaFields:_,generatedColumns:E,updateGeneratedColumns:P}=d.usePages(),N=u.default(M),[I,R]=t.useState(null),D=localStorage.getItem("email-subjects-view"),[F,O]=t.useState(D?JSON.parse(D):[{label:"Table",position:0}]),[$,G]=t.useState(i.default.TABLE),[z,B]=t.useState({pageNo:1,limit:10,totalCount:0,skip:0}),[K,L]=t.useState([]),[V]=t.useState(!1),[J,Q]=t.useState([]),[H,U]=t.useState(null),[W,X]=t.useState(null),[Y,Z]=t.useState([]),ee=y.useNavigate(),{pageNo:te,limit:ae,totalCount:ie}=z,se=N.page_size||ae,le=se?Math.ceil(ie/se):0,ne=se*(te-1),oe=h.usePermissions(),re=f.templateRoutes(A,C),ue=(null==oe?void 0:oe.Subjects)||{},{canAdd:de=!1,canEdit:ce=!1}=ue,me=[{label:"New Template",handleAction:e=>(e=>{var t,a;(null==Y?void 0:Y.length)?(null==Y?void 0:Y.length)>1?X(e):ee(re.ADD_TEMPLATE(e._id),{state:{company_id:(null==(t=Y[0])?void 0:t.id)||(null==(a=Y[0])?void 0:a.value)}}):b.enqueueSnackbar("Please add a company first",{variant:"error"})})(e),disabled:e=>!ce},{label:"Add From Template",handleAction:e=>U(e),disabled:e=>!de}],pe=t.useCallback(async()=>{const{sort:e,filterQueryString:t,search:a}=N,i=a?`&subject.like=${a}`:"",s=[];s.push(C),"email"==C&&s.push("approval_email");const l=m.appendConditionSafely(t,`&type.in=[${s.join(",")}]&module.eq=${k}${i}`),n=await v.getV1Subjects({...m.getToken(),skip:ne,limit:se,...e&&{order:`${e.id}:${e.desc?-1:1}`},...l&&"()"!==l&&{filters:l}});L((null==n?void 0:n.data)||[]),B({...z,...(null==n?void 0:n.pagination)||{}})},[se,ne,null==N?void 0:N.search,null==N?void 0:N.filterQueryString,null==N?void 0:N.sort]),ge=t.useMemo(()=>K||[],[K]),je=t.useMemo(()=>c.transformTableColumns({columns:E.columns,currencySymbol:e=>{var t,a;return(null==(a=null==(t=e.original)?void 0:t.currency_data)?void 0:a.symbol)||m.defaultCurrencySymbol()},translationFn:w,enableFooter:!0,rows:ge,statusClasses:""}),[ge,w,E.columns]),xe=()=>{B({pageNo:1,limit:10,totalCount:0})};return t.useEffect(()=>{pe()},[pe]),t.useEffect(()=>((async()=>{const e=await g.fetchApi({apiKey:"company",filters:{skip:0,limit:100,order:"id:1"}});Z((null==e?void 0:e.data)||[])})(),xe),[]),t.useEffect(()=>{(null==F?void 0:F.length)&&localStorage.setItem("email-subjects-view",JSON.stringify(F))},[F]),/* @__PURE__ */e.jsxs("section",{className:"templates",children:[
-/* @__PURE__ */e.jsx(a.default,{title:"email"===C?"Emails":"PDFs",data:F,setData:O,active:$,setActive:G,handleSearch:e=>{T({search:e}),B({...z,pageNo:1})},disabledViews:["Kanban","Calendar","Gantt",i.default.GRID],fields:_,selectedIds:J,button:!1}),$===i.default.TABLE&&/* @__PURE__ */e.jsx(s.default,{rows:ge||[],columns:je,paginationModel:z,totalPages:le,columnOrder:["mrt-row-select",...E.orderKeys],states:{isLoading:V},onSortingChange:e=>T({sort:e}),enableColumnDragging:!1,enableEditing:!1,onSelectRow:e=>Q(e.map(e=>e.original.id)),enableAddCustomField:!1,rowActionMenu:me,isResetRow:!1,handleColumnOrdering:e=>P({orderKeys:e.slice(1)}),onColumnVisibility:e=>P({columns:e})}),$===i.default.GRID&&/* @__PURE__ */e.jsx(GridCard,{data:ge,rowActionMenu:me}),!$&&/* @__PURE__ */e.jsx(n.default,{heading:w("rental.settings.termsAndConditions.title"),subHeading:"No data available",icon:/* @__PURE__ */e.jsx("img",{src:p.images.invoiceFallback})}),
-/* @__PURE__ */e.jsx(r.default,{total:le,paginationModel:{...z,limit:N.page_size},handlePaginationModel:e=>{N.page_size!=(null==e?void 0:e.limit)&&T({page_size:e.limit}),B(e)},resource:""}),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=,/* empty css                                               */i=,/* empty css                                   */s=,/* empty css                                                       */l=,/* empty css                                               */n=,/* empty css                                           */o=,/* empty css                                   */r=,/* empty css                                       */u=,/* empty css                                  */d=,/* empty css                              */c=,/* empty css                                   */m=,/* empty css                           */p=,/* empty css                     */g=,/* empty css                        */j=require("react-i18next"),f=,/* empty css                                                   */x=,/* empty css                     */b=require("react-router-dom"),y=,/* empty css                                    */h=,/* empty css                                                */v=,/* empty css                                      */q=,/* empty css                                                        */S=;/* empty css                                      */;/* empty css                       */var C=;/* empty css                                                           */S.setBaseUrl("https://apidev.erpforce.co/rbac"),exports.default=({type:S,module:k,modulePath:A})=>{const{t:w}=j.useTranslation(),{activePage:_,updatePageInfo:M,schemaFields:T,generatedColumns:E,updateGeneratedColumns:P}=d.usePages(),N=u.default(_),[I,R]=t.useState(null),D=localStorage.getItem("email-subjects-view"),[F,O]=t.useState(D?JSON.parse(D):[{label:"Table",position:0}]),[$,G]=t.useState(i.default.TABLE),[z,B]=t.useState({pageNo:1,limit:10,totalCount:0,skip:0}),[K,L]=t.useState([]),[V]=t.useState(!1),[J,Q]=t.useState([]),[H,U]=t.useState(null),[W,X]=t.useState(null),[Y,Z]=t.useState([]),ee=b.useNavigate(),{pageNo:te,limit:ae,totalCount:ie}=z,se=N.page_size||ae,le=se?Math.ceil(ie/se):0,ne=se*(te-1),oe=y.usePermissions(),re=x.templateRoutes(A,S),ue=(null==oe?void 0:oe.Subjects)||{},{canAdd:de=!1,canEdit:ce=!1}=ue,me=[{label:"New Template",handleAction:e=>(e=>{var t,a;(null==Y?void 0:Y.length)?(null==Y?void 0:Y.length)>1?X(e):ee(re.ADD_TEMPLATE(e._id),{state:{company_id:(null==(t=Y[0])?void 0:t.id)||(null==(a=Y[0])?void 0:a.value)}}):f.enqueueSnackbar("Please add a company first",{variant:"error"})})(e),disabled:e=>!ce},{label:"Add From Template",handleAction:e=>U(e),disabled:e=>!de}],pe=t.useCallback(async()=>{const{sort:e,filterQueryString:t,search:a}=N,i=a?`&subject.like=${a}`:"",s=[];s.push(S),"email"==S&&s.push("approval_email");const l=m.appendConditionSafely(t,`&type.in=[${s.join(",")}]&module.eq=${k}${i}`),n=await h.getV1Subjects({...m.getToken(),skip:ne,limit:se,...e&&{order:`${e.id}:${e.desc?-1:1}`},...l&&"()"!==l&&{filters:l}});L((null==n?void 0:n.data)||[]),B({...z,...(null==n?void 0:n.pagination)||{}})},[se,ne,null==N?void 0:N.search,null==N?void 0:N.filterQueryString,null==N?void 0:N.sort]),ge=t.useMemo(()=>K||[],[K]),je=t.useMemo(()=>c.transformTableColumns({columns:E.columns,currencySymbol:e=>{var t,a;return(null==(a=null==(t=e.original)?void 0:t.currency_data)?void 0:a.symbol)||m.defaultCurrencySymbol()},translationFn:w,enableFooter:!0,rows:ge,statusClasses:""}),[ge,w,E.columns]),fe=()=>{B({pageNo:1,limit:10,totalCount:0})};return t.useEffect(()=>{pe()},[pe]),t.useEffect(()=>((async()=>{const e=await g.fetchApi({apiKey:"company",filters:{skip:0,limit:100,order:"id:1"}});Z((null==e?void 0:e.data)||[])})(),fe),[]),t.useEffect(()=>{(null==F?void 0:F.length)&&localStorage.setItem("email-subjects-view",JSON.stringify(F))},[F]),/* @__PURE__ */e.jsxs("section",{className:"templates",children:[
+/* @__PURE__ */e.jsx(a.default,{title:"email"===S?"Emails":"PDFs",data:F,setData:O,active:$,setActive:G,handleSearch:e=>{M({search:e}),B({...z,pageNo:1})},disabledViews:["Kanban","Calendar","Gantt",i.default.GRID],fields:T,selectedIds:J,button:!1}),$===i.default.TABLE&&/* @__PURE__ */e.jsx(s.default,{rows:ge||[],columns:je,paginationModel:z,totalPages:le,columnOrder:["mrt-row-select",...E.orderKeys],states:{isLoading:V},onSortingChange:e=>M({sort:e}),enableColumnDragging:!1,enableEditing:!1,onSelectRow:e=>Q(e.map(e=>e.original.id)),enableAddCustomField:!1,rowActionMenu:me,isResetRow:!1,handleColumnOrdering:e=>P({orderKeys:e.slice(1)}),onColumnVisibility:e=>P({columns:e})}),$===i.default.GRID&&/* @__PURE__ */e.jsx(GridCard,{data:ge,rowActionMenu:me}),!$&&/* @__PURE__ */e.jsx(n.default,{heading:w("rental.settings.termsAndConditions.title"),subHeading:"No data available",icon:/* @__PURE__ */e.jsx("img",{src:p.images.invoiceFallback})}),
+/* @__PURE__ */e.jsx(r.default,{total:le,paginationModel:{...z,limit:N.page_size},handlePaginationModel:e=>{N.page_size!=(null==e?void 0:e.limit)&&M({page_size:e.limit}),B(e)},resource:""}),
 /* @__PURE__ */e.jsxs(o.default,{anchorEl:I,open:Boolean(I),onClose:()=>R(null),children:[
-/* @__PURE__ */e.jsx(j.MenuItem,{children:/* @__PURE__ */e.jsx(l.Typography,{type:"s4",color:"theme.secondary.1000",children:w("common.upload")})}),
-/* @__PURE__ */e.jsx(j.MenuItem,{children:/* @__PURE__ */e.jsx(l.Typography,{type:"s4",color:"theme.secondary.1000",children:w("common.print")})})]}),H&&/* @__PURE__ */e.jsx(q.default,{email:H,onClose:()=>U(null),open:null!==H,companies:Y,templateRoutes:re}),W&&/* @__PURE__ */e.jsx(S.default,{isOpen:null!==W,setIsOpen:X,companies:Y,email:W,templateRoutes:re})]})};
+/* @__PURE__ */e.jsx(C.default,{children:/* @__PURE__ */e.jsx(l.Typography,{type:"s4",color:"theme.secondary.1000",children:w("common.upload")})}),
+/* @__PURE__ */e.jsx(C.default,{children:/* @__PURE__ */e.jsx(l.Typography,{type:"s4",color:"theme.secondary.1000",children:w("common.print")})})]}),H&&/* @__PURE__ */e.jsx(v.default,{email:H,onClose:()=>U(null),open:null!==H,companies:Y,templateRoutes:re}),W&&/* @__PURE__ */e.jsx(q.default,{isOpen:null!==W,setIsOpen:X,companies:Y,email:W,templateRoutes:re})]})};
 //# sourceMappingURL=index.js.map

package/dist/views/template-editor/templates/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/views/template-editor/templates.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport { useCallback, useEffect, useMemo, useState } from 'react';\r\n\r\nimport ActionBar from '../../components/action-bar/action-bar';\r\nimport viewTypes from '../../constants/action-bar';\r\nimport MaterialTable, { MaterialTableColumnProps } from '../../components/material-table/material-table';\r\nimport Typography from '../../components/typography/typography';\r\nimport Fallback from '../../components/fallback/fallback';\r\nimport Menu from '../../components/menu/menu';\r\nimport Footer from '../../components/footer/footer';\r\nimport useDeepMemo from '../../hooks/use-deep-memo';\r\nimport { PageState } from '../../contexts/page-context';\r\nimport { usePages } from '../../hooks/use-pages';\r\nimport { transformTableColumns } from '../../utils/common-utility';\r\nimport { appendConditionSafely, defaultCurrencySymbol, getToken } from '../../utils/common';\r\nimport logo from '../../assets/images';\r\nimport { IPaginationModel } from '../../@types/pagination-model';\r\nimport { fetchApi } from '../../utils/api';\r\n\r\nimport { MenuItem } from '@mui/material';\r\n\r\n// import GridCard from './grid-view/grid-view';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { enqueueSnackbar } from 'notistack';\r\n\r\nimport { templateRoutes } from './utils/common';\r\nimport { IEmail, ITemplateProps, Pagination } from './utils/types';\r\nimport { useNavigate } from 'react-router-dom';\r\n\r\nimport { usePermissions } from '../../hooks/use-permissions';\r\nimport { getV1Subjects } from '../../api-client/api.system-feature/api';\r\nimport TemplateModal from './template-modal/template-modal';\r\nimport CompanySelectionModal from './company-selection-modal/company-selection-modal';\r\nimport { setBaseUrl } from '../../api-client/api.rbac/api';\r\n\r\nimport './templates.scss';\r\n\r\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/rbac`);\r\n\r\n\r\ninterface ActionData {\r\n\tlabel: string;\r\n\tposition: number;\r\n}\r\n\r\nconst Templates: React.FC<ITemplateProps> = ({ type, module, modulePath }) => {\r\n  const { t } = useTranslation();\r\n\tconst {\r\n\t\tactivePage: aPage,\r\n\t\tupdatePageInfo,\r\n\t\tschemaFields,\r\n\t\tgeneratedColumns,\r\n\t\tupdateGeneratedColumns,\r\n\t\t// error: pageError\r\n\t} = usePages();\r\n\tconst activePage = useDeepMemo<PageState>(aPage);\r\n\t/* LOCAL STATES */\r\n\tconst [actionAnchorEl, setActionAnchorEl] = useState<null | HTMLElement>(null);\r\n  const viewEmails = localStorage.getItem('email-subjects-view');\r\n  const [actionBarData, setActionBarData] = useState<ActionData[]>(viewEmails ? JSON.parse(viewEmails) : [{ label: 'Table', position: 0 }]);\r\n\r\n  const [actionBarActiveTab, setActionBarActiveTab] = useState<string>(viewTypes.TABLE);\r\n\tconst [paginationModel, setPaginationModel] = useState<Pagination>({ pageNo: 1, limit: 10, totalCount: 0, skip: 0 }); \r\n\tconst [rows, setRows] = useState<any[]>([]); \r\n\tconst [isFetching, setIsFetching] = useState<boolean>(false); \r\n\tconst [selectedRow, setSelectedRow] = useState([]);\r\n\tconst [showTemplateModal, setShowTemplateModal] = useState<IEmail | null>(null);\r\n\tconst [showCompanySelectionModal, setShowCompanySelectionModal] = useState<IEmail | null>(null);\r\n\tconst [companies, setCompanies] = useState<Record<string, any>[]>([]);\r\n\t/* VARS */\r\n\tconst navigate = useNavigate();\r\n\tconst { pageNo, limit: pLimit, totalCount } = paginationModel;\r\n\tconst limit = activePage.page_size || pLimit;\r\n\tconst total = limit ? Math.ceil(totalCount / limit) : 0;\r\n\tconst skip = limit * (pageNo - 1);\r\n\tconst permissions = usePermissions();\r\n\tconst ROUTES = templateRoutes(modulePath, type);\r\n\r\n\tconst SubjectPermissions = permissions?.Subjects || {};\r\n\tconst ConditionsImport = permissions?.RentalTerms?.ConditionsImport || {};\r\n\t\r\n\tconst {\r\n\t\tcanAdd = false,\r\n\t\tcanEdit = false,\r\n\t\tcanDelete = false,\r\n\t} = SubjectPermissions;\r\n\r\n\tconst { canAdd: canImport = false } = ConditionsImport;\r\n\r\n\tconst handleNewEmail = (email) => {\r\n\t\tif(!companies?.length) {\r\n\t\t\tenqueueSnackbar('Please add a company first', { variant: 'error' })\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\tif(companies?.length > 1) {\r\n\t\t\tsetShowCompanySelectionModal(email)\r\n\t\t} else{\r\n\t\t\tnavigate(ROUTES.ADD_TEMPLATE(email._id), { state: { company_id: companies[0]?.id || companies[0]?.value }})\r\n\t\t}\r\n\t};\r\n  \r\n\tconst rowActionMenu = [\r\n\t\t{\r\n\t\t\tlabel: 'New Template',\r\n\t\t\thandleAction: (email: IEmail) => handleNewEmail(email),\r\n\t\t\tdisabled: (row: any) =>  !canEdit\r\n\t\t},\r\n\t\t{\r\n\t\t\tlabel: 'Add From Template',\r\n\t\t\thandleAction: (email: IEmail) => setShowTemplateModal(email),\r\n\t\t\tdisabled: (row: any) =>  !canAdd\r\n\t\t}\r\n\t];\r\n\r\n\t/* LOCAL FUNCTIONS */\r\n\tconst getEmails = useCallback(\r\n\t\tasync () => {\r\n\t\t\tconst { sort, filterQueryString, search } = activePage;\r\n\t\t\tconst searchFiters = search ? `&subject.like=${search}` : '';\r\n\t\t\tconst types = [];\r\n\t\t\ttypes.push(type)\r\n\t\t\tif(type == \"email\"){\r\n\t\t\t\ttypes.push(\"approval_email\")\r\n\t\t\t}\r\n\t\t\tconst uFilters = appendConditionSafely(filterQueryString, `&type.in=[${types.join(\",\")}]&module.eq=${module}${searchFiters}`);\r\n\r\n\t\t\tconst response = await getV1Subjects({\r\n\t\t\t\t...getToken(),\r\n\t\t\t\tskip,\r\n\t\t\t\tlimit,\r\n\t\t\t\t// search,\r\n\t\t\t\t...(sort && { order: `${sort.id}:${sort.desc ? -1 : 1}` }),\r\n\t\t\t\t...(uFilters && uFilters !== '()' && { filters: uFilters })\r\n\t\t\t});\r\n\r\n\t\t\tsetRows(response?.data || []);\r\n\t\t\tsetPaginationModel({...paginationModel, ...(response?.pagination ||{})});\r\n\t\t},\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t\t[\r\n\t\t\tlimit,\r\n\t\t\tskip,\r\n\t\t\tactivePage?.search,\r\n\t\t\tactivePage?.filterQueryString,\r\n\t\t\tactivePage?.sort\r\n\t\t]\r\n\t);\r\n\r\n\tconst getCopmanies =  async () => {\r\n\t\t\tconst companiesArr = await fetchApi({apiKey: 'company', filters: { skip: 0, limit: 100, order: \"id:1\" }});\r\n\t\t\tsetCompanies(companiesArr?.data || []);\r\n\t\t}\r\n\r\n\tconst tableRows = useMemo(() => rows || [], [rows]);\r\n\r\n\tconst tableColumns = useMemo(\r\n\t\t() =>\r\n\t\t\ttransformTableColumns({\r\n\t\t\t\tcolumns: generatedColumns.columns,\r\n\t\t\t\tcurrencySymbol: (row) =>\r\n\t\t\t\t\trow.original?.currency_data?.symbol || defaultCurrencySymbol(),\r\n\t\t\t\ttranslationFn: t,\r\n\t\t\t\tenableFooter: true,\r\n\t\t\t\t// redirectionLink: ROUTES.VIEW,\r\n\t\t\t\t// redirectionLinkState: (row) => ({ termsAndCondition: row.original }),\r\n\t\t\t\trows: tableRows,\r\n\t\t\t\tstatusClasses: ``,\r\n\t\t\t}),\r\n\t\t[tableRows, t, generatedColumns.columns]\r\n\t);\r\n\r\n\tconst handlePaginationModel = (model: IPaginationModel) => {\r\n\t\tif (activePage.page_size != model?.limit) {\r\n\t\t\tupdatePageInfo({ page_size: model.limit });\r\n\t\t}\r\n\t\tsetPaginationModel(model);\r\n\t};\r\n\r\n\tconst cleanUp = () => {\r\n\t\tconst pModel = { pageNo: 1, limit: 10, totalCount: 0 };\r\n\t\tsetPaginationModel(pModel);\r\n\t};\r\n\r\n\t/* USE EFFECTS */\r\n\tuseEffect(() => {\r\n\t\tgetEmails();\r\n\t}, [getEmails]);\r\n\t\r\n\r\n\tuseEffect(() => {\r\n\t\tgetCopmanies();\r\n\t\treturn cleanUp;\r\n\t}, []);\r\n  useEffect(() => {\r\n\t\tif (actionBarData?.length) {\r\n\t\t\tlocalStorage.setItem('email-subjects-view', JSON.stringify(actionBarData));\r\n\t\t}\r\n\t}, [actionBarData]);\r\n\r\n\t/* JSX STRUCTURE STARTED */\r\n\treturn (\r\n\t\t<section className='templates'>\r\n\t\t\t<ActionBar\r\n\t\t\t\ttitle={type === 'email' ? 'Emails' : 'PDFs'}\r\n\t\t\t\tdata={actionBarData}\r\n\t\t\t\tsetData={setActionBarData}\r\n\t\t\t\tactive={actionBarActiveTab}\r\n\t\t\t\tsetActive={setActionBarActiveTab}\r\n\t\t\t\thandleSearch={(search) => {\r\n\t\t\t\t\tupdatePageInfo({ search });\r\n\t\t\t\t\tsetPaginationModel({ ...paginationModel, pageNo: 1 });\r\n\t\t\t\t}}\r\n\t\t\t\tdisabledViews={['Kanban', 'Calendar', 'Gantt',viewTypes.GRID]}\r\n\t\t\t\tfields={schemaFields}\r\n\t\t\t\tselectedIds={selectedRow}\r\n\t\t\t\tbutton={false}\r\n\t\t\t/>\r\n\t\t\t\t\t{actionBarActiveTab === viewTypes.TABLE && (\r\n\t\t\t\t\t\t<MaterialTable\r\n\t\t\t\t\t\t\trows={tableRows || []}\r\n\t\t\t\t\t\t\tcolumns={tableColumns}\r\n\t\t\t\t\t\t\tpaginationModel={paginationModel}\r\n\t\t\t\t\t\t\ttotalPages={total}\r\n\t\t\t\t\t\t\tcolumnOrder={['mrt-row-select', ...generatedColumns.orderKeys]}\r\n\t\t\t\t\t\t\tstates={{ isLoading: isFetching }}\r\n\t\t\t\t\t\t\tonSortingChange={(sort) => updatePageInfo({ sort })}\r\n\t\t\t\t\t\t\tenableColumnDragging={false}\r\n\t\t\t\t\t\t\tenableEditing={false}\r\n\t\t\t\t\t\t\tonSelectRow={(r) =>\r\n\t\t\t\t\t\t\t\tsetSelectedRow(r.map((ele) => ele.original.id))\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tenableAddCustomField={false}\r\n\t\t\t\t\t\t\trowActionMenu={rowActionMenu}\r\n\t\t\t\t\t\t\tisResetRow={false}\r\n\t\t\t\t\t\t\thandleColumnOrdering={(colOrder) =>\r\n\t\t\t\t\t\t\t\tupdateGeneratedColumns({ orderKeys: colOrder.slice(1) })\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tonColumnVisibility={(columns: MaterialTableColumnProps[]) =>\r\n\t\t\t\t\t\t\t\tupdateGeneratedColumns({ columns: columns })\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{actionBarActiveTab === viewTypes.GRID && (\r\n\t\t\t\t\t\t<GridCard\r\n\t\t\t\t\t\t\tdata={tableRows}\r\n\t\t\t\t\t\t\trowActionMenu={rowActionMenu}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{!actionBarActiveTab && (\r\n\t\t\t\t\t\t<Fallback\r\n\t\t\t\t\t\t\theading={t('rental.settings.termsAndConditions.title')}\r\n\t\t\t\t\t\t\tsubHeading='No data available'\r\n\t\t\t\t\t\t\ticon={<img src={logo.invoiceFallback} />}>\r\n\t\t\t\t\t\t</Fallback>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t<Footer\r\n\t\t\t\t\t\ttotal={total}\r\n\t\t\t\t\t\tpaginationModel={{\r\n\t\t\t\t\t\t\t...paginationModel,\r\n\t\t\t\t\t\t\tlimit: activePage.page_size\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\thandlePaginationModel={handlePaginationModel}\r\n\t\t\t\t\t\tresource=''\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t{/* Action Menu */}\r\n\t\t\t\t\t<Menu\r\n\t\t\t\t\t\tanchorEl={actionAnchorEl}\r\n\t\t\t\t\t\topen={Boolean(actionAnchorEl)}\r\n\t\t\t\t\t\tonClose={() => setActionAnchorEl(null)}>\r\n\t\t\t\t\t\t<MenuItem>\r\n\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\r\n\t\t\t\t\t\t\t\t{t('common.upload')}\r\n\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t</MenuItem>\r\n\t\t\t\t\t\t<MenuItem>\r\n\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\r\n\t\t\t\t\t\t\t\t{t('common.print')}\r\n\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t</MenuItem>\r\n\t\t\t\t\t</Menu>\r\n\t\t\t\t\t{showTemplateModal && (\r\n\t\t\t\t\t\t<TemplateModal \r\n\t\t\t\t\t\t\temail={showTemplateModal} \r\n\t\t\t\t\t\t\tonClose={() => setShowTemplateModal(null)} \r\n\t\t\t\t\t\t\topen={showTemplateModal !== null} \r\n\t\t\t\t\t\t\tcompanies={companies}\r\n\t\t\t\t\t\t\ttemplateRoutes={ROUTES}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{showCompanySelectionModal && (\r\n\t\t\t\t\t\t<CompanySelectionModal \r\n\t\t\t\t\t\t\tisOpen={showCompanySelectionModal !== null} \r\n\t\t\t\t\t\t\tsetIsOpen={setShowCompanySelectionModal} \r\n\t\t\t\t\t\t\tcompanies={companies} \r\n\t\t\t\t\t\t\temail={showCompanySelectionModal}\r\n\t\t\t\t\t\t\ttemplateRoutes={ROUTES}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t</section>\r\n\t);\r\n};\r\n\r\nexport default Templates;\r\n"],"names":["setBaseUrl","type","module","modulePath","t","useTranslation","activePage","aPage","updatePageInfo","schemaFields","generatedColumns","updateGeneratedColumns","usePages","useDeepMemo","actionAnchorEl","setActionAnchorEl","useState","viewEmails","localStorage","getItem","actionBarData","setActionBarData","JSON","parse","label","position","actionBarActiveTab","setActionBarActiveTab","viewTypes","TABLE","paginationModel","setPaginationModel","pageNo","limit","totalCount","skip","rows","setRows","isFetching","selectedRow","setSelectedRow","showTemplateModal","setShowTemplateModal","showCompanySelectionModal","setShowCompanySelectionModal","companies","setCompanies","navigate","useNavigate","pLimit","page_size","total","Math","ceil","permissions","usePermissions","ROUTES","templateRoutes","SubjectPermissions","Subjects","canAdd","canEdit","rowActionMenu","handleAction","email","length","ADD_TEMPLATE","_id","state","company_id","_a","id","_b","value","enqueueSnackbar","variant","handleNewEmail","disabled","row","getEmails","useCallback","async","sort","filterQueryString","search","searchFiters","types","push","uFilters","appendConditionSafely","join","response","getV1Subjects","getToken","order","desc","filters","data","pagination","tableRows","useMemo","tableColumns","transformTableColumns","columns","currencySymbol","original","currency_data","symbol","defaultCurrencySymbol","translationFn","enableFooter","statusClasses","cleanUp","useEffect","companiesArr","fetchApi","apiKey","getCopmanies","setItem","stringify","jsxs","className","children","jsx","ActionBar","title","setData","active","setActive","handleSearch","disabledViews","GRID","fields","selectedIds","button","MaterialTable","totalPages","columnOrder","orderKeys","states","isLoading","onSortingChange","enableColumnDragging","enableEditing","onSelectRow","r","map","ele","enableAddCustomField","isResetRow","handleColumnOrdering","colOrder","slice","onColumnVisibility","GridCard","Fallback","heading","subHeading","icon","src","logo","invoiceFallback","Footer","handlePaginationModel","model","resource","Menu","anchorEl","open","Boolean","onClose","MenuItem","Typography","color","TemplateModal","CompanySelectionModal","isOpen","setIsOpen"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/views/template-editor/templates.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable react-hooks/exhaustive-deps */\r\n/* eslint-disable unused-imports/no-unused-vars */\r\nimport { useCallback, useEffect, useMemo, useState } from 'react';\r\n\r\nimport ActionBar from '../../components/action-bar/action-bar';\r\nimport viewTypes from '../../constants/action-bar';\r\nimport MaterialTable, { MaterialTableColumnProps } from '../../components/material-table/material-table';\r\nimport Typography from '../../components/typography/typography';\r\nimport Fallback from '../../components/fallback/fallback';\r\nimport Menu from '../../components/menu/menu';\r\nimport Footer from '../../components/footer/footer';\r\nimport useDeepMemo from '../../hooks/use-deep-memo';\r\nimport { PageState } from '../../contexts/page-context';\r\nimport { usePages } from '../../hooks/use-pages';\r\nimport { transformTableColumns } from '../../utils/common-utility';\r\nimport { appendConditionSafely, defaultCurrencySymbol, getToken } from '../../utils/common';\r\nimport logo from '../../assets/images';\r\nimport { IPaginationModel } from '../../@types/pagination-model';\r\nimport { fetchApi } from '../../utils/api';\r\n\r\nimport { MenuItem } from '@mui/material';\r\n\r\n// import GridCard from './grid-view/grid-view';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { enqueueSnackbar } from 'notistack';\r\n\r\nimport { templateRoutes } from './utils/common';\r\nimport { IEmail, ITemplateProps, Pagination } from './utils/types';\r\nimport { useNavigate } from 'react-router-dom';\r\n\r\nimport { usePermissions } from '../../hooks/use-permissions';\r\nimport { getV1Subjects } from '../../api-client/api.system-feature/api';\r\nimport TemplateModal from './template-modal/template-modal';\r\nimport CompanySelectionModal from './company-selection-modal/company-selection-modal';\r\nimport { setBaseUrl } from '../../api-client/api.rbac/api';\r\n\r\nimport './templates.scss';\r\n\r\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/rbac`);\r\n\r\n\r\ninterface ActionData {\r\n\tlabel: string;\r\n\tposition: number;\r\n}\r\n\r\nconst Templates: React.FC<ITemplateProps> = ({ type, module, modulePath }) => {\r\n  const { t } = useTranslation();\r\n\tconst {\r\n\t\tactivePage: aPage,\r\n\t\tupdatePageInfo,\r\n\t\tschemaFields,\r\n\t\tgeneratedColumns,\r\n\t\tupdateGeneratedColumns,\r\n\t\t// error: pageError\r\n\t} = usePages();\r\n\tconst activePage = useDeepMemo<PageState>(aPage);\r\n\t/* LOCAL STATES */\r\n\tconst [actionAnchorEl, setActionAnchorEl] = useState<null | HTMLElement>(null);\r\n  const viewEmails = localStorage.getItem('email-subjects-view');\r\n  const [actionBarData, setActionBarData] = useState<ActionData[]>(viewEmails ? JSON.parse(viewEmails) : [{ label: 'Table', position: 0 }]);\r\n\r\n  const [actionBarActiveTab, setActionBarActiveTab] = useState<string>(viewTypes.TABLE);\r\n\tconst [paginationModel, setPaginationModel] = useState<Pagination>({ pageNo: 1, limit: 10, totalCount: 0, skip: 0 }); \r\n\tconst [rows, setRows] = useState<any[]>([]); \r\n\tconst [isFetching, setIsFetching] = useState<boolean>(false); \r\n\tconst [selectedRow, setSelectedRow] = useState([]);\r\n\tconst [showTemplateModal, setShowTemplateModal] = useState<IEmail | null>(null);\r\n\tconst [showCompanySelectionModal, setShowCompanySelectionModal] = useState<IEmail | null>(null);\r\n\tconst [companies, setCompanies] = useState<Record<string, any>[]>([]);\r\n\t/* VARS */\r\n\tconst navigate = useNavigate();\r\n\tconst { pageNo, limit: pLimit, totalCount } = paginationModel;\r\n\tconst limit = activePage.page_size || pLimit;\r\n\tconst total = limit ? Math.ceil(totalCount / limit) : 0;\r\n\tconst skip = limit * (pageNo - 1);\r\n\tconst permissions = usePermissions();\r\n\tconst ROUTES = templateRoutes(modulePath, type);\r\n\r\n\tconst SubjectPermissions = permissions?.Subjects || {};\r\n\tconst ConditionsImport = permissions?.RentalTerms?.ConditionsImport || {};\r\n\t\r\n\tconst {\r\n\t\tcanAdd = false,\r\n\t\tcanEdit = false,\r\n\t\tcanDelete = false,\r\n\t} = SubjectPermissions;\r\n\r\n\tconst { canAdd: canImport = false } = ConditionsImport;\r\n\r\n\tconst handleNewEmail = (email) => {\r\n\t\tif(!companies?.length) {\r\n\t\t\tenqueueSnackbar('Please add a company first', { variant: 'error' })\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\tif(companies?.length > 1) {\r\n\t\t\tsetShowCompanySelectionModal(email)\r\n\t\t} else{\r\n\t\t\tnavigate(ROUTES.ADD_TEMPLATE(email._id), { state: { company_id: companies[0]?.id || companies[0]?.value }})\r\n\t\t}\r\n\t};\r\n  \r\n\tconst rowActionMenu = [\r\n\t\t{\r\n\t\t\tlabel: 'New Template',\r\n\t\t\thandleAction: (email: IEmail) => handleNewEmail(email),\r\n\t\t\tdisabled: (row: any) =>  !canEdit\r\n\t\t},\r\n\t\t{\r\n\t\t\tlabel: 'Add From Template',\r\n\t\t\thandleAction: (email: IEmail) => setShowTemplateModal(email),\r\n\t\t\tdisabled: (row: any) =>  !canAdd\r\n\t\t}\r\n\t];\r\n\r\n\t/* LOCAL FUNCTIONS */\r\n\tconst getEmails = useCallback(\r\n\t\tasync () => {\r\n\t\t\tconst { sort, filterQueryString, search } = activePage;\r\n\t\t\tconst searchFiters = search ? `&subject.like=${search}` : '';\r\n\t\t\tconst types = [];\r\n\t\t\ttypes.push(type)\r\n\t\t\tif(type == \"email\"){\r\n\t\t\t\ttypes.push(\"approval_email\")\r\n\t\t\t}\r\n\t\t\tconst uFilters = appendConditionSafely(filterQueryString, `&type.in=[${types.join(\",\")}]&module.eq=${module}${searchFiters}`);\r\n\r\n\t\t\tconst response = await getV1Subjects({\r\n\t\t\t\t...getToken(),\r\n\t\t\t\tskip,\r\n\t\t\t\tlimit,\r\n\t\t\t\t// search,\r\n\t\t\t\t...(sort && { order: `${sort.id}:${sort.desc ? -1 : 1}` }),\r\n\t\t\t\t...(uFilters && uFilters !== '()' && { filters: uFilters })\r\n\t\t\t});\r\n\r\n\t\t\tsetRows(response?.data || []);\r\n\t\t\tsetPaginationModel({...paginationModel, ...(response?.pagination ||{})});\r\n\t\t},\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t\t[\r\n\t\t\tlimit,\r\n\t\t\tskip,\r\n\t\t\tactivePage?.search,\r\n\t\t\tactivePage?.filterQueryString,\r\n\t\t\tactivePage?.sort\r\n\t\t]\r\n\t);\r\n\r\n\tconst getCopmanies =  async () => {\r\n\t\t\tconst companiesArr = await fetchApi({apiKey: 'company', filters: { skip: 0, limit: 100, order: \"id:1\" }});\r\n\t\t\tsetCompanies(companiesArr?.data || []);\r\n\t\t}\r\n\r\n\tconst tableRows = useMemo(() => rows || [], [rows]);\r\n\r\n\tconst tableColumns = useMemo(\r\n\t\t() =>\r\n\t\t\ttransformTableColumns({\r\n\t\t\t\tcolumns: generatedColumns.columns,\r\n\t\t\t\tcurrencySymbol: (row) =>\r\n\t\t\t\t\trow.original?.currency_data?.symbol || defaultCurrencySymbol(),\r\n\t\t\t\ttranslationFn: t,\r\n\t\t\t\tenableFooter: true,\r\n\t\t\t\t// redirectionLink: ROUTES.VIEW,\r\n\t\t\t\t// redirectionLinkState: (row) => ({ termsAndCondition: row.original }),\r\n\t\t\t\trows: tableRows,\r\n\t\t\t\tstatusClasses: ``,\r\n\t\t\t}),\r\n\t\t[tableRows, t, generatedColumns.columns]\r\n\t);\r\n\r\n\tconst handlePaginationModel = (model: IPaginationModel) => {\r\n\t\tif (activePage.page_size != model?.limit) {\r\n\t\t\tupdatePageInfo({ page_size: model.limit });\r\n\t\t}\r\n\t\tsetPaginationModel(model);\r\n\t};\r\n\r\n\tconst cleanUp = () => {\r\n\t\tconst pModel = { pageNo: 1, limit: 10, totalCount: 0 };\r\n\t\tsetPaginationModel(pModel);\r\n\t};\r\n\r\n\t/* USE EFFECTS */\r\n\tuseEffect(() => {\r\n\t\tgetEmails();\r\n\t}, [getEmails]);\r\n\t\r\n\r\n\tuseEffect(() => {\r\n\t\tgetCopmanies();\r\n\t\treturn cleanUp;\r\n\t}, []);\r\n  useEffect(() => {\r\n\t\tif (actionBarData?.length) {\r\n\t\t\tlocalStorage.setItem('email-subjects-view', JSON.stringify(actionBarData));\r\n\t\t}\r\n\t}, [actionBarData]);\r\n\r\n\t/* JSX STRUCTURE STARTED */\r\n\treturn (\r\n\t\t<section className='templates'>\r\n\t\t\t<ActionBar\r\n\t\t\t\ttitle={type === 'email' ? 'Emails' : 'PDFs'}\r\n\t\t\t\tdata={actionBarData}\r\n\t\t\t\tsetData={setActionBarData}\r\n\t\t\t\tactive={actionBarActiveTab}\r\n\t\t\t\tsetActive={setActionBarActiveTab}\r\n\t\t\t\thandleSearch={(search) => {\r\n\t\t\t\t\tupdatePageInfo({ search });\r\n\t\t\t\t\tsetPaginationModel({ ...paginationModel, pageNo: 1 });\r\n\t\t\t\t}}\r\n\t\t\t\tdisabledViews={['Kanban', 'Calendar', 'Gantt',viewTypes.GRID]}\r\n\t\t\t\tfields={schemaFields}\r\n\t\t\t\tselectedIds={selectedRow}\r\n\t\t\t\tbutton={false}\r\n\t\t\t/>\r\n\t\t\t\t\t{actionBarActiveTab === viewTypes.TABLE && (\r\n\t\t\t\t\t\t<MaterialTable\r\n\t\t\t\t\t\t\trows={tableRows || []}\r\n\t\t\t\t\t\t\tcolumns={tableColumns}\r\n\t\t\t\t\t\t\tpaginationModel={paginationModel}\r\n\t\t\t\t\t\t\ttotalPages={total}\r\n\t\t\t\t\t\t\tcolumnOrder={['mrt-row-select', ...generatedColumns.orderKeys]}\r\n\t\t\t\t\t\t\tstates={{ isLoading: isFetching }}\r\n\t\t\t\t\t\t\tonSortingChange={(sort) => updatePageInfo({ sort })}\r\n\t\t\t\t\t\t\tenableColumnDragging={false}\r\n\t\t\t\t\t\t\tenableEditing={false}\r\n\t\t\t\t\t\t\tonSelectRow={(r) =>\r\n\t\t\t\t\t\t\t\tsetSelectedRow(r.map((ele) => ele.original.id))\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tenableAddCustomField={false}\r\n\t\t\t\t\t\t\trowActionMenu={rowActionMenu}\r\n\t\t\t\t\t\t\tisResetRow={false}\r\n\t\t\t\t\t\t\thandleColumnOrdering={(colOrder) =>\r\n\t\t\t\t\t\t\t\tupdateGeneratedColumns({ orderKeys: colOrder.slice(1) })\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tonColumnVisibility={(columns: MaterialTableColumnProps[]) =>\r\n\t\t\t\t\t\t\t\tupdateGeneratedColumns({ columns: columns })\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{actionBarActiveTab === viewTypes.GRID && (\r\n\t\t\t\t\t\t<GridCard\r\n\t\t\t\t\t\t\tdata={tableRows}\r\n\t\t\t\t\t\t\trowActionMenu={rowActionMenu}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{!actionBarActiveTab && (\r\n\t\t\t\t\t\t<Fallback\r\n\t\t\t\t\t\t\theading={t('rental.settings.termsAndConditions.title')}\r\n\t\t\t\t\t\t\tsubHeading='No data available'\r\n\t\t\t\t\t\t\ticon={<img src={logo.invoiceFallback} />}>\r\n\t\t\t\t\t\t</Fallback>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t<Footer\r\n\t\t\t\t\t\ttotal={total}\r\n\t\t\t\t\t\tpaginationModel={{\r\n\t\t\t\t\t\t\t...paginationModel,\r\n\t\t\t\t\t\t\tlimit: activePage.page_size\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\thandlePaginationModel={handlePaginationModel}\r\n\t\t\t\t\t\tresource=''\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t{/* Action Menu */}\r\n\t\t\t\t\t<Menu\r\n\t\t\t\t\t\tanchorEl={actionAnchorEl}\r\n\t\t\t\t\t\topen={Boolean(actionAnchorEl)}\r\n\t\t\t\t\t\tonClose={() => setActionAnchorEl(null)}>\r\n\t\t\t\t\t\t<MenuItem>\r\n\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\r\n\t\t\t\t\t\t\t\t{t('common.upload')}\r\n\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t</MenuItem>\r\n\t\t\t\t\t\t<MenuItem>\r\n\t\t\t\t\t\t\t<Typography type='s4' color='theme.secondary.1000'>\r\n\t\t\t\t\t\t\t\t{t('common.print')}\r\n\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t</MenuItem>\r\n\t\t\t\t\t</Menu>\r\n\t\t\t\t\t{showTemplateModal && (\r\n\t\t\t\t\t\t<TemplateModal \r\n\t\t\t\t\t\t\temail={showTemplateModal} \r\n\t\t\t\t\t\t\tonClose={() => setShowTemplateModal(null)} \r\n\t\t\t\t\t\t\topen={showTemplateModal !== null} \r\n\t\t\t\t\t\t\tcompanies={companies}\r\n\t\t\t\t\t\t\ttemplateRoutes={ROUTES}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{showCompanySelectionModal && (\r\n\t\t\t\t\t\t<CompanySelectionModal \r\n\t\t\t\t\t\t\tisOpen={showCompanySelectionModal !== null} \r\n\t\t\t\t\t\t\tsetIsOpen={setShowCompanySelectionModal} \r\n\t\t\t\t\t\t\tcompanies={companies} \r\n\t\t\t\t\t\t\temail={showCompanySelectionModal}\r\n\t\t\t\t\t\t\ttemplateRoutes={ROUTES}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t</section>\r\n\t);\r\n};\r\n\r\nexport default Templates;\r\n"],"names":["setBaseUrl","type","module","modulePath","t","useTranslation","activePage","aPage","updatePageInfo","schemaFields","generatedColumns","updateGeneratedColumns","usePages","useDeepMemo","actionAnchorEl","setActionAnchorEl","useState","viewEmails","localStorage","getItem","actionBarData","setActionBarData","JSON","parse","label","position","actionBarActiveTab","setActionBarActiveTab","viewTypes","TABLE","paginationModel","setPaginationModel","pageNo","limit","totalCount","skip","rows","setRows","isFetching","selectedRow","setSelectedRow","showTemplateModal","setShowTemplateModal","showCompanySelectionModal","setShowCompanySelectionModal","companies","setCompanies","navigate","useNavigate","pLimit","page_size","total","Math","ceil","permissions","usePermissions","ROUTES","templateRoutes","SubjectPermissions","Subjects","canAdd","canEdit","rowActionMenu","handleAction","email","length","ADD_TEMPLATE","_id","state","company_id","_a","id","_b","value","enqueueSnackbar","variant","handleNewEmail","disabled","row","getEmails","useCallback","async","sort","filterQueryString","search","searchFiters","types","push","uFilters","appendConditionSafely","join","response","getV1Subjects","getToken","order","desc","filters","data","pagination","tableRows","useMemo","tableColumns","transformTableColumns","columns","currencySymbol","original","currency_data","symbol","defaultCurrencySymbol","translationFn","enableFooter","statusClasses","cleanUp","useEffect","companiesArr","fetchApi","apiKey","getCopmanies","setItem","stringify","jsxs","className","children","jsx","ActionBar","title","setData","active","setActive","handleSearch","disabledViews","GRID","fields","selectedIds","button","MaterialTable","totalPages","columnOrder","orderKeys","states","isLoading","onSortingChange","enableColumnDragging","enableEditing","onSelectRow","r","map","ele","enableAddCustomField","isResetRow","handleColumnOrdering","colOrder","slice","onColumnVisibility","GridCard","Fallback","heading","subHeading","icon","src","logo","invoiceFallback","Footer","handlePaginationModel","model","resource","Menu","anchorEl","open","Boolean","onClose","MenuItem","Typography","color","TemplateModal","CompanySelectionModal","isOpen","setIsOpen"],"mappings":"q3CAuCAA,EAAAA,WAAW,mDAQiC,EAAGC,OAAMC,OAAAA,EAAQC,iBAC3D,MAAMC,EAAEA,GAAMC,oBAEdC,WAAYC,EAAAC,eACZA,EAAAC,aACAA,EAAAC,iBACAA,EAAAC,uBACAA,GAEGC,aACEN,EAAaO,EAAAA,QAAuBN,IAEnCO,EAAgBC,GAAqBC,EAAAA,SAA6B,MAClEC,EAAaC,aAAaC,QAAQ,wBACjCC,EAAeC,GAAoBL,EAAAA,SAAuBC,EAAaK,KAAKC,MAAMN,GAAc,CAAC,CAAEO,MAAO,QAASC,SAAU,MAE7HC,EAAoBC,GAAyBX,EAAAA,SAAiBY,EAAAA,QAAUC,QACzEC,EAAiBC,GAAsBf,EAAAA,SAAqB,CAAEgB,OAAQ,EAAGC,MAAO,GAAIC,WAAY,EAAGC,KAAM,KACzGC,EAAMC,GAAWrB,EAAAA,SAAgB,KACjCsB,GAA6BtB,EAAAA,UAAkB,IAC/CuB,EAAaC,GAAkBxB,EAAAA,SAAS,KACxCyB,EAAmBC,GAAwB1B,EAAAA,SAAwB,OACnE2B,EAA2BC,GAAgC5B,EAAAA,SAAwB,OACnF6B,EAAWC,GAAgB9B,EAAAA,SAAgC,IAE5D+B,GAAWC,EAAAA,eACXhB,OAAEA,GAAQC,MAAOgB,GAAAf,WAAQA,IAAeJ,EACxCG,GAAQ3B,EAAW4C,WAAaD,GAChCE,GAAQlB,GAAQmB,KAAKC,KAAKnB,GAAaD,IAAS,EAChDE,GAAOF,IAASD,GAAS,GACzBsB,GAAcC,EAAAA,iBACdC,GAASC,EAAAA,eAAetD,EAAYF,GAEpCyD,IAAqB,MAAAJ,QAAA,EAAAA,GAAaK,WAAY,CAAA,GAG9CC,OACLA,IAAS,EAAAC,QACTA,IAAU,GAEPH,GAiBEI,GAAgB,CACrB,CACCtC,MAAO,eACPuC,aAAeC,GAhBM,CAACA,mBACnBnB,WAAWoB,SAKZ,MAAApB,OAAA,EAAAA,EAAWoB,QAAS,EACtBrB,EAA6BoB,GAE7BjB,GAASS,GAAOU,aAAaF,EAAMG,KAAM,CAAEC,MAAO,CAAEC,YAAY,OAAAC,EAAAzB,EAAU,SAAV,EAAAyB,EAAcC,MAAM,OAAAC,EAAA3B,EAAU,SAAV,EAAA2B,EAAcC,UAPlGC,EAAAA,gBAAgB,6BAA8B,CAAEC,QAAS,WAcxBC,CAAeZ,GAChDa,SAAWC,IAAejB,IAE3B,CACCrC,MAAO,oBACPuC,aAAeC,GAAkBtB,EAAqBsB,GACtDa,SAAWC,IAAelB,KAKtBmB,GAAYC,EAAAA,YACjBC,UACC,MAAMC,KAAEA,EAAAC,kBAAMA,EAAAC,OAAmBA,GAAW9E,EACtC+E,EAAeD,EAAS,iBAAiBA,IAAW,GACpDE,EAAQ,GACdA,EAAMC,KAAKtF,GACA,SAARA,GACFqF,EAAMC,KAAK,kBAEZ,MAAMC,EAAWC,EAAAA,sBAAsBN,EAAmB,aAAaG,EAAMI,KAAK,mBAAmBxF,IAASmF,KAExGM,QAAiBC,gBAAc,IACjCC,aACH1D,QACAF,YAEIiD,GAAQ,CAAEY,MAAO,GAAGZ,EAAKX,MAAMW,EAAKa,MAAO,EAAK,QAChDP,GAAyB,OAAbA,GAAqB,CAAEQ,QAASR,KAGjDnD,GAAQ,MAAAsD,OAAA,EAAAA,EAAUM,OAAQ,IAC1BlE,EAAmB,IAAID,YAAqB6D,WAAUO,aAAa,CAAA,KAGpE,CACCjE,GACAE,GACA,MAAA7B,OAAA,EAAAA,EAAY8E,OACZ,MAAA9E,OAAA,EAAAA,EAAY6E,kBACZ,MAAA7E,OAAA,EAAAA,EAAY4E,OASRiB,GAAYC,EAAAA,QAAQ,IAAMhE,GAAQ,GAAI,CAACA,IAEvCiE,GAAeD,EAAAA,QACpB,IACCE,wBAAsB,CACrBC,QAAS7F,EAAiB6F,QAC1BC,eAAiB1B,YAChB,OAAA,OAAAN,EAAA,OAAAF,EAAAQ,EAAI2B,eAAJ,EAAAnC,EAAcoC,oBAAd,EAAAlC,EAA6BmC,SAAUC,2BACxCC,cAAezG,EACf0G,cAAc,EAGd1E,KAAM+D,GACNY,cAAe,KAEjB,CAACZ,GAAW/F,EAAGM,EAAiB6F,UAU3BS,GAAU,KAEfjF,EADe,CAAEC,OAAQ,EAAGC,MAAO,GAAIC,WAAY,KAqBpD,OAhBA+E,EAAAA,UAAU,KACTlC,MACE,CAACA,KAGJkC,EAAAA,UAAU,KAzCYhC,WACpB,MAAMiC,QAAqBC,EAAAA,SAAS,CAACC,OAAQ,UAAWpB,QAAS,CAAE7D,KAAM,EAAGF,MAAO,IAAK6D,MAAO,UAC/FhD,GAAa,MAAAoE,OAAA,EAAAA,EAAcjB,OAAQ,KAwCpCoB,GACOL,IACL,IACFC,EAAAA,UAAU,YACN7F,WAAe6C,SAClB/C,aAAaoG,QAAQ,sBAAuBhG,KAAKiG,UAAUnG,KAE1D,CAACA,qBAIHoG,KAAC,UAAA,CAAQC,UAAU,YAClBC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,QAAA,CACAC,MAAgB,UAAT5H,EAAmB,SAAW,OACrCgG,KAAM7E,EACN0G,QAASzG,EACT0G,OAAQrG,EACRsG,UAAWrG,EACXsG,aAAe7C,IACd5E,EAAe,CAAE4E,WACjBrD,EAAmB,IAAKD,EAAiBE,OAAQ,KAElDkG,cAAe,CAAC,SAAU,WAAY,QAAQtG,EAAAA,QAAUuG,MACxDC,OAAQ3H,EACR4H,YAAa9F,EACb+F,QAAQ,IAEN5G,IAAuBE,EAAAA,QAAUC,sBACjC8F,EAAAA,IAACY,EAAAA,QAAA,CACAnG,KAAM+D,IAAa,GACnBI,QAASF,GACTvE,kBACA0G,WAAYrF,GACZsF,YAAa,CAAC,oBAAqB/H,EAAiBgI,WACpDC,OAAQ,CAAEC,UAAWtG,GACrBuG,gBAAkB3D,GAAS1E,EAAe,CAAE0E,SAC5C4D,sBAAsB,EACtBC,eAAe,EACfC,YAAcC,GACbzG,EAAeyG,EAAEC,IAAKC,GAAQA,EAAI1C,SAASlC,KAE5C6E,sBAAsB,EACtBtF,iBACAuF,YAAY,EACZC,qBAAuBC,GACtB5I,EAAuB,CAAE+H,UAAWa,EAASC,MAAM,KAEpDC,mBAAqBlD,GACpB5F,EAAuB,CAAE4F,cAI3B7E,IAAuBE,EAAAA,QAAUuG,qBACjCR,EAAAA,IAAC+B,SAAA,CACAzD,KAAME,GACNrC,oBAIApC,kBACDiG,EAAAA,IAACgC,EAAAA,QAAA,CACAC,QAASxJ,EAAE,4CACXyJ,WAAW,oBACXC,sBAAMnC,IAAC,MAAA,CAAIoC,IAAKC,EAAAA,OAAKC;eAIvBtC,EAAAA,IAACuC,EAAAA,QAAA,CACA/G,SACArB,gBAAiB,IACbA,EACHG,MAAO3B,EAAW4C,WAEnBiH,sBA5F0BC,IAC1B9J,EAAW4C,YAAa,MAAAkH,OAAA,EAAAA,EAAOnI,QAClCzB,EAAe,CAAE0C,UAAWkH,EAAMnI,QAEnCF,EAAmBqI,IAyFfC,SAAS;eAIV7C,EAAAA,KAAC8C,EAAAA,QAAA,CACAC,SAAUzJ,EACV0J,KAAMC,QAAQ3J,GACd4J,QAAS,IAAM3J,EAAkB,MACjC2G,SAAA;qBAACiD,EAAAA,QAAA,CACAjD,wBAAAC,EAAAA,IAACiD,EAAAA,WAAA,CAAW3K,KAAK,KAAK4K,MAAM,uBAC1BnD,SAAAtH,EAAE;qBAGJuK,EAAAA,QAAA,CACAjD,wBAAAC,EAAAA,IAACiD,EAAAA,WAAA,CAAW3K,KAAK,KAAK4K,MAAM,uBAC1BnD,SAAAtH,EAAE,uBAILqC,kBACAkF,EAAAA,IAACmD,EAAAA,QAAA,CACA9G,MAAOvB,EACPiI,QAAS,IAAMhI,EAAqB,MACpC8H,KAA4B,OAAtB/H,EACNI,YACAY,eAAgBD,KAGjBb,kBACAgF,EAAAA,IAACoD,EAAAA,QAAA,CACAC,OAAsC,OAA9BrI,EACRsI,UAAWrI,EACXC,YACAmB,MAAOrB,EACPc,eAAgBD"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@erpsquad/common",
-	"version": "1.8.40",
+	"version": "1.8.41",
 	"description": "Shared UI component library for ERP modules",
 	"main": "./dist/index.js",
 	"module": "./dist/index.esm.js",
@@ -97,11 +97,11 @@
 			"require": "./dist/styles/index.js",
 			"default": "./dist/styles/index.esm.js"
 		},
-		"./styles/variables": "./styles/variables.scss",
-		"./styles/mixins": "./styles/mixins.scss",
-		"./styles/utils": "./styles/utils.scss",
-		"./styles/animations": "./styles/animations.scss",
-		"./styles/all": "./styles/all.scss",
+		"./styles/variables": "./src/styles/variables.scss",
+		"./styles/mixins": "./src/styles/mixins.scss",
+		"./styles/utils": "./src/styles/utils.scss",
+		"./styles/animations": "./src/styles/animations.scss",
+		"./styles/all": "./src/styles/all.scss",
 		"./style.css": {
 			"import": "./dist/style.css",
 			"default": "./dist/style.css"
@@ -115,7 +115,7 @@
 	],
 	"files": [
 		"dist",
-		"styles",
+		"src/styles",
 		"README.md",
 		"CHANGELOG.md",
 		"TROUBLESHOOTING.md"
@@ -125,11 +125,10 @@
 		"registry": "https://registry.npmjs.org/"
 	},
 	"scripts": {
-		"build": "npm run clean && vite build && node scripts/fix-declaration-files.js && npm run copy:styles",
+		"build": "npm run clean && vite build && node scripts/fix-declaration-files.js",
 		"build:analyze": "npm run build && node scripts/analyze-bundle.js",
 		"build:validate": "npm run build && node scripts/validate-package.js",
-		"clean": "rimraf dist && rimraf styles",
-		"copy:styles": "node scripts/copy-styles.js",
+		"clean": "rimraf dist",
 		"generate:exports": "node scripts/generate-component-exports.js",
 		"type-check": "tsc --noEmit --skipLibCheck",
 		"lint": "eslint src --ext .ts,.tsx --max-warnings 0",
@@ -160,6 +159,8 @@
 		"@ckeditor/ckeditor5-react": "^9.0.0",
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/sortable": "^10.0.0",
+		"@emotion/react": "^11.0.0",
+		"@emotion/styled": "^11.0.0",
 		"@fullcalendar/core": "^6.1.10",
 		"@fullcalendar/daygrid": "^6.1.10",
 		"@fullcalendar/interaction": "^6.1.10",
@@ -173,6 +174,10 @@
 		"@glideapps/glide-data-grid": "^5.3.2",
 		"@glideapps/glide-data-grid-cells": "^5.3.2",
 		"@hookform/resolvers": "^3.10.0",
+		"@mui/icons-material": "^5.15.0",
+		"@mui/lab": "^5.0.0-alpha.165",
+		"@mui/material": "^5.15.0",
+		"@mui/x-date-pickers": "^6.19.3",
 		"@react-pdf-viewer/core": "^3.12.0",
 		"@react-pdf-viewer/default-layout": "^3.12.0",
 		"@react-querybuilder/material": "^6.5.5",
@@ -279,13 +284,7 @@
 		"i18next-http-backend": "^2.4.2",
 		"react": "^18.2.0 || ^19.0.0",
 		"react-dom": "^18.2.0 || ^19.0.0",
-		"react-i18next": "^13.5.0",
-		"@emotion/react": "^11.0.0",
-		"@emotion/styled": "^11.0.0",
-		"@mui/icons-material": "^5.15.0",
-		"@mui/lab": "^5.0.0-alpha.165",
-		"@mui/material": "^5.15.0",
-		"@mui/x-date-pickers": "^6.19.3"
+		"react-i18next": "^13.5.0"
 	},
 	"repository": {
 		"type": "git",