@feedmepos/mf-inventory-portal 0.0.22-dev.3 → 0.0.22-dev.31

package/dist/TransferDialog.vue_vue_type_script_setup_true_lang-8yMFTCo1.js

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