@feedmepos/mf-inventory-portal 0.0.22-dev.41 → 0.0.22-dev.42

package/dist/TransferTemplateView-DdB7z0b4.js

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