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

package/dist/TransferDialog.vue_vue_type_script_setup_true_lang-D1NAkXMT.js

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