@feedmepos/mf-inventory-portal 1.8.0-dev.10 → 1.8.0-dev.11

package/dist/{TransferDetails.vue_vue_type_script_setup_true_lang-CMwqjlb0.js → TransferDetails.vue_vue_type_script_setup_true_lang-B-1-jtmF.js}

@@ -1,31 +1,31 @@
-import { f as lt, p as xs } from "./format-time-from-id-DGLxhRFH.js";
+import { f as lt, p as xs } from "./format-time-from-id-QIs7t8ML.js";
 import { defineComponent as Ve, ref as re, watch as Ye, createElementBlock as h, openBlock as i, createCommentVNode as V, createElementVNode as e, withDirectives as ws, toDisplayString as O, unref as y, vModelText as $s, toRaw as Cs, shallowRef as dt, onUnmounted as ns, triggerRef as As, computed as H, readonly as Ns, h as oe, resolveComponent as ne, createVNode as E, Fragment as De, renderList as Te, reactive as Ds, onMounted as as, createBlock as fe, withCtx as ue, createTextVNode as Ge, normalizeClass as We, renderSlot as Rs, isRef as Ps, resolveDynamicComponent as Fs } from "vue";
 import { c as Gt } from "./component-BmLAdDiY.js";
-import { D as qe, R as Ne } from "./row-action.enum-B2Y5YFbc.js";
-import { s as Fe, q as Ce, H as st, d as Is, u as ze, _ as z, a3 as ls, a4 as yt, Z as be, a as Dt, a5 as Wt, a6 as Ts, a7 as Es, G as qs, t as Rt, c as wt, M as Qt, a8 as is, r as at, C as Ue, B as mt, a9 as Vs } from "./app-OztWApio.js";
-import { h as Pt, a as Ls, t as js, b as et } from "./date2-BTzYzk-x.js";
-import { l as Us, a as $e, t as Qe, d as ut } from "./rules-D01xYhgI.js";
-import { F as Be, u as Je, c as Ms, d as Yt, e as St } from "./feature-BUVZ_ab3.js";
-import { L as Bs } from "./lz-string-CVEGZpSC.js";
+import { D as qe, R as Ne } from "./row-action.enum-B2z1DXD9.js";
+import { s as Fe, q as Ce, H as st, d as Is, u as ze, $ as z, a4 as ls, a5 as yt, _ as be, a as Dt, a6 as Wt, a7 as Ts, a8 as Es, G as qs, t as Rt, c as wt, O as Qt, a9 as is, r as at, C as Ue, B as mt, aa as Vs } from "./app-ZyQBMnlh.js";
+import { h as Pt, a as Ls, t as js, b as et } from "./date2-CtVXF-Pl.js";
+import { l as Us, a as $e, t as Qe, d as ut } from "./rules-BpTWt_Y_.js";
+import { F as Be, u as Je, c as Ms, d as Yt, e as St } from "./feature-1IL43YWw.js";
+import { L as Bs } from "./lz-string-DrKhkO_Q.js";
 import { useI18n as ht, useCoreStore as gt } from "@feedmepos/mf-common";
-import { useDialog as bt, useSnackbar as Ze, components as pt, FmButtonVariant as je, useProxiedModel as zs } from "@feedmepos/ui-library";
-import { u as _t, a as Ft, S as Me } from "./netsuite-DEhdSyBn.js";
+import { useDialog as bt, useSnackbar as Xe, components as pt, FmButtonVariant as je, useProxiedModel as zs } from "@feedmepos/ui-library";
+import { u as _t, a as Ft, S as Me } from "./netsuite-C_EH9MVy.js";
 import { F as tt } from "./FmAdminBadge-DlplQOHb.js";
 import { _ as Jt } from "./empty-placeholder-B0QU467o.js";
-import { a as Ks, b as Hs, f as ft } from "./format-unit-display-BhudItCc.js";
-import { u as Xe, _ as Gs } from "./SystemTrailDialog.vue_vue_type_script_setup_true_lang-C_YmC-ZX.js";
-import { F as Zt } from "./FeatureCapabilityGate-DOn2IVJb.js";
-import { _ as Ws, a as Qs, b as Ys } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-D6f1M96D.js";
-import { e as Js } from "./index-B_hoeQNL.js";
-import { i as Zs } from "./FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-BJuo4lEh.js";
-import { F as Xt } from "./form-mode.enum-BKiNVH6A.js";
-import { u as us } from "./supplier-DaidezrO.js";
-import { u as Xs } from "./surcharge-C-PFvvlU.js";
-import { f as er, h as tr, r as sr, s as rr } from "./predefined-templates-BTdQl7jj.js";
-import { F as or } from "./decimal-B34w3X7O.js";
-import { d as cs } from "./defineDeepModel-CrZAv12u.js";
-import { u as nr } from "./vue-i18n-mXrQUZTi.js";
-import { u as ar } from "./useHrmPermission-BMpZlah6.js";
+import { a as Ks, b as Hs, f as ft } from "./format-unit-display-DiTPPgut.js";
+import { u as Ze, _ as Gs } from "./SystemTrailDialog.vue_vue_type_script_setup_true_lang-D6gnQpe-.js";
+import { F as Xt } from "./FeatureCapabilityGate-C34Z4k5D.js";
+import { _ as Ws, a as Qs, b as Ys } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-DaOKC6RQ.js";
+import { e as Js } from "./index-DdSQrnuw.js";
+import { i as Xs } from "./FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-C43lHbmc.js";
+import { F as Zt } from "./form-mode.enum-BKiNVH6A.js";
+import { u as us } from "./supplier-C-Ra1omj.js";
+import { u as Zs } from "./surcharge-BFDrFP1T.js";
+import { f as er, h as tr, r as sr, s as rr } from "./predefined-templates-mWX1M2Dn.js";
+import { F as or } from "./decimal-C0ERI9wc.js";
+import { d as cs } from "./defineDeepModel-CAK0Fghp.js";
+import { u as nr } from "./vue-i18n-gaCwgS41.js";
+import { u as ar } from "./useHrmPermission-BDc1xULx.js";
 function ds(u, t) {
   return t.reduce(
     (n, m) => {
@@ -341,7 +341,7 @@ function Ct(u, t, s) {
   });
 }
 function ys() {
-  const u = ze(), t = Xe(), s = Je();
+  const u = ze(), t = Ze(), s = Je();
   async function n(c, d) {
     const r = u.currentLocationDBName;
     return c.doc.supplier.internal && c.operation === z.enum.confirmDraft && (c.operation = z.enum.submitRequest), await t.processPurchaseOrder(c, d || r);
@@ -409,7 +409,7 @@ function ts(u, t, s, n, m) {
   };
 }
 function bs() {
-  const u = us(), t = ze(), s = Dt(), n = _t(), m = Xs(), c = ts(
+  const u = us(), t = ze(), s = Dt(), n = _t(), m = Zs(), c = ts(
     u,
     t,
     s,
@@ -516,8 +516,8 @@ function bs() {
 var At = /* @__PURE__ */ ((u) => (u.RECEIVE_REQUEST = "receive/request", u.APPROVAL = "approval", u))(At || {});
 const ot = re(), kt = re(), xt = re();
 function gi(u, t) {
-  const s = bt(), n = ze(), m = Je(), c = us(), d = gt(), r = Ks(), a = Hs(), k = re(!1), f = Ze(), D = Xe(), R = ir(), F = re(new Array()), b = re(new Array()), B = re(
-    t != null && t.startDate && (t != null && t.endDate) ? t : Zs()
+  const s = bt(), n = ze(), m = Je(), c = us(), d = gt(), r = Ks(), a = Hs(), k = re(!1), f = Xe(), D = Ze(), R = ir(), F = re(new Array()), b = re(new Array()), B = re(
+    t != null && t.startDate && (t != null && t.endDate) ? t : Xs()
   ), I = H(() => {
     const g = new Date(B.value.startDate), N = new Date(B.value.endDate);
     return {
@@ -528,7 +528,7 @@ function gi(u, t) {
   async function de(g) {
     function N(ee) {
       const L = {
-        mode: Xt.CREATE,
+        mode: Zt.CREATE,
         modelValue: g || void 0,
         show: !0,
         "onUpdate:show"(_) {
@@ -560,7 +560,7 @@ function gi(u, t) {
   }
   function ke(g) {
     const N = {
-      mode: Xt.UPDATE,
+      mode: Zt.UPDATE,
       modelValue: wt(g),
       show: !0,
       "onUpdate:show"(ie) {
@@ -601,14 +601,14 @@ function gi(u, t) {
     F.value = [], b.value = [], k.value = !0;
     try {
       const g = await D.getPurchaseOrders(I.value);
-      F.value = g.sort((j, Z) => Z._id.localeCompare(j._id));
+      F.value = g.sort((j, X) => X._id.localeCompare(j._id));
       const N = g.flatMap((j) => j.shipmentIds || []).filter(Boolean), ie = N.length > 0 ? await R.getShipmentsByIds(N) : [];
       b.value = ie;
       const ee = await se.readCurrentLocationLastClosing(!0), L = ee == null ? void 0 : ee._id;
       L && (Q.value = xs(L)), await m.awaitFeatureLoaded(() => m.mustUsePoTemplate) && await a.fetchTemplates();
       const _ = F.value.map((j) => {
-        var Z;
-        return ((Z = j.request) == null ? void 0 : Z.id) ?? "";
+        var X;
+        return ((X = j.request) == null ? void 0 : X.id) ?? "";
       }).filter((j) => j);
       te.value = await D.readRequestByIds(_);
     } catch {
@@ -713,8 +713,8 @@ function gi(u, t) {
         },
         transferTo: ee
       }), await new Promise((me) => setTimeout(me, 1e3));
-      const Z = ze().currentLocationDBName.startsWith("restaurant_");
-      N === z.enum.confirmDraft && g.effectiveAt && Z ? f.open({
+      const X = ze().currentLocationDBName.startsWith("restaurant_");
+      N === z.enum.confirmDraft && g.effectiveAt && X ? f.open({
         title: "Success",
         message: `${ie}. The backdate will be reflected once your POS has received this change.`,
         type: "success"
@@ -766,10 +766,10 @@ function gi(u, t) {
       });
       return;
     }
-    const j = [], Z = bs();
-    Z.init(g), (N === z.enum.confirmDraft || N === z.enum.submitRequest) && j.push({
+    const j = [], X = bs();
+    X.init(g), (N === z.enum.confirmDraft || N === z.enum.submitRequest) && j.push({
       action: "confirmDraft",
-      payload: Z.controller.value.toConfirmDraftData(Ce())
+      payload: X.controller.value.toConfirmDraftData(Ce())
     }), s.open({
       title: _.title,
       message: _.message,
@@ -995,7 +995,7 @@ function ss(u) {
   return u != null && u.id ? `${u.refNo ?? "N/A"} (${u.id})` : "N/A";
 }
 function bi(u, t, s, n) {
-  const m = ze(), c = _t(), d = gt(), r = _s(), { t: a } = ht(), k = Ze(), { hasOrderDraftPermission: f } = Ss(), D = Je(), R = H(
+  const m = ze(), c = _t(), d = gt(), r = _s(), { t: a } = ht(), k = Xe(), { hasOrderDraftPermission: f } = Ss(), D = Je(), R = H(
     () => D.enablePrintTemplate ? [qe[Ne.PrintCustom]] : []
   ), F = H(
     () => D.enablePurchaseOrderEmail ? [qe[Ne.Email]] : []
@@ -1884,7 +1884,7 @@ const nt = {
     scope: {}
   },
   setup(u) {
-    const t = u, s = _t(), n = Ze(), m = bt(), c = re(!1);
+    const t = u, s = _t(), n = Xe(), m = bt(), c = re(!1);
     H(() => {
       var f, D, R, F;
       let r = !0;
@@ -1975,7 +1975,7 @@ const nt = {
     scope: {}
   },
   setup(u) {
-    const t = u, s = _t(), n = Xe(), m = re(t.poRequest);
+    const t = u, s = _t(), n = Ze(), m = re(t.poRequest);
     as(async () => {
       var a;
       if (!t.poRequest && ((a = t.purchaseOrder) != null && a._id)) {
@@ -2039,7 +2039,7 @@ const nt = {
     purchaseOrderId: {}
   },
   setup(u) {
-    const t = Ze(), s = Ft();
+    const t = Xe(), s = Ft();
     async function n(m, c) {
       const d = [];
       if (m && d.push(`body.message:*${m}*`), c) {
@@ -2077,7 +2077,7 @@ const nt = {
       ]);
     };
   }
-}), Wr = { class: "flex flex-row-reverse" }, Qr = { key: 0 }, Yr = { key: 1 }, Jr = { class: "mb-6" }, Zr = { class: "fm-typo-en-body-md-400" }, Xr = { key: 0 }, eo = { key: 1 }, to = {
+}), Wr = { class: "flex flex-row-reverse" }, Qr = { key: 0 }, Yr = { key: 1 }, Jr = { class: "mb-6" }, Xr = { class: "fm-typo-en-body-md-400" }, Zr = { key: 0 }, eo = { key: 1 }, to = {
   key: 0,
   class: "flex"
 }, so = {
@@ -2183,8 +2183,8 @@ const nt = {
                       E(se, {
                         label: y(Rt)(Se)
                       }, null, 8, ["label"]),
-                      e("div", Zr, [
-                        Array.isArray(ae) ? (i(), h("span", Xr, O(ae.length > 0 ? ae.join(", ") : "N/A"), 1)) : (i(), h("span", eo, O(ae), 1))
+                      e("div", Xr, [
+                        Array.isArray(ae) ? (i(), h("span", Zr, O(ae.length > 0 ? ae.join(", ") : "N/A"), 1)) : (i(), h("span", eo, O(ae), 1))
                       ])
                     ])
                   ]))), 128))
@@ -2419,7 +2419,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
   emits: ["submitted"],
   setup(u, { emit: t }) {
     var ee;
-    const { t: s } = nr(), n = Je(), m = Ze(), c = re(!1), d = Dt(), r = u, a = (((ee = r.purchaseOrder) == null ? void 0 : ee.version) ?? Ue.enum[1]) === Ue.enum[2], k = t, f = cs("deliveryOrder"), D = Xe(), {
+    const { t: s } = nr(), n = Je(), m = Xe(), c = re(!1), d = Dt(), r = u, a = (((ee = r.purchaseOrder) == null ? void 0 : ee.version) ?? Ue.enum[1]) === Ue.enum[2], k = t, f = cs("deliveryOrder"), D = Ze(), {
       controller: R,
       state: F,
       reset: b
@@ -2441,8 +2441,8 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
       () => r.purchaseOrder.items.map(
         (L, _) => H({
           get: () => {
-            var Z;
-            const j = (Z = f.received[_]) == null ? void 0 : Z.amount;
+            var X;
+            const j = (X = f.received[_]) == null ? void 0 : X.amount;
             return j ? +$e(j) : 0;
           },
           set: (j) => {
@@ -2454,8 +2454,8 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
       () => r.purchaseOrder.items.map(
         (L, _) => H({
           get: () => {
-            var Z;
-            const j = (Z = f.received[_]) == null ? void 0 : Z.cost;
+            var X;
+            const j = (X = f.received[_]) == null ? void 0 : X.cost;
             return j ? +$e(j) : 0;
           },
           set: (j) => {
@@ -2471,8 +2471,8 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
       var j;
       const _ = !se.value[L];
       if (se.value[L] = _, _) {
-        const Z = (j = f.received[L]) == null ? void 0 : j.cost;
-        f.received[L].cost = Z ? { ...Z, precision: 4 } : { currency: Ce(), amount: 0, precision: 4 };
+        const X = (j = f.received[L]) == null ? void 0 : j.cost;
+        f.received[L].cost = X ? { ...X, precision: 4 } : { currency: Ce(), amount: 0, precision: 4 };
       } else
         delete f.received[L].cost;
     }
@@ -2496,18 +2496,18 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
     }
     function A(L, _) {
       var Oe, we;
-      const j = (Oe = r.receivedInfoMap) == null ? void 0 : Oe[_.sku._id], Z = j ? `${s("inventory.transfer.receiveRequest.details.received")} ${Fe.toFormatString({ value: j.received })} / ${ft(_.quantity, _.sku.unit, _.measurement)}` : void 0;
-      return (((we = ae.value[L]) == null ? void 0 : we.value) ?? 0) > 0 ? Z : Z ? `${Z} · ${ct}` : ct;
+      const j = (Oe = r.receivedInfoMap) == null ? void 0 : Oe[_.sku._id], X = j ? `${s("inventory.transfer.receiveRequest.details.received")} ${Fe.toFormatString({ value: j.received })} / ${ft(_.quantity, _.sku.unit, _.measurement)}` : void 0;
+      return (((we = ae.value[L]) == null ? void 0 : we.value) ?? 0) > 0 ? X : X ? `${X} · ${ct}` : ct;
     }
     function G(L, _) {
       var Oe;
-      const Z = (((Oe = J.value[_]) == null ? void 0 : Oe.value) ?? 0) <= 0;
+      const X = (((Oe = J.value[_]) == null ? void 0 : Oe.value) ?? 0) <= 0;
       let me;
       if (L.skuId && ke.value[L.skuId]) {
         const we = ke.value[L.skuId], o = Fe.toFormatString({ value: we.received });
         me = `${s("inventory.transfer.receiveRequest.details.received")} ${o}`;
       }
-      return Z ? me ? `${me} · ${ct}` : ct : me;
+      return X ? me ? `${me} · ${ct}` : ct : me;
     }
     const J = H(
       () => K.value.map((L, _) => {
@@ -2515,13 +2515,13 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
         return H({
           get: () => {
             var me;
-            const Z = (me = f.received[j]) == null ? void 0 : me.amount;
-            return Z ? +$e(Z) : 0;
+            const X = (me = f.received[j]) == null ? void 0 : me.amount;
+            return X ? +$e(X) : 0;
           },
-          set: (Z) => {
+          set: (X) => {
             var Oe, we, o;
             const me = ((Oe = L.historyItem) == null ? void 0 : Oe.sku.unit.precision) ?? (L.skuId ? (o = (we = d.skuById[L.skuId]) == null ? void 0 : we.unit) == null ? void 0 : o.precision : void 0) ?? 2;
-            f.received[j].amount = Qe(Z, me);
+            f.received[j].amount = Qe(X, me);
           }
         });
       })
@@ -2531,13 +2531,13 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
         return H({
           get: () => {
             var me;
-            const Z = (me = f.received[j]) == null ? void 0 : me.cost;
-            return Z ? +$e(Z) : 0;
+            const X = (me = f.received[j]) == null ? void 0 : me.cost;
+            return X ? +$e(X) : 0;
           },
-          set: (Z) => {
+          set: (X) => {
             f.received[j].cost = {
               currency: Ce(),
-              ...Qe(Z, 4)
+              ...Qe(X, 4)
             };
           }
         });
@@ -2556,13 +2556,13 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
           return;
         }
         b(r.deliveryOrder.priceAdjustments);
-        const _ = r.purchaseOrder.itemsAtSubmission ?? r.purchaseOrder.items, j = new Set(_.map((C) => C.sku._id)), Z = {}, me = [];
+        const _ = r.purchaseOrder.itemsAtSubmission ?? r.purchaseOrder.items, j = new Set(_.map((C) => C.sku._id)), X = {}, me = [];
         for (const C of r.deliveryOrder.received ?? []) {
           const q = (o = C.sku) == null ? void 0 : o._id;
-          q && (j.has(q) ? Z[q] = C : me.push(C));
+          q && (j.has(q) ? X[q] = C : me.push(C));
         }
         f.received = _.map((C) => {
-          const q = Z[C.sku._id];
+          const q = X[C.sku._id];
           return q ? { ...q } : {
             // Propagate the stable id so V2 submissions match this existing PO line
             // instead of the backend treating it as a new extra item (see CreateForm.vue).
@@ -2574,7 +2574,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
         });
         const Oe = {};
         for (let C = 0; C < _.length; C++)
-          (l = Z[_[C].sku._id]) != null && l.cost && (Oe[C] = !0);
+          (l = X[_[C].sku._id]) != null && l.cost && (Oe[C] = !0);
         se.value = Oe, K.value = [];
         const we = de.value;
         for (const C of me) {
@@ -2634,7 +2634,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
       });
     }
     return (L, _) => {
-      const j = ne("FmButton"), Z = ne("FmStepperField"), me = ne("FmSwitch"), Oe = ne("FmSelect"), we = ne("FmTextField"), o = ne("FmDialog");
+      const j = ne("FmButton"), X = ne("FmStepperField"), me = ne("FmSwitch"), Oe = ne("FmSelect"), we = ne("FmTextField"), o = ne("FmDialog");
       return i(), fe(o, {
         modelValue: c.value,
         "onUpdate:modelValue": _[1] || (_[1] = (l) => c.value = l),
@@ -2681,7 +2681,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                       e("span", Po, O(l.sku.code), 1)
                     ]),
                     e("div", Fo, [
-                      E(Z, {
+                      E(X, {
                         label: "Receive Quantity",
                         modelValue: ae.value[$].value,
                         "onUpdate:modelValue": (q) => ae.value[$].value = q,
@@ -2696,7 +2696,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                         }, null, 8, ["model-value", "onUpdate:modelValue"]),
                         _[3] || (_[3] = e("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Override cost ", -1))
                       ])) : V("", !0),
-                      y(I) && se.value[$] ? (i(), fe(Z, {
+                      y(I) && se.value[$] ? (i(), fe(X, {
                         key: 1,
                         modelValue: Se.value[$].value,
                         "onUpdate:modelValue": (q) => Se.value[$].value = q,
@@ -2742,7 +2742,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                       }, null, 8, ["model-value", "onUpdate:modelValue", "items", "disabled"])
                     ]),
                     e("div", Uo, [
-                      E(Z, {
+                      E(X, {
                         label: "Receive Quantity",
                         modelValue: J.value[$].value,
                         "onUpdate:modelValue": (Y) => J.value[$].value = Y,
@@ -2758,7 +2758,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                         }, null, 8, ["model-value", "onUpdate:modelValue"]),
                         _[6] || (_[6] = e("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Override cost ", -1))
                       ])) : V("", !0),
-                      y(I) && l.costEnabled ? (i(), fe(Z, {
+                      y(I) && l.costEnabled ? (i(), fe(X, {
                         key: 1,
                         modelValue: le.value[$].value,
                         "onUpdate:modelValue": (Y) => le.value[$].value = Y,
@@ -2813,7 +2813,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
       }, 8, ["modelValue"]);
     };
   }
-}), Jo = { class: "flex flex-col gap-3" }, Zo = { class: "flex flex-col gap-4" }, Xo = { class: "flex flex-col gap-4 fm-typo-en-body-lg-600" }, en = {
+}), Jo = { class: "flex flex-col gap-3" }, Xo = { class: "flex flex-col gap-4" }, Zo = { class: "flex flex-col gap-4 fm-typo-en-body-lg-600" }, en = {
   key: 0,
   class: "flex flex-col gap-4"
 }, tn = { class: "flex items-center justify-between" }, sn = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, rn = {
@@ -2876,7 +2876,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
         },
         createdAt: ""
       }
-    }), a = Xe(), k = bt(), f = Je(), D = Dt(), {
+    }), a = Ze(), k = bt(), f = Je(), D = Dt(), {
       controller: R,
       state: F,
       reset: b
@@ -2892,7 +2892,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
     function Se(v) {
       return v.sku._id ?? null;
     }
-    const Ae = (((pe = c.purchaseOrder) == null ? void 0 : pe.version) ?? Ue.enum[1]) === Ue.enum[2], K = Ze(), ve = H({
+    const Ae = (((pe = c.purchaseOrder) == null ? void 0 : pe.version) ?? Ue.enum[1]) === Ue.enum[2], K = Xe(), ve = H({
       get() {
         if (!r.createdAt) return "";
         const v = new Date(r.createdAt), p = v.getFullYear(), S = String(v.getMonth() + 1).padStart(2, "0"), U = String(v.getDate()).padStart(2, "0");
@@ -2994,7 +2994,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
         measurement: null
       });
     }
-    function Z(v) {
+    function X(v) {
       ee.value.splice(v, 1), r.received.splice(_.value + v, 1);
     }
     function me(v, p) {
@@ -3019,8 +3019,8 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
             return U ? +$e(U) : 0;
           },
           set: (U) => {
-            var xe, W, X;
-            const M = ee.value[p], _e = ((xe = M == null ? void 0 : M.historyItem) == null ? void 0 : xe.sku.unit.precision) ?? (M != null && M.skuId ? (X = (W = D.skuById[M.skuId]) == null ? void 0 : W.unit) == null ? void 0 : X.precision : void 0) ?? 2;
+            var xe, W, Z;
+            const M = ee.value[p], _e = ((xe = M == null ? void 0 : M.historyItem) == null ? void 0 : xe.sku.unit.precision) ?? (M != null && M.skuId ? (Z = (W = D.skuById[M.skuId]) == null ? void 0 : W.unit) == null ? void 0 : Z.precision : void 0) ?? 2;
             r.received[S].amount = Qe(U, _e);
           }
         });
@@ -3112,7 +3112,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
         }
         const p = de.value;
         for (let M = 0; M < p.length; M++) {
-          const _e = p[M], W = (((U = c.purchaseOrder) == null ? void 0 : U.version) ?? Ue.enum[1]) === Ue.enum[2] ? _e.id : _e.sku._id, X = c.receivedMap[W], ge = +$e(_e.quantity), Pe = X ? +$e(X.received) : 0;
+          const _e = p[M], W = (((U = c.purchaseOrder) == null ? void 0 : U.version) ?? Ue.enum[1]) === Ue.enum[2] ? _e.id : _e.sku._id, Z = c.receivedMap[W], ge = +$e(_e.quantity), Pe = Z ? +$e(Z.received) : 0;
           g.value[M].value = Math.max(0, ge - Pe);
         }
         const S = ke.value;
@@ -3142,7 +3142,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
         }
       }
     ), (v, p) => {
-      const S = ne("FmButton"), U = ne("FmDatePicker"), M = ne("FmTimePicker"), _e = ne("FmIcon"), xe = ne("FmStepperField"), W = ne("FmSwitch"), X = ne("FmSelect"), ge = ne("FmTextField"), Pe = ne("FmDialog");
+      const S = ne("FmButton"), U = ne("FmDatePicker"), M = ne("FmTimePicker"), _e = ne("FmIcon"), xe = ne("FmStepperField"), W = ne("FmSwitch"), Z = ne("FmSelect"), ge = ne("FmTextField"), Pe = ne("FmDialog");
       return i(), fe(Pe, {
         modelValue: n.value,
         "onUpdate:modelValue": p[4] || (p[4] = (Ie) => n.value = Ie),
@@ -3177,9 +3177,9 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
           var Ie;
           return [
             e("div", Jo, [
-              e("div", Zo, [
+              e("div", Xo, [
                 p[5] || (p[5] = e("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, "Received by", -1)),
-                e("div", Xo, O((Ie = y(m).sessionUser.value) == null ? void 0 : Ie.displayName), 1)
+                e("div", Zo, O((Ie = y(m).sessionUser.value) == null ? void 0 : Ie.displayName), 1)
               ]),
               y(se) ? (i(), h("div", en, [
                 e("div", tn, [
@@ -3279,7 +3279,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                   return i(), h("div", { key: ce }, [
                     e("div", On, [
                       e("div", kn, [
-                        E(X, {
+                        E(Z, {
                           "model-value": he.skuId,
                           "onUpdate:modelValue": (Le) => me(ce, Le),
                           label: "Ingredient",
@@ -3325,7 +3325,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                         "prepend-icon": "delete",
                         size: "md",
                         class: "mt-6",
-                        onClick: (Le) => Z(ce)
+                        onClick: (Le) => X(ce)
                       }, null, 8, ["onClick"]))
                     ]),
                     ce < ee.value.length - 1 ? (i(), h("div", Cn)) : V("", !0)
@@ -3395,7 +3395,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
   },
   emits: ["submitted"],
   setup(u, { emit: t }) {
-    const s = u, n = t, m = Xe(), c = Ze(), d = re(!1), r = re(!1), { controller: a, state: k, reset: f } = Tt({
+    const s = u, n = t, m = Ze(), c = Xe(), d = re(!1), r = re(!1), { controller: a, state: k, reset: f } = Tt({
       currency: Ce(),
       adjustments: s.purchaseOrder.priceAdjustments
     });
@@ -3473,7 +3473,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
 }, Mn = { class: "fm-typo-en-body-lg-600 mb-4 flex items-center gap-2" }, Bn = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg overflow-y-auto" }, zn = { class: "w-full" }, Kn = {
   class: "p-3 fm-typo-en-body-sm-600",
   style: { "min-width": "130px" }
-}, Hn = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Gn = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Wn = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Qn = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Yn = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Jn = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Zn = { class: "p-3 fm-typo-en-body-sm-600" }, Xn = { key: 2 }, ea = /* @__PURE__ */ Ve({
+}, Hn = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Gn = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Wn = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Qn = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Yn = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Jn = { class: "p-3 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Xn = { class: "p-3 fm-typo-en-body-sm-600" }, Zn = { key: 2 }, ea = /* @__PURE__ */ Ve({
   __name: "NetSuiteTransactionChangeLog",
   props: {
     netsuiteId: {}
@@ -3585,12 +3585,12 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                       e("td", Qn, O(I.lineid || ""), 1),
                       e("td", Yn, O(I._fieldname), 1),
                       e("td", Jn, O(I.oldvalue || ""), 1),
-                      e("td", Zn, O(I.newvalue || ""), 1)
+                      e("td", Xn, O(I.newvalue || ""), 1)
                     ]))), 128))
                   ])
                 ])
               ])
-            ])) : (i(), h("div", Xn, D[7] || (D[7] = [
+            ])) : (i(), h("div", Zn, D[7] || (D[7] = [
               e("p", null, "No change logs available.", -1)
             ])))
           ]),
@@ -3641,7 +3641,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
 }, La = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ja = { class: "fm-typo-en-body-lg-600" }, Ua = {
   key: 5,
   class: "flex flex-col gap-4"
-}, Ma = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ba = { class: "fm-typo-en-body-lg-600" }, za = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Ka = { class: "flex flex-col gap-8" }, Ha = { class: "flex gap-8 items-center" }, Ga = { class: "flex-1 fm-typo-en-body-lg-600" }, Wa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary flex flex-col gap-4" }, Qa = { class: "flex w-full gap-4" }, Ya = { class: "basis-1/2 shrink-0 grow fm-typo-en-body-lg-400 line-clamp-2 flex items-center gap-2" }, Ja = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary flex flex-col gap-2" }, Za = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Xa = ["innerHTML"], el = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, tl = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-1" }, sl = { class: "flex items-center gap-4" }, rl = { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ol = {
+}, Ma = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ba = { class: "fm-typo-en-body-lg-600" }, za = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, Ka = { class: "flex flex-col gap-8" }, Ha = { class: "flex gap-8 items-center" }, Ga = { class: "flex-1 fm-typo-en-body-lg-600" }, Wa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary flex flex-col gap-4" }, Qa = { class: "flex w-full gap-4" }, Ya = { class: "basis-1/2 shrink-0 grow fm-typo-en-body-lg-400 line-clamp-2 flex items-center gap-2" }, Ja = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary flex flex-col gap-2" }, Xa = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Za = ["innerHTML"], el = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, tl = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-1" }, sl = { class: "flex items-center gap-4" }, rl = { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ol = {
   key: 0,
   class: "inline-flex items-center gap-1 text-xs font-medium text-gray-500 bg-gray-100 px-2 py-0.5 rounded-full"
 }, nl = { class: "py-8" }, al = { class: "flex justify-end gap-4 items-center" }, ll = { class: "fm-typo-en-body-lg-600" }, il = {
@@ -3696,7 +3696,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
   },
   emits: ["update:show", "submitted"],
   setup(u, { emit: t }) {
-    const s = u, n = t, m = bt(), c = Ze(), d = Je(), r = ze(), a = gt(), { hasOrderDraftPermission: k } = Ss(), f = bs();
+    const s = u, n = t, m = bt(), c = Xe(), d = Je(), r = ze(), a = gt(), { hasOrderDraftPermission: k } = Ss(), f = bs();
     function D(o) {
       const l = o.isCustomCost, $ = o.totalCost;
       return l != null ? l === !0 : $ != null;
@@ -3736,7 +3736,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
         }
       }
       return l;
-    }), te = re(!1), se = re(""), Q = re(!0), de = Xe(), ke = wr(de.getWorkflowConfig), ae = ys(), Se = [
+    }), te = re(!1), se = re(""), Q = re(!0), de = Ze(), ke = wr(de.getWorkflowConfig), ae = ys(), Se = [
       z.enum.receiveStock,
       z.enum.processRequest,
       z.enum.closeRequest
@@ -3752,11 +3752,11 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
       if ($.success)
         l = $.data;
       else {
-        const X = /* @__PURE__ */ new Set(["1", "2"]), ge = { line1: "", state: "", city: "", postcode: "", country: "" };
+        const Z = /* @__PURE__ */ new Set(["1", "2"]), ge = { line1: "", state: "", city: "", postcode: "", country: "" };
         l = {
           _id: ((pe = s.purchaseOrder) == null ? void 0 : pe._id) ?? "",
           status: ((v = s.purchaseOrder) == null ? void 0 : v.status) ?? be.enum.DRAFT,
-          version: X.has((p = s.purchaseOrder) == null ? void 0 : p.version) ? (S = s.purchaseOrder) == null ? void 0 : S.version : null,
+          version: Z.has((p = s.purchaseOrder) == null ? void 0 : p.version) ? (S = s.purchaseOrder) == null ? void 0 : S.version : null,
           seqNumber: typeof ((U = s.purchaseOrder) == null ? void 0 : U.seqNumber) == "number" ? s.purchaseOrder.seqNumber : 0,
           supplier: {
             _id: ((_e = (M = s.purchaseOrder) == null ? void 0 : M.supplier) == null ? void 0 : _e._id) ?? "",
@@ -3770,9 +3770,9 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
       const C = {
         user: R.value,
         executedAt: r.locations.computeFirst(
-          (X) => {
+          (Z) => {
             var ge;
-            return X.dbName === ((ge = r._currentLocation) == null ? void 0 : ge.dbName) ? X : null;
+            return Z.dbName === ((ge = r._currentLocation) == null ? void 0 : ge.dbName) ? Z : null;
           }
         ),
         // Strip purchaseOrder and netSuite from the POR before passing to the Dart
@@ -3784,8 +3784,8 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
         // null for an unvalidatable POR yields the same available actions.
         purchaseOrderRequest: (() => {
           if (s.poRequest == null) return s.poRequest;
-          const X = Vs.safeParse(s.poRequest);
-          return X.success ? { ...X.data, purchaseOrder: null, netSuite: null } : null;
+          const Z = Vs.safeParse(s.poRequest);
+          return Z.success ? { ...Z.data, purchaseOrder: null, netSuite: null } : null;
         })(),
         purchaseOrder: l
       }, q = d.useOperatePurchaseOrderV2, Y = d.poWorkflowAllowToMarkCompleted, ye = [...Se];
@@ -3795,15 +3795,15 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
         o.state === Nt.error ? (console.error("Error fetching workflow config:", o.error), T = St.getAvailableActions({
           ...C,
           orderConfig: St.getDefaultConfig()
-        }).actions.filter((X) => !ye.includes(X))) : T = St.getAvailableActions({
+        }).actions.filter((Z) => !ye.includes(Z))) : T = St.getAvailableActions({
           ...C,
           orderConfig: o.data
-        }).actions.filter((X) => !ye.includes(X));
-      } catch (X) {
-        console.error("Error getting available actions:", X);
+        }).actions.filter((Z) => !ye.includes(Z));
+      } catch (Z) {
+        console.error("Error getting available actions:", Z);
       }
-      return s.scope === "approval" && (T = T.filter((X) => X !== z.enum.completeReceive)), k.value || (T = T.filter(
-        (X) => X !== z.enum.approveDraft && X !== z.enum.rejectDraft
+      return s.scope === "approval" && (T = T.filter((Z) => Z !== z.enum.completeReceive)), k.value || (T = T.filter(
+        (Z) => Z !== z.enum.approveDraft && Z !== z.enum.rejectDraft
       )), T;
     }), K = zs(s, "show"), ve = H(() => [
       {
@@ -4007,7 +4007,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
       ];
       $.reverse().sort((T, pe) => T.createdAt.localeCompare(pe.createdAt));
       function C(T) {
-        var p, S, U, M, _e, xe, W, X, ge, Pe, Ie, he;
+        var p, S, U, M, _e, xe, W, Z, ge, Pe, Ie, he;
         const pe = l.findIndex((ce) => ce.id === T.fullfillmentId), v = [
           (S = (p = l[pe]) == null ? void 0 : p.netSuite) != null && S.id ? {
             label: "Fulfillment's ref no. (Netsuite)",
@@ -4017,7 +4017,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
           } : null,
           (W = T == null ? void 0 : T.netSuite) != null && W.id ? {
             label: "Netsuite ref no.",
-            values: [`${((X = T == null ? void 0 : T.netSuite) == null ? void 0 : X.refNo) ?? "N/A"} (${((ge = T == null ? void 0 : T.netSuite) == null ? void 0 : ge.id) ?? "-"})`]
+            values: [`${((Z = T == null ? void 0 : T.netSuite) == null ? void 0 : Z.refNo) ?? "N/A"} (${((ge = T == null ? void 0 : T.netSuite) == null ? void 0 : ge.id) ?? "-"})`]
           } : null,
           (Pe = T == null ? void 0 : T.netSuite) != null && Pe.recordType ? {
             label: "Netsuite Type",
@@ -4290,7 +4290,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
           newAmount: T
         }), C;
       }, /* @__PURE__ */ new Map()) : /* @__PURE__ */ new Map();
-    }), Z = (o) => {
+    }), X = (o) => {
       var $, C;
       const l = j.value;
       return (($ = s.purchaseOrder) == null ? void 0 : $.version) === Ue.enum[2] ? l.has(o.id) : l.has((C = o.sku) == null ? void 0 : C.code);
@@ -4361,7 +4361,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                     class: "flex flex-col gap-8 px-12 py-16"
                   }, {
                     default: ue(() => {
-                      var W, X, ge, Pe, Ie, he, ce, Re, Ee, Le;
+                      var W, Z, ge, Pe, Ie, he, ce, Re, Ee, Le;
                       return [
                         e("div", na, [
                           e("div", aa, O(y(b)("inventory.transfer.receiveRequest.details.requestSummary")), 1),
@@ -4412,7 +4412,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                             ]),
                             e("div", Oa, O(y(lt)(((W = o.purchaseOrder) == null ? void 0 : W._id) ?? "")), 1)
                           ]),
-                          (X = o.purchaseOrder) != null && X.effectiveAt ? (i(), h("div", ka, [
+                          (Z = o.purchaseOrder) != null && Z.effectiveAt ? (i(), h("div", ka, [
                             e("div", xa, O(y(b)("inventory.transfer.receiveRequest.details.date")), 1),
                             e("div", wa, O(y(Pt)(new Date((ge = o.purchaseOrder) == null ? void 0 : ge.effectiveAt))), 1)
                           ])) : V("", !0),
@@ -4467,10 +4467,10 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                           "z-index": 51
                         }, {
                           content: ue(() => {
-                            var W, X;
+                            var W, Z;
                             return [
                               e("div", Wa, [
-                                (i(!0), h(De, null, Te((X = (W = o.purchaseOrder) == null ? void 0 : W.netSuite) == null ? void 0 : X.missingItems, (ge, Pe) => (i(), h("div", {
+                                (i(!0), h(De, null, Te((Z = (W = o.purchaseOrder) == null ? void 0 : W.netSuite) == null ? void 0 : Z.missingItems, (ge, Pe) => (i(), h("div", {
                                   class: "flex justify-center align-middle",
                                   key: Pe
                                 }, [
@@ -4495,10 +4495,10 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                       ])
                     ]),
                     E(ye),
-                    (i(!0), h(De, null, Te(N.value, (W, X) => {
+                    (i(!0), h(De, null, Te(N.value, (W, Z) => {
                       var ge;
                       return i(), h("div", {
-                        key: X,
+                        key: Z,
                         class: "flex flex-col"
                       }, [
                         e("div", Qa, [
@@ -4522,7 +4522,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                               ]),
                               _: 1
                             })) : V("", !0),
-                            Z(W) ? (i(), fe(pe, {
+                            X(W) ? (i(), fe(pe, {
                               key: 1,
                               variant: "rich",
                               placement: "top",
@@ -4548,15 +4548,15 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                               _: 2
                             }, 1024)) : V("", !0)
                           ]),
-                          e("div", Za, [
+                          e("div", Xa, [
                             e("span", {
                               innerHTML: ee(W)
-                            }, null, 8, Xa)
+                            }, null, 8, Za)
                           ])
                         ]),
                         e("div", el, [
                           e("div", tl, O(W.code), 1),
-                          (ge = W.totalCost) != null && ge.amount || typeof W.sku == "object" && W.sku != null ? (i(), fe(Zt, {
+                          (ge = W.totalCost) != null && ge.amount || typeof W.sku == "object" && W.sku != null ? (i(), fe(Xt, {
                             key: 0,
                             "feature-key": "total-cost",
                             compact: ""
@@ -4580,7 +4580,7 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                         ])
                       ]);
                     }), 128)),
-                    !y(d).enableTotalCost || +y($e)(y(f).controller.value.getTotalCosts()) ? (i(), fe(Zt, {
+                    !y(d).enableTotalCost || +y($e)(y(f).controller.value.getTotalCosts()) ? (i(), fe(Xt, {
                       key: 0,
                       "feature-key": "total-cost"
                     }, {
@@ -4615,17 +4615,17 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                 ])
               ], 64)) : P.value.value === "deliveryHistory" ? (i(), h("div", ul, [
                 g.value.length ? (i(), h("div", fl, [
-                  (i(!0), h(De, null, Te(g.value, (W, X) => {
+                  (i(!0), h(De, null, Te(g.value, (W, Z) => {
                     var ge, Pe, Ie, he, ce;
-                    return i(), h(De, { key: X }, [
+                    return i(), h(De, { key: Z }, [
                       e("div", vl, [
                         e("div", yl, [
                           e("div", hl, [
                             e("div", {
                               class: We([
                                 {
-                                  "bg-fm-color-primary": X !== 0,
-                                  "bg-white": X === 0
+                                  "bg-fm-color-primary": Z !== 0,
+                                  "bg-white": Z === 0
                                 },
                                 "w-[2px] h-full"
                               ])
@@ -4643,8 +4643,8 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                             e("div", {
                               class: We([
                                 {
-                                  "bg-fm-color-primary": X < g.value.length - 1,
-                                  "bg-white": X >= g.value.length - 1
+                                  "bg-fm-color-primary": Z < g.value.length - 1,
+                                  "bg-white": Z >= g.value.length - 1
                                 },
                                 "w-[2px] h-full"
                               ])
@@ -4695,8 +4695,8 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                             e("div", {
                               class: We([
                                 {
-                                  "bg-fm-color-primary": X < g.value.length - 1,
-                                  "bg-white": X >= g.value.length - 1
+                                  "bg-fm-color-primary": Z < g.value.length - 1,
+                                  "bg-white": Z >= g.value.length - 1
                                 },
                                 "w-[2px] h-full"
                               ])
@@ -4749,8 +4749,8 @@ const wo = { class: "flex flex-col gap-3" }, $o = { class: "flex flex-col gap-4"
                 ]))
               ])) : P.value.value === "actionLogs" ? (i(), h("div", Pl, [
                 we.value.length ? (i(), h("div", El, [
-                  (i(!0), h(De, null, Te(we.value, (W, X) => (i(), fe(T, {
-                    key: X,
+                  (i(!0), h(De, null, Te(we.value, (W, Z) => (i(), fe(T, {
+                    key: Z,
                     variant: "outlined",
                     class: "py-12 px-16"
                   }, {