@feedmepos/mf-inventory-portal 1.3.6 → 1.3.7-dev.2

package/dist/ReceiveRequestView-sebwwuaH.js

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