@feedmepos/mf-inventory-portal 0.0.22-dev.33 → 0.0.22-dev.34

package/dist/ReceiveRequestView-BGlxEJkh.js

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