@feedmepos/mf-inventory-portal 0.0.19-dev.1 → 0.0.19-dev.3

package/dist/ReceiveRequestView-ck-05Ly7.js

@@ -0,0 +1,1394 @@
+import { defineComponent as Pe, openBlock as v, createElementBlock as T, createElementVNode as l, Fragment as Re, renderList as Xe, toDisplayString as J, unref as r, mergeModels as Mt, reactive as ta, computed as R, onMounted as Ot, useModel as aa, watch as he, ref as L, resolveComponent as S, createBlock as G, withCtx as U, createVNode as i, createCommentVNode as H, normalizeClass as Ze, normalizeStyle as jt, resolveDynamicComponent as sa, h as I, isRef as oa, Teleport as la, mergeProps as It } from "vue";
+import { G as Gt, a as j, O as Je, D as na, P as ot, t as ra, d as ge, Y as be, Z as ua, $ as ia, a0 as ca, a1 as da, E as qt, R as Be, a2 as ma, A as pa, j as nt, b as Kt, C as lt, y as fa, a3 as va, a4 as _a, m as ya, M as ga, l as ba, u as ha, a5 as Qe, o as Nt, a6 as Ca } from "./app-DNCC20Aq.js";
+import { i as Ht, _ as xa, a as ka } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CViUEhuw.js";
+import { u as Wt, p as wa, P as F, a as Da, b as Sa, _ as Fa, g as Ta } from "./TransferDetails.vue_vue_type_script_setup_true_lang-qZDMkkIZ.js";
+import { _ as Va, u as Ra, i as Pa, e as Aa } from "./id-to-date-XiomI6dP.js";
+import { useDialog as Ua, useSnackbar as rt, components as oe, useProxiedModel as $a, useBreakpoints as Ea } from "@feedmepos/ui-library";
+import { R as Lt, F as Ve } from "./row-action.enum-BwQbURNh.js";
+import { useCoreStore as Ma, useI18n as Oa } from "@feedmepos/mf-common";
+import { F as X, _ as Zt, u as Ia } from "./layout-DvgFrTEG.js";
+import { u as Bt } from "./supplier-BepZrUgL.js";
+import { _ as qa } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-BvadeWUz.js";
+import "./array-AvWd53LI.js";
+const Na = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Ha = ["fill"], La = ["fill"], za = ["stroke"], Ya = ["stroke"], ja = /* @__PURE__ */ Pe({
+  __name: "SparkIcon",
+  props: {
+    size: {
+      type: Number,
+      default: 24
+    },
+    color: {
+      type: String,
+      default: "#c7c7cc"
+    }
+  },
+  setup(K) {
+    return (W, te) => (v(), T("svg", Na, [
+      l("path", {
+        d: "M7.6 7.6C8.17076 6.94229 8.5 5.5 8.5 5.5C8.5 5.5 8.81356 6.87361 9.35714 7.5C9.92948 8.15953 11.5 8.5 11.5 8.5C11.5 8.5 9.92948 8.69761 9.35714 9.35714C8.81356 9.98354 8.5 11.5 8.5 11.5C8.5 11.5 8.32076 10.1888 7.75 9.59091C7.14905 8.96136 5.5 8.5 5.5 8.5C5.5 8.5 6.99905 8.29251 7.6 7.6Z",
+        fill: K.color
+      }, null, 8, Ha),
+      l("path", {
+        d: "M12.2 12.2C13.3415 10.8846 14 8 14 8C14 8 14.6271 10.7472 15.7143 12C16.859 13.3191 20 14 20 14C20 14 16.859 14.3952 15.7143 15.7143C14.6271 16.9671 14 20 14 20C14 20 13.6415 17.3777 12.5 16.1818C11.2981 14.9227 8 14 8 14C8 14 10.9981 13.585 12.2 12.2Z",
+        fill: K.color
+      }, null, 8, La),
+      l("path", {
+        d: "M7.6 7.6C8.17076 6.94229 8.5 5.5 8.5 5.5C8.5 5.5 8.81356 6.87361 9.35714 7.5C9.92948 8.15953 11.5 8.5 11.5 8.5C11.5 8.5 9.92948 8.69761 9.35714 9.35714C8.81356 9.98354 8.5 11.5 8.5 11.5C8.5 11.5 8.32076 10.1888 7.75 9.59091C7.14905 8.96136 5.5 8.5 5.5 8.5C5.5 8.5 6.99905 8.29251 7.6 7.6Z",
+        stroke: K.color,
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, null, 8, za),
+      l("path", {
+        d: "M12.2 12.2C13.3415 10.8846 14 8 14 8C14 8 14.6271 10.7472 15.7143 12C16.859 13.3191 20 14 20 14C20 14 16.859 14.3952 15.7143 15.7143C14.6271 16.9671 14 20 14 20C14 20 13.6415 17.3777 12.5 16.1818C11.2981 14.9227 8 14 8 14C8 14 10.9981 13.585 12.2 12.2Z",
+        stroke: K.color,
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, null, 8, Ya)
+    ]));
+  }
+}), Ga = { class: "flex flex-col gap-8 px-16 xs:px-4 sm:px-4 py-4 items-center" }, Ka = { class: "fm-typo-en-body-lg-600 xs:fm-typo-en-body-md-600 mr-auto xs:w-full" }, Wa = { class: "w-[450px] xs:w-full flex" }, Za = { class: "fm-typo-en-body-md-400 whitespace-nowrap" }, Ba = /* @__PURE__ */ l("span", { class: "text-fm-color-typo-secondary" }, "/", -1), Qa = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ja = /* @__PURE__ */ l("span", null, /* @__PURE__ */ J(" "), -1), zt = /* @__PURE__ */ Pe({
+  __name: "SupplierPriceHistory",
+  props: {
+    prices: {}
+  },
+  setup(K) {
+    const W = Bt();
+    function te(k) {
+      return W.suppliers.find((M) => M._id === k);
+    }
+    return (k, M) => (v(), T("div", Ga, [
+      (v(!0), T(Re, null, Xe(Object.keys(k.prices), (P) => {
+        var q;
+        return v(), T("div", {
+          key: P,
+          class: "flex items-center gap-12 xs:gap-4 xs:flex-wrap w-full"
+        }, [
+          l("div", Ka, J((q = te(P)) == null ? void 0 : q.name), 1),
+          l("div", Wa, [
+            (v(!0), T(Re, null, Xe(k.prices[P].slice(0, 3), (y) => {
+              var b;
+              return v(), T("div", {
+                key: y.date,
+                class: "flex flex-col w-[150px] xs:flex-1 text-ellipsis cursor-pointer"
+              }, [
+                l("div", Za, [
+                  l("span", null, J(y.totalCost ? r(Gt)(y.totalCost) : "No data"), 1),
+                  Ba,
+                  l("span", null, J(r(j)(y.totalUnit, !1)), 1),
+                  l("span", null, J(((b = y.measurement) == null ? void 0 : b.abbrev) ?? y.unit.abbrev), 1)
+                ]),
+                l("div", Qa, [
+                  l("span", null, "(#" + J(y.seqNumber) + ")", 1),
+                  Ja,
+                  l("span", null, J(r(Je)(new Date(y.date))), 1)
+                ])
+              ]);
+            }), 128))
+          ])
+        ]);
+      }), 128))
+    ]));
+  }
+}), Xa = { class: "flex flex-col w-full gap-40" }, es = { class: "flex flex-col gap-8" }, ts = /* @__PURE__ */ l("div", { class: "fm-typo-en-title-sm-800" }, "Transfer details", -1), as = { class: "flex items-center gap-8" }, ss = /* @__PURE__ */ l("div", null, null, -1), os = { class: "flex flex-col gap-4" }, ls = {
+  key: 0,
+  class: "p-16 border border-fm-color-neutral-gray-300 fm-corner-radius-md flex flex-col"
+}, ns = { class: "flex xs:flex-col sm:flex-col" }, rs = /* @__PURE__ */ l("div", { class: "xs:hidden sm:hidden h-48 lg:w-16 md:w-16" }, null, -1), us = {
+  key: 0,
+  class: "flex-1 flex gap-8 h-48 xs:flex-col xs:pt-16 sm:flex-col sm:pt-16"
+}, is = { class: "flex-1" }, cs = { class: "flex-1" }, ds = {
+  key: 1,
+  class: "flex items-center gap-4"
+}, ms = /* @__PURE__ */ l("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary translate-y-[1px]" }, " Cannot backdate without an initial closing made to the system. ", -1), ps = { class: "flex flex-col gap-8" }, fs = { class: "flex items-center xs:flex-col xs:gap-4" }, vs = /* @__PURE__ */ l("div", { class: "xs:w-full flex-1 fm-typo-en-title-sm-800" }, "Transfer items", -1), _s = {
+  key: 0,
+  class: "xs:w-full"
+}, ys = { class: "flex gap-2" }, gs = ["disabled"], bs = { class: "w-[343px] px-24 py-16 rounded-lg shadow-light-300 flex flex-col gap-[20px]" }, hs = { class: "flex items-center" }, Cs = /* @__PURE__ */ l("p", { class: "flex-1 fm-typo-en-title-sm-800" }, "Forecast stock", -1), xs = { class: "flex items-start gap-8" }, ks = /* @__PURE__ */ l("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Selecting forecast stock will replace your current item selection. ", -1), ws = { class: "flex gap-1" }, Ds = /* @__PURE__ */ l("div", { class: "grow" }, null, -1), Ss = { key: 0 }, Fs = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, Ts = { key: 0 }, Vs = ["colspan"], Rs = { class: "flex flex-col gap-4" }, Ps = { class: "flex items-center" }, As = { class: "flex-1" }, Us = { class: "grid grid-cols-2 gap-4" }, $s = { class: "flex flex-col" }, Es = { class: "flex flex-col" }, Ms = { class: "flex flex-col" }, Os = { class: "h-24" }, Is = {
+  key: 0,
+  class: "flex flex-col",
+  "data-cy": "fm-table-list-view-cost-label"
+}, qs = {
+  key: 0,
+  class: "flex gap-4 text-fm-color-typo-primary fm-typo-en-body-lg-600"
+}, Ns = /* @__PURE__ */ Pe({
+  __name: "TransferForm",
+  props: /* @__PURE__ */ Mt({
+    modelValue: {},
+    disabled: { type: Boolean },
+    suppliers: { default: () => [] },
+    skus: { default: () => [] },
+    lastClosingDate: {}
+  }, {
+    modelValue: {
+      default: {
+        ref: "",
+        supplier: null
+      }
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Mt(["validation-success"], ["update:modelValue"]),
+  setup(K, { expose: W, emit: te }) {
+    const k = nt(), M = Ra(), P = Ma(), q = Wt(), y = Kt(), b = ta({}), _ = K;
+    function le(e) {
+      return Object.prototype.hasOwnProperty.call(e, "_rev") && Object.prototype.hasOwnProperty.call(e, "status");
+    }
+    const w = R(() => !le(_.modelValue) || _.modelValue.status === "DRAFT");
+    Ot(() => {
+      const e = _.modelValue;
+      if (le(e))
+        for (const t of e.items) {
+          const a = N(t), n = t.totalCost ?? na.reset();
+          a ? b[t.sku._id] = a.amount !== n.amount || a.precision !== n.precision : b[t.sku._id] = !0;
+        }
+    });
+    const z = R(() => {
+      var a;
+      if (w.value)
+        return !0;
+      const e = _.lastClosingDate, t = (a = _.modelValue) != null && a._id ? wa(_.modelValue._id) : null;
+      return !e || !t ? !1 : t.getTime() > e.getTime();
+    }), $ = te, d = aa(K, "modelValue"), Z = R({
+      get() {
+        var e;
+        return ((e = d.value) == null ? void 0 : e.remark) ?? "";
+      },
+      set(e) {
+        d.value.remark = e;
+      }
+    });
+    he([() => _.suppliers], () => {
+      if (o.value === F.PURCHASE) {
+        d.value.supplier = _.suppliers[0];
+        return;
+      }
+    });
+    const E = R(() => _.disabled), ne = R(() => d.value.items ?? []), de = (e) => {
+      const { name: t, address: a, regNo: n, phoneNo: s } = e.doc.profile;
+      return {
+        _id: e.doc._id,
+        internal: e.type === ot.restaurant ? be.enum.restaurant : be.enum.warehouse,
+        name: t,
+        registrationNumber: n,
+        address: a,
+        contactName: t,
+        phoneNumber: s,
+        disabled: !e.acceptRequest || e.dbName === k.currentLocation.dbName
+      };
+    }, A = [
+      {
+        label: "Purchase",
+        value: F.PURCHASE
+      },
+      {
+        label: "Transfer",
+        value: F.TRANSFER
+      }
+    ], o = L(F.PURCHASE), p = R(() => {
+      var t;
+      const e = ((t = k._currentLocation) == null ? void 0 : t.type) === ot.warehouse;
+      return k.locations.filter((a) => {
+        var s;
+        return !(a.dbName === ((s = k._currentLocation) == null ? void 0 : s.dbName)) && (!e || a.type === ot.warehouse) && a.acceptRequest;
+      });
+    }), C = R(() => o.value === F.PURCHASE ? _.suppliers.map((e) => ({
+      label: e.name,
+      value: e._id,
+      disabled: !1
+    })) : p.value.map(de).map((e) => ({
+      label: e.disabled ? `${e.name} (Upgrade POS)` : e.name,
+      value: e._id,
+      disabled: e.disabled
+    }))), h = R({
+      get() {
+        var e;
+        return ((e = d.value.supplier) == null ? void 0 : e._id) ?? null;
+      },
+      set(e) {
+        if (o.value === F.PURCHASE) {
+          d.value.supplier = _.suppliers.find((a) => a._id === e) ?? null, d.value.items && (d.value.items = d.value.items.map((a) => ({
+            ...a,
+            totalCost: N(a)
+          })));
+          return;
+        }
+        const t = k.locations.find((a) => a.doc._id === e);
+        t ? d.value.supplier = de(t) : d.value.supplier = null;
+      }
+    });
+    function D(e) {
+      switch (e) {
+        case lt.MY:
+          return "MYR";
+        case lt.SG:
+          return "SGD";
+        case lt.ID:
+          return "IDR";
+        default:
+          return "MYR";
+      }
+    }
+    function N(e) {
+      var Y, B, ue, Ne, He, Le;
+      if (b[e.sku._id])
+        return e.totalCost;
+      const t = e.measurement, a = (Ne = (ue = (B = (Y = _.modelValue) == null ? void 0 : Y.supplier) == null ? void 0 : B.supplyItems) == null ? void 0 : ue.find(
+        (De) => De.skuId === e.sku._id
+      )) == null ? void 0 : Ne.defaultCost, n = e.sku.defaultCost, s = a ?? n, c = s == null ? void 0 : s.costPerUnit, u = c ? s != null && s.measurement ? +j(c) / +j(s == null ? void 0 : s.measurement.conversion) : +j(c) : void 0, f = u ? t ? u * +j(t.conversion) : u : void 0, x = f ? +j(e.quantity) * f : void 0;
+      return x ? {
+        ...ra(x ?? 0, 2),
+        currency: D(((He = P.currentCountry) == null ? void 0 : He.value) ?? ge)
+      } : {
+        amount: 1,
+        precision: 0,
+        currency: D(((Le = P.currentCountry) == null ? void 0 : Le.value) ?? ge)
+      };
+    }
+    function me(e) {
+      var t;
+      o.value = e, h.value = ((t = C.value.find((a) => !a.disabled)) == null ? void 0 : t.value) ?? null, e === F.PURCHASE && y.enableTotalCost && (d.value.items = d.value.items.map((a) => {
+        const n = N(a);
+        return {
+          ...a,
+          totalCost: n
+        };
+      }));
+    }
+    he([() => _.modelValue], ([e]) => {
+      var t, a, n;
+      ((t = e == null ? void 0 : e.supplier) == null ? void 0 : t.internal) === be.enum.restaurant || ((a = e == null ? void 0 : e.supplier) == null ? void 0 : a.internal) === be.enum.warehouse ? o.value = F.TRANSFER : o.value = F.PURCHASE, h.value = ((n = C.value.find((s) => {
+        var c, u;
+        return s.value === ((u = (c = _.modelValue) == null ? void 0 : c.supplier) == null ? void 0 : u._id);
+      })) == null ? void 0 : n.value) ?? null;
+    }), Ot(() => {
+      var e, t, a, n, s, c, u;
+      ((t = (e = _.modelValue) == null ? void 0 : e.supplier) == null ? void 0 : t.internal) === be.enum.restaurant || ((n = (a = _.modelValue) == null ? void 0 : a.supplier) == null ? void 0 : n.internal) === be.enum.warehouse ? o.value = F.TRANSFER : o.value = F.PURCHASE, h.value = (s = _.modelValue) != null && s.supplier ? ((c = C.value.find((f) => {
+        var x, V;
+        return f.value === ((V = (x = _.modelValue) == null ? void 0 : x.supplier) == null ? void 0 : V._id);
+      })) == null ? void 0 : c.value) ?? null : ((u = C.value.find((f) => !f.disabled)) == null ? void 0 : u.value) ?? null;
+    });
+    const pe = Ua(), ee = L(7), ae = L(!1), Ce = rt();
+    async function Ae() {
+      if (ee.value < 1)
+        return;
+      ae.value = !1, await M.readPurchaseOrder(ee.value);
+      const e = {
+        ...d.value
+      }, t = [];
+      if (M.purchaseOrderForecast.skus.length <= 0) {
+        Ce.open({ message: "There is no forecast at the moment.", type: "info" });
+        return;
+      }
+      e.items = M.purchaseOrderForecast.skus.reduce((a, n) => {
+        const s = _.skus.find((f) => f._id === n.id);
+        if (a.find((f) => f.sku._id === n.id) || !s)
+          return a;
+        const u = {
+          sku: s,
+          code: s.code,
+          name: s.name,
+          quantity: {
+            amount: n.amount,
+            precision: 0
+          }
+        };
+        return a.push(u), a;
+      }, t), d.value = e;
+    }
+    function fe(e) {
+      var c, u, f, x, V, Y;
+      const t = (x = (f = (u = (c = _.modelValue) == null ? void 0 : c.supplier) == null ? void 0 : u.supplyItems) == null ? void 0 : f.find(
+        (B) => B.skuId === e.sku._id
+      )) == null ? void 0 : x.defaultCost, a = e.sku.defaultCost, n = ((V = t == null ? void 0 : t.costPerUnit) == null ? void 0 : V.amount) ?? 0, s = ((Y = a == null ? void 0 : a.costPerUnit) == null ? void 0 : Y.amount) ?? 0;
+      return n || s;
+    }
+    function ve() {
+      const e = _.skus.map((a) => ({
+        label: a.name,
+        sublabel: a.code,
+        value: a
+      })), t = e.filter((a) => {
+        var n;
+        return (n = d.value.items) == null ? void 0 : n.find((s) => s.sku._id === a.value._id);
+      }).map((a) => a.value);
+      pe.open({
+        title: "Select item",
+        closeButton: !0,
+        contentComponent: fa,
+        contentComponentProps: {
+          modelValue: t,
+          items: e
+        },
+        primaryActions: {
+          text: "Confirm",
+          close: !0
+        },
+        secondaryActions: {
+          text: "Close",
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((a) => {
+        const n = {
+          ...d.value
+        }, s = n.items ?? [], c = a.map((u) => {
+          const f = s.find((V) => V.sku._id === u._id);
+          if (f)
+            return f;
+          const x = {
+            sku: u,
+            code: u.code,
+            name: u.name,
+            quantity: {
+              amount: 1,
+              precision: 0
+            }
+          };
+          return o.value === F.PURCHASE && y.enableTotalCost && (fe(x) ? x.totalCost = N(x) : (b[x.sku._id] = !0, x.totalCost = null)), x;
+        });
+        c.sort((u, f) => u.sku.code.localeCompare(f.sku.code)), n.items = c, d.value = n;
+      });
+    }
+    function Ue(e, t) {
+      var a;
+      if (e === Lt.Delete) {
+        const n = ((a = d.value) == null ? void 0 : a.items) ?? [];
+        d.value.items = n.filter((s) => s.sku._id !== t);
+        return;
+      }
+    }
+    function $e(e, t) {
+      var n;
+      const a = ((n = d.value) == null ? void 0 : n.items) ?? [];
+      d.value.items = a.map((s) => s.sku._id !== e ? s : t ? (s.measurement = t, y.enableTotalCost && (s.totalCost = N(s)), s) : (delete s.measurement, s.totalCost = N(s), s));
+    }
+    function Ee(e, t) {
+      const a = d.value, n = a.items ?? [];
+      a.items = n.map((s) => (s.sku._id !== e || (s.code = t), s));
+    }
+    function Me(e, t) {
+      const a = d.value, n = a.items ?? [];
+      a.items = n.map((s) => (s.sku._id !== e || (s.name = t), s));
+    }
+    function _e(e, t) {
+      const a = d.value, n = a.items ?? [];
+      a.items = n.map((s) => (s.sku._id !== e || (s.quantity = t, y.enableTotalCost && (s.totalCost = N(s))), s));
+    }
+    function Oe(e, t) {
+      const a = +t, n = d.value, s = n.items ?? [];
+      t.length > 0 && isFinite(a) ? n.items = s.map((c) => {
+        var u;
+        return c.sku._id !== e || (c.totalCost = {
+          ...ba(a),
+          currency: D(((u = P.currentCountry) == null ? void 0 : u.value) ?? ge)
+        }), c;
+      }) : n.items = s.map((c) => {
+        var u;
+        return c.sku._id !== e || (c.totalCost = {
+          amount: 0,
+          precision: 0,
+          currency: D(((u = P.currentCountry) == null ? void 0 : u.value) ?? ge)
+        }), c;
+      });
+    }
+    const xe = [
+      {
+        header: "Code",
+        accessorKey: "code",
+        size: 96,
+        cell(e) {
+          const t = e.row.original;
+          return w.value ? I(oe.FmTextField, {
+            modelValue: t.code,
+            "onUpdate:modelValue": (a) => {
+              Ee(t.sku._id, a);
+            },
+            rules: [Be()],
+            labelMark: "required"
+          }) : t.code;
+        },
+        enableSorting: !1
+      },
+      {
+        id: "Name",
+        header: "Name",
+        minSize: 300,
+        cell(e) {
+          const t = e.row.original;
+          return w.value ? I(oe.FmTextField, {
+            modelValue: t.name,
+            "onUpdate:modelValue": (a) => {
+              Me(t.sku._id, a);
+            },
+            rules: [Be()],
+            labelMark: "required"
+          }) : t.name;
+        },
+        enableSorting: !1
+      },
+      {
+        id: "Amount",
+        header: "Amount",
+        minSize: 300,
+        cell(e) {
+          var n, s, c, u;
+          const t = e.row.original, a = (c = (s = (n = d.value) == null ? void 0 : n.items) == null ? void 0 : s.find) == null ? void 0 : c.call(s, (f) => f.sku._id === t.sku._id);
+          return a ? w.value ? I(va, {
+            style: {
+              flex: "1 1 0%"
+            },
+            modelValue: {
+              amount: a.quantity ?? { amount: 1, precision: 0 },
+              measurement: a.measurement ?? null
+            },
+            key: a.sku._id,
+            unit: a.sku.unit,
+            "onUpdate:modelValue": (f) => {
+              _e(t.sku._id, f.amount), $e(t.sku._id, f.measurement);
+            },
+            rules: [_a(0)],
+            applyDefaultRules: !0
+          }) : `${j(a.quantity ?? { amount: 1, precision: 0 })} ${((u = a.measurement) == null ? void 0 : u.abbrev) ?? a.sku.unit.abbrev}` : null;
+        },
+        enableSorting: !1
+      },
+      {
+        id: "Cost",
+        header: () => {
+          var e, t;
+          return I(
+            qa,
+            {
+              zIndex: 50,
+              class: "whitespace-nowrap"
+            },
+            [
+              `Total cost (${D(((e = P.currentCountry) == null ? void 0 : e.value) ?? ge) === "MYR" ? "RM" : D(((t = P.currentCountry) == null ? void 0 : t.value) ?? ge)})`
+            ]
+          );
+        },
+        size: 180,
+        cell(e) {
+          var n, s, c;
+          const t = e.row.original, a = (c = (s = (n = d.value) == null ? void 0 : n.items) == null ? void 0 : s.find) == null ? void 0 : c.call(s, (u) => u.sku._id === t.sku._id);
+          return z.value ? b[(a == null ? void 0 : a.sku._id) ?? ""] || a && !fe(a) ? I(
+            oe.FmTextField,
+            {
+              style: {
+                flex: "1 1 0%"
+              },
+              modelValue: a != null && a.totalCost ? +j(a == null ? void 0 : a.totalCost) : "",
+              "onUpdate:modelValue": (u) => {
+                Oe(t.sku._id, u);
+              },
+              rules: [ya(0), ga(2)]
+            },
+            a && fe(a) ? {
+              append: I(oe.FmButton, {
+                prependIcon: "close",
+                variant: "tertiary",
+                onClick: () => {
+                  var f;
+                  b[(a == null ? void 0 : a.sku._id) ?? ""] = !1;
+                  const u = ((f = d.value) == null ? void 0 : f.items) ?? [];
+                  d.value.items = u.map((x) => (y.enableTotalCost && (x.totalCost = N(x)), x));
+                }
+              })
+            } : {}
+          ) : I(
+            "div",
+            {
+              class: "flex items-center gap-4"
+            },
+            [
+              I(oe.FmButton, {
+                prependIcon: "edit",
+                variant: "tertiary",
+                onClick: () => {
+                  b[(a == null ? void 0 : a.sku._id) ?? ""] = !0;
+                }
+              }),
+              I(
+                "div",
+                {
+                  class: "text-fm-color-typo-primary fm-typo-en-body-lg-400"
+                },
+                j((a == null ? void 0 : a.totalCost) ?? { amount: 1, precision: 0 })
+              )
+            ]
+          ) : I(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "4px"
+              }
+            },
+            [
+              I(
+                "div",
+                a != null && a.totalCost ? +j((a == null ? void 0 : a.totalCost) ?? { amount: 1, precision: 0 }) : "0.00"
+              ),
+              I(
+                oe.FmTooltip,
+                {
+                  content: _.lastClosingDate ? `Last closing was already done at ${Je(_.lastClosingDate)} ${qt(_.lastClosingDate)}. You may no longer change total cost of this purchase order.` : "You may only change the total cost if you have done a closing with recent costing feature.",
+                  placement: "left",
+                  zIndex: 50
+                },
+                [
+                  I(oe.FmIcon, {
+                    name: "info",
+                    size: "sm",
+                    color: "typo-secondary"
+                  })
+                ]
+              )
+            ]
+          );
+        },
+        enableSorting: !1
+      },
+      {
+        id: "Delete",
+        header: "",
+        cell(e) {
+          return I(oe.FmButton, {
+            class: "delete-button",
+            type: "button",
+            icon: "delete",
+            variant: "tertiary",
+            size: "md",
+            onClick: () => {
+              Ue(Lt.Delete, e.row.original.sku._id);
+            }
+          });
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ], ke = R(
+      () => w.value ? xe : xe.filter((e) => e.id !== "Delete")
+    ), ye = R(() => o.value === F.PURCHASE && y.enableTotalCost ? ke.value : ke.value.filter((e) => e.id !== "Cost")), re = L();
+    W({
+      validateInputs: () => {
+        var e, t;
+        (t = (e = re.value) == null ? void 0 : e.validateInputs) == null || t.call(e);
+      },
+      resetInputsValidation: () => {
+        var e, t;
+        (t = (e = re.value) == null ? void 0 : e.resetInputsValidation) == null || t.call(e);
+      },
+      resetInputs: () => {
+        var e, t;
+        (t = (e = re.value) == null ? void 0 : e.resetInputs) == null || t.call(e);
+      }
+    });
+    const se = L(!1);
+    he(se, (e) => {
+      e && (Ie.value = !0, Qt().finally(() => {
+        Ie.value = !1;
+      }));
+    });
+    async function Qt() {
+      try {
+        const { startDate: e, endDate: t } = ua(6), s = (await q.getPurchaseOrders({ start: e, end: t })).filter(
+          (c) => {
+            var u, f;
+            return c.status === ia.enum.COMPLETE && ((u = c.supplier) == null ? void 0 : u.internal) !== "warehouse" && ((f = c.supplier) == null ? void 0 : f.internal) !== "restaurant";
+          }
+        ).reduce((c, u) => {
+          const f = new Date(ca(u._id)), x = u.supplier._id;
+          for (const V of u.items) {
+            if (!V.totalCost) continue;
+            const Y = c[V.sku._id] ?? {}, B = Y[x] ?? [];
+            B.push({
+              date: f.toISOString(),
+              totalUnit: V.quantity,
+              totalCost: V.totalCost,
+              unit: V.sku.unit,
+              measurement: V.measurement,
+              seqNumber: u.seqNumber
+            }), Y[x] = B, c[V.sku._id] = Y;
+          }
+          return c;
+        }, {});
+        we.value = s;
+      } catch {
+        Ce.open({
+          title: "Something went wrong",
+          message: "Cannot retrieve supplier purchase history. Please try again."
+        }), se.value = !1;
+      }
+    }
+    const Ie = L(!1), we = L({});
+    function qe(e) {
+      return e.column.columnDef.meta;
+    }
+    const O = R({
+      get() {
+        var e, t;
+        return (e = _.modelValue) != null && e.effectiveAt ? new Date((t = _.modelValue) == null ? void 0 : t.effectiveAt) : null;
+      },
+      set(e) {
+        d.value.effectiveAt = (e == null ? void 0 : e.toISOString()) ?? null;
+      }
+    }), tt = R({
+      get() {
+        return !!O.value;
+      },
+      set(e) {
+        e ? O.value = /* @__PURE__ */ new Date() : O.value = null;
+      }
+    }), at = R({
+      get() {
+        return O.value === null ? "" : Je(O.value);
+      },
+      set(e) {
+        e ? O.value = /* @__PURE__ */ new Date(`${e} ${st.value}`) : O.value = null;
+      }
+    }), st = R({
+      get() {
+        return O.value === null ? "" : da(O.value);
+      },
+      set(e) {
+        e ? O.value = /* @__PURE__ */ new Date(`${at.value} ${e}`) : O.value = null;
+      }
+    }), ut = R(() => {
+      var e;
+      return (e = k._currentLocation) == null ? void 0 : e.dbName.startsWith("restaurant");
+    });
+    return (e, t) => {
+      const a = S("FmChip"), n = S("FmSelect"), s = S("FmMenuItem"), c = S("FmTextField"), u = S("FmTextarea"), f = S("FmSwitch"), x = S("FmDatePicker"), V = S("FmTimePicker"), Y = S("FmFormGroup"), B = S("FmIcon"), ue = S("FmButton"), Ne = S("FmCard"), He = S("FmStepperField"), Le = S("FmPopover"), De = S("FmLabel"), Jt = S("FmSpacer"), Xt = S("FmTable"), ea = S("FmForm");
+      return v(), G(ea, {
+        ref_key: "formRef",
+        ref: re,
+        onReset: t[14] || (t[14] = (ze) => o.value = r(F).PURCHASE),
+        onValidationSuccess: t[15] || (t[15] = (ze) => $("validation-success")),
+        disabled: E.value
+      }, {
+        default: U(() => {
+          var ze, it, ct, dt;
+          return [
+            l("div", Xa, [
+              l("div", es, [
+                ts,
+                l("div", as, [
+                  i(a, {
+                    label: r(k).currentLocation.name,
+                    icon: "storefront",
+                    compact: ""
+                  }, null, 8, ["label"]),
+                  (it = (ze = r(P).currentRestaurant) == null ? void 0 : ze.value) != null && it.posVersion ? (v(), G(a, {
+                    key: 0,
+                    label: `POS v${(dt = (ct = r(P).currentRestaurant) == null ? void 0 : ct.value) == null ? void 0 : dt.posVersion}`,
+                    icon: "point_of_sale",
+                    compact: ""
+                  }, null, 8, ["label"])) : H("", !0),
+                  e.lastClosingDate ? (v(), G(a, {
+                    key: 1,
+                    label: `Last closing: ${r(Je)(e.lastClosingDate)} ${r(qt)(e.lastClosingDate)}`,
+                    icon: "calendar_month",
+                    compact: ""
+                  }, null, 8, ["label"])) : H("", !0)
+                ]),
+                ss,
+                l("div", os, [
+                  i(n, {
+                    items: A,
+                    rules: [r(Be)()],
+                    "label-mark": "required",
+                    label: "Transfer type",
+                    "model-value": o.value,
+                    "onUpdate:modelValue": t[0] || (t[0] = (m) => me(m)),
+                    disabled: E.value || !w.value,
+                    "data-cy": "fm-select-transaction-type"
+                  }, null, 8, ["rules", "model-value", "disabled"]),
+                  i(n, {
+                    label: o.value === r(F).PURCHASE ? "Supplier" : "Transfer From",
+                    items: C.value,
+                    modelValue: h.value,
+                    "onUpdate:modelValue": t[1] || (t[1] = (m) => h.value = m),
+                    disabled: E.value || !w.value,
+                    rules: [r(Be)()],
+                    "label-mark": "required"
+                  }, {
+                    "menu-wrapper": U(({ handleItemChange: m }) => [
+                      (v(!0), T(Re, null, Xe(C.value, (g) => (v(), G(s, {
+                        key: g.value,
+                        "model-value": g.value === h.value,
+                        disabled: g.disabled,
+                        label: g.label,
+                        "onUpdate:modelValue": (ie) => m(ie, g)
+                      }, null, 8, ["model-value", "disabled", "label", "onUpdate:modelValue"]))), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["label", "items", "modelValue", "disabled", "rules"]),
+                  i(c, {
+                    label: "Reference",
+                    modelValue: d.value.ref,
+                    "onUpdate:modelValue": t[2] || (t[2] = (m) => d.value.ref = m),
+                    "label-mark": "optional",
+                    disabled: E.value || !w.value
+                  }, null, 8, ["modelValue", "disabled"]),
+                  i(u, {
+                    label: "Remark",
+                    modelValue: Z.value,
+                    "onUpdate:modelValue": t[3] || (t[3] = (m) => Z.value = m),
+                    "label-mark": "optional",
+                    "max-length": 240,
+                    disabled: E.value || !w.value,
+                    "show-word-count": ""
+                  }, null, 8, ["modelValue", "disabled"]),
+                  r(y).enableBackdatePo ? (v(), T("div", ls, [
+                    l("div", ns, [
+                      i(f, {
+                        modelValue: tt.value,
+                        "onUpdate:modelValue": t[4] || (t[4] = (m) => tt.value = m),
+                        label: "Backdate transfer",
+                        sublabel: "Apply transfer to older date",
+                        "label-placement": "right",
+                        disabled: E.value || !w.value || ut.value && !e.lastClosingDate
+                      }, null, 8, ["modelValue", "disabled"]),
+                      rs,
+                      tt.value ? (v(), T("div", us, [
+                        l("div", is, [
+                          i(x, {
+                            modelValue: at.value,
+                            "onUpdate:modelValue": t[5] || (t[5] = (m) => at.value = m)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        l("div", cs, [
+                          i(V, {
+                            modelValue: st.value,
+                            "onUpdate:modelValue": t[6] || (t[6] = (m) => st.value = m)
+                          }, null, 8, ["modelValue"])
+                        ])
+                      ])) : H("", !0)
+                    ]),
+                    O.value ? (v(), G(Y, {
+                      key: 0,
+                      modelValue: O.value,
+                      "onUpdate:modelValue": t[7] || (t[7] = (m) => O.value = m),
+                      rules: [r(ma)(new Date(e.lastClosingDate), /* @__PURE__ */ new Date())]
+                    }, null, 8, ["modelValue", "rules"])) : H("", !0),
+                    ut.value && !e.lastClosingDate ? (v(), T("div", ds, [
+                      i(B, {
+                        name: "error",
+                        size: "sm",
+                        class: "text-fm-color-typo-warning"
+                      }),
+                      ms
+                    ])) : H("", !0)
+                  ])) : H("", !0)
+                ])
+              ]),
+              l("div", ps, [
+                i(Y, {
+                  "model-value": d.value.items,
+                  rules: [
+                    function(g) {
+                      return g && g.length > 0 || "Must have at least one item!";
+                    }
+                  ]
+                }, {
+                  default: U(() => {
+                    var m;
+                    return [
+                      l("div", fs, [
+                        vs,
+                        o.value === r(F).PURCHASE && w.value && r(y).enableTotalCost ? (v(), T("div", _s, [
+                          i(f, {
+                            label: Ie.value ? "Fetching data..." : "Compare price history",
+                            "prepend-icon": "compare_arrows",
+                            "label-placement": "right",
+                            "model-value": se.value,
+                            "onUpdate:modelValue": t[8] || (t[8] = (g) => se.value = g),
+                            disabled: Ie.value || !((m = d.value) != null && m.items) || d.value.items.length === 0
+                          }, null, 8, ["label", "model-value", "disabled"])
+                        ])) : H("", !0)
+                      ])
+                    ];
+                  }),
+                  _: 1
+                }, 8, ["model-value", "rules"]),
+                l("div", ys, [
+                  i(ue, {
+                    disabled: E.value || !w.value,
+                    label: "Add Item",
+                    "prepend-icon": "add",
+                    variant: "plain",
+                    class: "border-2 rounded-lg border-fm-color-primary",
+                    onClick: t[9] || (t[9] = (m) => ve()),
+                    size: "md"
+                  }, null, 8, ["disabled"]),
+                  i(Le, {
+                    disabled: E.value || !w.value,
+                    class: "flex",
+                    "show-popover": ae.value,
+                    onPopoverChanged: t[13] || (t[13] = (m) => ae.value = m)
+                  }, {
+                    "popover-button": U(() => [
+                      i(Ne, {
+                        class: Ze([
+                          "flex justify-center items-center gap-[8px] border-2 py-1 px-12 rounded-lg cursor-not-allowed",
+                          E.value || !w.value ? " border-fm-color-neutral-gray-200" : "border-fm-color-primary"
+                        ]),
+                        variant: "flat"
+                      }, {
+                        default: U(() => [
+                          i(ja, {
+                            size: 24,
+                            color: E.value || !w.value ? "#c7c7cc" : "#ff7823"
+                          }, null, 8, ["color"]),
+                          l("button", {
+                            type: "button",
+                            disabled: E.value,
+                            class: Ze([
+                              "fm-typo-cn-body-lg-600",
+                              E.value || !w.value ? " text-fm-color-neutral-gray-200 cursor-not-allowed" : "text-fm-color-primary"
+                            ])
+                          }, " Forecast stock ", 10, gs)
+                        ]),
+                        _: 1
+                      }, 8, ["class"])
+                    ]),
+                    default: U(() => [
+                      l("div", bs, [
+                        l("div", hs, [
+                          i(Va, { "z-index": 99 }, {
+                            default: U(() => [
+                              Cs
+                            ]),
+                            _: 1
+                          }),
+                          i(ue, {
+                            icon: "close",
+                            size: "md",
+                            variant: "tertiary",
+                            onClick: t[10] || (t[10] = (m) => ae.value = !1)
+                          })
+                        ]),
+                        i(He, {
+                          modelValue: ee.value,
+                          "onUpdate:modelValue": t[11] || (t[11] = (m) => ee.value = m),
+                          label: "Enter day to forecast stock",
+                          rules: [r(pa)(1)]
+                        }, {
+                          "helper-text": U(() => [
+                            l("div", xs, [
+                              i(B, {
+                                name: "warning",
+                                size: "sm",
+                                class: "text-fm-color-system-warning-300"
+                              }),
+                              ks
+                            ])
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "rules"]),
+                        l("div", ws, [
+                          Ds,
+                          i(ue, {
+                            label: "Cancel",
+                            variant: "tertiary",
+                            onClick: t[12] || (t[12] = (m) => ae.value = !1)
+                          }),
+                          i(ue, {
+                            label: "Generate",
+                            onClick: Ae
+                          })
+                        ])
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "show-popover"])
+                ]),
+                ne.value.length ? (v(), T("div", Ss, [
+                  (v(), G(Xt, {
+                    "row-data": ne.value,
+                    "column-defs": ye.value,
+                    key: o.value,
+                    "data-cy": "fm-table-transfer-items",
+                    "hide-footer": "",
+                    "page-size": ne.value.length
+                  }, {
+                    "table-row": U((m) => {
+                      var g, ie;
+                      return [
+                        l("tr", {
+                          class: Ze(["border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm", {
+                            "bg-fm-color-neutral-gray-100": m.getIsSelected()
+                          }])
+                        }, [
+                          (v(!0), T(Re, null, Xe(m.getVisibleCells(), (Q) => {
+                            var Se, ce, Fe, Te;
+                            return v(), T("td", {
+                              key: Q.id,
+                              class: Ze([
+                                "h-[52px] px-16 text-fm-color-typo-primary",
+                                ((Se = qe(Q)) == null ? void 0 : Se.cellClass) ?? "px-16"
+                              ]),
+                              style: jt({
+                                width: (ce = qe(Q)) == null ? void 0 : ce.width,
+                                maxWidth: (Fe = qe(Q)) == null ? void 0 : Fe.maxWidth,
+                                textAlign: ((Te = qe(Q)) == null ? void 0 : Te.textAlign) ?? "left"
+                              })
+                            }, [
+                              l("span", Fs, [
+                                i(r(X), {
+                                  render: Q.column.columnDef.cell,
+                                  props: Q.getContext()
+                                }, null, 8, ["render", "props"])
+                              ])
+                            ], 6);
+                          }), 128))
+                        ], 2),
+                        o.value === r(F).PURCHASE && se.value && Object.keys(we.value[(g = m.original.sku) == null ? void 0 : g._id] ?? {}).length > 0 ? (v(), T("tr", Ts, [
+                          l("td", {
+                            colspan: m.getVisibleCells().length
+                          }, [
+                            i(zt, {
+                              prices: we.value[(ie = m.original.sku) == null ? void 0 : ie._id]
+                            }, null, 8, ["prices"])
+                          ], 8, Vs)
+                        ])) : H("", !0)
+                      ];
+                    }),
+                    "list-row": U((m) => [
+                      i(Zt, { row: m }, {
+                        default: U((g) => {
+                          var ie, Q, Se, ce, Fe, Te, mt, pt, Ye, ft, vt, _t, yt, je, gt, bt, ht, Ct, Ge, xt, kt, wt, Dt, St, Ft, Ke, Tt, Vt, Rt, Pt, At, We, Ut, $t, Et;
+                          return [
+                            l("div", Rs, [
+                              l("div", Ps, [
+                                l("div", As, J(m.original.sku.name), 1),
+                                l("div", null, [
+                                  i(r(X), {
+                                    render: (Se = (Q = (ie = g.Delete) == null ? void 0 : ie.column) == null ? void 0 : Q.columnDef) == null ? void 0 : Se.cell,
+                                    props: (Fe = (ce = g.Delete) == null ? void 0 : ce.getContext) == null ? void 0 : Fe.call(ce)
+                                  }, null, 8, ["render", "props"])
+                                ])
+                              ]),
+                              l("div", Us, [
+                                l("div", $s, [
+                                  i(De, { label: "Code" }),
+                                  i(r(X), {
+                                    render: (pt = (mt = (Te = g.code) == null ? void 0 : Te.column) == null ? void 0 : mt.columnDef) == null ? void 0 : pt.cell,
+                                    props: (ft = (Ye = g.code) == null ? void 0 : Ye.getContext) == null ? void 0 : ft.call(Ye)
+                                  }, null, 8, ["render", "props"])
+                                ]),
+                                l("div", Es, [
+                                  i(De, { label: "Name" }),
+                                  i(r(X), {
+                                    render: (yt = (_t = (vt = g.Name) == null ? void 0 : vt.column) == null ? void 0 : _t.columnDef) == null ? void 0 : yt.cell,
+                                    props: (gt = (je = g.Name) == null ? void 0 : je.getContext) == null ? void 0 : gt.call(je)
+                                  }, null, 8, ["render", "props"])
+                                ]),
+                                l("div", Ms, [
+                                  l("div", Os, [
+                                    i(De, { label: "Amount" })
+                                  ]),
+                                  i(r(X), {
+                                    render: (Ct = (ht = (bt = g.Amount) == null ? void 0 : bt.column) == null ? void 0 : ht.columnDef) == null ? void 0 : Ct.cell,
+                                    props: (xt = (Ge = g.Amount) == null ? void 0 : Ge.getContext) == null ? void 0 : xt.call(Ge)
+                                  }, null, 8, ["render", "props"])
+                                ]),
+                                o.value === r(F).PURCHASE && g.Cost ? (v(), T("div", Is, [
+                                  typeof ((Dt = (wt = (kt = g.Cost) == null ? void 0 : kt.column) == null ? void 0 : wt.columnDef) == null ? void 0 : Dt.header) == "function" ? (v(), T("div", qs, [
+                                    (v(), G(sa(
+                                      (Vt = (Ft = (St = g.Cost) == null ? void 0 : St.column) == null ? void 0 : Ft.columnDef) == null ? void 0 : Vt.header(
+                                        (Tt = (Ke = g.Cost) == null ? void 0 : Ke.getContext) == null ? void 0 : Tt.call(Ke)
+                                      )
+                                    )))
+                                  ])) : H("", !0),
+                                  i(r(X), {
+                                    render: (At = (Pt = (Rt = g.Cost) == null ? void 0 : Rt.column) == null ? void 0 : Pt.columnDef) == null ? void 0 : At.cell,
+                                    props: (Ut = (We = g.Cost) == null ? void 0 : We.getContext) == null ? void 0 : Ut.call(We)
+                                  }, null, 8, ["render", "props"])
+                                ])) : H("", !0)
+                              ]),
+                              o.value === r(F).PURCHASE && se.value && Object.keys(we.value[($t = m.original.sku) == null ? void 0 : $t._id] ?? {}).length > 0 ? (v(), T(Re, { key: 0 }, [
+                                i(Jt, { class: "h-8" }),
+                                i(zt, {
+                                  prices: we.value[(Et = m.original.sku) == null ? void 0 : Et._id]
+                                }, null, 8, ["prices"])
+                              ], 64)) : H("", !0)
+                            ])
+                          ];
+                        }),
+                        _: 2
+                      }, 1032, ["row"])
+                    ]),
+                    _: 1
+                  }, 8, ["row-data", "column-defs", "page-size"]))
+                ])) : H("", !0)
+              ])
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), Hs = { class: "flex items-center" }, Ls = { class: "fm-typo-en-title-md-800" }, zs = { class: "flex gap-4" }, Ys = /* @__PURE__ */ Pe({
+  __name: "TransferDialog",
+  props: {
+    mode: {},
+    modelValue: {},
+    show: { type: Boolean },
+    lastClosingDate: {}
+  },
+  emits: ["update:show", "submitted"],
+  setup(K, { expose: W, emit: te }) {
+    const k = K, M = te, P = Wt(), q = rt(), y = Bt(), b = ha(), _ = nt();
+    async function le(o) {
+      if (o) {
+        $.value = !0;
+        try {
+          await y.readSuppliers(), $.value = !1;
+        } catch {
+          q.open({
+            title: "Unable to fetch list of suppliers",
+            message: "Try to refresh page to retry operation",
+            type: "error"
+          });
+        }
+      }
+    }
+    _.watchLocation(le);
+    const w = $a(k, "show"), z = L(k.modelValue ?? {});
+    he([() => k.modelValue], () => {
+      z.value = k.modelValue ?? {};
+    });
+    const $ = L(!1), d = R(() => {
+      switch (k.mode) {
+        case Ve.CREATE:
+          return "Add transfer";
+        case Ve.READ:
+          return "View transfer";
+        case Ve.UPDATE:
+          return "Edit transfer";
+      }
+      return "";
+    }), Z = L();
+    W({
+      validateInputs: () => {
+        var o, p;
+        (p = (o = Z.value) == null ? void 0 : o.validateInputs) == null || p.call(o);
+      },
+      resetInputsValidation: () => {
+        var o, p;
+        (p = (o = Z.value) == null ? void 0 : o.resetInputsValidation) == null || p.call(o);
+      },
+      resetInputs: () => {
+        var o, p;
+        (p = (o = Z.value) == null ? void 0 : o.resetInputs) == null || p.call(o);
+      }
+    });
+    async function E() {
+      const o = z.value;
+      $.value = !0, (o.supplier.internal === "warehouse" || o.supplier.internal === "restaurant") && (o.items = o.items.map(({ totalCost: p, ...C }) => C));
+      try {
+        await P.createPurchaseOrder(o), await new Promise((p) => setTimeout(p, 1e3)), q.open({
+          title: "Created",
+          message: "Your transfer draft has been created!",
+          type: "success"
+        }), M("update:show", !1), M("submitted");
+      } catch (p) {
+        q.open({
+          title: "Cannot create purchase order",
+          message: "Report to system administrator for troubleshooting.",
+          type: "error"
+        }), console.error("Error in creating purchase order", p);
+      } finally {
+        $.value = !1;
+      }
+    }
+    async function ne() {
+      const o = z.value;
+      $.value = !0, (o.supplier.internal === "warehouse" || o.supplier.internal === "restaurant") && (o.items = o.items.map(({ totalCost: p, ...C }) => C));
+      try {
+        await P.updatePurchaseOrder(o), await new Promise((p) => setTimeout(p, 1e3)), q.open({
+          title: "Updated",
+          message: "Your transfer draft has been updated!",
+          type: "success"
+        }), M("update:show", !1), M("submitted");
+      } catch (p) {
+        q.open({
+          title: "Cannot update purchase order",
+          message: "Report to system administrator for troubleshooting.",
+          type: "error"
+        }), console.error("Error in updating purchase order", p);
+      } finally {
+        $.value = !1;
+      }
+    }
+    function de() {
+      switch (k.mode) {
+        case Ve.CREATE:
+          return E();
+        case Ve.UPDATE:
+          return ne();
+      }
+    }
+    function A() {
+      var o, p;
+      (p = (o = Z.value) == null ? void 0 : o.validateInputs) == null || p.call(o);
+    }
+    return (o, p) => {
+      const C = S("FmButton"), h = S("FmSideSheet");
+      return v(), G(h, {
+        modelValue: r(w),
+        "onUpdate:modelValue": p[2] || (p[2] = (D) => oa(w) ? w.value = D : null),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 900
+      }, {
+        "side-sheet-header": U(() => [
+          l("div", Hs, [
+            l("div", Ls, J(d.value), 1)
+          ])
+        ]),
+        default: U(() => [
+          (v(), G(Ns, {
+            class: "w-full",
+            ref_key: "formRef",
+            ref: Z,
+            onValidationSuccess: de,
+            modelValue: z.value,
+            "onUpdate:modelValue": p[0] || (p[0] = (D) => z.value = D),
+            disabled: $.value,
+            suppliers: r(y).suppliers,
+            skus: r(b).skus,
+            key: z.value._id ?? "",
+            "last-closing-date": o.lastClosingDate
+          }, null, 8, ["modelValue", "disabled", "suppliers", "skus", "last-closing-date"]))
+        ]),
+        "side-sheet-footer": U(() => [
+          l("div", zs, [
+            i(C, {
+              loading: $.value,
+              label: "Save",
+              onClick: A
+            }, null, 8, ["loading"]),
+            i(C, {
+              disabled: $.value,
+              variant: "tertiary",
+              label: "Close",
+              onClick: p[1] || (p[1] = (D) => M("update:show", !1))
+            }, null, 8, ["disabled"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), js = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, Gs = { class: "flex flex-col py-8" }, Ks = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ws = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, Zs = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, Bs = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1"
+}, Qs = { class: "pt-8" }, Yt = "ReceiveRequestViewSearchCriteria", co = /* @__PURE__ */ Pe({
+  __name: "ReceiveRequestView",
+  setup(K) {
+    const { t: W } = Oa(), te = rt();
+    Qe.object({
+      name: Qe.string().optional().nullable(),
+      startDate: Qe.string().optional().nullable(),
+      endDate: Qe.string().optional().nullable()
+    });
+    const k = Ca(), M = Kt();
+    function P() {
+      const A = {
+        name: "",
+        ...Ht()
+      }, o = k.getItem(Yt);
+      if (!o)
+        return A;
+      try {
+        return JSON.parse(o);
+      } catch {
+        return A;
+      }
+    }
+    function q() {
+      k.setItem(Yt, JSON.stringify(y.value));
+    }
+    const y = L(P()), b = Da("receive/request", y.value), { columnDefs: _ } = Sa("receive/request", b), le = nt();
+    async function w() {
+      const A = `inventory-record_${Nt(y.value.startDate).format("DD-MM-YYYY_HH-mm")}-${Nt(y.value.endDate).format("DD-MM-YYYY_HH-mm")}.xlsx`, o = b.purchaseOrders.value.flatMap(
+        (C) => C.items.map((h) => {
+          const D = new Date(Pa(C._id) ?? ""), N = C.effectiveAt ? new Date(C.effectiveAt) : void 0, me = j(
+            Ta(h.sku, C.deliveryOrder || [])
+          ), pe = j(h.quantity);
+          return {
+            "SKU code": h.code,
+            "SKU name": h.name,
+            "PO #": C.seqNumber,
+            "Effective at": N,
+            Date: D,
+            Status: C.status,
+            Reference: C.ref ?? "",
+            "Received quantity": me,
+            "Ordered quantity": pe,
+            Unit: h.sku.unit.abbrev,
+            "Total cost": h.totalCost ? Gt(h.totalCost) : null
+          };
+        })
+      ), p = [
+        "SKU code",
+        "SKU name",
+        "PO #",
+        "Date",
+        "Status",
+        "Reference",
+        "Received quantity",
+        "Ordered quantity",
+        "Unit"
+      ];
+      M.enableBackdatePo && p.insert("Effective at", 4), M.enableTotalCost && p.push("Total cost"), await Aa(
+        [
+          {
+            name: "purchases",
+            data: o,
+            columns: p
+          }
+        ],
+        A
+      ), te.open({
+        title: W("inventory.transfer.receiveRequest.export.success"),
+        message: W("inventory.transfer.receiveRequest.export.message", [A]),
+        type: "success"
+      });
+    }
+    const z = L(Ht()), $ = L("");
+    he([() => z.value], ([A]) => {
+      !A.startDate || !A.endDate || (y.value.startDate = A.startDate, y.value.endDate = A.endDate, b.updateDateRange(
+        y.value.startDate,
+        y.value.endDate
+      ), q());
+    }), he([() => $.value], () => {
+      q();
+    });
+    function d(A) {
+      A === "create" && b.promptCreateTransferDialog();
+    }
+    const { breakpoints: Z } = Ea(), E = R(() => Z.value.xs || Z.value.sm ? 10 : 20), ne = Ia(), de = R(() => [
+      {
+        icon: "refresh",
+        onClick: b.fetchData
+      },
+      {
+        icon: "ios_share",
+        onClick: w
+      }
+    ]);
+    return (A, o) => {
+      const p = S("FmTable");
+      return v(), G(xa, {
+        title: r(W)("inventory.transfer.receiveRequest.title2"),
+        actions: [
+          {
+            label: r(W)("inventory.transfer.receiveRequest.actions.create"),
+            value: "create",
+            isPrimary: !0,
+            prependIcon: "add"
+          }
+        ],
+        "onClick:action": d
+      }, {
+        default: U(() => {
+          var C;
+          return [
+            l("div", js, [
+              i(ka, {
+                "date-range-query": "",
+                "date-range": z.value,
+                "onUpdate:dateRange": o[0] || (o[0] = (h) => z.value = h),
+                searchable: "",
+                "change-location": "",
+                search: $.value,
+                "onUpdate:search": o[1] || (o[1] = (h) => $.value = h),
+                actions: de.value
+              }, null, 8, ["date-range", "search", "actions"]),
+              (v(), G(p, {
+                style: jt(r(ne).tableHeight),
+                "column-defs": r(_),
+                "row-data": r(b).purchaseOrders.value,
+                "search-value": $.value,
+                loading: !r(le)._currentLocation || r(b).loading.value,
+                onRowClick: o[2] || (o[2] = (h) => r(b).promptShowTransferDetails(h.original)),
+                key: (C = r(le)._currentLocation) == null ? void 0 : C.dbName,
+                "page-size": E.value
+              }, {
+                "list-row": U((h) => [
+                  i(Zt, {
+                    row: h,
+                    onRowClick: r(b).promptShowTransferDetails
+                  }, {
+                    default: U((D) => {
+                      var N, me, pe, ee, ae, Ce, Ae, fe, ve, Ue, $e, Ee, Me, _e, Oe, et, xe, ke, ye, re;
+                      return [
+                        l("div", Gs, [
+                          l("div", Ks, [
+                            i(r(X), {
+                              render: (pe = (me = (N = D._id) == null ? void 0 : N.column) == null ? void 0 : me.columnDef) == null ? void 0 : pe.cell,
+                              props: (ae = (ee = D._id) == null ? void 0 : ee.getContext) == null ? void 0 : ae.call(ee)
+                            }, null, 8, ["render", "props"])
+                          ]),
+                          l("div", Ws, [
+                            i(r(X), {
+                              render: (fe = (Ae = (Ce = D.supplier_name) == null ? void 0 : Ce.column) == null ? void 0 : Ae.columnDef) == null ? void 0 : fe.cell,
+                              props: (Ue = (ve = D.supplier_name) == null ? void 0 : ve.getContext) == null ? void 0 : Ue.call(ve)
+                            }, null, 8, ["render", "props"])
+                          ]),
+                          l("div", Zs, J(h.original.items.map((se) => `${se.name}`).join(", ")), 1),
+                          h.original.ref ? (v(), T("div", Bs, [
+                            i(r(X), {
+                              render: (Me = (Ee = ($e = D.ref) == null ? void 0 : $e.column) == null ? void 0 : Ee.columnDef) == null ? void 0 : Me.cell,
+                              props: (Oe = (_e = D.ref) == null ? void 0 : _e.getContext) == null ? void 0 : Oe.call(_e)
+                            }, null, 8, ["render", "props"])
+                          ])) : H("", !0),
+                          l("div", Qs, [
+                            i(r(X), {
+                              render: (ke = (xe = (et = D.status) == null ? void 0 : et.column) == null ? void 0 : xe.columnDef) == null ? void 0 : ke.cell,
+                              props: (re = (ye = D.status) == null ? void 0 : ye.getContext) == null ? void 0 : re.call(ye)
+                            }, null, 8, ["render", "props"])
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["row", "onRowClick"])
+                ]),
+                _: 1
+              }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+            ]),
+            (v(), G(la, { to: "body" }, [
+              i(Ys, It(r(b).transferDialogProps.value, {
+                onSubmitted: r(b).fetchData
+              }), null, 16, ["onSubmitted"]),
+              i(Fa, It(r(b).transferDetailsProps.value, {
+                onSubmitted: r(b).fetchData
+              }), null, 16, ["onSubmitted"])
+            ]))
+          ];
+        }),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  co as default
+};