@feedmepos/mf-inventory-portal 0.0.22-dev.36 → 0.0.22-dev.38

package/dist/TransferTemplateView-CetnHs4Q.js

@@ -0,0 +1,2054 @@
+import { defineComponent as J, onMounted as ye, computed as N, ref as L, watch as ve, inject as yt, resolveComponent as D, openBlock as F, createElementBlock as E, createElementVNode as n, createVNode as $, withCtx as q, renderSlot as ze, withDirectives as je, normalizeClass as Y, vModelText as We, reactive as vt, h as te, toDisplayString as A, unref as t, createBlock as W, mergeProps as Xe, isRef as et, createCommentVNode as K, Fragment as X, renderList as le, createTextVNode as ht, createSlots as gt, normalizeStyle as bt, Teleport as xt, normalizeProps as _t, guardReactiveProps as kt } from "vue";
+import { u as Tt, _ as $t, a as wt } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DSQW1Ayz.js";
+import { useI18n as ee, useCoreStore as tt } from "@feedmepos/mf-common";
+import { P, a as St, f as Ft, t as Ct, u as ot, b as Ge } from "./purchase-order-transaction-type-ag48uMYt.js";
+import { F as se, R as Ke } from "./row-action.enum-PMKMRrZR.js";
+import { ai as be, t as oe, I as Rt, aj as It, ak as Mt, a as z, al as nt, D as Ye, R as xe, u as he, a3 as Ot, a6 as At, a4 as Dt, r as Z, a5 as Et, l as Vt, A as _e, M as Pt, b as rt, i as ie, y as Nt, k as Lt, W as ne, G as Bt, f as Ut, h as qt, af as Qt, w as Ht } from "./app-BGqgEJv-.js";
+import { components as fe, useDialog as st, useSnackbar as ke, useProxiedModel as at, useDialogChild as zt, useBreakpoints as jt } from "@feedmepos/ui-library";
+import { storeToRefs as Ze } from "pinia";
+import "vue-router";
+import { d as lt } from "./defineDeepModel-C4ebJegy.js";
+import { c as Wt, u as Gt, _ as Kt } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-0p8dn-rc.js";
+import { u as ge } from "./supplier-CBaaZ4vA.js";
+import { F as G, _ as it } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
+import { u as Yt } from "./use-template-enabled-locations-2-CYsM7ABF.js";
+import { f as Zt } from "./format-time-from-id-DkB5tphe.js";
+import { a as ae, b as ut, d as mt, s as ct, r as Jt } from "./xlsx.util-N5bu_PXw.js";
+import { F as Xt } from "./FmDroppableField-DK78vkN3.js";
+const eo = { class: "flex flex-col" }, to = { class: "flex flex-col" }, oo = { class: "flex-1" }, no = { class: "flex items-center" }, ro = { class: "flex-1" }, so = { class: "flex-1" }, ao = /* @__PURE__ */ J({
+  __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(l) {
+    const a = l, d = lt("modelValue"), o = Rt();
+    ye(() => {
+      const { min: k, max: v } = d ?? {};
+      if (!(!k || !v) && k.precision !== v.precision) {
+        const p = Math.max(k.precision, v.precision), i = be(k, p), T = be(v, p);
+        d.min = i, d.max = T;
+      }
+    });
+    const u = N(() => {
+      const { min: k, max: v } = d ?? {};
+      return Math.max((k == null ? void 0 : k.precision) ?? 0, (v == null ? void 0 : v.precision) ?? 0, a.precision ?? 0);
+    }), r = (k) => {
+      if (!k) return "";
+      const v = It(k), p = u.value, i = be(v, p);
+      return Mt(
+        +z(i),
+        i.precision
+      );
+    }, e = L(r(d.min)), s = L(r(d.max));
+    ve([e, s], ([k, v]) => {
+      const p = d ?? {}, i = o(k), T = o(v), c = u.value;
+      if (k !== "" && i === !0) {
+        const g = oe(+k, c);
+        p.min = g;
+      } else
+        p.min = null;
+      if (v !== "" && T === !0) {
+        const g = oe(+v, c);
+        p.max = g;
+      } else
+        p.max = null;
+      d.min = p.min, d.max = p.max;
+    });
+    const f = Symbol.for("fm:form-state"), y = yt(f, null), b = N(() => a.disabled ?? (y == null ? void 0 : y.getDisabled()) ?? !1), S = L(), _ = L(), h = L(!1), m = L(!1), x = N(() => h.value || m.value), I = N(() => [...[
+      function() {
+        return typeof o(e.value) == "string" || typeof o(s.value) == "string" ? "Must be a number" : !0;
+      },
+      function(p) {
+        return !p || !p.min || !p.max ? !0 : +z(p.min) > +z(p.max) ? "Min must be less than or equal to max" : !0;
+      }
+    ], ...a.rules ?? []]);
+    return (k, v) => {
+      const p = D("FmLabel"), i = D("FmField"), T = D("FmFormGroup");
+      return F(), E("div", eo, [
+        n("div", to, [
+          n("div", oo, [
+            $(p, {
+              label: k.label,
+              disabled: k.disabled,
+              required: k.labelMark === "required",
+              optional: k.labelMark === "optional"
+            }, null, 8, ["label", "disabled", "required", "optional"])
+          ]),
+          $(i, { focused: x.value }, {
+            default: q(() => [
+              n("div", no, [
+                ze(k.$slots, "prepend"),
+                v[6] || (v[6] = n("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Min.", -1)),
+                n("div", ro, [
+                  je(n("input", {
+                    type: "text",
+                    ref_key: "minInputRef",
+                    ref: S,
+                    onFocus: v[0] || (v[0] = () => h.value = !0),
+                    onBlur: v[1] || (v[1] = () => h.value = !1),
+                    "onUpdate:modelValue": v[2] || (v[2] = (c) => e.value = c),
+                    class: Y({
+                      "fm-text-field--input fm-typo-en-body-lg-400": !0,
+                      "text-fm-color-typo-primary": !b.value,
+                      "text-fm-color-typo-disabled": b.value
+                    })
+                  }, null, 34), [
+                    [We, e.value]
+                  ])
+                ]),
+                v[7] || (v[7] = n("div", { class: "block h-32 mx-4 w-[1px] bg-fm-color-neutral-gray-200" }, null, -1)),
+                v[8] || (v[8] = n("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400 pr-4" }, "Max.", -1)),
+                n("div", so, [
+                  je(n("input", {
+                    type: "text",
+                    ref_key: "maxInputRef",
+                    ref: _,
+                    onFocus: v[3] || (v[3] = () => m.value = !0),
+                    onBlur: v[4] || (v[4] = () => m.value = !1),
+                    "onUpdate:modelValue": v[5] || (v[5] = (c) => s.value = c),
+                    class: Y({
+                      "fm-text-field--input fm-typo-en-body-lg-400": !0,
+                      "text-fm-color-typo-primary": !b.value,
+                      "text-fm-color-typo-disabled": b.value
+                    })
+                  }, null, 34), [
+                    [We, s.value]
+                  ])
+                ]),
+                ze(k.$slots, "append")
+              ])
+            ]),
+            _: 3
+          }, 8, ["focused"])
+        ]),
+        $(T, {
+          class: "flex-1",
+          "model-value": k.modelValue,
+          info: k.labelInfo,
+          rules: I.value,
+          "helper-text": k.helperText,
+          "helper-state": k.helperState
+        }, null, 8, ["model-value", "info", "rules", "helper-text", "helper-state"])
+      ]);
+    };
+  }
+});
+function lo() {
+  return function(a) {
+    return !a || !a.min || !a.max ? "Required" : !0;
+  };
+}
+function io(l, a) {
+  return function(o) {
+    return !o || !o.min || !o.max ? !0 : +z(o.min) < l ? `Must be between ${l} and ${a}` : +z(o.max) > a ? `Must be between ${l} and ${a}` : !0;
+  };
+}
+function uo(l) {
+  const a = nt(l), d = z(l);
+  return function(u) {
+    if (!(u != null && u.min) || !(u != null && u.max)) return !0;
+    const r = a(u.min) === !0, e = a(u.max) === !0;
+    return !r && !e ? `Min & max must be a multiple of ${d}` : r ? e ? !0 : `Max must be a multiple of ${d}` : `Min must be a multiple of ${d}`;
+  };
+}
+var Q = /* @__PURE__ */ ((l) => (l.Code = "Code", l.Name = "Name", l.DefaultAmount = "DefaultAmount", l.Limit = "Limit", l.MinimumAmount = "MinimumAmount", l.Step = "Step", l.Cost = "Cost", l.Delete = "Delete", l))(Q || {});
+function mo(l) {
+  const { t: a } = ee(), d = vt({});
+  ye(() => {
+    for (const r of l.items) {
+      if (!r.totalCost)
+        continue;
+      const e = Wt(r.sku, r.quantity, r.measurement, {
+        supplier: l.supplier
+      }), s = r.totalCost ?? Ye.reset();
+      e ? d[r.sku._id] = e.amount !== s.amount || e.precision !== s.precision : d[r.sku._id] = !0;
+    }
+  });
+  const o = [
+    {
+      id: "Code",
+      header: () => a("inventory.transfer.form.items.table.Code"),
+      accessorKey: "code",
+      size: 96,
+      cell(r) {
+        const e = r.row.original;
+        return te(fe.FmTextField, {
+          modelValue: e.code,
+          "onUpdate:modelValue": (s) => {
+            l.updateItem({
+              ...e,
+              code: s
+            });
+          },
+          key: e.sku._id,
+          rules: [xe()],
+          labelMark: "required"
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Name",
+      header: () => a("inventory.transfer.form.items.table.Name"),
+      minSize: 300,
+      cell(r) {
+        const e = r.row.original;
+        return te(fe.FmTextField, {
+          modelValue: e.name,
+          "onUpdate:modelValue": (s) => {
+            l.updateItem({
+              ...e,
+              name: s
+            });
+          },
+          key: e.sku._id,
+          rules: [xe()],
+          labelMark: "required"
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "DefaultAmount",
+      header: () => a("inventory.transfer.form.items.table.DefaultAmount"),
+      minSize: 200,
+      cell(r) {
+        var _;
+        const e = r.row.original, s = he(), f = s.skuById[e.sku._id], y = s.unitById[(_ = f.unit) == null ? void 0 : _._id], b = y.measurements.find((h) => {
+          var m;
+          return ((m = e.measurement) == null ? void 0 : m.id) === h.id;
+        }), S = e.sku.unit._id !== f.unit._id || !y || e.measurement && !b;
+        return te(Ot, {
+          style: {
+            flex: "1 1 0%"
+          },
+          modelValue: {
+            amount: e.quantity ?? { amount: 1, precision: 0 },
+            // NOTE: leave this reading from row.sku.unit and row.measurement instead,
+            measurement: e.measurement ?? (e.sku.unit._id !== f.unit._id ? { ...e.sku.unit, id: "", conversion: { amount: 1, precision: 0 } } : null)
+          },
+          disabled: l.disabled,
+          key: e.sku._id,
+          unit: y,
+          "onUpdate:modelValue": (h) => {
+            l.updateItem({
+              ...e,
+              sku: f,
+              quantity: h.amount,
+              measurement: h.measurement
+            });
+          },
+          rules: [
+            At(e.quantityStep),
+            Dt(
+              +z(
+                e.minimumQuantity ?? {
+                  amount: 1,
+                  // NOTE: leave this reading from row.sku.unit and row.measurement instead,
+                  precision: Z(e.sku.unit, e.measurement)
+                }
+              )
+            ),
+            Et(
+              e.maximumQuantity ? +z(e.maximumQuantity) : 1 / 0
+            ),
+            function(m) {
+              return S ? "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(r) {
+        const e = r.row.original;
+        return te(ao, {
+          style: {
+            flex: "1 1 0%"
+          },
+          modelValue: {
+            min: e.minimumQuantity,
+            max: e.maximumQuantity
+          },
+          disabled: l.disabled,
+          key: e.sku._id,
+          unit: e.sku.unit,
+          "onUpdate:modelValue": (s) => {
+            const f = { ...e };
+            s != null && s.min && (f.minimumQuantity = s.min), s != null && s.max && (f.maximumQuantity = s.max), l.updateItem(f);
+          },
+          rules: [
+            lo(),
+            uo(e.quantityStep),
+            io(
+              +z({
+                amount: 1,
+                precision: Z(e.sku.unit, e.measurement)
+              }),
+              1 / 0
+            )
+          ],
+          disableUnit: !0,
+          applyDefaultRules: !0
+        });
+      }
+    },
+    {
+      id: "Step",
+      header: () => a("inventory.transfer.form.items.table.Step"),
+      minSize: 100,
+      cell(r) {
+        const e = r.row.original;
+        return te(fe.FmTextField, {
+          modelValue: z(e.quantityStep ?? Ye.reset(), !1),
+          key: e.sku._id,
+          "onUpdate:modelValue": (s) => {
+            l.updateItem({
+              ...e,
+              quantityStep: Vt(+s)
+            });
+          },
+          rules: [
+            _e({
+              amount: 1,
+              precision: Z(e.sku.unit, e.measurement)
+            }),
+            Pt(e.sku.unit, e.measurement)
+          ]
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Delete",
+      header: "",
+      cell(r) {
+        const e = r.row.original;
+        return te(fe.FmButton, {
+          class: "delete-button",
+          key: e.sku._id,
+          type: "button",
+          icon: "delete",
+          variant: "tertiary",
+          size: "md",
+          disabled: l.disabled,
+          onClick: () => {
+            l.deleteItem(e);
+          }
+        });
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ];
+  return {
+    columnDefs: N(() => rt().enableTotalCost && l.transferType === P.PURCHASE ? o : o.filter((e) => e.id !== "Cost"))
+  };
+}
+const co = { class: "flex flex-col gap-8 py-16" }, po = { class: "flex items-center" }, fo = { class: "flex-1 flex gap-1 items-center" }, yo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, vo = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ho = { class: "flex gap-8 w-full" }, go = { class: "flex-1 flex flex-col gap-4" }, bo = { class: "flex-1 flex flex-col gap-4" }, xo = { class: "flex gap-8 w-full" }, _o = { class: "flex-1 flex flex-col gap-4" }, ko = { class: "flex-1 flex flex-col gap-4" }, To = { class: "flex gap-8 w-full" }, $o = { class: "flex-1 flex flex-col gap-4" }, wo = /* @__PURE__ */ J({
+  __name: "TransferTemplateItem",
+  props: {
+    cellByColId: {},
+    row: {}
+  },
+  setup(l) {
+    const { t: a } = ee();
+    return (d, o) => {
+      var r, e, s, f, y, b, S, _, h, m, x, I, k, v, p, i, T, c, g, w, V, U, B, C, R, j, H, M, O, re;
+      const u = D("FmLabel");
+      return F(), E("div", co, [
+        n("div", po, [
+          n("div", fo, [
+            n("span", yo, " (" + A(d.row.original.sku.code) + ") ", 1),
+            n("span", vo, A(d.row.original.sku.name), 1)
+          ]),
+          n("div", null, [
+            $(t(G), {
+              render: (s = (e = (r = d.cellByColId.Delete) == null ? void 0 : r.column) == null ? void 0 : e.columnDef) == null ? void 0 : s.cell,
+              props: (y = (f = d.cellByColId.Delete) == null ? void 0 : f.getContext) == null ? void 0 : y.call(f)
+            }, null, 8, ["render", "props"])
+          ])
+        ]),
+        n("div", ho, [
+          n("div", go, [
+            $(u, {
+              label: t(a)(`inventory.transfer.form.items.table.${t(Q).Code}`)
+            }, null, 8, ["label"]),
+            $(t(G), {
+              render: (_ = (S = (b = d.cellByColId[t(Q).Code]) == null ? void 0 : b.column) == null ? void 0 : S.columnDef) == null ? void 0 : _.cell,
+              props: (m = (h = d.cellByColId[t(Q).Code]) == null ? void 0 : h.getContext) == null ? void 0 : m.call(h)
+            }, null, 8, ["render", "props"]),
+            o[0] || (o[0] = n("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ]),
+          n("div", bo, [
+            $(u, {
+              label: t(a)(`inventory.transfer.form.items.table.${t(Q).Name}`)
+            }, null, 8, ["label"]),
+            $(t(G), {
+              render: (k = (I = (x = d.cellByColId[t(Q).Name]) == null ? void 0 : x.column) == null ? void 0 : I.columnDef) == null ? void 0 : k.cell,
+              props: (p = (v = d.cellByColId[t(Q).Name]) == null ? void 0 : v.getContext) == null ? void 0 : p.call(v)
+            }, null, 8, ["render", "props"]),
+            o[1] || (o[1] = n("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ])
+        ]),
+        n("div", xo, [
+          n("div", _o, [
+            $(u, {
+              label: t(a)(`inventory.transfer.form.items.table.${t(Q).DefaultAmount}`)
+            }, null, 8, ["label"]),
+            $(t(G), {
+              render: (c = (T = (i = d.cellByColId[t(Q).DefaultAmount]) == null ? void 0 : i.column) == null ? void 0 : T.columnDef) == null ? void 0 : c.cell,
+              props: (w = (g = d.cellByColId[t(Q).DefaultAmount]) == null ? void 0 : g.getContext) == null ? void 0 : w.call(g)
+            }, null, 8, ["render", "props"]),
+            o[2] || (o[2] = n("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ]),
+          n("div", ko, [
+            $(u, {
+              label: t(a)(`inventory.transfer.form.items.table.${t(Q).Step}`)
+            }, null, 8, ["label"]),
+            $(t(G), {
+              render: (B = (U = (V = d.cellByColId[t(Q).Step]) == null ? void 0 : V.column) == null ? void 0 : U.columnDef) == null ? void 0 : B.cell,
+              props: (R = (C = d.cellByColId[t(Q).Step]) == null ? void 0 : C.getContext) == null ? void 0 : R.call(C)
+            }, null, 8, ["render", "props"]),
+            o[3] || (o[3] = n("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ])
+        ]),
+        n("div", To, [
+          n("div", $o, [
+            $(u, {
+              label: t(a)(`inventory.transfer.form.items.table.${t(Q).Limit}`)
+            }, null, 8, ["label"]),
+            $(t(G), {
+              render: (M = (H = (j = d.cellByColId[t(Q).Limit]) == null ? void 0 : j.column) == null ? void 0 : H.columnDef) == null ? void 0 : M.cell,
+              props: (re = (O = d.cellByColId[t(Q).Limit]) == null ? void 0 : O.getContext) == null ? void 0 : re.call(O)
+            }, null, 8, ["render", "props"]),
+            o[4] || (o[4] = n("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ])
+        ])
+      ]);
+    };
+  }
+}), So = { class: "flex flex-col gap-16" }, Fo = { class: "flex flex-col gap-24" }, Co = { class: "flex flex-col gap-16" }, Ro = { class: "flex items-center" }, Io = { class: "flex flex-col" }, Mo = { class: "flex flex-col gap-16" }, Oo = { class: "flex" }, Ao = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, Do = /* @__PURE__ */ J({
+  __name: "TransferTemplateForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  setup(l, { expose: a }) {
+    const d = l, o = lt(), { t: u } = ee(), r = ie(), e = he(), s = ge();
+    ve(
+      () => d.modelValue,
+      (c) => {
+        console.log("TransferTemplateForm.model", c);
+      }
+    ), r.watchLocation(async () => {
+      location && (o.purchaseOrder.supplier || (o.purchaseOrder.supplier = s.suppliers.find((c) => c) ?? o.purchaseOrder.supplier));
+    });
+    const f = st(), y = Gt(
+      () => o.purchaseOrder,
+      (c) => {
+        o.purchaseOrder = {
+          ...o.purchaseOrder,
+          supplier: c.supplier ?? (o == null ? void 0 : o.purchaseOrder.supplier)
+        };
+      }
+    ), b = N({
+      get() {
+        var c, g;
+        return typeof ((g = (c = o.purchaseOrder) == null ? void 0 : c.supplier) == null ? void 0 : g.internal) == "string" ? P.TRANSFER : P.PURCHASE;
+      },
+      set(c) {
+        var w, V;
+        const g = typeof ((V = (w = o.purchaseOrder) == null ? void 0 : w.supplier) == null ? void 0 : V.internal) == "string" ? P.TRANSFER : P.PURCHASE;
+        c !== g && (o.purchaseOrder.supplier = c === P.PURCHASE ? y.locationOptionsTypePurchase.value[0] : y.locationOptionsTypeTransfer.value[0]);
+      }
+    }), S = N(() => y.transferLocationOptions.value), _ = N({
+      get() {
+        var c;
+        return (c = o.purchaseOrder.supplier) == null ? void 0 : c._id;
+      },
+      set(c) {
+        y.transferLocationModel.value = c;
+      }
+    }), {
+      promptSelectLocations: h,
+      columnDefs: m,
+      rowData: x
+    } = Yt({
+      getLocations() {
+        return o.locations;
+      },
+      setLocations(c) {
+        o.locations = c;
+      }
+    });
+    function I() {
+      var c, g;
+      return (c = o.locations) != null && c.find((w) => {
+        var V, U;
+        return ((V = w.doc) == null ? void 0 : V._id) === ((U = o.purchaseOrder.supplier) == null ? void 0 : U._id);
+      }) ? `Location ${(g = o.purchaseOrder.supplier) == null ? void 0 : g.name} must be removed because template cannot be used to transfer to itself.` : !0;
+    }
+    const k = N({
+      get() {
+        return o.purchaseOrder.remark ?? void 0;
+      },
+      set(c) {
+        o.purchaseOrder.remark = c;
+      }
+    }), v = L();
+    a({
+      validateInputs: () => {
+        var c, g;
+        (g = (c = v.value) == null ? void 0 : c.validateInputs) == null || g.call(c);
+      },
+      resetInputsValidation: () => {
+        var c, g;
+        (g = (c = v.value) == null ? void 0 : c.resetInputsValidation) == null || g.call(c);
+      },
+      resetInputs: () => {
+        var c, g;
+        (g = (c = v.value) == null ? void 0 : c.resetInputs) == null || g.call(c);
+      }
+    });
+    const p = mo({
+      updateItem: (c) => {
+        o.purchaseOrder.items = o.purchaseOrder.items.map((g) => g.sku._id !== c.sku._id ? g : c);
+      },
+      deleteItem: (c) => {
+        o.purchaseOrder.items = o.purchaseOrder.items.filter(
+          (g) => g.sku._id !== c.sku._id
+        );
+      },
+      get supplier() {
+        return o.purchaseOrder.supplier;
+      },
+      get items() {
+        return o.purchaseOrder.items;
+      },
+      get transferType() {
+        return P.PURCHASE;
+      },
+      get disabled() {
+        return d.disabled;
+      }
+    }), i = N(() => p.columnDefs.value);
+    function T() {
+      const c = e.skus.map((w) => ({
+        label: w.name,
+        sublabel: w.code,
+        value: w
+      })), g = c.filter((w) => {
+        var V;
+        return (V = o.purchaseOrder.items) == null ? void 0 : V.find((U) => U.sku._id === w.value._id);
+      }).map((w) => w.value);
+      f.open({
+        title: u("inventory.transfer.form.items.selectItem"),
+        closeButton: !0,
+        contentComponent: Nt,
+        contentComponentProps: {
+          modelValue: g,
+          items: c,
+          virtualScroll: !0
+        },
+        primaryActions: {
+          text: u("common.confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: u("common.close"),
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((w) => {
+        const V = o.purchaseOrder.items ?? [], U = w.map((B) => {
+          const C = V.find((H) => H.sku._id === B._id);
+          if (C)
+            return C;
+          const R = { amount: 1, precision: Z(B.unit) };
+          return {
+            sku: B,
+            code: B.code,
+            name: B.name,
+            quantity: R,
+            minimumQuantity: R,
+            maximumQuantity: Lt(R, {
+              amount: 100,
+              precision: 0
+            }),
+            quantityStep: R
+          };
+        });
+        U.sort((B, C) => B.sku.code.localeCompare(C.sku.code)), o.purchaseOrder.items = U;
+      });
+    }
+    return (c, g) => {
+      const w = D("FmTextField"), V = D("FmSelect"), U = D("FmTextarea"), B = D("FmButton"), C = D("FmTable"), R = D("FmFormGroup"), j = D("FmForm");
+      return F(), W(j, {
+        ref_key: "formRef",
+        ref: v,
+        class: "flex flex-col gap-32",
+        disabled: c.disabled
+      }, {
+        default: q(() => {
+          var H;
+          return [
+            n("div", So, [
+              n("div", Fo, [
+                $(w, {
+                  label: t(u)("inventory.transfer.form.name"),
+                  "label-mark": "required",
+                  modelValue: t(o).name,
+                  "onUpdate:modelValue": g[0] || (g[0] = (M) => t(o).name = M),
+                  rules: [t(xe)()]
+                }, null, 8, ["label", "modelValue", "rules"]),
+                $(V, {
+                  label: t(u)("inventory.transfer.form.type.title"),
+                  "model-value": b.value,
+                  "onUpdate:modelValue": g[1] || (g[1] = (M) => b.value = M),
+                  items: [
+                    {
+                      label: t(u)("inventory.transfer.form.type.purchase"),
+                      value: t(P).PURCHASE,
+                      disabled: !t(y).locationOptionsTypePurchase.value.length,
+                      sublabel: t(y).locationOptionsTypePurchase.value.length ? void 0 : t(u)("inventory.transfer.form.noSupplierAvailable")
+                    },
+                    {
+                      label: t(u)("inventory.transfer.form.type.transfer"),
+                      value: t(P).TRANSFER,
+                      disabled: !t(y).locationOptionsTypeTransfer.value.length,
+                      sublabel: t(y).locationOptionsTypeTransfer.value.length ? void 0 : t(u)("inventory.transfer.form.noLocationAvailable")
+                    }
+                  ],
+                  rules: [t(_e)(1)(S.value)]
+                }, null, 8, ["label", "model-value", "items", "rules"]),
+                $(V, {
+                  label: b.value === t(P).PURCHASE ? t(u)("inventory.transfer.form.purchaseFrom") : t(u)("inventory.transfer.form.transferFrom"),
+                  modelValue: _.value,
+                  "onUpdate:modelValue": g[2] || (g[2] = (M) => _.value = M),
+                  items: S.value
+                }, {
+                  "menu-wrapper": q((M) => {
+                    var O;
+                    return [
+                      $(Kt, Xe(M, {
+                        items: S.value,
+                        "model-value": (O = c.modelValue.purchaseOrder.supplier) == null ? void 0 : O._id
+                      }), null, 16, ["items", "model-value"])
+                    ];
+                  }),
+                  _: 1
+                }, 8, ["label", "modelValue", "items"]),
+                $(w, {
+                  label: t(u)("inventory.transfer.form.reference"),
+                  "label-mark": "optional",
+                  modelValue: t(o).purchaseOrder.ref,
+                  "onUpdate:modelValue": g[3] || (g[3] = (M) => t(o).purchaseOrder.ref = M)
+                }, null, 8, ["label", "modelValue"]),
+                $(U, {
+                  label: t(u)("inventory.transfer.form.remark"),
+                  "label-mark": "optional",
+                  "max-length": 240,
+                  modelValue: k.value,
+                  "onUpdate:modelValue": g[4] || (g[4] = (M) => k.value = M),
+                  class: Y({ "text-fm-color-typo-disabled": c.disabled })
+                }, null, 8, ["label", "modelValue", "class"])
+              ])
+            ]),
+            n("div", Co, [
+              n("div", Ro, [
+                g[6] || (g[6] = n("div", { class: "flex-1 fm-typo-en-title-sm-600" }, "Locations", -1)),
+                $(B, {
+                  disabled: c.disabled,
+                  label: "Select location",
+                  "prepend-icon": "add",
+                  variant: "plain",
+                  class: "border-2 rounded-lg border-fm-color-primary",
+                  onClick: t(h)
+                }, null, 8, ["disabled", "onClick"])
+              ]),
+              $(C, {
+                "column-defs": t(m),
+                "row-data": t(x),
+                "shrink-at": 9999,
+                onRowClick: t(h),
+                "hide-footer": ""
+              }, null, 8, ["column-defs", "row-data", "onRowClick"]),
+              n("div", Io, [
+                $(R, {
+                  "model-value": [
+                    (H = d.modelValue.purchaseOrder.supplier) == null ? void 0 : H._id,
+                    ...d.modelValue.locations ?? []
+                  ].join(","),
+                  rules: [I]
+                }, null, 8, ["model-value", "rules"])
+              ])
+            ]),
+            n("div", Mo, [
+              n("div", Oo, [
+                n("div", Ao, A(t(u)("inventory.transfer.form.items.title")), 1),
+                $(B, {
+                  disabled: c.disabled,
+                  label: t(u)("inventory.transfer.form.items.addItem"),
+                  "prepend-icon": "add",
+                  variant: "plain",
+                  class: "border-2 rounded-lg border-fm-color-primary",
+                  onClick: g[5] || (g[5] = (M) => T()),
+                  size: "md"
+                }, null, 8, ["disabled", "label"])
+              ]),
+              (F(), W(C, {
+                "column-defs": i.value,
+                "row-data": t(o).purchaseOrder.items,
+                key: t(o).purchaseOrder.items.map((M) => M.sku._id).join("."),
+                "hide-footer": "",
+                "page-size": t(o).purchaseOrder.items.length
+              }, {
+                "list-row": q((M) => [
+                  (F(), W(it, {
+                    row: M,
+                    key: t(o).purchaseOrder.items.map((O) => O.sku._id).join(".")
+                  }, {
+                    default: q((O) => [
+                      $(wo, {
+                        row: M,
+                        "cell-by-col-id": O
+                      }, null, 8, ["row", "cell-by-col-id"])
+                    ]),
+                    _: 2
+                  }, 1032, ["row"]))
+                ]),
+                _: 1
+              }, 8, ["column-defs", "row-data", "page-size"])),
+              $(R, {
+                "model-value": t(o).purchaseOrder.items.length,
+                rules: [t(_e)(1)]
+              }, null, 8, ["model-value", "rules"])
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), Eo = { class: "flex items-center" }, Vo = { class: "fm-typo-en-title-md-800" }, Po = { class: "flex gap-4" }, No = /* @__PURE__ */ J({
+  __name: "TransferTemplateDialog",
+  props: {
+    mode: {},
+    modelValue: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(l, { expose: a, emit: d }) {
+    var p;
+    const o = l, u = d, r = St(), e = ke(), { t: s } = ee(), f = at(o, "show");
+    function y() {
+      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 b = L(o.modelValue ?? y()), S = L(((p = o.modelValue) == null ? void 0 : p._id) ?? `${Math.random()}`);
+    ve(
+      () => o.show,
+      (i) => {
+        var T;
+        i && (b.value = o.modelValue ?? y(), S.value = ((T = o.modelValue) == null ? void 0 : T._id) ?? `${Math.random()}`);
+      }
+    );
+    const _ = L(!1), h = N(() => {
+      switch (o.mode) {
+        case se.READ:
+          return "";
+        case se.CREATE:
+          return s("inventory.transfer.template.create.title");
+        case se.UPDATE:
+          return s("inventory.transfer.template.update.title");
+      }
+      return "";
+    }), m = L();
+    a({
+      validateInputs: () => {
+        var i, T;
+        (T = (i = m.value) == null ? void 0 : i.validateInputs) == null || T.call(i);
+      },
+      resetInputsValidation: () => {
+        var i, T;
+        (T = (i = m.value) == null ? void 0 : i.resetInputsValidation) == null || T.call(i);
+      },
+      resetInputs: () => {
+        var i, T;
+        (T = (i = m.value) == null ? void 0 : i.resetInputs) == null || T.call(i);
+      }
+    });
+    async function x() {
+      var T, c;
+      const i = b.value;
+      if (i) {
+        _.value = !0, (((T = i.purchaseOrder.supplier) == null ? void 0 : T.internal) === ne.enum.warehouse || ((c = i.purchaseOrder.supplier) == null ? void 0 : c.internal) === ne.enum.restaurant) && (i.purchaseOrder.items = i.purchaseOrder.items.map(
+          ({ totalCost: g, ...w }) => w
+        ));
+        try {
+          await r.createTemplate(i), await new Promise((g) => setTimeout(g, 1e3)), e.open({
+            title: s("inventory.transfer.template.create.success"),
+            message: s("inventory.transfer.template.create.successMessage"),
+            type: "success"
+          }), u("update:show", !1), u("submitted");
+        } catch (g) {
+          e.open({
+            title: s("inventory.transfer.template.create.error"),
+            message: s("inventory.transfer.template.create.errorMessage"),
+            type: "error"
+          }), console.error("Error in creating transfer template", g);
+        } finally {
+          _.value = !1;
+        }
+      }
+    }
+    async function I() {
+      var T, c;
+      const i = b.value;
+      if (i) {
+        _.value = !0, (((T = i.purchaseOrder.supplier) == null ? void 0 : T.internal) === ne.enum.warehouse || ((c = i.purchaseOrder.supplier) == null ? void 0 : c.internal) === ne.enum.restaurant) && (i.purchaseOrder.items = i.purchaseOrder.items.map(
+          ({ totalCost: g, ...w }) => w
+        ));
+        try {
+          await r.updateTemplate(i), await new Promise((g) => setTimeout(g, 1e3)), e.open({
+            title: s("inventory.transfer.template.update.success"),
+            message: s("inventory.transfer.template.update.successMessage"),
+            type: "success"
+          }), u("update:show", !1), u("submitted");
+        } catch (g) {
+          e.open({
+            title: s("inventory.transfer.template.update.error"),
+            message: s("inventory.transfer.template.update.errorMessage"),
+            type: "error"
+          }), console.error("Error in updating transfer template", g);
+        } finally {
+          _.value = !1;
+        }
+      }
+    }
+    function k() {
+      switch (o.mode) {
+        case se.CREATE:
+          return x();
+        case se.UPDATE:
+          return I();
+      }
+    }
+    function v() {
+      var i, T;
+      (T = (i = m.value) == null ? void 0 : i.validateInputs) == null || T.call(i);
+    }
+    return (i, T) => {
+      const c = D("FmButton"), g = D("FmSideSheet");
+      return F(), W(g, {
+        modelValue: t(f),
+        "onUpdate:modelValue": T[2] || (T[2] = (w) => et(f) ? f.value = w : null),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 1200
+      }, {
+        "side-sheet-header": q(() => [
+          n("div", Eo, [
+            n("div", Vo, A(h.value), 1)
+          ])
+        ]),
+        default: q(() => [
+          (F(), W(Do, {
+            class: "w-full",
+            ref_key: "formRef",
+            ref: m,
+            onValidationSuccess: k,
+            "model-value": b.value,
+            "onUpdate:modelValue": T[0] || (T[0] = (w) => b.value = w),
+            disabled: _.value,
+            key: S.value
+          }, null, 8, ["model-value", "disabled"]))
+        ]),
+        "side-sheet-footer": q(() => [
+          n("div", Po, [
+            $(c, {
+              loading: _.value,
+              label: t(s)("common.save"),
+              onClick: v
+            }, null, 8, ["loading", "label"]),
+            $(c, {
+              disabled: _.value,
+              variant: "tertiary",
+              label: t(s)("common.close"),
+              onClick: T[1] || (T[1] = (w) => u("update:show", !1))
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Lo = { class: "flex flex-col gap-16 w-full h-full overflow-y-auto" }, Bo = { class: "flex justify-between" }, Uo = { class: "fm-typo-en-body-lg-600" }, qo = { class: "fm-status-badge fm-status-badge-info-secondary" }, Qo = { class: "flex flex-col gap-8" }, Ho = { class: "flex flex-col gap-4" }, zo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, jo = { class: "flex gap-1" }, Wo = { class: "fm-typo-en-body-lg-600" }, Go = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, Ko = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Yo = { class: "fm-typo-en-body-lg-600" }, Zo = {
+  key: 1,
+  class: "flex flex-col gap-4"
+}, Jo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Xo = { class: "fm-typo-en-body-lg-600" }, en = {
+  key: 2,
+  class: "flex flex-col gap-4"
+}, tn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, on = { class: "fm-typo-en-body-lg-600" }, nn = { class: "border border-fm-color-neutral-gray-200 fm-corner-radius-lg p-16" }, rn = { class: "flex flex-col gap-8" }, sn = { class: "fm-typo-en-body-lg-600" }, an = { class: "flex w-full gap-4" }, ln = { class: "grow fm-typo-en-body-lg-400 line-clamp-2" }, un = { class: "fm-typo-en-body-lg-600 shrink-0" }, mn = { class: "flex w-full gap-4 fm-typo-en-body-sm-400" }, cn = { class: "grow fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, dn = {
+  key: 0,
+  class: "shrink-0 fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+}, pn = {
+  key: 0,
+  class: "flex gap-4 items-center"
+}, fn = { class: "flex flex-col gap-12" }, yn = { class: "flex flex-col gap-8" }, vn = { class: "flex gap-8 xs:flex-col" }, hn = /* @__PURE__ */ J({
+  __name: "TransferTemplateDetails",
+  props: {
+    template: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "action:edit"],
+  setup(l, { emit: a }) {
+    const d = l, o = a, u = rt(), { t: r } = ee(), e = N(() => {
+      var _;
+      return (_ = d.template) == null ? void 0 : _.purchaseOrder;
+    }), s = [
+      { accessorKey: "name", header: () => "Name" },
+      { accessorKey: "type", header: () => "Type" }
+    ], f = L(""), y = N(
+      () => {
+        var _, h, m, x;
+        return ((h = (_ = e.value) == null ? void 0 : _.supplier) == null ? void 0 : h.internal) === "restaurant" || ((x = (m = e.value) == null ? void 0 : m.supplier) == null ? void 0 : x.internal) === "warehouse" ? P.TRANSFER : P.PURCHASE;
+      }
+    ), b = L(!0), S = at(d, "show");
+    return (_, h) => {
+      var T;
+      const m = D("FmMenuDivider"), x = D("FmCard"), I = D("FmIcon"), k = D("FmTextField"), v = D("FmTable"), p = D("FmButton"), i = D("FmSideSheet");
+      return F(), W(i, {
+        header: t(r)("inventory.transfer.template.details.view", { template: (T = _.template) == null ? void 0 : T.name }),
+        modelValue: t(S),
+        "onUpdate:modelValue": h[2] || (h[2] = (c) => et(S) ? S.value = c : null),
+        "dismiss-away": b.value,
+        "close-button": "",
+        "max-width": 500
+      }, {
+        default: q(() => {
+          var c, g;
+          return [
+            n("div", Lo, [
+              n("div", null, [
+                $(x, {
+                  variant: "outlined",
+                  class: "flex flex-col gap-8 px-12 py-16"
+                }, {
+                  default: q(() => {
+                    var w, V, U, B, C, R, j;
+                    return [
+                      n("div", Bo, [
+                        n("div", Uo, A(t(r)("inventory.transfer.template.details.templateSummary")), 1),
+                        n("div", qo, A(t(r)(
+                          `inventory.transfer.receiveRequest.details.type.${y.value.toLocaleLowerCase("en-US")}`
+                        )), 1)
+                      ]),
+                      $(m),
+                      n("div", Qo, [
+                        n("div", Ho, [
+                          n("div", zo, [
+                            n("div", jo, A(t(r)("inventory.transfer.receiveRequest.details.createdAt")), 1)
+                          ]),
+                          n("div", Wo, A(t(Zt)(((w = _.template) == null ? void 0 : w._id) ?? "")), 1)
+                        ]),
+                        (U = (V = e.value) == null ? void 0 : V.supplier) != null && U.name ? (F(), E("div", Go, [
+                          n("div", Ko, A(t(r)("inventory.transfer.receiveRequest.details.from")), 1),
+                          n("div", Yo, A((C = (B = e.value) == null ? void 0 : B.supplier) == null ? void 0 : C.name), 1)
+                        ])) : K("", !0),
+                        (R = e.value) != null && R.ref ? (F(), E("div", Zo, [
+                          n("div", Jo, A(t(r)("inventory.transfer.receiveRequest.details.reference")), 1),
+                          n("div", Xo, A(e.value.ref), 1)
+                        ])) : K("", !0),
+                        (j = e.value) != null && j.remark ? (F(), E("div", en, [
+                          n("div", tn, A(t(r)("inventory.transfer.receiveRequest.details.remark")), 1),
+                          n("div", on, A(e.value.remark), 1)
+                        ])) : K("", !0)
+                      ])
+                    ];
+                  }),
+                  _: 1
+                })
+              ]),
+              n("div", nn, [
+                n("div", rn, [
+                  n("div", sn, A(t(r)("inventory.transfer.receiveRequest.details.requestedItems")), 1),
+                  (F(!0), E(X, null, le(((c = e.value) == null ? void 0 : c.items) ?? [], (w) => (F(), E("div", {
+                    key: w.code,
+                    class: "flex flex-col"
+                  }, [
+                    n("div", an, [
+                      n("div", ln, A(w.name), 1),
+                      h[3] || (h[3] = n("div", { class: "flex-1 min-w-32" }, null, -1)),
+                      n("div", un, A(t(Ft)(w.quantity, w.sku.unit, w.measurement)), 1)
+                    ]),
+                    n("div", mn, [
+                      n("div", cn, A(w.code), 1),
+                      w.totalCost && t(u).enableTotalCost ? (F(), E("div", dn, " (" + A(t(Bt)(w.totalCost)) + ") ", 1)) : K("", !0)
+                    ]),
+                    t(Ct)(w) ? (F(), E("div", pn, [
+                      $(I, {
+                        name: "error",
+                        color: "system-error-300",
+                        size: "sm"
+                      }),
+                      h[4] || (h[4] = n("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))
+                    ])) : K("", !0)
+                  ]))), 128))
+                ])
+              ]),
+              h[6] || (h[6] = n("div", null, null, -1)),
+              h[7] || (h[7] = n("div", null, null, -1)),
+              n("div", fn, [
+                h[5] || (h[5] = n("div", { class: "flex flex-col" }, [
+                  n("div", { class: "fm-typo-en-body-lg-600" }, "Enabled locations"),
+                  n("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " This template is only usable for the following locations. ")
+                ], -1)),
+                n("div", yn, [
+                  $(k, {
+                    modelValue: f.value,
+                    "onUpdate:modelValue": h[0] || (h[0] = (w) => f.value = w),
+                    placeholder: "Filter locations",
+                    "prepend-icon": "search"
+                  }, null, 8, ["modelValue"]),
+                  $(v, {
+                    "hide-footer": "",
+                    style: { height: "500px" },
+                    "column-defs": s,
+                    "search-value": f.value,
+                    "row-data": ((g = d.template) == null ? void 0 : g.locations) ?? [{ name: "All locations" }]
+                  }, null, 8, ["search-value", "row-data"])
+                ])
+              ])
+            ])
+          ];
+        }),
+        "side-sheet-footer": q(() => [
+          n("div", vn, [
+            $(p, {
+              label: t(r)("common.edit"),
+              onClick: h[1] || (h[1] = (c) => o("action:edit")),
+              variant: "tertiary"
+            }, null, 8, ["label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["header", "modelValue", "dismiss-away"]);
+    };
+  }
+});
+var Te = /* @__PURE__ */ ((l) => (l.Source = "Source", l.Destination = "Destination", l.Ingredient = "Ingredient", l))(Te || {});
+function gn(l) {
+  var o;
+  const a = l.sku;
+  return {
+    code: a.code,
+    name: a.name,
+    unit: ((o = a.unit.measurements.find((u) => u.id === a.trackingMeasurement)) == null ? void 0 : o.abbrev) ?? a.unit.abbrev,
+    defaultQuantity: +z(l.quantity),
+    minimumQuantity: +z(l.minimumQuantity),
+    maximumQuantity: +z(l.maximumQuantity),
+    quantityStep: +z(l.quantityStep)
+  };
+}
+function dt() {
+  return [
+    {
+      id: "code",
+      name: "Code"
+    },
+    {
+      id: "name",
+      name: "Name"
+    },
+    {
+      id: "unit",
+      name: "Unit"
+    },
+    {
+      id: "defaultQuantity",
+      name: "Default Quantity"
+    },
+    {
+      id: "minimumQuantity",
+      name: "Minimum Quantity"
+    },
+    {
+      id: "maximumQuantity",
+      name: "Maximum Quantity"
+    },
+    {
+      id: "quantityStep",
+      name: "Quantity Step"
+    }
+  ];
+}
+function bn(l) {
+  var s;
+  const d = tt().currentBusiness.value, u = (s = l.map((f) => {
+    var m;
+    const y = f.purchaseOrder.items.map(gn), b = dt(), S = [
+      ["Template ID", f._id],
+      ["Template name", f.name],
+      ["Business name", d == null ? void 0 : d.name],
+      ["Business ID", d == null ? void 0 : d._id],
+      ["Menu version", d == null ? void 0 : d.menuVersion],
+      [
+        "Purchase/Transfer",
+        typeof f.purchaseOrder.supplier.internal == "string" ? P.TRANSFER : P.PURCHASE
+      ],
+      [
+        "Transfer from",
+        `${f.purchaseOrder.supplier.name} (${[
+          f.purchaseOrder.supplier.internal,
+          f.purchaseOrder.supplier._id
+        ].filter((x) => x).join("_")})`
+      ],
+      ["Location codes", ...((m = f.locations) == null ? void 0 : m.map((x) => `${x.name} (${x.dbName})`)) ?? ["All"]],
+      ["Reference", f.purchaseOrder.ref ?? ""],
+      ["Remark", f.purchaseOrder.remark ?? ""],
+      [],
+      b.map((x) => x.name),
+      ...y.map((x) => b.map((I) => x[I.id]))
+    ], _ = b.map((x) => `system:${x.id}`), h = ae(S, _);
+    return { name: f.name, sheet: h };
+  }).reduce(
+    (f, y) => {
+      var S;
+      const b = y.name.slice(0, 12);
+      return (S = f.sheetOccurence)[b] ?? (S[b] = 0), f.sheetOccurence[b] += 1, f.sheets[`${b} (${f.sheetOccurence[b]})`] = y.sheet, f;
+    },
+    {
+      sheets: {},
+      sheetOccurence: {}
+    }
+  )) == null ? void 0 : s.sheets, r = `${d == null ? void 0 : d.name} transfer templates (${Ut(/* @__PURE__ */ new Date())}).xlsx`, e = ut(u);
+  return mt(e, r), r;
+}
+function xn() {
+  const l = tt(), a = ge(), d = ie(), o = he(), u = l.currentBusiness.value, r = dt(), e = [
+    ["Template ID", "(System ID, leave empty to create new)"],
+    ["Template Name", "New template"],
+    ["Business name", u == null ? void 0 : u.name],
+    ["Business ID", u == null ? void 0 : u._id],
+    ["Menu version", u == null ? void 0 : u.menuVersion],
+    ["Purchase/Transfer", "Purchase"],
+    ["Transfer from", "(refer to source list)"],
+    ["Location codes", "All", "(or fill location name by cell, refer to destination list)"],
+    ["Reference:"],
+    ["Remark:"],
+    [],
+    r.map((m) => m.name)
+  ], s = r.map((m) => `system:${m.id}`), f = ae(e, s), y = ae(
+    [
+      ...a.businessSuppliers.map((m) => [
+        `${m.name} (${m._id})`,
+        "Purchase",
+        m.address.line1,
+        m.address.line2,
+        m.address.city,
+        m.address.postcode,
+        m.address.state,
+        m.address.country
+      ]),
+      ...d.locations.map((m) => {
+        var x, I, k, v, p, i;
+        return [
+          `${m.name} (${m.dbName})`,
+          "Transfer",
+          (x = m.doc.profile.address) == null ? void 0 : x.line1,
+          (I = m.doc.profile.address) == null ? void 0 : I.line2,
+          (k = m.doc.profile.address) == null ? void 0 : k.city,
+          (v = m.doc.profile.address) == null ? void 0 : v.postcode,
+          (p = m.doc.profile.address) == null ? void 0 : p.state,
+          (i = m.doc.profile.address) == null ? void 0 : i.country
+        ];
+      })
+    ],
+    ["Name", "Type", "Line 1", "Line 2", "City", "Postal", "State", "Country"]
+  ), b = ae(
+    d.locations.map((m) => {
+      var x, I, k, v, p, i;
+      return [
+        `${m.name} (${m.dbName})`,
+        (x = m.doc.profile.address) == null ? void 0 : x.line1,
+        (I = m.doc.profile.address) == null ? void 0 : I.line2,
+        (k = m.doc.profile.address) == null ? void 0 : k.city,
+        (v = m.doc.profile.address) == null ? void 0 : v.postcode,
+        (p = m.doc.profile.address) == null ? void 0 : p.state,
+        (i = m.doc.profile.address) == null ? void 0 : i.country
+      ];
+    }),
+    ["Name", "Line 1", "Line 2", "City", "Postal", "State", "Country"]
+  ), S = ae(
+    o.skus.map((m) => [
+      m.code,
+      m.name,
+      m.unit.abbrev,
+      ...m.unit.measurements.map((x) => x.abbrev)
+    ]),
+    ["Code", "Name", "Base unit", "Measurements"]
+  ), _ = ut({
+    Template: f,
+    Source: y,
+    Destination: b,
+    Ingredient: S
+  }), h = `${u == null ? void 0 : u.name} transfer templates import.xlsx`;
+  return mt(_, h), h;
+}
+function _n(l, a) {
+  const d = new Array(), o = /(.*) \(((supplier_|warehouse_|restaurant_).{24,})\)/, r = ie().locationByDbName, s = ge().supplierById, f = l.trim(), y = o.exec(f);
+  if (!y)
+    return d.push(`Transfer from location value of ${f} cannot be read.`), {
+      errors: d
+    };
+  const b = y[1], S = y[2];
+  let _;
+  if (S.startsWith("supplier"))
+    _ = s[S], a !== P.PURCHASE && d.push(`Expected transfer type Purchase but found ${a} instead.`);
+  else {
+    const h = r[S];
+    if (!h)
+      return d.push(`Location (${b}) of id ${S} is not found.`), {
+        errors: d
+      };
+    b !== h.name && d.push(
+      `Location id ${S} has non-matching name. Found ${b} but expected ${h.name}`
+    ), _ = {
+      _id: h.doc._id,
+      name: h.name,
+      address: h.doc.profile.address ?? {
+        line1: "",
+        state: "",
+        country: "",
+        city: "",
+        postcode: "",
+        coordinates: [0, 0]
+      },
+      internal: S.split("_")[0] === "restaurant" ? ne.enum.restaurant : ne.enum.warehouse,
+      phoneNumber: h.doc.profile.phoneNo ?? "",
+      email: h.doc.profile.email ?? "",
+      _rev: "",
+      contactName: h.doc.profile.name ?? "",
+      registrationNumber: h.doc.profile.regNo ?? ""
+    };
+  }
+  return {
+    from: _,
+    errors: d
+  };
+}
+function kn(l) {
+  if (`${l[0]}`.toLocaleLowerCase() === "all")
+    return [];
+  const a = /(.*) \(((warehouse_|restaurant_).{24,})\)/, o = ie().locationByDbName;
+  return l.map((u) => {
+    const r = new Array(), e = u.trim(), s = a.exec(e);
+    if (!s)
+      return r.push(`Enabled location value of ${e} cannot be read.`), {
+        errors: r
+      };
+    const f = s[1], y = s[2], b = o[y];
+    return b ? (f !== b.name && r.push(
+      `Location id ${y} has non-matching name. Found ${f} but expected ${b.name}`
+    ), {
+      errors: r,
+      location: b
+    }) : (r.push(`Location (${f}) of id ${y} is not found.`), {
+      errors: r
+    });
+  });
+}
+function Tn(l) {
+  const [
+    a,
+    d,
+    o,
+    u,
+    r,
+    e,
+    s,
+    f,
+    y,
+    b,
+    S
+  ] = ct(l);
+  return {
+    id: `${d[1] ?? ""}`.trim(),
+    name: `${o[1] ?? ""}`.trim(),
+    type: `${s[1] ?? ""}`.trim().toLocaleLowerCase() === "transfer" ? P.TRANSFER : P.PURCHASE,
+    transferFrom: `${f[1] ?? ""}`.trim(),
+    locations: y.slice(1).map((_) => `${_}`.trim()).filter((_) => _),
+    reference: `${b[1] ?? ""}`.trim(),
+    remark: `${S[1] ?? ""}`.trim()
+  };
+}
+function $n(l) {
+  const [
+    a,
+    d,
+    o,
+    u,
+    r,
+    e,
+    s,
+    f,
+    y,
+    b,
+    S,
+    _,
+    h,
+    ...m
+  ] = ct(l);
+  if (!a || !a.length || a.some((p) => p.length && !p.startsWith("system:")))
+    throw new Error("Missing meta header. Excel file does not come from the template.");
+  const x = a.map((p) => p.split(":")[1]), k = [
+    "code",
+    "name",
+    "unit",
+    "defaultQuantity",
+    "minimumQuantity",
+    "maximumQuantity",
+    "quantityStep"
+  ].filter((p) => !x.includes(p));
+  if (k.length)
+    throw new Error(
+      `Missing meta headers (${k.join()}). Excel file does not come from the template.`
+    );
+  return m.map((p, i) => {
+    const T = {};
+    for (const c in x) {
+      const g = x[c];
+      Object.assign(T, { [g]: p[c] });
+    }
+    return {
+      index: i,
+      data: T
+    };
+  });
+}
+function wn(l, a, d) {
+  const u = he().skuByCode[l.code], r = new Array();
+  if (!u)
+    return r.push(`Cannot find ingredient with code (${l.code}) ${l.name}.`), {
+      index: a,
+      errors: r
+    };
+  if (d.filter((p) => p.data.code === l.code).length > 1)
+    return r.push(`Ingredient ${l.code} is defined twice.`), {
+      index: a,
+      errors: r
+    };
+  const e = u.unit, s = e == null ? void 0 : e.measurements.find((p) => p.abbrev === l.unit);
+  if (e.abbrev !== l.unit && !s) {
+    const p = `Cannot find unit measurement of symbol ${l.unit || "[empty]"} for ingredient (${l.code}) ${l.name}.`;
+    r.push(p);
+    const i = {
+      sku: u,
+      code: u.code,
+      name: u.name,
+      measurement: s,
+      quantity: { amount: 0, precision: 0 },
+      quantityStep: { amount: 0, precision: 0 },
+      minimumQuantity: { amount: 0, precision: 0 },
+      maximumQuantity: { amount: 0, precision: 0 }
+    };
+    return {
+      index: a,
+      errors: r,
+      templateItem: i
+    };
+  }
+  const f = oe(
+    l.quantityStep,
+    Z(e, s)
+  );
+  (Number.isNaN(Number(l.quantityStep)) || Number(l.quantityStep) <= 0) && r.push("Amount step must be more than 0");
+  const y = nt(f), b = oe(
+    l.minimumQuantity,
+    Z(e, s)
+  ), S = y(b);
+  typeof S == "string" && r.push(`Minimum amount: ${S}`);
+  const _ = oe(
+    l.maximumQuantity,
+    Z(e, s)
+  ), h = y(_);
+  typeof h == "string" && r.push(`Maximum amount: ${h}`), +l.minimumQuantity > +l.maximumQuantity && r.push("Minimum amount must be less than or equal to maximum amount");
+  const m = Qt(+l.minimumQuantity, +l.maximumQuantity), x = oe(
+    l.defaultQuantity,
+    Z(e, s)
+  ), I = y(x), k = m(`${l.defaultQuantity}`);
+  typeof I == "string" && r.push(`Default amount: ${I}`), typeof k == "string" && r.push(`Default amount: ${k}`);
+  const v = {
+    sku: u,
+    code: u.code,
+    name: u.name,
+    measurement: s,
+    quantity: x,
+    quantityStep: f,
+    minimumQuantity: b,
+    maximumQuantity: _
+  };
+  return {
+    index: a,
+    errors: r,
+    templateItem: v
+  };
+}
+function Sn(l) {
+  const a = l.SheetNames.filter(
+    (r) => !Object.values(Te).map(String).includes(r)
+  ), o = ot().templates, u = qt(o, "_id");
+  try {
+    return a.reduce(
+      (r, e) => {
+        var p;
+        const s = new Array(), f = l.Sheets[e], y = Tn(f), b = _n(y.transferFrom, y.type);
+        s.push(...b.errors);
+        const S = b.from, _ = kn(y.locations), h = _.filter((i) => i.location).map((i) => i.location);
+        s.push(..._.flatMap((i) => i.errors));
+        const m = $n(f).filter((i) => i.data.code), x = m.map(
+          (i, T) => wn(i.data, T, m)
+        );
+        s.push(
+          ...x.flatMap(
+            (i) => i.errors.map((T) => `(Excel row ${i.index + 14}) ${T}`)
+          )
+        );
+        const I = x.filter((i) => i.templateItem).map((i) => i.templateItem);
+        if (y.id) {
+          const i = u[y.id];
+          if (!i) {
+            const c = {
+              _id: y.id,
+              _rev: "",
+              name: y.name || `(unnamed from sheet ${e || "<unnamed sheet>"})`,
+              purchaseOrder: Fn()
+            };
+            return s.push(`Template ID ${y.id} is not found.`), r.importUpdateResult.push({
+              type: "update",
+              original: c,
+              template: c,
+              excelSheetName: e,
+              errors: s
+            }), r;
+          }
+          const T = {
+            type: "update",
+            original: i,
+            template: {
+              ...i,
+              name: y.name,
+              locations: h.length ? h : null,
+              purchaseOrder: {
+                ...i.purchaseOrder,
+                supplier: S ?? ((p = i.purchaseOrder) == null ? void 0 : p.supplier),
+                ref: y.reference,
+                remark: y.remark,
+                items: I
+              }
+            },
+            excelSheetName: e,
+            errors: s
+          };
+          return r.importUpdateResult.push(T), r;
+        }
+        const v = {
+          type: "create",
+          template: {
+            name: y.id,
+            locations: h,
+            purchaseOrder: {
+              supplier: S ?? pt(),
+              ref: y.reference,
+              remark: y.remark,
+              items: I
+            }
+          },
+          excelSheetName: e,
+          errors: s
+        };
+        return r.importCreateResult.push(v), r;
+      },
+      {
+        invalidExcel: !1,
+        importCreateResult: new Array(),
+        importUpdateResult: new Array()
+      }
+    );
+  } catch (r) {
+    return {
+      invalidExcel: !0,
+      invalidExcelMessage: (r == null ? void 0 : r.message) ?? "Invalid excel",
+      importCreateResult: [],
+      importUpdateResult: []
+    };
+  }
+}
+function pt() {
+  return {
+    _id: "",
+    name: "",
+    address: {
+      line2: void 0,
+      line1: "",
+      state: "",
+      city: "",
+      postcode: "",
+      country: ""
+    }
+  };
+}
+function Fn() {
+  return {
+    remark: void 0,
+    ref: void 0,
+    items: [],
+    supplier: pt()
+  };
+}
+const Cn = { class: "flex items-center gap-12 pl-8" }, Rn = { class: "flex flex-col" }, In = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex items-center gap-4" }, Mn = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, On = {
+  key: 0,
+  class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400"
+}, An = { key: 0 }, Je = /* @__PURE__ */ J({
+  __name: "TransferTemplateImportItem",
+  props: {
+    type: {},
+    name: {},
+    transferType: {},
+    locations: {},
+    items: {},
+    errors: {}
+  },
+  setup(l) {
+    return (a, d) => {
+      var r, e, s;
+      const o = D("FmIcon"), u = D("FmTooltip");
+      return F(), E("div", Cn, [
+        d[0] || (d[0] = n("div", null, "•", -1)),
+        n("div", Rn, [
+          n("div", In, [
+            n("div", {
+              class: Y({
+                "text-fm-color-system-error-300": a.errors.length
+              })
+            }, [
+              ht(A(a.name) + " ", 1),
+              n("span", Mn, " (" + A(t(Ht)(`${a.transferType}`)) + ") ", 1),
+              a.type === "create" ? (F(), E("span", On, "(new)")) : K("", !0)
+            ], 2),
+            a.errors.length ? (F(), E("div", An, [
+              $(u, { "z-index": 50 }, {
+                content: q(() => [
+                  n("ol", null, [
+                    (F(!0), E(X, null, le(a.errors, (f, y) => (F(), E("li", { key: y }, A(f), 1))), 128))
+                  ])
+                ]),
+                default: q(() => [
+                  $(o, {
+                    name: "error",
+                    size: "sm",
+                    color: "system-error-300"
+                  })
+                ]),
+                _: 1
+              })
+            ])) : K("", !0)
+          ]),
+          n("div", {
+            class: Y([
+              "fm-typo-en-body-sm-400",
+              {
+                "text-fm-color-system-error-200": a.errors.length,
+                "text-fm-color-typo-secondary": !a.errors.length
+              }
+            ])
+          }, A((r = a.locations) != null && r.length ? `${(e = a.locations) == null ? void 0 : e.length} locations` : "All locations") + ", " + A(`${(s = a.items) == null ? void 0 : s.length} items`), 3)
+        ])
+      ]);
+    };
+  }
+}), Dn = { class: "flex flex-col gap-24" }, En = {
+  key: 0,
+  class: "flex items-center gap-8"
+}, Vn = { class: "flex flex-col gap-8" }, Pn = { class: "line-clamp-2 text-ellipsis break-all" }, Nn = {
+  key: 2,
+  class: "shrink-0"
+}, Ln = {
+  key: 0,
+  class: "flex flex-col"
+}, Bn = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, Un = {
+  key: 0,
+  class: "max-h-[200px] overflow-y-auto flex flex-col gap-8"
+}, qn = { class: "fm-typo-en-body-lg-600" }, Qn = /* @__PURE__ */ J({
+  __name: "TransferTemplateImport",
+  setup(l) {
+    const a = L(null), d = zt(), o = ke(), u = L(!1), r = L(!1), e = ge();
+    ye(async () => {
+      r.value = !0;
+      try {
+        await e.readSuppliers().delayed(1e3);
+      } catch {
+        o.open({
+          title: "Something went wrong.",
+          message: "Error at reading suppliers list. Please try again.",
+          type: "error"
+        });
+      } finally {
+        r.value = !1;
+      }
+    });
+    const s = L(new Array()), f = L([]), y = L([]), b = N(
+      () => !!s.value.length || f.value.some((m) => m.errors.length) || y.value.some((m) => m.errors.length)
+    ), S = N(
+      () => !!f.value.length || !!y.value.length
+    ), { t: _ } = ee();
+    async function h(m) {
+      s.value = [], f.value = [], y.value = [];
+      try {
+        u.value = !0;
+        const [x] = await Promise.all([
+          Jt(m),
+          // fake buffer
+          new Promise((p) => setTimeout(p, 1e3))
+        ]);
+        if (!x.SheetNames.filter(
+          (p) => !Object.values(Te).map(String).includes(p)
+        ).find((p) => p)) {
+          s.value.push(_("inventory.ingredient.import.fileError.noSheet"));
+          return;
+        }
+        const v = Sn(x);
+        if (v.invalidExcel) {
+          s.value.push(
+            v.invalidExcelMessage ?? _("inventory.ingredient.import.fileError.invalidExcel")
+          );
+          return;
+        }
+        if (f.value = v.importCreateResult, y.value = v.importUpdateResult, !f.value.length && !y.value.length) {
+          s.value.push(_("inventory.ingredient.import.fileError.noData"));
+          return;
+        }
+        d.emitData(v);
+      } catch (x) {
+        o.open({
+          title: _("inventory.ingredient.import.fileError.unableToRead"),
+          message: x == null ? void 0 : x.message,
+          type: "error"
+        }), console.error("Error in reading file", x);
+      } finally {
+        s.value.length && o.open({
+          title: _("inventory.ingredient.import.fileError.invalidExcel"),
+          type: "error"
+        }), u.value = !1;
+      }
+    }
+    return ve(a, (m) => {
+      m && h(m);
+    }), (m, x) => {
+      const I = D("FmCircularProgress"), k = D("FmIcon"), v = D("FmButton");
+      return F(), E("div", Dn, [
+        x[2] || (x[2] = n("div", { class: "fm-typo-en-body-md-400" }, "Import transfer templates from excel sheets.", -1)),
+        r.value ? (F(), E("div", En, [
+          n("div", null, [
+            $(I, {
+              size: "md",
+              color: "neutral-gray-200"
+            })
+          ]),
+          x[1] || (x[1] = n("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, "Loading...", -1))
+        ])) : (F(), E(X, { key: 1 }, [
+          $(Xt, {
+            class: Y({
+              "w-full": !0,
+              "h-[200px]": !a.value
+            }),
+            accept: ".xlsx",
+            onFileUpload: x[0] || (x[0] = (p) => a.value = p),
+            label: t(_)("inventory.ingredient.import.uploadTemplate"),
+            "button-label": t(_)("inventory.ingredient.import.selectFile")
+          }, gt({ _: 2 }, [
+            a.value ? {
+              name: "default",
+              fn: q(({ openFileDialog: p }) => [
+                n("div", Vn, [
+                  n("div", {
+                    class: Y([
+                      "fm-corner-radius-md p-16 flex items-center gap-16",
+                      {
+                        "border border-fm-color-neutral-gray-100": u.value,
+                        "border border-fm-color-neutral-gray-200": !u.value && !b.value,
+                        "border border-fm-color-system-error-200": b.value
+                      }
+                    ])
+                  }, [
+                    u.value ? (F(), W(I, {
+                      key: 0,
+                      size: "md",
+                      color: "neutral-gray-200"
+                    })) : (F(), W(k, {
+                      key: 1,
+                      name: b.value ? "error" : "attach_file",
+                      outline: "",
+                      color: b.value ? "system-error-300" : void 0
+                    }, null, 8, ["name", "color"])),
+                    n("div", {
+                      class: Y([
+                        "fm-typo-en-body-md-400 flex-1 h-[36px] flex items-center",
+                        {
+                          "text-fm-color-typo-disabled": u.value,
+                          "text-fm-color-typo-primary": !u.value
+                        }
+                      ])
+                    }, [
+                      n("div", Pn, A(a.value.name), 1)
+                    ], 2),
+                    u.value ? K("", !0) : (F(), E("div", Nn, [
+                      $(v, {
+                        label: t(_)("inventory.ingredient.import.replaceFile"),
+                        variant: b.value ? "destructive" : "secondary",
+                        "prepend-icon": b.value ? void 0 : "autorenew",
+                        onClick: p
+                      }, null, 8, ["label", "variant", "prepend-icon", "onClick"])
+                    ]))
+                  ], 2),
+                  s.value.length ? (F(), E("div", Ln, [
+                    (F(!0), E(X, null, le(s.value, (i, T) => (F(), E("div", {
+                      key: T,
+                      class: "flex gap-8 items-center"
+                    }, [
+                      $(k, {
+                        name: "error",
+                        size: "sm",
+                        color: "system-error-300"
+                      }),
+                      n("div", Bn, A(i), 1)
+                    ]))), 128))
+                  ])) : K("", !0)
+                ])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["class", "label", "button-label"]),
+          S.value ? (F(), E("div", Un, [
+            n("div", qn, A(t(_)("inventory.ingredient.import.summary")), 1),
+            (F(!0), E(X, null, le(f.value, (p, i) => (F(), W(Je, {
+              key: i,
+              name: p.template.name,
+              "transfer-type": typeof p.template.purchaseOrder.supplier.internal == "string" ? t(P).TRANSFER : t(P).PURCHASE,
+              locations: p.template.locations,
+              items: p.template.purchaseOrder.items,
+              errors: p.errors,
+              type: "create"
+            }, null, 8, ["name", "transfer-type", "locations", "items", "errors"]))), 128)),
+            (F(!0), E(X, null, le(y.value, (p) => (F(), W(Je, {
+              key: p.template._id,
+              name: p.template.name,
+              "transfer-type": typeof p.template.purchaseOrder.supplier.internal == "string" ? t(P).TRANSFER : t(P).PURCHASE,
+              locations: p.template.locations,
+              items: p.template.purchaseOrder.items,
+              errors: p.errors,
+              type: "update"
+            }, null, 8, ["name", "transfer-type", "locations", "items", "errors"]))), 128))
+          ])) : K("", !0)
+        ], 64))
+      ]);
+    };
+  }
+}), Hn = { class: "flex-1 flex flex-col gap-8" }, zn = { class: "flex flex-col" }, jn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Wn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Gn = { class: "fm-typo-en-body-lg-400" }, Kn = { class: "fm-typo-en-body-lg-400 line-clamp-1" }, Yn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, fr = /* @__PURE__ */ J({
+  __name: "TransferTemplateView",
+  setup(l) {
+    const { t: a } = ee(), { createTemplate: d, viewTemplate: o, importTemplates: u } = Ge(), { templateDialogProps: r, templateDetailsProps: e } = Ze(Ge()), s = ot(), { loading: f, templates: y } = Ze(s), b = L(!1), S = Tt(), _ = ie(), { breakpoints: h } = jt(), m = ke(), x = st();
+    ye(s.fetchTemplates);
+    const I = N(
+      () => b.value || f.value || !_._currentLocation
+    ), k = N(() => y.value), v = L(""), p = N(() => h.value.xs || h.value.sm), i = N(() => p.value ? 10 : 20);
+    function T(C) {
+      switch (C) {
+        case Ke.Add:
+          return d();
+        case "import":
+          return w();
+      }
+    }
+    function c(C) {
+      return C;
+    }
+    function g() {
+      const C = bn(s.templates);
+      m.open({
+        title: a("inventory.ingredient.export.success"),
+        message: a("inventory.ingredient.export.filename", [C]),
+        type: "success"
+      });
+    }
+    function w() {
+      I.value || x.open({
+        title: a("inventory.ingredient.import.title"),
+        contentComponent: Qn,
+        overlay: !0,
+        closeButton: !0,
+        primaryActions: {
+          text: a("common.import"),
+          close: !1
+        },
+        secondaryActions: {
+          text: a("common.close"),
+          close: !0
+        },
+        tertiaryActions: {
+          text: a("inventory.ingredient.import.actions.downloadTemplate"),
+          close: !1,
+          variant: "plain"
+        }
+      }).onPrimary((C) => {
+        if (!C) {
+          m.open({
+            title: a("inventory.ingredient.import.error.noData"),
+            type: "error"
+          });
+          return;
+        }
+        if (!C.importCreateResult.length && !C.importUpdateResult.length) {
+          m.open({
+            title: a("inventory.ingredient.import.error.invalidContent"),
+            message: a("inventory.ingredient.import.error.noImportData"),
+            type: "error"
+          });
+          return;
+        }
+        if (C.importCreateResult.some((R) => R.errors.length) || C.importUpdateResult.some((R) => R.errors.length)) {
+          m.open({
+            title: a("inventory.ingredient.import.error.invalidContent"),
+            message: a("inventory.ingredient.import.error.hasErrors"),
+            type: "error"
+          });
+          return;
+        }
+        x.close(), V(C);
+      }).onTertiary(xn);
+    }
+    async function V(C) {
+      b.value = !0;
+      try {
+        const R = [
+          ...C.importCreateResult.map(
+            (O) => O.template
+          ),
+          ...C.importUpdateResult.map(
+            (O) => O.template
+          )
+        ], j = 100;
+        let H = 0;
+        const M = () => {
+          H += j, m.open({
+            title: a("inventory.ingredient.import.progress", [
+              Math.min(H, R.length),
+              R.length
+            ])
+          });
+        };
+        for (const O of R.chunk(100))
+          M(), await u(O);
+        m.open({
+          title: a("inventory.ingredient.import.success"),
+          type: "success"
+        });
+      } catch (R) {
+        m.open({
+          title: a("inventory.ingredient.import.error.failed"),
+          message: a("inventory.ingredient.import.error.systemMessage", [R == null ? void 0 : R.message]),
+          type: "error"
+        }), console.error("Error in importing skus", C, R);
+      } finally {
+        b.value = !1, s.fetchTemplates();
+      }
+    }
+    const U = N(() => [
+      { icon: "refresh", onClick: s.fetchTemplates },
+      { icon: "ios_share", onClick: g }
+    ]), B = N(() => [...[
+      {
+        label: a("inventory.transfer.template.create.title"),
+        value: Ke.Add,
+        isPrimary: !0,
+        prependIcon: "add"
+      }
+    ], { label: "Import templates", value: "import" }]);
+    return (C, R) => {
+      const j = D("FmTable");
+      return F(), E(X, null, [
+        $($t, {
+          title: t(a)("inventory.transfer.template.title2"),
+          actions: B.value,
+          "onClick:action": T
+        }, {
+          default: q(() => {
+            var H;
+            return [
+              n("div", {
+                class: Y([
+                  "flex flex-col gap-8 max-h-full",
+                  {
+                    "p-0": p.value,
+                    "px-24 ": !p.value
+                  }
+                ])
+              }, [
+                $(wt, {
+                  searchable: "",
+                  search: v.value,
+                  "onUpdate:search": R[0] || (R[0] = (M) => v.value = M),
+                  actions: U.value
+                }, null, 8, ["search", "actions"]),
+                (F(), W(j, {
+                  style: bt(t(S).tableHeight),
+                  "column-defs": t(s).columnDefs,
+                  "row-data": k.value,
+                  "search-value": v.value,
+                  loading: I.value,
+                  key: (H = t(_)._currentLocation) == null ? void 0 : H.dbName,
+                  onRowClick: R[1] || (R[1] = (M) => t(o)(M.original)),
+                  "page-size": i.value
+                }, {
+                  "list-row": q((M) => [
+                    $(it, {
+                      row: M,
+                      onRowClick: (O) => t(o)(O)
+                    }, {
+                      default: q((O) => {
+                        var re, $e, we, ue, Se, Fe, Ce, Re, me, Ie, Me, Oe, Ae, ce, De, Ee, Ve, Pe, Ne, Le, de, Be, Ue, qe, Qe, pe, He;
+                        return [
+                          n("div", Hn, [
+                            n("div", zn, [
+                              n("div", jn, [
+                                $(t(G), {
+                                  render: (we = ($e = (re = O._id) == null ? void 0 : re.column) == null ? void 0 : $e.columnDef) == null ? void 0 : we.cell,
+                                  props: (Se = (ue = O._id) == null ? void 0 : ue.getContext) == null ? void 0 : Se.call(ue)
+                                }, null, 8, ["render", "props"])
+                              ]),
+                              n("div", Wn, [
+                                $(t(G), {
+                                  render: (Re = (Ce = (Fe = O.name) == null ? void 0 : Fe.column) == null ? void 0 : Ce.columnDef) == null ? void 0 : Re.cell,
+                                  props: (Ie = (me = O.name) == null ? void 0 : me.getContext) == null ? void 0 : Ie.call(me)
+                                }, null, 8, ["render", "props"])
+                              ]),
+                              n("div", Gn, [
+                                $(t(G), {
+                                  render: (Ae = (Oe = (Me = O.supplier) == null ? void 0 : Me.column) == null ? void 0 : Oe.columnDef) == null ? void 0 : Ae.cell,
+                                  props: (De = (ce = O.supplier) == null ? void 0 : ce.getContext) == null ? void 0 : De.call(ce)
+                                }, null, 8, ["render", "props"])
+                              ]),
+                              n("div", null, A((Ee = M.original.locations) != null && Ee.length ? `Enabled for ${(Ve = M.original.locations) == null ? void 0 : Ve.length} outlets` : "Enabled for all outlets"), 1),
+                              n("div", Kn, A(M.original.purchaseOrder.items.length ? M.original.purchaseOrder.items.map((ft) => ft.name).join(", ") : "No items"), 1),
+                              n("div", Yn, [
+                                $(t(G), {
+                                  render: (Le = (Ne = (Pe = O.ref) == null ? void 0 : Pe.column) == null ? void 0 : Ne.columnDef) == null ? void 0 : Le.cell,
+                                  props: (Be = (de = O.ref) == null ? void 0 : de.getContext) == null ? void 0 : Be.call(de)
+                                }, null, 8, ["render", "props"])
+                              ])
+                            ]),
+                            n("div", null, [
+                              $(t(G), {
+                                render: (Qe = (qe = (Ue = O.type) == null ? void 0 : Ue.column) == null ? void 0 : qe.columnDef) == null ? void 0 : Qe.cell,
+                                props: (He = (pe = O.type) == null ? void 0 : pe.getContext) == null ? void 0 : He.call(pe)
+                              }, 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"]),
+        (F(), W(xt, { to: "body" }, [
+          $(hn, _t(kt(t(e))), null, 16),
+          $(No, Xe(t(r), {
+            onSubmitted: R[2] || (R[2] = (H) => t(s).fetchTemplates())
+          }), null, 16)
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  fr as default
+};