From 05576d7e7103ebd9f843471a7b5f5c9418e55af1 Mon Sep 17 00:00:00 2001 From: pecintaseni Date: Thu, 9 Jan 2025 14:21:41 +0700 Subject: [PATCH] freeze 2024 --- app/Views/kewilayahan/dist/kpdl.js | 4 ++-- app/Views/kewilayahan/kytp/TabPenugasan.js | 2 +- app/Views/kewilayahan/kytp/kpdl.js | 4 +++- public/kpdl/dist/kpdl.js | 4 ++-- 4 files changed, 8 insertions(+), 6 deletions(-) diff --git a/app/Views/kewilayahan/dist/kpdl.js b/app/Views/kewilayahan/dist/kpdl.js index 307dd5b1..e02f3666 100644 --- a/app/Views/kewilayahan/dist/kpdl.js +++ b/app/Views/kewilayahan/dist/kpdl.js @@ -5703,7 +5703,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Card.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardHeader.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardTitle.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardBody.js\");\n/* harmony import */ var primereact_stepper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! primereact/stepper */ \"./node_modules/primereact/stepper/stepper.esm.js\");\n/* harmony import */ var primereact_stepperpanel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! primereact/stepperpanel */ \"./node_modules/primereact/stepperpanel/stepperpanel.esm.js\");\n/* harmony import */ var _componentPenugasanAktifitas_PenugasanKpdl_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./componentPenugasanAktifitas/PenugasanKpdl.js */ \"./app/Views/kewilayahan/kytp/componentPenugasanAktifitas/PenugasanKpdl.js\");\n/* harmony import */ var _componentPenugasanAktifitas_PerubahanPerilaku_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./componentPenugasanAktifitas/PerubahanPerilaku.js */ \"./app/Views/kewilayahan/kytp/componentPenugasanAktifitas/PerubahanPerilaku.js\");\n\n\n\n\n\n\n\n// const PerubahanPerilaku = lazy(() => import('./componentPenugasanAktifitas/PerubahanPerilaku.js'))\nconst TabPenugasan = ({\n dataSend\n}) => {\n const stepperRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n className: \"d-flex justify-content-center p-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n tag: 'h1',\n className: \"font-weight-bold\"\n }, \"Statistik Penugasan Matoa Tahun Berjalan\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n className: \"mb-0\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"card flex justify-content-center\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_stepper__WEBPACK_IMPORTED_MODULE_7__.Stepper, {\n ref: stepperRef,\n style: {\n flexBasis: '30rem'\n },\n pt: {\n nav: {\n style: {\n width: '70%'\n }\n }\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_stepperpanel__WEBPACK_IMPORTED_MODULE_8__.StepperPanel, {\n header: \"Identifikasi Lapangan (KPDL/MATOA)\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"flex flex-column h-12rem\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"font-medium\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_componentPenugasanAktifitas_PenugasanKpdl_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n dataSend: dataSend\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_stepperpanel__WEBPACK_IMPORTED_MODULE_8__.StepperPanel, {\n header: \"Perubahan Perilaku\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"flex flex-column h-12rem\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"font-medium\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_componentPenugasanAktifitas_PerubahanPerilaku_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n dataSend: dataSend\n })))))))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TabPenugasan);\n\n//# sourceURL=webpack://engineN/./app/Views/kewilayahan/kytp/TabPenugasan.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Card.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardHeader.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardTitle.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardBody.js\");\n/* harmony import */ var primereact_stepper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! primereact/stepper */ \"./node_modules/primereact/stepper/stepper.esm.js\");\n/* harmony import */ var primereact_stepperpanel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! primereact/stepperpanel */ \"./node_modules/primereact/stepperpanel/stepperpanel.esm.js\");\n/* harmony import */ var _componentPenugasanAktifitas_PenugasanKpdl_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./componentPenugasanAktifitas/PenugasanKpdl.js */ \"./app/Views/kewilayahan/kytp/componentPenugasanAktifitas/PenugasanKpdl.js\");\n/* harmony import */ var _componentPenugasanAktifitas_PerubahanPerilaku_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./componentPenugasanAktifitas/PerubahanPerilaku.js */ \"./app/Views/kewilayahan/kytp/componentPenugasanAktifitas/PerubahanPerilaku.js\");\n\n\n\n\n\n\n\n// const PerubahanPerilaku = lazy(() => import('./componentPenugasanAktifitas/PerubahanPerilaku.js'))\nconst TabPenugasan = ({\n dataSend\n}) => {\n const stepperRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n className: \"d-flex justify-content-center p-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n tag: 'h1',\n className: \"font-weight-bold\"\n }, \"Statistik Penugasan Matoa Tahun 2024\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n className: \"mb-0\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"card flex justify-content-center\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_stepper__WEBPACK_IMPORTED_MODULE_7__.Stepper, {\n ref: stepperRef,\n style: {\n flexBasis: '30rem'\n },\n pt: {\n nav: {\n style: {\n width: '70%'\n }\n }\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_stepperpanel__WEBPACK_IMPORTED_MODULE_8__.StepperPanel, {\n header: \"Identifikasi Lapangan (KPDL/MATOA)\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"flex flex-column h-12rem\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"font-medium\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_componentPenugasanAktifitas_PenugasanKpdl_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n dataSend: dataSend\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_stepperpanel__WEBPACK_IMPORTED_MODULE_8__.StepperPanel, {\n header: \"Perubahan Perilaku\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"flex flex-column h-12rem\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"font-medium\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_componentPenugasanAktifitas_PerubahanPerilaku_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n dataSend: dataSend\n })))))))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TabPenugasan);\n\n//# sourceURL=webpack://engineN/./app/Views/kewilayahan/kytp/TabPenugasan.js?"); /***/ }), @@ -5901,7 +5901,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Row.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Col.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Card.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardBody.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Nav.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/NavItem.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/NavLink.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/TabContent.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/TabPane.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Label.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardHeader.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardTitle.js\");\n/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! react-select */ \"./node_modules/react-select/dist/react-select.esm.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var collect_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! collect.js */ \"./node_modules/collect.js/dist/index.js\");\n/* harmony import */ var collect_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(collect_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ \"./app/Views/kewilayahan/kytp/util.js\");\n/* harmony import */ var react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-multi-select-component */ \"./node_modules/react-multi-select-component/dist/esm/index.js\");\n/* harmony import */ var highcharts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! highcharts */ \"./node_modules/highcharts/highcharts.js\");\n/* harmony import */ var highcharts__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(highcharts__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var highcharts_react_official__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! highcharts-react-official */ \"./node_modules/highcharts-react-official/dist/highcharts-react.min.js\");\n/* harmony import */ var highcharts_react_official__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(highcharts_react_official__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var primereact_toast__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! primereact/toast */ \"./node_modules/primereact/toast/toast.esm.js\");\n/* harmony import */ var primereact_button__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! primereact/button */ \"./node_modules/primereact/button/button.esm.js\");\n/* harmony import */ var primereact_resources_themes_bootstrap4_light_blue_theme_css__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! primereact/resources/themes/bootstrap4-light-blue/theme.css */ \"./node_modules/primereact/resources/themes/bootstrap4-light-blue/theme.css\");\n/* harmony import */ var primeflex_primeflex_css__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! primeflex/primeflex.css */ \"./node_modules/primeflex/primeflex.css\");\n/* harmony import */ var _TabProgresifitas__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./TabProgresifitas */ \"./app/Views/kewilayahan/kytp/TabProgresifitas.js\");\n/* harmony import */ var _TabPenugasan__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./TabPenugasan */ \"./app/Views/kewilayahan/kytp/TabPenugasan.js\");\n/* harmony import */ var _componentDepan_NipPerekam__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./componentDepan/NipPerekam */ \"./app/Views/kewilayahan/kytp/componentDepan/NipPerekam.js\");\n/* harmony import */ var _componentDepan_NipPengampu__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./componentDepan/NipPengampu */ \"./app/Views/kewilayahan/kytp/componentDepan/NipPengampu.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var _store_store__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./store/store */ \"./app/Views/kewilayahan/kytp/store/store.js\");\n/* harmony import */ var _store_KpdlStore__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./store/KpdlStore */ \"./app/Views/kewilayahan/kytp/store/KpdlStore.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// import 'bootstrap/dist/css/bootstrap.m in.css';\n// let datasend = {}\n\nconst Root = () => {\n const base_url = '/engineN/';\n const refChart1 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n const toast = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_16__.useDispatch)();\n const storeKpdl = (0,react_redux__WEBPACK_IMPORTED_MODULE_16__.useSelector)(state => state.kpdl);\n const [dataOpsi, setDataOpsi] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [active, setActive] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('zona');\n const [hiddenGraphMatoa, setHiddenGraphMatoa] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);\n const toggle = tab => {\n setActive(tab);\n };\n const [prop, setProp] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kota, setKota] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kec, setKec] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [kel, setKel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [propSelected, setPropSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kotaSelected, setKotaSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kecSelected, setKecSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [kelSelected, setKelSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [kanwil, setKanwil] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kpp, setKpp] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [seksi, setSeksi] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [ar, setAr] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [zp, setZp] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [kanwilSelected, setKanwilSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kppSelected, setKppSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [seksiSelected, setSeksiSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [arSelected, setArSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [zpSelected, setZpSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [dataSend, setDataSend] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n opsiWilZona: null,\n adm4_pcode: [],\n id_poly_zona: [],\n nip_ar_perekam: [],\n nip_ar_pengampu: []\n });\n const [dataGraphMatoa, setDataGraphMatoa] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n poi_agg: [],\n kpdl_agg: []\n });\n // let session = null\n const [session, setSession] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n // setTimeout(() => {\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/user',\n method: 'GET',\n dataType: 'json',\n success: data => {\n setSession(data);\n if (data.kppadm === '000') {\n toggle('wilayah');\n } else {\n toggle('zona');\n }\n }\n });\n // }, 2000)\n\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/propinsi',\n method: 'GET',\n dataType: 'json',\n success: data => {\n setProp(data);\n }\n });\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpkanwil',\n method: 'GET',\n dataType: 'json',\n success: data => {\n setKanwil(data);\n }\n });\n jquery__WEBPACK_IMPORTED_MODULE_2___default().getJSON(base_url + 'kewilayahan/ref/opsi').then(response => {\n setDataOpsi(response);\n dispatch((0,_store_KpdlStore__WEBPACK_IMPORTED_MODULE_15__.setSelectedOpsi)(response.default));\n });\n let judul = document.getElementById('judul');\n judul.innerHTML = '

E-Geospatial Thematic Tax

';\n }, []);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setKota({});\n setKec([]);\n setKel([]);\n setKotaSelected({});\n setKecSelected([]);\n setKelSelected([]);\n if (propSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(propSelected)) {\n const prop = propSelected.value;\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/kota',\n method: 'GET',\n dataType: 'json',\n data: {\n prop\n },\n success: data => {\n setKota(data);\n }\n });\n }\n }, [propSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setKec([]);\n setKel([]);\n setKecSelected([]);\n setKelSelected([]);\n if (kotaSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(kotaSelected)) {\n const kota = kotaSelected.value;\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/kecamatan',\n method: 'GET',\n dataType: 'json',\n data: {\n kota\n },\n success: data => {\n setKec(data);\n }\n });\n }\n }, [kotaSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setKel([]);\n setKelSelected([]);\n if (kecSelected.length && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(kecSelected)) {\n const kec = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(kecSelected).pluck('value').all();\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/kelurahan',\n method: 'POST',\n dataType: 'json',\n data: {\n kec\n },\n success: data => {\n setKel(data);\n }\n });\n }\n }, [kecSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setKpp(null);\n setSeksi([]);\n setAr([]);\n setZp([]);\n setKppSelected(null);\n setSeksiSelected([]);\n setArSelected([]);\n setZpSelected([]);\n if (kanwilSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(kanwilSelected)) {\n const kanwil = kanwilSelected.value;\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpkpp',\n method: 'POST',\n dataType: 'json',\n data: {\n kanwil\n },\n success: data => {\n setKpp(data);\n }\n });\n }\n }, [kanwilSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setSeksi([]);\n setAr([]);\n setZp([]);\n setSeksiSelected([]);\n setArSelected([]);\n setZpSelected([]);\n if (kppSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(kppSelected)) {\n const kpp = kppSelected.value;\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpseksi',\n method: 'POST',\n dataType: 'json',\n data: {\n kpp\n },\n success: data => {\n setSeksi(data);\n }\n });\n }\n }, [kppSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setAr([]);\n setZp([]);\n setArSelected([]);\n setZpSelected([]);\n if (seksiSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(seksiSelected)) {\n const kpp = kppSelected.value;\n const seksi = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(seksiSelected).pluck('value').all();\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpar',\n method: 'POST',\n dataType: 'json',\n data: {\n kpp,\n seksi\n },\n success: data => {\n setAr(data);\n }\n });\n }\n }, [seksiSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setZp([]);\n setZpSelected([]);\n if (arSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(arSelected)) {\n const kpp = kppSelected.value;\n const seksi = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(seksiSelected).pluck('value').all();\n const ar = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(arSelected).pluck('value').all();\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpzp',\n method: 'POST',\n dataType: 'json',\n data: {\n kpp,\n seksi,\n ar\n },\n success: data => {\n setZp(data);\n }\n });\n }\n }, [arSelected]);\n const buttonProsesOnClick = () => {\n const opsiWilZona = active;\n const adm4_pcode = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(kelSelected).pluck('value').all();\n const id_poly_zona = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(zpSelected).pluck('value').all();\n const nip_ar_pengampu = collect_js__WEBPACK_IMPORTED_MODULE_3___default()().pluck('value').all();\n switch (opsiWilZona) {\n case 'wilayah':\n if (adm4_pcode.length) {\n dispatch((0,_store_KpdlStore__WEBPACK_IMPORTED_MODULE_15__.setSelectedOpsi)(dataOpsi.wilayah));\n setDataSend({\n opsiWilZona: dataOpsi.wilayah.key,\n adm4_pcode,\n id_poly_zona: []\n });\n setHiddenGraphMatoa(false);\n } else {\n toast.current.show({\n severity: 'info',\n summary: 'Info',\n detail: 'Kelurahan harus dipilih'\n });\n }\n break;\n case 'zona':\n if (id_poly_zona.length) {\n dispatch((0,_store_KpdlStore__WEBPACK_IMPORTED_MODULE_15__.setSelectedOpsi)(dataOpsi.zona));\n setDataSend({\n opsiWilZona: dataOpsi.zona.key,\n adm4_pcode: [],\n id_poly_zona\n });\n setHiddenGraphMatoa(false);\n } else {\n toast.current.show({\n severity: 'info',\n summary: 'Info',\n detail: 'Zona harus dipilih'\n });\n }\n break;\n default:\n break;\n }\n };\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {}, [storeKpdl.selectedOpsi]);\n\n // useEffect(() => {\n // Highcharts.setOptions({\n // accessibility: false,\n // lang: {\n // decimalPoint: ',',\n // thousandsSep: '.',\n // numericSymbols: ['rb', 'jt', 'M', 'T', 'P', 'E']\n // },\n\n // tooltip: {\n // yDecimals: 2 // If you want to add 2 decimals\n // }\n // })\n // jquery.ajax({\n // url: base_url + 'kewilayahan/kytp/graph_matoa',\n // dataType: 'json',\n // type: 'POST',\n // data: { ...dataSend },\n // success: (data) => {\n // setDataGraphMatoa(data)\n // }\n // })\n // }, [dataSend])\n\n const optionsGraphMatoaAgg = {\n chart: {\n zoomType: 'xy',\n height: '320'\n },\n title: {\n text: 'Poi Google Vs Matoa',\n style: {\n fontSize: '14px'\n }\n },\n xAxis: [{\n categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\n crosshair: true\n }],\n yAxis: [{\n gridLineWidth: 0,\n title: {\n text: '',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[0]\n }\n },\n labels: {\n //format: '{value}',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[0]\n }\n },\n visible: false\n }, {\n labels: {\n //format: '{value}',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[1]\n }\n },\n title: {\n text: 'NPWP Work True',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[1]\n }\n },\n opposite: true,\n visible: false\n }, {\n gridLineWidth: 0,\n title: {\n text: 'Rupiah',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[2]\n }\n },\n labels: {\n //format: '{value}',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[2]\n }\n },\n opposite: true,\n visible: false\n }, {\n gridLineWidth: 0,\n title: {\n text: '',\n style: {\n color: '#FF0000'\n }\n },\n labels: {\n //format: '{value}',\n style: {\n color: '##FF0000'\n }\n },\n opposite: true\n }],\n tooltip: {\n shared: true\n },\n legend: {\n layout: 'horizontal',\n align: 'center',\n //x: 80,\n verticalAlign: 'top',\n //y: 55,\n //floating: true,\n backgroundColor: (highcharts__WEBPACK_IMPORTED_MODULE_6___default().defaultOptions).legend.backgroundColor ||\n // theme\n 'rgba(255,255,255,0.25)'\n },\n series: [{\n color: '#FF0000',\n name: 'Jml PoI',\n type: 'column',\n yAxis: 3,\n data: dataGraphMatoa.poi_agg,\n marker: {\n enabled: true\n },\n tooltip: {\n valueSuffix: ' PoI'\n }\n }, {\n name: 'Matoa',\n type: 'spline',\n yAxis: 3,\n data: dataGraphMatoa.kpdl_agg,\n marker: {\n enabled: true\n },\n tooltip: {\n pointFormatter: function () {\n const idx = this.index;\n let pct_coverage;\n const jml_poi_agg = dataGraphMatoa.poi_agg;\n if (jml_poi_agg[idx] && jml_poi_agg[idx] !== 0) {\n pct_coverage = (0,_util__WEBPACK_IMPORTED_MODULE_4__.format_angka)(parseFloat(parseFloat(this.y) / jml_poi_agg[idx] * 100).toFixed(2)) + '%';\n }\n let s = '\\u25CF ' + this.series.name + ': ' + (0,_util__WEBPACK_IMPORTED_MODULE_4__.format_angka)(this.y) + ' lokasi kpdl ' + (pct_coverage ? '(' + pct_coverage + ')
\\n' : '
');\n return s;\n },\n shared: false\n },\n visible: true,\n color: '#8000ff'\n }]\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n sm: \"12\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_21__[\"default\"], {\n tabs: true\n }, session.kppadm === '000' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n style: {\n cursor: 'pointer'\n },\n active: active === 'wilayah',\n onClick: () => {\n toggle('wilayah');\n }\n }, \"Wilayah Adm.\")) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n style: {\n cursor: 'pointer'\n },\n active: active === 'zona',\n onClick: () => {\n toggle('zona');\n }\n }, \"Zona Pengawasan\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n style: {\n cursor: 'pointer'\n },\n active: active === 'perekam',\n onClick: () => {\n toggle('perekam');\n }\n }, \"Perekam\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n style: {\n cursor: 'pointer'\n },\n active: active === 'pengampu',\n onClick: () => {\n toggle('pengampu');\n }\n }, \"Pengampu\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n className: \"py-3\",\n activeTab: active\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n tabId: \"wilayah\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"basicInput\"\n }, \"Propinsi\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_27__[\"default\"], {\n placeholder: \"Pilih Propinsi\",\n className: \"basic-single w-100\",\n onChange: e => {\n setPropSelected(e);\n },\n classNamePrefix: \"select\",\n defaultValue: propSelected,\n value: propSelected,\n isClearable: false,\n options: prop\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"basicInput\"\n }, \"Kota/Kab\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_27__[\"default\"], {\n placeholder: \"Pilih Kota/Kab\",\n className: \"basic-single w-100\",\n onChange: e => {\n setKotaSelected(e);\n },\n classNamePrefix: \"select\",\n defaultValue: kotaSelected,\n value: kotaSelected,\n isClearable: false,\n options: kota\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih Kecamatan\"\n }, \"Kecamatan\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: kec,\n value: kecSelected,\n onChange: e => {\n setKecSelected(e);\n },\n labelledBy: \"Pilih Kecamatan\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih Kecamatan'\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih Kelurahan\"\n }, \"Kelurahan\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: kel,\n value: kelSelected,\n onChange: e => {\n setKelSelected(e);\n },\n labelledBy: \"Pilih Kelurahan\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih Kelurahan'\n }\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n className: \"mt-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n sm: \"12\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_button__WEBPACK_IMPORTED_MODULE_28__.Button, {\n onClick: () => buttonProsesOnClick(),\n label: \"Proses\",\n severity: \"\",\n rounded: true,\n className: \"w-10rem text-white text-base\"\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n tabId: \"zona\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"basicInput\"\n }, \"Kanwil\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_27__[\"default\"], {\n placeholder: \"Pilih Kanwil\",\n className: \"basic-single w-100\",\n onChange: e => {\n setKanwilSelected(e);\n },\n classNamePrefix: \"select\"\n // defaultValue={kanwilSelected}\n ,\n value: kanwilSelected,\n isClearable: false,\n options: kanwil\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih KPP\"\n }, \"KPP\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_27__[\"default\"], {\n placeholder: \"Pilih KPP\",\n className: \"basic-single w-100\",\n onChange: e => {\n setKppSelected(e);\n },\n classNamePrefix: \"select\"\n // defaultValue={kanwilSelected}\n ,\n value: kppSelected,\n isClearable: false,\n options: kpp\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih Seksi\"\n }, \"Seksi\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: seksi,\n value: seksiSelected,\n onChange: e => {\n setSeksiSelected(e);\n },\n labelledBy: \"Pilih Seksi\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih Seksi'\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih AR\"\n }, \"AR\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: ar,\n value: arSelected,\n onChange: e => {\n setArSelected(e);\n },\n labelledBy: \"Pilih AR\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih AR'\n }\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n className: \"mt-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih Zona\"\n }, \"Zona Pengawasan\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: zp,\n value: zpSelected,\n onChange: e => {\n setZpSelected(e);\n },\n labelledBy: \"Pilih Zona\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih Zona'\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\",\n className: \"pt-4\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_button__WEBPACK_IMPORTED_MODULE_28__.Button, {\n onClick: () => buttonProsesOnClick(),\n label: \"Proses\",\n severity: \"\",\n rounded: true,\n className: \"w-10rem text-white text-base\"\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n tabId: \"perekam\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_componentDepan_NipPerekam__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n dataSend: dataSend,\n setDataSend: setDataSend,\n activeTab: active,\n toast: toast,\n setHiddenGraphMatoa: setHiddenGraphMatoa,\n dataOpsi: dataOpsi\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n tabId: \"pengampu\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_componentDepan_NipPengampu__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n dataSend: dataSend,\n setDataSend: setDataSend,\n activeTab: active,\n toast: toast,\n setHiddenGraphMatoa: setHiddenGraphMatoa,\n dataOpsi: dataOpsi\n }))))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n sm: \"12\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_29__[\"default\"], {\n className: \"d-flex justify-content-center p-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_30__[\"default\"], {\n tag: 'h1',\n className: \"font-weight-bold\"\n }, \"Tindak Lanjut Pengawasan KPD Matoa : registrasi, pembayaran, dan pelaporan SPT\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_TabProgresifitas__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n dataSend: dataSend\n }))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n sm: \"12\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_TabPenugasan__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n dataSend: dataSend\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_toast__WEBPACK_IMPORTED_MODULE_31__.Toast, {\n ref: toast\n }));\n};\nconst container = document.getElementById('app');\nconst component = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_redux__WEBPACK_IMPORTED_MODULE_16__.Provider, {\n store: _store_store__WEBPACK_IMPORTED_MODULE_14__.store\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Root, null));\nreact_dom__WEBPACK_IMPORTED_MODULE_1__.render(component, container);\n\n//# sourceURL=webpack://engineN/./app/Views/kewilayahan/kytp/kpdl.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Row.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Col.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Card.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardBody.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Nav.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/NavItem.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/NavLink.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/TabContent.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/TabPane.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Label.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardHeader.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardTitle.js\");\n/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! react-select */ \"./node_modules/react-select/dist/react-select.esm.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var collect_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! collect.js */ \"./node_modules/collect.js/dist/index.js\");\n/* harmony import */ var collect_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(collect_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ \"./app/Views/kewilayahan/kytp/util.js\");\n/* harmony import */ var react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-multi-select-component */ \"./node_modules/react-multi-select-component/dist/esm/index.js\");\n/* harmony import */ var highcharts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! highcharts */ \"./node_modules/highcharts/highcharts.js\");\n/* harmony import */ var highcharts__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(highcharts__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var highcharts_react_official__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! highcharts-react-official */ \"./node_modules/highcharts-react-official/dist/highcharts-react.min.js\");\n/* harmony import */ var highcharts_react_official__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(highcharts_react_official__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var primereact_toast__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! primereact/toast */ \"./node_modules/primereact/toast/toast.esm.js\");\n/* harmony import */ var primereact_button__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! primereact/button */ \"./node_modules/primereact/button/button.esm.js\");\n/* harmony import */ var primereact_resources_themes_bootstrap4_light_blue_theme_css__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! primereact/resources/themes/bootstrap4-light-blue/theme.css */ \"./node_modules/primereact/resources/themes/bootstrap4-light-blue/theme.css\");\n/* harmony import */ var primeflex_primeflex_css__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! primeflex/primeflex.css */ \"./node_modules/primeflex/primeflex.css\");\n/* harmony import */ var _TabProgresifitas__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./TabProgresifitas */ \"./app/Views/kewilayahan/kytp/TabProgresifitas.js\");\n/* harmony import */ var _TabPenugasan__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./TabPenugasan */ \"./app/Views/kewilayahan/kytp/TabPenugasan.js\");\n/* harmony import */ var _componentDepan_NipPerekam__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./componentDepan/NipPerekam */ \"./app/Views/kewilayahan/kytp/componentDepan/NipPerekam.js\");\n/* harmony import */ var _componentDepan_NipPengampu__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./componentDepan/NipPengampu */ \"./app/Views/kewilayahan/kytp/componentDepan/NipPengampu.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var _store_store__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./store/store */ \"./app/Views/kewilayahan/kytp/store/store.js\");\n/* harmony import */ var _store_KpdlStore__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./store/KpdlStore */ \"./app/Views/kewilayahan/kytp/store/KpdlStore.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// import 'bootstrap/dist/css/bootstrap.m in.css';\n// let datasend = {}\n\nconst Root = () => {\n const base_url = '/engineN/';\n const refChart1 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n const toast = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_16__.useDispatch)();\n const storeKpdl = (0,react_redux__WEBPACK_IMPORTED_MODULE_16__.useSelector)(state => state.kpdl);\n const [dataOpsi, setDataOpsi] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [active, setActive] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('zona');\n const [hiddenGraphMatoa, setHiddenGraphMatoa] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);\n const toggle = tab => {\n setActive(tab);\n };\n const [prop, setProp] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kota, setKota] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kec, setKec] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [kel, setKel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [propSelected, setPropSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kotaSelected, setKotaSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kecSelected, setKecSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [kelSelected, setKelSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [kanwil, setKanwil] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kpp, setKpp] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [seksi, setSeksi] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [ar, setAr] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [zp, setZp] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [kanwilSelected, setKanwilSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kppSelected, setKppSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [seksiSelected, setSeksiSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [arSelected, setArSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [zpSelected, setZpSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [dataSend, setDataSend] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n opsiWilZona: null,\n adm4_pcode: [],\n id_poly_zona: [],\n nip_ar_perekam: [],\n nip_ar_pengampu: []\n });\n const [dataGraphMatoa, setDataGraphMatoa] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n poi_agg: [],\n kpdl_agg: []\n });\n // let session = null\n const [session, setSession] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n // setTimeout(() => {\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/user',\n method: 'GET',\n dataType: 'json',\n success: data => {\n setSession(data);\n if (data.kppadm === '000') {\n toggle('wilayah');\n } else {\n toggle('zona');\n }\n }\n });\n // }, 2000)\n\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/propinsi',\n method: 'GET',\n dataType: 'json',\n success: data => {\n setProp(data);\n }\n });\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpkanwil',\n method: 'GET',\n dataType: 'json',\n success: data => {\n setKanwil(data);\n }\n });\n jquery__WEBPACK_IMPORTED_MODULE_2___default().getJSON(base_url + 'kewilayahan/ref/opsi').then(response => {\n setDataOpsi(response);\n dispatch((0,_store_KpdlStore__WEBPACK_IMPORTED_MODULE_15__.setSelectedOpsi)(response.default));\n });\n let judul = document.getElementById('judul');\n judul.innerHTML = '

E-Geospatial Thematic Tax

';\n }, []);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setKota({});\n setKec([]);\n setKel([]);\n setKotaSelected({});\n setKecSelected([]);\n setKelSelected([]);\n if (propSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(propSelected)) {\n const prop = propSelected.value;\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/kota',\n method: 'GET',\n dataType: 'json',\n data: {\n prop\n },\n success: data => {\n setKota(data);\n }\n });\n }\n }, [propSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setKec([]);\n setKel([]);\n setKecSelected([]);\n setKelSelected([]);\n if (kotaSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(kotaSelected)) {\n const kota = kotaSelected.value;\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/kecamatan',\n method: 'GET',\n dataType: 'json',\n data: {\n kota\n },\n success: data => {\n setKec(data);\n }\n });\n }\n }, [kotaSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setKel([]);\n setKelSelected([]);\n if (kecSelected.length && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(kecSelected)) {\n const kec = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(kecSelected).pluck('value').all();\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/kelurahan',\n method: 'POST',\n dataType: 'json',\n data: {\n kec\n },\n success: data => {\n setKel(data);\n }\n });\n }\n }, [kecSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setKpp(null);\n setSeksi([]);\n setAr([]);\n setZp([]);\n setKppSelected(null);\n setSeksiSelected([]);\n setArSelected([]);\n setZpSelected([]);\n if (kanwilSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(kanwilSelected)) {\n const kanwil = kanwilSelected.value;\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpkpp',\n method: 'POST',\n dataType: 'json',\n data: {\n kanwil\n },\n success: data => {\n setKpp(data);\n }\n });\n }\n }, [kanwilSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setSeksi([]);\n setAr([]);\n setZp([]);\n setSeksiSelected([]);\n setArSelected([]);\n setZpSelected([]);\n if (kppSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(kppSelected)) {\n const kpp = kppSelected.value;\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpseksi',\n method: 'POST',\n dataType: 'json',\n data: {\n kpp\n },\n success: data => {\n setSeksi(data);\n }\n });\n }\n }, [kppSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setAr([]);\n setZp([]);\n setArSelected([]);\n setZpSelected([]);\n if (seksiSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(seksiSelected)) {\n const kpp = kppSelected.value;\n const seksi = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(seksiSelected).pluck('value').all();\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpar',\n method: 'POST',\n dataType: 'json',\n data: {\n kpp,\n seksi\n },\n success: data => {\n setAr(data);\n }\n });\n }\n }, [seksiSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setZp([]);\n setZpSelected([]);\n if (arSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(arSelected)) {\n const kpp = kppSelected.value;\n const seksi = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(seksiSelected).pluck('value').all();\n const ar = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(arSelected).pluck('value').all();\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpzp',\n method: 'POST',\n dataType: 'json',\n data: {\n kpp,\n seksi,\n ar\n },\n success: data => {\n setZp(data);\n }\n });\n }\n }, [arSelected]);\n const buttonProsesOnClick = () => {\n const opsiWilZona = active;\n const adm4_pcode = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(kelSelected).pluck('value').all();\n const id_poly_zona = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(zpSelected).pluck('value').all();\n const nip_ar_pengampu = collect_js__WEBPACK_IMPORTED_MODULE_3___default()().pluck('value').all();\n switch (opsiWilZona) {\n case 'wilayah':\n if (adm4_pcode.length) {\n dispatch((0,_store_KpdlStore__WEBPACK_IMPORTED_MODULE_15__.setSelectedOpsi)(dataOpsi.wilayah));\n setDataSend({\n opsiWilZona: dataOpsi.wilayah.key,\n adm4_pcode,\n id_poly_zona: []\n });\n setHiddenGraphMatoa(false);\n } else {\n toast.current.show({\n severity: 'info',\n summary: 'Info',\n detail: 'Kelurahan harus dipilih'\n });\n }\n break;\n case 'zona':\n if (id_poly_zona.length) {\n dispatch((0,_store_KpdlStore__WEBPACK_IMPORTED_MODULE_15__.setSelectedOpsi)(dataOpsi.zona));\n setDataSend({\n opsiWilZona: dataOpsi.zona.key,\n adm4_pcode: [],\n id_poly_zona\n });\n setHiddenGraphMatoa(false);\n } else {\n toast.current.show({\n severity: 'info',\n summary: 'Info',\n detail: 'Zona harus dipilih'\n });\n }\n break;\n default:\n break;\n }\n };\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {}, [storeKpdl.selectedOpsi]);\n\n // useEffect(() => {\n // Highcharts.setOptions({\n // accessibility: false,\n // lang: {\n // decimalPoint: ',',\n // thousandsSep: '.',\n // numericSymbols: ['rb', 'jt', 'M', 'T', 'P', 'E']\n // },\n\n // tooltip: {\n // yDecimals: 2 // If you want to add 2 decimals\n // }\n // })\n // jquery.ajax({\n // url: base_url + 'kewilayahan/kytp/graph_matoa',\n // dataType: 'json',\n // type: 'POST',\n // data: { ...dataSend },\n // success: (data) => {\n // setDataGraphMatoa(data)\n // }\n // })\n // }, [dataSend])\n\n const optionsGraphMatoaAgg = {\n chart: {\n zoomType: 'xy',\n height: '320'\n },\n title: {\n text: 'Poi Google Vs Matoa',\n style: {\n fontSize: '14px'\n }\n },\n xAxis: [{\n categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\n crosshair: true\n }],\n yAxis: [{\n gridLineWidth: 0,\n title: {\n text: '',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[0]\n }\n },\n labels: {\n //format: '{value}',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[0]\n }\n },\n visible: false\n }, {\n labels: {\n //format: '{value}',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[1]\n }\n },\n title: {\n text: 'NPWP Work True',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[1]\n }\n },\n opposite: true,\n visible: false\n }, {\n gridLineWidth: 0,\n title: {\n text: 'Rupiah',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[2]\n }\n },\n labels: {\n //format: '{value}',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[2]\n }\n },\n opposite: true,\n visible: false\n }, {\n gridLineWidth: 0,\n title: {\n text: '',\n style: {\n color: '#FF0000'\n }\n },\n labels: {\n //format: '{value}',\n style: {\n color: '##FF0000'\n }\n },\n opposite: true\n }],\n tooltip: {\n shared: true\n },\n legend: {\n layout: 'horizontal',\n align: 'center',\n //x: 80,\n verticalAlign: 'top',\n //y: 55,\n //floating: true,\n backgroundColor: (highcharts__WEBPACK_IMPORTED_MODULE_6___default().defaultOptions).legend.backgroundColor ||\n // theme\n 'rgba(255,255,255,0.25)'\n },\n series: [{\n color: '#FF0000',\n name: 'Jml PoI',\n type: 'column',\n yAxis: 3,\n data: dataGraphMatoa.poi_agg,\n marker: {\n enabled: true\n },\n tooltip: {\n valueSuffix: ' PoI'\n }\n }, {\n name: 'Matoa',\n type: 'spline',\n yAxis: 3,\n data: dataGraphMatoa.kpdl_agg,\n marker: {\n enabled: true\n },\n tooltip: {\n pointFormatter: function () {\n const idx = this.index;\n let pct_coverage;\n const jml_poi_agg = dataGraphMatoa.poi_agg;\n if (jml_poi_agg[idx] && jml_poi_agg[idx] !== 0) {\n pct_coverage = (0,_util__WEBPACK_IMPORTED_MODULE_4__.format_angka)(parseFloat(parseFloat(this.y) / jml_poi_agg[idx] * 100).toFixed(2)) + '%';\n }\n let s = '\\u25CF ' + this.series.name + ': ' + (0,_util__WEBPACK_IMPORTED_MODULE_4__.format_angka)(this.y) + ' lokasi kpdl ' + (pct_coverage ? '(' + pct_coverage + ')
\\n' : '
');\n return s;\n },\n shared: false\n },\n visible: true,\n color: '#8000ff'\n }]\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n sm: \"12\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_21__[\"default\"], {\n tabs: true\n }, session.kppadm === '000' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n style: {\n cursor: 'pointer'\n },\n active: active === 'wilayah',\n onClick: () => {\n toggle('wilayah');\n }\n }, \"Wilayah Adm.\")) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n style: {\n cursor: 'pointer'\n },\n active: active === 'zona',\n onClick: () => {\n toggle('zona');\n }\n }, \"Zona Pengawasan\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n style: {\n cursor: 'pointer'\n },\n active: active === 'perekam',\n onClick: () => {\n toggle('perekam');\n }\n }, \"Perekam\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n style: {\n cursor: 'pointer'\n },\n active: active === 'pengampu',\n onClick: () => {\n toggle('pengampu');\n }\n }, \"Pengampu\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n className: \"py-3\",\n activeTab: active\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n tabId: \"wilayah\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"basicInput\"\n }, \"Propinsi\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_27__[\"default\"], {\n placeholder: \"Pilih Propinsi\",\n className: \"basic-single w-100\",\n onChange: e => {\n setPropSelected(e);\n },\n classNamePrefix: \"select\",\n defaultValue: propSelected,\n value: propSelected,\n isClearable: false,\n options: prop\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"basicInput\"\n }, \"Kota/Kab\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_27__[\"default\"], {\n placeholder: \"Pilih Kota/Kab\",\n className: \"basic-single w-100\",\n onChange: e => {\n setKotaSelected(e);\n },\n classNamePrefix: \"select\",\n defaultValue: kotaSelected,\n value: kotaSelected,\n isClearable: false,\n options: kota\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih Kecamatan\"\n }, \"Kecamatan\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: kec,\n value: kecSelected,\n onChange: e => {\n setKecSelected(e);\n },\n labelledBy: \"Pilih Kecamatan\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih Kecamatan'\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih Kelurahan\"\n }, \"Kelurahan\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: kel,\n value: kelSelected,\n onChange: e => {\n setKelSelected(e);\n },\n labelledBy: \"Pilih Kelurahan\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih Kelurahan'\n }\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n className: \"mt-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n sm: \"12\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_button__WEBPACK_IMPORTED_MODULE_28__.Button, {\n onClick: () => buttonProsesOnClick(),\n label: \"Proses\",\n severity: \"\",\n rounded: true,\n className: \"w-10rem text-white text-base\"\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n tabId: \"zona\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"basicInput\"\n }, \"Kanwil\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_27__[\"default\"], {\n placeholder: \"Pilih Kanwil\",\n className: \"basic-single w-100\",\n onChange: e => {\n setKanwilSelected(e);\n },\n classNamePrefix: \"select\"\n // defaultValue={kanwilSelected}\n ,\n value: kanwilSelected,\n isClearable: false,\n options: kanwil\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih KPP\"\n }, \"KPP\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_27__[\"default\"], {\n placeholder: \"Pilih KPP\",\n className: \"basic-single w-100\",\n onChange: e => {\n setKppSelected(e);\n },\n classNamePrefix: \"select\"\n // defaultValue={kanwilSelected}\n ,\n value: kppSelected,\n isClearable: false,\n options: kpp\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih Seksi\"\n }, \"Seksi\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: seksi,\n value: seksiSelected,\n onChange: e => {\n setSeksiSelected(e);\n },\n labelledBy: \"Pilih Seksi\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih Seksi'\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih AR\"\n }, \"AR\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: ar,\n value: arSelected,\n onChange: e => {\n setArSelected(e);\n },\n labelledBy: \"Pilih AR\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih AR'\n }\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n className: \"mt-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih Zona\"\n }, \"Zona Pengawasan\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: zp,\n value: zpSelected,\n onChange: e => {\n setZpSelected(e);\n },\n labelledBy: \"Pilih Zona\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih Zona'\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\",\n className: \"pt-4\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_button__WEBPACK_IMPORTED_MODULE_28__.Button, {\n onClick: () => buttonProsesOnClick(),\n label: \"Proses\",\n severity: \"\",\n rounded: true,\n className: \"w-10rem text-white text-base\"\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n tabId: \"perekam\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_componentDepan_NipPerekam__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n dataSend: dataSend,\n setDataSend: setDataSend,\n activeTab: active,\n toast: toast,\n setHiddenGraphMatoa: setHiddenGraphMatoa,\n dataOpsi: dataOpsi\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n tabId: \"pengampu\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_componentDepan_NipPengampu__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n dataSend: dataSend,\n setDataSend: setDataSend,\n activeTab: active,\n toast: toast,\n setHiddenGraphMatoa: setHiddenGraphMatoa,\n dataOpsi: dataOpsi\n }))))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n sm: \"12\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_29__[\"default\"], {\n className: \"d-flex justify-content-center p-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_30__[\"default\"], {\n tag: 'h1',\n className: \"font-weight-bold text-center\"\n }, \"Tindak Lanjut Pengawasan KPD Matoa : registrasi, pembayaran, dan pelaporan SPT\", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"br\", null), \"Tahun kegiatan 2024\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_TabProgresifitas__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n dataSend: dataSend\n }))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n sm: \"12\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_TabPenugasan__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n dataSend: dataSend\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_toast__WEBPACK_IMPORTED_MODULE_31__.Toast, {\n ref: toast\n }));\n};\nconst container = document.getElementById('app');\nconst component = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_redux__WEBPACK_IMPORTED_MODULE_16__.Provider, {\n store: _store_store__WEBPACK_IMPORTED_MODULE_14__.store\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Root, null));\nreact_dom__WEBPACK_IMPORTED_MODULE_1__.render(component, container);\n\n//# sourceURL=webpack://engineN/./app/Views/kewilayahan/kytp/kpdl.js?"); /***/ }), diff --git a/app/Views/kewilayahan/kytp/TabPenugasan.js b/app/Views/kewilayahan/kytp/TabPenugasan.js index 7b0f81cb..5a4728ad 100644 --- a/app/Views/kewilayahan/kytp/TabPenugasan.js +++ b/app/Views/kewilayahan/kytp/TabPenugasan.js @@ -13,7 +13,7 @@ const TabPenugasan = ({ dataSend }) => { - Statistik Penugasan Matoa Tahun Berjalan + Statistik Penugasan Matoa Tahun 2024 diff --git a/app/Views/kewilayahan/kytp/kpdl.js b/app/Views/kewilayahan/kytp/kpdl.js index e90e669c..009a5e3e 100644 --- a/app/Views/kewilayahan/kytp/kpdl.js +++ b/app/Views/kewilayahan/kytp/kpdl.js @@ -724,8 +724,10 @@ const Root = () => { - + Tindak Lanjut Pengawasan KPD Matoa : registrasi, pembayaran, dan pelaporan SPT +
+ Tahun kegiatan 2024 diff --git a/public/kpdl/dist/kpdl.js b/public/kpdl/dist/kpdl.js index 307dd5b1..e02f3666 100644 --- a/public/kpdl/dist/kpdl.js +++ b/public/kpdl/dist/kpdl.js @@ -5703,7 +5703,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Card.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardHeader.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardTitle.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardBody.js\");\n/* harmony import */ var primereact_stepper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! primereact/stepper */ \"./node_modules/primereact/stepper/stepper.esm.js\");\n/* harmony import */ var primereact_stepperpanel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! primereact/stepperpanel */ \"./node_modules/primereact/stepperpanel/stepperpanel.esm.js\");\n/* harmony import */ var _componentPenugasanAktifitas_PenugasanKpdl_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./componentPenugasanAktifitas/PenugasanKpdl.js */ \"./app/Views/kewilayahan/kytp/componentPenugasanAktifitas/PenugasanKpdl.js\");\n/* harmony import */ var _componentPenugasanAktifitas_PerubahanPerilaku_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./componentPenugasanAktifitas/PerubahanPerilaku.js */ \"./app/Views/kewilayahan/kytp/componentPenugasanAktifitas/PerubahanPerilaku.js\");\n\n\n\n\n\n\n\n// const PerubahanPerilaku = lazy(() => import('./componentPenugasanAktifitas/PerubahanPerilaku.js'))\nconst TabPenugasan = ({\n dataSend\n}) => {\n const stepperRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n className: \"d-flex justify-content-center p-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n tag: 'h1',\n className: \"font-weight-bold\"\n }, \"Statistik Penugasan Matoa Tahun Berjalan\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n className: \"mb-0\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"card flex justify-content-center\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_stepper__WEBPACK_IMPORTED_MODULE_7__.Stepper, {\n ref: stepperRef,\n style: {\n flexBasis: '30rem'\n },\n pt: {\n nav: {\n style: {\n width: '70%'\n }\n }\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_stepperpanel__WEBPACK_IMPORTED_MODULE_8__.StepperPanel, {\n header: \"Identifikasi Lapangan (KPDL/MATOA)\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"flex flex-column h-12rem\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"font-medium\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_componentPenugasanAktifitas_PenugasanKpdl_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n dataSend: dataSend\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_stepperpanel__WEBPACK_IMPORTED_MODULE_8__.StepperPanel, {\n header: \"Perubahan Perilaku\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"flex flex-column h-12rem\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"font-medium\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_componentPenugasanAktifitas_PerubahanPerilaku_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n dataSend: dataSend\n })))))))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TabPenugasan);\n\n//# sourceURL=webpack://engineN/./app/Views/kewilayahan/kytp/TabPenugasan.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Card.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardHeader.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardTitle.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardBody.js\");\n/* harmony import */ var primereact_stepper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! primereact/stepper */ \"./node_modules/primereact/stepper/stepper.esm.js\");\n/* harmony import */ var primereact_stepperpanel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! primereact/stepperpanel */ \"./node_modules/primereact/stepperpanel/stepperpanel.esm.js\");\n/* harmony import */ var _componentPenugasanAktifitas_PenugasanKpdl_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./componentPenugasanAktifitas/PenugasanKpdl.js */ \"./app/Views/kewilayahan/kytp/componentPenugasanAktifitas/PenugasanKpdl.js\");\n/* harmony import */ var _componentPenugasanAktifitas_PerubahanPerilaku_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./componentPenugasanAktifitas/PerubahanPerilaku.js */ \"./app/Views/kewilayahan/kytp/componentPenugasanAktifitas/PerubahanPerilaku.js\");\n\n\n\n\n\n\n\n// const PerubahanPerilaku = lazy(() => import('./componentPenugasanAktifitas/PerubahanPerilaku.js'))\nconst TabPenugasan = ({\n dataSend\n}) => {\n const stepperRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_3__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n className: \"d-flex justify-content-center p-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n tag: 'h1',\n className: \"font-weight-bold\"\n }, \"Statistik Penugasan Matoa Tahun 2024\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n className: \"mb-0\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"card flex justify-content-center\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_stepper__WEBPACK_IMPORTED_MODULE_7__.Stepper, {\n ref: stepperRef,\n style: {\n flexBasis: '30rem'\n },\n pt: {\n nav: {\n style: {\n width: '70%'\n }\n }\n }\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_stepperpanel__WEBPACK_IMPORTED_MODULE_8__.StepperPanel, {\n header: \"Identifikasi Lapangan (KPDL/MATOA)\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"flex flex-column h-12rem\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"font-medium\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_componentPenugasanAktifitas_PenugasanKpdl_js__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n dataSend: dataSend\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_stepperpanel__WEBPACK_IMPORTED_MODULE_8__.StepperPanel, {\n header: \"Perubahan Perilaku\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"flex flex-column h-12rem\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"div\", {\n className: \"font-medium\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_componentPenugasanAktifitas_PerubahanPerilaku_js__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n dataSend: dataSend\n })))))))));\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TabPenugasan);\n\n//# sourceURL=webpack://engineN/./app/Views/kewilayahan/kytp/TabPenugasan.js?"); /***/ }), @@ -5901,7 +5901,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Row.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Col.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Card.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardBody.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Nav.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/NavItem.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/NavLink.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/TabContent.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/TabPane.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Label.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardHeader.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardTitle.js\");\n/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! react-select */ \"./node_modules/react-select/dist/react-select.esm.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var collect_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! collect.js */ \"./node_modules/collect.js/dist/index.js\");\n/* harmony import */ var collect_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(collect_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ \"./app/Views/kewilayahan/kytp/util.js\");\n/* harmony import */ var react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-multi-select-component */ \"./node_modules/react-multi-select-component/dist/esm/index.js\");\n/* harmony import */ var highcharts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! highcharts */ \"./node_modules/highcharts/highcharts.js\");\n/* harmony import */ var highcharts__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(highcharts__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var highcharts_react_official__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! highcharts-react-official */ \"./node_modules/highcharts-react-official/dist/highcharts-react.min.js\");\n/* harmony import */ var highcharts_react_official__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(highcharts_react_official__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var primereact_toast__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! primereact/toast */ \"./node_modules/primereact/toast/toast.esm.js\");\n/* harmony import */ var primereact_button__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! primereact/button */ \"./node_modules/primereact/button/button.esm.js\");\n/* harmony import */ var primereact_resources_themes_bootstrap4_light_blue_theme_css__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! primereact/resources/themes/bootstrap4-light-blue/theme.css */ \"./node_modules/primereact/resources/themes/bootstrap4-light-blue/theme.css\");\n/* harmony import */ var primeflex_primeflex_css__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! primeflex/primeflex.css */ \"./node_modules/primeflex/primeflex.css\");\n/* harmony import */ var _TabProgresifitas__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./TabProgresifitas */ \"./app/Views/kewilayahan/kytp/TabProgresifitas.js\");\n/* harmony import */ var _TabPenugasan__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./TabPenugasan */ \"./app/Views/kewilayahan/kytp/TabPenugasan.js\");\n/* harmony import */ var _componentDepan_NipPerekam__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./componentDepan/NipPerekam */ \"./app/Views/kewilayahan/kytp/componentDepan/NipPerekam.js\");\n/* harmony import */ var _componentDepan_NipPengampu__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./componentDepan/NipPengampu */ \"./app/Views/kewilayahan/kytp/componentDepan/NipPengampu.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var _store_store__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./store/store */ \"./app/Views/kewilayahan/kytp/store/store.js\");\n/* harmony import */ var _store_KpdlStore__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./store/KpdlStore */ \"./app/Views/kewilayahan/kytp/store/KpdlStore.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// import 'bootstrap/dist/css/bootstrap.m in.css';\n// let datasend = {}\n\nconst Root = () => {\n const base_url = '/engineN/';\n const refChart1 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n const toast = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_16__.useDispatch)();\n const storeKpdl = (0,react_redux__WEBPACK_IMPORTED_MODULE_16__.useSelector)(state => state.kpdl);\n const [dataOpsi, setDataOpsi] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [active, setActive] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('zona');\n const [hiddenGraphMatoa, setHiddenGraphMatoa] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);\n const toggle = tab => {\n setActive(tab);\n };\n const [prop, setProp] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kota, setKota] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kec, setKec] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [kel, setKel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [propSelected, setPropSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kotaSelected, setKotaSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kecSelected, setKecSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [kelSelected, setKelSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [kanwil, setKanwil] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kpp, setKpp] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [seksi, setSeksi] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [ar, setAr] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [zp, setZp] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [kanwilSelected, setKanwilSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kppSelected, setKppSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [seksiSelected, setSeksiSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [arSelected, setArSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [zpSelected, setZpSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [dataSend, setDataSend] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n opsiWilZona: null,\n adm4_pcode: [],\n id_poly_zona: [],\n nip_ar_perekam: [],\n nip_ar_pengampu: []\n });\n const [dataGraphMatoa, setDataGraphMatoa] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n poi_agg: [],\n kpdl_agg: []\n });\n // let session = null\n const [session, setSession] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n // setTimeout(() => {\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/user',\n method: 'GET',\n dataType: 'json',\n success: data => {\n setSession(data);\n if (data.kppadm === '000') {\n toggle('wilayah');\n } else {\n toggle('zona');\n }\n }\n });\n // }, 2000)\n\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/propinsi',\n method: 'GET',\n dataType: 'json',\n success: data => {\n setProp(data);\n }\n });\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpkanwil',\n method: 'GET',\n dataType: 'json',\n success: data => {\n setKanwil(data);\n }\n });\n jquery__WEBPACK_IMPORTED_MODULE_2___default().getJSON(base_url + 'kewilayahan/ref/opsi').then(response => {\n setDataOpsi(response);\n dispatch((0,_store_KpdlStore__WEBPACK_IMPORTED_MODULE_15__.setSelectedOpsi)(response.default));\n });\n let judul = document.getElementById('judul');\n judul.innerHTML = '

E-Geospatial Thematic Tax

';\n }, []);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setKota({});\n setKec([]);\n setKel([]);\n setKotaSelected({});\n setKecSelected([]);\n setKelSelected([]);\n if (propSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(propSelected)) {\n const prop = propSelected.value;\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/kota',\n method: 'GET',\n dataType: 'json',\n data: {\n prop\n },\n success: data => {\n setKota(data);\n }\n });\n }\n }, [propSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setKec([]);\n setKel([]);\n setKecSelected([]);\n setKelSelected([]);\n if (kotaSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(kotaSelected)) {\n const kota = kotaSelected.value;\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/kecamatan',\n method: 'GET',\n dataType: 'json',\n data: {\n kota\n },\n success: data => {\n setKec(data);\n }\n });\n }\n }, [kotaSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setKel([]);\n setKelSelected([]);\n if (kecSelected.length && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(kecSelected)) {\n const kec = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(kecSelected).pluck('value').all();\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/kelurahan',\n method: 'POST',\n dataType: 'json',\n data: {\n kec\n },\n success: data => {\n setKel(data);\n }\n });\n }\n }, [kecSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setKpp(null);\n setSeksi([]);\n setAr([]);\n setZp([]);\n setKppSelected(null);\n setSeksiSelected([]);\n setArSelected([]);\n setZpSelected([]);\n if (kanwilSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(kanwilSelected)) {\n const kanwil = kanwilSelected.value;\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpkpp',\n method: 'POST',\n dataType: 'json',\n data: {\n kanwil\n },\n success: data => {\n setKpp(data);\n }\n });\n }\n }, [kanwilSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setSeksi([]);\n setAr([]);\n setZp([]);\n setSeksiSelected([]);\n setArSelected([]);\n setZpSelected([]);\n if (kppSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(kppSelected)) {\n const kpp = kppSelected.value;\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpseksi',\n method: 'POST',\n dataType: 'json',\n data: {\n kpp\n },\n success: data => {\n setSeksi(data);\n }\n });\n }\n }, [kppSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setAr([]);\n setZp([]);\n setArSelected([]);\n setZpSelected([]);\n if (seksiSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(seksiSelected)) {\n const kpp = kppSelected.value;\n const seksi = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(seksiSelected).pluck('value').all();\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpar',\n method: 'POST',\n dataType: 'json',\n data: {\n kpp,\n seksi\n },\n success: data => {\n setAr(data);\n }\n });\n }\n }, [seksiSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setZp([]);\n setZpSelected([]);\n if (arSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(arSelected)) {\n const kpp = kppSelected.value;\n const seksi = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(seksiSelected).pluck('value').all();\n const ar = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(arSelected).pluck('value').all();\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpzp',\n method: 'POST',\n dataType: 'json',\n data: {\n kpp,\n seksi,\n ar\n },\n success: data => {\n setZp(data);\n }\n });\n }\n }, [arSelected]);\n const buttonProsesOnClick = () => {\n const opsiWilZona = active;\n const adm4_pcode = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(kelSelected).pluck('value').all();\n const id_poly_zona = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(zpSelected).pluck('value').all();\n const nip_ar_pengampu = collect_js__WEBPACK_IMPORTED_MODULE_3___default()().pluck('value').all();\n switch (opsiWilZona) {\n case 'wilayah':\n if (adm4_pcode.length) {\n dispatch((0,_store_KpdlStore__WEBPACK_IMPORTED_MODULE_15__.setSelectedOpsi)(dataOpsi.wilayah));\n setDataSend({\n opsiWilZona: dataOpsi.wilayah.key,\n adm4_pcode,\n id_poly_zona: []\n });\n setHiddenGraphMatoa(false);\n } else {\n toast.current.show({\n severity: 'info',\n summary: 'Info',\n detail: 'Kelurahan harus dipilih'\n });\n }\n break;\n case 'zona':\n if (id_poly_zona.length) {\n dispatch((0,_store_KpdlStore__WEBPACK_IMPORTED_MODULE_15__.setSelectedOpsi)(dataOpsi.zona));\n setDataSend({\n opsiWilZona: dataOpsi.zona.key,\n adm4_pcode: [],\n id_poly_zona\n });\n setHiddenGraphMatoa(false);\n } else {\n toast.current.show({\n severity: 'info',\n summary: 'Info',\n detail: 'Zona harus dipilih'\n });\n }\n break;\n default:\n break;\n }\n };\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {}, [storeKpdl.selectedOpsi]);\n\n // useEffect(() => {\n // Highcharts.setOptions({\n // accessibility: false,\n // lang: {\n // decimalPoint: ',',\n // thousandsSep: '.',\n // numericSymbols: ['rb', 'jt', 'M', 'T', 'P', 'E']\n // },\n\n // tooltip: {\n // yDecimals: 2 // If you want to add 2 decimals\n // }\n // })\n // jquery.ajax({\n // url: base_url + 'kewilayahan/kytp/graph_matoa',\n // dataType: 'json',\n // type: 'POST',\n // data: { ...dataSend },\n // success: (data) => {\n // setDataGraphMatoa(data)\n // }\n // })\n // }, [dataSend])\n\n const optionsGraphMatoaAgg = {\n chart: {\n zoomType: 'xy',\n height: '320'\n },\n title: {\n text: 'Poi Google Vs Matoa',\n style: {\n fontSize: '14px'\n }\n },\n xAxis: [{\n categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\n crosshair: true\n }],\n yAxis: [{\n gridLineWidth: 0,\n title: {\n text: '',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[0]\n }\n },\n labels: {\n //format: '{value}',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[0]\n }\n },\n visible: false\n }, {\n labels: {\n //format: '{value}',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[1]\n }\n },\n title: {\n text: 'NPWP Work True',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[1]\n }\n },\n opposite: true,\n visible: false\n }, {\n gridLineWidth: 0,\n title: {\n text: 'Rupiah',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[2]\n }\n },\n labels: {\n //format: '{value}',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[2]\n }\n },\n opposite: true,\n visible: false\n }, {\n gridLineWidth: 0,\n title: {\n text: '',\n style: {\n color: '#FF0000'\n }\n },\n labels: {\n //format: '{value}',\n style: {\n color: '##FF0000'\n }\n },\n opposite: true\n }],\n tooltip: {\n shared: true\n },\n legend: {\n layout: 'horizontal',\n align: 'center',\n //x: 80,\n verticalAlign: 'top',\n //y: 55,\n //floating: true,\n backgroundColor: (highcharts__WEBPACK_IMPORTED_MODULE_6___default().defaultOptions).legend.backgroundColor ||\n // theme\n 'rgba(255,255,255,0.25)'\n },\n series: [{\n color: '#FF0000',\n name: 'Jml PoI',\n type: 'column',\n yAxis: 3,\n data: dataGraphMatoa.poi_agg,\n marker: {\n enabled: true\n },\n tooltip: {\n valueSuffix: ' PoI'\n }\n }, {\n name: 'Matoa',\n type: 'spline',\n yAxis: 3,\n data: dataGraphMatoa.kpdl_agg,\n marker: {\n enabled: true\n },\n tooltip: {\n pointFormatter: function () {\n const idx = this.index;\n let pct_coverage;\n const jml_poi_agg = dataGraphMatoa.poi_agg;\n if (jml_poi_agg[idx] && jml_poi_agg[idx] !== 0) {\n pct_coverage = (0,_util__WEBPACK_IMPORTED_MODULE_4__.format_angka)(parseFloat(parseFloat(this.y) / jml_poi_agg[idx] * 100).toFixed(2)) + '%';\n }\n let s = '\\u25CF ' + this.series.name + ': ' + (0,_util__WEBPACK_IMPORTED_MODULE_4__.format_angka)(this.y) + ' lokasi kpdl ' + (pct_coverage ? '(' + pct_coverage + ')
\\n' : '
');\n return s;\n },\n shared: false\n },\n visible: true,\n color: '#8000ff'\n }]\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n sm: \"12\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_21__[\"default\"], {\n tabs: true\n }, session.kppadm === '000' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n style: {\n cursor: 'pointer'\n },\n active: active === 'wilayah',\n onClick: () => {\n toggle('wilayah');\n }\n }, \"Wilayah Adm.\")) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n style: {\n cursor: 'pointer'\n },\n active: active === 'zona',\n onClick: () => {\n toggle('zona');\n }\n }, \"Zona Pengawasan\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n style: {\n cursor: 'pointer'\n },\n active: active === 'perekam',\n onClick: () => {\n toggle('perekam');\n }\n }, \"Perekam\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n style: {\n cursor: 'pointer'\n },\n active: active === 'pengampu',\n onClick: () => {\n toggle('pengampu');\n }\n }, \"Pengampu\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n className: \"py-3\",\n activeTab: active\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n tabId: \"wilayah\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"basicInput\"\n }, \"Propinsi\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_27__[\"default\"], {\n placeholder: \"Pilih Propinsi\",\n className: \"basic-single w-100\",\n onChange: e => {\n setPropSelected(e);\n },\n classNamePrefix: \"select\",\n defaultValue: propSelected,\n value: propSelected,\n isClearable: false,\n options: prop\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"basicInput\"\n }, \"Kota/Kab\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_27__[\"default\"], {\n placeholder: \"Pilih Kota/Kab\",\n className: \"basic-single w-100\",\n onChange: e => {\n setKotaSelected(e);\n },\n classNamePrefix: \"select\",\n defaultValue: kotaSelected,\n value: kotaSelected,\n isClearable: false,\n options: kota\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih Kecamatan\"\n }, \"Kecamatan\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: kec,\n value: kecSelected,\n onChange: e => {\n setKecSelected(e);\n },\n labelledBy: \"Pilih Kecamatan\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih Kecamatan'\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih Kelurahan\"\n }, \"Kelurahan\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: kel,\n value: kelSelected,\n onChange: e => {\n setKelSelected(e);\n },\n labelledBy: \"Pilih Kelurahan\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih Kelurahan'\n }\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n className: \"mt-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n sm: \"12\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_button__WEBPACK_IMPORTED_MODULE_28__.Button, {\n onClick: () => buttonProsesOnClick(),\n label: \"Proses\",\n severity: \"\",\n rounded: true,\n className: \"w-10rem text-white text-base\"\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n tabId: \"zona\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"basicInput\"\n }, \"Kanwil\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_27__[\"default\"], {\n placeholder: \"Pilih Kanwil\",\n className: \"basic-single w-100\",\n onChange: e => {\n setKanwilSelected(e);\n },\n classNamePrefix: \"select\"\n // defaultValue={kanwilSelected}\n ,\n value: kanwilSelected,\n isClearable: false,\n options: kanwil\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih KPP\"\n }, \"KPP\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_27__[\"default\"], {\n placeholder: \"Pilih KPP\",\n className: \"basic-single w-100\",\n onChange: e => {\n setKppSelected(e);\n },\n classNamePrefix: \"select\"\n // defaultValue={kanwilSelected}\n ,\n value: kppSelected,\n isClearable: false,\n options: kpp\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih Seksi\"\n }, \"Seksi\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: seksi,\n value: seksiSelected,\n onChange: e => {\n setSeksiSelected(e);\n },\n labelledBy: \"Pilih Seksi\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih Seksi'\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih AR\"\n }, \"AR\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: ar,\n value: arSelected,\n onChange: e => {\n setArSelected(e);\n },\n labelledBy: \"Pilih AR\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih AR'\n }\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n className: \"mt-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih Zona\"\n }, \"Zona Pengawasan\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: zp,\n value: zpSelected,\n onChange: e => {\n setZpSelected(e);\n },\n labelledBy: \"Pilih Zona\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih Zona'\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\",\n className: \"pt-4\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_button__WEBPACK_IMPORTED_MODULE_28__.Button, {\n onClick: () => buttonProsesOnClick(),\n label: \"Proses\",\n severity: \"\",\n rounded: true,\n className: \"w-10rem text-white text-base\"\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n tabId: \"perekam\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_componentDepan_NipPerekam__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n dataSend: dataSend,\n setDataSend: setDataSend,\n activeTab: active,\n toast: toast,\n setHiddenGraphMatoa: setHiddenGraphMatoa,\n dataOpsi: dataOpsi\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n tabId: \"pengampu\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_componentDepan_NipPengampu__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n dataSend: dataSend,\n setDataSend: setDataSend,\n activeTab: active,\n toast: toast,\n setHiddenGraphMatoa: setHiddenGraphMatoa,\n dataOpsi: dataOpsi\n }))))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n sm: \"12\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_29__[\"default\"], {\n className: \"d-flex justify-content-center p-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_30__[\"default\"], {\n tag: 'h1',\n className: \"font-weight-bold\"\n }, \"Tindak Lanjut Pengawasan KPD Matoa : registrasi, pembayaran, dan pelaporan SPT\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_TabProgresifitas__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n dataSend: dataSend\n }))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n sm: \"12\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_TabPenugasan__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n dataSend: dataSend\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_toast__WEBPACK_IMPORTED_MODULE_31__.Toast, {\n ref: toast\n }));\n};\nconst container = document.getElementById('app');\nconst component = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_redux__WEBPACK_IMPORTED_MODULE_16__.Provider, {\n store: _store_store__WEBPACK_IMPORTED_MODULE_14__.store\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Root, null));\nreact_dom__WEBPACK_IMPORTED_MODULE_1__.render(component, container);\n\n//# sourceURL=webpack://engineN/./app/Views/kewilayahan/kytp/kpdl.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"./node_modules/react-dom/index.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Row.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Col.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Card.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardBody.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Nav.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/NavItem.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/NavLink.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/TabContent.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/TabPane.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/Label.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardHeader.js\");\n/* harmony import */ var reactstrap__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! reactstrap */ \"./node_modules/reactstrap/es/CardTitle.js\");\n/* harmony import */ var react_select__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! react-select */ \"./node_modules/react-select/dist/react-select.esm.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\");\n/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var collect_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! collect.js */ \"./node_modules/collect.js/dist/index.js\");\n/* harmony import */ var collect_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(collect_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ \"./app/Views/kewilayahan/kytp/util.js\");\n/* harmony import */ var react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-multi-select-component */ \"./node_modules/react-multi-select-component/dist/esm/index.js\");\n/* harmony import */ var highcharts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! highcharts */ \"./node_modules/highcharts/highcharts.js\");\n/* harmony import */ var highcharts__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(highcharts__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var highcharts_react_official__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! highcharts-react-official */ \"./node_modules/highcharts-react-official/dist/highcharts-react.min.js\");\n/* harmony import */ var highcharts_react_official__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(highcharts_react_official__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var primereact_toast__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! primereact/toast */ \"./node_modules/primereact/toast/toast.esm.js\");\n/* harmony import */ var primereact_button__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! primereact/button */ \"./node_modules/primereact/button/button.esm.js\");\n/* harmony import */ var primereact_resources_themes_bootstrap4_light_blue_theme_css__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! primereact/resources/themes/bootstrap4-light-blue/theme.css */ \"./node_modules/primereact/resources/themes/bootstrap4-light-blue/theme.css\");\n/* harmony import */ var primeflex_primeflex_css__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! primeflex/primeflex.css */ \"./node_modules/primeflex/primeflex.css\");\n/* harmony import */ var _TabProgresifitas__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./TabProgresifitas */ \"./app/Views/kewilayahan/kytp/TabProgresifitas.js\");\n/* harmony import */ var _TabPenugasan__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./TabPenugasan */ \"./app/Views/kewilayahan/kytp/TabPenugasan.js\");\n/* harmony import */ var _componentDepan_NipPerekam__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./componentDepan/NipPerekam */ \"./app/Views/kewilayahan/kytp/componentDepan/NipPerekam.js\");\n/* harmony import */ var _componentDepan_NipPengampu__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./componentDepan/NipPengampu */ \"./app/Views/kewilayahan/kytp/componentDepan/NipPengampu.js\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react-redux */ \"./node_modules/react-redux/dist/react-redux.mjs\");\n/* harmony import */ var _store_store__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./store/store */ \"./app/Views/kewilayahan/kytp/store/store.js\");\n/* harmony import */ var _store_KpdlStore__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./store/KpdlStore */ \"./app/Views/kewilayahan/kytp/store/KpdlStore.js\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n// import 'bootstrap/dist/css/bootstrap.m in.css';\n// let datasend = {}\n\nconst Root = () => {\n const base_url = '/engineN/';\n const refChart1 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n const toast = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);\n const dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_16__.useDispatch)();\n const storeKpdl = (0,react_redux__WEBPACK_IMPORTED_MODULE_16__.useSelector)(state => state.kpdl);\n const [dataOpsi, setDataOpsi] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [active, setActive] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('zona');\n const [hiddenGraphMatoa, setHiddenGraphMatoa] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);\n const toggle = tab => {\n setActive(tab);\n };\n const [prop, setProp] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kota, setKota] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kec, setKec] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [kel, setKel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [propSelected, setPropSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kotaSelected, setKotaSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kecSelected, setKecSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [kelSelected, setKelSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [kanwil, setKanwil] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kpp, setKpp] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [seksi, setSeksi] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [ar, setAr] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [zp, setZp] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [kanwilSelected, setKanwilSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [kppSelected, setKppSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n const [seksiSelected, setSeksiSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [arSelected, setArSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [zpSelected, setZpSelected] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);\n const [dataSend, setDataSend] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n opsiWilZona: null,\n adm4_pcode: [],\n id_poly_zona: [],\n nip_ar_perekam: [],\n nip_ar_pengampu: []\n });\n const [dataGraphMatoa, setDataGraphMatoa] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({\n poi_agg: [],\n kpdl_agg: []\n });\n // let session = null\n const [session, setSession] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({});\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n // setTimeout(() => {\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/user',\n method: 'GET',\n dataType: 'json',\n success: data => {\n setSession(data);\n if (data.kppadm === '000') {\n toggle('wilayah');\n } else {\n toggle('zona');\n }\n }\n });\n // }, 2000)\n\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/propinsi',\n method: 'GET',\n dataType: 'json',\n success: data => {\n setProp(data);\n }\n });\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpkanwil',\n method: 'GET',\n dataType: 'json',\n success: data => {\n setKanwil(data);\n }\n });\n jquery__WEBPACK_IMPORTED_MODULE_2___default().getJSON(base_url + 'kewilayahan/ref/opsi').then(response => {\n setDataOpsi(response);\n dispatch((0,_store_KpdlStore__WEBPACK_IMPORTED_MODULE_15__.setSelectedOpsi)(response.default));\n });\n let judul = document.getElementById('judul');\n judul.innerHTML = '

E-Geospatial Thematic Tax

';\n }, []);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setKota({});\n setKec([]);\n setKel([]);\n setKotaSelected({});\n setKecSelected([]);\n setKelSelected([]);\n if (propSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(propSelected)) {\n const prop = propSelected.value;\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/kota',\n method: 'GET',\n dataType: 'json',\n data: {\n prop\n },\n success: data => {\n setKota(data);\n }\n });\n }\n }, [propSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setKec([]);\n setKel([]);\n setKecSelected([]);\n setKelSelected([]);\n if (kotaSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(kotaSelected)) {\n const kota = kotaSelected.value;\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/kecamatan',\n method: 'GET',\n dataType: 'json',\n data: {\n kota\n },\n success: data => {\n setKec(data);\n }\n });\n }\n }, [kotaSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setKel([]);\n setKelSelected([]);\n if (kecSelected.length && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(kecSelected)) {\n const kec = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(kecSelected).pluck('value').all();\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/kelurahan',\n method: 'POST',\n dataType: 'json',\n data: {\n kec\n },\n success: data => {\n setKel(data);\n }\n });\n }\n }, [kecSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setKpp(null);\n setSeksi([]);\n setAr([]);\n setZp([]);\n setKppSelected(null);\n setSeksiSelected([]);\n setArSelected([]);\n setZpSelected([]);\n if (kanwilSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(kanwilSelected)) {\n const kanwil = kanwilSelected.value;\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpkpp',\n method: 'POST',\n dataType: 'json',\n data: {\n kanwil\n },\n success: data => {\n setKpp(data);\n }\n });\n }\n }, [kanwilSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setSeksi([]);\n setAr([]);\n setZp([]);\n setSeksiSelected([]);\n setArSelected([]);\n setZpSelected([]);\n if (kppSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(kppSelected)) {\n const kpp = kppSelected.value;\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpseksi',\n method: 'POST',\n dataType: 'json',\n data: {\n kpp\n },\n success: data => {\n setSeksi(data);\n }\n });\n }\n }, [kppSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setAr([]);\n setZp([]);\n setArSelected([]);\n setZpSelected([]);\n if (seksiSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(seksiSelected)) {\n const kpp = kppSelected.value;\n const seksi = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(seksiSelected).pluck('value').all();\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpar',\n method: 'POST',\n dataType: 'json',\n data: {\n kpp,\n seksi\n },\n success: data => {\n setAr(data);\n }\n });\n }\n }, [seksiSelected]);\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {\n setZp([]);\n setZpSelected([]);\n if (arSelected && !(0,_util__WEBPACK_IMPORTED_MODULE_4__.isObjEmpty)(arSelected)) {\n const kpp = kppSelected.value;\n const seksi = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(seksiSelected).pluck('value').all();\n const ar = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(arSelected).pluck('value').all();\n jquery__WEBPACK_IMPORTED_MODULE_2___default().ajax({\n url: base_url + 'kewilayahan/ref/zpzp',\n method: 'POST',\n dataType: 'json',\n data: {\n kpp,\n seksi,\n ar\n },\n success: data => {\n setZp(data);\n }\n });\n }\n }, [arSelected]);\n const buttonProsesOnClick = () => {\n const opsiWilZona = active;\n const adm4_pcode = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(kelSelected).pluck('value').all();\n const id_poly_zona = collect_js__WEBPACK_IMPORTED_MODULE_3___default()(zpSelected).pluck('value').all();\n const nip_ar_pengampu = collect_js__WEBPACK_IMPORTED_MODULE_3___default()().pluck('value').all();\n switch (opsiWilZona) {\n case 'wilayah':\n if (adm4_pcode.length) {\n dispatch((0,_store_KpdlStore__WEBPACK_IMPORTED_MODULE_15__.setSelectedOpsi)(dataOpsi.wilayah));\n setDataSend({\n opsiWilZona: dataOpsi.wilayah.key,\n adm4_pcode,\n id_poly_zona: []\n });\n setHiddenGraphMatoa(false);\n } else {\n toast.current.show({\n severity: 'info',\n summary: 'Info',\n detail: 'Kelurahan harus dipilih'\n });\n }\n break;\n case 'zona':\n if (id_poly_zona.length) {\n dispatch((0,_store_KpdlStore__WEBPACK_IMPORTED_MODULE_15__.setSelectedOpsi)(dataOpsi.zona));\n setDataSend({\n opsiWilZona: dataOpsi.zona.key,\n adm4_pcode: [],\n id_poly_zona\n });\n setHiddenGraphMatoa(false);\n } else {\n toast.current.show({\n severity: 'info',\n summary: 'Info',\n detail: 'Zona harus dipilih'\n });\n }\n break;\n default:\n break;\n }\n };\n (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {}, [storeKpdl.selectedOpsi]);\n\n // useEffect(() => {\n // Highcharts.setOptions({\n // accessibility: false,\n // lang: {\n // decimalPoint: ',',\n // thousandsSep: '.',\n // numericSymbols: ['rb', 'jt', 'M', 'T', 'P', 'E']\n // },\n\n // tooltip: {\n // yDecimals: 2 // If you want to add 2 decimals\n // }\n // })\n // jquery.ajax({\n // url: base_url + 'kewilayahan/kytp/graph_matoa',\n // dataType: 'json',\n // type: 'POST',\n // data: { ...dataSend },\n // success: (data) => {\n // setDataGraphMatoa(data)\n // }\n // })\n // }, [dataSend])\n\n const optionsGraphMatoaAgg = {\n chart: {\n zoomType: 'xy',\n height: '320'\n },\n title: {\n text: 'Poi Google Vs Matoa',\n style: {\n fontSize: '14px'\n }\n },\n xAxis: [{\n categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\n crosshair: true\n }],\n yAxis: [{\n gridLineWidth: 0,\n title: {\n text: '',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[0]\n }\n },\n labels: {\n //format: '{value}',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[0]\n }\n },\n visible: false\n }, {\n labels: {\n //format: '{value}',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[1]\n }\n },\n title: {\n text: 'NPWP Work True',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[1]\n }\n },\n opposite: true,\n visible: false\n }, {\n gridLineWidth: 0,\n title: {\n text: 'Rupiah',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[2]\n }\n },\n labels: {\n //format: '{value}',\n style: {\n color: highcharts__WEBPACK_IMPORTED_MODULE_6___default().getOptions().colors[2]\n }\n },\n opposite: true,\n visible: false\n }, {\n gridLineWidth: 0,\n title: {\n text: '',\n style: {\n color: '#FF0000'\n }\n },\n labels: {\n //format: '{value}',\n style: {\n color: '##FF0000'\n }\n },\n opposite: true\n }],\n tooltip: {\n shared: true\n },\n legend: {\n layout: 'horizontal',\n align: 'center',\n //x: 80,\n verticalAlign: 'top',\n //y: 55,\n //floating: true,\n backgroundColor: (highcharts__WEBPACK_IMPORTED_MODULE_6___default().defaultOptions).legend.backgroundColor ||\n // theme\n 'rgba(255,255,255,0.25)'\n },\n series: [{\n color: '#FF0000',\n name: 'Jml PoI',\n type: 'column',\n yAxis: 3,\n data: dataGraphMatoa.poi_agg,\n marker: {\n enabled: true\n },\n tooltip: {\n valueSuffix: ' PoI'\n }\n }, {\n name: 'Matoa',\n type: 'spline',\n yAxis: 3,\n data: dataGraphMatoa.kpdl_agg,\n marker: {\n enabled: true\n },\n tooltip: {\n pointFormatter: function () {\n const idx = this.index;\n let pct_coverage;\n const jml_poi_agg = dataGraphMatoa.poi_agg;\n if (jml_poi_agg[idx] && jml_poi_agg[idx] !== 0) {\n pct_coverage = (0,_util__WEBPACK_IMPORTED_MODULE_4__.format_angka)(parseFloat(parseFloat(this.y) / jml_poi_agg[idx] * 100).toFixed(2)) + '%';\n }\n let s = '\\u25CF ' + this.series.name + ': ' + (0,_util__WEBPACK_IMPORTED_MODULE_4__.format_angka)(this.y) + ' lokasi kpdl ' + (pct_coverage ? '(' + pct_coverage + ')
\\n' : '
');\n return s;\n },\n shared: false\n },\n visible: true,\n color: '#8000ff'\n }]\n };\n return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n sm: \"12\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_21__[\"default\"], {\n tabs: true\n }, session.kppadm === '000' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n style: {\n cursor: 'pointer'\n },\n active: active === 'wilayah',\n onClick: () => {\n toggle('wilayah');\n }\n }, \"Wilayah Adm.\")) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n style: {\n cursor: 'pointer'\n },\n active: active === 'zona',\n onClick: () => {\n toggle('zona');\n }\n }, \"Zona Pengawasan\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n style: {\n cursor: 'pointer'\n },\n active: active === 'perekam',\n onClick: () => {\n toggle('perekam');\n }\n }, \"Perekam\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_22__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_23__[\"default\"], {\n style: {\n cursor: 'pointer'\n },\n active: active === 'pengampu',\n onClick: () => {\n toggle('pengampu');\n }\n }, \"Pengampu\"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_24__[\"default\"], {\n className: \"py-3\",\n activeTab: active\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n tabId: \"wilayah\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"basicInput\"\n }, \"Propinsi\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_27__[\"default\"], {\n placeholder: \"Pilih Propinsi\",\n className: \"basic-single w-100\",\n onChange: e => {\n setPropSelected(e);\n },\n classNamePrefix: \"select\",\n defaultValue: propSelected,\n value: propSelected,\n isClearable: false,\n options: prop\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"basicInput\"\n }, \"Kota/Kab\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_27__[\"default\"], {\n placeholder: \"Pilih Kota/Kab\",\n className: \"basic-single w-100\",\n onChange: e => {\n setKotaSelected(e);\n },\n classNamePrefix: \"select\",\n defaultValue: kotaSelected,\n value: kotaSelected,\n isClearable: false,\n options: kota\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih Kecamatan\"\n }, \"Kecamatan\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: kec,\n value: kecSelected,\n onChange: e => {\n setKecSelected(e);\n },\n labelledBy: \"Pilih Kecamatan\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih Kecamatan'\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih Kelurahan\"\n }, \"Kelurahan\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: kel,\n value: kelSelected,\n onChange: e => {\n setKelSelected(e);\n },\n labelledBy: \"Pilih Kelurahan\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih Kelurahan'\n }\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n className: \"mt-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n sm: \"12\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_button__WEBPACK_IMPORTED_MODULE_28__.Button, {\n onClick: () => buttonProsesOnClick(),\n label: \"Proses\",\n severity: \"\",\n rounded: true,\n className: \"w-10rem text-white text-base\"\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n tabId: \"zona\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"basicInput\"\n }, \"Kanwil\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_27__[\"default\"], {\n placeholder: \"Pilih Kanwil\",\n className: \"basic-single w-100\",\n onChange: e => {\n setKanwilSelected(e);\n },\n classNamePrefix: \"select\"\n // defaultValue={kanwilSelected}\n ,\n value: kanwilSelected,\n isClearable: false,\n options: kanwil\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih KPP\"\n }, \"KPP\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_select__WEBPACK_IMPORTED_MODULE_27__[\"default\"], {\n placeholder: \"Pilih KPP\",\n className: \"basic-single w-100\",\n onChange: e => {\n setKppSelected(e);\n },\n classNamePrefix: \"select\"\n // defaultValue={kanwilSelected}\n ,\n value: kppSelected,\n isClearable: false,\n options: kpp\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih Seksi\"\n }, \"Seksi\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: seksi,\n value: seksiSelected,\n onChange: e => {\n setSeksiSelected(e);\n },\n labelledBy: \"Pilih Seksi\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih Seksi'\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih AR\"\n }, \"AR\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: ar,\n value: arSelected,\n onChange: e => {\n setArSelected(e);\n },\n labelledBy: \"Pilih AR\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih AR'\n }\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], {\n className: \"mt-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_26__[\"default\"], {\n className: \"form-label\",\n for: \"Pilih Zona\"\n }, \"Zona Pengawasan\"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_multi_select_component__WEBPACK_IMPORTED_MODULE_5__.MultiSelect, {\n className: \"me-1 w-full\",\n hasSelectAll: true,\n debounceDuration: 300,\n options: zp,\n value: zpSelected,\n onChange: e => {\n setZpSelected(e);\n },\n labelledBy: \"Pilih Zona\",\n overrideStrings: {\n allItemsAreSelected: 'Semua dipilih',\n selectSomeItems: 'Pilih Zona'\n }\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n md: \"3\",\n className: \"pt-4\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_button__WEBPACK_IMPORTED_MODULE_28__.Button, {\n onClick: () => buttonProsesOnClick(),\n label: \"Proses\",\n severity: \"\",\n rounded: true,\n className: \"w-10rem text-white text-base\"\n })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n tabId: \"perekam\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_componentDepan_NipPerekam__WEBPACK_IMPORTED_MODULE_12__[\"default\"], {\n dataSend: dataSend,\n setDataSend: setDataSend,\n activeTab: active,\n toast: toast,\n setHiddenGraphMatoa: setHiddenGraphMatoa,\n dataOpsi: dataOpsi\n })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_25__[\"default\"], {\n tabId: \"pengampu\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_componentDepan_NipPengampu__WEBPACK_IMPORTED_MODULE_13__[\"default\"], {\n dataSend: dataSend,\n setDataSend: setDataSend,\n activeTab: active,\n toast: toast,\n setHiddenGraphMatoa: setHiddenGraphMatoa,\n dataOpsi: dataOpsi\n }))))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n sm: \"12\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_19__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_29__[\"default\"], {\n className: \"d-flex justify-content-center p-2\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_30__[\"default\"], {\n tag: 'h1',\n className: \"font-weight-bold text-center\"\n }, \"Tindak Lanjut Pengawasan KPD Matoa : registrasi, pembayaran, dan pelaporan SPT\", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(\"br\", null), \"Tahun kegiatan 2024\")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_20__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_TabProgresifitas__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n dataSend: dataSend\n }))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_17__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(reactstrap__WEBPACK_IMPORTED_MODULE_18__[\"default\"], {\n sm: \"12\"\n }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_TabPenugasan__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n dataSend: dataSend\n }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(primereact_toast__WEBPACK_IMPORTED_MODULE_31__.Toast, {\n ref: toast\n }));\n};\nconst container = document.getElementById('app');\nconst component = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_redux__WEBPACK_IMPORTED_MODULE_16__.Provider, {\n store: _store_store__WEBPACK_IMPORTED_MODULE_14__.store\n}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Root, null));\nreact_dom__WEBPACK_IMPORTED_MODULE_1__.render(component, container);\n\n//# sourceURL=webpack://engineN/./app/Views/kewilayahan/kytp/kpdl.js?"); /***/ }),