@feedmepos/mf-inventory-portal 0.0.19-dev.3 → 0.0.19-dev.5

package/dist/TransferDialog.vue_vue_type_script_setup_true_lang-C1YU60Mq.js

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