@feedmepos/mf-inventory-portal 0.0.17-dev.9 → 0.0.18-dev.3

package/dist/SupplierView-CrfQATQf.js

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