@feedmepos/mf-inventory-portal 0.0.17-dev.5 → 0.0.17-dev.6

package/dist/SupplierView-DKu_8UQS.js

@@ -0,0 +1,804 @@
+import { defineComponent as G, mergeModels as Ve, computed as b, useModel as _e, resolveComponent as F, openBlock as M, createElementBlock as T, createElementVNode as a, createVNode as c, withCtx as R, Fragment as xe, renderList as Se, toDisplayString as H, unref as f, ref as E, createBlock as N, createCommentVNode as fe, isRef as ie, normalizeStyle as he, Teleport as we } from "vue";
+import { u as ve } from "./supplier-CXA31S_x.js";
+import { D as me, R as Y, F as k } from "./row-action.enum-BwQbURNh.js";
+import { c as Ce, _ as ke, F as K, u as $e } from "./layout-DuS41CyD.js";
+import { c as j, u as ye, d as ce, g as Ie, C as O, e as Me, a as De, f as Ae } from "./app-Cys3s5QM.js";
+import { useDialog as be, useSnackbar as ge, useProxiedModel as pe, useBreakpoints as Fe } from "@feedmepos/ui-library";
+import { _ as Ue } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-Dov3Uq2z.js";
+import { _ as Pe } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-CHGOS3Nh.js";
+import { R as A } from "./rules-BvlRoPEY.js";
+import { _ as Re } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-CYok6OxR.js";
+import { useCoreStore as Ee } from "@feedmepos/mf-common";
+import { _ as Te } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-BvadeWUz.js";
+import { _ as Ne } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-iLrqfOPx.js";
+function Be(U, h) {
+  function V(r, n) {
+    if (r === Y.Edit) {
+      U(j(n));
+      return;
+    }
+    if (r === Y.Delete) {
+      h(j(n));
+      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(r) {
+        return Ce(
+          [me[Y.Edit], me[Y.Delete]],
+          (n) => {
+            V(n, r.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 = /* @__PURE__ */ a("div", { class: "fm-typo-en-title-sm-800" }, "Supply items", -1), Ge = /* @__PURE__ */ a("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Overrides price per unit in ingredient. ", -1), He = { class: "flex flex-col gap-4" }, Oe = { class: "flex-1" }, je = { 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" }, el = /* @__PURE__ */ G({
+  __name: "SupplierSupplyItemField",
+  props: /* @__PURE__ */ Ve({
+    modelValue: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(U) {
+    const h = Ee(), V = ye(), o = b(() => V.skus), r = be(), n = _e(U, "modelValue");
+    function w() {
+      var v;
+      const u = V.skus.map((d) => ({
+        label: d.name,
+        sublabel: d.code,
+        value: d._id
+      })), y = ((v = n.value) == null ? void 0 : v.map((d) => d.skuId)) ?? [], x = b(
+        () => {
+          var d;
+          return ((d = Ie(h.currentCountry.value)) == null ? void 0 : d.currency) ?? "MYR";
+        }
+      );
+      r.open({
+        title: "Select item",
+        closeButton: !0,
+        contentComponent: Re,
+        contentComponentProps: {
+          modelValue: y,
+          items: u
+        },
+        primaryActions: {
+          text: "Confirm",
+          close: !0
+        },
+        secondaryActions: {
+          text: "Close",
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((d) => {
+        const t = d.map((s) => V.skuById[s]).filter((s) => s);
+        t.sort((s, i) => s.code.localeCompare(i.code));
+        const p = t.map((s) => {
+          var e;
+          const i = (e = n.value) == null ? void 0 : e.find((_) => _.skuId === s._id);
+          return i || {
+            skuId: s._id,
+            defaultCost: s.defaultCost ?? {
+              costPerUnit: {
+                currency: x.value,
+                amount: 0,
+                precision: 2
+              }
+            }
+          };
+        });
+        n.value = p;
+      });
+    }
+    function D(u) {
+      switch (u) {
+        case O.MY:
+          return "MYR";
+        case O.SG:
+          return "SGD";
+        case O.ID:
+          return "IDR";
+        default:
+          return "MYR";
+      }
+    }
+    function g(u) {
+      const y = [...(n == null ? void 0 : n.value) ?? []];
+      y.splice(u, 1), n.value = y;
+    }
+    function P(u) {
+      var v;
+      const y = u.skuId, x = (v = o.value.find((d) => d._id === y)) == null ? void 0 : v.unit;
+      if (!x)
+        throw new Error(`Cannot find ingredient: ${y}`);
+      return x;
+    }
+    function S(u) {
+      return {
+        amount: u.defaultCost.costPerUnit,
+        measurement: u.defaultCost.measurement
+      };
+    }
+    function $(u, y) {
+      const v = (n.value ?? []).map((d) => d.skuId !== u.skuId ? d : {
+        ...d,
+        defaultCost: {
+          ...d.defaultCost,
+          measurement: y.measurement,
+          costPerUnit: {
+            ...d.defaultCost.costPerUnit,
+            ...y.amount
+          }
+        }
+      });
+      n.value = v;
+    }
+    return (u, y) => {
+      const x = F("FmButton");
+      return M(), T("div", qe, [
+        a("div", ze, [
+          a("div", Le, [
+            a("div", Ye, [
+              c(Te, { "z-index": 50 }, {
+                default: R(() => [
+                  Ke
+                ]),
+                _: 1
+              })
+            ]),
+            a("div", null, [
+              c(x, {
+                "prepend-icon": "link",
+                label: "Add items",
+                variant: "plain",
+                onClick: w
+              })
+            ])
+          ]),
+          Ge
+        ]),
+        a("div", He, [
+          (M(!0), T(xe, null, Se(n.value, (v, d) => {
+            var t, p, s;
+            return M(), T("div", {
+              key: v.skuId,
+              class: "flex"
+            }, [
+              a("div", Oe, [
+                a("div", je, [
+                  a("div", Je, H((t = f(V).skuById[v.skuId]) == null ? void 0 : t.name), 1),
+                  a("div", Qe, H((p = f(V).skuById[v.skuId]) == null ? void 0 : p.code), 1)
+                ])
+              ]),
+              a("div", We, [
+                a("div", Xe, [
+                  c(Ne, {
+                    "model-value": S(v),
+                    unit: P(v),
+                    "onUpdate:modelValue": (i) => $(v, i),
+                    placement: n.value && d === ((s = n.value) == null ? void 0 : s.length) - 1 ? "top" : "bottom",
+                    separator: "/",
+                    "apply-default-rules": "",
+                    precision: 4,
+                    "format-minimum-precision": 2
+                  }, {
+                    prepend: R(() => {
+                      var i, l;
+                      return [
+                        a("div", Ze, H(D(((i = f(h).currentCountry) == null ? void 0 : i.value) ?? f(ce)) === "MYR" ? "RM" : D(((l = f(h).currentCountry) == null ? void 0 : l.value) ?? f(ce))), 1)
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["model-value", "unit", "onUpdate:modelValue", "placement"]),
+                  a("div", null, [
+                    c(x, {
+                      "prepend-icon": "close",
+                      variant: "tertiary",
+                      onClick: (i) => g(d)
+                    }, null, 8, ["onClick"])
+                  ])
+                ])
+              ])
+            ]);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+}), ll = { class: "flex flex-col gap-40" }, tl = { class: "flex flex-col gap-16" }, ol = { class: "flex flex-col gap-8" }, sl = /* @__PURE__ */ a("div", { class: "fm-typo-en-title-sm-800" }, "Address", -1), al = { class: "grid grid-cols-2 gap-24" }, nl = { class: "flex flex-col gap-8" }, rl = /* @__PURE__ */ a("div", { class: "fm-typo-en-title-sm-800" }, "Contact", -1), ul = { class: "flex flex-col gap-16" }, dl = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, il = /* @__PURE__ */ G({
+  __name: "SupplierForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "validation-success"],
+  setup(U, { expose: h, emit: V }) {
+    const o = U, r = V, n = De(), w = ye(), D = b(() => Me(w.skus, "_id")), g = b({
+      get() {
+        var l;
+        return ((l = o.modelValue) == null ? void 0 : l.name) ?? "";
+      },
+      set(l) {
+        const e = o.modelValue ?? {};
+        e.name = l, r("update:modelValue", e);
+      }
+    }), P = b({
+      get() {
+        var l;
+        return ((l = o.modelValue) == null ? void 0 : l.registrationNumber) ?? "";
+      },
+      set(l) {
+        const e = o.modelValue ?? {};
+        e.registrationNumber = l, r("update:modelValue", e);
+      }
+    }), S = b({
+      get() {
+        var l, e;
+        return ((e = (l = o.modelValue) == null ? void 0 : l.address) == null ? void 0 : e.line1) ?? "";
+      },
+      set(l) {
+        const e = o.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.line1 = l, r("update:modelValue", e);
+      }
+    }), $ = b({
+      get() {
+        var l, e;
+        return ((e = (l = o.modelValue) == null ? void 0 : l.address) == null ? void 0 : e.line2) ?? "";
+      },
+      set(l) {
+        const e = o.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.line2 = l, r("update:modelValue", e);
+      }
+    }), u = b({
+      get() {
+        var l, e;
+        return ((e = (l = o.modelValue) == null ? void 0 : l.address) == null ? void 0 : e.city) ?? "";
+      },
+      set(l) {
+        const e = o.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.city = l, r("update:modelValue", e);
+      }
+    }), y = b({
+      get() {
+        var l, e;
+        return ((e = (l = o.modelValue) == null ? void 0 : l.address) == null ? void 0 : e.postcode) ?? "";
+      },
+      set(l) {
+        const e = o.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.postcode = l, r("update:modelValue", e);
+      }
+    }), x = b({
+      get() {
+        var l, e;
+        return ((e = (l = o.modelValue) == null ? void 0 : l.address) == null ? void 0 : e.state) ?? "";
+      },
+      set(l) {
+        const e = o.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.state = l, r("update:modelValue", e);
+      }
+    }), v = b({
+      get() {
+        var l, e;
+        return ((e = (l = o.modelValue) == null ? void 0 : l.address) == null ? void 0 : e.country) ?? "";
+      },
+      set(l) {
+        const e = o.modelValue ?? {};
+        e.address ?? (e.address = {}), e.address.country = l, r("update:modelValue", e);
+      }
+    }), d = b({
+      get() {
+        var l;
+        return ((l = o.modelValue) == null ? void 0 : l.contactName) ?? "";
+      },
+      set(l) {
+        const e = o.modelValue ?? {};
+        e.contactName = l, r("update:modelValue", e);
+      }
+    }), t = b({
+      get() {
+        var l;
+        return ((l = o.modelValue) == null ? void 0 : l.phoneNumber) ?? "";
+      },
+      set(l) {
+        const e = o.modelValue ?? {};
+        e.phoneNumber = l, r("update:modelValue", e);
+      }
+    }), p = b({
+      get() {
+        var l;
+        return ((l = o.modelValue) == null ? void 0 : l.email) ?? "";
+      },
+      set(l) {
+        const e = o.modelValue ?? {};
+        e.email = l, r("update:modelValue", e);
+      }
+    }), s = b({
+      get() {
+        var e;
+        return (((e = o.modelValue) == null ? void 0 : e.supplyItems) ?? []).filter((_) => D.value[_.skuId]);
+      },
+      set(l) {
+        const e = o.modelValue ?? {};
+        e.supplyItems = l, r("update:modelValue", e);
+      }
+    }), i = E();
+    return h({
+      validateInputs: () => {
+        var l, e;
+        (e = (l = i.value) == null ? void 0 : l.validateInputs) == null || e.call(l);
+      },
+      resetInputsValidation: () => {
+        var l, e;
+        (e = (l = i.value) == null ? void 0 : l.resetInputsValidation) == null || e.call(l);
+      },
+      resetInputs: () => {
+        var l, e;
+        (e = (l = i.value) == null ? void 0 : l.resetInputs) == null || e.call(l);
+      }
+    }), (l, e) => {
+      const _ = F("FmTextField"), C = F("FmPhoneNumber"), I = F("FmForm");
+      return M(), N(I, {
+        ref_key: "formRef",
+        ref: i,
+        onValidationSuccess: e[12] || (e[12] = (m) => r("validation-success"))
+      }, {
+        default: R(() => [
+          a("div", ll, [
+            a("div", tl, [
+              c(_, {
+                disabled: l.disabled,
+                rules: [f(A)()],
+                "label-mark": "required",
+                label: "Company name",
+                modelValue: g.value,
+                "onUpdate:modelValue": e[0] || (e[0] = (m) => g.value = m)
+              }, null, 8, ["disabled", "rules", "modelValue"]),
+              c(_, {
+                disabled: l.disabled,
+                rules: [f(A)()],
+                "label-mark": "required",
+                label: "Registration no.",
+                modelValue: P.value,
+                "onUpdate:modelValue": e[1] || (e[1] = (m) => P.value = m)
+              }, null, 8, ["disabled", "rules", "modelValue"])
+            ]),
+            a("div", ol, [
+              sl,
+              a("div", al, [
+                c(_, {
+                  disabled: l.disabled,
+                  rules: [f(A)()],
+                  "label-mark": "required",
+                  label: "Line 1",
+                  modelValue: S.value,
+                  "onUpdate:modelValue": e[2] || (e[2] = (m) => S.value = m)
+                }, null, 8, ["disabled", "rules", "modelValue"]),
+                c(_, {
+                  disabled: l.disabled,
+                  "label-mark": "optional",
+                  label: "Line 2",
+                  modelValue: $.value,
+                  "onUpdate:modelValue": e[3] || (e[3] = (m) => $.value = m)
+                }, null, 8, ["disabled", "modelValue"]),
+                c(_, {
+                  disabled: l.disabled,
+                  rules: [f(A)()],
+                  "label-mark": "required",
+                  label: "City",
+                  modelValue: u.value,
+                  "onUpdate:modelValue": e[4] || (e[4] = (m) => u.value = m)
+                }, null, 8, ["disabled", "rules", "modelValue"]),
+                c(_, {
+                  disabled: l.disabled,
+                  rules: [f(A)()],
+                  "label-mark": "required",
+                  label: "Postal code",
+                  modelValue: y.value,
+                  "onUpdate:modelValue": e[5] || (e[5] = (m) => y.value = m)
+                }, null, 8, ["disabled", "rules", "modelValue"]),
+                c(_, {
+                  disabled: l.disabled,
+                  rules: [f(A)()],
+                  "label-mark": "required",
+                  label: "State",
+                  modelValue: x.value,
+                  "onUpdate:modelValue": e[6] || (e[6] = (m) => x.value = m)
+                }, null, 8, ["disabled", "rules", "modelValue"]),
+                c(_, {
+                  disabled: l.disabled,
+                  rules: [f(A)()],
+                  "label-mark": "required",
+                  label: "Country",
+                  modelValue: v.value,
+                  "onUpdate:modelValue": e[7] || (e[7] = (m) => v.value = m)
+                }, null, 8, ["disabled", "rules", "modelValue"])
+              ])
+            ]),
+            a("div", nl, [
+              rl,
+              a("div", ul, [
+                c(_, {
+                  disabled: l.disabled,
+                  rules: [f(A)()],
+                  "label-mark": "required",
+                  label: "PIC",
+                  modelValue: d.value,
+                  "onUpdate:modelValue": e[8] || (e[8] = (m) => d.value = m)
+                }, null, 8, ["disabled", "rules", "modelValue"]),
+                c(C, {
+                  disabled: l.disabled,
+                  rules: [f(A)()],
+                  "label-mark": "required",
+                  label: "Phone number",
+                  modelValue: t.value,
+                  "onUpdate:modelValue": e[9] || (e[9] = (m) => t.value = m)
+                }, null, 8, ["disabled", "rules", "modelValue"]),
+                c(_, {
+                  disabled: l.disabled,
+                  "label-mark": "optional",
+                  label: "Email",
+                  modelValue: p.value,
+                  "onUpdate:modelValue": e[10] || (e[10] = (m) => p.value = m)
+                }, null, 8, ["disabled", "modelValue"])
+              ])
+            ]),
+            f(n).enableTotalCost ? (M(), T("div", dl, [
+              c(el, {
+                modelValue: s.value,
+                "onUpdate:modelValue": e[11] || (e[11] = (m) => s.value = m)
+              }, null, 8, ["modelValue"])
+            ])) : fe("", !0)
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), ml = { class: "flex gap-4" }, cl = /* @__PURE__ */ G({
+  __name: "SupplierDialog",
+  props: {
+    mode: {},
+    supplier: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(U, { expose: h, emit: V }) {
+    const o = U, r = V, n = E(!1), w = ge(), D = ve(), g = b(() => {
+      switch (o.mode) {
+        case k.CREATE:
+          return "Add supplier";
+        case k.READ:
+          return "View";
+        case k.UPDATE:
+          return "Edit supplier";
+      }
+      return "";
+    }), P = b(() => {
+      switch (o.mode) {
+        case k.READ:
+          return "";
+        case k.UPDATE:
+          return "Save";
+        case k.CREATE:
+          return "Add";
+      }
+      return "";
+    }), S = E();
+    h({
+      validateInputs: () => {
+        var t, p;
+        (p = (t = S.value) == null ? void 0 : t.validateInputs) == null || p.call(t);
+      },
+      resetInputsValidation: () => {
+        var t, p;
+        (p = (t = S.value) == null ? void 0 : t.resetInputsValidation) == null || p.call(t);
+      },
+      resetInputs: () => {
+        var t, p;
+        (p = (t = S.value) == null ? void 0 : t.resetInputs) == null || p.call(t);
+      }
+    });
+    const $ = pe(o, "show"), u = pe(o, "supplier");
+    function y() {
+      var t, p;
+      (p = (t = S.value) == null ? void 0 : t.validateInputs) == null || p.call(t);
+    }
+    function x() {
+      switch (o.mode) {
+        case k.READ:
+          return;
+        case k.UPDATE:
+          return d();
+        case k.CREATE:
+          return v();
+      }
+    }
+    async function v() {
+      n.value = !0;
+      try {
+        await Promise.all([
+          D.createSupplier(u.value),
+          new Promise((t) => setTimeout(t, 1e3))
+        ]), w.open({
+          title: "Success",
+          message: `Created ${u.value.name} supplier`,
+          type: "success"
+        }), r("update:show", !1), r("submitted");
+      } catch (t) {
+        w.open({
+          title: "Something went wrong",
+          message: `Cannot create ${u.value.name} supplier. Please try again`,
+          type: "error"
+        }), console.error("cannot create supplier", t);
+      } finally {
+        n.value = !1;
+      }
+    }
+    async function d() {
+      if (u.value === null) {
+        w.open({
+          title: "Something went wrong",
+          message: "Cannot update empty supplier info",
+          type: "error"
+        });
+        return;
+      }
+      n.value = !0;
+      try {
+        await Promise.all([
+          D.updateSupplier(u.value),
+          new Promise((t) => setTimeout(t, 1e3))
+        ]), w.open({
+          title: "Success",
+          message: `Updated ${u.value.name} supplier`,
+          type: "success"
+        }), r("update:show", !1), r("submitted");
+      } catch (t) {
+        w.open({
+          title: "Something went wrong",
+          message: `Cannot update ${u.value.name} supplier. Please try again`,
+          type: "error"
+        }), console.error("cannot update supplier", t);
+      } finally {
+        n.value = !1;
+      }
+    }
+    return (t, p) => {
+      const s = F("FmButton"), i = F("FmSideSheet");
+      return M(), N(i, {
+        header: g.value,
+        modelValue: f($),
+        "onUpdate:modelValue": p[1] || (p[1] = (l) => ie($) ? $.value = l : null),
+        "dismiss-away": !n.value,
+        "close-button": "",
+        "max-width": 500
+      }, {
+        default: R(() => {
+          var l;
+          return [
+            (M(), N(il, {
+              class: "w-full",
+              ref_key: "formRef",
+              ref: S,
+              modelValue: f(u),
+              "onUpdate:modelValue": p[0] || (p[0] = (e) => ie(u) ? u.value = e : null),
+              onValidationSuccess: x,
+              key: ((l = t.supplier) == null ? void 0 : l._id) ?? "",
+              disabled: n.value
+            }, null, 8, ["modelValue", "disabled"]))
+          ];
+        }),
+        "side-sheet-footer": R(() => [
+          a("div", ml, [
+            c(s, {
+              loading: n.value,
+              label: P.value,
+              onClick: y
+            }, null, 8, ["loading", "label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["header", "modelValue", "dismiss-away"]);
+    };
+  }
+}), pl = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, fl = { class: "px-8 flex gap-8 items-center xs:gap-0 xs:flex-col-reverse sm:gap-0 sm:flex-col-reverse" }, vl = { class: "xs:w-full sm:w-full flex gap-8 items-center overflow-x-auto no-scrollbar py-8" }, yl = { class: "flex-grow xs:w-full" }, bl = { class: "flex flex-col py-8" }, gl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Vl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _l = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xl = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Rl = /* @__PURE__ */ G({
+  __name: "SupplierView",
+  setup(U) {
+    const h = ve(), V = Ae(), o = E(!1), r = be(), n = ge();
+    V.watchLocation(w);
+    async function w(s) {
+      if (s) {
+        o.value = !0;
+        try {
+          await h.readSuppliers();
+        } catch {
+          n.open({
+            title: "Cannot fetch supplier list",
+            type: "error"
+          });
+        } finally {
+          o.value = !1;
+        }
+      }
+    }
+    const D = b(() => h.suppliers), g = E({});
+    function P() {
+      g.value.mode = k.CREATE, g.value.supplier = {}, g.value.show = !0;
+    }
+    function S(s) {
+      g.value.mode = k.UPDATE, g.value.supplier = j(s), g.value.show = !0;
+    }
+    async function $(s) {
+      r.open({
+        title: "Delete supplier?",
+        message: `Confirm deleting ${s.name}?`,
+        primaryActions: {
+          text: "Delete",
+          close: !0,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0
+        }
+      }).onPrimary(() => u(s));
+    }
+    async function u(s) {
+      r.open({
+        title: "Deleting supplier...",
+        closeButton: !1
+      });
+      try {
+        await h.deleteSupplier(s), n.open({
+          title: "Success",
+          message: `Deleted ${s == null ? void 0 : s.name}.`,
+          type: "success"
+        }), w(V.currentLocation);
+      } catch (i) {
+        n.open({
+          title: "Something went wrong",
+          message: `Cannot delete ${s == null ? void 0 : s.name}. Please try again.`,
+          type: "error"
+        }), console.error("failed to delete supplier", i);
+      } finally {
+        r.close();
+      }
+    }
+    const { columnDefs: y } = Be(S, $);
+    function x(s) {
+      s === "create" && P();
+    }
+    const v = E(""), { breakpoints: d } = Fe(), t = b(() => d.value.xs || d.value.sm ? 10 : 20), p = $e();
+    return (s, i) => {
+      const l = F("FmTableToolbar"), e = F("FmMenuDivider"), _ = F("FmTable");
+      return M(), N(Ue, {
+        title: "Supplier",
+        actions: [{ label: "Create supplier", value: "create", isPrimary: !0, prependIcon: "add" }],
+        "onClick:action": x
+      }, {
+        default: R(() => [
+          a("div", pl, [
+            a("div", fl, [
+              a("div", vl, [
+                c(Pe)
+              ]),
+              a("div", yl, [
+                c(l, {
+                  searchable: "",
+                  "search-model": v.value,
+                  "onUpdate:searchModel": i[0] || (i[0] = (C) => v.value = C)
+                }, null, 8, ["search-model"]),
+                c(e, { class: "hidden xs:block" })
+              ])
+            ]),
+            c(_, {
+              style: he(f(p).tableHeight),
+              "column-defs": f(y),
+              "row-data": D.value,
+              "search-value": v.value,
+              loading: !f(V)._currentLocation || o.value,
+              onRowClick: i[1] || (i[1] = (C) => S(C.original)),
+              "page-size": t.value
+            }, {
+              "list-row": R((C) => [
+                c(ke, {
+                  row: C,
+                  onRowClick: S
+                }, {
+                  default: R((I) => {
+                    var m, J, Q, B, W, X, Z, ee, q, le, te, oe, se, z, ae, ne, re, ue, L, de;
+                    return [
+                      a("div", bl, [
+                        a("div", gl, [
+                          c(f(K), {
+                            render: (Q = (J = (m = I.name) == null ? void 0 : m.column) == null ? void 0 : J.columnDef) == null ? void 0 : Q.cell,
+                            props: (W = (B = I.name) == null ? void 0 : B.getContext) == null ? void 0 : W.call(B)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        a("div", Vl, [
+                          c(f(K), {
+                            render: (ee = (Z = (X = I.contactName) == null ? void 0 : X.column) == null ? void 0 : Z.columnDef) == null ? void 0 : ee.cell,
+                            props: (le = (q = I.contactName) == null ? void 0 : q.getContext) == null ? void 0 : le.call(q)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        a("div", _l, [
+                          c(f(K), {
+                            render: (se = (oe = (te = I.phoneNumber) == null ? void 0 : te.column) == null ? void 0 : oe.columnDef) == null ? void 0 : se.cell,
+                            props: (ae = (z = I.phoneNumber) == null ? void 0 : z.getContext) == null ? void 0 : ae.call(z)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        C.original.email ? (M(), T("div", xl, [
+                          c(f(K), {
+                            render: (ue = (re = (ne = I.email) == null ? void 0 : ne.column) == null ? void 0 : re.columnDef) == null ? void 0 : ue.cell,
+                            props: (de = (L = I.email) == null ? void 0 : L.getContext) == null ? void 0 : de.call(L)
+                          }, null, 8, ["render", "props"])
+                        ])) : fe("", !0)
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
+          ]),
+          (M(), N(we, { to: "body" }, [
+            c(cl, {
+              show: g.value.show,
+              "onUpdate:show": i[2] || (i[2] = (C) => g.value.show = C),
+              supplier: g.value.supplier,
+              mode: g.value.mode,
+              onSubmitted: i[3] || (i[3] = (C) => w(f(V).currentLocation))
+            }, null, 8, ["show", "supplier", "mode"])
+          ]))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Rl as default
+};