@feedmepos/mf-inventory-portal 0.0.22-dev.23 → 0.0.22-dev.25

package/dist/TransferDialog.vue_vue_type_script_setup_true_lang-hH7RapBS.js

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