@feedmepos/mf-inventory-portal 0.0.22-dev.8 → 0.0.22-dev.9

package/dist/TransferDialog.vue_vue_type_script_setup_true_lang-ByNQap9n.js

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