@feedmepos/mf-inventory-portal 0.0.17-dev.1 → 0.0.17-dev.10

package/dist/ReceiveRequestView-C1ae5dRi.js

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