@feedmepos/mf-inventory-portal 0.0.19-dev.1 → 0.0.19-dev.2

package/dist/SupplierView-BiSqTXnz.js

@@ -0,0 +1,804 @@
+import { defineComponent as O, mergeModels as ge, computed as S, useModel as _e, resolveComponent as N, openBlock as $, createElementBlock as E, createElementVNode as d, createVNode as v, withCtx as R, toDisplayString as F, unref as l, Fragment as he, renderList as Se, ref as P, createBlock as T, createCommentVNode as ve, isRef as ie, normalizeStyle as xe, Teleport as ke } from "vue";
+import { u as fe } from "./supplier-CA0OR3DU.js";
+import { D as me, R as G, F as I } from "./row-action.enum-BwQbURNh.js";
+import { c as we, _ as Ce, F as j, u as Ie } from "./layout-ITqYtCVu.js";
+import { c as Q, u as ye, d as pe, g as Me, C as J, e as $e, a as Ae, f as Ue } from "./app-RVyC2D4O.js";
+import { useI18n as B, useCoreStore as De } from "@feedmepos/mf-common";
+import { useDialog as be, useSnackbar as Ve, useProxiedModel as ce, useBreakpoints as Re } from "@feedmepos/ui-library";
+import { _ as Fe, a as Ne } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DaHXKF1s.js";
+import { R as A } from "./rules-CCwuHe8Y.js";
+import { _ as Pe } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-CxOk5ule.js";
+import { _ as Ee } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-BvadeWUz.js";
+import { _ as Te } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-D-vJDMKb.js";
+function Be(U, C) {
+  const { t: _ } = B();
+  function s(f, n) {
+    if (f === G.Edit) {
+      U(Q(n));
+      return;
+    }
+    if (f === G.Delete) {
+      C(Q(n));
+      return;
+    }
+  }
+  return { columnDefs: [
+    {
+      accessorKey: "name",
+      header: _("inventory.supplier.table.supplier"),
+      enableSorting: !0,
+      size: 200
+    },
+    {
+      accessorKey: "contactName",
+      header: _("inventory.supplier.table.pic"),
+      enableSorting: !1,
+      size: 250
+    },
+    {
+      accessorKey: "phoneNumber",
+      header: _("inventory.supplier.table.contact"),
+      enableSorting: !1,
+      size: 200
+    },
+    {
+      accessorKey: "email",
+      header: _("inventory.supplier.table.email"),
+      enableSorting: !1,
+      size: "auto"
+    },
+    {
+      id: "action",
+      header: "",
+      cell(f) {
+        return we(
+          [me[G.Edit], me[G.Delete]],
+          (n) => {
+            s(n, f.row.original);
+          }
+        );
+      },
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ] };
+}
+const qe = { class: "flex flex-col gap-12" }, ze = { class: "flex flex-col" }, Le = { class: "flex items-center gap-8 py-8" }, Ye = { class: "flex-1" }, Ke = { class: "fm-typo-en-title-sm-800" }, He = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ge = { class: "flex flex-col gap-4" }, je = { class: "flex-1" }, Oe = { class: "flex flex-col" }, Je = { class: "fm-typo-en-body-lg-400" }, Qe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, We = { class: "flex-1" }, Xe = { class: "flex" }, Ze = { class: "text-fm-color-typo-secondary" }, et = /* @__PURE__ */ O({
+  __name: "SupplierSupplyItemField",
+  props: /* @__PURE__ */ ge({
+    modelValue: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(U) {
+    const C = De(), _ = ye(), s = S(() => _.skus), c = be(), { t: f } = B(), n = _e(U, "modelValue");
+    function g() {
+      var y;
+      const i = _.skus.map((r) => ({
+        label: r.name,
+        sublabel: r.code,
+        value: r._id
+      })), h = ((y = n.value) == null ? void 0 : y.map((r) => r.skuId)) ?? [], k = S(
+        () => {
+          var r;
+          return ((r = Me(C.currentCountry.value)) == null ? void 0 : r.currency) ?? "MYR";
+        }
+      );
+      c.open({
+        title: f("inventory.supplier.supplyItems.selectItem"),
+        closeButton: !0,
+        contentComponent: Pe,
+        contentComponentProps: {
+          modelValue: h,
+          items: i
+        },
+        primaryActions: {
+          text: "Confirm",
+          close: !0
+        },
+        secondaryActions: {
+          text: "Close",
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((r) => {
+        const o = r.map((a) => _.skuById[a]).filter((a) => a);
+        o.sort((a, u) => a.code.localeCompare(u.code));
+        const p = o.map((a) => {
+          var e;
+          const u = (e = n.value) == null ? void 0 : e.find((b) => b.skuId === a._id);
+          return u || {
+            skuId: a._id,
+            defaultCost: a.defaultCost ?? {
+              costPerUnit: {
+                currency: k.value,
+                amount: 0,
+                precision: 2
+              }
+            }
+          };
+        });
+        n.value = p;
+      });
+    }
+    function V(i) {
+      switch (i) {
+        case J.MY:
+          return "MYR";
+        case J.SG:
+          return "SGD";
+        case J.ID:
+          return "IDR";
+        default:
+          return "MYR";
+      }
+    }
+    function x(i) {
+      const h = [...(n == null ? void 0 : n.value) ?? []];
+      h.splice(i, 1), n.value = h;
+    }
+    function D(i) {
+      var y;
+      const h = i.skuId, k = (y = s.value.find((r) => r._id === h)) == null ? void 0 : y.unit;
+      if (!k)
+        throw new Error(`Cannot find ingredient: ${h}`);
+      return k;
+    }
+    function w(i) {
+      return {
+        amount: i.defaultCost.costPerUnit,
+        measurement: i.defaultCost.measurement
+      };
+    }
+    function M(i, h) {
+      const y = (n.value ?? []).map((r) => r.skuId !== i.skuId ? r : {
+        ...r,
+        defaultCost: {
+          ...r.defaultCost,
+          measurement: h.measurement,
+          costPerUnit: {
+            ...r.defaultCost.costPerUnit,
+            ...h.amount
+          }
+        }
+      });
+      n.value = y;
+    }
+    return (i, h) => {
+      const k = N("FmButton");
+      return $(), E("div", qe, [
+        d("div", ze, [
+          d("div", Le, [
+            d("div", Ye, [
+              v(Ee, { "z-index": 50 }, {
+                default: R(() => [
+                  d("div", Ke, F(l(f)("inventory.supplier.supplyItems.title")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            d("div", null, [
+              v(k, {
+                "prepend-icon": "link",
+                label: l(f)("inventory.supplier.supplyItems.addItems"),
+                variant: "plain",
+                onClick: g
+              }, null, 8, ["label"])
+            ])
+          ]),
+          d("div", He, F(l(f)("inventory.supplier.supplyItems.overridePriceHint")), 1)
+        ]),
+        d("div", Ge, [
+          ($(!0), E(he, null, Se(n.value, (y, r) => {
+            var o, p, a;
+            return $(), E("div", {
+              key: y.skuId,
+              class: "flex"
+            }, [
+              d("div", je, [
+                d("div", Oe, [
+                  d("div", Je, F((o = l(_).skuById[y.skuId]) == null ? void 0 : o.name), 1),
+                  d("div", Qe, F((p = l(_).skuById[y.skuId]) == null ? void 0 : p.code), 1)
+                ])
+              ]),
+              d("div", We, [
+                d("div", Xe, [
+                  v(Te, {
+                    "model-value": w(y),
+                    unit: D(y),
+                    "onUpdate:modelValue": (u) => M(y, u),
+                    placement: n.value && r === ((a = n.value) == null ? void 0 : a.length) - 1 ? "top" : "bottom",
+                    separator: "/",
+                    "apply-default-rules": "",
+                    precision: 4,
+                    "format-minimum-precision": 2
+                  }, {
+                    prepend: R(() => {
+                      var u, t;
+                      return [
+                        d("div", Ze, F(V(((u = l(C).currentCountry) == null ? void 0 : u.value) ?? l(pe)) === "MYR" ? "RM" : V(((t = l(C).currentCountry) == null ? void 0 : t.value) ?? l(pe))), 1)
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["model-value", "unit", "onUpdate:modelValue", "placement"]),
+                  d("div", null, [
+                    v(k, {
+                      "prepend-icon": "close",
+                      variant: "tertiary",
+                      onClick: (u) => x(r)
+                    }, null, 8, ["onClick"])
+                  ])
+                ])
+              ])
+            ]);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+}), tt = { class: "flex flex-col gap-40" }, lt = { class: "flex flex-col gap-16" }, ot = { class: "flex flex-col gap-8" }, st = { class: "fm-typo-en-title-sm-800" }, nt = { class: "grid grid-cols-2 gap-24" }, at = { class: "flex flex-col gap-8" }, rt = { class: "fm-typo-en-title-sm-800" }, ut = { class: "flex flex-col gap-16" }, dt = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, it = /* @__PURE__ */ O({
+  __name: "SupplierForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "validation-success"],
+  setup(U, { expose: C, emit: _ }) {
+    const s = U, c = _, f = Ae(), n = ye(), g = S(() => $e(n.skus, "_id")), { t: V } = B(), x = S({
+      get() {
+        var t;
+        return ((t = s.modelValue) == null ? void 0 : t.name) ?? "";
+      },
+      set(t) {
+        const e = s.modelValue ?? {};
+        e.name = t, c("update:modelValue", e);
+      }
+    }), D = S({
+      get() {
+        var t;
+        return ((t = s.modelValue) == null ? void 0 : t.registrationNumber) ?? "";
+      },
+      set(t) {
+        const e = s.modelValue ?? {};
+        e.registrationNumber = t, c("update:modelValue", e);
+      }
+    }), w = S({
+      get() {
+        var t, e;
+        return ((e = (t = s.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.line1) ?? "";
+      },
+      set(t) {
+        const e = s.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.line1 = t, c("update:modelValue", e);
+      }
+    }), M = S({
+      get() {
+        var t, e;
+        return ((e = (t = s.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.line2) ?? "";
+      },
+      set(t) {
+        const e = s.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.line2 = t, c("update:modelValue", e);
+      }
+    }), i = S({
+      get() {
+        var t, e;
+        return ((e = (t = s.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.city) ?? "";
+      },
+      set(t) {
+        const e = s.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.city = t, c("update:modelValue", e);
+      }
+    }), h = S({
+      get() {
+        var t, e;
+        return ((e = (t = s.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.postcode) ?? "";
+      },
+      set(t) {
+        const e = s.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.postcode = t, c("update:modelValue", e);
+      }
+    }), k = S({
+      get() {
+        var t, e;
+        return ((e = (t = s.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.state) ?? "";
+      },
+      set(t) {
+        const e = s.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.state = t, c("update:modelValue", e);
+      }
+    }), y = S({
+      get() {
+        var t, e;
+        return ((e = (t = s.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.country) ?? "";
+      },
+      set(t) {
+        const e = s.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.country = t, c("update:modelValue", e);
+      }
+    }), r = S({
+      get() {
+        var t;
+        return ((t = s.modelValue) == null ? void 0 : t.contactName) ?? "";
+      },
+      set(t) {
+        const e = s.modelValue ?? {};
+        e.contactName = t, c("update:modelValue", e);
+      }
+    }), o = S({
+      get() {
+        var t;
+        return ((t = s.modelValue) == null ? void 0 : t.phoneNumber) ?? "";
+      },
+      set(t) {
+        const e = s.modelValue ?? {};
+        e.phoneNumber = t, c("update:modelValue", e);
+      }
+    }), p = S({
+      get() {
+        var t;
+        return ((t = s.modelValue) == null ? void 0 : t.email) ?? "";
+      },
+      set(t) {
+        const e = s.modelValue ?? {};
+        e.email = t, c("update:modelValue", e);
+      }
+    }), a = S({
+      get() {
+        var e;
+        return (((e = s.modelValue) == null ? void 0 : e.supplyItems) ?? []).filter((b) => g.value[b.skuId]);
+      },
+      set(t) {
+        const e = s.modelValue ?? {};
+        e.supplyItems = t, c("update:modelValue", e);
+      }
+    }), u = P();
+    return C({
+      validateInputs: () => {
+        var t, e;
+        (e = (t = u.value) == null ? void 0 : t.validateInputs) == null || e.call(t);
+      },
+      resetInputsValidation: () => {
+        var t, e;
+        (e = (t = u.value) == null ? void 0 : t.resetInputsValidation) == null || e.call(t);
+      },
+      resetInputs: () => {
+        var t, e;
+        (e = (t = u.value) == null ? void 0 : t.resetInputs) == null || e.call(t);
+      }
+    }), (t, e) => {
+      const b = N("FmTextField"), q = N("FmPhoneNumber"), z = N("FmForm");
+      return $(), T(z, {
+        ref_key: "formRef",
+        ref: u,
+        onValidationSuccess: e[12] || (e[12] = (m) => c("validation-success"))
+      }, {
+        default: R(() => [
+          d("div", tt, [
+            d("div", lt, [
+              v(b, {
+                disabled: t.disabled,
+                rules: [l(A)()],
+                "label-mark": "required",
+                label: l(V)("inventory.supplier.companyName"),
+                modelValue: x.value,
+                "onUpdate:modelValue": e[0] || (e[0] = (m) => x.value = m)
+              }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+              v(b, {
+                disabled: t.disabled,
+                rules: [l(A)()],
+                "label-mark": "required",
+                label: l(V)("inventory.supplier.registrationNo"),
+                modelValue: D.value,
+                "onUpdate:modelValue": e[1] || (e[1] = (m) => D.value = m)
+              }, null, 8, ["disabled", "rules", "label", "modelValue"])
+            ]),
+            d("div", ot, [
+              d("div", st, F(l(V)("inventory.supplier.address.title")), 1),
+              d("div", nt, [
+                v(b, {
+                  disabled: t.disabled,
+                  rules: [l(A)()],
+                  "label-mark": "required",
+                  label: l(V)("inventory.supplier.address.line1"),
+                  modelValue: w.value,
+                  "onUpdate:modelValue": e[2] || (e[2] = (m) => w.value = m)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+                v(b, {
+                  disabled: t.disabled,
+                  "label-mark": "optional",
+                  label: l(V)("inventory.supplier.address.line2"),
+                  modelValue: M.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (m) => M.value = m)
+                }, null, 8, ["disabled", "label", "modelValue"]),
+                v(b, {
+                  disabled: t.disabled,
+                  rules: [l(A)()],
+                  "label-mark": "required",
+                  label: l(V)("inventory.supplier.address.city"),
+                  modelValue: i.value,
+                  "onUpdate:modelValue": e[4] || (e[4] = (m) => i.value = m)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+                v(b, {
+                  disabled: t.disabled,
+                  rules: [l(A)()],
+                  "label-mark": "required",
+                  label: l(V)("inventory.supplier.address.postcode"),
+                  modelValue: h.value,
+                  "onUpdate:modelValue": e[5] || (e[5] = (m) => h.value = m)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+                v(b, {
+                  disabled: t.disabled,
+                  rules: [l(A)()],
+                  "label-mark": "required",
+                  label: l(V)("inventory.supplier.address.state"),
+                  modelValue: k.value,
+                  "onUpdate:modelValue": e[6] || (e[6] = (m) => k.value = m)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+                v(b, {
+                  disabled: t.disabled,
+                  rules: [l(A)()],
+                  "label-mark": "required",
+                  label: l(V)("inventory.supplier.address.country"),
+                  modelValue: y.value,
+                  "onUpdate:modelValue": e[7] || (e[7] = (m) => y.value = m)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"])
+              ])
+            ]),
+            d("div", at, [
+              d("div", rt, F(l(V)("inventory.supplier.contact.title")), 1),
+              d("div", ut, [
+                v(b, {
+                  disabled: t.disabled,
+                  rules: [l(A)()],
+                  "label-mark": "required",
+                  label: l(V)("inventory.supplier.contact.pic"),
+                  modelValue: r.value,
+                  "onUpdate:modelValue": e[8] || (e[8] = (m) => r.value = m)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+                v(q, {
+                  disabled: t.disabled,
+                  rules: [l(A)()],
+                  "label-mark": "required",
+                  label: l(V)("inventory.supplier.contact.phoneNumber"),
+                  modelValue: o.value,
+                  "onUpdate:modelValue": e[9] || (e[9] = (m) => o.value = m)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+                v(b, {
+                  disabled: t.disabled,
+                  "label-mark": "optional",
+                  label: l(V)("inventory.supplier.contact.email"),
+                  modelValue: p.value,
+                  "onUpdate:modelValue": e[10] || (e[10] = (m) => p.value = m)
+                }, null, 8, ["disabled", "label", "modelValue"])
+              ])
+            ]),
+            l(f).enableTotalCost ? ($(), E("div", dt, [
+              v(et, {
+                modelValue: a.value,
+                "onUpdate:modelValue": e[11] || (e[11] = (m) => a.value = m)
+              }, null, 8, ["modelValue"])
+            ])) : ve("", !0)
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), mt = { class: "flex gap-4" }, pt = /* @__PURE__ */ O({
+  __name: "SupplierDialog",
+  props: {
+    mode: {},
+    supplier: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(U, { expose: C, emit: _ }) {
+    const s = U, c = _, f = P(!1), n = Ve(), { t: g } = B(), V = fe(), x = S(() => {
+      switch (s.mode) {
+        case I.READ:
+          return "";
+        case I.UPDATE:
+          return g("inventory.supplier.update.title");
+        case I.CREATE:
+          return g("inventory.supplier.create.title");
+      }
+      return "";
+    }), D = S(() => {
+      switch (s.mode) {
+        case I.READ:
+          return "";
+        case I.UPDATE:
+          return g("common.save");
+        case I.CREATE:
+          return g("common.add");
+      }
+      return "";
+    }), w = P();
+    C({
+      validateInputs: () => {
+        var o, p;
+        (p = (o = w.value) == null ? void 0 : o.validateInputs) == null || p.call(o);
+      },
+      resetInputsValidation: () => {
+        var o, p;
+        (p = (o = w.value) == null ? void 0 : o.resetInputsValidation) == null || p.call(o);
+      },
+      resetInputs: () => {
+        var o, p;
+        (p = (o = w.value) == null ? void 0 : o.resetInputs) == null || p.call(o);
+      }
+    });
+    const M = ce(s, "show"), i = ce(s, "supplier");
+    function h() {
+      var o, p;
+      (p = (o = w.value) == null ? void 0 : o.validateInputs) == null || p.call(o);
+    }
+    function k() {
+      switch (s.mode) {
+        case I.READ:
+          return;
+        case I.UPDATE:
+          return r();
+        case I.CREATE:
+          return y();
+      }
+    }
+    async function y() {
+      f.value = !0;
+      try {
+        await Promise.all([
+          V.createSupplier(i.value),
+          new Promise((o) => setTimeout(o, 1e3))
+        ]), n.open({
+          title: g("common.success"),
+          message: g("inventory.supplier.create.success", { name: i.value.name }),
+          type: "success"
+        }), c("update:show", !1), c("submitted");
+      } catch (o) {
+        n.open({
+          title: "Something went wrong",
+          message: `Cannot create ${i.value.name} supplier. Please try again`,
+          type: "error"
+        }), console.error("cannot create supplier", o);
+      } finally {
+        f.value = !1;
+      }
+    }
+    async function r() {
+      if (i.value === null) {
+        n.open({
+          title: g("inventory.supplier.update.error.title"),
+          message: g("inventory.supplier.update.error.emptySupplier"),
+          type: "error"
+        });
+        return;
+      }
+      f.value = !0;
+      try {
+        await Promise.all([
+          V.updateSupplier(i.value),
+          new Promise((o) => setTimeout(o, 1e3))
+        ]), n.open({
+          title: g("common.success"),
+          message: g("inventory.supplier.update.success", { name: i.value.name }),
+          type: "success"
+        }), c("update:show", !1), c("submitted");
+      } catch (o) {
+        n.open({
+          title: g("inventory.supplier.update.error.title"),
+          message: g("inventory.supplier.update.error.message"),
+          type: "error"
+        }), console.error("cannot update supplier", o);
+      } finally {
+        f.value = !1;
+      }
+    }
+    return (o, p) => {
+      const a = N("FmButton"), u = N("FmSideSheet");
+      return $(), T(u, {
+        header: x.value,
+        modelValue: l(M),
+        "onUpdate:modelValue": p[1] || (p[1] = (t) => ie(M) ? M.value = t : null),
+        "dismiss-away": !f.value,
+        "close-button": "",
+        "max-width": 500
+      }, {
+        default: R(() => {
+          var t;
+          return [
+            ($(), T(it, {
+              class: "w-full",
+              ref_key: "formRef",
+              ref: w,
+              modelValue: l(i),
+              "onUpdate:modelValue": p[0] || (p[0] = (e) => ie(i) ? i.value = e : null),
+              onValidationSuccess: k,
+              key: ((t = o.supplier) == null ? void 0 : t._id) ?? "",
+              disabled: f.value
+            }, null, 8, ["modelValue", "disabled"]))
+          ];
+        }),
+        "side-sheet-footer": R(() => [
+          d("div", mt, [
+            v(a, {
+              loading: f.value,
+              label: D.value,
+              onClick: h
+            }, null, 8, ["loading", "label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["header", "modelValue", "dismiss-away"]);
+    };
+  }
+}), ct = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, vt = { class: "flex flex-col py-8" }, ft = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, yt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, bt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Vt = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Ut = /* @__PURE__ */ O({
+  __name: "SupplierView",
+  setup(U) {
+    const C = fe(), _ = Ue(), s = P(!1), c = be(), f = Ve(), { t: n } = B();
+    _.watchLocation(g);
+    async function g(a) {
+      if (a) {
+        s.value = !0;
+        try {
+          await C.readSuppliers();
+        } catch {
+          f.open({
+            title: "Cannot fetch supplier list",
+            type: "error"
+          });
+        } finally {
+          s.value = !1;
+        }
+      }
+    }
+    const V = S(() => C.suppliers), x = P({});
+    function D() {
+      x.value.mode = I.CREATE, x.value.supplier = {}, x.value.show = !0;
+    }
+    function w(a) {
+      x.value.mode = I.UPDATE, x.value.supplier = Q(a), x.value.show = !0;
+    }
+    async function M(a) {
+      c.open({
+        title: n("inventory.supplier.delete.confirm"),
+        message: n("inventory.supplier.delete.confirmMessage", { name: a.name }),
+        primaryActions: {
+          text: n("common.delete"),
+          close: !0,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: n("common.cancel"),
+          close: !0
+        }
+      }).onPrimary(() => i(a));
+    }
+    async function i(a) {
+      c.open({
+        title: n("inventory.supplier.deletingSupplier"),
+        closeButton: !1
+      });
+      try {
+        await C.deleteSupplier(a), f.open({
+          title: n("inventory.supplier.delete.success"),
+          message: n("inventory.supplier.delete.successMessage", { name: a == null ? void 0 : a.name }),
+          type: "success"
+        }), g(_.currentLocation);
+      } catch (u) {
+        f.open({
+          title: n("inventory.supplier.delete.error"),
+          message: n("inventory.supplier.delete.errorMessage", { name: a == null ? void 0 : a.name }),
+          type: "error"
+        }), console.error("failed to delete supplier", u);
+      } finally {
+        c.close();
+      }
+    }
+    const { columnDefs: h } = Be(w, M);
+    function k(a) {
+      a === "create" && D();
+    }
+    const y = P(""), { breakpoints: r } = Re(), o = S(() => r.value.xs || r.value.sm ? 10 : 20), p = Ie();
+    return (a, u) => {
+      const t = N("FmTable");
+      return $(), T(Fe, {
+        title: l(n)("inventory.supplier.title"),
+        actions: [
+          {
+            label: l(n)("inventory.supplier.create.title"),
+            value: "create",
+            isPrimary: !0,
+            prependIcon: "add"
+          }
+        ],
+        "onClick:action": k
+      }, {
+        default: R(() => [
+          d("div", ct, [
+            v(Ne, {
+              searchable: "",
+              "change-location": "",
+              search: y.value,
+              "onUpdate:search": u[0] || (u[0] = (e) => y.value = e)
+            }, null, 8, ["search"]),
+            v(t, {
+              style: xe(l(p).tableHeight),
+              "column-defs": l(h),
+              "row-data": V.value,
+              "search-value": y.value,
+              loading: !l(_)._currentLocation || s.value,
+              onRowClick: u[1] || (u[1] = (e) => w(e.original)),
+              "page-size": o.value
+            }, {
+              "list-row": R((e) => [
+                v(Ce, {
+                  row: e,
+                  onRowClick: w
+                }, {
+                  default: R((b) => {
+                    var q, z, m, L, W, X, Z, ee, Y, te, le, oe, se, K, ne, ae, re, ue, H, de;
+                    return [
+                      d("div", vt, [
+                        d("div", ft, [
+                          v(l(j), {
+                            render: (m = (z = (q = b.name) == null ? void 0 : q.column) == null ? void 0 : z.columnDef) == null ? void 0 : m.cell,
+                            props: (W = (L = b.name) == null ? void 0 : L.getContext) == null ? void 0 : W.call(L)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        d("div", yt, [
+                          v(l(j), {
+                            render: (ee = (Z = (X = b.contactName) == null ? void 0 : X.column) == null ? void 0 : Z.columnDef) == null ? void 0 : ee.cell,
+                            props: (te = (Y = b.contactName) == null ? void 0 : Y.getContext) == null ? void 0 : te.call(Y)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        d("div", bt, [
+                          v(l(j), {
+                            render: (se = (oe = (le = b.phoneNumber) == null ? void 0 : le.column) == null ? void 0 : oe.columnDef) == null ? void 0 : se.cell,
+                            props: (ne = (K = b.phoneNumber) == null ? void 0 : K.getContext) == null ? void 0 : ne.call(K)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        e.original.email ? ($(), E("div", Vt, [
+                          v(l(j), {
+                            render: (ue = (re = (ae = b.email) == null ? void 0 : ae.column) == null ? void 0 : re.columnDef) == null ? void 0 : ue.cell,
+                            props: (de = (H = b.email) == null ? void 0 : H.getContext) == null ? void 0 : de.call(H)
+                          }, null, 8, ["render", "props"])
+                        ])) : ve("", !0)
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
+          ]),
+          ($(), T(ke, { to: "body" }, [
+            v(pt, {
+              show: x.value.show,
+              "onUpdate:show": u[2] || (u[2] = (e) => x.value.show = e),
+              supplier: x.value.supplier,
+              mode: x.value.mode,
+              onSubmitted: u[3] || (u[3] = (e) => g(l(_).currentLocation))
+            }, null, 8, ["show", "supplier", "mode"])
+          ]))
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  Ut as default
+};