@feedmepos/mf-inventory-portal 1.8.0-dev.0 → 1.8.0-dev.10

package/dist/ProductionRunView-Cg3aYOg9.js

@@ -1,911 +0,0 @@
-import { defineComponent as se, computed as m, createElementBlock as $, createCommentVNode as B, openBlock as y, withModifiers as ot, createVNode as A, unref as r, ref as _, watch as ye, onMounted as we, onBeforeUnmount as ke, resolveComponent as oe, Fragment as ne, createElementVNode as a, createTextVNode as Ze, toDisplayString as h, withCtx as U, renderList as ge, normalizeClass as re, nextTick as rt, watchEffect as gt, h as W, createBlock as J, normalizeStyle as xt } from "vue";
-import { _ as wt, F as X } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DAMpuZ1X.js";
-import { useRouter as kt } from "vue-router";
-import { useDialog as Rt, useSnackbar as It, useBreakpoints as $t } from "@feedmepos/ui-library";
-import { useI18n as ae, useCoreStore as St } from "@feedmepos/mf-common";
-import { u as At, _ as Ct } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
-import { F as st } from "./FmAdminBadge-DlplQOHb.js";
-import { p as Re, a as Ft, _ as Nt, h as Pt, i as Dt, b as Tt, c as at, u as zt, d as Mt, e as Lt, f as Vt, P as Et, m as Ot, g as qt, j as Ut, k as jt, l as Wt, n as Bt, o as he, q as et, r as tt, s as Ht } from "./ProductionRunTabs.vue_vue_type_script_setup_true_lang-JKMI-vVw.js";
-import { _ as Yt } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CB50Gqot.js";
-import { u as Qt, a as Gt } from "./app-CGcDbrt8.js";
-import { i as xe, f as Kt, a as Jt, p as nt } from "./production-run-prepare-sheet-aQOcxgaC.js";
-import { _ as it } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Xt = /* @__PURE__ */ se({
-  __name: "ProductionRunActionsCell",
-  props: {
-    run: {}
-  },
-  emits: ["action"],
-  setup(V, { emit: n }) {
-    const i = V, N = n, { t: l } = ae(), R = m(
-      () => Re(i.run, l("inventory.production.run.list.untitled"))
-    ), x = {
-      request: 0,
-      prepare: 0,
-      complete: 0,
-      update: 1,
-      close: 1,
-      cancel: 2
-    }, v = m(
-      () => Ft(i.run).filter(({ action: t }) => t !== "request" || i.run.plan.items.length > 0).sort((t, u) => xe(i.run) && t.action === "close" ? -1 : xe(i.run) && u.action === "close" ? 1 : x[t.action] - x[u.action]).map(({ action: t }) => t)
-    );
-    function C(t) {
-      return t === "complete" && Pt(i.run) ? l("inventory.production.run.detail.pendingStock.resume") : l(`inventory.production.run.list.rowActions.${t}`);
-    }
-    const c = m(
-      () => v.value.map((t) => ({
-        id: t,
-        label: C(t),
-        destructive: t === "cancel"
-      }))
-    );
-    function p(t) {
-      N("action", t);
-    }
-    return (t, u) => v.value.length ? (y(), $("div", {
-      key: 0,
-      class: "production-run-action-interactive relative z-[1] flex items-center justify-center",
-      onClick: u[0] || (u[0] = ot(() => {
-      }, ["stop"]))
-    }, [
-      A(Nt, {
-        items: c.value,
-        placement: "bottom-end",
-        "menu-testid": "run-actions-menu",
-        "accessible-label": r(l)("inventory.production.run.list.actionsFor", { name: R.value }),
-        onSelect: p
-      }, null, 8, ["items", "accessible-label"])
-    ])) : B("", !0);
-  }
-}), Zt = ["id"], en = {
-  key: 0,
-  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, tn = {
-  key: 1,
-  class: "production-run-items-interactive relative z-[1] min-w-0"
-}, nn = ["data-hidden-count"], on = ["aria-label"], rn = { class: "fm-typo-en-body-sm-600 mb-8 text-fm-color-typo-primary" }, sn = { class: "flex flex-col gap-8 border-t border-fm-color-neutral-gray-100 pt-8" }, an = { class: "text-fm-color-typo-primary" }, ln = { class: "shrink-0 text-fm-color-typo-secondary" };
-let un = 0;
-const cn = /* @__PURE__ */ se({
-  __name: "ProductionRunItemsCell",
-  props: {
-    run: {},
-    resolveSku: {},
-    rowLinkFocused: { type: Boolean, default: !1 },
-    descriptionId: {},
-    wrap: { type: Boolean, default: !1 }
-  },
-  setup(V) {
-    const n = V, { t: i } = ae(), N = _(!1), l = m(() => N.value || n.rowLinkFocused), R = _(null), x = _(null), v = _(null), C = _(Number.POSITIVE_INFINITY), c = ++un, p = `production-run-items-tooltip-${c}`, t = `production-run-items-description-${c}`, u = m(() => n.descriptionId ?? t), D = 44;
-    let b = null, s = null, w = null, k = !1;
-    const I = m(
-      () => n.run.plan.items.map((f, S) => {
-        const P = n.resolveSku(f.skuId), g = Dt(f.measurement) ? f.measurement : null, q = (g == null ? void 0 : g.abbrev) ?? null, Q = Kt(f.requestedAmount, q, {
-          precision: f.requestedAmount.precision
-        });
-        return {
-          key: `${f.skuId}-${S}`,
-          name: (P == null ? void 0 : P.name) ?? f.skuId,
-          quantity: q ? Q : `${Q} · ${i("inventory.production.run.list.itemsUnitUnresolved")}`
-        };
-      })
-    ), G = m(() => I.value.slice(0, C.value)), K = m(() => I.value.map(({ name: f }) => f).join(", ")), F = m(
-      () => n.wrap ? 0 : Math.max(0, I.value.length - G.value.length)
-    ), H = m(() => F.value > 99 ? "99+" : `+${F.value}`), E = m(
-      () => I.value.map(({ name: f, quantity: S }) => `${f}: ${S}`).join(", ")
-    );
-    function Y() {
-      if (n.wrap) {
-        C.value = I.value.length;
-        return;
-      }
-      const f = x.value, S = v.value;
-      if (!f || !S || f.clientWidth <= 0) return;
-      const P = Array.from(S.children).map((j) => j.offsetWidth);
-      if (!P.length || P.reduce((j, le) => j + le, 0) <= f.clientWidth) {
-        C.value = I.value.length;
-        return;
-      }
-      const g = Math.max(0, f.clientWidth - D);
-      let q = 0, Q = 0;
-      for (const j of P) {
-        if (q + j > g) break;
-        q += j, Q++;
-      }
-      C.value = Math.min(I.value.length, Math.max(1, Q + 1));
-    }
-    function O() {
-      k || (k = !0, rt(() => {
-        k = !1, Y();
-      }));
-    }
-    function ie() {
-      b && (s !== x.value && (s && b.unobserve(s), s = x.value, s && b.observe(s)), w !== v.value && (w && b.unobserve(w), w = v.value, w && b.observe(w)), O());
-    }
-    ye(
-      () => I.value.map(({ name: f }) => f).join("\0"),
-      () => {
-        C.value = Number.POSITIVE_INFINITY, O();
-      },
-      { flush: "post" }
-    ), ye(
-      () => n.wrap,
-      () => {
-        C.value = Number.POSITIVE_INFINITY, O();
-      },
-      { flush: "post" }
-    ), ye([x, v], ie, { flush: "post" }), we(() => {
-      typeof ResizeObserver < "u" && (b = new ResizeObserver(O), ie()), O();
-    }), ke(() => b == null ? void 0 : b.disconnect());
-    function be(f) {
-      var S, P;
-      f !== l.value && (l.value ? (S = R.value) == null || S.show() : (P = R.value) == null || P.hide());
-    }
-    return (f, S) => {
-      const P = oe("FmPopover");
-      return y(), $(ne, null, [
-        a("span", {
-          id: u.value,
-          "data-testid": "run-items-a11y-description",
-          class: "sr-only"
-        }, [
-          F.value ? (y(), $(ne, { key: 0 }, [
-            Ze(h(r(i)("inventory.production.run.list.itemsHidden", { count: F.value })) + ". ", 1)
-          ], 64)) : B("", !0),
-          Ze(" " + h(I.value.length ? r(i)("inventory.production.run.list.itemsLabel", { names: E.value }) : r(i)("inventory.production.run.list.itemsNone")), 1)
-        ], 8, Zt),
-        I.value.length === 0 ? (y(), $("span", en, h(r(i)("inventory.production.run.list.itemsNone")), 1)) : (y(), $("div", tn, [
-          A(P, {
-            ref_key: "popover",
-            ref: R,
-            "show-popover": l.value,
-            placement: "bottom-start",
-            onPopoverChanged: be
-          }, {
-            "popover-button": U(() => [
-              a("div", {
-                ref_key: "disclosureContainer",
-                ref: x,
-                "data-testid": "items-disclosure-container",
-                class: re(["flex w-full max-w-full min-w-0 gap-4 text-left", f.wrap ? "items-start overflow-visible" : "items-center overflow-hidden"]),
-                onMouseenter: S[0] || (S[0] = (g) => N.value = !0),
-                onMouseleave: S[1] || (S[1] = (g) => N.value = !1)
-              }, [
-                a("span", {
-                  "data-testid": "run-items-summary",
-                  class: re(["fm-typo-en-body-md-400 min-w-0 flex-1 text-fm-color-typo-primary", f.wrap ? "whitespace-normal break-words" : "truncate"])
-                }, h(K.value), 3),
-                F.value ? (y(), $("span", {
-                  key: 0,
-                  "data-testid": "run-items-overflow",
-                  "data-hidden-count": F.value,
-                  "data-production-info-size": "sm",
-                  "aria-hidden": "true",
-                  class: "inline-flex h-[20px] shrink-0 items-center justify-center whitespace-nowrap rounded-full bg-fm-color-neutral-gray-100 px-[8px] text-[12px] font-normal leading-[18px] text-fm-color-typo-primary"
-                }, h(H.value), 9, nn)) : B("", !0),
-                a("span", {
-                  ref_key: "measureRail",
-                  ref: v,
-                  "data-testid": "run-items-measure",
-                  "aria-hidden": "true",
-                  class: "fm-typo-en-body-md-400 pointer-events-none invisible absolute w-max whitespace-nowrap"
-                }, [
-                  (y(!0), $(ne, null, ge(I.value, (g, q) => (y(), $("span", {
-                    key: g.key,
-                    "data-testid": "run-item-measure"
-                  }, h(q ? `, ${g.name}` : g.name), 1))), 128))
-                ], 512)
-              ], 34)
-            ]),
-            default: U(() => [
-              a("div", {
-                id: p,
-                "data-testid": "run-items-disclosure",
-                role: "tooltip",
-                "aria-label": r(i)("inventory.production.run.list.itemsDisclosure"),
-                class: "pointer-events-none min-w-[288px] p-12"
-              }, [
-                a("h3", rn, h(r(i)("inventory.production.run.list.itemsCount", { count: I.value.length })), 1),
-                a("ul", sn, [
-                  (y(!0), $(ne, null, ge(I.value, (g) => (y(), $("li", {
-                    key: g.key,
-                    class: "fm-typo-en-body-sm-400 flex items-start justify-between gap-16"
-                  }, [
-                    a("span", an, h(g.name), 1),
-                    a("span", ln, h(g.quantity), 1)
-                  ]))), 128))
-                ])
-              ], 8, on)
-            ]),
-            _: 1
-          }, 8, ["show-popover"])
-        ]))
-      ], 64);
-    };
-  }
-}), dn = ["href", "aria-describedby"], pn = /* @__PURE__ */ se({
-  __name: "ProductionRunNameCell",
-  props: {
-    name: {},
-    href: {},
-    descriptionId: {},
-    wrap: { type: Boolean, default: !1 }
-  },
-  emits: ["open", "focus", "blur"],
-  setup(V, { emit: n }) {
-    const i = V, N = n, l = _(null), R = _(!1);
-    let x = null, v = !1;
-    function C() {
-      const t = l.value;
-      R.value = !i.wrap && !!t && t.scrollWidth > t.clientWidth;
-    }
-    function c() {
-      v || (v = !0, rt(() => {
-        v = !1, C();
-      }));
-    }
-    ye(() => [i.name, i.wrap], c, { flush: "post" }), we(() => {
-      typeof ResizeObserver < "u" && l.value && (x = new ResizeObserver(c), x.observe(l.value)), c();
-    }), ke(() => x == null ? void 0 : x.disconnect());
-    function p(t) {
-      t.preventDefault(), t.stopPropagation(), N("open");
-    }
-    return (t, u) => {
-      const D = oe("FmTooltip");
-      return y(), $("a", {
-        href: t.href,
-        "aria-describedby": t.descriptionId,
-        class: "production-run-row-link fm-typo-en-body-md-600 block min-w-0 max-w-full text-left text-fm-color-typo-primary",
-        onClick: p,
-        onFocus: u[0] || (u[0] = (b) => N("focus")),
-        onBlur: u[1] || (u[1] = (b) => N("blur"))
-      }, [
-        A(D, {
-          content: t.name,
-          disabled: !R.value,
-          placement: "top",
-          "z-index": 51,
-          "content-class": "production-run-name-tooltip-reference"
-        }, {
-          default: U(() => [
-            a("span", {
-              ref_key: "label",
-              ref: l,
-              "data-testid": "run-name-label",
-              class: re(["relative z-[1] block min-w-0", t.wrap ? "whitespace-normal break-words" : "truncate"])
-            }, h(t.name), 3)
-          ]),
-          _: 1
-        }, 8, ["content", "disabled"])
-      ], 40, dn);
-    };
-  }
-}), mn = /* @__PURE__ */ it(pn, [["__scopeId", "data-v-93792658"]]), vn = ["aria-label"], fn = { class: "min-w-0 truncate" }, yn = /* @__PURE__ */ se({
-  __name: "ProductionRunSortHeader",
-  props: {
-    columnId: {},
-    label: {},
-    activeColumnId: {},
-    descending: { type: Boolean }
-  },
-  emits: ["toggle"],
-  setup(V, { emit: n }) {
-    const i = V, N = n, { t: l } = ae(), R = m(() => i.activeColumnId === i.columnId), x = m(
-      () => R.value ? l(`inventory.production.run.list.sort.${i.descending ? "descending" : "ascending"}`) : l("inventory.production.run.list.sort.unsorted")
-    ), v = m(
-      () => R.value ? i.descending ? "arrow_downward" : "arrow_upward" : "unfold_more"
-    ), C = m(
-      () => l("inventory.production.run.list.sort.label", {
-        column: i.label,
-        direction: x.value
-      })
-    ), c = _(null), p = _(null);
-    return we(() => {
-      var t;
-      p.value = ((t = c.value) == null ? void 0 : t.closest("th")) ?? null;
-    }), gt(() => {
-      p.value && p.value.setAttribute(
-        "aria-sort",
-        R.value ? i.descending ? "descending" : "ascending" : "none"
-      );
-    }), ke(() => {
-      var t;
-      return (t = p.value) == null ? void 0 : t.removeAttribute("aria-sort");
-    }), (t, u) => {
-      const D = oe("FmIcon");
-      return y(), $("button", {
-        ref_key: "button",
-        ref: c,
-        type: "button",
-        class: "production-run-sort-header flex h-[35px] w-full items-center gap-4 px-16 text-left fm-typo-en-body-md-600 text-fm-color-typo-secondary hover:text-fm-color-typo-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-fm-color-primary",
-        "aria-label": C.value,
-        onClick: u[0] || (u[0] = ot((b) => N("toggle", t.columnId), ["stop"]))
-      }, [
-        a("span", fn, h(t.label), 1),
-        A(D, {
-          name: v.value,
-          size: "sm",
-          "aria-hidden": "true",
-          class: "shrink-0"
-        }, null, 8, ["name"])
-      ], 8, vn);
-    };
-  }
-});
-let bn = 0;
-function _n(V, n = () => null, i = () => {
-}, N = () => {
-}, l = () => {
-}, R = () => !1, x = (v) => `/production-run/${encodeURIComponent(v._id)}`) {
-  var b;
-  const { t: v } = ae(), C = St(), c = ++bn, p = _(null), t = (s) => `production-run-table-${c}-items-${encodeURIComponent(s._id)}`, u = (s, w) => {
-    const k = N();
-    return W(yn, {
-      columnId: s,
-      label: w,
-      activeColumnId: k == null ? void 0 : k.id,
-      descending: k == null ? void 0 : k.desc,
-      onToggle: l
-    });
-  };
-  return { columnDefs: [
-    {
-      id: "runNo",
-      header: () => u("runNo", "#"),
-      enableSorting: !1,
-      size: 80,
-      meta: { headerClass: "p-0" },
-      cell: (s) => W(
-        "span",
-        { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" },
-        `${s.row.original.runNo}`
-      )
-    },
-    {
-      id: "name",
-      header: () => u("name", v("inventory.production.run.list.columns.name")),
-      enableSorting: !1,
-      minSize: 240,
-      size: 320,
-      maxSize: 320,
-      meta: { headerClass: "p-0" },
-      cell: (s) => W(mn, {
-        name: Re(
-          s.row.original,
-          v("inventory.production.run.list.untitled")
-        ),
-        href: x(s.row.original),
-        descriptionId: t(s.row.original),
-        wrap: R(),
-        onOpen: () => i(s.row.original),
-        onFocus: () => {
-          p.value = s.row.original._id;
-        },
-        onBlur: () => {
-          p.value === s.row.original._id && (p.value = null);
-        }
-      })
-    },
-    {
-      id: "items",
-      header: () => v("inventory.production.run.list.columns.items"),
-      enableSorting: !1,
-      minSize: 220,
-      size: 280,
-      maxSize: 280,
-      cell: (s) => W(cn, {
-        run: s.row.original,
-        resolveSku: n,
-        descriptionId: t(s.row.original),
-        wrap: R(),
-        rowLinkFocused: p.value === s.row.original._id
-      })
-    },
-    ...(b = C.sessionUser.value) != null && b.role.isAdmin ? [
-      {
-        id: "statusForAdmin",
-        header: () => W(st, {}, () => v("inventory.production.run.list.columns.status")),
-        cell: (s) => s.row.original.status,
-        enableSorting: !1,
-        size: 120
-      }
-    ] : [],
-    {
-      id: "status",
-      header: () => u("status", v("inventory.production.run.list.columns.status")),
-      enableSorting: !1,
-      size: 120,
-      meta: { headerClass: "p-0" },
-      cell: (s) => W(Tt, { status: s.row.original.status })
-    },
-    {
-      id: "updatedAt",
-      header: () => u("updatedAt", v("inventory.production.run.list.columns.updated")),
-      enableSorting: !1,
-      minSize: 180,
-      size: 200,
-      maxSize: 200,
-      meta: { headerClass: "p-0" },
-      cell: (s) => {
-        const w = s.row.original, k = at(w);
-        return W(
-          "span",
-          { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary whitespace-nowrap" },
-          Jt((k == null ? void 0 : k.at) ?? w.createdAt)
-        );
-      }
-    },
-    {
-      id: "action",
-      header: "",
-      enableSorting: !1,
-      cell: (s) => W(Xt, {
-        run: s.row.original,
-        onAction: (w) => V(w, s.row.original)
-      }),
-      size: 40,
-      meta: {
-        cellClass: "",
-        headerClass: ""
-      }
-    }
-  ] };
-}
-const hn = { class: "sr-only" }, gn = {
-  key: 0,
-  "data-testid": "production-run-history-scope",
-  class: "flex shrink-0 flex-wrap items-center justify-between gap-8"
-}, xn = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, wn = {
-  key: 1,
-  role: "alert",
-  class: "w-full fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
-}, kn = ["aria-labelledby"], Rn = ["aria-label"], In = {
-  key: 2,
-  "data-testid": "production-run-list-empty",
-  class: "rounded-md border border-dashed border-fm-color-neutral-gray-200 p-48 text-center"
-}, $n = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Sn = { class: "mx-auto mt-4 max-w-[25rem] fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, An = {
-  key: 3,
-  "data-testid": "production-run-list-no-match",
-  class: "rounded-md border border-dashed border-fm-color-neutral-gray-200 p-40 text-center"
-}, Cn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Fn = { class: "mx-auto mt-4 max-w-[25rem] fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Nn = { class: "flex flex-col gap-[8px] py-[8px]" }, Pn = {
-  "data-testid": "production-run-mobile-run-number",
-  class: "flex items-center gap-[4px]"
-}, Dn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary" }, Tn = { class: "flex min-w-0 flex-col gap-[2px]" }, zn = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, Mn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Ln = { class: "flex min-w-0 flex-col gap-[2px]" }, Vn = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, En = {
-  "data-testid": "production-run-admin-status",
-  class: "flex flex-col gap-[4px]"
-}, On = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, qn = { class: "flex flex-col gap-[2px]" }, Un = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, jn = { class: "flex flex-col gap-[2px]" }, Wn = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, Bn = /* @__PURE__ */ se({
-  __name: "ProductionRunView",
-  setup(V) {
-    const { t: n } = ae(), i = kt(), N = Rt(), l = It(), R = zt(), x = Qt(), v = Gt(), C = At();
-    Mt();
-    const c = _([]), p = _(!1), t = _(null), u = _(null), D = _(!1), b = _(null), s = m(() => ({
-      loading: p.value || D.value,
-      loaded: !p.value && !t.value,
-      hasMore: u.value !== null,
-      error: b.value ?? t.value
-    })), w = _(""), k = _("all"), I = _([{ id: "updatedAt", desc: !0 }]), G = _(!1), K = _(null), F = _(null), H = _(null);
-    let E = 0, Y = 0;
-    const O = m(
-      () => c.value.find((e) => e._id === F.value) ?? null
-    ), ie = Lt(() => O.value), be = m(() => !!O.value && xe(O.value)), f = m(
-      () => ie.ingredientLines.value.map((e) => ({
-        skuId: e.skuId,
-        name: e.name,
-        unit: e.unit,
-        unitRef: e.unitRef,
-        outputSkuIds: e.outputSkuIds
-      }))
-    );
-    function S() {
-      return t.value ? g() : q();
-    }
-    function P() {
-      Y++, H.value = null, F.value = null, K.value = null, G.value = !1;
-    }
-    async function g() {
-      const e = ++E;
-      p.value = !0, t.value = null, u.value = null, D.value = !1, b.value = null;
-      try {
-        const o = await R.list();
-        if (e !== E) return;
-        c.value = o.items, u.value = o.nextCursor;
-      } catch (o) {
-        if (e !== E) return;
-        const d = he(o);
-        t.value = d.message, l == null || l.open({
-          title: n("inventory.production.run.list.error.load"),
-          message: d.message,
-          type: "error"
-        });
-      } finally {
-        e === E && (p.value = !1);
-      }
-    }
-    async function q() {
-      const e = u.value;
-      if (!e || p.value || D.value) return;
-      const o = E;
-      D.value = !0, b.value = null;
-      try {
-        const d = await R.list({ cursor: e });
-        if (o !== E || e !== u.value) return;
-        if (d.nextCursor === e)
-          throw new Error(n("inventory.production.run.list.history.cursorError"));
-        const T = new Set(c.value.map((M) => M._id));
-        c.value = [...c.value, ...d.items.filter((M) => !T.has(M._id))], u.value = d.nextCursor;
-      } catch (d) {
-        o === E && (b.value = he(d).message);
-      } finally {
-        o === E && (D.value = !1);
-      }
-    }
-    x.watchLocation(() => (P(), g()));
-    const Q = m(() => Vt(c.value)), j = m(
-      () => Et.map((e) => ({
-        label: n(`inventory.production.run.list.tabs.${e.key}`),
-        value: e.key,
-        badge: Q.value[e.key],
-        id: `production-run-list-tab-${e.key}`,
-        controls: "production-run-list-panel"
-      }))
-    );
-    function le(e) {
-      var o;
-      return ((o = at(e)) == null ? void 0 : o.at) ?? e.createdAt;
-    }
-    function ue(e, o, d) {
-      switch (d) {
-        case "runNo":
-          return e.runNo - o.runNo;
-        case "name":
-          return tt(e).localeCompare(tt(o));
-        case "status":
-          return et(e.status) - et(o.status);
-        case "updatedAt":
-          return Date.parse(le(e)) - Date.parse(le(o));
-        default:
-          return 0;
-      }
-    }
-    const Z = m(() => {
-      const e = c.value.filter(
-        (T) => Ot(T, k.value) && qt(T, w.value, $e)
-      ), o = I.value[0];
-      if (!o)
-        return e.sort(
-          (T, M) => ue(M, T, "updatedAt") || ue(M, T, "runNo")
-        );
-      const d = o.desc ? -1 : 1;
-      return e.sort(
-        (T, M) => d * ue(T, M, o.id) || ue(M, T, "runNo")
-      );
-    }), { breakpoints: Ie } = $t(), ee = m(() => Ie.value.xs || Ie.value.sm), lt = m(() => ee.value ? 10 : 20), ut = m(
-      () => ee.value ? Z.value.map((e) => `${e._id}:${e._rev}`).join("|") : "desktop"
-    );
-    function ct() {
-      w.value = "", k.value = "all";
-    }
-    function dt(e) {
-      const o = I.value[0];
-      I.value = [
-        (o == null ? void 0 : o.id) === e ? { id: e, desc: !o.desc } : { id: e, desc: !1 }
-      ];
-    }
-    function $e(e) {
-      return v.skuById[e];
-    }
-    function _e(e) {
-      i.push(nt(e._id));
-    }
-    function pt(e) {
-      return i.resolve(nt(e._id)).href;
-    }
-    function mt(e, o) {
-      const d = ++Y;
-      if (F.value = o._id, H.value = null, e === "request") {
-        N.open(Ht(n)).onPrimary(() => void vt(o._id, d));
-        return;
-      }
-      H.value = e;
-    }
-    async function vt(e, o) {
-      if (!(o !== Y || F.value !== e))
-        try {
-          const d = await R.request(e);
-          if (o !== Y || F.value !== e || !Se(d)) return;
-          l == null || l.open({
-            title: n("inventory.production.run.list.request.success"),
-            message: n("inventory.production.run.list.request.successMessage", {
-              name: Re(d, n("inventory.production.run.list.untitled"))
-            }),
-            type: "success"
-          }), F.value = null;
-        } catch (d) {
-          if (o !== Y || F.value !== e) return;
-          l == null || l.open({
-            title: n("inventory.production.run.list.error.action", {
-              action: n("inventory.production.run.list.rowActions.request")
-            }),
-            message: he(d).message,
-            type: "error"
-          });
-        }
-    }
-    function Se(e) {
-      const o = c.value.findIndex((T) => T._id === e._id);
-      if (o < 0) return !1;
-      const d = [...c.value];
-      return d[o] = e, c.value = d, !0;
-    }
-    function te(e) {
-      F.value === e._id && Se(e);
-    }
-    function ft(e) {
-      e === null && (H.value = null, F.value = null);
-    }
-    function yt() {
-      P(), g();
-    }
-    const { columnDefs: bt } = _n(
-      mt,
-      $e,
-      _e,
-      () => I.value[0],
-      dt,
-      () => ee.value,
-      pt
-    );
-    function Ae(e) {
-      e === "refresh" && g(), e === "create" && (K.value = null, G.value = !0);
-    }
-    const _t = m(() => [
-      {
-        label: n("inventory.common.refresh"),
-        value: "refresh",
-        prependIcon: "refresh"
-      },
-      {
-        label: n("inventory.production.run.list.actions.create"),
-        value: "create",
-        prependIcon: "add",
-        testId: "production-run-mobile-create",
-        isPrimary: !0
-      }
-    ]);
-    function ht() {
-      K.value = null, g();
-    }
-    return (e, o) => {
-      const d = oe("FmButton"), T = oe("FmTable");
-      return y(), J(Ct, {
-        title: r(n)("inventory.production.run.list.title"),
-        "helper-text": r(n)("inventory.production.run.list.caption"),
-        actions: _t.value,
-        "onClick:action": Ae
-      }, {
-        default: U(() => {
-          var M;
-          return [
-            a("div", {
-              "data-testid": "production-run-list-content",
-              class: re([
-                "flex w-full max-h-full flex-col gap-12",
-                {
-                  "p-0": ee.value,
-                  "px-24": !ee.value
-                }
-              ])
-            }, [
-              a("h1", hn, h(r(n)("inventory.production.run.list.title")), 1),
-              A(Yt, {
-                "change-location": "",
-                searchable: "",
-                search: w.value,
-                "onUpdate:search": o[1] || (o[1] = (L) => w.value = L)
-              }, {
-                default: U(() => [
-                  A(Ut, {
-                    modelValue: k.value,
-                    "onUpdate:modelValue": o[0] || (o[0] = (L) => k.value = L),
-                    items: j.value,
-                    ariaLabel: r(n)("inventory.production.run.list.tabsLabel"),
-                    density: "list"
-                  }, null, 8, ["modelValue", "items", "ariaLabel"])
-                ]),
-                _: 1
-              }, 8, ["search"]),
-              !p.value && !t.value && (u.value || b.value) ? (y(), $("div", gn, [
-                a("p", xn, h(r(n)("inventory.production.run.list.history.scope", { count: c.value.length })), 1),
-                u.value ? (y(), J(d, {
-                  key: 0,
-                  "data-testid": "production-run-load-more",
-                  variant: "secondary",
-                  label: r(n)("inventory.production.run.list.history.loadMore"),
-                  loading: D.value,
-                  disabled: D.value,
-                  onClick: q
-                }, null, 8, ["label", "loading", "disabled"])) : B("", !0),
-                b.value ? (y(), $("p", wn, h(b.value), 1)) : B("", !0)
-              ])) : B("", !0),
-              a("div", {
-                id: "production-run-list-panel",
-                role: "tabpanel",
-                "aria-labelledby": `production-run-list-tab-${k.value}`,
-                class: re(["flex min-h-0 flex-col", !p.value && !t.value && Z.value.length ? "overflow-hidden" : "overflow-y-auto"]),
-                style: xt(!p.value && !t.value && Z.value.length ? r(C).tableHeight : void 0)
-              }, [
-                p.value ? (y(), $("div", {
-                  key: 0,
-                  "data-testid": "production-run-list-loading",
-                  role: "status",
-                  class: "w-full space-y-12",
-                  "aria-busy": "true",
-                  "aria-label": r(n)("inventory.production.run.list.loading")
-                }, [
-                  (y(), $(ne, null, ge(6, (L) => a("div", {
-                    key: L,
-                    "data-testid": "production-run-list-skeleton-row",
-                    class: "h-80 w-full animate-pulse rounded-md bg-fm-color-neutral-gray-100"
-                  })), 64))
-                ], 8, Rn)) : t.value ? (y(), J(jt, {
-                  key: 1,
-                  "data-testid": "production-run-list-error",
-                  class: "m-16",
-                  role: "alert",
-                  tone: "critical",
-                  title: r(n)("inventory.production.run.list.error.load"),
-                  message: t.value
-                }, {
-                  actions: U(() => [
-                    A(d, {
-                      "data-testid": "production-run-list-retry",
-                      label: r(n)("inventory.production.run.list.error.retry"),
-                      variant: "secondary",
-                      onClick: g
-                    }, null, 8, ["label"])
-                  ]),
-                  _: 1
-                }, 8, ["title", "message"])) : c.value.length === 0 ? (y(), $("div", In, [
-                  a("div", $n, h(r(n)("inventory.production.run.list.empty.noneTitle")), 1),
-                  a("div", Sn, h(r(n)("inventory.production.run.list.empty.noneDescription")), 1),
-                  A(d, {
-                    "data-testid": "production-run-list-empty-create",
-                    class: "mx-auto mt-16",
-                    label: r(n)("inventory.production.run.list.empty.create"),
-                    "prepend-icon": "add",
-                    onClick: o[2] || (o[2] = (L) => Ae("create"))
-                  }, null, 8, ["label"])
-                ])) : Z.value.length === 0 ? (y(), $("div", An, [
-                  a("div", Cn, h(r(n)("inventory.production.run.list.empty.noMatchTitle")), 1),
-                  a("div", Fn, h(w.value.trim() ? r(n)("inventory.production.run.list.empty.searchDescription", {
-                    query: w.value.trim()
-                  }) : r(n)("inventory.production.run.list.empty.noMatchDescription")), 1),
-                  A(d, {
-                    "data-testid": "production-run-list-clear-filters",
-                    class: "mx-auto mt-12",
-                    label: r(n)("inventory.production.run.list.empty.clearFilters"),
-                    "aria-label": r(n)("inventory.production.run.list.empty.clearFilters"),
-                    variant: "tertiary",
-                    onClick: ct
-                  }, null, 8, ["label", "aria-label"])
-                ])) : (y(), J(T, {
-                  key: ut.value,
-                  class: "production-run-table min-h-0 flex-1",
-                  "column-defs": r(bt),
-                  "row-data": Z.value,
-                  loading: p.value,
-                  "page-size": lt.value,
-                  "auto-reset-page-index": !0,
-                  onRowClick: o[3] || (o[3] = (L) => _e(L.original))
-                }, {
-                  "list-row": U((L) => [
-                    A(wt, {
-                      "data-testid": "production-run-mobile-row",
-                      class: "production-run-mobile-row !py-8",
-                      row: L,
-                      onRowClick: _e
-                    }, {
-                      default: U((z) => {
-                        var Ce, Fe, Ne, ce, Pe, De, Te, ze, de, Me, Le, Ve, Ee, pe, Oe, qe, Ue, je, me, We, Be, He, Ye, ve, Qe;
-                        return [
-                          a("div", Nn, [
-                            a("div", Pn, [
-                              o[5] || (o[5] = a("span", { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, "#", -1)),
-                              a("div", Dn, [
-                                A(r(X), {
-                                  render: (Ne = (Fe = (Ce = z.runNo) == null ? void 0 : Ce.column) == null ? void 0 : Fe.columnDef) == null ? void 0 : Ne.cell,
-                                  props: (Pe = (ce = z.runNo) == null ? void 0 : ce.getContext) == null ? void 0 : Pe.call(ce)
-                                }, null, 8, ["render", "props"])
-                              ])
-                            ]),
-                            a("div", Tn, [
-                              a("span", zn, h(r(n)("inventory.production.run.list.columns.name")), 1),
-                              a("div", Mn, [
-                                A(r(X), {
-                                  render: (ze = (Te = (De = z.name) == null ? void 0 : De.column) == null ? void 0 : Te.columnDef) == null ? void 0 : ze.cell,
-                                  props: (Me = (de = z.name) == null ? void 0 : de.getContext) == null ? void 0 : Me.call(de)
-                                }, null, 8, ["render", "props"])
-                              ])
-                            ]),
-                            a("div", Ln, [
-                              a("span", Vn, h(r(n)("inventory.production.run.list.columns.items")), 1),
-                              A(r(X), {
-                                render: (Ee = (Ve = (Le = z.items) == null ? void 0 : Le.column) == null ? void 0 : Ve.columnDef) == null ? void 0 : Ee.cell,
-                                props: (Oe = (pe = z.items) == null ? void 0 : pe.getContext) == null ? void 0 : Oe.call(pe)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            z.statusForAdmin ? (y(), J(st, { key: 0 }, {
-                              default: U(() => {
-                                var Ge, Ke, Je, fe, Xe;
-                                return [
-                                  a("div", En, [
-                                    a("span", On, h(r(n)("inventory.production.run.list.columns.status")), 1),
-                                    A(r(X), {
-                                      render: (Je = (Ke = (Ge = z.statusForAdmin) == null ? void 0 : Ge.column) == null ? void 0 : Ke.columnDef) == null ? void 0 : Je.cell,
-                                      props: (Xe = (fe = z.statusForAdmin) == null ? void 0 : fe.getContext) == null ? void 0 : Xe.call(fe)
-                                    }, null, 8, ["render", "props"])
-                                  ])
-                                ];
-                              }),
-                              _: 2
-                            }, 1024)) : B("", !0),
-                            a("div", qn, [
-                              a("span", Un, h(r(n)("inventory.production.run.list.columns.status")), 1),
-                              A(r(X), {
-                                render: (je = (Ue = (qe = z.status) == null ? void 0 : qe.column) == null ? void 0 : Ue.columnDef) == null ? void 0 : je.cell,
-                                props: (We = (me = z.status) == null ? void 0 : me.getContext) == null ? void 0 : We.call(me)
-                              }, null, 8, ["render", "props"])
-                            ]),
-                            a("div", jn, [
-                              a("span", Wn, h(r(n)("inventory.production.run.list.columns.updated")), 1),
-                              A(r(X), {
-                                render: (Ye = (He = (Be = z.updatedAt) == null ? void 0 : Be.column) == null ? void 0 : He.columnDef) == null ? void 0 : Ye.cell,
-                                props: (Qe = (ve = z.updatedAt) == null ? void 0 : ve.getContext) == null ? void 0 : Qe.call(ve)
-                              }, null, 8, ["render", "props"])
-                            ])
-                          ])
-                        ];
-                      }),
-                      _: 2
-                    }, 1032, ["row"])
-                  ]),
-                  _: 1
-                }, 8, ["column-defs", "row-data", "loading", "page-size"]))
-              ], 14, kn)
-            ], 2),
-            G.value ? (y(), J(Wt, {
-              key: 0,
-              show: !0,
-              run: K.value,
-              "duplicate-sources": c.value,
-              "duplicate-source-state": s.value,
-              onLoadMoreDuplicateSources: S,
-              "onUpdate:show": o[4] || (o[4] = (L) => G.value = L),
-              onSaved: ht
-            }, null, 8, ["run", "duplicate-sources", "duplicate-source-state"])) : B("", !0),
-            A(Bt, {
-              action: H.value,
-              run: O.value,
-              "location-name": ((M = r(x)._currentLocation) == null ? void 0 : M.name) ?? null,
-              "duplicate-sources": c.value,
-              "duplicate-source-state": s.value,
-              onLoadMoreDuplicateSources: S,
-              "at-target": be.value,
-              ingredients: f.value,
-              "onUpdate:action": ft,
-              onEdited: te,
-              onIssued: te,
-              onRecorded: te,
-              onClosed: te,
-              onCancelled: te,
-              onReload: yt
-            }, null, 8, ["action", "run", "location-name", "duplicate-sources", "duplicate-source-state", "at-target", "ingredients"])
-          ];
-        }),
-        _: 1
-      }, 8, ["title", "helper-text", "actions"]);
-    };
-  }
-}), ro = /* @__PURE__ */ it(Bn, [["__scopeId", "data-v-88282346"]]);
-export {
-  ro as default
-};