@feedmepos/mf-inventory-portal 1.9.0-dev.2 → 1.9.0

package/dist/ReceiveRequestView-CVw76dPw.js

@@ -0,0 +1,692 @@
+import { ref as q, computed as w, watch as oe, defineComponent as te, resolveComponent as V, createElementBlock as x, openBlock as y, createVNode as k, createElementVNode as c, createCommentVNode as P, normalizeClass as B, toDisplayString as D, createTextVNode as se, Fragment as Z, renderList as De, createBlock as L, unref as r, isRef as Ce, withCtx as A, mergeProps as U, normalizeStyle as Le, Teleport as qe, normalizeProps as ae, guardReactiveProps as Ve } from "vue";
+import { $ as Be, y as Ue, u as Re, a0 as Ae, R as He, D as K } from "./app-CFO3QhF-.js";
+import { i as xe } from "./FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-B-wMlDXd.js";
+import { u as Ye, P as re, a as je, _ as ze } from "./TransferDetails.vue_vue_type_script_setup_true_lang-CHyAdS3A.js";
+import { b as Qe, g as Ge, _ as Je, a as Xe, c as Ke, p as We } from "./EmailDialog.vue_vue_type_script_setup_true_lang-BnJdt92Q.js";
+import { d as ee } from "./dayjs.min-BVjxIhrP.js";
+import { e as Ze } from "./UnitDisplayControl.vue_vue_type_script_setup_true_lang-DRJptXCQ.js";
+import { u as et } from "./useTabStorage-BkIVScW_.js";
+import { u as tt, _ as at } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
+import { useProxiedModel as rt, useSnackbar as ot, useBreakpoints as st } from "@feedmepos/ui-library";
+import { useRouter as nt } from "vue-router";
+import { u as lt } from "./useHrmPermission-isSBKi_1.js";
+import { u as $e } from "./netsuite-Zrpzr6d8.js";
+import { b as it, c as ut, t as mt } from "./format-unit-display-DQLT3yWg.js";
+import { p as dt } from "./format-time-from-id-Cq6U2Bxo.js";
+import { _ as ct } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-gJQQKKAC.js";
+import { F as W } from "./index-eGvSlWMU.js";
+import { u as pt } from "./feature-C1JuDWvs.js";
+import { _ as ft } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BeIfx9jE.js";
+import { useI18n as vt } from "@feedmepos/mf-common";
+import { _ as yt } from "./CustomPrintTemplatePreview.vue_vue_type_script_setup_true_lang-Dxt4x9Ia.js";
+import { P as ht, J as bt } from "./app-C39bYJmq.js";
+import { f as gt } from "./predefined-templates-DG6CeFks.js";
+var Pe = { exports: {} };
+(function(T, v) {
+  (function(i, u) {
+    T.exports = u();
+  })(Be, function() {
+    return function(i, u, e) {
+      i = i || {};
+      var t = u.prototype, f = { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" };
+      function b(d, l, a, O) {
+        return t.fromToBase(d, l, a, O);
+      }
+      e.en.relativeTime = f, t.fromToBase = function(d, l, a, O, N) {
+        for (var M, s, n, S = a.$locale().relativeTime || f, H = i.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], Y = H.length, C = 0; C < Y; C += 1) {
+          var R = H[C];
+          R.d && (M = O ? e(d).diff(a, R.d, !0) : a.diff(d, R.d, !0));
+          var E = (i.rounding || Math.round)(Math.abs(M));
+          if (n = M > 0, E <= R.r || !R.r) {
+            E <= 1 && C > 0 && (R = H[C - 1]);
+            var I = S[R.l];
+            N && (E = N("" + E)), s = typeof I == "string" ? I.replace("%d", E) : I(E, l, R.l, n);
+            break;
+          }
+        }
+        if (l) return s;
+        var j = n ? S.future : S.past;
+        return typeof j == "function" ? j(s) : j.replace("%s", s);
+      }, t.to = function(d, l) {
+        return b(d, l, this, !0);
+      }, t.from = function(d, l) {
+        return b(d, l, this);
+      };
+      var o = function(d) {
+        return d.$u ? e.utc() : e();
+      };
+      t.toNow = function(d) {
+        return this.to(o(this), d);
+      }, t.fromNow = function(d) {
+        return this.from(o(this), d);
+      };
+    };
+  });
+})(Pe);
+var _t = Pe.exports;
+const kt = /* @__PURE__ */ Ue(_t), Oe = {
+  sidebar: null,
+  templateList: null,
+  blankOrder: null
+};
+ee.extend(kt);
+const Se = {
+  supplier: "Vendor",
+  warehouse: "Warehouse",
+  restaurant: "Outlet"
+};
+function xt() {
+  const T = Re(), v = $e(), i = it(), u = /* @__PURE__ */ new Map();
+  for (const e of Object.values(Oe)) {
+    if (!e || u.has(e)) continue;
+    const t = Ae(e).validationManifest.requiredCaslPermissions;
+    u.set(e, lt(t).hasPermission);
+  }
+  return {
+    templates: {
+      list: () => i.templates,
+      loading: () => i.loading
+    },
+    sources: {
+      currentLocationId: () => T.currentLocation.doc._id
+    },
+    permissions: {
+      has: (e) => {
+        var t;
+        return !e || !!((t = u.get(e)) != null && t.value);
+      }
+    },
+    netsuite: {
+      subsidiaryError(e) {
+        var f;
+        if (ut(e)) return;
+        const t = e.internal ? v.getNetSuiteLocation(`${e.internal}_${e._id}`) : v.getNetSuiteVendor(e._id);
+        return `The subsidiary of the request location is ${(f = v.getLocationSubsidiary(t == null ? void 0 : t.netSuiteId)) == null ? void 0 : f.fullName}.`;
+      }
+    }
+  };
+}
+function St(T, v, i = xt()) {
+  const u = q(null), e = q(""), t = q("");
+  function f(s) {
+    const { items: n, supplier: S } = s.purchaseOrder;
+    return !n.length || n.some(mt) ? "This template is invalid. Update this template." : i.netsuite.subsidiaryError(S);
+  }
+  const b = w(
+    () => Qe(
+      i.templates.list(),
+      i.sources.currentLocationId(),
+      f
+    )
+  ), o = w(() => Ge(b.value)), d = w(() => {
+    const s = e.value.trim().toLowerCase();
+    return o.value.filter((n) => !s || n.source.name.toLowerCase().includes(s));
+  }), l = w(
+    () => o.value.find((s) => s.source._id === u.value)
+  ), a = w(() => {
+    var n;
+    const s = t.value.trim().toLowerCase();
+    return (((n = l.value) == null ? void 0 : n.templates) ?? b.value).filter(
+      (S) => !s || S.template.name.toLowerCase().includes(s)
+    );
+  });
+  function O(s) {
+    const n = s.updatedAt ?? dt(s._id);
+    return n ? ee(n).fromNow() : "";
+  }
+  const N = w(() => {
+    var s;
+    return {
+      loading: i.templates.loading(),
+      sidebar: {
+        groups: d.value.map((n) => ({
+          id: n.source._id,
+          name: n.source.name,
+          kind: n.kind,
+          kindLabel: Se[n.kind],
+          count: n.templates.length
+        })),
+        selectedId: u.value,
+        query: e.value,
+        total: b.value.length
+      },
+      templates: {
+        title: ((s = l.value) == null ? void 0 : s.source.name) ?? "All templates",
+        kind: l.value ? Se[l.value.kind] : void 0,
+        showSource: !l.value,
+        showBlank: !l.value && !t.value.trim() && i.permissions.has(Oe.blankOrder),
+        query: t.value,
+        entries: a.value.map((n) => ({
+          id: n.template._id,
+          name: n.template.name,
+          invalidReason: n.invalidReason,
+          sourceName: n.supplier.name,
+          itemCount: n.template.purchaseOrder.items.length,
+          time: O(n.template)
+        }))
+      }
+    };
+  }), M = {
+    selectSidebar(s) {
+      u.value = s, t.value = "";
+    },
+    searchSidebar(s) {
+      e.value = s;
+    },
+    searchTemplates(s) {
+      t.value = s;
+    },
+    pickTemplate(s) {
+      const n = b.value.find((S) => S.template._id === s);
+      !n || n.invalidReason || v({ templateId: s });
+    },
+    startBlank() {
+      v({});
+    }
+  };
+  return oe(
+    () => T().show,
+    (s) => {
+      s && (e.value = "", t.value = "", u.value = T().supplierId ?? null);
+    }
+  ), { viewState: N, actions: M };
+}
+const wt = { class: "flex flex-col w-[260px] shrink-0 gap-8 pr-16 border-r border-fm-color-neutral-gray-200" }, Tt = { class: "flex flex-col flex-1 overflow-y-auto" }, Dt = {
+  key: 0,
+  "data-testid": "templates-loading",
+  class: "flex items-center gap-8 px-12 py-8 text-fm-color-typo-secondary fm-typo-en-body-sm-400"
+}, Ct = {
+  key: 0,
+  class: "px-12 pt-12 pb-4 fm-typo-en-body-sm-600 uppercase text-fm-color-typo-secondary"
+}, Rt = ["onClick"], $t = { class: "flex-1 truncate" }, we = "shrink-0 min-w-[24px] px-8 text-center rounded-full bg-fm-color-neutral-gray-200 fm-typo-en-body-sm-600", Pt = /* @__PURE__ */ te({
+  __name: "TemplateSidebar",
+  props: {
+    groups: {},
+    selectedId: {},
+    query: {},
+    total: {},
+    loading: { type: Boolean }
+  },
+  emits: ["select", "search"],
+  setup(T, { emit: v }) {
+    const i = v;
+    function u(e) {
+      return [
+        "flex items-center gap-8 px-12 py-4 fm-corner-radius-md text-left fm-typo-en-body-md-400",
+        e ? "bg-fm-color-neutral-gray-100 fm-typo-en-body-md-600" : "hover:bg-fm-color-neutral-gray-100"
+      ];
+    }
+    return (e, t) => {
+      const f = V("FmSearch"), b = V("FmCircularProgress");
+      return y(), x("aside", wt, [
+        k(f, {
+          "model-value": e.query,
+          placeholder: "Search location",
+          "onUpdate:modelValue": t[0] || (t[0] = (o) => i("search", o))
+        }, null, 8, ["model-value"]),
+        c("div", Tt, [
+          c("button", {
+            "data-testid": "sidebar-all",
+            class: B(u(!e.selectedId)),
+            onClick: t[1] || (t[1] = (o) => i("select", null))
+          }, [
+            t[2] || (t[2] = c("span", { class: "flex-1 truncate" }, "All templates", -1)),
+            c("span", {
+              class: B(we)
+            }, D(e.total), 1)
+          ], 2),
+          e.loading ? (y(), x("div", Dt, [
+            k(b, {
+              size: "md",
+              color: "neutral-gray-400"
+            }),
+            t[3] || (t[3] = se(" Loading… "))
+          ])) : P("", !0),
+          (y(!0), x(Z, null, De(e.groups, (o, d) => (y(), x(Z, {
+            key: o.id
+          }, [
+            d === 0 || e.groups[d - 1].kind !== o.kind ? (y(), x("div", Ct, D(o.kindLabel), 1)) : P("", !0),
+            c("button", {
+              "data-testid": "sidebar-source",
+              class: B(u(e.selectedId === o.id)),
+              onClick: (l) => i("select", o.id)
+            }, [
+              c("span", $t, D(o.name), 1),
+              c("span", {
+                class: B(we)
+              }, D(o.count), 1)
+            ], 10, Rt)
+          ], 64))), 128))
+        ])
+      ]);
+    };
+  }
+}), Ot = { class: "flex flex-col flex-1 min-w-0 gap-8" }, Et = { class: "flex items-center gap-8 min-h-[32px]" }, Nt = { class: "fm-typo-en-body-lg-600 truncate" }, Ft = { class: "flex flex-col flex-1 overflow-y-auto" }, Mt = ["disabled", "onClick"], It = { class: "flex-1 min-w-0" }, Lt = { class: "fm-typo-en-body-md-600 truncate" }, qt = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error truncate"
+}, Vt = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary truncate"
+}, Bt = { class: "shrink-0 fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ut = {
+  key: 1,
+  class: "py-40 text-center text-fm-color-typo-secondary"
+}, At = /* @__PURE__ */ te({
+  __name: "TemplateList",
+  props: {
+    title: {},
+    kind: {},
+    entries: {},
+    showSource: { type: Boolean },
+    query: {},
+    loading: { type: Boolean },
+    showBlank: { type: Boolean }
+  },
+  emits: ["pick", "search", "blank"],
+  setup(T, { emit: v }) {
+    const i = v;
+    return (u, e) => {
+      const t = V("FmChip"), f = V("FmSearch"), b = V("FmIcon");
+      return y(), x("section", Ot, [
+        c("div", Et, [
+          c("span", Nt, D(u.title), 1),
+          u.kind ? (y(), L(t, {
+            key: 0,
+            label: u.kind,
+            compact: ""
+          }, null, 8, ["label"])) : P("", !0)
+        ]),
+        k(f, {
+          "model-value": u.query,
+          placeholder: "Search template",
+          "onUpdate:modelValue": e[0] || (e[0] = (o) => i("search", o))
+        }, null, 8, ["model-value"]),
+        c("div", Ft, [
+          u.showBlank ? (y(), x("button", {
+            key: 0,
+            "data-testid": "start-blank",
+            class: "flex w-full items-center gap-12 px-12 py-8 text-left border-b border-fm-color-neutral-gray-200 hover:bg-fm-color-neutral-gray-100",
+            onClick: e[1] || (e[1] = (o) => i("blank"))
+          }, [
+            k(b, {
+              name: "add",
+              color: "primary"
+            }),
+            e[2] || (e[2] = c("div", { class: "flex-1 min-w-0" }, [
+              c("div", { class: "fm-typo-en-body-md-600" }, "Blank"),
+              c("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Start without a template and choose the source in the form ")
+            ], -1))
+          ])) : P("", !0),
+          (y(!0), x(Z, null, De(u.entries, (o) => (y(), x("button", {
+            key: o.id,
+            "data-testid": "template-row",
+            disabled: !!o.invalidReason,
+            class: B([
+              "flex w-full items-center gap-12 px-12 py-8 text-left border-b border-fm-color-neutral-gray-200",
+              o.invalidReason ? "opacity-50 cursor-not-allowed" : "hover:bg-fm-color-neutral-gray-100"
+            ]),
+            onClick: (d) => i("pick", o.id)
+          }, [
+            c("div", It, [
+              c("div", Lt, D(o.name), 1),
+              o.invalidReason ? (y(), x("div", qt, D(o.invalidReason), 1)) : u.showSource ? (y(), x("div", Vt, " from " + D(o.sourceName), 1)) : P("", !0)
+            ]),
+            c("div", Bt, [
+              se(D(o.itemCount) + " items ", 1),
+              o.time ? (y(), x(Z, { key: 0 }, [
+                se(" · " + D(o.time), 1)
+              ], 64)) : P("", !0)
+            ])
+          ], 10, Mt))), 128)),
+          !u.loading && !u.entries.length && !u.showBlank ? (y(), x("div", Ut, " No template matches. ")) : P("", !0)
+        ])
+      ]);
+    };
+  }
+}), Ht = { class: "flex w-full h-[454px] gap-16" }, Yt = /* @__PURE__ */ te({
+  __name: "CreateOrderDialog",
+  props: {
+    show: { type: Boolean },
+    supplierId: {},
+    supplierName: {}
+  },
+  emits: ["update:show", "select"],
+  setup(T, { emit: v }) {
+    const i = T, u = v, e = nt(), t = rt(i, "show"), { viewState: f, actions: b } = St(
+      () => ({ show: i.show, supplierId: i.supplierId }),
+      (d) => {
+        u("select", d), t.value = !1;
+      }
+    );
+    function o() {
+      t.value = !1, e.push({ name: He.TRANSFER_TEMPLATE });
+    }
+    return (d, l) => {
+      const a = V("FmDialog");
+      return y(), L(a, {
+        modelValue: r(t),
+        "onUpdate:modelValue": l[0] || (l[0] = (O) => Ce(t) ? t.value = O : null),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 1100
+      }, {
+        "dialog-header": A(() => l[1] || (l[1] = [
+          c("div", { class: "fm-typo-en-title-md-800" }, "Create", -1)
+        ])),
+        "dialog-footer": A(() => [
+          c("div", { class: "flex w-full justify-end" }, [
+            c("button", {
+              class: "text-fm-color-primary fm-typo-en-body-md-600",
+              onClick: o
+            }, " Manage templates → ")
+          ])
+        ]),
+        default: A(() => [
+          c("div", Ht, [
+            k(Pt, U(r(f).sidebar, {
+              loading: r(f).loading,
+              onSelect: r(b).selectSidebar,
+              onSearch: r(b).searchSidebar
+            }), null, 16, ["loading", "onSelect", "onSearch"]),
+            k(At, U(r(f).templates, {
+              loading: r(f).loading,
+              onPick: r(b).pickTemplate,
+              onSearch: r(b).searchTemplates,
+              onBlank: r(b).startBlank
+            }), null, 16, ["loading", "onPick", "onSearch", "onBlank"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), jt = { class: "flex flex-col py-8" }, zt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Qt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, Gt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, Jt = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1"
+}, Xt = { class: "pt-8" }, Te = "ReceiveRequestViewSearchCriteria", _a = /* @__PURE__ */ te({
+  __name: "ReceiveRequestView",
+  setup(T) {
+    const { t: v } = vt(), i = ot();
+    gt().fetchTemplates(), K.object({
+      name: K.string().optional().nullable(),
+      startDate: K.string().optional().nullable(),
+      endDate: K.string().optional().nullable()
+    });
+    const e = w(
+      () => !S._currentLocation || a.loading.value
+    ), t = et(), f = pt(), b = $e();
+    function o() {
+      const h = {
+        name: "",
+        ...xe()
+      }, p = t.getItem(Te);
+      if (!p)
+        return h;
+      try {
+        return JSON.parse(p);
+      } catch {
+        return h;
+      }
+    }
+    function d() {
+      t.setItem(Te, JSON.stringify(l.value));
+    }
+    const l = q(o()), a = Ye(
+      re.RECEIVE_REQUEST,
+      l.value
+    ), {
+      columnDefs: O,
+      showCustomPrintDialog: N,
+      customPrintHtml: M,
+      customPrintTemplateName: s,
+      customPrintIsDefault: n
+    } = je(
+      re.RECEIVE_REQUEST,
+      a,
+      a.shipments
+    ), S = Re();
+    async function H() {
+      var g;
+      const h = `inventory-record_${ee(l.value.startDate).format("DD-MM-YYYY_HH-mm")}-${ee(l.value.endDate).format("DD-MM-YYYY_HH-mm")}.xlsx`, p = ((g = S._currentLocation) == null ? void 0 : g.name) ?? "", m = We(
+        a.purchaseOrders.value.map(($) => ({ po: $, destination: p })),
+        { backdate: f.enableBackdatePo, totalCost: f.enableTotalCost }
+      );
+      await Ze([m], h), i.open({
+        title: v("inventory.transfer.receiveRequest.export.success"),
+        message: v("inventory.transfer.receiveRequest.export.message", [h]),
+        type: "success"
+      });
+    }
+    const Y = q(xe()), C = q("");
+    oe([() => Y.value], ([h]) => {
+      !h.startDate || !h.endDate || (l.value.startDate = h.startDate, l.value.endDate = h.endDate, a.updateDateRange(
+        l.value.startDate,
+        l.value.endDate
+      ), d());
+    }), oe([() => C.value], () => {
+      d();
+    });
+    function R(h) {
+      if (h === "create") {
+        if (e.value) {
+          i.open({
+            title: "Loading data...",
+            message: "Please wait.",
+            type: "info"
+          });
+          return;
+        }
+        return a.promptCreateTransferDialog();
+      }
+      if (h === "upload" && f.enableXilnexTransferNote)
+        return a.promptUploadTransferDialog();
+      if (h === "refresh")
+        return a.fetchData();
+      if (h === "export")
+        return H();
+    }
+    const { breakpoints: E } = st(), I = w(() => E.value.xs || E.value.sm), j = w(() => I.value ? 10 : 20), Ee = tt(), Ne = w(() => [
+      {
+        label: v("inventory.transfer.receiveRequest.actions.create"),
+        value: "create",
+        isPrimary: !0,
+        prependIcon: "add"
+      },
+      ...f.enableXilnexTransferNote ? [
+        {
+          label: v("inventory.common.upload"),
+          value: "upload"
+        }
+      ] : [],
+      {
+        label: v("inventory.common.refresh"),
+        value: "refresh"
+      },
+      {
+        label: v("inventory.common.export"),
+        value: "export"
+      }
+    ]), Fe = w(() => {
+      const h = [
+        {
+          type: "string",
+          key: "status",
+          entity: "purchaseOrder",
+          values: Array.from(
+            new Set(a.purchaseOrders.value.map((m) => m.status))
+          )
+        },
+        {
+          type: "string",
+          key: "transferFrom",
+          entity: "purchaseOrder",
+          values: Array.from(
+            new Set(a.purchaseOrders.value.map((m) => m.supplier.name).filter((m) => !!m))
+          )
+        }
+      ], p = [
+        {
+          type: "string",
+          key: "netsuiteTransactionNumber",
+          entity: "purchaseOrder",
+          values: a.purchaseOrders.value.map((m) => {
+            var g, $;
+            return ($ = (g = m.netSuite) == null ? void 0 : g.additionalInfo) == null ? void 0 : $.transactionnumber;
+          }).filter((m) => m != null)
+        },
+        {
+          type: "string",
+          key: "netsuiteOrderNo",
+          entity: "purchaseOrder",
+          values: a.purchaseOrders.value.map((m) => {
+            var g;
+            return (g = m.netSuite) == null ? void 0 : g.refNo;
+          }).filter((m) => m != null)
+        },
+        {
+          type: "string",
+          key: "netsuiteOrderId",
+          entity: "purchaseOrder",
+          values: a.purchaseOrders.value.map((m) => {
+            var g;
+            return (g = m.netSuite) == null ? void 0 : g.id;
+          }).filter((m) => m != null)
+        }
+      ];
+      return [...h, ...b.isEnabled ? p : []];
+    }), z = q(null), Me = w(() => {
+      if (!z.value)
+        return a.purchaseOrders.value;
+      const h = ht.build(z.value);
+      return a.purchaseOrders.value.filter((p) => {
+        var m, g, $, _;
+        return bt(
+          {
+            netsuiteTransactionNumber: (g = (m = p.netSuite) == null ? void 0 : m.additionalInfo) == null ? void 0 : g.transactionnumber,
+            netsuiteOrderNo: ($ = p.netSuite) == null ? void 0 : $.refNo,
+            netsuiteOrderId: (_ = p.netSuite) == null ? void 0 : _.id,
+            status: p.status,
+            transferFrom: p.supplier.name
+          },
+          h
+        );
+      });
+    });
+    return (h, p) => {
+      const m = V("FmTable");
+      return y(), L(at, {
+        title: r(v)("inventory.transfer.receiveRequest.title2"),
+        actions: Ne.value,
+        "onClick:action": R
+      }, {
+        default: A(() => {
+          var g, $;
+          return [
+            c("div", {
+              class: B([
+                "flex flex-col gap-8 max-h-full",
+                {
+                  "p-0": I.value,
+                  "px-24 ": !I.value
+                }
+              ])
+            }, [
+              k(ft, {
+                "date-range-query": "",
+                "date-range": Y.value,
+                "onUpdate:dateRange": p[0] || (p[0] = (_) => Y.value = _),
+                searchable: "",
+                "change-location": "",
+                search: C.value,
+                "onUpdate:search": p[1] || (p[1] = (_) => C.value = _),
+                filterable: "",
+                "filter-attributes": Fe.value,
+                filter: z.value,
+                "onUpdate:filter": p[2] || (p[2] = (_) => z.value = _)
+              }, null, 8, ["date-range", "search", "filter-attributes", "filter"]),
+              (y(), L(m, {
+                style: Le(r(Ee).tableHeight),
+                "column-defs": r(O),
+                "row-data": Me.value,
+                "search-value": C.value,
+                loading: e.value,
+                onRowClick: p[3] || (p[3] = (_) => r(a).promptShowTransferDetails(_.original)),
+                key: (g = r(S)._currentLocation) == null ? void 0 : g.dbName,
+                "page-size": j.value
+              }, {
+                "list-row": A((_) => [
+                  k(ct, {
+                    row: _,
+                    onRowClick: r(a).promptShowTransferDetails
+                  }, {
+                    default: A((F) => {
+                      var ne, le, ie, Q, ue, me, de, ce, G, pe, fe, ve, ye, J, he, be, ge, _e, X, ke;
+                      return [
+                        c("div", jt, [
+                          c("div", zt, [
+                            k(r(W), {
+                              render: (ie = (le = (ne = F._id) == null ? void 0 : ne.column) == null ? void 0 : le.columnDef) == null ? void 0 : ie.cell,
+                              props: (ue = (Q = F._id) == null ? void 0 : Q.getContext) == null ? void 0 : ue.call(Q)
+                            }, null, 8, ["render", "props"])
+                          ]),
+                          c("div", Qt, [
+                            k(r(W), {
+                              render: (ce = (de = (me = F.supplier_name) == null ? void 0 : me.column) == null ? void 0 : de.columnDef) == null ? void 0 : ce.cell,
+                              props: (pe = (G = F.supplier_name) == null ? void 0 : G.getContext) == null ? void 0 : pe.call(G)
+                            }, null, 8, ["render", "props"])
+                          ]),
+                          c("div", Gt, D(_.original.items.map((Ie) => `${Ie.name}`).join(", ")), 1),
+                          _.original.ref ? (y(), x("div", Jt, [
+                            k(r(W), {
+                              render: (ye = (ve = (fe = F.ref) == null ? void 0 : fe.column) == null ? void 0 : ve.columnDef) == null ? void 0 : ye.cell,
+                              props: (he = (J = F.ref) == null ? void 0 : J.getContext) == null ? void 0 : he.call(J)
+                            }, null, 8, ["render", "props"])
+                          ])) : P("", !0),
+                          c("div", Xt, [
+                            k(r(W), {
+                              render: (_e = (ge = (be = F.status) == null ? void 0 : be.column) == null ? void 0 : ge.columnDef) == null ? void 0 : _e.cell,
+                              props: (ke = (X = F.status) == null ? void 0 : X.getContext) == null ? void 0 : ke.call(X)
+                            }, null, 8, ["render", "props"])
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["row", "onRowClick"])
+                ]),
+                _: 1
+              }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+            ], 2),
+            (y(), L(qe, { to: "body" }, [
+              r(f).enablePurchaseOrderEmail ? (y(), L(Je, ae(U({ key: 0 }, r(a).emailDialogProps.value)), null, 16)) : P("", !0),
+              r(a).createOrderDialogProps.value ? (y(), L(Yt, ae(U({ key: 1 }, r(a).createOrderDialogProps.value)), null, 16)) : P("", !0),
+              k(Xe, U(r(a).transferDialogProps.value, {
+                onSubmitted: r(a).fetchData
+              }), null, 16, ["onSubmitted"]),
+              k(ze, U({
+                scope: r(re).RECEIVE_REQUEST
+              }, {
+                ...r(a).transferDetailsProps.value,
+                receivedMap: (($ = r(a).transferDetailsProps.value) == null ? void 0 : $.receivedMap) ?? {},
+                shipments: r(a).shipments.value ?? []
+              }, {
+                onSubmitted: r(a).fetchData
+              }), null, 16, ["scope", "onSubmitted"]),
+              k(Ke, ae(Ve(r(a).xilnexImportDialogProps.value)), null, 16),
+              k(yt, {
+                modelValue: r(N),
+                "onUpdate:modelValue": p[4] || (p[4] = (_) => Ce(N) ? N.value = _ : null),
+                html: r(M),
+                "template-name": r(s),
+                "is-default": r(n)
+              }, null, 8, ["modelValue", "html", "template-name", "is-default"])
+            ]))
+          ];
+        }),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  _a as default
+};