@bindu-dashing/dam-solution-v2 5.8.6

package/build/MyDrive/ImagePickerDrive.js

@@ -0,0 +1,41 @@
+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 { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { DriveModes } from "../utilities/constants/interface";
+import { createApiClient } from "../hocs/configureAxios";
+import { useEffect, useMemo } from "react";
+import { FETCH_SHARED_FILE_URL } from "../utilities/constants/apiUrls";
+import { get } from "lodash";
+import useConfig from "antd/es/config-provider/hooks/useConfig";
+import useAppParams from "../utilities/useAppParams";
+export default function ImagePickerDrive() {
+    const params = useAppParams();
+    const damConfig = useConfig();
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    useEffect(() => {
+        if (get(params, "type") === DriveModes.FILE) {
+            fetchFileData();
+        }
+    }, []);
+    const fetchFileData = () => __awaiter(this, void 0, void 0, function* () {
+        const response = yield api.get(FETCH_SHARED_FILE_URL.replace(":fileId", get(params, "id")));
+    });
+    //   const renderContent = () => {
+    //     switch (get(params, "type")) {
+    //       case DriveModes.FILE:
+    //         return <FileDetails open={true} file={get(fileData, "data")} />;
+    //       case DriveModes.FOLDERS:
+    //         return <DriveContainer />;
+    //       default:
+    //         redirect("/not-found");
+    //     }
+    //   };
+    return _jsx(_Fragment, {});
+}

package/build/MyDrive/MyDriveMainContainer.d.ts

@@ -0,0 +1 @@
+export default function MyDriveMainContainer({ folders, setFolders }: any): JSX.Element;

package/build/MyDrive/MyDriveMainContainer.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import FolderTree from "./FolderTree";
+import { useEffect, useState } from "react";
+import { useDamConfig } from "../hocs/DamConfigContext";
+import { isArray, map } from "lodash";
+import DriveContainer from "./DriveContainer";
+import useAppParams from "../utilities/useAppParams";
+import { FoldersProvider } from "../utilities/FoldersContext";
+export default function MyDriveMainContainer({ folders, setFolders }) {
+    const damConfig = useDamConfig();
+    const { rootFolderId, brand, isAdmin } = damConfig;
+    const params = useAppParams();
+    const [selectedKeys, setSelectedKeys] = useState([]);
+    const [expandedKeys, setExpandedKeys] = useState([]);
+    const [globalSearch, setGlobalSearch] = useState("");
+    useEffect(() => {
+        if (params === null || params === void 0 ? void 0 : params.folderId) {
+            setSelectedKeys(params.folderId);
+        }
+    }, [params === null || params === void 0 ? void 0 : params.folderId]);
+    const currentRootId = isArray(selectedKeys)
+        ? selectedKeys.length
+            ? selectedKeys[selectedKeys.length - 1]
+            : rootFolderId
+        : selectedKeys
+            ? selectedKeys
+            : rootFolderId;
+    const handleExpand = (keys) => {
+        setExpandedKeys(map(keys, (k) => k.toString()));
+    };
+    return (_jsxs(FoldersProvider, { value: { setFolders, folders, globalSearch }, children: [_jsx(FolderTree, { currentRootId: currentRootId, handleExpand: handleExpand, setSelectedKeys: setSelectedKeys, expandedKeys: expandedKeys, selectedKeys: selectedKeys, folders: folders, setExpandedKeys: setExpandedKeys, setFolders: setFolders, setGlobalSearch: setGlobalSearch, globalSearch: globalSearch }), _jsx("div", { className: "md-lib-h-[inherit] md-lib-overflow-x-auto", children: _jsx(DriveContainer, { globalSearch: globalSearch, setGlobalSearch: setGlobalSearch }) })] }));
+}

package/build/MyDrive/SearchFilter.d.ts

@@ -0,0 +1,8 @@
+export default function SearchFilter({ type, onSearch, name, isMetadata, isSelected, searchValue, }: {
+    type: string;
+    onSearch: (filters: Record<string, any>) => void;
+    isMetadata: boolean;
+    name: string;
+    isSelected: boolean;
+    searchValue: string | [string | string] | null;
+}): JSX.Element;

package/build/MyDrive/SearchFilter.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, DatePicker, Input, Popover, Radio } from "antd";
+import { CiSearch } from "react-icons/ci";
+import { InputTypes } from "../utilities/constants/interface";
+import { useEffect, useState } from "react";
+import dayjs from "dayjs";
+import { DATE_FORMAT, DATE_WITH_TIME_FORMAT } from "../hocs/appConstants";
+const CiSearchIcon = CiSearch;
+export default function SearchFilter({ type, onSearch, name, isMetadata, isSelected, searchValue, }) {
+    const [open, setOpen] = useState(false);
+    const [value, setValue] = useState(null);
+    const [withTime, setWithTime] = useState(false); // toggle mode
+    useEffect(() => {
+        if (type === InputTypes.DATE || type === InputTypes.DATE_RANGE) {
+            setValue(isSelected && typeof searchValue === "string"
+                ? dayjs(searchValue)
+                : null);
+        }
+        else {
+            setValue(isSelected ? searchValue : null);
+        }
+    }, [type, isSelected, searchValue]);
+    const getInputField = (type) => {
+        switch (type) {
+            case InputTypes.DATE_RANGE:
+            case InputTypes.DATE:
+                return (_jsxs("div", { className: "md-lib-flex md-lib-flex-col md-lib-gap-2", children: [_jsxs(Radio.Group, { value: withTime ? "withTime" : "dateOnly", onChange: (e) => setWithTime(e.target.value === "withTime"), children: [_jsx(Radio, { value: "dateOnly", children: "Date only" }), _jsx(Radio, { value: "withTime", children: "With time" })] }), _jsx(DatePicker, { style: { width: "100%" }, onChange: (val) => setValue(val), value: value, placeholder: withTime ? "Select date & time" : "Select date", showTime: withTime })] }));
+            default:
+                return (_jsx(Input, { value: value, onChange: (e) => setValue(e.target.value), placeholder: "Search (min. 2 characters required)" }));
+        }
+    };
+    const handleCancel = () => {
+        onSearch({
+            searchKey: "",
+            searchValue: "",
+            metadataKey: "",
+            metadataValue: "",
+        });
+        setValue(null);
+        setWithTime(false);
+        setOpen(false);
+    };
+    const handleSearch = () => {
+        let formattedValue = value;
+        if ((type === InputTypes.DATE || type === InputTypes.DATE_RANGE) && value) {
+            formattedValue = withTime
+                ? value.format(DATE_WITH_TIME_FORMAT) // includes time
+                : value.format(DATE_FORMAT); // date only
+        }
+        if (type === InputTypes.TEXT
+            ? formattedValue.length >= 2 || !formattedValue
+            : true) {
+            onSearch(isMetadata
+                ? {
+                    searchKey: "",
+                    searchValue: "",
+                    metadataKey: name,
+                    metadataValue: formattedValue,
+                    searchData: true,
+                }
+                : {
+                    searchKey: name,
+                    searchValue: formattedValue,
+                    metadataKey: "",
+                    metadataValue: "",
+                    searchData: true,
+                });
+            setOpen(false);
+        }
+    };
+    const content = (_jsxs("div", { children: [getInputField(type), _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-justify-end md-lib-mt-2 md-lib-gap-2", children: [_jsx(Button, { onClick: handleCancel, children: "Reset" }), _jsx(Button, { onClick: handleSearch, type: "primary", children: "Search" })] })] }));
+    return (_jsx(Popover, { content: content, title: "Search", trigger: "click", placement: "bottom", open: open, onOpenChange: (newOpen) => setOpen(newOpen), children: _jsx(CiSearchIcon, { onClick: () => setOpen(!open), className: "md-lib-mt-1" }) }));
+}

package/build/MyDrive/ShareBtn.d.ts

@@ -0,0 +1,5 @@
+import { FileEntity } from "../utilities/constants/interface";
+declare const Sharebtn: ({ file }: {
+    file: FileEntity;
+}) => JSX.Element;
+export default Sharebtn;

package/build/MyDrive/ShareBtn.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { GoShareAndroid } from "react-icons/go";
+import { DriveModes } from "../utilities/constants/interface";
+import CustomButton from "../common/Button";
+import InviteTeamModal from "../settings/InviteTeamModal";
+import { get } from "lodash";
+const GoShareAndroidIcon = GoShareAndroid;
+const Sharebtn = ({ file }) => {
+    const [state, setState] = useState({
+        showShareModal: false,
+    });
+    const { showShareModal } = state;
+    const toggleShareModal = () => {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { showShareModal: !prevState.showShareModal })));
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(CustomButton, { icon: _jsx(GoShareAndroidIcon, { size: 16 }), type: "primary", size: "large", label: "Share", onClick: toggleShareModal }), showShareModal && (_jsx(InviteTeamModal, { open: showShareModal, onClose: toggleShareModal, onFetchInvitations: () => { }, shareModal: true, fileIds: [get(file, "_id")], folderIds: [], inviteType: DriveModes.FILE, file: file }))] }));
+};
+export default Sharebtn;

package/build/MyDrive/ToggleView.d.ts

@@ -0,0 +1,4 @@
+export default function ToggleView({ showGrid, toggleView, }: {
+    showGrid: boolean;
+    toggleView: (value: boolean) => void;
+}): JSX.Element;

package/build/MyDrive/ToggleView.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Radio } from "antd";
+import { BsGrid, BsList } from "react-icons/bs";
+const BsListIcon = BsList;
+const BsGridIcon = BsGrid;
+export default function ToggleView({ showGrid, toggleView, }) {
+    const options = [
+        { label: _jsx(BsListIcon, {}), value: false },
+        { label: _jsx(BsGridIcon, {}), value: true },
+    ];
+    return (_jsx(Radio.Group, { options: options, onChange: (e) => toggleView(e.target.value), optionType: "button", buttonStyle: "solid", value: showGrid, size: "large", className: "grid-radio-btns md-lib-hidden md:md-lib-block" }));
+}

package/build/MyDrive/UploadStatusModal.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { FileUploadStatus } from "../utilities/constants/interface";
+interface Props {
+    open: boolean;
+    statusList: {
+        name: string;
+        status: FileUploadStatus;
+    }[];
+    onClose: () => void;
+}
+declare const UploadStatusModal: React.FC<Props>;
+export default UploadStatusModal;

package/build/MyDrive/UploadStatusModal.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal } from "antd";
+import { CheckCircleOutlined, CloseCircleOutlined, LoadingOutlined, } from "@ant-design/icons";
+import { FileUploadStatus } from "../utilities/constants/interface";
+import { map } from "lodash";
+var ThemeModes;
+(function (ThemeModes) {
+    ThemeModes["SUCCESS"] = "#016A1C";
+    ThemeModes["ERROR"] = "#E42131";
+    ThemeModes["PENDING"] = "#FB8951";
+})(ThemeModes || (ThemeModes = {}));
+const getStatusProps = (status) => {
+    switch (status) {
+        case FileUploadStatus.PENDING:
+            return {
+                percent: 25,
+                status: "active",
+                icon: _jsx(LoadingOutlined, { spin: true, className: " md-lib-text-imagesColor" }),
+            };
+        case FileUploadStatus.SUCCESS:
+            return {
+                percent: 100,
+                status: "success",
+                icon: _jsx(CheckCircleOutlined, { className: "md-lib-text-themeGreen" }),
+            };
+        case FileUploadStatus.ERROR:
+            return {
+                percent: 100,
+                status: "exception",
+                icon: _jsx(CloseCircleOutlined, { className: "md-lib-text-dangerColor" }),
+            };
+    }
+};
+const UploadStatusModal = ({ open, statusList, onClose }) => {
+    return (_jsx(Modal, { open: open, onCancel: onClose, footer: null, maskClosable: false, title: "Uploading File", children: _jsx("div", { className: "md-lib-space-y-4 md-lib-max-h-[400px] md-lib-overflow-y-auto md-lib-pr-2", children: map(statusList, ({ name, status }) => {
+                const { percent, status: progressStatus, icon, } = getStatusProps(status);
+                return (_jsx("div", { children: _jsxs("div", { className: "md-lib-flex md-lib-justify-between md-lib-items-center md-lib-mb-1", children: [_jsx("span", { className: "md-lib-truncate md-lib-w-4/5 md-lib-text-sm", children: name }), icon] }) }, name));
+            }) }) }));
+};
+export default UploadStatusModal;

package/build/MyDrive/fileDetails/CommentEntity.d.ts

@@ -0,0 +1,8 @@
+import { CommentEntityType, FileEntity } from "../../utilities/constants/interface";
+declare function CommentEntity({ comment, refreshData, parentId, file, }: {
+    comment: CommentEntityType;
+    refreshData: (params: any) => void;
+    parentId?: string;
+    file: FileEntity;
+}): JSX.Element;
+export default CommentEntity;

package/build/MyDrive/fileDetails/CommentEntity.js

@@ -0,0 +1,102 @@
+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 { getProfile, getRelativeTime } from "../../hocs/helpers";
+import { NotificationStatus, } from "../../utilities/constants/interface";
+import { Avatar, Dropdown } from "antd";
+import { filter, get, includes } from "lodash";
+import { PiArrowBendDownRight, PiThumbsUp, PiThumbsUpFill, } from "react-icons/pi";
+import CustomButton from "../../common/Button";
+import { MoreOutlined } from "@ant-design/icons";
+import { useMemo, useState } from "react";
+import { DeleteConfirmationModal } from "../../common/CustomElements";
+import { DELETE_CONFIRMATION_MESSAGE, DELETE_MESSAGE_DESCRIPTION, DELETE_OK_TEXT, DELETE_SUCCESS, SOMETHING_WENT_WRONG, UPDATE_SUCCESS, } from "../../utilities/constants/messages";
+import { FETCH_COMMENT_URL } from "../../utilities/constants/apiUrls";
+import { showNotification } from "../../common/notifications";
+import Editor from "./Editor";
+import Comments from "./Comments";
+import { useDamConfig } from "../../hocs/DamConfigContext";
+import { createApiClient } from "../../hocs/configureAxios";
+const PiArrowBendDownRightIcon = PiArrowBendDownRight;
+const PiThumbsUpFillIcon = PiThumbsUpFill;
+const PiThumbsUpIcon = PiThumbsUp;
+function CommentEntity({ comment, refreshData, parentId, file, }) {
+    const damConfig = useDamConfig();
+    const { user } = damConfig;
+    const userId = get(user, "_id");
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const [state, setState] = useState({
+        loadingType: "",
+        showConfimation: false,
+        showEdit: false,
+        editorState: get(comment, "text", ""),
+        commentData: comment,
+        showReplies: false,
+    });
+    const { loadingType, showConfimation, showEdit, editorState, commentData, showReplies, } = state;
+    const toggleShowEdit = () => {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { showEdit: !prevState.showEdit, loadingType: "" })));
+    };
+    const toggleConfirmation = () => {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { showConfimation: !prevState.showConfimation, loadingType: "" })));
+    };
+    const toggleShowReplies = () => {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { showReplies: !prevState.showReplies })));
+    };
+    const name = useMemo(() => get(commentData, "createdBy.name", "Unknown User"), [commentData]);
+    const text = useMemo(() => get(commentData, "text", ""), [commentData]);
+    const createdAt = useMemo(() => get(commentData, "createdAt"), [commentData]);
+    const likes = useMemo(() => get(commentData, "likes.length", 0), [commentData]);
+    const likesArray = useMemo(() => get(commentData, "likes", []), [commentData]);
+    const items = [
+        {
+            key: "edit",
+            label: "Edit",
+            onClick: toggleShowEdit,
+        },
+        {
+            key: "delete",
+            label: "Delete",
+            danger: true,
+            onClick: toggleConfirmation,
+        },
+    ];
+    const onDeleteComment = () => __awaiter(this, void 0, void 0, function* () {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { loadingType: "delete" })));
+        try {
+            const response = yield api.delete(FETCH_COMMENT_URL.replace(":commentId", get(commentData, "_id")));
+            refreshData({});
+            toggleConfirmation();
+            showNotification(get(response, "data.message", DELETE_SUCCESS), NotificationStatus.SUCCESS);
+        }
+        catch (error) {
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { loadingType: "" })));
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+        }
+    });
+    const handleUpdateComment = (payload, loadingType) => __awaiter(this, void 0, void 0, function* () {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { loadingType })));
+        try {
+            const response = yield api.put(FETCH_COMMENT_URL.replace(":commentId", get(commentData, "_id")), payload);
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { commentData: get(response, "data.comment", commentData), loadingType: "", editorState: get(response, "data.comment.text", ""), showEdit: false })));
+            showNotification(get(response, "data.message", UPDATE_SUCCESS), NotificationStatus.SUCCESS);
+        }
+        catch (error) {
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { loadingType: "" })));
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+        }
+    });
+    return (_jsxs(_Fragment, { children: [showEdit ? (_jsxs("div", { className: "md-lib-flex md-lib-flex-col md-lib-gap-2 md-lib-transition-all md-lib-duration-300 md-lib-ease-in-out md-lib-opacity-100 md-lib-animate-fade-in", children: [_jsx(Editor, { setEditorState: (state) => setState((prevState) => (Object.assign(Object.assign({}, prevState), { editorState: state }))), editorState: editorState }), _jsxs("div", { className: "md-lib-flex md-lib-justify-end md-lib-pt-2 md-lib-gap-2", children: [_jsx(CustomButton, { label: "Cancel", onClick: toggleShowEdit }), _jsx(CustomButton, { type: "primary", label: "Update", onClick: () => handleUpdateComment({ text: editorState }, "text"), loading: loadingType === "text" })] })] }, get(commentData, "_id"))) : (_jsxs("div", { className: `md-lib-transition-all md-lib-duration-300 md-lib-ease-in-out md-lib-animate-fade-in ${parentId ? "md-lib-bg-borderColor md-lib-dark:bg-darkBorderColor" : ""}`, children: [_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-justify-between", children: [_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-2", children: [_jsx(Avatar, { className: "md-lib-bg-secondaryTextColor dark:md-lib-bg-darkSecondaryTextColor md-lib-cursor-default", size: 36, children: getProfile(name) }), _jsx("p", { className: "md-lib-font-semibold md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-text-base", children: name })] }), _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-2", children: [_jsx("p", { className: "md-lib-text-xs md-lib-text-secondaryTextColor dark:md-lib-text-darkSecondaryTextColor", children: getRelativeTime(createdAt) }), userId === get(commentData, "createdBy._id") && (_jsx(Dropdown, { menu: { items }, trigger: ["click"], placement: "bottomRight", children: _jsx(MoreOutlined, {}) }))] })] }), _jsx("div", { className: "md-lib-py-4 md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-pr-[10px] md-lib-text-base", dangerouslySetInnerHTML: { __html: text } }), _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-justify-between md-lib-pr-[10px]", children: [_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-2", children: [_jsxs("p", { className: "md-lib-p-2 md-lib-text-interactiveTextColor dark:md-lib-text-darkTextColor md-lib-text-base md-lib-font-medium", children: [likes, " ", likes === 1 ? "like" : "likes"] }), _jsx(CustomButton, { type: "text", icon: _jsx(PiArrowBendDownRightIcon, { size: 24 }), size: "large", className: "md-lib-text-interactiveTextColor dark:md-lib-text-darkTextColor md-lib-text-base md-lib-font-medium", label: "Reply", onClick: toggleShowReplies })] }), _jsx(CustomButton, { type: "text", loading: loadingType === "like", icon: loadingType === "like" ? (_jsx(_Fragment, {})) : includes(likesArray, userId) ? (_jsx(PiThumbsUpFillIcon, { size: 24 })) : (_jsx(PiThumbsUpIcon, { size: 24 })), size: "large", className: "md-lib-text-interactiveTextColor dark:md-lib-text-darkTextColor", label: "", onClick: () => handleUpdateComment({
+                                    likes: includes(likesArray, userId)
+                                        ? filter(likesArray, (id) => id !== userId)
+                                        : [...likesArray, userId],
+                                }, "like") })] })] }, get(commentData, "_id"))), showConfimation && (_jsx(DeleteConfirmationModal, { showDeleteModal: showConfimation, toggleDeleteModal: toggleConfirmation, okText: DELETE_OK_TEXT, onOk: onDeleteComment, loading: loadingType === "delete", description: DELETE_CONFIRMATION_MESSAGE.replace(":action", "Delete").replace(" :entity", ""), subHeading: DELETE_MESSAGE_DESCRIPTION })), showReplies && (_jsxs("div", { className: "md-lib-mt-3 md-lib-ml-12 md-lib-flex md-lib-flex-col md-lib-gap-3 md-lib-animate-fade-in md-lib-transition-all md-lib-duration-300 md-lib-ease-in-out", children: [_jsx("p", { className: "md-lib-text-sm md-lib-text-secondaryTextColor dark:md-lib-text-darkSecondaryTextColor md-lib-font-semibold", children: "Replies" }), _jsx(Comments, { parentId: get(comment, "_id"), file: file })] }))] }));
+}
+export default CommentEntity;

package/build/MyDrive/fileDetails/Comments.d.ts

@@ -0,0 +1,6 @@
+import { FileEntity } from "../../utilities/constants/interface";
+declare const Comments: ({ file, parentId, }: {
+    file?: FileEntity;
+    parentId?: string;
+}) => JSX.Element;
+export default Comments;

package/build/MyDrive/fileDetails/Comments.js

@@ -0,0 +1,65 @@
+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 { Pagination } from "antd";
+import { useEffect, useMemo, useState } from "react";
+import CreateComment from "./CreateComment";
+import { EntityType, NotificationStatus, } from "../../utilities/constants/interface";
+import { DEFAULT_PAGE } from "../../hocs/appConstants";
+import { showNotification } from "../../common/notifications";
+import { SOMETHING_WENT_WRONG } from "../../utilities/constants/messages";
+import { get, map } from "lodash";
+import { FETCH_COMMENTS_URL, FETCH_REPLIES_URL, } from "../../utilities/constants/apiUrls";
+import { addQueryParams } from "../../hocs/helpers";
+import CommentEntity from "./CommentEntity";
+import CustomLoader from "../../common/loader/CustomLoader";
+import { createApiClient } from "../../hocs/configureAxios";
+import { useDamConfig } from "../../hocs/DamConfigContext";
+import { COMMENT_EMPTY_URL } from "../../utilities/constants/imageUrls";
+const Comments = ({ file, parentId, }) => {
+    const [state, setState] = useState({
+        loading: false,
+        comments: [],
+        totalPages: 0,
+        totalCount: 0,
+        currentPage: DEFAULT_PAGE,
+    });
+    const damConfig = useDamConfig();
+    const { brand } = damConfig;
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const { loading, comments, totalPages, totalCount, currentPage } = state;
+    const fetchComments = (...args_1) => __awaiter(void 0, [...args_1], void 0, function* (params = {}) {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: true })));
+        const options = parentId
+            ? params
+            : Object.assign(Object.assign({}, params), { referenceId: get(file, "_id"), referenceType: EntityType.FILE });
+        try {
+            const response = parentId
+                ? yield api.get(`${FETCH_REPLIES_URL.replace(":commentId", parentId)}?${addQueryParams(options)}`)
+                : yield api.get(`${FETCH_COMMENTS_URL.replace(":fileId", get(file, "_id"))}?${addQueryParams(options)}`);
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: false, comments: parentId
+                    ? get(response, "data.replies", [])
+                    : get(response, "data.comments", []), totalCount: get(response, "data.totalCount", 0), totalPages: get(response, "data.totalPages", 0), currentPage: get(response, "data.currentPage", DEFAULT_PAGE) })));
+        }
+        catch (error) {
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: false })));
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+        }
+    });
+    useEffect(() => {
+        if (brand && (file || parentId)) {
+            fetchComments();
+        }
+    }, [file, parentId]);
+    return (_jsxs("div", { className: parentId ? "md-lib-px-2" : "md-lib-px-5 md-lib-min-h-[calc(100vh-135px)]", children: [loading ? (_jsx("div", { className: "md-lib-flex md-lib-justify-center md-lib-mt-8", children: _jsx(CustomLoader, {}) })) : (_jsxs(_Fragment, { children: [totalCount < 1 ? (_jsxs("div", { className: `md-lib-flex md-lib-flex-col md-lib-items-center md-lib-justify-center ${parentId ? "" : ""} `, children: [_jsx("img", { src: COMMENT_EMPTY_URL, alt: "No comments", width: 182, height: 114 }), _jsx("p", { className: "md-lib-pt-3 md-lib-font-semibold md-lib-text-textColor dark:md-lib-text-darkTextColor", children: parentId
+                                    ? "No replies has been added yet"
+                                    : "No comments has been added yet" })] })) : (_jsx("div", { className: "md-lib-space-y-6 md-lib-pb-6", children: map(comments, (comment) => (_jsx(CommentEntity, { comment: comment, refreshData: (params) => fetchComments(params), parentId: parentId, file: file }))) })), _jsx(CreateComment, { file: file, refreshData: () => fetchComments(), parentId: parentId })] })), totalPages > 1 && (_jsx(Pagination, { total: totalCount, showSizeChanger: false, onChange: (page) => fetchComments({ page }) }))] }));
+};
+export default Comments;

package/build/MyDrive/fileDetails/Compliance.d.ts

@@ -0,0 +1,2 @@
+declare const Compliance: () => JSX.Element;
+export default Compliance;

package/build/MyDrive/fileDetails/Compliance.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Select } from "antd";
+import { useState } from "react";
+import { GoPlusCircle } from "react-icons/go";
+import { COMPLIANCE_EMPTY_URL } from "../../utilities/constants/imageUrls";
+const GoPlusCircleIcon = GoPlusCircle;
+const Compliance = () => {
+    const [metadata, setMetadata] = useState(true);
+    const options = [
+        { value: "basic_product", label: "Basic product" },
+        { value: "basic_product_test", label: "Basic product test" },
+        { value: "basic_details", label: "Basic details" },
+        { value: "basic_properties", label: "Basic properties" },
+        { value: "product_detail", label: "Product Detail" },
+    ];
+    return (_jsx("div", { children: !metadata ? (_jsxs("div", { className: "md-lib-flex md-lib-flex-col md-lib-items-center md-lib-justify-center min-h-[calc(100vh-127px)]", children: [_jsx("img", { src: COMPLIANCE_EMPTY_URL, alt: "No comments", width: 182, height: 114 }), _jsx("p", { className: "md-lib-py-3 md-lib-pb-2 md-lib-font-semibold md-lib-text-textColor dark:md-lib-text-darkTextColor", children: "No brand guidelines has been created yet" }), _jsx(Button, { size: "large", type: "primary", icon: _jsx(GoPlusCircleIcon, { size: 24 }), children: "Add Guidelines" })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-justify-between md-lib-pb-4 md-lib-gap-2 md-lib-border-b md-lib-border-borderColor dark:md-lib-border-darkBorderColor md-lib-px-5", children: [_jsx(Select, { options: options, placeholder: "Select Template", className: "md-lib-w-full md-lib-h-12", popupClassName: "custom-template-options" }), _jsx(Button, { size: "large", variant: "outlined", color: "primary", children: "Check" })] }), _jsx("div", { className: "md-lib-p-5" })] })) }));
+};
+export default Compliance;

package/build/MyDrive/fileDetails/CreateComment.d.ts

@@ -0,0 +1,7 @@
+import { FileEntity } from "../../utilities/constants/interface";
+declare function CreateComment({ file, refreshData, parentId, }: {
+    file: FileEntity;
+    refreshData: () => void;
+    parentId?: string;
+}): JSX.Element;
+export default CreateComment;

package/build/MyDrive/fileDetails/CreateComment.js

@@ -0,0 +1,48 @@
+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 { useMemo, useState } from "react";
+import CustomButton from "../../common/Button";
+import Editor from "./Editor";
+import { showNotification } from "../../common/notifications";
+import { CREATE_SUCCESS, SOMETHING_WENT_WRONG, } from "../../utilities/constants/messages";
+import { EntityType, NotificationStatus, } from "../../utilities/constants/interface";
+import { get, merge } from "lodash";
+import { FETCH_COMMENTS_URL } from "../../utilities/constants/apiUrls";
+import { createApiClient } from "../../hocs/configureAxios";
+import { useDamConfig } from "../../hocs/DamConfigContext";
+function CreateComment({ file, refreshData, parentId, }) {
+    const damConfig = useDamConfig();
+    const api = useMemo(() => createApiClient(damConfig), [damConfig]);
+    const [state, setState] = useState({
+        editorState: "",
+        loading: false,
+    });
+    const { editorState, loading } = state;
+    const handleCreate = () => __awaiter(this, void 0, void 0, function* () {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: true })));
+        try {
+            const response = yield api.post(FETCH_COMMENTS_URL, merge({}, {
+                referenceId: get(file, "_id"),
+                referenceType: EntityType.FILE,
+                text: editorState,
+            }, parentId ? { parentId } : {}));
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: false, editorState: "" })));
+            refreshData();
+            showNotification(get(response, "data.message", CREATE_SUCCESS), NotificationStatus.SUCCESS);
+        }
+        catch (error) {
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { loading: false })));
+            showNotification(get(error, "message", SOMETHING_WENT_WRONG), NotificationStatus.ERROR);
+        }
+    });
+    return (_jsxs("div", { className: "md-lib-flex md-lib-flex-col md-lib-gap-2", children: [_jsx(Editor, { setEditorState: (state) => setState((prevState) => (Object.assign(Object.assign({}, prevState), { editorState: state }))), parentId: parentId }), _jsx("div", { className: "md-lib-flex md-lib-justify-end md-lib-pt-2", children: _jsx(CustomButton, { type: "primary", label: parentId ? "Reply" : "Comment", onClick: handleCreate, loading: loading }) })] }));
+}
+export default CreateComment;

package/build/MyDrive/fileDetails/Editor.d.ts

@@ -0,0 +1,6 @@
+declare const Editor: ({ setEditorState, editorState, parentId, }: {
+    setEditorState: (state: string) => void;
+    editorState?: string;
+    parentId?: string;
+}) => JSX.Element;
+export default Editor;

package/build/MyDrive/fileDetails/Editor.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useEditor, EditorContent } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import Underline from "@tiptap/extension-underline";
+import Strike from "@tiptap/extension-strike";
+import { Button } from "antd";
+import { BoldOutlined, ItalicOutlined, UnderlineOutlined, StrikethroughOutlined, SmileOutlined, } from "@ant-design/icons";
+import EmojiPicker from "./EmojiPicker";
+const Editor = ({ setEditorState, editorState, parentId, }) => {
+    const [showEmojiPicker, setShowEmojiPicker] = useState(false);
+    const [activeFormats, setActiveFormats] = useState({
+        bold: false,
+        italic: false,
+        underline: false,
+        strike: false,
+    });
+    const editor = useEditor({
+        extensions: [StarterKit.configure({}), Underline, Strike],
+        content: editorState || "",
+        immediatelyRender: false,
+        onUpdate: () => {
+            updateFormatStates();
+            if (setEditorState) {
+                setEditorState((editor === null || editor === void 0 ? void 0 : editor.getHTML()) || "");
+            }
+        },
+    });
+    const updateFormatStates = () => {
+        if (!editor)
+            return;
+        setActiveFormats({
+            bold: editor.isActive("bold"),
+            italic: editor.isActive("italic"),
+            underline: editor.isActive("underline"),
+            strike: editor.isActive("strike"),
+        });
+    };
+    useEffect(() => {
+        if (!editor)
+            return;
+        updateFormatStates();
+        editor.on("selectionUpdate", updateFormatStates);
+        editor.on("transaction", updateFormatStates);
+        return () => {
+            editor.off("selectionUpdate", updateFormatStates);
+            editor.off("transaction", updateFormatStates);
+        };
+    }, [editor]);
+    return (_jsxs("div", { className: "md-lib-w-full md-lib-max-w-2xl md-lib-mx-auto md-lib-mt-8 md-lib-p-2 md-lib-border md-lib-rounded md-lib-shadow-sm", children: [_jsxs("div", { className: "md-lib-flex md-lib-gap-2 mb-4", children: [_jsx(Button, { icon: _jsx(BoldOutlined, {}), onClick: () => editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleBold().run(), type: activeFormats.bold ? "primary" : "default" }), _jsx(Button, { icon: _jsx(ItalicOutlined, {}), onClick: () => editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleItalic().run(), type: activeFormats.italic ? "primary" : "default" }), _jsx(Button, { icon: _jsx(UnderlineOutlined, {}), onClick: () => editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleUnderline().run(), type: activeFormats.underline ? "primary" : "default" }), _jsx(Button, { icon: _jsx(StrikethroughOutlined, {}), onClick: () => editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleStrike().run(), type: activeFormats.strike ? "primary" : "default" }), _jsx(Button, { icon: _jsx(SmileOutlined, {}), onClick: () => setShowEmojiPicker(!showEmojiPicker) })] }), showEmojiPicker && (_jsx(EmojiPicker, { onSelect: (emoji) => {
+                    editor === null || editor === void 0 ? void 0 : editor.chain().focus().insertContent(emoji).run();
+                    setShowEmojiPicker(false);
+                } })), _jsx(EditorContent, { editor: editor, className: `md-lib-prose dark:md-lib-prose-invert md-lib-border md-lib-rounded ${parentId ? "md-lib-min-h-14" : "md-lib-min-h-36"} md-lib-p-2 focus:md-lib-outline-none` })] }));
+};
+export default Editor;

package/build/MyDrive/fileDetails/EmojiPicker.d.ts

@@ -0,0 +1,5 @@
+interface EmojiPickerProps {
+    onSelect: (emoji: string) => void;
+}
+export default function EmojiPicker({ onSelect }: EmojiPickerProps): JSX.Element;
+export {};

package/build/MyDrive/fileDetails/EmojiPicker.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import data from "@emoji-mart/data";
+import Picker from "@emoji-mart/react";
+export default function EmojiPicker({ onSelect }) {
+    return (_jsx("div", { className: "md-lib-absolute md-lib-z-50 md-lib-mt-2", children: _jsx(Picker, { data: data, onEmojiSelect: (emoji) => onSelect(emoji.native), theme: "light" }) }));
+}

package/build/MyDrive/fileDetails/FileDetails.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { FileEntity } from "../../utilities/constants/interface";
+declare const FileDetails: ({ open, handleClose, file, files, onCloseSelection, }: {
+    handleClose?: () => void;
+    open: boolean;
+    file?: FileEntity;
+    files?: FileEntity[] | undefined;
+    onCloseSelection?: () => void;
+}) => React.ReactPortal | null;
+export default FileDetails;