@feedmepos/mf-inventory-portal 0.0.23-dev.42 → 0.0.23-dev.44

package/dist/ReceiveRequestView-Dnl79p8h.js

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