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

package/build/index.cjs

@@ -3292,103 +3292,108 @@ var getOperationName = (r2) => {
   }
 };
 "undefined" != typeof TextDecoder ? new TextDecoder() : null;
+var b = /* @__PURE__ */ new WeakMap();
 function useClient() {
-  if ("production" !== process.env.NODE_ENV && !vue.getCurrentInstance()) {
+  var e3 = vue.getCurrentInstance();
+  if ("production" !== process.env.NODE_ENV && !e3) {
     throw new Error("use* functions may only be called during the `setup()` or other lifecycle hooks.");
   }
-  var e3 = vue.inject("$urql");
-  if ("production" !== process.env.NODE_ENV && !e3) {
+  var r2 = vue.inject("$urql");
+  if (!r2 && e3) {
+    r2 = b.get(e3);
+  }
+  if ("production" !== process.env.NODE_ENV && !r2) {
     throw new Error("No urql Client was provided. Did you forget to install the plugin or call `provideClient` in a parent?");
   }
-  return e3;
+  return r2;
 }
 function unwrapPossibleProxy(e3) {
   return e3 && vue.isRef(e3) ? e3.value : e3;
 }
-var b = {
+var P = {
   flush: "pre"
 };
-function callUseQuery(e3, l2 = useClient(), t3 = []) {
-  var n = vue.reactive(e3);
-  var o2 = vue.ref();
+function callUseQuery(e3, l2 = useClient(), n = []) {
+  var s4 = vue.reactive(e3);
+  var i3 = vue.ref();
   var v2 = vue.ref(false);
   var f2 = vue.ref(false);
   var y3 = vue.ref();
+  var b3 = vue.ref();
   var d4 = vue.ref();
-  var h3 = vue.ref();
-  var x2 = vue.isRef(e3.pause) ? e3.pause : vue.ref(!!e3.pause);
-  var w2 = vue.ref(createRequest(n.query, unwrapPossibleProxy(n.variables)));
-  var P = vue.ref();
-  t3.push(vue.watchEffect(() => {
-    var e4 = createRequest(n.query, unwrapPossibleProxy(n.variables));
-    if (w2.value.key !== e4.key) {
-      w2.value = e4;
-    }
-  }, b));
-  t3.push(vue.watchEffect(() => {
-    P.value = !x2.value ? l2.value.executeQuery(w2.value, {
-      requestPolicy: n.requestPolicy,
-      ...n.context
+  var h3 = vue.isRef(e3.pause) ? e3.pause : vue.ref(!!e3.pause);
+  var x2 = vue.ref(createRequest(unwrapPossibleProxy(s4.query), unwrapPossibleProxy(s4.variables)));
+  var w2 = vue.ref();
+  n.push(vue.watchEffect(() => {
+    var e4 = createRequest(unwrapPossibleProxy(s4.query), unwrapPossibleProxy(s4.variables));
+    if (x2.value.key !== e4.key) {
+      x2.value = e4;
+    }
+  }, P));
+  n.push(vue.watchEffect(() => {
+    w2.value = !h3.value ? l2.value.executeQuery(x2.value, {
+      requestPolicy: unwrapPossibleProxy(s4.requestPolicy),
+      ...unwrapPossibleProxy(s4.context)
     }) : void 0;
-  }, b));
+  }, P));
   var q2 = {
-    data: o2,
+    data: i3,
     stale: v2,
     error: y3,
-    operation: d4,
-    extensions: h3,
+    operation: b3,
+    extensions: d4,
     fetching: f2,
-    isPaused: x2,
+    isPaused: h3,
     executeQuery(e4) {
-      var u2 = P.value = l2.value.executeQuery(w2.value, {
-        requestPolicy: n.requestPolicy,
-        ...n.context,
+      var r2 = w2.value = l2.value.executeQuery(x2.value, {
+        requestPolicy: unwrapPossibleProxy(s4.requestPolicy),
+        ...s4.context,
         ...e4
       });
       return {
         ...E2,
-        then(e5, r2) {
+        then(e5, u2) {
           var a3;
           return new Promise((e6) => {
-            var r3 = false;
+            var u3 = false;
             a3 = subscribe(() => {
               if (!q2.fetching.value && !q2.stale.value) {
                 if (a3) {
                   a3.unsubscribe();
                 }
-                r3 = true;
+                u3 = true;
                 e6(q2);
               }
-            })(u2);
-            if (r3) {
+            })(r2);
+            if (u3) {
               a3.unsubscribe();
             }
-          }).then(e5, r2);
+          }).then(e5, u2);
         }
       };
     },
     pause() {
-      x2.value = true;
+      h3.value = true;
     },
     resume() {
-      x2.value = false;
+      h3.value = false;
     }
   };
-  t3.push(vue.watchEffect((e4) => {
-    if (P.value) {
+  n.push(vue.watchEffect((e4) => {
+    if (w2.value) {
       f2.value = true;
       v2.value = false;
       e4(subscribe((e5) => {
-        o2.value = e5.data;
+        i3.value = e5.data;
         v2.value = !!e5.stale;
         f2.value = false;
         y3.value = e5.error;
-        d4.value = e5.operation;
-        h3.value = e5.extensions;
+        b3.value = e5.operation;
+        d4.value = e5.extensions;
       })(onEnd(() => {
         f2.value = false;
         v2.value = false;
-      })(P.value)).unsubscribe);
+      })(w2.value)).unsubscribe);
     } else {
       f2.value = false;
       v2.value = false;
@@ -3398,53 +3403,53 @@ function callUseQuery(e3, l2 = useClient(), t3 = []) {
   }));
   var E2 = {
     ...q2,
-    then(e4, u2) {
-      var r2;
+    then(e4, r2) {
+      var u2;
       return new Promise((e5) => {
-        if (!P.value) {
+        if (!w2.value) {
           return e5(q2);
         }
-        var u3 = false;
-        r2 = subscribe(() => {
+        var r3 = false;
+        u2 = subscribe(() => {
           if (!q2.fetching.value && !q2.stale.value) {
-            if (r2) {
-              r2.unsubscribe();
+            if (u2) {
+              u2.unsubscribe();
             }
-            u3 = true;
+            r3 = true;
             e5(q2);
           }
-        })(P.value);
-        if (u3) {
-          r2.unsubscribe();
+        })(w2.value);
+        if (r3) {
+          u2.unsubscribe();
         }
-      }).then(e4, u2);
+      }).then(e4, r2);
     }
   };
   return E2;
 }
-function callUseMutation(e3, r2 = useClient()) {
+function callUseMutation(e3, u2 = useClient()) {
   var l2 = vue.ref();
-  var t3 = vue.ref(false);
   var n = vue.ref(false);
-  var s4 = vue.ref();
-  var i3 = vue.ref();
+  var s4 = vue.ref(false);
+  var t3 = vue.ref();
   var o2 = vue.ref();
+  var i3 = vue.ref();
   return {
     data: l2,
-    stale: t3,
-    fetching: n,
-    error: s4,
-    operation: i3,
-    extensions: o2,
+    stale: n,
+    fetching: s4,
+    error: t3,
+    operation: o2,
+    extensions: i3,
     executeMutation(a3, v2) {
-      n.value = true;
-      return toPromise(take(1)(r2.value.executeMutation(createRequest(e3, unwrapPossibleProxy(a3)), v2 || {}))).then((e4) => {
+      s4.value = true;
+      return toPromise(take(1)(u2.value.executeMutation(createRequest(e3, unwrapPossibleProxy(a3)), v2 || {}))).then((e4) => {
         l2.value = e4.data;
-        t3.value = !!e4.stale;
-        n.value = false;
-        s4.value = e4.error;
-        i3.value = e4.operation;
-        o2.value = e4.extensions;
+        n.value = !!e4.stale;
+        s4.value = false;
+        t3.value = e4.error;
+        o2.value = e4.operation;
+        i3.value = e4.extensions;
         return e4;
       });
     }
@@ -3453,38 +3458,38 @@ function callUseMutation(e3, r2 = useClient()) {
 var d = {
   flush: "pre"
 };
-function callUseSubscription(e3, l2, t3 = useClient(), n = []) {
-  var o2 = vue.reactive(e3);
+function callUseSubscription(e3, l2, n = useClient(), s4 = []) {
+  var i3 = vue.reactive(e3);
   var v2 = vue.ref();
   var f2 = vue.ref(false);
   var y3 = vue.ref(false);
   var b3 = vue.ref();
+  var P2 = vue.ref();
   var h3 = vue.ref();
-  var x2 = vue.ref();
-  var w2 = vue.ref(l2);
-  var P = vue.isRef(e3.pause) ? e3.pause : vue.ref(!!e3.pause);
-  var q2 = vue.ref(createRequest(o2.query, unwrapPossibleProxy(o2.variables)));
+  var x2 = vue.ref(l2);
+  var w2 = vue.isRef(e3.pause) ? e3.pause : vue.ref(!!e3.pause);
+  var q2 = vue.ref(createRequest(unwrapPossibleProxy(i3.query), unwrapPossibleProxy(i3.variables)));
   var E2 = vue.ref();
-  n.push(vue.watchEffect(() => {
-    var e4 = createRequest(o2.query, unwrapPossibleProxy(o2.variables));
+  s4.push(vue.watchEffect(() => {
+    var e4 = createRequest(unwrapPossibleProxy(i3.query), unwrapPossibleProxy(i3.variables));
     if (q2.value.key !== e4.key) {
       q2.value = e4;
     }
   }, d));
-  n.push(vue.watchEffect(() => {
-    E2.value = !P.value ? t3.value.executeSubscription(q2.value, {
-      ...o2.context
+  s4.push(vue.watchEffect(() => {
+    E2.value = !w2.value ? n.value.executeSubscription(q2.value, {
+      ...unwrapPossibleProxy(i3.context)
     }) : void 0;
   }, d));
-  n.push(vue.watchEffect((e4) => {
+  s4.push(vue.watchEffect((e4) => {
     if (E2.value) {
       y3.value = true;
       e4(subscribe((e5) => {
         y3.value = true;
-        v2.value = void 0 !== e5.data ? "function" == typeof w2.value ? w2.value(v2.value, e5.data) : e5.data : e5.data, b3.value = e5.error;
-        x2.value = e5.extensions;
+        v2.value = void 0 !== e5.data ? "function" == typeof x2.value ? x2.value(v2.value, e5.data) : e5.data : e5.data, b3.value = e5.error;
+        h3.value = e5.extensions;
         f2.value = !!e5.stale;
-        h3.value = e5.operation;
+        P2.value = e5.operation;
       })(onEnd(() => {
         y3.value = false;
       })(E2.value)).unsubscribe);
@@ -3496,60 +3501,60 @@ function callUseSubscription(e3, l2, t3 = useClient(), n = []) {
     data: v2,
     stale: f2,
     error: b3,
-    operation: h3,
-    extensions: x2,
+    operation: P2,
+    extensions: h3,
     fetching: y3,
-    isPaused: P,
+    isPaused: w2,
     executeSubscription(e4) {
-      E2.value = t3.value.executeSubscription(q2.value, {
-        ...o2.context,
+      E2.value = n.value.executeSubscription(q2.value, {
+        ...unwrapPossibleProxy(i3.context),
         ...e4
       });
       return m3;
     },
     pause() {
-      P.value = true;
+      w2.value = true;
     },
     resume() {
-      P.value = false;
+      w2.value = false;
     }
   };
   return m3;
 }
 function useClientHandle() {
   var e3 = useClient();
-  var u2 = [];
+  var r2 = [];
   vue.onBeforeUnmount(() => {
     var e4;
-    while (e4 = u2.shift()) {
+    while (e4 = r2.shift()) {
       e4();
     }
   });
-  var r2 = {
+  var u2 = {
     client: e3.value,
-    useQuery: (r3) => callUseQuery(r3, e3, u2),
-    useSubscription: (r3, a3) => callUseSubscription(r3, a3, e3, u2),
-    useMutation: (u3) => callUseMutation(u3, e3)
+    useQuery: (u3) => callUseQuery(u3, e3, r2),
+    useSubscription: (u3, a3) => callUseSubscription(u3, a3, e3, r2),
+    useMutation: (r3) => callUseMutation(r3, e3)
   };
   if ("production" !== process.env.NODE_ENV) {
     vue.onMounted(() => {
-      Object.assign(r2, {
-        useQuery(r3) {
+      Object.assign(u2, {
+        useQuery(u3) {
           if ("production" !== process.env.NODE_ENV && !vue.getCurrentInstance()) {
             throw new Error("`handle.useQuery()` should only be called in the `setup()` or a lifecycle hook.");
           }
-          return callUseQuery(r3, e3, u2);
+          return callUseQuery(u3, e3, r2);
         },
-        useSubscription(r3, a3) {
+        useSubscription(u3, a3) {
           if ("production" !== process.env.NODE_ENV && !vue.getCurrentInstance()) {
             throw new Error("`handle.useSubscription()` should only be called in the `setup()` or a lifecycle hook.");
           }
-          return callUseSubscription(r3, a3, e3, u2);
+          return callUseSubscription(u3, a3, e3, r2);
         }
       });
     });
   }
-  return r2;
+  return u2;
 }
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -3594,19 +3599,6 @@ function toDate(argument) {
     return new Date(NaN);
   }
 }
-function addDays(dirtyDate, dirtyAmount) {
-  requiredArgs(2, arguments);
-  var date = toDate(dirtyDate);
-  var amount = toInteger(dirtyAmount);
-  if (isNaN(amount)) {
-    return new Date(NaN);
-  }
-  if (!amount) {
-    return date;
-  }
-  date.setDate(date.getDate() + amount);
-  return date;
-}
 function addMilliseconds(dirtyDate, dirtyAmount) {
   requiredArgs(2, arguments);
   var timestamp = toDate(dirtyDate).getTime();
@@ -5470,7 +5462,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const OperasionalIdentitas_vue_vue_type_style_index_0_scoped_e17256c5_lang = "";
+const OperasionalIdentitas_vue_vue_type_style_index_0_scoped_780f9c83_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -5478,7 +5470,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-e17256c5"]]);
+const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-780f9c83"]]);
 const CheckInModel = tempatModels.models.CheckInModel;
 const useOperasionalStore = pinia.defineStore("neu:operasional", () => {
   const isLoading = vue.ref(false);
@@ -5619,7 +5611,7 @@ function mitt(n) {
   } };
 }
 const bus = mitt();
-const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-79e7e9e5"), n = n(), vue.popScopeId(), n);
+const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-6c1902ac"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$7 = { id: "view-checkIns" };
 const _hoisted_2$4 = { class: "summary" };
 const _hoisted_3$1 = { class: "wrapper" };
@@ -5692,7 +5684,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
             // $and: PeriodUtil.getPeriodFilter('checkInAt', new Date().toISOString()),
             $and: [
               { staffId: (_a = staff.value) == null ? void 0 : _a.id },
-              { checkInAt: { $gte: addDays(startOfToday(), 1) } },
+              { checkInAt: { $gte: startOfToday() } },
               { checkInAt: { $lte: endOfToday() } }
             ]
           }
@@ -5939,8 +5931,8 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInPresenceCollection_vue_vue_type_style_index_0_scoped_79e7e9e5_lang = "";
-const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-79e7e9e5"]]);
+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({
   __name: "CheckInSingle",

package/build/index.mjs

@@ -3290,103 +3290,108 @@ var getOperationName = (r2) => {
   }
 };
 "undefined" != typeof TextDecoder ? new TextDecoder() : null;
+var b = /* @__PURE__ */ new WeakMap();
 function useClient() {
-  if ("production" !== process.env.NODE_ENV && !getCurrentInstance()) {
+  var e3 = getCurrentInstance();
+  if ("production" !== process.env.NODE_ENV && !e3) {
     throw new Error("use* functions may only be called during the `setup()` or other lifecycle hooks.");
   }
-  var e3 = inject("$urql");
-  if ("production" !== process.env.NODE_ENV && !e3) {
+  var r2 = inject("$urql");
+  if (!r2 && e3) {
+    r2 = b.get(e3);
+  }
+  if ("production" !== process.env.NODE_ENV && !r2) {
     throw new Error("No urql Client was provided. Did you forget to install the plugin or call `provideClient` in a parent?");
   }
-  return e3;
+  return r2;
 }
 function unwrapPossibleProxy(e3) {
   return e3 && isRef(e3) ? e3.value : e3;
 }
-var b = {
+var P = {
   flush: "pre"
 };
-function callUseQuery(e3, l2 = useClient(), t3 = []) {
-  var n = reactive(e3);
-  var o2 = ref();
+function callUseQuery(e3, l2 = useClient(), n = []) {
+  var s4 = reactive(e3);
+  var i3 = ref();
   var v2 = ref(false);
   var f2 = ref(false);
   var y3 = ref();
+  var b3 = ref();
   var d4 = ref();
-  var h4 = ref();
-  var x2 = isRef(e3.pause) ? e3.pause : ref(!!e3.pause);
-  var w2 = ref(createRequest(n.query, unwrapPossibleProxy(n.variables)));
-  var P = ref();
-  t3.push(watchEffect(() => {
-    var e4 = createRequest(n.query, unwrapPossibleProxy(n.variables));
-    if (w2.value.key !== e4.key) {
-      w2.value = e4;
-    }
-  }, b));
-  t3.push(watchEffect(() => {
-    P.value = !x2.value ? l2.value.executeQuery(w2.value, {
-      requestPolicy: n.requestPolicy,
-      ...n.context
+  var h4 = isRef(e3.pause) ? e3.pause : ref(!!e3.pause);
+  var x2 = ref(createRequest(unwrapPossibleProxy(s4.query), unwrapPossibleProxy(s4.variables)));
+  var w2 = ref();
+  n.push(watchEffect(() => {
+    var e4 = createRequest(unwrapPossibleProxy(s4.query), unwrapPossibleProxy(s4.variables));
+    if (x2.value.key !== e4.key) {
+      x2.value = e4;
+    }
+  }, P));
+  n.push(watchEffect(() => {
+    w2.value = !h4.value ? l2.value.executeQuery(x2.value, {
+      requestPolicy: unwrapPossibleProxy(s4.requestPolicy),
+      ...unwrapPossibleProxy(s4.context)
     }) : void 0;
-  }, b));
+  }, P));
   var q2 = {
-    data: o2,
+    data: i3,
     stale: v2,
     error: y3,
-    operation: d4,
-    extensions: h4,
+    operation: b3,
+    extensions: d4,
     fetching: f2,
-    isPaused: x2,
+    isPaused: h4,
     executeQuery(e4) {
-      var u2 = P.value = l2.value.executeQuery(w2.value, {
-        requestPolicy: n.requestPolicy,
-        ...n.context,
+      var r2 = w2.value = l2.value.executeQuery(x2.value, {
+        requestPolicy: unwrapPossibleProxy(s4.requestPolicy),
+        ...s4.context,
         ...e4
       });
       return {
         ...E2,
-        then(e5, r2) {
+        then(e5, u2) {
           var a3;
           return new Promise((e6) => {
-            var r3 = false;
+            var u3 = false;
             a3 = subscribe(() => {
               if (!q2.fetching.value && !q2.stale.value) {
                 if (a3) {
                   a3.unsubscribe();
                 }
-                r3 = true;
+                u3 = true;
                 e6(q2);
               }
-            })(u2);
-            if (r3) {
+            })(r2);
+            if (u3) {
               a3.unsubscribe();
             }
-          }).then(e5, r2);
+          }).then(e5, u2);
         }
       };
     },
     pause() {
-      x2.value = true;
+      h4.value = true;
     },
     resume() {
-      x2.value = false;
+      h4.value = false;
     }
   };
-  t3.push(watchEffect((e4) => {
-    if (P.value) {
+  n.push(watchEffect((e4) => {
+    if (w2.value) {
       f2.value = true;
       v2.value = false;
       e4(subscribe((e5) => {
-        o2.value = e5.data;
+        i3.value = e5.data;
         v2.value = !!e5.stale;
         f2.value = false;
         y3.value = e5.error;
-        d4.value = e5.operation;
-        h4.value = e5.extensions;
+        b3.value = e5.operation;
+        d4.value = e5.extensions;
       })(onEnd(() => {
         f2.value = false;
         v2.value = false;
-      })(P.value)).unsubscribe);
+      })(w2.value)).unsubscribe);
     } else {
       f2.value = false;
       v2.value = false;
@@ -3396,53 +3401,53 @@ function callUseQuery(e3, l2 = useClient(), t3 = []) {
   }));
   var E2 = {
     ...q2,
-    then(e4, u2) {
-      var r2;
+    then(e4, r2) {
+      var u2;
       return new Promise((e5) => {
-        if (!P.value) {
+        if (!w2.value) {
           return e5(q2);
         }
-        var u3 = false;
-        r2 = subscribe(() => {
+        var r3 = false;
+        u2 = subscribe(() => {
           if (!q2.fetching.value && !q2.stale.value) {
-            if (r2) {
-              r2.unsubscribe();
+            if (u2) {
+              u2.unsubscribe();
             }
-            u3 = true;
+            r3 = true;
             e5(q2);
           }
-        })(P.value);
-        if (u3) {
-          r2.unsubscribe();
+        })(w2.value);
+        if (r3) {
+          u2.unsubscribe();
         }
-      }).then(e4, u2);
+      }).then(e4, r2);
     }
   };
   return E2;
 }
-function callUseMutation(e3, r2 = useClient()) {
+function callUseMutation(e3, u2 = useClient()) {
   var l2 = ref();
-  var t3 = ref(false);
   var n = ref(false);
-  var s4 = ref();
-  var i3 = ref();
+  var s4 = ref(false);
+  var t3 = ref();
   var o2 = ref();
+  var i3 = ref();
   return {
     data: l2,
-    stale: t3,
-    fetching: n,
-    error: s4,
-    operation: i3,
-    extensions: o2,
+    stale: n,
+    fetching: s4,
+    error: t3,
+    operation: o2,
+    extensions: i3,
     executeMutation(a3, v2) {
-      n.value = true;
-      return toPromise(take(1)(r2.value.executeMutation(createRequest(e3, unwrapPossibleProxy(a3)), v2 || {}))).then((e4) => {
+      s4.value = true;
+      return toPromise(take(1)(u2.value.executeMutation(createRequest(e3, unwrapPossibleProxy(a3)), v2 || {}))).then((e4) => {
         l2.value = e4.data;
-        t3.value = !!e4.stale;
-        n.value = false;
-        s4.value = e4.error;
-        i3.value = e4.operation;
-        o2.value = e4.extensions;
+        n.value = !!e4.stale;
+        s4.value = false;
+        t3.value = e4.error;
+        o2.value = e4.operation;
+        i3.value = e4.extensions;
         return e4;
       });
     }
@@ -3451,38 +3456,38 @@ function callUseMutation(e3, r2 = useClient()) {
 var d = {
   flush: "pre"
 };
-function callUseSubscription(e3, l2, t3 = useClient(), n = []) {
-  var o2 = reactive(e3);
+function callUseSubscription(e3, l2, n = useClient(), s4 = []) {
+  var i3 = reactive(e3);
   var v2 = ref();
   var f2 = ref(false);
   var y3 = ref(false);
   var b3 = ref();
+  var P2 = ref();
   var h4 = ref();
-  var x2 = ref();
-  var w2 = ref(l2);
-  var P = isRef(e3.pause) ? e3.pause : ref(!!e3.pause);
-  var q2 = ref(createRequest(o2.query, unwrapPossibleProxy(o2.variables)));
+  var x2 = ref(l2);
+  var w2 = isRef(e3.pause) ? e3.pause : ref(!!e3.pause);
+  var q2 = ref(createRequest(unwrapPossibleProxy(i3.query), unwrapPossibleProxy(i3.variables)));
   var E2 = ref();
-  n.push(watchEffect(() => {
-    var e4 = createRequest(o2.query, unwrapPossibleProxy(o2.variables));
+  s4.push(watchEffect(() => {
+    var e4 = createRequest(unwrapPossibleProxy(i3.query), unwrapPossibleProxy(i3.variables));
     if (q2.value.key !== e4.key) {
       q2.value = e4;
     }
   }, d));
-  n.push(watchEffect(() => {
-    E2.value = !P.value ? t3.value.executeSubscription(q2.value, {
-      ...o2.context
+  s4.push(watchEffect(() => {
+    E2.value = !w2.value ? n.value.executeSubscription(q2.value, {
+      ...unwrapPossibleProxy(i3.context)
     }) : void 0;
   }, d));
-  n.push(watchEffect((e4) => {
+  s4.push(watchEffect((e4) => {
     if (E2.value) {
       y3.value = true;
       e4(subscribe((e5) => {
         y3.value = true;
-        v2.value = void 0 !== e5.data ? "function" == typeof w2.value ? w2.value(v2.value, e5.data) : e5.data : e5.data, b3.value = e5.error;
-        x2.value = e5.extensions;
+        v2.value = void 0 !== e5.data ? "function" == typeof x2.value ? x2.value(v2.value, e5.data) : e5.data : e5.data, b3.value = e5.error;
+        h4.value = e5.extensions;
         f2.value = !!e5.stale;
-        h4.value = e5.operation;
+        P2.value = e5.operation;
       })(onEnd(() => {
         y3.value = false;
       })(E2.value)).unsubscribe);
@@ -3494,60 +3499,60 @@ function callUseSubscription(e3, l2, t3 = useClient(), n = []) {
     data: v2,
     stale: f2,
     error: b3,
-    operation: h4,
-    extensions: x2,
+    operation: P2,
+    extensions: h4,
     fetching: y3,
-    isPaused: P,
+    isPaused: w2,
     executeSubscription(e4) {
-      E2.value = t3.value.executeSubscription(q2.value, {
-        ...o2.context,
+      E2.value = n.value.executeSubscription(q2.value, {
+        ...unwrapPossibleProxy(i3.context),
         ...e4
       });
       return m3;
     },
     pause() {
-      P.value = true;
+      w2.value = true;
     },
     resume() {
-      P.value = false;
+      w2.value = false;
     }
   };
   return m3;
 }
 function useClientHandle() {
   var e3 = useClient();
-  var u2 = [];
+  var r2 = [];
   onBeforeUnmount(() => {
     var e4;
-    while (e4 = u2.shift()) {
+    while (e4 = r2.shift()) {
       e4();
     }
   });
-  var r2 = {
+  var u2 = {
     client: e3.value,
-    useQuery: (r3) => callUseQuery(r3, e3, u2),
-    useSubscription: (r3, a3) => callUseSubscription(r3, a3, e3, u2),
-    useMutation: (u3) => callUseMutation(u3, e3)
+    useQuery: (u3) => callUseQuery(u3, e3, r2),
+    useSubscription: (u3, a3) => callUseSubscription(u3, a3, e3, r2),
+    useMutation: (r3) => callUseMutation(r3, e3)
   };
   if ("production" !== process.env.NODE_ENV) {
     onMounted(() => {
-      Object.assign(r2, {
-        useQuery(r3) {
+      Object.assign(u2, {
+        useQuery(u3) {
           if ("production" !== process.env.NODE_ENV && !getCurrentInstance()) {
             throw new Error("`handle.useQuery()` should only be called in the `setup()` or a lifecycle hook.");
           }
-          return callUseQuery(r3, e3, u2);
+          return callUseQuery(u3, e3, r2);
         },
-        useSubscription(r3, a3) {
+        useSubscription(u3, a3) {
           if ("production" !== process.env.NODE_ENV && !getCurrentInstance()) {
             throw new Error("`handle.useSubscription()` should only be called in the `setup()` or a lifecycle hook.");
           }
-          return callUseSubscription(r3, a3, e3, u2);
+          return callUseSubscription(u3, a3, e3, r2);
         }
       });
     });
   }
-  return r2;
+  return u2;
 }
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -3592,19 +3597,6 @@ function toDate(argument) {
     return new Date(NaN);
   }
 }
-function addDays(dirtyDate, dirtyAmount) {
-  requiredArgs(2, arguments);
-  var date = toDate(dirtyDate);
-  var amount = toInteger(dirtyAmount);
-  if (isNaN(amount)) {
-    return new Date(NaN);
-  }
-  if (!amount) {
-    return date;
-  }
-  date.setDate(date.getDate() + amount);
-  return date;
-}
 function addMilliseconds(dirtyDate, dirtyAmount) {
   requiredArgs(2, arguments);
   var timestamp = toDate(dirtyDate).getTime();
@@ -5468,7 +5460,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const OperasionalIdentitas_vue_vue_type_style_index_0_scoped_e17256c5_lang = "";
+const OperasionalIdentitas_vue_vue_type_style_index_0_scoped_780f9c83_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -5476,7 +5468,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-e17256c5"]]);
+const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-780f9c83"]]);
 const CheckInModel = models$1.CheckInModel;
 const useOperasionalStore = defineStore("neu:operasional", () => {
   const isLoading = ref(false);
@@ -5617,7 +5609,7 @@ function mitt(n) {
   } };
 }
 const bus = mitt();
-const _withScopeId$2 = (n) => (pushScopeId("data-v-79e7e9e5"), n = n(), popScopeId(), n);
+const _withScopeId$2 = (n) => (pushScopeId("data-v-6c1902ac"), n = n(), popScopeId(), n);
 const _hoisted_1$7 = { id: "view-checkIns" };
 const _hoisted_2$4 = { class: "summary" };
 const _hoisted_3$1 = { class: "wrapper" };
@@ -5690,7 +5682,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             // $and: PeriodUtil.getPeriodFilter('checkInAt', new Date().toISOString()),
             $and: [
               { staffId: (_a = staff.value) == null ? void 0 : _a.id },
-              { checkInAt: { $gte: addDays(startOfToday(), 1) } },
+              { checkInAt: { $gte: startOfToday() } },
               { checkInAt: { $lte: endOfToday() } }
             ]
           }
@@ -5937,8 +5929,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CheckInPresenceCollection_vue_vue_type_style_index_0_scoped_79e7e9e5_lang = "";
-const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-79e7e9e5"]]);
+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({
   __name: "CheckInSingle",

package/build/style.css

@@ -1,17 +1,17 @@
 
-.operasional-identitas .section .divider[data-v-e17256c5] {
+.operasional-identitas .section .divider[data-v-780f9c83] {
     margin-bottom: 1rem
 }
 
-#view-checkIns[data-v-79e7e9e5] {
+#view-checkIns[data-v-6c1902ac] {
 
     height: 100%
 }
-#view-checkIns .wrapper[data-v-79e7e9e5] {
+#view-checkIns .wrapper[data-v-6c1902ac] {
 
     height: 100%
 }
-#view-checkIns .header[data-v-79e7e9e5] {
+#view-checkIns .header[data-v-6c1902ac] {
 
     display: flex;
 
@@ -27,15 +27,15 @@
 
     padding-bottom: 0.5rem
 }
-#view-checkIns .header .start[data-v-79e7e9e5] {
+#view-checkIns .header .start[data-v-6c1902ac] {
 
     line-height: 1.25
 }
-#view-checkIns .header .title[data-v-79e7e9e5] {
+#view-checkIns .header .title[data-v-6c1902ac] {
 
     font-weight: 700
 }
-#view-checkIns .header .description[data-v-79e7e9e5] {
+#view-checkIns .header .description[data-v-6c1902ac] {
 
     font-size: 0.875rem;
 
@@ -43,13 +43,13 @@
 
     color: rgb(161 161 170 / var(--tw-text-opacity))
 }
-#view-checkIns .buttons[data-v-79e7e9e5] {
+#view-checkIns .buttons[data-v-6c1902ac] {
 
     display: flex;
 
     align-items: center
 }
-#view-checkIns .buttons[data-v-79e7e9e5] > :not([hidden]) ~ :not([hidden]) {
+#view-checkIns .buttons[data-v-6c1902ac] > :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-79e7e9e5] {
+#view-checkIns .buttons[data-v-6c1902ac] {
 
     padding-right: 0.25rem
 }
-#view-checkIns .summary[data-v-79e7e9e5] {
+#view-checkIns .summary[data-v-6c1902ac] {
 
     padding-bottom: 0.5rem
 }

package/build/types/utils/date/index.d.ts

@@ -0,0 +1,11 @@
+import 'dayjs/locale/en';
+export declare class DateUtil {
+    static format(date?: string | Date, dateFormat?: string, locale?: string): string | undefined;
+    static formatRange({ startedAt, endedAt, locale, useTime, }: {
+        startedAt?: Date | null;
+        endedAt?: Date | null;
+        locale?: 'en' | 'id';
+        useTime?: boolean;
+    }): any;
+}
+export * from './util.date';

package/build/types/utils/date/util.date.d.ts

@@ -0,0 +1,20 @@
+import 'dayjs/locale/id';
+export declare function formatDate(date: string | Date, dateFormat?: string): string | undefined;
+export declare class PeriodUtil {
+    static getStartOfDay(date: string): Date;
+    static getEndOfDay(date: string): Date;
+    static getPeriodFilter(keyStart: string, startedAt: string, keyEnd?: string, endedAt?: string): ({
+        [x: string]: {
+            $gte: Date;
+        };
+    } | {
+        [x: string]: {
+            $lte: Date;
+        };
+    })[];
+    static getPastPeriodFilter(key: string, startedAt: string): {
+        [x: string]: {
+            $lt: Date;
+        };
+    }[];
+}

package/build/types/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './date';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neutron.co.id/operasional-interfaces",
-  "version": "1.4.2-beta.1",
+  "version": "1.4.3-beta.1",
   "description": "Interface library of Neutron.",
   "sideEffects": [
     "*.css"
@@ -54,15 +54,15 @@
     "warm": "nuxt prepare"
   },
   "dependencies": {
-    "@neon.id/context": "0.38.0",
-    "@neon.id/field": "0.12.0",
-    "@neon.id/identitas-interfaces": "1.0.0",
-    "@neon.id/interfaces": "0.153.0",
-    "@neon.id/office": "0.23.0",
-    "@neon.id/utils": "0.38.0",
-    "@neutron.co.id/personalia-models": "1.4.0",
-    "@neutron.co.id/sentral-interfaces": "1.1.0",
-    "@nuxt/kit": "3.2.3",
+    "@neon.id/context": "0.39.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/utils": "0.39.0",
+    "@neutron.co.id/personalia-models": "1.4.1-beta.1",
+    "@neutron.co.id/sentral-interfaces": "1.2.0",
+    "@nuxt/kit": "3.3.1",
     "qr-scanner": "1.4.1",
     "vue": "3.2.47"
   },
@@ -71,42 +71,42 @@
     "@graphql-codegen/cli": "3.2.2",
     "@graphql-codegen/client-preset": "2.1.1",
     "@neon.id/identitas-models": "1.0.0",
-    "@neon.id/module-builder": "0.13.0",
-    "@neon.id/styles": "0.15.0",
-    "@neon.id/types": "1.37.0",
+    "@neon.id/module-builder": "0.13.1",
+    "@neon.id/styles": "0.15.1",
+    "@neon.id/types": "1.38.0",
     "@nuxtjs/eslint-config-typescript": "12.0.0",
-    "@nuxtjs/eslint-module": "3.1.0",
-    "@nuxtjs/tailwindcss": "6.4.1",
+    "@nuxtjs/eslint-module": "4.0.2",
+    "@nuxtjs/tailwindcss": "6.6.0",
     "@pinia/nuxt": "0.4.7",
-    "@storybook/addon-docs": "7.0.0-beta.62",
-    "@storybook/addon-essentials": "7.0.0-beta.62",
-    "@storybook/addon-interactions": "7.0.0-beta.62",
-    "@storybook/addon-links": "7.0.0-beta.62",
+    "@storybook/addon-docs": "7.0.0-rc.4",
+    "@storybook/addon-essentials": "7.0.0-rc.4",
+    "@storybook/addon-interactions": "7.0.0-rc.4",
+    "@storybook/addon-links": "7.0.0-rc.4",
     "@storybook/testing-library": "0.0.14-next.1",
-    "@storybook/vue3": "7.0.0-beta.62",
-    "@storybook/vue3-vite": "7.0.0-beta.62",
+    "@storybook/vue3": "7.0.0-rc.4",
+    "@storybook/vue3-vite": "7.0.0-rc.4",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
-    "@typescript-eslint/eslint-plugin": "5.54.1",
-    "@typescript-eslint/parser": "5.54.1",
-    "@vitejs/plugin-vue": "4.0.0",
-    "@vue-macros/nuxt": "1.2.1",
-    "@vue-macros/volar": "0.8.4",
+    "@typescript-eslint/eslint-plugin": "5.55.0",
+    "@typescript-eslint/parser": "5.55.0",
+    "@vitejs/plugin-vue": "4.1.0",
+    "@vue-macros/nuxt": "1.2.3",
+    "@vue-macros/volar": "0.9.0",
     "@vue/eslint-config-prettier": "7.1.0",
     "@vue/eslint-config-typescript": "11.0.2",
     "@vueuse/core": "9.13.0",
-    "@vueuse/head": "1.1.19",
+    "@vueuse/head": "1.1.23",
     "@vueuse/nuxt": "9.13.0",
-    "autoprefixer": "10.4.13",
+    "autoprefixer": "10.4.14",
     "buffer": "6.0.3",
-    "chromatic": "6.17.1",
+    "chromatic": "6.17.2",
     "defu": "6.1.2",
-    "eslint": "8.35.0",
+    "eslint": "8.36.0",
     "eslint-plugin-nuxt": "4.0.0",
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-storybook": "0.6.11",
     "eslint-plugin-vue": "9.9.0",
-    "nuxt": "3.2.3",
+    "nuxt": "3.3.1",
     "pinia": "2.0.33",
     "postcss": "8.4.21",
     "postcss-custom-properties": "13.1.4",
@@ -114,27 +114,27 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "rollup-plugin-visualizer": "5.9.0",
-    "storybook": "7.0.0-beta.62",
-    "tsx": "3.12.3",
-    "typescript": "4.9.5",
-    "unplugin-vue-macros": "1.9.1",
+    "storybook": "7.0.0-rc.4",
+    "tsx": "3.12.5",
+    "typescript": "5.0.2",
+    "unplugin-vue-macros": "1.10.1",
     "vite": "4.1.4",
-    "vitest": "0.29.2",
+    "vitest": "0.29.3",
     "vue-router": "4.1.6",
     "vue-tsc": "1.2.0"
   },
   "peerDependencies": {
-    "@neon.id/context": "^0.38.0",
-    "@neon.id/identitas-interfaces": "^1.0.0",
-    "@neon.id/interfaces": "^0.153.0",
-    "@neon.id/office": "^0.23.0",
-    "@neon.id/utils": "^0.38.0",
-    "@neutron.co.id/personalia-models": "^1.4.0",
-    "@nuxt/kit": "^3.2.3",
+    "@neon.id/context": "^0.39.0",
+    "@neon.id/identitas-interfaces": "^1.1.0",
+    "@neon.id/interfaces": "^0.154.0",
+    "@neon.id/office": "^0.24.0",
+    "@neon.id/utils": "^0.39.0",
+    "@neutron.co.id/personalia-models": "^1.4.1-beta.1",
+    "@nuxt/kit": "^3.3.1",
     "vue": "^3.2.47"
   },
   "publishConfig": {
     "access": "public"
   },
-  "build": 79
+  "build": 80
 }