@neutron.co.id/operasional-interfaces 1.16.1-beta.3 → 1.16.1-beta.5

package/build/@office/common/providers/import/useImportShift.mjs

@@ -1,13 +1,22 @@
 import { useToastStore } from "@neon.id/interfaces";
-import { ref } from "vue";
+import { computed, ref } from "vue";
 import { ofetch } from "ofetch";
 import Papa from "papaparse";
 import { useOperasionalOfficeStore } from "../office/index.mjs";
 import { useAuthStore } from "@neon.id/identitas-interfaces";
+import { useAppStore } from "@neon.id/context";
 export function useImportShift() {
   const store = useOperasionalOfficeStore();
   const toast = useToastStore();
   const authStore = useAuthStore();
+  const appStore = useAppStore();
+  const officeAppUrl = computed(() => {
+    if (appStore.appEnv === "dev")
+      return "https://dev.api.office.operasional.neutron.neon.id";
+    if (appStore.appEnv === "prod")
+      return "https://api.office.operasional.neutron.neon.id";
+    return "http://localhost:7020";
+  });
   const loadings = ref(/* @__PURE__ */ new Set());
   const isLoading = ref(false);
   return {
@@ -20,7 +29,7 @@ export function useImportShift() {
     isLoading.value = true;
     try {
       const response = await ofetch(
-        `${store.officeApiUrl}/downloadTemplateShift`,
+        `${officeAppUrl.value}/downloadTemplateShift`,
         {
           method: "GET",
           headers: {
@@ -83,7 +92,7 @@ export function useImportShift() {
         try {
           isLoading.value = true;
           const response = await ofetch(
-            `${store.officeApiUrl}/importDataShift`,
+            `${officeAppUrl.value}/importDataShift`,
             {
               method: "POST",
               headers: {
@@ -99,6 +108,7 @@ export function useImportShift() {
             canClose: true,
             color: "success"
           });
+          window.history.back();
         } catch (error) {
           console.error("onUploadCsvFile: error", error);
           toast.push({

package/build/@office/common/providers/office/office.store.d.ts

@@ -1,7 +1,7 @@
 export declare const useOperasionalOfficeStore: import("pinia").StoreDefinition<"neu:operasional:office:store", import("pinia")._UnwrapAll<Pick<{
-    officeApiUrl: import("vue").Ref<string>;
+    officeApiUrl: import("vue").Ref<string | undefined>;
 }, "officeApiUrl">>, Pick<{
-    officeApiUrl: import("vue").Ref<string>;
+    officeApiUrl: import("vue").Ref<string | undefined>;
 }, never>, Pick<{
-    officeApiUrl: import("vue").Ref<string>;
+    officeApiUrl: import("vue").Ref<string | undefined>;
 }, never>>;

package/build/@office/common/providers/office/office.store.mjs

@@ -3,9 +3,7 @@ import { ref } from "vue";
 export const useOperasionalOfficeStore = defineStore(
   "neu:operasional:office:store",
   () => {
-    const officeApiUrl = ref(
-      process.env.APP_ENVIRONMENT === "prod" ? "https://api.office.operasional.neutron.neon.id" : process.env.APP_ENVIRONMENT === "dev" ? "https://dev.api.office.operasional.neutron.neon.id" : process.env.NEU_OPERASIONAL_OFFICE_API_URL
-    );
+    const officeApiUrl = ref();
     return {
       officeApiUrl
     };

package/build/@office/models/personalia/shiftStaff/ShiftStaffImport.vue

@@ -37,11 +37,6 @@ const goBack = () => {
   window.history.back()
 }
 
-const handleImportCsvFile = async (upload: Mightbe<NFileUpload>) => {
-  await onUploadCsvFile(upload)
-  goBack()
-}
-
 function timeAgo(date: Mightbe<string>, word: string) {
   if (!date) return `Never ${word}`
   const time = useTimeAgo(date, {})
@@ -127,7 +122,7 @@ function timeAgo(date: Mightbe<string>, word: string) {
           color="dark"
           size="sm"
           is-rounded
-          @click="handleImportCsvFile(upload)"
+          @click="onUploadCsvFile(upload)"
         />
       </div>
     </div>

package/build/@package/@office/common/providers/office/office.store.d.ts

@@ -1,7 +1,7 @@
 export declare const useOperasionalOfficeStore: import("pinia").StoreDefinition<"neu:operasional:office:store", import("pinia")._UnwrapAll<Pick<{
-    officeApiUrl: import("vue").Ref<string>;
+    officeApiUrl: import("vue").Ref<string | undefined>;
 }, "officeApiUrl">>, Pick<{
-    officeApiUrl: import("vue").Ref<string>;
+    officeApiUrl: import("vue").Ref<string | undefined>;
 }, never>, Pick<{
-    officeApiUrl: import("vue").Ref<string>;
+    officeApiUrl: import("vue").Ref<string | undefined>;
 }, never>>;

package/build/mock/index.cjs

@@ -12776,18 +12776,24 @@ const Papa = /* @__PURE__ */ getDefaultExportFromCjs(papaparse_minExports);
 const useOperasionalOfficeStore = pinia.defineStore(
   "neu:operasional:office:store",
   () => {
-    const officeApiUrl = vue.ref(
-      process.env.APP_ENVIRONMENT === "prod" ? "https://api.office.operasional.neutron.neon.id" : process.env.APP_ENVIRONMENT === "dev" ? "https://dev.api.office.operasional.neutron.neon.id" : process.env.NEU_OPERASIONAL_OFFICE_API_URL
-    );
+    const officeApiUrl = vue.ref();
     return {
       officeApiUrl
     };
   }
 );
 function useImportShift() {
-  const store = useOperasionalOfficeStore();
+  useOperasionalOfficeStore();
   const toast = interfaces.useToastStore();
   const authStore = identitasInterfaces.useAuthStore();
+  const appStore = context.useAppStore();
+  const officeAppUrl = vue.computed(() => {
+    if (appStore.appEnv === "dev")
+      return "https://dev.api.office.operasional.neutron.neon.id";
+    if (appStore.appEnv === "prod")
+      return "https://api.office.operasional.neutron.neon.id";
+    return "http://localhost:7020";
+  });
   const loadings = vue.ref(/* @__PURE__ */ new Set());
   const isLoading = vue.ref(false);
   return {
@@ -12800,7 +12806,7 @@ function useImportShift() {
     isLoading.value = true;
     try {
       const response = await ofetch(
-        `${store.officeApiUrl}/downloadTemplateShift`,
+        `${officeAppUrl.value}/downloadTemplateShift`,
         {
           method: "GET",
           headers: {
@@ -12863,7 +12869,7 @@ function useImportShift() {
         try {
           isLoading.value = true;
           const response = await ofetch(
-            `${store.officeApiUrl}/importDataShift`,
+            `${officeAppUrl.value}/importDataShift`,
             {
               method: "POST",
               headers: {
@@ -12879,6 +12885,7 @@ function useImportShift() {
             canClose: true,
             color: "success"
           });
+          window.history.back();
         } catch (error) {
           console.error("onUploadCsvFile: error", error);
           toast.push({
@@ -26366,7 +26373,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _withScopeId = (n) => (vue.pushScopeId("data-v-63e9ee2c"), n = n(), vue.popScopeId(), n);
+const _withScopeId = (n) => (vue.pushScopeId("data-v-818a1e6a"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _hoisted_2 = { class: "button-cols" };
 const _hoisted_3 = { class: "button-row" };
@@ -26410,10 +26417,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const goBack = () => {
       window.history.back();
     };
-    const handleImportCsvFile = async (upload2) => {
-      await onUploadCsvFile(upload2);
-      goBack();
-    };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(interfaces.NeonPart), {
         icon: "duotone:file-import",
@@ -26483,7 +26486,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 color: "dark",
                 size: "sm",
                 "is-rounded": "",
-                onClick: _cache[0] || (_cache[0] = ($event) => handleImportCsvFile(upload.value))
+                onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(onUploadCsvFile)(upload.value))
               })
             ])
           ])
@@ -26494,7 +26497,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ShiftStaffImport = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-63e9ee2c"]]);
+const ShiftStaffImport = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-818a1e6a"]]);
 const all = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AttendanceCollection: _sfc_main$1g,

package/build/mock/index.mjs

@@ -23,7 +23,7 @@ import "@neon.id/identitas-interfaces/fluffy.css";
 import { ComponentUtil } from "@neon.id/utils/component";
 import { OfficeInterfaces } from "@neon.id/context/helpers";
 import { useRouter, useRoute } from "vue-router";
-import { GraphUtil, useSingle, useCollection, NeonCollection, NeonSingle, NeonCollectionContext, usePermit, useApp, withCollection } from "@neon.id/context";
+import { GraphUtil, useAppStore, useSingle, useCollection, NeonCollection, NeonSingle, NeonCollectionContext, usePermit, useApp, withCollection } from "@neon.id/context";
 import { defineStore, storeToRefs } from "pinia";
 import { models as models$2 } from "@neutron.co.id/sentral-models";
 import { useClientHandle } from "@urql/vue";
@@ -12757,18 +12757,24 @@ const Papa = /* @__PURE__ */ getDefaultExportFromCjs(papaparse_minExports);
 const useOperasionalOfficeStore = defineStore(
   "neu:operasional:office:store",
   () => {
-    const officeApiUrl = ref(
-      process.env.APP_ENVIRONMENT === "prod" ? "https://api.office.operasional.neutron.neon.id" : process.env.APP_ENVIRONMENT === "dev" ? "https://dev.api.office.operasional.neutron.neon.id" : process.env.NEU_OPERASIONAL_OFFICE_API_URL
-    );
+    const officeApiUrl = ref();
     return {
       officeApiUrl
     };
   }
 );
 function useImportShift() {
-  const store = useOperasionalOfficeStore();
+  useOperasionalOfficeStore();
   const toast = useToastStore();
   const authStore = useAuthStore();
+  const appStore = useAppStore();
+  const officeAppUrl = computed(() => {
+    if (appStore.appEnv === "dev")
+      return "https://dev.api.office.operasional.neutron.neon.id";
+    if (appStore.appEnv === "prod")
+      return "https://api.office.operasional.neutron.neon.id";
+    return "http://localhost:7020";
+  });
   const loadings = ref(/* @__PURE__ */ new Set());
   const isLoading = ref(false);
   return {
@@ -12781,7 +12787,7 @@ function useImportShift() {
     isLoading.value = true;
     try {
       const response = await ofetch(
-        `${store.officeApiUrl}/downloadTemplateShift`,
+        `${officeAppUrl.value}/downloadTemplateShift`,
         {
           method: "GET",
           headers: {
@@ -12844,7 +12850,7 @@ function useImportShift() {
         try {
           isLoading.value = true;
           const response = await ofetch(
-            `${store.officeApiUrl}/importDataShift`,
+            `${officeAppUrl.value}/importDataShift`,
             {
               method: "POST",
               headers: {
@@ -12860,6 +12866,7 @@ function useImportShift() {
             canClose: true,
             color: "success"
           });
+          window.history.back();
         } catch (error) {
           console.error("onUploadCsvFile: error", error);
           toast.push({
@@ -26347,7 +26354,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _withScopeId = (n) => (pushScopeId("data-v-63e9ee2c"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-818a1e6a"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _hoisted_2 = { class: "button-cols" };
 const _hoisted_3 = { class: "button-row" };
@@ -26391,10 +26398,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const goBack = () => {
       window.history.back();
     };
-    const handleImportCsvFile = async (upload2) => {
-      await onUploadCsvFile(upload2);
-      goBack();
-    };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NeonPart), {
         icon: "duotone:file-import",
@@ -26464,7 +26467,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 color: "dark",
                 size: "sm",
                 "is-rounded": "",
-                onClick: _cache[0] || (_cache[0] = ($event) => handleImportCsvFile(upload.value))
+                onClick: _cache[0] || (_cache[0] = ($event) => unref(onUploadCsvFile)(upload.value))
               })
             ])
           ])
@@ -26475,7 +26478,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ShiftStaffImport = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-63e9ee2c"]]);
+const ShiftStaffImport = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-818a1e6a"]]);
 const all = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AttendanceCollection: _sfc_main$1g,

package/build/mock/style.css

@@ -486,11 +486,11 @@
     padding-bottom: 0.5rem
 }
 
-.button-cols[data-v-63e9ee2c] {
+.button-cols[data-v-818a1e6a] {
     display: flex;
     flex-direction: column
 }
-.button-cols[data-v-63e9ee2c] > :not([hidden]) ~ :not([hidden]) {
+.button-cols[data-v-818a1e6a] > :not([hidden]) ~ :not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
     margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
@@ -499,43 +499,43 @@
     --tw-space-x-reverse: 1
 }
 @media (min-width: 576px) {
-.button-cols[data-v-63e9ee2c] {
+.button-cols[data-v-818a1e6a] {
         flex-direction: row;
         align-items: center
 }
 }
-.button-row[data-v-63e9ee2c] {
+.button-row[data-v-818a1e6a] {
     display: flex;
     flex: 1 1 0%;
     align-items: center
 }
-.button-row[data-v-63e9ee2c] > :not([hidden]) ~ :not([hidden]) {
+.button-row[data-v-818a1e6a] > :not([hidden]) ~ :not([hidden]) {
     --tw-space-x-reverse: 0;
     margin-right: calc(0.5rem * var(--tw-space-x-reverse));
     margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
 }
-.time-ago[data-v-63e9ee2c] {
+.time-ago[data-v-818a1e6a] {
     font-size: 0.875rem;
     font-weight: 500;
     line-height: 1;
     --tw-text-opacity: 1;
     color: rgb(161 161 170 / var(--tw-text-opacity))
 }
-.button-end[data-v-63e9ee2c] {
+.button-end[data-v-818a1e6a] {
     display: flex;
     flex: 1 1 0%
 }
-.button-end[data-v-63e9ee2c] > :not([hidden]) ~ :not([hidden]) {
+.button-end[data-v-818a1e6a] > :not([hidden]) ~ :not([hidden]) {
     --tw-space-x-reverse: 0;
     margin-right: calc(0.5rem * var(--tw-space-x-reverse));
     margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
 }
 @media (min-width: 576px) {
-.button-end[data-v-63e9ee2c] {
+.button-end[data-v-818a1e6a] {
         justify-content: flex-end
 }
 }
-.warning-label[data-v-63e9ee2c] {
+.warning-label[data-v-818a1e6a] {
     font-size: 0.875rem;
     font-weight: 500;
     line-height: 1;

package/build/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "1.16.1-beta.3",
+  "version": "1.16.1-beta.5",
   "builder": {
     "@neon.id/module-builder": "1.8.0",
     "unbuild": "2.0.0"

package/build/nuxt.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "1.16.1-beta.3",
+  "version": "1.16.1-beta.5",
   "builder": {
     "@neon.id/module-builder": "1.8.0",
     "unbuild": "2.0.0"

package/build/nuxt.mjs

@@ -208,8 +208,8 @@ function setupConfig(options) {
     isDebug: false,
     isProd: env === "prod",
     mode: options.mode || "office",
-    office: {}
-    // officeApiUrl: process.env.NEU_OPERASIONAL_OFFICE_API_URL as string,
+    office: {},
+    officeApiUrl: process.env.NEU_OPERASIONAL_OFFICE_API_URL
   });
   const key = "neu:operasional:interfaces";
   nuxt.options.runtimeConfig[key] = config;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neutron.co.id/operasional-interfaces",
-  "version": "1.16.1-beta.3",
+  "version": "1.16.1-beta.5",
   "description": "Interface library of Neutron Operasional.",
   "sideEffects": [
     "*.css"
@@ -164,5 +164,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "build": 173
+  "build": 175
 }