@feedmepos/mf-inventory-portal 0.0.19-dev.15 → 0.0.19-dev.17

package/dist/TransferTemplateView-BXrNS8pg.js

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