oa-componentbook 0.6.0 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/build/components/ColorVariables.js +25 -0
  2. package/build/components/oa-component-button/CustomButton.js +60 -0
  3. package/build/components/oa-component-button/styles.js +37 -0
  4. package/build/components/{Wallet Service Details/basicQuestions.js → oa-component-checkbox/CustomCheckBox.js} +28 -22
  5. package/build/components/oa-component-colorUsage/ColorUsage.js +27 -0
  6. package/build/components/oa-component-colorUsage/styles.js +13 -0
  7. package/build/components/oa-component-cornerRadius/CornerRadius.js +25 -0
  8. package/build/components/oa-component-cornerRadius/styles.js +35 -0
  9. package/build/components/{Drawer.js → oa-component-drawer/CustomDrawer.js} +31 -30
  10. package/build/components/oa-component-notification/CustomNotification.js +89 -0
  11. package/build/components/oa-component-notification/styles.js +13 -0
  12. package/build/components/oa-component-radio/CustomRadio.jsx.js +46 -0
  13. package/build/components/oa-component-spacingScales/SpacingScales.js +27 -0
  14. package/build/components/oa-component-spacingScales/styles.js +49 -0
  15. package/build/components/{Table.js → oa-component-table/CustomTable.js} +18 -17
  16. package/build/components/{Button.js → oa-component-tabs/CustomTabs.js} +41 -27
  17. package/build/components/oa-component-toggle/CustomToggle.js +49 -0
  18. package/build/components/oa-component-toggle/styles.js +16 -0
  19. package/build/components/oa-component-typography/Typography.js +34 -0
  20. package/build/components/oa-component-typography/styles.js +13 -0
  21. package/build/index.js +52 -55
  22. package/build/widgets/oa-widget-approval.js +134 -0
  23. package/build/widgets/oa-widget-keyValueDataView/KeyValueDataView.js +67 -0
  24. package/build/widgets/oa-widget-keyValueDataView/styles.js +16 -0
  25. package/build/widgets/oa-widget-stagesTimeline/StageTimeline.js +49 -0
  26. package/build/widgets/oa-widget-stagesTimeline/styles.js +22 -0
  27. package/package.json +17 -6
  28. package/build/components/KeyValueDataView.js +0 -37
  29. package/build/components/Login.js +0 -80
  30. package/build/components/QuesAnsView.js +0 -35
  31. package/build/components/Tabs.js +0 -58
  32. package/build/components/Wallet Service Details/complaintDetail.js +0 -65
  33. package/build/components/Wallet Service Details/serviceDetailsTabView.js +0 -169
  34. package/build/components/Wallet Service Details/styles/styles.css +0 -99
  35. package/build/components/Wallet Service Details/viewMoreDetailsDrawer.js +0 -83
  36. package/build/components/Wallet Service Details/walletServiceDetails.js +0 -71
  37. package/build/components/peclaim-components/CloseClaim.js +0 -212
  38. package/build/components/peclaim-components/ComplaintsTable.js +0 -78
  39. package/build/components/peclaim-components/WorkflowSummaryNotesModal.js +0 -50
  40. package/build/components/peclaim-components/WorkflowSummaryTable.js +0 -75
  41. package/build/components/peclaim-components/compMain.js +0 -54
  42. package/build/components/peclaim-components/wf Main.js +0 -192
  43. package/build/components/style/css/Button.module.css +0 -38
  44. package/build/components/style/css/login.css +0 -335
  45. package/build/components/styles.js +0 -155
@@ -1,169 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.weak-map.js");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- require("core-js/modules/web.dom-collections.iterator.js");
9
- var _react = _interopRequireWildcard(require("react"));
10
- var _antd = require("antd");
11
- var _Tabs = _interopRequireDefault(require("../Tabs"));
12
- var _Table = _interopRequireDefault(require("../Table"));
13
- var _basicQuestions = _interopRequireDefault(require("./basicQuestions"));
14
- var _styles = require("../styles");
15
- var _reactRouterDom = require("react-router-dom");
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
- 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); }
18
- 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; }
19
- const WorkflowColumns = [{
20
- title: 'Stages',
21
- dataIndex: 'stages',
22
- key: 'stages'
23
- }, {
24
- title: 'Status',
25
- dataIndex: 'status',
26
- key: 'status'
27
- }, {
28
- title: 'Notes',
29
- dataIndex: 'notes',
30
- key: 'notes'
31
- }, {
32
- title: 'Start Date',
33
- dataIndex: 'startDate',
34
- key: 'startDate'
35
- }, {
36
- title: 'End Date',
37
- dataIndex: 'endDate',
38
- key: 'endDate'
39
- }, {
40
- title: 'Performed By',
41
- dataIndex: 'performed',
42
- key: 'performed'
43
- }, {
44
- title: 'User Name',
45
- dataIndex: 'name',
46
- key: 'name'
47
- }];
48
- const ComplaintsColumns = [{
49
- title: 'Complaint No.',
50
- dataIndex: 'complaintNo',
51
- key: 'complaintNo',
52
- render: d => /*#__PURE__*/_react.default.createElement(ComplaintDetailLink, {
53
- complaintNo: d
54
- })
55
- }, {
56
- title: 'Complaint Type',
57
- dataIndex: 'complaintType',
58
- key: 'complaintType'
59
- }, {
60
- title: 'Status',
61
- dataIndex: 'status',
62
- key: 'status'
63
- }, {
64
- title: 'Source',
65
- dataIndex: 'source',
66
- key: 'source'
67
- }, {
68
- title: 'Priority',
69
- dataIndex: 'priority',
70
- key: 'priority'
71
- }, {
72
- title: 'Date',
73
- dataIndex: 'date',
74
- key: 'date'
75
- }, {
76
- title: 'Team',
77
- dataIndex: 'team',
78
- key: 'team'
79
- }, {
80
- title: 'CMS User',
81
- dataIndex: 'cms',
82
- key: 'cms'
83
- }];
84
- const ComplaintDetailLink = _ref => {
85
- let {
86
- complaintNo
87
- } = _ref;
88
- const history = (0, _reactRouterDom.useHistory)();
89
- const handleDetailClick = () => {
90
- history.push("/complaint-detail");
91
- };
92
- return /*#__PURE__*/_react.default.createElement("div", {
93
- style: _styles.keyValueDataViewStyles['.linkStyle'],
94
- onClick: handleDetailClick
95
- }, complaintNo);
96
- };
97
- const ServiceRequestTabs = () => {
98
- const [ServiceTabdata] = (0, _react.useState)({
99
- tabs: [{
100
- label: 'Claim Verification',
101
- key: '4',
102
- disabled: false,
103
- body: /*#__PURE__*/_react.default.createElement(_basicQuestions.default, null)
104
- }, {
105
- label: 'IC Approval',
106
- key: '5',
107
- disabled: true,
108
- body: 'ICApproval'
109
- }, {
110
- label: 'Claim Settlement',
111
- key: '6',
112
- disabled: true,
113
- body: 'ClaimSettlement'
114
- }]
115
- });
116
- return /*#__PURE__*/_react.default.createElement(_Tabs.default, {
117
- tabPosition: "left",
118
- type: "card",
119
- defaultActiveKey: "4",
120
- data: ServiceTabdata
121
- });
122
- };
123
- const WorkflowSummary = () => {
124
- return /*#__PURE__*/_react.default.createElement(_Table.default, {
125
- columns: WorkflowColumns,
126
- dataSource: []
127
- });
128
- };
129
- const ComplaintsData = () => {
130
- return /*#__PURE__*/_react.default.createElement(_Table.default, {
131
- columns: ComplaintsColumns,
132
- dataSource: [{
133
- complaintNo: '40336',
134
- complaintType: 'BER Payment - Beyond 5 Days',
135
- status: 'Open',
136
- source: 'Web',
137
- priority: 'P1',
138
- date: '29-08-2023 12:26 PM',
139
- team: 'Settlement Team',
140
- cms: ''
141
- }]
142
- });
143
- };
144
- const ServiceDetailsTabView = () => {
145
- const [tabdata] = (0, _react.useState)({
146
- tabs: [{
147
- label: 'Service Request',
148
- key: '1',
149
- disabled: false,
150
- body: /*#__PURE__*/_react.default.createElement(ServiceRequestTabs, null)
151
- }, {
152
- label: 'Workflow Summary',
153
- key: '2',
154
- disabled: false,
155
- body: /*#__PURE__*/_react.default.createElement(WorkflowSummary, null)
156
- }, {
157
- label: 'Complaints',
158
- key: '3',
159
- disabled: false,
160
- body: /*#__PURE__*/_react.default.createElement(ComplaintsData, null)
161
- }]
162
- });
163
- return /*#__PURE__*/_react.default.createElement(_Tabs.default, {
164
- style: _styles.keyValueDataViewStyles['.walletTab'],
165
- data: tabdata
166
- });
167
- };
168
- var _default = ServiceDetailsTabView;
169
- exports.default = _default;
@@ -1,99 +0,0 @@
1
- .walletTab .walletContent li:first-child {
2
- padding: 0 0 20px;
3
- }
4
-
5
- .walletTab .walletContent li {
6
- display: flex;
7
- border-bottom: 1px solid #E0E0E0;
8
- padding: 20px 0;
9
- /* margin: 0 0 16px; */
10
- }
11
-
12
- .walletTab .walletContent li .custumerSaid {
13
- width: 450px;
14
- }
15
-
16
- .custumerSaid p+span {
17
- width: 100%;
18
- }
19
-
20
- .walletContent .ant-radio-wrapper {
21
- margin: 0 32px 0 0;
22
- display: flex;
23
- }
24
-
25
- .walletContent p {
26
- color: #212121;
27
- font-size: 14px;
28
- width: 100%;
29
- letter-spacing: 0;
30
- line-height: 22px;
31
- padding: 0 0 8px;
32
- }
33
-
34
- .walletContent span {
35
- color: #757575;
36
- font-size: 14px;
37
- letter-spacing: 0;
38
- line-height: 22px;
39
- display: block;
40
- }
41
-
42
- .walletContent .actionLInk {
43
- margin: 8px 0 0;
44
- }
45
-
46
- .walletContent li .rightAlign {
47
- width: 36%;
48
- position: relative;
49
- right: -50px;
50
- }
51
-
52
- /* .walletTab .walletContent li {
53
- flex-direction: column;
54
- } */
55
-
56
- /* .walletContent li .rightAlign {
57
- width: 100%;
58
- } */
59
-
60
- /* .walletTab .walletContent li,
61
- .radioAlign {
62
- flex-direction: column;
63
- } */
64
-
65
- .walletContent li .rightAlign {
66
- width: 100%;
67
- }
68
-
69
- .walletTab .walletContent li {
70
- padding: 12px 0;
71
- margin: 0;
72
- }
73
-
74
- .walletContent p,
75
- .walletContent span {
76
- font-size: 12px;
77
- }
78
-
79
- .walletContent .ant-radio-wrapper {
80
- margin: 8px 0 0;
81
- font-size: 12px;
82
- }
83
-
84
- .custumerSaid {
85
- width: 350px;
86
- }
87
-
88
- .rightAlign .ant-form-item {
89
- margin-bottom: 0px;
90
- }
91
-
92
- div.widthRadio {
93
- width: 340px !important;
94
- }
95
-
96
- .radioAlign {
97
- display: flex;
98
- width: 100%;
99
- }
@@ -1,83 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.weak-map.js");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- require("core-js/modules/web.dom-collections.iterator.js");
9
- var _react = _interopRequireWildcard(require("react"));
10
- var _Drawer = _interopRequireDefault(require("../Drawer"));
11
- var _Tabs = _interopRequireDefault(require("../Tabs"));
12
- var _KeyValueDataView = _interopRequireDefault(require("../KeyValueDataView"));
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
- 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); }
15
- 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; }
16
- const CustomerDetails = () => {
17
- return /*#__PURE__*/_react.default.createElement(_KeyValueDataView.default, {
18
- data: {
19
- "Full Name": "Aditi",
20
- "Email": "aditi.boobna@oneassist.in",
21
- "Mobile": "9811297925",
22
- "Alt Mobile": "NA",
23
- "Customer ID": "User123",
24
- "Date of Birth": "NA",
25
- "Relation Since": "01-Jan-2010",
26
- "Address": "NA",
27
- "Landmark": "NA",
28
- "City": "NA",
29
- "Pincode": "NA",
30
- "State": "NA"
31
- }
32
- });
33
- };
34
- const MembershipDetails = () => {
35
- return /*#__PURE__*/_react.default.createElement(_KeyValueDataView.default, {
36
- data: {
37
- "Membership Name": "Test Plan for ICICI and OA",
38
- "Membership ID": "1043571310",
39
- "Customer Name": "Aditi",
40
- "Status": "Active",
41
- "Start Date": "28-Aug-2023",
42
- "End Date": "28-Aug-2024",
43
- "BU Name": "PORTAL-ORGANIC",
44
- "BP Name": "PORTAL",
45
- "Plancode": "31798",
46
- "Product Code": "UPI",
47
- "Services Covered": "PAYMENT_FRAUD_TXN",
48
- "Place T&C": "Download"
49
- }
50
- });
51
- };
52
- const TabsView = () => {
53
- const [Tabdata] = (0, _react.useState)({
54
- tabs: [{
55
- label: 'Customer Details',
56
- key: '1',
57
- disabled: false,
58
- body: /*#__PURE__*/_react.default.createElement(CustomerDetails, null)
59
- }, {
60
- label: 'Membership Details',
61
- key: '2',
62
- disabled: false,
63
- body: /*#__PURE__*/_react.default.createElement(MembershipDetails, null)
64
- }]
65
- });
66
- return /*#__PURE__*/_react.default.createElement(_Tabs.default, {
67
- tabPosition: "top",
68
- type: "line",
69
- defaultActiveKey: "1",
70
- data: Tabdata
71
- });
72
- };
73
- const ViewDetailsDrawer = props => {
74
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Drawer.default, {
75
- visible: props.visible,
76
- onClose: props.handleDrawerClose,
77
- title: "Customer & Membership Details",
78
- width: 400,
79
- data: /*#__PURE__*/_react.default.createElement(TabsView, null)
80
- }));
81
- };
82
- var _default = ViewDetailsDrawer;
83
- exports.default = _default;
@@ -1,71 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.weak-map.js");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- require("core-js/modules/web.dom-collections.iterator.js");
9
- var _react = _interopRequireWildcard(require("react"));
10
- var _serviceDetailsTabView = _interopRequireDefault(require("./serviceDetailsTabView"));
11
- var _KeyValueDataView = _interopRequireDefault(require("../KeyValueDataView"));
12
- var _Button = _interopRequireDefault(require("../Button"));
13
- var _viewMoreDetailsDrawer = _interopRequireDefault(require("./viewMoreDetailsDrawer"));
14
- var _styles = require("../styles");
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
- 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); }
17
- 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; }
18
- const WalletServiceDetails = () => {
19
- const [visibleDrawer, setVisibleDrawer] = (0, _react.useState)(false);
20
- const showDrawer = () => {
21
- setVisibleDrawer(true);
22
- };
23
- return /*#__PURE__*/_react.default.createElement("div", {
24
- style: _styles.keyValueDataViewStyles['.bgColor']
25
- }, /*#__PURE__*/_react.default.createElement("div", {
26
- style: _styles.keyValueDataViewStyles['.headerSecStyles']
27
- }, /*#__PURE__*/_react.default.createElement("h2", {
28
- style: _styles.keyValueDataViewStyles['.h2Styles']
29
- }, "SR#21446613-Pending"), /*#__PURE__*/_react.default.createElement(_Button.default, {
30
- className: "ant-btn-primary",
31
- type: "submit",
32
- text: "Close Claim"
33
- }), /*#__PURE__*/_react.default.createElement(_Button.default, {
34
- text: "Check Next SR",
35
- className: "secondary-btn",
36
- style: {
37
- marginLeft: '12px'
38
- }
39
- })), /*#__PURE__*/_react.default.createElement("div", {
40
- style: _styles.keyValueDataViewStyles['.detailCard']
41
- }, /*#__PURE__*/_react.default.createElement(_KeyValueDataView.default, {
42
- data: {
43
- "Customer Name": "Lalit",
44
- "Mobile": "9999999999",
45
- "Email": "edfe@sdfd.com"
46
- },
47
- heading: "Customer Details",
48
- viewMore: /*#__PURE__*/_react.default.createElement("a", {
49
- onClick: () => showDrawer(),
50
- style: _styles.keyValueDataViewStyles['.detailsDiv a']
51
- }, "View More Details")
52
- }), /*#__PURE__*/_react.default.createElement(_KeyValueDataView.default, {
53
- data: {
54
- "Customer Name": "Lalit",
55
- "Mobile": "9999999999",
56
- "Email": "edfe@sdfd.com"
57
- },
58
- heading: "Asset Loss Details"
59
- }), /*#__PURE__*/_react.default.createElement(_KeyValueDataView.default, {
60
- heading: "Sum Insured",
61
- value: "10000"
62
- }), /*#__PURE__*/_react.default.createElement(_KeyValueDataView.default, {
63
- heading: "Claim Stage",
64
- value: "Verification"
65
- })), /*#__PURE__*/_react.default.createElement(_serviceDetailsTabView.default, null), /*#__PURE__*/_react.default.createElement(_viewMoreDetailsDrawer.default, {
66
- handleDrawerClose: () => setVisibleDrawer(false),
67
- visible: visibleDrawer
68
- }));
69
- };
70
- var _default = WalletServiceDetails;
71
- exports.default = _default;
@@ -1,212 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.weak-map.js");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- require("core-js/modules/web.dom-collections.iterator.js");
9
- require("core-js/modules/es.promise.js");
10
- require("core-js/modules/es.regexp.exec.js");
11
- require("core-js/modules/es.string.replace.js");
12
- require("core-js/modules/es.regexp.to-string.js");
13
- require("core-js/modules/es.json.stringify.js");
14
- var _react = _interopRequireWildcard(require("react"));
15
- var _antd = require("antd");
16
- var _Button = _interopRequireDefault(require("../Button"));
17
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
- 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); }
19
- 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; }
20
- const {
21
- Option
22
- } = _antd.Select;
23
- const {
24
- TextArea
25
- } = _antd.Input;
26
- function CloseClaim(_ref) {
27
- let {
28
- servicerequestId,
29
- referenceTrackingNo,
30
- closingClaimReasons,
31
- fraudReasons,
32
- productName
33
- } = _ref;
34
- const [modalVisible, setModalVisible] = (0, _react.useState)(false);
35
- const [successModalVisible, setSuccessModalVisible] = (0, _react.useState)(false);
36
- const [form] = _antd.Form.useForm();
37
- const closeClaim = () => {
38
- setModalVisible(true);
39
- };
40
- const validateData = async () => {
41
- try {
42
- await form.validateFields();
43
- const values = form.getFieldsValue();
44
- const apiUrl = oasysui.api.closeServiceRequest.replace("{srId}", servicerequestId);
45
- const reqObj = {
46
- remarks: values.fraudRemark,
47
- serviceCancelReason: values.closeReason,
48
- isCustomerFraudCase: values.isFraud ? "Y" : "N",
49
- communicationDisabled: true
50
- };
51
- if (values.isFraud) {
52
- reqObj.serviceFraudCaseReason = values.fraudReason.toString();
53
- }
54
- const response = await fetch(apiUrl, {
55
- method: "POST",
56
- body: JSON.stringify(reqObj)
57
- });
58
- if (response.status === "success") {
59
- setModalVisible(false);
60
- setSuccessModalVisible(true);
61
- } else {
62
- _antd.notification.error({
63
- title: "Failed closing claim. " + response.message
64
- });
65
- }
66
- } catch (error) {
67
- console.error(error);
68
- }
69
- };
70
- const onCancel = () => {
71
- setModalVisible(false);
72
- form.resetFields();
73
- };
74
- const gotoDashboard = () => {
75
- location.href = "/app/oasys-v2/claim-list/".concat(productName);
76
- };
77
- const refreshSr = () => {
78
- location.reload();
79
- };
80
- const checkNextSr = () => {
81
- let srArray = sessionStorage.getItem("srArray");
82
- srArray = srArray.split(",");
83
- const curIndex = srArray.indexOf(referenceTrackingNo);
84
- const nextSR = srArray && curIndex + 1 < srArray.length ? srArray[curIndex + 1] : srArray[0];
85
- location.href = "/app/oasys-v2/claim-list/".concat(productName, "/").concat(nextSR);
86
- };
87
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
88
- className: "ant-btn-primary",
89
- text: "Close Claim",
90
- onClick: closeClaim
91
- }), /*#__PURE__*/_react.default.createElement(_antd.Modal, {
92
- visible: modalVisible,
93
- onCancel: onCancel,
94
- cancelButtonProps: {
95
- style: {
96
- display: "none"
97
- }
98
- },
99
- okButtonProps: {
100
- style: {
101
- display: "none"
102
- }
103
- },
104
- width: 768,
105
- className: "closeClaimModal",
106
- title: "Close Claim",
107
- footer: [/*#__PURE__*/_react.default.createElement(_antd.Button, {
108
- key: "cancel",
109
- onClick: onCancel
110
- }, "Cancel"), /*#__PURE__*/_react.default.createElement(_antd.Button, {
111
- key: "closeClaim",
112
- type: "primary",
113
- onClick: validateData
114
- }, "Close Claim")]
115
- }, /*#__PURE__*/_react.default.createElement("p", null, "Are you sure you would like to close this claim as this action will close the SR#", referenceTrackingNo, " and no further processing will be allowed. Please provide the reason for closure."), /*#__PURE__*/_react.default.createElement(_antd.Form, {
116
- form: form
117
- }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("label", null, "Select reason for rejection (Visible to the customer)"), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
118
- name: "closeReason",
119
- rules: [{
120
- required: true,
121
- message: "Required"
122
- }],
123
- initialValue: undefined
124
- }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
125
- placeholder: "Select"
126
- }, /*#__PURE__*/_react.default.createElement(Option, {
127
- value: true,
128
- disabled: true
129
- }, "Select"), closingClaimReasons && closingClaimReasons.map(row => /*#__PURE__*/_react.default.createElement(Option, {
130
- title: row.value,
131
- key: row.key,
132
- value: row.key,
133
- width: 432
134
- }, row.value)))), /*#__PURE__*/_react.default.createElement("label", null, "Is this a fraud case?"), /*#__PURE__*/_react.default.createElement("div", {
135
- className: ""
136
- }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
137
- name: "isFraud",
138
- rules: [{
139
- required: true,
140
- message: "Required"
141
- }],
142
- initialValue: null
143
- }, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
144
- name: "isFraud"
145
- }, /*#__PURE__*/_react.default.createElement(_antd.Radio, {
146
- value: true
147
- }, "Yes"), /*#__PURE__*/_react.default.createElement(_antd.Radio, {
148
- value: false
149
- }, "No")))), form.getFieldValue("isFraud") && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("label", null, "Why is this a fraud case?", /*#__PURE__*/_react.default.createElement("span", {
150
- className: "redColor"
151
- }, "*")), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
152
- name: "fraudReason",
153
- rules: [{
154
- required: true,
155
- message: "Required",
156
- type: "array"
157
- }],
158
- initialValue: undefined
159
- }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
160
- mode: "multiple",
161
- placeholder: "Select"
162
- }, /*#__PURE__*/_react.default.createElement(Option, {
163
- value: true,
164
- disabled: true
165
- }, "Select"), fraudReasons && fraudReasons.map(row => /*#__PURE__*/_react.default.createElement(Option, {
166
- title: row.value,
167
- key: row.key,
168
- value: row.key
169
- }, row.value)))))), /*#__PURE__*/_react.default.createElement("label", null, "Remarks", /*#__PURE__*/_react.default.createElement("span", {
170
- className: "redColor"
171
- }, "*")), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
172
- name: "fraudRemark",
173
- rules: [{
174
- required: true,
175
- message: "Required"
176
- }],
177
- initialValue: null
178
- }, /*#__PURE__*/_react.default.createElement(TextArea, {
179
- rows: "3",
180
- placeholder: "Start typing..."
181
- })))), /*#__PURE__*/_react.default.createElement(_antd.Modal, {
182
- visible: successModalVisible,
183
- onCancel: () => refreshSr(),
184
- cancelButtonProps: {
185
- style: {
186
- display: "none"
187
- }
188
- },
189
- okButtonProps: {
190
- style: {
191
- display: "none"
192
- }
193
- },
194
- width: 448,
195
- className: "claimDashboard",
196
- title: "Claim Closed Successfully",
197
- footer: [/*#__PURE__*/_react.default.createElement(_antd.Button, {
198
- key: "gotoDashboard",
199
- type: "default",
200
- onClick: gotoDashboard
201
- }, "Go to Claims Dashboard"), /*#__PURE__*/_react.default.createElement(_antd.Button, {
202
- key: "checkNextSr",
203
- type: "primary",
204
- onClick: checkNextSr
205
- }, "Check Next Sr")]
206
- }, /*#__PURE__*/_react.default.createElement("img", {
207
- src: "/static/oasys/images/wallet-claim-greentick.svg",
208
- alt: "Icon"
209
- }), /*#__PURE__*/_react.default.createElement("p", null, "Claim has been closed successfully. Would you like to move on to the next SR?")));
210
- }
211
- var _default = CloseClaim;
212
- exports.default = _default;