@feedmepos/mf-inventory-portal 0.0.22-dev.7 → 0.0.22-dev.9

package/dist/TransferTemplateView-DkRVfAox.js

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