@feedmepos/mf-inventory-portal 0.0.22-dev.7 → 0.0.22-dev.8

package/dist/TransferTemplateView-CUQSQR8U.js

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