@neutron.co.id/operasional-interfaces 1.4.3-beta.1 → 1.4.3-beta.2

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$9 = { class: "xxx-button" };
+const _hoisted_1$a = { class: "xxx-button" };
 const __default__$9 = vue.defineComponent({ name: "XxxButton" });
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   ...__default__$9,
   props: {
     color: {
@@ -31,7 +31,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
         vue.createVNode(vue.unref(interfaces.NeonButton), { label: "XXX" })
       ]);
     };
@@ -5109,13 +5109,13 @@ function cleanEscapedString(input) {
 function startOfToday() {
   return startOfDay(Date.now());
 }
-const _hoisted_1$8 = { class: "operasional-identitas" };
+const _hoisted_1$9 = { class: "operasional-identitas" };
 const _hoisted_2$5 = {
   key: 2,
   class: "section"
 };
 const __default__$8 = vue.defineComponent({ name: "OperasionalIdentitas" });
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   ...__default__$8,
   props: {
     profile: {
@@ -5369,7 +5369,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
       candidateId.value = null;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
         state.value === "connect" ? (vue.openBlock(), vue.createBlock(vue.unref(identitasInterfaces.IdentitasConnect), {
           key: 0,
           user: vue.unref(user),
@@ -5470,7 +5470,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-780f9c83"]]);
+const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-780f9c83"]]);
 const CheckInModel = tempatModels.models.CheckInModel;
 const useOperasionalStore = pinia.defineStore("neu:operasional", () => {
   const isLoading = vue.ref(false);
@@ -5611,8 +5611,8 @@ function mitt(n) {
   } };
 }
 const bus = mitt();
-const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-6c1902ac"), n = n(), vue.popScopeId(), n);
-const _hoisted_1$7 = { id: "view-checkIns" };
+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_3$1 = { class: "wrapper" };
 const _hoisted_4$1 = { class: "header" };
@@ -5630,7 +5630,7 @@ const _hoisted_6 = { class: "end" };
 const __default__$7 = vue.defineComponent({
   name: "CheckInPresenceCollection"
 });
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   ...__default__$7,
   setup(__props) {
     const collectionBus = core.useEventBus("neu:tempat:checkIn");
@@ -5766,9 +5766,9 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
       return checkInId;
     }
     return (_ctx, _cache) => {
-      const _component_CheckInSingleView = vue.resolveComponent("CheckInSingleView");
+      const _component_CheckInSingleExternalView = vue.resolveComponent("CheckInSingleExternalView");
       const _component_CheckInCollection = vue.resolveComponent("CheckInCollection");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
         vue.createVNode(vue.unref(office.OfficeContent), {
           icon: "barcode-read",
           title: "Presensi",
@@ -5868,7 +5868,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
                 onClose: onModalClose
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(_component_CheckInSingleView, {
+                  vue.createVNode(_component_CheckInSingleExternalView, {
                     id: id.value,
                     "is-new": "",
                     "is-main": false,
@@ -5931,10 +5931,10 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInPresenceCollection_vue_vue_type_style_index_0_scoped_6c1902ac_lang = "";
-const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-6c1902ac"]]);
-const _hoisted_1$6 = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$i = /* @__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({
   __name: "CheckInSingle",
   setup(__props) {
     const {
@@ -5992,7 +5992,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                         field: vue.unref(fields).building,
                         "is-disabled": ""
                       }, null, 8, ["modelValue", "field"]),
-                      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)
@@ -6032,7 +6032,107 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const CheckInSingle_vue_vue_type_style_index_0_scoped_2e2803fb_lang = "";
-const CheckInSingle = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-2e2803fb"]]);
+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({
+  __name: "CheckInExternal",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges,
+      getOne
+    } = context.useSingle();
+    const { staff } = useOperasional();
+    vue.onMounted(() => {
+      var _a, _b, _c;
+      console.log("idnya?", id.value);
+      if (id.value === "new") {
+        values.value.staffId = (_a = staff.value) == null ? void 0 : _a.id;
+        values.value.staff = {
+          id: (_b = staff.value) == null ? void 0 : _b.id,
+          display: (_c = staff.value) == null ? void 0 : _c.display
+        };
+        values.value.checkInAt = new Date().toISOString();
+        values.value.type = "checkpoint";
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-checkIn-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.unref(values).type === "in" || vue.unref(values).type === "out" ? (vue.openBlock(), vue.createBlock(vue.unref(office.OfficeRelation), {
+                        key: 0,
+                        modelValue: vue.unref(values),
+                        "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.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.createVNode(vue.unref(form.NeonField), vue.mergeProps({
+                          modelValue: vue.unref(values).checkInAt,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.unref(values).checkInAt = $event)
+                        }, vue.unref(fields).checkInAt, { "is-disabled": "" }), null, 16, ["modelValue"])
+                      ]),
+                      vue.createVNode(vue.unref(office.OfficeRelation), {
+                        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"]),
+                      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)
+                      }, vue.unref(fields).note), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const CheckInExternal_vue_vue_type_style_index_0_scoped_3c28699a_lang = "";
+const CheckInExternal = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-3c28699a"]]);
 const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-d23b6de5"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$5 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode(
   "h4",
@@ -7285,26 +7385,43 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       discardChanges
     } = context.useSingle();
     const authStore = identitasInterfaces.useAuthStore();
-    const { userId } = pinia.storeToRefs(authStore);
+    pinia.storeToRefs(authStore);
     const { staff } = useOperasional();
-    vue.onMounted(() => {
-      var _a, _b, _c, _d, _e, _f;
-      if (id.value === "new") {
-        values.value.situationReportedByIds = [((_a = staff.value) == null ? void 0 : _a.id) || ""];
-        values.value.branchIds = [((_b = staff.value) == null ? void 0 : _b.branchId) || ""];
-        values.value.userId = userId.value;
+    vue.watch(
+      isNew,
+      (isNew2) => {
+        var _a, _b, _c, _d, _e;
+        const branch = ((_a = staff.value) == null ? void 0 : _a.branchIds) || [];
+        const branchDisplay = ((_b = staff.value) == null ? void 0 : _b.branches) || [];
+        if (!isNew2)
+          return;
+        values.value.situationReportedByIds = [((_c = staff.value) == null ? void 0 : _c.id) || ""];
         values.value.situationReportedBy = [
           {
-            id: (_c = staff.value) == null ? void 0 : _c.id,
-            display: (_d = staff.value) == null ? void 0 : _d.display
+            id: (_d = staff.value) == null ? void 0 : _d.id,
+            display: (_e = staff.value) == null ? void 0 : _e.display
           }
         ];
-      }
-      if (isChanged) {
-        values.value.situationReportedByIds = [((_e = staff.value) == null ? void 0 : _e.id) || ""];
-        values.value.branchIds = [((_f = staff.value) == null ? void 0 : _f.branchId) || ""];
-        values.value.userId = userId.value;
-      }
+        values.value.branchIds = [branch[0]];
+        values.value.branches = [branchDisplay[0]];
+      },
+      { immediate: true }
+    );
+    const onTypeState = vue.computed(() => {
+      var _a;
+      return query.Query.define({
+        filter: {
+          branchIds: { $in: (_a = staff.value) == null ? void 0 : _a.branchIds }
+        }
+      });
+    });
+    const onBranchState = vue.computed(() => {
+      var _a;
+      return query.Query.define({
+        filter: {
+          _id: { $in: (_a = staff.value) == null ? void 0 : _a.branchIds }
+        }
+      });
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(context.NeonSingle), { class: "neu-situation-single" }, {
@@ -7344,18 +7461,21 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
                         modelValue: vue.unref(values),
                         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(values) ? values.value = $event : null),
                         field: vue.unref(fields).branches,
-                        fragment: { id: 1, display: 1, name: 1 }
-                      }, null, 8, ["modelValue", "field"]),
+                        fragment: { id: 1, display: 1, name: 1 },
+                        query: vue.unref(onBranchState)
+                      }, null, 8, ["modelValue", "field", "query"]),
                       vue.createVNode(vue.unref(office.OfficeRelation), {
                         modelValue: vue.unref(values),
                         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(values) ? values.value = $event : null),
-                        field: vue.unref(fields).situationType
-                      }, null, 8, ["modelValue", "field"]),
+                        field: vue.unref(fields).situationType,
+                        query: vue.unref(onTypeState)
+                      }, null, 8, ["modelValue", "field", "query"]),
                       vue.createVNode(vue.unref(office.OfficeRelation), {
                         modelValue: vue.unref(values),
                         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(values) ? values.value = $event : null),
                         field: vue.unref(fields).situationReportedBy,
-                        fragment: { id: 1, display: 1, name: 1 }
+                        fragment: { id: 1, display: 1, name: 1 },
+                        "is-disabled": ""
                       }, null, 8, ["modelValue", "field"]),
                       vue.createVNode(vue.unref(form.NeonFields), { md: "grid-cols-4" }, {
                         default: vue.withCtx(() => [
@@ -8064,16 +8184,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       discardChanges
     } = context.useSingle();
     const authStore = identitasInterfaces.useAuthStore();
-    const { userId } = pinia.storeToRefs(authStore);
+    pinia.storeToRefs(authStore);
     useOperasional();
-    vue.onMounted(() => {
-      if (id.value === "new") {
-        values.value.userId = userId.value;
-      }
-      if (isChanged) {
-        values.value.userId = userId.value;
-      }
-    });
     function onChangeDateUpdate(date) {
       values.value.estimatedStartDate = date == null ? void 0 : date.start.toISOString();
       values.value.estimatedEndDate = date == null ? void 0 : date.end.toISOString();
@@ -8291,6 +8403,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   __proto__: null,
   CheckInAccess,
   CheckInCollection: _sfc_main$d,
+  CheckInExternal,
   CheckInModel,
   CheckInPresenceCollection,
   CheckInScanError: _sfc_main$g,
@@ -8315,7 +8428,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   TaskSingle: _sfc_main$1,
   TaskWork: _sfc_main,
   TaskWorkButton: _sfc_main$3,
-  XxxButton: _sfc_main$l
+  XxxButton: _sfc_main$m
 }, Symbol.toStringTag, { value: "Module" }));
 function registerComponents(app) {
   Object.entries(components).forEach(([name, component2]) => {
@@ -8434,6 +8547,7 @@ const qrScannerWorker_min = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
 }, Symbol.toStringTag, { value: "Module" }));
 exports.CheckInAccess = CheckInAccess;
 exports.CheckInCollection = _sfc_main$d;
+exports.CheckInExternal = CheckInExternal;
 exports.CheckInModel = CheckInModel;
 exports.CheckInPresenceCollection = CheckInPresenceCollection;
 exports.CheckInScanError = _sfc_main$g;
@@ -8461,7 +8575,7 @@ exports.TaskModel = TaskModel;
 exports.TaskSingle = _sfc_main$1;
 exports.TaskWork = _sfc_main;
 exports.TaskWorkButton = _sfc_main$3;
-exports.XxxButton = _sfc_main$l;
+exports.XxxButton = _sfc_main$m;
 exports.bus = bus;
 exports.useAttendanceStore = useAttendanceStore;
 exports.useOperasional = useOperasional;

package/build/index.mjs

@@ -17,9 +17,9 @@ import { defineStore, storeToRefs } from "pinia";
 import { useRouter } from "vue-router";
 import { ComponentUtil } from "@neon.id/utils/component";
 import { models as models$2 } from "@neutron.co.id/personalia-models";
-const _hoisted_1$9 = { class: "xxx-button" };
+const _hoisted_1$a = { class: "xxx-button" };
 const __default__$9 = defineComponent({ name: "XxxButton" });
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...__default__$9,
   props: {
     color: {
@@ -29,7 +29,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
         createVNode(unref(NeonButton), { label: "XXX" })
       ]);
     };
@@ -5107,13 +5107,13 @@ function cleanEscapedString(input) {
 function startOfToday() {
   return startOfDay(Date.now());
 }
-const _hoisted_1$8 = { class: "operasional-identitas" };
+const _hoisted_1$9 = { class: "operasional-identitas" };
 const _hoisted_2$5 = {
   key: 2,
   class: "section"
 };
 const __default__$8 = defineComponent({ name: "OperasionalIdentitas" });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...__default__$8,
   props: {
     profile: {
@@ -5367,7 +5367,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       candidateId.value = null;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
         state.value === "connect" ? (openBlock(), createBlock(unref(IdentitasConnect), {
           key: 0,
           user: unref(user),
@@ -5468,7 +5468,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-780f9c83"]]);
+const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-780f9c83"]]);
 const CheckInModel = models$1.CheckInModel;
 const useOperasionalStore = defineStore("neu:operasional", () => {
   const isLoading = ref(false);
@@ -5609,8 +5609,8 @@ function mitt(n) {
   } };
 }
 const bus = mitt();
-const _withScopeId$2 = (n) => (pushScopeId("data-v-6c1902ac"), n = n(), popScopeId(), n);
-const _hoisted_1$7 = { id: "view-checkIns" };
+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_3$1 = { class: "wrapper" };
 const _hoisted_4$1 = { class: "header" };
@@ -5628,7 +5628,7 @@ const _hoisted_6 = { class: "end" };
 const __default__$7 = defineComponent({
   name: "CheckInPresenceCollection"
 });
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...__default__$7,
   setup(__props) {
     const collectionBus = useEventBus("neu:tempat:checkIn");
@@ -5764,9 +5764,9 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       return checkInId;
     }
     return (_ctx, _cache) => {
-      const _component_CheckInSingleView = resolveComponent("CheckInSingleView");
+      const _component_CheckInSingleExternalView = resolveComponent("CheckInSingleExternalView");
       const _component_CheckInCollection = resolveComponent("CheckInCollection");
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createVNode(unref(OfficeContent), {
           icon: "barcode-read",
           title: "Presensi",
@@ -5866,7 +5866,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 onClose: onModalClose
               }, {
                 default: withCtx(() => [
-                  createVNode(_component_CheckInSingleView, {
+                  createVNode(_component_CheckInSingleExternalView, {
                     id: id.value,
                     "is-new": "",
                     "is-main": false,
@@ -5929,10 +5929,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CheckInPresenceCollection_vue_vue_type_style_index_0_scoped_6c1902ac_lang = "";
-const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-6c1902ac"]]);
-const _hoisted_1$6 = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$i = /* @__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({
   __name: "CheckInSingle",
   setup(__props) {
     const {
@@ -5990,7 +5990,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                         field: unref(fields).building,
                         "is-disabled": ""
                       }, null, 8, ["modelValue", "field"]),
-                      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)
@@ -6030,7 +6030,107 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 const CheckInSingle_vue_vue_type_style_index_0_scoped_2e2803fb_lang = "";
-const CheckInSingle = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-2e2803fb"]]);
+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({
+  __name: "CheckInExternal",
+  setup(__props) {
+    const {
+      fields,
+      id,
+      initialValues,
+      values,
+      isLoading,
+      isChanged,
+      isReady,
+      isMain,
+      isNew,
+      saveOne,
+      discardChanges,
+      getOne
+    } = useSingle();
+    const { staff } = useOperasional();
+    onMounted(() => {
+      var _a, _b, _c;
+      console.log("idnya?", id.value);
+      if (id.value === "new") {
+        values.value.staffId = (_a = staff.value) == null ? void 0 : _a.id;
+        values.value.staff = {
+          id: (_b = staff.value) == null ? void 0 : _b.id,
+          display: (_c = staff.value) == null ? void 0 : _c.display
+        };
+        values.value.checkInAt = new Date().toISOString();
+        values.value.type = "checkpoint";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonSingle), { class: "neu-checkIn-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(() => [
+                      unref(values).type === "in" || unref(values).type === "out" ? (openBlock(), createBlock(unref(OfficeRelation), {
+                        key: 0,
+                        modelValue: unref(values),
+                        "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, [
+                        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"]),
+                        createVNode(unref(NeonField), mergeProps({
+                          modelValue: unref(values).checkInAt,
+                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(values).checkInAt = $event)
+                        }, unref(fields).checkInAt, { "is-disabled": "" }), null, 16, ["modelValue"])
+                      ]),
+                      createVNode(unref(OfficeRelation), {
+                        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"]),
+                      createVNode(unref(NeonField), mergeProps({
+                        modelValue: unref(values).note,
+                        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(values).note = $event)
+                      }, unref(fields).note), null, 16, ["modelValue"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["initial-values", "is-loading", "is-changed", "onCancel", "onSubmit"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["use-url"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const CheckInExternal_vue_vue_type_style_index_0_scoped_3c28699a_lang = "";
+const CheckInExternal = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-3c28699a"]]);
 const _withScopeId$1 = (n) => (pushScopeId("data-v-d23b6de5"), n = n(), popScopeId(), n);
 const _hoisted_1$5 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode(
   "h4",
@@ -7283,26 +7383,43 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       discardChanges
     } = useSingle();
     const authStore = useAuthStore();
-    const { userId } = storeToRefs(authStore);
+    storeToRefs(authStore);
     const { staff } = useOperasional();
-    onMounted(() => {
-      var _a, _b, _c, _d, _e, _f;
-      if (id.value === "new") {
-        values.value.situationReportedByIds = [((_a = staff.value) == null ? void 0 : _a.id) || ""];
-        values.value.branchIds = [((_b = staff.value) == null ? void 0 : _b.branchId) || ""];
-        values.value.userId = userId.value;
+    watch(
+      isNew,
+      (isNew2) => {
+        var _a, _b, _c, _d, _e;
+        const branch = ((_a = staff.value) == null ? void 0 : _a.branchIds) || [];
+        const branchDisplay = ((_b = staff.value) == null ? void 0 : _b.branches) || [];
+        if (!isNew2)
+          return;
+        values.value.situationReportedByIds = [((_c = staff.value) == null ? void 0 : _c.id) || ""];
         values.value.situationReportedBy = [
           {
-            id: (_c = staff.value) == null ? void 0 : _c.id,
-            display: (_d = staff.value) == null ? void 0 : _d.display
+            id: (_d = staff.value) == null ? void 0 : _d.id,
+            display: (_e = staff.value) == null ? void 0 : _e.display
           }
         ];
-      }
-      if (isChanged) {
-        values.value.situationReportedByIds = [((_e = staff.value) == null ? void 0 : _e.id) || ""];
-        values.value.branchIds = [((_f = staff.value) == null ? void 0 : _f.branchId) || ""];
-        values.value.userId = userId.value;
-      }
+        values.value.branchIds = [branch[0]];
+        values.value.branches = [branchDisplay[0]];
+      },
+      { immediate: true }
+    );
+    const onTypeState = computed(() => {
+      var _a;
+      return Query.define({
+        filter: {
+          branchIds: { $in: (_a = staff.value) == null ? void 0 : _a.branchIds }
+        }
+      });
+    });
+    const onBranchState = computed(() => {
+      var _a;
+      return Query.define({
+        filter: {
+          _id: { $in: (_a = staff.value) == null ? void 0 : _a.branchIds }
+        }
+      });
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NeonSingle), { class: "neu-situation-single" }, {
@@ -7342,18 +7459,21 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                         modelValue: unref(values),
                         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).branches,
-                        fragment: { id: 1, display: 1, name: 1 }
-                      }, null, 8, ["modelValue", "field"]),
+                        fragment: { id: 1, display: 1, name: 1 },
+                        query: unref(onBranchState)
+                      }, null, 8, ["modelValue", "field", "query"]),
                       createVNode(unref(OfficeRelation), {
                         modelValue: unref(values),
                         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(values) ? values.value = $event : null),
-                        field: unref(fields).situationType
-                      }, null, 8, ["modelValue", "field"]),
+                        field: unref(fields).situationType,
+                        query: unref(onTypeState)
+                      }, null, 8, ["modelValue", "field", "query"]),
                       createVNode(unref(OfficeRelation), {
                         modelValue: unref(values),
                         "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(values) ? values.value = $event : null),
                         field: unref(fields).situationReportedBy,
-                        fragment: { id: 1, display: 1, name: 1 }
+                        fragment: { id: 1, display: 1, name: 1 },
+                        "is-disabled": ""
                       }, null, 8, ["modelValue", "field"]),
                       createVNode(unref(NeonFields), { md: "grid-cols-4" }, {
                         default: withCtx(() => [
@@ -8062,16 +8182,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       discardChanges
     } = useSingle();
     const authStore = useAuthStore();
-    const { userId } = storeToRefs(authStore);
+    storeToRefs(authStore);
     useOperasional();
-    onMounted(() => {
-      if (id.value === "new") {
-        values.value.userId = userId.value;
-      }
-      if (isChanged) {
-        values.value.userId = userId.value;
-      }
-    });
     function onChangeDateUpdate(date) {
       values.value.estimatedStartDate = date == null ? void 0 : date.start.toISOString();
       values.value.estimatedEndDate = date == null ? void 0 : date.end.toISOString();
@@ -8289,6 +8401,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   __proto__: null,
   CheckInAccess,
   CheckInCollection: _sfc_main$d,
+  CheckInExternal,
   CheckInModel,
   CheckInPresenceCollection,
   CheckInScanError: _sfc_main$g,
@@ -8313,7 +8426,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   TaskSingle: _sfc_main$1,
   TaskWork: _sfc_main,
   TaskWorkButton: _sfc_main$3,
-  XxxButton: _sfc_main$l
+  XxxButton: _sfc_main$m
 }, Symbol.toStringTag, { value: "Module" }));
 function registerComponents(app) {
   Object.entries(components).forEach(([name, component]) => {
@@ -8433,6 +8546,7 @@ const qrScannerWorker_min = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
 export {
   CheckInAccess,
   _sfc_main$d as CheckInCollection,
+  CheckInExternal,
   CheckInModel,
   CheckInPresenceCollection,
   _sfc_main$g as CheckInScanError,
@@ -8460,7 +8574,7 @@ export {
   _sfc_main$1 as TaskSingle,
   _sfc_main as TaskWork,
   _sfc_main$3 as TaskWorkButton,
-  _sfc_main$l as XxxButton,
+  _sfc_main$m as XxxButton,
   bus,
   useAttendanceStore,
   useOperasional,

package/build/style.css

@@ -3,15 +3,15 @@
     margin-bottom: 1rem
 }
 
-#view-checkIns[data-v-6c1902ac] {
+#view-checkIns[data-v-89ba2448] {
 
     height: 100%
 }
-#view-checkIns .wrapper[data-v-6c1902ac] {
+#view-checkIns .wrapper[data-v-89ba2448] {
 
     height: 100%
 }
-#view-checkIns .header[data-v-6c1902ac] {
+#view-checkIns .header[data-v-89ba2448] {
 
     display: flex;
 
@@ -27,15 +27,15 @@
 
     padding-bottom: 0.5rem
 }
-#view-checkIns .header .start[data-v-6c1902ac] {
+#view-checkIns .header .start[data-v-89ba2448] {
 
     line-height: 1.25
 }
-#view-checkIns .header .title[data-v-6c1902ac] {
+#view-checkIns .header .title[data-v-89ba2448] {
 
     font-weight: 700
 }
-#view-checkIns .header .description[data-v-6c1902ac] {
+#view-checkIns .header .description[data-v-89ba2448] {
 
     font-size: 0.875rem;
 
@@ -43,13 +43,13 @@
 
     color: rgb(161 161 170 / var(--tw-text-opacity))
 }
-#view-checkIns .buttons[data-v-6c1902ac] {
+#view-checkIns .buttons[data-v-89ba2448] {
 
     display: flex;
 
     align-items: center
 }
-#view-checkIns .buttons[data-v-6c1902ac] > :not([hidden]) ~ :not([hidden]) {
+#view-checkIns .buttons[data-v-89ba2448] > :not([hidden]) ~ :not([hidden]) {
 
     --tw-space-x-reverse: 0;
 
@@ -57,11 +57,11 @@
 
     margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))
 }
-#view-checkIns .buttons[data-v-6c1902ac] {
+#view-checkIns .buttons[data-v-89ba2448] {
 
     padding-right: 0.25rem
 }
-#view-checkIns .summary[data-v-6c1902ac] {
+#view-checkIns .summary[data-v-89ba2448] {
 
     padding-bottom: 0.5rem
 }
@@ -70,6 +70,10 @@
     display: block
 }
 
+.neu-checkIn-single[data-v-3c28699a] {
+    display: block
+}
+
 .buttons[data-v-d23b6de5] {
   display: grid;
   align-items: center;

package/build/types/components/checkIn/sheets/CheckInExternal.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/checkIn/sheets/index.d.ts

@@ -1,5 +1,6 @@
 export { default as CheckInPresenceCollection } from './CheckInPresenceCollection.vue';
 export { default as CheckInSingle } from './CheckInSingle.vue';
+export { default as CheckInExternal } from './CheckInExternal.vue';
 export { default as CheckInAccess } from './CheckInAccess.vue';
 export { default as CheckInScanError } from './CheckInScanError.vue';
 export { default as CheckInScanner } from './CheckInScanner.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neutron.co.id/operasional-interfaces",
-  "version": "1.4.3-beta.1",
+  "version": "1.4.3-beta.2",
   "description": "Interface library of Neutron.",
   "sideEffects": [
     "*.css"
@@ -54,13 +54,13 @@
     "warm": "nuxt prepare"
   },
   "dependencies": {
-    "@neon.id/context": "0.39.0",
+    "@neon.id/context": "0.40.0",
     "@neon.id/field": "0.15.0",
     "@neon.id/identitas-interfaces": "1.1.0",
     "@neon.id/interfaces": "0.154.0",
-    "@neon.id/office": "0.24.0",
+    "@neon.id/office": "0.26.0",
     "@neon.id/utils": "0.39.0",
-    "@neutron.co.id/personalia-models": "1.4.1-beta.1",
+    "@neutron.co.id/personalia-models": "1.4.1-beta.2",
     "@neutron.co.id/sentral-interfaces": "1.2.0",
     "@nuxt/kit": "3.3.1",
     "qr-scanner": "1.4.1",
@@ -124,17 +124,17 @@
     "vue-tsc": "1.2.0"
   },
   "peerDependencies": {
-    "@neon.id/context": "^0.39.0",
+    "@neon.id/context": "^0.40.0",
     "@neon.id/identitas-interfaces": "^1.1.0",
     "@neon.id/interfaces": "^0.154.0",
-    "@neon.id/office": "^0.24.0",
+    "@neon.id/office": "^0.26.0",
     "@neon.id/utils": "^0.39.0",
-    "@neutron.co.id/personalia-models": "^1.4.1-beta.1",
+    "@neutron.co.id/personalia-models": "^1.4.1-beta.2",
     "@nuxt/kit": "^3.3.1",
     "vue": "^3.2.47"
   },
   "publishConfig": {
     "access": "public"
   },
-  "build": 80
+  "build": 81
 }