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 = '<h3><b><strong>E-Geospatial Thematic Tax</strong></b></h3>';\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 = '<span style=\"color:' + this.color + '\">\\u25CF</span> ' + this.series.name + ': <b>' + (0,_util__WEBPACK_IMPORTED_MODULE_4__.format_angka)(this.y) + ' lokasi kpdl</b> ' + (pct_coverage ? '(' + pct_coverage + ')<br>\\n' : '<br>');\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 = '<h3><b><strong>E-Geospatial Thematic Tax</strong></b></h3>';\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 = '<span style=\"color:' + this.color + '\">\\u25CF</span> ' + this.series.name + ': <b>' + (0,_util__WEBPACK_IMPORTED_MODULE_4__.format_angka)(this.y) + ' lokasi kpdl</b> ' + (pct_coverage ? '(' + pct_coverage + ')<br>\\n' : '<br>');\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 }) => {
       <Card>
         <CardHeader className="d-flex justify-content-center p-2">
           <CardTitle tag={'h1'} className="font-weight-bold">
-            Statistik Penugasan Matoa Tahun Berjalan
+            Statistik Penugasan Matoa Tahun 2024
           </CardTitle>
         </CardHeader>
 
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 = () => {
         <Col sm="12">
           <Card>
             <CardHeader className="d-flex justify-content-center p-2">
-              <CardTitle tag={'h1'} className="font-weight-bold">
+              <CardTitle tag={'h1'} className="font-weight-bold text-center">
                 Tindak Lanjut Pengawasan KPD Matoa : registrasi, pembayaran, dan pelaporan SPT
+                <br />
+                Tahun kegiatan 2024
               </CardTitle>
             </CardHeader>
             <CardBody>
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 = '<h3><b><strong>E-Geospatial Thematic Tax</strong></b></h3>';\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 = '<span style=\"color:' + this.color + '\">\\u25CF</span> ' + this.series.name + ': <b>' + (0,_util__WEBPACK_IMPORTED_MODULE_4__.format_angka)(this.y) + ' lokasi kpdl</b> ' + (pct_coverage ? '(' + pct_coverage + ')<br>\\n' : '<br>');\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 = '<h3><b><strong>E-Geospatial Thematic Tax</strong></b></h3>';\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 = '<span style=\"color:' + this.color + '\">\\u25CF</span> ' + this.series.name + ': <b>' + (0,_util__WEBPACK_IMPORTED_MODULE_4__.format_angka)(this.y) + ' lokasi kpdl</b> ' + (pct_coverage ? '(' + pct_coverage + ')<br>\\n' : '<br>');\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?");
 
 /***/ }),