@3sc/common-component 0.0.3 → 0.0.5

package/dist/App.js

@@ -10,10 +10,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function App() {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "App"
-  }, "hello", /*#__PURE__*/_react.default.createElement(_modules.Notification, {
-    tenantId: "9a33965c-162a-4089-8cb1-5e631e3cdd8a",
-    buId: "d628f9a3-1968-4102-b578-727616b382f3",
-    snopId: "13a53238-f493-41a5-9d17-7b95aeed7964"
-  }));
+  }, "hello", /*#__PURE__*/_react.default.createElement(_modules.Notification, null));
 }
-var _default = exports.default = App;
+var _default = exports.default = App; // tenantId="9a33965c-162a-4089-8cb1-5e631e3cdd8a"
+// buId="d628f9a3-1968-4102-b578-727616b382f3"
+// snopId="13a53238-f493-41a5-9d17-7b95aeed7964"

package/dist/components/alert/alert-body.js

@@ -12,12 +12,12 @@ var _ErrorMsg = _interopRequireDefault(require("../../utils/ErrorMsg"));
 var _inputField = _interopRequireDefault(require("../input-field"));
 var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
 var _Refresh = _interopRequireDefault(require("@mui/icons-material/Refresh"));
-var _selectField = _interopRequireDefault(require("../select-field"));
 var _Constant = require("../../utils/Constant");
 var _card = _interopRequireDefault(require("../notification-card/card"));
 var _commonFun = require("../../helper/common-fun");
 var _myPagination = _interopRequireDefault(require("../my-pagination"));
 var _logs = _interopRequireDefault(require("../my-pagination/logs"));
+var _reactSelect = _interopRequireDefault(require("../select-field/react-select"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -35,20 +35,43 @@ const AlertBody = _ref => {
   const [rowPerPage, setRowPerPage] = (0, _react.useState)(10);
   const [total, setTotal] = (0, _react.useState)(0);
   const [newData, setNewData] = (0, _react.useState)([]);
+  const [selectedAlert, setSelectedAlert] = (0, _react.useState)([]);
   (0, _react.useEffect)(() => {
+    if (inputValue) {
+      const newData = (0, _commonFun.searchByKeyArr)(data, _Constant.alertSearchKey, inputValue);
+      setNewData((0, _commonFun.dataSlice)(newData, page, rowPerPage));
+      setTotal(newData.length);
+      return;
+    }
+    setNewData((0, _commonFun.dataSlice)(data, page, rowPerPage));
     setTotal(data.length);
-  }, [data]);
+  }, [inputValue, data, page, rowPerPage]);
   const handleSelectChange = e => {
-    const value = e.target.value;
-    console.log(value);
+    setPage(1);
+    setRowPerPage(e.value);
   };
   const handleChangePage = page => {
-    console.log(page);
+    setPage(page);
   };
   const handleSearch = e => {
     const value = e.target.value;
+    if (value) setPage(1);
     setInputValue(value);
   };
+
+  // checkbox handler
+  const handleCheckboxChange = (e, value) => {
+    const checked = e.target.checked;
+    if (checked) {
+      setSelectedAlert(prev => [...prev, value]);
+    } else {
+      setSelectedAlert(prev => prev.filter(item => item !== value));
+    }
+  };
+  const handleAllRead = () => {
+    _handleRead(selectedAlert);
+    setSelectedAlert([]);
+  };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.DialogContent, {
     dividers: true,
     sx: {
@@ -80,8 +103,11 @@ const AlertBody = _ref => {
         position: "start"
       }, /*#__PURE__*/_react.default.createElement(_Search.default, null))
     }
-  }), /*#__PURE__*/_react.default.createElement(_selectField.default, {
-    value: rowPerPage,
+  }), /*#__PURE__*/_react.default.createElement(_reactSelect.default, {
+    value: {
+      value: rowPerPage,
+      label: "Show ".concat(rowPerPage, " Rows")
+    },
     option: _Constant.optionRow,
     handleSelectChange: handleSelectChange
   }), /*#__PURE__*/_react.default.createElement(_material.IconButton, {
@@ -90,10 +116,12 @@ const AlertBody = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_Refresh.default, {
     fontSize: "medium"
   }))), /*#__PURE__*/_react.default.createElement(_logs.default, {
-    start: page,
-    end: rowPerPage,
+    start: page * rowPerPage - rowPerPage + 1,
+    end: page * rowPerPage > total ? total : page * rowPerPage,
     total: total
-  })), data.map((item, index) => {
+  })), newData.length === 0 && /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    className: "no-record"
+  }, _ErrorMsg.default.NRF), newData.map((item, index) => {
     return /*#__PURE__*/_react.default.createElement(_card.default, {
       key: index,
       isCheckBox: true,
@@ -101,9 +129,12 @@ const AlertBody = _ref => {
       subTitle: (0, _commonFun.fullFormatDate)(item.createdAt),
       isRead: item.isRead,
       handleShowDetails: () => _handleShowDetails(item.id),
-      handleRead: () => _handleRead(item.id),
+      handleRead: () => _handleRead([item.id]),
       subType: item.sub_type,
-      isSubType: true
+      isSubType: true,
+      selectedAlert: selectedAlert,
+      id: item.id,
+      handleCheckboxChange: handleCheckboxChange
     });
   })))), !(loading || isEmpty) && /*#__PURE__*/_react.default.createElement(_material.DialogActions, {
     sx: {
@@ -116,7 +147,9 @@ const AlertBody = _ref => {
     rowPerPage: rowPerPage,
     total: total,
     handleChangePage: handleChangePage,
-    isMarkAllRead: true
+    isMarkAllRead: true,
+    selectedAlert: selectedAlert,
+    handleAllRead: handleAllRead
   })));
 };
 var _default = exports.default = AlertBody;

package/dist/components/alert/details-body.js

@@ -11,11 +11,11 @@ var _material = require("@mui/material");
 var _ErrorMsg = _interopRequireDefault(require("../../utils/ErrorMsg"));
 var _inputField = _interopRequireDefault(require("../input-field"));
 var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
-var _selectField = _interopRequireDefault(require("../select-field"));
 var _Constant = require("../../utils/Constant");
 var _myPagination = _interopRequireDefault(require("../my-pagination"));
 var _tableDetail = _interopRequireDefault(require("./table-detail"));
 var _commonFun = require("../../helper/common-fun");
+var _reactSelect = _interopRequireDefault(require("../select-field/react-select"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -49,9 +49,8 @@ const DetailsBody = _ref => {
     setTotal(data.length);
   }, [inputValue, data, page, rowPerPage, sortDir, sortKey]);
   const handleSelectChange = e => {
-    const value = e.target.value;
     setPage(1);
-    setRowPerPage(Number(value));
+    setRowPerPage(e.value);
   };
   const handleChangePage = page => {
     setPage(page);
@@ -98,8 +97,11 @@ const DetailsBody = _ref => {
         position: "start"
       }, /*#__PURE__*/_react.default.createElement(_Search.default, null))
     }
-  }), /*#__PURE__*/_react.default.createElement(_selectField.default, {
-    value: rowPerPage,
+  }), /*#__PURE__*/_react.default.createElement(_reactSelect.default, {
+    value: {
+      value: rowPerPage,
+      label: "Show ".concat(rowPerPage, " Rows")
+    },
     option: _Constant.optionRow,
     handleSelectChange: handleSelectChange
   }))), newData.length === 0 ? /*#__PURE__*/_react.default.createElement(_material.Typography, {

package/dist/components/alert/index.js

@@ -8,6 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.promise.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
 var _react = _interopRequireWildcard(require("react"));
 var _material = require("@mui/material");
 var _bell = _interopRequireDefault(require("../bell"));
@@ -31,12 +33,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const Alert = _ref => {
-  let {
-    tenantId,
-    buId,
-    snopId
-  } = _ref;
+const Alert = () => {
   const dispatch = (0, _react.useContext)(_myContext.TasksDispatchContext);
   const {
     loading,
@@ -59,14 +56,13 @@ const Alert = _ref => {
     });
     dispatch({
       type: _ActionType.default.MARK_ALL_AS_READ,
-      isMarkAllAsRead: 0
+      isMarkAllAsRead: {
+        count: 0,
+        boo: false
+      }
     });
     try {
-      const res = await (0, _notification.getNotification)({
-        tenantId,
-        buId,
-        snopId
-      });
+      const res = await (0, _notification.getNotification)();
       if (res.status === _StatusCode.default.OK) {
         var _res$data, _res$data2;
         dispatch({
@@ -76,7 +72,10 @@ const Alert = _ref => {
         const isMarkAll = (0, _commonFun.detectMarkAllAsRead)(((_res$data2 = res.data) === null || _res$data2 === void 0 || (_res$data2 = _res$data2.responseData) === null || _res$data2 === void 0 ? void 0 : _res$data2.response) || []);
         dispatch({
           type: _ActionType.default.MARK_ALL_AS_READ,
-          isMarkAllAsRead: isMarkAll
+          isMarkAllAsRead: {
+            count: isMarkAll,
+            boo: isMarkAll > 0
+          }
         });
       }
     } catch (err) {
@@ -90,7 +89,7 @@ const Alert = _ref => {
         loading: false
       });
     }
-  }, [tenantId, buId, snopId, dispatch]);
+  }, [dispatch]);
   (0, _react.useEffect)(() => {
     fetchNotification();
   }, [fetchNotification]);
@@ -114,22 +113,31 @@ const Alert = _ref => {
 
   // mark as read function
   const handleRead = async id => {
-    if (!id) return;
+    if (id.length === 0) return;
     dispatch({
       type: _ActionType.default.LOADING,
       loading: true
     });
     try {
-      const res = await (0, _notification.putNotification)([id]);
+      const res = await (0, _notification.putNotification)(id);
       if (res.status === _StatusCode.default.OK) {
+        let count = 0;
         const newData = data.map(item => {
-          if (item.id === id) {
+          if (!item.isRead) count++;
+          if (id.includes(item.id)) {
             return _objectSpread(_objectSpread({}, item), {}, {
               isRead: true
             });
           }
           return item;
         });
+        dispatch({
+          type: _ActionType.default.MARK_ALL_AS_READ,
+          isMarkAllAsRead: {
+            count: count,
+            boo: count > 0
+          }
+        });
         dispatch({
           type: _ActionType.default.SUCCESS,
           data: newData
@@ -169,7 +177,10 @@ const Alert = _ref => {
         });
         dispatch({
           type: _ActionType.default.MARK_ALL_AS_READ,
-          isMarkAllAsRead: false
+          isMarkAllAsRead: {
+            count: 0,
+            boo: false
+          }
         });
       }
     } catch (e) {
@@ -184,14 +195,13 @@ const Alert = _ref => {
       });
     }
   };
-  console.log(_ActionType.default.LOADING, isMarkAllAsRead, loading, data);
   return /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
     sx: {
       display: "flex",
       justifyContent: "center"
     }
   }, /*#__PURE__*/_react.default.createElement(_bell.default, {
-    count: isMarkAllAsRead || 0,
+    count: isMarkAllAsRead.count,
     handleClick: handleOpen
   })), /*#__PURE__*/_react.default.createElement(_myDialog.default, {
     title: "Alerts",

package/dist/components/my-dialog.js

@@ -111,7 +111,7 @@ const MyDialog = _ref2 => {
   }, /*#__PURE__*/_react.default.createElement(_material.Button, {
     onClick: handleShowAll,
     className: "view-all"
-  }, "Show all"), isMarkAllAsRead && /*#__PURE__*/_react.default.createElement(_material.Button, {
+  }, "Show all"), isMarkAllAsRead.boo && /*#__PURE__*/_react.default.createElement(_material.Button, {
     className: "view-all",
     onClick: handleMarkAllAsRead
   }, "Mark all as read")));

package/dist/components/my-pagination/index.js

@@ -16,7 +16,9 @@ const MyPagination = _ref => {
     total,
     handleChangePage,
     isLogo,
-    isMarkAllRead
+    isMarkAllRead,
+    selectedAlert,
+    handleAllRead
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Pagination.default, {
     count: Math.ceil(total / rowPerPage),
@@ -44,7 +46,9 @@ const MyPagination = _ref => {
     total: total
   }), isMarkAllRead && /*#__PURE__*/_react.default.createElement(_material.Button, {
     variant: "contained",
-    className: "view-all"
+    className: "view-all",
+    disabled: selectedAlert.length === 0,
+    onClick: handleAllRead
   }, "Mark Read"));
 };
 var _default = exports.default = MyPagination;

package/dist/components/notification-card/card.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
 var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -19,7 +21,10 @@ const Card = _ref => {
     handleShowDetails,
     handleRead,
     isCheckBox,
-    isSubType
+    isSubType,
+    selectedAlert,
+    id,
+    handleCheckboxChange
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_material.Box, {
     className: "card"
@@ -33,6 +38,8 @@ const Card = _ref => {
     variant: "dot",
     className: "badge"
   }), isCheckBox && /*#__PURE__*/_react.default.createElement(_material.Checkbox, {
+    checked: selectedAlert.includes(id) ? true : false,
+    onChange: e => handleCheckboxChange(e, id),
     disabled: isRead
   }), /*#__PURE__*/_react.default.createElement(_material.Typography, {
     variant: "h6",

package/dist/components/notification-card/index.js

@@ -24,7 +24,7 @@ const NotificationCard = _ref => {
       subTitle: (0, _commonFun.fullFormatDate)(item.createdAt),
       isRead: item.isRead,
       handleShowDetails: () => _handleShowDetails(item.id),
-      handleRead: () => _handleRead(item.id)
+      handleRead: () => _handleRead([item.id])
     });
   }));
 };

package/dist/components/select-field/react-select.js

@@ -0,0 +1,31 @@
+"use strict";
+
+require("core-js/modules/es.object.assign.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactSelect = _interopRequireDefault(require("react-select"));
+var _Constant = require("../../utils/Constant");
+const _excluded = ["option", "value", "handleSelectChange"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+const ReactSelect = _ref => {
+  let {
+      option,
+      value,
+      handleSelectChange
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_reactSelect.default, _extends({}, otherProps, {
+    options: option,
+    value: value,
+    className: "custom-select-container",
+    onChange: handleSelectChange,
+    theme: _Constant.customSelectTheme
+  }));
+};
+var _default = exports.default = ReactSelect;

package/dist/config/my-context.js

@@ -60,5 +60,8 @@ const initialTasks = {
   loading: false,
   data: [],
   error: "",
-  isMarkAllAsRead: false
+  isMarkAllAsRead: {
+    count: 0,
+    boo: false
+  }
 };

package/dist/modules/notification.js

@@ -9,16 +9,7 @@ var _alert = _interopRequireDefault(require("../components/alert"));
 var _muiProvider = _interopRequireDefault(require("../config/mui-provider"));
 var _myContext = _interopRequireDefault(require("../config/my-context"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Notification = _ref => {
-  let {
-    tenantId,
-    buId,
-    snopId
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_muiProvider.default, null, /*#__PURE__*/_react.default.createElement(_myContext.default, null, /*#__PURE__*/_react.default.createElement(_alert.default, {
-    tenantId: tenantId,
-    buId: buId,
-    snopId: snopId
-  })));
+const Notification = () => {
+  return /*#__PURE__*/_react.default.createElement(_muiProvider.default, null, /*#__PURE__*/_react.default.createElement(_myContext.default, null, /*#__PURE__*/_react.default.createElement(_alert.default, null)));
 };
 exports.Notification = Notification;

package/dist/services/notification.js

@@ -21,14 +21,9 @@ const {
   BU_IDS,
   SNOP_IDS
 } = _LocalStorage.default;
-const getNotification = async _ref => {
-  let {
-    tenantId,
-    buId,
-    snopId
-  } = _ref;
+const getNotification = async () => {
   try {
-    const url = "".concat(_EndPoint.default.NOTIFICATION).concat(_Env.default.VERSION, "?").concat(TENANT_ID, "=").concat(tenantId, "&").concat(BU_ID, "=").concat(buId, "&").concat(SNOP_ID, "=").concat(snopId);
+    const url = "".concat(_EndPoint.default.NOTIFICATION).concat(_Env.default.VERSION, "?").concat(TENANT_ID, "=").concat(TENANT_IDS, "&").concat(BU_ID, "=").concat(BU_IDS, "&").concat(SNOP_ID, "=").concat(SNOP_IDS);
     const response = await _axios.default.get(url);
     return response;
   } catch (e) {

package/dist/utils/Constant.js

@@ -3,7 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.optionRow = exports.detailsSearchKey = exports.detailsHeadObj = exports.OTHER_CONSTANT = exports.LOCAL_STORAGE_KEY = exports.HEADER_ICON_TYPE = void 0;
+exports.optionRow = exports.detailsSearchKey = exports.detailsHeadObj = exports.customSelectTheme = exports.alertSearchKey = exports.OTHER_CONSTANT = exports.LOCAL_STORAGE_KEY = exports.HEADER_ICON_TYPE = void 0;
+require("core-js/modules/es.symbol.description.js");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const LOCAL_STORAGE_KEY = exports.LOCAL_STORAGE_KEY = {
   TOKEN: "token",
   USER: "user",
@@ -34,4 +40,15 @@ const detailsHeadObj = exports.detailsHeadObj = {
   Node: "node",
   "Channel Name": "channel_name"
 };
-const detailsSearchKey = exports.detailsSearchKey = Object.values(detailsHeadObj);
+const detailsSearchKey = exports.detailsSearchKey = Object.values(detailsHeadObj);
+const alertSearchKey = exports.alertSearchKey = ["message", "sub_type"];
+const customSelectTheme = theme => {
+  return _objectSpread(_objectSpread({}, theme), {}, {
+    borderRadius: 2,
+    colors: _objectSpread(_objectSpread({}, theme.colors), {}, {
+      primary25: "#F2F2F2",
+      primary: "#E94F1C"
+    })
+  });
+};
+exports.customSelectTheme = customSelectTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@3sc/common-component",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "keywords": [
     "react",
     "components",
@@ -21,9 +21,12 @@
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "axios": "^1.6.5",
+    "i": "^0.3.7",
+    "npm": "^10.3.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",
+    "react-select": "^5.8.0",
     "sass": "^1.69.7",
     "web-vitals": "^2.1.4"
   },