@bindu-dashing/dam-solution 1.0.0

package/dist/Folders/exportFolder.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _useFetch = _interopRequireDefault(require("../hocs/useFetch"));
+var APIS = _interopRequireWildcard(require("../constants/apiEndpoints"));
+const ExportFolder = _ref => {
+  let {
+    setShowExportAFolder,
+    damAccessKey,
+    secretKey,
+    subdomain,
+    accessToken,
+    folderId
+  } = _ref;
+  const [assetTypes, setAssetTypes] = (0, _react.useState)([]);
+  const {
+    fetchApi
+  } = (0, _useFetch.default)();
+  const [assetTypeId, setAssetTypeId] = (0, _react.useState)(null);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)("");
+  (0, _react.useEffect)(() => {
+    fetchApi({
+      httpMethod: "get",
+      route: APIS.FETCH_ASSET_TYPES,
+      params: {
+        fetchAll: true
+      },
+      onSuccess: response => {
+        const data = response === null || response === void 0 ? void 0 : response.data;
+        setAssetTypes(data === null || data === void 0 ? void 0 : data.items);
+      },
+      damAccessKey,
+      secretKey,
+      subdomain,
+      accessToken
+    });
+  }, []);
+  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 handleOk = () => {
+    if (assetTypeId) {
+      setLoading(true);
+      fetchApi({
+        httpMethod: "post",
+        route: APIS.EXPORT_FOLDER_METADATA,
+        body: {
+          folder_id: folderId,
+          asset_type_id: assetTypeId
+        },
+        onSuccess: response => {
+          const data = response === null || response === void 0 ? void 0 : response.data;
+          const url = data.url;
+          const link = document.createElement("a");
+          link.href = url;
+          link.setAttribute("download", "file.csv");
+          document.body.appendChild(link);
+          link.click();
+          setLoading(false);
+          setShowExportAFolder(false);
+        },
+        damAccessKey,
+        secretKey,
+        subdomain,
+        accessToken
+      });
+    } else {
+      setError("Asset Type is required");
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Modal, {
+    open: true,
+    title: "Export Folder",
+    onCancel: () => setShowExportAFolder(false),
+    onOk: handleOk,
+    okButtonProps: {
+      loading: loading
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    options: assetTypeOptions,
+    placeholder: "Select Asset Type",
+    onChange: e => {
+      setAssetTypeId(e);
+      setError("");
+    },
+    style: {
+      width: "100%"
+    },
+    optionFilterProp: "label",
+    showSearch: true
+  }), error && /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, {
+    style: {
+      color: "red"
+    }
+  }, error));
+};
+var _default = ExportFolder;
+exports.default = _default;

package/dist/Folders/file.js

@@ -0,0 +1,194 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _lodash = require("lodash");
+require("./style.css");
+var _antd = require("antd");
+var _icons = require("@ant-design/icons");
+var _uploadFile = _interopRequireDefault(require("./uploadFile"));
+var _react = _interopRequireWildcard(require("react"));
+var _useFetch = _interopRequireDefault(require("../hocs/useFetch"));
+var APIS = _interopRequireWildcard(require("../constants/apiEndpoints"));
+var _helpers = require("../hocs/helpers");
+var _defaultImg = _interopRequireDefault(require("../assets/images/default-img.svg"));
+const File = _ref => {
+  let {
+    item,
+    isImagePicker,
+    onSelect,
+    fetchFiles,
+    setFiles,
+    folder,
+    isAdmin,
+    damAccessKey,
+    secretKey,
+    subdomain,
+    styles,
+    assetTypes,
+    teams,
+    accessToken,
+    currentUser,
+    setSelectedFiles,
+    selectedFiles
+  } = _ref;
+  const [showEdit, setShowEdit] = (0, _react.useState)(false);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const {
+    fetchApi
+  } = (0, _useFetch.default)();
+  const showConfirm = () => {
+    _antd.Modal.confirm({
+      title: "Do you want to delete this file?",
+      icon: /*#__PURE__*/_react.default.createElement(_icons.ExclamationCircleFilled, null),
+      onOk() {
+        onDelete();
+      },
+      okText: "Delete",
+      okType: "danger",
+      okButtonProps: {
+        icon: /*#__PURE__*/_react.default.createElement(_icons.DeleteOutlined, null)
+      }
+    });
+  };
+  const onDelete = () => {
+    fetchApi({
+      params: {
+        folder_id: folder === null || folder === void 0 ? void 0 : folder.id
+      },
+      httpMethod: "delete",
+      route: APIS.DELETE_FILE.replace(":id", item === null || item === void 0 ? void 0 : item.id),
+      onSuccess: () => {
+        setLoading(false);
+        _antd.notification.success({
+          message: "File deleted successfully"
+        });
+        fetchFiles(null, folder === null || folder === void 0 ? void 0 : folder.id);
+      },
+      onFailure: () => {
+        setLoading(false);
+        _antd.notification.success({
+          message: "Error while deleting file"
+        });
+      },
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  const onOpen = () => {
+    window.open(item === null || item === void 0 ? void 0 : item.file_url, "_blank");
+  };
+  const onDownload = () => {
+    window.open(item === null || item === void 0 ? void 0 : item.file_url, "_blank");
+  };
+  const assetType = assetTypes === null || assetTypes === void 0 ? void 0 : assetTypes.find(type => (type === null || type === void 0 ? void 0 : type.id) === (item === null || item === void 0 ? void 0 : item.asset_type_id));
+  const items = [{
+    label: "Open",
+    icon: /*#__PURE__*/_react.default.createElement(_icons.EyeOutlined, null),
+    onClick: () => onOpen()
+  }, {
+    label: "Download",
+    icon: /*#__PURE__*/_react.default.createElement(_icons.DownloadOutlined, null),
+    onClick: () => onDownload()
+  }];
+  if (isAdmin) {
+    items === null || items === void 0 ? void 0 : items.push({
+      label: "Edit",
+      icon: /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, null),
+      onClick: () => setShowEdit(true)
+    });
+    items === null || items === void 0 ? void 0 : items.push({
+      label: "Delete",
+      icon: /*#__PURE__*/_react.default.createElement(_icons.DeleteOutlined, null),
+      onClick: () => showConfirm()
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "file-container"
+  }, loading ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "dam-loading"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Spin, null)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "file-selection"
+  }, ((item === null || item === void 0 ? void 0 : item.file_upload_status) == "success" || (item === null || item === void 0 ? void 0 : item.thumbnail_url)) && /*#__PURE__*/_react.default.createElement(_antd.Image
+  // width={"100%"}
+  , {
+    src: (0, _lodash.get)(item, "thumbnail_url"),
+    fallback: _defaultImg.default,
+    preview: false
+  }), (item === null || item === void 0 ? void 0 : item.file_upload_status) == "failure" && /*#__PURE__*/_react.default.createElement(_antd.Image, {
+    width: "100%",
+    src: _defaultImg.default,
+    fallback: _defaultImg.default,
+    preview: false
+  }), (item === null || item === void 0 ? void 0 : item.file_upload_status) == "pending" && /*#__PURE__*/_react.default.createElement(_antd.Spin, {
+    width: "100%",
+    className: "img-loading"
+  }), isImagePicker ? /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    className: "select-text",
+    onClick: () => {
+      const value = (0, _helpers.getFormattedValue)(assetType === null || assetType === void 0 ? void 0 : assetType.output_format, item === null || item === void 0 ? void 0 : item.file_url, item);
+      // console.log(value);
+      onSelect(item === null || item === void 0 ? void 0 : item.thumbnail_url, value);
+    },
+    style: {
+      backgroundColor: styles === null || styles === void 0 ? void 0 : styles.primaryColor
+    }
+  }, "Select") : /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
+    checked: (0, _lodash.includes)(selectedFiles, item.id),
+    className: `${(0, _lodash.includes)(selectedFiles, item.id) ? "dam-file-checkbox-selected" : "dam-file-checkbox"}`,
+    onChange: e => {
+      if (e.target.checked) {
+        setSelectedFiles(prevSelectedFiles => {
+          return [...prevSelectedFiles, item.id];
+        });
+      } else {
+        setSelectedFiles(prevSelectedFiles => {
+          return prevSelectedFiles.filter(id => id !== item.id);
+        });
+      }
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "description"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, {
+    ellipsis: {
+      tooltip: true
+    }
+  }, (0, _lodash.get)(item, "name")), isImagePicker && /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
+    onChange: e => {
+      if (e.target.checked) {
+        const value = (0, _helpers.getFormattedValue)(assetType === null || assetType === void 0 ? void 0 : assetType.output_format, item === null || item === void 0 ? void 0 : item.file_url, item);
+        // console.log(value);
+        onSelect(item === null || item === void 0 ? void 0 : item.thumbnail_url, value);
+      }
+    }
+  }), !isImagePicker && /*#__PURE__*/_react.default.createElement(_antd.Dropdown, {
+    menu: {
+      items
+    },
+    className: "more-icon",
+    trigger: ["click"]
+  }, /*#__PURE__*/_react.default.createElement(_icons.MoreOutlined, null)))), showEdit && /*#__PURE__*/_react.default.createElement(_uploadFile.default, {
+    setShowUploadFile: setShowEdit,
+    id: item === null || item === void 0 ? void 0 : item.id,
+    folderId: item === null || item === void 0 ? void 0 : item.folder_id,
+    fetchFiles: fetchFiles,
+    setFiles: setFiles,
+    folder: folder,
+    styles: styles,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    teams: teams,
+    accessToken: accessToken,
+    currentUser: currentUser
+  }));
+};
+var _default = File;
+exports.default = _default;

package/dist/Folders/fileManagementContainer.js

@@ -0,0 +1,345 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("antd");
+require("./style.css");
+var _foldersContainer = _interopRequireDefault(require("./foldersContainer"));
+var _react = _interopRequireWildcard(require("react"));
+var _icons = require("@ant-design/icons");
+var _createOrUpdateFolder = _interopRequireDefault(require("./createOrUpdateFolder"));
+var _useFetch = _interopRequireDefault(require("../hocs/useFetch"));
+var APIS = _interopRequireWildcard(require("../constants/apiEndpoints"));
+const FileManagementContainer = _ref => {
+  let {
+    isImagePicker = false,
+    allowOnlyOneFolder = false,
+    onSelect,
+    currentImagePicker,
+    teamIds = [],
+    damAccessKey,
+    secretKey,
+    subdomain,
+    styles,
+    userEmail,
+    folderId = null,
+    showSubfolders = false,
+    parentId = null
+  } = _ref;
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [hasFolders, setHasFolders] = (0, _react.useState)(false);
+  const [showCreateFolder, setShowCreateFolder] = (0, _react.useState)(false);
+  const [folders, setFolders] = (0, _react.useState)([]);
+  const {
+    fetchApi
+  } = (0, _useFetch.default)();
+  const [isAdmin, setIsAdmin] = (0, _react.useState)(false);
+  const [adminTeamIds, setAdminTeamIds] = (0, _react.useState)([]);
+  const [assetTypes, setAssetTypes] = (0, _react.useState)([]);
+  const [isNewFileUploading, setIsNewFileUploading] = (0, _react.useState)(false);
+  const [teams, setTeams] = (0, _react.useState)([]);
+  const [accessToken, setAccessToken] = (0, _react.useState)(null);
+  const [currentUser, setCurrentUser] = (0, _react.useState)({});
+  (0, _react.useEffect)(() => {
+    if (subdomain) {
+      setLoading(true);
+      fetchApi({
+        httpMethod: "post",
+        body: {
+          access_key: process.env.REACT_APP_DAM_ACCESS_KEY || damAccessKey,
+          secret_key: process.env.REACT_APP_DAM_SECRET_KEY || secretKey,
+          subdomain: process.env.REACT_APP_DAM_SUBDOMAIN || subdomain
+        },
+        route: APIS.GENERATE_TOKENS,
+        onSuccess: response => {
+          var _response$data, _response$data2;
+          setLoading(false);
+          const token = response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.access_token;
+          const user = response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.user;
+          setAccessToken(token);
+          setCurrentUser(user);
+          // localStorage.setItem("damToken", accessToken);
+          // localStorage.setItem("damUser", JSON.stringify(user));
+          fetchFolders(token);
+          fetchClientTeamAPI(token);
+          getClientAdminTeamIds(token);
+          getAssetTypes(token);
+        },
+        onFailure: () => {
+          setLoading(false);
+          setAccessToken(null);
+          setCurrentUser({});
+        },
+        damAccessKey,
+        secretKey,
+        subdomain
+      });
+    }
+  }, [subdomain]);
+  const fetchClientTeamAPI = function () {
+    let token = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    fetchApi({
+      route: APIS.FETCH_CLIENT_TEAM_API,
+      httpMethod: "GET",
+      damAccessKey,
+      secretKey,
+      subdomain,
+      accessToken: token !== null && token !== void 0 ? token : accessToken,
+      onSuccess: response => {
+        const teamAPIDetails = response === null || response === void 0 ? void 0 : response.data;
+        if (teamAPIDetails !== null && teamAPIDetails !== void 0 && teamAPIDetails.teams_api && teamAPIDetails !== null && teamAPIDetails !== void 0 && teamAPIDetails.username && teamAPIDetails !== null && teamAPIDetails !== void 0 && teamAPIDetails.password) {
+          fetch(teamAPIDetails === null || teamAPIDetails === void 0 ? void 0 : teamAPIDetails.teams_api, {
+            method: "GET",
+            headers: {
+              Authorization: "Basic " + btoa((teamAPIDetails === null || teamAPIDetails === void 0 ? void 0 : teamAPIDetails.username) + ":" + (teamAPIDetails === null || teamAPIDetails === void 0 ? void 0 : teamAPIDetails.password))
+            }
+          }).then(response => {
+            return response === null || response === void 0 ? void 0 : response.json();
+          }).then(result => {
+            var _result$data;
+            const options = result === null || result === void 0 ? void 0 : (_result$data = result.data) === null || _result$data === void 0 ? void 0 : _result$data.map(team => {
+              return {
+                label: /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, {
+                  style: {
+                    display: "flex"
+                  }
+                }, team === null || team === void 0 ? void 0 : team.id, " ", team === null || team === void 0 ? void 0 : team.name, " ", /*#__PURE__*/_react.default.createElement("span", {
+                  style: {
+                    marginLeft: "auto"
+                  }
+                }, team === null || team === void 0 ? void 0 : team.type)),
+                value: team === null || team === void 0 ? void 0 : team.id,
+                key: `${team === null || team === void 0 ? void 0 : team.id} - ${team === null || team === void 0 ? void 0 : team.name} - ${team === null || team === void 0 ? void 0 : team.type}`
+              };
+            });
+            setTeams(options);
+          }).catch(() => {});
+        }
+      }
+    });
+  };
+  const getClientAdminTeamIds = function () {
+    let token = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    if ((adminTeamIds === null || adminTeamIds === void 0 ? void 0 : adminTeamIds.length) == 0) {
+      fetchApi({
+        httpMethod: "get",
+        params: {
+          isComponent: true,
+          subdomain: process.env.REACT_APP_DAM_SUBDOMAIN || subdomain
+        },
+        route: APIS.FETCH_CLIENT_USING_SUBDOMAIN,
+        onSuccess: response => {
+          var _response$data3;
+          const adminTeamIds = response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.split(",");
+          setAdminTeamIds(adminTeamIds);
+          // console.log(adminTeamIds);
+          setIsAdmin(teamIds.reduce((acc, curr) => {
+            return acc || adminTeamIds.includes(curr.toString());
+          }, false));
+        },
+        accessToken: token !== null && token !== void 0 ? token : accessToken,
+        damAccessKey,
+        secretKey,
+        subdomain
+      });
+    }
+  };
+  const getAssetTypes = function () {
+    let token = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    fetchApi({
+      httpMethod: "get",
+      route: APIS.FETCH_ASSET_TYPES,
+      params: {
+        fetchAll: true
+      },
+      onSuccess: response => {
+        const data = response === null || response === void 0 ? void 0 : response.data;
+        setAssetTypes(data === null || data === void 0 ? void 0 : data.items);
+      },
+      accessToken: token !== null && token !== void 0 ? token : accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  const fetchFolders = function () {
+    let token = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    let success = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    setLoading(true);
+    const params = {
+      parent_id: isImagePicker ? currentImagePicker === null || currentImagePicker === void 0 ? void 0 : currentImagePicker.folder_parent_id : null,
+      team_ids: JSON.stringify(teamIds),
+      is_component: true
+    };
+    if (allowOnlyOneFolder) {
+      params["id"] = folderId;
+      params["parent_id"] = parentId;
+    }
+    if (isImagePicker) {
+      params["id"] = currentImagePicker === null || currentImagePicker === void 0 ? void 0 : currentImagePicker.folder_id;
+      params["skip_team_visibility"] = currentImagePicker === null || currentImagePicker === void 0 ? void 0 : currentImagePicker.skip_team_visibility;
+    }
+    fetchApi({
+      route: APIS.FETCH_FOLDERS,
+      httpMethod: "get",
+      params: params,
+      onSuccess: response => {
+        var _response$data4;
+        // console.log(response);
+        const data = response === null || response === void 0 ? void 0 : response.data;
+        setLoading(false);
+        setFolders(data);
+        if ((response === null || response === void 0 ? void 0 : (_response$data4 = response.data) === null || _response$data4 === void 0 ? void 0 : _response$data4.length) > 0) {
+          setHasFolders(true);
+        }
+        if (success) {
+          success();
+        }
+      },
+      onFailure: () => {
+        setLoading(false);
+      },
+      accessToken: token !== null && token !== void 0 ? token : accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  function uploadFileToPresignedUrl(url, file, selectedFileUrl) {
+    setIsNewFileUploading(true);
+    try {
+      fetch(url, {
+        method: "put",
+        headers: {
+          "Content-Type": file.type,
+          "Access-Control-Allow-Origin": "*"
+        },
+        body: file
+      }).then(response => {
+        fetchApi({
+          httpMethod: "POST",
+          route: "/file/generate-thumbnail-for-temp-file",
+          body: {
+            file_url: selectedFileUrl
+          },
+          onSuccess: response => {
+            setIsNewFileUploading(false);
+            const data = response.data;
+            onSelect(data.thumbnail_url, selectedFileUrl);
+          },
+          onFailure: () => {
+            setIsNewFileUploading(false);
+          },
+          accessToken: accessToken,
+          damAccessKey,
+          secretKey,
+          subdomain
+        });
+      }).catch(() => {
+        setIsNewFileUploading(false);
+        console.error("Error while fetch the file thumbnail");
+        _antd.notification.error({
+          message: "Error while fetch the file thumbnail"
+        });
+      });
+      // console.log("File uploaded successfully");
+    } catch (error) {
+      setIsNewFileUploading(false);
+      // console.error("Error uploading the file:");
+      _antd.notification.error({
+        message: "Error while uploading"
+      });
+    }
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "file-management-page"
+  }, loading ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "dam-loading"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Spin, null)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !hasFolders && isAdmin && !isImagePicker && /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    icon: /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null),
+    onClick: () => setShowCreateFolder(true)
+  }, "Add Folder"), isImagePicker && (currentImagePicker === null || currentImagePicker === void 0 ? void 0 : currentImagePicker.allow_new_files) && /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: "flex",
+      marginRight: "20px",
+      paddingBottom: "10px"
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginLeft: "auto"
+    }
+  }, " ", /*#__PURE__*/_react.default.createElement(_antd.Upload, {
+    showUploadList: false,
+    beforeUpload: (file, fileList) => {
+      const [name, extension] = file.name.split(".");
+      setIsNewFileUploading(true);
+      fetchApi({
+        httpMethod: "GET",
+        route: APIS.GET_IMAGE_PICKER_PRESIGNED_URL.replace(":extension", "." + extension),
+        onSuccess: response => {
+          const data = response === null || response === void 0 ? void 0 : response.data;
+          const fileUrl = data === null || data === void 0 ? void 0 : data.file_url;
+          const presignedUrl = data === null || data === void 0 ? void 0 : data.presigned_url;
+          uploadFileToPresignedUrl(presignedUrl, file, fileUrl);
+        },
+        onFailure: () => {
+          setIsNewFileUploading(false);
+        },
+        accessToken: accessToken,
+        damAccessKey,
+        secretKey,
+        subdomain
+      });
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    style: {
+      backgroundColor: styles === null || styles === void 0 ? void 0 : styles.primaryColor
+    },
+    loading: isNewFileUploading
+  }, "Select new file")))), hasFolders ? /*#__PURE__*/_react.default.createElement(_foldersContainer.default, {
+    folders: folders,
+    setFolders: setFolders,
+    isImagePicker: isImagePicker,
+    folderId: folderId,
+    onSelect: onSelect,
+    currentImagePicker: currentImagePicker,
+    fetchFolders: fetchFolders,
+    teamIds: teamIds,
+    isAdmin: isAdmin,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    styles: styles,
+    assetTypes: assetTypes,
+    teams: teams,
+    currentUser: currentUser,
+    accessToken: accessToken,
+    userEmail: userEmail,
+    allowOnlyOneFolder: allowOnlyOneFolder,
+    showSubfolders: showSubfolders
+  }) : /*#__PURE__*/_react.default.createElement("div", {
+    className: "empty-container1"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, null, "No folders found"))), showCreateFolder && /*#__PURE__*/_react.default.createElement(_createOrUpdateFolder.default, {
+    setShowCreateFolder: setShowCreateFolder,
+    parentId: "root",
+    disableIsParent: true,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    styles: styles,
+    teamIds: teamIds,
+    fetchFolders: fetchFolders,
+    setFolders: setFolders,
+    teams: teams,
+    currentUser: currentUser,
+    accessToken: accessToken
+  }));
+};
+var _default = FileManagementContainer;
+exports.default = _default;