@feedmepos/mf-inventory-portal 0.0.9-dev.5 → 0.0.9-dev.7

package/dist/ReceiveRequestView-DJvusL5x.js

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