@feedmepos/mf-inventory-portal 0.0.25-dev.12 → 0.0.25-dev.13

package/dist/TransferTemplateView-C30bwI6y.js

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