@feedmepos/mf-inventory-portal 0.0.24-dev.3 → 0.0.24-dev.49

package/dist/ReceiveRequestView-E4FtIHQm.js

@@ -0,0 +1,2584 @@
+import { reactive as bt, onMounted as ze, h as j, computed as q, defineComponent as ne, openBlock as C, createElementBlock as T, Fragment as le, renderList as Ce, createElementVNode as l, toDisplayString as R, unref as t, resolveComponent as I, createVNode as c, withCtx as P, createCommentVNode as L, ref as E, createBlock as Q, watch as ge, normalizeClass as K, normalizeStyle as gt, createTextVNode as Fe, nextTick as Dt, mergeProps as Qe, isRef as xe, createSlots as It, Teleport as Tt, normalizeProps as Vt, guardReactiveProps as Pt } from "vue";
+import { J as Xe, b as Be, $ as _t, m as Re, j as be, a1 as Ze, L as Rt, an as At, A as Ne, M as Et, n as ht, c as Le, a8 as Ge, G as ce, ao as qt, a as He, ap as Ut, aq as Mt, ar as Ot, H as kt, u as Je, as as Nt, at as zt, a0 as Bt, V as Lt, au as Ht, E as xt, e as Pe, w as jt, x as Yt, y as Kt, av as Oe, a2 as mt, z as Qt, _ as Xt, B as Zt, O as ct } from "./app-CrAS505q.js";
+import { u as We, a as Gt, P as Ke, b as Jt, _ as Wt, g as es } from "./TransferDetails.vue_vue_type_script_setup_true_lang-db47qL0f.js";
+import { _ as Ct, u as ts, i as ss, e as os } from "./PremiumBadge.vue_vue_type_script_setup_true_lang-Bzy_5Iha.js";
+import { u as as } from "./useTabStorage-BkIVScW_.js";
+import { useDialog as St, useBreakpoints as et, components as ve, FmButtonVariant as ls, useSnackbar as $e, useProxiedModel as wt } from "@feedmepos/ui-library";
+import { P as se, u as Ft } from "./format-unit-display-Becux8VN.js";
+import { _ as ns, F as rs, a as is, b as us } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-BCQAMGnj.js";
+import { c as me, u as ds, _ as ms } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-CH1wbfBF.js";
+import { useI18n as pe } from "@feedmepos/mf-common";
+import { defineStore as cs } from "pinia";
+import { u as tt } from "./supplier-BPzrg-JT.js";
+import { _ as ps } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
+import { u as fs } from "./vue-i18n-DSQQNX5F.js";
+import "./array-hChJVZLE.js";
+const vs = cs("inventoryMultiSelectDialog", () => {
+  const f = St(), { t: h } = pe();
+  return { multiSelect: async (y, e, d) => {
+    const k = d ?? ((s) => s), { promise: w, resolve: n } = Promise.withResolvers();
+    return f.open({
+      title: "Select items",
+      closeButton: !0,
+      contentComponent: Xe,
+      contentComponentProps: {
+        modelValue: e ?? [],
+        items: y,
+        virtualScroll: !0,
+        onClose: () => n(null)
+      },
+      primaryActions: {
+        text: h("common.confirm"),
+        close: !0
+      },
+      secondaryActions: {
+        text: h("common.close"),
+        close: !0,
+        variant: "tertiary"
+      }
+    }).onPrimary((s) => {
+      const a = s.map((u) => k(u));
+      n(a);
+    }), w;
+  }, singleSelect: async (y, e, d) => {
+    const k = d ?? ((s) => s), { promise: w, resolve: n } = Promise.withResolvers();
+    return f.open({
+      title: "Select items",
+      closeButton: !0,
+      contentComponent: Xe,
+      contentComponentProps: {
+        modelValue: e ? [e] : [],
+        items: y,
+        virtualScroll: !0,
+        onClose: () => n(void 0),
+        singleSelect: !0
+      },
+      primaryActions: {
+        text: h("common.confirm"),
+        close: !0
+      },
+      secondaryActions: {
+        text: h("common.close"),
+        close: !0,
+        variant: "tertiary"
+      }
+    }).onPrimary((s) => {
+      if (!s.length)
+        return n(null);
+      const a = k(s[0]);
+      n(a);
+    }), w;
+  } };
+});
+var X = /* @__PURE__ */ ((f) => (f.Code = "Code", f.Name = "Name", f.TemplateName = "TemplateName", f.Amount = "Amount", f.Cost = "Cost", f.TotalCost = "TotalCost", f.Delete = "Delete", f))(X || {});
+const pt = () => (pe(), j(
+  Ct,
+  {
+    zIndex: 50,
+    class: "whitespace-nowrap"
+  },
+  `Total (${ht()})`
+));
+function ys(f) {
+  const { t: h } = pe(), r = bt({}), { breakpoints: i } = et(), y = Le(), e = Be();
+  vs(), ze(() => {
+    for (const n of f.items) {
+      if (!n.totalCost)
+        continue;
+      const s = me(n.sku, n.quantity, n.measurement, {
+        supplier: f.supplier
+      }), a = n.totalCost ?? _t.reset();
+      s ? r[n.sku._id] = s.amount !== a.amount || s.precision !== a.precision : r[n.sku._id] = !0;
+    }
+  });
+  function d(n) {
+    var a, u, m, p, F, x, $;
+    return !!(((u = (a = n.defaultCost) == null ? void 0 : a.costPerUnit) == null ? void 0 : u.amount) ?? (($ = (x = (F = (p = (m = f.supplier) == null ? void 0 : m.supplyItems) == null ? void 0 : p.find((v) => v.skuId === n._id)) == null ? void 0 : F.defaultCost) == null ? void 0 : x.costPerUnit) == null ? void 0 : $.amount));
+  }
+  const k = [
+    {
+      id: "Code",
+      header: () => h("inventory.transfer.form.items.table.Code"),
+      accessorKey: "code",
+      size: 200,
+      cell(n) {
+        const s = n.row.original;
+        return e.isEnabled ? j(
+          ve.FmTooltip,
+          {
+            content: s.code,
+            placement: "top",
+            variant: "plain",
+            zIndex: 50
+          },
+          j(
+            "span",
+            {
+              class: "flex-auto line-clamp-2 text-ellipsis break-all"
+            },
+            s.code
+          )
+        ) : j(ve.FmTextField, {
+          modelValue: s.code,
+          "onUpdate:modelValue": (a) => {
+            f.updateItem({
+              ...s,
+              code: a
+            });
+          },
+          key: s.sku._id,
+          rules: [Re()],
+          labelMark: "required"
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Name",
+      header: () => h("inventory.transfer.form.items.table.Name"),
+      minSize: 300,
+      cell(n) {
+        const s = n.row.original;
+        return e.isEnabled ? j(
+          ve.FmTooltip,
+          {
+            content: s.name,
+            placement: "top",
+            variant: "plain",
+            zIndex: 50
+          },
+          j(
+            "span",
+            {
+              class: "flex-auto line-clamp-2 text-ellipsis break-all"
+            },
+            s.name
+          )
+        ) : j(ve.FmTextField, {
+          modelValue: s.name,
+          "onUpdate:modelValue": (a) => {
+            f.updateItem({
+              ...s,
+              name: a
+            });
+          },
+          key: s.sku._id,
+          rules: [Re()],
+          labelMark: "required"
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "TemplateName",
+      header: () => h("inventory.transfer.form.items.table.Name"),
+      minSize: 300,
+      enableSorting: !1,
+      cell(n) {
+        const s = n.row.original, a = s.code, u = s.name;
+        return j(
+          ve.FmTooltip,
+          { zIndex: 50 },
+          {
+            default() {
+              return j("div", { class: "flex flex-col w-full" }, [
+                j(
+                  "div",
+                  { class: "line-clamp-1 fm-typo-en-body-lg-400 text-fm-color-typo-primary" },
+                  u
+                ),
+                j(
+                  "div",
+                  {
+                    class: "line-clamp-1 fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+                  },
+                  a
+                )
+              ]);
+            },
+            content() {
+              return u;
+            }
+          }
+        );
+      }
+    },
+    {
+      id: "Amount",
+      header: () => h("inventory.transfer.form.items.table.Amount"),
+      minSize: 200,
+      cell(n) {
+        var u, m, p, F;
+        const s = n.row.original, a = (p = (m = (u = f.template) == null ? void 0 : u.purchaseOrder) == null ? void 0 : m.items) == null ? void 0 : p.find(
+          (x) => x.sku._id === s.sku._id
+        );
+        return j(ns, {
+          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": (x) => {
+            if (!x) return;
+            const $ = {
+              ...s,
+              quantity: x.amount,
+              measurement: x.measurement
+            };
+            y.enableTotalCost && ($.totalCost = me(
+              $.sku,
+              $.quantity,
+              $.measurement,
+              {
+                supplier: f.supplier,
+                // NOTE: set undefined here if `manualTotalCost[updatedRow.sku._id] = false`, so that the function
+                // will return the auto calculated default cost instead of the manual total cost
+                manualTotalCost: r[$.sku._id] ? $.totalCost : void 0
+              }
+            )), f.updateItem($);
+          },
+          stepper: a == null ? void 0 : a.quantityStep,
+          disableUnit: !!a,
+          disabled: f.disabled,
+          rules: [
+            rs(
+              +be(
+                ((F = s.quantity) == null ? void 0 : F.amount) === 0 ? { amount: 0, precision: 0 } : (a == null ? void 0 : a.minimumQuantity) ?? { amount: 0, precision: 0 }
+              )
+            ),
+            is(
+              a != null && a.maximumQuantity ? +be(a == null ? void 0 : a.maximumQuantity) : 1 / 0
+            ),
+            ...a != null && a.quantityStep ? [us(a.quantityStep)] : []
+          ],
+          applyDefaultRules: !0
+        });
+      },
+      enableSorting: !1
+    },
+    y.mustUseDefaultCost ? {
+      id: "TotalCost",
+      header: pt,
+      size: 180,
+      accessorFn: (n) => {
+        const s = {
+          amount: n.quantity,
+          measurement: n.measurement
+        }, a = me(
+          n.sku,
+          s.amount,
+          s.measurement,
+          {
+            supplier: f.supplier
+          }
+        );
+        return be(a);
+      }
+    } : {
+      id: "Cost",
+      header: pt,
+      size: 180,
+      cell(n) {
+        const s = n.row.original, a = d(s.sku), u = i.value.xs || i.value.sm;
+        return !r[s.sku._id] && a ? j(
+          "div",
+          {
+            class: [
+              "flex gap-4 fm-typo-en-body-md-400 items-center",
+              f.disabled ? "text-fm-color-typo-disabled" : ""
+            ],
+            key: s.sku._id
+          },
+          [
+            j(ve.FmButton, {
+              prependIcon: "edit",
+              variant: ls.Tertiary,
+              disabled: f.disabled,
+              onClick() {
+                f.updateItem({
+                  ...s,
+                  totalCost: me(s.sku, s.quantity, s.measurement, {
+                    supplier: f.supplier
+                  })
+                }), r[s.sku._id] = !0;
+              }
+            }),
+            j(
+              "div",
+              {
+                class: "flex flex-col"
+              },
+              [
+                j(
+                  "span",
+                  u ? Ze(
+                    me(s.sku, s.quantity, s.measurement, {
+                      supplier: f.supplier
+                    })
+                  ) : be(
+                    me(s.sku, s.quantity, s.measurement, {
+                      supplier: f.supplier
+                    })
+                  )
+                ),
+                j(
+                  "span",
+                  {
+                    class: [
+                      "fm-typo-en-body-sm-400",
+                      f.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-neutral-gray-400"
+                    ]
+                  },
+                  h("inventory.transfer.form.items.autoCalculated")
+                )
+              ]
+            )
+          ]
+        ) : j(
+          ve.FmTextField,
+          {
+            modelValue: be(s.totalCost ?? { amount: 0, precision: 0 }),
+            key: s.sku._id,
+            "onUpdate:modelValue": (m) => {
+              f.updateItem({
+                ...s,
+                totalCost: {
+                  ...Rt(+m),
+                  currency: At()
+                }
+              });
+            },
+            rules: [Ne(0), Et(2)]
+          },
+          {
+            prepend() {
+              return u ? j(
+                "div",
+                {
+                  class: [
+                    "text-fm-typo-en-body-lg-400",
+                    f.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                  ]
+                },
+                ht()
+              ) : null;
+            },
+            append() {
+              return a ? j(ve.FmButton, {
+                prependIcon: "close",
+                variant: "tertiary",
+                disabled: f.disabled,
+                onClick() {
+                  f.updateItem({
+                    ...s,
+                    // NOTE: different from PO template, if a default cost is reenabled,
+                    // the total cost will automatically assigned
+                    totalCost: me(s.sku, s.quantity, s.measurement, {
+                      supplier: f.supplier
+                    })
+                  }), r[s.sku._id] = !1;
+                }
+              }) : null;
+            }
+          }
+        );
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Delete",
+      header: "",
+      cell(n) {
+        const s = n.row.original;
+        return j("div", { class: "flex justify-end" }, [
+          j(ve.FmButton, {
+            key: s.sku._id,
+            class: "delete-button",
+            type: "button",
+            icon: "delete",
+            variant: "tertiary",
+            size: "md",
+            disabled: f.disabled,
+            onClick: () => {
+              f.deleteItem(s);
+            }
+          })
+        ]);
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ];
+  return {
+    columnDefs: q(() => y.enableTotalCost && (y.mustUseDefaultCost || f.transferType === se.PURCHASE) ? k : k.filter(
+      (n) => n.id !== "Cost"
+      /* Cost */
+    ))
+  };
+}
+const bs = { class: "flex flex-col gap-8 px-16 xs:px-4 sm:px-4 py-4 items-center" }, gs = { class: "fm-typo-en-body-lg-600 xs:fm-typo-en-body-md-600 mr-auto xs:w-full" }, _s = { class: "w-[450px] xs:w-full flex" }, hs = { class: "fm-typo-en-body-md-400 whitespace-nowrap" }, ks = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, $t = /* @__PURE__ */ ne({
+  __name: "SupplierPriceHistory",
+  props: {
+    prices: {}
+  },
+  setup(f) {
+    const h = tt();
+    function r(i) {
+      return h.suppliers.find((y) => y._id === i);
+    }
+    return (i, y) => (C(), T("div", bs, [
+      (C(!0), T(le, null, Ce(Object.keys(i.prices), (e) => {
+        var d;
+        return C(), T("div", {
+          key: e,
+          class: "flex items-center gap-12 xs:gap-4 xs:flex-wrap w-full"
+        }, [
+          l("div", gs, R((d = r(e)) == null ? void 0 : d.name), 1),
+          l("div", _s, [
+            (C(!0), T(le, null, Ce(i.prices[e].slice(0, 3), (k) => {
+              var w;
+              return C(), T("div", {
+                key: k.date,
+                class: "flex flex-col w-[150px] xs:flex-1 text-ellipsis cursor-pointer"
+              }, [
+                l("div", hs, [
+                  l("span", null, R(k.totalCost ? t(Ze)(k.totalCost) : "No data"), 1),
+                  y[0] || (y[0] = l("span", { class: "text-fm-color-typo-secondary" }, "/", -1)),
+                  l("span", null, R(t(be)(k.totalUnit, !1)), 1),
+                  l("span", null, R(((w = k.measurement) == null ? void 0 : w.abbrev) ?? k.unit.abbrev), 1)
+                ]),
+                l("div", ks, [
+                  l("span", null, "(#" + R(k.seqNumber) + ")", 1),
+                  y[1] || (y[1] = l("span", null, R(" "), -1)),
+                  l("span", null, R(t(Ge)(new Date(k.date))), 1)
+                ])
+              ]);
+            }), 128))
+          ])
+        ]);
+      }), 128))
+    ]));
+  }
+}), xs = { class: "flex flex-col gap-8 py-16" }, Cs = { class: "flex items-center" }, Ss = { class: "flex-1 flex gap-1 items-center" }, ws = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Fs = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, $s = { class: "flex gap-8 w-full" }, Ds = { class: "flex-1 flex flex-col gap-4" }, Is = { class: "flex-1 flex flex-col gap-4" }, Ts = { class: "flex gap-8 w-full" }, Vs = { class: "flex-1 flex flex-col gap-4" }, Ps = {
+  key: 0,
+  class: "flex-1 flex flex-col gap-4"
+}, Rs = /* @__PURE__ */ ne({
+  __name: "TransferItem",
+  props: {
+    cellByColId: {},
+    comparePriceBySku: {},
+    showComparePrice: { type: Boolean },
+    row: {}
+  },
+  setup(f) {
+    const { t: h } = pe();
+    return (r, i) => {
+      var d, k, w, n, s, a, u, m, p, F, x, $, v, S, Y, V, A, z, O, U, H, Z, M, b, g, G, ue;
+      const y = I("FmLabel"), e = I("FmSpacer");
+      return C(), T("div", xs, [
+        l("div", Cs, [
+          l("div", Ss, [
+            l("span", ws, " (" + R(r.row.original.sku.code) + ") ", 1),
+            l("span", Fs, R(r.row.original.sku.name), 1)
+          ]),
+          l("div", null, [
+            c(t(ce), {
+              render: (w = (k = (d = r.cellByColId.Delete) == null ? void 0 : d.column) == null ? void 0 : k.columnDef) == null ? void 0 : w.cell,
+              props: (s = (n = r.cellByColId.Delete) == null ? void 0 : n.getContext) == null ? void 0 : s.call(n)
+            }, null, 8, ["render", "props"])
+          ])
+        ]),
+        l("div", $s, [
+          l("div", Ds, [
+            c(y, {
+              label: t(h)(`inventory.transfer.form.items.table.${t(X).Code}`)
+            }, null, 8, ["label"]),
+            c(t(ce), {
+              render: (m = (u = (a = r.cellByColId[t(X).Code]) == null ? void 0 : a.column) == null ? void 0 : u.columnDef) == null ? void 0 : m.cell,
+              props: (F = (p = r.cellByColId[t(X).Code]) == null ? void 0 : p.getContext) == null ? void 0 : F.call(p)
+            }, null, 8, ["render", "props"]),
+            i[0] || (i[0] = l("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ]),
+          l("div", Is, [
+            c(y, {
+              label: t(h)(`inventory.transfer.form.items.table.${t(X).Name}`)
+            }, null, 8, ["label"]),
+            c(t(ce), {
+              render: (v = ($ = (x = r.cellByColId[t(X).Name]) == null ? void 0 : x.column) == null ? void 0 : $.columnDef) == null ? void 0 : v.cell,
+              props: (Y = (S = r.cellByColId[t(X).Name]) == null ? void 0 : S.getContext) == null ? void 0 : Y.call(S)
+            }, null, 8, ["render", "props"]),
+            i[1] || (i[1] = l("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ])
+        ]),
+        l("div", Ts, [
+          l("div", Vs, [
+            c(y, {
+              label: t(h)(`inventory.transfer.form.items.table.${t(X).Amount}`)
+            }, null, 8, ["label"]),
+            c(t(ce), {
+              render: (z = (A = (V = r.cellByColId[t(X).Amount]) == null ? void 0 : V.column) == null ? void 0 : A.columnDef) == null ? void 0 : z.cell,
+              props: (U = (O = r.cellByColId[t(X).Amount]) == null ? void 0 : O.getContext) == null ? void 0 : U.call(O)
+            }, null, 8, ["render", "props"]),
+            i[2] || (i[2] = l("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ]),
+          r.cellByColId[t(X).Cost] ? (C(), T("div", Ps, [
+            c(Ct, { "z-index": 50 }, {
+              default: P(() => [
+                c(y, {
+                  label: t(h)(`inventory.transfer.form.items.table.${t(X).Cost}2`)
+                }, null, 8, ["label"])
+              ]),
+              _: 1
+            }),
+            c(t(ce), {
+              render: (M = (Z = (H = r.cellByColId[t(X).Cost]) == null ? void 0 : H.column) == null ? void 0 : Z.columnDef) == null ? void 0 : M.cell,
+              props: (g = (b = r.cellByColId[t(X).Cost]) == null ? void 0 : b.getContext) == null ? void 0 : g.call(b)
+            }, null, 8, ["render", "props"]),
+            i[3] || (i[3] = l("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ])) : L("", !0)
+        ]),
+        r.showComparePrice && Object.keys(r.comparePriceBySku[(G = r.row.original.sku) == null ? void 0 : G._id] ?? {}).length > 0 ? (C(), T(le, { key: 0 }, [
+          c(e, { class: "h-8" }),
+          c($t, {
+            prices: r.comparePriceBySku[(ue = r.row.original.sku) == null ? void 0 : ue._id]
+          }, null, 8, ["prices"])
+        ], 64)) : L("", !0)
+      ]);
+    };
+  }
+});
+function As(f) {
+  const h = q({
+    get() {
+      const e = f.getEffectiveAt();
+      return e ? new Date(e) : null;
+    },
+    set(e) {
+      f.setEffectiveAt((e == null ? void 0 : e.toISOString()) ?? null);
+    }
+  }), r = q({
+    get() {
+      return !!h.value;
+    },
+    set(e) {
+      e ? h.value = /* @__PURE__ */ new Date() : h.value = null;
+    }
+  }), i = q({
+    get() {
+      return h.value === null ? "" : Ge(h.value);
+    },
+    set(e) {
+      e ? h.value = /* @__PURE__ */ new Date(`${e} ${y.value}`) : h.value = null;
+    }
+  }), y = q({
+    get() {
+      return h.value === null ? "" : qt(h.value);
+    },
+    set(e) {
+      e ? h.value = /* @__PURE__ */ new Date(`${i.value} ${e}`) : h.value = null;
+    }
+  });
+  return {
+    backdatePo: h,
+    backdateSwitch: r,
+    backdateModel: i,
+    backdateTimeModel: y
+  };
+}
+const Es = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, qs = ["fill"], Us = ["fill"], Ms = ["stroke"], Os = ["stroke"], Ns = /* @__PURE__ */ ne({
+  __name: "SparkIcon",
+  props: {
+    size: {
+      type: Number,
+      default: 24
+    },
+    color: {
+      type: String,
+      default: "#c7c7cc"
+    }
+  },
+  setup(f) {
+    return (h, r) => (C(), T("svg", Es, [
+      l("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: f.color
+      }, null, 8, qs),
+      l("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: f.color
+      }, null, 8, Us),
+      l("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: f.color,
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, null, 8, Ms),
+      l("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: f.color,
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, null, 8, Os)
+    ]));
+  }
+}), zs = { class: "flex gap-8 items-center" }, Bs = { class: "fm-typo-en-body-lg-600 line-clamp-1" }, Ls = { class: "w-[343px] px-24 py-16 rounded-lg shadow-light-300 flex flex-col gap-[20px]" }, Hs = { class: "flex items-center w-full" }, js = { class: "flex-1" }, Ys = { class: "fm-typo-en-title-sm-800" }, Ks = { class: "flex items-start gap-8" }, Qs = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Xs = { class: "flex gap-1" }, ft = /* @__PURE__ */ ne({
+  __name: "ForecastStock",
+  props: {
+    disabled: { type: Boolean }
+  },
+  emits: ["update:poItems"],
+  setup(f, { emit: h }) {
+    const r = h, i = E(!1), y = E(7), e = ts(), d = $e(), k = He(), { t: w } = pe();
+    async function n() {
+      if (y.value < 1)
+        return;
+      i.value = !1, await e.readPurchaseOrder(y.value);
+      const s = [];
+      if (e.purchaseOrderForecast.skus.length <= 0) {
+        d.open({
+          message: w("inventory.transfer.form.items.forecastStock.notAvailable"),
+          type: "info"
+        });
+        return;
+      }
+      const a = e.purchaseOrderForecast.skus.reduce((u, m) => {
+        const p = k.skus.find(($) => $._id === m.id);
+        if (u.find(($) => $.sku._id === m.id) || !p)
+          return u;
+        const x = {
+          sku: p,
+          code: p.code,
+          name: p.name,
+          quantity: {
+            amount: m.amount,
+            precision: 0
+          }
+        };
+        return u.push(x), u;
+      }, s);
+      r("update:poItems", a);
+    }
+    return (s, a) => {
+      const u = I("FmButton"), m = I("FmIcon"), p = I("FmStepperField"), F = I("FmPopover");
+      return C(), Q(F, {
+        disabled: s.disabled,
+        class: "flex",
+        "show-popover": i.value,
+        onPopoverChanged: a[3] || (a[3] = (x) => i.value = x)
+      }, {
+        "popover-button": P(() => [
+          c(u, {
+            label: "unused",
+            variant: "secondary",
+            "text-color": s.disabled ? "disabled" : "primary",
+            "bg-color": "transparent",
+            "border-color": s.disabled ? "disabled" : "primary",
+            disabled: s.disabled
+          }, {
+            default: P(() => [
+              l("div", zs, [
+                c(Ns, {
+                  size: 24,
+                  color: s.disabled ? "#c7c7cc" : "#ff7823"
+                }, null, 8, ["color"]),
+                l("div", Bs, R(t(w)("inventory.transfer.form.items.forecastStock.title")), 1)
+              ])
+            ]),
+            _: 1
+          }, 8, ["text-color", "border-color", "disabled"])
+        ]),
+        default: P(() => [
+          l("div", Ls, [
+            l("div", Hs, [
+              l("div", js, [
+                c(ps, { "z-index": 99 }, {
+                  default: P(() => [
+                    l("p", Ys, R(t(w)("inventory.transfer.form.items.forecastStock.title")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              c(u, {
+                icon: "close",
+                size: "md",
+                variant: "tertiary",
+                onClick: a[0] || (a[0] = (x) => i.value = !1)
+              })
+            ]),
+            c(p, {
+              modelValue: y.value,
+              "onUpdate:modelValue": a[1] || (a[1] = (x) => y.value = x),
+              label: t(w)("inventory.transfer.form.items.forecastStock.days"),
+              rules: [t(Ne)(1)]
+            }, {
+              "helper-text": P(() => [
+                l("div", Ks, [
+                  c(m, {
+                    name: "warning",
+                    size: "sm",
+                    class: "text-fm-color-system-warning-300"
+                  }),
+                  l("div", Qs, R(t(w)("inventory.transfer.form.items.forecastStock.replace")), 1)
+                ])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "label", "rules"]),
+            l("div", Xs, [
+              a[4] || (a[4] = l("div", { class: "grow" }, null, -1)),
+              c(u, {
+                label: t(w)("common.cancel"),
+                variant: "tertiary",
+                onClick: a[2] || (a[2] = (x) => i.value = !1)
+              }, null, 8, ["label"]),
+              c(u, {
+                label: t(w)("inventory.transfer.form.items.forecastStock.generate"),
+                onClick: n
+              }, null, 8, ["label"])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled", "show-popover"]);
+    };
+  }
+});
+function Zs() {
+  const f = $e(), h = We(), r = E(!1);
+  ge(r, (d) => {
+    d && (y.value = !0, i().finally(() => {
+      y.value = !1;
+    }));
+  });
+  async function i() {
+    try {
+      const { startDate: d, endDate: k } = Ut(6), s = (await h.getPurchaseOrders({ start: d, end: k })).filter(
+        (a) => {
+          var u, m;
+          return a.status === Mt.enum.COMPLETE && ((u = a.supplier) == null ? void 0 : u.internal) !== "warehouse" && ((m = a.supplier) == null ? void 0 : m.internal) !== "restaurant";
+        }
+      ).reduce((a, u) => {
+        const m = new Date(Ot(u._id)), p = u.supplier._id;
+        for (const F of u.items) {
+          if (!F.totalCost) continue;
+          const x = a[F.sku._id] ?? {}, $ = x[p] ?? [];
+          $.push({
+            date: m.toISOString(),
+            totalUnit: F.quantity,
+            totalCost: F.totalCost,
+            unit: F.sku.unit,
+            measurement: F.measurement,
+            seqNumber: u.seqNumber
+          }), x[p] = $, a[F.sku._id] = x;
+        }
+        return a;
+      }, {});
+      e.value = s;
+    } catch {
+      f.open({
+        title: "Something went wrong",
+        message: "Cannot retrieve supplier purchase history. Please try again."
+      }), r.value = !1;
+    }
+  }
+  const y = E(!1), e = E({});
+  return {
+    comparePricesToggle: r,
+    comparePriceFetching: y,
+    comparePriceBySku: e
+  };
+}
+const Gs = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, Js = { key: 0 }, Ws = ["colspan"], eo = /* @__PURE__ */ ne({
+  __name: "TransferItemTable",
+  props: {
+    templateItem: {},
+    row: {},
+    comparePriceBySku: {},
+    showComparePrice: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  emits: ["update:item"],
+  setup(f) {
+    function h(r) {
+      return r.column.columnDef.meta;
+    }
+    return (r, i) => {
+      var y, e;
+      return C(), T(le, null, [
+        l("tr", {
+          class: K(["border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm", {
+            "bg-fm-color-neutral-gray-100": r.row.getIsSelected()
+          }])
+        }, [
+          (C(!0), T(le, null, Ce(r.row.getVisibleCells(), (d) => {
+            var k, w, n, s;
+            return C(), T("td", {
+              key: d.id,
+              class: K(["h-[56px] text-fm-color-typo-primary", ((k = h(d)) == null ? void 0 : k.cellClass) ?? "px-16"]),
+              style: gt({
+                width: (w = h(d)) == null ? void 0 : w.width,
+                maxWidth: (n = h(d)) == null ? void 0 : n.maxWidth,
+                textAlign: ((s = h(d)) == null ? void 0 : s.textAlign) ?? "left"
+              })
+            }, [
+              l("span", Gs, [
+                c(t(ce), {
+                  render: d.column.columnDef.cell,
+                  props: d.getContext()
+                }, null, 8, ["render", "props"])
+              ])
+            ], 6);
+          }), 128))
+        ], 2),
+        r.showComparePrice && Object.keys(r.comparePriceBySku[(y = r.row.original.sku) == null ? void 0 : y._id] ?? {}).length > 0 ? (C(), T("tr", Js, [
+          l("td", {
+            colspan: r.row.getVisibleCells().length
+          }, [
+            c($t, {
+              prices: r.comparePriceBySku[(e = r.row.original.sku) == null ? void 0 : e._id]
+            }, null, 8, ["prices"])
+          ], 8, Ws)
+        ])) : L("", !0)
+      ], 64);
+    };
+  }
+}), to = {
+  key: 0,
+  class: "flex flex-col gap-8"
+}, so = { class: "flex flex-col gap-4" }, oo = { class: "flex items-center gap-4" }, ao = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error"
+}, lo = /* @__PURE__ */ ne({
+  __name: "NetSuiteField",
+  props: {
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    supplier: {},
+    setting: {},
+    items: {},
+    onChange: { type: Function }
+  },
+  emits: ["netsuite:ready"],
+  setup(f, { emit: h }) {
+    const r = Be(), i = f, y = h, { t: e } = fs(), d = E(!1), k = E();
+    ze(() => {
+      var a, u, m, p;
+      let s = {
+        id: "",
+        subsidiary: { id: "", name: "" },
+        errors: []
+      };
+      if (!r.isEnabled || !i.required) {
+        y("netsuite:ready", s);
+        return;
+      }
+      try {
+        const F = r.currentLocationSubsidiary();
+        i.setting ? s = {
+          ...i.setting,
+          subsidiary: {
+            id: F.id || "",
+            name: F.name
+          }
+        } : s = {
+          ...s,
+          subsidiary: {
+            id: F.id || "",
+            name: F.name
+          }
+        };
+        const x = r.getAvailableItems(F.id), $ = i.items.filter((v) => {
+          if (v.measurement != null) {
+            const S = r.getAvailableMeasurements(
+              v.sku._id,
+              F.id
+            );
+            return x.includes(v.sku._id) && S.includes(v.measurement.id);
+          }
+          return x.includes(v.sku._id);
+        }).map((v) => v.sku._id);
+        i.onChange(
+          i.items.filter((v) => $.includes(v.sku._id)),
+          s
+        );
+      } finally {
+        i.supplier.internal ? k.value = r.getNetSuiteLocation(
+          `${i.supplier.internal}_${i.supplier._id}`
+        ) : k.value = r.getNetSuiteVendor(i.supplier._id);
+        const F = i.supplier.internal ? r.getLocationSubsidiary((a = k.value) == null ? void 0 : a.netSuiteId).id : (u = k.value) == null ? void 0 : u.subsidiaryId, x = i.supplier.internal ? (m = r.currentLocationSubsidiary()) == null ? void 0 : m.id : (p = r.currentVendorSubsidiary(i.supplier._id)) == null ? void 0 : p.id;
+        !r.isEnabled || F && r.isEnabled && F == x ? y("netsuite:ready", s) : d.value = !0;
+      }
+    });
+    const w = q(
+      () => i.supplier.internal ? r.currentLocationSubsidiary() : r.currentVendorSubsidiary(i.supplier._id)
+    ), n = q(() => {
+      var s, a;
+      return k.value == null ? `Cannot find the NetSuite location for "${i.supplier.name}"` : `The subsidiary of the request
+        location is ${(a = r.getLocationSubsidiary((s = k.value) == null ? void 0 : s.netSuiteId)) == null ? void 0 : a.fullName}`;
+    });
+    return (s, a) => {
+      const u = I("FmLabel"), m = I("FmIcon"), p = I("FmField"), F = I("FmTooltip");
+      return t(r).isEnabled && i.required ? (C(), T("div", to, [
+        c(u, {
+          label: `NetSuite ${t(e)("inventory.transfer.form.netsuite.subsidiary")}`
+        }, null, 8, ["label"]),
+        l("div", so, [
+          c(F, {
+            "z-index": 51,
+            placement: "left",
+            disabled: s.disabled
+          }, {
+            content: P(() => a[0] || (a[0] = [
+              Fe("This field is locked and based on the location of the request.")
+            ])),
+            default: P(() => [
+              c(p, null, {
+                default: P(() => {
+                  var x;
+                  return [
+                    l("div", oo, [
+                      c(m, {
+                        name: "lock_outline",
+                        size: "sm",
+                        color: s.disabled ? "neutral-gray-200" : "neutral-gray-400"
+                      }, null, 8, ["color"]),
+                      l("div", {
+                        class: K([s.disabled ? "text-fm-color-typo-disabled" : ""])
+                      }, R((x = w.value) == null ? void 0 : x.fullName), 3)
+                    ])
+                  ];
+                }),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          d.value ? (C(), T("div", ao, R(n.value), 1)) : L("", !0)
+        ])
+      ])) : L("", !0);
+    };
+  }
+}), no = { class: "flex flex-col gap-4" }, ro = { class: "flex items-center gap-8 overflow-x-auto pb-12" }, io = { class: "flex flex-col gap-16" }, uo = { class: "flex flex-col gap-24" }, mo = { class: "flex flex-col gap-8" }, co = { class: "flex flex-col gap-4" }, po = { class: "flex items-center gap-4" }, fo = { class: "flex flex-col gap-8" }, vo = { class: "flex flex-col gap-4" }, yo = { class: "flex items-center gap-4" }, bo = {
+  key: 3,
+  class: "p-16 border border-fm-color-neutral-gray-300 fm-corner-radius-md flex flex-col"
+}, go = {
+  key: 0,
+  class: "flex-1 flex gap-8 h-48 xs:flex-col xs:pt-16 sm:flex-col sm:pt-16"
+}, _o = { class: "flex-1" }, ho = { class: "flex-1" }, ko = {
+  key: 1,
+  class: "flex items-center gap-4"
+}, xo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary translate-y-[1px]" }, Co = { class: "flex flex-col gap-16" }, So = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, wo = { class: "flex gap-8" }, Fo = { key: 0 }, $o = /* @__PURE__ */ ne({
+  __name: "TransferForm2",
+  props: {
+    modelValue: {},
+    request: {},
+    disabled: { type: Boolean },
+    suppliers: {},
+    skus: {},
+    lastClosingDate: {}
+  },
+  emits: ["validation-success", "form:ready"],
+  setup(f, { expose: h, emit: r }) {
+    const i = f, y = r, e = kt(), { t: d } = pe(), k = Je(), w = He(), n = Be(), s = tt(), a = Le(), u = Ft(), { breakpoints: m } = et(), p = q(() => m.value.xs || m.value.sm), F = bt({
+      value: !1
+    }), x = E(!1), $ = q(
+      () => {
+        var o;
+        return ((o = i.modelValue) == null ? void 0 : o.templateDoc) ?? u.templates.find((_) => _._id === e.template);
+      }
+    ), v = q(() => e.status === "DRAFT" || !e._rev);
+    ge($, (o) => {
+      o && v.value && (e.supplier = (o == null ? void 0 : o.purchaseOrder.supplier) ?? e.supplier);
+    }), ze(() => {
+      var o;
+      try {
+        if (!e.template) return;
+        e.items.length || (e.items = ((o = $.value) == null ? void 0 : o.purchaseOrder.items) ?? []);
+      } finally {
+        x.value = !0;
+      }
+    }), ge([x, F], ([o, _], [B, re]) => {
+      _.value && re.value && y("form:ready");
+    });
+    const S = q(
+      () => k.currentLocation.type === Nt.restaurant
+    );
+    k.watchLocation(async () => {
+      location && (e.supplier || (e.supplier = s.suppliers.find((o) => o) ?? e.supplier));
+    });
+    const Y = St(), V = ds(
+      () => e,
+      (o) => {
+        Object.assign(e, o);
+      },
+      !0,
+      !0
+    ), A = q({
+      get() {
+        var o;
+        return typeof ((o = e == null ? void 0 : e.supplier) == null ? void 0 : o.internal) == "string" ? se.TRANSFER : se.PURCHASE;
+      },
+      set(o) {
+        var B;
+        const _ = typeof ((B = e == null ? void 0 : e.supplier) == null ? void 0 : B.internal) == "string" ? se.TRANSFER : se.PURCHASE;
+        o !== _ && (e.supplier = o === se.PURCHASE ? V.locationOptionsTypePurchase.value[0] : V.locationOptionsTypeTransfer.value[0]);
+      }
+    });
+    ge(
+      () => {
+        var o;
+        return (o = i.modelValue) == null ? void 0 : o.template;
+      },
+      (o) => {
+        a.mustUsePoTemplate && !o && Dt(() => {
+          var _, B;
+          e.supplier = ((B = (_ = V.locationOptionsTypeTransfer.value) == null ? void 0 : _.filter(
+            (re) => re.internal === "restaurant"
+          )) == null ? void 0 : B[0]) ?? e.supplier;
+        });
+      },
+      { immediate: !0 }
+    );
+    const z = q(() => {
+      let o = V.transferLocationOptions.value;
+      return a.mustUsePoTemplate && !e.template && (o = o.filter((_) => {
+        var B;
+        return (B = _.sublabel) == null ? void 0 : B.startsWith("restaurant");
+      })), o;
+    }), O = q({
+      get() {
+        return e.supplier._id;
+      },
+      set(o) {
+        V.transferLocationModel.value = o;
+      }
+    }), U = q({
+      get() {
+        return e.remark ?? void 0;
+      },
+      set(o) {
+        e.remark = o;
+      }
+    }), { backdatePo: H, backdateSwitch: Z, backdateModel: M, backdateTimeModel: b } = As({
+      getEffectiveAt() {
+        return e.effectiveAt;
+      },
+      setEffectiveAt(o) {
+        e.effectiveAt = o;
+      }
+    }), { comparePricesToggle: g, comparePriceFetching: G, comparePriceBySku: ue } = Zs(), oe = E();
+    h({
+      validateInputs: () => {
+        var o, _;
+        (_ = (o = oe.value) == null ? void 0 : o.validateInputs) == null || _.call(o);
+      },
+      resetInputsValidation: () => {
+        var o, _;
+        (_ = (o = oe.value) == null ? void 0 : o.resetInputsValidation) == null || _.call(o);
+      },
+      resetInputs: () => {
+        var o, _;
+        (_ = (o = oe.value) == null ? void 0 : o.resetInputs) == null || _.call(o);
+      }
+    });
+    const Se = q(() => ({
+      updateItem: (o) => {
+        const _ = zt.parse(o);
+        e.items = e.items.map((B) => B.sku._id !== o.sku._id ? B : _);
+      },
+      deleteItem: (o) => {
+        e.items = e.items.filter((_) => _.sku._id !== o.sku._id);
+      }
+    })), we = ys({
+      updateItem: (o) => Se.value.updateItem(o),
+      deleteItem: (o) => Se.value.deleteItem(o),
+      get supplier() {
+        return e.supplier;
+      },
+      get items() {
+        return e.items;
+      },
+      get transferType() {
+        return A.value;
+      },
+      get template() {
+        return $.value;
+      },
+      get disabled() {
+        return i.disabled;
+      }
+    }), Ae = q(() => we.columnDefs.value);
+    function Ee() {
+      var ye, De, Ue, Me, Ie;
+      const o = (Ue = (De = (ye = $.value) == null ? void 0 : ye.purchaseOrder) == null ? void 0 : De.items) == null ? void 0 : Ue.groupBy((N) => N.sku._id), _ = n.isEnabled ? n.getAvailableItems((Ie = (Me = e.netSuite) == null ? void 0 : Me.subsidiary) == null ? void 0 : Ie.id) : [], B = o != null && o.size ? w.skus.filter((N) => o.has(N._id)) : w.skus, re = n.isEnabled ? B.filter((N) => {
+        var te, W, ae, de;
+        const J = (W = (te = $.value) == null ? void 0 : te.purchaseOrder) == null ? void 0 : W.items.find(
+          (fe) => fe.sku._id === N._id
+        );
+        if (J != null && J.measurement != null) {
+          const fe = n.getAvailableMeasurements(
+            J.sku._id,
+            (de = (ae = e.netSuite) == null ? void 0 : ae.subsidiary) == null ? void 0 : de.id
+          );
+          return _.includes(J.sku._id) && fe.includes(J.measurement.id);
+        }
+        return _.includes(N._id);
+      }).map((N) => N._id) : B.map((N) => N._id), ie = B.map(
+        (N) => {
+          var J, te, W, ae;
+          return {
+            label: ((te = (J = o == null ? void 0 : o.get(N._id)) == null ? void 0 : J[0]) == null ? void 0 : te.name) ?? N.name,
+            sublabel: ((ae = (W = o == null ? void 0 : o.get(N._id)) == null ? void 0 : W[0]) == null ? void 0 : ae.code) ?? N.code,
+            value: N,
+            disabled: !re.includes(N._id)
+          };
+        }
+      ), he = ie.filter((N) => {
+        var J;
+        return (J = e.items) == null ? void 0 : J.find((te) => te.sku._id === N.value._id);
+      }).map((N) => N.value);
+      Y.open({
+        title: d("inventory.transfer.form.items.selectItem"),
+        closeButton: !0,
+        contentComponent: Xe,
+        contentComponentProps: {
+          modelValue: he,
+          items: ie,
+          virtualScroll: !0
+        },
+        primaryActions: {
+          text: d("common.confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: d("common.close"),
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((N) => {
+        const J = e.items ?? [], te = N.map((W) => {
+          var fe, Te;
+          const ae = J.find((ke) => ke.sku._id === W._id);
+          if (ae)
+            return ae;
+          const de = ((Te = (fe = $.value) == null ? void 0 : fe.purchaseOrder.items) == null ? void 0 : Te.find(
+            (ke) => ke.sku._id === W._id
+          )) ?? {
+            sku: W,
+            code: W.code,
+            name: W.name,
+            quantity: {
+              amount: 1,
+              precision: 0
+            }
+          };
+          return A.value == se.PURCHASE && (de.totalCost = me(
+            de.sku,
+            de.quantity,
+            de.measurement,
+            {
+              supplier: e.supplier
+            }
+          )), de;
+        });
+        te.sort((W, ae) => W.sku.code.localeCompare(ae.sku.code)), e.items = te;
+      });
+    }
+    function je(o) {
+      return o;
+    }
+    const qe = q(() => {
+      const o = [];
+      return (!a.mustUsePoTemplate || a.mustUsePoTemplate && e.template) && o.push({
+        label: d("inventory.transfer.form.type.purchase"),
+        value: se.PURCHASE
+      }), o.push({
+        label: d("inventory.transfer.form.type.transfer"),
+        value: se.TRANSFER
+      }), o;
+    }), _e = q(() => {
+      var o;
+      return (o = i.modelValue) == null ? void 0 : o.items.every((_) => _.quantity.amount <= 0);
+    });
+    return (o, _) => {
+      var fe, Te;
+      const B = I("FmChip"), re = I("FmLabel"), ie = I("FmIcon"), he = I("FmField"), ye = I("FmTooltip"), De = I("FmSelect"), Ue = I("FmTextField"), Me = I("FmTextarea"), Ie = I("FmSwitch"), N = I("FmDatePicker"), J = I("FmTimePicker"), te = I("FmFormGroup"), W = I("FmButton"), ae = I("FmTable"), de = I("FmForm");
+      return C(), T("div", no, [
+        l("div", ro, [
+          (fe = i.modelValue) != null && fe.template ? (C(), Q(B, {
+            key: 0,
+            variant: o.disabled ? "warning" : void 0,
+            label: `${t(d)("inventory.transfer.template.title")}: ${((Te = $.value) == null ? void 0 : Te.name) ?? t(d)("inventory.transfer.form.loading")}`,
+            icon: "summarize",
+            compact: ""
+          }, null, 8, ["variant", "label"])) : L("", !0),
+          c(B, {
+            label: t(k).currentLocation.name,
+            icon: "storefront",
+            compact: ""
+          }, null, 8, ["label"]),
+          o.lastClosingDate ? (C(), Q(B, {
+            key: 1,
+            label: `${t(d)("inventory.transfer.form.lastClosing")}: ${t(Ge)(o.lastClosingDate)} ${t(Bt)(o.lastClosingDate)}`,
+            icon: "calendar_month",
+            compact: ""
+          }, null, 8, ["label"])) : L("", !0)
+        ]),
+        c(de, {
+          ref_key: "formRef",
+          ref: oe,
+          class: "flex flex-col gap-32",
+          disabled: o.disabled,
+          onValidationFailed: console.log,
+          onValidationSuccess: _[14] || (_[14] = (ke) => y("validation-success"))
+        }, {
+          default: P(() => {
+            var ke, st, ot, at, lt, nt, rt, it;
+            return [
+              l("div", io, [
+                l("div", uo, [
+                  (ke = i.modelValue) != null && ke.template ? (C(), T(le, { key: 0 }, [
+                    l("div", mo, [
+                      c(re, {
+                        label: t(d)("inventory.transfer.form.type.title")
+                      }, null, 8, ["label"]),
+                      l("div", co, [
+                        c(ye, {
+                          "z-index": 51,
+                          placement: "left",
+                          disabled: o.disabled
+                        }, {
+                          content: P(() => _[15] || (_[15] = [
+                            Fe("This field is locked from template.")
+                          ])),
+                          default: P(() => [
+                            c(he, null, {
+                              default: P(() => [
+                                l("div", po, [
+                                  c(ie, {
+                                    name: "lock_outline",
+                                    size: "sm",
+                                    color: o.disabled ? "neutral-gray-200" : "neutral-gray-400"
+                                  }, null, 8, ["color"]),
+                                  l("div", {
+                                    class: K({ "text-fm-color-typo-disabled": o.disabled })
+                                  }, R(t(d)(`inventory.transfer.form.type.${A.value.toLocaleLowerCase("en-us")}`)), 3)
+                                ])
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["disabled"]),
+                        l("div", {
+                          class: K([
+                            "fm-typo-en-body-sm-400",
+                            o.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"
+                          ])
+                        }, null, 2)
+                      ])
+                    ]),
+                    l("div", fo, [
+                      c(re, {
+                        label: A.value === t(se).PURCHASE ? t(d)("inventory.transfer.form.purchaseFrom") : t(d)("inventory.transfer.form.transferFrom")
+                      }, null, 8, ["label"]),
+                      l("div", vo, [
+                        c(ye, {
+                          "z-index": 51,
+                          placement: "left",
+                          disabled: o.disabled
+                        }, {
+                          content: P(() => _[16] || (_[16] = [
+                            Fe("This field is locked from template.")
+                          ])),
+                          default: P(() => [
+                            c(he, null, {
+                              default: P(() => {
+                                var D;
+                                return [
+                                  l("div", yo, [
+                                    c(ie, {
+                                      name: "lock_outline",
+                                      size: "sm",
+                                      color: o.disabled ? "neutral-gray-200" : "neutral-gray-400"
+                                    }, null, 8, ["color"]),
+                                    l("div", {
+                                      class: K({ "text-fm-color-typo-disabled": o.disabled })
+                                    }, R((D = z.value.find((ee) => ee.value === O.value)) == null ? void 0 : D.label), 3)
+                                  ])
+                                ];
+                              }),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["disabled"])
+                      ])
+                    ])
+                  ], 64)) : (C(), T(le, { key: 1 }, [
+                    c(De, {
+                      label: t(d)("inventory.transfer.form.type.title"),
+                      "label-mark": "required",
+                      modelValue: A.value,
+                      "onUpdate:modelValue": _[0] || (_[0] = (D) => A.value = D),
+                      items: qe.value,
+                      rules: [t(Ne)(1)(z.value)]
+                    }, {
+                      default: P(() => [
+                        l("span", {
+                          class: K([
+                            "line-clamp-1 fm-typo-en-body-lg-400",
+                            o.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                          ])
+                        }, R(t(Lt)(A.value)), 3)
+                      ]),
+                      _: 1
+                    }, 8, ["label", "modelValue", "items", "rules"]),
+                    c(De, {
+                      label: A.value === t(se).PURCHASE ? t(d)("inventory.transfer.form.purchaseFrom") : t(d)("inventory.transfer.form.transferFrom"),
+                      "label-mark": "required",
+                      modelValue: O.value,
+                      "onUpdate:modelValue": _[1] || (_[1] = (D) => O.value = D),
+                      items: z.value
+                    }, {
+                      "menu-wrapper": P((D) => {
+                        var ee, Ve;
+                        return [
+                          c(ms, Qe(D, {
+                            items: z.value,
+                            "model-value": (Ve = (ee = o.modelValue) == null ? void 0 : ee.supplier) == null ? void 0 : Ve._id
+                          }), null, 16, ["items", "model-value"])
+                        ];
+                      }),
+                      default: P(() => {
+                        var D;
+                        return [
+                          l("span", {
+                            class: K([
+                              "line-clamp-1 fm-typo-en-body-lg-400",
+                              o.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                            ])
+                          }, R((D = z.value.find((ee) => ee.value === O.value)) == null ? void 0 : D.label), 3)
+                        ];
+                      }),
+                      _: 1
+                    }, 8, ["label", "modelValue", "items"])
+                  ], 64)),
+                  c(Ue, {
+                    label: t(d)("inventory.transfer.form.reference"),
+                    "label-mark": "optional",
+                    modelValue: t(e).ref,
+                    "onUpdate:modelValue": _[2] || (_[2] = (D) => t(e).ref = D)
+                  }, null, 8, ["label", "modelValue"]),
+                  c(Me, {
+                    label: t(d)("inventory.transfer.form.remark"),
+                    "label-mark": "optional",
+                    "max-length": 240,
+                    modelValue: U.value,
+                    "onUpdate:modelValue": _[3] || (_[3] = (D) => U.value = D),
+                    class: K([o.disabled ? "text-fm-color-typo-disabled " : ""])
+                  }, null, 8, ["label", "modelValue", "class"]),
+                  x.value ? (C(), Q(lo, {
+                    key: 2,
+                    required: t(e).template != null,
+                    disabled: o.disabled,
+                    supplier: t(e).supplier,
+                    setting: t(e).netSuite,
+                    items: t(e).items,
+                    onChange: (D, ee) => {
+                      t(e).items = D, t(e).netSuite = ee;
+                    },
+                    "onNetsuite:ready": _[4] || (_[4] = (D) => {
+                      F.value = !0;
+                    })
+                  }, null, 8, ["required", "disabled", "supplier", "setting", "items", "onChange"])) : L("", !0),
+                  t(a).enableBackdatePo ? (C(), T("div", bo, [
+                    l("div", {
+                      class: K([
+                        "flex",
+                        {
+                          "flex-col": p.value
+                        }
+                      ])
+                    }, [
+                      c(Ie, {
+                        modelValue: t(Z),
+                        "onUpdate:modelValue": _[5] || (_[5] = (D) => xe(Z) ? Z.value = D : null),
+                        label: t(d)("inventory.transfer.form.backdate.title"),
+                        sublabel: t(d)("inventory.transfer.form.backdate.subtitle"),
+                        "label-placement": "right",
+                        disabled: S.value && !o.lastClosingDate || o.disabled
+                      }, null, 8, ["modelValue", "label", "sublabel", "disabled"]),
+                      l("div", {
+                        class: K({ hidden: p.value, "w-16": !p.value })
+                      }, null, 2),
+                      t(Z) ? (C(), T("div", go, [
+                        l("div", _o, [
+                          c(N, {
+                            modelValue: t(M),
+                            "onUpdate:modelValue": _[6] || (_[6] = (D) => xe(M) ? M.value = D : null)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        l("div", ho, [
+                          c(J, {
+                            modelValue: t(b),
+                            "onUpdate:modelValue": _[7] || (_[7] = (D) => xe(b) ? b.value = D : null)
+                          }, null, 8, ["modelValue"])
+                        ])
+                      ])) : L("", !0)
+                    ], 2),
+                    t(H) ? (C(), Q(te, {
+                      key: 0,
+                      modelValue: t(H),
+                      "onUpdate:modelValue": _[8] || (_[8] = (D) => xe(H) ? H.value = D : null),
+                      rules: [t(Ht)(new Date(o.lastClosingDate), /* @__PURE__ */ new Date())]
+                    }, null, 8, ["modelValue", "rules"])) : L("", !0),
+                    S.value && !o.lastClosingDate ? (C(), T("div", ko, [
+                      c(ie, {
+                        name: "error",
+                        size: "sm",
+                        class: "text-fm-color-typo-warning"
+                      }),
+                      l("span", xo, R(t(d)("inventory.transfer.form.backdate.error")), 1)
+                    ])) : L("", !0)
+                  ])) : L("", !0)
+                ])
+              ]),
+              l("div", Co, [
+                c(te, {
+                  "model-value": t(e).items,
+                  rules: [t(Ne)(1)]
+                }, null, 8, ["model-value", "rules"]),
+                l("div", {
+                  class: K([
+                    "flex gap-16",
+                    {
+                      "flex-col items-start": p.value,
+                      "items-center": !p.value
+                    }
+                  ])
+                }, [
+                  l("div", So, R(t(d)("inventory.transfer.form.items.title")), 1),
+                  l("div", wo, [
+                    c(W, {
+                      disabled: o.disabled,
+                      label: t(d)("inventory.transfer.form.items.addItem"),
+                      "prepend-icon": "add",
+                      variant: "secondary",
+                      "text-color": "primary",
+                      "bg-color": "transparent",
+                      "border-color": "primary",
+                      onClick: _[9] || (_[9] = (D) => Ee()),
+                      size: "md"
+                    }, null, 8, ["disabled", "label"]),
+                    t(e).template ? (C(), Q(ye, {
+                      key: 0,
+                      "z-index": 50
+                    }, {
+                      content: P(() => [
+                        l("div", null, R(t(d)("inventory.transfer.form.items.forecastStock.notAvailable")), 1)
+                      ]),
+                      default: P(() => [
+                        c(ft, {
+                          "onUpdate:poItems": _[10] || (_[10] = (D) => t(e).items = D),
+                          disabled: ""
+                        })
+                      ]),
+                      _: 1
+                    })) : (C(), Q(ft, {
+                      key: 1,
+                      "onUpdate:poItems": _[11] || (_[11] = (D) => t(e).items = D),
+                      disabled: o.disabled || !!t(e).template
+                    }, null, 8, ["disabled"]))
+                  ])
+                ], 2),
+                A.value === t(se).PURCHASE && v.value && t(a).enableTotalCost && ((st = o.modelValue) != null && st.items.length) ? (C(), T("div", Fo, [
+                  c(Ie, {
+                    label: t(G) ? t(d)("inventory.transfer.form.items.fetchingData") : t(d)("inventory.transfer.form.items.comparePriceHistory"),
+                    "prepend-icon": "compare_arrows",
+                    "label-placement": "right",
+                    "model-value": t(g),
+                    "onUpdate:modelValue": _[12] || (_[12] = (D) => xe(g) ? g.value = D : null),
+                    disabled: t(G) || o.disabled
+                  }, null, 8, ["label", "model-value", "disabled"])
+                ])) : L("", !0),
+                c(te, {
+                  "model-value": _e.value,
+                  rules: [() => _e.value ? "Must have at least one non-zero item" : !0]
+                }, null, 8, ["model-value", "rules"]),
+                (C(), Q(ae, {
+                  "column-defs": Ae.value,
+                  "column-visibility": {
+                    [t(X).Code]: !(((ot = o.modelValue) == null ? void 0 : ot.template) ?? ((at = o.modelValue) == null ? void 0 : at.templateDoc)),
+                    [t(X).Name]: !(((lt = o.modelValue) == null ? void 0 : lt.template) ?? ((nt = o.modelValue) == null ? void 0 : nt.templateDoc)),
+                    [t(X).TemplateName]: !!(((rt = o.modelValue) == null ? void 0 : rt.template) ?? ((it = o.modelValue) == null ? void 0 : it.templateDoc))
+                  },
+                  "row-data": t(e).items,
+                  key: t(e).items.map((D) => D.sku._id).join("."),
+                  "hide-footer": "",
+                  "page-size": t(e).items.length
+                }, {
+                  "table-row": P((D) => {
+                    var ee, Ve, ut, dt;
+                    return [
+                      c(eo, {
+                        "compare-price-by-sku": t(ue),
+                        "show-compare-price": A.value === t(se).PURCHASE && t(g),
+                        row: D,
+                        "template-item": (dt = (ut = (Ve = (ee = o.modelValue) == null ? void 0 : ee.templateDoc) == null ? void 0 : Ve.purchaseOrder) == null ? void 0 : ut.items) == null ? void 0 : dt.find(
+                          (Ye) => Ye.sku._id === D.original.sku._id
+                        ),
+                        "onUpdate:item": _[13] || (_[13] = (Ye) => Se.value.updateItem(Ye)),
+                        disabled: o.disabled
+                      }, null, 8, ["compare-price-by-sku", "show-compare-price", "row", "template-item", "disabled"])
+                    ];
+                  }),
+                  "list-row": P((D) => [
+                    (C(), Q(xt, {
+                      row: D,
+                      key: t(e).items.map((ee) => ee.sku._id).join(".")
+                    }, {
+                      default: P((ee) => [
+                        c(Rs, {
+                          "compare-price-by-sku": t(ue),
+                          "show-compare-price": A.value === t(se).PURCHASE && t(g),
+                          row: D,
+                          "cell-by-col-id": ee
+                        }, null, 8, ["compare-price-by-sku", "show-compare-price", "row", "cell-by-col-id"])
+                      ]),
+                      _: 2
+                    }, 1032, ["row"]))
+                  ]),
+                  _: 1
+                }, 8, ["column-defs", "column-visibility", "row-data", "page-size"]))
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["disabled", "onValidationFailed"])
+      ]);
+    };
+  }
+}), Do = { class: "flex items-center" }, Io = { class: "fm-typo-en-title-md-800" }, To = { class: "flex gap-4" }, Vo = /* @__PURE__ */ ne({
+  __name: "TransferDialog",
+  props: {
+    mode: {},
+    modelValue: {},
+    templateId: {},
+    show: { type: Boolean },
+    lastClosingDate: {}
+  },
+  emits: ["update:show", "submitted"],
+  setup(f, { expose: h, emit: r }) {
+    var M;
+    const i = f, y = r, e = We(), d = Ft(), k = $e(), w = tt(), n = He(), s = Je(), a = Le(), { t: u } = pe(), m = E(!1), p = E(!1), F = E(!1);
+    async function x(b) {
+      if (b) {
+        p.value = !1;
+        try {
+          await w.readSuppliers(), p.value = !0;
+        } catch {
+          k.open({
+            title: u("inventory.transfer.form.unableToFetchListOfSuppliers.title"),
+            message: u("inventory.transfer.form.unableToFetchListOfSuppliers.message"),
+            type: "error"
+          });
+        }
+      }
+    }
+    s.watchLocation(x);
+    function $() {
+      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: d.templates.find((g) => g._id === i.templateId)
+      };
+    }
+    const v = wt(i, "show"), S = E(i.modelValue ?? $()), Y = E(((M = i.modelValue) == null ? void 0 : M._id) ?? `${Math.random()}`);
+    ge(
+      () => i.show,
+      (b) => {
+        var g;
+        b && (F.value = !1, S.value = i.modelValue ?? $(), Y.value = ((g = i.modelValue) == null ? void 0 : g._id) ?? `${Math.random()}`);
+      }
+    );
+    const V = q(() => !p.value || !F.value), A = q(() => {
+      switch (i.mode) {
+        case Pe.READ:
+          return "View transfer";
+        case Pe.CREATE:
+          return u("inventory.transfer.receiveRequest.create.title");
+        case Pe.UPDATE:
+          return u("inventory.transfer.receiveRequest.update.title");
+      }
+      return "";
+    }), z = E();
+    h({
+      validateInputs: () => {
+        var b, g;
+        (g = (b = z.value) == null ? void 0 : b.validateInputs) == null || g.call(b);
+      },
+      resetInputsValidation: () => {
+        var b, g;
+        (g = (b = z.value) == null ? void 0 : b.resetInputsValidation) == null || g.call(b);
+      },
+      resetInputs: () => {
+        var b, g;
+        (g = (b = z.value) == null ? void 0 : b.resetInputs) == null || g.call(b);
+      }
+    });
+    async function O() {
+      const b = S.value;
+      if (m.value = !0, b.items = b.items.filter((g) => g.quantity.amount > 0), !b.items.length) {
+        k.open({
+          title: "Cannot create order",
+          message: "There are no items with non-zero amount in your request.",
+          type: "error"
+        });
+        return;
+      }
+      (b.supplier.internal === "warehouse" || b.supplier.internal === "restaurant") && (b.items = b.items.map(({ totalCost: g, ...G }) => G)), a.mustUseDefaultCost && (b.items = b.items.map((g) => ({
+        ...g,
+        totalCost: me(g.sku, g.quantity, g.measurement)
+      })));
+      try {
+        await e.createPurchaseOrder(b), await new Promise((g) => setTimeout(g, 1e3)), k.open({
+          title: u("inventory.transfer.receiveRequest.create.success"),
+          message: u("inventory.transfer.receiveRequest.create.successMessage"),
+          type: "success"
+        }), y("update:show", !1), y("submitted");
+      } catch (g) {
+        k.open({
+          title: u("inventory.transfer.receiveRequest.create.error.title"),
+          message: u("inventory.transfer.receiveRequest.create.error.message"),
+          type: "error"
+        }), console.error("Error in creating purchase order", g);
+      } finally {
+        m.value = !1;
+      }
+    }
+    async function U() {
+      const b = S.value;
+      if (m.value = !0, b.items = b.items.filter((g) => g.quantity.amount > 0), !b.items.length) {
+        k.open({
+          title: "Cannot create order",
+          message: "There are no items with non-zero amount in your request.",
+          type: "error"
+        });
+        return;
+      }
+      (b.supplier.internal === "warehouse" || b.supplier.internal === "restaurant") && (b.items = b.items.map(({ totalCost: g, ...G }) => G)), a.mustUseDefaultCost && (b.items = b.items.map((g) => ({
+        ...g,
+        totalCost: me(g.sku, g.quantity, g.measurement)
+      })));
+      try {
+        await e.updatePurchaseOrder(b), await new Promise((g) => setTimeout(g, 1e3)), k.open({
+          title: u("inventory.transfer.receiveRequest.update.success"),
+          message: u("inventory.transfer.receiveRequest.update.successMessage"),
+          type: "success"
+        }), y("update:show", !1), y("submitted");
+      } catch (g) {
+        k.open({
+          title: u("inventory.transfer.receiveRequest.update.error.title"),
+          message: u("inventory.transfer.receiveRequest.update.error.message"),
+          type: "error"
+        }), console.error("Error in updating purchase order", g);
+      } finally {
+        m.value = !1;
+      }
+    }
+    function H() {
+      switch (i.mode) {
+        case Pe.CREATE:
+          return O();
+        case Pe.UPDATE:
+          return U();
+      }
+    }
+    function Z() {
+      var b, g;
+      (g = (b = z.value) == null ? void 0 : b.validateInputs) == null || g.call(b);
+    }
+    return (b, g) => {
+      const G = I("FmButton"), ue = I("FmSideSheet");
+      return C(), Q(ue, {
+        modelValue: t(v),
+        "onUpdate:modelValue": g[3] || (g[3] = (oe) => xe(v) ? v.value = oe : null),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 900
+      }, {
+        "side-sheet-header": P(() => [
+          l("div", Do, [
+            l("div", Io, R(A.value), 1)
+          ])
+        ]),
+        default: P(() => [
+          (C(), Q($o, {
+            class: "w-full",
+            ref_key: "formRef",
+            ref: z,
+            "onForm:ready": g[0] || (g[0] = () => F.value = !0),
+            onValidationSuccess: H,
+            modelValue: S.value,
+            "onUpdate:modelValue": g[1] || (g[1] = (oe) => S.value = oe),
+            disabled: m.value || V.value,
+            suppliers: t(w).suppliers,
+            skus: t(n).skus,
+            key: Y.value,
+            "last-closing-date": b.lastClosingDate
+          }, null, 8, ["modelValue", "disabled", "suppliers", "skus", "last-closing-date"]))
+        ]),
+        "side-sheet-footer": P(() => [
+          l("div", To, [
+            c(G, {
+              loading: m.value,
+              disabled: V.value,
+              label: t(u)("common.save"),
+              onClick: Z
+            }, null, 8, ["loading", "disabled", "label"]),
+            c(G, {
+              disabled: V.value,
+              variant: "tertiary",
+              label: t(u)("common.close"),
+              onClick: g[2] || (g[2] = (oe) => y("update:show", !1))
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+function Po(f) {
+  const [h, r, i, ...y] = jt(f), e = i.map((n) => n.toLowerCase().trim().replace(/ /g, "_")), k = ["item_name", "transfer_quantity(uom)", "uom", "scanned_code"].filter((n) => !e.includes(n));
+  if (k.length)
+    throw new Error(
+      `Missing headers (${k.join()}). Excel file does not come from the template.`
+    );
+  return y.map((n, s) => {
+    const a = {};
+    for (const u in e) {
+      const m = e[u];
+      Object.assign(a, { [m]: n[u] });
+    }
+    return {
+      index: s,
+      data: a
+    };
+  });
+}
+function Ro(f) {
+  const h = f.SheetNames;
+  try {
+    return h.reduce(
+      (i, y) => {
+        const e = new Array(), d = f.Sheets[y], k = He(), w = Po(d), n = [];
+        for (const { index: a, data: u } of w) {
+          u.scanned_code === "" && e.push(`Row ${a + 1}: Scanned code is empty`), u.item_name === "" && e.push(`Row ${a + 1}: Item name is empty`), u.uom === "" && e.push(`Row ${a + 1}: UOM is empty`), u["transfer_quantity(uom)"] === "" && e.push(`Row ${a + 1}: Transfer quantity is empty`);
+          const m = k.skus.find((x) => x.code === u.scanned_code);
+          if (!m) {
+            e.push(`Row ${a + 1}: SKU not found`);
+            continue;
+          }
+          const p = m.unit.abbrev === u.uom;
+          let F = null;
+          if (!p) {
+            const x = m.unit.measurements.find(($) => $.abbrev === u.uom);
+            if (!x) {
+              e.push(`Row ${a + 1}: Measurement not found`);
+              continue;
+            }
+            F = x;
+          }
+          n.push({
+            sku: m,
+            code: u.scanned_code,
+            name: u.item_name,
+            quantity: _t.fromNumber(Number(u["transfer_quantity(uom)"])),
+            measurement: F
+          });
+        }
+        const s = {
+          type: "create",
+          poItems: n,
+          excelSheetName: y,
+          errors: e
+        };
+        return i.importCreateResult.push(s), i;
+      },
+      {
+        invalidExcel: !1,
+        importCreateResult: new Array()
+      }
+    );
+  } catch (r) {
+    return {
+      invalidExcel: !0,
+      invalidExcelMessage: (r == null ? void 0 : r.message) ?? "Invalid excel",
+      importCreateResult: []
+    };
+  }
+}
+const Ao = exports.FfCalculator, Eo = { class: "flex flex-col flex-1" }, qo = { class: "flex flex-col" }, Uo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex items-center gap-4" }, Mo = {
+  key: 0,
+  class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400"
+}, Oo = { key: 0 }, No = {
+  class: /* @__PURE__ */ K(["fm-typo-en-body-lg-600"])
+}, zo = { class: "flex-1" }, Bo = { class: "flex-auto line-clamp-2 text-ellipsis break-all fm-typo-en-body-sm-400" }, Lo = { class: "flex-auto line-clamp-2 text-ellipsis break-all" }, Ho = { class: "text-fm-color-typo-primary" }, jo = { class: "ml-auto" }, Yo = { key: 0 }, Ko = /* @__PURE__ */ ne({
+  __name: "XilnexResult",
+  props: {
+    type: {},
+    name: {},
+    items: {},
+    errors: {}
+  },
+  setup(f) {
+    const h = f, { t: r } = pe(), i = E(!1), y = () => {
+      h.errors.length && (i.value = !i.value);
+    };
+    return (e, d) => {
+      var n;
+      const k = I("FmIcon"), w = I("FmTooltip");
+      return C(), T("div", Eo, [
+        l("div", {
+          onClick: y,
+          class: K({
+            "cursor-pointer": e.errors.length
+          })
+        }, [
+          l("div", qo, [
+            l("div", Uo, [
+              l("div", {
+                class: K({
+                  "text-fm-color-system-error-300": e.errors.length
+                })
+              }, [
+                Fe(R(e.name) + " ", 1),
+                e.type === "create" ? (C(), T("span", Mo, "(" + R(t(r)("inventory.closing.template.import.new")) + ")", 1)) : L("", !0)
+              ], 2),
+              e.errors.length ? (C(), T("div", Oo, [
+                c(k, {
+                  name: "error",
+                  size: "sm",
+                  color: "system-error-300"
+                })
+              ])) : L("", !0)
+            ]),
+            d[0] || (d[0] = l("hr", { class: "my-2" }, null, -1)),
+            l("div", No, [
+              (n = e.items) != null && n.length ? (C(!0), T(le, { key: 0 }, Ce(e.items, (s, a) => (C(), T("div", {
+                key: a,
+                class: "flex gap-4 mt-2 items-center"
+              }, [
+                l("div", zo, [
+                  c(w, {
+                    content: s.code,
+                    placement: "top",
+                    "z-index": 51
+                  }, {
+                    default: P(() => [
+                      l("span", Bo, R(s.code), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["content"]),
+                  c(w, {
+                    content: s.name,
+                    placement: "top",
+                    "z-index": 51
+                  }, {
+                    default: P(() => [
+                      l("span", Lo, R(s.name), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["content"])
+                ]),
+                l("div", null, [
+                  l("span", Ho, R(t(Ao).toFormatString({
+                    value: s.quantity
+                  })), 1),
+                  Fe(" " + R(s.measurement ? s.measurement.abbrev : s.sku.unit.abbrev), 1)
+                ])
+              ]))), 128)) : L("", !0)
+            ])
+          ]),
+          l("div", jo, [
+            e.errors.length ? (C(), Q(k, {
+              key: 0,
+              name: i.value ? "keyboard_arrow_up" : "keyboard_arrow_down",
+              size: "md"
+            }, null, 8, ["name"])) : L("", !0)
+          ])
+        ], 2),
+        i.value ? (C(), T("div", {
+          key: 0,
+          class: K(["flex flex-col gap-4 pl-8 fm-typo-en-body-sm-400", {
+            "text-fm-color-typo-secondary": !e.errors.length,
+            "text-fm-color-system-error-300": e.errors.length
+          }])
+        }, [
+          e.errors.length ? (C(), T("div", Yo, [
+            l("ol", null, [
+              (C(!0), T(le, null, Ce(e.errors, (s, a) => (C(), T("li", { key: a }, R(s), 1))), 128))
+            ])
+          ])) : L("", !0)
+        ], 2)) : L("", !0)
+      ]);
+    };
+  }
+}), Qo = { class: "flex flex-col gap-24" }, Xo = {
+  key: 0,
+  class: "flex items-center gap-8"
+}, Zo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Go = { class: "flex flex-col gap-8" }, Jo = { class: "line-clamp-2 text-ellipsis break-all" }, Wo = {
+  key: 2,
+  class: "shrink-0"
+}, ea = {
+  key: 0,
+  class: "flex flex-col"
+}, ta = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, sa = {
+  key: 0,
+  class: "max-h-[200px] overflow-y-auto flex flex-col gap-8"
+}, oa = { class: "fm-typo-en-body-lg-600" }, vt = "Transfer note", aa = /* @__PURE__ */ ne({
+  __name: "XilnexImportForm",
+  setup(f, { expose: h }) {
+    const r = E(null), i = $e(), y = E(!1), e = E(!1), d = kt(), k = E(!1), w = Be();
+    E([]);
+    const n = q({
+      get() {
+        var v;
+        return ((v = d.supplier) == null ? void 0 : v.name) ?? "";
+      },
+      set(v) {
+        v && (d.supplier = {
+          name: v,
+          registrationNumber: "",
+          _id: "xilnex",
+          internal: "restaurant",
+          address: {
+            line1: "",
+            line2: "",
+            city: "",
+            state: "",
+            country: "",
+            postcode: ""
+          }
+        });
+      }
+    });
+    ze(async () => {
+      const v = await w.getNetSuiteLocations();
+      console.log(v), k.value = !0;
+    });
+    const s = q({
+      get() {
+        return "";
+      },
+      set(v) {
+        if (v) {
+          const S = d.effectiveAt ? new Date(d.effectiveAt) : /* @__PURE__ */ new Date(), [Y, V, A] = v.split("-");
+          S.setFullYear(parseInt(Y)), S.setMonth(parseInt(V) - 1), S.setDate(parseInt(A)), d.effectiveAt = S.toISOString();
+        }
+      }
+    }), a = q({
+      get() {
+        return null;
+      },
+      set(v) {
+        if (v) {
+          const S = d.effectiveAt ? new Date(d.effectiveAt) : /* @__PURE__ */ new Date(), [Y, V] = v.split(":");
+          S.setMinutes(parseInt(Y)), S.setSeconds(parseInt(V)), d.effectiveAt = S.toISOString();
+        }
+      }
+    }), u = E(new Array()), m = E([]), p = q(
+      () => !!u.value.length || m.value.some((v) => v.errors.length)
+    ), F = E();
+    h({
+      validateInputs: () => {
+        var v, S;
+        (S = (v = F.value) == null ? void 0 : v.validateInputs) == null || S.call(v);
+      },
+      resetInputsValidation: () => {
+        var v, S;
+        (S = (v = F.value) == null ? void 0 : v.resetInputsValidation) == null || S.call(v);
+      },
+      resetInputs: () => {
+        var v, S;
+        (S = (v = F.value) == null ? void 0 : v.resetInputs) == null || S.call(v);
+      }
+    });
+    const { t: x } = pe();
+    async function $(v) {
+      u.value = [], m.value = [];
+      try {
+        y.value = !0;
+        const [S] = await Promise.all([
+          Kt(v),
+          // fake buffer
+          new Promise((V) => setTimeout(V, 1e3))
+        ]), Y = Ro(S);
+        if (Y.invalidExcel) {
+          u.value.push(
+            Y.invalidExcelMessage ?? x("inventory.ingredient.import.fileError.invalidExcel")
+          );
+          return;
+        }
+        if (m.value = Y.importCreateResult, !m.value.length) {
+          u.value.push(x("inventory.ingredient.import.fileError.noData"));
+          return;
+        }
+        d.items = m.value.map((V) => V.poItems).flat();
+      } catch (S) {
+        i.open({
+          title: x("inventory.ingredient.import.fileError.unableToRead"),
+          message: S == null ? void 0 : S.message,
+          type: "error"
+        }), console.error("Error in reading file", S);
+      } finally {
+        u.value.length && i.open({
+          title: x("inventory.ingredient.import.fileError.invalidExcel"),
+          type: "error"
+        }), y.value = !1;
+      }
+    }
+    return ge(r, (v) => {
+      v && $(v);
+    }), (v, S) => {
+      const Y = I("FmSelect"), V = I("FmDatePicker"), A = I("FmTimePicker"), z = I("FmCircularProgress"), O = I("FmLabel"), U = I("FmIcon"), H = I("FmButton"), Z = I("FmForm");
+      return C(), Q(Z, {
+        ref_key: "formRef",
+        ref: F
+      }, {
+        default: P(() => [
+          l("div", Qo, [
+            c(Y, {
+              modelValue: n.value,
+              "onUpdate:modelValue": S[0] || (S[0] = (M) => n.value = M),
+              label: "Transfer from",
+              searchable: "",
+              searchTarget: "label",
+              items: [
+                { label: "Object", value: null },
+                { label: "Array", value: ["array", "1"] },
+                { label: "Number", value: 3 },
+                { label: "String", value: "4" },
+                { label: "1", value: "5" },
+                { label: "2", value: "6" }
+              ],
+              "helper-text": "Helper",
+              rules: [t(Re)()]
+            }, null, 8, ["modelValue", "rules"]),
+            c(V, {
+              modelValue: s.value,
+              "onUpdate:modelValue": S[1] || (S[1] = (M) => s.value = M),
+              label: "Transfer date",
+              rules: [t(Re)()]
+            }, null, 8, ["modelValue", "rules"]),
+            c(A, {
+              modelValue: a.value,
+              "onUpdate:modelValue": S[2] || (S[2] = (M) => a.value = M),
+              label: "Transfer time",
+              rules: [t(Re)()]
+            }, null, 8, ["modelValue", "rules"]),
+            e.value ? (C(), T("div", Xo, [
+              l("div", null, [
+                c(z, {
+                  size: "md",
+                  color: "neutral-gray-200"
+                })
+              ]),
+              l("div", Zo, R(t(x)("inventory.formField.loading")), 1)
+            ])) : (C(), T(le, { key: 1 }, [
+              c(Yt, {
+                "max-file-size": 5,
+                class: K({
+                  "w-full": !0,
+                  "h-[200px]": !r.value
+                }),
+                accept: ".xlsx,.xls",
+                label: vt,
+                onFileUpload: S[3] || (S[3] = (M) => r.value = M),
+                "button-label": t(x)("inventory.ingredient.import.selectFile")
+              }, It({ _: 2 }, [
+                r.value ? {
+                  name: "default",
+                  fn: P(({ openFileDialog: M }) => [
+                    c(O, null, {
+                      default: P(() => [
+                        Fe(R(vt))
+                      ]),
+                      _: 1
+                    }),
+                    l("div", Go, [
+                      l("div", {
+                        class: K([
+                          "fm-corner-radius-md p-16 flex items-center gap-16",
+                          {
+                            "border border-fm-color-neutral-gray-100": y.value,
+                            "border border-fm-color-neutral-gray-200": !y.value && !p.value,
+                            "border border-fm-color-system-error-200": p.value
+                          }
+                        ])
+                      }, [
+                        y.value ? (C(), Q(z, {
+                          key: 0,
+                          size: "md",
+                          color: "neutral-gray-200"
+                        })) : (C(), Q(U, {
+                          key: 1,
+                          name: p.value ? "error" : "attach_file",
+                          outline: "",
+                          color: p.value ? "system-error-300" : void 0
+                        }, null, 8, ["name", "color"])),
+                        l("div", {
+                          class: K([
+                            "fm-typo-en-body-md-400 flex-1 h-[36px] flex items-center",
+                            {
+                              "text-fm-color-typo-disabled": y.value,
+                              "text-fm-color-typo-primary": !y.value
+                            }
+                          ])
+                        }, [
+                          l("div", Jo, R(r.value.name), 1)
+                        ], 2),
+                        y.value ? L("", !0) : (C(), T("div", Wo, [
+                          c(H, {
+                            label: t(x)("inventory.ingredient.import.replaceFile"),
+                            variant: p.value ? "destructive" : "secondary",
+                            "prepend-icon": p.value ? void 0 : "autorenew",
+                            onClick: M
+                          }, null, 8, ["label", "variant", "prepend-icon", "onClick"])
+                        ]))
+                      ], 2),
+                      u.value.length ? (C(), T("div", ea, [
+                        (C(!0), T(le, null, Ce(u.value, (b, g) => (C(), T("div", {
+                          key: g,
+                          class: "flex gap-8 items-center"
+                        }, [
+                          c(U, {
+                            name: "error",
+                            size: "sm",
+                            color: "system-error-300"
+                          }),
+                          l("div", ta, R(b), 1)
+                        ]))), 128))
+                      ])) : L("", !0)
+                    ])
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["class", "button-label"]),
+              r.value ? (C(), T("div", sa, [
+                l("div", oa, R(t(x)("inventory.ingredient.import.summary")), 1),
+                (C(!0), T(le, null, Ce(m.value, (M, b) => (C(), Q(Ko, {
+                  key: b,
+                  name: `Transfer Note ${b + 1}`,
+                  items: M.poItems,
+                  errors: M.errors,
+                  type: "create"
+                }, null, 8, ["name", "items", "errors"]))), 128))
+              ])) : L("", !0)
+            ], 64))
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), la = { class: "w-[480px]" }, na = /* @__PURE__ */ ne({
+  __name: "XilnexImportDialog",
+  props: {
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(f, { expose: h, emit: r }) {
+    const i = r, e = wt(f, "show"), d = $e(), k = We(), w = E(!1), n = E(), s = E();
+    h({
+      validateInputs: () => {
+        var m, p;
+        (p = (m = n.value) == null ? void 0 : m.validateInputs) == null || p.call(m);
+      },
+      resetInputsValidation: () => {
+        var m, p;
+        (p = (m = n.value) == null ? void 0 : m.resetInputsValidation) == null || p.call(m);
+      },
+      resetInputs: () => {
+        var m, p;
+        (p = (m = n.value) == null ? void 0 : m.resetInputs) == null || p.call(m);
+      }
+    });
+    function a() {
+      var m, p;
+      (p = (m = n.value) == null ? void 0 : m.validateInputs) == null || p.call(m);
+    }
+    async function u() {
+      var p, F, x, $, v;
+      if (!((F = (p = s.value) == null ? void 0 : p.supplier) != null && F.name)) {
+        d.open({
+          title: "Upload failed",
+          message: "Location is required",
+          type: "error"
+        });
+        return;
+      }
+      if (!((x = s.value) != null && x.items) || ((v = ($ = s.value) == null ? void 0 : $.items) == null ? void 0 : v.length) === 0) {
+        d.open({
+          title: "Upload failed",
+          message: "No data to upload",
+          type: "error"
+        });
+        return;
+      }
+      const m = s.value.effectiveAt ? new Date(s.value.effectiveAt) : null;
+      if (!m) {
+        d.open({
+          title: "Invalid date",
+          message: "Transfer date is required",
+          type: "error"
+        });
+        return;
+      }
+      if (m.getTime() > (/* @__PURE__ */ new Date()).getTime()) {
+        d.open({
+          title: "Invalid date",
+          message: "Transfer date cannot be in the future",
+          type: "error"
+        });
+        return;
+      }
+      w.value = !0;
+      try {
+        await k.importFromXilnex(s.value), i("update:show", !1);
+      } catch (S) {
+        await new Promise((Y) => setTimeout(Y, 1e3)), d.open({
+          title: "Upload failed",
+          message: S == null ? void 0 : S.message,
+          type: "error"
+        });
+      } finally {
+        w.value = !1;
+      }
+    }
+    return (m, p) => {
+      const F = I("FmSpacer"), x = I("FmButton"), $ = I("FmDialog");
+      return C(), Q($, {
+        modelValue: t(e),
+        "onUpdate:modelValue": p[2] || (p[2] = (v) => xe(e) ? e.value = v : null),
+        overlay: !0,
+        "close-button": !1
+      }, {
+        "dialog-header": P(() => p[3] || (p[3] = [
+          l("div", null, "Xilnex transfer order", -1)
+        ])),
+        "dialog-footer": P(() => [
+          c(F, { class: "sm:hidden xs:hidden" }),
+          c(x, {
+            disabled: w.value,
+            class: "sm:w-full xs:w-full",
+            label: "Cancel",
+            size: "md",
+            variant: "tertiary",
+            onClick: p[1] || (p[1] = (v) => i("update:show", !1))
+          }, null, 8, ["disabled"]),
+          c(x, {
+            disabled: w.value,
+            loading: w.value,
+            class: "sm:w-full xs:w-full",
+            label: "Upload",
+            size: "md",
+            variant: "primary",
+            onClick: a
+          }, null, 8, ["disabled", "loading"])
+        ]),
+        default: P(() => [
+          l("div", la, [
+            c(aa, {
+              ref_key: "formRef",
+              ref: n,
+              onValidationSuccess: u,
+              modelValue: s.value,
+              "onUpdate:modelValue": p[0] || (p[0] = (v) => s.value = v)
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), ra = { class: "flex flex-col py-8" }, ia = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ua = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, da = { 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"
+}, ca = { class: "pt-8" }, yt = "ReceiveRequestViewSearchCriteria", Da = /* @__PURE__ */ ne({
+  __name: "ReceiveRequestView",
+  setup(f) {
+    const { t: h } = pe(), r = $e();
+    Oe.object({
+      name: Oe.string().optional().nullable(),
+      startDate: Oe.string().optional().nullable(),
+      endDate: Oe.string().optional().nullable()
+    });
+    const i = q(
+      () => !a._currentLocation || n.loading.value
+    ), y = as(), e = Le();
+    function d() {
+      const V = {
+        name: "",
+        ...mt()
+      }, A = y.getItem(yt);
+      if (!A)
+        return V;
+      try {
+        return JSON.parse(A);
+      } catch {
+        return V;
+      }
+    }
+    function k() {
+      y.setItem(yt, JSON.stringify(w.value));
+    }
+    const w = E(d()), n = Gt(
+      Ke.RECEIVE_REQUEST,
+      w.value
+    ), { columnDefs: s } = Jt(
+      Ke.RECEIVE_REQUEST,
+      n
+    ), a = Je();
+    async function u() {
+      const V = `inventory-record_${ct(w.value.startDate).format("DD-MM-YYYY_HH-mm")}-${ct(w.value.endDate).format("DD-MM-YYYY_HH-mm")}.xlsx`, A = n.purchaseOrders.value.flatMap(
+        (O) => O.items.map((U) => {
+          const H = new Date(ss(O._id) ?? ""), Z = O.effectiveAt ? new Date(O.effectiveAt) : void 0, M = be(
+            es(U.sku, O.deliveryOrder || [])
+          ), b = be(U.quantity);
+          return {
+            "SKU code": U.code,
+            "SKU name": U.name,
+            "PO #": O.seqNumber,
+            "Effective at": Z,
+            Date: H,
+            Status: O.status,
+            Reference: O.ref ?? "",
+            "Received quantity": M,
+            "Ordered quantity": b,
+            Unit: U.sku.unit.abbrev,
+            "Total cost": U.totalCost ? Ze(U.totalCost) : null
+          };
+        })
+      ), z = [
+        "SKU code",
+        "SKU name",
+        "PO #",
+        "Date",
+        "Status",
+        "Reference",
+        "Received quantity",
+        "Ordered quantity",
+        "Unit"
+      ];
+      e.enableBackdatePo && z.insert("Effective at", 4), e.enableTotalCost && z.push("Total cost"), await os(
+        [
+          {
+            name: "purchases",
+            data: A,
+            columns: z
+          }
+        ],
+        V
+      ), r.open({
+        title: h("inventory.transfer.receiveRequest.export.success"),
+        message: h("inventory.transfer.receiveRequest.export.message", [V]),
+        type: "success"
+      });
+    }
+    const m = E(mt()), p = E("");
+    ge([() => m.value], ([V]) => {
+      !V.startDate || !V.endDate || (w.value.startDate = V.startDate, w.value.endDate = V.endDate, n.updateDateRange(
+        w.value.startDate,
+        w.value.endDate
+      ), k());
+    }), ge([() => p.value], () => {
+      k();
+    });
+    function F(V) {
+      if (V === "create") {
+        if (i.value) {
+          r.open({
+            title: "Loading data...",
+            message: "Please wait.",
+            type: "info"
+          });
+          return;
+        }
+        return n.promptCreateTransferDialog();
+      }
+      if (V === "upload" && e.enableXilnexTransferNote)
+        return n.promptUploadTransferDialog();
+      if (V === "refresh")
+        return n.fetchData();
+      if (V === "export")
+        return u();
+    }
+    const { breakpoints: x } = et(), $ = q(() => x.value.xs || x.value.sm), v = q(() => $.value ? 10 : 20), S = Qt(), Y = q(() => [
+      {
+        label: h("inventory.transfer.receiveRequest.actions.create"),
+        value: "create",
+        isPrimary: !0,
+        prependIcon: "add"
+      },
+      ...e.enableXilnexTransferNote ? [
+        {
+          label: "Upload",
+          value: "upload"
+        }
+      ] : [],
+      {
+        label: h("common.refresh"),
+        value: "refresh"
+      },
+      {
+        label: h("common.export"),
+        value: "export"
+      }
+    ]);
+    return (V, A) => {
+      const z = I("FmTable");
+      return C(), Q(Xt, {
+        title: t(h)("inventory.transfer.receiveRequest.title2"),
+        actions: Y.value,
+        "onClick:action": F
+      }, {
+        default: P(() => {
+          var O;
+          return [
+            l("div", {
+              class: K([
+                "flex flex-col gap-8 max-h-full",
+                {
+                  "p-0": $.value,
+                  "px-24 ": !$.value
+                }
+              ])
+            }, [
+              c(Zt, {
+                "date-range-query": "",
+                "date-range": m.value,
+                "onUpdate:dateRange": A[0] || (A[0] = (U) => m.value = U),
+                searchable: "",
+                "change-location": "",
+                search: p.value,
+                "onUpdate:search": A[1] || (A[1] = (U) => p.value = U)
+              }, null, 8, ["date-range", "search"]),
+              (C(), Q(z, {
+                style: gt(t(S).tableHeight),
+                "column-defs": t(s),
+                "row-data": t(n).purchaseOrders.value,
+                "search-value": p.value,
+                loading: i.value,
+                onRowClick: A[2] || (A[2] = (U) => t(n).promptShowTransferDetails(U.original)),
+                key: (O = t(a)._currentLocation) == null ? void 0 : O.dbName,
+                "page-size": v.value
+              }, {
+                "list-row": P((U) => [
+                  c(xt, {
+                    row: U,
+                    onRowClick: t(n).promptShowTransferDetails
+                  }, {
+                    default: P((H) => {
+                      var Z, M, b, g, G, ue, oe, Se, we, Ae, Ee, je, qe, _e, o, _, B, re, ie, he;
+                      return [
+                        l("div", ra, [
+                          l("div", ia, [
+                            c(t(ce), {
+                              render: (b = (M = (Z = H._id) == null ? void 0 : Z.column) == null ? void 0 : M.columnDef) == null ? void 0 : b.cell,
+                              props: (G = (g = H._id) == null ? void 0 : g.getContext) == null ? void 0 : G.call(g)
+                            }, null, 8, ["render", "props"])
+                          ]),
+                          l("div", ua, [
+                            c(t(ce), {
+                              render: (Se = (oe = (ue = H.supplier_name) == null ? void 0 : ue.column) == null ? void 0 : oe.columnDef) == null ? void 0 : Se.cell,
+                              props: (Ae = (we = H.supplier_name) == null ? void 0 : we.getContext) == null ? void 0 : Ae.call(we)
+                            }, null, 8, ["render", "props"])
+                          ]),
+                          l("div", da, R(U.original.items.map((ye) => `${ye.name}`).join(", ")), 1),
+                          U.original.ref ? (C(), T("div", ma, [
+                            c(t(ce), {
+                              render: (qe = (je = (Ee = H.ref) == null ? void 0 : Ee.column) == null ? void 0 : je.columnDef) == null ? void 0 : qe.cell,
+                              props: (o = (_e = H.ref) == null ? void 0 : _e.getContext) == null ? void 0 : o.call(_e)
+                            }, null, 8, ["render", "props"])
+                          ])) : L("", !0),
+                          l("div", ca, [
+                            c(t(ce), {
+                              render: (re = (B = (_ = H.status) == null ? void 0 : _.column) == null ? void 0 : B.columnDef) == null ? void 0 : re.cell,
+                              props: (he = (ie = H.status) == null ? void 0 : ie.getContext) == null ? void 0 : he.call(ie)
+                            }, null, 8, ["render", "props"])
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["row", "onRowClick"])
+                ]),
+                _: 1
+              }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+            ], 2),
+            (C(), Q(Tt, { to: "body" }, [
+              c(Vo, Qe(t(n).transferDialogProps.value, {
+                onSubmitted: t(n).fetchData
+              }), null, 16, ["onSubmitted"]),
+              c(Wt, Qe({
+                scope: t(Ke).RECEIVE_REQUEST
+              }, t(n).transferDetailsProps.value, {
+                onSubmitted: t(n).fetchData
+              }), null, 16, ["scope", "onSubmitted"]),
+              c(na, Vt(Pt(t(n).xilnexImportDialogProps.value)), null, 16)
+            ]))
+          ];
+        }),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  Da as default
+};