@feedmepos/mf-inventory-portal 0.0.21-dev.4 → 0.0.21-dev.5

package/dist/{SupplierView-DQzopnzt.js → SupplierView-Bwknjcke.js}

@@ -1,21 +1,21 @@
-import { defineComponent as Q, mergeModels as xe, computed as _, useModel as we, resolveComponent as P, openBlock as U, createElementBlock as B, createElementVNode as u, createVNode as m, withCtx as N, toDisplayString as T, unref as l, Fragment as ke, renderList as Ce, ref as L, createBlock as q, createCommentVNode as X, isRef as me, watch as Ie, onMounted as Me, normalizeStyle as $e, Teleport as Ae } from "vue";
-import { u as be } from "./supplier-I_rYvljH.js";
-import { D as ve, R as O, F as A } from "./row-action.enum-PMKMRrZR.js";
-import { c as Ue, _ as De, F as J } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
-import { c as Z, u as ge, a2 as Fe, d as fe, g as Re, y as Pe, C as W, h as Ne, R as F, b as Ve, j as _e } from "./app-SBnQEeEV.js";
-import { useI18n as z, useCoreStore as Ee } from "@feedmepos/mf-common";
-import { useDialog as he, useSnackbar as Se, useProxiedModel as ye, useBreakpoints as Te } from "@feedmepos/ui-library";
-import { u as Be, _ as Le, a as qe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DYBTXD_J.js";
-import { _ as ze } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
-function Ye(R, C) {
-  const { t: h } = z();
+import { defineComponent as W, mergeModels as xe, computed as b, useModel as ke, resolveComponent as P, openBlock as U, createElementBlock as B, createElementVNode as r, createVNode as m, withCtx as N, toDisplayString as T, unref as l, Fragment as Ce, renderList as Ie, ref as L, createBlock as z, createCommentVNode as Z, isRef as ve, watch as Me, onMounted as $e, normalizeClass as Ae, normalizeStyle as Ue, Teleport as De } from "vue";
+import { u as ge } from "./supplier-DQsAfn3q.js";
+import { D as fe, R as J, F as A } from "./row-action.enum-PMKMRrZR.js";
+import { c as Fe, _ as Re, F as Q } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
+import { c as ee, u as Ve, a2 as Pe, d as ye, g as Ne, y as Ee, C as X, h as Te, R as F, b as _e, j as he } from "./app-S6iG6Hux.js";
+import { useI18n as q, useCoreStore as Be } from "@feedmepos/mf-common";
+import { useDialog as Se, useSnackbar as we, useProxiedModel as be, useBreakpoints as Le } from "@feedmepos/ui-library";
+import { u as ze, _ as qe, a as Ye } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CpN5Kn8b.js";
+import { _ as He } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
+function Ke(R, C) {
+  const { t: h } = q();
   function o(f, a) {
-    if (f === O.Edit) {
-      R(Z(a));
+    if (f === J.Edit) {
+      R(ee(a));
       return;
     }
-    if (f === O.Delete) {
-      C(Z(a));
+    if (f === J.Delete) {
+      C(ee(a));
       return;
     }
   }
@@ -48,8 +48,8 @@ function Ye(R, C) {
       id: "action",
       header: "",
       cell(f) {
-        return Ue(
-          [ve[O.Edit], ve[O.Delete]],
+        return Fe(
+          [fe[J.Edit], fe[J.Delete]],
           (a) => {
             o(a, f.row.original);
           }
@@ -63,7 +63,7 @@ function Ye(R, C) {
     }
   ] };
 }
-const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, je = { class: "flex items-center gap-8 py-8" }, Ge = { class: "flex-1" }, Oe = { class: "fm-typo-en-title-sm-800" }, Je = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Qe = { class: "flex flex-col gap-4" }, We = { class: "flex-1" }, Xe = { class: "flex flex-col" }, Ze = { class: "fm-typo-en-body-lg-400" }, et = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, tt = { class: "flex-1" }, lt = { class: "flex" }, st = { class: "text-fm-color-typo-secondary" }, ot = /* @__PURE__ */ Q({
+const je = { class: "flex flex-col gap-12" }, Ge = { class: "flex flex-col" }, Oe = { class: "flex items-center gap-8 py-8" }, Je = { class: "flex-1" }, Qe = { class: "fm-typo-en-title-sm-800" }, We = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Xe = { class: "flex flex-col gap-4" }, Ze = { class: "flex-1" }, et = { class: "flex flex-col" }, tt = { class: "fm-typo-en-body-lg-400" }, lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, st = { class: "flex-1" }, ot = { class: "flex" }, nt = { class: "text-fm-color-typo-secondary" }, at = /* @__PURE__ */ W({
   __name: "SupplierSupplyItemField",
   props: /* @__PURE__ */ xe({
     modelValue: {}
@@ -73,23 +73,23 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
   }),
   emits: ["update:modelValue"],
   setup(R) {
-    const C = Ee(), h = ge(), o = _(() => h.skus), v = he(), { t: f } = z(), a = we(R, "modelValue");
-    function i() {
+    const C = Be(), h = Ve(), o = b(() => h.skus), v = Se(), { t: f } = q(), a = ke(R, "modelValue");
+    function u() {
       var V;
-      const n = h.skus.map((d) => ({
-        label: d.name,
-        sublabel: d.code,
-        value: d._id
-      })), S = ((V = a.value) == null ? void 0 : V.map((d) => d.skuId)) ?? [], k = _(
+      const n = h.skus.map((i) => ({
+        label: i.name,
+        sublabel: i.code,
+        value: i._id
+      })), S = ((V = a.value) == null ? void 0 : V.map((i) => i.skuId)) ?? [], k = b(
         () => {
-          var d;
-          return ((d = Re(C.currentCountry.value)) == null ? void 0 : d.currency) ?? "MYR";
+          var i;
+          return ((i = Ne(C.currentCountry.value)) == null ? void 0 : i.currency) ?? "MYR";
         }
       );
       v.open({
         title: f("inventory.supplier.supplyItems.selectItem"),
         closeButton: !0,
-        contentComponent: Pe,
+        contentComponent: Ee,
         contentComponentProps: {
           modelValue: S,
           items: n
@@ -103,15 +103,15 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
           close: !0,
           variant: "tertiary"
         }
-      }).onPrimary((d) => {
-        const s = d.map((x) => h.skuById[x]).filter((x) => x);
-        s.sort((x, w) => x.code.localeCompare(w.code));
-        const c = s.map((x) => {
-          var y;
-          const w = (y = a.value) == null ? void 0 : y.find((t) => t.skuId === x._id);
-          return w || {
-            skuId: x._id,
-            defaultCost: x.defaultCost ?? {
+      }).onPrimary((i) => {
+        const s = i.map((_) => h.skuById[_]).filter((_) => _);
+        s.sort((_, x) => _.code.localeCompare(x.code));
+        const d = s.map((_) => {
+          var c;
+          const x = (c = a.value) == null ? void 0 : c.find((t) => t.skuId === _._id);
+          return x || {
+            skuId: _._id,
+            defaultCost: _.defaultCost ?? {
               costPerUnit: {
                 currency: k.value,
                 amount: 0,
@@ -120,16 +120,16 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
             }
           };
         });
-        a.value = c;
+        a.value = d;
       });
     }
-    function b(n) {
+    function y(n) {
       switch (n) {
-        case W.MY:
+        case X.MY:
           return "MYR";
-        case W.SG:
+        case X.SG:
           return "SGD";
-        case W.ID:
+        case X.ID:
           return "IDR";
         default:
           return "MYR";
@@ -141,7 +141,7 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
     }
     function E(n) {
       var V;
-      const S = n.skuId, k = (V = o.value.find((d) => d._id === S)) == null ? void 0 : V.unit;
+      const S = n.skuId, k = (V = o.value.find((i) => i._id === S)) == null ? void 0 : V.unit;
       if (!k)
         throw new Error(`Cannot find ingredient: ${S}`);
       return k;
@@ -153,13 +153,13 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
       };
     }
     function D(n, S) {
-      const V = (a.value ?? []).map((d) => d.skuId !== n.skuId ? d : {
-        ...d,
+      const V = (a.value ?? []).map((i) => i.skuId !== n.skuId ? i : {
+        ...i,
         defaultCost: {
-          ...d.defaultCost,
+          ...i.defaultCost,
           measurement: S.measurement,
           costPerUnit: {
-            ...d.defaultCost.costPerUnit,
+            ...i.defaultCost.costPerUnit,
             ...S.amount
           }
         }
@@ -168,66 +168,66 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
     }
     return (n, S) => {
       const k = P("FmButton");
-      return U(), B("div", He, [
-        u("div", Ke, [
-          u("div", je, [
-            u("div", Ge, [
-              m(ze, { "z-index": 50 }, {
+      return U(), B("div", je, [
+        r("div", Ge, [
+          r("div", Oe, [
+            r("div", Je, [
+              m(He, { "z-index": 50 }, {
                 default: N(() => [
-                  u("div", Oe, T(l(f)("inventory.supplier.supplyItems.title")), 1)
+                  r("div", Qe, T(l(f)("inventory.supplier.supplyItems.title")), 1)
                 ]),
                 _: 1
               })
             ]),
-            u("div", null, [
+            r("div", null, [
               m(k, {
                 "prepend-icon": "link",
                 label: l(f)("inventory.supplier.supplyItems.addItems"),
                 variant: "plain",
-                onClick: i
+                onClick: u
               }, null, 8, ["label"])
             ])
           ]),
-          u("div", Je, T(l(f)("inventory.supplier.supplyItems.overridePriceHint")), 1)
+          r("div", We, T(l(f)("inventory.supplier.supplyItems.overridePriceHint")), 1)
         ]),
-        u("div", Qe, [
-          (U(!0), B(ke, null, Ce(a.value, (V, d) => {
-            var s, c, x;
+        r("div", Xe, [
+          (U(!0), B(Ce, null, Ie(a.value, (V, i) => {
+            var s, d, _;
             return U(), B("div", {
               key: V.skuId,
               class: "flex"
             }, [
-              u("div", We, [
-                u("div", Xe, [
-                  u("div", Ze, T((s = l(h).skuById[V.skuId]) == null ? void 0 : s.name), 1),
-                  u("div", et, T((c = l(h).skuById[V.skuId]) == null ? void 0 : c.code), 1)
+              r("div", Ze, [
+                r("div", et, [
+                  r("div", tt, T((s = l(h).skuById[V.skuId]) == null ? void 0 : s.name), 1),
+                  r("div", lt, T((d = l(h).skuById[V.skuId]) == null ? void 0 : d.code), 1)
                 ])
               ]),
-              u("div", tt, [
-                u("div", lt, [
-                  m(Fe, {
+              r("div", st, [
+                r("div", ot, [
+                  m(Pe, {
                     "model-value": g(V),
                     unit: E(V),
-                    "onUpdate:modelValue": (w) => D(V, w),
-                    placement: a.value && d === ((x = a.value) == null ? void 0 : x.length) - 1 ? "top" : "bottom",
+                    "onUpdate:modelValue": (x) => D(V, x),
+                    placement: a.value && i === ((_ = a.value) == null ? void 0 : _.length) - 1 ? "top" : "bottom",
                     separator: "/",
                     "apply-default-rules": "",
                     precision: 4,
                     "format-minimum-precision": 2
                   }, {
                     prepend: N(() => {
-                      var w, p;
+                      var x, I;
                       return [
-                        u("div", st, T(b(((w = l(C).currentCountry) == null ? void 0 : w.value) ?? l(fe)) === "MYR" ? "RM" : b(((p = l(C).currentCountry) == null ? void 0 : p.value) ?? l(fe))), 1)
+                        r("div", nt, T(y(((x = l(C).currentCountry) == null ? void 0 : x.value) ?? l(ye)) === "MYR" ? "RM" : y(((I = l(C).currentCountry) == null ? void 0 : I.value) ?? l(ye))), 1)
                       ];
                     }),
                     _: 2
                   }, 1032, ["model-value", "unit", "onUpdate:modelValue", "placement"]),
-                  u("div", null, [
+                  r("div", null, [
                     m(k, {
                       "prepend-icon": "close",
                       variant: "tertiary",
-                      onClick: (w) => $(d)
+                      onClick: (x) => $(i)
                     }, null, 8, ["onClick"])
                   ])
                 ])
@@ -238,10 +238,10 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
       ]);
     };
   }
-}), nt = { class: "flex flex-col gap-40" }, at = { class: "flex flex-col gap-16" }, rt = { key: 0 }, ut = { class: "flex flex-col gap-8" }, it = { class: "fm-typo-en-title-sm-800" }, dt = { class: "grid grid-cols-2 gap-24" }, pt = { class: "flex flex-col gap-8" }, ct = { class: "fm-typo-en-title-sm-800" }, mt = { class: "flex flex-col gap-16" }, vt = {
+}), rt = { class: "flex flex-col gap-40" }, ut = { class: "flex flex-col gap-16" }, it = { key: 0 }, dt = { class: "flex flex-col gap-8" }, pt = { class: "fm-typo-en-title-sm-800" }, ct = { class: "grid grid-cols-2 gap-24" }, mt = { class: "flex flex-col gap-8" }, vt = { class: "fm-typo-en-title-sm-800" }, ft = { class: "flex flex-col gap-16" }, yt = {
   key: 0,
   class: "flex flex-col gap-8"
-}, ft = /* @__PURE__ */ Q({
+}, bt = /* @__PURE__ */ W({
   __name: "SupplierForm",
   props: {
     modelValue: {},
@@ -249,7 +249,7 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
   },
   emits: ["update:modelValue", "validation-success"],
   setup(R, { expose: C, emit: h }) {
-    const o = R, v = h, f = Ve(), a = ge(), i = _(() => Ne(a.skus, "_id")), { t: b } = z(), $ = _e(), E = _(() => $.businessLevel), g = _({
+    const o = R, v = h, f = _e(), a = Ve(), u = b(() => Te(a.skus, "_id")), { t: y } = q(), $ = he(), E = b(() => $.businessLevel), g = b({
       get() {
         var t;
         return ((t = o.modelValue) == null ? void 0 : t.name) ?? "";
@@ -258,7 +258,7 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
         const e = o.modelValue ?? {};
         e.name = t, v("update:modelValue", e);
       }
-    }), D = _({
+    }), D = b({
       get() {
         var t;
         return ((t = o.modelValue) == null ? void 0 : t.registrationNumber) ?? "";
@@ -267,7 +267,7 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
         const e = o.modelValue ?? {};
         e.registrationNumber = t, v("update:modelValue", e);
       }
-    }), n = _({
+    }), n = b({
       get() {
         var t, e;
         return ((e = (t = o.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.line1) ?? "";
@@ -276,7 +276,7 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
         const e = o.modelValue ?? {};
         e.address ?? (e.address = {}), e.address.line1 = t, v("update:modelValue", e);
       }
-    }), S = _({
+    }), S = b({
       get() {
         var t, e;
         return ((e = (t = o.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.line2) ?? "";
@@ -285,7 +285,7 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
         const e = o.modelValue ?? {};
         e.address ?? (e.address = {}), e.address.line2 = t, v("update:modelValue", e);
       }
-    }), k = _({
+    }), k = b({
       get() {
         var t, e;
         return ((e = (t = o.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.city) ?? "";
@@ -294,7 +294,7 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
         const e = o.modelValue ?? {};
         e.address ?? (e.address = {}), e.address.city = t, v("update:modelValue", e);
       }
-    }), V = _({
+    }), V = b({
       get() {
         var t, e;
         return ((e = (t = o.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.postcode) ?? "";
@@ -303,7 +303,7 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
         const e = o.modelValue ?? {};
         e.address ?? (e.address = {}), e.address.postcode = t, v("update:modelValue", e);
       }
-    }), d = _({
+    }), i = b({
       get() {
         var t, e;
         return ((e = (t = o.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.state) ?? "";
@@ -312,7 +312,7 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
         const e = o.modelValue ?? {};
         e.address ?? (e.address = {}), e.address.state = t, v("update:modelValue", e);
       }
-    }), s = _({
+    }), s = b({
       get() {
         var t, e;
         return ((e = (t = o.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.country) ?? "";
@@ -321,7 +321,7 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
         const e = o.modelValue ?? {};
         e.address ?? (e.address = {}), e.address.country = t, v("update:modelValue", e);
       }
-    }), c = _({
+    }), d = b({
       get() {
         var t;
         return ((t = o.modelValue) == null ? void 0 : t.contactName) ?? "";
@@ -330,7 +330,7 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
         const e = o.modelValue ?? {};
         e.contactName = t, v("update:modelValue", e);
       }
-    }), x = _({
+    }), _ = b({
       get() {
         var t;
         return ((t = o.modelValue) == null ? void 0 : t.phoneNumber) ?? "";
@@ -339,7 +339,7 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
         const e = o.modelValue ?? {};
         e.phoneNumber = t, v("update:modelValue", e);
       }
-    }), w = _({
+    }), x = b({
       get() {
         var t;
         return ((t = o.modelValue) == null ? void 0 : t.email) ?? "";
@@ -348,155 +348,155 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
         const e = o.modelValue ?? {};
         e.email = t, v("update:modelValue", e);
       }
-    }), p = _({
+    }), I = b({
       get() {
         var e;
-        return (((e = o.modelValue) == null ? void 0 : e.supplyItems) ?? []).filter((M) => i.value[M.skuId]);
+        return (((e = o.modelValue) == null ? void 0 : e.supplyItems) ?? []).filter((M) => u.value[M.skuId]);
       },
       set(t) {
         const e = o.modelValue ?? {};
         e.supplyItems = t, v("update:modelValue", e);
       }
-    }), y = L();
+    }), c = L();
     return C({
       validateInputs: () => {
         var t, e;
-        (e = (t = y.value) == null ? void 0 : t.validateInputs) == null || e.call(t);
+        (e = (t = c.value) == null ? void 0 : t.validateInputs) == null || e.call(t);
       },
       resetInputsValidation: () => {
         var t, e;
-        (e = (t = y.value) == null ? void 0 : t.resetInputsValidation) == null || e.call(t);
+        (e = (t = c.value) == null ? void 0 : t.resetInputsValidation) == null || e.call(t);
       },
       resetInputs: () => {
         var t, e;
-        (e = (t = y.value) == null ? void 0 : t.resetInputs) == null || e.call(t);
+        (e = (t = c.value) == null ? void 0 : t.resetInputs) == null || e.call(t);
       }
     }), (t, e) => {
-      const M = P("FmChip"), I = P("FmTextField"), Y = P("FmPhoneNumber"), H = P("FmForm");
-      return U(), q(H, {
+      const M = P("FmChip"), w = P("FmTextField"), Y = P("FmPhoneNumber"), H = P("FmForm");
+      return U(), z(H, {
         ref_key: "formRef",
-        ref: y,
-        onValidationSuccess: e[12] || (e[12] = (r) => v("validation-success"))
+        ref: c,
+        onValidationSuccess: e[12] || (e[12] = (p) => v("validation-success"))
       }, {
         default: N(() => [
-          u("div", nt, [
-            u("div", at, [
-              E.value ? (U(), B("div", rt, [
+          r("div", rt, [
+            r("div", ut, [
+              E.value ? (U(), B("div", it, [
                 m(M, {
                   label: "Business supplier",
                   compact: ""
                 })
-              ])) : X("", !0),
-              m(I, {
+              ])) : Z("", !0),
+              m(w, {
                 disabled: t.disabled,
                 rules: [l(F)()],
                 "label-mark": "required",
-                label: l(b)("inventory.supplier.companyName"),
+                label: l(y)("inventory.supplier.companyName"),
                 modelValue: g.value,
-                "onUpdate:modelValue": e[0] || (e[0] = (r) => g.value = r)
+                "onUpdate:modelValue": e[0] || (e[0] = (p) => g.value = p)
               }, null, 8, ["disabled", "rules", "label", "modelValue"]),
-              m(I, {
+              m(w, {
                 disabled: t.disabled,
                 rules: [l(F)()],
                 "label-mark": "required",
-                label: l(b)("inventory.supplier.registrationNo"),
+                label: l(y)("inventory.supplier.registrationNo"),
                 modelValue: D.value,
-                "onUpdate:modelValue": e[1] || (e[1] = (r) => D.value = r)
+                "onUpdate:modelValue": e[1] || (e[1] = (p) => D.value = p)
               }, null, 8, ["disabled", "rules", "label", "modelValue"])
             ]),
-            u("div", ut, [
-              u("div", it, T(l(b)("inventory.supplier.address.title")), 1),
-              u("div", dt, [
-                m(I, {
+            r("div", dt, [
+              r("div", pt, T(l(y)("inventory.supplier.address.title")), 1),
+              r("div", ct, [
+                m(w, {
                   disabled: t.disabled,
                   rules: [l(F)()],
                   "label-mark": "required",
-                  label: l(b)("inventory.supplier.address.line1"),
+                  label: l(y)("inventory.supplier.address.line1"),
                   modelValue: n.value,
-                  "onUpdate:modelValue": e[2] || (e[2] = (r) => n.value = r)
+                  "onUpdate:modelValue": e[2] || (e[2] = (p) => n.value = p)
                 }, null, 8, ["disabled", "rules", "label", "modelValue"]),
-                m(I, {
+                m(w, {
                   disabled: t.disabled,
                   "label-mark": "optional",
-                  label: l(b)("inventory.supplier.address.line2"),
+                  label: l(y)("inventory.supplier.address.line2"),
                   modelValue: S.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (r) => S.value = r)
+                  "onUpdate:modelValue": e[3] || (e[3] = (p) => S.value = p)
                 }, null, 8, ["disabled", "label", "modelValue"]),
-                m(I, {
+                m(w, {
                   disabled: t.disabled,
                   rules: [l(F)()],
                   "label-mark": "required",
-                  label: l(b)("inventory.supplier.address.city"),
+                  label: l(y)("inventory.supplier.address.city"),
                   modelValue: k.value,
-                  "onUpdate:modelValue": e[4] || (e[4] = (r) => k.value = r)
+                  "onUpdate:modelValue": e[4] || (e[4] = (p) => k.value = p)
                 }, null, 8, ["disabled", "rules", "label", "modelValue"]),
-                m(I, {
+                m(w, {
                   disabled: t.disabled,
                   rules: [l(F)()],
                   "label-mark": "required",
-                  label: l(b)("inventory.supplier.address.postcode"),
+                  label: l(y)("inventory.supplier.address.postcode"),
                   modelValue: V.value,
-                  "onUpdate:modelValue": e[5] || (e[5] = (r) => V.value = r)
+                  "onUpdate:modelValue": e[5] || (e[5] = (p) => V.value = p)
                 }, null, 8, ["disabled", "rules", "label", "modelValue"]),
-                m(I, {
+                m(w, {
                   disabled: t.disabled,
                   rules: [l(F)()],
                   "label-mark": "required",
-                  label: l(b)("inventory.supplier.address.state"),
-                  modelValue: d.value,
-                  "onUpdate:modelValue": e[6] || (e[6] = (r) => d.value = r)
+                  label: l(y)("inventory.supplier.address.state"),
+                  modelValue: i.value,
+                  "onUpdate:modelValue": e[6] || (e[6] = (p) => i.value = p)
                 }, null, 8, ["disabled", "rules", "label", "modelValue"]),
-                m(I, {
+                m(w, {
                   disabled: t.disabled,
                   rules: [l(F)()],
                   "label-mark": "required",
-                  label: l(b)("inventory.supplier.address.country"),
+                  label: l(y)("inventory.supplier.address.country"),
                   modelValue: s.value,
-                  "onUpdate:modelValue": e[7] || (e[7] = (r) => s.value = r)
+                  "onUpdate:modelValue": e[7] || (e[7] = (p) => s.value = p)
                 }, null, 8, ["disabled", "rules", "label", "modelValue"])
               ])
             ]),
-            u("div", pt, [
-              u("div", ct, T(l(b)("inventory.supplier.contact.title")), 1),
-              u("div", mt, [
-                m(I, {
+            r("div", mt, [
+              r("div", vt, T(l(y)("inventory.supplier.contact.title")), 1),
+              r("div", ft, [
+                m(w, {
                   disabled: t.disabled,
                   rules: [l(F)()],
                   "label-mark": "required",
-                  label: l(b)("inventory.supplier.contact.pic"),
-                  modelValue: c.value,
-                  "onUpdate:modelValue": e[8] || (e[8] = (r) => c.value = r)
+                  label: l(y)("inventory.supplier.contact.pic"),
+                  modelValue: d.value,
+                  "onUpdate:modelValue": e[8] || (e[8] = (p) => d.value = p)
                 }, null, 8, ["disabled", "rules", "label", "modelValue"]),
                 m(Y, {
                   disabled: t.disabled,
                   rules: [l(F)()],
                   "label-mark": "required",
-                  label: l(b)("inventory.supplier.contact.phoneNumber"),
-                  modelValue: x.value,
-                  "onUpdate:modelValue": e[9] || (e[9] = (r) => x.value = r)
+                  label: l(y)("inventory.supplier.contact.phoneNumber"),
+                  modelValue: _.value,
+                  "onUpdate:modelValue": e[9] || (e[9] = (p) => _.value = p)
                 }, null, 8, ["disabled", "rules", "label", "modelValue"]),
-                m(I, {
+                m(w, {
                   disabled: t.disabled,
                   "label-mark": "optional",
-                  label: l(b)("inventory.supplier.contact.email"),
-                  modelValue: w.value,
-                  "onUpdate:modelValue": e[10] || (e[10] = (r) => w.value = r)
+                  label: l(y)("inventory.supplier.contact.email"),
+                  modelValue: x.value,
+                  "onUpdate:modelValue": e[10] || (e[10] = (p) => x.value = p)
                 }, null, 8, ["disabled", "label", "modelValue"])
               ])
             ]),
-            l(f).enableTotalCost ? (U(), B("div", vt, [
-              m(ot, {
-                modelValue: p.value,
-                "onUpdate:modelValue": e[11] || (e[11] = (r) => p.value = r)
+            l(f).enableTotalCost ? (U(), B("div", yt, [
+              m(at, {
+                modelValue: I.value,
+                "onUpdate:modelValue": e[11] || (e[11] = (p) => I.value = p)
               }, null, 8, ["modelValue"])
-            ])) : X("", !0)
+            ])) : Z("", !0)
           ])
         ]),
         _: 1
       }, 512);
     };
   }
-}), yt = { class: "flex gap-4" }, bt = /* @__PURE__ */ Q({
+}), gt = { class: "flex gap-4" }, Vt = /* @__PURE__ */ W({
   __name: "SupplierDialog",
   props: {
     mode: {},
@@ -505,52 +505,52 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
   },
   emits: ["update:show", "submitted"],
   setup(R, { expose: C, emit: h }) {
-    const o = R, v = h, f = L(!1), a = Se(), { t: i } = z(), b = be(), $ = _(() => {
+    const o = R, v = h, f = L(!1), a = we(), { t: u } = q(), y = ge(), $ = b(() => {
       switch (o.mode) {
         case A.READ:
           return "";
         case A.UPDATE:
-          return i("inventory.supplier.update.title");
+          return u("inventory.supplier.update.title");
         case A.CREATE:
-          return i("inventory.supplier.create.title");
+          return u("inventory.supplier.create.title");
       }
       return "";
-    }), E = _(() => {
+    }), E = b(() => {
       switch (o.mode) {
         case A.READ:
           return "";
         case A.UPDATE:
-          return i("common.save");
+          return u("common.save");
         case A.CREATE:
-          return i("common.add");
+          return u("common.add");
       }
       return "";
     }), g = L();
     C({
       validateInputs: () => {
-        var s, c;
-        (c = (s = g.value) == null ? void 0 : s.validateInputs) == null || c.call(s);
+        var s, d;
+        (d = (s = g.value) == null ? void 0 : s.validateInputs) == null || d.call(s);
       },
       resetInputsValidation: () => {
-        var s, c;
-        (c = (s = g.value) == null ? void 0 : s.resetInputsValidation) == null || c.call(s);
+        var s, d;
+        (d = (s = g.value) == null ? void 0 : s.resetInputsValidation) == null || d.call(s);
       },
       resetInputs: () => {
-        var s, c;
-        (c = (s = g.value) == null ? void 0 : s.resetInputs) == null || c.call(s);
+        var s, d;
+        (d = (s = g.value) == null ? void 0 : s.resetInputs) == null || d.call(s);
       }
     });
-    const D = ye(o, "show"), n = ye(o, "supplier");
+    const D = be(o, "show"), n = be(o, "supplier");
     function S() {
-      var s, c;
-      (c = (s = g.value) == null ? void 0 : s.validateInputs) == null || c.call(s);
+      var s, d;
+      (d = (s = g.value) == null ? void 0 : s.validateInputs) == null || d.call(s);
     }
     function k() {
       switch (o.mode) {
         case A.READ:
           return;
         case A.UPDATE:
-          return d();
+          return i();
         case A.CREATE:
           return V();
       }
@@ -559,11 +559,11 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
       f.value = !0;
       try {
         await Promise.all([
-          b.createSupplier(n.value),
+          y.createSupplier(n.value),
           new Promise((s) => setTimeout(s, 1e3))
         ]), a.open({
-          title: i("common.success"),
-          message: i("inventory.supplier.create.success", { name: n.value.name }),
+          title: u("common.success"),
+          message: u("inventory.supplier.create.success", { name: n.value.name }),
           type: "success"
         }), v("update:show", !1), v("submitted");
       } catch (s) {
@@ -576,11 +576,11 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
         f.value = !1;
       }
     }
-    async function d() {
+    async function i() {
       if (n.value === null) {
         a.open({
-          title: i("inventory.supplier.update.error.title"),
-          message: i("inventory.supplier.update.error.emptySupplier"),
+          title: u("inventory.supplier.update.error.title"),
+          message: u("inventory.supplier.update.error.emptySupplier"),
           type: "error"
         });
         return;
@@ -588,51 +588,51 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
       f.value = !0;
       try {
         await Promise.all([
-          b.updateSupplier(n.value),
+          y.updateSupplier(n.value),
           new Promise((s) => setTimeout(s, 1e3))
         ]), a.open({
-          title: i("common.success"),
-          message: i("inventory.supplier.update.success", { name: n.value.name }),
+          title: u("common.success"),
+          message: u("inventory.supplier.update.success", { name: n.value.name }),
           type: "success"
         }), v("update:show", !1), v("submitted");
       } catch (s) {
         a.open({
-          title: i("inventory.supplier.update.error.title"),
-          message: i("inventory.supplier.update.error.message"),
+          title: u("inventory.supplier.update.error.title"),
+          message: u("inventory.supplier.update.error.message"),
           type: "error"
         }), console.error("cannot update supplier", s);
       } finally {
         f.value = !1;
       }
     }
-    return (s, c) => {
-      const x = P("FmButton"), w = P("FmSideSheet");
-      return U(), q(w, {
+    return (s, d) => {
+      const _ = P("FmButton"), x = P("FmSideSheet");
+      return U(), z(x, {
         header: $.value,
         modelValue: l(D),
-        "onUpdate:modelValue": c[1] || (c[1] = (p) => me(D) ? D.value = p : null),
+        "onUpdate:modelValue": d[1] || (d[1] = (I) => ve(D) ? D.value = I : null),
         "dismiss-away": !f.value,
         "close-button": "",
         "max-width": 500
       }, {
         default: N(() => {
-          var p;
+          var I;
           return [
-            (U(), q(ft, {
+            (U(), z(bt, {
               class: "w-full",
               ref_key: "formRef",
               ref: g,
               modelValue: l(n),
-              "onUpdate:modelValue": c[0] || (c[0] = (y) => me(n) ? n.value = y : null),
+              "onUpdate:modelValue": d[0] || (d[0] = (c) => ve(n) ? n.value = c : null),
               onValidationSuccess: k,
-              key: ((p = s.supplier) == null ? void 0 : p._id) ?? "",
+              key: ((I = s.supplier) == null ? void 0 : I._id) ?? "",
               disabled: f.value
             }, null, 8, ["modelValue", "disabled"]))
           ];
         }),
         "side-sheet-footer": N(() => [
-          u("div", yt, [
-            m(x, {
+          r("div", gt, [
+            m(_, {
               loading: f.value,
               label: E.value,
               onClick: S
@@ -643,16 +643,16 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
       }, 8, ["header", "modelValue", "dismiss-away"]);
     };
   }
-}), gt = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, Vt = { class: "flex flex-col py-8" }, _t = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ht = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, St = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xt = {
+}), _t = { class: "flex flex-col py-8" }, ht = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, St = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, wt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xt = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, wt = "You are managing business-level supplier list. These suppliers will be made visible to all locations.", Rt = /* @__PURE__ */ Q({
+}, kt = "You are managing business-level supplier list. These suppliers will be made visible to all locations.", Pt = /* @__PURE__ */ W({
   __name: "SupplierView",
   setup(R) {
-    const C = be(), h = _e(), o = Ve(), v = L(!1), f = he(), a = Se(), { t: i } = z();
+    const C = ge(), h = he(), o = _e(), v = L(!1), f = Se(), a = we(), { t: u } = q();
     h.watchLocation($);
-    const b = _(() => h.businessLevel);
-    Ie(b, $), Me(() => {
+    const y = b(() => h.businessLevel);
+    Me(y, $), $e(() => {
       o.enableSupplierMasterList || (h.businessLevel = !1);
     });
     async function $() {
@@ -661,7 +661,7 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
         try {
           await Promise.all([
             C.readSuppliers(),
-            new Promise((y) => setTimeout(y, 1e3))
+            new Promise((t) => setTimeout(t, 1e3))
           ]);
         } catch {
           a.open({
@@ -673,123 +673,131 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
         }
       }
     }
-    const E = _(
-      () => b.value ? C.businessSuppliers : C.locationSuppliers
+    const E = b(
+      () => y.value ? C.businessSuppliers : C.locationSuppliers
     ), g = L({});
     function D() {
       g.value.mode = A.CREATE, g.value.supplier = {}, g.value.show = !0;
     }
-    function n(p) {
-      g.value.mode = A.UPDATE, g.value.supplier = Z(p), g.value.show = !0;
+    function n(c) {
+      g.value.mode = A.UPDATE, g.value.supplier = ee(c), g.value.show = !0;
     }
-    async function S(p) {
+    async function S(c) {
       f.open({
-        title: i("inventory.supplier.delete.confirm"),
-        message: i("inventory.supplier.delete.confirmMessage", { name: p.name }),
+        title: u("inventory.supplier.delete.confirm"),
+        message: u("inventory.supplier.delete.confirmMessage", { name: c.name }),
         primaryActions: {
-          text: i("common.delete"),
+          text: u("common.delete"),
           close: !0,
           variant: "destructive"
         },
         secondaryActions: {
-          text: i("common.cancel"),
+          text: u("common.cancel"),
           close: !0
         }
-      }).onPrimary(() => k(p));
+      }).onPrimary(() => k(c));
     }
-    async function k(p) {
+    async function k(c) {
       f.open({
-        title: i("inventory.supplier.deletingSupplier"),
+        title: u("inventory.supplier.deletingSupplier"),
         closeButton: !1
       });
       try {
-        await C.deleteSupplier(p), a.open({
-          title: i("inventory.supplier.delete.success"),
-          message: i("inventory.supplier.delete.successMessage", { name: p == null ? void 0 : p.name }),
+        await C.deleteSupplier(c), a.open({
+          title: u("inventory.supplier.delete.success"),
+          message: u("inventory.supplier.delete.successMessage", { name: c == null ? void 0 : c.name }),
           type: "success"
         }), $();
-      } catch (y) {
+      } catch (t) {
         a.open({
-          title: i("inventory.supplier.delete.error"),
-          message: i("inventory.supplier.delete.errorMessage", { name: p == null ? void 0 : p.name }),
+          title: u("inventory.supplier.delete.error"),
+          message: u("inventory.supplier.delete.errorMessage", { name: c == null ? void 0 : c.name }),
           type: "error"
-        }), console.error("failed to delete supplier", y);
+        }), console.error("failed to delete supplier", t);
       } finally {
         f.close();
       }
     }
-    const { columnDefs: V } = Ye(n, S);
-    function d(p) {
-      p === "create" && D();
+    const { columnDefs: V } = Ke(n, S);
+    function i(c) {
+      c === "create" && D();
     }
-    const s = L(""), { breakpoints: c } = Te(), x = _(() => c.value.xs || c.value.sm ? 10 : 20), w = Be();
-    return (p, y) => {
-      const t = P("FmTable");
-      return U(), q(Le, {
-        title: l(i)("inventory.supplier.title"),
+    const s = L(""), { breakpoints: d } = Le(), _ = b(() => d.value.xs || d.value.sm), x = b(() => _.value ? 10 : 20), I = ze();
+    return (c, t) => {
+      const e = P("FmTable");
+      return U(), z(qe, {
+        title: l(u)("inventory.supplier.title"),
         actions: [
           {
-            label: l(i)("inventory.supplier.create.title"),
+            label: l(u)("inventory.supplier.create.title"),
             value: "create",
             isPrimary: !0,
             prependIcon: "add"
           }
         ],
-        "onClick:action": d,
-        "using-business-helper-text": wt
+        "onClick:action": i,
+        "using-business-helper-text": kt
       }, {
         default: N(() => [
-          u("div", gt, [
-            m(qe, {
+          r("div", {
+            class: Ae([
+              "flex flex-col gap-8 max-h-full",
+              {
+                "p-0": _.value,
+                "px-24 ": !_.value
+              }
+            ])
+          }, [
+            m(Ye, {
               searchable: "",
               "change-location": "",
               search: s.value,
-              "onUpdate:search": y[0] || (y[0] = (e) => s.value = e),
+              "onUpdate:search": t[0] || (t[0] = (M) => s.value = M),
               "show-business": l(o).enableSupplierMasterList,
               actions: [{ icon: "refresh", onClick: () => $() }]
             }, null, 8, ["search", "show-business", "actions"]),
-            m(t, {
-              style: $e(l(w).tableHeight),
+            m(e, {
+              style: Ue(l(I).tableHeight),
               "column-defs": l(V),
               "row-data": E.value,
               "search-value": s.value,
               loading: !l(h)._currentLocation || v.value,
-              onRowClick: y[1] || (y[1] = (e) => n(e.original)),
+              onRowClick: t[1] || (t[1] = (M) => n(M.original)),
               "page-size": x.value
             }, {
-              "list-row": N((e) => [
-                m(De, {
-                  row: e,
+              "list-row": N((M) => [
+                m(Re, {
+                  row: M,
                   onRowClick: n
                 }, {
-                  default: N((M) => {
-                    var I, Y, H, r, ee, te, le, se, K, oe, ne, ae, re, j, ue, ie, de, pe, G, ce;
+                  default: N((w) => {
+                    var Y, H, p, K, te, le, se, oe, j, ne, ae, re, ue, G, ie, de, pe, ce, O, me;
                     return [
-                      u("div", Vt, [
-                        u("div", _t, [
-                          m(l(J), {
-                            render: (H = (Y = (I = M.name) == null ? void 0 : I.column) == null ? void 0 : Y.columnDef) == null ? void 0 : H.cell,
-                            props: (ee = (r = M.name) == null ? void 0 : r.getContext) == null ? void 0 : ee.call(r)
+                      r("div", _t, [
+                        r("div", ht, [
+                          m(l(Q), {
+                            render: (p = (H = (Y = w.name) == null ? void 0 : Y.column) == null ? void 0 : H.columnDef) == null ? void 0 : p.cell,
+                            props: (te = (K = w.name) == null ? void 0 : K.getContext) == null ? void 0 : te.call(K)
                           }, null, 8, ["render", "props"])
                         ]),
-                        u("div", ht, [
-                          m(l(J), {
-                            render: (se = (le = (te = M.contactName) == null ? void 0 : te.column) == null ? void 0 : le.columnDef) == null ? void 0 : se.cell,
-                            props: (oe = (K = M.contactName) == null ? void 0 : K.getContext) == null ? void 0 : oe.call(K)
+                        r("div", St, [
+                          m(l(Q), {
+                            render: (oe = (se = (le = w.contactName) == null ? void 0 : le.column) == null ? void 0 : se.columnDef) == null ? void 0 : oe.cell,
+                            props: (ne = (j = w.contactName) == null ? void 0 : j.getContext) == null ? void 0 : ne.call(j)
                           }, null, 8, ["render", "props"])
                         ]),
-                        u("div", St, [
-                          m(l(J), {
-                            render: (re = (ae = (ne = M.phoneNumber) == null ? void 0 : ne.column) == null ? void 0 : ae.columnDef) == null ? void 0 : re.cell,
-                            props: (ue = (j = M.phoneNumber) == null ? void 0 : j.getContext) == null ? void 0 : ue.call(j)
+                        r("div", wt, [
+                          m(l(Q), {
+                            render: (ue = (re = (ae = w.phoneNumber) == null ? void 0 : ae.column) == null ? void 0 : re.columnDef) == null ? void 0 : ue.cell,
+                            props: (ie = (G = w.phoneNumber) == null ? void 0 : G.getContext) == null ? void 0 : ie.call(G)
                           }, null, 8, ["render", "props"])
                         ]),
-                        e.original.email ? (U(), B("div", xt, [
-                          m(l(J), {
-                            render: (pe = (de = (ie = M.email) == null ? void 0 : ie.column) == null ? void 0 : de.columnDef) == null ? void 0 : pe.cell,
-                            props: (ce = (G = M.email) == null ? void 0 : G.getContext) == null ? void 0 : ce.call(G)
+                        M.original.email ? (U(), B("div", xt, [
+                          m(l(Q), {
+                            render: (ce = (pe = (de = w.email) == null ? void 0 : de.column) == null ? void 0 : pe.columnDef) == null ? void 0 : ce.cell,
+                            props: (me = (O = w.email) == null ? void 0 : O.getContext) == null ? void 0 : me.call(O)
                           }, null, 8, ["render", "props"])
-                        ])) : X("", !0)
+                        ])) : Z("", !0)
                       ])
                     ];
                   }),
@@ -798,14 +806,14 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
               ]),
               _: 1
             }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
-          ]),
-          (U(), q(Ae, { to: "body" }, [
-            m(bt, {
+          ], 2),
+          (U(), z(De, { to: "body" }, [
+            m(Vt, {
               show: g.value.show,
-              "onUpdate:show": y[2] || (y[2] = (e) => g.value.show = e),
+              "onUpdate:show": t[2] || (t[2] = (M) => g.value.show = M),
               supplier: g.value.supplier,
               mode: g.value.mode,
-              onSubmitted: y[3] || (y[3] = (e) => $())
+              onSubmitted: t[3] || (t[3] = (M) => $())
             }, null, 8, ["show", "supplier", "mode"])
           ]))
         ]),
@@ -815,5 +823,5 @@ const He = { class: "flex flex-col gap-12" }, Ke = { class: "flex flex-col" }, j
   }
 });
 export {
-  Rt as default
+  Pt as default
 };