@feedmepos/mf-inventory-portal 0.0.19-dev.15 → 0.0.19-dev.17

package/dist/SupplierView-CPHQT1Hn.js

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