@feedmepos/mf-inventory-portal 1.8.0-dev.8 → 1.8.0

package/dist/TransferTemplateView-CVUnofkI.js

@@ -0,0 +1,2347 @@
+import { defineComponent as ae, onMounted as Ve, computed as M, ref as H, watch as Fe, inject as _t, resolveComponent as E, createElementBlock as C, openBlock as S, createElementVNode as t, createVNode as u, withCtx as P, renderSlot as He, withDirectives as We, normalizeClass as oe, vModelText as Ye, reactive as Te, h as K, createCommentVNode as j, toDisplayString as F, unref as e, Fragment as re, normalizeStyle as Me, renderList as ye, createBlock as se, mergeProps as Ee, createTextVNode as ie, mergeModels as Ke, useModel as gt, isRef as tt, withModifiers as xt, Teleport as kt, normalizeProps as $t, guardReactiveProps as Ft } from "vue";
+import { u as St, _ as wt } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
+import { useI18n as pe, useCoreStore as It } from "@feedmepos/mf-common";
+import { f as Tt, t as Ct, u as Se, g as Ot, a as Ge, b as Mt } from "./format-unit-display-BjTeAtgS.js";
+import { R as Ze } from "./row-action.enum-76yLYmPA.js";
+import { a as we, q as Vt, r as X, s as fe, u as ot, t as Et, k as xe } from "./app-VtVYHCDF.js";
+import { _ as Dt } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BEjFoMJJ.js";
+import { components as ue, useSnackbar as At, useProxiedModel as st, useDialog as qt, useBreakpoints as Ut } from "@feedmepos/ui-library";
+import { defineStore as Rt, storeToRefs as Je } from "pinia";
+import { F as me } from "./form-mode.enum-BKiNVH6A.js";
+import { u as Ce, I as ve, t as Xe, b as Bt, n as Pt, a as Q, c as Nt, R as ce, g as de, A as ke, M as nt, d as Lt } from "./rules-fOcvgt4t.js";
+import { d as lt } from "./defineDeepModel-DKySrdwp.js";
+import { _ as rt, F as at, a as it, b as dt } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-Dkx5vVap.js";
+import { F as Oe, u as $e } from "./feature-VDUlSvM1.js";
+import { u as De, _ as Qt } from "./netsuite-BhGuduqd.js";
+import { u as zt } from "./supplier-XHHHN8vZ.js";
+import { u as jt } from "./use-ingredient-select-dialog-mQ7aQChK.js";
+import { _ as ut } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-gJQQKKAC.js";
+import { F as le } from "./index-eGvSlWMU.js";
+import { u as Ht } from "./use-template-enabled-locations-CgpPMl8g.js";
+import { u as Wt } from "./use-transfer-locations-DZ6B7eMT.js";
+import { _ as mt } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-Ckli_nZx.js";
+import { u as Yt } from "./purchase-order-template-By_Zxu1b.js";
+import { _ as Kt } from "./FmConfirmationButton.vue_vue_type_script_setup_true_lang-Vg8U7WMZ.js";
+import { f as Gt } from "./format-time-from-id-CfVH4LZ_.js";
+import { f as ct } from "./date2-Cfb6DXM4.js";
+import { u as Ie } from "./vue-i18n-D6btLtve.js";
+import { t as Zt, a as Jt, d as Xt } from "./xlsx.util-Dr5i_LBa.js";
+const eo = { class: "flex flex-col" }, to = { class: "flex flex-col" }, oo = { class: "flex-1" }, so = { class: "flex items-center" }, no = { class: "flex-1" }, lo = { class: "flex-1" }, pt = /* @__PURE__ */ ae({
+  __name: "FmMinMaxInput",
+  props: {
+    rules: {},
+    label: {},
+    minPlaceholder: {},
+    maxPlaceholder: {},
+    modelValue: {},
+    precision: {},
+    minLength: {},
+    maxLength: {},
+    inputmode: {},
+    type: {},
+    readonly: { type: Boolean },
+    labelMark: {},
+    prependIcon: {},
+    appendIcon: {},
+    showValidBorder: { type: Boolean },
+    labelInfo: {},
+    showWordCount: { type: Boolean },
+    invalid: { type: Boolean },
+    autofocus: { type: Boolean },
+    formatter: { type: Function },
+    decimal: {},
+    datalist: {},
+    shiftDatalist: { type: Boolean },
+    datalistMaxHeight: {},
+    datalistMinHeight: {},
+    offsetDatalist: {},
+    datalistPlacement: {},
+    datalistZIndex: {},
+    datalistWidth: {},
+    disabled: { type: Boolean },
+    focused: { type: Boolean },
+    helperText: {},
+    helperState: {}
+  },
+  setup($) {
+    const d = $, n = lt("modelValue"), r = ve();
+    Ve(() => {
+      const { min: _, max: c } = n ?? {};
+      if (!(!_ || !c) && _.precision !== c.precision) {
+        const g = Math.max(_.precision, c.precision), v = Ce(_, g), l = Ce(c, g);
+        n.min = v, n.max = l;
+      }
+    });
+    const o = M(() => {
+      const { min: _, max: c } = n ?? {};
+      return Math.max((_ == null ? void 0 : _.precision) ?? 0, (c == null ? void 0 : c.precision) ?? 0, d.precision ?? 0);
+    }), a = (_) => {
+      if (!_) return "";
+      const c = Bt(_), g = o.value, v = Ce(c, g);
+      return Pt(
+        +Q(v),
+        v.precision
+      );
+    }, h = H(a(n.min)), b = H(a(n.max));
+    Fe([h, b], ([_, c]) => {
+      const g = n ?? {}, v = r(_), l = r(c), f = o.value;
+      if (_ !== "" && v === !0) {
+        const w = Xe(+_, f);
+        g.min = w;
+      } else
+        g.min = null;
+      if (c !== "" && l === !0) {
+        const w = Xe(+c, f);
+        g.max = w;
+      } else
+        g.max = null;
+      n.min = g.min, n.max = g.max;
+    });
+    const T = Symbol.for("fm:form-state"), k = _t(T, null), O = M(() => d.disabled ?? (k == null ? void 0 : k.getDisabled()) ?? !1), V = H(), m = H(), s = H(!1), i = H(!1), p = M(() => s.value || i.value), D = M(() => [...[
+      function() {
+        return typeof r(h.value) == "string" || typeof r(b.value) == "string" ? "Must be a number" : !0;
+      },
+      function(g) {
+        return !g || !g.min || !g.max ? !0 : +Q(g.min) > +Q(g.max) ? "Min must be less than or equal to max" : !0;
+      }
+    ], ...d.rules ?? []]);
+    return (_, c) => {
+      const g = E("FmLabel"), v = E("FmField"), l = E("FmFormGroup");
+      return S(), C("div", eo, [
+        t("div", to, [
+          t("div", oo, [
+            u(g, {
+              label: _.label,
+              disabled: _.disabled,
+              required: _.labelMark === "required",
+              optional: _.labelMark === "optional"
+            }, null, 8, ["label", "disabled", "required", "optional"])
+          ]),
+          u(v, { focused: p.value }, {
+            default: P(() => [
+              t("div", so, [
+                He(_.$slots, "prepend"),
+                c[6] || (c[6] = t("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Min.", -1)),
+                t("div", no, [
+                  We(t("input", {
+                    type: "text",
+                    ref_key: "minInputRef",
+                    ref: V,
+                    onFocus: c[0] || (c[0] = () => s.value = !0),
+                    onBlur: c[1] || (c[1] = () => s.value = !1),
+                    "onUpdate:modelValue": c[2] || (c[2] = (f) => h.value = f),
+                    class: oe({
+                      "fm-text-field--input fm-typo-en-body-lg-400": !0,
+                      "text-fm-color-typo-primary": !O.value,
+                      "text-fm-color-typo-disabled": O.value
+                    })
+                  }, null, 34), [
+                    [Ye, h.value]
+                  ])
+                ]),
+                c[7] || (c[7] = t("div", { class: "block h-32 mx-4 w-[1px] bg-fm-color-neutral-gray-200" }, null, -1)),
+                c[8] || (c[8] = t("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Max.", -1)),
+                t("div", lo, [
+                  We(t("input", {
+                    type: "text",
+                    ref_key: "maxInputRef",
+                    ref: m,
+                    onFocus: c[3] || (c[3] = () => i.value = !0),
+                    onBlur: c[4] || (c[4] = () => i.value = !1),
+                    "onUpdate:modelValue": c[5] || (c[5] = (f) => b.value = f),
+                    class: oe({
+                      "fm-text-field--input fm-typo-en-body-lg-400": !0,
+                      "text-fm-color-typo-primary": !O.value,
+                      "text-fm-color-typo-disabled": O.value
+                    })
+                  }, null, 34), [
+                    [Ye, b.value]
+                  ])
+                ]),
+                He(_.$slots, "append")
+              ])
+            ]),
+            _: 3
+          }, 8, ["focused"])
+        ]),
+        u(l, {
+          class: "flex-1",
+          "model-value": _.modelValue,
+          info: _.labelInfo,
+          rules: D.value,
+          "helper-text": _.helperText,
+          "helper-state": _.helperState
+        }, null, 8, ["model-value", "info", "rules", "helper-text", "helper-state"])
+      ]);
+    };
+  }
+});
+function ft({ min: $, max: d } = { min: !0, max: !0 }) {
+  return function(r) {
+    return !r || !r.min && $ != !1 || !r.max && d != !1 ? "Required" : !0;
+  };
+}
+function yt($, d) {
+  return function(r) {
+    return !r || !r.min || !r.max ? !0 : +Q(r.min) < $ ? `Must be between ${$} and ${d}` : +Q(r.max) > d ? `Must be between ${$} and ${d}` : !0;
+  };
+}
+function vt($) {
+  const d = Nt($), n = Q($);
+  return function(o) {
+    const a = !(o != null && o.min) || d(o.min) === !0, h = !(o != null && o.max) || d(o.max) === !0;
+    return !a && !h ? `Min & max must be a multiple of ${n}` : a ? h ? !0 : `Max must be a multiple of ${n}` : `Min must be a multiple of ${n}`;
+  };
+}
+const bt = Rt("netsuite-custom-field-helper", () => {
+  const $ = De();
+  function d(n, r, o, a, h) {
+    var k, O, V;
+    if (!o) {
+      h == null || h("Unit is not valid");
+      return;
+    }
+    let b = n.code;
+    if (((k = n.measurement) == null ? void 0 : k.id) !== ((O = o.measurement) == null ? void 0 : O.id) && $.isEnabled) {
+      const m = $.getItemCustomCode(r, (V = o.measurement) == null ? void 0 : V.id);
+      m && (b = m);
+    }
+    a({
+      ...n,
+      quantity: o.amount,
+      measurement: o.measurement ?? null,
+      code: b
+    });
+  }
+  return {
+    validateUnitInput: d
+  };
+});
+var Z = /* @__PURE__ */ (($) => ($.Code = "Code", $.Name = "Name", $.DefaultAmount = "DefaultAmount", $.Limit = "Limit", $.Step = "Step", $.Cost = "Cost", $.Delete = "Delete", $))(Z || {});
+function ro($, d = {}) {
+  const { t: n } = pe(), r = we(), o = $e(), a = Te({}), h = Te({}), b = (m) => m.id ?? m.sku._id, T = Te(/* @__PURE__ */ new Set()), k = bt();
+  Ve(() => {
+    for (const m of $.items) {
+      if (!m.totalCost)
+        continue;
+      const { cost: s } = Oe.calculateDefaultCost({
+        item: m.sku,
+        amount: m.quantity,
+        measurement: m.measurement,
+        overrides: {
+          supplier: $.supplier
+        },
+        defaultCurrency: Vt()
+      }), i = m.totalCost ?? Oe.reset();
+      s ? a[m.sku._id] = s.amount !== i.amount || s.precision !== i.precision : a[m.sku._id] = !0;
+    }
+  });
+  const O = [
+    {
+      id: "Code",
+      header: () => K("div", { class: "flex-col" }, [
+        K("div", n("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 s = m.row.original;
+        return K("div", [
+          K(ue.FmTextField, {
+            modelValue: s.code,
+            "onUpdate:modelValue": (i) => {
+              $.updateItem({
+                ...s,
+                code: i
+              });
+            },
+            helperText: s.sku.code,
+            key: s.sku._id,
+            rules: [ce()],
+            labelMark: "required"
+          })
+        ]);
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Name",
+      header: () => K("div", { class: "flex-col" }, [
+        K("div", n("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 s = m.row.original;
+        return K("div", [
+          K(ue.FmTextField, {
+            modelValue: s.name,
+            "onUpdate:modelValue": (i) => {
+              $.updateItem({
+                ...s,
+                name: i
+              });
+            },
+            helperText: s.sku.name,
+            key: s.sku._id,
+            rules: [ce()],
+            labelMark: "required"
+          })
+        ]);
+      },
+      enableSorting: !1
+    },
+    {
+      id: "DefaultAmount",
+      header: () => n("inventory.transfer.form.items.table.DefaultAmount"),
+      minSize: 200,
+      cell(m) {
+        const s = m.row.original, i = r.skuById[s.sku._id], p = s.id ?? s.sku._id, D = r.unitById[i.unit._id], _ = D ?? i.unit, c = !D && !T.has(p), g = `Unit "${i.unit.name}" (${i.unit.abbrev}) no longer exists in inventory units. Please reselect unit.`, v = _.measurements.find((f) => {
+          var w;
+          return ((w = s.measurement) == null ? void 0 : w.id) === f.id;
+        }), l = s.sku.unit._id !== i.unit._id || c || s.measurement && !v;
+        return K(rt, {
+          style: {
+            flex: "1 1 0%"
+          },
+          modelValue: {
+            amount: s.quantity ?? { amount: 1, precision: 0 },
+            // NOTE: leave this reading from row.sku.unit and row.measurement instead,
+            measurement: c ? { ...i.unit, id: "", abbrev: "", conversion: { amount: 1, precision: 0 } } : s.measurement ?? (s.sku.unit._id !== i.unit._id ? { ...s.sku.unit, id: "", conversion: { amount: 1, precision: 0 } } : null)
+          },
+          disabled: $.disabled,
+          key: s.sku._id,
+          unit: _,
+          helperText: c ? g : "",
+          helperState: c ? "error" : "none",
+          "onUpdate:measurement": () => {
+            T.add(p);
+          },
+          "onUpdate:modelValue": (f) => {
+            k.validateUnitInput(
+              s,
+              i,
+              f,
+              (w) => {
+                $.updateItem({
+                  ...s,
+                  code: w.code,
+                  quantity: w.quantity,
+                  measurement: w.measurement
+                });
+              }
+            );
+          },
+          rules: [
+            at(s.quantityStep),
+            ...+Q(s.quantity) ? [
+              it(
+                +Q(
+                  s.minimumQuantity ?? {
+                    amount: 1,
+                    // NOTE: leave this reading from row.sku.unit and row.measurement instead,
+                    precision: de(s.sku.unit, s.measurement)
+                  }
+                )
+              )
+            ] : [],
+            dt(
+              s.maximumQuantity ? +Q(s.maximumQuantity) : 1 / 0
+            ),
+            function(w) {
+              return c ? g : l ? "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 s = m.row.original;
+        return K(pt, {
+          style: {
+            flex: "1 1 0%"
+          },
+          modelValue: {
+            min: s.minimumQuantity,
+            max: s.maximumQuantity
+          },
+          disabled: $.disabled,
+          key: s.sku._id,
+          unit: s.sku.unit,
+          "onUpdate:modelValue": (i) => {
+            const p = { ...s };
+            i != null && i.min ? p.minimumQuantity = i.min : p.minimumQuantity = null, i != null && i.max ? p.maximumQuantity = i.max : p.maximumQuantity = null, $.updateItem(p);
+          },
+          rules: [
+            ft({ max: !1 }),
+            vt(s.quantityStep),
+            yt(
+              +Q({
+                amount: 0,
+                precision: de(s.sku.unit, s.measurement)
+              }),
+              1 / 0
+            )
+          ],
+          disableUnit: !0,
+          applyDefaultRules: !0
+        });
+      }
+    },
+    {
+      id: "Step",
+      header: () => n("inventory.transfer.form.items.table.Step"),
+      minSize: 100,
+      cell(m) {
+        const s = m.row.original;
+        return K(ue.FmTextField, {
+          modelValue: h[b(s)] ?? Q(s.quantityStep ?? Oe.reset(), !1),
+          key: s.sku._id,
+          "onUpdate:modelValue": (i) => {
+            if (ve()(i) !== !0) {
+              h[b(s)] = i;
+              return;
+            }
+            delete h[b(s)], $.updateItem({
+              ...s,
+              quantityStep: fe.fromNumber(+i)
+            });
+          },
+          rules: [
+            ve(),
+            ke({
+              amount: 1,
+              precision: de(s.sku.unit, s.measurement)
+            }),
+            nt(s.sku.unit, s.measurement)
+          ]
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Delete",
+      header: "",
+      cell(m) {
+        const s = 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: s.sku._id,
+                  type: "button",
+                  icon: "add_circle",
+                  variant: "tertiary",
+                  size: "md",
+                  disabled: $.disabled,
+                  onClick: async () => {
+                    const i = {
+                      id: crypto.randomUUID(),
+                      sku: s.sku,
+                      code: s.sku.code,
+                      name: s.sku.name,
+                      quantity: fe.fromNumber(1),
+                      quantityStep: fe.fromNumber(1),
+                      minimumQuantity: fe.fromNumber(1)
+                    };
+                    k.validateUnitInput(
+                      i,
+                      s.sku,
+                      {
+                        amount: i.quantity,
+                        measurement: null
+                      },
+                      (p) => {
+                        i.code = p.code;
+                      }
+                    ), $.duplicateItem(i);
+                  }
+                });
+              },
+              content() {
+                return "Duplicate entry";
+              }
+            }
+          ) : null,
+          K(ue.FmButton, {
+            class: "delete-button",
+            key: s.sku._id,
+            type: "button",
+            icon: "delete",
+            variant: "tertiary",
+            size: "md",
+            disabled: $.disabled,
+            onClick: () => {
+              delete h[b(s)], $.deleteItem(s);
+            }
+          })
+        ]);
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ];
+  return {
+    columnDefs: M(() => {
+      const m = $e(), s = [...O];
+      if (Object.keys(d).length > 0)
+        for (const [i, p] of Object.entries(d))
+          s.splice(Number(i), 0, {
+            ...p,
+            id: i
+          });
+      return m.enableTotalCost && $.transferType === X.enum.purchase ? s : s.filter((i) => i.id !== "Cost");
+    })
+  };
+}
+const ao = { 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__ */ ae({
+  __name: "TransferTemplateItem",
+  props: {
+    cellByColId: {},
+    row: {}
+  },
+  setup($) {
+    const { t: d } = pe();
+    function n(r) {
+      return r;
+    }
+    return (r, o) => {
+      var h, b, T, k, O, V, m, s, i, p, D, _, c, g, v, l, f, w, I, R, ee, te, A, N, y, x, q, L, W, J;
+      const a = E("FmLabel");
+      return S(), C("div", ao, [
+        t("div", io, [
+          t("div", uo, [
+            t("span", mo, " (" + F(r.row.original.sku.code) + ") ", 1),
+            t("span", co, F(r.row.original.sku.name), 1)
+          ]),
+          t("div", null, [
+            u(e(le), {
+              render: (T = (b = (h = r.cellByColId.Delete) == null ? void 0 : h.column) == null ? void 0 : b.columnDef) == null ? void 0 : T.cell,
+              props: (O = (k = r.cellByColId.Delete) == null ? void 0 : k.getContext) == null ? void 0 : O.call(k)
+            }, null, 8, ["render", "props"])
+          ])
+        ]),
+        t("div", po, [
+          t("div", fo, [
+            u(a, {
+              label: e(d)(`inventory.transfer.form.items.table.${e(Z).Code}`)
+            }, null, 8, ["label"]),
+            u(e(le), {
+              render: (s = (m = (V = r.cellByColId[e(Z).Code]) == null ? void 0 : V.column) == null ? void 0 : m.columnDef) == null ? void 0 : s.cell,
+              props: (p = (i = r.cellByColId[e(Z).Code]) == null ? void 0 : i.getContext) == null ? void 0 : p.call(i)
+            }, 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(a, {
+              label: e(d)(`inventory.transfer.form.items.table.${e(Z).Name}`)
+            }, null, 8, ["label"]),
+            u(e(le), {
+              render: (c = (_ = (D = r.cellByColId[e(Z).Name]) == null ? void 0 : D.column) == null ? void 0 : _.columnDef) == null ? void 0 : c.cell,
+              props: (v = (g = r.cellByColId[e(Z).Name]) == null ? void 0 : g.getContext) == null ? void 0 : v.call(g)
+            }, null, 8, ["render", "props"]),
+            o[1] || (o[1] = t("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ])
+        ]),
+        r.row.original ? (S(), C("div", vo, [
+          t("div", bo, [
+            u(a, {
+              label: e(d)(`inventory.transfer.form.items.table.${e(Z).DefaultAmount}`)
+            }, null, 8, ["label"]),
+            u(e(le), {
+              render: (w = (f = (l = r.cellByColId[e(Z).DefaultAmount]) == null ? void 0 : l.column) == null ? void 0 : f.columnDef) == null ? void 0 : w.cell,
+              props: (R = (I = r.cellByColId[e(Z).DefaultAmount]) == null ? void 0 : I.getContext) == null ? void 0 : R.call(I)
+            }, 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(a, {
+              label: e(d)(`inventory.transfer.form.items.table.${e(Z).Step}`)
+            }, null, 8, ["label"]),
+            u(e(le), {
+              render: (A = (te = (ee = r.cellByColId[e(Z).Step]) == null ? void 0 : ee.column) == null ? void 0 : te.columnDef) == null ? void 0 : A.cell,
+              props: (y = (N = r.cellByColId[e(Z).Step]) == null ? void 0 : N.getContext) == null ? void 0 : y.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(a, {
+              label: e(d)(`inventory.transfer.form.items.table.${e(Z).Limit}`)
+            }, null, 8, ["label"]),
+            u(e(le), {
+              render: (L = (q = (x = r.cellByColId[e(Z).Limit]) == null ? void 0 : x.column) == null ? void 0 : q.columnDef) == null ? void 0 : L.cell,
+              props: (J = (W = r.cellByColId[e(Z).Limit]) == null ? void 0 : W.getContext) == null ? void 0 : J.call(W)
+            }, 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"], So = /* @__PURE__ */ ae({
+  __name: "TransferTemplateItemTable",
+  props: {
+    row: {},
+    disabled: { type: Boolean },
+    errorMessage: {}
+  },
+  emits: ["update:item"],
+  setup($) {
+    function d(n) {
+      return n.column.columnDef.meta;
+    }
+    return (n, r) => (S(), C(re, null, [
+      t("tr", {
+        class: "hover:bg-fm-color-opacity-sm border-b border-fm-color-neutral-gray-100",
+        style: Me({ backgroundColor: n.errorMessage ? "#ffd6d6" : void 0 })
+      }, [
+        (S(!0), C(re, null, ye(n.row.getVisibleCells(), (o) => {
+          var a, h, b, T, k;
+          return S(), C("td", {
+            key: o.id,
+            class: oe(["text-fm-color-typo-primary", ((a = d(o)) == null ? void 0 : a.cellClass) ?? "px-16", "py-2"]),
+            style: Me({
+              width: (h = d(o)) != null && h.width ? (b = d(o)) == null ? void 0 : b.width : o.column.getSize() !== 0 ? `${o.column.getSize()}px` : void 0,
+              maxWidth: (T = d(o)) == null ? void 0 : T.maxWidth,
+              textAlign: ((k = d(o)) == null ? void 0 : k.textAlign) ?? "left"
+            })
+          }, [
+            t("span", ko, [
+              u(e(le), {
+                props: o.getContext(),
+                render: o.column.columnDef.cell
+              }, null, 8, ["props", "render"])
+            ])
+          ], 6);
+        }), 128))
+      ], 4),
+      n.errorMessage ? (S(), C("tr", $o, [
+        t("td", {
+          colspan: n.row.getVisibleCells().length,
+          class: "text-red-600 px-16 py-2"
+        }, F(n.errorMessage), 9, Fo)
+      ])) : j("", !0)
+    ], 64));
+  }
+}), wo = { 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" }, Mo = { class: "flex flex-col gap-16" }, Vo = { 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" }, Uo = /* @__PURE__ */ ae({
+  __name: "TransferTemplateForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:disabled"],
+  setup($, { expose: d, emit: n }) {
+    const r = $, o = n, a = lt(), { t: h } = pe(), b = H({}), T = ot(), k = we(), O = zt(), V = $e(), m = De(), s = bt();
+    Fe(
+      () => a.purchaseOrder.items.length,
+      () => {
+        b.value = {};
+      }
+    ), T.watchLocation(async () => {
+      location && (a.purchaseOrder.supplier || (a.purchaseOrder.supplier = O.suppliers.find((y) => y) ?? a.purchaseOrder.supplier));
+    });
+    const i = Wt(
+      () => a.purchaseOrder,
+      (y) => {
+        a.purchaseOrder = {
+          ...a.purchaseOrder,
+          supplier: y.supplier ?? (a == null ? void 0 : a.purchaseOrder.supplier)
+        };
+      }
+    ), p = M({
+      get() {
+        var y, x;
+        return typeof ((x = (y = a.purchaseOrder) == null ? void 0 : y.supplier) == null ? void 0 : x.internal) == "string" ? X.enum.transfer : X.enum.purchase;
+      },
+      set(y) {
+        var q, L;
+        const x = typeof ((L = (q = a.purchaseOrder) == null ? void 0 : q.supplier) == null ? void 0 : L.internal) == "string" ? X.enum.transfer : X.enum.purchase;
+        y !== x && (a.purchaseOrder.supplier = y === X.enum.purchase ? i.locationOptionsTypePurchase.value[0] : i.locationOptionsTypeTransfer.value[0]);
+      }
+    }), D = M(() => i.transferLocationOptions.value), _ = M({
+      get() {
+        var y;
+        return (y = a.purchaseOrder.supplier) == null ? void 0 : y._id;
+      },
+      set(y) {
+        i.transferLocationModel.value = y;
+      }
+    });
+    async function c() {
+      const y = await m.checkCustomFieldCodes({
+        beforeStart: async () => {
+          o("update:disabled", !0);
+        },
+        templateItems: a.purchaseOrder.items
+      });
+      b.value = y, o("update:disabled", !1);
+    }
+    const {
+      promptSelectLocations: g,
+      columnDefs: v,
+      rowData: l
+    } = Ht({
+      getLocations() {
+        return a.locations;
+      },
+      setLocations(y) {
+        a.locations = y;
+      }
+    });
+    function f() {
+      var y, x;
+      return (y = a.locations) != null && y.find((q) => {
+        var L, W;
+        return ((L = q.doc) == null ? void 0 : L._id) === ((W = a.purchaseOrder.supplier) == null ? void 0 : W._id);
+      }) ? `Location ${(x = a.purchaseOrder.supplier) == null ? void 0 : x.name} must be removed because template cannot be used to transfer to itself.` : !0;
+    }
+    const w = M({
+      get() {
+        return a.purchaseOrder.remark ?? void 0;
+      },
+      set(y) {
+        a.purchaseOrder.remark = y;
+      }
+    }), I = H();
+    d({
+      validateInputs: () => {
+        var y, x;
+        (x = (y = I.value) == null ? void 0 : y.validateInputs) == null || x.call(y);
+      },
+      resetInputsValidation: () => {
+        var y, x;
+        (x = (y = I.value) == null ? void 0 : y.resetInputsValidation) == null || x.call(y);
+      },
+      resetInputs: () => {
+        var y, x;
+        (x = (y = I.value) == null ? void 0 : y.resetInputs) == null || x.call(y);
+      }
+    });
+    const R = M(() => ({
+      duplicateItem: (y) => {
+        a.purchaseOrder.items = [
+          ...a.purchaseOrder.items,
+          {
+            ...y
+          }
+        ];
+      },
+      updateItem: (y) => {
+        let x = [];
+        y.id ? x = a.purchaseOrder.items.map((q) => q.id !== y.id ? q : y) : x = a.purchaseOrder.items.map((q) => q.sku._id !== y.sku._id ? q : y), a.purchaseOrder.items = x;
+      },
+      deleteItem: (y) => {
+        console.log(y.id);
+        let x = [];
+        y.id ? x = a.purchaseOrder.items.filter((q) => q.id !== y.id) : x = a.purchaseOrder.items.filter((q) => q.sku._id !== y.sku._id), a.purchaseOrder.items = x;
+      }
+    })), ee = ro(
+      {
+        duplicateItem: R.value.duplicateItem,
+        updateItem: R.value.updateItem,
+        deleteItem: R.value.deleteItem,
+        get supplier() {
+          return a.purchaseOrder.supplier;
+        },
+        get items() {
+          return a.purchaseOrder.items;
+        },
+        get transferType() {
+          return X.enum.purchase;
+        },
+        get disabled() {
+          return r.disabled;
+        }
+      },
+      m.transferTemplateColumnDefs({
+        onUpdate: (y, x, q, L) => {
+          if (y < 0 || y >= a.purchaseOrder.items.length) return;
+          const W = a.purchaseOrder.items[y];
+          W && R.value.updateItem({
+            ...W,
+            sku: x,
+            // Sku might be outdated, so we need to update it
+            code: q,
+            measurement: L
+          });
+        }
+      })
+    ), te = M(() => ee.columnDefs.value), { promptSelectIngredients: A } = jt();
+    async function N() {
+      const x = k.skus.map((B) => ({
+        label: B.name,
+        sublabel: B.code,
+        value: B
+      })).filter((B) => {
+        var z;
+        return (z = a.purchaseOrder.items) == null ? void 0 : z.find((G) => G.sku._id === B.value._id);
+      }).map((B) => B.value), q = a.purchaseOrder.items ?? [], L = await A(
+        x.map((B) => B._id),
+        (B) => {
+          const z = k.skuById[B], G = q.find((Y) => Y.sku._id === z._id);
+          if (G)
+            return G;
+          const ne = { amount: 1, precision: de(z.unit) };
+          let U = {
+            id: V.usePurchaseOrderV2 ? crypto.randomUUID() : void 0,
+            sku: z,
+            code: z.code,
+            name: z.name,
+            quantity: ne,
+            minimumQuantity: ne,
+            // maximumQuantity: adjustmentAmountMultiplyDecimal(minimumQuantity, {
+            //   amount: 100,
+            //   precision: 0
+            // }),
+            quantityStep: ne
+          };
+          return s.validateUnitInput(
+            U,
+            z,
+            {
+              amount: ne,
+              measurement: null
+            },
+            (Y) => {
+              U.code = Y.code;
+            }
+          ), U;
+        }
+      );
+      if (!L) return;
+      const W = L.map((B) => B.sku._id), J = [];
+      for (const B of W) {
+        const z = q.filter((G) => G.sku._id === B);
+        if (z.length > 0)
+          J.push(...z);
+        else {
+          const G = L.find((ne) => ne.sku._id === B);
+          G && J.push(G);
+        }
+      }
+      J.sort((B, z) => B.sku.code.localeCompare(z.sku.code)), a.purchaseOrder.items = J;
+    }
+    return (y, x) => {
+      const q = E("FmTextField"), L = E("FmSelect"), W = E("FmTextarea"), J = E("FmButton"), B = E("FmTable"), z = E("FmFormGroup"), G = E("FmForm");
+      return S(), se(G, {
+        ref_key: "formRef",
+        ref: I,
+        class: "flex flex-col gap-32",
+        disabled: y.disabled
+      }, {
+        default: P(() => {
+          var ne;
+          return [
+            t("div", wo, [
+              t("div", Io, [
+                u(q, {
+                  label: e(h)("inventory.transfer.form.name"),
+                  "label-mark": "required",
+                  modelValue: e(a).name,
+                  "onUpdate:modelValue": x[0] || (x[0] = (U) => e(a).name = U),
+                  rules: [e(ce)()]
+                }, null, 8, ["label", "modelValue", "rules"]),
+                u(L, {
+                  label: e(h)("inventory.transfer.form.type.title"),
+                  "model-value": p.value,
+                  "onUpdate:modelValue": x[1] || (x[1] = (U) => p.value = U),
+                  items: [
+                    {
+                      label: e(h)("inventory.transfer.form.type.purchase"),
+                      value: e(X).enum.purchase,
+                      disabled: !e(i).locationOptionsTypePurchase.value.length,
+                      sublabel: e(i).locationOptionsTypePurchase.value.length ? void 0 : e(h)("inventory.transfer.form.noSupplierAvailable")
+                    },
+                    {
+                      label: e(h)("inventory.transfer.form.type.transfer"),
+                      value: e(X).enum.transfer,
+                      disabled: !e(i).locationOptionsTypeTransfer.value.length,
+                      sublabel: e(i).locationOptionsTypeTransfer.value.length ? void 0 : e(h)("inventory.transfer.form.noLocationAvailable")
+                    }
+                  ],
+                  rules: [e(ke)(1)(D.value)]
+                }, {
+                  default: P(() => [
+                    t("span", {
+                      class: oe([
+                        "line-clamp-1 fm-typo-en-body-lg-400",
+                        y.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                      ])
+                    }, F(e(Et)(p.value)), 3)
+                  ]),
+                  _: 1
+                }, 8, ["label", "model-value", "items", "rules"]),
+                u(L, {
+                  label: p.value === e(X).enum.purchase ? e(h)("inventory.transfer.form.purchaseFrom") : e(h)("inventory.transfer.form.transferFrom"),
+                  modelValue: _.value,
+                  "onUpdate:modelValue": x[2] || (x[2] = (U) => _.value = U),
+                  items: D.value
+                }, {
+                  "menu-wrapper": P((U) => {
+                    var Y;
+                    return [
+                      u(mt, Ee(U, {
+                        items: D.value,
+                        "model-value": (Y = y.modelValue.purchaseOrder.supplier) == null ? void 0 : Y._id
+                      }), null, 16, ["items", "model-value"])
+                    ];
+                  }),
+                  default: P(() => {
+                    var U;
+                    return [
+                      t("span", {
+                        class: oe([
+                          "line-clamp-1 fm-typo-en-body-lg-400",
+                          y.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                        ])
+                      }, F((U = D.value.find((Y) => Y.value === _.value)) == null ? void 0 : U.label), 3)
+                    ];
+                  }),
+                  _: 1
+                }, 8, ["label", "modelValue", "items"]),
+                u(q, {
+                  label: e(h)("inventory.transfer.form.reference"),
+                  "label-mark": "optional",
+                  modelValue: e(a).purchaseOrder.ref,
+                  "onUpdate:modelValue": x[3] || (x[3] = (U) => e(a).purchaseOrder.ref = U)
+                }, null, 8, ["label", "modelValue"]),
+                u(W, {
+                  label: e(h)("inventory.transfer.form.remark"),
+                  "label-mark": "optional",
+                  "max-length": 240,
+                  modelValue: w.value,
+                  "onUpdate:modelValue": x[4] || (x[4] = (U) => w.value = U),
+                  class: oe({ "text-fm-color-typo-disabled": y.disabled })
+                }, null, 8, ["label", "modelValue", "class"])
+              ])
+            ]),
+            t("div", To, [
+              t("div", Co, [
+                x[8] || (x[8] = t("div", { class: "flex-1 fm-typo-en-title-sm-600" }, "Locations", -1)),
+                u(J, {
+                  disabled: y.disabled,
+                  label: "Select location",
+                  "prepend-icon": "add",
+                  variant: "plain",
+                  class: "border-2 rounded-lg border-fm-color-primary",
+                  onClick: e(g)
+                }, null, 8, ["disabled", "onClick"])
+              ]),
+              u(B, {
+                "column-defs": e(v),
+                "row-data": e(l),
+                "shrink-at": 9999,
+                onRowClick: e(g),
+                "hide-footer": ""
+              }, null, 8, ["column-defs", "row-data", "onRowClick"]),
+              t("div", Oo, [
+                u(z, {
+                  "model-value": [
+                    (ne = r.modelValue.purchaseOrder.supplier) == null ? void 0 : ne._id,
+                    ...r.modelValue.locations ?? []
+                  ].join(","),
+                  rules: [f]
+                }, null, 8, ["model-value", "rules"])
+              ])
+            ]),
+            t("div", Mo, [
+              t("div", Vo, [
+                t("div", Eo, F(e(h)("inventory.transfer.form.items.title")), 1),
+                e(m).isEnabled ? (S(), se(J, {
+                  key: 0,
+                  label: "Check NetSuite",
+                  "prepend-icon": "troubleshoot",
+                  variant: "secondary",
+                  onClick: c,
+                  size: "md"
+                })) : j("", !0),
+                u(J, {
+                  disabled: y.disabled,
+                  label: e(h)("inventory.transfer.form.items.addItem"),
+                  "prepend-icon": "add",
+                  variant: "plain",
+                  class: "border-2 rounded-lg border-fm-color-primary",
+                  onClick: x[5] || (x[5] = (U) => N()),
+                  size: "md"
+                }, null, 8, ["disabled", "label"])
+              ]),
+              e(m).isEnabled ? (S(), C("div", Do, x[9] || (x[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 "' + F(e(h)("inventory.transfer.form.items.table.DefaultAmount")) + '" to "0" to mark the item as ', 1),
+                  x[10] || (x[10] = t("b", null, "optional", -1)),
+                  x[11] || (x[11] = ie(" when creating an order request. "))
+                ]),
+                x[12] || (x[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(), se(B, {
+                "column-defs": te.value,
+                "row-data": e(a).purchaseOrder.items,
+                key: e(a).purchaseOrder.items.map((U) => U.sku._id).join("."),
+                "hide-footer": "",
+                "page-size": e(a).purchaseOrder.items.length
+              }, {
+                "table-row": P((U) => [
+                  u(So, {
+                    row: U,
+                    errorMessage: b.value[U.index],
+                    "onUpdate:item": x[6] || (x[6] = (Y) => R.value.updateItem(Y)),
+                    disabled: y.disabled
+                  }, null, 8, ["row", "errorMessage", "disabled"])
+                ]),
+                "list-row": P((U) => [
+                  (S(), se(ut, {
+                    row: U,
+                    key: e(a).purchaseOrder.items.map((Y) => Y.sku._id).join(".")
+                  }, {
+                    default: P((Y) => [
+                      u(xo, {
+                        row: U,
+                        "cell-by-col-id": Y,
+                        "onUpdate:item": x[7] || (x[7] = (be) => R.value.updateItem(be)),
+                        disabled: y.disabled
+                      }, null, 8, ["row", "cell-by-col-id", "disabled"])
+                    ]),
+                    _: 2
+                  }, 1032, ["row"]))
+                ]),
+                _: 1
+              }, 8, ["column-defs", "row-data", "page-size"])),
+              u(z, {
+                "model-value": e(a).purchaseOrder.items.length,
+                rules: [e(ke)(1)]
+              }, null, 8, ["model-value", "rules"])
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), Ro = { class: "flex items-center" }, Bo = { class: "fm-typo-en-title-md-800" }, Po = { class: "flex gap-4" }, No = /* @__PURE__ */ ae({
+  __name: "TransferTemplateDialog",
+  props: /* @__PURE__ */ Ke({
+    mode: {},
+    modelValue: {},
+    show: { type: Boolean }
+  }, {
+    disabled: { type: Boolean },
+    disabledModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Ke(["update:show", "submitted"], ["update:disabled"]),
+  setup($, { expose: d, emit: n }) {
+    var g;
+    const r = $, o = n, a = Yt(), h = At(), { t: b } = pe(), T = st(r, "show");
+    function k() {
+      return {
+        _id: "",
+        name: "",
+        purchaseOrder: {
+          remark: void 0,
+          ref: void 0,
+          items: [],
+          supplier: {
+            _rev: void 0,
+            email: void 0,
+            internal: void 0,
+            contactName: void 0,
+            phoneNumber: void 0,
+            registrationNumber: void 0,
+            supplyItems: void 0,
+            _id: "",
+            name: "",
+            address: {
+              line2: void 0,
+              line1: "",
+              state: "",
+              city: "",
+              postcode: "",
+              country: ""
+            }
+          }
+        }
+      };
+    }
+    const O = H(r.modelValue ?? k()), V = H(((g = r.modelValue) == null ? void 0 : g._id) ?? `${Math.random()}`);
+    Fe(
+      () => r.show,
+      (v) => {
+        var l;
+        v && (O.value = r.modelValue ?? k(), V.value = `${((l = r.modelValue) == null ? void 0 : l._id) ?? ""}-${Math.random()}`);
+      }
+    );
+    const m = gt($, "disabled"), s = M(() => {
+      switch (r.mode) {
+        case me.READ:
+          return "";
+        case me.CREATE:
+          return b("inventory.transfer.template.create.title");
+        case me.UPDATE:
+          return b("inventory.transfer.template.update.title");
+      }
+      return "";
+    }), i = H();
+    d({
+      validateInputs: () => {
+        var v, l;
+        (l = (v = i.value) == null ? void 0 : v.validateInputs) == null || l.call(v);
+      },
+      resetInputsValidation: () => {
+        var v, l;
+        (l = (v = i.value) == null ? void 0 : v.resetInputsValidation) == null || l.call(v);
+      },
+      resetInputs: () => {
+        var v, l;
+        (l = (v = i.value) == null ? void 0 : v.resetInputs) == null || l.call(v);
+      }
+    });
+    async function p() {
+      var l, f;
+      const v = O.value;
+      if (v) {
+        m.value = !0, (((l = v.purchaseOrder.supplier) == null ? void 0 : l.internal) === xe.enum.warehouse || ((f = v.purchaseOrder.supplier) == null ? void 0 : f.internal) === xe.enum.restaurant) && (v.purchaseOrder.items = v.purchaseOrder.items.map(
+          ({ totalCost: w, ...I }) => I
+        ));
+        try {
+          await a.createTemplate(v), await new Promise((w) => setTimeout(w, 1e3)), h.open({
+            title: b("inventory.transfer.template.create.success"),
+            message: b("inventory.transfer.template.create.successMessage"),
+            type: "success"
+          }), o("update:show", !1), o("submitted");
+        } catch (w) {
+          h.open({
+            title: b("inventory.transfer.template.create.error"),
+            message: b("inventory.transfer.template.create.errorMessage"),
+            type: "error"
+          }), console.error("Error in creating transfer template", w);
+        } finally {
+          m.value = !1;
+        }
+      }
+    }
+    async function D() {
+      var l, f;
+      const v = O.value;
+      if (v) {
+        m.value = !0, (((l = v.purchaseOrder.supplier) == null ? void 0 : l.internal) === xe.enum.warehouse || ((f = v.purchaseOrder.supplier) == null ? void 0 : f.internal) === xe.enum.restaurant) && (v.purchaseOrder.items = v.purchaseOrder.items.map(
+          ({ totalCost: w, ...I }) => I
+        ));
+        try {
+          await a.updateTemplate(v), await new Promise((w) => setTimeout(w, 1e3)), h.open({
+            title: b("inventory.transfer.template.update.success"),
+            message: b("inventory.transfer.template.update.successMessage"),
+            type: "success"
+          }), o("update:show", !1), o("submitted");
+        } catch (w) {
+          h.open({
+            title: b("inventory.transfer.template.update.error"),
+            message: b("inventory.transfer.template.update.errorMessage"),
+            type: "error"
+          }), console.error("Error in updating transfer template", w);
+        } finally {
+          m.value = !1;
+        }
+      }
+    }
+    function _() {
+      switch (r.mode) {
+        case me.CREATE:
+          return p();
+        case me.UPDATE:
+          return D();
+      }
+    }
+    function c() {
+      var v, l;
+      (l = (v = i.value) == null ? void 0 : v.validateInputs) == null || l.call(v);
+    }
+    return (v, l) => {
+      const f = E("FmButton"), w = E("FmSideSheet");
+      return S(), se(w, {
+        modelValue: e(T),
+        "onUpdate:modelValue": l[3] || (l[3] = (I) => tt(T) ? T.value = I : null),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 1600
+      }, {
+        "side-sheet-header": P(() => [
+          t("div", Ro, [
+            t("div", Bo, F(s.value), 1)
+          ])
+        ]),
+        default: P(() => [
+          (S(), se(Uo, {
+            class: "w-full",
+            ref_key: "formRef",
+            ref: i,
+            onValidationSuccess: _,
+            "model-value": O.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (I) => O.value = I),
+            disabled: m.value,
+            "onUpdate:disabled": l[1] || (l[1] = (I) => m.value = I),
+            key: V.value
+          }, null, 8, ["model-value", "disabled"]))
+        ]),
+        "side-sheet-footer": P(() => [
+          t("div", Po, [
+            u(Kt, {
+              loading: m.value,
+              label: e(b)("common.save"),
+              "confirm-title": `Save ${r.mode === e(me).CREATE ? "Template" : "Changes"}`,
+              onConfirm: c
+            }, {
+              "dialog-content": P(() => l[4] || (l[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(f, {
+              disabled: m.value,
+              variant: "tertiary",
+              label: e(b)("common.close"),
+              onClick: l[2] || (l[2] = (I) => 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" }, Qo = { class: "flex justify-between" }, zo = { 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" }, Ko = { class: "flex gap-1" }, Go = { 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" }, ns = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, ls = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rs = { class: "fm-typo-en-body-lg-600" }, as = {
+  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__ */ ae({
+  __name: "TransferTemplateDetails",
+  props: {
+    template: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "action:edit"],
+  setup($, { emit: d }) {
+    const n = $, r = d, o = $e(), { t: a } = pe(), h = M(() => {
+      var m;
+      return (m = n.template) == null ? void 0 : m.purchaseOrder;
+    }), b = [
+      { accessorKey: "name", header: () => "Name" },
+      { accessorKey: "type", header: () => "Type" }
+    ], T = H(""), k = M(
+      () => {
+        var m, s, i, p;
+        return ((s = (m = h.value) == null ? void 0 : m.supplier) == null ? void 0 : s.internal) === "restaurant" || ((p = (i = h.value) == null ? void 0 : i.supplier) == null ? void 0 : p.internal) === "warehouse" ? X.enum.transfer : X.enum.purchase;
+      }
+    ), O = H(!0), V = st(n, "show");
+    return (m, s) => {
+      var l;
+      const i = E("FmMenuDivider"), p = E("FmCard"), D = E("FmIcon"), _ = E("FmTextField"), c = E("FmTable"), g = E("FmButton"), v = E("FmSideSheet");
+      return S(), se(v, {
+        header: e(a)("inventory.transfer.template.details.view", { template: (l = m.template) == null ? void 0 : l.name }),
+        modelValue: e(V),
+        "onUpdate:modelValue": s[2] || (s[2] = (f) => tt(V) ? V.value = f : null),
+        "dismiss-away": O.value,
+        "close-button": "",
+        "max-width": 1200
+      }, {
+        default: P(() => {
+          var f, w;
+          return [
+            t("div", Lo, [
+              t("div", null, [
+                u(p, {
+                  variant: "outlined",
+                  class: "flex flex-col gap-8 px-12 py-16"
+                }, {
+                  default: P(() => {
+                    var I, R, ee, te, A, N, y, x, q;
+                    return [
+                      t("div", Qo, [
+                        t("div", zo, F(e(a)("inventory.transfer.template.details.templateSummary")), 1),
+                        t("div", jo, F(e(a)(
+                          `inventory.transfer.receiveRequest.details.type.${k.value.toLocaleLowerCase("en-US")}`
+                        )), 1)
+                      ]),
+                      u(i),
+                      t("div", Ho, [
+                        t("div", Wo, [
+                          t("div", Yo, [
+                            t("div", Ko, F(e(a)("inventory.transfer.receiveRequest.details.createdAt")), 1)
+                          ]),
+                          t("div", Go, F(e(Gt)(((I = m.template) == null ? void 0 : I._id) ?? "")), 1)
+                        ]),
+                        (R = m.template) != null && R.updatedAt ? (S(), C("div", Zo, [
+                          t("div", Jo, [
+                            t("div", Xo, F(e(a)("inventory.transfer.receiveRequest.details.updatedAt")), 1)
+                          ]),
+                          t("div", es, [
+                            ie(F(e(ct)(new Date(m.template.updatedAt))) + " ", 1),
+                            (ee = m.template.updatedBy) != null && ee.name ? (S(), C(re, { key: 0 }, [
+                              ie(" (" + F(m.template.updatedBy.name) + ") ", 1)
+                            ], 64)) : j("", !0)
+                          ])
+                        ])) : j("", !0),
+                        (A = (te = h.value) == null ? void 0 : te.supplier) != null && A.name ? (S(), C("div", ts, [
+                          t("div", os, F(e(a)("inventory.transfer.receiveRequest.details.from")), 1),
+                          t("div", ss, F((y = (N = h.value) == null ? void 0 : N.supplier) == null ? void 0 : y.name), 1)
+                        ])) : j("", !0),
+                        (x = h.value) != null && x.ref ? (S(), C("div", ns, [
+                          t("div", ls, F(e(a)("inventory.transfer.receiveRequest.details.reference")), 1),
+                          t("div", rs, F(h.value.ref), 1)
+                        ])) : j("", !0),
+                        (q = h.value) != null && q.remark ? (S(), C("div", as, [
+                          t("div", is, F(e(a)("inventory.transfer.receiveRequest.details.remark")), 1),
+                          t("div", ds, F(h.value.remark), 1)
+                        ])) : j("", !0)
+                      ])
+                    ];
+                  }),
+                  _: 1
+                })
+              ]),
+              t("div", us, [
+                t("div", ms, [
+                  t("div", cs, F(e(a)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
+                  (S(!0), C(re, null, ye(((f = h.value) == null ? void 0 : f.items) ?? [], (I) => (S(), C("div", {
+                    key: I.code,
+                    class: "flex flex-col"
+                  }, [
+                    t("div", ps, [
+                      t("div", fs, F(I.name), 1),
+                      s[3] || (s[3] = t("div", { class: "flex-1 min-w-32" }, null, -1)),
+                      t("div", ys, F(e(Tt)(I.quantity, I.sku.unit, I.measurement)), 1)
+                    ]),
+                    t("div", vs, [
+                      t("div", bs, F(I.code), 1),
+                      I.totalCost && e(o).enableTotalCost ? (S(), C("div", hs, " (" + F(e(Lt)(I.totalCost)) + ") ", 1)) : j("", !0)
+                    ]),
+                    e(Ct)(I) ? (S(), C("div", _s, [
+                      u(D, {
+                        name: "error",
+                        color: "system-error-300",
+                        size: "sm"
+                      }),
+                      s[4] || (s[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))
+                ])
+              ]),
+              s[6] || (s[6] = t("div", null, null, -1)),
+              s[7] || (s[7] = t("div", null, null, -1)),
+              t("div", gs, [
+                s[5] || (s[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(_, {
+                    modelValue: T.value,
+                    "onUpdate:modelValue": s[0] || (s[0] = (I) => T.value = I),
+                    placeholder: "Filter locations",
+                    "prepend-icon": "search"
+                  }, null, 8, ["modelValue"]),
+                  u(c, {
+                    "hide-footer": "",
+                    style: { height: "500px" },
+                    "column-defs": b,
+                    "search-value": T.value,
+                    "row-data": ((w = n.template) == null ? void 0 : w.locations) ?? [{ name: "All locations" }]
+                  }, null, 8, ["search-value", "row-data"])
+                ])
+              ])
+            ])
+          ];
+        }),
+        "side-sheet-footer": P(() => [
+          t("div", ks, [
+            u(g, {
+              label: e(a)("common.edit"),
+              onClick: s[1] || (s[1] = (f) => r("action:edit")),
+              variant: "tertiary"
+            }, null, 8, ["label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["header", "modelValue", "dismiss-away"]);
+    };
+  }
+}), Fs = { class: "flex flex-col h-full overflow-hidden" }, Ss = {
+  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%" }
+}, ws = { 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" }, Ms = { class: "flex items-center justify-between px-16 py-12 border-b border-fm-color-border-default shrink-0" }, Vs = { 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" }, Us = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-2" }, Rs = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary shrink-0" }, Bs = { 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__ */ ae({
+  __name: "TemplateItemBulkEditorStep1",
+  setup($) {
+    const { t: d } = Ie(), n = we(), r = Se(), o = M(
+      () => n.skus.map((T) => ({
+        label: T.name,
+        sublabel: T.code,
+        value: T._id
+      }))
+    ), a = M({
+      get: () => {
+        var T;
+        return ((T = r.selectedSku) == null ? void 0 : T._id) ?? null;
+      },
+      set: (T) => {
+        if (!T) {
+          r.selectedSku = null, r.deselectAllTemplates();
+          return;
+        }
+        r.selectedSku = n.skuById[T] ?? null, r.selectAllTemplates();
+      }
+    }), h = M(
+      () => r.candidateTemplates.length > 0 && r.candidateTemplates.every((T) => r.selectedTemplateIds.includes(T._id))
+    );
+    function b() {
+      h.value ? r.deselectAllTemplates() : r.selectAllTemplates();
+    }
+    return (T, k) => {
+      var i;
+      const O = E("FmSelect"), V = E("FmIcon"), m = E("FmButton"), s = E("FmCheckbox");
+      return S(), C("div", Fs, [
+        t("div", Ss, [
+          t("div", null, [
+            t("p", ws, F(e(d)("inventory.transfer.template.bulkEditor.step1.title")), 1)
+          ]),
+          u(O, {
+            modelValue: a.value,
+            "onUpdate:modelValue": k[0] || (k[0] = (p) => a.value = p),
+            items: o.value,
+            placeholder: e(d)("inventory.transfer.template.bulkEditor.step1.skuPlaceholder"),
+            clearable: ""
+          }, {
+            "menu-wrapper": P((p) => [
+              u(mt, Ee(p, {
+                items: o.value,
+                "model-value": a.value
+              }), null, 16, ["items", "model-value"])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "items", "placeholder"])
+        ]),
+        t("div", Is, [
+          !e(r).selectedSku || e(r).candidateTemplates.length === 0 ? (S(), C("div", Ts, [
+            t("div", Cs, [
+              u(V, {
+                name: "list_alt",
+                size: "lg",
+                class: "text-fm-color-typo-placeholder mb-12"
+              }),
+              t("p", Os, F(e(r).selectedSku ? e(d)("inventory.transfer.template.bulkEditor.step1.emptyNoMatch") : e(d)("inventory.transfer.template.bulkEditor.step1.emptyNoSku")), 1)
+            ])
+          ])) : (S(), C(re, { key: 1 }, [
+            t("div", Ms, [
+              t("span", Vs, F(e(d)("inventory.transfer.template.bulkEditor.step1.templatesContain", { count: e(r).candidateTemplates.length, sku: (i = e(r).selectedSku) == null ? void 0 : i.name }, e(r).candidateTemplates.length)), 1),
+              u(m, {
+                label: h.value ? e(d)("inventory.transfer.template.bulkEditor.step1.deselectAll") : e(d)("inventory.transfer.template.bulkEditor.step1.selectAll"),
+                variant: "tertiary",
+                size: "md",
+                onClick: b
+              }, null, 8, ["label"])
+            ]),
+            t("div", Es, [
+              (S(!0), C(re, null, ye(e(r).candidateTemplates, (p) => (S(), C("div", {
+                key: p._id,
+                class: "flex items-center gap-12 px-16 py-12 hover:bg-fm-color-surface-hover transition-colors cursor-pointer",
+                onClick: (D) => e(r).toggleTemplate(p._id)
+              }, [
+                u(s, {
+                  value: !0,
+                  "model-value": e(r).selectedTemplateIds.includes(p._id),
+                  "onUpdate:modelValue": (D) => e(r).toggleTemplate(p._id),
+                  onClick: k[1] || (k[1] = xt(() => {
+                  }, ["stop"]))
+                }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                t("div", As, [
+                  t("div", qs, F(p.name), 1),
+                  t("div", Us, [
+                    ie(F(e(d)("inventory.transfer.template.bulkEditor.step1.from")) + " " + F(p.purchaseOrder.supplier.name) + " ", 1),
+                    p.purchaseOrder.ref ? (S(), C(re, { key: 0 }, [
+                      ie(" · " + F(e(d)("inventory.transfer.template.bulkEditor.step1.ref")) + " " + F(p.purchaseOrder.ref), 1)
+                    ], 64)) : j("", !0)
+                  ])
+                ]),
+                t("span", Rs, F(e(d)("inventory.transfer.template.bulkEditor.step1.items", { count: p.purchaseOrder.items.length }, p.purchaseOrder.items.length)), 1)
+              ], 8, Ds))), 128))
+            ]),
+            t("div", Bs, [
+              t("span", Ps, F(e(d)("inventory.transfer.template.bulkEditor.step1.selectedCount", { selected: e(r).selectedTemplateIds.length, total: e(r).candidateTemplates.length })), 1)
+            ])
+          ], 64))
+        ])
+      ]);
+    };
+  }
+}), Ls = { class: "flex flex-col gap-20 p-24 h-full overflow-y-auto" }, Qs = { class: "fm-typo-en-heading-sm-700 text-fm-color-typo-primary" }, zs = { 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" }, Ks = {
+  key: 0,
+  class: "ml-auto"
+}, Gs = { 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" }, en = { class: "flex items-center gap-8" }, tn = { class: "grid grid-cols-2 gap-12" }, on = { class: "flex flex-col gap-4" }, sn = { class: "flex items-center gap-8" }, nn = { class: "flex flex-col gap-4" }, ln = { class: "flex items-center gap-8" }, rn = { class: "flex flex-col gap-4" }, an = { class: "flex items-center gap-8" }, dn = /* @__PURE__ */ ae({
+  __name: "TemplateItemBulkEditorStep2",
+  emits: ["validation-success"],
+  setup($, { expose: d, emit: n }) {
+    const { t: r } = Ie(), o = Se(), a = De(), h = we(), b = M(
+      () => o.selectedSku ? h.skuById[o.selectedSku._id] ?? o.selectedSku : null
+    ), T = M(() => {
+      var l, f;
+      return (f = (l = b.value) == null ? void 0 : l.unit) != null && f._id ? h.unitById[b.value.unit._id] ?? null : null;
+    }), k = M({
+      get: () => o.editedItem.code ?? "",
+      set: (l) => {
+        o.editedItem = { ...o.editedItem, code: l };
+      }
+    }), O = M({
+      get: () => o.editedItem.name ?? "",
+      set: (l) => {
+        o.editedItem = { ...o.editedItem, name: l };
+      }
+    }), V = M({
+      get: () => ({
+        amount: o.editedItem.quantity ?? { amount: 1, precision: 0 },
+        measurement: o.editedItem.measurement ?? null
+      }),
+      set: (l) => {
+        l && (o.editedItem = {
+          ...o.editedItem,
+          quantity: l.amount,
+          measurement: l.measurement ?? void 0
+        });
+      }
+    }), m = H(null);
+    Fe(() => {
+      var l;
+      return (l = b.value) == null ? void 0 : l._id;
+    }, () => {
+      m.value = null;
+    });
+    const s = M({
+      get: () => m.value ?? Q(o.editedItem.quantityStep ?? { amount: 1, precision: 0 }, !1),
+      set: (l) => {
+        if (l.trim() === "" || ve()(l) !== !0) {
+          m.value = l;
+          return;
+        }
+        m.value = null, o.editedItem = { ...o.editedItem, quantityStep: fe.fromNumber(+l) };
+      }
+    }), i = M({
+      get: () => ({
+        min: o.editedItem.minimumQuantity ?? void 0,
+        max: o.editedItem.maximumQuantity ?? void 0
+      }),
+      set: (l) => {
+        o.editedItem = {
+          ...o.editedItem,
+          minimumQuantity: (l == null ? void 0 : l.min) ?? null,
+          maximumQuantity: (l == null ? void 0 : l.max) ?? null
+        };
+      }
+    }), p = M(() => {
+      var I;
+      const l = o.editedItem, f = l.quantityStep ?? { amount: 1, precision: 0 }, w = (I = b.value) == null ? void 0 : I.unit;
+      return w ? [
+        at(f),
+        ...+(Q(l.quantity ?? { amount: 0, precision: 0 }) ?? 0) > 0 ? [
+          it(
+            +(Q(
+              l.minimumQuantity ?? {
+                amount: 1,
+                precision: de(w, l.measurement)
+              }
+            ) ?? 0)
+          )
+        ] : [],
+        dt(
+          l.maximumQuantity ? +(Q(l.maximumQuantity) ?? 1 / 0) : 1 / 0
+        )
+      ] : [];
+    }), D = M(() => b.value ? [
+      ce(),
+      ve(),
+      ke({
+        amount: 1,
+        precision: de(b.value.unit, o.editedItem.measurement)
+      }),
+      nt(b.value.unit, o.editedItem.measurement)
+    ] : []), _ = M(() => b.value ? [
+      ft({ max: !1 }),
+      vt(o.editedItem.quantityStep ?? { amount: 1, precision: 0 }),
+      yt(
+        +(Q({
+          amount: 0,
+          precision: de(b.value.unit, o.editedItem.measurement)
+        }) ?? 0),
+        1 / 0
+      )
+    ] : []), c = n, g = H();
+    d({
+      validateInputs: () => {
+        var l, f;
+        return (f = (l = g.value) == null ? void 0 : l.validateInputs) == null ? void 0 : f.call(l);
+      }
+    });
+    function v(l, f, w) {
+      o.editedItem = {
+        ...o.editedItem,
+        sku: l,
+        code: f,
+        measurement: w ?? o.editedItem.measurement
+      };
+      const I = ["code"];
+      w !== void 0 && I.push("defaultAmount"), o.autoSelectFields(I);
+    }
+    return (l, f) => {
+      const w = E("FmIcon"), I = E("FmCheckbox"), R = E("FmLabel"), ee = E("FmTextField"), te = E("FmForm");
+      return S(), C("div", Ls, [
+        t("div", null, [
+          t("p", Qs, F(e(r)("inventory.transfer.template.bulkEditor.step2.title")), 1),
+          t("p", zs, F(e(r)("inventory.transfer.template.bulkEditor.step2.subtitle", { count: e(o).selectedTemplateIds.length }, e(o).selectedTemplateIds.length)), 1)
+        ]),
+        u(te, {
+          ref_key: "formRef",
+          ref: g,
+          onValidationSuccess: f[10] || (f[10] = (A) => c("validation-success"))
+        }, {
+          default: P(() => [
+            b.value ? (S(), C("div", js, [
+              t("div", Hs, [
+                u(w, {
+                  name: "inventory_2",
+                  size: "sm",
+                  class: "text-fm-color-typo-secondary"
+                }),
+                t("div", null, [
+                  t("span", Ws, F(b.value.name), 1),
+                  t("span", Ys, "(" + F(b.value.code) + ")", 1)
+                ]),
+                e(a).isEnabled ? (S(), C("div", Ks, [
+                  u(Qt, {
+                    sku: b.value,
+                    "setting-options": e(a).skuSettingOptions,
+                    "onUpdate:modelValue": v
+                  }, null, 8, ["sku", "setting-options"])
+                ])) : j("", !0)
+              ]),
+              t("div", Gs, [
+                t("div", Zs, [
+                  t("div", Js, [
+                    u(I, {
+                      value: !0,
+                      "model-value": e(o).selectedFields.has("code"),
+                      "onUpdate:modelValue": f[0] || (f[0] = (A) => e(o).toggleField("code"))
+                    }, null, 8, ["model-value"]),
+                    u(R, {
+                      label: e(r)("inventory.transfer.template.bulkEditor.step2.fieldCode"),
+                      mark: e(o).selectedFields.has("code") ? "required" : void 0
+                    }, null, 8, ["label", "mark"])
+                  ]),
+                  t("div", {
+                    class: oe(e(o).selectedFields.has("code") ? "" : "pointer-events-none select-none opacity-40")
+                  }, [
+                    u(ee, {
+                      modelValue: k.value,
+                      "onUpdate:modelValue": f[1] || (f[1] = (A) => k.value = A),
+                      "helper-text": b.value.code,
+                      rules: e(o).selectedFields.has("code") ? [e(ce)()] : [],
+                      disabled: !e(o).selectedFields.has("code")
+                    }, null, 8, ["modelValue", "helper-text", "rules", "disabled"])
+                  ], 2)
+                ]),
+                t("div", Xs, [
+                  t("div", en, [
+                    u(I, {
+                      value: !0,
+                      "model-value": e(o).selectedFields.has("name"),
+                      "onUpdate:modelValue": f[2] || (f[2] = (A) => e(o).toggleField("name"))
+                    }, null, 8, ["model-value"]),
+                    u(R, {
+                      label: e(r)("inventory.transfer.template.bulkEditor.step2.fieldName"),
+                      mark: e(o).selectedFields.has("name") ? "required" : void 0
+                    }, null, 8, ["label", "mark"])
+                  ]),
+                  t("div", {
+                    class: oe(e(o).selectedFields.has("name") ? "" : "pointer-events-none select-none opacity-40")
+                  }, [
+                    u(ee, {
+                      modelValue: O.value,
+                      "onUpdate:modelValue": f[3] || (f[3] = (A) => O.value = A),
+                      "helper-text": b.value.name,
+                      rules: e(o).selectedFields.has("name") ? [e(ce)()] : [],
+                      disabled: !e(o).selectedFields.has("name")
+                    }, null, 8, ["modelValue", "helper-text", "rules", "disabled"])
+                  ], 2)
+                ])
+              ]),
+              t("div", tn, [
+                t("div", on, [
+                  t("div", sn, [
+                    u(I, {
+                      value: !0,
+                      "model-value": e(o).selectedFields.has("defaultAmount"),
+                      "onUpdate:modelValue": f[4] || (f[4] = (A) => e(o).toggleField("defaultAmount"))
+                    }, null, 8, ["model-value"]),
+                    u(R, {
+                      label: e(r)("inventory.transfer.template.bulkEditor.step2.fieldDefaultAmount"),
+                      mark: e(o).selectedFields.has("defaultAmount") ? "required" : void 0
+                    }, null, 8, ["label", "mark"])
+                  ]),
+                  t("div", {
+                    class: oe(e(o).selectedFields.has("defaultAmount") ? "" : "pointer-events-none select-none opacity-40")
+                  }, [
+                    T.value ? (S(), se(rt, {
+                      key: 0,
+                      modelValue: V.value,
+                      "onUpdate:modelValue": f[5] || (f[5] = (A) => V.value = A),
+                      unit: T.value,
+                      rules: e(o).selectedFields.has("defaultAmount") ? p.value : [],
+                      disabled: !e(o).selectedFields.has("defaultAmount"),
+                      "apply-default-rules": ""
+                    }, null, 8, ["modelValue", "unit", "rules", "disabled"])) : j("", !0)
+                  ], 2)
+                ]),
+                t("div", nn, [
+                  t("div", ln, [
+                    u(I, {
+                      value: !0,
+                      "model-value": e(o).selectedFields.has("step"),
+                      "onUpdate:modelValue": f[6] || (f[6] = (A) => e(o).toggleField("step"))
+                    }, null, 8, ["model-value"]),
+                    u(R, {
+                      label: e(r)("inventory.transfer.template.bulkEditor.step2.fieldStep")
+                    }, null, 8, ["label"])
+                  ]),
+                  t("div", {
+                    class: oe(e(o).selectedFields.has("step") ? "" : "pointer-events-none select-none opacity-40")
+                  }, [
+                    u(ee, {
+                      modelValue: s.value,
+                      "onUpdate:modelValue": f[7] || (f[7] = (A) => s.value = A),
+                      rules: e(o).selectedFields.has("step") ? D.value : [],
+                      disabled: !e(o).selectedFields.has("step")
+                    }, null, 8, ["modelValue", "rules", "disabled"])
+                  ], 2)
+                ])
+              ]),
+              t("div", rn, [
+                t("div", an, [
+                  u(I, {
+                    value: !0,
+                    "model-value": e(o).selectedFields.has("limit"),
+                    "onUpdate:modelValue": f[8] || (f[8] = (A) => e(o).toggleField("limit"))
+                  }, null, 8, ["model-value"]),
+                  u(R, {
+                    label: e(r)("inventory.transfer.template.bulkEditor.step2.fieldLimit")
+                  }, null, 8, ["label"])
+                ]),
+                t("div", {
+                  class: oe(e(o).selectedFields.has("limit") ? "" : "pointer-events-none select-none opacity-40")
+                }, [
+                  b.value.unit ? (S(), se(pt, {
+                    key: 0,
+                    modelValue: i.value,
+                    "onUpdate:modelValue": f[9] || (f[9] = (A) => i.value = A),
+                    unit: b.value.unit,
+                    rules: e(o).selectedFields.has("limit") ? _.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)
+      ]);
+    };
+  }
+}), et = { amount: 0, precision: 0 };
+function un($) {
+  var n;
+  const d = $.sku;
+  return {
+    code: d.code,
+    overrideCode: $.code,
+    name: $.name ?? d.name,
+    unit: ((n = d.unit.measurements.find((r) => r.id === d.trackingMeasurement)) == null ? void 0 : n.abbrev) ?? d.unit.abbrev,
+    defaultQuantity: +Q($.quantity),
+    minimumQuantity: +Q($.minimumQuantity ?? et),
+    maximumQuantity: +Q($.maximumQuantity ?? et),
+    quantityStep: +Q($.quantityStep)
+  };
+}
+function mn($) {
+  var T;
+  const n = It().currentBusiness.value, r = Ot(), a = (T = $.map((k) => {
+    var i;
+    const O = k.purchaseOrder.items.map((p) => un(p)), V = [
+      ["Template ID", k._id],
+      ["Template name", k.name],
+      ["Business name", n == null ? void 0 : n.name],
+      ["Business ID", n == null ? void 0 : n._id],
+      ["Menu version", n == null ? void 0 : n.menuVersion],
+      [
+        "Purchase/Transfer",
+        typeof k.purchaseOrder.supplier.internal == "string" ? X.enum.transfer : X.enum.purchase
+      ],
+      [
+        "Transfer from",
+        `${k.purchaseOrder.supplier.name} (${[
+          k.purchaseOrder.supplier.internal,
+          k.purchaseOrder.supplier._id
+        ].filter((p) => p).join("_")})`
+      ],
+      [
+        "Locations",
+        ...(i = k.locations) != null && i.length ? k.locations.map((p) => `${p.name} (${p.dbName})`) : ["All"]
+      ],
+      ["Reference", k.purchaseOrder.ref ?? ""],
+      ["Remark", k.purchaseOrder.remark ?? ""],
+      [],
+      r.map((p) => p.name),
+      ...O.map((p) => r.map((D) => p[D.id]))
+    ], m = r.map((p) => `system:${p.id}`), s = Zt(V, m);
+    return { name: k.name, sheet: s };
+  }).reduce(
+    (k, O) => {
+      var m;
+      const V = O.name.slice(0, 28);
+      return (m = k.sheetOccurence)[V] ?? (m[V] = 0), k.sheetOccurence[V] += 1, k.sheets[`${V} (${k.sheetOccurence[V]})`] = O.sheet, k;
+    },
+    {
+      sheets: {},
+      sheetOccurence: {}
+    }
+  )) == null ? void 0 : T.sheets, h = `${n == null ? void 0 : n.name} transfer templates bulk edit (${ct(/* @__PURE__ */ new Date())}).xlsx`, b = Jt(a);
+  Xt(b, h);
+}
+const cn = { class: "flex flex-col gap-16" }, pn = { class: "rounded-lg border border-fm-color-border-default bg-fm-color-surface-secondary p-16" }, fn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-8" }, yn = { class: "flex flex-wrap gap-12 items-center" }, vn = { class: "flex items-center gap-6" }, bn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, hn = { class: "flex items-center gap-6" }, _n = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, gn = { class: "text-fm-color-typo-primary" }, xn = { class: "text-fm-color-typo-placeholder ml-4" }, kn = { class: "mt-12" }, $n = ["onClick"], Fn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary flex-1 truncate" }, Sn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, wn = {
+  key: 0,
+  class: "px-12 py-8 border-b border-fm-color-border-default"
+}, In = {
+  key: 1,
+  class: "divide-y divide-fm-color-border-default"
+}, Tn = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary w-28 shrink-0" }, Cn = { class: "fm-typo-en-body-sm-400 line-through text-fm-color-error" }, On = { class: "fm-typo-en-body-sm-400 text-fm-color-success font-medium" }, Mn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Vn = { class: "fm-typo-en-body-xs-400 text-fm-color-typo-placeholder ml-4 italic" }, En = /* @__PURE__ */ ae({
+  __name: "TemplateItemBulkEditorStep3",
+  setup($) {
+    const { t: d } = Ie(), n = Se(), r = H(/* @__PURE__ */ new Set());
+    function o(s) {
+      return r.value.has(s);
+    }
+    function a(s) {
+      const i = new Set(r.value);
+      i.has(s) ? i.delete(s) : i.add(s), r.value = i;
+    }
+    const h = M(() => {
+      const s = /* @__PURE__ */ new Map();
+      for (const i of n.selectedTemplates)
+        s.set(i._id, i);
+      return s;
+    });
+    function b(s) {
+      var f;
+      const i = (f = n.selectedSku) == null ? void 0 : f._id;
+      if (!i) return [];
+      const p = h.value.get(s), D = n.reviewPayloads.find((w) => w._id === s);
+      if (!p || !D) return [];
+      const _ = p.purchaseOrder.items.find((w) => w.sku._id === i), c = D.purchaseOrder.items.find((w) => w.sku._id === i);
+      if (!_ || !c) return [];
+      const g = (w) => w != null ? Q(w) : "—", v = n.selectedFields;
+      return [
+        {
+          group: "code",
+          label: d("inventory.transfer.template.bulkEditor.step3.fieldCode"),
+          before: _.code ?? "—",
+          after: c.code ?? "—",
+          changed: _.code !== c.code
+        },
+        {
+          group: "name",
+          label: d("inventory.transfer.template.bulkEditor.step3.fieldName"),
+          before: _.name ?? "—",
+          after: c.name ?? "—",
+          changed: _.name !== c.name
+        },
+        {
+          group: "defaultAmount",
+          label: d("inventory.transfer.template.bulkEditor.step3.fieldDefaultAmount"),
+          before: g(_.quantity),
+          after: g(c.quantity),
+          changed: g(_.quantity) !== g(c.quantity)
+        },
+        {
+          group: "step",
+          label: d("inventory.transfer.template.bulkEditor.step3.fieldStep"),
+          before: g(_.quantityStep),
+          after: g(c.quantityStep),
+          changed: g(_.quantityStep) !== g(c.quantityStep)
+        },
+        {
+          group: "limit",
+          label: d("inventory.transfer.template.bulkEditor.step3.fieldMin"),
+          before: g(_.minimumQuantity),
+          after: g(c.minimumQuantity),
+          changed: g(_.minimumQuantity) !== g(c.minimumQuantity)
+        },
+        {
+          group: "limit",
+          label: d("inventory.transfer.template.bulkEditor.step3.fieldMax"),
+          before: g(_.maximumQuantity),
+          after: g(c.maximumQuantity),
+          changed: g(_.maximumQuantity) !== g(c.maximumQuantity)
+        }
+      ].filter((w) => v.has(w.group));
+    }
+    function T() {
+      mn(n.reviewPayloads);
+    }
+    function k(s) {
+      return n.succeededIds.has(s) ? "updated" : n.applyErrors.has(s) ? "failed" : "pending";
+    }
+    const O = {
+      updated: "success",
+      failed: "critical",
+      pending: "success"
+    }, V = {
+      updated: "inventory.transfer.template.bulkEditor.step3.updatedChip",
+      failed: "inventory.transfer.template.bulkEditor.step3.failedChip",
+      pending: "inventory.transfer.template.bulkEditor.step3.willUpdateChip"
+    }, m = M(() => n.reviewPayloads.length);
+    return (s, i) => {
+      var g, v;
+      const p = E("FmChip"), D = E("FmButton"), _ = E("FmIcon"), c = E("FmBanner");
+      return S(), C("div", cn, [
+        t("div", pn, [
+          t("p", fn, F(e(d)("inventory.transfer.template.bulkEditor.step3.title")), 1),
+          t("div", yn, [
+            t("div", vn, [
+              u(p, {
+                size: "sm",
+                label: String(m.value),
+                variant: "success"
+              }, null, 8, ["label"]),
+              t("span", bn, F(e(d)("inventory.transfer.template.bulkEditor.step3.willUpdate", { count: m.value }, m.value)), 1)
+            ]),
+            t("div", hn, [
+              t("span", _n, [
+                ie(F(e(d)("inventory.transfer.template.bulkEditor.step3.item")) + " ", 1),
+                t("strong", gn, F((g = e(n).selectedSku) == null ? void 0 : g.name), 1),
+                t("span", xn, "(" + F((v = e(n).selectedSku) == null ? void 0 : v.code) + ")", 1)
+              ])
+            ])
+          ]),
+          t("div", kn, [
+            u(D, {
+              label: e(d)("inventory.transfer.template.bulkEditor.step3.export"),
+              variant: "secondary",
+              size: "md",
+              onClick: T
+            }, null, 8, ["label"])
+          ])
+        ]),
+        (S(!0), C(re, null, ye(e(n).reviewPayloads, (l) => (S(), C("div", {
+          key: l._id,
+          class: "rounded-lg border border-fm-color-border-default overflow-hidden"
+        }, [
+          t("button", {
+            type: "button",
+            class: oe(["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(l._id) }]),
+            onClick: (f) => a(l._id)
+          }, [
+            u(_, {
+              name: o(l._id) ? "expand_less" : "expand_more",
+              size: "sm",
+              class: "text-fm-color-typo-secondary flex-shrink-0"
+            }, null, 8, ["name"]),
+            t("span", Fn, F(l.name), 1),
+            t("span", Sn, F(e(d)("inventory.transfer.template.bulkEditor.step1.from")) + " " + F(l.purchaseOrder.supplier.name), 1),
+            u(p, {
+              size: "sm",
+              label: e(d)(V[k(l._id)]),
+              variant: O[k(l._id)]
+            }, null, 8, ["label", "variant"])
+          ], 10, $n),
+          e(n).applyErrors.has(l._id) ? (S(), C("div", wn, [
+            u(c, {
+              type: "error",
+              message: e(n).applyErrors.get(l._id)
+            }, null, 8, ["message"])
+          ])) : j("", !0),
+          o(l._id) ? (S(), C("div", In, [
+            (S(!0), C(re, null, ye(b(l._id), (f) => (S(), C("div", {
+              key: f.label,
+              class: "flex items-center gap-8 px-12 py-8"
+            }, [
+              t("span", Tn, F(f.label), 1),
+              f.changed ? (S(), C(re, { key: 0 }, [
+                t("span", Cn, F(f.before), 1),
+                u(_, {
+                  name: "arrow_forward",
+                  size: "sm",
+                  class: "text-fm-color-typo-placeholder shrink-0"
+                }),
+                t("span", On, F(f.after), 1)
+              ], 64)) : (S(), C(re, { key: 1 }, [
+                t("span", Mn, F(f.before), 1),
+                t("span", Vn, F(e(d)("inventory.transfer.template.bulkEditor.step3.unchanged")), 1)
+              ], 64))
+            ]))), 128))
+          ])) : j("", !0)
+        ]))), 128))
+      ]);
+    };
+  }
+}), Dn = { class: "flex items-center gap-12" }, An = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, qn = {
+  key: 0,
+  class: "h-[calc(98vh-120px)] overflow-hidden flex flex-col"
+}, Un = {
+  key: 1,
+  class: "h-[calc(98vh-120px)] overflow-hidden flex flex-col"
+}, Rn = {
+  key: 2,
+  class: "h-[calc(98vh-120px)] overflow-y-auto px-24 py-20"
+}, Bn = {
+  key: 0,
+  class: "flex items-center gap-8 px-4"
+}, Pn = {
+  key: 1,
+  class: "flex items-center gap-8 px-4"
+}, Nn = /* @__PURE__ */ ae({
+  __name: "TemplateItemBulkEditorDialog",
+  setup($) {
+    const { t: d } = Ie(), n = Se(), r = qt(), o = H(), a = M(() => n.currentStep === 1), h = M(() => n.currentStep === 2), b = M(() => n.currentStep === 3);
+    function T() {
+      var p;
+      n.currentStep === 1 ? n.goToStep2() : n.currentStep === 2 && ((p = o.value) == null || p.validateInputs());
+    }
+    function k() {
+      n.goToStep3();
+    }
+    function O() {
+      n.back();
+    }
+    function V() {
+      n.show = !1, n.reset();
+    }
+    function m() {
+      var p;
+      r.open({
+        title: d("inventory.transfer.template.bulkEditor.confirm.title"),
+        message: d("inventory.transfer.template.bulkEditor.confirm.message", {
+          sku: (p = n.selectedSku) == null ? void 0 : p.name,
+          count: n.reviewPayloads.length
+        }, n.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 n.confirmAndApply();
+      });
+    }
+    const s = M(() => n.currentStep === 2 ? d("inventory.transfer.template.bulkEditor.review") : d("inventory.transfer.template.bulkEditor.next")), i = M(() => n.currentStep === 1 ? !n.canGoToStep2 : n.currentStep === 2 ? !n.canGoToStep3 : !1);
+    return (p, D) => {
+      const _ = E("FmChip"), c = E("FmButton"), g = E("FmDialog");
+      return S(), se(g, {
+        modelValue: e(n).show,
+        "onUpdate:modelValue": [
+          D[0] || (D[0] = (v) => e(n).show = v),
+          D[1] || (D[1] = (v) => {
+            v || e(n).reset();
+          })
+        ],
+        overlay: !0,
+        "close-button": "",
+        "max-width": "98vw",
+        "max-height": "98vh"
+      }, {
+        "dialog-header": P(() => [
+          t("div", Dn, [
+            t("span", An, F(e(d)("inventory.transfer.template.bulkEditor.dialogTitle")), 1),
+            u(_, {
+              size: "sm",
+              label: e(d)("inventory.transfer.template.bulkEditor.stepChip", { step: e(n).currentStep }),
+              variant: "neutral"
+            }, null, 8, ["label"])
+          ])
+        ]),
+        "dialog-footer": P(() => [
+          b.value ? (S(), C("div", Pn, [
+            u(c, {
+              label: e(d)("inventory.transfer.template.bulkEditor.confirmAndUpdate"),
+              disabled: e(n).isSaving,
+              loading: e(n).isSaving,
+              onClick: m
+            }, null, 8, ["label", "disabled", "loading"]),
+            u(c, {
+              label: e(d)("inventory.transfer.template.bulkEditor.back"),
+              variant: "secondary",
+              disabled: e(n).isSaving,
+              onClick: O
+            }, null, 8, ["label", "disabled"]),
+            u(c, {
+              label: e(d)("inventory.transfer.template.bulkEditor.close"),
+              variant: "tertiary",
+              disabled: e(n).isSaving,
+              onClick: V
+            }, null, 8, ["label", "disabled"])
+          ])) : (S(), C("div", Bn, [
+            u(c, {
+              label: s.value,
+              disabled: i.value,
+              onClick: T
+            }, null, 8, ["label", "disabled"]),
+            e(n).currentStep > 1 ? (S(), se(c, {
+              key: 0,
+              label: e(d)("inventory.transfer.template.bulkEditor.back"),
+              variant: "secondary",
+              onClick: O
+            }, null, 8, ["label"])) : j("", !0),
+            u(c, {
+              label: e(d)("inventory.transfer.template.bulkEditor.close"),
+              variant: "tertiary",
+              onClick: V
+            }, null, 8, ["label"])
+          ]))
+        ]),
+        default: P(() => [
+          a.value ? (S(), C("div", qn, [
+            u(Ns)
+          ])) : h.value ? (S(), C("div", Un, [
+            u(dn, {
+              ref_key: "step2Ref",
+              ref: o,
+              onValidationSuccess: k
+            }, null, 512)
+          ])) : b.value ? (S(), C("div", Rn, [
+            u(En)
+          ])) : j("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Ln = { class: "flex-1 flex flex-col gap-8" }, Qn = { class: "flex flex-col" }, zn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, jn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Hn = { class: "fm-typo-en-body-lg-400" }, Wn = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, Yn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, $l = /* @__PURE__ */ ae({
+  __name: "TransferTemplateView",
+  setup($) {
+    const { t: d } = pe(), { createTemplate: n, viewTemplate: r, importTemplates: o, exportTemplates: a, openBulkItemEditor: h } = Ge(), { templateDialogProps: b, templateDetailsProps: T } = Je(Ge()), k = Mt(), { loading: O, templates: V } = Je(k), m = H(!1), s = St(), i = ot(), { breakpoints: p } = Ut();
+    Ve(k.fetchTemplates);
+    const D = M(
+      () => m.value || O.value || !i._currentLocation
+    ), _ = M(() => V.value), c = H(""), g = M(() => p.value.xs || p.value.sm), v = M(() => g.value ? 10 : 20);
+    function l(I) {
+      switch (I) {
+        case Ze.Add:
+          return n();
+        case "refresh":
+          return k.fetchTemplates();
+        case "import":
+          return o();
+        case "export":
+          return a();
+        case "bulk-edit-items":
+          return h();
+      }
+    }
+    function f(I) {
+      return I;
+    }
+    const w = M(() => [
+      {
+        label: d("inventory.closing.template.create.title"),
+        value: Ze.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 (I, R) => {
+      const ee = E("FmTable");
+      return S(), C(re, null, [
+        u(wt, {
+          title: e(d)("inventory.transfer.template.title2"),
+          actions: w.value,
+          "onClick:action": l
+        }, {
+          default: P(() => {
+            var te;
+            return [
+              t("div", {
+                class: oe([
+                  "flex flex-col gap-8 max-h-full",
+                  {
+                    "p-0": g.value,
+                    "px-24 ": !g.value
+                  }
+                ])
+              }, [
+                u(Dt, {
+                  searchable: "",
+                  search: c.value,
+                  "onUpdate:search": R[0] || (R[0] = (A) => c.value = A)
+                }, null, 8, ["search"]),
+                (S(), se(ee, {
+                  style: Me(e(s).tableHeight),
+                  "column-defs": e(k).columnDefs,
+                  "row-data": _.value,
+                  "search-value": c.value,
+                  loading: D.value,
+                  key: (te = e(i)._currentLocation) == null ? void 0 : te.dbName,
+                  onRowClick: R[1] || (R[1] = (A) => e(r)(A.original)),
+                  "page-size": v.value
+                }, {
+                  "list-row": P((A) => [
+                    u(ut, {
+                      row: A,
+                      onRowClick: (N) => e(r)(N)
+                    }, {
+                      default: P((N) => {
+                        var y, x, q, L, W, J, B, z, G, ne, U, Y, be, he, Ae, qe, Ue, Re, Be, Pe, _e, Ne, Le, Qe, ze, ge, je;
+                        return [
+                          t("div", Ln, [
+                            t("div", Qn, [
+                              t("div", zn, [
+                                u(e(le), {
+                                  render: (q = (x = (y = N._id) == null ? void 0 : y.column) == null ? void 0 : x.columnDef) == null ? void 0 : q.cell,
+                                  props: (W = (L = N._id) == null ? void 0 : L.getContext) == null ? void 0 : W.call(L)
+                                }, null, 8, ["render", "props"])
+                              ]),
+                              t("div", jn, [
+                                u(e(le), {
+                                  render: (z = (B = (J = N.name) == null ? void 0 : J.column) == null ? void 0 : B.columnDef) == null ? void 0 : z.cell,
+                                  props: (ne = (G = N.name) == null ? void 0 : G.getContext) == null ? void 0 : ne.call(G)
+                                }, null, 8, ["render", "props"])
+                              ]),
+                              t("div", Hn, [
+                                u(e(le), {
+                                  render: (be = (Y = (U = N.supplier) == null ? void 0 : U.column) == null ? void 0 : Y.columnDef) == null ? void 0 : be.cell,
+                                  props: (Ae = (he = N.supplier) == null ? void 0 : he.getContext) == null ? void 0 : Ae.call(he)
+                                }, null, 8, ["render", "props"])
+                              ]),
+                              t("div", null, F((qe = A.original.locations) != null && qe.length ? `Enabled for ${(Ue = A.original.locations) == null ? void 0 : Ue.length} outlets` : "Enabled for all outlets"), 1),
+                              t("div", Wn, F(A.original.purchaseOrder.items.length ? A.original.purchaseOrder.items.map((ht) => ht.name).join(", ") : "No items"), 1),
+                              t("div", Yn, [
+                                u(e(le), {
+                                  render: (Pe = (Be = (Re = N.ref) == null ? void 0 : Re.column) == null ? void 0 : Be.columnDef) == null ? void 0 : Pe.cell,
+                                  props: (Ne = (_e = N.ref) == null ? void 0 : _e.getContext) == null ? void 0 : Ne.call(_e)
+                                }, null, 8, ["render", "props"])
+                              ])
+                            ]),
+                            t("div", null, [
+                              u(e(le), {
+                                render: (ze = (Qe = (Le = N.type) == null ? void 0 : Le.column) == null ? void 0 : Qe.columnDef) == null ? void 0 : ze.cell,
+                                props: (je = (ge = N.type) == null ? void 0 : ge.getContext) == null ? void 0 : je.call(ge)
+                              }, 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(), se(kt, { to: "body" }, [
+          u($s, $t(Ft(e(T))), null, 16),
+          u(No, Ee(e(b), {
+            onSubmitted: R[2] || (R[2] = (te) => e(k).fetchTemplates())
+          }), null, 16),
+          u(Nn)
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  $l as default
+};