@feedmepos/mf-inventory-portal 1.8.0-dev.2 → 1.8.0-dev.20

package/dist/TransferTemplateView-CzwxOBMQ.js

@@ -1,2326 +0,0 @@
-import { defineComponent as re, onMounted as Ce, computed as M, ref as H, watch as Oe, inject as bt, resolveComponent as E, createElementBlock as V, openBlock as S, createElementVNode as t, createVNode as u, withCtx as P, renderSlot as Qe, withDirectives as je, normalizeClass as te, vModelText as He, reactive as ht, h as K, createCommentVNode as j, toDisplayString as w, unref as e, Fragment as ne, normalizeStyle as Te, renderList as fe, createBlock as oe, mergeProps as Ve, createTextVNode as ie, mergeModels as We, useModel as _t, isRef as Xe, withModifiers as gt, Teleport as xt, normalizeProps as kt, guardReactiveProps as $t } from "vue";
-import { u as Ft, _ as wt } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
-import { useI18n as ce, useCoreStore as St } from "@feedmepos/mf-common";
-import { f as It, t as Tt, u as $e, g as Ct, a as Ye, b as Ot } from "./format-unit-display-DM5We5cx.js";
-import { R as Ge } from "./row-action.enum-BDeudY4d.js";
-import { a as Fe, q as Vt, r as ee, u as et, s as Mt, k as ge } from "./app-yvK__CBL.js";
-import { _ as Et } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CGJi3f86.js";
-import { components as ue, useSnackbar as Dt, useProxiedModel as tt, useDialog as At, useBreakpoints as qt } from "@feedmepos/ui-library";
-import { defineStore as Rt, storeToRefs as Ke } from "pinia";
-import { F as me } from "./form-mode.enum-BKiNVH6A.js";
-import { I as Bt, a as Ut, R as ye, A as xe, M as ot } from "./rules-C1btu0Md.js";
-import { u as Se, t as Ze, b as Pt, n as Nt, a as z, g as de, c as pe, d as Lt } from "./number-gSLvxNqA.js";
-import { d as st } from "./defineDeepModel-CMxJn_H2.js";
-import { _ as lt, F as nt, a as at, b as rt } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-ClaLVtpK.js";
-import { F as Ie, u as ke } from "./feature-CkWaZ-5K.js";
-import { u as Me, _ as zt } from "./netsuite-COumFXC2.js";
-import { u as Qt } from "./supplier-DnbLJ_cS.js";
-import { u as jt } from "./use-ingredient-select-dialog-7A7fWyEH.js";
-import { F as le, _ as it } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DAMpuZ1X.js";
-import { u as Ht } from "./use-template-enabled-locations-C-Hqqgzt.js";
-import { u as Wt } from "./use-transfer-locations-CqsXvOI2.js";
-import { _ as dt } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-CE1_yyHe.js";
-import { u as Yt } from "./purchase-order-template-BaZjdGq8.js";
-import { _ as Gt } from "./FmConfirmationButton.vue_vue_type_script_setup_true_lang-Vg8U7WMZ.js";
-import { f as Kt } from "./format-time-from-id-DatSI9uD.js";
-import { f as ut } from "./date2-2XjepIqc.js";
-import { u as we } from "./vue-i18n-C34f-Tph.js";
-import { t as Zt, a as Jt, d as Xt } from "./xlsx.util-X4amwe_k.js";
-const eo = { class: "flex flex-col" }, to = { class: "flex flex-col" }, oo = { class: "flex-1" }, so = { class: "flex items-center" }, lo = { class: "flex-1" }, no = { class: "flex-1" }, mt = /* @__PURE__ */ re({
-  __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(x) {
-    const d = x, s = st("modelValue"), l = Bt();
-    Ce(() => {
-      const { min: y, max: p } = s ?? {};
-      if (!(!y || !p) && y.precision !== p.precision) {
-        const k = Math.max(y.precision, p.precision), n = Se(y, k), r = Se(p, k);
-        s.min = n, s.max = r;
-      }
-    });
-    const o = M(() => {
-      const { min: y, max: p } = s ?? {};
-      return Math.max((y == null ? void 0 : y.precision) ?? 0, (p == null ? void 0 : p.precision) ?? 0, d.precision ?? 0);
-    }), i = (y) => {
-      if (!y) return "";
-      const p = Pt(y), k = o.value, n = Se(p, k);
-      return Nt(
-        +z(n),
-        n.precision
-      );
-    }, _ = H(i(s.min)), g = H(i(s.max));
-    Oe([_, g], ([y, p]) => {
-      const k = s ?? {}, n = l(y), r = l(p), C = o.value;
-      if (y !== "" && n === !0) {
-        const I = Ze(+y, C);
-        k.min = I;
-      } else
-        k.min = null;
-      if (p !== "" && r === !0) {
-        const I = Ze(+p, C);
-        k.max = I;
-      } else
-        k.max = null;
-      s.min = k.min, s.max = k.max;
-    });
-    const O = Symbol.for("fm:form-state"), m = bt(O, null), a = M(() => d.disabled ?? (m == null ? void 0 : m.getDisabled()) ?? !1), f = H(), v = H(), $ = H(!1), F = H(!1), b = M(() => $.value || F.value), D = M(() => [...[
-      function() {
-        return typeof l(_.value) == "string" || typeof l(g.value) == "string" ? "Must be a number" : !0;
-      },
-      function(k) {
-        return !k || !k.min || !k.max ? !0 : +z(k.min) > +z(k.max) ? "Min must be less than or equal to max" : !0;
-      }
-    ], ...d.rules ?? []]);
-    return (y, p) => {
-      const k = E("FmLabel"), n = E("FmField"), r = E("FmFormGroup");
-      return S(), V("div", eo, [
-        t("div", to, [
-          t("div", oo, [
-            u(k, {
-              label: y.label,
-              disabled: y.disabled,
-              required: y.labelMark === "required",
-              optional: y.labelMark === "optional"
-            }, null, 8, ["label", "disabled", "required", "optional"])
-          ]),
-          u(n, { focused: b.value }, {
-            default: P(() => [
-              t("div", so, [
-                Qe(y.$slots, "prepend"),
-                p[6] || (p[6] = t("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Min.", -1)),
-                t("div", lo, [
-                  je(t("input", {
-                    type: "text",
-                    ref_key: "minInputRef",
-                    ref: f,
-                    onFocus: p[0] || (p[0] = () => $.value = !0),
-                    onBlur: p[1] || (p[1] = () => $.value = !1),
-                    "onUpdate:modelValue": p[2] || (p[2] = (C) => _.value = C),
-                    class: te({
-                      "fm-text-field--input fm-typo-en-body-lg-400": !0,
-                      "text-fm-color-typo-primary": !a.value,
-                      "text-fm-color-typo-disabled": a.value
-                    })
-                  }, null, 34), [
-                    [He, _.value]
-                  ])
-                ]),
-                p[7] || (p[7] = t("div", { class: "block h-32 mx-4 w-[1px] bg-fm-color-neutral-gray-200" }, null, -1)),
-                p[8] || (p[8] = t("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Max.", -1)),
-                t("div", no, [
-                  je(t("input", {
-                    type: "text",
-                    ref_key: "maxInputRef",
-                    ref: v,
-                    onFocus: p[3] || (p[3] = () => F.value = !0),
-                    onBlur: p[4] || (p[4] = () => F.value = !1),
-                    "onUpdate:modelValue": p[5] || (p[5] = (C) => g.value = C),
-                    class: te({
-                      "fm-text-field--input fm-typo-en-body-lg-400": !0,
-                      "text-fm-color-typo-primary": !a.value,
-                      "text-fm-color-typo-disabled": a.value
-                    })
-                  }, null, 34), [
-                    [He, g.value]
-                  ])
-                ]),
-                Qe(y.$slots, "append")
-              ])
-            ]),
-            _: 3
-          }, 8, ["focused"])
-        ]),
-        u(r, {
-          class: "flex-1",
-          "model-value": y.modelValue,
-          info: y.labelInfo,
-          rules: D.value,
-          "helper-text": y.helperText,
-          "helper-state": y.helperState
-        }, null, 8, ["model-value", "info", "rules", "helper-text", "helper-state"])
-      ]);
-    };
-  }
-});
-function ct({ min: x, max: d } = { min: !0, max: !0 }) {
-  return function(l) {
-    return !l || !l.min && x != !1 || !l.max && d != !1 ? "Required" : !0;
-  };
-}
-function pt(x, d) {
-  return function(l) {
-    return !l || !l.min || !l.max ? !0 : +z(l.min) < x ? `Must be between ${x} and ${d}` : +z(l.max) > d ? `Must be between ${x} and ${d}` : !0;
-  };
-}
-function ft(x) {
-  const d = Ut(x), s = z(x);
-  return function(o) {
-    const i = !(o != null && o.min) || d(o.min) === !0, _ = !(o != null && o.max) || d(o.max) === !0;
-    return !i && !_ ? `Min & max must be a multiple of ${s}` : i ? _ ? !0 : `Max must be a multiple of ${s}` : `Min must be a multiple of ${s}`;
-  };
-}
-const yt = Rt("netsuite-custom-field-helper", () => {
-  const x = Me();
-  function d(s, l, o, i, _) {
-    var m, a, f;
-    if (!o) {
-      _ == null || _("Unit is not valid");
-      return;
-    }
-    let g = s.code;
-    if (((m = s.measurement) == null ? void 0 : m.id) !== ((a = o.measurement) == null ? void 0 : a.id) && x.isEnabled) {
-      const v = x.getItemCustomCode(l, (f = o.measurement) == null ? void 0 : f.id);
-      v && (g = v);
-    }
-    i({
-      ...s,
-      quantity: o.amount,
-      measurement: o.measurement ?? null,
-      code: g
-    });
-  }
-  return {
-    validateUnitInput: d
-  };
-});
-var J = /* @__PURE__ */ ((x) => (x.Code = "Code", x.Name = "Name", x.DefaultAmount = "DefaultAmount", x.Limit = "Limit", x.Step = "Step", x.Cost = "Cost", x.Delete = "Delete", x))(J || {});
-function ao(x, d = {}) {
-  const { t: s } = ce(), l = Fe(), o = ke(), i = ht({}), _ = yt();
-  Ce(() => {
-    for (const m of x.items) {
-      if (!m.totalCost)
-        continue;
-      const { cost: a } = Ie.calculateDefaultCost({
-        item: m.sku,
-        amount: m.quantity,
-        measurement: m.measurement,
-        overrides: {
-          supplier: x.supplier
-        },
-        defaultCurrency: Vt()
-      }), f = m.totalCost ?? Ie.reset();
-      a ? i[m.sku._id] = a.amount !== f.amount || a.precision !== f.precision : i[m.sku._id] = !0;
-    }
-  });
-  const g = [
-    {
-      id: "Code",
-      header: () => K("div", { class: "flex-col" }, [
-        K("div", s("inventory.transfer.form.items.table.Code")),
-        K(
-          "div",
-          { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" },
-          "(original code)"
-        )
-      ]),
-      accessorKey: "code",
-      size: 180,
-      cell(m) {
-        const a = m.row.original;
-        return K("div", [
-          K(ue.FmTextField, {
-            modelValue: a.code,
-            "onUpdate:modelValue": (f) => {
-              x.updateItem({
-                ...a,
-                code: f
-              });
-            },
-            helperText: a.sku.code,
-            key: a.sku._id,
-            rules: [ye()],
-            labelMark: "required"
-          })
-        ]);
-      },
-      enableSorting: !1
-    },
-    {
-      id: "Name",
-      header: () => K("div", { class: "flex-col" }, [
-        K("div", s("inventory.transfer.form.items.table.Name")),
-        K(
-          "div",
-          { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" },
-          "(original name)"
-        )
-      ]),
-      minSize: 300,
-      cell(m) {
-        const a = m.row.original;
-        return K("div", [
-          K(ue.FmTextField, {
-            modelValue: a.name,
-            "onUpdate:modelValue": (f) => {
-              x.updateItem({
-                ...a,
-                name: f
-              });
-            },
-            helperText: a.sku.name,
-            key: a.sku._id,
-            rules: [ye()],
-            labelMark: "required"
-          })
-        ]);
-      },
-      enableSorting: !1
-    },
-    {
-      id: "DefaultAmount",
-      header: () => s("inventory.transfer.form.items.table.DefaultAmount"),
-      minSize: 200,
-      cell(m) {
-        var b;
-        const a = m.row.original, f = l.skuById[a.sku._id], v = l.unitById[(b = f.unit) == null ? void 0 : b._id], $ = v.measurements.find((D) => {
-          var y;
-          return ((y = a.measurement) == null ? void 0 : y.id) === D.id;
-        }), F = a.sku.unit._id !== f.unit._id || !v || a.measurement && !$;
-        return K(lt, {
-          style: {
-            flex: "1 1 0%"
-          },
-          modelValue: {
-            amount: a.quantity ?? { amount: 1, precision: 0 },
-            // NOTE: leave this reading from row.sku.unit and row.measurement instead,
-            measurement: a.measurement ?? (a.sku.unit._id !== f.unit._id ? { ...a.sku.unit, id: "", conversion: { amount: 1, precision: 0 } } : null)
-          },
-          disabled: x.disabled,
-          key: a.sku._id,
-          unit: v,
-          "onUpdate:modelValue": (D) => {
-            _.validateUnitInput(
-              a,
-              f,
-              D,
-              (y) => {
-                x.updateItem({
-                  ...a,
-                  code: y.code,
-                  quantity: y.quantity,
-                  measurement: y.measurement
-                });
-              }
-            );
-          },
-          rules: [
-            nt(a.quantityStep),
-            ...+z(a.quantity) ? [
-              at(
-                +z(
-                  a.minimumQuantity ?? {
-                    amount: 1,
-                    // NOTE: leave this reading from row.sku.unit and row.measurement instead,
-                    precision: de(a.sku.unit, a.measurement)
-                  }
-                )
-              )
-            ] : [],
-            rt(
-              a.maximumQuantity ? +z(a.maximumQuantity) : 1 / 0
-            ),
-            function(y) {
-              return F ? "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(m) {
-        const a = m.row.original;
-        return K(mt, {
-          style: {
-            flex: "1 1 0%"
-          },
-          modelValue: {
-            min: a.minimumQuantity,
-            max: a.maximumQuantity
-          },
-          disabled: x.disabled,
-          key: a.sku._id,
-          unit: a.sku.unit,
-          "onUpdate:modelValue": (f) => {
-            const v = { ...a };
-            f != null && f.min ? v.minimumQuantity = f.min : v.minimumQuantity = null, f != null && f.max ? v.maximumQuantity = f.max : v.maximumQuantity = null, x.updateItem(v);
-          },
-          rules: [
-            ct({ max: !1 }),
-            ft(a.quantityStep),
-            pt(
-              +z({
-                amount: 0,
-                precision: de(a.sku.unit, a.measurement)
-              }),
-              1 / 0
-            )
-          ],
-          disableUnit: !0,
-          applyDefaultRules: !0
-        });
-      }
-    },
-    {
-      id: "Step",
-      header: () => s("inventory.transfer.form.items.table.Step"),
-      minSize: 100,
-      cell(m) {
-        const a = m.row.original;
-        return K(ue.FmTextField, {
-          modelValue: z(a.quantityStep ?? Ie.reset(), !1),
-          key: a.sku._id,
-          "onUpdate:modelValue": (f) => {
-            x.updateItem({
-              ...a,
-              quantityStep: pe(+f)
-            });
-          },
-          rules: [
-            xe({
-              amount: 1,
-              precision: de(a.sku.unit, a.measurement)
-            }),
-            ot(a.sku.unit, a.measurement)
-          ]
-        });
-      },
-      enableSorting: !1
-    },
-    {
-      id: "Delete",
-      header: "",
-      cell(m) {
-        const a = m.row.original;
-        return K("div", { class: "flex items-center" }, [
-          o.usePurchaseOrderV2 ? K(
-            ue.FmTooltip,
-            {
-              zIndex: 50,
-              placement: "left"
-            },
-            {
-              default() {
-                return K(ue.FmButton, {
-                  key: a.sku._id,
-                  type: "button",
-                  icon: "add_circle",
-                  variant: "tertiary",
-                  size: "md",
-                  disabled: x.disabled,
-                  onClick: async () => {
-                    const f = {
-                      id: crypto.randomUUID(),
-                      sku: a.sku,
-                      code: a.sku.code,
-                      name: a.sku.name,
-                      quantity: pe(1),
-                      quantityStep: pe(1),
-                      minimumQuantity: pe(1)
-                    };
-                    _.validateUnitInput(
-                      f,
-                      a.sku,
-                      {
-                        amount: f.quantity,
-                        measurement: null
-                      },
-                      (v) => {
-                        f.code = v.code;
-                      }
-                    ), x.duplicateItem(f);
-                  }
-                });
-              },
-              content() {
-                return "Duplicate entry";
-              }
-            }
-          ) : null,
-          K(ue.FmButton, {
-            class: "delete-button",
-            key: a.sku._id,
-            type: "button",
-            icon: "delete",
-            variant: "tertiary",
-            size: "md",
-            disabled: x.disabled,
-            onClick: () => {
-              x.deleteItem(a);
-            }
-          })
-        ]);
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    }
-  ];
-  return {
-    columnDefs: M(() => {
-      const m = ke(), a = [...g];
-      if (Object.keys(d).length > 0)
-        for (const [f, v] of Object.entries(d))
-          a.splice(Number(f), 0, {
-            ...v,
-            id: f
-          });
-      return m.enableTotalCost && x.transferType === ee.enum.purchase ? a : a.filter((f) => f.id !== "Cost");
-    })
-  };
-}
-const ro = { class: "flex flex-col gap-8 py-16" }, io = { class: "flex items-center" }, uo = { class: "flex-1 flex gap-1 items-center" }, mo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, co = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, po = { class: "flex gap-8 w-full" }, fo = { class: "flex-1 flex flex-col gap-4" }, yo = { class: "flex-1 flex flex-col gap-4" }, vo = {
-  key: 0,
-  class: "flex gap-8 w-full"
-}, bo = { class: "flex-1 flex flex-col gap-4" }, ho = { class: "flex-1 flex flex-col gap-4" }, _o = { class: "flex gap-8 w-full" }, go = { class: "flex-1 flex flex-col gap-4" }, xo = /* @__PURE__ */ re({
-  __name: "TransferTemplateItem",
-  props: {
-    cellByColId: {},
-    row: {}
-  },
-  setup(x) {
-    const { t: d } = ce();
-    function s(l) {
-      return l;
-    }
-    return (l, o) => {
-      var _, g, O, m, a, f, v, $, F, b, D, y, p, k, n, r, C, I, T, U, ae, R, W, N, c, h, A, L, Y, X;
-      const i = E("FmLabel");
-      return S(), V("div", ro, [
-        t("div", io, [
-          t("div", uo, [
-            t("span", mo, " (" + w(l.row.original.sku.code) + ") ", 1),
-            t("span", co, w(l.row.original.sku.name), 1)
-          ]),
-          t("div", null, [
-            u(e(le), {
-              render: (O = (g = (_ = l.cellByColId.Delete) == null ? void 0 : _.column) == null ? void 0 : g.columnDef) == null ? void 0 : O.cell,
-              props: (a = (m = l.cellByColId.Delete) == null ? void 0 : m.getContext) == null ? void 0 : a.call(m)
-            }, null, 8, ["render", "props"])
-          ])
-        ]),
-        t("div", po, [
-          t("div", fo, [
-            u(i, {
-              label: e(d)(`inventory.transfer.form.items.table.${e(J).Code}`)
-            }, null, 8, ["label"]),
-            u(e(le), {
-              render: ($ = (v = (f = l.cellByColId[e(J).Code]) == null ? void 0 : f.column) == null ? void 0 : v.columnDef) == null ? void 0 : $.cell,
-              props: (b = (F = l.cellByColId[e(J).Code]) == null ? void 0 : F.getContext) == null ? void 0 : b.call(F)
-            }, 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", yo, [
-            u(i, {
-              label: e(d)(`inventory.transfer.form.items.table.${e(J).Name}`)
-            }, null, 8, ["label"]),
-            u(e(le), {
-              render: (p = (y = (D = l.cellByColId[e(J).Name]) == null ? void 0 : D.column) == null ? void 0 : y.columnDef) == null ? void 0 : p.cell,
-              props: (n = (k = l.cellByColId[e(J).Name]) == null ? void 0 : k.getContext) == null ? void 0 : n.call(k)
-            }, null, 8, ["render", "props"]),
-            o[1] || (o[1] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ])
-        ]),
-        l.row.original ? (S(), V("div", vo, [
-          t("div", bo, [
-            u(i, {
-              label: e(d)(`inventory.transfer.form.items.table.${e(J).DefaultAmount}`)
-            }, null, 8, ["label"]),
-            u(e(le), {
-              render: (I = (C = (r = l.cellByColId[e(J).DefaultAmount]) == null ? void 0 : r.column) == null ? void 0 : C.columnDef) == null ? void 0 : I.cell,
-              props: (U = (T = l.cellByColId[e(J).DefaultAmount]) == null ? void 0 : T.getContext) == null ? void 0 : U.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", ho, [
-            u(i, {
-              label: e(d)(`inventory.transfer.form.items.table.${e(J).Step}`)
-            }, null, 8, ["label"]),
-            u(e(le), {
-              render: (W = (R = (ae = l.cellByColId[e(J).Step]) == null ? void 0 : ae.column) == null ? void 0 : R.columnDef) == null ? void 0 : W.cell,
-              props: (c = (N = l.cellByColId[e(J).Step]) == null ? void 0 : N.getContext) == null ? void 0 : c.call(N)
-            }, null, 8, ["render", "props"]),
-            o[3] || (o[3] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ])
-        ])) : j("", !0),
-        t("div", _o, [
-          t("div", go, [
-            u(i, {
-              label: e(d)(`inventory.transfer.form.items.table.${e(J).Limit}`)
-            }, null, 8, ["label"]),
-            u(e(le), {
-              render: (L = (A = (h = l.cellByColId[e(J).Limit]) == null ? void 0 : h.column) == null ? void 0 : A.columnDef) == null ? void 0 : L.cell,
-              props: (X = (Y = l.cellByColId[e(J).Limit]) == null ? void 0 : Y.getContext) == null ? void 0 : X.call(Y)
-            }, null, 8, ["render", "props"]),
-            o[4] || (o[4] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ])
-        ])
-      ]);
-    };
-  }
-}), ko = { class: "fm-typo-en-body-md-400 line-clamp-2 w-full" }, $o = { key: 0 }, Fo = ["colspan"], wo = /* @__PURE__ */ re({
-  __name: "TransferTemplateItemTable",
-  props: {
-    row: {},
-    disabled: { type: Boolean },
-    errorMessage: {}
-  },
-  emits: ["update:item"],
-  setup(x) {
-    function d(s) {
-      return s.column.columnDef.meta;
-    }
-    return (s, l) => (S(), V(ne, null, [
-      t("tr", {
-        class: "hover:bg-fm-color-opacity-sm border-b border-fm-color-neutral-gray-100",
-        style: Te({ backgroundColor: s.errorMessage ? "#ffd6d6" : void 0 })
-      }, [
-        (S(!0), V(ne, null, fe(s.row.getVisibleCells(), (o) => {
-          var i, _, g, O, m;
-          return S(), V("td", {
-            key: o.id,
-            class: te(["text-fm-color-typo-primary", ((i = d(o)) == null ? void 0 : i.cellClass) ?? "px-16", "py-2"]),
-            style: Te({
-              width: (_ = d(o)) != null && _.width ? (g = d(o)) == null ? void 0 : g.width : o.column.getSize() !== 0 ? `${o.column.getSize()}px` : void 0,
-              maxWidth: (O = d(o)) == null ? void 0 : O.maxWidth,
-              textAlign: ((m = d(o)) == null ? void 0 : m.textAlign) ?? "left"
-            })
-          }, [
-            t("span", ko, [
-              u(e(le), {
-                props: o.getContext(),
-                render: o.column.columnDef.cell
-              }, null, 8, ["props", "render"])
-            ])
-          ], 6);
-        }), 128))
-      ], 4),
-      s.errorMessage ? (S(), V("tr", $o, [
-        t("td", {
-          colspan: s.row.getVisibleCells().length,
-          class: "text-red-600 px-16 py-2"
-        }, w(s.errorMessage), 9, Fo)
-      ])) : j("", !0)
-    ], 64));
-  }
-}), So = { class: "flex flex-col gap-16" }, Io = { class: "flex flex-col gap-24" }, To = { class: "flex flex-col gap-16" }, Co = { class: "flex items-center" }, Oo = { class: "flex flex-col" }, Vo = { class: "flex flex-col gap-16" }, Mo = { class: "flex gap-3" }, Eo = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, Do = {
-  key: 0,
-  class: "border rounded-sm px-8 py-2 bg-fm-color-system-warning-100 fm-typo-en-body-lg-400"
-}, Ao = { class: "border rounded-sm px-8 py-2 bg-fm-color-system-info-100 fm-typo-en-body-lg-400" }, qo = { class: "mb-2" }, Ro = /* @__PURE__ */ re({
-  __name: "TransferTemplateForm",
-  props: {
-    modelValue: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["update:disabled"],
-  setup(x, { expose: d, emit: s }) {
-    const l = x, o = s, i = st(), { t: _ } = ce(), g = H({}), O = et(), m = Fe(), a = Qt(), f = ke(), v = Me(), $ = yt();
-    Oe(
-      () => i.purchaseOrder.items.length,
-      () => {
-        g.value = {};
-      }
-    ), O.watchLocation(async () => {
-      location && (i.purchaseOrder.supplier || (i.purchaseOrder.supplier = a.suppliers.find((c) => c) ?? i.purchaseOrder.supplier));
-    });
-    const F = Wt(
-      () => i.purchaseOrder,
-      (c) => {
-        i.purchaseOrder = {
-          ...i.purchaseOrder,
-          supplier: c.supplier ?? (i == null ? void 0 : i.purchaseOrder.supplier)
-        };
-      }
-    ), b = M({
-      get() {
-        var c, h;
-        return typeof ((h = (c = i.purchaseOrder) == null ? void 0 : c.supplier) == null ? void 0 : h.internal) == "string" ? ee.enum.transfer : ee.enum.purchase;
-      },
-      set(c) {
-        var A, L;
-        const h = typeof ((L = (A = i.purchaseOrder) == null ? void 0 : A.supplier) == null ? void 0 : L.internal) == "string" ? ee.enum.transfer : ee.enum.purchase;
-        c !== h && (i.purchaseOrder.supplier = c === ee.enum.purchase ? F.locationOptionsTypePurchase.value[0] : F.locationOptionsTypeTransfer.value[0]);
-      }
-    }), D = M(() => F.transferLocationOptions.value), y = M({
-      get() {
-        var c;
-        return (c = i.purchaseOrder.supplier) == null ? void 0 : c._id;
-      },
-      set(c) {
-        F.transferLocationModel.value = c;
-      }
-    });
-    async function p() {
-      const c = await v.checkCustomFieldCodes({
-        beforeStart: async () => {
-          o("update:disabled", !0);
-        },
-        templateItems: i.purchaseOrder.items
-      });
-      g.value = c, o("update:disabled", !1);
-    }
-    const {
-      promptSelectLocations: k,
-      columnDefs: n,
-      rowData: r
-    } = Ht({
-      getLocations() {
-        return i.locations;
-      },
-      setLocations(c) {
-        i.locations = c;
-      }
-    });
-    function C() {
-      var c, h;
-      return (c = i.locations) != null && c.find((A) => {
-        var L, Y;
-        return ((L = A.doc) == null ? void 0 : L._id) === ((Y = i.purchaseOrder.supplier) == null ? void 0 : Y._id);
-      }) ? `Location ${(h = i.purchaseOrder.supplier) == null ? void 0 : h.name} must be removed because template cannot be used to transfer to itself.` : !0;
-    }
-    const I = M({
-      get() {
-        return i.purchaseOrder.remark ?? void 0;
-      },
-      set(c) {
-        i.purchaseOrder.remark = c;
-      }
-    }), T = H();
-    d({
-      validateInputs: () => {
-        var c, h;
-        (h = (c = T.value) == null ? void 0 : c.validateInputs) == null || h.call(c);
-      },
-      resetInputsValidation: () => {
-        var c, h;
-        (h = (c = T.value) == null ? void 0 : c.resetInputsValidation) == null || h.call(c);
-      },
-      resetInputs: () => {
-        var c, h;
-        (h = (c = T.value) == null ? void 0 : c.resetInputs) == null || h.call(c);
-      }
-    });
-    const U = M(() => ({
-      duplicateItem: (c) => {
-        i.purchaseOrder.items = [
-          ...i.purchaseOrder.items,
-          {
-            ...c
-          }
-        ];
-      },
-      updateItem: (c) => {
-        let h = [];
-        c.id ? h = i.purchaseOrder.items.map((A) => A.id !== c.id ? A : c) : h = i.purchaseOrder.items.map((A) => A.sku._id !== c.sku._id ? A : c), i.purchaseOrder.items = h;
-      },
-      deleteItem: (c) => {
-        console.log(c.id);
-        let h = [];
-        c.id ? h = i.purchaseOrder.items.filter((A) => A.id !== c.id) : h = i.purchaseOrder.items.filter((A) => A.sku._id !== c.sku._id), i.purchaseOrder.items = h;
-      }
-    })), ae = ao(
-      {
-        duplicateItem: U.value.duplicateItem,
-        updateItem: U.value.updateItem,
-        deleteItem: U.value.deleteItem,
-        get supplier() {
-          return i.purchaseOrder.supplier;
-        },
-        get items() {
-          return i.purchaseOrder.items;
-        },
-        get transferType() {
-          return ee.enum.purchase;
-        },
-        get disabled() {
-          return l.disabled;
-        }
-      },
-      v.transferTemplateColumnDefs({
-        onUpdate: (c, h, A, L) => {
-          if (c < 0 || c >= i.purchaseOrder.items.length) return;
-          const Y = i.purchaseOrder.items[c];
-          Y && U.value.updateItem({
-            ...Y,
-            sku: h,
-            // Sku might be outdated, so we need to update it
-            code: A,
-            measurement: L
-          });
-        }
-      })
-    ), R = M(() => ae.columnDefs.value), { promptSelectIngredients: W } = jt();
-    async function N() {
-      const h = m.skus.map((B) => ({
-        label: B.name,
-        sublabel: B.code,
-        value: B
-      })).filter((B) => {
-        var Q;
-        return (Q = i.purchaseOrder.items) == null ? void 0 : Q.find((Z) => Z.sku._id === B.value._id);
-      }).map((B) => B.value), A = i.purchaseOrder.items ?? [], L = await W(
-        h.map((B) => B._id),
-        (B) => {
-          const Q = m.skuById[B], Z = A.find((G) => G.sku._id === Q._id);
-          if (Z)
-            return Z;
-          const se = { amount: 1, precision: de(Q.unit) };
-          let q = {
-            id: f.usePurchaseOrderV2 ? crypto.randomUUID() : void 0,
-            sku: Q,
-            code: Q.code,
-            name: Q.name,
-            quantity: se,
-            minimumQuantity: se,
-            // maximumQuantity: adjustmentAmountMultiplyDecimal(minimumQuantity, {
-            //   amount: 100,
-            //   precision: 0
-            // }),
-            quantityStep: se
-          };
-          return $.validateUnitInput(
-            q,
-            Q,
-            {
-              amount: se,
-              measurement: null
-            },
-            (G) => {
-              q.code = G.code;
-            }
-          ), q;
-        }
-      );
-      if (!L) return;
-      const Y = L.map((B) => B.sku._id), X = [];
-      for (const B of Y) {
-        const Q = A.filter((Z) => Z.sku._id === B);
-        if (Q.length > 0)
-          X.push(...Q);
-        else {
-          const Z = L.find((se) => se.sku._id === B);
-          Z && X.push(Z);
-        }
-      }
-      X.sort((B, Q) => B.sku.code.localeCompare(Q.sku.code)), i.purchaseOrder.items = X;
-    }
-    return (c, h) => {
-      const A = E("FmTextField"), L = E("FmSelect"), Y = E("FmTextarea"), X = E("FmButton"), B = E("FmTable"), Q = E("FmFormGroup"), Z = E("FmForm");
-      return S(), oe(Z, {
-        ref_key: "formRef",
-        ref: T,
-        class: "flex flex-col gap-32",
-        disabled: c.disabled
-      }, {
-        default: P(() => {
-          var se;
-          return [
-            t("div", So, [
-              t("div", Io, [
-                u(A, {
-                  label: e(_)("inventory.transfer.form.name"),
-                  "label-mark": "required",
-                  modelValue: e(i).name,
-                  "onUpdate:modelValue": h[0] || (h[0] = (q) => e(i).name = q),
-                  rules: [e(ye)()]
-                }, null, 8, ["label", "modelValue", "rules"]),
-                u(L, {
-                  label: e(_)("inventory.transfer.form.type.title"),
-                  "model-value": b.value,
-                  "onUpdate:modelValue": h[1] || (h[1] = (q) => b.value = q),
-                  items: [
-                    {
-                      label: e(_)("inventory.transfer.form.type.purchase"),
-                      value: e(ee).enum.purchase,
-                      disabled: !e(F).locationOptionsTypePurchase.value.length,
-                      sublabel: e(F).locationOptionsTypePurchase.value.length ? void 0 : e(_)("inventory.transfer.form.noSupplierAvailable")
-                    },
-                    {
-                      label: e(_)("inventory.transfer.form.type.transfer"),
-                      value: e(ee).enum.transfer,
-                      disabled: !e(F).locationOptionsTypeTransfer.value.length,
-                      sublabel: e(F).locationOptionsTypeTransfer.value.length ? void 0 : e(_)("inventory.transfer.form.noLocationAvailable")
-                    }
-                  ],
-                  rules: [e(xe)(1)(D.value)]
-                }, {
-                  default: P(() => [
-                    t("span", {
-                      class: te([
-                        "line-clamp-1 fm-typo-en-body-lg-400",
-                        c.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
-                      ])
-                    }, w(e(Mt)(b.value)), 3)
-                  ]),
-                  _: 1
-                }, 8, ["label", "model-value", "items", "rules"]),
-                u(L, {
-                  label: b.value === e(ee).enum.purchase ? e(_)("inventory.transfer.form.purchaseFrom") : e(_)("inventory.transfer.form.transferFrom"),
-                  modelValue: y.value,
-                  "onUpdate:modelValue": h[2] || (h[2] = (q) => y.value = q),
-                  items: D.value
-                }, {
-                  "menu-wrapper": P((q) => {
-                    var G;
-                    return [
-                      u(dt, Ve(q, {
-                        items: D.value,
-                        "model-value": (G = c.modelValue.purchaseOrder.supplier) == null ? void 0 : G._id
-                      }), null, 16, ["items", "model-value"])
-                    ];
-                  }),
-                  default: P(() => {
-                    var q;
-                    return [
-                      t("span", {
-                        class: te([
-                          "line-clamp-1 fm-typo-en-body-lg-400",
-                          c.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
-                        ])
-                      }, w((q = D.value.find((G) => G.value === y.value)) == null ? void 0 : q.label), 3)
-                    ];
-                  }),
-                  _: 1
-                }, 8, ["label", "modelValue", "items"]),
-                u(A, {
-                  label: e(_)("inventory.transfer.form.reference"),
-                  "label-mark": "optional",
-                  modelValue: e(i).purchaseOrder.ref,
-                  "onUpdate:modelValue": h[3] || (h[3] = (q) => e(i).purchaseOrder.ref = q)
-                }, null, 8, ["label", "modelValue"]),
-                u(Y, {
-                  label: e(_)("inventory.transfer.form.remark"),
-                  "label-mark": "optional",
-                  "max-length": 240,
-                  modelValue: I.value,
-                  "onUpdate:modelValue": h[4] || (h[4] = (q) => I.value = q),
-                  class: te({ "text-fm-color-typo-disabled": c.disabled })
-                }, null, 8, ["label", "modelValue", "class"])
-              ])
-            ]),
-            t("div", To, [
-              t("div", Co, [
-                h[8] || (h[8] = t("div", { class: "flex-1 fm-typo-en-title-sm-600" }, "Locations", -1)),
-                u(X, {
-                  disabled: c.disabled,
-                  label: "Select location",
-                  "prepend-icon": "add",
-                  variant: "plain",
-                  class: "border-2 rounded-lg border-fm-color-primary",
-                  onClick: e(k)
-                }, null, 8, ["disabled", "onClick"])
-              ]),
-              u(B, {
-                "column-defs": e(n),
-                "row-data": e(r),
-                "shrink-at": 9999,
-                onRowClick: e(k),
-                "hide-footer": ""
-              }, null, 8, ["column-defs", "row-data", "onRowClick"]),
-              t("div", Oo, [
-                u(Q, {
-                  "model-value": [
-                    (se = l.modelValue.purchaseOrder.supplier) == null ? void 0 : se._id,
-                    ...l.modelValue.locations ?? []
-                  ].join(","),
-                  rules: [C]
-                }, null, 8, ["model-value", "rules"])
-              ])
-            ]),
-            t("div", Vo, [
-              t("div", Mo, [
-                t("div", Eo, w(e(_)("inventory.transfer.form.items.title")), 1),
-                e(v).isEnabled ? (S(), oe(X, {
-                  key: 0,
-                  label: "Check NetSuite",
-                  "prepend-icon": "troubleshoot",
-                  variant: "secondary",
-                  onClick: p,
-                  size: "md"
-                })) : j("", !0),
-                u(X, {
-                  disabled: c.disabled,
-                  label: e(_)("inventory.transfer.form.items.addItem"),
-                  "prepend-icon": "add",
-                  variant: "plain",
-                  class: "border-2 rounded-lg border-fm-color-primary",
-                  onClick: h[5] || (h[5] = (q) => N()),
-                  size: "md"
-                }, null, 8, ["disabled", "label"])
-              ]),
-              e(v).isEnabled ? (S(), V("div", Do, h[9] || (h[9] = [
-                ie(" NetSuite is enabled. "),
-                t("ul", { style: { "list-style": "initial", "margin-left": "20px" } }, [
-                  t("li", null, ' When adding new item or changing UOM, the first match available custom code (if any) will be applied to "Code" for each item by default. '),
-                  t("li", null, ' You can also choose to change the code by selecting from the "NetSuite" button in each row. ')
-                ], -1),
-                t("p", { class: "fm-typo-en-body-lg-600 mt-2" }, " If you use custom code for certain items, please make sure that the custom code is correct before saving the template. ", -1)
-              ]))) : j("", !0),
-              t("div", Ao, [
-                t("p", qo, [
-                  ie(' Set "' + w(e(_)("inventory.transfer.form.items.table.DefaultAmount")) + '" to "0" to mark the item as ', 1),
-                  h[10] || (h[10] = t("b", null, "optional", -1)),
-                  h[11] || (h[11] = ie(" when creating an order request. "))
-                ]),
-                h[12] || (h[12] = t("p", null, ' You can leave "Max" empty to remove the limit on the maximum quantity of the item when creating an order request. ', -1))
-              ]),
-              (S(), oe(B, {
-                "column-defs": R.value,
-                "row-data": e(i).purchaseOrder.items,
-                key: e(i).purchaseOrder.items.map((q) => q.sku._id).join("."),
-                "hide-footer": "",
-                "page-size": e(i).purchaseOrder.items.length
-              }, {
-                "table-row": P((q) => [
-                  u(wo, {
-                    row: q,
-                    errorMessage: g.value[q.index],
-                    "onUpdate:item": h[6] || (h[6] = (G) => U.value.updateItem(G)),
-                    disabled: c.disabled
-                  }, null, 8, ["row", "errorMessage", "disabled"])
-                ]),
-                "list-row": P((q) => [
-                  (S(), oe(it, {
-                    row: q,
-                    key: e(i).purchaseOrder.items.map((G) => G.sku._id).join(".")
-                  }, {
-                    default: P((G) => [
-                      u(xo, {
-                        row: q,
-                        "cell-by-col-id": G,
-                        "onUpdate:item": h[7] || (h[7] = (ve) => U.value.updateItem(ve)),
-                        disabled: c.disabled
-                      }, null, 8, ["row", "cell-by-col-id", "disabled"])
-                    ]),
-                    _: 2
-                  }, 1032, ["row"]))
-                ]),
-                _: 1
-              }, 8, ["column-defs", "row-data", "page-size"])),
-              u(Q, {
-                "model-value": e(i).purchaseOrder.items.length,
-                rules: [e(xe)(1)]
-              }, null, 8, ["model-value", "rules"])
-            ])
-          ];
-        }),
-        _: 1
-      }, 8, ["disabled"]);
-    };
-  }
-}), Bo = { class: "flex items-center" }, Uo = { class: "fm-typo-en-title-md-800" }, Po = { class: "flex gap-4" }, No = /* @__PURE__ */ re({
-  __name: "TransferTemplateDialog",
-  props: /* @__PURE__ */ We({
-    mode: {},
-    modelValue: {},
-    show: { type: Boolean }
-  }, {
-    disabled: { type: Boolean },
-    disabledModifiers: {}
-  }),
-  emits: /* @__PURE__ */ We(["update:show", "submitted"], ["update:disabled"]),
-  setup(x, { expose: d, emit: s }) {
-    var k;
-    const l = x, o = s, i = Yt(), _ = Dt(), { t: g } = ce(), O = tt(l, "show");
-    function m() {
-      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 a = H(l.modelValue ?? m()), f = H(((k = l.modelValue) == null ? void 0 : k._id) ?? `${Math.random()}`);
-    Oe(
-      () => l.show,
-      (n) => {
-        var r;
-        n && (a.value = l.modelValue ?? m(), f.value = ((r = l.modelValue) == null ? void 0 : r._id) ?? `${Math.random()}`);
-      }
-    );
-    const v = _t(x, "disabled"), $ = M(() => {
-      switch (l.mode) {
-        case me.READ:
-          return "";
-        case me.CREATE:
-          return g("inventory.transfer.template.create.title");
-        case me.UPDATE:
-          return g("inventory.transfer.template.update.title");
-      }
-      return "";
-    }), F = H();
-    d({
-      validateInputs: () => {
-        var n, r;
-        (r = (n = F.value) == null ? void 0 : n.validateInputs) == null || r.call(n);
-      },
-      resetInputsValidation: () => {
-        var n, r;
-        (r = (n = F.value) == null ? void 0 : n.resetInputsValidation) == null || r.call(n);
-      },
-      resetInputs: () => {
-        var n, r;
-        (r = (n = F.value) == null ? void 0 : n.resetInputs) == null || r.call(n);
-      }
-    });
-    async function b() {
-      var r, C;
-      const n = a.value;
-      if (n) {
-        v.value = !0, (((r = n.purchaseOrder.supplier) == null ? void 0 : r.internal) === ge.enum.warehouse || ((C = n.purchaseOrder.supplier) == null ? void 0 : C.internal) === ge.enum.restaurant) && (n.purchaseOrder.items = n.purchaseOrder.items.map(
-          ({ totalCost: I, ...T }) => T
-        ));
-        try {
-          await i.createTemplate(n), await new Promise((I) => setTimeout(I, 1e3)), _.open({
-            title: g("inventory.transfer.template.create.success"),
-            message: g("inventory.transfer.template.create.successMessage"),
-            type: "success"
-          }), o("update:show", !1), o("submitted");
-        } catch (I) {
-          _.open({
-            title: g("inventory.transfer.template.create.error"),
-            message: g("inventory.transfer.template.create.errorMessage"),
-            type: "error"
-          }), console.error("Error in creating transfer template", I);
-        } finally {
-          v.value = !1;
-        }
-      }
-    }
-    async function D() {
-      var r, C;
-      const n = a.value;
-      if (n) {
-        v.value = !0, (((r = n.purchaseOrder.supplier) == null ? void 0 : r.internal) === ge.enum.warehouse || ((C = n.purchaseOrder.supplier) == null ? void 0 : C.internal) === ge.enum.restaurant) && (n.purchaseOrder.items = n.purchaseOrder.items.map(
-          ({ totalCost: I, ...T }) => T
-        ));
-        try {
-          await i.updateTemplate(n), await new Promise((I) => setTimeout(I, 1e3)), _.open({
-            title: g("inventory.transfer.template.update.success"),
-            message: g("inventory.transfer.template.update.successMessage"),
-            type: "success"
-          }), o("update:show", !1), o("submitted");
-        } catch (I) {
-          _.open({
-            title: g("inventory.transfer.template.update.error"),
-            message: g("inventory.transfer.template.update.errorMessage"),
-            type: "error"
-          }), console.error("Error in updating transfer template", I);
-        } finally {
-          v.value = !1;
-        }
-      }
-    }
-    function y() {
-      switch (l.mode) {
-        case me.CREATE:
-          return b();
-        case me.UPDATE:
-          return D();
-      }
-    }
-    function p() {
-      var n, r;
-      (r = (n = F.value) == null ? void 0 : n.validateInputs) == null || r.call(n);
-    }
-    return (n, r) => {
-      const C = E("FmButton"), I = E("FmSideSheet");
-      return S(), oe(I, {
-        modelValue: e(O),
-        "onUpdate:modelValue": r[3] || (r[3] = (T) => Xe(O) ? O.value = T : null),
-        "dismiss-away": "",
-        "close-button": "",
-        "max-width": 1600
-      }, {
-        "side-sheet-header": P(() => [
-          t("div", Bo, [
-            t("div", Uo, w($.value), 1)
-          ])
-        ]),
-        default: P(() => [
-          (S(), oe(Ro, {
-            class: "w-full",
-            ref_key: "formRef",
-            ref: F,
-            onValidationSuccess: y,
-            "model-value": a.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (T) => a.value = T),
-            disabled: v.value,
-            "onUpdate:disabled": r[1] || (r[1] = (T) => v.value = T),
-            key: f.value
-          }, null, 8, ["model-value", "disabled"]))
-        ]),
-        "side-sheet-footer": P(() => [
-          t("div", Po, [
-            u(Gt, {
-              loading: v.value,
-              label: e(g)("common.save"),
-              "confirm-title": `Save ${l.mode === e(me).CREATE ? "Template" : "Changes"}`,
-              onConfirm: p
-            }, {
-              "dialog-content": P(() => r[4] || (r[4] = [
-                t("div", { class: "fm-typo-en-body-md-400 bg-fm-color-primary-oats p-8 rounded" }, [
-                  ie(" Warning: This action "),
-                  t("span", { class: "text-fm-color-system-error-300" }, "will not"),
-                  ie(" create or update any order request, but only a template. ")
-                ], -1)
-              ])),
-              _: 1
-            }, 8, ["loading", "label", "confirm-title"]),
-            u(C, {
-              disabled: v.value,
-              variant: "tertiary",
-              label: e(g)("common.close"),
-              onClick: r[2] || (r[2] = (T) => o("update:show", !1))
-            }, null, 8, ["disabled", "label"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), Lo = { class: "flex flex-col gap-16 w-full h-full overflow-y-auto" }, zo = { class: "flex justify-between" }, Qo = { class: "fm-typo-en-body-lg-600" }, jo = { class: "fm-status-badge fm-status-badge-info-secondary" }, Ho = { class: "flex flex-col gap-8" }, Wo = { class: "flex flex-col gap-4" }, Yo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Go = { class: "flex gap-1" }, Ko = { class: "fm-typo-en-body-lg-600" }, Zo = {
-  key: 0,
-  class: "flex flex-col gap-4"
-}, Jo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Xo = { class: "flex gap-1" }, es = { class: "fm-typo-en-body-lg-600" }, ts = {
-  key: 1,
-  class: "flex flex-col gap-4"
-}, os = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ss = { class: "fm-typo-en-body-lg-600" }, ls = {
-  key: 2,
-  class: "flex flex-col gap-4"
-}, ns = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, as = { class: "fm-typo-en-body-lg-600" }, rs = {
-  key: 3,
-  class: "flex flex-col gap-4"
-}, is = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ds = { class: "fm-typo-en-body-lg-600" }, us = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, ms = { class: "flex flex-col gap-8" }, cs = { class: "fm-typo-en-body-lg-600" }, ps = { class: "flex w-full gap-4" }, fs = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, ys = { class: "fm-typo-en-body-lg-600 shrink-0" }, vs = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, bs = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, hs = {
-  key: 0,
-  class: "shrink-0 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
-}, _s = {
-  key: 0,
-  class: "flex gap-4 items-center"
-}, gs = { class: "flex flex-col gap-12" }, xs = { class: "flex flex-col gap-8" }, ks = { class: "flex gap-8 xs:flex-col" }, $s = /* @__PURE__ */ re({
-  __name: "TransferTemplateDetails",
-  props: {
-    template: {},
-    show: { type: Boolean }
-  },
-  emits: ["update:show", "action:edit"],
-  setup(x, { emit: d }) {
-    const s = x, l = d, o = ke(), { t: i } = ce(), _ = M(() => {
-      var v;
-      return (v = s.template) == null ? void 0 : v.purchaseOrder;
-    }), g = [
-      { accessorKey: "name", header: () => "Name" },
-      { accessorKey: "type", header: () => "Type" }
-    ], O = H(""), m = M(
-      () => {
-        var v, $, F, b;
-        return (($ = (v = _.value) == null ? void 0 : v.supplier) == null ? void 0 : $.internal) === "restaurant" || ((b = (F = _.value) == null ? void 0 : F.supplier) == null ? void 0 : b.internal) === "warehouse" ? ee.enum.transfer : ee.enum.purchase;
-      }
-    ), a = H(!0), f = tt(s, "show");
-    return (v, $) => {
-      var r;
-      const F = E("FmMenuDivider"), b = E("FmCard"), D = E("FmIcon"), y = E("FmTextField"), p = E("FmTable"), k = E("FmButton"), n = E("FmSideSheet");
-      return S(), oe(n, {
-        header: e(i)("inventory.transfer.template.details.view", { template: (r = v.template) == null ? void 0 : r.name }),
-        modelValue: e(f),
-        "onUpdate:modelValue": $[2] || ($[2] = (C) => Xe(f) ? f.value = C : null),
-        "dismiss-away": a.value,
-        "close-button": "",
-        "max-width": 1200
-      }, {
-        default: P(() => {
-          var C, I;
-          return [
-            t("div", Lo, [
-              t("div", null, [
-                u(b, {
-                  variant: "outlined",
-                  class: "flex flex-col gap-8 px-12 py-16"
-                }, {
-                  default: P(() => {
-                    var T, U, ae, R, W, N, c, h, A;
-                    return [
-                      t("div", zo, [
-                        t("div", Qo, w(e(i)("inventory.transfer.template.details.templateSummary")), 1),
-                        t("div", jo, w(e(i)(
-                          `inventory.transfer.receiveRequest.details.type.${m.value.toLocaleLowerCase("en-US")}`
-                        )), 1)
-                      ]),
-                      u(F),
-                      t("div", Ho, [
-                        t("div", Wo, [
-                          t("div", Yo, [
-                            t("div", Go, w(e(i)("inventory.transfer.receiveRequest.details.createdAt")), 1)
-                          ]),
-                          t("div", Ko, w(e(Kt)(((T = v.template) == null ? void 0 : T._id) ?? "")), 1)
-                        ]),
-                        (U = v.template) != null && U.updatedAt ? (S(), V("div", Zo, [
-                          t("div", Jo, [
-                            t("div", Xo, w(e(i)("inventory.transfer.receiveRequest.details.updatedAt")), 1)
-                          ]),
-                          t("div", es, [
-                            ie(w(e(ut)(new Date(v.template.updatedAt))) + " ", 1),
-                            (ae = v.template.updatedBy) != null && ae.name ? (S(), V(ne, { key: 0 }, [
-                              ie(" (" + w(v.template.updatedBy.name) + ") ", 1)
-                            ], 64)) : j("", !0)
-                          ])
-                        ])) : j("", !0),
-                        (W = (R = _.value) == null ? void 0 : R.supplier) != null && W.name ? (S(), V("div", ts, [
-                          t("div", os, w(e(i)("inventory.transfer.receiveRequest.details.from")), 1),
-                          t("div", ss, w((c = (N = _.value) == null ? void 0 : N.supplier) == null ? void 0 : c.name), 1)
-                        ])) : j("", !0),
-                        (h = _.value) != null && h.ref ? (S(), V("div", ls, [
-                          t("div", ns, w(e(i)("inventory.transfer.receiveRequest.details.reference")), 1),
-                          t("div", as, w(_.value.ref), 1)
-                        ])) : j("", !0),
-                        (A = _.value) != null && A.remark ? (S(), V("div", rs, [
-                          t("div", is, w(e(i)("inventory.transfer.receiveRequest.details.remark")), 1),
-                          t("div", ds, w(_.value.remark), 1)
-                        ])) : j("", !0)
-                      ])
-                    ];
-                  }),
-                  _: 1
-                })
-              ]),
-              t("div", us, [
-                t("div", ms, [
-                  t("div", cs, w(e(i)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
-                  (S(!0), V(ne, null, fe(((C = _.value) == null ? void 0 : C.items) ?? [], (T) => (S(), V("div", {
-                    key: T.code,
-                    class: "flex flex-col"
-                  }, [
-                    t("div", ps, [
-                      t("div", fs, w(T.name), 1),
-                      $[3] || ($[3] = t("div", { class: "flex-1 min-w-32" }, null, -1)),
-                      t("div", ys, w(e(It)(T.quantity, T.sku.unit, T.measurement)), 1)
-                    ]),
-                    t("div", vs, [
-                      t("div", bs, w(T.code), 1),
-                      T.totalCost && e(o).enableTotalCost ? (S(), V("div", hs, " (" + w(e(Lt)(T.totalCost)) + ") ", 1)) : j("", !0)
-                    ]),
-                    e(Tt)(T) ? (S(), V("div", _s, [
-                      u(D, {
-                        name: "error",
-                        color: "system-error-300",
-                        size: "sm"
-                      }),
-                      $[4] || ($[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))
-                    ])) : j("", !0)
-                  ]))), 128))
-                ])
-              ]),
-              $[6] || ($[6] = t("div", null, null, -1)),
-              $[7] || ($[7] = t("div", null, null, -1)),
-              t("div", gs, [
-                $[5] || ($[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", xs, [
-                  u(y, {
-                    modelValue: O.value,
-                    "onUpdate:modelValue": $[0] || ($[0] = (T) => O.value = T),
-                    placeholder: "Filter locations",
-                    "prepend-icon": "search"
-                  }, null, 8, ["modelValue"]),
-                  u(p, {
-                    "hide-footer": "",
-                    style: { height: "500px" },
-                    "column-defs": g,
-                    "search-value": O.value,
-                    "row-data": ((I = s.template) == null ? void 0 : I.locations) ?? [{ name: "All locations" }]
-                  }, null, 8, ["search-value", "row-data"])
-                ])
-              ])
-            ])
-          ];
-        }),
-        "side-sheet-footer": P(() => [
-          t("div", ks, [
-            u(k, {
-              label: e(i)("common.edit"),
-              onClick: $[1] || ($[1] = (C) => l("action:edit")),
-              variant: "tertiary"
-            }, null, 8, ["label"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["header", "modelValue", "dismiss-away"]);
-    };
-  }
-}), Fs = { class: "flex flex-col h-full overflow-hidden" }, ws = {
-  class: "flex flex-col gap-16 p-20 border-b border-fm-color-border-default overflow-y-auto",
-  style: { flex: "0 0 30%", "max-height": "30%" }
-}, Ss = { class: "fm-typo-en-heading-sm-700 text-fm-color-typo-primary" }, Is = { class: "flex-1 flex flex-col overflow-hidden" }, Ts = {
-  key: 0,
-  class: "flex-1 flex items-center justify-center"
-}, Cs = { class: "text-center px-32" }, Os = { class: "fm-typo-en-body-md-400 text-fm-color-typo-placeholder" }, Vs = { class: "flex items-center justify-between px-16 py-12 border-b border-fm-color-border-default shrink-0" }, Ms = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Es = { class: "flex-1 overflow-y-auto divide-y divide-fm-color-border-default" }, Ds = ["onClick"], As = { class: "flex-1 min-w-0" }, qs = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary truncate" }, Rs = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-2" }, Bs = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary shrink-0" }, Us = { class: "px-16 py-10 border-t border-fm-color-border-default bg-fm-color-surface-secondary shrink-0" }, Ps = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ns = /* @__PURE__ */ re({
-  __name: "TemplateItemBulkEditorStep1",
-  setup(x) {
-    const { t: d } = we(), s = Fe(), l = $e(), o = M(
-      () => s.skus.map((O) => ({
-        label: O.name,
-        sublabel: O.code,
-        value: O._id
-      }))
-    ), i = M({
-      get: () => {
-        var O;
-        return ((O = l.selectedSku) == null ? void 0 : O._id) ?? null;
-      },
-      set: (O) => {
-        if (!O) {
-          l.selectedSku = null, l.deselectAllTemplates();
-          return;
-        }
-        l.selectedSku = s.skuById[O] ?? null, l.selectAllTemplates();
-      }
-    }), _ = M(
-      () => l.candidateTemplates.length > 0 && l.candidateTemplates.every((O) => l.selectedTemplateIds.includes(O._id))
-    );
-    function g() {
-      _.value ? l.deselectAllTemplates() : l.selectAllTemplates();
-    }
-    return (O, m) => {
-      var F;
-      const a = E("FmSelect"), f = E("FmIcon"), v = E("FmButton"), $ = E("FmCheckbox");
-      return S(), V("div", Fs, [
-        t("div", ws, [
-          t("div", null, [
-            t("p", Ss, w(e(d)("inventory.transfer.template.bulkEditor.step1.title")), 1)
-          ]),
-          u(a, {
-            modelValue: i.value,
-            "onUpdate:modelValue": m[0] || (m[0] = (b) => i.value = b),
-            items: o.value,
-            placeholder: e(d)("inventory.transfer.template.bulkEditor.step1.skuPlaceholder"),
-            clearable: ""
-          }, {
-            "menu-wrapper": P((b) => [
-              u(dt, Ve(b, {
-                items: o.value,
-                "model-value": i.value
-              }), null, 16, ["items", "model-value"])
-            ]),
-            _: 1
-          }, 8, ["modelValue", "items", "placeholder"])
-        ]),
-        t("div", Is, [
-          !e(l).selectedSku || e(l).candidateTemplates.length === 0 ? (S(), V("div", Ts, [
-            t("div", Cs, [
-              u(f, {
-                name: "list_alt",
-                size: "lg",
-                class: "text-fm-color-typo-placeholder mb-12"
-              }),
-              t("p", Os, w(e(l).selectedSku ? e(d)("inventory.transfer.template.bulkEditor.step1.emptyNoMatch") : e(d)("inventory.transfer.template.bulkEditor.step1.emptyNoSku")), 1)
-            ])
-          ])) : (S(), V(ne, { key: 1 }, [
-            t("div", Vs, [
-              t("span", Ms, w(e(d)("inventory.transfer.template.bulkEditor.step1.templatesContain", { count: e(l).candidateTemplates.length, sku: (F = e(l).selectedSku) == null ? void 0 : F.name }, e(l).candidateTemplates.length)), 1),
-              u(v, {
-                label: _.value ? e(d)("inventory.transfer.template.bulkEditor.step1.deselectAll") : e(d)("inventory.transfer.template.bulkEditor.step1.selectAll"),
-                variant: "tertiary",
-                size: "md",
-                onClick: g
-              }, null, 8, ["label"])
-            ]),
-            t("div", Es, [
-              (S(!0), V(ne, null, fe(e(l).candidateTemplates, (b) => (S(), V("div", {
-                key: b._id,
-                class: "flex items-center gap-12 px-16 py-12 hover:bg-fm-color-surface-hover transition-colors cursor-pointer",
-                onClick: (D) => e(l).toggleTemplate(b._id)
-              }, [
-                u($, {
-                  value: !0,
-                  "model-value": e(l).selectedTemplateIds.includes(b._id),
-                  "onUpdate:modelValue": (D) => e(l).toggleTemplate(b._id),
-                  onClick: m[1] || (m[1] = gt(() => {
-                  }, ["stop"]))
-                }, null, 8, ["model-value", "onUpdate:modelValue"]),
-                t("div", As, [
-                  t("div", qs, w(b.name), 1),
-                  t("div", Rs, [
-                    ie(w(e(d)("inventory.transfer.template.bulkEditor.step1.from")) + " " + w(b.purchaseOrder.supplier.name) + " ", 1),
-                    b.purchaseOrder.ref ? (S(), V(ne, { key: 0 }, [
-                      ie(" · " + w(e(d)("inventory.transfer.template.bulkEditor.step1.ref")) + " " + w(b.purchaseOrder.ref), 1)
-                    ], 64)) : j("", !0)
-                  ])
-                ]),
-                t("span", Bs, w(e(d)("inventory.transfer.template.bulkEditor.step1.items", { count: b.purchaseOrder.items.length }, b.purchaseOrder.items.length)), 1)
-              ], 8, Ds))), 128))
-            ]),
-            t("div", Us, [
-              t("span", Ps, w(e(d)("inventory.transfer.template.bulkEditor.step1.selectedCount", { selected: e(l).selectedTemplateIds.length, total: e(l).candidateTemplates.length })), 1)
-            ])
-          ], 64))
-        ])
-      ]);
-    };
-  }
-}), Ls = { class: "flex flex-col gap-20 p-24 h-full overflow-y-auto" }, zs = { class: "fm-typo-en-heading-sm-700 text-fm-color-typo-primary" }, Qs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mt-4" }, js = {
-  key: 0,
-  class: "flex flex-col gap-16"
-}, Hs = { class: "rounded-lg border border-fm-color-border-default bg-fm-color-surface-secondary px-16 py-10 flex items-center gap-12" }, Ws = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" }, Ys = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary ml-8" }, Gs = {
-  key: 0,
-  class: "ml-auto"
-}, Ks = { class: "grid grid-cols-2 gap-12" }, Zs = { class: "flex flex-col gap-4" }, Js = { class: "flex items-center gap-8" }, Xs = { class: "flex flex-col gap-4" }, el = { class: "flex items-center gap-8" }, tl = { class: "grid grid-cols-2 gap-12" }, ol = { class: "flex flex-col gap-4" }, sl = { class: "flex items-center gap-8" }, ll = { class: "flex flex-col gap-4" }, nl = { class: "flex items-center gap-8" }, al = { class: "flex flex-col gap-4" }, rl = { class: "flex items-center gap-8" }, il = /* @__PURE__ */ re({
-  __name: "TemplateItemBulkEditorStep2",
-  emits: ["validation-success"],
-  setup(x, { expose: d, emit: s }) {
-    const { t: l } = we(), o = $e(), i = Me(), _ = Fe(), g = M(
-      () => o.selectedSku ? _.skuById[o.selectedSku._id] ?? o.selectedSku : null
-    ), O = M(() => {
-      var n, r;
-      return (r = (n = g.value) == null ? void 0 : n.unit) != null && r._id ? _.unitById[g.value.unit._id] ?? null : null;
-    }), m = M({
-      get: () => o.editedItem.code ?? "",
-      set: (n) => {
-        o.editedItem = { ...o.editedItem, code: n };
-      }
-    }), a = M({
-      get: () => o.editedItem.name ?? "",
-      set: (n) => {
-        o.editedItem = { ...o.editedItem, name: n };
-      }
-    }), f = M({
-      get: () => ({
-        amount: o.editedItem.quantity ?? { amount: 1, precision: 0 },
-        measurement: o.editedItem.measurement ?? null
-      }),
-      set: (n) => {
-        n && (o.editedItem = {
-          ...o.editedItem,
-          quantity: n.amount,
-          measurement: n.measurement ?? void 0
-        });
-      }
-    }), v = M({
-      get: () => z(o.editedItem.quantityStep ?? { amount: 1, precision: 0 }, !1),
-      set: (n) => {
-        const r = +n;
-        n.trim() === "" || isNaN(r) || (o.editedItem = { ...o.editedItem, quantityStep: pe(r) });
-      }
-    }), $ = M({
-      get: () => ({
-        min: o.editedItem.minimumQuantity ?? void 0,
-        max: o.editedItem.maximumQuantity ?? void 0
-      }),
-      set: (n) => {
-        o.editedItem = {
-          ...o.editedItem,
-          minimumQuantity: (n == null ? void 0 : n.min) ?? null,
-          maximumQuantity: (n == null ? void 0 : n.max) ?? null
-        };
-      }
-    }), F = M(() => {
-      var I;
-      const n = o.editedItem, r = n.quantityStep ?? { amount: 1, precision: 0 }, C = (I = g.value) == null ? void 0 : I.unit;
-      return C ? [
-        nt(r),
-        ...+(z(n.quantity ?? { amount: 0, precision: 0 }) ?? 0) > 0 ? [
-          at(
-            +(z(
-              n.minimumQuantity ?? {
-                amount: 1,
-                precision: de(C, n.measurement)
-              }
-            ) ?? 0)
-          )
-        ] : [],
-        rt(
-          n.maximumQuantity ? +(z(n.maximumQuantity) ?? 1 / 0) : 1 / 0
-        )
-      ] : [];
-    }), b = M(() => g.value ? [
-      xe({
-        amount: 1,
-        precision: de(g.value.unit, o.editedItem.measurement)
-      }),
-      ot(g.value.unit, o.editedItem.measurement)
-    ] : []), D = M(() => g.value ? [
-      ct({ max: !1 }),
-      ft(o.editedItem.quantityStep ?? { amount: 1, precision: 0 }),
-      pt(
-        +(z({
-          amount: 0,
-          precision: de(g.value.unit, o.editedItem.measurement)
-        }) ?? 0),
-        1 / 0
-      )
-    ] : []), y = s, p = H();
-    d({
-      validateInputs: () => {
-        var n, r;
-        return (r = (n = p.value) == null ? void 0 : n.validateInputs) == null ? void 0 : r.call(n);
-      }
-    });
-    function k(n, r, C) {
-      o.editedItem = {
-        ...o.editedItem,
-        sku: n,
-        code: r,
-        measurement: C ?? o.editedItem.measurement
-      };
-      const I = ["code"];
-      C !== void 0 && I.push("defaultAmount"), o.autoSelectFields(I);
-    }
-    return (n, r) => {
-      const C = E("FmIcon"), I = E("FmCheckbox"), T = E("FmLabel"), U = E("FmTextField"), ae = E("FmForm");
-      return S(), V("div", Ls, [
-        t("div", null, [
-          t("p", zs, w(e(l)("inventory.transfer.template.bulkEditor.step2.title")), 1),
-          t("p", Qs, w(e(l)("inventory.transfer.template.bulkEditor.step2.subtitle", { count: e(o).selectedTemplateIds.length }, e(o).selectedTemplateIds.length)), 1)
-        ]),
-        u(ae, {
-          ref_key: "formRef",
-          ref: p,
-          onValidationSuccess: r[10] || (r[10] = (R) => y("validation-success"))
-        }, {
-          default: P(() => [
-            g.value ? (S(), V("div", js, [
-              t("div", Hs, [
-                u(C, {
-                  name: "inventory_2",
-                  size: "sm",
-                  class: "text-fm-color-typo-secondary"
-                }),
-                t("div", null, [
-                  t("span", Ws, w(g.value.name), 1),
-                  t("span", Ys, "(" + w(g.value.code) + ")", 1)
-                ]),
-                e(i).isEnabled ? (S(), V("div", Gs, [
-                  u(zt, {
-                    sku: g.value,
-                    "setting-options": e(i).skuSettingOptions,
-                    "onUpdate:modelValue": k
-                  }, null, 8, ["sku", "setting-options"])
-                ])) : j("", !0)
-              ]),
-              t("div", Ks, [
-                t("div", Zs, [
-                  t("div", Js, [
-                    u(I, {
-                      value: !0,
-                      "model-value": e(o).selectedFields.has("code"),
-                      "onUpdate:modelValue": r[0] || (r[0] = (R) => e(o).toggleField("code"))
-                    }, null, 8, ["model-value"]),
-                    u(T, {
-                      label: e(l)("inventory.transfer.template.bulkEditor.step2.fieldCode"),
-                      mark: e(o).selectedFields.has("code") ? "required" : void 0
-                    }, null, 8, ["label", "mark"])
-                  ]),
-                  t("div", {
-                    class: te(e(o).selectedFields.has("code") ? "" : "pointer-events-none select-none opacity-40")
-                  }, [
-                    u(U, {
-                      modelValue: m.value,
-                      "onUpdate:modelValue": r[1] || (r[1] = (R) => m.value = R),
-                      "helper-text": g.value.code,
-                      rules: e(o).selectedFields.has("code") ? [e(ye)()] : [],
-                      disabled: !e(o).selectedFields.has("code")
-                    }, null, 8, ["modelValue", "helper-text", "rules", "disabled"])
-                  ], 2)
-                ]),
-                t("div", Xs, [
-                  t("div", el, [
-                    u(I, {
-                      value: !0,
-                      "model-value": e(o).selectedFields.has("name"),
-                      "onUpdate:modelValue": r[2] || (r[2] = (R) => e(o).toggleField("name"))
-                    }, null, 8, ["model-value"]),
-                    u(T, {
-                      label: e(l)("inventory.transfer.template.bulkEditor.step2.fieldName"),
-                      mark: e(o).selectedFields.has("name") ? "required" : void 0
-                    }, null, 8, ["label", "mark"])
-                  ]),
-                  t("div", {
-                    class: te(e(o).selectedFields.has("name") ? "" : "pointer-events-none select-none opacity-40")
-                  }, [
-                    u(U, {
-                      modelValue: a.value,
-                      "onUpdate:modelValue": r[3] || (r[3] = (R) => a.value = R),
-                      "helper-text": g.value.name,
-                      rules: e(o).selectedFields.has("name") ? [e(ye)()] : [],
-                      disabled: !e(o).selectedFields.has("name")
-                    }, null, 8, ["modelValue", "helper-text", "rules", "disabled"])
-                  ], 2)
-                ])
-              ]),
-              t("div", tl, [
-                t("div", ol, [
-                  t("div", sl, [
-                    u(I, {
-                      value: !0,
-                      "model-value": e(o).selectedFields.has("defaultAmount"),
-                      "onUpdate:modelValue": r[4] || (r[4] = (R) => e(o).toggleField("defaultAmount"))
-                    }, null, 8, ["model-value"]),
-                    u(T, {
-                      label: e(l)("inventory.transfer.template.bulkEditor.step2.fieldDefaultAmount"),
-                      mark: e(o).selectedFields.has("defaultAmount") ? "required" : void 0
-                    }, null, 8, ["label", "mark"])
-                  ]),
-                  t("div", {
-                    class: te(e(o).selectedFields.has("defaultAmount") ? "" : "pointer-events-none select-none opacity-40")
-                  }, [
-                    O.value ? (S(), oe(lt, {
-                      key: 0,
-                      modelValue: f.value,
-                      "onUpdate:modelValue": r[5] || (r[5] = (R) => f.value = R),
-                      unit: O.value,
-                      rules: e(o).selectedFields.has("defaultAmount") ? F.value : [],
-                      disabled: !e(o).selectedFields.has("defaultAmount"),
-                      "apply-default-rules": ""
-                    }, null, 8, ["modelValue", "unit", "rules", "disabled"])) : j("", !0)
-                  ], 2)
-                ]),
-                t("div", ll, [
-                  t("div", nl, [
-                    u(I, {
-                      value: !0,
-                      "model-value": e(o).selectedFields.has("step"),
-                      "onUpdate:modelValue": r[6] || (r[6] = (R) => e(o).toggleField("step"))
-                    }, null, 8, ["model-value"]),
-                    u(T, {
-                      label: e(l)("inventory.transfer.template.bulkEditor.step2.fieldStep")
-                    }, null, 8, ["label"])
-                  ]),
-                  t("div", {
-                    class: te(e(o).selectedFields.has("step") ? "" : "pointer-events-none select-none opacity-40")
-                  }, [
-                    u(U, {
-                      modelValue: v.value,
-                      "onUpdate:modelValue": r[7] || (r[7] = (R) => v.value = R),
-                      rules: e(o).selectedFields.has("step") ? b.value : [],
-                      disabled: !e(o).selectedFields.has("step")
-                    }, null, 8, ["modelValue", "rules", "disabled"])
-                  ], 2)
-                ])
-              ]),
-              t("div", al, [
-                t("div", rl, [
-                  u(I, {
-                    value: !0,
-                    "model-value": e(o).selectedFields.has("limit"),
-                    "onUpdate:modelValue": r[8] || (r[8] = (R) => e(o).toggleField("limit"))
-                  }, null, 8, ["model-value"]),
-                  u(T, {
-                    label: e(l)("inventory.transfer.template.bulkEditor.step2.fieldLimit")
-                  }, null, 8, ["label"])
-                ]),
-                t("div", {
-                  class: te(e(o).selectedFields.has("limit") ? "" : "pointer-events-none select-none opacity-40")
-                }, [
-                  g.value.unit ? (S(), oe(mt, {
-                    key: 0,
-                    modelValue: $.value,
-                    "onUpdate:modelValue": r[9] || (r[9] = (R) => $.value = R),
-                    unit: g.value.unit,
-                    rules: e(o).selectedFields.has("limit") ? D.value : [],
-                    disabled: !e(o).selectedFields.has("limit"),
-                    "disable-unit": "",
-                    "apply-default-rules": ""
-                  }, null, 8, ["modelValue", "unit", "rules", "disabled"])) : j("", !0)
-                ], 2)
-              ])
-            ])) : j("", !0)
-          ]),
-          _: 1
-        }, 512)
-      ]);
-    };
-  }
-}), Je = { amount: 0, precision: 0 };
-function dl(x) {
-  var s;
-  const d = x.sku;
-  return {
-    code: d.code,
-    overrideCode: x.code,
-    name: x.name ?? d.name,
-    unit: ((s = d.unit.measurements.find((l) => l.id === d.trackingMeasurement)) == null ? void 0 : s.abbrev) ?? d.unit.abbrev,
-    defaultQuantity: +z(x.quantity),
-    minimumQuantity: +z(x.minimumQuantity ?? Je),
-    maximumQuantity: +z(x.maximumQuantity ?? Je),
-    quantityStep: +z(x.quantityStep)
-  };
-}
-function ul(x) {
-  var O;
-  const s = St().currentBusiness.value, l = Ct(), i = (O = x.map((m) => {
-    var F;
-    const a = m.purchaseOrder.items.map((b) => dl(b)), f = [
-      ["Template ID", m._id],
-      ["Template name", m.name],
-      ["Business name", s == null ? void 0 : s.name],
-      ["Business ID", s == null ? void 0 : s._id],
-      ["Menu version", s == null ? void 0 : s.menuVersion],
-      [
-        "Purchase/Transfer",
-        typeof m.purchaseOrder.supplier.internal == "string" ? ee.enum.transfer : ee.enum.purchase
-      ],
-      [
-        "Transfer from",
-        `${m.purchaseOrder.supplier.name} (${[
-          m.purchaseOrder.supplier.internal,
-          m.purchaseOrder.supplier._id
-        ].filter((b) => b).join("_")})`
-      ],
-      [
-        "Locations",
-        ...(F = m.locations) != null && F.length ? m.locations.map((b) => `${b.name} (${b.dbName})`) : ["All"]
-      ],
-      ["Reference", m.purchaseOrder.ref ?? ""],
-      ["Remark", m.purchaseOrder.remark ?? ""],
-      [],
-      l.map((b) => b.name),
-      ...a.map((b) => l.map((D) => b[D.id]))
-    ], v = l.map((b) => `system:${b.id}`), $ = Zt(f, v);
-    return { name: m.name, sheet: $ };
-  }).reduce(
-    (m, a) => {
-      var v;
-      const f = a.name.slice(0, 28);
-      return (v = m.sheetOccurence)[f] ?? (v[f] = 0), m.sheetOccurence[f] += 1, m.sheets[`${f} (${m.sheetOccurence[f]})`] = a.sheet, m;
-    },
-    {
-      sheets: {},
-      sheetOccurence: {}
-    }
-  )) == null ? void 0 : O.sheets, _ = `${s == null ? void 0 : s.name} transfer templates bulk edit (${ut(/* @__PURE__ */ new Date())}).xlsx`, g = Jt(i);
-  Xt(g, _);
-}
-const ml = { class: "flex flex-col gap-16" }, cl = { class: "rounded-lg border border-fm-color-border-default bg-fm-color-surface-secondary p-16" }, pl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-8" }, fl = { class: "flex flex-wrap gap-12 items-center" }, yl = { class: "flex items-center gap-6" }, vl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, bl = { class: "flex items-center gap-6" }, hl = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _l = { class: "text-fm-color-typo-primary" }, gl = { class: "text-fm-color-typo-placeholder ml-4" }, xl = { class: "mt-12" }, kl = ["onClick"], $l = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary flex-1 truncate" }, Fl = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, wl = {
-  key: 0,
-  class: "px-12 py-8 border-b border-fm-color-border-default"
-}, Sl = {
-  key: 1,
-  class: "divide-y divide-fm-color-border-default"
-}, Il = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary w-28 shrink-0" }, Tl = { class: "fm-typo-en-body-sm-400 line-through text-fm-color-error" }, Cl = { class: "fm-typo-en-body-sm-400 text-fm-color-success font-medium" }, Ol = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Vl = { class: "fm-typo-en-body-xs-400 text-fm-color-typo-placeholder ml-4 italic" }, Ml = /* @__PURE__ */ re({
-  __name: "TemplateItemBulkEditorStep3",
-  setup(x) {
-    const { t: d } = we(), s = $e(), l = H(/* @__PURE__ */ new Set());
-    function o($) {
-      return l.value.has($);
-    }
-    function i($) {
-      const F = new Set(l.value);
-      F.has($) ? F.delete($) : F.add($), l.value = F;
-    }
-    const _ = M(() => {
-      const $ = /* @__PURE__ */ new Map();
-      for (const F of s.selectedTemplates)
-        $.set(F._id, F);
-      return $;
-    });
-    function g($) {
-      var C;
-      const F = (C = s.selectedSku) == null ? void 0 : C._id;
-      if (!F) return [];
-      const b = _.value.get($), D = s.reviewPayloads.find((I) => I._id === $);
-      if (!b || !D) return [];
-      const y = b.purchaseOrder.items.find((I) => I.sku._id === F), p = D.purchaseOrder.items.find((I) => I.sku._id === F);
-      if (!y || !p) return [];
-      const k = (I) => I != null ? z(I) : "—", n = s.selectedFields;
-      return [
-        {
-          group: "code",
-          label: d("inventory.transfer.template.bulkEditor.step3.fieldCode"),
-          before: y.code ?? "—",
-          after: p.code ?? "—",
-          changed: y.code !== p.code
-        },
-        {
-          group: "name",
-          label: d("inventory.transfer.template.bulkEditor.step3.fieldName"),
-          before: y.name ?? "—",
-          after: p.name ?? "—",
-          changed: y.name !== p.name
-        },
-        {
-          group: "defaultAmount",
-          label: d("inventory.transfer.template.bulkEditor.step3.fieldDefaultAmount"),
-          before: k(y.quantity),
-          after: k(p.quantity),
-          changed: k(y.quantity) !== k(p.quantity)
-        },
-        {
-          group: "step",
-          label: d("inventory.transfer.template.bulkEditor.step3.fieldStep"),
-          before: k(y.quantityStep),
-          after: k(p.quantityStep),
-          changed: k(y.quantityStep) !== k(p.quantityStep)
-        },
-        {
-          group: "limit",
-          label: d("inventory.transfer.template.bulkEditor.step3.fieldMin"),
-          before: k(y.minimumQuantity),
-          after: k(p.minimumQuantity),
-          changed: k(y.minimumQuantity) !== k(p.minimumQuantity)
-        },
-        {
-          group: "limit",
-          label: d("inventory.transfer.template.bulkEditor.step3.fieldMax"),
-          before: k(y.maximumQuantity),
-          after: k(p.maximumQuantity),
-          changed: k(y.maximumQuantity) !== k(p.maximumQuantity)
-        }
-      ].filter((I) => n.has(I.group));
-    }
-    function O() {
-      ul(s.reviewPayloads);
-    }
-    function m($) {
-      return s.succeededIds.has($) ? "updated" : s.applyErrors.has($) ? "failed" : "pending";
-    }
-    const a = {
-      updated: "success",
-      failed: "critical",
-      pending: "success"
-    }, f = {
-      updated: "inventory.transfer.template.bulkEditor.step3.updatedChip",
-      failed: "inventory.transfer.template.bulkEditor.step3.failedChip",
-      pending: "inventory.transfer.template.bulkEditor.step3.willUpdateChip"
-    }, v = M(() => s.reviewPayloads.length);
-    return ($, F) => {
-      var k, n;
-      const b = E("FmChip"), D = E("FmButton"), y = E("FmIcon"), p = E("FmBanner");
-      return S(), V("div", ml, [
-        t("div", cl, [
-          t("p", pl, w(e(d)("inventory.transfer.template.bulkEditor.step3.title")), 1),
-          t("div", fl, [
-            t("div", yl, [
-              u(b, {
-                size: "sm",
-                label: String(v.value),
-                variant: "success"
-              }, null, 8, ["label"]),
-              t("span", vl, w(e(d)("inventory.transfer.template.bulkEditor.step3.willUpdate", { count: v.value }, v.value)), 1)
-            ]),
-            t("div", bl, [
-              t("span", hl, [
-                ie(w(e(d)("inventory.transfer.template.bulkEditor.step3.item")) + " ", 1),
-                t("strong", _l, w((k = e(s).selectedSku) == null ? void 0 : k.name), 1),
-                t("span", gl, "(" + w((n = e(s).selectedSku) == null ? void 0 : n.code) + ")", 1)
-              ])
-            ])
-          ]),
-          t("div", xl, [
-            u(D, {
-              label: e(d)("inventory.transfer.template.bulkEditor.step3.export"),
-              variant: "secondary",
-              size: "md",
-              onClick: O
-            }, null, 8, ["label"])
-          ])
-        ]),
-        (S(!0), V(ne, null, fe(e(s).reviewPayloads, (r) => (S(), V("div", {
-          key: r._id,
-          class: "rounded-lg border border-fm-color-border-default overflow-hidden"
-        }, [
-          t("button", {
-            type: "button",
-            class: te(["w-full flex items-center gap-8 px-12 py-10 bg-fm-color-surface-secondary text-left cursor-pointer", { "border-b border-fm-color-border-default": o(r._id) }]),
-            onClick: (C) => i(r._id)
-          }, [
-            u(y, {
-              name: o(r._id) ? "expand_less" : "expand_more",
-              size: "sm",
-              class: "text-fm-color-typo-secondary flex-shrink-0"
-            }, null, 8, ["name"]),
-            t("span", $l, w(r.name), 1),
-            t("span", Fl, w(e(d)("inventory.transfer.template.bulkEditor.step1.from")) + " " + w(r.purchaseOrder.supplier.name), 1),
-            u(b, {
-              size: "sm",
-              label: e(d)(f[m(r._id)]),
-              variant: a[m(r._id)]
-            }, null, 8, ["label", "variant"])
-          ], 10, kl),
-          e(s).applyErrors.has(r._id) ? (S(), V("div", wl, [
-            u(p, {
-              type: "error",
-              message: e(s).applyErrors.get(r._id)
-            }, null, 8, ["message"])
-          ])) : j("", !0),
-          o(r._id) ? (S(), V("div", Sl, [
-            (S(!0), V(ne, null, fe(g(r._id), (C) => (S(), V("div", {
-              key: C.label,
-              class: "flex items-center gap-8 px-12 py-8"
-            }, [
-              t("span", Il, w(C.label), 1),
-              C.changed ? (S(), V(ne, { key: 0 }, [
-                t("span", Tl, w(C.before), 1),
-                u(y, {
-                  name: "arrow_forward",
-                  size: "sm",
-                  class: "text-fm-color-typo-placeholder shrink-0"
-                }),
-                t("span", Cl, w(C.after), 1)
-              ], 64)) : (S(), V(ne, { key: 1 }, [
-                t("span", Ol, w(C.before), 1),
-                t("span", Vl, w(e(d)("inventory.transfer.template.bulkEditor.step3.unchanged")), 1)
-              ], 64))
-            ]))), 128))
-          ])) : j("", !0)
-        ]))), 128))
-      ]);
-    };
-  }
-}), El = { class: "flex items-center gap-12" }, Dl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Al = {
-  key: 0,
-  class: "h-[calc(98vh-120px)] overflow-hidden flex flex-col"
-}, ql = {
-  key: 1,
-  class: "h-[calc(98vh-120px)] overflow-hidden flex flex-col"
-}, Rl = {
-  key: 2,
-  class: "h-[calc(98vh-120px)] overflow-y-auto px-24 py-20"
-}, Bl = {
-  key: 0,
-  class: "flex items-center gap-8 px-4"
-}, Ul = {
-  key: 1,
-  class: "flex items-center gap-8 px-4"
-}, Pl = /* @__PURE__ */ re({
-  __name: "TemplateItemBulkEditorDialog",
-  setup(x) {
-    const { t: d } = we(), s = $e(), l = At(), o = H(), i = M(() => s.currentStep === 1), _ = M(() => s.currentStep === 2), g = M(() => s.currentStep === 3);
-    function O() {
-      var b;
-      s.currentStep === 1 ? s.goToStep2() : s.currentStep === 2 && ((b = o.value) == null || b.validateInputs());
-    }
-    function m() {
-      s.goToStep3();
-    }
-    function a() {
-      s.back();
-    }
-    function f() {
-      s.show = !1, s.reset();
-    }
-    function v() {
-      var b;
-      l.open({
-        title: d("inventory.transfer.template.bulkEditor.confirm.title"),
-        message: d("inventory.transfer.template.bulkEditor.confirm.message", {
-          sku: (b = s.selectedSku) == null ? void 0 : b.name,
-          count: s.reviewPayloads.length
-        }, s.reviewPayloads.length),
-        primaryActions: {
-          text: d("inventory.transfer.template.bulkEditor.confirm.confirm"),
-          variant: "primary",
-          close: !0
-        },
-        secondaryActions: {
-          text: d("inventory.transfer.template.bulkEditor.confirm.cancel"),
-          close: !0
-        }
-      }).onPrimary(async () => {
-        await s.confirmAndApply();
-      });
-    }
-    const $ = M(() => s.currentStep === 2 ? d("inventory.transfer.template.bulkEditor.review") : d("inventory.transfer.template.bulkEditor.next")), F = M(() => s.currentStep === 1 ? !s.canGoToStep2 : s.currentStep === 2 ? !s.canGoToStep3 : !1);
-    return (b, D) => {
-      const y = E("FmChip"), p = E("FmButton"), k = E("FmDialog");
-      return S(), oe(k, {
-        modelValue: e(s).show,
-        "onUpdate:modelValue": [
-          D[0] || (D[0] = (n) => e(s).show = n),
-          D[1] || (D[1] = (n) => {
-            n || e(s).reset();
-          })
-        ],
-        overlay: !0,
-        "close-button": "",
-        "max-width": "98vw",
-        "max-height": "98vh"
-      }, {
-        "dialog-header": P(() => [
-          t("div", El, [
-            t("span", Dl, w(e(d)("inventory.transfer.template.bulkEditor.dialogTitle")), 1),
-            u(y, {
-              size: "sm",
-              label: e(d)("inventory.transfer.template.bulkEditor.stepChip", { step: e(s).currentStep }),
-              variant: "neutral"
-            }, null, 8, ["label"])
-          ])
-        ]),
-        "dialog-footer": P(() => [
-          g.value ? (S(), V("div", Ul, [
-            u(p, {
-              label: e(d)("inventory.transfer.template.bulkEditor.confirmAndUpdate"),
-              disabled: e(s).isSaving,
-              loading: e(s).isSaving,
-              onClick: v
-            }, null, 8, ["label", "disabled", "loading"]),
-            u(p, {
-              label: e(d)("inventory.transfer.template.bulkEditor.back"),
-              variant: "secondary",
-              disabled: e(s).isSaving,
-              onClick: a
-            }, null, 8, ["label", "disabled"]),
-            u(p, {
-              label: e(d)("inventory.transfer.template.bulkEditor.close"),
-              variant: "tertiary",
-              disabled: e(s).isSaving,
-              onClick: f
-            }, null, 8, ["label", "disabled"])
-          ])) : (S(), V("div", Bl, [
-            u(p, {
-              label: $.value,
-              disabled: F.value,
-              onClick: O
-            }, null, 8, ["label", "disabled"]),
-            e(s).currentStep > 1 ? (S(), oe(p, {
-              key: 0,
-              label: e(d)("inventory.transfer.template.bulkEditor.back"),
-              variant: "secondary",
-              onClick: a
-            }, null, 8, ["label"])) : j("", !0),
-            u(p, {
-              label: e(d)("inventory.transfer.template.bulkEditor.close"),
-              variant: "tertiary",
-              onClick: f
-            }, null, 8, ["label"])
-          ]))
-        ]),
-        default: P(() => [
-          i.value ? (S(), V("div", Al, [
-            u(Ns)
-          ])) : _.value ? (S(), V("div", ql, [
-            u(il, {
-              ref_key: "step2Ref",
-              ref: o,
-              onValidationSuccess: m
-            }, null, 512)
-          ])) : g.value ? (S(), V("div", Rl, [
-            u(Ml)
-          ])) : j("", !0)
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), Nl = { class: "flex-1 flex flex-col gap-8" }, Ll = { class: "flex flex-col" }, zl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ql = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, jl = { class: "fm-typo-en-body-lg-400" }, Hl = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, Wl = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, $n = /* @__PURE__ */ re({
-  __name: "TransferTemplateView",
-  setup(x) {
-    const { t: d } = ce(), { createTemplate: s, viewTemplate: l, importTemplates: o, exportTemplates: i, openBulkItemEditor: _ } = Ye(), { templateDialogProps: g, templateDetailsProps: O } = Ke(Ye()), m = Ot(), { loading: a, templates: f } = Ke(m), v = H(!1), $ = Ft(), F = et(), { breakpoints: b } = qt();
-    Ce(m.fetchTemplates);
-    const D = M(
-      () => v.value || a.value || !F._currentLocation
-    ), y = M(() => f.value), p = H(""), k = M(() => b.value.xs || b.value.sm), n = M(() => k.value ? 10 : 20);
-    function r(T) {
-      switch (T) {
-        case Ge.Add:
-          return s();
-        case "refresh":
-          return m.fetchTemplates();
-        case "import":
-          return o();
-        case "export":
-          return i();
-        case "bulk-edit-items":
-          return _();
-      }
-    }
-    function C(T) {
-      return T;
-    }
-    const I = M(() => [
-      {
-        label: d("inventory.closing.template.create.title"),
-        value: Ge.Add,
-        isPrimary: !0,
-        prependIcon: "add"
-      },
-      {
-        label: d("inventory.common.refresh"),
-        value: "refresh",
-        isPrimary: !1
-      },
-      {
-        label: d("inventory.common.import"),
-        value: "import",
-        isPrimary: !1
-      },
-      {
-        label: d("inventory.common.export"),
-        value: "export",
-        isPrimary: !1
-      },
-      {
-        label: d("inventory.transfer.template.bulkEditor.pageAction"),
-        value: "bulk-edit-items",
-        isPrimary: !1
-      }
-    ]);
-    return (T, U) => {
-      const ae = E("FmTable");
-      return S(), V(ne, null, [
-        u(wt, {
-          title: e(d)("inventory.transfer.template.title2"),
-          actions: I.value,
-          "onClick:action": r
-        }, {
-          default: P(() => {
-            var R;
-            return [
-              t("div", {
-                class: te([
-                  "flex flex-col gap-8 max-h-full",
-                  {
-                    "p-0": k.value,
-                    "px-24 ": !k.value
-                  }
-                ])
-              }, [
-                u(Et, {
-                  searchable: "",
-                  search: p.value,
-                  "onUpdate:search": U[0] || (U[0] = (W) => p.value = W)
-                }, null, 8, ["search"]),
-                (S(), oe(ae, {
-                  style: Te(e($).tableHeight),
-                  "column-defs": e(m).columnDefs,
-                  "row-data": y.value,
-                  "search-value": p.value,
-                  loading: D.value,
-                  key: (R = e(F)._currentLocation) == null ? void 0 : R.dbName,
-                  onRowClick: U[1] || (U[1] = (W) => e(l)(W.original)),
-                  "page-size": n.value
-                }, {
-                  "list-row": P((W) => [
-                    u(it, {
-                      row: W,
-                      onRowClick: (N) => e(l)(N)
-                    }, {
-                      default: P((N) => {
-                        var c, h, A, L, Y, X, B, Q, Z, se, q, G, ve, be, Ee, De, Ae, qe, Re, Be, he, Ue, Pe, Ne, Le, _e, ze;
-                        return [
-                          t("div", Nl, [
-                            t("div", Ll, [
-                              t("div", zl, [
-                                u(e(le), {
-                                  render: (A = (h = (c = N._id) == null ? void 0 : c.column) == null ? void 0 : h.columnDef) == null ? void 0 : A.cell,
-                                  props: (Y = (L = N._id) == null ? void 0 : L.getContext) == null ? void 0 : Y.call(L)
-                                }, null, 8, ["render", "props"])
-                              ]),
-                              t("div", Ql, [
-                                u(e(le), {
-                                  render: (Q = (B = (X = N.name) == null ? void 0 : X.column) == null ? void 0 : B.columnDef) == null ? void 0 : Q.cell,
-                                  props: (se = (Z = N.name) == null ? void 0 : Z.getContext) == null ? void 0 : se.call(Z)
-                                }, null, 8, ["render", "props"])
-                              ]),
-                              t("div", jl, [
-                                u(e(le), {
-                                  render: (ve = (G = (q = N.supplier) == null ? void 0 : q.column) == null ? void 0 : G.columnDef) == null ? void 0 : ve.cell,
-                                  props: (Ee = (be = N.supplier) == null ? void 0 : be.getContext) == null ? void 0 : Ee.call(be)
-                                }, null, 8, ["render", "props"])
-                              ]),
-                              t("div", null, w((De = W.original.locations) != null && De.length ? `Enabled for ${(Ae = W.original.locations) == null ? void 0 : Ae.length} outlets` : "Enabled for all outlets"), 1),
-                              t("div", Hl, w(W.original.purchaseOrder.items.length ? W.original.purchaseOrder.items.map((vt) => vt.name).join(", ") : "No items"), 1),
-                              t("div", Wl, [
-                                u(e(le), {
-                                  render: (Be = (Re = (qe = N.ref) == null ? void 0 : qe.column) == null ? void 0 : Re.columnDef) == null ? void 0 : Be.cell,
-                                  props: (Ue = (he = N.ref) == null ? void 0 : he.getContext) == null ? void 0 : Ue.call(he)
-                                }, null, 8, ["render", "props"])
-                              ])
-                            ]),
-                            t("div", null, [
-                              u(e(le), {
-                                render: (Le = (Ne = (Pe = N.type) == null ? void 0 : Pe.column) == null ? void 0 : Ne.columnDef) == null ? void 0 : Le.cell,
-                                props: (ze = (_e = N.type) == null ? void 0 : _e.getContext) == null ? void 0 : ze.call(_e)
-                              }, null, 8, ["render", "props"])
-                            ])
-                          ])
-                        ];
-                      }),
-                      _: 2
-                    }, 1032, ["row", "onRowClick"])
-                  ]),
-                  _: 1
-                }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
-              ], 2)
-            ];
-          }),
-          _: 1
-        }, 8, ["title", "actions"]),
-        (S(), oe(xt, { to: "body" }, [
-          u($s, kt($t(e(O))), null, 16),
-          u(No, Ve(e(g), {
-            onSubmitted: U[2] || (U[2] = (R) => e(m).fetchTemplates())
-          }), null, 16),
-          u(Pl)
-        ]))
-      ], 64);
-    };
-  }
-});
-export {
-  $n as default
-};