@feedmepos/mf-inventory-portal 0.0.17-dev.9 → 0.0.18-dev.3

package/dist/ReceiveRequestView-C_0jK6GY.js

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