@feedmepos/mf-inventory-portal 0.0.22-dev.12 → 0.0.22-dev.15

package/dist/TransferTemplateView-CUqEsRJ6.js

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