@erpsquad/common 1.8.79 → 1.8.81

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

package/dist/components/phone-input/phone-input.d.ts

@@ -15,6 +15,6 @@ interface IPhoneInput {
     helperText?: string;
     isInlineEditing?: boolean;
 }
-declare const PhoneInput: import('react').NamedExoticComponent<IPhoneInput>;
+declare const PhoneInput: import('react').MemoExoticComponent<({ name, error, dataName, dataPosition, label, required, placeholder, default_value, onChange, disabled, setCountryCodeField, helperText, isInlineEditing, ...rest }: IPhoneInput) => import("react/jsx-runtime").JSX.Element>;
 export { PhoneInput };
 export default PhoneInput;

package/dist/components/providers/ERPUIProvider/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/providers/ERPUIProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, Suspense } from 'react';\nimport { Provider as ReduxProvider } from 'react-redux';\nimport { ThemeProvider } from '@mui/material/styles';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { SnackbarProvider } from 'notistack';\nimport { BrowserRouter } from 'react-router-dom';\nimport { createLibraryStore, ApiClientConfig } from '../../redux';\nimport { createLightTheme, createDarkTheme, Color } from '../../theme';\nimport { AuthProvider } from '../../contexts/AuthContext';\nimport { LanguageProvider } from '../../contexts/languageContext';\nimport { PageProvider } from '../../contexts/page-context';\nimport { PermissionsProvider } from '../../contexts/permission-context';\nimport MUIThemeWrapper from '../../theme/themeWrapper';\nimport Loader from '../loader';\nimport useAppTranslations from '../../hooks/use-translations';\nimport '../../utils/i18n';\n\n// Context for library configuration\ninterface ERPUIContextValue {\n  useRedux: boolean;\n  apiClient?: ApiClientConfig;\n  theme?: any;\n  themeMode: 'light' | 'dark';\n  direction: 'ltr' | 'rtl';\n  primaryColor?: Color;\n}\n\nconst ERPUIContext = createContext<ERPUIContextValue>({\n  useRedux: false,\n  themeMode: 'light',\n  direction: 'ltr',\n});\n\nexport const useERPUI = () => useContext(ERPUIContext);\n\n// Provider props interface\ninterface ERPUIProviderProps {\n  children: ReactNode;\n\n  // Redux configuration\n  useRedux?: boolean;\n  reduxStore?: any;\n  apiClient?: ApiClientConfig;\n  additionalReducers?: Record<string, any>;\n\n  // Theme configuration\n  theme?: any;\n  themeMode?: 'light' | 'dark';\n  primaryColor?: Color;\n  direction?: 'ltr' | 'rtl';\n\n  // Context providers configuration\n  enableAuth?: boolean;\n  enableLanguage?: boolean;\n  enablePages?: boolean;\n  enablePermissions?: boolean;\n  enableRouter?: boolean;\n  enableSnackbar?: boolean;\n\n  // Other configuration\n  enableCssBaseline?: boolean;\n  snackbarConfig?: {\n    maxSnack?: number;\n    anchorOrigin?: {\n      vertical: 'top' | 'bottom';\n      horizontal: 'left' | 'center' | 'right';\n    };\n    autoHideDuration?: number;\n  };\n}\n\nexport const ERPUIProvider: React.FC<ERPUIProviderProps> = ({\n  children,\n\n  // Redux props\n  useRedux = false,\n  reduxStore,\n  apiClient,\n  additionalReducers = {},\n\n  // Theme props\n  theme: customTheme,\n  themeMode = 'light',\n  primaryColor,\n  direction = 'ltr',\n\n  // Context providers configuration\n  enableAuth = true,\n  enableLanguage = true,\n  enablePages = true,\n  enablePermissions = true,\n  enableRouter = false, // Default false since consuming app usually provides router\n  enableSnackbar = true,\n\n  // Other props\n  enableCssBaseline = true,\n  snackbarConfig = {\n    maxSnack: 3,\n    anchorOrigin: { vertical: 'top', horizontal: 'right' },\n    autoHideDuration: 5000,\n  },\n}) => {\n\n  // const { isLoading } = useAppTranslations();\n  // if (isLoading) {\n  //   return <Loader />;\n  // }\n  // Create or use provided Redux store\n  const store = React.useMemo(() => {\n    if (!useRedux) return null;\n\n    if (reduxStore) {\n      return reduxStore;\n    }\n\n    return createLibraryStore(additionalReducers, apiClient);\n  }, [useRedux, reduxStore, additionalReducers, apiClient]);\n\n  // Create theme\n  const theme = React.useMemo(() => {\n    if (customTheme) {\n      return customTheme;\n    }\n\n    const themeCreator = themeMode === 'dark' ? createDarkTheme : createLightTheme;\n    const { theme: generatedTheme } = themeCreator(primaryColor, direction);\n    return generatedTheme;\n  }, [customTheme, themeMode, primaryColor, direction]);\n\n  // Context value\n  const contextValue: ERPUIContextValue = {\n    useRedux,\n    apiClient,\n    theme,\n    themeMode,\n    direction,\n    primaryColor,\n  };\n\n  // Build provider tree from inside out\n  let content = (\n    <ERPUIContext.Provider value={contextValue}>\n      {/* <ThemeProvider theme={theme}>\n        {enableCssBaseline && <CssBaseline />} */}\n      {/* <Suspense fallback={<Loader />}> */}\n      <MUIThemeWrapper theme={theme} enableCssBaseline={enableCssBaseline}>\n        {children}\n      </MUIThemeWrapper>\n      {/* </Suspense> */}\n      {/* </ThemeProvider> */}\n    </ERPUIContext.Provider>\n  );\n\n  // Wrap with snackbar provider if enabled\n  if (enableSnackbar) {\n    content = (\n      <SnackbarProvider {...snackbarConfig}>\n        {content}\n      </SnackbarProvider>\n    );\n  }\n\n  // Wrap with page provider if enabled\n  if (enablePages) {\n    content = (\n      <PageProvider>\n        {content}\n      </PageProvider>\n    );\n  }\n\n  // Wrap with permissions provider if enabled\n  if (enablePermissions) {\n    content = (\n      <PermissionsProvider>\n        {content}\n      </PermissionsProvider>\n    );\n  }\n\n  // Wrap with language provider if enabled\n  if (enableLanguage) {\n    content = (\n      <LanguageProvider>\n        {content}\n      </LanguageProvider>\n    );\n  }\n\n  // Wrap with auth provider if enabled\n  if (enableAuth) {\n    content = (\n      <AuthProvider>\n        {content}\n      </AuthProvider>\n    );\n  }\n\n  // Wrap with router if enabled\n  if (enableRouter) {\n    content = (\n      <BrowserRouter>\n        {content}\n      </BrowserRouter>\n    );\n  }\n\n  // Wrap with Redux provider if enabled\n  if (useRedux && store) {\n    content = (\n      <ReduxProvider store={store}>\n        {content}\n      </ReduxProvider>\n    );\n  }\n\n  return content;\n};\n\nexport default ERPUIProvider;"],"names":["React","ReduxProvider"],"mappings":";;;;;;;;;;;;AA2BA,MAAM,eAAe,cAAiC;AAAA,EACpD,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AACb,CAAC;AAEM,MAAM,WAAW,MAAM,WAAW,YAAY;AAsC9C,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA;AAAA,EAGA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,qBAAqB,CAAA;AAAA;AAAA,EAGrB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA;AAAA,EAGZ,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,eAAe;AAAA;AAAA,EACf,iBAAiB;AAAA;AAAA,EAGjB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,cAAc,EAAE,UAAU,OAAO,YAAY,QAAA;AAAA,IAC7C,kBAAkB;AAAA,EAAA;AAEtB,MAAM;AAOJ,QAAM,QAAQA,eAAM,QAAQ,MAAM;AAChC,QAAI,CAAC,SAAU,QAAO;AAEtB,QAAI,YAAY;AACd,aAAO;AAAA,IACT;AAEA,WAAO,mBAAmB,oBAAoB,SAAS;AAAA,EACzD,GAAG,CAAC,UAAU,YAAY,oBAAoB,SAAS,CAAC;AAGxD,QAAM,QAAQA,eAAM,QAAQ,MAAM;AAChC,QAAI,aAAa;AACf,aAAO;AAAA,IACT;AAEA,UAAM,eAAe,cAAc,SAAS,kBAAkB;AAC9D,UAAM,EAAE,OAAO,eAAA,IAAmB,aAAa,cAAc,SAAS;AACtE,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,WAAW,cAAc,SAAS,CAAC;AAGpD,QAAM,eAAkC;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAIF,MAAI,UACF,oBAAC,aAAa,UAAb,EAAsB,OAAO,cAI5B,UAAA,oBAAC,iBAAA,EAAgB,OAAc,mBAC5B,SAAA,CACH,GAGF;AAIF,MAAI,gBAAgB;AAClB,cACE,oBAAC,kBAAA,EAAkB,GAAG,gBACnB,UAAA,SACH;AAAA,EAEJ;AAGA,MAAI,aAAa;AACf,cACE,oBAAC,gBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,mBAAmB;AACrB,cACE,oBAAC,uBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,gBAAgB;AAClB,cACE,oBAAC,oBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,YAAY;AACd,cACE,oBAAC,gBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,cAAc;AAChB,cACE,oBAAC,iBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,YAAY,OAAO;AACrB,cACE,oBAACC,UAAA,EAAc,OACZ,UAAA,SACH;AAAA,EAEJ;AAEA,SAAO;AACT;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/providers/ERPUIProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, Suspense } from 'react';\r\nimport { Provider as ReduxProvider } from 'react-redux';\r\nimport { ThemeProvider } from '@mui/material/styles';\r\nimport CssBaseline from '@mui/material/CssBaseline';\r\nimport { SnackbarProvider } from 'notistack';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport { createLibraryStore, ApiClientConfig } from '../../redux';\r\nimport { createLightTheme, createDarkTheme, Color } from '../../theme';\r\nimport { AuthProvider } from '../../contexts/AuthContext';\r\nimport { LanguageProvider } from '../../contexts/languageContext';\r\nimport { PageProvider } from '../../contexts/page-context';\r\nimport { PermissionsProvider } from '../../contexts/permission-context';\r\nimport MUIThemeWrapper from '../../theme/themeWrapper';\r\nimport Loader from '../loader';\r\nimport useAppTranslations from '../../hooks/use-translations';\r\nimport '../../utils/i18n';\r\n\r\n// Context for library configuration\r\ninterface ERPUIContextValue {\r\n  useRedux: boolean;\r\n  apiClient?: ApiClientConfig;\r\n  theme?: any;\r\n  themeMode: 'light' | 'dark';\r\n  direction: 'ltr' | 'rtl';\r\n  primaryColor?: Color;\r\n}\r\n\r\nconst ERPUIContext = createContext<ERPUIContextValue>({\r\n  useRedux: false,\r\n  themeMode: 'light',\r\n  direction: 'ltr',\r\n});\r\n\r\nexport const useERPUI = () => useContext(ERPUIContext);\r\n\r\n// Provider props interface\r\ninterface ERPUIProviderProps {\r\n  children: ReactNode;\r\n\r\n  // Redux configuration\r\n  useRedux?: boolean;\r\n  reduxStore?: any;\r\n  apiClient?: ApiClientConfig;\r\n  additionalReducers?: Record<string, any>;\r\n\r\n  // Theme configuration\r\n  theme?: any;\r\n  themeMode?: 'light' | 'dark';\r\n  primaryColor?: Color;\r\n  direction?: 'ltr' | 'rtl';\r\n\r\n  // Context providers configuration\r\n  enableAuth?: boolean;\r\n  enableLanguage?: boolean;\r\n  enablePages?: boolean;\r\n  enablePermissions?: boolean;\r\n  enableRouter?: boolean;\r\n  enableSnackbar?: boolean;\r\n\r\n  // Other configuration\r\n  enableCssBaseline?: boolean;\r\n  snackbarConfig?: {\r\n    maxSnack?: number;\r\n    anchorOrigin?: {\r\n      vertical: 'top' | 'bottom';\r\n      horizontal: 'left' | 'center' | 'right';\r\n    };\r\n    autoHideDuration?: number;\r\n  };\r\n}\r\n\r\nexport const ERPUIProvider: React.FC<ERPUIProviderProps> = ({\r\n  children,\r\n\r\n  // Redux props\r\n  useRedux = false,\r\n  reduxStore,\r\n  apiClient,\r\n  additionalReducers = {},\r\n\r\n  // Theme props\r\n  theme: customTheme,\r\n  themeMode = 'light',\r\n  primaryColor,\r\n  direction = 'ltr',\r\n\r\n  // Context providers configuration\r\n  enableAuth = true,\r\n  enableLanguage = true,\r\n  enablePages = true,\r\n  enablePermissions = true,\r\n  enableRouter = false, // Default false since consuming app usually provides router\r\n  enableSnackbar = true,\r\n\r\n  // Other props\r\n  enableCssBaseline = true,\r\n  snackbarConfig = {\r\n    maxSnack: 3,\r\n    anchorOrigin: { vertical: 'top', horizontal: 'right' },\r\n    autoHideDuration: 5000,\r\n  },\r\n}) => {\r\n\r\n  // const { isLoading } = useAppTranslations();\r\n  // if (isLoading) {\r\n  //   return <Loader />;\r\n  // }\r\n  // Create or use provided Redux store\r\n  const store = React.useMemo(() => {\r\n    if (!useRedux) return null;\r\n\r\n    if (reduxStore) {\r\n      return reduxStore;\r\n    }\r\n\r\n    return createLibraryStore(additionalReducers, apiClient);\r\n  }, [useRedux, reduxStore, additionalReducers, apiClient]);\r\n\r\n  // Create theme\r\n  const theme = React.useMemo(() => {\r\n    if (customTheme) {\r\n      return customTheme;\r\n    }\r\n\r\n    const themeCreator = themeMode === 'dark' ? createDarkTheme : createLightTheme;\r\n    const { theme: generatedTheme } = themeCreator(primaryColor, direction);\r\n    return generatedTheme;\r\n  }, [customTheme, themeMode, primaryColor, direction]);\r\n\r\n  // Context value\r\n  const contextValue: ERPUIContextValue = {\r\n    useRedux,\r\n    apiClient,\r\n    theme,\r\n    themeMode,\r\n    direction,\r\n    primaryColor,\r\n  };\r\n\r\n  // Build provider tree from inside out\r\n  let content = (\r\n    <ERPUIContext.Provider value={contextValue}>\r\n      {/* <ThemeProvider theme={theme}>\r\n        {enableCssBaseline && <CssBaseline />} */}\r\n      {/* <Suspense fallback={<Loader />}> */}\r\n      <MUIThemeWrapper theme={theme} enableCssBaseline={enableCssBaseline}>\r\n        {children}\r\n      </MUIThemeWrapper>\r\n      {/* </Suspense> */}\r\n      {/* </ThemeProvider> */}\r\n    </ERPUIContext.Provider>\r\n  );\r\n\r\n  // Wrap with snackbar provider if enabled\r\n  if (enableSnackbar) {\r\n    content = (\r\n      <SnackbarProvider {...snackbarConfig}>\r\n        {content}\r\n      </SnackbarProvider>\r\n    );\r\n  }\r\n\r\n  // Wrap with page provider if enabled\r\n  if (enablePages) {\r\n    content = (\r\n      <PageProvider>\r\n        {content}\r\n      </PageProvider>\r\n    );\r\n  }\r\n\r\n  // Wrap with permissions provider if enabled\r\n  if (enablePermissions) {\r\n    content = (\r\n      <PermissionsProvider>\r\n        {content}\r\n      </PermissionsProvider>\r\n    );\r\n  }\r\n\r\n  // Wrap with language provider if enabled\r\n  if (enableLanguage) {\r\n    content = (\r\n      <LanguageProvider>\r\n        {content}\r\n      </LanguageProvider>\r\n    );\r\n  }\r\n\r\n  // Wrap with auth provider if enabled\r\n  if (enableAuth) {\r\n    content = (\r\n      <AuthProvider>\r\n        {content}\r\n      </AuthProvider>\r\n    );\r\n  }\r\n\r\n  // Wrap with router if enabled\r\n  if (enableRouter) {\r\n    content = (\r\n      <BrowserRouter>\r\n        {content}\r\n      </BrowserRouter>\r\n    );\r\n  }\r\n\r\n  // Wrap with Redux provider if enabled\r\n  if (useRedux && store) {\r\n    content = (\r\n      <ReduxProvider store={store}>\r\n        {content}\r\n      </ReduxProvider>\r\n    );\r\n  }\r\n\r\n  return content;\r\n};\r\n\r\nexport default ERPUIProvider;"],"names":["React","ReduxProvider"],"mappings":";;;;;;;;;;;;AA2BA,MAAM,eAAe,cAAiC;AAAA,EACpD,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AACb,CAAC;AAEM,MAAM,WAAW,MAAM,WAAW,YAAY;AAsC9C,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA;AAAA,EAGA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,qBAAqB,CAAA;AAAA;AAAA,EAGrB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA;AAAA,EAGZ,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,eAAe;AAAA;AAAA,EACf,iBAAiB;AAAA;AAAA,EAGjB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,cAAc,EAAE,UAAU,OAAO,YAAY,QAAA;AAAA,IAC7C,kBAAkB;AAAA,EAAA;AAEtB,MAAM;AAOJ,QAAM,QAAQA,eAAM,QAAQ,MAAM;AAChC,QAAI,CAAC,SAAU,QAAO;AAEtB,QAAI,YAAY;AACd,aAAO;AAAA,IACT;AAEA,WAAO,mBAAmB,oBAAoB,SAAS;AAAA,EACzD,GAAG,CAAC,UAAU,YAAY,oBAAoB,SAAS,CAAC;AAGxD,QAAM,QAAQA,eAAM,QAAQ,MAAM;AAChC,QAAI,aAAa;AACf,aAAO;AAAA,IACT;AAEA,UAAM,eAAe,cAAc,SAAS,kBAAkB;AAC9D,UAAM,EAAE,OAAO,eAAA,IAAmB,aAAa,cAAc,SAAS;AACtE,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,WAAW,cAAc,SAAS,CAAC;AAGpD,QAAM,eAAkC;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAIF,MAAI,UACF,oBAAC,aAAa,UAAb,EAAsB,OAAO,cAI5B,UAAA,oBAAC,iBAAA,EAAgB,OAAc,mBAC5B,SAAA,CACH,GAGF;AAIF,MAAI,gBAAgB;AAClB,cACE,oBAAC,kBAAA,EAAkB,GAAG,gBACnB,UAAA,SACH;AAAA,EAEJ;AAGA,MAAI,aAAa;AACf,cACE,oBAAC,gBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,mBAAmB;AACrB,cACE,oBAAC,uBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,gBAAgB;AAClB,cACE,oBAAC,oBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,YAAY;AACd,cACE,oBAAC,gBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,cAAc;AAChB,cACE,oBAAC,iBACE,UAAA,QAAA,CACH;AAAA,EAEJ;AAGA,MAAI,YAAY,OAAO;AACrB,cACE,oBAACC,UAAA,EAAc,OACZ,UAAA,SACH;AAAA,EAEJ;AAEA,SAAO;AACT;"}

package/dist/components/providers/ERPUIProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/providers/ERPUIProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, Suspense } from 'react';\nimport { Provider as ReduxProvider } from 'react-redux';\nimport { ThemeProvider } from '@mui/material/styles';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { SnackbarProvider } from 'notistack';\nimport { BrowserRouter } from 'react-router-dom';\nimport { createLibraryStore, ApiClientConfig } from '../../redux';\nimport { createLightTheme, createDarkTheme, Color } from '../../theme';\nimport { AuthProvider } from '../../contexts/AuthContext';\nimport { LanguageProvider } from '../../contexts/languageContext';\nimport { PageProvider } from '../../contexts/page-context';\nimport { PermissionsProvider } from '../../contexts/permission-context';\nimport MUIThemeWrapper from '../../theme/themeWrapper';\nimport Loader from '../loader';\nimport useAppTranslations from '../../hooks/use-translations';\nimport '../../utils/i18n';\n\n// Context for library configuration\ninterface ERPUIContextValue {\n  useRedux: boolean;\n  apiClient?: ApiClientConfig;\n  theme?: any;\n  themeMode: 'light' | 'dark';\n  direction: 'ltr' | 'rtl';\n  primaryColor?: Color;\n}\n\nconst ERPUIContext = createContext<ERPUIContextValue>({\n  useRedux: false,\n  themeMode: 'light',\n  direction: 'ltr',\n});\n\nexport const useERPUI = () => useContext(ERPUIContext);\n\n// Provider props interface\ninterface ERPUIProviderProps {\n  children: ReactNode;\n\n  // Redux configuration\n  useRedux?: boolean;\n  reduxStore?: any;\n  apiClient?: ApiClientConfig;\n  additionalReducers?: Record<string, any>;\n\n  // Theme configuration\n  theme?: any;\n  themeMode?: 'light' | 'dark';\n  primaryColor?: Color;\n  direction?: 'ltr' | 'rtl';\n\n  // Context providers configuration\n  enableAuth?: boolean;\n  enableLanguage?: boolean;\n  enablePages?: boolean;\n  enablePermissions?: boolean;\n  enableRouter?: boolean;\n  enableSnackbar?: boolean;\n\n  // Other configuration\n  enableCssBaseline?: boolean;\n  snackbarConfig?: {\n    maxSnack?: number;\n    anchorOrigin?: {\n      vertical: 'top' | 'bottom';\n      horizontal: 'left' | 'center' | 'right';\n    };\n    autoHideDuration?: number;\n  };\n}\n\nexport const ERPUIProvider: React.FC<ERPUIProviderProps> = ({\n  children,\n\n  // Redux props\n  useRedux = false,\n  reduxStore,\n  apiClient,\n  additionalReducers = {},\n\n  // Theme props\n  theme: customTheme,\n  themeMode = 'light',\n  primaryColor,\n  direction = 'ltr',\n\n  // Context providers configuration\n  enableAuth = true,\n  enableLanguage = true,\n  enablePages = true,\n  enablePermissions = true,\n  enableRouter = false, // Default false since consuming app usually provides router\n  enableSnackbar = true,\n\n  // Other props\n  enableCssBaseline = true,\n  snackbarConfig = {\n    maxSnack: 3,\n    anchorOrigin: { vertical: 'top', horizontal: 'right' },\n    autoHideDuration: 5000,\n  },\n}) => {\n\n  // const { isLoading } = useAppTranslations();\n  // if (isLoading) {\n  //   return <Loader />;\n  // }\n  // Create or use provided Redux store\n  const store = React.useMemo(() => {\n    if (!useRedux) return null;\n\n    if (reduxStore) {\n      return reduxStore;\n    }\n\n    return createLibraryStore(additionalReducers, apiClient);\n  }, [useRedux, reduxStore, additionalReducers, apiClient]);\n\n  // Create theme\n  const theme = React.useMemo(() => {\n    if (customTheme) {\n      return customTheme;\n    }\n\n    const themeCreator = themeMode === 'dark' ? createDarkTheme : createLightTheme;\n    const { theme: generatedTheme } = themeCreator(primaryColor, direction);\n    return generatedTheme;\n  }, [customTheme, themeMode, primaryColor, direction]);\n\n  // Context value\n  const contextValue: ERPUIContextValue = {\n    useRedux,\n    apiClient,\n    theme,\n    themeMode,\n    direction,\n    primaryColor,\n  };\n\n  // Build provider tree from inside out\n  let content = (\n    <ERPUIContext.Provider value={contextValue}>\n      {/* <ThemeProvider theme={theme}>\n        {enableCssBaseline && <CssBaseline />} */}\n      {/* <Suspense fallback={<Loader />}> */}\n      <MUIThemeWrapper theme={theme} enableCssBaseline={enableCssBaseline}>\n        {children}\n      </MUIThemeWrapper>\n      {/* </Suspense> */}\n      {/* </ThemeProvider> */}\n    </ERPUIContext.Provider>\n  );\n\n  // Wrap with snackbar provider if enabled\n  if (enableSnackbar) {\n    content = (\n      <SnackbarProvider {...snackbarConfig}>\n        {content}\n      </SnackbarProvider>\n    );\n  }\n\n  // Wrap with page provider if enabled\n  if (enablePages) {\n    content = (\n      <PageProvider>\n        {content}\n      </PageProvider>\n    );\n  }\n\n  // Wrap with permissions provider if enabled\n  if (enablePermissions) {\n    content = (\n      <PermissionsProvider>\n        {content}\n      </PermissionsProvider>\n    );\n  }\n\n  // Wrap with language provider if enabled\n  if (enableLanguage) {\n    content = (\n      <LanguageProvider>\n        {content}\n      </LanguageProvider>\n    );\n  }\n\n  // Wrap with auth provider if enabled\n  if (enableAuth) {\n    content = (\n      <AuthProvider>\n        {content}\n      </AuthProvider>\n    );\n  }\n\n  // Wrap with router if enabled\n  if (enableRouter) {\n    content = (\n      <BrowserRouter>\n        {content}\n      </BrowserRouter>\n    );\n  }\n\n  // Wrap with Redux provider if enabled\n  if (useRedux && store) {\n    content = (\n      <ReduxProvider store={store}>\n        {content}\n      </ReduxProvider>\n    );\n  }\n\n  return content;\n};\n\nexport default ERPUIProvider;"],"names":["ERPUIContext","createContext","useRedux","themeMode","direction","ERPUIProvider","children","reduxStore","apiClient","additionalReducers","theme","customTheme","primaryColor","enableAuth","enableLanguage","enablePages","enablePermissions","enableRouter","enableSnackbar","enableCssBaseline","snackbarConfig","maxSnack","anchorOrigin","vertical","horizontal","autoHideDuration","store","React","useMemo","createLibraryStore","themeCreator","createDarkTheme","createLightTheme","generatedTheme","contextValue","content","jsx","Provider","value","MUIThemeWrapper","SnackbarProvider","PageProvider","PermissionsProvider","LanguageProvider","AuthProvider","BrowserRouter","ReduxProvider","useContext"],"mappings":"gsBA2BA,MAAMA,EAAeC,EAAAA,cAAiC,CACpDC,UAAU,EACVC,UAAW,QACXC,UAAW,QAyCAC,EAA8C,EACzDC,WAGAJ,YAAW,EACXK,aACAC,YACAC,qBAAqB,CAAA,EAGrBC,MAAOC,EACPR,YAAY,QACZS,eACAR,YAAY,MAGZS,cAAa,EACbC,kBAAiB,EACjBC,eAAc,EACdC,qBAAoB,EACpBC,gBAAe,EACfC,kBAAiB,EAGjBC,qBAAoB,EACpBC,iBAAiB,CACfC,SAAU,EACVC,aAAc,CAAEC,SAAU,MAAOC,WAAY,SAC7CC,iBAAkB,SASpB,MAAMC,EAAQC,UAAMC,QAAQ,IACrB1B,EAEDK,GAIGsB,EAAAA,mBAAmBpB,EAAoBD,GANxB,KAOrB,CAACN,EAAUK,EAAYE,EAAoBD,IAGxCE,EAAQiB,UAAMC,QAAQ,KAC1B,GAAIjB,EACF,OAAOA,EAGT,MAAMmB,EAA6B,SAAd3B,EAAuB4B,EAAAA,gBAAkBC,EAAAA,kBACtDtB,MAAOuB,GAAmBH,EAAalB,EAAcR,GAC7D,OAAO6B,GACN,CAACtB,EAAaR,EAAWS,EAAcR,IAGpC8B,EAAkC,CACtChC,WACAM,YACAE,QACAP,YACAC,YACAQ,gBAIF,IAAIuB,iBACFC,EAAAA,IAACpC,EAAaqC,SAAb,CAAsBC,MAAOJ,EAI5B5B,0BAAA8B,IAACG,EAAAA,QAAA,CAAgB7B,QAAcS,oBAC5Bb,eAsEP,OA9DIY,IACFiB,iBACEC,EAAAA,IAACI,mBAAA,IAAqBpB,EACnBd,SAAA6B,KAMHpB,IACFoB,mBACEC,IAACK,EAAAA,cACEnC,SAAA6B,KAMHnB,IACFmB,mBACEC,IAACM,EAAAA,qBACEpC,SAAA6B,KAMHrB,IACFqB,mBACEC,IAACO,EAAAA,kBACErC,SAAA6B,KAMHtB,IACFsB,mBACEC,IAACQ,EAAAA,cACEtC,SAAA6B,KAMHlB,IACFkB,mBACEC,IAACS,EAAAA,eACEvC,SAAA6B,KAMHjC,GAAYwB,IACdS,iBACEC,EAAAA,IAACU,EAAAA,SAAA,CAAApB,MAAcA,EACZpB,SAAA6B,KAKAA,8DAvLe,IAAMY,EAAAA,WAAW/C"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/providers/ERPUIProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode, Suspense } from 'react';\r\nimport { Provider as ReduxProvider } from 'react-redux';\r\nimport { ThemeProvider } from '@mui/material/styles';\r\nimport CssBaseline from '@mui/material/CssBaseline';\r\nimport { SnackbarProvider } from 'notistack';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport { createLibraryStore, ApiClientConfig } from '../../redux';\r\nimport { createLightTheme, createDarkTheme, Color } from '../../theme';\r\nimport { AuthProvider } from '../../contexts/AuthContext';\r\nimport { LanguageProvider } from '../../contexts/languageContext';\r\nimport { PageProvider } from '../../contexts/page-context';\r\nimport { PermissionsProvider } from '../../contexts/permission-context';\r\nimport MUIThemeWrapper from '../../theme/themeWrapper';\r\nimport Loader from '../loader';\r\nimport useAppTranslations from '../../hooks/use-translations';\r\nimport '../../utils/i18n';\r\n\r\n// Context for library configuration\r\ninterface ERPUIContextValue {\r\n  useRedux: boolean;\r\n  apiClient?: ApiClientConfig;\r\n  theme?: any;\r\n  themeMode: 'light' | 'dark';\r\n  direction: 'ltr' | 'rtl';\r\n  primaryColor?: Color;\r\n}\r\n\r\nconst ERPUIContext = createContext<ERPUIContextValue>({\r\n  useRedux: false,\r\n  themeMode: 'light',\r\n  direction: 'ltr',\r\n});\r\n\r\nexport const useERPUI = () => useContext(ERPUIContext);\r\n\r\n// Provider props interface\r\ninterface ERPUIProviderProps {\r\n  children: ReactNode;\r\n\r\n  // Redux configuration\r\n  useRedux?: boolean;\r\n  reduxStore?: any;\r\n  apiClient?: ApiClientConfig;\r\n  additionalReducers?: Record<string, any>;\r\n\r\n  // Theme configuration\r\n  theme?: any;\r\n  themeMode?: 'light' | 'dark';\r\n  primaryColor?: Color;\r\n  direction?: 'ltr' | 'rtl';\r\n\r\n  // Context providers configuration\r\n  enableAuth?: boolean;\r\n  enableLanguage?: boolean;\r\n  enablePages?: boolean;\r\n  enablePermissions?: boolean;\r\n  enableRouter?: boolean;\r\n  enableSnackbar?: boolean;\r\n\r\n  // Other configuration\r\n  enableCssBaseline?: boolean;\r\n  snackbarConfig?: {\r\n    maxSnack?: number;\r\n    anchorOrigin?: {\r\n      vertical: 'top' | 'bottom';\r\n      horizontal: 'left' | 'center' | 'right';\r\n    };\r\n    autoHideDuration?: number;\r\n  };\r\n}\r\n\r\nexport const ERPUIProvider: React.FC<ERPUIProviderProps> = ({\r\n  children,\r\n\r\n  // Redux props\r\n  useRedux = false,\r\n  reduxStore,\r\n  apiClient,\r\n  additionalReducers = {},\r\n\r\n  // Theme props\r\n  theme: customTheme,\r\n  themeMode = 'light',\r\n  primaryColor,\r\n  direction = 'ltr',\r\n\r\n  // Context providers configuration\r\n  enableAuth = true,\r\n  enableLanguage = true,\r\n  enablePages = true,\r\n  enablePermissions = true,\r\n  enableRouter = false, // Default false since consuming app usually provides router\r\n  enableSnackbar = true,\r\n\r\n  // Other props\r\n  enableCssBaseline = true,\r\n  snackbarConfig = {\r\n    maxSnack: 3,\r\n    anchorOrigin: { vertical: 'top', horizontal: 'right' },\r\n    autoHideDuration: 5000,\r\n  },\r\n}) => {\r\n\r\n  // const { isLoading } = useAppTranslations();\r\n  // if (isLoading) {\r\n  //   return <Loader />;\r\n  // }\r\n  // Create or use provided Redux store\r\n  const store = React.useMemo(() => {\r\n    if (!useRedux) return null;\r\n\r\n    if (reduxStore) {\r\n      return reduxStore;\r\n    }\r\n\r\n    return createLibraryStore(additionalReducers, apiClient);\r\n  }, [useRedux, reduxStore, additionalReducers, apiClient]);\r\n\r\n  // Create theme\r\n  const theme = React.useMemo(() => {\r\n    if (customTheme) {\r\n      return customTheme;\r\n    }\r\n\r\n    const themeCreator = themeMode === 'dark' ? createDarkTheme : createLightTheme;\r\n    const { theme: generatedTheme } = themeCreator(primaryColor, direction);\r\n    return generatedTheme;\r\n  }, [customTheme, themeMode, primaryColor, direction]);\r\n\r\n  // Context value\r\n  const contextValue: ERPUIContextValue = {\r\n    useRedux,\r\n    apiClient,\r\n    theme,\r\n    themeMode,\r\n    direction,\r\n    primaryColor,\r\n  };\r\n\r\n  // Build provider tree from inside out\r\n  let content = (\r\n    <ERPUIContext.Provider value={contextValue}>\r\n      {/* <ThemeProvider theme={theme}>\r\n        {enableCssBaseline && <CssBaseline />} */}\r\n      {/* <Suspense fallback={<Loader />}> */}\r\n      <MUIThemeWrapper theme={theme} enableCssBaseline={enableCssBaseline}>\r\n        {children}\r\n      </MUIThemeWrapper>\r\n      {/* </Suspense> */}\r\n      {/* </ThemeProvider> */}\r\n    </ERPUIContext.Provider>\r\n  );\r\n\r\n  // Wrap with snackbar provider if enabled\r\n  if (enableSnackbar) {\r\n    content = (\r\n      <SnackbarProvider {...snackbarConfig}>\r\n        {content}\r\n      </SnackbarProvider>\r\n    );\r\n  }\r\n\r\n  // Wrap with page provider if enabled\r\n  if (enablePages) {\r\n    content = (\r\n      <PageProvider>\r\n        {content}\r\n      </PageProvider>\r\n    );\r\n  }\r\n\r\n  // Wrap with permissions provider if enabled\r\n  if (enablePermissions) {\r\n    content = (\r\n      <PermissionsProvider>\r\n        {content}\r\n      </PermissionsProvider>\r\n    );\r\n  }\r\n\r\n  // Wrap with language provider if enabled\r\n  if (enableLanguage) {\r\n    content = (\r\n      <LanguageProvider>\r\n        {content}\r\n      </LanguageProvider>\r\n    );\r\n  }\r\n\r\n  // Wrap with auth provider if enabled\r\n  if (enableAuth) {\r\n    content = (\r\n      <AuthProvider>\r\n        {content}\r\n      </AuthProvider>\r\n    );\r\n  }\r\n\r\n  // Wrap with router if enabled\r\n  if (enableRouter) {\r\n    content = (\r\n      <BrowserRouter>\r\n        {content}\r\n      </BrowserRouter>\r\n    );\r\n  }\r\n\r\n  // Wrap with Redux provider if enabled\r\n  if (useRedux && store) {\r\n    content = (\r\n      <ReduxProvider store={store}>\r\n        {content}\r\n      </ReduxProvider>\r\n    );\r\n  }\r\n\r\n  return content;\r\n};\r\n\r\nexport default ERPUIProvider;"],"names":["ERPUIContext","createContext","useRedux","themeMode","direction","ERPUIProvider","children","reduxStore","apiClient","additionalReducers","theme","customTheme","primaryColor","enableAuth","enableLanguage","enablePages","enablePermissions","enableRouter","enableSnackbar","enableCssBaseline","snackbarConfig","maxSnack","anchorOrigin","vertical","horizontal","autoHideDuration","store","React","useMemo","createLibraryStore","themeCreator","createDarkTheme","createLightTheme","generatedTheme","contextValue","content","jsx","Provider","value","MUIThemeWrapper","SnackbarProvider","PageProvider","PermissionsProvider","LanguageProvider","AuthProvider","BrowserRouter","ReduxProvider","useContext"],"mappings":"gsBA2BA,MAAMA,EAAeC,EAAAA,cAAiC,CACpDC,UAAU,EACVC,UAAW,QACXC,UAAW,QAyCAC,EAA8C,EACzDC,WAGAJ,YAAW,EACXK,aACAC,YACAC,qBAAqB,CAAA,EAGrBC,MAAOC,EACPR,YAAY,QACZS,eACAR,YAAY,MAGZS,cAAa,EACbC,kBAAiB,EACjBC,eAAc,EACdC,qBAAoB,EACpBC,gBAAe,EACfC,kBAAiB,EAGjBC,qBAAoB,EACpBC,iBAAiB,CACfC,SAAU,EACVC,aAAc,CAAEC,SAAU,MAAOC,WAAY,SAC7CC,iBAAkB,SASpB,MAAMC,EAAQC,UAAMC,QAAQ,IACrB1B,EAEDK,GAIGsB,EAAAA,mBAAmBpB,EAAoBD,GANxB,KAOrB,CAACN,EAAUK,EAAYE,EAAoBD,IAGxCE,EAAQiB,UAAMC,QAAQ,KAC1B,GAAIjB,EACF,OAAOA,EAGT,MAAMmB,EAA6B,SAAd3B,EAAuB4B,EAAAA,gBAAkBC,EAAAA,kBACtDtB,MAAOuB,GAAmBH,EAAalB,EAAcR,GAC7D,OAAO6B,GACN,CAACtB,EAAaR,EAAWS,EAAcR,IAGpC8B,EAAkC,CACtChC,WACAM,YACAE,QACAP,YACAC,YACAQ,gBAIF,IAAIuB,iBACFC,EAAAA,IAACpC,EAAaqC,SAAb,CAAsBC,MAAOJ,EAI5B5B,0BAAA8B,IAACG,EAAAA,QAAA,CAAgB7B,QAAcS,oBAC5Bb,eAsEP,OA9DIY,IACFiB,iBACEC,EAAAA,IAACI,mBAAA,IAAqBpB,EACnBd,SAAA6B,KAMHpB,IACFoB,mBACEC,IAACK,EAAAA,cACEnC,SAAA6B,KAMHnB,IACFmB,mBACEC,IAACM,EAAAA,qBACEpC,SAAA6B,KAMHrB,IACFqB,mBACEC,IAACO,EAAAA,kBACErC,SAAA6B,KAMHtB,IACFsB,mBACEC,IAACQ,EAAAA,cACEtC,SAAA6B,KAMHlB,IACFkB,mBACEC,IAACS,EAAAA,eACEvC,SAAA6B,KAMHjC,GAAYwB,IACdS,iBACEC,EAAAA,IAACU,EAAAA,SAAA,CAAApB,MAAcA,EACZpB,SAAA6B,KAKAA,8DAvLe,IAAMY,EAAAA,WAAW/C"}

package/dist/components/radio/radio.d.ts

@@ -1,5 +1,5 @@
 import { RadioProps } from '@mui/material';
 
-declare const Radio: import('react').NamedExoticComponent<RadioProps>;
+declare const Radio: import('react').MemoExoticComponent<(props: RadioProps) => import("react/jsx-runtime").JSX.Element>;
 export { Radio };
 export default Radio;

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

@@ -1,7 +1,7 @@
 import { createAsyncThunk } from "@reduxjs/toolkit";
 import { getToken } from "../../../../utils/common/index.esm.js";
 import { getV1Company, setBaseUrl } from "../../../../api-client/api.rbac/api/index.esm.js";
-setBaseUrl(`${"http://127.0.0.1:4011"}/rbac`);
+setBaseUrl(`${"https://apidev.erpforce.co"}/rbac`);
 const fetchCompanies = createAsyncThunk(
   "reports-title/fetchCompanies",
   async () => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/reports-title-bar/redux/actionCreator.ts"],"sourcesContent":["import { createAsyncThunk } from \"@reduxjs/toolkit\";\nimport { getToken } from '../../../utils/common';\nimport {\n  getV1Company,\n  setBaseUrl,\n} from \"../../../api-client/api.rbac/api\";\n\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/rbac`);\n\n\n\nexport const fetchCompanies = createAsyncThunk(\n  \"reports-title/fetchCompanies\",\n  async () => {\n    const response = await getV1Company({ ...getToken() });\n    return response;\n  }\n);\n"],"names":[],"mappings":";;;AAOA,WAAW,GAAG,uBAAqC,OAAO;AAInD,MAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA,YAAY;AACV,UAAM,WAAW,MAAM,aAAa,EAAE,GAAG,SAAA,GAAY;AACrD,WAAO;AAAA,EACT;AACF;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/reports-title-bar/redux/actionCreator.ts"],"sourcesContent":["import { createAsyncThunk } from \"@reduxjs/toolkit\";\r\nimport { getToken } from '../../../utils/common';\r\nimport {\r\n  getV1Company,\r\n  setBaseUrl,\r\n} from \"../../../api-client/api.rbac/api\";\r\n\r\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/rbac`);\r\n\r\n\r\n\r\nexport const fetchCompanies = createAsyncThunk(\r\n  \"reports-title/fetchCompanies\",\r\n  async () => {\r\n    const response = await getV1Company({ ...getToken() });\r\n    return response;\r\n  }\r\n);\r\n"],"names":[],"mappings":";;;AAOA,WAAW,GAAG,4BAAqC,OAAO;AAInD,MAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA,YAAY;AACV,UAAM,WAAW,MAAM,aAAa,EAAE,GAAG,SAAA,GAAY;AACrD,WAAO;AAAA,EACT;AACF;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),t=require("../../../../utils/common/index.js"),r=require("../../../../api-client/api.rbac/api/index.js");r.setBaseUrl("http://127.0.0.1:4011/rbac");const i=e.createAsyncThunk("reports-title/fetchCompanies",async()=>await r.getV1Company({...t.getToken()}));exports.fetchCompanies=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),t=require("../../../../utils/common/index.js"),r=require("../../../../api-client/api.rbac/api/index.js");r.setBaseUrl("https://apidev.erpforce.co/rbac");const i=e.createAsyncThunk("reports-title/fetchCompanies",async()=>await r.getV1Company({...t.getToken()}));exports.fetchCompanies=i;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/reports-title-bar/redux/actionCreator.ts"],"sourcesContent":["import { createAsyncThunk } from \"@reduxjs/toolkit\";\nimport { getToken } from '../../../utils/common';\nimport {\n  getV1Company,\n  setBaseUrl,\n} from \"../../../api-client/api.rbac/api\";\n\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/rbac`);\n\n\n\nexport const fetchCompanies = createAsyncThunk(\n  \"reports-title/fetchCompanies\",\n  async () => {\n    const response = await getV1Company({ ...getToken() });\n    return response;\n  }\n);\n"],"names":["setBaseUrl","fetchCompanies","createAsyncThunk","async","getV1Company","getToken"],"mappings":"+MAOAA,EAAAA,WAAW,8BAIJ,MAAMC,EAAiBC,EAAAA,iBAC5B,+BACAC,eACyBC,EAAAA,aAAa,IAAKC,EAAAA"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/reports-title-bar/redux/actionCreator.ts"],"sourcesContent":["import { createAsyncThunk } from \"@reduxjs/toolkit\";\r\nimport { getToken } from '../../../utils/common';\r\nimport {\r\n  getV1Company,\r\n  setBaseUrl,\r\n} from \"../../../api-client/api.rbac/api\";\r\n\r\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/rbac`);\r\n\r\n\r\n\r\nexport const fetchCompanies = createAsyncThunk(\r\n  \"reports-title/fetchCompanies\",\r\n  async () => {\r\n    const response = await getV1Company({ ...getToken() });\r\n    return response;\r\n  }\r\n);\r\n"],"names":["setBaseUrl","fetchCompanies","createAsyncThunk","async","getV1Company","getToken"],"mappings":"+MAOAA,EAAAA,WAAW,mCAIJ,MAAMC,EAAiBC,EAAAA,iBAC5B,+BACAC,eACyBC,EAAAA,aAAa,IAAKC,EAAAA"}

package/dist/components/reset-password-modal/reset-password-modal/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/reset-password-modal/reset-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport Modal from \"../modal/modal\";\nimport { useForm } from \"react-hook-form\";\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport * as Yup from \"yup\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport { styled } from \"@mui/system\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"../typography/typography\";\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\nimport { Eye, EyeOff } from \"../icons\";\nimport Button from \"../button/button\";\nimport Toast from \"../toast/toast\";\n\n\nconst validationSchema = Yup.object({\n  login: Yup.object({\n      current_password: Yup.string().required(\"Please enter current password\"),\n      password: Yup.string()\n                .required(\"Please enter password\")\n                .min(8, \"Password must be at least 8 characters\")\n                .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\n                .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\n      confirm_password: Yup.string().required(\"Please enter confirm password\").oneOf([Yup.ref('password')], \"Passwords must match\"),\n  }),\n});\n\n\n\nconst ResetPasswordModal = ({showModal, setShowModal}) => {\n     const { changeUserPassword } = useAuth();\n\n    // const [showModal, setShowModal] = useState(false);\n    const [toast, setToast] = useState<IToast | null>(null);\n\n    interface FormValeus {\n        login: LoginFormValues;\n    }\n\n    const { control, handleSubmit } = useForm<FormValeus>({\n      resolver: yupResolver(validationSchema),\n      mode: \"all\",\n    });\n\n    const onSubmit = async (values: FormValeus) => {\n      await changeUserPassword(values.login, (message, type) => {\n        if (type) {\n          setToast({ message: message, type: \"normal\" });\n          setShowModal(false);\n        } else {\n          setToast({ message: message, type: \"alert\" });\n        }\n          // make logout\n      });\n      return values;      \n    };\n\n    const [showPassword, setShowPassword] = useState<boolean>(false);\n    const handleShowPassword = () => setShowPassword(!showPassword);\n\n    const [showCurrentPassword, setShowCurrentPassword] = useState<boolean>(false);\n    const handleShowCurrentPassword = () => setShowCurrentPassword(!showCurrentPassword);\n\n    const [showConfirmPassword, setShowConfirmPassword] = useState<boolean>(false);\n    const handleShowConfirmPassword = () => setShowConfirmPassword(!showConfirmPassword);\n\n     const FlexBox = styled(Box)(() => ({\n        display: \"flex\",\n        flexDirection: \"column\",\n    }));\n\n    return (\n        <>\n        <Modal \n        open={showModal}\n        onClose={() => setShowModal(false)} \n        children={\n          <>\n            <form onSubmit={handleSubmit(onSubmit)}>\n                <FlexBox gap={4} className=\"popup-change-pass\">\n                  <FlexBox gap={2}>\n                    <Box>\n                      <Typography\n                        align=\"center\"\n                        type=\"h1\"\n                        weight=\"medium\"\n                        color=\"theme.secondary.1000\"\n                      >\n                        Change Password\n                      </Typography>\n                      <Typography\n                        align=\"center\"\n                        type=\"h5\"\n                        weight=\"normal\"\n                        color=\"theme.secondary81000\"\n                      >\n                        Enter Details below\n                      </Typography>\n                    </Box>\n                    <FlexBox gap={2}>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Current Password\"\n                          name=\"current_password\"\n                          type={showCurrentPassword ? \"text\" : \"password\"}\n                          placeholder=\"Enter Current Password\"\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showCurrentPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowCurrentPassword}\n                        />\n                      </Box>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Password\"\n                          name=\"password\"\n                          type={showPassword ? \"text\" : \"password\"}\n                          placeholder=\"Enter Password\"\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowPassword}\n                        />\n                      </Box>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Confirm Password\"\n                          name=\"confirm_password\"\n                          type={showConfirmPassword ? \"text\" : \"password\"}\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showConfirmPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowConfirmPassword} \n                          placeholder=\"Enter confirm password\"\n                        />\n                      </Box>\n                    </FlexBox>\n                  </FlexBox>\n                  <FlexBox gap={2}>\n                    <Button type=\"submit\" size=\"large\" variant=\"contained\">\n                      Change Password\n                    </Button>\n                  </FlexBox>\n                </FlexBox>\n              </form>          \n          </>\n        }\n        />\n        <Toast\n            open={Boolean(toast)}\n            message={toast?.message}\n            type={toast?.type}\n            handleClose={() => setToast(null)}\n            anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\n            autoHideDuration={3000}\n            />\n        </>\n    );\n}\n\nexport { ResetPasswordModal };\nexport default ResetPasswordModal;"],"names":["yupResolver"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/reset-password-modal/reset-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport Modal from \"../modal/modal\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\r\nimport { yupResolver } from \"@hookform/resolvers/yup\";\r\nimport * as Yup from \"yup\";\r\nimport { useAuth } from \"../../hooks/useAuth\";\r\nimport { styled } from \"@mui/system\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"../typography/typography\";\r\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\r\nimport { Eye, EyeOff } from \"../icons\";\r\nimport Button from \"../button/button\";\r\nimport Toast from \"../toast/toast\";\r\n\r\n\r\nconst validationSchema = Yup.object({\r\n  login: Yup.object({\r\n      current_password: Yup.string().required(\"Please enter current password\"),\r\n      password: Yup.string()\r\n                .required(\"Please enter password\")\r\n                .min(8, \"Password must be at least 8 characters\")\r\n                .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\r\n                .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\r\n      confirm_password: Yup.string().required(\"Please enter confirm password\").oneOf([Yup.ref('password')], \"Passwords must match\"),\r\n  }),\r\n});\r\n\r\n\r\n\r\nconst ResetPasswordModal = ({showModal, setShowModal}) => {\r\n     const { changeUserPassword } = useAuth();\r\n\r\n    // const [showModal, setShowModal] = useState(false);\r\n    const [toast, setToast] = useState<IToast | null>(null);\r\n\r\n    interface FormValeus {\r\n        login: LoginFormValues;\r\n    }\r\n\r\n    const { control, handleSubmit } = useForm<FormValeus>({\r\n      resolver: yupResolver(validationSchema),\r\n      mode: \"all\",\r\n    });\r\n\r\n    const onSubmit = async (values: FormValeus) => {\r\n      await changeUserPassword(values.login, (message, type) => {\r\n        if (type) {\r\n          setToast({ message: message, type: \"normal\" });\r\n          setShowModal(false);\r\n        } else {\r\n          setToast({ message: message, type: \"alert\" });\r\n        }\r\n          // make logout\r\n      });\r\n      return values;      \r\n    };\r\n\r\n    const [showPassword, setShowPassword] = useState<boolean>(false);\r\n    const handleShowPassword = () => setShowPassword(!showPassword);\r\n\r\n    const [showCurrentPassword, setShowCurrentPassword] = useState<boolean>(false);\r\n    const handleShowCurrentPassword = () => setShowCurrentPassword(!showCurrentPassword);\r\n\r\n    const [showConfirmPassword, setShowConfirmPassword] = useState<boolean>(false);\r\n    const handleShowConfirmPassword = () => setShowConfirmPassword(!showConfirmPassword);\r\n\r\n     const FlexBox = styled(Box)(() => ({\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n    }));\r\n\r\n    return (\r\n        <>\r\n        <Modal \r\n        open={showModal}\r\n        onClose={() => setShowModal(false)} \r\n        children={\r\n          <>\r\n            <form onSubmit={handleSubmit(onSubmit)}>\r\n                <FlexBox gap={4} className=\"popup-change-pass\">\r\n                  <FlexBox gap={2}>\r\n                    <Box>\r\n                      <Typography\r\n                        align=\"center\"\r\n                        type=\"h1\"\r\n                        weight=\"medium\"\r\n                        color=\"theme.secondary.1000\"\r\n                      >\r\n                        Change Password\r\n                      </Typography>\r\n                      <Typography\r\n                        align=\"center\"\r\n                        type=\"h5\"\r\n                        weight=\"normal\"\r\n                        color=\"theme.secondary81000\"\r\n                      >\r\n                        Enter Details below\r\n                      </Typography>\r\n                    </Box>\r\n                    <FlexBox gap={2}>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Current Password\"\r\n                          name=\"current_password\"\r\n                          type={showCurrentPassword ? \"text\" : \"password\"}\r\n                          placeholder=\"Enter Current Password\"\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showCurrentPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowCurrentPassword}\r\n                        />\r\n                      </Box>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Password\"\r\n                          name=\"password\"\r\n                          type={showPassword ? \"text\" : \"password\"}\r\n                          placeholder=\"Enter Password\"\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowPassword}\r\n                        />\r\n                      </Box>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Confirm Password\"\r\n                          name=\"confirm_password\"\r\n                          type={showConfirmPassword ? \"text\" : \"password\"}\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showConfirmPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowConfirmPassword} \r\n                          placeholder=\"Enter confirm password\"\r\n                        />\r\n                      </Box>\r\n                    </FlexBox>\r\n                  </FlexBox>\r\n                  <FlexBox gap={2}>\r\n                    <Button type=\"submit\" size=\"large\" variant=\"contained\">\r\n                      Change Password\r\n                    </Button>\r\n                  </FlexBox>\r\n                </FlexBox>\r\n              </form>          \r\n          </>\r\n        }\r\n        />\r\n        <Toast\r\n            open={Boolean(toast)}\r\n            message={toast?.message}\r\n            type={toast?.type}\r\n            handleClose={() => setToast(null)}\r\n            anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\r\n            autoHideDuration={3000}\r\n            />\r\n        </>\r\n    );\r\n}\r\n\r\nexport { ResetPasswordModal };\nexport default ResetPasswordModal;"],"names":["yupResolver"],"mappings":"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"}

package/dist/components/reset-password-modal/reset-password-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/reset-password-modal/reset-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport Modal from \"../modal/modal\";\nimport { useForm } from \"react-hook-form\";\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport * as Yup from \"yup\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport { styled } from \"@mui/system\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"../typography/typography\";\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\nimport { Eye, EyeOff } from \"../icons\";\nimport Button from \"../button/button\";\nimport Toast from \"../toast/toast\";\n\n\nconst validationSchema = Yup.object({\n  login: Yup.object({\n      current_password: Yup.string().required(\"Please enter current password\"),\n      password: Yup.string()\n                .required(\"Please enter password\")\n                .min(8, \"Password must be at least 8 characters\")\n                .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\n                .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\n      confirm_password: Yup.string().required(\"Please enter confirm password\").oneOf([Yup.ref('password')], \"Passwords must match\"),\n  }),\n});\n\n\n\nconst ResetPasswordModal = ({showModal, setShowModal}) => {\n     const { changeUserPassword } = useAuth();\n\n    // const [showModal, setShowModal] = useState(false);\n    const [toast, setToast] = useState<IToast | null>(null);\n\n    interface FormValeus {\n        login: LoginFormValues;\n    }\n\n    const { control, handleSubmit } = useForm<FormValeus>({\n      resolver: yupResolver(validationSchema),\n      mode: \"all\",\n    });\n\n    const onSubmit = async (values: FormValeus) => {\n      await changeUserPassword(values.login, (message, type) => {\n        if (type) {\n          setToast({ message: message, type: \"normal\" });\n          setShowModal(false);\n        } else {\n          setToast({ message: message, type: \"alert\" });\n        }\n          // make logout\n      });\n      return values;      \n    };\n\n    const [showPassword, setShowPassword] = useState<boolean>(false);\n    const handleShowPassword = () => setShowPassword(!showPassword);\n\n    const [showCurrentPassword, setShowCurrentPassword] = useState<boolean>(false);\n    const handleShowCurrentPassword = () => setShowCurrentPassword(!showCurrentPassword);\n\n    const [showConfirmPassword, setShowConfirmPassword] = useState<boolean>(false);\n    const handleShowConfirmPassword = () => setShowConfirmPassword(!showConfirmPassword);\n\n     const FlexBox = styled(Box)(() => ({\n        display: \"flex\",\n        flexDirection: \"column\",\n    }));\n\n    return (\n        <>\n        <Modal \n        open={showModal}\n        onClose={() => setShowModal(false)} \n        children={\n          <>\n            <form onSubmit={handleSubmit(onSubmit)}>\n                <FlexBox gap={4} className=\"popup-change-pass\">\n                  <FlexBox gap={2}>\n                    <Box>\n                      <Typography\n                        align=\"center\"\n                        type=\"h1\"\n                        weight=\"medium\"\n                        color=\"theme.secondary.1000\"\n                      >\n                        Change Password\n                      </Typography>\n                      <Typography\n                        align=\"center\"\n                        type=\"h5\"\n                        weight=\"normal\"\n                        color=\"theme.secondary81000\"\n                      >\n                        Enter Details below\n                      </Typography>\n                    </Box>\n                    <FlexBox gap={2}>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Current Password\"\n                          name=\"current_password\"\n                          type={showCurrentPassword ? \"text\" : \"password\"}\n                          placeholder=\"Enter Current Password\"\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showCurrentPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowCurrentPassword}\n                        />\n                      </Box>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Password\"\n                          name=\"password\"\n                          type={showPassword ? \"text\" : \"password\"}\n                          placeholder=\"Enter Password\"\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowPassword}\n                        />\n                      </Box>\n                      <Box>\n                        <DynamicInput\n                          formControl={control}\n                          label=\"Confirm Password\"\n                          name=\"confirm_password\"\n                          type={showConfirmPassword ? \"text\" : \"password\"}\n                          fieldArrayName=\"login\"\n                          endIcon={\n                            <>\n                              {showConfirmPassword ? (\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\n                              ) : (\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\n                              )}\n                            </>\n                          }\n                          onIconClick={handleShowConfirmPassword} \n                          placeholder=\"Enter confirm password\"\n                        />\n                      </Box>\n                    </FlexBox>\n                  </FlexBox>\n                  <FlexBox gap={2}>\n                    <Button type=\"submit\" size=\"large\" variant=\"contained\">\n                      Change Password\n                    </Button>\n                  </FlexBox>\n                </FlexBox>\n              </form>          \n          </>\n        }\n        />\n        <Toast\n            open={Boolean(toast)}\n            message={toast?.message}\n            type={toast?.type}\n            handleClose={() => setToast(null)}\n            anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\n            autoHideDuration={3000}\n            />\n        </>\n    );\n}\n\nexport { ResetPasswordModal };\nexport default ResetPasswordModal;"],"names":["validationSchema","Yup","object","login","current_password","string","required","password","min","matches","confirm_password","oneOf","ref","ResetPasswordModal","showModal","setShowModal","changeUserPassword","useAuth","toast","setToast","useState","control","handleSubmit","useForm","resolver","yupResolver","mode","showPassword","setShowPassword","showCurrentPassword","setShowCurrentPassword","showConfirmPassword","setShowConfirmPassword","FlexBox","styled","Box","display","flexDirection","jsxs","Fragment","children","jsx","Modal","open","onClose","onSubmit","async","values","message","type","gap","className","Typography","align","weight","color","DynamicInput","formControl","label","name","placeholder","fieldArrayName","endIcon","Eye","fontSize","htmlColor","EyeOff","onIconClick","Button","size","variant","Toast","Boolean","handleClose","anchorOrigin","horizontal","vertical","autoHideDuration"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/reset-password-modal/reset-password-modal.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport Modal from \"../modal/modal\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport { LoginFormValues } from \"../../contexts/AuthContext\";\r\nimport { yupResolver } from \"@hookform/resolvers/yup\";\r\nimport * as Yup from \"yup\";\r\nimport { useAuth } from \"../../hooks/useAuth\";\r\nimport { styled } from \"@mui/system\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Typography from \"../typography/typography\";\r\nimport DynamicInput from \"../form-control/form-builder/form-builder-element/text\";\r\nimport { Eye, EyeOff } from \"../icons\";\r\nimport Button from \"../button/button\";\r\nimport Toast from \"../toast/toast\";\r\n\r\n\r\nconst validationSchema = Yup.object({\r\n  login: Yup.object({\r\n      current_password: Yup.string().required(\"Please enter current password\"),\r\n      password: Yup.string()\r\n                .required(\"Please enter password\")\r\n                .min(8, \"Password must be at least 8 characters\")\r\n                .matches(/[A-Z]/, \"Password must contain at least one uppercase letter\")\r\n                .matches(/[!@#$%^&*(),.?\":{}|<>]/, \"Password must contain at least one special character\"),\r\n      confirm_password: Yup.string().required(\"Please enter confirm password\").oneOf([Yup.ref('password')], \"Passwords must match\"),\r\n  }),\r\n});\r\n\r\n\r\n\r\nconst ResetPasswordModal = ({showModal, setShowModal}) => {\r\n     const { changeUserPassword } = useAuth();\r\n\r\n    // const [showModal, setShowModal] = useState(false);\r\n    const [toast, setToast] = useState<IToast | null>(null);\r\n\r\n    interface FormValeus {\r\n        login: LoginFormValues;\r\n    }\r\n\r\n    const { control, handleSubmit } = useForm<FormValeus>({\r\n      resolver: yupResolver(validationSchema),\r\n      mode: \"all\",\r\n    });\r\n\r\n    const onSubmit = async (values: FormValeus) => {\r\n      await changeUserPassword(values.login, (message, type) => {\r\n        if (type) {\r\n          setToast({ message: message, type: \"normal\" });\r\n          setShowModal(false);\r\n        } else {\r\n          setToast({ message: message, type: \"alert\" });\r\n        }\r\n          // make logout\r\n      });\r\n      return values;      \r\n    };\r\n\r\n    const [showPassword, setShowPassword] = useState<boolean>(false);\r\n    const handleShowPassword = () => setShowPassword(!showPassword);\r\n\r\n    const [showCurrentPassword, setShowCurrentPassword] = useState<boolean>(false);\r\n    const handleShowCurrentPassword = () => setShowCurrentPassword(!showCurrentPassword);\r\n\r\n    const [showConfirmPassword, setShowConfirmPassword] = useState<boolean>(false);\r\n    const handleShowConfirmPassword = () => setShowConfirmPassword(!showConfirmPassword);\r\n\r\n     const FlexBox = styled(Box)(() => ({\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n    }));\r\n\r\n    return (\r\n        <>\r\n        <Modal \r\n        open={showModal}\r\n        onClose={() => setShowModal(false)} \r\n        children={\r\n          <>\r\n            <form onSubmit={handleSubmit(onSubmit)}>\r\n                <FlexBox gap={4} className=\"popup-change-pass\">\r\n                  <FlexBox gap={2}>\r\n                    <Box>\r\n                      <Typography\r\n                        align=\"center\"\r\n                        type=\"h1\"\r\n                        weight=\"medium\"\r\n                        color=\"theme.secondary.1000\"\r\n                      >\r\n                        Change Password\r\n                      </Typography>\r\n                      <Typography\r\n                        align=\"center\"\r\n                        type=\"h5\"\r\n                        weight=\"normal\"\r\n                        color=\"theme.secondary81000\"\r\n                      >\r\n                        Enter Details below\r\n                      </Typography>\r\n                    </Box>\r\n                    <FlexBox gap={2}>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Current Password\"\r\n                          name=\"current_password\"\r\n                          type={showCurrentPassword ? \"text\" : \"password\"}\r\n                          placeholder=\"Enter Current Password\"\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showCurrentPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowCurrentPassword}\r\n                        />\r\n                      </Box>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Password\"\r\n                          name=\"password\"\r\n                          type={showPassword ? \"text\" : \"password\"}\r\n                          placeholder=\"Enter Password\"\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowPassword}\r\n                        />\r\n                      </Box>\r\n                      <Box>\r\n                        <DynamicInput\r\n                          formControl={control}\r\n                          label=\"Confirm Password\"\r\n                          name=\"confirm_password\"\r\n                          type={showConfirmPassword ? \"text\" : \"password\"}\r\n                          fieldArrayName=\"login\"\r\n                          endIcon={\r\n                            <>\r\n                              {showConfirmPassword ? (\r\n                                <Eye fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              ) : (\r\n                                <EyeOff fontSize=\"small\" htmlColor=\"#292D32\" />\r\n                              )}\r\n                            </>\r\n                          }\r\n                          onIconClick={handleShowConfirmPassword} \r\n                          placeholder=\"Enter confirm password\"\r\n                        />\r\n                      </Box>\r\n                    </FlexBox>\r\n                  </FlexBox>\r\n                  <FlexBox gap={2}>\r\n                    <Button type=\"submit\" size=\"large\" variant=\"contained\">\r\n                      Change Password\r\n                    </Button>\r\n                  </FlexBox>\r\n                </FlexBox>\r\n              </form>          \r\n          </>\r\n        }\r\n        />\r\n        <Toast\r\n            open={Boolean(toast)}\r\n            message={toast?.message}\r\n            type={toast?.type}\r\n            handleClose={() => setToast(null)}\r\n            anchorOrigin={{ horizontal: \"right\", vertical: \"bottom\" }}\r\n            autoHideDuration={3000}\r\n            />\r\n        </>\r\n    );\r\n}\r\n\r\nexport { ResetPasswordModal };\nexport default ResetPasswordModal;"],"names":["validationSchema","Yup","object","login","current_password","string","required","password","min","matches","confirm_password","oneOf","ref","ResetPasswordModal","showModal","setShowModal","changeUserPassword","useAuth","toast","setToast","useState","control","handleSubmit","useForm","resolver","yupResolver","mode","showPassword","setShowPassword","showCurrentPassword","setShowCurrentPassword","showConfirmPassword","setShowConfirmPassword","FlexBox","styled","Box","display","flexDirection","jsxs","Fragment","children","jsx","Modal","open","onClose","onSubmit","async","values","message","type","gap","className","Typography","align","weight","color","DynamicInput","formControl","label","name","placeholder","fieldArrayName","endIcon","Eye","fontSize","htmlColor","EyeOff","onIconClick","Button","size","variant","Toast","Boolean","handleClose","anchorOrigin","horizontal","vertical","autoHideDuration"],"mappings":"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"}

package/dist/components/search-bar/search-bar/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/search-bar/search-bar.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { debounce } from \"lodash\";\nimport React, { useState, useEffect, useRef } from \"react\";\nimport { SxProps, TextField, styled, Theme } from \"@mui/material\";\n// import images from \"../../assets/images\";\n\nimport \"./search-bar.scss\";\nimport { Search, SearchStatus } from \"../icons\";\n\nconst StyledSearch = styled(TextField)(({ theme: { palette } }) => ({\n  \"&.MuiTextField-root\": {\n    backgroundColor: palette.theme?.secondary[200],\n    borderRadius: \"0.5rem\",\n    padding: \"0.375rem 0.75rem\",\n  },\n  \"& .MuiOutlinedInput-input\": {\n    fontSize: \"0.875rem\",\n    padding: \"0rem\",\n    paddingLeft: \"1.375rem\",\n  },\n  \".MuiOutlinedInput-notchedOutline\": {\n    border: \"none\",\n  },\n}));\n\ninterface ISearchBar {\n  placeholder?: string;\n  handleSearch: (key: string) => void;\n  debounceTime?: number;\n  className?: string;\n  InputProps?: any;\n  sx?: SxProps<Theme>;\n  isDrivePage?: boolean;\n  searchText?:string\n}\n\nconst SearchBar = ({\n  handleSearch,\n  debounceTime = 300,\n  className,\n  InputProps,\n  isDrivePage,\n  searchText,\n  value = '',\n  ...rest\n}: ISearchBar) => {\n  const [searchTerm, setSearchTerm] = useState(\"\");\n\n  const debouncedSearchRef = useRef<(value: string) => void>();\n\n  // Set `searchTerm` from localStorage on mount and clear `localStorage` if needed\n  useEffect(() => {\n    const initialSearchTerm = isDrivePage ? localStorage.getItem(\"searchTerm\") || \"\" : \"\";\n    setSearchTerm(initialSearchTerm);\n\n    // Set `localStorage` to an empty string on the first render\n    if (isDrivePage) {\n      localStorage.setItem(\"searchTerm\", \"\");\n    }\n  }, [isDrivePage]);\n\n  useEffect(() => {\n    setSearchTerm((typeof searchText=='string' && searchText) || '')\n  }, [searchText])\n\n  // Initialize the debounced function only once\n  useEffect(() => {\n    debouncedSearchRef.current = debounce((value: string) => handleSearch(value), debounceTime);\n    \n    // Cleanup function to cancel debounced call on component unmount\n    return () => {\n      debouncedSearchRef.current?.cancel();\n    };\n  }, [handleSearch, debounceTime]);\n\n  useEffect(() => {\n    setSearchTerm(value || '')\n  }, [])\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    setSearchTerm(value);\n    if (isDrivePage) {\n      localStorage.setItem(\"searchTerm\", value);\n    }\n\n    // Call the debounced search function\n    if (debouncedSearchRef.current) {\n      debouncedSearchRef.current(value);\n    }\n  };\n\n  const handleKeyDown = (event: any) => {\n    event.stopPropagation();\n  };\n\n  const handleClick = (event: any) => {\n    event.stopPropagation();\n  };\n\n  return (\n    <div className={`${className} search-wrapper`}>\n      <StyledSearch\n        fullWidth\n        className=\"s3\"\n        value={searchTerm}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        autoComplete=\"off\"\n        InputProps={InputProps}\n        {...rest}\n      />\n      <span className=\"search-icon\">\n        {\n          searchTerm ?\n          <SearchStatus fontSize=\"small\" sx={{ color: searchTerm ? \"grey.900\": \"grey.700\" }}/> : \n          <Search fontSize=\"small\" sx={{ color: searchTerm ? \"grey.900\": \"grey.700\" }}/>\n        }\n      </span>\n      {/* <img src={images.search} alt=\"search icon\" /> */}\n    </div>\n  );\n};\n\nexport { SearchBar };\nexport default SearchBar;\n"],"names":["value"],"mappings":";;;;;;;;AASA,MAAM,eAAe,OAAO,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAClE,uBAAuB;AAAA,MACrB,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAC1C,cAAc;AAAA,MACd,SAAS;AAAA,IAAA;AAAA,IAEX,6BAA6B;AAAA,MAC3B,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,oCAAoC;AAAA,MAClC,QAAQ;AAAA,IAAA;AAAA,EAEZ;AAAA,CAAE;AAaF,MAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,MAAkB;AAChB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAE/C,QAAM,qBAAqB,OAAA;AAG3B,YAAU,MAAM;AACd,UAAM,oBAAoB,cAAc,aAAa,QAAQ,YAAY,KAAK,KAAK;AACnF,kBAAc,iBAAiB;AAG/B,QAAI,aAAa;AACf,mBAAa,QAAQ,cAAc,EAAE;AAAA,IACvC;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,YAAU,MAAM;AACd,kBAAe,OAAO,cAAY,YAAY,cAAe,EAAE;AAAA,EACjE,GAAG,CAAC,UAAU,CAAC;AAGf,YAAU,MAAM;AACd,uBAAmB,UAAU,SAAS,CAACA,WAAkB,aAAaA,MAAK,GAAG,YAAY;AAG1F,WAAO,MAAM;;AACX,+BAAmB,YAAnB,mBAA4B;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,cAAc,YAAY,CAAC;AAE/B,YAAU,MAAM;AACd,kBAAc,SAAS,EAAE;AAAA,EAC3B,GAAG,CAAA,CAAE;AAEL,QAAM,eAAe,CAAC,MAA2C;AAC/D,UAAMA,SAAQ,EAAE,OAAO;AACvB,kBAAcA,MAAK;AACnB,QAAI,aAAa;AACf,mBAAa,QAAQ,cAAcA,MAAK;AAAA,IAC1C;AAGA,QAAI,mBAAmB,SAAS;AAC9B,yBAAmB,QAAQA,MAAK;AAAA,IAClC;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,UAAe;AACpC,UAAM,gBAAA;AAAA,EACR;AAEA,QAAM,cAAc,CAAC,UAAe;AAClC,UAAM,gBAAA;AAAA,EACR;AAEA,SACE,qBAAC,OAAA,EAAI,WAAW,GAAG,SAAS,mBAC1B,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,WAAU;AAAA,QACV,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,QACX,SAAS;AAAA,QACT,cAAa;AAAA,QACb;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAEN,oBAAC,QAAA,EAAK,WAAU,eAEZ,UAAA,aACA,oBAAC,cAAA,EAAa,UAAS,SAAQ,IAAI,EAAE,OAAO,aAAa,aAAY,WAAA,EAAW,CAAE,IAClF,oBAAC,QAAA,EAAO,UAAS,SAAQ,IAAI,EAAE,OAAO,aAAa,aAAY,WAAA,EAAW,CAAE,EAAA,CAEhF;AAAA,EAAA,GAEF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/search-bar/search-bar.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { debounce } from \"lodash\";\r\nimport React, { useState, useEffect, useRef } from \"react\";\r\nimport { SxProps, TextField, styled, Theme } from \"@mui/material\";\r\n// import images from \"../../assets/images\";\r\n\r\nimport \"./search-bar.scss\";\r\nimport { Search, SearchStatus } from \"../icons\";\r\n\r\nconst StyledSearch = styled(TextField)(({ theme: { palette } }) => ({\r\n  \"&.MuiTextField-root\": {\r\n    backgroundColor: palette.theme?.secondary[200],\r\n    borderRadius: \"0.5rem\",\r\n    padding: \"0.375rem 0.75rem\",\r\n  },\r\n  \"& .MuiOutlinedInput-input\": {\r\n    fontSize: \"0.875rem\",\r\n    padding: \"0rem\",\r\n    paddingLeft: \"1.375rem\",\r\n  },\r\n  \".MuiOutlinedInput-notchedOutline\": {\r\n    border: \"none\",\r\n  },\r\n}));\r\n\r\ninterface ISearchBar {\r\n  placeholder?: string;\r\n  handleSearch: (key: string) => void;\r\n  debounceTime?: number;\r\n  className?: string;\r\n  InputProps?: any;\r\n  sx?: SxProps<Theme>;\r\n  isDrivePage?: boolean;\r\n  searchText?:string\r\n}\r\n\r\nconst SearchBar = ({\r\n  handleSearch,\r\n  debounceTime = 300,\r\n  className,\r\n  InputProps,\r\n  isDrivePage,\r\n  searchText,\r\n  value = '',\r\n  ...rest\r\n}: ISearchBar) => {\r\n  const [searchTerm, setSearchTerm] = useState(\"\");\r\n\r\n  const debouncedSearchRef = useRef<(value: string) => void>();\r\n\r\n  // Set `searchTerm` from localStorage on mount and clear `localStorage` if needed\r\n  useEffect(() => {\r\n    const initialSearchTerm = isDrivePage ? localStorage.getItem(\"searchTerm\") || \"\" : \"\";\r\n    setSearchTerm(initialSearchTerm);\r\n\r\n    // Set `localStorage` to an empty string on the first render\r\n    if (isDrivePage) {\r\n      localStorage.setItem(\"searchTerm\", \"\");\r\n    }\r\n  }, [isDrivePage]);\r\n\r\n  useEffect(() => {\r\n    setSearchTerm((typeof searchText=='string' && searchText) || '')\r\n  }, [searchText])\r\n\r\n  // Initialize the debounced function only once\r\n  useEffect(() => {\r\n    debouncedSearchRef.current = debounce((value: string) => handleSearch(value), debounceTime);\r\n    \r\n    // Cleanup function to cancel debounced call on component unmount\r\n    return () => {\r\n      debouncedSearchRef.current?.cancel();\r\n    };\r\n  }, [handleSearch, debounceTime]);\r\n\r\n  useEffect(() => {\r\n    setSearchTerm(value || '')\r\n  }, [])\r\n\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const value = e.target.value;\r\n    setSearchTerm(value);\r\n    if (isDrivePage) {\r\n      localStorage.setItem(\"searchTerm\", value);\r\n    }\r\n\r\n    // Call the debounced search function\r\n    if (debouncedSearchRef.current) {\r\n      debouncedSearchRef.current(value);\r\n    }\r\n  };\r\n\r\n  const handleKeyDown = (event: any) => {\r\n    event.stopPropagation();\r\n  };\r\n\r\n  const handleClick = (event: any) => {\r\n    event.stopPropagation();\r\n  };\r\n\r\n  return (\r\n    <div className={`${className} search-wrapper`}>\r\n      <StyledSearch\r\n        fullWidth\r\n        className=\"s3\"\r\n        value={searchTerm}\r\n        onChange={handleChange}\r\n        onKeyDown={handleKeyDown}\r\n        onClick={handleClick}\r\n        autoComplete=\"off\"\r\n        InputProps={InputProps}\r\n        {...rest}\r\n      />\r\n      <span className=\"search-icon\">\r\n        {\r\n          searchTerm ?\r\n          <SearchStatus fontSize=\"small\" sx={{ color: searchTerm ? \"grey.900\": \"grey.700\" }}/> : \r\n          <Search fontSize=\"small\" sx={{ color: searchTerm ? \"grey.900\": \"grey.700\" }}/>\r\n        }\r\n      </span>\r\n      {/* <img src={images.search} alt=\"search icon\" /> */}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport { SearchBar };\r\nexport default SearchBar;\r\n"],"names":["value"],"mappings":";;;;;;;;AASA,MAAM,eAAe,OAAO,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,IAClE,uBAAuB;AAAA,MACrB,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAC1C,cAAc;AAAA,MACd,SAAS;AAAA,IAAA;AAAA,IAEX,6BAA6B;AAAA,MAC3B,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,oCAAoC;AAAA,MAClC,QAAQ;AAAA,IAAA;AAAA,EAEZ;AAAA,CAAE;AAaF,MAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,MAAkB;AAChB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAE/C,QAAM,qBAAqB,OAAA;AAG3B,YAAU,MAAM;AACd,UAAM,oBAAoB,cAAc,aAAa,QAAQ,YAAY,KAAK,KAAK;AACnF,kBAAc,iBAAiB;AAG/B,QAAI,aAAa;AACf,mBAAa,QAAQ,cAAc,EAAE;AAAA,IACvC;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,YAAU,MAAM;AACd,kBAAe,OAAO,cAAY,YAAY,cAAe,EAAE;AAAA,EACjE,GAAG,CAAC,UAAU,CAAC;AAGf,YAAU,MAAM;AACd,uBAAmB,UAAU,SAAS,CAACA,WAAkB,aAAaA,MAAK,GAAG,YAAY;AAG1F,WAAO,MAAM;;AACX,+BAAmB,YAAnB,mBAA4B;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,cAAc,YAAY,CAAC;AAE/B,YAAU,MAAM;AACd,kBAAc,SAAS,EAAE;AAAA,EAC3B,GAAG,CAAA,CAAE;AAEL,QAAM,eAAe,CAAC,MAA2C;AAC/D,UAAMA,SAAQ,EAAE,OAAO;AACvB,kBAAcA,MAAK;AACnB,QAAI,aAAa;AACf,mBAAa,QAAQ,cAAcA,MAAK;AAAA,IAC1C;AAGA,QAAI,mBAAmB,SAAS;AAC9B,yBAAmB,QAAQA,MAAK;AAAA,IAClC;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,UAAe;AACpC,UAAM,gBAAA;AAAA,EACR;AAEA,QAAM,cAAc,CAAC,UAAe;AAClC,UAAM,gBAAA;AAAA,EACR;AAEA,SACE,qBAAC,OAAA,EAAI,WAAW,GAAG,SAAS,mBAC1B,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,WAAU;AAAA,QACV,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,QACX,SAAS;AAAA,QACT,cAAa;AAAA,QACb;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAEN,oBAAC,QAAA,EAAK,WAAU,eAEZ,UAAA,aACA,oBAAC,cAAA,EAAa,UAAS,SAAQ,IAAI,EAAE,OAAO,aAAa,aAAY,WAAA,EAAW,CAAE,IAClF,oBAAC,QAAA,EAAO,UAAS,SAAQ,IAAI,EAAE,OAAO,aAAa,aAAY,WAAA,EAAW,CAAE,EAAA,CAEhF;AAAA,EAAA,GAEF;AAEJ;"}

package/dist/components/search-bar/search-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/search-bar/search-bar.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { debounce } from \"lodash\";\nimport React, { useState, useEffect, useRef } from \"react\";\nimport { SxProps, TextField, styled, Theme } from \"@mui/material\";\n// import images from \"../../assets/images\";\n\nimport \"./search-bar.scss\";\nimport { Search, SearchStatus } from \"../icons\";\n\nconst StyledSearch = styled(TextField)(({ theme: { palette } }) => ({\n  \"&.MuiTextField-root\": {\n    backgroundColor: palette.theme?.secondary[200],\n    borderRadius: \"0.5rem\",\n    padding: \"0.375rem 0.75rem\",\n  },\n  \"& .MuiOutlinedInput-input\": {\n    fontSize: \"0.875rem\",\n    padding: \"0rem\",\n    paddingLeft: \"1.375rem\",\n  },\n  \".MuiOutlinedInput-notchedOutline\": {\n    border: \"none\",\n  },\n}));\n\ninterface ISearchBar {\n  placeholder?: string;\n  handleSearch: (key: string) => void;\n  debounceTime?: number;\n  className?: string;\n  InputProps?: any;\n  sx?: SxProps<Theme>;\n  isDrivePage?: boolean;\n  searchText?:string\n}\n\nconst SearchBar = ({\n  handleSearch,\n  debounceTime = 300,\n  className,\n  InputProps,\n  isDrivePage,\n  searchText,\n  value = '',\n  ...rest\n}: ISearchBar) => {\n  const [searchTerm, setSearchTerm] = useState(\"\");\n\n  const debouncedSearchRef = useRef<(value: string) => void>();\n\n  // Set `searchTerm` from localStorage on mount and clear `localStorage` if needed\n  useEffect(() => {\n    const initialSearchTerm = isDrivePage ? localStorage.getItem(\"searchTerm\") || \"\" : \"\";\n    setSearchTerm(initialSearchTerm);\n\n    // Set `localStorage` to an empty string on the first render\n    if (isDrivePage) {\n      localStorage.setItem(\"searchTerm\", \"\");\n    }\n  }, [isDrivePage]);\n\n  useEffect(() => {\n    setSearchTerm((typeof searchText=='string' && searchText) || '')\n  }, [searchText])\n\n  // Initialize the debounced function only once\n  useEffect(() => {\n    debouncedSearchRef.current = debounce((value: string) => handleSearch(value), debounceTime);\n    \n    // Cleanup function to cancel debounced call on component unmount\n    return () => {\n      debouncedSearchRef.current?.cancel();\n    };\n  }, [handleSearch, debounceTime]);\n\n  useEffect(() => {\n    setSearchTerm(value || '')\n  }, [])\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n    setSearchTerm(value);\n    if (isDrivePage) {\n      localStorage.setItem(\"searchTerm\", value);\n    }\n\n    // Call the debounced search function\n    if (debouncedSearchRef.current) {\n      debouncedSearchRef.current(value);\n    }\n  };\n\n  const handleKeyDown = (event: any) => {\n    event.stopPropagation();\n  };\n\n  const handleClick = (event: any) => {\n    event.stopPropagation();\n  };\n\n  return (\n    <div className={`${className} search-wrapper`}>\n      <StyledSearch\n        fullWidth\n        className=\"s3\"\n        value={searchTerm}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        autoComplete=\"off\"\n        InputProps={InputProps}\n        {...rest}\n      />\n      <span className=\"search-icon\">\n        {\n          searchTerm ?\n          <SearchStatus fontSize=\"small\" sx={{ color: searchTerm ? \"grey.900\": \"grey.700\" }}/> : \n          <Search fontSize=\"small\" sx={{ color: searchTerm ? \"grey.900\": \"grey.700\" }}/>\n        }\n      </span>\n      {/* <img src={images.search} alt=\"search icon\" /> */}\n    </div>\n  );\n};\n\nexport { SearchBar };\nexport default SearchBar;\n"],"names":["StyledSearch","styled","TextField","theme","palette","backgroundColor","_a","secondary","borderRadius","padding","fontSize","paddingLeft","border","SearchBar","handleSearch","debounceTime","className","InputProps","isDrivePage","searchText","value","rest","searchTerm","setSearchTerm","useState","debouncedSearchRef","useRef","useEffect","initialSearchTerm","localStorage","getItem","setItem","current","debounce","cancel","jsxs","children","jsx","fullWidth","onChange","e","target","onKeyDown","event","stopPropagation","onClick","autoComplete","SearchStatus","sx","color","Search"],"mappings":"waASA,MAAMA,EAAeC,EAAAA,QAAOC,UAAPD,CAAkB,EAAGE,OAASC,qBAAiB,MAAA,CAClE,sBAAuB,CACrBC,gBAAiB,OAAAC,EAAAF,EAAQD,YAAR,EAAAG,EAAeC,UAAU,KAC1CC,aAAc,SACdC,QAAS,oBAEX,4BAA6B,CAC3BC,SAAU,WACVD,QAAS,OACTE,YAAa,YAEf,mCAAoC,CAClCC,OAAQ,WAeNC,EAAY,EAChBC,eACAC,eAAe,IACfC,YACAC,aACAC,cACAC,aACAC,QAAQ,MACLC,MAEH,MAAOC,EAAYC,GAAiBC,EAAAA,SAAS,IAEvCC,EAAqBC,EAAAA,SAoD3B,OAjDAC,EAAAA,UAAU,KACR,MAAMC,EAAoBV,GAAcW,aAAaC,QAAQ,eAAsB,GACnFP,EAAcK,GAGVV,GACFW,aAAaE,QAAQ,aAAc,KAEpC,CAACb,IAEJS,EAAAA,UAAU,KACRJ,EAAkC,iBAAZJ,GAAwBA,GAAe,KAC5D,CAACA,IAGJQ,EAAAA,UAAU,KACRF,EAAmBO,QAAUC,WAAUb,GAAkBN,EAAaM,GAAQL,GAGvE,WACL,OAAAT,EAAAmB,EAAmBO,UAAnB1B,EAA4B4B,WAE7B,CAACpB,EAAcC,IAElBY,EAAAA,UAAU,KACRJ,EAAcH,GAAS,KACtB,mBAwBDe,EAAAA,KAAC,MAAA,CAAInB,UAAW,GAAGA,mBACjBoB,SAAA;eAAAC,EAAAA,IAACrC,EAAA,CACCsC,WAAS,EACTtB,UAAU,KACVI,MAAOE,EACPiB,SA3BgBC,IACpB,MAAMpB,EAAQoB,EAAEC,OAAOrB,MACvBG,EAAcH,GACVF,GACFW,aAAaE,QAAQ,aAAcX,GAIjCK,EAAmBO,SACrBP,EAAmBO,QAAQZ,IAmBzBsB,UAfiBC,IACrBA,EAAMC,mBAeFC,QAZeF,IACnBA,EAAMC,mBAYFE,aAAa,MACb7B,gBACII;iBAENgB,IAAC,OAAA,CAAKrB,UAAU,cAEZoB,SAAAd,iBACAe,EAAAA,IAACU,EAAAA,aAAA,CAAarC,SAAS,QAAQsC,GAAI,CAAEC,MAAO3B,EAAa,WAAY,6BACrEe,EAAAA,IAACa,EAAAA,OAAA,CAAOxC,SAAS,QAAQsC,GAAI,CAAEC,MAAO3B,EAAa,WAAY"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/search-bar/search-bar.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\r\nimport { debounce } from \"lodash\";\r\nimport React, { useState, useEffect, useRef } from \"react\";\r\nimport { SxProps, TextField, styled, Theme } from \"@mui/material\";\r\n// import images from \"../../assets/images\";\r\n\r\nimport \"./search-bar.scss\";\r\nimport { Search, SearchStatus } from \"../icons\";\r\n\r\nconst StyledSearch = styled(TextField)(({ theme: { palette } }) => ({\r\n  \"&.MuiTextField-root\": {\r\n    backgroundColor: palette.theme?.secondary[200],\r\n    borderRadius: \"0.5rem\",\r\n    padding: \"0.375rem 0.75rem\",\r\n  },\r\n  \"& .MuiOutlinedInput-input\": {\r\n    fontSize: \"0.875rem\",\r\n    padding: \"0rem\",\r\n    paddingLeft: \"1.375rem\",\r\n  },\r\n  \".MuiOutlinedInput-notchedOutline\": {\r\n    border: \"none\",\r\n  },\r\n}));\r\n\r\ninterface ISearchBar {\r\n  placeholder?: string;\r\n  handleSearch: (key: string) => void;\r\n  debounceTime?: number;\r\n  className?: string;\r\n  InputProps?: any;\r\n  sx?: SxProps<Theme>;\r\n  isDrivePage?: boolean;\r\n  searchText?:string\r\n}\r\n\r\nconst SearchBar = ({\r\n  handleSearch,\r\n  debounceTime = 300,\r\n  className,\r\n  InputProps,\r\n  isDrivePage,\r\n  searchText,\r\n  value = '',\r\n  ...rest\r\n}: ISearchBar) => {\r\n  const [searchTerm, setSearchTerm] = useState(\"\");\r\n\r\n  const debouncedSearchRef = useRef<(value: string) => void>();\r\n\r\n  // Set `searchTerm` from localStorage on mount and clear `localStorage` if needed\r\n  useEffect(() => {\r\n    const initialSearchTerm = isDrivePage ? localStorage.getItem(\"searchTerm\") || \"\" : \"\";\r\n    setSearchTerm(initialSearchTerm);\r\n\r\n    // Set `localStorage` to an empty string on the first render\r\n    if (isDrivePage) {\r\n      localStorage.setItem(\"searchTerm\", \"\");\r\n    }\r\n  }, [isDrivePage]);\r\n\r\n  useEffect(() => {\r\n    setSearchTerm((typeof searchText=='string' && searchText) || '')\r\n  }, [searchText])\r\n\r\n  // Initialize the debounced function only once\r\n  useEffect(() => {\r\n    debouncedSearchRef.current = debounce((value: string) => handleSearch(value), debounceTime);\r\n    \r\n    // Cleanup function to cancel debounced call on component unmount\r\n    return () => {\r\n      debouncedSearchRef.current?.cancel();\r\n    };\r\n  }, [handleSearch, debounceTime]);\r\n\r\n  useEffect(() => {\r\n    setSearchTerm(value || '')\r\n  }, [])\r\n\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const value = e.target.value;\r\n    setSearchTerm(value);\r\n    if (isDrivePage) {\r\n      localStorage.setItem(\"searchTerm\", value);\r\n    }\r\n\r\n    // Call the debounced search function\r\n    if (debouncedSearchRef.current) {\r\n      debouncedSearchRef.current(value);\r\n    }\r\n  };\r\n\r\n  const handleKeyDown = (event: any) => {\r\n    event.stopPropagation();\r\n  };\r\n\r\n  const handleClick = (event: any) => {\r\n    event.stopPropagation();\r\n  };\r\n\r\n  return (\r\n    <div className={`${className} search-wrapper`}>\r\n      <StyledSearch\r\n        fullWidth\r\n        className=\"s3\"\r\n        value={searchTerm}\r\n        onChange={handleChange}\r\n        onKeyDown={handleKeyDown}\r\n        onClick={handleClick}\r\n        autoComplete=\"off\"\r\n        InputProps={InputProps}\r\n        {...rest}\r\n      />\r\n      <span className=\"search-icon\">\r\n        {\r\n          searchTerm ?\r\n          <SearchStatus fontSize=\"small\" sx={{ color: searchTerm ? \"grey.900\": \"grey.700\" }}/> : \r\n          <Search fontSize=\"small\" sx={{ color: searchTerm ? \"grey.900\": \"grey.700\" }}/>\r\n        }\r\n      </span>\r\n      {/* <img src={images.search} alt=\"search icon\" /> */}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport { SearchBar };\r\nexport default SearchBar;\r\n"],"names":["StyledSearch","styled","TextField","theme","palette","backgroundColor","_a","secondary","borderRadius","padding","fontSize","paddingLeft","border","SearchBar","handleSearch","debounceTime","className","InputProps","isDrivePage","searchText","value","rest","searchTerm","setSearchTerm","useState","debouncedSearchRef","useRef","useEffect","initialSearchTerm","localStorage","getItem","setItem","current","debounce","cancel","jsxs","children","jsx","fullWidth","onChange","e","target","onKeyDown","event","stopPropagation","onClick","autoComplete","SearchStatus","sx","color","Search"],"mappings":"waASA,MAAMA,EAAeC,EAAAA,QAAOC,UAAPD,CAAkB,EAAGE,OAASC,qBAAiB,MAAA,CAClE,sBAAuB,CACrBC,gBAAiB,OAAAC,EAAAF,EAAQD,YAAR,EAAAG,EAAeC,UAAU,KAC1CC,aAAc,SACdC,QAAS,oBAEX,4BAA6B,CAC3BC,SAAU,WACVD,QAAS,OACTE,YAAa,YAEf,mCAAoC,CAClCC,OAAQ,WAeNC,EAAY,EAChBC,eACAC,eAAe,IACfC,YACAC,aACAC,cACAC,aACAC,QAAQ,MACLC,MAEH,MAAOC,EAAYC,GAAiBC,EAAAA,SAAS,IAEvCC,EAAqBC,EAAAA,SAoD3B,OAjDAC,EAAAA,UAAU,KACR,MAAMC,EAAoBV,GAAcW,aAAaC,QAAQ,eAAsB,GACnFP,EAAcK,GAGVV,GACFW,aAAaE,QAAQ,aAAc,KAEpC,CAACb,IAEJS,EAAAA,UAAU,KACRJ,EAAkC,iBAAZJ,GAAwBA,GAAe,KAC5D,CAACA,IAGJQ,EAAAA,UAAU,KACRF,EAAmBO,QAAUC,WAAUb,GAAkBN,EAAaM,GAAQL,GAGvE,WACL,OAAAT,EAAAmB,EAAmBO,UAAnB1B,EAA4B4B,WAE7B,CAACpB,EAAcC,IAElBY,EAAAA,UAAU,KACRJ,EAAcH,GAAS,KACtB,mBAwBDe,EAAAA,KAAC,MAAA,CAAInB,UAAW,GAAGA,mBACjBoB,SAAA;eAAAC,EAAAA,IAACrC,EAAA,CACCsC,WAAS,EACTtB,UAAU,KACVI,MAAOE,EACPiB,SA3BgBC,IACpB,MAAMpB,EAAQoB,EAAEC,OAAOrB,MACvBG,EAAcH,GACVF,GACFW,aAAaE,QAAQ,aAAcX,GAIjCK,EAAmBO,SACrBP,EAAmBO,QAAQZ,IAmBzBsB,UAfiBC,IACrBA,EAAMC,mBAeFC,QAZeF,IACnBA,EAAMC,mBAYFE,aAAa,MACb7B,gBACII;iBAENgB,IAAC,OAAA,CAAKrB,UAAU,cAEZoB,SAAAd,iBACAe,EAAAA,IAACU,EAAAA,aAAA,CAAarC,SAAS,QAAQsC,GAAI,CAAEC,MAAO3B,EAAa,WAAY,6BACrEe,EAAAA,IAACa,EAAAA,OAAA,CAAOxC,SAAS,QAAQsC,GAAI,CAAEC,MAAO3B,EAAa,WAAY"}