@feedmepos/mf-inventory-portal 0.0.23-dev.11 → 0.0.23-dev.13

package/dist/TransferTemplateView-nQyS9duy.js

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