@dnb/eufemia 10.13.0 → 10.14.0

package/extensions/forms/hooks/useDataValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDataValue.js","names":["useRef","useEffect","useContext","useCallback","useMemo","useState","pointer","FormError","ajv","ajvErrorsToOneFormError","Context","FieldBlockContext","IterateElementContext","makeUniqueId","useDataValue","props","_props$path","_props$autoComplete","path","elementPath","emptyValue","required","error","errorProp","onFocus","onBlur","onChange","validator","onBlurValidator","schema","errorMessages","validateInitially","validateUnchanged","continuousValidation","toInput","value","fromInput","id","_props$id","dataContext","fieldBlockContext","iterateElementContext","handlePathChange","dataContextHandlePathChange","setPathWithError","dataContextSetPathWithError","errors","dataContextErrors","inFieldBlock","Boolean","setError","setFieldBlockError","setShowError","setShowFieldBlockError","inIterate","index","iterateElementIndex","iterateElementValue","handleChange","handleIterateElementChange","substring","Error","externalValue","undefined","has","get","data","setValue","changedRef","hasFocusRef","showError","schemaValidator","Object","keys","length","compile","setErrorAndUpdateDataContext","errorWithCorrectMessage","validationRule","validateValue","valueToValidate","Promise","resolve","then","showAllErrors","setHasFocus","hasFocus","valueOverride","current","handleFocus","handleBlur","argFromInput","newValue","iterateValuePath","exportError","handleMountField","handleUnMountField","_objectSpread","name","replace","autoComplete"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  useContext,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react'\nimport pointer from 'json-pointer'\nimport { FormError, FieldProps } from '../types'\nimport ajv, { ajvErrorsToOneFormError } from '../utils/ajv'\nimport { Context } from '../DataContext'\nimport FieldBlockContext from '../FieldBlock/FieldBlockContext'\nimport IterateElementContext from '../Iterate/IterateElementContext'\nimport { makeUniqueId } from '../../../shared/component-helper'\n\ninterface ReturnAdditional<Value> {\n  id: string\n  value: Value\n  error: Error | FormError | undefined\n  setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void\n  handleFocus: () => void\n  handleBlur: () => void\n  handleChange: FieldProps<unknown>['onChange']\n}\n\nexport default function useDataValue<\n  Value = unknown,\n  Props extends FieldProps<Value> = FieldProps<Value>,\n>(props: Props): Props & ReturnAdditional<Value> {\n  const {\n    path,\n    elementPath,\n    emptyValue,\n    required,\n    error: errorProp,\n    onFocus,\n    onBlur,\n    onChange,\n    validator,\n    onBlurValidator,\n    schema,\n    errorMessages,\n    validateInitially,\n    validateUnchanged,\n    continuousValidation,\n    toInput = (value) => value,\n    fromInput = (value) => value,\n  } = props\n  const id = useMemo(() => props.id ?? makeUniqueId(), [props.id])\n  const dataContext = useContext(Context)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const iterateElementContext = useContext(IterateElementContext)\n\n  const {\n    handlePathChange: dataContextHandlePathChange,\n    setPathWithError: dataContextSetPathWithError,\n    errors: dataContextErrors,\n  } = dataContext ?? {}\n  const inFieldBlock = Boolean(fieldBlockContext)\n  const {\n    setError: setFieldBlockError,\n    setShowError: setShowFieldBlockError,\n  } = fieldBlockContext ?? {}\n  const inIterate = Boolean(iterateElementContext)\n  const {\n    index: iterateElementIndex,\n    value: iterateElementValue,\n    handleChange: handleIterateElementChange,\n  } = iterateElementContext ?? {}\n\n  if (path && path.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid path. Data value path JSON Pointers must be from root (starting with a /).'\n    )\n  }\n  if (elementPath && elementPath.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid elementPath. Element pathJSON Pointers must be from root of iterate element (starting with a /).'\n    )\n  }\n  if (elementPath && !iterateElementContext) {\n    throw new Error(\n      'elementPath cannot be used when not inside an iterate element context. Wrap the component in an Iterate.Loop.'\n    )\n  }\n\n  const externalValue = useMemo(() => {\n    if (props.value !== undefined) {\n      // Value-prop sent directly to the field has highest priority, overriding any surrounding source\n      return props.value\n    }\n\n    if (inIterate && elementPath) {\n      // This field is inside an iterate, and has a pointer from the base of the element being iterated\n      if (elementPath === '/') {\n        return iterateElementValue\n      }\n\n      return pointer.has(iterateElementValue, elementPath)\n        ? pointer.get(iterateElementValue, elementPath)\n        : undefined\n    }\n\n    if (dataContext.data && path) {\n      // There is a surrounding data context and a path for where in the source to find the data\n      if (path === '/') {\n        return dataContext.data\n      }\n\n      return pointer.has(dataContext.data, path)\n        ? pointer.get(dataContext.data, path)\n        : undefined\n    }\n    return undefined\n  }, [\n    path,\n    elementPath,\n    inIterate,\n    iterateElementValue,\n    props.value,\n    dataContext.data,\n  ])\n\n  // Hold an internal copy of the input value in case the input component is used uncontrolled,\n  // and to handle errors in Eufemia on components that does not take updated callback functions into account.\n  const [value, setValue] = useState(externalValue)\n  const changedRef = useRef(false)\n  const hasFocusRef = useRef(false)\n\n  useEffect(() => {\n    // When receiving the initial value, or receiving an updated value by props, update the internal value\n    // so the component can be used \"controlled\".\n    setValue(externalValue)\n  }, [externalValue])\n\n  // Error handling\n  const [error, setError] = useState<Error | FormError | undefined>()\n  const [showError, setShowError] = useState<boolean>(\n    Boolean(validateInitially || errorProp)\n  )\n  const schemaValidator = useMemo(\n    () =>\n      schema && Object.keys(schema).length > 0\n        ? ajv.compile(schema)\n        : undefined,\n    [schema]\n  )\n\n  const setErrorAndUpdateDataContext = useCallback(\n    (error: FormError | undefined) => {\n      const errorWithCorrectMessage =\n        error instanceof FormError &&\n        typeof error.validationRule === 'string' &&\n        errorMessages?.[error.validationRule] !== undefined\n          ? new FormError(errorMessages[error.validationRule])\n          : error\n\n      setError(errorWithCorrectMessage)\n\n      if (path) {\n        // Tell the data context about the error, so it can stop the user from submitting the form until the error has been fixed\n        dataContextSetPathWithError?.(path, Boolean(error))\n      }\n\n      setFieldBlockError?.(path ?? id, errorWithCorrectMessage)\n    },\n    [\n      path,\n      id,\n      errorMessages,\n      dataContextSetPathWithError,\n      setFieldBlockError,\n    ]\n  )\n\n  const validateValue = useCallback(\n    (valueToValidate): FormError | undefined => {\n      // Prioritize received validator functions first\n      // Possible future change: Merge errors if multiple, like one message with each message concatenated.\n      if (typeof validator === 'function') {\n        // Since the validator can return either a synchronous result or an asynchronous\n        Promise.resolve(validator(valueToValidate))\n          // This is a validator, so it is expected to resolve with an error when the value is invalid. If it\n          // throws an error, it is not caught here as that will cause programmatic errors to show inside the form\n          // as if they were operational errors.\n          .then(setErrorAndUpdateDataContext)\n      }\n\n      if (valueToValidate === emptyValue && required) {\n        const error = new FormError('The value is required', {\n          validationRule: 'required',\n        })\n        setErrorAndUpdateDataContext(error)\n        return error\n      } else if (schemaValidator) {\n        // This input has a direct schema (through props)\n        if (valueToValidate === undefined && emptyValue === undefined) {\n          // Avoid validating undefined-values if they are expected (set with emptyValue) as they will\n          // usually fail against json-schema type\n          setErrorAndUpdateDataContext(undefined)\n          return undefined\n        }\n        schemaValidator(valueToValidate)\n        const error = ajvErrorsToOneFormError(schemaValidator.errors)\n        setErrorAndUpdateDataContext(error)\n        return error\n      } else {\n        // Removing any previous error from required\n        setErrorAndUpdateDataContext(undefined)\n        return undefined\n      }\n    },\n    [\n      schemaValidator,\n      emptyValue,\n      required,\n      setErrorAndUpdateDataContext,\n      validator,\n    ]\n  )\n\n  useEffect(() => {\n    // If a surrounding data context has an error for this field (by path) and no error has been set by local component validation, use the data context error\n    if (!error && path && dataContextErrors?.[path]) {\n      setErrorAndUpdateDataContext(dataContextErrors[path])\n    }\n  }, [path, dataContextErrors, error, setErrorAndUpdateDataContext])\n\n  useEffect(() => {\n    if (dataContext.showAllErrors) {\n      // If showError on a surrounding data context was changed and set to true, it is because the user clicked next, submit or\n      // something else that should lead to showing the user all errors.\n      setShowError(true)\n      setShowFieldBlockError?.(path ?? id, true)\n    }\n  }, [id, path, dataContext.showAllErrors, setShowFieldBlockError])\n\n  const setHasFocus = useCallback(\n    (hasFocus: boolean, valueOverride?: unknown) => {\n      if (hasFocus) {\n        // Field was put in focus (like when clicking in a text field or opening a dropdown menu)\n        hasFocusRef.current = true\n        onFocus?.(valueOverride ?? value)\n      } else {\n        // Field was removed from focus (like when tabbing out of a text field or closing a dropdown menu)\n        hasFocusRef.current = false\n        onBlur?.(valueOverride ?? value)\n\n        if (!changedRef.current && !validateUnchanged) {\n          // Avoid showing errors when blurring without having changed the value, so tabbing through several\n          // fields does not make errors pop up all over the place\n          return\n        }\n\n        // External blur validators makes it possible to validate values but not on every character change in case of\n        // expensive validation calling external services etc.\n        if (typeof onBlurValidator === 'function') {\n          // Since the validator can return either a synchronous result or an asynchronous\n          Promise.resolve(onBlurValidator(valueOverride ?? value))\n            // This is a validator, so it is expected to resolve with an error when the value is invalid. If it\n            // throws an error, it is not caught here as that will cause programmatic errors to show inside the form\n            // as if they were operational errors.\n            .then(setErrorAndUpdateDataContext)\n        }\n\n        // Since the user left the field, show error (if any)\n        setShowError(true)\n        setShowFieldBlockError?.(path ?? id, true)\n      }\n    },\n    [\n      id,\n      path,\n      value,\n      validateUnchanged,\n      onFocus,\n      onBlur,\n      onBlurValidator,\n      setErrorAndUpdateDataContext,\n      setShowFieldBlockError,\n    ]\n  )\n\n  const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus])\n  const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus])\n\n  const handleChange = useCallback(\n    (argFromInput) => {\n      const newValue = fromInput(argFromInput)\n\n      if (newValue === value) {\n        // Avoid triggering a change if the value was not actually changed. This may be caused by rendering components\n        // calling onChange even if the actual value did not change.\n        return\n      }\n      setValue(newValue)\n      changedRef.current = true\n\n      if (\n        continuousValidation ||\n        (continuousValidation !== false && !hasFocusRef.current)\n      ) {\n        // When there is a change to the value without there having been any focus callback beforehand, it is likely\n        // to believe that the blur callback will not be called either, which would trigger the display of the error.\n        // The error is therefore displayed immediately (unless instructed not to with continuousValidation set to false).\n        setShowError(true)\n        setShowFieldBlockError?.(path ?? id, true)\n      } else {\n        // When changing the value, hide errors to avoid annoying the user before they are finished filling in that value\n        setShowError(false)\n        setShowFieldBlockError?.(path ?? id, false)\n      }\n      // Always validate the value immediately when it is changed\n      validateValue(newValue)\n\n      onChange?.(newValue)\n      if (path) {\n        dataContextHandlePathChange?.(path, newValue)\n      }\n      if (elementPath) {\n        const iterateValuePath = `/${iterateElementIndex}${\n          elementPath && elementPath !== '/' ? elementPath : ''\n        }`\n        handleIterateElementChange?.(iterateValuePath, newValue)\n      }\n    },\n    [\n      id,\n      path,\n      elementPath,\n      iterateElementIndex,\n      value,\n      continuousValidation,\n      onChange,\n      validateValue,\n      dataContextHandlePathChange,\n      setShowFieldBlockError,\n      handleIterateElementChange,\n      fromInput,\n    ]\n  )\n\n  const exportError = useMemo(() => errorProp ?? error, [errorProp, error])\n\n  useEffect(() => {\n    // Mount procedure\n    if (path) {\n      dataContext?.handleMountField(path)\n    }\n    validateValue(externalValue)\n\n    return () => {\n      // Unmount procedure\n      if (path) {\n        dataContext?.handleUnMountField(path)\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Only run for mount and unmount\n  }, [])\n\n  return {\n    ...props,\n    id,\n    name: props.name || props.path?.replace('/', '') || id,\n    value: toInput(value),\n    error: inFieldBlock ? undefined : showError ? exportError : undefined,\n    autoComplete:\n      props.autoComplete ??\n      (dataContext.autoComplete === true ? 'on' : 'off'),\n    setHasFocus,\n    handleFocus,\n    handleBlur,\n    handleChange,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDataValue.js","names":["useRef","useEffect","useContext","useCallback","useMemo","useReducer","pointer","errorChanged","ajv","ajvErrorsToOneFormError","FormError","Context","FieldBlockContext","IterateElementContext","makeUniqueId","useMountEffect","useUpdateEffect","useProcessManager","useDataValue","props","_props$path","_ref2","_props$autoComplete","path","elementPath","emptyValue","required","error","errorProp","onFocus","onBlur","onChange","validator","onBlurValidator","schema","errorMessages","validateInitially","validateUnchanged","continuousValidation","toInput","value","fromInput","forceUpdate","startProcess","id","_props$id","dataContext","fieldBlockContext","iterateElementContext","handlePathChange","dataContextHandlePathChange","setPathWithError","dataContextSetPathWithError","errors","dataContextErrors","dataContextError","undefined","inFieldBlock","Boolean","setError","setFieldBlockError","setShowError","setShowFieldBlockError","inIterate","index","iterateElementIndex","iterateElementValue","handleChange","handleIterateElementChange","substring","Error","externalValue","has","get","data","valueRef","changedRef","hasFocusRef","showErrorInitially","localErrorRef","contextErrorRef","showErrorRef","errorMessagesRef","current","schemaRef","validatorRef","schemaValidatorRef","compile","showError","hideError","prepareError","_errorMessagesRef$cur","_error$messageValues","message","validationRule","messageWithValues","Object","entries","messageValues","reduce","_ref","key","replace","persistErrorState","errorArg","clearErrorState","validateValue","isProcessActive","_validatorRef$current","res","call","showAllErrors","setHasFocus","hasFocus","valueOverride","Promise","resolve","then","handleFocus","handleBlur","argFromInput","newValue","iterateValuePath","handleMountField","handleUnMountField","_objectSpread","name","autoComplete"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  useContext,\n  useCallback,\n  useMemo,\n  useReducer,\n} from 'react'\nimport pointer from 'json-pointer'\nimport { ValidateFunction } from 'ajv'\nimport { errorChanged } from '../utils'\nimport ajv, { ajvErrorsToOneFormError } from '../utils/ajv'\nimport { FormError, FieldProps } from '../types'\nimport { Context } from '../DataContext'\nimport FieldBlockContext from '../FieldBlock/FieldBlockContext'\nimport IterateElementContext from '../Iterate/IterateElementContext'\nimport { makeUniqueId } from '../../../shared/component-helper'\nimport useMountEffect from './useMountEffect'\nimport useUpdateEffect from './useUpdateEffect'\nimport useProcessManager from './useProcessManager'\n\ninterface ReturnAdditional<Value> {\n  id: string\n  value: Value\n  error: Error | FormError | undefined\n  setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void\n  handleFocus: () => void\n  handleBlur: () => void\n  handleChange: FieldProps<unknown>['onChange']\n}\n\nexport default function useDataValue<\n  Value = unknown,\n  Props extends FieldProps<Value> = FieldProps<Value>,\n>(props: Props): Props & ReturnAdditional<Value> {\n  const {\n    path,\n    elementPath,\n    emptyValue,\n    required,\n    error: errorProp,\n    onFocus,\n    onBlur,\n    onChange,\n    validator,\n    onBlurValidator,\n    schema,\n    errorMessages,\n    validateInitially,\n    validateUnchanged,\n    continuousValidation,\n    toInput = (value) => value,\n    fromInput = (value) => value,\n  } = props\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { startProcess } = useProcessManager()\n  const id = useMemo(() => props.id ?? makeUniqueId(), [props.id])\n  const dataContext = useContext(Context)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const iterateElementContext = useContext(IterateElementContext)\n\n  const {\n    handlePathChange: dataContextHandlePathChange,\n    setPathWithError: dataContextSetPathWithError,\n    errors: dataContextErrors,\n  } = dataContext ?? {}\n  const dataContextError = path ? dataContextErrors?.[path] : undefined\n  const inFieldBlock = Boolean(fieldBlockContext)\n  const {\n    setError: setFieldBlockError,\n    setShowError: setShowFieldBlockError,\n  } = fieldBlockContext ?? {}\n  const inIterate = Boolean(iterateElementContext)\n  const {\n    index: iterateElementIndex,\n    value: iterateElementValue,\n    handleChange: handleIterateElementChange,\n  } = iterateElementContext ?? {}\n\n  if (path && path.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid path. Data value path JSON Pointers must be from root (starting with a /).'\n    )\n  }\n  if (elementPath && elementPath.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid elementPath. Element pathJSON Pointers must be from root of iterate element (starting with a /).'\n    )\n  }\n  if (elementPath && !iterateElementContext) {\n    throw new Error(\n      'elementPath cannot be used when not inside an iterate element context. Wrap the component in an Iterate.Loop.'\n    )\n  }\n\n  const externalValue = useMemo(() => {\n    if (props.value !== undefined) {\n      // Value-prop sent directly to the field has highest priority, overriding any surrounding source\n      return props.value\n    }\n\n    if (inIterate && elementPath) {\n      // This field is inside an iterate, and has a pointer from the base of the element being iterated\n      if (elementPath === '/') {\n        return iterateElementValue\n      }\n\n      return pointer.has(iterateElementValue, elementPath)\n        ? pointer.get(iterateElementValue, elementPath)\n        : undefined\n    }\n\n    if (dataContext.data && path) {\n      // There is a surrounding data context and a path for where in the source to find the data\n      if (path === '/') {\n        return dataContext.data\n      }\n\n      return pointer.has(dataContext.data, path)\n        ? pointer.get(dataContext.data, path)\n        : undefined\n    }\n    return undefined\n  }, [\n    path,\n    elementPath,\n    inIterate,\n    iterateElementValue,\n    props.value,\n    dataContext.data,\n  ])\n\n  // Many variables are kept in refs to avoid triggering unnecessary update loops because updates using\n  // useEffect depend on them (like the external `value`)\n\n  // Hold an internal copy of the input value in case the input component is used uncontrolled,\n  // and to handle errors in Eufemia on components that does not take updated callback functions into account.\n  const valueRef = useRef<Value>(externalValue)\n  const changedRef = useRef<boolean>(false)\n  const hasFocusRef = useRef<boolean>(false)\n\n  // Error handling\n  // - Should errors received through validation be shown initially. Assume that providing a direct prop to\n  // the component means it is supposed to be shown initially.\n  const showErrorInitially = validateInitially || errorProp\n  // - Local errors are errors based on validation instructions received by\n  const localErrorRef = useRef<Error | FormError | undefined>()\n  // - Context errors are from outer contexts, like validation for this field as part of the whole data set\n  const contextErrorRef = useRef<Error | FormError | undefined>(\n    dataContextError\n  )\n\n  const showErrorRef = useRef<boolean>(Boolean(showErrorInitially))\n  const errorMessagesRef = useRef(errorMessages)\n  useEffect(() => {\n    errorMessagesRef.current = errorMessages\n  }, [errorMessages])\n  const schemaRef = useRef(schema)\n  useEffect(() => {\n    schemaRef.current = schema\n  }, [schema])\n  const validatorRef = useRef(validator)\n  useEffect(() => {\n    validatorRef.current = validator\n  }, [validator])\n\n  const schemaValidatorRef = useRef<ValidateFunction>(\n    schema ? ajv.compile(schema) : undefined\n  )\n\n  const showError = useCallback(() => {\n    showErrorRef.current = true\n    setShowFieldBlockError?.(path ?? id, true)\n  }, [path, id, setShowFieldBlockError])\n\n  const hideError = useCallback(() => {\n    showErrorRef.current = false\n    setShowFieldBlockError?.(path ?? id, false)\n  }, [path, id, setShowFieldBlockError])\n\n  /**\n   * Prepare error from validation logic with correct error messages based on props\n   */\n  const prepareError = useCallback(\n    (error: Error | FormError | undefined): FormError | undefined => {\n      if (error === undefined) {\n        return\n      }\n\n      if (error instanceof FormError) {\n        const message =\n          (typeof error.validationRule === 'string' &&\n            errorMessagesRef.current?.[error.validationRule]) ||\n          error.message\n\n        const messageWithValues = Object.entries(\n          error.messageValues ?? {}\n        ).reduce((message, [key, value]) => {\n          return message.replace(`{${key}}`, value)\n        }, message)\n\n        return new FormError(messageWithValues)\n      }\n\n      return error\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    []\n  )\n\n  /**\n   * Based on validation, update error state, locally and relevant surrounding contexts\n   */\n  const persistErrorState = useCallback(\n    (errorArg: FormError | undefined) => {\n      const error = prepareError(errorArg)\n\n      if (!errorChanged(error, localErrorRef.current)) {\n        // In case different triggers lead to validation with no changes in the result (like still no error, or the same error),\n        // avoid unnecessary re-renders by letting the old error object stay in the state and skip re-rendering.\n        return\n      }\n\n      localErrorRef.current = error\n\n      if (path) {\n        // Tell the data context about the error, so it can stop the user from submitting the form until the error has been fixed\n        dataContextSetPathWithError?.(path, Boolean(error))\n      }\n\n      setFieldBlockError?.(path ?? id, error)\n      forceUpdate()\n    },\n    [\n      path,\n      id,\n      prepareError,\n      dataContextSetPathWithError,\n      setFieldBlockError,\n      forceUpdate,\n    ]\n  )\n\n  const clearErrorState = useCallback(\n    () => persistErrorState(undefined),\n    [persistErrorState]\n  )\n\n  /**\n   * Validate the current state value by provided validator instructions\n   */\n  const validateValue = useCallback(async () => {\n    const isProcessActive = startProcess()\n\n    try {\n      // Validate required\n      if (valueRef.current === emptyValue && required) {\n        throw new FormError('The value is required', {\n          validationRule: 'required',\n        })\n      }\n\n      // Validate by provided JSON Schema for this value\n      if (\n        schemaValidatorRef.current &&\n        valueRef.current !== undefined &&\n        !schemaValidatorRef.current(valueRef.current)\n      ) {\n        const error = ajvErrorsToOneFormError(\n          schemaValidatorRef.current.errors\n        )\n        throw error\n      }\n      // Validate by provided derivative validator\n      if (validatorRef.current) {\n        const res = await validatorRef.current?.(valueRef.current)\n        if (res instanceof Error) {\n          throw res\n        }\n      }\n\n      if (isProcessActive()) {\n        clearErrorState()\n      }\n    } catch (error: unknown) {\n      if (isProcessActive()) {\n        persistErrorState(error as Error)\n      }\n    }\n  }, [\n    emptyValue,\n    required,\n    startProcess,\n    persistErrorState,\n    clearErrorState,\n  ])\n\n  useUpdateEffect(() => {\n    if (!schema) {\n      return\n    }\n    schemaValidatorRef.current = ajv.compile(schema)\n    validateValue()\n  }, [schema, validateValue])\n\n  useUpdateEffect(() => {\n    // Error or removed error for this field from the surrounding data context (by path)\n    valueRef.current = externalValue\n    validateValue()\n    forceUpdate()\n  }, [externalValue, validateValue])\n\n  useEffect(() => {\n    const error = prepareError(dataContextError)\n    if (errorChanged(error, contextErrorRef.current)) {\n      contextErrorRef.current = error\n      forceUpdate()\n    }\n  }, [dataContextError, prepareError])\n\n  useEffect(() => {\n    if (dataContext.showAllErrors) {\n      // If showError on a surrounding data context was changed and set to true, it is because the user clicked next, submit or\n      // something else that should lead to showing the user all errors.\n      showError()\n    }\n  }, [dataContext.showAllErrors, showError])\n\n  const setHasFocus = useCallback(\n    (hasFocus: boolean, valueOverride?: Value) => {\n      if (hasFocus) {\n        // Field was put in focus (like when clicking in a text field or opening a dropdown menu)\n        hasFocusRef.current = true\n        onFocus?.(valueOverride ?? valueRef.current)\n      } else {\n        // Field was removed from focus (like when tabbing out of a text field or closing a dropdown menu)\n        hasFocusRef.current = false\n        onBlur?.(valueOverride ?? valueRef.current)\n\n        if (!changedRef.current && !validateUnchanged) {\n          // Avoid showing errors when blurring without having changed the value, so tabbing through several\n          // fields does not make errors pop up all over the place\n          return\n        }\n\n        // External blur validators makes it possible to validate values but not on every character change in case of\n        // expensive validation calling external services etc.\n        if (typeof onBlurValidator === 'function') {\n          // Since the validator can return either a synchronous result or an asynchronous\n          Promise.resolve(\n            onBlurValidator(valueOverride ?? valueRef.current)\n          ).then(persistErrorState)\n        }\n\n        // Since the user left the field, show error (if any)\n        showError()\n        forceUpdate()\n      }\n    },\n    [\n      validateUnchanged,\n      onFocus,\n      onBlur,\n      onBlurValidator,\n      persistErrorState,\n      showError,\n      forceUpdate,\n    ]\n  )\n\n  const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus])\n  const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus])\n\n  const handleChange = useCallback(\n    (argFromInput) => {\n      const newValue = fromInput(argFromInput)\n\n      if (newValue === valueRef.current) {\n        // Avoid triggering a change if the value was not actually changed. This may be caused by rendering components\n        // calling onChange even if the actual value did not change.\n        return\n      }\n      valueRef.current = newValue\n      changedRef.current = true\n\n      if (\n        continuousValidation ||\n        (continuousValidation !== false && !hasFocusRef.current)\n      ) {\n        // When there is a change to the value without there having been any focus callback beforehand, it is likely\n        // to believe that the blur callback will not be called either, which would trigger the display of the error.\n        // The error is therefore displayed immediately (unless instructed not to with continuousValidation set to false).\n        showError()\n      } else {\n        // When changing the value, hide errors to avoid annoying the user before they are finished filling in that value\n        hideError()\n      }\n      // Always validate the value immediately when it is changed\n      validateValue()\n\n      onChange?.(newValue)\n      if (path) {\n        dataContextHandlePathChange?.(path, newValue)\n      }\n      if (elementPath) {\n        const iterateValuePath = `/${iterateElementIndex}${\n          elementPath && elementPath !== '/' ? elementPath : ''\n        }`\n        handleIterateElementChange?.(iterateValuePath, newValue)\n      }\n      forceUpdate()\n    },\n    [\n      path,\n      elementPath,\n      iterateElementIndex,\n      continuousValidation,\n      onChange,\n      validateValue,\n      dataContextHandlePathChange,\n      showError,\n      hideError,\n      handleIterateElementChange,\n      fromInput,\n      forceUpdate,\n    ]\n  )\n\n  useMountEffect(() => {\n    if (path) {\n      dataContext?.handleMountField(path)\n    }\n    validateValue()\n\n    if (showErrorInitially) {\n      showError()\n    }\n\n    return () => {\n      // Unmount procedure\n      if (path) {\n        dataContext?.handleUnMountField(path)\n      }\n    }\n  })\n\n  return {\n    ...props,\n    id,\n    name: props.name || props.path?.replace('/', '') || id,\n    value: toInput(valueRef.current),\n    error:\n      !inFieldBlock && showErrorRef.current\n        ? errorProp ?? localErrorRef.current ?? contextErrorRef.current\n        : undefined,\n    autoComplete:\n      props.autoComplete ??\n      (dataContext.autoComplete === true ? 'on' : 'off'),\n    setHasFocus,\n    handleFocus,\n    handleBlur,\n    handleChange,\n  }\n}\n"],"mappings":";;;;;AAAA,SACEA,MAAM,EACNC,SAAS,EACTC,UAAU,EACVC,WAAW,EACXC,OAAO,EACPC,UAAU,QACL,OAAO;AACd,OAAOC,OAAO,MAAM,cAAc;AAElC,SAASC,YAAY,QAAQ,UAAU;AACvC,OAAOC,GAAG,IAAIC,uBAAuB,QAAQ,cAAc;AAC3D,SAASC,SAAS,QAAoB,UAAU;AAChD,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,OAAOC,qBAAqB,MAAM,kCAAkC;AACpE,SAASC,YAAY,QAAQ,kCAAkC;AAC/D,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,iBAAiB,MAAM,qBAAqB;AAYnD,eAAe,SAASC,YAAYA,CAGlCC,KAAY,EAAmC;EAAA,IAAAC,WAAA,EAAAC,KAAA,EAAAC,mBAAA;EAC/C,MAAM;IACJC,IAAI;IACJC,WAAW;IACXC,UAAU;IACVC,QAAQ;IACRC,KAAK,EAAEC,SAAS;IAChBC,OAAO;IACPC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC,eAAe;IACfC,MAAM;IACNC,aAAa;IACbC,iBAAiB;IACjBC,iBAAiB;IACjBC,oBAAoB;IACpBC,OAAO,GAAIC,KAAK,IAAKA,KAAK;IAC1BC,SAAS,GAAID,KAAK,IAAKA;EACzB,CAAC,GAAGrB,KAAK;EACT,MAAM,GAAGuB,WAAW,CAAC,GAAGrC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IAAEsC;EAAa,CAAC,GAAG1B,iBAAiB,CAAC,CAAC;EAC5C,MAAM2B,EAAE,GAAGxC,OAAO,CAAC;IAAA,IAAAyC,SAAA;IAAA,QAAAA,SAAA,GAAM1B,KAAK,CAACyB,EAAE,cAAAC,SAAA,cAAAA,SAAA,GAAI/B,YAAY,CAAC,CAAC;EAAA,GAAE,CAACK,KAAK,CAACyB,EAAE,CAAC,CAAC;EAChE,MAAME,WAAW,GAAG5C,UAAU,CAACS,OAAO,CAAC;EACvC,MAAMoC,iBAAiB,GAAG7C,UAAU,CAACU,iBAAiB,CAAC;EACvD,MAAMoC,qBAAqB,GAAG9C,UAAU,CAACW,qBAAqB,CAAC;EAE/D,MAAM;IACJoC,gBAAgB,EAAEC,2BAA2B;IAC7CC,gBAAgB,EAAEC,2BAA2B;IAC7CC,MAAM,EAAEC;EACV,CAAC,GAAGR,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAI,CAAC,CAAC;EACrB,MAAMS,gBAAgB,GAAGhC,IAAI,GAAG+B,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAG/B,IAAI,CAAC,GAAGiC,SAAS;EACrE,MAAMC,YAAY,GAAGC,OAAO,CAACX,iBAAiB,CAAC;EAC/C,MAAM;IACJY,QAAQ,EAAEC,kBAAkB;IAC5BC,YAAY,EAAEC;EAChB,CAAC,GAAGf,iBAAiB,aAAjBA,iBAAiB,cAAjBA,iBAAiB,GAAI,CAAC,CAAC;EAC3B,MAAMgB,SAAS,GAAGL,OAAO,CAACV,qBAAqB,CAAC;EAChD,MAAM;IACJgB,KAAK,EAAEC,mBAAmB;IAC1BzB,KAAK,EAAE0B,mBAAmB;IAC1BC,YAAY,EAAEC;EAChB,CAAC,GAAGpB,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAE/B,IAAIzB,IAAI,IAAIA,IAAI,CAAC8C,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,EAAE;IACxC,MAAM,IAAIC,KAAK,CACb,oFACF,CAAC;EACH;EACA,IAAI9C,WAAW,IAAIA,WAAW,CAAC6C,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,EAAE;IACtD,MAAM,IAAIC,KAAK,CACb,0GACF,CAAC;EACH;EACA,IAAI9C,WAAW,IAAI,CAACwB,qBAAqB,EAAE;IACzC,MAAM,IAAIsB,KAAK,CACb,+GACF,CAAC;EACH;EAEA,MAAMC,aAAa,GAAGnE,OAAO,CAAC,MAAM;IAClC,IAAIe,KAAK,CAACqB,KAAK,KAAKgB,SAAS,EAAE;MAE7B,OAAOrC,KAAK,CAACqB,KAAK;IACpB;IAEA,IAAIuB,SAAS,IAAIvC,WAAW,EAAE;MAE5B,IAAIA,WAAW,KAAK,GAAG,EAAE;QACvB,OAAO0C,mBAAmB;MAC5B;MAEA,OAAO5D,OAAO,CAACkE,GAAG,CAACN,mBAAmB,EAAE1C,WAAW,CAAC,GAChDlB,OAAO,CAACmE,GAAG,CAACP,mBAAmB,EAAE1C,WAAW,CAAC,GAC7CgC,SAAS;IACf;IAEA,IAAIV,WAAW,CAAC4B,IAAI,IAAInD,IAAI,EAAE;MAE5B,IAAIA,IAAI,KAAK,GAAG,EAAE;QAChB,OAAOuB,WAAW,CAAC4B,IAAI;MACzB;MAEA,OAAOpE,OAAO,CAACkE,GAAG,CAAC1B,WAAW,CAAC4B,IAAI,EAAEnD,IAAI,CAAC,GACtCjB,OAAO,CAACmE,GAAG,CAAC3B,WAAW,CAAC4B,IAAI,EAAEnD,IAAI,CAAC,GACnCiC,SAAS;IACf;IACA,OAAOA,SAAS;EAClB,CAAC,EAAE,CACDjC,IAAI,EACJC,WAAW,EACXuC,SAAS,EACTG,mBAAmB,EACnB/C,KAAK,CAACqB,KAAK,EACXM,WAAW,CAAC4B,IAAI,CACjB,CAAC;EAOF,MAAMC,QAAQ,GAAG3E,MAAM,CAAQuE,aAAa,CAAC;EAC7C,MAAMK,UAAU,GAAG5E,MAAM,CAAU,KAAK,CAAC;EACzC,MAAM6E,WAAW,GAAG7E,MAAM,CAAU,KAAK,CAAC;EAK1C,MAAM8E,kBAAkB,GAAG1C,iBAAiB,IAAIR,SAAS;EAEzD,MAAMmD,aAAa,GAAG/E,MAAM,CAAgC,CAAC;EAE7D,MAAMgF,eAAe,GAAGhF,MAAM,CAC5BuD,gBACF,CAAC;EAED,MAAM0B,YAAY,GAAGjF,MAAM,CAAU0D,OAAO,CAACoB,kBAAkB,CAAC,CAAC;EACjE,MAAMI,gBAAgB,GAAGlF,MAAM,CAACmC,aAAa,CAAC;EAC9ClC,SAAS,CAAC,MAAM;IACdiF,gBAAgB,CAACC,OAAO,GAAGhD,aAAa;EAC1C,CAAC,EAAE,CAACA,aAAa,CAAC,CAAC;EACnB,MAAMiD,SAAS,GAAGpF,MAAM,CAACkC,MAAM,CAAC;EAChCjC,SAAS,CAAC,MAAM;IACdmF,SAAS,CAACD,OAAO,GAAGjD,MAAM;EAC5B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACZ,MAAMmD,YAAY,GAAGrF,MAAM,CAACgC,SAAS,CAAC;EACtC/B,SAAS,CAAC,MAAM;IACdoF,YAAY,CAACF,OAAO,GAAGnD,SAAS;EAClC,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAMsD,kBAAkB,GAAGtF,MAAM,CAC/BkC,MAAM,GAAG1B,GAAG,CAAC+E,OAAO,CAACrD,MAAM,CAAC,GAAGsB,SACjC,CAAC;EAED,MAAMgC,SAAS,GAAGrF,WAAW,CAAC,MAAM;IAClC8E,YAAY,CAACE,OAAO,GAAG,IAAI;IAC3BrB,sBAAsB,aAAtBA,sBAAsB,uBAAtBA,sBAAsB,CAAGvC,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAIqB,EAAE,EAAE,IAAI,CAAC;EAC5C,CAAC,EAAE,CAACrB,IAAI,EAAEqB,EAAE,EAAEkB,sBAAsB,CAAC,CAAC;EAEtC,MAAM2B,SAAS,GAAGtF,WAAW,CAAC,MAAM;IAClC8E,YAAY,CAACE,OAAO,GAAG,KAAK;IAC5BrB,sBAAsB,aAAtBA,sBAAsB,uBAAtBA,sBAAsB,CAAGvC,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAIqB,EAAE,EAAE,KAAK,CAAC;EAC7C,CAAC,EAAE,CAACrB,IAAI,EAAEqB,EAAE,EAAEkB,sBAAsB,CAAC,CAAC;EAKtC,MAAM4B,YAAY,GAAGvF,WAAW,CAC7BwB,KAAoC,IAA4B;IAC/D,IAAIA,KAAK,KAAK6B,SAAS,EAAE;MACvB;IACF;IAEA,IAAI7B,KAAK,YAAYjB,SAAS,EAAE;MAAA,IAAAiF,qBAAA,EAAAC,oBAAA;MAC9B,MAAMC,OAAO,GACV,OAAOlE,KAAK,CAACmE,cAAc,KAAK,QAAQ,MAAAH,qBAAA,GACvCT,gBAAgB,CAACC,OAAO,cAAAQ,qBAAA,uBAAxBA,qBAAA,CAA2BhE,KAAK,CAACmE,cAAc,CAAC,KAClDnE,KAAK,CAACkE,OAAO;MAEf,MAAME,iBAAiB,GAAGC,MAAM,CAACC,OAAO,EAAAL,oBAAA,GACtCjE,KAAK,CAACuE,aAAa,cAAAN,oBAAA,cAAAA,oBAAA,GAAI,CAAC,CAC1B,CAAC,CAACO,MAAM,CAAC,CAACN,OAAO,EAAAO,IAAA,KAAmB;QAAA,IAAjB,CAACC,GAAG,EAAE7D,KAAK,CAAC,GAAA4D,IAAA;QAC7B,OAAOP,OAAO,CAACS,OAAO,CAAE,IAAGD,GAAI,GAAE,EAAE7D,KAAK,CAAC;MAC3C,CAAC,EAAEqD,OAAO,CAAC;MAEX,OAAO,IAAInF,SAAS,CAACqF,iBAAiB,CAAC;IACzC;IAEA,OAAOpE,KAAK;EACd,CAAC,EAED,EACF,CAAC;EAKD,MAAM4E,iBAAiB,GAAGpG,WAAW,CAClCqG,QAA+B,IAAK;IACnC,MAAM7E,KAAK,GAAG+D,YAAY,CAACc,QAAQ,CAAC;IAEpC,IAAI,CAACjG,YAAY,CAACoB,KAAK,EAAEoD,aAAa,CAACI,OAAO,CAAC,EAAE;MAG/C;IACF;IAEAJ,aAAa,CAACI,OAAO,GAAGxD,KAAK;IAE7B,IAAIJ,IAAI,EAAE;MAER6B,2BAA2B,aAA3BA,2BAA2B,uBAA3BA,2BAA2B,CAAG7B,IAAI,EAAEmC,OAAO,CAAC/B,KAAK,CAAC,CAAC;IACrD;IAEAiC,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAGrC,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAIqB,EAAE,EAAEjB,KAAK,CAAC;IACvCe,WAAW,CAAC,CAAC;EACf,CAAC,EACD,CACEnB,IAAI,EACJqB,EAAE,EACF8C,YAAY,EACZtC,2BAA2B,EAC3BQ,kBAAkB,EAClBlB,WAAW,CAEf,CAAC;EAED,MAAM+D,eAAe,GAAGtG,WAAW,CACjC,MAAMoG,iBAAiB,CAAC/C,SAAS,CAAC,EAClC,CAAC+C,iBAAiB,CACpB,CAAC;EAKD,MAAMG,aAAa,GAAGvG,WAAW,CAAC,YAAY;IAC5C,MAAMwG,eAAe,GAAGhE,YAAY,CAAC,CAAC;IAEtC,IAAI;MAEF,IAAIgC,QAAQ,CAACQ,OAAO,KAAK1D,UAAU,IAAIC,QAAQ,EAAE;QAC/C,MAAM,IAAIhB,SAAS,CAAC,uBAAuB,EAAE;UAC3CoF,cAAc,EAAE;QAClB,CAAC,CAAC;MACJ;MAGA,IACER,kBAAkB,CAACH,OAAO,IAC1BR,QAAQ,CAACQ,OAAO,KAAK3B,SAAS,IAC9B,CAAC8B,kBAAkB,CAACH,OAAO,CAACR,QAAQ,CAACQ,OAAO,CAAC,EAC7C;QACA,MAAMxD,KAAK,GAAGlB,uBAAuB,CACnC6E,kBAAkB,CAACH,OAAO,CAAC9B,MAC7B,CAAC;QACD,MAAM1B,KAAK;MACb;MAEA,IAAI0D,YAAY,CAACF,OAAO,EAAE;QAAA,IAAAyB,qBAAA;QACxB,MAAMC,GAAG,GAAG,QAAAD,qBAAA,GAAMvB,YAAY,CAACF,OAAO,cAAAyB,qBAAA,uBAApBA,qBAAA,CAAAE,IAAA,CAAAzB,YAAY,EAAWV,QAAQ,CAACQ,OAAO,CAAC;QAC1D,IAAI0B,GAAG,YAAYvC,KAAK,EAAE;UACxB,MAAMuC,GAAG;QACX;MACF;MAEA,IAAIF,eAAe,CAAC,CAAC,EAAE;QACrBF,eAAe,CAAC,CAAC;MACnB;IACF,CAAC,CAAC,OAAO9E,KAAc,EAAE;MACvB,IAAIgF,eAAe,CAAC,CAAC,EAAE;QACrBJ,iBAAiB,CAAC5E,KAAc,CAAC;MACnC;IACF;EACF,CAAC,EAAE,CACDF,UAAU,EACVC,QAAQ,EACRiB,YAAY,EACZ4D,iBAAiB,EACjBE,eAAe,CAChB,CAAC;EAEFzF,eAAe,CAAC,MAAM;IACpB,IAAI,CAACkB,MAAM,EAAE;MACX;IACF;IACAoD,kBAAkB,CAACH,OAAO,GAAG3E,GAAG,CAAC+E,OAAO,CAACrD,MAAM,CAAC;IAChDwE,aAAa,CAAC,CAAC;EACjB,CAAC,EAAE,CAACxE,MAAM,EAAEwE,aAAa,CAAC,CAAC;EAE3B1F,eAAe,CAAC,MAAM;IAEpB2D,QAAQ,CAACQ,OAAO,GAAGZ,aAAa;IAChCmC,aAAa,CAAC,CAAC;IACfhE,WAAW,CAAC,CAAC;EACf,CAAC,EAAE,CAAC6B,aAAa,EAAEmC,aAAa,CAAC,CAAC;EAElCzG,SAAS,CAAC,MAAM;IACd,MAAM0B,KAAK,GAAG+D,YAAY,CAACnC,gBAAgB,CAAC;IAC5C,IAAIhD,YAAY,CAACoB,KAAK,EAAEqD,eAAe,CAACG,OAAO,CAAC,EAAE;MAChDH,eAAe,CAACG,OAAO,GAAGxD,KAAK;MAC/Be,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EAAE,CAACa,gBAAgB,EAAEmC,YAAY,CAAC,CAAC;EAEpCzF,SAAS,CAAC,MAAM;IACd,IAAI6C,WAAW,CAACiE,aAAa,EAAE;MAG7BvB,SAAS,CAAC,CAAC;IACb;EACF,CAAC,EAAE,CAAC1C,WAAW,CAACiE,aAAa,EAAEvB,SAAS,CAAC,CAAC;EAE1C,MAAMwB,WAAW,GAAG7G,WAAW,CAC7B,CAAC8G,QAAiB,EAAEC,aAAqB,KAAK;IAC5C,IAAID,QAAQ,EAAE;MAEZpC,WAAW,CAACM,OAAO,GAAG,IAAI;MAC1BtD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGqF,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIvC,QAAQ,CAACQ,OAAO,CAAC;IAC9C,CAAC,MAAM;MAELN,WAAW,CAACM,OAAO,GAAG,KAAK;MAC3BrD,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAGoF,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIvC,QAAQ,CAACQ,OAAO,CAAC;MAE3C,IAAI,CAACP,UAAU,CAACO,OAAO,IAAI,CAAC9C,iBAAiB,EAAE;QAG7C;MACF;MAIA,IAAI,OAAOJ,eAAe,KAAK,UAAU,EAAE;QAEzCkF,OAAO,CAACC,OAAO,CACbnF,eAAe,CAACiF,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIvC,QAAQ,CAACQ,OAAO,CACnD,CAAC,CAACkC,IAAI,CAACd,iBAAiB,CAAC;MAC3B;MAGAf,SAAS,CAAC,CAAC;MACX9C,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EACD,CACEL,iBAAiB,EACjBR,OAAO,EACPC,MAAM,EACNG,eAAe,EACfsE,iBAAiB,EACjBf,SAAS,EACT9C,WAAW,CAEf,CAAC;EAED,MAAM4E,WAAW,GAAGnH,WAAW,CAAC,MAAM6G,WAAW,CAAC,IAAI,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EACvE,MAAMO,UAAU,GAAGpH,WAAW,CAAC,MAAM6G,WAAW,CAAC,KAAK,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEvE,MAAM7C,YAAY,GAAGhE,WAAW,CAC7BqH,YAAY,IAAK;IAChB,MAAMC,QAAQ,GAAGhF,SAAS,CAAC+E,YAAY,CAAC;IAExC,IAAIC,QAAQ,KAAK9C,QAAQ,CAACQ,OAAO,EAAE;MAGjC;IACF;IACAR,QAAQ,CAACQ,OAAO,GAAGsC,QAAQ;IAC3B7C,UAAU,CAACO,OAAO,GAAG,IAAI;IAEzB,IACE7C,oBAAoB,IACnBA,oBAAoB,KAAK,KAAK,IAAI,CAACuC,WAAW,CAACM,OAAQ,EACxD;MAIAK,SAAS,CAAC,CAAC;IACb,CAAC,MAAM;MAELC,SAAS,CAAC,CAAC;IACb;IAEAiB,aAAa,CAAC,CAAC;IAEf3E,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG0F,QAAQ,CAAC;IACpB,IAAIlG,IAAI,EAAE;MACR2B,2BAA2B,aAA3BA,2BAA2B,uBAA3BA,2BAA2B,CAAG3B,IAAI,EAAEkG,QAAQ,CAAC;IAC/C;IACA,IAAIjG,WAAW,EAAE;MACf,MAAMkG,gBAAgB,GAAI,IAAGzD,mBAAoB,GAC/CzC,WAAW,IAAIA,WAAW,KAAK,GAAG,GAAGA,WAAW,GAAG,EACpD,EAAC;MACF4C,0BAA0B,aAA1BA,0BAA0B,uBAA1BA,0BAA0B,CAAGsD,gBAAgB,EAAED,QAAQ,CAAC;IAC1D;IACA/E,WAAW,CAAC,CAAC;EACf,CAAC,EACD,CACEnB,IAAI,EACJC,WAAW,EACXyC,mBAAmB,EACnB3B,oBAAoB,EACpBP,QAAQ,EACR2E,aAAa,EACbxD,2BAA2B,EAC3BsC,SAAS,EACTC,SAAS,EACTrB,0BAA0B,EAC1B3B,SAAS,EACTC,WAAW,CAEf,CAAC;EAED3B,cAAc,CAAC,MAAM;IACnB,IAAIQ,IAAI,EAAE;MACRuB,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE6E,gBAAgB,CAACpG,IAAI,CAAC;IACrC;IACAmF,aAAa,CAAC,CAAC;IAEf,IAAI5B,kBAAkB,EAAE;MACtBU,SAAS,CAAC,CAAC;IACb;IAEA,OAAO,MAAM;MAEX,IAAIjE,IAAI,EAAE;QACRuB,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE8E,kBAAkB,CAACrG,IAAI,CAAC;MACvC;IACF,CAAC;EACH,CAAC,CAAC;EAEF,OAAAsG,aAAA,CAAAA,aAAA,KACK1G,KAAK;IACRyB,EAAE;IACFkF,IAAI,EAAE3G,KAAK,CAAC2G,IAAI,MAAA1G,WAAA,GAAID,KAAK,CAACI,IAAI,cAAAH,WAAA,uBAAVA,WAAA,CAAYkF,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,KAAI1D,EAAE;IACtDJ,KAAK,EAAED,OAAO,CAACoC,QAAQ,CAACQ,OAAO,CAAC;IAChCxD,KAAK,EACH,CAAC8B,YAAY,IAAIwB,YAAY,CAACE,OAAO,IAAA9D,KAAA,GACjCO,SAAS,aAATA,SAAS,cAATA,SAAS,GAAImD,aAAa,CAACI,OAAO,cAAA9D,KAAA,cAAAA,KAAA,GAAI2D,eAAe,CAACG,OAAO,GAC7D3B,SAAS;IACfuE,YAAY,GAAAzG,mBAAA,GACVH,KAAK,CAAC4G,YAAY,cAAAzG,mBAAA,cAAAA,mBAAA,GACjBwB,WAAW,CAACiF,YAAY,KAAK,IAAI,GAAG,IAAI,GAAG,KAAM;IACpDf,WAAW;IACXM,WAAW;IACXC,UAAU;IACVpD;EAAY;AAEhB"}

package/extensions/forms/hooks/useMountEffect.d.ts

@@ -0,0 +1,5 @@
+import { EffectCallback } from 'react';
+/**
+ * UseEffect that only run on the initial mount
+ */
+export default function useMountEffect(callback: EffectCallback): void;

package/extensions/forms/hooks/useMountEffect.js

@@ -0,0 +1,9 @@
+"use client";
+
+import { useEffect } from 'react';
+export default function useMountEffect(callback) {
+  useEffect(function () {
+    callback(...arguments);
+  }, []);
+}
+//# sourceMappingURL=useMountEffect.js.map

package/extensions/forms/hooks/useMountEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMountEffect.js","names":["useEffect","useMountEffect","callback","arguments"],"sources":["../../../../../src/extensions/forms/hooks/useMountEffect.ts"],"sourcesContent":["import { useEffect, EffectCallback } from 'react'\n\n/**\n * UseEffect that only run on the initial mount\n */\nexport default function useMountEffect(callback: EffectCallback) {\n  useEffect((...args) => {\n    callback(...args)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n}\n"],"mappings":";;AAAA,SAASA,SAAS,QAAwB,OAAO;AAKjD,eAAe,SAASC,cAAcA,CAACC,QAAwB,EAAE;EAC/DF,SAAS,CAAC,YAAa;IACrBE,QAAQ,CAAC,GAAAC,SAAO,CAAC;EAEnB,CAAC,EAAE,EAAE,CAAC;AACR"}

package/extensions/forms/hooks/useProcessManager.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Keep track of possible parallel processes to avoid issues
+ */
+export default function useProcessManager(): {
+    startProcess: () => () => boolean;
+};

package/extensions/forms/hooks/useProcessManager.js

@@ -0,0 +1,16 @@
+"use client";
+
+import { useRef, useCallback } from 'react';
+export default function useProcessManager() {
+  const tokenRef = useRef();
+  const startProcess = useCallback(() => {
+    const processToken = Math.round(Math.random() * 1000000000);
+    tokenRef.current = processToken;
+    const isProcessActive = () => tokenRef.current === processToken;
+    return isProcessActive;
+  }, []);
+  return {
+    startProcess
+  };
+}
+//# sourceMappingURL=useProcessManager.js.map

package/extensions/forms/hooks/useProcessManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProcessManager.js","names":["useRef","useCallback","useProcessManager","tokenRef","startProcess","processToken","Math","round","random","current","isProcessActive"],"sources":["../../../../../src/extensions/forms/hooks/useProcessManager.ts"],"sourcesContent":["import { useRef, useCallback } from 'react'\n\n/**\n * Keep track of possible parallel processes to avoid issues\n */\nexport default function useProcessManager() {\n  const tokenRef = useRef<number>()\n\n  const startProcess = useCallback(() => {\n    const processToken = Math.round(Math.random() * 1000000000)\n    tokenRef.current = processToken\n\n    // If another process was started after this one code can skip further steps to avoid race conditions\n    // that could lead to overwriting state in the wrong order.\n    const isProcessActive = () => tokenRef.current === processToken\n\n    return isProcessActive\n  }, [])\n\n  return {\n    startProcess,\n  }\n}\n"],"mappings":";;AAAA,SAASA,MAAM,EAAEC,WAAW,QAAQ,OAAO;AAK3C,eAAe,SAASC,iBAAiBA,CAAA,EAAG;EAC1C,MAAMC,QAAQ,GAAGH,MAAM,CAAS,CAAC;EAEjC,MAAMI,YAAY,GAAGH,WAAW,CAAC,MAAM;IACrC,MAAMI,YAAY,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,UAAU,CAAC;IAC3DL,QAAQ,CAACM,OAAO,GAAGJ,YAAY;IAI/B,MAAMK,eAAe,GAAGA,CAAA,KAAMP,QAAQ,CAACM,OAAO,KAAKJ,YAAY;IAE/D,OAAOK,eAAe;EACxB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLN;EACF,CAAC;AACH"}

package/extensions/forms/hooks/useUpdateEffect.d.ts

@@ -0,0 +1,5 @@
+import { EffectCallback, DependencyList } from 'react';
+/**
+ * UseEffect that does not run on the initial mount
+ */
+export default function useUpdateEffect(callback: EffectCallback, deps?: DependencyList): void;

package/extensions/forms/hooks/useUpdateEffect.js

@@ -0,0 +1,14 @@
+"use client";
+
+import { useEffect, useRef } from 'react';
+export default function useUpdateEffect(callback, deps) {
+  const wasMounted = useRef(false);
+  useEffect(function () {
+    if (!wasMounted.current) {
+      wasMounted.current = true;
+      return;
+    }
+    callback(...arguments);
+  }, deps);
+}
+//# sourceMappingURL=useUpdateEffect.js.map

package/extensions/forms/hooks/useUpdateEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateEffect.js","names":["useEffect","useRef","useUpdateEffect","callback","deps","wasMounted","current","arguments"],"sources":["../../../../../src/extensions/forms/hooks/useUpdateEffect.ts"],"sourcesContent":["import { useEffect, useRef, EffectCallback, DependencyList } from 'react'\n\n/**\n * UseEffect that does not run on the initial mount\n */\nexport default function useUpdateEffect(\n  callback: EffectCallback,\n  deps?: DependencyList\n) {\n  const wasMounted = useRef(false)\n\n  useEffect((...args) => {\n    if (!wasMounted.current) {\n      wasMounted.current = true\n      return\n    }\n    callback(...args)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, deps)\n}\n"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAwC,OAAO;AAKzE,eAAe,SAASC,eAAeA,CACrCC,QAAwB,EACxBC,IAAqB,EACrB;EACA,MAAMC,UAAU,GAAGJ,MAAM,CAAC,KAAK,CAAC;EAEhCD,SAAS,CAAC,YAAa;IACrB,IAAI,CAACK,UAAU,CAACC,OAAO,EAAE;MACvBD,UAAU,CAACC,OAAO,GAAG,IAAI;MACzB;IACF;IACAH,QAAQ,CAAC,GAAAI,SAAO,CAAC;EAEnB,CAAC,EAAEH,IAAI,CAAC;AACV"}

package/extensions/forms/style/dnb-forms.css

@@ -113,6 +113,19 @@
        column-gap: var(--spacing-small);
 }
 
+:root {
+  --forms-field-width--small: 5rem;
+  --forms-field-width--medium: 11rem;
+  --forms-field-width--large: 21rem;
+}
+
+.dnb-forms-field-expiry {
+  width: var(--forms-field-width--small);
+}
+.dnb-forms-field-expiry .dnb-input__shell {
+  justify-content: center;
+}
+
 /*
  * Utilities
  */

package/extensions/forms/style/dnb-forms.min.css

@@ -1 +1 @@
-.dnb-forms-button-row{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-spacing .dnb-form-main-heading.dnb-h--large:not([class*=space__]){margin:0}.dnb-form-main-heading[\:has\(\%2B\%20\.dnb-flex-stack\%20\%3E\%20\.dnb-card\,\%20\%2B\%20\.dnb-card\)]:not([class*=space__left]){margin-left:var(--spacing-medium)}.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}.dnb-form-main-heading[\:has\(\%2B\%20\.dnb-flex-stack\%20\%3E\%20\.dnb-card\,\%20\%2B\%20\.dnb-card\)]:not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-spacing .dnb-form-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-form-sub-heading[\:has\(\%2B\%20\.dnb-flex-stack\%20\%3E\%20\.dnb-card\,\%20\%2B\%20\.dnb-card\)]:not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-form-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:9rem}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-postal-code-and-city__fields{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-postal-code-and-city--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-postal-code-and-city--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-postal-code-and-city--width-large{width:var(--forms-field-width--large)}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection--width-large .dnb-dropdown__shell{width:var(--forms-field-width--large)}.dnb-forms-field-selection--width-medium .dnb-dropdown__shell{width:var(--forms-field-width--medium)}.dnb-forms-field-selection--width-small .dnb-dropdown__shell{width:var(--forms-field-width--small)}.dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options{grid-row-gap:var(--spacing-x-small);display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--options-layout-horizontal .dnb-forms-field-array-selection__options{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap}.dnb-forms-steps-layout{grid-column-gap:var(--spacing-medium);-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}@media (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}}.dnb-forms-steps-layout__sidebar{flex:0;min-width:21rem}.dnb-forms-steps-layout__sidebar .dnb-step-indicator__sidebar{max-width:21rem}.dnb-forms-steps-layout__sidebar .dnb-step-indicator__sidebar .dnb-step-indicator__item{min-width:336px}.dnb-forms-steps-layout__contents{flex:1;min-width:25rem}.dnb-forms-steps-layout__contents .dnb-card{--border-color:var(--color-pistachio)}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block__grid{display:grid}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:var(--forms-field-width--medium) auto}@media screen and (min-width:30em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__label-description,.dnb-forms-field-block__label-secondary{color:var(--color-black-55);font-size:var(--font-size-small)}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__contents{grid-area:contents}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:30em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline{display:inline-block;font-size:inherit;margin-left:var(--spacing-xx-small);margin-right:var(--spacing-xx-small)}.dnb-forms-value-block__label{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:rgba(0,0,0,.5)}
+.dnb-forms-button-row{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-spacing .dnb-form-main-heading.dnb-h--large:not([class*=space__]){margin:0}.dnb-form-main-heading[\:has\(\%2B\%20\.dnb-flex-stack\%20\%3E\%20\.dnb-card\,\%20\%2B\%20\.dnb-card\)]:not([class*=space__left]){margin-left:var(--spacing-medium)}.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}.dnb-form-main-heading[\:has\(\%2B\%20\.dnb-flex-stack\%20\%3E\%20\.dnb-card\,\%20\%2B\%20\.dnb-card\)]:not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-form-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-spacing .dnb-form-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-form-sub-heading[\:has\(\%2B\%20\.dnb-flex-stack\%20\%3E\%20\.dnb-card\,\%20\%2B\%20\.dnb-card\)]:not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-form-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:9rem}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-postal-code-and-city__fields{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}.dnb-forms-field-postal-code-and-city--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-postal-code-and-city--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-postal-code-and-city--width-large{width:var(--forms-field-width--large)}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection--width-large .dnb-dropdown__shell{width:var(--forms-field-width--large)}.dnb-forms-field-selection--width-medium .dnb-dropdown__shell{width:var(--forms-field-width--medium)}.dnb-forms-field-selection--width-small .dnb-dropdown__shell{width:var(--forms-field-width--small)}.dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options{grid-row-gap:var(--spacing-x-small);display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--options-layout-horizontal .dnb-forms-field-array-selection__options{grid-column-gap:var(--spacing-small);-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap}.dnb-forms-field-expiry{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-input__shell{justify-content:center}.dnb-forms-steps-layout{grid-column-gap:var(--spacing-medium);-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}@media (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}}.dnb-forms-steps-layout__sidebar{flex:0;min-width:21rem}.dnb-forms-steps-layout__sidebar .dnb-step-indicator__sidebar{max-width:21rem}.dnb-forms-steps-layout__sidebar .dnb-step-indicator__sidebar .dnb-step-indicator__item{min-width:336px}.dnb-forms-steps-layout__contents{flex:1;min-width:25rem}.dnb-forms-steps-layout__contents .dnb-card{--border-color:var(--color-pistachio)}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block__grid{display:grid}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:var(--forms-field-width--medium) auto}@media screen and (min-width:30em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__label-description,.dnb-forms-field-block__label-secondary{color:var(--color-black-55);font-size:var(--font-size-small)}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__contents{grid-area:contents}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:30em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline{display:inline-block;font-size:inherit;margin-left:var(--spacing-xx-small);margin-right:var(--spacing-xx-small)}.dnb-forms-value-block__label{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:rgba(0,0,0,.5)}

package/extensions/forms/types.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
 import { JSONSchema7 } from 'json-schema';
 import { SpacingProps } from '../../components/space/types';
+type ValidationRule = string | string[];
+type MessageValues = Record<string, string>;
 interface IFormErrorOptions {
-    validationRule?: string | string[];
+    validationRule?: ValidationRule;
+    messageValues?: MessageValues;
 }
 /**
  * Standard error object for Eufemia Forms, extending the built-in error with additional information for data handling
@@ -11,7 +14,12 @@ export declare class FormError extends Error {
     /**
      * What validation rule did the error occur based on? (i.e: minLength, required or maximum)
      */
-    validationRule?: string | string[];
+    validationRule?: ValidationRule;
+    /**
+     * Replacement values relevant for this error.
+     * @example { minLength: 3 } to be able to replace values in a message like "Minimum {minLength} charactes"
+     */
+    messageValues?: MessageValues;
     constructor(message: string, options?: IFormErrorOptions);
 }
 interface DefaultErrorMessages {

package/extensions/forms/types.js

@@ -3,8 +3,10 @@ export class FormError extends Error {
   constructor(message, options) {
     super(message);
     _defineProperty(this, "validationRule", void 0);
+    _defineProperty(this, "messageValues", void 0);
     if (options) {
       this.validationRule = options.validationRule;
+      this.messageValues = options.messageValues;
     }
   }
 }

package/extensions/forms/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["FormError","Error","constructor","message","options","_defineProperty","validationRule","dataValueReadProps","pickDataValueReadProps","props","Object","fromEntries","entries","filter","_ref","key","includes","omitDataValueReadProps","_ref2","dataValueWriteProps","pickDataValueWriteProps","_ref3","omitDataValueWriteProps","_ref4","pickDataValueReadWriteProps","_ref5","omitDataValueReadWriteProps","_ref6"],"sources":["../../../../src/extensions/forms/types.ts"],"sourcesContent":["import { JSONSchema7 } from 'json-schema'\nimport { SpacingProps } from '../../components/space/types'\n\ninterface IFormErrorOptions {\n  validationRule?: string | string[]\n}\n\n/**\n * Standard error object for Eufemia Forms, extending the built-in error with additional information for data handling\n */\nexport class FormError extends Error {\n  /**\n   * What validation rule did the error occur based on? (i.e: minLength, required or maximum)\n   */\n  validationRule?: string | string[]\n\n  constructor(message: string, options?: IFormErrorOptions) {\n    super(message)\n\n    if (options) {\n      this.validationRule = options.validationRule\n    }\n  }\n}\n\n// Data value\n\ninterface DefaultErrorMessages {\n  required?: string\n}\n\nexport interface DataValueReadProps<Value = unknown> {\n  /** JSON Pointer for where the data for this field is located in the source dataset */\n  path?: string\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  elementPath?: string\n  value?: Value\n}\n\nconst dataValueReadProps = ['path', 'elementPath', 'value']\n\nexport function pickDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): DataValueReadProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): Omit<DataValueReadProps, keyof DataValueReadProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport interface DataValueWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | string | number,\n> {\n  emptyValue?: EmptyValue\n  onFocus?: (value: Value | EmptyValue) => void\n  onBlur?: (value: Value | EmptyValue) => void\n  onChange?: (value: Value | EmptyValue) => void\n}\n\nconst dataValueWriteProps = ['emptyValue', 'onFocus', 'onBlur', 'onChange']\n\nexport function pickDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): DataValueWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): Omit<DataValueWriteProps, keyof DataValueWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type DataValueReadWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | string | number,\n> = DataValueReadProps<Value> & DataValueWriteProps<Value, EmptyValue>\n\nexport function pickDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(props: Props): DataValueReadWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        dataValueReadProps.includes(key) ||\n        dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(\n  props: Props\n): Omit<DataValueReadWriteProps, keyof DataValueReadWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        !dataValueReadProps.includes(key) &&\n        !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type ComponentProps = SpacingProps & {\n  className?: string\n}\n\nexport type DataValueReadComponentProps<Value = unknown> = ComponentProps &\n  DataValueReadProps<Value>\n\nexport type DataValueReadWriteComponentProps<\n  Value = unknown,\n  EmptyValue = undefined | string | number,\n> = ComponentProps &\n  DataValueReadProps<Value> &\n  DataValueWriteProps<Value, EmptyValue>\n\nexport interface FieldProps<\n  Value = unknown,\n  EmptyValue = undefined | string | number,\n  ErrorMessages extends { required?: string } = DefaultErrorMessages,\n> extends DataValueReadWriteComponentProps<Value, EmptyValue> {\n  /** ID added to the actual field component, and linked to the label via for-attribute */\n  id?: string\n  name?: string\n  layout?: 'horizontal' | 'vertical'\n  /** Main label text */\n  label?: React.ReactNode\n  /** A more discreet text displayed beside the label (i.e for \"(optional)\") */\n  labelDescription?: React.ReactNode\n  /** Secondary information displayed at the end of the label line (i.e character counter) */\n  labelSecondary?: React.ReactNode\n  /** Text showing in place of the value if no value is given */\n  placeholder?: string\n  autoComplete?:\n    | HTMLInputElement['autocomplete']\n    | HTMLTextAreaElement['autocomplete']\n  info?: Error | FormError | string\n  warning?: Error | FormError | string\n  error?: Error | FormError\n  disabled?: boolean\n  // Validation\n  required?: boolean\n  schema?: JSONSchema7\n  validator?: (\n    value: Value | EmptyValue\n  ) => Error | undefined | Promise<Error | undefined>\n  onBlurValidator?: (\n    value: Value | EmptyValue\n  ) => Error | undefined | Promise<Error | undefined>\n  /**\n   * Should error messages based on validation be shown initially (from given value-prop or source data)\n   * before the user interacts with the field?\n   * @default false\n   * */\n  validateInitially?: boolean\n  /**\n   * Should error messages be shown when touching (like focusing a field and blurring) without having changed\n   * the value? So the user did not introduce a new error, but it was invalid based on validation initially.\n   */\n  validateUnchanged?: boolean\n  /** Should validation be done while writing, not just when blurring the field? */\n  continuousValidation?: boolean\n  errorMessages?: ErrorMessages\n  // Derivatives\n  toInput?: (external: Value | undefined) => any\n  fromInput?: (...args: any[]) => Value | undefined\n}\n\nexport interface FieldHelpProps {\n  help?: {\n    title?: string\n    contents?: string\n  }\n}\n\nexport interface ValueProps<Value>\n  extends DataValueReadComponentProps<Value> {\n  label?: string\n  /** Should the component render if the value is empty? */\n  showEmpty?: boolean\n  /** Text showing in place of the value if no value is given. */\n  placeholder?: string\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  elementPath?: string\n  /** For showing the value inline (not as a block element) */\n  inline?: boolean\n  // Derivatives\n  /** Prepare value for display (regardless of source like props or data context) */\n  prepare?: (external: Value | undefined) => string\n}\n"],"mappings":"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"}
+{"version":3,"file":"types.js","names":["FormError","Error","constructor","message","options","_defineProperty","validationRule","messageValues","dataValueReadProps","pickDataValueReadProps","props","Object","fromEntries","entries","filter","_ref","key","includes","omitDataValueReadProps","_ref2","dataValueWriteProps","pickDataValueWriteProps","_ref3","omitDataValueWriteProps","_ref4","pickDataValueReadWriteProps","_ref5","omitDataValueReadWriteProps","_ref6"],"sources":["../../../../src/extensions/forms/types.ts"],"sourcesContent":["import { JSONSchema7 } from 'json-schema'\nimport { SpacingProps } from '../../components/space/types'\n\ntype ValidationRule = string | string[]\ntype MessageValues = Record<string, string>\n\ninterface IFormErrorOptions {\n  validationRule?: ValidationRule\n  messageValues?: MessageValues\n}\n\n/**\n * Standard error object for Eufemia Forms, extending the built-in error with additional information for data handling\n */\nexport class FormError extends Error {\n  /**\n   * What validation rule did the error occur based on? (i.e: minLength, required or maximum)\n   */\n  validationRule?: ValidationRule\n\n  /**\n   * Replacement values relevant for this error.\n   * @example { minLength: 3 } to be able to replace values in a message like \"Minimum {minLength} charactes\"\n   */\n  messageValues?: MessageValues\n\n  constructor(message: string, options?: IFormErrorOptions) {\n    super(message)\n\n    if (options) {\n      this.validationRule = options.validationRule\n      this.messageValues = options.messageValues\n    }\n  }\n}\n\n// Data value\n\ninterface DefaultErrorMessages {\n  required?: string\n}\n\nexport interface DataValueReadProps<Value = unknown> {\n  /** JSON Pointer for where the data for this field is located in the source dataset */\n  path?: string\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  elementPath?: string\n  value?: Value\n}\n\nconst dataValueReadProps = ['path', 'elementPath', 'value']\n\nexport function pickDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): DataValueReadProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): Omit<DataValueReadProps, keyof DataValueReadProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport interface DataValueWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | string | number,\n> {\n  emptyValue?: EmptyValue\n  onFocus?: (value: Value | EmptyValue) => void\n  onBlur?: (value: Value | EmptyValue) => void\n  onChange?: (value: Value | EmptyValue) => void\n}\n\nconst dataValueWriteProps = ['emptyValue', 'onFocus', 'onBlur', 'onChange']\n\nexport function pickDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): DataValueWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): Omit<DataValueWriteProps, keyof DataValueWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type DataValueReadWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | string | number,\n> = DataValueReadProps<Value> & DataValueWriteProps<Value, EmptyValue>\n\nexport function pickDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(props: Props): DataValueReadWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        dataValueReadProps.includes(key) ||\n        dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(\n  props: Props\n): Omit<DataValueReadWriteProps, keyof DataValueReadWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        !dataValueReadProps.includes(key) &&\n        !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type ComponentProps = SpacingProps & {\n  className?: string\n}\n\nexport type DataValueReadComponentProps<Value = unknown> = ComponentProps &\n  DataValueReadProps<Value>\n\nexport type DataValueReadWriteComponentProps<\n  Value = unknown,\n  EmptyValue = undefined | string | number,\n> = ComponentProps &\n  DataValueReadProps<Value> &\n  DataValueWriteProps<Value, EmptyValue>\n\nexport interface FieldProps<\n  Value = unknown,\n  EmptyValue = undefined | string | number,\n  ErrorMessages extends { required?: string } = DefaultErrorMessages,\n> extends DataValueReadWriteComponentProps<Value, EmptyValue> {\n  /** ID added to the actual field component, and linked to the label via for-attribute */\n  id?: string\n  name?: string\n  layout?: 'horizontal' | 'vertical'\n  /** Main label text */\n  label?: React.ReactNode\n  /** A more discreet text displayed beside the label (i.e for \"(optional)\") */\n  labelDescription?: React.ReactNode\n  /** Secondary information displayed at the end of the label line (i.e character counter) */\n  labelSecondary?: React.ReactNode\n  /** Text showing in place of the value if no value is given */\n  placeholder?: string\n  autoComplete?:\n    | HTMLInputElement['autocomplete']\n    | HTMLTextAreaElement['autocomplete']\n  info?: Error | FormError | string\n  warning?: Error | FormError | string\n  error?: Error | FormError\n  disabled?: boolean\n  // Validation\n  required?: boolean\n  schema?: JSONSchema7\n  validator?: (\n    value: Value | EmptyValue\n  ) => Error | undefined | Promise<Error | undefined>\n  onBlurValidator?: (\n    value: Value | EmptyValue\n  ) => Error | undefined | Promise<Error | undefined>\n  /**\n   * Should error messages based on validation be shown initially (from given value-prop or source data)\n   * before the user interacts with the field?\n   * @default false\n   * */\n  validateInitially?: boolean\n  /**\n   * Should error messages be shown when touching (like focusing a field and blurring) without having changed\n   * the value? So the user did not introduce a new error, but it was invalid based on validation initially.\n   */\n  validateUnchanged?: boolean\n  /** Should validation be done while writing, not just when blurring the field? */\n  continuousValidation?: boolean\n  errorMessages?: ErrorMessages\n  // Derivatives\n  toInput?: (external: Value | undefined) => any\n  fromInput?: (...args: any[]) => Value | undefined\n}\n\nexport interface FieldHelpProps {\n  help?: {\n    title?: string\n    contents?: string\n  }\n}\n\nexport interface ValueProps<Value>\n  extends DataValueReadComponentProps<Value> {\n  label?: string\n  /** Should the component render if the value is empty? */\n  showEmpty?: boolean\n  /** Text showing in place of the value if no value is given. */\n  placeholder?: string\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  elementPath?: string\n  /** For showing the value inline (not as a block element) */\n  inline?: boolean\n  // Derivatives\n  /** Prepare value for display (regardless of source like props or data context) */\n  prepare?: (external: Value | undefined) => string\n}\n"],"mappings":"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"}

package/extensions/forms/utils/ajv.js

@@ -29,10 +29,34 @@ function getValidationRule(ajvError) {
   }
   return ajvError.keyword;
 }
+function getMessageValues(ajvError) {
+  var _ajvError$params, _ajvError$params2, _ajvError$params3;
+  const validationRule = getValidationRule(ajvError);
+  switch (validationRule) {
+    case 'minLength':
+    case 'maxLength':
+    case 'minimum':
+    case 'maximum':
+    case 'exclusiveMinimum':
+    case 'exclusiveMaximum':
+      return {
+        [validationRule]: (_ajvError$params = ajvError.params) === null || _ajvError$params === void 0 ? void 0 : _ajvError$params.limit
+      };
+    case 'multipleOf':
+      return {
+        [validationRule]: (_ajvError$params2 = ajvError.params) === null || _ajvError$params2 === void 0 ? void 0 : _ajvError$params2.multipleOf
+      };
+    case 'pattern':
+      return {
+        [validationRule]: (_ajvError$params3 = ajvError.params) === null || _ajvError$params3 === void 0 ? void 0 : _ajvError$params3.pattern
+      };
+  }
+}
 function ajvErrorToFormError(ajvError) {
   var _ajvError$message;
   const error = new FormError((_ajvError$message = ajvError.message) !== null && _ajvError$message !== void 0 ? _ajvError$message : 'Unknown error', {
-    validationRule: getValidationRule(ajvError)
+    validationRule: getValidationRule(ajvError),
+    messageValues: getMessageValues(ajvError)
   });
   return error;
 }

package/extensions/forms/utils/ajv.js.map

@@ -1 +1 @@
-{"version":3,"file":"ajv.js","names":["Ajv","ajvErrors","FormError","ajv","allErrors","getInstancePath","ajvError","keyword","instancePath","params","missingProperty","errors","getValidationRule","ajvErrorToFormError","_ajvError$message","error","message","validationRule","ajvErrorsToOneFormError","length","errorMessages","map","join","ajvErrorsToFormErrors","reduce","_objectSpread"],"sources":["../../../../../src/extensions/forms/utils/ajv.ts"],"sourcesContent":["import Ajv, { ErrorObject } from 'ajv'\nimport ajvErrors from 'ajv-errors'\nimport { FormError } from '../types'\n\nconst ajv = new Ajv({\n  // If allErrors is off, ajv only give you the first error it finds\n  allErrors: true,\n})\n\najvErrors(ajv)\n\nfunction getInstancePath(ajvError: ErrorObject): string {\n  switch (ajvError.keyword) {\n    case 'required': {\n      // Required-errors are considered object errors by ajv, so they don't have instancePaths. We want to\n      // show them under the relevant field\n      return `${ajvError.instancePath}/${ajvError.params.missingProperty}`\n    }\n    case 'errorMessage': {\n      // errorMessage structures (from ajv-errors) wrap the original error. Find instance path from original\n      // to avoid issues like required-errors pointing at parent object.\n      if (ajvError.params.errors[0]) {\n        return getInstancePath(ajvError.params.errors[0])\n      }\n    }\n  }\n  return ajvError.instancePath\n}\n\nfunction getValidationRule(ajvError: ErrorObject): string {\n  if (ajvError.keyword === 'errorMessage' && ajvError.params.errors[0]) {\n    // errorMessage structures (from ajv-errors) wrap the original error. Find keyword from original\n    // to avoid issues like required-errors pointing at parent object.\n    return getValidationRule(ajvError.params.errors[0])\n  }\n  return ajvError.keyword\n}\n\nfunction ajvErrorToFormError(ajvError: ErrorObject): FormError {\n  const error = new FormError(ajvError.message ?? 'Unknown error', {\n    validationRule: getValidationRule(ajvError),\n  })\n  return error\n}\n\n/**\n * Transform errors from ajv-validation into one error object (i.e for validating a flat value)\n */\nexport function ajvErrorsToOneFormError(\n  errors?: ErrorObject[] | null\n): FormError | undefined {\n  if (!errors || errors.length === 0) {\n    return\n  }\n  if (errors.length === 1) {\n    return ajvErrorToFormError(errors[0])\n  }\n\n  const errorMessages = errors?.map((error) => error.message)\n  return new FormError(errorMessages.join(' | '), {\n    validationRule: errors.map(getValidationRule),\n  })\n}\n\n/**\n *\n * @param errors Transform errors from ajv-validation into a record of errors (path as key, error as value)\n * @returns\n */\nexport const ajvErrorsToFormErrors = (\n  errors?: ErrorObject[] | null\n): Record<string, FormError> =>\n  (errors ?? []).reduce((errors, ajvError) => {\n    return {\n      ...errors,\n      [getInstancePath(ajvError)]: ajvErrorToFormError(ajvError),\n    }\n  }, {})\n\nexport default ajv\n"],"mappings":";;;AAAA,OAAOA,GAAG,MAAuB,KAAK;AACtC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,UAAU;AAEpC,MAAMC,GAAG,GAAG,IAAIH,GAAG,CAAC;EAElBI,SAAS,EAAE;AACb,CAAC,CAAC;AAEFH,SAAS,CAACE,GAAG,CAAC;AAEd,SAASE,eAAeA,CAACC,QAAqB,EAAU;EACtD,QAAQA,QAAQ,CAACC,OAAO;IACtB,KAAK,UAAU;MAAE;QAGf,OAAQ,GAAED,QAAQ,CAACE,YAAa,IAAGF,QAAQ,CAACG,MAAM,CAACC,eAAgB,EAAC;MACtE;IACA,KAAK,cAAc;MAAE;QAGnB,IAAIJ,QAAQ,CAACG,MAAM,CAACE,MAAM,CAAC,CAAC,CAAC,EAAE;UAC7B,OAAON,eAAe,CAACC,QAAQ,CAACG,MAAM,CAACE,MAAM,CAAC,CAAC,CAAC,CAAC;QACnD;MACF;EACF;EACA,OAAOL,QAAQ,CAACE,YAAY;AAC9B;AAEA,SAASI,iBAAiBA,CAACN,QAAqB,EAAU;EACxD,IAAIA,QAAQ,CAACC,OAAO,KAAK,cAAc,IAAID,QAAQ,CAACG,MAAM,CAACE,MAAM,CAAC,CAAC,CAAC,EAAE;IAGpE,OAAOC,iBAAiB,CAACN,QAAQ,CAACG,MAAM,CAACE,MAAM,CAAC,CAAC,CAAC,CAAC;EACrD;EACA,OAAOL,QAAQ,CAACC,OAAO;AACzB;AAEA,SAASM,mBAAmBA,CAACP,QAAqB,EAAa;EAAA,IAAAQ,iBAAA;EAC7D,MAAMC,KAAK,GAAG,IAAIb,SAAS,EAAAY,iBAAA,GAACR,QAAQ,CAACU,OAAO,cAAAF,iBAAA,cAAAA,iBAAA,GAAI,eAAe,EAAE;IAC/DG,cAAc,EAAEL,iBAAiB,CAACN,QAAQ;EAC5C,CAAC,CAAC;EACF,OAAOS,KAAK;AACd;AAKA,OAAO,SAASG,uBAAuBA,CACrCP,MAA6B,EACN;EACvB,IAAI,CAACA,MAAM,IAAIA,MAAM,CAACQ,MAAM,KAAK,CAAC,EAAE;IAClC;EACF;EACA,IAAIR,MAAM,CAACQ,MAAM,KAAK,CAAC,EAAE;IACvB,OAAON,mBAAmB,CAACF,MAAM,CAAC,CAAC,CAAC,CAAC;EACvC;EAEA,MAAMS,aAAa,GAAGT,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEU,GAAG,CAAEN,KAAK,IAAKA,KAAK,CAACC,OAAO,CAAC;EAC3D,OAAO,IAAId,SAAS,CAACkB,aAAa,CAACE,IAAI,CAAC,KAAK,CAAC,EAAE;IAC9CL,cAAc,EAAEN,MAAM,CAACU,GAAG,CAACT,iBAAiB;EAC9C,CAAC,CAAC;AACJ;AAOA,OAAO,MAAMW,qBAAqB,GAChCZ,MAA6B,IAE7B,CAACA,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI,EAAE,EAAEa,MAAM,CAAC,CAACb,MAAM,EAAEL,QAAQ,KAAK;EAC1C,OAAAmB,aAAA,CAAAA,aAAA,KACKd,MAAM;IACT,CAACN,eAAe,CAACC,QAAQ,CAAC,GAAGO,mBAAmB,CAACP,QAAQ;EAAC;AAE9D,CAAC,EAAE,CAAC,CAAC,CAAC;AAER,eAAeH,GAAG"}
+{"version":3,"file":"ajv.js","names":["Ajv","ajvErrors","FormError","ajv","allErrors","getInstancePath","ajvError","keyword","instancePath","params","missingProperty","errors","getValidationRule","getMessageValues","_ajvError$params","_ajvError$params2","_ajvError$params3","validationRule","limit","multipleOf","pattern","ajvErrorToFormError","_ajvError$message","error","message","messageValues","ajvErrorsToOneFormError","length","errorMessages","map","join","ajvErrorsToFormErrors","reduce","_objectSpread"],"sources":["../../../../../src/extensions/forms/utils/ajv.ts"],"sourcesContent":["import Ajv, { ErrorObject } from 'ajv'\nimport ajvErrors from 'ajv-errors'\nimport { FormError } from '../types'\n\nconst ajv = new Ajv({\n  // If allErrors is off, ajv only give you the first error it finds\n  allErrors: true,\n})\n\najvErrors(ajv)\n\nfunction getInstancePath(ajvError: ErrorObject): string {\n  switch (ajvError.keyword) {\n    case 'required': {\n      // Required-errors are considered object errors by ajv, so they don't have instancePaths. We want to\n      // show them under the relevant field\n      return `${ajvError.instancePath}/${ajvError.params.missingProperty}`\n    }\n    case 'errorMessage': {\n      // errorMessage structures (from ajv-errors) wrap the original error. Find instance path from original\n      // to avoid issues like required-errors pointing at parent object.\n      if (ajvError.params.errors[0]) {\n        return getInstancePath(ajvError.params.errors[0])\n      }\n    }\n  }\n  return ajvError.instancePath\n}\n\nfunction getValidationRule(ajvError: ErrorObject): string {\n  if (ajvError.keyword === 'errorMessage' && ajvError.params.errors[0]) {\n    // errorMessage structures (from ajv-errors) wrap the original error. Find keyword from original\n    // to avoid issues like required-errors pointing at parent object.\n    return getValidationRule(ajvError.params.errors[0])\n  }\n  return ajvError.keyword\n}\n\nfunction getMessageValues(\n  ajvError: ErrorObject\n): FormError['messageValues'] {\n  const validationRule = getValidationRule(ajvError)\n\n  switch (validationRule) {\n    case 'minLength':\n    case 'maxLength':\n    case 'minimum':\n    case 'maximum':\n    case 'exclusiveMinimum':\n    case 'exclusiveMaximum':\n      return {\n        [validationRule]: ajvError.params?.limit,\n      }\n    case 'multipleOf':\n      return {\n        [validationRule]: ajvError.params?.multipleOf,\n      }\n    case 'pattern':\n      return {\n        [validationRule]: ajvError.params?.pattern,\n      }\n  }\n}\n\nfunction ajvErrorToFormError(ajvError: ErrorObject): FormError {\n  const error = new FormError(ajvError.message ?? 'Unknown error', {\n    validationRule: getValidationRule(ajvError),\n    // Keep the message values in the error object instead of injecting them into the message\n    // at once, since an error might be validated one place, and then get a new message before it is displayed.\n    messageValues: getMessageValues(ajvError),\n  })\n  return error\n}\n\n/**\n * Transform errors from ajv-validation into one error object (i.e for validating a flat value)\n */\nexport function ajvErrorsToOneFormError(\n  errors?: ErrorObject[] | null\n): FormError | undefined {\n  if (!errors || errors.length === 0) {\n    return\n  }\n  if (errors.length === 1) {\n    return ajvErrorToFormError(errors[0])\n  }\n\n  const errorMessages = errors?.map((error) => error.message)\n  return new FormError(errorMessages.join(' | '), {\n    validationRule: errors.map(getValidationRule),\n  })\n}\n\n/**\n *\n * @param errors Transform errors from ajv-validation into a record of errors (path as key, error as value)\n * @returns\n */\nexport const ajvErrorsToFormErrors = (\n  errors?: ErrorObject[] | null\n): Record<string, FormError> =>\n  (errors ?? []).reduce((errors, ajvError) => {\n    return {\n      ...errors,\n      [getInstancePath(ajvError)]: ajvErrorToFormError(ajvError),\n    }\n  }, {})\n\nexport default ajv\n"],"mappings":"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"}

package/extensions/forms/utils/errors.d.ts

@@ -0,0 +1,2 @@
+import { FormError } from '../types';
+export declare function errorChanged(error1?: FormError, error2?: FormError): boolean;

package/extensions/forms/utils/errors.js

@@ -0,0 +1,10 @@
+export function errorChanged(error1, error2) {
+  if (error1 === undefined && error2 instanceof Error || error1 instanceof Error && error2 === undefined) {
+    return true;
+  }
+  if (error1 && error2 && error1.message !== error2.message) {
+    return true;
+  }
+  return false;
+}
+//# sourceMappingURL=errors.js.map

package/extensions/forms/utils/errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.js","names":["errorChanged","error1","error2","undefined","Error","message"],"sources":["../../../../../src/extensions/forms/utils/errors.ts"],"sourcesContent":["import { FormError } from '../types'\n\nexport function errorChanged(\n  error1?: FormError,\n  error2?: FormError\n): boolean {\n  if (\n    (error1 === undefined && error2 instanceof Error) ||\n    (error1 instanceof Error && error2 === undefined)\n  ) {\n    return true\n  }\n  if (error1 && error2 && error1.message !== error2.message) {\n    return true\n  }\n  return false\n}\n"],"mappings":"AAEA,OAAO,SAASA,YAAYA,CAC1BC,MAAkB,EAClBC,MAAkB,EACT;EACT,IACGD,MAAM,KAAKE,SAAS,IAAID,MAAM,YAAYE,KAAK,IAC/CH,MAAM,YAAYG,KAAK,IAAIF,MAAM,KAAKC,SAAU,EACjD;IACA,OAAO,IAAI;EACb;EACA,IAAIF,MAAM,IAAIC,MAAM,IAAID,MAAM,CAACI,OAAO,KAAKH,MAAM,CAACG,OAAO,EAAE;IACzD,OAAO,IAAI;EACb;EACA,OAAO,KAAK;AACd"}

package/extensions/forms/utils/index.d.ts

@@ -1,2 +1,3 @@
+export * from './errors';
 export * from './numbers';
 export { default as TestElement } from './TestElement/TestElement';

package/extensions/forms/utils/index.js

@@ -1,3 +1,4 @@
+export * from './errors';
 export * from './numbers';
 export { default as TestElement } from './TestElement/TestElement';
 //# sourceMappingURL=index.js.map

package/extensions/forms/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","TestElement"],"sources":["../../../../../src/extensions/forms/utils/index.ts"],"sourcesContent":["export * from './numbers'\nexport { default as TestElement } from './TestElement/TestElement'\n"],"mappings":"AAAA,cAAc,WAAW;AACzB,SAASA,OAAO,IAAIC,WAAW,QAAQ,2BAA2B"}
+{"version":3,"file":"index.js","names":["default","TestElement"],"sources":["../../../../../src/extensions/forms/utils/index.ts"],"sourcesContent":["export * from './errors'\nexport * from './numbers'\nexport { default as TestElement } from './TestElement/TestElement'\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,SAASA,OAAO,IAAIC,WAAW,QAAQ,2BAA2B"}

package/extensions/payment-card/PaymentCard.js

@@ -1,3 +1,5 @@
+"use client";
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";

package/extensions/payment-card/PaymentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentCard.js","names":["React","PropTypes","classnames","Context","Provider","isTrue","validateDOMAttributes","extendPropsWithContextInClassComponent","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","P","ProductType","CardType","BankAxeptType","Designs","defaultDesign","cardProducts","ProductLogo","TypeLogo","BankLogo","StatusIcon","BankAxeptLogo","cardDataPropTypes","process","env","NODE_ENV","shape","productCode","string","isRequired","productName","displayName","cardDesign","object","cardType","productType","bankAxept","translationDefaultPropsProps","text_card_number","text_expired","text_blocked","text_not_active","text_order_in_process","text_renewed","text_replaced","PaymentCard","PureComponent","render","_this$context","props","defaultProps","locale","context","skeleton","product_code","card_number","card_status","variant","digits","id","raw_data","className","class","_className","children","attributes","_objectWithoutProperties","_excluded","cardData","getCardData","params","_objectSpread","createElement","Consumer","_ref","translation","translations","NormalCard","data","cardStatus","cardNumber","formatCardNumber","parseFloat","_defineProperty","propTypes","oneOf","oneOfType","number","bool","node","func","formatCardNumberRegex","arguments","length","undefined","slice","replace","trim","card","find","item","defaultCard","None","StatusOverlay","BlockingOverlay","_ref2","text","status","top","_ref3","CardText","_ref4","modifier","_ref5","_data$cardDesign","_extends","cardStyle","backgroundImage","style","logoType","bankLogo"],"sources":["../../../../src/extensions/payment-card/PaymentCard.js"],"sourcesContent":["/**\n * Web PaymentCard Component\n *\n */\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../../components/space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../../components/skeleton/SkeletonHelper'\nimport P from '../../elements/P'\n\nimport { ProductType, CardType, BankAxeptType } from './utils/Types'\nimport Designs, { defaultDesign } from './utils/CardDesigns'\nimport cardProducts from './utils/cardProducts'\nimport {\n  ProductLogo,\n  TypeLogo,\n  BankLogo,\n  StatusIcon,\n  BankAxeptLogo,\n} from './icons'\n\nexport { Designs, ProductType, CardType, BankAxeptType }\n\nconst cardDataPropTypes = PropTypes.shape({\n  productCode: PropTypes.string.isRequired,\n  productName: PropTypes.string.isRequired,\n  displayName: PropTypes.string.isRequired,\n  cardDesign: PropTypes.object.isRequired,\n  cardType: PropTypes.object.isRequired,\n  productType: PropTypes.object.isRequired,\n  bankAxept: PropTypes.object.isRequired,\n})\n\nconst translationDefaultPropsProps = {\n  text_card_number: null,\n  text_expired: null,\n  text_blocked: null,\n  text_not_active: null,\n  text_order_in_process: null,\n  text_renewed: null,\n  text_replaced: null,\n}\n\nexport default class PaymentCard extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    product_code: PropTypes.string.isRequired,\n    card_number: PropTypes.string.isRequired,\n    card_status: PropTypes.oneOf([\n      'active',\n      'blocked',\n      'expired',\n      'not_active',\n      'order_in_process',\n      'renewed',\n      'replaced',\n    ]),\n    variant: PropTypes.oneOf(['normal', 'compact']),\n    digits: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    raw_data: cardDataPropTypes,\n    id: PropTypes.string,\n    locale: PropTypes.string,\n\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n  }\n\n  static defaultProps = {\n    digits: 8,\n    locale: null,\n    card_status: 'active',\n    variant: 'normal',\n\n    id: null,\n    raw_data: null,\n\n    skeleton: false,\n    class: null,\n    className: null,\n    children: null,\n\n    ...translationDefaultPropsProps,\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      PaymentCard.defaultProps,\n      { locale: this.context.locale },\n      { skeleton: this.context?.skeleton }\n    )\n\n    const {\n      product_code,\n      card_number,\n      card_status,\n      variant,\n      digits,\n      id,\n      raw_data,\n      locale,\n      skeleton,\n      className,\n      class: _className,\n      children, //eslint-disable-line\n      ...attributes\n    } = props\n\n    const cardData = raw_data || getCardData(product_code)\n\n    const params = {\n      className: classnames(\n        'dnb-payment-card',\n        `dnb-payment-card--${variant}`,\n        createSkeletonClass(null, skeleton, this.context),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <Provider locale={locale}>\n        <Context.Consumer>\n          {({ translation }) => {\n            const translations = extendPropsWithContextInClassComponent(\n              this.props,\n              translationDefaultPropsProps,\n              translation.PaymentCard\n            )\n            return (\n              <figure {...params}>\n                <figcaption className=\"dnb-sr-only dnb-payment-card__figcaption\">\n                  {cardData.productName}\n                </figcaption>\n                <NormalCard\n                  id={id}\n                  skeleton={isTrue(skeleton)}\n                  data={cardData}\n                  cardStatus={card_status}\n                  cardNumber={formatCardNumber(\n                    card_number,\n                    parseFloat(digits)\n                  )}\n                  translations={translations}\n                />\n              </figure>\n            )\n          }}\n        </Context.Consumer>\n      </Provider>\n    )\n  }\n}\n\nconst formatCardNumberRegex = /(?=(?:....)*$)/g\n\nexport const formatCardNumber = (cardNumber, digits = 8) => {\n  if (!cardNumber) {\n    return cardNumber\n  }\n  if (digits && digits <= cardNumber.length) {\n    return cardNumber\n      .slice(cardNumber.length - digits, cardNumber.length)\n      .replace(formatCardNumberRegex, ' ')\n      .trim()\n  }\n  return cardNumber.replace(formatCardNumberRegex, ' ').trim()\n}\n\nexport const getCardData = (productCode) => {\n  const card = cardProducts.find(\n    (item) => item.productCode === productCode\n  )\n  return card || defaultCard(productCode)\n}\n\nconst defaultCard = (productCode) => ({\n  productCode,\n  productName: '',\n  displayName: '',\n  cardDesign: defaultDesign,\n  cardType: CardType.None,\n  productType: ProductType.None,\n  bankAxept: BankAxeptType.None,\n})\n\nStatusOverlay.propTypes = {\n  cardStatus: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n  skeleton: PropTypes.bool,\n}\nStatusOverlay.defaultProps = {\n  skeleton: false,\n}\n\nconst BlockingOverlay = ({ cardStatus, text }, skeleton) => {\n  return (\n    <div\n      className={classnames(\n        'dnb-payment-card__blocking__overlay',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <div className=\"dnb-payment-card__blocking__center\">\n        <StatusIcon status={cardStatus} />\n        <P top=\"xx-small\">{text}</P>\n      </div>\n    </div>\n  )\n}\n\nfunction StatusOverlay({ cardStatus, translations }) {\n  switch (cardStatus) {\n    case 'not_active':\n      return (\n        <BlockingOverlay\n          cardStatus={cardStatus}\n          text={translations.text_not_active}\n        />\n      )\n\n    case 'order_in_process':\n      return (\n        <BlockingOverlay\n          cardStatus={cardStatus}\n          text={translations.text_order_in_process}\n        />\n      )\n\n    case 'renewed':\n      return (\n        <BlockingOverlay\n          cardStatus={cardStatus}\n          text={translations.text_renewed}\n        />\n      )\n\n    case 'replaced':\n      return (\n        <BlockingOverlay\n          cardStatus={cardStatus}\n          text={translations.text_replaced}\n        />\n      )\n\n    case 'blocked':\n      return (\n        <BlockingOverlay\n          cardStatus={cardStatus}\n          text={translations.text_blocked}\n        />\n      )\n\n    case 'expired':\n      return (\n        <BlockingOverlay\n          cardStatus={cardStatus}\n          text={translations.text_expired}\n        />\n      )\n\n    case 'active':\n    default:\n      return null\n  }\n}\n\nCardText.propTypes = {\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n  skeleton: PropTypes.bool.isRequired,\n}\n\nfunction CardText({ cardNumber, translations, skeleton }) {\n  return (\n    <span\n      className={classnames(\n        'dnb-payment-card__card__wrapper',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <P\n        className=\"dnb-payment-card__card__holder\"\n        modifier=\"x-small medium\"\n      >\n        {translations.text_card_number}\n      </P>\n      <P className=\"dnb-payment-card__card__numbers\">{cardNumber}</P>\n    </span>\n  )\n}\n\nNormalCard.propTypes = {\n  id: PropTypes.string,\n  skeleton: PropTypes.bool,\n  data: cardDataPropTypes.isRequired,\n  cardStatus: PropTypes.string.isRequired,\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n}\nNormalCard.defaultProps = {\n  id: null,\n  skeleton: null,\n}\n\nfunction NormalCard({\n  data,\n  cardStatus,\n  cardNumber,\n  id,\n  skeleton,\n  translations,\n}) {\n  return (\n    <div\n      id={id}\n      className={classnames(\n        'dnb-payment-card__card',\n        `dnb-payment-card__${data.cardDesign.cardStyle}`\n      )}\n      {...(data.cardDesign?.backgroundImage\n        ? {\n            style: {\n              backgroundImage: `url(${data.cardDesign.backgroundImage})`,\n            },\n          }\n        : {})}\n    >\n      <div className=\"dnb-payment-card__card__content\">\n        <div className=\"dnb-payment-card__card__top\">\n          <BankLogo logoType={data.cardDesign.bankLogo} />\n          <ProductLogo\n            productType={data.productType}\n            cardDesign={data.cardDesign}\n          />\n          <BankAxeptLogo\n            bankAxept={data.bankAxept}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n        <div className=\"dnb-payment-card__card__bottom\">\n          <CardText\n            cardNumber={cardNumber}\n            displayName={data.displayName}\n            translations={translations}\n            skeleton={skeleton}\n          />\n          <TypeLogo\n            cardType={data.cardType}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n      </div>\n      <StatusOverlay\n        skeleton={skeleton}\n        cardStatus={cardStatus}\n        translations={translations}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"PaymentCard.js","names":["React","PropTypes","classnames","Context","Provider","isTrue","validateDOMAttributes","extendPropsWithContextInClassComponent","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","P","ProductType","CardType","BankAxeptType","Designs","defaultDesign","cardProducts","ProductLogo","TypeLogo","BankLogo","StatusIcon","BankAxeptLogo","cardDataPropTypes","process","env","NODE_ENV","shape","productCode","string","isRequired","productName","displayName","cardDesign","object","cardType","productType","bankAxept","translationDefaultPropsProps","text_card_number","text_expired","text_blocked","text_not_active","text_order_in_process","text_renewed","text_replaced","PaymentCard","PureComponent","render","_this$context","props","defaultProps","locale","context","skeleton","product_code","card_number","card_status","variant","digits","id","raw_data","className","class","_className","children","attributes","_objectWithoutProperties","_excluded","cardData","getCardData","params","_objectSpread","createElement","Consumer","_ref","translation","translations","NormalCard","data","cardStatus","cardNumber","formatCardNumber","parseFloat","_defineProperty","propTypes","oneOf","oneOfType","number","bool","node","func","formatCardNumberRegex","arguments","length","undefined","slice","replace","trim","card","find","item","defaultCard","None","StatusOverlay","BlockingOverlay","_ref2","text","status","top","_ref3","CardText","_ref4","modifier","_ref5","_data$cardDesign","_extends","cardStyle","backgroundImage","style","logoType","bankLogo"],"sources":["../../../../src/extensions/payment-card/PaymentCard.js"],"sourcesContent":["/**\n * Web PaymentCard Component\n *\n */\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../../components/space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../../components/skeleton/SkeletonHelper'\nimport P from '../../elements/P'\n\nimport { ProductType, CardType, BankAxeptType } from './utils/Types'\nimport Designs, { defaultDesign } from './utils/CardDesigns'\nimport cardProducts from './utils/cardProducts'\nimport {\n  ProductLogo,\n  TypeLogo,\n  BankLogo,\n  StatusIcon,\n  BankAxeptLogo,\n} from './icons'\n\nexport { Designs, ProductType, CardType, BankAxeptType }\n\nconst cardDataPropTypes = PropTypes.shape({\n  productCode: PropTypes.string.isRequired,\n  productName: PropTypes.string.isRequired,\n  displayName: PropTypes.string.isRequired,\n  cardDesign: PropTypes.object.isRequired,\n  cardType: PropTypes.object.isRequired,\n  productType: PropTypes.object.isRequired,\n  bankAxept: PropTypes.object.isRequired,\n})\n\nconst translationDefaultPropsProps = {\n  text_card_number: null,\n  text_expired: null,\n  text_blocked: null,\n  text_not_active: null,\n  text_order_in_process: null,\n  text_renewed: null,\n  text_replaced: null,\n}\n\nexport default class PaymentCard extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    product_code: PropTypes.string.isRequired,\n    card_number: PropTypes.string.isRequired,\n    card_status: PropTypes.oneOf([\n      'active',\n      'blocked',\n      'expired',\n      'not_active',\n      'order_in_process',\n      'renewed',\n      'replaced',\n    ]),\n    variant: PropTypes.oneOf(['normal', 'compact']),\n    digits: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    raw_data: cardDataPropTypes,\n    id: PropTypes.string,\n    locale: PropTypes.string,\n\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    class: PropTypes.string,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n  }\n\n  static defaultProps = {\n    digits: 8,\n    locale: null,\n    card_status: 'active',\n    variant: 'normal',\n\n    id: null,\n    raw_data: null,\n\n    skeleton: false,\n    class: null,\n    className: null,\n    children: null,\n\n    ...translationDefaultPropsProps,\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      PaymentCard.defaultProps,\n      { locale: this.context.locale },\n      { skeleton: this.context?.skeleton }\n    )\n\n    const {\n      product_code,\n      card_number,\n      card_status,\n      variant,\n      digits,\n      id,\n      raw_data,\n      locale,\n      skeleton,\n      className,\n      class: _className,\n      children, //eslint-disable-line\n      ...attributes\n    } = props\n\n    const cardData = raw_data || getCardData(product_code)\n\n    const params = {\n      className: classnames(\n        'dnb-payment-card',\n        `dnb-payment-card--${variant}`,\n        createSkeletonClass(null, skeleton, this.context),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <Provider locale={locale}>\n        <Context.Consumer>\n          {({ translation }) => {\n            const translations = extendPropsWithContextInClassComponent(\n              this.props,\n              translationDefaultPropsProps,\n              translation.PaymentCard\n            )\n            return (\n              <figure {...params}>\n                <figcaption className=\"dnb-sr-only dnb-payment-card__figcaption\">\n                  {cardData.productName}\n                </figcaption>\n                <NormalCard\n                  id={id}\n                  skeleton={isTrue(skeleton)}\n                  data={cardData}\n                  cardStatus={card_status}\n                  cardNumber={formatCardNumber(\n                    card_number,\n                    parseFloat(digits)\n                  )}\n                  translations={translations}\n                />\n              </figure>\n            )\n          }}\n        </Context.Consumer>\n      </Provider>\n    )\n  }\n}\n\nconst formatCardNumberRegex = /(?=(?:....)*$)/g\n\nexport const formatCardNumber = (cardNumber, digits = 8) => {\n  if (!cardNumber) {\n    return cardNumber\n  }\n  if (digits && digits <= cardNumber.length) {\n    return cardNumber\n      .slice(cardNumber.length - digits, cardNumber.length)\n      .replace(formatCardNumberRegex, ' ')\n      .trim()\n  }\n  return cardNumber.replace(formatCardNumberRegex, ' ').trim()\n}\n\nexport const getCardData = (productCode) => {\n  const card = cardProducts.find(\n    (item) => item.productCode === productCode\n  )\n  return card || defaultCard(productCode)\n}\n\nconst defaultCard = (productCode) => ({\n  productCode,\n  productName: '',\n  displayName: '',\n  cardDesign: defaultDesign,\n  cardType: CardType.None,\n  productType: ProductType.None,\n  bankAxept: BankAxeptType.None,\n})\n\nStatusOverlay.propTypes = {\n  cardStatus: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n  skeleton: PropTypes.bool,\n}\nStatusOverlay.defaultProps = {\n  skeleton: false,\n}\n\nconst BlockingOverlay = ({ cardStatus, text }, skeleton) => {\n  return (\n    <div\n      className={classnames(\n        'dnb-payment-card__blocking__overlay',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <div className=\"dnb-payment-card__blocking__center\">\n        <StatusIcon status={cardStatus} />\n        <P top=\"xx-small\">{text}</P>\n      </div>\n    </div>\n  )\n}\n\nfunction StatusOverlay({ cardStatus, translations }) {\n  switch (cardStatus) {\n    case 'not_active':\n      return (\n        <BlockingOverlay\n          cardStatus={cardStatus}\n          text={translations.text_not_active}\n        />\n      )\n\n    case 'order_in_process':\n      return (\n        <BlockingOverlay\n          cardStatus={cardStatus}\n          text={translations.text_order_in_process}\n        />\n      )\n\n    case 'renewed':\n      return (\n        <BlockingOverlay\n          cardStatus={cardStatus}\n          text={translations.text_renewed}\n        />\n      )\n\n    case 'replaced':\n      return (\n        <BlockingOverlay\n          cardStatus={cardStatus}\n          text={translations.text_replaced}\n        />\n      )\n\n    case 'blocked':\n      return (\n        <BlockingOverlay\n          cardStatus={cardStatus}\n          text={translations.text_blocked}\n        />\n      )\n\n    case 'expired':\n      return (\n        <BlockingOverlay\n          cardStatus={cardStatus}\n          text={translations.text_expired}\n        />\n      )\n\n    case 'active':\n    default:\n      return null\n  }\n}\n\nCardText.propTypes = {\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n  skeleton: PropTypes.bool.isRequired,\n}\n\nfunction CardText({ cardNumber, translations, skeleton }) {\n  return (\n    <span\n      className={classnames(\n        'dnb-payment-card__card__wrapper',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <P\n        className=\"dnb-payment-card__card__holder\"\n        modifier=\"x-small medium\"\n      >\n        {translations.text_card_number}\n      </P>\n      <P className=\"dnb-payment-card__card__numbers\">{cardNumber}</P>\n    </span>\n  )\n}\n\nNormalCard.propTypes = {\n  id: PropTypes.string,\n  skeleton: PropTypes.bool,\n  data: cardDataPropTypes.isRequired,\n  cardStatus: PropTypes.string.isRequired,\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n}\nNormalCard.defaultProps = {\n  id: null,\n  skeleton: null,\n}\n\nfunction NormalCard({\n  data,\n  cardStatus,\n  cardNumber,\n  id,\n  skeleton,\n  translations,\n}) {\n  return (\n    <div\n      id={id}\n      className={classnames(\n        'dnb-payment-card__card',\n        `dnb-payment-card__${data.cardDesign.cardStyle}`\n      )}\n      {...(data.cardDesign?.backgroundImage\n        ? {\n            style: {\n              backgroundImage: `url(${data.cardDesign.backgroundImage})`,\n            },\n          }\n        : {})}\n    >\n      <div className=\"dnb-payment-card__card__content\">\n        <div className=\"dnb-payment-card__card__top\">\n          <BankLogo logoType={data.cardDesign.bankLogo} />\n          <ProductLogo\n            productType={data.productType}\n            cardDesign={data.cardDesign}\n          />\n          <BankAxeptLogo\n            bankAxept={data.bankAxept}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n        <div className=\"dnb-payment-card__card__bottom\">\n          <CardText\n            cardNumber={cardNumber}\n            displayName={data.displayName}\n            translations={translations}\n            skeleton={skeleton}\n          />\n          <TypeLogo\n            cardType={data.cardType}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n      </div>\n      <StatusOverlay\n        skeleton={skeleton}\n        cardStatus={cardStatus}\n        translations={translations}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/fragments/drawer-list/DrawerListProvider.js

@@ -1,3 +1,5 @@
+"use client";
+
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }