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

package/dist/TransferTemplateView-BR2-tTiQ.js

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