@anji-dashing/dam-solution-v2 5.8.173

package/build/MyDrive/BulkUploadModal.d.ts

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

package/build/MyDrive/BulkUploadModal.js

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

package/build/MyDrive/DriveContainer.d.ts

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