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

package/dist/SupplierView-CXfOoHTr.js

@@ -1,796 +0,0 @@
-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-CjAH8O1y.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-BnTfCS_X.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-BkcO8oNJ.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-DjgmtvXU.js";
-import { R as A } from "./rules-CCmXA0Yi.js";
-import { _ as Pe } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-n09XXJZK.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-B-19iYaK.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
-};