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

package/dist/TransferTemplateView-DnZqm1NS.js

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