{"version":3,"sources":["helper/type.js","reducer/SearchMutipleInvoice_Reducer.js","reducer/index.js","components/ModalOptions/Dropdown.js","components/ModalOptions/Dropdown2.js","components/HeaderMenu.js","helper/axio.js","action/Dispatch.js","components/ModalOptions/ExtensionDownload.js","components/ModalOptions/InvoiceInfomation.js","components/ModalOptions/InvoiceOptions.js","components/ModalOptions/PopupKH.js","components/ModalOptions/PopupTBPH.js","components/ModalOptions/SearchInfo.js","components/ModalOptions/GroupOptions.js","components/ExportModal.js","components/LookupEinvoice/LookupInvoiceList.js","components/ChildSearchForm/SearchByFiles.js","components/ChildSearchForm/SearchMutipleInvoice.js","components/ChildSearchForm/SearchOneInvoice.js","components/ChildSearchForm/SearchInvoiceBody.js","components/AppRoute/App_Router.js","components/SearchForm.js","components/ContentBody.js","components/FixContentBody.js","components/Footers.js","App.js","index.js"],"names":["ADD_USER","LOGOUT","BODY","user","JSON","parse","localStorage","getItem","initialState","isLoggedIn","show","reducer","state","action","type","payload","allReducers","combineReducers","SearchMutipleInvoice_Reducer","Dropdown","id","className","style","width","display","alignItems","justifyContent","href","target","src","alt","fontSize","color","fontFamily","fontWeight","Component","Dropdown2","paddingLeft","HeaderMenu","height","onClick","e","a","document","createElement","body","appendChild","click","removeChild","paddingRight","port","baseUrl","location","process","toString","protocol","hostname","axios","defaults","baseURL","axiosInstance","create","ContentBody","ExtensionDownload","infomationInvoice","json","masothue","sobaomat","viewBox","fill","xmlns","d","data","post","responseType","then","res","file","Blob","fileURL","URL","createObjectURL","download","window","revokeObjectURL","title","inchuyendoi","catch","err","console","log","InvoiceInfomation","InfomationData","InvoiceData","align","mau_hd","inv_invoiceSeries","inv_invoiceIssuedDate","inv_invoiceNumber","parseFloat","sum_tien","toLocaleString","InvoiceOptions","InvoiceDatas","React","useState","isLoad","setisLoad","open","active","spinner","styles","wrapper","useStyles","makeStyles","theme","form","flexDirection","margin","formControl","marginTop","spacing","minWidth","formControlLabel","table","PopupKH","openKH","dataKH","onHide","classes","maxWidth","Fragment","Dialog","fullWidth","onClose","DialogTitle","DialogContent","TableContainer","component","Paper","Table","size","TableHead","backgroundColor","TableRow","TableCell","TableBody","length","map","row","index","ten_cty","dia_chi","ma_so_thue","cqthue_ql","cqthuecap_tinh","Moment","ngay_thanh_lap","format","nguoi_dai_dien","DialogActions","Button","PopupTBPH","date","no","dataUsing","formNo","symbol","quantity","from","to","providerName","providerTax","SearchInfo","openPopup","setopenPopup","openTBPH","setopenTBPH","undefined","popupDataTBPH","popupDataKH","isLoading","closeToggle","CircularProgress","root","GroupOptions","InvoiceOptionsData","infoModal","InvoiceSeries","MauSo","masoThue","Ecd","SearchData","mauHD","kyHieu","msThue","ecd","appBar","position","marginLeft","flex","ExportModal","hide","byteData","scroll","AppBar","Toolbar","IconButton","edge","dividers","List","connect","Logout","withRouter","props","url","setLoading","isLoadingButton","setLoadingButton","tu_ngay","Date","den_ngay","mst","StateLookup","setStateLookup","addToast","useToasts","pageSize","setPageSize","data_rows","setdata_rows","openModal","setOpenModal","setByteData","setinfoModal","datepickerRef","useRef","datepickerRef2","useEffect","appearance","removeItem","history","push","pathname","axiosConfig","headers","token","data_Lookup","dateFormat","ma_dt","code","sortedObjs","sort","b","Number","i","message","includes","response","status","stringify","columns","field","headerName","renderHeader","identity","headerAlign","renderCell","params","valueFormatter","value","description","variant","data_json","ClickDownloadXML","InvoiceCus","ClickView","preventDefault","ref","placeholderText","selected","onChange","showMonthDropdown","showYearDropdown","peekNextMonth","dropdownMode","shouldCloseOnSelect","current","setOpen","icon","faCalendarCheck","opacity","startIcon","faSync","searchInvoiceList","onPageSizeChange","rowsPerPageOptions","rows","getRowId","ColumnMenuIcon","componentsProps","pagination","labelRowsPerPage","labelDisplayedRows","count","backIconButtonText","nextIconButtonText","localeText","footerRowSelected","SearchByFiles","fileInputRef","fileName","setfileName","handleFiles","toast","warn","typeFile","indexOf","error","name","onDragOver","onDragEnter","onDragLeave","onDrop","files","dataTransfer","multiple","currentTarget","selectedFile","formData","FormData","append","TextDecoder","decode","uploadFiles","addUser","username","password","setState","useForm","defaultValues","register","handleSubmit","handleChange","newvalue","replace","onSubmit","toLocaleLowerCase","state_new","setItem","userClick","autoFocus","placeholder","SearchOneInvoice","_mst","_sbm","showTable","setShowTable","inputValue","setInputValue","textAlign","event","data_push","borderRadius","borderColor","border","paddingTop","paddingBottom","marginRight","hideFooter","autoHeight","hideFooterPagination","disableExtendRowFullWidth","hideFooterSelectedRowCount","SearchInvoiceBody","jpram","useLocation","search","jh","URLSearchParams","ms","get","mS","sbm","Click","App_Router","exact","path","LookupInvoiceList","SearchForm","typeClick","settypeClick","setdisable","Footers","store","createStore","SwiperCore","use","Navigation","App","script","async","autoDismiss","autoDismissTimeout","ReactDOM","render","getElementById"],"mappings":"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","file":"static/js/main.eda756b3.chunk.js","sourcesContent":["export const ADD_USER = \"ADD_USER\"\r\nexport const LOGOUT = \"LOGOUT\"\r\nexport const BODY = \"BODY\"","import { ADD_USER } from \"../helper/type\";\r\nimport { LOGOUT } from \"../helper/type\";\r\nimport { BODY } from \"../helper/type\";\r\n\r\nconst user = JSON.parse(localStorage.getItem(\"user\"));\r\n\r\nconst initialState = user\r\n  ? { isLoggedIn: true, user, show: true }\r\n  : { isLoggedIn: false, user: null, show: true };\r\n\r\n// export default (state = initialState, action) => {\r\nconst reducer= (state = initialState, action) => {\r\n  switch (action.type) {\r\n    case ADD_USER:\r\n      return {\r\n        ...state,\r\n        isLoggedIn: true,\r\n        user: JSON.parse(action.payload),\r\n      };\r\n    case LOGOUT:\r\n      return {\r\n        ...state,\r\n        isLoggedIn: false,\r\n        user: null,\r\n      };\r\n    case BODY:\r\n      return {\r\n        ...state,\r\n        show: action.payload,\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n\r\nexport default reducer;\r\n","import { combineReducers } from \"redux\"\r\nimport SearchMutipleInvoice_Reducer from \"./SearchMutipleInvoice_Reducer\"\r\n\r\nconst allReducers = combineReducers({\r\n  user: SearchMutipleInvoice_Reducer,\r\n})\r\n\r\nexport default allReducers","import React, { Component } from \"react\";\r\n\r\nexport default class Dropdown extends Component {\r\n  render() {\r\n    const _call = (e) => {\r\n      var a = document.createElement(\"a\");\r\n      document.body.appendChild(a);\r\n      a.href = \"tel:1900555592\";\r\n      a.click();\r\n      document.body.removeChild(a);\r\n    };\r\n    const handleMouseEnter = (e) => {\r\n      e.target.style.background = \"grey\";\r\n    };\r\n    const handleMouseLeave = (e) => {\r\n      e.target.style.background = \"white\";\r\n    };\r\n\r\n    return (\r\n      <>\r\n        <div>\r\n          <section id=\"pricing\">\r\n            <div className=\"container\" data-aos=\"fade-up\">\r\n              <div className=\"row\" style={{ width: \"900px\" }}>\r\n                <div\r\n                  className=\"p-3 pb-0\"\r\n                  style={{\r\n                    width: \"33%\",\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                  }}\r\n                >\r\n                  <div>\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://pvcombank.com.vn/dich-vu-the-dmsp40.html\"\r\n                      target=\"_blank\"\r\n                      style={{\r\n                        justifyContent: \"center\",\r\n                      }}\r\n                    >\r\n                      <div>\r\n                        <img\r\n                          src=\"./LibCustom/img/icon-credit-card--color-multi.png\"\r\n                          alt=\"\"\r\n                        />\r\n                      </div>\r\n                    </a>\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://pvcombank.com.vn/dich-vu-the-dmsp40.html\"\r\n                      target=\"_blank\"\r\n                      style={{\r\n                        fontSize: \"18px\",\r\n                        color: \"black\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 1000,\r\n                      }}\r\n                    >\r\n                      Dịch vụ thẻ\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  style={{\r\n                    width: \"33%\",\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                  }}\r\n                >\r\n                  <div>\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://pvcombank.com.vn/san-pham-vay-dmsp39.html\"\r\n                      target=\"_blank\"\r\n                      style={{\r\n                        justifyContent: \"center\",\r\n                      }}\r\n                    >\r\n                      <div>\r\n                        <img\r\n                          src=\"./LibCustom/img/icon-money-stack--color-multi.png\"\r\n                          alt=\"\"\r\n                        />\r\n                      </div>\r\n                    </a>\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://pvcombank.com.vn/san-pham-vay-dmsp39.html\"\r\n                      target=\"_blank\"\r\n                      style={{\r\n                        fontSize: \"18px\",\r\n                        color: \"black\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 1000,\r\n                      }}\r\n                    >\r\n                      Sản phẩm vay\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n\r\n                <div\r\n                  style={{\r\n                    width: \"33%\",\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                  }}\r\n                >\r\n                  <div>\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://pvcombank.com.vn/tiet-kiem-dmsp38.html\"\r\n                      target=\"_blank\"\r\n                      style={{\r\n                        justifyContent: \"center\",\r\n                      }}\r\n                    >\r\n                      <div>\r\n                        <img\r\n                          src=\"./LibCustom/img/icon-bank-locked-secure--color-multi.png\"\r\n                          alt=\"\"\r\n                        />\r\n                      </div>\r\n                    </a>\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://pvcombank.com.vn/tiet-kiem-dmsp38.html\"\r\n                      target=\"_blank\"\r\n                      style={{\r\n                        fontSize: \"18px\",\r\n                        color: \"black\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 1000,\r\n                      }}\r\n                    >\r\n                      Tiết kiệm\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {/* row 2 */}\r\n              <div className=\"row\">\r\n                <div\r\n                  style={{\r\n                    width: \"33%\",\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                  }}\r\n                >\r\n                  <div>\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://www.pvcombank.com.vn/danh-muc-san-pham/ca-nhan/ngan-hang-so\"\r\n                      target=\"_blank\"\r\n                      style={{\r\n                        justifyContent: \"center\",\r\n                      }}\r\n                    >\r\n                      <div>\r\n                        <img\r\n                          src=\"./LibCustom/img/icon-computer-mobile-phone--color-multi.png\"\r\n                          alt=\"\"\r\n                        />\r\n                      </div>\r\n                    </a>\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://www.pvcombank.com.vn/danh-muc-san-pham/ca-nhan/ngan-hang-so\"\r\n                      target=\"_blank\"\r\n                      style={{\r\n                        fontSize: \"18px\",\r\n                        color: \"black\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 1000,\r\n                      }}\r\n                    >\r\n                      Ngân hàng số\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n\r\n                <div\r\n                  style={{\r\n                    width: \"33%\",\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                  }}\r\n                >\r\n                  <div>\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://pvcombank.com.vn/tai-khoan-dmsp36.html\"\r\n                      target=\"_blank\"\r\n                      style={{\r\n                        justifyContent: \"center\",\r\n                      }}\r\n                    >\r\n                      <div>\r\n                        <img\r\n                          src=\"./LibCustom/img/icon-account-personal-secure--color-multi.png\"\r\n                          alt=\"\"\r\n                        />\r\n                      </div>\r\n                    </a>\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://pvcombank.com.vn/tai-khoan-dmsp36.html\"\r\n                      target=\"_blank\"\r\n                      style={{\r\n                        fontSize: \"18px\",\r\n                        color: \"black\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 1000,\r\n                      }}\r\n                    >\r\n                      Tài khoản\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n\r\n                <div\r\n                  style={{\r\n                    width: \"33%\",\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                  }}\r\n                >\r\n                  <div>\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://pvcombank.com.vn/bao-hiem-dmsp35.html\"\r\n                      target=\"_blank\"\r\n                      style={{\r\n                        justifyContent: \"center\",\r\n                      }}\r\n                    >\r\n                      <div>\r\n                        <img\r\n                          src=\"./LibCustom/img/icon-insurance-shield--color-multi.png\"\r\n                          alt=\"\"\r\n                        />\r\n                      </div>\r\n                    </a>\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://pvcombank.com.vn/bao-hiem-dmsp35.html\"\r\n                      target=\"_blank\"\r\n                      style={{\r\n                        fontSize: \"18px\",\r\n                        color: \"black\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 1000,\r\n                      }}\r\n                    >\r\n                      Bảo hiểm\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </section>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\nexport default class Dropdown2 extends Component {\r\n  render() {\r\n    const _call = (e) => {\r\n      var a = document.createElement(\"a\");\r\n      document.body.appendChild(a);\r\n      a.href = \"tel:1900555592\";\r\n      a.click();\r\n      document.body.removeChild(a);\r\n    };\r\n    const handleMouseEnter = (e) => {\r\n      e.target.style.background = \"grey\";\r\n    };\r\n    const handleMouseLeave = (e) => {\r\n      e.target.style.background = \"white\";\r\n    };\r\n\r\n    return (\r\n      <>\r\n        <div>\r\n          <section id=\"pricing\">\r\n            <div className=\"container\" data-aos=\"fade-up\">\r\n              <div className=\"row\" style={{ width: \"750px\" }}>\r\n                <div\r\n                  style={{\r\n                    width: \"33%\",\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                    \r\n                  }}\r\n                >\r\n                  <div >\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://www.pvcombank.com.vn/danh-muc-san-pham/doanh-nghiep/tin-dung-doanh-nghiep\"\r\n                      target=\"_blank\"\r\n                    >\r\n                      <div>\r\n                        <img style={{paddingLeft:'50px'}}\r\n                          src=\"./LibCustom/img/icon-money-coin-tower--color-multi.png\"\r\n                          alt=\"\"\r\n                        />\r\n                      </div>\r\n                    </a>\r\n                    <a\r\n                      className=\"nav-link scrollto text-center\"\r\n                      href=\"https://www.pvcombank.com.vn/danh-muc-san-pham/doanh-nghiep/tin-dung-doanh-nghiep\"\r\n                      target=\"_blank\"\r\n                      style={{ fontSize: \"18px\", color: \"black\",fontFamily: \"Montserrat\",fontWeight: 1000, }}\r\n                    >\r\n                      Tín dụng doanh nghiệp\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  style={{\r\n                    width: \"33%\",\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                  }}\r\n                >\r\n                  <div>\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://pvcombank.com.vn/tai-khoan-doanh-nghiep-dmsp45.html\"\r\n                      target=\"_blank\"\r\n                    >\r\n                      <div>\r\n                        <img style={{paddingLeft:'50px'}}\r\n                          src=\"./LibCustom/img/icon-account-business-secure--color-multi.png\"\r\n                          alt=\"\"\r\n                        />\r\n                      </div>\r\n                    </a>\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://pvcombank.com.vn/tai-khoan-doanh-nghiep-dmsp45.html\"\r\n                      target=\"_blank\"\r\n                      style={{ fontSize: \"18px\", color: \"black\",fontFamily: \"Montserrat\",fontWeight: 1000, }}\r\n                    >\r\n                      Tài khoản doanh nghiệp\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n\r\n                <div\r\n                  style={{\r\n                    width: \"33%\",\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                  }}\r\n                >\r\n                  <div>\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://pvcombank.com.vn/ngan-hang-giao-dich-dmsp44.html\"\r\n                      target=\"_blank\"\r\n                    >\r\n                      <div>\r\n                        <img style={{paddingLeft:'50px'}}\r\n                          src=\"./LibCustom/img/icon-bank-international--color-multi.png\"\r\n                          alt=\"\"\r\n                        />\r\n                      </div>\r\n                    </a>\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://pvcombank.com.vn/ngan-hang-giao-dich-dmsp44.html\"\r\n                      target=\"_blank\"\r\n                      style={{ fontSize: \"18px\", color: \"black\",fontFamily: \"Montserrat\",fontWeight: 1000, }}\r\n                    >\r\n                      Ngân hàng giao dịch\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </section>\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Dropdown from \"./ModalOptions/Dropdown\";\r\nimport Dropdown2 from \"./ModalOptions/Dropdown2\";\r\n\r\nexport default class HeaderMenu extends Component {\r\n  render() {\r\n    const directLink = (e) => {\r\n      var a = document.createElement(\"a\");\r\n      document.body.appendChild(a);\r\n      a.href = \"https://minvoice.vn/dang-ky-dai-ly-hoa-don-dien-tu/\";\r\n      a.target = \"_blank\";\r\n      a.click();\r\n      document.body.removeChild(a);\r\n    };\r\n    const _call = (e) => {\r\n      var a = document.createElement(\"a\");\r\n      document.body.appendChild(a);\r\n      a.href = \"tel:1900555592\";\r\n      a.click();\r\n      document.body.removeChild(a);\r\n    };\r\n    return (\r\n      // <header id=\"header\" className=\"fixed-top\">\r\n      //   <ul>\r\n      //     <div className=\"container d-flex align-items-center justify-content-between\">\r\n      //       <div></div>\r\n      //       <nav id=\"navbar\" className=\"navbar\">\r\n      //         <ul>\r\n      //           <li>\r\n      //             <a\r\n      //               className=\"font-heading text-3xl font-semibold\"\r\n      //               href=\"\"\r\n      //               onClick={_call}\r\n      //               style={{\r\n      //                 paddingLeft: \"10px\",\r\n      //                 fontSize: \"12px\",\r\n      //                 fontFamily: \"Montserrat\",\r\n      //                 fontWeight: 1000,\r\n      //               }}\r\n      //             >\r\n      //               <img\r\n      //                 style={{ paddingRight: \"5px\" }}\r\n      //                 src=\"./LibCustom/img/telephone.png\"\r\n      //               />\r\n      //               Hotline 1900 5555 92\r\n      //             </a>\r\n      //           </li>\r\n      //           <li>\r\n      //             <a\r\n      //               className=\"nav-link scrollto\"\r\n      //               href=\"https://pvcombank.com.vn/mang-luoi.html\"\r\n      //               target=\"_blank\"\r\n      //               style={{\r\n      //                 fontSize: \"12px\",\r\n      //                 fontFamily: \"Montserrat\",\r\n      //                 fontWeight: \"normal\",\r\n      //                 fontWeight: 500,\r\n      //               }}\r\n      //             >\r\n      //               ATM & Chi nhánh\r\n      //             </a>\r\n      //           </li>\r\n      //           <li>\r\n      //             <a\r\n      //               className=\"nav-link scrollto\"\r\n      //               href=\"https://pvcombank.com.vn/bieu-lai-suat.html\"\r\n      //               target=\"_blank\"\r\n      //               style={{\r\n      //                 fontSize: \"12px\",\r\n      //                 fontFamily: \"Montserrat\",\r\n      //                 fontWeight: \"normal\",\r\n      //                 fontWeight: 500,\r\n      //               }}\r\n      //             >\r\n      //               Lãi suất\r\n      //             </a>\r\n      //           </li>\r\n\r\n      //           <li>\r\n      //             <a\r\n      //               className=\"nav-link scrollto\"\r\n      //               href=\"https://www.pvcombank.com.vn/tinh-lai-suat-va-chuyen-doi-ti-gia\"\r\n      //               target=\"_blank\"\r\n      //               style={{\r\n      //                 fontSize: \"12px\",\r\n      //                 fontFamily: \"Montserrat\",\r\n      //                 fontWeight: \"normal\",\r\n      //                 fontWeight: 500,\r\n      //               }}\r\n      //             >\r\n      //               Tỉ giá\r\n      //             </a>\r\n      //           </li>\r\n\r\n      //           <li>\r\n      //             <a\r\n      //               className=\"nav-link scrollto\"\r\n      //               href=\"https://tuyendung.pvcombank.com.vn/\"\r\n      //               target=\"_blank\"\r\n      //               style={{\r\n      //                 fontSize: \"12px\",\r\n      //                 fontFamily: \"Montserrat\",\r\n      //                 fontWeight: \"normal\",\r\n      //                 fontWeight: 500,\r\n      //               }}\r\n      //             >\r\n      //               Tuyển dụng\r\n      //             </a>\r\n      //           </li>\r\n      //           <li>\r\n      //             <a\r\n      //               className=\"nav-link scrollto\"\r\n      //               href=\"https://pvcombank.com.vn/lien-he.html\"\r\n      //               target=\"_blank\"\r\n      //               style={{\r\n      //                 fontSize: \"12px\",\r\n      //                 fontFamily: \"Montserrat\",\r\n      //                 fontWeight: \"normal\",\r\n      //                 fontWeight: 500,\r\n      //               }}\r\n      //             >\r\n      //               Liên hệ\r\n      //             </a>\r\n      //           </li>\r\n      //         </ul>\r\n      //         <i className=\"bi bi-list mobile-nav-toggle\" />\r\n      //       </nav>\r\n      //       <div></div>\r\n      //     </div>\r\n      //     <div className=\"container d-flex align-items-center justify-content-between\">\r\n      //       <h1 className=\"logo\">\r\n      //         <a href=\"\">\r\n      //           <img src=\"./LibCustom/img/logo.png\" alt=\"\"></img>\r\n      //         </a>\r\n      //       </h1>\r\n      //       <nav id=\"navbar\" className=\"navbar\">\r\n      //         <ul>\r\n      //           <li className=\"dropdown\">\r\n      //             <a >\r\n      //               <span\r\n      //                 style={{\r\n      //                   fontSize: \"18px\",\r\n      //                   color: \"#0033FF\",\r\n      //                   fontFamily: \"Montserrat\",\r\n      //                   fontWeight: 1000,\r\n      //                 }}\r\n      //               >\r\n      //                 Cá nhân\r\n      //               </span>{\" \"}\r\n      //               <i className=\"bi bi-chevron-down\" />\r\n      //             </a>\r\n      //             <ul>\r\n      //               <li>\r\n      //                 <Dropdown />\r\n      //               </li>\r\n      //             </ul>\r\n      //           </li>\r\n      //           <li className=\"dropdown\">\r\n      //             <a>\r\n      //               <span\r\n      //                 style={{\r\n      //                   fontSize: \"18px\",\r\n      //                   color: \"#0033FF\",\r\n      //                   fontFamily: \"Montserrat\",\r\n      //                   fontWeight: 1000,\r\n      //                 }}\r\n      //               >\r\n      //                 Doanh nghiệp\r\n      //               </span>{\" \"}\r\n      //               <i className=\"bi bi-chevron-down\" />\r\n      //             </a>\r\n      //             <ul>\r\n      //               <li>\r\n      //                 <Dropdown2 />\r\n      //               </li>\r\n      //             </ul>\r\n      //           </li>\r\n      //           <li>\r\n      //             <a\r\n      //               className=\"nav-link scrollto\"\r\n      //               href=\"https://pvcombank.com.vn/gioi-thieu-ve-pvcombank.html\"\r\n      //               target=\"_blank\"\r\n      //               style={{ fontSize: \"14px\", fontFamily: \"Montserrat\" }}\r\n      //             >\r\n      //               Về PVcomBank\r\n      //             </a>\r\n      //           </li>\r\n      //           <li>\r\n      //             <a\r\n      //               className=\"nav-link scrollto\"\r\n      //               href=\"https://pvcombank.com.vn/tin-tuc.html\"\r\n      //               target=\"_blank\"\r\n      //               style={{ fontSize: \"14px\", fontFamily: \"Montserrat\" }}\r\n      //             >\r\n      //               Tin tức\r\n      //             </a>\r\n      //           </li>\r\n      //           <li>\r\n      //             <a\r\n      //               className=\"nav-link scrollto\"\r\n      //               href=\"https://www.pvcombank.com.vn/co-dong.html\"\r\n      //               target=\"_blank\"\r\n      //               style={{ fontSize: \"14px\", fontFamily: \"Montserrat\" }}\r\n      //             >\r\n      //               Quan hệ cổ đông\r\n      //             </a>\r\n      //           </li>\r\n      //           <li>\r\n      //             <div className=\"container d-flex align-items-center justify-content-between\">\r\n      //               <img\r\n      //                 style={{ width: \"24px\", height: \"24px\" }}\r\n      //                 src=\"./LibCustom/img/login.png\"\r\n      //               />\r\n      //               <a\r\n      //                 className=\"nav-link scrollto\"\r\n      //                 href=\"https://ibanking.pvcombank.com.vn/WebIB/MainIB\"\r\n      //                 target=\"_blank\"\r\n      //                 style={{\r\n      //                   paddingLeft: \"10px\",\r\n      //                   fontSize: \"14px\",\r\n      //                   fontFamily: \"Montserrat\",\r\n      //                   color: \"#0033FF\",\r\n      //                   fontWeight: 1000,\r\n      //                 }}\r\n      //               >\r\n      //                 Đăng nhập ngân hàng điện tử\r\n      //               </a>\r\n      //             </div>\r\n      //           </li>\r\n      //         </ul>\r\n      //         <i className=\"bi bi-list mobile-nav-toggle\" />\r\n      //       </nav>\r\n      //       <AppMenu_UserInfo />\r\n      //     </div>\r\n      //   </ul>\r\n      // </header>\r\n\r\n      <header\r\n        id=\"header\"\r\n        className=\"fixed-top  box-shadow--lg container\"\r\n      >\r\n        <div\r\n          id=\"frontend-header-wrapper\"\r\n          className=\"position-relative d-flex justify-content-between align-items-center pl-lg-3 pl-xl-5 border-bottom\"\r\n          style={{ height: \"78px\" }}\r\n        >\r\n          <a href=\"\">\r\n            <img\r\n              src=\"./LibCustom/img/logo.png\"\r\n              alt=\"\"\r\n              style={{ width: \"120px\", height: \"57px\" }}\r\n            />\r\n          </a>\r\n          <div className=\"head-group d-none d-md-none d-lg-block ml-auto\">\r\n            <nav id=\"navbar\" className=\"navbar\">\r\n              <ul>\r\n                <li>\r\n                  <a\r\n                    className=\"font-heading text-3xl font-semibold\"\r\n                    href=\"\"\r\n                    onClick={_call}\r\n                    style={{\r\n                      paddingLeft: \"10px\",\r\n                      fontSize: \"12px\",\r\n                      fontFamily: \"Montserrat\",\r\n                      fontWeight: 1000,\r\n                    }}\r\n                  >\r\n                    <img\r\n                      style={{ paddingRight: \"5px\" }}\r\n                      src=\"./LibCustom/img/telephone.png\"\r\n                    />\r\n                    Hotline 1900 5555 92\r\n                  </a>\r\n                </li>\r\n                <li>\r\n                  <a\r\n                    className=\"nav-link scrollto\"\r\n                    href=\"https://pvcombank.com.vn/mang-luoi.html\"\r\n                    target=\"_blank\"\r\n                    style={{\r\n                      fontSize: \"12px\",\r\n                      fontFamily: \"Montserrat\",\r\n                      fontWeight: \"normal\",\r\n                      fontWeight: 500,\r\n                    }}\r\n                  >\r\n                    ATM & Chi nhánh\r\n                  </a>\r\n                </li>\r\n                <li>\r\n                  <a\r\n                    className=\"nav-link scrollto\"\r\n                    href=\"https://pvcombank.com.vn/bieu-lai-suat.html\"\r\n                    target=\"_blank\"\r\n                    style={{\r\n                      fontSize: \"12px\",\r\n                      fontFamily: \"Montserrat\",\r\n                      fontWeight: \"normal\",\r\n                      fontWeight: 500,\r\n                    }}\r\n                  >\r\n                    Lãi suất\r\n                  </a>\r\n                </li>\r\n\r\n                <li>\r\n                  <a\r\n                    className=\"nav-link scrollto\"\r\n                    href=\"https://www.pvcombank.com.vn/tinh-lai-suat-va-chuyen-doi-ti-gia\"\r\n                    target=\"_blank\"\r\n                    style={{\r\n                      fontSize: \"12px\",\r\n                      fontFamily: \"Montserrat\",\r\n                      fontWeight: \"normal\",\r\n                      fontWeight: 500,\r\n                    }}\r\n                  >\r\n                    Tỉ giá\r\n                  </a>\r\n                </li>\r\n\r\n                <li>\r\n                  <a\r\n                    className=\"nav-link scrollto\"\r\n                    href=\"https://tuyendung.pvcombank.com.vn/\"\r\n                    target=\"_blank\"\r\n                    style={{\r\n                      fontSize: \"12px\",\r\n                      fontFamily: \"Montserrat\",\r\n                      fontWeight: \"normal\",\r\n                      fontWeight: 500,\r\n                    }}\r\n                  >\r\n                    Tuyển dụng\r\n                  </a>\r\n                </li>\r\n                <li>\r\n                  <a\r\n                    className=\"nav-link scrollto\"\r\n                    href=\"https://pvcombank.com.vn/lien-he.html\"\r\n                    target=\"_blank\"\r\n                    style={{\r\n                      fontSize: \"12px\",\r\n                      fontFamily: \"Montserrat\",\r\n                      fontWeight: \"normal\",\r\n                      fontWeight: 500,\r\n                    }}\r\n                  >\r\n                    Liên hệ\r\n                  </a>\r\n                </li>\r\n              </ul>\r\n              <i className=\"bi bi-list mobile-nav-toggle\" />\r\n            </nav>\r\n            <nav id=\"navbar\" className=\"navbar\">\r\n              <ul>\r\n                <li className=\"dropdown\">\r\n                  <a href=\"\">\r\n                    <span\r\n                      style={{\r\n                        fontSize: \"18px\",\r\n                        color: \"#0033FF\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 1000,\r\n                      }}\r\n                    >\r\n                      Cá nhân\r\n                    </span>{\" \"}\r\n                    <i className=\"bi bi-chevron-down\" />\r\n                  </a>\r\n                  <ul>\r\n                    <li>\r\n                      <Dropdown />\r\n                    </li>\r\n                  </ul>\r\n                </li>\r\n                <li className=\"dropdown\">\r\n                  <a href=\"\">\r\n                    <span\r\n                      style={{\r\n                        fontSize: \"18px\",\r\n                        color: \"#0033FF\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 1000,\r\n                      }}\r\n                    >\r\n                      Doanh nghiệp\r\n                    </span>{\" \"}\r\n                    <i className=\"bi bi-chevron-down\" />\r\n                  </a>\r\n                  <ul>\r\n                    <li>\r\n                      <Dropdown2 />\r\n                    </li>\r\n                  </ul>\r\n                </li>\r\n                <li>\r\n                  <a\r\n                    className=\"nav-link scrollto\"\r\n                    href=\"https://pvcombank.com.vn/gioi-thieu-ve-pvcombank.html\"\r\n                    target=\"_blank\"\r\n                    style={{ fontSize: \"14px\", fontFamily: \"Montserrat\" }}\r\n                  >\r\n                    Về PVcomBank\r\n                  </a>\r\n                </li>\r\n                <li>\r\n                  <a\r\n                    className=\"nav-link scrollto\"\r\n                    href=\"https://pvcombank.com.vn/tin-tuc.html\"\r\n                    target=\"_blank\"\r\n                    style={{ fontSize: \"14px\", fontFamily: \"Montserrat\" }}\r\n                  >\r\n                    Tin tức\r\n                  </a>\r\n                </li>\r\n                <li>\r\n                  <a\r\n                    className=\"nav-link scrollto\"\r\n                    href=\"https://www.pvcombank.com.vn/co-dong.html\"\r\n                    target=\"_blank\"\r\n                    style={{ fontSize: \"14px\", fontFamily: \"Montserrat\" }}\r\n                  >\r\n                    Quan hệ cổ đông\r\n                  </a>\r\n                </li>\r\n                <li>\r\n                  <div className=\"container d-flex align-items-center justify-content-between\">\r\n                    <img\r\n                      style={{ width: \"24px\", height: \"24px\" }}\r\n                      src=\"./LibCustom/img/login.png\"\r\n                    />\r\n                    <a\r\n                      className=\"nav-link scrollto\"\r\n                      href=\"https://ibanking.pvcombank.com.vn/WebIB/MainIB\"\r\n                      target=\"_blank\"\r\n                      style={{\r\n                        paddingLeft: \"10px\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        color: \"#0033FF\",\r\n                        fontWeight: 1000,\r\n                      }}\r\n                    >\r\n                      Đăng nhập ngân hàng điện tử\r\n                    </a>\r\n                  </div>\r\n                </li>\r\n              </ul>\r\n              <i className=\"bi bi-list mobile-nav-toggle\" />\r\n            </nav>\r\n          </div>\r\n        </div>\r\n      </header>\r\n    );\r\n  }\r\n}\r\n","import axios from \"axios\";\r\nvar port = \"\";\r\nvar baseUrl = \"\";\r\nif (document.location.port === \"3000\") {\r\n    baseUrl = process.env.REACT_APP_PUBLIC_URL;\r\n}\r\nelse {\r\n    if (document.location.port !== 80 && document.location.port !== 445) {\r\n        port = \":\" + document.location.port.toString();\r\n    }\r\n    // baseUrl = document.location.protocol + \"//\" + document.location.hostname + port + \"/api\";\r\n    baseUrl = document.location.protocol + \"//\" + document.location.hostname + port;\r\n}\r\naxios.defaults.baseURL = baseUrl;\r\n// const baseUrl = process.env.REACT_APP_PUBLIC_URL;\r\nconst axiosInstance = axios.create({\r\n    baseURL: baseUrl\r\n})\r\nexport default axiosInstance;","import { ADD_USER } from \"../helper/type\"\r\nimport { LOGOUT } from \"../helper/type\"\r\nimport { BODY } from \"../helper/type\"\r\n//dispatch\r\nexport const addUser = (user) => {\r\n  return {\r\n    type: ADD_USER,\r\n    payload: user,\r\n  }\r\n}\r\nexport const Logout = () => {\r\n  return {\r\n    type: LOGOUT,\r\n\r\n  }\r\n}\r\nexport const ContentBody = (show) => {\r\n  return {\r\n    type: BODY,\r\n    payload: show,\r\n  }\r\n}","import React from \"react\";\r\nimport axiosInstance from \"../../helper/axio\";\r\n\r\nexport default function ExtensionDownload({ infomationInvoice }) {\r\n  const url = \"Search/ExportXmlInvoicePVC\";\r\n  const url2 = \"Search/SearchInvoicePVC\";\r\n  const json = {\r\n    masothue: infomationInvoice.masothue,\r\n    sobaomat: infomationInvoice.sobaomat,\r\n    type: \"pdf\",\r\n  };\r\n  const pdfSave = (data) => {\r\n    axiosInstance\r\n      .post(url2, json, { responseType: \"arraybuffer\" })\r\n      .then((res) => {\r\n        const file = new Blob([res.data], {\r\n          type: \"application/pdf\",\r\n        });\r\n        const fileURL = URL.createObjectURL(file);\r\n        var a = document.createElement(\"a\");\r\n        document.body.appendChild(a);\r\n        a.href = fileURL;\r\n        a.download = \"Invoice_\" + json.sobaomat + \".pdf\";\r\n        a.click();\r\n        window.URL.revokeObjectURL(fileURL);\r\n        document.body.removeChild(a);\r\n      });\r\n  };\r\n  const xmlSave = (e) => {\r\n    json.inchuyendoi = \"1\";\r\n    axiosInstance\r\n      .post(url, json, { responseType: \"arraybuffer\" })\r\n      .then((res) => {\r\n        const file = new Blob([res.data], {\r\n          type: \"application/zip\",\r\n        });\r\n        const fileURL = URL.createObjectURL(file);\r\n        var a = document.createElement(\"a\");\r\n        document.body.appendChild(a);\r\n        a.href = fileURL;\r\n        a.download = \"Invoice_\" + json.sobaomat + \".zip\";\r\n        a.click();\r\n        window.URL.revokeObjectURL(fileURL);\r\n        document.body.removeChild(a);\r\n      })\r\n      .catch((err) => {\r\n        console.log(err);\r\n      });\r\n  };\r\n\r\n  const pluginSave = (e) => {\r\n    var a = document.createElement(\"a\");\r\n    document.body.appendChild(a);\r\n    a.href = \"https://plugin.minvoice.com.vn/MinvoicePlugin/setup.exe\";\r\n    a.click();\r\n    document.body.removeChild(a);\r\n  };\r\n\r\n  return (\r\n    <div className=\"line-fix\">\r\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 13 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <path d=\"M8.14941 0.0969238L12.6494 4.59692V13.5969C12.6494 13.9947 12.4914 14.3763 12.2101 14.6576C11.9288 14.9389 11.5472 15.0969 11.1494 15.0969H2.14941C1.75159 15.0969 1.37006 14.9389 1.08875 14.6576C0.807449 14.3763 0.649414 13.9947 0.649414 13.5969V1.59692C0.649414 1.1991 0.807449 0.817568 1.08875 0.536264C1.37006 0.254959 1.75159 0.0969238 2.14941 0.0969238H8.14941ZM11.1494 13.5969V5.34692H7.39941V1.59692H2.14941V13.5969H11.1494ZM6.64941 12.8469L3.64941 9.84692H5.52441V7.59692H7.77441V9.84692H9.64941L6.64941 12.8469Z\" fill=\"#27AE60\"/>\r\n      </svg>\r\n      <a onClick={pdfSave} target=\"_blank\" title=\"Tải pdf\" className=\"fix-border-bottom\">\r\n        &nbsp;&nbsp;Tải PDF\r\n      </a>\r\n      <br />\r\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 13 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <path d=\"M8.14941 0.0969238L12.6494 4.59692V13.5969C12.6494 13.9947 12.4914 14.3763 12.2101 14.6576C11.9288 14.9389 11.5472 15.0969 11.1494 15.0969H2.14941C1.75159 15.0969 1.37006 14.9389 1.08875 14.6576C0.807449 14.3763 0.649414 13.9947 0.649414 13.5969V1.59692C0.649414 1.1991 0.807449 0.817568 1.08875 0.536264C1.37006 0.254959 1.75159 0.0969238 2.14941 0.0969238H8.14941ZM11.1494 13.5969V5.34692H7.39941V1.59692H2.14941V13.5969H11.1494ZM6.64941 12.8469L3.64941 9.84692H5.52441V7.59692H7.77441V9.84692H9.64941L6.64941 12.8469Z\" fill=\"#27AE60\"/>\r\n      </svg>\r\n      <a onClick={xmlSave} title=\"Tải xml\" className=\"fix-border-bottom\">\r\n        &nbsp;&nbsp;Tải XML\r\n      </a>\r\n      {/* <br />\r\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 13 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <path d=\"M8.14941 0.0969238L12.6494 4.59692V13.5969C12.6494 13.9947 12.4914 14.3763 12.2101 14.6576C11.9288 14.9389 11.5472 15.0969 11.1494 15.0969H2.14941C1.75159 15.0969 1.37006 14.9389 1.08875 14.6576C0.807449 14.3763 0.649414 13.9947 0.649414 13.5969V1.59692C0.649414 1.1991 0.807449 0.817568 1.08875 0.536264C1.37006 0.254959 1.75159 0.0969238 2.14941 0.0969238H8.14941ZM11.1494 13.5969V5.34692H7.39941V1.59692H2.14941V13.5969H11.1494ZM6.64941 12.8469L3.64941 9.84692H5.52441V7.59692H7.77441V9.84692H9.64941L6.64941 12.8469Z\" fill=\"#27AE60\"/>\r\n      </svg> */}\r\n      {/* <a onClick={pluginSave} target=\"_blank\" title=\"Tải plugin\" className=\"fix-border-bottom\">\r\n        &nbsp;&nbsp;Tải Plugin ký\r\n      </a> */}\r\n    </div>\r\n  );\r\n}\r\n","import React from \"react\";\r\n\r\n\r\nexport default function InvoiceInfomation(data) {\r\n  const InfomationData = data.InvoiceData;\r\n  return InfomationData ? (\r\n    <div>\r\n      <table className=\"table table-sm\">\r\n        <tbody>\r\n          <tr>\r\n            <td>Mẫu số</td>\r\n            <td align=\"right\">{InfomationData.mau_hd}</td>\r\n          </tr>\r\n          <tr>\r\n            <td>Ký hiệu</td>\r\n            <td align=\"right\">{InfomationData.inv_invoiceSeries}</td>\r\n          </tr>\r\n          <tr>\r\n            <td>Ngày hóa đơn</td>\r\n            <td align=\"right\">{InfomationData.inv_invoiceIssuedDate}</td>\r\n          </tr>\r\n          <tr>\r\n            <td>Số hóa đơn</td>\r\n            <td align=\"right\">{InfomationData.inv_invoiceNumber}</td>\r\n          </tr>\r\n          <tr>\r\n            <td>Tổng tiền</td>\r\n            <td align=\"right\">{parseFloat(InfomationData.sum_tien).toLocaleString()}</td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  ) : (\r\n    <></>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport axiosInstance from \"../../helper/axio\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\n\r\nexport default function InvoiceOptions({ InvoiceDatas }) {\r\n  const url = \"Search/SearchInvoicePVCInCD\";\r\n  //để dđây chờ url in cđ\r\n  // const url_InvoiceCusPDF = \"Search/SearchInvoicePVC\";\r\n  \r\n  const [isLoad, setisLoad] = React.useState(false); // Trạng thái mở Modal\r\n\r\n  const loadPdf = (data) => {\r\n    InvoiceDatas.inchuyendoi = \"1\";\r\n    setisLoad(true);\r\n    axiosInstance\r\n      .post(url, InvoiceDatas, {\r\n        responseType: \"arraybuffer\",\r\n      })\r\n      .then((res) => {\r\n        setisLoad(false);\r\n        const file = new Blob([res.data], {\r\n          type: \"application/pdf\",\r\n        });\r\n        const fileURL = URL.createObjectURL(file);\r\n        const pdfWindow = window.open();\r\n        pdfWindow.location.href = fileURL;\r\n      })\r\n      .catch((err) => {\r\n        setisLoad(false);\r\n        console.log(err);\r\n      });\r\n  };\r\n  // const directLink = (e) => {\r\n  //   var a = document.createElement(\"a\");\r\n  //   document.body.appendChild(a);\r\n  //   a.href = \"http://tracuuhoadon.gdt.gov.vn/tc1hd.html\";\r\n  //   a.target = \"_blank\";\r\n  //   a.click();\r\n  //   document.body.removeChild(a);\r\n  // };\r\n\r\n  return (\r\n    <div className=\"line-fix\">\r\n      <svg\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        width=\"18\"\r\n        height=\"18\"\r\n        fill=\"currentColor\"\r\n        className=\"bi bi-printer\"\r\n        viewBox=\"0 0 16 16\"\r\n      >\r\n        <path d=\"M2.5 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z\" />\r\n        <path d=\"M5 1a2 2 0 0 0-2 2v2H2a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h1v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h1a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2H5zM4 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2H4V3zm1 5a2 2 0 0 0-2 2v1H2a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v-1a2 2 0 0 0-2-2H5zm7 2v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z\" fill=\"#4B65EB\"/>\r\n      </svg>\r\n      <a onClick={loadPdf} className=\"fix-border-bottom fix-top\">&nbsp;&nbsp;In Chuyển đổi</a>\r\n      {/* <br />\r\n      <svg\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        width=\"18\"\r\n        height=\"18\"\r\n        fill=\"currentColor\"\r\n        className=\"bi bi-search\"\r\n        viewBox=\"0 0 16 16\"\r\n      >\r\n        <path d=\"M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z\"fill=\"#BB6BD9\" />\r\n      </svg>\r\n      <a onClick={directLink} className=\"fix-border-bottom fix-top\">&nbsp;&nbsp;Tra cứu kê khai thuế</a> */}\r\n      <LoadingOverlay\r\n          active={isLoad}\r\n          spinner\r\n          styles={{\r\n            wrapper: {\r\n              width: '0px',\r\n              height: '0px',\r\n            }\r\n          }}\r\n        >\r\n       \r\n        </LoadingOverlay>\r\n    </div>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Moment  from 'moment';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  form: {\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n    margin: \"auto\",\r\n    width: \"fit-content\",\r\n  },\r\n  formControl: {\r\n    marginTop: theme.spacing(2),\r\n    minWidth: 120,\r\n  },\r\n  formControlLabel: {\r\n    marginTop: theme.spacing(1),\r\n  },\r\n  table: {\r\n    minWidth: 650,\r\n  },\r\n}));\r\n\r\nexport default function PopupKH({ openKH, dataKH, onHide }) {\r\n  const classes = useStyles();\r\n  const [maxWidth] = React.useState(\"xl\");\r\n  return (\r\n    <React.Fragment>\r\n      <Dialog\r\n        fullWidth={true}\r\n        maxWidth={maxWidth}\r\n        open={openKH}\r\n        onClose={onHide}\r\n        aria-labelledby=\"max-width-dialog-title\"\r\n      >\r\n        <DialogTitle id=\"max-width-dialog-title\">\r\n          Thông tin khách hàng\r\n        </DialogTitle>\r\n        <br />\r\n        <DialogContent>\r\n          <TableContainer component={Paper}>\r\n            <Table\r\n              className={classes.table}\r\n              size=\"small\"\r\n              aria-label=\"a dense table\"\r\n            >\r\n              <TableHead className=\"font-weight-bold\" style={{backgroundColor : \"#ebc610\"}}>\r\n                <TableRow >\r\n                  <TableCell align=\"center\">Tên C.ty</TableCell>\r\n                  <TableCell align=\"center\">Địa chỉ</TableCell>\r\n                  <TableCell align=\"center\">Mã số thuế</TableCell>\r\n                  <TableCell align=\"center\">Cơ quan thuế Q.lý</TableCell>\r\n                  <TableCell align=\"center\">Cơ quan thuế cấp tỉnh</TableCell>\r\n                  <TableCell align=\"center\">Ngày thành lập</TableCell>\r\n                  <TableCell align=\"center\">Người đại diện</TableCell>\r\n                </TableRow>\r\n              </TableHead>\r\n              <TableBody>\r\n                {dataKH && dataKH.length > 0 && dataKH.map((row,index) => (\r\n                  <TableRow key={index}>\r\n                    <TableCell align=\"center\">{row.ten_cty}</TableCell>\r\n                    <TableCell align=\"center\">{row.dia_chi}</TableCell>\r\n                    <TableCell align=\"center\">{row.ma_so_thue}</TableCell>\r\n                    <TableCell align=\"center\">{row.cqthue_ql}</TableCell>\r\n                    <TableCell align=\"center\">{row.cqthuecap_tinh}</TableCell>\r\n                    <TableCell align=\"center\">{Moment(row.ngay_thanh_lap).format('DD/MM/YYYY')}</TableCell>\r\n                    <TableCell align=\"center\">{row.nguoi_dai_dien}</TableCell>\r\n                  </TableRow>\r\n                ))}\r\n              </TableBody>\r\n            </Table>\r\n          </TableContainer>\r\n        </DialogContent>\r\n        <DialogActions>\r\n          <Button\r\n            onClick={() => {\r\n              onHide();\r\n            }}\r\n            color=\"primary\"\r\n          >\r\n            Thoát\r\n          </Button>\r\n        </DialogActions>\r\n      </Dialog>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport DialogActions from \"@material-ui/core/DialogActions\";\r\nimport DialogContent from \"@material-ui/core/DialogContent\";\r\nimport DialogTitle from \"@material-ui/core/DialogTitle\";\r\nimport Table from \"@material-ui/core/Table\";\r\nimport TableBody from \"@material-ui/core/TableBody\";\r\nimport TableCell from \"@material-ui/core/TableCell\";\r\nimport TableContainer from \"@material-ui/core/TableContainer\";\r\nimport TableHead from \"@material-ui/core/TableHead\";\r\nimport TableRow from \"@material-ui/core/TableRow\";\r\nimport Paper from \"@material-ui/core/Paper\";\r\nimport Moment  from 'moment';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  form: {\r\n    display: \"flex\",\r\n    flexDirection: \"column\",\r\n    margin: \"auto\",\r\n    width: \"fit-content\",\r\n  },\r\n  formControl: {\r\n    marginTop: theme.spacing(2),\r\n    minWidth: 120,\r\n  },\r\n  formControlLabel: {\r\n    marginTop: theme.spacing(1),\r\n  },\r\n  table: {\r\n    minWidth: 650,\r\n  },\r\n}));\r\n\r\nexport default function PopupTBPH({ open, data, onHide }) {\r\n  const classes = useStyles();\r\n  const [maxWidth] = React.useState(\"xl\");\r\n  return (\r\n    <React.Fragment>\r\n      <Dialog\r\n        fullWidth={true}\r\n        maxWidth={maxWidth}\r\n        open={open}\r\n        onClose={onHide}\r\n        aria-labelledby=\"max-width-dialog-title\"\r\n        \r\n      >\r\n        <DialogTitle id=\"max-width-dialog-title\">\r\n          Thông báo phát hành\r\n        </DialogTitle>\r\n        <br />\r\n        <DialogContent>\r\n          <TableContainer component={Paper}>\r\n            <Table\r\n              className={classes.table}\r\n              size=\"small\"\r\n              aria-label=\"a dense table\"\r\n            >\r\n              <TableHead className=\"font-weight-bold\" style={{backgroundColor : \"#ebc610\"}}>\r\n                <TableRow >\r\n                  <TableCell align=\"center\">Ngày thông báo</TableCell>\r\n                  <TableCell align=\"center\">Số thông báo</TableCell>\r\n                  <TableCell align=\"center\">Ngày bắt đầu SD</TableCell>\r\n                  <TableCell align=\"center\">Mẫu số</TableCell>\r\n                  <TableCell align=\"center\">Ký hiệu</TableCell>\r\n                  <TableCell align=\"center\">Số lượng</TableCell>\r\n                  <TableCell align=\"center\">Từ số</TableCell>\r\n                  <TableCell align=\"center\">Đến số</TableCell>\r\n                  <TableCell align=\"center\">Tại đơn vị</TableCell>\r\n                  <TableCell align=\"center\">Mst đơn vị</TableCell>\r\n                  {/* <TableCell align=\"center\">Số đặt in</TableCell>\r\n                  <TableCell align=\"center\">Ngày đặt in</TableCell> */}\r\n                </TableRow>\r\n              </TableHead>\r\n              <TableBody>\r\n                {data && data.data.length > 0 && data.data.map((row,index) => (\r\n                  <TableRow key={index}>\r\n                    <TableCell align=\"center\">{row.date}</TableCell>\r\n                    <TableCell align=\"center\">{row.no}</TableCell>\r\n                    <TableCell align=\"center\">{Moment(row.dataUsing).format('DD/MM/YYYY')}</TableCell>\r\n                    <TableCell align=\"center\">{row.formNo}</TableCell>\r\n                    <TableCell align=\"center\">{row.symbol}</TableCell>\r\n                    <TableCell align=\"center\">{row.quantity}</TableCell>\r\n                    <TableCell align=\"center\">{row.from}</TableCell>\r\n                    <TableCell align=\"center\">{row.to}</TableCell>\r\n                    <TableCell align=\"center\">{row.providerName}</TableCell>\r\n                    <TableCell align=\"center\">{row.providerTax}</TableCell>\r\n                    {/* <TableCell align=\"center\">{Moment(row.dateConvert).format('DD/MM/YYYY')}</TableCell>\r\n                    <TableCell align=\"center\">{Moment(row.dataUsingConvert).format('DD/MM/YYYY')}</TableCell> */}\r\n                  </TableRow>\r\n                ))}\r\n              </TableBody>\r\n            </Table>\r\n          </TableContainer>\r\n        </DialogContent>\r\n        <DialogActions>\r\n          <Button\r\n            onClick={() => {\r\n              onHide();\r\n            }}\r\n            color=\"primary\"\r\n          >\r\n            Thoát\r\n          </Button>\r\n        </DialogActions>\r\n      </Dialog>\r\n    </React.Fragment>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport PopupKH from \"./PopupKH\";\r\n// import axiosInstance from \"../../helper/axio\";\r\n// import { useToasts } from \"react-toast-notifications\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport PopupTBPH from \"./PopupTBPH\";\r\n// import md5 from \"md5\";\r\n// import { PluginMV, PluginConn } from \"./MinvoicePlugin\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\n\r\n// import {  toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\n// var _plugin = PluginMV();\r\n// var _conn = PluginConn();\r\n\r\nexport default function SearchInfo(data) {\r\n  // const url = \"Search/SearchTBH\";\r\n  // const url2 = \"Search/SearchThongTinNM\";\r\n  const [openPopup, setopenPopup] = React.useState(false); // Trạng thái mở Modal\r\n  const [openTBPH, setopenTBPH] = React.useState(false); // Trạng thái mở Modal\r\n  const [popupDataTBPH] = React.useState(undefined); // Dữ liệu truyền sang modal TBPH\r\n  const [popupDataKH] = React.useState(undefined); // Dữ liệu truyền sang modal KH\r\n  const [isLoading] = React.useState(false); // wait form\r\n  // const jsonPost = {\r\n    \r\n  //   masothue: data.SearchData.masothue,\r\n  //   ky_hieu: data.kyHieu,\r\n  //   mau_so: data.mauHD,\r\n  // };\r\n\r\n  // const OpenTraCuu = () => {\r\n \r\n  //   setisLoading(true);\r\n  //   axiosInstance\r\n  //     .post(url, jsonPost)\r\n  //     .then((res) => {\r\n  //       if (res.data.code == \"99\") {\r\n  //         setisLoading(false);\r\n  //         // addToast(res.data.message, { appearance: \"error\" });\r\n  //         toast.warn(res.data.message, {\r\n  //           position: \"top-right\",\r\n  //           autoClose: 3000,\r\n  //           hideProgressBar: false,\r\n  //           closeOnClick: true,\r\n  //           pauseOnHover: true,\r\n  //           draggable: true,\r\n  //           progress: undefined,\r\n  //           });\r\n  //       } else {\r\n  //         setpopupDataTBPH(res.data.data);\r\n  //         setisLoading(false);\r\n  //         setopenTBPH(true);\r\n  //       }\r\n  //     })\r\n  //     .catch((err) => {\r\n  //       setisLoading(false);\r\n  //       if (err.data.code == \"99\") {\r\n  //         // addToast(err.data.message, { appearance: \"error\" });\r\n  //         toast.warn(err.data.message, {\r\n  //           position: \"top-right\",\r\n  //           autoClose: 3000,\r\n  //           hideProgressBar: false,\r\n  //           closeOnClick: true,\r\n  //           pauseOnHover: true,\r\n  //           draggable: true,\r\n  //           progress: undefined,\r\n  //           });\r\n  //       }\r\n  //     });\r\n  // };\r\n\r\n  // const OpenMstInfo = (e) => {\r\n  //   debugger;\r\n  //   var jsonMstInfo = {};\r\n  //   if (data && data.SearchData.masothue) {\r\n  //     jsonMstInfo = {\r\n  //       masothue: data.SearchData.masothue,\r\n  //       key: md5(\r\n  //         \"DOANPV\" + \"CUONGNH1\" + data.SearchData.masothue.substring(0, 2)\r\n  //       ).toUpperCase(),\r\n  //     };\r\n  //   }\r\n  //   setisLoading(true);\r\n  //   axiosInstance\r\n  //     .post(url2, jsonMstInfo)\r\n  //     .then((res) => {\r\n  //       setisLoading(false);\r\n  //       setopenPopup(true);\r\n  //       setpopupDataKH(res.data.data);\r\n  //     })\r\n  //     .catch((err) => {\r\n  //       setisLoading(false);\r\n  //       setopenPopup(false);\r\n  //     });\r\n  // };\r\n  const closeToggle = () => {\r\n    setopenPopup(false);\r\n    setopenTBPH(false);\r\n  };\r\n\r\n  // const ReadToken = () => {\r\n  //   var jsonRead = { xml: data.ecd, id: 'seller' };\r\n  //   console.log(\"Xml \", data);\r\n  //   if (_conn.state != 1) {\r\n  //     alert(\"Bạn chưa bật hoặc cài Plugin ký\");\r\n  //   } else {\r\n  //     debugger;\r\n  //     _plugin.invoke(\"execCommand\", \"ShowCert2\", JSON.stringify(jsonRead))\r\n  //       .done(function (res) {\r\n  //         console.log(res);\r\n  //       })\r\n  //       .fail(function (error) {\r\n  //         console.log(error);\r\n  //       });\r\n  //   }\r\n  // };\r\n\r\n  return data ? (\r\n    <div className=\"line-fix\">\r\n      {/* <svg\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        width=\"18\"\r\n        height=\"18\"\r\n        fill=\"currentColor\"\r\n        className=\"bi bi-search\"\r\n        viewBox=\"0 0 16 16\"\r\n      >\r\n        <path d=\"M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z\" fill=\"#BB6BD9\"/>\r\n      </svg>\r\n      <a onClick={OpenTraCuu} className=\"fix-border-bottom fix-top\">\r\n        &nbsp;&nbsp;Tra cứu thông báo phát hành\r\n      </a>\r\n      <br />\r\n      <svg\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        width=\"18\"\r\n        height=\"18\"\r\n        fill=\"currentColor\"\r\n        className=\"bi bi-search\"\r\n        viewBox=\"0 0 16 16\"\r\n      >\r\n        <path d=\"M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z\" fill=\"#BB6BD9\"/>\r\n      </svg>\r\n      <a onClick={OpenMstInfo} className=\"fix-border-bottom fix-top\">\r\n        &nbsp;&nbsp;Tra cứu thông tin khách hàng\r\n      </a>\r\n      <br/>\r\n      <ToastContainer/>\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" className=\"bi bi-pencil-square\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z\" fill=\"#2C76FF\"/>\r\n        <path fill-rule=\"evenodd\" d=\"M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z\" fill=\"#2C76FF\"/>\r\n      </svg>\r\n      <a onClick={ReadToken} className=\"fix-border-bottom fix-top\">\r\n        &nbsp;&nbsp;Đọc CKS người bán\r\n      </a> */}\r\n      <PopupKH openKH={openPopup} dataKH={popupDataKH} onHide={closeToggle} />\r\n      <PopupTBPH open={openTBPH} data={popupDataTBPH} onHide={closeToggle} />\r\n      {isLoading && (\r\n        <div className=\"text-center\">\r\n          <CircularProgress />\r\n        </div>\r\n      )}\r\n      <LoadingOverlay\r\n          active={isLoading}\r\n          spinner\r\n          styles={{\r\n            wrapper: {\r\n              width: '0px',\r\n              height: '0px',\r\n            }\r\n          }}\r\n        >\r\n       \r\n        </LoadingOverlay>\r\n    </div>\r\n    \r\n  ) : (\r\n    <></>\r\n  );\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport axiosInstance from \"../../helper/axio\";\r\nimport ExtensionDownload from \"./ExtensionDownload\";\r\nimport InvoiceInfomation from \"./InvoiceInfomation\";\r\nimport InvoiceOptions from \"./InvoiceOptions\";\r\nimport SearchInfo from \"./SearchInfo\";\r\n// import Icon from \"@material-ui/core/Icon\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n// import { PluginMV, PluginConn } from \"./MinvoicePlugin\";\r\n// import { useToasts } from \"react-toast-notifications\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\n\r\n// import { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  root: {\r\n    \"& > .fa\": {\r\n      margin: theme.spacing(2),\r\n    },\r\n  },\r\n}));\r\n// var _plugin = PluginMV();\r\n// var _conn = PluginConn();\r\n\r\nexport default function GroupOptions(data) {\r\n  const classes = useStyles();\r\n  // const { addToast } = useToasts(); // trạng thái hiển thị cảnh báo\r\n  const InvoiceOptionsData = data.data;\r\n  const url = \"invoice/GetInforInvoice\";\r\n  const [infoModal, setinfoModal] = React.useState(undefined); // Thông tin hóa đơn\r\n  const [InvoiceSeries, setInvoiceSeries] = React.useState(undefined); // Ký hiệu\r\n  const [MauSo, setMauSo] = React.useState(undefined); // Mẫu số\r\n  const [masoThue, setmasoThue] = React.useState(undefined); // Mã số thuế\r\n  const [ setauthID] = React.useState(undefined); // AuthID\r\n  const [ setcrypt] = React.useState(undefined); // ConnectString\r\n  const [Ecd, setEcd] = React.useState(undefined); // Read Token người bán\r\n\r\n  const [isLoad, setisLoad] = React.useState(false); // Trạng thái mở Modal\r\n  const jsonInfo = {\r\n    masothue: data.data.masothue,\r\n    sobaomat: data.data.sobaomat,\r\n  };\r\n\r\n  // useEffect(() => {\r\n  //   debugger;\r\n  //   setisLoad(true);\r\n  //   axiosInstance.post(url, jsonInfo).then((res) => {\r\n  //     setinfoModal(res.data.data.data[0]);\r\n  //     setInvoiceSeries(res.data.data.data[0].inv_invoiceSeries);\r\n  //     setMauSo(res.data.data.data[0].mau_hd);\r\n  //     setmasoThue(res.data.data.data[0].inv_buyerTaxCode);\r\n  //     setauthID(res.data.data.data[0].inv_InvoiceAuth_id);\r\n  //     // console.log(res.data.data.data[0].inv_InvoiceAuth_id);\r\n  //     setcrypt(res.data.data.data[0].auth_id);\r\n  //     setEcd(res.data.data.data[0].ecd);\r\n  //     setisLoad(false);\r\n  //   });\r\n  // }, []);\r\n\r\n  // const signInvoice = () => {\r\n  //   debugger;\r\n  //   var crypts = atob(crypt);\r\n  //   // Người mua ký điiiiiiiiiiiiiiiiiiiiiiiiii\r\n  //   if (_conn.state != 1) {\r\n  //     //addToast(\"Không có hoặc chưa bật Plugin ký. Vui lòng kiểm tra lại\", { appearance: \"error\" });\r\n\r\n  //     toast.warn(\"Không có hoặc chưa bật Plugin ký. Vui lòng kiểm tra lại !\", {\r\n  //       position: \"top-right\",\r\n  //       autoClose: 3000,\r\n  //       hideProgressBar: false,\r\n  //       closeOnClick: true,\r\n  //       pauseOnHover: true,\r\n  //       draggable: true,\r\n  //       progress: undefined,\r\n  //     });\r\n  //   } else {\r\n  //     setisLoad(true);\r\n  //     _plugin\r\n  //       .invoke(\"SignatureXML\", masoThue, authID, crypts)\r\n  //       .done(function (res) {\r\n  //         //addToast(res, { appearance: \"success\" });\r\n  //         setisLoad(false);\r\n  //         toast.success(res, {\r\n  //           position: \"top-right\",\r\n  //           autoClose: 3000,\r\n  //           hideProgressBar: false,\r\n  //           closeOnClick: true,\r\n  //           pauseOnHover: true,\r\n  //           draggable: true,\r\n  //           progress: undefined,\r\n  //         });\r\n  //       })\r\n  //       .fail(function (error) {\r\n  //         setisLoad(false);\r\n  //         // addToast(error, { appearance: \"error\" });\r\n  //         toast.warn(error, {\r\n  //           position: \"top-right\",\r\n  //           autoClose: 3000,\r\n  //           hideProgressBar: false,\r\n  //           closeOnClick: true,\r\n  //           pauseOnHover: true,\r\n  //           draggable: true,\r\n  //           progress: undefined,\r\n  //         });\r\n  //       });\r\n  //   }\r\n  // };\r\n\r\n  return (\r\n    <div className=\"container fix-cusor \">\r\n      <form className={classes.root}>\r\n        <InvoiceInfomation InvoiceData={infoModal} />\r\n        {/* <div align=\"right\">\r\n          <button\r\n            type=\"button\"\r\n            className=\"btn btn-primary fix-top\"\r\n            onClick={signInvoice}\r\n          >\r\n            <svg\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n              width=\"18\"\r\n              height=\"18\"\r\n              fill=\"currentColor\"\r\n              className=\"bi bi-pencil\"\r\n              viewBox=\"0 0 16 16\"\r\n            >\r\n              <path d=\"M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z\" />\r\n            </svg>\r\n            &nbsp;&nbsp;&nbsp;Người mua ký hóa đơn&nbsp;\r\n          </button>\r\n        </div> */}\r\n        {/* <ToastContainer/> */}\r\n\r\n        <ExtensionDownload infomationInvoice={InvoiceOptionsData} />\r\n        <InvoiceOptions InvoiceDatas={InvoiceOptionsData} />\r\n        <SearchInfo\r\n          SearchData={InvoiceOptionsData}\r\n          mauHD={MauSo}\r\n          kyHieu={InvoiceSeries}\r\n          msThue={masoThue}\r\n          ecd={Ecd}\r\n        />\r\n      </form>\r\n      <LoadingOverlay\r\n        active={isLoad}\r\n        spinner\r\n        styles={{\r\n          wrapper: {\r\n            width: \"0px\",\r\n            height: \"0px\",\r\n          },\r\n        }}\r\n      ></LoadingOverlay>\r\n    </div>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Dialog from \"@material-ui/core/Dialog\";\r\nimport List from \"@material-ui/core/List\";\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Toolbar from \"@material-ui/core/Toolbar\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport CloseIcon from \"@material-ui/icons/Close\";\r\nimport GroupOptions from \"./ModalOptions/GroupOptions\";\r\nimport { DialogContent } from \"@material-ui/core\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  appBar: {\r\n    position: \"relative\",\r\n  },\r\n  title: {\r\n    marginLeft: theme.spacing(2),\r\n    flex: 1,\r\n  },\r\n}));\r\n\r\nexport default function ExportModal({ hide, open, byteData, infoModal }) {\r\n  const classes = useStyles();\r\n  const [scroll] = React.useState(\"paper\");\r\n  const file = new Blob([byteData], {\r\n    type: \"application/pdf\",\r\n  });\r\n  const [maxWidth] = React.useState(\"lg\");\r\n  const fileURL = URL.createObjectURL(file);\r\n  return (\r\n    <div className=\"container-fluid \">\r\n      <Dialog\r\n        fullWidth={true}\r\n        maxWidth={maxWidth}\r\n        open={open}\r\n        onClose={hide}\r\n        scroll={\"paper\"}\r\n        className=\" fix-dialog \"\r\n      >\r\n        <AppBar className={classes.appBar}>\r\n          <Toolbar style={{ paddingRight: \"20px,\" }}>\r\n            {\" \"}\r\n            <IconButton\r\n              edge=\"start\"\r\n              color=\"inherit\"\r\n              onClick={hide}\r\n              aria-label=\"close\"\r\n            >\r\n              <CloseIcon />\r\n            </IconButton>\r\n            &nbsp;&nbsp;Hóa đơn điện tử PVComBank\r\n          </Toolbar>\r\n        </AppBar>\r\n        <DialogContent dividers={scroll === \"paper\"} className=\"overflow-auto\">\r\n          <List className=\"row h-100\">\r\n            <div className=\"col-2 col-sm-12 col-xs-12 col-md-3\">\r\n              {/* <div className=\"align-items-center justify-content-between\">\r\n                <span className=\"fix-center-text line-fix\">THÔNG TIN HÓA ĐƠN</span>\r\n              </div> */}\r\n              <div>\r\n                <GroupOptions data={infoModal} />\r\n              </div>\r\n            </div>\r\n            <div className=\"col-10 col-sm-12 col-xs-12 col-md-9 \">\r\n              <iframe\r\n                style={{ width: \"100%\", height: \"95%\" }}\r\n                src={fileURL}\r\n              />\r\n            </div>\r\n          </List>\r\n        </DialogContent>\r\n      </Dialog>\r\n    </div>\r\n  );\r\n}\r\n","import React, { Component } from 'react';\r\nimport { DataGrid, formatDateToLocalInputDate  } from '@material-ui/data-grid';\r\nimport { useEffect, useState } from \"react\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport dateFormat from 'dateformat';\r\n// import { makeStyles } from '@material-ui/core/styles';\r\n// import { createMuiTheme, darken, lighten } from '@material-ui/core/styles';\r\n\r\n\r\n// import required css from library\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport './LookupInvoice.css';\r\n\r\nimport axiosInstance from \"../../helper/axio\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\n\r\n//redux and route\r\nimport { Logout } from '../../action/Dispatch';\r\nimport { ContentBody } from '../../action/Dispatch';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from \"react-redux\";\r\n//import icon, button\r\nimport Button from '@material-ui/core/Button';\r\nimport SearchIcon from '@material-ui/icons/Search';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\r\nimport { faSync } from '@fortawesome/free-solid-svg-icons'\r\nimport { faCalendarCheck } from '@fortawesome/free-regular-svg-icons'\r\nimport LoadingOverlay from 'react-loading-overlay';\r\n\r\nimport ExportModal from \"../ExportModal\";\r\n\r\n// const useStyles = makeStyles((theme) => ({\r\n//   button: {\r\n//     // margin: theme.spacing(1),\r\n//   },\r\n// }));\r\n//  const defaultTheme = createMuiTheme();\r\n// const useStyles = makeStyles(\r\n//   (theme) => {\r\n//     const getBackgroundColor = (color) =>\r\n//       getThemePaletteMode(theme.palette) === 'dark'\r\n//         ? darken(color, 0.6)\r\n//         : lighten(color, 0.6);\r\n\r\n//     const getHoverBackgroundColor = (color) =>\r\n//       getThemePaletteMode(theme.palette) === 'dark'\r\n//         ? darken(color, 0.5)\r\n//         : lighten(color, 0.5);\r\n\r\n//     return {\r\n//       root: {\r\n//         '& .super-app-theme--Open': {\r\n//           backgroundColor: getBackgroundColor(theme.palette.info.main),\r\n//           '&:hover': {\r\n//             backgroundColor: getHoverBackgroundColor(theme.palette.info.main),\r\n//           },\r\n//         },\r\n//         '& .super-app-theme--Filled': {\r\n//           backgroundColor: getBackgroundColor(theme.palette.success.main),\r\n//           '&:hover': {\r\n//             backgroundColor: getHoverBackgroundColor(theme.palette.success.main),\r\n//           },\r\n//         },\r\n//         '& .super-app-theme--PartiallyFilled': {\r\n//           backgroundColor: getBackgroundColor(theme.palette.warning.main),\r\n//           '&:hover': {\r\n//             backgroundColor: getHoverBackgroundColor(theme.palette.warning.main),\r\n//           },\r\n//         },\r\n//         '& .super-app-theme--Rejected': {\r\n//           backgroundColor: getBackgroundColor(theme.palette.error.main),\r\n//           '&:hover': {\r\n//             backgroundColor: getHoverBackgroundColor(theme.palette.error.main),\r\n//           },\r\n//         },\r\n//       },\r\n//     };\r\n//   },\r\n//    { defaultTheme },\r\n// );\r\n\r\nconst LookupEinvoice = (props) => {\r\n\r\n  // const classes = useStyles();\r\n  // const classes = useStyles();\r\n  const url = \"invoice/SearchMultiInvoice\";\r\n  const url_printInvoice = \"Search/PrintInvoiceCusPDF\";\r\n  const url_downloadInvoice = \"Search/ExportXmlInvoice\";\r\n\r\n  const [isLoading, setLoading] = useState(false); //state loading\r\n  const [isLoadingButton, setLoadingButton] = useState(false); //state loading button\r\n\r\n  const [StateLookup, setStateLookup] = useState({ tu_ngay: new Date(\"01/01/2021\"), den_ngay: new Date(), masothue: props.user.user?.mst });\r\n  // const [StateLookup, setStateLookup] = useState({ tu_ngay: new Date(), den_ngay: new Date(), masothue: props.user.user?.mst });\r\n  // const [ToDate, setToDate] = useState(new Date());\r\n  const { addToast } = useToasts(); //hiển thị cảnh báo\r\n  const [pageSize, setPageSize] = React.useState(30); //set page size\r\n  const [data_rows, setdata_rows] = React.useState([]); // set data from API fill in Grid\r\n\r\n  const [openModal, setOpenModal] = React.useState(false); // Trạng thái mở Modal\r\n\r\n  const [byteData, setByteData] = React.useState(undefined); // Dữ liệu truyền sang modal\r\n  const [infoModal, setinfoModal] = React.useState(undefined); // Dữ liệu truyền sang modal\r\n  const datepickerRef = React.useRef(null);\r\n  const datepickerRef2 = React.useRef(null);\r\n  useEffect(() => {\r\n    props.ContentBody(false);\r\n\r\n\r\n\r\n    //componentDidMount\r\n    if (props.user.isLoggedIn == false) {\r\n      setLoadingButton(false);\r\n      addToast(\"Bạn chưa đăng nhập!\", { appearance: \"error\" });\r\n      //đưa về trang chủ\r\n      localStorage.removeItem(\"user\");\r\n      props.ContentBody(true);\r\n      props.Logout();\r\n\r\n      props.history.push({ pathname: '/', state: \"mutiple\" });\r\n\r\n    }\r\n    else {\r\n      const axiosConfig = {\r\n        headers: {\r\n          'Content-Type': 'application/json;charset=UTF-8',\r\n          'Authorization': `Bearer ${props.user.user?.token}`\r\n        }\r\n      };\r\n      // var settungay = convertDate(StateLookup.tu_ngay);\r\n      var data_Lookup = {\r\n        tu_ngay: dateFormat(StateLookup.tu_ngay, \"yyyy-mm-dd\"),\r\n        den_ngay: dateFormat(StateLookup.den_ngay, \"yyyy-mm-dd\"),\r\n        masothue: StateLookup.masothue,\r\n        ma_dt: props.user.user.ma_dt\r\n      };\r\n\r\n      axiosInstance\r\n        .post(url, data_Lookup, axiosConfig)\r\n        .then((res) => {\r\n          if (res.data.code == '00') {\r\n            if (res.data.data != null) {\r\n              if (res.data.data.data.length > 0) {\r\n\r\n                var sortedObjs = res.data.data.data.sort((a, b) => Number(b.inv_invoiceNumber) - Number(a.inv_invoiceNumber));\r\n                for (var i = 0; i < sortedObjs.length; i++) {\r\n                  sortedObjs[i].id = i + 1;\r\n                }\r\n                setdata_rows(res.data.data.data);\r\n                setLoadingButton(false);\r\n              }\r\n              else {\r\n                setLoadingButton(false);\r\n                addToast(\"Không tìm thấy hóa đơn trong khoảng ngày này!\", { appearance: \"error\" });\r\n              }\r\n            }\r\n            else{\r\n              setLoadingButton(false);\r\n              addToast(\"Không tìm thấy hóa đơn trong khoảng ngày này!\", { appearance: \"error\" });\r\n            }\r\n          }\r\n\r\n          // setOpenModal(true);\r\n        })\r\n        .catch((err) => {\r\n          if(err.message.includes('Network')){\r\n            addToast(err.message, { appearance: \"error\" });\r\n            setLoadingButton(false);\r\n          }\r\n          else{\r\n            if (err.response.status == 401) {\r\n              setLoadingButton(false);\r\n              localStorage.removeItem(\"user\");\r\n              props.ContentBody(true);\r\n              props.Logout();\r\n              addToast(\"Phiên đăng nhập hết hạn vui lòng đăng nhập lại!\", { appearance: \"error\" });\r\n              props.history.push({ pathname: '/', state: \"mutiple\" });\r\n  \r\n            }\r\n            else {\r\n              if (JSON.stringify(err).includes('message')) {\r\n                addToast(err.message, { appearance: \"error\" });\r\n                setLoadingButton(false);\r\n              }\r\n              else { addToast(err.message, { appearance: \"error\" }); setLoadingButton(false); }\r\n            }\r\n          }\r\n          \r\n\r\n\r\n        });\r\n    }\r\n\r\n  \r\n\r\n  }, []);\r\n  // const convertDate =(date) =>{\r\n  //  return new  Intl.DateTimeFormat(\"en-US\", {\r\n  //   year: 'numeric',\r\n  //   month: '2-digit',\r\n  //   day: '2-digit'\r\n  //   }).format(date);\r\n  // }\r\n  if (props.user.isLoggedIn == false) {\r\n    props.ContentBody(true);\r\n    props.history.push('/');\r\n  }\r\n\r\n  function toggle() {\r\n    setOpenModal(!openModal);\r\n  }\r\n\r\n  const ClickDownloadXML = (params) => {\r\n\r\n    //gọi api get thông tin hđ\r\n    setLoading(true);\r\n    const data_json = { sobaomat: params.row.sobaomat, masothue: StateLookup.masothue, type: \"PDF\", inchuyendoi: \"1\" };\r\n\r\n    axiosInstance\r\n      .post(url_downloadInvoice, data_json, { responseType: \"arraybuffer\" })\r\n      .then((res) => {\r\n        const file = new Blob([res.data], {\r\n          type: \"application/zip\",\r\n        });\r\n        const fileURL = URL.createObjectURL(file);\r\n        var a = document.createElement(\"a\");\r\n        document.body.appendChild(a);\r\n        a.href = fileURL;\r\n        a.download = \"Invoice_\" + data_json.masothue + \"_\" + data_json.sobaomat +\"_\"+params.row.inv_invoiceNumber+ \".zip\";\r\n        a.click();\r\n        window.URL.revokeObjectURL(fileURL);\r\n        document.body.removeChild(a);\r\n\r\n        setLoading(false);\r\n      })\r\n      .catch((err) => {\r\n        addToast(err.message, { appearance: \"error\" });\r\n        setLoading(false);\r\n      });\r\n    // data.InvoiceCus = true;\r\n    // setinfoModal(data);\r\n  }\r\n\r\n  const ClickView = (params) => {\r\n    //gọi api get thông tin hđ\r\n    setLoading(true);\r\n    const data = { sobaomat: params.row.sobaomat, masothue: StateLookup.masothue, type: \"PDF\" };\r\n\r\n    axiosInstance\r\n      .post(url_printInvoice, data, { responseType: \"arraybuffer\" })\r\n      .then((res) => {\r\n        setByteData(res.data);\r\n        setOpenModal(true);\r\n\r\n        setLoading(false);\r\n      })\r\n      .catch((err) => {\r\n        addToast(err.message, { appearance: \"error\" });\r\n        setLoading(false);\r\n      });\r\n    data.InvoiceCus = true;\r\n    setinfoModal(data);\r\n  }\r\n\r\n  const columns = [\r\n    { field: \"id\", headerName: \"STT\", width: 130, renderHeader: () => (<strong>{'STT'}</strong>), identity: true },\r\n    { field: \"mau_hd\", headerName: \"Mẫu số\", headerAlign: \"center\", align: \"left\", width: 150, renderHeader: () => (<strong>{'Mẫu số'}</strong>) },\r\n    { field: \"inv_invoiceSeries\", headerName: \"Ký hiệu\", headerAlign: \"center\", align: \"left\", width: 140, renderHeader: () => (<strong>{'Ký hiệu'}</strong>) },\r\n    { field: \"inv_invoiceNumber\", headerName: \"Số hóa đơn\", headerAlign: \"center\", align: \"left\", type: \"number\", width: 160, renderHeader: () => (<strong>{'Số hóa đơn'}</strong>),\r\n    \r\n    renderCell: (params) => (\r\n     <span style={{color:\"#2c76ff\"}}>{params.row.inv_invoiceNumber}</span>\r\n\r\n    )\r\n  \r\n    },\r\n    {\r\n      field: \"inv_invoiceIssuedDate\", headerName: \"Ngày hóa đơn\", headerAlign: \"center\", align: \"left\", type: \"date\", width: 180, renderHeader: () => (<strong>{'Ngày hóa đơn'}</strong>),\r\n      valueFormatter: (params) => {\r\n        const valueFormatted = dateFormat(params.value, \"dd/mm/yyyy\");\r\n        return valueFormatted;\r\n\r\n      }\r\n    },\r\n    {\r\n      field: \"inv_TotalAmount\", headerName: \"Tổng tiền\", type: \"number\", headerAlign: \"center\", align: \"left\", description: \"\", width: 150, renderHeader: () => (<strong>{'Tổng tiền'}</strong>)\r\n      // sortable: false,\r\n      // width: 160,\r\n      // valueGetter: (params) =>\r\n      //   `${params.getValue(\"firstName\") || \"\"} ${\r\n      //     params.getValue(\"lastName\") || \"\"\r\n      //   }`\r\n    },\r\n    {\r\n      field: \"action\", headerName: \"Action\", headerAlign: \"center\", align: \"left\", width: 160, renderHeader: () => (<strong>{'Tải xuống'}</strong>),\r\n      renderCell: (params) => (\r\n        <>\r\n        <Button\r\n          variant=\"contained\"\r\n          color=\"primary\"\r\n          size=\"small\"\r\n          className=\"fix_buttonXML\"\r\n          onClick={() => ClickDownloadXML(params)}\r\n\r\n        >\r\n          XML\r\n        </Button>\r\n        <Button\r\n          variant=\"contained\"\r\n          color=\"primary\"\r\n          size=\"small\"\r\n          className=\"fix_buttonPDF\"\r\n          onClick={() => ClickView(params)}\r\n\r\n        >\r\n          PDF\r\n        </Button>\r\n        </>\r\n      )\r\n    }\r\n  ];\r\n\r\n\r\n\r\n\r\n  const searchInvoiceList = () => {\r\n\r\n    setLoadingButton(true);\r\n    //gọi api\r\n\r\n    if (props.user.isLoggedIn == false) {\r\n      setLoadingButton(false);\r\n      addToast(\"Bạn chưa đăng nhập!\", { appearance: \"error\" });\r\n      //đưa về trang chủ\r\n      localStorage.removeItem(\"user\");\r\n      props.ContentBody(true);\r\n      props.Logout();\r\n\r\n      props.history.push({ pathname: '/', state: \"mutiple\" });\r\n\r\n    }\r\n    else {\r\n      const axiosConfig = {\r\n        headers: {\r\n          'Content-Type': 'application/json;charset=UTF-8',\r\n          'Authorization': `Bearer ${props.user.user?.token}`\r\n        }\r\n      };\r\n      // var settungay = convertDate(StateLookup.tu_ngay);\r\n      var data_Lookup = {\r\n        tu_ngay: dateFormat(StateLookup.tu_ngay, \"yyyy-mm-dd\"),\r\n        den_ngay: dateFormat(StateLookup.den_ngay, \"yyyy-mm-dd\"),\r\n        masothue: StateLookup.masothue,\r\n        ma_dt: props.user.user.ma_dt\r\n      };\r\n\r\n      axiosInstance\r\n        .post(url, data_Lookup, axiosConfig)\r\n        .then((res) => {\r\n          if (res.data.code == '00') {\r\n            if (res.data.data != null) {\r\n              if (res.data.data.data.length > 0) {\r\n\r\n                var sortedObjs = res.data.data.data.sort((a, b) => Number(b.inv_invoiceNumber) - Number(a.inv_invoiceNumber));\r\n                for (var i = 0; i < sortedObjs.length; i++) {\r\n                  sortedObjs[i].id = i + 1;\r\n                }\r\n                setdata_rows(res.data.data.data);\r\n                setLoadingButton(false);\r\n              }\r\n              else {\r\n                setLoadingButton(false);\r\n                addToast(\"Không tìm thấy hóa đơn trong khoảng ngày này!\", { appearance: \"error\" });\r\n              }\r\n            }\r\n            else{\r\n              setLoadingButton(false);\r\n              addToast(\"Không tìm thấy hóa đơn trong khoảng ngày này!\", { appearance: \"error\" });\r\n            }\r\n          }\r\n\r\n          // setOpenModal(true);\r\n        })\r\n        .catch((err) => {\r\n          if(err.message.includes('Network')){\r\n            addToast(err.message, { appearance: \"error\" });\r\n            setLoadingButton(false);\r\n          }\r\n          else{\r\n            if (err.response.status == 401) {\r\n              setLoadingButton(false);\r\n              localStorage.removeItem(\"user\");\r\n              props.ContentBody(true);\r\n              props.Logout();\r\n              addToast(\"Phiên đăng nhập hết hạn vui lòng đăng nhập lại!\", { appearance: \"error\" });\r\n              props.history.push({ pathname: '/', state: \"mutiple\" });\r\n  \r\n            }\r\n            else {\r\n              if (JSON.stringify(err).includes('message')) {\r\n                addToast(err.message, { appearance: \"error\" });\r\n                setLoadingButton(false);\r\n              }\r\n              else { addToast(err.message, { appearance: \"error\" }); setLoadingButton(false); }\r\n            }\r\n          }\r\n          \r\n\r\n\r\n        });\r\n    }\r\n\r\n  }\r\n\r\n  const handlePageSizeChange = (params) => {\r\n    setPageSize(params.pageSize);\r\n  };\r\n\r\n  return (\r\n\r\n    <div>\r\n      {/* {isLoading ? <div className=\"modal fade fadeIn\"><div className=\"fix_trans\"> <FontAwesomeIcon className=\"spin_config\" icon={faSync} size=\"3x\" /></div> </div> : null} */}\r\n      <LoadingOverlay\r\n          active={isLoading}\r\n          spinner\r\n          styles={{\r\n            wrapper: {\r\n              width: '0px',\r\n              height: '0px',\r\n            }\r\n          }}\r\n        >\r\n       \r\n      </LoadingOverlay>\r\n      <div className=\"d-flex flex-column-fluid\">\r\n        <div className=\"container-invoice-list\">\r\n          <div className=\"card card-custom gutter-b\">\r\n            <div className=\"card-body p-0\">\r\n              <div className=\" border-0 bgr-grid\" >\r\n                <div className=\"row tilte-grid\">\r\n                  {/* <div className=\"col-lg-1 col-md-1 col-sm-2 col-xs-2 text-right\">\r\n                    <span className=\"card-label font-weight-bolder text-white\"> Thời gian</span>\r\n                  </div> */}\r\n\r\n                  <div className=\"col-lg-3 col-md-3 col-sm-4 col-xs-4 col-12 fix_tungay fix_mobe\">\r\n                    <div className=\"form-group\">\r\n                      {/* <label className=\"card-label font-weight-bolder text-white text-left\" style={{ float: 'left', width: '100%' }}>Từ ngày</label> */}\r\n                      <label onClick={e =>  e.preventDefault()} style={{ position: \"relative\", width: \"100%\" }}>\r\n                      \r\n                        <DatePicker\r\n                          ref={datepickerRef}\r\n                          placeholderText=\"Từ ngày\"\r\n                          selected={StateLookup.tu_ngay}\r\n                          onChange={date => setStateLookup({ ...StateLookup, tu_ngay: date })}\r\n                          dateFormat=\"dd/MM/yyyy\"\r\n                          showMonthDropdown\r\n                          showYearDropdown\r\n                          peekNextMonth\r\n                          dropdownMode=\"select\"\r\n                          className=\"fix-picker\"\r\n                          shouldCloseOnSelect={true}\r\n                        />\r\n                      \r\n                        <FontAwesomeIcon onClick={ ()=> datepickerRef.current.setOpen(true)} className=\"datepick_font\" icon={faCalendarCheck} size=\"1x\" />\r\n                        \r\n                      </label>\r\n                      {/* <i className=\"fa fa-calendar\" aria-hidden=\"true\"></i> */}\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"col-lg-3 col-md-3 col-sm-4 col-xs-4 col-12 fix_mobe\">\r\n                    <div className=\"form-group\">\r\n                      {/* <label className=\"card-label font-weight-bolder text-white text-left\" style={{ float: 'left', width: '100%' }}>Đến ngày</label> */}\r\n                      <label onClick={e =>  e.preventDefault()} style={{ position: \"relative\",width: \"100%\" }}>\r\n                        <DatePicker\r\n                          placeholderText=\"Đến ngày\"\r\n                          selected={StateLookup.den_ngay}\r\n                          onChange={date => setStateLookup({ ...StateLookup, den_ngay: date })}\r\n                          dateFormat=\"dd/MM/yyyy\"\r\n                          showMonthDropdown\r\n                          showYearDropdown\r\n                          peekNextMonth\r\n                          dropdownMode=\"select\"\r\n                          className=\"fix-picker\"\r\n                          ref={datepickerRef2}\r\n                        />\r\n                        <FontAwesomeIcon onClick={ ()=> datepickerRef2.current.setOpen(true)} className=\"datepick_font\" icon={faCalendarCheck} size=\"1x\" />\r\n\r\n                      </label>\r\n                      {/* <i className=\"fa fa-calendar\" aria-hidden=\"true\"></i> */}\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"col-lg-3 col-md-3 col-sm-4 col-xs-4 col-12 fix_search fix_mobe\">\r\n                    {isLoadingButton ?\r\n                      // <Button  variant=\"contained\" color=\"default\" className=\"\"><FontAwesomeIcon className=\"spin_config\" icon={faSync} size=\"2x\" /></Button>\r\n                      <Button\r\n                        style={{ opacity: 0.8 }}\r\n                        variant=\"contained\"\r\n                        color=\"default\"\r\n                        className=\"button_search\"\r\n                        startIcon={<FontAwesomeIcon className=\"spin_config\" icon={faSync} size=\"1x\" />}\r\n                      >\r\n                        <strong> Tìm kiếm</strong>\r\n                      </Button>\r\n                      : <Button\r\n                        onClick={() => searchInvoiceList()}\r\n                        variant=\"contained\"\r\n                        color=\"default\"\r\n                        className=\"button_search\"\r\n                        startIcon={<SearchIcon />}\r\n                      >\r\n                        <strong> Tìm kiếm</strong>\r\n                      </Button>\r\n                    }\r\n                    {/* <button name=\"\" id=\"\" onClick={() => searchInvoiceList()} className=\"btn btn-primary\" role=\"button\">Tìm kiếm</button> */}\r\n                  </div>\r\n\r\n                </div>\r\n              </div>\r\n              <div style={{ height: 400, width: '100%' }} >\r\n                <DataGrid\r\n                  \r\n                  aria-label=\"Tra cứu\"\r\n                  pageSize={pageSize}\r\n                  onPageSizeChange={handlePageSizeChange}\r\n                  rowsPerPageOptions={[5, 10, 20, 30, 50, 100]}\r\n                  rows={data_rows}\r\n                  getRowId={(row) => row.id}\r\n                  columns={columns}\r\n                  ColumnMenuIcon\r\n                  componentsProps={{\r\n                    pagination: {\r\n                      labelRowsPerPage: ('Số hóa đơn trên một trang'),\r\n                      labelDisplayedRows: ({ from, to, count }) =>\r\n                        `${from}-${to} trên ${count !== -1 ? count : ` ${to}`} hóa đơn`,\r\n                      backIconButtonText: \"Trang trước\",\r\n                      nextIconButtonText: \"Trang sau\"\r\n                    }\r\n                  }}\r\n\r\n                  localeText={{\r\n                    footerRowSelected: (count) =>\r\n                      count !== 1\r\n                        ? `${count.toLocaleString()} hóa đơn đã chọn`\r\n                        : `${count.toLocaleString()} hóa đơn đã chọn`,\r\n                  }}\r\n\r\n                  // getRowClassName={(params) =>\r\n                  //   `super-app-theme--${params.id%2 ? \"chan\" : \"le\"}`\r\n                  // }\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <ExportModal\r\n        open={openModal}\r\n        hide={toggle}\r\n        byteData={byteData}\r\n        infoModal={infoModal}\r\n      />\r\n    </div>\r\n\r\n  );\r\n\r\n\r\n  // return (\r\n  //     <div>\r\n  //         <div className=\"text-center\"><span style={{ fontSize: \"40px\", color: \"#00fff3\", fontWeight: \"bold\" }}>TRA CỨU HÀNG LOẠT HÓA ĐƠN</span></div>\r\n  //         <div className=\"d-flex flex-column-fluid\">\r\n  //             <div className=\"container\">\r\n  //                 <div className=\"card card-custom gutter-b\">\r\n  //                     <div className=\"card-body p-0\">\r\n\r\n\r\n  //                     </div>\r\n  //                 </div>\r\n  //             </div>\r\n  //         </div>\r\n  //     </div>\r\n  // );\r\n\r\n}\r\nconst mapStateToProps = (state) => ({\r\n  user: state.user,\r\n\r\n});\r\n\r\nexport default connect(mapStateToProps, { Logout, ContentBody })(withRouter(LookupEinvoice));\r\n\r\n\r\n","import React, { useRef, useState } from 'react';\r\nimport './style.css'\r\nimport { toast, ToastContainer } from 'react-toastify';\r\nimport axiosInstance from \"../../helper/axio\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\n\r\nexport const SearchByFiles = () => {\r\n    const url = 'TracuuFile/UploadInv';\r\n    const fileInputRef = useRef();\r\n    const [fileName, setfileName] = useState(undefined);\r\n\r\n    const [isLoad, setisLoad] = React.useState(false); // Trạng thái mở Modal\r\n\r\n\r\n    const preventDefault = (e) => {\r\n        e.preventDefault();\r\n        // e.stopPropagation();\r\n    }\r\n\r\n    const dragOver = (e) => {\r\n        e.preventDefault();\r\n    }\r\n\r\n    const dragEnter = (e) => {\r\n        preventDefault(e);\r\n    }\r\n\r\n    const dragLeave = (e) => {\r\n        preventDefault(e);\r\n    }\r\n\r\n    const fileDrop = (e) => {\r\n        preventDefault(e);\r\n        const files = e.dataTransfer.files;\r\n        if (files.length) {\r\n            handleFiles(files);\r\n        }\r\n    }\r\n\r\n    const filesSelected = (e) => {\r\n        let files = e.currentTarget.files\r\n        if (files.length > 1) {\r\n            const msg = 'Vui lòng chỉ chọn 1 File'\r\n            e.target.value = null\r\n            toast.warn(msg)\r\n            return false;\r\n        } else {\r\n            if (files.length > 0 && files.length < 2) {\r\n                let typeFile = e.currentTarget.files[0].type\r\n                const validTypes = ['application/x-zip-compressed'];\r\n                if (validTypes.indexOf(typeFile) === -1) {\r\n                    const msg0 = 'File không đúng định dạng'\r\n                    toast.warn(msg0)\r\n                    return false;\r\n                } else {\r\n                    let sizeFile = e.currentTarget.files[0].size\r\n                    if (sizeFile > 2097152) {\r\n                        const msg1 = 'File dung lượng quá lớn'\r\n                        toast.error(msg1)\r\n                        return false\r\n                    } else {\r\n\r\n                        setfileName(e.currentTarget.files[0].name);\r\n                        handleFiles(fileInputRef.current.files);\r\n                        return true;\r\n                    }\r\n                }\r\n            }\r\n            else {\r\n                setfileName(\"\");\r\n                return true;\r\n            }\r\n        }\r\n\r\n\r\n    }\r\n\r\n    const fileInputClicked = () => {\r\n        fileInputRef.current.click();\r\n    }\r\n\r\n    const handleFiles = (e) => {\r\n        if (e.length > 1) {\r\n            const msg = 'Vui lòng chỉ chọn 1 File'\r\n            e.target.value = null\r\n            toast.warn(msg)\r\n            return false;\r\n        } else {\r\n            if (e.length > 0 && e.length < 2) {\r\n                let typeFile = e[0].type\r\n                const validTypes = ['application/x-zip-compressed'];\r\n                if (validTypes.indexOf(typeFile) === -1) {\r\n                    const msg0 = 'File không đúng định dạng'\r\n                    toast.warn(msg0)\r\n                    return false;\r\n                } else {\r\n                    let sizeFile = e[0].size\r\n                    if (sizeFile > 2097152) {\r\n                        const msg1 = 'File dung lượng quá lớn'\r\n                        toast.error(msg1)\r\n                        return false\r\n                    } else {\r\n\r\n                        setfileName(e[0].name);\r\n                        return true;\r\n                    }\r\n                }\r\n            }\r\n            else {\r\n                setfileName(\"\");\r\n                return true;\r\n            }\r\n        }\r\n    }\r\n\r\n    const uploadFiles = (data) => {\r\n        debugger;\r\n        let files = fileInputRef.current.files;\r\n        if (files.length > 0) {\r\n            let selectedFile = files[0];\r\n            const formData = new FormData();\r\n            formData.append(\"\", selectedFile);\r\n            setisLoad(true);\r\n            axiosInstance\r\n                .post(url, formData, { responseType: \"arraybuffer\" })\r\n                .then((res) => {\r\n                    setisLoad(false);\r\n                    const file = new Blob([res.data], {\r\n                        type: \"application/pdf\",\r\n                    });\r\n                    const fileURL = URL.createObjectURL(file);\r\n                    window.open(fileURL)\r\n\r\n                })\r\n                .catch((err) => {\r\n                    setisLoad(false);\r\n                    toast.error(JSON.parse(new TextDecoder().decode(err.response.data)).error);\r\n                });\r\n        }\r\n\r\n\r\n    }\r\n\r\n\r\n    return (\r\n        <React.Fragment>\r\n            <div className=\"form-File\">\r\n                <ToastContainer />\r\n                <div className=\"drop-container\"\r\n                    onDragOver={dragOver}\r\n                    onDragEnter={dragEnter}\r\n                    onDragLeave={dragLeave}\r\n                    onDrop={fileDrop}\r\n                    onClick={fileInputClicked}\r\n                >\r\n                    <div className=\"drop-message\">\r\n                        <div className=\"upload-icon\"></div>\r\n                        * Nhấp chuột hoặc kéo thả tập tin hoá đơn vào đây để tải lên <br />\r\n                        <span className=\"fix-text\">\r\n                            Lưu ý: Chỉ chọn một tập tin có phần mở rộng .zip <br />\r\n                        </span>\r\n                        <span className=\"\">\r\n                            File đã tải lên : <span className=\"set-color\">{fileName}</span>\r\n                        </span>\r\n\r\n                    </div>\r\n                    <input\r\n                        ref={fileInputRef}\r\n                        className=\"file-input\"\r\n                        type=\"file\"\r\n                        multiple\r\n                        onChange={filesSelected}\r\n                    />\r\n                </div>\r\n\r\n            </div>\r\n            <div className=\"d-flex justify-content-center\">\r\n                <button\r\n                    className=\" btn btn-primary mt-4 signup align-items-center justify-content-center\"\r\n                    type=\"submit\"\r\n                    onClick={() => uploadFiles()}\r\n                >\r\n                    Tra cứu\r\n                </button>\r\n            </div>\r\n\r\n\r\n            <LoadingOverlay\r\n                active={isLoad}\r\n                spinner\r\n                styles={{\r\n                    wrapper: {\r\n                        width: '0px',\r\n                        height: '0px',\r\n                    }\r\n                }}\r\n            >\r\n\r\n            </LoadingOverlay>\r\n        </React.Fragment>\r\n    );\r\n}\r\n","import React from \"react\";\r\nimport { addUser } from \"../../action/Dispatch\";\r\nimport { ContentBody } from \"../../action/Dispatch\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport axiosInstance from \"../../helper/axio\";\r\n// import CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport LoadingOverlay from 'react-loading-overlay';\r\n\r\n//\r\n// import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n// import { faSync } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\nconst SearchMutipleInvoice = (props) => {\r\n  const url = \"Account/Login\";\r\n\r\n  const [state, setState] = useState({\r\n    mst: \"\",\r\n    username: \"\",\r\n    password: \"\",\r\n    token: \"\",\r\n  });\r\n  const [isLoading, setLoading] = useState(false); //state loading\r\n  const { addToast } = useToasts();\r\n  const { register, handleSubmit } = useForm({ defaultValues: {} });\r\n\r\n  const handleChange = (e) => {\r\n\r\n    const { name, value } = e.target;\r\n    var newvalue = value;\r\n    if (name === 'mst') { newvalue = value.replace(/ /g, ''); }\r\n    setState({ ...state, [name]: newvalue });\r\n  };\r\n  useEffect(() => {\r\n\r\n    //props.userClick('mutiple');\r\n\r\n  }, []);\r\n\r\n  if (props.user.isLoggedIn === true) {\r\n    props.ContentBody(false);\r\n    props.history.push(\"/lookup_invoice\");\r\n  }\r\n\r\n  const onSubmit = (data) => {\r\n    setLoading(true);\r\n    if (state.mst.length === 0 || state.mst === null) {\r\n      addToast(\"Vui lòng nhập mã số thuế bên bán!\", { appearance: \"error\" });\r\n      setLoading(false);\r\n    } else {\r\n      if (state.username.length === 0 || state.username === null) {\r\n        addToast(\"Vui lòng nhập tên tài khoản!\", { appearance: \"error\" });\r\n        setLoading(false);\r\n      } else {\r\n        if (state.password.length === 0 || state.password === null) {\r\n          addToast(\"Vui lòng nhập mật khẩu!\", { appearance: \"error\" });\r\n          setLoading(false);\r\n        } else {\r\n\r\n\r\n          axiosInstance\r\n            .post(url, data)\r\n            .then((res) => {\r\n              if (res.data.token === undefined) {\r\n                addToast(\r\n                  JSON.parse(JSON.stringify(res.data).toLocaleLowerCase())\r\n                    .error,\r\n                  { appearance: \"error\" }\r\n                );\r\n                setLoading(false);\r\n              } else {\r\n                setLoading(false);\r\n                addToast(\"Đăng nhập thành công!\", { appearance: \"success\" });\r\n\r\n                const state_new = { ...state };\r\n                state_new.token = res.data.token;\r\n                state_new.password = \"\";\r\n                state_new.ma_dt = res.data.user.ma_dt;\r\n                localStorage.setItem(\"user\", JSON.stringify(state_new));\r\n                props.userClick('mutiple');\r\n                props.addUser(JSON.stringify(state_new));\r\n                props.ContentBody(false);\r\n\r\n                props.history.push(\"/lookup_invoice\");\r\n              }\r\n            })\r\n            .catch((err) => {\r\n              addToast(err.message, { appearance: \"error\" });\r\n              setLoading(false);\r\n            });\r\n        }\r\n      }\r\n    }\r\n  };\r\n  return (\r\n    <div>\r\n      <form onSubmit={handleSubmit(onSubmit)}>\r\n        <div className=\"form-input \">\r\n          <span>Mã số thuế bên bán:</span>\r\n          <input\r\n            autoFocus\r\n            className=\"form-control fix-form-input\"\r\n            placeholder=\"Mã số thuế bên bán\"\r\n            name=\"mst\"\r\n            type=\"text\"\r\n            ref={register}\r\n            value={state.mst}\r\n            onChange={(e) => handleChange(e)}\r\n          />\r\n        </div>\r\n        <div className=\"form-input\">\r\n          <span>Tài khoản:</span>\r\n          <input\r\n            className=\"form-control fix-form-input\"\r\n            name=\"username\"\r\n            type=\"text\"\r\n            placeholder=\"Tài khoản\"\r\n            value={state.username}\r\n            onChange={(e) => handleChange(e)}\r\n            ref={register}\r\n          />\r\n        </div>\r\n        <div className=\"form-input\">\r\n          <span>Mật khẩu:</span>\r\n          <input\r\n\r\n            className=\"form-control fix-form-input\"\r\n            name=\"password\"\r\n            type=\"password\"\r\n            placeholder=\"Mật khẩu\"\r\n            value={state.password}\r\n            onChange={(e) => handleChange(e)}\r\n            ref={register}\r\n          />\r\n        </div>\r\n        <div className=\"text-center\">\r\n          {/* {isLoading ? (\r\n            <button style={{ opacity: \"0.8\" }} type=\"submit\" className=\" btn btn-primary mt-4 signup align-items-center justify-content-center\">\r\n              <CircularProgress size={19} color=\"inherit\" />\r\n            </button>\r\n\r\n          ) : ( */}\r\n            <button type=\"submit\" className=\" btn btn-primary mt-4 signup align-items-center justify-content-center\">\r\n              Đăng Nhập\r\n            </button>\r\n          {/* )} */}\r\n\r\n        </div>\r\n       \r\n      </form>\r\n      <LoadingOverlay\r\n          active={isLoading}\r\n          spinner\r\n          styles={{\r\n            wrapper: {\r\n              width: '0px',\r\n              height: '0px',\r\n            }\r\n          }}\r\n        >\r\n       \r\n        </LoadingOverlay>\r\n    </div>\r\n  );\r\n\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n  user: state.user,\r\n});\r\n\r\nexport default connect(mapStateToProps, { addUser, ContentBody })(withRouter(SearchMutipleInvoice));","import React from \"react\";\r\nimport { useForm } from \"react-hook-form\";\r\nimport axiosInstance from \"../../helper/axio\";\r\nimport { useToasts } from \"react-toast-notifications\";\r\nimport ExportModal from \"../ExportModal\";\r\nimport LoadingOverlay from \"react-loading-overlay\";\r\nimport dateFormat from \"dateformat\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport SearchIcon from \"@material-ui/icons/Search\";\r\nimport { useState } from \"react\";\r\nimport { DataGrid } from \"@material-ui/data-grid\";\r\nimport { withTheme } from \"emotion-theming\";\r\n\r\nexport const SearchOneInvoice = ({ _mst, _sbm }) => {\r\n  const url_printInvoice = \"Search/SearchInvoicePVC\";\r\n  // const url = \"Search/SearchInvoicePV\";\r\n  const url = \"Search/SearchPVC\";\r\n  const { register } = useForm({\r\n    defaultValues: { sobaomat: _sbm },\r\n  });\r\n  const [openModal, setOpenModal] = React.useState(false); // Trạng thái mở Modal\r\n  const { addToast } = useToasts(); // trạng thái hiển thị cảnh báo\r\n  const [byteData, setByteData] = React.useState(undefined); // Dữ liệu truyền sang modal\r\n  const [infoModal, setinfoModal] = React.useState(undefined); // Dữ liệu truyền sang modal\r\n\r\n  const [isLoad, setisLoad] = React.useState(false); // Trạng thái mở Modal\r\n  const [data_rows, setdata_rows] = React.useState([]); // set data from API fill in Grid\r\n  const [showTable, setShowTable] = React.useState(\"none\");\r\n\r\n  function toggle() {\r\n    setOpenModal(!openModal);\r\n  }\r\n\r\n  const ClickView = (params) => {\r\n    setisLoad(true);\r\n    //gọi api get thông tin hđ\r\n    const data = { sobaomat: params.row.sobaomat, type: \"PDF\" };\r\n\r\n    axiosInstance\r\n      .post(url_printInvoice, data, { responseType: \"arraybuffer\" })\r\n      .then((res) => {\r\n        setByteData(res.data);\r\n        setOpenModal(true);\r\n        setisLoad(false);\r\n      })\r\n      .catch((err) => {\r\n        addToast(err.message, { appearance: \"error\" });\r\n      });\r\n    data.InvoiceCus = true;\r\n    setinfoModal(data);\r\n  };\r\n\r\n  const columns = [\r\n    {\r\n      field: \"mau_hd\",\r\n      headerName: \"Mẫu số\",\r\n      headerAlign: \"left\",\r\n      align: \"left\",\r\n      width: 140,\r\n      renderHeader: () => <strong>{\"Mẫu số\"}</strong>,\r\n    },\r\n    {\r\n      field: \"inv_invoiceSeries\",\r\n      headerName: \"Ký hiệu\",\r\n      headerAlign: \"left\",\r\n      width: 140,\r\n      align: \"left\",\r\n      renderHeader: () => <strong>{\"Ký hiệu\"}</strong>,\r\n    },\r\n    {\r\n      field: \"inv_invoiceNumber\",\r\n      headerName: \"Số hóa đơn\",\r\n      headerAlign: \"left\",\r\n      align: \"left\",\r\n      width: 140,\r\n      type: \"number\",\r\n      renderHeader: () => <strong>{\"Số hóa đơn\"}</strong>,\r\n\r\n      renderCell: (params) => (\r\n        <span style={{ color: \"#2c76ff\" }}>{params.row.inv_invoiceNumber}</span>\r\n      ),\r\n    },\r\n    {\r\n      field: \"inv_invoiceIssuedDate\",\r\n      headerName: \"Ngày hóa đơn\",\r\n      headerAlign: \"left\",\r\n      align: \"left\",\r\n      width: 170,\r\n      type: \"date\",\r\n      renderHeader: () => <strong>{\"Ngày hóa đơn\"}</strong>,\r\n      valueFormatter: (params) => {\r\n        const valueFormatted = dateFormat(params.value, \"dd/mm/yyyy\");\r\n        return valueFormatted;\r\n      },\r\n    },\r\n    {\r\n      field: \"inv_TotalAmount\",\r\n      headerName: \"Tổng tiền\",\r\n      type: \"number\",\r\n      headerAlign: \"left\",\r\n      align: \"left\",\r\n      width: 170,\r\n      description: \"\",\r\n      renderHeader: () => <strong>{\"Tổng tiền\"}</strong>,\r\n    },\r\n    {\r\n      field: \" \",\r\n      headerAlign: \"center\",\r\n      width: 125,\r\n      align: \"left\",\r\n      renderCell: (params) => (\r\n        <Button\r\n          variant=\"contained\"\r\n          color=\"primary\"\r\n          size=\"small\"\r\n          className=\"fix_buttonPDF\"\r\n          onClick={() => ClickView(params)}\r\n        >\r\n          <SearchIcon />\r\n        </Button>\r\n      ),\r\n    },\r\n  ];\r\n\r\n  let [inputValue, setInputValue] = useState(\"\");\r\n\r\n  const searchInvoiceList = () => {\r\n    debugger;\r\n    if (inputValue.length < 3 || inputValue === null) {\r\n      addToast(\"Số bảo mật không được để trống!\", { appearance: \"error\" });\r\n    } else {\r\n      const data_push = { sobaomat: inputValue, type: \"PDF\" };\r\n      axiosInstance\r\n        .post(url, data_push)\r\n        .then((res) => {\r\n          debugger;\r\n\r\n          console.log(\"res\", res);\r\n          if (res.data.code === \"00\") {\r\n            debugger;\r\n\r\n            var sortedObjs = res.data.data.data.sort(\r\n              (a, b) =>\r\n                Number(b.inv_invoiceNumber) - Number(a.inv_invoiceNumber)\r\n            );\r\n            for (var i = 0; i < sortedObjs.length; i++) {\r\n              sortedObjs[i].id = i + 1;\r\n            }\r\n            setdata_rows(res.data.data.data);\r\n            setShowTable(\"block\");\r\n          }\r\n          if (res.data.code === \"98\") {\r\n            addToast(res.data.message);\r\n            setShowTable(\"none\");\r\n          }\r\n        })\r\n        .catch((err) => {\r\n          debugger;\r\n          if (err.message.includes(\"Network\")) {\r\n            addToast(err.message, { appearance: \"error\" });\r\n            // setLoadingButton(false);\r\n            setShowTable(\"none\");\r\n          } else {\r\n            if (JSON.stringify(err).includes(\"message\")) {\r\n              addToast(err.message, { appearance: \"error\" });\r\n              // setLoadingButton(false);\r\n              setShowTable(\"none\");\r\n            } else {\r\n              addToast(err.message, { appearance: \"error\" });\r\n              // setLoadingButton(false);\r\n              setShowTable(\"none\");\r\n            }\r\n          }\r\n          setShowTable(\"none\");\r\n        });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <div>\r\n        <form className=\"formInput\">\r\n          <div\r\n            style={{\r\n              textAlign: \"center\",\r\n              fontSize: \"16px\",\r\n              fontWeight: 1000,\r\n              fontFamily: \"Montserrat\",\r\n            }}\r\n          >\r\n            <span>Vui lòng nhập Số bảo mật hoặc Số giao dịch </span>\r\n            <span style={{ color: \"red\" }}>(*)</span>\r\n          </div>\r\n          <div className=\"form-input fix-display\">\r\n            <input\r\n              type=\"text\"\r\n              name=\"sobaomat\"\r\n              className=\"form-control fix-form-input\"\r\n              placeholder=\"Nhập số bảo mật:\"\r\n              id=\"sobaomat\"\r\n              onChange={(event) => setInputValue(event.target.value)}\r\n              ref={register}\r\n            />\r\n          </div>\r\n          <div className=\"d-flex justify-content-center\">\r\n            <Button\r\n              onClick={(event) => searchInvoiceList(event.target.value)}\r\n              variant=\"contained\"\r\n              color=\"default\"\r\n              startIcon={<SearchIcon />}\r\n              style={{\r\n                borderRadius: \"20px\",\r\n                backgroundColor: \"#ffc708\",\r\n                color: \"black\",\r\n                borderColor: \"white\",\r\n                fontFamily: \"Montserrat\",\r\n              }}\r\n            >\r\n              <strong style={{ fontWeight: 300, fontFamily: \"Montserrat\" }}>\r\n                {\" \"}\r\n                Tra cứu hóa đơn\r\n              </strong>\r\n            </Button>\r\n          </div>\r\n          {/* <div className=\"text-center\">\r\n            <button\r\n              className=\"btn btn-primary mt-4 signup align-items-center justify-content-center\"\r\n              onClick={() => searchInvoiceList()}\r\n              type=\"submit\"\r\n              style={{\r\n                backgroundColor: \"yellow\",\r\n                color: \"black\",\r\n                borderColor: \"white\",\r\n              }}\r\n            >\r\n              <img src=\"./LibCustom/img/search.png\" alt=\"\"></img>\r\n              Tra cứu hóa đơn\r\n            </button>\r\n          </div> */}\r\n        </form>\r\n      </div>\r\n\r\n      <div className=\"hide\" style={{ display: `${showTable}` }}>\r\n        <div\r\n          className=\"text-center \"\r\n          style={{ border: \"2px\", fontFamily: \"Montserrat\" }}\r\n        >\r\n          <div style={{ paddingTop: \"10px\" }}> Kết quả tra cứu</div>\r\n          <div style={{ paddingBottom: \"10px\" }}>\r\n            Thông tin hóa đơn mà Quý khách hàng đã tra cứu !\r\n          </div>\r\n        </div>\r\n        <div\r\n          style={{\r\n            width: \"80%\",\r\n            marginLeft: \"10%\",\r\n            marginRight: \"10%\",\r\n            fontFamily: \"Montserrat\",\r\n          }}\r\n        >\r\n          <DataGrid\r\n            columns={columns}\r\n            // pagination={false}\r\n            rows={data_rows}\r\n            hideFooter={true}\r\n            autoHeight={true}\r\n            hideFooterPagination={true}\r\n            disableExtendRowFullWidth={true}\r\n            hideFooterSelectedRowCount={true}\r\n          />\r\n        </div>\r\n      </div>\r\n      <ExportModal\r\n        open={openModal}\r\n        hide={toggle}\r\n        byteData={byteData}\r\n        infoModal={infoModal}\r\n      />\r\n      <LoadingOverlay\r\n        active={isLoad}\r\n        spinner\r\n        styles={{\r\n          wrapper: {\r\n            width: \"0px\",\r\n            height: \"0px\",\r\n          },\r\n        }}\r\n      ></LoadingOverlay>\r\n    </div>\r\n  );\r\n};\r\n","import React from \"react\";\r\nimport { useLocation } from \"react-router-dom\";\r\n//import SearchByFile from \"./SearchByFile\";\r\nimport { SearchByFiles } from \"./SearchByFiles\";\r\n\r\nimport SearchMutipleInvoice from \"./SearchMutipleInvoice\";\r\nimport { SearchOneInvoice } from \"./SearchOneInvoice\";\r\n\r\nexport default function SearchInvoiceBody(props) {\r\n  const jpram = useLocation().search;\r\n  const jh = new URLSearchParams(jpram);\r\n  var ms = jh.get(\"mst\");\r\n  var mS = jh.get(\"MST\");\r\n  var sbm = jh.get(\"sobaomat\");\r\n  var mst = \"\";\r\n\r\n  if (ms === null) {\r\n    mst = mS;\r\n  } else {\r\n    mst = ms;\r\n  }\r\n\r\n  return (\r\n    <div className=\"justify-content-center\">\r\n      {/* {props.Click == \"sigle\" ? (\r\n        <SearchOneInvoice _mst={mst} _sbm={sbm} />\r\n      ) : (\r\n        <SearchMutipleInvoice userClick={props.userClick} />\r\n      )} */}\r\n      {props.Click === \"sigle\" ? (<SearchOneInvoice _mst={mst} _sbm={sbm} />) : (\r\n        props.Click === \"mutiple\" ? (<SearchMutipleInvoice userClick={props.userClick} />) :\r\n          (<SearchByFiles />))}\r\n    </div>\r\n  );\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Route ,Switch} from \"react-router-dom\";\r\nimport LookupInvoiceList from \"../LookupEinvoice/LookupInvoiceList\";\r\nimport SearchInvoiceBody from \"../ChildSearchForm/SearchInvoiceBody\";\r\n\r\nclass App_Router extends Component {\r\n  render() {\r\n      \r\n    return (\r\n      <Switch>\r\n        <Route\r\n          exact\r\n          path=\"/\"\r\n          component={() => (\r\n            <SearchInvoiceBody\r\n              type={this.props.type}\r\n              userClick={this.props.userClick}\r\n              Click={this.props.Click}\r\n            />\r\n          )}\r\n        />\r\n        <Route \r\n            path=\"/lookup_invoice\" \r\n            component={LookupInvoiceList} />\r\n      </Switch>\r\n    );\r\n  }\r\n}\r\n\r\nexport default App_Router;\r\n","import React, { useEffect } from \"react\";\r\nimport App_Router from \"./AppRoute/App_Router\";\r\n\r\nexport default function SearchForm(props) {\r\n  const [typeClick, settypeClick] = React.useState(\"sigle\"); // Trạng thái mở Modal\r\n  const [setdisable] = React.useState(false); // Trạng thái mở Modal\r\n\r\n  const userClick = (type) => {\r\n    if (localStorage.getItem(\"user\") !== null) {\r\n      setdisable(true);\r\n    } else {\r\n      setdisable(false);\r\n    }\r\n    settypeClick(type);\r\n  };\r\n  useEffect(() => {\r\n    if (localStorage.getItem(\"user\") !== null) {\r\n      setdisable(true);\r\n    }\r\n  }, []);\r\n\r\n  return (\r\n    <div>\r\n      <section id=\"hero\" className=\"align-items-center\">\r\n        <div className=\"container mt-5 mb-5 fix-card\">\r\n          <div className=\"d-flex align-items-center justify-content-center\">\r\n            <div className=\"col-md-12\">\r\n              <div className=\"card fix-card-search\">\r\n                <h5 className=\"text-center fix-header-search1\">\r\n                  Chào mừng đến với PVcomBank\r\n                </h5>\r\n                <div\r\n                  className=\" d-flex justify-content-center\"\r\n                  style={{ paddingBottom: \"40px\" }}\r\n                >\r\n                  <div className=\"border-btn\">\r\n                    <button\r\n                      style={{\r\n                        backgroundColor: \"#ffc708\",\r\n                        color: \"black\",\r\n                        fontSize: \"18px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: \"normal\",\r\n                      }}\r\n                      className={`btn font-weight-bold fix-btn `}\r\n                    >\r\n                      Tra cứu hóa đơn điện tử\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n\r\n                <App_Router\r\n                  type={props.location}\r\n                  userClick={(type) => userClick(type)}\r\n                  Click={typeClick}\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n    </div>\r\n  );\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\nexport default class ContentBody extends Component {\r\n  render() {\r\n    const _call = (e) => {\r\n      var a = document.createElement(\"a\");\r\n      document.body.appendChild(a);\r\n      a.href = \"tel:1900555592\";\r\n      a.click();\r\n      document.body.removeChild(a);\r\n    };\r\n    return (\r\n      <>\r\n        <footer>\r\n          <div className=\"support-footer bg-gr-10\">\r\n            <div\r\n              className=\"container\"\r\n              style={{ paddingLeft: \"64px\", paddingRight: \"64px\" }}\r\n            >\r\n              <div className=\"support-menu\">\r\n                <div className=\"d-none d-lg-block pt-lg-5 pb-lg-3\">\r\n                  <h5\r\n                    className=\"text--b text--le text--color-bk\"\r\n                    style={{\r\n                      fontWeight: 1000,\r\n                      fontSize: \"22px\",\r\n                      color: \"#292525\",\r\n                    }}\r\n                  >\r\n                    Bạn cần hỗ trợ?\r\n                  </h5>\r\n                </div>\r\n                <div className=\"row mt-2\">\r\n                  <div className=\"col-4 col-md-4 col-lg-4 d-none d-lg-block\">\r\n                    <div className=\"d-flex align-items-center align-items-lg-start py-2 py-lg-0\">\r\n                      <img\r\n                        src=\"./LibCustom/img/icon-phone-call--color-multi.png\"\r\n                        alt=\"\"\r\n                        style={{\r\n                          width: \"60px\",\r\n                          height: \"60px\",\r\n                          marginRight: \"24px\",\r\n                        }}\r\n                      />\r\n                      <div>\r\n                        <div className=\"link\">\r\n                          <div\r\n                            className=\"h6 text--b text--color-bk d-none d-lg-block\"\r\n                            style={{\r\n                              fontWeight: 1000,\r\n                              fontSize: \"18px\",\r\n                              color: \"#292525\",\r\n                              margin: \"0px 0px 5px\",\r\n                            }}\r\n                          >\r\n                            Tổng đài 1900&nbsp;5555&nbsp;92\r\n                          </div>\r\n                        </div>\r\n                        <div className=\"submenu\">\r\n                          <div\r\n                            className=\"mt-1 h8 text--color-gr\"\r\n                            style={{\r\n                              fontSize: \"14px\",\r\n                              color: \"#656056\",\r\n                            }}\r\n                          >\r\n                            Tổng đài hỗ trợ trực tuyến 24/7 sẵn sàng trả lời mọi\r\n                            thắc mắc\r\n                          </div>\r\n                          <div className=\"mt-3 h8 text--color-bl\">\r\n                            <a\r\n                              href=\"tel:1900 5555 92\"\r\n                              className=\"button-text button-text--sm button-text--has-icon-right\"\r\n                              style={{\r\n                                color: \"#0772BA\",\r\n                                fontSize: \"14px\",\r\n                                fontFamily: \"Montserrat\",\r\n                                fontWeight: 500,\r\n                              }}\r\n                            >\r\n                              Bấm để gọi ngay &nbsp;\r\n                              <img\r\n                                src=\"./LibCustom/img/right-arrow.png\"\r\n                                style={{ width: \"10px\", height: \"10px\" }}\r\n                              />\r\n                            </a>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"col-4 col-sm-4 col-md-4 col-lg-4\">\r\n                    <div className=\"d-flex align-items-center align-items-sm-start align-items-lg-start py-2 py-lg-0\">\r\n                      <img\r\n                        src=\"./LibCustom/img/icon-mail-contact--color-multi.png\"\r\n                        alt=\"\"\r\n                        style={{\r\n                          width: \"60px\",\r\n                          height: \"60px\",\r\n                          marginRight: \"24px\",\r\n                        }}\r\n                      />\r\n                      <div className=\"mr-2 mr-lg-3 icon-sp\">\r\n                        <i className=\"icon icon-mail-contact--color-multi\" />\r\n                      </div>\r\n                      <div>\r\n                        <div className=\"link\">\r\n                          <div\r\n                            className=\"h6 text--b text--color-bk d-none d-lg-block\"\r\n                            style={{\r\n                              fontWeight: 1000,\r\n                              fontSize: \"18px\",\r\n                              color: \"#292525\",\r\n                            }}\r\n                          >\r\n                            Đăng ký nhận tư vấn\r\n                          </div>\r\n                          <a\r\n                            href=\"https://pvcombank.com.vn/lead_form_1?returnUrl=http://pvcombank.com.vn\"\r\n                            className=\"h8 button-text text--b text--color-bk d-block d-lg-none\"\r\n                            target=\"_blank\"\r\n                          >\r\n                            Đăng ký nhận tư vấn\r\n                          </a>\r\n                        </div>\r\n                        <div className=\"submenu d-sm-block\">\r\n                          <div\r\n                            className=\"mt-1 h8 text--color-gr\"\r\n                            style={{\r\n                              fontSize: \"14px\",\r\n                              color: \"#656056\",\r\n                            }}\r\n                          >\r\n                            Chúng tôi sẽ liên lạc với bạn trong thời gian sớm\r\n                            nhất có thể\r\n                          </div>\r\n                          <div className=\"mt-3 h8 text--color-bl\">\r\n                            <a\r\n                              href=\"https://pvcombank.com.vn/lead_form_1?returnUrl=http://pvcombank.com.vn\"\r\n                              className=\"button-text button-text--sm button-text--has-icon-right\"\r\n                              target=\"_blank\"\r\n                              style={{\r\n                                color: \"#0772BA\",\r\n                                fontSize: \"14px\",\r\n                                fontFamily: \"Montserrat\",\r\n                                fontWeight: 500,\r\n                              }}\r\n                            >\r\n                              Đăng ký ngay&nbsp;\r\n                              <img\r\n                                src=\"./LibCustom/img/right-arrow.png\"\r\n                                style={{ width: \"10px\", height: \"10px\" }}\r\n                              />\r\n                            </a>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"divider-h divider-h--gr d-block d-sm-none\" />\r\n                  </div>\r\n                  <div className=\"col-4 col-sm-4 col-md-4 col-lg-4\">\r\n                    <div className=\"d-flex align-items-center align-items-sm-start align-items-lg-start py-2 py-lg-0\">\r\n                      <img\r\n                        src=\"./LibCustom/img/icon-branch-building--color-multi.png\"\r\n                        alt=\"\"\r\n                        style={{\r\n                          width: \"60px\",\r\n                          height: \"60px\",\r\n                          marginRight: \"24px\",\r\n                        }}\r\n                      />\r\n                      <div className=\"mr-2 mr-lg-3 icon-sp\">\r\n                        <i className=\"icon icon-branch-building--color-multi\" />\r\n                      </div>\r\n                      <div>\r\n                        <div className=\"link\">\r\n                          <div\r\n                            className=\"h6 text--b text--color-bk d-none d-lg-block\"\r\n                            style={{\r\n                              fontWeight: 1000,\r\n                              fontSize: \"18px\",\r\n                              color: \"#292525\",\r\n                            }}\r\n                          >\r\n                            Tìm chi nhánh gần bạn\r\n                          </div>\r\n                          <a\r\n                            href=\"https://pvcombank.com.vn/mang-luoi.html\"\r\n                            className=\"h8 button-text text--b text--color-bk d-block d-lg-none\"\r\n                            target=\"_blank\"\r\n                          >\r\n                            Tìm chi nhánh gần bạn\r\n                          </a>\r\n                        </div>\r\n                        <div className=\"submenu d-sm-block\">\r\n                          <div\r\n                            className=\"mt-1 h8 text--color-gr\"\r\n                            style={{\r\n                              fontSize: \"14px\",\r\n                              color: \"#656056\",\r\n                            }}\r\n                          >\r\n                            Tìm chi nhánh, ATM hoặc phòng giao dịch gần vị trí\r\n                            của bạn nhất\r\n                          </div>\r\n                          <div className=\"mt-3 h8 text--color-bl\">\r\n                            <a\r\n                              href=\"https://pvcombank.com.vn/mang-luoi.html\"\r\n                              className=\"button-text button-text--sm button-text--has-icon-right\"\r\n                              target=\"_blank\"\r\n                              style={{\r\n                                color: \"#0772BA\",\r\n                                fontSize: \"14px\",\r\n                                fontFamily: \"Montserrat\",\r\n                                fontWeight: 500,\r\n                              }}\r\n                            >\r\n                              Mở danh sách&nbsp;\r\n                              <img\r\n                                src=\"./LibCustom/img/right-arrow.png\"\r\n                                style={{ width: \"10px\", height: \"10px\" }}\r\n                              />\r\n                            </a>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"divider-h divider-h--gr d-block d-sm-none\" />\r\n                  </div>\r\n                </div>\r\n                <div className=\"row mt-lg-5 align-items-stretch\">\r\n                  <div className=\"col-4 col-md-4 col-lg-4 d-none d-lg-block\">\r\n                    <div className=\"d-flex align-items-center align-items-sm-start align-items-lg-start py-2 py-lg-0 h-100\">\r\n                      <img\r\n                        src=\"./LibCustom/img/icon-earth-currency--color-multi.png\"\r\n                        alt=\"\"\r\n                        style={{\r\n                          width: \"60px\",\r\n                          height: \"60px\",\r\n                          marginRight: \"24px\",\r\n                        }}\r\n                      />\r\n                      <div className=\"mr-2 mr-lg-3 icon-sp\">\r\n                        <i className=\"icon icon-earth-currency--color-multi\" />\r\n                      </div>\r\n                      <div className>\r\n                        <div className=\"link\">\r\n                          <div\r\n                            className=\"h6 text--b text--color-bk d-none d-lg-block\"\r\n                            style={{\r\n                              fontWeight: 1000,\r\n                              fontSize: \"18px\",\r\n                              color: \"#292525\",\r\n                            }}\r\n                          >\r\n                            Tra cứu tỉ giá\r\n                          </div>\r\n                          <a\r\n                            href=\"https://pvcombank.com.vn/ti-gia-ngoai-te.html\"\r\n                            className=\"h8 button-text text--b text--color-bk d-block d-lg-none\"\r\n                            target=\"_blank\"\r\n                          >\r\n                            Tra cứu tỉ giá\r\n                          </a>\r\n                        </div>\r\n                        <div className=\"submenu d-sm-block\">\r\n                          <div\r\n                            className=\"mt-1 h8 text--color-gr flex-grow-1\"\r\n                            style={{\r\n                              fontSize: \"14px\",\r\n                              color: \"#656056\",\r\n                            }}\r\n                          >\r\n                            Tỉ giá tốt nhất, cập nhật liên tục từng phút cho bạn\r\n                          </div>\r\n                          <div className=\"mt-3 h8 text--color-bl\">\r\n                            <a\r\n                              href=\"https://pvcombank.com.vn/ti-gia-ngoai-te.html\"\r\n                              className=\"button-text button-text--sm button-text--has-icon-right\"\r\n                              target=\"_blank\"\r\n                              style={{\r\n                                color: \"#0772BA\",\r\n                                fontSize: \"14px\",\r\n                                fontFamily: \"Montserrat\",\r\n                                fontWeight: 500,\r\n                              }}\r\n                            >\r\n                              Mở công cụ&nbsp;\r\n                              <img\r\n                                src=\"./LibCustom/img/right-arrow.png\"\r\n                                style={{ width: \"10px\", height: \"10px\" }}\r\n                              />\r\n                            </a>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"divider-h divider-h--gr d-block d-sm-none\" />\r\n                  </div>\r\n                  <div className=\"col-4 col-sm-4 col-md-4 col-lg-4\">\r\n                    <div className=\"d-flex align-items-center align-items-sm-start align-items-lg-start py-2 py-lg-0\">\r\n                      <img\r\n                        src=\"./LibCustom/img/icon-calculator--color-multi.png\"\r\n                        alt=\"\"\r\n                        style={{\r\n                          width: \"60px\",\r\n                          height: \"60px\",\r\n                          marginRight: \"24px\",\r\n                        }}\r\n                      />\r\n                      <div className=\"mr-2 mr-lg-3 icon-sp\">\r\n                        <i className=\"icon icon-calculator--color-multi\" />\r\n                      </div>\r\n                      <div>\r\n                        <div className=\"link\">\r\n                          <div\r\n                            className=\"h6 text--b text--color-bk d-none d-lg-block\"\r\n                            style={{\r\n                              fontWeight: 1000,\r\n                              fontSize: \"18px\",\r\n                              color: \"#292525\",\r\n                            }}\r\n                          >\r\n                            Biểu lãi suất\r\n                          </div>\r\n                          <a\r\n                            href=\"https://pvcombank.com.vn/bieu-lai-suat.html\"\r\n                            className=\"h8 button-text text--b text--color-bk d-block d-lg-none\"\r\n                            target=\"_blank\"\r\n                          >\r\n                            Biểu lãi suất\r\n                          </a>\r\n                        </div>\r\n                        <div className=\"submenu d-sm-block\">\r\n                          <div\r\n                            className=\"mt-1 h8 text--color-gr\"\r\n                            style={{\r\n                              fontSize: \"14px\",\r\n                              color: \"#656056\",\r\n                            }}\r\n                          >\r\n                            Cần tính thử lãi suất cho khoản vay hay tiết kiệm\r\n                            của bạn?\r\n                          </div>\r\n                          <div className=\"mt-3 h8 text--color-bl\">\r\n                            <a\r\n                              href=\"https://pvcombank.com.vn/bieu-lai-suat.html\"\r\n                              className=\"button-text button-text--sm button-text--has-icon-right\"\r\n                              target=\"_blank\"\r\n                              style={{\r\n                                color: \"#0772BA\",\r\n                                fontSize: \"14px\",\r\n                                fontFamily: \"Montserrat\",\r\n                                fontWeight: 500,\r\n                              }}\r\n                            >\r\n                              Mở công cụ&nbsp;\r\n                              <img\r\n                                src=\"./LibCustom/img/right-arrow.png\"\r\n                                style={{ width: \"10px\", height: \"10px\" }}\r\n                              />\r\n                            </a>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"col-4 col-sm-4 col-md-4 col-lg-4\">\r\n                    <div className=\"d-flex align-items-center align-items-sm-start align-items-lg-start py-2 py-lg-0\">\r\n                      <img\r\n                        src=\"./LibCustom/img/icon-gift-box--color-multi.png\"\r\n                        alt=\"\"\r\n                        style={{\r\n                          width: \"60px\",\r\n                          height: \"60px\",\r\n                          marginRight: \"24px\",\r\n                        }}\r\n                      />\r\n                      <div className=\"mr-2 mr-lg-3 icon-sp\">\r\n                        <i className=\"icon icon-gift-box--color-multi\" />\r\n                      </div>\r\n                      <div>\r\n                        <div\r\n                          className=\"h6 text--b text--color-bk d-none d-lg-block\"\r\n                          style={{\r\n                            fontWeight: 1000,\r\n                            fontSize: \"18px\",\r\n                            color: \"#292525\",\r\n                          }}\r\n                        >\r\n                          Thế giới ưu đãi\r\n                        </div>\r\n                        <a\r\n                          href=\"https://pvcombank.com.vn/uu-dai-wow-dmkm1.html\"\r\n                          className=\"h8 button-text text--b text--color-bk d-block d-lg-none\"\r\n                          target=\"_blank\"\r\n                        >\r\n                          Thế giới ưu đãi\r\n                        </a>\r\n                        <div\r\n                          className=\"mt-1 h8 text--le text--color-gr\"\r\n                          style={{\r\n                            fontSize: \"14px\",\r\n                            color: \"#656056\",\r\n                          }}\r\n                        >\r\n                          Ưu đãi ngập tràn và luôn được cập nhật\r\n                        </div>\r\n                        <div className=\"mt-3 h8 text--color-bl\">\r\n                          <a\r\n                            href=\"https://pvcombank.com.vn/uu-dai-wow-dmkm1.html\"\r\n                            className=\"button-text button-text--sm button-text--has-icon-right\"\r\n                            target=\"_blank\"\r\n                            style={{\r\n                              color: \"#0772BA\",\r\n                              fontSize: \"14px\",\r\n                              fontFamily: \"Montserrat\",\r\n                              fontWeight: 500,\r\n                            }}\r\n                          >\r\n                            Khám phá ngay&nbsp;\r\n                            <img\r\n                              src=\"./LibCustom/img/right-arrow.png\"\r\n                              style={{ width: \"10px\", height: \"10px\" }}\r\n                            />\r\n                          </a>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </footer>\r\n      </>\r\n    );\r\n  }\r\n}\r\n","import React from 'react';\r\nimport ContentBody from \"./ContentBody\";\r\n// import { Logout } from '../action/Dispatch';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { connect } from \"react-redux\";\r\n\r\nconst FixContentBody = (props) => {\r\n   \r\n\r\n    const show = props.show.show;\r\n\r\n    return (\r\n        <>\r\n           { show ? <ContentBody /> : \"\"}\r\n        </>\r\n    );\r\n\r\n}\r\nconst mapStateToProps = (state) => ({\r\n    show: state.user,\r\n\r\n});\r\n\r\nexport default connect(mapStateToProps, null)(withRouter(FixContentBody));","import React, { Component } from \"react\";\r\n\r\nexport default class Footers extends Component {\r\n  render() {\r\n    var d = new Date();\r\n    // var n = d.getFullYear();\r\n    return (\r\n      <div style={{backgroundColor:\"#656056\"}}>\r\n        <div className=\"container\">\r\n        <footer id=\"footer\" >\r\n          <div className=\"footer-top\">\r\n            <div>\r\n              <div\r\n                className=\"row\"\r\n                style={{\r\n                  paddingTop: \"0px\",\r\n                  paddingBottom: \"10px\",\r\n                  \r\n                }}\r\n              >\r\n                <div className=\"col-lg-3 col-md-6\" style={{paddingLeft:'4%'}}>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                    >\r\n                      CÁ NHÂN\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      className=\"fix-span-footer\"\r\n                      href=\"https://pvcombank.com.vn/dich-vu-the-dmsp40.html\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      />\r\n                      Dịch vụ Thẻ\r\n                    </a>\r\n                  </div>\r\n\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://pvcombank.com.vn/san-pham-vay-dmsp39.html\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Sản phẩm Vay\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://pvcombank.com.vn/tiet-kiem-dmsp38.html\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Tiết kiệm\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://pvcombank.com.vn/ngan-hang-so-dmsp37.html\"\r\n                    >\r\n                      &#62; Ngân hàng số\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://pvcombank.com.vn/tai-khoan-dmsp36.html\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Tài khoản\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://pvcombank.com.vn/bao-hiem-dmsp35.html\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Bảo hiểm\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://pvcombank.com.vn/san-pham-khac-dmsp47.html\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Sản phẩm khác\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n\r\n                <div className=\"col-lg-3 col-md-6\">\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                    >\r\n                      DOANH NGHIỆP\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      className=\"fix-span-footer\"\r\n                      href=\"https://pvcombank.com.vn/tin-dung-doanh-nghiep-dmsp46.html\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Tín dụng Doanh nghiệp\r\n                    </a>\r\n                  </div>\r\n\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://pvcombank.com.vn/tai-khoan-doanh-nghiep-dmsp45.html\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Tài khoản Doanh nghiệp\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://pvcombank.com.vn/ngan-hang-giao-dich-dmsp44.html\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Ngân hàng giao dịch\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n\r\n                <div className=\"col-lg-3 col-md-6\">\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://pvcombank.com.vn/gioi-thieu-ve-pvcombank.html\"\r\n                    >\r\n                      VỀ PVCOMBANK\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      className=\"fix-span-footer\"\r\n                      href=\"https://pvcombank.com.vn/gioi-thieu-ve-pvcombank.html\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Giới thiệu\r\n                    </a>\r\n                  </div>\r\n\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://pvcombank.com.vn/co-cau-quan-tri.html\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Cơ cấu quản trị\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://pvcombank.com.vn/co-dong.html\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Quan hệ cổ đông\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://pvcombank.com.vn/mang-luoi.html\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Mạng lưới\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://tuyendung.pvcombank.com.vn/\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Tuyển dụng\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://pvcombank.com.vn/lien-he.html\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Liên hệ\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n\r\n                <div className=\"col-lg-3 col-md-6\" style={{paddingLeft:'0px', paddingRight:\"0px\"}}>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                    >\r\n                      LIÊN KẾT NHANH\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      className=\"fix-span-footer\"\r\n                      href=\"https://ibanking.pvcombank.com.vn/WebIB/MainIB\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Ngân hàng điện tử\r\n                    </a>\r\n                  </div>\r\n\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://pvcombank.com.vn/uu-dai-wow-dmkm1.html\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Thế giới ưu đãi WOW\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://pvcombank.com.vn/tin-tuc/tin-pvcombank/bieu-phi-dich-vu-qua-he-thong-ngan-hang-tmcp-dai-chung-viet-nam-pvcombank-1541.html\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Biểu phí\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://pvcombank.com.vn/bieu-lai-suat.html\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Lãi suất\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://ibanking.pvcombank.com.vn/WebIB/tra-cuu-hop-dong-bds\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}\r\n                      /> Tra cứu thông tin người mua BĐS\r\n                    </a>\r\n                  </div>\r\n                  <div className=\"footer-contact\">\r\n                    <a\r\n                      className=\"fix-span-footer\"\r\n                      style={{\r\n                        color: \"white\",\r\n                        fontSize: \"14px\",\r\n                        fontFamily: \"Montserrat\",\r\n                        fontWeight: 700,\r\n                      }}\r\n                      href=\"https://ibanking.pvcombank.com.vn/WebIB/tra-cuu-bao-lanh\"\r\n                    >\r\n                      <img\r\n                        src=\"./LibCustom/img/next.png\"\r\n                        style={{ width: \"10px\", height: \"10px\" }}/> Xác thực chứng thư bảo lãnh online\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div\r\n                className=\"d-lg-flex align-items-center mt-lg-6 mt-4 pb-3\"\r\n                style={{ paddingLeft: \"10%\", color: \"white\" }}\r\n              >\r\n                <div className=\"d-flex align-items-center pb-1 pb-lg-0\" style={{paddingLeft:'4%',paddingRight:\"4%\"}}>\r\n                  <div className=\"d-lg-flex align-items-center mr-2\">\r\n                    <img src=\"./LibCustom/img/pvc-app.png\" alt=\"\" />\r\n                    <a\r\n                      className=\"logo pvc-app\"\r\n                      href=\"https://pvcombank.com.vn/#\"\r\n                    />\r\n                  </div>\r\n                  <div\r\n                    style={{\r\n                      paddingLeft: \"10px\",\r\n                      fontSize: \"12px\",\r\n                      fontWeight: 1000,\r\n                    }}\r\n                  >\r\n                    Ứng dụng ngân hàng di động\r\n                    <br /> PV-Mobile Banking\r\n                  </div>\r\n                </div>\r\n                <div style={{ paddingLeft: \"30px\" }}>\r\n                  <a\r\n                    className=\"button-badge button-badge__ios-apple mr-1\"\r\n                    target=\"_blank\"\r\n                    href=\"https://itunes.apple.com/vn/app/pv-mobile-banking/id957284067?mt=8\"\r\n                  >\r\n                    <img src=\"./LibCustom/img/ios-apple.png\" alt=\"\" />\r\n                  </a>\r\n                </div>\r\n                <div style={{ paddingLeft: \"30px\" }}>\r\n                  <a\r\n                    className=\"button-badge button-badge__ios-apple mr-1\"\r\n                    target=\"_blank\"\r\n                    href=\"https://itunes.apple.com/vn/app/pv-mobile-banking/id957284067?mt=8\"\r\n                  >\r\n                    <img src=\"./LibCustom/img/google-play-store.png\" alt=\"\" />\r\n                  </a>\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"col-md-1\"></div>\r\n              {/* <div className=\"row \">\r\n                <p className=\"span-footer text-white\">\r\n                  Bản quyền © 2020 thuộc về Ngân hàng TMCP Đại Chúng Việt Nam\r\n                  (PVcomBank)\r\n                </p>\r\n              </div> */}\r\n              <div className=\"d-flex justify-content-between align-items-center\">\r\n                <div\r\n                  className=\"h10 text--le text--color-wh mr-5 py-3\"\r\n                  style={{ color: \"white\", fontSize: \"10px\", fontWeight: 700 }}\r\n                >\r\n                  Bản quyền © 2020 thuộc về Ngân hàng TMCP Đại Chúng Việt Nam\r\n                  (PVcomBank)\r\n                </div>\r\n                <div\r\n                  className=\"social-icon d-flex justify-lg-content-center justify-content-start\"\r\n                  style={{ paddingRight: \"10%\" }}\r\n                >\r\n                  <a\r\n                    href=\"https://www.facebook.com/PVcomBankFanpage\"\r\n                    target=\"_blank\"\r\n                    className=\"button-text none-underline mr-1\"\r\n                  >\r\n                    <img\r\n                      style={{ paddingRight: \"10px\" }}\r\n                      src=\"./LibCustom/img/icon-social-facebook.png\"\r\n                      alt=\"\"\r\n                    />\r\n                  </a>\r\n                  <a\r\n                    href=\"https://www.youtube.com/channel/UCWM9M4MJkrQsMecV3m2d3AQ\"\r\n                    target=\"_blank\"\r\n                    className=\"button-text none-underline mr-1\"\r\n                  >\r\n                    <img\r\n                      style={{ paddingRight: \"10px\" }}\r\n                      src=\"./LibCustom/img/icon-social-youtube.png\"\r\n                      alt=\"\"\r\n                    />\r\n                  </a>\r\n                  <a\r\n                    href=\"https://zalo.me/110884890514649778\"\r\n                    target=\"_blank\"\r\n                    className=\"button-text none-underline mr-1\"\r\n                  >\r\n                    <img\r\n                      style={{ paddingRight: \"10px\" }}\r\n                      src=\"./LibCustom/img/icon-social-zalo.png\"\r\n                      alt=\"\"\r\n                    />\r\n                  </a>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </footer>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\n\r\n//Router\r\nimport { BrowserRouter } from 'react-router-dom';\r\n\r\n// Redux\r\nimport { Provider } from \"react-redux\"\r\nimport { createStore } from \"redux\"\r\nimport allReducers from \"./reducer\"\r\n\r\nimport HeaderMenu from \"./components/HeaderMenu\";\r\nimport SearchForm from \"./components/SearchForm\";\r\nimport FixContentBody from \"./components/FixContentBody\";\r\nimport { ToastProvider } from \"react-toast-notifications\";\r\n\r\nimport Footers from \"./components/Footers\";\r\n\r\nimport 'swiper/swiper-bundle.css';\r\nimport SwiperCore, { Navigation } from 'swiper';\r\n// import MessengerCustomerChat from 'react-messenger-customer-chat';\r\n\r\n\r\nlet store = createStore(allReducers)\r\n\r\nSwiperCore.use([Navigation]);\r\n\r\nclass App extends Component {\r\n\r\n\r\n  componentDidMount() {\r\n    const script = document.createElement(\"script\");\r\n    script.src = process.env.PUBLIC_URL + '/LibCustom/js/main.js';\r\n    script.async = true;\r\n    document.body.appendChild(script);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Provider store={store}>\r\n        <BrowserRouter>\r\n          <div className=\"App\">\r\n            <ToastProvider autoDismiss={true} autoDismissTimeout=\"2000\">\r\n              {/* <MessengerCustomerChat\r\n                pageId=\"187341811901684\"\r\n                appId=\"560238484992631\"\r\n              /> */}\r\n              <HeaderMenu />\r\n              <SearchForm />\r\n              <FixContentBody />\r\n              {/* <ContentSlider /> */}\r\n              <Footers />\r\n            </ToastProvider>\r\n          </div>\r\n        </BrowserRouter>\r\n      </Provider>\r\n    );\r\n  }\r\n}\r\n\r\nexport default App;\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport App from \"./App\";\r\n\r\nReactDOM.render(<App />, document.getElementById(\"root\"));\r\n"],"sourceRoot":""}