oa-componentbook 0.6.0 → 0.7.0

package/build/components/peclaim-components/wf Main.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 [viewNotesVisible, setViewNotesVisible] = (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]
-    //           : []
-    //       );
-    //       setViewNotesVisible(true);
-    //     } else {
-    //       // Handle error or display a notification
-    //     }
-    //   })
-    //   .catch((error) => {
-    //     // Handle error or display a notification
-    //     console.log("error", error);
-    //   });
-  };
-
-  const handleCloseNotesModal = () => {
-    setViewNotesVisible(false);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_WorkflowSummaryTable.default, {
-    data: srSummaryData,
-    onRowClick: handleViewNotes
-  }), /*#__PURE__*/_react.default.createElement(_WorkflowSummaryNotesModal.default, {
-    visible: viewNotesVisible,
-    notesData: renderedNotes,
-    onClose: handleCloseNotesModal
-  }));
-}
-var _default = MainComponent;
-exports.default = _default;

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

@@ -1,38 +0,0 @@
-.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;
-  }
-
-

package/build/components/style/css/login.css

@@ -1,335 +0,0 @@
-#menu{
-    display: none;
-}
-.loginWrapper{
-    display: flex;
-    height: 100vh;
-    background: #fff;
-    align-items: center;
-    position: relative;
-}
-
-.loginWrapper .loginBg{
-    width: calc(100% - 50%);
-    height: 100%;
-    position: relative;
-}
-
-.loginWrapper .loginBg img{
-    height: 100%;
-    width: 100%;
-}
-
-.loginWrapper .loginBox{
-    width: 50%;
-    height: 100vh;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: center;
-    position: relative;
-}
-
-.loginWrapper .loginBox .formBox{
-    border: none;
-    border-radius: 0;
-    box-shadow: none;
-    margin: 0;
-    width: 100%;
-    max-width: 432px;
-    padding: 0;
-    height: 100%;
-    z-index: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-}
-
-.loginWrapper .loginBox form{
-    padding: 0;
-    width: 100%;
-}
-
-.loginWrapper .loginBox form h1, .loginWrapper .loginBox h1{
-    font-size: 36px;
-    line-height: 45px;
-    color: #454545;
-    float: none;
-    width: 100%;
-    padding: 0;
-    margin: 0;
-}
-
-.loginWrapper form .subdesc, .loginWrapper .loginBox .subdesc1{
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-    color: #454545;
-    padding: 6px 0 48px 0;
-}
-
-.loginWrapper .loginBox .subdesc1{
-    padding: 6px 0 24px 0;    
-}
-
-.loginWrapper form .fieldDivSet{
-    background: none;
-    border: none;
-    padding: 0;
-    margin: 36px 0 0 0;
-    display: inline-block;
-    width: 100%;
-    position: relative;
-}
-
-.loginWrapper form .fieldDivSet .ant-form-item{
-    margin: 0;
-}
-
-.loginWrapper form .fieldDivSet:first-of-type{
-    margin: 0;
-}
-
-.loginWrapper form .fieldDivSet img{
-    position: absolute;
-    right: 12px;
-    bottom: 13px;
-}
-
-.loginWrapper form .fieldDivSet label{
-    font-size: 14px;
-    line-height: 20px;
-    margin: 0;
-    color: #454545;
-    width: 100%;
-    font-weight: normal;
-}
-
-.loginWrapper form .fieldDivSet input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
-    color: #B3B3B3;
-    opacity: 1; /* Firefox */
-  }
-  
-  .loginWrapper form .fieldDivSet input:-ms-input-placeholder { /* Internet Explorer 10-11 */
-    color: #B3B3B3;
-  }
-  
-  .loginWrapper form .fieldDivSet input::-ms-input-placeholder { /* Microsoft Edge */
-    color: #B3B3B3;
-  }
-
-.loginWrapper form .fieldDivSet input{
-    line-height: 1.5;
-    font-size: 14px;
-    border-radius: 4px;
-    padding: 12px;
-    outline: none;
-    background-color: #fff;
-    border: solid 1px #dcdcdc;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    margin: 4px 0 0 0;
-    position: relative;
-    display: inline-block;
-    width: 100%;
-    height: auto;
-    background-image: none;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-}
-
-.loginWrapper form .fieldDivSet input[type=text]:focus, .loginWrapper form .fieldDivSet input[type=password]:focus {
-    border-color: #0282F0;
-    box-shadow: 0px 0px 4px #0282F0;
-}
-
-.loginWrapper form .fieldDivSet input.error{
-    border: 1px solid #E62A10;
-    box-shadow: 0px 0px 4px #E62A10;
-}
-
-.loginWrapper form .has-error .ant-form-explain{
-    font-size: 12px;
-    line-height: 18px;
-    padding: 5px 0 0 0;
-}
-
-.loginWrapper form .fieldDivSet .forgotLink{
-    display: block;
-    text-align: right;
-    margin: 4px 0 0 0;
-}
-
-.loginWrapper form .fieldDivSet .ant-form-item-with-help + a{
-    position: absolute;
-    right: 0;
-    bottom: -4px;
-    line-height: 20px;
-    color: #0282F0;
-    font-size: 14px;
-}
-
-.loginWrapper form .fieldDivSet .forgotLink:hover, .loginWrapper form .fieldDivSet .forgotLink:focus, .loginWrapper form .loginBack:hover, .loginWrapper form .loginBack:focus, .loginWrapper form .loginBack:hover, .loginWrapper form .loginBack:focus, .loginWrapper .loginBox .loginBackError:hover, .loginWrapper .loginBox .loginBackError:focus, .loginWrapper .formBox .loginBack:hover, .loginWrapper .formBox .loginBack:focus{
-    color: #40a9ff;
-    text-decoration: underline;
-}
-.loginWrapper form .loginBtn{
-    width: 100%;
-    background: #0282F0;
-    color: #fff;
-    height: 48px;
-    font-size: 16px;
-    line-height: 24px;
-    border: none;
-    border-radius: 4px;
-    outline: none;
-    cursor: pointer;
-}
-
-.loginWrapper form .loginBtn:hover, .loginWrapper form .loginBtn:focus{
-    background: #40a9ff;
-    outline: none;
-}
-
-.loginWrapper .divedLine{
-    width: 36px;
-    height: 1px;
-    background: #DCDCDC;
-    margin: 30px auto;
-}
-
-.loginWrapper .googleBtn{
-    text-align: center;
-    display: flex;
-    justify-content: center;
-}
-
-.loginWrapper .loginBox .footer{
-    background: none;
-    position: relative;
-    z-index: 0;
-    text-align: center;
-}
-
-.loginWrapper .loginBox .footer p{
-    font-size: 14px;
-    line-height: 22px;
-    color: #7A7A7A;
-    padding: 5px 0 20px 0 ;
-}
-
-.loginWrapper form .loginBack, .loginWrapper .formBox .loginBack{
-    text-align: center;
-    margin: 35px auto 10px;
-    display: flex;
-    justify-content: center;
-    width: fit-content;
-    font-size: 14px;
-}
-
-.loginWrapper .loginBox .loginBackError{
-    font-size: 14px;
-    width: fit-content;
-}
-
-.loginWrapper form .visibleOff{
-    opacity: 0;
-}
-
-.loginWrapper .loginBox .successIcon{
-    margin: 0 0 24px 0;
-    display: flex;
-    justify-content: center;
-}
-
-.loginWrapper .successText{
-    font-size: 16px;
-    line-height: 24px;
-    text-align: center;
-    color: #45B448;
-}
-
-
-.passwordInfo{ width: 100%; position: absolute; border-radius: 2px; background: #fff; padding: 8px; top: 40px;
-    z-index: 99; 	box-shadow: 0 2px 8px 0 rgba(0,0,0,0.12);}
-
-    .passwordInfo:after {
-        bottom: 100%;
-        left: 20px;
-        border: solid transparent;
-        content: " ";
-        height: 0;
-        width: 0;
-        position: absolute;
-        pointer-events: none;
-        border-color: rgba(255, 255, 255, 0);
-        border-bottom-color: #ffffff;
-        border-width: 5px;
-        margin-left: -5px;
-    }
-
-.passwordInfo ul{ width: 100%;  margin: 0; list-style: none;}
-.passwordInfo ul li{ width: 100%; display: flex; margin:0; line-height: 18px; padding: 8px 0 0 0;}
-.passwordInfo ul li.green{color:#45B448}
-.passwordInfo ul li.red{color:#E62A10}
-.passwordInfo ul li:first-child{ margin: 0;}
-.passwordInfo ul li:before{ content: "\2022"; font-size: 30px; padding-right: 10px;}
-
-.activeSessionModal .ant-modal-content {
-    border-radius: 6px;
-    border: none;
-    box-shadow:none;
-}
-.activeSessionModal .ant-modal-title {
-    font-size: 20px;
-}
-
-
-.activeSessionModal .ant-modal-body {
-    padding: 14px 24px;
-    font-size: 14px;
-    line-height: 1.5;
-}
-
-.activeSessionModal .modal-footer {
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-end; margin: 12px 0 0 0;
-}
-.activeSessionModal .modal-footer button{
-    margin: 0 0 0 10px;
-    background: #b4b4b4;
-    color: #fff;
-    height: 36px;
-    font-size: 14px;
-    line-height: 24px;
-    border: none;
-    border-radius: 4px;
-    outline: none;
-    cursor: pointer;
-    width: 100px;
-}
-
-.activeSessionModal .modal-footer button + button{
-    background: #0282F0;
-}
-
-
-.ant-spin-spinning {
-    position: static;
-    display: inline-block;
-    opacity: 1;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    font-size: 12px;
-}
-
-
-.actionDiv {
-    margin: 40px 0 0 0;
-}
-.ant-spin.ant-spin-show-text .ant-spin-text {
-    margin: 10px 0 0 0;
-    font-size: 14px;
-}