@feedmepos/mf-inventory-portal 0.0.19-dev.9 → 0.0.20-dev.1

package/dist/TransferDialog.vue_vue_type_script_setup_true_lang-CyFMCmXw.js

@@ -1,1605 +0,0 @@
-import { reactive as Be, onMounted as Ue, computed as F, h as V, getCurrentInstance as $e, watch as fe, defineComponent as oe, openBlock as T, createElementBlock as $, Fragment as ue, renderList as ge, createElementVNode as u, toDisplayString as M, unref as n, resolveComponent as P, createVNode as C, withCtx as D, createCommentVNode as z, ref as B, createBlock as E, normalizeClass as Ae, normalizeStyle as Ge, isRef as re } from "vue";
-import { useBreakpoints as Je, components as X, FmButtonVariant as Ce, useSnackbar as ye, useDialog as Oe, useProxiedModel as Xe } from "@feedmepos/ui-library";
-import { F as te, D as De, R as ie } from "./row-action.enum-7jVyol1k.js";
-import { P as x, u as et, f as tt, a as Ee } from "./purchase-order-transaction-type-Dz0YF5qh.js";
-import { a as j, t as ot, a2 as ke, D as st, b as Me, R as Ie, $ as at, a0 as nt, r as rt, G as Le, l as lt, A as Te, M as it, a3 as Ne, c as qe, a5 as ut, O as xe, P as we, a6 as ct, j as K, a7 as dt, u as Se, n as pt, a8 as mt, a9 as ft, aa as yt, E as vt, ab as ht, y as _t } from "./app-CeUU5Gd8.js";
-import { _ as He, u as bt } from "./PremiumBadge.vue_vue_type_script_setup_true_lang-BpyUheXn.js";
-import { useI18n as ce } from "@feedmepos/mf-common";
-import "vue-router";
-import { u as ve } from "./supplier-mDVKd7Ge.js";
-import { F as le, c as gt, _ as Ct } from "./layout-2zzAZIVO.js";
-import { _ as kt } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
-import { defineStore as wt } from "pinia";
-function ee(t, d, s, e) {
-  var b, f, i;
-  if (e != null && e.manualTotalCost)
-    return e == null ? void 0 : e.manualTotalCost;
-  const l = (i = (f = (b = e == null ? void 0 : e.supplier) == null ? void 0 : b.supplyItems) == null ? void 0 : f.find(
-    (y) => y.skuId === t._id
-  )) == null ? void 0 : i.defaultCost, m = t.defaultCost, p = l ?? m, k = p == null ? void 0 : p.costPerUnit, v = k ? p != null && p.measurement ? +j(k) / +j(p == null ? void 0 : p.measurement.conversion) : +j(k) : void 0, o = v ? s ? v * +j(s.conversion) : v : void 0, a = o ? +j(d) * o : void 0;
-  return a ? {
-    ...ot(a ?? 0, 2),
-    currency: ke()
-  } : {
-    amount: 1,
-    precision: 0,
-    currency: ke()
-  };
-}
-var R = /* @__PURE__ */ ((t) => (t.Code = "Code", t.Name = "Name", t.Amount = "Amount", t.Cost = "Cost", t.Delete = "Delete", t))(R || {});
-const Tt = () => {
-  const { t } = ce();
-  return V(
-    He,
-    {
-      zIndex: 50,
-      class: "whitespace-nowrap"
-    },
-    t("inventory.transfer.form.items.table.Cost", [Ne()])
-  );
-};
-function xt(t) {
-  const { t: d } = ce(), s = Be({}), { breakpoints: e } = Je(), l = Me();
-  Ue(() => {
-    for (const v of t.items) {
-      if (!v.totalCost)
-        continue;
-      const o = ee(v.sku, v.quantity, v.measurement, {
-        supplier: t.supplier
-      }), a = v.totalCost ?? st.reset();
-      o ? s[v.sku._id] = o.amount !== a.amount || o.precision !== a.precision : s[v.sku._id] = !0;
-    }
-  });
-  function m(v) {
-    var a, r;
-    return !!(v.defaultCost ?? ((r = (a = t.supplier) == null ? void 0 : a.supplyItems) == null ? void 0 : r.find((b) => b.skuId === v._id)));
-  }
-  const p = [
-    {
-      id: "Code",
-      header: () => d("inventory.transfer.form.items.table.Code"),
-      accessorKey: "code",
-      size: 96,
-      cell(v) {
-        const o = v.row.original;
-        return V(X.FmTextField, {
-          modelValue: o.code,
-          "onUpdate:modelValue": (a) => {
-            t.updateItem({
-              ...o,
-              code: a
-            });
-          },
-          key: o.sku._id,
-          rules: [Ie()],
-          labelMark: "required"
-        });
-      },
-      enableSorting: !1
-    },
-    {
-      id: "Name",
-      header: () => d("inventory.transfer.form.items.table.Name"),
-      minSize: 300,
-      cell(v) {
-        const o = v.row.original;
-        return V(X.FmTextField, {
-          modelValue: o.name,
-          "onUpdate:modelValue": (a) => {
-            t.updateItem({
-              ...o,
-              name: a
-            });
-          },
-          key: o.sku._id,
-          rules: [Ie()],
-          labelMark: "required"
-        });
-      },
-      enableSorting: !1
-    },
-    {
-      id: "Amount",
-      header: () => d("inventory.transfer.form.items.table.Amount"),
-      minSize: 200,
-      cell(v) {
-        const o = v.row.original;
-        return V(at, {
-          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": (a) => {
-            const r = {
-              ...o,
-              quantity: a.amount,
-              measurement: a.measurement
-            };
-            l.enableTotalCost && (r.totalCost = ee(o.sku, o.quantity, o.measurement, {
-              supplier: t.supplier,
-              // NOTE: set undefined here if `manualTotalCost[row.sku._id] = false`, so that the function
-              // will return the auto calculated default cost instead of the manual total cost
-              manualTotalCost: s[o.sku._id] ? r.totalCost : void 0
-            })), t.updateItem(r);
-          },
-          stepper: o.quantityStep,
-          disableUnit: !!t.template,
-          rules: [
-            nt(
-              +j(
-                o.minimumQuantity ?? {
-                  amount: 1,
-                  precision: rt(o.sku.unit, o.measurement)
-                }
-              )
-            )
-          ],
-          applyDefaultRules: !0
-        });
-      },
-      enableSorting: !1
-    },
-    {
-      id: "Cost",
-      header: Tt,
-      size: 180,
-      cell(v) {
-        const o = v.row.original, a = m(o.sku), r = e.value.xs || e.value.sm;
-        return !s[o.sku._id] && a ? V(
-          "div",
-          {
-            class: "flex gap-4 fm-typo-en-body-md-400 items-center",
-            key: o.sku._id
-          },
-          [
-            V(X.FmButton, {
-              prependIcon: "edit",
-              variant: Ce.Tertiary,
-              onClick() {
-                t.updateItem({
-                  ...o,
-                  totalCost: ee(o.sku, o.quantity, o.measurement, {
-                    supplier: t.supplier
-                  })
-                }), s[o.sku._id] = !0;
-              }
-            }),
-            V(
-              "div",
-              {
-                class: "flex flex-col"
-              },
-              [
-                V(
-                  "span",
-                  r ? Le(
-                    ee(o.sku, o.quantity, o.measurement, {
-                      supplier: t.supplier
-                    })
-                  ) : j(
-                    ee(o.sku, o.quantity, o.measurement, {
-                      supplier: t.supplier
-                    })
-                  )
-                ),
-                V(
-                  "span",
-                  {
-                    class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400"
-                  },
-                  "Auto-calculated"
-                )
-              ]
-            )
-          ]
-        ) : V(
-          X.FmTextField,
-          {
-            modelValue: j(o.totalCost ?? { amount: 0, precision: 0 }),
-            key: o.sku._id,
-            "onUpdate:modelValue": (b) => {
-              t.updateItem({
-                ...o,
-                totalCost: {
-                  ...lt(+b),
-                  currency: ke()
-                }
-              });
-            },
-            rules: [Te(0), it(2)]
-          },
-          {
-            prepend() {
-              return r ? V("div", { class: "text-fm-typo-en-body-lg-400" }, Ne()) : null;
-            },
-            append() {
-              return a ? V(X.FmButton, {
-                prependIcon: "close",
-                variant: "tertiary",
-                onClick() {
-                  t.updateItem({
-                    ...o,
-                    // NOTE: different from PO template, if a default cost is reenabled,
-                    // the total cost will automatically assigned
-                    totalCost: ee(o.sku, o.quantity, o.measurement, {
-                      supplier: t.supplier
-                    })
-                  }), s[o.sku._id] = !1;
-                }
-              }) : null;
-            }
-          }
-        );
-      },
-      enableSorting: !1
-    },
-    {
-      id: "Delete",
-      header: "",
-      cell(v) {
-        const o = v.row.original;
-        return V(X.FmButton, {
-          key: o.sku._id,
-          class: "delete-button",
-          type: "button",
-          icon: "delete",
-          variant: "tertiary",
-          size: "md",
-          onClick: () => {
-            t.deleteItem(o);
-          }
-        });
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    }
-  ];
-  return {
-    columnDefs: F(() => l.enableTotalCost && t.transferType === x.PURCHASE ? p : p.filter(
-      (v) => v.id !== "Cost"
-      /* Cost */
-    ))
-  };
-}
-function St(t = "modelValue") {
-  var m, p;
-  const d = ((m = $e()) == null ? void 0 : m.props) ?? {}, s = ((p = $e()) == null ? void 0 : p.emit) ?? (() => {
-  }), e = Be(qe(d[t])), l = `update:${ut(t)}`;
-  return fe(e, (k) => {
-    s(l, k);
-  }), e;
-}
-const Pt = { class: "flex flex-col gap-8 px-16 xs:px-4 sm:px-4 py-4 items-center" }, Ft = { class: "fm-typo-en-body-lg-600 xs:fm-typo-en-body-md-600 mr-auto xs:w-full" }, $t = { class: "w-[450px] xs:w-full flex" }, At = { class: "fm-typo-en-body-md-400 whitespace-nowrap" }, Dt = /* @__PURE__ */ u("span", { class: "text-fm-color-typo-secondary" }, "/", -1), It = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Vt = /* @__PURE__ */ u("span", null, /* @__PURE__ */ M(" "), -1), ze = /* @__PURE__ */ oe({
-  __name: "SupplierPriceHistory",
-  props: {
-    prices: {}
-  },
-  setup(t) {
-    const d = ve();
-    function s(e) {
-      return d.suppliers.find((l) => l._id === e);
-    }
-    return (e, l) => (T(), $("div", Pt, [
-      (T(!0), $(ue, null, ge(Object.keys(e.prices), (m) => {
-        var p;
-        return T(), $("div", {
-          key: m,
-          class: "flex items-center gap-12 xs:gap-4 xs:flex-wrap w-full"
-        }, [
-          u("div", Ft, M((p = s(m)) == null ? void 0 : p.name), 1),
-          u("div", $t, [
-            (T(!0), $(ue, null, ge(e.prices[m].slice(0, 3), (k) => {
-              var v;
-              return T(), $("div", {
-                key: k.date,
-                class: "flex flex-col w-[150px] xs:flex-1 text-ellipsis cursor-pointer"
-              }, [
-                u("div", At, [
-                  u("span", null, M(k.totalCost ? n(Le)(k.totalCost) : "No data"), 1),
-                  Dt,
-                  u("span", null, M(n(j)(k.totalUnit, !1)), 1),
-                  u("span", null, M(((v = k.measurement) == null ? void 0 : v.abbrev) ?? k.unit.abbrev), 1)
-                ]),
-                u("div", It, [
-                  u("span", null, "(#" + M(k.seqNumber) + ")", 1),
-                  Vt,
-                  u("span", null, M(n(xe)(new Date(k.date))), 1)
-                ])
-              ]);
-            }), 128))
-          ])
-        ]);
-      }), 128))
-    ]));
-  }
-}), Rt = { class: "flex flex-col gap-8 py-16" }, Bt = { class: "flex items-center" }, Ut = { class: "flex-1 flex gap-1 items-center" }, Ot = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Et = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Mt = { class: "flex gap-8 w-full" }, Lt = { class: "flex-1 flex flex-col gap-4" }, Nt = /* @__PURE__ */ u("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1), qt = { class: "flex-1 flex flex-col gap-4" }, Ht = /* @__PURE__ */ u("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1), zt = { class: "flex gap-8 w-full" }, jt = { class: "flex-1 flex flex-col gap-4" }, Kt = /* @__PURE__ */ u("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1), Yt = { class: "flex-1 flex flex-col gap-4" }, Wt = /* @__PURE__ */ u("div", { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, null, -1), Zt = /* @__PURE__ */ oe({
-  __name: "TransferItem",
-  props: {
-    cellByColId: {},
-    comparePriceBySku: {},
-    showComparePrice: { type: Boolean },
-    row: {}
-  },
-  setup(t) {
-    const { t: d } = ce();
-    return (s, e) => {
-      var p, k, v, o, a, r, b, f, i, y, S, I, Z, O, L, Y, N, h, g, U, q, H, de, se, he, c, _;
-      const l = P("FmLabel"), m = P("FmSpacer");
-      return T(), $("div", Rt, [
-        u("div", Bt, [
-          u("div", Ut, [
-            u("span", Ot, " (" + M(s.row.original.sku.code) + ") ", 1),
-            u("span", Et, M(s.row.original.sku.name), 1)
-          ]),
-          u("div", null, [
-            C(n(le), {
-              render: (v = (k = (p = s.cellByColId.Delete) == null ? void 0 : p.column) == null ? void 0 : k.columnDef) == null ? void 0 : v.cell,
-              props: (a = (o = s.cellByColId.Delete) == null ? void 0 : o.getContext) == null ? void 0 : a.call(o)
-            }, null, 8, ["render", "props"])
-          ])
-        ]),
-        u("div", Mt, [
-          u("div", Lt, [
-            C(l, {
-              label: n(d)(`inventory.transfer.form.items.table.${n(R).Code}`)
-            }, null, 8, ["label"]),
-            C(n(le), {
-              render: (f = (b = (r = s.cellByColId[n(R).Code]) == null ? void 0 : r.column) == null ? void 0 : b.columnDef) == null ? void 0 : f.cell,
-              props: (y = (i = s.cellByColId[n(R).Code]) == null ? void 0 : i.getContext) == null ? void 0 : y.call(i)
-            }, null, 8, ["render", "props"]),
-            Nt
-          ]),
-          u("div", qt, [
-            C(l, {
-              label: n(d)(`inventory.transfer.form.items.table.${n(R).Name}`)
-            }, null, 8, ["label"]),
-            C(n(le), {
-              render: (Z = (I = (S = s.cellByColId[n(R).Name]) == null ? void 0 : S.column) == null ? void 0 : I.columnDef) == null ? void 0 : Z.cell,
-              props: (L = (O = s.cellByColId[n(R).Name]) == null ? void 0 : O.getContext) == null ? void 0 : L.call(O)
-            }, null, 8, ["render", "props"]),
-            Ht
-          ])
-        ]),
-        u("div", zt, [
-          u("div", jt, [
-            C(l, {
-              label: n(d)(`inventory.transfer.form.items.table.${n(R).Amount}`)
-            }, null, 8, ["label"]),
-            C(n(le), {
-              render: (h = (N = (Y = s.cellByColId[n(R).Amount]) == null ? void 0 : Y.column) == null ? void 0 : N.columnDef) == null ? void 0 : h.cell,
-              props: (U = (g = s.cellByColId[n(R).Amount]) == null ? void 0 : g.getContext) == null ? void 0 : U.call(g)
-            }, null, 8, ["render", "props"]),
-            Kt
-          ]),
-          u("div", Yt, [
-            C(He, { "z-index": 50 }, {
-              default: D(() => [
-                C(l, {
-                  label: n(d)(`inventory.transfer.form.items.table.${n(R).Cost}2`)
-                }, null, 8, ["label"])
-              ]),
-              _: 1
-            }),
-            C(n(le), {
-              render: (de = (H = (q = s.cellByColId[n(R).Cost]) == null ? void 0 : q.column) == null ? void 0 : H.columnDef) == null ? void 0 : de.cell,
-              props: (he = (se = s.cellByColId[n(R).Cost]) == null ? void 0 : se.getContext) == null ? void 0 : he.call(se)
-            }, null, 8, ["render", "props"]),
-            Wt
-          ])
-        ]),
-        s.showComparePrice && Object.keys(s.comparePriceBySku[(c = s.row.original.sku) == null ? void 0 : c._id] ?? {}).length > 0 ? (T(), $(ue, { key: 0 }, [
-          C(m, { class: "h-8" }),
-          C(ze, {
-            prices: s.comparePriceBySku[(_ = s.row.original.sku) == null ? void 0 : _._id]
-          }, null, 8, ["prices"])
-        ], 64)) : z("", !0)
-      ]);
-    };
-  }
-});
-function pe(t) {
-  return ct.parse(t);
-}
-function me(t) {
-  return {
-    _id: t.doc._id,
-    internal: t.type,
-    contactName: t.doc.profile.name,
-    name: t.doc.profile.name,
-    email: t.doc.profile.email,
-    phoneNumber: t.doc.profile.phoneNo,
-    registrationNumber: t.doc.profile.regNo,
-    address: t.doc.profile.address
-  };
-}
-function Qt(t, d) {
-  const s = ve(), e = K();
-  e.watchLocation(async () => {
-    await s.readSuppliers();
-    const a = t();
-    if (a.supplier._id) return;
-    const r = s.suppliers[0], b = e.locations[0];
-    d({
-      ...a,
-      supplier: r ? pe(r) : b ? me(b) : a.supplier
-    });
-  });
-  const l = F(
-    () => {
-      var a, r;
-      return typeof ((r = (a = t()) == null ? void 0 : a.supplier) == null ? void 0 : r.internal) == "string" ? x.TRANSFER : x.PURCHASE;
-    }
-  ), m = F({
-    get() {
-      var a, r;
-      return (r = (a = t()) == null ? void 0 : a.supplier) == null ? void 0 : r._id;
-    },
-    set(a) {
-      const r = t() ?? {};
-      if (l.value === x.PURCHASE) {
-        const i = s.suppliers.find((y) => y._id === a);
-        d({
-          ...r,
-          supplier: i ? pe(i) : r.supplier
-        });
-        return;
-      }
-      const f = e.locations.find((i) => i.doc._id === a);
-      d({
-        ...r,
-        supplier: f ? me(f) : r.supplier
-      });
-    }
-  }), p = F(() => s.suppliers.map(pe)), k = F(() => {
-    var r;
-    const a = ((r = e._currentLocation) == null ? void 0 : r.type) === we.warehouse;
-    return e.locations.filter((b) => {
-      var i;
-      return !(b.dbName === ((i = e._currentLocation) == null ? void 0 : i.dbName)) && (!a || b.type === we.warehouse) && b.acceptRequest;
-    }).map(me);
-  }), v = F(() => l.value === x.PURCHASE ? p.value.map((r) => ({
-    label: r.name,
-    value: r._id
-  })) : k.value.map((r) => ({
-    label: r.name,
-    sublabel: r.internal ? `${r.internal}` : void 0,
-    value: r._id
-  }))), o = F(() => {
-    var f, i;
-    const a = (i = (f = t()) == null ? void 0 : f.supplier) == null ? void 0 : i._id;
-    if (l.value === x.PURCHASE) {
-      const y = s.suppliers.find((S) => S._id === a);
-      return y ? pe(y) : null;
-    }
-    const b = e.locations.find((y) => y.doc._id);
-    return b ? me(b) : null;
-  });
-  return {
-    transferLocationModel: m,
-    transferLocationOptions: v,
-    locationOptionsTypePurchase: p,
-    locationOptionsTypeTransfer: k,
-    selectedLocation: o
-  };
-}
-function Gt(t) {
-  const d = F({
-    get() {
-      const m = t.getEffectiveAt();
-      return m ? new Date(m) : null;
-    },
-    set(m) {
-      t.setEffectiveAt((m == null ? void 0 : m.toISOString()) ?? null);
-    }
-  }), s = F({
-    get() {
-      return !!d.value;
-    },
-    set(m) {
-      m ? d.value = /* @__PURE__ */ new Date() : d.value = null;
-    }
-  }), e = F({
-    get() {
-      return d.value === null ? "" : xe(d.value);
-    },
-    set(m) {
-      m ? d.value = /* @__PURE__ */ new Date(`${m} ${l.value}`) : d.value = null;
-    }
-  }), l = F({
-    get() {
-      return d.value === null ? "" : dt(d.value);
-    },
-    set(m) {
-      m ? d.value = /* @__PURE__ */ new Date(`${e.value} ${m}`) : d.value = null;
-    }
-  });
-  return {
-    backdatePo: d,
-    backdateSwitch: s,
-    backdateModel: e,
-    backdateTimeModel: l
-  };
-}
-const Jt = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, Xt = ["fill"], eo = ["fill"], to = ["stroke"], oo = ["stroke"], so = /* @__PURE__ */ oe({
-  __name: "SparkIcon",
-  props: {
-    size: {
-      type: Number,
-      default: 24
-    },
-    color: {
-      type: String,
-      default: "#c7c7cc"
-    }
-  },
-  setup(t) {
-    return (d, s) => (T(), $("svg", Jt, [
-      u("path", {
-        d: "M7.6 7.6C8.17076 6.94229 8.5 5.5 8.5 5.5C8.5 5.5 8.81356 6.87361 9.35714 7.5C9.92948 8.15953 11.5 8.5 11.5 8.5C11.5 8.5 9.92948 8.69761 9.35714 9.35714C8.81356 9.98354 8.5 11.5 8.5 11.5C8.5 11.5 8.32076 10.1888 7.75 9.59091C7.14905 8.96136 5.5 8.5 5.5 8.5C5.5 8.5 6.99905 8.29251 7.6 7.6Z",
-        fill: t.color
-      }, null, 8, Xt),
-      u("path", {
-        d: "M12.2 12.2C13.3415 10.8846 14 8 14 8C14 8 14.6271 10.7472 15.7143 12C16.859 13.3191 20 14 20 14C20 14 16.859 14.3952 15.7143 15.7143C14.6271 16.9671 14 20 14 20C14 20 13.6415 17.3777 12.5 16.1818C11.2981 14.9227 8 14 8 14C8 14 10.9981 13.585 12.2 12.2Z",
-        fill: t.color
-      }, null, 8, eo),
-      u("path", {
-        d: "M7.6 7.6C8.17076 6.94229 8.5 5.5 8.5 5.5C8.5 5.5 8.81356 6.87361 9.35714 7.5C9.92948 8.15953 11.5 8.5 11.5 8.5C11.5 8.5 9.92948 8.69761 9.35714 9.35714C8.81356 9.98354 8.5 11.5 8.5 11.5C8.5 11.5 8.32076 10.1888 7.75 9.59091C7.14905 8.96136 5.5 8.5 5.5 8.5C5.5 8.5 6.99905 8.29251 7.6 7.6Z",
-        stroke: t.color,
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
-      }, null, 8, to),
-      u("path", {
-        d: "M12.2 12.2C13.3415 10.8846 14 8 14 8C14 8 14.6271 10.7472 15.7143 12C16.859 13.3191 20 14 20 14C20 14 16.859 14.3952 15.7143 15.7143C14.6271 16.9671 14 20 14 20C14 20 13.6415 17.3777 12.5 16.1818C11.2981 14.9227 8 14 8 14C8 14 10.9981 13.585 12.2 12.2Z",
-        stroke: t.color,
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
-      }, null, 8, oo)
-    ]));
-  }
-}), ao = { class: "flex gap-8 items-center" }, no = /* @__PURE__ */ u("div", { class: "fm-typo-en-body-lg-600 line-clamp-1" }, "Forecast stock", -1), ro = { class: "w-[343px] px-24 py-16 rounded-lg shadow-light-300 flex flex-col gap-[20px]" }, lo = { class: "flex items-center w-full" }, io = { class: "flex-1" }, uo = /* @__PURE__ */ u("p", { class: "fm-typo-en-title-sm-800" }, "Forecast stock", -1), co = { class: "flex items-start gap-8" }, po = /* @__PURE__ */ u("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Selecting forecast stock will replace your current item selection. ", -1), mo = { class: "flex gap-1" }, fo = /* @__PURE__ */ u("div", { class: "grow" }, null, -1), Ve = /* @__PURE__ */ oe({
-  __name: "ForecastStock",
-  props: {
-    disabled: { type: Boolean }
-  },
-  emits: ["update:poItems"],
-  setup(t, { emit: d }) {
-    const s = d, e = B(!1), l = B(7), m = bt(), p = ye(), k = Se();
-    async function v() {
-      if (l.value < 1)
-        return;
-      e.value = !1, await m.readPurchaseOrder(l.value);
-      const o = [];
-      if (m.purchaseOrderForecast.skus.length <= 0) {
-        p.open({ message: "There is no forecast at the moment.", type: "info" });
-        return;
-      }
-      const a = m.purchaseOrderForecast.skus.reduce((r, b) => {
-        const f = k.skus.find((S) => S._id === b.id);
-        if (r.find((S) => S.sku._id === b.id) || !f)
-          return r;
-        const y = {
-          sku: f,
-          code: f.code,
-          name: f.name,
-          quantity: {
-            amount: b.amount,
-            precision: 0
-          }
-        };
-        return r.push(y), r;
-      }, o);
-      s("update:poItems", a);
-    }
-    return (o, a) => {
-      const r = P("FmButton"), b = P("FmIcon"), f = P("FmStepperField"), i = P("FmPopover");
-      return T(), E(i, {
-        disabled: o.disabled,
-        class: "flex",
-        "show-popover": e.value,
-        onPopoverChanged: a[3] || (a[3] = (y) => e.value = y)
-      }, {
-        "popover-button": D(() => [
-          C(r, {
-            label: "unused",
-            variant: "secondary",
-            "text-color": o.disabled ? "disabled" : "primary",
-            "bg-color": "transparent",
-            "border-color": o.disabled ? "disabled" : "primary",
-            disabled: o.disabled
-          }, {
-            default: D(() => [
-              u("div", ao, [
-                C(so, {
-                  size: 24,
-                  color: o.disabled ? "#c7c7cc" : "#ff7823"
-                }, null, 8, ["color"]),
-                no
-              ])
-            ]),
-            _: 1
-          }, 8, ["text-color", "border-color", "disabled"])
-        ]),
-        default: D(() => [
-          u("div", ro, [
-            u("div", lo, [
-              u("div", io, [
-                C(kt, { "z-index": 99 }, {
-                  default: D(() => [
-                    uo
-                  ]),
-                  _: 1
-                })
-              ]),
-              C(r, {
-                icon: "close",
-                size: "md",
-                variant: "tertiary",
-                onClick: a[0] || (a[0] = (y) => e.value = !1)
-              })
-            ]),
-            C(f, {
-              modelValue: l.value,
-              "onUpdate:modelValue": a[1] || (a[1] = (y) => l.value = y),
-              label: "Enter day to forecast stock",
-              rules: [n(Te)(1)]
-            }, {
-              "helper-text": D(() => [
-                u("div", co, [
-                  C(b, {
-                    name: "warning",
-                    size: "sm",
-                    class: "text-fm-color-system-warning-300"
-                  }),
-                  po
-                ])
-              ]),
-              _: 1
-            }, 8, ["modelValue", "rules"]),
-            u("div", mo, [
-              fo,
-              C(r, {
-                label: "Cancel",
-                variant: "tertiary",
-                onClick: a[2] || (a[2] = (y) => e.value = !1)
-              }),
-              C(r, {
-                label: "Generate",
-                onClick: v
-              })
-            ])
-          ])
-        ]),
-        _: 1
-      }, 8, ["disabled", "show-popover"]);
-    };
-  }
-}), je = pt((t, d) => ({
-  async getTemplate(s) {
-    const e = K(), l = `${t.inventoryBackendUrl}/${e.currentLocationDBName}/purchase-order-template/${s}`;
-    return d.get(l);
-  },
-  async readTemplates() {
-    const s = K(), e = `${t.inventoryBackendUrl}/${s.currentLocationDBName}/purchase-order-template`;
-    return d.get(e);
-  },
-  async createTemplate(s) {
-    const e = K(), l = `${t.inventoryBackendUrl}/${e.currentLocationDBName}/purchase-order-template`;
-    return d.post(l, s);
-  },
-  async updateTemplate(s) {
-    const e = K(), l = `${t.inventoryBackendUrl}/${e.currentLocationDBName}/purchase-order-template`;
-    return d.post(l, s);
-  },
-  async deleteTemplate(s) {
-    const e = K(), l = `${t.inventoryBackendUrl}/${e.currentLocationDBName}/purchase-order-template`;
-    return d.delete(l, { _id: s._id, _rev: s._rev });
-  }
-})), yo = wt("transferTemplateActions", () => {
-  const t = et("receive/request"), d = Oe(), s = ye(), e = je(), l = B({});
-  function m() {
-    l.value = {
-      mode: te.CREATE,
-      show: !0,
-      "onUpdate:show"(a) {
-        l.value.show = a;
-      }
-    };
-  }
-  function p(a) {
-    l.value = {
-      mode: te.UPDATE,
-      modelValue: a,
-      show: !0,
-      "onUpdate:show"(r) {
-        l.value.show = r;
-      }
-    };
-  }
-  function k(a, r, b) {
-    d.open({
-      title: `Confirm deleting template ${a.name}?`,
-      message: "Deleted template can no longer be retrieved",
-      primaryActions: {
-        text: "Delete",
-        variant: Ce.Destructive,
-        close: !0
-      },
-      secondaryActions: {
-        text: "Cancel",
-        variant: Ce.Plain,
-        close: !0
-      }
-    }).onPrimary(async () => {
-      s.open({
-        title: `Deleting ${a.name}`,
-        type: "info"
-      });
-      try {
-        r.value = !0;
-        const [f] = await Promise.allSettled([
-          e.deleteTemplate(a),
-          new Promise((i) => setTimeout(i, 1e3))
-        ]);
-        if (f.status === "rejected") throw f.reason;
-        s.open({
-          title: `Deleted ${a.name}`,
-          type: "success"
-        });
-      } catch (f) {
-        s.open({
-          title: `Unable to delete ${a.name}`,
-          message: `See error from server: ${f}`,
-          type: "error"
-        }), console.error("error on deleting purchase order template", f);
-      } finally {
-        r.value = !1, b();
-      }
-    });
-  }
-  function v(a) {
-  }
-  function o(a) {
-    t.promptCreateTransferDialog({
-      ...a.purchaseOrder,
-      template: a._id
-    });
-  }
-  return {
-    createTemplate: m,
-    viewTemplate: v,
-    updateTemplate: p,
-    deleteTemplate: k,
-    useTemplate: o,
-    templateDialogProps: l,
-    transferFormDialogProps: t.transferDialogProps
-  };
-});
-function be(t) {
-  var s;
-  return ((s = t == null ? void 0 : t.supplier) == null ? void 0 : s.internal) ? x.TRANSFER : x.PURCHASE;
-}
-const Re = "use";
-function vo() {
-  const { t } = ce(), { viewTemplate: d, updateTemplate: s, deleteTemplate: e, useTemplate: l } = yo(), m = B(new Array()), p = B(!1), k = K(), v = je();
-  async function o() {
-    if (m.value = [], !!k._currentLocation) {
-      p.value = !0;
-      try {
-        const [f] = await Promise.all([
-          v.readTemplates(),
-          new Promise((i) => setTimeout(i, 1e3))
-        ]);
-        m.value = f;
-      } catch (f) {
-        console.log("Something went wrong when fetching templates:", f);
-      } finally {
-        p.value = !1;
-      }
-    }
-  }
-  async function a(f) {
-    if (!m.value.find((i) => i._id) && k._currentLocation) {
-      p.value = !0;
-      try {
-        const [i] = await Promise.all([
-          v.getTemplate(f),
-          new Promise((y) => setTimeout(y, 1e3))
-        ]);
-        m.value = [i];
-      } catch (i) {
-        console.log("Something went wrong when fetching templates:", i);
-      } finally {
-        p.value = !1;
-      }
-    }
-  }
-  function r(f, i) {
-    switch (i = qe(i), f) {
-      case Re:
-        return l(i);
-      case ie.Details:
-        return d(i);
-      case ie.Edit:
-        return s(i);
-      case ie.Delete:
-        return e(i, p, o);
-    }
-  }
-  return { columnDefs: [
-    {
-      id: "_id",
-      accessorKey: "_id",
-      header: () => t("inventory.transfer.table.createdAt"),
-      cell(f) {
-        return tt(`${f.getValue()}`);
-      },
-      enableSorting: !0
-    },
-    {
-      id: "name",
-      accessorKey: "name",
-      header: () => t("inventory.transfer.table.name"),
-      enableSorting: !0,
-      size: 200
-    },
-    {
-      id: "supplier",
-      accessorKey: "purchaseOrder.supplier.name",
-      header: () => t("inventory.transfer.table.transferFrom"),
-      enableSorting: !0,
-      size: 200
-    },
-    {
-      id: "type",
-      header: () => t("inventory.transfer.receiveRequest.details.type.title"),
-      enableSorting: !0,
-      sortingFn(f, i) {
-        const y = be(f.original.purchaseOrder), S = be(i.original.purchaseOrder);
-        return y.localeCompare(S);
-      },
-      size: 200,
-      cell(f) {
-        const i = be(f.row.original.purchaseOrder), y = t(
-          `inventory.transfer.receiveRequest.details.type.${i.toLocaleLowerCase()}`
-        );
-        return V(X.FmChip, {
-          label: y,
-          class: "fm-chip-transfer-info",
-          compact: !0
-        });
-      }
-    },
-    {
-      id: "noOfItems",
-      accessorKey: "purchaseOrder.items.length",
-      header: () => t("inventory.transfer.table.noOfItems"),
-      enableSorting: !1,
-      meta: {
-        width: "10rem",
-        textAlign: "right"
-      }
-    },
-    {
-      id: "ref",
-      accessorKey: "purchaseOrder.ref",
-      header: () => t("inventory.transfer.table.reference"),
-      enableSorting: !1,
-      size: "auto"
-    },
-    {
-      id: "action",
-      cell(f) {
-        const i = f.row.original, y = [
-          {
-            label: t("inventory.transfer.template.use"),
-            value: Re,
-            color: "text-fm-color-typo-primary"
-          },
-          De[ie.Edit],
-          De[ie.Delete]
-        ];
-        return gt(y, (S) => r(S, i));
-      },
-      enableSorting: !1,
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    }
-  ], templates: m, loading: p, fetchTemplates: o, loadTemplate: a };
-}
-function ho() {
-  const t = ye(), d = Ee(), s = B(!1);
-  fe(s, (p) => {
-    p && (l.value = !0, e().finally(() => {
-      l.value = !1;
-    }));
-  });
-  async function e() {
-    try {
-      const { startDate: p, endDate: k } = mt(6), a = (await d.getPurchaseOrders({ start: p, end: k })).filter(
-        (r) => {
-          var b, f;
-          return r.status === ft.enum.COMPLETE && ((b = r.supplier) == null ? void 0 : b.internal) !== "warehouse" && ((f = r.supplier) == null ? void 0 : f.internal) !== "restaurant";
-        }
-      ).reduce((r, b) => {
-        const f = new Date(yt(b._id)), i = b.supplier._id;
-        for (const y of b.items) {
-          if (!y.totalCost) continue;
-          const S = r[y.sku._id] ?? {}, I = S[i] ?? [];
-          I.push({
-            date: f.toISOString(),
-            totalUnit: y.quantity,
-            totalCost: y.totalCost,
-            unit: y.sku.unit,
-            measurement: y.measurement,
-            seqNumber: b.seqNumber
-          }), S[i] = I, r[y.sku._id] = S;
-        }
-        return r;
-      }, {});
-      m.value = a;
-    } catch {
-      t.open({
-        title: "Something went wrong",
-        message: "Cannot retrieve supplier purchase history. Please try again."
-      }), s.value = !1;
-    }
-  }
-  const l = B(!1), m = B({});
-  return {
-    comparePricesToggle: s,
-    comparePriceFetching: l,
-    comparePriceBySku: m
-  };
-}
-const _o = { class: "fm-typo-body-md-400 line-clamp-2 w-full" }, bo = { key: 0 }, go = ["colspan"], Co = /* @__PURE__ */ oe({
-  __name: "TransferItemTable",
-  props: {
-    row: {},
-    comparePriceBySku: {},
-    showComparePrice: { type: Boolean }
-  },
-  setup(t) {
-    function d(s) {
-      return s.column.columnDef.meta;
-    }
-    return (s, e) => {
-      var l, m;
-      return T(), $(ue, null, [
-        u("tr", {
-          class: Ae(["border-b border-fm-color-neutral-gray-100 hover:bg-fm-color-opacity-sm", {
-            "bg-fm-color-neutral-gray-100": s.row.getIsSelected()
-          }])
-        }, [
-          (T(!0), $(ue, null, ge(s.row.getVisibleCells(), (p) => {
-            var k, v, o, a;
-            return T(), $("td", {
-              key: p.id,
-              class: Ae([
-                "h-[52px] px-16 text-fm-color-typo-primary",
-                ((k = d(p)) == null ? void 0 : k.cellClass) ?? "px-16"
-              ]),
-              style: Ge({
-                width: (v = d(p)) == null ? void 0 : v.width,
-                maxWidth: (o = d(p)) == null ? void 0 : o.maxWidth,
-                textAlign: ((a = d(p)) == null ? void 0 : a.textAlign) ?? "left"
-              })
-            }, [
-              u("span", _o, [
-                C(n(le), {
-                  render: p.column.columnDef.cell,
-                  props: p.getContext()
-                }, null, 8, ["render", "props"])
-              ])
-            ], 6);
-          }), 128))
-        ], 2),
-        s.showComparePrice && Object.keys(s.comparePriceBySku[(l = s.row.original.sku) == null ? void 0 : l._id] ?? {}).length > 0 ? (T(), $("tr", bo, [
-          u("td", {
-            colspan: s.row.getVisibleCells().length
-          }, [
-            C(ze, {
-              prices: s.comparePriceBySku[(m = s.row.original.sku) == null ? void 0 : m._id]
-            }, null, 8, ["prices"])
-          ], 8, go)
-        ])) : z("", !0)
-      ], 64);
-    };
-  }
-}), ko = { class: "flex flex-col gap-4" }, wo = { class: "flex items-center gap-8 overflow-x-auto pb-12" }, To = { class: "flex flex-col gap-16" }, xo = { class: "flex flex-col gap-24" }, So = {
-  key: 0,
-  class: "p-16 border border-fm-color-neutral-gray-300 fm-corner-radius-md flex flex-col"
-}, Po = { class: "flex xs:flex-col sm:flex-col" }, Fo = /* @__PURE__ */ u("div", { class: "xs:hidden sm:hidden h-48 lg:w-16 md:w-16" }, null, -1), $o = {
-  key: 0,
-  class: "flex-1 flex gap-8 h-48 xs:flex-col xs:pt-16 sm:flex-col sm:pt-16"
-}, Ao = { class: "flex-1" }, Do = { class: "flex-1" }, Io = {
-  key: 1,
-  class: "flex items-center gap-4"
-}, Vo = /* @__PURE__ */ u("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary translate-y-[1px]" }, " Cannot backdate without an initial closing made to the system. ", -1), Ro = { class: "flex flex-col gap-16" }, Bo = { class: "flex sm:flex-col xs:flex-col gap-16 items-center xs:items-start sm:items-start" }, Uo = /* @__PURE__ */ u("div", { class: "flex-1 gap-8 fm-typo-en-title-sm-800" }, "Transfer items", -1), Oo = { class: "flex gap-8" }, Eo = /* @__PURE__ */ u("div", null, "Forecast is not available on transfer document created from a template.", -1), Mo = {
-  key: 0,
-  class: "xs:w-full"
-}, Lo = /* @__PURE__ */ oe({
-  __name: "TransferForm2",
-  props: {
-    modelValue: {},
-    disabled: { type: Boolean },
-    suppliers: {},
-    skus: {},
-    lastClosingDate: {}
-  },
-  setup(t, { expose: d }) {
-    const s = t, e = St(), { t: l } = ce(), m = K(), p = Se(), k = ve(), v = Me(), o = vo(), a = F(
-      () => o.templates.value.find((c) => c._id === e.template)
-    ), r = F(() => e.status === "DRAFT" || !e._rev);
-    Ue(() => {
-      e.template && o.loadTemplate(e.template);
-    });
-    const b = F(
-      () => m.currentLocation.type === we.restaurant
-    );
-    fe(
-      () => s.modelValue,
-      (c) => {
-        console.log("TransferForm.model", c);
-      }
-    ), m.watchLocation(async () => {
-      location && (e.supplier || (e.supplier = k.suppliers.find((c) => c) ?? e.supplier));
-    });
-    const f = Oe(), i = Qt(
-      () => e,
-      (c) => {
-        Object.assign(e, c);
-      }
-    ), y = F({
-      get() {
-        var c;
-        return typeof ((c = e == null ? void 0 : e.supplier) == null ? void 0 : c.internal) == "string" ? x.TRANSFER : x.PURCHASE;
-      },
-      set(c) {
-        var A;
-        const _ = typeof ((A = e == null ? void 0 : e.supplier) == null ? void 0 : A.internal) == "string" ? x.TRANSFER : x.PURCHASE;
-        c !== _ && (e.supplier = c === x.PURCHASE ? i.locationOptionsTypePurchase.value[0] : i.locationOptionsTypeTransfer.value[0]);
-      }
-    }), S = F(() => i.transferLocationOptions.value), I = F({
-      get() {
-        return e.supplier._id;
-      },
-      set(c) {
-        i.transferLocationModel.value = c;
-      }
-    }), Z = F({
-      get() {
-        return e.remark ?? void 0;
-      },
-      set(c) {
-        e.remark = c;
-      }
-    }), { backdatePo: O, backdateSwitch: L, backdateModel: Y, backdateTimeModel: N } = Gt({
-      getEffectiveAt() {
-        return e.effectiveAt;
-      },
-      setEffectiveAt(c) {
-        e.effectiveAt = c;
-      }
-    }), { comparePricesToggle: h, comparePriceFetching: g, comparePriceBySku: U } = ho(), q = B();
-    d({
-      validateInputs: () => {
-        var c, _;
-        (_ = (c = q.value) == null ? void 0 : c.validateInputs) == null || _.call(c);
-      },
-      resetInputsValidation: () => {
-        var c, _;
-        (_ = (c = q.value) == null ? void 0 : c.resetInputsValidation) == null || _.call(c);
-      },
-      resetInputs: () => {
-        var c, _;
-        (_ = (c = q.value) == null ? void 0 : c.resetInputs) == null || _.call(c);
-      }
-    });
-    const H = xt({
-      updateItem: (c) => {
-        e.items = e.items.map((_) => _.sku._id !== c.sku._id ? _ : c);
-      },
-      deleteItem: (c) => {
-        e.items = e.items.filter((_) => _.sku._id !== c.sku._id);
-      },
-      get supplier() {
-        return e.supplier;
-      },
-      get items() {
-        return e.items;
-      },
-      get transferType() {
-        return y.value;
-      },
-      get template() {
-        return a.value;
-      }
-    }), de = F(() => H.columnDefs.value);
-    function se() {
-      const c = p.skus.map((A) => ({
-        label: A.name,
-        sublabel: A.code,
-        value: A
-      })), _ = c.filter((A) => {
-        var Q;
-        return (Q = e.items) == null ? void 0 : Q.find((ae) => ae.sku._id === A.value._id);
-      }).map((A) => A.value);
-      f.open({
-        title: "Select item",
-        closeButton: !0,
-        contentComponent: _t,
-        contentComponentProps: {
-          modelValue: _,
-          items: c
-        },
-        primaryActions: {
-          text: "Confirm",
-          close: !0
-        },
-        secondaryActions: {
-          text: "Close",
-          close: !0,
-          variant: "tertiary"
-        }
-      }).onPrimary((A) => {
-        const Q = e.items ?? [], ae = A.map((W) => {
-          const G = Q.find((_e) => _e.sku._id === W._id);
-          if (G)
-            return G;
-          const J = {
-            sku: W,
-            code: W.code,
-            name: W.name,
-            quantity: {
-              amount: 1,
-              precision: 0
-            }
-          };
-          return y.value == x.PURCHASE && (J.totalCost = ee(
-            J.sku,
-            J.quantity,
-            J.measurement,
-            {
-              supplier: e.supplier
-            }
-          )), J;
-        });
-        ae.sort((W, G) => W.sku.code.localeCompare(G.sku.code)), e.items = ae;
-      });
-    }
-    function he(c) {
-      return c;
-    }
-    return (c, _) => {
-      const A = P("FmChip"), Q = P("FmSelect"), ae = P("FmTextField"), W = P("FmTextarea"), G = P("FmSwitch"), J = P("FmDatePicker"), _e = P("FmTimePicker"), Pe = P("FmFormGroup"), Ke = P("FmIcon"), Ye = P("FmButton"), We = P("FmTooltip"), Ze = P("FmTable"), Qe = P("FmForm");
-      return T(), $("div", ko, [
-        u("div", wo, [
-          a.value ? (T(), E(A, {
-            key: 0,
-            label: `Template: ${a.value.name}`,
-            icon: "summarize",
-            compact: ""
-          }, null, 8, ["label"])) : z("", !0),
-          C(A, {
-            label: n(m).currentLocation.name,
-            icon: "storefront",
-            compact: ""
-          }, null, 8, ["label"]),
-          c.lastClosingDate ? (T(), E(A, {
-            key: 1,
-            label: `Last closing: ${n(xe)(c.lastClosingDate)} ${n(vt)(c.lastClosingDate)}`,
-            icon: "calendar_month",
-            compact: ""
-          }, null, 8, ["label"])) : z("", !0)
-        ]),
-        C(Qe, {
-          ref_key: "formRef",
-          ref: q,
-          class: "flex flex-col gap-32",
-          disabled: c.disabled
-        }, {
-          default: D(() => {
-            var Fe;
-            return [
-              u("div", To, [
-                u("div", xo, [
-                  C(Q, {
-                    label: n(l)("inventory.transfer.form.type.title"),
-                    "model-value": y.value,
-                    "onUpdate:modelValue": _[0] || (_[0] = (w) => y.value = w),
-                    items: [
-                      {
-                        label: n(l)(
-                          `inventory.transfer.form.type.${n(x).PURCHASE.toLocaleLowerCase()}`
-                        ),
-                        value: n(x).PURCHASE,
-                        disabled: !n(i).locationOptionsTypePurchase.value.length,
-                        sublabel: n(i).locationOptionsTypePurchase.value.length ? void 0 : "No supplier available"
-                      },
-                      {
-                        label: n(l)(
-                          `inventory.transfer.form.type.${n(x).TRANSFER.toLocaleLowerCase()}`
-                        ),
-                        value: n(x).TRANSFER,
-                        disabled: !n(i).locationOptionsTypeTransfer.value.length,
-                        sublabel: n(i).locationOptionsTypeTransfer.value.length ? void 0 : "No location available"
-                      }
-                    ],
-                    rules: [n(Te)(1)(S.value)]
-                  }, null, 8, ["label", "model-value", "items", "rules"]),
-                  C(Q, {
-                    label: y.value === n(x).PURCHASE ? "Purchase from" : "Transfer from",
-                    modelValue: I.value,
-                    "onUpdate:modelValue": _[1] || (_[1] = (w) => I.value = w),
-                    items: S.value
-                  }, null, 8, ["label", "modelValue", "items"]),
-                  C(ae, {
-                    label: "Reference",
-                    "label-mark": "optional",
-                    modelValue: n(e).ref,
-                    "onUpdate:modelValue": _[2] || (_[2] = (w) => n(e).ref = w)
-                  }, null, 8, ["modelValue"]),
-                  C(W, {
-                    label: "Remark",
-                    "label-mark": "optional",
-                    "max-length": 240,
-                    modelValue: Z.value,
-                    "onUpdate:modelValue": _[3] || (_[3] = (w) => Z.value = w)
-                  }, null, 8, ["modelValue"]),
-                  n(v).enableBackdatePo ? (T(), $("div", So, [
-                    u("div", Po, [
-                      C(G, {
-                        modelValue: n(L),
-                        "onUpdate:modelValue": _[4] || (_[4] = (w) => re(L) ? L.value = w : null),
-                        label: "Backdate transfer",
-                        sublabel: "Apply transfer to older date",
-                        "label-placement": "right",
-                        disabled: b.value && !c.lastClosingDate
-                      }, null, 8, ["modelValue", "disabled"]),
-                      Fo,
-                      n(L) ? (T(), $("div", $o, [
-                        u("div", Ao, [
-                          C(J, {
-                            modelValue: n(Y),
-                            "onUpdate:modelValue": _[5] || (_[5] = (w) => re(Y) ? Y.value = w : null)
-                          }, null, 8, ["modelValue"])
-                        ]),
-                        u("div", Do, [
-                          C(_e, {
-                            modelValue: n(N),
-                            "onUpdate:modelValue": _[6] || (_[6] = (w) => re(N) ? N.value = w : null)
-                          }, null, 8, ["modelValue"])
-                        ])
-                      ])) : z("", !0)
-                    ]),
-                    n(O) ? (T(), E(Pe, {
-                      key: 0,
-                      modelValue: n(O),
-                      "onUpdate:modelValue": _[7] || (_[7] = (w) => re(O) ? O.value = w : null),
-                      rules: [n(ht)(new Date(c.lastClosingDate), /* @__PURE__ */ new Date())]
-                    }, null, 8, ["modelValue", "rules"])) : z("", !0),
-                    b.value && !c.lastClosingDate ? (T(), $("div", Io, [
-                      C(Ke, {
-                        name: "error",
-                        size: "sm",
-                        class: "text-fm-color-typo-warning"
-                      }),
-                      Vo
-                    ])) : z("", !0)
-                  ])) : z("", !0)
-                ])
-              ]),
-              u("div", Ro, [
-                C(Pe, {
-                  "model-value": n(e).items,
-                  rules: [
-                    function(ne) {
-                      return ne && ne.length > 0 || "Must have at least one item!";
-                    }
-                  ]
-                }, null, 8, ["model-value", "rules"]),
-                u("div", Bo, [
-                  Uo,
-                  u("div", Oo, [
-                    C(Ye, {
-                      disabled: c.disabled,
-                      label: "Add Item",
-                      "prepend-icon": "add",
-                      variant: "secondary",
-                      "text-color": "primary",
-                      "bg-color": "transparent",
-                      "border-color": "primary",
-                      onClick: _[8] || (_[8] = (w) => se()),
-                      size: "md"
-                    }, null, 8, ["disabled"]),
-                    n(e).template ? (T(), E(We, {
-                      key: 0,
-                      "z-index": 50
-                    }, {
-                      content: D(() => [
-                        Eo
-                      ]),
-                      default: D(() => [
-                        C(Ve, {
-                          "onUpdate:poItems": _[9] || (_[9] = (w) => n(e).items = w),
-                          disabled: ""
-                        })
-                      ]),
-                      _: 1
-                    })) : (T(), E(Ve, {
-                      key: 1,
-                      "onUpdate:poItems": _[10] || (_[10] = (w) => n(e).items = w),
-                      disabled: c.disabled || !!n(e).template
-                    }, null, 8, ["disabled"]))
-                  ])
-                ]),
-                y.value === n(x).PURCHASE && r.value && n(v).enableTotalCost && ((Fe = c.modelValue) != null && Fe.items.length) ? (T(), $("div", Mo, [
-                  C(G, {
-                    label: n(g) ? "Fetching data..." : "Compare price history",
-                    "prepend-icon": "compare_arrows",
-                    "label-placement": "right",
-                    "model-value": n(h),
-                    "onUpdate:modelValue": _[11] || (_[11] = (w) => re(h) ? h.value = w : null),
-                    disabled: n(g)
-                  }, null, 8, ["label", "model-value", "disabled"])
-                ])) : z("", !0),
-                (T(), E(Ze, {
-                  "column-defs": de.value,
-                  "row-data": n(e).items,
-                  key: n(e).items.map((w) => w.sku._id).join("."),
-                  "hide-footer": ""
-                }, {
-                  "table-row": D((w) => [
-                    C(Co, {
-                      "compare-price-by-sku": n(U),
-                      "show-compare-price": y.value === n(x).PURCHASE && n(h),
-                      row: w
-                    }, null, 8, ["compare-price-by-sku", "show-compare-price", "row"])
-                  ]),
-                  "list-row": D((w) => [
-                    (T(), E(Ct, {
-                      row: w,
-                      key: n(e).items.map((ne) => ne.sku._id).join(".")
-                    }, {
-                      default: D((ne) => [
-                        C(Zt, {
-                          "compare-price-by-sku": n(U),
-                          "show-compare-price": y.value === n(x).PURCHASE && n(h),
-                          row: w,
-                          "cell-by-col-id": ne
-                        }, null, 8, ["compare-price-by-sku", "show-compare-price", "row", "cell-by-col-id"])
-                      ]),
-                      _: 2
-                    }, 1032, ["row"]))
-                  ]),
-                  _: 1
-                }, 8, ["column-defs", "row-data"]))
-              ])
-            ];
-          }),
-          _: 1
-        }, 8, ["disabled"])
-      ]);
-    };
-  }
-}), No = { class: "flex items-center" }, qo = { class: "fm-typo-en-title-md-800" }, Ho = { class: "flex gap-4" }, os = /* @__PURE__ */ oe({
-  __name: "TransferDialog",
-  props: {
-    mode: {},
-    modelValue: {},
-    template: {},
-    show: { type: Boolean },
-    lastClosingDate: {}
-  },
-  emits: ["update:show", "submitted"],
-  setup(t, { expose: d, emit: s }) {
-    var N;
-    const e = t, l = s, m = Ee(), p = ye(), k = ve(), v = Se(), o = K();
-    async function a(h) {
-      if (h) {
-        y.value = !0;
-        try {
-          await k.readSuppliers(), y.value = !1;
-        } catch {
-          p.open({
-            title: "Unable to fetch list of suppliers",
-            message: "Try to refresh page to retry operation",
-            type: "error"
-          });
-        }
-      }
-    }
-    o.watchLocation(a);
-    function r() {
-      return {
-        remark: void 0,
-        ref: void 0,
-        stockSnapshotId: void 0,
-        effectiveAt: void 0,
-        items: [],
-        supplier: {
-          _rev: void 0,
-          email: void 0,
-          internal: void 0,
-          contactName: void 0,
-          phoneNumber: void 0,
-          registrationNumber: void 0,
-          supplyItems: void 0,
-          _id: "",
-          name: "",
-          address: {
-            line2: void 0,
-            line1: "",
-            state: "",
-            city: "",
-            postcode: "",
-            country: ""
-          }
-        },
-        status: "DRAFT",
-        _id: "",
-        seqNumber: 0,
-        deliveryOrder: []
-      };
-    }
-    const b = Xe(e, "show"), f = B(e.modelValue ?? r()), i = B(((N = e.modelValue) == null ? void 0 : N._id) ?? `${Math.random()}`);
-    fe(
-      () => e.show,
-      (h) => {
-        var g;
-        h && (f.value = e.modelValue ?? r(), i.value = ((g = e.modelValue) == null ? void 0 : g._id) ?? `${Math.random()}`);
-      }
-    );
-    const y = B(!1), S = F(() => {
-      switch (e.mode) {
-        case te.CREATE:
-          return "Add transfer";
-        case te.READ:
-          return "View transfer";
-        case te.UPDATE:
-          return "Edit transfer";
-      }
-      return "";
-    }), I = B();
-    d({
-      validateInputs: () => {
-        var h, g;
-        (g = (h = I.value) == null ? void 0 : h.validateInputs) == null || g.call(h);
-      },
-      resetInputsValidation: () => {
-        var h, g;
-        (g = (h = I.value) == null ? void 0 : h.resetInputsValidation) == null || g.call(h);
-      },
-      resetInputs: () => {
-        var h, g;
-        (g = (h = I.value) == null ? void 0 : h.resetInputs) == null || g.call(h);
-      }
-    });
-    async function Z() {
-      const h = f.value;
-      y.value = !0, (h.supplier.internal === "warehouse" || h.supplier.internal === "restaurant") && (h.items = h.items.map(({ totalCost: g, ...U }) => U));
-      try {
-        await m.createPurchaseOrder(h), await new Promise((g) => setTimeout(g, 1e3)), p.open({
-          title: "Created",
-          message: "Your transfer draft has been created!",
-          type: "success"
-        }), l("update:show", !1), l("submitted");
-      } catch (g) {
-        p.open({
-          title: "Cannot create purchase order",
-          message: "Report to system administrator for troubleshooting.",
-          type: "error"
-        }), console.error("Error in creating purchase order", g);
-      } finally {
-        y.value = !1;
-      }
-    }
-    async function O() {
-      const h = f.value;
-      y.value = !0, (h.supplier.internal === "warehouse" || h.supplier.internal === "restaurant") && (h.items = h.items.map(({ totalCost: g, ...U }) => U));
-      try {
-        await m.updatePurchaseOrder(h), await new Promise((g) => setTimeout(g, 1e3)), p.open({
-          title: "Updated",
-          message: "Your transfer draft has been updated!",
-          type: "success"
-        }), l("update:show", !1), l("submitted");
-      } catch (g) {
-        p.open({
-          title: "Cannot update purchase order",
-          message: "Report to system administrator for troubleshooting.",
-          type: "error"
-        }), console.error("Error in updating purchase order", g);
-      } finally {
-        y.value = !1;
-      }
-    }
-    function L() {
-      switch (e.mode) {
-        case te.CREATE:
-          return Z();
-        case te.UPDATE:
-          return O();
-      }
-    }
-    function Y() {
-      var h, g;
-      (g = (h = I.value) == null ? void 0 : h.validateInputs) == null || g.call(h);
-    }
-    return (h, g) => {
-      const U = P("FmButton"), q = P("FmSideSheet");
-      return T(), E(q, {
-        modelValue: n(b),
-        "onUpdate:modelValue": g[2] || (g[2] = (H) => re(b) ? b.value = H : null),
-        "dismiss-away": "",
-        "close-button": "",
-        "max-width": 900
-      }, {
-        "side-sheet-header": D(() => [
-          u("div", No, [
-            u("div", qo, M(S.value), 1)
-          ])
-        ]),
-        default: D(() => [
-          (T(), E(Lo, {
-            class: "w-full",
-            ref_key: "formRef",
-            ref: I,
-            onValidationSuccess: L,
-            modelValue: f.value,
-            "onUpdate:modelValue": g[0] || (g[0] = (H) => f.value = H),
-            disabled: y.value,
-            suppliers: n(k).suppliers,
-            skus: n(v).skus,
-            key: i.value,
-            "last-closing-date": h.lastClosingDate
-          }, null, 8, ["modelValue", "disabled", "suppliers", "skus", "last-closing-date"]))
-        ]),
-        "side-sheet-footer": D(() => [
-          u("div", Ho, [
-            C(U, {
-              loading: y.value,
-              label: "Save",
-              onClick: Y
-            }, null, 8, ["loading"]),
-            C(U, {
-              disabled: y.value,
-              variant: "tertiary",
-              label: "Close",
-              onClick: g[1] || (g[1] = (H) => l("update:show", !1))
-            }, null, 8, ["disabled"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-});
-export {
-  os as _,
-  je as a,
-  yo as b,
-  ee as c,
-  St as d,
-  vo as e,
-  Qt as u
-};