@helpwave/hightide 0.1.35 → 0.1.36

package/dist/hooks/useValidators.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/emailValidation.ts","../../src/localization/LanguageProvider.tsx","../../src/hooks/useLocalStorage.ts","../../src/localization/util.ts","../../src/localization/useTranslation.ts","../../src/hooks/useValidators.ts"],"sourcesContent":["export const validateEmail = (email: string): boolean => {\n  return /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i.test(email)\n}\n","import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useMemo, useState } from 'react'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\nimport type { Language } from './util'\nimport { LanguageUtil } from './util'\n\nexport type LanguageContextValue = {\n  language: Language,\n  setLanguage: Dispatch<SetStateAction<Language>>,\n}\n\nexport const LanguageContext = createContext<LanguageContextValue>({\n  language: LanguageUtil.DEFAULT_LANGUAGE,\n  setLanguage: (v) => v\n})\n\ntype LanguageWithSystem = Language | 'system'\n\ntype LanguageProviderProps = {\n  language?: LanguageWithSystem,\n}\n\nexport const LanguageProvider = ({ children, language }: PropsWithChildren<LanguageProviderProps>) => {\n  const {\n    value: storedLanguage,\n    setValue: setStoredLanguage,\n    deleteValue: deleteStoredLanguage\n  } = useLocalStorage<LanguageWithSystem>('language', 'system')\n  const [languagePreference, setLanguagePreference] = useState<LanguageWithSystem>('system')\n\n  const resolvedLanguage = useMemo(() => {\n    if (language && language !== 'system') {\n      return language\n    }\n    if (storedLanguage && storedLanguage !== 'system') {\n      return storedLanguage\n    }\n    if (languagePreference !== 'system') {\n      return languagePreference\n    }\n    return LanguageUtil.DEFAULT_LANGUAGE\n  }, [language, languagePreference, storedLanguage])\n\n  useEffect(() => {\n    if (language === 'system') {\n      deleteStoredLanguage()\n    } else {\n      setStoredLanguage(language)\n    }\n  }, [language]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    const LanguageToTestAgainst = Object.values(LanguageUtil.languages)\n\n    const detectLanguage = () => {\n      const matchingBrowserLanguage = window.navigator.languages\n        .map(language =>\n          LanguageToTestAgainst.find(\n            (test) => language === test || language.split('-')[0] === test\n          ))\n        .filter((entry): entry is Language => entry !== undefined)\n\n      if (matchingBrowserLanguage.length === 0) return\n\n      const firstMatch = matchingBrowserLanguage[0]\n      setLanguagePreference(firstMatch)\n    }\n    detectLanguage()\n\n    window.addEventListener('languagechange', detectLanguage)\n    return () => {\n      window.removeEventListener('languagechange', detectLanguage)\n    }\n  }, [])\n\n  return (\n    <LanguageContext.Provider value={{\n      language: resolvedLanguage,\n      setLanguage: (newLanguage) => {\n        if (language) {\n          console.warn('LanguageProvider: Attempting to change the ' +\n            \"language while setting a fixed language won't have any effect. \" +\n            'Change the language provided to the LanguageProvider instead.')\n        }\n        setStoredLanguage(newLanguage)\n      }\n    }}>\n      {children}\n    </LanguageContext.Provider>\n  )\n}\n\nexport const useLanguage = () => {\n  const context = useContext(LanguageContext)\n  if (!context) {\n    throw new Error('useLanguage must be used within LanguageContext. Try adding a LanguageProvider around your app.')\n  }\n  return context\n}\n\nexport const useLocale = (overWriteLanguage?: Language) => {\n  const { language } = useLanguage()\n  const mapping: Record<Language, string> = {\n    en: 'en-US',\n    de: 'de-DE'\n  }\n  return mapping[overWriteLanguage ?? language]\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    const value = storageService.get<T>(key)\n    return value || backupValue\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\n}","/**\n * The supported languages\n */\nconst languages = ['en', 'de'] as const\n\n/**\n * The supported languages\n */\nexport type Language = typeof languages[number]\n\n/**\n * The supported languages' names in their respective language\n */\nconst languagesLocalNames: Record<Language, string> = {\n  en: 'English',\n  de: 'Deutsch',\n}\n\n/**\n * The default language\n */\nconst DEFAULT_LANGUAGE: Language = 'en'\n\n/**\n * A constant definition for holding data regarding languages\n */\nexport const LanguageUtil = {\n  languages,\n  DEFAULT_LANGUAGE,\n  languagesLocalNames,\n}","import { useLanguage } from './LanguageProvider'\nimport type { Language } from './util'\n\n/**\n * A type describing the pluralization of a word\n */\nexport type TranslationPlural = {\n  zero?: string,\n  one?: string,\n  two?: string,\n  few?: string,\n  many?: string,\n  other: string,\n}\n\n/**\n * The type describing all values of a translation\n */\nexport type TranslationType = Record<string, string | TranslationPlural>\n\n/**\n * The type of translations\n */\nexport type Translation<T extends TranslationType> = Record<Language, T>\n\ntype OverwriteTranslationType<T extends TranslationType> = {\n  language?: Language,\n  translation?: Translation<Partial<T>>,\n}\n\n/**\n * Adds the `language` prop to the component props.\n *\n * @param Translation the type of the translation object\n *\n * @param Props the type of the component props, defaults to `Record<string, never>`,\n *              if you don't expect any other props other than `language` and get an\n *              error when using your component (because it uses `forwardRef` etc.)\n *              you can try out `Record<string, unknown>`, this might resolve your\n *              problem as `SomeType & never` is still `never` but `SomeType & unknown`\n *              is `SomeType` which means that adding back props (like `ref` etc.)\n *              works properly\n */\nexport type PropsForTranslation<\n  Translation extends TranslationType,\n  Props = unknown\n> = Props & {\n  overwriteTranslation?: OverwriteTranslationType<Translation>,\n}\n\ntype StringKeys<T> = Extract<keyof T, string>;\n\ntype TranslationFunctionOptions = {\n  replacements?: Record<string, string>,\n  count?: number,\n}\ntype TranslationFunction<T extends TranslationType> = (key: StringKeys<T>, options?: TranslationFunctionOptions) => string\n\nexport const TranslationPluralCount = {\n  zero: 0,\n  one: 1,\n  two: 2,\n  few: 3,\n  many: 11,\n  other: -1,\n}\n\n\nexport const useTranslation = <T extends TranslationType>(\n  translations: Translation<Partial<TranslationType>>[],\n  overwriteTranslation: OverwriteTranslationType<T> = {}\n): TranslationFunction<T> => {\n  const { language: languageProp, translation: overwrite } = overwriteTranslation\n  const { language: inferredLanguage } = useLanguage()\n  const usedLanguage = languageProp ?? inferredLanguage\n  const usedTranslations = [...translations]\n  if (overwrite) {\n    usedTranslations.push(overwrite)\n  }\n\n  return (key: StringKeys<T>, options?: TranslationFunctionOptions): string => {\n    const { count, replacements } = { ...{ count: 0, replacements: {} }, ...options }\n\n    try {\n      for (let i = translations.length - 1; i >= 0; i--) {\n        const translation = translations[i]\n        const localizedTranslation = translation[usedLanguage]\n        if (!localizedTranslation) {\n          continue\n        }\n        const value = localizedTranslation[key]\n        if(!value) {\n          continue\n        }\n\n        let forProcessing: string\n        if (typeof value !== 'string') {\n          if (count === TranslationPluralCount.zero && value?.zero) {\n            forProcessing = value.zero\n          } else if (count === TranslationPluralCount.one && value?.one) {\n            forProcessing = value.one\n          } else if (count === TranslationPluralCount.two && value?.two) {\n            forProcessing = value.two\n          } else if (TranslationPluralCount.few <= count && count < TranslationPluralCount.many && value?.few) {\n            forProcessing = value.few\n          } else if (count > TranslationPluralCount.many && value?.many) {\n            forProcessing = value.many\n          } else {\n            forProcessing = value.other\n          }\n        } else {\n          forProcessing = value\n        }\n        forProcessing = forProcessing.replace(/\\{\\{(\\w+)}}/g, (_, placeholder) => {\n          return replacements[placeholder] ?? `{{key:${placeholder}}}` // fallback if key is missing\n        })\n        return forProcessing\n      }\n    } catch (e) {\n      console.error(e)\n    }\n    return `{{${usedLanguage}:${key}}}`\n  }\n}","import { validateEmail } from '@/src/utils/emailValidation'\nimport type { Translation } from '@/src/localization/useTranslation'\nimport { useTranslation } from '@/src/localization/useTranslation'\n\nexport type ValidatorError =\n  'notEmpty'\n  | 'invalidEmail'\n  | 'tooLong'\n  | 'tooShort'\n  | 'outOfRangeString'\n  | 'outOfRangeNumber'\n  | 'outOfRangeSelectionItems'\n  | 'tooFewSelectionItems'\n  | 'tooManySelectionItems'\nexport type ValidatorResult = ValidatorError | undefined\n\nconst notEmpty = (value: unknown): ValidatorResult => {\n  if (!value) {\n    return 'notEmpty'\n  }\n}\n\ntype BoundsValidatorResult = 'lower' | 'upper' | 'range' | 'none'\nconst boundsValidator = (length: number | undefined, bounds: [number | undefined, number | undefined]): BoundsValidatorResult => {\n  const [min, max] = bounds\n\n  if (min !== undefined && max !== undefined && (length === undefined || length < min || length > max)) {\n    return 'range'\n  }\n\n  if (min !== undefined && (length === undefined || length < min)) {\n    return 'lower'\n  }\n\n  if (max !== undefined && length !== undefined && length > max) {\n    return 'upper'\n  }\n\n  return 'none'\n}\n\nconst lengthValidator = (value: string | undefined, bounds: [number | undefined, number | undefined]): ValidatorResult => {\n  const mapping: Record<BoundsValidatorResult, ValidatorResult> = {\n    range: 'outOfRangeString',\n    lower: 'tooShort',\n    upper: 'tooLong',\n    none: undefined\n  }\n  return mapping[boundsValidator(value?.length, bounds)]\n}\n\nconst selectionValidator = (value: unknown[], bounds: [number | undefined, number | undefined]): ValidatorResult => {\n  const mapping: Record<BoundsValidatorResult, ValidatorResult> = {\n    range: 'outOfRangeSelectionItems',\n    lower: 'tooFewSelectionItems',\n    upper: 'tooManySelectionItems',\n    none: undefined\n  }\n  return mapping[boundsValidator(value?.length, bounds)]\n}\n\nconst emailValidator = (value: string | undefined) => {\n  if (!value || !validateEmail(value)) {\n    return 'invalidEmail'\n  }\n}\n\n\n\ntype ValidatorTranslationType = Record<ValidatorError, string>\n\nexport const defaultValidatorTranslation: Translation<ValidatorTranslationType> = {\n  en: {\n    notEmpty: 'The field cannot be empty.',\n    invalidEmail: 'The email is not valid.',\n    tooShort: 'The value requires at least {{min}} characters.',\n    tooLong: 'The value requires less than {{max}} characters.',\n    outOfRangeString: 'The value needs to have between {{min}} and {{max}} characters.',\n    outOfRangeNumber: 'The value must be between {{min}} and {{max}}.',\n    outOfRangeSelectionItems: 'Between {{min}} and {{max}} items must be selected.',\n    tooFewSelectionItems: 'Select at least {{min}} items.',\n    tooManySelectionItems: 'Select at most {{max}} items.',\n  },\n  de: {\n    notEmpty: 'Das Feld darf nicht leer sein.',\n    invalidEmail: 'Die E-Mail ist ungültig.',\n    tooShort: 'Der Wert muss mindestens {{min}} Zeichen enthalten.',\n    tooLong: 'Der Wert darf höchstens {{max}} Zeichen enthalten.',\n    outOfRangeString: 'Der Wert muss zwischen {{min}} und {{max}} Zeichen lang sein.',\n    outOfRangeNumber: 'Der Wert muss zwischen {{min}} und {{max}} liegen.',\n    outOfRangeSelectionItems: 'Es müssen zwischen {{min}} und {{max}} Elemente ausgewählt werden.',\n    tooFewSelectionItems: 'Es müssen mindestens {{min}} Elemente ausgewählt werden.',\n    tooManySelectionItems: 'Es müssen maximal {{max}} Elemente ausgewählt werden.',\n  },\n}\n\nexport const UseValidators = {\n  notEmpty: notEmpty,\n  length: lengthValidator,\n  email: emailValidator,\n  selection: selectionValidator,\n}\n\nexport const useTranslatedValidators = () => {\n  const translation = useTranslation([defaultValidatorTranslation])\n\n  return {\n    notEmpty: (value: unknown) => {\n      const result = notEmpty(value)\n      if (result) {\n        return translation(result)\n      }\n    },\n    length: (value: string | undefined, length: [number | undefined, number | undefined]) => {\n      const [min, max] = length\n      const result = lengthValidator(value, length)\n      if (result) {\n        return translation(result, { replacements: { min: min.toString(), max: max.toString() } })\n      }\n    },\n    email: (value: string) => {\n      const result = emailValidator(value)\n      if (result) {\n        return translation(result)\n      }\n    },\n    selection: (value: unknown[]| undefined, length: [number | undefined, number | undefined]) => {\n      const [min, max] = length\n      const result = selectionValidator(value, length)\n      if (result) {\n        return translation(result, { replacements: { min: min.toString(), max: max.toString() } })\n      }\n    }\n  }\n}"],"mappings":"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","names":["useState"]}
+{"version":3,"sources":["../../src/utils/emailValidation.ts","../../src/localization/LanguageProvider.tsx","../../src/hooks/useLocalStorage.ts","../../src/localization/util.ts","../../src/localization/useTranslation.ts","../../src/hooks/useValidators.ts"],"sourcesContent":["export const validateEmail = (email: string): boolean => {\n  return /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i.test(email)\n}\n","import type { Dispatch, PropsWithChildren, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useMemo, useState } from 'react'\nimport { useLocalStorage } from '../hooks/useLocalStorage'\nimport type { Language } from './util'\nimport { LanguageUtil } from './util'\n\nexport type LanguageContextValue = {\n  language: Language,\n  setLanguage: Dispatch<SetStateAction<Language>>,\n}\n\nexport const LanguageContext = createContext<LanguageContextValue>({\n  language: LanguageUtil.DEFAULT_LANGUAGE,\n  setLanguage: (v) => v\n})\n\ntype LanguageWithSystem = Language | 'system'\n\ntype LanguageProviderProps = {\n  language?: LanguageWithSystem,\n}\n\nexport const LanguageProvider = ({ children, language }: PropsWithChildren<LanguageProviderProps>) => {\n  const {\n    value: storedLanguage,\n    setValue: setStoredLanguage,\n    deleteValue: deleteStoredLanguage\n  } = useLocalStorage<LanguageWithSystem>('language', 'system')\n  const [languagePreference, setLanguagePreference] = useState<LanguageWithSystem>('system')\n\n  const resolvedLanguage = useMemo(() => {\n    if (language && language !== 'system') {\n      return language\n    }\n    if (storedLanguage && storedLanguage !== 'system') {\n      return storedLanguage\n    }\n    if (languagePreference !== 'system') {\n      return languagePreference\n    }\n    return LanguageUtil.DEFAULT_LANGUAGE\n  }, [language, languagePreference, storedLanguage])\n\n  useEffect(() => {\n    if(!language) return\n    if (language === 'system') {\n      deleteStoredLanguage()\n    } else {\n      setStoredLanguage(language)\n    }\n  }, [language]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    const LanguageToTestAgainst = Object.values(LanguageUtil.languages)\n\n    const detectLanguage = () => {\n      const matchingBrowserLanguage = window.navigator.languages\n        .map(language =>\n          LanguageToTestAgainst.find(\n            (test) => language === test || language.split('-')[0] === test\n          ))\n        .filter((entry): entry is Language => entry !== undefined)\n\n      if (matchingBrowserLanguage.length === 0) return\n\n      const firstMatch = matchingBrowserLanguage[0]\n      setLanguagePreference(firstMatch)\n    }\n    detectLanguage()\n\n    window.addEventListener('languagechange', detectLanguage)\n    return () => {\n      window.removeEventListener('languagechange', detectLanguage)\n    }\n  }, [])\n\n  return (\n    <LanguageContext.Provider value={{\n      language: resolvedLanguage,\n      setLanguage: (newLanguage) => {\n        if (language) {\n          console.warn('LanguageProvider: Attempting to change the ' +\n            \"language while setting a fixed language won't have any effect. \" +\n            'Change the language provided to the LanguageProvider instead.')\n        }\n        setStoredLanguage(newLanguage)\n      }\n    }}>\n      {children}\n    </LanguageContext.Provider>\n  )\n}\n\nexport const useLanguage = () => {\n  const context = useContext(LanguageContext)\n  if (!context) {\n    throw new Error('useLanguage must be used within LanguageContext. Try adding a LanguageProvider around your app.')\n  }\n  return context\n}\n\nexport const useLocale = (overWriteLanguage?: Language) => {\n  const { language } = useLanguage()\n  const mapping: Record<Language, string> = {\n    en: 'en-US',\n    de: 'de-DE'\n  }\n  return mapping[overWriteLanguage ?? language]\n}\n","'use client'\n\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useCallback, useState } from 'react'\nimport { LocalStorageService } from '@/src/utils/storage'\nimport { resolveSetState } from '@/src/utils/resolveSetState'\n\ntype SetValue<T> = Dispatch<SetStateAction<T>>\n\ntype UseLocalStorageResult<T> = {\n  value: T,\n  setValue: SetValue<T>,\n  deleteValue: () => void,\n}\n\n/**\n * @param key Key under which to save the data\n * @param backupValue Used if the storage is unavailable or no value is present\n *\n * The backup value will never be saved to the storage unless you explicitly\n */\nexport const useLocalStorage = <T>(key: string, backupValue: T): UseLocalStorageResult<T> => {\n  const get = useCallback((): T => {\n    if (typeof window === 'undefined') {\n      return backupValue\n    }\n    const storageService = new LocalStorageService()\n    try {\n      const value = storageService.get<T>(key)\n      return value || backupValue\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    } catch (_) {\n      console.warn('useLocalStorage: Error while reading the stored value. Make sure your typing is correct.')\n      storageService.delete(key)\n      console.info(`useLocalStorage: deleted erroneous value for key: ${key}`)\n      return backupValue\n    }\n  }, [backupValue, key])\n\n  const [storedValue, setStoredValue] = useState<T>(get)\n\n  const setValue: SetValue<T> = useCallback(action => {\n    const newValue = resolveSetState(action, storedValue)\n    const storageService = new LocalStorageService()\n    storageService.set(key, newValue)\n\n    setStoredValue(newValue)\n  }, [storedValue, setStoredValue, key])\n\n  const deleteValue = () => {\n    const storageService = new LocalStorageService()\n    storageService.delete(key)\n    setStoredValue(backupValue)\n  }\n\n  return { value: storedValue, setValue, deleteValue }\n}","/**\n * The supported languages\n */\nconst languages = ['en', 'de'] as const\n\n/**\n * The supported languages\n */\nexport type Language = typeof languages[number]\n\n/**\n * The supported languages' names in their respective language\n */\nconst languagesLocalNames: Record<Language, string> = {\n  en: 'English',\n  de: 'Deutsch',\n}\n\n/**\n * The default language\n */\nconst DEFAULT_LANGUAGE: Language = 'en'\n\n/**\n * A constant definition for holding data regarding languages\n */\nexport const LanguageUtil = {\n  languages,\n  DEFAULT_LANGUAGE,\n  languagesLocalNames,\n}","import { useLanguage } from './LanguageProvider'\nimport type { Language } from './util'\n\n/**\n * A type describing the pluralization of a word\n */\nexport type TranslationPlural = {\n  zero?: string,\n  one?: string,\n  two?: string,\n  few?: string,\n  many?: string,\n  other: string,\n}\n\n/**\n * The type describing all values of a translation\n */\nexport type TranslationType = Record<string, string | TranslationPlural>\n\n/**\n * The type of translations\n */\nexport type Translation<T extends TranslationType> = Record<Language, T>\n\ntype OverwriteTranslationType<T extends TranslationType> = {\n  language?: Language,\n  translation?: Translation<Partial<T>>,\n}\n\n/**\n * Adds the `language` prop to the component props.\n *\n * @param Translation the type of the translation object\n *\n * @param Props the type of the component props, defaults to `Record<string, never>`,\n *              if you don't expect any other props other than `language` and get an\n *              error when using your component (because it uses `forwardRef` etc.)\n *              you can try out `Record<string, unknown>`, this might resolve your\n *              problem as `SomeType & never` is still `never` but `SomeType & unknown`\n *              is `SomeType` which means that adding back props (like `ref` etc.)\n *              works properly\n */\nexport type PropsForTranslation<\n  Translation extends TranslationType,\n  Props = unknown\n> = Props & {\n  overwriteTranslation?: OverwriteTranslationType<Translation>,\n}\n\ntype StringKeys<T> = Extract<keyof T, string>;\n\ntype TranslationFunctionOptions = {\n  replacements?: Record<string, string>,\n  count?: number,\n}\ntype TranslationFunction<T extends TranslationType> = (key: StringKeys<T>, options?: TranslationFunctionOptions) => string\n\nexport const TranslationPluralCount = {\n  zero: 0,\n  one: 1,\n  two: 2,\n  few: 3,\n  many: 11,\n  other: -1,\n}\n\n\nexport const useTranslation = <T extends TranslationType>(\n  translations: Translation<Partial<TranslationType>>[],\n  overwriteTranslation: OverwriteTranslationType<T> = {}\n): TranslationFunction<T> => {\n  const { language: languageProp, translation: overwrite } = overwriteTranslation\n  const { language: inferredLanguage } = useLanguage()\n  const usedLanguage = languageProp ?? inferredLanguage\n  const usedTranslations = [...translations]\n  if (overwrite) {\n    usedTranslations.push(overwrite)\n  }\n\n  return (key: StringKeys<T>, options?: TranslationFunctionOptions): string => {\n    const { count, replacements } = { ...{ count: 0, replacements: {} }, ...options }\n\n    try {\n      for (let i = translations.length - 1; i >= 0; i--) {\n        const translation = translations[i]\n        const localizedTranslation = translation[usedLanguage]\n        if (!localizedTranslation) {\n          continue\n        }\n        const value = localizedTranslation[key]\n        if(!value) {\n          continue\n        }\n\n        let forProcessing: string\n        if (typeof value !== 'string') {\n          if (count === TranslationPluralCount.zero && value?.zero) {\n            forProcessing = value.zero\n          } else if (count === TranslationPluralCount.one && value?.one) {\n            forProcessing = value.one\n          } else if (count === TranslationPluralCount.two && value?.two) {\n            forProcessing = value.two\n          } else if (TranslationPluralCount.few <= count && count < TranslationPluralCount.many && value?.few) {\n            forProcessing = value.few\n          } else if (count > TranslationPluralCount.many && value?.many) {\n            forProcessing = value.many\n          } else {\n            forProcessing = value.other\n          }\n        } else {\n          forProcessing = value\n        }\n        forProcessing = forProcessing.replace(/\\{\\{(\\w+)}}/g, (_, placeholder) => {\n          return replacements[placeholder] ?? `{{key:${placeholder}}}` // fallback if key is missing\n        })\n        return forProcessing\n      }\n    } catch (e) {\n      console.error(e)\n    }\n    return `{{${usedLanguage}:${key}}}`\n  }\n}","import { validateEmail } from '@/src/utils/emailValidation'\nimport type { Translation } from '@/src/localization/useTranslation'\nimport { useTranslation } from '@/src/localization/useTranslation'\n\nexport type ValidatorError =\n  'notEmpty'\n  | 'invalidEmail'\n  | 'tooLong'\n  | 'tooShort'\n  | 'outOfRangeString'\n  | 'outOfRangeNumber'\n  | 'outOfRangeSelectionItems'\n  | 'tooFewSelectionItems'\n  | 'tooManySelectionItems'\nexport type ValidatorResult = ValidatorError | undefined\n\nconst notEmpty = (value: unknown): ValidatorResult => {\n  if (!value) {\n    return 'notEmpty'\n  }\n}\n\ntype BoundsValidatorResult = 'lower' | 'upper' | 'range' | 'none'\nconst boundsValidator = (length: number | undefined, bounds: [number | undefined, number | undefined]): BoundsValidatorResult => {\n  const [min, max] = bounds\n\n  if (min !== undefined && max !== undefined && (length === undefined || length < min || length > max)) {\n    return 'range'\n  }\n\n  if (min !== undefined && (length === undefined || length < min)) {\n    return 'lower'\n  }\n\n  if (max !== undefined && length !== undefined && length > max) {\n    return 'upper'\n  }\n\n  return 'none'\n}\n\nconst lengthValidator = (value: string | undefined, bounds: [number | undefined, number | undefined]): ValidatorResult => {\n  const mapping: Record<BoundsValidatorResult, ValidatorResult> = {\n    range: 'outOfRangeString',\n    lower: 'tooShort',\n    upper: 'tooLong',\n    none: undefined\n  }\n  return mapping[boundsValidator(value?.length, bounds)]\n}\n\nconst selectionValidator = (value: unknown[], bounds: [number | undefined, number | undefined]): ValidatorResult => {\n  const mapping: Record<BoundsValidatorResult, ValidatorResult> = {\n    range: 'outOfRangeSelectionItems',\n    lower: 'tooFewSelectionItems',\n    upper: 'tooManySelectionItems',\n    none: undefined\n  }\n  return mapping[boundsValidator(value?.length, bounds)]\n}\n\nconst emailValidator = (value: string | undefined) => {\n  if (!value || !validateEmail(value)) {\n    return 'invalidEmail'\n  }\n}\n\n\n\ntype ValidatorTranslationType = Record<ValidatorError, string>\n\nexport const defaultValidatorTranslation: Translation<ValidatorTranslationType> = {\n  en: {\n    notEmpty: 'The field cannot be empty.',\n    invalidEmail: 'The email is not valid.',\n    tooShort: 'The value requires at least {{min}} characters.',\n    tooLong: 'The value requires less than {{max}} characters.',\n    outOfRangeString: 'The value needs to have between {{min}} and {{max}} characters.',\n    outOfRangeNumber: 'The value must be between {{min}} and {{max}}.',\n    outOfRangeSelectionItems: 'Between {{min}} and {{max}} items must be selected.',\n    tooFewSelectionItems: 'Select at least {{min}} items.',\n    tooManySelectionItems: 'Select at most {{max}} items.',\n  },\n  de: {\n    notEmpty: 'Das Feld darf nicht leer sein.',\n    invalidEmail: 'Die E-Mail ist ungültig.',\n    tooShort: 'Der Wert muss mindestens {{min}} Zeichen enthalten.',\n    tooLong: 'Der Wert darf höchstens {{max}} Zeichen enthalten.',\n    outOfRangeString: 'Der Wert muss zwischen {{min}} und {{max}} Zeichen lang sein.',\n    outOfRangeNumber: 'Der Wert muss zwischen {{min}} und {{max}} liegen.',\n    outOfRangeSelectionItems: 'Es müssen zwischen {{min}} und {{max}} Elemente ausgewählt werden.',\n    tooFewSelectionItems: 'Es müssen mindestens {{min}} Elemente ausgewählt werden.',\n    tooManySelectionItems: 'Es müssen maximal {{max}} Elemente ausgewählt werden.',\n  },\n}\n\nexport const UseValidators = {\n  notEmpty: notEmpty,\n  length: lengthValidator,\n  email: emailValidator,\n  selection: selectionValidator,\n}\n\nexport const useTranslatedValidators = () => {\n  const translation = useTranslation([defaultValidatorTranslation])\n\n  return {\n    notEmpty: (value: unknown) => {\n      const result = notEmpty(value)\n      if (result) {\n        return translation(result)\n      }\n    },\n    length: (value: string | undefined, length: [number | undefined, number | undefined]) => {\n      const [min, max] = length\n      const result = lengthValidator(value, length)\n      if (result) {\n        return translation(result, { replacements: { min: min.toString(), max: max.toString() } })\n      }\n    },\n    email: (value: string) => {\n      const result = emailValidator(value)\n      if (result) {\n        return translation(result)\n      }\n    },\n    selection: (value: unknown[]| undefined, length: [number | undefined, number | undefined]) => {\n      const [min, max] = length\n      const result = selectionValidator(value, length)\n      if (result) {\n        return translation(result, { replacements: { min: min.toString(), max: max.toString() } })\n      }\n    }\n  }\n}"],"mappings":"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","names":["useState"]}