@neutron.co.id/operasional-interfaces 1.4.3 → 1.4.4

package/build/index.cjs

@@ -19,9 +19,9 @@ const pinia = require("pinia");
 const vueRouter = require("vue-router");
 const component = require("@neon.id/utils/component");
 const personaliaModels = require("@neutron.co.id/personalia-models");
-const _hoisted_1$a = { class: "xxx-button" };
+const _hoisted_1$b = { class: "xxx-button" };
 const __default__$9 = vue.defineComponent({ name: "XxxButton" });
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   ...__default__$9,
   props: {
     color: {
@@ -31,7 +31,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
         vue.createVNode(vue.unref(interfaces.NeonButton), { label: "XXX" })
       ]);
     };
@@ -5109,13 +5109,13 @@ function cleanEscapedString(input) {
 function startOfToday() {
   return startOfDay(Date.now());
 }
-const _hoisted_1$9 = { class: "operasional-identitas" };
-const _hoisted_2$5 = {
+const _hoisted_1$a = { class: "operasional-identitas" };
+const _hoisted_2$6 = {
   key: 2,
   class: "section"
 };
 const __default__$8 = vue.defineComponent({ name: "OperasionalIdentitas" });
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   ...__default__$8,
   props: {
     profile: {
@@ -5369,7 +5369,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
       candidateId.value = null;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
         state.value === "connect" ? (vue.openBlock(), vue.createBlock(vue.unref(identitasInterfaces.IdentitasConnect), {
           key: 0,
           user: vue.unref(user),
@@ -5421,7 +5421,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           _: 1
           /* STABLE */
         }, 8, ["initial-values", "is-loading", "errors"])) : vue.createCommentVNode("v-if", true),
-        vue.unref(user) && onDelegate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$5, [
+        vue.unref(user) && onDelegate ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$6, [
           vue.createVNode(vue.unref(interfaces.NeonDivider), {
             "is-dashed": "",
             label: "Delegasi",
@@ -5470,7 +5470,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-780f9c83"]]);
+const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-780f9c83"]]);
 const CheckInModel = tempatModels.models.CheckInModel;
 const useOperasionalStore = pinia.defineStore("neu:operasional", () => {
   const isLoading = vue.ref(false);
@@ -5612,8 +5612,8 @@ function mitt(n) {
 }
 const bus = mitt();
 const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-89ba2448"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$8 = { id: "view-checkIns" };
-const _hoisted_2$4 = { class: "summary" };
+const _hoisted_1$9 = { id: "view-checkIns" };
+const _hoisted_2$5 = { class: "summary" };
 const _hoisted_3$1 = { class: "wrapper" };
 const _hoisted_4$1 = { class: "header" };
 const _hoisted_5 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode(
@@ -5630,7 +5630,7 @@ const _hoisted_6 = { class: "end" };
 const __default__$7 = vue.defineComponent({
   name: "CheckInPresenceCollection"
 });
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   ...__default__$7,
   setup(__props) {
     const collectionBus = core.useEventBus("neu:tempat:checkIn");
@@ -5768,14 +5768,14 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       const _component_CheckInSingleExternalView = vue.resolveComponent("CheckInSingleExternalView");
       const _component_CheckInCollection = vue.resolveComponent("CheckInCollection");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
         vue.createVNode(vue.unref(office.OfficeContent), {
           icon: "barcode-read",
           title: "Presensi",
           "is-expanded": ""
         }, {
           "header-detail": vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_2$4, [
+            vue.createElementVNode("div", _hoisted_2$5, [
               vue.createVNode(vue.unref(interfaces.NeonSlider), {
                 "per-view": 2,
                 gap: 16,
@@ -5932,9 +5932,9 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInPresenceCollection_vue_vue_type_style_index_0_scoped_89ba2448_lang = "";
-const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-89ba2448"]]);
-const _hoisted_1$7 = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-89ba2448"]]);
+const _hoisted_1$8 = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInSingle",
   setup(__props) {
     const {
@@ -5992,7 +5992,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                         field: vue.unref(fields).building,
                         "is-disabled": ""
                       }, null, 8, ["modelValue", "field"]),
-                      vue.createElementVNode("div", _hoisted_1$7, [
+                      vue.createElementVNode("div", _hoisted_1$8, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).type,
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).type = $event)
@@ -6032,9 +6032,9 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInSingle_vue_vue_type_style_index_0_scoped_2e2803fb_lang = "";
-const CheckInSingle = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-2e2803fb"]]);
-const _hoisted_1$6 = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const CheckInSingle = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-2e2803fb"]]);
+const _hoisted_1$7 = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInExternal",
   setup(__props) {
     const {
@@ -6051,11 +6051,17 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       discardChanges,
       getOne
     } = context.useSingle();
+    const route = vueRouter.useRoute();
+    const permit = context.usePermit();
     const { staff } = useOperasional();
+    const isOperasional = vue.computed(() => {
+      var _a;
+      return (_a = route.name) == null ? void 0 : _a.includes("rapor");
+    });
     vue.onMounted(() => {
       var _a, _b, _c;
       console.log("idnya?", id.value);
-      if (id.value === "new") {
+      if (id.value === "new" && isOperasional) {
         values.value.staffId = (_a = staff.value) == null ? void 0 : _a.id;
         values.value.staff = {
           id: (_b = staff.value) == null ? void 0 : _b.id,
@@ -6063,6 +6069,8 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
         };
         values.value.checkInAt = new Date().toISOString();
         values.value.type = "checkpoint";
+      } else {
+        values.value.checkInAt = new Date().toISOString();
       }
     });
     return (_ctx, _cache) => {
@@ -6092,11 +6100,13 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(values) ? values.value = $event : null),
                         field: vue.unref(fields).building
                       }, null, 8, ["modelValue", "field"])) : vue.createCommentVNode("v-if", true),
-                      vue.createElementVNode("div", _hoisted_1$6, [
+                      vue.createElementVNode("div", _hoisted_1$7, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).type,
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).type = $event)
-                        }, vue.unref(fields).type, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                        }, vue.unref(fields).type, {
+                          "is-disabled": !vue.unref(permit).isAny(["neu:cabangOperasional", "neu:admin"])
+                        }), null, 16, ["modelValue", "is-disabled"]),
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).checkInAt,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).checkInAt = $event)
@@ -6106,8 +6116,8 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                         modelValue: vue.unref(values),
                         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
                         field: vue.unref(fields).staff,
-                        "is-disabled": ""
-                      }, null, 8, ["modelValue", "field"]),
+                        "is-disabled": !vue.unref(permit).isAny(["neu:cabangOperasional", "neu:admin"])
+                      }, null, 8, ["modelValue", "field", "is-disabled"]),
                       vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                         modelValue: vue.unref(values).note,
                         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).note = $event)
@@ -6131,17 +6141,17 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInExternal_vue_vue_type_style_index_0_scoped_3c28699a_lang = "";
-const CheckInExternal = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-3c28699a"]]);
+const CheckInExternal_vue_vue_type_style_index_0_scoped_9c4a435e_lang = "";
+const CheckInExternal = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-9c4a435e"]]);
 const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-d23b6de5"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$5 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_1$6 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode(
   "h4",
   { align: "center" },
   "Aktifkan kamera untuk scan QR Code",
   -1
   /* HOISTED */
 ));
-const _hoisted_2$3 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_2$4 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode(
   "p",
   { align: "center" },
   [
@@ -6152,7 +6162,7 @@ const _hoisted_2$3 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.cr
   -1
   /* HOISTED */
 ));
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInAccess",
   emits: ["close"],
   setup(__props) {
@@ -6177,8 +6187,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, {
             default: vue.withCtx(() => [
-              _hoisted_1$5,
-              _hoisted_2$3,
+              _hoisted_1$6,
+              _hoisted_2$4,
               vue.createVNode(vue.unref(interfaces.NeonButton), {
                 "is-full": "",
                 size: "md",
@@ -6205,9 +6215,9 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInAccess_vue_vue_type_style_index_0_scoped_d23b6de5_lang = "";
-const CheckInAccess = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-d23b6de5"]]);
-const _hoisted_1$4 = { class: "buttons" };
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const CheckInAccess = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-d23b6de5"]]);
+const _hoisted_1$5 = { class: "buttons" };
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanError",
   setup(__props) {
     const attendanceStore = useAttendanceStore();
@@ -6220,7 +6230,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
         default: vue.withCtx(() => [
           vue.createVNode(vue.unref(interfaces.NeonSheet), null, {
             footer: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_1$4, [
+              vue.createElementVNode("div", _hoisted_1$5, [
                 vue.createVNode(vue.unref(interfaces.NeonButton), {
                   "is-full": "",
                   "is-rounded": "",
@@ -6672,14 +6682,14 @@ e2._disableBarcodeDetector = false;
 e2._workerMessageId = 0;
 const Scanner = e2;
 const _withScopeId = (n) => (vue.pushScopeId("data-v-ef426ef3"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_1$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
   "div",
   { class: "invalid-message" },
   "Invalid Code!",
   -1
   /* HOISTED */
 ));
-const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
+const _hoisted_2$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
   "div",
   null,
   null,
@@ -6688,7 +6698,7 @@ const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.crea
 ));
 const _hoisted_3 = ["onClick"];
 const _hoisted_4 = { class: "mr-2 text-sm" };
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanner",
   emits: ["start", "stop", "scanned", "close"],
   setup(__props, { emit }) {
@@ -6833,8 +6843,8 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                     class: "inner",
                     onClick: switchCamera
                   }, [
-                    _hoisted_1$3,
-                    _hoisted_2$2,
+                    _hoisted_1$4,
+                    _hoisted_2$3,
                     vue.createElementVNode("div", {
                       class: "button-switch",
                       onClick: vue.withModifiers(switchCamera, ["stop"])
@@ -6870,15 +6880,15 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInScanner_vue_vue_type_style_index_0_scoped_ef426ef3_lang = "";
-const CheckInScanner = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-ef426ef3"]]);
-const _hoisted_1$2 = /* @__PURE__ */ vue.createElementVNode(
+const CheckInScanner = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-ef426ef3"]]);
+const _hoisted_1$3 = /* @__PURE__ */ vue.createElementVNode(
   "h3",
   { align: "center" },
   "Presensi Berhasil!",
   -1
   /* HOISTED */
 );
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "CheckInScanSuccess",
   emits: ["close"],
   setup(__props) {
@@ -6898,7 +6908,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
             onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, {
             default: vue.withCtx(() => [
-              _hoisted_1$2
+              _hoisted_1$3
             ]),
             _: 1
             /* STABLE */
@@ -6913,7 +6923,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
 const __default__$6 = vue.defineComponent({
   name: "CheckInCollection"
 });
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   ...__default__$6,
   setup(__props) {
     context.useCollection();
@@ -6932,7 +6942,7 @@ const StaffModel = personaliaModels.models.StaffModel;
 const __default__$5 = vue.defineComponent({
   name: "StaffCollection"
 });
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   ...__default__$5,
   setup(__props) {
     context.useCollection();
@@ -6947,9 +6957,9 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
-const _hoisted_2$1 = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$2 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
+const _hoisted_2$2 = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffSingle",
   setup(__props) {
     const {
@@ -6986,7 +6996,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                     onSubmit: vue.unref(saveOne)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_1$1, [
+                      vue.createElementVNode("div", _hoisted_1$2, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).name,
                           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).name = $event)
@@ -6996,7 +7006,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).nik = $event)
                         }, vue.unref(fields).nik), null, 16, ["modelValue"])
                       ]),
-                      vue.createElementVNode("div", _hoisted_2$1, [
+                      vue.createElementVNode("div", _hoisted_2$2, [
                         vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
                           modelValue: vue.unref(values).birthPlace,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).birthPlace = $event)
@@ -7108,7 +7118,168 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const StaffSingle_vue_vue_type_style_index_0_scoped_a6f4ca9c_lang = "";
-const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-a6f4ca9c"]]);
+const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-a6f4ca9c"]]);
+const _hoisted_1$1 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
+const _hoisted_2$1 = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+  __name: "StaffOperasional",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges
+    } = context.useSingle();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-staff-single" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(office.OfficeTabs), { "use-url": vue.unref(isMain) }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(office.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.createElementVNode("div", _hoisted_1$1, [
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).name,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(values).name = $event)
+                        }, vue.unref(fields).name), null, 16, ["modelValue"]),
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).nik,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.unref(values).nik = $event)
+                        }, vue.unref(fields).nik), null, 16, ["modelValue"])
+                      ]),
+                      vue.createElementVNode("div", _hoisted_2$1, [
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).birthPlace,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).birthPlace = $event)
+                        }, vue.unref(fields).birthPlace), null, 16, ["modelValue"]),
+                        vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).birthDate,
+                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.unref(values).birthDate = $event)
+                        }, vue.unref(fields).birthDate), null, 16, ["modelValue"])
+                      ]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).image,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(values).image = $event)
+                      }, vue.unref(fields).image), null, 16, ["modelValue"]),
+                      vue.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                        modelValue: vue.unref(values).note,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(values).note = $event)
+                      }, vue.unref(fields).note), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              vue.createCommentVNode(" IDENTITAS "),
+              vue.createVNode(vue.unref(office.OfficeTab), {
+                handle: "identity",
+                icon: "key",
+                title: "Identitas"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(_sfc_main$a))
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              vue.createCommentVNode(" CABANG "),
+              vue.createVNode(vue.unref(office.OfficeTab), {
+                handle: "branch",
+                icon: "circle-info",
+                title: "Cabang"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(form.NeonForm), {
+                    handle: "branch",
+                    "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(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).branch,
+                        fragment: { id: 1, display: 1, name: 1 }
+                      }, null, 8, ["modelValue", "field"]),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        modelValue: vue.unref(values),
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.isRef(values) ? values.value = $event : null),
+                        field: vue.unref(fields).branches,
+                        fragment: { id: 1, display: 1, name: 1 }
+                      }, null, 8, ["modelValue", "field"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              vue.createCommentVNode(" KELUAR MASUK "),
+              vue.createVNode(vue.unref(office.OfficeTab), {
+                handle: "checkIn",
+                icon: "fingerprint",
+                title: "Presensi"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(office.OfficeCollectionRelated), {
+                    definition: "neu:tempat:checkIn",
+                    title: "Presensi",
+                    description: "Presensi.",
+                    excludes: ["create"],
+                    query: vue.unref(query.Query).define({
+                      filter: {
+                        handle: "staffId",
+                        operator: "eq",
+                        value: vue.unref(id)
+                      }
+                    })
+                  }, null, 8, ["query"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const StaffOperasional_vue_vue_type_style_index_0_scoped_c62cf70a_lang = "";
+const StaffOperasional = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-c62cf70a"]]);
 const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "StaffIdentity",
   setup(__props) {
@@ -8402,12 +8573,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CheckInAccess,
-  CheckInCollection: _sfc_main$d,
+  CheckInCollection: _sfc_main$e,
   CheckInExternal,
   CheckInModel,
   CheckInPresenceCollection,
-  CheckInScanError: _sfc_main$g,
-  CheckInScanSuccess: _sfc_main$e,
+  CheckInScanError: _sfc_main$h,
+  CheckInScanSuccess: _sfc_main$f,
   CheckInScanner,
   CheckInSingle,
   OperasionalIdentitas,
@@ -8419,16 +8590,17 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   SituationTypeModel,
   SituationTypeSingle: _sfc_main$4,
   SituationWork: _sfc_main$7,
-  StaffCollection: _sfc_main$c,
+  StaffCollection: _sfc_main$d,
   StaffIdentity: _sfc_main$a,
   StaffModel,
+  StaffOperasional,
   StaffSingle,
   TaskCollection: _sfc_main$2,
   TaskModel,
   TaskSingle: _sfc_main$1,
   TaskWork: _sfc_main,
   TaskWorkButton: _sfc_main$3,
-  XxxButton: _sfc_main$m
+  XxxButton: _sfc_main$n
 }, Symbol.toStringTag, { value: "Module" }));
 function registerComponents(app) {
   Object.entries(components).forEach(([name, component2]) => {
@@ -8546,12 +8718,12 @@ const qrScannerWorker_min = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
   createWorker
 }, Symbol.toStringTag, { value: "Module" }));
 exports.CheckInAccess = CheckInAccess;
-exports.CheckInCollection = _sfc_main$d;
+exports.CheckInCollection = _sfc_main$e;
 exports.CheckInExternal = CheckInExternal;
 exports.CheckInModel = CheckInModel;
 exports.CheckInPresenceCollection = CheckInPresenceCollection;
-exports.CheckInScanError = _sfc_main$g;
-exports.CheckInScanSuccess = _sfc_main$e;
+exports.CheckInScanError = _sfc_main$h;
+exports.CheckInScanSuccess = _sfc_main$f;
 exports.CheckInScanner = CheckInScanner;
 exports.CheckInSingle = CheckInSingle;
 exports.NOperasional = operasional_types;
@@ -8566,16 +8738,17 @@ exports.SituationTypeCollection = _sfc_main$5;
 exports.SituationTypeModel = SituationTypeModel;
 exports.SituationTypeSingle = _sfc_main$4;
 exports.SituationWork = _sfc_main$7;
-exports.StaffCollection = _sfc_main$c;
+exports.StaffCollection = _sfc_main$d;
 exports.StaffIdentity = _sfc_main$a;
 exports.StaffModel = StaffModel;
+exports.StaffOperasional = StaffOperasional;
 exports.StaffSingle = StaffSingle;
 exports.TaskCollection = _sfc_main$2;
 exports.TaskModel = TaskModel;
 exports.TaskSingle = _sfc_main$1;
 exports.TaskWork = _sfc_main;
 exports.TaskWorkButton = _sfc_main$3;
-exports.XxxButton = _sfc_main$m;
+exports.XxxButton = _sfc_main$n;
 exports.bus = bus;
 exports.useAttendanceStore = useAttendanceStore;
 exports.useOperasional = useOperasional;

package/build/index.mjs

@@ -1,7 +1,7 @@
 import { ComponentUtil as ComponentUtil$1 } from "@neon.id/utils/client";
 import { defineComponent, openBlock, createElementBlock, createVNode, unref, onBeforeUnmount, onMounted, getCurrentInstance, inject, reactive, ref, isRef, watchEffect, computed, h, watch, createBlock, withCtx, mergeProps, createCommentVNode, provide, resolveComponent, createElementVNode, createTextVNode, pushScopeId, popScopeId, normalizeClass, withModifiers, toDisplayString, Fragment } from "vue";
 import { NeonButton, NeonAvatar, NeonDivider, NeonModal, NeonSheet, useToastStore, NeonSlider, NeonSlide, NeonStat, NeonInfo } from "@neon.id/interfaces";
-import { GraphUtil, NeonCollectionContext, useSingle, NeonSingle, useCollection, NeonCollection } from "@neon.id/context";
+import { GraphUtil, NeonCollectionContext, useSingle, NeonSingle, usePermit, useCollection, NeonCollection } from "@neon.id/context";
 import { RowUtil } from "@neon.id/display";
 import { NeonField, NeonForm, NeonFormWrapper, NeonFields } from "@neon.id/form";
 import { IdentitasConnect, IdentitasAssistRegistration, IdentitasDelegate, useAuthStore } from "@neon.id/identitas-interfaces";
@@ -12,14 +12,14 @@ import { withRelation, NeonRelationSheet } from "@neon.id/relation";
 import { CodeUtil } from "@neon.id/utils/code";
 import { models as models$1 } from "@neutron.co.id/tempat-models";
 import { useEventBus, useIntervalFn, useThrottleFn } from "@vueuse/core";
-import { OfficeContent, OfficeCollectionQuery, OfficeCollectionOperation, OfficeTabs, OfficeTab, OfficeRelation, OfficeCollectionTable } from "@neon.id/office";
+import { OfficeContent, OfficeCollectionQuery, OfficeCollectionOperation, OfficeTabs, OfficeTab, OfficeRelation, OfficeCollectionTable, OfficeCollectionRelated } from "@neon.id/office";
 import { defineStore, storeToRefs } from "pinia";
-import { useRouter } from "vue-router";
+import { useRouter, useRoute } from "vue-router";
 import { ComponentUtil } from "@neon.id/utils/component";
 import { models as models$2 } from "@neutron.co.id/personalia-models";
-const _hoisted_1$a = { class: "xxx-button" };
+const _hoisted_1$b = { class: "xxx-button" };
 const __default__$9 = defineComponent({ name: "XxxButton" });
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...__default__$9,
   props: {
     color: {
@@ -29,7 +29,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createVNode(unref(NeonButton), { label: "XXX" })
       ]);
     };
@@ -5107,13 +5107,13 @@ function cleanEscapedString(input) {
 function startOfToday() {
   return startOfDay(Date.now());
 }
-const _hoisted_1$9 = { class: "operasional-identitas" };
-const _hoisted_2$5 = {
+const _hoisted_1$a = { class: "operasional-identitas" };
+const _hoisted_2$6 = {
   key: 2,
   class: "section"
 };
 const __default__$8 = defineComponent({ name: "OperasionalIdentitas" });
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...__default__$8,
   props: {
     profile: {
@@ -5367,7 +5367,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       candidateId.value = null;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
         state.value === "connect" ? (openBlock(), createBlock(unref(IdentitasConnect), {
           key: 0,
           user: unref(user),
@@ -5419,7 +5419,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           _: 1
           /* STABLE */
         }, 8, ["initial-values", "is-loading", "errors"])) : createCommentVNode("v-if", true),
-        unref(user) && onDelegate ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+        unref(user) && onDelegate ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
           createVNode(unref(NeonDivider), {
             "is-dashed": "",
             label: "Delegasi",
@@ -5468,7 +5468,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-780f9c83"]]);
+const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-780f9c83"]]);
 const CheckInModel = models$1.CheckInModel;
 const useOperasionalStore = defineStore("neu:operasional", () => {
   const isLoading = ref(false);
@@ -5610,8 +5610,8 @@ function mitt(n) {
 }
 const bus = mitt();
 const _withScopeId$2 = (n) => (pushScopeId("data-v-89ba2448"), n = n(), popScopeId(), n);
-const _hoisted_1$8 = { id: "view-checkIns" };
-const _hoisted_2$4 = { class: "summary" };
+const _hoisted_1$9 = { id: "view-checkIns" };
+const _hoisted_2$5 = { class: "summary" };
 const _hoisted_3$1 = { class: "wrapper" };
 const _hoisted_4$1 = { class: "header" };
 const _hoisted_5 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode(
@@ -5628,7 +5628,7 @@ const _hoisted_6 = { class: "end" };
 const __default__$7 = defineComponent({
   name: "CheckInPresenceCollection"
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...__default__$7,
   setup(__props) {
     const collectionBus = useEventBus("neu:tempat:checkIn");
@@ -5766,14 +5766,14 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_CheckInSingleExternalView = resolveComponent("CheckInSingleExternalView");
       const _component_CheckInCollection = resolveComponent("CheckInCollection");
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
         createVNode(unref(OfficeContent), {
           icon: "barcode-read",
           title: "Presensi",
           "is-expanded": ""
         }, {
           "header-detail": withCtx(() => [
-            createElementVNode("div", _hoisted_2$4, [
+            createElementVNode("div", _hoisted_2$5, [
               createVNode(unref(NeonSlider), {
                 "per-view": 2,
                 gap: 16,
@@ -5930,9 +5930,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 const CheckInPresenceCollection_vue_vue_type_style_index_0_scoped_89ba2448_lang = "";
-const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-89ba2448"]]);
-const _hoisted_1$7 = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-89ba2448"]]);
+const _hoisted_1$8 = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "CheckInSingle",
   setup(__props) {
     const {
@@ -5990,7 +5990,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                         field: unref(fields).building,
                         "is-disabled": ""
                       }, null, 8, ["modelValue", "field"]),
-                      createElementVNode("div", _hoisted_1$7, [
+                      createElementVNode("div", _hoisted_1$8, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).type,
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).type = $event)
@@ -6030,9 +6030,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 const CheckInSingle_vue_vue_type_style_index_0_scoped_2e2803fb_lang = "";
-const CheckInSingle = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-2e2803fb"]]);
-const _hoisted_1$6 = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const CheckInSingle = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-2e2803fb"]]);
+const _hoisted_1$7 = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "CheckInExternal",
   setup(__props) {
     const {
@@ -6049,11 +6049,17 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       discardChanges,
       getOne
     } = useSingle();
+    const route = useRoute();
+    const permit = usePermit();
     const { staff } = useOperasional();
+    const isOperasional = computed(() => {
+      var _a;
+      return (_a = route.name) == null ? void 0 : _a.includes("rapor");
+    });
     onMounted(() => {
       var _a, _b, _c;
       console.log("idnya?", id.value);
-      if (id.value === "new") {
+      if (id.value === "new" && isOperasional) {
         values.value.staffId = (_a = staff.value) == null ? void 0 : _a.id;
         values.value.staff = {
           id: (_b = staff.value) == null ? void 0 : _b.id,
@@ -6061,6 +6067,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         };
         values.value.checkInAt = new Date().toISOString();
         values.value.type = "checkpoint";
+      } else {
+        values.value.checkInAt = new Date().toISOString();
       }
     });
     return (_ctx, _cache) => {
@@ -6090,11 +6098,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).building
                       }, null, 8, ["modelValue", "field"])) : createCommentVNode("v-if", true),
-                      createElementVNode("div", _hoisted_1$6, [
+                      createElementVNode("div", _hoisted_1$7, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).type,
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).type = $event)
-                        }, unref(fields).type, { "is-disabled": "" }), null, 16, ["modelValue"]),
+                        }, unref(fields).type, {
+                          "is-disabled": !unref(permit).isAny(["neu:cabangOperasional", "neu:admin"])
+                        }), null, 16, ["modelValue", "is-disabled"]),
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).checkInAt,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).checkInAt = $event)
@@ -6104,8 +6114,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                         modelValue: unref(values),
                         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).staff,
-                        "is-disabled": ""
-                      }, null, 8, ["modelValue", "field"]),
+                        "is-disabled": !unref(permit).isAny(["neu:cabangOperasional", "neu:admin"])
+                      }, null, 8, ["modelValue", "field", "is-disabled"]),
                       createVNode(unref(NeonField), mergeProps({
                         modelValue: unref(values).note,
                         "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).note = $event)
@@ -6129,17 +6139,17 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CheckInExternal_vue_vue_type_style_index_0_scoped_3c28699a_lang = "";
-const CheckInExternal = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-3c28699a"]]);
+const CheckInExternal_vue_vue_type_style_index_0_scoped_9c4a435e_lang = "";
+const CheckInExternal = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-9c4a435e"]]);
 const _withScopeId$1 = (n) => (pushScopeId("data-v-d23b6de5"), n = n(), popScopeId(), n);
-const _hoisted_1$5 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode(
+const _hoisted_1$6 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode(
   "h4",
   { align: "center" },
   "Aktifkan kamera untuk scan QR Code",
   -1
   /* HOISTED */
 ));
-const _hoisted_2$3 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode(
+const _hoisted_2$4 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode(
   "p",
   { align: "center" },
   [
@@ -6150,7 +6160,7 @@ const _hoisted_2$3 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ create
   -1
   /* HOISTED */
 ));
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "CheckInAccess",
   emits: ["close"],
   setup(__props) {
@@ -6175,8 +6185,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, {
             default: withCtx(() => [
-              _hoisted_1$5,
-              _hoisted_2$3,
+              _hoisted_1$6,
+              _hoisted_2$4,
               createVNode(unref(NeonButton), {
                 "is-full": "",
                 size: "md",
@@ -6203,9 +6213,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 const CheckInAccess_vue_vue_type_style_index_0_scoped_d23b6de5_lang = "";
-const CheckInAccess = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-d23b6de5"]]);
-const _hoisted_1$4 = { class: "buttons" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const CheckInAccess = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-d23b6de5"]]);
+const _hoisted_1$5 = { class: "buttons" };
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanError",
   setup(__props) {
     const attendanceStore = useAttendanceStore();
@@ -6218,7 +6228,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(unref(NeonSheet), null, {
             footer: withCtx(() => [
-              createElementVNode("div", _hoisted_1$4, [
+              createElementVNode("div", _hoisted_1$5, [
                 createVNode(unref(NeonButton), {
                   "is-full": "",
                   "is-rounded": "",
@@ -6670,14 +6680,14 @@ e2._disableBarcodeDetector = false;
 e2._workerMessageId = 0;
 const Scanner = e2;
 const _withScopeId = (n) => (pushScopeId("data-v-ef426ef3"), n = n(), popScopeId(), n);
-const _hoisted_1$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+const _hoisted_1$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
   "div",
   { class: "invalid-message" },
   "Invalid Code!",
   -1
   /* HOISTED */
 ));
-const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+const _hoisted_2$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
   "div",
   null,
   null,
@@ -6686,7 +6696,7 @@ const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createEl
 ));
 const _hoisted_3 = ["onClick"];
 const _hoisted_4 = { class: "mr-2 text-sm" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanner",
   emits: ["start", "stop", "scanned", "close"],
   setup(__props, { emit }) {
@@ -6831,8 +6841,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                     class: "inner",
                     onClick: switchCamera
                   }, [
-                    _hoisted_1$3,
-                    _hoisted_2$2,
+                    _hoisted_1$4,
+                    _hoisted_2$3,
                     createElementVNode("div", {
                       class: "button-switch",
                       onClick: withModifiers(switchCamera, ["stop"])
@@ -6868,15 +6878,15 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 const CheckInScanner_vue_vue_type_style_index_0_scoped_ef426ef3_lang = "";
-const CheckInScanner = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-ef426ef3"]]);
-const _hoisted_1$2 = /* @__PURE__ */ createElementVNode(
+const CheckInScanner = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-ef426ef3"]]);
+const _hoisted_1$3 = /* @__PURE__ */ createElementVNode(
   "h3",
   { align: "center" },
   "Presensi Berhasil!",
   -1
   /* HOISTED */
 );
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanSuccess",
   emits: ["close"],
   setup(__props) {
@@ -6896,7 +6906,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             onClose: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
           }, {
             default: withCtx(() => [
-              _hoisted_1$2
+              _hoisted_1$3
             ]),
             _: 1
             /* STABLE */
@@ -6911,7 +6921,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
 const __default__$6 = defineComponent({
   name: "CheckInCollection"
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...__default__$6,
   setup(__props) {
     useCollection();
@@ -6930,7 +6940,7 @@ const StaffModel = models$2.StaffModel;
 const __default__$5 = defineComponent({
   name: "StaffCollection"
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...__default__$5,
   setup(__props) {
     useCollection();
@@ -6945,9 +6955,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
-const _hoisted_2$1 = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
+const _hoisted_2$2 = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "StaffSingle",
   setup(__props) {
     const {
@@ -6984,7 +6994,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                     onSubmit: unref(saveOne)
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("div", _hoisted_1$1, [
+                      createElementVNode("div", _hoisted_1$2, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).name,
                           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).name = $event)
@@ -6994,7 +7004,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).nik = $event)
                         }, unref(fields).nik), null, 16, ["modelValue"])
                       ]),
-                      createElementVNode("div", _hoisted_2$1, [
+                      createElementVNode("div", _hoisted_2$2, [
                         createVNode(unref(NeonField), mergeProps({
                           modelValue: unref(values).birthPlace,
                           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).birthPlace = $event)
@@ -7106,7 +7116,168 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 const StaffSingle_vue_vue_type_style_index_0_scoped_a6f4ca9c_lang = "";
-const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-a6f4ca9c"]]);
+const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-a6f4ca9c"]]);
+const _hoisted_1$1 = { class: "grid gap-4 sm:grid-cols-[3fr_1fr]" };
+const _hoisted_2$1 = { class: "grid gap-4 sm:grid-cols-2" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "StaffOperasional",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges
+    } = useSingle();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonSingle), { class: "neu-staff-single" }, {
+        default: withCtx(() => [
+          createVNode(unref(OfficeTabs), { "use-url": unref(isMain) }, {
+            default: withCtx(() => [
+              createVNode(unref(OfficeTab), {
+                handle: "info",
+                icon: "circle-info",
+                title: "Info"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NeonForm), {
+                    handle: "info",
+                    "initial-values": unref(initialValues),
+                    "is-loading": unref(isLoading),
+                    "is-changed": unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: unref(discardChanges),
+                    onSubmit: unref(saveOne)
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_1$1, [
+                        createVNode(unref(NeonField), mergeProps({
+                          modelValue: unref(values).name,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(values).name = $event)
+                        }, unref(fields).name), null, 16, ["modelValue"]),
+                        createVNode(unref(NeonField), mergeProps({
+                          modelValue: unref(values).nik,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(values).nik = $event)
+                        }, unref(fields).nik), null, 16, ["modelValue"])
+                      ]),
+                      createElementVNode("div", _hoisted_2$1, [
+                        createVNode(unref(NeonField), mergeProps({
+                          modelValue: unref(values).birthPlace,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).birthPlace = $event)
+                        }, unref(fields).birthPlace), null, 16, ["modelValue"]),
+                        createVNode(unref(NeonField), mergeProps({
+                          modelValue: unref(values).birthDate,
+                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(values).birthDate = $event)
+                        }, unref(fields).birthDate), null, 16, ["modelValue"])
+                      ]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).image,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).image = $event)
+                      }, unref(fields).image), null, 16, ["modelValue"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).note,
+                        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(values).note = $event)
+                      }, unref(fields).note), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createCommentVNode(" IDENTITAS "),
+              createVNode(unref(OfficeTab), {
+                handle: "identity",
+                icon: "key",
+                title: "Identitas"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(_sfc_main$a))
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createCommentVNode(" CABANG "),
+              createVNode(unref(OfficeTab), {
+                handle: "branch",
+                icon: "circle-info",
+                title: "Cabang"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(NeonForm), {
+                    handle: "branch",
+                    "initial-values": unref(initialValues),
+                    "is-loading": unref(isLoading),
+                    "is-changed": unref(isChanged),
+                    "use-unsaved": "",
+                    onCancel: unref(discardChanges),
+                    onSubmit: unref(saveOne)
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).branch,
+                        fragment: { id: 1, display: 1, name: 1 }
+                      }, null, 8, ["modelValue", "field"]),
+                      createVNode(unref(OfficeRelation), {
+                        modelValue: unref(values),
+                        "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(values) ? values.value = $event : null),
+                        field: unref(fields).branches,
+                        fragment: { id: 1, display: 1, name: 1 }
+                      }, null, 8, ["modelValue", "field"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createCommentVNode(" KELUAR MASUK "),
+              createVNode(unref(OfficeTab), {
+                handle: "checkIn",
+                icon: "fingerprint",
+                title: "Presensi"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(OfficeCollectionRelated), {
+                    definition: "neu:tempat:checkIn",
+                    title: "Presensi",
+                    description: "Presensi.",
+                    excludes: ["create"],
+                    query: unref(Query).define({
+                      filter: {
+                        handle: "staffId",
+                        operator: "eq",
+                        value: unref(id)
+                      }
+                    })
+                  }, null, 8, ["query"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const StaffOperasional_vue_vue_type_style_index_0_scoped_c62cf70a_lang = "";
+const StaffOperasional = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-c62cf70a"]]);
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "StaffIdentity",
   setup(__props) {
@@ -8400,12 +8571,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CheckInAccess,
-  CheckInCollection: _sfc_main$d,
+  CheckInCollection: _sfc_main$e,
   CheckInExternal,
   CheckInModel,
   CheckInPresenceCollection,
-  CheckInScanError: _sfc_main$g,
-  CheckInScanSuccess: _sfc_main$e,
+  CheckInScanError: _sfc_main$h,
+  CheckInScanSuccess: _sfc_main$f,
   CheckInScanner,
   CheckInSingle,
   OperasionalIdentitas,
@@ -8417,16 +8588,17 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   SituationTypeModel,
   SituationTypeSingle: _sfc_main$4,
   SituationWork: _sfc_main$7,
-  StaffCollection: _sfc_main$c,
+  StaffCollection: _sfc_main$d,
   StaffIdentity: _sfc_main$a,
   StaffModel,
+  StaffOperasional,
   StaffSingle,
   TaskCollection: _sfc_main$2,
   TaskModel,
   TaskSingle: _sfc_main$1,
   TaskWork: _sfc_main,
   TaskWorkButton: _sfc_main$3,
-  XxxButton: _sfc_main$m
+  XxxButton: _sfc_main$n
 }, Symbol.toStringTag, { value: "Module" }));
 function registerComponents(app) {
   Object.entries(components).forEach(([name, component]) => {
@@ -8545,12 +8717,12 @@ const qrScannerWorker_min = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   CheckInAccess,
-  _sfc_main$d as CheckInCollection,
+  _sfc_main$e as CheckInCollection,
   CheckInExternal,
   CheckInModel,
   CheckInPresenceCollection,
-  _sfc_main$g as CheckInScanError,
-  _sfc_main$e as CheckInScanSuccess,
+  _sfc_main$h as CheckInScanError,
+  _sfc_main$f as CheckInScanSuccess,
   CheckInScanner,
   CheckInSingle,
   operasional_types as NOperasional,
@@ -8565,16 +8737,17 @@ export {
   SituationTypeModel,
   _sfc_main$4 as SituationTypeSingle,
   _sfc_main$7 as SituationWork,
-  _sfc_main$c as StaffCollection,
+  _sfc_main$d as StaffCollection,
   _sfc_main$a as StaffIdentity,
   StaffModel,
+  StaffOperasional,
   StaffSingle,
   _sfc_main$2 as TaskCollection,
   TaskModel,
   _sfc_main$1 as TaskSingle,
   _sfc_main as TaskWork,
   _sfc_main$3 as TaskWorkButton,
-  _sfc_main$m as XxxButton,
+  _sfc_main$n as XxxButton,
   bus,
   useAttendanceStore,
   useOperasional,

package/build/style.css

@@ -70,7 +70,7 @@
     display: block
 }
 
-.neu-checkIn-single[data-v-3c28699a] {
+.neu-checkIn-single[data-v-9c4a435e] {
     display: block
 }
 
@@ -148,3 +148,7 @@
 .neu-staff-single[data-v-a6f4ca9c] {
     display: block
 }
+
+.neu-staff-single[data-v-c62cf70a] {
+    display: block
+}

package/build/types/components/staff/sheets/StaffOperasional.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/build/types/components/staff/sheets/index.d.ts

@@ -1,3 +1,4 @@
 export { default as StaffCollection } from './StaffCollection.vue';
 export { default as StaffSingle } from './StaffSingle.vue';
+export { default as StaffOperasional } from './StaffOperasional.vue';
 export { default as StaffIdentity } from './StaffIdentity.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neutron.co.id/operasional-interfaces",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "Interface library of Neutron.",
   "sideEffects": [
     "*.css"
@@ -136,5 +136,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "build": 82
+  "build": 84
 }