@anji-dashing/dam-solution-v2 5.8.173

package/build/MyDrive/ActionBar.js

@@ -0,0 +1,190 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Button, Tag, Tooltip } from "antd";
+import { FiUpload, FiDownload, FiFolderPlus, FiTrash2, FiX, } from "react-icons/fi";
+import { IoArchiveOutline, IoLinkOutline } from "react-icons/io5";
+import { concat, find, first, get, join, map } from "lodash";
+import MoveToAnotherFolder from "./files/MoveToAnotherFolder";
+import { useMutation, useQueryClient } from "react-query";
+import { deleteFiles, downloadFiles, restoreFiles, useFile, } from "../react-query/services/file-services";
+import { DeleteConfirmationModal } from "../common/CustomElements";
+import { DeleteOutlined, RedoOutlined } from "@ant-design/icons";
+import { generateFoldersQueryKey, invalidateData, } from "../utilities/constants/queryKeys";
+import { DriveModes, NotificationStatus, } from "../utilities/constants/interface";
+import { ARCHIVE_OK_TEXT, DELETE_CONFIRMATION_MESSAGE, DELETE_MESSAGE_DESCRIPTION, DELETE_OK_TEXT, DELETE_SUCCESS, INVALID_URL, RESTORE_SUCCESS, SOMETHING_WENT_WRONG, } from "../utilities/constants/messages";
+import { showNotification } from "../common/notifications";
+import FileMenuOptions from "./FileMenuOptions";
+import { getFolderData } from "../react-query/hooks/folder-hooks";
+// import InviteTeamModal from "../settings/InviteTeamModal";
+import { FETCH_ENTITY_SCREEN } from "../utilities/constants/routes";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { createApiClient } from "../hocs/configureAxios";
+import useAppParams from "../utilities/useAppParams";
+const FiUploadIcon = FiUpload;
+const FiDownloadIcon = FiDownload;
+const FiFolderPlusIcon = FiFolderPlus;
+const IoLinkOutlineIcon = IoLinkOutline;
+const FiTrash2Icon = FiTrash2;
+const FiXIcon = FiX;
+const IoArchiveOutlineIcon = IoArchiveOutline;
+const ActionsBar = ({ fileIds, folderIds, onCloseSelection, selectedFilesData = [], }) => {
+    const { appType } = useDamConfig();
+    const { folderId, type } = useAppParams();
+    const queryClient = useQueryClient();
+    const damConfig = useDamConfig();
+    const { rootFolderId, isAdmin } = damConfig;
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const [state, setState] = useState({
+        showMoveFolder: false,
+        showConfirmModal: false,
+        actionType: "",
+        showShareModal: false,
+    });
+    const { showMoveFolder, showConfirmModal, actionType, showShareModal } = state;
+    const toggleShareModal = () => {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { showShareModal: !prevState.showShareModal })));
+    };
+    const folders = getFolderData(queryClient, folderId ? folderId : rootFolderId, generateFoldersQueryKey(type));
+    const selectedFolder = useMemo(() => {
+        if (get(folderIds, "length") === 1) {
+            // First try from selectedFilesData
+            const fromData = find(selectedFilesData, (item) => get(item, "_id") === first(folderIds));
+            if (fromData)
+                return fromData;
+            // Fall back to cache lookup
+            return find(folders, (folder) => get(folder, "_id") === first(folderIds));
+        }
+        else {
+            return null;
+        }
+    }, [folderIds, folders, selectedFilesData]);
+    const selectedFile = useMemo(() => {
+        if (get(fileIds, "length") === 1) {
+            // First try from selectedFilesData
+            const fromData = find(selectedFilesData, (item) => get(item, "_id") === first(fileIds));
+            if (fromData)
+                return fromData;
+            // Fall back to cache lookup
+            return find(folders, (folder) => get(folder, "_id") === first(fileIds));
+        }
+        else {
+            return null;
+        }
+    }, [fileIds, folders, selectedFilesData]);
+    // Fetch file data from API if selectedFile is null but we have a single fileId
+    const singleFileId = useMemo(() => {
+        if (selectedFile)
+            return ""; // Already have file data
+        if (get(fileIds, "length") === 1) {
+            return first(fileIds) || "";
+        }
+        return "";
+    }, [selectedFile, fileIds, folderIds]);
+    const { data: fetchedFileData } = useFile(api, singleFileId);
+    // Use fetched file data if selectedFile is null
+    const effectiveFile = useMemo(() => {
+        return selectedFile || fetchedFileData || null;
+    }, [selectedFile, fetchedFileData]);
+    const toggleConfirmPopup = (actionType = "") => {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { actionType, showConfirmModal: !prevState.showConfirmModal })));
+    };
+    const toggleShowMoveFolder = () => {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { showMoveFolder: !prevState.showMoveFolder })));
+    };
+    const onSuccess = (message) => {
+        invalidateData(queryClient, generateFoldersQueryKey(type), folderId ? folderId : rootFolderId);
+        showNotification(message, NotificationStatus.SUCCESS);
+    };
+    const onFailure = (message) => {
+        showNotification(message, NotificationStatus.ERROR);
+    };
+    const deleteFileMutation = useMutation({
+        mutationFn: deleteFiles,
+        onSuccess: (response) => {
+            toggleConfirmPopup();
+            onCloseSelection();
+            onSuccess(get(response, "data.message", DELETE_SUCCESS));
+        },
+        onError: (error) => {
+            onFailure(get(error, "message", SOMETHING_WENT_WRONG));
+        },
+    });
+    const onDeleteFile = () => {
+        deleteFileMutation.mutate({
+            fileIds,
+            folderIds,
+            api,
+        });
+    };
+    const restoreFileMutation = useMutation({
+        mutationFn: restoreFiles,
+        onSuccess: (response) => {
+            onCloseSelection();
+            onSuccess(get(response, "data.message", RESTORE_SUCCESS));
+        },
+        onError: (error) => {
+            onFailure(get(error, "message", SOMETHING_WENT_WRONG));
+        },
+    });
+    const onRestoreFiles = () => {
+        restoreFileMutation.mutate({
+            fileIds,
+            folderIds,
+            api,
+        });
+    };
+    const downloadFileMutation = useMutation({
+        mutationFn: downloadFiles,
+        onSuccess: (response) => {
+            const url = get(response, "data");
+            if (url) {
+                window.open(url, "_blank");
+            }
+            else {
+                onFailure(INVALID_URL);
+            }
+            onCloseSelection();
+        },
+        onError: (error) => {
+            onFailure(get(error, "message", SOMETHING_WENT_WRONG));
+        },
+    });
+    const onDownloadFiles = () => {
+        // Always use API endpoint to ensure download history is tracked
+        downloadFileMutation.mutate({
+            fileIds,
+            folderIds,
+            api,
+        });
+    };
+    const fileLinks = useMemo(() => {
+        return map(fileIds, (id) => `${appType == "reactJs"
+            ? process.env.REACT_APP_MIXDRIVE_SITE_URL
+            : process.env.NEXT_PUBLIC_MIXDRIVE_SITE_URL}` +
+            FETCH_ENTITY_SCREEN.replace(":type", DriveModes.FILE).replace(":id", id));
+    }, [fileIds]);
+    const folderLinks = useMemo(() => {
+        return map(folderIds, (id) => `${appType == "reactJs"
+            ? process.env.REACT_APP_MIXDRIVE_SITE_URL
+            : process.env.NEXT_PUBLIC_MIXDRIVE_SITE_URL}` +
+            FETCH_ENTITY_SCREEN.replace(":type", DriveModes.FOLDERS).replace(":id", id));
+    }, [folderIds]);
+    const link = useMemo(() => {
+        if (get(concat(fileLinks, folderLinks), "length")) {
+            return get(concat(fileLinks, folderLinks), "length") > 1
+                ? join(concat(fileLinks, folderLinks), ", ")
+                : first(concat(fileLinks, folderLinks));
+        }
+        else {
+            return `${appType == "reactJs"
+                ? process.env.REACT_APP_MIXDRIVE_SITE_URL
+                : process.env.NEXT_PUBLIC_MIXDRIVE_SITE_URL}`;
+        }
+    }, [fileLinks, folderLinks]);
+    const isTrashPage = useMemo(() => type === DriveModes.TRASH, [type]);
+    return (_jsxs("div", { className: "md-lib-fixed md-lib-bottom-6 md-lib-left-1/2 md-lib-transform -md-lib-translate-x-1/2 md-lib-w-80 md:md-lib-w-[720px] md-lib-max-w-3xl md-lib-bg-textColorActive md-lib-border dark:md-lib-bg-darkPrimary dark:md-lib-border-darkBorderColor md-lib-border-secondaryHoverColor md-lib-rounded-xl md-lib-shadow-md md-lib-flex md-lib-items-center md-lib-justify-between md-lib-px-4 md-lib-py-2 md-lib-z-50", children: [_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-5 md-lib-pl-2", children: [_jsx(Button, { type: "text", size: "large", icon: _jsx(FiDownloadIcon, { size: 24, className: "" }), disabled: isTrashPage, onClick: onDownloadFiles, loading: downloadFileMutation.isLoading }), _jsx(Tooltip, { title: "Move", children: _jsx(Button, { type: "text", size: "large", icon: _jsx(FiFolderPlusIcon, { size: 24, className: "" }), disabled: isTrashPage, onClick: toggleShowMoveFolder }) }), isTrashPage ? (_jsx(Tooltip, { title: "Restore", children: _jsx(Button, { type: "text", size: "large", icon: _jsx(RedoOutlined, { className: "" }), onClick: () => onRestoreFiles(), disabled: !isTrashPage }) })) : (_jsx(_Fragment, { children: isAdmin && (_jsx(Tooltip, { title: "Delete", children: _jsx(Button, { type: "text", size: "large", icon: _jsx(FiTrash2Icon, { size: 24, className: "" }), onClick: () => toggleConfirmPopup("delete"), disabled: isTrashPage }) })) })), _jsx(FileMenuOptions, { file: selectedFile || null, fileIds: fileIds, folderIds: folderIds, folder: selectedFolder || null, onCloseSelection: onCloseSelection, readOnly: isTrashPage })] }), _jsx("div", { className: "md-lib-flex md-lib-items-center", children: _jsxs(Tag, { className: "md-lib-bg-[#DEE4ED] dark:md-lib-bg-darkPrimaryHoverColor  !md-lib-rounded-lg !md-lib-px-4 h-[38px] md-lib-text-sm md-lib-items-center md-lib-font-medium md-lib-flex md-lib-gap-2 md-lib-text-textColor dark:md-lib-text-darkTextColor", closable: true, closeIcon: _jsx(FiXIcon, { onClick: onCloseSelection, className: "md-lib-cursor-pointer" }), children: [get(fileIds, "length", 0) + get(folderIds, "length", 0), " Selected"] }) }), showMoveFolder && (_jsx(MoveToAnotherFolder, { open: showMoveFolder, handleCancel: () => {
+                    toggleShowMoveFolder();
+                    onCloseSelection();
+                }, folderIds: folderIds, fileIds: fileIds, entity: null })), _jsx(DeleteConfirmationModal, { showDeleteModal: showConfirmModal, toggleDeleteModal: toggleConfirmPopup, icon: actionType === "archive" ? (_jsx(IoArchiveOutlineIcon, {})) : (_jsx(DeleteOutlined, {})), okText: actionType === "archive" ? ARCHIVE_OK_TEXT : DELETE_OK_TEXT, description: DELETE_CONFIRMATION_MESSAGE.replace(":action", actionType).replace(" :entity", ""), subHeading: actionType === "archive" ? "" : DELETE_MESSAGE_DESCRIPTION, onOk: actionType === "archive" ? () => { } : onDeleteFile, loading: deleteFileMutation.isLoading })] }));
+};
+export default ActionsBar;

package/build/MyDrive/AddDrive.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const AddDrive: React.FC<{
+    parentFolderId?: string;
+}>;
+export default AddDrive;

package/build/MyDrive/AddDrive.js

@@ -0,0 +1,189 @@
+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 { useEffect, useMemo, useRef, useState } from "react";
+import { Button, Dropdown } from "antd";
+import { MdKeyboardArrowDown } from "react-icons/md";
+import { BsUpload } from "react-icons/bs";
+import { PiFolderPlusLight } from "react-icons/pi";
+import { GoPlus } from "react-icons/go";
+import AddFolder from "./AddFolder";
+import MapFile from "./files/MapFile";
+import { showNotification } from "../common/notifications";
+import { SOMETHING_WENT_WRONG, UPLOAD_SUCCESS, } from "../utilities/constants/messages";
+import { FileUploadStatus, NotificationStatus, } from "../utilities/constants/interface";
+import { get, keyBy, map, merge, values } from "lodash";
+import { DELETE_S3_FILE_URL, FILE_UPLOAD_URL, } from "../utilities/constants/apiUrls";
+import CustomLoader from "../common/loader/CustomLoader";
+import UploadStatusModal from "./UploadStatusModal";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { createApiClient } from "../hocs/configureAxios";
+import BulkUploadModal from "./BulkUploadModal";
+import useAppParams from "../utilities/useAppParams";
+import CustomButton from "../common/Button";
+import { RiGalleryLine } from "react-icons/ri";
+const extensionToMime = {
+    ai: "application/postscript",
+    psd: "image/vnd.adobe.photoshop",
+    indd: "application/x-indesign",
+};
+const RiGalleryLineIcon = RiGalleryLine;
+const BsUploadIcon = BsUpload;
+const PiFolderPlusLightIcon = PiFolderPlusLight;
+const GoPlusIcon = GoPlus;
+const MdKeyboardArrowDownIconIcon = MdKeyboardArrowDown;
+const AddDrive = ({ parentFolderId }) => {
+    const damConfig = useDamConfig();
+    const { brand, rootFolderId } = damConfig;
+    const brandId = get(brand, "_id");
+    const { folderId } = useAppParams();
+    const currentFolderId = parentFolderId || folderId || rootFolderId;
+    const fileInputRef = useRef(null);
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const [state, setState] = useState({
+        openFolderModal: false,
+        openMapFile: false,
+        uploading: false,
+        filesList: [],
+        showUploadStatus: false,
+        uploadStatusList: [],
+        openBlukUploadModal: false,
+        showGenerateThumbnails: false,
+    });
+    const { openFolderModal, openMapFile, uploading, filesList, showUploadStatus, uploadStatusList, openBlukUploadModal, showGenerateThumbnails, } = state;
+    const toggleOpenMapFile = (files = [], shouldDelete = false) => {
+        var _a;
+        if (openMapFile && shouldDelete && ((_a = filesList === null || filesList === void 0 ? void 0 : filesList[0]) === null || _a === void 0 ? void 0 : _a.filePath)) {
+            try {
+                api.delete(DELETE_S3_FILE_URL.replace(":path", filesList === null || filesList === void 0 ? void 0 : filesList[0].filePath));
+            }
+            catch (err) {
+                console.log("Error while deleting file in s3", err);
+            }
+        }
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { openMapFile: !prevState.openMapFile, filesList: files, showUploadStatus: false })));
+    };
+    const handleMapFileCancel = (shouldDelete = false) => {
+        toggleOpenMapFile([], shouldDelete);
+    };
+    const toggleFolderModal = () => {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { openFolderModal: !prevState.openFolderModal })));
+    };
+    const toggleFolderBulkModal = () => {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { openBlukUploadModal: !prevState.openBlukUploadModal })));
+    };
+    const updateFileStatus = (fileName, status) => {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { uploadStatusList: map(prevState.uploadStatusList, (f) => get(f, "name") === fileName ? Object.assign(Object.assign({}, f), { status }) : f) })));
+    };
+    // Auto-close upload status drawer when all uploads are complete
+    useEffect(() => {
+        if (showUploadStatus && uploadStatusList.length > 0) {
+            const allComplete = uploadStatusList.every((file) => file.status === FileUploadStatus.SUCCESS ||
+                file.status === FileUploadStatus.ERROR);
+            if (allComplete && !uploading) {
+                // Auto-close after 2 seconds when all uploads are complete
+                const timer = setTimeout(() => {
+                    setState((prevState) => (Object.assign(Object.assign({}, prevState), { showUploadStatus: false })));
+                }, 2000);
+                return () => clearTimeout(timer);
+            }
+        }
+    }, [uploadStatusList, uploading, showUploadStatus]);
+    const handleNativeFileUpload = (event) => __awaiter(void 0, void 0, void 0, function* () {
+        const selectedFiles = get(event, "target.files", []);
+        if (!selectedFiles || selectedFiles.length === 0)
+            return;
+        const files = map(Array.from(selectedFiles), (file) => {
+            var _a;
+            const name = get(file, "name", "");
+            const ext = ((_a = name.split(".").pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || "";
+            const mimetype = get(file, "type") ||
+                get(extensionToMime, ext) ||
+                "application/octet-stream";
+            return {
+                name,
+                size: get(file, "size"),
+                mimetype,
+                file,
+            };
+        });
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { uploading: true, showUploadStatus: true, uploadStatusList: map(files, (f) => ({
+                name: get(f, "name"),
+                status: FileUploadStatus.PENDING,
+            })) })));
+        try {
+            const response = yield api.post(FILE_UPLOAD_URL, {
+                brandId,
+                folderId: currentFolderId,
+                files: map(files, (file) => ({
+                    name: get(file, "name"),
+                    size: get(file, "size"),
+                })),
+            });
+            const uploadData = get(response, "data", []);
+            const uploadMap = keyBy(uploadData, "name");
+            for (const file of files) {
+                const fileUrl = get(uploadMap, [get(file, "name"), "url"]);
+                if (!fileUrl) {
+                    updateFileStatus(get(file, "name"), FileUploadStatus.ERROR);
+                    continue;
+                }
+                try {
+                    yield fetch(fileUrl, {
+                        method: "PUT",
+                        headers: {
+                            "Content-Type": get(file, "mimetype"),
+                            "Access-Control-Allow-Origin": "*",
+                        },
+                        body: file.file,
+                    });
+                    updateFileStatus(get(file, "name"), FileUploadStatus.SUCCESS);
+                }
+                catch (_a) {
+                    updateFileStatus(get(file, "name"), FileUploadStatus.ERROR);
+                }
+            }
+            showNotification(get(response, "data.message", UPLOAD_SUCCESS), NotificationStatus.SUCCESS);
+            toggleOpenMapFile(values(merge({}, keyBy(files, "name"), keyBy(uploadData, "name"))));
+        }
+        catch (error) {
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+        }
+        finally {
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { uploading: false })));
+            if (fileInputRef.current)
+                fileInputRef.current.value = "";
+        }
+    });
+    const items = [
+        {
+            key: "0",
+            label: "Upload file",
+            icon: uploading ? _jsx(CustomLoader, {}) : _jsx(BsUploadIcon, { size: 16 }),
+            disabled: uploading,
+            onClick: () => { var _a; return (_a = get(fileInputRef, "current")) === null || _a === void 0 ? void 0 : _a.click(); },
+        },
+        {
+            key: "2",
+            icon: _jsx(PiFolderPlusLightIcon, { size: 20 }),
+            label: "Create folder",
+            onClick: () => toggleFolderModal(),
+        },
+        {
+            key: "3",
+            icon: _jsx(BsUploadIcon, { size: 20 }),
+            label: "Bulk Upload",
+            onClick: () => toggleFolderBulkModal(),
+        },
+    ];
+    const toggleGenerateThumbnails = () => setState((prevState) => (Object.assign(Object.assign({}, prevState), { showGenerateThumbnails: !prevState.showGenerateThumbnails })));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "md-lib-flex md-lib-gap-3", children: [_jsx(CustomButton, { label: "Generate Thumbnails", icon: _jsx(RiGalleryLineIcon, {}), size: "large", onClick: toggleGenerateThumbnails }), _jsx(Dropdown, { menu: { items }, trigger: ["click"], placement: "bottomRight", children: _jsxs(Button, { icon: _jsx(GoPlusIcon, { size: 16 }), type: "primary", size: "large", children: ["Add ", _jsx(MdKeyboardArrowDownIconIcon, {})] }) })] }), _jsx("input", { ref: fileInputRef, type: "file", multiple: true, style: { display: 'none' }, onChange: handleNativeFileUpload }), openFolderModal && (_jsx(AddFolder, { open: openFolderModal, handleCancel: toggleFolderModal, parentFolderId: currentFolderId })), openMapFile && (_jsx(MapFile, { open: openMapFile, handleCancel: handleMapFileCancel, filesList: filesList, fromUpload: true, parentFolderId: currentFolderId })), showUploadStatus && (_jsx(UploadStatusModal, { open: showUploadStatus, statusList: uploadStatusList, onClose: () => setState((prevState) => (Object.assign(Object.assign({}, prevState), { showUploadStatus: false }))) })), openBlukUploadModal && (_jsx(BulkUploadModal, { toggleUpload: toggleFolderBulkModal, folderId: currentFolderId })), showGenerateThumbnails && (_jsx(BulkUploadModal, { toggleUpload: toggleGenerateThumbnails, thumbnailsOnly: true, folderId: currentFolderId }))] }));
+};
+export default AddDrive;

package/build/MyDrive/AddFolder.d.ts

@@ -0,0 +1,11 @@
+import { FileEntity, FolderEntity } from "../utilities/constants/interface";
+declare function AddFolder({ open, handleCancel, folder, file, onCloseSelection, fileModal, parentFolderId, }: {
+    open: boolean;
+    handleCancel: () => void;
+    folder?: FolderEntity;
+    file?: FileEntity;
+    onCloseSelection?: () => void;
+    fileModal?: boolean;
+    parentFolderId?: string;
+}): JSX.Element;
+export default AddFolder;

package/build/MyDrive/AddFolder.js

@@ -0,0 +1,165 @@
+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, RENAME_SUCCESS, 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, useRefetchFolders } from "../utilities/FoldersContext";
+function AddFolder({ open, handleCancel, folder, file, onCloseSelection, fileModal, parentFolderId, }) {
+    const { setFolders, globalSearch } = useFoldersContext();
+    const refetchFolders = useRefetchFolders();
+    const { folderId, type } = useAppParams();
+    const damConfig = useDamConfig();
+    const { rootFolderId } = damConfig;
+    const currentFolderId = parentFolderId || folderId || rootFolderId;
+    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: currentFolderId }));
+                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));
+                    if (file) {
+                        invalidateData(queryClient, QueryKeys.FILE, get(file, "_id"));
+                    }
+                    if (refetchFolders) {
+                        yield refetchFolders();
+                    }
+                    else {
+                        const foldersQueryKey = generateFoldersQueryKey(type);
+                        const effectiveFolderId = folderId ? folderId : rootFolderId;
+                        invalidateData(queryClient, foldersQueryKey, effectiveFolderId);
+                        yield queryClient.refetchQueries({
+                            queryKey: [foldersQueryKey, effectiveFolderId],
+                        });
+                    }
+                }
+                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", folder || file ? RENAME_SUCCESS : 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,10 @@
+import { FolderEntity } from "../utilities/constants/interface";
+declare function BreadCrumbList({ folder, parentFolderId, setParentFolderId, pickerFolderId, globalSearch, setSelectedKeys, }: {
+    folder: FolderEntity;
+    parentFolderId?: string;
+    setParentFolderId?: (id: string) => void;
+    pickerFolderId?: string;
+    globalSearch?: string;
+    setSelectedKeys?: (keys: string | string[]) => void;
+}): JSX.Element;
+export default BreadCrumbList;

package/build/MyDrive/BreadCrumbList.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DriveModes } from "../utilities/constants/interface";
+import { DRIVE_MODES_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 useAppParams from "../utilities/useAppParams";
+const FaChevronRightIcon = FaChevronRight;
+function BreadCrumbList({ folder, parentFolderId, setParentFolderId, pickerFolderId, globalSearch, setSelectedKeys, }) {
+    const { type, id } = useAppParams();
+    const damConfig = useDamConfig();
+    const { rootFolderId } = damConfig;
+    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 isRoot = index === 0 || treeId === rootFolderId;
+                const handleClick = () => {
+                    // Allow root to be clickable if it's not the last item
+                    if (pickerFolderId && setParentFolderId && !isLast) {
+                        setParentFolderId(treeId);
+                    }
+                    if (!pickerFolderId && !isLast && setSelectedKeys) {
+                        setSelectedKeys(treeId);
+                    }
+                };
+                const currentItemRender = (_jsx(Breadcrumb.Item, { onClick: !isLast ? handleClick : undefined, className: `md-lib-h-auto ${!isLast ? "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;