@anji-dashing/dam-solution-v2 5.8.173

package/build/MyDrive/DriveContainer.js

@@ -0,0 +1,343 @@
+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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import _, { filter, find, first, flatMap, get, includes, isEmpty, merge, } from "lodash";
+import FolderListView from "./FolderListView";
+import FolderGridView from "./FolderGridView";
+import TypeAndDateFilters from "../common/folders/TypeAndDateFilters";
+import { Button, Upload } from "antd";
+import { addQueryParams, getDateRangeFromKey, getDateRangeLabel } from "../hocs/helpers";
+import { useFolders } from "../react-query/services/folder-services";
+import { DATE_FORMAT, DEFAULT_PAGE } from "../hocs/appConstants";
+import dayjs from "dayjs";
+import Loader from "../common/loader/loader";
+import ToggleView from "./ToggleView";
+import AddDrive from "./AddDrive";
+import BreadCrumbList from "./BreadCrumbList";
+import { SOMETHING_WENT_WRONG } from "../utilities/constants/messages";
+import { DriveModes, EntityType, FileTypes, NotificationStatus, SortByKeys, SortOrders, } from "../utilities/constants/interface";
+import { generateFoldersQueryKey } from "../utilities/constants/queryKeys";
+import CustomButton from "../common/Button";
+import { BsUpload } from "react-icons/bs";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { createApiClient } from "../hocs/configureAxios";
+import { NOT_FOUND_IMAGE_URL } from "../utilities/constants/imageUrls";
+import ImagePickerBreadCrumbList from "./ImagePickerBreadCrumbList";
+import { FETCH_ASSETS_URL, FETCH_IMAGE_PCIKER_THUMBNAIL_URL, UPLOAD_IMAGE_PICKER_LOCAL_FILE_URL, } from "../utilities/constants/apiUrls";
+import { showNotification } from "../common/notifications";
+import useAppParams from "../utilities/useAppParams";
+import { RefetchFoldersProvider } from "../utilities/FoldersContext";
+const BsUploadIcon = BsUpload;
+function DriveContainer({ parentFolderId, setSelectedFile, setParentFolderId, pickerFolderId, selectedPickerFile, imagePicker, globalSearch, setGlobalSearch, setSelectedKeys, }) {
+    const damConfig = useDamConfig();
+    const { rootFolderId, brand, isAdmin } = damConfig;
+    const brandId = get(brand, "_id");
+    const { folderId, type, id } = useAppParams();
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const [state, setState] = useState({
+        selectedType: "",
+        selectedDateKey: "",
+        customDateRange: null,
+        showGrid: false,
+        loadingType: "",
+        selectedItems: {},
+        assets: [],
+        sortBy: SortByKeys.UPDATED_AT,
+        sortOrder: SortOrders.DESCEND,
+        searchKey: "",
+        searchValue: "",
+        metadataKey: "",
+        metadataValue: "",
+        folderSearch: "",
+    });
+    const { selectedType, selectedDateKey, customDateRange, showGrid, loadingType, selectedItems, assets, sortBy, sortOrder, searchKey, searchValue, metadataKey, metadataValue, folderSearch, } = state;
+    const getSearchParams = () => {
+        const params = {};
+        if (searchKey === "name") {
+            params["search"] = searchValue;
+        }
+        else if (searchKey === "extensionType") {
+            params["extensionType"] = searchValue;
+        }
+        else if (searchKey === "assetName") {
+            params["assetName"] = searchValue;
+        }
+        return params;
+    };
+    const effectiveFolderId = parentFolderId || folderId || id || rootFolderId || '';
+    const prevEffectiveFolderIdRef = useRef(null);
+    const folderIdChanged = prevEffectiveFolderIdRef.current !== null &&
+        prevEffectiveFolderIdRef.current !== effectiveFolderId;
+    prevEffectiveFolderIdRef.current = effectiveFolderId;
+    const folderParams = merge({}, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ page: DEFAULT_PAGE }, (type ? { category: type } : {})), (!!imagePicker
+        ? {
+            includeSubFolders: get(imagePicker, "includeSubFolders", true),
+            teamVisibility: get(imagePicker, "teamVisibility", true),
+        }
+        : {})), (!folderIdChanged && !!searchKey && !!searchValue ? getSearchParams() : {})), (!folderIdChanged && !!metadataKey && !!metadataValue
+        ? { metadataKey: metadataKey, metadataValue: metadataValue }
+        : {})), (!folderIdChanged && !!folderSearch ? { name: folderSearch } : {})), (!folderIdChanged && !!globalSearch && ((parentFolderId || folderId || id) === rootFolderId || !(parentFolderId || folderId || id))
+        ? { globalSearch }
+        : {})), { sortBy: sortBy, sortOrder: sortOrder }), Object.assign(Object.assign({}, (!folderIdChanged && selectedDateKey === "custom" && customDateRange && customDateRange[0] && customDateRange[1]
+        ? {
+            startDate: dayjs(customDateRange[0]).format(DATE_FORMAT),
+            endDate: dayjs(customDateRange[1]).format(DATE_FORMAT),
+        }
+        : folderIdChanged ? {} : getDateRangeFromKey(selectedDateKey))), (!folderIdChanged && !!selectedType ? { type: selectedType } : {})));
+    useEffect(() => {
+        if (folderIdChanged) {
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { selectedType: "", selectedDateKey: "", customDateRange: null, searchKey: "", searchValue: "", metadataKey: "", metadataValue: "", folderSearch: "" })));
+            if (setGlobalSearch)
+                setGlobalSearch("");
+        }
+    }, [effectiveFolderId, folderIdChanged, setGlobalSearch]);
+    const { data: foldersPaginatedData, isLoading, hasNextPage, fetchNextPage, refetch, isFetching, error, } = useFolders(api, generateFoldersQueryKey(type), folderParams, effectiveFolderId);
+    useEffect(() => {
+        if (typeof window !== "undefined") {
+            const isMobile = window.innerWidth < 768;
+            if (isMobile) {
+                setState((prev) => (Object.assign(Object.assign({}, prev), { showGrid: true })));
+            }
+        }
+    }, []);
+    const folders = useMemo(() => {
+        return !!foldersPaginatedData
+            ? flatMap(get(foldersPaginatedData, "pages"), "folders")
+            : [];
+    }, [foldersPaginatedData]);
+    const onDateMenuClick = ({ key }) => {
+        const { startDate, endDate } = getDateRangeFromKey(key);
+        setState((prev) => (Object.assign(Object.assign({}, prev), { selectedDateKey: key, customDateRange: null, loadingType: "date" })));
+    };
+    const onTypeMenuClick = ({ key }) => {
+        setState((prev) => (Object.assign(Object.assign({}, prev), { selectedType: key, loadingType: "type" })));
+    };
+    const prevDateKeyRef = useRef();
+    const prevCustomDateRangeRef = useRef();
+    const prevTypeKeyRef = useRef();
+    const prevParentRef = useRef();
+    const prevSortByKeyRef = useRef();
+    const prevSortOrderRef = useRef();
+    const prevSearchValueRef = useRef();
+    const prevMetadataKeyRef = useRef();
+    const prevMetadataValueRef = useRef();
+    const prevFolderSearchRef = useRef();
+    const prevGlobalSearchRef = useRef();
+    useEffect(() => {
+        const prevDateKeyState = prevDateKeyRef.current;
+        const prevCustomDateRangeState = prevCustomDateRangeRef.current;
+        const prevTypeKeyState = prevTypeKeyRef.current;
+        const prevSortByKeyState = prevSortByKeyRef.current;
+        const prevSortOrderState = prevSortOrderRef.current;
+        const prevSearchValueState = prevSearchValueRef.current;
+        const prevMetadataKeyState = prevMetadataKeyRef.current;
+        const prevMetadataValueState = prevMetadataValueRef.current;
+        const prevFolderSearchState = prevFolderSearchRef.current;
+        const prevGlobalSearchState = prevGlobalSearchRef.current;
+        const customDateRangeChanged = selectedDateKey === "custom" && customDateRange !== prevCustomDateRangeState;
+        const shouldRefetch = selectedDateKey !== prevDateKeyState ||
+            customDateRangeChanged ||
+            selectedType !== prevTypeKeyState ||
+            sortBy !== prevSortByKeyState ||
+            sortOrder !== prevSortOrderState ||
+            searchValue !== prevSearchValueState ||
+            metadataKey !== prevMetadataKeyState ||
+            metadataValue !== prevMetadataValueState ||
+            folderSearch !== prevFolderSearchState ||
+            globalSearch !== prevGlobalSearchState;
+        if (shouldRefetch) {
+            refetch();
+        }
+        prevDateKeyRef.current = selectedDateKey;
+        prevCustomDateRangeRef.current = customDateRange;
+        prevTypeKeyRef.current = selectedType;
+        prevSortByKeyRef.current = sortBy;
+        prevSortOrderRef.current = sortOrder;
+        prevSearchValueRef.current = searchValue;
+        prevMetadataKeyRef.current = metadataKey;
+        prevMetadataValueRef.current = metadataValue;
+        prevFolderSearchRef.current = folderSearch;
+        prevGlobalSearchRef.current = globalSearch;
+    }, [
+        selectedDateKey,
+        customDateRange,
+        selectedType,
+        sortBy,
+        sortOrder,
+        searchValue,
+        metadataKey,
+        metadataValue,
+        folderSearch,
+        globalSearch,
+    ]);
+    const parentFolder = useMemo(() => get(first(get(foldersPaginatedData, "pages", [])), "folder", {}), [foldersPaginatedData]);
+    const onSelectNewFile = (file) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            setState((prevState) => {
+                return Object.assign(Object.assign({}, prevState), { loadingType: "NEW_FILE_UPLOAD" });
+            });
+            const response = yield api.post(UPLOAD_IMAGE_PICKER_LOCAL_FILE_URL, {
+                brandId,
+                folderId: parentFolderId || folderId || rootFolderId,
+                name: file.name,
+                size: file.size,
+            });
+            // console.log(response);
+            const [name, extension] = file.name.split(".");
+            const filePath = get(response, "data.filePath");
+            const url = get(response, "data.url");
+            fetch(url, {
+                method: "PUT",
+                body: file,
+            })
+                .then((response) => __awaiter(this, void 0, void 0, function* () {
+                // setSelectedFile()
+                const fileResponse = yield api.post(FETCH_IMAGE_PCIKER_THUMBNAIL_URL, {
+                    brandId,
+                    folderId: parentFolderId || folderId || rootFolderId,
+                    name: file.name,
+                    mimetype: `image/${extension}`,
+                    s3Path: filePath,
+                });
+                // console.log(fileResponse);
+                if (setSelectedFile) {
+                    setSelectedFile(fileResponse === null || fileResponse === void 0 ? void 0 : fileResponse.data, true);
+                }
+            }))
+                .catch((err) => {
+                console.log(err);
+                setState((prevState) => {
+                    return Object.assign(Object.assign({}, prevState), { loadingType: "" });
+                });
+                showNotification(get(err, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+            });
+        }
+        catch (error) {
+            console.error("Error uploading file:", error);
+        }
+        finally {
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { loadingType: "" })));
+        }
+    });
+    useEffect(() => {
+        if (brandId) {
+            fetchAssets();
+        }
+    }, [brandId]);
+    const fetchAssets = () => __awaiter(this, void 0, void 0, function* () {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { assetsLoading: true })));
+        try {
+            const response = yield api.get(`${FETCH_ASSETS_URL.replace(":brandId", brandId)}?${addQueryParams({
+                isActive: true,
+                isPagination: false,
+            })}`);
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { assets: get(response, "data.data", []) })));
+        }
+        catch (error) {
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { assets: [] })));
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+        }
+    });
+    const onSearch = (filters) => {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), filters)));
+    };
+    const hasActiveFilters = !!(searchKey && searchValue) ||
+        !!(metadataKey && metadataValue) ||
+        !!folderSearch ||
+        !!globalSearch ||
+        !!selectedType ||
+        !!selectedDateKey;
+    const activeFiltersSummary = useMemo(() => {
+        const items = [];
+        if (searchKey && searchValue) {
+            const searchLabels = {
+                name: "Name",
+                extensionType: "File type",
+                assetName: "Asset Template",
+            };
+            items.push({
+                label: searchLabels[searchKey] || searchKey,
+                value: searchValue,
+            });
+        }
+        if (metadataKey && metadataValue) {
+            const metaField = find(flatMap(assets, (a) => get(a, "metadataFields", [])), (f) => get(f, "_id") === metadataKey);
+            const fieldName = metaField ? get(metaField, "name", metadataKey) : metadataKey;
+            items.push({
+                label: fieldName,
+                value: Array.isArray(metadataValue) ? metadataValue.join(", ") : String(metadataValue),
+            });
+        }
+        if (folderSearch) {
+            items.push({ label: "Folder search", value: folderSearch });
+        }
+        if (globalSearch) {
+            items.push({ label: "Global search", value: globalSearch });
+        }
+        if (selectedType) {
+            const typeLabels = {
+                [FileTypes.IMAGES]: "Images",
+                [FileTypes.VIDEOS]: "Videos",
+                [FileTypes.DOCUMENTS]: "Documents",
+                [FileTypes.MUSIC]: "Music",
+                [FileTypes.OTHER]: "Other",
+            };
+            items.push({ label: "Type", value: typeLabels[selectedType] || selectedType });
+        }
+        if (selectedDateKey) {
+            const label = selectedDateKey === "custom" && (customDateRange === null || customDateRange === void 0 ? void 0 : customDateRange[0]) && (customDateRange === null || customDateRange === void 0 ? void 0 : customDateRange[1])
+                ? `Custom: ${dayjs(customDateRange[0]).format("MMM D, YYYY")} - ${dayjs(customDateRange[1]).format("MMM D, YYYY")}`
+                : getDateRangeLabel(selectedDateKey);
+            items.push({ label: "Modified", value: label });
+        }
+        return items;
+    }, [
+        searchKey,
+        searchValue,
+        metadataKey,
+        metadataValue,
+        folderSearch,
+        globalSearch,
+        selectedType,
+        selectedDateKey,
+        customDateRange,
+        assets,
+    ]);
+    const clearAllFilters = () => {
+        setState((prev) => (Object.assign(Object.assign({}, prev), { searchKey: "", searchValue: "", metadataKey: "", metadataValue: "", folderSearch: "", selectedType: "", selectedDateKey: "", customDateRange: null, loadingType: "date" })));
+        if (setGlobalSearch)
+            setGlobalSearch("");
+    };
+    return (_jsx(RefetchFoldersProvider, { value: refetch, children: _jsxs("div", { className: "md-lib-h-[inherit]", children: [type !== DriveModes.FILE && (_jsx(_Fragment, { children: _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-px-4 md-lib-h-20 md-lib-justify-between md-lib-border-b md-lib-border-borderColor dark:md-lib-border-darkBorderColor md-lib-mb-4", children: [imagePicker ? (_jsx(ImagePickerBreadCrumbList, { folder: parentFolder, parentFolderId: parentFolderId, setParentFolderId: setParentFolderId, pickerFolderId: pickerFolderId })) : (_jsx(_Fragment, { children: _jsx(BreadCrumbList, { folder: parentFolder, parentFolderId: parentFolderId, setParentFolderId: setParentFolderId, pickerFolderId: pickerFolderId, globalSearch: globalSearch, setSelectedKeys: setSelectedKeys }) })), isAdmin && _jsx(AddDrive, { parentFolderId: parentFolderId }), get(imagePicker, "allowNewFiles") && (_jsx(Upload, { beforeUpload: (file) => {
+                                    onSelectNewFile(file);
+                                }, showUploadList: false, accept: "image/*", children: _jsx(CustomButton, { loading: loadingType === "NEW_FILE_UPLOAD", label: "Select File", icon: _jsx(BsUploadIcon, {}) }) }))] }) })), _jsxs("div", { className: `md-lib-px-4 md-lib-border-borderColor dark:md-lib-border-darkBorderColor md-lib-flex ${!includes([DriveModes.FOLDERS, DriveModes.FILE], type)
+                        ? "md-lib-justify-between"
+                        : "md-lib-justify-end md-lib-my-4"}`, children: [!includes([DriveModes.FOLDERS, DriveModes.FILE], type) && (_jsx("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-4 md-lib-mb-4", children: _jsx(TypeAndDateFilters, { selectedDateKey: selectedDateKey, selectedType: selectedType, customDateRange: customDateRange, onDateMenuClick: onDateMenuClick, onTypeMenuClick: onTypeMenuClick, onChangeDates: (dates) => {
+                                    if (dates) {
+                                        setState((prev) => (Object.assign(Object.assign({}, prev), { customDateRange: dates, selectedDateKey: "custom" })));
+                                    }
+                                }, onCancelCustomDate: () => {
+                                    setState((prev) => (Object.assign(Object.assign({}, prev), { selectedDateKey: "", customDateRange: null, loadingType: "date" })));
+                                }, loading: isFetching, loadingType: loadingType }) })), _jsx(ToggleView, { showGrid: showGrid, toggleView: (value) => setState((prevState) => (Object.assign(Object.assign({}, prevState), { showGrid: value }))) })] }), _jsx("div", { className: "md-lib-border-b md-lib-border-borderColor md-lib-mb-4" }), isLoading ? (_jsx(Loader, {})) : isEmpty(folders) ? (_jsxs("div", { className: "md-lib-flex md-lib-flex-col md-lib-items-center md-lib-justify-center md-lib-py-8", children: [_jsx("img", { src: NOT_FOUND_IMAGE_URL, alt: "Not Found", width: 300, height: 300 }), _jsx("p", { className: "md-lib-mt-3 md-lib-text-sm md-lib-font-semibold", children: error
+                                ? get(error, "message", SOMETHING_WENT_WRONG)
+                                : includes(Object.values(DriveModes), type)
+                                    ? "No data found"
+                                    : hasActiveFilters
+                                        ? "No results found"
+                                        : "No files has been created yet" }), hasActiveFilters && activeFiltersSummary.length > 0 && (_jsxs("div", { className: "md-lib-mt-4 md-lib-p-4 md-lib-rounded-lg md-lib-bg-secondaryColor dark:md-lib-bg-darkSecondaryColor md-lib-max-w-md md-lib-w-full", children: [_jsx("p", { className: "md-lib-text-xs md-lib-font-medium md-lib-text-secondaryTextColor dark:md-lib-text-darkSecondaryTextColor md-lib-mb-2", children: "Active filters:" }), _jsx("ul", { className: "md-lib-text-sm md-lib-space-y-1", children: activeFiltersSummary.map((item, idx) => (_jsxs("li", { className: "md-lib-flex md-lib-gap-2", children: [_jsxs("span", { className: "md-lib-font-medium md-lib-text-textColor dark:md-lib-text-darkTextColor", children: [item.label, ":"] }), _jsx("span", { className: "md-lib-text-secondaryTextColor dark:md-lib-text-darkSecondaryTextColor md-lib-truncate", children: item.value })] }, idx))) })] })), hasActiveFilters && (_jsx(Button, { type: "primary", className: "md-lib-mt-4", onClick: clearAllFilters, children: "Clear Filters" }))] })) : (_jsx("div", { className: "md-lib-p-4 md-lib-max-h-[calc(100%-161px)] md-lib-overflow-x-auto", children: state.showGrid ? (_jsx(FolderGridView, { folders: filter(folders, (item) => get(item, "type") !== EntityType.FILE), files: _.filter(folders, (item) => get(item, "type") === EntityType.FILE), foldersFetching: isFetching, hasNextPage: !!hasNextPage, fetchNextPage: fetchNextPage, selectedFolderIds: get(selectedItems, "folderIds", []), selectedFileIds: get(selectedItems, "fileIds", []), setSelectedItems: (updateFnOrValue = {}) => setState((prevState) => {
+                            const prevSelected = prevState.selectedItems;
+                            return Object.assign(Object.assign({}, prevState), { selectedItems: Object.assign(Object.assign({}, prevSelected), updateFnOrValue) });
+                        }), isImagePicker: !!pickerFolderId, setSelectedFile: setSelectedFile, setParentFolderId: setParentFolderId, selectedPickerFile: selectedPickerFile, sortBy: sortBy, sortOrder: sortOrder, setSortOrders: (newSortBy, newSortOrder) => setState((prev) => (Object.assign(Object.assign({}, prev), { sortBy: newSortBy, sortOrder: newSortOrder }))), setSelectedKeys: setSelectedKeys })) : (_jsx(FolderListView, { folders: folders, foldersFetching: isFetching, hasNextPage: !!hasNextPage, fetchNextPage: fetchNextPage, selectedFolderIds: get(selectedItems, "folderIds", []), selectedFileIds: get(selectedItems, "fileIds", []), setSelectedItems: (updateFnOrValue = {}) => setState((prevState) => {
+                            const prevSelected = prevState.selectedItems;
+                            return Object.assign(Object.assign({}, prevState), { selectedItems: Object.assign(Object.assign({}, prevSelected), updateFnOrValue) });
+                        }), isImagePicker: !!pickerFolderId, setSelectedFile: setSelectedFile, setParentFolderId: setParentFolderId, selectedPickerFile: selectedPickerFile, location: get(parentFolder, "name"), assets: assets, sortByKey: sortBy, sortOrder: sortOrder, setSortOrders: (newSortBy, newSortOrder) => setState((prev) => (Object.assign(Object.assign({}, prev), { sortBy: newSortBy, sortOrder: newSortOrder }))), onSearch: onSearch, searchKey: searchKey, searchValue: searchValue, metadataKey: metadataKey, metadataValue: metadataValue, setSelectedKeys: setSelectedKeys })) }))] }) }));
+}
+export default DriveContainer;

package/build/MyDrive/FileDownloadHistory.d.ts

@@ -0,0 +1,7 @@
+import { FileEntity, FolderEntity } from "../utilities/constants/interface";
+declare function FileDownloadHistory({ open, onClose, file, }: {
+    open: boolean;
+    onClose: () => void;
+    file: FileEntity | FolderEntity;
+}): JSX.Element;
+export default FileDownloadHistory;

package/build/MyDrive/FileDownloadHistory.js

@@ -0,0 +1,107 @@
+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 } from "react/jsx-runtime";
+import { NotificationStatus, } from "../utilities/constants/interface";
+import { Drawer, Table } from "antd";
+import { CloseOutlined } from "@ant-design/icons";
+import { find, get } from "lodash";
+import { useEffect, useMemo, useState } from "react";
+import { showNotification } from "../common/notifications";
+import moment from "moment-timezone";
+import { RenderAvatar } from "../common/CustomElements";
+import CustomLoader from "../common/loader/CustomLoader";
+import { FETCH_BRAND_URL, FETCH_FILE_DOWNLOAD_LOGS_URL, } from "../utilities/constants/apiUrls";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { createApiClient } from "../hocs/configureAxios";
+import { addQueryParams } from "../hocs/helpers";
+import { SOMETHING_WENT_WRONG } from "../utilities/constants/messages";
+import { APP_DATE_TIME_FORMAT, DEFAULT_PAGE, LOCAL_TIMEZONE, } from "../hocs/appConstants";
+function FileDownloadHistory({ open, onClose, file, }) {
+    const damConfig = useDamConfig();
+    const { brand } = damConfig;
+    const brandId = get(brand, "_id");
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const [state, setState] = useState({
+        loading: false,
+        logs: [],
+        currentPage: DEFAULT_PAGE,
+        totalCount: 0,
+        totalPages: 0,
+        brandUsers: [],
+    });
+    const { logs, currentPage, totalCount, totalPages, loading, brandUsers } = state;
+    const onFetchHistory = (...args_1) => __awaiter(this, [...args_1], void 0, function* (params = {}) {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: true })));
+        try {
+            const response = yield api.get(`${FETCH_FILE_DOWNLOAD_LOGS_URL}?${addQueryParams(Object.assign({ accessType: get(file, "type"), accessId: get(file, "_id") }, params))}`);
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: false, logs: get(response, "data.downloadActivity", []), totalPages: get(response, "data.totalPages", DEFAULT_PAGE), currentPage: get(response, "data.currentPage", DEFAULT_PAGE), totalCount: get(response, "data.totalCount", DEFAULT_PAGE) })));
+        }
+        catch (error) {
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: false })));
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+        }
+    });
+    useEffect(() => {
+        if (!!get(file, "_id") && !!get(file, "type")) {
+            onFetchHistory();
+            fetchBrand(brandId);
+        }
+    }, [file]);
+    function fetchBrand(brandId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const response = yield api.get(FETCH_BRAND_URL.replace(":brandId", brandId));
+                setState((prevState) => {
+                    return Object.assign(Object.assign({}, prevState), { brandUsers: Array.isArray(get(response, "data.users"))
+                            ? get(response, "data.users")
+                            : Array.isArray(get(response, "data"))
+                                ? get(response, "data")
+                                : [] });
+                });
+            }
+            catch (error) {
+                throw error;
+            }
+        });
+    }
+    const columns = [
+        {
+            title: "User",
+            dataIndex: "createdBy",
+            key: "createdBy",
+            render: (createdBy) => {
+                const userId = get(createdBy, "_id");
+                const userName = get(createdBy, "name", "Unknown User");
+                const profileFromApi = get(createdBy, "profilePicture", "");
+                const brandUser = userId
+                    ? find(brandUsers, (user) => get(user, "_id") === userId)
+                    : null;
+                const profilePicture = profileFromApi || get(brandUser, "profilePicture", "");
+                return (_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-2", children: [_jsx(RenderAvatar, { name: userName, profilePicture: profilePicture, size: 30 }), _jsx("span", { className: "md-lib-max-w-[200px] md-lib-truncate", title: userName, children: userName })] }));
+            },
+        },
+        {
+            title: "Downloaded At",
+            dataIndex: "createdAt",
+            key: "createdAt",
+            render: (createdAt) => moment.utc(createdAt).tz(LOCAL_TIMEZONE).format(APP_DATE_TIME_FORMAT),
+        },
+    ];
+    const fileOrFolderName = get(file, "name", "File/Folder");
+    return (_jsx(Drawer, { title: _jsxs("span", { className: "md-lib-font-semibold md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-truncate md-lib-block md-lib-max-w-[280px]", title: `${fileOrFolderName} - Download history`, children: [fileOrFolderName, " - Download history"] }), onClose: onClose, open: open, footer: null, closable: true, closeIcon: _jsx(CloseOutlined, { className: "md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-text-lg", "aria-label": "Close" }), children: _jsx(Table, { rowKey: "_id", dataSource: logs, columns: columns, loading: { indicator: _jsx(CustomLoader, {}), spinning: loading }, pagination: totalPages > 1
+                ? {
+                    current: currentPage,
+                    total: totalCount,
+                    showSizeChanger: false,
+                    onChange: (page) => onFetchHistory({ page }),
+                }
+                : false }) }));
+}
+export default FileDownloadHistory;

package/build/MyDrive/FileMenuOptions.d.ts

@@ -0,0 +1,11 @@
+import { FileEntity, FolderEntity } from "../utilities/constants/interface";
+declare function FileMenuOptions({ file, folderIds, fileIds, folder, onCloseSelection, readOnly, fileModal, }: {
+    file: (FileEntity & FolderEntity) | null;
+    fileIds?: string[];
+    folderIds?: string[];
+    folder?: FolderEntity | null;
+    onCloseSelection?: () => void;
+    readOnly?: boolean;
+    fileModal?: boolean;
+}): JSX.Element;
+export default FileMenuOptions;