@feedmepos/mf-inventory-portal 0.0.25-dev.2 → 0.0.25-dev.21

package/dist/ReceiveRequestView-CApg7LGM.js

@@ -1,1876 +0,0 @@
-import { reactive as at, onMounted as Be, h as L, computed as q, defineComponent as pe, openBlock as S, createElementBlock as M, Fragment as ke, renderList as Ue, createElementVNode as o, toDisplayString as U, unref as e, resolveComponent as P, createVNode as d, withCtx as D, createCommentVNode as G, ref as N, createBlock as J, watch as _e, normalizeClass as W, normalizeStyle as ot, createTextVNode as Ee, nextTick as ct, mergeProps as Oe, isRef as Se, Teleport as mt } from "vue";
-import { b as Ne, $ as pt, m as Ge, j as ye, P as ft, a1 as ze, L as vt, ao as yt, A as Re, M as bt, n as lt, c as Ae, a8 as Le, G as ie, ap as gt, a as He, aq as _t, ar as kt, as as ht, H as Ct, u as je, at as xt, a0 as St, V as wt, au as Ft, E as nt, J as Dt, e as De, av as Ve, a2 as Je, z as $t, _ as Tt, B as Pt, O as We } from "./app-D0O4wr2X.js";
-import { u as rt, a as It, b as Vt, _ as Rt, g as At } from "./TransferDetails.vue_vue_type_script_setup_true_lang-D2skLe2M.js";
-import { _ as it, u as qt, i as Mt, e as Ut } from "./PremiumBadge.vue_vue_type_script_setup_true_lang-O1mYRa5W.js";
-import { u as Et } from "./useTabStorage-BkIVScW_.js";
-import { useBreakpoints as Ye, components as ve, FmButtonVariant as Ot, useSnackbar as qe, useDialog as Bt, useProxiedModel as Nt } from "@feedmepos/ui-library";
-import { P as j, u as ut } from "./format-unit-display-CMM6DZJj.js";
-import { _ as zt, F as Lt, a as Xe, b as Ht } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-5rldKjyh.js";
-import { c as re, u as jt, _ as Yt } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-Dg_7ELeT.js";
-import { useI18n as he } from "@feedmepos/mf-common";
-import { u as Ke } from "./supplier-CH4EwBZM.js";
-import { _ as Kt } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
-import { u as Qt } from "./vue-i18n-BcYt8MNZ.js";
-import "./array-hChJVZLE.js";
-var Y = /* @__PURE__ */ ((m) => (m.Code = "Code", m.Name = "Name", m.Amount = "Amount", m.Cost = "Cost", m.TotalCost = "TotalCost", m.Delete = "Delete", m))(Y || {});
-const et = () => {
-  const { t: m } = he();
-  return L(
-    it,
-    {
-      zIndex: 50,
-      class: "whitespace-nowrap"
-    },
-    m("inventory.transfer.form.items.table.Cost", [lt()])
-  );
-};
-function Zt(m) {
-  const { t: y } = he(), n = at({}), { breakpoints: i } = Ye(), b = Ae(), t = Ne();
-  Be(() => {
-    for (const u of m.items) {
-      if (!u.totalCost)
-        continue;
-      const a = re(u.sku, u.quantity, u.measurement, {
-        supplier: m.supplier
-      }), l = u.totalCost ?? pt.reset();
-      a ? n[u.sku._id] = a.amount !== l.amount || a.precision !== l.precision : n[u.sku._id] = !0;
-    }
-  });
-  function f(u) {
-    var l, v, k, h, _, x, F;
-    return !!(((v = (l = u.defaultCost) == null ? void 0 : l.costPerUnit) == null ? void 0 : v.amount) ?? ((F = (x = (_ = (h = (k = m.supplier) == null ? void 0 : k.supplyItems) == null ? void 0 : h.find((V) => V.skuId === u._id)) == null ? void 0 : _.defaultCost) == null ? void 0 : x.costPerUnit) == null ? void 0 : F.amount));
-  }
-  const g = [
-    {
-      id: "Code",
-      header: () => y("inventory.transfer.form.items.table.Code"),
-      accessorKey: "code",
-      size: 96,
-      cell(u) {
-        const a = u.row.original;
-        return t.isEnabled ? L(
-          ve.FmTooltip,
-          {
-            content: a.code,
-            placement: "top",
-            variant: "plain",
-            zIndex: 50
-          },
-          L(
-            "span",
-            {
-              class: "flex-auto line-clamp-2 text-ellipsis break-all"
-            },
-            a.code
-          )
-        ) : L(ve.FmTextField, {
-          modelValue: a.code,
-          "onUpdate:modelValue": (l) => {
-            m.updateItem({
-              ...a,
-              code: l
-            });
-          },
-          key: a.sku._id,
-          rules: [Ge()],
-          labelMark: "required"
-        });
-      },
-      enableSorting: !1
-    },
-    {
-      id: "Name",
-      header: () => y("inventory.transfer.form.items.table.Name"),
-      minSize: 300,
-      cell(u) {
-        const a = u.row.original;
-        return t.isEnabled ? L(
-          ve.FmTooltip,
-          {
-            content: a.name,
-            placement: "top",
-            variant: "plain",
-            zIndex: 50
-          },
-          L(
-            "span",
-            {
-              class: "flex-auto line-clamp-2 text-ellipsis break-all"
-            },
-            a.name
-          )
-        ) : L(ve.FmTextField, {
-          modelValue: a.name,
-          "onUpdate:modelValue": (l) => {
-            m.updateItem({
-              ...a,
-              name: l
-            });
-          },
-          key: a.sku._id,
-          rules: [Ge()],
-          labelMark: "required"
-        });
-      },
-      enableSorting: !1
-    },
-    {
-      id: "Amount",
-      header: () => y("inventory.transfer.form.items.table.Amount"),
-      minSize: 200,
-      cell(u) {
-        var v, k, h;
-        const a = u.row.original, l = (h = (k = (v = m.template) == null ? void 0 : v.purchaseOrder) == null ? void 0 : k.items) == null ? void 0 : h.find(
-          (_) => _.sku._id === a.sku._id
-        );
-        return L(zt, {
-          style: {
-            flex: "1 1 0%"
-          },
-          modelValue: {
-            amount: a.quantity ?? { amount: 1, precision: 0 },
-            measurement: a.measurement ?? null
-          },
-          key: a.sku._id,
-          unit: a.sku.unit,
-          "onUpdate:modelValue": (_) => {
-            const x = {
-              ...a,
-              quantity: _.amount,
-              measurement: _.measurement
-            };
-            b.enableTotalCost && (x.totalCost = re(a.sku, a.quantity, a.measurement, {
-              supplier: m.supplier,
-              // NOTE: set undefined here if `manualTotalCost[row.sku._id] = false`, so that the function
-              // will return the auto calculated default cost instead of the manual total cost
-              manualTotalCost: n[a.sku._id] ? x.totalCost : void 0
-            })), m.updateItem(x);
-          },
-          stepper: l == null ? void 0 : l.quantityStep,
-          disableUnit: !!l,
-          disabled: m.disabled,
-          rules: [
-            Lt(
-              +ye(
-                (l == null ? void 0 : l.minimumQuantity) ?? {
-                  amount: 1,
-                  precision: ft(a.sku.unit, a.measurement)
-                }
-              )
-            ),
-            l != null && l.maximumQuantity ? Xe(
-              +ye(l == null ? void 0 : l.maximumQuantity)
-            ) : Xe(1 / 0),
-            ...l != null && l.quantityStep ? [Ht(l.quantityStep)] : []
-          ],
-          applyDefaultRules: !0
-        });
-      },
-      enableSorting: !1
-    },
-    b.mustUseDefaultCost ? {
-      id: "TotalCost",
-      header: et,
-      size: 180,
-      accessorFn: (u) => {
-        const a = re(u.sku, u.quantity, u.measurement, {
-          supplier: m.supplier
-        });
-        return ye(a);
-      }
-    } : {
-      id: "Cost",
-      header: et,
-      size: 180,
-      cell(u) {
-        const a = u.row.original, l = f(a.sku), v = i.value.xs || i.value.sm;
-        return !n[a.sku._id] && l ? L(
-          "div",
-          {
-            class: [
-              "flex gap-4 fm-typo-en-body-md-400 items-center",
-              m.disabled ? "text-fm-color-typo-disabled" : ""
-            ],
-            key: a.sku._id
-          },
-          [
-            L(ve.FmButton, {
-              prependIcon: "edit",
-              variant: Ot.Tertiary,
-              disabled: m.disabled,
-              onClick() {
-                m.updateItem({
-                  ...a,
-                  totalCost: re(a.sku, a.quantity, a.measurement, {
-                    supplier: m.supplier
-                  })
-                }), n[a.sku._id] = !0;
-              }
-            }),
-            L(
-              "div",
-              {
-                class: "flex flex-col"
-              },
-              [
-                L(
-                  "span",
-                  v ? ze(
-                    re(a.sku, a.quantity, a.measurement, {
-                      supplier: m.supplier
-                    })
-                  ) : ye(
-                    re(a.sku, a.quantity, a.measurement, {
-                      supplier: m.supplier
-                    })
-                  )
-                ),
-                L(
-                  "span",
-                  {
-                    class: [
-                      "fm-typo-en-body-sm-400",
-                      m.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-neutral-gray-400"
-                    ]
-                  },
-                  y("inventory.transfer.form.items.autoCalculated")
-                )
-              ]
-            )
-          ]
-        ) : L(
-          ve.FmTextField,
-          {
-            modelValue: ye(a.totalCost ?? { amount: 0, precision: 0 }),
-            key: a.sku._id,
-            "onUpdate:modelValue": (k) => {
-              m.updateItem({
-                ...a,
-                totalCost: {
-                  ...vt(+k),
-                  currency: yt()
-                }
-              });
-            },
-            rules: [Re(0), bt(2)]
-          },
-          {
-            prepend() {
-              return v ? L(
-                "div",
-                {
-                  class: [
-                    "text-fm-typo-en-body-lg-400",
-                    m.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
-                  ]
-                },
-                lt()
-              ) : null;
-            },
-            append() {
-              return l ? L(ve.FmButton, {
-                prependIcon: "close",
-                variant: "tertiary",
-                disabled: m.disabled,
-                onClick() {
-                  m.updateItem({
-                    ...a,
-                    // NOTE: different from PO template, if a default cost is reenabled,
-                    // the total cost will automatically assigned
-                    totalCost: re(a.sku, a.quantity, a.measurement, {
-                      supplier: m.supplier
-                    })
-                  }), n[a.sku._id] = !1;
-                }
-              }) : null;
-            }
-          }
-        );
-      },
-      enableSorting: !1
-    },
-    {
-      id: "Delete",
-      header: "",
-      cell(u) {
-        const a = u.row.original;
-        return L(ve.FmButton, {
-          key: a.sku._id,
-          class: "delete-button",
-          type: "button",
-          icon: "delete",
-          variant: "tertiary",
-          size: "md",
-          disabled: m.disabled,
-          onClick: () => {
-            m.deleteItem(a);
-          }
-        });
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    }
-  ];
-  return {
-    columnDefs: q(() => b.enableTotalCost && (b.mustUseDefaultCost || m.transferType === j.PURCHASE) ? g : g.filter(
-      (u) => u.id !== "Cost"
-      /* Cost */
-    ))
-  };
-}
-const Gt = { class: "flex flex-col gap-8 px-16 xs:px-4 sm:px-4 py-4 items-center" }, Jt = { class: "fm-typo-en-body-lg-600 xs:fm-typo-en-body-md-600 mr-auto xs:w-full" }, Wt = { class: "w-[450px] xs:w-full flex" }, Xt = { class: "fm-typo-en-body-md-400 whitespace-nowrap" }, es = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, dt = /* @__PURE__ */ pe({
-  __name: "SupplierPriceHistory",
-  props: {
-    prices: {}
-  },
-  setup(m) {
-    const y = Ke();
-    function n(i) {
-      return y.suppliers.find((b) => b._id === i);
-    }
-    return (i, b) => (S(), M("div", Gt, [
-      (S(!0), M(ke, null, Ue(Object.keys(i.prices), (t) => {
-        var f;
-        return S(), M("div", {
-          key: t,
-          class: "flex items-center gap-12 xs:gap-4 xs:flex-wrap w-full"
-        }, [
-          o("div", Jt, U((f = n(t)) == null ? void 0 : f.name), 1),
-          o("div", Wt, [
-            (S(!0), M(ke, null, Ue(i.prices[t].slice(0, 3), (g) => {
-              var w;
-              return S(), M("div", {
-                key: g.date,
-                class: "flex flex-col w-[150px] xs:flex-1 text-ellipsis cursor-pointer"
-              }, [
-                o("div", Xt, [
-                  o("span", null, U(g.totalCost ? e(ze)(g.totalCost) : "No data"), 1),
-                  b[0] || (b[0] = o("span", { class: "text-fm-color-typo-secondary" }, "/", -1)),
-                  o("span", null, U(e(ye)(g.totalUnit, !1)), 1),
-                  o("span", null, U(((w = g.measurement) == null ? void 0 : w.abbrev) ?? g.unit.abbrev), 1)
-                ]),
-                o("div", es, [
-                  o("span", null, "(#" + U(g.seqNumber) + ")", 1),
-                  b[1] || (b[1] = o("span", null, U(" "), -1)),
-                  o("span", null, U(e(Le)(new Date(g.date))), 1)
-                ])
-              ]);
-            }), 128))
-          ])
-        ]);
-      }), 128))
-    ]));
-  }
-}), ts = { class: "flex flex-col gap-8 py-16" }, ss = { class: "flex items-center" }, as = { class: "flex-1 flex gap-1 items-center" }, os = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ls = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ns = { class: "flex gap-8 w-full" }, rs = { class: "flex-1 flex flex-col gap-4" }, is = { class: "flex-1 flex flex-col gap-4" }, us = { class: "flex gap-8 w-full" }, ds = { class: "flex-1 flex flex-col gap-4" }, cs = {
-  key: 0,
-  class: "flex-1 flex flex-col gap-4"
-}, ms = /* @__PURE__ */ pe({
-  __name: "TransferItem",
-  props: {
-    cellByColId: {},
-    comparePriceBySku: {},
-    showComparePrice: { type: Boolean },
-    row: {}
-  },
-  setup(m) {
-    const { t: y } = he();
-    return (n, i) => {
-      var f, g, w, u, a, l, v, k, h, _, x, F, V, z, ue, T, $, O, R, I, B, K, Q, p, c, H, oe;
-      const b = P("FmLabel"), t = P("FmSpacer");
-      return S(), M("div", ts, [
-        o("div", ss, [
-          o("div", as, [
-            o("span", os, " (" + U(n.row.original.sku.code) + ") ", 1),
-            o("span", ls, U(n.row.original.sku.name), 1)
-          ]),
-          o("div", null, [
-            d(e(ie), {
-              render: (w = (g = (f = n.cellByColId.Delete) == null ? void 0 : f.column) == null ? void 0 : g.columnDef) == null ? void 0 : w.cell,
-              props: (a = (u = n.cellByColId.Delete) == null ? void 0 : u.getContext) == null ? void 0 : a.call(u)
-            }, null, 8, ["render", "props"])
-          ])
-        ]),
-        o("div", ns, [
-          o("div", rs, [
-            d(b, {
-              label: e(y)(`inventory.transfer.form.items.table.${e(Y).Code}`)
-            }, null, 8, ["label"]),
-            d(e(ie), {
-              render: (k = (v = (l = n.cellByColId[e(Y).Code]) == null ? void 0 : l.column) == null ? void 0 : v.columnDef) == null ? void 0 : k.cell,
-              props: (_ = (h = n.cellByColId[e(Y).Code]) == null ? void 0 : h.getContext) == null ? void 0 : _.call(h)
-            }, null, 8, ["render", "props"]),
-            i[0] || (i[0] = o("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ]),
-          o("div", is, [
-            d(b, {
-              label: e(y)(`inventory.transfer.form.items.table.${e(Y).Name}`)
-            }, null, 8, ["label"]),
-            d(e(ie), {
-              render: (V = (F = (x = n.cellByColId[e(Y).Name]) == null ? void 0 : x.column) == null ? void 0 : F.columnDef) == null ? void 0 : V.cell,
-              props: (ue = (z = n.cellByColId[e(Y).Name]) == null ? void 0 : z.getContext) == null ? void 0 : ue.call(z)
-            }, null, 8, ["render", "props"]),
-            i[1] || (i[1] = o("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ])
-        ]),
-        o("div", us, [
-          o("div", ds, [
-            d(b, {
-              label: e(y)(`inventory.transfer.form.items.table.${e(Y).Amount}`)
-            }, null, 8, ["label"]),
-            d(e(ie), {
-              render: (O = ($ = (T = n.cellByColId[e(Y).Amount]) == null ? void 0 : T.column) == null ? void 0 : $.columnDef) == null ? void 0 : O.cell,
-              props: (I = (R = n.cellByColId[e(Y).Amount]) == null ? void 0 : R.getContext) == null ? void 0 : I.call(R)
-            }, null, 8, ["render", "props"]),
-            i[2] || (i[2] = o("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ]),
-          n.cellByColId[e(Y).Cost] ? (S(), M("div", cs, [
-            d(it, { "z-index": 50 }, {
-              default: D(() => [
-                d(b, {
-                  label: e(y)(`inventory.transfer.form.items.table.${e(Y).Cost}2`)
-                }, null, 8, ["label"])
-              ]),
-              _: 1
-            }),
-            d(e(ie), {
-              render: (Q = (K = (B = n.cellByColId[e(Y).Cost]) == null ? void 0 : B.column) == null ? void 0 : K.columnDef) == null ? void 0 : Q.cell,
-              props: (c = (p = n.cellByColId[e(Y).Cost]) == null ? void 0 : p.getContext) == null ? void 0 : c.call(p)
-            }, null, 8, ["render", "props"]),
-            i[3] || (i[3] = o("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
-          ])) : G("", !0)
-        ]),
-        n.showComparePrice && Object.keys(n.comparePriceBySku[(H = n.row.original.sku) == null ? void 0 : H._id] ?? {}).length > 0 ? (S(), M(ke, { key: 0 }, [
-          d(t, { class: "h-8" }),
-          d(dt, {
-            prices: n.comparePriceBySku[(oe = n.row.original.sku) == null ? void 0 : oe._id]
-          }, null, 8, ["prices"])
-        ], 64)) : G("", !0)
-      ]);
-    };
-  }
-});
-function ps(m) {
-  const y = q({
-    get() {
-      const t = m.getEffectiveAt();
-      return t ? new Date(t) : null;
-    },
-    set(t) {
-      m.setEffectiveAt((t == null ? void 0 : t.toISOString()) ?? null);
-    }
-  }), n = q({
-    get() {
-      return !!y.value;
-    },
-    set(t) {
-      t ? y.value = /* @__PURE__ */ new Date() : y.value = null;
-    }
-  }), i = q({
-    get() {
-      return y.value === null ? "" : Le(y.value);
-    },
-    set(t) {
-      t ? y.value = /* @__PURE__ */ new Date(`${t} ${b.value}`) : y.value = null;
-    }
-  }), b = q({
-    get() {
-      return y.value === null ? "" : gt(y.value);
-    },
-    set(t) {
-      t ? y.value = /* @__PURE__ */ new Date(`${i.value} ${t}`) : y.value = null;
-    }
-  });
-  return {
-    backdatePo: y,
-    backdateSwitch: n,
-    backdateModel: i,
-    backdateTimeModel: b
-  };
-}
-const fs = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, vs = ["fill"], ys = ["fill"], bs = ["stroke"], gs = ["stroke"], _s = /* @__PURE__ */ pe({
-  __name: "SparkIcon",
-  props: {
-    size: {
-      type: Number,
-      default: 24
-    },
-    color: {
-      type: String,
-      default: "#c7c7cc"
-    }
-  },
-  setup(m) {
-    return (y, n) => (S(), M("svg", fs, [
-      o("path", {
-        d: "M7.6 7.6C8.17076 6.94229 8.5 5.5 8.5 5.5C8.5 5.5 8.81356 6.87361 9.35714 7.5C9.92948 8.15953 11.5 8.5 11.5 8.5C11.5 8.5 9.92948 8.69761 9.35714 9.35714C8.81356 9.98354 8.5 11.5 8.5 11.5C8.5 11.5 8.32076 10.1888 7.75 9.59091C7.14905 8.96136 5.5 8.5 5.5 8.5C5.5 8.5 6.99905 8.29251 7.6 7.6Z",
-        fill: m.color
-      }, null, 8, vs),
-      o("path", {
-        d: "M12.2 12.2C13.3415 10.8846 14 8 14 8C14 8 14.6271 10.7472 15.7143 12C16.859 13.3191 20 14 20 14C20 14 16.859 14.3952 15.7143 15.7143C14.6271 16.9671 14 20 14 20C14 20 13.6415 17.3777 12.5 16.1818C11.2981 14.9227 8 14 8 14C8 14 10.9981 13.585 12.2 12.2Z",
-        fill: m.color
-      }, null, 8, ys),
-      o("path", {
-        d: "M7.6 7.6C8.17076 6.94229 8.5 5.5 8.5 5.5C8.5 5.5 8.81356 6.87361 9.35714 7.5C9.92948 8.15953 11.5 8.5 11.5 8.5C11.5 8.5 9.92948 8.69761 9.35714 9.35714C8.81356 9.98354 8.5 11.5 8.5 11.5C8.5 11.5 8.32076 10.1888 7.75 9.59091C7.14905 8.96136 5.5 8.5 5.5 8.5C5.5 8.5 6.99905 8.29251 7.6 7.6Z",
-        stroke: m.color,
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
-      }, null, 8, bs),
-      o("path", {
-        d: "M12.2 12.2C13.3415 10.8846 14 8 14 8C14 8 14.6271 10.7472 15.7143 12C16.859 13.3191 20 14 20 14C20 14 16.859 14.3952 15.7143 15.7143C14.6271 16.9671 14 20 14 20C14 20 13.6415 17.3777 12.5 16.1818C11.2981 14.9227 8 14 8 14C8 14 10.9981 13.585 12.2 12.2Z",
-        stroke: m.color,
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
-      }, null, 8, gs)
-    ]));
-  }
-}), ks = { class: "flex gap-8 items-center" }, hs = { class: "fm-typo-en-body-lg-600 line-clamp-1" }, Cs = { class: "w-[343px] px-24 py-16 rounded-lg shadow-light-300 flex flex-col gap-[20px]" }, xs = { class: "flex items-center w-full" }, Ss = { class: "flex-1" }, ws = { class: "fm-typo-en-title-sm-800" }, Fs = { class: "flex items-start gap-8" }, Ds = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, $s = { class: "flex gap-1" }, tt = /* @__PURE__ */ pe({
-  __name: "ForecastStock",
-  props: {
-    disabled: { type: Boolean }
-  },
-  emits: ["update:poItems"],
-  setup(m, { emit: y }) {
-    const n = y, i = N(!1), b = N(7), t = qt(), f = qe(), g = He(), { t: w } = he();
-    async function u() {
-      if (b.value < 1)
-        return;
-      i.value = !1, await t.readPurchaseOrder(b.value);
-      const a = [];
-      if (t.purchaseOrderForecast.skus.length <= 0) {
-        f.open({
-          message: w("inventory.transfer.form.items.forecastStock.notAvailable"),
-          type: "info"
-        });
-        return;
-      }
-      const l = t.purchaseOrderForecast.skus.reduce((v, k) => {
-        const h = g.skus.find((F) => F._id === k.id);
-        if (v.find((F) => F.sku._id === k.id) || !h)
-          return v;
-        const x = {
-          sku: h,
-          code: h.code,
-          name: h.name,
-          quantity: {
-            amount: k.amount,
-            precision: 0
-          }
-        };
-        return v.push(x), v;
-      }, a);
-      n("update:poItems", l);
-    }
-    return (a, l) => {
-      const v = P("FmButton"), k = P("FmIcon"), h = P("FmStepperField"), _ = P("FmPopover");
-      return S(), J(_, {
-        disabled: a.disabled,
-        class: "flex",
-        "show-popover": i.value,
-        onPopoverChanged: l[3] || (l[3] = (x) => i.value = x)
-      }, {
-        "popover-button": D(() => [
-          d(v, {
-            label: "unused",
-            variant: "secondary",
-            "text-color": a.disabled ? "disabled" : "primary",
-            "bg-color": "transparent",
-            "border-color": a.disabled ? "disabled" : "primary",
-            disabled: a.disabled
-          }, {
-            default: D(() => [
-              o("div", ks, [
-                d(_s, {
-                  size: 24,
-                  color: a.disabled ? "#c7c7cc" : "#ff7823"
-                }, null, 8, ["color"]),
-                o("div", hs, U(e(w)("inventory.transfer.form.items.forecastStock.title")), 1)
-              ])
-            ]),
-            _: 1
-          }, 8, ["text-color", "border-color", "disabled"])
-        ]),
-        default: D(() => [
-          o("div", Cs, [
-            o("div", xs, [
-              o("div", Ss, [
-                d(Kt, { "z-index": 99 }, {
-                  default: D(() => [
-                    o("p", ws, U(e(w)("inventory.transfer.form.items.forecastStock.title")), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              d(v, {
-                icon: "close",
-                size: "md",
-                variant: "tertiary",
-                onClick: l[0] || (l[0] = (x) => i.value = !1)
-              })
-            ]),
-            d(h, {
-              modelValue: b.value,
-              "onUpdate:modelValue": l[1] || (l[1] = (x) => b.value = x),
-              label: e(w)("inventory.transfer.form.items.forecastStock.days"),
-              rules: [e(Re)(1)]
-            }, {
-              "helper-text": D(() => [
-                o("div", Fs, [
-                  d(k, {
-                    name: "warning",
-                    size: "sm",
-                    class: "text-fm-color-system-warning-300"
-                  }),
-                  o("div", Ds, U(e(w)("inventory.transfer.form.items.forecastStock.replace")), 1)
-                ])
-              ]),
-              _: 1
-            }, 8, ["modelValue", "label", "rules"]),
-            o("div", $s, [
-              l[4] || (l[4] = o("div", { class: "grow" }, null, -1)),
-              d(v, {
-                label: e(w)("common.cancel"),
-                variant: "tertiary",
-                onClick: l[2] || (l[2] = (x) => i.value = !1)
-              }, null, 8, ["label"]),
-              d(v, {
-                label: e(w)("inventory.transfer.form.items.forecastStock.generate"),
-                onClick: u
-              }, null, 8, ["label"])
-            ])
-          ])
-        ]),
-        _: 1
-      }, 8, ["disabled", "show-popover"]);
-    };
-  }
-});
-function Ts() {
-  const m = qe(), y = rt(), n = N(!1);
-  _e(n, (f) => {
-    f && (b.value = !0, i().finally(() => {
-      b.value = !1;
-    }));
-  });
-  async function i() {
-    try {
-      const { startDate: f, endDate: g } = _t(6), a = (await y.getPurchaseOrders({ start: f, end: g })).filter(
-        (l) => {
-          var v, k;
-          return l.status === kt.enum.COMPLETE && ((v = l.supplier) == null ? void 0 : v.internal) !== "warehouse" && ((k = l.supplier) == null ? void 0 : k.internal) !== "restaurant";
-        }
-      ).reduce((l, v) => {
-        const k = new Date(ht(v._id)), h = v.supplier._id;
-        for (const _ of v.items) {
-          if (!_.totalCost) continue;
-          const x = l[_.sku._id] ?? {}, F = x[h] ?? [];
-          F.push({
-            date: k.toISOString(),
-            totalUnit: _.quantity,
-            totalCost: _.totalCost,
-            unit: _.sku.unit,
-            measurement: _.measurement,
-            seqNumber: v.seqNumber
-          }), x[h] = F, l[_.sku._id] = x;
-        }
-        return l;
-      }, {});
-      t.value = a;
-    } catch {
-      m.open({
-        title: "Something went wrong",
-        message: "Cannot retrieve supplier purchase history. Please try again."
-      }), n.value = !1;
-    }
-  }
-  const b = N(!1), t = N({});
-  return {
-    comparePricesToggle: n,
-    comparePriceFetching: b,
-    comparePriceBySku: t
-  };
-}
-const Ps = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, Is = { key: 0 }, Vs = ["colspan"], Rs = /* @__PURE__ */ pe({
-  __name: "TransferItemTable",
-  props: {
-    row: {},
-    comparePriceBySku: {},
-    showComparePrice: { type: Boolean }
-  },
-  setup(m) {
-    function y(n) {
-      return n.column.columnDef.meta;
-    }
-    return (n, i) => {
-      var b, t;
-      return S(), M(ke, null, [
-        o("tr", {
-          class: W(["border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm", {
-            "bg-fm-color-neutral-gray-100": n.row.getIsSelected()
-          }])
-        }, [
-          (S(!0), M(ke, null, Ue(n.row.getVisibleCells(), (f) => {
-            var g, w, u, a;
-            return S(), M("td", {
-              key: f.id,
-              class: W([
-                "h-[52px] px-16 text-fm-color-typo-primary",
-                ((g = y(f)) == null ? void 0 : g.cellClass) ?? "px-16"
-              ]),
-              style: ot({
-                width: (w = y(f)) == null ? void 0 : w.width,
-                maxWidth: (u = y(f)) == null ? void 0 : u.maxWidth,
-                textAlign: ((a = y(f)) == null ? void 0 : a.textAlign) ?? "left"
-              })
-            }, [
-              o("span", Ps, [
-                d(e(ie), {
-                  render: f.column.columnDef.cell,
-                  props: f.getContext()
-                }, null, 8, ["render", "props"])
-              ])
-            ], 6);
-          }), 128))
-        ], 2),
-        n.showComparePrice && Object.keys(n.comparePriceBySku[(b = n.row.original.sku) == null ? void 0 : b._id] ?? {}).length > 0 ? (S(), M("tr", Is, [
-          o("td", {
-            colspan: n.row.getVisibleCells().length
-          }, [
-            d(dt, {
-              prices: n.comparePriceBySku[(t = n.row.original.sku) == null ? void 0 : t._id]
-            }, null, 8, ["prices"])
-          ], 8, Vs)
-        ])) : G("", !0)
-      ], 64);
-    };
-  }
-}), As = {
-  key: 0,
-  class: "flex flex-col gap-8"
-}, qs = { class: "flex flex-col gap-4" }, Ms = { class: "flex items-center gap-4" }, Us = {
-  key: 0,
-  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error"
-}, Es = /* @__PURE__ */ pe({
-  __name: "NetSuiteField",
-  props: {
-    required: { type: Boolean },
-    disabled: { type: Boolean },
-    supplier: {},
-    setting: {},
-    items: {},
-    onChange: { type: Function }
-  },
-  emits: ["netsuite:ready"],
-  setup(m, { emit: y }) {
-    const n = Ne(), i = m, b = y, { t } = Qt(), f = N(!1), g = N();
-    Be(() => {
-      var l, v, k, h;
-      let a = {
-        id: "",
-        subsidiary: { id: "", name: "" },
-        errors: []
-      };
-      if (!n.isEnabled || !i.required) {
-        b("netsuite:ready", a);
-        return;
-      }
-      try {
-        const _ = n.currentLocationSubsidiary();
-        i.setting ? a = {
-          ...i.setting,
-          subsidiary: {
-            id: _.id || "",
-            name: _.name
-          }
-        } : a = {
-          ...a,
-          subsidiary: {
-            id: _.id || "",
-            name: _.name
-          }
-        };
-        const x = n.getAvailableItems(_.id), F = i.items.filter((V) => {
-          if (V.measurement != null) {
-            const z = n.getAvailableMeasurements(
-              V.sku._id,
-              _.id
-            );
-            return x.includes(V.sku._id) && z.includes(V.measurement.id);
-          }
-          return x.includes(V.sku._id);
-        }).map((V) => V.sku._id);
-        i.onChange(
-          i.items.filter((V) => F.includes(V.sku._id)),
-          a
-        );
-      } finally {
-        i.supplier.internal ? g.value = n.getNetSuiteLocation(
-          `${i.supplier.internal}_${i.supplier._id}`
-        ) : g.value = n.getNetSuiteVendor(i.supplier._id);
-        const _ = i.supplier.internal ? n.getLocationSubsidiary((l = g.value) == null ? void 0 : l.netSuiteId).id : (v = g.value) == null ? void 0 : v.subsidiaryId, x = i.supplier.internal ? (k = n.currentLocationSubsidiary()) == null ? void 0 : k.id : (h = n.currentVendorSubsidiary(i.supplier._id)) == null ? void 0 : h.id;
-        !n.isEnabled || _ && n.isEnabled && _ == x ? b("netsuite:ready", a) : f.value = !0;
-      }
-    });
-    const w = q(
-      () => i.supplier.internal ? n.currentLocationSubsidiary() : n.currentVendorSubsidiary(i.supplier._id)
-    ), u = q(() => {
-      var a, l;
-      return g.value == null ? `Cannot find the NetSuite location for "${i.supplier.name}"` : `The subsidiary of the request
-        location is ${(l = n.getLocationSubsidiary((a = g.value) == null ? void 0 : a.netSuiteId)) == null ? void 0 : l.fullName}`;
-    });
-    return (a, l) => {
-      const v = P("FmLabel"), k = P("FmIcon"), h = P("FmField"), _ = P("FmTooltip");
-      return e(n).isEnabled && i.required ? (S(), M("div", As, [
-        d(v, {
-          label: `NetSuite ${e(t)("inventory.transfer.form.netsuite.subsidiary")}`
-        }, null, 8, ["label"]),
-        o("div", qs, [
-          d(_, {
-            "z-index": 51,
-            placement: "left",
-            disabled: a.disabled
-          }, {
-            content: D(() => l[0] || (l[0] = [
-              Ee("This field is locked and based on the location of the request.")
-            ])),
-            default: D(() => [
-              d(h, null, {
-                default: D(() => {
-                  var x;
-                  return [
-                    o("div", Ms, [
-                      d(k, {
-                        name: "lock_outline",
-                        size: "sm",
-                        color: a.disabled ? "neutral-gray-200" : "neutral-gray-400"
-                      }, null, 8, ["color"]),
-                      o("div", {
-                        class: W([a.disabled ? "text-fm-color-typo-disabled" : ""])
-                      }, U((x = w.value) == null ? void 0 : x.fullName), 3)
-                    ])
-                  ];
-                }),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["disabled"]),
-          f.value ? (S(), M("div", Us, U(u.value), 1)) : G("", !0)
-        ])
-      ])) : G("", !0);
-    };
-  }
-}), Os = { class: "flex flex-col gap-4" }, Bs = { class: "flex items-center gap-8 overflow-x-auto pb-12" }, Ns = { class: "flex flex-col gap-16" }, zs = { class: "flex flex-col gap-24" }, Ls = { class: "flex flex-col gap-8" }, Hs = { class: "flex flex-col gap-4" }, js = { class: "flex items-center gap-4" }, Ys = { class: "flex flex-col gap-8" }, Ks = { class: "flex flex-col gap-4" }, Qs = { class: "flex items-center gap-4" }, Zs = {
-  key: 3,
-  class: "p-16 border border-fm-color-neutral-gray-300 fm-corner-radius-md flex flex-col"
-}, Gs = {
-  key: 0,
-  class: "flex-1 flex gap-8 h-48 xs:flex-col xs:pt-16 sm:flex-col sm:pt-16"
-}, Js = { class: "flex-1" }, Ws = { class: "flex-1" }, Xs = {
-  key: 1,
-  class: "flex items-center gap-4"
-}, ea = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary translate-y-[1px]" }, ta = { class: "flex flex-col gap-16" }, sa = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, aa = { class: "flex gap-8" }, oa = { key: 0 }, la = /* @__PURE__ */ pe({
-  __name: "TransferForm2",
-  props: {
-    modelValue: {},
-    request: {},
-    disabled: { type: Boolean },
-    suppliers: {},
-    skus: {},
-    lastClosingDate: {}
-  },
-  emits: ["validation-success", "form:ready"],
-  setup(m, { expose: y, emit: n }) {
-    const i = m, b = n, t = Ct(), { t: f } = he(), g = je(), w = He(), u = Ne(), a = Ke(), l = Ae(), v = ut(), { breakpoints: k } = Ye(), h = q(() => k.value.xs || k.value.sm), _ = at({
-      value: !1
-    }), x = N(!1), F = q(
-      () => {
-        var s;
-        return ((s = i.modelValue) == null ? void 0 : s.templateDoc) ?? v.templates.find((r) => r._id === t.template);
-      }
-    ), V = q(() => t.status === "DRAFT" || !t._rev);
-    _e(F, (s) => {
-      s && V.value && (t.supplier = (s == null ? void 0 : s.purchaseOrder.supplier) ?? t.supplier);
-    }), Be(() => {
-      var s;
-      try {
-        if (!t.template) return;
-        if (!t.items.length) {
-          let r = [];
-          (s = F.value) != null && s.purchaseOrder.items && (r = F.value.purchaseOrder.items.filter((E) => {
-            var Z;
-            return ((Z = E.quantity) == null ? void 0 : Z.amount) != 0;
-          })), t.items = r;
-        }
-      } finally {
-        x.value = !0;
-      }
-    }), _e([x, _], ([s, r], [E, Z]) => {
-      r.value && Z.value && b("form:ready");
-    });
-    const z = q(
-      () => g.currentLocation.type === xt.restaurant
-    );
-    g.watchLocation(async () => {
-      location && (t.supplier || (t.supplier = a.suppliers.find((s) => s) ?? t.supplier));
-    });
-    const ue = Bt(), T = jt(
-      () => t,
-      (s) => {
-        Object.assign(t, s);
-      },
-      !0,
-      !0
-    ), $ = q({
-      get() {
-        var s;
-        return typeof ((s = t == null ? void 0 : t.supplier) == null ? void 0 : s.internal) == "string" ? j.TRANSFER : j.PURCHASE;
-      },
-      set(s) {
-        var E;
-        const r = typeof ((E = t == null ? void 0 : t.supplier) == null ? void 0 : E.internal) == "string" ? j.TRANSFER : j.PURCHASE;
-        s !== r && (t.supplier = s === j.PURCHASE ? T.locationOptionsTypePurchase.value[0] : T.locationOptionsTypeTransfer.value[0]);
-      }
-    });
-    _e(
-      () => {
-        var s;
-        return (s = i.modelValue) == null ? void 0 : s.template;
-      },
-      (s) => {
-        l.mustUsePoTemplate && !s && ct(() => {
-          var r, E;
-          t.supplier = ((E = (r = T.locationOptionsTypeTransfer.value) == null ? void 0 : r.filter(
-            (Z) => Z.internal === "restaurant"
-          )) == null ? void 0 : E[0]) ?? t.supplier;
-        });
-      },
-      { immediate: !0 }
-    );
-    const O = q(() => {
-      let s = T.transferLocationOptions.value;
-      return l.mustUsePoTemplate && !t.template && (s = s.filter((r) => {
-        var E;
-        return (E = r.sublabel) == null ? void 0 : E.startsWith("restaurant");
-      })), s;
-    }), R = q({
-      get() {
-        return t.supplier._id;
-      },
-      set(s) {
-        T.transferLocationModel.value = s;
-      }
-    }), I = q({
-      get() {
-        return t.remark ?? void 0;
-      },
-      set(s) {
-        t.remark = s;
-      }
-    }), { backdatePo: B, backdateSwitch: K, backdateModel: Q, backdateTimeModel: p } = ps({
-      getEffectiveAt() {
-        return t.effectiveAt;
-      },
-      setEffectiveAt(s) {
-        t.effectiveAt = s;
-      }
-    }), { comparePricesToggle: c, comparePriceFetching: H, comparePriceBySku: oe } = Ts(), X = N();
-    y({
-      validateInputs: () => {
-        var s, r;
-        (r = (s = X.value) == null ? void 0 : s.validateInputs) == null || r.call(s);
-      },
-      resetInputsValidation: () => {
-        var s, r;
-        (r = (s = X.value) == null ? void 0 : s.resetInputsValidation) == null || r.call(s);
-      },
-      resetInputs: () => {
-        var s, r;
-        (r = (s = X.value) == null ? void 0 : s.resetInputs) == null || r.call(s);
-      }
-    });
-    const $e = Zt({
-      updateItem: (s) => {
-        t.items = t.items.map((r) => r.sku._id !== s.sku._id ? r : s);
-      },
-      deleteItem: (s) => {
-        t.items = t.items.filter((r) => r.sku._id !== s.sku._id);
-      },
-      get supplier() {
-        return t.supplier;
-      },
-      get items() {
-        return t.items;
-      },
-      get transferType() {
-        return $.value;
-      },
-      get template() {
-        return F.value;
-      },
-      get disabled() {
-        return i.disabled;
-      }
-    }), Ce = q(() => {
-      let s = $e.columnDefs.value;
-      return u.isEnabled && $.value === j.TRANSFER && (s = s.filter((r) => r.id !== Y.TotalCost)), s;
-    });
-    function Te() {
-      var ae, fe, xe, Ie, we;
-      const s = new Set((xe = (fe = (ae = F.value) == null ? void 0 : ae.purchaseOrder) == null ? void 0 : fe.items) == null ? void 0 : xe.map((A) => A.sku._id)), r = u.isEnabled ? u.getAvailableItems((we = (Ie = t.netSuite) == null ? void 0 : Ie.subsidiary) == null ? void 0 : we.id) : [], E = s.size ? w.skus.filter((A) => s.has(A._id)) : w.skus, Z = u.isEnabled ? E.filter((A) => {
-        var le, te, ce, ne;
-        const ee = (te = (le = F.value) == null ? void 0 : le.purchaseOrder) == null ? void 0 : te.items.find(
-          (me) => me.sku._id === A._id
-        );
-        if (ee != null && ee.measurement != null) {
-          const me = u.getAvailableMeasurements(
-            ee.sku._id,
-            (ne = (ce = t.netSuite) == null ? void 0 : ce.subsidiary) == null ? void 0 : ne.id
-          );
-          return r.includes(ee.sku._id) && me.includes(ee.measurement.id);
-        }
-        return r.includes(A._id);
-      }).map((A) => A._id) : E.map((A) => A._id), de = E.map(
-        (A) => ({
-          label: A.name,
-          sublabel: A.code,
-          value: A,
-          disabled: !Z.includes(A._id)
-        })
-      ), be = de.filter((A) => {
-        var ee;
-        return (ee = t.items) == null ? void 0 : ee.find((le) => le.sku._id === A.value._id);
-      }).map((A) => A.value);
-      ue.open({
-        title: f("inventory.transfer.form.items.selectItem"),
-        closeButton: !0,
-        contentComponent: Dt,
-        contentComponentProps: {
-          modelValue: be,
-          items: de,
-          virtualScroll: !0
-        },
-        primaryActions: {
-          text: f("common.confirm"),
-          close: !0
-        },
-        secondaryActions: {
-          text: f("common.close"),
-          close: !0,
-          variant: "tertiary"
-        }
-      }).onPrimary((A) => {
-        const ee = t.items ?? [], le = A.map((te) => {
-          var me, Fe;
-          const ce = ee.find((ge) => ge.sku._id === te._id);
-          if (ce)
-            return ce;
-          const ne = ((Fe = (me = F.value) == null ? void 0 : me.purchaseOrder.items) == null ? void 0 : Fe.find(
-            (ge) => ge.sku._id === te._id
-          )) ?? {
-            sku: te,
-            code: te.code,
-            name: te.name,
-            quantity: {
-              amount: 1,
-              precision: 0
-            }
-          };
-          return $.value == j.PURCHASE && (ne.totalCost = re(
-            ne.sku,
-            ne.quantity,
-            ne.measurement,
-            {
-              supplier: t.supplier
-            }
-          )), ne;
-        });
-        le.sort((te, ce) => te.sku.code.localeCompare(ce.sku.code)), t.items = le;
-      });
-    }
-    function Me(s) {
-      return s;
-    }
-    const Pe = q(() => {
-      const s = [];
-      return (!l.mustUsePoTemplate || l.mustUsePoTemplate && t.template) && s.push({
-        label: f("inventory.transfer.form.type.purchase"),
-        value: j.PURCHASE
-      }), s.push({
-        label: f("inventory.transfer.form.type.transfer"),
-        value: j.TRANSFER
-      }), s;
-    });
-    return (s, r) => {
-      var me, Fe;
-      const E = P("FmChip"), Z = P("FmLabel"), de = P("FmIcon"), be = P("FmField"), ae = P("FmTooltip"), fe = P("FmSelect"), xe = P("FmTextField"), Ie = P("FmTextarea"), we = P("FmSwitch"), A = P("FmDatePicker"), ee = P("FmTimePicker"), le = P("FmFormGroup"), te = P("FmButton"), ce = P("FmTable"), ne = P("FmForm");
-      return S(), M("div", Os, [
-        o("div", Bs, [
-          (me = i.modelValue) != null && me.template ? (S(), J(E, {
-            key: 0,
-            variant: s.disabled ? "warning" : void 0,
-            label: `${e(f)("inventory.transfer.template.title")}: ${((Fe = F.value) == null ? void 0 : Fe.name) ?? e(f)("inventory.transfer.form.loading")}`,
-            icon: "summarize",
-            compact: ""
-          }, null, 8, ["variant", "label"])) : G("", !0),
-          d(E, {
-            label: e(g).currentLocation.name,
-            icon: "storefront",
-            compact: ""
-          }, null, 8, ["label"]),
-          s.lastClosingDate ? (S(), J(E, {
-            key: 1,
-            label: `${e(f)("inventory.transfer.form.lastClosing")}: ${e(Le)(s.lastClosingDate)} ${e(St)(s.lastClosingDate)}`,
-            icon: "calendar_month",
-            compact: ""
-          }, null, 8, ["label"])) : G("", !0)
-        ]),
-        d(ne, {
-          ref_key: "formRef",
-          ref: X,
-          class: "flex flex-col gap-32",
-          disabled: s.disabled,
-          onValidationFailed: console.log,
-          onValidationSuccess: r[13] || (r[13] = (ge) => b("validation-success"))
-        }, {
-          default: D(() => {
-            var ge, Qe;
-            return [
-              o("div", Ns, [
-                o("div", zs, [
-                  (ge = i.modelValue) != null && ge.template ? (S(), M(ke, { key: 0 }, [
-                    o("div", Ls, [
-                      d(Z, {
-                        label: e(f)("inventory.transfer.form.type.title")
-                      }, null, 8, ["label"]),
-                      o("div", Hs, [
-                        d(ae, {
-                          "z-index": 51,
-                          placement: "left",
-                          disabled: s.disabled
-                        }, {
-                          content: D(() => r[14] || (r[14] = [
-                            Ee("This field is locked from template.")
-                          ])),
-                          default: D(() => [
-                            d(be, null, {
-                              default: D(() => [
-                                o("div", js, [
-                                  d(de, {
-                                    name: "lock_outline",
-                                    size: "sm",
-                                    color: s.disabled ? "neutral-gray-200" : "neutral-gray-400"
-                                  }, null, 8, ["color"]),
-                                  o("div", {
-                                    class: W({ "text-fm-color-typo-disabled": s.disabled })
-                                  }, U(e(f)(`inventory.transfer.form.type.${$.value.toLocaleLowerCase("en-us")}`)), 3)
-                                ])
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["disabled"]),
-                        o("div", {
-                          class: W([
-                            "fm-typo-en-body-sm-400",
-                            s.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"
-                          ])
-                        }, null, 2)
-                      ])
-                    ]),
-                    o("div", Ys, [
-                      d(Z, {
-                        label: $.value === e(j).PURCHASE ? e(f)("inventory.transfer.form.purchaseFrom") : e(f)("inventory.transfer.form.transferFrom")
-                      }, null, 8, ["label"]),
-                      o("div", Ks, [
-                        d(ae, {
-                          "z-index": 51,
-                          placement: "left",
-                          disabled: s.disabled
-                        }, {
-                          content: D(() => r[15] || (r[15] = [
-                            Ee("This field is locked from template.")
-                          ])),
-                          default: D(() => [
-                            d(be, null, {
-                              default: D(() => {
-                                var C;
-                                return [
-                                  o("div", Qs, [
-                                    d(de, {
-                                      name: "lock_outline",
-                                      size: "sm",
-                                      color: s.disabled ? "neutral-gray-200" : "neutral-gray-400"
-                                    }, null, 8, ["color"]),
-                                    o("div", {
-                                      class: W({ "text-fm-color-typo-disabled": s.disabled })
-                                    }, U((C = O.value.find((se) => se.value === R.value)) == null ? void 0 : C.label), 3)
-                                  ])
-                                ];
-                              }),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["disabled"])
-                      ])
-                    ])
-                  ], 64)) : (S(), M(ke, { key: 1 }, [
-                    d(fe, {
-                      label: e(f)("inventory.transfer.form.type.title"),
-                      "label-mark": "required",
-                      modelValue: $.value,
-                      "onUpdate:modelValue": r[0] || (r[0] = (C) => $.value = C),
-                      items: Pe.value,
-                      rules: [e(Re)(1)(O.value)]
-                    }, {
-                      default: D(() => [
-                        o("span", {
-                          class: W([
-                            "line-clamp-1 fm-typo-en-body-lg-400",
-                            s.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
-                          ])
-                        }, U(e(wt)($.value)), 3)
-                      ]),
-                      _: 1
-                    }, 8, ["label", "modelValue", "items", "rules"]),
-                    d(fe, {
-                      label: $.value === e(j).PURCHASE ? e(f)("inventory.transfer.form.purchaseFrom") : e(f)("inventory.transfer.form.transferFrom"),
-                      "label-mark": "required",
-                      modelValue: R.value,
-                      "onUpdate:modelValue": r[1] || (r[1] = (C) => R.value = C),
-                      items: O.value
-                    }, {
-                      "menu-wrapper": D((C) => {
-                        var se, Ze;
-                        return [
-                          d(Yt, Oe(C, {
-                            items: O.value,
-                            "model-value": (Ze = (se = s.modelValue) == null ? void 0 : se.supplier) == null ? void 0 : Ze._id
-                          }), null, 16, ["items", "model-value"])
-                        ];
-                      }),
-                      default: D(() => {
-                        var C;
-                        return [
-                          o("span", {
-                            class: W([
-                              "line-clamp-1 fm-typo-en-body-lg-400",
-                              s.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
-                            ])
-                          }, U((C = O.value.find((se) => se.value === R.value)) == null ? void 0 : C.label), 3)
-                        ];
-                      }),
-                      _: 1
-                    }, 8, ["label", "modelValue", "items"])
-                  ], 64)),
-                  d(xe, {
-                    label: e(f)("inventory.transfer.form.reference"),
-                    "label-mark": "optional",
-                    modelValue: e(t).ref,
-                    "onUpdate:modelValue": r[2] || (r[2] = (C) => e(t).ref = C)
-                  }, null, 8, ["label", "modelValue"]),
-                  d(Ie, {
-                    label: e(f)("inventory.transfer.form.remark"),
-                    "label-mark": "optional",
-                    "max-length": 240,
-                    modelValue: I.value,
-                    "onUpdate:modelValue": r[3] || (r[3] = (C) => I.value = C),
-                    class: W([s.disabled ? "text-fm-color-typo-disabled " : ""])
-                  }, null, 8, ["label", "modelValue", "class"]),
-                  x.value ? (S(), J(Es, {
-                    key: 2,
-                    required: e(t).template != null,
-                    disabled: s.disabled,
-                    supplier: e(t).supplier,
-                    setting: e(t).netSuite,
-                    items: e(t).items,
-                    onChange: (C, se) => {
-                      e(t).items = C, e(t).netSuite = se;
-                    },
-                    "onNetsuite:ready": r[4] || (r[4] = (C) => {
-                      _.value = !0;
-                    })
-                  }, null, 8, ["required", "disabled", "supplier", "setting", "items", "onChange"])) : G("", !0),
-                  e(l).enableBackdatePo ? (S(), M("div", Zs, [
-                    o("div", {
-                      class: W([
-                        "flex",
-                        {
-                          "flex-col": h.value
-                        }
-                      ])
-                    }, [
-                      d(we, {
-                        modelValue: e(K),
-                        "onUpdate:modelValue": r[5] || (r[5] = (C) => Se(K) ? K.value = C : null),
-                        label: e(f)("inventory.transfer.form.backdate.title"),
-                        sublabel: e(f)("inventory.transfer.form.backdate.subtitle"),
-                        "label-placement": "right",
-                        disabled: z.value && !s.lastClosingDate || s.disabled
-                      }, null, 8, ["modelValue", "label", "sublabel", "disabled"]),
-                      o("div", {
-                        class: W({ hidden: h.value, "w-16": !h.value })
-                      }, null, 2),
-                      e(K) ? (S(), M("div", Gs, [
-                        o("div", Js, [
-                          d(A, {
-                            modelValue: e(Q),
-                            "onUpdate:modelValue": r[6] || (r[6] = (C) => Se(Q) ? Q.value = C : null)
-                          }, null, 8, ["modelValue"])
-                        ]),
-                        o("div", Ws, [
-                          d(ee, {
-                            modelValue: e(p),
-                            "onUpdate:modelValue": r[7] || (r[7] = (C) => Se(p) ? p.value = C : null)
-                          }, null, 8, ["modelValue"])
-                        ])
-                      ])) : G("", !0)
-                    ], 2),
-                    e(B) ? (S(), J(le, {
-                      key: 0,
-                      modelValue: e(B),
-                      "onUpdate:modelValue": r[8] || (r[8] = (C) => Se(B) ? B.value = C : null),
-                      rules: [e(Ft)(new Date(s.lastClosingDate), /* @__PURE__ */ new Date())]
-                    }, null, 8, ["modelValue", "rules"])) : G("", !0),
-                    z.value && !s.lastClosingDate ? (S(), M("div", Xs, [
-                      d(de, {
-                        name: "error",
-                        size: "sm",
-                        class: "text-fm-color-typo-warning"
-                      }),
-                      o("span", ea, U(e(f)("inventory.transfer.form.backdate.error")), 1)
-                    ])) : G("", !0)
-                  ])) : G("", !0)
-                ])
-              ]),
-              o("div", ta, [
-                d(le, {
-                  "model-value": e(t).items,
-                  rules: [e(Re)(1)]
-                }, null, 8, ["model-value", "rules"]),
-                o("div", {
-                  class: W([
-                    "flex gap-16",
-                    {
-                      "flex-col items-start": h.value,
-                      "items-center": !h.value
-                    }
-                  ])
-                }, [
-                  o("div", sa, U(e(f)("inventory.transfer.form.items.title")), 1),
-                  o("div", aa, [
-                    d(te, {
-                      disabled: s.disabled,
-                      label: e(f)("inventory.transfer.form.items.addItem"),
-                      "prepend-icon": "add",
-                      variant: "secondary",
-                      "text-color": "primary",
-                      "bg-color": "transparent",
-                      "border-color": "primary",
-                      onClick: r[9] || (r[9] = (C) => Te()),
-                      size: "md"
-                    }, null, 8, ["disabled", "label"]),
-                    e(t).template ? (S(), J(ae, {
-                      key: 0,
-                      "z-index": 50
-                    }, {
-                      content: D(() => [
-                        o("div", null, U(e(f)("inventory.transfer.form.items.forecastStock.notAvailable")), 1)
-                      ]),
-                      default: D(() => [
-                        d(tt, {
-                          "onUpdate:poItems": r[10] || (r[10] = (C) => e(t).items = C),
-                          disabled: ""
-                        })
-                      ]),
-                      _: 1
-                    })) : (S(), J(tt, {
-                      key: 1,
-                      "onUpdate:poItems": r[11] || (r[11] = (C) => e(t).items = C),
-                      disabled: s.disabled || !!e(t).template
-                    }, null, 8, ["disabled"]))
-                  ])
-                ], 2),
-                $.value === e(j).PURCHASE && V.value && e(l).enableTotalCost && ((Qe = s.modelValue) != null && Qe.items.length) ? (S(), M("div", oa, [
-                  d(we, {
-                    label: e(H) ? e(f)("inventory.transfer.form.items.fetchingData") : e(f)("inventory.transfer.form.items.comparePriceHistory"),
-                    "prepend-icon": "compare_arrows",
-                    "label-placement": "right",
-                    "model-value": e(c),
-                    "onUpdate:modelValue": r[12] || (r[12] = (C) => Se(c) ? c.value = C : null),
-                    disabled: e(H) || s.disabled
-                  }, null, 8, ["label", "model-value", "disabled"])
-                ])) : G("", !0),
-                (S(), J(ce, {
-                  "column-defs": Ce.value,
-                  "row-data": e(t).items,
-                  key: e(t).items.map((C) => C.sku._id).join("."),
-                  "hide-footer": "",
-                  "page-size": e(t).items.length
-                }, {
-                  "table-row": D((C) => [
-                    d(Rs, {
-                      "compare-price-by-sku": e(oe),
-                      "show-compare-price": $.value === e(j).PURCHASE && e(c),
-                      row: C
-                    }, null, 8, ["compare-price-by-sku", "show-compare-price", "row"])
-                  ]),
-                  "list-row": D((C) => [
-                    (S(), J(nt, {
-                      row: C,
-                      key: e(t).items.map((se) => se.sku._id).join(".")
-                    }, {
-                      default: D((se) => [
-                        d(ms, {
-                          "compare-price-by-sku": e(oe),
-                          "show-compare-price": $.value === e(j).PURCHASE && e(c),
-                          row: C,
-                          "cell-by-col-id": se
-                        }, null, 8, ["compare-price-by-sku", "show-compare-price", "row", "cell-by-col-id"])
-                      ]),
-                      _: 2
-                    }, 1032, ["row"]))
-                  ]),
-                  _: 1
-                }, 8, ["column-defs", "row-data", "page-size"]))
-              ])
-            ];
-          }),
-          _: 1
-        }, 8, ["disabled", "onValidationFailed"])
-      ]);
-    };
-  }
-}), na = { class: "flex items-center" }, ra = { class: "fm-typo-en-title-md-800" }, ia = { class: "flex gap-4" }, ua = /* @__PURE__ */ pe({
-  __name: "TransferDialog",
-  props: {
-    mode: {},
-    modelValue: {},
-    templateId: {},
-    show: { type: Boolean },
-    lastClosingDate: {}
-  },
-  emits: ["update:show", "submitted"],
-  setup(m, { expose: y, emit: n }) {
-    var Q;
-    const i = m, b = n, t = rt(), f = ut(), g = qe(), w = Ke(), u = He(), a = je(), l = Ae(), { t: v } = he(), k = N(!1), h = N(!1), _ = N(!1);
-    async function x(p) {
-      if (p) {
-        h.value = !1;
-        try {
-          await w.readSuppliers(), h.value = !0;
-        } catch {
-          g.open({
-            title: v("inventory.transfer.form.unableToFetchListOfSuppliers.title"),
-            message: v("inventory.transfer.form.unableToFetchListOfSuppliers.message"),
-            type: "error"
-          });
-        }
-      }
-    }
-    a.watchLocation(x);
-    function F() {
-      return {
-        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: ""
-          }
-        },
-        status: "DRAFT",
-        _id: "",
-        seqNumber: 0,
-        deliveryOrder: [],
-        template: i.templateId,
-        templateDoc: f.templates.find((c) => c._id === i.templateId)
-      };
-    }
-    const V = Nt(i, "show"), z = N(i.modelValue ?? F()), ue = N(((Q = i.modelValue) == null ? void 0 : Q._id) ?? `${Math.random()}`);
-    _e(
-      () => i.show,
-      (p) => {
-        var c;
-        p && (_.value = !1, z.value = i.modelValue ?? F(), ue.value = ((c = i.modelValue) == null ? void 0 : c._id) ?? `${Math.random()}`);
-      }
-    );
-    const T = q(() => !h.value || !_.value), $ = q(() => {
-      switch (i.mode) {
-        case De.READ:
-          return "View transfer";
-        case De.CREATE:
-          return v("inventory.transfer.receiveRequest.create.title");
-        case De.UPDATE:
-          return v("inventory.transfer.receiveRequest.update.title");
-      }
-      return "";
-    }), O = N();
-    y({
-      validateInputs: () => {
-        var p, c;
-        (c = (p = O.value) == null ? void 0 : p.validateInputs) == null || c.call(p);
-      },
-      resetInputsValidation: () => {
-        var p, c;
-        (c = (p = O.value) == null ? void 0 : p.resetInputsValidation) == null || c.call(p);
-      },
-      resetInputs: () => {
-        var p, c;
-        (c = (p = O.value) == null ? void 0 : p.resetInputs) == null || c.call(p);
-      }
-    });
-    async function R() {
-      const p = z.value;
-      k.value = !0, (p.supplier.internal === "warehouse" || p.supplier.internal === "restaurant") && (p.items = p.items.map(({ totalCost: c, ...H }) => H)), l.mustUseDefaultCost && (p.items = p.items.map((c) => ({
-        ...c,
-        totalCost: re(c.sku, c.quantity, c.measurement)
-      })));
-      try {
-        await t.createPurchaseOrder(p), await new Promise((c) => setTimeout(c, 1e3)), g.open({
-          title: v("inventory.transfer.receiveRequest.create.success"),
-          message: v("inventory.transfer.receiveRequest.create.successMessage"),
-          type: "success"
-        }), b("update:show", !1), b("submitted");
-      } catch (c) {
-        g.open({
-          title: v("inventory.transfer.receiveRequest.create.error.title"),
-          message: v("inventory.transfer.receiveRequest.create.error.message"),
-          type: "error"
-        }), console.error("Error in creating purchase order", c);
-      } finally {
-        k.value = !1;
-      }
-    }
-    async function I() {
-      const p = z.value;
-      k.value = !0, (p.supplier.internal === "warehouse" || p.supplier.internal === "restaurant") && (p.items = p.items.map(({ totalCost: c, ...H }) => H)), l.mustUseDefaultCost && (p.items = p.items.map((c) => ({
-        ...c,
-        totalCost: re(c.sku, c.quantity, c.measurement)
-      })));
-      try {
-        await t.updatePurchaseOrder(p), await new Promise((c) => setTimeout(c, 1e3)), g.open({
-          title: v("inventory.transfer.receiveRequest.update.success"),
-          message: v("inventory.transfer.receiveRequest.update.successMessage"),
-          type: "success"
-        }), b("update:show", !1), b("submitted");
-      } catch (c) {
-        g.open({
-          title: v("inventory.transfer.receiveRequest.update.error.title"),
-          message: v("inventory.transfer.receiveRequest.update.error.message"),
-          type: "error"
-        }), console.error("Error in updating purchase order", c);
-      } finally {
-        k.value = !1;
-      }
-    }
-    function B() {
-      switch (i.mode) {
-        case De.CREATE:
-          return R();
-        case De.UPDATE:
-          return I();
-      }
-    }
-    function K() {
-      var p, c;
-      (c = (p = O.value) == null ? void 0 : p.validateInputs) == null || c.call(p);
-    }
-    return (p, c) => {
-      const H = P("FmButton"), oe = P("FmSideSheet");
-      return S(), J(oe, {
-        modelValue: e(V),
-        "onUpdate:modelValue": c[3] || (c[3] = (X) => Se(V) ? V.value = X : null),
-        "dismiss-away": "",
-        "close-button": "",
-        "max-width": 900
-      }, {
-        "side-sheet-header": D(() => [
-          o("div", na, [
-            o("div", ra, U($.value), 1)
-          ])
-        ]),
-        default: D(() => [
-          (S(), J(la, {
-            class: "w-full",
-            ref_key: "formRef",
-            ref: O,
-            "onForm:ready": c[0] || (c[0] = () => _.value = !0),
-            onValidationSuccess: B,
-            modelValue: z.value,
-            "onUpdate:modelValue": c[1] || (c[1] = (X) => z.value = X),
-            disabled: k.value || T.value,
-            suppliers: e(w).suppliers,
-            skus: e(u).skus,
-            key: ue.value,
-            "last-closing-date": p.lastClosingDate
-          }, null, 8, ["modelValue", "disabled", "suppliers", "skus", "last-closing-date"]))
-        ]),
-        "side-sheet-footer": D(() => [
-          o("div", ia, [
-            d(H, {
-              loading: k.value,
-              disabled: T.value,
-              label: e(v)("common.save"),
-              onClick: K
-            }, null, 8, ["loading", "disabled", "label"]),
-            d(H, {
-              disabled: T.value,
-              variant: "tertiary",
-              label: e(v)("common.close"),
-              onClick: c[2] || (c[2] = (X) => b("update:show", !1))
-            }, null, 8, ["disabled", "label"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-}), da = { class: "flex flex-col py-8" }, ca = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ma = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, pa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, fa = {
-  key: 0,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1"
-}, va = { class: "pt-8" }, st = "ReceiveRequestViewSearchCriteria", Pa = /* @__PURE__ */ pe({
-  __name: "ReceiveRequestView",
-  setup(m) {
-    const { t: y } = he(), n = qe();
-    Ve.object({
-      name: Ve.string().optional().nullable(),
-      startDate: Ve.string().optional().nullable(),
-      endDate: Ve.string().optional().nullable()
-    });
-    const i = q(
-      () => !l._currentLocation || u.loading.value
-    ), b = Et(), t = Ae();
-    function f() {
-      const T = {
-        name: "",
-        ...Je()
-      }, $ = b.getItem(st);
-      if (!$)
-        return T;
-      try {
-        return JSON.parse($);
-      } catch {
-        return T;
-      }
-    }
-    function g() {
-      b.setItem(st, JSON.stringify(w.value));
-    }
-    const w = N(f()), u = It("receive/request", w.value), { columnDefs: a } = Vt("receive/request", u), l = je();
-    async function v() {
-      const T = `inventory-record_${We(w.value.startDate).format("DD-MM-YYYY_HH-mm")}-${We(w.value.endDate).format("DD-MM-YYYY_HH-mm")}.xlsx`, $ = u.purchaseOrders.value.flatMap(
-        (R) => R.items.map((I) => {
-          const B = new Date(Mt(R._id) ?? ""), K = R.effectiveAt ? new Date(R.effectiveAt) : void 0, Q = ye(
-            At(I.sku, R.deliveryOrder || [])
-          ), p = ye(I.quantity);
-          return {
-            "SKU code": I.code,
-            "SKU name": I.name,
-            "PO #": R.seqNumber,
-            "Effective at": K,
-            Date: B,
-            Status: R.status,
-            Reference: R.ref ?? "",
-            "Received quantity": Q,
-            "Ordered quantity": p,
-            Unit: I.sku.unit.abbrev,
-            "Total cost": I.totalCost ? ze(I.totalCost) : null
-          };
-        })
-      ), O = [
-        "SKU code",
-        "SKU name",
-        "PO #",
-        "Date",
-        "Status",
-        "Reference",
-        "Received quantity",
-        "Ordered quantity",
-        "Unit"
-      ];
-      t.enableBackdatePo && O.insert("Effective at", 4), t.enableTotalCost && O.push("Total cost"), await Ut(
-        [
-          {
-            name: "purchases",
-            data: $,
-            columns: O
-          }
-        ],
-        T
-      ), n.open({
-        title: y("inventory.transfer.receiveRequest.export.success"),
-        message: y("inventory.transfer.receiveRequest.export.message", [T]),
-        type: "success"
-      });
-    }
-    const k = N(Je()), h = N("");
-    _e([() => k.value], ([T]) => {
-      !T.startDate || !T.endDate || (w.value.startDate = T.startDate, w.value.endDate = T.endDate, u.updateDateRange(
-        w.value.startDate,
-        w.value.endDate
-      ), g());
-    }), _e([() => h.value], () => {
-      g();
-    });
-    function _(T) {
-      if (T === "create") {
-        if (i.value) {
-          n.open({
-            title: "Loading data...",
-            message: "Please wait.",
-            type: "info"
-          });
-          return;
-        }
-        return u.promptCreateTransferDialog();
-      }
-      if (T === "refresh")
-        return u.fetchData();
-      if (T === "export")
-        return v();
-    }
-    const { breakpoints: x } = Ye(), F = q(() => x.value.xs || x.value.sm), V = q(() => F.value ? 10 : 20), z = $t(), ue = q(() => [
-      {
-        label: y("inventory.transfer.receiveRequest.actions.create"),
-        value: "create",
-        isPrimary: !0,
-        prependIcon: "add"
-      },
-      {
-        label: y("common.refresh"),
-        value: "refresh"
-      },
-      {
-        label: y("common.export"),
-        value: "export"
-      }
-    ]);
-    return (T, $) => {
-      const O = P("FmTable");
-      return S(), J(Tt, {
-        title: e(y)("inventory.transfer.receiveRequest.title2"),
-        actions: ue.value,
-        "onClick:action": _
-      }, {
-        default: D(() => {
-          var R;
-          return [
-            o("div", {
-              class: W([
-                "flex flex-col gap-8 max-h-full",
-                {
-                  "p-0": F.value,
-                  "px-24 ": !F.value
-                }
-              ])
-            }, [
-              d(Pt, {
-                "date-range-query": "",
-                "date-range": k.value,
-                "onUpdate:dateRange": $[0] || ($[0] = (I) => k.value = I),
-                searchable: "",
-                "change-location": "",
-                search: h.value,
-                "onUpdate:search": $[1] || ($[1] = (I) => h.value = I)
-              }, null, 8, ["date-range", "search"]),
-              (S(), J(O, {
-                style: ot(e(z).tableHeight),
-                "column-defs": e(a),
-                "row-data": e(u).purchaseOrders.value,
-                "search-value": h.value,
-                loading: i.value,
-                onRowClick: $[2] || ($[2] = (I) => e(u).promptShowTransferDetails(I.original)),
-                key: (R = e(l)._currentLocation) == null ? void 0 : R.dbName,
-                "page-size": V.value
-              }, {
-                "list-row": D((I) => [
-                  d(nt, {
-                    row: I,
-                    onRowClick: e(u).promptShowTransferDetails
-                  }, {
-                    default: D((B) => {
-                      var K, Q, p, c, H, oe, X, $e, Ce, Te, Me, Pe, s, r, E, Z, de, be, ae, fe;
-                      return [
-                        o("div", da, [
-                          o("div", ca, [
-                            d(e(ie), {
-                              render: (p = (Q = (K = B._id) == null ? void 0 : K.column) == null ? void 0 : Q.columnDef) == null ? void 0 : p.cell,
-                              props: (H = (c = B._id) == null ? void 0 : c.getContext) == null ? void 0 : H.call(c)
-                            }, null, 8, ["render", "props"])
-                          ]),
-                          o("div", ma, [
-                            d(e(ie), {
-                              render: ($e = (X = (oe = B.supplier_name) == null ? void 0 : oe.column) == null ? void 0 : X.columnDef) == null ? void 0 : $e.cell,
-                              props: (Te = (Ce = B.supplier_name) == null ? void 0 : Ce.getContext) == null ? void 0 : Te.call(Ce)
-                            }, null, 8, ["render", "props"])
-                          ]),
-                          o("div", pa, U(I.original.items.map((xe) => `${xe.name}`).join(", ")), 1),
-                          I.original.ref ? (S(), M("div", fa, [
-                            d(e(ie), {
-                              render: (s = (Pe = (Me = B.ref) == null ? void 0 : Me.column) == null ? void 0 : Pe.columnDef) == null ? void 0 : s.cell,
-                              props: (E = (r = B.ref) == null ? void 0 : r.getContext) == null ? void 0 : E.call(r)
-                            }, null, 8, ["render", "props"])
-                          ])) : G("", !0),
-                          o("div", va, [
-                            d(e(ie), {
-                              render: (be = (de = (Z = B.status) == null ? void 0 : Z.column) == null ? void 0 : de.columnDef) == null ? void 0 : be.cell,
-                              props: (fe = (ae = B.status) == null ? void 0 : ae.getContext) == null ? void 0 : fe.call(ae)
-                            }, null, 8, ["render", "props"])
-                          ])
-                        ])
-                      ];
-                    }),
-                    _: 2
-                  }, 1032, ["row", "onRowClick"])
-                ]),
-                _: 1
-              }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
-            ], 2),
-            (S(), J(mt, { to: "body" }, [
-              d(ua, Oe(e(u).transferDialogProps.value, {
-                onSubmitted: e(u).fetchData
-              }), null, 16, ["onSubmitted"]),
-              d(Rt, Oe(e(u).transferDetailsProps.value, {
-                onSubmitted: e(u).fetchData
-              }), null, 16, ["onSubmitted"])
-            ]))
-          ];
-        }),
-        _: 1
-      }, 8, ["title", "actions"]);
-    };
-  }
-});
-export {
-  Pa as default
-};