oa-componentbook 0.7.0 → 0.9.0

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
-  });
-}

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

@@ -1,95 +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 _propTypes = _interopRequireDefault(require("prop-types"));
-var _DrawerDesign = _interopRequireDefault(require("../DrawerDesign"));
-var _TabsDesign = _interopRequireDefault(require("../TabsDesign"));
-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; }
-function 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'
-    }
-  });
-}
-function 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'
-    }
-  });
-}
-function 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(_TabsDesign.default, {
-    tabPosition: "top",
-    type: "line",
-    defaultActiveKey: "1",
-    data: Tabdata
-  });
-}
-function ViewDetailsDrawer(_ref) {
-  let {
-    visible,
-    handleDrawerClose
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_DrawerDesign.default, {
-    visible: visible,
-    onClose: handleDrawerClose,
-    title: "Customer & Membership Details",
-    width: 400,
-    data: /*#__PURE__*/_react.default.createElement(TabsView, null)
-  });
-}
-ViewDetailsDrawer.propTypes = {
-  visible: _propTypes.default.bool,
-  handleDrawerClose: _propTypes.default.func.isRequired
-};
-ViewDetailsDrawer.defaultProps = {
-  visible: false
-};
-var _default = ViewDetailsDrawer;
-exports.default = _default;

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

@@ -1,67 +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 _styledComponents = _interopRequireDefault(require("styled-components"));
-var _OACustomButton = _interopRequireDefault(require("../oa-button/OACustomButton"));
-var _KeyValueDataView = _interopRequireDefault(require("../KeyValueDataView"));
-var _ServiceDetailsTabView = _interopRequireDefault(require("./ServiceDetailsTabView"));
-var _ViewMoreDetailsDrawer = _interopRequireDefault(require("./ViewMoreDetailsDrawer"));
-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) } })); }
-function WalletServiceDetails() {
-  const [visibleDrawer, setVisibleDrawer] = (0, _react.useState)(false);
-  const showDrawer = () => {
-    setVisibleDrawer(true);
-  };
-  const WalletServiceContainer = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 8px;\n    background: #EBEEF0;\n    \n    .header {\n        display: flex;\n        align-items: center;\n        padding: 24px;\n        background: #fff;\n        margin: 0 0 8px;\n\n        h2 {\n          font-size: 18px;\n          margin: 0 16px 0 0;          \n        }\n\n        button:last-child {\n          margin: 0 0 0 12px;\n        }\n    }\n\n    .detailsCard {\n      display: flex;\n      align-items: flex-start;\n      background: #fff;\n      padding: 24px 16px;\n      border: 1px solid #DCDCDC;\n      border-radius: 4px;\n      margin: 0 0 16px;\n    }\n  "])));
-  const ViewMoreHyperLink = _styledComponents.default.a(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    color: #0282F0;\n    display: block;\n    padding: 2px 0 0;\n    font-size: 12px;\n    letter-spacing: 0;\n    line-height: 20px;    \n  "])));
-  return /*#__PURE__*/_react.default.createElement(WalletServiceContainer, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "header"
-  }, /*#__PURE__*/_react.default.createElement("h2", null, "SR#21446613-Pending"), /*#__PURE__*/_react.default.createElement(_OACustomButton.default, {
-    className: "ant-btn-primary",
-    type: "submit",
-    text: "Close Claim"
-  }), /*#__PURE__*/_react.default.createElement(_OACustomButton.default, {
-    text: "Check Next SR",
-    className: "secondary-btn"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "detailsCard"
-  }, /*#__PURE__*/_react.default.createElement(_KeyValueDataView.default, {
-    data: {
-      'Customer Name': 'Lalit',
-      Mobile: '9999999999',
-      Email: 'edfe@sdfd.com'
-    },
-    heading: "Customer Details",
-    viewMore: /*#__PURE__*/_react.default.createElement(ViewMoreHyperLink, {
-      onClick: () => showDrawer()
-    }, "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/wallet-service-details/styles/styles.css

@@ -1,16 +0,0 @@
-.walletContent .actionLInk {
-    margin: 8px 0 0;
-}
-
-/* .walletTab .walletContent li {
-    flex-direction: column;
-} */
-
-/* .walletContent li .rightAlign {
-    width: 100%;
-} */
-
-/* .walletTab .walletContent li,
-.radioAlign {
-    flex-direction: column;
-} */