@erpsquad/common 1.7.4 → 1.8.1

package/dist/contexts/languageContext/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/contexts/languageContext.tsx"],"sourcesContent":["// contexts/LanguageContext.tsx\nimport React, { createContext, useEffect, useReducer, ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { DEFAULT_LANG } from '../constants/all-language';\nimport { getToken } from '../utils/common';\nimport { setRoleURL } from '../utils/server';\nimport { getV1Languages } from '../api-client/api.system-feature/api';\n// import ErpLoader from '../components/loader/erp-loader';\n\n// Types\ninterface ILanguage {\n  label: string;\n  code: string;\n  direction: string;\n}\n\ninterface LanguageState {\n  languages: ILanguage[];\n  currentLanguage: ILanguage | null;\n  isLoading: boolean;\n  error: string | null;\n  isFallbackActive: boolean; // Track if we're using fallback\n}\n\ninterface LanguageContextType extends LanguageState {\n  changeLanguage: (langCode: string) => void;\n  fetchLanguages: () => Promise<void>;\n}\n\n// Define fallback languages in order of preference - English first\nconst FALLBACK_LANGUAGES = [\n  'en', // English as primary fallback\n  'en-US', // US English as secondary\n  DEFAULT_LANG, // Then default language\n];\n\n// Create English fallback language object\nconst createEnglishFallback = (): ILanguage => ({\n  code: 'en',\n  label: 'English',\n  direction: 'ltr'\n});\n\n// Action types\ntype LanguageAction =\n  | { type: 'FETCH_LANGUAGES_START' }\n  | { type: 'FETCH_LANGUAGES_SUCCESS'; payload: ILanguage[] }\n  | { type: 'FETCH_LANGUAGES_ERROR'; payload: string }\n  | { type: 'SET_CURRENT_LANGUAGE'; payload: ILanguage; isFallback?: boolean }\n  | { type: 'SET_FALLBACK_ACTIVE'; payload: boolean };\n\n// Initial state\nconst initialState: LanguageState = {\n  languages: [],\n  currentLanguage: null,\n  isLoading: false,\n  error: null,\n  isFallbackActive: false,\n};\n\n// Helper function to find the best available language\nconst findBestAvailableLanguage = (\n  languages: ILanguage[], \n  preferredCode?: string\n): ILanguage | null => {\n  if (!languages || languages.length === 0) return null;\n\n  // First try the preferred language if provided\n  if (preferredCode) {\n    const preferred = languages.find(lang => lang.code === preferredCode);\n    if (preferred) return preferred;\n  }\n\n  // Try fallback languages in order (English first)\n  for (const fallbackCode of FALLBACK_LANGUAGES) {\n    const fallback = languages.find(lang => lang.code === fallbackCode);\n    if (fallback) return fallback;\n  }\n\n  // If no fallbacks found, return the first available language\n  return languages[0] || null;\n};\n\n// Reducer\nconst languageReducer = (state: LanguageState, action: LanguageAction): LanguageState => {\n  switch (action.type) {\n    case 'FETCH_LANGUAGES_START':\n      return {\n        ...state,\n        isLoading: true,\n        error: null,\n      };\n    case 'FETCH_LANGUAGES_SUCCESS':\n      return {\n        ...state,\n        languages: action.payload,\n        isLoading: false,\n        error: null,\n        isFallbackActive: false,\n      };\n    case 'FETCH_LANGUAGES_ERROR':\n      return {\n        ...state,\n        isLoading: false,\n        error: action.payload,\n        isFallbackActive: true, \n      };\n    case 'SET_CURRENT_LANGUAGE':\n      return {\n        ...state,\n        currentLanguage: action.payload,\n        isFallbackActive: action.isFallback || false,\n      };\n    case 'SET_FALLBACK_ACTIVE':\n      return {\n        ...state,\n        isFallbackActive: action.payload,\n      };\n    default:\n      return state;\n  }\n};\n\n// Create context\nconst LanguageContext = createContext<LanguageContextType | undefined>(undefined);\n\n// Provider component\ninterface LanguageProviderProps {\n  children: ReactNode;\n}\n\nexport const LanguageProvider: React.FC<LanguageProviderProps> = ({ children }) => {\n  const [state, dispatch] = useReducer(languageReducer, initialState);\n  const { i18n } = useTranslation();\n\n  // Initialize role URL\n  useEffect(() => {\n    setRoleURL(`${import.meta.env.VITE_BACKEND_BASE_URL}/rbac`);\n  }, []);\n\n  // Guarded i18n changeLanguage call\n  const safeChangeLanguage = async (langCode: string) => {\n    if (i18n && typeof i18n.changeLanguage === 'function') {\n      try {\n        await i18n.changeLanguage(langCode);\n      } catch (error) {\n        console.warn(`Failed to change language to \"${langCode}\"`, error);\n      }\n    } else {\n      console.warn(\n        'i18n.changeLanguage is unavailable. Ensure I18nextProvider is configured in the host application.'\n      );\n    }\n  };\n\n  // Apply language settings\n  const applyLanguageSettings = (language: ILanguage) => {\n    document.body.dir = language.direction || 'ltr';\n    safeChangeLanguage(language.code);\n    localStorage.setItem('_language', language.code);\n  };\n\n  // Fetch languages from API\n  const fetchLanguages = async (): Promise<void> => {\n    try {\n      dispatch({ type: 'FETCH_LANGUAGES_START' });\n      \n      const response = await getV1Languages({\n        order: `id:1`,\n        filters: `(is_active.in=[1])`,\n        ...getToken(),\n      });\n      \n      const data = response?.data?.languages || [];\n      const languages = data\n        ?.filter((d: any) => d?.is_active)\n        ?.map((d: any) => ({\n          label: d?.name,\n          code: d?.code,\n          direction: d?.direction,\n        }));\n\n      // Always ensure English is available in the languages list\n      const hasEnglish = languages.some((lang: ILanguage) => lang.code === 'en');\n      if (!hasEnglish) {\n        languages.unshift(createEnglishFallback());\n      }\n\n      dispatch({ type: 'FETCH_LANGUAGES_SUCCESS', payload: languages });\n      \n      // Get saved language or use fallback\n      const savedLangCode = localStorage.getItem('_language');\n      const bestLanguage = findBestAvailableLanguage(languages, savedLangCode || undefined);\n      \n      if (bestLanguage) {\n        const isFallback = savedLangCode && savedLangCode !== bestLanguage.code;\n        dispatch({ \n          type: 'SET_CURRENT_LANGUAGE', \n          payload: bestLanguage,\n          isFallback \n        });\n        applyLanguageSettings(bestLanguage);\n        \n        // Log if we're using a fallback\n        if (isFallback) {\n          console.warn(`Saved language \"${savedLangCode}\" not available. Using fallback: \"${bestLanguage.code}\"`);\n        }\n      } else {\n        console.error('No languages available');\n      }\n    } catch (error) {\n      const errorMessage = error instanceof Error ? error.message : 'Failed to fetch languages';\n      dispatch({ type: 'FETCH_LANGUAGES_ERROR', payload: errorMessage });\n      \n      // On error, always fall back to English\n      const englishFallback = createEnglishFallback();\n      \n      // Create languages array with English fallback for dropdown\n      const fallbackLanguages = [englishFallback];\n      \n      dispatch({ type: 'FETCH_LANGUAGES_SUCCESS', payload: fallbackLanguages });\n      dispatch({ \n        type: 'SET_CURRENT_LANGUAGE', \n        payload: englishFallback,\n        isFallback: true \n      });\n      \n      document.body.dir = 'ltr';\n      safeChangeLanguage('en');\n      localStorage.setItem('_language', 'en');\n      \n      console.warn('Language fetch failed, using English fallback');\n    }\n  };\n\n  // Change language function\n  const changeLanguage = (langCode: string): void => {\n    const selectedLanguage = state.languages.find((lang) => lang.code === langCode);\n    \n    if (selectedLanguage) {\n      dispatch({ type: 'SET_CURRENT_LANGUAGE', payload: selectedLanguage });\n      dispatch({ type: 'SET_FALLBACK_ACTIVE', payload: false });\n      applyLanguageSettings(selectedLanguage);\n    } else {\n      console.error(`Language \"${langCode}\" not found in available languages`);\n      \n      // If language not found, fall back to English\n      const englishFallback = createEnglishFallback();\n      dispatch({ \n        type: 'SET_CURRENT_LANGUAGE', \n        payload: englishFallback,\n        isFallback: true \n      });\n      applyLanguageSettings(englishFallback);\n    }\n  };\n\n  // Initialize on mount\n  useEffect(() => {\n    fetchLanguages();\n    //eslint-disable-next-line  \n  }, []);\n\n  const contextValue: LanguageContextType = {\n    ...state,\n    changeLanguage,\n    fetchLanguages,\n  };\n\n  return (\n    <LanguageContext.Provider value={contextValue}>\n      {/* {state.isLoading } */}\n      {children}\n    </LanguageContext.Provider>\n  );\n};\n\nexport default LanguageContext;"],"names":["setRoleURL"],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/contexts/languageContext.tsx"],"sourcesContent":["// contexts/LanguageContext.tsx\nimport React, { createContext, useEffect, useReducer, ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { DEFAULT_LANG } from '../constants/all-language';\nimport { getToken } from '../utils/common';\nimport { setRoleURL } from '../utils/server';\nimport { getV1Languages } from '../api-client/api.system-feature/api';\n// import ErpLoader from '../components/loader/erp-loader';\n\n// Types\ninterface ILanguage {\n  label: string;\n  code: string;\n  direction: string;\n}\n\ninterface LanguageState {\n  languages: ILanguage[];\n  currentLanguage: ILanguage | null;\n  isLoading: boolean;\n  error: string | null;\n  isFallbackActive: boolean; // Track if we're using fallback\n}\n\ninterface LanguageContextType extends LanguageState {\n  changeLanguage: (langCode: string) => void;\n  fetchLanguages: () => Promise<void>;\n}\n\n// Define fallback languages in order of preference - English first\nconst FALLBACK_LANGUAGES = [\n  'en', // English as primary fallback\n  'en-US', // US English as secondary\n  DEFAULT_LANG, // Then default language\n];\n\n// Create English fallback language object\nconst createEnglishFallback = (): ILanguage => ({\n  code: 'en',\n  label: 'English',\n  direction: 'ltr'\n});\n\n// Action types\ntype LanguageAction =\n  | { type: 'FETCH_LANGUAGES_START' }\n  | { type: 'FETCH_LANGUAGES_SUCCESS'; payload: ILanguage[] }\n  | { type: 'FETCH_LANGUAGES_ERROR'; payload: string }\n  | { type: 'SET_CURRENT_LANGUAGE'; payload: ILanguage; isFallback?: boolean }\n  | { type: 'SET_FALLBACK_ACTIVE'; payload: boolean };\n\n// Initial state\nconst initialState: LanguageState = {\n  languages: [],\n  currentLanguage: null,\n  isLoading: false,\n  error: null,\n  isFallbackActive: false,\n};\n\n// Helper function to find the best available language\nconst findBestAvailableLanguage = (\n  languages: ILanguage[], \n  preferredCode?: string\n): ILanguage | null => {\n  if (!languages || languages.length === 0) return null;\n\n  // First try the preferred language if provided\n  if (preferredCode) {\n    const preferred = languages.find(lang => lang.code === preferredCode);\n    if (preferred) return preferred;\n  }\n\n  // Try fallback languages in order (English first)\n  for (const fallbackCode of FALLBACK_LANGUAGES) {\n    const fallback = languages.find(lang => lang.code === fallbackCode);\n    if (fallback) return fallback;\n  }\n\n  // If no fallbacks found, return the first available language\n  return languages[0] || null;\n};\n\n// Reducer\nconst languageReducer = (state: LanguageState, action: LanguageAction): LanguageState => {\n  switch (action.type) {\n    case 'FETCH_LANGUAGES_START':\n      return {\n        ...state,\n        isLoading: true,\n        error: null,\n      };\n    case 'FETCH_LANGUAGES_SUCCESS':\n      return {\n        ...state,\n        languages: action.payload,\n        isLoading: false,\n        error: null,\n        isFallbackActive: false,\n      };\n    case 'FETCH_LANGUAGES_ERROR':\n      return {\n        ...state,\n        isLoading: false,\n        error: action.payload,\n        isFallbackActive: true, \n      };\n    case 'SET_CURRENT_LANGUAGE':\n      return {\n        ...state,\n        currentLanguage: action.payload,\n        isFallbackActive: action.isFallback || false,\n      };\n    case 'SET_FALLBACK_ACTIVE':\n      return {\n        ...state,\n        isFallbackActive: action.payload,\n      };\n    default:\n      return state;\n  }\n};\n\n// Create context\nconst LanguageContext = createContext<LanguageContextType | undefined>(undefined);\n\n// Provider component\ninterface LanguageProviderProps {\n  children: ReactNode;\n}\n\nexport const LanguageProvider: React.FC<LanguageProviderProps> = ({ children }) => {\n  const [state, dispatch] = useReducer(languageReducer, initialState);\n  const { i18n } = useTranslation();\n\n  // Initialize role URL\n  useEffect(() => {\n    setRoleURL(`${import.meta.env.VITE_BACKEND_BASE_URL}/rbac`);\n  }, []);\n\n  // Guarded i18n changeLanguage call\n  const safeChangeLanguage = async (langCode: string) => {\n    if (i18n && typeof i18n.changeLanguage === 'function') {\n      try {\n        await i18n.changeLanguage(langCode);\n      } catch (error) {\n        console.warn(`Failed to change language to \"${langCode}\"`, error);\n      }\n    } else {\n      console.warn(\n        'i18n.changeLanguage is unavailable. Ensure I18nextProvider is configured in the host application.'\n      );\n    }\n  };\n\n  // Apply language settings\n  const applyLanguageSettings = (language: ILanguage) => {\n    document.body.dir = language.direction || 'ltr';\n    safeChangeLanguage(language.code);\n    localStorage.setItem('_language', language.code);\n  };\n\n  // Fetch languages from API\n  const fetchLanguages = async (): Promise<void> => {\n    try {\n      dispatch({ type: 'FETCH_LANGUAGES_START' });\n      \n      const response = await getV1Languages({\n        order: `id:1`,\n        filters: `(is_active.in=[1])`,\n        ...getToken(),\n      });\n      \n      const data = response?.data?.languages || [];\n      const languages = data\n        ?.filter((d: any) => d?.is_active)\n        ?.map((d: any) => ({\n          label: d?.name,\n          code: d?.code,\n          direction: d?.direction,\n        }));\n\n      // Always ensure English is available in the languages list\n      const hasEnglish = languages.some((lang: ILanguage) => lang.code === 'en');\n      if (!hasEnglish) {\n        languages.unshift(createEnglishFallback());\n      }\n\n      dispatch({ type: 'FETCH_LANGUAGES_SUCCESS', payload: languages });\n      \n      // Get saved language or use fallback\n      const savedLangCode = localStorage.getItem('_language');\n      const bestLanguage = findBestAvailableLanguage(languages, savedLangCode || undefined);\n      \n      if (bestLanguage) {\n        const isFallback = savedLangCode && savedLangCode !== bestLanguage.code;\n        dispatch({ \n          type: 'SET_CURRENT_LANGUAGE', \n          payload: bestLanguage,\n          isFallback \n        });\n        applyLanguageSettings(bestLanguage);\n        \n        // Log if we're using a fallback\n        if (isFallback) {\n          console.warn(`Saved language \"${savedLangCode}\" not available. Using fallback: \"${bestLanguage.code}\"`);\n        }\n      } else {\n        console.error('No languages available');\n      }\n    } catch (error) {\n      const errorMessage = error instanceof Error ? error.message : 'Failed to fetch languages';\n      dispatch({ type: 'FETCH_LANGUAGES_ERROR', payload: errorMessage });\n      \n      // On error, always fall back to English\n      const englishFallback = createEnglishFallback();\n      \n      // Create languages array with English fallback for dropdown\n      const fallbackLanguages = [englishFallback];\n      \n      dispatch({ type: 'FETCH_LANGUAGES_SUCCESS', payload: fallbackLanguages });\n      dispatch({ \n        type: 'SET_CURRENT_LANGUAGE', \n        payload: englishFallback,\n        isFallback: true \n      });\n      \n      document.body.dir = 'ltr';\n      safeChangeLanguage('en');\n      localStorage.setItem('_language', 'en');\n      \n      console.warn('Language fetch failed, using English fallback');\n    }\n  };\n\n  // Change language function\n  const changeLanguage = (langCode: string): void => {\n    const selectedLanguage = state.languages.find((lang) => lang.code === langCode);\n    \n    if (selectedLanguage) {\n      dispatch({ type: 'SET_CURRENT_LANGUAGE', payload: selectedLanguage });\n      dispatch({ type: 'SET_FALLBACK_ACTIVE', payload: false });\n      applyLanguageSettings(selectedLanguage);\n    } else {\n      console.error(`Language \"${langCode}\" not found in available languages`);\n      \n      // If language not found, fall back to English\n      const englishFallback = createEnglishFallback();\n      dispatch({ \n        type: 'SET_CURRENT_LANGUAGE', \n        payload: englishFallback,\n        isFallback: true \n      });\n      applyLanguageSettings(englishFallback);\n    }\n  };\n\n  // Initialize on mount\n  useEffect(() => {\n    fetchLanguages();\n    //eslint-disable-next-line  \n  }, []);\n\n  const contextValue: LanguageContextType = {\n    ...state,\n    changeLanguage,\n    fetchLanguages,\n  };\n\n  return (\n    <LanguageContext.Provider value={contextValue}>\n      {/* {state.isLoading } */}\n      {children}\n    </LanguageContext.Provider>\n  );\n};\n\nexport default LanguageContext;"],"names":["setRoleURL"],"mappings":"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"}

package/dist/contexts/languageContext/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),n=require("react-i18next"),t=require("../../constants/all-language/index.js"),l=require("../../utils/common/index.js"),i=require("../../api-client/api.rbac/api/index.js"),r=require("../../api-client/api.system-feature/api/index.js");const o=["en","en-US",t.DEFAULT_LANG],c={languages:[],currentLanguage:null,isLoading:!1,error:null,isFallbackActive:!1},s=(e,a)=>{switch(a.type){case"FETCH_LANGUAGES_START":return{...e,isLoading:!0,error:null};case"FETCH_LANGUAGES_SUCCESS":return{...e,languages:a.payload,isLoading:!1,error:null,isFallbackActive:!1};case"FETCH_LANGUAGES_ERROR":return{...e,isLoading:!1,error:a.payload,isFallbackActive:!0};case"SET_CURRENT_LANGUAGE":return{...e,currentLanguage:a.payload,isFallbackActive:a.isFallback||!1};case"SET_FALLBACK_ACTIVE":return{...e,isFallbackActive:a.payload};default:return e}},d=a.createContext(void 0);exports.LanguageProvider=({children:t})=>{const[u,g]=a.useReducer(s,c),{i18n:E}=n.useTranslation();a.useEffect(()=>{i.setBaseUrl("http://127.0.0.1:4011/rbac")},[]);const A=async e=>{if(E&&"function"==typeof E.changeLanguage)try{await E.changeLanguage(e)}catch(a){}},_=e=>{document.body.dir=e.direction||"ltr",A(e.code),localStorage.setItem("_language",e.code)},p=async()=>{var e,a;try{g({type:"FETCH_LANGUAGES_START"});const n=await r.getV1Languages({order:"id:1",filters:"(is_active.in=[1])",...l.getToken()}),t=(null==(e=null==n?void 0:n.data)?void 0:e.languages)||[],i=null==(a=null==t?void 0:t.filter(e=>null==e?void 0:e.is_active))?void 0:a.map(e=>({label:null==e?void 0:e.name,code:null==e?void 0:e.code,direction:null==e?void 0:e.direction}));i.some(e=>"en"===e.code)||i.unshift({code:"en",label:"English",direction:"ltr"}),g({type:"FETCH_LANGUAGES_SUCCESS",payload:i});const c=localStorage.getItem("_language"),s=((e,a)=>{if(!e||0===e.length)return null;if(a){const n=e.find(e=>e.code===a);if(n)return n}for(const n of o){const a=e.find(e=>e.code===n);if(a)return a}return e[0]||null})(i,c||void 0);if(s){const e=c&&c!==s.code;g({type:"SET_CURRENT_LANGUAGE",payload:s,isFallback:e}),_(s)}}catch(n){const e=n instanceof Error?n.message:"Failed to fetch languages";g({type:"FETCH_LANGUAGES_ERROR",payload:e});const a={code:"en",label:"English",direction:"ltr"};g({type:"FETCH_LANGUAGES_SUCCESS",payload:[a]}),g({type:"SET_CURRENT_LANGUAGE",payload:a,isFallback:!0}),document.body.dir="ltr",A("en"),localStorage.setItem("_language","en")}};a.useEffect(()=>{p()},[]);const y={...u,changeLanguage:e=>{const a=u.languages.find(a=>a.code===e);if(a)g({type:"SET_CURRENT_LANGUAGE",payload:a}),g({type:"SET_FALLBACK_ACTIVE",payload:!1}),_(a);else{const e={code:"en",label:"English",direction:"ltr"};g({type:"SET_CURRENT_LANGUAGE",payload:e,isFallback:!0}),_(e)}},fetchLanguages:p};/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),n=require("react-i18next"),t=require("../../constants/all-language/index.js"),l=require("../../utils/common/index.js"),i=require("../../api-client/api.rbac/api/index.js"),r=require("../../api-client/api.system-feature/api/index.js");const o=["en","en-US",t.DEFAULT_LANG],c={languages:[],currentLanguage:null,isLoading:!1,error:null,isFallbackActive:!1},s=(e,a)=>{switch(a.type){case"FETCH_LANGUAGES_START":return{...e,isLoading:!0,error:null};case"FETCH_LANGUAGES_SUCCESS":return{...e,languages:a.payload,isLoading:!1,error:null,isFallbackActive:!1};case"FETCH_LANGUAGES_ERROR":return{...e,isLoading:!1,error:a.payload,isFallbackActive:!0};case"SET_CURRENT_LANGUAGE":return{...e,currentLanguage:a.payload,isFallbackActive:a.isFallback||!1};case"SET_FALLBACK_ACTIVE":return{...e,isFallbackActive:a.payload};default:return e}},d=a.createContext(void 0);exports.LanguageProvider=({children:t})=>{const[u,g]=a.useReducer(s,c),{i18n:E}=n.useTranslation();a.useEffect(()=>{i.setBaseUrl("https://apidev.erpforce.co/rbac")},[]);const A=async e=>{if(E&&"function"==typeof E.changeLanguage)try{await E.changeLanguage(e)}catch(a){}},p=e=>{document.body.dir=e.direction||"ltr",A(e.code),localStorage.setItem("_language",e.code)},_=async()=>{var e,a;try{g({type:"FETCH_LANGUAGES_START"});const n=await r.getV1Languages({order:"id:1",filters:"(is_active.in=[1])",...l.getToken()}),t=(null==(e=null==n?void 0:n.data)?void 0:e.languages)||[],i=null==(a=null==t?void 0:t.filter(e=>null==e?void 0:e.is_active))?void 0:a.map(e=>({label:null==e?void 0:e.name,code:null==e?void 0:e.code,direction:null==e?void 0:e.direction}));i.some(e=>"en"===e.code)||i.unshift({code:"en",label:"English",direction:"ltr"}),g({type:"FETCH_LANGUAGES_SUCCESS",payload:i});const c=localStorage.getItem("_language"),s=((e,a)=>{if(!e||0===e.length)return null;if(a){const n=e.find(e=>e.code===a);if(n)return n}for(const n of o){const a=e.find(e=>e.code===n);if(a)return a}return e[0]||null})(i,c||void 0);if(s){const e=c&&c!==s.code;g({type:"SET_CURRENT_LANGUAGE",payload:s,isFallback:e}),p(s)}}catch(n){const e=n instanceof Error?n.message:"Failed to fetch languages";g({type:"FETCH_LANGUAGES_ERROR",payload:e});const a={code:"en",label:"English",direction:"ltr"};g({type:"FETCH_LANGUAGES_SUCCESS",payload:[a]}),g({type:"SET_CURRENT_LANGUAGE",payload:a,isFallback:!0}),document.body.dir="ltr",A("en"),localStorage.setItem("_language","en")}};a.useEffect(()=>{_()},[]);const y={...u,changeLanguage:e=>{const a=u.languages.find(a=>a.code===e);if(a)g({type:"SET_CURRENT_LANGUAGE",payload:a}),g({type:"SET_FALLBACK_ACTIVE",payload:!1}),p(a);else{const e={code:"en",label:"English",direction:"ltr"};g({type:"SET_CURRENT_LANGUAGE",payload:e,isFallback:!0}),p(e)}},fetchLanguages:_};/* @__PURE__ */
 return e.jsx(d.Provider,{value:y,children:t})},exports.default=d;
 //# sourceMappingURL=index.js.map

package/dist/contexts/languageContext/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/contexts/languageContext.tsx"],"sourcesContent":["// contexts/LanguageContext.tsx\nimport React, { createContext, useEffect, useReducer, ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { DEFAULT_LANG } from '../constants/all-language';\nimport { getToken } from '../utils/common';\nimport { setRoleURL } from '../utils/server';\nimport { getV1Languages } from '../api-client/api.system-feature/api';\n// import ErpLoader from '../components/loader/erp-loader';\n\n// Types\ninterface ILanguage {\n  label: string;\n  code: string;\n  direction: string;\n}\n\ninterface LanguageState {\n  languages: ILanguage[];\n  currentLanguage: ILanguage | null;\n  isLoading: boolean;\n  error: string | null;\n  isFallbackActive: boolean; // Track if we're using fallback\n}\n\ninterface LanguageContextType extends LanguageState {\n  changeLanguage: (langCode: string) => void;\n  fetchLanguages: () => Promise<void>;\n}\n\n// Define fallback languages in order of preference - English first\nconst FALLBACK_LANGUAGES = [\n  'en', // English as primary fallback\n  'en-US', // US English as secondary\n  DEFAULT_LANG, // Then default language\n];\n\n// Create English fallback language object\nconst createEnglishFallback = (): ILanguage => ({\n  code: 'en',\n  label: 'English',\n  direction: 'ltr'\n});\n\n// Action types\ntype LanguageAction =\n  | { type: 'FETCH_LANGUAGES_START' }\n  | { type: 'FETCH_LANGUAGES_SUCCESS'; payload: ILanguage[] }\n  | { type: 'FETCH_LANGUAGES_ERROR'; payload: string }\n  | { type: 'SET_CURRENT_LANGUAGE'; payload: ILanguage; isFallback?: boolean }\n  | { type: 'SET_FALLBACK_ACTIVE'; payload: boolean };\n\n// Initial state\nconst initialState: LanguageState = {\n  languages: [],\n  currentLanguage: null,\n  isLoading: false,\n  error: null,\n  isFallbackActive: false,\n};\n\n// Helper function to find the best available language\nconst findBestAvailableLanguage = (\n  languages: ILanguage[], \n  preferredCode?: string\n): ILanguage | null => {\n  if (!languages || languages.length === 0) return null;\n\n  // First try the preferred language if provided\n  if (preferredCode) {\n    const preferred = languages.find(lang => lang.code === preferredCode);\n    if (preferred) return preferred;\n  }\n\n  // Try fallback languages in order (English first)\n  for (const fallbackCode of FALLBACK_LANGUAGES) {\n    const fallback = languages.find(lang => lang.code === fallbackCode);\n    if (fallback) return fallback;\n  }\n\n  // If no fallbacks found, return the first available language\n  return languages[0] || null;\n};\n\n// Reducer\nconst languageReducer = (state: LanguageState, action: LanguageAction): LanguageState => {\n  switch (action.type) {\n    case 'FETCH_LANGUAGES_START':\n      return {\n        ...state,\n        isLoading: true,\n        error: null,\n      };\n    case 'FETCH_LANGUAGES_SUCCESS':\n      return {\n        ...state,\n        languages: action.payload,\n        isLoading: false,\n        error: null,\n        isFallbackActive: false,\n      };\n    case 'FETCH_LANGUAGES_ERROR':\n      return {\n        ...state,\n        isLoading: false,\n        error: action.payload,\n        isFallbackActive: true, \n      };\n    case 'SET_CURRENT_LANGUAGE':\n      return {\n        ...state,\n        currentLanguage: action.payload,\n        isFallbackActive: action.isFallback || false,\n      };\n    case 'SET_FALLBACK_ACTIVE':\n      return {\n        ...state,\n        isFallbackActive: action.payload,\n      };\n    default:\n      return state;\n  }\n};\n\n// Create context\nconst LanguageContext = createContext<LanguageContextType | undefined>(undefined);\n\n// Provider component\ninterface LanguageProviderProps {\n  children: ReactNode;\n}\n\nexport const LanguageProvider: React.FC<LanguageProviderProps> = ({ children }) => {\n  const [state, dispatch] = useReducer(languageReducer, initialState);\n  const { i18n } = useTranslation();\n\n  // Initialize role URL\n  useEffect(() => {\n    setRoleURL(`${import.meta.env.VITE_BACKEND_BASE_URL}/rbac`);\n  }, []);\n\n  // Guarded i18n changeLanguage call\n  const safeChangeLanguage = async (langCode: string) => {\n    if (i18n && typeof i18n.changeLanguage === 'function') {\n      try {\n        await i18n.changeLanguage(langCode);\n      } catch (error) {\n        console.warn(`Failed to change language to \"${langCode}\"`, error);\n      }\n    } else {\n      console.warn(\n        'i18n.changeLanguage is unavailable. Ensure I18nextProvider is configured in the host application.'\n      );\n    }\n  };\n\n  // Apply language settings\n  const applyLanguageSettings = (language: ILanguage) => {\n    document.body.dir = language.direction || 'ltr';\n    safeChangeLanguage(language.code);\n    localStorage.setItem('_language', language.code);\n  };\n\n  // Fetch languages from API\n  const fetchLanguages = async (): Promise<void> => {\n    try {\n      dispatch({ type: 'FETCH_LANGUAGES_START' });\n      \n      const response = await getV1Languages({\n        order: `id:1`,\n        filters: `(is_active.in=[1])`,\n        ...getToken(),\n      });\n      \n      const data = response?.data?.languages || [];\n      const languages = data\n        ?.filter((d: any) => d?.is_active)\n        ?.map((d: any) => ({\n          label: d?.name,\n          code: d?.code,\n          direction: d?.direction,\n        }));\n\n      // Always ensure English is available in the languages list\n      const hasEnglish = languages.some((lang: ILanguage) => lang.code === 'en');\n      if (!hasEnglish) {\n        languages.unshift(createEnglishFallback());\n      }\n\n      dispatch({ type: 'FETCH_LANGUAGES_SUCCESS', payload: languages });\n      \n      // Get saved language or use fallback\n      const savedLangCode = localStorage.getItem('_language');\n      const bestLanguage = findBestAvailableLanguage(languages, savedLangCode || undefined);\n      \n      if (bestLanguage) {\n        const isFallback = savedLangCode && savedLangCode !== bestLanguage.code;\n        dispatch({ \n          type: 'SET_CURRENT_LANGUAGE', \n          payload: bestLanguage,\n          isFallback \n        });\n        applyLanguageSettings(bestLanguage);\n        \n        // Log if we're using a fallback\n        if (isFallback) {\n          console.warn(`Saved language \"${savedLangCode}\" not available. Using fallback: \"${bestLanguage.code}\"`);\n        }\n      } else {\n        console.error('No languages available');\n      }\n    } catch (error) {\n      const errorMessage = error instanceof Error ? error.message : 'Failed to fetch languages';\n      dispatch({ type: 'FETCH_LANGUAGES_ERROR', payload: errorMessage });\n      \n      // On error, always fall back to English\n      const englishFallback = createEnglishFallback();\n      \n      // Create languages array with English fallback for dropdown\n      const fallbackLanguages = [englishFallback];\n      \n      dispatch({ type: 'FETCH_LANGUAGES_SUCCESS', payload: fallbackLanguages });\n      dispatch({ \n        type: 'SET_CURRENT_LANGUAGE', \n        payload: englishFallback,\n        isFallback: true \n      });\n      \n      document.body.dir = 'ltr';\n      safeChangeLanguage('en');\n      localStorage.setItem('_language', 'en');\n      \n      console.warn('Language fetch failed, using English fallback');\n    }\n  };\n\n  // Change language function\n  const changeLanguage = (langCode: string): void => {\n    const selectedLanguage = state.languages.find((lang) => lang.code === langCode);\n    \n    if (selectedLanguage) {\n      dispatch({ type: 'SET_CURRENT_LANGUAGE', payload: selectedLanguage });\n      dispatch({ type: 'SET_FALLBACK_ACTIVE', payload: false });\n      applyLanguageSettings(selectedLanguage);\n    } else {\n      console.error(`Language \"${langCode}\" not found in available languages`);\n      \n      // If language not found, fall back to English\n      const englishFallback = createEnglishFallback();\n      dispatch({ \n        type: 'SET_CURRENT_LANGUAGE', \n        payload: englishFallback,\n        isFallback: true \n      });\n      applyLanguageSettings(englishFallback);\n    }\n  };\n\n  // Initialize on mount\n  useEffect(() => {\n    fetchLanguages();\n    //eslint-disable-next-line  \n  }, []);\n\n  const contextValue: LanguageContextType = {\n    ...state,\n    changeLanguage,\n    fetchLanguages,\n  };\n\n  return (\n    <LanguageContext.Provider value={contextValue}>\n      {/* {state.isLoading } */}\n      {children}\n    </LanguageContext.Provider>\n  );\n};\n\nexport default LanguageContext;"],"names":["FALLBACK_LANGUAGES","DEFAULT_LANG","initialState","languages","currentLanguage","isLoading","error","isFallbackActive","languageReducer","state","action","type","payload","isFallback","LanguageContext","createContext","children","dispatch","useReducer","i18n","useTranslation","useEffect","setRoleURL","safeChangeLanguage","async","langCode","changeLanguage","applyLanguageSettings","language","document","body","dir","direction","code","localStorage","setItem","fetchLanguages","response","getV1Languages","order","filters","getToken","data","_a","_b","filter","d","is_active","map","label","name","some","lang","unshift","savedLangCode","getItem","bestLanguage","preferredCode","length","preferred","find","fallbackCode","fallback","findBestAvailableLanguage","errorMessage","Error","message","englishFallback","contextValue","selectedLanguage","Provider","value"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/contexts/languageContext.tsx"],"sourcesContent":["// contexts/LanguageContext.tsx\nimport React, { createContext, useEffect, useReducer, ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { DEFAULT_LANG } from '../constants/all-language';\nimport { getToken } from '../utils/common';\nimport { setRoleURL } from '../utils/server';\nimport { getV1Languages } from '../api-client/api.system-feature/api';\n// import ErpLoader from '../components/loader/erp-loader';\n\n// Types\ninterface ILanguage {\n  label: string;\n  code: string;\n  direction: string;\n}\n\ninterface LanguageState {\n  languages: ILanguage[];\n  currentLanguage: ILanguage | null;\n  isLoading: boolean;\n  error: string | null;\n  isFallbackActive: boolean; // Track if we're using fallback\n}\n\ninterface LanguageContextType extends LanguageState {\n  changeLanguage: (langCode: string) => void;\n  fetchLanguages: () => Promise<void>;\n}\n\n// Define fallback languages in order of preference - English first\nconst FALLBACK_LANGUAGES = [\n  'en', // English as primary fallback\n  'en-US', // US English as secondary\n  DEFAULT_LANG, // Then default language\n];\n\n// Create English fallback language object\nconst createEnglishFallback = (): ILanguage => ({\n  code: 'en',\n  label: 'English',\n  direction: 'ltr'\n});\n\n// Action types\ntype LanguageAction =\n  | { type: 'FETCH_LANGUAGES_START' }\n  | { type: 'FETCH_LANGUAGES_SUCCESS'; payload: ILanguage[] }\n  | { type: 'FETCH_LANGUAGES_ERROR'; payload: string }\n  | { type: 'SET_CURRENT_LANGUAGE'; payload: ILanguage; isFallback?: boolean }\n  | { type: 'SET_FALLBACK_ACTIVE'; payload: boolean };\n\n// Initial state\nconst initialState: LanguageState = {\n  languages: [],\n  currentLanguage: null,\n  isLoading: false,\n  error: null,\n  isFallbackActive: false,\n};\n\n// Helper function to find the best available language\nconst findBestAvailableLanguage = (\n  languages: ILanguage[], \n  preferredCode?: string\n): ILanguage | null => {\n  if (!languages || languages.length === 0) return null;\n\n  // First try the preferred language if provided\n  if (preferredCode) {\n    const preferred = languages.find(lang => lang.code === preferredCode);\n    if (preferred) return preferred;\n  }\n\n  // Try fallback languages in order (English first)\n  for (const fallbackCode of FALLBACK_LANGUAGES) {\n    const fallback = languages.find(lang => lang.code === fallbackCode);\n    if (fallback) return fallback;\n  }\n\n  // If no fallbacks found, return the first available language\n  return languages[0] || null;\n};\n\n// Reducer\nconst languageReducer = (state: LanguageState, action: LanguageAction): LanguageState => {\n  switch (action.type) {\n    case 'FETCH_LANGUAGES_START':\n      return {\n        ...state,\n        isLoading: true,\n        error: null,\n      };\n    case 'FETCH_LANGUAGES_SUCCESS':\n      return {\n        ...state,\n        languages: action.payload,\n        isLoading: false,\n        error: null,\n        isFallbackActive: false,\n      };\n    case 'FETCH_LANGUAGES_ERROR':\n      return {\n        ...state,\n        isLoading: false,\n        error: action.payload,\n        isFallbackActive: true, \n      };\n    case 'SET_CURRENT_LANGUAGE':\n      return {\n        ...state,\n        currentLanguage: action.payload,\n        isFallbackActive: action.isFallback || false,\n      };\n    case 'SET_FALLBACK_ACTIVE':\n      return {\n        ...state,\n        isFallbackActive: action.payload,\n      };\n    default:\n      return state;\n  }\n};\n\n// Create context\nconst LanguageContext = createContext<LanguageContextType | undefined>(undefined);\n\n// Provider component\ninterface LanguageProviderProps {\n  children: ReactNode;\n}\n\nexport const LanguageProvider: React.FC<LanguageProviderProps> = ({ children }) => {\n  const [state, dispatch] = useReducer(languageReducer, initialState);\n  const { i18n } = useTranslation();\n\n  // Initialize role URL\n  useEffect(() => {\n    setRoleURL(`${import.meta.env.VITE_BACKEND_BASE_URL}/rbac`);\n  }, []);\n\n  // Guarded i18n changeLanguage call\n  const safeChangeLanguage = async (langCode: string) => {\n    if (i18n && typeof i18n.changeLanguage === 'function') {\n      try {\n        await i18n.changeLanguage(langCode);\n      } catch (error) {\n        console.warn(`Failed to change language to \"${langCode}\"`, error);\n      }\n    } else {\n      console.warn(\n        'i18n.changeLanguage is unavailable. Ensure I18nextProvider is configured in the host application.'\n      );\n    }\n  };\n\n  // Apply language settings\n  const applyLanguageSettings = (language: ILanguage) => {\n    document.body.dir = language.direction || 'ltr';\n    safeChangeLanguage(language.code);\n    localStorage.setItem('_language', language.code);\n  };\n\n  // Fetch languages from API\n  const fetchLanguages = async (): Promise<void> => {\n    try {\n      dispatch({ type: 'FETCH_LANGUAGES_START' });\n      \n      const response = await getV1Languages({\n        order: `id:1`,\n        filters: `(is_active.in=[1])`,\n        ...getToken(),\n      });\n      \n      const data = response?.data?.languages || [];\n      const languages = data\n        ?.filter((d: any) => d?.is_active)\n        ?.map((d: any) => ({\n          label: d?.name,\n          code: d?.code,\n          direction: d?.direction,\n        }));\n\n      // Always ensure English is available in the languages list\n      const hasEnglish = languages.some((lang: ILanguage) => lang.code === 'en');\n      if (!hasEnglish) {\n        languages.unshift(createEnglishFallback());\n      }\n\n      dispatch({ type: 'FETCH_LANGUAGES_SUCCESS', payload: languages });\n      \n      // Get saved language or use fallback\n      const savedLangCode = localStorage.getItem('_language');\n      const bestLanguage = findBestAvailableLanguage(languages, savedLangCode || undefined);\n      \n      if (bestLanguage) {\n        const isFallback = savedLangCode && savedLangCode !== bestLanguage.code;\n        dispatch({ \n          type: 'SET_CURRENT_LANGUAGE', \n          payload: bestLanguage,\n          isFallback \n        });\n        applyLanguageSettings(bestLanguage);\n        \n        // Log if we're using a fallback\n        if (isFallback) {\n          console.warn(`Saved language \"${savedLangCode}\" not available. Using fallback: \"${bestLanguage.code}\"`);\n        }\n      } else {\n        console.error('No languages available');\n      }\n    } catch (error) {\n      const errorMessage = error instanceof Error ? error.message : 'Failed to fetch languages';\n      dispatch({ type: 'FETCH_LANGUAGES_ERROR', payload: errorMessage });\n      \n      // On error, always fall back to English\n      const englishFallback = createEnglishFallback();\n      \n      // Create languages array with English fallback for dropdown\n      const fallbackLanguages = [englishFallback];\n      \n      dispatch({ type: 'FETCH_LANGUAGES_SUCCESS', payload: fallbackLanguages });\n      dispatch({ \n        type: 'SET_CURRENT_LANGUAGE', \n        payload: englishFallback,\n        isFallback: true \n      });\n      \n      document.body.dir = 'ltr';\n      safeChangeLanguage('en');\n      localStorage.setItem('_language', 'en');\n      \n      console.warn('Language fetch failed, using English fallback');\n    }\n  };\n\n  // Change language function\n  const changeLanguage = (langCode: string): void => {\n    const selectedLanguage = state.languages.find((lang) => lang.code === langCode);\n    \n    if (selectedLanguage) {\n      dispatch({ type: 'SET_CURRENT_LANGUAGE', payload: selectedLanguage });\n      dispatch({ type: 'SET_FALLBACK_ACTIVE', payload: false });\n      applyLanguageSettings(selectedLanguage);\n    } else {\n      console.error(`Language \"${langCode}\" not found in available languages`);\n      \n      // If language not found, fall back to English\n      const englishFallback = createEnglishFallback();\n      dispatch({ \n        type: 'SET_CURRENT_LANGUAGE', \n        payload: englishFallback,\n        isFallback: true \n      });\n      applyLanguageSettings(englishFallback);\n    }\n  };\n\n  // Initialize on mount\n  useEffect(() => {\n    fetchLanguages();\n    //eslint-disable-next-line  \n  }, []);\n\n  const contextValue: LanguageContextType = {\n    ...state,\n    changeLanguage,\n    fetchLanguages,\n  };\n\n  return (\n    <LanguageContext.Provider value={contextValue}>\n      {/* {state.isLoading } */}\n      {children}\n    </LanguageContext.Provider>\n  );\n};\n\nexport default LanguageContext;"],"names":["FALLBACK_LANGUAGES","DEFAULT_LANG","initialState","languages","currentLanguage","isLoading","error","isFallbackActive","languageReducer","state","action","type","payload","isFallback","LanguageContext","createContext","children","dispatch","useReducer","i18n","useTranslation","useEffect","setRoleURL","safeChangeLanguage","async","langCode","changeLanguage","applyLanguageSettings","language","document","body","dir","direction","code","localStorage","setItem","fetchLanguages","response","getV1Languages","order","filters","getToken","data","_a","_b","filter","d","is_active","map","label","name","some","lang","unshift","savedLangCode","getItem","bestLanguage","preferredCode","length","preferred","find","fallbackCode","fallback","findBestAvailableLanguage","errorMessage","Error","message","englishFallback","contextValue","selectedLanguage","Provider","value"],"mappings":"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"}

package/dist/index.esm.js

@@ -279,29 +279,30 @@ import { default as default257, LanguageProvider } from "./contexts/languageCont
 import { themeVariant, getTheme, themeVariant as themeVariant2 } from "./theme/themeSelector/index.esm.js";
 import { default as default258 } from "./theme/themeWrapper/index.esm.js";
 import { convertTableColumns, default as default259 } from "./utils/form-builder-deconversion/index.esm.js";
-import { default as default260 } from "./layout/fullScreen/fullScreen/index.esm.js";
-import { default as default261 } from "./layout/sidebarScreen/sidebarScreen/index.esm.js";
-import { default as default262 } from "./views/template-editor/templates/index.esm.js";
-import { default as default263 } from "./views/template-editor/add-template/add-template/index.esm.js";
-import { default as default264 } from "./views/template-editor/template-modal/template-modal/index.esm.js";
-import { default as default265 } from "./views/template-editor/template-modal/html-thumbnail-preview/index.esm.js";
-import { default as default266 } from "./views/template-editor/company-selection-modal/company-selection-modal/index.esm.js";
-import { default as default267 } from "./views/template-editor/edit-section-modal/edit-section-modal/index.esm.js";
-import { default as default268 } from "./views/template-editor/template-name-modal/template-name-modal/index.esm.js";
-import { default as default269 } from "./views/template-editor/components/EditorCanvas/index.esm.js";
-import { default as default270 } from "./views/template-editor/components/EditorHeader/index.esm.js";
-import { default as default271 } from "./views/template-editor/components/EditorSection/index.esm.js";
-import { default as default272 } from "./views/template-editor/components/EditorSidebar/index.esm.js";
-import { default as default273 } from "./views/template-editor/components/SectionFlowEditor/index.esm.js";
-import { default as default274 } from "./views/template-editor/components/SectionFormatPanel/index.esm.js";
-import { default as default275 } from "./views/template-editor/components/controllers/AlignmentControl/index.esm.js";
-import { default as default276 } from "./views/template-editor/components/controllers/border-control/index.esm.js";
-import { default as default277 } from "./views/template-editor/components/controllers/ButtonControls/index.esm.js";
-import { default as default278 } from "./views/template-editor/components/controllers/CodeControls/index.esm.js";
-import { default as default279 } from "./views/template-editor/components/controllers/DividerControls/index.esm.js";
-import { default as default280 } from "./views/template-editor/components/controllers/ImageControls/index.esm.js";
-import { default as default281 } from "./views/template-editor/components/controllers/SignatureControls/index.esm.js";
-import { default as default282 } from "./views/template-editor/components/controllers/TableControls/index.esm.js";
+import { convertToUnderscore, formatLabel, default as default260 } from "./utils/format-text/index.esm.js";
+import { default as default261 } from "./layout/fullScreen/fullScreen/index.esm.js";
+import { default as default262 } from "./layout/sidebarScreen/sidebarScreen/index.esm.js";
+import { default as default263 } from "./views/template-editor/templates/index.esm.js";
+import { default as default264 } from "./views/template-editor/add-template/add-template/index.esm.js";
+import { default as default265 } from "./views/template-editor/template-modal/template-modal/index.esm.js";
+import { default as default266 } from "./views/template-editor/template-modal/html-thumbnail-preview/index.esm.js";
+import { default as default267 } from "./views/template-editor/company-selection-modal/company-selection-modal/index.esm.js";
+import { default as default268 } from "./views/template-editor/edit-section-modal/edit-section-modal/index.esm.js";
+import { default as default269 } from "./views/template-editor/template-name-modal/template-name-modal/index.esm.js";
+import { default as default270 } from "./views/template-editor/components/EditorCanvas/index.esm.js";
+import { default as default271 } from "./views/template-editor/components/EditorHeader/index.esm.js";
+import { default as default272 } from "./views/template-editor/components/EditorSection/index.esm.js";
+import { default as default273 } from "./views/template-editor/components/EditorSidebar/index.esm.js";
+import { default as default274 } from "./views/template-editor/components/SectionFlowEditor/index.esm.js";
+import { default as default275 } from "./views/template-editor/components/SectionFormatPanel/index.esm.js";
+import { default as default276 } from "./views/template-editor/components/controllers/AlignmentControl/index.esm.js";
+import { default as default277 } from "./views/template-editor/components/controllers/border-control/index.esm.js";
+import { default as default278 } from "./views/template-editor/components/controllers/ButtonControls/index.esm.js";
+import { default as default279 } from "./views/template-editor/components/controllers/CodeControls/index.esm.js";
+import { default as default280 } from "./views/template-editor/components/controllers/DividerControls/index.esm.js";
+import { default as default281 } from "./views/template-editor/components/controllers/ImageControls/index.esm.js";
+import { default as default282 } from "./views/template-editor/components/controllers/SignatureControls/index.esm.js";
+import { default as default283 } from "./views/template-editor/components/controllers/TableControls/index.esm.js";
 import { ClickAwayListener } from "./node_modules/@mui/material/ClickAwayListener/ClickAwayListener/index.esm.js";
 import { RecgtangleIcon } from "./components/icons/rectangle/index.esm.js";
 import { RectangleFilledIcon } from "./components/icons/rectangle-filled/index.esm.js";
@@ -376,15 +377,15 @@ import { useLanguage } from "./hooks/useLangauge/index.esm.js";
 import { useAuth } from "./hooks/useAuth/index.esm.js";
 import { usePages } from "./hooks/use-pages/index.esm.js";
 import { usePermissions } from "./hooks/use-permissions/index.esm.js";
-import { default as default283 } from "./hooks/use-material-calculations/index.esm.js";
-import { default as default284 } from "./hooks/useLanguageFallback/index.esm.js";
-import { default as default285 } from "./hooks/useLocationFilter/index.esm.js";
+import { default as default284 } from "./hooks/use-material-calculations/index.esm.js";
+import { default as default285 } from "./hooks/useLanguageFallback/index.esm.js";
+import { default as default286 } from "./hooks/useLocationFilter/index.esm.js";
 import { apiType, capitalizeWords, convertEmptyToNull, defaultUserCurrency, formatNumber, formatTime, formateDate, recursiveSort, removeExtraKeys, sortData, valueWithCurrency } from "./hooks/common/index.esm.js";
 import { AuthContext, AuthProvider } from "./contexts/AuthContext/index.esm.js";
 import { PageContext, PageProvider, defaultPageState, initialFilter } from "./contexts/page-context/index.esm.js";
 import { PermissionsContext, PermissionsProvider } from "./contexts/permission-context/index.esm.js";
 import { createDarkTheme, createLightTheme, createLightTheme as createLightTheme2, themes } from "./theme/theme-impl/index.esm.js";
-import { default as default286 } from "dayjs";
+import { default as default287 } from "dayjs";
 import { closeSnackbar, enqueueSnackbar, useSnackbar } from "./node_modules/notistack/notistack.esm/index.esm.js";
 import { apiConfigurations, fetchApi, getCurrency, getItems, getOptions } from "./utils/api/index.esm.js";
 import { calculateEntries } from "./utils/calculation/index.esm.js";
@@ -396,7 +397,6 @@ import { UTCDateFormat, formatDataTime, formatDate, formatOnlyTime, formatUtcDat
 import { RANGE, handleCompareDateRange, handleCompareDateRangeSync } from "./utils/date-range/index.esm.js";
 import { COMMON_DATE_VALIDATIONS, anyDateValidation, businessDateValidation, conditionalDateValidation, createCustomMessages, createDateValidation, dateRangeValidation, dateTimeValidation, dateValidation, futureDateValidation, pastDateValidation } from "./utils/dateValidation/index.esm.js";
 import { specificFilters, subModuleMappings } from "./utils/export-filters/index.esm.js";
-import { convertToUnderscore, formatLabel } from "./utils/format-text/index.esm.js";
 import { createParameterizedNavigationHandler, migrateRoutesToUseParams, migrateToPathWithId, updateTableConfigForParameterizedNavigation } from "./utils/migration-utils/index.esm.js";
 import { getEntityId, navigateWithId } from "./utils/navigation-utils/index.esm.js";
 import { convertRoutesToUseIdParams, generateRouteWithId, navigateToRouteWithId, updatePathnameWithIdParams } from "./utils/route-utils/index.esm.js";
@@ -409,11 +409,11 @@ import { setBaseUrl as setBaseUrl3 } from "./api-client/api.system-feature/api/i
 import { loadModuleTranslations } from "./utils/translations/index.esm.js";
 import { MenuFilter, MenuFilterService, ModuleAccessService, StorageUtils } from "./utils/menu-filter/index.esm.js";
 export * from "react-i18next";
-import { getAllUserAndDepartmentDropdown, resetState, setDepartments, setError, setLoading, setUsers, sharePage, default as default287 } from "./redux/slices/shareSlice/index.esm.js";
-import { default as default288, resetHeaderState, resetLanguagesState, setCurrentLanguage, setLanguages, setLanguagesData } from "./redux/slices/headerSlice/index.esm.js";
-import { fetchCompanies, default as default289, resetReportsTitleBarState, setCompanies, setError as setError2, setLoading as setLoading2 } from "./redux/slices/reportsTitleBarSlice/index.esm.js";
-import { fetchBom, default as default290, resetInventoryReportsTitleBarState, setAssemblyItems, setBomData, setCompanies as setCompanies2, setError as setError3, setLoading as setLoading3, setItems, setWarehouseLocations } from "./redux/slices/inventoryReportsTitleBarSlice/index.esm.js";
-import { changeCurrentPage, dashBoardDrive, default as default291, pinToDashboardList, setGrid, setPages, setPaginationModel, setSharedPage, setUserName } from "./views/afterAuth/dashboard/redux/reducer/index.esm.js";
+import { getAllUserAndDepartmentDropdown, resetState, setDepartments, setError, setLoading, setUsers, sharePage, default as default288 } from "./redux/slices/shareSlice/index.esm.js";
+import { default as default289, resetHeaderState, resetLanguagesState, setCurrentLanguage, setLanguages, setLanguagesData } from "./redux/slices/headerSlice/index.esm.js";
+import { fetchCompanies, default as default290, resetReportsTitleBarState, setCompanies, setError as setError2, setLoading as setLoading2 } from "./redux/slices/reportsTitleBarSlice/index.esm.js";
+import { fetchBom, default as default291, resetInventoryReportsTitleBarState, setAssemblyItems, setBomData, setCompanies as setCompanies2, setError as setError3, setLoading as setLoading3, setItems, setWarehouseLocations } from "./redux/slices/inventoryReportsTitleBarSlice/index.esm.js";
+import { changeCurrentPage, dashBoardDrive, default as default292, pinToDashboardList, setGrid, setPages, setPaginationModel, setSharedPage, setUserName } from "./views/afterAuth/dashboard/redux/reducer/index.esm.js";
 import { UsersFetchAction } from "./views/afterAuth/dashboard/redux/actionCreator/index.esm.js";
 import { createLibraryStore, getLibrarySlices, libraryReducers } from "./redux/store/index.esm.js";
 import { API_METHOD_GROUPS, createConfiguredApiClient, validateApiClient } from "./redux/apiConfig/index.esm.js";
@@ -436,7 +436,7 @@ import * as apiTypes_d$7 from "./api-client/api.system-feature/api-types.d/index
 import * as api$9 from "./api-client/api.user/api/index.esm.js";
 import * as apiTypes_d$8 from "./api-client/api.user/api-types.d/index.esm.js";
 import { templateEditorRoutes } from "./views/template-editor/routes/index.esm.js";
-import { default as default292 } from "./views/template-editor/components/controllers/TextControls/index.esm.js";
+import { default as default293 } from "./views/template-editor/components/controllers/TextControls/index.esm.js";
 import { TEMPLATE_EDITOR_PATHS, initialStyles } from "./views/template-editor/utils/constant/index.esm.js";
 import { extractStyles, generateEmailPreview, generateHeaderFooterPreview, generateInlineStyles, getInitialSectionData, templateRoutes } from "./views/template-editor/utils/common/index.esm.js";
 export {
@@ -453,12 +453,12 @@ export {
   AddCircle,
   default47 as AddPage,
   default48 as AddPageModal,
-  default263 as AddTemplate,
+  default264 as AddTemplate,
   default89 as AdvancedBarChart,
   default92 as AdvancedDonutChart,
   default5 as Alert,
   default103 as AlertTitle,
-  default275 as AlignmentControl,
+  default276 as AlignmentControl,
   default70 as AndroidSwitch,
   AppBarWrapper as AppBar,
   ApprovalWrapper,
@@ -484,14 +484,14 @@ export {
   BlankCircle,
   BlockFiled,
   BoardWrapper as Board,
-  default276 as BorderControl,
+  default277 as BorderControl,
   default108 as BottomNavigation,
   default109 as BottomNavigationAction,
   default110 as Box,
   default6 as BreadCrumb,
   default7 as Button,
   default112 as ButtonBase,
-  default277 as ButtonControls,
+  default278 as ButtonControls,
   default113 as ButtonGroup,
   COMMON_DATE_VALIDATIONS,
   default8 as CalculationSummary,
@@ -516,11 +516,11 @@ export {
   ClickAwayListener,
   Clock,
   Close,
-  default278 as CodeControls,
+  default279 as CodeControls,
   CoinOutline,
   default121 as Collapse,
   default14 as ColorPickerInput,
-  default266 as CompanySelectionModal,
+  default267 as CompanySelectionModal,
   default15 as ConfirmModal,
   default122 as Container,
   Copy,
@@ -542,7 +542,7 @@ export {
   default126 as DialogContentText,
   default127 as DialogTitle,
   default128 as Divider,
-  default279 as DividerControls,
+  default280 as DividerControls,
   Document,
   DocumentDownload,
   DollarCircle,
@@ -577,12 +577,12 @@ export {
   default249 as DynamicToggleButton,
   ERPUIProvider,
   Edit,
-  default267 as EditSectionModal,
+  default268 as EditSectionModal,
   default25 as Editor,
-  default269 as EditorCanvas,
-  default270 as EditorHeader,
-  default271 as EditorSection,
-  default272 as EditorSidebar,
+  default270 as EditorCanvas,
+  default271 as EditorHeader,
+  default272 as EditorSection,
+  default273 as EditorSidebar,
   Email,
   default26 as EntityViewWrapper,
   default224 as ErpLoader,
@@ -608,7 +608,7 @@ export {
   default137 as FormLabel,
   default225 as FormLoader,
   default228 as FormParser,
-  default260 as FullScreenLayout,
+  default261 as FullScreenLayout,
   default32 as Gantt,
   default138 as GlobalStyles,
   default139 as Grid,
@@ -622,7 +622,7 @@ export {
   default34 as HeaderCard,
   default141 as Hidden,
   default35 as HrLine,
-  default265 as HtmlThumbnailPreview,
+  default266 as HtmlThumbnailPreview,
   INVENTORY_ADD_MODE_DISABLED_FIELDS,
   INVENTORY_ALWAYS_DISABLED_FIELDS,
   INVENTORY_EDIT_MODE_DISABLED_FIELDS,
@@ -633,7 +633,7 @@ export {
   default142 as Icon,
   default143 as IconButton,
   Image,
-  default280 as ImageControls,
+  default281 as ImageControls,
   default144 as ImageList,
   default145 as ImageListItem,
   default146 as ImageListItemBar,
@@ -767,8 +767,8 @@ export {
   default64 as SearchBar,
   SearchStatus,
   default65 as SearchableSelect,
-  default273 as SectionFlowEditor,
-  default274 as SectionFormatPanel,
+  default274 as SectionFlowEditor,
+  default275 as SectionFormatPanel,
   default66 as Select,
   SettingsFallback,
   SettingsFallbackIcon,
@@ -776,8 +776,8 @@ export {
   default50 as SharedPageModal,
   default51 as SharedPageView,
   Sidebar,
-  default261 as SidebarLayout,
-  default281 as SignatureControls,
+  default262 as SidebarLayout,
+  default282 as SignatureControls,
   default174 as Slider,
   default68 as Snackbar,
   default175 as SnackbarContent,
@@ -806,18 +806,18 @@ export {
   default190 as TableBody,
   default191 as TableCell,
   default192 as TableContainer,
-  default282 as TableControls,
+  default283 as TableControls,
   default193 as TableFooter,
   default194 as TableHead,
   default195 as TablePagination,
   default196 as TableRow,
   default197 as TableSortLabel,
   default72 as Tabs,
-  default264 as TemplateModal,
-  default268 as TemplateNameModal,
-  default262 as Templates,
+  default265 as TemplateModal,
+  default269 as TemplateNameModal,
+  default263 as Templates,
   default73 as TextArea,
-  default292 as TextControls,
+  default293 as TextControls,
   default74 as TextField,
   default198 as TextareaAutosize,
   themeVariant as ThemeSelector,
@@ -883,11 +883,11 @@ export {
   createLightTheme2 as createTheme,
   createdOnAndBy,
   dashBoardDrive,
-  default291 as dashboardSlice,
+  default292 as dashboardSlice,
   dateRangeValidation,
   dateTimeValidation,
   dateValidation,
-  default286 as dayjs,
+  default287 as dayjs,
   defaultCompany,
   defaultCurrencyFormat,
   defaultCurrencySymbol,
@@ -925,6 +925,7 @@ export {
   formatOnlyTime,
   formatResponseDatesToDayJS,
   formatResponseOnlyDatesToDayJS,
+  default260 as formatText,
   formatTime,
   formatTimeForPayload,
   formatUtcDate,
@@ -976,11 +977,11 @@ export {
   handleCompareDateRangeSync,
   handleRegularUpload,
   hasValue,
-  default288 as headerSlice,
+  default289 as headerSlice,
   images,
   initialFilter,
   initialStyles,
-  default290 as inventoryReportsTitleBarSlice,
+  default291 as inventoryReportsTitleBarSlice,
   isBetweenTheDates,
   isJSONString,
   isJsonParse,
@@ -1008,7 +1009,7 @@ export {
   removeIdStaticIdsFromMongoObject,
   renderEmptyRowsFallback,
   renderValueField,
-  default289 as reportsTitleBarSlice,
+  default290 as reportsTitleBarSlice,
   resetHeaderState,
   resetInventoryReportsTitleBarState,
   resetLanguagesState,
@@ -1042,7 +1043,7 @@ export {
   setUsers,
   setWarehouseLocations,
   sharePage,
-  default287 as shareSlice,
+  default288 as shareSlice,
   showSnackBar,
   skuGenerator,
   sortData,
@@ -1068,11 +1069,11 @@ export {
   default252 as useDeepMemo,
   useERPUI,
   useLanguage,
-  default284 as useLanguageFallback,
+  default285 as useLanguageFallback,
   useLibraryDispatch,
   useLibrarySelector,
-  default285 as useLocationFilter,
-  default283 as useMaterialCalculations,
+  default286 as useLocationFilter,
+  default284 as useMaterialCalculations,
   default202 as useMediaQuery,
   usePages,
   usePermissions,