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

package/dist/SupplierView-DQ3hB7q2.js

@@ -0,0 +1,819 @@
+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-DsUIjl-L.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, u as Fe } from "./layout-D-zXtsSp.js";
+import { c as Z, u as ge, a2 as Re, d as fe, g as Pe, y as Ne, C as W, h as Ee, R as F, b as Ve, j as _e } from "./app-P7rGzGsF.js";
+import { useI18n as z, useCoreStore as Te } from "@feedmepos/mf-common";
+import { useDialog as he, useSnackbar as Se, useProxiedModel as ye, useBreakpoints as Be } from "@feedmepos/ui-library";
+import { _ as Le, a as qe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-6yg6_JPe.js";
+import { _ as ze } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
+function Ye(R, C) {
+  const { t: h } = z();
+  function o(f, a) {
+    if (f === O.Edit) {
+      R(Z(a));
+      return;
+    }
+    if (f === O.Delete) {
+      C(Z(a));
+      return;
+    }
+  }
+  return { columnDefs: [
+    {
+      accessorKey: "name",
+      header: () => h("inventory.supplier.table.supplier"),
+      enableSorting: !0,
+      size: 200
+    },
+    {
+      accessorKey: "contactName",
+      header: () => h("inventory.supplier.table.pic"),
+      enableSorting: !1,
+      size: 250
+    },
+    {
+      accessorKey: "phoneNumber",
+      header: () => h("inventory.supplier.table.contact"),
+      enableSorting: !1,
+      size: 200
+    },
+    {
+      accessorKey: "email",
+      header: () => h("inventory.supplier.table.email"),
+      enableSorting: !1,
+      size: "auto"
+    },
+    {
+      id: "action",
+      header: "",
+      cell(f) {
+        return Ue(
+          [ve[O.Edit], ve[O.Delete]],
+          (a) => {
+            o(a, f.row.original);
+          }
+        );
+      },
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ] };
+}
+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({
+  __name: "SupplierSupplyItemField",
+  props: /* @__PURE__ */ xe({
+    modelValue: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(R) {
+    const C = Te(), h = ge(), o = _(() => h.skus), v = he(), { t: f } = z(), a = we(R, "modelValue");
+    function i() {
+      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 = _(
+        () => {
+          var d;
+          return ((d = Pe(C.currentCountry.value)) == null ? void 0 : d.currency) ?? "MYR";
+        }
+      );
+      v.open({
+        title: f("inventory.supplier.supplyItems.selectItem"),
+        closeButton: !0,
+        contentComponent: Ne,
+        contentComponentProps: {
+          modelValue: S,
+          items: n
+        },
+        primaryActions: {
+          text: "Confirm",
+          close: !0
+        },
+        secondaryActions: {
+          text: "Close",
+          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 ?? {
+              costPerUnit: {
+                currency: k.value,
+                amount: 0,
+                precision: 2
+              }
+            }
+          };
+        });
+        a.value = c;
+      });
+    }
+    function b(n) {
+      switch (n) {
+        case W.MY:
+          return "MYR";
+        case W.SG:
+          return "SGD";
+        case W.ID:
+          return "IDR";
+        default:
+          return "MYR";
+      }
+    }
+    function $(n) {
+      const S = [...(a == null ? void 0 : a.value) ?? []];
+      S.splice(n, 1), a.value = S;
+    }
+    function E(n) {
+      var V;
+      const S = n.skuId, k = (V = o.value.find((d) => d._id === S)) == null ? void 0 : V.unit;
+      if (!k)
+        throw new Error(`Cannot find ingredient: ${S}`);
+      return k;
+    }
+    function g(n) {
+      return {
+        amount: n.defaultCost.costPerUnit,
+        measurement: n.defaultCost.measurement
+      };
+    }
+    function D(n, S) {
+      const V = (a.value ?? []).map((d) => d.skuId !== n.skuId ? d : {
+        ...d,
+        defaultCost: {
+          ...d.defaultCost,
+          measurement: S.measurement,
+          costPerUnit: {
+            ...d.defaultCost.costPerUnit,
+            ...S.amount
+          }
+        }
+      });
+      a.value = V;
+    }
+    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 }, {
+                default: N(() => [
+                  u("div", Oe, T(l(f)("inventory.supplier.supplyItems.title")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            u("div", null, [
+              m(k, {
+                "prepend-icon": "link",
+                label: l(f)("inventory.supplier.supplyItems.addItems"),
+                variant: "plain",
+                onClick: i
+              }, null, 8, ["label"])
+            ])
+          ]),
+          u("div", Je, 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;
+            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)
+                ])
+              ]),
+              u("div", tt, [
+                u("div", lt, [
+                  m(Re, {
+                    "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",
+                    separator: "/",
+                    "apply-default-rules": "",
+                    precision: 4,
+                    "format-minimum-precision": 2
+                  }, {
+                    prepend: N(() => {
+                      var w, p;
+                      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)
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["model-value", "unit", "onUpdate:modelValue", "placement"]),
+                  u("div", null, [
+                    m(k, {
+                      "prepend-icon": "close",
+                      variant: "tertiary",
+                      onClick: (w) => $(d)
+                    }, null, 8, ["onClick"])
+                  ])
+                ])
+              ])
+            ]);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+}), 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 = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, ft = /* @__PURE__ */ Q({
+  __name: "SupplierForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "validation-success"],
+  setup(R, { expose: C, emit: h }) {
+    const o = R, v = h, f = Ve(), a = ge(), i = _(() => Ee(a.skus, "_id")), { t: b } = z(), $ = _e(), E = _(() => $.businessLevel), g = _({
+      get() {
+        var t;
+        return ((t = o.modelValue) == null ? void 0 : t.name) ?? "";
+      },
+      set(t) {
+        const e = o.modelValue ?? {};
+        e.name = t, v("update:modelValue", e);
+      }
+    }), D = _({
+      get() {
+        var t;
+        return ((t = o.modelValue) == null ? void 0 : t.registrationNumber) ?? "";
+      },
+      set(t) {
+        const e = o.modelValue ?? {};
+        e.registrationNumber = t, v("update:modelValue", e);
+      }
+    }), n = _({
+      get() {
+        var t, e;
+        return ((e = (t = o.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.line1) ?? "";
+      },
+      set(t) {
+        const e = o.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.line1 = t, v("update:modelValue", e);
+      }
+    }), S = _({
+      get() {
+        var t, e;
+        return ((e = (t = o.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.line2) ?? "";
+      },
+      set(t) {
+        const e = o.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.line2 = t, v("update:modelValue", e);
+      }
+    }), k = _({
+      get() {
+        var t, e;
+        return ((e = (t = o.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.city) ?? "";
+      },
+      set(t) {
+        const e = o.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.city = t, v("update:modelValue", e);
+      }
+    }), V = _({
+      get() {
+        var t, e;
+        return ((e = (t = o.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.postcode) ?? "";
+      },
+      set(t) {
+        const e = o.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.postcode = t, v("update:modelValue", e);
+      }
+    }), d = _({
+      get() {
+        var t, e;
+        return ((e = (t = o.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.state) ?? "";
+      },
+      set(t) {
+        const e = o.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.state = t, v("update:modelValue", e);
+      }
+    }), s = _({
+      get() {
+        var t, e;
+        return ((e = (t = o.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.country) ?? "";
+      },
+      set(t) {
+        const e = o.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.country = t, v("update:modelValue", e);
+      }
+    }), c = _({
+      get() {
+        var t;
+        return ((t = o.modelValue) == null ? void 0 : t.contactName) ?? "";
+      },
+      set(t) {
+        const e = o.modelValue ?? {};
+        e.contactName = t, v("update:modelValue", e);
+      }
+    }), x = _({
+      get() {
+        var t;
+        return ((t = o.modelValue) == null ? void 0 : t.phoneNumber) ?? "";
+      },
+      set(t) {
+        const e = o.modelValue ?? {};
+        e.phoneNumber = t, v("update:modelValue", e);
+      }
+    }), w = _({
+      get() {
+        var t;
+        return ((t = o.modelValue) == null ? void 0 : t.email) ?? "";
+      },
+      set(t) {
+        const e = o.modelValue ?? {};
+        e.email = t, v("update:modelValue", e);
+      }
+    }), p = _({
+      get() {
+        var e;
+        return (((e = o.modelValue) == null ? void 0 : e.supplyItems) ?? []).filter((M) => i.value[M.skuId]);
+      },
+      set(t) {
+        const e = o.modelValue ?? {};
+        e.supplyItems = t, v("update:modelValue", e);
+      }
+    }), y = L();
+    return C({
+      validateInputs: () => {
+        var t, e;
+        (e = (t = y.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);
+      },
+      resetInputs: () => {
+        var t, e;
+        (e = (t = y.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, {
+        ref_key: "formRef",
+        ref: y,
+        onValidationSuccess: e[12] || (e[12] = (r) => v("validation-success"))
+      }, {
+        default: N(() => [
+          u("div", nt, [
+            u("div", at, [
+              E.value ? (U(), B("div", rt, [
+                m(M, {
+                  label: "Business supplier",
+                  compact: ""
+                })
+              ])) : X("", !0),
+              m(I, {
+                disabled: t.disabled,
+                rules: [l(F)()],
+                "label-mark": "required",
+                label: l(b)("inventory.supplier.companyName"),
+                modelValue: g.value,
+                "onUpdate:modelValue": e[0] || (e[0] = (r) => g.value = r)
+              }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+              m(I, {
+                disabled: t.disabled,
+                rules: [l(F)()],
+                "label-mark": "required",
+                label: l(b)("inventory.supplier.registrationNo"),
+                modelValue: D.value,
+                "onUpdate:modelValue": e[1] || (e[1] = (r) => D.value = r)
+              }, 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, {
+                  disabled: t.disabled,
+                  rules: [l(F)()],
+                  "label-mark": "required",
+                  label: l(b)("inventory.supplier.address.line1"),
+                  modelValue: n.value,
+                  "onUpdate:modelValue": e[2] || (e[2] = (r) => n.value = r)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+                m(I, {
+                  disabled: t.disabled,
+                  "label-mark": "optional",
+                  label: l(b)("inventory.supplier.address.line2"),
+                  modelValue: S.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (r) => S.value = r)
+                }, null, 8, ["disabled", "label", "modelValue"]),
+                m(I, {
+                  disabled: t.disabled,
+                  rules: [l(F)()],
+                  "label-mark": "required",
+                  label: l(b)("inventory.supplier.address.city"),
+                  modelValue: k.value,
+                  "onUpdate:modelValue": e[4] || (e[4] = (r) => k.value = r)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+                m(I, {
+                  disabled: t.disabled,
+                  rules: [l(F)()],
+                  "label-mark": "required",
+                  label: l(b)("inventory.supplier.address.postcode"),
+                  modelValue: V.value,
+                  "onUpdate:modelValue": e[5] || (e[5] = (r) => V.value = r)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+                m(I, {
+                  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)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+                m(I, {
+                  disabled: t.disabled,
+                  rules: [l(F)()],
+                  "label-mark": "required",
+                  label: l(b)("inventory.supplier.address.country"),
+                  modelValue: s.value,
+                  "onUpdate:modelValue": e[7] || (e[7] = (r) => s.value = r)
+                }, 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, {
+                  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)
+                }, 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)
+                }, null, 8, ["disabled", "rules", "label", "modelValue"]),
+                m(I, {
+                  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)
+                }, 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)
+              }, null, 8, ["modelValue"])
+            ])) : X("", !0)
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), yt = { class: "flex gap-4" }, bt = /* @__PURE__ */ Q({
+  __name: "SupplierDialog",
+  props: {
+    mode: {},
+    supplier: {},
+    show: { type: Boolean }
+  },
+  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(), $ = _(() => {
+      switch (o.mode) {
+        case A.READ:
+          return "";
+        case A.UPDATE:
+          return i("inventory.supplier.update.title");
+        case A.CREATE:
+          return i("inventory.supplier.create.title");
+      }
+      return "";
+    }), E = _(() => {
+      switch (o.mode) {
+        case A.READ:
+          return "";
+        case A.UPDATE:
+          return i("common.save");
+        case A.CREATE:
+          return i("common.add");
+      }
+      return "";
+    }), g = L();
+    C({
+      validateInputs: () => {
+        var s, c;
+        (c = (s = g.value) == null ? void 0 : s.validateInputs) == null || c.call(s);
+      },
+      resetInputsValidation: () => {
+        var s, c;
+        (c = (s = g.value) == null ? void 0 : s.resetInputsValidation) == null || c.call(s);
+      },
+      resetInputs: () => {
+        var s, c;
+        (c = (s = g.value) == null ? void 0 : s.resetInputs) == null || c.call(s);
+      }
+    });
+    const D = ye(o, "show"), n = ye(o, "supplier");
+    function S() {
+      var s, c;
+      (c = (s = g.value) == null ? void 0 : s.validateInputs) == null || c.call(s);
+    }
+    function k() {
+      switch (o.mode) {
+        case A.READ:
+          return;
+        case A.UPDATE:
+          return d();
+        case A.CREATE:
+          return V();
+      }
+    }
+    async function V() {
+      f.value = !0;
+      try {
+        await Promise.all([
+          b.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 }),
+          type: "success"
+        }), v("update:show", !1), v("submitted");
+      } catch (s) {
+        a.open({
+          title: "Something went wrong",
+          message: `Cannot create ${n.value.name} supplier. Please try again`,
+          type: "error"
+        }), console.error("cannot create supplier", s);
+      } finally {
+        f.value = !1;
+      }
+    }
+    async function d() {
+      if (n.value === null) {
+        a.open({
+          title: i("inventory.supplier.update.error.title"),
+          message: i("inventory.supplier.update.error.emptySupplier"),
+          type: "error"
+        });
+        return;
+      }
+      f.value = !0;
+      try {
+        await Promise.all([
+          b.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 }),
+          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"),
+          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, {
+        header: $.value,
+        modelValue: l(D),
+        "onUpdate:modelValue": c[1] || (c[1] = (p) => me(D) ? D.value = p : null),
+        "dismiss-away": !f.value,
+        "close-button": "",
+        "max-width": 500
+      }, {
+        default: N(() => {
+          var p;
+          return [
+            (U(), q(ft, {
+              class: "w-full",
+              ref_key: "formRef",
+              ref: g,
+              modelValue: l(n),
+              "onUpdate:modelValue": c[0] || (c[0] = (y) => me(n) ? n.value = y : null),
+              onValidationSuccess: k,
+              key: ((p = s.supplier) == null ? void 0 : p._id) ?? "",
+              disabled: f.value
+            }, null, 8, ["modelValue", "disabled"]))
+          ];
+        }),
+        "side-sheet-footer": N(() => [
+          u("div", yt, [
+            m(x, {
+              loading: f.value,
+              label: E.value,
+              onClick: S
+            }, null, 8, ["loading", "label"])
+          ])
+        ]),
+        _: 1
+      }, 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 = {
+  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({
+  __name: "SupplierView",
+  setup(R) {
+    const C = be(), h = _e(), o = Ve(), v = L(!1), f = he(), a = Se(), { t: i } = z();
+    h.watchLocation($);
+    const b = _(() => h.businessLevel);
+    Ie(b, $), Me(() => {
+      o.enableSupplierMasterList || (h.businessLevel = !1);
+    });
+    async function $() {
+      if (h._currentLocation) {
+        v.value = !0;
+        try {
+          await Promise.all([
+            C.readSuppliers(),
+            new Promise((y) => setTimeout(y, 1e3))
+          ]);
+        } catch {
+          a.open({
+            title: "Cannot fetch supplier list",
+            type: "error"
+          });
+        } finally {
+          v.value = !1;
+        }
+      }
+    }
+    const E = _(
+      () => b.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;
+    }
+    async function S(p) {
+      f.open({
+        title: i("inventory.supplier.delete.confirm"),
+        message: i("inventory.supplier.delete.confirmMessage", { name: p.name }),
+        primaryActions: {
+          text: i("common.delete"),
+          close: !0,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: i("common.cancel"),
+          close: !0
+        }
+      }).onPrimary(() => k(p));
+    }
+    async function k(p) {
+      f.open({
+        title: i("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 }),
+          type: "success"
+        }), $();
+      } catch (y) {
+        a.open({
+          title: i("inventory.supplier.delete.error"),
+          message: i("inventory.supplier.delete.errorMessage", { name: p == null ? void 0 : p.name }),
+          type: "error"
+        }), console.error("failed to delete supplier", y);
+      } finally {
+        f.close();
+      }
+    }
+    const { columnDefs: V } = Ye(n, S);
+    function d(p) {
+      p === "create" && D();
+    }
+    const s = L(""), { breakpoints: c } = Be(), x = _(() => c.value.xs || c.value.sm ? 10 : 20), w = Fe();
+    return (p, y) => {
+      const t = P("FmTable");
+      return U(), q(Le, {
+        title: l(i)("inventory.supplier.title"),
+        actions: [
+          {
+            label: l(i)("inventory.supplier.create.title"),
+            value: "create",
+            isPrimary: !0,
+            prependIcon: "add"
+          }
+        ],
+        "onClick:action": d,
+        "using-business-helper-text": wt
+      }, {
+        default: N(() => [
+          u("div", gt, [
+            m(qe, {
+              searchable: "",
+              "change-location": "",
+              search: s.value,
+              "onUpdate:search": y[0] || (y[0] = (e) => s.value = e),
+              "show-business": l(o).enableSupplierMasterList,
+              actions: [{ icon: "refresh", onClick: () => $() }]
+            }, null, 8, ["search", "show-business", "actions"]),
+            m(t, {
+              style: $e(l(w).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)),
+              "page-size": x.value
+            }, {
+              "list-row": N((e) => [
+                m(De, {
+                  row: e,
+                  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;
+                    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)
+                          }, 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)
+                          }, 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)
+                          }, 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)
+                          }, null, 8, ["render", "props"])
+                        ])) : X("", !0)
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
+          ]),
+          (U(), q(Ae, { to: "body" }, [
+            m(bt, {
+              show: g.value.show,
+              "onUpdate:show": y[2] || (y[2] = (e) => g.value.show = e),
+              supplier: g.value.supplier,
+              mode: g.value.mode,
+              onSubmitted: y[3] || (y[3] = (e) => $())
+            }, null, 8, ["show", "supplier", "mode"])
+          ]))
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  Rt as default
+};