@feedmepos/mf-inventory-portal 0.0.25-dev.17 → 0.0.25-dev.19

package/dist/ReceiveRequestView-FcC0nStC.js

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