@feedmepos/mf-inventory-portal 0.0.22-dev.2 → 0.0.22-dev.21

package/dist/TransferTemplateView-RM6Y-WL4.js

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