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

package/build/index.mjs

@@ -1,20 +1,26 @@
 import { ComponentUtil as ComponentUtil$1 } from "@neon.id/utils/client";
-import { defineComponent, openBlock, createElementBlock, createVNode, unref, onBeforeUnmount, onMounted, getCurrentInstance, inject, reactive, ref, isRef, watchEffect, provide, computed, resolveComponent, withCtx, createElementVNode, createTextVNode, createBlock, createCommentVNode, pushScopeId, popScopeId, mergeProps, normalizeClass, withModifiers, toDisplayString, watch, Fragment } from "vue";
-import { NeonButton, useToastStore, NeonSlider, NeonSlide, NeonStat, NeonModal, NeonSheet, NeonInfo } from "@neon.id/interfaces";
-import { models } from "@neutron.co.id/tempat-models";
+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 { RowUtil } from "@neon.id/display";
+import { NeonField, NeonForm, NeonFormWrapper, NeonFields } from "@neon.id/form";
+import { IdentitasConnect, IdentitasAssistRegistration, IdentitasDelegate, useAuthStore } from "@neon.id/identitas-interfaces";
+import { models } from "@neon.id/identitas-models";
+import { Field } from "@neon.id/model";
+import { Query } from "@neon.id/query";
+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 { Query } from "@neon.id/query";
 import { defineStore, storeToRefs } from "pinia";
+import { useRouter } from "vue-router";
 import { ComponentUtil } from "@neon.id/utils/component";
-import { NeonForm, NeonField, NeonFields } from "@neon.id/form";
-import { models as models$1 } from "@neutron.co.id/personalia-models";
-import { useAuthStore } from "@neon.id/identitas-interfaces";
-const _hoisted_1$8 = { class: "xxx-button" };
-const __default__$8 = defineComponent({ name: "XxxButton" });
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
-  ...__default__$8,
+import { models as models$2 } from "@neutron.co.id/personalia-models";
+const _hoisted_1$9 = { class: "xxx-button" };
+const __default__$9 = defineComponent({ name: "XxxButton" });
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
   props: {
     color: {
       type: String,
@@ -23,13 +29,12 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
         createVNode(unref(NeonButton), { label: "XXX" })
       ]);
     };
   }
 });
-const CheckInModel = models.CheckInModel;
 function devAssert(condition, message) {
   const booleanCondition = Boolean(condition);
   if (!booleanCondition) {
@@ -51,12 +56,12 @@ const LineRegExp = /\r\n|[\n\r]/g;
 function getLocation(source, position) {
   let lastLineStart = 0;
   let line = 1;
-  for (const match of source.body.matchAll(LineRegExp)) {
-    typeof match.index === "number" || invariant(false);
-    if (match.index >= position) {
+  for (const match2 of source.body.matchAll(LineRegExp)) {
+    typeof match2.index === "number" || invariant(false);
+    if (match2.index >= position) {
       break;
     }
-    lastLineStart = match.index + match[0].length;
+    lastLineStart = match2.index + match2[0].length;
     line += 1;
   }
   return {
@@ -86,8 +91,8 @@ function printSourceLocation(source, sourceLocation) {
     const subLineIndex = Math.floor(columnNum / 80);
     const subLineColumnNum = columnNum % 80;
     const subLines = [];
-    for (let i2 = 0; i2 < locationLine.length; i2 += 80) {
-      subLines.push(locationLine.slice(i2, i2 + 80));
+    for (let i3 = 0; i3 < locationLine.length; i3 += 80) {
+      subLines.push(locationLine.slice(i3, i3 + 80));
     }
     return locationStr + printPrefixedLines([
       [`${lineNum} |`, subLines[0]],
@@ -519,30 +524,30 @@ function dedentBlockStringLines(lines) {
   let commonIndent = Number.MAX_SAFE_INTEGER;
   let firstNonEmptyLine = null;
   let lastNonEmptyLine = -1;
-  for (let i2 = 0; i2 < lines.length; ++i2) {
+  for (let i3 = 0; i3 < lines.length; ++i3) {
     var _firstNonEmptyLine;
-    const line = lines[i2];
+    const line = lines[i3];
     const indent2 = leadingWhitespace(line);
     if (indent2 === line.length) {
       continue;
     }
-    firstNonEmptyLine = (_firstNonEmptyLine = firstNonEmptyLine) !== null && _firstNonEmptyLine !== void 0 ? _firstNonEmptyLine : i2;
-    lastNonEmptyLine = i2;
-    if (i2 !== 0 && indent2 < commonIndent) {
+    firstNonEmptyLine = (_firstNonEmptyLine = firstNonEmptyLine) !== null && _firstNonEmptyLine !== void 0 ? _firstNonEmptyLine : i3;
+    lastNonEmptyLine = i3;
+    if (i3 !== 0 && indent2 < commonIndent) {
       commonIndent = indent2;
     }
   }
-  return lines.map((line, i2) => i2 === 0 ? line : line.slice(commonIndent)).slice(
+  return lines.map((line, i3) => i3 === 0 ? line : line.slice(commonIndent)).slice(
     (_firstNonEmptyLine2 = firstNonEmptyLine) !== null && _firstNonEmptyLine2 !== void 0 ? _firstNonEmptyLine2 : 0,
     lastNonEmptyLine + 1
   );
 }
 function leadingWhitespace(str) {
-  let i2 = 0;
-  while (i2 < str.length && isWhiteSpace(str.charCodeAt(i2))) {
-    ++i2;
+  let i3 = 0;
+  while (i3 < str.length && isWhiteSpace(str.charCodeAt(i3))) {
+    ++i3;
   }
-  return i2;
+  return i3;
 }
 function printBlockString(value, options) {
   const escapedValue = value.replace(/"""/g, '\\"""');
@@ -1151,8 +1156,8 @@ function formatArray(array, seenValues) {
   const len = Math.min(MAX_ARRAY_LENGTH, array.length);
   const remaining = array.length - len;
   const items = [];
-  for (let i2 = 0; i2 < len; ++i2) {
-    items.push(formatValue(array[i2], seenValues));
+  for (let i3 = 0; i3 < len; ++i3) {
+    items.push(formatValue(array[i3], seenValues));
   }
   if (remaining === 1) {
     items.push("... 1 more item");
@@ -3008,7 +3013,7 @@ const printDocASTReducer = {
 };
 function join(maybeArray, separator = "") {
   var _maybeArray$filter$jo;
-  return (_maybeArray$filter$jo = maybeArray === null || maybeArray === void 0 ? void 0 : maybeArray.filter((x) => x).join(separator)) !== null && _maybeArray$filter$jo !== void 0 ? _maybeArray$filter$jo : "";
+  return (_maybeArray$filter$jo = maybeArray === null || maybeArray === void 0 ? void 0 : maybeArray.filter((x2) => x2).join(separator)) !== null && _maybeArray$filter$jo !== void 0 ? _maybeArray$filter$jo : "";
 }
 function block(array) {
   return wrap("{\n", indent(join(array, "\n")), "\n}");
@@ -3024,43 +3029,43 @@ function hasMultilineItems(maybeArray) {
   return (_maybeArray$some = maybeArray === null || maybeArray === void 0 ? void 0 : maybeArray.some((str) => str.includes("\n"))) !== null && _maybeArray$some !== void 0 ? _maybeArray$some : false;
 }
 var e$1;
-!function(e2) {
-  e2[e2.Pull = 0] = "Pull";
-  e2[e2.Close = 1] = "Close";
+!function(e3) {
+  e3[e3.Pull = 0] = "Pull";
+  e3[e3.Close = 1] = "Close";
 }(e$1 || (e$1 = {}));
 var r;
-!function(e2) {
-  e2[e2.Start = 0] = "Start";
-  e2[e2.Push = 1] = "Push";
-  e2[e2.End = 0] = "End";
+!function(e3) {
+  e3[e3.Start = 0] = "Start";
+  e3[e3.Push = 1] = "Push";
+  e3[e3.End = 0] = "End";
 }(r || (r = {}));
 var teardownPlaceholder = () => {
 };
 var t = teardownPlaceholder;
-function start(e2) {
-  var t2 = [e2];
-  t2.tag = r.Start;
-  return t2;
+function start(e3) {
+  var t3 = [e3];
+  t3.tag = r.Start;
+  return t3;
 }
-function onEnd(t2) {
+function onEnd(t3) {
   return (l2) => (n) => {
-    var a = false;
+    var a3 = false;
     l2((l3) => {
-      if (a)
+      if (a3)
         ;
       else if (l3 === r.End) {
-        a = true;
+        a3 = true;
         n(r.End);
-        t2();
+        t3();
       } else if (l3.tag === r.Start) {
-        var i2 = l3[0];
+        var i3 = l3[0];
         n(start((r2) => {
           if (r2 === e$1.Close) {
-            a = true;
-            i2(e$1.Close);
-            t2();
+            a3 = true;
+            i3(e$1.Close);
+            t3();
           } else {
-            i2(r2);
+            i3(r2);
           }
         }));
       } else {
@@ -3070,64 +3075,64 @@ function onEnd(t2) {
   };
 }
 function take(l2) {
-  return (n) => (a) => {
-    var i2 = t;
-    var s2 = false;
+  return (n) => (a3) => {
+    var i3 = t;
+    var s4 = false;
     var f2 = 0;
-    n((t2) => {
-      if (s2)
+    n((t3) => {
+      if (s4)
         ;
-      else if (t2 === r.End) {
-        s2 = true;
-        a(r.End);
-      } else if (t2.tag === r.Start) {
+      else if (t3 === r.End) {
+        s4 = true;
+        a3(r.End);
+      } else if (t3.tag === r.Start) {
         if (l2 <= 0) {
-          s2 = true;
-          a(r.End);
-          t2[0](e$1.Close);
+          s4 = true;
+          a3(r.End);
+          t3[0](e$1.Close);
         } else {
-          i2 = t2[0];
+          i3 = t3[0];
         }
       } else if (f2++ < l2) {
-        a(t2);
-        if (!s2 && f2 >= l2) {
-          s2 = true;
-          a(r.End);
-          i2(e$1.Close);
+        a3(t3);
+        if (!s4 && f2 >= l2) {
+          s4 = true;
+          a3(r.End);
+          i3(e$1.Close);
         }
       } else {
-        a(t2);
+        a3(t3);
       }
     });
-    a(start((r2) => {
-      if (r2 === e$1.Close && !s2) {
-        s2 = true;
-        i2(e$1.Close);
-      } else if (r2 === e$1.Pull && !s2 && f2 < l2) {
-        i2(e$1.Pull);
+    a3(start((r2) => {
+      if (r2 === e$1.Close && !s4) {
+        s4 = true;
+        i3(e$1.Close);
+      } else if (r2 === e$1.Pull && !s4 && f2 < l2) {
+        i3(e$1.Pull);
       }
     }));
   };
 }
 function subscribe(l2) {
   return (n) => {
-    var a = t;
-    var i2 = false;
-    n((t2) => {
-      if (t2 === r.End) {
-        i2 = true;
-      } else if (t2.tag === r.Start) {
-        (a = t2[0])(e$1.Pull);
-      } else if (!i2) {
-        l2(t2[0]);
-        a(e$1.Pull);
+    var a3 = t;
+    var i3 = false;
+    n((t3) => {
+      if (t3 === r.End) {
+        i3 = true;
+      } else if (t3.tag === r.Start) {
+        (a3 = t3[0])(e$1.Pull);
+      } else if (!i3) {
+        l2(t3[0]);
+        a3(e$1.Pull);
       }
     });
     return {
       unsubscribe() {
-        if (!i2) {
-          i2 = true;
-          a(e$1.Close);
+        if (!i3) {
+          i3 = true;
+          a3(e$1.Close);
         }
       }
     };
@@ -3135,26 +3140,26 @@ function subscribe(l2) {
 }
 function toPromise(l2) {
   return new Promise((n) => {
-    var a = t;
-    var i2;
-    l2((t2) => {
-      if (t2 === r.End) {
-        Promise.resolve(i2).then(n);
-      } else if (t2.tag === r.Start) {
-        (a = t2[0])(e$1.Pull);
+    var a3 = t;
+    var i3;
+    l2((t3) => {
+      if (t3 === r.End) {
+        Promise.resolve(i3).then(n);
+      } else if (t3.tag === r.Start) {
+        (a3 = t3[0])(e$1.Pull);
       } else {
-        i2 = t2[0];
-        a(e$1.Pull);
+        i3 = t3[0];
+        a3(e$1.Pull);
       }
     });
   });
 }
-var phash = (r2, e2) => {
-  var t2 = "number" == typeof e2 ? 0 | e2 : 5381;
-  for (var a = 0, n = 0 | r2.length; a < n; a++) {
-    t2 = (t2 << 5) + t2 + r2.charCodeAt(a);
+var phash = (r2, e3) => {
+  var t3 = "number" == typeof e3 ? 0 | e3 : 5381;
+  for (var a3 = 0, n = 0 | r2.length; a3 < n; a3++) {
+    t3 = (t3 << 5) + t3 + r2.charCodeAt(a3);
   }
-  return t2;
+  return t3;
 };
 var o = /* @__PURE__ */ new Set();
 var i = /* @__PURE__ */ new WeakMap();
@@ -3166,34 +3171,34 @@ var stringify = (r2) => {
   } else if (r2.toJSON) {
     return stringify(r2.toJSON());
   } else if (Array.isArray(r2)) {
-    var e2 = "[";
-    for (var t2 of r2) {
-      if ("[" !== e2) {
-        e2 += ",";
+    var e3 = "[";
+    for (var t3 of r2) {
+      if ("[" !== e3) {
+        e3 += ",";
       }
-      e2 += (t2 = stringify(t2)).length > 0 ? t2 : "null";
+      e3 += (t3 = stringify(t3)).length > 0 ? t3 : "null";
     }
-    return e2 += "]";
+    return e3 += "]";
   }
-  var a = Object.keys(r2).sort();
-  if (!a.length && r2.constructor && r2.constructor !== Object) {
+  var a3 = Object.keys(r2).sort();
+  if (!a3.length && r2.constructor && r2.constructor !== Object) {
     var n = i.get(r2) || Math.random().toString(36).slice(2);
     i.set(r2, n);
     return `{"__key":"${n}"}`;
   }
   o.add(r2);
-  var s2 = "{";
-  for (var v2 of a) {
+  var s4 = "{";
+  for (var v2 of a3) {
     var f2 = stringify(r2[v2]);
     if (f2) {
-      if (s2.length > 1) {
-        s2 += ",";
+      if (s4.length > 1) {
+        s4 += ",";
       }
-      s2 += stringify(v2) + ":" + f2;
+      s4 += stringify(v2) + ":" + f2;
     }
   }
   o.delete(r2);
-  return s2 += "}";
+  return s4 += "}";
 };
 var stringifyVariables = (r2) => {
   o.clear();
@@ -3201,26 +3206,26 @@ var stringifyVariables = (r2) => {
 };
 var s = /("{3}[\s\S]*"{3}|"(?:\\.|[^"])*")/g;
 var v = /(#[^\n\r]+)?(?:\n|\r\n?|$)+/g;
-var replaceOutsideStrings = (r2, e2) => e2 % 2 == 0 ? r2.replace(v, "\n") : r2;
+var replaceOutsideStrings = (r2, e3) => e3 % 2 == 0 ? r2.replace(v, "\n") : r2;
 var sanitizeDocument = (r2) => r2.split(s).map(replaceOutsideStrings).join("").trim();
 var f = /* @__PURE__ */ new Map();
 var l = /* @__PURE__ */ new Map();
 var stringifyDocument = (r2) => {
-  var e2;
+  var e3;
   if ("string" == typeof r2) {
-    e2 = sanitizeDocument(r2);
+    e3 = sanitizeDocument(r2);
   } else if (r2.loc && l.get(r2.__key) === r2) {
-    e2 = r2.loc.source.body;
+    e3 = r2.loc.source.body;
   } else {
-    e2 = f.get(r2) || sanitizeDocument(print(r2));
-    f.set(r2, e2);
+    e3 = f.get(r2) || sanitizeDocument(print(r2));
+    f.set(r2, e3);
   }
   if ("string" != typeof r2 && !r2.loc) {
     r2.loc = {
       start: 0,
-      end: e2.length,
+      end: e3.length,
       source: {
-        body: e2,
+        body: e3,
         name: "gql",
         locationOffset: {
           line: 1,
@@ -3229,58 +3234,58 @@ var stringifyDocument = (r2) => {
       }
     };
   }
-  return e2;
+  return e3;
 };
 var hashDocument = (r2) => {
-  var e2 = phash(stringifyDocument(r2));
+  var e3 = phash(stringifyDocument(r2));
   if ("object" == typeof r2 && "definitions" in r2) {
-    var t2 = getOperationName(r2);
-    if (t2) {
-      e2 = phash(`
-# ${t2}`, e2);
+    var t3 = getOperationName(r2);
+    if (t3) {
+      e3 = phash(`
+# ${t3}`, e3);
     }
   }
-  return e2;
+  return e3;
 };
 var keyDocument = (r2) => {
-  var e2;
-  var t2;
+  var e3;
+  var t3;
   if ("string" == typeof r2) {
-    e2 = hashDocument(r2);
-    t2 = l.get(e2) || parse(r2, {
+    e3 = hashDocument(r2);
+    t3 = l.get(e3) || parse(r2, {
       noLocation: true
     });
   } else {
-    e2 = r2.__key || hashDocument(r2);
-    t2 = l.get(e2) || r2;
+    e3 = r2.__key || hashDocument(r2);
+    t3 = l.get(e3) || r2;
   }
-  if (!t2.loc) {
-    stringifyDocument(t2);
+  if (!t3.loc) {
+    stringifyDocument(t3);
   }
-  t2.__key = e2;
-  l.set(e2, t2);
-  return t2;
+  t3.__key = e3;
+  l.set(e3, t3);
+  return t3;
 };
-var createRequest = (r2, e2) => {
-  if (!e2) {
-    e2 = {};
+var createRequest = (r2, e3) => {
+  if (!e3) {
+    e3 = {};
   }
-  var t2 = keyDocument(r2);
-  var a = stringifyVariables(e2);
-  var n = t2.__key;
-  if ("{}" !== a) {
-    n = phash(a, n);
+  var t3 = keyDocument(r2);
+  var a3 = stringifyVariables(e3);
+  var n = t3.__key;
+  if ("{}" !== a3) {
+    n = phash(a3, n);
   }
   return {
     key: n,
-    query: t2,
-    variables: e2
+    query: t3,
+    variables: e3
   };
 };
 var getOperationName = (r2) => {
-  for (var t2 of r2.definitions) {
-    if (t2.kind === Kind.OPERATION_DEFINITION && t2.name) {
-      return t2.name.value;
+  for (var t3 of r2.definitions) {
+    if (t3.kind === Kind.OPERATION_DEFINITION && t3.name) {
+      return t3.name.value;
     }
   }
 };
@@ -3289,95 +3294,95 @@ function useClient() {
   if ("production" !== process.env.NODE_ENV && !getCurrentInstance()) {
     throw new Error("use* functions may only be called during the `setup()` or other lifecycle hooks.");
   }
-  var e2 = inject("$urql");
-  if ("production" !== process.env.NODE_ENV && !e2) {
+  var e3 = inject("$urql");
+  if ("production" !== process.env.NODE_ENV && !e3) {
     throw new Error("No urql Client was provided. Did you forget to install the plugin or call `provideClient` in a parent?");
   }
-  return e2;
+  return e3;
 }
-function unwrapPossibleProxy(e2) {
-  return e2 && isRef(e2) ? e2.value : e2;
+function unwrapPossibleProxy(e3) {
+  return e3 && isRef(e3) ? e3.value : e3;
 }
 var b = {
   flush: "pre"
 };
-function callUseQuery(e2, l2 = useClient(), t2 = []) {
-  var n = reactive(e2);
+function callUseQuery(e3, l2 = useClient(), t3 = []) {
+  var n = reactive(e3);
   var o2 = ref();
   var v2 = ref(false);
   var f2 = ref(false);
-  var y = ref();
-  var d2 = ref();
-  var h = ref();
-  var x = isRef(e2.pause) ? e2.pause : ref(!!e2.pause);
-  var w = ref(createRequest(n.query, unwrapPossibleProxy(n.variables)));
+  var y3 = 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();
-  t2.push(watchEffect(() => {
-    var e3 = createRequest(n.query, unwrapPossibleProxy(n.variables));
-    if (w.value.key !== e3.key) {
-      w.value = e3;
+  t3.push(watchEffect(() => {
+    var e4 = createRequest(n.query, unwrapPossibleProxy(n.variables));
+    if (w2.value.key !== e4.key) {
+      w2.value = e4;
     }
   }, b));
-  t2.push(watchEffect(() => {
-    P.value = !x.value ? l2.value.executeQuery(w.value, {
+  t3.push(watchEffect(() => {
+    P.value = !x2.value ? l2.value.executeQuery(w2.value, {
       requestPolicy: n.requestPolicy,
       ...n.context
     }) : void 0;
   }, b));
-  var q = {
+  var q2 = {
     data: o2,
     stale: v2,
-    error: y,
-    operation: d2,
-    extensions: h,
+    error: y3,
+    operation: d4,
+    extensions: h4,
     fetching: f2,
-    isPaused: x,
-    executeQuery(e3) {
-      var u = P.value = l2.value.executeQuery(w.value, {
+    isPaused: x2,
+    executeQuery(e4) {
+      var u2 = P.value = l2.value.executeQuery(w2.value, {
         requestPolicy: n.requestPolicy,
         ...n.context,
-        ...e3
+        ...e4
       });
       return {
-        ...E,
-        then(e4, r2) {
-          var a;
-          return new Promise((e5) => {
+        ...E2,
+        then(e5, r2) {
+          var a3;
+          return new Promise((e6) => {
             var r3 = false;
-            a = subscribe(() => {
-              if (!q.fetching.value && !q.stale.value) {
-                if (a) {
-                  a.unsubscribe();
+            a3 = subscribe(() => {
+              if (!q2.fetching.value && !q2.stale.value) {
+                if (a3) {
+                  a3.unsubscribe();
                 }
                 r3 = true;
-                e5(q);
+                e6(q2);
               }
-            })(u);
+            })(u2);
             if (r3) {
-              a.unsubscribe();
+              a3.unsubscribe();
             }
-          }).then(e4, r2);
+          }).then(e5, r2);
         }
       };
     },
     pause() {
-      x.value = true;
+      x2.value = true;
     },
     resume() {
-      x.value = false;
+      x2.value = false;
     }
   };
-  t2.push(watchEffect((e3) => {
+  t3.push(watchEffect((e4) => {
     if (P.value) {
       f2.value = true;
       v2.value = false;
-      e3(subscribe((e4) => {
-        o2.value = e4.data;
-        v2.value = !!e4.stale;
+      e4(subscribe((e5) => {
+        o2.value = e5.data;
+        v2.value = !!e5.stale;
         f2.value = false;
-        y.value = e4.error;
-        d2.value = e4.operation;
-        h.value = e4.extensions;
+        y3.value = e5.error;
+        d4.value = e5.operation;
+        h4.value = e5.extensions;
       })(onEnd(() => {
         f2.value = false;
         v2.value = false;
@@ -3389,56 +3394,56 @@ function callUseQuery(e2, l2 = useClient(), t2 = []) {
   }, {
     flush: "sync"
   }));
-  var E = {
-    ...q,
-    then(e3, u) {
+  var E2 = {
+    ...q2,
+    then(e4, u2) {
       var r2;
-      return new Promise((e4) => {
+      return new Promise((e5) => {
         if (!P.value) {
-          return e4(q);
+          return e5(q2);
         }
-        var u2 = false;
+        var u3 = false;
         r2 = subscribe(() => {
-          if (!q.fetching.value && !q.stale.value) {
+          if (!q2.fetching.value && !q2.stale.value) {
             if (r2) {
               r2.unsubscribe();
             }
-            u2 = true;
-            e4(q);
+            u3 = true;
+            e5(q2);
           }
         })(P.value);
-        if (u2) {
+        if (u3) {
           r2.unsubscribe();
         }
-      }).then(e3, u);
+      }).then(e4, u2);
     }
   };
-  return E;
+  return E2;
 }
-function callUseMutation(e2, r2 = useClient()) {
+function callUseMutation(e3, r2 = useClient()) {
   var l2 = ref();
-  var t2 = ref(false);
+  var t3 = ref(false);
   var n = ref(false);
-  var s2 = ref();
-  var i2 = ref();
+  var s4 = ref();
+  var i3 = ref();
   var o2 = ref();
   return {
     data: l2,
-    stale: t2,
+    stale: t3,
     fetching: n,
-    error: s2,
-    operation: i2,
+    error: s4,
+    operation: i3,
     extensions: o2,
-    executeMutation(a, v2) {
+    executeMutation(a3, v2) {
       n.value = true;
-      return toPromise(take(1)(r2.value.executeMutation(createRequest(e2, unwrapPossibleProxy(a)), v2 || {}))).then((e3) => {
-        l2.value = e3.data;
-        t2.value = !!e3.stale;
+      return toPromise(take(1)(r2.value.executeMutation(createRequest(e3, unwrapPossibleProxy(a3)), v2 || {}))).then((e4) => {
+        l2.value = e4.data;
+        t3.value = !!e4.stale;
         n.value = false;
-        s2.value = e3.error;
-        i2.value = e3.operation;
-        o2.value = e3.extensions;
-        return e3;
+        s4.value = e4.error;
+        i3.value = e4.operation;
+        o2.value = e4.extensions;
+        return e4;
       });
     }
   };
@@ -3446,59 +3451,59 @@ function callUseMutation(e2, r2 = useClient()) {
 var d = {
   flush: "pre"
 };
-function callUseSubscription(e2, l2, t2 = useClient(), n = []) {
-  var o2 = reactive(e2);
+function callUseSubscription(e3, l2, t3 = useClient(), n = []) {
+  var o2 = reactive(e3);
   var v2 = ref();
   var f2 = ref(false);
-  var y = ref(false);
-  var b2 = ref();
-  var h = ref();
-  var x = ref();
-  var w = ref(l2);
-  var P = isRef(e2.pause) ? e2.pause : ref(!!e2.pause);
-  var q = ref(createRequest(o2.query, unwrapPossibleProxy(o2.variables)));
-  var E = ref();
+  var y3 = ref(false);
+  var b3 = 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 E2 = ref();
   n.push(watchEffect(() => {
-    var e3 = createRequest(o2.query, unwrapPossibleProxy(o2.variables));
-    if (q.value.key !== e3.key) {
-      q.value = e3;
+    var e4 = createRequest(o2.query, unwrapPossibleProxy(o2.variables));
+    if (q2.value.key !== e4.key) {
+      q2.value = e4;
     }
   }, d));
   n.push(watchEffect(() => {
-    E.value = !P.value ? t2.value.executeSubscription(q.value, {
+    E2.value = !P.value ? t3.value.executeSubscription(q2.value, {
       ...o2.context
     }) : void 0;
   }, d));
-  n.push(watchEffect((e3) => {
-    if (E.value) {
-      y.value = true;
-      e3(subscribe((e4) => {
-        y.value = true;
-        v2.value = void 0 !== e4.data ? "function" == typeof w.value ? w.value(v2.value, e4.data) : e4.data : e4.data, b2.value = e4.error;
-        x.value = e4.extensions;
-        f2.value = !!e4.stale;
-        h.value = e4.operation;
+  n.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;
+        f2.value = !!e5.stale;
+        h4.value = e5.operation;
       })(onEnd(() => {
-        y.value = false;
-      })(E.value)).unsubscribe);
+        y3.value = false;
+      })(E2.value)).unsubscribe);
     } else {
-      y.value = false;
+      y3.value = false;
     }
   }, d));
-  var m = {
+  var m3 = {
     data: v2,
     stale: f2,
-    error: b2,
-    operation: h,
-    extensions: x,
-    fetching: y,
+    error: b3,
+    operation: h4,
+    extensions: x2,
+    fetching: y3,
     isPaused: P,
-    executeSubscription(e3) {
-      E.value = t2.value.executeSubscription(q.value, {
+    executeSubscription(e4) {
+      E2.value = t3.value.executeSubscription(q2.value, {
         ...o2.context,
-        ...e3
+        ...e4
       });
-      return m;
+      return m3;
     },
     pause() {
       P.value = true;
@@ -3507,22 +3512,22 @@ function callUseSubscription(e2, l2, t2 = useClient(), n = []) {
       P.value = false;
     }
   };
-  return m;
+  return m3;
 }
 function useClientHandle() {
-  var e2 = useClient();
-  var u = [];
+  var e3 = useClient();
+  var u2 = [];
   onBeforeUnmount(() => {
-    var e3;
-    while (e3 = u.shift()) {
-      e3();
+    var e4;
+    while (e4 = u2.shift()) {
+      e4();
     }
   });
   var r2 = {
-    client: e2.value,
-    useQuery: (r3) => callUseQuery(r3, e2, u),
-    useSubscription: (r3, a) => callUseSubscription(r3, a, e2, u),
-    useMutation: (u2) => callUseMutation(u2, e2)
+    client: e3.value,
+    useQuery: (r3) => callUseQuery(r3, e3, u2),
+    useSubscription: (r3, a3) => callUseSubscription(r3, a3, e3, u2),
+    useMutation: (u3) => callUseMutation(u3, e3)
   };
   if ("production" !== process.env.NODE_ENV) {
     onMounted(() => {
@@ -3531,13 +3536,13 @@ function useClientHandle() {
           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, e2, u);
+          return callUseQuery(r3, e3, u2);
         },
-        useSubscription(r3, a) {
+        useSubscription(r3, 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, a, e2, u);
+          return callUseSubscription(r3, a3, e3, u2);
         }
       });
     });
@@ -3559,23 +3564,23 @@ function requiredArgs(required, args) {
     throw new TypeError(required + " argument" + (required > 1 ? "s" : "") + " required, but only " + args.length + " present");
   }
 }
-function _typeof(obj) {
+function _typeof$1(obj) {
   "@babel/helpers - typeof";
   if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof2(obj2) {
+    _typeof$1 = function _typeof2(obj2) {
       return typeof obj2;
     };
   } else {
-    _typeof = function _typeof2(obj2) {
+    _typeof$1 = function _typeof2(obj2) {
       return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
     };
   }
-  return _typeof(obj);
+  return _typeof$1(obj);
 }
 function toDate(argument) {
   requiredArgs(1, arguments);
   var argStr = Object.prototype.toString.call(argument);
-  if (argument instanceof Date || _typeof(argument) === "object" && argStr === "[object Date]") {
+  if (argument instanceof Date || _typeof$1(argument) === "object" && argStr === "[object Date]") {
     return new Date(argument.getTime());
   } else if (typeof argument === "number" || argStr === "[object Number]") {
     return new Date(argument);
@@ -3600,12 +3605,52 @@ function addDays(dirtyDate, dirtyAmount) {
   date.setDate(date.getDate() + amount);
   return date;
 }
+function addMilliseconds(dirtyDate, dirtyAmount) {
+  requiredArgs(2, arguments);
+  var timestamp = toDate(dirtyDate).getTime();
+  var amount = toInteger(dirtyAmount);
+  return new Date(timestamp + amount);
+}
+var defaultOptions = {};
+function getDefaultOptions() {
+  return defaultOptions;
+}
+function getTimezoneOffsetInMilliseconds(date) {
+  var utcDate = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()));
+  utcDate.setUTCFullYear(date.getFullYear());
+  return date.getTime() - utcDate.getTime();
+}
 function startOfDay(dirtyDate) {
   requiredArgs(1, arguments);
   var date = toDate(dirtyDate);
   date.setHours(0, 0, 0, 0);
   return date;
 }
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+    _typeof = function _typeof2(obj2) {
+      return typeof obj2;
+    };
+  } else {
+    _typeof = function _typeof2(obj2) {
+      return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+    };
+  }
+  return _typeof(obj);
+}
+function isDate(value) {
+  requiredArgs(1, arguments);
+  return value instanceof Date || _typeof(value) === "object" && Object.prototype.toString.call(value) === "[object Date]";
+}
+function isValid(dirtyDate) {
+  requiredArgs(1, arguments);
+  if (!isDate(dirtyDate) && typeof dirtyDate !== "number") {
+    return false;
+  }
+  var date = toDate(dirtyDate);
+  return !isNaN(Number(date));
+}
 function endOfDay(dirtyDate) {
   requiredArgs(1, arguments);
   var date = toDate(dirtyDate);
@@ -3615,229 +3660,2073 @@ function endOfDay(dirtyDate) {
 function endOfToday() {
   return endOfDay(Date.now());
 }
-function startOfToday() {
-  return startOfDay(Date.now());
+function subMilliseconds(dirtyDate, dirtyAmount) {
+  requiredArgs(2, arguments);
+  var amount = toInteger(dirtyAmount);
+  return addMilliseconds(dirtyDate, -amount);
 }
-const useOperasionalStore = defineStore("neu:operasional", () => {
-  const isLoading = ref(false);
-  const staff = ref(null);
-  return {
-    isLoading,
-    staff,
-    setStaff
-  };
-  function setStaff(data) {
-    staff.value = data;
-  }
-});
-const useAttendanceStore = defineStore("neu:personalia:attendance", {
-  state: () => ({
-    isEntering: false,
-    isAsking: false,
-    isScanning: false,
-    isScanError: false,
-    isScanned: false,
-    qrKey: "",
-    type: "in",
-    checkInId: ""
-  }),
-  getters: {},
-  actions: {
-    reset() {
-      this.$patch((state) => {
-        state.isEntering = false;
-        state.isScanning = false;
-        state.isScanError = false;
-        state.isScanned = false;
-        state.qrKey = "";
-        state.type = "in";
-        state.checkInId = "";
-      });
-    },
-    async checkInStaff(qrKey, type, staffId) {
-      const { client } = useClientHandle();
-      try {
-        this.qrKey = qrKey;
-        this.type = type;
-        const resp = await client.mutation(GraphUtil.executeOne(models.CheckInModel, {}), {
-          action: "presence",
-          input: {
-            staffId,
-            qrKey: this.qrKey || null,
-            type: this.type
-          }
-        }).toPromise();
-        const data = resp.data.executeCheckIn.output;
-        if (data) {
-          this.checkInId = data || "";
-          this.isScanning = false;
-          this.isScanned = true;
-        } else
-          throw new Error("Terjadi kesalahan.");
-      } catch (error) {
-        console.log(error);
-        this.isScanError = true;
-      }
-    }
+var MILLISECONDS_IN_DAY = 864e5;
+function getUTCDayOfYear(dirtyDate) {
+  requiredArgs(1, arguments);
+  var date = toDate(dirtyDate);
+  var timestamp = date.getTime();
+  date.setUTCMonth(0, 1);
+  date.setUTCHours(0, 0, 0, 0);
+  var startOfYearTimestamp = date.getTime();
+  var difference = timestamp - startOfYearTimestamp;
+  return Math.floor(difference / MILLISECONDS_IN_DAY) + 1;
+}
+function startOfUTCISOWeek(dirtyDate) {
+  requiredArgs(1, arguments);
+  var weekStartsOn = 1;
+  var date = toDate(dirtyDate);
+  var day = date.getUTCDay();
+  var diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
+  date.setUTCDate(date.getUTCDate() - diff);
+  date.setUTCHours(0, 0, 0, 0);
+  return date;
+}
+function getUTCISOWeekYear(dirtyDate) {
+  requiredArgs(1, arguments);
+  var date = toDate(dirtyDate);
+  var year = date.getUTCFullYear();
+  var fourthOfJanuaryOfNextYear = new Date(0);
+  fourthOfJanuaryOfNextYear.setUTCFullYear(year + 1, 0, 4);
+  fourthOfJanuaryOfNextYear.setUTCHours(0, 0, 0, 0);
+  var startOfNextYear = startOfUTCISOWeek(fourthOfJanuaryOfNextYear);
+  var fourthOfJanuaryOfThisYear = new Date(0);
+  fourthOfJanuaryOfThisYear.setUTCFullYear(year, 0, 4);
+  fourthOfJanuaryOfThisYear.setUTCHours(0, 0, 0, 0);
+  var startOfThisYear = startOfUTCISOWeek(fourthOfJanuaryOfThisYear);
+  if (date.getTime() >= startOfNextYear.getTime()) {
+    return year + 1;
+  } else if (date.getTime() >= startOfThisYear.getTime()) {
+    return year;
+  } else {
+    return year - 1;
   }
-});
-const operasional_types = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-function useOperasional() {
-  const context = ComponentUtil.injectStrict(
-    "neu:operasional:operasional"
-  );
-  return { ...context };
 }
-const { StaffModel: StaffModel$1 } = models$1;
-function withOperasional() {
-  const authStore = useAuthStore();
-  const { userId } = storeToRefs(authStore);
-  const store = useOperasionalStore();
-  const { isLoading, staff } = storeToRefs(store);
-  const { client } = useClientHandle();
-  const context = {
-    isLoading,
-    staff,
-    setStaff: store.setStaff,
-    getStaff,
-    init
-  };
-  provide("neu:operasional:operasional", context);
-  return context;
-  async function init() {
-    await Promise.all([getStaff()]);
+function startOfUTCISOWeekYear(dirtyDate) {
+  requiredArgs(1, arguments);
+  var year = getUTCISOWeekYear(dirtyDate);
+  var fourthOfJanuary = new Date(0);
+  fourthOfJanuary.setUTCFullYear(year, 0, 4);
+  fourthOfJanuary.setUTCHours(0, 0, 0, 0);
+  var date = startOfUTCISOWeek(fourthOfJanuary);
+  return date;
+}
+var MILLISECONDS_IN_WEEK$1 = 6048e5;
+function getUTCISOWeek(dirtyDate) {
+  requiredArgs(1, arguments);
+  var date = toDate(dirtyDate);
+  var diff = startOfUTCISOWeek(date).getTime() - startOfUTCISOWeekYear(date).getTime();
+  return Math.round(diff / MILLISECONDS_IN_WEEK$1) + 1;
+}
+function startOfUTCWeek(dirtyDate, options) {
+  var _ref, _ref2, _ref3, _options$weekStartsOn, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
+  requiredArgs(1, arguments);
+  var defaultOptions2 = getDefaultOptions();
+  var weekStartsOn = toInteger((_ref = (_ref2 = (_ref3 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.weekStartsOn) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions2.weekStartsOn) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions2.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.weekStartsOn) !== null && _ref !== void 0 ? _ref : 0);
+  if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
+    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
   }
-  async function getStaff() {
-    var _a;
-    const resp = await client.query(
-      GraphUtil.getMany(StaffModel$1, {
-        id: 1,
-        flag: 1,
-        display: 1,
-        nik: 1,
-        name: 1,
-        birthDate: 1,
-        birthPlace: 1,
-        image: 1,
-        branchId: 1,
-        branchIds: 1,
-        branch: { id: 1, name: 1 },
-        branches: { id: 1, name: 1 },
-        note: 1
-      }),
-      {
-        filter: { userId: userId.value },
-        limit: 1,
-        logs: ["error"]
-      },
-      { requestPolicy: "network-only" }
-    ).toPromise();
-    const wrapper = (_a = resp.data) == null ? void 0 : _a[StaffModel$1.plural];
-    const items = (wrapper == null ? void 0 : wrapper.items) || [];
-    store.setStaff(items[0]);
+  var date = toDate(dirtyDate);
+  var day = date.getUTCDay();
+  var diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
+  date.setUTCDate(date.getUTCDate() - diff);
+  date.setUTCHours(0, 0, 0, 0);
+  return date;
+}
+function getUTCWeekYear(dirtyDate, options) {
+  var _ref, _ref2, _ref3, _options$firstWeekCon, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
+  requiredArgs(1, arguments);
+  var date = toDate(dirtyDate);
+  var year = date.getUTCFullYear();
+  var defaultOptions2 = getDefaultOptions();
+  var firstWeekContainsDate = toInteger((_ref = (_ref2 = (_ref3 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions2.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions2.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref !== void 0 ? _ref : 1);
+  if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
+    throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
+  }
+  var firstWeekOfNextYear = new Date(0);
+  firstWeekOfNextYear.setUTCFullYear(year + 1, 0, firstWeekContainsDate);
+  firstWeekOfNextYear.setUTCHours(0, 0, 0, 0);
+  var startOfNextYear = startOfUTCWeek(firstWeekOfNextYear, options);
+  var firstWeekOfThisYear = new Date(0);
+  firstWeekOfThisYear.setUTCFullYear(year, 0, firstWeekContainsDate);
+  firstWeekOfThisYear.setUTCHours(0, 0, 0, 0);
+  var startOfThisYear = startOfUTCWeek(firstWeekOfThisYear, options);
+  if (date.getTime() >= startOfNextYear.getTime()) {
+    return year + 1;
+  } else if (date.getTime() >= startOfThisYear.getTime()) {
+    return year;
+  } else {
+    return year - 1;
   }
 }
-function mitt(n) {
-  return { all: n = n || /* @__PURE__ */ new Map(), on: function(t2, e2) {
-    var i2 = n.get(t2);
-    i2 ? i2.push(e2) : n.set(t2, [e2]);
-  }, off: function(t2, e2) {
-    var i2 = n.get(t2);
-    i2 && (e2 ? i2.splice(i2.indexOf(e2) >>> 0, 1) : n.set(t2, []));
-  }, emit: function(t2, e2) {
-    var i2 = n.get(t2);
-    i2 && i2.slice().map(function(n2) {
-      n2(e2);
-    }), (i2 = n.get("*")) && i2.slice().map(function(n2) {
-      n2(t2, e2);
-    });
-  } };
+function startOfUTCWeekYear(dirtyDate, options) {
+  var _ref, _ref2, _ref3, _options$firstWeekCon, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;
+  requiredArgs(1, arguments);
+  var defaultOptions2 = getDefaultOptions();
+  var firstWeekContainsDate = toInteger((_ref = (_ref2 = (_ref3 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions2.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions2.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref !== void 0 ? _ref : 1);
+  var year = getUTCWeekYear(dirtyDate, options);
+  var firstWeek = new Date(0);
+  firstWeek.setUTCFullYear(year, 0, firstWeekContainsDate);
+  firstWeek.setUTCHours(0, 0, 0, 0);
+  var date = startOfUTCWeek(firstWeek, options);
+  return date;
 }
-const bus = mitt();
-const _withScopeId$2 = (n) => (pushScopeId("data-v-3ba48e60"), n = n(), popScopeId(), n);
-const _hoisted_1$7 = { id: "view-checkIns" };
-const _hoisted_2$4 = { class: "summary" };
-const _hoisted_3$1 = { class: "wrapper" };
-const _hoisted_4$1 = { class: "header" };
-const _hoisted_5 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode(
-  "div",
-  { class: "start" },
-  [
-    /* @__PURE__ */ createElementVNode("div", { class: "title" }, "➡️ Presensi"),
-    /* @__PURE__ */ createElementVNode("div", { class: "description" }, "Daftar presensi hari ini.")
-  ],
-  -1
-  /* HOISTED */
-));
-const _hoisted_6 = { class: "end" };
-const __default__$7 = defineComponent({
-  name: "CheckInPresenceCollection"
-});
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
-  ...__default__$7,
-  setup(__props) {
-    const collectionBus = useEventBus("neu:tempat:checkIn");
-    const { client } = useClientHandle();
-    const { staff } = useOperasional();
-    const attendanceStore = useAttendanceStore();
-    const { isAsking, isScanning, isEntering, isScanError, isScanned, type } = storeToRefs(attendanceStore);
-    const toast = useToastStore();
-    const isCheckpoint = ref(false);
-    collectionBus.on((event, payload) => {
-      if (isCheckpoint.value === true) {
-        if (event === "createOne:ok") {
-          const toastId = "neu:personalia:staff:checkIn";
-          toast.push({
-            id: toastId,
-            icon: "check",
-            content: "Presensi berhasil.",
-            color: "success"
-          });
-          isCheckpoint.value = false;
-        }
-      }
-    });
-    const query = computed(() => {
-      var _a;
-      return Query.define({
-        filter: {
-          handle: "",
-          operator: "mongo",
-          value: {
-            // staffId: staff.value?.id,
-            // $and: PeriodUtil.getPeriodFilter('checkInAt', new Date().toISOString()),
-            $and: [
-              { staffId: (_a = staff.value) == null ? void 0 : _a.id },
-              { checkInAt: { $gte: addDays(startOfToday(), 1) } },
-              { checkInAt: { $lte: endOfToday() } }
-            ]
-          }
-        }
-      });
-    });
-    function onPresenceIn(data) {
-      isAsking.value = true;
-      type.value = "in";
-    }
-    function onPresenceOut(data) {
-      isAsking.value = true;
-      type.value = "out";
+var MILLISECONDS_IN_WEEK = 6048e5;
+function getUTCWeek(dirtyDate, options) {
+  requiredArgs(1, arguments);
+  var date = toDate(dirtyDate);
+  var diff = startOfUTCWeek(date, options).getTime() - startOfUTCWeekYear(date, options).getTime();
+  return Math.round(diff / MILLISECONDS_IN_WEEK) + 1;
+}
+function addLeadingZeros(number, targetLength) {
+  var sign = number < 0 ? "-" : "";
+  var output = Math.abs(number).toString();
+  while (output.length < targetLength) {
+    output = "0" + output;
+  }
+  return sign + output;
+}
+var formatters$2 = {
+  // Year
+  y: function y(date, token) {
+    var signedYear = date.getUTCFullYear();
+    var year = signedYear > 0 ? signedYear : 1 - signedYear;
+    return addLeadingZeros(token === "yy" ? year % 100 : year, token.length);
+  },
+  // Month
+  M: function M(date, token) {
+    var month = date.getUTCMonth();
+    return token === "M" ? String(month + 1) : addLeadingZeros(month + 1, 2);
+  },
+  // Day of the month
+  d: function d2(date, token) {
+    return addLeadingZeros(date.getUTCDate(), token.length);
+  },
+  // AM or PM
+  a: function a(date, token) {
+    var dayPeriodEnumValue = date.getUTCHours() / 12 >= 1 ? "pm" : "am";
+    switch (token) {
+      case "a":
+      case "aa":
+        return dayPeriodEnumValue.toUpperCase();
+      case "aaa":
+        return dayPeriodEnumValue;
+      case "aaaaa":
+        return dayPeriodEnumValue[0];
+      case "aaaa":
+      default:
+        return dayPeriodEnumValue === "am" ? "a.m." : "p.m.";
     }
-    async function onPresenceHome() {
+  },
+  // Hour [1-12]
+  h: function h2(date, token) {
+    return addLeadingZeros(date.getUTCHours() % 12 || 12, token.length);
+  },
+  // Hour [0-23]
+  H: function H(date, token) {
+    return addLeadingZeros(date.getUTCHours(), token.length);
+  },
+  // Minute
+  m: function m(date, token) {
+    return addLeadingZeros(date.getUTCMinutes(), token.length);
+  },
+  // Second
+  s: function s2(date, token) {
+    return addLeadingZeros(date.getUTCSeconds(), token.length);
+  },
+  // Fraction of second
+  S: function S(date, token) {
+    var numberOfDigits = token.length;
+    var milliseconds = date.getUTCMilliseconds();
+    var fractionalSeconds = Math.floor(milliseconds * Math.pow(10, numberOfDigits - 3));
+    return addLeadingZeros(fractionalSeconds, token.length);
+  }
+};
+const formatters$3 = formatters$2;
+var dayPeriodEnum = {
+  am: "am",
+  pm: "pm",
+  midnight: "midnight",
+  noon: "noon",
+  morning: "morning",
+  afternoon: "afternoon",
+  evening: "evening",
+  night: "night"
+};
+var formatters = {
+  // Era
+  G: function G(date, token, localize2) {
+    var era = date.getUTCFullYear() > 0 ? 1 : 0;
+    switch (token) {
+      case "G":
+      case "GG":
+      case "GGG":
+        return localize2.era(era, {
+          width: "abbreviated"
+        });
+      case "GGGGG":
+        return localize2.era(era, {
+          width: "narrow"
+        });
+      case "GGGG":
+      default:
+        return localize2.era(era, {
+          width: "wide"
+        });
+    }
+  },
+  // Year
+  y: function y2(date, token, localize2) {
+    if (token === "yo") {
+      var signedYear = date.getUTCFullYear();
+      var year = signedYear > 0 ? signedYear : 1 - signedYear;
+      return localize2.ordinalNumber(year, {
+        unit: "year"
+      });
+    }
+    return formatters$3.y(date, token);
+  },
+  // Local week-numbering year
+  Y: function Y(date, token, localize2, options) {
+    var signedWeekYear = getUTCWeekYear(date, options);
+    var weekYear = signedWeekYear > 0 ? signedWeekYear : 1 - signedWeekYear;
+    if (token === "YY") {
+      var twoDigitYear = weekYear % 100;
+      return addLeadingZeros(twoDigitYear, 2);
+    }
+    if (token === "Yo") {
+      return localize2.ordinalNumber(weekYear, {
+        unit: "year"
+      });
+    }
+    return addLeadingZeros(weekYear, token.length);
+  },
+  // ISO week-numbering year
+  R: function R(date, token) {
+    var isoWeekYear = getUTCISOWeekYear(date);
+    return addLeadingZeros(isoWeekYear, token.length);
+  },
+  // Extended year. This is a single number designating the year of this calendar system.
+  // The main difference between `y` and `u` localizers are B.C. years:
+  // | Year | `y` | `u` |
+  // |------|-----|-----|
+  // | AC 1 |   1 |   1 |
+  // | BC 1 |   1 |   0 |
+  // | BC 2 |   2 |  -1 |
+  // Also `yy` always returns the last two digits of a year,
+  // while `uu` pads single digit years to 2 characters and returns other years unchanged.
+  u: function u(date, token) {
+    var year = date.getUTCFullYear();
+    return addLeadingZeros(year, token.length);
+  },
+  // Quarter
+  Q: function Q(date, token, localize2) {
+    var quarter = Math.ceil((date.getUTCMonth() + 1) / 3);
+    switch (token) {
+      case "Q":
+        return String(quarter);
+      case "QQ":
+        return addLeadingZeros(quarter, 2);
+      case "Qo":
+        return localize2.ordinalNumber(quarter, {
+          unit: "quarter"
+        });
+      case "QQQ":
+        return localize2.quarter(quarter, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "QQQQQ":
+        return localize2.quarter(quarter, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "QQQQ":
+      default:
+        return localize2.quarter(quarter, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone quarter
+  q: function q(date, token, localize2) {
+    var quarter = Math.ceil((date.getUTCMonth() + 1) / 3);
+    switch (token) {
+      case "q":
+        return String(quarter);
+      case "qq":
+        return addLeadingZeros(quarter, 2);
+      case "qo":
+        return localize2.ordinalNumber(quarter, {
+          unit: "quarter"
+        });
+      case "qqq":
+        return localize2.quarter(quarter, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      case "qqqqq":
+        return localize2.quarter(quarter, {
+          width: "narrow",
+          context: "standalone"
+        });
+      case "qqqq":
+      default:
+        return localize2.quarter(quarter, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // Month
+  M: function M2(date, token, localize2) {
+    var month = date.getUTCMonth();
+    switch (token) {
+      case "M":
+      case "MM":
+        return formatters$3.M(date, token);
+      case "Mo":
+        return localize2.ordinalNumber(month + 1, {
+          unit: "month"
+        });
+      case "MMM":
+        return localize2.month(month, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "MMMMM":
+        return localize2.month(month, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "MMMM":
+      default:
+        return localize2.month(month, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone month
+  L: function L(date, token, localize2) {
+    var month = date.getUTCMonth();
+    switch (token) {
+      case "L":
+        return String(month + 1);
+      case "LL":
+        return addLeadingZeros(month + 1, 2);
+      case "Lo":
+        return localize2.ordinalNumber(month + 1, {
+          unit: "month"
+        });
+      case "LLL":
+        return localize2.month(month, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      case "LLLLL":
+        return localize2.month(month, {
+          width: "narrow",
+          context: "standalone"
+        });
+      case "LLLL":
+      default:
+        return localize2.month(month, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // Local week of year
+  w: function w(date, token, localize2, options) {
+    var week = getUTCWeek(date, options);
+    if (token === "wo") {
+      return localize2.ordinalNumber(week, {
+        unit: "week"
+      });
+    }
+    return addLeadingZeros(week, token.length);
+  },
+  // ISO week of year
+  I: function I(date, token, localize2) {
+    var isoWeek = getUTCISOWeek(date);
+    if (token === "Io") {
+      return localize2.ordinalNumber(isoWeek, {
+        unit: "week"
+      });
+    }
+    return addLeadingZeros(isoWeek, token.length);
+  },
+  // Day of the month
+  d: function d3(date, token, localize2) {
+    if (token === "do") {
+      return localize2.ordinalNumber(date.getUTCDate(), {
+        unit: "date"
+      });
+    }
+    return formatters$3.d(date, token);
+  },
+  // Day of year
+  D: function D(date, token, localize2) {
+    var dayOfYear = getUTCDayOfYear(date);
+    if (token === "Do") {
+      return localize2.ordinalNumber(dayOfYear, {
+        unit: "dayOfYear"
+      });
+    }
+    return addLeadingZeros(dayOfYear, token.length);
+  },
+  // Day of week
+  E: function E(date, token, localize2) {
+    var dayOfWeek = date.getUTCDay();
+    switch (token) {
+      case "E":
+      case "EE":
+      case "EEE":
+        return localize2.day(dayOfWeek, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "EEEEE":
+        return localize2.day(dayOfWeek, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "EEEEEE":
+        return localize2.day(dayOfWeek, {
+          width: "short",
+          context: "formatting"
+        });
+      case "EEEE":
+      default:
+        return localize2.day(dayOfWeek, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Local day of week
+  e: function e(date, token, localize2, options) {
+    var dayOfWeek = date.getUTCDay();
+    var localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
+    switch (token) {
+      case "e":
+        return String(localDayOfWeek);
+      case "ee":
+        return addLeadingZeros(localDayOfWeek, 2);
+      case "eo":
+        return localize2.ordinalNumber(localDayOfWeek, {
+          unit: "day"
+        });
+      case "eee":
+        return localize2.day(dayOfWeek, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "eeeee":
+        return localize2.day(dayOfWeek, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "eeeeee":
+        return localize2.day(dayOfWeek, {
+          width: "short",
+          context: "formatting"
+        });
+      case "eeee":
+      default:
+        return localize2.day(dayOfWeek, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone local day of week
+  c: function c(date, token, localize2, options) {
+    var dayOfWeek = date.getUTCDay();
+    var localDayOfWeek = (dayOfWeek - options.weekStartsOn + 8) % 7 || 7;
+    switch (token) {
+      case "c":
+        return String(localDayOfWeek);
+      case "cc":
+        return addLeadingZeros(localDayOfWeek, token.length);
+      case "co":
+        return localize2.ordinalNumber(localDayOfWeek, {
+          unit: "day"
+        });
+      case "ccc":
+        return localize2.day(dayOfWeek, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      case "ccccc":
+        return localize2.day(dayOfWeek, {
+          width: "narrow",
+          context: "standalone"
+        });
+      case "cccccc":
+        return localize2.day(dayOfWeek, {
+          width: "short",
+          context: "standalone"
+        });
+      case "cccc":
+      default:
+        return localize2.day(dayOfWeek, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // ISO day of week
+  i: function i2(date, token, localize2) {
+    var dayOfWeek = date.getUTCDay();
+    var isoDayOfWeek = dayOfWeek === 0 ? 7 : dayOfWeek;
+    switch (token) {
+      case "i":
+        return String(isoDayOfWeek);
+      case "ii":
+        return addLeadingZeros(isoDayOfWeek, token.length);
+      case "io":
+        return localize2.ordinalNumber(isoDayOfWeek, {
+          unit: "day"
+        });
+      case "iii":
+        return localize2.day(dayOfWeek, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "iiiii":
+        return localize2.day(dayOfWeek, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "iiiiii":
+        return localize2.day(dayOfWeek, {
+          width: "short",
+          context: "formatting"
+        });
+      case "iiii":
+      default:
+        return localize2.day(dayOfWeek, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM or PM
+  a: function a2(date, token, localize2) {
+    var hours = date.getUTCHours();
+    var dayPeriodEnumValue = hours / 12 >= 1 ? "pm" : "am";
+    switch (token) {
+      case "a":
+      case "aa":
+        return localize2.dayPeriod(dayPeriodEnumValue, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "aaa":
+        return localize2.dayPeriod(dayPeriodEnumValue, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "aaaaa":
+        return localize2.dayPeriod(dayPeriodEnumValue, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "aaaa":
+      default:
+        return localize2.dayPeriod(dayPeriodEnumValue, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM, PM, midnight, noon
+  b: function b2(date, token, localize2) {
+    var hours = date.getUTCHours();
+    var dayPeriodEnumValue;
+    if (hours === 12) {
+      dayPeriodEnumValue = dayPeriodEnum.noon;
+    } else if (hours === 0) {
+      dayPeriodEnumValue = dayPeriodEnum.midnight;
+    } else {
+      dayPeriodEnumValue = hours / 12 >= 1 ? "pm" : "am";
+    }
+    switch (token) {
+      case "b":
+      case "bb":
+        return localize2.dayPeriod(dayPeriodEnumValue, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "bbb":
+        return localize2.dayPeriod(dayPeriodEnumValue, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "bbbbb":
+        return localize2.dayPeriod(dayPeriodEnumValue, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "bbbb":
+      default:
+        return localize2.dayPeriod(dayPeriodEnumValue, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // in the morning, in the afternoon, in the evening, at night
+  B: function B(date, token, localize2) {
+    var hours = date.getUTCHours();
+    var dayPeriodEnumValue;
+    if (hours >= 17) {
+      dayPeriodEnumValue = dayPeriodEnum.evening;
+    } else if (hours >= 12) {
+      dayPeriodEnumValue = dayPeriodEnum.afternoon;
+    } else if (hours >= 4) {
+      dayPeriodEnumValue = dayPeriodEnum.morning;
+    } else {
+      dayPeriodEnumValue = dayPeriodEnum.night;
+    }
+    switch (token) {
+      case "B":
+      case "BB":
+      case "BBB":
+        return localize2.dayPeriod(dayPeriodEnumValue, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "BBBBB":
+        return localize2.dayPeriod(dayPeriodEnumValue, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "BBBB":
+      default:
+        return localize2.dayPeriod(dayPeriodEnumValue, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Hour [1-12]
+  h: function h3(date, token, localize2) {
+    if (token === "ho") {
+      var hours = date.getUTCHours() % 12;
+      if (hours === 0)
+        hours = 12;
+      return localize2.ordinalNumber(hours, {
+        unit: "hour"
+      });
+    }
+    return formatters$3.h(date, token);
+  },
+  // Hour [0-23]
+  H: function H2(date, token, localize2) {
+    if (token === "Ho") {
+      return localize2.ordinalNumber(date.getUTCHours(), {
+        unit: "hour"
+      });
+    }
+    return formatters$3.H(date, token);
+  },
+  // Hour [0-11]
+  K: function K(date, token, localize2) {
+    var hours = date.getUTCHours() % 12;
+    if (token === "Ko") {
+      return localize2.ordinalNumber(hours, {
+        unit: "hour"
+      });
+    }
+    return addLeadingZeros(hours, token.length);
+  },
+  // Hour [1-24]
+  k: function k(date, token, localize2) {
+    var hours = date.getUTCHours();
+    if (hours === 0)
+      hours = 24;
+    if (token === "ko") {
+      return localize2.ordinalNumber(hours, {
+        unit: "hour"
+      });
+    }
+    return addLeadingZeros(hours, token.length);
+  },
+  // Minute
+  m: function m2(date, token, localize2) {
+    if (token === "mo") {
+      return localize2.ordinalNumber(date.getUTCMinutes(), {
+        unit: "minute"
+      });
+    }
+    return formatters$3.m(date, token);
+  },
+  // Second
+  s: function s3(date, token, localize2) {
+    if (token === "so") {
+      return localize2.ordinalNumber(date.getUTCSeconds(), {
+        unit: "second"
+      });
+    }
+    return formatters$3.s(date, token);
+  },
+  // Fraction of second
+  S: function S2(date, token) {
+    return formatters$3.S(date, token);
+  },
+  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
+  X: function X(date, token, _localize, options) {
+    var originalDate = options._originalDate || date;
+    var timezoneOffset = originalDate.getTimezoneOffset();
+    if (timezoneOffset === 0) {
+      return "Z";
+    }
+    switch (token) {
+      case "X":
+        return formatTimezoneWithOptionalMinutes(timezoneOffset);
+      case "XXXX":
+      case "XX":
+        return formatTimezone(timezoneOffset);
+      case "XXXXX":
+      case "XXX":
+      default:
+        return formatTimezone(timezoneOffset, ":");
+    }
+  },
+  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
+  x: function x(date, token, _localize, options) {
+    var originalDate = options._originalDate || date;
+    var timezoneOffset = originalDate.getTimezoneOffset();
+    switch (token) {
+      case "x":
+        return formatTimezoneWithOptionalMinutes(timezoneOffset);
+      case "xxxx":
+      case "xx":
+        return formatTimezone(timezoneOffset);
+      case "xxxxx":
+      case "xxx":
+      default:
+        return formatTimezone(timezoneOffset, ":");
+    }
+  },
+  // Timezone (GMT)
+  O: function O(date, token, _localize, options) {
+    var originalDate = options._originalDate || date;
+    var timezoneOffset = originalDate.getTimezoneOffset();
+    switch (token) {
+      case "O":
+      case "OO":
+      case "OOO":
+        return "GMT" + formatTimezoneShort(timezoneOffset, ":");
+      case "OOOO":
+      default:
+        return "GMT" + formatTimezone(timezoneOffset, ":");
+    }
+  },
+  // Timezone (specific non-location)
+  z: function z(date, token, _localize, options) {
+    var originalDate = options._originalDate || date;
+    var timezoneOffset = originalDate.getTimezoneOffset();
+    switch (token) {
+      case "z":
+      case "zz":
+      case "zzz":
+        return "GMT" + formatTimezoneShort(timezoneOffset, ":");
+      case "zzzz":
+      default:
+        return "GMT" + formatTimezone(timezoneOffset, ":");
+    }
+  },
+  // Seconds timestamp
+  t: function t2(date, token, _localize, options) {
+    var originalDate = options._originalDate || date;
+    var timestamp = Math.floor(originalDate.getTime() / 1e3);
+    return addLeadingZeros(timestamp, token.length);
+  },
+  // Milliseconds timestamp
+  T: function T(date, token, _localize, options) {
+    var originalDate = options._originalDate || date;
+    var timestamp = originalDate.getTime();
+    return addLeadingZeros(timestamp, token.length);
+  }
+};
+function formatTimezoneShort(offset, dirtyDelimiter) {
+  var sign = offset > 0 ? "-" : "+";
+  var absOffset = Math.abs(offset);
+  var hours = Math.floor(absOffset / 60);
+  var minutes = absOffset % 60;
+  if (minutes === 0) {
+    return sign + String(hours);
+  }
+  var delimiter = dirtyDelimiter || "";
+  return sign + String(hours) + delimiter + addLeadingZeros(minutes, 2);
+}
+function formatTimezoneWithOptionalMinutes(offset, dirtyDelimiter) {
+  if (offset % 60 === 0) {
+    var sign = offset > 0 ? "-" : "+";
+    return sign + addLeadingZeros(Math.abs(offset) / 60, 2);
+  }
+  return formatTimezone(offset, dirtyDelimiter);
+}
+function formatTimezone(offset, dirtyDelimiter) {
+  var delimiter = dirtyDelimiter || "";
+  var sign = offset > 0 ? "-" : "+";
+  var absOffset = Math.abs(offset);
+  var hours = addLeadingZeros(Math.floor(absOffset / 60), 2);
+  var minutes = addLeadingZeros(absOffset % 60, 2);
+  return sign + hours + delimiter + minutes;
+}
+const formatters$1 = formatters;
+var dateLongFormatter = function dateLongFormatter2(pattern, formatLong2) {
+  switch (pattern) {
+    case "P":
+      return formatLong2.date({
+        width: "short"
+      });
+    case "PP":
+      return formatLong2.date({
+        width: "medium"
+      });
+    case "PPP":
+      return formatLong2.date({
+        width: "long"
+      });
+    case "PPPP":
+    default:
+      return formatLong2.date({
+        width: "full"
+      });
+  }
+};
+var timeLongFormatter = function timeLongFormatter2(pattern, formatLong2) {
+  switch (pattern) {
+    case "p":
+      return formatLong2.time({
+        width: "short"
+      });
+    case "pp":
+      return formatLong2.time({
+        width: "medium"
+      });
+    case "ppp":
+      return formatLong2.time({
+        width: "long"
+      });
+    case "pppp":
+    default:
+      return formatLong2.time({
+        width: "full"
+      });
+  }
+};
+var dateTimeLongFormatter = function dateTimeLongFormatter2(pattern, formatLong2) {
+  var matchResult = pattern.match(/(P+)(p+)?/) || [];
+  var datePattern = matchResult[1];
+  var timePattern = matchResult[2];
+  if (!timePattern) {
+    return dateLongFormatter(pattern, formatLong2);
+  }
+  var dateTimeFormat;
+  switch (datePattern) {
+    case "P":
+      dateTimeFormat = formatLong2.dateTime({
+        width: "short"
+      });
+      break;
+    case "PP":
+      dateTimeFormat = formatLong2.dateTime({
+        width: "medium"
+      });
+      break;
+    case "PPP":
+      dateTimeFormat = formatLong2.dateTime({
+        width: "long"
+      });
+      break;
+    case "PPPP":
+    default:
+      dateTimeFormat = formatLong2.dateTime({
+        width: "full"
+      });
+      break;
+  }
+  return dateTimeFormat.replace("{{date}}", dateLongFormatter(datePattern, formatLong2)).replace("{{time}}", timeLongFormatter(timePattern, formatLong2));
+};
+var longFormatters = {
+  p: timeLongFormatter,
+  P: dateTimeLongFormatter
+};
+const longFormatters$1 = longFormatters;
+var protectedDayOfYearTokens = ["D", "DD"];
+var protectedWeekYearTokens = ["YY", "YYYY"];
+function isProtectedDayOfYearToken(token) {
+  return protectedDayOfYearTokens.indexOf(token) !== -1;
+}
+function isProtectedWeekYearToken(token) {
+  return protectedWeekYearTokens.indexOf(token) !== -1;
+}
+function throwProtectedError(token, format2, input) {
+  if (token === "YYYY") {
+    throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(format2, "`) for formatting years to the input `").concat(input, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
+  } else if (token === "YY") {
+    throw new RangeError("Use `yy` instead of `YY` (in `".concat(format2, "`) for formatting years to the input `").concat(input, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
+  } else if (token === "D") {
+    throw new RangeError("Use `d` instead of `D` (in `".concat(format2, "`) for formatting days of the month to the input `").concat(input, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
+  } else if (token === "DD") {
+    throw new RangeError("Use `dd` instead of `DD` (in `".concat(format2, "`) for formatting days of the month to the input `").concat(input, "`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));
+  }
+}
+var formatDistanceLocale = {
+  lessThanXSeconds: {
+    one: "less than a second",
+    other: "less than {{count}} seconds"
+  },
+  xSeconds: {
+    one: "1 second",
+    other: "{{count}} seconds"
+  },
+  halfAMinute: "half a minute",
+  lessThanXMinutes: {
+    one: "less than a minute",
+    other: "less than {{count}} minutes"
+  },
+  xMinutes: {
+    one: "1 minute",
+    other: "{{count}} minutes"
+  },
+  aboutXHours: {
+    one: "about 1 hour",
+    other: "about {{count}} hours"
+  },
+  xHours: {
+    one: "1 hour",
+    other: "{{count}} hours"
+  },
+  xDays: {
+    one: "1 day",
+    other: "{{count}} days"
+  },
+  aboutXWeeks: {
+    one: "about 1 week",
+    other: "about {{count}} weeks"
+  },
+  xWeeks: {
+    one: "1 week",
+    other: "{{count}} weeks"
+  },
+  aboutXMonths: {
+    one: "about 1 month",
+    other: "about {{count}} months"
+  },
+  xMonths: {
+    one: "1 month",
+    other: "{{count}} months"
+  },
+  aboutXYears: {
+    one: "about 1 year",
+    other: "about {{count}} years"
+  },
+  xYears: {
+    one: "1 year",
+    other: "{{count}} years"
+  },
+  overXYears: {
+    one: "over 1 year",
+    other: "over {{count}} years"
+  },
+  almostXYears: {
+    one: "almost 1 year",
+    other: "almost {{count}} years"
+  }
+};
+var formatDistance = function formatDistance2(token, count, options) {
+  var result;
+  var tokenValue = formatDistanceLocale[token];
+  if (typeof tokenValue === "string") {
+    result = tokenValue;
+  } else if (count === 1) {
+    result = tokenValue.one;
+  } else {
+    result = tokenValue.other.replace("{{count}}", count.toString());
+  }
+  if (options !== null && options !== void 0 && options.addSuffix) {
+    if (options.comparison && options.comparison > 0) {
+      return "in " + result;
+    } else {
+      return result + " ago";
+    }
+  }
+  return result;
+};
+const formatDistance$1 = formatDistance;
+function buildFormatLongFn(args) {
+  return function() {
+    var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    var width = options.width ? String(options.width) : args.defaultWidth;
+    var format2 = args.formats[width] || args.formats[args.defaultWidth];
+    return format2;
+  };
+}
+var dateFormats = {
+  full: "EEEE, MMMM do, y",
+  long: "MMMM do, y",
+  medium: "MMM d, y",
+  short: "MM/dd/yyyy"
+};
+var timeFormats = {
+  full: "h:mm:ss a zzzz",
+  long: "h:mm:ss a z",
+  medium: "h:mm:ss a",
+  short: "h:mm a"
+};
+var dateTimeFormats = {
+  full: "{{date}} 'at' {{time}}",
+  long: "{{date}} 'at' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+};
+var formatLong = {
+  date: buildFormatLongFn({
+    formats: dateFormats,
+    defaultWidth: "full"
+  }),
+  time: buildFormatLongFn({
+    formats: timeFormats,
+    defaultWidth: "full"
+  }),
+  dateTime: buildFormatLongFn({
+    formats: dateTimeFormats,
+    defaultWidth: "full"
+  })
+};
+const formatLong$1 = formatLong;
+var formatRelativeLocale = {
+  lastWeek: "'last' eeee 'at' p",
+  yesterday: "'yesterday at' p",
+  today: "'today at' p",
+  tomorrow: "'tomorrow at' p",
+  nextWeek: "eeee 'at' p",
+  other: "P"
+};
+var formatRelative = function formatRelative2(token, _date, _baseDate, _options) {
+  return formatRelativeLocale[token];
+};
+const formatRelative$1 = formatRelative;
+function buildLocalizeFn(args) {
+  return function(dirtyIndex, options) {
+    var context = options !== null && options !== void 0 && options.context ? String(options.context) : "standalone";
+    var valuesArray;
+    if (context === "formatting" && args.formattingValues) {
+      var defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
+      var width = options !== null && options !== void 0 && options.width ? String(options.width) : defaultWidth;
+      valuesArray = args.formattingValues[width] || args.formattingValues[defaultWidth];
+    } else {
+      var _defaultWidth = args.defaultWidth;
+      var _width = options !== null && options !== void 0 && options.width ? String(options.width) : args.defaultWidth;
+      valuesArray = args.values[_width] || args.values[_defaultWidth];
+    }
+    var index = args.argumentCallback ? args.argumentCallback(dirtyIndex) : dirtyIndex;
+    return valuesArray[index];
+  };
+}
+var eraValues = {
+  narrow: ["B", "A"],
+  abbreviated: ["BC", "AD"],
+  wide: ["Before Christ", "Anno Domini"]
+};
+var quarterValues = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
+  wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
+};
+var monthValues = {
+  narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
+  abbreviated: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+  wide: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
+};
+var dayValues = {
+  narrow: ["S", "M", "T", "W", "T", "F", "S"],
+  short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
+  abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  wide: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
+};
+var dayPeriodValues = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mi",
+    noon: "n",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  }
+};
+var formattingDayPeriodValues = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mi",
+    noon: "n",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  }
+};
+var ordinalNumber = function ordinalNumber2(dirtyNumber, _options) {
+  var number = Number(dirtyNumber);
+  var rem100 = number % 100;
+  if (rem100 > 20 || rem100 < 10) {
+    switch (rem100 % 10) {
+      case 1:
+        return number + "st";
+      case 2:
+        return number + "nd";
+      case 3:
+        return number + "rd";
+    }
+  }
+  return number + "th";
+};
+var localize = {
+  ordinalNumber,
+  era: buildLocalizeFn({
+    values: eraValues,
+    defaultWidth: "wide"
+  }),
+  quarter: buildLocalizeFn({
+    values: quarterValues,
+    defaultWidth: "wide",
+    argumentCallback: function argumentCallback(quarter) {
+      return quarter - 1;
+    }
+  }),
+  month: buildLocalizeFn({
+    values: monthValues,
+    defaultWidth: "wide"
+  }),
+  day: buildLocalizeFn({
+    values: dayValues,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: buildLocalizeFn({
+    values: dayPeriodValues,
+    defaultWidth: "wide",
+    formattingValues: formattingDayPeriodValues,
+    defaultFormattingWidth: "wide"
+  })
+};
+const localize$1 = localize;
+function buildMatchFn(args) {
+  return function(string) {
+    var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    var width = options.width;
+    var matchPattern = width && args.matchPatterns[width] || args.matchPatterns[args.defaultMatchWidth];
+    var matchResult = string.match(matchPattern);
+    if (!matchResult) {
+      return null;
+    }
+    var matchedString = matchResult[0];
+    var parsePatterns = width && args.parsePatterns[width] || args.parsePatterns[args.defaultParseWidth];
+    var key = Array.isArray(parsePatterns) ? findIndex(parsePatterns, function(pattern) {
+      return pattern.test(matchedString);
+    }) : findKey(parsePatterns, function(pattern) {
+      return pattern.test(matchedString);
+    });
+    var value;
+    value = args.valueCallback ? args.valueCallback(key) : key;
+    value = options.valueCallback ? options.valueCallback(value) : value;
+    var rest = string.slice(matchedString.length);
+    return {
+      value,
+      rest
+    };
+  };
+}
+function findKey(object, predicate) {
+  for (var key in object) {
+    if (object.hasOwnProperty(key) && predicate(object[key])) {
+      return key;
+    }
+  }
+  return void 0;
+}
+function findIndex(array, predicate) {
+  for (var key = 0; key < array.length; key++) {
+    if (predicate(array[key])) {
+      return key;
+    }
+  }
+  return void 0;
+}
+function buildMatchPatternFn(args) {
+  return function(string) {
+    var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    var matchResult = string.match(args.matchPattern);
+    if (!matchResult)
+      return null;
+    var matchedString = matchResult[0];
+    var parseResult = string.match(args.parsePattern);
+    if (!parseResult)
+      return null;
+    var value = args.valueCallback ? args.valueCallback(parseResult[0]) : parseResult[0];
+    value = options.valueCallback ? options.valueCallback(value) : value;
+    var rest = string.slice(matchedString.length);
+    return {
+      value,
+      rest
+    };
+  };
+}
+var matchOrdinalNumberPattern = /^(\d+)(th|st|nd|rd)?/i;
+var parseOrdinalNumberPattern = /\d+/i;
+var matchEraPatterns = {
+  narrow: /^(b|a)/i,
+  abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
+  wide: /^(before christ|before common era|anno domini|common era)/i
+};
+var parseEraPatterns = {
+  any: [/^b/i, /^(a|c)/i]
+};
+var matchQuarterPatterns = {
+  narrow: /^[1234]/i,
+  abbreviated: /^q[1234]/i,
+  wide: /^[1234](th|st|nd|rd)? quarter/i
+};
+var parseQuarterPatterns = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+};
+var matchMonthPatterns = {
+  narrow: /^[jfmasond]/i,
+  abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
+  wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
+};
+var parseMonthPatterns = {
+  narrow: [/^j/i, /^f/i, /^m/i, /^a/i, /^m/i, /^j/i, /^j/i, /^a/i, /^s/i, /^o/i, /^n/i, /^d/i],
+  any: [/^ja/i, /^f/i, /^mar/i, /^ap/i, /^may/i, /^jun/i, /^jul/i, /^au/i, /^s/i, /^o/i, /^n/i, /^d/i]
+};
+var matchDayPatterns = {
+  narrow: /^[smtwf]/i,
+  short: /^(su|mo|tu|we|th|fr|sa)/i,
+  abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
+  wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
+};
+var parseDayPatterns = {
+  narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
+  any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
+};
+var matchDayPeriodPatterns = {
+  narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
+  any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
+};
+var parseDayPeriodPatterns = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^mi/i,
+    noon: /^no/i,
+    morning: /morning/i,
+    afternoon: /afternoon/i,
+    evening: /evening/i,
+    night: /night/i
+  }
+};
+var match = {
+  ordinalNumber: buildMatchPatternFn({
+    matchPattern: matchOrdinalNumberPattern,
+    parsePattern: parseOrdinalNumberPattern,
+    valueCallback: function valueCallback(value) {
+      return parseInt(value, 10);
+    }
+  }),
+  era: buildMatchFn({
+    matchPatterns: matchEraPatterns,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseEraPatterns,
+    defaultParseWidth: "any"
+  }),
+  quarter: buildMatchFn({
+    matchPatterns: matchQuarterPatterns,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseQuarterPatterns,
+    defaultParseWidth: "any",
+    valueCallback: function valueCallback2(index) {
+      return index + 1;
+    }
+  }),
+  month: buildMatchFn({
+    matchPatterns: matchMonthPatterns,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseMonthPatterns,
+    defaultParseWidth: "any"
+  }),
+  day: buildMatchFn({
+    matchPatterns: matchDayPatterns,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseDayPatterns,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: buildMatchFn({
+    matchPatterns: matchDayPeriodPatterns,
+    defaultMatchWidth: "any",
+    parsePatterns: parseDayPeriodPatterns,
+    defaultParseWidth: "any"
+  })
+};
+const match$1 = match;
+var locale = {
+  code: "en-US",
+  formatDistance: formatDistance$1,
+  formatLong: formatLong$1,
+  formatRelative: formatRelative$1,
+  localize: localize$1,
+  match: match$1,
+  options: {
+    weekStartsOn: 0,
+    firstWeekContainsDate: 1
+  }
+};
+const defaultLocale = locale;
+var formattingTokensRegExp = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;
+var longFormattingTokensRegExp = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
+var escapedStringRegExp = /^'([^]*?)'?$/;
+var doubleQuoteRegExp = /''/g;
+var unescapedLatinCharacterRegExp = /[a-zA-Z]/;
+function format(dirtyDate, dirtyFormatStr, options) {
+  var _ref, _options$locale, _ref2, _ref3, _ref4, _options$firstWeekCon, _options$locale2, _options$locale2$opti, _defaultOptions$local, _defaultOptions$local2, _ref5, _ref6, _ref7, _options$weekStartsOn, _options$locale3, _options$locale3$opti, _defaultOptions$local3, _defaultOptions$local4;
+  requiredArgs(2, arguments);
+  var formatStr = String(dirtyFormatStr);
+  var defaultOptions2 = getDefaultOptions();
+  var locale2 = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions2.locale) !== null && _ref !== void 0 ? _ref : defaultLocale;
+  var firstWeekContainsDate = toInteger((_ref2 = (_ref3 = (_ref4 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale2 = options.locale) === null || _options$locale2 === void 0 ? void 0 : (_options$locale2$opti = _options$locale2.options) === null || _options$locale2$opti === void 0 ? void 0 : _options$locale2$opti.firstWeekContainsDate) !== null && _ref4 !== void 0 ? _ref4 : defaultOptions2.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : (_defaultOptions$local = defaultOptions2.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : 1);
+  if (!(firstWeekContainsDate >= 1 && firstWeekContainsDate <= 7)) {
+    throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");
+  }
+  var weekStartsOn = toInteger((_ref5 = (_ref6 = (_ref7 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale3 = options.locale) === null || _options$locale3 === void 0 ? void 0 : (_options$locale3$opti = _options$locale3.options) === null || _options$locale3$opti === void 0 ? void 0 : _options$locale3$opti.weekStartsOn) !== null && _ref7 !== void 0 ? _ref7 : defaultOptions2.weekStartsOn) !== null && _ref6 !== void 0 ? _ref6 : (_defaultOptions$local3 = defaultOptions2.locale) === null || _defaultOptions$local3 === void 0 ? void 0 : (_defaultOptions$local4 = _defaultOptions$local3.options) === null || _defaultOptions$local4 === void 0 ? void 0 : _defaultOptions$local4.weekStartsOn) !== null && _ref5 !== void 0 ? _ref5 : 0);
+  if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
+    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
+  }
+  if (!locale2.localize) {
+    throw new RangeError("locale must contain localize property");
+  }
+  if (!locale2.formatLong) {
+    throw new RangeError("locale must contain formatLong property");
+  }
+  var originalDate = toDate(dirtyDate);
+  if (!isValid(originalDate)) {
+    throw new RangeError("Invalid time value");
+  }
+  var timezoneOffset = getTimezoneOffsetInMilliseconds(originalDate);
+  var utcDate = subMilliseconds(originalDate, timezoneOffset);
+  var formatterOptions = {
+    firstWeekContainsDate,
+    weekStartsOn,
+    locale: locale2,
+    _originalDate: originalDate
+  };
+  var result = formatStr.match(longFormattingTokensRegExp).map(function(substring) {
+    var firstCharacter = substring[0];
+    if (firstCharacter === "p" || firstCharacter === "P") {
+      var longFormatter = longFormatters$1[firstCharacter];
+      return longFormatter(substring, locale2.formatLong);
+    }
+    return substring;
+  }).join("").match(formattingTokensRegExp).map(function(substring) {
+    if (substring === "''") {
+      return "'";
+    }
+    var firstCharacter = substring[0];
+    if (firstCharacter === "'") {
+      return cleanEscapedString(substring);
+    }
+    var formatter = formatters$1[firstCharacter];
+    if (formatter) {
+      if (!(options !== null && options !== void 0 && options.useAdditionalWeekYearTokens) && isProtectedWeekYearToken(substring)) {
+        throwProtectedError(substring, dirtyFormatStr, String(dirtyDate));
+      }
+      if (!(options !== null && options !== void 0 && options.useAdditionalDayOfYearTokens) && isProtectedDayOfYearToken(substring)) {
+        throwProtectedError(substring, dirtyFormatStr, String(dirtyDate));
+      }
+      return formatter(utcDate, substring, locale2.localize, formatterOptions);
+    }
+    if (firstCharacter.match(unescapedLatinCharacterRegExp)) {
+      throw new RangeError("Format string contains an unescaped latin alphabet character `" + firstCharacter + "`");
+    }
+    return substring;
+  }).join("");
+  return result;
+}
+function cleanEscapedString(input) {
+  var matched = input.match(escapedStringRegExp);
+  if (!matched) {
+    return input;
+  }
+  return matched[1].replace(doubleQuoteRegExp, "'");
+}
+function startOfToday() {
+  return startOfDay(Date.now());
+}
+const _hoisted_1$8 = { class: "operasional-identitas" };
+const _hoisted_2$5 = {
+  key: 2,
+  class: "section"
+};
+const __default__$8 = defineComponent({ name: "OperasionalIdentitas" });
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
+  props: {
+    profile: {
+      type: Object,
+      default: null
+    },
+    user: {
+      type: Object,
+      default: null
+    },
+    conflict: {
+      type: Object,
+      default: null
+    },
+    roles: {
+      type: Array,
+      default: () => []
+    },
+    errors: {
+      type: Object,
+      default: () => ({})
+    },
+    onChoose: {
+      type: Function,
+      default: null
+    },
+    onRegister: {
+      type: Function,
+      default: null
+    },
+    onConnect: {
+      type: Function,
+      default: null
+    },
+    onDisconnect: {
+      type: Function,
+      default: null
+    },
+    onDelegate: {
+      type: Function,
+      default: null
+    }
+  },
+  emits: ["no-conflict"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const fullNameField = {
+      handle: "name",
+      name: "Nama Lengkap",
+      type: "string",
+      input: "short-text",
+      options: {
+        note: "Nama lengkap pengguna, sesuai dengan nama pada data profil."
+      }
+    };
+    const passwordField = {
+      handle: "defaultPassword",
+      name: "Password Awal",
+      type: "string",
+      input: "short-text",
+      options: {
+        note: `<em>Password</em> awal pengguna, dapat menggunakan tanggal lahir dari data profil.`,
+        iconLeft: "key"
+      }
+    };
+    const state = ref("connect");
+    const candidateId = ref(null);
+    const candidate = ref(null);
+    const isChoosing = ref(false);
+    const isLoading = ref(false);
+    const user = computed(() => props.user);
+    const userForDelegating = computed(() => {
+      var _a, _b;
+      if (!user.value)
+        return null;
+      const availableRoleIds = props.roles.map((role) => role.id);
+      const roleIds = (_b = (_a = user.value) == null ? void 0 : _a.roleIds) == null ? void 0 : _b.filter(
+        (id) => availableRoleIds.includes(id)
+      );
+      return { ...user.value, roleIds };
+    });
+    const profile = computed(() => props.profile);
+    const initialRegistration = ref({
+      defaultPassword: getDefaultPassword()
+    });
+    const { client } = useClientHandle();
+    const UserModel = models.UserModel;
+    withRelation({
+      field: Field.define({
+        handle: "user",
+        name: "Pengguna",
+        type: "relation",
+        input: "relation",
+        options: {}
+      }),
+      fields: UserModel.fields,
+      title: "Choose Item",
+      icon: "",
+      singular: "",
+      plural: "",
+      scope: CodeUtil.getCode({ prefix: "relation", chars: 6 }),
+      isMultiple: false,
+      query: Query.define({}),
+      filters: [],
+      sorts: [],
+      columns: ["flag", "username", "email", "phone", "status", "lastLoggedInAt"],
+      renders: {
+        flag: (item) => {
+          const Avatar = h(NeonAvatar, {
+            image: item.image,
+            name: item.id,
+            style: { "--neon-avatar-size": "32px" }
+          });
+          const Display = RowUtil.renderDisplay(item, UserModel.fields.flag);
+          return h("div", { class: "flex items-center space-x-2" }, [
+            Avatar,
+            Display
+          ]);
+        },
+        username: (item) => RowUtil.renderCode(item, UserModel.fields.username),
+        email: (item) => RowUtil.renderCode(item, UserModel.fields.email),
+        phone: (item) => RowUtil.renderCode(item, UserModel.fields.phone)
+      },
+      ids: [],
+      initialIds: [],
+      initialItems: [],
+      logs: [],
+      getItems: getManyUsers,
+      updateValue: (id) => {
+        candidateId.value = id;
+      }
+    });
+    watch(candidateId, async (id) => {
+      if (!id) {
+        candidate.value = null;
+      } else {
+        isLoading.value = true;
+        const query = Query.define({ ids: [id] });
+        const resp = await getManyUsers(query);
+        candidate.value = resp.items[0] || null;
+        await props.onChoose(id);
+        isLoading.value = false;
+      }
+    });
+    function getDefaultPassword() {
+      if (!profile.value.birthDate)
+        return CodeUtil.getCode({ chars: 6 });
+      const birthDate = new Date(profile.value.birthDate);
+      return format(birthDate, "yyyy-MM-dd");
+    }
+    function onWillChoose() {
+      isChoosing.value = true;
+    }
+    function onWillRegister() {
+      clear();
+      state.value = "register";
+    }
+    async function onRegister(payload) {
+      if (!props.onRegister)
+        return;
+      try {
+        isLoading.value = true;
+        const userId = await props.onRegister({
+          ...payload,
+          name: profile.value.name,
+          organizationIds: [
+            "5f8c6b0cc94b750008d4a156",
+            // Neon,
+            "5f8fe9a61e42a200082e3fef"
+            // Neutron
+          ]
+        });
+        if (userId) {
+          candidateId.value = userId;
+          state.value = "connect";
+        }
+      } catch (error) {
+        console.log(error);
+      } finally {
+        isLoading.value = false;
+      }
+    }
+    async function onConnect() {
+      if (!props.onConnect || !candidateId.value)
+        return;
+      isLoading.value = true;
+      await props.onConnect(candidateId.value);
+      isLoading.value = false;
+    }
+    async function onDisconnect() {
+      var _a, _b, _c;
+      if (!props.onDisconnect || !((_a = user.value) == null ? void 0 : _a.id))
+        return;
+      const availableRoleIds = props.roles.map((role) => role.id);
+      const roleIds = ((_c = (_b = user.value) == null ? void 0 : _b.roleIds) == null ? void 0 : _c.filter((id) => !availableRoleIds.includes(id))) || [];
+      isLoading.value = true;
+      await props.onDisconnect({ userId: user.value.id, roleIds });
+      isLoading.value = false;
+    }
+    function onBack() {
+      clear();
+    }
+    async function onDelegate(delegation) {
+      var _a, _b, _c;
+      if (!props.onDelegate || !((_a = user.value) == null ? void 0 : _a.id) || !delegation)
+        return;
+      const availableRoleIds = props.roles.map((role) => role.id);
+      const existingRoleIds = ((_c = (_b = user.value) == null ? void 0 : _b.roleIds) == null ? void 0 : _c.filter((id) => !availableRoleIds.includes(id))) || [];
+      const roleIds = [
+        ...(/* @__PURE__ */ new Set([...delegation.roleIds, ...existingRoleIds])).values()
+      ].filter(Boolean);
+      isLoading.value = true;
+      await props.onDelegate({ userId: user.value.id, roleIds });
+      isLoading.value = false;
+    }
+    async function getManyUsers(query) {
+      var _a, _b;
+      const resp = await client.query(
+        GraphUtil.getMany(UserModel, {
+          id: 1,
+          flag: 1,
+          display: 1,
+          name: 1,
+          username: 1,
+          email: 1,
+          phone: 1,
+          image: 1,
+          status: 1,
+          lastLoggedInAt: 1,
+          roleIds: 1
+        }),
+        {
+          ids: query.ids,
+          page: query.final.page,
+          limit: query.final.limit,
+          search: query.search,
+          filter: query.raw.criteria,
+          sort: query.raw.sort,
+          logs: ["error"]
+        },
+        { requestPolicy: "network-only" }
+      ).toPromise();
+      const wrapper = (_a = resp.data) == null ? void 0 : _a[UserModel.plural];
+      const items = (wrapper == null ? void 0 : wrapper.items) || [];
+      const meta = ((_b = wrapper == null ? void 0 : wrapper.info) == null ? void 0 : _b.meta) || {};
+      return { items, meta };
+    }
+    function clear() {
+      emit("no-conflict");
+      candidate.value = null;
+      candidateId.value = null;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        state.value === "connect" ? (openBlock(), createBlock(unref(IdentitasConnect), {
+          key: 0,
+          user: unref(user),
+          candidate: candidate.value,
+          conflict: __props.conflict,
+          "is-ready": "",
+          "is-loading": isLoading.value,
+          onChoose: onWillChoose,
+          onRegister: onWillRegister,
+          onConnect,
+          onDisconnect,
+          onBack
+        }, {
+          ready: withCtx(() => {
+            var _a;
+            return [
+              createVNode(unref(NeonField), mergeProps({
+                "model-value": (_a = unref(user)) == null ? void 0 : _a.defaultPassword
+              }, passwordField, {
+                "more-options": {
+                  note: `<em>Password</em> awal pengguna. Tidak berlaku apabila pengguna <strong class='text-danger'>telah mengubah <em>password</em></strong> atau <strong class='text-danger'>mendaftarkan akunnya sendiri</strong>.`
+                },
+                "is-disabled": "",
+                "is-alone": ""
+              }), null, 16, ["model-value", "more-options"])
+            ];
+          }),
+          _: 1
+          /* STABLE */
+        }, 8, ["user", "candidate", "conflict", "is-loading"])) : state.value === "register" ? (openBlock(), createBlock(unref(IdentitasAssistRegistration), {
+          key: 1,
+          "initial-values": initialRegistration.value,
+          "is-loading": isLoading.value,
+          errors: __props.errors,
+          onBack: _cache[0] || (_cache[0] = ($event) => state.value = "connect"),
+          onSave: onRegister
+        }, {
+          default: withCtx(() => {
+            var _a;
+            return [
+              createVNode(unref(NeonField), mergeProps({
+                "model-value": (_a = unref(profile)) == null ? void 0 : _a.name
+              }, fullNameField, {
+                "is-disabled": "",
+                "is-alone": ""
+              }), null, 16, ["model-value"])
+            ];
+          }),
+          _: 1
+          /* STABLE */
+        }, 8, ["initial-values", "is-loading", "errors"])) : createCommentVNode("v-if", true),
+        unref(user) && onDelegate ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+          createVNode(unref(NeonDivider), {
+            "is-dashed": "",
+            label: "Delegasi",
+            class: "divider"
+          }),
+          createVNode(unref(IdentitasDelegate), {
+            user: unref(userForDelegating),
+            roles: __props.roles,
+            "is-loading": isLoading.value,
+            onSave: onDelegate
+          }, null, 8, ["user", "roles", "is-loading"])
+        ])) : createCommentVNode("v-if", true),
+        isChoosing.value ? (openBlock(), createBlock(unref(NeonModal), {
+          key: 3,
+          "is-active": "",
+          size: "lg",
+          onClose: _cache[2] || (_cache[2] = ($event) => isChoosing.value = false)
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(NeonSheet), {
+              icon: "user-magnifying-glass",
+              title: "Pilih Akun",
+              label: "User",
+              "no-padding": "",
+              onClose: _cache[1] || (_cache[1] = ($event) => isChoosing.value = false)
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(NeonRelationSheet))
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        })) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+const OperasionalIdentitas_vue_vue_type_style_index_0_scoped_e17256c5_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const OperasionalIdentitas = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-e17256c5"]]);
+const CheckInModel = models$1.CheckInModel;
+const useOperasionalStore = defineStore("neu:operasional", () => {
+  const isLoading = ref(false);
+  const staff = ref(null);
+  return {
+    isLoading,
+    staff,
+    setStaff
+  };
+  function setStaff(data) {
+    staff.value = data;
+  }
+});
+const useAttendanceStore = defineStore("neu:personalia:attendance", {
+  state: () => ({
+    isEntering: false,
+    isAsking: false,
+    isScanning: false,
+    isScanError: false,
+    isScanned: false,
+    qrKey: "",
+    type: "in",
+    checkInId: ""
+  }),
+  getters: {},
+  actions: {
+    reset() {
+      this.$patch((state) => {
+        state.isEntering = false;
+        state.isScanning = false;
+        state.isScanError = false;
+        state.isScanned = false;
+        state.qrKey = "";
+        state.type = "in";
+        state.checkInId = "";
+      });
+    },
+    async checkInStaff(qrKey, type, staffId) {
+      const { client } = useClientHandle();
+      try {
+        this.qrKey = qrKey;
+        this.type = type;
+        const resp = await client.mutation(GraphUtil.executeOne(models$1.CheckInModel, {}), {
+          action: "presence",
+          input: {
+            staffId,
+            qrKey: this.qrKey || null,
+            type: this.type
+          }
+        }).toPromise();
+        const data = resp.data.executeCheckIn.output;
+        if (data) {
+          this.checkInId = data || "";
+          this.isScanning = false;
+          this.isScanned = true;
+        } else
+          throw new Error("Terjadi kesalahan.");
+      } catch (error) {
+        console.log(error);
+        this.isScanError = true;
+      }
+    }
+  }
+});
+const operasional_types = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null
+}, Symbol.toStringTag, { value: "Module" }));
+function useOperasional() {
+  const context = ComponentUtil.injectStrict(
+    "neu:operasional:operasional"
+  );
+  return { ...context };
+}
+const { StaffModel: StaffModel$1 } = models$2;
+function withOperasional() {
+  const authStore = useAuthStore();
+  const { userId } = storeToRefs(authStore);
+  const store = useOperasionalStore();
+  const { isLoading, staff } = storeToRefs(store);
+  const { client } = useClientHandle();
+  const context = {
+    isLoading,
+    staff,
+    setStaff: store.setStaff,
+    getStaff,
+    init
+  };
+  provide("neu:operasional:operasional", context);
+  return context;
+  async function init() {
+    await Promise.all([getStaff()]);
+  }
+  async function getStaff() {
+    var _a;
+    const resp = await client.query(
+      GraphUtil.getMany(StaffModel$1, {
+        id: 1,
+        flag: 1,
+        display: 1,
+        nik: 1,
+        name: 1,
+        birthDate: 1,
+        birthPlace: 1,
+        image: 1,
+        branchId: 1,
+        branchIds: 1,
+        branch: { id: 1, name: 1 },
+        branches: { id: 1, name: 1 },
+        note: 1
+      }),
+      {
+        filter: { userId: userId.value },
+        limit: 1,
+        logs: ["error"]
+      },
+      { requestPolicy: "network-only" }
+    ).toPromise();
+    const wrapper = (_a = resp.data) == null ? void 0 : _a[StaffModel$1.plural];
+    const items = (wrapper == null ? void 0 : wrapper.items) || [];
+    store.setStaff(items[0]);
+  }
+}
+function mitt(n) {
+  return { all: n = n || /* @__PURE__ */ new Map(), on: function(t3, e3) {
+    var i3 = n.get(t3);
+    i3 ? i3.push(e3) : n.set(t3, [e3]);
+  }, off: function(t3, e3) {
+    var i3 = n.get(t3);
+    i3 && (e3 ? i3.splice(i3.indexOf(e3) >>> 0, 1) : n.set(t3, []));
+  }, emit: function(t3, e3) {
+    var i3 = n.get(t3);
+    i3 && i3.slice().map(function(n2) {
+      n2(e3);
+    }), (i3 = n.get("*")) && i3.slice().map(function(n2) {
+      n2(t3, e3);
+    });
+  } };
+}
+const bus = mitt();
+const _withScopeId$2 = (n) => (pushScopeId("data-v-4069e2ed"), n = n(), popScopeId(), n);
+const _hoisted_1$7 = { id: "view-checkIns" };
+const _hoisted_2$4 = { class: "summary" };
+const _hoisted_3$1 = { class: "wrapper" };
+const _hoisted_4$1 = { class: "header" };
+const _hoisted_5 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "start" },
+  [
+    /* @__PURE__ */ createElementVNode("div", { class: "title" }, "➡️ Presensi"),
+    /* @__PURE__ */ createElementVNode("div", { class: "description" }, "Daftar presensi hari ini.")
+  ],
+  -1
+  /* HOISTED */
+));
+const _hoisted_6 = { class: "end" };
+const __default__$7 = defineComponent({
+  name: "CheckInPresenceCollection"
+});
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
+  setup(__props) {
+    const collectionBus = useEventBus("neu:tempat:checkIn");
+    const router = useRouter();
+    const { client } = useClientHandle();
+    const { staff } = useOperasional();
+    const attendanceStore = useAttendanceStore();
+    const { isAsking, isScanning, isEntering, isScanError, isScanned, type } = storeToRefs(attendanceStore);
+    const toast = useToastStore();
+    const id = ref("new");
+    const isCheckpoint = ref(false);
+    const isOut = ref(false);
+    collectionBus.on((event, payload) => {
+      const toastId = "neu:personalia:staff:checkIn";
+      if (isCheckpoint.value === true || isOut.value === true) {
+        if (event === "createOne:ok") {
+          toast.push({
+            id: toastId,
+            icon: "check",
+            content: "Presensi berhasil.",
+            color: "success"
+          });
+          isCheckpoint.value = false;
+          setTimeout(() => {
+            router.go(0);
+          }, 500);
+        } else if (event === "updateOne:ok") {
+          toast.push({
+            id: toastId,
+            icon: "check",
+            content: "Catatan presensi berhasil ditambahkan.",
+            color: "success"
+          });
+          isOut.value = false;
+          setTimeout(() => {
+            router.go(0);
+          }, 500);
+        }
+      }
+    });
+    const query = computed(() => {
+      var _a;
+      return Query.define({
+        filter: {
+          handle: "",
+          operator: "mongo",
+          value: {
+            // staffId: staff.value?.id,
+            // $and: PeriodUtil.getPeriodFilter('checkInAt', new Date().toISOString()),
+            $and: [
+              { staffId: (_a = staff.value) == null ? void 0 : _a.id },
+              { checkInAt: { $gte: addDays(startOfToday(), 1) } },
+              { checkInAt: { $lte: endOfToday() } }
+            ]
+          }
+        }
+      });
+    });
+    function onPresenceIn(data) {
+      isAsking.value = true;
+      type.value = "in";
+    }
+    function onPresenceCheckpoint() {
+      isCheckpoint.value = true;
+      id.value = "new";
+    }
+    function onPresenceOut(data) {
+      isAsking.value = true;
+      type.value = "out";
+    }
+    async function onPresenceHome() {
       var _a;
       await checkInStaff(null, "home", (_a = staff.value) == null ? void 0 : _a.id);
+      setTimeout(() => {
+        router.go(0);
+      }, 500);
+    }
+    function onModalClose() {
+      isCheckpoint.value = false;
+      isOut.value = false;
     }
     async function onScanned(data) {
       var _a;
-      await checkInStaff(data, type.value, (_a = staff.value) == null ? void 0 : _a.id);
+      id.value = await checkInStaff(data, type.value, (_a = staff.value) == null ? void 0 : _a.id);
     }
     async function checkInStaff(qrKey, type2, staffId) {
       const toastId = "neu:personalia:staff:checkIn";
+      let checkInId;
       console.log("bangunan...", qrKey);
       try {
-        const resp = await client.mutation(GraphUtil.executeOne(models.CheckInModel, {}), {
+        const resp = await client.mutation(GraphUtil.executeOne(models$1.CheckInModel, {}), {
           action: "presence",
           input: {
             staffId,
@@ -3846,15 +5735,24 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           }
         }).toPromise();
         const data = resp.data.executeCheckIn.output;
+        checkInId = data.checkInId;
         if (data) {
           isScanning.value = false;
           isScanned.value = true;
+          if (type2 === "out") {
+            isOut.value = true;
+          }
           toast.push({
             id: toastId,
             icon: "check",
             content: "Presensi berhasil.",
             color: "success"
           });
+          if (type2 === "in") {
+            setTimeout(() => {
+              router.go(0);
+            }, 500);
+          }
         } else
           throw new Error("Terjadi kesalahan.");
       } catch (error) {
@@ -3867,6 +5765,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           color: "danger"
         });
       }
+      return checkInId;
     }
     return (_ctx, _cache) => {
       const _component_CheckInSingleView = resolveComponent("CheckInSingleView");
@@ -3914,7 +5813,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                       createVNode(unref(NeonStat), {
                         label: "Checkpoint",
                         icon: "barcode-read",
-                        onClick: _cache[0] || (_cache[0] = ($event) => isCheckpoint.value = true)
+                        onClick: onPresenceCheckpoint
                       }, {
                         default: withCtx(() => [
                           createTextVNode("Checkpoint")
@@ -3964,29 +5863,29 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                 _: 1
                 /* STABLE */
               }),
-              isCheckpoint.value ? (openBlock(), createBlock(unref(NeonModal), {
+              isCheckpoint.value || isOut.value ? (openBlock(), createBlock(unref(NeonModal), {
                 key: 0,
                 "is-active": "",
                 size: "lg",
-                onClose: _cache[2] || (_cache[2] = ($event) => isCheckpoint.value = false)
+                onClose: onModalClose
               }, {
                 default: withCtx(() => [
                   createVNode(_component_CheckInSingleView, {
-                    id: "new",
+                    id: id.value,
                     "is-new": "",
                     "is-main": false,
-                    onClose: _cache[1] || (_cache[1] = ($event) => isCheckpoint.value = false)
-                  })
+                    onClose: onModalClose
+                  }, null, 8, ["id"])
                 ]),
                 _: 1
                 /* STABLE */
               })) : createCommentVNode("v-if", true),
               createVNode(unref(CheckInAccess), {
-                onClose: _cache[3] || (_cache[3] = ($event) => isAsking.value = false)
+                onClose: _cache[0] || (_cache[0] = ($event) => isAsking.value = false)
               }),
               createVNode(unref(CheckInScanner), {
                 onScanned,
-                onClose: _cache[4] || (_cache[4] = ($event) => isScanning.value = false)
+                onClose: _cache[1] || (_cache[1] = ($event) => isScanning.value = false)
               }),
               createCommentVNode(' <CheckInScanError @close="isScanError = false" />\n          <CheckInScanSuccess @close="isScanned = false" /> ')
             ])
@@ -4001,6 +5900,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                 peeks: ["modal"],
                 excludes: ["create"],
                 columns: ["type", "checkInAt", "staff", "building"],
+                filters: ["type", "building"],
+                sorts: ["checkInAt"],
                 "is-ready": "",
                 "is-main": ""
               }, {
@@ -4021,7 +5922,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
                 /* STABLE */
-              }, 8, ["query"])
+              }, 8, ["query"]),
+              createCommentVNode(" <NeonDisplayFooter /> ")
             ])
           ]),
           _: 1
@@ -4031,17 +5933,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CheckInPresenceCollection_vue_vue_type_style_index_0_scoped_3ba48e60_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-3ba48e60"]]);
+const CheckInPresenceCollection_vue_vue_type_style_index_0_scoped_4069e2ed_lang = "";
+const CheckInPresenceCollection = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-4069e2ed"]]);
 const _hoisted_1$6 = { class: "grid gap-4 sm:grid-cols-2" };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "CheckInSingle",
   setup(__props) {
     const {
@@ -4139,7 +6034,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 const CheckInSingle_vue_vue_type_style_index_0_scoped_2e2803fb_lang = "";
-const CheckInSingle = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-2e2803fb"]]);
+const CheckInSingle = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-2e2803fb"]]);
 const _withScopeId$1 = (n) => (pushScopeId("data-v-d23b6de5"), n = n(), popScopeId(), n);
 const _hoisted_1$5 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode(
   "h4",
@@ -4159,7 +6054,7 @@ const _hoisted_2$3 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ create
   -1
   /* HOISTED */
 ));
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "CheckInAccess",
   emits: ["close"],
   setup(__props) {
@@ -4212,9 +6107,9 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 const CheckInAccess_vue_vue_type_style_index_0_scoped_d23b6de5_lang = "";
-const CheckInAccess = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d23b6de5"]]);
+const CheckInAccess = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-d23b6de5"]]);
 const _hoisted_1$4 = { class: "buttons" };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanError",
   setup(__props) {
     const attendanceStore = useAttendanceStore();
@@ -4261,106 +6156,106 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-class e {
-  constructor(a, b2, c, d2, f2) {
-    this._legacyCanvasSize = e.DEFAULT_CANVAS_SIZE;
+class e2 {
+  constructor(a3, b3, c2, d4, f2) {
+    this._legacyCanvasSize = e2.DEFAULT_CANVAS_SIZE;
     this._preferredCamera = "environment";
     this._maxScansPerSecond = 25;
     this._lastScanTimestamp = -1;
     this._destroyed = this._flashOn = this._paused = this._active = false;
-    this.$video = a;
+    this.$video = a3;
     this.$canvas = document.createElement("canvas");
-    c && "object" === typeof c ? this._onDecode = b2 : (c || d2 || f2 ? console.warn("You're using a deprecated version of the QrScanner constructor which will be removed in the future") : console.warn("Note that the type of the scan result passed to onDecode will change in the future. To already switch to the new api today, you can pass returnDetailedScanResult: true."), this._legacyOnDecode = b2);
-    b2 = "object" === typeof c ? c : {};
-    this._onDecodeError = b2.onDecodeError || ("function" === typeof c ? c : this._onDecodeError);
-    this._calculateScanRegion = b2.calculateScanRegion || ("function" === typeof d2 ? d2 : this._calculateScanRegion);
-    this._preferredCamera = b2.preferredCamera || f2 || this._preferredCamera;
-    this._legacyCanvasSize = "number" === typeof c ? c : "number" === typeof d2 ? d2 : this._legacyCanvasSize;
-    this._maxScansPerSecond = b2.maxScansPerSecond || this._maxScansPerSecond;
+    c2 && "object" === typeof c2 ? this._onDecode = b3 : (c2 || d4 || f2 ? console.warn("You're using a deprecated version of the QrScanner constructor which will be removed in the future") : console.warn("Note that the type of the scan result passed to onDecode will change in the future. To already switch to the new api today, you can pass returnDetailedScanResult: true."), this._legacyOnDecode = b3);
+    b3 = "object" === typeof c2 ? c2 : {};
+    this._onDecodeError = b3.onDecodeError || ("function" === typeof c2 ? c2 : this._onDecodeError);
+    this._calculateScanRegion = b3.calculateScanRegion || ("function" === typeof d4 ? d4 : this._calculateScanRegion);
+    this._preferredCamera = b3.preferredCamera || f2 || this._preferredCamera;
+    this._legacyCanvasSize = "number" === typeof c2 ? c2 : "number" === typeof d4 ? d4 : this._legacyCanvasSize;
+    this._maxScansPerSecond = b3.maxScansPerSecond || this._maxScansPerSecond;
     this._onPlay = this._onPlay.bind(this);
     this._onLoadedMetaData = this._onLoadedMetaData.bind(this);
     this._onVisibilityChange = this._onVisibilityChange.bind(this);
     this._updateOverlay = this._updateOverlay.bind(this);
-    a.disablePictureInPicture = true;
-    a.playsInline = true;
-    a.muted = true;
-    let h = false;
-    a.hidden && (a.hidden = false, h = true);
-    document.body.contains(a) || (document.body.appendChild(a), h = true);
-    c = a.parentElement;
-    if (b2.highlightScanRegion || b2.highlightCodeOutline) {
-      d2 = !!b2.overlay;
-      this.$overlay = b2.overlay || document.createElement("div");
+    a3.disablePictureInPicture = true;
+    a3.playsInline = true;
+    a3.muted = true;
+    let h4 = false;
+    a3.hidden && (a3.hidden = false, h4 = true);
+    document.body.contains(a3) || (document.body.appendChild(a3), h4 = true);
+    c2 = a3.parentElement;
+    if (b3.highlightScanRegion || b3.highlightCodeOutline) {
+      d4 = !!b3.overlay;
+      this.$overlay = b3.overlay || document.createElement("div");
       f2 = this.$overlay.style;
       f2.position = "absolute";
       f2.display = "none";
       f2.pointerEvents = "none";
       this.$overlay.classList.add("scan-region-highlight");
-      if (!d2 && b2.highlightScanRegion) {
+      if (!d4 && b3.highlightScanRegion) {
         this.$overlay.innerHTML = '<svg class="scan-region-highlight-svg" viewBox="0 0 238 238" preserveAspectRatio="none" style="position:absolute;width:100%;height:100%;left:0;top:0;fill:none;stroke:#e9b213;stroke-width:4;stroke-linecap:round;stroke-linejoin:round"><path d="M31 2H10a8 8 0 0 0-8 8v21M207 2h21a8 8 0 0 1 8 8v21m0 176v21a8 8 0 0 1-8 8h-21m-176 0H10a8 8 0 0 1-8-8v-21"/></svg>';
         try {
           this.$overlay.firstElementChild.animate({ transform: [
             "scale(.98)",
             "scale(1.01)"
           ] }, { duration: 400, iterations: Infinity, direction: "alternate", easing: "ease-in-out" });
-        } catch (m) {
+        } catch (m3) {
         }
-        c.insertBefore(this.$overlay, this.$video.nextSibling);
+        c2.insertBefore(this.$overlay, this.$video.nextSibling);
       }
-      b2.highlightCodeOutline && (this.$overlay.insertAdjacentHTML("beforeend", '<svg class="code-outline-highlight" preserveAspectRatio="none" style="display:none;width:100%;height:100%;fill:none;stroke:#e9b213;stroke-width:5;stroke-dasharray:25;stroke-linecap:round;stroke-linejoin:round"><polygon/></svg>'), this.$codeOutlineHighlight = this.$overlay.lastElementChild);
+      b3.highlightCodeOutline && (this.$overlay.insertAdjacentHTML("beforeend", '<svg class="code-outline-highlight" preserveAspectRatio="none" style="display:none;width:100%;height:100%;fill:none;stroke:#e9b213;stroke-width:5;stroke-dasharray:25;stroke-linecap:round;stroke-linejoin:round"><polygon/></svg>'), this.$codeOutlineHighlight = this.$overlay.lastElementChild);
     }
-    this._scanRegion = this._calculateScanRegion(a);
+    this._scanRegion = this._calculateScanRegion(a3);
     requestAnimationFrame(() => {
-      let m = window.getComputedStyle(a);
-      "none" === m.display && (a.style.setProperty("display", "block", "important"), h = true);
-      "visible" !== m.visibility && (a.style.setProperty("visibility", "visible", "important"), h = true);
-      h && (console.warn("QrScanner has overwritten the video hiding style to avoid Safari stopping the playback."), a.style.opacity = "0", a.style.width = "0", a.style.height = "0", this.$overlay && this.$overlay.parentElement && this.$overlay.parentElement.removeChild(this.$overlay), delete this.$overlay, delete this.$codeOutlineHighlight);
+      let m3 = window.getComputedStyle(a3);
+      "none" === m3.display && (a3.style.setProperty("display", "block", "important"), h4 = true);
+      "visible" !== m3.visibility && (a3.style.setProperty("visibility", "visible", "important"), h4 = true);
+      h4 && (console.warn("QrScanner has overwritten the video hiding style to avoid Safari stopping the playback."), a3.style.opacity = "0", a3.style.width = "0", a3.style.height = "0", this.$overlay && this.$overlay.parentElement && this.$overlay.parentElement.removeChild(this.$overlay), delete this.$overlay, delete this.$codeOutlineHighlight);
       this.$overlay && this._updateOverlay();
     });
-    a.addEventListener("play", this._onPlay);
-    a.addEventListener("loadedmetadata", this._onLoadedMetaData);
+    a3.addEventListener("play", this._onPlay);
+    a3.addEventListener("loadedmetadata", this._onLoadedMetaData);
     document.addEventListener("visibilitychange", this._onVisibilityChange);
     window.addEventListener("resize", this._updateOverlay);
-    this._qrEnginePromise = e.createQrEngine();
+    this._qrEnginePromise = e2.createQrEngine();
   }
-  static set WORKER_PATH(a) {
+  static set WORKER_PATH(a3) {
     console.warn("Setting QrScanner.WORKER_PATH is not required and not supported anymore. Have a look at the README for new setup instructions.");
   }
   static async hasCamera() {
     try {
-      return !!(await e.listCameras(false)).length;
-    } catch (a) {
+      return !!(await e2.listCameras(false)).length;
+    } catch (a3) {
       return false;
     }
   }
-  static async listCameras(a = false) {
+  static async listCameras(a3 = false) {
     if (!navigator.mediaDevices)
       return [];
-    let b2 = async () => (await navigator.mediaDevices.enumerateDevices()).filter((d2) => "videoinput" === d2.kind), c;
+    let b3 = async () => (await navigator.mediaDevices.enumerateDevices()).filter((d4) => "videoinput" === d4.kind), c2;
     try {
-      a && (await b2()).every((d2) => !d2.label) && (c = await navigator.mediaDevices.getUserMedia({ audio: false, video: true }));
-    } catch (d2) {
+      a3 && (await b3()).every((d4) => !d4.label) && (c2 = await navigator.mediaDevices.getUserMedia({ audio: false, video: true }));
+    } catch (d4) {
     }
     try {
-      return (await b2()).map((d2, f2) => ({ id: d2.deviceId, label: d2.label || (0 === f2 ? "Default Camera" : `Camera ${f2 + 1}`) }));
+      return (await b3()).map((d4, f2) => ({ id: d4.deviceId, label: d4.label || (0 === f2 ? "Default Camera" : `Camera ${f2 + 1}`) }));
     } finally {
-      c && (console.warn("Call listCameras after successfully starting a QR scanner to avoid creating a temporary video stream"), e._stopVideoStream(c));
+      c2 && (console.warn("Call listCameras after successfully starting a QR scanner to avoid creating a temporary video stream"), e2._stopVideoStream(c2));
     }
   }
   async hasFlash() {
-    let a;
+    let a3;
     try {
       if (this.$video.srcObject) {
         if (!(this.$video.srcObject instanceof MediaStream))
           return false;
-        a = this.$video.srcObject;
+        a3 = this.$video.srcObject;
       } else
-        a = (await this._getCameraStream()).stream;
-      return "torch" in a.getVideoTracks()[0].getSettings();
-    } catch (b2) {
+        a3 = (await this._getCameraStream()).stream;
+      return "torch" in a3.getVideoTracks()[0].getSettings();
+    } catch (b3) {
       return false;
     } finally {
-      a && a !== this.$video.srcObject && (console.warn("Call hasFlash after successfully starting the scanner to avoid creating a temporary video stream"), e._stopVideoStream(a));
+      a3 && a3 !== this.$video.srcObject && (console.warn("Call hasFlash after successfully starting the scanner to avoid creating a temporary video stream"), e2._stopVideoStream(a3));
     }
   }
   isFlashOn() {
@@ -4375,8 +6270,8 @@ class e {
         if (!await this.hasFlash())
           throw "No flash available";
         await this.$video.srcObject.getVideoTracks()[0].applyConstraints({ advanced: [{ torch: true }] });
-      } catch (a) {
-        throw this._flashOn = false, a;
+      } catch (a3) {
+        throw this._flashOn = false, a3;
       }
   }
   async turnFlashOff() {
@@ -4393,7 +6288,7 @@ class e {
     this._destroyed = true;
     this._flashOn = false;
     this.stop();
-    e._postWorkerMessage(this._qrEnginePromise, "close");
+    e2._postWorkerMessage(this._qrEnginePromise, "close");
   }
   async start() {
     if (this._destroyed)
@@ -4404,12 +6299,12 @@ class e {
           await this.$video.play();
         else
           try {
-            let { stream: a, facingMode: b2 } = await this._getCameraStream();
-            !this._active || this._paused ? e._stopVideoStream(a) : (this._setVideoMirror(b2), this.$video.srcObject = a, await this.$video.play(), this._flashOn && (this._flashOn = false, this.turnFlashOn().catch(() => {
+            let { stream: a3, facingMode: b3 } = await this._getCameraStream();
+            !this._active || this._paused ? e2._stopVideoStream(a3) : (this._setVideoMirror(b3), this.$video.srcObject = a3, await this.$video.play(), this._flashOn && (this._flashOn = false, this.turnFlashOn().catch(() => {
             })));
-          } catch (a) {
+          } catch (a3) {
             if (!this._paused)
-              throw this._active = false, a;
+              throw this._active = false, a3;
           }
     }
   }
@@ -4417,93 +6312,93 @@ class e {
     this.pause();
     this._active = false;
   }
-  async pause(a = false) {
+  async pause(a3 = false) {
     this._paused = true;
     if (!this._active)
       return true;
     this.$video.pause();
     this.$overlay && (this.$overlay.style.display = "none");
-    let b2 = () => {
-      this.$video.srcObject instanceof MediaStream && (e._stopVideoStream(this.$video.srcObject), this.$video.srcObject = null);
+    let b3 = () => {
+      this.$video.srcObject instanceof MediaStream && (e2._stopVideoStream(this.$video.srcObject), this.$video.srcObject = null);
     };
-    if (a)
-      return b2(), true;
-    await new Promise((c) => setTimeout(c, 300));
+    if (a3)
+      return b3(), true;
+    await new Promise((c2) => setTimeout(c2, 300));
     if (!this._paused)
       return false;
-    b2();
+    b3();
     return true;
   }
-  async setCamera(a) {
-    a !== this._preferredCamera && (this._preferredCamera = a, await this._restartVideoStream());
+  async setCamera(a3) {
+    a3 !== this._preferredCamera && (this._preferredCamera = a3, await this._restartVideoStream());
   }
-  static async scanImage(a, b2, c, d2, f2 = false, h = false) {
-    let m, n = false;
-    b2 && ("scanRegion" in b2 || "qrEngine" in b2 || "canvas" in b2 || "disallowCanvasResizing" in b2 || "alsoTryWithoutScanRegion" in b2 || "returnDetailedScanResult" in b2) ? (m = b2.scanRegion, c = b2.qrEngine, d2 = b2.canvas, f2 = b2.disallowCanvasResizing || false, h = b2.alsoTryWithoutScanRegion || false, n = true) : b2 || c || d2 || f2 || h ? console.warn("You're using a deprecated api for scanImage which will be removed in the future.") : console.warn("Note that the return type of scanImage will change in the future. To already switch to the new api today, you can pass returnDetailedScanResult: true.");
-    b2 = !!c;
+  static async scanImage(a3, b3, c2, d4, f2 = false, h4 = false) {
+    let m3, n = false;
+    b3 && ("scanRegion" in b3 || "qrEngine" in b3 || "canvas" in b3 || "disallowCanvasResizing" in b3 || "alsoTryWithoutScanRegion" in b3 || "returnDetailedScanResult" in b3) ? (m3 = b3.scanRegion, c2 = b3.qrEngine, d4 = b3.canvas, f2 = b3.disallowCanvasResizing || false, h4 = b3.alsoTryWithoutScanRegion || false, n = true) : b3 || c2 || d4 || f2 || h4 ? console.warn("You're using a deprecated api for scanImage which will be removed in the future.") : console.warn("Note that the return type of scanImage will change in the future. To already switch to the new api today, you can pass returnDetailedScanResult: true.");
+    b3 = !!c2;
     try {
-      let p, k;
-      [c, p] = await Promise.all([c || e.createQrEngine(), e._loadImage(a)]);
-      [d2, k] = e._drawToCanvas(p, m, d2, f2);
-      let q;
-      if (c instanceof Worker) {
-        let g = c;
-        b2 || e._postWorkerMessageSync(g, "inversionMode", "both");
-        q = await new Promise((l2, v2) => {
-          let w, u, r2, y = -1;
-          u = (t2) => {
-            t2.data.id === y && (g.removeEventListener("message", u), g.removeEventListener("error", r2), clearTimeout(w), null !== t2.data.data ? l2({ data: t2.data.data, cornerPoints: e._convertPoints(t2.data.cornerPoints, m) }) : v2(e.NO_QR_CODE_FOUND));
+      let p, k2;
+      [c2, p] = await Promise.all([c2 || e2.createQrEngine(), e2._loadImage(a3)]);
+      [d4, k2] = e2._drawToCanvas(p, m3, d4, f2);
+      let q2;
+      if (c2 instanceof Worker) {
+        let g = c2;
+        b3 || e2._postWorkerMessageSync(g, "inversionMode", "both");
+        q2 = await new Promise((l2, v2) => {
+          let w2, u2, r2, y3 = -1;
+          u2 = (t3) => {
+            t3.data.id === y3 && (g.removeEventListener("message", u2), g.removeEventListener("error", r2), clearTimeout(w2), null !== t3.data.data ? l2({ data: t3.data.data, cornerPoints: e2._convertPoints(t3.data.cornerPoints, m3) }) : v2(e2.NO_QR_CODE_FOUND));
           };
-          r2 = (t2) => {
-            g.removeEventListener("message", u);
+          r2 = (t3) => {
+            g.removeEventListener("message", u2);
             g.removeEventListener("error", r2);
-            clearTimeout(w);
-            v2("Scanner error: " + (t2 ? t2.message || t2 : "Unknown Error"));
+            clearTimeout(w2);
+            v2("Scanner error: " + (t3 ? t3.message || t3 : "Unknown Error"));
           };
-          g.addEventListener("message", u);
+          g.addEventListener("message", u2);
           g.addEventListener("error", r2);
-          w = setTimeout(() => r2("timeout"), 1e4);
-          let x = k.getImageData(0, 0, d2.width, d2.height);
-          y = e._postWorkerMessageSync(g, "decode", x, [x.data.buffer]);
+          w2 = setTimeout(() => r2("timeout"), 1e4);
+          let x2 = k2.getImageData(0, 0, d4.width, d4.height);
+          y3 = e2._postWorkerMessageSync(g, "decode", x2, [x2.data.buffer]);
         });
       } else
-        q = await Promise.race([new Promise((g, l2) => window.setTimeout(() => l2("Scanner error: timeout"), 1e4)), (async () => {
+        q2 = await Promise.race([new Promise((g, l2) => window.setTimeout(() => l2("Scanner error: timeout"), 1e4)), (async () => {
           try {
-            var [g] = await c.detect(d2);
+            var [g] = await c2.detect(d4);
             if (!g)
-              throw e.NO_QR_CODE_FOUND;
-            return { data: g.rawValue, cornerPoints: e._convertPoints(g.cornerPoints, m) };
+              throw e2.NO_QR_CODE_FOUND;
+            return { data: g.rawValue, cornerPoints: e2._convertPoints(g.cornerPoints, m3) };
           } catch (l2) {
             g = l2.message || l2;
             if (/not implemented|service unavailable/.test(g))
-              return e._disableBarcodeDetector = true, e.scanImage(a, { scanRegion: m, canvas: d2, disallowCanvasResizing: f2, alsoTryWithoutScanRegion: h });
+              return e2._disableBarcodeDetector = true, e2.scanImage(a3, { scanRegion: m3, canvas: d4, disallowCanvasResizing: f2, alsoTryWithoutScanRegion: h4 });
             throw `Scanner error: ${g}`;
           }
         })()]);
-      return n ? q : q.data;
+      return n ? q2 : q2.data;
     } catch (p) {
-      if (!m || !h)
+      if (!m3 || !h4)
         throw p;
-      let k = await e.scanImage(a, { qrEngine: c, canvas: d2, disallowCanvasResizing: f2 });
-      return n ? k : k.data;
+      let k2 = await e2.scanImage(a3, { qrEngine: c2, canvas: d4, disallowCanvasResizing: f2 });
+      return n ? k2 : k2.data;
     } finally {
-      b2 || e._postWorkerMessage(c, "close");
+      b3 || e2._postWorkerMessage(c2, "close");
     }
   }
-  setGrayscaleWeights(a, b2, c, d2 = true) {
-    e._postWorkerMessage(this._qrEnginePromise, "grayscaleWeights", {
-      red: a,
-      green: b2,
-      blue: c,
-      useIntegerApproximation: d2
+  setGrayscaleWeights(a3, b3, c2, d4 = true) {
+    e2._postWorkerMessage(this._qrEnginePromise, "grayscaleWeights", {
+      red: a3,
+      green: b3,
+      blue: c2,
+      useIntegerApproximation: d4
     });
   }
-  setInversionMode(a) {
-    e._postWorkerMessage(this._qrEnginePromise, "inversionMode", a);
+  setInversionMode(a3) {
+    e2._postWorkerMessage(this._qrEnginePromise, "inversionMode", a3);
   }
-  static async createQrEngine(a) {
-    a && console.warn("Specifying a worker path is not required and not supported anymore.");
-    return !e._disableBarcodeDetector && "BarcodeDetector" in window && BarcodeDetector.getSupportedFormats && (await BarcodeDetector.getSupportedFormats()).includes("qr_code") ? new BarcodeDetector({ formats: ["qr_code"] }) : Promise.resolve().then(() => qrScannerWorker_min).then((b2) => b2.createWorker());
+  static async createQrEngine(a3) {
+    a3 && console.warn("Specifying a worker path is not required and not supported anymore.");
+    return !e2._disableBarcodeDetector && "BarcodeDetector" in window && BarcodeDetector.getSupportedFormats && (await BarcodeDetector.getSupportedFormats()).includes("qr_code") ? new BarcodeDetector({ formats: ["qr_code"] }) : Promise.resolve().then(() => qrScannerWorker_min).then((b3) => b3.createWorker());
   }
   _onPlay() {
     this._scanRegion = this._calculateScanRegion(this.$video);
@@ -4518,13 +6413,13 @@ class e {
   _onVisibilityChange() {
     document.hidden ? this.pause() : this._active && this.start();
   }
-  _calculateScanRegion(a) {
-    let b2 = Math.round(2 / 3 * Math.min(a.videoWidth, a.videoHeight));
+  _calculateScanRegion(a3) {
+    let b3 = Math.round(2 / 3 * Math.min(a3.videoWidth, a3.videoHeight));
     return {
-      x: Math.round((a.videoWidth - b2) / 2),
-      y: Math.round((a.videoHeight - b2) / 2),
-      width: b2,
-      height: b2,
+      x: Math.round((a3.videoWidth - b3) / 2),
+      y: Math.round((a3.videoHeight - b3) / 2),
+      width: b3,
+      height: b3,
       downScaledWidth: this._legacyCanvasSize,
       downScaledHeight: this._legacyCanvasSize
     };
@@ -4532,152 +6427,152 @@ class e {
   _updateOverlay() {
     requestAnimationFrame(() => {
       if (this.$overlay) {
-        var a = this.$video, b2 = a.videoWidth, c = a.videoHeight, d2 = a.offsetWidth, f2 = a.offsetHeight, h = a.offsetLeft, m = a.offsetTop, n = window.getComputedStyle(a), p = n.objectFit, k = b2 / c, q = d2 / f2;
+        var a3 = this.$video, b3 = a3.videoWidth, c2 = a3.videoHeight, d4 = a3.offsetWidth, f2 = a3.offsetHeight, h4 = a3.offsetLeft, m3 = a3.offsetTop, n = window.getComputedStyle(a3), p = n.objectFit, k2 = b3 / c2, q2 = d4 / f2;
         switch (p) {
           case "none":
-            var g = b2;
-            var l2 = c;
+            var g = b3;
+            var l2 = c2;
             break;
           case "fill":
-            g = d2;
+            g = d4;
             l2 = f2;
             break;
           default:
-            ("cover" === p ? k > q : k < q) ? (l2 = f2, g = l2 * k) : (g = d2, l2 = g / k), "scale-down" === p && (g = Math.min(g, b2), l2 = Math.min(l2, c));
+            ("cover" === p ? k2 > q2 : k2 < q2) ? (l2 = f2, g = l2 * k2) : (g = d4, l2 = g / k2), "scale-down" === p && (g = Math.min(g, b3), l2 = Math.min(l2, c2));
         }
-        var [v2, w] = n.objectPosition.split(" ").map((r2, y) => {
-          const x = parseFloat(r2);
-          return r2.endsWith("%") ? (y ? f2 - l2 : d2 - g) * x / 100 : x;
+        var [v2, w2] = n.objectPosition.split(" ").map((r2, y3) => {
+          const x2 = parseFloat(r2);
+          return r2.endsWith("%") ? (y3 ? f2 - l2 : d4 - g) * x2 / 100 : x2;
         });
-        n = this._scanRegion.width || b2;
-        q = this._scanRegion.height || c;
+        n = this._scanRegion.width || b3;
+        q2 = this._scanRegion.height || c2;
         p = this._scanRegion.x || 0;
-        var u = this._scanRegion.y || 0;
-        k = this.$overlay.style;
-        k.width = `${n / b2 * g}px`;
-        k.height = `${q / c * l2}px`;
-        k.top = `${m + w + u / c * l2}px`;
-        c = /scaleX\(-1\)/.test(a.style.transform);
-        k.left = `${h + (c ? d2 - v2 - g : v2) + (c ? b2 - p - n : p) / b2 * g}px`;
-        k.transform = a.style.transform;
+        var u2 = this._scanRegion.y || 0;
+        k2 = this.$overlay.style;
+        k2.width = `${n / b3 * g}px`;
+        k2.height = `${q2 / c2 * l2}px`;
+        k2.top = `${m3 + w2 + u2 / c2 * l2}px`;
+        c2 = /scaleX\(-1\)/.test(a3.style.transform);
+        k2.left = `${h4 + (c2 ? d4 - v2 - g : v2) + (c2 ? b3 - p - n : p) / b3 * g}px`;
+        k2.transform = a3.style.transform;
       }
     });
   }
-  static _convertPoints(a, b2) {
-    if (!b2)
-      return a;
-    let c = b2.x || 0, d2 = b2.y || 0, f2 = b2.width && b2.downScaledWidth ? b2.width / b2.downScaledWidth : 1;
-    b2 = b2.height && b2.downScaledHeight ? b2.height / b2.downScaledHeight : 1;
-    for (let h of a)
-      h.x = h.x * f2 + c, h.y = h.y * b2 + d2;
-    return a;
+  static _convertPoints(a3, b3) {
+    if (!b3)
+      return a3;
+    let c2 = b3.x || 0, d4 = b3.y || 0, f2 = b3.width && b3.downScaledWidth ? b3.width / b3.downScaledWidth : 1;
+    b3 = b3.height && b3.downScaledHeight ? b3.height / b3.downScaledHeight : 1;
+    for (let h4 of a3)
+      h4.x = h4.x * f2 + c2, h4.y = h4.y * b3 + d4;
+    return a3;
   }
   _scanFrame() {
     !this._active || this.$video.paused || this.$video.ended || ("requestVideoFrameCallback" in this.$video ? this.$video.requestVideoFrameCallback.bind(this.$video) : requestAnimationFrame)(async () => {
       if (!(1 >= this.$video.readyState)) {
-        var a = Date.now() - this._lastScanTimestamp, b2 = 1e3 / this._maxScansPerSecond;
-        a < b2 && await new Promise((d2) => setTimeout(d2, b2 - a));
+        var a3 = Date.now() - this._lastScanTimestamp, b3 = 1e3 / this._maxScansPerSecond;
+        a3 < b3 && await new Promise((d4) => setTimeout(d4, b3 - a3));
         this._lastScanTimestamp = Date.now();
         try {
-          var c = await e.scanImage(
+          var c2 = await e2.scanImage(
             this.$video,
             { scanRegion: this._scanRegion, qrEngine: this._qrEnginePromise, canvas: this.$canvas }
           );
-        } catch (d2) {
+        } catch (d4) {
           if (!this._active)
             return;
-          this._onDecodeError(d2);
+          this._onDecodeError(d4);
         }
-        !e._disableBarcodeDetector || await this._qrEnginePromise instanceof Worker || (this._qrEnginePromise = e.createQrEngine());
-        c ? (this._onDecode ? this._onDecode(c) : this._legacyOnDecode && this._legacyOnDecode(c.data), this.$codeOutlineHighlight && (clearTimeout(this._codeOutlineHighlightRemovalTimeout), this._codeOutlineHighlightRemovalTimeout = void 0, this.$codeOutlineHighlight.setAttribute(
+        !e2._disableBarcodeDetector || await this._qrEnginePromise instanceof Worker || (this._qrEnginePromise = e2.createQrEngine());
+        c2 ? (this._onDecode ? this._onDecode(c2) : this._legacyOnDecode && this._legacyOnDecode(c2.data), this.$codeOutlineHighlight && (clearTimeout(this._codeOutlineHighlightRemovalTimeout), this._codeOutlineHighlightRemovalTimeout = void 0, this.$codeOutlineHighlight.setAttribute(
           "viewBox",
           `${this._scanRegion.x || 0} ${this._scanRegion.y || 0} ${this._scanRegion.width || this.$video.videoWidth} ${this._scanRegion.height || this.$video.videoHeight}`
-        ), this.$codeOutlineHighlight.firstElementChild.setAttribute("points", c.cornerPoints.map(({ x: d2, y: f2 }) => `${d2},${f2}`).join(" ")), this.$codeOutlineHighlight.style.display = "")) : this.$codeOutlineHighlight && !this._codeOutlineHighlightRemovalTimeout && (this._codeOutlineHighlightRemovalTimeout = setTimeout(() => this.$codeOutlineHighlight.style.display = "none", 100));
+        ), this.$codeOutlineHighlight.firstElementChild.setAttribute("points", c2.cornerPoints.map(({ x: d4, y: f2 }) => `${d4},${f2}`).join(" ")), this.$codeOutlineHighlight.style.display = "")) : this.$codeOutlineHighlight && !this._codeOutlineHighlightRemovalTimeout && (this._codeOutlineHighlightRemovalTimeout = setTimeout(() => this.$codeOutlineHighlight.style.display = "none", 100));
       }
       this._scanFrame();
     });
   }
-  _onDecodeError(a) {
-    a !== e.NO_QR_CODE_FOUND && console.log(a);
+  _onDecodeError(a3) {
+    a3 !== e2.NO_QR_CODE_FOUND && console.log(a3);
   }
   async _getCameraStream() {
     if (!navigator.mediaDevices)
       throw "Camera not found.";
-    let a = /^(environment|user)$/.test(this._preferredCamera) ? "facingMode" : "deviceId", b2 = [{ width: { min: 1024 } }, { width: { min: 768 } }, {}], c = b2.map((d2) => Object.assign({}, d2, { [a]: { exact: this._preferredCamera } }));
-    for (let d2 of [...c, ...b2])
+    let a3 = /^(environment|user)$/.test(this._preferredCamera) ? "facingMode" : "deviceId", b3 = [{ width: { min: 1024 } }, { width: { min: 768 } }, {}], c2 = b3.map((d4) => Object.assign({}, d4, { [a3]: { exact: this._preferredCamera } }));
+    for (let d4 of [...c2, ...b3])
       try {
-        let f2 = await navigator.mediaDevices.getUserMedia({ video: d2, audio: false }), h = this._getFacingMode(f2) || (d2.facingMode ? this._preferredCamera : "environment" === this._preferredCamera ? "user" : "environment");
-        return { stream: f2, facingMode: h };
+        let f2 = await navigator.mediaDevices.getUserMedia({ video: d4, audio: false }), h4 = this._getFacingMode(f2) || (d4.facingMode ? this._preferredCamera : "environment" === this._preferredCamera ? "user" : "environment");
+        return { stream: f2, facingMode: h4 };
       } catch (f2) {
       }
     throw "Camera not found.";
   }
   async _restartVideoStream() {
-    let a = this._paused;
-    await this.pause(true) && !a && this._active && await this.start();
-  }
-  static _stopVideoStream(a) {
-    for (let b2 of a.getTracks())
-      b2.stop(), a.removeTrack(b2);
-  }
-  _setVideoMirror(a) {
-    this.$video.style.transform = "scaleX(" + ("user" === a ? -1 : 1) + ")";
-  }
-  _getFacingMode(a) {
-    return (a = a.getVideoTracks()[0]) ? /rear|back|environment/i.test(a.label) ? "environment" : /front|user|face/i.test(a.label) ? "user" : null : null;
-  }
-  static _drawToCanvas(a, b2, c, d2 = false) {
-    c = c || document.createElement("canvas");
-    let f2 = b2 && b2.x ? b2.x : 0, h = b2 && b2.y ? b2.y : 0, m = b2 && b2.width ? b2.width : a.videoWidth || a.width, n = b2 && b2.height ? b2.height : a.videoHeight || a.height;
-    d2 || (d2 = b2 && b2.downScaledWidth ? b2.downScaledWidth : m, b2 = b2 && b2.downScaledHeight ? b2.downScaledHeight : n, c.width !== d2 && (c.width = d2), c.height !== b2 && (c.height = b2));
-    b2 = c.getContext("2d", { alpha: false });
-    b2.imageSmoothingEnabled = false;
-    b2.drawImage(a, f2, h, m, n, 0, 0, c.width, c.height);
-    return [c, b2];
-  }
-  static async _loadImage(a) {
-    if (a instanceof Image)
-      return await e._awaitImageLoad(a), a;
-    if (a instanceof HTMLVideoElement || a instanceof HTMLCanvasElement || a instanceof SVGImageElement || "OffscreenCanvas" in window && a instanceof OffscreenCanvas || "ImageBitmap" in window && a instanceof ImageBitmap)
-      return a;
-    if (a instanceof File || a instanceof Blob || a instanceof URL || "string" === typeof a) {
-      let b2 = new Image();
-      b2.src = a instanceof File || a instanceof Blob ? URL.createObjectURL(a) : a.toString();
+    let a3 = this._paused;
+    await this.pause(true) && !a3 && this._active && await this.start();
+  }
+  static _stopVideoStream(a3) {
+    for (let b3 of a3.getTracks())
+      b3.stop(), a3.removeTrack(b3);
+  }
+  _setVideoMirror(a3) {
+    this.$video.style.transform = "scaleX(" + ("user" === a3 ? -1 : 1) + ")";
+  }
+  _getFacingMode(a3) {
+    return (a3 = a3.getVideoTracks()[0]) ? /rear|back|environment/i.test(a3.label) ? "environment" : /front|user|face/i.test(a3.label) ? "user" : null : null;
+  }
+  static _drawToCanvas(a3, b3, c2, d4 = false) {
+    c2 = c2 || document.createElement("canvas");
+    let f2 = b3 && b3.x ? b3.x : 0, h4 = b3 && b3.y ? b3.y : 0, m3 = b3 && b3.width ? b3.width : a3.videoWidth || a3.width, n = b3 && b3.height ? b3.height : a3.videoHeight || a3.height;
+    d4 || (d4 = b3 && b3.downScaledWidth ? b3.downScaledWidth : m3, b3 = b3 && b3.downScaledHeight ? b3.downScaledHeight : n, c2.width !== d4 && (c2.width = d4), c2.height !== b3 && (c2.height = b3));
+    b3 = c2.getContext("2d", { alpha: false });
+    b3.imageSmoothingEnabled = false;
+    b3.drawImage(a3, f2, h4, m3, n, 0, 0, c2.width, c2.height);
+    return [c2, b3];
+  }
+  static async _loadImage(a3) {
+    if (a3 instanceof Image)
+      return await e2._awaitImageLoad(a3), a3;
+    if (a3 instanceof HTMLVideoElement || a3 instanceof HTMLCanvasElement || a3 instanceof SVGImageElement || "OffscreenCanvas" in window && a3 instanceof OffscreenCanvas || "ImageBitmap" in window && a3 instanceof ImageBitmap)
+      return a3;
+    if (a3 instanceof File || a3 instanceof Blob || a3 instanceof URL || "string" === typeof a3) {
+      let b3 = new Image();
+      b3.src = a3 instanceof File || a3 instanceof Blob ? URL.createObjectURL(a3) : a3.toString();
       try {
-        return await e._awaitImageLoad(b2), b2;
+        return await e2._awaitImageLoad(b3), b3;
       } finally {
-        (a instanceof File || a instanceof Blob) && URL.revokeObjectURL(b2.src);
+        (a3 instanceof File || a3 instanceof Blob) && URL.revokeObjectURL(b3.src);
       }
     } else
       throw "Unsupported image type.";
   }
-  static async _awaitImageLoad(a) {
-    a.complete && 0 !== a.naturalWidth || await new Promise((b2, c) => {
-      let d2 = (f2) => {
-        a.removeEventListener("load", d2);
-        a.removeEventListener("error", d2);
-        f2 instanceof ErrorEvent ? c("Image load error") : b2();
+  static async _awaitImageLoad(a3) {
+    a3.complete && 0 !== a3.naturalWidth || await new Promise((b3, c2) => {
+      let d4 = (f2) => {
+        a3.removeEventListener("load", d4);
+        a3.removeEventListener("error", d4);
+        f2 instanceof ErrorEvent ? c2("Image load error") : b3();
       };
-      a.addEventListener("load", d2);
-      a.addEventListener("error", d2);
+      a3.addEventListener("load", d4);
+      a3.addEventListener("error", d4);
     });
   }
-  static async _postWorkerMessage(a, b2, c, d2) {
-    return e._postWorkerMessageSync(await a, b2, c, d2);
+  static async _postWorkerMessage(a3, b3, c2, d4) {
+    return e2._postWorkerMessageSync(await a3, b3, c2, d4);
   }
-  static _postWorkerMessageSync(a, b2, c, d2) {
-    if (!(a instanceof Worker))
+  static _postWorkerMessageSync(a3, b3, c2, d4) {
+    if (!(a3 instanceof Worker))
       return -1;
-    let f2 = e._workerMessageId++;
-    a.postMessage({ id: f2, type: b2, data: c }, d2);
+    let f2 = e2._workerMessageId++;
+    a3.postMessage({ id: f2, type: b3, data: c2 }, d4);
     return f2;
   }
 }
-e.DEFAULT_CANVAS_SIZE = 400;
-e.NO_QR_CODE_FOUND = "No QR code found";
-e._disableBarcodeDetector = false;
-e._workerMessageId = 0;
-const Scanner = e;
+e2.DEFAULT_CANVAS_SIZE = 400;
+e2.NO_QR_CODE_FOUND = "No QR code found";
+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(
   "div",
@@ -4695,7 +6590,7 @@ const _hoisted_2$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createEl
 ));
 const _hoisted_3 = ["onClick"];
 const _hoisted_4 = { class: "mr-2 text-sm" };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanner",
   emits: ["start", "stop", "scanned", "close"],
   setup(__props, { emit }) {
@@ -4877,7 +6772,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 const CheckInScanner_vue_vue_type_style_index_0_scoped_ef426ef3_lang = "";
-const CheckInScanner = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-ef426ef3"]]);
+const CheckInScanner = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-ef426ef3"]]);
 const _hoisted_1$2 = /* @__PURE__ */ createElementVNode(
   "h3",
   { align: "center" },
@@ -4885,7 +6780,7 @@ const _hoisted_1$2 = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "CheckInScanSuccess",
   emits: ["close"],
   setup(__props) {
@@ -4920,7 +6815,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
 const __default__$6 = defineComponent({
   name: "CheckInCollection"
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...__default__$6,
   setup(__props) {
     useCollection();
@@ -4935,11 +6830,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const StaffModel = models$1.StaffModel;
+const StaffModel = models$2.StaffModel;
 const __default__$5 = defineComponent({
   name: "StaffCollection"
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...__default__$5,
   setup(__props) {
     useCollection();
@@ -4956,7 +6851,7 @@ const _sfc_main$b = /* @__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$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "StaffSingle",
   setup(__props) {
     const {
@@ -5029,7 +6924,18 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                 _: 1
                 /* STABLE */
               }),
-              createCommentVNode(' IDENTITAS\n    <OfficeTab handle="identity" icon="circle-info" title="Identity">\n    </OfficeTab> '),
+              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",
@@ -5101,9 +7007,113 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const StaffSingle_vue_vue_type_style_index_0_scoped_dbeb1998_lang = "";
-const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-dbeb1998"]]);
-const SituationModel = models$1.SituationModel;
+const StaffSingle_vue_vue_type_style_index_0_scoped_dedad3d9_lang = "";
+const StaffSingle = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-dedad3d9"]]);
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "StaffIdentity",
+  setup(__props) {
+    const { values, saveOne, executeOne, syncOne } = useSingle();
+    const StaffModel2 = models$2.StaffModel;
+    const { client } = useClientHandle();
+    const errors = ref({});
+    const conflict = ref();
+    const profile = computed(() => getProfile(values.value));
+    async function onChoose(userId) {
+      var _a;
+      const resp = await client.query(
+        GraphUtil.getMany(StaffModel2, {
+          id: 1,
+          flag: 1,
+          display: 1,
+          name: 1,
+          birthDate: 1,
+          branch: { id: 1, name: 1 }
+        }),
+        {
+          filter: { userId },
+          limit: 1,
+          logs: ["error"]
+        },
+        { requestPolicy: "network-only" }
+      ).toPromise();
+      const wrapper = (_a = resp.data) == null ? void 0 : _a[StaffModel2.plural];
+      const items = (wrapper == null ? void 0 : wrapper.items) || [];
+      const staff = items[0];
+      const profile2 = getProfile(staff);
+      conflict.value = profile2;
+    }
+    async function onRegister(payload) {
+      const resp = await executeOne("registerUser", payload);
+      const wrapper = resp.data.executeStaff;
+      const info = wrapper.info;
+      const output = wrapper.output;
+      if (info.status === "error") {
+        errors.value = info.messages;
+        return;
+      }
+      return output == null ? void 0 : output.userId;
+    }
+    async function onConnect(userId) {
+      values.value.userId = userId;
+      await saveOne();
+    }
+    async function onDisconnect(payload) {
+      await executeOne("updateUser", payload);
+      values.value.userId = null;
+      await saveOne();
+    }
+    async function onDelegate(payload) {
+      await executeOne("updateUser", payload);
+      await syncOne();
+    }
+    function getProfile(staff) {
+      var _a;
+      if (!staff)
+        return;
+      const user = staff.user;
+      const branches = (_a = staff.branches) == null ? void 0 : _a.map((s4) => s4.name).join(", ");
+      return {
+        name: staff.name,
+        image: user == null ? void 0 : user.image,
+        detail: [branches].filter(Boolean)
+      };
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NeonFormWrapper), null, {
+        default: withCtx(() => [
+          createVNode(unref(OperasionalIdentitas), {
+            user: unref(values).user,
+            profile: unref(profile),
+            conflict: conflict.value,
+            roles: [
+              { id: "64101f7078ae4f8388b1d1e8", name: "Cabang Operasional" },
+              { id: "a6c43f08a59b4292e3d1357b", name: "Super Admin" },
+              { id: "641044c878ae4f8388b1d280", name: "Admin Operasional" },
+              { id: "6309c3c2e64a1324b8663dab", name: "Karyawan" }
+              // { id: '', name: 'Admin Keuangan' },
+              // { id: '', name: 'Cabang Keuangan' },
+              // { id: '', name: 'Admin Operasional' },
+              // { id: '', name: 'Operasional' },
+              // { id: '', name: 'Admin Marketing' },
+              // { id: '', name: 'Cabang Marketing' },
+              // { id: '', name: 'Admin Sentral' },
+            ],
+            errors: errors.value,
+            "on-choose": onChoose,
+            "on-register": onRegister,
+            "on-connect": onConnect,
+            "on-disconnect": onDisconnect,
+            "on-delegate": onDelegate,
+            onNoConflict: _cache[0] || (_cache[0] = ($event) => conflict.value = void 0)
+          }, null, 8, ["user", "profile", "conflict", "errors"])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const SituationModel = models$2.SituationModel;
 const __default__$4 = defineComponent({ name: "SituationCollection" });
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...__default__$4,
@@ -5525,7 +7535,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SituationTypeModel = models$1.SituationTypeModel;
+const SituationTypeModel = models$2.SituationTypeModel;
 const __default__$2 = defineComponent({ name: "SituationTypeCollection" });
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...__default__$2,
@@ -5613,7 +7623,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaskModel = models$1.TaskModel;
+const TaskModel = models$2.TaskModel;
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { key: 1 };
 const __default__$1 = defineComponent({ name: "TaskWorkButton" });
@@ -5679,7 +7689,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       onHandleTaskWork.value.onStartTaskWorking = false;
       onHandleTaskWork.value.onFinishedTaskWorking = true;
       try {
-        const responseStartTaskWork = await client.mutation(GraphUtil.executeOne(models$1.TaskModel, {}), {
+        const responseStartTaskWork = await client.mutation(GraphUtil.executeOne(models$2.TaskModel, {}), {
           action: "startTaskWork",
           input: {
             estimatedRealizedAssignmentStart: Date.now(),
@@ -5697,7 +7707,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       onHandleTaskWork.value.onFinishedTaskWorking = true;
       onHandleTaskWork.value.onFinishedDisabledTaskWorking = true;
       try {
-        const responseFinishedTaskWork = await client.mutation(GraphUtil.executeOne(models$1.TaskModel, {}), {
+        const responseFinishedTaskWork = await client.mutation(GraphUtil.executeOne(models$2.TaskModel, {}), {
           action: "finishTaskWork",
           input: {
             estimatedRealizedAssignmentEnd: Date.now(),
@@ -6219,13 +8229,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CheckInAccess,
-  CheckInCollection: _sfc_main$c,
+  CheckInCollection: _sfc_main$d,
   CheckInModel,
   CheckInPresenceCollection,
-  CheckInScanError: _sfc_main$f,
-  CheckInScanSuccess: _sfc_main$d,
+  CheckInScanError: _sfc_main$g,
+  CheckInScanSuccess: _sfc_main$e,
   CheckInScanner,
   CheckInSingle,
+  OperasionalIdentitas,
   SituationCollection: _sfc_main$9,
   SituationModel,
   SituationSingle: _sfc_main$8,
@@ -6234,7 +8245,8 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   SituationTypeModel,
   SituationTypeSingle: _sfc_main$4,
   SituationWork: _sfc_main$7,
-  StaffCollection: _sfc_main$b,
+  StaffCollection: _sfc_main$c,
+  StaffIdentity: _sfc_main$a,
   StaffModel,
   StaffSingle,
   TaskCollection: _sfc_main$2,
@@ -6242,7 +8254,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   TaskSingle: _sfc_main$1,
   TaskWork: _sfc_main,
   TaskWorkButton: _sfc_main$3,
-  XxxButton: _sfc_main$j
+  XxxButton: _sfc_main$l
 }, Symbol.toStringTag, { value: "Module" }));
 function registerComponents(app) {
   Object.entries(components).forEach(([name, component]) => {
@@ -6361,14 +8373,15 @@ const qrScannerWorker_min = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   CheckInAccess,
-  _sfc_main$c as CheckInCollection,
+  _sfc_main$d as CheckInCollection,
   CheckInModel,
   CheckInPresenceCollection,
-  _sfc_main$f as CheckInScanError,
-  _sfc_main$d as CheckInScanSuccess,
+  _sfc_main$g as CheckInScanError,
+  _sfc_main$e as CheckInScanSuccess,
   CheckInScanner,
   CheckInSingle,
   operasional_types as NOperasional,
+  OperasionalIdentitas,
   OperasionalInterfacesPlugin,
   graphql as Schema,
   _sfc_main$9 as SituationCollection,
@@ -6379,7 +8392,8 @@ export {
   SituationTypeModel,
   _sfc_main$4 as SituationTypeSingle,
   _sfc_main$7 as SituationWork,
-  _sfc_main$b as StaffCollection,
+  _sfc_main$c as StaffCollection,
+  _sfc_main$a as StaffIdentity,
   StaffModel,
   StaffSingle,
   _sfc_main$2 as TaskCollection,
@@ -6387,7 +8401,7 @@ export {
   _sfc_main$1 as TaskSingle,
   _sfc_main as TaskWork,
   _sfc_main$3 as TaskWorkButton,
-  _sfc_main$j as XxxButton,
+  _sfc_main$l as XxxButton,
   bus,
   useAttendanceStore,
   useOperasional,