@feedmepos/mf-inventory-portal 0.0.19-dev.13 → 0.0.19-dev.14

package/dist/TransferTemplateView-CsA2SzQY.js

@@ -0,0 +1,1279 @@
+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-DoF7wwNT.js";
+import { useI18n as Y } from "@feedmepos/mf-common";
+import { d as Be, c as re, u as ot, a as st, b as Se, e as nt, _ as at } from "./TransferDialog.vue_vue_type_script_setup_true_lang-D1NAkXMT.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 Le, a5 as ct, a6 as Ue, b as qe, u as pt, j as Ee, y as ft, a7 as yt, a8 as vt } from "./app-kYGuBDV8.js";
+import { F as q, _ as Ne, u as bt } from "./layout-BTYR4n3X.js";
+import { useBreakpoints as ze, components as G, FmButtonVariant as _t, useDialog as xt, useSnackbar as ht, useProxiedModel as He } from "@feedmepos/ui-library";
+import { storeToRefs as gt } from "pinia";
+import { P, f as kt, a as Ct } from "./purchase-order-transaction-type-CUtdDhYo.js";
+import { _ as je } from "./PremiumBadge.vue_vue_type_script_setup_true_lang-BRijSilS.js";
+import { useRouter as wt } from "vue-router";
+import { u as Tt } from "./supplier-Ed-Bva_-.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 = Be("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", [Ue()])
+  );
+};
+function Pt(u) {
+  const { t: b } = Y(), m = Ye({}), { breakpoints: l } = ze();
+  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 ? Le(
+                    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" : ""
+                  ]
+                },
+                Ue()
+              ) : 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(() => qe().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 = Be(), { t: f } = Y(), g = Ee(), 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 = ot(
+      () => 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(Ne, {
+                  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 = st(), k = ht(), { t: i } = Y(), s = He(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 = qe(), { 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 = He(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(kt)(((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(Ct)(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(Le)(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 = nt(), s = bt(), d = Ee(), { breakpoints: p } = ze();
+    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(Ne, {
+                      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(at, $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
+};