@feedmepos/mf-inventory-portal 0.0.19-dev.13 → 0.0.19-dev.15

package/dist/TransferDialog.vue_vue_type_script_setup_true_lang-BE95F9r1.js

@@ -0,0 +1,1437 @@
+import { reactive as qe, onMounted as Le, computed as F, h as B, getCurrentInstance as Be, watch as Ae, defineComponent as se, openBlock as T, createElementBlock as A, Fragment as ve, renderList as Fe, createElementVNode as d, toDisplayString as D, unref as e, resolveComponent as P, createVNode as C, withCtx as V, createCommentVNode as Z, ref as M, createBlock as N, normalizeClass as Pe, normalizeStyle as Ze, isRef as ie } from "vue";
+import { useBreakpoints as Ke, components as re, FmButtonVariant as Qe, useSnackbar as De, useDialog as Ge, useProxiedModel as Je } from "@feedmepos/ui-library";
+import { F as fe } from "./row-action.enum-PMKMRrZR.js";
+import { P as I, e as Ne, d as Xe } from "./format-unit-display-D_Z4TNZd.js";
+import { a as H, t as et, a5 as Ie, D as tt, b as He, R as Ue, a2 as st, a3 as ot, r as Me, a4 as nt, G as ze, l as at, A as ke, M as lt, a6 as je, c as rt, a9 as it, O as Ve, P as $e, aa as ut, j as Re, ab as dt, u as Oe, ac as ct, ad as pt, ae as mt, E as ft, af as yt, y as vt } from "./app-BLzTa0Ut.js";
+import { _ as We, u as bt } from "./PremiumBadge.vue_vue_type_script_setup_true_lang-2Ady4pB4.js";
+import { useI18n as de } from "@feedmepos/mf-common";
+import "vue-router";
+import { u as he } from "./supplier-BZ6HZcYB.js";
+import { F as ue, _ as gt } from "./layout-B9sdKjL9.js";
+import { _ as _t } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
+function te(s, m, l, r) {
+  var a, _, b;
+  if (r != null && r.manualTotalCost)
+    return r == null ? void 0 : r.manualTotalCost;
+  const f = (b = (_ = (a = r == null ? void 0 : r.supplier) == null ? void 0 : a.supplyItems) == null ? void 0 : _.find(
+    (k) => k.skuId === s._id
+  )) == null ? void 0 : b.defaultCost, t = s.defaultCost, n = f ?? t, w = n == null ? void 0 : n.costPerUnit, p = w ? n != null && n.measurement ? +H(w) / +H(n == null ? void 0 : n.measurement.conversion) : +H(w) : void 0, o = p ? l ? p * +H(l.conversion) : p : void 0, i = o ? +H(m) * o : void 0;
+  return i ? {
+    ...et(i ?? 0, 2),
+    currency: Ie()
+  } : {
+    amount: 0,
+    precision: 0,
+    currency: Ie()
+  };
+}
+var U = /* @__PURE__ */ ((s) => (s.Code = "Code", s.Name = "Name", s.Amount = "Amount", s.Cost = "Cost", s.Delete = "Delete", s))(U || {});
+const Ct = () => {
+  const { t: s } = de();
+  return B(
+    We,
+    {
+      zIndex: 50,
+      class: "whitespace-nowrap"
+    },
+    s("inventory.transfer.form.items.table.Cost", [je()])
+  );
+};
+function kt(s) {
+  const { t: m } = de(), l = qe({}), { breakpoints: r } = Ke(), f = He();
+  Le(() => {
+    for (const p of s.items) {
+      if (!p.totalCost)
+        continue;
+      const o = te(p.sku, p.quantity, p.measurement, {
+        supplier: s.supplier
+      }), i = p.totalCost ?? tt.reset();
+      o ? l[p.sku._id] = o.amount !== i.amount || o.precision !== i.precision : l[p.sku._id] = !0;
+    }
+  });
+  function t(p) {
+    var i, u, a, _, b, k, h;
+    return !!(((u = (i = p.defaultCost) == null ? void 0 : i.costPerUnit) == null ? void 0 : u.amount) ?? ((h = (k = (b = (_ = (a = s.supplier) == null ? void 0 : a.supplyItems) == null ? void 0 : _.find((S) => S.skuId === p._id)) == null ? void 0 : b.defaultCost) == null ? void 0 : k.costPerUnit) == null ? void 0 : h.amount));
+  }
+  const n = [
+    {
+      id: "Code",
+      header: () => m("inventory.transfer.form.items.table.Code"),
+      accessorKey: "code",
+      size: 96,
+      cell(p) {
+        const o = p.row.original;
+        return B(re.FmTextField, {
+          modelValue: o.code,
+          "onUpdate:modelValue": (i) => {
+            s.updateItem({
+              ...o,
+              code: i
+            });
+          },
+          key: o.sku._id,
+          rules: [Ue()],
+          labelMark: "required"
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Name",
+      header: () => m("inventory.transfer.form.items.table.Name"),
+      minSize: 300,
+      cell(p) {
+        const o = p.row.original;
+        return B(re.FmTextField, {
+          modelValue: o.name,
+          "onUpdate:modelValue": (i) => {
+            s.updateItem({
+              ...o,
+              name: i
+            });
+          },
+          key: o.sku._id,
+          rules: [Ue()],
+          labelMark: "required"
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Amount",
+      header: () => m("inventory.transfer.form.items.table.Amount"),
+      minSize: 200,
+      cell(p) {
+        var u, a, _;
+        const o = p.row.original, i = (_ = (a = (u = s.template) == null ? void 0 : u.purchaseOrder) == null ? void 0 : a.items) == null ? void 0 : _.find(
+          (b) => b.sku._id === o.sku._id
+        );
+        return B(st, {
+          style: {
+            flex: "1 1 0%"
+          },
+          modelValue: {
+            amount: o.quantity ?? { amount: 1, precision: 0 },
+            measurement: o.measurement ?? null
+          },
+          key: o.sku._id,
+          unit: o.sku.unit,
+          "onUpdate:modelValue": (b) => {
+            const k = {
+              ...o,
+              quantity: b.amount,
+              measurement: b.measurement
+            };
+            f.enableTotalCost && (k.totalCost = te(o.sku, o.quantity, o.measurement, {
+              supplier: s.supplier,
+              // NOTE: set undefined here if `manualTotalCost[row.sku._id] = false`, so that the function
+              // will return the auto calculated default cost instead of the manual total cost
+              manualTotalCost: l[o.sku._id] ? k.totalCost : void 0
+            })), s.updateItem(k);
+          },
+          stepper: i == null ? void 0 : i.quantityStep,
+          disableUnit: !!i,
+          disabled: s.disabled,
+          rules: [
+            ot(
+              +H(
+                (i == null ? void 0 : i.minimumQuantity) ?? {
+                  amount: 1,
+                  precision: Me(o.sku.unit, o.measurement)
+                }
+              )
+            ),
+            nt(
+              +H(
+                (i == null ? void 0 : i.maximumQuantity) ?? {
+                  amount: 1,
+                  precision: Me(o.sku.unit, o.measurement)
+                }
+              )
+            )
+          ],
+          applyDefaultRules: !0
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Cost",
+      header: Ct,
+      size: 180,
+      cell(p) {
+        const o = p.row.original, i = t(o.sku), u = r.value.xs || r.value.sm;
+        return !l[o.sku._id] && i ? B(
+          "div",
+          {
+            class: [
+              "flex gap-4 fm-typo-en-body-md-400 items-center",
+              s.disabled ? "text-fm-color-typo-disabled" : ""
+            ],
+            key: o.sku._id
+          },
+          [
+            B(re.FmButton, {
+              prependIcon: "edit",
+              variant: Qe.Tertiary,
+              disabled: s.disabled,
+              onClick() {
+                s.updateItem({
+                  ...o,
+                  totalCost: te(o.sku, o.quantity, o.measurement, {
+                    supplier: s.supplier
+                  })
+                }), l[o.sku._id] = !0;
+              }
+            }),
+            B(
+              "div",
+              {
+                class: "flex flex-col"
+              },
+              [
+                B(
+                  "span",
+                  u ? ze(
+                    te(o.sku, o.quantity, o.measurement, {
+                      supplier: s.supplier
+                    })
+                  ) : H(
+                    te(o.sku, o.quantity, o.measurement, {
+                      supplier: s.supplier
+                    })
+                  )
+                ),
+                B(
+                  "span",
+                  {
+                    class: [
+                      "fm-typo-en-body-sm-400",
+                      s.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-neutral-gray-400"
+                    ]
+                  },
+                  m("inventory.transfer.form.items.autoCalculated")
+                )
+              ]
+            )
+          ]
+        ) : B(
+          re.FmTextField,
+          {
+            modelValue: H(o.totalCost ?? { amount: 0, precision: 0 }),
+            key: o.sku._id,
+            "onUpdate:modelValue": (a) => {
+              s.updateItem({
+                ...o,
+                totalCost: {
+                  ...at(+a),
+                  currency: Ie()
+                }
+              });
+            },
+            rules: [ke(0), lt(2)]
+          },
+          {
+            prepend() {
+              return u ? B(
+                "div",
+                {
+                  class: [
+                    "text-fm-typo-en-body-lg-400",
+                    s.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                  ]
+                },
+                je()
+              ) : null;
+            },
+            append() {
+              return i ? B(re.FmButton, {
+                prependIcon: "close",
+                variant: "tertiary",
+                disabled: s.disabled,
+                onClick() {
+                  s.updateItem({
+                    ...o,
+                    // NOTE: different from PO template, if a default cost is reenabled,
+                    // the total cost will automatically assigned
+                    totalCost: te(o.sku, o.quantity, o.measurement, {
+                      supplier: s.supplier
+                    })
+                  }), l[o.sku._id] = !1;
+                }
+              }) : null;
+            }
+          }
+        );
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Delete",
+      header: "",
+      cell(p) {
+        const o = p.row.original;
+        return B(re.FmButton, {
+          key: o.sku._id,
+          class: "delete-button",
+          type: "button",
+          icon: "delete",
+          variant: "tertiary",
+          size: "md",
+          disabled: s.disabled,
+          onClick: () => {
+            s.deleteItem(o);
+          }
+        });
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ];
+  return {
+    columnDefs: F(() => f.enableTotalCost && s.transferType === I.PURCHASE ? n : n.filter(
+      (p) => p.id !== "Cost"
+      /* Cost */
+    ))
+  };
+}
+function ht(s = "modelValue") {
+  var t, n;
+  const m = ((t = Be()) == null ? void 0 : t.props) ?? {}, l = ((n = Be()) == null ? void 0 : n.emit) ?? (() => {
+  }), r = qe(rt(m[s] ?? {})), f = `update:${it(s)}`;
+  return Ae(r, (w) => {
+    l(f, w);
+  }), r;
+}
+const wt = { class: "flex flex-col gap-8 px-16 xs:px-4 sm:px-4 py-4 items-center" }, xt = { class: "fm-typo-en-body-lg-600 xs:fm-typo-en-body-md-600 mr-auto xs:w-full" }, St = { class: "w-[450px] xs:w-full flex" }, Tt = { class: "fm-typo-en-body-md-400 whitespace-nowrap" }, Ft = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ye = /* @__PURE__ */ se({
+  __name: "SupplierPriceHistory",
+  props: {
+    prices: {}
+  },
+  setup(s) {
+    const m = he();
+    function l(r) {
+      return m.suppliers.find((f) => f._id === r);
+    }
+    return (r, f) => (T(), A("div", wt, [
+      (T(!0), A(ve, null, Fe(Object.keys(r.prices), (t) => {
+        var n;
+        return T(), A("div", {
+          key: t,
+          class: "flex items-center gap-12 xs:gap-4 xs:flex-wrap w-full"
+        }, [
+          d("div", xt, D((n = l(t)) == null ? void 0 : n.name), 1),
+          d("div", St, [
+            (T(!0), A(ve, null, Fe(r.prices[t].slice(0, 3), (w) => {
+              var p;
+              return T(), A("div", {
+                key: w.date,
+                class: "flex flex-col w-[150px] xs:flex-1 text-ellipsis cursor-pointer"
+              }, [
+                d("div", Tt, [
+                  d("span", null, D(w.totalCost ? e(ze)(w.totalCost) : "No data"), 1),
+                  f[0] || (f[0] = d("span", { class: "text-fm-color-typo-secondary" }, "/", -1)),
+                  d("span", null, D(e(H)(w.totalUnit, !1)), 1),
+                  d("span", null, D(((p = w.measurement) == null ? void 0 : p.abbrev) ?? w.unit.abbrev), 1)
+                ]),
+                d("div", Ft, [
+                  d("span", null, "(#" + D(w.seqNumber) + ")", 1),
+                  f[1] || (f[1] = d("span", null, D(" "), -1)),
+                  d("span", null, D(e(Ve)(new Date(w.date))), 1)
+                ])
+              ]);
+            }), 128))
+          ])
+        ]);
+      }), 128))
+    ]));
+  }
+}), Pt = { class: "flex flex-col gap-8 py-16" }, It = { class: "flex items-center" }, $t = { class: "flex-1 flex gap-1 items-center" }, At = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Dt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Vt = { class: "flex gap-8 w-full" }, Rt = { class: "flex-1 flex flex-col gap-4" }, Ot = { class: "flex-1 flex flex-col gap-4" }, Bt = { class: "flex gap-8 w-full" }, Ut = { class: "flex-1 flex flex-col gap-4" }, Mt = { class: "flex-1 flex flex-col gap-4" }, Et = /* @__PURE__ */ se({
+  __name: "TransferItem",
+  props: {
+    cellByColId: {},
+    comparePriceBySku: {},
+    showComparePrice: { type: Boolean },
+    row: {}
+  },
+  setup(s) {
+    const { t: m } = de();
+    return (l, r) => {
+      var n, w, p, o, i, u, a, _, b, k, h, S, K, E, J, R, z, Q, q, L, G, v, g, O, oe, j, we;
+      const f = P("FmLabel"), t = P("FmSpacer");
+      return T(), A("div", Pt, [
+        d("div", It, [
+          d("div", $t, [
+            d("span", At, " (" + D(l.row.original.sku.code) + ") ", 1),
+            d("span", Dt, D(l.row.original.sku.name), 1)
+          ]),
+          d("div", null, [
+            C(e(ue), {
+              render: (p = (w = (n = l.cellByColId.Delete) == null ? void 0 : n.column) == null ? void 0 : w.columnDef) == null ? void 0 : p.cell,
+              props: (i = (o = l.cellByColId.Delete) == null ? void 0 : o.getContext) == null ? void 0 : i.call(o)
+            }, null, 8, ["render", "props"])
+          ])
+        ]),
+        d("div", Vt, [
+          d("div", Rt, [
+            C(f, {
+              label: e(m)(`inventory.transfer.form.items.table.${e(U).Code}`)
+            }, null, 8, ["label"]),
+            C(e(ue), {
+              render: (_ = (a = (u = l.cellByColId[e(U).Code]) == null ? void 0 : u.column) == null ? void 0 : a.columnDef) == null ? void 0 : _.cell,
+              props: (k = (b = l.cellByColId[e(U).Code]) == null ? void 0 : b.getContext) == null ? void 0 : k.call(b)
+            }, null, 8, ["render", "props"]),
+            r[0] || (r[0] = d("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ]),
+          d("div", Ot, [
+            C(f, {
+              label: e(m)(`inventory.transfer.form.items.table.${e(U).Name}`)
+            }, null, 8, ["label"]),
+            C(e(ue), {
+              render: (K = (S = (h = l.cellByColId[e(U).Name]) == null ? void 0 : h.column) == null ? void 0 : S.columnDef) == null ? void 0 : K.cell,
+              props: (J = (E = l.cellByColId[e(U).Name]) == null ? void 0 : E.getContext) == null ? void 0 : J.call(E)
+            }, null, 8, ["render", "props"]),
+            r[1] || (r[1] = d("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ])
+        ]),
+        d("div", Bt, [
+          d("div", Ut, [
+            C(f, {
+              label: e(m)(`inventory.transfer.form.items.table.${e(U).Amount}`)
+            }, null, 8, ["label"]),
+            C(e(ue), {
+              render: (Q = (z = (R = l.cellByColId[e(U).Amount]) == null ? void 0 : R.column) == null ? void 0 : z.columnDef) == null ? void 0 : Q.cell,
+              props: (L = (q = l.cellByColId[e(U).Amount]) == null ? void 0 : q.getContext) == null ? void 0 : L.call(q)
+            }, null, 8, ["render", "props"]),
+            r[2] || (r[2] = d("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ]),
+          d("div", Mt, [
+            C(We, { "z-index": 50 }, {
+              default: V(() => [
+                C(f, {
+                  label: e(m)(`inventory.transfer.form.items.table.${e(U).Cost}2`)
+                }, null, 8, ["label"])
+              ]),
+              _: 1
+            }),
+            C(e(ue), {
+              render: (g = (v = (G = l.cellByColId[e(U).Cost]) == null ? void 0 : G.column) == null ? void 0 : v.columnDef) == null ? void 0 : g.cell,
+              props: (oe = (O = l.cellByColId[e(U).Cost]) == null ? void 0 : O.getContext) == null ? void 0 : oe.call(O)
+            }, null, 8, ["render", "props"]),
+            r[3] || (r[3] = d("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1))
+          ])
+        ]),
+        l.showComparePrice && Object.keys(l.comparePriceBySku[(j = l.row.original.sku) == null ? void 0 : j._id] ?? {}).length > 0 ? (T(), A(ve, { key: 0 }, [
+          C(t, { class: "h-8" }),
+          C(Ye, {
+            prices: l.comparePriceBySku[(we = l.row.original.sku) == null ? void 0 : we._id]
+          }, null, 8, ["prices"])
+        ], 64)) : Z("", !0)
+      ]);
+    };
+  }
+});
+function ye(s) {
+  return ut.parse(s);
+}
+function Ce(s) {
+  return {
+    _id: s.doc._id,
+    internal: s.type,
+    contactName: s.doc.profile.name,
+    name: s.doc.profile.name,
+    email: s.doc.profile.email,
+    phoneNumber: s.doc.profile.phoneNo,
+    registrationNumber: s.doc.profile.regNo,
+    address: s.doc.profile.address
+  };
+}
+function qt(s, m) {
+  const l = he(), r = Re();
+  r.watchLocation(async () => {
+    await l.readSuppliers();
+    const u = s();
+    if (u.supplier._id) return;
+    const a = l.suppliers[0], _ = r.locations[0];
+    m({
+      ...u,
+      supplier: a ? ye(a) : _ ? Ce(_) : u.supplier
+    });
+  });
+  const f = F(
+    () => {
+      var u, a;
+      return typeof ((a = (u = s()) == null ? void 0 : u.supplier) == null ? void 0 : a.internal) == "string" ? I.TRANSFER : I.PURCHASE;
+    }
+  ), t = F({
+    get() {
+      var u, a;
+      return (a = (u = s()) == null ? void 0 : u.supplier) == null ? void 0 : a._id;
+    },
+    set(u) {
+      const a = s() ?? {};
+      if (f.value === I.PURCHASE) {
+        const k = l.suppliers.find((h) => h._id === u);
+        m({
+          ...a,
+          supplier: k ? ye(k) : a.supplier
+        });
+        return;
+      }
+      const b = r.locations.find((k) => k.doc._id === u);
+      m({
+        ...a,
+        supplier: b ? Ce(b) : a.supplier
+      });
+    }
+  }), n = F(() => l.locationSuppliers.map(ye)), w = F(() => l.businessSuppliers.map(ye)), p = F(() => {
+    var a;
+    const u = ((a = r._currentLocation) == null ? void 0 : a.type) === $e.warehouse;
+    return r.locations.filter((_) => {
+      var k;
+      return !(_.dbName === ((k = r._currentLocation) == null ? void 0 : k.dbName)) && (!u || _.type === $e.warehouse) && _.acceptRequest;
+    }).map(Ce);
+  }), o = F(() => {
+    if (f.value === I.PURCHASE) {
+      const a = n.value.map((b) => ({
+        label: b.name,
+        value: b._id
+      })), _ = w.value.map((b) => ({
+        label: b.name,
+        sublabel: "Business supplier",
+        value: b._id
+      }));
+      return [...a, ..._];
+    }
+    return p.value.map((a) => ({
+      label: a.name,
+      sublabel: a.internal ? `${a.internal}` : void 0,
+      value: a._id
+    }));
+  }), i = F(() => {
+    var b, k;
+    const u = (k = (b = s()) == null ? void 0 : b.supplier) == null ? void 0 : k._id;
+    if (f.value === I.PURCHASE) {
+      const h = l.suppliers.find((S) => S._id === u);
+      return h ? ye(h) : null;
+    }
+    const _ = r.locations.find((h) => h.doc._id);
+    return _ ? Ce(_) : null;
+  });
+  return {
+    transferLocationModel: t,
+    transferLocationOptions: o,
+    locationOptionsTypePurchase: n,
+    locationOptionsTypeTransfer: p,
+    selectedLocation: i
+  };
+}
+function Lt(s) {
+  const m = F({
+    get() {
+      const t = s.getEffectiveAt();
+      return t ? new Date(t) : null;
+    },
+    set(t) {
+      s.setEffectiveAt((t == null ? void 0 : t.toISOString()) ?? null);
+    }
+  }), l = F({
+    get() {
+      return !!m.value;
+    },
+    set(t) {
+      t ? m.value = /* @__PURE__ */ new Date() : m.value = null;
+    }
+  }), r = F({
+    get() {
+      return m.value === null ? "" : Ve(m.value);
+    },
+    set(t) {
+      t ? m.value = /* @__PURE__ */ new Date(`${t} ${f.value}`) : m.value = null;
+    }
+  }), f = F({
+    get() {
+      return m.value === null ? "" : dt(m.value);
+    },
+    set(t) {
+      t ? m.value = /* @__PURE__ */ new Date(`${r.value} ${t}`) : m.value = null;
+    }
+  });
+  return {
+    backdatePo: m,
+    backdateSwitch: l,
+    backdateModel: r,
+    backdateTimeModel: f
+  };
+}
+const Nt = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Ht = ["fill"], zt = ["fill"], jt = ["stroke"], Wt = ["stroke"], Yt = /* @__PURE__ */ se({
+  __name: "SparkIcon",
+  props: {
+    size: {
+      type: Number,
+      default: 24
+    },
+    color: {
+      type: String,
+      default: "#c7c7cc"
+    }
+  },
+  setup(s) {
+    return (m, l) => (T(), A("svg", Nt, [
+      d("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: s.color
+      }, null, 8, Ht),
+      d("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: s.color
+      }, null, 8, zt),
+      d("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: s.color,
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, null, 8, jt),
+      d("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: s.color,
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, null, 8, Wt)
+    ]));
+  }
+}), Zt = { class: "flex gap-8 items-center" }, Kt = { class: "fm-typo-en-body-lg-600 line-clamp-1" }, Qt = { class: "w-[343px] px-24 py-16 rounded-lg shadow-light-300 flex flex-col gap-[20px]" }, Gt = { class: "flex items-center w-full" }, Jt = { class: "flex-1" }, Xt = { class: "fm-typo-en-title-sm-800" }, es = { class: "flex items-start gap-8" }, ts = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ss = { class: "flex gap-1" }, Ee = /* @__PURE__ */ se({
+  __name: "ForecastStock",
+  props: {
+    disabled: { type: Boolean }
+  },
+  emits: ["update:poItems"],
+  setup(s, { emit: m }) {
+    const l = m, r = M(!1), f = M(7), t = bt(), n = De(), w = Oe(), { t: p } = de();
+    async function o() {
+      if (f.value < 1)
+        return;
+      r.value = !1, await t.readPurchaseOrder(f.value);
+      const i = [];
+      if (t.purchaseOrderForecast.skus.length <= 0) {
+        n.open({
+          message: p("inventory.transfer.form.items.forecastStock.notAvailable"),
+          type: "info"
+        });
+        return;
+      }
+      const u = t.purchaseOrderForecast.skus.reduce((a, _) => {
+        const b = w.skus.find((S) => S._id === _.id);
+        if (a.find((S) => S.sku._id === _.id) || !b)
+          return a;
+        const h = {
+          sku: b,
+          code: b.code,
+          name: b.name,
+          quantity: {
+            amount: _.amount,
+            precision: 0
+          }
+        };
+        return a.push(h), a;
+      }, i);
+      l("update:poItems", u);
+    }
+    return (i, u) => {
+      const a = P("FmButton"), _ = P("FmIcon"), b = P("FmStepperField"), k = P("FmPopover");
+      return T(), N(k, {
+        disabled: i.disabled,
+        class: "flex",
+        "show-popover": r.value,
+        onPopoverChanged: u[3] || (u[3] = (h) => r.value = h)
+      }, {
+        "popover-button": V(() => [
+          C(a, {
+            label: "unused",
+            variant: "secondary",
+            "text-color": i.disabled ? "disabled" : "primary",
+            "bg-color": "transparent",
+            "border-color": i.disabled ? "disabled" : "primary",
+            disabled: i.disabled
+          }, {
+            default: V(() => [
+              d("div", Zt, [
+                C(Yt, {
+                  size: 24,
+                  color: i.disabled ? "#c7c7cc" : "#ff7823"
+                }, null, 8, ["color"]),
+                d("div", Kt, D(e(p)("inventory.transfer.form.items.forecastStock.title")), 1)
+              ])
+            ]),
+            _: 1
+          }, 8, ["text-color", "border-color", "disabled"])
+        ]),
+        default: V(() => [
+          d("div", Qt, [
+            d("div", Gt, [
+              d("div", Jt, [
+                C(_t, { "z-index": 99 }, {
+                  default: V(() => [
+                    d("p", Xt, D(e(p)("inventory.transfer.form.items.forecastStock.title")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              C(a, {
+                icon: "close",
+                size: "md",
+                variant: "tertiary",
+                onClick: u[0] || (u[0] = (h) => r.value = !1)
+              })
+            ]),
+            C(b, {
+              modelValue: f.value,
+              "onUpdate:modelValue": u[1] || (u[1] = (h) => f.value = h),
+              label: e(p)("inventory.transfer.form.items.forecastStock.days"),
+              rules: [e(ke)(1)]
+            }, {
+              "helper-text": V(() => [
+                d("div", es, [
+                  C(_, {
+                    name: "warning",
+                    size: "sm",
+                    class: "text-fm-color-system-warning-300"
+                  }),
+                  d("div", ts, D(e(p)("inventory.transfer.form.items.forecastStock.replace")), 1)
+                ])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "label", "rules"]),
+            d("div", ss, [
+              u[4] || (u[4] = d("div", { class: "grow" }, null, -1)),
+              C(a, {
+                label: e(p)("common.cancel"),
+                variant: "tertiary",
+                onClick: u[2] || (u[2] = (h) => r.value = !1)
+              }, null, 8, ["label"]),
+              C(a, {
+                label: e(p)("inventory.transfer.form.items.forecastStock.generate"),
+                onClick: o
+              }, null, 8, ["label"])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled", "show-popover"]);
+    };
+  }
+});
+function os() {
+  const s = De(), m = Ne(), l = M(!1);
+  Ae(l, (n) => {
+    n && (f.value = !0, r().finally(() => {
+      f.value = !1;
+    }));
+  });
+  async function r() {
+    try {
+      const { startDate: n, endDate: w } = ct(6), i = (await m.getPurchaseOrders({ start: n, end: w })).filter(
+        (u) => {
+          var a, _;
+          return u.status === pt.enum.COMPLETE && ((a = u.supplier) == null ? void 0 : a.internal) !== "warehouse" && ((_ = u.supplier) == null ? void 0 : _.internal) !== "restaurant";
+        }
+      ).reduce((u, a) => {
+        const _ = new Date(mt(a._id)), b = a.supplier._id;
+        for (const k of a.items) {
+          if (!k.totalCost) continue;
+          const h = u[k.sku._id] ?? {}, S = h[b] ?? [];
+          S.push({
+            date: _.toISOString(),
+            totalUnit: k.quantity,
+            totalCost: k.totalCost,
+            unit: k.sku.unit,
+            measurement: k.measurement,
+            seqNumber: a.seqNumber
+          }), h[b] = S, u[k.sku._id] = h;
+        }
+        return u;
+      }, {});
+      t.value = i;
+    } catch {
+      s.open({
+        title: "Something went wrong",
+        message: "Cannot retrieve supplier purchase history. Please try again."
+      }), l.value = !1;
+    }
+  }
+  const f = M(!1), t = M({});
+  return {
+    comparePricesToggle: l,
+    comparePriceFetching: f,
+    comparePriceBySku: t
+  };
+}
+const ns = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, as = { key: 0 }, ls = ["colspan"], rs = /* @__PURE__ */ se({
+  __name: "TransferItemTable",
+  props: {
+    row: {},
+    comparePriceBySku: {},
+    showComparePrice: { type: Boolean }
+  },
+  setup(s) {
+    function m(l) {
+      return l.column.columnDef.meta;
+    }
+    return (l, r) => {
+      var f, t;
+      return T(), A(ve, null, [
+        d("tr", {
+          class: Pe(["border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm", {
+            "bg-fm-color-neutral-gray-100": l.row.getIsSelected()
+          }])
+        }, [
+          (T(!0), A(ve, null, Fe(l.row.getVisibleCells(), (n) => {
+            var w, p, o, i;
+            return T(), A("td", {
+              key: n.id,
+              class: Pe([
+                "h-[52px] px-16 text-fm-color-typo-primary",
+                ((w = m(n)) == null ? void 0 : w.cellClass) ?? "px-16"
+              ]),
+              style: Ze({
+                width: (p = m(n)) == null ? void 0 : p.width,
+                maxWidth: (o = m(n)) == null ? void 0 : o.maxWidth,
+                textAlign: ((i = m(n)) == null ? void 0 : i.textAlign) ?? "left"
+              })
+            }, [
+              d("span", ns, [
+                C(e(ue), {
+                  render: n.column.columnDef.cell,
+                  props: n.getContext()
+                }, null, 8, ["render", "props"])
+              ])
+            ], 6);
+          }), 128))
+        ], 2),
+        l.showComparePrice && Object.keys(l.comparePriceBySku[(f = l.row.original.sku) == null ? void 0 : f._id] ?? {}).length > 0 ? (T(), A("tr", as, [
+          d("td", {
+            colspan: l.row.getVisibleCells().length
+          }, [
+            C(Ye, {
+              prices: l.comparePriceBySku[(t = l.row.original.sku) == null ? void 0 : t._id]
+            }, null, 8, ["prices"])
+          ], 8, ls)
+        ])) : Z("", !0)
+      ], 64);
+    };
+  }
+}), is = { class: "flex flex-col gap-4" }, us = { class: "flex items-center gap-8 overflow-x-auto pb-12" }, ds = { class: "flex flex-col gap-16" }, cs = { class: "flex flex-col gap-24" }, ps = {
+  key: 0,
+  class: "p-16 border border-fm-color-neutral-gray-300 fm-corner-radius-md flex flex-col"
+}, ms = { class: "flex xs:flex-col sm:flex-col" }, fs = {
+  key: 0,
+  class: "flex-1 flex gap-8 h-48 xs:flex-col xs:pt-16 sm:flex-col sm:pt-16"
+}, ys = { class: "flex-1" }, vs = { class: "flex-1" }, bs = {
+  key: 1,
+  class: "flex items-center gap-4"
+}, gs = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary translate-y-[1px]" }, _s = { class: "flex flex-col gap-16" }, Cs = { class: "flex sm:flex-col xs:flex-col gap-16 items-center xs:items-start sm:items-start" }, ks = { class: "flex-1 gap-8 fm-typo-en-title-sm-800" }, hs = { class: "flex gap-8" }, ws = {
+  key: 0,
+  class: "xs:w-full"
+}, xs = /* @__PURE__ */ se({
+  __name: "TransferForm2",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean },
+    suppliers: {},
+    skus: {},
+    lastClosingDate: {}
+  },
+  emits: ["validation-success", "form:ready"],
+  setup(s, { expose: m, emit: l }) {
+    const r = s, f = l, t = ht(), { t: n } = de(), w = Re(), p = Oe(), o = he(), i = He(), u = Xe(), a = F(
+      () => u.templates.value.find((c) => c._id === t.template)
+    ), _ = F(() => t.status === "DRAFT" || !t._rev);
+    Le(async () => {
+      try {
+        if (!t.template) return;
+        await u.loadTemplate(t.template);
+      } finally {
+        f("form:ready");
+      }
+    });
+    const b = F(
+      () => w.currentLocation.type === $e.restaurant
+    );
+    w.watchLocation(async () => {
+      location && (t.supplier || (t.supplier = o.suppliers.find((c) => c) ?? t.supplier));
+    });
+    const k = Ge(), h = qt(
+      () => t,
+      (c) => {
+        Object.assign(t, c);
+      }
+    ), S = F({
+      get() {
+        var c;
+        return typeof ((c = t == null ? void 0 : t.supplier) == null ? void 0 : c.internal) == "string" ? I.TRANSFER : I.PURCHASE;
+      },
+      set(c) {
+        var W;
+        const y = typeof ((W = t == null ? void 0 : t.supplier) == null ? void 0 : W.internal) == "string" ? I.TRANSFER : I.PURCHASE;
+        c !== y && (t.supplier = c === I.PURCHASE ? h.locationOptionsTypePurchase.value[0] : h.locationOptionsTypeTransfer.value[0]);
+      }
+    }), K = F(() => h.transferLocationOptions.value), E = F({
+      get() {
+        return t.supplier._id;
+      },
+      set(c) {
+        h.transferLocationModel.value = c;
+      }
+    }), J = F({
+      get() {
+        return t.remark ?? void 0;
+      },
+      set(c) {
+        t.remark = c;
+      }
+    }), { backdatePo: R, backdateSwitch: z, backdateModel: Q, backdateTimeModel: q } = Lt({
+      getEffectiveAt() {
+        return t.effectiveAt;
+      },
+      setEffectiveAt(c) {
+        t.effectiveAt = c;
+      }
+    }), { comparePricesToggle: L, comparePriceFetching: G, comparePriceBySku: v } = os(), g = M();
+    m({
+      validateInputs: () => {
+        var c, y;
+        (y = (c = g.value) == null ? void 0 : c.validateInputs) == null || y.call(c);
+      },
+      resetInputsValidation: () => {
+        var c, y;
+        (y = (c = g.value) == null ? void 0 : c.resetInputsValidation) == null || y.call(c);
+      },
+      resetInputs: () => {
+        var c, y;
+        (y = (c = g.value) == null ? void 0 : c.resetInputs) == null || y.call(c);
+      }
+    });
+    const O = kt({
+      updateItem: (c) => {
+        t.items = t.items.map((y) => y.sku._id !== c.sku._id ? y : c);
+      },
+      deleteItem: (c) => {
+        t.items = t.items.filter((y) => y.sku._id !== c.sku._id);
+      },
+      get supplier() {
+        return t.supplier;
+      },
+      get items() {
+        return t.items;
+      },
+      get transferType() {
+        return S.value;
+      },
+      get template() {
+        return a.value;
+      },
+      get disabled() {
+        return r.disabled;
+      }
+    }), oe = F(() => O.columnDefs.value);
+    function j() {
+      var be, pe, ge;
+      let c;
+      (($) => {
+        $.IsInTemplate = "IsInTemplate", $.IsOutsideTemplate = "IsOutsideTemplate";
+      })(c || (c = {}));
+      const y = [
+        {
+          id: "IsInTemplate",
+          label: n("inventory.transfer.form.items.fromTemplate.title"),
+          sublabel: n("inventory.transfer.form.items.fromTemplate.sublabel")
+        },
+        {
+          id: "IsOutsideTemplate",
+          label: n("inventory.transfer.form.items.other.title"),
+          collapse: !0
+        }
+      ], W = new Set((ge = (pe = (be = a.value) == null ? void 0 : be.purchaseOrder) == null ? void 0 : pe.items) == null ? void 0 : ge.map(($) => $.sku._id)), ce = p.skus.map(
+        ($) => ({
+          label: $.name,
+          sublabel: $.code,
+          value: $,
+          groupId: W.has($._id) ? "IsInTemplate" : "IsOutsideTemplate"
+          /* IsOutsideTemplate */
+        })
+      ), xe = ce.filter(($) => {
+        var X;
+        return (X = t.items) == null ? void 0 : X.find((ne) => ne.sku._id === $.value._id);
+      }).map(($) => $.value);
+      k.open({
+        title: n("inventory.transfer.form.items.selectItem"),
+        closeButton: !0,
+        contentComponent: vt,
+        contentComponentProps: {
+          modelValue: xe,
+          items: ce,
+          groups: W.size ? y : void 0
+        },
+        primaryActions: {
+          text: n("common.confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: n("common.close"),
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary(($) => {
+        const X = t.items ?? [], ne = $.map((Y) => {
+          var _e, me;
+          const ae = X.find((le) => le.sku._id === Y._id);
+          if (ae)
+            return ae;
+          const ee = ((me = (_e = a.value) == null ? void 0 : _e.purchaseOrder.items) == null ? void 0 : me.find(
+            (le) => le.sku._id === Y._id
+          )) ?? {
+            sku: Y,
+            code: Y.code,
+            name: Y.name,
+            quantity: {
+              amount: 1,
+              precision: 0
+            }
+          };
+          return S.value == I.PURCHASE && (ee.totalCost = te(
+            ee.sku,
+            ee.quantity,
+            ee.measurement,
+            {
+              supplier: t.supplier
+            }
+          )), ee;
+        });
+        ne.sort((Y, ae) => Y.sku.code.localeCompare(ae.sku.code)), t.items = ne;
+      });
+    }
+    function we(c) {
+      return c;
+    }
+    return (c, y) => {
+      var me, le;
+      const W = P("FmChip"), ce = P("FmSelect"), xe = P("FmTextField"), be = P("FmTextarea"), pe = P("FmSwitch"), ge = P("FmDatePicker"), $ = P("FmTimePicker"), X = P("FmFormGroup"), ne = P("FmIcon"), Y = P("FmButton"), ae = P("FmTooltip"), ee = P("FmTable"), _e = P("FmForm");
+      return T(), A("div", is, [
+        d("div", us, [
+          (me = r.modelValue) != null && me.template ? (T(), N(W, {
+            key: 0,
+            variant: c.disabled ? "warning" : void 0,
+            label: `${e(n)("inventory.transfer.template.title")}: ${((le = a.value) == null ? void 0 : le.name) ?? e(n)("inventory.transfer.form.loading")}`,
+            icon: "summarize",
+            compact: ""
+          }, null, 8, ["variant", "label"])) : Z("", !0),
+          C(W, {
+            label: e(w).currentLocation.name,
+            icon: "storefront",
+            compact: ""
+          }, null, 8, ["label"]),
+          c.lastClosingDate ? (T(), N(W, {
+            key: 1,
+            label: `${e(n)("inventory.transfer.form.lastClosing")}: ${e(Ve)(c.lastClosingDate)} ${e(ft)(c.lastClosingDate)}`,
+            icon: "calendar_month",
+            compact: ""
+          }, null, 8, ["label"])) : Z("", !0)
+        ]),
+        C(_e, {
+          ref_key: "formRef",
+          ref: g,
+          class: "flex flex-col gap-32",
+          disabled: c.disabled,
+          onValidationFailed: console.log,
+          onValidationSuccess: y[12] || (y[12] = (Se) => f("validation-success"))
+        }, {
+          default: V(() => {
+            var Se;
+            return [
+              d("div", ds, [
+                d("div", cs, [
+                  C(ce, {
+                    label: e(n)("inventory.transfer.form.type.title"),
+                    "model-value": S.value,
+                    "onUpdate:modelValue": y[0] || (y[0] = (x) => S.value = x),
+                    items: [
+                      {
+                        label: e(n)("inventory.transfer.form.type.purchase"),
+                        value: e(I).PURCHASE,
+                        disabled: !e(h).locationOptionsTypePurchase.value.length,
+                        sublabel: e(h).locationOptionsTypePurchase.value.length ? void 0 : e(n)("inventory.transfer.form.noSupplierAvailable")
+                      },
+                      {
+                        label: e(n)("inventory.transfer.form.type.transfer"),
+                        value: e(I).TRANSFER,
+                        disabled: !e(h).locationOptionsTypeTransfer.value.length,
+                        sublabel: e(h).locationOptionsTypeTransfer.value.length ? void 0 : e(n)("inventory.transfer.form.noLocationAvailable")
+                      }
+                    ],
+                    rules: [e(ke)(1)(K.value)]
+                  }, null, 8, ["label", "model-value", "items", "rules"]),
+                  C(ce, {
+                    label: S.value === e(I).PURCHASE ? e(n)("inventory.transfer.form.purchaseFrom") : e(n)("inventory.transfer.form.transferFrom"),
+                    modelValue: E.value,
+                    "onUpdate:modelValue": y[1] || (y[1] = (x) => E.value = x),
+                    items: K.value
+                  }, null, 8, ["label", "modelValue", "items"]),
+                  C(xe, {
+                    label: e(n)("inventory.transfer.form.reference"),
+                    "label-mark": "optional",
+                    modelValue: e(t).ref,
+                    "onUpdate:modelValue": y[2] || (y[2] = (x) => e(t).ref = x)
+                  }, null, 8, ["label", "modelValue"]),
+                  C(be, {
+                    label: e(n)("inventory.transfer.form.remark"),
+                    "label-mark": "optional",
+                    "max-length": 240,
+                    modelValue: J.value,
+                    "onUpdate:modelValue": y[3] || (y[3] = (x) => J.value = x),
+                    class: Pe([c.disabled ? "text-fm-color-typo-disabled " : ""])
+                  }, null, 8, ["label", "modelValue", "class"]),
+                  e(i).enableBackdatePo ? (T(), A("div", ps, [
+                    d("div", ms, [
+                      C(pe, {
+                        modelValue: e(z),
+                        "onUpdate:modelValue": y[4] || (y[4] = (x) => ie(z) ? z.value = x : null),
+                        label: e(n)("inventory.transfer.form.backdate.title"),
+                        sublabel: e(n)("inventory.transfer.form.backdate.subtitle"),
+                        "label-placement": "right",
+                        disabled: b.value && !c.lastClosingDate || c.disabled
+                      }, null, 8, ["modelValue", "label", "sublabel", "disabled"]),
+                      y[13] || (y[13] = d("div", { class: "xs:hidden sm:hidden h-48 lg:w-16 md:w-16" }, null, -1)),
+                      e(z) ? (T(), A("div", fs, [
+                        d("div", ys, [
+                          C(ge, {
+                            modelValue: e(Q),
+                            "onUpdate:modelValue": y[5] || (y[5] = (x) => ie(Q) ? Q.value = x : null)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        d("div", vs, [
+                          C($, {
+                            modelValue: e(q),
+                            "onUpdate:modelValue": y[6] || (y[6] = (x) => ie(q) ? q.value = x : null)
+                          }, null, 8, ["modelValue"])
+                        ])
+                      ])) : Z("", !0)
+                    ]),
+                    e(R) ? (T(), N(X, {
+                      key: 0,
+                      modelValue: e(R),
+                      "onUpdate:modelValue": y[7] || (y[7] = (x) => ie(R) ? R.value = x : null),
+                      rules: [e(yt)(new Date(c.lastClosingDate), /* @__PURE__ */ new Date())]
+                    }, null, 8, ["modelValue", "rules"])) : Z("", !0),
+                    b.value && !c.lastClosingDate ? (T(), A("div", bs, [
+                      C(ne, {
+                        name: "error",
+                        size: "sm",
+                        class: "text-fm-color-typo-warning"
+                      }),
+                      d("span", gs, D(e(n)("inventory.transfer.form.backdate.error")), 1)
+                    ])) : Z("", !0)
+                  ])) : Z("", !0)
+                ])
+              ]),
+              d("div", _s, [
+                C(X, {
+                  "model-value": e(t).items,
+                  rules: [e(ke)(1)]
+                }, null, 8, ["model-value", "rules"]),
+                d("div", Cs, [
+                  d("div", ks, D(e(n)("inventory.transfer.form.items.title")), 1),
+                  d("div", hs, [
+                    C(Y, {
+                      disabled: c.disabled,
+                      label: e(n)("inventory.transfer.form.items.addItem"),
+                      "prepend-icon": "add",
+                      variant: "secondary",
+                      "text-color": "primary",
+                      "bg-color": "transparent",
+                      "border-color": "primary",
+                      onClick: y[8] || (y[8] = (x) => j()),
+                      size: "md"
+                    }, null, 8, ["disabled", "label"]),
+                    e(t).template ? (T(), N(ae, {
+                      key: 0,
+                      "z-index": 50
+                    }, {
+                      content: V(() => [
+                        d("div", null, D(e(n)("inventory.transfer.form.items.forecastStock.notAvailable")), 1)
+                      ]),
+                      default: V(() => [
+                        C(Ee, {
+                          "onUpdate:poItems": y[9] || (y[9] = (x) => e(t).items = x),
+                          disabled: ""
+                        })
+                      ]),
+                      _: 1
+                    })) : (T(), N(Ee, {
+                      key: 1,
+                      "onUpdate:poItems": y[10] || (y[10] = (x) => e(t).items = x),
+                      disabled: c.disabled || !!e(t).template
+                    }, null, 8, ["disabled"]))
+                  ])
+                ]),
+                S.value === e(I).PURCHASE && _.value && e(i).enableTotalCost && ((Se = c.modelValue) != null && Se.items.length) ? (T(), A("div", ws, [
+                  C(pe, {
+                    label: e(G) ? e(n)("inventory.transfer.form.items.fetchingData") : e(n)("inventory.transfer.form.items.comparePriceHistory"),
+                    "prepend-icon": "compare_arrows",
+                    "label-placement": "right",
+                    "model-value": e(L),
+                    "onUpdate:modelValue": y[11] || (y[11] = (x) => ie(L) ? L.value = x : null),
+                    disabled: e(G) || c.disabled
+                  }, null, 8, ["label", "model-value", "disabled"])
+                ])) : Z("", !0),
+                (T(), N(ee, {
+                  "column-defs": oe.value,
+                  "row-data": e(t).items,
+                  key: e(t).items.map((x) => x.sku._id).join("."),
+                  "hide-footer": ""
+                }, {
+                  "table-row": V((x) => [
+                    C(rs, {
+                      "compare-price-by-sku": e(v),
+                      "show-compare-price": S.value === e(I).PURCHASE && e(L),
+                      row: x
+                    }, null, 8, ["compare-price-by-sku", "show-compare-price", "row"])
+                  ]),
+                  "list-row": V((x) => [
+                    (T(), N(gt, {
+                      row: x,
+                      key: e(t).items.map((Te) => Te.sku._id).join(".")
+                    }, {
+                      default: V((Te) => [
+                        C(Et, {
+                          "compare-price-by-sku": e(v),
+                          "show-compare-price": S.value === e(I).PURCHASE && e(L),
+                          row: x,
+                          "cell-by-col-id": Te
+                        }, null, 8, ["compare-price-by-sku", "show-compare-price", "row", "cell-by-col-id"])
+                      ]),
+                      _: 2
+                    }, 1032, ["row"]))
+                  ]),
+                  _: 1
+                }, 8, ["column-defs", "row-data"]))
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["disabled", "onValidationFailed"])
+      ]);
+    };
+  }
+}), Ss = { class: "flex items-center" }, Ts = { class: "fm-typo-en-title-md-800" }, Fs = { class: "flex gap-4" }, Es = /* @__PURE__ */ se({
+  __name: "TransferDialog",
+  props: {
+    mode: {},
+    modelValue: {},
+    templateId: {},
+    show: { type: Boolean },
+    lastClosingDate: {}
+  },
+  emits: ["update:show", "submitted"],
+  setup(s, { expose: m, emit: l }) {
+    var G;
+    const r = s, f = l, t = Ne(), n = De(), w = he(), p = Oe(), o = Re(), { t: i } = de(), u = M(!1), a = M(!1), _ = M(!1);
+    async function b(v) {
+      if (v) {
+        a.value = !1;
+        try {
+          await w.readSuppliers(), a.value = !0;
+        } catch {
+          n.open({
+            title: i("inventory.transfer.form.unableToFetchListOfSuppliers.title"),
+            message: i("inventory.transfer.form.unableToFetchListOfSuppliers.message"),
+            type: "error"
+          });
+        }
+      }
+    }
+    o.watchLocation(b);
+    function k() {
+      return {
+        remark: void 0,
+        ref: void 0,
+        stockSnapshotId: void 0,
+        effectiveAt: void 0,
+        items: [],
+        supplier: {
+          _rev: void 0,
+          email: void 0,
+          internal: void 0,
+          contactName: void 0,
+          phoneNumber: void 0,
+          registrationNumber: void 0,
+          supplyItems: void 0,
+          _id: "",
+          name: "",
+          address: {
+            line2: void 0,
+            line1: "",
+            state: "",
+            city: "",
+            postcode: "",
+            country: ""
+          }
+        },
+        status: "DRAFT",
+        _id: "",
+        seqNumber: 0,
+        deliveryOrder: [],
+        template: r.templateId
+      };
+    }
+    const h = Je(r, "show"), S = M(r.modelValue ?? k()), K = M(((G = r.modelValue) == null ? void 0 : G._id) ?? `${Math.random()}`);
+    Ae(
+      () => r.show,
+      (v) => {
+        var g;
+        v && (_.value = !1, S.value = r.modelValue ?? k(), K.value = ((g = r.modelValue) == null ? void 0 : g._id) ?? `${Math.random()}`);
+      }
+    );
+    const E = F(() => !a.value || !_.value), J = F(() => {
+      switch (r.mode) {
+        case fe.READ:
+          return "View transfer";
+        case fe.CREATE:
+          return i("inventory.transfer.receiveRequest.create.title");
+        case fe.UPDATE:
+          return i("inventory.transfer.receiveRequest.update.title");
+      }
+      return "";
+    }), R = M();
+    m({
+      validateInputs: () => {
+        var v, g;
+        (g = (v = R.value) == null ? void 0 : v.validateInputs) == null || g.call(v);
+      },
+      resetInputsValidation: () => {
+        var v, g;
+        (g = (v = R.value) == null ? void 0 : v.resetInputsValidation) == null || g.call(v);
+      },
+      resetInputs: () => {
+        var v, g;
+        (g = (v = R.value) == null ? void 0 : v.resetInputs) == null || g.call(v);
+      }
+    });
+    async function z() {
+      const v = S.value;
+      u.value = !0, (v.supplier.internal === "warehouse" || v.supplier.internal === "restaurant") && (v.items = v.items.map(({ totalCost: g, ...O }) => O));
+      try {
+        await t.createPurchaseOrder(v), await new Promise((g) => setTimeout(g, 1e3)), n.open({
+          title: i("inventory.transfer.receiveRequest.create.success"),
+          message: i("inventory.transfer.receiveRequest.create.successMessage"),
+          type: "success"
+        }), f("update:show", !1), f("submitted");
+      } catch (g) {
+        n.open({
+          title: i("inventory.transfer.receiveRequest.create.error.title"),
+          message: i("inventory.transfer.receiveRequest.create.error.message"),
+          type: "error"
+        }), console.error("Error in creating purchase order", g);
+      } finally {
+        u.value = !1;
+      }
+    }
+    async function Q() {
+      const v = S.value;
+      u.value = !0, (v.supplier.internal === "warehouse" || v.supplier.internal === "restaurant") && (v.items = v.items.map(({ totalCost: g, ...O }) => O));
+      try {
+        await t.updatePurchaseOrder(v), await new Promise((g) => setTimeout(g, 1e3)), n.open({
+          title: i("inventory.transfer.receiveRequest.update.success"),
+          message: i("inventory.transfer.receiveRequest.update.successMessage"),
+          type: "success"
+        }), f("update:show", !1), f("submitted");
+      } catch (g) {
+        n.open({
+          title: i("inventory.transfer.receiveRequest.update.error.title"),
+          message: i("inventory.transfer.receiveRequest.update.error.message"),
+          type: "error"
+        }), console.error("Error in updating purchase order", g);
+      } finally {
+        u.value = !1;
+      }
+    }
+    function q() {
+      switch (r.mode) {
+        case fe.CREATE:
+          return z();
+        case fe.UPDATE:
+          return Q();
+      }
+    }
+    function L() {
+      var v, g;
+      (g = (v = R.value) == null ? void 0 : v.validateInputs) == null || g.call(v);
+    }
+    return (v, g) => {
+      const O = P("FmButton"), oe = P("FmSideSheet");
+      return T(), N(oe, {
+        modelValue: e(h),
+        "onUpdate:modelValue": g[3] || (g[3] = (j) => ie(h) ? h.value = j : null),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 900
+      }, {
+        "side-sheet-header": V(() => [
+          d("div", Ss, [
+            d("div", Ts, D(J.value), 1)
+          ])
+        ]),
+        default: V(() => [
+          (T(), N(xs, {
+            class: "w-full",
+            ref_key: "formRef",
+            ref: R,
+            "onForm:ready": g[0] || (g[0] = () => _.value = !0),
+            onValidationSuccess: q,
+            modelValue: S.value,
+            "onUpdate:modelValue": g[1] || (g[1] = (j) => S.value = j),
+            disabled: u.value || E.value,
+            suppliers: e(w).suppliers,
+            skus: e(p).skus,
+            key: K.value,
+            "last-closing-date": v.lastClosingDate
+          }, null, 8, ["modelValue", "disabled", "suppliers", "skus", "last-closing-date"]))
+        ]),
+        "side-sheet-footer": V(() => [
+          d("div", Fs, [
+            C(O, {
+              loading: u.value,
+              disabled: E.value,
+              label: e(i)("common.save"),
+              onClick: L
+            }, null, 8, ["loading", "disabled", "label"]),
+            C(O, {
+              disabled: E.value,
+              variant: "tertiary",
+              label: e(i)("common.close"),
+              onClick: g[2] || (g[2] = (j) => f("update:show", !1))
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  Es as _,
+  te as c,
+  ht as d,
+  qt as u
+};