@feedmepos/mf-inventory-portal 1.2.37-dev.4 → 1.2.37-dev.6

package/dist/ReceiveRequestView-DfzANuLj.js

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