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

package/dist/SupplierView-DfHaFzdM.js

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