@feedmepos/mf-inventory-portal 0.0.25-dev.25 → 0.0.25-dev.26

package/dist/ReceiveRequestView-DSVVaWMp.js

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