@erpsquad/common 1.8.44 → 1.8.46

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\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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"}

package/dist/components/pagination/pagination/index.esm.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Typography } from "../../typography/typography/index.esm.js";
-import Select from "../../select/select/index.esm.js";
+import { Select } from "../../select/select/index.esm.js";
 import default_1$1 from "../../../node_modules/@mui/icons-material/ChevronLeft/index.esm.js";
 import default_1 from "../../../node_modules/@mui/icons-material/ChevronRight/index.esm.js";
 /* empty css                           */
@@ -134,6 +134,7 @@ const Pagination = ({
   ] });
 };
 export {
+  Pagination,
   Pagination as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/pagination/pagination/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { Box, IconButton, MenuItem, SelectChangeEvent, TextField } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport Select from \"../select/select\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport ChevronRightICon from \"@mui/icons-material/ChevronRight\";\nimport \"./pagination.scss\";\nimport { IPaginationModel } from \"../../@types/pagination-model\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { usePages } from \"../../hooks/use-pages\";\nimport { useEffect } from \"react\";\n\ninterface IPagination {\n  paginationModel: IPaginationModel;\n  handlePaginationModel: (model: IPaginationModel) => void;\n  totalPages: number;\n}\n\nconst Pagination = ({\n  paginationModel,\n  totalPages,\n  handlePaginationModel,\n}: IPagination) => {\n  const { pageNo, limit } = paginationModel;\n  const skip=limit*(pageNo-1)\n  const pageSizeOptions = [10, 20, 50];\n  const {isRtl}=useLanguage();\n const {setIsChanged,setActivePage,activePage}=usePages();\n  const handleLimitChange = (e: SelectChangeEvent<unknown>) => {\n    const newModel = {\n      ...paginationModel,\n      page: 1,\n      pageNo: 1,\n      limit: e?.target?.value as number,\n    };\n    handlePaginationModel(newModel);\n  };\n\n  const handleNextPage = () => {\n    if (pageNo < totalPages) {\n      const newModel = {\n        ...paginationModel,\n        pageNo: parseInt(pageNo) + 1,\n      };\n      handlePaginationModel(newModel);\n      setIsChanged(true)\n    }\n  };\n  const handlePrevPage = () => {\n    if (pageNo > 1) {\n      const newModel = {\n        ...paginationModel,\n        pageNo: parseInt(pageNo) - 1,\n      };\n      handlePaginationModel(newModel);\n      setIsChanged(true)\n    }\n  };\n\n  const handleEnterKey = (event) => {\n    if (event.key === 'Enter') {\n      const value = event.target.value;\n      if (parseInt(value) > 0 && parseInt(value) <= totalPages) {\n        const newModel = {\n          ...paginationModel,\n          pageNo: parseInt(value),\n        };  \n        handlePaginationModel(newModel);\n        setIsChanged(true)\n      }\n      \n    }\n  };\n\n  useEffect(()=>{\n    setActivePage({...activePage,skip,pageNo})\n    //eslint-disable-next-line react-hooks/exhaustive-deps\n  },[pageNo])\n\n\n\n  return (\n    <Box className=\"pagination\" borderTop={\"2px solid theme.secondary.200\"}>\n      <Typography color=\"theme.secondary.800\" type=\"s4\">\n        Items per page :\n      </Typography>\n      <Select\n        value={limit}\n        size=\"small\"\n        className=\"page-size-select\"\n        onChange={handleLimitChange}\n        variant=\"outlined\"\n        MenuProps={{\n          sx:{\n            maxWidth:\"unset\"\n          }\n        }}\n      >\n        {pageSizeOptions?.map((size) => (\n          <MenuItem key={size} value={size}>\n            {size}\n          </MenuItem>\n        ))}\n      </Select>\n\n      <Typography color=\"theme.secondary.800\" type=\"s4\">\n        Go To :\n      </Typography>\n\n        <TextField\n          type=\"number\"\n          className=\"goto-box\"\n          id=\"outlined-required\"\n          defaultValue=\"\"\n          onKeyDown={handleEnterKey}\n        />\n\n      <IconButton onClick={handlePrevPage} size=\"small\" disabled={paginationModel.pageNo === 1}>\n       {isRtl ? <ChevronRightICon /> : <ChevronLeftIcon />} \n      </IconButton>\n      <Typography\n       sx={{\n         ...(isRtl ? { ml: 0.5 } : { mr: 0.5 })\n       }}\n        type=\"s4\"\n        weight=\"normal\"\n        color=\"theme.secondary.700\"\n      >\n        Page{\" \"}\n      </Typography>\n      {/* <input value={pageNo} type=\"number\" className=\"page-input\" />{\" \"} */}\n      <Typography type=\"s4\" weight=\"medium\" color=\"theme.secondary.1000\">\n        {pageNo}{\" \"}\n      </Typography>\n      <Typography\n        mx={0.5}\n        type=\"s4\"\n        weight=\"normal\"\n        color=\"theme.secondary.700\"\n      >\n        of{\" \"}\n      </Typography>\n      <Typography type=\"s4\" weight=\"medium\" color=\"theme.secondary.1000\">\n        {totalPages || 1}\n      </Typography>\n      {/* </Box> */}\n      <IconButton onClick={handleNextPage} size=\"small\" disabled={paginationModel.pageNo === totalPages}>\n        {isRtl ? <ChevronLeftIcon /> :<ChevronRightICon />}\n      </IconButton>\n    </Box>\n  );\n};\n\nexport default Pagination;\n"],"names":["ChevronRightICon","ChevronLeftIcon"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { Box, IconButton, MenuItem, SelectChangeEvent, TextField } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport Select from \"../select/select\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport ChevronRightICon from \"@mui/icons-material/ChevronRight\";\nimport \"./pagination.scss\";\nimport { IPaginationModel } from \"../../@types/pagination-model\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { usePages } from \"../../hooks/use-pages\";\nimport { useEffect } from \"react\";\n\ninterface IPagination {\n  paginationModel: IPaginationModel;\n  handlePaginationModel: (model: IPaginationModel) => void;\n  totalPages: number;\n}\n\nconst Pagination = ({\n  paginationModel,\n  totalPages,\n  handlePaginationModel,\n}: IPagination) => {\n  const { pageNo, limit } = paginationModel;\n  const skip=limit*(pageNo-1)\n  const pageSizeOptions = [10, 20, 50];\n  const {isRtl}=useLanguage();\n const {setIsChanged,setActivePage,activePage}=usePages();\n  const handleLimitChange = (e: SelectChangeEvent<unknown>) => {\n    const newModel = {\n      ...paginationModel,\n      page: 1,\n      pageNo: 1,\n      limit: e?.target?.value as number,\n    };\n    handlePaginationModel(newModel);\n  };\n\n  const handleNextPage = () => {\n    if (pageNo < totalPages) {\n      const newModel = {\n        ...paginationModel,\n        pageNo: parseInt(pageNo) + 1,\n      };\n      handlePaginationModel(newModel);\n      setIsChanged(true)\n    }\n  };\n  const handlePrevPage = () => {\n    if (pageNo > 1) {\n      const newModel = {\n        ...paginationModel,\n        pageNo: parseInt(pageNo) - 1,\n      };\n      handlePaginationModel(newModel);\n      setIsChanged(true)\n    }\n  };\n\n  const handleEnterKey = (event) => {\n    if (event.key === 'Enter') {\n      const value = event.target.value;\n      if (parseInt(value) > 0 && parseInt(value) <= totalPages) {\n        const newModel = {\n          ...paginationModel,\n          pageNo: parseInt(value),\n        };  \n        handlePaginationModel(newModel);\n        setIsChanged(true)\n      }\n      \n    }\n  };\n\n  useEffect(()=>{\n    setActivePage({...activePage,skip,pageNo})\n    //eslint-disable-next-line react-hooks/exhaustive-deps\n  },[pageNo])\n\n\n\n  return (\n    <Box className=\"pagination\" borderTop={\"2px solid theme.secondary.200\"}>\n      <Typography color=\"theme.secondary.800\" type=\"s4\">\n        Items per page :\n      </Typography>\n      <Select\n        value={limit}\n        size=\"small\"\n        className=\"page-size-select\"\n        onChange={handleLimitChange}\n        variant=\"outlined\"\n        MenuProps={{\n          sx:{\n            maxWidth:\"unset\"\n          }\n        }}\n      >\n        {pageSizeOptions?.map((size) => (\n          <MenuItem key={size} value={size}>\n            {size}\n          </MenuItem>\n        ))}\n      </Select>\n\n      <Typography color=\"theme.secondary.800\" type=\"s4\">\n        Go To :\n      </Typography>\n\n        <TextField\n          type=\"number\"\n          className=\"goto-box\"\n          id=\"outlined-required\"\n          defaultValue=\"\"\n          onKeyDown={handleEnterKey}\n        />\n\n      <IconButton onClick={handlePrevPage} size=\"small\" disabled={paginationModel.pageNo === 1}>\n       {isRtl ? <ChevronRightICon /> : <ChevronLeftIcon />} \n      </IconButton>\n      <Typography\n       sx={{\n         ...(isRtl ? { ml: 0.5 } : { mr: 0.5 })\n       }}\n        type=\"s4\"\n        weight=\"normal\"\n        color=\"theme.secondary.700\"\n      >\n        Page{\" \"}\n      </Typography>\n      {/* <input value={pageNo} type=\"number\" className=\"page-input\" />{\" \"} */}\n      <Typography type=\"s4\" weight=\"medium\" color=\"theme.secondary.1000\">\n        {pageNo}{\" \"}\n      </Typography>\n      <Typography\n        mx={0.5}\n        type=\"s4\"\n        weight=\"normal\"\n        color=\"theme.secondary.700\"\n      >\n        of{\" \"}\n      </Typography>\n      <Typography type=\"s4\" weight=\"medium\" color=\"theme.secondary.1000\">\n        {totalPages || 1}\n      </Typography>\n      {/* </Box> */}\n      <IconButton onClick={handleNextPage} size=\"small\" disabled={paginationModel.pageNo === totalPages}>\n        {isRtl ? <ChevronLeftIcon /> :<ChevronRightICon />}\n      </IconButton>\n    </Box>\n  );\n};\n\nexport { Pagination };\nexport default Pagination;\n"],"names":["ChevronRightICon","ChevronLeftIcon"],"mappings":"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"}

package/dist/components/pagination/pagination/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=,/* empty css                                 */a=,/* empty css                         */o=,/* empty css                                                           */i=;/* empty css                                                            */;/* empty css                        */var r=,/* empty css                                */t=,/* empty css                              */n=require("react"),l=,/* empty css                                                 */d=,/* empty css                                                           */u=,/* empty css                                                             */p=;/* empty css                                                               */exports.default=({paginationModel:c,totalPages:m,handlePaginationModel:g})=>{const{pageNo:x,limit:h}=c,y=h*(x-1),j=[10,20,50],{isRtl:f}=r.useLanguage(),{setIsChanged:v,setActivePage:q,activePage:I}=t.usePages();return n.useEffect(()=>{q({...I,skip:y,pageNo:x})},[x]),/* @__PURE__ */e.jsxs(l.default,{className:"pagination",borderTop:"2px solid theme.secondary.200",children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=,/* empty css                                 */a=,/* empty css                         */o=,/* empty css                                                           */i=;/* empty css                                                            */;/* empty css                        */var t=,/* empty css                                */r=,/* empty css                              */n=require("react"),l=,/* empty css                                                 */d=,/* empty css                                                           */u=,/* empty css                                                             */p=;/* empty css                                                               */const c=({paginationModel:c,totalPages:m,handlePaginationModel:g})=>{const{pageNo:x,limit:h}=c,y=h*(x-1),j=[10,20,50],{isRtl:f}=t.useLanguage(),{setIsChanged:v,setActivePage:q,activePage:I}=r.usePages();return n.useEffect(()=>{q({...I,skip:y,pageNo:x})},[x]),/* @__PURE__ */e.jsxs(l.default,{className:"pagination",borderTop:"2px solid theme.secondary.200",children:[
 /* @__PURE__ */e.jsx(s.Typography,{color:"theme.secondary.800",type:"s4",children:"Items per page :"}),
-/* @__PURE__ */e.jsx(a.default,{value:h,size:"small",className:"page-size-select",onChange:e=>{var s;const a={...c,page:1,pageNo:1,limit:null==(s=null==e?void 0:e.target)?void 0:s.value};g(a)},variant:"outlined",MenuProps:{sx:{maxWidth:"unset"}},children:null==j?void 0:j.map(s=>/* @__PURE__ */e.jsx(d.default,{value:s,children:s},s))}),
+/* @__PURE__ */e.jsx(a.Select,{value:h,size:"small",className:"page-size-select",onChange:e=>{var s;const a={...c,page:1,pageNo:1,limit:null==(s=null==e?void 0:e.target)?void 0:s.value};g(a)},variant:"outlined",MenuProps:{sx:{maxWidth:"unset"}},children:null==j?void 0:j.map(s=>/* @__PURE__ */e.jsx(d.default,{value:s,children:s},s))}),
 /* @__PURE__ */e.jsx(s.Typography,{color:"theme.secondary.800",type:"s4",children:"Go To :"}),
 /* @__PURE__ */e.jsx(u.default,{type:"number",className:"goto-box",id:"outlined-required",defaultValue:"",onKeyDown:e=>{if("Enter"===e.key){const s=e.target.value;if(parseInt(s)>0&&parseInt(s)<=m){const e={...c,pageNo:parseInt(s)};g(e),v(!0)}}}}),
 /* @__PURE__ */e.jsx(p.default,{onClick:()=>{if(x>1){const e={...c,pageNo:parseInt(x)-1};g(e),v(!0)}},size:"small",disabled:1===c.pageNo,children:f?/* @__PURE__ */e.jsx(i.default,{}):/* @__PURE__ */e.jsx(o.default,{})}),
@@ -8,5 +8,5 @@
 /* @__PURE__ */e.jsxs(s.Typography,{type:"s4",weight:"medium",color:"theme.secondary.1000",children:[x," "]}),
 /* @__PURE__ */e.jsxs(s.Typography,{mx:.5,type:"s4",weight:"normal",color:"theme.secondary.700",children:["of"," "]}),
 /* @__PURE__ */e.jsx(s.Typography,{type:"s4",weight:"medium",color:"theme.secondary.1000",children:m||1}),
-/* @__PURE__ */e.jsx(p.default,{onClick:()=>{if(x<m){const e={...c,pageNo:parseInt(x)+1};g(e),v(!0)}},size:"small",disabled:c.pageNo===m,children:f?/* @__PURE__ */e.jsx(o.default,{}):/* @__PURE__ */e.jsx(i.default,{})})]})};
+/* @__PURE__ */e.jsx(p.default,{onClick:()=>{if(x<m){const e={...c,pageNo:parseInt(x)+1};g(e),v(!0)}},size:"small",disabled:c.pageNo===m,children:f?/* @__PURE__ */e.jsx(o.default,{}):/* @__PURE__ */e.jsx(i.default,{})})]})};exports.Pagination=c,exports.default=c;
 //# sourceMappingURL=index.js.map

package/dist/components/pagination/pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { Box, IconButton, MenuItem, SelectChangeEvent, TextField } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport Select from \"../select/select\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport ChevronRightICon from \"@mui/icons-material/ChevronRight\";\nimport \"./pagination.scss\";\nimport { IPaginationModel } from \"../../@types/pagination-model\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { usePages } from \"../../hooks/use-pages\";\nimport { useEffect } from \"react\";\n\ninterface IPagination {\n  paginationModel: IPaginationModel;\n  handlePaginationModel: (model: IPaginationModel) => void;\n  totalPages: number;\n}\n\nconst Pagination = ({\n  paginationModel,\n  totalPages,\n  handlePaginationModel,\n}: IPagination) => {\n  const { pageNo, limit } = paginationModel;\n  const skip=limit*(pageNo-1)\n  const pageSizeOptions = [10, 20, 50];\n  const {isRtl}=useLanguage();\n const {setIsChanged,setActivePage,activePage}=usePages();\n  const handleLimitChange = (e: SelectChangeEvent<unknown>) => {\n    const newModel = {\n      ...paginationModel,\n      page: 1,\n      pageNo: 1,\n      limit: e?.target?.value as number,\n    };\n    handlePaginationModel(newModel);\n  };\n\n  const handleNextPage = () => {\n    if (pageNo < totalPages) {\n      const newModel = {\n        ...paginationModel,\n        pageNo: parseInt(pageNo) + 1,\n      };\n      handlePaginationModel(newModel);\n      setIsChanged(true)\n    }\n  };\n  const handlePrevPage = () => {\n    if (pageNo > 1) {\n      const newModel = {\n        ...paginationModel,\n        pageNo: parseInt(pageNo) - 1,\n      };\n      handlePaginationModel(newModel);\n      setIsChanged(true)\n    }\n  };\n\n  const handleEnterKey = (event) => {\n    if (event.key === 'Enter') {\n      const value = event.target.value;\n      if (parseInt(value) > 0 && parseInt(value) <= totalPages) {\n        const newModel = {\n          ...paginationModel,\n          pageNo: parseInt(value),\n        };  \n        handlePaginationModel(newModel);\n        setIsChanged(true)\n      }\n      \n    }\n  };\n\n  useEffect(()=>{\n    setActivePage({...activePage,skip,pageNo})\n    //eslint-disable-next-line react-hooks/exhaustive-deps\n  },[pageNo])\n\n\n\n  return (\n    <Box className=\"pagination\" borderTop={\"2px solid theme.secondary.200\"}>\n      <Typography color=\"theme.secondary.800\" type=\"s4\">\n        Items per page :\n      </Typography>\n      <Select\n        value={limit}\n        size=\"small\"\n        className=\"page-size-select\"\n        onChange={handleLimitChange}\n        variant=\"outlined\"\n        MenuProps={{\n          sx:{\n            maxWidth:\"unset\"\n          }\n        }}\n      >\n        {pageSizeOptions?.map((size) => (\n          <MenuItem key={size} value={size}>\n            {size}\n          </MenuItem>\n        ))}\n      </Select>\n\n      <Typography color=\"theme.secondary.800\" type=\"s4\">\n        Go To :\n      </Typography>\n\n        <TextField\n          type=\"number\"\n          className=\"goto-box\"\n          id=\"outlined-required\"\n          defaultValue=\"\"\n          onKeyDown={handleEnterKey}\n        />\n\n      <IconButton onClick={handlePrevPage} size=\"small\" disabled={paginationModel.pageNo === 1}>\n       {isRtl ? <ChevronRightICon /> : <ChevronLeftIcon />} \n      </IconButton>\n      <Typography\n       sx={{\n         ...(isRtl ? { ml: 0.5 } : { mr: 0.5 })\n       }}\n        type=\"s4\"\n        weight=\"normal\"\n        color=\"theme.secondary.700\"\n      >\n        Page{\" \"}\n      </Typography>\n      {/* <input value={pageNo} type=\"number\" className=\"page-input\" />{\" \"} */}\n      <Typography type=\"s4\" weight=\"medium\" color=\"theme.secondary.1000\">\n        {pageNo}{\" \"}\n      </Typography>\n      <Typography\n        mx={0.5}\n        type=\"s4\"\n        weight=\"normal\"\n        color=\"theme.secondary.700\"\n      >\n        of{\" \"}\n      </Typography>\n      <Typography type=\"s4\" weight=\"medium\" color=\"theme.secondary.1000\">\n        {totalPages || 1}\n      </Typography>\n      {/* </Box> */}\n      <IconButton onClick={handleNextPage} size=\"small\" disabled={paginationModel.pageNo === totalPages}>\n        {isRtl ? <ChevronLeftIcon /> :<ChevronRightICon />}\n      </IconButton>\n    </Box>\n  );\n};\n\nexport default Pagination;\n"],"names":["paginationModel","totalPages","handlePaginationModel","pageNo","limit","skip","pageSizeOptions","isRtl","useLanguage","setIsChanged","setActivePage","activePage","usePages","useEffect","jsxs","Box","className","borderTop","children","jsx","Typography","color","type","Select","value","size","onChange","e","newModel","page","_a","target","variant","MenuProps","sx","maxWidth","map","MenuItem","TextField","id","defaultValue","onKeyDown","event","key","parseInt","IconButton","onClick","disabled","ChevronRightICon","ChevronLeftIcon","ml","mr","weight","mx"],"mappings":"szBAiBmB,EACjBA,kBACAC,aACAC,4BAEA,MAAMC,OAAEA,EAAAC,MAAQA,GAAUJ,EACpBK,EAAKD,GAAOD,EAAO,GACnBG,EAAkB,CAAC,GAAI,GAAI,KAC3BC,MAACA,GAAOC,iBACTC,aAACA,EAAAC,cAAaA,EAAAC,WAAcA,GAAYC,EAAAA,WAsD7C,OAPAC,EAAAA,UAAU,KACRH,EAAc,IAAIC,EAAWN,OAAKF,YAElC,CAACA,mBAKDW,EAAAA,KAACC,EAAAA,QAAA,CAAIC,UAAU,aAAaC,UAAW,gCACrCC,SAAA;eAAAC,MAACC,EAAAA,WAAA,CAAWC,MAAM,sBAAsBC,KAAK,KAAKJ,SAAA;eAGlDC,EAAAA,IAACI,EAAAA,QAAA,CACCC,MAAOpB,EACPqB,KAAK,QACLT,UAAU,mBACVU,SA9DqBC,UACzB,MAAMC,EAAW,IACZ5B,EACH6B,KAAM,EACN1B,OAAQ,EACRC,MAAO,OAAA0B,EAAA,MAAAH,OAAA,EAAAA,EAAGI,aAAH,EAAAD,EAAWN,OAEpBtB,EAAsB0B,IAwDlBI,QAAQ,WACRC,UAAW,CACTC,GAAG,CACDC,SAAS,UAIZjB,SAAA,MAAAZ,OAAA,EAAAA,EAAiB8B,IAAKX,kBACrBN,EAAAA,IAACkB,EAAAA,SAAoBb,MAAOC,EACzBP,SAAAO,GADYA;qBAMlBL,EAAAA,WAAA,CAAWC,MAAM,sBAAsBC,KAAK,KAAKJ,SAAA;eAIhDC,EAAAA,IAACmB,EAAAA,QAAA,CACChB,KAAK,SACLN,UAAU,WACVuB,GAAG,oBACHC,aAAa,GACbC,UAvDgBC,IACtB,GAAkB,UAAdA,EAAMC,IAAiB,CACzB,MAAMnB,EAAQkB,EAAMX,OAAOP,MAC3B,GAAIoB,SAASpB,GAAS,GAAKoB,SAASpB,IAAUvB,EAAY,CACxD,MAAM2B,EAAW,IACZ5B,EACHG,OAAQyC,SAASpB,IAEnBtB,EAAsB0B,GACtBnB,GAAa,EACf,CAEF;qBA8CGoC,EAAAA,QAAA,CAAWC,QArEO,KACrB,GAAI3C,EAAS,EAAG,CACd,MAAMyB,EAAW,IACZ5B,EACHG,OAAQyC,SAASzC,GAAU,GAE7BD,EAAsB0B,GACtBnB,GAAa,EACf,GA6DuCgB,KAAK,QAAQsB,SAAqC,IAA3B/C,EAAgBG,OAC1Ee,0BAAQC,EAAAA,IAAC6B,UAAA,CAAA,kBAAsB7B,MAAC8B,EAAAA;eAElCnC,EAAAA,KAACM,EAAAA,WAAA,CACAc,GAAI,IACE3B,EAAQ,CAAE2C,GAAI,IAAQ,CAAEC,GAAI,KAEjC7B,KAAK,KACL8B,OAAO,SACP/B,MAAM,sBACPH,SAAA,CAAA,OACM;sBAGNE,EAAAA,WAAA,CAAWE,KAAK,KAAK8B,OAAO,SAAS/B,MAAM,uBACzCH,SAAA,CAAAf,EAAQ;eAEXW,EAAAA,KAACM,EAAAA,WAAA,CACCiC,GAAI,GACJ/B,KAAK,KACL8B,OAAO,SACP/B,MAAM,sBACPH,SAAA,CAAA,KACI;eAELC,EAAAA,IAACC,EAAAA,YAAWE,KAAK,KAAK8B,OAAO,SAAS/B,MAAM,uBACzCH,SAAAjB,GAAc;qBAGhB4C,EAAAA,QAAA,CAAWC,QA5GO,KACrB,GAAI3C,EAASF,EAAY,CACvB,MAAM2B,EAAW,IACZ5B,EACHG,OAAQyC,SAASzC,GAAU,GAE7BD,EAAsB0B,GACtBnB,GAAa,EACf,GAoGuCgB,KAAK,QAAQsB,SAAU/C,EAAgBG,SAAWF,EACpFiB,0BAAQC,EAAAA,IAAC8B,EAAAA,QAAA,CAAA,kBAAoB9B,EAAAA,IAAC6B"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { Box, IconButton, MenuItem, SelectChangeEvent, TextField } from \"@mui/material\";\nimport Typography from \"../typography/typography\";\nimport Select from \"../select/select\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport ChevronRightICon from \"@mui/icons-material/ChevronRight\";\nimport \"./pagination.scss\";\nimport { IPaginationModel } from \"../../@types/pagination-model\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { usePages } from \"../../hooks/use-pages\";\nimport { useEffect } from \"react\";\n\ninterface IPagination {\n  paginationModel: IPaginationModel;\n  handlePaginationModel: (model: IPaginationModel) => void;\n  totalPages: number;\n}\n\nconst Pagination = ({\n  paginationModel,\n  totalPages,\n  handlePaginationModel,\n}: IPagination) => {\n  const { pageNo, limit } = paginationModel;\n  const skip=limit*(pageNo-1)\n  const pageSizeOptions = [10, 20, 50];\n  const {isRtl}=useLanguage();\n const {setIsChanged,setActivePage,activePage}=usePages();\n  const handleLimitChange = (e: SelectChangeEvent<unknown>) => {\n    const newModel = {\n      ...paginationModel,\n      page: 1,\n      pageNo: 1,\n      limit: e?.target?.value as number,\n    };\n    handlePaginationModel(newModel);\n  };\n\n  const handleNextPage = () => {\n    if (pageNo < totalPages) {\n      const newModel = {\n        ...paginationModel,\n        pageNo: parseInt(pageNo) + 1,\n      };\n      handlePaginationModel(newModel);\n      setIsChanged(true)\n    }\n  };\n  const handlePrevPage = () => {\n    if (pageNo > 1) {\n      const newModel = {\n        ...paginationModel,\n        pageNo: parseInt(pageNo) - 1,\n      };\n      handlePaginationModel(newModel);\n      setIsChanged(true)\n    }\n  };\n\n  const handleEnterKey = (event) => {\n    if (event.key === 'Enter') {\n      const value = event.target.value;\n      if (parseInt(value) > 0 && parseInt(value) <= totalPages) {\n        const newModel = {\n          ...paginationModel,\n          pageNo: parseInt(value),\n        };  \n        handlePaginationModel(newModel);\n        setIsChanged(true)\n      }\n      \n    }\n  };\n\n  useEffect(()=>{\n    setActivePage({...activePage,skip,pageNo})\n    //eslint-disable-next-line react-hooks/exhaustive-deps\n  },[pageNo])\n\n\n\n  return (\n    <Box className=\"pagination\" borderTop={\"2px solid theme.secondary.200\"}>\n      <Typography color=\"theme.secondary.800\" type=\"s4\">\n        Items per page :\n      </Typography>\n      <Select\n        value={limit}\n        size=\"small\"\n        className=\"page-size-select\"\n        onChange={handleLimitChange}\n        variant=\"outlined\"\n        MenuProps={{\n          sx:{\n            maxWidth:\"unset\"\n          }\n        }}\n      >\n        {pageSizeOptions?.map((size) => (\n          <MenuItem key={size} value={size}>\n            {size}\n          </MenuItem>\n        ))}\n      </Select>\n\n      <Typography color=\"theme.secondary.800\" type=\"s4\">\n        Go To :\n      </Typography>\n\n        <TextField\n          type=\"number\"\n          className=\"goto-box\"\n          id=\"outlined-required\"\n          defaultValue=\"\"\n          onKeyDown={handleEnterKey}\n        />\n\n      <IconButton onClick={handlePrevPage} size=\"small\" disabled={paginationModel.pageNo === 1}>\n       {isRtl ? <ChevronRightICon /> : <ChevronLeftIcon />} \n      </IconButton>\n      <Typography\n       sx={{\n         ...(isRtl ? { ml: 0.5 } : { mr: 0.5 })\n       }}\n        type=\"s4\"\n        weight=\"normal\"\n        color=\"theme.secondary.700\"\n      >\n        Page{\" \"}\n      </Typography>\n      {/* <input value={pageNo} type=\"number\" className=\"page-input\" />{\" \"} */}\n      <Typography type=\"s4\" weight=\"medium\" color=\"theme.secondary.1000\">\n        {pageNo}{\" \"}\n      </Typography>\n      <Typography\n        mx={0.5}\n        type=\"s4\"\n        weight=\"normal\"\n        color=\"theme.secondary.700\"\n      >\n        of{\" \"}\n      </Typography>\n      <Typography type=\"s4\" weight=\"medium\" color=\"theme.secondary.1000\">\n        {totalPages || 1}\n      </Typography>\n      {/* </Box> */}\n      <IconButton onClick={handleNextPage} size=\"small\" disabled={paginationModel.pageNo === totalPages}>\n        {isRtl ? <ChevronLeftIcon /> :<ChevronRightICon />}\n      </IconButton>\n    </Box>\n  );\n};\n\nexport { Pagination };\nexport default Pagination;\n"],"names":["Pagination","paginationModel","totalPages","handlePaginationModel","pageNo","limit","skip","pageSizeOptions","isRtl","useLanguage","setIsChanged","setActivePage","activePage","usePages","useEffect","jsxs","Box","className","borderTop","children","jsx","Typography","color","type","Select","value","size","onChange","e","newModel","page","_a","target","variant","MenuProps","sx","maxWidth","map","MenuItem","TextField","id","defaultValue","onKeyDown","event","key","parseInt","IconButton","onClick","disabled","ChevronRightICon","ChevronLeftIcon","ml","mr","weight","mx"],"mappings":"syBAiBA,MAAMA,EAAa,EACjBC,kBACAC,aACAC,4BAEA,MAAMC,OAAEA,EAAAC,MAAQA,GAAUJ,EACpBK,EAAKD,GAAOD,EAAO,GACnBG,EAAkB,CAAC,GAAI,GAAI,KAC3BC,MAACA,GAAOC,iBACTC,aAACA,EAAAC,cAAaA,EAAAC,WAAcA,GAAYC,EAAAA,WAsD7C,OAPAC,EAAAA,UAAU,KACRH,EAAc,IAAIC,EAAWN,OAAKF,YAElC,CAACA,mBAKDW,EAAAA,KAACC,EAAAA,QAAA,CAAIC,UAAU,aAAaC,UAAW,gCACrCC,SAAA;eAAAC,MAACC,EAAAA,WAAA,CAAWC,MAAM,sBAAsBC,KAAK,KAAKJ,SAAA;eAGlDC,EAAAA,IAACI,EAAAA,OAAA,CACCC,MAAOpB,EACPqB,KAAK,QACLT,UAAU,mBACVU,SA9DqBC,UACzB,MAAMC,EAAW,IACZ5B,EACH6B,KAAM,EACN1B,OAAQ,EACRC,MAAO,OAAA0B,EAAA,MAAAH,OAAA,EAAAA,EAAGI,aAAH,EAAAD,EAAWN,OAEpBtB,EAAsB0B,IAwDlBI,QAAQ,WACRC,UAAW,CACTC,GAAG,CACDC,SAAS,UAIZjB,SAAA,MAAAZ,OAAA,EAAAA,EAAiB8B,IAAKX,kBACrBN,EAAAA,IAACkB,EAAAA,SAAoBb,MAAOC,EACzBP,SAAAO,GADYA;qBAMlBL,EAAAA,WAAA,CAAWC,MAAM,sBAAsBC,KAAK,KAAKJ,SAAA;eAIhDC,EAAAA,IAACmB,EAAAA,QAAA,CACChB,KAAK,SACLN,UAAU,WACVuB,GAAG,oBACHC,aAAa,GACbC,UAvDgBC,IACtB,GAAkB,UAAdA,EAAMC,IAAiB,CACzB,MAAMnB,EAAQkB,EAAMX,OAAOP,MAC3B,GAAIoB,SAASpB,GAAS,GAAKoB,SAASpB,IAAUvB,EAAY,CACxD,MAAM2B,EAAW,IACZ5B,EACHG,OAAQyC,SAASpB,IAEnBtB,EAAsB0B,GACtBnB,GAAa,EACf,CAEF;qBA8CGoC,EAAAA,QAAA,CAAWC,QArEO,KACrB,GAAI3C,EAAS,EAAG,CACd,MAAMyB,EAAW,IACZ5B,EACHG,OAAQyC,SAASzC,GAAU,GAE7BD,EAAsB0B,GACtBnB,GAAa,EACf,GA6DuCgB,KAAK,QAAQsB,SAAqC,IAA3B/C,EAAgBG,OAC1Ee,0BAAQC,EAAAA,IAAC6B,UAAA,CAAA,kBAAsB7B,MAAC8B,EAAAA;eAElCnC,EAAAA,KAACM,EAAAA,WAAA,CACAc,GAAI,IACE3B,EAAQ,CAAE2C,GAAI,IAAQ,CAAEC,GAAI,KAEjC7B,KAAK,KACL8B,OAAO,SACP/B,MAAM,sBACPH,SAAA,CAAA,OACM;sBAGNE,EAAAA,WAAA,CAAWE,KAAK,KAAK8B,OAAO,SAAS/B,MAAM,uBACzCH,SAAA,CAAAf,EAAQ;eAEXW,EAAAA,KAACM,EAAAA,WAAA,CACCiC,GAAI,GACJ/B,KAAK,KACL8B,OAAO,SACP/B,MAAM,sBACPH,SAAA,CAAA,KACI;eAELC,EAAAA,IAACC,EAAAA,YAAWE,KAAK,KAAK8B,OAAO,SAAS/B,MAAM,uBACzCH,SAAAjB,GAAc;qBAGhB4C,EAAAA,QAAA,CAAWC,QA5GO,KACrB,GAAI3C,EAASF,EAAY,CACvB,MAAM2B,EAAW,IACZ5B,EACHG,OAAQyC,SAASzC,GAAU,GAE7BD,EAAsB0B,GACtBnB,GAAa,EACf,GAoGuCgB,KAAK,QAAQsB,SAAU/C,EAAgBG,SAAWF,EACpFiB,0BAAQC,EAAAA,IAAC8B,EAAAA,QAAA,CAAA,kBAAoB9B,EAAAA,IAAC6B"}

package/dist/components/pagination/pagination.d.ts

@@ -6,4 +6,5 @@ interface IPagination {
     totalPages: number;
 }
 declare const Pagination: ({ paginationModel, totalPages, handlePaginationModel, }: IPagination) => import("react/jsx-runtime").JSX.Element;
+export { Pagination };
 export default Pagination;

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

@@ -1,26 +1,26 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import Modal from "../../modal/modal/index.esm.js";
+import { Modal } from "../../modal/modal/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
-import DynamicInput from "../../form-control/form-builder/form-builder-element/text/index.esm.js";
+import { DynamicInput } from "../../form-control/form-builder/form-builder-element/text/index.esm.js";
 import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { generateValidationSchema } from "../validator/index.esm.js";
 import DynamicSearchSelect from "../../form-control/form-builder/form-builder-element/dynamic-select/index.esm.js";
-import Accordion from "../../accordion/accordion/index.esm.js";
+import { Accordion } from "../../accordion/accordion/index.esm.js";
 import { useRef, useState, useCallback, useEffect, useMemo } from "react";
 import _ from "lodash";
 /* empty css                              */
 import { addressOmitKeys, PARTIES_FORM_ARRAY_NAME, PARTIES_FIELDS, contactOmitKeys, addressColumns, contactColumns, addressPayload, contactPayload, processPartiesPayload } from "../utils/constant/index.esm.js";
 import { MaterialTable } from "../../material-table/material-table/index.esm.js";
 import parsePhoneNumberFromString from "libphonenumber-js";
-import Checkbox from "../../checkbox/checkbox/index.esm.js";
+import { Checkbox } from "../../checkbox/checkbox/index.esm.js";
 import { transformTableColumns } from "../../../utils/common-utility/index.esm.js";
 import { createParties } from "../../../redux/actionCreator/index.esm.js";
 import { useDispatch } from "react-redux";
 import { enqueueSnackbar } from "../../../node_modules/notistack/notistack.esm/index.esm.js";
 import { getErrorMessage } from "../../../utils/common/index.esm.js";
-import ModalLoader from "../../loaders/modal-loader/index.esm.js";
-import Button from "../../button/button/index.esm.js";
+import { ModalLoader } from "../../loaders/modal-loader/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
 import Grid from "../../../node_modules/@mui/material/Grid/Grid/index.esm.js";
 import DialogTitle from "../../../node_modules/@mui/material/DialogTitle/DialogTitle/index.esm.js";
 import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";

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                       */t=,/* empty css                                 */a=,/* empty css                                                               */o=require("react-hook-form"),n=require("react-i18next"),r=,/* empty css                  */i=,/* empty css                                                                         */s=,/* empty css                               */d=require("react"),u=require("lodash");;/* empty css                           */var c=,/* empty css                       */m=,/* empty css                                         */f=require("libphonenumber-js"),p=,/* 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                                                               */S=,/* empty css                                                         */C=,/* empty css                                                                     */b=,/* empty css                                                         */T=,/* empty css                                                                     */M=;/* empty css                                                 */function N(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var P=/* @__PURE__ */N(u),q=/* @__PURE__ */N(f);const I={state:"",country:""};exports.default=function({isOpen:u,handleModalClose:f,modalProps:N,type:w,partyCreated:D}){const{t:F}=n.useTranslation(),O=y.useDispatch(),$=d.useRef(I),[k,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}=o.useForm({defaultValues:{status:!0},mode:"all",resolver:r.generateValidationSchema()}),X=d.useCallback((l,t)=>{const a=/* @__PURE__ */new Map;return _.transformTableColumns({columns:l,currencySymbol:void 0,translationFn:F,enableFooter:!1,redirectionLink:void 0,redirectionLinkState:void 0,rows:t,statusClasses:void 0,customizeValue:(l,t,o)=>{var n,r;switch(t){case"default_shipping_address":case"default_billing_address":/* @__PURE__ */
-return e.jsx(M.default,{sx:{display:"flex",gap:1},children:/* @__PURE__ */e.jsx(p.default,{checked:Boolean(o),sx:{pointerEvents:"none"}})});case"phone":case"contact_no":{if(!o)return"";const e=`phone-${o}`;if(!a.has(e)){const l=q.default(`+${o}`);a.set(e,(null==l?void 0:l.nationalNumber)||"")}return a.get(e)}case"country_code":{const e=(null==(n=null==l?void 0:l.original)?void 0:n.phone)||(null==(r=null==l?void 0:l.original)?void 0:r.contact_no);if(!e)return"";const t=`country-${e}`;if(!a.has(t)){const l=q.default(`+${e}`);a.set(t,(null==l?void 0:l.countryCallingCode)?`+${l.countryCallingCode}`:"")}return a.get(t)}default:return o}}})},[F]),Z=async(e,l,t,a)=>{var o,n,r,i,s,d,u,m;try{const{values:f,row:p}=e,_=p.index>=0,x=a?c.addressPayload:c.contactPayload,y={};for(const e in x)P.default.has(f,e)&&(y[e]=(null==f?void 0:f[e])?f[e]:null);if(a){const e={c:null==(o=$.current)?void 0:o.country,s:null==(n=$.current)?void 0:n.state},a={...await ee(y,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==(u=e.c)?void 0:u.id,state_id:null==(m=e.s)?void 0:m.id};return t(_?l.map((e,l)=>l===p.index?{...e,...a}:e):[...l,a])}return t(_?l.map((e,l)=>l===p.index?{...e,...y}:e):[...l,y])}catch(f){return Promise.reject(f)}},ee=async(e,l,t)=>{let a={...e};const o=o=>{const n=[...l],r="shipping"===o?"default_shipping_address":"default_billing_address";t>=0&&n.splice(t,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 ${o} address. Please uncheck that before selecting this one`);i||(a={...a,[r]:(null==e?void 0:e[r])||0==(null==l?void 0:l.length)?1:0})};return await o("shipping"),await o("billing"),a},le=async(e,l,t)=>{const a=t.index;return l(e.filter((e,l)=>l!==a)),Promise.resolve()},te=async(e,l,t,a,o)=>{var n,r;const i=null==(n=null==e?void 0:e.target)?void 0:n.name;let s=null;if((null==(r=null==a?void 0:a.editProperties)?void 0:r.field_name)&&($.current={...$.current,[a.editProperties.field_name]:o}),"country"===i)s={...t._valuesCache,country:o.id,country_id:o.id,state:null,state_id:null,state_name:null};else if("state"===i)s={...t._valuesCache,state:o.id,state_id:o.id};else if("phone"===i){const l=q.default(`+${e}`);s={...t._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(t._valuesCache){const l=d.map(l=>{var a,o,n,r,s,d;return"country"===l?(null==(o=null==(a=$.current)?void 0:a.country)?void 0:o.name)||"":"state"===l?(null==(r=null==(n=$.current)?void 0:n.state)?void 0:r.name)||"":l===i?(null==(s=e.target)?void 0:s.value)||"":(null==(d=t._valuesCache)?void 0:d[l])||""}).reduce((e,l,t)=>l?e?(l=(null==l?void 0:l.name)||l,e=(null==e?void 0:e.name)||e,[2,3].includes(t)?`${e} ${l}`:`${e}, \n${l}`):l:e,"");t._valuesCache.summary=l}return s&&t.getAllCells().forEach(e=>{P.default.has(s,e.column.id)&&(t._valuesCache[e.column.id]=s[e.column.id])}),t._valuesCache},ae=async()=>{var e,l,t;if(!(await K()))return;z(!0);const a=U(),o={party:{...c.processPartiesPayload(null==a?void 0:a[c.PARTIES_FORM_ARRAY_NAME]),account_type:"Individual",status:1,type:w}};try{const a=await O(x.createParties(o));if("fulfilled"===(null==(e=null==a?void 0:a.meta)?void 0:e.requestStatus))h.enqueueSnackbar(`${w} ${F("common.party.msg.success")}`),oe(),D();else if("rejected"===(null==(l=null==a?void 0:a.meta)?void 0:l.requestStatus)){const e=v.getErrorMessage(null==(t=null==a?void 0:a.error)?void 0:t.message);h.enqueueSnackbar(e,{variant:"error"})}}finally{z(!1)}},oe=()=>{ne(),L([]),B([]),null==f||f()},ne=()=>{Q({[c.PARTIES_FORM_ARRAY_NAME]:{}})};d.useEffect(()=>{const e=k.map(e=>P.default.omit(e,c.addressOmitKeys));J(`${c.PARTIES_FORM_ARRAY_NAME}.${c.PARTIES_FIELDS.ADDRESS}`,e)},[k,J]),d.useEffect(()=>{const e=Y.map(e=>P.default.omit(e,c.contactOmitKeys));J(`${c.PARTIES_FORM_ARRAY_NAME}.${c.PARTIES_FIELDS.CONTACTS}`,e)},[Y,J]);const re=d.useMemo(()=>/* @__PURE__ */e.jsx(s.default,{title:/* @__PURE__ */e.jsx(t.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(a.default,{label:F("common.party.fields.firstName_label"),name:c.PARTIES_FIELDS.FIRST_NAME,placeholder:F("common.party.fields.firstName_placeholder"),fieldArrayName:c.PARTIES_FORM_ARRAY_NAME,formControl:W,required:!0})}),
-/* @__PURE__ */e.jsx(j.default,{item:!0,xs:12,sm:6,children:/* @__PURE__ */e.jsx(a.default,{label:F("common.party.fields.lastName_label"),name:c.PARTIES_FIELDS.LAST_NAME,placeholder:F("common.party.fields.lastName_placeholder"),fieldArrayName:c.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:c.PARTIES_FIELDS.COMAPANY,placeholder:F("common.party.fields.company_placeholder"),fieldArrayName:c.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:c.PARTIES_FIELDS.CURRENCY,placeholder:F("common.party.fields.currency_placeholder"),fieldArrayName:c.PARTIES_FORM_ARRAY_NAME,formControl:W,required:!0,is_multiselect:!0})})]})}),[F,W]),ie=d.useMemo(()=>{var l,a,o;/* @__PURE__ */
-return e.jsx(s.default,{title:/* @__PURE__ */e.jsxs(t.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[c.PARTIES_FORM_ARRAY_NAME])?void 0:l[c.PARTIES_FIELDS.ADDRESS])&&/* @__PURE__ */e.jsx("span",{className:"error",children:null==(o=null==(a=null==G?void 0:G[c.PARTIES_FORM_ARRAY_NAME])?void 0:a[c.PARTIES_FIELDS.ADDRESS])?void 0:o.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:[...k],columns:X(c.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,k,L,!0),onEditRow:e=>Z(e,k,L,!0),onDeleteRow:e=>le(k,L,e),onChangeRowField:te})})})})},[F,k,X,G]),se=d.useMemo(()=>{var l,a,o;/* @__PURE__ */
-return e.jsx(s.default,{title:/* @__PURE__ */e.jsxs(t.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[c.PARTIES_FORM_ARRAY_NAME])?void 0:l[c.PARTIES_FIELDS.CONTACTS])&&/* @__PURE__ */e.jsx("span",{className:"error",children:null==(o=null==(a=null==G?void 0:G[c.PARTIES_FORM_ARRAY_NAME])?void 0:a[c.PARTIES_FIELDS.CONTACTS])?void 0:o.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(c.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:te})})})})},[F,Y,X,G]);/* @__PURE__ */
-return e.jsxs(l.default,{open:u,onClose:oe,maxWidth:"lg",fullWidth:!0,sx:{overflowY:"hidden"},...N,children:[V&&/* @__PURE__ */e.jsx(A.default,{}),
-/* @__PURE__ */e.jsxs("form",{onSubmit:H(ae),className:"scroll-container",style:{position:"relative",overflow:"auto"},children:[
+"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:[
+/* @__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.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(t.Typography,{type:"s3",color:"inherit",weight:"medium",children:`Add ${w}`}),
-/* @__PURE__ */e.jsx(E.default,{onClick:oe,children:/* @__PURE__ */e.jsx(S.default,{fontSize:"small"})})]}),
+/* @__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(b.default,{className:"form--SectionDivider"}),ie,
 /* @__PURE__ */e.jsx(b.default,{className:"form--SectionDivider"}),se]}),
-/* @__PURE__ */e.jsx(T.default,{className:"itemEntryModal--DialogAction",sx:{position:"sticky",bottom:0,backgroundColor:"white",zIndex:1,padding:"8px 24px",justifyContent:"end"},children:/* @__PURE__ */e.jsxs(M.default,{display:"flex",gap:1.5,children:[
-/* @__PURE__ */e.jsx(R.default,{className:"itemEntryModal--DialogAction--WhiteBtn",onClick:oe,children:F("common.cancel")}),
-/* @__PURE__ */e.jsx(R.default,{variant:"contained",onClick:H(ae),children:F("common.save")})]})})]})]})};
+/* @__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")})]})})]})]})};
 //# sourceMappingURL=index.js.map

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

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

package/dist/components/phone-input/phone-input/index.esm.js

@@ -207,6 +207,7 @@ const PhoneInput = memo(({
   ] });
 });
 export {
+  PhoneInput,
   PhoneInput as default
 };
 //# sourceMappingURL=index.esm.js.map