@feedmepos/mf-inventory-portal 0.0.9-dev.3 → 0.0.9-dev.5

package/dist/SupplierView-SpZj0jGP.js

@@ -1,831 +0,0 @@
-import { defineComponent as K, mergeModels as Ve, useModel as ge, resolveComponent as w, openBlock as F, createElementBlock as R, createElementVNode as r, createVNode as d, withCtx as D, Fragment as _e, renderList as xe, toDisplayString as ue, unref as m, computed as V, ref as T, createBlock as E, createCommentVNode as fe, isRef as de, normalizeStyle as Se, Teleport as Ce } from "vue";
-import { u as ve } from "./supplier-CGnKHkFI.js";
-import { D as ie, R as B, F as h } from "./row-action.enum-BwQbURNh.js";
-import { c as he, _ as we, F as Y, u as ke } from "./layout-UdC9Qu4Z.js";
-import { c as me, u as Fe, d as ce, g as Ie, C as j, a as $e, e as Ae } from "./app-Bi9BFWrX.js";
-import { useDialog as be, useSnackbar as ye, useProxiedModel as pe, useBreakpoints as Ue } 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-DKqNqEpI.js";
-import { A as De, M as Te, R as U } from "./rules-CG4VstbE.js";
-import { _ as Re } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-ZtBvTGev.js";
-import { useCoreStore as Ee } from "@feedmepos/mf-common";
-import { a as Ne, t as qe } from "./date2-BXg2Rt3a.js";
-import { _ as Le } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-BvadeWUz.js";
-function ze(P, C) {
-  function g(o, v) {
-    if (o === B.Edit) {
-      P(me(v));
-      return;
-    }
-    if (o === B.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[B.Edit], ie[B.Delete]],
-          (v) => {
-            g(v, o.row.original);
-          }
-        );
-      },
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    }
-  ] };
-}
-const Be = { class: "flex flex-col gap-12" }, Ye = { class: "flex flex-col" }, Ke = { class: "flex items-center gap-8 py-8" }, je = { class: "flex-1" }, Ge = /* @__PURE__ */ r("div", { class: "fm-typo-en-title-sm-800" }, "Supply items", -1), He = /* @__PURE__ */ r("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Overrides price per unit in ingredient. ", -1), Oe = { class: "flex flex-col gap-4" }, We = { class: "fm-typo-en-body-lg-400 flex-1" }, Je = { class: "flex-1" }, Qe = { class: "flex items-center gap-4" }, Xe = { class: "flex-1" }, Ze = { class: "text-fm-color-typo-secondary" }, et = /* @__PURE__ */ r("div", { class: "text-fm-color-typo-secondary" }, "/", -1), tt = { class: "flex-1" }, lt = /* @__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 u;
-      const c = g.skus.map((l) => ({
-        label: l.name,
-        sublabel: l.code,
-        value: l._id
-      })), f = ((u = o.value) == null ? void 0 : u.map((l) => l.skuId)) ?? [], i = 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 A;
-          const p = (A = o.value) == null ? void 0 : A.find((n) => n.skuId === e._id);
-          return p || {
-            skuId: e._id,
-            defaultCost: e.defaultCost ?? {
-              costPerUnit: {
-                currency: i.value,
-                amount: 0,
-                precision: 2
-              }
-            }
-          };
-        });
-        o.value = t;
-      });
-    }
-    function _(c) {
-      var u, l;
-      const i = (l = (u = (o.value ?? []).at(c)) == null ? void 0 : u.defaultCost) == null ? void 0 : l.costPerUnit;
-      return i ? +Ne(i) : 0;
-    }
-    function I(c, f) {
-      var i;
-      o.value = (i = o.value) == null ? void 0 : i.map((u, l) => l !== c ? u : {
-        ...u,
-        defaultCost: {
-          ...u.defaultCost,
-          costPerUnit: {
-            ...u.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 $(c) {
-      const f = g.skuById[c];
-      if (!f)
-        return [];
-      const i = f.unit.measurements ?? [];
-      return [
-        {
-          label: f.unit.abbrev,
-          value: null
-        },
-        ...i.map((l) => ({
-          label: l.abbrev,
-          value: l
-        }))
-      ];
-    }
-    function x(c) {
-      const i = (o.value ?? []).find((s) => s.skuId === c), u = g.skuById[c];
-      if (!i || !u) return null;
-      const l = $(c);
-      return i.defaultCost.measurement ? l.find((s) => {
-        var t, e;
-        return ((t = s.value) == null ? void 0 : t.id) === ((e = i.defaultCost.measurement) == null ? void 0 : e.id);
-      }) : l.find((s) => s.value === null);
-    }
-    function k(c, f) {
-      const i = o.value ?? [];
-      o.value = i.map((u) => u.skuId !== c ? u : f ? (u.defaultCost.measurement = f, u) : {
-        ...u,
-        defaultCost: {
-          ...u.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 i = w("FmButton"), u = w("FmTextField"), l = w("FmSelect");
-      return F(), R("div", Be, [
-        r("div", Ye, [
-          r("div", Ke, [
-            r("div", je, [
-              d(Le, { "z-index": 50 }, {
-                default: D(() => [
-                  Ge
-                ]),
-                _: 1
-              })
-            ]),
-            r("div", null, [
-              d(i, {
-                "prepend-icon": "link",
-                label: "Add items",
-                variant: "plain",
-                onClick: v
-              })
-            ])
-          ]),
-          He
-        ]),
-        r("div", Oe, [
-          (F(!0), R(_e, null, xe(o.value, (s, t) => {
-            var e, p;
-            return F(), R("div", {
-              key: s.skuId,
-              class: "flex items-center"
-            }, [
-              r("div", We, ue((e = m(g).skuById[s.skuId]) == null ? void 0 : e.name), 1),
-              r("div", Je, [
-                r("div", Qe, [
-                  r("div", Xe, [
-                    d(u, {
-                      "model-value": _(t),
-                      "onUpdate:modelValue": (S) => I(t, S),
-                      rules: [m(De)(0), m(Te)(2)],
-                      "label-mark": "required"
-                    }, {
-                      prepend: D(() => {
-                        var S, A;
-                        return [
-                          r("div", Ze, ue(b(((S = m(C).currentCountry) == null ? void 0 : S.value) ?? m(ce)) === "MYR" ? "RM" : b(((A = m(C).currentCountry) == null ? void 0 : A.value) ?? m(ce))), 1)
-                        ];
-                      }),
-                      _: 2
-                    }, 1032, ["model-value", "onUpdate:modelValue", "rules"])
-                  ]),
-                  et,
-                  r("div", tt, [
-                    d(l, {
-                      items: $(s.skuId),
-                      "model-value": (p = x(s.skuId)) == null ? void 0 : p.value,
-                      "onUpdate:modelValue": (S) => k(s.skuId, S)
-                    }, null, 8, ["items", "model-value", "onUpdate:modelValue"])
-                  ]),
-                  r("div", null, [
-                    d(i, {
-                      "prepend-icon": "close",
-                      variant: "tertiary",
-                      onClick: (S) => y(t)
-                    }, null, 8, ["onClick"])
-                  ])
-                ])
-              ])
-            ]);
-          }), 128))
-        ])
-      ]);
-    };
-  }
-}), ot = { class: "flex flex-col gap-40" }, st = { class: "flex flex-col gap-16" }, at = { class: "flex flex-col gap-8" }, nt = /* @__PURE__ */ r("div", { class: "fm-typo-en-title-sm-800" }, "Address", -1), rt = { class: "grid grid-cols-2 gap-24" }, ut = { class: "flex flex-col gap-8" }, dt = /* @__PURE__ */ r("div", { class: "fm-typo-en-title-sm-800" }, "Contact", -1), it = { class: "flex flex-col gap-16" }, mt = {
-  key: 0,
-  class: "flex flex-col gap-8"
-}, ct = /* @__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 = $e(), _ = 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);
-      }
-    }), $ = 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);
-      }
-    }), x = 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);
-      }
-    }), i = 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);
-      }
-    }), u = 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"), S = w("FmPhoneNumber"), A = w("FmForm");
-      return F(), E(A, {
-        ref_key: "formRef",
-        ref: s,
-        onValidationSuccess: e[12] || (e[12] = (n) => o("validation-success"))
-      }, {
-        default: D(() => [
-          r("div", ot, [
-            r("div", st, [
-              d(p, {
-                disabled: t.disabled,
-                rules: [m(U)()],
-                "label-mark": "required",
-                label: "Company name",
-                modelValue: _.value,
-                "onUpdate:modelValue": e[0] || (e[0] = (n) => _.value = n)
-              }, null, 8, ["disabled", "rules", "modelValue"]),
-              d(p, {
-                disabled: t.disabled,
-                rules: [m(U)()],
-                "label-mark": "required",
-                label: "Registration no.",
-                modelValue: I.value,
-                "onUpdate:modelValue": e[1] || (e[1] = (n) => I.value = n)
-              }, null, 8, ["disabled", "rules", "modelValue"])
-            ]),
-            r("div", at, [
-              nt,
-              r("div", rt, [
-                d(p, {
-                  disabled: t.disabled,
-                  rules: [m(U)()],
-                  "label-mark": "required",
-                  label: "Line 1",
-                  modelValue: b.value,
-                  "onUpdate:modelValue": e[2] || (e[2] = (n) => b.value = n)
-                }, null, 8, ["disabled", "rules", "modelValue"]),
-                d(p, {
-                  disabled: t.disabled,
-                  "label-mark": "optional",
-                  label: "Line 2",
-                  modelValue: $.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (n) => $.value = n)
-                }, null, 8, ["disabled", "modelValue"]),
-                d(p, {
-                  disabled: t.disabled,
-                  rules: [m(U)()],
-                  "label-mark": "required",
-                  label: "City",
-                  modelValue: x.value,
-                  "onUpdate:modelValue": e[4] || (e[4] = (n) => x.value = n)
-                }, null, 8, ["disabled", "rules", "modelValue"]),
-                d(p, {
-                  disabled: t.disabled,
-                  rules: [m(U)()],
-                  "label-mark": "required",
-                  label: "Postal code",
-                  modelValue: k.value,
-                  "onUpdate:modelValue": e[5] || (e[5] = (n) => k.value = n)
-                }, null, 8, ["disabled", "rules", "modelValue"]),
-                d(p, {
-                  disabled: t.disabled,
-                  rules: [m(U)()],
-                  "label-mark": "required",
-                  label: "State",
-                  modelValue: y.value,
-                  "onUpdate:modelValue": e[6] || (e[6] = (n) => y.value = n)
-                }, null, 8, ["disabled", "rules", "modelValue"]),
-                d(p, {
-                  disabled: t.disabled,
-                  rules: [m(U)()],
-                  "label-mark": "required",
-                  label: "Country",
-                  modelValue: c.value,
-                  "onUpdate:modelValue": e[7] || (e[7] = (n) => c.value = n)
-                }, null, 8, ["disabled", "rules", "modelValue"])
-              ])
-            ]),
-            r("div", ut, [
-              dt,
-              r("div", it, [
-                d(p, {
-                  disabled: t.disabled,
-                  rules: [m(U)()],
-                  "label-mark": "required",
-                  label: "PIC",
-                  modelValue: f.value,
-                  "onUpdate:modelValue": e[8] || (e[8] = (n) => f.value = n)
-                }, null, 8, ["disabled", "rules", "modelValue"]),
-                d(S, {
-                  disabled: t.disabled,
-                  rules: [m(U)()],
-                  "label-mark": "required",
-                  label: "Phone number",
-                  modelValue: i.value,
-                  "onUpdate:modelValue": e[9] || (e[9] = (n) => i.value = n)
-                }, null, 8, ["disabled", "rules", "modelValue"]),
-                d(p, {
-                  disabled: t.disabled,
-                  "label-mark": "optional",
-                  label: "Email",
-                  modelValue: u.value,
-                  "onUpdate:modelValue": e[10] || (e[10] = (n) => u.value = n)
-                }, null, 8, ["disabled", "modelValue"])
-              ])
-            ]),
-            m(v).enableTotalCost ? (F(), R("div", mt, [
-              d(lt, {
-                modelValue: l.value,
-                "onUpdate:modelValue": e[11] || (e[11] = (n) => l.value = n)
-              }, null, 8, ["modelValue"])
-            ])) : fe("", !0)
-          ])
-        ]),
-        _: 1
-      }, 512);
-    };
-  }
-}), pt = { class: "flex gap-4" }, ft = /* @__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 "";
-    }), $ = V(() => {
-      switch (a.mode) {
-        case h.READ:
-          return "";
-        case h.UPDATE:
-          return "Save";
-        case h.CREATE:
-          return "Add";
-      }
-      return "";
-    }), x = T();
-    C({
-      validateInputs: () => {
-        var l, s;
-        (s = (l = x.value) == null ? void 0 : l.validateInputs) == null || s.call(l);
-      },
-      resetInputsValidation: () => {
-        var l, s;
-        (s = (l = x.value) == null ? void 0 : l.resetInputsValidation) == null || s.call(l);
-      },
-      resetInputs: () => {
-        var l, s;
-        (s = (l = x.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 = x.value) == null ? void 0 : l.validateInputs) == null || s.call(l);
-    }
-    function f() {
-      switch (a.mode) {
-        case h.READ:
-          return;
-        case h.UPDATE:
-          return u();
-        case h.CREATE:
-          return i();
-      }
-    }
-    async function i() {
-      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 u() {
-      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(ct, {
-              class: "w-full",
-              ref_key: "formRef",
-              ref: x,
-              modelValue: m(y),
-              "onUpdate:modelValue": s[0] || (s[0] = (S) => de(y) ? y.value = S : null),
-              onValidationSuccess: f,
-              key: ((p = l.supplier) == null ? void 0 : p._id) ?? "",
-              disabled: v.value
-            }, null, 8, ["modelValue", "disabled"]))
-          ];
-        }),
-        "side-sheet-footer": D(() => [
-          r("div", pt, [
-            d(t, {
-              loading: v.value,
-              label: $.value,
-              onClick: c
-            }, null, 8, ["loading", "label"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["header", "modelValue", "dismiss-away"]);
-    };
-  }
-}), vt = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, bt = { class: "px-8 flex gap-8 items-center xs:gap-0 xs:flex-col-reverse sm:gap-0 sm:flex-col-reverse" }, yt = { class: "xs:w-full sm:w-full flex gap-8 items-center overflow-x-auto no-scrollbar py-8" }, Vt = { class: "flex-grow xs:w-full" }, gt = { class: "flex flex-col py-8" }, _t = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, xt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, St = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ct = {
-  key: 0,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Et = /* @__PURE__ */ K({
-  __name: "SupplierView",
-  setup(P) {
-    const C = ve(), g = Ae(), 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 $() {
-      b.value.mode = h.CREATE, b.value.supplier = {}, b.value.show = !0;
-    }
-    function x(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 } = ze(x, k);
-    function f(t) {
-      t === "create" && $();
-    }
-    const i = T(""), { breakpoints: u } = Ue(), l = V(() => u.value.xs || u.value.sm ? 10 : 20), s = ke();
-    return (t, e) => {
-      const p = w("FmTableToolbar"), S = w("FmMenuDivider"), A = w("FmTable");
-      return F(), E(Pe, {
-        title: "Supplier",
-        actions: [{ label: "Create supplier", value: "create", isPrimary: !0, prependIcon: "add" }],
-        "onClick:action": f
-      }, {
-        default: D(() => [
-          r("div", vt, [
-            r("div", bt, [
-              r("div", yt, [
-                d(Me)
-              ]),
-              r("div", Vt, [
-                d(p, {
-                  searchable: "",
-                  "search-model": i.value,
-                  "onUpdate:searchModel": e[0] || (e[0] = (n) => i.value = n)
-                }, null, 8, ["search-model"]),
-                d(S, { class: "hidden xs:block" })
-              ])
-            ]),
-            d(A, {
-              style: Se(m(s).tableHeight),
-              "column-defs": m(c),
-              "row-data": I.value,
-              "search-value": i.value,
-              loading: !m(g)._currentLocation || a.value,
-              onRowClick: e[1] || (e[1] = (n) => x(n.original)),
-              "page-size": l.value
-            }, {
-              "list-row": D((n) => [
-                d(we, {
-                  row: n,
-                  onRowClick: x
-                }, {
-                  default: D((M) => {
-                    var G, H, O, N, W, J, Q, X, q, Z, ee, te, le, L, oe, se, ae, ne, z, re;
-                    return [
-                      r("div", gt, [
-                        r("div", _t, [
-                          d(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"])
-                        ]),
-                        r("div", xt, [
-                          d(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"])
-                        ]),
-                        r("div", St, [
-                          d(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", Ct, [
-                          d(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 = (z = M.email) == null ? void 0 : z.getContext) == null ? void 0 : re.call(z)
-                          }, 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" }, [
-            d(ft, {
-              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 {
-  Et as default
-};