@bindu-dashing/dam-solution 1.0.0

package/dist/CreateClient/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _createClient = _interopRequireDefault(require("./createClient"));
+var _antd = require("antd");
+function App(props) {
+  var _props$styles, _props$styles2, _props$styles3;
+  return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
+    theme: {
+      token: {
+        colorPrimary: props === null || props === void 0 ? void 0 : (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.primaryColor,
+        colorLink: props === null || props === void 0 ? void 0 : (_props$styles2 = props.styles) === null || _props$styles2 === void 0 ? void 0 : _props$styles2.primaryColor,
+        colorLinkHover: props === null || props === void 0 ? void 0 : (_props$styles3 = props.styles) === null || _props$styles3 === void 0 ? void 0 : _props$styles3.secondaryColor
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(_createClient.default, Object.assign({}, props, {
+    damAccessKey: props === null || props === void 0 ? void 0 : props.accessKey
+  })));
+}
+var _default = App;
+exports.default = _default;

package/dist/Folder/ImagePickerFolder.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _fileManagementContainer = _interopRequireDefault(require("../Folders/fileManagementContainer"));
+function ImagePickerFolder(_ref) {
+  let {
+    id,
+    teamIds,
+    damAccessKey,
+    secretKey,
+    subdomain,
+    styles,
+    userEmail,
+    showSubfolders,
+    parentId
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, id ? /*#__PURE__*/_react.default.createElement(_fileManagementContainer.default, {
+    folderId: id,
+    parentId: parentId,
+    showSubfolders: showSubfolders,
+    damAccessKey: damAccessKey,
+    allowOnlyOneFolder: true,
+    teamIds: teamIds,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    styles: styles,
+    userEmail: userEmail
+  }) : /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      marginTop: "100px"
+    }
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    style: {
+      fontSize: "12px"
+    }
+  }, "Folder Id not found")));
+}
+var _default = ImagePickerFolder;
+exports.default = _default;

package/dist/Folder/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _ImagePickerFolder = _interopRequireDefault(require("./ImagePickerFolder"));
+function App(props) {
+  var _props$styles, _props$styles2, _props$styles3;
+  return /*#__PURE__*/_react.default.createElement(_antd.ConfigProvider, {
+    theme: {
+      token: {
+        colorPrimary: props === null || props === void 0 ? void 0 : (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.primaryColor,
+        colorLink: props === null || props === void 0 ? void 0 : (_props$styles2 = props.styles) === null || _props$styles2 === void 0 ? void 0 : _props$styles2.primaryColor,
+        colorLinkHover: props === null || props === void 0 ? void 0 : (_props$styles3 = props.styles) === null || _props$styles3 === void 0 ? void 0 : _props$styles3.secondaryColor
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ImagePickerFolder.default, Object.assign({}, props, {
+    damAccessKey: props === null || props === void 0 ? void 0 : props.accessKey
+  })));
+}
+var _default = App;
+exports.default = _default;

package/dist/Folders/bulkDownload.js

@@ -0,0 +1,102 @@
+"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 _Form = require("antd/es/form/Form");
+var _react = _interopRequireWildcard(require("react"));
+var _useFetch = _interopRequireDefault(require("../hocs/useFetch"));
+var APIS = _interopRequireWildcard(require("../constants/apiEndpoints"));
+const BulkDownload = _ref => {
+  let {
+    bulkDownloadEmail,
+    setShowBulkDownloadFiles,
+    selectedFiles,
+    setSelectedFiles,
+    accessToken,
+    damAccessKey,
+    secretKey,
+    subdomain,
+    files
+  } = _ref;
+  const [form] = (0, _Form.useForm)();
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const {
+    fetchApi
+  } = (0, _useFetch.default)();
+  (0, _react.useEffect)(() => {
+    form.setFieldValue("email", bulkDownloadEmail);
+  }, [bulkDownloadEmail]);
+  const onFinish = values => {
+    setLoading(true);
+    const downloadFiles = selectedFiles === null || selectedFiles === void 0 ? void 0 : selectedFiles.map(fileId => {
+      const currentFile = files === null || files === void 0 ? void 0 : files.find(file => (file === null || file === void 0 ? void 0 : file.id) == fileId);
+      return {
+        pk: currentFile === null || currentFile === void 0 ? void 0 : currentFile.pk,
+        sk: currentFile === null || currentFile === void 0 ? void 0 : currentFile.sk
+      };
+    });
+    fetchApi({
+      body: {
+        file_ids: downloadFiles,
+        email: values.email
+      },
+      httpMethod: "POST",
+      route: APIS.FILES_BULK_DOWNLOAD,
+      onSuccess: result => {
+        // console.log(result);
+        setLoading(false);
+        setShowBulkDownloadFiles(false);
+        setSelectedFiles([]);
+        _antd.notification.success({
+          message: result.data.message
+        });
+      },
+      onFailure: () => {
+        setLoading(false);
+      },
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Modal, {
+    open: true,
+    footer: null,
+    title: "Bulk Download",
+    onCancel: () => setShowBulkDownloadFiles(false)
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    layout: "vertical",
+    form: form,
+    onFinish: onFinish
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Email",
+    name: "email",
+    rules: [{
+      required: true,
+      message: "Email is required"
+    }, {
+      pattern: new RegExp(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/),
+      message: "Email is not valid"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Email"
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, null, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      float: "right"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Space, null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    onClick: () => setShowBulkDownloadFiles(false)
+  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    loading: loading,
+    htmlType: "submit",
+    type: "primary"
+  }, "Download"))))));
+};
+var _default = BulkDownload;
+exports.default = _default;

package/dist/Folders/bulkUpdate.js

@@ -0,0 +1,186 @@
+"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 _helpers = require("../hocs/helpers");
+var APIS = _interopRequireWildcard(require("../constants/apiEndpoints"));
+var _useFetch = _interopRequireDefault(require("../hocs/useFetch"));
+const BulkUpdate = _ref => {
+  let {
+    setShowBulkUpdate,
+    userEmail,
+    damAccessKey,
+    secretKey,
+    subdomain,
+    accessToken
+  } = _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 [fileError, setFileError] = (0, _react.useState)("");
+  const [metaFile, setMetaFile] = (0, _react.useState)(null);
+  (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.name,
+      value: type.id
+    };
+  });
+  const onFinish = values => {
+    setLoading(true);
+    const formData = new FormData();
+    formData.append("asset_type_id", values === null || values === void 0 ? void 0 : values.asset_type_id);
+    formData.append("meta_file", metaFile);
+    formData.append("email", values === null || values === void 0 ? void 0 : values.email);
+    fetchApi({
+      httpMethod: "post",
+      route: APIS.BULK_UPDATE_FILES,
+      body: formData,
+      isFormData: true,
+      onSuccess: response => {
+        // console.log(response);
+        const result = response.data;
+        setLoading(false);
+        setShowBulkUpdate(false);
+        if (result.status) {
+          _antd.notification.success({
+            message: result.message
+          });
+        } else {
+          _antd.notification.danger({
+            message: result.message
+          });
+        }
+      },
+      onFailure: () => {
+        setLoading(false);
+      },
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Modal, {
+    open: true,
+    onCancel: () => setShowBulkUpdate(false),
+    title: "Bulk Update",
+    footer: null
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    layout: "vertical",
+    initialValues: {
+      email: userEmail
+    },
+    onFinish: onFinish
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Asset Type",
+    name: "asset_type_id",
+    rules: [{
+      required: true,
+      message: `Asset Type is required`
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    options: assetTypeOptions,
+    onChange: e => setAssetTypeId(e),
+    placeholder: "Select Asset Type"
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Email",
+    name: "email",
+    rules: [{
+      required: true,
+      message: `Email is required`
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Email"
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Meta 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;
+    },
+    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),
+    style: {
+      width: "100%"
+    }
+  }, "Upload"))), fileError && /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, {
+    style: {
+      color: "red"
+    }
+  }, fileError), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, null, /*#__PURE__*/_react.default.createElement(_antd.Space, {
+    style: {
+      float: "right"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    onClick: () => setShowBulkUpdate(false)
+  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    htmlType: "submit",
+    type: "primary",
+    loading: loading
+  }, "Ok")))));
+};
+var _default = BulkUpdate;
+exports.default = _default;

package/dist/Folders/bulkUploadFiles.js

@@ -0,0 +1,162 @@
+"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"));
+const BulkUploadFiles = _ref => {
+  let {
+    setShowBulkUpload,
+    folder,
+    setLoadingFiles,
+    fetchFiles,
+    damAccessKey,
+    secretKey,
+    subdomain,
+    styles,
+    accessToken,
+    currentUser
+  } = _ref;
+  const userId = currentUser === null || currentUser === void 0 ? void 0 : currentUser.id;
+  const [zipFile, setZipFile] = (0, _react.useState)(null);
+  const [metaFile, setMetaFile] = (0, _react.useState)(null);
+  const [assetTypes, setAssetTypes] = (0, _react.useState)([]);
+  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);
+      },
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  }, []);
+  const onFinish = values => {
+    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("zip_file", zipFile);
+    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);
+    fetchApi({
+      httpMethod: "post",
+      route: APIS.FILES_BULK_UPLOAD,
+      body: formData,
+      isFormData: true,
+      onSuccess: () => {
+        setLoading(false);
+        setShowBulkUpload(false);
+        _antd.notification.success({
+          message: "Successfully uploaded files"
+        });
+        setLoadingFiles(true);
+        fetchFiles(null, folder === null || folder === void 0 ? void 0 : folder.id);
+      },
+      onFailure: () => {
+        setLoading(false);
+        _antd.notification.error({
+          message: "Error while uploading files"
+        });
+      },
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_antd.Modal, {
+    open: true,
+    onCancel: () => setShowBulkUpload(false),
+    title: "Bulk Upload",
+    footer: null
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    layout: "vertical",
+    onFinish: onFinish
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Zip File",
+    name: "zip_file",
+    rules: [{
+      required: true,
+      message: "Zip File is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Upload, {
+    listType: "card",
+    beforeUpload: file => {
+      setZipFile(file);
+      return false;
+    },
+    accept: ".zip",
+    maxCount: 1
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.UploadOutlined, null)
+  }, "Upload")), /*#__PURE__*/_react.default.createElement(_antd.Divider, null, "OR"), /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Zip File Url"
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Meta File",
+    name: "meta_file",
+    rules: [{
+      required: true,
+      message: "Meta File is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Upload, {
+    listType: "card",
+    beforeUpload: file => {
+      setMetaFile(file);
+      return false;
+    },
+    accept: ".csv,.xlsx,xls",
+    maxCount: 1
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.UploadOutlined, null)
+  }, "Upload"))), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: "Asset Type",
+    name: "asset_type_id",
+    rules: [{
+      required: true,
+      message: "Asset type is required"
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    options: assetTypeOptions,
+    placeholder: "Select Asset Type"
+  })), /*#__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
+  }, "Submit"))));
+};
+var _default = BulkUploadFiles;
+exports.default = _default;