@feedmepos/mf-inventory-portal 0.0.23-dev.9 → 0.0.24-dev.1

package/dist/ReceiveRequestView-uOeSh0Mr.js

@@ -0,0 +1,1866 @@
+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 ge, normalizeClass as ae, 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 _t, a as He, aq as gt, 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-DntcWR3_.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-CWMn6fFf.js";
+import { _ as it, u as qt, i as Mt, e as Ut } from "./PremiumBadge.vue_vue_type_script_setup_true_lang-BuQde75S.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-Hy48Iw5j.js";
+import { _ as zt, F as Lt, a as Xe, b as Ht } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-DhpHOaRH.js";
+import { c as re, u as jt, _ as Yt } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-B_c6Vn6P.js";
+import { useI18n as he } from "@feedmepos/mf-common";
+import { u as Ke } from "./supplier-CXhkgC4M.js";
+import { _ as Kt } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
+import { u as Qt } from "./vue-i18n-ByVzHsI7.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, g, x, F;
+    return !!(((v = (l = u.defaultCost) == null ? void 0 : l.costPerUnit) == null ? void 0 : v.amount) ?? ((F = (x = (g = (h = (k = m.supplier) == null ? void 0 : k.supplyItems) == null ? void 0 : h.find((V) => V.skuId === u._id)) == null ? void 0 : g.defaultCost) == null ? void 0 : x.costPerUnit) == null ? void 0 : F.amount));
+  }
+  const _ = [
+    {
+      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(
+          (g) => g.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": (g) => {
+            const x = {
+              ...a,
+              quantity: g.amount,
+              measurement: g.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) ? _ : _.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), (_) => {
+              var w;
+              return S(), M("div", {
+                key: _.date,
+                class: "flex flex-col w-[150px] xs:flex-1 text-ellipsis cursor-pointer"
+              }, [
+                o("div", Xt, [
+                  o("span", null, U(_.totalCost ? e(ze)(_.totalCost) : "No data"), 1),
+                  b[0] || (b[0] = o("span", { class: "text-fm-color-typo-secondary" }, "/", -1)),
+                  o("span", null, U(e(ye)(_.totalUnit, !1)), 1),
+                  o("span", null, U(((w = _.measurement) == null ? void 0 : w.abbrev) ?? _.unit.abbrev), 1)
+                ]),
+                o("div", es, [
+                  o("span", null, "(#" + U(_.seqNumber) + ")", 1),
+                  b[1] || (b[1] = o("span", null, U(" "), -1)),
+                  o("span", null, U(e(Le)(new Date(_.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, _, w, u, a, l, v, k, h, g, 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 = (_ = (f = n.cellByColId.Delete) == null ? void 0 : f.column) == null ? void 0 : _.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: (g = (h = n.cellByColId[e(Y).Code]) == null ? void 0 : h.getContext) == null ? void 0 : g.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 ? "" : _t(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"], _s = ["stroke"], gs = /* @__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, _s)
+    ]));
+  }
+}), 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(), _ = 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 = _.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"), g = P("FmPopover");
+      return S(), J(g, {
+        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(gs, {
+                  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);
+  ge(n, (f) => {
+    f && (b.value = !0, i().finally(() => {
+      b.value = !1;
+    }));
+  });
+  async function i() {
+    try {
+      const { startDate: f, endDate: _ } = gt(6), a = (await y.getPurchaseOrders({ start: f, end: _ })).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 g of v.items) {
+          if (!g.totalCost) continue;
+          const x = l[g.sku._id] ?? {}, F = x[h] ?? [];
+          F.push({
+            date: k.toISOString(),
+            totalUnit: g.quantity,
+            totalCost: g.totalCost,
+            unit: g.sku.unit,
+            measurement: g.measurement,
+            seqNumber: v.seqNumber
+          }), x[h] = F, l[g.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: ae(["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 _, w, u, a;
+            return S(), M("td", {
+              key: f.id,
+              class: ae([
+                "h-[52px] px-16 text-fm-color-typo-primary",
+                ((_ = y(f)) == null ? void 0 : _.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), _ = 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 g = n.currentLocationSubsidiary();
+        i.setting ? a = {
+          ...i.setting,
+          subsidiary: {
+            id: g.id || "",
+            name: g.name
+          }
+        } : a = {
+          ...a,
+          subsidiary: {
+            id: g.id || "",
+            name: g.name
+          }
+        };
+        const x = n.getAvailableItems(g.id), F = i.items.filter((V) => {
+          if (V.measurement != null) {
+            const z = n.getAvailableMeasurements(
+              V.sku._id,
+              g.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 ? _.value = n.getNetSuiteLocation(
+          `${i.supplier.internal}_${i.supplier._id}`
+        ) : _.value = n.getNetSuiteVendor(i.supplier._id);
+        const g = i.supplier.internal ? n.getLocationSubsidiary((l = _.value) == null ? void 0 : l.netSuiteId).id : (v = _.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 || g && n.isEnabled && g == 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 _.value == null ? `Cannot find the NetSuite location for "${i.supplier.name}"` : `The subsidiary of the request
+        location is ${(l = n.getLocationSubsidiary((a = _.value) == null ? void 0 : a.netSuiteId)) == null ? void 0 : l.fullName}`;
+    });
+    return (a, l) => {
+      const v = P("FmLabel"), k = P("FmIcon"), h = P("FmField"), g = 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(g, {
+            "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: ae([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 = { class: "line-clamp-1 fm-typo-en-body-lg-400" }, Gs = { class: "line-clamp-1 fm-typo-en-body-lg-400" }, Js = {
+  key: 3,
+  class: "p-16 border border-fm-color-neutral-gray-300 fm-corner-radius-md flex flex-col"
+}, Ws = {
+  key: 0,
+  class: "flex-1 flex gap-8 h-48 xs:flex-col xs:pt-16 sm:flex-col sm:pt-16"
+}, Xs = { class: "flex-1" }, ea = { class: "flex-1" }, ta = {
+  key: 1,
+  class: "flex items-center gap-4"
+}, sa = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary translate-y-[1px]" }, aa = { class: "flex flex-col gap-16" }, oa = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, la = { class: "flex gap-8" }, na = { key: 0 }, ra = /* @__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(), _ = je(), w = He(), u = Ne(), a = Ke(), l = Ae(), v = ut(), { breakpoints: k } = Ye(), h = q(() => k.value.xs || k.value.sm), g = 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);
+    ge(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;
+      }
+    }), ge([x, g], ([s, r], [E, Z]) => {
+      r.value && Z.value && b("form:ready");
+    });
+    const z = q(
+      () => _.currentLocation.type === xt.restaurant
+    );
+    _.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]);
+      }
+    });
+    ge(
+      () => {
+        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(), W = N();
+    y({
+      validateInputs: () => {
+        var s, r;
+        (r = (s = W.value) == null ? void 0 : s.validateInputs) == null || r.call(s);
+      },
+      resetInputsValidation: () => {
+        var s, r;
+        (r = (s = W.value) == null ? void 0 : s.resetInputsValidation) == null || r.call(s);
+      },
+      resetInputs: () => {
+        var s, r;
+        (r = (s = W.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 se, fe, xe, Ie, we;
+      const s = new Set((xe = (fe = (se = F.value) == null ? void 0 : se.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, ee, ce, ne;
+        const X = (ee = (le = F.value) == null ? void 0 : le.purchaseOrder) == null ? void 0 : ee.items.find(
+          (me) => me.sku._id === A._id
+        );
+        if (X != null && X.measurement != null) {
+          const me = u.getAvailableMeasurements(
+            X.sku._id,
+            (ne = (ce = t.netSuite) == null ? void 0 : ce.subsidiary) == null ? void 0 : ne.id
+          );
+          return r.includes(X.sku._id) && me.includes(X.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 X;
+        return (X = t.items) == null ? void 0 : X.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 X = t.items ?? [], le = A.map((ee) => {
+          var me, Fe;
+          const ce = X.find((_e) => _e.sku._id === ee._id);
+          if (ce)
+            return ce;
+          const ne = ((Fe = (me = F.value) == null ? void 0 : me.purchaseOrder.items) == null ? void 0 : Fe.find(
+            (_e) => _e.sku._id === ee._id
+          )) ?? {
+            sku: ee,
+            code: ee.code,
+            name: ee.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((ee, ce) => ee.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"), se = P("FmTooltip"), fe = P("FmSelect"), xe = P("FmTextField"), Ie = P("FmTextarea"), we = P("FmSwitch"), A = P("FmDatePicker"), X = P("FmTimePicker"), le = P("FmFormGroup"), ee = 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(_).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: W,
+          class: "flex flex-col gap-32",
+          disabled: s.disabled,
+          onValidationFailed: console.log,
+          onValidationSuccess: r[13] || (r[13] = (_e) => b("validation-success"))
+        }, {
+          default: D(() => {
+            var _e, Qe;
+            return [
+              o("div", Ns, [
+                o("div", zs, [
+                  (_e = i.modelValue) != null && _e.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(se, {
+                          "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: ae({ "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: ae([
+                            "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(se, {
+                          "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: ae({ "text-fm-color-typo-disabled": s.disabled })
+                                    }, U((C = O.value.find((te) => te.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", Zs, U(e(wt)($.value)), 1)
+                      ]),
+                      _: 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 te, Ze;
+                        return [
+                          d(Yt, Oe(C, {
+                            items: O.value,
+                            "model-value": (Ze = (te = s.modelValue) == null ? void 0 : te.supplier) == null ? void 0 : Ze._id
+                          }), null, 16, ["items", "model-value"])
+                        ];
+                      }),
+                      default: D(() => {
+                        var C;
+                        return [
+                          o("span", Gs, U((C = O.value.find((te) => te.value === R.value)) == null ? void 0 : C.label), 1)
+                        ];
+                      }),
+                      _: 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: ae([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, te) => {
+                      e(t).items = C, e(t).netSuite = te;
+                    },
+                    "onNetsuite:ready": r[4] || (r[4] = (C) => {
+                      g.value = !0;
+                    })
+                  }, null, 8, ["required", "disabled", "supplier", "setting", "items", "onChange"])) : G("", !0),
+                  e(l).enableBackdatePo ? (S(), M("div", Js, [
+                    o("div", {
+                      class: ae([
+                        "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: ae({ hidden: h.value, "w-16": !h.value })
+                      }, null, 2),
+                      e(K) ? (S(), M("div", Ws, [
+                        o("div", Xs, [
+                          d(A, {
+                            modelValue: e(Q),
+                            "onUpdate:modelValue": r[6] || (r[6] = (C) => Se(Q) ? Q.value = C : null)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        o("div", ea, [
+                          d(X, {
+                            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", ta, [
+                      d(de, {
+                        name: "error",
+                        size: "sm",
+                        class: "text-fm-color-typo-warning"
+                      }),
+                      o("span", sa, U(e(f)("inventory.transfer.form.backdate.error")), 1)
+                    ])) : G("", !0)
+                  ])) : G("", !0)
+                ])
+              ]),
+              o("div", aa, [
+                d(le, {
+                  "model-value": e(t).items,
+                  rules: [e(Re)(1)]
+                }, null, 8, ["model-value", "rules"]),
+                o("div", {
+                  class: ae([
+                    "flex gap-16",
+                    {
+                      "flex-col items-start": h.value,
+                      "items-center": !h.value
+                    }
+                  ])
+                }, [
+                  o("div", oa, U(e(f)("inventory.transfer.form.items.title")), 1),
+                  o("div", la, [
+                    d(ee, {
+                      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(se, {
+                      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", na, [
+                  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((te) => te.sku._id).join(".")
+                    }, {
+                      default: D((te) => [
+                        d(ms, {
+                          "compare-price-by-sku": e(oe),
+                          "show-compare-price": $.value === e(j).PURCHASE && e(c),
+                          row: C,
+                          "cell-by-col-id": te
+                        }, 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"])
+      ]);
+    };
+  }
+}), ia = { class: "flex items-center" }, ua = { class: "fm-typo-en-title-md-800" }, da = { class: "flex gap-4" }, ca = /* @__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(), _ = qe(), w = Ke(), u = He(), a = je(), l = Ae(), { t: v } = he(), k = N(!1), h = N(!1), g = N(!1);
+    async function x(p) {
+      if (p) {
+        h.value = !1;
+        try {
+          await w.readSuppliers(), h.value = !0;
+        } catch {
+          _.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()}`);
+    ge(
+      () => i.show,
+      (p) => {
+        var c;
+        p && (g.value = !1, z.value = i.modelValue ?? F(), ue.value = ((c = i.modelValue) == null ? void 0 : c._id) ?? `${Math.random()}`);
+      }
+    );
+    const T = q(() => !h.value || !g.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)), _.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) {
+        _.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)), _.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) {
+        _.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] = (W) => Se(V) ? V.value = W : null),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 900
+      }, {
+        "side-sheet-header": D(() => [
+          o("div", ia, [
+            o("div", ua, U($.value), 1)
+          ])
+        ]),
+        default: D(() => [
+          (S(), J(ra, {
+            class: "w-full",
+            ref_key: "formRef",
+            ref: O,
+            "onForm:ready": c[0] || (c[0] = () => g.value = !0),
+            onValidationSuccess: B,
+            modelValue: z.value,
+            "onUpdate:modelValue": c[1] || (c[1] = (W) => z.value = W),
+            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", da, [
+            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] = (W) => b("update:show", !1))
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), ma = { class: "flex flex-col py-8" }, pa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, fa = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, va = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, ya = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1"
+}, ba = { class: "pt-8" }, st = "ReceiveRequestViewSearchCriteria", Va = /* @__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 _() {
+      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("");
+    ge([() => 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
+      ), _());
+    }), ge([() => h.value], () => {
+      _();
+    });
+    function g(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": g
+      }, {
+        default: D(() => {
+          var R;
+          return [
+            o("div", {
+              class: ae([
+                "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, W, $e, Ce, Te, Me, Pe, s, r, E, Z, de, be, se, fe;
+                      return [
+                        o("div", ma, [
+                          o("div", pa, [
+                            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", fa, [
+                            d(e(ie), {
+                              render: ($e = (W = (oe = B.supplier_name) == null ? void 0 : oe.column) == null ? void 0 : W.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", va, U(I.original.items.map((xe) => `${xe.name}`).join(", ")), 1),
+                          I.original.ref ? (S(), M("div", ya, [
+                            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", ba, [
+                            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 = (se = B.status) == null ? void 0 : se.getContext) == null ? void 0 : fe.call(se)
+                            }, 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(ca, 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 {
+  Va as default
+};