@bindu-dashing/dam-solution-v2 5.8.6

package/build/MyDrive/AddFolder.js

@@ -0,0 +1,150 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Form, Modal } from "antd";
+import { useEffect, useMemo, useState } from "react";
+import { showNotification } from "../common/notifications";
+import { CREATE_SUCCESS, ENTITY_REQUIRED, SOMETHING_WENT_WRONG, } from "../utilities/constants/messages";
+import { NotificationStatus, } from "../utilities/constants/interface";
+import { get, sortBy } from "lodash";
+import { FETCH_FILE_URL, FETCH_FOLDER_URL, FETCH_FOLDERS_URL, } from "../utilities/constants/apiUrls";
+import { CustomInputFormItem } from "../common/RenderFormItem";
+import { updateFoldersCacheOnUpdateFolder, } from "../react-query/hooks/folder-hooks";
+import { useQueryClient } from "react-query";
+import { generateFoldersQueryKey, invalidateData, QueryKeys, } from "../utilities/constants/queryKeys";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { createApiClient } from "../hocs/configureAxios";
+import useAppParams from "../utilities/useAppParams";
+import { RenderModalTitle } from "../common/CustomElements";
+import { useFoldersContext } from "../utilities/FoldersContext";
+function AddFolder({ open, handleCancel, folder, file, onCloseSelection, fileModal, }) {
+    const { setFolders, globalSearch } = useFoldersContext();
+    const { folderId, type } = useAppParams();
+    const damConfig = useDamConfig();
+    const { rootFolderId } = damConfig;
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const [state, setState] = useState({ loading: false });
+    const { loading } = state;
+    const [form] = Form.useForm();
+    const queryClient = useQueryClient();
+    const onAddFolder = () => {
+        form.validateFields().then((values) => __awaiter(this, void 0, void 0, function* () {
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: true })));
+            try {
+                const response = get(folder, "_id")
+                    ? yield api.put(FETCH_FOLDER_URL.replace(":folderId", get(folder, "_id")), values)
+                    : get(file, "_id")
+                        ? yield api.put(FETCH_FILE_URL.replace(":fileId", get(file, "_id")), values)
+                        : yield api.post(FETCH_FOLDERS_URL, Object.assign(Object.assign({}, values), { teamIds: [], parentId: folderId ? folderId : rootFolderId }));
+                if (folder || file) {
+                    // ✅ update case
+                    const updatedFolder = folder
+                        ? get(response, "data.updatedFolder", {})
+                        : file
+                            ? get(response, "data.file", Object.assign(Object.assign({}, file), { name: get(values, "name") }))
+                            : {};
+                    setFolders((prevFolders) => {
+                        if (globalSearch) {
+                            // Only update the matching folder (flat update)
+                            const finalFolders = prevFolders.map((f) => {
+                                // console.log("f", f);
+                                return f._id === updatedFolder._id
+                                    ? Object.assign(Object.assign({}, f), updatedFolder) : f;
+                            });
+                            // console.log("updatd folders", finalFolders);
+                            return finalFolders;
+                        }
+                        else {
+                            const updateOrAddRecursively = (folders) => folders.map((f) => {
+                                if (f._id === updatedFolder._id) {
+                                    return Object.assign(Object.assign({}, f), updatedFolder); // update
+                                }
+                                return Object.assign(Object.assign({}, f), { children: Array.isArray(f.children)
+                                        ? updateOrAddRecursively(f.children)
+                                        : f.children });
+                            });
+                            return updateOrAddRecursively(prevFolders);
+                        }
+                    });
+                    updateFoldersCacheOnUpdateFolder(queryClient, folderId ? folderId : rootFolderId, updatedFolder, generateFoldersQueryKey(type));
+                    invalidateData(queryClient, QueryKeys.FILE, get(file, "_id"));
+                }
+                else {
+                    // ✅ create case → take folder from response
+                    const newFolder = get(response, "data.folder", {});
+                    setFolders((prevFolders) => {
+                        if (newFolder.parentId !== rootFolderId) {
+                            // Add to parent's children
+                            const addToParent = (folders) => folders.map((f) => {
+                                if (f._id === newFolder.parentId) {
+                                    return Object.assign(Object.assign({}, f), { children: Array.isArray(f.children)
+                                            ? [...f.children, newFolder]
+                                            : [newFolder] });
+                                }
+                                return f;
+                            });
+                            return addToParent(prevFolders);
+                        }
+                        else {
+                            // Add to top level
+                            return sortBy([...prevFolders, newFolder], (f) => {
+                                var _a, _b;
+                                return (_b = (_a = f.name) === null || _a === void 0 ? void 0 : _a.toLowerCase) === null || _b === void 0 ? void 0 : _b.call(_a);
+                            });
+                        }
+                    });
+                    invalidateData(queryClient, generateFoldersQueryKey(type), folderId ? folderId : rootFolderId);
+                }
+                handleCancel();
+                showNotification(get(response, "data.message", CREATE_SUCCESS), NotificationStatus.SUCCESS);
+                form.resetFields();
+                if (!fileModal) {
+                    onCloseSelection === null || onCloseSelection === void 0 ? void 0 : onCloseSelection();
+                }
+            }
+            catch (error) {
+                showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+            }
+            finally {
+                setState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: false })));
+            }
+        }));
+    };
+    const nameValue = (Form.useWatch("name", form) || "").trim();
+    const originalName = ((folder === null || folder === void 0 ? void 0 : folder.name) || (file === null || file === void 0 ? void 0 : file.name) || "").trim();
+    const isUnchanged = useMemo(() => !!(folder || file) && nameValue === originalName, [folder, file, nameValue, originalName]);
+    useEffect(() => {
+        if (folder) {
+            form.setFieldsValue(Object.assign({}, folder));
+        }
+        else if (file) {
+            form.setFieldsValue(Object.assign({}, file));
+        }
+        else {
+            form.resetFields();
+        }
+    }, [folder, file, form]);
+    return (_jsx(Modal, { title: _jsx(RenderModalTitle, { title: !!folder
+                ? `Update ${get(folder, "name", "N/A")}`
+                : !!file
+                    ? `Update ${get(file, "name", "File")}`
+                    : "Add Folder" }), okText: !!folder || !!file ? "Update" : "Save", okButtonProps: {
+            loading,
+            disabled: !nameValue || isUnchanged,
+            type: nameValue && !isUnchanged ? "primary" : "default",
+            size: "large",
+        }, onOk: onAddFolder, onCancel: handleCancel, open: open, cancelButtonProps: { size: "large" }, children: _jsx(Form, { layout: "vertical", form: form, scrollToFirstError: true, initialValues: folder ? folder : file ? file : {}, children: _jsx(CustomInputFormItem, { name: "name", label: "Name", placeholder: "Enter folder name", rules: [
+                    {
+                        required: true,
+                        message: ENTITY_REQUIRED.replace(":entity", "Name"),
+                    },
+                ], showCount: true }) }) }));
+}
+export default AddFolder;

package/build/MyDrive/BreadCrumbList.d.ts

@@ -0,0 +1,9 @@
+import { FolderEntity } from "../utilities/constants/interface";
+declare function BreadCrumbList({ folder, parentFolderId, setParentFolderId, pickerFolderId, globalSearch, }: {
+    folder: FolderEntity;
+    parentFolderId?: string;
+    setParentFolderId?: (id: string) => void;
+    pickerFolderId?: string;
+    globalSearch?: string;
+}): JSX.Element;
+export default BreadCrumbList;

package/build/MyDrive/BreadCrumbList.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DriveModes } from "../utilities/constants/interface";
+import { DRIVE_MODES_SCREEN, MY_DRIVE_SCREEN, SUBFOLDERS_SCREEN, } from "../utilities/constants/routes";
+import { Breadcrumb, Tooltip } from "antd";
+import { findIndex, get, isEmpty, last, map, slice } from "lodash";
+import { useMemo } from "react";
+import { FaChevronRight } from "react-icons/fa";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import useAppNavigate from "../utilities/useAppNavigate";
+import useAppParams from "../utilities/useAppParams";
+const FaChevronRightIcon = FaChevronRight;
+function BreadCrumbList({ folder, parentFolderId, setParentFolderId, pickerFolderId, globalSearch, }) {
+    const { type, id } = useAppParams();
+    const damConfig = useDamConfig();
+    const { rootFolderId } = damConfig;
+    const navigate = !pickerFolderId ? useAppNavigate() : null;
+    const tree = useMemo(() => {
+        const fullTree = get(folder, "tree", []);
+        if (pickerFolderId) {
+            const pickerIndex = findIndex(fullTree, (item) => get(item, "_id") === pickerFolderId);
+            const parentIndex = findIndex(fullTree, (item) => get(item, "_id") === parentFolderId);
+            if (pickerIndex !== -1) {
+                const end = parentIndex !== -1 ? parentIndex + 1 : get(fullTree, "length");
+                return slice(fullTree, pickerIndex, end);
+            }
+        }
+        return fullTree;
+    }, [folder, pickerFolderId, parentFolderId]);
+    const homePageInfo = useMemo(() => {
+        if (type === DriveModes.ARCHIVES) {
+            return {
+                url: DRIVE_MODES_SCREEN.replace(":type", DriveModes.TRASH),
+                name: "Archives",
+            };
+        }
+        else if (type === DriveModes.TRASH) {
+            return {
+                url: DRIVE_MODES_SCREEN.replace(":type", DriveModes.ARCHIVES),
+                name: "Trash",
+            };
+        }
+        else if (type === DriveModes.STARRED) {
+            return {
+                url: DRIVE_MODES_SCREEN.replace(":type", DriveModes.STARRED),
+                name: "Starred",
+            };
+        }
+        else if (type === DriveModes.SHARED) {
+            return {
+                url: DRIVE_MODES_SCREEN.replace(":type", DriveModes.SHARED),
+                name: "Shared",
+            };
+        }
+        else {
+            return null;
+        }
+    }, [type]);
+    return (_jsxs(Breadcrumb, { className: "md-lib-font-semibold md-lib-text-[22px] md-lib-truncate", separator: _jsx(FaChevronRightIcon, { className: "md-lib-mt-2" }), children: [!pickerFolderId && homePageInfo && (_jsx(Breadcrumb.Item, { href: isEmpty(tree) ? undefined : get(homePageInfo, "url"), children: get(homePageInfo, "name", "N/A") })), map(tree, (item, index) => {
+                const treeId = get(item, "_id");
+                const name = get(item, "name", "N/A");
+                const isLast = treeId === get(last(tree), "_id");
+                const handleClick = () => {
+                    if (pickerFolderId && setParentFolderId && !isLast) {
+                        setParentFolderId(treeId);
+                    }
+                    if (!pickerFolderId && !isLast && navigate) {
+                        if (treeId === rootFolderId) {
+                            navigate(MY_DRIVE_SCREEN);
+                        }
+                        else {
+                            navigate(SUBFOLDERS_SCREEN.replace(":folderId", treeId));
+                        }
+                    }
+                };
+                const currentItemRender = (_jsx(Breadcrumb.Item, { onClick: handleClick, className: "md-lib-h-auto md-lib-cursor-pointer", children: _jsx(Tooltip, { title: name, children: _jsx("p", { className: "md-lib-max-w-28 md-lib-truncate md-lib-font-semibold md-lib-text-[22px]", children: name }) }) }, treeId));
+                if (globalSearch) {
+                    if (isLast || index == 0) {
+                        return currentItemRender;
+                    }
+                }
+                else {
+                    return currentItemRender;
+                }
+            })] }));
+}
+export default BreadCrumbList;

package/build/MyDrive/BulkUploadModal.d.ts

@@ -0,0 +1,2 @@
+declare const BulkUploadModal: ({ toggleUpload, userEmail, folderId, thumbnailsOnly, }: any) => JSX.Element;
+export default BulkUploadModal;

package/build/MyDrive/BulkUploadModal.js

@@ -0,0 +1,279 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Form, Modal, Button, Upload, Select, Input, Radio, Typography, Tooltip, } from "antd";
+import { useEffect, useMemo, useState } from "react";
+import { UploadOutlined, InfoCircleOutlined } from "@ant-design/icons";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { createApiClient } from "../hocs/configureAxios";
+import { BULK_UPLOAD_URL, FETCH_ASSETS_URL, FILE_UPLOAD_URL, GENERATE_THUMBNAILS_URL, SAMPLE_FILE_DOWNLOAD_URL, } from "../utilities/constants/apiUrls";
+import { showNotification } from "../common/notifications";
+import { EMAIL_NOT_VALID, ENTITY_REQUIRED, SOMETHING_WENT_WRONG, } from "../utilities/constants/messages";
+import { NotificationStatus } from "../utilities/constants/interface";
+import { filter, get } from "lodash";
+import { humanFileSize } from "../hocs/helpers";
+import { invalidateData, QueryKeys } from "../utilities/constants/queryKeys";
+import { useQueryClient } from "react-query";
+import { validateEmail } from "../utilities/helpers/validators";
+const BulkUploadModal = ({ toggleUpload, userEmail, folderId, thumbnailsOnly, }) => {
+    const damConfig = useDamConfig();
+    const queryClient = useQueryClient();
+    const { brand, styles } = damConfig;
+    const brandId = get(brand, "_id");
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const [metaFile, setMetaFile] = useState(null);
+    const [assetTypeId, setAssetTypeId] = useState(null);
+    const [assetTypes, setAssetTypes] = useState([]);
+    const [fileError, setFileError] = useState("");
+    const [assetsSourceType, setAssetsSourceType] = useState("zip");
+    const [assetFileError, setAssetFileError] = useState("");
+    const [assetFile, setAssetFile] = useState(null);
+    const [sampleFileLoading, setSampleFileLoading] = useState(false);
+    const assetTypeOptions = assetTypes === null || assetTypes === void 0 ? void 0 : assetTypes.map((type) => {
+        return { label: type === null || type === void 0 ? void 0 : type.name, value: type === null || type === void 0 ? void 0 : type._id };
+    });
+    const [loading, setLoading] = useState(false);
+    useEffect(() => {
+        onFetchAssetTemplates();
+    }, []);
+    const onFetchAssetTemplates = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            const response = yield api.get(`${FETCH_ASSETS_URL.replace(":brandId", get(brand, "_id"))}`);
+            setAssetTypes(get(response, "data.data", []));
+        }
+        catch (error) {
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+        }
+    });
+    const onFinish = (values) => {
+        if (!fileError && !assetFileError) {
+            if (assetsSourceType == "zip") {
+                getBulkUploadFilePresignedUrl(values);
+            }
+            else {
+                bulkUpload(values);
+            }
+        }
+    };
+    const getBulkUploadFilePresignedUrl = (values) => __awaiter(void 0, void 0, void 0, function* () {
+        setLoading(true);
+        const response = yield api.post(FILE_UPLOAD_URL, {
+            brandId,
+            folderId: folderId,
+            files: [
+                {
+                    name: assetFile.name,
+                    size: assetFile.size,
+                },
+            ],
+        });
+        const filePath = get(response, "data.0.filePath");
+        const url = get(response, "data.0.url");
+        // console.log(response);
+        // console.log(filePath);
+        fetch(url, {
+            method: "PUT",
+            body: assetFile,
+        })
+            .then((response) => {
+            bulkUpload(values, filePath);
+        })
+            .catch((err) => {
+            console.log(err);
+            setLoading(false);
+            showNotification(get(err, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+        });
+    });
+    const bulkUpload = (values_1, ...args_1) => __awaiter(void 0, [values_1, ...args_1], void 0, function* (values, key = null) {
+        var _a, _b;
+        // console.log(key);
+        setLoading(true);
+        try {
+            let response;
+            if (thumbnailsOnly) {
+                const payload = {
+                    email: get(values, "email"),
+                    sourceType: assetsSourceType,
+                };
+                if (assetsSourceType === "zip" && key) {
+                    payload["zipFileKey"] = key;
+                }
+                else {
+                    payload["zipFileUrl"] = get(values, "zip_file_url", "");
+                }
+                response = yield api.post(GENERATE_THUMBNAILS_URL, payload);
+            }
+            else {
+                const formData = new FormData();
+                formData.append("assetId", values === null || values === void 0 ? void 0 : values.asset_type_id);
+                formData.append("rejectInvalidMetaFile", "true");
+                formData.append("zipFileUrl", values === null || values === void 0 ? void 0 : values.zip_file_url);
+                formData.append("file", metaFile);
+                formData.append("folderId", folderId);
+                formData.append("email", values === null || values === void 0 ? void 0 : values.email);
+                formData.append("sourceType", assetsSourceType);
+                if (key) {
+                    formData.append("zipFileKey", key);
+                }
+                response = yield api.post(BULK_UPLOAD_URL, formData);
+            }
+            // console.log(response);
+            showNotification((_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.message) !== null && _b !== void 0 ? _b : "Successfully uploaded files", NotificationStatus.SUCCESS);
+            toggleUpload();
+            invalidateData(queryClient, QueryKeys.FOLDERS, folderId);
+        }
+        catch (error) {
+            console.log(error);
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+        }
+        finally {
+            setLoading(false);
+        }
+    });
+    const handleDownloadSampleFile = (assetId) => __awaiter(void 0, void 0, void 0, function* () {
+        setSampleFileLoading(true);
+        try {
+            const response = yield api.post(SAMPLE_FILE_DOWNLOAD_URL.replace(":assetId", assetId), {});
+            if (get(response, "data.url"))
+                window.open(get(response, "data.url", "_blank"));
+            setSampleFileLoading(false);
+        }
+        catch (error) {
+            setSampleFileLoading(false);
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG));
+        }
+    });
+    return (_jsx(Modal, { open: true, onCancel: toggleUpload, title: thumbnailsOnly ? "Generate Thumbnails" : "Bulk upload", footer: null, maskClosable: false, okText: thumbnailsOnly ? "Generate" : "Save", children: _jsxs(Form, { layout: "vertical", onFinish: onFinish, initialValues: {
+                assets_source_type: assetsSourceType,
+                email: userEmail,
+            }, children: [!thumbnailsOnly && (_jsxs(_Fragment, { children: [_jsx(Form.Item, { label: _jsxs("div", { className: "bulk-upload-info", children: [_jsx(Typography.Text, { children: "Asset Type" }), " ", _jsx(Tooltip, { title: "Select from dropdown below, or refer to the Asset Templates to see what asset types currently exist.", children: _jsx(InfoCircleOutlined, {}) })] }), name: "asset_type_id", rules: [
+                                {
+                                    required: true,
+                                    message: "Asset type is required",
+                                },
+                            ], children: _jsx(Select, { options: assetTypeOptions, placeholder: "Select Asset Type", onChange: (e) => {
+                                    setAssetTypeId(e);
+                                    //   setDownloadSampleFileError(null);
+                                }, optionFilterProp: "label", showSearch: true }) }), assetTypeId && (_jsx("div", { children: _jsx("a", { onClick: sampleFileLoading
+                                    ? () => { }
+                                    : () => handleDownloadSampleFile(assetTypeId), className: "md-lib-font-semibold md-lib-text-primaryColor md-lib-flex md-lib-justify-end", children: sampleFileLoading
+                                    ? "Downloading..."
+                                    : "Download Sample File" }) })), _jsx(Form.Item, { label: "Meta File", name: "meta_file", rules: [
+                                {
+                                    required: true,
+                                    message: "Meta File is required",
+                                },
+                            ], extra: "Maximum allowed file size is 5MB", children: _jsx(Upload, { beforeUpload: (file) => {
+                                    var _a;
+                                    const [name, extension] = (_a = file.name) === null || _a === void 0 ? void 0 : _a.split(".");
+                                    if (extension !== "csv" &&
+                                        extension !== "xlsx" &&
+                                        extension !== "xls") {
+                                        setFileError("Invalid file format");
+                                    }
+                                    else {
+                                        const fileSize = humanFileSize(file === null || file === void 0 ? void 0 : file.size);
+                                        if ((fileSize === null || fileSize === void 0 ? void 0 : fileSize.sizeType) !== "GB" &&
+                                            (fileSize === null || fileSize === void 0 ? void 0 : fileSize.sizeType) !== "TB") {
+                                            if ((fileSize === null || fileSize === void 0 ? void 0 : fileSize.sizeType) == "MB") {
+                                                if ((fileSize === null || fileSize === void 0 ? void 0 : fileSize.size) < 5) {
+                                                    setMetaFile(file);
+                                                    setFileError("");
+                                                    return false;
+                                                }
+                                                else {
+                                                    setFileError("File size should be less than 5MB");
+                                                }
+                                            }
+                                            else {
+                                                setMetaFile(file);
+                                                setFileError("");
+                                                return false;
+                                            }
+                                        }
+                                        else {
+                                            setFileError("File size should be less than 5MB");
+                                        }
+                                    }
+                                    return false;
+                                }, disabled: !assetTypeId, onRemove: () => {
+                                    setMetaFile(null);
+                                    setFileError("Meta File is required");
+                                }, accept: ".csv,.xlsx,.xls", maxCount: 1, children: _jsx(Button, { icon: _jsx(UploadOutlined, {}), disabled: !assetTypeId, children: "Upload" }) }) }), fileError && (_jsx(Typography.Text, { style: { color: "red" }, children: fileError }))] })), _jsx(Form.Item, { label: "Upload your DAM Files (must be zipped)", name: "assets_source_type", children: _jsxs(Radio.Group, { onChange: (e) => setAssetsSourceType(e.target.value), value: assetsSourceType, disabled: thumbnailsOnly ? false : !assetTypeId, children: [_jsx(Radio, { value: "zip", children: "Zip file" }), _jsx(Radio, { value: "zipUrl", children: "Zip file url" })] }) }), assetsSourceType == "zip" ? (_jsxs(_Fragment, { children: [_jsx(Form.Item, { label: "Assets zip file", name: "assets_zip_file", rules: [
+                                {
+                                    required: true,
+                                    message: "Asset zip file is required",
+                                },
+                            ], extra: "Maximum allowed file size is 5GB", children: _jsx(Upload, { beforeUpload: (file) => {
+                                    var _a;
+                                    const [name, extension] = (_a = file.name) === null || _a === void 0 ? void 0 : _a.split(".");
+                                    if (extension !== "zip") {
+                                        setAssetFileError("Invalid file format");
+                                    }
+                                    else {
+                                        const fileSize = humanFileSize(file === null || file === void 0 ? void 0 : file.size);
+                                        if ((fileSize === null || fileSize === void 0 ? void 0 : fileSize.sizeType) !== "TB") {
+                                            if ((fileSize === null || fileSize === void 0 ? void 0 : fileSize.sizeType) == "GB") {
+                                                if ((fileSize === null || fileSize === void 0 ? void 0 : fileSize.size) < 5) {
+                                                    setAssetFile(file);
+                                                    setAssetFileError("");
+                                                    return false;
+                                                }
+                                                else {
+                                                    setAssetFileError("File size should be less than 5GB");
+                                                }
+                                            }
+                                            else {
+                                                setAssetFile(file);
+                                                setAssetFileError("");
+                                                return false;
+                                            }
+                                        }
+                                        else {
+                                            setAssetFileError("File size should be less than 5GB");
+                                        }
+                                    }
+                                    return false;
+                                }, disabled: thumbnailsOnly ? false : !assetTypeId, onRemove: () => {
+                                    setAssetFile(null);
+                                    setAssetFileError("Zip File is required");
+                                }, accept: ".zip", maxCount: 1, children: _jsx(Button, { icon: _jsx(UploadOutlined, {}), style: { width: "100%" }, children: "Upload" }) }) }), assetFileError && (_jsx(Typography.Text, { style: { color: "red" }, children: assetFileError }))] })) : (_jsx(Form.Item, { label: "Assets zip file url", name: "zip_file_url", rules: [
+                        {
+                            required: true,
+                            message: "Zip file url is required",
+                        },
+                    ], children: _jsx(Input, { placeholder: "Zip file url", disabled: thumbnailsOnly ? false : !assetTypeId }) })), thumbnailsOnly ? (_jsx(Form.Item, { name: "email", label: "Emails", rules: [
+                        {
+                            required: true,
+                            message: "",
+                        },
+                        {
+                            validator: (_, value) => {
+                                if (!value || value.length === 0) {
+                                    return Promise.reject(ENTITY_REQUIRED.replace(":entity", "Emails").replace("is", "are"));
+                                }
+                                const invalids = filter(value, (v) => !get(validateEmail(v), "valid"));
+                                if (invalids.length > 0) {
+                                    return Promise.reject(EMAIL_NOT_VALID);
+                                }
+                                return Promise.resolve();
+                            },
+                        },
+                    ], children: _jsx(Select, { mode: "tags", className: `share-link-dropdown md-lib-w-full`, placeholder: "Press enter to add email", tokenSeparators: [","], optionFilterProp: "children", suffixIcon: null, open: false }) })) : (_jsx(Form.Item, { label: "Email (you will receive an upload confirmation receipt)", name: "email", rules: [
+                        {
+                            required: true,
+                            message: "Email is required",
+                        },
+                    ], children: _jsx(Input, { placeholder: "Email", disabled: !assetTypeId }) })), _jsx(Form.Item, { children: _jsx(Button, { block: true, type: "primary", htmlType: "submit", style: {
+                            marginBottom: "10px",
+                            backgroundColor: styles === null || styles === void 0 ? void 0 : styles.primaryColor,
+                        }, loading: loading, disabled: thumbnailsOnly ? false : !assetTypeId, children: "Submit" }) })] }) }));
+};
+export default BulkUploadModal;

package/build/MyDrive/DriveContainer.d.ts

@@ -0,0 +1,13 @@
+import { SetStateAction } from "react";
+import { FileEntity, ImagePickerEntity } from "../utilities/constants/interface";
+declare function DriveContainer({ parentFolderId, setSelectedFile, setParentFolderId, pickerFolderId, selectedPickerFile, imagePicker, globalSearch, setGlobalSearch, }: {
+    parentFolderId?: string;
+    setSelectedFile?: (file: FileEntity, localFile?: boolean) => void;
+    setParentFolderId?: (id: string) => void;
+    pickerFolderId?: string;
+    selectedPickerFile?: FileEntity;
+    imagePicker?: ImagePickerEntity | {};
+    globalSearch?: string;
+    setGlobalSearch?: React.Dispatch<SetStateAction<string>>;
+}): JSX.Element;
+export default DriveContainer;