lib-pajakio-v2 1.0.18 → 1.0.20

package/dist/lib-pajakio-v2.common.js

@@ -275,17 +275,6 @@ module.exports = function (argument) {
 };
 
 
-/***/ }),
-
-/***/ "0f32":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_index_vue_vue_type_style_index_0_id_faab9602_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7dd7");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_index_vue_vue_type_style_index_0_id_faab9602_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_index_vue_vue_type_style_index_0_id_faab9602_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "1212":
@@ -1382,14 +1371,14 @@ module.exports = function (argument) {
 
 /***/ }),
 
-/***/ "7dd7":
+/***/ "8085":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
 
 /***/ }),
 
-/***/ "8085":
+/***/ "815a":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
@@ -1643,6 +1632,17 @@ module.exports = require("vue");
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "8eac":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_index_vue_vue_type_style_index_0_id_3b419749_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("815a");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_index_vue_vue_type_style_index_0_id_3b419749_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_v16_dist_index_js_ref_1_1_index_vue_vue_type_style_index_0_id_3b419749_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "90d8":
@@ -36861,16 +36861,16 @@ var DashboardFootervue_type_style_index_0_id_2dbadb09_lang_scss = __webpack_requ
 const DashboardFooter_exports_ = /*#__PURE__*/exportHelper_default()(DashboardFootervue_type_script_lang_js, [['render',DashboardFootervue_type_template_id_2dbadb09_render]])
 
 /* harmony default export */ var DashboardFooter = (DashboardFooter_exports_);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/DashboardHeader/index.vue?vue&type=template&id=faab9602
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/DashboardHeader/index.vue?vue&type=template&id=3b419749
 
-const DashboardHeadervue_type_template_id_faab9602_hoisted_1 = {
+const DashboardHeadervue_type_template_id_3b419749_hoisted_1 = {
   class: "dashboard-header box-shadow"
 };
-const DashboardHeadervue_type_template_id_faab9602_hoisted_2 = {
+const DashboardHeadervue_type_template_id_3b419749_hoisted_2 = {
   key: 0,
   class: "header-left"
 };
-const DashboardHeadervue_type_template_id_faab9602_hoisted_3 = {
+const DashboardHeadervue_type_template_id_3b419749_hoisted_3 = {
   class: "company-name"
 };
 const _hoisted_4 = {
@@ -36892,49 +36892,80 @@ const _hoisted_9 = {
   class: "header-right relative"
 };
 const _hoisted_10 = {
-  class: "notification"
+  class: "notification-wrapper"
 };
 const _hoisted_11 = {
-  class: "avatar"
+  key: 0,
+  class: "notif-dot"
 };
 const _hoisted_12 = {
-  class: "user-text"
+  key: 0,
+  class: "notification-dropdown box-shadow"
 };
 const _hoisted_13 = {
-  class: "user-name"
+  key: 0,
+  class: "notification-header"
 };
 const _hoisted_14 = {
+  key: 1,
+  class: "notification-list"
+};
+const _hoisted_15 = ["onClick"];
+const _hoisted_16 = {
+  class: "notification-item-content"
+};
+const _hoisted_17 = {
+  class: "notification-item-title"
+};
+const _hoisted_18 = {
+  key: 0,
+  class: "notification-item-meta"
+};
+const _hoisted_19 = {
+  key: 2,
+  class: "notification-empty"
+};
+const _hoisted_20 = {
+  class: "avatar"
+};
+const _hoisted_21 = {
+  class: "user-text"
+};
+const _hoisted_22 = {
+  class: "user-name"
+};
+const _hoisted_23 = {
   class: "user-role"
 };
-const _hoisted_15 = {
+const _hoisted_24 = {
   key: 0,
-  class: "absolute top-8 right-0"
+  class: "absolute top-8 right-0 user-dropdown-wrapper"
 };
-const _hoisted_16 = {
+const _hoisted_25 = {
   class: "dropdown-panel box-shadow bg-white"
 };
-const _hoisted_17 = {
+const _hoisted_26 = {
   class: "flex flex-col p-3",
   style: {
     "border-bottom": "1px solid #DDDDDD"
   }
 };
-const _hoisted_18 = {
+const _hoisted_27 = {
   class: "flex flex-row items-center mb-4"
 };
-const _hoisted_19 = {
+const _hoisted_28 = {
   class: "avatar mr-3"
 };
-const _hoisted_20 = {
+const _hoisted_29 = {
   class: "flex flex-col"
 };
-const _hoisted_21 = ["onClick"];
-function DashboardHeadervue_type_template_id_faab9602_render(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_30 = ["onClick"];
+function DashboardHeadervue_type_template_id_3b419749_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_base_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("base-icon");
   const _component_dropdown_company = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("dropdown-company");
   const _component_typo_text = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("typo-text");
   const _component_base_button = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("base-button");
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DashboardHeadervue_type_template_id_faab9602_hoisted_1, [$props.showCompany ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DashboardHeadervue_type_template_id_faab9602_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_dropdown_company, {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DashboardHeadervue_type_template_id_3b419749_hoisted_1, [$props.showCompany ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DashboardHeadervue_type_template_id_3b419749_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_dropdown_company, {
     options: $props.companyList,
     style: {
       "width": "100%",
@@ -36953,7 +36984,7 @@ function DashboardHeadervue_type_template_id_faab9602_render(_ctx, _cache, $prop
   }, {
     list: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(({
       item
-    }) => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", DashboardHeadervue_type_template_id_faab9602_hoisted_3, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.companyName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_4, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.companyNpwp), 1)]),
+    }) => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", DashboardHeadervue_type_template_id_3b419749_hoisted_3, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.companyName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_4, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.companyNpwp), 1)]),
     label: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(slotProps => [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_6, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_7, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.selectedCompany.companyName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_8, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.selectedCompany.companyNpwp), 1)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
       iconName: "expand_more",
       class: "chevron",
@@ -36962,25 +36993,40 @@ function DashboardHeadervue_type_template_id_faab9602_render(_ctx, _cache, $prop
       })
     }, null, 8, ["style"])])]),
     _: 1
-  }, 8, ["options", "onChange", "enableInfiniteScroll", "hasMore", "isLoadingMore", "scrollThreshold", "onLoadMore"])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_9, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_10, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
+  }, 8, ["options", "onChange", "enableInfiniteScroll", "hasMore", "isLoadingMore", "scrollThreshold", "onLoadMore"])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_9, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_10, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["notification", {
+      active: $data.showNotification
+    }]),
+    onClick: _cache[0] || (_cache[0] = (...args) => $options.toggleNotificationMenu && $options.toggleNotificationMenu(...args))
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
     iconName: "notifications_none"
-  }), _cache[3] || (_cache[3] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
-    class: "notif-dot"
-  }, null, -1))]), _cache[5] || (_cache[5] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+  }), $options.hasNotifications ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", _hoisted_11)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 2), $data.showNotification ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_12, [$options.hasNotifications ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_13, " Silakan klik untuk menyelesaikan tugas ")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $options.hasNotifications ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_14, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($options.notificationItems, item => {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+      key: item.id,
+      class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["notification-item", $options.notificationSeverityClass(item)]),
+      onClick: $event => $options.onNotificationClick(item)
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
+      iconName: $options.notificationIcon(item),
+      color: $options.notificationColor(item),
+      class: "notification-item-icon",
+      width: "20px",
+      height: "20px"
+    }, null, 8, ["iconName", "color"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_16, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_17, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.title), 1), item.periodLabel ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_18, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.periodLabel), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 10, _hoisted_15);
+  }), 128))])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_19, " Tidak ada notifikasi "))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]), _cache[5] || (_cache[5] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     class: "divider"
   }, null, -1)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["user-summary", {
       active: $data.show
     }]),
-    onClick: _cache[0] || (_cache[0] = (...args) => $options.toggleMenu && $options.toggleMenu(...args))
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_11, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.initialName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_12, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_13, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.userName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_14, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.userRole), 1)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
+    onClick: _cache[1] || (_cache[1] = (...args) => $options.toggleMenu && $options.toggleMenu(...args))
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_20, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.initialName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_21, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_22, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.userName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("p", _hoisted_23, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.userRole), 1)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_icon, {
     iconName: "expand_more",
     class: "caret",
     color: "#90A1B9",
     style: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeStyle"])({
       transform: $data.show ? 'rotate(180deg)' : 'rotate(0deg)'
     })
-  }, null, 8, ["style"])], 2), $data.show ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_15, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_16, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_17, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_18, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_19, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.initialName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_typo_text, {
+  }, null, 8, ["style"])], 2), $data.show ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_24, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_25, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_26, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_27, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_28, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($options.initialName), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_typo_text, {
     variant: "body-1-bold",
     class: "capitalize"
   }, {
@@ -36996,11 +37042,11 @@ function DashboardHeadervue_type_template_id_faab9602_render(_ctx, _cache, $prop
   })) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_base_button, {
     variant: "secondary",
     class: "justify-center",
-    onClick: _cache[1] || (_cache[1] = $event => $options.actionRoute('edit-profile'))
+    onClick: _cache[2] || (_cache[2] = $event => $options.actionRoute('edit-profile'))
   }, {
     default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(() => _cache[4] || (_cache[4] = [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" Ubah Profil ")])),
     _: 1
-  })]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_20, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($props.menuNavbar, (item, index) => {
+  })]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_29, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($props.menuNavbar, (item, index) => {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
       key: index,
       class: "p-4 cursor-pointer item-menu flex",
@@ -37009,13 +37055,14 @@ function DashboardHeadervue_type_template_id_faab9602_render(_ctx, _cache, $prop
       key: 0,
       iconName: item.icon,
       class: "mr-2"
-    }, null, 8, ["iconName"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.name), 1)], 8, _hoisted_21);
-  }), 128))])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+    }, null, 8, ["iconName"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.name), 1)], 8, _hoisted_30);
+  }), 128))])])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $data.show || $data.showNotification ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
+    key: 1,
     class: "overlay",
-    onClick: _cache[2] || (_cache[2] = (...args) => $options.toggleMenu && $options.toggleMenu(...args))
-  })])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]);
+    onClick: _cache[3] || (_cache[3] = (...args) => $options.closeAllMenus && $options.closeAllMenus(...args))
+  })) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]);
 }
-// CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue?vue&type=template&id=faab9602
+// CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue?vue&type=template&id=3b419749
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/Dropdown/DropdownCompany.vue?vue&type=template&id=267c0afa
 
@@ -37308,11 +37355,16 @@ var js_cookie_default = /*#__PURE__*/__webpack_require__.n(js_cookie);
     companyScrollThreshold: {
       type: Number,
       default: 40
+    },
+    notifications: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
     return {
       show: false,
+      showNotification: false,
       logoutTimeout: null
     };
   },
@@ -37329,6 +37381,16 @@ var js_cookie_default = /*#__PURE__*/__webpack_require__.n(js_cookie);
         initials = initials.toUpperCase();
       }
       return initials;
+    },
+    hasNotifications() {
+      return this.notificationItems.length > 0;
+    },
+    notificationItems() {
+      if (!Array.isArray(this.notifications)) return [];
+      return [...this.notifications].sort((a, b) => {
+        var _a$priority, _b$priority;
+        return ((_a$priority = a === null || a === void 0 ? void 0 : a.priority) !== null && _a$priority !== void 0 ? _a$priority : 0) - ((_b$priority = b === null || b === void 0 ? void 0 : b.priority) !== null && _b$priority !== void 0 ? _b$priority : 0);
+      });
     }
   },
   watch: {
@@ -37344,11 +37406,21 @@ var js_cookie_default = /*#__PURE__*/__webpack_require__.n(js_cookie);
   },
   methods: {
     toggleMenu() {
+      this.showNotification = false;
       this.show = !this.show;
     },
+    toggleNotificationMenu() {
+      this.show = false;
+      this.showNotification = !this.showNotification;
+    },
+    closeAllMenus() {
+      this.show = false;
+      this.showNotification = false;
+    },
     actionRoute(value) {
       this.$emit("actionRoute", value);
       this.show = false;
+      this.showNotification = false;
     },
     setSelectedCompany(value) {
       this.$emit("setSelectedCompany", value);
@@ -37413,13 +37485,60 @@ var js_cookie_default = /*#__PURE__*/__webpack_require__.n(js_cookie);
       } else {
         clearTimeout(this.logoutTimeout);
       }
+    },
+    notificationSeverityClass(item) {
+      const severity = item && item.severity ? item.severity : "default";
+      return `severity-${severity}`;
+    },
+    notificationIcon(item) {
+      if (item && item.icon) return item.icon;
+      if (item && item.severity === "danger") return "error_outline";
+      if (item && item.severity === "warning") return "warning";
+      return "notifications_none";
+    },
+    notificationColor(item) {
+      if (item && item.severity === "danger") return "#E64C4C";
+      if (item && item.severity === "warning") return "#F4A51C";
+      return "#7A8595";
+    },
+    moduleBaseUrl() {
+      return this.moduleApp ? this.moduleApp.replace(/\/+$/, "") : "";
+    },
+    buildRoute(path) {
+      if (!path) return "";
+      const cleanPath = String(path).replace(/^\/+/, "");
+      const baseUrl = this.moduleBaseUrl();
+      return baseUrl ? `${baseUrl}/${cleanPath}` : `/${cleanPath}`;
+    },
+    onNotificationClick(item) {
+      const actionMap = {
+        "verifikasi-email": "akun",
+        "verifikasi-phone": "akun",
+        pic: "manajemen-perusahaan/pic",
+        signer: "manajemen-perusahaan/penandatangan"
+      };
+      if (item.actionKey === "company-invitation") {
+        this.$emit("notificationAction", item);
+        this.showNotification = false;
+        return;
+      }
+      if (item.actionKey === "transaksi" && item.url) {
+        window.location.href = item.url;
+        this.showNotification = false;
+        return;
+      }
+      const path = actionMap[item.actionKey];
+      if (path) {
+        window.location.href = this.buildRoute(path);
+      }
+      this.showNotification = false;
     }
   }
 });
 // CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/DashboardHeader/index.vue?vue&type=style&index=0&id=faab9602&lang=scss
-var DashboardHeadervue_type_style_index_0_id_faab9602_lang_scss = __webpack_require__("0f32");
+// EXTERNAL MODULE: ./src/components/DashboardHeader/index.vue?vue&type=style&index=0&id=3b419749&lang=scss
+var DashboardHeadervue_type_style_index_0_id_3b419749_lang_scss = __webpack_require__("8eac");
 
 // CONCATENATED MODULE: ./src/components/DashboardHeader/index.vue
 
@@ -37429,7 +37548,7 @@ var DashboardHeadervue_type_style_index_0_id_faab9602_lang_scss = __webpack_requ
 
 
 
-const DashboardHeader_exports_ = /*#__PURE__*/exportHelper_default()(DashboardHeadervue_type_script_lang_js, [['render',DashboardHeadervue_type_template_id_faab9602_render]])
+const DashboardHeader_exports_ = /*#__PURE__*/exportHelper_default()(DashboardHeadervue_type_script_lang_js, [['render',DashboardHeadervue_type_template_id_3b419749_render]])
 
 /* harmony default export */ var DashboardHeader = (DashboardHeader_exports_);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/components/DatePicker/index.vue?vue&type=template&id=dd52aaa6
@@ -37497,31 +37616,31 @@ const DatePickervue_type_template_id_dd52aaa6_hoisted_20 = {
   class: "weekdays"
 };
 const DatePickervue_type_template_id_dd52aaa6_hoisted_21 = ["onClick", "onMouseenter"];
-const _hoisted_22 = {
+const DatePickervue_type_template_id_dd52aaa6_hoisted_22 = {
   key: 2,
   class: "flex flex-wrap items-center wrap-month"
 };
-const _hoisted_23 = ["onClick"];
-const _hoisted_24 = {
+const DatePickervue_type_template_id_dd52aaa6_hoisted_23 = ["onClick"];
+const DatePickervue_type_template_id_dd52aaa6_hoisted_24 = {
   key: 3,
   class: "flex flex-wrap items-center wrap-month"
 };
-const _hoisted_25 = ["onClick"];
-const _hoisted_26 = {
+const DatePickervue_type_template_id_dd52aaa6_hoisted_25 = ["onClick"];
+const DatePickervue_type_template_id_dd52aaa6_hoisted_26 = {
   key: 3,
   class: "px-6 pb-5 wrap-action-footer"
 };
-const _hoisted_27 = {
+const DatePickervue_type_template_id_dd52aaa6_hoisted_27 = {
   key: 1
 };
-const _hoisted_28 = {
+const DatePickervue_type_template_id_dd52aaa6_hoisted_28 = {
   key: 0,
   class: "date-picker range-picker"
 };
-const _hoisted_29 = {
+const DatePickervue_type_template_id_dd52aaa6_hoisted_29 = {
   class: "calendar flex flex-row"
 };
-const _hoisted_30 = {
+const DatePickervue_type_template_id_dd52aaa6_hoisted_30 = {
   class: "mr-6"
 };
 const _hoisted_31 = {
@@ -37704,7 +37823,7 @@ function DatePickervue_type_template_id_dd52aaa6_render(_ctx, _cache, $props, $s
           })
         }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(day.label), 3)], 42, DatePickervue_type_template_id_dd52aaa6_hoisted_21);
       }), 128))]);
-    }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.pickerType == 'month' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_22, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($options.months, (item, index) => {
+    }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.pickerType == 'month' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_dd52aaa6_hoisted_22, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($options.months, (item, index) => {
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
         key: index,
         class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["month", {
@@ -37716,8 +37835,8 @@ function DatePickervue_type_template_id_dd52aaa6_render(_ctx, _cache, $props, $s
         class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])({
           today: item.isToday
         })
-      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.label), 3)], 10, _hoisted_23);
-    }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.pickerType == 'year' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_24, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($options.listYear, (item, index) => {
+      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.label), 3)], 10, DatePickervue_type_template_id_dd52aaa6_hoisted_23);
+    }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.pickerType == 'year' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_dd52aaa6_hoisted_24, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($options.listYear, (item, index) => {
       return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
         key: index,
         class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(["month", {
@@ -37729,8 +37848,8 @@ function DatePickervue_type_template_id_dd52aaa6_render(_ctx, _cache, $props, $s
         class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])({
           today: item.isToday
         })
-      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.year), 3)], 10, _hoisted_25);
-    }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])), $data.slotActionFooter ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_26, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "actionFooter")])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.mode == 'range' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_27, [$props.pickerType == 'day' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", _hoisted_28, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_29, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_30, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_31, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_typo_text, {
+      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.year), 3)], 10, DatePickervue_type_template_id_dd52aaa6_hoisted_25);
+    }), 128))])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])), $data.slotActionFooter ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_dd52aaa6_hoisted_26, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "actionFooter")])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $props.mode == 'range' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_dd52aaa6_hoisted_27, [$props.pickerType == 'day' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", DatePickervue_type_template_id_dd52aaa6_hoisted_28, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_dd52aaa6_hoisted_29, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", DatePickervue_type_template_id_dd52aaa6_hoisted_30, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", _hoisted_31, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_typo_text, {
       variant: "body-2-bold",
       class: "mb-2"
     }, {