@feedmepos/mf-inventory-portal 0.0.17-dev.5 → 0.0.17-dev.6

package/dist/ReceiveRequestView-DJXkxMO9.js

@@ -0,0 +1,1435 @@
+import { defineComponent as ye, ref as H, watch as de, computed as P, resolveComponent as w, openBlock as _, createBlock as K, withCtx as $, createElementVNode as s, createVNode as r, toDisplayString as Q, createElementBlock as V, Fragment as Ve, renderList as Xe, unref as u, mergeModels as Lt, reactive as la, onMounted as zt, useModel as na, createCommentVNode as j, normalizeClass as Ze, normalizeStyle as Qt, resolveDynamicComponent as ra, h as q, isRef as ua, Teleport as ia, mergeProps as Yt } from "vue";
+import { I as nt, d as ge, p as be, q as ca, f as ut, a as Bt, C as rt, u as da, r as Qe, t as ma } from "./app-Cys3s5QM.js";
+import { i as et } from "./init-date-range-DW4h-v8s.js";
+import { u as Jt, p as pa, P as F, a as fa, b as va, _ as _a, g as ga } from "./TransferDetails.vue_vue_type_script_setup_true_lang-CLZw6B-5.js";
+import { k as Xt, a as G, q as Je, t as ba, s as ya, u as ha, j as jt, c as Ca } from "./date2-Cc1Oiw05.js";
+import { _ as xa, u as ka, i as wa, e as Da } from "./stock-estimate-Du_hY5pm.js";
+import { F as Sa, i as Fa, d as Kt } from "./dayjs.min-DnrcQF8Z.js";
+import { _ as Va } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-Dov3Uq2z.js";
+import { _ as Ta } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-CHGOS3Nh.js";
+import { useDialog as Ra, useSnackbar as it, components as ne, useProxiedModel as Pa, useBreakpoints as $a } from "@feedmepos/ui-library";
+import { R as Gt, F as Fe } from "./row-action.enum-BwQbURNh.js";
+import { useCoreStore as Aa } from "@feedmepos/mf-common";
+import { _ as Ua } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-CYok6OxR.js";
+import { F as Z, _ as ea, u as Ea } from "./layout-DuS41CyD.js";
+import { R as Be, B as Ma, A as Oa, a as Ia, M as Na } from "./rules-BvlRoPEY.js";
+import { u as ta } from "./supplier-CXA31S_x.js";
+import { _ as qa } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-BvadeWUz.js";
+import { _ as Ha, F as La } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-iLrqfOPx.js";
+const za = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 bg-fm-color-neutral-gray-100 cursor-pointer text-fm-color-neutral-gray-400" }, Ya = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, ja = /* @__PURE__ */ ye({
+  __name: "FmDateRangePickerChip",
+  props: {
+    modelValue: { default: (I) => I.modelValue ?? et() }
+  },
+  emits: ["update:modelValue"],
+  setup(I, { emit: B }) {
+    const W = B, y = H(et());
+    de(y, (C) => {
+      W("update:modelValue", C);
+    });
+    const A = P(() => {
+      const { startDate: C, endDate: h } = y.value;
+      return !C && !h ? "" : `${C} - ${h}`;
+    });
+    return (C, h) => {
+      const f = w("FmIcon"), E = w("FmDateRangePicker");
+      return _(), K(E, {
+        "show-predefined-range": "",
+        modelValue: y.value,
+        "onUpdate:modelValue": h[0] || (h[0] = (v) => y.value = v),
+        "start-label": "",
+        "end-label": ""
+      }, {
+        "trigger-button": $(() => [
+          s("div", za, [
+            r(f, {
+              name: "calendar_month",
+              size: "sm"
+            }),
+            s("div", Ya, Q(A.value), 1)
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Ka = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Ga = ["fill"], Wa = ["fill"], Za = ["stroke"], Qa = ["stroke"], Ba = /* @__PURE__ */ ye({
+  __name: "SparkIcon",
+  props: {
+    size: {
+      type: Number,
+      default: 24
+    },
+    color: {
+      type: String,
+      default: "#c7c7cc"
+    }
+  },
+  setup(I) {
+    return (B, W) => (_(), V("svg", Ka, [
+      s("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: I.color
+      }, null, 8, Ga),
+      s("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: I.color
+      }, null, 8, Wa),
+      s("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: I.color,
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, null, 8, Za),
+      s("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: I.color,
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, null, 8, Qa)
+    ]));
+  }
+}), Ja = { class: "flex flex-col gap-8 px-16 xs:px-4 sm:px-4 py-4 items-center" }, Xa = { class: "fm-typo-en-body-lg-600 xs:fm-typo-en-body-md-600 mr-auto xs:w-full" }, eo = { class: "w-[450px] xs:w-full flex" }, to = { class: "fm-typo-en-body-md-400 whitespace-nowrap" }, ao = /* @__PURE__ */ s("span", { class: "text-fm-color-typo-secondary" }, "/", -1), oo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, so = /* @__PURE__ */ s("span", null, /* @__PURE__ */ Q(" "), -1), Wt = /* @__PURE__ */ ye({
+  __name: "SupplierPriceHistory",
+  props: {
+    prices: {}
+  },
+  setup(I) {
+    const B = ta();
+    function W(y) {
+      return B.suppliers.find((A) => A._id === y);
+    }
+    return (y, A) => (_(), V("div", Ja, [
+      (_(!0), V(Ve, null, Xe(Object.keys(y.prices), (C) => {
+        var h;
+        return _(), V("div", {
+          key: C,
+          class: "flex items-center gap-12 xs:gap-4 xs:flex-wrap w-full"
+        }, [
+          s("div", Xa, Q((h = W(C)) == null ? void 0 : h.name), 1),
+          s("div", eo, [
+            (_(!0), V(Ve, null, Xe(y.prices[C].slice(0, 3), (f) => {
+              var E;
+              return _(), V("div", {
+                key: f.date,
+                class: "flex flex-col w-[150px] xs:flex-1 text-ellipsis cursor-pointer"
+              }, [
+                s("div", to, [
+                  s("span", null, Q(f.totalCost ? u(Xt)(f.totalCost) : "No data"), 1),
+                  ao,
+                  s("span", null, Q(u(G)(f.totalUnit, !1)), 1),
+                  s("span", null, Q(((E = f.measurement) == null ? void 0 : E.abbrev) ?? f.unit.abbrev), 1)
+                ]),
+                s("div", oo, [
+                  s("span", null, "(#" + Q(f.seqNumber) + ")", 1),
+                  so,
+                  s("span", null, Q(u(Je)(new Date(f.date))), 1)
+                ])
+              ]);
+            }), 128))
+          ])
+        ]);
+      }), 128))
+    ]));
+  }
+}), lo = { class: "flex flex-col w-full gap-40" }, no = { class: "flex flex-col gap-8" }, ro = /* @__PURE__ */ s("div", { class: "fm-typo-en-title-sm-800" }, "Transfer details", -1), uo = { class: "flex items-center gap-8" }, io = /* @__PURE__ */ s("div", null, null, -1), co = { class: "flex flex-col gap-4" }, mo = {
+  key: 0,
+  class: "p-16 border border-fm-color-neutral-gray-300 fm-corner-radius-md flex flex-col"
+}, po = { class: "flex xs:flex-col sm:flex-col" }, fo = /* @__PURE__ */ s("div", { class: "xs:hidden sm:hidden h-48 lg:w-16 md:w-16" }, null, -1), vo = {
+  key: 0,
+  class: "flex-1 flex gap-8 h-48 xs:flex-col xs:pt-16 sm:flex-col sm:pt-16"
+}, _o = { class: "flex-1" }, go = { class: "flex-1" }, bo = {
+  key: 1,
+  class: "flex items-center gap-4"
+}, yo = /* @__PURE__ */ s("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), ho = { class: "flex flex-col gap-8" }, Co = { class: "flex items-center xs:flex-col xs:gap-4" }, xo = /* @__PURE__ */ s("div", { class: "xs:w-full flex-1 fm-typo-en-title-sm-800" }, "Transfer items", -1), ko = {
+  key: 0,
+  class: "xs:w-full"
+}, wo = { class: "flex gap-2" }, Do = ["disabled"], So = { class: "w-[343px] px-24 py-16 rounded-lg shadow-light-300 flex flex-col gap-[20px]" }, Fo = { class: "flex items-center" }, Vo = /* @__PURE__ */ s("p", { class: "flex-1 fm-typo-en-title-sm-800" }, "Forecast stock", -1), To = { class: "flex items-start gap-8" }, Ro = /* @__PURE__ */ s("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Selecting forecast stock will replace your current item selection. ", -1), Po = { class: "flex gap-1" }, $o = /* @__PURE__ */ s("div", { class: "grow" }, null, -1), Ao = { key: 0 }, Uo = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, Eo = { key: 0 }, Mo = ["colspan"], Oo = { class: "flex flex-col gap-4" }, Io = { class: "flex items-center" }, No = { class: "flex-1" }, qo = { class: "grid grid-cols-2 gap-4" }, Ho = { class: "flex flex-col" }, Lo = { class: "flex flex-col" }, zo = { class: "flex flex-col" }, Yo = { class: "flex flex-col" }, jo = {
+  key: 0,
+  class: "flex flex-col col-span-2",
+  "data-cy": "fm-table-list-view-cost-label"
+}, Ko = {
+  key: 0,
+  class: "flex gap-4 text-fm-color-typo-primary fm-typo-en-body-lg-600"
+}, Go = /* @__PURE__ */ ye({
+  __name: "TransferForm",
+  props: /* @__PURE__ */ Lt({
+    modelValue: {},
+    disabled: { type: Boolean },
+    suppliers: { default: () => [] },
+    skus: { default: () => [] },
+    lastClosingDate: {}
+  }, {
+    modelValue: {
+      default: {
+        ref: "",
+        supplier: null
+      }
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Lt(["validation-success"], ["update:modelValue"]),
+  setup(I, { expose: B, emit: W }) {
+    const y = ut(), A = ka(), C = Aa(), h = Jt(), f = Bt(), E = la({}), v = I;
+    function me(e) {
+      return Object.prototype.hasOwnProperty.call(e, "_rev") && Object.prototype.hasOwnProperty.call(e, "status");
+    }
+    const x = P(() => !me(v.modelValue) || v.modelValue.status === "DRAFT");
+    zt(() => {
+      const e = v.modelValue;
+      if (me(e))
+        for (const t of e.items) {
+          const a = Y(t), n = t.totalCost ?? Sa.reset();
+          a ? E[t.sku._id] = a.amount !== n.amount || a.precision !== n.precision : E[t.sku._id] = !0;
+        }
+    });
+    const L = P(() => {
+      var a;
+      if (x.value)
+        return !0;
+      const e = v.lastClosingDate, t = (a = v.modelValue) != null && a._id ? pa(v.modelValue._id) : null;
+      return !e || !t ? !1 : t.getTime() > e.getTime();
+    }), z = W, d = na(I, "modelValue"), J = P({
+      get() {
+        var e;
+        return ((e = d.value) == null ? void 0 : e.remark) ?? "";
+      },
+      set(e) {
+        d.value.remark = e;
+      }
+    });
+    de([() => v.suppliers], () => {
+      if (l.value === F.PURCHASE) {
+        d.value.supplier = v.suppliers[0];
+        return;
+      }
+    });
+    const U = P(() => v.disabled), re = P(() => d.value.items ?? []), T = (e) => {
+      const { name: t, address: a, regNo: n, phoneNo: o } = e.doc.profile;
+      return {
+        _id: e.doc._id,
+        internal: e.type === nt.restaurant ? be.enum.restaurant : be.enum.warehouse,
+        name: t,
+        registrationNumber: n,
+        address: a,
+        contactName: t,
+        phoneNumber: o,
+        disabled: !e.acceptRequest || e.dbName === y.currentLocation.dbName
+      };
+    }, M = [
+      {
+        label: "Purchase",
+        value: F.PURCHASE
+      },
+      {
+        label: "Transfer",
+        value: F.TRANSFER
+      }
+    ], l = H(F.PURCHASE), c = P(() => {
+      var t;
+      const e = ((t = y._currentLocation) == null ? void 0 : t.type) === nt.warehouse;
+      return y.locations.filter((a) => {
+        var o;
+        return !(a.dbName === ((o = y._currentLocation) == null ? void 0 : o.dbName)) && (!e || a.type === nt.warehouse) && a.acceptRequest;
+      });
+    }), k = P(() => l.value === F.PURCHASE ? v.suppliers.map((e) => ({
+      label: e.name,
+      value: e._id,
+      disabled: !1
+    })) : c.value.map(T).map((e) => ({
+      label: e.disabled ? `${e.name} (Upgrade POS)` : e.name,
+      value: e._id,
+      disabled: e.disabled
+    }))), S = P({
+      get() {
+        var e;
+        return ((e = d.value.supplier) == null ? void 0 : e._id) ?? null;
+      },
+      set(e) {
+        if (l.value === F.PURCHASE) {
+          d.value.supplier = v.suppliers.find((a) => a._id === e) ?? null, d.value.items && (d.value.items = d.value.items.map((a) => ({
+            ...a,
+            totalCost: Y(a)
+          })));
+          return;
+        }
+        const t = y.locations.find((a) => a.doc._id === e);
+        t ? d.value.supplier = T(t) : d.value.supplier = null;
+      }
+    });
+    function D(e) {
+      switch (e) {
+        case rt.MY:
+          return "MYR";
+        case rt.SG:
+          return "SGD";
+        case rt.ID:
+          return "IDR";
+        default:
+          return "MYR";
+      }
+    }
+    function Y(e) {
+      var oe, le, ue, Ne, qe, He;
+      if (E[e.sku._id])
+        return e.totalCost;
+      const t = e.measurement, a = (Ne = (ue = (le = (oe = v.modelValue) == null ? void 0 : oe.supplier) == null ? void 0 : le.supplyItems) == null ? void 0 : ue.find(
+        (_e) => _e.skuId === e.sku._id
+      )) == null ? void 0 : Ne.defaultCost, n = e.sku.defaultCost, o = a ?? n, m = o == null ? void 0 : o.costPerUnit, i = m ? o != null && o.measurement ? +G(m) / +G(o == null ? void 0 : o.measurement.conversion) : +G(m) : void 0, g = i ? t ? i * +G(t.conversion) : i : void 0, R = g ? +G(e.quantity) * g : void 0;
+      return R ? {
+        ...ba(R ?? 0, 2),
+        currency: D(((qe = C.currentCountry) == null ? void 0 : qe.value) ?? ge)
+      } : {
+        amount: 1,
+        precision: 0,
+        currency: D(((He = C.currentCountry) == null ? void 0 : He.value) ?? ge)
+      };
+    }
+    function pe(e) {
+      var t;
+      l.value = e, S.value = ((t = k.value.find((a) => !a.disabled)) == null ? void 0 : t.value) ?? null, e === F.PURCHASE && f.enableTotalCost && (d.value.items = d.value.items.map((a) => {
+        const n = Y(a);
+        return {
+          ...a,
+          totalCost: n
+        };
+      }));
+    }
+    de([() => v.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 ? l.value = F.TRANSFER : l.value = F.PURCHASE, S.value = ((n = k.value.find((o) => {
+        var m, i;
+        return o.value === ((i = (m = v.modelValue) == null ? void 0 : m.supplier) == null ? void 0 : i._id);
+      })) == null ? void 0 : n.value) ?? null;
+    }), zt(() => {
+      var e, t, a, n, o, m, i;
+      ((t = (e = v.modelValue) == null ? void 0 : e.supplier) == null ? void 0 : t.internal) === be.enum.restaurant || ((n = (a = v.modelValue) == null ? void 0 : a.supplier) == null ? void 0 : n.internal) === be.enum.warehouse ? l.value = F.TRANSFER : l.value = F.PURCHASE, S.value = (o = v.modelValue) != null && o.supplier ? ((m = k.value.find((g) => {
+        var R, O;
+        return g.value === ((O = (R = v.modelValue) == null ? void 0 : R.supplier) == null ? void 0 : O._id);
+      })) == null ? void 0 : m.value) ?? null : ((i = k.value.find((g) => !g.disabled)) == null ? void 0 : i.value) ?? null;
+    });
+    const Te = Ra(), ee = H(7), se = H(!1), he = it();
+    async function Re() {
+      if (ee.value < 1)
+        return;
+      se.value = !1, await A.readPurchaseOrder(ee.value);
+      const e = {
+        ...d.value
+      }, t = [];
+      if (A.purchaseOrderForecast.skus.length <= 0) {
+        he.open({ message: "There is no forecast at the moment.", type: "info" });
+        return;
+      }
+      e.items = A.purchaseOrderForecast.skus.reduce((a, n) => {
+        const o = v.skus.find((g) => g._id === n.id);
+        if (a.find((g) => g.sku._id === n.id) || !o)
+          return a;
+        const i = {
+          sku: o,
+          code: o.code,
+          name: o.name,
+          quantity: {
+            amount: n.amount,
+            precision: 0
+          }
+        };
+        return a.push(i), a;
+      }, t), d.value = e;
+    }
+    function Pe() {
+      const e = v.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((o) => o.sku._id === a.value._id);
+      }).map((a) => a.value);
+      Te.open({
+        title: "Select item",
+        closeButton: !0,
+        contentComponent: Ua,
+        contentComponentProps: {
+          modelValue: t,
+          items: e
+        },
+        primaryActions: {
+          text: "Confirm",
+          close: !0
+        },
+        secondaryActions: {
+          text: "Close",
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((a) => {
+        const n = {
+          ...d.value
+        }, o = n.items ?? [], m = a.map((i) => {
+          const g = o.find((O) => O.sku._id === i._id);
+          if (g)
+            return g;
+          const R = {
+            sku: i,
+            code: i.code,
+            name: i.name,
+            quantity: {
+              amount: 1,
+              precision: 0
+            }
+          };
+          return l.value === F.PURCHASE && f.enableTotalCost && (R.totalCost = Y(R)), R;
+        });
+        m.sort((i, g) => i.sku.code.localeCompare(g.sku.code)), n.items = m, d.value = n;
+      });
+    }
+    function fe(e, t) {
+      var a;
+      if (e === Gt.Delete) {
+        const n = ((a = d.value) == null ? void 0 : a.items) ?? [];
+        d.value.items = n.filter((o) => o.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((o) => o.sku._id !== e ? o : t ? (o.measurement = t, f.enableTotalCost && (o.totalCost = Y(o)), o) : (delete o.measurement, o.totalCost = Y(o), o));
+    }
+    function Ae(e, t) {
+      const a = d.value, n = a.items ?? [];
+      a.items = n.map((o) => (o.sku._id !== e || (o.code = t), o));
+    }
+    function Ue(e, t) {
+      const a = d.value, n = a.items ?? [];
+      a.items = n.map((o) => (o.sku._id !== e || (o.name = t), o));
+    }
+    function Ee(e, t) {
+      const a = d.value, n = a.items ?? [];
+      a.items = n.map((o) => (o.sku._id !== e || (o.quantity = t, f.enableTotalCost && (o.totalCost = Y(o))), o));
+    }
+    function ve(e, t) {
+      const a = +t, n = d.value, o = n.items ?? [];
+      t.length > 0 && isFinite(a) ? n.items = o.map((m) => {
+        var i;
+        return m.sku._id !== e || (m.totalCost = {
+          ...Ca(a),
+          currency: D(((i = C.currentCountry) == null ? void 0 : i.value) ?? ge)
+        }), m;
+      }) : n.items = o.map((m) => {
+        var i;
+        return m.sku._id !== e || (m.totalCost = {
+          amount: 0,
+          precision: 0,
+          currency: D(((i = C.currentCountry) == null ? void 0 : i.value) ?? ge)
+        }), m;
+      });
+    }
+    const Ce = [
+      {
+        header: "Code",
+        accessorKey: "code",
+        size: 96,
+        cell(e) {
+          const t = e.row.original;
+          return x.value ? q(ne.FmTextField, {
+            modelValue: t.code,
+            "onUpdate:modelValue": (a) => {
+              Ae(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 x.value ? q(ne.FmTextField, {
+            modelValue: t.name,
+            "onUpdate:modelValue": (a) => {
+              Ue(t.sku._id, a);
+            },
+            rules: [Be()],
+            labelMark: "required"
+          }) : t.name;
+        },
+        enableSorting: !1
+      },
+      {
+        id: "Amount",
+        header: "Amount",
+        minSize: 300,
+        cell(e) {
+          var n, o, m, i;
+          const t = e.row.original, a = (m = (o = (n = d.value) == null ? void 0 : n.items) == null ? void 0 : o.find) == null ? void 0 : m.call(o, (g) => g.sku._id === t.sku._id);
+          return a ? x.value ? q(Ha, {
+            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": (g) => {
+              Ee(t.sku._id, g.amount), $e(t.sku._id, g.measurement);
+            },
+            rules: [La(0)],
+            applyDefaultRules: !0
+          }) : `${G(a.quantity ?? { amount: 1, precision: 0 })} ${((i = a.measurement) == null ? void 0 : i.abbrev) ?? a.sku.unit.abbrev}` : null;
+        },
+        enableSorting: !1
+      },
+      {
+        id: "Cost",
+        header: () => {
+          var e, t;
+          return q(
+            qa,
+            {
+              zIndex: 50,
+              class: "whitespace-nowrap"
+            },
+            [
+              `Total cost (${D(((e = C.currentCountry) == null ? void 0 : e.value) ?? ge) === "MYR" ? "RM" : D(((t = C.currentCountry) == null ? void 0 : t.value) ?? ge)})`
+            ]
+          );
+        },
+        size: 180,
+        cell(e) {
+          var n, o, m;
+          const t = e.row.original, a = (m = (o = (n = d.value) == null ? void 0 : n.items) == null ? void 0 : o.find) == null ? void 0 : m.call(o, (i) => i.sku._id === t.sku._id);
+          return L.value ? E[(a == null ? void 0 : a.sku._id) ?? ""] ? q(
+            ne.FmTextField,
+            {
+              style: {
+                flex: "1 1 0%"
+              },
+              modelValue: +G((a == null ? void 0 : a.totalCost) ?? { amount: 1, precision: 0 }),
+              "onUpdate:modelValue": (i) => {
+                ve(t.sku._id, i);
+              },
+              rules: [Ia(0), Na(2)]
+            },
+            {
+              append: q(ne.FmButton, {
+                prependIcon: "close",
+                variant: "tertiary",
+                onClick: () => {
+                  var g;
+                  E[(a == null ? void 0 : a.sku._id) ?? ""] = !1;
+                  const i = ((g = d.value) == null ? void 0 : g.items) ?? [];
+                  d.value.items = i.map((R) => (f.enableTotalCost && (R.totalCost = Y(R)), R));
+                }
+              })
+            }
+          ) : q(
+            "div",
+            {
+              class: "flex items-center gap-4"
+            },
+            [
+              q(ne.FmButton, {
+                prependIcon: "edit",
+                variant: "tertiary",
+                onClick: () => {
+                  E[(a == null ? void 0 : a.sku._id) ?? ""] = !0;
+                }
+              }),
+              q(
+                "div",
+                {
+                  class: "text-fm-color-typo-primary fm-typo-en-body-lg-400"
+                },
+                G((a == null ? void 0 : a.totalCost) ?? { amount: 1, precision: 0 })
+              )
+            ]
+          ) : q(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: "4px"
+              }
+            },
+            [
+              q(
+                "div",
+                a != null && a.totalCost ? +G((a == null ? void 0 : a.totalCost) ?? { amount: 1, precision: 0 }) : "0.00"
+              ),
+              q(
+                ne.FmTooltip,
+                {
+                  content: v.lastClosingDate ? `Last closing was already done at ${Je(v.lastClosingDate)} ${jt(v.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
+                },
+                [
+                  q(ne.FmIcon, {
+                    name: "info",
+                    size: "sm",
+                    color: "typo-secondary"
+                  })
+                ]
+              )
+            ]
+          );
+        },
+        enableSorting: !1
+      },
+      {
+        id: "Delete",
+        header: "",
+        cell(e) {
+          return q(ne.FmButton, {
+            class: "delete-button",
+            type: "button",
+            icon: "delete",
+            variant: "tertiary",
+            size: "md",
+            onClick: () => {
+              fe(Gt.Delete, e.row.original.sku._id);
+            }
+          });
+        },
+        enableSorting: !1,
+        size: 40,
+        meta: {
+          cellClass: "",
+          headerClass: ""
+        }
+      }
+    ], xe = P(
+      () => x.value ? Ce : Ce.filter((e) => e.id !== "Delete")
+    ), Me = P(() => l.value === F.PURCHASE && f.enableTotalCost ? xe.value : xe.value.filter((e) => e.id !== "Cost")), te = H();
+    B({
+      validateInputs: () => {
+        var e, t;
+        (t = (e = te.value) == null ? void 0 : e.validateInputs) == null || t.call(e);
+      },
+      resetInputsValidation: () => {
+        var e, t;
+        (t = (e = te.value) == null ? void 0 : e.resetInputsValidation) == null || t.call(e);
+      },
+      resetInputs: () => {
+        var e, t;
+        (t = (e = te.value) == null ? void 0 : e.resetInputs) == null || t.call(e);
+      }
+    });
+    const ae = H(!1);
+    de(ae, (e) => {
+      e && (Oe.value = !0, at().finally(() => {
+        Oe.value = !1;
+      }));
+    });
+    async function at() {
+      try {
+        const { startDate: e, endDate: t } = ya(6), o = (await h.getPurchaseOrders({ start: e, end: t })).filter(
+          (m) => {
+            var i, g;
+            return m.status === ca.enum.COMPLETE && ((i = m.supplier) == null ? void 0 : i.internal) !== "warehouse" && ((g = m.supplier) == null ? void 0 : g.internal) !== "restaurant";
+          }
+        ).reduce((m, i) => {
+          const g = new Date(Fa(i._id)), R = i.supplier._id;
+          for (const O of i.items) {
+            if (!O.totalCost) continue;
+            const oe = m[O.sku._id] ?? {}, le = oe[R] ?? [];
+            le.push({
+              date: g.toISOString(),
+              totalUnit: O.quantity,
+              totalCost: O.totalCost,
+              unit: O.sku.unit,
+              measurement: O.measurement,
+              seqNumber: i.seqNumber
+            }), oe[R] = le, m[O.sku._id] = oe;
+          }
+          return m;
+        }, {});
+        ke.value = o;
+      } catch {
+        he.open({
+          title: "Something went wrong",
+          message: "Cannot retrieve supplier purchase history. Please try again."
+        }), ae.value = !1;
+      }
+    }
+    const Oe = H(!1), ke = H({});
+    function Ie(e) {
+      return e.column.columnDef.meta;
+    }
+    const N = P({
+      get() {
+        var e, t;
+        return (e = v.modelValue) != null && e.effectiveAt ? new Date((t = v.modelValue) == null ? void 0 : t.effectiveAt) : null;
+      },
+      set(e) {
+        d.value.effectiveAt = (e == null ? void 0 : e.toISOString()) ?? null;
+      }
+    }), ot = P({
+      get() {
+        return !!N.value;
+      },
+      set(e) {
+        e ? N.value = /* @__PURE__ */ new Date() : N.value = null;
+      }
+    }), st = P({
+      get() {
+        return N.value === null ? "" : Je(N.value);
+      },
+      set(e) {
+        e ? N.value = /* @__PURE__ */ new Date(`${e} ${lt.value}`) : N.value = null;
+      }
+    }), lt = P({
+      get() {
+        return N.value === null ? "" : ha(N.value);
+      },
+      set(e) {
+        e ? N.value = /* @__PURE__ */ new Date(`${st.value} ${e}`) : N.value = null;
+      }
+    }), ct = P(() => {
+      var e;
+      return (e = y._currentLocation) == null ? void 0 : e.dbName.startsWith("restaurant");
+    });
+    return (e, t) => {
+      const a = w("FmChip"), n = w("FmSelect"), o = w("FmMenuItem"), m = w("FmTextField"), i = w("FmTextarea"), g = w("FmSwitch"), R = w("FmDatePicker"), O = w("FmTimePicker"), oe = w("FmFormGroup"), le = w("FmIcon"), ue = w("FmButton"), Ne = w("FmCard"), qe = w("FmStepperField"), He = w("FmPopover"), _e = w("FmLabel"), aa = w("FmSpacer"), oa = w("FmTable"), sa = w("FmForm");
+      return _(), K(sa, {
+        ref_key: "formRef",
+        ref: te,
+        onReset: t[14] || (t[14] = (Le) => l.value = u(F).PURCHASE),
+        onValidationSuccess: t[15] || (t[15] = (Le) => z("validation-success")),
+        disabled: U.value
+      }, {
+        default: $(() => {
+          var Le, dt, mt, pt;
+          return [
+            s("div", lo, [
+              s("div", no, [
+                ro,
+                s("div", uo, [
+                  r(a, {
+                    label: u(y).currentLocation.name,
+                    icon: "storefront",
+                    compact: ""
+                  }, null, 8, ["label"]),
+                  (dt = (Le = u(C).currentRestaurant) == null ? void 0 : Le.value) != null && dt.posVersion ? (_(), K(a, {
+                    key: 0,
+                    label: `POS v${(pt = (mt = u(C).currentRestaurant) == null ? void 0 : mt.value) == null ? void 0 : pt.posVersion}`,
+                    icon: "point_of_sale",
+                    compact: ""
+                  }, null, 8, ["label"])) : j("", !0),
+                  e.lastClosingDate ? (_(), K(a, {
+                    key: 1,
+                    label: `Last closing: ${u(Je)(e.lastClosingDate)} ${u(jt)(e.lastClosingDate)}`,
+                    icon: "calendar_month",
+                    compact: ""
+                  }, null, 8, ["label"])) : j("", !0)
+                ]),
+                io,
+                s("div", co, [
+                  r(n, {
+                    items: M,
+                    rules: [u(Be)()],
+                    "label-mark": "required",
+                    label: "Transfer type",
+                    "model-value": l.value,
+                    "onUpdate:modelValue": t[0] || (t[0] = (p) => pe(p)),
+                    disabled: U.value || !x.value,
+                    "data-cy": "fm-select-transaction-type"
+                  }, null, 8, ["rules", "model-value", "disabled"]),
+                  r(n, {
+                    label: l.value === u(F).PURCHASE ? "Supplier" : "Transfer From",
+                    items: k.value,
+                    modelValue: S.value,
+                    "onUpdate:modelValue": t[1] || (t[1] = (p) => S.value = p),
+                    disabled: U.value || !x.value,
+                    rules: [u(Be)()],
+                    "label-mark": "required"
+                  }, {
+                    "menu-wrapper": $(({ handleItemChange: p }) => [
+                      (_(!0), V(Ve, null, Xe(k.value, (b) => (_(), K(o, {
+                        key: b.value,
+                        "model-value": b.value === S.value,
+                        disabled: b.disabled,
+                        label: b.label,
+                        "onUpdate:modelValue": (ie) => p(ie, b)
+                      }, null, 8, ["model-value", "disabled", "label", "onUpdate:modelValue"]))), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["label", "items", "modelValue", "disabled", "rules"]),
+                  r(m, {
+                    label: "Reference",
+                    modelValue: d.value.ref,
+                    "onUpdate:modelValue": t[2] || (t[2] = (p) => d.value.ref = p),
+                    "label-mark": "optional",
+                    disabled: U.value || !x.value
+                  }, null, 8, ["modelValue", "disabled"]),
+                  r(i, {
+                    label: "Remark",
+                    modelValue: J.value,
+                    "onUpdate:modelValue": t[3] || (t[3] = (p) => J.value = p),
+                    "label-mark": "optional",
+                    "max-length": 240,
+                    disabled: U.value || !x.value,
+                    "show-word-count": ""
+                  }, null, 8, ["modelValue", "disabled"]),
+                  u(f).enableBackdatePo ? (_(), V("div", mo, [
+                    s("div", po, [
+                      r(g, {
+                        modelValue: ot.value,
+                        "onUpdate:modelValue": t[4] || (t[4] = (p) => ot.value = p),
+                        label: "Backdate transfer",
+                        sublabel: "Apply transfer to older date",
+                        "label-placement": "right",
+                        disabled: U.value || !x.value || ct.value && !e.lastClosingDate
+                      }, null, 8, ["modelValue", "disabled"]),
+                      fo,
+                      ot.value ? (_(), V("div", vo, [
+                        s("div", _o, [
+                          r(R, {
+                            modelValue: st.value,
+                            "onUpdate:modelValue": t[5] || (t[5] = (p) => st.value = p)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        s("div", go, [
+                          r(O, {
+                            modelValue: lt.value,
+                            "onUpdate:modelValue": t[6] || (t[6] = (p) => lt.value = p)
+                          }, null, 8, ["modelValue"])
+                        ])
+                      ])) : j("", !0)
+                    ]),
+                    N.value ? (_(), K(oe, {
+                      key: 0,
+                      modelValue: N.value,
+                      "onUpdate:modelValue": t[7] || (t[7] = (p) => N.value = p),
+                      rules: [u(Ma)(new Date(e.lastClosingDate), /* @__PURE__ */ new Date())]
+                    }, null, 8, ["modelValue", "rules"])) : j("", !0),
+                    ct.value && !e.lastClosingDate ? (_(), V("div", bo, [
+                      r(le, {
+                        name: "error",
+                        size: "sm",
+                        class: "text-fm-color-typo-warning"
+                      }),
+                      yo
+                    ])) : j("", !0)
+                  ])) : j("", !0)
+                ])
+              ]),
+              s("div", ho, [
+                r(oe, {
+                  "model-value": d.value.items,
+                  rules: [
+                    function(b) {
+                      return b && b.length > 0 || "Must have at least one item!";
+                    }
+                  ]
+                }, {
+                  default: $(() => {
+                    var p;
+                    return [
+                      s("div", Co, [
+                        xo,
+                        l.value === u(F).PURCHASE && x.value && u(f).enableTotalCost ? (_(), V("div", ko, [
+                          r(g, {
+                            label: Oe.value ? "Fetching data..." : "Compare price history",
+                            "prepend-icon": "compare_arrows",
+                            "label-placement": "right",
+                            "model-value": ae.value,
+                            "onUpdate:modelValue": t[8] || (t[8] = (b) => ae.value = b),
+                            disabled: Oe.value || !((p = d.value) != null && p.items) || d.value.items.length === 0
+                          }, null, 8, ["label", "model-value", "disabled"])
+                        ])) : j("", !0)
+                      ])
+                    ];
+                  }),
+                  _: 1
+                }, 8, ["model-value", "rules"]),
+                s("div", wo, [
+                  r(ue, {
+                    disabled: U.value || !x.value,
+                    label: "Add Item",
+                    "prepend-icon": "add",
+                    variant: "plain",
+                    class: "border-2 rounded-lg border-fm-color-primary",
+                    onClick: t[9] || (t[9] = (p) => Pe()),
+                    size: "md"
+                  }, null, 8, ["disabled"]),
+                  r(He, {
+                    disabled: U.value || !x.value,
+                    class: "flex",
+                    "show-popover": se.value,
+                    onPopoverChanged: t[13] || (t[13] = (p) => se.value = p)
+                  }, {
+                    "popover-button": $(() => [
+                      r(Ne, {
+                        class: Ze([
+                          "flex justify-center items-center gap-[8px] border-2 py-1 px-12 rounded-lg cursor-not-allowed",
+                          U.value || !x.value ? " border-fm-color-neutral-gray-200" : "border-fm-color-primary"
+                        ]),
+                        variant: "flat"
+                      }, {
+                        default: $(() => [
+                          r(Ba, {
+                            size: 24,
+                            color: U.value || !x.value ? "#c7c7cc" : "#ff7823"
+                          }, null, 8, ["color"]),
+                          s("button", {
+                            type: "button",
+                            disabled: U.value,
+                            class: Ze([
+                              "fm-typo-cn-body-lg-600",
+                              U.value || !x.value ? " text-fm-color-neutral-gray-200 cursor-not-allowed" : "text-fm-color-primary"
+                            ])
+                          }, " Forecast stock ", 10, Do)
+                        ]),
+                        _: 1
+                      }, 8, ["class"])
+                    ]),
+                    default: $(() => [
+                      s("div", So, [
+                        s("div", Fo, [
+                          r(xa, { "z-index": 99 }, {
+                            default: $(() => [
+                              Vo
+                            ]),
+                            _: 1
+                          }),
+                          r(ue, {
+                            icon: "close",
+                            size: "md",
+                            variant: "tertiary",
+                            onClick: t[10] || (t[10] = (p) => se.value = !1)
+                          })
+                        ]),
+                        r(qe, {
+                          modelValue: ee.value,
+                          "onUpdate:modelValue": t[11] || (t[11] = (p) => ee.value = p),
+                          label: "Enter day to forecast stock",
+                          rules: [u(Oa)(1)]
+                        }, {
+                          "helper-text": $(() => [
+                            s("div", To, [
+                              r(le, {
+                                name: "warning",
+                                size: "sm",
+                                class: "text-fm-color-system-warning-300"
+                              }),
+                              Ro
+                            ])
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "rules"]),
+                        s("div", Po, [
+                          $o,
+                          r(ue, {
+                            label: "Cancel",
+                            variant: "tertiary",
+                            onClick: t[12] || (t[12] = (p) => se.value = !1)
+                          }),
+                          r(ue, {
+                            label: "Generate",
+                            onClick: Re
+                          })
+                        ])
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "show-popover"])
+                ]),
+                re.value.length ? (_(), V("div", Ao, [
+                  (_(), K(oa, {
+                    "row-data": re.value,
+                    "column-defs": Me.value,
+                    key: l.value,
+                    "data-cy": "fm-table-transfer-items",
+                    "hide-footer": "",
+                    "page-size": re.value.length
+                  }, {
+                    "table-row": $((p) => {
+                      var b, ie;
+                      return [
+                        s("tr", {
+                          class: Ze(["border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm", {
+                            "bg-fm-color-neutral-gray-100": p.getIsSelected()
+                          }])
+                        }, [
+                          (_(!0), V(Ve, null, Xe(p.getVisibleCells(), (X) => {
+                            var we, ce, De, Se;
+                            return _(), V("td", {
+                              key: X.id,
+                              class: Ze([
+                                "h-[52px] px-16 text-fm-color-typo-primary",
+                                ((we = Ie(X)) == null ? void 0 : we.cellClass) ?? "px-16"
+                              ]),
+                              style: Qt({
+                                width: (ce = Ie(X)) == null ? void 0 : ce.width,
+                                maxWidth: (De = Ie(X)) == null ? void 0 : De.maxWidth,
+                                textAlign: ((Se = Ie(X)) == null ? void 0 : Se.textAlign) ?? "left"
+                              })
+                            }, [
+                              s("span", Uo, [
+                                r(u(Z), {
+                                  render: X.column.columnDef.cell,
+                                  props: X.getContext()
+                                }, null, 8, ["render", "props"])
+                              ])
+                            ], 6);
+                          }), 128))
+                        ], 2),
+                        l.value === u(F).PURCHASE && ae.value && Object.keys(ke.value[(b = p.original.sku) == null ? void 0 : b._id] ?? {}).length > 0 ? (_(), V("tr", Eo, [
+                          s("td", {
+                            colspan: p.getVisibleCells().length
+                          }, [
+                            r(Wt, {
+                              prices: ke.value[(ie = p.original.sku) == null ? void 0 : ie._id]
+                            }, null, 8, ["prices"])
+                          ], 8, Mo)
+                        ])) : j("", !0)
+                      ];
+                    }),
+                    "list-row": $((p) => [
+                      r(ea, { row: p }, {
+                        default: $((b) => {
+                          var ie, X, we, ce, De, Se, ft, vt, ze, _t, gt, bt, yt, Ye, ht, Ct, xt, kt, je, wt, Dt, St, Ft, Ke, Vt, Tt, Rt, Pt, $t, At, Ge, Ut, Et, Mt, Ot, It, We, Nt, qt, Ht;
+                          return [
+                            s("div", Oo, [
+                              s("div", Io, [
+                                s("div", No, Q(p.original.sku.name), 1),
+                                s("div", null, [
+                                  r(u(Z), {
+                                    render: (we = (X = (ie = b.Delete) == null ? void 0 : ie.column) == null ? void 0 : X.columnDef) == null ? void 0 : we.cell,
+                                    props: (De = (ce = b.Delete) == null ? void 0 : ce.getContext) == null ? void 0 : De.call(ce)
+                                  }, null, 8, ["render", "props"])
+                                ])
+                              ]),
+                              s("div", qo, [
+                                s("div", Ho, [
+                                  r(_e, { label: "Code" }),
+                                  r(u(Z), {
+                                    render: (vt = (ft = (Se = b.code) == null ? void 0 : Se.column) == null ? void 0 : ft.columnDef) == null ? void 0 : vt.cell,
+                                    props: (_t = (ze = b.code) == null ? void 0 : ze.getContext) == null ? void 0 : _t.call(ze)
+                                  }, null, 8, ["render", "props"])
+                                ]),
+                                s("div", Lo, [
+                                  r(_e, { label: "Name" }),
+                                  r(u(Z), {
+                                    render: (yt = (bt = (gt = b.Name) == null ? void 0 : gt.column) == null ? void 0 : bt.columnDef) == null ? void 0 : yt.cell,
+                                    props: (ht = (Ye = b.Name) == null ? void 0 : Ye.getContext) == null ? void 0 : ht.call(Ye)
+                                  }, null, 8, ["render", "props"])
+                                ]),
+                                s("div", zo, [
+                                  r(_e, { label: "Amount" }),
+                                  r(u(Z), {
+                                    render: (kt = (xt = (Ct = b.Amount) == null ? void 0 : Ct.column) == null ? void 0 : xt.columnDef) == null ? void 0 : kt.cell,
+                                    props: (wt = (je = b.Amount) == null ? void 0 : je.getContext) == null ? void 0 : wt.call(je)
+                                  }, null, 8, ["render", "props"])
+                                ]),
+                                s("div", Yo, [
+                                  r(_e, { label: "Unit" }),
+                                  r(u(Z), {
+                                    render: (Ft = (St = (Dt = b.Unit) == null ? void 0 : Dt.column) == null ? void 0 : St.columnDef) == null ? void 0 : Ft.cell,
+                                    props: (Vt = (Ke = b.Unit) == null ? void 0 : Ke.getContext) == null ? void 0 : Vt.call(Ke)
+                                  }, null, 8, ["render", "props"])
+                                ]),
+                                l.value === u(F).PURCHASE && b.Cost ? (_(), V("div", jo, [
+                                  typeof ((Pt = (Rt = (Tt = b.Cost) == null ? void 0 : Tt.column) == null ? void 0 : Rt.columnDef) == null ? void 0 : Pt.header) == "function" ? (_(), V("div", Ko, [
+                                    (_(), K(ra(
+                                      (Et = (At = ($t = b.Cost) == null ? void 0 : $t.column) == null ? void 0 : At.columnDef) == null ? void 0 : Et.header(
+                                        (Ut = (Ge = b.Cost) == null ? void 0 : Ge.getContext) == null ? void 0 : Ut.call(Ge)
+                                      )
+                                    )))
+                                  ])) : j("", !0),
+                                  r(u(Z), {
+                                    render: (It = (Ot = (Mt = b.Cost) == null ? void 0 : Mt.column) == null ? void 0 : Ot.columnDef) == null ? void 0 : It.cell,
+                                    props: (Nt = (We = b.Cost) == null ? void 0 : We.getContext) == null ? void 0 : Nt.call(We)
+                                  }, null, 8, ["render", "props"])
+                                ])) : j("", !0)
+                              ]),
+                              l.value === u(F).PURCHASE && ae.value && Object.keys(ke.value[(qt = p.original.sku) == null ? void 0 : qt._id] ?? {}).length > 0 ? (_(), V(Ve, { key: 0 }, [
+                                r(aa, { class: "h-8" }),
+                                r(Wt, {
+                                  prices: ke.value[(Ht = p.original.sku) == null ? void 0 : Ht._id]
+                                }, null, 8, ["prices"])
+                              ], 64)) : j("", !0)
+                            ])
+                          ];
+                        }),
+                        _: 2
+                      }, 1032, ["row"])
+                    ]),
+                    _: 1
+                  }, 8, ["row-data", "column-defs", "page-size"]))
+                ])) : j("", !0)
+              ])
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), Wo = { class: "flex items-center" }, Zo = { class: "fm-typo-en-title-md-800" }, Qo = { class: "flex gap-4" }, Bo = /* @__PURE__ */ ye({
+  __name: "TransferDialog",
+  props: {
+    mode: {},
+    modelValue: {},
+    show: { type: Boolean },
+    lastClosingDate: {}
+  },
+  emits: ["update:show", "submitted"],
+  setup(I, { expose: B, emit: W }) {
+    const y = I, A = W, C = Jt(), h = it(), f = ta(), E = da(), v = ut();
+    async function me(l) {
+      if (l) {
+        z.value = !0;
+        try {
+          await f.readSuppliers(), z.value = !1;
+        } catch {
+          h.open({
+            title: "Unable to fetch list of suppliers",
+            message: "Try to refresh page to retry operation",
+            type: "error"
+          });
+        }
+      }
+    }
+    v.watchLocation(me);
+    const x = Pa(y, "show"), L = H(y.modelValue ?? {});
+    de([() => y.modelValue], () => {
+      L.value = y.modelValue ?? {};
+    });
+    const z = H(!1), d = P(() => {
+      switch (y.mode) {
+        case Fe.CREATE:
+          return "Add transfer";
+        case Fe.READ:
+          return "View transfer";
+        case Fe.UPDATE:
+          return "Edit transfer";
+      }
+      return "";
+    }), J = H();
+    B({
+      validateInputs: () => {
+        var l, c;
+        (c = (l = J.value) == null ? void 0 : l.validateInputs) == null || c.call(l);
+      },
+      resetInputsValidation: () => {
+        var l, c;
+        (c = (l = J.value) == null ? void 0 : l.resetInputsValidation) == null || c.call(l);
+      },
+      resetInputs: () => {
+        var l, c;
+        (c = (l = J.value) == null ? void 0 : l.resetInputs) == null || c.call(l);
+      }
+    });
+    async function U() {
+      const l = L.value;
+      z.value = !0, (l.supplier.internal === "warehouse" || l.supplier.internal === "restaurant") && (l.items = l.items.map(({ totalCost: c, ...k }) => k));
+      try {
+        await C.createPurchaseOrder(l), await new Promise((c) => setTimeout(c, 1e3)), h.open({
+          title: "Created",
+          message: "Your transfer draft has been created!",
+          type: "success"
+        }), A("update:show", !1), A("submitted");
+      } catch (c) {
+        h.open({
+          title: "Cannot create purchase order",
+          message: "Report to system administrator for troubleshooting.",
+          type: "error"
+        }), console.error("Error in creating purchase order", c);
+      } finally {
+        z.value = !1;
+      }
+    }
+    async function re() {
+      const l = L.value;
+      z.value = !0, (l.supplier.internal === "warehouse" || l.supplier.internal === "restaurant") && (l.items = l.items.map(({ totalCost: c, ...k }) => k));
+      try {
+        await C.updatePurchaseOrder(l), await new Promise((c) => setTimeout(c, 1e3)), h.open({
+          title: "Updated",
+          message: "Your transfer draft has been updated!",
+          type: "success"
+        }), A("update:show", !1), A("submitted");
+      } catch (c) {
+        h.open({
+          title: "Cannot update purchase order",
+          message: "Report to system administrator for troubleshooting.",
+          type: "error"
+        }), console.error("Error in updating purchase order", c);
+      } finally {
+        z.value = !1;
+      }
+    }
+    function T() {
+      switch (y.mode) {
+        case Fe.CREATE:
+          return U();
+        case Fe.UPDATE:
+          return re();
+      }
+    }
+    function M() {
+      var l, c;
+      (c = (l = J.value) == null ? void 0 : l.validateInputs) == null || c.call(l);
+    }
+    return (l, c) => {
+      const k = w("FmButton"), S = w("FmSideSheet");
+      return _(), K(S, {
+        modelValue: u(x),
+        "onUpdate:modelValue": c[2] || (c[2] = (D) => ua(x) ? x.value = D : null),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 900
+      }, {
+        "side-sheet-header": $(() => [
+          s("div", Wo, [
+            s("div", Zo, Q(d.value), 1)
+          ])
+        ]),
+        default: $(() => [
+          (_(), K(Go, {
+            class: "w-full",
+            ref_key: "formRef",
+            ref: J,
+            onValidationSuccess: T,
+            modelValue: L.value,
+            "onUpdate:modelValue": c[0] || (c[0] = (D) => L.value = D),
+            disabled: z.value,
+            suppliers: u(f).suppliers,
+            skus: u(E).skus,
+            key: L.value._id ?? "",
+            "last-closing-date": l.lastClosingDate
+          }, null, 8, ["modelValue", "disabled", "suppliers", "skus", "last-closing-date"]))
+        ]),
+        "side-sheet-footer": $(() => [
+          s("div", Qo, [
+            r(k, {
+              loading: z.value,
+              label: "Save",
+              onClick: M
+            }, null, 8, ["loading"]),
+            r(k, {
+              disabled: z.value,
+              variant: "tertiary",
+              label: "Close",
+              onClick: c[1] || (c[1] = (D) => A("update:show", !1))
+            }, null, 8, ["disabled"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Jo = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, Xo = { class: "px-8 flex gap-8 items-center xs:gap-0 xs:flex-col-reverse sm:gap-0 sm:flex-col-reverse" }, es = { class: "xs:w-full sm:w-full flex gap-8 items-center overflow-x-auto no-scrollbar py-8" }, ts = { class: "flex-1 w-full" }, as = { class: "flex flex-col py-8" }, os = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ss = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, ls = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, ns = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1"
+}, rs = { class: "pt-8" }, Zt = "ReceiveRequestViewSearchCriteria", Ss = /* @__PURE__ */ ye({
+  __name: "ReceiveRequestView",
+  setup(I) {
+    const B = it();
+    Qe.object({
+      name: Qe.string().optional().nullable(),
+      startDate: Qe.string().optional().nullable(),
+      endDate: Qe.string().optional().nullable()
+    });
+    const W = ma(), y = Bt();
+    function A() {
+      const T = {
+        name: "",
+        ...et()
+      }, M = W.getItem(Zt);
+      if (!M)
+        return T;
+      try {
+        return JSON.parse(M);
+      } catch {
+        return T;
+      }
+    }
+    function C() {
+      W.setItem(Zt, JSON.stringify(h.value));
+    }
+    const h = H(A()), f = fa("receive/request", h.value), { columnDefs: E } = va("receive/request", f), v = ut();
+    async function me() {
+      const T = `inventory-record_${Kt(h.value.startDate).format("DD-MM-YYYY_HH-mm")}-${Kt(h.value.endDate).format("DD-MM-YYYY_HH-mm")}.xlsx`, M = f.purchaseOrders.value.flatMap(
+        (c) => c.items.map((k) => {
+          const S = new Date(wa(c._id) ?? ""), D = c.effectiveAt ? new Date(c.effectiveAt) : void 0, Y = G(
+            ga(k.sku, c.deliveryOrder || [])
+          ), pe = G(k.quantity);
+          return {
+            "SKU code": k.code,
+            "SKU name": k.name,
+            "PO #": c.seqNumber,
+            "Effective at": D,
+            Date: S,
+            Status: c.status,
+            Reference: c.ref ?? "",
+            "Received quantity": Y,
+            "Ordered quantity": pe,
+            Unit: k.sku.unit.abbrev,
+            "Total cost": k.totalCost ? Xt(k.totalCost) : null
+          };
+        })
+      ), l = [
+        "SKU code",
+        "SKU name",
+        "PO #",
+        "Date",
+        "Status",
+        "Reference",
+        "Received quantity",
+        "Ordered quantity",
+        "Unit"
+      ];
+      y.enableBackdatePo && l.insert("Effective at", 4), y.enableTotalCost && l.push("Total cost"), await Da(
+        [
+          {
+            name: "purchases",
+            data: M,
+            columns: l
+          }
+        ],
+        T
+      ), B.open({
+        title: "Success",
+        message: `Exported ${T}`,
+        type: "success"
+      });
+    }
+    const x = H(et()), L = H("");
+    de([() => x.value], ([T]) => {
+      !T.startDate || !T.endDate || (h.value.startDate = T.startDate, h.value.endDate = T.endDate, f.updateDateRange(
+        h.value.startDate,
+        h.value.endDate
+      ), C());
+    }), de([() => L.value], () => {
+      C();
+    });
+    function z(T) {
+      T === "create" && f.promptCreateTransferDialog();
+    }
+    const { breakpoints: d } = $a(), J = P(() => d.value.xs || d.value.sm ? 10 : 20), U = Ea(), re = [
+      {
+        label: "Refresh",
+        icon: "refresh",
+        key: "refresh"
+      },
+      { label: "Export", icon: "ios_share", key: "export" }
+    ];
+    return (T, M) => {
+      const l = w("FmTableToolbar"), c = w("FmTable");
+      return _(), K(Va, {
+        title: "Receive and Request",
+        actions: [{ label: "Create transfer", value: "create", isPrimary: !0, prependIcon: "add" }],
+        "onClick:action": z
+      }, {
+        default: $(() => {
+          var k;
+          return [
+            s("div", Jo, [
+              s("div", Xo, [
+                s("div", es, [
+                  r(Ta),
+                  r(ja, {
+                    "model-value": x.value,
+                    "onUpdate:modelValue": M[0] || (M[0] = (S) => x.value = S)
+                  }, null, 8, ["model-value"])
+                ]),
+                s("div", ts, [
+                  r(l, {
+                    searchable: "",
+                    "search-model": L.value,
+                    "onUpdate:searchModel": M[1] || (M[1] = (S) => L.value = S),
+                    actions: re,
+                    "onClick:actionExport": me,
+                    "onClick:actionRefresh": u(f).fetchData
+                  }, null, 8, ["search-model", "onClick:actionRefresh"])
+                ])
+              ]),
+              (_(), K(c, {
+                style: Qt(u(U).tableHeight),
+                "column-defs": u(E),
+                "row-data": u(f).purchaseOrders.value,
+                "search-value": L.value,
+                loading: !u(v)._currentLocation || u(f).loading.value,
+                onRowClick: M[2] || (M[2] = (S) => u(f).promptShowTransferDetails(S.original)),
+                key: (k = u(v)._currentLocation) == null ? void 0 : k.dbName,
+                "page-size": J.value
+              }, {
+                "list-row": $((S) => [
+                  r(ea, {
+                    row: S,
+                    onRowClick: u(f).promptShowTransferDetails
+                  }, {
+                    default: $((D) => {
+                      var Y, pe, Te, ee, se, he, Re, Pe, fe, $e, Ae, Ue, Ee, ve, tt, Ce, xe, Me, te, ae;
+                      return [
+                        s("div", as, [
+                          s("div", os, [
+                            r(u(Z), {
+                              render: (Te = (pe = (Y = D._id) == null ? void 0 : Y.column) == null ? void 0 : pe.columnDef) == null ? void 0 : Te.cell,
+                              props: (se = (ee = D._id) == null ? void 0 : ee.getContext) == null ? void 0 : se.call(ee)
+                            }, null, 8, ["render", "props"])
+                          ]),
+                          s("div", ss, [
+                            r(u(Z), {
+                              render: (Pe = (Re = (he = D.supplier_name) == null ? void 0 : he.column) == null ? void 0 : Re.columnDef) == null ? void 0 : Pe.cell,
+                              props: ($e = (fe = D.supplier_name) == null ? void 0 : fe.getContext) == null ? void 0 : $e.call(fe)
+                            }, null, 8, ["render", "props"])
+                          ]),
+                          s("div", ls, Q(S.original.items.map((at) => `${at.name}`).join(", ")), 1),
+                          S.original.ref ? (_(), V("div", ns, [
+                            r(u(Z), {
+                              render: (Ee = (Ue = (Ae = D.ref) == null ? void 0 : Ae.column) == null ? void 0 : Ue.columnDef) == null ? void 0 : Ee.cell,
+                              props: (tt = (ve = D.ref) == null ? void 0 : ve.getContext) == null ? void 0 : tt.call(ve)
+                            }, null, 8, ["render", "props"])
+                          ])) : j("", !0),
+                          s("div", rs, [
+                            r(u(Z), {
+                              render: (Me = (xe = (Ce = D.status) == null ? void 0 : Ce.column) == null ? void 0 : xe.columnDef) == null ? void 0 : Me.cell,
+                              props: (ae = (te = D.status) == null ? void 0 : te.getContext) == null ? void 0 : ae.call(te)
+                            }, null, 8, ["render", "props"])
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["row", "onRowClick"])
+                ]),
+                _: 1
+              }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+            ]),
+            (_(), K(ia, { to: "body" }, [
+              r(Bo, Yt(u(f).transferDialogProps.value, {
+                onSubmitted: u(f).fetchData
+              }), null, 16, ["onSubmitted"]),
+              r(_a, Yt(u(f).transferDetailsProps.value, {
+                onSubmitted: u(f).fetchData
+              }), null, 16, ["onSubmitted"])
+            ]))
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Ss as default
+};