oa-componentbook 0.1.0

package/build/components/Wallet Service Details/serviceDetailsTabView.js

@@ -0,0 +1,169 @@
+"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 _antd = require("antd");
+var _Tabs = _interopRequireDefault(require("../Tabs"));
+var _Table = _interopRequireDefault(require("../Table"));
+var _basicQuestions = _interopRequireDefault(require("./basicQuestions"));
+var _styles = require("../styles");
+var _reactRouterDom = require("react-router-dom");
+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; }
+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'
+}];
+const ComplaintDetailLink = _ref => {
+  let {
+    complaintNo
+  } = _ref;
+  const history = (0, _reactRouterDom.useHistory)();
+  const handleDetailClick = () => {
+    history.push("/complaint-detail");
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: _styles.keyValueDataViewStyles['.linkStyle'],
+    onClick: handleDetailClick
+  }, complaintNo);
+};
+const ServiceRequestTabs = () => {
+  const [ServiceTabdata] = (0, _react.useState)({
+    tabs: [{
+      label: 'Claim Verification',
+      key: '4',
+      disabled: false,
+      body: /*#__PURE__*/_react.default.createElement(_basicQuestions.default, null)
+    }, {
+      label: 'IC Approval',
+      key: '5',
+      disabled: true,
+      body: 'ICApproval'
+    }, {
+      label: 'Claim Settlement',
+      key: '6',
+      disabled: true,
+      body: 'ClaimSettlement'
+    }]
+  });
+  return /*#__PURE__*/_react.default.createElement(_Tabs.default, {
+    tabPosition: "left",
+    type: "card",
+    defaultActiveKey: "4",
+    data: ServiceTabdata
+  });
+};
+const WorkflowSummary = () => {
+  return /*#__PURE__*/_react.default.createElement(_Table.default, {
+    columns: WorkflowColumns,
+    dataSource: []
+  });
+};
+const ComplaintsData = () => {
+  return /*#__PURE__*/_react.default.createElement(_Table.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: ''
+    }]
+  });
+};
+const 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)
+    }]
+  });
+  return /*#__PURE__*/_react.default.createElement(_Tabs.default, {
+    style: _styles.keyValueDataViewStyles['.walletTab'],
+    data: tabdata
+  });
+};
+var _default = ServiceDetailsTabView;
+exports.default = _default;

package/build/components/Wallet Service Details/styles/styles.css

@@ -0,0 +1,99 @@
+.walletTab .walletContent li:first-child {
+    padding: 0 0 20px;
+}
+
+.walletTab .walletContent li {
+    display: flex;
+    border-bottom: 1px solid #E0E0E0;
+    padding: 20px 0;
+    /* margin: 0 0 16px; */
+}
+
+.walletTab .walletContent li .custumerSaid {
+    width: 450px;
+}
+
+.custumerSaid p+span {
+    width: 100%;
+}
+
+.walletContent .ant-radio-wrapper {
+    margin: 0 32px 0 0;
+    display: flex;
+}
+
+.walletContent p {
+    color: #212121;
+    font-size: 14px;
+    width: 100%;
+    letter-spacing: 0;
+    line-height: 22px;
+    padding: 0 0 8px;
+}
+
+.walletContent span {
+    color: #757575;
+    font-size: 14px;
+    letter-spacing: 0;
+    line-height: 22px;
+    display: block;
+}
+
+.walletContent .actionLInk {
+    margin: 8px 0 0;
+}
+
+.walletContent li .rightAlign {
+    width: 36%;
+    position: relative;
+    right: -50px;
+}
+
+/* .walletTab .walletContent li {
+    flex-direction: column;
+} */
+
+/* .walletContent li .rightAlign {
+    width: 100%;
+} */
+
+/* .walletTab .walletContent li,
+.radioAlign {
+    flex-direction: column;
+} */
+
+.walletContent li .rightAlign {
+    width: 100%;
+}
+
+.walletTab .walletContent li {
+    padding: 12px 0;
+    margin: 0;
+}
+
+.walletContent p,
+.walletContent span {
+    font-size: 12px;
+}
+
+.walletContent .ant-radio-wrapper {
+    margin: 8px 0 0;
+    font-size: 12px;
+}
+
+.custumerSaid {
+    width: 350px;
+}
+
+.rightAlign .ant-form-item {
+    margin-bottom: 0px;
+}
+
+div.widthRadio {
+    width: 340px !important;
+}
+
+.radioAlign {
+    display: flex;
+    width: 100%;
+}

package/build/components/Wallet Service Details/viewMoreDetailsDrawer.js

@@ -0,0 +1,83 @@
+"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 _Drawer = _interopRequireDefault(require("../Drawer"));
+var _Tabs = _interopRequireDefault(require("../Tabs"));
+var _KeyValueDataView = _interopRequireDefault(require("../KeyValueDataView"));
+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; }
+const CustomerDetails = () => {
+  return /*#__PURE__*/_react.default.createElement(_KeyValueDataView.default, {
+    data: {
+      "Full Name": "Aditi",
+      "Email": "aditi.boobna@oneassist.in",
+      "Mobile": "9811297925",
+      "Alt Mobile": "NA",
+      "Customer ID": "User123",
+      "Date of Birth": "NA",
+      "Relation Since": "01-Jan-2010",
+      "Address": "NA",
+      "Landmark": "NA",
+      "City": "NA",
+      "Pincode": "NA",
+      "State": "NA"
+    }
+  });
+};
+const MembershipDetails = () => {
+  return /*#__PURE__*/_react.default.createElement(_KeyValueDataView.default, {
+    data: {
+      "Membership Name": "Test Plan for ICICI and OA",
+      "Membership ID": "1043571310",
+      "Customer Name": "Aditi",
+      "Status": "Active",
+      "Start Date": "28-Aug-2023",
+      "End Date": "28-Aug-2024",
+      "BU Name": "PORTAL-ORGANIC",
+      "BP Name": "PORTAL",
+      "Plancode": "31798",
+      "Product Code": "UPI",
+      "Services Covered": "PAYMENT_FRAUD_TXN",
+      "Place T&C": "Download"
+    }
+  });
+};
+const TabsView = () => {
+  const [Tabdata] = (0, _react.useState)({
+    tabs: [{
+      label: 'Customer Details',
+      key: '1',
+      disabled: false,
+      body: /*#__PURE__*/_react.default.createElement(CustomerDetails, null)
+    }, {
+      label: 'Membership Details',
+      key: '2',
+      disabled: false,
+      body: /*#__PURE__*/_react.default.createElement(MembershipDetails, null)
+    }]
+  });
+  return /*#__PURE__*/_react.default.createElement(_Tabs.default, {
+    tabPosition: "top",
+    type: "line",
+    defaultActiveKey: "1",
+    data: Tabdata
+  });
+};
+const ViewDetailsDrawer = props => {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Drawer.default, {
+    visible: props.visible,
+    onClose: props.handleDrawerClose,
+    title: "Customer & Membership Details",
+    width: 400,
+    data: /*#__PURE__*/_react.default.createElement(TabsView, null)
+  }));
+};
+var _default = ViewDetailsDrawer;
+exports.default = _default;

package/build/components/Wallet Service Details/walletServiceDetails.js

@@ -0,0 +1,71 @@
+"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 _serviceDetailsTabView = _interopRequireDefault(require("./serviceDetailsTabView"));
+var _KeyValueDataView = _interopRequireDefault(require("../KeyValueDataView"));
+var _Button = _interopRequireDefault(require("../Button"));
+var _viewMoreDetailsDrawer = _interopRequireDefault(require("./viewMoreDetailsDrawer"));
+var _styles = require("../styles");
+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; }
+const WalletServiceDetails = () => {
+  const [visibleDrawer, setVisibleDrawer] = (0, _react.useState)(false);
+  const showDrawer = () => {
+    setVisibleDrawer(true);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: _styles.keyValueDataViewStyles['.bgColor']
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: _styles.keyValueDataViewStyles['.headerSecStyles']
+  }, /*#__PURE__*/_react.default.createElement("h2", {
+    style: _styles.keyValueDataViewStyles['.h2Styles']
+  }, "SR#21446613-Pending"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    className: "ant-btn-primary",
+    type: "submit",
+    text: "Close Claim"
+  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    text: "Check Next SR",
+    className: "secondary-btn",
+    style: {
+      marginLeft: '12px'
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    style: _styles.keyValueDataViewStyles['.detailCard']
+  }, /*#__PURE__*/_react.default.createElement(_KeyValueDataView.default, {
+    data: {
+      "Customer Name": "Lalit",
+      "Mobile": "9999999999",
+      "Email": "edfe@sdfd.com"
+    },
+    heading: "Customer Details",
+    viewMore: /*#__PURE__*/_react.default.createElement("a", {
+      onClick: () => showDrawer(),
+      style: _styles.keyValueDataViewStyles['.detailsDiv a']
+    }, "View More Details")
+  }), /*#__PURE__*/_react.default.createElement(_KeyValueDataView.default, {
+    data: {
+      "Customer Name": "Lalit",
+      "Mobile": "9999999999",
+      "Email": "edfe@sdfd.com"
+    },
+    heading: "Asset Loss Details"
+  }), /*#__PURE__*/_react.default.createElement(_KeyValueDataView.default, {
+    heading: "Sum Insured",
+    value: "10000"
+  }), /*#__PURE__*/_react.default.createElement(_KeyValueDataView.default, {
+    heading: "Claim Stage",
+    value: "Verification"
+  })), /*#__PURE__*/_react.default.createElement(_serviceDetailsTabView.default, null), /*#__PURE__*/_react.default.createElement(_viewMoreDetailsDrawer.default, {
+    handleDrawerClose: () => setVisibleDrawer(false),
+    visible: visibleDrawer
+  }));
+};
+var _default = WalletServiceDetails;
+exports.default = _default;

package/build/components/style/css/Button.module.css

@@ -0,0 +1,38 @@
+.button {
+    color: white;
+    padding: 10px 20px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    /* put all default classes */
+
+    background-color: #a7a7a7;
+    width: 200px;
+  }
+
+  .button.primary {
+    background-color: #007bff;
+  }
+
+  .button.secondary {
+    background-color: #ff005d;
+  }
+
+  .button.small {
+    width: 100px;
+  }
+
+  .button.medium {
+    width: 200px;
+  }
+
+  .button.large {
+    width: 300px;
+  }
+  
+  
+  .button:hover {
+    background-color: #0056b3;
+  }
+
+