@erpsquad/common 1.8.47 → 1.8.49

package/dist/components/page-navigator/page-navigator/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/page-navigator/page-navigator.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs */\nimport { useCallback, useEffect, useState } from 'react';\nimport {\n\tTabs,\n\tTab as MUITab,\n\tstyled,\n\tIconButton,\n\tMenuItem,\n\tDivider,\n\tBox,\n\tCircularProgress\n} from '@mui/material';\nimport MenuIcon from '@mui/icons-material/Menu';\nimport KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown';\nimport Typography from '../typography/typography';\nimport Menu from '../menu/menu';\nimport AddPage from './components/add-page';\nimport PageAction from './components/page-action';\nimport Tooltip from '../tooltip/Tooltip';\nimport { IPage } from '../../@types/page';\nimport { defaultPageState } from '../../contexts/page-context';\nimport { usePages } from '../../hooks/use-pages';\nimport Button from '../button/button';\nimport _ from 'lodash';\nimport { Save, Share } from '@mui/icons-material';\nimport  './page-navigator.scss';\nimport React from 'react';\n\nconst StyledTabs = styled(Tabs)(() => ({\n\tminHeight: 'fit-content',\n\n\t'.MuiTabs-indicator': {\n\t\theight: '0px !important'\n\t},\n\t'& .MuiTabs-flexContainer': {\n\t\tgap: '4px'\n\t}\n}));\n\nconst StyledTab = styled(MUITab)(({ theme: { palette } }) => ({\n\tminHeight: '2rem',\n\ttextTransform: 'none',\n\tpadding: '0rem 1rem',\n\tminWidth: 'fit-content',\n\tborderRadius: 4,\n\t'&.Mui-selected': {\n\t\tbackground: palette.theme?.primary[100],\n\t\tcolor: palette.theme?.primary[700],\n\t\tborderTop: `2px solid ${palette.theme?.primary[700]}`\n\t},\n\t'.MuiIconButton-root': {\n\t\tpadding: '0rem'\n\t},\n\t\"&:hover\": {\n\t\tbackground: palette.theme?.primary[100]\n\t}\n}));\n\nconst title = `successfully created, complete with your saved filters, sorting options, and views.`;\n\ninterface IPageNavigator {\n\tpages: IPage[];\n\tsetPages: React.Dispatch<React.SetStateAction<IPage[]>>;\n\tcurrentPage: string | number;\n\tsetCurrentPage: React.Dispatch<React.SetStateAction<number>>;\n\tsharedPages: any;\n\tresource: string;\n\thandlePageDelete: (pages: any[]) => void;\n\tisPageSaving?: boolean;\n}\n\nexport default function PageNavigator({\n\t// sharedPages,\n\tresource,\n\t// handlePageDelete\n}: IPageNavigator) {\n\tconst { pages, setPages, setActivePage, activePage, savePages,setIsChanged, isSaving, generatedColumns, sharedPages, isChanged,deletePage,isCreatePage,setIsCreatePage ,addOrDeletePage} = usePages();\n\tconst shareTitle = (owner) => `shared by ${owner}`;\n\tconst [isActionsMenuOpen, setIsActionsMenuOpen] =\n\t\tuseState<null | HTMLElement>(null);\n\tconst [page, setPage] = useState<IPage>();\n\n\tconst [isAllPagesMenuOpen, setIsAllPagesMenuOpen] =\n\t\tuseState<null | HTMLElement>(null);\n\n\tconst handleChangePage = (_: React.SyntheticEvent, newValue: number) => {\n\t\tconst pg = pages.find((p) => p?._id == newValue);\n\t\tsetActivePage(pg);\n\t};\n\n\tconst handleOpenActionsMenu = (\n\t\tevent: React.MouseEvent<HTMLButtonElement>,\n\t\tclickedPage: IPage\n\t) => {\n\t\tevent.stopPropagation();\n\t\tsetPage(clickedPage);\n\t\tsetIsActionsMenuOpen(event.currentTarget);\n\t};\n\tconst handleCloseActionsMenu = () => setIsActionsMenuOpen(null);\n\n\tconst handleOpenAllPagesMenu = (\n\t\tevent: React.MouseEvent<HTMLButtonElement>\n\t) => {\n\t\tevent.stopPropagation();\n\t\tsetIsAllPagesMenuOpen(event.currentTarget);\n\t};\n\tconst handleCloseAllPagesMenu = () => setIsAllPagesMenuOpen(null);\n\n\tconst handleChangePageFromMenu = (val: number) => {\n\t\tsetActivePage(val);\n\t\thandleCloseAllPagesMenu();\n\t};\n\n\tconst handleAddPage = (newPage: IPage) => {\n\t\tconst nPage = {\n\t\t\t...defaultPageState,\n\t\t\t...newPage,\n\t\t\tname: newPage.name,\n\t\t\tvisible_columns: generatedColumns.columns,\n\t\t\tcolumn_order: _.uniq(generatedColumns.orderKeys),\n\t\t\t_id: pages.length + 1,\n\t\t\tactive_view:'Table',\n\t\t\tviews:[{\n\t\t\t\tlabel:'Table',\n\t\t\t\tposition:0\n\t\t\t}]\n\t\t};\n\t\tconst updatedPages: any = [\n\t\t\t...pages,\n\t\t\t...[nPage]\n\t\t];\n\t\tsetActivePage({...nPage});\n\t\tsetPages([...updatedPages]);\n\t\tsetIsCreatePage(true)\n\t\t\n\t};\n\n\tconst handlePageDeleteFunction=(pages:any[])=>{\n\t\t\n\t\tdeletePage(pages)\n\t}\n\n\n\tconst handleAddOrdeletePage =useCallback(async\t () => {\n\t\tif(isCreatePage){\n\t\t\tconst res=await addOrDeletePage();\n\t\t\tif(res.status_code===200){\n\t\t\t\tsetPages(res?.data?.pages);\n\t\t\t\tsetIsChanged(false)\n\t\t\t}}\n\t\tsetTimeout(()=>{\n\t\t\tsetIsCreatePage(false);\n\t\t\t\n\t\t},2000)\n\t\t//eslint-disable-next-line\n\t},[isCreatePage])\n\n\tuseEffect(()=>{\n\t\thandleAddOrdeletePage()\n\t\t//eslint-disable-next-line\n\t},[handleAddOrdeletePage])\n\n\treturn (\n\t\t<Box display=\"flex\" gap={2} alignItems={'center'} className='page-navigator-container'>\n\t\t\t<Box\n\t\t\t\tdisplay={'flex'}\n\t\t\t\tclassName='page-navigator'\n\t\t\t\tsx={{ display: 'flex', opacity: isSaving ? 0.5 : 1 }}>\n\t\t\t\t<IconButton\n\t\t\t\t\t// size='small'\n\t\t\t\t\tonClick={handleOpenAllPagesMenu}\n\t\t\t\t\tdisabled={isSaving}>\n\t\t\t\t\t<MenuIcon fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t\t<StyledTabs\n\t\t\t\t\tvalue={activePage?._id}\n\t\t\t\t\tvariant='scrollable'\n\t\t\t\t\tonChange={handleChangePage}\n\t\t\t\t\taria-label='basic tabs example'>\n\t\t\t\t\t{pages?.map((page) => (\n\t\t\t\t\t\t<StyledTab\n\t\t\t\t\t\t\ticonPosition='end'\n\t\t\t\t\t\t\tdisableRipple\n\t\t\t\t\t\t\tkey={page}\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\tonClick={(e) => handleOpenActionsMenu(e, page)}\n\t\t\t\t\t\t\t\t\tdisabled={isSaving}>\n\t\t\t\t\t\t\t\t\t<KeyboardArrowDown fontSize='small' color={activePage?._id === page?._id ? 'primary' : undefined}/>\n\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\ttitle={`The '${page.name}' page has been  ${page?.isShared ? shareTitle(page?.owner) : title}`}\n\t\t\t\t\t\t\t\t\tkey={page._id}\n\t\t\t\t\t\t\t\t\tplacement='top'\n\t\t\t\t\t\t\t\t\tarrow>\n\t\t\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', alignItems: 'center', gap:1 }}>\n\t\t\t\t\t\t\t\t\t\t\t{page?.isShared && <Share sx={{fontSize:'20px',color:'#4AC08C'}}/>}\n\t\t\t\t\t\t\t\t\t\t\t<span>{page.name}</span>\n\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={page?._id}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</StyledTabs>\n\n\t\t\t\t<Divider\n\t\t\t\t\torientation='vertical'\n\t\t\t\t\tvariant='middle'\n\t\t\t\t\tflexItem\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tml: 2,\n\t\t\t\t\t\tborderWidth: '1px'\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<Box display=\"flex\" alignItems={'center'}>\n\t\t\t\t\t<AddPage\n\t\t\t\t\t\tpages={pages}\n\t\t\t\t\t\thandleAddPage={handleAddPage}\n\t\t\t\t\t\tsharedPages={sharedPages}\n\t\t\t\t\t/>\n\t\t\t\t</Box>\n\n\t\t\t\t<PageAction\n\t\t\t\t\topen={isActionsMenuOpen}\n\t\t\t\t\tonClose={handleCloseActionsMenu}\n\t\t\t\t\tpage={page}\n\t\t\t\t\tsetPages={setPages}\n\t\t\t\t\tsetCurrentPage={setActivePage}\n\t\t\t\t\tpages={pages}\n\t\t\t\t\tresource={resource}\n\t\t\t\t\thandlePageDelete={handlePageDeleteFunction}\n\t\t\t\t/>\n\n\t\t\t\t<Menu\n\t\t\t\t\topen={Boolean(isAllPagesMenuOpen)}\n\t\t\t\t\tanchorEl={isAllPagesMenuOpen}\n\t\t\t\t\tonClose={handleCloseAllPagesMenu}>\n\t\t\t\t\t{pages?.map((page) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tselected={page._id === activePage?._id}\n\t\t\t\t\t\t\tkey={page._id}\n\t\t\t\t\t\t\tonClick={() => handleChangePageFromMenu(page)}>\n\t\t\t\t\t\t\t<Typography color='theme.secondary.1000' type='s4'>\n\t\t\t\t\t\t\t\t{page.name}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</Menu>\n\t\t\t</Box>\n\t\t\t<Box display=\"flex\" alignItems={'center'}>\n\t\t\t\t<Button\n\t\t\t\t\tsize='small'\n\t\t\t\t\tvariant='contained'\n\t\t\t\t\tonClick={() => savePages()}\n\t\t\t\t\t// sx={{fontWeight:600, marginBottom:'2px',px:3}}\n\t\t\t\t\tendIcon={\n\t\t\t\t\t\tisSaving ? <CircularProgress size={15} color='inherit' /> : <Save fontSize='small'/>\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={!isChanged || isSaving}>\n\t\t\t\t\tSave\n\t\t\t\t</Button>\n\t\t\t</Box>\n\t\t</Box>\n\t);\n}\n"],"names":["MUITab","_","pages","MenuIcon","page","KeyboardArrowDown"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/page-navigator/page-navigator.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs */\nimport { useCallback, useEffect, useState } from 'react';\nimport {\n\tTabs,\n\tTab as MUITab,\n\tstyled,\n\tIconButton,\n\tMenuItem,\n\tDivider,\n\tBox,\n\tCircularProgress\n} from '@mui/material';\nimport MenuIcon from '@mui/icons-material/Menu';\nimport KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown';\nimport Typography from '../typography/typography';\nimport Menu from '../menu/menu';\nimport AddPage from './components/add-page';\nimport PageAction from './components/page-action';\nimport Tooltip from '../tooltip/Tooltip';\nimport { IPage } from '../../@types/page';\nimport { defaultPageState } from '../../contexts/page-context';\nimport { usePages } from '../../hooks/use-pages';\nimport Button from '../button/button';\nimport _ from 'lodash';\nimport { Save, Share } from '@mui/icons-material';\nimport  './page-navigator.scss';\nimport React from 'react';\n\nconst StyledTabs = styled(Tabs)(() => ({\n\tminHeight: 'fit-content',\n\n\t'.MuiTabs-indicator': {\n\t\theight: '0px !important'\n\t},\n\t'& .MuiTabs-flexContainer': {\n\t\tgap: '4px'\n\t}\n}));\n\nconst StyledTab = styled(MUITab)(({ theme: { palette } }) => ({\n\tminHeight: '2rem',\n\ttextTransform: 'none',\n\tpadding: '0rem 1rem',\n\tminWidth: 'fit-content',\n\tborderRadius: 4,\n\t'&.Mui-selected': {\n\t\tbackground: palette.theme?.primary[100],\n\t\tcolor: palette.theme?.primary[700],\n\t\tborderTop: `2px solid ${palette.theme?.primary[700]}`\n\t},\n\t'.MuiIconButton-root': {\n\t\tpadding: '0rem'\n\t},\n\t\"&:hover\": {\n\t\tbackground: palette.theme?.primary[100]\n\t}\n}));\n\nconst title = `successfully created, complete with your saved filters, sorting options, and views.`;\n\nexport interface IPageNavigator {\n\tpages: IPage[];\n\tsetPages: React.Dispatch<React.SetStateAction<IPage[]>>;\n\tcurrentPage: string | number;\n\tsetCurrentPage: React.Dispatch<React.SetStateAction<number>>;\n\tsharedPages: any;\n\tresource: string;\n\thandlePageDelete: (pages: any[]) => void;\n\tisPageSaving?: boolean;\n}\n\nexport const PageNavigator = ({\n\t// sharedPages,\n\tresource,\n\t// handlePageDelete\n}: IPageNavigator) => {\n\tconst { pages, setPages, setActivePage, activePage, savePages,setIsChanged, isSaving, generatedColumns, sharedPages, isChanged,deletePage,isCreatePage,setIsCreatePage ,addOrDeletePage} = usePages();\n\tconst shareTitle = (owner) => `shared by ${owner}`;\n\tconst [isActionsMenuOpen, setIsActionsMenuOpen] =\n\t\tuseState<null | HTMLElement>(null);\n\tconst [page, setPage] = useState<IPage>();\n\n\tconst [isAllPagesMenuOpen, setIsAllPagesMenuOpen] =\n\t\tuseState<null | HTMLElement>(null);\n\n\tconst handleChangePage = (_: React.SyntheticEvent, newValue: number) => {\n\t\tconst pg = pages.find((p) => p?._id == newValue);\n\t\tsetActivePage(pg);\n\t};\n\n\tconst handleOpenActionsMenu = (\n\t\tevent: React.MouseEvent<HTMLButtonElement>,\n\t\tclickedPage: IPage\n\t) => {\n\t\tevent.stopPropagation();\n\t\tsetPage(clickedPage);\n\t\tsetIsActionsMenuOpen(event.currentTarget);\n\t};\n\tconst handleCloseActionsMenu = () => setIsActionsMenuOpen(null);\n\n\tconst handleOpenAllPagesMenu = (\n\t\tevent: React.MouseEvent<HTMLButtonElement>\n\t) => {\n\t\tevent.stopPropagation();\n\t\tsetIsAllPagesMenuOpen(event.currentTarget);\n\t};\n\tconst handleCloseAllPagesMenu = () => setIsAllPagesMenuOpen(null);\n\n\tconst handleChangePageFromMenu = (val: number) => {\n\t\tsetActivePage(val);\n\t\thandleCloseAllPagesMenu();\n\t};\n\n\tconst handleAddPage = (newPage: IPage) => {\n\t\tconst nPage = {\n\t\t\t...defaultPageState,\n\t\t\t...newPage,\n\t\t\tname: newPage.name,\n\t\t\tvisible_columns: generatedColumns.columns,\n\t\t\tcolumn_order: _.uniq(generatedColumns.orderKeys),\n\t\t\t_id: pages.length + 1,\n\t\t\tactive_view:'Table',\n\t\t\tviews:[{\n\t\t\t\tlabel:'Table',\n\t\t\t\tposition:0\n\t\t\t}]\n\t\t};\n\t\tconst updatedPages: any = [\n\t\t\t...pages,\n\t\t\t...[nPage]\n\t\t];\n\t\tsetActivePage({...nPage});\n\t\tsetPages([...updatedPages]);\n\t\tsetIsCreatePage(true)\n\t\t\n\t};\n\n\tconst handlePageDeleteFunction=(pages:any[])=>{\n\t\t\n\t\tdeletePage(pages)\n\t}\n\n\n\tconst handleAddOrdeletePage =useCallback(async\t () => {\n\t\tif(isCreatePage){\n\t\t\tconst res=await addOrDeletePage();\n\t\t\tif(res.status_code===200){\n\t\t\t\tsetPages(res?.data?.pages);\n\t\t\t\tsetIsChanged(false)\n\t\t\t}}\n\t\tsetTimeout(()=>{\n\t\t\tsetIsCreatePage(false);\n\t\t\t\n\t\t},2000)\n\t\t//eslint-disable-next-line\n\t},[isCreatePage])\n\n\tuseEffect(()=>{\n\t\thandleAddOrdeletePage()\n\t\t//eslint-disable-next-line\n\t},[handleAddOrdeletePage])\n\n\treturn (\n\t\t<Box display=\"flex\" gap={2} alignItems={'center'} className='page-navigator-container'>\n\t\t\t<Box\n\t\t\t\tdisplay={'flex'}\n\t\t\t\tclassName='page-navigator'\n\t\t\t\tsx={{ display: 'flex', opacity: isSaving ? 0.5 : 1 }}>\n\t\t\t\t<IconButton\n\t\t\t\t\t// size='small'\n\t\t\t\t\tonClick={handleOpenAllPagesMenu}\n\t\t\t\t\tdisabled={isSaving}>\n\t\t\t\t\t<MenuIcon fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t\t<StyledTabs\n\t\t\t\t\tvalue={activePage?._id}\n\t\t\t\t\tvariant='scrollable'\n\t\t\t\t\tonChange={handleChangePage}\n\t\t\t\t\taria-label='basic tabs example'>\n\t\t\t\t\t{pages?.map((page) => (\n\t\t\t\t\t\t<StyledTab\n\t\t\t\t\t\t\ticonPosition='end'\n\t\t\t\t\t\t\tdisableRipple\n\t\t\t\t\t\t\tkey={page}\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\tonClick={(e) => handleOpenActionsMenu(e, page)}\n\t\t\t\t\t\t\t\t\tdisabled={isSaving}>\n\t\t\t\t\t\t\t\t\t<KeyboardArrowDown fontSize='small' color={activePage?._id === page?._id ? 'primary' : undefined}/>\n\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\ttitle={`The '${page.name}' page has been  ${page?.isShared ? shareTitle(page?.owner) : title}`}\n\t\t\t\t\t\t\t\t\tkey={page._id}\n\t\t\t\t\t\t\t\t\tplacement='top'\n\t\t\t\t\t\t\t\t\tarrow>\n\t\t\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', alignItems: 'center', gap:1 }}>\n\t\t\t\t\t\t\t\t\t\t\t{page?.isShared && <Share sx={{fontSize:'20px',color:'#4AC08C'}}/>}\n\t\t\t\t\t\t\t\t\t\t\t<span>{page.name}</span>\n\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={page?._id}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</StyledTabs>\n\n\t\t\t\t<Divider\n\t\t\t\t\torientation='vertical'\n\t\t\t\t\tvariant='middle'\n\t\t\t\t\tflexItem\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tml: 2,\n\t\t\t\t\t\tborderWidth: '1px'\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<Box display=\"flex\" alignItems={'center'}>\n\t\t\t\t\t<AddPage\n\t\t\t\t\t\tpages={pages}\n\t\t\t\t\t\thandleAddPage={handleAddPage}\n\t\t\t\t\t\tsharedPages={sharedPages}\n\t\t\t\t\t/>\n\t\t\t\t</Box>\n\n\t\t\t\t<PageAction\n\t\t\t\t\topen={isActionsMenuOpen}\n\t\t\t\t\tonClose={handleCloseActionsMenu}\n\t\t\t\t\tpage={page}\n\t\t\t\t\tsetPages={setPages}\n\t\t\t\t\tsetCurrentPage={setActivePage}\n\t\t\t\t\tpages={pages}\n\t\t\t\t\tresource={resource}\n\t\t\t\t\thandlePageDelete={handlePageDeleteFunction}\n\t\t\t\t/>\n\n\t\t\t\t<Menu\n\t\t\t\t\topen={Boolean(isAllPagesMenuOpen)}\n\t\t\t\t\tanchorEl={isAllPagesMenuOpen}\n\t\t\t\t\tonClose={handleCloseAllPagesMenu}>\n\t\t\t\t\t{pages?.map((page) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tselected={page._id === activePage?._id}\n\t\t\t\t\t\t\tkey={page._id}\n\t\t\t\t\t\t\tonClick={() => handleChangePageFromMenu(page)}>\n\t\t\t\t\t\t\t<Typography color='theme.secondary.1000' type='s4'>\n\t\t\t\t\t\t\t\t{page.name}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</Menu>\n\t\t\t</Box>\n\t\t\t<Box display=\"flex\" alignItems={'center'}>\n\t\t\t\t<Button\n\t\t\t\t\tsize='small'\n\t\t\t\t\tvariant='contained'\n\t\t\t\t\tonClick={() => savePages()}\n\t\t\t\t\t// sx={{fontWeight:600, marginBottom:'2px',px:3}}\n\t\t\t\t\tendIcon={\n\t\t\t\t\t\tisSaving ? <CircularProgress size={15} color='inherit' /> : <Save fontSize='small'/>\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={!isChanged || isSaving}>\n\t\t\t\t\tSave\n\t\t\t\t</Button>\n\t\t\t</Box>\n\t\t</Box>\n\t);\n};\n\nexport default PageNavigator;\n"],"names":["MUITab","_","pages","MenuIcon","page","KeyboardArrowDown"],"mappings":"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"}

package/dist/components/page-navigator/page-navigator/index.js

@@ -1,11 +1,11 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),a=,/* empty css                                                    */n=,/* empty css                                                                 */r=,/* empty css                                 */l=,/* empty css                     */s=,/* empty css                            */t=,/* empty css                               */d=,/* empty css                           */o=,/* empty css                                    */u=,/* empty css                              */c=,/* empty css                         */m=require("lodash");;/* empty css                            */var p=,/* empty css                                                 */x=,/* empty css                                                               */g=,/* empty css                                                       */v=,/* empty css                                                         */h=,/* empty css                                                         */f=,/* empty css                                                           */j=,/* empty css                                                                           */b=,/* empty css                                                        */y=,/* empty css                                                   */_=;/* empty css                                                 */function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var P=/* @__PURE__ */q(m);const C=g.default(y.default)(()=>({minHeight:"fit-content",".MuiTabs-indicator":{height:"0px !important"},"& .MuiTabs-flexContainer":{gap:"4px"}})),T=g.default(_.default)(({theme:{palette:e}})=>{var i,a,n,r;return{minHeight:"2rem",textTransform:"none",padding:"0rem 1rem",minWidth:"fit-content",borderRadius:4,"&.Mui-selected":{background:null==(i=e.theme)?void 0:i.primary[100],color:null==(a=e.theme)?void 0:a.primary[700],borderTop:`2px solid ${null==(n=e.theme)?void 0:n.primary[700]}`},".MuiIconButton-root":{padding:"0rem"},"&:hover":{background:null==(r=e.theme)?void 0:r.primary[100]}}});exports.default=function({resource:m}){const{pages:g,setPages:y,setActivePage:_,activePage:q,savePages:S,setIsChanged:I,isSaving:w,generatedColumns:M,sharedPages:k,isChanged:z,deletePage:B,isCreatePage:A,setIsCreatePage:D,addOrDeletePage:$}=u.usePages(),[E,H]=i.useState(null),[K,N]=i.useState(),[O,R]=i.useState(null),W=()=>R(null),F=i.useCallback(async()=>{var e;if(A){const i=await $();200===i.status_code&&(y(null==(e=null==i?void 0:i.data)?void 0:e.pages),I(!1))}setTimeout(()=>{D(!1)},2e3)},[A]);return i.useEffect(()=>{F()},[F]),/* @__PURE__ */e.jsxs(p.default,{display:"flex",gap:2,alignItems:"center",className:"page-navigator-container",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),a=,/* empty css                                                    */n=,/* empty css                                                                 */r=,/* empty css                                 */l=,/* empty css                     */s=,/* empty css                            */t=,/* empty css                               */o=,/* empty css                           */d=,/* empty css                                    */u=,/* empty css                              */m=,/* empty css                         */c=require("lodash");;/* empty css                            */var p=,/* empty css                                                 */x=,/* empty css                                                               */g=,/* empty css                                                       */v=,/* empty css                                                         */h=,/* empty css                                                         */f=,/* empty css                                                           */j=,/* empty css                                                                           */b=,/* empty css                                                        */y=,/* empty css                                                   */_=;/* empty css                                                 */function q(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var P=/* @__PURE__ */q(c);const C=g.default(y.default)(()=>({minHeight:"fit-content",".MuiTabs-indicator":{height:"0px !important"},"& .MuiTabs-flexContainer":{gap:"4px"}})),T=g.default(_.default)(({theme:{palette:e}})=>{var i,a,n,r;return{minHeight:"2rem",textTransform:"none",padding:"0rem 1rem",minWidth:"fit-content",borderRadius:4,"&.Mui-selected":{background:null==(i=e.theme)?void 0:i.primary[100],color:null==(a=e.theme)?void 0:a.primary[700],borderTop:`2px solid ${null==(n=e.theme)?void 0:n.primary[700]}`},".MuiIconButton-root":{padding:"0rem"},"&:hover":{background:null==(r=e.theme)?void 0:r.primary[100]}}}),S=({resource:c})=>{const{pages:g,setPages:y,setActivePage:_,activePage:q,savePages:S,setIsChanged:I,isSaving:w,generatedColumns:M,sharedPages:k,isChanged:z,deletePage:B,isCreatePage:A,setIsCreatePage:D,addOrDeletePage:$}=u.usePages(),[N,E]=i.useState(null),[H,K]=i.useState(),[O,R]=i.useState(null),W=()=>R(null),F=i.useCallback(async()=>{var e;if(A){const i=await $();200===i.status_code&&(y(null==(e=null==i?void 0:i.data)?void 0:e.pages),I(!1))}setTimeout(()=>{D(!1)},2e3)},[A]);return i.useEffect(()=>{F()},[F]),/* @__PURE__ */e.jsxs(p.default,{display:"flex",gap:2,alignItems:"center",className:"page-navigator-container",children:[
 /* @__PURE__ */e.jsxs(p.default,{display:"flex",className:"page-navigator",sx:{display:"flex",opacity:w?.5:1},children:[
 /* @__PURE__ */e.jsx(x.default,{onClick:e=>{e.stopPropagation(),R(e.currentTarget)},disabled:w,children:/* @__PURE__ */e.jsx(a.default,{fontSize:"small"})}),
-/* @__PURE__ */e.jsx(C,{value:null==q?void 0:q._id,variant:"scrollable",onChange:(e,i)=>{const a=g.find(e=>(null==e?void 0:e._id)==i);_(a)},"aria-label":"basic tabs example",children:null==g?void 0:g.map(i=>{/* @__PURE__ */return e.jsx(T,{iconPosition:"end",disableRipple:!0,icon:/* @__PURE__ */e.jsx(x.default,{size:"small",edge:"end",onClick:e=>{return n=i,(a=e).stopPropagation(),N(n),void H(a.currentTarget);var a,n},disabled:w,children:/* @__PURE__ */e.jsx(n.default,{fontSize:"small",color:(null==q?void 0:q._id)===(null==i?void 0:i._id)?"primary":void 0})}),label:/* @__PURE__ */e.jsx(d.Tooltip,{title:`The '${i.name}' page has been  ${(null==i?void 0:i.isShared)?(a=null==i?void 0:i.owner,`shared by ${a}`):"successfully created, complete with your saved filters, sorting options, and views."}`,placement:"top",arrow:!0,children:/* @__PURE__ */e.jsxs(p.default,{sx:{display:"flex",alignItems:"center",gap:1},children:[(null==i?void 0:i.isShared)&&/* @__PURE__ */e.jsx(v.default,{sx:{fontSize:"20px",color:"#4AC08C"}}),
+/* @__PURE__ */e.jsx(C,{value:null==q?void 0:q._id,variant:"scrollable",onChange:(e,i)=>{const a=g.find(e=>(null==e?void 0:e._id)==i);_(a)},"aria-label":"basic tabs example",children:null==g?void 0:g.map(i=>{/* @__PURE__ */return e.jsx(T,{iconPosition:"end",disableRipple:!0,icon:/* @__PURE__ */e.jsx(x.default,{size:"small",edge:"end",onClick:e=>{return n=i,(a=e).stopPropagation(),K(n),void E(a.currentTarget);var a,n},disabled:w,children:/* @__PURE__ */e.jsx(n.default,{fontSize:"small",color:(null==q?void 0:q._id)===(null==i?void 0:i._id)?"primary":void 0})}),label:/* @__PURE__ */e.jsx(o.Tooltip,{title:`The '${i.name}' page has been  ${(null==i?void 0:i.isShared)?(a=null==i?void 0:i.owner,`shared by ${a}`):"successfully created, complete with your saved filters, sorting options, and views."}`,placement:"top",arrow:!0,children:/* @__PURE__ */e.jsxs(p.default,{sx:{display:"flex",alignItems:"center",gap:1},children:[(null==i?void 0:i.isShared)&&/* @__PURE__ */e.jsx(v.default,{sx:{fontSize:"20px",color:"#4AC08C"}}),
 /* @__PURE__ */e.jsx("span",{children:i.name})]})},i._id),value:null==i?void 0:i._id},i);var a})}),
 /* @__PURE__ */e.jsx(h.default,{orientation:"vertical",variant:"middle",flexItem:!0,sx:{ml:2,borderWidth:"1px"}}),
-/* @__PURE__ */e.jsx(p.default,{display:"flex",alignItems:"center",children:/* @__PURE__ */e.jsx(s.AddPage,{pages:g,handleAddPage:e=>{const i={...o.defaultPageState,...e,name:e.name,visible_columns:M.columns,column_order:P.default.uniq(M.orderKeys),_id:g.length+1,active_view:"Table",views:[{label:"Table",position:0}]},a=[...g,i];_({...i}),y([...a]),D(!0)},sharedPages:k})}),
-/* @__PURE__ */e.jsx(t.PageAction,{open:E,onClose:()=>H(null),page:K,setPages:y,setCurrentPage:_,pages:g,resource:m,handlePageDelete:e=>{B(e)}}),
+/* @__PURE__ */e.jsx(p.default,{display:"flex",alignItems:"center",children:/* @__PURE__ */e.jsx(s.AddPage,{pages:g,handleAddPage:e=>{const i={...d.defaultPageState,...e,name:e.name,visible_columns:M.columns,column_order:P.default.uniq(M.orderKeys),_id:g.length+1,active_view:"Table",views:[{label:"Table",position:0}]},a=[...g,i];_({...i}),y([...a]),D(!0)},sharedPages:k})}),
+/* @__PURE__ */e.jsx(t.PageAction,{open:N,onClose:()=>E(null),page:H,setPages:y,setCurrentPage:_,pages:g,resource:c,handlePageDelete:e=>{B(e)}}),
 /* @__PURE__ */e.jsx(l.Menu,{open:Boolean(O),anchorEl:O,onClose:W,children:null==g?void 0:g.map(i=>/* @__PURE__ */e.jsx(f.default,{selected:i._id===(null==q?void 0:q._id),onClick:()=>(_(i),void W()),children:/* @__PURE__ */e.jsx(r.Typography,{color:"theme.secondary.1000",type:"s4",children:i.name})},i._id))})]}),
-/* @__PURE__ */e.jsx(p.default,{display:"flex",alignItems:"center",children:/* @__PURE__ */e.jsx(c.Button,{size:"small",variant:"contained",onClick:()=>S(),endIcon:w?/* @__PURE__ */e.jsx(j.default,{size:15,color:"inherit"}):/* @__PURE__ */e.jsx(b.default,{fontSize:"small"}),disabled:!z||w,children:"Save"})})]})};
+/* @__PURE__ */e.jsx(p.default,{display:"flex",alignItems:"center",children:/* @__PURE__ */e.jsx(m.Button,{size:"small",variant:"contained",onClick:()=>S(),endIcon:w?/* @__PURE__ */e.jsx(j.default,{size:15,color:"inherit"}):/* @__PURE__ */e.jsx(b.default,{fontSize:"small"}),disabled:!z||w,children:"Save"})})]})};exports.PageNavigator=S,exports.default=S;
 //# sourceMappingURL=index.js.map

package/dist/components/page-navigator/page-navigator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/page-navigator/page-navigator.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs */\nimport { useCallback, useEffect, useState } from 'react';\nimport {\n\tTabs,\n\tTab as MUITab,\n\tstyled,\n\tIconButton,\n\tMenuItem,\n\tDivider,\n\tBox,\n\tCircularProgress\n} from '@mui/material';\nimport MenuIcon from '@mui/icons-material/Menu';\nimport KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown';\nimport Typography from '../typography/typography';\nimport Menu from '../menu/menu';\nimport AddPage from './components/add-page';\nimport PageAction from './components/page-action';\nimport Tooltip from '../tooltip/Tooltip';\nimport { IPage } from '../../@types/page';\nimport { defaultPageState } from '../../contexts/page-context';\nimport { usePages } from '../../hooks/use-pages';\nimport Button from '../button/button';\nimport _ from 'lodash';\nimport { Save, Share } from '@mui/icons-material';\nimport  './page-navigator.scss';\nimport React from 'react';\n\nconst StyledTabs = styled(Tabs)(() => ({\n\tminHeight: 'fit-content',\n\n\t'.MuiTabs-indicator': {\n\t\theight: '0px !important'\n\t},\n\t'& .MuiTabs-flexContainer': {\n\t\tgap: '4px'\n\t}\n}));\n\nconst StyledTab = styled(MUITab)(({ theme: { palette } }) => ({\n\tminHeight: '2rem',\n\ttextTransform: 'none',\n\tpadding: '0rem 1rem',\n\tminWidth: 'fit-content',\n\tborderRadius: 4,\n\t'&.Mui-selected': {\n\t\tbackground: palette.theme?.primary[100],\n\t\tcolor: palette.theme?.primary[700],\n\t\tborderTop: `2px solid ${palette.theme?.primary[700]}`\n\t},\n\t'.MuiIconButton-root': {\n\t\tpadding: '0rem'\n\t},\n\t\"&:hover\": {\n\t\tbackground: palette.theme?.primary[100]\n\t}\n}));\n\nconst title = `successfully created, complete with your saved filters, sorting options, and views.`;\n\ninterface IPageNavigator {\n\tpages: IPage[];\n\tsetPages: React.Dispatch<React.SetStateAction<IPage[]>>;\n\tcurrentPage: string | number;\n\tsetCurrentPage: React.Dispatch<React.SetStateAction<number>>;\n\tsharedPages: any;\n\tresource: string;\n\thandlePageDelete: (pages: any[]) => void;\n\tisPageSaving?: boolean;\n}\n\nexport default function PageNavigator({\n\t// sharedPages,\n\tresource,\n\t// handlePageDelete\n}: IPageNavigator) {\n\tconst { pages, setPages, setActivePage, activePage, savePages,setIsChanged, isSaving, generatedColumns, sharedPages, isChanged,deletePage,isCreatePage,setIsCreatePage ,addOrDeletePage} = usePages();\n\tconst shareTitle = (owner) => `shared by ${owner}`;\n\tconst [isActionsMenuOpen, setIsActionsMenuOpen] =\n\t\tuseState<null | HTMLElement>(null);\n\tconst [page, setPage] = useState<IPage>();\n\n\tconst [isAllPagesMenuOpen, setIsAllPagesMenuOpen] =\n\t\tuseState<null | HTMLElement>(null);\n\n\tconst handleChangePage = (_: React.SyntheticEvent, newValue: number) => {\n\t\tconst pg = pages.find((p) => p?._id == newValue);\n\t\tsetActivePage(pg);\n\t};\n\n\tconst handleOpenActionsMenu = (\n\t\tevent: React.MouseEvent<HTMLButtonElement>,\n\t\tclickedPage: IPage\n\t) => {\n\t\tevent.stopPropagation();\n\t\tsetPage(clickedPage);\n\t\tsetIsActionsMenuOpen(event.currentTarget);\n\t};\n\tconst handleCloseActionsMenu = () => setIsActionsMenuOpen(null);\n\n\tconst handleOpenAllPagesMenu = (\n\t\tevent: React.MouseEvent<HTMLButtonElement>\n\t) => {\n\t\tevent.stopPropagation();\n\t\tsetIsAllPagesMenuOpen(event.currentTarget);\n\t};\n\tconst handleCloseAllPagesMenu = () => setIsAllPagesMenuOpen(null);\n\n\tconst handleChangePageFromMenu = (val: number) => {\n\t\tsetActivePage(val);\n\t\thandleCloseAllPagesMenu();\n\t};\n\n\tconst handleAddPage = (newPage: IPage) => {\n\t\tconst nPage = {\n\t\t\t...defaultPageState,\n\t\t\t...newPage,\n\t\t\tname: newPage.name,\n\t\t\tvisible_columns: generatedColumns.columns,\n\t\t\tcolumn_order: _.uniq(generatedColumns.orderKeys),\n\t\t\t_id: pages.length + 1,\n\t\t\tactive_view:'Table',\n\t\t\tviews:[{\n\t\t\t\tlabel:'Table',\n\t\t\t\tposition:0\n\t\t\t}]\n\t\t};\n\t\tconst updatedPages: any = [\n\t\t\t...pages,\n\t\t\t...[nPage]\n\t\t];\n\t\tsetActivePage({...nPage});\n\t\tsetPages([...updatedPages]);\n\t\tsetIsCreatePage(true)\n\t\t\n\t};\n\n\tconst handlePageDeleteFunction=(pages:any[])=>{\n\t\t\n\t\tdeletePage(pages)\n\t}\n\n\n\tconst handleAddOrdeletePage =useCallback(async\t () => {\n\t\tif(isCreatePage){\n\t\t\tconst res=await addOrDeletePage();\n\t\t\tif(res.status_code===200){\n\t\t\t\tsetPages(res?.data?.pages);\n\t\t\t\tsetIsChanged(false)\n\t\t\t}}\n\t\tsetTimeout(()=>{\n\t\t\tsetIsCreatePage(false);\n\t\t\t\n\t\t},2000)\n\t\t//eslint-disable-next-line\n\t},[isCreatePage])\n\n\tuseEffect(()=>{\n\t\thandleAddOrdeletePage()\n\t\t//eslint-disable-next-line\n\t},[handleAddOrdeletePage])\n\n\treturn (\n\t\t<Box display=\"flex\" gap={2} alignItems={'center'} className='page-navigator-container'>\n\t\t\t<Box\n\t\t\t\tdisplay={'flex'}\n\t\t\t\tclassName='page-navigator'\n\t\t\t\tsx={{ display: 'flex', opacity: isSaving ? 0.5 : 1 }}>\n\t\t\t\t<IconButton\n\t\t\t\t\t// size='small'\n\t\t\t\t\tonClick={handleOpenAllPagesMenu}\n\t\t\t\t\tdisabled={isSaving}>\n\t\t\t\t\t<MenuIcon fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t\t<StyledTabs\n\t\t\t\t\tvalue={activePage?._id}\n\t\t\t\t\tvariant='scrollable'\n\t\t\t\t\tonChange={handleChangePage}\n\t\t\t\t\taria-label='basic tabs example'>\n\t\t\t\t\t{pages?.map((page) => (\n\t\t\t\t\t\t<StyledTab\n\t\t\t\t\t\t\ticonPosition='end'\n\t\t\t\t\t\t\tdisableRipple\n\t\t\t\t\t\t\tkey={page}\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\tonClick={(e) => handleOpenActionsMenu(e, page)}\n\t\t\t\t\t\t\t\t\tdisabled={isSaving}>\n\t\t\t\t\t\t\t\t\t<KeyboardArrowDown fontSize='small' color={activePage?._id === page?._id ? 'primary' : undefined}/>\n\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\ttitle={`The '${page.name}' page has been  ${page?.isShared ? shareTitle(page?.owner) : title}`}\n\t\t\t\t\t\t\t\t\tkey={page._id}\n\t\t\t\t\t\t\t\t\tplacement='top'\n\t\t\t\t\t\t\t\t\tarrow>\n\t\t\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', alignItems: 'center', gap:1 }}>\n\t\t\t\t\t\t\t\t\t\t\t{page?.isShared && <Share sx={{fontSize:'20px',color:'#4AC08C'}}/>}\n\t\t\t\t\t\t\t\t\t\t\t<span>{page.name}</span>\n\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={page?._id}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</StyledTabs>\n\n\t\t\t\t<Divider\n\t\t\t\t\torientation='vertical'\n\t\t\t\t\tvariant='middle'\n\t\t\t\t\tflexItem\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tml: 2,\n\t\t\t\t\t\tborderWidth: '1px'\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<Box display=\"flex\" alignItems={'center'}>\n\t\t\t\t\t<AddPage\n\t\t\t\t\t\tpages={pages}\n\t\t\t\t\t\thandleAddPage={handleAddPage}\n\t\t\t\t\t\tsharedPages={sharedPages}\n\t\t\t\t\t/>\n\t\t\t\t</Box>\n\n\t\t\t\t<PageAction\n\t\t\t\t\topen={isActionsMenuOpen}\n\t\t\t\t\tonClose={handleCloseActionsMenu}\n\t\t\t\t\tpage={page}\n\t\t\t\t\tsetPages={setPages}\n\t\t\t\t\tsetCurrentPage={setActivePage}\n\t\t\t\t\tpages={pages}\n\t\t\t\t\tresource={resource}\n\t\t\t\t\thandlePageDelete={handlePageDeleteFunction}\n\t\t\t\t/>\n\n\t\t\t\t<Menu\n\t\t\t\t\topen={Boolean(isAllPagesMenuOpen)}\n\t\t\t\t\tanchorEl={isAllPagesMenuOpen}\n\t\t\t\t\tonClose={handleCloseAllPagesMenu}>\n\t\t\t\t\t{pages?.map((page) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tselected={page._id === activePage?._id}\n\t\t\t\t\t\t\tkey={page._id}\n\t\t\t\t\t\t\tonClick={() => handleChangePageFromMenu(page)}>\n\t\t\t\t\t\t\t<Typography color='theme.secondary.1000' type='s4'>\n\t\t\t\t\t\t\t\t{page.name}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</Menu>\n\t\t\t</Box>\n\t\t\t<Box display=\"flex\" alignItems={'center'}>\n\t\t\t\t<Button\n\t\t\t\t\tsize='small'\n\t\t\t\t\tvariant='contained'\n\t\t\t\t\tonClick={() => savePages()}\n\t\t\t\t\t// sx={{fontWeight:600, marginBottom:'2px',px:3}}\n\t\t\t\t\tendIcon={\n\t\t\t\t\t\tisSaving ? <CircularProgress size={15} color='inherit' /> : <Save fontSize='small'/>\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={!isChanged || isSaving}>\n\t\t\t\t\tSave\n\t\t\t\t</Button>\n\t\t\t</Box>\n\t\t</Box>\n\t);\n}\n"],"names":["StyledTabs","styled","Tabs","minHeight","height","gap","StyledTab","MUITab","theme","palette","textTransform","padding","minWidth","borderRadius","background","_a","primary","color","_b","borderTop","_c","_d","resource","pages","setPages","setActivePage","activePage","savePages","setIsChanged","isSaving","generatedColumns","sharedPages","isChanged","deletePage","isCreatePage","setIsCreatePage","addOrDeletePage","usePages","isActionsMenuOpen","setIsActionsMenuOpen","useState","page","setPage","isAllPagesMenuOpen","setIsAllPagesMenuOpen","handleCloseAllPagesMenu","handleAddOrdeletePage","useCallback","async","res","status_code","data","setTimeout","useEffect","jsxs","Box","display","alignItems","className","children","sx","opacity","jsx","IconButton","onClick","event","stopPropagation","currentTarget","disabled","MenuIcon","fontSize","value","_id","variant","onChange","_","newValue","pg","find","p","map","iconPosition","disableRipple","icon","size","edge","e","handleOpenActionsMenu","clickedPage","KeyboardArrowDown","label","Tooltip","title","name","isShared","owner","placement","arrow","Share","Divider","orientation","flexItem","ml","borderWidth","AddPage","handleAddPage","newPage","nPage","defaultPageState","visible_columns","columns","column_order","uniq","orderKeys","length","active_view","views","position","updatedPages","PageAction","open","onClose","setCurrentPage","handlePageDelete","Menu","Boolean","anchorEl","MenuItem","selected","Typography","type","Button","endIcon","CircularProgress","Save"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/page-navigator/page-navigator.tsx"],"sourcesContent":["/* eslint-disable no-mixed-spaces-and-tabs */\nimport { useCallback, useEffect, useState } from 'react';\nimport {\n\tTabs,\n\tTab as MUITab,\n\tstyled,\n\tIconButton,\n\tMenuItem,\n\tDivider,\n\tBox,\n\tCircularProgress\n} from '@mui/material';\nimport MenuIcon from '@mui/icons-material/Menu';\nimport KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown';\nimport Typography from '../typography/typography';\nimport Menu from '../menu/menu';\nimport AddPage from './components/add-page';\nimport PageAction from './components/page-action';\nimport Tooltip from '../tooltip/Tooltip';\nimport { IPage } from '../../@types/page';\nimport { defaultPageState } from '../../contexts/page-context';\nimport { usePages } from '../../hooks/use-pages';\nimport Button from '../button/button';\nimport _ from 'lodash';\nimport { Save, Share } from '@mui/icons-material';\nimport  './page-navigator.scss';\nimport React from 'react';\n\nconst StyledTabs = styled(Tabs)(() => ({\n\tminHeight: 'fit-content',\n\n\t'.MuiTabs-indicator': {\n\t\theight: '0px !important'\n\t},\n\t'& .MuiTabs-flexContainer': {\n\t\tgap: '4px'\n\t}\n}));\n\nconst StyledTab = styled(MUITab)(({ theme: { palette } }) => ({\n\tminHeight: '2rem',\n\ttextTransform: 'none',\n\tpadding: '0rem 1rem',\n\tminWidth: 'fit-content',\n\tborderRadius: 4,\n\t'&.Mui-selected': {\n\t\tbackground: palette.theme?.primary[100],\n\t\tcolor: palette.theme?.primary[700],\n\t\tborderTop: `2px solid ${palette.theme?.primary[700]}`\n\t},\n\t'.MuiIconButton-root': {\n\t\tpadding: '0rem'\n\t},\n\t\"&:hover\": {\n\t\tbackground: palette.theme?.primary[100]\n\t}\n}));\n\nconst title = `successfully created, complete with your saved filters, sorting options, and views.`;\n\nexport interface IPageNavigator {\n\tpages: IPage[];\n\tsetPages: React.Dispatch<React.SetStateAction<IPage[]>>;\n\tcurrentPage: string | number;\n\tsetCurrentPage: React.Dispatch<React.SetStateAction<number>>;\n\tsharedPages: any;\n\tresource: string;\n\thandlePageDelete: (pages: any[]) => void;\n\tisPageSaving?: boolean;\n}\n\nexport const PageNavigator = ({\n\t// sharedPages,\n\tresource,\n\t// handlePageDelete\n}: IPageNavigator) => {\n\tconst { pages, setPages, setActivePage, activePage, savePages,setIsChanged, isSaving, generatedColumns, sharedPages, isChanged,deletePage,isCreatePage,setIsCreatePage ,addOrDeletePage} = usePages();\n\tconst shareTitle = (owner) => `shared by ${owner}`;\n\tconst [isActionsMenuOpen, setIsActionsMenuOpen] =\n\t\tuseState<null | HTMLElement>(null);\n\tconst [page, setPage] = useState<IPage>();\n\n\tconst [isAllPagesMenuOpen, setIsAllPagesMenuOpen] =\n\t\tuseState<null | HTMLElement>(null);\n\n\tconst handleChangePage = (_: React.SyntheticEvent, newValue: number) => {\n\t\tconst pg = pages.find((p) => p?._id == newValue);\n\t\tsetActivePage(pg);\n\t};\n\n\tconst handleOpenActionsMenu = (\n\t\tevent: React.MouseEvent<HTMLButtonElement>,\n\t\tclickedPage: IPage\n\t) => {\n\t\tevent.stopPropagation();\n\t\tsetPage(clickedPage);\n\t\tsetIsActionsMenuOpen(event.currentTarget);\n\t};\n\tconst handleCloseActionsMenu = () => setIsActionsMenuOpen(null);\n\n\tconst handleOpenAllPagesMenu = (\n\t\tevent: React.MouseEvent<HTMLButtonElement>\n\t) => {\n\t\tevent.stopPropagation();\n\t\tsetIsAllPagesMenuOpen(event.currentTarget);\n\t};\n\tconst handleCloseAllPagesMenu = () => setIsAllPagesMenuOpen(null);\n\n\tconst handleChangePageFromMenu = (val: number) => {\n\t\tsetActivePage(val);\n\t\thandleCloseAllPagesMenu();\n\t};\n\n\tconst handleAddPage = (newPage: IPage) => {\n\t\tconst nPage = {\n\t\t\t...defaultPageState,\n\t\t\t...newPage,\n\t\t\tname: newPage.name,\n\t\t\tvisible_columns: generatedColumns.columns,\n\t\t\tcolumn_order: _.uniq(generatedColumns.orderKeys),\n\t\t\t_id: pages.length + 1,\n\t\t\tactive_view:'Table',\n\t\t\tviews:[{\n\t\t\t\tlabel:'Table',\n\t\t\t\tposition:0\n\t\t\t}]\n\t\t};\n\t\tconst updatedPages: any = [\n\t\t\t...pages,\n\t\t\t...[nPage]\n\t\t];\n\t\tsetActivePage({...nPage});\n\t\tsetPages([...updatedPages]);\n\t\tsetIsCreatePage(true)\n\t\t\n\t};\n\n\tconst handlePageDeleteFunction=(pages:any[])=>{\n\t\t\n\t\tdeletePage(pages)\n\t}\n\n\n\tconst handleAddOrdeletePage =useCallback(async\t () => {\n\t\tif(isCreatePage){\n\t\t\tconst res=await addOrDeletePage();\n\t\t\tif(res.status_code===200){\n\t\t\t\tsetPages(res?.data?.pages);\n\t\t\t\tsetIsChanged(false)\n\t\t\t}}\n\t\tsetTimeout(()=>{\n\t\t\tsetIsCreatePage(false);\n\t\t\t\n\t\t},2000)\n\t\t//eslint-disable-next-line\n\t},[isCreatePage])\n\n\tuseEffect(()=>{\n\t\thandleAddOrdeletePage()\n\t\t//eslint-disable-next-line\n\t},[handleAddOrdeletePage])\n\n\treturn (\n\t\t<Box display=\"flex\" gap={2} alignItems={'center'} className='page-navigator-container'>\n\t\t\t<Box\n\t\t\t\tdisplay={'flex'}\n\t\t\t\tclassName='page-navigator'\n\t\t\t\tsx={{ display: 'flex', opacity: isSaving ? 0.5 : 1 }}>\n\t\t\t\t<IconButton\n\t\t\t\t\t// size='small'\n\t\t\t\t\tonClick={handleOpenAllPagesMenu}\n\t\t\t\t\tdisabled={isSaving}>\n\t\t\t\t\t<MenuIcon fontSize='small' />\n\t\t\t\t</IconButton>\n\t\t\t\t<StyledTabs\n\t\t\t\t\tvalue={activePage?._id}\n\t\t\t\t\tvariant='scrollable'\n\t\t\t\t\tonChange={handleChangePage}\n\t\t\t\t\taria-label='basic tabs example'>\n\t\t\t\t\t{pages?.map((page) => (\n\t\t\t\t\t\t<StyledTab\n\t\t\t\t\t\t\ticonPosition='end'\n\t\t\t\t\t\t\tdisableRipple\n\t\t\t\t\t\t\tkey={page}\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tsize='small'\n\t\t\t\t\t\t\t\t\tedge='end'\n\t\t\t\t\t\t\t\t\tonClick={(e) => handleOpenActionsMenu(e, page)}\n\t\t\t\t\t\t\t\t\tdisabled={isSaving}>\n\t\t\t\t\t\t\t\t\t<KeyboardArrowDown fontSize='small' color={activePage?._id === page?._id ? 'primary' : undefined}/>\n\t\t\t\t\t\t\t\t</IconButton>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\ttitle={`The '${page.name}' page has been  ${page?.isShared ? shareTitle(page?.owner) : title}`}\n\t\t\t\t\t\t\t\t\tkey={page._id}\n\t\t\t\t\t\t\t\t\tplacement='top'\n\t\t\t\t\t\t\t\t\tarrow>\n\t\t\t\t\t\t\t\t\t\t<Box sx={{ display: 'flex', alignItems: 'center', gap:1 }}>\n\t\t\t\t\t\t\t\t\t\t\t{page?.isShared && <Share sx={{fontSize:'20px',color:'#4AC08C'}}/>}\n\t\t\t\t\t\t\t\t\t\t\t<span>{page.name}</span>\n\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={page?._id}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</StyledTabs>\n\n\t\t\t\t<Divider\n\t\t\t\t\torientation='vertical'\n\t\t\t\t\tvariant='middle'\n\t\t\t\t\tflexItem\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tml: 2,\n\t\t\t\t\t\tborderWidth: '1px'\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<Box display=\"flex\" alignItems={'center'}>\n\t\t\t\t\t<AddPage\n\t\t\t\t\t\tpages={pages}\n\t\t\t\t\t\thandleAddPage={handleAddPage}\n\t\t\t\t\t\tsharedPages={sharedPages}\n\t\t\t\t\t/>\n\t\t\t\t</Box>\n\n\t\t\t\t<PageAction\n\t\t\t\t\topen={isActionsMenuOpen}\n\t\t\t\t\tonClose={handleCloseActionsMenu}\n\t\t\t\t\tpage={page}\n\t\t\t\t\tsetPages={setPages}\n\t\t\t\t\tsetCurrentPage={setActivePage}\n\t\t\t\t\tpages={pages}\n\t\t\t\t\tresource={resource}\n\t\t\t\t\thandlePageDelete={handlePageDeleteFunction}\n\t\t\t\t/>\n\n\t\t\t\t<Menu\n\t\t\t\t\topen={Boolean(isAllPagesMenuOpen)}\n\t\t\t\t\tanchorEl={isAllPagesMenuOpen}\n\t\t\t\t\tonClose={handleCloseAllPagesMenu}>\n\t\t\t\t\t{pages?.map((page) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tselected={page._id === activePage?._id}\n\t\t\t\t\t\t\tkey={page._id}\n\t\t\t\t\t\t\tonClick={() => handleChangePageFromMenu(page)}>\n\t\t\t\t\t\t\t<Typography color='theme.secondary.1000' type='s4'>\n\t\t\t\t\t\t\t\t{page.name}\n\t\t\t\t\t\t\t</Typography>\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t))}\n\t\t\t\t</Menu>\n\t\t\t</Box>\n\t\t\t<Box display=\"flex\" alignItems={'center'}>\n\t\t\t\t<Button\n\t\t\t\t\tsize='small'\n\t\t\t\t\tvariant='contained'\n\t\t\t\t\tonClick={() => savePages()}\n\t\t\t\t\t// sx={{fontWeight:600, marginBottom:'2px',px:3}}\n\t\t\t\t\tendIcon={\n\t\t\t\t\t\tisSaving ? <CircularProgress size={15} color='inherit' /> : <Save fontSize='small'/>\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={!isChanged || isSaving}>\n\t\t\t\t\tSave\n\t\t\t\t</Button>\n\t\t\t</Box>\n\t\t</Box>\n\t);\n};\n\nexport default PageNavigator;\n"],"names":["StyledTabs","styled","Tabs","minHeight","height","gap","StyledTab","MUITab","theme","palette","textTransform","padding","minWidth","borderRadius","background","_a","primary","color","_b","borderTop","_c","_d","PageNavigator","resource","pages","setPages","setActivePage","activePage","savePages","setIsChanged","isSaving","generatedColumns","sharedPages","isChanged","deletePage","isCreatePage","setIsCreatePage","addOrDeletePage","usePages","isActionsMenuOpen","setIsActionsMenuOpen","useState","page","setPage","isAllPagesMenuOpen","setIsAllPagesMenuOpen","handleCloseAllPagesMenu","handleAddOrdeletePage","useCallback","async","res","status_code","data","setTimeout","useEffect","jsxs","Box","display","alignItems","className","children","sx","opacity","jsx","IconButton","onClick","event","stopPropagation","currentTarget","disabled","MenuIcon","fontSize","value","_id","variant","onChange","_","newValue","pg","find","p","map","iconPosition","disableRipple","icon","size","edge","e","handleOpenActionsMenu","clickedPage","KeyboardArrowDown","label","Tooltip","title","name","isShared","owner","placement","arrow","Share","Divider","orientation","flexItem","ml","borderWidth","AddPage","handleAddPage","newPage","nPage","defaultPageState","visible_columns","columns","column_order","uniq","orderKeys","length","active_view","views","position","updatedPages","PageAction","open","onClose","setCurrentPage","handlePageDelete","Menu","Boolean","anchorEl","MenuItem","selected","Typography","type","Button","endIcon","CircularProgress","Save"],"mappings":"0gDA4BA,MAAMA,EAAaC,EAAAA,QAAOC,EAAAA,QAAPD,CAAa,KAAA,CAC/BE,UAAW,cAEX,qBAAsB,CACrBC,OAAQ,kBAET,2BAA4B,CAC3BC,IAAK,UAIDC,EAAYL,EAAAA,QAAOM,UAAPN,CAAe,EAAGO,OAASC,2BAAiB,MAAA,CAC7DN,UAAW,OACXO,cAAe,OACfC,QAAS,YACTC,SAAU,cACVC,aAAc,EACd,iBAAkB,CACjBC,WAAY,OAAAC,EAAAN,EAAQD,YAAR,EAAAO,EAAeC,QAAQ,KACnCC,MAAO,OAAAC,EAAAT,EAAQD,YAAR,EAAAU,EAAeF,QAAQ,KAC9BG,UAAW,aAAa,OAAAC,EAAAX,EAAQD,YAAR,EAAAY,EAAeJ,QAAQ,QAEhD,sBAAuB,CACtBL,QAAS,QAEV,UAAW,CACVG,WAAY,OAAAO,EAAAZ,EAAQD,YAAR,EAAAa,EAAeL,QAAQ,SAiBxBM,EAAgB,EAE5BC,eAGA,MAAMC,MAAEA,EAAAC,SAAOA,EAAAC,cAAUA,EAAAC,WAAeA,EAAAC,UAAYA,eAAUC,EAAAC,SAAcA,EAAAC,iBAAUA,EAAAC,YAAkBA,EAAAC,UAAaA,aAAUC,EAAAC,aAAWA,EAAAC,gBAAaA,kBAAiBC,GAAmBC,cAEpLC,EAAmBC,GACzBC,EAAAA,SAA6B,OACvBC,EAAMC,GAAWF,cAEjBG,EAAoBC,GAC1BJ,EAAAA,SAA6B,MAuBxBK,EAA0B,IAAMD,EAAsB,MAqCtDE,EAAuBC,EAAAA,YAAYC,gBACxC,GAAGd,EAAa,CACf,MAAMe,QAAUb,IACK,MAAlBa,EAAIC,cACN1B,EAAS,OAAAV,EAAA,MAAAmC,OAAA,EAAAA,EAAKE,WAAL,EAAArC,EAAWS,OACpBK,GAAa,GACb,CACFwB,WAAW,KACVjB,GAAgB,IAEf,MAED,CAACD,IAOH,OALAmB,EAAAA,UAAU,KACTP,KAEC,CAACA,mBAGFQ,OAACC,EAAAA,SAAIC,QAAQ,OAAOpD,IAAK,EAAGqD,WAAY,SAAUC,UAAU,2BAC3DC,SAAA;eAAAL,EAAAA,KAACC,EAAAA,QAAA,CACAC,QAAS,OACTE,UAAU,iBACVE,GAAI,CAAEJ,QAAS,OAAQK,QAAShC,EAAW,GAAM,GACjD8B,SAAA;eAAAG,EAAAA,IAACC,EAAAA,QAAA,CAEAC,QArEHC,IAEAA,EAAMC,kBACNtB,EAAsBqB,EAAME,gBAmEzBC,SAAUvC,EACV8B,0BAAAG,IAACO,EAAAA,QAAA,CAASC,SAAS;eAEpBR,EAAAA,IAAC/D,EAAA,CACAwE,MAAO,MAAA7C,OAAA,EAAAA,EAAY8C,IACnBC,QAAQ,aACRC,SA5FqB,CAACC,EAAyBC,KAClD,MAAMC,EAAKtD,EAAMuD,KAAMC,IAAM,MAAAA,OAAA,EAAAA,EAAGP,MAAOI,GACvCnD,EAAcoD,IA2FX,aAAW,qBACVlB,SAAA,MAAApC,OAAA,EAAAA,EAAOyD,IAAKvC,mBACZqB,SAAAA,IAACzD,EAAA,CACA4E,aAAa,MACbC,eAAa,EAEbC,oBACCrB,EAAAA,IAACC,EAAAA,QAAA,CACAqB,KAAK,QACLC,KAAK,MACLrB,QAAUsB,IAAMC,OAhGvBC,EAgGgD/C,GAjGhDwB,EAiG6CqB,GA9FvCpB,kBACNxB,EAAQ8C,QACRjD,EAAqB0B,EAAME,eANE,IAC7BF,EACAuB,GAiGOpB,SAAUvC,EACV8B,wBAAAG,EAAAA,IAAC2B,EAAAA,QAAA,CAAkBnB,SAAS,QAAQtD,aAAOU,WAAY8C,QAAQ/B,MAAAA,OAAAA,EAAAA,EAAM+B,KAAM,eAAY,MAGzFkB,qBACC5B,EAAAA,IAAC6B,EAAAA,QAAA,CACAC,MAAO,QAAQnD,EAAKoD,yBAAwBpD,MAAAA,OAAAA,EAAAA,EAAMqD,WAtHtCC,EAsH4DtD,MAAAA,OAAAA,EAAAA,EAAMsD,MAtHxD,aAAaA,KAnB9B,wFA2ILC,UAAU,MACVC,OAAK,EACJtC,wBAAAL,EAAAA,KAACC,EAAAA,QAAA,CAAIK,GAAI,CAAEJ,QAAS,OAAQC,WAAY,SAAUrD,IAAI,GACpDuD,SAAA,EAAAlB,MAAAA,OAAAA,EAAAA,EAAMqD,0BAAYhC,MAACoC,EAAAA,QAAA,CAAMtC,GAAI,CAACU,SAAS,OAAOtD,MAAM;iBACrD8C,IAAC,OAAA,CAAMH,SAAAlB,EAAKoD,WALTpD,EAAK+B,KASZD,MAAO9B,MAAAA,OAAAA,EAAAA,EAAM+B,KAtBR/B,GA1GQ,IAACsD;eAqIjBjC,EAAAA,IAACqC,EAAAA,QAAA,CACAC,YAAY,WACZ3B,QAAQ,SACR4B,UAAQ,EACRzC,GAAI,CACH0C,GAAI,EACJC,YAAa;eAGfzC,EAAAA,IAACP,EAAAA,QAAA,CAAIC,QAAQ,OAAOC,WAAY,SAC/BE,wBAAAG,EAAAA,IAAC0C,EAAAA,QAAA,CACAjF,QACAkF,cA7GkBC,IACtB,MAAMC,EAAQ,IACVC,EAAAA,oBACAF,EACHb,KAAMa,EAAQb,KACdgB,gBAAiB/E,EAAiBgF,QAClCC,aAAcpC,EAAAA,QAAEqC,KAAKlF,EAAiBmF,WACtCzC,IAAKjD,EAAM2F,OAAS,EACpBC,YAAY,QACZC,MAAM,CAAC,CACN1B,MAAM,QACN2B,SAAS,KAGLC,EAAoB,IACtB/F,EACCoF,GAELlF,EAAc,IAAIkF,IAClBnF,EAAS,IAAI8F,IACbnF,GAAgB,IA0FZJ;eAIF+B,EAAAA,IAACyD,EAAAA,WAAA,CACAC,KAAMlF,EACNmF,QAnI2B,IAAMlF,EAAqB,MAoItDE,OACAjB,WACAkG,eAAgBjG,EAChBF,QACAD,WACAqG,iBAlG4BpG,IAE/BU,EAAWV;eAmGTuC,EAAAA,IAAC8D,EAAAA,KAAA,CACAJ,KAAMK,QAAQlF,GACdmF,SAAUnF,EACV8E,QAAS5E,EACRc,SAAA,MAAApC,OAAA,EAAAA,EAAOyD,IAAKvC,kBACZqB,EAAAA,IAACiE,EAAAA,QAAA,CACAC,SAAUvF,EAAK+B,OAAQ,MAAA9C,OAAA,EAAAA,EAAY8C,KAEnCR,QAAS,KAzIdvC,EAyI6CgB,QAxI7CI,KAyIKc,wBAAAG,EAAAA,IAACmE,cAAWjH,MAAM,uBAAuBkH,KAAK,KAC5CvE,SAAAlB,EAAKoD,QAHFpD,EAAK+B;eASdV,EAAAA,IAACP,EAAAA,QAAA,CAAIC,QAAQ,OAAOC,WAAY,SAC/BE,wBAAAG,EAAAA,IAACqE,EAAAA,OAAA,CACA/C,KAAK,QACLX,QAAQ,YACRT,QAAS,IAAMrC,IAEfyG,QACCvG,iBAAWiC,EAAAA,IAACuE,EAAAA,QAAA,CAAiBjD,KAAM,GAAIpE,MAAM,6BAAe8C,IAACwE,EAAAA,QAAA,CAAKhE,SAAS,UAE5EF,UAAWpC,GAAaH,EAAU8B,SAAA"}

package/dist/components/page-navigator/page-navigator.d.ts

@@ -1,7 +1,7 @@
 import { IPage } from '../../@types/page';
 import { default as React } from 'react';
 
-interface IPageNavigator {
+export interface IPageNavigator {
     pages: IPage[];
     setPages: React.Dispatch<React.SetStateAction<IPage[]>>;
     currentPage: string | number;
@@ -11,5 +11,5 @@ interface IPageNavigator {
     handlePageDelete: (pages: any[]) => void;
     isPageSaving?: boolean;
 }
-export default function PageNavigator({ resource, }: IPageNavigator): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const PageNavigator: ({ resource, }: IPageNavigator) => import("react/jsx-runtime").JSX.Element;
+export default PageNavigator;

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

@@ -30,13 +30,13 @@ import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.e
 import DialogActions from "../../../node_modules/@mui/material/DialogActions/DialogActions/index.esm.js";
 import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
 const defaultLocationState = { state: "", country: "" };
-function CustomerVendorModal({
+const CustomerVendorModal = ({
   isOpen,
   handleModalClose,
   modalProps,
   type,
   partyCreated
-}) {
+}) => {
   const { t } = useTranslation();
   const dispatch = useDispatch();
   const locationRef = useRef(defaultLocationState);
@@ -500,8 +500,9 @@ ${val}`;
       ]
     }
   );
-}
+};
 export {
+  CustomerVendorModal,
   CustomerVendorModal as default
 };
 //# sourceMappingURL=index.esm.js.map

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

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

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

@@ -1,22 +1,22 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=,/* empty css                       */o=,/* empty css                                 */t=,/* empty css                                                               */n=require("react-hook-form"),a=require("react-i18next"),r=,/* empty css                  */i=,/* empty css                                                                         */s=,/* empty css                               */d=require("react"),c=require("lodash");;/* empty css                           */var u=,/* empty css                       */m=,/* empty css                                         */f=require("libphonenumber-js"),p=,/* empty css                             */_=,/* empty css                                   */y=,/* empty css                                  */x=require("react-redux"),h=,/* empty css                                                   */v=,/* empty css                           */A=,/* empty css                                */R=,/* empty css                         */j=,/* empty css                                                   */g=,/* empty css                                                                 */E=,/* empty css                                                               */S=,/* empty css                                                         */C=,/* empty css                                                                     */b=,/* empty css                                                         */M=,/* empty css                                                                     */T=;/* empty css                                                 */function N(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var I=/* @__PURE__ */N(c),D=/* @__PURE__ */N(f);const P={state:"",country:""};exports.default=function({isOpen:c,handleModalClose:f,modalProps:N,type:q,partyCreated:w}){const{t:F}=a.useTranslation(),O=x.useDispatch(),k=d.useRef(P),[$,L]=d.useState([]),[Y,B]=d.useState([]),[V,z]=d.useState(!1),{control:W,formState:{errors:G},trigger:K,getValues:U,handleSubmit:H,setValue:J,reset:Q}=n.useForm({defaultValues:{status:!0},mode:"all",resolver:r.generateValidationSchema()}),X=d.useCallback((l,o)=>{const t=/* @__PURE__ */new Map;return _.transformTableColumns({columns:l,currencySymbol:void 0,translationFn:F,enableFooter:!1,redirectionLink:void 0,redirectionLinkState:void 0,rows:o,statusClasses:void 0,customizeValue:(l,o,n)=>{var a,r;switch(o){case"default_shipping_address":case"default_billing_address":/* @__PURE__ */
-return e.jsx(T.default,{sx:{display:"flex",gap:1},children:/* @__PURE__ */e.jsx(p.Checkbox,{checked:Boolean(n),sx:{pointerEvents:"none"}})});case"phone":case"contact_no":{if(!n)return"";const e=`phone-${n}`;if(!t.has(e)){const l=D.default(`+${n}`);t.set(e,(null==l?void 0:l.nationalNumber)||"")}return t.get(e)}case"country_code":{const e=(null==(a=null==l?void 0:l.original)?void 0:a.phone)||(null==(r=null==l?void 0:l.original)?void 0:r.contact_no);if(!e)return"";const o=`country-${e}`;if(!t.has(o)){const l=D.default(`+${e}`);t.set(o,(null==l?void 0:l.countryCallingCode)?`+${l.countryCallingCode}`:"")}return t.get(o)}default:return n}}})},[F]),Z=async(e,l,o,t)=>{var n,a,r,i,s,d,c,m;try{const{values:f,row:p}=e,_=p.index>=0,y=t?u.addressPayload:u.contactPayload,x={};for(const e in y)I.default.has(f,e)&&(x[e]=(null==f?void 0:f[e])?f[e]:null);if(t){const e={c:null==(n=k.current)?void 0:n.country,s:null==(a=k.current)?void 0:a.state},t={...await ee(x,l,p.index),country_name:null==(r=e.c)?void 0:r.name,country:null==(i=e.c)?void 0:i.id,state_name:null==(s=e.s)?void 0:s.name,state:null==(d=e.s)?void 0:d.id,country_data:e.c,state_data:e.s,country_id:null==(c=e.c)?void 0:c.id,state_id:null==(m=e.s)?void 0:m.id};return o(_?l.map((e,l)=>l===p.index?{...e,...t}:e):[...l,t])}return o(_?l.map((e,l)=>l===p.index?{...e,...x}:e):[...l,x])}catch(f){return Promise.reject(f)}},ee=async(e,l,o)=>{let t={...e};const n=n=>{const a=[...l],r="shipping"===n?"default_shipping_address":"default_billing_address";o>=0&&a.splice(o,1);const i=a.some(e=>null==e?void 0:e[r]);if(i&&(null==e?void 0:e[r]))throw new Error(`Another address is already marked as the default ${n} address. Please uncheck that before selecting this one`);i||(t={...t,[r]:(null==e?void 0:e[r])||0==(null==l?void 0:l.length)?1:0})};return await n("shipping"),await n("billing"),t},le=async(e,l,o)=>{const t=o.index;return l(e.filter((e,l)=>l!==t)),Promise.resolve()},oe=async(e,l,o,t,n)=>{var a,r;const i=null==(a=null==e?void 0:e.target)?void 0:a.name;let s=null;if((null==(r=null==t?void 0:t.editProperties)?void 0:r.field_name)&&(k.current={...k.current,[t.editProperties.field_name]:n}),"country"===i)s={...o._valuesCache,country:n.id,country_id:n.id,state:null,state_id:null,state_name:null};else if("state"===i)s={...o._valuesCache,state:n.id,state_id:n.id};else if("phone"===i){const l=D.default(`+${e}`);s={...o._valuesCache,country_code:(null==l?void 0:l.countryCallingCode)?`+${l.countryCallingCode}`:""}}const d=["contact_name","street_1","street_2","street_3","zip_code","city","state","country"];if(o._valuesCache){const l=d.map(l=>{var t,n,a,r,s,d;return"country"===l?(null==(n=null==(t=k.current)?void 0:t.country)?void 0:n.name)||"":"state"===l?(null==(r=null==(a=k.current)?void 0:a.state)?void 0:r.name)||"":l===i?(null==(s=e.target)?void 0:s.value)||"":(null==(d=o._valuesCache)?void 0:d[l])||""}).reduce((e,l,o)=>l?e?(l=(null==l?void 0:l.name)||l,e=(null==e?void 0:e.name)||e,[2,3].includes(o)?`${e} ${l}`:`${e}, \n${l}`):l:e,"");o._valuesCache.summary=l}return s&&o.getAllCells().forEach(e=>{I.default.has(s,e.column.id)&&(o._valuesCache[e.column.id]=s[e.column.id])}),o._valuesCache},te=async()=>{var e,l,o;if(!(await K()))return;z(!0);const t=U(),n={party:{...u.processPartiesPayload(null==t?void 0:t[u.PARTIES_FORM_ARRAY_NAME]),account_type:"Individual",status:1,type:q}};try{const t=await O(y.createParties(n));if("fulfilled"===(null==(e=null==t?void 0:t.meta)?void 0:e.requestStatus))h.enqueueSnackbar(`${q} ${F("common.party.msg.success")}`),ne(),w();else if("rejected"===(null==(l=null==t?void 0:t.meta)?void 0:l.requestStatus)){const e=v.getErrorMessage(null==(o=null==t?void 0:t.error)?void 0:o.message);h.enqueueSnackbar(e,{variant:"error"})}}finally{z(!1)}},ne=()=>{ae(),L([]),B([]),null==f||f()},ae=()=>{Q({[u.PARTIES_FORM_ARRAY_NAME]:{}})};d.useEffect(()=>{const e=$.map(e=>I.default.omit(e,u.addressOmitKeys));J(`${u.PARTIES_FORM_ARRAY_NAME}.${u.PARTIES_FIELDS.ADDRESS}`,e)},[$,J]),d.useEffect(()=>{const e=Y.map(e=>I.default.omit(e,u.contactOmitKeys));J(`${u.PARTIES_FORM_ARRAY_NAME}.${u.PARTIES_FIELDS.CONTACTS}`,e)},[Y,J]);const re=d.useMemo(()=>/* @__PURE__ */e.jsx(s.Accordion,{title:/* @__PURE__ */e.jsx(o.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:F("common.party.sections.basic_details")}),accordionProps:{defaultExpanded:!0,className:"form--Accordion"},children:/* @__PURE__ */e.jsxs(j.default,{container:!0,spacing:2,children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=,/* empty css                       */l=,/* empty css                                 */t=,/* empty css                                                               */a=require("react-hook-form"),n=require("react-i18next"),r=,/* empty css                  */i=,/* empty css                                                                         */s=,/* empty css                               */d=require("react"),c=require("lodash");;/* empty css                           */var u=,/* empty css                       */m=,/* empty css                                         */p=require("libphonenumber-js"),f=,/* empty css                             */_=,/* empty css                                   */x=,/* empty css                                  */y=require("react-redux"),h=,/* empty css                                                   */v=,/* empty css                           */A=,/* empty css                                */R=,/* empty css                         */j=,/* empty css                                                   */g=,/* empty css                                                                 */E=,/* empty css                                                               */C=,/* empty css                                                         */S=,/* empty css                                                                     */b=,/* empty css                                                         */M=,/* empty css                                                                     */T=;/* empty css                                                 */function N(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var I=/* @__PURE__ */N(c),D=/* @__PURE__ */N(p);const P={state:"",country:""},q=({isOpen:c,handleModalClose:p,modalProps:N,type:q,partyCreated:w})=>{const{t:F}=n.useTranslation(),O=y.useDispatch(),k=d.useRef(P),[$,L]=d.useState([]),[Y,B]=d.useState([]),[V,z]=d.useState(!1),{control:W,formState:{errors:G},trigger:K,getValues:U,handleSubmit:H,setValue:J,reset:Q}=a.useForm({defaultValues:{status:!0},mode:"all",resolver:r.generateValidationSchema()}),X=d.useCallback((o,l)=>{const t=/* @__PURE__ */new Map;return _.transformTableColumns({columns:o,currencySymbol:void 0,translationFn:F,enableFooter:!1,redirectionLink:void 0,redirectionLinkState:void 0,rows:l,statusClasses:void 0,customizeValue:(o,l,a)=>{var n,r;switch(l){case"default_shipping_address":case"default_billing_address":/* @__PURE__ */
+return e.jsx(T.default,{sx:{display:"flex",gap:1},children:/* @__PURE__ */e.jsx(f.Checkbox,{checked:Boolean(a),sx:{pointerEvents:"none"}})});case"phone":case"contact_no":{if(!a)return"";const e=`phone-${a}`;if(!t.has(e)){const o=D.default(`+${a}`);t.set(e,(null==o?void 0:o.nationalNumber)||"")}return t.get(e)}case"country_code":{const e=(null==(n=null==o?void 0:o.original)?void 0:n.phone)||(null==(r=null==o?void 0:o.original)?void 0:r.contact_no);if(!e)return"";const l=`country-${e}`;if(!t.has(l)){const o=D.default(`+${e}`);t.set(l,(null==o?void 0:o.countryCallingCode)?`+${o.countryCallingCode}`:"")}return t.get(l)}default:return a}}})},[F]),Z=async(e,o,l,t)=>{var a,n,r,i,s,d,c,m;try{const{values:p,row:f}=e,_=f.index>=0,x=t?u.addressPayload:u.contactPayload,y={};for(const e in x)I.default.has(p,e)&&(y[e]=(null==p?void 0:p[e])?p[e]:null);if(t){const e={c:null==(a=k.current)?void 0:a.country,s:null==(n=k.current)?void 0:n.state},t={...await ee(y,o,f.index),country_name:null==(r=e.c)?void 0:r.name,country:null==(i=e.c)?void 0:i.id,state_name:null==(s=e.s)?void 0:s.name,state:null==(d=e.s)?void 0:d.id,country_data:e.c,state_data:e.s,country_id:null==(c=e.c)?void 0:c.id,state_id:null==(m=e.s)?void 0:m.id};return l(_?o.map((e,o)=>o===f.index?{...e,...t}:e):[...o,t])}return l(_?o.map((e,o)=>o===f.index?{...e,...y}:e):[...o,y])}catch(p){return Promise.reject(p)}},ee=async(e,o,l)=>{let t={...e};const a=a=>{const n=[...o],r="shipping"===a?"default_shipping_address":"default_billing_address";l>=0&&n.splice(l,1);const i=n.some(e=>null==e?void 0:e[r]);if(i&&(null==e?void 0:e[r]))throw new Error(`Another address is already marked as the default ${a} address. Please uncheck that before selecting this one`);i||(t={...t,[r]:(null==e?void 0:e[r])||0==(null==o?void 0:o.length)?1:0})};return await a("shipping"),await a("billing"),t},oe=async(e,o,l)=>{const t=l.index;return o(e.filter((e,o)=>o!==t)),Promise.resolve()},le=async(e,o,l,t,a)=>{var n,r;const i=null==(n=null==e?void 0:e.target)?void 0:n.name;let s=null;if((null==(r=null==t?void 0:t.editProperties)?void 0:r.field_name)&&(k.current={...k.current,[t.editProperties.field_name]:a}),"country"===i)s={...l._valuesCache,country:a.id,country_id:a.id,state:null,state_id:null,state_name:null};else if("state"===i)s={...l._valuesCache,state:a.id,state_id:a.id};else if("phone"===i){const o=D.default(`+${e}`);s={...l._valuesCache,country_code:(null==o?void 0:o.countryCallingCode)?`+${o.countryCallingCode}`:""}}const d=["contact_name","street_1","street_2","street_3","zip_code","city","state","country"];if(l._valuesCache){const o=d.map(o=>{var t,a,n,r,s,d;return"country"===o?(null==(a=null==(t=k.current)?void 0:t.country)?void 0:a.name)||"":"state"===o?(null==(r=null==(n=k.current)?void 0:n.state)?void 0:r.name)||"":o===i?(null==(s=e.target)?void 0:s.value)||"":(null==(d=l._valuesCache)?void 0:d[o])||""}).reduce((e,o,l)=>o?e?(o=(null==o?void 0:o.name)||o,e=(null==e?void 0:e.name)||e,[2,3].includes(l)?`${e} ${o}`:`${e}, \n${o}`):o:e,"");l._valuesCache.summary=o}return s&&l.getAllCells().forEach(e=>{I.default.has(s,e.column.id)&&(l._valuesCache[e.column.id]=s[e.column.id])}),l._valuesCache},te=async()=>{var e,o,l;if(!(await K()))return;z(!0);const t=U(),a={party:{...u.processPartiesPayload(null==t?void 0:t[u.PARTIES_FORM_ARRAY_NAME]),account_type:"Individual",status:1,type:q}};try{const t=await O(x.createParties(a));if("fulfilled"===(null==(e=null==t?void 0:t.meta)?void 0:e.requestStatus))h.enqueueSnackbar(`${q} ${F("common.party.msg.success")}`),ae(),w();else if("rejected"===(null==(o=null==t?void 0:t.meta)?void 0:o.requestStatus)){const e=v.getErrorMessage(null==(l=null==t?void 0:t.error)?void 0:l.message);h.enqueueSnackbar(e,{variant:"error"})}}finally{z(!1)}},ae=()=>{ne(),L([]),B([]),null==p||p()},ne=()=>{Q({[u.PARTIES_FORM_ARRAY_NAME]:{}})};d.useEffect(()=>{const e=$.map(e=>I.default.omit(e,u.addressOmitKeys));J(`${u.PARTIES_FORM_ARRAY_NAME}.${u.PARTIES_FIELDS.ADDRESS}`,e)},[$,J]),d.useEffect(()=>{const e=Y.map(e=>I.default.omit(e,u.contactOmitKeys));J(`${u.PARTIES_FORM_ARRAY_NAME}.${u.PARTIES_FIELDS.CONTACTS}`,e)},[Y,J]);const re=d.useMemo(()=>/* @__PURE__ */e.jsx(s.Accordion,{title:/* @__PURE__ */e.jsx(l.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:F("common.party.sections.basic_details")}),accordionProps:{defaultExpanded:!0,className:"form--Accordion"},children:/* @__PURE__ */e.jsxs(j.default,{container:!0,spacing:2,children:[
 /* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,sm:6,children:/* @__PURE__ */e.jsx(t.DynamicInput,{label:F("common.party.fields.firstName_label"),name:u.PARTIES_FIELDS.FIRST_NAME,placeholder:F("common.party.fields.firstName_placeholder"),fieldArrayName:u.PARTIES_FORM_ARRAY_NAME,formControl:W,required:!0})}),
 /* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,sm:6,children:/* @__PURE__ */e.jsx(t.DynamicInput,{label:F("common.party.fields.lastName_label"),name:u.PARTIES_FIELDS.LAST_NAME,placeholder:F("common.party.fields.lastName_placeholder"),fieldArrayName:u.PARTIES_FORM_ARRAY_NAME,formControl:W,required:!0})}),
 /* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,sm:6,children:/* @__PURE__ */e.jsx(i.default,{label:F("common.party.fields.company_label"),apiType:"company",selectedLabel:"Companies",name:u.PARTIES_FIELDS.COMAPANY,placeholder:F("common.party.fields.company_placeholder"),fieldArrayName:u.PARTIES_FORM_ARRAY_NAME,formControl:W,required:!0,is_multiselect:!0})}),
-/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,sm:6,children:/* @__PURE__ */e.jsx(i.default,{label:F("common.party.fields.currency_label"),apiType:"currency",selectedLabel:"Currency",name:u.PARTIES_FIELDS.CURRENCY,placeholder:F("common.party.fields.currency_placeholder"),fieldArrayName:u.PARTIES_FORM_ARRAY_NAME,formControl:W,required:!0,is_multiselect:!0})})]})}),[F,W]),ie=d.useMemo(()=>{var l,t,n;/* @__PURE__ */
-return e.jsx(s.Accordion,{title:/* @__PURE__ */e.jsxs(o.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:[F("common.party.sections.address"),
-/* @__PURE__ */e.jsx("span",{className:"errorIndicator",children:"*"}),(null==(l=null==G?void 0:G[u.PARTIES_FORM_ARRAY_NAME])?void 0:l[u.PARTIES_FIELDS.ADDRESS])&&/* @__PURE__ */e.jsx("span",{className:"error",children:null==(n=null==(t=null==G?void 0:G[u.PARTIES_FORM_ARRAY_NAME])?void 0:t[u.PARTIES_FIELDS.ADDRESS])?void 0:n.message})]}),accordionProps:{defaultExpanded:!0,className:"form--Accordion"},children:/* @__PURE__ */e.jsx(j.default,{spacing:4,children:/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(m.MaterialTable,{rows:[...$],columns:X(u.addressColumns),paginationModel:{pageNo:1,limit:10},totalPages:20,enableColumnDragging:!1,isResetRow:!1,columnOrder:["mrt-row-select"],enableRowSelection:!1,enableBottomToolbar:!0,disableDefaultActionColumn:!0,editDisplayMode:"row",enableRowCreate:!0,onCreateRow:e=>Z(e,$,L,!0),onEditRow:e=>Z(e,$,L,!0),onDeleteRow:e=>le($,L,e),onChangeRowField:oe})})})})},[F,$,X,G]),se=d.useMemo(()=>{var l,t,n;/* @__PURE__ */
-return e.jsx(s.Accordion,{title:/* @__PURE__ */e.jsxs(o.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:[F("common.party.sections.contact"),
-/* @__PURE__ */e.jsx("span",{className:"errorIndicator",children:"*"}),(null==(l=null==G?void 0:G[u.PARTIES_FORM_ARRAY_NAME])?void 0:l[u.PARTIES_FIELDS.CONTACTS])&&/* @__PURE__ */e.jsx("span",{className:"error",children:null==(n=null==(t=null==G?void 0:G[u.PARTIES_FORM_ARRAY_NAME])?void 0:t[u.PARTIES_FIELDS.CONTACTS])?void 0:n.message})]}),accordionProps:{defaultExpanded:!0,className:"form--Accordion"},children:/* @__PURE__ */e.jsx(j.default,{spacing:4,children:/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(m.MaterialTable,{rows:[...Y],columns:X(u.contactColumns),paginationModel:{pageNo:1,limit:10},totalPages:20,enableColumnDragging:!1,isResetRow:!1,columnOrder:["mrt-row-select"],enableRowSelection:!1,enableBottomToolbar:!0,disableDefaultActionColumn:!0,editDisplayMode:"row",enableRowCreate:!0,onCreateRow:e=>Z(e,Y,B,!1),onEditRow:e=>Z(e,Y,B,!1),onDeleteRow:e=>le(Y,B,e),onChangeRowField:oe})})})})},[F,Y,X,G]);/* @__PURE__ */
-return e.jsxs(l.Modal,{open:c,onClose:ne,maxWidth:"lg",fullWidth:!0,sx:{overflowY:"hidden"},...N,children:[V&&/* @__PURE__ */e.jsx(A.ModalLoader,{}),
+/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,sm:6,children:/* @__PURE__ */e.jsx(i.default,{label:F("common.party.fields.currency_label"),apiType:"currency",selectedLabel:"Currency",name:u.PARTIES_FIELDS.CURRENCY,placeholder:F("common.party.fields.currency_placeholder"),fieldArrayName:u.PARTIES_FORM_ARRAY_NAME,formControl:W,required:!0,is_multiselect:!0})})]})}),[F,W]),ie=d.useMemo(()=>{var o,t,a;/* @__PURE__ */
+return e.jsx(s.Accordion,{title:/* @__PURE__ */e.jsxs(l.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:[F("common.party.sections.address"),
+/* @__PURE__ */e.jsx("span",{className:"errorIndicator",children:"*"}),(null==(o=null==G?void 0:G[u.PARTIES_FORM_ARRAY_NAME])?void 0:o[u.PARTIES_FIELDS.ADDRESS])&&/* @__PURE__ */e.jsx("span",{className:"error",children:null==(a=null==(t=null==G?void 0:G[u.PARTIES_FORM_ARRAY_NAME])?void 0:t[u.PARTIES_FIELDS.ADDRESS])?void 0:a.message})]}),accordionProps:{defaultExpanded:!0,className:"form--Accordion"},children:/* @__PURE__ */e.jsx(j.default,{spacing:4,children:/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(m.MaterialTable,{rows:[...$],columns:X(u.addressColumns),paginationModel:{pageNo:1,limit:10},totalPages:20,enableColumnDragging:!1,isResetRow:!1,columnOrder:["mrt-row-select"],enableRowSelection:!1,enableBottomToolbar:!0,disableDefaultActionColumn:!0,editDisplayMode:"row",enableRowCreate:!0,onCreateRow:e=>Z(e,$,L,!0),onEditRow:e=>Z(e,$,L,!0),onDeleteRow:e=>oe($,L,e),onChangeRowField:le})})})})},[F,$,X,G]),se=d.useMemo(()=>{var o,t,a;/* @__PURE__ */
+return e.jsx(s.Accordion,{title:/* @__PURE__ */e.jsxs(l.Typography,{type:"s3",weight:"medium",color:"theme.secondary.1000",children:[F("common.party.sections.contact"),
+/* @__PURE__ */e.jsx("span",{className:"errorIndicator",children:"*"}),(null==(o=null==G?void 0:G[u.PARTIES_FORM_ARRAY_NAME])?void 0:o[u.PARTIES_FIELDS.CONTACTS])&&/* @__PURE__ */e.jsx("span",{className:"error",children:null==(a=null==(t=null==G?void 0:G[u.PARTIES_FORM_ARRAY_NAME])?void 0:t[u.PARTIES_FIELDS.CONTACTS])?void 0:a.message})]}),accordionProps:{defaultExpanded:!0,className:"form--Accordion"},children:/* @__PURE__ */e.jsx(j.default,{spacing:4,children:/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,children:/* @__PURE__ */e.jsx(m.MaterialTable,{rows:[...Y],columns:X(u.contactColumns),paginationModel:{pageNo:1,limit:10},totalPages:20,enableColumnDragging:!1,isResetRow:!1,columnOrder:["mrt-row-select"],enableRowSelection:!1,enableBottomToolbar:!0,disableDefaultActionColumn:!0,editDisplayMode:"row",enableRowCreate:!0,onCreateRow:e=>Z(e,Y,B,!1),onEditRow:e=>Z(e,Y,B,!1),onDeleteRow:e=>oe(Y,B,e),onChangeRowField:le})})})})},[F,Y,X,G]);/* @__PURE__ */
+return e.jsxs(o.Modal,{open:c,onClose:ae,maxWidth:"lg",fullWidth:!0,sx:{overflowY:"hidden"},...N,children:[V&&/* @__PURE__ */e.jsx(A.ModalLoader,{}),
 /* @__PURE__ */e.jsxs("form",{onSubmit:H(te),className:"scroll-container",style:{position:"relative",overflow:"auto"},children:[
 /* @__PURE__ */e.jsxs(g.default,{className:"itemEntryModal--DialogTitle",children:[
-/* @__PURE__ */e.jsx(o.Typography,{type:"s3",color:"inherit",weight:"medium",children:`Add ${q}`}),
-/* @__PURE__ */e.jsx(E.default,{onClick:ne,children:/* @__PURE__ */e.jsx(S.default,{fontSize:"small"})})]}),
-/* @__PURE__ */e.jsxs(C.default,{children:[re,
+/* @__PURE__ */e.jsx(l.Typography,{type:"s3",color:"inherit",weight:"medium",children:`Add ${q}`}),
+/* @__PURE__ */e.jsx(E.default,{onClick:ae,children:/* @__PURE__ */e.jsx(C.default,{fontSize:"small"})})]}),
+/* @__PURE__ */e.jsxs(S.default,{children:[re,
 /* @__PURE__ */e.jsx(b.default,{className:"form--SectionDivider"}),ie,
 /* @__PURE__ */e.jsx(b.default,{className:"form--SectionDivider"}),se]}),
 /* @__PURE__ */e.jsx(M.default,{className:"itemEntryModal--DialogAction",sx:{position:"sticky",bottom:0,backgroundColor:"white",zIndex:1,padding:"8px 24px",justifyContent:"end"},children:/* @__PURE__ */e.jsxs(T.default,{display:"flex",gap:1.5,children:[
-/* @__PURE__ */e.jsx(R.Button,{className:"itemEntryModal--DialogAction--WhiteBtn",onClick:ne,children:F("common.cancel")}),
-/* @__PURE__ */e.jsx(R.Button,{variant:"contained",onClick:H(te),children:F("common.save")})]})})]})]})};
+/* @__PURE__ */e.jsx(R.Button,{className:"itemEntryModal--DialogAction--WhiteBtn",onClick:ae,children:F("common.cancel")}),
+/* @__PURE__ */e.jsx(R.Button,{variant:"contained",onClick:H(te),children:F("common.save")})]})})]})]})};exports.CustomerVendorModal=q,exports.default=q;
 //# sourceMappingURL=index.js.map