@feedmepos/mf-inventory-portal 0.0.7-dev.3 → 0.0.7-dev.4

package/dist/{SupplierView-DgFjga62.js → SupplierView-CZmv0Zch.js}

@@ -1,22 +1,23 @@
-import { defineComponent as K, mergeModels as Ve, useModel as ge, resolveComponent as w, openBlock as F, createElementBlock as R, createElementVNode as u, createVNode as i, Fragment as _e, renderList as Se, toDisplayString as ue, unref as m, withCtx as D, computed as V, ref as T, createBlock as E, createCommentVNode as fe, isRef as de, normalizeStyle as xe, Teleport as Ce } from "vue";
-import { u as ve } from "./supplier-xM9dK1Aa.js";
-import { D as ie, R as z, F as h } from "./row-action.enum-BwQbURNh.js";
-import { c as he, _ as we, F as Y, u as ke } from "./layout-BUVfQNxR.js";
-import { c as me, u as Fe, d as ce, g as Ie, C as j, a as Ae, e as Ue } from "./app-C2kiRXHk.js";
-import { useDialog as be, useSnackbar as ye, useProxiedModel as pe, useBreakpoints as $e } from "@feedmepos/ui-library";
+import { defineComponent as K, mergeModels as Ve, useModel as ge, resolveComponent as w, openBlock as F, createElementBlock as R, createElementVNode as r, createVNode as d, withCtx as D, Fragment as _e, renderList as xe, toDisplayString as ue, unref as m, computed as V, ref as T, createBlock as E, createCommentVNode as fe, isRef as de, normalizeStyle as Se, Teleport as Ce } from "vue";
+import { u as ve } from "./supplier-Ba-xLeGl.js";
+import { D as ie, R as B, F as h } from "./row-action.enum-BwQbURNh.js";
+import { c as he, _ as we, F as Y, u as ke } from "./layout-Uo3EuS0G.js";
+import { c as me, u as Fe, d as ce, g as Ie, C as j, a as $e, e as Ae } from "./app-kk-I7El6.js";
+import { useDialog as be, useSnackbar as ye, useProxiedModel as pe, useBreakpoints as Ue } from "@feedmepos/ui-library";
 import { _ as Pe } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CFjO4TPG.js";
-import { _ as Me } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-Bvc3EyUZ.js";
-import { A as De, M as Te, R as $ } from "./rules-C-XEHjZO.js";
-import { _ as Re } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-YEAz0S0C.js";
+import { _ as Me } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-BfmFBfLR.js";
+import { A as De, M as Te, R as U } from "./rules-DMCipsmW.js";
+import { _ as Re } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-izsN_Y6x.js";
 import { useCoreStore as Ee } from "@feedmepos/mf-common";
-import { a as Ne, t as qe } from "./date2-1aCkDJKL.js";
-function Le(P, C) {
+import { a as Ne, t as qe } from "./date2-C_MxkBzJ.js";
+import { _ as Le } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-BvadeWUz.js";
+function ze(P, C) {
   function g(o, v) {
-    if (o === z.Edit) {
+    if (o === B.Edit) {
       P(me(v));
       return;
     }
-    if (o === z.Delete) {
+    if (o === B.Delete) {
       C(me(v));
       return;
     }
@@ -51,7 +52,7 @@ function Le(P, C) {
       header: "",
       cell(o) {
         return he(
-          [ie[z.Edit], ie[z.Delete]],
+          [ie[B.Edit], ie[B.Delete]],
           (v) => {
             g(v, o.row.original);
           }
@@ -65,7 +66,7 @@ function Le(P, C) {
     }
   ] };
 }
-const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center gap-8 py-8" }, Ye = /* @__PURE__ */ u("div", { class: "fm-typo-en-title-sm-800 flex-1" }, "Supply items", -1), Ke = { class: "fm-typo-en-body-lg-400 flex-1" }, je = { class: "flex-1" }, Ge = { class: "flex items-center gap-4" }, He = { class: "flex-1" }, Oe = { class: "text-fm-color-typo-secondary" }, We = /* @__PURE__ */ u("div", { class: "text-fm-color-typo-secondary" }, "/", -1), Je = { class: "flex-1" }, Qe = /* @__PURE__ */ K({
+const Be = { class: "flex flex-col gap-12" }, Ye = { class: "flex flex-col" }, Ke = { class: "flex items-center gap-8 py-8" }, je = { class: "flex-1" }, Ge = /* @__PURE__ */ r("div", { class: "fm-typo-en-title-sm-800" }, "Supply items", -1), He = /* @__PURE__ */ r("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Overrides price per unit in ingredient. ", -1), Oe = { class: "flex flex-col gap-4" }, We = { class: "fm-typo-en-body-lg-400 flex-1" }, Je = { class: "flex-1" }, Qe = { class: "flex items-center gap-4" }, Xe = { class: "flex-1" }, Ze = { class: "text-fm-color-typo-secondary" }, et = /* @__PURE__ */ r("div", { class: "text-fm-color-typo-secondary" }, "/", -1), tt = { class: "flex-1" }, lt = /* @__PURE__ */ K({
   __name: "SupplierSupplyItemField",
   props: /* @__PURE__ */ Ve({
     modelValue: {}
@@ -77,12 +78,12 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
   setup(P) {
     const C = Ee(), g = Fe(), a = be(), o = ge(P, "modelValue");
     function v() {
-      var r;
+      var u;
       const c = g.skus.map((l) => ({
         label: l.name,
         sublabel: l.code,
         value: l._id
-      })), f = ((r = o.value) == null ? void 0 : r.map((l) => l.skuId)) ?? [], d = V(
+      })), f = ((u = o.value) == null ? void 0 : u.map((l) => l.skuId)) ?? [], i = V(
         () => {
           var l;
           return ((l = Ie(C.currentCountry.value)) == null ? void 0 : l.currency) ?? "MYR";
@@ -109,13 +110,13 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
         const s = l.map((e) => g.skuById[e]).filter((e) => e);
         s.sort((e, p) => e.code.localeCompare(p.code));
         const t = s.map((e) => {
-          var U;
-          const p = (U = o.value) == null ? void 0 : U.find((n) => n.skuId === e._id);
+          var A;
+          const p = (A = o.value) == null ? void 0 : A.find((n) => n.skuId === e._id);
           return p || {
             skuId: e._id,
             defaultCost: e.defaultCost ?? {
               costPerUnit: {
-                currency: d.value,
+                currency: i.value,
                 amount: 0,
                 precision: 2
               }
@@ -126,18 +127,18 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
       });
     }
     function _(c) {
-      var r, l;
-      const d = (l = (r = (o.value ?? []).at(c)) == null ? void 0 : r.defaultCost) == null ? void 0 : l.costPerUnit;
-      return d ? +Ne(d) : 0;
+      var u, l;
+      const i = (l = (u = (o.value ?? []).at(c)) == null ? void 0 : u.defaultCost) == null ? void 0 : l.costPerUnit;
+      return i ? +Ne(i) : 0;
     }
     function I(c, f) {
-      var d;
-      o.value = (d = o.value) == null ? void 0 : d.map((r, l) => l !== c ? r : {
-        ...r,
+      var i;
+      o.value = (i = o.value) == null ? void 0 : i.map((u, l) => l !== c ? u : {
+        ...u,
         defaultCost: {
-          ...r.defaultCost,
+          ...u.defaultCost,
           costPerUnit: {
-            ...r.defaultCost.costPerUnit,
+            ...u.defaultCost.costPerUnit,
             ...qe(+f, 4)
           }
         }
@@ -155,37 +156,37 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
           return "MYR";
       }
     }
-    function A(c) {
+    function $(c) {
       const f = g.skuById[c];
       if (!f)
         return [];
-      const d = f.unit.measurements ?? [];
+      const i = f.unit.measurements ?? [];
       return [
         {
           label: f.unit.abbrev,
           value: null
         },
-        ...d.map((l) => ({
+        ...i.map((l) => ({
           label: l.abbrev,
           value: l
         }))
       ];
     }
-    function S(c) {
-      const d = (o.value ?? []).find((s) => s.skuId === c), r = g.skuById[c];
-      if (!d || !r) return null;
-      const l = A(c);
-      return d.defaultCost.measurement ? l.find((s) => {
+    function x(c) {
+      const i = (o.value ?? []).find((s) => s.skuId === c), u = g.skuById[c];
+      if (!i || !u) return null;
+      const l = $(c);
+      return i.defaultCost.measurement ? l.find((s) => {
         var t, e;
-        return ((t = s.value) == null ? void 0 : t.id) === ((e = d.defaultCost.measurement) == null ? void 0 : e.id);
+        return ((t = s.value) == null ? void 0 : t.id) === ((e = i.defaultCost.measurement) == null ? void 0 : e.id);
       }) : l.find((s) => s.value === null);
     }
     function k(c, f) {
-      const d = o.value ?? [];
-      o.value = d.map((r) => r.skuId !== c ? r : f ? (r.defaultCost.measurement = f, r) : {
-        ...r,
+      const i = o.value ?? [];
+      o.value = i.map((u) => u.skuId !== c ? u : f ? (u.defaultCost.measurement = f, u) : {
+        ...u,
         defaultCost: {
-          ...r.defaultCost,
+          ...u.defaultCost,
           measurement: null
         }
       });
@@ -195,70 +196,82 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
       f.splice(c, 1), o.value = f;
     }
     return (c, f) => {
-      const d = w("FmButton"), r = w("FmTextField"), l = w("FmSelect");
+      const i = w("FmButton"), u = w("FmTextField"), l = w("FmSelect");
       return F(), R("div", Be, [
-        u("div", ze, [
-          Ye,
-          u("div", null, [
-            i(d, {
-              "prepend-icon": "link",
-              label: "Add items",
-              variant: "plain",
-              onClick: v
-            })
-          ])
-        ]),
-        (F(!0), R(_e, null, Se(o.value, (s, t) => {
-          var e, p;
-          return F(), R("div", {
-            key: s.skuId,
-            class: "flex items-center"
-          }, [
-            u("div", Ke, ue((e = m(g).skuById[s.skuId]) == null ? void 0 : e.name), 1),
-            u("div", je, [
-              u("div", Ge, [
-                u("div", He, [
-                  i(r, {
-                    "model-value": _(t),
-                    "onUpdate:modelValue": (x) => I(t, x),
-                    rules: [m(De)(0), m(Te)(2)],
-                    "label-mark": "required"
-                  }, {
-                    prepend: D(() => {
-                      var x, U;
-                      return [
-                        u("div", Oe, ue(b(((x = m(C).currentCountry) == null ? void 0 : x.value) ?? m(ce)) === "MYR" ? "RM" : b(((U = m(C).currentCountry) == null ? void 0 : U.value) ?? m(ce))), 1)
-                      ];
-                    }),
-                    _: 2
-                  }, 1032, ["model-value", "onUpdate:modelValue", "rules"])
+        r("div", Ye, [
+          r("div", Ke, [
+            r("div", je, [
+              d(Le, { "z-index": 50 }, {
+                default: D(() => [
+                  Ge
                 ]),
-                We,
-                u("div", Je, [
-                  i(l, {
-                    items: A(s.skuId),
-                    "model-value": (p = S(s.skuId)) == null ? void 0 : p.value,
-                    "onUpdate:modelValue": (x) => k(s.skuId, x)
-                  }, null, 8, ["items", "model-value", "onUpdate:modelValue"])
-                ]),
-                u("div", null, [
-                  i(d, {
-                    "prepend-icon": "close",
-                    variant: "tertiary",
-                    onClick: (x) => y(t)
-                  }, null, 8, ["onClick"])
+                _: 1
+              })
+            ]),
+            r("div", null, [
+              d(i, {
+                "prepend-icon": "link",
+                label: "Add items",
+                variant: "plain",
+                onClick: v
+              })
+            ])
+          ]),
+          He
+        ]),
+        r("div", Oe, [
+          (F(!0), R(_e, null, xe(o.value, (s, t) => {
+            var e, p;
+            return F(), R("div", {
+              key: s.skuId,
+              class: "flex items-center"
+            }, [
+              r("div", We, ue((e = m(g).skuById[s.skuId]) == null ? void 0 : e.name), 1),
+              r("div", Je, [
+                r("div", Qe, [
+                  r("div", Xe, [
+                    d(u, {
+                      "model-value": _(t),
+                      "onUpdate:modelValue": (S) => I(t, S),
+                      rules: [m(De)(0), m(Te)(2)],
+                      "label-mark": "required"
+                    }, {
+                      prepend: D(() => {
+                        var S, A;
+                        return [
+                          r("div", Ze, ue(b(((S = m(C).currentCountry) == null ? void 0 : S.value) ?? m(ce)) === "MYR" ? "RM" : b(((A = m(C).currentCountry) == null ? void 0 : A.value) ?? m(ce))), 1)
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["model-value", "onUpdate:modelValue", "rules"])
+                  ]),
+                  et,
+                  r("div", tt, [
+                    d(l, {
+                      items: $(s.skuId),
+                      "model-value": (p = x(s.skuId)) == null ? void 0 : p.value,
+                      "onUpdate:modelValue": (S) => k(s.skuId, S)
+                    }, null, 8, ["items", "model-value", "onUpdate:modelValue"])
+                  ]),
+                  r("div", null, [
+                    d(i, {
+                      "prepend-icon": "close",
+                      variant: "tertiary",
+                      onClick: (S) => y(t)
+                    }, null, 8, ["onClick"])
+                  ])
                 ])
               ])
-            ])
-          ]);
-        }), 128))
+            ]);
+          }), 128))
+        ])
       ]);
     };
   }
-}), Xe = { class: "flex flex-col gap-40" }, Ze = { class: "flex flex-col gap-16" }, et = { class: "flex flex-col gap-8" }, tt = /* @__PURE__ */ u("div", { class: "fm-typo-en-title-sm-800" }, "Address", -1), lt = { class: "grid grid-cols-2 gap-24" }, ot = { class: "flex flex-col gap-8" }, st = /* @__PURE__ */ u("div", { class: "fm-typo-en-title-sm-800" }, "Contact", -1), at = { class: "flex flex-col gap-16" }, nt = {
+}), ot = { class: "flex flex-col gap-40" }, st = { class: "flex flex-col gap-16" }, at = { class: "flex flex-col gap-8" }, nt = /* @__PURE__ */ r("div", { class: "fm-typo-en-title-sm-800" }, "Address", -1), rt = { class: "grid grid-cols-2 gap-24" }, ut = { class: "flex flex-col gap-8" }, dt = /* @__PURE__ */ r("div", { class: "fm-typo-en-title-sm-800" }, "Contact", -1), it = { class: "flex flex-col gap-16" }, mt = {
   key: 0,
   class: "flex flex-col gap-8"
-}, rt = /* @__PURE__ */ K({
+}, ct = /* @__PURE__ */ K({
   __name: "SupplierForm",
   props: {
     modelValue: {},
@@ -266,7 +279,7 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
   },
   emits: ["update:modelValue", "validation-success"],
   setup(P, { expose: C, emit: g }) {
-    const a = P, o = g, v = Ae(), _ = V({
+    const a = P, o = g, v = $e(), _ = V({
       get() {
         var t;
         return ((t = a.modelValue) == null ? void 0 : t.name) ?? "";
@@ -293,7 +306,7 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
         const e = a.modelValue ?? {};
         e.address ?? (e.address = {}), e.address.line1 = t, o("update:modelValue", e);
       }
-    }), A = V({
+    }), $ = V({
       get() {
         var t, e;
         return ((e = (t = a.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.line2) ?? "";
@@ -302,7 +315,7 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
         const e = a.modelValue ?? {};
         e.address ?? (e.address = {}), e.address.line2 = t, o("update:modelValue", e);
       }
-    }), S = V({
+    }), x = V({
       get() {
         var t, e;
         return ((e = (t = a.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.city) ?? "";
@@ -347,7 +360,7 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
         const e = a.modelValue ?? {};
         e.contactName = t, o("update:modelValue", e);
       }
-    }), d = V({
+    }), i = V({
       get() {
         var t;
         return ((t = a.modelValue) == null ? void 0 : t.phoneNumber) ?? "";
@@ -356,7 +369,7 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
         const e = a.modelValue ?? {};
         e.phoneNumber = t, o("update:modelValue", e);
       }
-    }), r = V({
+    }), u = V({
       get() {
         var t;
         return ((t = a.modelValue) == null ? void 0 : t.email) ?? "";
@@ -389,77 +402,77 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
         (e = (t = s.value) == null ? void 0 : t.resetInputs) == null || e.call(t);
       }
     }), (t, e) => {
-      const p = w("FmTextField"), x = w("FmPhoneNumber"), U = w("FmForm");
-      return F(), E(U, {
+      const p = w("FmTextField"), S = w("FmPhoneNumber"), A = w("FmForm");
+      return F(), E(A, {
         ref_key: "formRef",
         ref: s,
         onValidationSuccess: e[12] || (e[12] = (n) => o("validation-success"))
       }, {
         default: D(() => [
-          u("div", Xe, [
-            u("div", Ze, [
-              i(p, {
+          r("div", ot, [
+            r("div", st, [
+              d(p, {
                 disabled: t.disabled,
-                rules: [m($)()],
+                rules: [m(U)()],
                 "label-mark": "required",
                 label: "Company name",
                 modelValue: _.value,
                 "onUpdate:modelValue": e[0] || (e[0] = (n) => _.value = n)
               }, null, 8, ["disabled", "rules", "modelValue"]),
-              i(p, {
+              d(p, {
                 disabled: t.disabled,
-                rules: [m($)()],
+                rules: [m(U)()],
                 "label-mark": "required",
                 label: "Registration no.",
                 modelValue: I.value,
                 "onUpdate:modelValue": e[1] || (e[1] = (n) => I.value = n)
               }, null, 8, ["disabled", "rules", "modelValue"])
             ]),
-            u("div", et, [
-              tt,
-              u("div", lt, [
-                i(p, {
+            r("div", at, [
+              nt,
+              r("div", rt, [
+                d(p, {
                   disabled: t.disabled,
-                  rules: [m($)()],
+                  rules: [m(U)()],
                   "label-mark": "required",
                   label: "Line 1",
                   modelValue: b.value,
                   "onUpdate:modelValue": e[2] || (e[2] = (n) => b.value = n)
                 }, null, 8, ["disabled", "rules", "modelValue"]),
-                i(p, {
+                d(p, {
                   disabled: t.disabled,
                   "label-mark": "optional",
                   label: "Line 2",
-                  modelValue: A.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (n) => A.value = n)
+                  modelValue: $.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (n) => $.value = n)
                 }, null, 8, ["disabled", "modelValue"]),
-                i(p, {
+                d(p, {
                   disabled: t.disabled,
-                  rules: [m($)()],
+                  rules: [m(U)()],
                   "label-mark": "required",
                   label: "City",
-                  modelValue: S.value,
-                  "onUpdate:modelValue": e[4] || (e[4] = (n) => S.value = n)
+                  modelValue: x.value,
+                  "onUpdate:modelValue": e[4] || (e[4] = (n) => x.value = n)
                 }, null, 8, ["disabled", "rules", "modelValue"]),
-                i(p, {
+                d(p, {
                   disabled: t.disabled,
-                  rules: [m($)()],
+                  rules: [m(U)()],
                   "label-mark": "required",
                   label: "Postal code",
                   modelValue: k.value,
                   "onUpdate:modelValue": e[5] || (e[5] = (n) => k.value = n)
                 }, null, 8, ["disabled", "rules", "modelValue"]),
-                i(p, {
+                d(p, {
                   disabled: t.disabled,
-                  rules: [m($)()],
+                  rules: [m(U)()],
                   "label-mark": "required",
                   label: "State",
                   modelValue: y.value,
                   "onUpdate:modelValue": e[6] || (e[6] = (n) => y.value = n)
                 }, null, 8, ["disabled", "rules", "modelValue"]),
-                i(p, {
+                d(p, {
                   disabled: t.disabled,
-                  rules: [m($)()],
+                  rules: [m(U)()],
                   "label-mark": "required",
                   label: "Country",
                   modelValue: c.value,
@@ -467,36 +480,36 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
                 }, null, 8, ["disabled", "rules", "modelValue"])
               ])
             ]),
-            u("div", ot, [
-              st,
-              u("div", at, [
-                i(p, {
+            r("div", ut, [
+              dt,
+              r("div", it, [
+                d(p, {
                   disabled: t.disabled,
-                  rules: [m($)()],
+                  rules: [m(U)()],
                   "label-mark": "required",
                   label: "PIC",
                   modelValue: f.value,
                   "onUpdate:modelValue": e[8] || (e[8] = (n) => f.value = n)
                 }, null, 8, ["disabled", "rules", "modelValue"]),
-                i(x, {
+                d(S, {
                   disabled: t.disabled,
-                  rules: [m($)()],
+                  rules: [m(U)()],
                   "label-mark": "required",
                   label: "Phone number",
-                  modelValue: d.value,
-                  "onUpdate:modelValue": e[9] || (e[9] = (n) => d.value = n)
+                  modelValue: i.value,
+                  "onUpdate:modelValue": e[9] || (e[9] = (n) => i.value = n)
                 }, null, 8, ["disabled", "rules", "modelValue"]),
-                i(p, {
+                d(p, {
                   disabled: t.disabled,
                   "label-mark": "optional",
                   label: "Email",
-                  modelValue: r.value,
-                  "onUpdate:modelValue": e[10] || (e[10] = (n) => r.value = n)
+                  modelValue: u.value,
+                  "onUpdate:modelValue": e[10] || (e[10] = (n) => u.value = n)
                 }, null, 8, ["disabled", "modelValue"])
               ])
             ]),
-            m(v).enableTotalCost ? (F(), R("div", nt, [
-              i(Qe, {
+            m(v).enableTotalCost ? (F(), R("div", mt, [
+              d(lt, {
                 modelValue: l.value,
                 "onUpdate:modelValue": e[11] || (e[11] = (n) => l.value = n)
               }, null, 8, ["modelValue"])
@@ -507,7 +520,7 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
       }, 512);
     };
   }
-}), ut = { class: "flex gap-4" }, dt = /* @__PURE__ */ K({
+}), pt = { class: "flex gap-4" }, ft = /* @__PURE__ */ K({
   __name: "SupplierDialog",
   props: {
     mode: {},
@@ -526,7 +539,7 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
           return "Edit supplier";
       }
       return "";
-    }), A = V(() => {
+    }), $ = V(() => {
       switch (a.mode) {
         case h.READ:
           return "";
@@ -536,37 +549,37 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
           return "Add";
       }
       return "";
-    }), S = T();
+    }), x = T();
     C({
       validateInputs: () => {
         var l, s;
-        (s = (l = S.value) == null ? void 0 : l.validateInputs) == null || s.call(l);
+        (s = (l = x.value) == null ? void 0 : l.validateInputs) == null || s.call(l);
       },
       resetInputsValidation: () => {
         var l, s;
-        (s = (l = S.value) == null ? void 0 : l.resetInputsValidation) == null || s.call(l);
+        (s = (l = x.value) == null ? void 0 : l.resetInputsValidation) == null || s.call(l);
       },
       resetInputs: () => {
         var l, s;
-        (s = (l = S.value) == null ? void 0 : l.resetInputs) == null || s.call(l);
+        (s = (l = x.value) == null ? void 0 : l.resetInputs) == null || s.call(l);
       }
     });
     const k = pe(a, "show"), y = pe(a, "supplier");
     function c() {
       var l, s;
-      (s = (l = S.value) == null ? void 0 : l.validateInputs) == null || s.call(l);
+      (s = (l = x.value) == null ? void 0 : l.validateInputs) == null || s.call(l);
     }
     function f() {
       switch (a.mode) {
         case h.READ:
           return;
         case h.UPDATE:
-          return r();
+          return u();
         case h.CREATE:
-          return d();
+          return i();
       }
     }
-    async function d() {
+    async function i() {
       v.value = !0;
       try {
         await Promise.all([
@@ -587,7 +600,7 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
         v.value = !1;
       }
     }
-    async function r() {
+    async function u() {
       if (y.value === null) {
         _.open({
           title: "Something went wrong",
@@ -629,12 +642,12 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
         default: D(() => {
           var p;
           return [
-            (F(), E(rt, {
+            (F(), E(ct, {
               class: "w-full",
               ref_key: "formRef",
-              ref: S,
+              ref: x,
               modelValue: m(y),
-              "onUpdate:modelValue": s[0] || (s[0] = (x) => de(y) ? y.value = x : null),
+              "onUpdate:modelValue": s[0] || (s[0] = (S) => de(y) ? y.value = S : null),
               onValidationSuccess: f,
               key: ((p = l.supplier) == null ? void 0 : p._id) ?? "",
               disabled: v.value
@@ -642,10 +655,10 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
           ];
         }),
         "side-sheet-footer": D(() => [
-          u("div", ut, [
-            i(t, {
+          r("div", pt, [
+            d(t, {
               loading: v.value,
-              label: A.value,
+              label: $.value,
               onClick: c
             }, null, 8, ["loading", "label"])
           ])
@@ -654,13 +667,13 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
       }, 8, ["header", "modelValue", "dismiss-away"]);
     };
   }
-}), it = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, mt = { class: "px-8 flex gap-8 items-center xs:gap-0 xs:flex-col-reverse sm:gap-0 sm:flex-col-reverse" }, ct = { class: "xs:w-full sm:w-full flex gap-8 items-center overflow-x-auto no-scrollbar py-8" }, pt = { class: "flex-grow xs:w-full" }, ft = { class: "flex flex-col py-8" }, vt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, bt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, yt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Vt = {
+}), vt = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, bt = { class: "px-8 flex gap-8 items-center xs:gap-0 xs:flex-col-reverse sm:gap-0 sm:flex-col-reverse" }, yt = { class: "xs:w-full sm:w-full flex gap-8 items-center overflow-x-auto no-scrollbar py-8" }, Vt = { class: "flex-grow xs:w-full" }, gt = { class: "flex flex-col py-8" }, _t = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, xt = { 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" }, Ct = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, $t = /* @__PURE__ */ K({
+}, Et = /* @__PURE__ */ K({
   __name: "SupplierView",
   setup(P) {
-    const C = ve(), g = Ue(), a = T(!1), o = be(), v = ye();
+    const C = ve(), g = Ae(), a = T(!1), o = be(), v = ye();
     g.watchLocation(_);
     async function _(t) {
       if (t) {
@@ -678,10 +691,10 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
       }
     }
     const I = V(() => C.suppliers), b = T({});
-    function A() {
+    function $() {
       b.value.mode = h.CREATE, b.value.supplier = {}, b.value.show = !0;
     }
-    function S(t) {
+    function x(t) {
       b.value.mode = h.UPDATE, b.value.supplier = t, b.value.show = !0;
     }
     async function k(t) {
@@ -720,73 +733,73 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
         o.close();
       }
     }
-    const { columnDefs: c } = Le(S, k);
+    const { columnDefs: c } = ze(x, k);
     function f(t) {
-      t === "create" && A();
+      t === "create" && $();
     }
-    const d = T(""), { breakpoints: r } = $e(), l = V(() => r.value.xs || r.value.sm ? 10 : 20), s = ke();
+    const i = T(""), { breakpoints: u } = Ue(), l = V(() => u.value.xs || u.value.sm ? 10 : 20), s = ke();
     return (t, e) => {
-      const p = w("FmTableToolbar"), x = w("FmMenuDivider"), U = w("FmTable");
+      const p = w("FmTableToolbar"), S = w("FmMenuDivider"), A = w("FmTable");
       return F(), E(Pe, {
         title: "Supplier",
         actions: [{ label: "Create supplier", value: "create", isPrimary: !0, prependIcon: "add" }],
         "onClick:action": f
       }, {
         default: D(() => [
-          u("div", it, [
-            u("div", mt, [
-              u("div", ct, [
-                i(Me)
+          r("div", vt, [
+            r("div", bt, [
+              r("div", yt, [
+                d(Me)
               ]),
-              u("div", pt, [
-                i(p, {
+              r("div", Vt, [
+                d(p, {
                   searchable: "",
-                  "search-model": d.value,
-                  "onUpdate:searchModel": e[0] || (e[0] = (n) => d.value = n)
+                  "search-model": i.value,
+                  "onUpdate:searchModel": e[0] || (e[0] = (n) => i.value = n)
                 }, null, 8, ["search-model"]),
-                i(x, { class: "hidden xs:block" })
+                d(S, { class: "hidden xs:block" })
               ])
             ]),
-            i(U, {
-              style: xe(m(s).tableHeight),
+            d(A, {
+              style: Se(m(s).tableHeight),
               "column-defs": m(c),
               "row-data": I.value,
-              "search-value": d.value,
+              "search-value": i.value,
               loading: !m(g)._currentLocation || a.value,
-              onRowClick: e[1] || (e[1] = (n) => S(n.original)),
+              onRowClick: e[1] || (e[1] = (n) => x(n.original)),
               "page-size": l.value
             }, {
               "list-row": D((n) => [
-                i(we, {
+                d(we, {
                   row: n,
-                  onRowClick: S
+                  onRowClick: x
                 }, {
                   default: D((M) => {
-                    var G, H, O, N, W, J, Q, X, q, Z, ee, te, le, L, oe, se, ae, ne, B, re;
+                    var G, H, O, N, W, J, Q, X, q, Z, ee, te, le, L, oe, se, ae, ne, z, re;
                     return [
-                      u("div", ft, [
-                        u("div", vt, [
-                          i(m(Y), {
+                      r("div", gt, [
+                        r("div", _t, [
+                          d(m(Y), {
                             render: (O = (H = (G = M.name) == null ? void 0 : G.column) == null ? void 0 : H.columnDef) == null ? void 0 : O.cell,
                             props: (W = (N = M.name) == null ? void 0 : N.getContext) == null ? void 0 : W.call(N)
                           }, null, 8, ["render", "props"])
                         ]),
-                        u("div", bt, [
-                          i(m(Y), {
+                        r("div", xt, [
+                          d(m(Y), {
                             render: (X = (Q = (J = M.contactName) == null ? void 0 : J.column) == null ? void 0 : Q.columnDef) == null ? void 0 : X.cell,
                             props: (Z = (q = M.contactName) == null ? void 0 : q.getContext) == null ? void 0 : Z.call(q)
                           }, null, 8, ["render", "props"])
                         ]),
-                        u("div", yt, [
-                          i(m(Y), {
+                        r("div", St, [
+                          d(m(Y), {
                             render: (le = (te = (ee = M.phoneNumber) == null ? void 0 : ee.column) == null ? void 0 : te.columnDef) == null ? void 0 : le.cell,
                             props: (oe = (L = M.phoneNumber) == null ? void 0 : L.getContext) == null ? void 0 : oe.call(L)
                           }, null, 8, ["render", "props"])
                         ]),
-                        n.original.email ? (F(), R("div", Vt, [
-                          i(m(Y), {
+                        n.original.email ? (F(), R("div", Ct, [
+                          d(m(Y), {
                             render: (ne = (ae = (se = M.email) == null ? void 0 : se.column) == null ? void 0 : ae.columnDef) == null ? void 0 : ne.cell,
-                            props: (re = (B = M.email) == null ? void 0 : B.getContext) == null ? void 0 : re.call(B)
+                            props: (re = (z = M.email) == null ? void 0 : z.getContext) == null ? void 0 : re.call(z)
                           }, null, 8, ["render", "props"])
                         ])) : fe("", !0)
                       ])
@@ -799,7 +812,7 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
             }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
           ]),
           (F(), E(Ce, { to: "body" }, [
-            i(dt, {
+            d(ft, {
               show: b.value.show,
               "onUpdate:show": e[2] || (e[2] = (n) => b.value.show = n),
               supplier: b.value.supplier,
@@ -814,5 +827,5 @@ const Be = { class: "flex flex-col gap-4" }, ze = { class: "flex items-center ga
   }
 });
 export {
-  $t as default
+  Et as default
 };