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

package/dist/TransferTemplateView-BIsn4jRY.js

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