@dnb/eufemia 10.75.1 → 10.75.2

package/extensions/forms/Form/Isolation/Isolation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Isolation.js","names":["React","useCallback","useContext","useMemo","useReducer","useRef","useState","useMountEffect","pointer","extendDeep","isAsync","useDataValue","Context","DataContext","Provider","SectionContext","useReportError","IsolationCommitButton","IsolationResetButton","clearedData","createDataReference","IsolatedContainer","IsolationContext","structuredClone","IsolationProvider","props","_IsolatedContainer","dataReferenceFallback","dataReference","children","onPathChange","onCommit","onCommitProp","onClear","onClearProp","transformOnCommit","transformOnCommitProp","commitHandleRef","bubbleValidation","preventUncommittedChanges","data","defaultData","resetDataAfterCommit","forceUpdate","internalDataRef","localDataRef","dataContextRef","outerContext","path","pathSection","handlePathChange","handlePathChangeOuter","dataOuter","moveValueToPath","onPathChangeHandler","value","current","set","replace","onUpdateDataValueHandler","preventUpdate","undefined","arguments","length","removeSectionPath","has","get","getMountedData","_dataContextRef$curre","mounterData","mountedFieldsRef","forEach","field","isMounted","localData","Object","assign","additionalArgs","_props$path","mountedData","outerData","isolatedData","stop","preventCommit","commitData","result","Array","isArray","setIsolatedData","providerProps","_objectSpread","onUpdateDataValue","isolate","createElement","Consumer","dataContext","handleSubmit","_BubbleValidation","BubbleValidation","_addSetShowAllErrorsR","innerContext","setShowAllErrors","setShowAllErrorsNested","showAllErrors","addSetShowAllErrorsRef","includes","push","hasErrors","isolationError","Error","CommitButton","ResetButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/Isolation.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from 'react'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport pointer, { JsonObject } from '../../utils/json-pointer'\nimport { extendDeep } from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useDataValue from '../../hooks/useDataValue'\nimport {\n  Context as DataContext,\n  ContextState,\n  Provider,\n} from '../../DataContext'\nimport SectionContext from '../Section/SectionContext'\nimport useReportError from './useReportError'\nimport IsolationCommitButton from './IsolationCommitButton'\nimport IsolationResetButton from './IsolationResetButton'\nimport {\n  clearedData,\n  type Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport {\n  IsolationDataReference,\n  createDataReference,\n} from './IsolationDataReference'\nimport IsolatedContainer from './IsolatedContainer'\nimport IsolationContext from './IsolationContext'\nimport type { OnCommit, Path } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So it's a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport type IsolationProviderProps<Data extends JsonObject> = {\n  /**\n   * Form.Isolation: Will be called when the isolated context is committed.\n   */\n  onCommit?: OnCommit<Data>\n  /**\n   * Form.Isolation: Will be called when the form is cleared via Form.clearData\n   */\n  onClear?: () => void\n  /**\n   * Form.Isolation: A function that will be called when the isolated context is committed.\n   * It will receive the data from the isolated context and the data from the outer context.\n   * You can use this to transform the data before it is committed.\n   */\n  transformOnCommit?: (isolatedData: Data, handlerData: Data) => JsonObject\n  /**\n   * Prevent the form from being submitted when there are fields with errors inside the Form.Isolation.\n   */\n  bubbleValidation?: boolean\n  /**\n   * Prevents uncommitted changes before the form is submitted. Will display an error message if user tries to submit without committing their changes.\n   */\n  preventUncommittedChanges?: boolean\n  /**\n   * If set to `true`, the Form.Isolation will reset its data context after committing the data to the outer context.\n   */\n  resetDataAfterCommit?: boolean\n  /**\n   * Provide a reference by using Form.Isolation.createDataReference.\n   */\n  dataReference?: IsolationDataReference\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  path?: Path\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  isolate?: boolean\n}\n\nexport type IsolationProps<Data extends JsonObject> = Omit<\n  ProviderProps<Data>,\n  | 'onSubmit'\n  | 'onSubmitRequest'\n  | 'onSubmitComplete'\n  | 'minimumAsyncBehaviorTime'\n  | 'asyncSubmitTimeout'\n  | 'scrollTopOnSubmit'\n  | 'sessionStorageId'\n  | 'globalStatusId'\n> & {\n  /**\n   * A ref (function) that you can call in order to commit the data programmatically to the outer context.\n   */\n  commitHandleRef?: React.MutableRefObject<() => void>\n}\n\nfunction IsolationProvider<Data extends JsonObject>(\n  props: IsolationProps<Data>\n) {\n  const [dataReferenceFallback] = useState<IsolationDataReference>(() => {\n    if (!props?.dataReference) {\n      return createDataReference()\n    }\n  })\n\n  const {\n    children,\n    onPathChange,\n    onCommit: onCommitProp,\n    onClear: onClearProp,\n    transformOnCommit: transformOnCommitProp,\n    commitHandleRef,\n    bubbleValidation,\n    preventUncommittedChanges,\n    data,\n    defaultData,\n    dataReference = dataReferenceFallback,\n    resetDataAfterCommit,\n  } = props\n\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const internalDataRef = useRef<Data>()\n  const localDataRef = useRef<Partial<Data>>({})\n  const dataContextRef = useRef<ContextState>(null)\n  const outerContext = useContext(DataContext)\n  const { path: pathSection } = useContext(SectionContext) || {}\n  const { handlePathChange: handlePathChangeOuter, data: dataOuter } =\n    outerContext || {}\n  const { moveValueToPath } = useDataValue()\n\n  const onPathChangeHandler = useCallback(\n    async (path: Path, value: unknown) => {\n      if (localDataRef.current === clearedData) {\n        localDataRef.current = {}\n      }\n\n      // Depending on the usage, we can get a path like so: \"/pushContainerItems/0/somePath\"\n      // where \"somePath\" is a frozen object. In order to still be able to modify it,\n      // pointer.set will unfreeze the object and then modify it. (Object.isFrozen(obj[tok]))\n\n      pointer.set(localDataRef.current, path, value)\n\n      if (pathSection) {\n        path = path.replace(pathSection, '')\n      }\n\n      return await onPathChange?.(path, value)\n    },\n    [onPathChange, pathSection]\n  )\n\n  const onUpdateDataValueHandler = useCallback(\n    async (\n      path: Path,\n      value: unknown,\n      { preventUpdate = undefined } = {}\n    ) => {\n      if (internalDataRef.current === clearedData) {\n        internalDataRef.current = {} as Data\n      }\n\n      pointer.set(internalDataRef.current, path, value)\n\n      if (!preventUpdate) {\n        forceUpdate()\n      }\n    },\n    []\n  )\n\n  const removeSectionPath = useCallback(\n    (data: Data) => {\n      return pathSection && pointer.has(data, pathSection)\n        ? pointer.get(data, pathSection)\n        : data\n    },\n    [pathSection]\n  )\n\n  const getMountedData = useCallback((data: Data) => {\n    const mounterData = {} as Data\n    dataContextRef.current?.mountedFieldsRef.current.forEach(\n      (field, path) => {\n        if (field.isMounted && pointer.has(data, path)) {\n          pointer.set(mounterData, path, pointer.get(data, path))\n        }\n      }\n    )\n    return mounterData\n  }, [])\n\n  useMountEffect(() => {\n    localDataRef.current = getMountedData(internalDataRef.current)\n  })\n\n  // Update the isolated data with the outside context data\n  useMemo(() => {\n    if (localDataRef.current === clearedData) {\n      return // stop here\n    }\n\n    let localData = data ?? defaultData\n\n    if (\n      localData &&\n      pathSection &&\n      !pointer.has(localDataRef.current, pathSection)\n    ) {\n      localData = moveValueToPath<Data>(pathSection, localData)\n    }\n\n    internalDataRef.current = Object.assign(\n      {},\n      localData || structuredClone(dataOuter) || {},\n      localDataRef.current\n    )\n  }, [data, defaultData, pathSection, dataOuter, moveValueToPath])\n\n  const onCommit: IsolationProps<Data>['onCommit'] = useCallback(\n    async (data: Data, additionalArgs) => {\n      const mountedData = getMountedData(data)\n      const path = props.path ?? '/'\n      const outerData =\n        props.path && pointer.has(dataOuter, path)\n          ? pointer.get(dataOuter, path)\n          : dataOuter\n\n      localDataRef.current = mountedData\n      let isolatedData = structuredClone(mountedData)\n\n      if (typeof transformOnCommitProp === 'function') {\n        isolatedData = transformOnCommitProp(isolatedData, outerData)\n      }\n\n      let stop = false\n      additionalArgs.preventCommit = () => (stop = true)\n\n      const commitData = removeSectionPath(isolatedData)\n      const result = isAsync(onCommitProp)\n        ? await onCommitProp?.(commitData, additionalArgs)\n        : onCommitProp?.(commitData, additionalArgs)\n\n      if (stop) {\n        return // stop here\n      }\n\n      // Commit the internal data to the nested context data\n      await handlePathChangeOuter?.(\n        path,\n        Array.isArray(isolatedData)\n          ? isolatedData\n          : extendDeep({}, outerData, isolatedData)\n      )\n\n      return result\n    },\n    [\n      getMountedData,\n      props.path,\n      dataOuter,\n      transformOnCommitProp,\n      handlePathChangeOuter,\n      onCommitProp,\n      removeSectionPath,\n    ]\n  )\n\n  const setIsolatedData = useCallback((data: Data) => {\n    localDataRef.current = data\n    internalDataRef.current = data\n  }, [])\n\n  const onClear = useCallback(() => {\n    setIsolatedData(clearedData as Data)\n    forceUpdate()\n    onClearProp?.()\n  }, [onClearProp, setIsolatedData])\n\n  const providerProps: IsolationProps<Data> = {\n    ...props,\n    [defaultData ? 'defaultData' : 'data']: internalDataRef.current,\n    onUpdateDataValue: onUpdateDataValueHandler,\n    onPathChange: onPathChangeHandler,\n    onCommit,\n    onClear,\n    isolate: true,\n  }\n\n  return (\n    <Provider {...providerProps}>\n      <IsolationContext.Provider\n        value={{\n          preventUncommittedChanges,\n          dataReference,\n          resetDataAfterCommit,\n          outerContext,\n          setIsolatedData,\n        }}\n      >\n        <DataContext.Consumer>\n          {(dataContext) => {\n            dataContextRef.current = dataContext\n\n            if (commitHandleRef) {\n              commitHandleRef.current = dataContext?.handleSubmit\n            }\n\n            return <IsolatedContainer>{children} </IsolatedContainer>\n          }}\n        </DataContext.Consumer>\n\n        {bubbleValidation && <BubbleValidation />}\n      </IsolationContext.Provider>\n    </Provider>\n  )\n}\n\nfunction BubbleValidation() {\n  const innerContext = useContext(DataContext)\n  const { outerContext } = useContext(IsolationContext)\n  const { setShowAllErrors } = innerContext\n\n  const setShowAllErrorsNested = useCallback(\n    (showAllErrors: boolean) => {\n      setShowAllErrors?.(showAllErrors)\n    },\n    [setShowAllErrors]\n  )\n\n  const { addSetShowAllErrorsRef } = outerContext || {}\n  if (!addSetShowAllErrorsRef?.current?.includes(setShowAllErrorsNested)) {\n    addSetShowAllErrorsRef?.current.push(setShowAllErrorsNested)\n  }\n\n  useReportError(\n    innerContext.hasErrors() ? isolationError : undefined,\n    outerContext\n  )\n\n  return null\n}\n\nconst isolationError = new Error('Form.Isolation')\n\nIsolationProvider.CommitButton = IsolationCommitButton\nIsolationProvider.ResetButton = IsolationResetButton\nIsolationProvider.createDataReference = createDataReference\nIsolationProvider._supportsSpacingProps = undefined\n\nexport default IsolationProvider\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Isolation.js","names":["React","useCallback","useContext","useMemo","useReducer","useRef","useState","useMountEffect","pointer","extendDeep","isAsync","useDataValue","Context","DataContext","Provider","SectionContext","useReportError","IsolationCommitButton","IsolationResetButton","clearedData","createDataReference","IsolatedContainer","isolationError","IsolationContext","structuredClone","IsolationProvider","props","_IsolatedContainer","dataReferenceFallback","dataReference","children","onPathChange","onCommit","onCommitProp","onClear","onClearProp","transformOnCommit","transformOnCommitProp","commitHandleRef","bubbleValidation","preventUncommittedChanges","data","defaultData","resetDataAfterCommit","forceUpdate","internalDataRef","localDataRef","dataContextRef","outerContext","path","pathSection","handlePathChange","handlePathChangeOuter","dataOuter","moveValueToPath","onPathChangeHandler","value","current","set","replace","onUpdateDataValueHandler","preventUpdate","undefined","arguments","length","removeSectionPath","has","get","getMountedData","_dataContextRef$curre","mounterData","mountedFieldsRef","forEach","field","isMounted","localData","Object","assign","additionalArgs","_props$path","mountedData","outerData","isolatedData","stop","preventCommit","commitData","result","Array","isArray","setIsolatedData","providerProps","_objectSpread","onUpdateDataValue","isolate","createElement","Consumer","dataContext","handleSubmit","_BubbleValidation","BubbleValidation","_addSetShowAllErrorsR","innerContext","setShowAllErrors","setShowAllErrorsNested","showAllErrors","addSetShowAllErrorsRef","includes","push","hasErrors","CommitButton","ResetButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/Isolation.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from 'react'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport pointer, { JsonObject } from '../../utils/json-pointer'\nimport { extendDeep } from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useDataValue from '../../hooks/useDataValue'\nimport {\n  Context as DataContext,\n  ContextState,\n  Provider,\n} from '../../DataContext'\nimport SectionContext from '../Section/SectionContext'\nimport useReportError from './useReportError'\nimport IsolationCommitButton from './IsolationCommitButton'\nimport IsolationResetButton from './IsolationResetButton'\nimport {\n  clearedData,\n  type Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport {\n  IsolationDataReference,\n  createDataReference,\n} from './IsolationDataReference'\nimport IsolatedContainer, { isolationError } from './IsolatedContainer'\nimport IsolationContext from './IsolationContext'\nimport type { OnCommit, Path } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So it's a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport type IsolationProviderProps<Data extends JsonObject> = {\n  /**\n   * Form.Isolation: Will be called when the isolated context is committed.\n   */\n  onCommit?: OnCommit<Data>\n  /**\n   * Form.Isolation: Will be called when the form is cleared via Form.clearData\n   */\n  onClear?: () => void\n  /**\n   * Form.Isolation: A function that will be called when the isolated context is committed.\n   * It will receive the data from the isolated context and the data from the outer context.\n   * You can use this to transform the data before it is committed.\n   */\n  transformOnCommit?: (isolatedData: Data, handlerData: Data) => JsonObject\n  /**\n   * Prevent the form from being submitted when there are fields with errors inside the Form.Isolation.\n   */\n  bubbleValidation?: boolean\n  /**\n   * Prevents uncommitted changes before the form is submitted. Will display an error message if user tries to submit without committing their changes.\n   */\n  preventUncommittedChanges?: boolean\n  /**\n   * If set to `true`, the Form.Isolation will reset its data context after committing the data to the outer context.\n   */\n  resetDataAfterCommit?: boolean\n  /**\n   * Provide a reference by using Form.Isolation.createDataReference.\n   */\n  dataReference?: IsolationDataReference\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  path?: Path\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  isolate?: boolean\n}\n\nexport type IsolationProps<Data extends JsonObject> = Omit<\n  ProviderProps<Data>,\n  | 'onSubmit'\n  | 'onSubmitRequest'\n  | 'onSubmitComplete'\n  | 'minimumAsyncBehaviorTime'\n  | 'asyncSubmitTimeout'\n  | 'scrollTopOnSubmit'\n  | 'sessionStorageId'\n  | 'globalStatusId'\n> & {\n  /**\n   * A ref (function) that you can call in order to commit the data programmatically to the outer context.\n   */\n  commitHandleRef?: React.MutableRefObject<() => void>\n}\n\nfunction IsolationProvider<Data extends JsonObject>(\n  props: IsolationProps<Data>\n) {\n  const [dataReferenceFallback] = useState<IsolationDataReference>(() => {\n    if (!props?.dataReference) {\n      return createDataReference()\n    }\n  })\n\n  const {\n    children,\n    onPathChange,\n    onCommit: onCommitProp,\n    onClear: onClearProp,\n    transformOnCommit: transformOnCommitProp,\n    commitHandleRef,\n    bubbleValidation,\n    preventUncommittedChanges,\n    data,\n    defaultData,\n    dataReference = dataReferenceFallback,\n    resetDataAfterCommit,\n  } = props\n\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const internalDataRef = useRef<Data>()\n  const localDataRef = useRef<Partial<Data>>({})\n  const dataContextRef = useRef<ContextState>(null)\n  const outerContext = useContext(DataContext)\n  const { path: pathSection } = useContext(SectionContext) || {}\n  const { handlePathChange: handlePathChangeOuter, data: dataOuter } =\n    outerContext || {}\n  const { moveValueToPath } = useDataValue()\n\n  const onPathChangeHandler = useCallback(\n    async (path: Path, value: unknown) => {\n      if (localDataRef.current === clearedData) {\n        localDataRef.current = {}\n      }\n\n      // Depending on the usage, we can get a path like so: \"/pushContainerItems/0/somePath\"\n      // where \"somePath\" is a frozen object. In order to still be able to modify it,\n      // pointer.set will unfreeze the object and then modify it. (Object.isFrozen(obj[tok]))\n\n      pointer.set(localDataRef.current, path, value)\n\n      if (pathSection) {\n        path = path.replace(pathSection, '')\n      }\n\n      return await onPathChange?.(path, value)\n    },\n    [onPathChange, pathSection]\n  )\n\n  const onUpdateDataValueHandler = useCallback(\n    async (\n      path: Path,\n      value: unknown,\n      { preventUpdate = undefined } = {}\n    ) => {\n      if (internalDataRef.current === clearedData) {\n        internalDataRef.current = {} as Data\n      }\n\n      pointer.set(internalDataRef.current, path, value)\n\n      if (!preventUpdate) {\n        forceUpdate()\n      }\n    },\n    []\n  )\n\n  const removeSectionPath = useCallback(\n    (data: Data) => {\n      return pathSection && pointer.has(data, pathSection)\n        ? pointer.get(data, pathSection)\n        : data\n    },\n    [pathSection]\n  )\n\n  const getMountedData = useCallback((data: Data) => {\n    const mounterData = {} as Data\n    dataContextRef.current?.mountedFieldsRef.current.forEach(\n      (field, path) => {\n        if (field.isMounted && pointer.has(data, path)) {\n          pointer.set(mounterData, path, pointer.get(data, path))\n        }\n      }\n    )\n    return mounterData\n  }, [])\n\n  useMountEffect(() => {\n    localDataRef.current = getMountedData(internalDataRef.current)\n  })\n\n  // Update the isolated data with the outside context data\n  useMemo(() => {\n    if (localDataRef.current === clearedData) {\n      return // stop here\n    }\n\n    let localData = data ?? defaultData\n\n    if (\n      localData &&\n      pathSection &&\n      !pointer.has(localDataRef.current, pathSection)\n    ) {\n      localData = moveValueToPath<Data>(pathSection, localData)\n    }\n\n    internalDataRef.current = Object.assign(\n      {},\n      localData || structuredClone(dataOuter) || {},\n      localDataRef.current\n    )\n  }, [data, defaultData, pathSection, dataOuter, moveValueToPath])\n\n  const onCommit: IsolationProps<Data>['onCommit'] = useCallback(\n    async (data: Data, additionalArgs) => {\n      const mountedData = getMountedData(data)\n      const path = props.path ?? '/'\n      const outerData =\n        props.path && pointer.has(dataOuter, path)\n          ? pointer.get(dataOuter, path)\n          : dataOuter\n\n      localDataRef.current = mountedData\n      let isolatedData = structuredClone(mountedData)\n\n      if (typeof transformOnCommitProp === 'function') {\n        isolatedData = transformOnCommitProp(isolatedData, outerData)\n      }\n\n      let stop = false\n      additionalArgs.preventCommit = () => (stop = true)\n\n      const commitData = removeSectionPath(isolatedData)\n      const result = isAsync(onCommitProp)\n        ? await onCommitProp?.(commitData, additionalArgs)\n        : onCommitProp?.(commitData, additionalArgs)\n\n      if (stop) {\n        return // stop here\n      }\n\n      // Commit the internal data to the nested context data\n      await handlePathChangeOuter?.(\n        path,\n        Array.isArray(isolatedData)\n          ? isolatedData\n          : extendDeep({}, outerData, isolatedData)\n      )\n\n      return result\n    },\n    [\n      getMountedData,\n      props.path,\n      dataOuter,\n      transformOnCommitProp,\n      handlePathChangeOuter,\n      onCommitProp,\n      removeSectionPath,\n    ]\n  )\n\n  const setIsolatedData = useCallback((data: Data) => {\n    localDataRef.current = data\n    internalDataRef.current = data\n  }, [])\n\n  const onClear = useCallback(() => {\n    setIsolatedData(clearedData as Data)\n    forceUpdate()\n    onClearProp?.()\n  }, [onClearProp, setIsolatedData])\n\n  const providerProps: IsolationProps<Data> = {\n    ...props,\n    [defaultData ? 'defaultData' : 'data']: internalDataRef.current,\n    onUpdateDataValue: onUpdateDataValueHandler,\n    onPathChange: onPathChangeHandler,\n    onCommit,\n    onClear,\n    isolate: true,\n  }\n\n  return (\n    <Provider {...providerProps}>\n      <IsolationContext.Provider\n        value={{\n          preventUncommittedChanges,\n          dataReference,\n          resetDataAfterCommit,\n          outerContext,\n          setIsolatedData,\n        }}\n      >\n        <DataContext.Consumer>\n          {(dataContext) => {\n            dataContextRef.current = dataContext\n\n            if (commitHandleRef) {\n              commitHandleRef.current = dataContext?.handleSubmit\n            }\n\n            return <IsolatedContainer>{children} </IsolatedContainer>\n          }}\n        </DataContext.Consumer>\n\n        {bubbleValidation && <BubbleValidation />}\n      </IsolationContext.Provider>\n    </Provider>\n  )\n}\n\nfunction BubbleValidation() {\n  const innerContext = useContext(DataContext)\n  const { outerContext } = useContext(IsolationContext)\n  const { setShowAllErrors } = innerContext\n\n  const setShowAllErrorsNested = useCallback(\n    (showAllErrors: boolean) => {\n      setShowAllErrors?.(showAllErrors)\n    },\n    [setShowAllErrors]\n  )\n\n  const { addSetShowAllErrorsRef } = outerContext || {}\n  if (!addSetShowAllErrorsRef?.current?.includes(setShowAllErrorsNested)) {\n    addSetShowAllErrorsRef?.current.push(setShowAllErrorsNested)\n  }\n\n  useReportError(\n    innerContext.hasErrors() ? isolationError : undefined,\n    outerContext,\n    'isolation'\n  )\n\n  return null\n}\n\nIsolationProvider.CommitButton = IsolationCommitButton\nIsolationProvider.ResetButton = IsolationResetButton\nIsolationProvider.createDataReference = createDataReference\nIsolationProvider._supportsSpacingProps = undefined\n\nexport default IsolationProvider\n"],"mappings":"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","ignoreList":[]}

package/extensions/forms/Form/Isolation/IsolationDataReference.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
 export type IsolationDataReference = {
-    refresh: () => void;
+    refresh: (options?: {
+        deferred?: boolean;
+    }) => void;
     update: (data: unknown) => void;
-    cleanup: () => void;
+    cleanup: (fn?: () => void) => void;
     snapshotRef: React.MutableRefObject<unknown>;
     eventsRef: React.MutableRefObject<Array<() => void>>;
 };

package/extensions/forms/Form/Isolation/IsolationDataReference.js

@@ -5,14 +5,30 @@ export function createDataReference() {
   const eventsRef = {
     current: []
   };
-  const refresh = () => {
-    eventsRef.current.forEach(fn => fn());
+  const refresh = function () {
+    let {
+      deferred = false
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    const update = () => eventsRef.current.forEach(fn => fn());
+    if (deferred && typeof window !== 'undefined') {
+      requestAnimationFrame(update);
+    } else {
+      update();
+    }
   };
   const update = data => {
     snapshotRef.current = data;
   };
-  const cleanup = () => {
-    eventsRef.current = [];
+  const cleanup = function () {
+    let fn = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    if (fn) {
+      const index = eventsRef.current.indexOf(fn);
+      if (index !== -1) {
+        eventsRef.current.splice(index, 1);
+      }
+    } else {
+      eventsRef.current = [];
+    }
   };
   return {
     refresh,

package/extensions/forms/Form/Isolation/IsolationDataReference.js.map

@@ -1 +1 @@
-{"version":3,"file":"IsolationDataReference.js","names":["createDataReference","snapshotRef","current","undefined","eventsRef","refresh","forEach","fn","update","data","cleanup"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationDataReference.ts"],"sourcesContent":["import React from 'react'\n\nexport type IsolationDataReference = {\n  refresh: () => void\n  update: (data: unknown) => void\n  cleanup: () => void\n  snapshotRef: React.MutableRefObject<unknown>\n  eventsRef: React.MutableRefObject<Array<() => void>>\n}\n\nexport function createDataReference(): IsolationDataReference {\n  const snapshotRef = { current: undefined }\n  const eventsRef = { current: [] }\n\n  const refresh: IsolationDataReference['refresh'] = () => {\n    eventsRef.current.forEach((fn) => fn())\n  }\n\n  const update: IsolationDataReference['update'] = (data) => {\n    snapshotRef.current = data\n  }\n\n  const cleanup: IsolationDataReference['cleanup'] = () => {\n    eventsRef.current = []\n  }\n\n  return {\n    refresh,\n    update,\n    cleanup,\n    snapshotRef,\n    eventsRef,\n  }\n}\n"],"mappings":"AAUA,OAAO,SAASA,mBAAmBA,CAAA,EAA2B;EAC5D,MAAMC,WAAW,GAAG;IAAEC,OAAO,EAAEC;EAAU,CAAC;EAC1C,MAAMC,SAAS,GAAG;IAAEF,OAAO,EAAE;EAAG,CAAC;EAEjC,MAAMG,OAA0C,GAAGA,CAAA,KAAM;IACvDD,SAAS,CAACF,OAAO,CAACI,OAAO,CAAEC,EAAE,IAAKA,EAAE,CAAC,CAAC,CAAC;EACzC,CAAC;EAED,MAAMC,MAAwC,GAAIC,IAAI,IAAK;IACzDR,WAAW,CAACC,OAAO,GAAGO,IAAI;EAC5B,CAAC;EAED,MAAMC,OAA0C,GAAGA,CAAA,KAAM;IACvDN,SAAS,CAACF,OAAO,GAAG,EAAE;EACxB,CAAC;EAED,OAAO;IACLG,OAAO;IACPG,MAAM;IACNE,OAAO;IACPT,WAAW;IACXG;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"file":"IsolationDataReference.js","names":["createDataReference","snapshotRef","current","undefined","eventsRef","refresh","deferred","arguments","length","update","forEach","fn","window","requestAnimationFrame","data","cleanup","index","indexOf","splice"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationDataReference.ts"],"sourcesContent":["import React from 'react'\n\nexport type IsolationDataReference = {\n  refresh: (options?: { deferred?: boolean }) => void\n  update: (data: unknown) => void\n  cleanup: (fn?: () => void) => void\n  snapshotRef: React.MutableRefObject<unknown>\n  eventsRef: React.MutableRefObject<Array<() => void>>\n}\n\nexport function createDataReference(): IsolationDataReference {\n  const snapshotRef = { current: undefined }\n  const eventsRef = { current: [] }\n\n  const refresh: IsolationDataReference['refresh'] = ({\n    deferred = false,\n  } = {}) => {\n    const update = () => eventsRef.current.forEach((fn) => fn())\n    if (deferred && typeof window !== 'undefined') {\n      requestAnimationFrame(update)\n    } else {\n      update()\n    }\n  }\n\n  const update: IsolationDataReference['update'] = (data) => {\n    snapshotRef.current = data\n  }\n\n  const cleanup: IsolationDataReference['cleanup'] = (fn = null) => {\n    if (fn) {\n      const index = eventsRef.current.indexOf(fn)\n      if (index !== -1) {\n        eventsRef.current.splice(index, 1)\n      }\n    } else {\n      eventsRef.current = []\n    }\n  }\n\n  return {\n    refresh,\n    update,\n    cleanup,\n    snapshotRef,\n    eventsRef,\n  }\n}\n"],"mappings":"AAUA,OAAO,SAASA,mBAAmBA,CAAA,EAA2B;EAC5D,MAAMC,WAAW,GAAG;IAAEC,OAAO,EAAEC;EAAU,CAAC;EAC1C,MAAMC,SAAS,GAAG;IAAEF,OAAO,EAAE;EAAG,CAAC;EAEjC,MAAMG,OAA0C,GAAG,SAAAA,CAAA,EAExC;IAAA,IAFyC;MAClDC,QAAQ,GAAG;IACb,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAJ,SAAA,GAAAI,SAAA,MAAG,CAAC,CAAC;IACJ,MAAME,MAAM,GAAGA,CAAA,KAAML,SAAS,CAACF,OAAO,CAACQ,OAAO,CAAEC,EAAE,IAAKA,EAAE,CAAC,CAAC,CAAC;IAC5D,IAAIL,QAAQ,IAAI,OAAOM,MAAM,KAAK,WAAW,EAAE;MAC7CC,qBAAqB,CAACJ,MAAM,CAAC;IAC/B,CAAC,MAAM;MACLA,MAAM,CAAC,CAAC;IACV;EACF,CAAC;EAED,MAAMA,MAAwC,GAAIK,IAAI,IAAK;IACzDb,WAAW,CAACC,OAAO,GAAGY,IAAI;EAC5B,CAAC;EAED,MAAMC,OAA0C,GAAG,SAAAA,CAAA,EAAe;IAAA,IAAdJ,EAAE,GAAAJ,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAJ,SAAA,GAAAI,SAAA,MAAG,IAAI;IAC3D,IAAII,EAAE,EAAE;MACN,MAAMK,KAAK,GAAGZ,SAAS,CAACF,OAAO,CAACe,OAAO,CAACN,EAAE,CAAC;MAC3C,IAAIK,KAAK,KAAK,CAAC,CAAC,EAAE;QAChBZ,SAAS,CAACF,OAAO,CAACgB,MAAM,CAACF,KAAK,EAAE,CAAC,CAAC;MACpC;IACF,CAAC,MAAM;MACLZ,SAAS,CAACF,OAAO,GAAG,EAAE;IACxB;EACF,CAAC;EAED,OAAO;IACLG,OAAO;IACPI,MAAM;IACNM,OAAO;IACPd,WAAW;IACXG;EACF,CAAC;AACH","ignoreList":[]}

package/extensions/forms/Form/Isolation/IsolationResetButton.js

@@ -49,7 +49,8 @@ export default function IsolationResetButton(props) {
   } = useHandleStatus({
     outerContext,
     preventUncommittedChanges,
-    error: isolationError
+    error: isolationError,
+    name: 'isolation-reset-button'
   });
   const buttonProps = omitDataValueReadWriteProps(restProps);
   const {

package/extensions/forms/Form/Isolation/IsolationResetButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IsolationResetButton.js","names":["React","useCallback","useContext","classnames","Button","Dialog","useTranslation","FieldBoundaryContext","reset","useHasContentChanged","omitDataValueReadWriteProps","useDataContextSnapshot","useHandleStatus","isolationError","IsolationContext","IsolationResetButton","props","text","children","onClick","className","hidden","showConfirmDialog","showWhen","restProps","_objectWithoutProperties","_excluded","outerContext","preventUncommittedChanges","setShowBoundaryErrors","handleReset","enabled","hasContentChanged","showStatus","showCommitStatus","error","buttonProps","resetButton","IterateEditContainer","confirmResetText","textContent","buttonWrapperRef","useRef","handleClick","_ref","_buttonWrapperRef$cur","close","event","current","focus","triggerAttributes","_objectSpread","variant","icon","icon_position","disabled","createElement","tabIndex","ref","Boolean","title","onConfirm","_extends","on_click"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationResetButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button, Dialog } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { reset } from '../../../../icons'\nimport { ButtonProps } from '../../../../components/Button'\nimport useHasContentChanged from './useHasContentChanged'\nimport { omitDataValueReadWriteProps } from '../../types'\nimport useDataContextSnapshot from './useDataContextSnapshot'\nimport useHandleStatus from './useHandleStatus'\nimport { isolationError } from './IsolatedContainer'\nimport IsolationContext from './IsolationContext'\n\ntype Props = ButtonProps & {\n  showConfirmDialog?: boolean\n  showWhen?: 'uncommittedChangeDetected'\n}\n\nexport default function IsolationResetButton(props: Props) {\n  const {\n    text,\n    children,\n    onClick,\n    className,\n    hidden,\n    showConfirmDialog = true,\n    showWhen,\n    ...restProps\n  } = props\n\n  const { outerContext, preventUncommittedChanges } =\n    useContext(IsolationContext)\n  const { setShowBoundaryErrors } = useContext(FieldBoundaryContext) || {}\n\n  const { handleReset } = useDataContextSnapshot({ enabled: true })\n  const { hasContentChanged } = useHasContentChanged()\n  const { showStatus: showCommitStatus } = useHandleStatus({\n    outerContext,\n    preventUncommittedChanges,\n    error: isolationError,\n  })\n\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n  const { resetButton } = useTranslation().IterateEditContainer\n  const { confirmResetText } = useTranslation().IterateEditContainer\n  const textContent = text || children || resetButton\n\n  const buttonWrapperRef = React.useRef<HTMLButtonElement>(null)\n  const handleClick = useCallback(\n    ({ close, event }) => {\n      close?.()\n      onClick?.(event)\n      handleReset()\n      setShowBoundaryErrors?.(false)\n      buttonWrapperRef.current?.focus()\n    },\n    [onClick, handleReset, setShowBoundaryErrors]\n  )\n\n  if (hidden) {\n    return null\n  }\n\n  const triggerAttributes: ButtonProps = {\n    className: classnames('dnb-forms-isolate__reset-button', className),\n    text: textContent,\n    variant: textContent ? 'tertiary' : 'secondary',\n    icon: reset,\n    icon_position: 'left',\n    disabled:\n      typeof hasContentChanged === 'boolean' ? !hasContentChanged : false,\n    ...buttonProps,\n  }\n\n  return (\n    <span\n      tabIndex={-1}\n      ref={buttonWrapperRef}\n      className=\"dnb-no-focus\"\n      hidden={\n        !(showWhen === 'uncommittedChangeDetected'\n          ? Boolean(showCommitStatus)\n          : true)\n      }\n    >\n      {showConfirmDialog ? (\n        <Dialog\n          variant=\"confirmation\"\n          title={confirmResetText}\n          triggerAttributes={triggerAttributes}\n          onConfirm={handleClick}\n        />\n      ) : (\n        <Button\n          {...triggerAttributes}\n          on_click={handleClick}\n          {...buttonProps}\n        >\n          {resetButton}\n        </Button>\n      )}\n    </span>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"IsolationResetButton.js","names":["React","useCallback","useContext","classnames","Button","Dialog","useTranslation","FieldBoundaryContext","reset","useHasContentChanged","omitDataValueReadWriteProps","useDataContextSnapshot","useHandleStatus","isolationError","IsolationContext","IsolationResetButton","props","text","children","onClick","className","hidden","showConfirmDialog","showWhen","restProps","_objectWithoutProperties","_excluded","outerContext","preventUncommittedChanges","setShowBoundaryErrors","handleReset","enabled","hasContentChanged","showStatus","showCommitStatus","error","name","buttonProps","resetButton","IterateEditContainer","confirmResetText","textContent","buttonWrapperRef","useRef","handleClick","_ref","_buttonWrapperRef$cur","close","event","current","focus","triggerAttributes","_objectSpread","variant","icon","icon_position","disabled","createElement","tabIndex","ref","Boolean","title","onConfirm","_extends","on_click"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/IsolationResetButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button, Dialog } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { reset } from '../../../../icons'\nimport { ButtonProps } from '../../../../components/Button'\nimport useHasContentChanged from './useHasContentChanged'\nimport { omitDataValueReadWriteProps } from '../../types'\nimport useDataContextSnapshot from './useDataContextSnapshot'\nimport useHandleStatus from './useHandleStatus'\nimport { isolationError } from './IsolatedContainer'\nimport IsolationContext from './IsolationContext'\n\ntype Props = ButtonProps & {\n  showConfirmDialog?: boolean\n  showWhen?: 'uncommittedChangeDetected'\n}\n\nexport default function IsolationResetButton(props: Props) {\n  const {\n    text,\n    children,\n    onClick,\n    className,\n    hidden,\n    showConfirmDialog = true,\n    showWhen,\n    ...restProps\n  } = props\n\n  const { outerContext, preventUncommittedChanges } =\n    useContext(IsolationContext)\n  const { setShowBoundaryErrors } = useContext(FieldBoundaryContext) || {}\n\n  const { handleReset } = useDataContextSnapshot({ enabled: true })\n  const { hasContentChanged } = useHasContentChanged()\n  const { showStatus: showCommitStatus } = useHandleStatus({\n    outerContext,\n    preventUncommittedChanges,\n    error: isolationError,\n    name: 'isolation-reset-button',\n  })\n\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n  const { resetButton } = useTranslation().IterateEditContainer\n  const { confirmResetText } = useTranslation().IterateEditContainer\n  const textContent = text || children || resetButton\n\n  const buttonWrapperRef = React.useRef<HTMLButtonElement>(null)\n  const handleClick = useCallback(\n    ({ close, event }) => {\n      close?.()\n      onClick?.(event)\n      handleReset()\n      setShowBoundaryErrors?.(false)\n      buttonWrapperRef.current?.focus()\n    },\n    [onClick, handleReset, setShowBoundaryErrors]\n  )\n\n  if (hidden) {\n    return null\n  }\n\n  const triggerAttributes: ButtonProps = {\n    className: classnames('dnb-forms-isolate__reset-button', className),\n    text: textContent,\n    variant: textContent ? 'tertiary' : 'secondary',\n    icon: reset,\n    icon_position: 'left',\n    disabled:\n      typeof hasContentChanged === 'boolean' ? !hasContentChanged : false,\n    ...buttonProps,\n  }\n\n  return (\n    <span\n      tabIndex={-1}\n      ref={buttonWrapperRef}\n      className=\"dnb-no-focus\"\n      hidden={\n        !(showWhen === 'uncommittedChangeDetected'\n          ? Boolean(showCommitStatus)\n          : true)\n      }\n    >\n      {showConfirmDialog ? (\n        <Dialog\n          variant=\"confirmation\"\n          title={confirmResetText}\n          triggerAttributes={triggerAttributes}\n          onConfirm={handleClick}\n        />\n      ) : (\n        <Button\n          {...triggerAttributes}\n          on_click={handleClick}\n          {...buttonProps}\n        >\n          {resetButton}\n        </Button>\n      )}\n    </span>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/extensions/forms/Form/Isolation/useDataContextSnapshot.js

@@ -3,6 +3,7 @@
 import "core-js/modules/web.dom-collections.iterator.js";
 import { useCallback, useContext, useEffect, useReducer, useState } from 'react';
 import DataContext from '../../DataContext/Context';
+import WizardContext from '../../Wizard/Context';
 import IsolationContext from './IsolationContext';
 import { createDataReference } from './IsolationDataReference';
 import structuredClone from '@ungap/structured-clone';
@@ -16,6 +17,7 @@ export default function useDataContextSnapshot() {
     setData
   } = useContext(DataContext);
   const isolationContext = useContext(IsolationContext);
+  const hasWizard = Boolean(useContext(WizardContext));
   const [dataReferenceFallback] = useState(() => {
     if (enabled && !(isolationContext !== null && isolationContext !== void 0 && isolationContext.dataReference)) {
       return createDataReference();
@@ -32,25 +34,30 @@ export default function useDataContextSnapshot() {
     refresh,
     cleanup
   } = dataReference || {};
+  const updateHandler = useCallback(function () {
+    let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    update(data || structuredClone(internalDataRef === null || internalDataRef === void 0 ? void 0 : internalDataRef.current));
+    forceUpdate();
+  }, [internalDataRef, update]);
   useEffect(() => {
     if (enabled && eventsRef) {
-      eventsRef.current.push(() => {
-        update(structuredClone(internalDataRef === null || internalDataRef === void 0 ? void 0 : internalDataRef.current));
-        forceUpdate();
+      eventsRef.current.push(updateHandler);
+      refresh({
+        deferred: hasWizard
       });
-      refresh();
     }
-    return () => cleanup === null || cleanup === void 0 ? void 0 : cleanup();
-  }, [cleanup, enabled, eventsRef, internalDataRef, refresh, update]);
+    return () => cleanup === null || cleanup === void 0 ? void 0 : cleanup(updateHandler);
+  }, [cleanup, enabled, eventsRef, hasWizard, refresh, updateHandler]);
   const handleReset = useCallback(() => {
     window.requestAnimationFrame(() => {
       if (snapshotRef) {
         const data = structuredClone(snapshotRef.current);
-        setData(data);
         setIsolatedData(data);
+        setData(data);
+        updateHandler(data);
       }
     });
-  }, [setData, setIsolatedData, snapshotRef]);
+  }, [setData, setIsolatedData, snapshotRef, updateHandler]);
   return {
     handleReset,
     snapshotRef

package/extensions/forms/Form/Isolation/useDataContextSnapshot.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDataContextSnapshot.js","names":["useCallback","useContext","useEffect","useReducer","useState","DataContext","IsolationContext","createDataReference","structuredClone","useDataContextSnapshot","enabled","arguments","length","undefined","forceUpdate","internalDataRef","setData","isolationContext","dataReferenceFallback","dataReference","setIsolatedData","snapshotRef","eventsRef","update","refresh","cleanup","current","push","handleReset","window","requestAnimationFrame","data"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useDataContextSnapshot.ts"],"sourcesContent":["import {\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useState,\n} from 'react'\nimport DataContext from '../../DataContext/Context'\nimport IsolationContext from './IsolationContext'\nimport { createDataReference } from './IsolationDataReference'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport default function useDataContextSnapshot({\n  enabled,\n}: {\n  enabled?: boolean\n} = {}) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { internalDataRef, setData } = useContext(DataContext)\n  const isolationContext = useContext(IsolationContext)\n  const [dataReferenceFallback] = useState(() => {\n    if (enabled && !isolationContext?.dataReference) {\n      return createDataReference()\n    }\n  })\n  const { dataReference = dataReferenceFallback, setIsolatedData } =\n    isolationContext || {}\n  const { snapshotRef, eventsRef, update, refresh, cleanup } =\n    dataReference || {}\n\n  useEffect(() => {\n    if (enabled && eventsRef) {\n      eventsRef.current.push(() => {\n        update(structuredClone(internalDataRef?.current))\n        forceUpdate()\n      })\n      refresh()\n    }\n\n    return () => cleanup?.()\n  }, [cleanup, enabled, eventsRef, internalDataRef, refresh, update])\n\n  const handleReset = useCallback(() => {\n    window.requestAnimationFrame(() => {\n      if (snapshotRef) {\n        const data = structuredClone(snapshotRef.current)\n        setData(data)\n        setIsolatedData(data)\n      }\n    }) // To actually reset the data without influence the data we are about to push, we need to wait for the next frame\n  }, [setData, setIsolatedData, snapshotRef])\n\n  return { handleReset, snapshotRef }\n}\n"],"mappings":";;;AAAA,SACEA,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,QAAQ,QACH,OAAO;AACd,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,mBAAmB,QAAQ,0BAA0B;AAM9D,OAAOC,eAAe,MAAM,yBAAyB;AAErD,eAAe,SAASC,sBAAsBA,CAAA,EAItC;EAAA,IAJuC;IAC7CC;EAGF,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACJ,MAAM,GAAGG,WAAW,CAAC,GAAGX,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IAAEY,eAAe;IAAEC;EAAQ,CAAC,GAAGf,UAAU,CAACI,WAAW,CAAC;EAC5D,MAAMY,gBAAgB,GAAGhB,UAAU,CAACK,gBAAgB,CAAC;EACrD,MAAM,CAACY,qBAAqB,CAAC,GAAGd,QAAQ,CAAC,MAAM;IAC7C,IAAIM,OAAO,IAAI,EAACO,gBAAgB,aAAhBA,gBAAgB,eAAhBA,gBAAgB,CAAEE,aAAa,GAAE;MAC/C,OAAOZ,mBAAmB,CAAC,CAAC;IAC9B;EACF,CAAC,CAAC;EACF,MAAM;IAAEY,aAAa,GAAGD,qBAAqB;IAAEE;EAAgB,CAAC,GAC9DH,gBAAgB,IAAI,CAAC,CAAC;EACxB,MAAM;IAAEI,WAAW;IAAEC,SAAS;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GACxDN,aAAa,IAAI,CAAC,CAAC;EAErBjB,SAAS,CAAC,MAAM;IACd,IAAIQ,OAAO,IAAIY,SAAS,EAAE;MACxBA,SAAS,CAACI,OAAO,CAACC,IAAI,CAAC,MAAM;QAC3BJ,MAAM,CAACf,eAAe,CAACO,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEW,OAAO,CAAC,CAAC;QACjDZ,WAAW,CAAC,CAAC;MACf,CAAC,CAAC;MACFU,OAAO,CAAC,CAAC;IACX;IAEA,OAAO,MAAMC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAG,CAAC;EAC1B,CAAC,EAAE,CAACA,OAAO,EAAEf,OAAO,EAAEY,SAAS,EAAEP,eAAe,EAAES,OAAO,EAAED,MAAM,CAAC,CAAC;EAEnE,MAAMK,WAAW,GAAG5B,WAAW,CAAC,MAAM;IACpC6B,MAAM,CAACC,qBAAqB,CAAC,MAAM;MACjC,IAAIT,WAAW,EAAE;QACf,MAAMU,IAAI,GAAGvB,eAAe,CAACa,WAAW,CAACK,OAAO,CAAC;QACjDV,OAAO,CAACe,IAAI,CAAC;QACbX,eAAe,CAACW,IAAI,CAAC;MACvB;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACf,OAAO,EAAEI,eAAe,EAAEC,WAAW,CAAC,CAAC;EAE3C,OAAO;IAAEO,WAAW;IAAEP;EAAY,CAAC;AACrC","ignoreList":[]}
+{"version":3,"file":"useDataContextSnapshot.js","names":["useCallback","useContext","useEffect","useReducer","useState","DataContext","WizardContext","IsolationContext","createDataReference","structuredClone","useDataContextSnapshot","enabled","arguments","length","undefined","forceUpdate","internalDataRef","setData","isolationContext","hasWizard","Boolean","dataReferenceFallback","dataReference","setIsolatedData","snapshotRef","eventsRef","update","refresh","cleanup","updateHandler","data","current","push","deferred","handleReset","window","requestAnimationFrame"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useDataContextSnapshot.ts"],"sourcesContent":["import {\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useState,\n} from 'react'\nimport DataContext from '../../DataContext/Context'\nimport WizardContext from '../../Wizard/Context'\nimport IsolationContext from './IsolationContext'\nimport { createDataReference } from './IsolationDataReference'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport default function useDataContextSnapshot({\n  enabled,\n}: {\n  enabled?: boolean\n} = {}) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { internalDataRef, setData } = useContext(DataContext)\n  const isolationContext = useContext(IsolationContext)\n  const hasWizard = Boolean(useContext(WizardContext))\n  const [dataReferenceFallback] = useState(() => {\n    if (enabled && !isolationContext?.dataReference) {\n      return createDataReference()\n    }\n  })\n  const { dataReference = dataReferenceFallback, setIsolatedData } =\n    isolationContext || {}\n  const { snapshotRef, eventsRef, update, refresh, cleanup } =\n    dataReference || {}\n\n  const updateHandler = useCallback(\n    (data = null) => {\n      update(data || structuredClone(internalDataRef?.current))\n      forceUpdate() // Ensure the hasContentChanged hook gets updated\n    },\n    [internalDataRef, update]\n  )\n\n  useEffect(() => {\n    if (enabled && eventsRef) {\n      eventsRef.current.push(updateHandler)\n\n      // Also run refresh again and wait for the Wizard to finish prerendering,\n      // in case there are fields in steps beyond the current one.\n      refresh({ deferred: hasWizard })\n    }\n\n    return () => cleanup?.(updateHandler)\n  }, [cleanup, enabled, eventsRef, hasWizard, refresh, updateHandler])\n\n  const handleReset = useCallback(() => {\n    window.requestAnimationFrame(() => {\n      if (snapshotRef) {\n        const data = structuredClone(snapshotRef.current)\n        setIsolatedData(data)\n        setData(data)\n        updateHandler(data)\n      }\n    }) // To actually reset the data without influence the data we are about to push, we need to wait for the next frame\n  }, [setData, setIsolatedData, snapshotRef, updateHandler])\n\n  return { handleReset, snapshotRef }\n}\n"],"mappings":";;;AAAA,SACEA,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,QAAQ,QACH,OAAO;AACd,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,aAAa,MAAM,sBAAsB;AAChD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,mBAAmB,QAAQ,0BAA0B;AAM9D,OAAOC,eAAe,MAAM,yBAAyB;AAErD,eAAe,SAASC,sBAAsBA,CAAA,EAItC;EAAA,IAJuC;IAC7CC;EAGF,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACJ,MAAM,GAAGG,WAAW,CAAC,GAAGZ,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IAAEa,eAAe;IAAEC;EAAQ,CAAC,GAAGhB,UAAU,CAACI,WAAW,CAAC;EAC5D,MAAMa,gBAAgB,GAAGjB,UAAU,CAACM,gBAAgB,CAAC;EACrD,MAAMY,SAAS,GAAGC,OAAO,CAACnB,UAAU,CAACK,aAAa,CAAC,CAAC;EACpD,MAAM,CAACe,qBAAqB,CAAC,GAAGjB,QAAQ,CAAC,MAAM;IAC7C,IAAIO,OAAO,IAAI,EAACO,gBAAgB,aAAhBA,gBAAgB,eAAhBA,gBAAgB,CAAEI,aAAa,GAAE;MAC/C,OAAOd,mBAAmB,CAAC,CAAC;IAC9B;EACF,CAAC,CAAC;EACF,MAAM;IAAEc,aAAa,GAAGD,qBAAqB;IAAEE;EAAgB,CAAC,GAC9DL,gBAAgB,IAAI,CAAC,CAAC;EACxB,MAAM;IAAEM,WAAW;IAAEC,SAAS;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GACxDN,aAAa,IAAI,CAAC,CAAC;EAErB,MAAMO,aAAa,GAAG7B,WAAW,CAC/B,YAAiB;IAAA,IAAhB8B,IAAI,GAAAlB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;IACVc,MAAM,CAACI,IAAI,IAAIrB,eAAe,CAACO,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEe,OAAO,CAAC,CAAC;IACzDhB,WAAW,CAAC,CAAC;EACf,CAAC,EACD,CAACC,eAAe,EAAEU,MAAM,CAC1B,CAAC;EAEDxB,SAAS,CAAC,MAAM;IACd,IAAIS,OAAO,IAAIc,SAAS,EAAE;MACxBA,SAAS,CAACM,OAAO,CAACC,IAAI,CAACH,aAAa,CAAC;MAIrCF,OAAO,CAAC;QAAEM,QAAQ,EAAEd;MAAU,CAAC,CAAC;IAClC;IAEA,OAAO,MAAMS,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGC,aAAa,CAAC;EACvC,CAAC,EAAE,CAACD,OAAO,EAAEjB,OAAO,EAAEc,SAAS,EAAEN,SAAS,EAAEQ,OAAO,EAAEE,aAAa,CAAC,CAAC;EAEpE,MAAMK,WAAW,GAAGlC,WAAW,CAAC,MAAM;IACpCmC,MAAM,CAACC,qBAAqB,CAAC,MAAM;MACjC,IAAIZ,WAAW,EAAE;QACf,MAAMM,IAAI,GAAGrB,eAAe,CAACe,WAAW,CAACO,OAAO,CAAC;QACjDR,eAAe,CAACO,IAAI,CAAC;QACrBb,OAAO,CAACa,IAAI,CAAC;QACbD,aAAa,CAACC,IAAI,CAAC;MACrB;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACb,OAAO,EAAEM,eAAe,EAAEC,WAAW,EAAEK,aAAa,CAAC,CAAC;EAE1D,OAAO;IAAEK,WAAW;IAAEV;EAAY,CAAC;AACrC","ignoreList":[]}

package/extensions/forms/Form/Isolation/useHandleStatus.d.ts

@@ -1,8 +1,9 @@
 import { ContextState } from '../../DataContext';
-export default function useHandleStatus({ outerContext, preventUncommittedChanges, error, }: {
+export default function useHandleStatus({ outerContext, preventUncommittedChanges, error, name, }: {
     outerContext: ContextState;
     preventUncommittedChanges: boolean;
     error: Error;
+    name?: string;
 }): {
     hasContentChanged: boolean;
     showStatus: any;

package/extensions/forms/Form/Isolation/useHandleStatus.js

@@ -8,12 +8,19 @@ export default function useHandleStatus(_ref) {
   let {
     outerContext,
     preventUncommittedChanges,
-    error
+    error,
+    name
   } = _ref;
   const {
     hasContentChanged
-  } = useHasContentChanged();
-  useReportError(preventUncommittedChanges && hasContentChanged ? error : undefined, outerContext);
+  } = useHasContentChanged({
+    enabled: preventUncommittedChanges
+  });
+  let errorToReport = undefined;
+  if (preventUncommittedChanges && hasContentChanged) {
+    errorToReport = error;
+  }
+  useReportError(errorToReport, outerContext, name);
   const showStatus = useShowStatus({
     outerContext,
     hasContentChanged,

package/extensions/forms/Form/Isolation/useHandleStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHandleStatus.js","names":["useEffect","useRef","useState","useHasContentChanged","useReportError","useHandleStatus","_ref","outerContext","preventUncommittedChanges","error","hasContentChanged","undefined","showStatus","useShowStatus","_ref2","showAllErrors","setShowStatus","showRef","current"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useHandleStatus.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { ContextState } from '../../DataContext'\nimport useHasContentChanged from './useHasContentChanged'\nimport useReportError from './useReportError'\n\nexport default function useHandleStatus({\n  outerContext,\n  preventUncommittedChanges,\n  error,\n}: {\n  outerContext: ContextState\n  preventUncommittedChanges: boolean\n  error: Error\n}) {\n  const { hasContentChanged } = useHasContentChanged()\n\n  useReportError(\n    preventUncommittedChanges && hasContentChanged ? error : undefined,\n    outerContext\n  )\n\n  const showStatus = useShowStatus({\n    outerContext,\n    hasContentChanged,\n    preventUncommittedChanges,\n  })\n\n  return { hasContentChanged, showStatus }\n}\n\n// This hook/state is used to not show the status right away, after the user has cleared the PushContainer data.\nfunction useShowStatus({\n  outerContext,\n  hasContentChanged,\n  preventUncommittedChanges,\n}) {\n  const showAllErrors = outerContext?.showAllErrors\n  const [showStatus, setShowStatus] = useState(showAllErrors)\n  const showRef = useRef(showAllErrors)\n\n  useEffect(() => {\n    if (!preventUncommittedChanges) {\n      return // stop here\n    }\n\n    if (!hasContentChanged) {\n      setShowStatus(false)\n    } else {\n      if (showRef.current !== showAllErrors) {\n        setShowStatus(showAllErrors)\n      }\n    }\n    showRef.current = showAllErrors\n  }, [hasContentChanged, preventUncommittedChanges, showAllErrors])\n\n  return showStatus\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAEnD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,eAAe,SAASC,eAAeA,CAAAC,IAAA,EAQpC;EAAA,IARqC;IACtCC,YAAY;IACZC,yBAAyB;IACzBC;EAKF,CAAC,GAAAH,IAAA;EACC,MAAM;IAAEI;EAAkB,CAAC,GAAGP,oBAAoB,CAAC,CAAC;EAEpDC,cAAc,CACZI,yBAAyB,IAAIE,iBAAiB,GAAGD,KAAK,GAAGE,SAAS,EAClEJ,YACF,CAAC;EAED,MAAMK,UAAU,GAAGC,aAAa,CAAC;IAC/BN,YAAY;IACZG,iBAAiB;IACjBF;EACF,CAAC,CAAC;EAEF,OAAO;IAAEE,iBAAiB;IAAEE;EAAW,CAAC;AAC1C;AAGA,SAASC,aAAaA,CAAAC,KAAA,EAInB;EAAA,IAJoB;IACrBP,YAAY;IACZG,iBAAiB;IACjBF;EACF,CAAC,GAAAM,KAAA;EACC,MAAMC,aAAa,GAAGR,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEQ,aAAa;EACjD,MAAM,CAACH,UAAU,EAAEI,aAAa,CAAC,GAAGd,QAAQ,CAACa,aAAa,CAAC;EAC3D,MAAME,OAAO,GAAGhB,MAAM,CAACc,aAAa,CAAC;EAErCf,SAAS,CAAC,MAAM;IACd,IAAI,CAACQ,yBAAyB,EAAE;MAC9B;IACF;IAEA,IAAI,CAACE,iBAAiB,EAAE;MACtBM,aAAa,CAAC,KAAK,CAAC;IACtB,CAAC,MAAM;MACL,IAAIC,OAAO,CAACC,OAAO,KAAKH,aAAa,EAAE;QACrCC,aAAa,CAACD,aAAa,CAAC;MAC9B;IACF;IACAE,OAAO,CAACC,OAAO,GAAGH,aAAa;EACjC,CAAC,EAAE,CAACL,iBAAiB,EAAEF,yBAAyB,EAAEO,aAAa,CAAC,CAAC;EAEjE,OAAOH,UAAU;AACnB","ignoreList":[]}
+{"version":3,"file":"useHandleStatus.js","names":["useEffect","useRef","useState","useHasContentChanged","useReportError","useHandleStatus","_ref","outerContext","preventUncommittedChanges","error","name","hasContentChanged","enabled","errorToReport","undefined","showStatus","useShowStatus","_ref2","showAllErrors","setShowStatus","showRef","current"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useHandleStatus.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { ContextState } from '../../DataContext'\nimport useHasContentChanged from './useHasContentChanged'\nimport useReportError from './useReportError'\n\nexport default function useHandleStatus({\n  outerContext,\n  preventUncommittedChanges,\n  error,\n  name,\n}: {\n  outerContext: ContextState\n  preventUncommittedChanges: boolean\n  error: Error\n  name?: string\n}) {\n  const { hasContentChanged } = useHasContentChanged({\n    enabled: preventUncommittedChanges,\n  })\n\n  let errorToReport = undefined\n  if (preventUncommittedChanges && hasContentChanged) {\n    errorToReport = error\n  }\n  useReportError(errorToReport, outerContext, name)\n\n  const showStatus = useShowStatus({\n    outerContext,\n    hasContentChanged,\n    preventUncommittedChanges,\n  })\n\n  return { hasContentChanged, showStatus }\n}\n\n// This hook/state is used to not show the status right away, after the user has cleared the PushContainer data.\nfunction useShowStatus({\n  outerContext,\n  hasContentChanged,\n  preventUncommittedChanges,\n}) {\n  const showAllErrors = outerContext?.showAllErrors\n  const [showStatus, setShowStatus] = useState(showAllErrors)\n  const showRef = useRef(showAllErrors)\n\n  useEffect(() => {\n    if (!preventUncommittedChanges) {\n      return // stop here\n    }\n\n    if (!hasContentChanged) {\n      setShowStatus(false)\n    } else {\n      if (showRef.current !== showAllErrors) {\n        setShowStatus(showAllErrors)\n      }\n    }\n    showRef.current = showAllErrors\n  }, [hasContentChanged, preventUncommittedChanges, showAllErrors])\n\n  return showStatus\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAEnD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,eAAe,SAASC,eAAeA,CAAAC,IAAA,EAUpC;EAAA,IAVqC;IACtCC,YAAY;IACZC,yBAAyB;IACzBC,KAAK;IACLC;EAMF,CAAC,GAAAJ,IAAA;EACC,MAAM;IAAEK;EAAkB,CAAC,GAAGR,oBAAoB,CAAC;IACjDS,OAAO,EAAEJ;EACX,CAAC,CAAC;EAEF,IAAIK,aAAa,GAAGC,SAAS;EAC7B,IAAIN,yBAAyB,IAAIG,iBAAiB,EAAE;IAClDE,aAAa,GAAGJ,KAAK;EACvB;EACAL,cAAc,CAACS,aAAa,EAAEN,YAAY,EAAEG,IAAI,CAAC;EAEjD,MAAMK,UAAU,GAAGC,aAAa,CAAC;IAC/BT,YAAY;IACZI,iBAAiB;IACjBH;EACF,CAAC,CAAC;EAEF,OAAO;IAAEG,iBAAiB;IAAEI;EAAW,CAAC;AAC1C;AAGA,SAASC,aAAaA,CAAAC,KAAA,EAInB;EAAA,IAJoB;IACrBV,YAAY;IACZI,iBAAiB;IACjBH;EACF,CAAC,GAAAS,KAAA;EACC,MAAMC,aAAa,GAAGX,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEW,aAAa;EACjD,MAAM,CAACH,UAAU,EAAEI,aAAa,CAAC,GAAGjB,QAAQ,CAACgB,aAAa,CAAC;EAC3D,MAAME,OAAO,GAAGnB,MAAM,CAACiB,aAAa,CAAC;EAErClB,SAAS,CAAC,MAAM;IACd,IAAI,CAACQ,yBAAyB,EAAE;MAC9B;IACF;IAEA,IAAI,CAACG,iBAAiB,EAAE;MACtBQ,aAAa,CAAC,KAAK,CAAC;IACtB,CAAC,MAAM;MACL,IAAIC,OAAO,CAACC,OAAO,KAAKH,aAAa,EAAE;QACrCC,aAAa,CAACD,aAAa,CAAC;MAC9B;IACF;IACAE,OAAO,CAACC,OAAO,GAAGH,aAAa;EACjC,CAAC,EAAE,CAACP,iBAAiB,EAAEH,yBAAyB,EAAEU,aAAa,CAAC,CAAC;EAEjE,OAAOH,UAAU;AACnB","ignoreList":[]}

package/extensions/forms/Form/Isolation/useHasContentChanged.d.ts

@@ -1,3 +1,5 @@
-export default function useHasContentChanged(): {
+export default function useHasContentChanged({ enabled, }?: {
+    enabled?: boolean;
+}): {
     hasContentChanged: boolean;
 };

package/extensions/forms/Form/Isolation/useHasContentChanged.js

@@ -5,13 +5,16 @@ import pointer from '../../utils/json-pointer';
 import DataContext from '../../DataContext/Context';
 import useDataContextSnapshot from './useDataContextSnapshot';
 export default function useHasContentChanged() {
+  let {
+    enabled = false
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     internalDataRef
   } = useContext(DataContext);
   const {
     snapshotRef
   } = useDataContextSnapshot({
-    enabled: true
+    enabled
   });
   const data = internalDataRef === null || internalDataRef === void 0 ? void 0 : internalDataRef.current;
   const snapshot = snapshotRef === null || snapshotRef === void 0 ? void 0 : snapshotRef.current;

package/extensions/forms/Form/Isolation/useHasContentChanged.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHasContentChanged.js","names":["useContext","useMemo","pointer","DataContext","useDataContextSnapshot","useHasContentChanged","internalDataRef","snapshotRef","enabled","data","current","snapshot","hasContentChanged","undefined","hasChanged","walk","value","path","exists","has","get"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useHasContentChanged.ts"],"sourcesContent":["import { useContext, useMemo } from 'react'\nimport pointer from '../../utils/json-pointer'\nimport DataContext from '../../DataContext/Context'\nimport useDataContextSnapshot from './useDataContextSnapshot'\n\nexport default function useHasContentChanged() {\n  const { internalDataRef } = useContext(DataContext)\n  const { snapshotRef } = useDataContextSnapshot({ enabled: true })\n\n  const data = internalDataRef?.current\n  const snapshot = snapshotRef?.current // To support a custom data reference, we need to have a snapshot in the hook deps.\n  const hasContentChanged = useMemo(() => {\n    if (!data || !snapshot) {\n      return undefined\n    }\n\n    let hasChanged = false\n\n    pointer.walk(data, (value, path) => {\n      const exists = pointer.has(snapshot, path)\n      if (!exists || (exists && pointer.get(snapshot, path) !== value)) {\n        hasChanged = true\n        return false\n      }\n    })\n\n    return hasChanged\n  }, [data, snapshot])\n\n  return { hasContentChanged }\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,OAAOC,OAAO,MAAM,0BAA0B;AAC9C,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,sBAAsB,MAAM,0BAA0B;AAE7D,eAAe,SAASC,oBAAoBA,CAAA,EAAG;EAC7C,MAAM;IAAEC;EAAgB,CAAC,GAAGN,UAAU,CAACG,WAAW,CAAC;EACnD,MAAM;IAAEI;EAAY,CAAC,GAAGH,sBAAsB,CAAC;IAAEI,OAAO,EAAE;EAAK,CAAC,CAAC;EAEjE,MAAMC,IAAI,GAAGH,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEI,OAAO;EACrC,MAAMC,QAAQ,GAAGJ,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEG,OAAO;EACrC,MAAME,iBAAiB,GAAGX,OAAO,CAAC,MAAM;IACtC,IAAI,CAACQ,IAAI,IAAI,CAACE,QAAQ,EAAE;MACtB,OAAOE,SAAS;IAClB;IAEA,IAAIC,UAAU,GAAG,KAAK;IAEtBZ,OAAO,CAACa,IAAI,CAACN,IAAI,EAAE,CAACO,KAAK,EAAEC,IAAI,KAAK;MAClC,MAAMC,MAAM,GAAGhB,OAAO,CAACiB,GAAG,CAACR,QAAQ,EAAEM,IAAI,CAAC;MAC1C,IAAI,CAACC,MAAM,IAAKA,MAAM,IAAIhB,OAAO,CAACkB,GAAG,CAACT,QAAQ,EAAEM,IAAI,CAAC,KAAKD,KAAM,EAAE;QAChEF,UAAU,GAAG,IAAI;QACjB,OAAO,KAAK;MACd;IACF,CAAC,CAAC;IAEF,OAAOA,UAAU;EACnB,CAAC,EAAE,CAACL,IAAI,EAAEE,QAAQ,CAAC,CAAC;EAEpB,OAAO;IAAEC;EAAkB,CAAC;AAC9B","ignoreList":[]}
+{"version":3,"file":"useHasContentChanged.js","names":["useContext","useMemo","pointer","DataContext","useDataContextSnapshot","useHasContentChanged","enabled","arguments","length","undefined","internalDataRef","snapshotRef","data","current","snapshot","hasContentChanged","hasChanged","walk","value","path","exists","has","get"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useHasContentChanged.ts"],"sourcesContent":["import { useContext, useMemo } from 'react'\nimport pointer from '../../utils/json-pointer'\nimport DataContext from '../../DataContext/Context'\nimport useDataContextSnapshot from './useDataContextSnapshot'\n\nexport default function useHasContentChanged({\n  enabled = false,\n}: {\n  enabled?: boolean\n} = {}) {\n  const { internalDataRef } = useContext(DataContext)\n  const { snapshotRef } = useDataContextSnapshot({ enabled })\n\n  const data = internalDataRef?.current\n  const snapshot = snapshotRef?.current // To support a custom data reference, we need to have a snapshot in the hook deps.\n\n  const hasContentChanged = useMemo(() => {\n    if (!data || !snapshot) {\n      return undefined\n    }\n\n    let hasChanged = false\n\n    pointer.walk(data, (value, path) => {\n      const exists = pointer.has(snapshot, path)\n      if (!exists || (exists && pointer.get(snapshot, path) !== value)) {\n        hasChanged = true\n        return false\n      }\n    })\n\n    return hasChanged\n  }, [data, snapshot])\n\n  return { hasContentChanged }\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,OAAOC,OAAO,MAAM,0BAA0B;AAC9C,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,sBAAsB,MAAM,0BAA0B;AAE7D,eAAe,SAASC,oBAAoBA,CAAA,EAIpC;EAAA,IAJqC;IAC3CC,OAAO,GAAG;EAGZ,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACJ,MAAM;IAAEG;EAAgB,CAAC,GAAGV,UAAU,CAACG,WAAW,CAAC;EACnD,MAAM;IAAEQ;EAAY,CAAC,GAAGP,sBAAsB,CAAC;IAAEE;EAAQ,CAAC,CAAC;EAE3D,MAAMM,IAAI,GAAGF,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEG,OAAO;EACrC,MAAMC,QAAQ,GAAGH,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEE,OAAO;EAErC,MAAME,iBAAiB,GAAGd,OAAO,CAAC,MAAM;IACtC,IAAI,CAACW,IAAI,IAAI,CAACE,QAAQ,EAAE;MACtB,OAAOL,SAAS;IAClB;IAEA,IAAIO,UAAU,GAAG,KAAK;IAEtBd,OAAO,CAACe,IAAI,CAACL,IAAI,EAAE,CAACM,KAAK,EAAEC,IAAI,KAAK;MAClC,MAAMC,MAAM,GAAGlB,OAAO,CAACmB,GAAG,CAACP,QAAQ,EAAEK,IAAI,CAAC;MAC1C,IAAI,CAACC,MAAM,IAAKA,MAAM,IAAIlB,OAAO,CAACoB,GAAG,CAACR,QAAQ,EAAEK,IAAI,CAAC,KAAKD,KAAM,EAAE;QAChEF,UAAU,GAAG,IAAI;QACjB,OAAO,KAAK;MACd;IACF,CAAC,CAAC;IAEF,OAAOA,UAAU;EACnB,CAAC,EAAE,CAACJ,IAAI,EAAEE,QAAQ,CAAC,CAAC;EAEpB,OAAO;IAAEC;EAAkB,CAAC;AAC9B","ignoreList":[]}

package/extensions/forms/Form/Isolation/useReportError.d.ts

@@ -1,2 +1,2 @@
 import { ContextState } from '../../DataContext';
-export default function useReportError(error: Error, customDataContext?: ContextState): void;
+export default function useReportError(error: Error, customDataContext?: ContextState, name?: string): void;

package/extensions/forms/Form/Isolation/useReportError.js

@@ -5,13 +5,20 @@ import useId from '../../../../shared/helpers/useId';
 import DataContext from '../../DataContext/Context';
 import WizardStepContext from '../../Wizard/Step/StepContext';
 import WizardContext from '../../Wizard/Context';
-export default function useReportError(error, customDataContext) {
+import VisibilityContext from '../Visibility/VisibilityContext';
+import { usePath } from '../../hooks';
+export default function useReportError(error, customDataContext, name) {
+  const {
+    joinPath
+  } = usePath();
   const dataContext = useContext(DataContext);
   const wizardContext = useContext(WizardContext);
   const wizardStepContext = useContext(WizardStepContext);
+  const visibilityContext = useContext(VisibilityContext);
   const {
     setFieldError: setFieldErrorDataContext,
-    setMountedFieldState
+    setMountedFieldState,
+    prerenderFieldProps
   } = customDataContext || dataContext;
   const {
     setFieldError: setFieldErrorWizard
@@ -19,16 +26,24 @@ export default function useReportError(error, customDataContext) {
   const {
     index: wizardIndex
   } = wizardStepContext || {};
+  const {
+    isVisible
+  } = visibilityContext || {};
+  const handleFieldAsVisible = isVisible;
   const id = useId();
   useEffect(() => {
-    const path = `/${id}`;
-    if (error) {
+    if (prerenderFieldProps) {
+      return;
+    }
+    const path = joinPath(['internal', name, id]);
+    const currentError = handleFieldAsVisible !== false ? error : undefined;
+    if (currentError) {
       setMountedFieldState === null || setMountedFieldState === void 0 ? void 0 : setMountedFieldState(path, {
         isMounted: true
       });
     }
-    setFieldErrorWizard === null || setFieldErrorWizard === void 0 ? void 0 : setFieldErrorWizard(wizardIndex, path, error ? true : undefined);
-    setFieldErrorDataContext === null || setFieldErrorDataContext === void 0 ? void 0 : setFieldErrorDataContext(path, error);
+    setFieldErrorWizard === null || setFieldErrorWizard === void 0 ? void 0 : setFieldErrorWizard(wizardIndex, path, currentError ? true : undefined);
+    setFieldErrorDataContext === null || setFieldErrorDataContext === void 0 ? void 0 : setFieldErrorDataContext(path, currentError);
     return () => {
       setMountedFieldState === null || setMountedFieldState === void 0 ? void 0 : setMountedFieldState(path, {
         isMounted: false
@@ -36,6 +51,6 @@ export default function useReportError(error, customDataContext) {
       setFieldErrorWizard === null || setFieldErrorWizard === void 0 ? void 0 : setFieldErrorWizard(wizardIndex, path, undefined);
       setFieldErrorDataContext === null || setFieldErrorDataContext === void 0 ? void 0 : setFieldErrorDataContext(path, undefined);
     };
-  }, [error, id, setFieldErrorDataContext, setFieldErrorWizard, setMountedFieldState, wizardIndex]);
+  }, [error, handleFieldAsVisible, id, joinPath, name, prerenderFieldProps, setFieldErrorDataContext, setFieldErrorWizard, setMountedFieldState, wizardIndex]);
 }
 //# sourceMappingURL=useReportError.js.map

package/extensions/forms/Form/Isolation/useReportError.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReportError.js","names":["useContext","useEffect","useId","DataContext","WizardStepContext","WizardContext","useReportError","error","customDataContext","dataContext","wizardContext","wizardStepContext","setFieldError","setFieldErrorDataContext","setMountedFieldState","setFieldErrorWizard","index","wizardIndex","id","path","isMounted","undefined"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useReportError.ts"],"sourcesContent":["import { useContext, useEffect } from 'react'\nimport useId from '../../../../shared/helpers/useId'\nimport { ContextState } from '../../DataContext'\nimport DataContext from '../../DataContext/Context'\nimport WizardStepContext from '../../Wizard/Step/StepContext'\nimport WizardContext from '../../Wizard/Context'\n\nexport default function useReportError(\n  error: Error,\n  customDataContext?: ContextState\n) {\n  const dataContext = useContext(DataContext)\n  const wizardContext = useContext(WizardContext)\n  const wizardStepContext = useContext(WizardStepContext)\n\n  const { setFieldError: setFieldErrorDataContext, setMountedFieldState } =\n    customDataContext || dataContext\n  const { setFieldError: setFieldErrorWizard } = wizardContext || {}\n  const { index: wizardIndex } = wizardStepContext || {}\n\n  const id = useId()\n  useEffect(() => {\n    const path = `/${id}`\n\n    if (error) {\n      setMountedFieldState?.(path, {\n        isMounted: true,\n      })\n    }\n\n    setFieldErrorWizard?.(wizardIndex, path, error ? true : undefined)\n    setFieldErrorDataContext?.(path, error)\n\n    // Unmount procedure\n    return () => {\n      setMountedFieldState?.(path, {\n        isMounted: false,\n      })\n\n      setFieldErrorWizard?.(wizardIndex, path, undefined)\n      setFieldErrorDataContext?.(path, undefined)\n    }\n  }, [\n    error,\n    id,\n    setFieldErrorDataContext,\n    setFieldErrorWizard,\n    setMountedFieldState,\n    wizardIndex,\n  ])\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAC7C,OAAOC,KAAK,MAAM,kCAAkC;AAEpD,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,iBAAiB,MAAM,+BAA+B;AAC7D,OAAOC,aAAa,MAAM,sBAAsB;AAEhD,eAAe,SAASC,cAAcA,CACpCC,KAAY,EACZC,iBAAgC,EAChC;EACA,MAAMC,WAAW,GAAGT,UAAU,CAACG,WAAW,CAAC;EAC3C,MAAMO,aAAa,GAAGV,UAAU,CAACK,aAAa,CAAC;EAC/C,MAAMM,iBAAiB,GAAGX,UAAU,CAACI,iBAAiB,CAAC;EAEvD,MAAM;IAAEQ,aAAa,EAAEC,wBAAwB;IAAEC;EAAqB,CAAC,GACrEN,iBAAiB,IAAIC,WAAW;EAClC,MAAM;IAAEG,aAAa,EAAEG;EAAoB,CAAC,GAAGL,aAAa,IAAI,CAAC,CAAC;EAClE,MAAM;IAAEM,KAAK,EAAEC;EAAY,CAAC,GAAGN,iBAAiB,IAAI,CAAC,CAAC;EAEtD,MAAMO,EAAE,GAAGhB,KAAK,CAAC,CAAC;EAClBD,SAAS,CAAC,MAAM;IACd,MAAMkB,IAAI,GAAG,IAAID,EAAE,EAAE;IAErB,IAAIX,KAAK,EAAE;MACTO,oBAAoB,aAApBA,oBAAoB,uBAApBA,oBAAoB,CAAGK,IAAI,EAAE;QAC3BC,SAAS,EAAE;MACb,CAAC,CAAC;IACJ;IAEAL,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAGE,WAAW,EAAEE,IAAI,EAAEZ,KAAK,GAAG,IAAI,GAAGc,SAAS,CAAC;IAClER,wBAAwB,aAAxBA,wBAAwB,uBAAxBA,wBAAwB,CAAGM,IAAI,EAAEZ,KAAK,CAAC;IAGvC,OAAO,MAAM;MACXO,oBAAoB,aAApBA,oBAAoB,uBAApBA,oBAAoB,CAAGK,IAAI,EAAE;QAC3BC,SAAS,EAAE;MACb,CAAC,CAAC;MAEFL,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAGE,WAAW,EAAEE,IAAI,EAAEE,SAAS,CAAC;MACnDR,wBAAwB,aAAxBA,wBAAwB,uBAAxBA,wBAAwB,CAAGM,IAAI,EAAEE,SAAS,CAAC;IAC7C,CAAC;EACH,CAAC,EAAE,CACDd,KAAK,EACLW,EAAE,EACFL,wBAAwB,EACxBE,mBAAmB,EACnBD,oBAAoB,EACpBG,WAAW,CACZ,CAAC;AACJ","ignoreList":[]}
+{"version":3,"file":"useReportError.js","names":["useContext","useEffect","useId","DataContext","WizardStepContext","WizardContext","VisibilityContext","usePath","useReportError","error","customDataContext","name","joinPath","dataContext","wizardContext","wizardStepContext","visibilityContext","setFieldError","setFieldErrorDataContext","setMountedFieldState","prerenderFieldProps","setFieldErrorWizard","index","wizardIndex","isVisible","handleFieldAsVisible","id","path","currentError","undefined","isMounted"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useReportError.ts"],"sourcesContent":["import { useContext, useEffect } from 'react'\nimport useId from '../../../../shared/helpers/useId'\nimport { ContextState } from '../../DataContext'\nimport DataContext from '../../DataContext/Context'\nimport WizardStepContext from '../../Wizard/Step/StepContext'\nimport WizardContext from '../../Wizard/Context'\nimport VisibilityContext from '../Visibility/VisibilityContext'\nimport { usePath } from '../../hooks'\n\nexport default function useReportError(\n  error: Error,\n  customDataContext?: ContextState,\n  name?: string\n) {\n  const { joinPath } = usePath()\n  const dataContext = useContext(DataContext)\n  const wizardContext = useContext(WizardContext)\n  const wizardStepContext = useContext(WizardStepContext)\n  const visibilityContext = useContext(VisibilityContext)\n\n  const {\n    setFieldError: setFieldErrorDataContext,\n    setMountedFieldState,\n    prerenderFieldProps,\n  } = customDataContext || dataContext\n  const { setFieldError: setFieldErrorWizard } = wizardContext || {}\n  const { index: wizardIndex } = wizardStepContext || {}\n  const { isVisible } = visibilityContext || {}\n  const handleFieldAsVisible = isVisible\n\n  const id = useId()\n  useEffect(() => {\n    if (prerenderFieldProps) {\n      return // stop here\n    }\n\n    const path = joinPath(['internal', name, id])\n    const currentError = handleFieldAsVisible !== false ? error : undefined\n\n    if (currentError) {\n      setMountedFieldState?.(path, {\n        isMounted: true,\n      })\n    }\n\n    setFieldErrorWizard?.(\n      wizardIndex,\n      path,\n      currentError ? true : undefined\n    )\n\n    setFieldErrorDataContext?.(path, currentError)\n\n    // Unmount procedure\n    return () => {\n      setMountedFieldState?.(path, {\n        isMounted: false,\n      })\n\n      setFieldErrorWizard?.(wizardIndex, path, undefined)\n      setFieldErrorDataContext?.(path, undefined)\n    }\n  }, [\n    error,\n    handleFieldAsVisible,\n    id,\n    joinPath,\n    name,\n    prerenderFieldProps,\n    setFieldErrorDataContext,\n    setFieldErrorWizard,\n    setMountedFieldState,\n    wizardIndex,\n  ])\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAC7C,OAAOC,KAAK,MAAM,kCAAkC;AAEpD,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,iBAAiB,MAAM,+BAA+B;AAC7D,OAAOC,aAAa,MAAM,sBAAsB;AAChD,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,SAASC,OAAO,QAAQ,aAAa;AAErC,eAAe,SAASC,cAAcA,CACpCC,KAAY,EACZC,iBAAgC,EAChCC,IAAa,EACb;EACA,MAAM;IAAEC;EAAS,CAAC,GAAGL,OAAO,CAAC,CAAC;EAC9B,MAAMM,WAAW,GAAGb,UAAU,CAACG,WAAW,CAAC;EAC3C,MAAMW,aAAa,GAAGd,UAAU,CAACK,aAAa,CAAC;EAC/C,MAAMU,iBAAiB,GAAGf,UAAU,CAACI,iBAAiB,CAAC;EACvD,MAAMY,iBAAiB,GAAGhB,UAAU,CAACM,iBAAiB,CAAC;EAEvD,MAAM;IACJW,aAAa,EAAEC,wBAAwB;IACvCC,oBAAoB;IACpBC;EACF,CAAC,GAAGV,iBAAiB,IAAIG,WAAW;EACpC,MAAM;IAAEI,aAAa,EAAEI;EAAoB,CAAC,GAAGP,aAAa,IAAI,CAAC,CAAC;EAClE,MAAM;IAAEQ,KAAK,EAAEC;EAAY,CAAC,GAAGR,iBAAiB,IAAI,CAAC,CAAC;EACtD,MAAM;IAAES;EAAU,CAAC,GAAGR,iBAAiB,IAAI,CAAC,CAAC;EAC7C,MAAMS,oBAAoB,GAAGD,SAAS;EAEtC,MAAME,EAAE,GAAGxB,KAAK,CAAC,CAAC;EAClBD,SAAS,CAAC,MAAM;IACd,IAAImB,mBAAmB,EAAE;MACvB;IACF;IAEA,MAAMO,IAAI,GAAGf,QAAQ,CAAC,CAAC,UAAU,EAAED,IAAI,EAAEe,EAAE,CAAC,CAAC;IAC7C,MAAME,YAAY,GAAGH,oBAAoB,KAAK,KAAK,GAAGhB,KAAK,GAAGoB,SAAS;IAEvE,IAAID,YAAY,EAAE;MAChBT,oBAAoB,aAApBA,oBAAoB,uBAApBA,oBAAoB,CAAGQ,IAAI,EAAE;QAC3BG,SAAS,EAAE;MACb,CAAC,CAAC;IACJ;IAEAT,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CACjBE,WAAW,EACXI,IAAI,EACJC,YAAY,GAAG,IAAI,GAAGC,SACxB,CAAC;IAEDX,wBAAwB,aAAxBA,wBAAwB,uBAAxBA,wBAAwB,CAAGS,IAAI,EAAEC,YAAY,CAAC;IAG9C,OAAO,MAAM;MACXT,oBAAoB,aAApBA,oBAAoB,uBAApBA,oBAAoB,CAAGQ,IAAI,EAAE;QAC3BG,SAAS,EAAE;MACb,CAAC,CAAC;MAEFT,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAGE,WAAW,EAAEI,IAAI,EAAEE,SAAS,CAAC;MACnDX,wBAAwB,aAAxBA,wBAAwB,uBAAxBA,wBAAwB,CAAGS,IAAI,EAAEE,SAAS,CAAC;IAC7C,CAAC;EACH,CAAC,EAAE,CACDpB,KAAK,EACLgB,oBAAoB,EACpBC,EAAE,EACFd,QAAQ,EACRD,IAAI,EACJS,mBAAmB,EACnBF,wBAAwB,EACxBG,mBAAmB,EACnBF,oBAAoB,EACpBI,WAAW,CACZ,CAAC;AACJ","ignoreList":[]}

package/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.js

@@ -6,6 +6,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useCallback, useContext, useMemo, useReducer, useRef } from 'react';
 import DataContext from '../../DataContext/Context';
+import useEventListener from '../../DataContext/Provider/useEventListener';
 import SharedProvider from '../../../../shared/Provider';
 import { HeightAnimation } from '../../../../components';
 import { removeUndefinedProps } from '../../../../shared/component-helper';
@@ -20,7 +21,6 @@ function SubmitConfirmation(props) {
   } = props;
   const {
     setFormState,
-    setFieldEventListener,
     handleSubmit: handleFinalSubmit,
     submitState,
     formElementRef,
@@ -121,16 +121,16 @@ function SubmitConfirmation(props) {
     preventSubmit();
     await setConfirmationState('readyToBeSubmitted');
   }, [setConfirmationState, validatePreventSubmit]);
-  setFieldEventListener === null || setFieldEventListener === void 0 ? void 0 : setFieldEventListener(undefined, 'onSubmit', handleSubmit);
+  const {
+    removeEvent
+  } = useEventListener('onSubmit', handleSubmit);
   const submitHandler = useCallback(async () => {
-    setFieldEventListener === null || setFieldEventListener === void 0 ? void 0 : setFieldEventListener(undefined, 'onSubmit', handleSubmit, {
-      remove: true
-    });
+    removeEvent();
     await setConfirmationState('submitInProgress');
     await handleFinalSubmit();
     await setConfirmationState('submissionComplete');
     setFocusOnButton();
-  }, [handleFinalSubmit, handleSubmit, setFocusOnButton, setFieldEventListener, setConfirmationState]);
+  }, [removeEvent, setConfirmationState, handleFinalSubmit, setFocusOnButton]);
   const sharedProviderParams = {
     formElement: {
       disabled: false

package/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitConfirmation.js","names":["React","useCallback","useContext","useMemo","useReducer","useRef","DataContext","SharedProvider","HeightAnimation","removeUndefinedProps","SubmitConfirmation","props","forceUpdate","preventSubmitWhen","onStateChange","onSubmitResult","renderWithState","children","setFormState","setFieldEventListener","handleSubmit","handleFinalSubmit","submitState","formElementRef","internalDataRef","confirmationStateRef","submitStateRef","preventSubmitRef","undefined","validatePreventSubmit","current","getParamsRef","setConfirmationState","state","window","requestAnimationFrame","keepPending","confirmationState","connectWithDialog","openState","onConfirm","submitHandler","onDecline","cancelHandler","onClose","_ref","triggeredBy","data","Object","keys","length","_objectSpread","setFocusOnButton","form","element","querySelector","focus","e","_ref2","preventSubmit","remove","sharedProviderParams","formElement","disabled","createElement","Fragment","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport DataContext from '../../DataContext/Context'\nimport SharedProvider from '../../../../shared/Provider'\nimport { ContextProps } from '../../../../shared/Context'\nimport { HeightAnimation } from '../../../../components'\nimport {\n  DialogContentProps,\n  DialogProps,\n} from '../../../../components/dialog/types'\nimport { EventStateObject } from '../../types'\nimport { removeUndefinedProps } from '../../../../shared/component-helper'\n\nexport type ConfirmationState =\n  | 'idle'\n  | 'readyToBeSubmitted'\n  | 'submitInProgress'\n  | 'submissionComplete'\n\nexport type ConfirmParams = {\n  data: unknown\n  confirmationState: ConfirmationState\n  submitState: EventStateObject | undefined\n  connectWithDialog: Pick<\n    DialogProps & DialogContentProps,\n    'openState' | 'onConfirm' | 'onDecline' | 'onClose'\n  >\n  setConfirmationState: (state: ConfirmationState) => void\n  submitHandler: () => void | Promise<void>\n  cancelHandler: () => void | Promise<void>\n}\n\nexport type ConfirmProps = {\n  preventSubmitWhen?: (params: ConfirmParams) => boolean\n  onStateChange?: (params: ConfirmParams) => void | Promise<void>\n  onSubmitResult?: (params: ConfirmParams) => void\n  renderWithState?: (params: ConfirmParams) => React.ReactNode\n  children?: React.ReactNode\n}\n\nfunction SubmitConfirmation(props: ConfirmProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const {\n    preventSubmitWhen,\n    onStateChange,\n    onSubmitResult,\n    renderWithState,\n    children,\n  } = props\n\n  const {\n    setFormState,\n    setFieldEventListener,\n    handleSubmit: handleFinalSubmit,\n    submitState,\n    formElementRef,\n    internalDataRef,\n  } = useContext(DataContext)\n\n  const confirmationStateRef = useRef<ConfirmationState>('idle')\n  const submitStateRef = useRef<EventStateObject>()\n  const preventSubmitRef = useRef<boolean>(undefined)\n\n  const validatePreventSubmit = useCallback(() => {\n    return (preventSubmitRef.current = preventSubmitWhen?.(\n      getParamsRef.current()\n    ))\n  }, [preventSubmitWhen])\n\n  const setConfirmationState = useCallback(\n    async (state: ConfirmationState) => {\n      confirmationStateRef.current = state\n      await onStateChange?.(getParamsRef.current())\n      if (typeof window !== 'undefined') {\n        window.requestAnimationFrame(() => {\n          switch (state) {\n            case 'idle':\n              setFormState('complete', { keepPending: false })\n              break\n            case 'readyToBeSubmitted':\n              setFormState('pending', { keepPending: true })\n              break\n            case 'submitInProgress':\n              setFormState('pending', { keepPending: true })\n              break\n            case 'submissionComplete':\n              setFormState('complete', { keepPending: false })\n              break\n            default:\n              forceUpdate()\n          }\n        })\n      }\n    },\n    [onStateChange, setFormState]\n  )\n\n  const getParamsRef = useRef(() => {\n    const confirmationState = confirmationStateRef.current\n\n    const connectWithDialog = {\n      openState: confirmationState === 'readyToBeSubmitted',\n      onConfirm: submitHandler,\n      onDecline: cancelHandler,\n      onClose: ({ triggeredBy }) => {\n        if (triggeredBy === 'keyboard') {\n          cancelHandler()\n        }\n      },\n    }\n\n    return {\n      data: internalDataRef?.current,\n      confirmationState,\n      setConfirmationState,\n      submitHandler,\n      cancelHandler,\n      connectWithDialog,\n      submitState: submitStateRef.current,\n    } satisfies ConfirmParams\n  })\n\n  useMemo(() => {\n    if (Object.keys(removeUndefinedProps(submitState) || {}).length > 0) {\n      submitStateRef.current = {\n        ...submitState,\n      } as EventStateObject\n      onSubmitResult?.(getParamsRef.current())\n    }\n  }, [submitState, onSubmitResult])\n\n  const setFocusOnButton = useCallback(() => {\n    try {\n      const form = formElementRef.current\n      const element = (form.querySelector('.dnb-forms-submit-button') ||\n        form) as HTMLElement\n      element.focus()\n    } catch (e) {\n      //\n    }\n  }, [formElementRef])\n\n  const cancelHandler = useCallback(async () => {\n    await setConfirmationState('idle')\n    setFocusOnButton()\n  }, [setFocusOnButton, setConfirmationState])\n\n  const handleSubmit = useCallback(\n    async ({ preventSubmit }) => {\n      if (confirmationStateRef.current === 'submitInProgress') {\n        return // stop here\n      }\n\n      if (validatePreventSubmit() !== true) {\n        await setConfirmationState('submitInProgress')\n        return // stop here\n      }\n\n      submitStateRef.current = undefined\n\n      // Prevent the form form from being submitted\n      preventSubmit()\n\n      await setConfirmationState('readyToBeSubmitted')\n    },\n    [setConfirmationState, validatePreventSubmit]\n  )\n  setFieldEventListener?.(undefined, 'onSubmit', handleSubmit)\n\n  const submitHandler = useCallback(async () => {\n    setFieldEventListener?.(undefined, 'onSubmit', handleSubmit, {\n      remove: true,\n    })\n\n    await setConfirmationState('submitInProgress')\n    await handleFinalSubmit()\n    await setConfirmationState('submissionComplete')\n\n    setFocusOnButton()\n  }, [\n    handleFinalSubmit,\n    handleSubmit,\n    setFocusOnButton,\n    setFieldEventListener,\n    setConfirmationState,\n  ])\n\n  const sharedProviderParams: ContextProps = {\n    formElement: {\n      disabled: false,\n    },\n  }\n\n  return (\n    <>\n      {children}\n\n      <SharedProvider {...sharedProviderParams}>\n        <HeightAnimation>\n          {renderWithState?.(getParamsRef.current())}\n        </HeightAnimation>\n      </SharedProvider>\n    </>\n  )\n}\n\nSubmitConfirmation._supportsSpacingProps = 'children'\nexport default SubmitConfirmation\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SubmitConfirmation.js","names":["React","useCallback","useContext","useMemo","useReducer","useRef","DataContext","useEventListener","SharedProvider","HeightAnimation","removeUndefinedProps","SubmitConfirmation","props","forceUpdate","preventSubmitWhen","onStateChange","onSubmitResult","renderWithState","children","setFormState","handleSubmit","handleFinalSubmit","submitState","formElementRef","internalDataRef","confirmationStateRef","submitStateRef","preventSubmitRef","undefined","validatePreventSubmit","current","getParamsRef","setConfirmationState","state","window","requestAnimationFrame","keepPending","confirmationState","connectWithDialog","openState","onConfirm","submitHandler","onDecline","cancelHandler","onClose","_ref","triggeredBy","data","Object","keys","length","_objectSpread","setFocusOnButton","form","element","querySelector","focus","e","_ref2","preventSubmit","removeEvent","sharedProviderParams","formElement","disabled","createElement","Fragment","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/SubmitConfirmation/SubmitConfirmation.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport DataContext from '../../DataContext/Context'\nimport useEventListener from '../../DataContext/Provider/useEventListener'\nimport SharedProvider from '../../../../shared/Provider'\nimport { ContextProps } from '../../../../shared/Context'\nimport { HeightAnimation } from '../../../../components'\nimport {\n  DialogContentProps,\n  DialogProps,\n} from '../../../../components/dialog/types'\nimport { EventStateObject } from '../../types'\nimport { removeUndefinedProps } from '../../../../shared/component-helper'\n\nexport type ConfirmationState =\n  | 'idle'\n  | 'readyToBeSubmitted'\n  | 'submitInProgress'\n  | 'submissionComplete'\n\nexport type ConfirmParams = {\n  data: unknown\n  confirmationState: ConfirmationState\n  submitState: EventStateObject | undefined\n  connectWithDialog: Pick<\n    DialogProps & DialogContentProps,\n    'openState' | 'onConfirm' | 'onDecline' | 'onClose'\n  >\n  setConfirmationState: (state: ConfirmationState) => void\n  submitHandler: () => void | Promise<void>\n  cancelHandler: () => void | Promise<void>\n}\n\nexport type ConfirmProps = {\n  preventSubmitWhen?: (params: ConfirmParams) => boolean\n  onStateChange?: (params: ConfirmParams) => void | Promise<void>\n  onSubmitResult?: (params: ConfirmParams) => void\n  renderWithState?: (params: ConfirmParams) => React.ReactNode\n  children?: React.ReactNode\n}\n\nfunction SubmitConfirmation(props: ConfirmProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const {\n    preventSubmitWhen,\n    onStateChange,\n    onSubmitResult,\n    renderWithState,\n    children,\n  } = props\n\n  const {\n    setFormState,\n    handleSubmit: handleFinalSubmit,\n    submitState,\n    formElementRef,\n    internalDataRef,\n  } = useContext(DataContext)\n\n  const confirmationStateRef = useRef<ConfirmationState>('idle')\n  const submitStateRef = useRef<EventStateObject>()\n  const preventSubmitRef = useRef<boolean>(undefined)\n\n  const validatePreventSubmit = useCallback(() => {\n    return (preventSubmitRef.current = preventSubmitWhen?.(\n      getParamsRef.current()\n    ))\n  }, [preventSubmitWhen])\n\n  const setConfirmationState = useCallback(\n    async (state: ConfirmationState) => {\n      confirmationStateRef.current = state\n      await onStateChange?.(getParamsRef.current())\n      if (typeof window !== 'undefined') {\n        window.requestAnimationFrame(() => {\n          switch (state) {\n            case 'idle':\n              setFormState('complete', { keepPending: false })\n              break\n            case 'readyToBeSubmitted':\n              setFormState('pending', { keepPending: true })\n              break\n            case 'submitInProgress':\n              setFormState('pending', { keepPending: true })\n              break\n            case 'submissionComplete':\n              setFormState('complete', { keepPending: false })\n              break\n            default:\n              forceUpdate()\n          }\n        })\n      }\n    },\n    [onStateChange, setFormState]\n  )\n\n  const getParamsRef = useRef(() => {\n    const confirmationState = confirmationStateRef.current\n\n    const connectWithDialog = {\n      openState: confirmationState === 'readyToBeSubmitted',\n      onConfirm: submitHandler,\n      onDecline: cancelHandler,\n      onClose: ({ triggeredBy }) => {\n        if (triggeredBy === 'keyboard') {\n          cancelHandler()\n        }\n      },\n    }\n\n    return {\n      data: internalDataRef?.current,\n      confirmationState,\n      setConfirmationState,\n      submitHandler,\n      cancelHandler,\n      connectWithDialog,\n      submitState: submitStateRef.current,\n    } satisfies ConfirmParams\n  })\n\n  useMemo(() => {\n    if (Object.keys(removeUndefinedProps(submitState) || {}).length > 0) {\n      submitStateRef.current = {\n        ...submitState,\n      } as EventStateObject\n      onSubmitResult?.(getParamsRef.current())\n    }\n  }, [submitState, onSubmitResult])\n\n  const setFocusOnButton = useCallback(() => {\n    try {\n      const form = formElementRef.current\n      const element = (form.querySelector('.dnb-forms-submit-button') ||\n        form) as HTMLElement\n      element.focus()\n    } catch (e) {\n      //\n    }\n  }, [formElementRef])\n\n  const cancelHandler = useCallback(async () => {\n    await setConfirmationState('idle')\n    setFocusOnButton()\n  }, [setFocusOnButton, setConfirmationState])\n\n  const handleSubmit = useCallback(\n    async ({ preventSubmit }) => {\n      if (confirmationStateRef.current === 'submitInProgress') {\n        return // stop here\n      }\n\n      if (validatePreventSubmit() !== true) {\n        await setConfirmationState('submitInProgress')\n        return // stop here\n      }\n\n      submitStateRef.current = undefined\n\n      // Prevent the form form from being submitted\n      preventSubmit()\n\n      await setConfirmationState('readyToBeSubmitted')\n    },\n    [setConfirmationState, validatePreventSubmit]\n  )\n  const { removeEvent } = useEventListener('onSubmit', handleSubmit)\n\n  const submitHandler = useCallback(async () => {\n    removeEvent()\n\n    await setConfirmationState('submitInProgress')\n    await handleFinalSubmit()\n    await setConfirmationState('submissionComplete')\n\n    setFocusOnButton()\n  }, [\n    removeEvent,\n    setConfirmationState,\n    handleFinalSubmit,\n    setFocusOnButton,\n  ])\n\n  const sharedProviderParams: ContextProps = {\n    formElement: {\n      disabled: false,\n    },\n  }\n\n  return (\n    <>\n      {children}\n\n      <SharedProvider {...sharedProviderParams}>\n        <HeightAnimation>\n          {renderWithState?.(getParamsRef.current())}\n        </HeightAnimation>\n      </SharedProvider>\n    </>\n  )\n}\n\nSubmitConfirmation._supportsSpacingProps = 'children'\nexport default SubmitConfirmation\n"],"mappings":"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","ignoreList":[]}