@bindu-dashing/dam-solution 1.0.0

package/dist/Folders/bulkUploadUsingQueue.js

@@ -0,0 +1,404 @@
+"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 _icons = require("@ant-design/icons");
+var _useFetch = _interopRequireDefault(require("../hocs/useFetch"));
+var APIS = _interopRequireWildcard(require("../constants/apiEndpoints"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _helpers = require("../hocs/helpers");
+const BulkUploadFilesUsingQueue = _ref => {
+  let {
+    setShowBulkUploadUsingQueue,
+    folder,
+    setLoadingFiles,
+    fetchFiles,
+    damAccessKey,
+    secretKey,
+    subdomain,
+    styles,
+    accessToken,
+    currentUser,
+    userEmail
+  } = _ref;
+  const userId = currentUser === null || currentUser === void 0 ? void 0 : currentUser.id;
+  const [metaFile, setMetaFile] = (0, _react.useState)(null);
+  const [assetTypeId, setAssetTypeId] = (0, _react.useState)(null);
+  const [downloadSampleFileError, setDownloadSampleFileError] = (0, _react.useState)(null);
+  const [sampleFileLoading, setSampleFileLoading] = (0, _react.useState)(false);
+  const [assetTypes, setAssetTypes] = (0, _react.useState)([]);
+  const [fileError, setFileError] = (0, _react.useState)("");
+  const [assetsSourceType, setAssetsSourceType] = (0, _react.useState)("zip");
+  const [assetFileError, setAssetFileError] = (0, _react.useState)("");
+  const [assetFile, setAssetFile] = (0, _react.useState)(null);
+  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] = (0, _react.useState)(false);
+  const {
+    fetchApi
+  } = (0, _useFetch.default)();
+  (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 onFinish = values => {
+    if (!fileError && !assetFileError) {
+      if (assetsSourceType == "zip") {
+        getBulkUploadFilePresignedUrl(values);
+      } else {
+        bulkUpload(values);
+      }
+    }
+  };
+  function uploadFileToPresignedUrl(url, file, values, key) {
+    setLoading(true);
+    try {
+      fetch(url, {
+        method: "put",
+        headers: {
+          "Content-Type": file.type,
+          "Access-Control-Allow-Origin": "*"
+        },
+        body: file
+      }).then(response => {
+        // console.log(response);
+        setLoading(false);
+        bulkUpload(values, key);
+      }).catch(() => {
+        setLoading(false);
+        console.error("Error uploading the file:");
+        _antd.notification.error({
+          message: "Error while uploading"
+        });
+      });
+      // console.log("File uploaded successfully");
+    } catch (error) {
+      setLoading(false);
+      // console.error("Error uploading the file:");
+      _antd.notification.error({
+        message: "Error while uploading"
+      });
+    }
+  }
+  const getBulkUploadFilePresignedUrl = values => {
+    const t = (0, _dayjs.default)().unix();
+    setLoading(true);
+    fetchApi({
+      httpMethod: "get",
+      route: `${APIS.GET_BULK_UPLOAD_FILE_PRESIGNED_URL}?t=${t}`,
+      onSuccess: response => {
+        var _response$data, _response$data2;
+        setLoading(false);
+        // console.log(response);
+        const url = response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.url;
+        const zipFileKey = response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.key;
+        uploadFileToPresignedUrl(url, assetFile, values, zipFileKey);
+      },
+      onFailure: () => {
+        setLoading(false);
+        _antd.notification.error({
+          message: "Error while uploading"
+        });
+      },
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  const bulkUpload = function (values) {
+    let key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    setLoading(true);
+    const assetType = assetTypes === null || assetTypes === void 0 ? void 0 : assetTypes.find(type => (type === null || type === void 0 ? void 0 : type.id) === (values === null || values === void 0 ? void 0 : values.asset_type_id));
+    const formData = new FormData();
+    formData.append("asset_type_id", values === null || values === void 0 ? void 0 : values.asset_type_id);
+    formData.append("assets_public_path", values === null || values === void 0 ? void 0 : values.assets_public_path);
+    formData.append("reject_invalid_meta_file", true);
+    formData.append("zip_file_url", values === null || values === void 0 ? void 0 : values.zip_file_url);
+    formData.append("meta_file", metaFile);
+    formData.append("created_by", userId);
+    formData.append("folder_id", folder === null || folder === void 0 ? void 0 : folder.id);
+    formData.append("folder_name", folder === null || folder === void 0 ? void 0 : folder.name);
+    formData.append("asset_type", assetType === null || assetType === void 0 ? void 0 : assetType.name);
+    formData.append("prefix", folder === null || folder === void 0 ? void 0 : folder.path);
+    formData.append("email", values === null || values === void 0 ? void 0 : values.email);
+    formData.append("source_type", assetsSourceType);
+    if (key) {
+      formData.append("zip_file_key", key);
+    }
+    fetchApi({
+      httpMethod: "post",
+      route: APIS.BULK_UPLOAD_USING_QUEUE,
+      body: formData,
+      isFormData: true,
+      onSuccess: response => {
+        var _response$data$messag, _response$data3;
+        setLoading(false);
+        setShowBulkUploadUsingQueue(false);
+        _antd.notification.success({
+          message: (_response$data$messag = response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.message) !== null && _response$data$messag !== void 0 ? _response$data$messag : "Successfully uploaded files"
+        });
+        setLoadingFiles(true);
+        fetchFiles(null, folder === null || folder === void 0 ? void 0 : folder.id);
+      },
+      onFailure: () => {
+        setLoading(false);
+      },
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  const onDownloadSampleFile = () => {
+    if (!assetTypeId) {
+      setDownloadSampleFileError("select asset type");
+    } else {
+      setSampleFileLoading(true);
+      fetchApi({
+        httpMethod: "post",
+        route: APIS.DOWNLOAD_BULK_UPLOAD_SAMPLE_FILE.replace(":id", assetTypeId),
+        body: {
+          t: (0, _dayjs.default)().unix()
+        },
+        accessToken,
+        damAccessKey,
+        secretKey,
+        subdomain,
+        onSuccess: response => {
+          var _response$data4;
+          setSampleFileLoading(false);
+          const link = document.createElement("a");
+          link.href = response === null || response === void 0 ? void 0 : (_response$data4 = response.data) === null || _response$data4 === void 0 ? void 0 : _response$data4.url;
+          link.target = "_blank";
+          document.body.appendChild(link);
+          link.click();
+        },
+        onFailure: () => {
+          setSampleFileLoading(false);
+        }
+      });
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Modal, {
+    open: true,
+    onCancel: () => setShowBulkUploadUsingQueue(false),
+    title: "Bulk Upload",
+    footer: null,
+    maskClosable: false
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    layout: "vertical",
+    onFinish: onFinish,
+    initialValues: {
+      assets_source_type: assetsSourceType,
+      email: userEmail
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: /*#__PURE__*/_react.default.createElement("div", {
+      className: "bulk-upload-info"
+    }, /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, null, "Asset Type"), " ", /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+      title: "Select from dropdown below, or refer to the DAM Folder header to see what asset types currently exist."
+    }, /*#__PURE__*/_react.default.createElement(_icons.InfoCircleOutlined, null))),
+    name: "asset_type_id",
+    rules: [{
+      required: true,
+      message: "Asset type is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    options: assetTypeOptions,
+    placeholder: "Select Asset Type",
+    onChange: e => {
+      setAssetTypeId(e);
+      setDownloadSampleFileError(null);
+    },
+    optionFilterProp: "label",
+    showSearch: true
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, null, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: "Select Asset Type first (above)"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.DownloadOutlined, null),
+    onClick: () => onDownloadSampleFile(),
+    loading: sampleFileLoading,
+    disabled: !assetTypeId,
+    block: true
+  }, "Download Sample File")), downloadSampleFileError && /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, {
+    style: {
+      color: "red"
+    }
+  }, downloadSampleFileError))), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Meta File (use Download Sample File)",
+    name: "meta_file",
+    rules: [{
+      required: true,
+      message: "Meta File is required"
+    }],
+    extra: "Maximum allowed file size is 5MB"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Upload, {
+    listType: "card",
+    beforeUpload: file => {
+      var _file$name;
+      const [name, extension] = (_file$name = file.name) === null || _file$name === void 0 ? void 0 : _file$name.split(".");
+      if (extension !== "csv" && extension !== "xlsx" && extension !== "xls") {
+        setFileError("Invalid file format");
+      } else {
+        const fileSize = (0, _helpers.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
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.UploadOutlined, null),
+    disabled: !assetTypeId
+  }, "Upload"))), fileError && /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, {
+    style: {
+      color: "red"
+    }
+  }, fileError), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Upload your DAM Files (must be zipped)",
+    name: "assets_source_type"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
+    onChange: e => setAssetsSourceType(e.target.value),
+    value: assetsSourceType,
+    disabled: !assetTypeId
+  }, /*#__PURE__*/_react.default.createElement(_antd.Radio, {
+    value: "zip"
+  }, "Zip file"), /*#__PURE__*/_react.default.createElement(_antd.Radio, {
+    value: "zip_url"
+  }, "Zip file url"))), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, assetsSourceType == "zip" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.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"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Upload, {
+    listType: "card",
+    beforeUpload: file => {
+      var _file$name2;
+      const [name, extension] = (_file$name2 = file.name) === null || _file$name2 === void 0 ? void 0 : _file$name2.split(".");
+      if (extension !== "zip") {
+        setAssetFileError("Invalid file format");
+      } else {
+        const fileSize = (0, _helpers.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: !assetTypeId,
+    onRemove: () => {
+      setAssetFile(null);
+      setAssetFileError("Zip File is required");
+    },
+    accept: ".zip",
+    maxCount: 1
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.UploadOutlined, null),
+    style: {
+      width: "100%"
+    }
+  }, "Upload"))), assetFileError && /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, {
+    style: {
+      color: "red"
+    }
+  }, assetFileError)) : /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Assets zip file url",
+    name: "zip_file_url",
+    rules: [{
+      required: true,
+      message: "Zip file url is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Zip file url",
+    disabled: !assetTypeId
+  }))), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Email (you will receive an upload confirmation receipt)",
+    name: "email",
+    rules: [{
+      required: true,
+      message: "Email is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Email",
+    disabled: !assetTypeId
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    block: true,
+    type: "primary",
+    htmlType: "submit",
+    style: {
+      marginBottom: "10px",
+      backgroundColor: styles === null || styles === void 0 ? void 0 : styles.primaryColor
+    },
+    loading: loading,
+    disabled: !assetTypeId
+  }, "Submit"))));
+};
+var _default = BulkUploadFilesUsingQueue;
+exports.default = _default;

package/dist/Folders/createOrUpdateFolder.js

@@ -0,0 +1,264 @@
+"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");
+require("./style.css");
+var _react = _interopRequireWildcard(require("react"));
+var APIS = _interopRequireWildcard(require("../constants/apiEndpoints"));
+var _useFetch = _interopRequireDefault(require("../hocs/useFetch"));
+var _folderHelpers = require("../hocs/folderHelpers");
+const CreateOrUpdateFolder = _ref => {
+  var _currentUser$id;
+  let {
+    setShowCreateFolder,
+    setCurrentUpdatingFolderId,
+    parentId,
+    folderId,
+    folders = [],
+    setFolders,
+    expandedKeys = [],
+    setTreeData,
+    setFolder,
+    disableIsParent = false,
+    damAccessKey,
+    secretKey,
+    subdomain,
+    styles,
+    teamIds,
+    fetchFolders,
+    teams,
+    accessToken,
+    currentUser
+  } = _ref;
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const userId = (_currentUser$id = currentUser === null || currentUser === void 0 ? void 0 : currentUser.id) !== null && _currentUser$id !== void 0 ? _currentUser$id : null;
+  const [data, setData] = (0, _react.useState)({});
+  const [isParent, setIsParent] = (0, _react.useState)(parentId !== "root" ? false : true);
+  const [form] = _antd.Form.useForm();
+  const [fetchRecordLoading, setFetchRecordLoading] = (0, _react.useState)(false);
+  const {
+    fetchApi
+  } = (0, _useFetch.default)();
+  const getFolder = function () {
+    let folders = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let folderId = arguments.length > 1 ? arguments[1] : undefined;
+    const flattenFolders = folderList => {
+      let result = [];
+      folderList === null || folderList === void 0 ? void 0 : folderList.forEach(folder => {
+        var _folder$children;
+        result.push(folder);
+        if (folder !== null && folder !== void 0 && folder.children && (folder === null || folder === void 0 ? void 0 : (_folder$children = folder.children) === null || _folder$children === void 0 ? void 0 : _folder$children.length) > 0) {
+          result = [...result, ...flattenFolders(folder.children)];
+        }
+      });
+      return result;
+    };
+    const allFolders = flattenFolders(folders);
+    return allFolders === null || allFolders === void 0 ? void 0 : allFolders.find(folder => {
+      return (folder === null || folder === void 0 ? void 0 : folder.id) === folderId;
+    });
+  };
+  const parentFolder = (0, _react.useMemo)(() => getFolder(folders, parentId), [folders, parentId]);
+  (0, _react.useEffect)(() => {
+    if (folderId) {
+      setFetchRecordLoading(true);
+      fetchApi({
+        route: APIS.FETCH_FOLDER.replace(":id", folderId),
+        httpMethod: "get",
+        onSuccess: response => {
+          const result = response === null || response === void 0 ? void 0 : response.data;
+          setData(result);
+          form.setFieldsValue({
+            ...result,
+            prefix: result === null || result === void 0 ? void 0 : result.path
+          });
+          setFetchRecordLoading(false);
+        },
+        onFailure: () => {
+          setFetchRecordLoading(false);
+        },
+        accessToken,
+        damAccessKey,
+        secretKey,
+        subdomain
+      });
+    } else {
+      const prefixValue = parentId !== "root" && parentFolder !== null && parentFolder !== void 0 && parentFolder.path ? parentFolder.path : "/";
+      form.setFieldsValue({
+        prefix: prefixValue
+      });
+    }
+  }, [folderId, parentId, parentFolder]);
+  const onFinish = values => {
+    var _values$team_ids, _values$team_ids2, _values$team_ids3;
+    const finalData = {
+      ...data,
+      ...values,
+      created_by: userId,
+      subdomain: window.location.hostname,
+      parent_id: isParent ? "root" : parentId,
+      prefix: isParent ? values === null || values === void 0 ? void 0 : values.prefix : parentFolder === null || parentFolder === void 0 ? void 0 : parentFolder.path,
+      team_ids: typeof (values === null || values === void 0 ? void 0 : values.team_ids) === "string" ? (_values$team_ids = values === null || values === void 0 ? void 0 : values.team_ids) !== null && _values$team_ids !== void 0 ? _values$team_ids : "" : (values === null || values === void 0 ? void 0 : (_values$team_ids2 = values.team_ids) === null || _values$team_ids2 === void 0 ? void 0 : _values$team_ids2.length) > 0 ? values === null || values === void 0 ? void 0 : (_values$team_ids3 = values.team_ids) === null || _values$team_ids3 === void 0 ? void 0 : _values$team_ids3.join(",") : ""
+    };
+    if (folderId) {
+      onUpdateFolder(isParent ? "root" : parentId, finalData, folderId);
+    } else {
+      finalData["prev_folder_id_path"] = isParent ? null : parentFolder === null || parentFolder === void 0 ? void 0 : parentFolder.folder_id_path;
+      onCreateFolder(isParent ? "root" : parentId, finalData);
+    }
+  };
+  const onUpdateFolder = (parentId, finalData, folderId) => {
+    setLoading(true);
+    fetchApi({
+      httpMethod: "put",
+      route: APIS.UPDATE_FOLDER.replace(":id", folderId),
+      body: finalData,
+      onSuccess: response => {
+        const data = response === null || response === void 0 ? void 0 : response.data;
+        setLoading(false);
+        setShowCreateFolder(false);
+        _antd.notification.success({
+          message: "Folder updated successfully"
+        });
+        const updatedFolders = (0, _folderHelpers.updateFolder)(folders, folderId, parentId, data);
+        setFolders(updatedFolders);
+        setFolder(data);
+        setTreeData((0, _folderHelpers.modifyFolderNameToTitle)(updatedFolders, expandedKeys));
+      },
+      onFailure: () => {
+        setLoading(false);
+        _antd.notification.error({
+          message: "Error while creating folder"
+        });
+      },
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  function hasCommonElement() {
+    let array1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let array2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    return array1.some(item => array2.includes(item === null || item === void 0 ? void 0 : item.toString()));
+  }
+  const onCreateFolder = (folderParentId, finalData) => {
+    setLoading(true);
+    fetchApi({
+      httpMethod: "post",
+      route: APIS.CREATE_FOLDER,
+      body: finalData,
+      onSuccess: response => {
+        const data = response === null || response === void 0 ? void 0 : response.data;
+        setLoading(false);
+        setShowCreateFolder(false);
+        _antd.notification.success({
+          message: "Folder created successfully"
+        });
+        // console.log(folderParentId);
+        if (folderParentId === "root" && !setTreeData) {
+          fetchFolders();
+        } else {
+          const foldersWithNewFolder = folderParentId !== "root" ? (0, _folderHelpers.addNewFolder)(folders, folderParentId, data) : [...folders, data];
+          setFolders(foldersWithNewFolder);
+          setTreeData((0, _folderHelpers.modifyFolderNameToTitle)(foldersWithNewFolder, expandedKeys));
+        }
+      },
+      onFailure: () => {
+        setLoading(false);
+        _antd.notification.error({
+          message: "Error while creating folder"
+        });
+      },
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Drawer, {
+    title: folderId ? "Update Folder" : /*#__PURE__*/_react.default.createElement("div", {
+      className: "dam-upload-file-title"
+    }, /*#__PURE__*/_react.default.createElement("p", null, "Create Folder"), /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, {
+      ellipsis: {
+        tooltip: true
+      },
+      className: "description"
+    }, parentFolder ? parentFolder.name : "")),
+    onClose: () => {
+      setShowCreateFolder(false);
+      if (folderId) {
+        setCurrentUpdatingFolderId(null);
+      }
+    },
+    className: "create-update-dam-folder",
+    open: true,
+    width: 500,
+    maskClosable: false
+  }, fetchRecordLoading ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "dam-loading"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Spin, null)) : /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    layout: "vertical",
+    onFinish: onFinish,
+    form: form
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Folder Name",
+    name: "name",
+    rules: [{
+      required: true,
+      message: "Name is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Name"
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Path",
+    name: "prefix",
+    rules: [{
+      required: true,
+      message: "Path is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    disabled: true
+  })), !folderId && /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
+    checked: isParent,
+    style: {
+      marginBottom: "15px"
+    },
+    onChange: e => setIsParent(e.target.checked),
+    disabled: disableIsParent
+  }, "Is Parent"), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Team Ids",
+    name: "team_ids",
+    getValueFromEvent: e => {
+      return e ? e === null || e === void 0 ? void 0 : e.join(",") : "";
+    },
+    getValueProps: i => {
+      var _i$split;
+      return {
+        value: i && i !== "" ? typeof i === "string" ? (_i$split = i.split(",")) === null || _i$split === void 0 ? void 0 : _i$split.map(val => Number(val)) : i === null || i === void 0 ? void 0 : i.map(val => Number(val)) : []
+      };
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select
+  // showSearch
+  , {
+    placeholder: "Team Ids",
+    mode: "multiple",
+    optionFilterProp: "key",
+    options: teams
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    block: true,
+    type: "primary",
+    htmlType: "submit",
+    loading: loading,
+    style: {
+      backgroundColor: styles === null || styles === void 0 ? void 0 : styles.primaryColor
+    }
+  }, "Submit"))));
+};
+var _default = CreateOrUpdateFolder;
+exports.default = _default;