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

package/dist/TransferTemplateView-MSbvSo96.js

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