@feedmepos/mf-inventory-portal 0.0.5 → 0.0.7-dev.1

package/dist/SupplierView-CNq6wVfN.js

@@ -0,0 +1,818 @@
+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-evd71Y1H.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-kY567oHX.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-DM4Thqjw.js";
+import { useDialog as be, useSnackbar as ye, useProxiedModel as pe, useBreakpoints as $e } 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-Bss0q2Zt.js";
+import { A as De, M as Te, R as $ } from "./rules-CVxh5XVG.js";
+import { _ as Re } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-BHcLUkdm.js";
+import { useCoreStore as Ee } from "@feedmepos/mf-common";
+import { a as Ne, t as qe } from "./date2-DpU4LDaP.js";
+function Le(P, C) {
+  function g(o, v) {
+    if (o === z.Edit) {
+      P(me(v));
+      return;
+    }
+    if (o === z.Delete) {
+      C(me(v));
+      return;
+    }
+  }
+  return { columnDefs: [
+    {
+      accessorKey: "name",
+      header: "Supplier",
+      enableSorting: !0,
+      size: 200
+    },
+    {
+      accessorKey: "contactName",
+      header: "PIC",
+      enableSorting: !1,
+      size: 250
+    },
+    {
+      accessorKey: "phoneNumber",
+      header: "Contact",
+      enableSorting: !1,
+      size: 200
+    },
+    {
+      accessorKey: "email",
+      header: "Email",
+      enableSorting: !1,
+      size: "auto"
+    },
+    {
+      id: "action",
+      header: "",
+      cell(o) {
+        return he(
+          [ie[z.Edit], ie[z.Delete]],
+          (v) => {
+            g(v, o.row.original);
+          }
+        );
+      },
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ] };
+}
+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({
+  __name: "SupplierSupplyItemField",
+  props: /* @__PURE__ */ Ve({
+    modelValue: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(P) {
+    const C = Ee(), g = Fe(), a = be(), o = ge(P, "modelValue");
+    function v() {
+      var r;
+      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(
+        () => {
+          var l;
+          return ((l = Ie(C.currentCountry.value)) == null ? void 0 : l.currency) ?? "MYR";
+        }
+      );
+      a.open({
+        title: "Select item",
+        closeButton: !0,
+        contentComponent: Re,
+        contentComponentProps: {
+          modelValue: f,
+          items: c
+        },
+        primaryActions: {
+          text: "Confirm",
+          close: !0
+        },
+        secondaryActions: {
+          text: "Close",
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((l) => {
+        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);
+          return p || {
+            skuId: e._id,
+            defaultCost: e.defaultCost ?? {
+              costPerUnit: {
+                currency: d.value,
+                amount: 0,
+                precision: 2
+              }
+            }
+          };
+        });
+        o.value = t;
+      });
+    }
+    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;
+    }
+    function I(c, f) {
+      var d;
+      o.value = (d = o.value) == null ? void 0 : d.map((r, l) => l !== c ? r : {
+        ...r,
+        defaultCost: {
+          ...r.defaultCost,
+          costPerUnit: {
+            ...r.defaultCost.costPerUnit,
+            ...qe(+f, 4)
+          }
+        }
+      });
+    }
+    function b(c) {
+      switch (c) {
+        case j.MY:
+          return "MYR";
+        case j.SG:
+          return "SGD";
+        case j.ID:
+          return "IDR";
+        default:
+          return "MYR";
+      }
+    }
+    function A(c) {
+      const f = g.skuById[c];
+      if (!f)
+        return [];
+      const d = f.unit.measurements ?? [];
+      return [
+        {
+          label: f.unit.abbrev,
+          value: null
+        },
+        ...d.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) => {
+        var t, e;
+        return ((t = s.value) == null ? void 0 : t.id) === ((e = d.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,
+        defaultCost: {
+          ...r.defaultCost,
+          measurement: null
+        }
+      });
+    }
+    function y(c) {
+      const f = [...(o == null ? void 0 : o.value) ?? []];
+      f.splice(c, 1), o.value = f;
+    }
+    return (c, f) => {
+      const d = w("FmButton"), r = 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"])
+                ]),
+                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"])
+                ])
+              ])
+            ])
+          ]);
+        }), 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 = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, rt = /* @__PURE__ */ K({
+  __name: "SupplierForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "validation-success"],
+  setup(P, { expose: C, emit: g }) {
+    const a = P, o = g, v = Ae(), _ = V({
+      get() {
+        var t;
+        return ((t = a.modelValue) == null ? void 0 : t.name) ?? "";
+      },
+      set(t) {
+        const e = a.modelValue ?? {};
+        e.name = t, o("update:modelValue", e);
+      }
+    }), I = V({
+      get() {
+        var t;
+        return ((t = a.modelValue) == null ? void 0 : t.registrationNumber) ?? "";
+      },
+      set(t) {
+        const e = a.modelValue ?? {};
+        e.registrationNumber = t, o("update:modelValue", e);
+      }
+    }), b = V({
+      get() {
+        var t, e;
+        return ((e = (t = a.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.line1) ?? "";
+      },
+      set(t) {
+        const e = a.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.line1 = t, o("update:modelValue", e);
+      }
+    }), A = V({
+      get() {
+        var t, e;
+        return ((e = (t = a.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.line2) ?? "";
+      },
+      set(t) {
+        const e = a.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.line2 = t, o("update:modelValue", e);
+      }
+    }), S = V({
+      get() {
+        var t, e;
+        return ((e = (t = a.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.city) ?? "";
+      },
+      set(t) {
+        const e = a.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.city = t, o("update:modelValue", e);
+      }
+    }), k = V({
+      get() {
+        var t, e;
+        return ((e = (t = a.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.postcode) ?? "";
+      },
+      set(t) {
+        const e = a.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.postcode = t, o("update:modelValue", e);
+      }
+    }), y = V({
+      get() {
+        var t, e;
+        return ((e = (t = a.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.state) ?? "";
+      },
+      set(t) {
+        const e = a.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.state = t, o("update:modelValue", e);
+      }
+    }), c = V({
+      get() {
+        var t, e;
+        return ((e = (t = a.modelValue) == null ? void 0 : t.address) == null ? void 0 : e.country) ?? "";
+      },
+      set(t) {
+        const e = a.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.country = t, o("update:modelValue", e);
+      }
+    }), f = V({
+      get() {
+        var t;
+        return ((t = a.modelValue) == null ? void 0 : t.contactName) ?? "";
+      },
+      set(t) {
+        const e = a.modelValue ?? {};
+        e.contactName = t, o("update:modelValue", e);
+      }
+    }), d = V({
+      get() {
+        var t;
+        return ((t = a.modelValue) == null ? void 0 : t.phoneNumber) ?? "";
+      },
+      set(t) {
+        const e = a.modelValue ?? {};
+        e.phoneNumber = t, o("update:modelValue", e);
+      }
+    }), r = V({
+      get() {
+        var t;
+        return ((t = a.modelValue) == null ? void 0 : t.email) ?? "";
+      },
+      set(t) {
+        const e = a.modelValue ?? {};
+        e.email = t, o("update:modelValue", e);
+      }
+    }), l = V({
+      get() {
+        var t;
+        return ((t = a.modelValue) == null ? void 0 : t.supplyItems) ?? [];
+      },
+      set(t) {
+        const e = a.modelValue ?? {};
+        e.supplyItems = t, o("update:modelValue", e);
+      }
+    }), s = T();
+    return C({
+      validateInputs: () => {
+        var t, e;
+        (e = (t = s.value) == null ? void 0 : t.validateInputs) == null || e.call(t);
+      },
+      resetInputsValidation: () => {
+        var t, e;
+        (e = (t = s.value) == null ? void 0 : t.resetInputsValidation) == null || e.call(t);
+      },
+      resetInputs: () => {
+        var t, e;
+        (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, {
+        ref_key: "formRef",
+        ref: s,
+        onValidationSuccess: e[12] || (e[12] = (n) => o("validation-success"))
+      }, {
+        default: D(() => [
+          u("div", Xe, [
+            u("div", Ze, [
+              i(p, {
+                disabled: t.disabled,
+                rules: [m($)()],
+                "label-mark": "required",
+                label: "Company name",
+                modelValue: _.value,
+                "onUpdate:modelValue": e[0] || (e[0] = (n) => _.value = n)
+              }, null, 8, ["disabled", "rules", "modelValue"]),
+              i(p, {
+                disabled: t.disabled,
+                rules: [m($)()],
+                "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, {
+                  disabled: t.disabled,
+                  rules: [m($)()],
+                  "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, {
+                  disabled: t.disabled,
+                  "label-mark": "optional",
+                  label: "Line 2",
+                  modelValue: A.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (n) => A.value = n)
+                }, null, 8, ["disabled", "modelValue"]),
+                i(p, {
+                  disabled: t.disabled,
+                  rules: [m($)()],
+                  "label-mark": "required",
+                  label: "City",
+                  modelValue: S.value,
+                  "onUpdate:modelValue": e[4] || (e[4] = (n) => S.value = n)
+                }, null, 8, ["disabled", "rules", "modelValue"]),
+                i(p, {
+                  disabled: t.disabled,
+                  rules: [m($)()],
+                  "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, {
+                  disabled: t.disabled,
+                  rules: [m($)()],
+                  "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, {
+                  disabled: t.disabled,
+                  rules: [m($)()],
+                  "label-mark": "required",
+                  label: "Country",
+                  modelValue: c.value,
+                  "onUpdate:modelValue": e[7] || (e[7] = (n) => c.value = n)
+                }, null, 8, ["disabled", "rules", "modelValue"])
+              ])
+            ]),
+            u("div", ot, [
+              st,
+              u("div", at, [
+                i(p, {
+                  disabled: t.disabled,
+                  rules: [m($)()],
+                  "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, {
+                  disabled: t.disabled,
+                  rules: [m($)()],
+                  "label-mark": "required",
+                  label: "Phone number",
+                  modelValue: d.value,
+                  "onUpdate:modelValue": e[9] || (e[9] = (n) => d.value = n)
+                }, null, 8, ["disabled", "rules", "modelValue"]),
+                i(p, {
+                  disabled: t.disabled,
+                  "label-mark": "optional",
+                  label: "Email",
+                  modelValue: r.value,
+                  "onUpdate:modelValue": e[10] || (e[10] = (n) => r.value = n)
+                }, null, 8, ["disabled", "modelValue"])
+              ])
+            ]),
+            m(v).enableTotalCost ? (F(), R("div", nt, [
+              i(Qe, {
+                modelValue: l.value,
+                "onUpdate:modelValue": e[11] || (e[11] = (n) => l.value = n)
+              }, null, 8, ["modelValue"])
+            ])) : fe("", !0)
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), ut = { class: "flex gap-4" }, dt = /* @__PURE__ */ K({
+  __name: "SupplierDialog",
+  props: {
+    mode: {},
+    supplier: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(P, { expose: C, emit: g }) {
+    const a = P, o = g, v = T(!1), _ = ye(), I = ve(), b = V(() => {
+      switch (a.mode) {
+        case h.CREATE:
+          return "Add supplier";
+        case h.READ:
+          return "View";
+        case h.UPDATE:
+          return "Edit supplier";
+      }
+      return "";
+    }), A = V(() => {
+      switch (a.mode) {
+        case h.READ:
+          return "";
+        case h.UPDATE:
+          return "Save";
+        case h.CREATE:
+          return "Add";
+      }
+      return "";
+    }), S = T();
+    C({
+      validateInputs: () => {
+        var l, s;
+        (s = (l = S.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);
+      },
+      resetInputs: () => {
+        var l, s;
+        (s = (l = S.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);
+    }
+    function f() {
+      switch (a.mode) {
+        case h.READ:
+          return;
+        case h.UPDATE:
+          return r();
+        case h.CREATE:
+          return d();
+      }
+    }
+    async function d() {
+      v.value = !0;
+      try {
+        await Promise.all([
+          I.createSupplier(y.value),
+          new Promise((l) => setTimeout(l, 1e3))
+        ]), _.open({
+          title: "Success",
+          message: `Created ${y.value.name} supplier`,
+          type: "success"
+        }), o("update:show", !1), o("submitted");
+      } catch (l) {
+        _.open({
+          title: "Something went wrong",
+          message: `Cannot create ${y.value.name} supplier. Please try again`,
+          type: "error"
+        }), console.error("cannot create supplier", l);
+      } finally {
+        v.value = !1;
+      }
+    }
+    async function r() {
+      if (y.value === null) {
+        _.open({
+          title: "Something went wrong",
+          message: "Cannot update empty supplier info",
+          type: "error"
+        });
+        return;
+      }
+      v.value = !0;
+      try {
+        await Promise.all([
+          I.updateSupplier(y.value),
+          new Promise((l) => setTimeout(l, 1e3))
+        ]), _.open({
+          title: "Success",
+          message: `Updated ${y.value.name} supplier`,
+          type: "success"
+        }), o("update:show", !1), o("submitted");
+      } catch (l) {
+        _.open({
+          title: "Something went wrong",
+          message: `Cannot update ${y.value.name} supplier. Please try again`,
+          type: "error"
+        }), console.error("cannot update supplier", l);
+      } finally {
+        v.value = !1;
+      }
+    }
+    return (l, s) => {
+      const t = w("FmButton"), e = w("FmSideSheet");
+      return F(), E(e, {
+        header: b.value,
+        modelValue: m(k),
+        "onUpdate:modelValue": s[1] || (s[1] = (p) => de(k) ? k.value = p : null),
+        "dismiss-away": !v.value,
+        "close-button": "",
+        "max-width": 500
+      }, {
+        default: D(() => {
+          var p;
+          return [
+            (F(), E(rt, {
+              class: "w-full",
+              ref_key: "formRef",
+              ref: S,
+              modelValue: m(y),
+              "onUpdate:modelValue": s[0] || (s[0] = (x) => de(y) ? y.value = x : null),
+              onValidationSuccess: f,
+              key: ((p = l.supplier) == null ? void 0 : p._id) ?? "",
+              disabled: v.value
+            }, null, 8, ["modelValue", "disabled"]))
+          ];
+        }),
+        "side-sheet-footer": D(() => [
+          u("div", ut, [
+            i(t, {
+              loading: v.value,
+              label: A.value,
+              onClick: c
+            }, null, 8, ["loading", "label"])
+          ])
+        ]),
+        _: 1
+      }, 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 = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, $t = /* @__PURE__ */ K({
+  __name: "SupplierView",
+  setup(P) {
+    const C = ve(), g = Ue(), a = T(!1), o = be(), v = ye();
+    g.watchLocation(_);
+    async function _(t) {
+      if (t) {
+        a.value = !0;
+        try {
+          await C.readSuppliers();
+        } catch {
+          v.open({
+            title: "Cannot fetch supplier list",
+            type: "error"
+          });
+        } finally {
+          a.value = !1;
+        }
+      }
+    }
+    const I = V(() => C.suppliers), b = T({});
+    function A() {
+      b.value.mode = h.CREATE, b.value.supplier = {}, b.value.show = !0;
+    }
+    function S(t) {
+      b.value.mode = h.UPDATE, b.value.supplier = t, b.value.show = !0;
+    }
+    async function k(t) {
+      o.open({
+        title: "Delete supplier?",
+        message: `Confirm deleting ${t.name}?`,
+        primaryActions: {
+          text: "Delete",
+          close: !0,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0
+        }
+      }).onPrimary(() => y(t));
+    }
+    async function y(t) {
+      o.open({
+        title: "Deleting supplier...",
+        closeButton: !1
+      });
+      try {
+        await C.deleteSupplier(t), v.open({
+          title: "Success",
+          message: `Deleted ${t == null ? void 0 : t.name}.`,
+          type: "success"
+        }), _(g.currentLocation);
+      } catch (e) {
+        v.open({
+          title: "Something went wrong",
+          message: `Cannot delete ${t == null ? void 0 : t.name}. Please try again.`,
+          type: "error"
+        }), console.error("failed to delete supplier", e);
+      } finally {
+        o.close();
+      }
+    }
+    const { columnDefs: c } = Le(S, k);
+    function f(t) {
+      t === "create" && A();
+    }
+    const d = T(""), { breakpoints: r } = $e(), l = V(() => r.value.xs || r.value.sm ? 10 : 20), s = ke();
+    return (t, e) => {
+      const p = w("FmTableToolbar"), x = w("FmMenuDivider"), U = 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)
+              ]),
+              u("div", pt, [
+                i(p, {
+                  searchable: "",
+                  "search-model": d.value,
+                  "onUpdate:searchModel": e[0] || (e[0] = (n) => d.value = n)
+                }, null, 8, ["search-model"]),
+                i(x, { class: "hidden xs:block" })
+              ])
+            ]),
+            i(U, {
+              style: xe(m(s).tableHeight),
+              "column-defs": m(c),
+              "row-data": I.value,
+              "search-value": d.value,
+              loading: !m(g)._currentLocation || a.value,
+              onRowClick: e[1] || (e[1] = (n) => S(n.original)),
+              "page-size": l.value
+            }, {
+              "list-row": D((n) => [
+                i(we, {
+                  row: n,
+                  onRowClick: S
+                }, {
+                  default: D((M) => {
+                    var G, H, O, N, W, J, Q, X, q, Z, ee, te, le, L, oe, se, ae, ne, B, re;
+                    return [
+                      u("div", ft, [
+                        u("div", vt, [
+                          i(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), {
+                            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), {
+                            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), {
+                            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)
+                          }, null, 8, ["render", "props"])
+                        ])) : fe("", !0)
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
+          ]),
+          (F(), E(Ce, { to: "body" }, [
+            i(dt, {
+              show: b.value.show,
+              "onUpdate:show": e[2] || (e[2] = (n) => b.value.show = n),
+              supplier: b.value.supplier,
+              mode: b.value.mode,
+              onSubmitted: e[3] || (e[3] = (n) => _(m(g).currentLocation))
+            }, null, 8, ["show", "supplier", "mode"])
+          ]))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  $t as default
+};