@feedmepos/mf-inventory-portal 0.0.22-dev.34 → 0.0.22-dev.37

package/dist/TransferTemplateView-ByYEje9E.js

@@ -1,1237 +0,0 @@
-import { defineComponent as Z, onMounted as me, computed as R, ref as U, watch as ce, inject as Ne, resolveComponent as C, openBlock as D, createElementBlock as Q, createElementVNode as n, createVNode as f, withCtx as E, renderSlot as ke, withDirectives as Me, normalizeClass as re, vModelText as $e, reactive as ze, h as W, toDisplayString as $, unref as e, createBlock as K, mergeProps as Ve, isRef as De, createCommentVNode as Y, Fragment as Re, renderList as He, normalizeStyle as je, Teleport as Qe, normalizeProps as Ge, guardReactiveProps as Ke } from "vue";
-import { u as We, _ as Ze, a as Je } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-z-BBBTkh.js";
-import { useI18n as J } from "@feedmepos/mf-common";
-import { P as N, a as Xe, f as Ye, t as et, b as Ce, u as tt } from "./purchase-order-transaction-type-BJDnbhdk.js";
-import { F as ee, R as Se } from "./row-action.enum-PMKMRrZR.js";
-import { ad as ie, t as Oe, I as ot, ae as nt, af as st, a as G, ag as lt, E as Ie, R as ue, u as Ae, $ as at, a2 as rt, a0 as it, s as ae, a1 as ut, m as dt, A as de, M as mt, b as Pe, j as Le, z as ct, l as pt, ah as se, H as ft } from "./app-Z9P39kGh.js";
-import { components as le, useDialog as yt, useSnackbar as vt, useProxiedModel as Be, useBreakpoints as bt } from "@feedmepos/ui-library";
-import { storeToRefs as _t } from "pinia";
-import "vue-router";
-import { d as Ue } from "./defineDeepModel-DH8vhBpR.js";
-import { c as xt, u as ht, _ as gt } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-DZtc5R4Z.js";
-import { u as Ft } from "./supplier-wJJ7ATk2.js";
-import { F as j, _ as Ee } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
-import { u as Tt } from "./use-template-enabled-locations-2-CeSeHnX0.js";
-import { f as wt } from "./format-time-from-id-CAjL4U2X.js";
-const kt = { class: "flex flex-col" }, Mt = { class: "flex flex-col" }, $t = { class: "flex-1" }, Ct = { class: "flex items-center" }, St = { class: "flex-1" }, Ot = { class: "flex-1" }, It = /* @__PURE__ */ Z({
-  __name: "FmMinMaxInput",
-  props: {
-    rules: {},
-    label: {},
-    minPlaceholder: {},
-    maxPlaceholder: {},
-    modelValue: {},
-    precision: {},
-    minLength: {},
-    maxLength: {},
-    inputmode: {},
-    type: {},
-    readonly: { type: Boolean },
-    labelMark: {},
-    prependIcon: {},
-    appendIcon: {},
-    showValidBorder: { type: Boolean },
-    labelInfo: {},
-    showWordCount: { type: Boolean },
-    invalid: { type: Boolean },
-    autofocus: { type: Boolean },
-    formatter: { type: Function },
-    decimal: {},
-    datalist: {},
-    shiftDatalist: { type: Boolean },
-    datalistMaxHeight: {},
-    datalistMinHeight: {},
-    offsetDatalist: {},
-    datalistPlacement: {},
-    datalistZIndex: {},
-    datalistWidth: {},
-    disabled: { type: Boolean },
-    focused: { type: Boolean },
-    helperText: {},
-    helperState: {}
-  },
-  setup(b) {
-    const _ = b, c = Ue("modelValue"), s = ot();
-    me(() => {
-      const { min: v, max: r } = c ?? {};
-      if (!(!v || !r) && v.precision !== r.precision) {
-        const h = Math.max(v.precision, r.precision), a = ie(v, h), i = ie(r, h);
-        c.min = a, c.max = i;
-      }
-    });
-    const p = R(() => {
-      const { min: v, max: r } = c ?? {};
-      return Math.max((v == null ? void 0 : v.precision) ?? 0, (r == null ? void 0 : r.precision) ?? 0, _.precision ?? 0);
-    }), m = (v) => {
-      if (!v) return "";
-      const r = nt(v), h = p.value, a = ie(r, h);
-      return st(
-        +G(a),
-        a.precision
-      );
-    }, o = U(m(c.min)), u = U(m(c.max));
-    ce([o, u], ([v, r]) => {
-      const h = c ?? {}, a = s(v), i = s(r), t = p.value;
-      if (v !== "" && a === !0) {
-        const l = Oe(+v, t);
-        h.min = l;
-      } else
-        h.min = null;
-      if (r !== "" && i === !0) {
-        const l = Oe(+r, t);
-        h.max = l;
-      } else
-        h.max = null;
-      c.min = h.min, c.max = h.max;
-    });
-    const g = Symbol.for("fm:form-state"), F = Ne(g, null), w = R(() => _.disabled ?? (F == null ? void 0 : F.getDisabled()) ?? !1), O = U(), x = U(), y = U(!1), T = U(!1), L = R(() => y.value || T.value), z = R(() => [...[
-      function() {
-        return typeof s(o.value) == "string" || typeof s(u.value) == "string" ? "Must be a number" : !0;
-      },
-      function(h) {
-        return !h || !h.min || !h.max ? !0 : +G(h.min) > +G(h.max) ? "Min must be less than or equal to max" : !0;
-      }
-    ], ..._.rules ?? []]);
-    return (v, r) => {
-      const h = C("FmLabel"), a = C("FmField"), i = C("FmFormGroup");
-      return D(), Q("div", kt, [
-        n("div", Mt, [
-          n("div", $t, [
-            f(h, {
-              label: v.label,
-              disabled: v.disabled,
-              required: v.labelMark === "required",
-              optional: v.labelMark === "optional"
-            }, null, 8, ["label", "disabled", "required", "optional"])
-          ]),
-          f(a, { focused: L.value }, {
-            default: E(() => [
-              n("div", Ct, [
-                ke(v.$slots, "prepend"),
-                r[6] || (r[6] = n("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Min.", -1)),
-                n("div", St, [
-                  Me(n("input", {
-                    type: "text",
-                    ref_key: "minInputRef",
-                    ref: O,
-                    onFocus: r[0] || (r[0] = () => y.value = !0),
-                    onBlur: r[1] || (r[1] = () => y.value = !1),
-                    "onUpdate:modelValue": r[2] || (r[2] = (t) => o.value = t),
-                    class: re({
-                      "fm-text-field--input fm-typo-en-body-lg-400": !0,
-                      "text-fm-color-typo-primary": !w.value,
-                      "text-fm-color-typo-disabled": w.value
-                    })
-                  }, null, 34), [
-                    [$e, o.value]
-                  ])
-                ]),
-                r[7] || (r[7] = n("div", { class: "block h-32 mx-4 w-[1px] bg-fm-color-neutral-gray-200" }, null, -1)),
-                r[8] || (r[8] = n("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Max.", -1)),
-                n("div", Ot, [
-                  Me(n("input", {
-                    type: "text",
-                    ref_key: "maxInputRef",
-                    ref: x,
-                    onFocus: r[3] || (r[3] = () => T.value = !0),
-                    onBlur: r[4] || (r[4] = () => T.value = !1),
-                    "onUpdate:modelValue": r[5] || (r[5] = (t) => u.value = t),
-                    class: re({
-                      "fm-text-field--input fm-typo-en-body-lg-400": !0,
-                      "text-fm-color-typo-primary": !w.value,
-                      "text-fm-color-typo-disabled": w.value
-                    })
-                  }, null, 34), [
-                    [$e, u.value]
-                  ])
-                ]),
-                ke(v.$slots, "append")
-              ])
-            ]),
-            _: 3
-          }, 8, ["focused"])
-        ]),
-        f(i, {
-          class: "flex-1",
-          "model-value": v.modelValue,
-          info: v.labelInfo,
-          rules: z.value,
-          "helper-text": v.helperText,
-          "helper-state": v.helperState
-        }, null, 8, ["model-value", "info", "rules", "helper-text", "helper-state"])
-      ]);
-    };
-  }
-});
-function Vt() {
-  return function(_) {
-    return !_ || !_.min || !_.max ? "Required" : !0;
-  };
-}
-function Dt(b, _) {
-  return function(s) {
-    return !s || !s.min || !s.max ? !0 : +G(s.min) < b ? `Must be between ${b} and ${_}` : +G(s.max) > _ ? `Must be between ${b} and ${_}` : !0;
-  };
-}
-function Rt(b) {
-  const _ = lt(b), c = G(b);
-  return function(p) {
-    if (!(p != null && p.min) || !(p != null && p.max)) return !0;
-    const m = _(p.min) === !0, o = _(p.max) === !0;
-    return !m && !o ? `Min & max must be a multiple of ${c}` : m ? o ? !0 : `Max must be a multiple of ${c}` : `Min must be a multiple of ${c}`;
-  };
-}
-var P = /* @__PURE__ */ ((b) => (b.Code = "Code", b.Name = "Name", b.DefaultAmount = "DefaultAmount", b.Limit = "Limit", b.MinimumAmount = "MinimumAmount", b.Step = "Step", b.Cost = "Cost", b.Delete = "Delete", b))(P || {});
-function At(b) {
-  const { t: _ } = J(), c = ze({});
-  me(() => {
-    for (const m of b.items) {
-      if (!m.totalCost)
-        continue;
-      const o = xt(m.sku, m.quantity, m.measurement, {
-        supplier: b.supplier
-      }), u = m.totalCost ?? Ie.reset();
-      o ? c[m.sku._id] = o.amount !== u.amount || o.precision !== u.precision : c[m.sku._id] = !0;
-    }
-  });
-  const s = [
-    {
-      id: "Code",
-      header: () => _("inventory.transfer.form.items.table.Code"),
-      accessorKey: "code",
-      size: 96,
-      cell(m) {
-        const o = m.row.original;
-        return W(le.FmTextField, {
-          modelValue: o.code,
-          "onUpdate:modelValue": (u) => {
-            b.updateItem({
-              ...o,
-              code: u
-            });
-          },
-          key: o.sku._id,
-          rules: [ue()],
-          labelMark: "required"
-        });
-      },
-      enableSorting: !1
-    },
-    {
-      id: "Name",
-      header: () => _("inventory.transfer.form.items.table.Name"),
-      minSize: 300,
-      cell(m) {
-        const o = m.row.original;
-        return W(le.FmTextField, {
-          modelValue: o.name,
-          "onUpdate:modelValue": (u) => {
-            b.updateItem({
-              ...o,
-              name: u
-            });
-          },
-          key: o.sku._id,
-          rules: [ue()],
-          labelMark: "required"
-        });
-      },
-      enableSorting: !1
-    },
-    {
-      id: "DefaultAmount",
-      header: () => _("inventory.transfer.form.items.table.DefaultAmount"),
-      minSize: 200,
-      cell(m) {
-        var x;
-        const o = m.row.original, u = Ae(), g = u.skuById[o.sku._id], F = u.unitById[(x = g.unit) == null ? void 0 : x._id], w = F.measurements.find((y) => {
-          var T;
-          return ((T = o.measurement) == null ? void 0 : T.id) === y.id;
-        }), O = o.sku.unit._id !== g.unit._id || !F || o.measurement && !w;
-        return W(at, {
-          style: {
-            flex: "1 1 0%"
-          },
-          modelValue: {
-            amount: o.quantity ?? { amount: 1, precision: 0 },
-            // NOTE: leave this reading from row.sku.unit and row.measurement instead,
-            measurement: o.measurement ?? (o.sku.unit._id !== g.unit._id ? { ...o.sku.unit, id: "", conversion: { amount: 1, precision: 0 } } : null)
-          },
-          disabled: b.disabled,
-          key: o.sku._id,
-          unit: F,
-          "onUpdate:modelValue": (y) => {
-            b.updateItem({
-              ...o,
-              sku: g,
-              quantity: y.amount,
-              measurement: y.measurement
-            });
-          },
-          rules: [
-            rt(o.quantityStep),
-            it(
-              +G(
-                o.minimumQuantity ?? {
-                  amount: 1,
-                  // NOTE: leave this reading from row.sku.unit and row.measurement instead,
-                  precision: ae(o.sku.unit, o.measurement)
-                }
-              )
-            ),
-            ut(
-              o.maximumQuantity ? +G(o.maximumQuantity) : 1 / 0
-            ),
-            function(T) {
-              return O ? "This item is no longer valid due to change in unit. Please reapply unit." : !0;
-            }
-          ],
-          applyDefaultRules: !0
-        });
-      },
-      enableSorting: !1
-    },
-    {
-      id: "Limit",
-      header: () => "Limit",
-      // TODO: i18n,
-      minSize: 280,
-      cell(m) {
-        const o = m.row.original;
-        return W(It, {
-          style: {
-            flex: "1 1 0%"
-          },
-          modelValue: {
-            min: o.minimumQuantity,
-            max: o.maximumQuantity
-          },
-          disabled: b.disabled,
-          key: o.sku._id,
-          unit: o.sku.unit,
-          "onUpdate:modelValue": (u) => {
-            const g = { ...o };
-            u != null && u.min && (g.minimumQuantity = u.min), u != null && u.max && (g.maximumQuantity = u.max), b.updateItem(g);
-          },
-          rules: [
-            Vt(),
-            Rt(o.quantityStep),
-            Dt(
-              +G({
-                amount: 1,
-                precision: ae(o.sku.unit, o.measurement)
-              }),
-              1 / 0
-            )
-          ],
-          disableUnit: !0,
-          applyDefaultRules: !0
-        });
-      }
-    },
-    {
-      id: "Step",
-      header: () => _("inventory.transfer.form.items.table.Step"),
-      minSize: 100,
-      cell(m) {
-        const o = m.row.original;
-        return W(le.FmTextField, {
-          modelValue: G(o.quantityStep ?? Ie.reset(), !1),
-          key: o.sku._id,
-          "onUpdate:modelValue": (u) => {
-            b.updateItem({
-              ...o,
-              quantityStep: dt(+u)
-            });
-          },
-          rules: [
-            de({
-              amount: 1,
-              precision: ae(o.sku.unit, o.measurement)
-            }),
-            mt(o.sku.unit, o.measurement)
-          ]
-        });
-      },
-      enableSorting: !1
-    },
-    {
-      id: "Delete",
-      header: "",
-      cell(m) {
-        const o = m.row.original;
-        return W(le.FmButton, {
-          class: "delete-button",
-          key: o.sku._id,
-          type: "button",
-          icon: "delete",
-          variant: "tertiary",
-          size: "md",
-          disabled: b.disabled,
-          onClick: () => {
-            b.deleteItem(o);
-          }
-        });
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    }
-  ];
-  return {
-    columnDefs: R(() => Pe().enableTotalCost && b.transferType === N.PURCHASE ? s : s.filter((o) => o.id !== "Cost"))
-  };
-}
-const Pt = { class: "flex flex-col gap-8 py-16" }, Lt = { class: "flex items-center" }, Bt = { class: "flex-1 flex gap-1 items-center" }, Ut = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Et = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, qt = { class: "flex gap-8 w-full" }, Nt = { class: "flex-1 flex flex-col gap-4" }, zt = { class: "flex-1 flex flex-col gap-4" }, Ht = { class: "flex gap-8 w-full" }, jt = { class: "flex-1 flex flex-col gap-4" }, Qt = { class: "flex-1 flex flex-col gap-4" }, Gt = { class: "flex gap-8 w-full" }, Kt = { class: "flex-1 flex flex-col gap-4" }, Wt = /* @__PURE__ */ Z({
-  __name: "TransferTemplateItem",
-  props: {
-    cellByColId: {},
-    row: {}
-  },
-  setup(b) {
-    const { t: _ } = J();
-    return (c, s) => {
-      var m, o, u, g, F, w, O, x, y, T, L, z, v, r, h, a, i, t, l, d, M, S, I, V, A, H, q, k, B, X;
-      const p = C("FmLabel");
-      return D(), Q("div", Pt, [
-        n("div", Lt, [
-          n("div", Bt, [
-            n("span", Ut, " (" + $(c.row.original.sku.code) + ") ", 1),
-            n("span", Et, $(c.row.original.sku.name), 1)
-          ]),
-          n("div", null, [
-            f(e(j), {
-              render: (u = (o = (m = c.cellByColId.Delete) == null ? void 0 : m.column) == null ? void 0 : o.columnDef) == null ? void 0 : u.cell,
-              props: (F = (g = c.cellByColId.Delete) == null ? void 0 : g.getContext) == null ? void 0 : F.call(g)
-            }, null, 8, ["render", "props"])
-          ])
-        ]),
-        n("div", qt, [
-          n("div", Nt, [
-            f(p, {
-              label: e(_)(`inventory.transfer.form.items.table.${e(P).Code}`)
-            }, null, 8, ["label"]),
-            f(e(j), {
-              render: (x = (O = (w = c.cellByColId[e(P).Code]) == null ? void 0 : w.column) == null ? void 0 : O.columnDef) == null ? void 0 : x.cell,
-              props: (T = (y = c.cellByColId[e(P).Code]) == null ? void 0 : y.getContext) == null ? void 0 : T.call(y)
-            }, null, 8, ["render", "props"]),
-            s[0] || (s[0] = n("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ]),
-          n("div", zt, [
-            f(p, {
-              label: e(_)(`inventory.transfer.form.items.table.${e(P).Name}`)
-            }, null, 8, ["label"]),
-            f(e(j), {
-              render: (v = (z = (L = c.cellByColId[e(P).Name]) == null ? void 0 : L.column) == null ? void 0 : z.columnDef) == null ? void 0 : v.cell,
-              props: (h = (r = c.cellByColId[e(P).Name]) == null ? void 0 : r.getContext) == null ? void 0 : h.call(r)
-            }, null, 8, ["render", "props"]),
-            s[1] || (s[1] = n("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ])
-        ]),
-        n("div", Ht, [
-          n("div", jt, [
-            f(p, {
-              label: e(_)(`inventory.transfer.form.items.table.${e(P).DefaultAmount}`)
-            }, null, 8, ["label"]),
-            f(e(j), {
-              render: (t = (i = (a = c.cellByColId[e(P).DefaultAmount]) == null ? void 0 : a.column) == null ? void 0 : i.columnDef) == null ? void 0 : t.cell,
-              props: (d = (l = c.cellByColId[e(P).DefaultAmount]) == null ? void 0 : l.getContext) == null ? void 0 : d.call(l)
-            }, null, 8, ["render", "props"]),
-            s[2] || (s[2] = n("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ]),
-          n("div", Qt, [
-            f(p, {
-              label: e(_)(`inventory.transfer.form.items.table.${e(P).Step}`)
-            }, null, 8, ["label"]),
-            f(e(j), {
-              render: (I = (S = (M = c.cellByColId[e(P).Step]) == null ? void 0 : M.column) == null ? void 0 : S.columnDef) == null ? void 0 : I.cell,
-              props: (A = (V = c.cellByColId[e(P).Step]) == null ? void 0 : V.getContext) == null ? void 0 : A.call(V)
-            }, null, 8, ["render", "props"]),
-            s[3] || (s[3] = n("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ])
-        ]),
-        n("div", Gt, [
-          n("div", Kt, [
-            f(p, {
-              label: e(_)(`inventory.transfer.form.items.table.${e(P).Limit}`)
-            }, null, 8, ["label"]),
-            f(e(j), {
-              render: (k = (q = (H = c.cellByColId[e(P).Limit]) == null ? void 0 : H.column) == null ? void 0 : q.columnDef) == null ? void 0 : k.cell,
-              props: (X = (B = c.cellByColId[e(P).Limit]) == null ? void 0 : B.getContext) == null ? void 0 : X.call(B)
-            }, null, 8, ["render", "props"]),
-            s[4] || (s[4] = n("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ])
-        ])
-      ]);
-    };
-  }
-}), Zt = { class: "flex flex-col gap-16" }, Jt = { class: "flex flex-col gap-24" }, Xt = { class: "flex flex-col gap-16" }, Yt = { class: "flex items-center" }, eo = { class: "flex flex-col" }, to = { class: "flex flex-col gap-16" }, oo = { class: "flex" }, no = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, so = /* @__PURE__ */ Z({
-  __name: "TransferTemplateForm",
-  props: {
-    modelValue: {},
-    disabled: { type: Boolean }
-  },
-  setup(b, { expose: _ }) {
-    const c = b, s = Ue(), { t: p } = J(), m = Le(), o = Ae(), u = Ft();
-    ce(
-      () => c.modelValue,
-      (t) => {
-        console.log("TransferTemplateForm.model", t);
-      }
-    ), m.watchLocation(async () => {
-      location && (s.purchaseOrder.supplier || (s.purchaseOrder.supplier = u.suppliers.find((t) => t) ?? s.purchaseOrder.supplier));
-    });
-    const g = yt(), F = ht(
-      () => s.purchaseOrder,
-      (t) => {
-        s.purchaseOrder = {
-          ...s.purchaseOrder,
-          supplier: t.supplier ?? (s == null ? void 0 : s.purchaseOrder.supplier)
-        };
-      }
-    ), w = R({
-      get() {
-        var t, l;
-        return typeof ((l = (t = s.purchaseOrder) == null ? void 0 : t.supplier) == null ? void 0 : l.internal) == "string" ? N.TRANSFER : N.PURCHASE;
-      },
-      set(t) {
-        var d, M;
-        const l = typeof ((M = (d = s.purchaseOrder) == null ? void 0 : d.supplier) == null ? void 0 : M.internal) == "string" ? N.TRANSFER : N.PURCHASE;
-        t !== l && (s.purchaseOrder.supplier = t === N.PURCHASE ? F.locationOptionsTypePurchase.value[0] : F.locationOptionsTypeTransfer.value[0]);
-      }
-    }), O = R(() => F.transferLocationOptions.value), x = R({
-      get() {
-        var t;
-        return (t = s.purchaseOrder.supplier) == null ? void 0 : t._id;
-      },
-      set(t) {
-        F.transferLocationModel.value = t;
-      }
-    }), {
-      promptSelectLocations: y,
-      columnDefs: T,
-      rowData: L
-    } = Tt({
-      getLocations() {
-        return s.locations;
-      },
-      setLocations(t) {
-        s.locations = t;
-      }
-    });
-    function z() {
-      var t, l;
-      return (t = s.locations) != null && t.find((d) => {
-        var M, S;
-        return ((M = d.doc) == null ? void 0 : M._id) === ((S = s.purchaseOrder.supplier) == null ? void 0 : S._id);
-      }) ? `Location ${(l = s.purchaseOrder.supplier) == null ? void 0 : l.name} must be removed because template cannot be used to transfer to itself.` : !0;
-    }
-    const v = R({
-      get() {
-        return s.purchaseOrder.remark ?? void 0;
-      },
-      set(t) {
-        s.purchaseOrder.remark = t;
-      }
-    }), r = U();
-    _({
-      validateInputs: () => {
-        var t, l;
-        (l = (t = r.value) == null ? void 0 : t.validateInputs) == null || l.call(t);
-      },
-      resetInputsValidation: () => {
-        var t, l;
-        (l = (t = r.value) == null ? void 0 : t.resetInputsValidation) == null || l.call(t);
-      },
-      resetInputs: () => {
-        var t, l;
-        (l = (t = r.value) == null ? void 0 : t.resetInputs) == null || l.call(t);
-      }
-    });
-    const h = At({
-      updateItem: (t) => {
-        s.purchaseOrder.items = s.purchaseOrder.items.map((l) => l.sku._id !== t.sku._id ? l : t);
-      },
-      deleteItem: (t) => {
-        s.purchaseOrder.items = s.purchaseOrder.items.filter(
-          (l) => l.sku._id !== t.sku._id
-        );
-      },
-      get supplier() {
-        return s.purchaseOrder.supplier;
-      },
-      get items() {
-        return s.purchaseOrder.items;
-      },
-      get transferType() {
-        return N.PURCHASE;
-      },
-      get disabled() {
-        return c.disabled;
-      }
-    }), a = R(() => h.columnDefs.value);
-    function i() {
-      const t = o.skus.map((d) => ({
-        label: d.name,
-        sublabel: d.code,
-        value: d
-      })), l = t.filter((d) => {
-        var M;
-        return (M = s.purchaseOrder.items) == null ? void 0 : M.find((S) => S.sku._id === d.value._id);
-      }).map((d) => d.value);
-      g.open({
-        title: p("inventory.transfer.form.items.selectItem"),
-        closeButton: !0,
-        contentComponent: ct,
-        contentComponentProps: {
-          modelValue: l,
-          items: t,
-          virtualScroll: !0
-        },
-        primaryActions: {
-          text: p("common.confirm"),
-          close: !0
-        },
-        secondaryActions: {
-          text: p("common.close"),
-          close: !0,
-          variant: "tertiary"
-        }
-      }).onPrimary((d) => {
-        const M = s.purchaseOrder.items ?? [], S = d.map((I) => {
-          const V = M.find((q) => q.sku._id === I._id);
-          if (V)
-            return V;
-          const A = { amount: 1, precision: ae(I.unit) };
-          return {
-            sku: I,
-            code: I.code,
-            name: I.name,
-            quantity: A,
-            minimumQuantity: A,
-            maximumQuantity: pt(A, {
-              amount: 100,
-              precision: 0
-            }),
-            quantityStep: A
-          };
-        });
-        S.sort((I, V) => I.sku.code.localeCompare(V.sku.code)), s.purchaseOrder.items = S;
-      });
-    }
-    return (t, l) => {
-      const d = C("FmTextField"), M = C("FmSelect"), S = C("FmTextarea"), I = C("FmButton"), V = C("FmTable"), A = C("FmFormGroup"), H = C("FmForm");
-      return D(), K(H, {
-        ref_key: "formRef",
-        ref: r,
-        class: "flex flex-col gap-32",
-        disabled: t.disabled
-      }, {
-        default: E(() => {
-          var q;
-          return [
-            n("div", Zt, [
-              n("div", Jt, [
-                f(d, {
-                  label: e(p)("inventory.transfer.form.name"),
-                  "label-mark": "required",
-                  modelValue: e(s).name,
-                  "onUpdate:modelValue": l[0] || (l[0] = (k) => e(s).name = k),
-                  rules: [e(ue)()]
-                }, null, 8, ["label", "modelValue", "rules"]),
-                f(M, {
-                  label: e(p)("inventory.transfer.form.type.title"),
-                  "model-value": w.value,
-                  "onUpdate:modelValue": l[1] || (l[1] = (k) => w.value = k),
-                  items: [
-                    {
-                      label: e(p)("inventory.transfer.form.type.purchase"),
-                      value: e(N).PURCHASE,
-                      disabled: !e(F).locationOptionsTypePurchase.value.length,
-                      sublabel: e(F).locationOptionsTypePurchase.value.length ? void 0 : e(p)("inventory.transfer.form.noSupplierAvailable")
-                    },
-                    {
-                      label: e(p)("inventory.transfer.form.type.transfer"),
-                      value: e(N).TRANSFER,
-                      disabled: !e(F).locationOptionsTypeTransfer.value.length,
-                      sublabel: e(F).locationOptionsTypeTransfer.value.length ? void 0 : e(p)("inventory.transfer.form.noLocationAvailable")
-                    }
-                  ],
-                  rules: [e(de)(1)(O.value)]
-                }, null, 8, ["label", "model-value", "items", "rules"]),
-                f(M, {
-                  label: w.value === e(N).PURCHASE ? e(p)("inventory.transfer.form.purchaseFrom") : e(p)("inventory.transfer.form.transferFrom"),
-                  modelValue: x.value,
-                  "onUpdate:modelValue": l[2] || (l[2] = (k) => x.value = k),
-                  items: O.value
-                }, {
-                  "menu-wrapper": E((k) => {
-                    var B;
-                    return [
-                      f(gt, Ve(k, {
-                        items: O.value,
-                        "model-value": (B = t.modelValue.purchaseOrder.supplier) == null ? void 0 : B._id
-                      }), null, 16, ["items", "model-value"])
-                    ];
-                  }),
-                  _: 1
-                }, 8, ["label", "modelValue", "items"]),
-                f(d, {
-                  label: e(p)("inventory.transfer.form.reference"),
-                  "label-mark": "optional",
-                  modelValue: e(s).purchaseOrder.ref,
-                  "onUpdate:modelValue": l[3] || (l[3] = (k) => e(s).purchaseOrder.ref = k)
-                }, null, 8, ["label", "modelValue"]),
-                f(S, {
-                  label: e(p)("inventory.transfer.form.remark"),
-                  "label-mark": "optional",
-                  "max-length": 240,
-                  modelValue: v.value,
-                  "onUpdate:modelValue": l[4] || (l[4] = (k) => v.value = k),
-                  class: re({ "text-fm-color-typo-disabled": t.disabled })
-                }, null, 8, ["label", "modelValue", "class"])
-              ])
-            ]),
-            n("div", Xt, [
-              n("div", Yt, [
-                l[6] || (l[6] = n("div", { class: "flex-1 fm-typo-en-title-sm-600" }, "Locations", -1)),
-                f(I, {
-                  disabled: t.disabled,
-                  label: "Select location",
-                  "prepend-icon": "add",
-                  variant: "plain",
-                  class: "border-2 rounded-lg border-fm-color-primary",
-                  onClick: e(y)
-                }, null, 8, ["disabled", "onClick"])
-              ]),
-              f(V, {
-                "column-defs": e(T),
-                "row-data": e(L),
-                "shrink-at": 9999,
-                onRowClick: e(y),
-                "hide-footer": ""
-              }, null, 8, ["column-defs", "row-data", "onRowClick"]),
-              n("div", eo, [
-                f(A, {
-                  "model-value": [
-                    (q = c.modelValue.purchaseOrder.supplier) == null ? void 0 : q._id,
-                    ...c.modelValue.locations ?? []
-                  ].join(","),
-                  rules: [z]
-                }, null, 8, ["model-value", "rules"])
-              ])
-            ]),
-            n("div", to, [
-              n("div", oo, [
-                n("div", no, $(e(p)("inventory.transfer.form.items.title")), 1),
-                f(I, {
-                  disabled: t.disabled,
-                  label: e(p)("inventory.transfer.form.items.addItem"),
-                  "prepend-icon": "add",
-                  variant: "plain",
-                  class: "border-2 rounded-lg border-fm-color-primary",
-                  onClick: l[5] || (l[5] = (k) => i()),
-                  size: "md"
-                }, null, 8, ["disabled", "label"])
-              ]),
-              (D(), K(V, {
-                "column-defs": a.value,
-                "row-data": e(s).purchaseOrder.items,
-                key: e(s).purchaseOrder.items.map((k) => k.sku._id).join("."),
-                "hide-footer": "",
-                "page-size": e(s).purchaseOrder.items.length
-              }, {
-                "list-row": E((k) => [
-                  (D(), K(Ee, {
-                    row: k,
-                    key: e(s).purchaseOrder.items.map((B) => B.sku._id).join(".")
-                  }, {
-                    default: E((B) => [
-                      f(Wt, {
-                        row: k,
-                        "cell-by-col-id": B
-                      }, null, 8, ["row", "cell-by-col-id"])
-                    ]),
-                    _: 2
-                  }, 1032, ["row"]))
-                ]),
-                _: 1
-              }, 8, ["column-defs", "row-data", "page-size"])),
-              f(A, {
-                "model-value": e(s).purchaseOrder.items.length,
-                rules: [e(de)(1)]
-              }, null, 8, ["model-value", "rules"])
-            ])
-          ];
-        }),
-        _: 1
-      }, 8, ["disabled"]);
-    };
-  }
-}), lo = { class: "flex items-center" }, ao = { class: "fm-typo-en-title-md-800" }, ro = { class: "flex gap-4" }, io = /* @__PURE__ */ Z({
-  __name: "TransferTemplateDialog",
-  props: {
-    mode: {},
-    modelValue: {},
-    show: { type: Boolean }
-  },
-  emits: ["update:show", "submitted"],
-  setup(b, { expose: _, emit: c }) {
-    var h;
-    const s = b, p = c, m = Xe(), o = vt(), { t: u } = J(), g = Be(s, "show");
-    function F() {
-      return {
-        _id: "",
-        name: "",
-        purchaseOrder: {
-          remark: void 0,
-          ref: void 0,
-          items: [],
-          supplier: {
-            _rev: void 0,
-            email: void 0,
-            internal: void 0,
-            contactName: void 0,
-            phoneNumber: void 0,
-            registrationNumber: void 0,
-            supplyItems: void 0,
-            _id: "",
-            name: "",
-            address: {
-              line2: void 0,
-              line1: "",
-              state: "",
-              city: "",
-              postcode: "",
-              country: ""
-            }
-          }
-        }
-      };
-    }
-    const w = U(s.modelValue ?? F()), O = U(((h = s.modelValue) == null ? void 0 : h._id) ?? `${Math.random()}`);
-    ce(
-      () => s.show,
-      (a) => {
-        var i;
-        a && (w.value = s.modelValue ?? F(), O.value = ((i = s.modelValue) == null ? void 0 : i._id) ?? `${Math.random()}`);
-      }
-    );
-    const x = U(!1), y = R(() => {
-      switch (s.mode) {
-        case ee.READ:
-          return "";
-        case ee.CREATE:
-          return u("inventory.transfer.template.create.title");
-        case ee.UPDATE:
-          return u("inventory.transfer.template.update.title");
-      }
-      return "";
-    }), T = U();
-    _({
-      validateInputs: () => {
-        var a, i;
-        (i = (a = T.value) == null ? void 0 : a.validateInputs) == null || i.call(a);
-      },
-      resetInputsValidation: () => {
-        var a, i;
-        (i = (a = T.value) == null ? void 0 : a.resetInputsValidation) == null || i.call(a);
-      },
-      resetInputs: () => {
-        var a, i;
-        (i = (a = T.value) == null ? void 0 : a.resetInputs) == null || i.call(a);
-      }
-    });
-    async function L() {
-      var i, t;
-      const a = w.value;
-      if (a) {
-        x.value = !0, (((i = a.purchaseOrder.supplier) == null ? void 0 : i.internal) === se.enum.warehouse || ((t = a.purchaseOrder.supplier) == null ? void 0 : t.internal) === se.enum.restaurant) && (a.purchaseOrder.items = a.purchaseOrder.items.map(
-          ({ totalCost: l, ...d }) => d
-        ));
-        try {
-          await m.createTemplate(a), await new Promise((l) => setTimeout(l, 1e3)), o.open({
-            title: u("inventory.transfer.template.create.success"),
-            message: u("inventory.transfer.template.create.successMessage"),
-            type: "success"
-          }), p("update:show", !1), p("submitted");
-        } catch (l) {
-          o.open({
-            title: u("inventory.transfer.template.create.error"),
-            message: u("inventory.transfer.template.create.errorMessage"),
-            type: "error"
-          }), console.error("Error in creating transfer template", l);
-        } finally {
-          x.value = !1;
-        }
-      }
-    }
-    async function z() {
-      var i, t;
-      const a = w.value;
-      if (a) {
-        x.value = !0, (((i = a.purchaseOrder.supplier) == null ? void 0 : i.internal) === se.enum.warehouse || ((t = a.purchaseOrder.supplier) == null ? void 0 : t.internal) === se.enum.restaurant) && (a.purchaseOrder.items = a.purchaseOrder.items.map(
-          ({ totalCost: l, ...d }) => d
-        ));
-        try {
-          await m.updateTemplate(a), await new Promise((l) => setTimeout(l, 1e3)), o.open({
-            title: u("inventory.transfer.template.update.success"),
-            message: u("inventory.transfer.template.update.successMessage"),
-            type: "success"
-          }), p("update:show", !1), p("submitted");
-        } catch (l) {
-          o.open({
-            title: u("inventory.transfer.template.update.error"),
-            message: u("inventory.transfer.template.update.errorMessage"),
-            type: "error"
-          }), console.error("Error in updating transfer template", l);
-        } finally {
-          x.value = !1;
-        }
-      }
-    }
-    function v() {
-      switch (s.mode) {
-        case ee.CREATE:
-          return L();
-        case ee.UPDATE:
-          return z();
-      }
-    }
-    function r() {
-      var a, i;
-      (i = (a = T.value) == null ? void 0 : a.validateInputs) == null || i.call(a);
-    }
-    return (a, i) => {
-      const t = C("FmButton"), l = C("FmSideSheet");
-      return D(), K(l, {
-        modelValue: e(g),
-        "onUpdate:modelValue": i[2] || (i[2] = (d) => De(g) ? g.value = d : null),
-        "dismiss-away": "",
-        "close-button": "",
-        "max-width": 1200
-      }, {
-        "side-sheet-header": E(() => [
-          n("div", lo, [
-            n("div", ao, $(y.value), 1)
-          ])
-        ]),
-        default: E(() => [
-          (D(), K(so, {
-            class: "w-full",
-            ref_key: "formRef",
-            ref: T,
-            onValidationSuccess: v,
-            "model-value": w.value,
-            "onUpdate:modelValue": i[0] || (i[0] = (d) => w.value = d),
-            disabled: x.value,
-            key: O.value
-          }, null, 8, ["model-value", "disabled"]))
-        ]),
-        "side-sheet-footer": E(() => [
-          n("div", ro, [
-            f(t, {
-              loading: x.value,
-              label: e(u)("common.save"),
-              onClick: r
-            }, null, 8, ["loading", "label"]),
-            f(t, {
-              disabled: x.value,
-              variant: "tertiary",
-              label: e(u)("common.close"),
-              onClick: i[1] || (i[1] = (d) => p("update:show", !1))
-            }, null, 8, ["disabled", "label"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), uo = { class: "flex flex-col gap-16 w-full h-full overflow-y-auto" }, mo = { class: "flex justify-between" }, co = { class: "fm-typo-en-body-lg-600" }, po = { class: "fm-status-badge fm-status-badge-info-secondary" }, fo = { class: "flex flex-col gap-8" }, yo = { class: "flex flex-col gap-4" }, vo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, bo = { class: "flex gap-1" }, _o = { class: "fm-typo-en-body-lg-600" }, xo = {
-  key: 0,
-  class: "flex flex-col gap-4"
-}, ho = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, go = { class: "fm-typo-en-body-lg-600" }, Fo = {
-  key: 1,
-  class: "flex flex-col gap-4"
-}, To = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, wo = { class: "fm-typo-en-body-lg-600" }, ko = {
-  key: 2,
-  class: "flex flex-col gap-4"
-}, Mo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, $o = { class: "fm-typo-en-body-lg-600" }, Co = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, So = { class: "flex flex-col gap-8" }, Oo = { class: "fm-typo-en-body-lg-600" }, Io = { class: "flex w-full gap-4" }, Vo = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, Do = { class: "fm-typo-en-body-lg-600 shrink-0" }, Ro = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, Ao = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Po = {
-  key: 0,
-  class: "shrink-0 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
-}, Lo = {
-  key: 0,
-  class: "flex gap-4 items-center"
-}, Bo = { class: "flex flex-col gap-12" }, Uo = { class: "flex flex-col gap-8" }, Eo = { class: "flex gap-8 xs:flex-col" }, qo = /* @__PURE__ */ Z({
-  __name: "TransferTemplateDetails",
-  props: {
-    template: {},
-    show: { type: Boolean }
-  },
-  emits: ["update:show", "action:edit"],
-  setup(b, { emit: _ }) {
-    const c = b, s = _, p = Pe(), { t: m } = J(), o = R(() => {
-      var x;
-      return (x = c.template) == null ? void 0 : x.purchaseOrder;
-    }), u = [
-      { accessorKey: "name", header: () => "Name" },
-      { accessorKey: "type", header: () => "Type" }
-    ], g = U(""), F = R(
-      () => {
-        var x, y, T, L;
-        return ((y = (x = o.value) == null ? void 0 : x.supplier) == null ? void 0 : y.internal) === "restaurant" || ((L = (T = o.value) == null ? void 0 : T.supplier) == null ? void 0 : L.internal) === "warehouse" ? N.TRANSFER : N.PURCHASE;
-      }
-    ), w = U(!0), O = Be(c, "show");
-    return (x, y) => {
-      var i;
-      const T = C("FmMenuDivider"), L = C("FmCard"), z = C("FmIcon"), v = C("FmTextField"), r = C("FmTable"), h = C("FmButton"), a = C("FmSideSheet");
-      return D(), K(a, {
-        header: e(m)("inventory.transfer.template.details.view", { template: (i = x.template) == null ? void 0 : i.name }),
-        modelValue: e(O),
-        "onUpdate:modelValue": y[2] || (y[2] = (t) => De(O) ? O.value = t : null),
-        "dismiss-away": w.value,
-        "close-button": "",
-        "max-width": 500
-      }, {
-        default: E(() => {
-          var t, l;
-          return [
-            n("div", uo, [
-              n("div", null, [
-                f(L, {
-                  variant: "outlined",
-                  class: "flex flex-col gap-8 px-12 py-16"
-                }, {
-                  default: E(() => {
-                    var d, M, S, I, V, A, H;
-                    return [
-                      n("div", mo, [
-                        n("div", co, $(e(m)("inventory.transfer.template.details.templateSummary")), 1),
-                        n("div", po, $(e(m)(
-                          `inventory.transfer.receiveRequest.details.type.${F.value.toLocaleLowerCase("en-US")}`
-                        )), 1)
-                      ]),
-                      f(T),
-                      n("div", fo, [
-                        n("div", yo, [
-                          n("div", vo, [
-                            n("div", bo, $(e(m)("inventory.transfer.receiveRequest.details.createdAt")), 1)
-                          ]),
-                          n("div", _o, $(e(wt)(((d = x.template) == null ? void 0 : d._id) ?? "")), 1)
-                        ]),
-                        (S = (M = o.value) == null ? void 0 : M.supplier) != null && S.name ? (D(), Q("div", xo, [
-                          n("div", ho, $(e(m)("inventory.transfer.receiveRequest.details.from")), 1),
-                          n("div", go, $((V = (I = o.value) == null ? void 0 : I.supplier) == null ? void 0 : V.name), 1)
-                        ])) : Y("", !0),
-                        (A = o.value) != null && A.ref ? (D(), Q("div", Fo, [
-                          n("div", To, $(e(m)("inventory.transfer.receiveRequest.details.reference")), 1),
-                          n("div", wo, $(o.value.ref), 1)
-                        ])) : Y("", !0),
-                        (H = o.value) != null && H.remark ? (D(), Q("div", ko, [
-                          n("div", Mo, $(e(m)("inventory.transfer.receiveRequest.details.remark")), 1),
-                          n("div", $o, $(o.value.remark), 1)
-                        ])) : Y("", !0)
-                      ])
-                    ];
-                  }),
-                  _: 1
-                })
-              ]),
-              n("div", Co, [
-                n("div", So, [
-                  n("div", Oo, $(e(m)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
-                  (D(!0), Q(Re, null, He(((t = o.value) == null ? void 0 : t.items) ?? [], (d) => (D(), Q("div", {
-                    key: d.code,
-                    class: "flex flex-col"
-                  }, [
-                    n("div", Io, [
-                      n("div", Vo, $(d.name), 1),
-                      y[3] || (y[3] = n("div", { class: "flex-1 min-w-32" }, null, -1)),
-                      n("div", Do, $(e(Ye)(d.quantity, d.sku.unit, d.measurement)), 1)
-                    ]),
-                    n("div", Ro, [
-                      n("div", Ao, $(d.code), 1),
-                      d.totalCost && e(p).enableTotalCost ? (D(), Q("div", Po, " (" + $(e(ft)(d.totalCost)) + ") ", 1)) : Y("", !0)
-                    ]),
-                    e(et)(d) ? (D(), Q("div", Lo, [
-                      f(z, {
-                        name: "error",
-                        color: "system-error-300",
-                        size: "sm"
-                      }),
-                      y[4] || (y[4] = n("div", { class: "fm-typo-en-body-sm-400 text-fm-color-system-error-400" }, " This item has invalid unit configuration. Apply update on this item. ", -1))
-                    ])) : Y("", !0)
-                  ]))), 128))
-                ])
-              ]),
-              y[6] || (y[6] = n("div", null, null, -1)),
-              y[7] || (y[7] = n("div", null, null, -1)),
-              n("div", Bo, [
-                y[5] || (y[5] = n("div", { class: "flex flex-col" }, [
-                  n("div", { class: "fm-typo-en-body-lg-600" }, "Enabled locations"),
-                  n("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " This template is only usable for the following locations. ")
-                ], -1)),
-                n("div", Uo, [
-                  f(v, {
-                    modelValue: g.value,
-                    "onUpdate:modelValue": y[0] || (y[0] = (d) => g.value = d),
-                    placeholder: "Filter locations",
-                    "prepend-icon": "search"
-                  }, null, 8, ["modelValue"]),
-                  f(r, {
-                    "hide-footer": "",
-                    style: { height: "500px" },
-                    "column-defs": u,
-                    "search-value": g.value,
-                    "row-data": ((l = c.template) == null ? void 0 : l.locations) ?? [{ name: "All locations" }]
-                  }, null, 8, ["search-value", "row-data"])
-                ])
-              ])
-            ])
-          ];
-        }),
-        "side-sheet-footer": E(() => [
-          n("div", Eo, [
-            f(h, {
-              label: e(m)("common.edit"),
-              onClick: y[1] || (y[1] = (t) => s("action:edit")),
-              variant: "tertiary"
-            }, null, 8, ["label"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["header", "modelValue", "dismiss-away"]);
-    };
-  }
-}), No = { class: "flex-1 flex flex-col gap-8" }, zo = { class: "flex flex-col" }, Ho = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, jo = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Qo = { class: "fm-typo-en-body-lg-400" }, Go = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, Ko = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, mn = /* @__PURE__ */ Z({
-  __name: "TransferTemplateView",
-  setup(b) {
-    const { t: _ } = J(), { createTemplate: c, viewTemplate: s } = Ce(), { templateDialogProps: p, templateDetailsProps: m } = _t(Ce()), o = tt(), u = We(), g = Le(), { breakpoints: F } = bt();
-    me(o.fetchTemplates);
-    const w = R(
-      () => o.loading.value || !g._currentLocation
-    ), O = R(() => o.templates.value), x = U(""), y = R(() => F.value.xs || F.value.sm), T = R(() => y.value ? 10 : 20);
-    function L(v) {
-      switch (v) {
-        case Se.Add:
-          return c();
-      }
-    }
-    function z(v) {
-      return v;
-    }
-    return (v, r) => {
-      const h = C("FmTable");
-      return D(), Q(Re, null, [
-        f(Ze, {
-          title: e(_)("inventory.transfer.template.title2"),
-          actions: [
-            {
-              label: e(_)("inventory.transfer.template.create.title"),
-              value: e(Se).Add,
-              isPrimary: !0,
-              prependIcon: "add"
-            }
-          ],
-          "onClick:action": L
-        }, {
-          default: E(() => {
-            var a;
-            return [
-              n("div", {
-                class: re([
-                  "flex flex-col gap-8 max-h-full",
-                  {
-                    "p-0": y.value,
-                    "px-24 ": !y.value
-                  }
-                ])
-              }, [
-                f(Je, {
-                  searchable: "",
-                  search: x.value,
-                  "onUpdate:search": r[0] || (r[0] = (i) => x.value = i),
-                  actions: [{ icon: "refresh", onClick: e(o).fetchTemplates }]
-                }, null, 8, ["search", "actions"]),
-                (D(), K(h, {
-                  style: je(e(u).tableHeight),
-                  "column-defs": e(o).columnDefs,
-                  "row-data": O.value,
-                  "search-value": x.value,
-                  loading: w.value,
-                  key: (a = e(g)._currentLocation) == null ? void 0 : a.dbName,
-                  onRowClick: r[1] || (r[1] = (i) => e(s)(i.original)),
-                  "page-size": T.value
-                }, {
-                  "list-row": E((i) => [
-                    f(Ee, {
-                      row: i,
-                      onRowClick: (t) => e(s)(t)
-                    }, {
-                      default: E((t) => {
-                        var l, d, M, S, I, V, A, H, q, k, B, X, pe, te, fe, ye, ve, be, _e, xe, oe, he, ge, Fe, Te, ne, we;
-                        return [
-                          n("div", No, [
-                            n("div", zo, [
-                              n("div", Ho, [
-                                f(e(j), {
-                                  render: (M = (d = (l = t._id) == null ? void 0 : l.column) == null ? void 0 : d.columnDef) == null ? void 0 : M.cell,
-                                  props: (I = (S = t._id) == null ? void 0 : S.getContext) == null ? void 0 : I.call(S)
-                                }, null, 8, ["render", "props"])
-                              ]),
-                              n("div", jo, [
-                                f(e(j), {
-                                  render: (H = (A = (V = t.name) == null ? void 0 : V.column) == null ? void 0 : A.columnDef) == null ? void 0 : H.cell,
-                                  props: (k = (q = t.name) == null ? void 0 : q.getContext) == null ? void 0 : k.call(q)
-                                }, null, 8, ["render", "props"])
-                              ]),
-                              n("div", Qo, [
-                                f(e(j), {
-                                  render: (pe = (X = (B = t.supplier) == null ? void 0 : B.column) == null ? void 0 : X.columnDef) == null ? void 0 : pe.cell,
-                                  props: (fe = (te = t.supplier) == null ? void 0 : te.getContext) == null ? void 0 : fe.call(te)
-                                }, null, 8, ["render", "props"])
-                              ]),
-                              n("div", null, $((ye = i.original.locations) != null && ye.length ? `Enabled for ${(ve = i.original.locations) == null ? void 0 : ve.length} outlets` : "Enabled for all outlets"), 1),
-                              n("div", Go, $(i.original.purchaseOrder.items.length ? i.original.purchaseOrder.items.map((qe) => qe.name).join(", ") : "No items"), 1),
-                              n("div", Ko, [
-                                f(e(j), {
-                                  render: (xe = (_e = (be = t.ref) == null ? void 0 : be.column) == null ? void 0 : _e.columnDef) == null ? void 0 : xe.cell,
-                                  props: (he = (oe = t.ref) == null ? void 0 : oe.getContext) == null ? void 0 : he.call(oe)
-                                }, null, 8, ["render", "props"])
-                              ])
-                            ]),
-                            n("div", null, [
-                              f(e(j), {
-                                render: (Te = (Fe = (ge = t.type) == null ? void 0 : ge.column) == null ? void 0 : Fe.columnDef) == null ? void 0 : Te.cell,
-                                props: (we = (ne = t.type) == null ? void 0 : ne.getContext) == null ? void 0 : we.call(ne)
-                              }, null, 8, ["render", "props"])
-                            ])
-                          ])
-                        ];
-                      }),
-                      _: 2
-                    }, 1032, ["row", "onRowClick"])
-                  ]),
-                  _: 1
-                }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
-              ], 2)
-            ];
-          }),
-          _: 1
-        }, 8, ["title", "actions"]),
-        (D(), K(Qe, { to: "body" }, [
-          f(qo, Ge(Ke(e(m))), null, 16),
-          f(io, Ve(e(p), {
-            onSubmitted: r[2] || (r[2] = (a) => e(o).fetchTemplates())
-          }), null, 16)
-        ]))
-      ], 64);
-    };
-  }
-});
-export {
-  mn as default
-};