oa-componentbook 0.7.0 → 0.8.0

package/build/components/peclaim-components/MainComponent.js

@@ -1,192 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.weak-map.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-require("core-js/modules/web.dom-collections.iterator.js");
-var _react = _interopRequireWildcard(require("react"));
-var _WorkflowSummaryTable = _interopRequireDefault(require("./WorkflowSummaryTable"));
-var _WorkflowSummaryNotesModal = _interopRequireDefault(require("./WorkflowSummaryNotesModal"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-// import { getNotesById } from "../../api-service";
-
-function MainComponent(props) {
-  const [viewNotesOpen, setViewNotesOpen] = (0, _react.useState)(false);
-  const [renderedNotes, setRenderedNotes] = (0, _react.useState)([]);
-  const [selectedTaskId, setSelectedTaskId] = (0, _react.useState)(null);
-
-  // Define your data for srSummary and refPrimaryTrackingNo here
-  const srSummaryData = [{
-    stageOrderId: 10,
-    processInstanceId: '4000000303135196',
-    taskName: 'Document Upload',
-    assignee: '26969071',
-    startTime: '11-Sep-2023 13:42:48',
-    comments: [],
-    endTime: '11-Sep-2023 13:42:49',
-    status: 'completed',
-    liveStatus: null,
-    userName: null,
-    taskId: '4000000303135251',
-    taskDefId: 'DocumentUpload'
-  }, {
-    stageOrderId: 20,
-    processInstanceId: '4000000303135196',
-    taskName: 'Verification',
-    assignee: null,
-    startTime: '11-Sep-2023 13:42:49',
-    comments: [],
-    endTime: null,
-    status: 'In-Progress',
-    liveStatus: null,
-    userName: null,
-    taskId: '4000000303135285',
-    taskDefId: 'DocumentVerification'
-  }, {
-    stageOrderId: 30,
-    processInstanceId: '4000000303135196',
-    taskName: 'Pick Up',
-    assignee: null,
-    startTime: null,
-    comments: null,
-    endTime: null,
-    status: 'Not-Started',
-    liveStatus: null,
-    userName: null,
-    taskId: null,
-    taskDefId: null
-  }, {
-    stageOrderId: 40,
-    processInstanceId: '4000000303135196',
-    taskName: 'Estimation',
-    assignee: null,
-    startTime: null,
-    comments: null,
-    endTime: null,
-    status: 'Not-Started',
-    liveStatus: null,
-    userName: null,
-    taskId: null,
-    taskDefId: null
-  }, {
-    stageOrderId: 50,
-    processInstanceId: '4000000303135196',
-    taskName: 'Docs to IC',
-    assignee: null,
-    startTime: null,
-    comments: null,
-    endTime: null,
-    status: 'Not-Started',
-    liveStatus: null,
-    userName: null,
-    taskId: null,
-    taskDefId: null
-  }, {
-    stageOrderId: 60,
-    processInstanceId: '4000000303135196',
-    taskName: 'IC Approval',
-    assignee: null,
-    startTime: null,
-    comments: null,
-    endTime: null,
-    status: 'Not-Started',
-    liveStatus: null,
-    userName: null,
-    taskId: null,
-    taskDefId: null
-  }, {
-    stageOrderId: 70,
-    processInstanceId: '4000000303135196',
-    taskName: 'Repair Due Info',
-    assignee: null,
-    startTime: null,
-    comments: null,
-    endTime: null,
-    status: 'Not-Started',
-    liveStatus: null,
-    userName: null,
-    taskId: null,
-    taskDefId: null
-  }, {
-    stageOrderId: 80,
-    processInstanceId: '4000000303135196',
-    taskName: 'Delivery',
-    assignee: null,
-    startTime: null,
-    comments: null,
-    endTime: null,
-    status: 'Not-Started',
-    liveStatus: null,
-    userName: null,
-    taskId: null,
-    taskDefId: null
-  }, {
-    stageOrderId: 90,
-    processInstanceId: '4000000303135196',
-    taskName: 'Settlement Docs To IC',
-    assignee: null,
-    startTime: null,
-    comments: null,
-    endTime: null,
-    status: 'Not-Started',
-    liveStatus: null,
-    userName: null,
-    taskId: null,
-    taskDefId: null
-  }, {
-    stageOrderId: 100,
-    processInstanceId: '4000000303135196',
-    taskName: 'IC Claim Payment',
-    assignee: null,
-    startTime: null,
-    comments: null,
-    endTime: null,
-    status: 'Not-Started',
-    liveStatus: null,
-    userName: null,
-    taskId: null,
-    taskDefId: null
-  }];
-  const refPrimaryTrackingNoData = '';
-  const handleViewNotes = (taskId, processInstanceId) => {
-    console.log(taskId, processInstanceId);
-    // Fetch and set notes data
-    // getNotesById(refPrimaryTrackingNoData, taskId)
-    //   .then((response) => {
-    //     if (response.data.status === "success") {
-    //       setRenderedNotes(
-    //         response.data.data.activitiMap &&
-    //           response.data.data.activitiMap[taskId] &&
-    //           response.data.data.activitiMap[taskId].length > 0
-    //           ? response.data.data.activitiMap[taskId]
-    //           : []
-    //       );
-    //       setViewNotesOpen(true);
-    //     } else {
-    //       // Handle error or display a notification
-    //     }
-    //   })
-    //   .catch((error) => {
-    //     // Handle error or display a notification
-    //     console.log("error", error);
-    //   });
-  };
-
-  const handleCloseNotesModal = () => {
-    setViewNotesOpen(false);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_WorkflowSummaryTable.default, {
-    data: srSummaryData,
-    onRowClick: handleViewNotes
-  }), /*#__PURE__*/_react.default.createElement(_WorkflowSummaryNotesModal.default, {
-    open: viewNotesOpen,
-    notesData: renderedNotes,
-    onClose: handleCloseNotesModal
-  }));
-}
-var _default = MainComponent;
-exports.default = _default;

package/build/components/peclaim-components/SrComplaints.js

@@ -1,54 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.weak-map.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SrComplaints;
-require("core-js/modules/web.dom-collections.iterator.js");
-var _react = _interopRequireWildcard(require("react"));
-var _antd = require("antd");
-var _ComplaintsTable = _interopRequireDefault(require("./ComplaintsTable"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-// import { getComplaints, getComplaintsMaster } from "../../api-service";
-
-function SrComplaints(props) {
-  const [complaints, setComplaints] = (0, _react.useState)([]);
-  const [complaintsMaster, setComplaintsMaster] = (0, _react.useState)({});
-  const [loading, setLoading] = (0, _react.useState)(true);
-
-  //   useEffect(() => {
-  //     const refPrimaryTrackingNo = props.srSummary.refPrimaryTrackingNo;
-
-  //     const fetchData = async () => {
-  //       try {
-  //         const complaintsResponse = await getComplaints(refPrimaryTrackingNo);
-  //         if (complaintsResponse.data.status === "success") {
-  //           setComplaints(complaintsResponse.data.data);
-  //           const complaintsMasterResponse = await getComplaintsMaster("0");
-  //           if (complaintsMasterResponse.data.status === "success") {
-  //             setComplaintsMaster(complaintsMasterResponse.data.data[0]);
-  //           }
-  //         }
-  //         setLoading(false);
-  //       } catch (error) {
-  //         console.log("Error:", error);
-  //         setLoading(false);
-  //       }
-  //     };
-
-  //     fetchData();
-  //   }, [props.srSummary.refPrimaryTrackingNo]);
-
-  const redirectToComplaints = complaintId => {
-    // Implement your logic to redirect to complaints page
-  };
-  return /*#__PURE__*/_react.default.createElement(_ComplaintsTable.default, {
-    complaints: complaints,
-    complaintsMaster: complaintsMaster,
-    loading: loading,
-    redirectToComplaints: redirectToComplaints
-  });
-}

package/build/components/peclaim-components/WorkflowSummaryNotesModal.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _antd = require("antd");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function WorkflowSummaryNotesModal(_ref) {
-  let {
-    open,
-    notesData,
-    onClose,
-    configData
-  } = _ref;
-  const columns = [{
-    title: 'Serial no.',
-    dataIndex: 'index',
-    key: 'index',
-    render: (text, record, index) => index + 1
-  }, {
-    title: 'Notes',
-    dataIndex: 'message',
-    key: 'message'
-  }, {
-    title: 'Date and Time',
-    dataIndex: 'time',
-    key: 'time'
-  }, {
-    title: 'User',
-    dataIndex: 'userDetails.firstName',
-    key: 'userDetails.firstName'
-  }];
-  return /*#__PURE__*/_react.default.createElement(_antd.Modal, {
-    title: null,
-    open: open,
-    onOk: onClose,
-    onCancel: onClose,
-    footer: null,
-    className: "statusModal notesDiv"
-  }, notesData && notesData.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "notesDiv"
-  }, /*#__PURE__*/_react.default.createElement("h4", null, " Notes "), /*#__PURE__*/_react.default.createElement(_antd.Table, {
-    dataSource: notesData,
-    columns: columns
-  })) : /*#__PURE__*/_react.default.createElement("h4", null, "No Notes available"));
-}
-WorkflowSummaryNotesModal.propTypes = {
-  configData: _propTypes.default.objectOf(_propTypes.default.string).isRequired,
-  notesData: _propTypes.default.objectOf(_propTypes.default.string).isRequired,
-  onClose: _propTypes.default.func.isRequired,
-  open: _propTypes.default.bool
-};
-WorkflowSummaryNotesModal.defaultProps = {
-  open: false
-};
-var _default = WorkflowSummaryNotesModal;
-exports.default = _default;

package/build/components/peclaim-components/WorkflowSummaryTable.js

@@ -1,82 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _antd = require("antd");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _TableDesign = _interopRequireDefault(require("../TableDesign"));
-var _templateObject;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function WorkflowSummaryTable(_ref) {
-  let {
-    data,
-    onRowClick,
-    configData
-  } = _ref;
-  const FixedWidthImg = _styledComponents.default.img(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: 20px;\n  "])));
-  const columns = [{
-    title: 'Stages',
-    dataIndex: 'taskName',
-    key: 'taskName'
-  }, {
-    title: 'Status',
-    dataIndex: 'status',
-    key: 'status',
-    render: status => {
-      if (status === 'In-Progress' || status === 'Inprogress') {
-        return /*#__PURE__*/_react.default.createElement("span", {
-          className: "yellowBg"
-        }, "In-Progress");
-      }
-      if (status.toLowerCase() === 'completed') {
-        return /*#__PURE__*/_react.default.createElement(FixedWidthImg, {
-          src: "/static/oasys/images/checkbox-outline01.png",
-          alt: "complete icon"
-        });
-      }
-      return status;
-    }
-  }, {
-    title: 'Notes',
-    key: 'taskId',
-    render: (text, record) => /*#__PURE__*/_react.default.createElement("button", {
-      "data-id": record.taskId,
-      onClick: () => onRowClick(record.taskId, record.processInstanceId),
-      type: "button"
-    }, record.taskId ? 'View Notes' : '')
-  }, {
-    title: 'Start Date',
-    dataIndex: 'startTime',
-    key: 'startTime',
-    render: startTime => startTime || 'Not Started'
-  }, {
-    title: 'End Date',
-    dataIndex: 'endTime',
-    key: 'endTime',
-    render: endTime => endTime || 'Not Started'
-  }, {
-    title: 'Performed by',
-    dataIndex: 'assignee',
-    key: 'assignee'
-  }, {
-    title: 'User Name',
-    dataIndex: 'assignee',
-    key: 'assignee'
-  }];
-  return /*#__PURE__*/_react.default.createElement(_TableDesign.default, {
-    columns: columns,
-    dataSource: data
-  });
-}
-WorkflowSummaryTable.propTypes = {
-  data: _propTypes.default.objectOf(_propTypes.default.string).isRequired,
-  onRowClick: _propTypes.default.func.isRequired,
-  configData: _propTypes.default.objectOf(_propTypes.default.string).isRequired
-};
-var _default = WorkflowSummaryTable;
-exports.default = _default;

package/build/components/styles.js

@@ -1,89 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.spacingScalesStyle = exports.cornerRadiusStyle = void 0;
-const spacingScalesStyle = {
-  '.spacing-4': {
-    padding: '4px',
-    margin: '0'
-  },
-  '.spacing-8': {
-    padding: '8px',
-    margin: '0'
-  },
-  '.spacing-12': {
-    padding: '12px',
-    margin: '0'
-  },
-  '.spacing-16': {
-    padding: '16px',
-    margin: '0'
-  },
-  '.spacing-24': {
-    padding: '24px',
-    margin: '0'
-  },
-  '.spacing-32': {
-    padding: '32px',
-    margin: '0'
-  },
-  '.spacing-40': {
-    padding: '40px',
-    margin: '0'
-  },
-  '.spacing-48': {
-    padding: '48px',
-    margin: '0'
-  },
-  '.spacing-56': {
-    padding: '56px',
-    margin: '0'
-  },
-  '.spacing-64': {
-    padding: '64px',
-    margin: '0'
-  },
-  '.spacing-72': {
-    padding: '72px',
-    margin: '0'
-  },
-  '.spacing-80': {
-    padding: '80px',
-    margin: '0'
-  },
-  '.spacing-96': {
-    padding: '96px',
-    margin: '0'
-  },
-  '.spacing-108': {
-    padding: '108px',
-    margin: '0'
-  }
-};
-exports.spacingScalesStyle = spacingScalesStyle;
-const cornerRadiusStyle = {
-  '.border-radius-xlarge': {
-    borderRadius: '16px'
-  },
-  '.border-radius-large': {
-    borderRadius: '12px'
-  },
-  '.border-radius-medium': {
-    borderRadius: '8px'
-  },
-  '.border-radius-small': {
-    borderRadius: '4px'
-  },
-  '.border-radius-xsmall': {
-    borderRadius: '2px'
-  },
-  '.border-radius-none': {
-    borderRadius: '0px'
-  },
-  '.border-radius-full': {
-    borderRadius: '9999px'
-  }
-};
-exports.cornerRadiusStyle = cornerRadiusStyle;

package/build/components/wallet-service-details/ComplaintDetail.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ComplaintDetails;
-var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _OACustomButton = _interopRequireDefault(require("../oa-button/OACustomButton"));
-var _templateObject;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-function ComplaintDetails() {
-  const ComplaintContainer = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 48px 24px 0;\n\n    h3 {\n      font-size: 24px;\n      font-weight: 500;\n    }\n\n    h2 {\n      color: #454545;\n      font-size: 20px;\n      font-weight: 500;\n      letter-spacing: 0;\n      line-height: 30px;\n      margin: 0 0 12px;\n    }\n\n    .key-value-columns {\n      display: flex;\n    }\n\n    .footer-buttons {\n      text-align: right;\n      padding: 48px 0 0;\n\n      button:last-child {\n        margin: 0 0 0 24px;\n      }\n    }\n  "])));
-  return /*#__PURE__*/_react.default.createElement(ComplaintContainer, null, /*#__PURE__*/_react.default.createElement("h3", null, "SR#21463 - BER Payment - Beyond 5 days"), /*#__PURE__*/_react.default.createElement("h2", null, "Complaint Details"), /*#__PURE__*/_react.default.createElement("section", {
-    className: "key-value-columns"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "footer-buttons"
-  }, /*#__PURE__*/_react.default.createElement(_OACustomButton.default, {
-    text: "Resolve",
-    size: "small",
-    className: "ant-btn-primary"
-  }), /*#__PURE__*/_react.default.createElement(_OACustomButton.default, {
-    text: "Cancel",
-    size: "small",
-    className: "sml-secondary-btn"
-  })));
-}

package/build/components/wallet-service-details/ServiceDetailsTabView.js

@@ -1,170 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.weak-map.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ServiceDetailsTabView;
-require("core-js/modules/web.dom-collections.iterator.js");
-var _react = _interopRequireWildcard(require("react"));
-var _reactRouterDom = require("react-router-dom");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _antd = require("antd");
-var _TabsDesign = _interopRequireDefault(require("../TabsDesign"));
-var _TableDesign = _interopRequireDefault(require("../TableDesign"));
-var _templateObject, _templateObject2;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-const WorkflowColumns = [{
-  title: 'Stages',
-  dataIndex: 'stages',
-  key: 'stages'
-}, {
-  title: 'Status',
-  dataIndex: 'status',
-  key: 'status'
-}, {
-  title: 'Notes',
-  dataIndex: 'notes',
-  key: 'notes'
-}, {
-  title: 'Start Date',
-  dataIndex: 'startDate',
-  key: 'startDate'
-}, {
-  title: 'End Date',
-  dataIndex: 'endDate',
-  key: 'endDate'
-}, {
-  title: 'Performed By',
-  dataIndex: 'performed',
-  key: 'performed'
-}, {
-  title: 'User Name',
-  dataIndex: 'name',
-  key: 'name'
-}];
-const ComplaintsColumns = [{
-  title: 'Complaint No.',
-  dataIndex: 'complaintNo',
-  key: 'complaintNo',
-  render: d => /*#__PURE__*/_react.default.createElement(ComplaintDetailLink, {
-    complaintNo: d
-  })
-}, {
-  title: 'Complaint Type',
-  dataIndex: 'complaintType',
-  key: 'complaintType'
-}, {
-  title: 'Status',
-  dataIndex: 'status',
-  key: 'status'
-}, {
-  title: 'Source',
-  dataIndex: 'source',
-  key: 'source'
-}, {
-  title: 'Priority',
-  dataIndex: 'priority',
-  key: 'priority'
-}, {
-  title: 'Date',
-  dataIndex: 'date',
-  key: 'date'
-}, {
-  title: 'Team',
-  dataIndex: 'team',
-  key: 'team'
-}, {
-  title: 'CMS User',
-  dataIndex: 'cms',
-  key: 'cms'
-}];
-function ComplaintDetailLink(_ref) {
-  let {
-    complaintNo
-  } = _ref;
-  const history = (0, _reactRouterDom.useHistory)();
-  const handleDetailClick = () => {
-    history.push('/complaint-detail');
-  };
-  const Component = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    color: #1890ff;\n    text-decoration: underline;\n    cursor: pointer;\n  "])));
-  return /*#__PURE__*/_react.default.createElement(Component, null, complaintNo);
-}
-ComplaintDetailLink.propTypes = {
-  complaintNo: (_propTypes.default.string || _propTypes.default.number).isRequired
-};
-function ServiceRequestTabs() {
-  const [ServiceTabdata] = (0, _react.useState)({
-    tabs: [{
-      label: 'Claim Verification',
-      key: '4',
-      disabled: false,
-      body: ''
-    }, {
-      label: 'IC Approval',
-      key: '5',
-      disabled: true,
-      body: 'ICApproval'
-    }, {
-      label: 'Claim Settlement',
-      key: '6',
-      disabled: true,
-      body: 'ClaimSettlement'
-    }]
-  });
-  return /*#__PURE__*/_react.default.createElement(_TabsDesign.default, {
-    tabPosition: "left",
-    type: "card",
-    defaultActiveKey: "4",
-    data: ServiceTabdata
-  });
-}
-function WorkflowSummary() {
-  return /*#__PURE__*/_react.default.createElement(_TableDesign.default, {
-    columns: WorkflowColumns,
-    dataSource: []
-  });
-}
-function ComplaintsData() {
-  return /*#__PURE__*/_react.default.createElement(_TableDesign.default, {
-    columns: ComplaintsColumns,
-    dataSource: [{
-      complaintNo: '40336',
-      complaintType: 'BER Payment - Beyond 5 Days',
-      status: 'Open',
-      source: 'Web',
-      priority: 'P1',
-      date: '29-08-2023 12:26 PM',
-      team: 'Settlement Team',
-      cms: ''
-    }]
-  });
-}
-function ServiceDetailsTabView() {
-  const [tabdata] = (0, _react.useState)({
-    tabs: [{
-      label: 'Service Request',
-      key: '1',
-      disabled: false,
-      body: /*#__PURE__*/_react.default.createElement(ServiceRequestTabs, null)
-    }, {
-      label: 'Workflow Summary',
-      key: '2',
-      disabled: false,
-      body: /*#__PURE__*/_react.default.createElement(WorkflowSummary, null)
-    }, {
-      label: 'Complaints',
-      key: '3',
-      disabled: false,
-      body: /*#__PURE__*/_react.default.createElement(ComplaintsData, null)
-    }]
-  });
-  const StyledTabs = (0, _styledComponents.default)(_TabsDesign.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n   background: #fff;\n    padding: 4px; \n  "])));
-  return /*#__PURE__*/_react.default.createElement(StyledTabs, {
-    data: tabdata
-  });
-}