@neutron.co.id/operasional-interfaces 1.14.7 → 1.14.8

package/build/mock/index.cjs

@@ -16,9 +16,7 @@ require("@neon.id/editor/style.css");
 require("@neon.id/relation/style.css");
 require("@neon.id/display/style.css");
 require("@neon.id/video/style.css");
-require("@neon.id/fluffy/style.css");
 require("@neon.id/office/style.css");
-require("@neon.id/dampak-interfaces/style.css");
 require("@neon.id/identitas-interfaces/fluffy.css");
 const component = require("@neon.id/utils/component");
 const helpers = require("@neon.id/context/helpers");
@@ -1501,12 +1499,12 @@ function cleanEscapedString(input2) {
 function startOfToday() {
   return startOfDay(Date.now());
 }
-const _hoisted_1$v = { class: "operasional-identitas" };
+const _hoisted_1$w = { class: "operasional-identitas" };
 const _hoisted_2$o = {
   key: 2,
   class: "section"
 };
-const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$19 = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "OperasionalIdentitas" },
   __name: "OperasionalIdentitas",
   props: {
@@ -1760,95 +1758,102 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
       candidateId.value = null;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
-        state2.value === "connect" ? (vue.openBlock(), vue.createBlock(vue.unref(office.IdentitasConnect), {
-          key: 0,
-          user: user.value,
-          candidate: candidate.value,
-          conflict: __props.conflict,
-          "is-ready": "",
-          "is-loading": isLoading.value,
-          onChoose: onWillChoose,
-          onRegister: onWillRegister,
-          onConnect,
-          onDisconnect,
-          onBack
-        }, {
-          ready: vue.withCtx(() => {
-            var _a;
-            return [
-              vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                "model-value": (_a = user.value) == null ? void 0 : _a.defaultPassword
-              }, passwordField, {
-                "more-options": {
-                  note: `<em>Password</em> awal pengguna. Tidak berlaku apabila pengguna <strong class='text-danger'>telah mengubah <em>password</em></strong> atau <strong class='text-danger'>mendaftarkan akunnya sendiri</strong>.`
-                },
-                "is-disabled": "",
-                "is-alone": ""
-              }), null, 16, ["model-value"])
-            ];
-          }),
-          _: 1
-          /* STABLE */
-        }, 8, ["user", "candidate", "conflict", "is-loading"])) : state2.value === "register" ? (vue.openBlock(), vue.createBlock(vue.unref(office.IdentitasAssistRegistration), {
-          key: 1,
-          "initial-values": initialRegistration.value,
-          "is-loading": isLoading.value,
-          errors: __props.errors,
-          onBack: _cache[0] || (_cache[0] = ($event) => state2.value = "connect"),
-          onSave: onRegister
-        }, {
-          default: vue.withCtx(() => {
-            var _a;
-            return [
-              vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
-                "model-value": (_a = profile.value) == null ? void 0 : _a.name
-              }, fullNameField, {
-                "is-disabled": "",
-                "is-alone": ""
-              }), null, 16, ["model-value"])
-            ];
-          }),
-          _: 1
-          /* STABLE */
-        }, 8, ["initial-values", "is-loading", "errors"])) : vue.createCommentVNode("v-if", true),
-        user.value && onDelegate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [
-          vue.createVNode(vue.unref(interfaces.NeonDivider), {
-            "is-dashed": "",
-            label: "Delegasi",
-            class: "divider"
-          }),
-          vue.createVNode(vue.unref(office.IdentitasDelegate), {
-            user: userForDelegating.value,
-            roles: __props.roles,
-            "is-loading": isLoading.value,
-            onSave: onDelegate
-          }, null, 8, ["user", "roles", "is-loading"])
-        ])) : vue.createCommentVNode("v-if", true),
-        isChoosing.value ? (vue.openBlock(), vue.createBlock(vue.unref(interfaces.NeonModal), {
-          key: 3,
-          "is-active": "",
-          size: "lg",
-          onClose: _cache[2] || (_cache[2] = ($event) => isChoosing.value = false)
-        }, {
+      const _component_NeonFormWrapper = vue.resolveComponent("NeonFormWrapper");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [
+        vue.createVNode(_component_NeonFormWrapper, null, {
           default: vue.withCtx(() => [
-            vue.createVNode(vue.unref(interfaces.NeonSheet), {
-              icon: "user-magnifying-glass",
-              title: "Pilih Akun",
-              label: "User",
-              "no-padding": "",
-              onClose: _cache[1] || (_cache[1] = ($event) => isChoosing.value = false)
+            state2.value === "connect" ? (vue.openBlock(), vue.createBlock(vue.unref(office.IdentitasConnect), {
+              key: 0,
+              user: user.value,
+              candidate: candidate.value,
+              conflict: __props.conflict,
+              "is-ready": "",
+              "is-loading": isLoading.value,
+              onChoose: onWillChoose,
+              onRegister: onWillRegister,
+              onConnect,
+              onDisconnect,
+              onBack
+            }, {
+              ready: vue.withCtx(() => {
+                var _a;
+                return [
+                  vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                    "model-value": (_a = user.value) == null ? void 0 : _a.defaultPassword
+                  }, passwordField, {
+                    "more-options": {
+                      note: `<em>Password</em> awal pengguna. Tidak berlaku apabila pengguna <strong class='text-danger'>telah mengubah <em>password</em></strong> atau <strong class='text-danger'>mendaftarkan akunnya sendiri</strong>.`
+                    },
+                    "is-disabled": "",
+                    "is-alone": ""
+                  }), null, 16, ["model-value"])
+                ];
+              }),
+              _: 1
+              /* STABLE */
+            }, 8, ["user", "candidate", "conflict", "is-loading"])) : state2.value === "register" ? (vue.openBlock(), vue.createBlock(vue.unref(office.IdentitasAssistRegistration), {
+              key: 1,
+              "initial-values": initialRegistration.value,
+              "is-loading": isLoading.value,
+              errors: __props.errors,
+              onBack: _cache[0] || (_cache[0] = ($event) => state2.value = "connect"),
+              onSave: onRegister
+            }, {
+              default: vue.withCtx(() => {
+                var _a;
+                return [
+                  vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                    "model-value": (_a = profile.value) == null ? void 0 : _a.name
+                  }, fullNameField, {
+                    "is-disabled": "",
+                    "is-alone": ""
+                  }), null, 16, ["model-value"])
+                ];
+              }),
+              _: 1
+              /* STABLE */
+            }, 8, ["initial-values", "is-loading", "errors"])) : vue.createCommentVNode("v-if", true),
+            user.value && onDelegate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [
+              vue.createVNode(vue.unref(interfaces.NeonDivider), {
+                "is-dashed": "",
+                label: "Delegasi",
+                class: "divider"
+              }),
+              vue.createVNode(vue.unref(office.IdentitasDelegate), {
+                user: userForDelegating.value,
+                roles: __props.roles,
+                "is-loading": isLoading.value,
+                onSave: onDelegate
+              }, null, 8, ["user", "roles", "is-loading"])
+            ])) : vue.createCommentVNode("v-if", true),
+            isChoosing.value ? (vue.openBlock(), vue.createBlock(vue.unref(interfaces.NeonModal), {
+              key: 3,
+              "is-active": "",
+              size: "lg",
+              onClose: _cache[2] || (_cache[2] = ($event) => isChoosing.value = false)
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(relation.NeonRelationSheet))
+                vue.createVNode(vue.unref(interfaces.NeonSheet), {
+                  icon: "user-magnifying-glass",
+                  title: "Pilih Akun",
+                  label: "User",
+                  "no-padding": "",
+                  onClose: _cache[1] || (_cache[1] = ($event) => isChoosing.value = false)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(relation.NeonRelationSheet))
+                  ]),
+                  _: 1
+                  /* STABLE */
+                })
               ]),
               _: 1
               /* STABLE */
-            })
+            })) : vue.createCommentVNode("v-if", true)
           ]),
           _: 1
           /* STABLE */
-        })) : vue.createCommentVNode("v-if", true)
+        })
       ]);
     };
   }
@@ -1860,7 +1865,7 @@ const _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const OperasionalIdentitas = /* @__PURE__ */ _export_sfc$1(_sfc_main$14, [["__scopeId", "data-v-9950fd12"]]);
+const OperasionalIdentitas = /* @__PURE__ */ _export_sfc$1(_sfc_main$19, [["__scopeId", "data-v-0befc683"]]);
 var top = "top";
 var bottom = "bottom";
 var right = "right";
@@ -11221,7 +11226,7 @@ const _sfc_main$4$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$u = {
+const _hoisted_1$v = {
   key: 0,
   class: "vc-time-header"
 };
@@ -11265,7 +11270,7 @@ const _sfc_main$3$1 = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.createVNode(_sfc_main$i$1, { name: "time-header" }, {
           default: vue.withCtx(() => [
-            vue.unref(showHeader) && vue.unref(date) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [
+            vue.unref(showHeader) && vue.unref(date) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
               vue.createElementVNode("span", _hoisted_2$n, vue.toDisplayString(vue.unref(locale).formatDate(vue.unref(date), "WWW")), 1),
               vue.createElementVNode("span", _hoisted_3$e, vue.toDisplayString(vue.unref(locale).formatDate(vue.unref(date), "MMM")), 1),
               vue.createElementVNode("span", _hoisted_4$c, vue.toDisplayString(vue.unref(locale).formatDate(vue.unref(date), "D")), 1),
@@ -11418,7 +11423,7 @@ const _sfc_main$1$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$13 = vue.defineComponent({
+const _sfc_main$18 = vue.defineComponent({
   inheritAttrs: false,
   emits,
   props: propsDef,
@@ -11437,7 +11442,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.createVNode(_component_DatePickerPopover, vue.normalizeProps(vue.guardReactiveProps(_ctx.$attrs)), null, 16)
   ], 64)) : (vue.openBlock(), vue.createBlock(_component_DatePickerBase, vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.$attrs)), null, 16));
 }
-const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render]]);
+const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render]]);
 dayjs.extend(durationPlugin);
 dayjs.extend(relativeTimePlugin);
 dayjs.extend(advancedFormat);
@@ -11449,7 +11454,7 @@ class DateUtil {
   }
 }
 const _withScopeId$3 = (n) => (vue.pushScopeId("data-v-d987fdde"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$t = {
+const _hoisted_1$u = {
   key: 0,
   class: "input-loading"
 };
@@ -11463,7 +11468,7 @@ const _hoisted_2$m = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.cr
 const _hoisted_3$d = [
   _hoisted_2$m
 ];
-const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$17 = /* @__PURE__ */ vue.defineComponent({
   __name: "NeonTime",
   props: {
     modelValue: {
@@ -11500,7 +11505,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(["neon-time", { "is-disabled": __props.isDisabled }])
         },
         [
-          __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, _hoisted_3$d)) : (vue.openBlock(), vue.createBlock(vue.unref(DatePicker), vue.mergeProps({
+          __props.isLoading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, _hoisted_3$d)) : (vue.openBlock(), vue.createBlock(vue.unref(DatePicker), vue.mergeProps({
             key: 1,
             "model-value": internalValue.value
           }, {
@@ -11522,7 +11527,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NeonTime = /* @__PURE__ */ _export_sfc$1(_sfc_main$12, [["__scopeId", "data-v-d987fdde"]]);
+const NeonTime = /* @__PURE__ */ _export_sfc$1(_sfc_main$17, [["__scopeId", "data-v-d987fdde"]]);
 const useAttendanceStore = pinia.defineStore("neu:personalia:attendance", {
   state: () => ({
     isEntering: false,
@@ -11706,7 +11711,52 @@ function withOperasional() {
     store.setStaff(items[0]);
   }
 }
-const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$t = {
+  key: 0,
+  class: "office-single-sync"
+};
+const _sfc_main$16 = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "OfficeSingleSync" },
+  __name: "OfficeSingleSync",
+  setup(__props) {
+    const { isNew, initialValues, isLoading, syncOne, refreshOne } = context.useSingle();
+    const syncedAt = vue.computed(() => {
+      var _a;
+      return (_a = initialValues.value) == null ? void 0 : _a.syncedAt;
+    });
+    const syncLabel = vue.computed(() => {
+      var _a;
+      if (!syncedAt.value) return "Never synced";
+      const time = core.useTimeAgo(syncedAt.value, {});
+      return `Synced ${(_a = time.value) == null ? void 0 : _a.toLowerCase()}`;
+    });
+    async function syncOneSingle() {
+      if (isNew.value) return;
+      try {
+        await syncOne();
+        await refreshOne();
+      } catch (error) {
+        console.error(error);
+      }
+    }
+    return (_ctx, _cache) => {
+      return !vue.unref(isNew) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$t, [
+        vue.createVNode(vue.unref(interfaces.NeonButton), {
+          label: syncLabel.value,
+          "icon-left": "refresh",
+          size: "xs",
+          display: "outline",
+          "is-rounded": "",
+          "is-squared-mobile": "",
+          "is-loading": vue.unref(isLoading),
+          onClick: syncOneSingle
+        }, null, 8, ["label", "is-loading"])
+      ])) : vue.createCommentVNode("v-if", true);
+    };
+  }
+});
+const OfficeSingleSync = /* @__PURE__ */ _export_sfc$1(_sfc_main$16, [["__scopeId", "data-v-3dbc6c7d"]]);
+const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "AttendanceCollection" },
   __name: "AttendanceCollection",
   props: {
@@ -11759,7 +11809,7 @@ const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$s = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$l = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceSingle",
   setup(__props) {
     const {
@@ -11936,7 +11986,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$10, [["__scopeId", "data-v-68aaccaa"]]);
+const AttendanceSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$14, [["__scopeId", "data-v-68aaccaa"]]);
 const _hoisted_1$r = { class: "flex flex-wrap" };
 const _hoisted_2$k = { class: "mt-2" };
 const _hoisted_3$c = { class: "mt-2" };
@@ -11955,7 +12005,7 @@ const _hoisted_8$9 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_9$9 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$13 = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceManager",
   setup(__props) {
     var _a;
@@ -12318,7 +12368,7 @@ const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceManager = /* @__PURE__ */ _export_sfc$1(_sfc_main$$, [["__scopeId", "data-v-d9f57fbd"]]);
+const AttendanceManager = /* @__PURE__ */ _export_sfc$1(_sfc_main$13, [["__scopeId", "data-v-d9f57fbd"]]);
 const _hoisted_1$q = {
   key: 1,
   class: "flex flex-wrap"
@@ -12341,7 +12391,7 @@ const _hoisted_9$8 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_10$8 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceStaff",
   setup(__props) {
     var _a;
@@ -12818,7 +12868,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$_, [["__scopeId", "data-v-6c44f6cf"]]);
+const AttendanceStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$12, [["__scopeId", "data-v-6c44f6cf"]]);
 const _hoisted_1$p = { class: "flex flex-wrap" };
 const _hoisted_2$i = { class: "mt-2" };
 const _hoisted_3$a = { class: "mt-2" };
@@ -12839,7 +12889,7 @@ const _hoisted_10$7 = {
   class: "grid gap-2 sm:grid-cols-2"
 };
 const _hoisted_11$7 = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$11 = /* @__PURE__ */ vue.defineComponent({
   __name: "AttendanceSupervisor",
   setup(__props) {
     var _a;
@@ -13303,7 +13353,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AttendanceSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$Z, [["__scopeId", "data-v-5738c075"]]);
+const AttendanceSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$11, [["__scopeId", "data-v-5738c075"]]);
 const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-04009998"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$o = { id: "view-checkIns" };
 const _hoisted_2$h = { class: "summary" };
@@ -13320,7 +13370,7 @@ const _hoisted_5$7 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.cr
   /* HOISTED */
 ));
 const _hoisted_6$7 = { class: "end" };
-const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "CheckInPresenceCollection"
   },
@@ -13710,9 +13760,9 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$Y, [["__scopeId", "data-v-04009998"]]);
+const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$10, [["__scopeId", "data-v-04009998"]]);
 const _hoisted_1$n = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInExternal",
   setup(__props) {
     const {
@@ -13815,7 +13865,7 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInExternal = /* @__PURE__ */ _export_sfc$1(_sfc_main$X, [["__scopeId", "data-v-2b39928d"]]);
+const CheckInExternal = /* @__PURE__ */ _export_sfc$1(_sfc_main$$, [["__scopeId", "data-v-2b39928d"]]);
 const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-8df96f5c"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$m = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode(
   "h4",
@@ -13835,7 +13885,7 @@ const _hoisted_2$g = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.cr
   -1
   /* HOISTED */
 ));
-const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInAccess",
   emits: ["close"],
   setup(__props) {
@@ -13887,9 +13937,9 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInAccess = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["__scopeId", "data-v-8df96f5c"]]);
+const CheckInAccess = /* @__PURE__ */ _export_sfc$1(_sfc_main$_, [["__scopeId", "data-v-8df96f5c"]]);
 const _hoisted_1$l = { class: "buttons" };
-const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanError",
   setup(__props) {
     const attendanceStore = useAttendanceStore();
@@ -14335,7 +14385,7 @@ const _hoisted_2$f = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.crea
   /* HOISTED */
 ));
 const _hoisted_3$8 = { class: "mr-2 text-sm" };
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanner",
   emits: ["start", "stop", "scanned", "close"],
   setup(__props, { emit: __emit }) {
@@ -14514,7 +14564,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInScanner = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["__scopeId", "data-v-ad596202"]]);
+const CheckInScanner = /* @__PURE__ */ _export_sfc$1(_sfc_main$Y, [["__scopeId", "data-v-ad596202"]]);
 const _hoisted_1$j = /* @__PURE__ */ vue.createElementVNode(
   "h3",
   { align: "center" },
@@ -14522,7 +14572,7 @@ const _hoisted_1$j = /* @__PURE__ */ vue.createElementVNode(
   -1
   /* HOISTED */
 );
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanSuccess",
   emits: ["close"],
   setup(__props) {
@@ -14555,7 +14605,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$i = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInSupervisor",
   setup(__props) {
     const {
@@ -14668,8 +14718,8 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["__scopeId", "data-v-bbde612a"]]);
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const CheckInSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["__scopeId", "data-v-bbde612a"]]);
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "CheckInCollection"
   },
@@ -14688,7 +14738,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$h = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInSingle",
   setup(__props) {
     const {
@@ -14782,8 +14832,8 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["__scopeId", "data-v-8c1dffae"]]);
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const CheckInSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["__scopeId", "data-v-8c1dffae"]]);
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanStaff",
   setup(__props) {
     const {
@@ -14988,8 +15038,8 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const PlanStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["__scopeId", "data-v-4c077382"]]);
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const PlanStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["__scopeId", "data-v-4c077382"]]);
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PlanCollection"
   },
@@ -15007,7 +15057,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanSingle",
   setup(__props) {
     const {
@@ -15202,8 +15252,8 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const PlanSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["__scopeId", "data-v-88a3a973"]]);
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+const PlanSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$R, [["__scopeId", "data-v-88a3a973"]]);
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PlanTypeCollection"
   },
@@ -15221,7 +15271,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "PlanTypeSingle",
   setup(__props) {
     const {
@@ -15341,8 +15391,8 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const PlanTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["__scopeId", "data-v-add540b6"]]);
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const PlanTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["__scopeId", "data-v-add540b6"]]);
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ProgressNoteTab" },
   __name: "ProgressNoteTab",
   setup(__props) {
@@ -15375,7 +15425,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$g = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$e = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressTomorrow",
   setup(__props) {
     var _a;
@@ -15653,7 +15703,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                   _: 1
                   /* STABLE */
                 })) : vue.createCommentVNode("v-if", true),
-                vue.createVNode(vue.unref(_sfc_main$K))
+                vue.createVNode(vue.unref(_sfc_main$O))
               ];
             }),
             _: 1
@@ -15666,10 +15716,10 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressTomorrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["__scopeId", "data-v-607d910c"]]);
+const ProgressTomorrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["__scopeId", "data-v-607d910c"]]);
 const _hoisted_1$f = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$d = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressYesterday",
   setup(__props) {
     var _a;
@@ -15946,7 +15996,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
                   _: 1
                   /* STABLE */
                 })) : vue.createCommentVNode("v-if", true),
-                vue.createVNode(vue.unref(_sfc_main$K))
+                vue.createVNode(vue.unref(_sfc_main$O))
               ];
             }),
             _: 1
@@ -15959,8 +16009,8 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressYesterday = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["__scopeId", "data-v-cc36bbaf"]]);
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const ProgressYesterday = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["__scopeId", "data-v-cc36bbaf"]]);
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressNote",
   setup(__props) {
     var _a;
@@ -16066,7 +16116,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
                 _: 1
                 /* STABLE */
               }),
-              vue.createVNode(vue.unref(_sfc_main$K))
+              vue.createVNode(vue.unref(_sfc_main$O))
             ]),
             _: 1
             /* STABLE */
@@ -16078,8 +16128,8 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressNote = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["__scopeId", "data-v-d6b827e1"]]);
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const ProgressNote = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["__scopeId", "data-v-d6b827e1"]]);
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ProgressCollection"
   },
@@ -16142,10 +16192,10 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["__scopeId", "data-v-e8e3cd1d"]]);
+const ProgressCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__scopeId", "data-v-e8e3cd1d"]]);
 const _hoisted_1$e = { class: "grid gap-2 sm:grid-cols-2" };
 const _hoisted_2$c = { class: "text-right text-fg-subdued text-sm" };
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressSingle",
   setup(__props) {
     const { staff } = useOperasional();
@@ -16489,7 +16539,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
                   _: 1
                   /* STABLE */
                 })) : vue.createCommentVNode("v-if", true),
-                vue.createVNode(vue.unref(_sfc_main$K))
+                vue.createVNode(vue.unref(_sfc_main$O))
               ];
             }),
             _: 1
@@ -16502,9 +16552,9 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["__scopeId", "data-v-9a6e2573"]]);
+const ProgressSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["__scopeId", "data-v-9a6e2573"]]);
 const _hoisted_1$d = { class: "flex flex-wrap" };
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ProgressButton" },
   __name: "ProgressButton",
   setup(__props) {
@@ -16551,7 +16601,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$c = { class: "flex flex-wrap" };
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "ProgressNoteButton" },
   __name: "ProgressNoteButton",
   setup(__props) {
@@ -16573,7 +16623,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressAccessSupervisor",
   setup(__props) {
     const {
@@ -16636,8 +16686,8 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressAccessSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__scopeId", "data-v-2ca10028"]]);
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const ProgressAccessSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["__scopeId", "data-v-2ca10028"]]);
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ProgressAccessCollection"
   },
@@ -16655,7 +16705,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   __name: "ProgressAccessSingle",
   setup(__props) {
     const {
@@ -16718,8 +16768,8 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ProgressAccessSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__scopeId", "data-v-3592f7c4"]]);
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const ProgressAccessSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["__scopeId", "data-v-3592f7c4"]]);
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilityStaff",
   setup(__props) {
     const {
@@ -16912,8 +16962,8 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ResponsibilityStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__scopeId", "data-v-89afc670"]]);
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const ResponsibilityStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__scopeId", "data-v-89afc670"]]);
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilitySupervisor",
   setup(__props) {
     const {
@@ -17106,8 +17156,8 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ResponsibilitySupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__scopeId", "data-v-983b6c8a"]]);
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const ResponsibilitySupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__scopeId", "data-v-983b6c8a"]]);
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ResponsibilityCollection"
   },
@@ -17125,7 +17175,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilitySingle",
   setup(__props) {
     var _a, _b;
@@ -17364,8 +17414,8 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ResponsibilitySingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__scopeId", "data-v-d75da3fd"]]);
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const ResponsibilitySingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__scopeId", "data-v-d75da3fd"]]);
+const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "ResponsibilityTypeCollection"
   },
@@ -17383,7 +17433,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "ResponsibilityTypeSingle",
   setup(__props) {
     const {
@@ -17448,8 +17498,8 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ResponsibilityTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__scopeId", "data-v-f59caf0c"]]);
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const ResponsibilityTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__scopeId", "data-v-f59caf0c"]]);
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationWork",
   setup(__props) {
     const {
@@ -17625,7 +17675,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationSupportive" },
   __name: "SituationSupportive",
   setup(__props) {
@@ -17760,7 +17810,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationCollection" },
   __name: "SituationCollection",
   setup(__props) {
@@ -17776,7 +17826,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationSingle",
   setup(__props) {
     const {
@@ -17909,7 +17959,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SituationTypeCollection" },
   __name: "SituationTypeCollection",
   setup(__props) {
@@ -17925,7 +17975,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "SituationTypeSingle",
   setup(__props) {
     const {
@@ -17993,7 +18043,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffIdentity",
   setup(__props) {
     const { values, saveOne, executeOne, syncOne } = context.useSingle();
@@ -18062,166 +18112,160 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
       };
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(form.NeonFormWrapper), null, {
-        default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(OperasionalIdentitas), {
-            user: vue.unref(values).user,
-            profile: profile.value,
-            conflict: conflict.value,
-            roles: [
-              { id: "a6c43f08a59b4292e3d1357b", name: "Admin Office" },
-              { id: "641044c878ae4f8388b1d280", name: "Admin Operasional" },
-              // { id: '64101f7078ae4f8388b1d1e8', name: 'Cabang Operasional' },
-              { id: "641d357c78ae4f8388b1dbaf", name: "Manager Cabang" },
-              { id: "641d35b178ae4f8388b1dbd4", name: "SDM Cabang" },
-              { id: "6309c3c2e64a1324b8663dab", name: "Karyawan" },
-              { id: "646a42976af710fe3618af9a", name: "Pengawas Pengajuan" },
-              { id: "646a43106af710fe3618afca", name: "Pengambil Keputusan" },
-              { id: "654a0b3fb487f9f1087347aa", name: "Poin" },
-              { id: "654ad81bb487f9f1087347e7", name: "Pengelola Poin" },
-              { id: "6555a130fdd768dbbb18d717", name: "Intelijen" },
-              // OPERASIONAL
-              {
-                id: "64a686ba3fe0bb481faa0f8b",
-                name: "Pengelola SDM"
-              },
-              {
-                id: "64a687823fe0bb481faa0fba",
-                name: "Penanggungjawab Cabang"
-              },
-              {
-                id: "64a687b93fe0bb481faa0fd6",
-                name: "Pengawas SDM"
-              },
-              // {
-              //   id: '64a687ed3fe0bb481faa0ff2',
-              //   name: 'Pengelola Absensi',
-              // },
-              // END OPERASIONAL
-              { id: "64e6e0669103ea42a4f7d4d0", name: "Cabang KBM" },
-              { id: "658f68314dec264ead160077", name: "Cabang Tanya" },
-              { id: "658f68884dec264ead160078", name: "Cabang Rasionalisasi" },
-              // { id: '63e1734b78ae4f8388b1b313', name: 'Cabang Pendidikan' },
-              // Keuangan
-              // { id: '6309c39fe64a1324b8663da7', name: 'Konsumen' },
-              { id: "6454a30dd760fc7b529d4c23", name: "Karyawan FO Cabang" },
-              { id: "6454a343d760fc7b529d4c64", name: "Karyawan Kasir Cabang" },
-              { id: "6454a368d760fc7b529d4c8e", name: "karyawan Keuangan Cabang" },
-              { id: "6454a387d760fc7b529d4cb1", name: "Kasir Cabang" },
-              {
-                id: "6454a3cbd760fc7b529d4d01",
-                name: "Pengawas Pengeluaran Lain Cabang"
-              },
-              {
-                id: "6454a3f3d760fc7b529d4d2a",
-                name: "Pengawas Mutasi Lain Cabang"
-              },
-              {
-                id: "6454a414d760fc7b529d4d69",
-                name: "Pengawas Hapus Tagihan Cabang"
-              },
-              {
-                id: "6454a439d760fc7b529d4d9e",
-                name: "Pengawas Mutasi Tagihan Cabang"
-              },
-              {
-                id: "6454a39dd760fc7b529d4cd7",
-                name: "Pengawas Pengembalian Tagihan Cabang"
-              },
-              {
-                id: "6454a40ad760fc7b529d4d4d",
-                name: "Pengawas Pemasukan Tagihan Cabang"
-              },
-              {
-                id: "6454a441d760fc7b529d4db4",
-                name: "Pengawas Pengurangan Tagihan Cabang"
-              },
-              {
-                id: "6454a486d760fc7b529d4dee",
-                name: "Pengawas Penambahan Tagihan Cabang"
-              },
-              {
-                id: "6454a529d760fc7b529d4e1f",
-                name: "Pengawas Pengeluaran Komponen Cabang"
-              },
-              {
-                id: "6454a557d760fc7b529d4e44",
-                name: "Pengawas Pendapatan Lain Cabang"
-              },
-              // PEMASARAN
-              {
-                id: "6454a6c2d760fc7b529d4f4f",
-                name: "Karyawan Marketing Cabang"
-              },
-              {
-                id: "652ce8e6b487f9f108733873",
-                name: "Cabang FO"
-              },
-              {
-                id: "652ceb48b487f9f108733896",
-                name: "Cabang Pemasaran"
-              },
-              {
-                id: "652ceb79b487f9f1087338bc",
-                name: "Pengelola Penyebaran"
-              },
-              {
-                id: "652ceba2b487f9f1087338d9",
-                name: "Pengelola Publikasi"
-              },
-              // INVENTORI
-              {
-                id: "64e7f2089103ea42a4f7d512",
-                name: "Cabang Inventori"
-              },
-              {
-                id: "64e7f3629103ea42a4f7d535",
-                name: "Cabang Outlet"
-              },
-              {
-                id: "64e7f3c39103ea42a4f7d552",
-                name: "Pengadaan Inventori"
-              },
-              {
-                id: "64e7f4309103ea42a4f7d579",
-                name: "Pengawasan Pengadaan Inventori"
-              },
-              {
-                id: "64e7f46d9103ea42a4f7d596",
-                name: "Cabang Pengadaan"
-              },
-              {
-                id: "64e817419103ea42a4f7d5bd",
-                name: "Pengelola Resep"
-              },
-              {
-                id: "64e9aa869103ea42a4f7d6a9",
-                name: "Pengawas Inventori"
-              },
-              // Sentral
-              {
-                id: "650917b39103ea42a4f7e189",
-                name: "Pengelola Export"
-              }
-            ],
-            errors: errors.value,
-            "on-choose": onChoose,
-            "on-register": onRegister,
-            "on-connect": onConnect,
-            "on-disconnect": onDisconnect,
-            "on-delegate": onDelegate,
-            onNoConflict: _cache[0] || (_cache[0] = ($event) => conflict.value = void 0)
-          }, null, 8, ["user", "profile", "conflict", "errors"])
-        ]),
-        _: 1
-        /* STABLE */
-      });
+      return vue.openBlock(), vue.createBlock(vue.unref(OperasionalIdentitas), {
+        user: vue.unref(values).user,
+        profile: profile.value,
+        conflict: conflict.value,
+        roles: [
+          { id: "a6c43f08a59b4292e3d1357b", name: "Admin Office" },
+          { id: "641044c878ae4f8388b1d280", name: "Admin Operasional" },
+          // { id: '64101f7078ae4f8388b1d1e8', name: 'Cabang Operasional' },
+          { id: "641d357c78ae4f8388b1dbaf", name: "Manager Cabang" },
+          { id: "641d35b178ae4f8388b1dbd4", name: "SDM Cabang" },
+          { id: "6309c3c2e64a1324b8663dab", name: "Karyawan" },
+          { id: "646a42976af710fe3618af9a", name: "Pengawas Pengajuan" },
+          { id: "646a43106af710fe3618afca", name: "Pengambil Keputusan" },
+          { id: "654a0b3fb487f9f1087347aa", name: "Poin" },
+          { id: "654ad81bb487f9f1087347e7", name: "Pengelola Poin" },
+          { id: "6555a130fdd768dbbb18d717", name: "Intelijen" },
+          // OPERASIONAL
+          {
+            id: "64a686ba3fe0bb481faa0f8b",
+            name: "Pengelola SDM"
+          },
+          {
+            id: "64a687823fe0bb481faa0fba",
+            name: "Penanggungjawab Cabang"
+          },
+          {
+            id: "64a687b93fe0bb481faa0fd6",
+            name: "Pengawas SDM"
+          },
+          // {
+          //   id: '64a687ed3fe0bb481faa0ff2',
+          //   name: 'Pengelola Absensi',
+          // },
+          // END OPERASIONAL
+          { id: "64e6e0669103ea42a4f7d4d0", name: "Cabang KBM" },
+          { id: "658f68314dec264ead160077", name: "Cabang Tanya" },
+          { id: "658f68884dec264ead160078", name: "Cabang Rasionalisasi" },
+          // { id: '63e1734b78ae4f8388b1b313', name: 'Cabang Pendidikan' },
+          // Keuangan
+          // { id: '6309c39fe64a1324b8663da7', name: 'Konsumen' },
+          { id: "6454a30dd760fc7b529d4c23", name: "Karyawan FO Cabang" },
+          { id: "6454a343d760fc7b529d4c64", name: "Karyawan Kasir Cabang" },
+          { id: "6454a368d760fc7b529d4c8e", name: "karyawan Keuangan Cabang" },
+          { id: "6454a387d760fc7b529d4cb1", name: "Kasir Cabang" },
+          {
+            id: "6454a3cbd760fc7b529d4d01",
+            name: "Pengawas Pengeluaran Lain Cabang"
+          },
+          {
+            id: "6454a3f3d760fc7b529d4d2a",
+            name: "Pengawas Mutasi Lain Cabang"
+          },
+          {
+            id: "6454a414d760fc7b529d4d69",
+            name: "Pengawas Hapus Tagihan Cabang"
+          },
+          {
+            id: "6454a439d760fc7b529d4d9e",
+            name: "Pengawas Mutasi Tagihan Cabang"
+          },
+          {
+            id: "6454a39dd760fc7b529d4cd7",
+            name: "Pengawas Pengembalian Tagihan Cabang"
+          },
+          {
+            id: "6454a40ad760fc7b529d4d4d",
+            name: "Pengawas Pemasukan Tagihan Cabang"
+          },
+          {
+            id: "6454a441d760fc7b529d4db4",
+            name: "Pengawas Pengurangan Tagihan Cabang"
+          },
+          {
+            id: "6454a486d760fc7b529d4dee",
+            name: "Pengawas Penambahan Tagihan Cabang"
+          },
+          {
+            id: "6454a529d760fc7b529d4e1f",
+            name: "Pengawas Pengeluaran Komponen Cabang"
+          },
+          {
+            id: "6454a557d760fc7b529d4e44",
+            name: "Pengawas Pendapatan Lain Cabang"
+          },
+          // PEMASARAN
+          {
+            id: "6454a6c2d760fc7b529d4f4f",
+            name: "Karyawan Marketing Cabang"
+          },
+          {
+            id: "652ce8e6b487f9f108733873",
+            name: "Cabang FO"
+          },
+          {
+            id: "652ceb48b487f9f108733896",
+            name: "Cabang Pemasaran"
+          },
+          {
+            id: "652ceb79b487f9f1087338bc",
+            name: "Pengelola Penyebaran"
+          },
+          {
+            id: "652ceba2b487f9f1087338d9",
+            name: "Pengelola Publikasi"
+          },
+          // INVENTORI
+          {
+            id: "64e7f2089103ea42a4f7d512",
+            name: "Cabang Inventori"
+          },
+          {
+            id: "64e7f3629103ea42a4f7d535",
+            name: "Cabang Outlet"
+          },
+          {
+            id: "64e7f3c39103ea42a4f7d552",
+            name: "Pengadaan Inventori"
+          },
+          {
+            id: "64e7f4309103ea42a4f7d579",
+            name: "Pengawasan Pengadaan Inventori"
+          },
+          {
+            id: "64e7f46d9103ea42a4f7d596",
+            name: "Cabang Pengadaan"
+          },
+          {
+            id: "64e817419103ea42a4f7d5bd",
+            name: "Pengelola Resep"
+          },
+          {
+            id: "64e9aa869103ea42a4f7d6a9",
+            name: "Pengawas Inventori"
+          },
+          // Sentral
+          {
+            id: "650917b39103ea42a4f7e189",
+            name: "Pengelola Export"
+          }
+        ],
+        errors: errors.value,
+        "on-choose": onChoose,
+        "on-register": onRegister,
+        "on-connect": onConnect,
+        "on-disconnect": onDisconnect,
+        "on-delegate": onDelegate,
+        onNoConflict: _cache[0] || (_cache[0] = ($event) => conflict.value = void 0)
+      }, null, 8, ["user", "profile", "conflict", "errors"]);
     };
   }
 });
 const _hoisted_1$b = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
 const _hoisted_2$b = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffOperasional",
   setup(__props) {
     const {
@@ -18336,7 +18380,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                 title: "Identitas"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$n)
+                  vue.createVNode(_sfc_main$r)
                 ]),
                 _: 1
                 /* STABLE */
@@ -18451,10 +18495,10 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const StaffOperasional = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__scopeId", "data-v-1966f9f2"]]);
+const StaffOperasional = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__scopeId", "data-v-1966f9f2"]]);
 const _hoisted_1$a = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
 const _hoisted_2$a = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffAccess",
   setup(__props) {
     const {
@@ -18673,8 +18717,8 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const StaffAccess = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__scopeId", "data-v-d2de29d6"]]);
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const StaffAccess = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["__scopeId", "data-v-d2de29d6"]]);
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "StaffCollection"
   },
@@ -18694,7 +18738,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$9 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
 const _hoisted_2$9 = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffSingle",
   setup(__props) {
     const {
@@ -18799,7 +18843,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                 title: "Identitas"
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_sfc_main$n)
+                  vue.createVNode(_sfc_main$r)
                 ]),
                 _: 1
                 /* STABLE */
@@ -18931,8 +18975,8 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const StaffSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__scopeId", "data-v-6b702387"]]);
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const StaffSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__scopeId", "data-v-a08dbebb"]]);
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SubmissionDocumentTab" },
   __name: "SubmissionDocumentTab",
   props: {
@@ -18975,7 +19019,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "SubmissionDetailTab" },
   __name: "SubmissionDetailTab",
   setup(__props) {
@@ -19037,7 +19081,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionDetailTab = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__scopeId", "data-v-3475270c"]]);
+const SubmissionDetailTab = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__scopeId", "data-v-3475270c"]]);
 const _hoisted_1$8 = { class: "flex items-right" };
 const _hoisted_2$8 = { class: "flex-grow" };
 const _hoisted_3$7 = { class: "ml-2 flex items-end pb-1" };
@@ -19050,10 +19094,10 @@ const _hoisted_9$6 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_10$6 = { class: "flex items-right" };
 const _hoisted_11$6 = { class: "flex-grow" };
 const _hoisted_12$6 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionStaff",
   setup(__props) {
-    var _a, _b, _c;
+    var _a, _b;
     const {
       fields,
       id,
@@ -19064,10 +19108,12 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
       isReady,
       isMain,
       isNew,
+      refreshOne,
       syncOne,
       saveOne,
       discardChanges,
-      executeOne
+      executeOne,
+      setDefaultValues
     } = context.useSingle();
     const { staff } = useOperasional();
     const branchOptions = vue.computed(() => {
@@ -19126,31 +19172,25 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
         ]
       };
     });
-    const staffId = ((_a = staff.value) == null ? void 0 : _a.id) || "";
-    const branchIds = ((_b = staff.value) == null ? void 0 : _b.branchIds) || [];
-    const branchDisplay = ((_c = staff.value) == null ? void 0 : _c.branches) || [];
-    vue.watch(isNew, setDefaultValues, { immediate: true });
-    async function setDefaultValues() {
-      var _a2, _b2, _c2;
-      if (!isNew.value) return;
-      await promise.PromiseUtil.wait(500);
-      const defaultValues = {
-        submissionStaffIds: [staffId],
-        submissionStaffs: [{ id: staffId, flag: (_a2 = staff.value) == null ? void 0 : _a2.flag }],
-        branchIds: [branchIds[0]],
-        branches: [branchDisplay[0]],
-        preparedAt: (/* @__PURE__ */ new Date()).toISOString()
-      };
-      values.value.preparedAt = defaultValues.preparedAt;
-      if ((_b2 = staff == null ? void 0 : staff.value) == null ? void 0 : _b2.id) {
-        values.value.submissionStaffIds = defaultValues.submissionStaffIds;
-        values.value.submissionStaffs = defaultValues.submissionStaffs;
-      }
-      if ((_c2 = staff == null ? void 0 : staff.value) == null ? void 0 : _c2.branchIds) {
-        values.value.branchIds = defaultValues.branchIds;
-        values.value.branches = defaultValues.branches;
-      }
-    }
+    const branchIds = ((_a = staff.value) == null ? void 0 : _a.branchIds) || [];
+    const branchDisplay = ((_b = staff.value) == null ? void 0 : _b.branches) || [];
+    console.log("staff :", staff.value);
+    vue.watch(
+      isNew,
+      async (isNew2) => {
+        var _a2, _b2, _c;
+        if (!isNew2) return;
+        setDefaultValues({
+          submissionStaffs: [{ id: (_a2 = staff == null ? void 0 : staff.value) == null ? void 0 : _a2.id, flag: (_b2 = staff == null ? void 0 : staff.value) == null ? void 0 : _b2.flag }],
+          branches: [branchDisplay[0]]
+        });
+        await promise.PromiseUtil.wait(1e3);
+        values.value.submissionStaffIds = ((_c = staff == null ? void 0 : staff.value) == null ? void 0 : _c.id) ? [staff.value.id] : [];
+        values.value.branchIds = [branchIds[0]];
+        values.value.preparedAt = (/* @__PURE__ */ new Date()).toISOString();
+      },
+      { immediate: true }
+    );
     const syncRaise = async () => {
       var _a2;
       await executeOne("raiseSubmission", {
@@ -19158,7 +19198,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
         staffId: (_a2 = staff.value) == null ? void 0 : _a2.id
       });
       await syncOne();
-      window.location.href = `/pengajuan/staff-submission/${id.value}`;
+      await refreshOne();
     };
     const copyStaff = vue.computed(() => {
       executeOne("", { submissionId: id.value });
@@ -19472,7 +19512,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
               vue.createCommentVNode(" DETAIL "),
               vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$i), {
+              vue.createVNode(vue.unref(_sfc_main$m), {
                 toolbar: "side",
                 "is-readonly": vue.unref(values).status === "raised" || vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
               }, null, 8, ["is-readonly"])
@@ -19487,7 +19527,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__scopeId", "data-v-6f703e0b"]]);
+const SubmissionStaff = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__scopeId", "data-v-52435ad5"]]);
 const _hoisted_1$7 = { class: "flex items-right" };
 const _hoisted_2$7 = { class: "flex-grow" };
 const _hoisted_3$6 = { class: "ml-2 flex items-end pb-1" };
@@ -19500,7 +19540,7 @@ const _hoisted_9$5 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_10$5 = { class: "flex items-right" };
 const _hoisted_11$5 = { class: "flex-grow" };
 const _hoisted_12$5 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionFollowUp",
   setup(__props) {
     const {
@@ -19780,7 +19820,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
               vue.createCommentVNode(" DETAIL "),
               vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$i), {
+              vue.createVNode(vue.unref(_sfc_main$m), {
                 toolbar: "side",
                 "is-readonly": ""
               })
@@ -19795,7 +19835,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionFollowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__scopeId", "data-v-0106c21e"]]);
+const SubmissionFollowUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__scopeId", "data-v-0106c21e"]]);
 const _hoisted_1$6 = { class: "flex flex-wrap" };
 const _hoisted_2$6 = { class: "mt-2" };
 const _hoisted_3$5 = { class: "mt-2" };
@@ -19814,7 +19854,7 @@ const _hoisted_15$2 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_16 = { class: "flex items-right" };
 const _hoisted_17 = { class: "flex-grow" };
 const _hoisted_18 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionAudit",
   setup(__props) {
     var _a, _b, _c;
@@ -19828,6 +19868,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       isReady,
       isMain,
       isNew,
+      refreshOne,
       syncOne,
       saveOne,
       discardChanges,
@@ -19919,17 +19960,17 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     const syncResolved = async () => {
       await executeOne("resolvedSubmission", { submissionId: id.value });
       await syncOne();
-      window.location.href = `/pengajuan/audit-submission/${id.value}`;
+      await refreshOne();
     };
     const syncDiscontinued = async () => {
       await executeOne("discontinuedSubmission", { submissionId: id.value });
       await syncOne();
-      window.location.href = `/pengajuan/audit-submission/${id.value}`;
+      await refreshOne();
     };
     const syncMonitored = async () => {
       await executeOne("monitoredSubmission", { submissionId: id.value });
       await syncOne();
-      window.location.href = `/pengajuan/audit-submission/${id.value}`;
+      await refreshOne();
     };
     const syncProcessed = async () => {
       var _a2;
@@ -19938,7 +19979,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
         staffId: (_a2 = staff.value) == null ? void 0 : _a2.id
       });
       await syncOne();
-      window.location.href = `/pengajuan/audit-submission/${id.value}`;
+      await refreshOne();
     };
     const syncLowered = async () => {
       var _a2;
@@ -19947,7 +19988,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
         staffId: (_a2 = staff.value) == null ? void 0 : _a2.id
       });
       await syncOne();
-      window.location.href = `/pengajuan/audit-submission/${id.value}`;
+      await refreshOne();
     };
     const copyStaff = vue.computed(() => {
       executeOne("", { submissionId: id.value });
@@ -20342,7 +20383,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
               }),
               vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$i), {
+              vue.createVNode(vue.unref(_sfc_main$m), {
                 toolbar: "side",
                 "is-readonly": vue.unref(values).status === "processed" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "prepared" || vue.unref(values).status === "resolved"
               }, null, 8, ["is-readonly"]),
@@ -20401,7 +20442,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionAudit = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__scopeId", "data-v-88209980"]]);
+const SubmissionAudit = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__scopeId", "data-v-a0f33803"]]);
 const _hoisted_1$5 = { class: "flex flex-wrap" };
 const _hoisted_2$5 = { class: "mt-2" };
 const _hoisted_3$4 = { class: "mt-2" };
@@ -20417,7 +20458,7 @@ const _hoisted_12$3 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_13$1 = { class: "flex items-right" };
 const _hoisted_14$1 = { class: "flex-grow" };
 const _hoisted_15$1 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionDecision",
   setup(__props) {
     var _a, _b, _c;
@@ -20431,6 +20472,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       isReady,
       isMain,
       isNew,
+      refreshOne,
       syncOne,
       saveOne,
       discardChanges,
@@ -20525,7 +20567,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
         staffId: (_a2 = staff.value) == null ? void 0 : _a2.id
       });
       await syncOne();
-      window.location.href = `/pengajuan/decision-submission/${id.value}`;
+      await refreshOne();
     };
     const syncApproved = async () => {
       var _a2;
@@ -20534,7 +20576,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
         staffId: (_a2 = staff.value) == null ? void 0 : _a2.id
       });
       await syncOne();
-      window.location.href = `/pengajuan/decision-submission/${id.value}`;
+      await refreshOne();
     };
     const copyStaff = vue.computed(() => {
       executeOne("", { submissionId: id.value });
@@ -20875,7 +20917,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
               vue.createCommentVNode(" DETAIL "),
               vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$i), {
+              vue.createVNode(vue.unref(_sfc_main$m), {
                 toolbar: "side",
                 "is-readonly": vue.unref(values).status === "raised" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
               }, null, 8, ["is-readonly"]),
@@ -20934,7 +20976,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionDecision = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__scopeId", "data-v-7c1b0aea"]]);
+const SubmissionDecision = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__scopeId", "data-v-be1c5adc"]]);
 const _hoisted_1$4 = { class: "flex flex-wrap" };
 const _hoisted_2$4 = { class: "mt-2" };
 const _hoisted_3$3 = { class: "mt-2" };
@@ -20950,7 +20992,7 @@ const _hoisted_12$2 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_13 = { class: "flex items-right" };
 const _hoisted_14 = { class: "flex-grow" };
 const _hoisted_15 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionWaitingDecision",
   setup(__props) {
     var _a, _b, _c;
@@ -21408,7 +21450,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
               vue.createCommentVNode(" DETAIL "),
               vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$i), {
+              vue.createVNode(vue.unref(_sfc_main$m), {
                 toolbar: "side",
                 "is-readonly": vue.unref(values).status === "raised" || vue.unref(values).status === "delay" || vue.unref(values).status === "approved" || vue.unref(values).status === "monitored" || vue.unref(values).status === "discontinued" || vue.unref(values).status === "resolved"
               }, null, 8, ["is-readonly"])
@@ -21423,7 +21465,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__scopeId", "data-v-47c01aa0"]]);
+const SubmissionWaitingDecision = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__scopeId", "data-v-47c01aa0"]]);
 const _hoisted_1$3 = { class: "flex items-right" };
 const _hoisted_2$3 = { class: "flex-grow" };
 const _hoisted_3$2 = { class: "ml-2 flex items-end pb-1" };
@@ -21436,7 +21478,7 @@ const _hoisted_9$1 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_10$1 = { class: "flex items-right" };
 const _hoisted_11$1 = { class: "flex-grow" };
 const _hoisted_12$1 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionSupervisor",
   setup(__props) {
     const {
@@ -21716,7 +21758,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
               vue.createCommentVNode(" DETAIL "),
               vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$i), {
+              vue.createVNode(vue.unref(_sfc_main$m), {
                 toolbar: "side",
                 "is-readonly": ""
               })
@@ -21731,8 +21773,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__scopeId", "data-v-30824d31"]]);
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const SubmissionSupervisor = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__scopeId", "data-v-30824d31"]]);
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "SubmissionCollection"
   },
@@ -21762,7 +21804,7 @@ const _hoisted_9 = { class: "ml-2 flex items-end pb-1" };
 const _hoisted_10 = { class: "flex items-right" };
 const _hoisted_11 = { class: "flex-grow" };
 const _hoisted_12 = { class: "ml-2 flex items-end pb-1" };
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionSingle",
   setup(__props) {
     const {
@@ -22051,7 +22093,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
               vue.createCommentVNode(" DETAIL "),
               vue.createVNode(vue.unref(SubmissionDetailTab)),
               vue.createCommentVNode(" DOKUMEN "),
-              vue.createVNode(vue.unref(_sfc_main$i), { toolbar: "side" })
+              vue.createVNode(vue.unref(_sfc_main$m), { toolbar: "side" })
             ]),
             _: 1
             /* STABLE */
@@ -22063,8 +22105,8 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__scopeId", "data-v-41554dfc"]]);
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const SubmissionSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__scopeId", "data-v-41554dfc"]]);
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "SubmissionTypeCollection"
   },
@@ -22082,7 +22124,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "SubmissionTypeSingle",
   setup(__props) {
     const {
@@ -22144,8 +22186,8 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const SubmissionTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__scopeId", "data-v-e8147700"]]);
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const SubmissionTypeSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__scopeId", "data-v-e8147700"]]);
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "TargetBranch",
   setup(__props) {
     const {
@@ -22306,8 +22348,8 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TargetBranch = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__scopeId", "data-v-8b544d44"]]);
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const TargetBranch = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__scopeId", "data-v-8b544d44"]]);
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "TargetCollection"
   },
@@ -22325,7 +22367,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "TargetSingle",
   setup(__props) {
     const {
@@ -22486,8 +22528,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TargetSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["__scopeId", "data-v-a116ccbf"]]);
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const TargetSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-a116ccbf"]]);
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "TaskWork",
   setup(__props) {
     const {
@@ -22706,7 +22748,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "TaskCollection" },
   __name: "TaskCollection",
   setup(__props) {
@@ -22726,7 +22768,7 @@ const _hoisted_1$1 = { class: "flex flex-wrap gap-2" };
 const _hoisted_2$1 = { class: "mt-2" };
 const _hoisted_3 = { class: "mt-2" };
 const _hoisted_4 = { class: "mt-2" };
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "TaskSingle",
   setup(__props) {
     var _a;
@@ -23084,7 +23126,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { key: 1 };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   ...{ name: "TaskWorkButton" },
   __name: "TaskWorkButton",
   setup(__props) {
@@ -23187,74 +23229,422 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  __name: "ShiftStaff",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      syncOne,
+      saveOne,
+      discardChanges,
+      executeOne
+    } = context.useSingle();
+    useOperasional();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-shift-single" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office$1.OfficeTabs), { "use-url": vue.unref(isMain) }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(office$1.OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(form.NeonForm), {
+                    handle: "info",
+                    "initial-values": vue.unref(initialValues),
+                    "is-loading": vue.unref(isLoading),
+                    "is-changed": vue.unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: vue.unref(discardChanges),
+                    onSubmit: vue.unref(saveOne)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).titleShift,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).titleShift = $event)
+                      }, vue.unref(fields).titleShift, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).expTime,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).expTime = $event)
+                      }, vue.unref(fields).expTime, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).disciplineAt,
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).disciplineAt = $event)
+                      }, vue.unref(fields).disciplineAt, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).disciplineEnd,
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(values).disciplineEnd = $event)
+                      }, vue.unref(fields).disciplineEnd, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).picketStaff,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).picketStaff = $event)
+                      }, vue.unref(fields).picketStaff, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).offsetTime,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).offsetTime = $event)
+                      }, vue.unref(fields).offsetTime, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).effortTime,
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).effortTime = $event)
+                      }, vue.unref(fields).effortTime, { "is-disabled": "" }), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  __name: "ShiftAdministrator",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      syncOne,
+      saveOne,
+      discardChanges,
+      executeOne
+    } = context.useSingle();
+    useOperasional();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-shift-single" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office$1.OfficeTabs), null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(office$1.OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(form.NeonForm), {
+                    handle: "info",
+                    "initial-values": vue.unref(initialValues),
+                    "is-loading": vue.unref(isLoading),
+                    "is-changed": vue.unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: vue.unref(discardChanges),
+                    onSubmit: vue.unref(saveOne)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).titleShift,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).titleShift = $event)
+                      }, vue.unref(fields).titleShift), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(office$1.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).branch
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(office$1.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).shiftingStaff
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(office$1.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).building
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                            modelValue: vue.unref(values).expPresent,
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).expPresent = $event)
+                          }, vue.unref(fields).expPresent), null, 16, ["modelValue"]),
+                          vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                            modelValue: vue.unref(values).expPresentEnd,
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).expPresentEnd = $event)
+                          }, vue.unref(fields).expPresentEnd), null, 16, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).expTime,
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).expTime = $event)
+                      }, vue.unref(fields).expTime, { "is-disabled": "" }), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const ShiftAdministrator = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-1d4147cf"]]);
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "ShiftCollection"
+  },
+  __name: "ShiftCollection",
+  props: {
+    expPresentField: {
+      type: String,
+      default: "expPresent"
+    },
+    endedAtField: {
+      type: String,
+      default: "endedAt"
+    },
+    period: {
+      type: Object,
+      default: () => ({
+        expPresent: /* @__PURE__ */ new Date(),
+        endedAt: /* @__PURE__ */ new Date()
+      })
+    }
+  },
+  emits: ["update:period"],
+  setup(__props, { emit: __emit }) {
+    const { resource, display: display2, items, userQuery } = context.useCollection();
+    const emit = __emit;
+    function onCalendarPeriodUpdate(period) {
+      console.log("calendar", period);
+      emit("update:period", period);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(office$1.OfficeTabs), null, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office$1.OfficeTab), {
+            handle: "shift",
+            icon: "circle-info",
+            title: "Kehadiran"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(context.NeonCollection), { class: "neu-shift-collection" }, {
+                default: vue.withCtx(() => [
+                  vue.unref(userQuery).display === "table" ? (vue.openBlock(), vue.createBlock(vue.unref(office$1.OfficeCollectionTable), { key: 0 })) : vue.unref(userQuery).display === "calendar" && __props.period.expPresent ? (vue.openBlock(), vue.createBlock(vue.unref(office$1.OfficeCollectionCalendar), {
+                    key: 1,
+                    "default-all-day": false,
+                    views: ["month"],
+                    period: __props.period,
+                    "onUpdate:period": onCalendarPeriodUpdate
+                  }, null, 8, ["period"])) : vue.createCommentVNode("v-if", true)
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const ShiftCollection = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-4adcb9e4"]]);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "OfficeSingleSync" },
+  __name: "ShiftSingle",
+  setup(__props) {
+    const {
+      id,
+      fields,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isMain,
+      saveOne,
+      discardChanges,
+      executeOne,
+      syncOne
+    } = context.useSingle();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-shift-single" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office$1.OfficeTabs), null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(office$1.OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(form.NeonForm), {
+                    handle: "info",
+                    "initial-values": vue.unref(initialValues),
+                    "is-loading": vue.unref(isLoading),
+                    "is-changed": vue.unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: vue.unref(discardChanges),
+                    onSubmit: vue.unref(saveOne)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).titleShift,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).titleShift = $event)
+                      }, vue.unref(fields).titleShift), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(office$1.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).branch
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(office$1.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).shiftingStaff
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(office$1.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).building
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-2" }, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                            modelValue: vue.unref(values).expPresent,
+                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).expPresent = $event)
+                          }, vue.unref(fields).expPresent), null, 16, ["modelValue"]),
+                          vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                            modelValue: vue.unref(values).expPresentEnd,
+                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).expPresentEnd = $event)
+                          }, vue.unref(fields).expPresentEnd), null, 16, ["modelValue"])
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).expTime,
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(values).expTime = $event)
+                      }, vue.unref(fields).expTime, { "is-disabled": "" }), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const ShiftSingle = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-b175b466"]]);
 const all = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AttendanceCollection: _sfc_main$11,
+  AttendanceCollection: _sfc_main$15,
   AttendanceManager,
   AttendanceSingle,
   AttendanceStaff,
   AttendanceSupervisor,
   CheckInAccess,
-  CheckInCollection: _sfc_main$R,
+  CheckInCollection: _sfc_main$V,
   CheckInExternal,
   CheckInPresenceCollection,
-  CheckInScanError: _sfc_main$V,
-  CheckInScanSuccess: _sfc_main$T,
+  CheckInScanError: _sfc_main$Z,
+  CheckInScanSuccess: _sfc_main$X,
   CheckInScanner,
   CheckInSingle,
   CheckInSupervisor,
   NOperasional: operasional_types,
   NeonTime,
+  OfficeSingleSync,
   OperasionalIdentitas,
-  PlanCollection: _sfc_main$O,
+  PlanCollection: _sfc_main$S,
   PlanSingle,
   PlanStaff,
-  PlanTypeCollection: _sfc_main$M,
+  PlanTypeCollection: _sfc_main$Q,
   PlanTypeSingle,
-  ProgressAccessCollection: _sfc_main$B,
+  ProgressAccessCollection: _sfc_main$F,
   ProgressAccessSingle,
   ProgressAccessSupervisor,
-  ProgressButton: _sfc_main$E,
+  ProgressButton: _sfc_main$I,
   ProgressCollection,
   ProgressNote,
-  ProgressNoteButton: _sfc_main$D,
+  ProgressNoteButton: _sfc_main$H,
   ProgressSingle,
   ProgressTomorrow,
   ProgressYesterday,
-  ResponsibilityCollection: _sfc_main$x,
+  ResponsibilityCollection: _sfc_main$B,
   ResponsibilitySingle,
   ResponsibilityStaff,
   ResponsibilitySupervisor,
-  ResponsibilityTypeCollection: _sfc_main$v,
+  ResponsibilityTypeCollection: _sfc_main$z,
   ResponsibilityTypeSingle,
-  SituationCollection: _sfc_main$r,
-  SituationSingle: _sfc_main$q,
-  SituationSupportive: _sfc_main$s,
-  SituationTypeCollection: _sfc_main$p,
-  SituationTypeSingle: _sfc_main$o,
-  SituationWork: _sfc_main$t,
+  ShiftAdministrator,
+  ShiftCollection,
+  ShiftSingle,
+  ShiftStaff: _sfc_main$3,
+  SituationCollection: _sfc_main$v,
+  SituationSingle: _sfc_main$u,
+  SituationSupportive: _sfc_main$w,
+  SituationTypeCollection: _sfc_main$t,
+  SituationTypeSingle: _sfc_main$s,
+  SituationWork: _sfc_main$x,
   StaffAccess,
-  StaffCollection: _sfc_main$k,
-  StaffIdentity: _sfc_main$n,
+  StaffCollection: _sfc_main$o,
+  StaffIdentity: _sfc_main$r,
   StaffOperasional,
   StaffSingle,
   SubmissionAudit,
-  SubmissionCollection: _sfc_main$a,
+  SubmissionCollection: _sfc_main$e,
   SubmissionDecision,
   SubmissionFollowUp,
   SubmissionSingle,
   SubmissionStaff,
   SubmissionSupervisor,
-  SubmissionTypeCollection: _sfc_main$8,
+  SubmissionTypeCollection: _sfc_main$c,
   SubmissionTypeSingle,
   SubmissionWaitingDecision,
   TargetBranch,
-  TargetCollection: _sfc_main$5,
+  TargetCollection: _sfc_main$9,
   TargetSingle,
-  TaskCollection: _sfc_main$2,
-  TaskSingle: _sfc_main$1,
-  TaskWork: _sfc_main$3,
-  TaskWorkButton: _sfc_main,
+  TaskCollection: _sfc_main$6,
+  TaskSingle: _sfc_main$5,
+  TaskWork: _sfc_main$7,
+  TaskWorkButton: _sfc_main$4,
   bus,
   useAttendanceStore,
   useOperasional,
@@ -23263,7 +23653,7 @@ const all = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
 }, Symbol.toStringTag, { value: "Module" }));
 const config = helpers.OfficeInterfaces.define({
   components: {
-    common: [],
+    common: ["OfficeSingleSync"],
     models: {
       personalia: [
         // Attendance
@@ -23307,6 +23697,11 @@ const config = helpers.OfficeInterfaces.define({
         // Responsibility Type
         "ResponsibilityTypeCollection",
         "ResponsibilityTypeSingle",
+        //Shift
+        "ShiftCollection",
+        "ShiftSingle",
+        "ShiftStaff",
+        "ShiftAdministrator",
         // Situation
         "SituationCollection",
         "SituationSingle",