@feedmepos/mf-inventory-portal 0.0.19-dev.10 → 0.0.19-dev.11

package/dist/TransferDialog.vue_vue_type_script_setup_true_lang-COVncBoC.js

@@ -0,0 +1,1676 @@
+import { reactive as je, onMounted as Ke, computed as F, h as U, getCurrentInstance as Le, watch as Ue, defineComponent as ne, openBlock as S, createElementBlock as A, Fragment as be, renderList as Ae, createElementVNode as p, toDisplayString as I, unref as e, resolveComponent as P, createVNode as k, withCtx as O, createCommentVNode as Z, ref as V, createBlock as N, normalizeClass as Ie, normalizeStyle as tt, isRef as ce } from "vue";
+import { useBreakpoints as ot, components as oe, FmButtonVariant as Ve, useSnackbar as Se, useDialog as Ye, useProxiedModel as st } from "@feedmepos/ui-library";
+import { F as ae, D as Ne, R as ve } from "./row-action.enum-PMKMRrZR.js";
+import { P as $, u as at, f as nt, b as We } from "./purchase-order-transaction-type-CMIu0jrP.js";
+import { a as Q, t as rt, a2 as Oe, D as lt, b as Ze, R as qe, $ as it, a0 as ut, r as ct, G as Qe, l as dt, A as Be, M as pt, a3 as Ge, c as Te, a6 as mt, O as Ee, P as Re, a7 as ft, j as G, a8 as yt, u as Me, n as vt, a9 as bt, aa as ht, ab as _t, E as gt, ac as Ct, y as kt } from "./app-B1MZZxUg.js";
+import { _ as Je, u as wt } from "./PremiumBadge.vue_vue_type_script_setup_true_lang-CL0RBLOF.js";
+import { useI18n as pe } from "@feedmepos/mf-common";
+import "vue-router";
+import { u as xe } from "./supplier-IDQmZ4VM.js";
+import { F as de, c as Tt, _ as St } from "./layout-BJjS48J5.js";
+import { _ as xt } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
+import { defineStore as Pt } from "pinia";
+function se(t, m, a, i) {
+  var d, v, l;
+  if (i != null && i.manualTotalCost)
+    return i == null ? void 0 : i.manualTotalCost;
+  const f = (l = (v = (d = i == null ? void 0 : i.supplier) == null ? void 0 : d.supplyItems) == null ? void 0 : v.find(
+    (b) => b.skuId === t._id
+  )) == null ? void 0 : l.defaultCost, o = t.defaultCost, n = f ?? o, g = n == null ? void 0 : n.costPerUnit, c = g ? n != null && n.measurement ? +Q(g) / +Q(n == null ? void 0 : n.measurement.conversion) : +Q(g) : void 0, r = c ? a ? c * +Q(a.conversion) : c : void 0, u = r ? +Q(m) * r : void 0;
+  return u ? {
+    ...rt(u ?? 0, 2),
+    currency: Oe()
+  } : {
+    amount: 0,
+    precision: 0,
+    currency: Oe()
+  };
+}
+var B = /* @__PURE__ */ ((t) => (t.Code = "Code", t.Name = "Name", t.Amount = "Amount", t.Cost = "Cost", t.Delete = "Delete", t))(B || {});
+const Ft = () => {
+  const { t } = pe();
+  return U(
+    Je,
+    {
+      zIndex: 50,
+      class: "whitespace-nowrap"
+    },
+    t("inventory.transfer.form.items.table.Cost", [Ge()])
+  );
+};
+function $t(t) {
+  const { t: m } = pe(), a = je({}), { breakpoints: i } = ot(), f = Ze();
+  Ke(() => {
+    for (const c of t.items) {
+      if (!c.totalCost)
+        continue;
+      const r = se(c.sku, c.quantity, c.measurement, {
+        supplier: t.supplier
+      }), u = c.totalCost ?? lt.reset();
+      r ? a[c.sku._id] = r.amount !== u.amount || r.precision !== u.precision : a[c.sku._id] = !0;
+    }
+  });
+  function o(c) {
+    var u, s, d, v, l, b, w;
+    return !!(((s = (u = c.defaultCost) == null ? void 0 : u.costPerUnit) == null ? void 0 : s.amount) ?? ((w = (b = (l = (v = (d = t.supplier) == null ? void 0 : d.supplyItems) == null ? void 0 : v.find((x) => x.skuId === c._id)) == null ? void 0 : l.defaultCost) == null ? void 0 : b.costPerUnit) == null ? void 0 : w.amount));
+  }
+  const n = [
+    {
+      id: "Code",
+      header: () => m("inventory.transfer.form.items.table.Code"),
+      accessorKey: "code",
+      size: 96,
+      cell(c) {
+        const r = c.row.original;
+        return U(oe.FmTextField, {
+          modelValue: r.code,
+          "onUpdate:modelValue": (u) => {
+            t.updateItem({
+              ...r,
+              code: u
+            });
+          },
+          key: r.sku._id,
+          rules: [qe()],
+          labelMark: "required"
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Name",
+      header: () => m("inventory.transfer.form.items.table.Name"),
+      minSize: 300,
+      cell(c) {
+        const r = c.row.original;
+        return U(oe.FmTextField, {
+          modelValue: r.name,
+          "onUpdate:modelValue": (u) => {
+            t.updateItem({
+              ...r,
+              name: u
+            });
+          },
+          key: r.sku._id,
+          rules: [qe()],
+          labelMark: "required"
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Amount",
+      header: () => m("inventory.transfer.form.items.table.Amount"),
+      minSize: 200,
+      cell(c) {
+        var s, d, v;
+        const r = c.row.original, u = !!((v = (d = (s = t.template) == null ? void 0 : s.purchaseOrder) == null ? void 0 : d.items) != null && v.find(
+          (l) => l.sku._id === r.sku._id
+        ));
+        return U(it, {
+          style: {
+            flex: "1 1 0%"
+          },
+          modelValue: {
+            amount: r.quantity ?? { amount: 1, precision: 0 },
+            measurement: r.measurement ?? null
+          },
+          key: r.sku._id,
+          unit: r.sku.unit,
+          "onUpdate:modelValue": (l) => {
+            const b = {
+              ...r,
+              quantity: l.amount,
+              measurement: l.measurement
+            };
+            f.enableTotalCost && (b.totalCost = se(r.sku, r.quantity, r.measurement, {
+              supplier: t.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: a[r.sku._id] ? b.totalCost : void 0
+            })), t.updateItem(b);
+          },
+          stepper: r.quantityStep,
+          disableUnit: u,
+          disabled: t.disabled,
+          rules: [
+            ut(
+              +Q(
+                r.minimumQuantity ?? {
+                  amount: 1,
+                  precision: ct(r.sku.unit, r.measurement)
+                }
+              )
+            )
+          ],
+          applyDefaultRules: !0
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Cost",
+      header: Ft,
+      size: 180,
+      cell(c) {
+        const r = c.row.original, u = o(r.sku), s = i.value.xs || i.value.sm;
+        return !a[r.sku._id] && u ? U(
+          "div",
+          {
+            class: [
+              "flex gap-4 fm-typo-en-body-md-400 items-center",
+              t.disabled ? "text-fm-color-typo-disabled" : ""
+            ],
+            key: r.sku._id
+          },
+          [
+            U(oe.FmButton, {
+              prependIcon: "edit",
+              variant: Ve.Tertiary,
+              disabled: t.disabled,
+              onClick() {
+                t.updateItem({
+                  ...r,
+                  totalCost: se(r.sku, r.quantity, r.measurement, {
+                    supplier: t.supplier
+                  })
+                }), a[r.sku._id] = !0;
+              }
+            }),
+            U(
+              "div",
+              {
+                class: "flex flex-col"
+              },
+              [
+                U(
+                  "span",
+                  s ? Qe(
+                    se(r.sku, r.quantity, r.measurement, {
+                      supplier: t.supplier
+                    })
+                  ) : Q(
+                    se(r.sku, r.quantity, r.measurement, {
+                      supplier: t.supplier
+                    })
+                  )
+                ),
+                U(
+                  "span",
+                  {
+                    class: [
+                      "fm-typo-en-body-sm-400",
+                      t.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-neutral-gray-400"
+                    ]
+                  },
+                  m("inventory.transfer.form.items.autoCalculated")
+                )
+              ]
+            )
+          ]
+        ) : U(
+          oe.FmTextField,
+          {
+            modelValue: Q(r.totalCost ?? { amount: 0, precision: 0 }),
+            key: r.sku._id,
+            "onUpdate:modelValue": (d) => {
+              t.updateItem({
+                ...r,
+                totalCost: {
+                  ...dt(+d),
+                  currency: Oe()
+                }
+              });
+            },
+            rules: [Be(0), pt(2)]
+          },
+          {
+            prepend() {
+              return s ? U(
+                "div",
+                {
+                  class: [
+                    "text-fm-typo-en-body-lg-400",
+                    t.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-primary"
+                  ]
+                },
+                Ge()
+              ) : null;
+            },
+            append() {
+              return u ? U(oe.FmButton, {
+                prependIcon: "close",
+                variant: "tertiary",
+                disabled: t.disabled,
+                onClick() {
+                  t.updateItem({
+                    ...r,
+                    // NOTE: different from PO template, if a default cost is reenabled,
+                    // the total cost will automatically assigned
+                    totalCost: se(r.sku, r.quantity, r.measurement, {
+                      supplier: t.supplier
+                    })
+                  }), a[r.sku._id] = !1;
+                }
+              }) : null;
+            }
+          }
+        );
+      },
+      enableSorting: !1
+    },
+    {
+      id: "Delete",
+      header: "",
+      cell(c) {
+        const r = c.row.original;
+        return U(oe.FmButton, {
+          key: r.sku._id,
+          class: "delete-button",
+          type: "button",
+          icon: "delete",
+          variant: "tertiary",
+          size: "md",
+          disabled: t.disabled,
+          onClick: () => {
+            t.deleteItem(r);
+          }
+        });
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ];
+  return {
+    columnDefs: F(() => f.enableTotalCost && t.transferType === $.PURCHASE ? n : n.filter(
+      (c) => c.id !== "Cost"
+      /* Cost */
+    ))
+  };
+}
+function Dt(t = "modelValue") {
+  var o, n;
+  const m = ((o = Le()) == null ? void 0 : o.props) ?? {}, a = ((n = Le()) == null ? void 0 : n.emit) ?? (() => {
+  }), i = je(Te(m[t])), f = `update:${mt(t)}`;
+  return Ue(i, (g) => {
+    a(f, g);
+  }), i;
+}
+const At = { class: "flex flex-col gap-8 px-16 xs:px-4 sm:px-4 py-4 items-center" }, It = { class: "fm-typo-en-body-lg-600 xs:fm-typo-en-body-md-600 mr-auto xs:w-full" }, Vt = { class: "w-[450px] xs:w-full flex" }, Ot = { class: "fm-typo-en-body-md-400 whitespace-nowrap" }, Rt = /* @__PURE__ */ p("span", { class: "text-fm-color-typo-secondary" }, "/", -1), Ut = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Bt = /* @__PURE__ */ p("span", null, /* @__PURE__ */ I(" "), -1), Xe = /* @__PURE__ */ ne({
+  __name: "SupplierPriceHistory",
+  props: {
+    prices: {}
+  },
+  setup(t) {
+    const m = xe();
+    function a(i) {
+      return m.suppliers.find((f) => f._id === i);
+    }
+    return (i, f) => (S(), A("div", At, [
+      (S(!0), A(be, null, Ae(Object.keys(i.prices), (o) => {
+        var n;
+        return S(), A("div", {
+          key: o,
+          class: "flex items-center gap-12 xs:gap-4 xs:flex-wrap w-full"
+        }, [
+          p("div", It, I((n = a(o)) == null ? void 0 : n.name), 1),
+          p("div", Vt, [
+            (S(!0), A(be, null, Ae(i.prices[o].slice(0, 3), (g) => {
+              var c;
+              return S(), A("div", {
+                key: g.date,
+                class: "flex flex-col w-[150px] xs:flex-1 text-ellipsis cursor-pointer"
+              }, [
+                p("div", Ot, [
+                  p("span", null, I(g.totalCost ? e(Qe)(g.totalCost) : "No data"), 1),
+                  Rt,
+                  p("span", null, I(e(Q)(g.totalUnit, !1)), 1),
+                  p("span", null, I(((c = g.measurement) == null ? void 0 : c.abbrev) ?? g.unit.abbrev), 1)
+                ]),
+                p("div", Ut, [
+                  p("span", null, "(#" + I(g.seqNumber) + ")", 1),
+                  Bt,
+                  p("span", null, I(e(Ee)(new Date(g.date))), 1)
+                ])
+              ]);
+            }), 128))
+          ])
+        ]);
+      }), 128))
+    ]));
+  }
+}), Et = { class: "flex flex-col gap-8 py-16" }, Mt = { class: "flex items-center" }, Lt = { class: "flex-1 flex gap-1 items-center" }, Nt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, qt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Ht = { class: "flex gap-8 w-full" }, zt = { class: "flex-1 flex flex-col gap-4" }, jt = /* @__PURE__ */ p("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1), Kt = { class: "flex-1 flex flex-col gap-4" }, Yt = /* @__PURE__ */ p("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1), Wt = { class: "flex gap-8 w-full" }, Zt = { class: "flex-1 flex flex-col gap-4" }, Qt = /* @__PURE__ */ p("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1), Gt = { class: "flex-1 flex flex-col gap-4" }, Jt = /* @__PURE__ */ p("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1), Xt = /* @__PURE__ */ ne({
+  __name: "TransferItem",
+  props: {
+    cellByColId: {},
+    comparePriceBySku: {},
+    showComparePrice: { type: Boolean },
+    row: {}
+  },
+  setup(t) {
+    const { t: m } = pe();
+    return (a, i) => {
+      var n, g, c, r, u, s, d, v, l, b, w, x, q, H, E, z, j, J, L, M, h, C, R, X, K, he, Pe;
+      const f = P("FmLabel"), o = P("FmSpacer");
+      return S(), A("div", Et, [
+        p("div", Mt, [
+          p("div", Lt, [
+            p("span", Nt, " (" + I(a.row.original.sku.code) + ") ", 1),
+            p("span", qt, I(a.row.original.sku.name), 1)
+          ]),
+          p("div", null, [
+            k(e(de), {
+              render: (c = (g = (n = a.cellByColId.Delete) == null ? void 0 : n.column) == null ? void 0 : g.columnDef) == null ? void 0 : c.cell,
+              props: (u = (r = a.cellByColId.Delete) == null ? void 0 : r.getContext) == null ? void 0 : u.call(r)
+            }, null, 8, ["render", "props"])
+          ])
+        ]),
+        p("div", Ht, [
+          p("div", zt, [
+            k(f, {
+              label: e(m)(`inventory.transfer.form.items.table.${e(B).Code}`)
+            }, null, 8, ["label"]),
+            k(e(de), {
+              render: (v = (d = (s = a.cellByColId[e(B).Code]) == null ? void 0 : s.column) == null ? void 0 : d.columnDef) == null ? void 0 : v.cell,
+              props: (b = (l = a.cellByColId[e(B).Code]) == null ? void 0 : l.getContext) == null ? void 0 : b.call(l)
+            }, null, 8, ["render", "props"]),
+            jt
+          ]),
+          p("div", Kt, [
+            k(f, {
+              label: e(m)(`inventory.transfer.form.items.table.${e(B).Name}`)
+            }, null, 8, ["label"]),
+            k(e(de), {
+              render: (q = (x = (w = a.cellByColId[e(B).Name]) == null ? void 0 : w.column) == null ? void 0 : x.columnDef) == null ? void 0 : q.cell,
+              props: (E = (H = a.cellByColId[e(B).Name]) == null ? void 0 : H.getContext) == null ? void 0 : E.call(H)
+            }, null, 8, ["render", "props"]),
+            Yt
+          ])
+        ]),
+        p("div", Wt, [
+          p("div", Zt, [
+            k(f, {
+              label: e(m)(`inventory.transfer.form.items.table.${e(B).Amount}`)
+            }, null, 8, ["label"]),
+            k(e(de), {
+              render: (J = (j = (z = a.cellByColId[e(B).Amount]) == null ? void 0 : z.column) == null ? void 0 : j.columnDef) == null ? void 0 : J.cell,
+              props: (M = (L = a.cellByColId[e(B).Amount]) == null ? void 0 : L.getContext) == null ? void 0 : M.call(L)
+            }, null, 8, ["render", "props"]),
+            Qt
+          ]),
+          p("div", Gt, [
+            k(Je, { "z-index": 50 }, {
+              default: O(() => [
+                k(f, {
+                  label: e(m)(`inventory.transfer.form.items.table.${e(B).Cost}2`)
+                }, null, 8, ["label"])
+              ]),
+              _: 1
+            }),
+            k(e(de), {
+              render: (R = (C = (h = a.cellByColId[e(B).Cost]) == null ? void 0 : h.column) == null ? void 0 : C.columnDef) == null ? void 0 : R.cell,
+              props: (K = (X = a.cellByColId[e(B).Cost]) == null ? void 0 : X.getContext) == null ? void 0 : K.call(X)
+            }, null, 8, ["render", "props"]),
+            Jt
+          ])
+        ]),
+        a.showComparePrice && Object.keys(a.comparePriceBySku[(he = a.row.original.sku) == null ? void 0 : he._id] ?? {}).length > 0 ? (S(), A(be, { key: 0 }, [
+          k(o, { class: "h-8" }),
+          k(Xe, {
+            prices: a.comparePriceBySku[(Pe = a.row.original.sku) == null ? void 0 : Pe._id]
+          }, null, 8, ["prices"])
+        ], 64)) : Z("", !0)
+      ]);
+    };
+  }
+});
+function ke(t) {
+  return ft.parse(t);
+}
+function we(t) {
+  return {
+    _id: t.doc._id,
+    internal: t.type,
+    contactName: t.doc.profile.name,
+    name: t.doc.profile.name,
+    email: t.doc.profile.email,
+    phoneNumber: t.doc.profile.phoneNo,
+    registrationNumber: t.doc.profile.regNo,
+    address: t.doc.profile.address
+  };
+}
+function eo(t, m) {
+  const a = xe(), i = G();
+  i.watchLocation(async () => {
+    await a.readSuppliers();
+    const u = t();
+    if (u.supplier._id) return;
+    const s = a.suppliers[0], d = i.locations[0];
+    m({
+      ...u,
+      supplier: s ? ke(s) : d ? we(d) : u.supplier
+    });
+  });
+  const f = F(
+    () => {
+      var u, s;
+      return typeof ((s = (u = t()) == null ? void 0 : u.supplier) == null ? void 0 : s.internal) == "string" ? $.TRANSFER : $.PURCHASE;
+    }
+  ), o = F({
+    get() {
+      var u, s;
+      return (s = (u = t()) == null ? void 0 : u.supplier) == null ? void 0 : s._id;
+    },
+    set(u) {
+      const s = t() ?? {};
+      if (f.value === $.PURCHASE) {
+        const l = a.suppliers.find((b) => b._id === u);
+        m({
+          ...s,
+          supplier: l ? ke(l) : s.supplier
+        });
+        return;
+      }
+      const v = i.locations.find((l) => l.doc._id === u);
+      m({
+        ...s,
+        supplier: v ? we(v) : s.supplier
+      });
+    }
+  }), n = F(() => a.suppliers.map(ke)), g = F(() => {
+    var s;
+    const u = ((s = i._currentLocation) == null ? void 0 : s.type) === Re.warehouse;
+    return i.locations.filter((d) => {
+      var l;
+      return !(d.dbName === ((l = i._currentLocation) == null ? void 0 : l.dbName)) && (!u || d.type === Re.warehouse) && d.acceptRequest;
+    }).map(we);
+  }), c = F(() => f.value === $.PURCHASE ? n.value.map((s) => ({
+    label: s.name,
+    value: s._id
+  })) : g.value.map((s) => ({
+    label: s.name,
+    sublabel: s.internal ? `${s.internal}` : void 0,
+    value: s._id
+  }))), r = F(() => {
+    var v, l;
+    const u = (l = (v = t()) == null ? void 0 : v.supplier) == null ? void 0 : l._id;
+    if (f.value === $.PURCHASE) {
+      const b = a.suppliers.find((w) => w._id === u);
+      return b ? ke(b) : null;
+    }
+    const d = i.locations.find((b) => b.doc._id);
+    return d ? we(d) : null;
+  });
+  return {
+    transferLocationModel: o,
+    transferLocationOptions: c,
+    locationOptionsTypePurchase: n,
+    locationOptionsTypeTransfer: g,
+    selectedLocation: r
+  };
+}
+function to(t) {
+  const m = F({
+    get() {
+      const o = t.getEffectiveAt();
+      return o ? new Date(o) : null;
+    },
+    set(o) {
+      t.setEffectiveAt((o == null ? void 0 : o.toISOString()) ?? null);
+    }
+  }), a = F({
+    get() {
+      return !!m.value;
+    },
+    set(o) {
+      o ? m.value = /* @__PURE__ */ new Date() : m.value = null;
+    }
+  }), i = F({
+    get() {
+      return m.value === null ? "" : Ee(m.value);
+    },
+    set(o) {
+      o ? m.value = /* @__PURE__ */ new Date(`${o} ${f.value}`) : m.value = null;
+    }
+  }), f = F({
+    get() {
+      return m.value === null ? "" : yt(m.value);
+    },
+    set(o) {
+      o ? m.value = /* @__PURE__ */ new Date(`${i.value} ${o}`) : m.value = null;
+    }
+  });
+  return {
+    backdatePo: m,
+    backdateSwitch: a,
+    backdateModel: i,
+    backdateTimeModel: f
+  };
+}
+const oo = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, so = ["fill"], ao = ["fill"], no = ["stroke"], ro = ["stroke"], lo = /* @__PURE__ */ ne({
+  __name: "SparkIcon",
+  props: {
+    size: {
+      type: Number,
+      default: 24
+    },
+    color: {
+      type: String,
+      default: "#c7c7cc"
+    }
+  },
+  setup(t) {
+    return (m, a) => (S(), A("svg", oo, [
+      p("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, so),
+      p("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, ao),
+      p("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, no),
+      p("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, ro)
+    ]));
+  }
+}), io = { class: "flex gap-8 items-center" }, uo = { class: "fm-typo-en-body-lg-600 line-clamp-1" }, co = { class: "w-[343px] px-24 py-16 rounded-lg shadow-light-300 flex flex-col gap-[20px]" }, po = { class: "flex items-center w-full" }, mo = { class: "flex-1" }, fo = { class: "fm-typo-en-title-sm-800" }, yo = { class: "flex items-start gap-8" }, vo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, bo = { class: "flex gap-1" }, ho = /* @__PURE__ */ p("div", { class: "grow" }, null, -1), He = /* @__PURE__ */ ne({
+  __name: "ForecastStock",
+  props: {
+    disabled: { type: Boolean }
+  },
+  emits: ["update:poItems"],
+  setup(t, { emit: m }) {
+    const a = m, i = V(!1), f = V(7), o = wt(), n = Se(), g = Me(), { t: c } = pe();
+    async function r() {
+      if (f.value < 1)
+        return;
+      i.value = !1, await o.readPurchaseOrder(f.value);
+      const u = [];
+      if (o.purchaseOrderForecast.skus.length <= 0) {
+        n.open({
+          message: c("inventory.transfer.form.items.forecastStock.notAvailable"),
+          type: "info"
+        });
+        return;
+      }
+      const s = o.purchaseOrderForecast.skus.reduce((d, v) => {
+        const l = g.skus.find((x) => x._id === v.id);
+        if (d.find((x) => x.sku._id === v.id) || !l)
+          return d;
+        const w = {
+          sku: l,
+          code: l.code,
+          name: l.name,
+          quantity: {
+            amount: v.amount,
+            precision: 0
+          }
+        };
+        return d.push(w), d;
+      }, u);
+      a("update:poItems", s);
+    }
+    return (u, s) => {
+      const d = P("FmButton"), v = P("FmIcon"), l = P("FmStepperField"), b = P("FmPopover");
+      return S(), N(b, {
+        disabled: u.disabled,
+        class: "flex",
+        "show-popover": i.value,
+        onPopoverChanged: s[3] || (s[3] = (w) => i.value = w)
+      }, {
+        "popover-button": O(() => [
+          k(d, {
+            label: "unused",
+            variant: "secondary",
+            "text-color": u.disabled ? "disabled" : "primary",
+            "bg-color": "transparent",
+            "border-color": u.disabled ? "disabled" : "primary",
+            disabled: u.disabled
+          }, {
+            default: O(() => [
+              p("div", io, [
+                k(lo, {
+                  size: 24,
+                  color: u.disabled ? "#c7c7cc" : "#ff7823"
+                }, null, 8, ["color"]),
+                p("div", uo, I(e(c)("inventory.transfer.form.items.forecastStock.title")), 1)
+              ])
+            ]),
+            _: 1
+          }, 8, ["text-color", "border-color", "disabled"])
+        ]),
+        default: O(() => [
+          p("div", co, [
+            p("div", po, [
+              p("div", mo, [
+                k(xt, { "z-index": 99 }, {
+                  default: O(() => [
+                    p("p", fo, I(e(c)("inventory.transfer.form.items.forecastStock.title")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              k(d, {
+                icon: "close",
+                size: "md",
+                variant: "tertiary",
+                onClick: s[0] || (s[0] = (w) => i.value = !1)
+              })
+            ]),
+            k(l, {
+              modelValue: f.value,
+              "onUpdate:modelValue": s[1] || (s[1] = (w) => f.value = w),
+              label: e(c)("inventory.transfer.form.items.forecastStock.days"),
+              rules: [e(Be)(1)]
+            }, {
+              "helper-text": O(() => [
+                p("div", yo, [
+                  k(v, {
+                    name: "warning",
+                    size: "sm",
+                    class: "text-fm-color-system-warning-300"
+                  }),
+                  p("div", vo, I(e(c)("inventory.transfer.form.items.forecastStock.replace")), 1)
+                ])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "label", "rules"]),
+            p("div", bo, [
+              ho,
+              k(d, {
+                label: e(c)("common.cancel"),
+                variant: "tertiary",
+                onClick: s[2] || (s[2] = (w) => i.value = !1)
+              }, null, 8, ["label"]),
+              k(d, {
+                label: e(c)("inventory.transfer.form.items.forecastStock.generate"),
+                onClick: r
+              }, null, 8, ["label"])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled", "show-popover"]);
+    };
+  }
+}), et = vt((t, m) => ({
+  async getTemplate(a) {
+    const i = G(), f = `${t.inventoryBackendUrl}/${i.currentLocationDBName}/purchase-order-template/${a}`;
+    return m.get(f);
+  },
+  async readTemplates() {
+    const a = G(), i = `${t.inventoryBackendUrl}/${a.currentLocationDBName}/purchase-order-template`;
+    return m.get(i);
+  },
+  async createTemplate(a) {
+    const i = G(), f = `${t.inventoryBackendUrl}/${i.currentLocationDBName}/purchase-order-template`;
+    return m.post(f, a);
+  },
+  async updateTemplate(a) {
+    const i = G(), f = `${t.inventoryBackendUrl}/${i.currentLocationDBName}/purchase-order-template`;
+    return m.post(f, a);
+  },
+  async deleteTemplate(a) {
+    const i = G(), f = `${t.inventoryBackendUrl}/${i.currentLocationDBName}/purchase-order-template`;
+    return m.delete(f, { _id: a._id, _rev: a._rev });
+  }
+})), _o = Pt("transferTemplateActions", () => {
+  const t = at("receive/request"), m = Ye(), a = Se(), i = et(), f = V({});
+  function o() {
+    f.value = {
+      mode: ae.CREATE,
+      show: !0,
+      "onUpdate:show"(s) {
+        f.value.show = s;
+      }
+    };
+  }
+  function n(s) {
+    f.value = {
+      mode: ae.UPDATE,
+      modelValue: s,
+      show: !0,
+      "onUpdate:show"(d) {
+        f.value.show = d;
+      }
+    };
+  }
+  function g(s, d, v) {
+    m.open({
+      title: `Confirm deleting template ${s.name}?`,
+      message: "Deleted template can no longer be retrieved",
+      primaryActions: {
+        text: "Delete",
+        variant: Ve.Destructive,
+        close: !0
+      },
+      secondaryActions: {
+        text: "Cancel",
+        variant: Ve.Plain,
+        close: !0
+      }
+    }).onPrimary(async () => {
+      a.open({
+        title: `Deleting ${s.name}`,
+        type: "info"
+      });
+      try {
+        d.value = !0;
+        const [l] = await Promise.allSettled([
+          i.deleteTemplate(s),
+          new Promise((b) => setTimeout(b, 1e3))
+        ]);
+        if (l.status === "rejected") throw l.reason;
+        a.open({
+          title: `Deleted ${s.name}`,
+          type: "success"
+        });
+      } catch (l) {
+        a.open({
+          title: `Unable to delete ${s.name}`,
+          message: `See error from server: ${l}`,
+          type: "error"
+        }), console.error("error on deleting purchase order template", l);
+      } finally {
+        d.value = !1, v();
+      }
+    });
+  }
+  const c = V({});
+  function r(s) {
+    c.value = {
+      template: s,
+      show: !0,
+      "onUpdate:show"(d) {
+        c.value.show = d;
+      },
+      "onAction:edit"() {
+        c.value.show = !1, n(Te(s));
+      },
+      "onAction:use"() {
+        c.value.show = !1, u(Te(s));
+      }
+    };
+  }
+  function u(s) {
+    t.promptCreateTransferDialog({
+      ...s.purchaseOrder,
+      template: s._id
+    });
+  }
+  return {
+    createTemplate: o,
+    viewTemplate: r,
+    updateTemplate: n,
+    deleteTemplate: g,
+    useTemplate: u,
+    templateDialogProps: f,
+    templateDetailsProps: c,
+    transferFormDialogProps: t.transferDialogProps
+  };
+});
+function De(t) {
+  var a;
+  return ((a = t == null ? void 0 : t.supplier) == null ? void 0 : a.internal) ? $.TRANSFER : $.PURCHASE;
+}
+const ze = "use";
+function go() {
+  const { t } = pe(), { viewTemplate: m, updateTemplate: a, deleteTemplate: i, useTemplate: f } = _o(), o = V(new Array()), n = V(!1), g = G(), c = et();
+  async function r() {
+    if (o.value = [], !!g._currentLocation) {
+      n.value = !0;
+      try {
+        const [v] = await Promise.all([
+          c.readTemplates(),
+          new Promise((l) => setTimeout(l, 1e3))
+        ]);
+        o.value = v;
+      } catch (v) {
+        console.log("Something went wrong when fetching templates:", v);
+      } finally {
+        n.value = !1;
+      }
+    }
+  }
+  async function u(v) {
+    if (!o.value.find((l) => l._id) && g._currentLocation) {
+      n.value = !0;
+      try {
+        const [l] = await Promise.all([
+          c.getTemplate(v),
+          new Promise((b) => setTimeout(b, 1e3))
+        ]);
+        o.value = [l];
+      } catch (l) {
+        console.log("Something went wrong when fetching templates:", l);
+      } finally {
+        n.value = !1;
+      }
+    }
+  }
+  function s(v, l) {
+    switch (l = Te(l), v) {
+      case ze:
+        return f(l);
+      case ve.Details:
+        return m(l);
+      case ve.Edit:
+        return a(l);
+      case ve.Delete:
+        return i(l, n, r);
+    }
+  }
+  return { columnDefs: [
+    {
+      id: "_id",
+      accessorKey: "_id",
+      header: () => t("inventory.transfer.table.createdAt"),
+      cell(v) {
+        return nt(`${v.getValue()}`);
+      },
+      enableSorting: !0
+    },
+    {
+      id: "name",
+      accessorKey: "name",
+      header: () => t("inventory.transfer.table.name"),
+      enableSorting: !0,
+      size: 200
+    },
+    {
+      id: "supplier",
+      accessorKey: "purchaseOrder.supplier.name",
+      header: () => t("inventory.transfer.table.transferFrom"),
+      enableSorting: !0,
+      size: 200
+    },
+    {
+      id: "type",
+      header: () => t("inventory.transfer.receiveRequest.details.type.title"),
+      enableSorting: !0,
+      sortingFn(v, l) {
+        const b = De(v.original.purchaseOrder), w = De(l.original.purchaseOrder);
+        return b.localeCompare(w);
+      },
+      size: 200,
+      cell(v) {
+        const l = De(v.row.original.purchaseOrder), b = t(
+          `inventory.transfer.receiveRequest.details.type.${l.toLocaleLowerCase()}`
+        );
+        return U(oe.FmChip, {
+          label: b,
+          class: "fm-chip-transfer-info",
+          compact: !0
+        });
+      }
+    },
+    {
+      id: "noOfItems",
+      accessorKey: "purchaseOrder.items.length",
+      header: () => t("inventory.transfer.table.noOfItems"),
+      enableSorting: !1,
+      meta: {
+        width: "10rem",
+        textAlign: "right"
+      }
+    },
+    {
+      id: "ref",
+      accessorKey: "purchaseOrder.ref",
+      header: () => t("inventory.transfer.table.reference"),
+      enableSorting: !1,
+      size: "auto"
+    },
+    {
+      id: "action",
+      cell(v) {
+        const l = v.row.original, b = [
+          {
+            translationKey: "inventory.transfer.template.use",
+            value: ze,
+            color: "text-fm-color-typo-primary"
+          },
+          Ne[ve.Edit],
+          Ne[ve.Delete]
+        ];
+        return Tt(b, (w) => s(w, l));
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ], templates: o, loading: n, fetchTemplates: r, loadTemplate: u };
+}
+function Co() {
+  const t = Se(), m = We(), a = V(!1);
+  Ue(a, (n) => {
+    n && (f.value = !0, i().finally(() => {
+      f.value = !1;
+    }));
+  });
+  async function i() {
+    try {
+      const { startDate: n, endDate: g } = bt(6), u = (await m.getPurchaseOrders({ start: n, end: g })).filter(
+        (s) => {
+          var d, v;
+          return s.status === ht.enum.COMPLETE && ((d = s.supplier) == null ? void 0 : d.internal) !== "warehouse" && ((v = s.supplier) == null ? void 0 : v.internal) !== "restaurant";
+        }
+      ).reduce((s, d) => {
+        const v = new Date(_t(d._id)), l = d.supplier._id;
+        for (const b of d.items) {
+          if (!b.totalCost) continue;
+          const w = s[b.sku._id] ?? {}, x = w[l] ?? [];
+          x.push({
+            date: v.toISOString(),
+            totalUnit: b.quantity,
+            totalCost: b.totalCost,
+            unit: b.sku.unit,
+            measurement: b.measurement,
+            seqNumber: d.seqNumber
+          }), w[l] = x, s[b.sku._id] = w;
+        }
+        return s;
+      }, {});
+      o.value = u;
+    } catch {
+      t.open({
+        title: "Something went wrong",
+        message: "Cannot retrieve supplier purchase history. Please try again."
+      }), a.value = !1;
+    }
+  }
+  const f = V(!1), o = V({});
+  return {
+    comparePricesToggle: a,
+    comparePriceFetching: f,
+    comparePriceBySku: o
+  };
+}
+const ko = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, wo = { key: 0 }, To = ["colspan"], So = /* @__PURE__ */ ne({
+  __name: "TransferItemTable",
+  props: {
+    row: {},
+    comparePriceBySku: {},
+    showComparePrice: { type: Boolean }
+  },
+  setup(t) {
+    function m(a) {
+      return a.column.columnDef.meta;
+    }
+    return (a, i) => {
+      var f, o;
+      return S(), A(be, null, [
+        p("tr", {
+          class: Ie(["border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm", {
+            "bg-fm-color-neutral-gray-100": a.row.getIsSelected()
+          }])
+        }, [
+          (S(!0), A(be, null, Ae(a.row.getVisibleCells(), (n) => {
+            var g, c, r, u;
+            return S(), A("td", {
+              key: n.id,
+              class: Ie([
+                "h-[52px] px-16 text-fm-color-typo-primary",
+                ((g = m(n)) == null ? void 0 : g.cellClass) ?? "px-16"
+              ]),
+              style: tt({
+                width: (c = m(n)) == null ? void 0 : c.width,
+                maxWidth: (r = m(n)) == null ? void 0 : r.maxWidth,
+                textAlign: ((u = m(n)) == null ? void 0 : u.textAlign) ?? "left"
+              })
+            }, [
+              p("span", ko, [
+                k(e(de), {
+                  render: n.column.columnDef.cell,
+                  props: n.getContext()
+                }, null, 8, ["render", "props"])
+              ])
+            ], 6);
+          }), 128))
+        ], 2),
+        a.showComparePrice && Object.keys(a.comparePriceBySku[(f = a.row.original.sku) == null ? void 0 : f._id] ?? {}).length > 0 ? (S(), A("tr", wo, [
+          p("td", {
+            colspan: a.row.getVisibleCells().length
+          }, [
+            k(Xe, {
+              prices: a.comparePriceBySku[(o = a.row.original.sku) == null ? void 0 : o._id]
+            }, null, 8, ["prices"])
+          ], 8, To)
+        ])) : Z("", !0)
+      ], 64);
+    };
+  }
+}), xo = { class: "flex flex-col gap-4" }, Po = { class: "flex items-center gap-8 overflow-x-auto pb-12" }, Fo = { class: "flex flex-col gap-16" }, $o = { class: "flex flex-col gap-24" }, Do = {
+  key: 0,
+  class: "p-16 border border-fm-color-neutral-gray-300 fm-corner-radius-md flex flex-col"
+}, Ao = { class: "flex xs:flex-col sm:flex-col" }, Io = /* @__PURE__ */ p("div", { class: "xs:hidden sm:hidden h-48 lg:w-16 md:w-16" }, null, -1), Vo = {
+  key: 0,
+  class: "flex-1 flex gap-8 h-48 xs:flex-col xs:pt-16 sm:flex-col sm:pt-16"
+}, Oo = { class: "flex-1" }, Ro = { class: "flex-1" }, Uo = {
+  key: 1,
+  class: "flex items-center gap-4"
+}, Bo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary translate-y-[1px]" }, Eo = { class: "flex flex-col gap-16" }, Mo = { class: "flex sm:flex-col xs:flex-col gap-16 items-center xs:items-start sm:items-start" }, Lo = { class: "flex-1 gap-8 fm-typo-en-title-sm-800" }, No = { class: "flex gap-8" }, qo = {
+  key: 0,
+  class: "xs:w-full"
+}, Ho = /* @__PURE__ */ ne({
+  __name: "TransferForm2",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean },
+    suppliers: {},
+    skus: {},
+    lastClosingDate: {}
+  },
+  emits: ["validation-success", "form:ready"],
+  setup(t, { expose: m, emit: a }) {
+    const i = t, f = a, o = Dt(), { t: n } = pe(), g = G(), c = Me(), r = xe(), u = Ze(), s = go(), d = F(
+      () => s.templates.value.find((y) => y._id === o.template)
+    ), v = F(() => o.status === "DRAFT" || !o._rev);
+    Ke(async () => {
+      try {
+        if (!o.template) return;
+        await s.loadTemplate(o.template);
+      } finally {
+        f("form:ready");
+      }
+    });
+    const l = F(
+      () => g.currentLocation.type === Re.restaurant
+    );
+    g.watchLocation(async () => {
+      location && (o.supplier || (o.supplier = r.suppliers.find((y) => y) ?? o.supplier));
+    });
+    const b = Ye(), w = eo(
+      () => o,
+      (y) => {
+        Object.assign(o, y);
+      }
+    ), x = F({
+      get() {
+        var y;
+        return typeof ((y = o == null ? void 0 : o.supplier) == null ? void 0 : y.internal) == "string" ? $.TRANSFER : $.PURCHASE;
+      },
+      set(y) {
+        var Y;
+        const _ = typeof ((Y = o == null ? void 0 : o.supplier) == null ? void 0 : Y.internal) == "string" ? $.TRANSFER : $.PURCHASE;
+        y !== _ && (o.supplier = y === $.PURCHASE ? w.locationOptionsTypePurchase.value[0] : w.locationOptionsTypeTransfer.value[0]);
+      }
+    }), q = F(() => w.transferLocationOptions.value), H = F({
+      get() {
+        return o.supplier._id;
+      },
+      set(y) {
+        w.transferLocationModel.value = y;
+      }
+    }), E = F({
+      get() {
+        return o.remark ?? void 0;
+      },
+      set(y) {
+        o.remark = y;
+      }
+    }), { backdatePo: z, backdateSwitch: j, backdateModel: J, backdateTimeModel: L } = to({
+      getEffectiveAt() {
+        return o.effectiveAt;
+      },
+      setEffectiveAt(y) {
+        o.effectiveAt = y;
+      }
+    }), { comparePricesToggle: M, comparePriceFetching: h, comparePriceBySku: C } = Co(), R = V();
+    m({
+      validateInputs: () => {
+        var y, _;
+        (_ = (y = R.value) == null ? void 0 : y.validateInputs) == null || _.call(y);
+      },
+      resetInputsValidation: () => {
+        var y, _;
+        (_ = (y = R.value) == null ? void 0 : y.resetInputsValidation) == null || _.call(y);
+      },
+      resetInputs: () => {
+        var y, _;
+        (_ = (y = R.value) == null ? void 0 : y.resetInputs) == null || _.call(y);
+      }
+    });
+    const X = $t({
+      updateItem: (y) => {
+        o.items = o.items.map((_) => _.sku._id !== y.sku._id ? _ : y);
+      },
+      deleteItem: (y) => {
+        o.items = o.items.filter((_) => _.sku._id !== y.sku._id);
+      },
+      get supplier() {
+        return o.supplier;
+      },
+      get items() {
+        return o.items;
+      },
+      get transferType() {
+        return x.value;
+      },
+      get template() {
+        return d.value;
+      },
+      get disabled() {
+        return i.disabled;
+      }
+    }), K = F(() => X.columnDefs.value);
+    function he() {
+      var _e, fe, ge;
+      let y;
+      ((D) => {
+        D.IsInTemplate = "IsInTemplate", D.IsOutsideTemplate = "IsOutsideTemplate";
+      })(y || (y = {}));
+      const _ = [
+        {
+          id: "IsInTemplate",
+          label: "From template",
+          sublabel: "These are defined in the template"
+        },
+        {
+          id: "IsOutsideTemplate",
+          label: "Other",
+          collapse: !0
+        }
+      ], Y = new Set((ge = (fe = (_e = d.value) == null ? void 0 : _e.purchaseOrder) == null ? void 0 : fe.items) == null ? void 0 : ge.map((D) => D.sku._id)), me = c.skus.map(
+        (D) => ({
+          label: D.name,
+          sublabel: D.code,
+          value: D,
+          groupId: Y.has(D._id) ? "IsInTemplate" : "IsOutsideTemplate"
+          /* IsOutsideTemplate */
+        })
+      ), Fe = me.filter((D) => {
+        var ee;
+        return (ee = o.items) == null ? void 0 : ee.find((re) => re.sku._id === D.value._id);
+      }).map((D) => D.value);
+      b.open({
+        title: n("inventory.transfer.form.selectItemTitle"),
+        closeButton: !0,
+        contentComponent: kt,
+        contentComponentProps: {
+          modelValue: Fe,
+          items: me,
+          groups: Y.size ? _ : void 0
+        },
+        primaryActions: {
+          text: n("common.confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: n("common.close"),
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((D) => {
+        const ee = o.items ?? [], re = D.map((W) => {
+          var Ce, ye;
+          const le = ee.find((ie) => ie.sku._id === W._id);
+          if (le)
+            return le;
+          const te = ((ye = (Ce = d.value) == null ? void 0 : Ce.purchaseOrder.items) == null ? void 0 : ye.find(
+            (ie) => ie.sku._id === W._id
+          )) ?? {
+            sku: W,
+            code: W.code,
+            name: W.name,
+            quantity: {
+              amount: 1,
+              precision: 0
+            }
+          };
+          return x.value == $.PURCHASE && (te.totalCost = se(
+            te.sku,
+            te.quantity,
+            te.measurement,
+            {
+              supplier: o.supplier
+            }
+          )), te;
+        });
+        re.sort((W, le) => W.sku.code.localeCompare(le.sku.code)), o.items = re;
+      });
+    }
+    function Pe(y) {
+      return y;
+    }
+    return (y, _) => {
+      var ye, ie;
+      const Y = P("FmChip"), me = P("FmSelect"), Fe = P("FmTextField"), _e = P("FmTextarea"), fe = P("FmSwitch"), ge = P("FmDatePicker"), D = P("FmTimePicker"), ee = P("FmFormGroup"), re = P("FmIcon"), W = P("FmButton"), le = P("FmTooltip"), te = P("FmTable"), Ce = P("FmForm");
+      return S(), A("div", xo, [
+        p("div", Po, [
+          (ye = i.modelValue) != null && ye.template ? (S(), N(Y, {
+            key: 0,
+            variant: y.disabled ? "warning" : void 0,
+            label: `${e(n)("inventory.transfer.template.title")}: ${((ie = d.value) == null ? void 0 : ie.name) ?? e(n)("inventory.transfer.form.loading")}`,
+            icon: "summarize",
+            compact: ""
+          }, null, 8, ["variant", "label"])) : Z("", !0),
+          k(Y, {
+            label: e(g).currentLocation.name,
+            icon: "storefront",
+            compact: ""
+          }, null, 8, ["label"]),
+          y.lastClosingDate ? (S(), N(Y, {
+            key: 1,
+            label: `${e(n)("inventory.transfer.form.lastClosing")}: ${e(Ee)(y.lastClosingDate)} ${e(gt)(y.lastClosingDate)}`,
+            icon: "calendar_month",
+            compact: ""
+          }, null, 8, ["label"])) : Z("", !0)
+        ]),
+        k(Ce, {
+          ref_key: "formRef",
+          ref: R,
+          class: "flex flex-col gap-32",
+          disabled: y.disabled,
+          onValidationFailed: console.log,
+          onValidationSuccess: _[12] || (_[12] = ($e) => f("validation-success"))
+        }, {
+          default: O(() => {
+            var $e;
+            return [
+              p("div", Fo, [
+                p("div", $o, [
+                  k(me, {
+                    label: e(n)("inventory.transfer.form.type.title"),
+                    "model-value": x.value,
+                    "onUpdate:modelValue": _[0] || (_[0] = (T) => x.value = T),
+                    items: [
+                      {
+                        label: e(n)("inventory.transfer.form.type.purchase"),
+                        value: e($).PURCHASE,
+                        disabled: !e(w).locationOptionsTypePurchase.value.length,
+                        sublabel: e(w).locationOptionsTypePurchase.value.length ? void 0 : e(n)("inventory.transfer.form.noSupplierAvailable")
+                      },
+                      {
+                        label: e(n)("inventory.transfer.form.type.transfer"),
+                        value: e($).TRANSFER,
+                        disabled: !e(w).locationOptionsTypeTransfer.value.length,
+                        sublabel: e(w).locationOptionsTypeTransfer.value.length ? void 0 : e(n)("inventory.transfer.form.noLocationAvailable")
+                      }
+                    ],
+                    rules: [e(Be)(1)(q.value)]
+                  }, null, 8, ["label", "model-value", "items", "rules"]),
+                  k(me, {
+                    label: x.value === e($).PURCHASE ? e(n)("inventory.transfer.form.purchaseFrom") : e(n)("inventory.transfer.form.transferFrom"),
+                    modelValue: H.value,
+                    "onUpdate:modelValue": _[1] || (_[1] = (T) => H.value = T),
+                    items: q.value
+                  }, null, 8, ["label", "modelValue", "items"]),
+                  k(Fe, {
+                    label: e(n)("inventory.transfer.form.reference"),
+                    "label-mark": "optional",
+                    modelValue: e(o).ref,
+                    "onUpdate:modelValue": _[2] || (_[2] = (T) => e(o).ref = T)
+                  }, null, 8, ["label", "modelValue"]),
+                  k(_e, {
+                    label: e(n)("inventory.transfer.form.remark"),
+                    "label-mark": "optional",
+                    "max-length": 240,
+                    modelValue: E.value,
+                    "onUpdate:modelValue": _[3] || (_[3] = (T) => E.value = T),
+                    class: Ie([y.disabled ? "text-fm-color-typo-disabled " : ""])
+                  }, null, 8, ["label", "modelValue", "class"]),
+                  e(u).enableBackdatePo ? (S(), A("div", Do, [
+                    p("div", Ao, [
+                      k(fe, {
+                        modelValue: e(j),
+                        "onUpdate:modelValue": _[4] || (_[4] = (T) => ce(j) ? j.value = T : null),
+                        label: e(n)("inventory.transfer.form.backdateTransfer"),
+                        sublabel: e(n)("inventory.transfer.form.applyTransferToOlderDate"),
+                        "label-placement": "right",
+                        disabled: l.value && !y.lastClosingDate || y.disabled
+                      }, null, 8, ["modelValue", "label", "sublabel", "disabled"]),
+                      Io,
+                      e(j) ? (S(), A("div", Vo, [
+                        p("div", Oo, [
+                          k(ge, {
+                            modelValue: e(J),
+                            "onUpdate:modelValue": _[5] || (_[5] = (T) => ce(J) ? J.value = T : null)
+                          }, null, 8, ["modelValue"])
+                        ]),
+                        p("div", Ro, [
+                          k(D, {
+                            modelValue: e(L),
+                            "onUpdate:modelValue": _[6] || (_[6] = (T) => ce(L) ? L.value = T : null)
+                          }, null, 8, ["modelValue"])
+                        ])
+                      ])) : Z("", !0)
+                    ]),
+                    e(z) ? (S(), N(ee, {
+                      key: 0,
+                      modelValue: e(z),
+                      "onUpdate:modelValue": _[7] || (_[7] = (T) => ce(z) ? z.value = T : null),
+                      rules: [e(Ct)(new Date(y.lastClosingDate), /* @__PURE__ */ new Date())]
+                    }, null, 8, ["modelValue", "rules"])) : Z("", !0),
+                    l.value && !y.lastClosingDate ? (S(), A("div", Uo, [
+                      k(re, {
+                        name: "error",
+                        size: "sm",
+                        class: "text-fm-color-typo-warning"
+                      }),
+                      p("span", Bo, I(e(n)("inventory.transfer.form.cannotBackdateWithoutClosing")), 1)
+                    ])) : Z("", !0)
+                  ])) : Z("", !0)
+                ])
+              ]),
+              p("div", Eo, [
+                k(ee, {
+                  "model-value": e(o).items,
+                  rules: [
+                    function(ue) {
+                      return ue && ue.length > 0 || e(n)("inventory.transfer.form.mustHaveAtLeastOneItem");
+                    }
+                  ]
+                }, null, 8, ["model-value", "rules"]),
+                p("div", Mo, [
+                  p("div", Lo, I(e(n)("inventory.transfer.form.items.title")), 1),
+                  p("div", No, [
+                    k(W, {
+                      disabled: y.disabled,
+                      label: e(n)("inventory.transfer.form.items.addItem"),
+                      "prepend-icon": "add",
+                      variant: "secondary",
+                      "text-color": "primary",
+                      "bg-color": "transparent",
+                      "border-color": "primary",
+                      onClick: _[8] || (_[8] = (T) => he()),
+                      size: "md"
+                    }, null, 8, ["disabled", "label"]),
+                    e(o).template ? (S(), N(le, {
+                      key: 0,
+                      "z-index": 50
+                    }, {
+                      content: O(() => [
+                        p("div", null, I(e(n)("inventory.transfer.form.items.forecastStock.notAvailable")), 1)
+                      ]),
+                      default: O(() => [
+                        k(He, {
+                          "onUpdate:poItems": _[9] || (_[9] = (T) => e(o).items = T),
+                          disabled: ""
+                        })
+                      ]),
+                      _: 1
+                    })) : (S(), N(He, {
+                      key: 1,
+                      "onUpdate:poItems": _[10] || (_[10] = (T) => e(o).items = T),
+                      disabled: y.disabled || !!e(o).template
+                    }, null, 8, ["disabled"]))
+                  ])
+                ]),
+                x.value === e($).PURCHASE && v.value && e(u).enableTotalCost && (($e = y.modelValue) != null && $e.items.length) ? (S(), A("div", qo, [
+                  k(fe, {
+                    label: e(h) ? e(n)("inventory.transfer.form.items.fetchingData") : e(n)("inventory.transfer.form.items.comparePriceHistory"),
+                    "prepend-icon": "compare_arrows",
+                    "label-placement": "right",
+                    "model-value": e(M),
+                    "onUpdate:modelValue": _[11] || (_[11] = (T) => ce(M) ? M.value = T : null),
+                    disabled: e(h) || y.disabled
+                  }, null, 8, ["label", "model-value", "disabled"])
+                ])) : Z("", !0),
+                (S(), N(te, {
+                  "column-defs": K.value,
+                  "row-data": e(o).items,
+                  key: e(o).items.map((T) => T.sku._id).join("."),
+                  "hide-footer": ""
+                }, {
+                  "table-row": O((T) => [
+                    k(So, {
+                      "compare-price-by-sku": e(C),
+                      "show-compare-price": x.value === e($).PURCHASE && e(M),
+                      row: T
+                    }, null, 8, ["compare-price-by-sku", "show-compare-price", "row"])
+                  ]),
+                  "list-row": O((T) => [
+                    (S(), N(St, {
+                      row: T,
+                      key: e(o).items.map((ue) => ue.sku._id).join(".")
+                    }, {
+                      default: O((ue) => [
+                        k(Xt, {
+                          "compare-price-by-sku": e(C),
+                          "show-compare-price": x.value === e($).PURCHASE && e(M),
+                          row: T,
+                          "cell-by-col-id": ue
+                        }, 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"])
+      ]);
+    };
+  }
+}), zo = { class: "flex items-center" }, jo = { class: "fm-typo-en-title-md-800" }, Ko = { class: "flex gap-4" }, ns = /* @__PURE__ */ ne({
+  __name: "TransferDialog",
+  props: {
+    mode: {},
+    modelValue: {},
+    template: {},
+    show: { type: Boolean },
+    lastClosingDate: {}
+  },
+  emits: ["update:show", "submitted"],
+  setup(t, { expose: m, emit: a }) {
+    var M;
+    const i = t, f = a, o = We(), n = Se(), g = xe(), c = Me(), r = G(), u = V(!1), s = V(!1), d = V(!1);
+    async function v(h) {
+      if (h) {
+        s.value = !1;
+        try {
+          await g.readSuppliers(), s.value = !0;
+        } catch {
+          n.open({
+            title: "Unable to fetch list of suppliers",
+            message: "Try to refresh page to retry operation",
+            type: "error"
+          });
+        }
+      }
+    }
+    r.watchLocation(v);
+    function l() {
+      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: []
+      };
+    }
+    const b = st(i, "show"), w = V(i.modelValue ?? l()), x = V(((M = i.modelValue) == null ? void 0 : M._id) ?? `${Math.random()}`);
+    Ue(
+      () => i.show,
+      (h) => {
+        var C;
+        h && (d.value = !1, w.value = i.modelValue ?? l(), x.value = ((C = i.modelValue) == null ? void 0 : C._id) ?? `${Math.random()}`);
+      }
+    );
+    const q = F(() => !s.value || !d.value), H = F(() => {
+      switch (i.mode) {
+        case ae.CREATE:
+          return "Add transfer";
+        case ae.READ:
+          return "View transfer";
+        case ae.UPDATE:
+          return "Edit transfer";
+      }
+      return "";
+    }), E = V();
+    m({
+      validateInputs: () => {
+        var h, C;
+        (C = (h = E.value) == null ? void 0 : h.validateInputs) == null || C.call(h);
+      },
+      resetInputsValidation: () => {
+        var h, C;
+        (C = (h = E.value) == null ? void 0 : h.resetInputsValidation) == null || C.call(h);
+      },
+      resetInputs: () => {
+        var h, C;
+        (C = (h = E.value) == null ? void 0 : h.resetInputs) == null || C.call(h);
+      }
+    });
+    async function z() {
+      const h = w.value;
+      u.value = !0, (h.supplier.internal === "warehouse" || h.supplier.internal === "restaurant") && (h.items = h.items.map(({ totalCost: C, ...R }) => R));
+      try {
+        await o.createPurchaseOrder(h), await new Promise((C) => setTimeout(C, 1e3)), n.open({
+          title: "Created",
+          message: "Your transfer draft has been created!",
+          type: "success"
+        }), f("update:show", !1), f("submitted");
+      } catch (C) {
+        n.open({
+          title: "Cannot create purchase order",
+          message: "Report to system administrator for troubleshooting.",
+          type: "error"
+        }), console.error("Error in creating purchase order", C);
+      } finally {
+        u.value = !1;
+      }
+    }
+    async function j() {
+      const h = w.value;
+      u.value = !0, (h.supplier.internal === "warehouse" || h.supplier.internal === "restaurant") && (h.items = h.items.map(({ totalCost: C, ...R }) => R));
+      try {
+        await o.updatePurchaseOrder(h), await new Promise((C) => setTimeout(C, 1e3)), n.open({
+          title: "Updated",
+          message: "Your transfer draft has been updated!",
+          type: "success"
+        }), f("update:show", !1), f("submitted");
+      } catch (C) {
+        n.open({
+          title: "Cannot update purchase order",
+          message: "Report to system administrator for troubleshooting.",
+          type: "error"
+        }), console.error("Error in updating purchase order", C);
+      } finally {
+        u.value = !1;
+      }
+    }
+    function J() {
+      switch (i.mode) {
+        case ae.CREATE:
+          return z();
+        case ae.UPDATE:
+          return j();
+      }
+    }
+    function L() {
+      var h, C;
+      (C = (h = E.value) == null ? void 0 : h.validateInputs) == null || C.call(h);
+    }
+    return (h, C) => {
+      const R = P("FmButton"), X = P("FmSideSheet");
+      return S(), N(X, {
+        modelValue: e(b),
+        "onUpdate:modelValue": C[3] || (C[3] = (K) => ce(b) ? b.value = K : null),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 900
+      }, {
+        "side-sheet-header": O(() => [
+          p("div", zo, [
+            p("div", jo, I(H.value), 1)
+          ])
+        ]),
+        default: O(() => [
+          (S(), N(Ho, {
+            class: "w-full",
+            ref_key: "formRef",
+            ref: E,
+            "onForm:ready": C[0] || (C[0] = () => d.value = !0),
+            onValidationSuccess: J,
+            modelValue: w.value,
+            "onUpdate:modelValue": C[1] || (C[1] = (K) => w.value = K),
+            disabled: u.value || q.value,
+            suppliers: e(g).suppliers,
+            skus: e(c).skus,
+            key: x.value,
+            "last-closing-date": h.lastClosingDate
+          }, null, 8, ["modelValue", "disabled", "suppliers", "skus", "last-closing-date"]))
+        ]),
+        "side-sheet-footer": O(() => [
+          p("div", Ko, [
+            k(R, {
+              loading: u.value,
+              disabled: q.value,
+              label: "Save",
+              onClick: L
+            }, null, 8, ["loading", "disabled"]),
+            k(R, {
+              disabled: q.value,
+              variant: "tertiary",
+              label: "Close",
+              onClick: C[2] || (C[2] = (K) => f("update:show", !1))
+            }, null, 8, ["disabled"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  ns as _,
+  et as a,
+  _o as b,
+  se as c,
+  Dt as d,
+  go as e,
+  eo as u
+};