@feedmepos/mf-inventory-portal 0.0.25-dev.4 → 0.0.25-dev.42

package/dist/TransferTemplateView-BaJaiaO9.js

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