@feedmepos/mf-inventory-portal 0.0.18-dev.3 → 0.0.19-dev.10

package/dist/UnitView-D1acjiRV.js

@@ -1,635 +0,0 @@
-import { defineComponent as H, computed as x, openBlock as c, createElementBlock as w, Fragment as j, renderList as q, createElementVNode as l, toDisplayString as g, createCommentVNode as G, ref as R, resolveComponent as A, createBlock as M, withCtx as D, createVNode as m, unref as d, isRef as Q, normalizeStyle as le, Teleport as se, normalizeProps as ae, guardReactiveProps as ne } from "vue";
-import { u as K, S as re, c as ee, b as W, f as ie } from "./app-D1teOEQX.js";
-import { useDialog as de, useSnackbar as te, useProxiedModel as X, useBreakpoints as ue } from "@feedmepos/ui-library";
-import { i as ce, _ as me } from "./is-linked-ingredient-error-C6AghEwR.js";
-import { F as U, D as Z, R as L } from "./row-action.enum-BwQbURNh.js";
-import { c as pe, _ as fe, F as ve, u as ye } from "./layout-BxDEsp4a.js";
-import { _ as be, a as _e } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DgHp7KgJ.js";
-import { R as z, A as ge, a as xe } from "./rules-CQu9yXsg.js";
-import { a as O, c as he } from "./number-Dvvpk3SV.js";
-import { F as Ve } from "./decimal-ziY3648r.js";
-import { _ as Ue } from "./NumberPrecisionInput.vue_vue_type_script_setup_true_lang-kidodonU.js";
-const we = { class: "flex flex-col gap-8" }, Ce = /* @__PURE__ */ l("div", { class: "fm-typo-en-body-md-400" }, "Sorry, this unit is used in the following modules:", -1), Se = {
-  key: 0,
-  class: "flex flex-col"
-}, $e = /* @__PURE__ */ l("div", { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, [
-  /* @__PURE__ */ l("div", { class: "flex-1 py-8 px-16" }, "Ingredient"),
-  /* @__PURE__ */ l("div", {
-    class: "flex-0 py-8 px-16",
-    style: { "flex-basis": "240px" }
-  }, "Used in")
-], -1), ke = { class: "flex-1 py-8 px-16" }, Fe = {
-  class: "flex-0 py-8 px-16",
-  style: { "flex-basis": "240px" }
-}, Ae = {
-  key: 1,
-  class: "flex flex-col"
-}, Ee = /* @__PURE__ */ l("div", { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, [
-  /* @__PURE__ */ l("div", { class: "flex-1 py-8 px-16" }, "Recipe"),
-  /* @__PURE__ */ l("div", {
-    class: "flex-0 py-8 px-16",
-    style: { "flex-basis": "240px" }
-  }, "Used in")
-], -1), Ie = { class: "flex-1 py-8 px-16" }, De = {
-  class: "flex-0 py-8 px-16",
-  style: { "flex-basis": "240px" }
-}, Re = {
-  key: 2,
-  class: "flex flex-col"
-}, Pe = /* @__PURE__ */ l("div", { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, [
-  /* @__PURE__ */ l("div", { class: "flex-1 py-8 px-16" }, "Menu"),
-  /* @__PURE__ */ l("div", {
-    class: "flex-0 py-8 px-16",
-    style: { "flex-basis": "240px" }
-  }, "Used in")
-], -1), Me = { class: "flex-1 py-8 px-16" }, Te = {
-  class: "flex-0 py-8 px-16",
-  style: { "flex-basis": "240px" }
-}, Be = /* @__PURE__ */ H({
-  __name: "UnitUsedBy",
-  props: {
-    unit: {}
-  },
-  setup(h) {
-    const u = h, b = K(), a = x(() => b.validateUnitUsage(u.unit)), s = x(() => a.value.filter((f) => f.from === "INGREDIENT")), r = x(() => a.value.filter((f) => f.from === "RECIPE")), p = x(() => a.value.filter((f) => f.from === "MENU"));
-    return (f, V) => (c(), w("div", we, [
-      Ce,
-      s.value.length ? (c(), w("div", Se, [
-        $e,
-        (c(!0), w(j, null, q(s.value, (t) => {
-          var n;
-          return c(), w("div", {
-            key: t.code,
-            class: "flex flex-row fm-typo-en-body-md-400 h-48 items-center border-b border-b-fm-color-neutral-gray-100"
-          }, [
-            l("div", ke, g(t.code) + " " + g(t.name), 1),
-            l("div", Fe, g((n = t.bindedIngredient) != null && n.length ? "Convert binding" : "Item unit"), 1)
-          ]);
-        }), 128))
-      ])) : G("", !0),
-      r.value.length ? (c(), w("div", Ae, [
-        Ee,
-        (c(!0), w(j, null, q(r.value, (t) => {
-          var n, v, y;
-          return c(), w("div", {
-            key: t.code,
-            class: "flex flex-row fm-typo-en-body-md-400 h-48 items-center border-b border-b-fm-color-neutral-gray-100"
-          }, [
-            l("div", Ie, g(t.code) + " " + g(t.name), 1),
-            l("div", De, g((n = t.bindedIngredient) == null ? void 0 : n.slice(0, 3).map((e) => e.code).join(", ")) + " " + g(t.bindedIngredient && ((v = t.bindedIngredient) == null ? void 0 : v.length) > 3 ? `and ${((y = t.bindedIngredient) == null ? void 0 : y.length) - 3} more` : ""), 1)
-          ]);
-        }), 128))
-      ])) : G("", !0),
-      p.value.length ? (c(), w("div", Re, [
-        Pe,
-        (c(!0), w(j, null, q(p.value, (t) => {
-          var n, v, y;
-          return c(), w("div", {
-            key: t.code,
-            class: "flex flex-row fm-typo-en-body-md-400 h-48 items-center border-b border-b-fm-color-neutral-gray-100"
-          }, [
-            l("div", Me, g(t.code) + " " + g(t.name), 1),
-            l("div", Te, g((n = t.bindedIngredient) == null ? void 0 : n.slice(0, 3).map((e) => e.code).join(", ")) + " " + g(t.bindedIngredient && ((v = t.bindedIngredient) == null ? void 0 : v.length) > 3 ? `and ${((y = t.bindedIngredient) == null ? void 0 : y.length) - 3} more` : ""), 1)
-          ]);
-        }), 128))
-      ])) : G("", !0)
-    ]));
-  }
-});
-function Ne() {
-  const h = de(), u = te(), b = K(), a = R(!1), s = R();
-  function r() {
-    const t = {
-      unit: {},
-      mode: U.CREATE,
-      show: !0,
-      "onUpdate:show"(n) {
-        s.value.show = n;
-      }
-    };
-    s.value = t;
-  }
-  async function p(t) {
-    const n = {
-      unit: t,
-      mode: U.UPDATE,
-      show: !0,
-      "onUpdate:show"(v) {
-        s.value.show = v;
-      }
-    };
-    s.value = n;
-  }
-  async function f(t) {
-    a.value = !0;
-    try {
-      await b.deleteUnit(t), u.open({
-        title: "Success",
-        message: `Deleted ${t.name}`,
-        type: "success"
-      });
-    } catch (n) {
-      n instanceof re && ce(n) ? h.open({
-        title: "Cannot delete unit",
-        contentComponent: me,
-        contentComponentProps: {
-          subject: (t == null ? void 0 : t.name) ?? "",
-          items: n.errorResponse.message
-        },
-        secondaryActions: {
-          text: "Close",
-          close: !0
-        }
-      }) : console.log("unable to delete unit", n), u.open({
-        title: `Cannot delete ${t.name}`,
-        message: "Please try again.",
-        type: "error"
-      }), console.error("failed to delete unit", n);
-    } finally {
-      a.value = !1;
-    }
-  }
-  function V(t) {
-    if (b.validateUnitUsage(t).length) {
-      h.open({
-        title: `Cannot delete ${(t == null ? void 0 : t.name) ?? "unit"}`,
-        overlay: !0,
-        dismissAway: !0,
-        closeButton: !0,
-        contentComponent: Be,
-        contentComponentProps: {
-          unit: t
-        },
-        primaryActions: {
-          text: "Confirm",
-          close: !0
-        }
-      });
-      return;
-    }
-    h.open({
-      title: `Delete ${(t == null ? void 0 : t.name) ?? "unit"}?`,
-      closeButton: !1,
-      message: "You may not be able to delete this unit if it is linked in any of the inventory modules.",
-      primaryActions: {
-        text: "Delete",
-        close: !0,
-        variant: "destructive"
-      },
-      secondaryActions: {
-        text: "Cancel",
-        close: !0
-      }
-    }).onPrimary(() => f(t));
-  }
-  return {
-    createUnit: r,
-    updateUnit: p,
-    deleteUnit: V,
-    unitDialogProps: s,
-    unitViewLoading: a
-  };
-}
-function Le({
-  updateUnit: h,
-  deleteUnit: u
-}) {
-  async function b(s, r) {
-    const p = ee(r);
-    if (s === L.Edit) {
-      await h(p);
-      return;
-    }
-    if (s === L.Delete) {
-      await u(p);
-      return;
-    }
-  }
-  return { columnDefs: [
-    {
-      accessorKey: "name",
-      header: "Name",
-      enableSorting: !0,
-      size: 300
-    },
-    {
-      accessorKey: "abbrev",
-      header: "Symbol",
-      enableSorting: !1,
-      size: "auto"
-    },
-    {
-      id: "action",
-      header: "",
-      cell(s) {
-        return pe(
-          [Z[L.Edit], Z[L.Delete]],
-          (r) => {
-            b(r, s.row.original);
-          }
-        );
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    }
-  ] };
-}
-const ze = { class: "flex flex-col gap-24" }, je = { class: "flex gap-24" }, qe = { class: "flex-1" }, He = { class: "flex-1" }, Ke = { class: "flex" }, Ge = { class: "flex items-center" }, Oe = { class: "fm-typo-en-body-lg-600 flex-grow" }, Ye = { class: "flex flex-col gap-24" }, Je = { class: "flex gap-24" }, Qe = { class: "flex-1" }, We = { class: "flex-1" }, Xe = /* @__PURE__ */ H({
-  __name: "UnitForm",
-  props: {
-    mode: {},
-    modelValue: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:modelValue", "click:submit"],
-  setup(h, { expose: u, emit: b }) {
-    const a = h, s = b;
-    function r() {
-      s("click:submit");
-    }
-    const p = x({
-      get() {
-        var e;
-        return ((e = a.modelValue) == null ? void 0 : e.name) ?? "";
-      },
-      set(e) {
-        const o = a.modelValue ?? {};
-        o.name = e, s("update:modelValue", o);
-      }
-    }), f = x({
-      get() {
-        var e;
-        return ((e = a.modelValue) == null ? void 0 : e.abbrev) ?? "";
-      },
-      set(e) {
-        const o = a.modelValue ?? {};
-        o.abbrev = e, s("update:modelValue", o);
-      }
-    }), V = x({
-      get() {
-        var e;
-        return ((e = a.modelValue) == null ? void 0 : e.precision) ?? 0;
-      },
-      set(e) {
-        const o = a.modelValue ?? {};
-        o.precision = e, s("update:modelValue", o);
-      }
-    }), t = x({
-      get() {
-        var e;
-        return ((e = a.modelValue) == null ? void 0 : e.measurements) ?? [];
-      },
-      set(e) {
-        const o = a.modelValue ?? {};
-        o.measurements = e, s("update:modelValue", o);
-      }
-    });
-    function n() {
-      const e = a.modelValue ?? {}, o = e.measurements ?? [];
-      e.measurements = [
-        ...o,
-        {
-          id: `measurement_${(/* @__PURE__ */ new Date()).toISOString()}_${Math.random().toString(16).slice(2, 8)}`,
-          name: "",
-          abbrev: "",
-          conversion: {
-            amount: 1,
-            precision: 0
-          }
-        }
-      ], s("update:modelValue", e);
-    }
-    function v(e) {
-      const o = a.modelValue ?? {}, i = o.measurements ?? [];
-      i.splice(e, 1), o.measurements = i, s("update:modelValue", o);
-    }
-    const y = R();
-    return u({
-      validateInputs: () => {
-        var e, o;
-        (o = (e = y.value) == null ? void 0 : e.validateInputs) == null || o.call(e);
-      },
-      resetInputsValidation: () => {
-        var e, o;
-        (o = (e = y.value) == null ? void 0 : e.resetInputsValidation) == null || o.call(e);
-      },
-      resetInputs: () => {
-        var e, o;
-        (o = (e = y.value) == null ? void 0 : e.resetInputs) == null || o.call(e);
-      }
-    }), (e, o) => {
-      const i = A("FmTextField"), E = A("FmStepperField"), S = A("FmButton"), $ = A("FmCard"), F = A("FmForm");
-      return c(), M(F, {
-        ref_key: "formRef",
-        ref: y,
-        class: "flex flex-col gap-40",
-        onValidationSuccess: r
-      }, {
-        default: D(() => {
-          var P;
-          return [
-            l("div", ze, [
-              l("div", je, [
-                l("div", qe, [
-                  m(i, {
-                    disabled: e.disabled,
-                    label: "Name",
-                    modelValue: p.value,
-                    "onUpdate:modelValue": o[0] || (o[0] = (C) => p.value = C),
-                    rules: [d(z)()],
-                    "label-mark": "required"
-                  }, null, 8, ["disabled", "modelValue", "rules"])
-                ]),
-                l("div", He, [
-                  m(i, {
-                    disabled: e.disabled,
-                    label: "Symbol",
-                    modelValue: f.value,
-                    "onUpdate:modelValue": o[1] || (o[1] = (C) => f.value = C),
-                    rules: [d(z)()],
-                    "label-mark": "required"
-                  }, null, 8, ["disabled", "modelValue", "rules"])
-                ])
-              ]),
-              l("div", null, [
-                m(E, {
-                  disabled: e.disabled,
-                  class: "col-span-3",
-                  label: "Precision",
-                  modelValue: V.value,
-                  "onUpdate:modelValue": o[2] || (o[2] = (C) => V.value = C),
-                  rules: [d(ge)(0)]
-                }, null, 8, ["disabled", "modelValue", "rules"])
-              ])
-            ]),
-            l("div", Ke, [
-              m(S, {
-                disabled: e.disabled,
-                type: "button",
-                "prepend-icon": "add",
-                label: "Add measurement",
-                variant: "plain",
-                onClick: n
-              }, null, 8, ["disabled"])
-            ]),
-            (c(!0), w(j, null, q((P = e.modelValue) == null ? void 0 : P.measurements, (C, _) => (c(), M($, {
-              class: "flex flex-col gap-16 p-16",
-              variant: "outlined",
-              key: C.id
-            }, {
-              default: D(() => [
-                l("div", Ge, [
-                  l("div", Oe, "Measurement " + g(_ + 1), 1),
-                  m(S, {
-                    disabled: e.disabled,
-                    variant: "tertiary",
-                    "prepend-icon": "delete",
-                    onClick: (k) => v(_)
-                  }, null, 8, ["disabled", "onClick"])
-                ]),
-                l("div", Ye, [
-                  l("div", Je, [
-                    l("div", Qe, [
-                      m(i, {
-                        disabled: e.disabled,
-                        class: "col-span-2",
-                        label: "Name",
-                        modelValue: e.modelValue.measurements[_].name,
-                        "onUpdate:modelValue": (k) => e.modelValue.measurements[_].name = k,
-                        rules: [d(z)()],
-                        "label-mark": "required"
-                      }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "rules"])
-                    ]),
-                    l("div", We, [
-                      m(i, {
-                        disabled: e.disabled,
-                        label: "Symbol",
-                        modelValue: e.modelValue.measurements[_].abbrev,
-                        "onUpdate:modelValue": (k) => e.modelValue.measurements[_].abbrev = k,
-                        rules: [d(z)()],
-                        "label-mark": "required"
-                      }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "rules"])
-                    ])
-                  ]),
-                  m(Ue, {
-                    disabled: e.disabled,
-                    class: "col-span-3",
-                    label: "Conversion",
-                    "model-value": +d(O)(e.modelValue.measurements[_].conversion),
-                    "onUpdate:modelValue": (k) => t.value = t.value.map(
-                      (I, T) => T === _ ? {
-                        ...I,
-                        conversion: d(Ve).toPrecision(
-                          d(he)(k),
-                          V.value
-                        )
-                      } : I
-                    ),
-                    rules: [d(xe)(0)],
-                    step: +d(O)({ amount: 1, precision: V.value }),
-                    "helper-text": `1 ${e.modelValue.measurements[_].name || "measurement unit"} equal to ${+d(O)(e.modelValue.measurements[_].conversion)} ${p.value || "base unit"}`
-                  }, null, 8, ["disabled", "model-value", "onUpdate:modelValue", "rules", "step", "helper-text"])
-                ])
-              ]),
-              _: 2
-            }, 1024))), 128))
-          ];
-        }),
-        _: 1
-      }, 512);
-    };
-  }
-}), Ze = { class: "flex gap-4" }, et = /* @__PURE__ */ H({
-  __name: "UnitDialog",
-  props: {
-    show: { type: Boolean },
-    unit: {},
-    mode: { default: U.READ }
-  },
-  emits: ["update:show"],
-  setup(h) {
-    const u = h, b = K(), a = te(), s = X(u, "show"), r = X(u, "unit"), p = x(() => {
-      switch (u.mode) {
-        case U.READ:
-          return "View unit";
-        case U.UPDATE:
-          return "Edit unit";
-        case U.CREATE:
-          return "Add unit";
-      }
-      return "";
-    }), f = x(() => {
-      switch (u.mode) {
-        case U.READ:
-          return "";
-        case U.UPDATE:
-          return "Save";
-        case U.CREATE:
-          return "Add";
-      }
-      return "";
-    }), V = R(), t = R(!1);
-    async function n() {
-      t.value = !0;
-      try {
-        const o = ee(r.value);
-        o.precision ?? (o.precision = 0), o.measurements ?? (o.measurements = []), await b.createUnit(o), s.value = !1, a.open({
-          title: "Success",
-          message: "Created " + r.value.name,
-          type: "success"
-        });
-      } catch (o) {
-        o instanceof W || a.open({
-          title: "Failed to create unit",
-          message: "Please try again",
-          type: "error"
-        });
-      } finally {
-        t.value = !1;
-      }
-    }
-    async function v() {
-      t.value = !0;
-      try {
-        await b.updateUnit(r.value), s.value = !1, a.open({
-          title: "Success",
-          message: "Updated " + r.value.name,
-          type: "success"
-        });
-      } catch (o) {
-        o instanceof W || a.open({
-          title: "Failed to update unit",
-          message: "Please try again",
-          type: "error"
-        });
-      } finally {
-        t.value = !1;
-      }
-    }
-    function y() {
-      var o, i;
-      (i = (o = V.value) == null ? void 0 : o.validateInputs) == null || i.call(o);
-    }
-    function e() {
-      switch (u.mode) {
-        case U.READ:
-          return;
-        case U.UPDATE:
-          return v();
-        case U.CREATE:
-          return n();
-      }
-    }
-    return (o, i) => {
-      const E = A("FmButton"), S = A("FmSideSheet");
-      return c(), M(S, {
-        "model-value": d(s),
-        "onUpdate:modelValue": i[3] || (i[3] = ($) => Q(s) ? s.value = $ : null),
-        header: p.value,
-        "close-button": "",
-        "dismiss-away": "",
-        "max-width": 500
-      }, {
-        "side-sheet-footer": D(() => [
-          l("div", Ze, [
-            m(E, {
-              loading: t.value,
-              label: f.value,
-              onClick: y
-            }, null, 8, ["loading", "label"]),
-            m(E, {
-              disabled: t.value,
-              label: "Close",
-              variant: "tertiary",
-              onClick: i[2] || (i[2] = ($) => s.value = !1)
-            }, null, 8, ["disabled"])
-          ])
-        ]),
-        default: D(() => [
-          m(Xe, {
-            class: "w-full",
-            ref_key: "hasValidationExpose",
-            ref: V,
-            modelValue: d(r),
-            "onUpdate:modelValue": i[0] || (i[0] = ($) => Q(r) ? r.value = $ : null),
-            mode: o.mode,
-            disabled: t.value,
-            "onClick:submit": i[1] || (i[1] = ($) => e())
-          }, null, 8, ["modelValue", "mode", "disabled"])
-        ]),
-        _: 1
-      }, 8, ["model-value", "header"]);
-    };
-  }
-}), tt = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, ot = { class: "flex flex-col py-8" }, lt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, yt = /* @__PURE__ */ H({
-  __name: "UnitView",
-  setup(h) {
-    const u = K(), b = ie(), a = x(() => u.units), { createUnit: s, updateUnit: r, deleteUnit: p, unitDialogProps: f, unitViewLoading: V } = Ne(), { columnDefs: t } = Le({ updateUnit: r, deleteUnit: p });
-    function n(E) {
-      E === "add" && s();
-    }
-    const v = R(""), y = x(() => V.value), { breakpoints: e } = ue(), o = x(() => e.value.xs || e.value.sm ? 10 : 20), i = ye();
-    return (E, S) => {
-      const $ = A("FmTable");
-      return c(), M(be, {
-        title: "Unit",
-        actions: [{ label: "Add unit", value: "add", isPrimary: !0, prependIcon: "add" }],
-        "onClick:action": n
-      }, {
-        default: D(() => [
-          l("div", tt, [
-            m(_e, {
-              searchable: "",
-              search: v.value,
-              "onUpdate:search": S[0] || (S[0] = (F) => v.value = F)
-            }, null, 8, ["search"]),
-            m($, {
-              style: le(d(i).tableHeight),
-              "column-defs": d(t),
-              "row-data": a.value,
-              "search-value": v.value,
-              loading: !d(b)._currentLocation || y.value,
-              onRowClick: S[1] || (S[1] = (F) => d(r)(F.original)),
-              "page-size": o.value
-            }, {
-              "list-row": D((F) => [
-                m(fe, {
-                  row: F,
-                  onRowClick: d(r)
-                }, {
-                  default: D((P) => {
-                    var C, _, k, I, T, B, Y, N, J;
-                    return [
-                      l("div", ot, [
-                        l("div", lt, [
-                          m(d(ve), {
-                            render: (k = (_ = (C = P.name) == null ? void 0 : C.column) == null ? void 0 : _.columnDef) == null ? void 0 : k.cell,
-                            props: (T = (I = P.name) == null ? void 0 : I.getContext) == null ? void 0 : T.call(I)
-                          }, null, 8, ["render", "props"])
-                        ]),
-                        l("div", st, g((J = (N = (Y = (B = F.original.measurements) == null ? void 0 : B.map) == null ? void 0 : Y.call(B, (oe) => oe.name)) == null ? void 0 : N.join) == null ? void 0 : J.call(N, ", ")), 1)
-                      ])
-                    ];
-                  }),
-                  _: 2
-                }, 1032, ["row", "onRowClick"])
-              ]),
-              _: 1
-            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
-          ]),
-          (c(), M(se, { to: "body" }, [
-            m(et, ae(ne(d(f))), null, 16)
-          ]))
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  yt as default
-};