@lmb-it/kitsconcerto-native 0.1.236

package/form/file-pickers/MainUploader/index.cjs

@@ -0,0 +1,316 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var DocumentPicker = require('react-native-document-picker');
+var reactNativeImagePicker = require('react-native-image-picker');
+var RNFS = require('react-native-fs');
+require('react-icons/fa');
+require('react-icons/ai');
+require('react-icons/io');
+var filesTypes = require('../../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.cjs');
+require('yup');
+require('../../../packages/types/src/Css/map/index.cjs');
+require('../../../packages/types/src/Theme/shadows.cjs');
+require('../../../packages/types/src/Theme/defaultTheme.cjs');
+var index_native$1 = require('../SingleFileUploader/index.cjs');
+var index_native$2 = require('../MultipleFileUploader/index.cjs');
+var index_native = require('../SingleImageUploader/index.cjs');
+var index_native$3 = require('../MultipleImageUploader/index.cjs');
+var File = require('../../../utils/File.cjs');
+var index = require('../../../layout/Flex/index.cjs');
+
+const FileUploaderContext = React.createContext({
+  onChangeAnyFileUploader: () => {
+  },
+  onPick: () => {
+  },
+  removeFile: () => () => {
+  },
+  onInvalidInput: () => {
+  },
+  disabled: false,
+  limit: 1,
+  isClassicUploader: true,
+  selectedInitialFiles: [],
+  selectedFiles: [],
+  acceptedMemes: [],
+  files: [],
+  id: "",
+  isImage: false
+});
+const stripExt = (name) => name.replace(/\.[^/.]+$/, "");
+const getExt = (name) => (name.split(".").pop() ?? "").toLowerCase();
+const readFileAsBase64 = async (uri) => {
+  const path = uri.startsWith("file://") ? uri.replace("file://", "") : uri;
+  return RNFS.readFile(path, "base64");
+};
+const MainUploader = (props) => {
+  const {
+    acceptedTypes,
+    type,
+    classicUploader = true,
+    limit = 1,
+    onError,
+    onFocus,
+    placeholder,
+    defaultValue,
+    multiple,
+    isJsonOutput = true,
+    onChange,
+    value,
+    name,
+    disabled,
+    maxFileSize,
+    minFileSize,
+    children
+  } = props;
+  const initialValueSynced = React.useRef(false);
+  const [selectedFiles, setSelectedFiles] = React.useState([]);
+  const [selectedInitialFiles, setSelectedInitialFiles] = React.useState([]);
+  const [selectedFilesAsBase64, setSelectedFilesAsBase64] = React.useState([]);
+  const isImage = type === "Image";
+  const isOneFile = !multiple || limit < 2;
+  const onInvalidInput = (err) => onError?.(err);
+  const acceptedMemes = React.useMemo(() => {
+    return acceptedTypes ? filesTypes.toMemes(acceptedTypes) : filesTypes.toMemes(["allFiles"]);
+  }, [acceptedTypes]);
+  const validateSize = (sizeBytes) => {
+    if (!sizeBytes) return true;
+    const sizeKB = sizeBytes / 1e3;
+    if (maxFileSize && sizeKB > maxFileSize) return false;
+    return !(minFileSize && sizeKB < minFileSize);
+  };
+  const pickDocuments = async () => {
+    try {
+      const types = {
+        allowMultiSelection: !isOneFile,
+        // copy to cache so we can read base64 reliably
+        copyTo: "cachesDirectory",
+        // DocumentPicker supports mime list; if empty let OS choose anything
+        type: acceptedMemes.length ? acceptedMemes : [DocumentPicker.types.allFiles]
+      };
+      const res = await DocumentPicker.pick(types);
+      const docs = (Array.isArray(res) ? res : [res]).map((d) => ({
+        uri: d.fileCopyUri || d.uri,
+        name: d.name || "file",
+        type: d.type || void 0,
+        size: d.size || void 0
+      }));
+      const filtered = docs.filter((d) => {
+        const ok = validateSize(d.size);
+        if (!ok) {
+          onInvalidInput(`File "${d.name}" size is not allowed`);
+        }
+        return ok;
+      });
+      if (!filtered.length) return;
+      setSelectedFiles((prev) => {
+        if (isOneFile) {
+          const [first] = filtered;
+          return first ? [first] : prev;
+        }
+        return [...prev, ...filtered];
+      });
+      onInvalidInput("clear");
+    } catch (e) {
+      if (DocumentPicker.isCancel(e)) return;
+      onInvalidInput(e);
+    }
+  };
+  const pickImages = async () => {
+    try {
+      const res = await reactNativeImagePicker.launchImageLibrary({
+        mediaType: "photo",
+        selectionLimit: isOneFile ? 1 : limit,
+        includeBase64: true
+      });
+      if (res.didCancel) return;
+      if (res.errorCode) {
+        onInvalidInput(res.errorMessage || res.errorCode);
+        return;
+      }
+      const assets = res.assets || [];
+      const mapped = assets.filter((a) => !!a.uri).map((a) => ({
+        uri: a.uri,
+        name: a.fileName || "image",
+        type: a.type || "image/jpeg",
+        size: a.fileSize
+      })).filter((f) => {
+        const ok = validateSize(f.size);
+        if (!ok) onInvalidInput(`File "${f.name}" size is not allowed`);
+        return ok;
+      });
+      if (!mapped.length) return;
+      setSelectedFiles((prev) => {
+        if (isOneFile) {
+          const [first] = mapped;
+          return first ? [first] : prev;
+        }
+        return [...prev, ...mapped];
+      });
+      onInvalidInput("clear");
+      const b64 = assets.filter((a) => !!a.base64).map((a) => ({
+        filename: stripExt(a.fileName || "image"),
+        base64: a.base64,
+        type: a.type || "image/jpeg"
+      }));
+      setSelectedFilesAsBase64((prev) => isOneFile ? b64.slice(0, 1) : [...prev, ...b64]);
+    } catch (e) {
+      onInvalidInput(e);
+    }
+  };
+  const onChangeAnyFileUploader = (files) => {
+    if (disabled) {
+      return;
+    }
+    const filesList = [];
+    setSelectedFilesAsBase64([]);
+    for (let i = 0; i < files.length; i++) {
+      const f = files[i];
+      if (f) {
+        const fileSize = f.size / 1e3;
+        if ((!maxFileSize || fileSize <= maxFileSize) && (!minFileSize || fileSize >= minFileSize)) {
+          filesList.push(f);
+          onInvalidInput("clear");
+        } else {
+          let message = `File "${f.name}" is `;
+          if (maxFileSize && fileSize > maxFileSize) {
+            message += `too large. Maximum allowed is ${maxFileSize / 1e3} MB.`;
+          } else if (minFileSize && fileSize < minFileSize) {
+            message += `too small. Minimum allowed is ${minFileSize / 1e3} MB.`;
+          }
+          console.log(message);
+          onInvalidInput(message);
+        }
+      }
+    }
+    if (!isOneFile) {
+      setSelectedFiles((prevState) => {
+        return [...prevState, ...filesList];
+      });
+    } else {
+      if (filesList.length)
+        setSelectedFiles(filesList.slice(0, 1));
+    }
+  };
+  const onPick = async () => {
+    if (disabled) return;
+    if (isImage) return pickImages();
+    return pickDocuments();
+  };
+  const removeFile = (fileIndex) => () => {
+    if (fileIndex < selectedInitialFiles.length) {
+      setSelectedInitialFiles((prev) => prev.filter((_, i) => i !== fileIndex));
+      return;
+    }
+    const editIndex = fileIndex - selectedInitialFiles.length;
+    setSelectedFiles((prev) => prev.filter((_, i) => i !== editIndex));
+    setSelectedFilesAsBase64((prev) => prev.filter((_, i) => i !== editIndex));
+  };
+  React.useEffect(() => {
+    if (isImage) return;
+    const run = async () => {
+      try {
+        const next = [];
+        for (const f of selectedFiles) {
+          const b64 = await readFileAsBase64(f.uri);
+          next.push({
+            filename: stripExt(f.name),
+            base64: b64,
+            type: f.type || filesTypes.getType(getExt(f.name)) || "application/octet-stream"
+          });
+        }
+        setSelectedFilesAsBase64(next);
+      } catch (e) {
+        onInvalidInput(e);
+      }
+    };
+    run().then((r) => {
+    });
+  }, [selectedFiles, isImage]);
+  React.useEffect(() => {
+    if (disabled) return;
+    if (!selectedFiles.length && !selectedInitialFiles.length) {
+      onChange?.([], []);
+      return;
+    }
+    if (isJsonOutput) {
+      if (selectedFilesAsBase64.length === selectedFiles.length || isImage) {
+        onChange?.(selectedFiles, selectedFilesAsBase64);
+      }
+    } else {
+      onChange?.(selectedFiles, selectedFilesAsBase64);
+    }
+  }, [selectedFilesAsBase64, selectedInitialFiles, selectedFiles]);
+  React.useEffect(() => {
+    if (defaultValue) {
+      setSelectedInitialFiles(Array.isArray(defaultValue) ? defaultValue : [defaultValue]);
+    }
+  }, [defaultValue]);
+  React.useEffect(() => {
+    if (initialValueSynced.current) return;
+    if (value) {
+      setSelectedInitialFiles(Array.isArray(value) ? value : [value]);
+    }
+    initialValueSynced.current = true;
+  }, [value]);
+  const display = React.useMemo(() => {
+    const fromInitial = selectedInitialFiles.map((uri) => ({
+      name: uri.split("/").pop() ?? uri,
+      shortName: File.AnyFile.shortName(uri),
+      ext: getExt(uri),
+      file: { uri }
+    }));
+    const fromPicked = selectedFiles.map((f) => ({
+      name: f.name,
+      shortName: File.AnyFile.shortName(f.name),
+      ext: getExt(f.name),
+      file: { uri: f.uri }
+    }));
+    return [...fromInitial, ...fromPicked];
+  }, [selectedFiles, selectedInitialFiles]);
+  const updateFiles = (files) => {
+    const arr = Array.isArray(files) ? files : [files];
+    setSelectedFiles(arr);
+    setSelectedInitialFiles([]);
+    setSelectedFilesAsBase64([]);
+  };
+  const contextValue = {
+    onChangeAnyFileUploader,
+    onPick,
+    removeFile,
+    onInvalidInput,
+    selectedFiles,
+    selectedInitialFiles,
+    disabled,
+    limit,
+    placeholder,
+    isClassicUploader: classicUploader,
+    acceptedMemes,
+    files: display,
+    id: name ?? "",
+    isImage
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(FileUploaderContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(index.default, { onFocus, w: "full", children: children ? children({
+    values: selectedFiles,
+    browse: onPick,
+    update: updateFiles,
+    remove: (index) => removeFile(index)(),
+    type: isImage ? "image" : "file",
+    isMultiple: !isOneFile
+  }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    isImage && isOneFile && /* @__PURE__ */ jsxRuntime.jsx(index_native.default, {}),
+    !isImage && isOneFile && /* @__PURE__ */ jsxRuntime.jsx(index_native$1.default, {}),
+    !isImage && !isOneFile && /* @__PURE__ */ jsxRuntime.jsx(index_native$2.default, {}),
+    isImage && !isOneFile && /* @__PURE__ */ jsxRuntime.jsx(index_native$3.default, {})
+  ] }) }) });
+};
+const useUploader = () => React.useContext(FileUploaderContext);
+
+exports.FileUploaderContext = FileUploaderContext;
+exports.default = MainUploader;
+exports.useUploader = useUploader;
+//# sourceMappingURL=index.cjs.map

package/form/file-pickers/MainUploader/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/file-pickers/MainUploader/index.native.tsx"],"sourcesContent":["import React, {\n    createContext,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from \"react\";\nimport DocumentPicker, { type DocumentPickerOptions } from \"react-native-document-picker\";\nimport { launchImageLibrary } from \"react-native-image-picker\";\nimport RNFS from \"react-native-fs\";\n\nimport {type IFileUploader, type File, type IMemes, toMemes} from \"@lmb-it/kitsconcerto-types\";\nimport { getType } from \"@lmb-it/kitsconcerto-types\";\nimport { Flex } from \"../../../_compat\";\n\nimport SingleFileUploader from \"../SingleFileUploader\";\nimport MultipleFileUploader from \"../MultipleFileUploader\";\nimport SingleImageUploader from \"../SingleImageUploader\";\nimport MultipleImageUploader from \"../MultipleImageUploader\";\nimport {AnyFile} from \"../../../utils\";\n\ntype Base64Item = { filename: string; base64: string; type: string };\n\ninterface IFileUploaderContextValues {\n    onChangeAnyFileUploader(files: File[]): void;\n    onPick(): void;\n    removeFile(fileIndex: number): () => void;\n    onInvalidInput(errors: any): void;\n\n    selectedFiles: File[];\n    selectedInitialFiles: string[];\n\n    placeholder?: string;\n    disabled?: boolean;\n    isClassicUploader: boolean;\n    limit: number;\n    acceptedMemes: string[]; // mime list\n    files: { name: string; ext: string; shortName: string; file: { uri: string } | string }[];\n    id: string;\n    isImage: boolean;\n}\n\nexport const FileUploaderContext = createContext<IFileUploaderContextValues>({\n    onChangeAnyFileUploader: () => {\n    },\n    onPick: () => {},\n    removeFile: () => () => {},\n    onInvalidInput: () => {},\n    disabled: false,\n    limit: 1,\n    isClassicUploader: true,\n    selectedInitialFiles: [],\n    selectedFiles: [],\n    acceptedMemes: [],\n    files: [],\n    id: \"\",\n    isImage: false,\n});\n\nconst stripExt = (name: string) => name.replace(/\\.[^/.]+$/, \"\");\nconst getExt = (name: string) => (name.split(\".\").pop() ?? \"\").toLowerCase();\n\nconst readFileAsBase64 = async (uri: string) => {\n    // DocumentPicker returns fileCopyUri when copyTo is used; use that when possible\n    // RNFS expects file paths without \"file://\"\n    const path = uri.startsWith(\"file://\") ? uri.replace(\"file://\", \"\") : uri;\n    return RNFS.readFile(path, \"base64\");\n};\n\nconst MainUploader = (props: IFileUploader) => {\n    const {\n        acceptedTypes,\n        type,\n        classicUploader = true,\n        limit = 1,\n        onError,\n        onFocus,\n        placeholder,\n        defaultValue,\n        multiple,\n        isJsonOutput = true,\n        onChange,\n        value,\n        name,\n        disabled,\n        maxFileSize,\n        minFileSize,\n        children,\n    } = props;\n\n    const initialValueSynced = useRef(false);\n\n    const [selectedFiles, setSelectedFiles] = useState<File[]>([]);\n    const [selectedInitialFiles, setSelectedInitialFiles] = useState<string[]>([]);\n    const [selectedFilesAsBase64, setSelectedFilesAsBase64] = useState<Base64Item[]>([]);\n\n    const isImage = type === \"Image\";\n    const isOneFile = !multiple || limit < 2;\n\n    const onInvalidInput = (err: any) => onError?.(err);\n\n    const acceptedMemes = useMemo(() => {\n        return acceptedTypes ? toMemes(acceptedTypes) : toMemes(['allFiles']);\n    }, [acceptedTypes]);\n\n    const validateSize = (sizeBytes?: number) => {\n        if (!sizeBytes) return true;\n        const sizeKB = sizeBytes / 1000;\n        if (maxFileSize && sizeKB > maxFileSize) return false;\n        return !(minFileSize && sizeKB < minFileSize);\n\n    };\n\n    const pickDocuments = async () => {\n        try {\n            const types:DocumentPickerOptions = {\n                allowMultiSelection: !isOneFile,\n                // copy to cache so we can read base64 reliably\n                copyTo: \"cachesDirectory\",\n                // DocumentPicker supports mime list; if empty let OS choose anything\n                type: acceptedMemes.length ? acceptedMemes : [DocumentPicker.types.allFiles],\n            }\n\n            const res = await DocumentPicker.pick(types);\n\n            const docs = (Array.isArray(res) ? res : [res]).map((d) => ({\n                uri: (d.fileCopyUri || d.uri) as string,\n                name: d.name || \"file\",\n                type: d.type || undefined,\n                size: d.size || undefined,\n            }));\n\n            const filtered = docs.filter((d) => {\n                const ok = validateSize(d.size);\n                if (!ok) {\n                    onInvalidInput(`File \"${d.name}\" size is not allowed`);\n                }\n                return ok;\n            });\n\n            if (!filtered.length) return;\n            setSelectedFiles((prev) => {\n                if (isOneFile) {\n                    const [first] = filtered;\n                    return first ? [first] : prev;\n                }\n                return [...prev, ...filtered];\n            });\n            onInvalidInput(\"clear\");\n        } catch (e: any) {\n            if (DocumentPicker.isCancel(e)) return;\n            onInvalidInput(e);\n        }\n    };\n\n    const pickImages = async () => {\n        try {\n            const res = await launchImageLibrary({\n                mediaType: \"photo\",\n                selectionLimit: isOneFile ? 1 : limit,\n                includeBase64: true,\n            });\n\n            if (res.didCancel) return;\n            if (res.errorCode) {\n                onInvalidInput(res.errorMessage || res.errorCode);\n                return;\n            }\n\n            const assets = res.assets || [];\n            const mapped: File[] = assets\n                .filter((a) => !!a.uri)\n                .map((a) => ({\n                    uri: a.uri!,\n                    name: a.fileName || \"image\",\n                    type: a.type || \"image/jpeg\",\n                    size: a.fileSize,\n                }))\n                .filter((f) => {\n                    const ok = validateSize(f.size);\n                    if (!ok) onInvalidInput(`File \"${f.name}\" size is not allowed`);\n                    return ok;\n                });\n\n            if (!mapped.length) return;\n\n            setSelectedFiles((prev) => {\n                if (isOneFile) {\n                    const [first] = mapped;\n                    return first ? [first] : prev;\n                }\n                return [...prev, ...mapped];\n            });\n\n            onInvalidInput(\"clear\");\n\n            // for images, we already have base64 in the picker response; store it immediately\n            const b64: Base64Item[] = assets\n                .filter((a) => !!a.base64)\n                .map((a) => ({\n                    filename: stripExt(a.fileName || \"image\"),\n                    base64: a.base64!,\n                    type: a.type || \"image/jpeg\",\n                }));\n\n            // keep order aligned with selectedFiles: for single this is OK; for multi, append\n            setSelectedFilesAsBase64((prev) => (isOneFile ? b64.slice(0, 1) : [...prev, ...b64]));\n        } catch (e: any) {\n            onInvalidInput(e);\n        }\n    };\n\n    const onChangeAnyFileUploader = (files: File[]) => {\n        if (disabled) {\n            return;\n        }\n        const filesList: any[] = [];\n\n        setSelectedFilesAsBase64([]);\n        for (let i = 0; i < files.length; i++) {\n            const f = files[i];\n            if (f) {\n                // @ts-ignore\n                const fileSize = f.size / 1000; // size in KB\n\n                if ((!maxFileSize || fileSize <= maxFileSize) && (!minFileSize || fileSize >= minFileSize)) {\n                    filesList.push(f);\n                    onInvalidInput('clear')\n                } else {\n                    let message = `File \"${f.name}\" is `;\n\n                    if (maxFileSize && fileSize > maxFileSize) {\n                        message += `too large. Maximum allowed is ${maxFileSize/1000} MB.`;\n                    } else if (minFileSize && fileSize < minFileSize) {\n                        message += `too small. Minimum allowed is ${minFileSize/1000} MB.`;\n                    }\n\n                    console.log(message)\n                    onInvalidInput(message);\n                }\n            }\n        }\n\n        if (!isOneFile) {\n            setSelectedFiles(prevState => {\n                return [...prevState, ...filesList];\n            });\n        } else {\n            if (filesList.length)\n                setSelectedFiles(filesList.slice(0, 1));\n        }\n    };\n    const onPick = async () => {\n        if (disabled) return;\n        if (isImage) return pickImages();\n        return pickDocuments();\n    };\n\n    const removeFile = (fileIndex: number) => () => {\n        if (fileIndex < selectedInitialFiles.length) {\n            setSelectedInitialFiles((prev) => prev.filter((_, i) => i !== fileIndex));\n            return;\n        }\n\n        const editIndex = fileIndex - selectedInitialFiles.length;\n        setSelectedFiles((prev) => prev.filter((_, i) => i !== editIndex));\n        setSelectedFilesAsBase64((prev) => prev.filter((_, i) => i !== editIndex));\n    };\n\n    // Convert picked documents to base64 (images handled by picker includeBase64)\n    useEffect(() => {\n        if (isImage) return;\n\n        const run = async () => {\n            try {\n                const next: Base64Item[] = [];\n                for (const f of selectedFiles) {\n                    // only for documents; images might not be readable via RNFS content URIs\n                    const b64 = await readFileAsBase64(f.uri);\n                    next.push({\n                        filename: stripExt(f.name),\n                        base64: b64,\n                        type: f.type || getType(getExt(f.name) as any) || \"application/octet-stream\",\n                    });\n                }\n                setSelectedFilesAsBase64(next);\n            } catch (e) {\n                onInvalidInput(e);\n            }\n        };\n\n        run().then(r => {\n\n        });\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedFiles, isImage]);\n\n    // Emit onChange\n    useEffect(() => {\n        if (disabled) return;\n\n        if (!selectedFiles.length && !selectedInitialFiles.length) {\n            onChange?.([], []);\n            return;\n        }\n\n        // Respect isJsonOutput (web behavior):\n        // - when true: use base64Data output\n        // - when false: still return picked files list (native file objects)\n        // Output shape is platform-specific via types.native.ts\n        if (isJsonOutput) {\n            if (selectedFilesAsBase64.length === selectedFiles.length || isImage) {\n                onChange?.(selectedFiles as any, selectedFilesAsBase64);\n            }\n        } else {\n            onChange?.(selectedFiles as any, selectedFilesAsBase64);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedFilesAsBase64, selectedInitialFiles, selectedFiles]);\n\n    // defaultValue + controlled value sync\n    useEffect(() => {\n        if (defaultValue) {\n            setSelectedInitialFiles(Array.isArray(defaultValue) ? defaultValue : [defaultValue]);\n        }\n    }, [defaultValue]);\n\n    useEffect(() => {\n        if (initialValueSynced.current) return;\n        if (value) {\n            setSelectedInitialFiles(Array.isArray(value) ? value : [value]);\n        }\n        initialValueSynced.current = true;\n    }, [value]);\n\n    const display = useMemo(() => {\n        const fromInitial = selectedInitialFiles.map((uri) => ({\n            name: uri.split(\"/\").pop() ?? uri,\n            shortName:AnyFile.shortName(uri),\n            ext: getExt(uri),\n            file: { uri },\n        }));\n\n        const fromPicked = selectedFiles.map((f) => ({\n            name: f.name,\n            shortName:AnyFile.shortName(f.name),\n            ext: getExt(f.name),\n            file: { uri: f.uri },\n        }));\n\n        return [...fromInitial, ...fromPicked];\n    }, [selectedFiles, selectedInitialFiles]);\n\n    /** Replace entire file selection (for template's update callback) */\n    const updateFiles = (files: File | File[]) => {\n        const arr = Array.isArray(files) ? files : [files];\n        setSelectedFiles(arr);\n        setSelectedInitialFiles([]);\n        setSelectedFilesAsBase64([]);\n    };\n\n    const contextValue = {\n        onChangeAnyFileUploader,\n        onPick,\n        removeFile,\n        onInvalidInput,\n        selectedFiles,\n        selectedInitialFiles,\n        disabled,\n        limit,\n        placeholder,\n        isClassicUploader: classicUploader,\n        acceptedMemes,\n        files: display,\n        id: name ?? \"\",\n        isImage,\n    };\n\n    return (\n        <FileUploaderContext.Provider value={contextValue}>\n            <Flex onFocus={onFocus as any} w={\"full\"} >\n                {children ? children({\n                    values: selectedFiles,\n                    browse: onPick,\n                    update: updateFiles,\n                    remove: (index: number) => removeFile(index)(),\n                    type: isImage ? 'image' : 'file',\n                    isMultiple: !isOneFile,\n                }) : (\n                    <>\n                        {isImage && isOneFile && <SingleImageUploader />}\n                        {!isImage && isOneFile && <SingleFileUploader />}\n                        {!isImage && !isOneFile && <MultipleFileUploader />}\n                        {isImage && !isOneFile && <MultipleImageUploader />}\n                    </>\n                )}\n            </Flex>\n        </FileUploaderContext.Provider>\n    );\n};\n\nexport default MainUploader;\nexport const useUploader = () => useContext(FileUploaderContext);\n"],"names":["createContext","useRef","useState","useMemo","toMemes","launchImageLibrary","useEffect","getType","AnyFile","jsx","Flex","jsxs","Fragment","SingleImageUploader","SingleFileUploader","MultipleFileUploader","MultipleImageUploader","useContext"],"mappings":"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"}

package/form/file-pickers/MainUploader/index.js

@@ -0,0 +1,310 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useRef, useState, useMemo, useEffect, createContext, useContext } from 'react';
+import DocumentPicker from 'react-native-document-picker';
+import { launchImageLibrary } from 'react-native-image-picker';
+import RNFS from 'react-native-fs';
+import 'react-icons/fa';
+import 'react-icons/ai';
+import 'react-icons/io';
+import { toMemes, getType } from '../../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.js';
+import 'yup';
+import '../../../packages/types/src/Css/map/index.js';
+import '../../../packages/types/src/Theme/shadows.js';
+import '../../../packages/types/src/Theme/defaultTheme.js';
+import SingleFileUploader from '../SingleFileUploader/index.js';
+import MultipleFileUploader from '../MultipleFileUploader/index.js';
+import SingleImageUploader from '../SingleImageUploader/index.js';
+import MultipleImageUploader from '../MultipleImageUploader/index.js';
+import { AnyFile } from '../../../utils/File.js';
+import Flex from '../../../layout/Flex/index.js';
+
+const FileUploaderContext = createContext({
+  onChangeAnyFileUploader: () => {
+  },
+  onPick: () => {
+  },
+  removeFile: () => () => {
+  },
+  onInvalidInput: () => {
+  },
+  disabled: false,
+  limit: 1,
+  isClassicUploader: true,
+  selectedInitialFiles: [],
+  selectedFiles: [],
+  acceptedMemes: [],
+  files: [],
+  id: "",
+  isImage: false
+});
+const stripExt = (name) => name.replace(/\.[^/.]+$/, "");
+const getExt = (name) => (name.split(".").pop() ?? "").toLowerCase();
+const readFileAsBase64 = async (uri) => {
+  const path = uri.startsWith("file://") ? uri.replace("file://", "") : uri;
+  return RNFS.readFile(path, "base64");
+};
+const MainUploader = (props) => {
+  const {
+    acceptedTypes,
+    type,
+    classicUploader = true,
+    limit = 1,
+    onError,
+    onFocus,
+    placeholder,
+    defaultValue,
+    multiple,
+    isJsonOutput = true,
+    onChange,
+    value,
+    name,
+    disabled,
+    maxFileSize,
+    minFileSize,
+    children
+  } = props;
+  const initialValueSynced = useRef(false);
+  const [selectedFiles, setSelectedFiles] = useState([]);
+  const [selectedInitialFiles, setSelectedInitialFiles] = useState([]);
+  const [selectedFilesAsBase64, setSelectedFilesAsBase64] = useState([]);
+  const isImage = type === "Image";
+  const isOneFile = !multiple || limit < 2;
+  const onInvalidInput = (err) => onError?.(err);
+  const acceptedMemes = useMemo(() => {
+    return acceptedTypes ? toMemes(acceptedTypes) : toMemes(["allFiles"]);
+  }, [acceptedTypes]);
+  const validateSize = (sizeBytes) => {
+    if (!sizeBytes) return true;
+    const sizeKB = sizeBytes / 1e3;
+    if (maxFileSize && sizeKB > maxFileSize) return false;
+    return !(minFileSize && sizeKB < minFileSize);
+  };
+  const pickDocuments = async () => {
+    try {
+      const types = {
+        allowMultiSelection: !isOneFile,
+        // copy to cache so we can read base64 reliably
+        copyTo: "cachesDirectory",
+        // DocumentPicker supports mime list; if empty let OS choose anything
+        type: acceptedMemes.length ? acceptedMemes : [DocumentPicker.types.allFiles]
+      };
+      const res = await DocumentPicker.pick(types);
+      const docs = (Array.isArray(res) ? res : [res]).map((d) => ({
+        uri: d.fileCopyUri || d.uri,
+        name: d.name || "file",
+        type: d.type || void 0,
+        size: d.size || void 0
+      }));
+      const filtered = docs.filter((d) => {
+        const ok = validateSize(d.size);
+        if (!ok) {
+          onInvalidInput(`File "${d.name}" size is not allowed`);
+        }
+        return ok;
+      });
+      if (!filtered.length) return;
+      setSelectedFiles((prev) => {
+        if (isOneFile) {
+          const [first] = filtered;
+          return first ? [first] : prev;
+        }
+        return [...prev, ...filtered];
+      });
+      onInvalidInput("clear");
+    } catch (e) {
+      if (DocumentPicker.isCancel(e)) return;
+      onInvalidInput(e);
+    }
+  };
+  const pickImages = async () => {
+    try {
+      const res = await launchImageLibrary({
+        mediaType: "photo",
+        selectionLimit: isOneFile ? 1 : limit,
+        includeBase64: true
+      });
+      if (res.didCancel) return;
+      if (res.errorCode) {
+        onInvalidInput(res.errorMessage || res.errorCode);
+        return;
+      }
+      const assets = res.assets || [];
+      const mapped = assets.filter((a) => !!a.uri).map((a) => ({
+        uri: a.uri,
+        name: a.fileName || "image",
+        type: a.type || "image/jpeg",
+        size: a.fileSize
+      })).filter((f) => {
+        const ok = validateSize(f.size);
+        if (!ok) onInvalidInput(`File "${f.name}" size is not allowed`);
+        return ok;
+      });
+      if (!mapped.length) return;
+      setSelectedFiles((prev) => {
+        if (isOneFile) {
+          const [first] = mapped;
+          return first ? [first] : prev;
+        }
+        return [...prev, ...mapped];
+      });
+      onInvalidInput("clear");
+      const b64 = assets.filter((a) => !!a.base64).map((a) => ({
+        filename: stripExt(a.fileName || "image"),
+        base64: a.base64,
+        type: a.type || "image/jpeg"
+      }));
+      setSelectedFilesAsBase64((prev) => isOneFile ? b64.slice(0, 1) : [...prev, ...b64]);
+    } catch (e) {
+      onInvalidInput(e);
+    }
+  };
+  const onChangeAnyFileUploader = (files) => {
+    if (disabled) {
+      return;
+    }
+    const filesList = [];
+    setSelectedFilesAsBase64([]);
+    for (let i = 0; i < files.length; i++) {
+      const f = files[i];
+      if (f) {
+        const fileSize = f.size / 1e3;
+        if ((!maxFileSize || fileSize <= maxFileSize) && (!minFileSize || fileSize >= minFileSize)) {
+          filesList.push(f);
+          onInvalidInput("clear");
+        } else {
+          let message = `File "${f.name}" is `;
+          if (maxFileSize && fileSize > maxFileSize) {
+            message += `too large. Maximum allowed is ${maxFileSize / 1e3} MB.`;
+          } else if (minFileSize && fileSize < minFileSize) {
+            message += `too small. Minimum allowed is ${minFileSize / 1e3} MB.`;
+          }
+          console.log(message);
+          onInvalidInput(message);
+        }
+      }
+    }
+    if (!isOneFile) {
+      setSelectedFiles((prevState) => {
+        return [...prevState, ...filesList];
+      });
+    } else {
+      if (filesList.length)
+        setSelectedFiles(filesList.slice(0, 1));
+    }
+  };
+  const onPick = async () => {
+    if (disabled) return;
+    if (isImage) return pickImages();
+    return pickDocuments();
+  };
+  const removeFile = (fileIndex) => () => {
+    if (fileIndex < selectedInitialFiles.length) {
+      setSelectedInitialFiles((prev) => prev.filter((_, i) => i !== fileIndex));
+      return;
+    }
+    const editIndex = fileIndex - selectedInitialFiles.length;
+    setSelectedFiles((prev) => prev.filter((_, i) => i !== editIndex));
+    setSelectedFilesAsBase64((prev) => prev.filter((_, i) => i !== editIndex));
+  };
+  useEffect(() => {
+    if (isImage) return;
+    const run = async () => {
+      try {
+        const next = [];
+        for (const f of selectedFiles) {
+          const b64 = await readFileAsBase64(f.uri);
+          next.push({
+            filename: stripExt(f.name),
+            base64: b64,
+            type: f.type || getType(getExt(f.name)) || "application/octet-stream"
+          });
+        }
+        setSelectedFilesAsBase64(next);
+      } catch (e) {
+        onInvalidInput(e);
+      }
+    };
+    run().then((r) => {
+    });
+  }, [selectedFiles, isImage]);
+  useEffect(() => {
+    if (disabled) return;
+    if (!selectedFiles.length && !selectedInitialFiles.length) {
+      onChange?.([], []);
+      return;
+    }
+    if (isJsonOutput) {
+      if (selectedFilesAsBase64.length === selectedFiles.length || isImage) {
+        onChange?.(selectedFiles, selectedFilesAsBase64);
+      }
+    } else {
+      onChange?.(selectedFiles, selectedFilesAsBase64);
+    }
+  }, [selectedFilesAsBase64, selectedInitialFiles, selectedFiles]);
+  useEffect(() => {
+    if (defaultValue) {
+      setSelectedInitialFiles(Array.isArray(defaultValue) ? defaultValue : [defaultValue]);
+    }
+  }, [defaultValue]);
+  useEffect(() => {
+    if (initialValueSynced.current) return;
+    if (value) {
+      setSelectedInitialFiles(Array.isArray(value) ? value : [value]);
+    }
+    initialValueSynced.current = true;
+  }, [value]);
+  const display = useMemo(() => {
+    const fromInitial = selectedInitialFiles.map((uri) => ({
+      name: uri.split("/").pop() ?? uri,
+      shortName: AnyFile.shortName(uri),
+      ext: getExt(uri),
+      file: { uri }
+    }));
+    const fromPicked = selectedFiles.map((f) => ({
+      name: f.name,
+      shortName: AnyFile.shortName(f.name),
+      ext: getExt(f.name),
+      file: { uri: f.uri }
+    }));
+    return [...fromInitial, ...fromPicked];
+  }, [selectedFiles, selectedInitialFiles]);
+  const updateFiles = (files) => {
+    const arr = Array.isArray(files) ? files : [files];
+    setSelectedFiles(arr);
+    setSelectedInitialFiles([]);
+    setSelectedFilesAsBase64([]);
+  };
+  const contextValue = {
+    onChangeAnyFileUploader,
+    onPick,
+    removeFile,
+    onInvalidInput,
+    selectedFiles,
+    selectedInitialFiles,
+    disabled,
+    limit,
+    placeholder,
+    isClassicUploader: classicUploader,
+    acceptedMemes,
+    files: display,
+    id: name ?? "",
+    isImage
+  };
+  return /* @__PURE__ */ jsx(FileUploaderContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(Flex, { onFocus, w: "full", children: children ? children({
+    values: selectedFiles,
+    browse: onPick,
+    update: updateFiles,
+    remove: (index) => removeFile(index)(),
+    type: isImage ? "image" : "file",
+    isMultiple: !isOneFile
+  }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    isImage && isOneFile && /* @__PURE__ */ jsx(SingleImageUploader, {}),
+    !isImage && isOneFile && /* @__PURE__ */ jsx(SingleFileUploader, {}),
+    !isImage && !isOneFile && /* @__PURE__ */ jsx(MultipleFileUploader, {}),
+    isImage && !isOneFile && /* @__PURE__ */ jsx(MultipleImageUploader, {})
+  ] }) }) });
+};
+const useUploader = () => useContext(FileUploaderContext);
+
+export { FileUploaderContext, MainUploader as default, useUploader };
+//# sourceMappingURL=index.js.map