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

package/dist/TransferDialog.vue_vue_type_script_setup_true_lang-DV6IxKMM.js

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