@feedmepos/mf-inventory-portal 0.0.25-dev.3 → 0.0.25-dev.31

package/dist/ReceiveRequestView-OjIHRXR0.js

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