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

package/dist/ReceiveRequestView-CIAZIWUQ.js

@@ -1,1434 +0,0 @@
-import { defineComponent as be, ref as N, watch as ce, computed as $, resolveComponent as w, openBlock as _, createBlock as z, withCtx as A, createElementVNode as s, createVNode as l, toDisplayString as Z, createElementBlock as R, Fragment as Te, renderList as et, unref as i, mergeModels as Ht, reactive as sa, onMounted as Lt, useModel as la, createCommentVNode as L, normalizeClass as Qe, normalizeStyle as Zt, resolveDynamicComponent as na, h as q, isRef as ra, Teleport as ua, mergeProps as zt } from "vue";
-import { I as lt, d as ye, p as ge, q as ia, f as rt, a as Qt, C as nt, u as ca, r as Be, t as da } from "./app-QIhamtvi.js";
-import { i as tt } from "./init-date-range-CgNYjnio.js";
-import { u as Bt, p as ma, P as T, a as pa, b as fa, _ as va, g as _a } from "./TransferDetails.vue_vue_type_script_setup_true_lang-Cnnn04g-.js";
-import { k as Jt, a as j, q as Xe, t as ya, s as ga, b as ba, u as ha, j as jt, c as xa } from "./date2-yL15L864.js";
-import { _ as Ca, u as ka, i as wa, e as Da } from "./stock-estimate-UCik7TYh.js";
-import { i as Sa, d as Yt } from "./dayjs.min-DTmB79rl.js";
-import { _ as Fa } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-Dov3Uq2z.js";
-import { _ as Va } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-DKKHsvnj.js";
-import { useDialog as Ta, useSnackbar as ut, components as oe, useProxiedModel as Ra, useBreakpoints as Pa } from "@feedmepos/ui-library";
-import { R as Kt, F as Ve } from "./row-action.enum-BwQbURNh.js";
-import { useCoreStore as $a } from "@feedmepos/mf-common";
-import { _ as Aa } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-BRkHCMU1.js";
-import { F as W, _ as Xt, u as Ua } from "./layout-bqhZWUm3.js";
-import { R as Je, B as Ea, A as Ma, a as Oa, M as Ia } from "./rules-CLRncxH7.js";
-import { u as ea } from "./supplier-CDW2RFbF.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-BD6mDGMt.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 ?? tt() }
-  },
-  emits: ["update:modelValue"],
-  setup(O, { emit: Q }) {
-    const Y = Q, h = N(tt());
-    ce(h, (C) => {
-      Y("update:modelValue", C);
-    });
-    const M = $(() => {
-      const { startDate: C, endDate: x } = h.value;
-      return !C && !x ? "" : `${C} - ${x}`;
-    });
-    return (C, x) => {
-      const f = w("FmIcon"), K = w("FmDateRangePicker");
-      return _(), z(K, {
-        "show-predefined-range": "",
-        modelValue: h.value,
-        "onUpdate:modelValue": x[0] || (x[0] = (y) => h.value = y),
-        "start-label": "",
-        "end-label": ""
-      }, {
-        "trigger-button": A(() => [
-          s("div", La, [
-            l(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) => (_(), R("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), Gt = /* @__PURE__ */ be({
-  __name: "SupplierPriceHistory",
-  props: {
-    prices: {}
-  },
-  setup(O) {
-    const Q = ea();
-    function Y(h) {
-      return Q.suppliers.find((M) => M._id === h);
-    }
-    return (h, M) => (_(), R("div", Ba, [
-      (_(!0), R(Te, null, et(Object.keys(h.prices), (C) => {
-        var x;
-        return _(), R("div", {
-          key: C,
-          class: "flex items-center gap-12 xs:gap-4 xs:flex-wrap w-full"
-        }, [
-          s("div", Ja, Z((x = Y(C)) == null ? void 0 : x.name), 1),
-          s("div", Xa, [
-            (_(!0), R(Te, null, et(h.prices[C].slice(0, 3), (f) => (_(), R("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(Jt)(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(Xe)(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" }, xo = /* @__PURE__ */ s("div", { class: "xs:w-full flex-1 fm-typo-en-title-sm-800" }, "Transfer items", -1), Co = {
-  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), $o = { key: 0 }, Ao = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, Uo = { 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__ */ Ht({
-    modelValue: {},
-    disabled: { type: Boolean },
-    suppliers: { default: () => [] },
-    skus: { default: () => [] },
-    lastClosingDate: {}
-  }, {
-    modelValue: {
-      default: {
-        ref: "",
-        supplier: null
-      }
-    },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ Ht(["validation-success"], ["update:modelValue"]),
-  setup(O, { expose: Q, emit: Y }) {
-    const h = rt(), M = ka(), C = $a(), x = Bt(), f = Qt(), 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";
-    });
-    Lt(() => {
-      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, n = la(O, "modelValue"), se = $({
-      get() {
-        var e;
-        return ((e = n.value) == null ? void 0 : e.remark) ?? "";
-      },
-      set(e) {
-        n.value.remark = e;
-      }
-    });
-    ce([() => y.suppliers], () => {
-      if (v.value === T.PURCHASE) {
-        n.value.supplier = y.suppliers[0];
-        return;
-      }
-    });
-    const F = $(() => y.disabled), le = $(() => n.value.items ?? []), de = (e) => {
-      const { name: t, address: a, regNo: r, phoneNo: o } = e.doc.profile;
-      return {
-        _id: e.doc._id,
-        internal: e.type === lt.restaurant ? ge.enum.restaurant : ge.enum.warehouse,
-        name: t,
-        registrationNumber: r,
-        address: a,
-        contactName: t,
-        phoneNumber: o,
-        disabled: !e.acceptRequest || e.dbName === h.currentLocation.dbName
-      };
-    }, U = [
-      {
-        label: "Purchase",
-        value: T.PURCHASE
-      },
-      {
-        label: "Transfer",
-        value: T.TRANSFER
-      }
-    ], v = N(T.PURCHASE), c = $(() => {
-      var t;
-      const e = ((t = h._currentLocation) == null ? void 0 : t.type) === lt.warehouse;
-      return h.locations.filter((a) => {
-        var o;
-        return !(a.dbName === ((o = h._currentLocation) == null ? void 0 : o.dbName)) && (!e || a.type === lt.warehouse) && a.acceptRequest;
-      });
-    }), u = $(() => v.value === T.PURCHASE ? y.suppliers.map((e) => ({
-      label: e.name,
-      value: e._id,
-      disabled: !1
-    })) : c.value.map(de).map((e) => ({
-      label: e.disabled ? `${e.name} (Upgrade POS)` : e.name,
-      value: e._id,
-      disabled: e.disabled
-    }))), k = $({
-      get() {
-        var e;
-        return ((e = n.value.supplier) == null ? void 0 : e._id) ?? null;
-      },
-      set(e) {
-        if (v.value === T.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: D(a)
-          })));
-          return;
-        }
-        const t = h.locations.find((a) => a.doc._id === e);
-        t ? n.value.supplier = de(t) : n.value.supplier = null;
-      }
-    });
-    function V(e) {
-      switch (e) {
-        case nt.MY:
-          return "MYR";
-        case nt.SG:
-          return "SGD";
-        case nt.ID:
-          return "IDR";
-        default:
-          return "MYR";
-      }
-    }
-    function D(e) {
-      var ee, ae, te, Ne, He, Le;
-      if (K[e.sku._id])
-        return e.totalCost;
-      const t = e.measurement, a = (Ne = (te = (ae = (ee = y.modelValue) == null ? void 0 : ee.supplier) == null ? void 0 : ae.supplyItems) == null ? void 0 : te.find(
-        (_e) => _e.skuId === e.sku._id
-      )) == null ? void 0 : Ne.defaultCost, r = e.sku.defaultCost, o = a ?? r, m = o == null ? void 0 : o.costPerUnit, d = m ? o != null && o.measurement ? +j(m) / +j(o == null ? void 0 : o.measurement.conversion) : +j(m) : void 0, g = d ? t ? d * +j(t.conversion) : d : void 0, P = g ? +j(e.quantity) * g : void 0;
-      return P ? {
-        ...ya(P ?? 0, 2),
-        currency: V(((He = C.currentCountry) == null ? void 0 : He.value) ?? ye)
-      } : {
-        amount: 1,
-        precision: 0,
-        currency: V(((Le = C.currentCountry) == null ? void 0 : Le.value) ?? ye)
-      };
-    }
-    function me(e) {
-      var t;
-      v.value = e, k.value = ((t = u.value.find((a) => !a.disabled)) == null ? void 0 : t.value) ?? null, e === T.PURCHASE && f.enableTotalCost && (n.value.items = n.value.items.map((a) => {
-        const r = D(a);
-        return {
-          ...a,
-          totalCost: r
-        };
-      }));
-    }
-    ce([() => y.modelValue], ([e]) => {
-      var t, a, r;
-      ((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 = T.TRANSFER : v.value = T.PURCHASE, k.value = ((r = u.value.find((o) => {
-        var m, d;
-        return o.value === ((d = (m = y.modelValue) == null ? void 0 : m.supplier) == null ? void 0 : d._id);
-      })) == null ? void 0 : r.value) ?? null;
-    }), Lt(() => {
-      var e, t, a, r, o, m, d;
-      ((t = (e = y.modelValue) == null ? void 0 : e.supplier) == null ? void 0 : t.internal) === ge.enum.restaurant || ((r = (a = y.modelValue) == null ? void 0 : a.supplier) == null ? void 0 : r.internal) === ge.enum.warehouse ? v.value = T.TRANSFER : v.value = T.PURCHASE, k.value = (o = y.modelValue) != null && o.supplier ? ((m = u.value.find((g) => {
-        var P, E;
-        return g.value === ((E = (P = y.modelValue) == null ? void 0 : P.supplier) == null ? void 0 : E._id);
-      })) == null ? void 0 : m.value) ?? null : ((d = u.value.find((g) => !g.disabled)) == null ? void 0 : d.value) ?? null;
-    });
-    const pe = Ta(), ne = N(7), B = N(!1), he = ut();
-    async function Re() {
-      if (ne.value < 1)
-        return;
-      B.value = !1, await M.readPurchaseOrder(ne.value);
-      const e = {
-        ...n.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, r) => {
-        const o = y.skus.find((g) => g._id === r.id);
-        if (a.find((g) => g.sku._id === r.id) || !o)
-          return a;
-        const d = {
-          sku: o,
-          code: o.code,
-          name: o.name,
-          quantity: {
-            amount: r.amount,
-            precision: 0
-          }
-        };
-        return a.push(d), a;
-      }, t), n.value = e;
-    }
-    function Pe() {
-      const e = y.skus.map((a) => ({
-        label: a.name,
-        sublabel: a.code,
-        value: a
-      })), t = e.filter((a) => {
-        var r;
-        return (r = n.value.items) == null ? void 0 : r.find((o) => o.sku._id === a.value._id);
-      }).map((a) => a.value);
-      pe.open({
-        title: "Select item",
-        closeButton: !0,
-        contentComponent: Aa,
-        contentComponentProps: {
-          modelValue: t,
-          items: e
-        },
-        primaryActions: {
-          text: "Confirm",
-          close: !0
-        },
-        secondaryActions: {
-          text: "Close",
-          close: !0,
-          variant: "tertiary"
-        }
-      }).onPrimary((a) => {
-        const r = {
-          ...n.value
-        }, o = r.items ?? [], m = a.map((d) => {
-          const g = o.find((E) => E.sku._id === d._id);
-          if (g)
-            return g;
-          const P = {
-            sku: d,
-            code: d.code,
-            name: d.name,
-            quantity: {
-              amount: 1,
-              precision: 0
-            }
-          };
-          return v.value === T.PURCHASE && f.enableTotalCost && (P.totalCost = D(P)), P;
-        });
-        m.sort((d, g) => d.sku.code.localeCompare(g.sku.code)), r.items = m, n.value = r;
-      });
-    }
-    function $e(e, t) {
-      var a;
-      if (e === Kt.Delete) {
-        const r = ((a = n.value) == null ? void 0 : a.items) ?? [];
-        n.value.items = r.filter((o) => o.sku._id !== t);
-        return;
-      }
-    }
-    function fe(e, t) {
-      var r;
-      const a = ((r = n.value) == null ? void 0 : r.items) ?? [];
-      n.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.totalCost = D(o), o));
-    }
-    function Ae(e, t) {
-      const a = n.value, r = a.items ?? [];
-      a.items = r.map((o) => (o.sku._id !== e || (o.code = t), o));
-    }
-    function Ue(e, t) {
-      const a = n.value, r = a.items ?? [];
-      a.items = r.map((o) => (o.sku._id !== e || (o.name = t), o));
-    }
-    function Ee(e, t) {
-      const a = n.value, r = a.items ?? [];
-      a.items = r.map((o) => (o.sku._id !== e || (o.quantity = t, f.enableTotalCost && (o.totalCost = D(o))), o));
-    }
-    function Me(e, t) {
-      const a = +t, r = n.value, o = r.items ?? [];
-      t.length > 0 && isFinite(a) ? r.items = o.map((m) => {
-        var d;
-        return m.sku._id !== e || (m.totalCost = {
-          ...xa(a),
-          currency: V(((d = C.currentCountry) == null ? void 0 : d.value) ?? ye)
-        }), m;
-      }) : r.items = o.map((m) => {
-        var d;
-        return m.sku._id !== e || (m.totalCost = {
-          amount: 0,
-          precision: 0,
-          currency: V(((d = C.currentCountry) == null ? void 0 : d.value) ?? ye)
-        }), m;
-      });
-    }
-    const Ce = [
-      {
-        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) => {
-              Ae(t.sku._id, a);
-            },
-            rules: [Je()],
-            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) => {
-              Ue(t.sku._id, a);
-            },
-            rules: [Je()],
-            labelMark: "required"
-          }) : t.name;
-        },
-        enableSorting: !1
-      },
-      {
-        id: "Amount",
-        header: "Amount",
-        minSize: 300,
-        cell(e) {
-          var r, o, m, d;
-          const t = e.row.original, a = (m = (o = (r = n.value) == null ? void 0 : r.items) == null ? void 0 : o.find) == null ? void 0 : m.call(o, (g) => g.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": (g) => {
-              Ee(t.sku._id, g.amount), fe(t.sku._id, g.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 = C.currentCountry) == null ? void 0 : e.value) ?? ye) === "MYR" ? "RM" : V(((t = C.currentCountry) == null ? void 0 : t.value) ?? ye)})`
-            ]
-          );
-        },
-        size: 180,
-        cell(e) {
-          var r, o, m;
-          const t = e.row.original, a = (m = (o = (r = n.value) == null ? void 0 : r.items) == null ? void 0 : o.find) == null ? void 0 : m.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 g;
-                  K[(a == null ? void 0 : a.sku._id) ?? ""] = !1;
-                  const d = ((g = n.value) == null ? void 0 : g.items) ?? [];
-                  n.value.items = d.map((P) => (f.enableTotalCost && (P.totalCost = D(P)), P));
-                }
-              })
-            }
-          ) : 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 ${Xe(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
-                },
-                [
-                  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: () => {
-              $e(Kt.Delete, e.row.original.sku._id);
-            }
-          });
-        },
-        enableSorting: !1,
-        size: 40,
-        meta: {
-          cellClass: "",
-          headerClass: ""
-        }
-      }
-    ], ke = $(
-      () => S.value ? Ce : Ce.filter((e) => e.id !== "Delete")
-    ), Oe = $(() => v.value === T.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);
-    ce(G, (e) => {
-      e && (ve.value = !0, Ie().finally(() => {
-        ve.value = !1;
-      }));
-    });
-    async function Ie() {
-      try {
-        const { startDate: e, endDate: t } = ga(6), o = (await x.getPurchaseOrders({ start: e, end: t })).reverse().filter(
-          (m) => {
-            var d, g;
-            return m.status === ia.enum.COMPLETE && ((d = m.supplier) == null ? void 0 : d.internal) !== "warehouse" && ((g = m.supplier) == null ? void 0 : g.internal) !== "restaurant";
-          }
-        ).reduce((m, d) => {
-          const g = new Date(Sa(d._id)), P = d.supplier._id;
-          for (const E of d.items) {
-            if (!E.totalCost) continue;
-            const ee = m[E.sku._id] ?? {}, ae = ee[P] ?? [], te = E.measurement ? ba(E.quantity, E.measurement.conversion) : E.quantity;
-            ae.push({
-              date: g.toISOString(),
-              totalUnit: te,
-              totalCost: E.totalCost,
-              unit: E.sku.unit,
-              seqNumber: d.seqNumber
-            }), ee[P] = ae, m[E.sku._id] = ee;
-          }
-          return m;
-        }, {});
-        we.value = o;
-      } catch {
-        he.open({
-          title: "Something went wrong",
-          message: "Cannot retrieve supplier purchase history. Please try again."
-        }), G.value = !1;
-      }
-    }
-    const ve = 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) {
-        n.value.effectiveAt = (e == null ? void 0 : e.toISOString()) ?? null;
-      }
-    }), at = $({
-      get() {
-        return !!I.value;
-      },
-      set(e) {
-        e ? I.value = /* @__PURE__ */ new Date() : I.value = null;
-      }
-    }), ot = $({
-      get() {
-        return I.value === null ? "" : Xe(I.value);
-      },
-      set(e) {
-        e ? I.value = /* @__PURE__ */ new Date(`${e} ${st.value}`) : I.value = null;
-      }
-    }), st = $({
-      get() {
-        return I.value === null ? "" : ha(I.value);
-      },
-      set(e) {
-        e ? I.value = /* @__PURE__ */ new Date(`${ot.value} ${e}`) : I.value = null;
-      }
-    }), it = $(() => {
-      var e;
-      return (e = h._currentLocation) == null ? void 0 : e.dbName.startsWith("restaurant");
-    });
-    return (e, t) => {
-      const a = w("FmChip"), r = w("FmSelect"), o = w("FmMenuItem"), m = w("FmTextField"), d = w("FmTextarea"), g = w("FmSwitch"), P = w("FmDatePicker"), E = w("FmTimePicker"), ee = w("FmFormGroup"), ae = w("FmIcon"), te = w("FmButton"), Ne = w("FmCard"), He = w("FmStepperField"), Le = w("FmPopover"), _e = w("FmLabel"), ta = w("FmSpacer"), aa = w("FmTable"), oa = w("FmForm");
-      return _(), z(oa, {
-        ref_key: "formRef",
-        ref: re,
-        onReset: t[14] || (t[14] = (ze) => v.value = i(T).PURCHASE),
-        onValidationSuccess: t[15] || (t[15] = (ze) => H("validation-success")),
-        disabled: F.value
-      }, {
-        default: A(() => {
-          var ze, ct, dt, mt;
-          return [
-            s("div", so, [
-              s("div", lo, [
-                no,
-                s("div", ro, [
-                  l(a, {
-                    label: i(h).currentLocation.name,
-                    icon: "storefront",
-                    compact: ""
-                  }, null, 8, ["label"]),
-                  (ct = (ze = i(C).currentRestaurant) == null ? void 0 : ze.value) != null && ct.posVersion ? (_(), z(a, {
-                    key: 0,
-                    label: `POS v${(mt = (dt = i(C).currentRestaurant) == null ? void 0 : dt.value) == null ? void 0 : mt.posVersion}`,
-                    icon: "point_of_sale",
-                    compact: ""
-                  }, null, 8, ["label"])) : L("", !0),
-                  e.lastClosingDate ? (_(), z(a, {
-                    key: 1,
-                    label: `Last closing: ${i(Xe)(e.lastClosingDate)} ${i(jt)(e.lastClosingDate)}`,
-                    icon: "calendar_month",
-                    compact: ""
-                  }, null, 8, ["label"])) : L("", !0)
-                ]),
-                uo,
-                s("div", io, [
-                  l(r, {
-                    items: U,
-                    rules: [i(Je)()],
-                    "label-mark": "required",
-                    label: "Transfer type",
-                    "model-value": v.value,
-                    "onUpdate:modelValue": t[0] || (t[0] = (p) => me(p)),
-                    disabled: F.value || !S.value,
-                    "data-cy": "fm-select-transaction-type"
-                  }, null, 8, ["rules", "model-value", "disabled"]),
-                  l(r, {
-                    label: v.value === i(T).PURCHASE ? "Supplier" : "Transfer From",
-                    items: u.value,
-                    modelValue: k.value,
-                    "onUpdate:modelValue": t[1] || (t[1] = (p) => k.value = p),
-                    disabled: F.value || !S.value,
-                    rules: [i(Je)()],
-                    "label-mark": "required"
-                  }, {
-                    "menu-wrapper": A(({ handleItemChange: p }) => [
-                      (_(!0), R(Te, null, et(u.value, (b) => (_(), z(o, {
-                        key: b.value,
-                        "model-value": b.value === k.value,
-                        disabled: b.disabled,
-                        label: b.label,
-                        "onUpdate:modelValue": (ue) => p(ue, b)
-                      }, null, 8, ["model-value", "disabled", "label", "onUpdate:modelValue"]))), 128))
-                    ]),
-                    _: 1
-                  }, 8, ["label", "items", "modelValue", "disabled", "rules"]),
-                  l(m, {
-                    label: "Reference",
-                    modelValue: n.value.ref,
-                    "onUpdate:modelValue": t[2] || (t[2] = (p) => n.value.ref = p),
-                    "label-mark": "optional",
-                    disabled: F.value || !S.value
-                  }, null, 8, ["modelValue", "disabled"]),
-                  l(d, {
-                    label: "Remark",
-                    modelValue: se.value,
-                    "onUpdate:modelValue": t[3] || (t[3] = (p) => se.value = p),
-                    "label-mark": "optional",
-                    "max-length": 240,
-                    disabled: F.value || !S.value,
-                    "show-word-count": ""
-                  }, null, 8, ["modelValue", "disabled"]),
-                  i(f).enableBackdatePo ? (_(), R("div", co, [
-                    s("div", mo, [
-                      l(g, {
-                        modelValue: at.value,
-                        "onUpdate:modelValue": t[4] || (t[4] = (p) => at.value = p),
-                        label: "Backdate transfer",
-                        sublabel: "Apply transfer to older date",
-                        "label-placement": "right",
-                        disabled: F.value || !S.value || it.value && !e.lastClosingDate
-                      }, null, 8, ["modelValue", "disabled"]),
-                      po,
-                      at.value ? (_(), R("div", fo, [
-                        s("div", vo, [
-                          l(P, {
-                            modelValue: ot.value,
-                            "onUpdate:modelValue": t[5] || (t[5] = (p) => ot.value = p)
-                          }, null, 8, ["modelValue"])
-                        ]),
-                        s("div", _o, [
-                          l(E, {
-                            modelValue: st.value,
-                            "onUpdate:modelValue": t[6] || (t[6] = (p) => st.value = p)
-                          }, null, 8, ["modelValue"])
-                        ])
-                      ])) : L("", !0)
-                    ]),
-                    I.value ? (_(), z(ee, {
-                      key: 0,
-                      modelValue: I.value,
-                      "onUpdate:modelValue": t[7] || (t[7] = (p) => I.value = p),
-                      rules: [i(Ea)(new Date(e.lastClosingDate), /* @__PURE__ */ new Date())]
-                    }, null, 8, ["modelValue", "rules"])) : L("", !0),
-                    it.value && !e.lastClosingDate ? (_(), R("div", yo, [
-                      l(ae, {
-                        name: "error",
-                        size: "sm",
-                        class: "text-fm-color-typo-warning"
-                      }),
-                      go
-                    ])) : L("", !0)
-                  ])) : L("", !0)
-                ])
-              ]),
-              s("div", bo, [
-                l(ee, {
-                  "model-value": n.value.items,
-                  rules: [
-                    function(b) {
-                      return b && b.length > 0 || "Must have at least one item!";
-                    }
-                  ]
-                }, {
-                  default: A(() => {
-                    var p;
-                    return [
-                      s("div", ho, [
-                        xo,
-                        v.value === i(T).PURCHASE && S.value && i(f).enableTotalCost ? (_(), R("div", Co, [
-                          l(g, {
-                            label: ve.value ? "Fetching data..." : "Compare price history",
-                            "prepend-icon": "compare_arrows",
-                            "label-placement": "right",
-                            "model-value": G.value,
-                            "onUpdate:modelValue": t[8] || (t[8] = (b) => G.value = b),
-                            disabled: ve.value || !((p = n.value) != null && p.items) || n.value.items.length === 0
-                          }, null, 8, ["label", "model-value", "disabled"])
-                        ])) : L("", !0)
-                      ])
-                    ];
-                  }),
-                  _: 1
-                }, 8, ["model-value", "rules"]),
-                s("div", ko, [
-                  l(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] = (p) => Pe()),
-                    size: "md"
-                  }, null, 8, ["disabled"]),
-                  l(Le, {
-                    disabled: F.value || !S.value,
-                    class: "flex",
-                    "show-popover": B.value,
-                    onPopoverChanged: t[13] || (t[13] = (p) => B.value = p)
-                  }, {
-                    "popover-button": A(() => [
-                      l(Ne, {
-                        class: Qe([
-                          "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(() => [
-                          l(Qa, {
-                            size: 24,
-                            color: F.value || !S.value ? "#c7c7cc" : "#ff7823"
-                          }, null, 8, ["color"]),
-                          s("button", {
-                            type: "button",
-                            disabled: F.value,
-                            class: Qe([
-                              "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, [
-                          l(Ca, { "z-index": 99 }, {
-                            default: A(() => [
-                              Fo
-                            ]),
-                            _: 1
-                          }),
-                          l(te, {
-                            icon: "close",
-                            size: "md",
-                            variant: "tertiary",
-                            onClick: t[10] || (t[10] = (p) => B.value = !1)
-                          })
-                        ]),
-                        l(He, {
-                          modelValue: ne.value,
-                          "onUpdate:modelValue": t[11] || (t[11] = (p) => ne.value = p),
-                          label: "Enter day to forecast stock",
-                          rules: [i(Ma)(1)]
-                        }, {
-                          "helper-text": A(() => [
-                            s("div", Vo, [
-                              l(ae, {
-                                name: "warning",
-                                size: "sm",
-                                class: "text-fm-color-system-warning-300"
-                              }),
-                              To
-                            ])
-                          ]),
-                          _: 1
-                        }, 8, ["modelValue", "rules"]),
-                        s("div", Ro, [
-                          Po,
-                          l(te, {
-                            label: "Cancel",
-                            variant: "tertiary",
-                            onClick: t[12] || (t[12] = (p) => B.value = !1)
-                          }),
-                          l(te, {
-                            label: "Generate",
-                            onClick: Re
-                          })
-                        ])
-                      ])
-                    ]),
-                    _: 1
-                  }, 8, ["disabled", "show-popover"])
-                ]),
-                le.value.length ? (_(), R("div", $o, [
-                  (_(), z(aa, {
-                    "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((p) => {
-                      var b, ue;
-                      return [
-                        s("tr", {
-                          class: Qe(["border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm", {
-                            "bg-fm-color-neutral-gray-100": p.getIsSelected()
-                          }])
-                        }, [
-                          (_(!0), R(Te, null, et(p.getVisibleCells(), (J) => {
-                            var De, ie, Se, Fe;
-                            return _(), R("td", {
-                              key: J.id,
-                              class: Qe([
-                                "h-[52px] px-16 text-fm-color-typo-primary",
-                                ((De = qe(J)) == null ? void 0 : De.cellClass) ?? "px-16"
-                              ]),
-                              style: Zt({
-                                width: (ie = qe(J)) == null ? void 0 : ie.width,
-                                maxWidth: (Se = qe(J)) == null ? void 0 : Se.maxWidth,
-                                textAlign: ((Fe = qe(J)) == null ? void 0 : Fe.textAlign) ?? "left"
-                              })
-                            }, [
-                              s("span", Ao, [
-                                l(i(W), {
-                                  render: J.column.columnDef.cell,
-                                  props: J.getContext()
-                                }, null, 8, ["render", "props"])
-                              ])
-                            ], 6);
-                          }), 128))
-                        ], 2),
-                        v.value === i(T).PURCHASE && G.value && Object.keys(we.value[(b = p.original.sku) == null ? void 0 : b._id] ?? {}).length > 0 ? (_(), R("tr", Uo, [
-                          s("td", {
-                            colspan: p.getVisibleCells().length
-                          }, [
-                            l(Gt, {
-                              prices: we.value[(ue = p.original.sku) == null ? void 0 : ue._id]
-                            }, null, 8, ["prices"])
-                          ], 8, Eo)
-                        ])) : L("", !0)
-                      ];
-                    }),
-                    "list-row": A((p) => [
-                      l(Xt, { row: p }, {
-                        default: A((b) => {
-                          var ue, J, De, ie, Se, Fe, pt, ft, je, vt, _t, yt, gt, Ye, bt, ht, xt, Ct, Ke, kt, wt, Dt, St, Ge, Ft, Vt, Tt, Rt, Pt, $t, We, At, Ut, Et, Mt, Ot, Ze, It, qt, Nt;
-                          return [
-                            s("div", Mo, [
-                              s("div", Oo, [
-                                s("div", Io, Z(p.original.sku.name), 1),
-                                s("div", null, [
-                                  l(i(W), {
-                                    render: (De = (J = (ue = b.Delete) == null ? void 0 : ue.column) == null ? void 0 : J.columnDef) == null ? void 0 : De.cell,
-                                    props: (Se = (ie = b.Delete) == null ? void 0 : ie.getContext) == null ? void 0 : Se.call(ie)
-                                  }, null, 8, ["render", "props"])
-                                ])
-                              ]),
-                              s("div", qo, [
-                                s("div", No, [
-                                  l(_e, { label: "Code" }),
-                                  l(i(W), {
-                                    render: (ft = (pt = (Fe = b.code) == null ? void 0 : Fe.column) == null ? void 0 : pt.columnDef) == null ? void 0 : ft.cell,
-                                    props: (vt = (je = b.code) == null ? void 0 : je.getContext) == null ? void 0 : vt.call(je)
-                                  }, null, 8, ["render", "props"])
-                                ]),
-                                s("div", Ho, [
-                                  l(_e, { label: "Name" }),
-                                  l(i(W), {
-                                    render: (gt = (yt = (_t = b.Name) == null ? void 0 : _t.column) == null ? void 0 : yt.columnDef) == null ? void 0 : gt.cell,
-                                    props: (bt = (Ye = b.Name) == null ? void 0 : Ye.getContext) == null ? void 0 : bt.call(Ye)
-                                  }, null, 8, ["render", "props"])
-                                ]),
-                                s("div", Lo, [
-                                  l(_e, { label: "Amount" }),
-                                  l(i(W), {
-                                    render: (Ct = (xt = (ht = b.Amount) == null ? void 0 : ht.column) == null ? void 0 : xt.columnDef) == null ? void 0 : Ct.cell,
-                                    props: (kt = (Ke = b.Amount) == null ? void 0 : Ke.getContext) == null ? void 0 : kt.call(Ke)
-                                  }, null, 8, ["render", "props"])
-                                ]),
-                                s("div", zo, [
-                                  l(_e, { label: "Unit" }),
-                                  l(i(W), {
-                                    render: (St = (Dt = (wt = b.Unit) == null ? void 0 : wt.column) == null ? void 0 : Dt.columnDef) == null ? void 0 : St.cell,
-                                    props: (Ft = (Ge = b.Unit) == null ? void 0 : Ge.getContext) == null ? void 0 : Ft.call(Ge)
-                                  }, null, 8, ["render", "props"])
-                                ]),
-                                v.value === i(T).PURCHASE && b.Cost ? (_(), R("div", jo, [
-                                  typeof ((Rt = (Tt = (Vt = b.Cost) == null ? void 0 : Vt.column) == null ? void 0 : Tt.columnDef) == null ? void 0 : Rt.header) == "function" ? (_(), R("div", Yo, [
-                                    (_(), z(na(
-                                      (Ut = ($t = (Pt = b.Cost) == null ? void 0 : Pt.column) == null ? void 0 : $t.columnDef) == null ? void 0 : Ut.header(
-                                        (At = (We = b.Cost) == null ? void 0 : We.getContext) == null ? void 0 : At.call(We)
-                                      )
-                                    )))
-                                  ])) : L("", !0),
-                                  l(i(W), {
-                                    render: (Ot = (Mt = (Et = b.Cost) == null ? void 0 : Et.column) == null ? void 0 : Mt.columnDef) == null ? void 0 : Ot.cell,
-                                    props: (It = (Ze = b.Cost) == null ? void 0 : Ze.getContext) == null ? void 0 : It.call(Ze)
-                                  }, null, 8, ["render", "props"])
-                                ])) : L("", !0)
-                              ]),
-                              v.value === i(T).PURCHASE && G.value && Object.keys(we.value[(qt = p.original.sku) == null ? void 0 : qt._id] ?? {}).length > 0 ? (_(), R(Te, { key: 0 }, [
-                                l(ta, { class: "h-8" }),
-                                l(Gt, {
-                                  prices: we.value[(Nt = p.original.sku) == null ? void 0 : Nt._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, C = Bt(), x = ut(), f = ea(), K = ca(), y = rt();
-    async function S(c) {
-      if (c) {
-        n.value = !0;
-        try {
-          await f.readSuppliers(), n.value = !1;
-        } catch {
-          x.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 ?? {});
-    ce([() => h.modelValue], () => {
-      H.value = h.modelValue ?? {};
-    });
-    const n = 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;
-      n.value = !0, (c.supplier.internal === "warehouse" || c.supplier.internal === "restaurant") && (c.items = c.items.map(({ totalCost: u, ...k }) => k));
-      try {
-        await C.createPurchaseOrder(c), await new Promise((u) => setTimeout(u, 1e3)), x.open({
-          title: "Created",
-          message: "Your transfer draft has been created!",
-          type: "success"
-        }), M("update:show", !1), M("submitted");
-      } catch (u) {
-        x.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 de() {
-      const c = H.value;
-      n.value = !0, (c.supplier.internal === "warehouse" || c.supplier.internal === "restaurant") && (c.items = c.items.map(({ totalCost: u, ...k }) => k));
-      try {
-        await C.updatePurchaseOrder(c), await new Promise((u) => setTimeout(u, 1e3)), x.open({
-          title: "Updated",
-          message: "Your transfer draft has been updated!",
-          type: "success"
-        }), M("update:show", !1), M("submitted");
-      } catch (u) {
-        x.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 U() {
-      switch (h.mode) {
-        case Ve.CREATE:
-          return le();
-        case Ve.UPDATE:
-          return de();
-      }
-    }
-    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: U,
-            modelValue: H.value,
-            "onUpdate:modelValue": u[0] || (u[0] = (D) => H.value = D),
-            disabled: n.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, [
-            l(k, {
-              loading: n.value,
-              label: "Save",
-              onClick: v
-            }, null, 8, ["loading"]),
-            l(k, {
-              disabled: n.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" }, Wt = "ReceiveRequestViewSearchCriteria", Ds = /* @__PURE__ */ be({
-  __name: "ReceiveRequestView",
-  setup(O) {
-    const Q = ut();
-    Be.object({
-      name: Be.string().optional().nullable(),
-      startDate: Be.string().optional().nullable(),
-      endDate: Be.string().optional().nullable()
-    });
-    const Y = da(), h = Qt();
-    function M() {
-      const U = {
-        name: "",
-        ...tt()
-      }, v = Y.getItem(Wt);
-      if (!v)
-        return U;
-      try {
-        return JSON.parse(v);
-      } catch {
-        return U;
-      }
-    }
-    function C() {
-      Y.setItem(Wt, JSON.stringify(x.value));
-    }
-    const x = N(M()), f = pa("receive/request", x.value), { columnDefs: K } = fa("receive/request", f), y = rt();
-    async function S() {
-      const U = `inventory-record_${Yt(x.value.startDate).format("DD-MM-YYYY_HH-mm")}-${Yt(x.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, me = j(
-            _a(k.sku, u.deliveryOrder || [])
-          ), pe = 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": me,
-            "Ordered quantity": pe,
-            Unit: k.sku.unit.abbrev,
-            "Total cost": k.totalCost ? Jt(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
-          }
-        ],
-        U
-      ), Q.open({
-        title: "Success",
-        message: `Exported ${U}`,
-        type: "success"
-      });
-    }
-    const X = N(tt()), H = N("");
-    ce([() => X.value], ([U]) => {
-      !U.startDate || !U.endDate || (x.value.startDate = U.startDate, x.value.endDate = U.endDate, f.updateDateRange(
-        x.value.startDate,
-        x.value.endDate
-      ), C());
-    }), ce([() => H.value], () => {
-      C();
-    });
-    function n(U) {
-      U === "create" && f.promptCreateTransferDialog();
-    }
-    const { breakpoints: se } = Pa(), F = $(() => se.value.xs || se.value.sm ? 10 : 20), le = Ua(), de = [
-      {
-        label: "Refresh",
-        icon: "refresh",
-        key: "refresh"
-      },
-      { label: "Export", icon: "ios_share", key: "export" }
-    ];
-    return (U, 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": n
-      }, {
-        default: A(() => {
-          var k;
-          return [
-            s("div", Bo, [
-              s("div", Jo, [
-                s("div", Xo, [
-                  l(Va),
-                  l(ja, {
-                    "model-value": X.value,
-                    "onUpdate:modelValue": v[0] || (v[0] = (V) => X.value = V)
-                  }, null, 8, ["model-value"])
-                ]),
-                s("div", es, [
-                  l(c, {
-                    searchable: "",
-                    "search-model": H.value,
-                    "onUpdate:searchModel": v[1] || (v[1] = (V) => H.value = V),
-                    actions: de,
-                    "onClick:actionExport": S,
-                    "onClick:actionRefresh": i(f).fetchData
-                  }, null, 8, ["search-model", "onClick:actionRefresh"])
-                ])
-              ]),
-              (_(), z(u, {
-                style: Zt(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) => [
-                  l(Xt, {
-                    row: V,
-                    onRowClick: i(f).promptShowTransferDetails
-                  }, {
-                    default: A((D) => {
-                      var me, pe, ne, B, he, Re, Pe, $e, fe, Ae, Ue, Ee, Me, xe, Ce, ke, Oe, re, G, Ie;
-                      return [
-                        s("div", ts, [
-                          s("div", as, [
-                            l(i(W), {
-                              render: (ne = (pe = (me = D._id) == null ? void 0 : me.column) == null ? void 0 : pe.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, [
-                            l(i(W), {
-                              render: ($e = (Pe = (Re = D.supplier_name) == null ? void 0 : Re.column) == null ? void 0 : Pe.columnDef) == null ? void 0 : $e.cell,
-                              props: (Ae = (fe = D.supplier_name) == null ? void 0 : fe.getContext) == null ? void 0 : Ae.call(fe)
-                            }, null, 8, ["render", "props"])
-                          ]),
-                          s("div", ss, Z(V.original.items.map((ve) => `${ve.name}`).join(", ")), 1),
-                          V.original.ref ? (_(), R("div", ls, [
-                            l(i(W), {
-                              render: (Me = (Ee = (Ue = D.ref) == null ? void 0 : Ue.column) == null ? void 0 : Ee.columnDef) == null ? void 0 : Me.cell,
-                              props: (Ce = (xe = D.ref) == null ? void 0 : xe.getContext) == null ? void 0 : Ce.call(xe)
-                            }, null, 8, ["render", "props"])
-                          ])) : L("", !0),
-                          s("div", ns, [
-                            l(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" }, [
-              l(Qo, zt(i(f).transferDialogProps.value, {
-                onSubmitted: i(f).fetchData
-              }), null, 16, ["onSubmitted"]),
-              l(va, zt(i(f).transferDetailsProps.value, {
-                onSubmitted: i(f).fetchData
-              }), null, 16, ["onSubmitted"])
-            ]))
-          ];
-        }),
-        _: 1
-      });
-    };
-  }
-});
-export {
-  Ds as default
-};