@feedmepos/mf-inventory-portal 0.0.5 → 0.0.7-dev.1

package/dist/ReceiveRequestView-CgVfcS8C.js

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