@neutron.co.id/operasional-modules 1.11.2 → 1.12.0-beta.1

package/build/personalia/resources/submission/submission.resource.mjs

@@ -1,97 +1,81 @@
 import { Resource } from "@neon.id/context";
-import {
-  SubmissionCollectionView,
-  SubmissionSingleView,
-  SubmissionCollectionStaffView,
-  SubmissionSingleStaffView,
-  SubmissionCollectionFollowUpView,
-  SubmissionSingleFollowUpView,
-  SubmissionCollectionAuditView,
-  SubmissionSingleAuditView,
-  SubmissionCollectionDecisionView,
-  SubmissionSingleDecisionView,
-  SubmissionCollectionWaitingDecisionView,
-  SubmissionSingleWaitingDecisionView,
-  SubmissionCollectionSupervisorView,
-  SubmissionSingleSupervisorView
-} from "./submission.views.mjs";
 import {
   SubmissionModel
 } from "@neutron.co.id/personalia-models";
-const formatRupiah = (money) => {
+function formatRupiah(money) {
   return new Intl.NumberFormat("id-ID", {
     style: "currency",
     currency: "IDR",
     minimumFractionDigits: 0
   }).format(money);
-};
+}
 export const SubmissionResource = Resource.define({
   model: SubmissionModel,
   collection: {
     title: "Pengajuan",
     path: "submissions",
-    component: SubmissionCollectionView,
+    component: "SubmissionCollectionView",
     menu: true,
     displays: ["table"]
   },
   single: {
     path: "submissions/:slug",
-    component: SubmissionSingleView
+    component: "SubmissionSingleView"
   },
   views: {
     // Karyawan Pengajuan
     submissionStaff: {
       path: "/pengajuan/staff-submission",
-      component: SubmissionCollectionStaffView
+      component: "SubmissionCollectionStaffView"
     },
     submissionStaffSingle: {
       path: "/pengajuan/staff-submission/:slug",
-      component: SubmissionSingleStaffView
+      component: "SubmissionSingleStaffView"
     },
     // Karyawan Tidak Lanjut
     submissionFollowUp: {
       path: "/pengajuan/follow-up-submission",
-      component: SubmissionCollectionFollowUpView
+      component: "SubmissionCollectionFollowUpView"
     },
     submissionFollowUpSingle: {
       path: "/pengajuan/follow-up-submission/:slug",
-      component: SubmissionSingleFollowUpView
+      component: "SubmissionSingleFollowUpView"
     },
     // Pengawas Pengajuan
     submissionAudit: {
       path: "/pengajuan/audit-submission",
-      component: SubmissionCollectionAuditView
+      component: "SubmissionCollectionAuditView"
     },
     submissionAuditSingle: {
       path: "/pengajuan/audit-submission/:slug",
-      component: SubmissionSingleAuditView
+      component: "SubmissionSingleAuditView"
     },
     // Pengambil Keputusan
     submissionDecision: {
       path: "/pengajuan/decision-submission",
-      component: SubmissionCollectionDecisionView
+      component: "SubmissionCollectionDecisionView"
     },
     submissionDecisionSingle: {
       path: "/pengajuan/decision-submission/:slug",
-      component: SubmissionSingleDecisionView
+      component: "SubmissionSingleDecisionView"
     },
-    //Menunggu Keputusan
+    // Menunggu Keputusan
     submissionWaitingDecision: {
       path: "/pengajuan/waiting-decision-submission",
-      component: SubmissionCollectionWaitingDecisionView
+      component: "SubmissionCollectionWaitingDecisionView"
     },
     submissionWaitingDecisionSingle: {
       path: "/pengajuan/waiting-decision-submission/:slug",
-      component: SubmissionSingleWaitingDecisionView
+      component: "SubmissionSingleWaitingDecisionView"
     },
-    //Menunggu Keputusan
+    // Menunggu Keputusan
     submissionSupervisor: {
       path: "/pengawas/submissions",
-      component: SubmissionCollectionSupervisorView
+      component: "SubmissionCollectionSupervisorView"
     },
     submissionSupervisorSingle: {
       path: "/pengawas/submissions/:slug",
-      component: SubmissionSingleSupervisorView
+      component: "SubmissionSingleSupervisorView"
     }
   },
   fragments: SubmissionModel.fragments,

package/build/personalia/resources/submission/submission.views.d.ts

@@ -5,7 +5,7 @@ export declare const SubmissionCollectionView: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     overrides: {
         type: ObjectConstructor;
         default: () => {};
@@ -14,6 +14,10 @@ export declare const SubmissionCollectionView: import("vue").DefineComponent<{
     overrides: Record<string, any>;
 }, {}>;
 export declare const SubmissionSingleView: import("vue").DefineComponent<{
+    state: {
+        type: import("vue").PropType<import("@neon.id/context").TSingleStateOrFn>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -32,7 +36,11 @@ export declare const SubmissionSingleView: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    state: {
+        type: import("vue").PropType<import("@neon.id/context").TSingleStateOrFn>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -50,9 +58,10 @@ export declare const SubmissionSingleView: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
+    state: import("@neon.id/context").TSingleStateOrFn;
     id: string;
-    isMain: boolean;
     isNew: boolean;
+    isMain: boolean;
     overrides: Record<string, any>;
 }, {}>;
 export declare const SubmissionCollectionStaffView: import("vue").DefineComponent<{
@@ -62,7 +71,7 @@ export declare const SubmissionCollectionStaffView: import("vue").DefineComponen
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     overrides: {
         type: ObjectConstructor;
         default: () => {};
@@ -71,6 +80,10 @@ export declare const SubmissionCollectionStaffView: import("vue").DefineComponen
     overrides: Record<string, any>;
 }, {}>;
 export declare const SubmissionSingleStaffView: import("vue").DefineComponent<{
+    state: {
+        type: import("vue").PropType<import("@neon.id/context").TSingleStateOrFn>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -89,7 +102,11 @@ export declare const SubmissionSingleStaffView: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    state: {
+        type: import("vue").PropType<import("@neon.id/context").TSingleStateOrFn>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -107,9 +124,10 @@ export declare const SubmissionSingleStaffView: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
+    state: import("@neon.id/context").TSingleStateOrFn;
     id: string;
-    isMain: boolean;
     isNew: boolean;
+    isMain: boolean;
     overrides: Record<string, any>;
 }, {}>;
 export declare const SubmissionCollectionFollowUpView: import("vue").DefineComponent<{
@@ -119,7 +137,7 @@ export declare const SubmissionCollectionFollowUpView: import("vue").DefineCompo
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     overrides: {
         type: ObjectConstructor;
         default: () => {};
@@ -128,6 +146,10 @@ export declare const SubmissionCollectionFollowUpView: import("vue").DefineCompo
     overrides: Record<string, any>;
 }, {}>;
 export declare const SubmissionSingleFollowUpView: import("vue").DefineComponent<{
+    state: {
+        type: import("vue").PropType<import("@neon.id/context").TSingleStateOrFn>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -146,7 +168,11 @@ export declare const SubmissionSingleFollowUpView: import("vue").DefineComponent
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    state: {
+        type: import("vue").PropType<import("@neon.id/context").TSingleStateOrFn>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -164,9 +190,10 @@ export declare const SubmissionSingleFollowUpView: import("vue").DefineComponent
         default: () => {};
     };
 }>>, {
+    state: import("@neon.id/context").TSingleStateOrFn;
     id: string;
-    isMain: boolean;
     isNew: boolean;
+    isMain: boolean;
     overrides: Record<string, any>;
 }, {}>;
 export declare const SubmissionCollectionAuditView: import("vue").DefineComponent<{
@@ -176,7 +203,7 @@ export declare const SubmissionCollectionAuditView: import("vue").DefineComponen
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     overrides: {
         type: ObjectConstructor;
         default: () => {};
@@ -185,6 +212,10 @@ export declare const SubmissionCollectionAuditView: import("vue").DefineComponen
     overrides: Record<string, any>;
 }, {}>;
 export declare const SubmissionSingleAuditView: import("vue").DefineComponent<{
+    state: {
+        type: import("vue").PropType<import("@neon.id/context").TSingleStateOrFn>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -203,7 +234,11 @@ export declare const SubmissionSingleAuditView: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    state: {
+        type: import("vue").PropType<import("@neon.id/context").TSingleStateOrFn>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -221,9 +256,10 @@ export declare const SubmissionSingleAuditView: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
+    state: import("@neon.id/context").TSingleStateOrFn;
     id: string;
-    isMain: boolean;
     isNew: boolean;
+    isMain: boolean;
     overrides: Record<string, any>;
 }, {}>;
 export declare const SubmissionCollectionDecisionView: import("vue").DefineComponent<{
@@ -233,7 +269,7 @@ export declare const SubmissionCollectionDecisionView: import("vue").DefineCompo
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     overrides: {
         type: ObjectConstructor;
         default: () => {};
@@ -242,6 +278,10 @@ export declare const SubmissionCollectionDecisionView: import("vue").DefineCompo
     overrides: Record<string, any>;
 }, {}>;
 export declare const SubmissionSingleDecisionView: import("vue").DefineComponent<{
+    state: {
+        type: import("vue").PropType<import("@neon.id/context").TSingleStateOrFn>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -260,7 +300,11 @@ export declare const SubmissionSingleDecisionView: import("vue").DefineComponent
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    state: {
+        type: import("vue").PropType<import("@neon.id/context").TSingleStateOrFn>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -278,9 +322,10 @@ export declare const SubmissionSingleDecisionView: import("vue").DefineComponent
         default: () => {};
     };
 }>>, {
+    state: import("@neon.id/context").TSingleStateOrFn;
     id: string;
-    isMain: boolean;
     isNew: boolean;
+    isMain: boolean;
     overrides: Record<string, any>;
 }, {}>;
 export declare const SubmissionCollectionWaitingDecisionView: import("vue").DefineComponent<{
@@ -290,7 +335,7 @@ export declare const SubmissionCollectionWaitingDecisionView: import("vue").Defi
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     overrides: {
         type: ObjectConstructor;
         default: () => {};
@@ -299,6 +344,10 @@ export declare const SubmissionCollectionWaitingDecisionView: import("vue").Defi
     overrides: Record<string, any>;
 }, {}>;
 export declare const SubmissionSingleWaitingDecisionView: import("vue").DefineComponent<{
+    state: {
+        type: import("vue").PropType<import("@neon.id/context").TSingleStateOrFn>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -317,7 +366,11 @@ export declare const SubmissionSingleWaitingDecisionView: import("vue").DefineCo
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    state: {
+        type: import("vue").PropType<import("@neon.id/context").TSingleStateOrFn>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -335,9 +388,10 @@ export declare const SubmissionSingleWaitingDecisionView: import("vue").DefineCo
         default: () => {};
     };
 }>>, {
+    state: import("@neon.id/context").TSingleStateOrFn;
     id: string;
-    isMain: boolean;
     isNew: boolean;
+    isMain: boolean;
     overrides: Record<string, any>;
 }, {}>;
 export declare const SubmissionCollectionSupervisorView: import("vue").DefineComponent<{
@@ -347,7 +401,7 @@ export declare const SubmissionCollectionSupervisorView: import("vue").DefineCom
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     overrides: {
         type: ObjectConstructor;
         default: () => {};
@@ -356,6 +410,10 @@ export declare const SubmissionCollectionSupervisorView: import("vue").DefineCom
     overrides: Record<string, any>;
 }, {}>;
 export declare const SubmissionSingleSupervisorView: import("vue").DefineComponent<{
+    state: {
+        type: import("vue").PropType<import("@neon.id/context").TSingleStateOrFn>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -374,7 +432,11 @@ export declare const SubmissionSingleSupervisorView: import("vue").DefineCompone
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    state: {
+        type: import("vue").PropType<import("@neon.id/context").TSingleStateOrFn>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -392,8 +454,9 @@ export declare const SubmissionSingleSupervisorView: import("vue").DefineCompone
         default: () => {};
     };
 }>>, {
+    state: import("@neon.id/context").TSingleStateOrFn;
     id: string;
-    isMain: boolean;
     isNew: boolean;
+    isMain: boolean;
     overrides: Record<string, any>;
 }, {}>;

package/build/personalia/resources/submission/submission.views.mjs

@@ -2,13 +2,13 @@ import { useSingle } from "@neon.id/context";
 import { NeonLabel } from "@neon.id/interfaces";
 import { ResourceUtil } from "@neon.id/office";
 import { Query } from "@neon.id/query";
-import { useOperasional } from "@neutron.co.id/operasional-interfaces";
+import { useOperasional, useOperasionalStore } from "@neutron.co.id/operasional-interfaces/office";
 import { computed, h } from "vue";
 export const SubmissionCollectionView = ResourceUtil.createCollection({
   name: "default",
   definition: "neu:personalia:submission",
   single: {
-    peeks: ["modal"]
+    peeks: ["page"]
   }
 });
 export const SubmissionSingleView = ResourceUtil.createSingle({
@@ -29,7 +29,7 @@ export const SubmissionCollectionStaffView = ResourceUtil.createCollection({
   path: "/pengajuan/staff-submission",
   single: {
     view: "staff",
-    peeks: ["modal"]
+    peeks: ["page"]
   },
   columns: [
     "status",
@@ -65,13 +65,14 @@ export const SubmissionCollectionStaffView = ResourceUtil.createCollection({
     "updatedAt"
   ],
   query: () => {
-    const { staff } = useOperasional();
+    const state = useOperasionalStore();
+    const { staff } = state.getAllStoreValue();
     return Query.define({
       filter: [
         {
           handle: "submissionStaffIds",
           operator: "in",
-          value: staff.value?.id
+          value: staff?.id
         }
       ],
       sort: [{ handle: "createdAt", direction: "descending" }]
@@ -99,7 +100,7 @@ export const SubmissionCollectionFollowUpView = ResourceUtil.createCollection({
   path: "/pengajuan/follow-up-submission",
   single: {
     view: "follow-up",
-    peeks: ["modal"]
+    peeks: ["page"]
   },
   columns: [
     "status",
@@ -128,7 +129,8 @@ export const SubmissionCollectionFollowUpView = ResourceUtil.createCollection({
   ],
   sorts: ["type", "updatedAt", "createdAt", "updater"],
   query: () => {
-    const { staff } = useOperasional();
+    const state = useOperasionalStore();
+    const { staff } = state.getAllStoreValue();
     return Query.define({
       filter: [
         {
@@ -139,7 +141,7 @@ export const SubmissionCollectionFollowUpView = ResourceUtil.createCollection({
         {
           handle: "followUpStaffIds",
           operator: "in",
-          value: staff.value?.id
+          value: staff?.id
         }
       ],
       sort: [{ handle: "createdAt", direction: "descending" }]
@@ -168,7 +170,7 @@ export const SubmissionCollectionAuditView = ResourceUtil.createCollection({
   path: "/pengajuan/audit-submission",
   single: {
     view: "audit",
-    peeks: ["modal"]
+    peeks: ["page"]
   },
   columns: [
     "status",
@@ -204,13 +206,14 @@ export const SubmissionCollectionAuditView = ResourceUtil.createCollection({
     "updatedAt"
   ],
   query: () => {
-    const { staff } = useOperasional();
+    const state = useOperasionalStore();
+    const { staff } = state.getAllStoreValue();
     return Query.define({
       filter: [
         {
           handle: "raiseStaffIds",
           operator: "in",
-          value: staff.value?.id
+          value: staff?.id
         }
       ],
       sort: [{ handle: "createdAt", direction: "descending" }]
@@ -238,7 +241,7 @@ export const SubmissionCollectionDecisionView = ResourceUtil.createCollection({
   path: "/pengajuan/decision-submission",
   single: {
     view: "decision",
-    peeks: ["modal"]
+    peeks: ["page"]
   },
   columns: [
     "status",
@@ -274,13 +277,14 @@ export const SubmissionCollectionDecisionView = ResourceUtil.createCollection({
     "updatedAt"
   ],
   query: () => {
-    const { staff } = useOperasional();
+    const state = useOperasionalStore();
+    const { staff } = state.getAllStoreValue();
     return Query.define({
       filter: [
         {
           handle: "decideStaffIds",
           operator: "in",
-          value: staff.value?.id
+          value: staff?.id
         }
       ],
       sort: [{ handle: "createdAt", direction: "descending" }]
@@ -308,7 +312,7 @@ export const SubmissionCollectionWaitingDecisionView = ResourceUtil.createCollec
   path: "/pengajuan/waiting-decision-submission",
   single: {
     view: "waiting-decision",
-    peeks: ["modal"]
+    peeks: ["page"]
   },
   columns: [
     "status",
@@ -344,7 +348,8 @@ export const SubmissionCollectionWaitingDecisionView = ResourceUtil.createCollec
     "updatedAt"
   ],
   query: () => {
-    const { staff } = useOperasional();
+    const state = useOperasionalStore();
+    const { staff } = state.getAllStoreValue();
     return Query.define({
       filter: [
         {
@@ -355,17 +360,17 @@ export const SubmissionCollectionWaitingDecisionView = ResourceUtil.createCollec
         {
           handle: "decideStaffIds",
           operator: "in",
-          value: staff.value?.id
+          value: staff?.id
         },
         {
           handle: "delayStaffIds",
           operator: "nin",
-          value: staff.value?.id
+          value: staff?.id
         },
         {
           handle: "agreedStaffIds",
           operator: "nin",
-          value: staff.value?.id
+          value: staff?.id
         }
       ],
       sort: [{ handle: "createdAt", direction: "descending" }]
@@ -394,7 +399,7 @@ export const SubmissionCollectionSupervisorView = ResourceUtil.createCollection(
     path: "/pengawas/submissions",
     single: {
       view: "supervisor",
-      peeks: ["modal"]
+      peeks: ["page"]
     },
     columns: [
       "status",

package/build/personalia/resources/submissionType/index.d.ts

@@ -1,2 +1,2 @@
-export * from './submissionType.views';
 export * from './submissionType.resource';
+export * from './submissionType.views';

package/build/personalia/resources/submissionType/index.mjs

@@ -1,2 +1,2 @@
-export * from "./submissionType.views.mjs";
 export * from "./submissionType.resource.mjs";
+export * from "./submissionType.views.mjs";

package/build/personalia/resources/submissionType/submissionType.resource.mjs

@@ -1,8 +1,4 @@
 import { Resource } from "@neon.id/context";
-import {
-  SubmissionTypeCollectionView,
-  SubmissionTypeSingleView
-} from "./submissionType.views.mjs";
 import {
   SubmissionTypeModel
 } from "@neutron.co.id/personalia-models";
@@ -11,13 +7,13 @@ export const SubmissionTypeResource = Resource.define({
   collection: {
     title: "Tipe Pengajuan",
     path: "submissionTypes",
-    component: SubmissionTypeCollectionView,
+    component: "SubmissionTypeCollectionView",
     menu: true,
     displays: ["table"]
   },
   single: {
     path: "submissionTypes/:slug",
-    component: SubmissionTypeSingleView
+    component: "SubmissionTypeSingleView"
   },
   views: {},
   fragments: SubmissionTypeModel.fragments,

package/build/personalia/resources/submissionType/submissionType.views.d.ts

@@ -5,7 +5,7 @@ export declare const SubmissionTypeCollectionView: import("vue").DefineComponent
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     overrides: {
         type: ObjectConstructor;
         default: () => {};
@@ -14,6 +14,10 @@ export declare const SubmissionTypeCollectionView: import("vue").DefineComponent
     overrides: Record<string, any>;
 }, {}>;
 export declare const SubmissionTypeSingleView: import("vue").DefineComponent<{
+    state: {
+        type: import("vue").PropType<import("@neon.id/context").TSingleStateOrFn>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -32,7 +36,11 @@ export declare const SubmissionTypeSingleView: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    state: {
+        type: import("vue").PropType<import("@neon.id/context").TSingleStateOrFn>;
+        default: undefined;
+    };
     id: {
         type: StringConstructor;
         default: undefined;
@@ -50,8 +58,9 @@ export declare const SubmissionTypeSingleView: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
+    state: import("@neon.id/context").TSingleStateOrFn;
     id: string;
-    isMain: boolean;
     isNew: boolean;
+    isMain: boolean;
     overrides: Record<string, any>;
 }, {}>;