@erpsquad/common 1.8.98 → 1.8.100

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/header/header.tsx"],"sourcesContent":["// components/header/Header.tsx - Complete updated version with English fallback\nimport React, { useState, useCallback, useMemo } from \"react\";\nimport { Link, matchRoutes, useLocation, useNavigate } from \"react-router-dom\";\nimport Box from \"@mui/material/Box\";\nimport { useTranslation } from \"react-i18next\";\nimport LockIcon from \"@mui/icons-material/Lock\";\nimport IconButton from \"@mui/material/IconButton\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport Menu from \"@mui/material/Menu\";\nimport KeyboardBackspaceIcon from \"@mui/icons-material/KeyboardBackspace\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Divider from \"@mui/material/Divider\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\n\n\nimport { Pathname } from \"../../constants/pathnames/pathname\"; // Removed - should be passed as props\nimport Typography from \"../typography/typography\";\nimport logo, { images } from \"../../assets/images\";\nimport Select from \"../select/select\";\nimport modules from \"../../constants/modules\"; // Removed - should be passed as props\nimport Avatar from \"../avatar/avatar\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport ConfirmPopUp from \"../confirm-modal/confirm-modal\";\nimport formatText from \"../../utils/format-text\";\nimport \"./header.scss\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { Eye } from \"../icons\";\nimport ResetPasswordModal from \"../reset-password-modal/reset-password-modal\";\nimport NotificationMenu from \"./components/notification-menu/notification-menu\";\n\ninterface ILanguage {\n  label: string;\n  code: string;\n  direction: string;\n}\n\ninterface IModule {\n  label: any;\n  link: string;\n  sidebar: string;\n  icon: string;\n  permission: string;\n  bg: string;\n  connectedRoutes: string[];\n  translationModule: string;\n}\n\n\nexport function Header(props: any): React.ReactElement {\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n  const location = useLocation();\n  const { logout, user } = useAuth();\n  \n  const { \n    languages, \n    currentLanguage, \n    changeLanguage, \n    isLoading: languagesLoading,\n    error: languageContextError,\n    isFallbackActive,\n    fetchLanguages,\n    isRtl\n  } = useLanguage();\n  \n  const { pathname } = location;\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const [logoutConfirmation, setLogoutConfirmation] = useState<boolean>(false);\n  const [localLanguageError, setLocalLanguageError] = useState<string | null>(null);\n  const [showModal, setShowModal] = useState(false);\n\n  const u_data = localStorage.getItem(\"_u_data\") || undefined;\n  const userData = u_data ? JSON.parse(u_data) : \"\";\n  const isMenuOpen = Boolean(anchorEl);\n\n  const handleLogoutConfirmation = () =>\n    setLogoutConfirmation(!logoutConfirmation);\n\n  const checkMatchedRoutes = useCallback(\n    (paths: string[] | string) => {\n      const shouldMatch: { path: string }[] = Array.isArray(paths)\n        ? paths.map((path: string) => ({ path }))\n        : [{ path: paths }];\n\n      return Boolean(matchRoutes(shouldMatch, location));\n    },\n    [location],\n  );\n\n  const erp_modules = useMemo<IModule[]>(() => modules(t), [t]);\n\n  const selectedModule = useMemo<IModule | null>(() => {\n    return (\n      erp_modules.find(\n        (module: IModule) =>\n          module?.link?.toLowerCase() === pathname.toLowerCase() ||\n          checkMatchedRoutes(module.connectedRoutes),\n      ) || null\n    );\n  }, [erp_modules, pathname, checkMatchedRoutes]);\n\n  const handleChangePasswordView = () => {\n    setShowModal(true);\n  }\n\n  // Enhanced language change handler with validation and error handling\n  const onChangeLang = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    const lang_code = e.target.value;\n    \n    // Clear any previous errors\n    setLocalLanguageError(null);\n    \n    // Validate the language exists before changing\n    if (!languages || languages.length === 0) {\n      const errorMsg = t('header.language_not_available') || 'Languages not available';\n      setLocalLanguageError(errorMsg);\n      return;\n    }\n    \n    const languageExists = languages.some((lang: ILanguage) => lang.code === lang_code);\n    \n    if (languageExists) {\n      try {\n        changeLanguage(lang_code);\n      } catch (error) {\n        const errorMsg = error instanceof Error ? error.message : 'Failed to change language';\n        setLocalLanguageError(errorMsg);\n      }\n    } else {\n      const errorMsg = t('header.language_not_found', { language: lang_code }) || \n                     `Selected language \"${lang_code}\" is not available`;\n      setLocalLanguageError(errorMsg);\n    }\n  };\n\n  // Retry language loading\n  const handleRetryLanguages = async () => {\n    setLocalLanguageError(null);\n    try {\n      await fetchLanguages();\n    } catch (error) {\n      const errorMsg = 'Failed to reload languages';\n      setLocalLanguageError(errorMsg);\n    }\n  };\n\n\n  const handleProfileMenuOpen = (event: React.MouseEvent<HTMLElement>) =>\n    setAnchorEl(event.currentTarget);\n\n  const handleMenuClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleChange = (event: any) => {\n    const selectedLink = event.target.value;\n    setTimeout(() => {\n      navigate(selectedLink);\n    }, 300);\n  };\n\n  const handleBackButton = () => {\n    window.history.back();\n  };\n\n  // Get current language display value with fallback indication\n  const getCurrentLanguageDisplay = (): string => {\n    if (!currentLanguage) return t('header.select_language') || 'Select Language';\n    \n    // Show fallback indicator for better UX\n    if (isFallbackActive || languageContextError) {\n      return `${currentLanguage.label}`;\n    }\n    \n    return currentLanguage.label;\n  };\n\n  // Create English fallback for consistent display\n  const createEnglishFallback = (): ILanguage => ({\n    code: 'en',\n    label: 'English',\n    direction: 'ltr'\n  });\n\n  // Get languages for dropdown - ensure English is always available\n  const getLanguagesForDropdown = (): ILanguage[] => {\n    if (!languages || languages.length === 0) {\n      // If no languages available, show only English\n      return [createEnglishFallback()];\n    }\n    \n    // Ensure English is in the list\n    const hasEnglish = languages.some(lang => lang.code === 'en');\n    if (!hasEnglish) {\n      return [createEnglishFallback(), ...languages];\n    }\n    \n    return languages;\n  };\n\n  // Render language selector based on different states\n  const renderLanguageSelector = () => {\n    const availableLanguages = getLanguagesForDropdown();\n    const displayValue = currentLanguage?.code || 'en'; // Default to English\n\n    // Loading state\n    if (languagesLoading) {\n      return (\n        <Box className=\"language-loading\">\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Loading...'}\n          </Typography>\n        </Box>\n      );\n    }\n\n    // Always show dropdown with at least English available\n    return (\n      <Select\n        onChange={onChangeLang}\n        size=\"small\"\n        value={displayValue}\n        renderValue={() => getCurrentLanguageDisplay()}\n        error={!!localLanguageError}\n        className={isFallbackActive || languageContextError ? 'language-fallback-active' : ''}\n        \n      >\n        {availableLanguages.map(({ code, label }: ILanguage) => (\n          <MenuItem key={code} value={code}>\n            <Typography\n              type=\"s4\"\n              weight=\"medium\"\n              color=\"theme.secondary.1000\"\n             \n            >\n              {label}\n              {/* Show fallback indicator in dropdown */}\n              {/* {(isFallbackActive || languageContextError) && code === 'en' && \n                ` (${t('header.fallback') || 'Fallback'})`\n              } */}\n            </Typography>\n          </MenuItem>\n        ))}\n        \n        {/* Show retry option if there's an error */}\n        {languageContextError && (\n          <MenuItem onClick={handleRetryLanguages} style={{ fontStyle: 'italic' }}>\n            <Typography\n              type=\"s4\"\n              weight=\"medium\"\n              color=\"theme.secondary.500\"\n            >\n              🔄 {t('header.retry_languages') || 'Retry loading languages'}\n            </Typography>\n          </MenuItem>\n        )}\n      </Select>\n    );\n  };\n\n  const menuId = \"primary-search-account-menu\";\n  const renderMenu = (\n    <Menu\n      className=\"main-profile-menu\"\n      anchorEl={anchorEl}\n      id={menuId}\n      keepMounted\n      open={isMenuOpen}\n      onClose={handleMenuClose}\n    >\n      <MenuItem className=\"user-assigned\">\n        <span>{t('common.assigned_roles') || 'Assigned roles'}</span>\n      </MenuItem>\n      <MenuItem className=\"user-data-wrap\" value={userData.role_id}>\n        <ListItemIcon>\n          <Avatar size={27} alt={userData.role_name} />\n        </ListItemIcon>\n        <ListItemText className=\"size15\">\n          {userData.role_name}\n        </ListItemText>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          <img src={images.tickicon} alt=\"Active\" />\n        </Typography>\n      </MenuItem>\n      <Divider />\n      <MenuItem\n        className=\"user-assigned\"\n        onClick={() => {\n          handleChangePasswordView();\n          setAnchorEl(null);\n        }}\n      >\n        <ListItemIcon>\n          <Eye fontSize=\"medium\" width={20} height={20} htmlColor=\"#292D32\" />\n        </ListItemIcon>\n        <ListItemText className=\"size15\">{t(\"common.change_password\")}</ListItemText>\n      </MenuItem>\n      <Divider />\n      <MenuItem\n        className=\"menu-item-color\"\n        onClick={() => {\n          handleLogoutConfirmation();\n          setAnchorEl(null);\n        }}\n      >\n        <ListItemIcon>\n          <img src={images.logout} alt=\"logout\" />\n        </ListItemIcon>\n        <ListItemText className=\"size15\">{t(\"common.logout\")}</ListItemText>\n      </MenuItem>\n    </Menu>\n  );\n\n  return (\n    <>\n      <Box className=\"main-box\">\n        {!props.isDropdownShow && (\n          <Link to={user ? Pathname.DASHBOARD : Pathname.LOGIN}>\n            <img src={images.logo} alt=\"logo\" />\n          </Link>\n        )}\n        <Box className=\"second-box\">\n          {props.isDropdownShow && (\n            <>\n            <IconButton onClick={handleBackButton}>\n              <KeyboardBackspaceIcon\n                className={isRtl?\"arrow-pointer_rtl\":\"arrow-pointer\"}\n              />\n            </IconButton>\n              <Box width={250}>\n                <Select\n                  fullWidth\n                  placeholder=\"Placeholder\"\n                  size={\"small\"}\n                  value={selectedModule?.link || \"\"}\n                  onChange={handleChange}\n                  className=\"select-box\"\n                  variant=\"outlined\"\n                  renderValue={(value: string) => (\n                    <>\n                      {selectedModule ? (\n                        <Box className=\"selected-menu-box\">\n                          <img\n                            src={selectedModule.icon}\n                            alt={selectedModule.label}\n                          />\n                          {selectedModule.label}\n                        </Box>\n                      ) : (\n                        value\n                      )}\n                    </>\n                  )}\n                >\n                  {erp_modules.map((module: any, index: number) => (\n                    <MenuItem\n                      className=\"select-box-menu-item\"\n                      value={module.link}\n                      key={index}\n                    >\n                      <img src={module.icon} alt={module.label} />\n                      {module.label}\n                    </MenuItem>\n                  ))}\n                </Select>\n              </Box>\n            </>\n          )}\n        </Box>\n        <Box className=\"header-right-wrap\">\n          {/* Language Selector with Enhanced Fallback Support */}\n          <Box className=\"language-selector-wrapper\">\n            {renderLanguageSelector()}\n          </Box>\n\n          {/* <IconButton\n            size=\"small\"\n            aria-label=\"notification bell\"\n            className=\"p-0\"\n          >\n            <img src={logo.notification} alt=\"notification icon\" />\n          </IconButton> */}\n          <NotificationMenu/>\n          <IconButton\n            size=\"small\"\n            aria-label=\"help\"\n            className=\"p-0\"\n          >\n            <img src={logo.question} alt=\"question icon\" />\n          </IconButton>\n          <img src={logo.vdivider} alt=\"divider icon\" />\n          {localStorage.getItem(\"_tid\") ? (\n            <Box className=\"user-profile-box\" onClick={handleProfileMenuOpen}>\n              <Avatar\n                size={32}\n                src={user?.profile_image ? `${import.meta.env.VITE_S3_BUCKET_URL}${user?.profile_image}` : undefined}\n                alt={formatText(user?.full_name)}\n                className=\"avatar-class\"\n              />\n              <div>\n                <Typography className=\"profile-name\">\n                  {user?.full_name}\n                </Typography>\n                <Typography className=\"user-auth\">\n                  {user?.role_name}\n                </Typography>\n              </div>\n            </Box>\n          ) : (\n            <IconButton\n              size=\"large\"\n              edge=\"end\"\n              aria-label=\"account of current user\"\n              aria-controls={menuId}\n              aria-haspopup=\"true\"\n              component={Link}\n              to={Pathname.LOGIN}\n              color=\"inherit\"\n            >\n              <LockIcon className=\"icon-btn\" />\n            </IconButton>\n          )}\n        </Box>\n        {renderMenu}\n      </Box>\n\n      {/* Logout Confirmation Dialog */}\n      <ConfirmPopUp\n        open={logoutConfirmation}\n        title={t(\"common.logout\")}\n        description={t('common.logout_confirmation') || \"Are you sure, you want to logout?\"}\n        onConfirm={() => logout()}\n        onClose={handleLogoutConfirmation}\n        fullWidth\n        maxWidth=\"xs\"\n        buttonTexts={{\n          confirm: t(\"common.logout\"),\n          cancel: t(\"common.cancel\"),\n        }}\n      />\n\n      <ResetPasswordModal showModal={showModal} setShowModal = {setShowModal} />\n      \n    </>\n  );\n}\n\nexport default Header;"],"names":["Header","props","navigate","useNavigate","t","useTranslation","location","useLocation","logout","user","useAuth","languages","currentLanguage","changeLanguage","isLoading","languagesLoading","error","languageContextError","isFallbackActive","fetchLanguages","isRtl","useLanguage","pathname","anchorEl","setAnchorEl","React","useState","logoutConfirmation","setLogoutConfirmation","localLanguageError","setLocalLanguageError","showModal","setShowModal","u_data","localStorage","getItem","userData","JSON","parse","isMenuOpen","Boolean","handleLogoutConfirmation","checkMatchedRoutes","useCallback","paths","shouldMatch","Array","isArray","map","path","matchRoutes","erp_modules","useMemo","modules","selectedModule","find","module","_a","link","toLowerCase","connectedRoutes","onChangeLang","e","lang_code","target","value","length","errorMsg","some","lang","code","Error","message","language","handleRetryLanguages","async","menuId","renderMenu","jsxs","Menu","className","id","keepMounted","open","onClose","children","MenuItem","jsx","role_id","ListItemIcon","Avatar","size","alt","role_name","ListItemText","Typography","variant","color","src","images","tickicon","Divider","onClick","Eye","fontSize","width","height","htmlColor","Fragment","Box","isDropdownShow","Link","to","Pathname","DASHBOARD","LOGIN","logo","IconButton","window","history","back","KeyboardBackspaceIcon","Select","fullWidth","placeholder","onChange","event","selectedLink","setTimeout","renderValue","icon","label","index","availableLanguages","direction","displayValue","type","weight","style","fontStyle","renderLanguageSelector","NotificationMenu","question","vdivider","currentTarget","profile_image","formatText","full_name","edge","component","LockIcon","ConfirmPopUp","title","description","onConfirm","maxWidth","buttonTexts","confirm","cancel","ResetPasswordModal"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/header/header.tsx"],"sourcesContent":["// components/header/Header.tsx - Complete updated version with English fallback\nimport React, { useState, useCallback, useMemo } from \"react\";\nimport { Link, matchRoutes, useLocation, useNavigate } from \"react-router-dom\";\nimport Box from \"@mui/material/Box\";\nimport { useTranslation } from \"react-i18next\";\nimport LockIcon from \"@mui/icons-material/Lock\";\nimport IconButton from \"@mui/material/IconButton\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport Menu from \"@mui/material/Menu\";\nimport KeyboardBackspaceIcon from \"@mui/icons-material/KeyboardBackspace\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Divider from \"@mui/material/Divider\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\n\n\nimport { Pathname } from \"../../constants/pathnames/pathname\"; // Removed - should be passed as props\nimport Typography from \"../typography/typography\";\nimport logo, { images } from \"../../assets/images\";\nimport Select from \"../select/select\";\nimport modules from \"../../constants/modules\"; // Removed - should be passed as props\nimport Avatar from \"../avatar/avatar\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport ConfirmPopUp from \"../confirm-modal/confirm-modal\";\nimport formatText from \"../../utils/format-text\";\nimport \"./header.scss\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { Eye } from \"../icons\";\nimport ResetPasswordModal from \"../reset-password-modal/reset-password-modal\";\nimport NotificationMenu from \"./components/notification-menu/notification-menu\";\nimport { getApiConfig } from \"@/utils\";\n\ninterface ILanguage {\n  label: string;\n  code: string;\n  direction: string;\n}\n\ninterface IModule {\n  label: any;\n  link: string;\n  sidebar: string;\n  icon: string;\n  permission: string;\n  bg: string;\n  connectedRoutes: string[];\n  translationModule: string;\n}\n\n\nexport function Header(props: any): React.ReactElement {\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n  const location = useLocation();\n  const { logout, user } = useAuth();\n  const config = getApiConfig();\n\n  const {\n    languages,\n    currentLanguage,\n    changeLanguage,\n    isLoading: languagesLoading,\n    error: languageContextError,\n    isFallbackActive,\n    fetchLanguages,\n    isRtl\n  } = useLanguage();\n\n  const { pathname } = location;\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const [logoutConfirmation, setLogoutConfirmation] = useState<boolean>(false);\n  const [localLanguageError, setLocalLanguageError] = useState<string | null>(null);\n  const [showModal, setShowModal] = useState(false);\n\n  const u_data = localStorage.getItem(\"_u_data\") || undefined;\n  const userData = u_data ? JSON.parse(u_data) : \"\";\n  const isMenuOpen = Boolean(anchorEl);\n\n  const handleLogoutConfirmation = () =>\n    setLogoutConfirmation(!logoutConfirmation);\n\n  const checkMatchedRoutes = useCallback(\n    (paths: string[] | string) => {\n      const shouldMatch: { path: string }[] = Array.isArray(paths)\n        ? paths.map((path: string) => ({ path }))\n        : [{ path: paths }];\n\n      return Boolean(matchRoutes(shouldMatch, location));\n    },\n    [location],\n  );\n\n  const erp_modules = useMemo<IModule[]>(() => modules(t), [t]);\n\n  const selectedModule = useMemo<IModule | null>(() => {\n    return (\n      erp_modules.find(\n        (module: IModule) =>\n          module?.link?.toLowerCase() === pathname.toLowerCase() ||\n          checkMatchedRoutes(module.connectedRoutes),\n      ) || null\n    );\n  }, [erp_modules, pathname, checkMatchedRoutes]);\n\n  const handleChangePasswordView = () => {\n    setShowModal(true);\n  }\n\n  // Enhanced language change handler with validation and error handling\n  const onChangeLang = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    const lang_code = e.target.value;\n\n    // Clear any previous errors\n    setLocalLanguageError(null);\n\n    // Validate the language exists before changing\n    if (!languages || languages.length === 0) {\n      const errorMsg = t('header.language_not_available') || 'Languages not available';\n      setLocalLanguageError(errorMsg);\n      return;\n    }\n\n    const languageExists = languages.some((lang: ILanguage) => lang.code === lang_code);\n\n    if (languageExists) {\n      try {\n        changeLanguage(lang_code);\n      } catch (error) {\n        const errorMsg = error instanceof Error ? error.message : 'Failed to change language';\n        setLocalLanguageError(errorMsg);\n      }\n    } else {\n      const errorMsg = t('header.language_not_found', { language: lang_code }) ||\n        `Selected language \"${lang_code}\" is not available`;\n      setLocalLanguageError(errorMsg);\n    }\n  };\n\n  // Retry language loading\n  const handleRetryLanguages = async () => {\n    setLocalLanguageError(null);\n    try {\n      await fetchLanguages();\n    } catch (error) {\n      const errorMsg = 'Failed to reload languages';\n      setLocalLanguageError(errorMsg);\n    }\n  };\n\n\n  const handleProfileMenuOpen = (event: React.MouseEvent<HTMLElement>) =>\n    setAnchorEl(event.currentTarget);\n\n  const handleMenuClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleChange = (event: any) => {\n    const selectedLink = event.target.value;\n    setTimeout(() => {\n      navigate(selectedLink);\n    }, 300);\n  };\n\n  const handleBackButton = () => {\n    window.history.back();\n  };\n\n  // Get current language display value with fallback indication\n  const getCurrentLanguageDisplay = (): string => {\n    if (!currentLanguage) return t('header.select_language') || 'Select Language';\n\n    // Show fallback indicator for better UX\n    if (isFallbackActive || languageContextError) {\n      return `${currentLanguage.label}`;\n    }\n\n    return currentLanguage.label;\n  };\n\n  // Create English fallback for consistent display\n  const createEnglishFallback = (): ILanguage => ({\n    code: 'en',\n    label: 'English',\n    direction: 'ltr'\n  });\n\n  // Get languages for dropdown - ensure English is always available\n  const getLanguagesForDropdown = (): ILanguage[] => {\n    if (!languages || languages.length === 0) {\n      // If no languages available, show only English\n      return [createEnglishFallback()];\n    }\n\n    // Ensure English is in the list\n    const hasEnglish = languages.some(lang => lang.code === 'en');\n    if (!hasEnglish) {\n      return [createEnglishFallback(), ...languages];\n    }\n\n    return languages;\n  };\n\n  // Render language selector based on different states\n  const renderLanguageSelector = () => {\n    const availableLanguages = getLanguagesForDropdown();\n    const displayValue = currentLanguage?.code || 'en'; // Default to English\n\n    // Loading state\n    if (languagesLoading) {\n      return (\n        <Box className=\"language-loading\">\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Loading...'}\n          </Typography>\n        </Box>\n      );\n    }\n\n    // Always show dropdown with at least English available\n    return (\n      <Select\n        onChange={onChangeLang}\n        size=\"small\"\n        value={displayValue}\n        renderValue={() => getCurrentLanguageDisplay()}\n        error={!!localLanguageError}\n        className={isFallbackActive || languageContextError ? 'language-fallback-active' : ''}\n\n      >\n        {availableLanguages.map(({ code, label }: ILanguage) => (\n          <MenuItem key={code} value={code}>\n            <Typography\n              type=\"s4\"\n              weight=\"medium\"\n              color=\"theme.secondary.1000\"\n\n            >\n              {label}\n              {/* Show fallback indicator in dropdown */}\n              {/* {(isFallbackActive || languageContextError) && code === 'en' && \n                ` (${t('header.fallback') || 'Fallback'})`\n              } */}\n            </Typography>\n          </MenuItem>\n        ))}\n\n        {/* Show retry option if there's an error */}\n        {languageContextError && (\n          <MenuItem onClick={handleRetryLanguages} style={{ fontStyle: 'italic' }}>\n            <Typography\n              type=\"s4\"\n              weight=\"medium\"\n              color=\"theme.secondary.500\"\n            >\n              🔄 {t('header.retry_languages') || 'Retry loading languages'}\n            </Typography>\n          </MenuItem>\n        )}\n      </Select>\n    );\n  };\n\n  const menuId = \"primary-search-account-menu\";\n  const renderMenu = (\n    <Menu\n      className=\"main-profile-menu\"\n      anchorEl={anchorEl}\n      id={menuId}\n      keepMounted\n      open={isMenuOpen}\n      onClose={handleMenuClose}\n    >\n      <MenuItem className=\"user-assigned\">\n        <span>{t('common.assigned_roles') || 'Assigned roles'}</span>\n      </MenuItem>\n      <MenuItem className=\"user-data-wrap\" value={userData.role_id}>\n        <ListItemIcon>\n          <Avatar size={27} alt={userData.role_name} />\n        </ListItemIcon>\n        <ListItemText className=\"size15\">\n          {userData.role_name}\n        </ListItemText>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          <img src={images.tickicon} alt=\"Active\" />\n        </Typography>\n      </MenuItem>\n      <Divider />\n      <MenuItem\n        className=\"user-assigned\"\n        onClick={() => {\n          handleChangePasswordView();\n          setAnchorEl(null);\n        }}\n      >\n        <ListItemIcon>\n          <Eye fontSize=\"medium\" width={20} height={20} htmlColor=\"#292D32\" />\n        </ListItemIcon>\n        <ListItemText className=\"size15\">{t(\"common.change_password\")}</ListItemText>\n      </MenuItem>\n      <Divider />\n      <MenuItem\n        className=\"menu-item-color\"\n        onClick={() => {\n          handleLogoutConfirmation();\n          setAnchorEl(null);\n        }}\n      >\n        <ListItemIcon>\n          <img src={images.logout} alt=\"logout\" />\n        </ListItemIcon>\n        <ListItemText className=\"size15\">{t(\"common.logout\")}</ListItemText>\n      </MenuItem>\n    </Menu>\n  );\n\n  return (\n    <>\n      <Box className=\"main-box\">\n        {!props.isDropdownShow && (\n          <Link to={user ? Pathname.DASHBOARD : Pathname.LOGIN}>\n            <img src={images.logo} alt=\"logo\" />\n          </Link>\n        )}\n        <Box className=\"second-box\">\n          {props.isDropdownShow && (\n            <>\n              <IconButton onClick={handleBackButton}>\n                <KeyboardBackspaceIcon\n                  className={isRtl ? \"arrow-pointer_rtl\" : \"arrow-pointer\"}\n                />\n              </IconButton>\n              <Box width={250}>\n                <Select\n                  fullWidth\n                  placeholder=\"Placeholder\"\n                  size={\"small\"}\n                  value={selectedModule?.link || \"\"}\n                  onChange={handleChange}\n                  className=\"select-box\"\n                  variant=\"outlined\"\n                  renderValue={(value: string) => (\n                    <>\n                      {selectedModule ? (\n                        <Box className=\"selected-menu-box\">\n                          <img\n                            src={selectedModule.icon}\n                            alt={selectedModule.label}\n                          />\n                          {selectedModule.label}\n                        </Box>\n                      ) : (\n                        value\n                      )}\n                    </>\n                  )}\n                >\n                  {erp_modules.map((module: any, index: number) => (\n                    <MenuItem\n                      className=\"select-box-menu-item\"\n                      value={module.link}\n                      key={index}\n                    >\n                      <img src={module.icon} alt={module.label} />\n                      {module.label}\n                    </MenuItem>\n                  ))}\n                </Select>\n              </Box>\n            </>\n          )}\n        </Box>\n        <Box className=\"header-right-wrap\">\n          {/* Language Selector with Enhanced Fallback Support */}\n          <Box className=\"language-selector-wrapper\">\n            {renderLanguageSelector()}\n          </Box>\n\n          {/* <IconButton\n            size=\"small\"\n            aria-label=\"notification bell\"\n            className=\"p-0\"\n          >\n            <img src={logo.notification} alt=\"notification icon\" />\n          </IconButton> */}\n          <NotificationMenu />\n          <IconButton\n            size=\"small\"\n            aria-label=\"help\"\n            className=\"p-0\"\n          >\n            <img src={logo.question} alt=\"question icon\" />\n          </IconButton>\n          <img src={logo.vdivider} alt=\"divider icon\" />\n          {localStorage.getItem(\"_tid\") ? (\n            <Box className=\"user-profile-box\" onClick={handleProfileMenuOpen}>\n              <Avatar\n                size={32}\n                src={user?.profile_image ? `${config?.s3BucketUrl}${user?.profile_image}` : undefined}\n                alt={formatText(user?.full_name)}\n                className=\"avatar-class\"\n              />\n              <div>\n                <Typography className=\"profile-name\">\n                  {user?.full_name}\n                </Typography>\n                <Typography className=\"user-auth\">\n                  {user?.role_name}\n                </Typography>\n              </div>\n            </Box>\n          ) : (\n            <IconButton\n              size=\"large\"\n              edge=\"end\"\n              aria-label=\"account of current user\"\n              aria-controls={menuId}\n              aria-haspopup=\"true\"\n              component={Link}\n              to={Pathname.LOGIN}\n              color=\"inherit\"\n            >\n              <LockIcon className=\"icon-btn\" />\n            </IconButton>\n          )}\n        </Box>\n        {renderMenu}\n      </Box>\n\n      {/* Logout Confirmation Dialog */}\n      <ConfirmPopUp\n        open={logoutConfirmation}\n        title={t(\"common.logout\")}\n        description={t('common.logout_confirmation') || \"Are you sure, you want to logout?\"}\n        onConfirm={() => logout()}\n        onClose={handleLogoutConfirmation}\n        fullWidth\n        maxWidth=\"xs\"\n        buttonTexts={{\n          confirm: t(\"common.logout\"),\n          cancel: t(\"common.cancel\"),\n        }}\n      />\n\n      <ResetPasswordModal showModal={showModal} setShowModal={setShowModal} />\n\n    </>\n  );\n}\n\nexport default Header;"],"names":["Header","props","navigate","useNavigate","t","useTranslation","location","useLocation","logout","user","useAuth","config","getApiConfig","languages","currentLanguage","changeLanguage","isLoading","languagesLoading","error","languageContextError","isFallbackActive","fetchLanguages","isRtl","useLanguage","pathname","anchorEl","setAnchorEl","React","useState","logoutConfirmation","setLogoutConfirmation","localLanguageError","setLocalLanguageError","showModal","setShowModal","u_data","localStorage","getItem","userData","JSON","parse","isMenuOpen","Boolean","handleLogoutConfirmation","checkMatchedRoutes","useCallback","paths","shouldMatch","Array","isArray","map","path","matchRoutes","erp_modules","useMemo","modules","selectedModule","find","module","_a","link","toLowerCase","connectedRoutes","onChangeLang","e","lang_code","target","value","length","errorMsg","some","lang","code","Error","message","language","handleRetryLanguages","async","menuId","renderMenu","jsxs","Menu","className","id","keepMounted","open","onClose","children","jsx","MenuItem","role_id","ListItemIcon","Avatar","size","alt","role_name","ListItemText","Typography","variant","color","src","images","tickicon","Divider","onClick","Eye","fontSize","width","height","htmlColor","Fragment","Box","isDropdownShow","Link","to","Pathname","DASHBOARD","LOGIN","logo","IconButton","window","history","back","KeyboardBackspaceIcon","Select","fullWidth","placeholder","onChange","event","selectedLink","setTimeout","renderValue","icon","label","index","availableLanguages","direction","displayValue","type","weight","style","fontStyle","renderLanguageSelector","NotificationMenu","question","vdivider","currentTarget","profile_image","s3BucketUrl","formatText","full_name","edge","component","LockIcon","ConfirmPopUp","title","description","onConfirm","maxWidth","buttonTexts","confirm","cancel","ResetPasswordModal"],"mappings":"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"}

package/dist/components/header/redux/actionCreator/index.esm.js

@@ -2,7 +2,8 @@ import { createAsyncThunk } from "@reduxjs/toolkit";
 import { setBaseUrl } from "../../../../api-client/api.rbac/api/index.esm.js";
 import { getV1Languages } from "../../../../api-client/api.system-feature/api/index.esm.js";
 import { getToken } from "../../../../utils/common/index.esm.js";
-setBaseUrl(`${"https://apidev.erpforce.co"}/rbac`);
+import { getApiConfig } from "../../../../utils/api-config/index.esm.js";
+setBaseUrl(`${getApiConfig().backendBaseUrl}/rbac`);
 const fetchLanguages = createAsyncThunk(
   "header/language/get",
   async () => {

package/dist/components/header/redux/actionCreator/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/header/redux/actionCreator.ts"],"sourcesContent":["import { createAsyncThunk } from \"@reduxjs/toolkit\";\nimport { setRoleURL } from \"../../../utils/server\";\nimport { getV1Languages } from \"../../../api-client/api.system-feature/api\";\nimport { getToken } from '../../../utils/common';\n\n\n\nsetRoleURL(`${import.meta.env.VITE_BACKEND_BASE_URL}/rbac`);\n\nexport const fetchLanguages = createAsyncThunk(\n  \"header/language/get\",\n  async () => {\n    const response = await getV1Languages({\n      order: `id:1`,\n      ...getToken(),\n    });\n    const data = response?.data?.languages || [];\n    const languages = data?.filter(d => d?.is_active)?.map(d => {\n      return {\n        label: d?.name,\n        code: d?.code,\n        direction: d?.direction\n      }\n    },\n  );\n  return { languages }\n});\n"],"names":["setRoleURL"],"mappings":";;;;AAOAA,WAAW,GAAG,4BAAqC,OAAO;AAEnD,MAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA,YAAY;;AACV,UAAM,WAAW,MAAM,eAAe;AAAA,MACpC,OAAO;AAAA,MACP,GAAG,SAAA;AAAA,IAAS,CACb;AACD,UAAM,SAAO,0CAAU,SAAV,mBAAgB,cAAa,CAAA;AAC1C,UAAM,aAAY,kCAAM,OAAO,CAAA,MAAK,uBAAG,eAArB,mBAAiC;AAAA,MAAI,CAAA,MAAK;AAC1D,eAAO;AAAA,UACL,OAAO,uBAAG;AAAA,UACV,MAAM,uBAAG;AAAA,UACT,WAAW,uBAAG;AAAA,QAAA;AAAA,MAElB;AAAA;AAEF,WAAO,EAAE,UAAA;AAAA,EACX;AAAC;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/header/redux/actionCreator.ts"],"sourcesContent":["import { createAsyncThunk } from \"@reduxjs/toolkit\";\nimport { setRoleURL } from \"../../../utils/server\";\nimport { getV1Languages } from \"../../../api-client/api.system-feature/api\";\nimport { getToken } from '../../../utils/common';\nimport { getApiConfig } from \"../../../utils\";\n\n\nsetRoleURL(`${getApiConfig().backendBaseUrl}/rbac`);\n\nexport const fetchLanguages = createAsyncThunk(\n  \"header/language/get\",\n  async () => {\n    const response = await getV1Languages({\n      order: `id:1`,\n      ...getToken(),\n    });\n    const data = response?.data?.languages || [];\n    const languages = data?.filter(d => d?.is_active)?.map(d => {\n      return {\n        label: d?.name,\n        code: d?.code,\n        direction: d?.direction\n      }\n    },\n    );\n    return { languages }\n  });\n"],"names":["setRoleURL"],"mappings":";;;;;AAOAA,WAAW,GAAG,aAAA,EAAe,cAAc,OAAO;AAE3C,MAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA,YAAY;;AACV,UAAM,WAAW,MAAM,eAAe;AAAA,MACpC,OAAO;AAAA,MACP,GAAG,SAAA;AAAA,IAAS,CACb;AACD,UAAM,SAAO,0CAAU,SAAV,mBAAgB,cAAa,CAAA;AAC1C,UAAM,aAAY,kCAAM,OAAO,CAAA,MAAK,uBAAG,eAArB,mBAAiC;AAAA,MAAI,CAAA,MAAK;AAC1D,eAAO;AAAA,UACL,OAAO,uBAAG;AAAA,UACV,MAAM,uBAAG;AAAA,UACT,WAAW,uBAAG;AAAA,QAAA;AAAA,MAElB;AAAA;AAEA,WAAO,EAAE,UAAA;AAAA,EACX;AAAC;"}

package/dist/components/header/redux/actionCreator/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),i=require("../../../../api-client/api.rbac/api/index.js"),a=require("../../../../api-client/api.system-feature/api/index.js"),r=require("../../../../utils/common/index.js");i.setBaseUrl("https://apidev.erpforce.co/rbac");const n=e.createAsyncThunk("header/language/get",async()=>{var e,i;const n=await a.getV1Languages({order:"id:1",...r.getToken()}),t=(null==(e=null==n?void 0:n.data)?void 0:e.languages)||[];return{languages:null==(i=null==t?void 0:t.filter(e=>null==e?void 0:e.is_active))?void 0:i.map(e=>({label:null==e?void 0:e.name,code:null==e?void 0:e.code,direction:null==e?void 0:e.direction}))}});exports.fetchLanguages=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@reduxjs/toolkit"),i=require("../../../../api-client/api.rbac/api/index.js"),a=require("../../../../api-client/api.system-feature/api/index.js"),n=require("../../../../utils/common/index.js"),r=require("../../../../utils/api-config/index.js");i.setBaseUrl(`${r.getApiConfig().backendBaseUrl}/rbac`);const l=e.createAsyncThunk("header/language/get",async()=>{var e,i;const r=await a.getV1Languages({order:"id:1",...n.getToken()}),l=(null==(e=null==r?void 0:r.data)?void 0:e.languages)||[];return{languages:null==(i=null==l?void 0:l.filter(e=>null==e?void 0:e.is_active))?void 0:i.map(e=>({label:null==e?void 0:e.name,code:null==e?void 0:e.code,direction:null==e?void 0:e.direction}))}});exports.fetchLanguages=l;
 //# sourceMappingURL=index.js.map

package/dist/components/header/redux/actionCreator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/header/redux/actionCreator.ts"],"sourcesContent":["import { createAsyncThunk } from \"@reduxjs/toolkit\";\nimport { setRoleURL } from \"../../../utils/server\";\nimport { getV1Languages } from \"../../../api-client/api.system-feature/api\";\nimport { getToken } from '../../../utils/common';\n\n\n\nsetRoleURL(`${import.meta.env.VITE_BACKEND_BASE_URL}/rbac`);\n\nexport const fetchLanguages = createAsyncThunk(\n  \"header/language/get\",\n  async () => {\n    const response = await getV1Languages({\n      order: `id:1`,\n      ...getToken(),\n    });\n    const data = response?.data?.languages || [];\n    const languages = data?.filter(d => d?.is_active)?.map(d => {\n      return {\n        label: d?.name,\n        code: d?.code,\n        direction: d?.direction\n      }\n    },\n  );\n  return { languages }\n});\n"],"names":["setRoleURL","fetchLanguages","createAsyncThunk","async","response","getV1Languages","order","getToken","data","_a","languages","_b","filter","d","is_active","map","label","name","code","direction"],"mappings":"mRAOAA,EAAAA,WAAW,mCAEJ,MAAMC,EAAiBC,EAAAA,iBAC5B,sBACAC,kBACE,MAAMC,QAAiBC,iBAAe,CACpCC,MAAO,UACJC,EAAAA,aAECC,GAAO,OAAAC,EAAA,MAAAL,OAAA,EAAAA,EAAUI,WAAV,EAAAC,EAAgBC,YAAa,GAS5C,MAAO,CAAEA,UARW,OAAAC,EAAA,MAAAH,OAAA,EAAAA,EAAMI,OAAOC,GAAK,MAAAA,OAAA,EAAAA,EAAGC,iBAArB,EAAAH,EAAiCI,IAAIF,IAC9C,CACLG,MAAO,MAAAH,OAAA,EAAAA,EAAGI,KACVC,KAAM,MAAAL,OAAA,EAAAA,EAAGK,KACTC,UAAW,MAAAN,OAAA,EAAAA,EAAGM"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/header/redux/actionCreator.ts"],"sourcesContent":["import { createAsyncThunk } from \"@reduxjs/toolkit\";\nimport { setRoleURL } from \"../../../utils/server\";\nimport { getV1Languages } from \"../../../api-client/api.system-feature/api\";\nimport { getToken } from '../../../utils/common';\nimport { getApiConfig } from \"../../../utils\";\n\n\nsetRoleURL(`${getApiConfig().backendBaseUrl}/rbac`);\n\nexport const fetchLanguages = createAsyncThunk(\n  \"header/language/get\",\n  async () => {\n    const response = await getV1Languages({\n      order: `id:1`,\n      ...getToken(),\n    });\n    const data = response?.data?.languages || [];\n    const languages = data?.filter(d => d?.is_active)?.map(d => {\n      return {\n        label: d?.name,\n        code: d?.code,\n        direction: d?.direction\n      }\n    },\n    );\n    return { languages }\n  });\n"],"names":["setRoleURL","getApiConfig","backendBaseUrl","fetchLanguages","createAsyncThunk","async","response","getV1Languages","order","getToken","data","_a","languages","_b","filter","d","is_active","map","label","name","code","direction"],"mappings":"sUAOAA,EAAAA,WAAW,GAAGC,EAAAA,eAAeC,uBAEtB,MAAMC,EAAiBC,EAAAA,iBAC5B,sBACAC,kBACE,MAAMC,QAAiBC,iBAAe,CACpCC,MAAO,UACJC,EAAAA,aAECC,GAAO,OAAAC,EAAA,MAAAL,OAAA,EAAAA,EAAUI,WAAV,EAAAC,EAAgBC,YAAa,GAS1C,MAAO,CAAEA,UARS,OAAAC,EAAA,MAAAH,OAAA,EAAAA,EAAMI,OAAOC,GAAK,MAAAA,OAAA,EAAAA,EAAGC,iBAArB,EAAAH,EAAiCI,IAAIF,IAC9C,CACLG,MAAO,MAAAH,OAAA,EAAAA,EAAGI,KACVC,KAAM,MAAAL,OAAA,EAAAA,EAAGK,KACTC,UAAW,MAAAN,OAAA,EAAAA,EAAGM"}

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

@@ -1,9 +1,8 @@
 import { getToken } from "../../../../utils/common/index.esm.js";
 import { createAsyncThunk } from "@reduxjs/toolkit";
-import { getV1Company, setBaseUrl } from "../../../../api-client/api.rbac/api/index.esm.js";
+import { getV1Company } from "../../../../api-client/api.rbac/api/index.esm.js";
 import { getV1InventoryItems, getV1WarehouseLocation, getV1AssemblyItems } from "../../../../api-client/api.inventory/api/index.esm.js";
 import { getV1BillsOfMaterials } from "../../../../api-client/api.manufacturing/api/index.esm.js";
-setBaseUrl(`${"https://apidev.erpforce.co"}/rbac`);
 const fetchOptions = createAsyncThunk(
   "reports-title/fetchOptions",
   async () => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/inventory-reports-title-bar/redux/actionCreator.ts"],"sourcesContent":["import { getToken } from '../../../utils/common';\nimport { createAsyncThunk } from \"@reduxjs/toolkit\";\n\nimport {\n  getV1Company,\n  setBaseUrl,\n} from \"../../../api-client/api.rbac/api\";\nimport { getV1AssemblyItems, getV1InventoryItems, getV1WarehouseLocation } from \"../../../api-client/api.inventory/api\";\nimport { getV1BillsOfMaterials } from \"../../../api-client/api.manufacturing/api\";\n\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/rbac`);\n\n\n\nexport const fetchOptions = createAsyncThunk(\n  \"reports-title/fetchOptions\",\n  async () => {\n    const i = await handleFetchItem();\n    const c = await handleFetchCompanies();\n    const wl = await handleFetchWarehouseLocations();\n    const ai = await fetchAssemblyItems();\n    return { i, c, wl, ai };\n  }\n);\nexport const fetchBom = createAsyncThunk(\n  \"reports-title/fetchBom\",\n  async () => {\n    const bom = await fetchBomData();\n    return bom\n  }\n);\n\nexport const handleFetchCompanies = async () => {\n  try {\n    const response = await getV1Company({ ...getToken() });\n\n    return response?.data?.company\n  } catch (error) {\n    return [];\n  }\n};\n\nexport const handleFetchItem = async () => {\n  try {\n    const response = await getV1InventoryItems({\n      ...getToken(),\n      skip: 0,\n      limit: 999,\n      filters: `(type.eq=inventory|type.eq=assembly&is_variant.eq=false|self_variant.eq=true)`,\n    });\n\n    return response?.data?.inventoryItemsList\n  } catch (error) {\n    return [];\n  }\n};\n\nexport const handleFetchWarehouseLocations = async () => {\n  try {\n    const response = await getV1WarehouseLocation({\n      ...getToken(),\n      skip: 0,\n      limit: 999,\n    });\n\n\n    return response?.data?.warehouseLocationList\n  } catch (error) {\n    return [];\n  }\n};\n\n\nexport const fetchAssemblyItems = async () => {\n  try {\n    const response: any = await getV1AssemblyItems({\n      ...getToken(),\n      skip: 0,\n      limit: 999,\n    }\n    )\n    return response?.data?.assemblyItemsList\n  } catch (error: any) {\n    return []\n  }\n}\n\nconst fetchBomData = async () => {\n  try {\n    const response: any = await getV1BillsOfMaterials({\n      skip: 0,\n      limit: 99999,\n      ...getToken()\n    })\n\n    return response?.data?.bom_list\n  } catch (error) {\n    return []\n  }\n}"],"names":[],"mappings":";;;;;AAUA,WAAW,GAAG,4BAAqC,OAAO;AAInD,MAAM,eAAe;AAAA,EAC1B;AAAA,EACA,YAAY;AACV,UAAM,IAAI,MAAM,gBAAA;AAChB,UAAM,IAAI,MAAM,qBAAA;AAChB,UAAM,KAAK,MAAM,8BAAA;AACjB,UAAM,KAAK,MAAM,mBAAA;AACjB,WAAO,EAAE,GAAG,GAAG,IAAI,GAAA;AAAA,EACrB;AACF;AACO,MAAM,WAAW;AAAA,EACtB;AAAA,EACA,YAAY;AACV,UAAM,MAAM,MAAM,aAAA;AAClB,WAAO;AAAA,EACT;AACF;AAEO,MAAM,uBAAuB,YAAY;;AAC9C,MAAI;AACF,UAAM,WAAW,MAAM,aAAa,EAAE,GAAG,SAAA,GAAY;AAErD,YAAO,0CAAU,SAAV,mBAAgB;AAAA,EACzB,SAAS,OAAO;AACd,WAAO,CAAA;AAAA,EACT;AACF;AAEO,MAAM,kBAAkB,YAAY;;AACzC,MAAI;AACF,UAAM,WAAW,MAAM,oBAAoB;AAAA,MACzC,GAAG,SAAA;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,IAAA,CACV;AAED,YAAO,0CAAU,SAAV,mBAAgB;AAAA,EACzB,SAAS,OAAO;AACd,WAAO,CAAA;AAAA,EACT;AACF;AAEO,MAAM,gCAAgC,YAAY;;AACvD,MAAI;AACF,UAAM,WAAW,MAAM,uBAAuB;AAAA,MAC5C,GAAG,SAAA;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,CACR;AAGD,YAAO,0CAAU,SAAV,mBAAgB;AAAA,EACzB,SAAS,OAAO;AACd,WAAO,CAAA;AAAA,EACT;AACF;AAGO,MAAM,qBAAqB,YAAY;;AAC5C,MAAI;AACF,UAAM,WAAgB,MAAM;AAAA,MAAmB;AAAA,QAC7C,GAAG,SAAA;AAAA,QACH,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAEA,YAAO,0CAAU,SAAV,mBAAgB;AAAA,EACzB,SAAS,OAAY;AACnB,WAAO,CAAA;AAAA,EACT;AACF;AAEA,MAAM,eAAe,YAAY;;AAC/B,MAAI;AACF,UAAM,WAAgB,MAAM,sBAAsB;AAAA,MAChD,MAAM;AAAA,MACN,OAAO;AAAA,MACP,GAAG,SAAA;AAAA,IAAS,CACb;AAED,YAAO,0CAAU,SAAV,mBAAgB;AAAA,EACzB,SAAS,OAAO;AACd,WAAO,CAAA;AAAA,EACT;AACF;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/inventory-reports-title-bar/redux/actionCreator.ts"],"sourcesContent":["import { getToken } from '../../../utils/common';\nimport { createAsyncThunk } from \"@reduxjs/toolkit\";\n\nimport {\n  getV1Company,\n} from \"../../../api-client/api.rbac/api\";\nimport { getV1AssemblyItems, getV1InventoryItems, getV1WarehouseLocation } from \"../../../api-client/api.inventory/api\";\nimport { getV1BillsOfMaterials } from \"../../../api-client/api.manufacturing/api\";\n\n\n\nexport const fetchOptions = createAsyncThunk(\n  \"reports-title/fetchOptions\",\n  async () => {\n    const i = await handleFetchItem();\n    const c = await handleFetchCompanies();\n    const wl = await handleFetchWarehouseLocations();\n    const ai = await fetchAssemblyItems();\n    return { i, c, wl, ai };\n  }\n);\nexport const fetchBom = createAsyncThunk(\n  \"reports-title/fetchBom\",\n  async () => {\n    const bom = await fetchBomData();\n    return bom\n  }\n);\n\nexport const handleFetchCompanies = async () => {\n  try {\n    const response = await getV1Company({ ...getToken() });\n\n    return response?.data?.company\n  } catch (error) {\n    return [];\n  }\n};\n\nexport const handleFetchItem = async () => {\n  try {\n    const response = await getV1InventoryItems({\n      ...getToken(),\n      skip: 0,\n      limit: 999,\n      filters: `(type.eq=inventory|type.eq=assembly&is_variant.eq=false|self_variant.eq=true)`,\n    });\n\n    return response?.data?.inventoryItemsList\n  } catch (error) {\n    return [];\n  }\n};\n\nexport const handleFetchWarehouseLocations = async () => {\n  try {\n    const response = await getV1WarehouseLocation({\n      ...getToken(),\n      skip: 0,\n      limit: 999,\n    });\n\n\n    return response?.data?.warehouseLocationList\n  } catch (error) {\n    return [];\n  }\n};\n\n\nexport const fetchAssemblyItems = async () => {\n  try {\n    const response: any = await getV1AssemblyItems({\n      ...getToken(),\n      skip: 0,\n      limit: 999,\n    }\n    )\n    return response?.data?.assemblyItemsList\n  } catch (error: any) {\n    return []\n  }\n}\n\nconst fetchBomData = async () => {\n  try {\n    const response: any = await getV1BillsOfMaterials({\n      skip: 0,\n      limit: 99999,\n      ...getToken()\n    })\n\n    return response?.data?.bom_list\n  } catch (error) {\n    return []\n  }\n}"],"names":[],"mappings":";;;;;AAWO,MAAM,eAAe;AAAA,EAC1B;AAAA,EACA,YAAY;AACV,UAAM,IAAI,MAAM,gBAAA;AAChB,UAAM,IAAI,MAAM,qBAAA;AAChB,UAAM,KAAK,MAAM,8BAAA;AACjB,UAAM,KAAK,MAAM,mBAAA;AACjB,WAAO,EAAE,GAAG,GAAG,IAAI,GAAA;AAAA,EACrB;AACF;AACO,MAAM,WAAW;AAAA,EACtB;AAAA,EACA,YAAY;AACV,UAAM,MAAM,MAAM,aAAA;AAClB,WAAO;AAAA,EACT;AACF;AAEO,MAAM,uBAAuB,YAAY;;AAC9C,MAAI;AACF,UAAM,WAAW,MAAM,aAAa,EAAE,GAAG,SAAA,GAAY;AAErD,YAAO,0CAAU,SAAV,mBAAgB;AAAA,EACzB,SAAS,OAAO;AACd,WAAO,CAAA;AAAA,EACT;AACF;AAEO,MAAM,kBAAkB,YAAY;;AACzC,MAAI;AACF,UAAM,WAAW,MAAM,oBAAoB;AAAA,MACzC,GAAG,SAAA;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,IAAA,CACV;AAED,YAAO,0CAAU,SAAV,mBAAgB;AAAA,EACzB,SAAS,OAAO;AACd,WAAO,CAAA;AAAA,EACT;AACF;AAEO,MAAM,gCAAgC,YAAY;;AACvD,MAAI;AACF,UAAM,WAAW,MAAM,uBAAuB;AAAA,MAC5C,GAAG,SAAA;AAAA,MACH,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,CACR;AAGD,YAAO,0CAAU,SAAV,mBAAgB;AAAA,EACzB,SAAS,OAAO;AACd,WAAO,CAAA;AAAA,EACT;AACF;AAGO,MAAM,qBAAqB,YAAY;;AAC5C,MAAI;AACF,UAAM,WAAgB,MAAM;AAAA,MAAmB;AAAA,QAC7C,GAAG,SAAA;AAAA,QACH,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAEA,YAAO,0CAAU,SAAV,mBAAgB;AAAA,EACzB,SAAS,OAAY;AACnB,WAAO,CAAA;AAAA,EACT;AACF;AAEA,MAAM,eAAe,YAAY;;AAC/B,MAAI;AACF,UAAM,WAAgB,MAAM,sBAAsB;AAAA,MAChD,MAAM;AAAA,MACN,OAAO;AAAA,MACP,GAAG,SAAA;AAAA,IAAS,CACb;AAED,YAAO,0CAAU,SAAV,mBAAgB;AAAA,EACzB,SAAS,OAAO;AACd,WAAO,CAAA;AAAA,EACT;AACF;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../../../utils/common/index.js"),e=require("@reduxjs/toolkit"),a=require("../../../../api-client/api.rbac/api/index.js"),i=require("../../../../api-client/api.inventory/api/index.js"),r=require("../../../../api-client/api.manufacturing/api/index.js");a.setBaseUrl("https://apidev.erpforce.co/rbac");const n=e.createAsyncThunk("reports-title/fetchOptions",async()=>({i:await c(),c:await o(),wl:await l(),ai:await u()})),s=e.createAsyncThunk("reports-title/fetchBom",async()=>await p()),o=async()=>{var e;try{const i=await a.getV1Company({...t.getToken()});return null==(e=null==i?void 0:i.data)?void 0:e.company}catch(i){return[]}},c=async()=>{var e;try{const a=await i.getV1InventoryItems({...t.getToken(),skip:0,limit:999,filters:"(type.eq=inventory|type.eq=assembly&is_variant.eq=false|self_variant.eq=true)"});return null==(e=null==a?void 0:a.data)?void 0:e.inventoryItemsList}catch(a){return[]}},l=async()=>{var e;try{const a=await i.getV1WarehouseLocation({...t.getToken(),skip:0,limit:999});return null==(e=null==a?void 0:a.data)?void 0:e.warehouseLocationList}catch(a){return[]}},u=async()=>{var e;try{const a=await i.getV1AssemblyItems({...t.getToken(),skip:0,limit:999});return null==(e=null==a?void 0:a.data)?void 0:e.assemblyItemsList}catch(a){return[]}},p=async()=>{var e;try{const a=await r.getV1BillsOfMaterials({skip:0,limit:99999,...t.getToken()});return null==(e=null==a?void 0:a.data)?void 0:e.bom_list}catch(a){return[]}};exports.fetchAssemblyItems=u,exports.fetchBom=s,exports.fetchOptions=n,exports.handleFetchCompanies=o,exports.handleFetchItem=c,exports.handleFetchWarehouseLocations=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../../../utils/common/index.js"),e=require("@reduxjs/toolkit"),a=require("../../../../api-client/api.rbac/api/index.js"),i=require("../../../../api-client/api.inventory/api/index.js"),n=require("../../../../api-client/api.manufacturing/api/index.js");const r=e.createAsyncThunk("reports-title/fetchOptions",async()=>({i:await c(),c:await o(),wl:await l(),ai:await u()})),s=e.createAsyncThunk("reports-title/fetchBom",async()=>await p()),o=async()=>{var e;try{const i=await a.getV1Company({...t.getToken()});return null==(e=null==i?void 0:i.data)?void 0:e.company}catch(i){return[]}},c=async()=>{var e;try{const a=await i.getV1InventoryItems({...t.getToken(),skip:0,limit:999,filters:"(type.eq=inventory|type.eq=assembly&is_variant.eq=false|self_variant.eq=true)"});return null==(e=null==a?void 0:a.data)?void 0:e.inventoryItemsList}catch(a){return[]}},l=async()=>{var e;try{const a=await i.getV1WarehouseLocation({...t.getToken(),skip:0,limit:999});return null==(e=null==a?void 0:a.data)?void 0:e.warehouseLocationList}catch(a){return[]}},u=async()=>{var e;try{const a=await i.getV1AssemblyItems({...t.getToken(),skip:0,limit:999});return null==(e=null==a?void 0:a.data)?void 0:e.assemblyItemsList}catch(a){return[]}},p=async()=>{var e;try{const a=await n.getV1BillsOfMaterials({skip:0,limit:99999,...t.getToken()});return null==(e=null==a?void 0:a.data)?void 0:e.bom_list}catch(a){return[]}};exports.fetchAssemblyItems=u,exports.fetchBom=s,exports.fetchOptions=r,exports.handleFetchCompanies=o,exports.handleFetchItem=c,exports.handleFetchWarehouseLocations=l;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/inventory-reports-title-bar/redux/actionCreator.ts"],"sourcesContent":["import { getToken } from '../../../utils/common';\nimport { createAsyncThunk } from \"@reduxjs/toolkit\";\n\nimport {\n  getV1Company,\n  setBaseUrl,\n} from \"../../../api-client/api.rbac/api\";\nimport { getV1AssemblyItems, getV1InventoryItems, getV1WarehouseLocation } from \"../../../api-client/api.inventory/api\";\nimport { getV1BillsOfMaterials } from \"../../../api-client/api.manufacturing/api\";\n\nsetBaseUrl(`${import.meta.env.VITE_BACKEND_BASE_URL}/rbac`);\n\n\n\nexport const fetchOptions = createAsyncThunk(\n  \"reports-title/fetchOptions\",\n  async () => {\n    const i = await handleFetchItem();\n    const c = await handleFetchCompanies();\n    const wl = await handleFetchWarehouseLocations();\n    const ai = await fetchAssemblyItems();\n    return { i, c, wl, ai };\n  }\n);\nexport const fetchBom = createAsyncThunk(\n  \"reports-title/fetchBom\",\n  async () => {\n    const bom = await fetchBomData();\n    return bom\n  }\n);\n\nexport const handleFetchCompanies = async () => {\n  try {\n    const response = await getV1Company({ ...getToken() });\n\n    return response?.data?.company\n  } catch (error) {\n    return [];\n  }\n};\n\nexport const handleFetchItem = async () => {\n  try {\n    const response = await getV1InventoryItems({\n      ...getToken(),\n      skip: 0,\n      limit: 999,\n      filters: `(type.eq=inventory|type.eq=assembly&is_variant.eq=false|self_variant.eq=true)`,\n    });\n\n    return response?.data?.inventoryItemsList\n  } catch (error) {\n    return [];\n  }\n};\n\nexport const handleFetchWarehouseLocations = async () => {\n  try {\n    const response = await getV1WarehouseLocation({\n      ...getToken(),\n      skip: 0,\n      limit: 999,\n    });\n\n\n    return response?.data?.warehouseLocationList\n  } catch (error) {\n    return [];\n  }\n};\n\n\nexport const fetchAssemblyItems = async () => {\n  try {\n    const response: any = await getV1AssemblyItems({\n      ...getToken(),\n      skip: 0,\n      limit: 999,\n    }\n    )\n    return response?.data?.assemblyItemsList\n  } catch (error: any) {\n    return []\n  }\n}\n\nconst fetchBomData = async () => {\n  try {\n    const response: any = await getV1BillsOfMaterials({\n      skip: 0,\n      limit: 99999,\n      ...getToken()\n    })\n\n    return response?.data?.bom_list\n  } catch (error) {\n    return []\n  }\n}"],"names":["setBaseUrl","fetchOptions","createAsyncThunk","async","i","handleFetchItem","c","handleFetchCompanies","wl","handleFetchWarehouseLocations","ai","fetchAssemblyItems","fetchBom","fetchBomData","response","getV1Company","getToken","_a","data","company","error","getV1InventoryItems","skip","limit","filters","inventoryItemsList","getV1WarehouseLocation","warehouseLocationList","getV1AssemblyItems","assemblyItemsList","getV1BillsOfMaterials","bom_list"],"mappings":"iVAUAA,EAAAA,WAAW,mCAIJ,MAAMC,EAAeC,EAAAA,iBAC1B,6BACAC,UAKS,CAAEC,QAJOC,IAIJC,QAHIC,IAGDC,SAFEC,IAEEC,SADFC,OAIRC,EAAWV,EAAAA,iBACtB,yBACAC,eACoBU,KAKTN,EAAuBJ,gBAClC,IACE,MAAMW,QAAiBC,EAAAA,aAAa,IAAKC,EAAAA,aAEzC,OAAO,OAAAC,EAAA,MAAAH,OAAA,EAAAA,EAAUI,WAAV,EAAAD,EAAgBE,OACzB,OAASC,GACP,MAAO,EACT,GAGWf,EAAkBF,gBAC7B,IACE,MAAMW,QAAiBO,sBAAoB,IACtCL,aACHM,KAAM,EACNC,MAAO,IACPC,QAAS,kFAGX,OAAO,OAAAP,EAAA,MAAAH,OAAA,EAAAA,EAAUI,WAAV,EAAAD,EAAgBQ,kBACzB,OAASL,GACP,MAAO,EACT,GAGWX,EAAgCN,gBAC3C,IACE,MAAMW,QAAiBY,yBAAuB,IACzCV,aACHM,KAAM,EACNC,MAAO,MAIT,OAAO,OAAAN,EAAA,MAAAH,OAAA,EAAAA,EAAUI,WAAV,EAAAD,EAAgBU,qBACzB,OAASP,GACP,MAAO,EACT,GAIWT,EAAqBR,gBAChC,IACE,MAAMW,QAAsBc,EAAAA,mBAAmB,IAC1CZ,aACHM,KAAM,EACNC,MAAO,MAGT,OAAO,OAAAN,EAAA,MAAAH,OAAA,EAAAA,EAAUI,WAAV,EAAAD,EAAgBY,iBACzB,OAAST,GACP,MAAO,EACT,GAGIP,EAAeV,gBACnB,IACE,MAAMW,QAAsBgB,wBAAsB,CAChDR,KAAM,EACNC,MAAO,SACJP,EAAAA,aAGL,OAAO,OAAAC,EAAA,MAAAH,OAAA,EAAAA,EAAUI,WAAV,EAAAD,EAAgBc,QACzB,OAASX,GACP,MAAO,EACT"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/inventory-reports-title-bar/redux/actionCreator.ts"],"sourcesContent":["import { getToken } from '../../../utils/common';\nimport { createAsyncThunk } from \"@reduxjs/toolkit\";\n\nimport {\n  getV1Company,\n} from \"../../../api-client/api.rbac/api\";\nimport { getV1AssemblyItems, getV1InventoryItems, getV1WarehouseLocation } from \"../../../api-client/api.inventory/api\";\nimport { getV1BillsOfMaterials } from \"../../../api-client/api.manufacturing/api\";\n\n\n\nexport const fetchOptions = createAsyncThunk(\n  \"reports-title/fetchOptions\",\n  async () => {\n    const i = await handleFetchItem();\n    const c = await handleFetchCompanies();\n    const wl = await handleFetchWarehouseLocations();\n    const ai = await fetchAssemblyItems();\n    return { i, c, wl, ai };\n  }\n);\nexport const fetchBom = createAsyncThunk(\n  \"reports-title/fetchBom\",\n  async () => {\n    const bom = await fetchBomData();\n    return bom\n  }\n);\n\nexport const handleFetchCompanies = async () => {\n  try {\n    const response = await getV1Company({ ...getToken() });\n\n    return response?.data?.company\n  } catch (error) {\n    return [];\n  }\n};\n\nexport const handleFetchItem = async () => {\n  try {\n    const response = await getV1InventoryItems({\n      ...getToken(),\n      skip: 0,\n      limit: 999,\n      filters: `(type.eq=inventory|type.eq=assembly&is_variant.eq=false|self_variant.eq=true)`,\n    });\n\n    return response?.data?.inventoryItemsList\n  } catch (error) {\n    return [];\n  }\n};\n\nexport const handleFetchWarehouseLocations = async () => {\n  try {\n    const response = await getV1WarehouseLocation({\n      ...getToken(),\n      skip: 0,\n      limit: 999,\n    });\n\n\n    return response?.data?.warehouseLocationList\n  } catch (error) {\n    return [];\n  }\n};\n\n\nexport const fetchAssemblyItems = async () => {\n  try {\n    const response: any = await getV1AssemblyItems({\n      ...getToken(),\n      skip: 0,\n      limit: 999,\n    }\n    )\n    return response?.data?.assemblyItemsList\n  } catch (error: any) {\n    return []\n  }\n}\n\nconst fetchBomData = async () => {\n  try {\n    const response: any = await getV1BillsOfMaterials({\n      skip: 0,\n      limit: 99999,\n      ...getToken()\n    })\n\n    return response?.data?.bom_list\n  } catch (error) {\n    return []\n  }\n}"],"names":["fetchOptions","createAsyncThunk","async","i","handleFetchItem","c","handleFetchCompanies","wl","handleFetchWarehouseLocations","ai","fetchAssemblyItems","fetchBom","fetchBomData","response","getV1Company","getToken","_a","data","company","error","getV1InventoryItems","skip","limit","filters","inventoryItemsList","getV1WarehouseLocation","warehouseLocationList","getV1AssemblyItems","assemblyItemsList","getV1BillsOfMaterials","bom_list"],"mappings":"iVAWO,MAAMA,EAAeC,EAAAA,iBAC1B,6BACAC,UAKS,CAAEC,QAJOC,IAIJC,QAHIC,IAGDC,SAFEC,IAEEC,SADFC,OAIRC,EAAWV,EAAAA,iBACtB,yBACAC,eACoBU,KAKTN,EAAuBJ,gBAClC,IACE,MAAMW,QAAiBC,EAAAA,aAAa,IAAKC,EAAAA,aAEzC,OAAO,OAAAC,EAAA,MAAAH,OAAA,EAAAA,EAAUI,WAAV,EAAAD,EAAgBE,OACzB,OAASC,GACP,MAAO,EACT,GAGWf,EAAkBF,gBAC7B,IACE,MAAMW,QAAiBO,sBAAoB,IACtCL,aACHM,KAAM,EACNC,MAAO,IACPC,QAAS,kFAGX,OAAO,OAAAP,EAAA,MAAAH,OAAA,EAAAA,EAAUI,WAAV,EAAAD,EAAgBQ,kBACzB,OAASL,GACP,MAAO,EACT,GAGWX,EAAgCN,gBAC3C,IACE,MAAMW,QAAiBY,yBAAuB,IACzCV,aACHM,KAAM,EACNC,MAAO,MAIT,OAAO,OAAAN,EAAA,MAAAH,OAAA,EAAAA,EAAUI,WAAV,EAAAD,EAAgBU,qBACzB,OAASP,GACP,MAAO,EACT,GAIWT,EAAqBR,gBAChC,IACE,MAAMW,QAAsBc,EAAAA,mBAAmB,IAC1CZ,aACHM,KAAM,EACNC,MAAO,MAGT,OAAO,OAAAN,EAAA,MAAAH,OAAA,EAAAA,EAAUI,WAAV,EAAAD,EAAgBY,iBACzB,OAAST,GACP,MAAO,EACT,GAGIP,EAAeV,gBACnB,IACE,MAAMW,QAAsBgB,wBAAsB,CAChDR,KAAM,EACNC,MAAO,SACJP,EAAAA,aAGL,OAAO,OAAAC,EAAA,MAAAH,OAAA,EAAAA,EAAUI,WAAV,EAAAD,EAAgBc,QACzB,OAASX,GACP,MAAO,EACT"}

package/dist/components/material-table/components/inline-edit-fields/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/material-table/components/inline-edit-fields.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Box } from '@mui/material';\n\nimport Typography from '../../typography/typography';\nimport DatePicker from '../../date-picker/date-picker';\nimport DateTimePicker from '../../date-time-picker/date-time-picker';\nimport TextField from '../../text-field/text-field';\nimport UploadMedia from '../../upload-media/upload-media';\n\nimport * as yup from 'yup';\nimport _ from 'lodash';\nimport dayjs from 'dayjs';\nimport PhoneInput from '../../phone-input/phone-input';\nimport Checkbox from '../../checkbox/checkbox';\nimport SearchableSelect from '../../searchable-select';\n\ninterface IInlineEditFields {\n\tcell: any;\n\tcolumn: any;\n\trow: any;\n\ttable: any;\n\tcol: any;\n\tcallback: (value: any, column: any, rowId: any) => any;\n\terrors: any;\n\tvalidationSchema: any;\n\tsetValidationErrors: any;\n\tonChangeRowField?: (e: any, type: string, row: any) => any;\n\tgetSelectedData: any\n}\nconst InlineEditFields: React.FC<IInlineEditFields> = ({\n\t// cell,\n\tcolumn,\n\trow,\n\t// table,\n\tcol,\n\t// callback,\n\terrors,\n\tvalidationSchema,\n\tsetValidationErrors,\n\tonChangeRowField,\n\tgetSelectedData\n}) => {\n\n\tconst [inputValue, setInputValue] = useState<any>();\n\tconst [isInitialSet, setIsInitialSet] = useState<any>(false);\n\tconst customFilter = useRef(null)\n\t// ** Getting only editing enabled fields.\n\tconst editCols = row\n\t\t.getAllCells()\n\t\t.map((col: any) => col.column.columnDef)\n\t\t.filter(\n\t\t\t(col: any) =>\n\t\t\t\tcol?.enableEditing === undefined || col?.enableEditing === true\n\t\t);\n\n\tconst editVariant = col.editVariant;\n\tconst fieldProperties = column.columnDef?.editProperties || {};\n\n\t// ** Default and Dynamic disbaling a field with row data\n\tlet fieldDisbled = false;\n\tif (fieldProperties?.disable) {\n\t\tif (typeof fieldProperties.disable === 'function') {\n\t\t\tfieldDisbled = Boolean(fieldProperties?.disable(row, row._valuesCache));\n\t\t} else {\n\t\t\tfieldDisbled = Boolean(fieldProperties.disable);\n\t\t}\n\t}\n\n\tconst handleCustomFilter = useCallback(async (row, values) => {\n\n\t\ttry {\n\t\t\tif (typeof fieldProperties.customeFilter === 'function') {\n\t\t\t\tconst filter = await fieldProperties.customeFilter(row, values);\n\t\t\t\tcustomFilter.current = filter;\n\t\t\t\treturn filter;\n\t\t\t} else {\n\t\t\t\tcustomFilter.current = fieldProperties?.customeFilter;\n\t\t\t}\n\t\t} catch (error) {\n\t\t\treturn null;\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [fieldProperties, row, row._valuesCache]);\n\n\n\tuseEffect(() => {\n\t\thandleCustomFilter(row, row._valuesCache)\n\t}, [handleCustomFilter, row, row._valuesCache]);\n\t// ** Setting a default value for edit mode.\n\tconst valueKey = fieldProperties?.valueKey;\n\tlet defaultValue: any = '';\n\n\tif (editVariant === 'select' && fieldProperties?.is_multiple) {\n\t\tdefaultValue = valueKey ? _.get(row.original, valueKey, []) : [];\n\t} else {\n\t\tdefaultValue = valueKey\n\t\t\t? _.get(row.original, valueKey, row.original[column.id])\n\t\t\t: row.original[column.id];\n\t}\n\n\t// ** Validate a field with Material Table Validation Schema.\n\tconst validate = async (value: any) => {\n\t\ttry {\n\t\t\t// const v = await validationSchema.validateAt( // * * This line has commented for rerendering purpose\n\t\t\tawait validationSchema.validateAt(\n\t\t\t\tcolumn.id,\n\t\t\t\t{\n\t\t\t\t\t[column.id]: value\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tabortEarly: false\n\t\t\t\t}\n\t\t\t);\n\t\t\t// if (v) { // * * The if condition has commented for rerendering purpose\n\t\t\tconst fe: any = {}; // field error\n\t\t\tfor (const e in errors) {\n\t\t\t\tif (e != column.id) {\n\t\t\t\t\tfe[e] = errors[e];\n\t\t\t\t}\n\t\t\t}\n\t\t\tsetValidationErrors(fe);\n\t\t\t// }\n\t\t} catch (err) {\n\t\t\tif (err instanceof yup.ValidationError) {\n\t\t\t\tconst e: Record<string, string> = {};\n\t\t\t\terr.inner.forEach((error) => {\n\t\t\t\t\tif (error.path) {\n\t\t\t\t\t\te[error.path] = error.message;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tconst em = { ...errors, ...e };\n\t\t\t\tsetValidationErrors(em);\n\t\t\t}\n\t\t}\n\t};\n\n\n\n\t// ** Detect onChnage to perform the action on an input change.\n\tconst onChange = async (e: any, type: string, selectedData: any) => {\n\t\tconst data = selectedData\n\t\tlet value;\n\t\tswitch (type) {\n\t\t\tcase 'date':\n\t\t\tcase 'file':\n\t\t\tcase 'image':\n\t\t\tcase 'phone':\n\t\t\t\tvalue = e;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: e });\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\tcase 'number':\n\t\t\t\tvalue = e.target.value;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: value });\n\t\t\t\tbreak;\n\t\t\tcase 'checkbox':\n\t\t\t\tvalue = e.target.checked;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: value });\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tvalue = e.target.value;\n\t\t\t\tbreak;\n\t\t}\n\t\tsetInputValue({ ...inputValue, [column.id]: value });\n\n\t\tif (onChangeRowField) {\n\t\t\tconst v = await onChangeRowField(e, type, row, col, data);\n\t\t\tif (v) {\n\t\t\t\trow._valuesCache = { ...row._valuesCache, ...v };\n\t\t\t\tsetInputValue({ ...inputValue, ...v });\n\t\t\t}\n\t\t}\n\t\tsetInputValue({ ...inputValue, [column.id]: value });\n\t\trow._valuesCache = { ...row._valuesCache, [column.id]: value };\n\n\t\tawait validate(value);\n\t};\n\n\tuseEffect(() => {\n\t\tsetInputValue({ ...inputValue, ...row._valuesCache });\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [row._valuesCache]);\n\n\tuseEffect(() => {\n\t\tif (!isInitialSet) {\n\t\t\tconst editFields = Object.keys(row._valuesCache || {});\n\t\t\tconst dValues: any = {};\n\n\t\t\trow.getAllCells().forEach((cell) => {\n\t\t\t\tif (\n\t\t\t\t\tcell.column.columnDef?.enableEditing === undefined ||\n\t\t\t\t\tcell.column.columnDef?.enableEditing === true\n\t\t\t\t) {\n\t\t\t\t\tconst { is_multiple, valueKey } =\n\t\t\t\t\t\tcell.column.columnDef?.editProperties || {};\n\t\t\t\t\tif (editFields.includes(cell.column.id)) {\n\t\t\t\t\t\tconst vl = _.get(row.original, valueKey);\n\t\t\t\t\t\tif (editVariant === 'select' && is_multiple) {\n\t\t\t\t\t\t\tdValues[cell.column.id] = vl\n\t\t\t\t\t\t\t\t? Array.isArray(vl)\n\t\t\t\t\t\t\t\t\t? vl\n\t\t\t\t\t\t\t\t\t: [vl]\n\t\t\t\t\t\t\t\t: [];\n\t\t\t\t\t\t} else if (editVariant === 'date' || editVariant === 'date_time') {\n\t\t\t\t\t\t\tdValues[cell.column.id] = vl\n\t\t\t\t\t\t\t\t? dayjs(vl).isValid()\n\t\t\t\t\t\t\t\t\t? dayjs(vl)\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t: dayjs(row.original[cell.column.id]).isValid()\n\t\t\t\t\t\t\t\t\t? dayjs(row.original[cell.column.id])\n\t\t\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tdValues[cell.column.id] = _.get(\n\t\t\t\t\t\t\t\trow.original,\n\t\t\t\t\t\t\t\tvalueKey,\n\t\t\t\t\t\t\t\trow.original[cell.column.id]\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t\t// setFieldsValues(dValues);\n\t\t\trow._valuesCache = dValues;\n\t\t\tsetInputValue(dValues);\n\t\t\tsetIsInitialSet(true);\n\t\t}\n\t}, [row, editVariant, isInitialSet]);\n\treturn (\n\t\t<>\n\t\t\t{(!editVariant || editVariant === 'number') && (\n\t\t\t\t<TextField\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\t// onBlur={(e) => onBlur(e)}\n\t\t\t\t\t// onKeyDown={onKeyDown}\n\t\t\t\t\tonChange={(e) => onChange(e, editVariant)}\n\t\t\t\t\tvalue={inputValue?.[column.id]}\n\t\t\t\t\tautoFocus={editCols?.[0]?.accessorKey === column.id}\n\t\t\t\t\ttype={editVariant || 'text'}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tplaceholder={fieldProperties?.placeholder || ''}\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'select' && (\n\t\t\t\t<Box display='flex' flexDirection='column' width='100%'>\n\t\t\t\t\t<SearchableSelect\n\t\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\t\tplaceholder={fieldProperties?.placeholder || ''}\n\t\t\t\t\t\tsearchPlaceholder={`Search ${col.header}`}\n\t\t\t\t\t\tonChange={(e, row) => onChange(e, 'select', row)}\n\t\t\t\t\t\tapiType={fieldProperties?.apiType}\n\t\t\t\t\t\tautoFocus={editCols?.[0]?.accessorKey === column.id}\n\t\t\t\t\t\toptions={col?.editSelectOptions}\n\t\t\t\t\t\tcustomeFilter={customFilter.current}\n\t\t\t\t\t\tfilterKey={fieldProperties?.filterKey}\n\t\t\t\t\t\tlabelKey={fieldProperties?.labelKey}\n\t\t\t\t\t\tvalueKey={fieldProperties?.bindingKey}\n\t\t\t\t\t\tattributes={fieldProperties.attributes}\n\t\t\t\t\t\tisInternal={fieldProperties?.isInternal || !fieldProperties?.apiType}\n\t\t\t\t\t\tmultiple={fieldProperties?.is_multiple}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tfieldProperties?.is_multiple\n\t\t\t\t\t\t\t\t? Array.isArray(inputValue?.[column.id])\n\t\t\t\t\t\t\t\t\t? inputValue?.[column.id]\n\t\t\t\t\t\t\t\t\t: []\n\t\t\t\t\t\t\t\t: inputValue?.[column.id]\n\t\t\t\t\t\t}\n\t\t\t\t\t\tgetSelectedData={(row) => getSelectedData(fieldProperties?.field_name, row)}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{errors?.[column.id] && (\n\t\t\t\t\t\t<Typography color='theme.error.600' type='s5'>\n\t\t\t\t\t\t\t{errors?.[column.id]}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\t\t\t)}\n\t\t\t{editVariant === 'date' && (\n\t\t\t\t<DatePicker\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'date')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tdayjs(row._valuesCache[column.id]).isValid()\n\t\t\t\t\t\t\t? dayjs(row._valuesCache[column.id])\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t\tminDate={fieldProperties?.min_date}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'date_time' && (\n\t\t\t\t<DateTimePicker\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'date')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tdayjs(row._valuesCache[column.id]).isValid()\n\t\t\t\t\t\t\t? dayjs(row._valuesCache[column.id])\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{(editVariant === 'file' || editVariant === 'image') && (\n\t\t\t\t<Box display='flex' flexDirection='column'>\n\t\t\t\t\t<UploadMedia\n\t\t\t\t\t\tname={fieldProperties?.field_name || 'table_file'}\n\t\t\t\t\t\tdataPosition={0}\n\t\t\t\t\t\tdataName='table_file'\n\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\ttype={editVariant}\n\t\t\t\t\t\tmax_size={10}\n\t\t\t\t\t\tonChange={(v) => onChange(v, 'file')}\n\t\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\t\tmultiple={Boolean(column?.is_multiple)}\n\t\t\t\t\t\tvalue={row._valuesCache[column.id]}\n\t\t\t\t\t/>\n\t\t\t\t\t{errors?.[column.id] && (\n\t\t\t\t\t\t<Typography color='theme.error.600' type='s5'>\n\t\t\t\t\t\t\t{errors?.[column.id]}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\t\t\t)}\n\t\t\t{editVariant === 'phone' && (\n\t\t\t\t<PhoneInput\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefault_value={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'phone')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={row._valuesCache?.[column.id]}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t\tisInlineEditing={true}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'checkbox' && (\n\t\t\t\t<Checkbox\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultChecked={Boolean(defaultValue)}\n\t\t\t\t\t// checked={Boolean(defaultValue)}\n\t\t\t\t\tonChange={(v) => onChange(v, 'checkbox')}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={row._valuesCache?.[column.id]}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default InlineEditFields;\n"],"names":["col","row","yup","_a","_b","valueKey","_c"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/components/material-table/components/inline-edit-fields.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Box } from '@mui/material';\n\nimport Typography from '../../typography/typography';\nimport DatePicker from '../../date-picker/date-picker';\nimport DateTimePicker from '../../date-time-picker/date-time-picker';\nimport TextField from '../../text-field/text-field';\nimport UploadMedia from '../../upload-media/upload-media';\n\nimport * as yup from 'yup';\nimport _ from 'lodash';\nimport dayjs from 'dayjs';\nimport PhoneInput from '../../phone-input/phone-input';\nimport Checkbox from '../../checkbox/checkbox';\nimport SearchableSelect from '../../searchable-select';\n\ninterface IInlineEditFields {\n\tcell: any;\n\tcolumn: any;\n\trow: any;\n\ttable: any;\n\tcol: any;\n\tcallback: (value: any, column: any, rowId: any) => any;\n\terrors: any;\n\tvalidationSchema: any;\n\tsetValidationErrors: any;\n\tonChangeRowField?: (e: any, type: string, row: any) => any;\n\tgetSelectedData:any\n}\nconst InlineEditFields: React.FC<IInlineEditFields> = ({\n\t// cell,\n\tcolumn,\n\trow,\n\t// table,\n\tcol,\n\t// callback,\n\terrors,\n\tvalidationSchema,\n\tsetValidationErrors,\n\tonChangeRowField,\n\tgetSelectedData\n}) => {\n\n\tconst [inputValue, setInputValue] = useState<any>();\n\tconst [isInitialSet, setIsInitialSet] = useState<any>(false);\n    const customFilter=useRef(null)\n\t// ** Getting only editing enabled fields.\n\tconst editCols = row\n\t\t.getAllCells()\n\t\t.map((col: any) => col.column.columnDef)\n\t\t.filter(\n\t\t\t(col: any) =>\n\t\t\t\tcol?.enableEditing === undefined || col?.enableEditing === true\n\t\t);\n\n\tconst editVariant = col.editVariant;\n\tconst fieldProperties = column.columnDef?.editProperties || {};\n\n\t// ** Default and Dynamic disbaling a field with row data\n\tlet fieldDisbled = false;\n\tif (fieldProperties?.disable) {\n\t\tif (typeof fieldProperties.disable === 'function') {\n\t\t\tfieldDisbled = Boolean(fieldProperties?.disable(row, row._valuesCache));\n\t\t} else {\n\t\t\tfieldDisbled = Boolean(fieldProperties.disable);\n\t\t}\n\t}\n\n\tconst handleCustomFilter = useCallback(async (row, values) => {\n\t\t\n\t\ttry {\n\t\t\tif (typeof fieldProperties.customeFilter === 'function') {\n\t\t\t\tconst filter = await fieldProperties.customeFilter(row, values);\n\t\t\t\tcustomFilter.current = filter;\n\t\t\t\treturn filter;\n\t\t\t} else {\n\t\t\t\tcustomFilter.current = fieldProperties?.customeFilter;\n\t\t\t}\n\t\t} catch (error) {\n\t\t\treturn null;\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [fieldProperties, row, row._valuesCache]);\n\n\t\n\tuseEffect(()=>{\n\t\thandleCustomFilter(row, row._valuesCache)\n\t},[handleCustomFilter,row,row._valuesCache]);\n\t// ** Setting a default value for edit mode.\n\tconst valueKey = fieldProperties?.valueKey;\n\tlet defaultValue: any = '';\n\n\tif (editVariant === 'select' && fieldProperties?.is_multiple) {\n\t\tdefaultValue = valueKey ? _.get(row.original, valueKey, []) : [];\n\t} else {\n\t\tdefaultValue = valueKey\n\t\t\t? _.get(row.original, valueKey, row.original[column.id])\n\t\t\t: row.original[column.id];\n\t}\n\n\t// ** Validate a field with Material Table Validation Schema.\n\tconst validate = async (value: any) => {\n\t\ttry {\n\t\t\t// const v = await validationSchema.validateAt( // * * This line has commented for rerendering purpose\n\t\t\tawait validationSchema.validateAt(\n\t\t\t\tcolumn.id,\n\t\t\t\t{\n\t\t\t\t\t[column.id]: value\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tabortEarly: false\n\t\t\t\t}\n\t\t\t);\n\t\t\t// if (v) { // * * The if condition has commented for rerendering purpose\n\t\t\t\tconst fe: any = {}; // field error\n\t\t\t\tfor (const e in errors) {\n\t\t\t\t\tif (e != column.id) {\n\t\t\t\t\t\tfe[e] = errors[e];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tsetValidationErrors(fe);\n\t\t\t// }\n\t\t} catch (err) {\n\t\t\tif (err instanceof yup.ValidationError) {\n\t\t\t\tconst e: Record<string, string> = {};\n\t\t\t\terr.inner.forEach((error) => {\n\t\t\t\t\tif (error.path) {\n\t\t\t\t\t\te[error.path] = error.message;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tconst em = { ...errors, ...e };\n\t\t\t\tsetValidationErrors(em);\n\t\t\t}\n\t\t}\n\t};\n\n\t\n\n\t// ** Detect onChnage to perform the action on an input change.\n\tconst onChange = async (e: any, type: string,selectedData:any) => {\n\t\tconst data = selectedData\n\t\tlet value;\n\t\tswitch (type) {\n\t\t\tcase 'date':\n\t\t\tcase 'file':\n\t\t\tcase 'image':\n\t\t\tcase 'phone':\n\t\t\t\tvalue = e;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: e });\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\tcase 'number':\n\t\t\t\tvalue = e.target.value;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: value });\n\t\t\t\tbreak;\n\t\t\tcase 'checkbox':\n\t\t\t\tvalue = e.target.checked;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: value });\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tvalue = e.target.value;\n\t\t\t\tbreak;\n\t\t}\n\t\tsetInputValue({ ...inputValue, [column.id]: value });\n\t\t\n\t\tif (onChangeRowField) {\n\t\t\tconst v = await onChangeRowField(e, type, row, col, data);\n\t\t\tif (v) {\n\t\t\t\trow._valuesCache = { ...row._valuesCache, ...v };\n\t\t\t\tsetInputValue({ ...inputValue, ...v });\n\t\t\t}\n\t\t}\n\t\tsetInputValue({ ...inputValue, [column.id]: value });\n\t\trow._valuesCache = { ...row._valuesCache, [column.id]: value };\n\t\t\n\t\tawait validate(value);\n\t};\n\n\tuseEffect(() => {\n\t\tsetInputValue({ ...inputValue, ...row._valuesCache });\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [row._valuesCache]);\n\n\tuseEffect(() => {\n\t\tif (!isInitialSet) {\n\t\t\tconst editFields = Object.keys(row._valuesCache || {});\n\t\t\tconst dValues: any = {};\n\n\t\t\trow.getAllCells().forEach((cell) => {\n\t\t\t\tif (\n\t\t\t\t\tcell.column.columnDef?.enableEditing === undefined ||\n\t\t\t\t\tcell.column.columnDef?.enableEditing === true\n\t\t\t\t) {\n\t\t\t\t\tconst { is_multiple, valueKey } =\n\t\t\t\t\t\tcell.column.columnDef?.editProperties || {};\n\t\t\t\t\tif (editFields.includes(cell.column.id)) {\n\t\t\t\t\t\tconst vl = _.get(row.original, valueKey);\n\t\t\t\t\t\tif (editVariant === 'select' && is_multiple) {\n\t\t\t\t\t\t\tdValues[cell.column.id] = vl\n\t\t\t\t\t\t\t\t? Array.isArray(vl)\n\t\t\t\t\t\t\t\t\t? vl\n\t\t\t\t\t\t\t\t\t: [vl]\n\t\t\t\t\t\t\t\t: [];\n\t\t\t\t\t\t} else if (editVariant === 'date' || editVariant === 'date_time') {\n\t\t\t\t\t\t\tdValues[cell.column.id] = vl\n\t\t\t\t\t\t\t\t? dayjs(vl).isValid()\n\t\t\t\t\t\t\t\t\t? dayjs(vl)\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t: dayjs(row.original[cell.column.id]).isValid()\n\t\t\t\t\t\t\t\t\t? dayjs(row.original[cell.column.id])\n\t\t\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tdValues[cell.column.id] = _.get(\n\t\t\t\t\t\t\t\trow.original,\n\t\t\t\t\t\t\t\tvalueKey,\n\t\t\t\t\t\t\t\trow.original[cell.column.id]\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t\t// setFieldsValues(dValues);\n\t\t\trow._valuesCache = dValues;\n\t\t\tsetInputValue(dValues);\n\t\t\tsetIsInitialSet(true);\n\t\t}\n\t}, [row, editVariant, isInitialSet]);\n\treturn (\n\t\t<>\n\t\t\t{(!editVariant || editVariant === 'number') && (\n\t\t\t\t<TextField\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\t// onBlur={(e) => onBlur(e)}\n\t\t\t\t\t// onKeyDown={onKeyDown}\n\t\t\t\t\tonChange={(e) => onChange(e, editVariant)}\n\t\t\t\t\tvalue={inputValue?.[column.id]}\n\t\t\t\t\tautoFocus={editCols?.[0]?.accessorKey === column.id}\n\t\t\t\t\ttype={editVariant || 'text'}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tplaceholder={fieldProperties?.placeholder || ''}\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'select' && (\n\t\t\t\t<Box display='flex' flexDirection='column' width='100%'>\n\t\t\t\t\t<SearchableSelect\n\t\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\t\tplaceholder={fieldProperties?.placeholder || ''}\n\t\t\t\t\t\tsearchPlaceholder={`Search ${col.header}`}\n\t\t\t\t\t\tonChange={(e, row) => onChange(e, 'select', row)}\n\t\t\t\t\t\tapiType={fieldProperties?.apiType}\n\t\t\t\t\t\tautoFocus={editCols?.[0]?.accessorKey === column.id}\n\t\t\t\t\t\toptions={col?.editSelectOptions}\n\t\t\t\t\t\tcustomeFilter={customFilter.current}\n\t\t\t\t\t\tfilterKey={fieldProperties?.filterKey}\n\t\t\t\t\t\tlabelKey={fieldProperties?.labelKey}\n\t\t\t\t\t\tvalueKey={fieldProperties?.bindingKey}\n\t\t\t\t\t\tattributes={fieldProperties.attributes}\n\t\t\t\t\t\tisInternal={fieldProperties?.isInternal || !fieldProperties?.apiType}\n\t\t\t\t\t\tmultiple={fieldProperties?.is_multiple}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tfieldProperties?.is_multiple\n\t\t\t\t\t\t\t\t? Array.isArray(inputValue?.[column.id])\n\t\t\t\t\t\t\t\t\t? inputValue?.[column.id]\n\t\t\t\t\t\t\t\t\t: []\n\t\t\t\t\t\t\t\t: inputValue?.[column.id]\n\t\t\t\t\t\t}\n\t\t\t\t\t\tgetSelectedData={(row)=>getSelectedData(fieldProperties?.field_name,row)}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{errors?.[column.id] && (\n\t\t\t\t\t\t<Typography color='theme.error.600' type='s5'>\n\t\t\t\t\t\t\t{errors?.[column.id]}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\t\t\t)}\n\t\t\t{editVariant === 'date' && (\n\t\t\t\t<DatePicker\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'date')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tdayjs(row._valuesCache[column.id]).isValid()\n\t\t\t\t\t\t\t? dayjs(row._valuesCache[column.id])\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t\tminDate={fieldProperties?.min_date}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'date_time' && (\n\t\t\t\t<DateTimePicker\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'date')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tdayjs(row._valuesCache[column.id]).isValid()\n\t\t\t\t\t\t\t? dayjs(row._valuesCache[column.id])\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{(editVariant === 'file' || editVariant === 'image') && (\n\t\t\t\t<Box display='flex' flexDirection='column'>\n\t\t\t\t\t<UploadMedia\n\t\t\t\t\t\tname={fieldProperties?.field_name || 'table_file'}\n\t\t\t\t\t\tdataPosition={0}\n\t\t\t\t\t\tdataName='table_file'\n\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\ttype={editVariant}\n\t\t\t\t\t\tmax_size={10}\n\t\t\t\t\t\tonChange={(v) => onChange(v, 'file')}\n\t\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\t\tmultiple={Boolean(column?.is_multiple)}\n\t\t\t\t\t\tvalue={row._valuesCache[column.id]}\n\t\t\t\t\t/>\n\t\t\t\t\t{errors?.[column.id] && (\n\t\t\t\t\t\t<Typography color='theme.error.600' type='s5'>\n\t\t\t\t\t\t\t{errors?.[column.id]}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\t\t\t)}\n\t\t\t{editVariant === 'phone' && (\n\t\t\t\t<PhoneInput\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefault_value={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'phone')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={row._valuesCache?.[column.id]}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t\tisInlineEditing={true}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'checkbox' && (\n\t\t\t\t<Checkbox\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultChecked={Boolean(defaultValue)}\n\t\t\t\t\t// checked={Boolean(defaultValue)}\n\t\t\t\t\tonChange={(v) => onChange(v, 'checkbox')}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={row._valuesCache?.[column.id]}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default InlineEditFields;\n"],"names":["col","row","yup","_a","_b","valueKey","_c"],"mappings":"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"}

package/dist/components/material-table/components/inline-edit-fields/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/material-table/components/inline-edit-fields.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Box } from '@mui/material';\n\nimport Typography from '../../typography/typography';\nimport DatePicker from '../../date-picker/date-picker';\nimport DateTimePicker from '../../date-time-picker/date-time-picker';\nimport TextField from '../../text-field/text-field';\nimport UploadMedia from '../../upload-media/upload-media';\n\nimport * as yup from 'yup';\nimport _ from 'lodash';\nimport dayjs from 'dayjs';\nimport PhoneInput from '../../phone-input/phone-input';\nimport Checkbox from '../../checkbox/checkbox';\nimport SearchableSelect from '../../searchable-select';\n\ninterface IInlineEditFields {\n\tcell: any;\n\tcolumn: any;\n\trow: any;\n\ttable: any;\n\tcol: any;\n\tcallback: (value: any, column: any, rowId: any) => any;\n\terrors: any;\n\tvalidationSchema: any;\n\tsetValidationErrors: any;\n\tonChangeRowField?: (e: any, type: string, row: any) => any;\n\tgetSelectedData: any\n}\nconst InlineEditFields: React.FC<IInlineEditFields> = ({\n\t// cell,\n\tcolumn,\n\trow,\n\t// table,\n\tcol,\n\t// callback,\n\terrors,\n\tvalidationSchema,\n\tsetValidationErrors,\n\tonChangeRowField,\n\tgetSelectedData\n}) => {\n\n\tconst [inputValue, setInputValue] = useState<any>();\n\tconst [isInitialSet, setIsInitialSet] = useState<any>(false);\n\tconst customFilter = useRef(null)\n\t// ** Getting only editing enabled fields.\n\tconst editCols = row\n\t\t.getAllCells()\n\t\t.map((col: any) => col.column.columnDef)\n\t\t.filter(\n\t\t\t(col: any) =>\n\t\t\t\tcol?.enableEditing === undefined || col?.enableEditing === true\n\t\t);\n\n\tconst editVariant = col.editVariant;\n\tconst fieldProperties = column.columnDef?.editProperties || {};\n\n\t// ** Default and Dynamic disbaling a field with row data\n\tlet fieldDisbled = false;\n\tif (fieldProperties?.disable) {\n\t\tif (typeof fieldProperties.disable === 'function') {\n\t\t\tfieldDisbled = Boolean(fieldProperties?.disable(row, row._valuesCache));\n\t\t} else {\n\t\t\tfieldDisbled = Boolean(fieldProperties.disable);\n\t\t}\n\t}\n\n\tconst handleCustomFilter = useCallback(async (row, values) => {\n\n\t\ttry {\n\t\t\tif (typeof fieldProperties.customeFilter === 'function') {\n\t\t\t\tconst filter = await fieldProperties.customeFilter(row, values);\n\t\t\t\tcustomFilter.current = filter;\n\t\t\t\treturn filter;\n\t\t\t} else {\n\t\t\t\tcustomFilter.current = fieldProperties?.customeFilter;\n\t\t\t}\n\t\t} catch (error) {\n\t\t\treturn null;\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [fieldProperties, row, row._valuesCache]);\n\n\n\tuseEffect(() => {\n\t\thandleCustomFilter(row, row._valuesCache)\n\t}, [handleCustomFilter, row, row._valuesCache]);\n\t// ** Setting a default value for edit mode.\n\tconst valueKey = fieldProperties?.valueKey;\n\tlet defaultValue: any = '';\n\n\tif (editVariant === 'select' && fieldProperties?.is_multiple) {\n\t\tdefaultValue = valueKey ? _.get(row.original, valueKey, []) : [];\n\t} else {\n\t\tdefaultValue = valueKey\n\t\t\t? _.get(row.original, valueKey, row.original[column.id])\n\t\t\t: row.original[column.id];\n\t}\n\n\t// ** Validate a field with Material Table Validation Schema.\n\tconst validate = async (value: any) => {\n\t\ttry {\n\t\t\t// const v = await validationSchema.validateAt( // * * This line has commented for rerendering purpose\n\t\t\tawait validationSchema.validateAt(\n\t\t\t\tcolumn.id,\n\t\t\t\t{\n\t\t\t\t\t[column.id]: value\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tabortEarly: false\n\t\t\t\t}\n\t\t\t);\n\t\t\t// if (v) { // * * The if condition has commented for rerendering purpose\n\t\t\tconst fe: any = {}; // field error\n\t\t\tfor (const e in errors) {\n\t\t\t\tif (e != column.id) {\n\t\t\t\t\tfe[e] = errors[e];\n\t\t\t\t}\n\t\t\t}\n\t\t\tsetValidationErrors(fe);\n\t\t\t// }\n\t\t} catch (err) {\n\t\t\tif (err instanceof yup.ValidationError) {\n\t\t\t\tconst e: Record<string, string> = {};\n\t\t\t\terr.inner.forEach((error) => {\n\t\t\t\t\tif (error.path) {\n\t\t\t\t\t\te[error.path] = error.message;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tconst em = { ...errors, ...e };\n\t\t\t\tsetValidationErrors(em);\n\t\t\t}\n\t\t}\n\t};\n\n\n\n\t// ** Detect onChnage to perform the action on an input change.\n\tconst onChange = async (e: any, type: string, selectedData: any) => {\n\t\tconst data = selectedData\n\t\tlet value;\n\t\tswitch (type) {\n\t\t\tcase 'date':\n\t\t\tcase 'file':\n\t\t\tcase 'image':\n\t\t\tcase 'phone':\n\t\t\t\tvalue = e;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: e });\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\tcase 'number':\n\t\t\t\tvalue = e.target.value;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: value });\n\t\t\t\tbreak;\n\t\t\tcase 'checkbox':\n\t\t\t\tvalue = e.target.checked;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: value });\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tvalue = e.target.value;\n\t\t\t\tbreak;\n\t\t}\n\t\tsetInputValue({ ...inputValue, [column.id]: value });\n\n\t\tif (onChangeRowField) {\n\t\t\tconst v = await onChangeRowField(e, type, row, col, data);\n\t\t\tif (v) {\n\t\t\t\trow._valuesCache = { ...row._valuesCache, ...v };\n\t\t\t\tsetInputValue({ ...inputValue, ...v });\n\t\t\t}\n\t\t}\n\t\tsetInputValue({ ...inputValue, [column.id]: value });\n\t\trow._valuesCache = { ...row._valuesCache, [column.id]: value };\n\n\t\tawait validate(value);\n\t};\n\n\tuseEffect(() => {\n\t\tsetInputValue({ ...inputValue, ...row._valuesCache });\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [row._valuesCache]);\n\n\tuseEffect(() => {\n\t\tif (!isInitialSet) {\n\t\t\tconst editFields = Object.keys(row._valuesCache || {});\n\t\t\tconst dValues: any = {};\n\n\t\t\trow.getAllCells().forEach((cell) => {\n\t\t\t\tif (\n\t\t\t\t\tcell.column.columnDef?.enableEditing === undefined ||\n\t\t\t\t\tcell.column.columnDef?.enableEditing === true\n\t\t\t\t) {\n\t\t\t\t\tconst { is_multiple, valueKey } =\n\t\t\t\t\t\tcell.column.columnDef?.editProperties || {};\n\t\t\t\t\tif (editFields.includes(cell.column.id)) {\n\t\t\t\t\t\tconst vl = _.get(row.original, valueKey);\n\t\t\t\t\t\tif (editVariant === 'select' && is_multiple) {\n\t\t\t\t\t\t\tdValues[cell.column.id] = vl\n\t\t\t\t\t\t\t\t? Array.isArray(vl)\n\t\t\t\t\t\t\t\t\t? vl\n\t\t\t\t\t\t\t\t\t: [vl]\n\t\t\t\t\t\t\t\t: [];\n\t\t\t\t\t\t} else if (editVariant === 'date' || editVariant === 'date_time') {\n\t\t\t\t\t\t\tdValues[cell.column.id] = vl\n\t\t\t\t\t\t\t\t? dayjs(vl).isValid()\n\t\t\t\t\t\t\t\t\t? dayjs(vl)\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t: dayjs(row.original[cell.column.id]).isValid()\n\t\t\t\t\t\t\t\t\t? dayjs(row.original[cell.column.id])\n\t\t\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tdValues[cell.column.id] = _.get(\n\t\t\t\t\t\t\t\trow.original,\n\t\t\t\t\t\t\t\tvalueKey,\n\t\t\t\t\t\t\t\trow.original[cell.column.id]\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t\t// setFieldsValues(dValues);\n\t\t\trow._valuesCache = dValues;\n\t\t\tsetInputValue(dValues);\n\t\t\tsetIsInitialSet(true);\n\t\t}\n\t}, [row, editVariant, isInitialSet]);\n\treturn (\n\t\t<>\n\t\t\t{(!editVariant || editVariant === 'number') && (\n\t\t\t\t<TextField\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\t// onBlur={(e) => onBlur(e)}\n\t\t\t\t\t// onKeyDown={onKeyDown}\n\t\t\t\t\tonChange={(e) => onChange(e, editVariant)}\n\t\t\t\t\tvalue={inputValue?.[column.id]}\n\t\t\t\t\tautoFocus={editCols?.[0]?.accessorKey === column.id}\n\t\t\t\t\ttype={editVariant || 'text'}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tplaceholder={fieldProperties?.placeholder || ''}\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'select' && (\n\t\t\t\t<Box display='flex' flexDirection='column' width='100%'>\n\t\t\t\t\t<SearchableSelect\n\t\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\t\tplaceholder={fieldProperties?.placeholder || ''}\n\t\t\t\t\t\tsearchPlaceholder={`Search ${col.header}`}\n\t\t\t\t\t\tonChange={(e, row) => onChange(e, 'select', row)}\n\t\t\t\t\t\tapiType={fieldProperties?.apiType}\n\t\t\t\t\t\tautoFocus={editCols?.[0]?.accessorKey === column.id}\n\t\t\t\t\t\toptions={col?.editSelectOptions}\n\t\t\t\t\t\tcustomeFilter={customFilter.current}\n\t\t\t\t\t\tfilterKey={fieldProperties?.filterKey}\n\t\t\t\t\t\tlabelKey={fieldProperties?.labelKey}\n\t\t\t\t\t\tvalueKey={fieldProperties?.bindingKey}\n\t\t\t\t\t\tattributes={fieldProperties.attributes}\n\t\t\t\t\t\tisInternal={fieldProperties?.isInternal || !fieldProperties?.apiType}\n\t\t\t\t\t\tmultiple={fieldProperties?.is_multiple}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tfieldProperties?.is_multiple\n\t\t\t\t\t\t\t\t? Array.isArray(inputValue?.[column.id])\n\t\t\t\t\t\t\t\t\t? inputValue?.[column.id]\n\t\t\t\t\t\t\t\t\t: []\n\t\t\t\t\t\t\t\t: inputValue?.[column.id]\n\t\t\t\t\t\t}\n\t\t\t\t\t\tgetSelectedData={(row) => getSelectedData(fieldProperties?.field_name, row)}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{errors?.[column.id] && (\n\t\t\t\t\t\t<Typography color='theme.error.600' type='s5'>\n\t\t\t\t\t\t\t{errors?.[column.id]}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\t\t\t)}\n\t\t\t{editVariant === 'date' && (\n\t\t\t\t<DatePicker\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'date')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tdayjs(row._valuesCache[column.id]).isValid()\n\t\t\t\t\t\t\t? dayjs(row._valuesCache[column.id])\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t\tminDate={fieldProperties?.min_date}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'date_time' && (\n\t\t\t\t<DateTimePicker\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'date')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tdayjs(row._valuesCache[column.id]).isValid()\n\t\t\t\t\t\t\t? dayjs(row._valuesCache[column.id])\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{(editVariant === 'file' || editVariant === 'image') && (\n\t\t\t\t<Box display='flex' flexDirection='column'>\n\t\t\t\t\t<UploadMedia\n\t\t\t\t\t\tname={fieldProperties?.field_name || 'table_file'}\n\t\t\t\t\t\tdataPosition={0}\n\t\t\t\t\t\tdataName='table_file'\n\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\ttype={editVariant}\n\t\t\t\t\t\tmax_size={10}\n\t\t\t\t\t\tonChange={(v) => onChange(v, 'file')}\n\t\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\t\tmultiple={Boolean(column?.is_multiple)}\n\t\t\t\t\t\tvalue={row._valuesCache[column.id]}\n\t\t\t\t\t/>\n\t\t\t\t\t{errors?.[column.id] && (\n\t\t\t\t\t\t<Typography color='theme.error.600' type='s5'>\n\t\t\t\t\t\t\t{errors?.[column.id]}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\t\t\t)}\n\t\t\t{editVariant === 'phone' && (\n\t\t\t\t<PhoneInput\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefault_value={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'phone')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={row._valuesCache?.[column.id]}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t\tisInlineEditing={true}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'checkbox' && (\n\t\t\t\t<Checkbox\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultChecked={Boolean(defaultValue)}\n\t\t\t\t\t// checked={Boolean(defaultValue)}\n\t\t\t\t\tonChange={(v) => onChange(v, 'checkbox')}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={row._valuesCache?.[column.id]}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default InlineEditFields;\n"],"names":["column","row","col","errors","validationSchema","setValidationErrors","onChangeRowField","getSelectedData","inputValue","setInputValue","useState","isInitialSet","setIsInitialSet","customFilter","useRef","editCols","getAllCells","map","columnDef","filter","enableEditing","editVariant","fieldProperties","_a","editProperties","fieldDisbled","disable","Boolean","_valuesCache","handleCustomFilter","useCallback","async","values","customeFilter","current","error","useEffect","valueKey","defaultValue","is_multiple","_","get","original","id","onChange","e","type","selectedData","data","value","target","checked","v","validateAt","abortEarly","fe","err","yup","ValidationError","inner","forEach","path","message","em","validate","editFields","Object","keys","dValues","cell","_b","_c","includes","vl","Array","isArray","dayjs","isValid","jsxs","Fragment","children","jsx","TextField","autoFocus","accessorKey","helperText","placeholder","name","field_name","disabled","Box","display","flexDirection","width","SearchableSelect","searchPlaceholder","header","apiType","options","editSelectOptions","filterKey","labelKey","bindingKey","attributes","isInternal","multiple","Typography","color","DatePicker","textFieldProps","_d","format","dateFormat","minDate","min_date","DateTimePicker","_e","UploadMedia","dataPosition","dataName","label","max_size","PhoneInput","default_value","_f","_g","isInlineEditing","Checkbox","defaultChecked","_h"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/material-table/components/inline-edit-fields.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Box } from '@mui/material';\n\nimport Typography from '../../typography/typography';\nimport DatePicker from '../../date-picker/date-picker';\nimport DateTimePicker from '../../date-time-picker/date-time-picker';\nimport TextField from '../../text-field/text-field';\nimport UploadMedia from '../../upload-media/upload-media';\n\nimport * as yup from 'yup';\nimport _ from 'lodash';\nimport dayjs from 'dayjs';\nimport PhoneInput from '../../phone-input/phone-input';\nimport Checkbox from '../../checkbox/checkbox';\nimport SearchableSelect from '../../searchable-select';\n\ninterface IInlineEditFields {\n\tcell: any;\n\tcolumn: any;\n\trow: any;\n\ttable: any;\n\tcol: any;\n\tcallback: (value: any, column: any, rowId: any) => any;\n\terrors: any;\n\tvalidationSchema: any;\n\tsetValidationErrors: any;\n\tonChangeRowField?: (e: any, type: string, row: any) => any;\n\tgetSelectedData:any\n}\nconst InlineEditFields: React.FC<IInlineEditFields> = ({\n\t// cell,\n\tcolumn,\n\trow,\n\t// table,\n\tcol,\n\t// callback,\n\terrors,\n\tvalidationSchema,\n\tsetValidationErrors,\n\tonChangeRowField,\n\tgetSelectedData\n}) => {\n\n\tconst [inputValue, setInputValue] = useState<any>();\n\tconst [isInitialSet, setIsInitialSet] = useState<any>(false);\n    const customFilter=useRef(null)\n\t// ** Getting only editing enabled fields.\n\tconst editCols = row\n\t\t.getAllCells()\n\t\t.map((col: any) => col.column.columnDef)\n\t\t.filter(\n\t\t\t(col: any) =>\n\t\t\t\tcol?.enableEditing === undefined || col?.enableEditing === true\n\t\t);\n\n\tconst editVariant = col.editVariant;\n\tconst fieldProperties = column.columnDef?.editProperties || {};\n\n\t// ** Default and Dynamic disbaling a field with row data\n\tlet fieldDisbled = false;\n\tif (fieldProperties?.disable) {\n\t\tif (typeof fieldProperties.disable === 'function') {\n\t\t\tfieldDisbled = Boolean(fieldProperties?.disable(row, row._valuesCache));\n\t\t} else {\n\t\t\tfieldDisbled = Boolean(fieldProperties.disable);\n\t\t}\n\t}\n\n\tconst handleCustomFilter = useCallback(async (row, values) => {\n\t\t\n\t\ttry {\n\t\t\tif (typeof fieldProperties.customeFilter === 'function') {\n\t\t\t\tconst filter = await fieldProperties.customeFilter(row, values);\n\t\t\t\tcustomFilter.current = filter;\n\t\t\t\treturn filter;\n\t\t\t} else {\n\t\t\t\tcustomFilter.current = fieldProperties?.customeFilter;\n\t\t\t}\n\t\t} catch (error) {\n\t\t\treturn null;\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [fieldProperties, row, row._valuesCache]);\n\n\t\n\tuseEffect(()=>{\n\t\thandleCustomFilter(row, row._valuesCache)\n\t},[handleCustomFilter,row,row._valuesCache]);\n\t// ** Setting a default value for edit mode.\n\tconst valueKey = fieldProperties?.valueKey;\n\tlet defaultValue: any = '';\n\n\tif (editVariant === 'select' && fieldProperties?.is_multiple) {\n\t\tdefaultValue = valueKey ? _.get(row.original, valueKey, []) : [];\n\t} else {\n\t\tdefaultValue = valueKey\n\t\t\t? _.get(row.original, valueKey, row.original[column.id])\n\t\t\t: row.original[column.id];\n\t}\n\n\t// ** Validate a field with Material Table Validation Schema.\n\tconst validate = async (value: any) => {\n\t\ttry {\n\t\t\t// const v = await validationSchema.validateAt( // * * This line has commented for rerendering purpose\n\t\t\tawait validationSchema.validateAt(\n\t\t\t\tcolumn.id,\n\t\t\t\t{\n\t\t\t\t\t[column.id]: value\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tabortEarly: false\n\t\t\t\t}\n\t\t\t);\n\t\t\t// if (v) { // * * The if condition has commented for rerendering purpose\n\t\t\t\tconst fe: any = {}; // field error\n\t\t\t\tfor (const e in errors) {\n\t\t\t\t\tif (e != column.id) {\n\t\t\t\t\t\tfe[e] = errors[e];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tsetValidationErrors(fe);\n\t\t\t// }\n\t\t} catch (err) {\n\t\t\tif (err instanceof yup.ValidationError) {\n\t\t\t\tconst e: Record<string, string> = {};\n\t\t\t\terr.inner.forEach((error) => {\n\t\t\t\t\tif (error.path) {\n\t\t\t\t\t\te[error.path] = error.message;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tconst em = { ...errors, ...e };\n\t\t\t\tsetValidationErrors(em);\n\t\t\t}\n\t\t}\n\t};\n\n\t\n\n\t// ** Detect onChnage to perform the action on an input change.\n\tconst onChange = async (e: any, type: string,selectedData:any) => {\n\t\tconst data = selectedData\n\t\tlet value;\n\t\tswitch (type) {\n\t\t\tcase 'date':\n\t\t\tcase 'file':\n\t\t\tcase 'image':\n\t\t\tcase 'phone':\n\t\t\t\tvalue = e;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: e });\n\t\t\t\tbreak;\n\t\t\tcase 'text':\n\t\t\tcase 'number':\n\t\t\t\tvalue = e.target.value;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: value });\n\t\t\t\tbreak;\n\t\t\tcase 'checkbox':\n\t\t\t\tvalue = e.target.checked;\n\t\t\t\t// setInputValue({ ...inputValue, [column.id]: value });\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tvalue = e.target.value;\n\t\t\t\tbreak;\n\t\t}\n\t\tsetInputValue({ ...inputValue, [column.id]: value });\n\t\t\n\t\tif (onChangeRowField) {\n\t\t\tconst v = await onChangeRowField(e, type, row, col, data);\n\t\t\tif (v) {\n\t\t\t\trow._valuesCache = { ...row._valuesCache, ...v };\n\t\t\t\tsetInputValue({ ...inputValue, ...v });\n\t\t\t}\n\t\t}\n\t\tsetInputValue({ ...inputValue, [column.id]: value });\n\t\trow._valuesCache = { ...row._valuesCache, [column.id]: value };\n\t\t\n\t\tawait validate(value);\n\t};\n\n\tuseEffect(() => {\n\t\tsetInputValue({ ...inputValue, ...row._valuesCache });\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [row._valuesCache]);\n\n\tuseEffect(() => {\n\t\tif (!isInitialSet) {\n\t\t\tconst editFields = Object.keys(row._valuesCache || {});\n\t\t\tconst dValues: any = {};\n\n\t\t\trow.getAllCells().forEach((cell) => {\n\t\t\t\tif (\n\t\t\t\t\tcell.column.columnDef?.enableEditing === undefined ||\n\t\t\t\t\tcell.column.columnDef?.enableEditing === true\n\t\t\t\t) {\n\t\t\t\t\tconst { is_multiple, valueKey } =\n\t\t\t\t\t\tcell.column.columnDef?.editProperties || {};\n\t\t\t\t\tif (editFields.includes(cell.column.id)) {\n\t\t\t\t\t\tconst vl = _.get(row.original, valueKey);\n\t\t\t\t\t\tif (editVariant === 'select' && is_multiple) {\n\t\t\t\t\t\t\tdValues[cell.column.id] = vl\n\t\t\t\t\t\t\t\t? Array.isArray(vl)\n\t\t\t\t\t\t\t\t\t? vl\n\t\t\t\t\t\t\t\t\t: [vl]\n\t\t\t\t\t\t\t\t: [];\n\t\t\t\t\t\t} else if (editVariant === 'date' || editVariant === 'date_time') {\n\t\t\t\t\t\t\tdValues[cell.column.id] = vl\n\t\t\t\t\t\t\t\t? dayjs(vl).isValid()\n\t\t\t\t\t\t\t\t\t? dayjs(vl)\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t: dayjs(row.original[cell.column.id]).isValid()\n\t\t\t\t\t\t\t\t\t? dayjs(row.original[cell.column.id])\n\t\t\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tdValues[cell.column.id] = _.get(\n\t\t\t\t\t\t\t\trow.original,\n\t\t\t\t\t\t\t\tvalueKey,\n\t\t\t\t\t\t\t\trow.original[cell.column.id]\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t\t// setFieldsValues(dValues);\n\t\t\trow._valuesCache = dValues;\n\t\t\tsetInputValue(dValues);\n\t\t\tsetIsInitialSet(true);\n\t\t}\n\t}, [row, editVariant, isInitialSet]);\n\treturn (\n\t\t<>\n\t\t\t{(!editVariant || editVariant === 'number') && (\n\t\t\t\t<TextField\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\t// onBlur={(e) => onBlur(e)}\n\t\t\t\t\t// onKeyDown={onKeyDown}\n\t\t\t\t\tonChange={(e) => onChange(e, editVariant)}\n\t\t\t\t\tvalue={inputValue?.[column.id]}\n\t\t\t\t\tautoFocus={editCols?.[0]?.accessorKey === column.id}\n\t\t\t\t\ttype={editVariant || 'text'}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tplaceholder={fieldProperties?.placeholder || ''}\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'select' && (\n\t\t\t\t<Box display='flex' flexDirection='column' width='100%'>\n\t\t\t\t\t<SearchableSelect\n\t\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\t\tplaceholder={fieldProperties?.placeholder || ''}\n\t\t\t\t\t\tsearchPlaceholder={`Search ${col.header}`}\n\t\t\t\t\t\tonChange={(e, row) => onChange(e, 'select', row)}\n\t\t\t\t\t\tapiType={fieldProperties?.apiType}\n\t\t\t\t\t\tautoFocus={editCols?.[0]?.accessorKey === column.id}\n\t\t\t\t\t\toptions={col?.editSelectOptions}\n\t\t\t\t\t\tcustomeFilter={customFilter.current}\n\t\t\t\t\t\tfilterKey={fieldProperties?.filterKey}\n\t\t\t\t\t\tlabelKey={fieldProperties?.labelKey}\n\t\t\t\t\t\tvalueKey={fieldProperties?.bindingKey}\n\t\t\t\t\t\tattributes={fieldProperties.attributes}\n\t\t\t\t\t\tisInternal={fieldProperties?.isInternal || !fieldProperties?.apiType}\n\t\t\t\t\t\tmultiple={fieldProperties?.is_multiple}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tfieldProperties?.is_multiple\n\t\t\t\t\t\t\t\t? Array.isArray(inputValue?.[column.id])\n\t\t\t\t\t\t\t\t\t? inputValue?.[column.id]\n\t\t\t\t\t\t\t\t\t: []\n\t\t\t\t\t\t\t\t: inputValue?.[column.id]\n\t\t\t\t\t\t}\n\t\t\t\t\t\tgetSelectedData={(row)=>getSelectedData(fieldProperties?.field_name,row)}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{errors?.[column.id] && (\n\t\t\t\t\t\t<Typography color='theme.error.600' type='s5'>\n\t\t\t\t\t\t\t{errors?.[column.id]}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\t\t\t)}\n\t\t\t{editVariant === 'date' && (\n\t\t\t\t<DatePicker\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'date')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tdayjs(row._valuesCache[column.id]).isValid()\n\t\t\t\t\t\t\t? dayjs(row._valuesCache[column.id])\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t\tminDate={fieldProperties?.min_date}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'date_time' && (\n\t\t\t\t<DateTimePicker\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'date')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tdayjs(row._valuesCache[column.id]).isValid()\n\t\t\t\t\t\t\t? dayjs(row._valuesCache[column.id])\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{(editVariant === 'file' || editVariant === 'image') && (\n\t\t\t\t<Box display='flex' flexDirection='column'>\n\t\t\t\t\t<UploadMedia\n\t\t\t\t\t\tname={fieldProperties?.field_name || 'table_file'}\n\t\t\t\t\t\tdataPosition={0}\n\t\t\t\t\t\tdataName='table_file'\n\t\t\t\t\t\tlabel=''\n\t\t\t\t\t\ttype={editVariant}\n\t\t\t\t\t\tmax_size={10}\n\t\t\t\t\t\tonChange={(v) => onChange(v, 'file')}\n\t\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\t\tmultiple={Boolean(column?.is_multiple)}\n\t\t\t\t\t\tvalue={row._valuesCache[column.id]}\n\t\t\t\t\t/>\n\t\t\t\t\t{errors?.[column.id] && (\n\t\t\t\t\t\t<Typography color='theme.error.600' type='s5'>\n\t\t\t\t\t\t\t{errors?.[column.id]}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\t\t\t)}\n\t\t\t{editVariant === 'phone' && (\n\t\t\t\t<PhoneInput\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefault_value={defaultValue}\n\t\t\t\t\tonChange={(v) => onChange(v, 'phone')}\n\t\t\t\t\ttextFieldProps={{\n\t\t\t\t\t\tautoFocus: editCols?.[0]?.accessorKey === column.id\n\t\t\t\t\t}}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={row._valuesCache?.[column.id]}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t\tisInlineEditing={true}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{editVariant === 'checkbox' && (\n\t\t\t\t<Checkbox\n\t\t\t\t\tname={fieldProperties?.field_name || ''}\n\t\t\t\t\tdefaultChecked={Boolean(defaultValue)}\n\t\t\t\t\t// checked={Boolean(defaultValue)}\n\t\t\t\t\tonChange={(v) => onChange(v, 'checkbox')}\n\t\t\t\t\terror={errors?.[column.id] ? true : false}\n\t\t\t\t\thelperText={errors?.[column.id]}\n\t\t\t\t\tformat={fieldProperties?.dateFormat}\n\t\t\t\t\tplaceholder={\n\t\t\t\t\t\tfieldProperties?.placeholder || fieldProperties?.dateFormat\n\t\t\t\t\t}\n\t\t\t\t\tvalue={row._valuesCache?.[column.id]}\n\t\t\t\t\tdisabled={fieldDisbled}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default InlineEditFields;\n"],"names":["column","row","col","errors","validationSchema","setValidationErrors","onChangeRowField","getSelectedData","inputValue","setInputValue","useState","isInitialSet","setIsInitialSet","customFilter","useRef","editCols","getAllCells","map","columnDef","filter","enableEditing","editVariant","fieldProperties","_a","editProperties","fieldDisbled","disable","Boolean","_valuesCache","handleCustomFilter","useCallback","async","values","customeFilter","current","error","useEffect","valueKey","defaultValue","is_multiple","_","get","original","id","onChange","e","type","selectedData","data","value","target","checked","v","validateAt","abortEarly","fe","err","yup","ValidationError","inner","forEach","path","message","em","validate","editFields","Object","keys","dValues","cell","_b","_c","includes","vl","Array","isArray","dayjs","isValid","jsxs","Fragment","children","jsx","TextField","autoFocus","accessorKey","helperText","placeholder","name","field_name","disabled","Box","display","flexDirection","width","SearchableSelect","searchPlaceholder","header","apiType","options","editSelectOptions","filterKey","labelKey","bindingKey","attributes","isInternal","multiple","Typography","color","DatePicker","textFieldProps","_d","format","dateFormat","minDate","min_date","DateTimePicker","_e","UploadMedia","dataPosition","dataName","label","max_size","PhoneInput","default_value","_f","_g","isInlineEditing","Checkbox","defaultChecked","_h"],"mappings":"2nCA8BsD,EAErDA,SACAC,MAEAC,MAEAC,SACAC,mBACAC,sBACAC,mBACAC,0CAGA,MAAOC,EAAYC,GAAiBC,cAC7BC,EAAcC,GAAmBF,EAAAA,UAAc,GAC7CG,EAAaC,EAAAA,OAAO,MAEvBC,EAAWd,EACfe,cACAC,IAAKf,GAAaA,EAAIF,OAAOkB,WAC7BC,OACCjB,QACuB,KAAvBA,MAAAA,OAAAA,EAAAA,EAAKkB,iBAAsD,WAAvBlB,WAAKkB,gBAGtCC,EAAcnB,EAAImB,YAClBC,GAAkB,OAAAC,EAAAvB,EAAOkB,gBAAP,EAAAK,EAAkBC,iBAAkB,CAAA,EAG5D,IAAIC,GAAe,SACfH,WAAiBI,WAEnBD,EADsC,mBAA5BH,EAAgBI,QACXC,QAAQ,MAAAL,OAAA,EAAAA,EAAiBI,QAAQzB,EAAKA,EAAI2B,eAE1CD,QAAQL,EAAgBI,UAIzC,MAAMG,EAAqBC,EAAAA,YAAYC,MAAO9B,EAAK+B,KAElD,IACC,GAA6C,mBAAlCV,EAAgBW,cAA8B,CACxD,MAAMd,QAAeG,EAAgBW,cAAchC,EAAK+B,GAExD,OADAnB,EAAaqB,QAAUf,EAChBA,CACR,CACCN,EAAaqB,QAAU,MAAAZ,OAAA,EAAAA,EAAiBW,aAE1C,OAASE,GACR,OAAO,IACR,GAEE,CAACb,EAAiBrB,EAAKA,EAAI2B,eAG9BQ,EAAAA,UAAU,KACTP,EAAmB5B,EAAKA,EAAI2B,eAC3B,CAACC,EAAmB5B,EAAIA,EAAI2B,eAE9B,MAAMS,EAAW,MAAAf,OAAA,EAAAA,EAAiBe,SAClC,IAAIC,EAAoB,GAGvBA,EADmB,WAAhBjB,IAA4B,MAAAC,OAAA,EAAAA,EAAiBiB,aACjCF,EAAWG,EAAAA,QAAEC,IAAIxC,EAAIyC,SAAUL,EAAU,IAAM,GAE/CA,EACZG,EAAAA,QAAEC,IAAIxC,EAAIyC,SAAUL,EAAUpC,EAAIyC,SAAS1C,EAAO2C,KAClD1C,EAAIyC,SAAS1C,EAAO2C,IAIxB,MAsCMC,EAAWb,MAAOc,EAAQC,EAAaC,KAC5C,MAAMC,EAAOD,EACb,IAAIE,EACJ,OAAQH,GACP,IAAK,OACL,IAAK,OACL,IAAK,QACL,IAAK,QACJG,EAAQJ,EAER,MACD,IAAK,OACL,IAAK,SAQL,QACCI,EAAQJ,EAAEK,OAAOD,MACjB,MAND,IAAK,WACJA,EAAQJ,EAAEK,OAAOC,QASnB,GAFA1C,EAAc,IAAKD,EAAY,CAACR,EAAO2C,IAAKM,IAExC3C,EAAkB,CACrB,MAAM8C,QAAU9C,EAAiBuC,EAAGC,EAAM7C,EAAKC,EAAK8C,GAChDI,IACHnD,EAAI2B,aAAe,IAAK3B,EAAI2B,gBAAiBwB,GAC7C3C,EAAc,IAAKD,KAAe4C,IAEpC,CACA3C,EAAc,IAAKD,EAAY,CAACR,EAAO2C,IAAKM,IAC5ChD,EAAI2B,aAAe,IAAK3B,EAAI2B,aAAc,CAAC5B,EAAO2C,IAAKM,QAxEvClB,OAAOkB,IACvB,UAEO7C,EAAiBiD,WACtBrD,EAAO2C,GACP,CACC,CAAC3C,EAAO2C,IAAKM,GAEd,CACCK,YAAY,IAIb,MAAMC,EAAU,CAAA,EAChB,IAAA,MAAWV,KAAK1C,EACX0C,GAAK7C,EAAO2C,KACfY,EAAGV,GAAK1C,EAAO0C,IAGjBxC,EAAoBkD,EAEtB,OAASC,GACR,GAAIA,aAAeC,EAAIC,gBAAiB,CACvC,MAAMb,EAA4B,CAAA,EAClCW,EAAIG,MAAMC,QAASzB,IACdA,EAAM0B,OACThB,EAAEV,EAAM0B,MAAQ1B,EAAM2B,WAGxB,MAAMC,EAAK,IAAK5D,KAAW0C,GAC3BxC,EAAoB0D,EACrB,CACD,GA0CMC,CAASf,IAoDhB,OAjDAb,EAAAA,UAAU,KACT3B,EAAc,IAAKD,KAAeP,EAAI2B,gBAEpC,CAAC3B,EAAI2B,eAERQ,EAAAA,UAAU,KACT,IAAKzB,EAAc,CAClB,MAAMsD,EAAaC,OAAOC,KAAKlE,EAAI2B,cAAgB,CAAA,GAC7CwC,EAAe,CAAA,EAErBnE,EAAIe,cAAc4C,QAASS,cAC1B,QAC0C,KAAzC,OAAA9C,EAAA8C,EAAKrE,OAAOkB,kBAAZK,EAAuBH,iBACkB,KAAzC,OAAAkD,EAAAD,EAAKrE,OAAOkB,gBAAZ,EAAAoD,EAAuBlD,eACtB,CACD,MAAMmB,YAAEA,EAAaF,SAAAA,IACpB,OAAAkC,EAAAF,EAAKrE,OAAOkB,gBAAZ,EAAAqD,EAAuB/C,iBAAkB,CAAA,EAC1C,GAAIyC,EAAWO,SAASH,EAAKrE,OAAO2C,IAAK,CACxC,MAAM8B,EAAKjC,EAAAA,QAAEC,IAAIxC,EAAIyC,SAAUL,GAE9B+B,EAAQC,EAAKrE,OAAO2C,IADD,WAAhBtB,GAA4BkB,EACLkC,EACvBC,MAAMC,QAAQF,GACbA,EACA,CAACA,GACF,GACuB,SAAhBpD,GAA0C,cAAhBA,EACVoD,EACvBG,EAAAA,QAAMH,GAAII,UACTD,EAAAA,QAAMH,QACN,EACDG,EAAAA,QAAM3E,EAAIyC,SAAS2B,EAAKrE,OAAO2C,KAAKkC,UACnCD,EAAAA,QAAM3E,EAAIyC,SAAS2B,EAAKrE,OAAO2C,UAC/B,EAEsBH,EAAAA,QAAEC,IAC3BxC,EAAIyC,SACJL,EACApC,EAAIyC,SAAS2B,EAAKrE,OAAO2C,IAG5B,CACD,IAGD1C,EAAI2B,aAAewC,EACnB3D,EAAc2D,GACdxD,GAAgB,EACjB,GACE,CAACX,EAAKoB,EAAaV,mBAErBmE,EAAAA,KAAAC,WAAA,CACGC,SAAA,GAAC3D,GAA+B,WAAhBA,mBACjB4D,EAAAA,IAACC,EAAAA,UAAA,CACA5C,eAGAM,SAAWC,GAAMD,EAASC,EAAGxB,GAC7B4B,YAAOzC,WAAaR,EAAO2C,IAC3BwC,WAAW,OAAAb,EAAA,MAAAvD,OAAA,EAAAA,EAAW,SAAX,EAAAuD,EAAec,eAAgBpF,EAAO2C,GACjDG,KAAMzB,GAAe,OACrBc,SAAO,MAAAhC,OAAA,EAAAA,EAASH,EAAO2C,KACvB0C,iBAAYlF,WAASH,EAAO2C,IAC5B2C,mBAAahE,WAAiBgE,cAAe,GAC7CC,YAAMjE,WAAiBkE,aAAc,GACrCC,SAAUhE,IAGK,WAAhBJ,kBACAyD,OAACY,EAAAA,QAAA,CAAIC,QAAQ,OAAOC,cAAc,SAASC,MAAM,OAChDb,SAAA;eAAAC,EAAAA,IAACa,EAAAA,QAAA,CACAP,YAAMjE,WAAiBkE,aAAc,GACrClD,eACAgD,mBAAahE,WAAiBgE,cAAe,GAC7CS,kBAAmB,UAAU7F,EAAI8F,SACjCpD,SAAU,CAACC,EAAG5C,IAAQ2C,EAASC,EAAG,SAAU5C,GAC5CgG,QAAS,MAAA3E,OAAA,EAAAA,EAAiB2E,QAC1Bd,WAAW,OAAAZ,EAAA,MAAAxD,OAAA,EAAAA,EAAW,SAAX,EAAAwD,EAAea,eAAgBpF,EAAO2C,GACjDuD,QAAS,MAAAhG,OAAA,EAAAA,EAAKiG,kBACdlE,cAAepB,EAAaqB,QAC5BkE,UAAW,MAAA9E,OAAA,EAAAA,EAAiB8E,UAC5BC,SAAU,MAAA/E,OAAA,EAAAA,EAAiB+E,SAC3BhE,SAAU,MAAAf,OAAA,EAAAA,EAAiBgF,WAC3BC,WAAYjF,EAAgBiF,WAC5BC,YAAY,MAAAlF,OAAA,EAAAA,EAAiBkF,eAAe,MAAAlF,OAAA,EAAAA,EAAiB2E,SAC7DQ,SAAU,MAAAnF,OAAA,EAAAA,EAAiBiB,YAC3BU,OACC,MAAA3B,OAAA,EAAAA,EAAiBiB,aACdmC,MAAMC,QAAQ,MAAAnE,OAAA,EAAAA,EAAaR,EAAO2C,WACjCnC,WAAaR,EAAO2C,IACpB,SACDnC,WAAaR,EAAO2C,IAExBpC,gBAAkBN,GAAMM,EAAgB,MAAAe,OAAA,EAAAA,EAAiBkE,WAAWvF,YAGpEE,WAASH,EAAO2C,qBAChBsC,EAAAA,IAACyB,EAAAA,WAAA,CAAWC,MAAM,kBAAkB7D,KAAK,KACvCkC,SAAA,MAAA7E,OAAA,EAAAA,EAASH,EAAO2C,SAKJ,SAAhBtB,kBACA4D,EAAAA,IAAC2B,EAAAA,WAAA,CACArB,YAAMjE,WAAiBkE,aAAc,GACrClD,eACAM,SAAWQ,GAAMR,EAASQ,EAAG,QAC7ByD,eAAgB,CACf1B,WAAW,OAAA2B,EAAA,MAAA/F,OAAA,EAAAA,EAAW,SAAX,EAAA+F,EAAe1B,eAAgBpF,EAAO2C,IAElDR,SAAO,MAAAhC,OAAA,EAAAA,EAASH,EAAO2C,KACvB0C,iBAAYlF,WAASH,EAAO2C,IAC5BoE,OAAQ,MAAAzF,OAAA,EAAAA,EAAiB0F,WACzB1B,aACC,MAAAhE,OAAA,EAAAA,EAAiBgE,eAAe,MAAAhE,OAAA,EAAAA,EAAiB0F,YAElD/D,MACC2B,EAAAA,QAAM3E,EAAI2B,aAAa5B,EAAO2C,KAAKkC,UAChCD,EAAAA,QAAM3E,EAAI2B,aAAa5B,EAAO2C,UAC9B,EAEJ8C,SAAUhE,EACVwF,QAAS,MAAA3F,OAAA,EAAAA,EAAiB4F,WAGX,cAAhB7F,kBACA4D,EAAAA,IAACkC,EAAAA,eAAA,CACA5B,YAAMjE,WAAiBkE,aAAc,GACrClD,eACAM,SAAWQ,GAAMR,EAASQ,EAAG,QAC7ByD,eAAgB,CACf1B,WAAW,OAAAiC,EAAA,MAAArG,OAAA,EAAAA,EAAW,SAAX,EAAAqG,EAAehC,eAAgBpF,EAAO2C,IAElDR,SAAO,MAAAhC,OAAA,EAAAA,EAASH,EAAO2C,KACvB0C,iBAAYlF,WAASH,EAAO2C,IAC5BoE,OAAQ,MAAAzF,OAAA,EAAAA,EAAiB0F,WACzB1B,aACC,MAAAhE,OAAA,EAAAA,EAAiBgE,eAAe,MAAAhE,OAAA,EAAAA,EAAiB0F,YAElD/D,MACC2B,EAAAA,QAAM3E,EAAI2B,aAAa5B,EAAO2C,KAAKkC,UAChCD,EAAAA,QAAM3E,EAAI2B,aAAa5B,EAAO2C,UAC9B,EAEJ8C,SAAUhE,KAGM,SAAhBJ,GAA0C,UAAhBA,0BAC1BqE,UAAA,CAAIC,QAAQ,OAAOC,cAAc,SACjCZ,SAAA;eAAAC,EAAAA,IAACoC,EAAAA,YAAA,CACA9B,YAAMjE,WAAiBkE,aAAc,aACrC8B,aAAc,EACdC,SAAS,aACTC,MAAM,GACN1E,KAAMzB,EACNoG,SAAU,GACV7E,SAAWQ,GAAMR,EAASQ,EAAG,QAC7BjB,SAAO,MAAAhC,OAAA,EAAAA,EAASH,EAAO2C,KACvB8D,SAAU9E,QAAQ,MAAA3B,OAAA,EAAAA,EAAQuC,aAC1BU,MAAOhD,EAAI2B,aAAa5B,EAAO2C,aAE/BxC,WAASH,EAAO2C,qBAChBsC,EAAAA,IAACyB,EAAAA,WAAA,CAAWC,MAAM,kBAAkB7D,KAAK,KACvCkC,SAAA,MAAA7E,OAAA,EAAAA,EAASH,EAAO2C,SAKJ,UAAhBtB,kBACA4D,EAAAA,IAACyC,EAAAA,WAAA,CACAnC,YAAMjE,WAAiBkE,aAAc,GACrCmC,cAAerF,EACfM,SAAWQ,GAAMR,EAASQ,EAAG,SAC7ByD,eAAgB,CACf1B,WAAW,OAAAyC,EAAA,MAAA7G,OAAA,EAAAA,EAAW,SAAX,EAAA6G,EAAexC,eAAgBpF,EAAO2C,IAElDR,SAAO,MAAAhC,OAAA,EAAAA,EAASH,EAAO2C,KACvB0C,iBAAYlF,WAASH,EAAO2C,IAC5BoE,OAAQ,MAAAzF,OAAA,EAAAA,EAAiB0F,WACzB1B,aACC,MAAAhE,OAAA,EAAAA,EAAiBgE,eAAe,MAAAhE,OAAA,EAAAA,EAAiB0F,YAElD/D,MAAO,OAAA4E,EAAA5H,EAAI2B,mBAAJ,EAAAiG,EAAmB7H,EAAO2C,IACjC8C,SAAUhE,EACVqG,iBAAiB,IAGF,aAAhBzG,kBACA4D,EAAAA,IAAC8C,EAAAA,SAAA,CACAxC,YAAMjE,WAAiBkE,aAAc,GACrCwC,eAAgBrG,QAAQW,GAExBM,SAAWQ,GAAMR,EAASQ,EAAG,YAC7BjB,SAAO,MAAAhC,OAAA,EAAAA,EAASH,EAAO2C,KACvB0C,iBAAYlF,WAASH,EAAO2C,IAC5BoE,OAAQ,MAAAzF,OAAA,EAAAA,EAAiB0F,WACzB1B,aACC,MAAAhE,OAAA,EAAAA,EAAiBgE,eAAe,MAAAhE,OAAA,EAAAA,EAAiB0F,YAElD/D,MAAO,OAAAgF,EAAAhI,EAAI2B,mBAAJ,EAAAqG,EAAmBjI,EAAO2C,IACjC8C,SAAUhE"}

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

@@ -8,6 +8,8 @@ import { LanguageProvider } from "../../../contexts/languageContext/index.esm.js
 import { PageProvider } from "../../../contexts/page-context/index.esm.js";
 import { PermissionsProvider } from "../../../contexts/permission-context/index.esm.js";
 import MUIThemeWrapper from "../../../theme/themeWrapper/index.esm.js";
+import { initializeApiConfig } from "../../../utils/api-config/index.esm.js";
+import { initializeApiBaseUrls } from "../../../utils/api/index.esm.js";
 import { createLibraryStore } from "../../../redux/store/index.esm.js";
 import { createDarkTheme, createLightTheme } from "../../../theme/theme-impl/index.esm.js";
 const ERPUIContext = createContext({
@@ -42,8 +44,20 @@ const ERPUIProvider = ({
     maxSnack: 3,
     anchorOrigin: { vertical: "top", horizontal: "right" },
     autoHideDuration: 5e3
-  }
+  },
+  // API configuration
+  apiConfig: providedApiConfig
 }) => {
+  const isInitialized = React__default.useRef(false);
+  if (providedApiConfig && !isInitialized.current) {
+    try {
+      initializeApiConfig(providedApiConfig);
+      initializeApiBaseUrls();
+      isInitialized.current = true;
+    } catch (error) {
+      console.error("Failed to initialize API configuration:", error);
+    }
+  }
   const store = React__default.useMemo(() => {
     if (!useRedux) return null;
     if (reduxStore) {

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';\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';\nimport { initializeApiConfig, ApiConfig } from '../../utils/api-config';\nimport { initializeApiBaseUrls } from '../../utils/api';\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  // API configuration\n  apiConfig?: ApiConfig;\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  // API configuration\n  apiConfig: providedApiConfig,\n}) => {\n\n  // Initialize API configuration synchronously before first render\n  // This prevents \"API configuration not initialized\" errors when components\n  // try to use the API during initial render\n  const isInitialized = React.useRef(false);\n\n  if (providedApiConfig && !isInitialized.current) {\n    try {\n      initializeApiConfig(providedApiConfig);\n      initializeApiBaseUrls();\n      isInitialized.current = true;\n    } catch (error) {\n      console.error('Failed to initialize API configuration:', error);\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":";;;;;;;;;;;;;;AA6BA,MAAM,eAAe,cAAiC;AAAA,EACpD,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AACb,CAAC;AAEM,MAAM,WAAW,MAAM,WAAW,YAAY;AAyC9C,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;AAAA;AAAA,EAIpB,WAAW;AACb,MAAM;AAKJ,QAAM,gBAAgBA,eAAM,OAAO,KAAK;AAExC,MAAI,qBAAqB,CAAC,cAAc,SAAS;AAC/C,QAAI;AACF,0BAAoB,iBAAiB;AACrC,4BAAA;AACA,oBAAc,UAAU;AAAA,IAC1B,SAAS,OAAO;AACd,cAAQ,MAAM,2CAA2C,KAAK;AAAA,IAChE;AAAA,EACF;AAMA,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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-redux"),i=require("../../../node_modules/notistack/notistack.esm/index.js"),n=require("react-router-dom"),o=require("../../../contexts/AuthContext/index.js"),s=require("../../../contexts/languageContext/index.js"),a=require("../../../contexts/page-context/index.js"),u=require("../../../contexts/permission-context/index.js"),d=require("../../../theme/themeWrapper/index.js"),l=require("../../../redux/store/index.js"),c=require("../../../theme/theme-impl/index.js");function x(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=/* @__PURE__ */x(r);const m=r.createContext({useRedux:!1,themeMode:"light",direction:"ltr"}),j=({children:r,useRedux:x=!1,reduxStore:j,apiClient:p,additionalReducers:g={},theme:P,themeMode:b="light",primaryColor:v,direction:q="ltr",enableAuth:f=!0,enableLanguage:C=!0,enablePages:k=!0,enablePermissions:R=!0,enableRouter:M=!1,enableSnackbar:y=!0,enableCssBaseline:S=!0,snackbarConfig:L={maxSnack:3,anchorOrigin:{vertical:"top",horizontal:"right"},autoHideDuration:5e3}})=>{const A=h.default.useMemo(()=>x?j||l.createLibraryStore(g,p):null,[x,j,g,p]),B=h.default.useMemo(()=>{if(P)return P;const e="dark"===b?c.createDarkTheme:c.createLightTheme,{theme:r}=e(v,q);return r},[P,b,v,q]),_={useRedux:x,apiClient:p,theme:B,themeMode:b,direction:q,primaryColor:v};let D=/* @__PURE__ */e.jsx(m.Provider,{value:_,children:/* @__PURE__ */e.jsx(d.default,{theme:B,enableCssBaseline:S,children:r})});return y&&(D=/* @__PURE__ */e.jsx(i.SnackbarProvider,{...L,children:D})),k&&(D=/* @__PURE__ */e.jsx(a.PageProvider,{children:D})),R&&(D=/* @__PURE__ */e.jsx(u.PermissionsProvider,{children:D})),C&&(D=/* @__PURE__ */e.jsx(s.LanguageProvider,{children:D})),f&&(D=/* @__PURE__ */e.jsx(o.AuthProvider,{children:D})),M&&(D=/* @__PURE__ */e.jsx(n.BrowserRouter,{children:D})),x&&A&&(D=/* @__PURE__ */e.jsx(t.Provider,{store:A,children:D})),D};exports.ERPUIProvider=j,exports.default=j,exports.useERPUI=()=>r.useContext(m);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-redux"),i=require("../../../node_modules/notistack/notistack.esm/index.js"),n=require("react-router-dom"),s=require("../../../contexts/AuthContext/index.js"),a=require("../../../contexts/languageContext/index.js"),o=require("../../../contexts/page-context/index.js"),u=require("../../../contexts/permission-context/index.js"),d=require("../../../theme/themeWrapper/index.js"),l=require("../../../utils/api-config/index.js"),c=require("../../../utils/api/index.js"),x=require("../../../redux/store/index.js"),h=require("../../../theme/theme-impl/index.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var j=/* @__PURE__ */m(r);const p=r.createContext({useRedux:!1,themeMode:"light",direction:"ltr"}),g=({children:r,useRedux:m=!1,reduxStore:g,apiClient:f,additionalReducers:P={},theme:b,themeMode:q="light",primaryColor:v,direction:C="ltr",enableAuth:R=!0,enableLanguage:k=!0,enablePages:y=!0,enablePermissions:M=!0,enableRouter:A=!1,enableSnackbar:S=!0,enableCssBaseline:B=!0,snackbarConfig:L={maxSnack:3,anchorOrigin:{vertical:"top",horizontal:"right"},autoHideDuration:5e3},apiConfig:z})=>{const U=j.default.useRef(!1);if(z&&!U.current)try{l.initializeApiConfig(z),c.initializeApiBaseUrls(),U.current=!0}catch(O){}const _=j.default.useMemo(()=>m?g||x.createLibraryStore(P,f):null,[m,g,P,f]),D=j.default.useMemo(()=>{if(b)return b;const e="dark"===q?h.createDarkTheme:h.createLightTheme,{theme:r}=e(v,C);return r},[b,q,v,C]),E={useRedux:m,apiClient:f,theme:D,themeMode:q,direction:C,primaryColor:v};let I=/* @__PURE__ */e.jsx(p.Provider,{value:E,children:/* @__PURE__ */e.jsx(d.default,{theme:D,enableCssBaseline:B,children:r})});return S&&(I=/* @__PURE__ */e.jsx(i.SnackbarProvider,{...L,children:I})),y&&(I=/* @__PURE__ */e.jsx(o.PageProvider,{children:I})),M&&(I=/* @__PURE__ */e.jsx(u.PermissionsProvider,{children:I})),k&&(I=/* @__PURE__ */e.jsx(a.LanguageProvider,{children:I})),R&&(I=/* @__PURE__ */e.jsx(s.AuthProvider,{children:I})),A&&(I=/* @__PURE__ */e.jsx(n.BrowserRouter,{children:I})),m&&_&&(I=/* @__PURE__ */e.jsx(t.Provider,{store:_,children:I})),I};exports.ERPUIProvider=g,exports.default=g,exports.useERPUI=()=>r.useContext(p);
 //# sourceMappingURL=index.js.map