@payloadcms/ui 3.0.0-canary.fb81f02 → 3.0.0

package/dist/elements/BulkUpload/FormsManager/index.js

@@ -0,0 +1,392 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
+import * as qs from 'qs-esm';
+import React from 'react';
+import { toast } from 'sonner';
+import { fieldReducer } from '../../../forms/Form/fieldReducer.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useLocale } from '../../../providers/Locale/index.js';
+import { useServerFunctions } from '../../../providers/ServerFunctions/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { hasSavePermission as getHasSavePermission } from '../../../utilities/hasSavePermission.js';
+import { LoadingOverlay } from '../../Loading/index.js';
+import { useLoadingOverlay } from '../../LoadingOverlay/index.js';
+import { createThumbnail } from '../../Thumbnail/createThumbnail.js';
+import { useBulkUpload } from '../index.js';
+import { createFormData } from './createFormData.js';
+import { formsManagementReducer } from './reducer.js';
+const Context = /*#__PURE__*/React.createContext({
+  activeIndex: 0,
+  addFiles: () => Promise.resolve(),
+  collectionSlug: '',
+  docPermissions: undefined,
+  documentSlots: {},
+  forms: [],
+  getFormDataRef: {
+    current: () => ({})
+  },
+  hasPublishPermission: false,
+  hasSavePermission: false,
+  hasSubmitted: false,
+  isInitializing: false,
+  removeFile: () => {},
+  saveAllDocs: () => Promise.resolve(),
+  setActiveIndex: () => 0,
+  setFormTotalErrorCount: () => {},
+  thumbnailUrls: [],
+  totalErrorCount: 0
+});
+const initialState = {
+  activeIndex: 0,
+  forms: [],
+  totalErrorCount: 0
+};
+export function FormsManagerProvider({
+  children
+}) {
+  const {
+    config
+  } = useConfig();
+  const {
+    routes: {
+      api
+    },
+    serverURL
+  } = config;
+  const {
+    code
+  } = useLocale();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    getDocumentSlots,
+    getFormState
+  } = useServerFunctions();
+  const [documentSlots, setDocumentSlots] = React.useState({});
+  const [hasSubmitted, setHasSubmitted] = React.useState(false);
+  const [docPermissions, setDocPermissions] = React.useState();
+  const [hasSavePermission, setHasSavePermission] = React.useState(false);
+  const [hasPublishPermission, setHasPublishPermission] = React.useState(false);
+  const [hasInitializedState, setHasInitializedState] = React.useState(false);
+  const [hasInitializedDocPermissions, setHasInitializedDocPermissions] = React.useState(false);
+  const [isInitializing, setIsInitializing] = React.useState(false);
+  const [state, dispatch] = React.useReducer(formsManagementReducer, initialState);
+  const {
+    activeIndex,
+    forms,
+    totalErrorCount
+  } = state;
+  const formsRef = React.useRef(forms);
+  formsRef.current = forms;
+  const formsCount = forms.length;
+  const thumbnailUrlsRef = React.useRef([]);
+  const processedFiles = React.useRef(new Set()) // Track already-processed files
+  ;
+  const [renderedThumbnails, setRenderedThumbnails] = React.useState([]);
+  React.useEffect(() => {
+    (async () => {
+      const newThumbnails = [...thumbnailUrlsRef.current];
+      for (let i = 0; i < formsCount; i++) {
+        const file = formsRef.current[i].formState.file.value;
+        // Skip if already processed
+        if (processedFiles.current.has(file) || !file) {
+          continue;
+        }
+        processedFiles.current.add(file);
+        // Generate thumbnail and update ref
+        const thumbnailUrl = await createThumbnail(file);
+        newThumbnails[i] = thumbnailUrl;
+        thumbnailUrlsRef.current = newThumbnails;
+        // Trigger re-render in batches
+        setRenderedThumbnails([...newThumbnails]);
+        await new Promise(resolve => setTimeout(resolve, 100));
+      }
+    })();
+  }, [formsCount]);
+  const {
+    toggleLoadingOverlay
+  } = useLoadingOverlay();
+  const {
+    closeModal
+  } = useModal();
+  const {
+    collectionSlug,
+    drawerSlug,
+    initialFiles,
+    onSuccess
+  } = useBulkUpload();
+  const [isUploading, setIsUploading] = React.useState(false);
+  const [loadingText, setLoadingText] = React.useState('');
+  const hasInitializedWithFiles = React.useRef(false);
+  const initialStateRef = React.useRef(null);
+  const getFormDataRef = React.useRef(() => ({}));
+  const actionURL = `${api}/${collectionSlug}`;
+  const initializeSharedDocPermissions = React.useCallback(async () => {
+    const params = {
+      locale: code || undefined
+    };
+    const docAccessURL = `/${collectionSlug}/access`;
+    const res = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {
+      credentials: 'include',
+      headers: {
+        'Accept-Language': i18n.language,
+        'Content-Type': 'application/json'
+      },
+      method: 'post'
+    });
+    const json = await res.json();
+    const publishedAccessJSON = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {
+      body: JSON.stringify({
+        _status: 'published'
+      }),
+      credentials: 'include',
+      headers: {
+        'Accept-Language': i18n.language,
+        'Content-Type': 'application/json'
+      },
+      method: 'POST'
+    }).then(res_0 => res_0.json());
+    setDocPermissions(json);
+    setHasSavePermission(getHasSavePermission({
+      collectionSlug,
+      docPermissions: json,
+      isEditing: false
+    }));
+    setHasPublishPermission(publishedAccessJSON?.update);
+    setHasInitializedDocPermissions(true);
+  }, [api, code, collectionSlug, i18n.language, serverURL]);
+  const initializeSharedFormState = React.useCallback(async abortController => {
+    if (abortController?.signal) {
+      abortController.abort('aborting previous fetch for initial form state without files');
+    }
+    // FETCH AND SET THE DOCUMENT SLOTS HERE!
+    const documentSlots_0 = await getDocumentSlots({
+      collectionSlug
+    });
+    setDocumentSlots(documentSlots_0);
+    try {
+      const {
+        state: formStateWithoutFiles
+      } = await getFormState({
+        collectionSlug,
+        docPermissions,
+        docPreferences: {
+          fields: {}
+        },
+        locale: code,
+        operation: 'create',
+        renderAllFields: true,
+        schemaPath: collectionSlug
+      });
+      initialStateRef.current = formStateWithoutFiles;
+      setHasInitializedState(true);
+    } catch (_err) {
+      // swallow error
+    }
+  }, [getDocumentSlots, collectionSlug, getFormState, docPermissions, code]);
+  const setActiveIndex = React.useCallback(index => {
+    const currentFormsData = getFormDataRef.current();
+    dispatch({
+      type: 'REPLACE',
+      state: {
+        activeIndex: index,
+        forms: forms.map((form, i_0) => {
+          if (i_0 === activeIndex) {
+            return {
+              errorCount: form.errorCount,
+              formState: currentFormsData
+            };
+          }
+          return form;
+        })
+      }
+    });
+  }, [forms, activeIndex]);
+  const addFiles = React.useCallback(async files => {
+    toggleLoadingOverlay({
+      isLoading: true,
+      key: 'addingDocs'
+    });
+    if (!hasInitializedState) {
+      await initializeSharedFormState();
+    }
+    dispatch({
+      type: 'ADD_FORMS',
+      files,
+      initialState: initialStateRef.current
+    });
+    toggleLoadingOverlay({
+      isLoading: false,
+      key: 'addingDocs'
+    });
+  }, [initializeSharedFormState, hasInitializedState, toggleLoadingOverlay]);
+  const removeFile = React.useCallback(index_0 => {
+    dispatch({
+      type: 'REMOVE_FORM',
+      index: index_0
+    });
+  }, []);
+  const setFormTotalErrorCount = React.useCallback(({
+    errorCount,
+    index: index_1
+  }) => {
+    dispatch({
+      type: 'UPDATE_ERROR_COUNT',
+      count: errorCount,
+      index: index_1
+    });
+  }, []);
+  const saveAllDocs = React.useCallback(async ({
+    overrides
+  } = {}) => {
+    const currentFormsData_0 = getFormDataRef.current();
+    const currentForms = [...forms];
+    currentForms[activeIndex] = {
+      errorCount: currentForms[activeIndex].errorCount,
+      formState: currentFormsData_0
+    };
+    const newDocs = [];
+    setIsUploading(true);
+    for (let i_1 = 0; i_1 < currentForms.length; i_1++) {
+      try {
+        const form_0 = currentForms[i_1];
+        setLoadingText(t('general:uploadingBulk', {
+          current: i_1 + 1,
+          total: currentForms.length
+        }));
+        const req = await fetch(actionURL, {
+          body: createFormData(form_0.formState, overrides),
+          method: 'POST'
+        });
+        const json_0 = await req.json();
+        if (req.status === 201 && json_0?.doc) {
+          newDocs.push(json_0.doc);
+        }
+        // should expose some sort of helper for this
+        if (json_0?.errors?.length) {
+          const [fieldErrors, nonFieldErrors] = json_0.errors.reduce(([fieldErrs, nonFieldErrs], err) => {
+            const newFieldErrs = [];
+            const newNonFieldErrs = [];
+            if (err?.message) {
+              newNonFieldErrs.push(err);
+            }
+            if (Array.isArray(err?.data?.errors)) {
+              err.data?.errors.forEach(dataError => {
+                if (dataError?.path) {
+                  newFieldErrs.push(dataError);
+                } else {
+                  newNonFieldErrs.push(dataError);
+                }
+              });
+            }
+            return [[...fieldErrs, ...newFieldErrs], [...nonFieldErrs, ...newNonFieldErrs]];
+          }, [[], []]);
+          currentForms[i_1] = {
+            errorCount: fieldErrors.length,
+            formState: fieldReducer(currentForms[i_1].formState, {
+              type: 'ADD_SERVER_ERRORS',
+              errors: fieldErrors
+            })
+          };
+          if (req.status === 413) {
+            // file too large
+            currentForms[i_1] = {
+              ...currentForms[i_1],
+              errorCount: currentForms[i_1].errorCount + 1
+            };
+            toast.error(nonFieldErrors[0]?.message);
+          }
+        }
+      } catch (_) {
+        // swallow
+      }
+    }
+    setHasSubmitted(true);
+    setLoadingText('');
+    setIsUploading(false);
+    const remainingForms = currentForms.filter(({
+      errorCount: errorCount_0
+    }) => errorCount_0 > 0);
+    const successCount = Math.max(0, currentForms.length - remainingForms.length);
+    const errorCount_1 = currentForms.length - successCount;
+    if (successCount) {
+      toast.success(`Successfully saved ${successCount} files`);
+      if (typeof onSuccess === 'function') {
+        onSuccess(newDocs, errorCount_1);
+      }
+    }
+    if (errorCount_1) {
+      toast.error(`Failed to save ${errorCount_1} files`);
+    } else {
+      closeModal(drawerSlug);
+    }
+    dispatch({
+      type: 'REPLACE',
+      state: {
+        activeIndex: 0,
+        forms: remainingForms,
+        totalErrorCount: remainingForms.reduce((acc, {
+          errorCount: errorCount_2
+        }) => acc + errorCount_2, 0)
+      }
+    });
+  }, [actionURL, activeIndex, forms, onSuccess, t, closeModal, drawerSlug]);
+  React.useEffect(() => {
+    if (!collectionSlug) {
+      return;
+    }
+    if (!hasInitializedState) {
+      void initializeSharedFormState();
+    }
+    if (!hasInitializedDocPermissions) {
+      void initializeSharedDocPermissions();
+    }
+    if (initialFiles) {
+      if (!hasInitializedState || !hasInitializedDocPermissions) {
+        setIsInitializing(true);
+      } else {
+        setIsInitializing(false);
+      }
+    }
+    if (hasInitializedState && initialFiles && !hasInitializedWithFiles.current) {
+      void addFiles(initialFiles);
+      hasInitializedWithFiles.current = true;
+    }
+    return;
+  }, [addFiles, initialFiles, initializeSharedFormState, initializeSharedDocPermissions, collectionSlug, hasInitializedState, hasInitializedDocPermissions]);
+  return /*#__PURE__*/_jsxs(Context.Provider, {
+    value: {
+      activeIndex: state.activeIndex,
+      addFiles,
+      collectionSlug,
+      docPermissions,
+      documentSlots,
+      forms,
+      getFormDataRef,
+      hasPublishPermission,
+      hasSavePermission,
+      hasSubmitted,
+      isInitializing,
+      removeFile,
+      saveAllDocs,
+      setActiveIndex,
+      setFormTotalErrorCount,
+      thumbnailUrls: renderedThumbnails,
+      totalErrorCount
+    },
+    children: [isUploading && /*#__PURE__*/_jsx(LoadingOverlay, {
+      animationDuration: "250ms",
+      loadingText: loadingText,
+      overlayType: "fullscreen",
+      show: true
+    }), children]
+  });
+}
+export function useFormsManager() {
+  return React.useContext(Context);
+}
+//# sourceMappingURL=index.js.map

package/dist/elements/BulkUpload/FormsManager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useModal","qs","React","toast","fieldReducer","useConfig","useLocale","useServerFunctions","useTranslation","hasSavePermission","getHasSavePermission","LoadingOverlay","useLoadingOverlay","createThumbnail","useBulkUpload","createFormData","formsManagementReducer","Context","createContext","activeIndex","addFiles","Promise","resolve","collectionSlug","docPermissions","undefined","documentSlots","forms","getFormDataRef","current","hasPublishPermission","hasSubmitted","isInitializing","removeFile","saveAllDocs","setActiveIndex","setFormTotalErrorCount","thumbnailUrls","totalErrorCount","initialState","FormsManagerProvider","children","config","routes","api","serverURL","code","i18n","t","getDocumentSlots","getFormState","setDocumentSlots","useState","setHasSubmitted","setDocPermissions","setHasSavePermission","setHasPublishPermission","hasInitializedState","setHasInitializedState","hasInitializedDocPermissions","setHasInitializedDocPermissions","setIsInitializing","state","dispatch","useReducer","formsRef","useRef","formsCount","length","thumbnailUrlsRef","processedFiles","Set","renderedThumbnails","setRenderedThumbnails","useEffect","newThumbnails","i","file","formState","value","has","add","thumbnailUrl","setTimeout","toggleLoadingOverlay","closeModal","drawerSlug","initialFiles","onSuccess","isUploading","setIsUploading","loadingText","setLoadingText","hasInitializedWithFiles","initialStateRef","actionURL","initializeSharedDocPermissions","useCallback","params","locale","docAccessURL","res","fetch","stringify","credentials","headers","language","method","json","publishedAccessJSON","body","JSON","_status","then","isEditing","update","initializeSharedFormState","abortController","signal","abort","formStateWithoutFiles","docPreferences","fields","operation","renderAllFields","schemaPath","_err","index","currentFormsData","type","map","form","errorCount","files","isLoading","key","count","overrides","currentForms","newDocs","total","req","status","doc","push","errors","fieldErrors","nonFieldErrors","reduce","fieldErrs","nonFieldErrs","err","newFieldErrs","newNonFieldErrs","message","Array","isArray","data","forEach","dataError","path","error","_","remainingForms","filter","successCount","Math","max","success","acc","_jsxs","Provider","_jsx","animationDuration","overlayType","show","useFormsManager","useContext"],"sources":["../../../../src/elements/BulkUpload/FormsManager/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Data, DocumentSlots, FormState, SanitizedDocumentPermissions } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport type { State } from './reducer.js'\n\nimport { fieldReducer } from '../../../forms/Form/fieldReducer.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useServerFunctions } from '../../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { hasSavePermission as getHasSavePermission } from '../../../utilities/hasSavePermission.js'\nimport { LoadingOverlay } from '../../Loading/index.js'\nimport { useLoadingOverlay } from '../../LoadingOverlay/index.js'\nimport { createThumbnail } from '../../Thumbnail/createThumbnail.js'\nimport { useBulkUpload } from '../index.js'\nimport { createFormData } from './createFormData.js'\nimport { formsManagementReducer } from './reducer.js'\n\ntype FormsManagerContext = {\n  readonly activeIndex: State['activeIndex']\n  readonly addFiles: (filelist: FileList) => Promise<void>\n  readonly collectionSlug: string\n  readonly docPermissions?: SanitizedDocumentPermissions\n  readonly documentSlots: DocumentSlots\n  readonly forms: State['forms']\n  getFormDataRef: React.RefObject<() => Data>\n  readonly hasPublishPermission: boolean\n  readonly hasSavePermission: boolean\n  readonly hasSubmitted: boolean\n  readonly isInitializing: boolean\n  readonly removeFile: (index: number) => void\n  readonly saveAllDocs: ({ overrides }?: { overrides?: Record<string, unknown> }) => Promise<void>\n  readonly setActiveIndex: (index: number) => void\n  readonly setFormTotalErrorCount: ({\n    errorCount,\n    index,\n  }: {\n    errorCount: number\n    index: number\n  }) => void\n  readonly thumbnailUrls: string[]\n  readonly totalErrorCount?: number\n}\n\nconst Context = React.createContext<FormsManagerContext>({\n  activeIndex: 0,\n  addFiles: () => Promise.resolve(),\n  collectionSlug: '',\n  docPermissions: undefined,\n  documentSlots: {},\n  forms: [],\n  getFormDataRef: { current: () => ({}) },\n  hasPublishPermission: false,\n  hasSavePermission: false,\n  hasSubmitted: false,\n  isInitializing: false,\n  removeFile: () => {},\n  saveAllDocs: () => Promise.resolve(),\n  setActiveIndex: () => 0,\n  setFormTotalErrorCount: () => {},\n  thumbnailUrls: [],\n  totalErrorCount: 0,\n})\n\nconst initialState: State = {\n  activeIndex: 0,\n  forms: [],\n  totalErrorCount: 0,\n}\n\ntype FormsManagerProps = {\n  readonly children: React.ReactNode\n}\n\nexport function FormsManagerProvider({ children }: FormsManagerProps) {\n  const { config } = useConfig()\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n  const { code } = useLocale()\n  const { i18n, t } = useTranslation()\n\n  const { getDocumentSlots, getFormState } = useServerFunctions()\n\n  const [documentSlots, setDocumentSlots] = React.useState<DocumentSlots>({})\n  const [hasSubmitted, setHasSubmitted] = React.useState(false)\n  const [docPermissions, setDocPermissions] = React.useState<SanitizedDocumentPermissions>()\n  const [hasSavePermission, setHasSavePermission] = React.useState(false)\n  const [hasPublishPermission, setHasPublishPermission] = React.useState(false)\n  const [hasInitializedState, setHasInitializedState] = React.useState(false)\n  const [hasInitializedDocPermissions, setHasInitializedDocPermissions] = React.useState(false)\n  const [isInitializing, setIsInitializing] = React.useState(false)\n  const [state, dispatch] = React.useReducer(formsManagementReducer, initialState)\n  const { activeIndex, forms, totalErrorCount } = state\n\n  const formsRef = React.useRef(forms)\n  formsRef.current = forms\n  const formsCount = forms.length\n\n  const thumbnailUrlsRef = React.useRef<string[]>([])\n  const processedFiles = React.useRef(new Set()) // Track already-processed files\n  const [renderedThumbnails, setRenderedThumbnails] = React.useState<string[]>([])\n\n  React.useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n    ;(async () => {\n      const newThumbnails = [...thumbnailUrlsRef.current]\n\n      for (let i = 0; i < formsCount; i++) {\n        const file = formsRef.current[i].formState.file.value as File\n\n        // Skip if already processed\n        if (processedFiles.current.has(file) || !file) {\n          continue\n        }\n        processedFiles.current.add(file)\n\n        // Generate thumbnail and update ref\n        const thumbnailUrl = await createThumbnail(file)\n        newThumbnails[i] = thumbnailUrl\n        thumbnailUrlsRef.current = newThumbnails\n\n        // Trigger re-render in batches\n        setRenderedThumbnails([...newThumbnails])\n        await new Promise((resolve) => setTimeout(resolve, 100))\n      }\n    })()\n  }, [formsCount])\n\n  const { toggleLoadingOverlay } = useLoadingOverlay()\n  const { closeModal } = useModal()\n  const { collectionSlug, drawerSlug, initialFiles, onSuccess } = useBulkUpload()\n\n  const [isUploading, setIsUploading] = React.useState(false)\n  const [loadingText, setLoadingText] = React.useState('')\n\n  const hasInitializedWithFiles = React.useRef(false)\n  const initialStateRef = React.useRef<FormState>(null)\n  const getFormDataRef = React.useRef<() => Data>(() => ({}))\n\n  const actionURL = `${api}/${collectionSlug}`\n\n  const initializeSharedDocPermissions = React.useCallback(async () => {\n    const params = {\n      locale: code || undefined,\n    }\n\n    const docAccessURL = `/${collectionSlug}/access`\n    const res = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {\n      credentials: 'include',\n      headers: {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n      },\n      method: 'post',\n    })\n\n    const json: SanitizedDocumentPermissions = await res.json()\n    const publishedAccessJSON = await fetch(\n      `${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`,\n      {\n        body: JSON.stringify({\n          _status: 'published',\n        }),\n        credentials: 'include',\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n      },\n    ).then((res) => res.json())\n\n    setDocPermissions(json)\n\n    setHasSavePermission(\n      getHasSavePermission({\n        collectionSlug,\n        docPermissions: json,\n        isEditing: false,\n      }),\n    )\n\n    setHasPublishPermission(publishedAccessJSON?.update)\n    setHasInitializedDocPermissions(true)\n  }, [api, code, collectionSlug, i18n.language, serverURL])\n\n  const initializeSharedFormState = React.useCallback(\n    async (abortController?: AbortController) => {\n      if (abortController?.signal) {\n        abortController.abort('aborting previous fetch for initial form state without files')\n      }\n\n      // FETCH AND SET THE DOCUMENT SLOTS HERE!\n      const documentSlots = await getDocumentSlots({ collectionSlug })\n      setDocumentSlots(documentSlots)\n\n      try {\n        const { state: formStateWithoutFiles } = await getFormState({\n          collectionSlug,\n          docPermissions,\n          docPreferences: { fields: {} },\n          locale: code,\n          operation: 'create',\n          renderAllFields: true,\n          schemaPath: collectionSlug,\n        })\n        initialStateRef.current = formStateWithoutFiles\n        setHasInitializedState(true)\n      } catch (_err) {\n        // swallow error\n      }\n    },\n    [getDocumentSlots, collectionSlug, getFormState, docPermissions, code],\n  )\n\n  const setActiveIndex: FormsManagerContext['setActiveIndex'] = React.useCallback(\n    (index: number) => {\n      const currentFormsData = getFormDataRef.current()\n      dispatch({\n        type: 'REPLACE',\n        state: {\n          activeIndex: index,\n          forms: forms.map((form, i) => {\n            if (i === activeIndex) {\n              return {\n                errorCount: form.errorCount,\n                formState: currentFormsData,\n              }\n            }\n            return form\n          }),\n        },\n      })\n    },\n    [forms, activeIndex],\n  )\n\n  const addFiles = React.useCallback(\n    async (files: FileList) => {\n      toggleLoadingOverlay({ isLoading: true, key: 'addingDocs' })\n      if (!hasInitializedState) {\n        await initializeSharedFormState()\n      }\n      dispatch({ type: 'ADD_FORMS', files, initialState: initialStateRef.current })\n      toggleLoadingOverlay({ isLoading: false, key: 'addingDocs' })\n    },\n    [initializeSharedFormState, hasInitializedState, toggleLoadingOverlay],\n  )\n\n  const removeFile: FormsManagerContext['removeFile'] = React.useCallback((index) => {\n    dispatch({ type: 'REMOVE_FORM', index })\n  }, [])\n\n  const setFormTotalErrorCount: FormsManagerContext['setFormTotalErrorCount'] = React.useCallback(\n    ({ errorCount, index }) => {\n      dispatch({\n        type: 'UPDATE_ERROR_COUNT',\n        count: errorCount,\n        index,\n      })\n    },\n    [],\n  )\n\n  const saveAllDocs: FormsManagerContext['saveAllDocs'] = React.useCallback(\n    async ({ overrides } = {}) => {\n      const currentFormsData = getFormDataRef.current()\n      const currentForms = [...forms]\n      currentForms[activeIndex] = {\n        errorCount: currentForms[activeIndex].errorCount,\n        formState: currentFormsData,\n      }\n      const newDocs = []\n\n      setIsUploading(true)\n\n      for (let i = 0; i < currentForms.length; i++) {\n        try {\n          const form = currentForms[i]\n\n          setLoadingText(t('general:uploadingBulk', { current: i + 1, total: currentForms.length }))\n\n          const req = await fetch(actionURL, {\n            body: createFormData(form.formState, overrides),\n            method: 'POST',\n          })\n\n          const json = await req.json()\n\n          if (req.status === 201 && json?.doc) {\n            newDocs.push(json.doc)\n          }\n\n          // should expose some sort of helper for this\n          if (json?.errors?.length) {\n            const [fieldErrors, nonFieldErrors] = json.errors.reduce(\n              ([fieldErrs, nonFieldErrs], err) => {\n                const newFieldErrs: any[] = []\n                const newNonFieldErrs: any[] = []\n\n                if (err?.message) {\n                  newNonFieldErrs.push(err)\n                }\n\n                if (Array.isArray(err?.data?.errors)) {\n                  err.data?.errors.forEach((dataError) => {\n                    if (dataError?.path) {\n                      newFieldErrs.push(dataError)\n                    } else {\n                      newNonFieldErrs.push(dataError)\n                    }\n                  })\n                }\n\n                return [\n                  [...fieldErrs, ...newFieldErrs],\n                  [...nonFieldErrs, ...newNonFieldErrs],\n                ]\n              },\n              [[], []],\n            )\n\n            currentForms[i] = {\n              errorCount: fieldErrors.length,\n              formState: fieldReducer(currentForms[i].formState, {\n                type: 'ADD_SERVER_ERRORS',\n                errors: fieldErrors,\n              }),\n            }\n\n            if (req.status === 413) {\n              // file too large\n              currentForms[i] = {\n                ...currentForms[i],\n                errorCount: currentForms[i].errorCount + 1,\n              }\n\n              toast.error(nonFieldErrors[0]?.message)\n            }\n          }\n        } catch (_) {\n          // swallow\n        }\n      }\n\n      setHasSubmitted(true)\n      setLoadingText('')\n      setIsUploading(false)\n\n      const remainingForms = currentForms.filter(({ errorCount }) => errorCount > 0)\n      const successCount = Math.max(0, currentForms.length - remainingForms.length)\n      const errorCount = currentForms.length - successCount\n\n      if (successCount) {\n        toast.success(`Successfully saved ${successCount} files`)\n\n        if (typeof onSuccess === 'function') {\n          onSuccess(newDocs, errorCount)\n        }\n      }\n\n      if (errorCount) {\n        toast.error(`Failed to save ${errorCount} files`)\n      } else {\n        closeModal(drawerSlug)\n      }\n\n      dispatch({\n        type: 'REPLACE',\n        state: {\n          activeIndex: 0,\n          forms: remainingForms,\n          totalErrorCount: remainingForms.reduce((acc, { errorCount }) => acc + errorCount, 0),\n        },\n      })\n    },\n    [actionURL, activeIndex, forms, onSuccess, t, closeModal, drawerSlug],\n  )\n\n  React.useEffect(() => {\n    if (!collectionSlug) {\n      return\n    }\n    if (!hasInitializedState) {\n      void initializeSharedFormState()\n    }\n\n    if (!hasInitializedDocPermissions) {\n      void initializeSharedDocPermissions()\n    }\n\n    if (initialFiles) {\n      if (!hasInitializedState || !hasInitializedDocPermissions) {\n        setIsInitializing(true)\n      } else {\n        setIsInitializing(false)\n      }\n    }\n\n    if (hasInitializedState && initialFiles && !hasInitializedWithFiles.current) {\n      void addFiles(initialFiles)\n      hasInitializedWithFiles.current = true\n    }\n    return\n  }, [\n    addFiles,\n    initialFiles,\n    initializeSharedFormState,\n    initializeSharedDocPermissions,\n    collectionSlug,\n    hasInitializedState,\n    hasInitializedDocPermissions,\n  ])\n\n  return (\n    <Context.Provider\n      value={{\n        activeIndex: state.activeIndex,\n        addFiles,\n        collectionSlug,\n        docPermissions,\n        documentSlots,\n        forms,\n        getFormDataRef,\n        hasPublishPermission,\n        hasSavePermission,\n        hasSubmitted,\n        isInitializing,\n        removeFile,\n        saveAllDocs,\n        setActiveIndex,\n        setFormTotalErrorCount,\n        thumbnailUrls: renderedThumbnails,\n        totalErrorCount,\n      }}\n    >\n      {isUploading && (\n        <LoadingOverlay\n          animationDuration=\"250ms\"\n          loadingText={loadingText}\n          overlayType=\"fullscreen\"\n          show\n        />\n      )}\n      {children}\n    </Context.Provider>\n  )\n}\n\nexport function useFormsManager() {\n  return React.useContext(Context)\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/BulkUpload/FormsManager/reducer.d.ts

@@ -0,0 +1,30 @@
+import type { FormState } from 'payload';
+export type State = {
+    activeIndex: number;
+    forms: {
+        errorCount: number;
+        formState: FormState;
+    }[];
+    totalErrorCount: number;
+};
+type Action = {
+    count: number;
+    index: number;
+    type: 'UPDATE_ERROR_COUNT';
+} | {
+    files: FileList;
+    initialState: FormState | null;
+    type: 'ADD_FORMS';
+} | {
+    index: number;
+    type: 'REMOVE_FORM';
+} | {
+    index: number;
+    type: 'SET_ACTIVE_INDEX';
+} | {
+    state: Partial<State>;
+    type: 'REPLACE';
+};
+export declare function formsManagementReducer(state: State, action: Action): State;
+export {};
+//# sourceMappingURL=reducer.d.ts.map

package/dist/elements/BulkUpload/FormsManager/reducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/FormsManager/reducer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,MAAM,MAAM,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE;QACL,UAAU,EAAE,MAAM,CAAA;QAClB,SAAS,EAAE,SAAS,CAAA;KACrB,EAAE,CAAA;IACH,eAAe,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,KAAK,MAAM,GACP;IACE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,oBAAoB,CAAA;CAC3B,GACD;IACE,KAAK,EAAE,QAAQ,CAAA;IACf,YAAY,EAAE,SAAS,GAAG,IAAI,CAAA;IAC9B,IAAI,EAAE,WAAW,CAAA;CAClB,GACD;IACE,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,aAAa,CAAA;CACpB,GACD;IACE,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,kBAAkB,CAAA;CACzB,GACD;IACE,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACrB,IAAI,EAAE,SAAS,CAAA;CAChB,CAAA;AAEL,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,KAAK,CAsE1E"}

package/dist/elements/BulkUpload/FormsManager/reducer.js

@@ -0,0 +1,69 @@
+export function formsManagementReducer(state, action) {
+  switch (action.type) {
+    case 'ADD_FORMS':
+      {
+        const newForms = [];
+        for (let i = 0; i < action.files.length; i++) {
+          newForms[i] = {
+            errorCount: 0,
+            formState: {
+              ...(action.initialState || {}),
+              file: {
+                initialValue: action.files[i],
+                valid: true,
+                value: action.files[i]
+              }
+            }
+          };
+        }
+        return {
+          ...state,
+          activeIndex: 0,
+          forms: [...newForms, ...state.forms]
+        };
+      }
+    case 'REMOVE_FORM':
+      {
+        const remainingFormStates = [...state.forms];
+        const [removedForm] = remainingFormStates.splice(action.index, 1);
+        const affectedByShift = state.activeIndex >= action.index;
+        const nextIndex = state.activeIndex === action.index ? action.index : affectedByShift ? state.activeIndex - 1 : state.activeIndex;
+        const boundedActiveIndex = Math.min(remainingFormStates.length - 1, nextIndex);
+        return {
+          ...state,
+          activeIndex: affectedByShift ? boundedActiveIndex : state.activeIndex,
+          forms: remainingFormStates,
+          totalErrorCount: state.totalErrorCount - removedForm.errorCount
+        };
+      }
+    case 'REPLACE':
+      {
+        return {
+          ...state,
+          ...action.state
+        };
+      }
+    case 'SET_ACTIVE_INDEX':
+      {
+        return {
+          ...state,
+          activeIndex: action.index
+        };
+      }
+    case 'UPDATE_ERROR_COUNT':
+      {
+        const forms = [...state.forms];
+        forms[action.index].errorCount = action.count;
+        return {
+          ...state,
+          forms,
+          totalErrorCount: state.forms.reduce((acc, form) => acc + form.errorCount, 0)
+        };
+      }
+    default:
+      {
+        return state;
+      }
+  }
+}
+//# sourceMappingURL=reducer.js.map

package/dist/elements/BulkUpload/FormsManager/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.js","names":["formsManagementReducer","state","action","type","newForms","i","files","length","errorCount","formState","initialState","file","initialValue","valid","value","activeIndex","forms","remainingFormStates","removedForm","splice","index","affectedByShift","nextIndex","boundedActiveIndex","Math","min","totalErrorCount","count","reduce","acc","form"],"sources":["../../../../src/elements/BulkUpload/FormsManager/reducer.ts"],"sourcesContent":["import type { FormState } from 'payload'\n\nexport type State = {\n  activeIndex: number\n  forms: {\n    errorCount: number\n    formState: FormState\n  }[]\n  totalErrorCount: number\n}\n\ntype Action =\n  | {\n      count: number\n      index: number\n      type: 'UPDATE_ERROR_COUNT'\n    }\n  | {\n      files: FileList\n      initialState: FormState | null\n      type: 'ADD_FORMS'\n    }\n  | {\n      index: number\n      type: 'REMOVE_FORM'\n    }\n  | {\n      index: number\n      type: 'SET_ACTIVE_INDEX'\n    }\n  | {\n      state: Partial<State>\n      type: 'REPLACE'\n    }\n\nexport function formsManagementReducer(state: State, action: Action): State {\n  switch (action.type) {\n    case 'ADD_FORMS': {\n      const newForms: State['forms'] = []\n      for (let i = 0; i < action.files.length; i++) {\n        newForms[i] = {\n          errorCount: 0,\n          formState: {\n            ...(action.initialState || {}),\n            file: {\n              initialValue: action.files[i],\n              valid: true,\n              value: action.files[i],\n            },\n          },\n        }\n      }\n\n      return {\n        ...state,\n        activeIndex: 0,\n        forms: [...newForms, ...state.forms],\n      }\n    }\n    case 'REMOVE_FORM': {\n      const remainingFormStates = [...state.forms]\n      const [removedForm] = remainingFormStates.splice(action.index, 1)\n\n      const affectedByShift = state.activeIndex >= action.index\n      const nextIndex =\n        state.activeIndex === action.index\n          ? action.index\n          : affectedByShift\n            ? state.activeIndex - 1\n            : state.activeIndex\n      const boundedActiveIndex = Math.min(remainingFormStates.length - 1, nextIndex)\n\n      return {\n        ...state,\n        activeIndex: affectedByShift ? boundedActiveIndex : state.activeIndex,\n        forms: remainingFormStates,\n        totalErrorCount: state.totalErrorCount - removedForm.errorCount,\n      }\n    }\n    case 'REPLACE': {\n      return {\n        ...state,\n        ...action.state,\n      }\n    }\n    case 'SET_ACTIVE_INDEX': {\n      return {\n        ...state,\n        activeIndex: action.index,\n      }\n    }\n    case 'UPDATE_ERROR_COUNT': {\n      const forms = [...state.forms]\n      forms[action.index].errorCount = action.count\n\n      return {\n        ...state,\n        forms,\n        totalErrorCount: state.forms.reduce((acc, form) => acc + form.errorCount, 0),\n      }\n    }\n    default: {\n      return state\n    }\n  }\n}\n"],"mappings":"AAmCA,OAAO,SAASA,uBAAuBC,KAAY,EAAEC,MAAc;EACjE,QAAQA,MAAA,CAAOC,IAAI;IACjB,KAAK;MAAa;QAChB,MAAMC,QAAA,GAA2B,EAAE;QACnC,KAAK,IAAIC,CAAA,GAAI,GAAGA,CAAA,GAAIH,MAAA,CAAOI,KAAK,CAACC,MAAM,EAAEF,CAAA,IAAK;UAC5CD,QAAQ,CAACC,CAAA,CAAE,GAAG;YACZG,UAAA,EAAY;YACZC,SAAA,EAAW;cACT,IAAIP,MAAA,CAAOQ,YAAY,IAAI,CAAC,CAAC;cAC7BC,IAAA,EAAM;gBACJC,YAAA,EAAcV,MAAA,CAAOI,KAAK,CAACD,CAAA,CAAE;gBAC7BQ,KAAA,EAAO;gBACPC,KAAA,EAAOZ,MAAA,CAAOI,KAAK,CAACD,CAAA;cACtB;YACF;UACF;QACF;QAEA,OAAO;UACL,GAAGJ,KAAK;UACRc,WAAA,EAAa;UACbC,KAAA,EAAO,C,GAAIZ,QAAA,E,GAAaH,KAAA,CAAMe,KAAK;QACrC;MACF;IACA,KAAK;MAAe;QAClB,MAAMC,mBAAA,GAAsB,C,GAAIhB,KAAA,CAAMe,KAAK,CAAC;QAC5C,MAAM,CAACE,WAAA,CAAY,GAAGD,mBAAA,CAAoBE,MAAM,CAACjB,MAAA,CAAOkB,KAAK,EAAE;QAE/D,MAAMC,eAAA,GAAkBpB,KAAA,CAAMc,WAAW,IAAIb,MAAA,CAAOkB,KAAK;QACzD,MAAME,SAAA,GACJrB,KAAA,CAAMc,WAAW,KAAKb,MAAA,CAAOkB,KAAK,GAC9BlB,MAAA,CAAOkB,KAAK,GACZC,eAAA,GACEpB,KAAA,CAAMc,WAAW,GAAG,IACpBd,KAAA,CAAMc,WAAW;QACzB,MAAMQ,kBAAA,GAAqBC,IAAA,CAAKC,GAAG,CAACR,mBAAA,CAAoBV,MAAM,GAAG,GAAGe,SAAA;QAEpE,OAAO;UACL,GAAGrB,KAAK;UACRc,WAAA,EAAaM,eAAA,GAAkBE,kBAAA,GAAqBtB,KAAA,CAAMc,WAAW;UACrEC,KAAA,EAAOC,mBAAA;UACPS,eAAA,EAAiBzB,KAAA,CAAMyB,eAAe,GAAGR,WAAA,CAAYV;QACvD;MACF;IACA,KAAK;MAAW;QACd,OAAO;UACL,GAAGP,KAAK;UACR,GAAGC,MAAA,CAAOD;QACZ;MACF;IACA,KAAK;MAAoB;QACvB,OAAO;UACL,GAAGA,KAAK;UACRc,WAAA,EAAab,MAAA,CAAOkB;QACtB;MACF;IACA,KAAK;MAAsB;QACzB,MAAMJ,KAAA,GAAQ,C,GAAIf,KAAA,CAAMe,KAAK,CAAC;QAC9BA,KAAK,CAACd,MAAA,CAAOkB,KAAK,CAAC,CAACZ,UAAU,GAAGN,MAAA,CAAOyB,KAAK;QAE7C,OAAO;UACL,GAAG1B,KAAK;UACRe,KAAA;UACAU,eAAA,EAAiBzB,KAAA,CAAMe,KAAK,CAACY,MAAM,CAAC,CAACC,GAAA,EAAKC,IAAA,KAASD,GAAA,GAAMC,IAAA,CAAKtB,UAAU,EAAE;QAC5E;MACF;IACA;MAAS;QACP,OAAOP,KAAA;MACT;EACF;AACF","ignoreList":[]}

package/dist/elements/BulkUpload/Header/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.scss';
+type Props = {
+    readonly onClose: () => void;
+    readonly title: string;
+};
+export declare function DrawerHeader({ onClose, title }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/BulkUpload/Header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/BulkUpload/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AACD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,qBAOrD"}

package/dist/elements/BulkUpload/Header/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { DrawerCloseButton } from '../DrawerCloseButton/index.js';
+import './index.scss';
+const baseClass = 'bulk-upload--drawer-header';
+export function DrawerHeader({
+  onClose,
+  title
+}) {
+  return /*#__PURE__*/_jsxs("div", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsx("h2", {
+      title: title,
+      children: title
+    }), /*#__PURE__*/_jsx(DrawerCloseButton, {
+      onClick: onClose
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/elements/BulkUpload/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","DrawerCloseButton","baseClass","DrawerHeader","onClose","title","_jsxs","className","_jsx","onClick"],"sources":["../../../../src/elements/BulkUpload/Header/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { DrawerCloseButton } from '../DrawerCloseButton/index.js'\nimport './index.scss'\n\nconst baseClass = 'bulk-upload--drawer-header'\n\ntype Props = {\n  readonly onClose: () => void\n  readonly title: string\n}\nexport function DrawerHeader({ onClose, title }: Props) {\n  return (\n    <div className={baseClass}>\n      <h2 title={title}>{title}</h2>\n      <DrawerCloseButton onClick={onClose} />\n    </div>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,iBAAiB,QAAQ;AAClC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAASC,aAAa;EAAEC,OAAO;EAAEC;AAAK,CAAS;EACpD,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAWL,SAAA;4BACdM,IAAA,CAAC;MAAGH,KAAA,EAAOA,KAAA;gBAAQA;qBACnBG,IAAA,CAACP,iBAAA;MAAkBQ,OAAA,EAASL;;;AAGlC","ignoreList":[]}

package/dist/elements/BulkUpload/Header/index.scss

@@ -0,0 +1,14 @@
+@layer payload-default {
+  .bulk-upload--drawer-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: calc(var(--base) * 2.5) var(--gutter-h);
+    height: 48px;
+    border-bottom: 1px solid var(--theme-border-color);
+
+    h2 {
+      margin: 0;
+    }
+  }
+}

package/dist/elements/BulkUpload/index.d.ts

@@ -0,0 +1,26 @@
+import type { JsonObject } from 'payload';
+import React from 'react';
+export type BulkUploadProps = {
+    readonly children: React.ReactNode;
+};
+export declare function BulkUploadDrawer(): React.JSX.Element;
+type BulkUploadContext = {
+    collectionSlug: string;
+    drawerSlug: string;
+    initialFiles: FileList;
+    maxFiles: number;
+    onCancel: () => void;
+    onSuccess: (newDocs: JsonObject[], errorCount: number) => void;
+    setCollectionSlug: (slug: string) => void;
+    setInitialFiles: (files: FileList) => void;
+    setMaxFiles: (maxFiles: number) => void;
+    setOnCancel: (onCancel: BulkUploadContext['onCancel']) => void;
+    setOnSuccess: (onSuccess: BulkUploadContext['onSuccess']) => void;
+};
+export declare function BulkUploadProvider({ children }: {
+    readonly children: React.ReactNode;
+}): React.JSX.Element;
+export declare const useBulkUpload: () => BulkUploadContext;
+export declare function useBulkUploadDrawerSlug(): string;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/BulkUpload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/BulkUpload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAIzC,OAAO,KAAK,MAAM,OAAO,CAAA;AA6DzB,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACnC,CAAA;AAED,wBAAgB,gBAAgB,sBAU/B;AAED,KAAK,iBAAiB,GAAG;IACvB,cAAc,EAAE,MAAM,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,QAAQ,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9D,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,eAAe,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IAC1C,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IAC9D,YAAY,EAAE,CAAC,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;CAClE,CAAA;AAeD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBA8CtF;AAED,eAAO,MAAM,aAAa,yBAAkC,CAAA;AAE5D,wBAAgB,uBAAuB,WAItC"}