@feedmepos/mf-inventory-portal 0.0.22-dev.4 → 0.0.22-dev.40

package/dist/TransferTemplateView-Bbvpuys7.js

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