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

package/dist/TransferTemplateView-DnuPDeZP.js

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