@feedmepos/mf-inventory-portal 0.0.22-dev.32 → 0.0.22-dev.33

package/dist/TransferTemplateView-CukOHvNg.js

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