@bindu-dashing/dam-solution 1.0.0

package/README.md

@@ -0,0 +1 @@
+# dam-ui-lib

package/dist/AssetType/assetTypeContainer.js

@@ -0,0 +1,40 @@
+"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;
+require("./style.css");
+var _assetTypeTable = _interopRequireDefault(require("./assetTypeTable"));
+var _react = _interopRequireWildcard(require("react"));
+var APIS = _interopRequireWildcard(require("../constants/apiEndpoints"));
+var _reactJwt = require("react-jwt");
+var _useFetch = _interopRequireDefault(require("../hocs/useFetch"));
+const AssetTypeContainer = _ref => {
+  let {
+    damAccessKey,
+    secretKey,
+    subdomain,
+    styles,
+    teamIds
+  } = _ref;
+  const [showCreateOrEditAsset, setShowCreateOrEditAsset] = (0, _react.useState)(null);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "asset-management-page"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "asset-management-table"
+  }, /*#__PURE__*/_react.default.createElement(_assetTypeTable.default, {
+    setShowCreateOrEditAsset: setShowCreateOrEditAsset,
+    showCreateOrEditAsset: showCreateOrEditAsset,
+    id: null,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    styles: styles,
+    teamIds: teamIds
+  })));
+};
+var _default = AssetTypeContainer;
+exports.default = _default;

package/dist/AssetType/assetTypeTable.js

@@ -0,0 +1,359 @@
+"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 _createAssetType = _interopRequireDefault(require("./createAssetType"));
+require("./style.css");
+var APIS = _interopRequireWildcard(require("../constants/apiEndpoints"));
+var _useFetch = _interopRequireDefault(require("../hocs/useFetch"));
+const AssetTypeTable = _ref => {
+  let {
+    showCreateOrEditAsset,
+    setShowCreateOrEditAsset,
+    id,
+    damAccessKey,
+    secretKey,
+    subdomain,
+    styles,
+    teamIds = []
+  } = _ref;
+  const [searchValue, setSearchValue] = (0, _react.useState)("");
+  const [dataSource, setAssetTypes] = (0, _react.useState)([]);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [adminTeamIds, setAdminTeamIds] = (0, _react.useState)([]);
+  const [isAdmin, setIsAdmin] = (0, _react.useState)(false);
+  const [currentAssetTypeId, setCurrentAssetTypeId] = (0, _react.useState)(id !== null && id !== void 0 ? id : null);
+  const [reservedWords, setReservedWords] = (0, _react.useState)([]);
+  const [nextKey, setNextKey] = (0, _react.useState)({
+    startKey: null,
+    prevKey: null
+  });
+  const [prevKey, setPrevKey] = (0, _react.useState)({
+    startKey: null,
+    prevKey: null
+  });
+  const [page, setPage] = (0, _react.useState)(0);
+  const [prevPrevKey, setPrevPrevKey] = (0, _react.useState)(null);
+  const {
+    fetchApi
+  } = (0, _useFetch.default)();
+  const [currentUpdatingId, setCurrentUpdatingId] = (0, _react.useState)(null);
+  const [accessToken, setAccessToken] = (0, _react.useState)(null);
+  const [currentUser, setCurrentUser] = (0, _react.useState)({});
+  const fetchClientAdminTeamIds = 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$data;
+          const adminTeamIds = response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.split(",");
+          setAdminTeamIds(adminTeamIds);
+          // console.log(adminTeamIds);
+          setIsAdmin(teamIds.reduce((acc, curr) => {
+            return acc || adminTeamIds.includes(curr.toString());
+          }, false));
+        },
+        onFailure: () => {},
+        accessToken: token !== null && token !== void 0 ? token : accessToken,
+        damAccessKey,
+        secretKey,
+        subdomain
+      });
+    }
+  };
+  (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$data2, _response$data3;
+          const token = response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.access_token;
+          const user = response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.user;
+          setAccessToken(token);
+          setCurrentUser(user);
+          // localStorage.setItem("damToken", accessToken);
+          // localStorage.setItem("damUser", JSON.stringify(user));
+          fetchClientAdminTeamIds(token);
+          fetchAssets(token);
+        },
+        onFailure: () => {
+          setLoading(false);
+          setAccessToken(null);
+          setCurrentUser({});
+        },
+        damAccessKey,
+        secretKey,
+        subdomain
+      });
+    }
+  }, [subdomain]);
+  const fetchAssets = function () {
+    let token = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    setLoading(true);
+    fetchApi({
+      route: APIS.FETCH_ASSET_TYPES,
+      params: {
+        page: 0,
+        startKey: null,
+        prevKey: null
+      },
+      httpMethod: "get",
+      onSuccess: response => {
+        const data = response === null || response === void 0 ? void 0 : response.data;
+        setAssetTypes(data === null || data === void 0 ? void 0 : data.items);
+        setPage(data === null || data === void 0 ? void 0 : data.page);
+        setPrevKey(data === null || data === void 0 ? void 0 : data.prevKey);
+        setNextKey(data === null || data === void 0 ? void 0 : data.nextKey);
+        setPrevPrevKey(data === null || data === void 0 ? void 0 : data.prevPrevKey);
+        setLoading(false);
+      },
+      onFailure: () => {
+        setLoading(false);
+      },
+      accessToken: token !== null && token !== void 0 ? token : accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  const showConfirm = id => {
+    _antd.Modal.confirm({
+      title: "Do you want to delete this asset type?",
+      icon: /*#__PURE__*/_react.default.createElement(_icons.ExclamationCircleFilled, null),
+      onOk() {
+        onDelete(id);
+      },
+      okText: "Delete",
+      okType: "danger",
+      okButtonProps: {
+        icon: /*#__PURE__*/_react.default.createElement(_icons.DeleteOutlined, null)
+      }
+    });
+  };
+  const onDelete = id => {
+    setLoading(true);
+    setCurrentAssetTypeId(id);
+    fetchApi({
+      route: APIS.DELETE_ASSET_TYPE.replace(":id", id),
+      httpMethod: "delete",
+      onSuccess: response => {
+        setLoading(false);
+        setCurrentAssetTypeId(null);
+        fetchAssets();
+        _antd.notification.success({
+          message: "Asset Type deleted successfully"
+        });
+      },
+      onFailure: () => {
+        setLoading(false);
+        setCurrentAssetTypeId(null);
+        _antd.notification.error({
+          message: "Error while deleting asset type"
+        });
+      },
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  const columns = [{
+    title: "Name",
+    dataIndex: "name",
+    key: "name",
+    render: props => {
+      return /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+        title: props
+      }, /*#__PURE__*/_react.default.createElement(_antd.Typography.Text, {
+        ellipsis: {
+          tooltip: true
+        }
+      }, props));
+    }
+  }, {
+    title: "Actions",
+    dataIndex: "",
+    key: "actions",
+    render: props => {
+      return /*#__PURE__*/_react.default.createElement(_antd.Space, null, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+        onClick: () => {
+          setCurrentUpdatingId(props === null || props === void 0 ? void 0 : props.id);
+          setShowCreateOrEditAsset(true);
+        },
+        disabled: !isAdmin
+      }, "Edit"));
+    }
+  }];
+  const onPrev = () => {
+    setLoading(true);
+    fetchApi({
+      httpMethod: "get",
+      route: APIS.FETCH_ASSET_TYPES,
+      params: {
+        startKey: encodeURIComponent(JSON.stringify(prevKey)),
+        prevKey: encodeURIComponent(JSON.stringify(prevPrevKey)),
+        page: page - 1
+      },
+      onSuccess: response => {
+        const data = response === null || response === void 0 ? void 0 : response.data;
+        setAssetTypes(data === null || data === void 0 ? void 0 : data.items);
+        setPage(data === null || data === void 0 ? void 0 : data.page);
+        setPrevKey(data === null || data === void 0 ? void 0 : data.prevKey);
+        setNextKey(data === null || data === void 0 ? void 0 : data.nextKey);
+        setPrevPrevKey(data === null || data === void 0 ? void 0 : data.prevPrevKey);
+        setLoading(false);
+      },
+      onFailure: () => {
+        setLoading(false);
+      },
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  const onNext = () => {
+    setLoading(true);
+    fetchApi({
+      httpMethod: "get",
+      route: APIS.FETCH_ASSET_TYPES,
+      params: {
+        startKey: encodeURIComponent(JSON.stringify(nextKey)),
+        prevKey: encodeURIComponent(JSON.stringify(prevKey)),
+        page: page + 1
+      },
+      onSuccess: response => {
+        const data = response === null || response === void 0 ? void 0 : response.data;
+        setAssetTypes(data === null || data === void 0 ? void 0 : data.items);
+        setPage(data === null || data === void 0 ? void 0 : data.page);
+        setPrevKey(data === null || data === void 0 ? void 0 : data.prevKey);
+        setNextKey(data === null || data === void 0 ? void 0 : data.nextKey);
+        setPrevPrevKey(data === null || data === void 0 ? void 0 : data.prevPrevKey);
+        setLoading(false);
+      },
+      onFailure: () => {
+        setLoading(false);
+      },
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  const onSearch = () => {
+    setLoading(true);
+    const params = {
+      page: 0,
+      startKey: null,
+      prevKey: null
+    };
+    if (searchValue) {
+      params["name"] = encodeURIComponent(searchValue);
+    }
+    fetchApi({
+      route: APIS.FETCH_ASSET_TYPES,
+      params: params,
+      httpMethod: "get",
+      onSuccess: response => {
+        const data = response === null || response === void 0 ? void 0 : response.data;
+        setAssetTypes(data === null || data === void 0 ? void 0 : data.items);
+        setPage(data === null || data === void 0 ? void 0 : data.page);
+        setPrevKey(data === null || data === void 0 ? void 0 : data.prevKey);
+        setNextKey(data === null || data === void 0 ? void 0 : data.nextKey);
+        setPrevPrevKey(data === null || data === void 0 ? void 0 : data.prevPrevKey);
+        setLoading(false);
+      },
+      onFailure: () => {
+        setLoading(false);
+      },
+      accessToken,
+      damAccessKey,
+      secretKey,
+      subdomain
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "header"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Typography.Title, {
+    level: 4,
+    className: "page-title"
+  }, "Asset Management"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "right-section"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Search name",
+    onChange: e => setSearchValue(e.target.value),
+    onPressEnter: () => onSearch(),
+    size: "middle",
+    className: "search-bar"
+  }), isAdmin && /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    icon: /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null),
+    onClick: () => setShowCreateOrEditAsset(true),
+    style: {
+      backgroundColor: styles === null || styles === void 0 ? void 0 : styles.primaryColor
+    }
+  }, "Create Asset Type"))), /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "Search name",
+    onChange: e => setSearchValue(e.target.value),
+    onPressEnter: () => onSearch(),
+    size: "middle",
+    className: " mobile-search-bar"
+  }), /*#__PURE__*/_react.default.createElement(_antd.Table, {
+    columns: columns,
+    dataSource: dataSource,
+    pagination: false,
+    loading: loading,
+    className: "assetType-table",
+    footer: () => {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((nextKey === null || nextKey === void 0 ? void 0 : nextKey.startKey) || page !== 0) && /*#__PURE__*/_react.default.createElement(_antd.Space, {
+        className: "assetType-pagination"
+      }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+        onClick: () => onPrev(),
+        disabled: page === 0 ? true : false
+      }, "Prev"), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+        type: "primary",
+        style: {
+          backgroundColor: styles === null || styles === void 0 ? void 0 : styles.primaryColor
+        }
+      }, page + 1), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+        onClick: () => onNext(),
+        disabled: !(nextKey !== null && nextKey !== void 0 && nextKey.startKey)
+      }, "Next")));
+    }
+  }), showCreateOrEditAsset && /*#__PURE__*/_react.default.createElement(_createAssetType.default, {
+    setShowCreateOrEditAsset: setShowCreateOrEditAsset,
+    id: currentUpdatingId,
+    setCurrentUpdatingId: setCurrentUpdatingId,
+    fetchAssets: fetchAssets,
+    setAssetTypes: setAssetTypes,
+    damAccessKey: damAccessKey,
+    secretKey: secretKey,
+    subdomain: subdomain,
+    styles: styles,
+    setReservedWords: setReservedWords,
+    reservedWords: reservedWords,
+    accessToken: accessToken
+  }));
+};
+var _default = AssetTypeTable;
+exports.default = _default;