@feedmepos/mf-inventory-portal 1.6.0-dev.3 → 1.6.0-dev.5

package/dist/WastageTemplateView-Du6TkCs_.js

@@ -0,0 +1,2381 @@
+import { ref as C, h as P, defineComponent as Y, resolveComponent as M, openBlock as A, createElementBlock as D, createElementVNode as T, normalizeClass as K, createTextVNode as ie, toDisplayString as j, unref as $, createCommentVNode as z, createVNode as I, createBlock as O, Fragment as H, renderList as Q, computed as U, watch as ue, createSlots as Le, withCtx as L, isRef as Ne, withModifiers as Xe, normalizeStyle as Ze, Teleport as et, normalizeProps as tt, guardReactiveProps as nt, mergeProps as Ee } from "vue";
+import { u as at, _ as ot } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DGlWE5I8.js";
+import { useI18n as G, useCoreStore as Be } from "@feedmepos/mf-common";
+import { D as le, R as B } from "./row-action.enum-DQ9bJ_uv.js";
+import { _ as st } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BGLXxy9f.js";
+import { useDialog as X, useDialogChild as lt, useSnackbar as ce, FmButtonVariant as q, components as W, useProxiedModel as ze, useBreakpoints as rt } from "@feedmepos/ui-library";
+import { defineStore as Oe, storeToRefs as We } from "pinia";
+import { _ as it, F as re } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-Ca_eYa8-.js";
+import { u as he, c as He, a as Z, I as N, l as ut, D as fe, J as me } from "./app-CjiuiHDk.js";
+import { F as J } from "./form-mode.enum-BKiNVH6A.js";
+import { c as ct } from "./component-kqxARxvM.js";
+import { f as mt } from "./format-time-from-id-DKmu5H0z.js";
+import { u as de } from "./closing-template-DnrdINvt.js";
+import { _ as Pe } from "./TemplatePublishDialog.vue_vue_type_script_setup_true_lang-D7vU7B-g.js";
+import { t as ve, a as Ke, d as Ye, s as Ge, r as dt } from "./xlsx.util-C5NsmjEo.js";
+import { f as pt, a as ft } from "./date2-CEDyMoeQ.js";
+import { u as vt } from "./netsuite-ByzZ2V2q.js";
+import { F as yt } from "./FmDroppableField-J0xUsOTV.js";
+import { u as ht } from "./duplicate-template-BuOORkUm.js";
+import { A as gt, R as Je } from "./rules-CwE6-Bgq.js";
+import { d as bt } from "./defineDeepModel-D1HBffUN.js";
+import { u as _t } from "./use-template-enabled-locations-BFQ-usJX.js";
+import { a as xt } from "./FmMultiselectDialog-CdqjMwOd.js";
+import { _ as wt } from "./SystemTrailDialog.vue_vue_type_script_setup_true_lang-Bzo6X02f.js";
+import { _ as Tt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ee = Oe(
+  "wastageTable",
+  function() {
+    const { t: a } = G(), p = X(), y = ye(), v = C({}), i = C(new Array()), r = C(!1), s = he(), o = de(), d = C({}), m = C();
+    async function x() {
+      if (s._currentLocation)
+        try {
+          m.value = await o.getReasons();
+        } catch (t) {
+          console.log("Something went wrong when fetching reasons:", t);
+        }
+    }
+    function c() {
+      if (!m.value) return !1;
+      const n = s.locations.filter((l) => !!s.locationByDbName[l.dbName]), g = n.filter((l) => !!(d.value[l.dbName] || []).find(
+        (F) => F._id === m.value._id && (F.updatedAt ? F.updatedAt === m.value.updatedAt : F._rev === m.value._rev)
+      )).length;
+      return n.length > 0 && g === n.length;
+    }
+    function b(t) {
+      const n = {
+        title: t.name,
+        doc: t,
+        controller: {
+          publishAll: async (g) => {
+            const f = g || t.locations, l = await o.publishSingleDoc(
+              t._id,
+              f == null ? void 0 : f.map((_) => _.dbName)
+            );
+            return d.value = l.publishedRevByLocation || {}, d.value;
+          },
+          publishAtLocation: async (g) => {
+            const f = await o.publishSingleDoc(t._id, [
+              g.dbName
+            ]);
+            return d.value = f.publishedRevByLocation || {}, d.value;
+          },
+          unpublishAll: async (g) => {
+            const f = g || t.locations, l = await o.unpublishSingleDoc(
+              t._id,
+              f == null ? void 0 : f.map((_) => _.dbName)
+            );
+            return d.value = l.publishedRevByLocation || {}, d.value;
+          },
+          unpublishAtLocation: async (g) => {
+            const f = await o.unpublishSingleDoc(t._id, [
+              g.dbName
+            ]);
+            return d.value = f.publishedRevByLocation || {}, d.value;
+          }
+        },
+        initialPublishedRev: d.value,
+        locations: s.locations,
+        enabledLocations: t.locations
+      };
+      p.open({
+        title: "Publish template",
+        contentComponent: Pe,
+        contentComponentProps: n,
+        closeButton: !0,
+        minWidth: 700,
+        maxHeight: "80vh",
+        contentScrollable: !1,
+        primaryActions: {
+          text: a("common.close"),
+          close: !0,
+          variant: "tertiary"
+        }
+      });
+    }
+    function k() {
+      if (!m.value) return;
+      const t = {
+        title: "Adjustment Reasons",
+        doc: m.value,
+        controller: {
+          publishAll: async (n) => {
+            const g = await o.publishReasonDoc(
+              n == null ? void 0 : n.map((f) => f.dbName)
+            );
+            return d.value = g.publishedRevByLocation || {}, d.value;
+          },
+          publishAtLocation: async (n) => {
+            const g = await o.publishReasonDoc([n.dbName]);
+            return d.value = g.publishedRevByLocation || {}, d.value;
+          },
+          unpublishAll: async () => d.value,
+          unpublishAtLocation: async () => d.value
+        },
+        initialPublishedRev: d.value,
+        locations: s.locations,
+        enabledLocations: null,
+        hideUnpublish: !0
+      };
+      p.open({
+        title: "Publish reasons",
+        contentComponent: Pe,
+        contentComponentProps: t,
+        closeButton: !0,
+        minWidth: 700,
+        maxHeight: "80vh",
+        contentScrollable: !1,
+        primaryActions: {
+          text: a("common.close"),
+          close: !0,
+          variant: "tertiary"
+        }
+      });
+    }
+    async function S() {
+      if (i.value = [], !!s._currentLocation) {
+        r.value = !0;
+        try {
+          const [t, n, g] = await Promise.all([
+            o.readTemplates(),
+            o.getRecentPublishingJob(),
+            o.getRecentPublishInfo()
+          ]).delayed(1e3);
+          i.value = t, v.value = n, d.value = (g == null ? void 0 : g.publishedRevByLocation) || {}, await x();
+        } catch (t) {
+          console.log("Something went wrong when fetching templates:", t);
+        } finally {
+          r.value = !1;
+        }
+      }
+    }
+    async function w(t) {
+      if (!i.value.find((n) => n._id) && s._currentLocation) {
+        r.value = !0;
+        try {
+          const [n] = await Promise.all([
+            o.getTemplate(t),
+            new Promise((g) => setTimeout(g, 1e3))
+          ]);
+          i.value = [n];
+        } catch (n) {
+          console.log("Something went wrong when fetching templates:", n);
+        } finally {
+          r.value = !1;
+        }
+      }
+    }
+    function e(t, n) {
+      switch (n = He(n), t) {
+        case B.Details:
+          return y.viewTemplate(n);
+        case B.Edit:
+          return y.updateTemplate(n);
+        case B.Delete:
+          return y.deleteTemplate(n, r, S);
+        case B.Publish:
+          return b(n);
+        case B.Duplicate:
+          return y.duplicateTemplate(n, r, S);
+      }
+    }
+    return {
+      columnDefs: [
+        {
+          id: "_id",
+          accessorKey: "_id",
+          header: () => a("inventory.adjustment.template.table.createdAt"),
+          cell(t) {
+            return mt(`${t.getValue()}`);
+          },
+          enableSorting: !0
+        },
+        {
+          id: "name",
+          accessorKey: "name",
+          header: () => a("inventory.adjustment.template.table.name"),
+          enableSorting: !0,
+          size: 200
+        },
+        {
+          id: "noOfItems",
+          accessorKey: "items.length",
+          header: () => a("inventory.adjustment.template.table.noOfItems"),
+          enableSorting: !1,
+          meta: {
+            width: "10rem",
+            textAlign: "right"
+          }
+        },
+        {
+          id: "enabledLocations",
+          accessorKey: "locations.length",
+          header: () => a("inventory.adjustment.template.table.enabledOutlets"),
+          cell(t) {
+            var g;
+            const n = (g = t.row.original.locations) == null ? void 0 : g.length;
+            return n ? `${n}` : "All";
+          },
+          enableSorting: !1,
+          meta: {
+            width: "10rem",
+            textAlign: "right"
+          }
+        },
+        {
+          id: "status",
+          header: () => a("inventory.adjustment.template.table.status"),
+          enableSorting: !1,
+          cell(t) {
+            const n = t.row.original, f = (t.row.original.locations || s.locations).filter((R) => !!s.locationByDbName[R.dbName]), l = f.filter((R) => !!(d.value[R.dbName] || []).find(
+              (V) => V._id === n._id && (V.updatedAt ? V.updatedAt === n.updatedAt : V._rev === n._rev)
+            )).length, _ = f.length > 0 && l === f.length;
+            return P(
+              "div",
+              {
+                class: "flex items-center gap-8"
+              },
+              P(
+                "div",
+                {
+                  class: [
+                    "fm-status-badge",
+                    _ ? "fm-status-badge-success-secondary" : "fm-status-badge-info-secondary"
+                  ]
+                },
+                _ ? "Published" : "Unpublished"
+              )
+            );
+          }
+        },
+        {
+          id: "action",
+          cell(t) {
+            const n = t.row.original, g = [
+              le[B.Edit],
+              le[B.Duplicate],
+              le[B.Delete],
+              le[B.Publish]
+            ];
+            return ct(g, (f) => e(f, n));
+          },
+          enableSorting: !1,
+          size: 40,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ],
+      recentPublish: v,
+      templates: i,
+      reasons: m,
+      isReasonPublished: c,
+      showReasonPublishDialog: k,
+      loading: r,
+      fetchTemplates: S,
+      loadTemplate: w
+    };
+  }
+);
+var ge = /* @__PURE__ */ ((u) => (u.Ingredients = "Ingredients", u))(ge || {});
+function qe(u, a, p) {
+  var v, i, r;
+  const y = [];
+  if (u.type == N.Enum.sku) {
+    const s = new Set(u.disabledMeasurements), o = (v = a.sku) == null ? void 0 : v.find((d) => d._id === u.id);
+    if (o) {
+      const d = {
+        type: u.type,
+        code: u.code,
+        name: u.name,
+        unit: o.unit.abbrev,
+        enabled: !s.has(o.unit._id)
+      };
+      y.push(
+        d,
+        ...o.unit.measurements.map((m) => ({
+          unit: m.abbrev,
+          enabled: !s.has(m.id)
+        }))
+      );
+    }
+  }
+  return u.type == N.Enum.recipe && ((i = a.recipe) != null && i.find((o) => o._id === u.id)) && y.push(u), u.type == N.Enum.menu && ((r = p == null ? void 0 : p.modules.item) != null && r.find((o) => o._id === u.id)) && y.push(u), y;
+}
+function Qe() {
+  return [
+    {
+      id: "code",
+      name: "Code"
+    },
+    {
+      id: "type",
+      name: "Type"
+    },
+    {
+      id: "name",
+      name: "Name"
+    },
+    {
+      id: "unit",
+      name: "Unit"
+    },
+    {
+      id: "enabled",
+      name: "Enabled (Unit)"
+    }
+  ];
+}
+function kt(u) {
+  var d;
+  const a = Be(), p = Z(), y = p.menu.cache, v = a.currentBusiness.value, r = (d = u.map((m) => {
+    var w;
+    const x = m.items.flatMap(
+      (e) => qe(e, p.state.inventory, y)
+    ), c = Qe(), b = [
+      ["Template ID", m._id],
+      ["Template name", m.name],
+      ["Business name", v == null ? void 0 : v.name],
+      ["Business ID", v == null ? void 0 : v._id],
+      ["Menu version", v == null ? void 0 : v.menuVersion],
+      [
+        "Locations",
+        ...(w = m.locations) != null && w.length ? m.locations.map((e) => `${e.name} (${e.dbName})`) : ["All"]
+      ],
+      //   ['Reference', template.ref ?? ''],
+      [],
+      c.map((e) => e.name),
+      ...x.map((e) => c.map((h) => e[h.id]))
+    ], k = c.map((e) => `system:${e.id}`), S = ve(b, k);
+    return { name: m.name, sheet: S };
+  }).reduce(
+    (m, x) => {
+      var b;
+      const c = x.name.slice(0, 12);
+      return (b = m.sheetOccurence)[c] ?? (b[c] = 0), m.sheetOccurence[c] += 1, m.sheets[`${c} (${m.sheetOccurence[c]})`] = x.sheet, m;
+    },
+    {
+      sheets: {},
+      sheetOccurence: {}
+    }
+  )) == null ? void 0 : d.sheets, s = `${v == null ? void 0 : v.name} adjustment templates (${pt(/* @__PURE__ */ new Date())}).xlsx`, o = Ke(r);
+  return Ye(o, s), s;
+}
+function $t() {
+  var w;
+  const u = Be(), a = Z(), p = vt(), y = (w = a.state.inventory.sku) == null ? void 0 : w[0];
+  if (!y)
+    throw new Error("No inventory items");
+  const i = qe(
+    {
+      type: N.Enum.sku,
+      code: y.code,
+      id: y._id,
+      name: y.name
+    },
+    a.state.inventory,
+    a.menu.cache
+  )[0], r = u.currentBusiness.value, s = Qe(), o = [
+    ["Template ID (leave empty to create new)", ""],
+    ["Template Name", "New template"],
+    ["Business name", r == null ? void 0 : r.name],
+    ["Business ID", r == null ? void 0 : r._id],
+    ["Menu version", r == null ? void 0 : r.menuVersion],
+    [
+      "Location codes (leave empty to enable all)",
+      "Example outlet (restaurant_xxx)",
+      "Example outlet 2 (restaurant_xxx)"
+    ],
+    // ['Reference:'],
+    [],
+    s.map((e) => e.name),
+    s.map((e) => i[e.id])
+  ], d = s.map((e) => `system:${e.id}`), m = ve(o, d), x = p.isEnabled ? p.state.setting.childItems ?? [] : [], c = x.reduce(
+    (e, h) => {
+      var l, _;
+      const t = (l = p.netSuiteItemIdToSkuId.get(h.parentNetSuiteId)) == null ? void 0 : l[0], n = (_ = p.netSuiteMeasurementIdToMeasurementId.get(
+        h.unitOfMeasureId
+      )) == null ? void 0 : _[0];
+      if (!h.externalId)
+        return e;
+      if (!t)
+        return console.error(`Item ${h.externalId} cannot be mapped to parent FdoInventorySku.`, h), e;
+      const g = a.skuById[t], f = g.unit.measurements.find((R) => R.id === n);
+      return f ? (e[h.externalId] = {
+        sku: g,
+        measurement: f
+      }, e) : (console.error(
+        `Item ${h.externalId} found parent FdoInventorySku of ${g.code} ${g.name} but the measurement of netsuite id ${h.unitOfMeasureId} cannot be found.`,
+        h
+      ), e);
+    },
+    {}
+  ), b = ve(
+    [
+      ...a.skus.flatMap((e) => [
+        [e.code, e.name, e.unit.abbrev, !0],
+        ...e.unit.measurements.map((t) => [
+          "",
+          "",
+          t.abbrev,
+          !t.abbrev.toLocaleLowerCase("en-us").includes("inactive")
+        ])
+      ]),
+      ...Object.entries(c).map(([e, { sku: h, measurement: t }]) => [
+        h.code,
+        h.name,
+        t.abbrev,
+        !t.abbrev.toLocaleLowerCase("en-us").includes("inactive"),
+        e
+      ])
+    ],
+    [
+      "Code",
+      "Type",
+      "Name",
+      "Units",
+      "Enabled (true/false)",
+      ...x.length ? ["Netsuite Parent"] : []
+    ]
+  ), k = Ke({
+    Template: m,
+    Ingredients: b
+  }), S = `${r == null ? void 0 : r.name} transfer templates import.xlsx`;
+  return Ye(k, S), S;
+}
+function St(u) {
+  if (!u.length || `${u[0]}`.toLocaleLowerCase() === "all")
+    return [];
+  const a = /(.*) \(((warehouse_|restaurant_).{24,})\)/, y = he().locationByDbName;
+  return u.map((v) => {
+    const i = new Array(), r = v.trim(), s = a.exec(r);
+    if (!s)
+      return i.push(`Enabled location value of ${r} cannot be read.`), {
+        errors: i
+      };
+    const o = s[1], d = s[2], m = y[d];
+    return m ? (o !== m.name && i.push(
+      `Location id ${d} has non-matching name. Found ${o} but expected ${m.name}`
+    ), {
+      errors: i,
+      location: m
+    }) : (i.push(`Location (${o}) of id ${d} is not found.`), {
+      errors: i
+    });
+  });
+}
+function It(u) {
+  const [
+    a,
+    p,
+    y,
+    v,
+    i,
+    r,
+    s,
+    o
+  ] = Ge(u);
+  return {
+    id: `${p[1] ?? ""}`.trim(),
+    name: `${y[1] ?? ""}`.trim(),
+    locations: s.slice(1).map((d) => `${d}`.trim()).filter((d) => d),
+    reference: `${o[1] ?? ""}`.trim()
+  };
+}
+function At(u) {
+  const [
+    a,
+    p,
+    y,
+    v,
+    i,
+    r,
+    s,
+    o,
+    d,
+    ...m
+  ] = Ge(u);
+  if (!a || !a.length || a.some((S) => S.length && !S.startsWith("system:")))
+    throw new Error("Missing meta header. Excel file does not come from the template.");
+  const x = a.map((S) => S.split(":")[1]), b = [
+    "code",
+    "type",
+    "name",
+    "unit",
+    "enabled"
+  ].filter((S) => !x.includes(S));
+  if (b.length)
+    throw new Error(
+      `Missing meta headers (${b.join()}). Excel file does not come from the template.`
+    );
+  return m.map((S, w) => {
+    const e = {};
+    for (const h in x) {
+      const t = x[h];
+      Object.assign(e, { [t]: S[h] });
+    }
+    return {
+      index: w,
+      data: e
+    };
+  });
+}
+function Rt(u) {
+  return u.reduce(
+    (a, p) => {
+      var i;
+      const y = p.data, v = p.index;
+      if (y.type == N.Enum.recipe)
+        a.result.push({ parent: p, children: [] });
+      else if (y.type == N.Enum.menu)
+        y.code ? a.result.push({ parent: p, children: [] }) : a.errors.push(`Menu item row ${v + 9} does not have a code.`);
+      else {
+        if (!y.unit) return a;
+        y.code ? a.result.push({ parent: p, children: [] }) : a.result.length ? (i = a.result.at(-1)) == null || i.children.push(p) : a.errors.push(`Cannot find parent for row ${v + 9}`);
+      }
+      return a;
+    },
+    { result: new Array(), errors: new Array() }
+  );
+}
+function Ft(u) {
+  var o;
+  const a = u.parent.data, p = new Array(), y = Z();
+  if (u.parent.data.type == N.Enum.menu) {
+    const d = y.menu.cache, m = (o = d == null ? void 0 : d.modules.item) == null ? void 0 : o.find((c) => c.code === a.code);
+    if (!m)
+      return p.push(`Cannot find menu module of id ${a.code}`), { errors: p };
+    const x = {
+      type: N.Enum.menu,
+      code: m.code,
+      id: m._id,
+      name: m.name ?? ""
+    };
+    return { errors: p, templateItem: x };
+  }
+  if (u.parent.data.type == N.Enum.recipe) {
+    const m = y.recipes.find((c) => c.name === a.name);
+    if (!m)
+      return p.push(`Cannot find recipe module of id ${a.code}`), { errors: p };
+    const x = {
+      type: N.Enum.recipe,
+      id: m._id,
+      name: m.name ?? ""
+    };
+    return { errors: p, templateItem: x };
+  }
+  const v = y.skuByCode[a.code ?? ""];
+  if (!v)
+    return p.push(`Cannot find ingredient of code [${a.code}] [${a.name}]`), { errors: p };
+  const i = {
+    type: N.Enum.sku,
+    code: a.code,
+    id: v._id,
+    name: a.name ?? "",
+    disabledMeasurements: []
+  }, r = v.unit.measurements.find((d) => d.abbrev === a.unit);
+  a.unit !== v.unit.abbrev && !r ? p.push(
+    `Cannot find measurement unit of ${a.unit} for (${a.code}) ${a.name}.`
+  ) : (!a.enabled || `${a.enabled}`.toLocaleLowerCase() === "false") && (i.disabledMeasurements ?? (i.disabledMeasurements = []), i.disabledMeasurements.push((r == null ? void 0 : r.id) ?? v.unit._id));
+  for (const d of u.children) {
+    const m = d.data, x = m.unit === v.unit.abbrev ? v.unit : void 0, c = v.unit.measurements.find((b) => b.abbrev === m.unit);
+    if (!c && !x) {
+      p.push(
+        `Cannot find measurement unit of ${m.unit} for (${a.code}) ${a.name}.`
+      );
+      continue;
+    }
+    (!m.enabled || `${m.enabled}`.toLocaleLowerCase() === "false") && (i.disabledMeasurements ?? (i.disabledMeasurements = []), i.disabledMeasurements.push((c == null ? void 0 : c.id) ?? (x == null ? void 0 : x._id) ?? ""));
+  }
+  const s = new Set(i.disabledMeasurements);
+  return s.has(v.unit._id) && v.unit.measurements.every((d) => s.has(d.id)) && p.push(`Ingredient ${v.code} - ${v.name} must have at least one unit enabled.`), { errors: p, templateItem: i };
+}
+function Dt(u) {
+  const a = u.SheetNames.filter(
+    (i) => !Object.values(ge).map(String).includes(i)
+  ), y = ee().templates, v = ut(y, "_id");
+  try {
+    return a.reduce(
+      (r, s) => {
+        const o = new Array(), d = u.Sheets[s], m = It(d), x = St(m.locations), c = x.filter((t) => t.location).map((t) => t.location);
+        o.push(...x.flatMap((t) => t.errors));
+        const b = At(d).filter((t) => {
+          const n = t.data;
+          return n.type == N.Enum.menu ? n.code : n.type == N.Enum.recipe ? n.name : t.data.code || t.data.unit;
+        }), k = Rt(b);
+        o.push(...k.errors);
+        const S = k.result.map(
+          (t) => Ft(t)
+        );
+        o.push(...S.flatMap((t) => t.errors));
+        const w = S.filter((t) => t.templateItem).map((t) => t.templateItem);
+        if (m.id) {
+          const t = v[m.id];
+          if (!t) {
+            const g = {
+              type: fe.Enum.WASTAGE,
+              _id: m.id,
+              _rev: "",
+              name: m.name || `(unnamed from sheet ${s || "<unnamed sheet>"})`,
+              items: []
+            };
+            return o.push(`Template ID ${m.id} is not found.`), r.importUpdateResult.push({
+              type: "update",
+              original: g,
+              template: g,
+              excelSheetName: s,
+              errors: o
+            }), r;
+          }
+          const n = {
+            type: "update",
+            original: t,
+            template: {
+              ...t,
+              name: m.name,
+              locations: c.length ? c : null,
+              items: w
+            },
+            excelSheetName: s,
+            errors: o
+          };
+          return r.importUpdateResult.push(n), r;
+        }
+        const h = {
+          type: "create",
+          template: {
+            type: fe.Enum.WASTAGE,
+            name: m.name,
+            locations: c.length ? c : null,
+            items: w
+          },
+          excelSheetName: s,
+          errors: o
+        };
+        return r.importCreateResult.push(h), r;
+      },
+      {
+        invalidExcel: !1,
+        importCreateResult: new Array(),
+        importUpdateResult: new Array()
+      }
+    );
+  } catch (i) {
+    return {
+      invalidExcel: !0,
+      invalidExcelMessage: (i == null ? void 0 : i.message) ?? "Invalid excel",
+      importCreateResult: [],
+      importUpdateResult: []
+    };
+  }
+}
+const Ct = { class: "flex" }, Mt = { class: "flex flex-col flex-1" }, Et = { class: "flex flex-col" }, Pt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex items-center gap-4" }, Vt = {
+  key: 0,
+  class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400"
+}, jt = { key: 0 }, Ut = { class: "ml-auto" }, Lt = { key: 0 }, Ve = /* @__PURE__ */ Y({
+  __name: "AdjustmentTemplateImportItem",
+  props: {
+    type: {},
+    name: {},
+    locations: {},
+    items: {},
+    errors: {}
+  },
+  setup(u) {
+    const a = u, { t: p } = G(), y = C(!1), v = () => {
+      a.errors.length && (y.value = !y.value);
+    };
+    return (i, r) => {
+      var o, d, m;
+      const s = M("FmIcon");
+      return A(), D("div", Ct, [
+        r[0] || (r[0] = T("div", null, "•", -1)),
+        T("div", Mt, [
+          T("div", {
+            class: K(["flex items-center gap-12 pl-8", {
+              "cursor-pointer": i.errors.length
+            }]),
+            onClick: v
+          }, [
+            T("div", Et, [
+              T("div", Pt, [
+                T("div", {
+                  class: K({
+                    "text-fm-color-system-error-300": i.errors.length
+                  })
+                }, [
+                  ie(j(i.name) + " ", 1),
+                  i.type === "create" ? (A(), D("span", Vt, "(" + j($(p)("inventory.closing.template.import.new")) + ")", 1)) : z("", !0)
+                ], 2),
+                i.errors.length ? (A(), D("div", jt, [
+                  I(s, {
+                    name: "error",
+                    size: "sm",
+                    color: "system-error-300"
+                  })
+                ])) : z("", !0)
+              ]),
+              T("div", {
+                class: K([
+                  "fm-typo-en-body-sm-400",
+                  {
+                    "text-fm-color-system-error-200": i.errors.length,
+                    "text-fm-color-typo-secondary": !i.errors.length
+                  }
+                ])
+              }, j((o = i.locations) != null && o.length ? $(p)("inventory.closing.template.import.nLocations", { count: (d = i.locations) == null ? void 0 : d.length }) : $(p)("inventory.closing.template.import.allLocations")) + ", " + j($(p)("inventory.closing.template.import.nItems", { count: (m = i.items) == null ? void 0 : m.length })), 3)
+            ]),
+            T("div", Ut, [
+              i.errors.length ? (A(), O(s, {
+                key: 0,
+                name: y.value ? "keyboard_arrow_up" : "keyboard_arrow_down",
+                size: "md"
+              }, null, 8, ["name"])) : z("", !0)
+            ])
+          ], 2),
+          y.value ? (A(), D("div", {
+            key: 0,
+            class: K(["flex flex-col gap-4 pl-8 fm-typo-en-body-sm-400", {
+              "text-fm-color-typo-secondary": !i.errors.length,
+              "text-fm-color-system-error-300": i.errors.length
+            }])
+          }, [
+            i.errors.length ? (A(), D("div", Lt, [
+              T("ol", null, [
+                (A(!0), D(H, null, Q(i.errors, (x, c) => (A(), D("li", { key: c }, j(x), 1))), 128))
+              ])
+            ])) : z("", !0)
+          ], 2)) : z("", !0)
+        ])
+      ]);
+    };
+  }
+}), Nt = { class: "flex flex-col gap-24" }, Bt = { class: "fm-typo-en-body-md-400" }, zt = {
+  key: 0,
+  class: "flex items-center gap-8"
+}, Ot = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Wt = { class: "flex flex-col gap-8" }, Ht = { class: "line-clamp-2 text-ellipsis break-all" }, Kt = {
+  key: 2,
+  class: "shrink-0"
+}, Yt = {
+  key: 0,
+  class: "flex flex-col"
+}, Gt = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, Jt = {
+  key: 0,
+  class: "max-h-[200px] overflow-y-auto flex flex-col gap-8"
+}, qt = { class: "fm-typo-en-body-lg-600" }, Qt = /* @__PURE__ */ Y({
+  __name: "AdjustmentTemplateImport",
+  setup(u) {
+    const a = C(null), p = lt(), y = ce(), v = C(!1), i = C(!1), r = C(new Array()), s = C([]), o = C([]), d = U(
+      () => !!r.value.length || s.value.some((b) => b.errors.length) || o.value.some((b) => b.errors.length)
+    ), m = U(
+      () => !!s.value.length || !!o.value.length
+    ), { t: x } = G();
+    async function c(b) {
+      r.value = [], s.value = [], o.value = [];
+      try {
+        v.value = !0;
+        const [k] = await Promise.all([
+          dt(b),
+          // fake buffer
+          new Promise((h) => setTimeout(h, 1e3))
+        ]);
+        if (!k.SheetNames.filter(
+          (h) => !Object.values(ge).map(String).includes(h)
+        ).find((h) => h)) {
+          r.value.push(x("inventory.ingredient.import.fileError.noSheet"));
+          return;
+        }
+        const e = Dt(k);
+        if (e.invalidExcel) {
+          r.value.push(
+            e.invalidExcelMessage ?? x("inventory.ingredient.import.fileError.invalidExcel")
+          );
+          return;
+        }
+        if (s.value = e.importCreateResult, o.value = e.importUpdateResult, !s.value.length && !o.value.length) {
+          r.value.push(x("inventory.ingredient.import.fileError.noData"));
+          return;
+        }
+        p.emitData(e);
+      } catch (k) {
+        y.open({
+          title: x("inventory.ingredient.import.fileError.unableToRead"),
+          message: k == null ? void 0 : k.message,
+          type: "error"
+        }), console.error("Error in reading file", k);
+      } finally {
+        r.value.length && y.open({
+          title: x("inventory.ingredient.import.fileError.invalidExcel"),
+          type: "error"
+        }), v.value = !1;
+      }
+    }
+    return ue(a, (b) => {
+      b && c(b);
+    }), (b, k) => {
+      const S = M("FmCircularProgress"), w = M("FmIcon"), e = M("FmButton");
+      return A(), D("div", Nt, [
+        T("div", Bt, j($(x)("inventory.adjustment.template.import.message")), 1),
+        i.value ? (A(), D("div", zt, [
+          T("div", null, [
+            I(S, {
+              size: "md",
+              color: "neutral-gray-200"
+            })
+          ]),
+          T("div", Ot, j($(x)("inventory.formField.loading")), 1)
+        ])) : (A(), D(H, { key: 1 }, [
+          I(yt, {
+            class: K({
+              "w-full": !0,
+              "h-[200px]": !a.value
+            }),
+            accept: ".xlsx",
+            onFileUpload: k[0] || (k[0] = (h) => a.value = h),
+            label: $(x)("inventory.ingredient.import.uploadTemplate"),
+            "button-label": $(x)("inventory.ingredient.import.selectFile")
+          }, Le({ _: 2 }, [
+            a.value ? {
+              name: "default",
+              fn: L(({ openFileDialog: h }) => [
+                T("div", Wt, [
+                  T("div", {
+                    class: K([
+                      "fm-corner-radius-md p-16 flex items-center gap-16",
+                      {
+                        "border border-fm-color-neutral-gray-100": v.value,
+                        "border border-fm-color-neutral-gray-200": !v.value && !d.value,
+                        "border border-fm-color-system-error-200": d.value
+                      }
+                    ])
+                  }, [
+                    v.value ? (A(), O(S, {
+                      key: 0,
+                      size: "md",
+                      color: "neutral-gray-200"
+                    })) : (A(), O(w, {
+                      key: 1,
+                      name: d.value ? "error" : "attach_file",
+                      outline: "",
+                      color: d.value ? "system-error-300" : void 0
+                    }, null, 8, ["name", "color"])),
+                    T("div", {
+                      class: K([
+                        "fm-typo-en-body-md-400 flex-1 h-[36px] flex items-center",
+                        {
+                          "text-fm-color-typo-disabled": v.value,
+                          "text-fm-color-typo-primary": !v.value
+                        }
+                      ])
+                    }, [
+                      T("div", Ht, j(a.value.name), 1)
+                    ], 2),
+                    v.value ? z("", !0) : (A(), D("div", Kt, [
+                      I(e, {
+                        label: $(x)("inventory.ingredient.import.replaceFile"),
+                        variant: d.value ? "destructive" : "secondary",
+                        "prepend-icon": d.value ? void 0 : "autorenew",
+                        onClick: h
+                      }, null, 8, ["label", "variant", "prepend-icon", "onClick"])
+                    ]))
+                  ], 2),
+                  r.value.length ? (A(), D("div", Yt, [
+                    (A(!0), D(H, null, Q(r.value, (t, n) => (A(), D("div", {
+                      key: n,
+                      class: "flex gap-8 items-center"
+                    }, [
+                      I(w, {
+                        name: "error",
+                        size: "sm",
+                        color: "system-error-300"
+                      }),
+                      T("div", Gt, j(t), 1)
+                    ]))), 128))
+                  ])) : z("", !0)
+                ])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["class", "label", "button-label"]),
+          m.value ? (A(), D("div", Jt, [
+            T("div", qt, j($(x)("inventory.ingredient.import.summary")), 1),
+            (A(!0), D(H, null, Q(s.value, (h, t) => (A(), O(Ve, {
+              key: t,
+              name: h.template.name,
+              locations: h.template.locations,
+              items: h.template.items,
+              errors: h.errors,
+              type: "create"
+            }, null, 8, ["name", "locations", "items", "errors"]))), 128)),
+            (A(!0), D(H, null, Q(o.value, (h) => (A(), O(Ve, {
+              key: h.template._id,
+              name: h.template.name,
+              locations: h.template.locations,
+              items: h.template.items,
+              errors: h.errors,
+              type: "update"
+            }, null, 8, ["name", "locations", "items", "errors"]))), 128))
+          ])) : z("", !0)
+        ], 64))
+      ]);
+    };
+  }
+}), ye = Oe("wastageTemplateAction", () => {
+  const { t: u } = G(), a = X(), p = ce(), y = de(), v = ht(), i = ee(), { loading: r } = We(i), s = C({});
+  function o() {
+    s.value = {
+      mode: J.CREATE,
+      show: !0,
+      "onUpdate:show"(n) {
+        s.value.show = n;
+      }
+    };
+  }
+  function d(n) {
+    s.value = {
+      mode: J.UPDATE,
+      modelValue: n,
+      show: !0,
+      "onUpdate:show"(g) {
+        s.value.show = g;
+      }
+    };
+  }
+  function m(n, g, f) {
+    a.open({
+      title: `Confirm deleting template ${n.name}?`,
+      message: "Deleted template can no longer be retrieved",
+      primaryActions: {
+        text: "Delete",
+        variant: q.Destructive,
+        close: !0
+      },
+      secondaryActions: {
+        text: "Cancel",
+        variant: q.Plain,
+        close: !0
+      }
+    }).onPrimary(async () => {
+      p.open({
+        title: `Deleting ${n.name}`,
+        type: "info"
+      });
+      try {
+        g.value = !0;
+        const [l] = await Promise.allSettled([
+          y.deleteTemplate(n),
+          new Promise((_) => setTimeout(_, 1e3))
+        ]);
+        if (l.status === "rejected") throw l.reason;
+        p.open({
+          title: `Deleted "${n.name}"`,
+          type: "success"
+        });
+      } catch (l) {
+        p.open({
+          title: `Unable to delete "${n.name}"`,
+          message: l.message,
+          type: "error"
+        });
+      } finally {
+        g.value = !1, f();
+      }
+    });
+  }
+  function x(n, g, f) {
+    a.open({
+      title: `Confirm unpublishing template "${n.name}"?`,
+      message: "Unpublished template will no longer be available at locations",
+      primaryActions: {
+        text: "Unpublish",
+        variant: q.Destructive,
+        close: !0
+      },
+      secondaryActions: {
+        text: "Cancel",
+        variant: q.Plain,
+        close: !0
+      }
+    }).onPrimary(async () => {
+      p.open({
+        title: `Unpublishing "${n.name}"`,
+        type: "info"
+      });
+      try {
+        g.value = !0;
+        const [l] = await Promise.allSettled([
+          y.unpublishSingleDoc(n._id),
+          new Promise((_) => setTimeout(_, 1e3))
+        ]);
+        if (l.status === "rejected") throw l.reason;
+        p.open({
+          title: `Unpublished "${n.name}"`,
+          type: "success"
+        });
+      } catch (l) {
+        p.open({
+          title: `Unable to unpublish "${n.name}"`,
+          message: `See error from server: ${l}`,
+          type: "error"
+        }), console.error("error on unpublishing adjustment template", l);
+      } finally {
+        g.value = !1, f();
+      }
+    });
+  }
+  function c(n, g, f) {
+    let l;
+    a.open({
+      title: `Confirm duplicating template "${n.name}"?`,
+      message: "Duplicated template can be edited after creation",
+      primaryActions: {
+        text: "Duplicate",
+        variant: q.Destructive,
+        close: !0
+      },
+      secondaryActions: {
+        text: "Cancel",
+        variant: q.Plain,
+        close: !0
+      },
+      contentComponent: Y({
+        props: ["modelValue"],
+        emits: ["update:modelValue"],
+        setup(_) {
+          return () => P(W.FmTextField, {
+            modelValue: _.modelValue,
+            "onUpdate:modelValue": (R) => l = R,
+            label: "New Template Name",
+            size: "md",
+            variant: "primary"
+          });
+        }
+      })
+    }).onPrimary(async () => {
+      p.open({
+        title: `Duplicating "${n.name}"`,
+        type: "info"
+      });
+      try {
+        g.value = !0;
+        const [_] = await Promise.allSettled([
+          v.duplicateWastagetemplate(n._id, l),
+          new Promise((R) => setTimeout(R, 1e3))
+        ]);
+        if (_.status === "rejected") throw _.reason;
+        p.open({
+          title: `Duplicated "${n.name}"`,
+          type: "success"
+        });
+      } catch (_) {
+        p.open({
+          title: `Unable to duplicate "${n.name}"`,
+          message: `See error from server: ${_}`,
+          type: "error"
+        }), console.error("error on duplicating adjustment template", _);
+      } finally {
+        g.value = !1, f();
+      }
+    });
+  }
+  const b = C({});
+  function k(n) {
+    b.value = {
+      template: n,
+      show: !0,
+      "onUpdate:show"(g) {
+        b.value.show = g;
+      },
+      "onAction:edit"() {
+        b.value.show = !1, d(He(n));
+      }
+    };
+  }
+  function S() {
+    if (!i.templates.length) {
+      p.open({
+        title: "No data to export",
+        type: "error"
+      });
+      return;
+    }
+    const n = kt(i.templates);
+    p.open({
+      title: u("inventory.ingredient.export.success"),
+      message: u("inventory.ingredient.export.filename", [n]),
+      type: "success"
+    });
+  }
+  function w() {
+    i.loading || a.open({
+      title: u("inventory.adjustment.template.import.title"),
+      contentComponent: Qt,
+      overlay: !0,
+      closeButton: !0,
+      primaryActions: {
+        text: u("common.import"),
+        close: !1
+      },
+      secondaryActions: {
+        text: u("common.close"),
+        close: !0
+      },
+      tertiaryActions: {
+        text: u("inventory.ingredient.import.actions.downloadTemplate"),
+        close: !1,
+        variant: "plain"
+      }
+    }).onPrimary((n) => {
+      if (!n) {
+        p.open({
+          title: u("inventory.ingredient.import.error.noData"),
+          type: "error"
+        });
+        return;
+      }
+      if (!n.importCreateResult.length && !n.importUpdateResult.length) {
+        p.open({
+          title: u("inventory.ingredient.import.error.invalidContent"),
+          message: u("inventory.ingredient.import.error.noImportData"),
+          type: "error"
+        });
+        return;
+      }
+      if (n.importCreateResult.some((g) => g.errors.length) || n.importUpdateResult.some((g) => g.errors.length)) {
+        p.open({
+          title: u("inventory.ingredient.import.error.invalidContent"),
+          message: u("inventory.ingredient.import.error.hasErrors"),
+          type: "error"
+        });
+        return;
+      }
+      a.close(), e(n);
+    }).onTertiary($t);
+  }
+  async function e(n) {
+    r.value = !0;
+    try {
+      const g = [
+        ...n.importCreateResult.map(
+          (R) => R.template
+        ),
+        ...n.importUpdateResult.map(
+          (R) => R.template
+        )
+      ], f = 100;
+      let l = 0;
+      const _ = () => {
+        l += f, p.open({
+          title: u("inventory.ingredient.import.progress", [
+            Math.min(l, g.length),
+            g.length
+          ])
+        });
+      };
+      for (const R of g.chunk(100))
+        _(), await y.importTemplates(R);
+      p.open({
+        title: u("inventory.ingredient.import.success"),
+        type: "success"
+      });
+    } catch (g) {
+      p.open({
+        title: u("inventory.ingredient.import.error.failed"),
+        message: u("inventory.ingredient.import.error.systemMessage", [g == null ? void 0 : g.message]),
+        type: "error"
+      }), console.error("Error in importing skus", n, g);
+    } finally {
+      r.value = !1, i.fetchTemplates();
+    }
+  }
+  const h = C({});
+  function t() {
+    h.value = {
+      show: !0,
+      "onUpdate:show"(n) {
+        h.value.show = n;
+      }
+    };
+  }
+  return {
+    createTemplate: o,
+    viewTemplate: k,
+    updateTemplate: d,
+    deleteTemplate: m,
+    unpublishTemplate: x,
+    duplicateTemplate: c,
+    exportTemplates: S,
+    importTemplates: w,
+    viewReason: t,
+    templateDialogProps: s,
+    templateDetailsProps: b,
+    templateReasonProps: h
+  };
+});
+function je(u) {
+  return me.normalize(u);
+}
+function Ue(u, a) {
+  return me.isDuplicate(u, a);
+}
+function Xt(u) {
+  return me.findDuplicates(u);
+}
+function Zt(u, a) {
+  return me.match(u, a);
+}
+function en(u, a) {
+  const p = je(u);
+  return a.filter((y) => y.defaultRemark != null && je(y.defaultRemark) === p).map((y) => y.name);
+}
+function tn(u) {
+  const a = Z(), p = U(() => {
+    const i = /* @__PURE__ */ new Map();
+    for (const r of a.skus)
+      i.set(r._id, r);
+    return i;
+  }), y = U(() => {
+    const i = [];
+    for (const r of u.items)
+      r.type === "sku" && (p.value.get(r.id) || i.push(r));
+    return i;
+  });
+  return {
+    columnDefs: U(() => {
+      const i = u.items.map((s) => {
+        if (s.type !== "sku") return 0;
+        const o = p.value.get(s.id);
+        return o ? o.unit.measurements.length : 0;
+      }).reduce((s, o) => Math.max(s, o), 0);
+      return [
+        {
+          id: "Delete",
+          header: "",
+          cell(s) {
+            const o = s.row.original;
+            return P(
+              "div",
+              { class: "w-full flex justify-end" },
+              P(W.FmButton, {
+                class: "delete-button",
+                key: o.id,
+                type: "button",
+                icon: "delete",
+                variant: "tertiary",
+                size: "md",
+                disabled: u.disabled,
+                onClick: () => {
+                  u.deleteItem(o);
+                }
+              })
+            );
+          },
+          enableSorting: !1,
+          size: 40,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        },
+        {
+          id: "Name",
+          header: () => "Name",
+          enableSorting: !1,
+          size: 400,
+          minSize: 400,
+          accessorFn: (s) => `${s.name} ${s.code}`,
+          cell(s) {
+            const o = s.row.original;
+            return P("div", { class: "flex", style: { minWidth: "400px" } }, [
+              P(
+                "div",
+                {
+                  class: "flex flex-col grow"
+                },
+                [
+                  P(
+                    W.FmTooltip,
+                    {
+                      content: o.name,
+                      placement: "top",
+                      variant: "plain",
+                      zIndex: 50
+                    },
+                    P(
+                      "span",
+                      {
+                        class: "flex-auto fm-typo-en-body-lg-400 text-fm-color-typo-primary line-clamp-1"
+                      },
+                      o.name
+                    )
+                  ),
+                  P(
+                    "span",
+                    { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary line-clamp-1" },
+                    o.code ?? ""
+                  )
+                ]
+              ),
+              P(
+                "div",
+                {
+                  class: "flex flex-col justify-center"
+                },
+                [
+                  P(
+                    W.FmChip,
+                    {
+                      compact: !0
+                    },
+                    o.type === "sku" ? "Ingredient" : o.type === "recipe" ? "Recipe" : "Menu"
+                  )
+                ]
+              )
+            ]);
+          }
+        },
+        {
+          id: "Unit",
+          header: () => "Enable unit",
+          enableSorting: !1,
+          minSize: 200,
+          maxSize: 400,
+          cell(s) {
+            var m, x, c;
+            const o = s.row.original;
+            if (o.type !== "sku") return P("span", "N/A");
+            const d = p.value.get(o.id);
+            return P("div", { class: "flex items-center gap-32" }, [
+              P(
+                W.FmFormGroup,
+                {
+                  value: d.unit._id,
+                  modelValue: !((m = o.disabledMeasurements) != null && m.includes(d.unit._id))
+                },
+                P(
+                  "div",
+                  {
+                    class: "flex items-center gap-4",
+                    style: { width: "120px" }
+                  },
+                  [
+                    P(W.FmCheckbox, {
+                      value: d.unit._id,
+                      modelValue: !((x = o.disabledMeasurements) != null && x.includes(d.unit._id)),
+                      disabled: u.disabled || !((c = o.disabledMeasurements) != null && c.includes(d.unit._id)) && d.unit.measurements.every(
+                        (b) => {
+                          var k;
+                          return (k = o.disabledMeasurements) == null ? void 0 : k.includes(b.id);
+                        }
+                      ),
+                      "onUpdate:modelValue"(b) {
+                        var k;
+                        if (console.log("active", b), b)
+                          u.updateItem({
+                            ...o,
+                            disabledMeasurements: (k = o.disabledMeasurements) == null ? void 0 : k.filter(
+                              (S) => S !== d.unit._id
+                            )
+                          });
+                        else {
+                          const S = o.disabledMeasurements ?? [];
+                          u.updateItem({
+                            ...o,
+                            disabledMeasurements: [...S, d.unit._id]
+                          });
+                        }
+                      }
+                    }),
+                    P(
+                      W.FmTooltip,
+                      { zIndex: 51 },
+                      {
+                        content() {
+                          return p.value.get(o.id).unit.abbrev;
+                        },
+                        default() {
+                          const b = p.value.get(o.id);
+                          return P(
+                            "div",
+                            { class: "line-clamp-2 fm-typo-en-body-lg-400" },
+                            b.unit.abbrev
+                          );
+                        }
+                      }
+                    )
+                  ]
+                )
+              ),
+              ...Array.from({ length: Math.max(i, 0) }).map((b, k) => {
+                var h, t, n, g;
+                const S = s.row.original, w = p.value.get(S.id), e = w.unit.measurements[k];
+                return e ? P(
+                  W.FmFormGroup,
+                  {
+                    modelValue: !((h = S.disabledMeasurements) != null && h.includes(e.id)),
+                    value: e.id
+                  },
+                  P(
+                    "div",
+                    {
+                      class: "flex items-center gap-4",
+                      style: { width: "120px" }
+                    },
+                    [
+                      P(W.FmCheckbox, {
+                        value: e.id,
+                        modelValue: !((t = S.disabledMeasurements) != null && t.includes(e.id)),
+                        disabled: u.disabled || !((n = S.disabledMeasurements) != null && n.includes(e.id)) && ((g = S.disabledMeasurements) == null ? void 0 : g.includes(w.unit._id)) && w.unit.measurements.filter((f) => f.id != e.id).every((f) => {
+                          var l;
+                          return (l = S.disabledMeasurements) == null ? void 0 : l.includes(f.id);
+                        }),
+                        "onUpdate:modelValue"(f) {
+                          var l;
+                          if (console.log("active", f), f)
+                            u.updateItem({
+                              ...S,
+                              disabledMeasurements: (l = S.disabledMeasurements) == null ? void 0 : l.filter(
+                                (_) => _ !== e.id
+                              )
+                            });
+                          else {
+                            const _ = S.disabledMeasurements ?? [];
+                            u.updateItem({
+                              ...S,
+                              disabledMeasurements: [..._, e.id]
+                            });
+                          }
+                        }
+                      }),
+                      P(
+                        W.FmTooltip,
+                        { zIndex: 51 },
+                        {
+                          content() {
+                            return e.abbrev;
+                          },
+                          default() {
+                            return P(
+                              "div",
+                              { class: "line-clamp-2 fm-typo-en-body-lg-400" },
+                              e.abbrev
+                            );
+                          }
+                        }
+                      )
+                    ]
+                  )
+                ) : null;
+              })
+            ]);
+          }
+        }
+      ];
+    }),
+    missingSKUs: y
+  };
+}
+const nn = { class: "flex flex-col gap-16" }, an = { class: "flex items-center" }, on = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, sn = {
+  key: 0,
+  class: "flex flex-col gap-8 p-16 bg-fm-color-system-warning-100 border border-fm-color-system-warning-400 rounded-lg"
+}, ln = { class: "fm-typo-en-title-xs-600 text-fm-color-system-warning-400 flex items-center gap-8" }, rn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary" }, un = { class: "list-disc pl-20 mt-8" }, cn = /* @__PURE__ */ Y({
+  __name: "WastageTemplateItemTable",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(u, { expose: a, emit: p }) {
+    const y = u, v = C(y.modelValue), { t: i } = G(), r = p, s = Z(), o = X(), d = C(), m = C("");
+    a({
+      validateInputs: () => {
+        var w, e;
+        (e = (w = d.value) == null ? void 0 : w.validateInputs) == null || e.call(w);
+      },
+      resetInputsValidation: () => {
+        var w, e;
+        (e = (w = d.value) == null ? void 0 : w.resetInputsValidation) == null || e.call(w);
+      },
+      resetInputs: () => {
+        var w, e;
+        (e = (w = d.value) == null ? void 0 : w.resetInputs) == null || e.call(w);
+      }
+    });
+    const x = tn({
+      updateItem: (w) => {
+        v.value = v.value.map((e) => e.id !== w.id ? e : w), r("update:modelValue", k.value);
+      },
+      deleteItem: (w) => {
+        v.value = v.value.filter((e) => e.id !== w.id), r("update:modelValue", k.value);
+      },
+      get items() {
+        return v.value;
+      },
+      get disabled() {
+        return y.disabled;
+      }
+    }), c = U(() => x.columnDefs.value), b = U(() => x.missingSKUs.value), k = U(() => {
+      const w = new Set(b.value.map((e) => e.id));
+      return v.value.filter((e) => !w.has(e.id));
+    });
+    ue(
+      () => k.value,
+      (w, e) => {
+        b.value.length > 0 && JSON.stringify(w) !== JSON.stringify(e) && r("update:modelValue", w);
+      },
+      { immediate: !0 }
+    );
+    function S() {
+      var l;
+      const w = s.skus.map((_) => {
+        var R, F;
+        return {
+          type: "sku",
+          name: _.name,
+          description: _.code,
+          data: _,
+          searchKeys: (R = _.customAttributes) != null && R.tag ? [(F = _.customAttributes) == null ? void 0 : F.tag] : void 0
+        };
+      }), e = s.recipes.map((_) => {
+        var R, F;
+        return {
+          type: "recipe",
+          name: _.name,
+          description: "",
+          data: _,
+          searchKeys: (R = _.customAttributes) != null && R.tag ? [(F = _.customAttributes) == null ? void 0 : F.tag] : void 0
+        };
+      }), h = ((l = s.menu.cache) == null ? void 0 : l.modules.item.map((_) => ({
+        type: "menu",
+        name: _.name,
+        description: `${_.code}`,
+        data: _
+      }))) ?? [], t = [...w, ...e, ...h].map((_) => {
+        var F;
+        const R = [_.type == "sku" ? "Ingredient" : _.type == "recipe" ? "Recipe" : "Menu"];
+        if (_.type == "sku" || _.type == "recipe") {
+          const V = (F = _.data.customAttributes) == null ? void 0 : F.tag;
+          V && R.push(V);
+        }
+        return {
+          label: _.name,
+          sublabel: _.description,
+          value: _,
+          tags: R,
+          searchKeys: _.searchKeys
+        };
+      }), n = /* @__PURE__ */ new Set();
+      t.forEach((_) => {
+        _.tags && _.tags.forEach((R) => {
+          n.add(R);
+        });
+      });
+      const g = n.size > 0 ? [
+        {
+          type: "string",
+          key: "tags",
+          entity: "item",
+          values: Array.from(n)
+        }
+      ] : [], f = t.filter((_) => v.value.find((R) => R.id === _.value.data._id)).map((_) => _.value);
+      o.open({
+        title: i("inventory.closing.form.items.selectItem"),
+        closeButton: !0,
+        contentComponent: xt,
+        contentComponentProps: {
+          modelValue: f,
+          items: t,
+          virtualScroll: !0,
+          filterAttributes: g
+        },
+        primaryActions: {
+          text: i("common.confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: i("common.close"),
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((_) => {
+        const R = v.value ?? [], F = _.map((E) => {
+          const V = R.find((te) => te.id === E.data._id);
+          return V ? {
+            ...V
+          } : {
+            id: E.data._id,
+            name: E.name,
+            code: E.description,
+            type: E.type,
+            disabledMeasurements: []
+          };
+        });
+        F.sort((E, V) => E.name.localeCompare(V.name)), console.log(v.value), v.value = F, r("update:modelValue", k.value);
+      });
+    }
+    return (w, e) => {
+      const h = M("FmButton"), t = M("FmIcon"), n = M("FmTextField"), g = M("FmTable"), f = M("FmFormGroup");
+      return A(), D("div", nn, [
+        T("div", an, [
+          T("div", on, j($(i)("inventory.closing.form.items.title")), 1),
+          I(h, {
+            disabled: w.disabled,
+            label: $(i)("inventory.closing.form.items.addItem"),
+            "prepend-icon": "add",
+            variant: "plain",
+            class: "border-2 rounded-lg border-fm-color-primary",
+            onClick: e[0] || (e[0] = (l) => S()),
+            size: "md"
+          }, null, 8, ["disabled", "label"])
+        ]),
+        b.value.length > 0 ? (A(), D("div", sn, [
+          T("div", ln, [
+            I(t, {
+              name: "warning",
+              size: "sm"
+            }),
+            e[3] || (e[3] = T("span", null, "Invalid items", -1))
+          ]),
+          T("div", rn, [
+            ie(" The following " + j(b.value.length) + " item(s) no longer exist in the system and have been excluded: ", 1),
+            T("ul", un, [
+              (A(!0), D(H, null, Q(b.value, (l) => (A(), D("li", {
+                key: l.id
+              }, "(" + j(l.code) + ") " + j(l.name), 1))), 128))
+            ])
+          ])
+        ])) : z("", !0),
+        I(n, {
+          placeholder: "Filter items",
+          modelValue: m.value,
+          "onUpdate:modelValue": e[2] || (e[2] = (l) => m.value = l)
+        }, Le({ _: 2 }, [
+          m.value ? {
+            name: "append",
+            fn: L(() => [
+              I(t, {
+                name: "close",
+                onClick: e[1] || (e[1] = (l) => m.value = ""),
+                class: "cursor-pointer"
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["modelValue"]),
+        (A(), O(g, {
+          "search-value": m.value,
+          "column-defs": c.value,
+          "row-data": k.value,
+          key: k.value.map((l) => l.id).join("."),
+          "hide-footer": k.value.length <= 10,
+          "page-size": Math.min(10, k.value.length)
+        }, null, 8, ["search-value", "column-defs", "row-data", "hide-footer", "page-size"])),
+        I(f, {
+          "model-value": k.value.length,
+          rules: [$(gt)(1)]
+        }, null, 8, ["model-value", "rules"])
+      ]);
+    };
+  }
+}), mn = { class: "flex flex-col gap-16" }, dn = { class: "flex flex-col gap-24" }, pn = { class: "flex flex-col gap-16" }, fn = { class: "flex items-center" }, vn = { class: "flex-1 fm-typo-en-title-sm-600" }, yn = /* @__PURE__ */ Y({
+  __name: "WastageTemplateForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean },
+    reasons: {}
+  },
+  setup(u, { expose: a }) {
+    const p = u, y = bt(), { t: v } = G(), {
+      promptSelectLocations: i,
+      columnDefs: r,
+      rowData: s
+    } = _t({
+      getLocations() {
+        return y.locations;
+      },
+      setLocations(c) {
+        y.locations = c;
+      }
+    }), o = U(
+      () => (p.reasons ?? []).map((c) => ({ label: c, value: c }))
+    ), d = U(() => {
+      const c = y.defaultRemark;
+      return c ? Zt(p.reasons ?? [], c) ?? c : "";
+    }), m = U(() => {
+      const c = [{ label: "(None)", value: "" }, ...o.value], b = d.value;
+      return b && !c.some((k) => k.value === b) && c.push({ label: `${b} (not in reasons)`, value: b }), c;
+    }), x = C();
+    return a({
+      validateInputs: () => {
+        var c, b;
+        (b = (c = x.value) == null ? void 0 : c.validateInputs) == null || b.call(c);
+      },
+      resetInputsValidation: () => {
+        var c, b;
+        (b = (c = x.value) == null ? void 0 : c.resetInputsValidation) == null || b.call(c);
+      },
+      resetInputs: () => {
+        var c, b;
+        (b = (c = x.value) == null ? void 0 : c.resetInputs) == null || b.call(c);
+      }
+    }), (c, b) => {
+      const k = M("FmTextField"), S = M("FmSelect"), w = M("FmButton"), e = M("FmTable"), h = M("FmForm");
+      return A(), O(h, {
+        ref_key: "formRef",
+        ref: x,
+        class: "flex flex-col gap-32",
+        disabled: c.disabled
+      }, {
+        default: L(() => [
+          T("div", mn, [
+            T("div", dn, [
+              I(k, {
+                label: $(v)("inventory.closing.form.name"),
+                "label-mark": "required",
+                modelValue: $(y).name,
+                "onUpdate:modelValue": b[0] || (b[0] = (t) => $(y).name = t),
+                rules: [$(Je)()]
+              }, null, 8, ["label", "modelValue", "rules"]),
+              I(S, {
+                label: "Default Remark",
+                items: m.value,
+                "model-value": d.value,
+                disabled: c.disabled || o.value.length === 0 && !$(y).defaultRemark,
+                placeholder: o.value.length === 0 ? "No reasons available" : "Select a default remark",
+                "onUpdate:modelValue": b[1] || (b[1] = (t) => $(y).defaultRemark = t || null),
+                clearable: ""
+              }, null, 8, ["items", "model-value", "disabled", "placeholder"])
+            ])
+          ]),
+          T("div", pn, [
+            T("div", fn, [
+              T("div", vn, j($(v)("inventory.closing.form.locations")), 1),
+              I(w, {
+                disabled: c.disabled,
+                label: $(v)("inventory.closing.form.selectLocation"),
+                "prepend-icon": "add",
+                variant: "plain",
+                class: "border-2 rounded-lg border-fm-color-primary",
+                onClick: $(i)
+              }, null, 8, ["disabled", "label", "onClick"])
+            ]),
+            I(e, {
+              "column-defs": $(r),
+              "row-data": $(s),
+              "shrink-at": 9999,
+              onRowClick: $(i),
+              "hide-footer": ""
+            }, null, 8, ["column-defs", "row-data", "onRowClick"])
+          ]),
+          I(cn, {
+            "model-value": $(y).items,
+            "onUpdate:modelValue": b[2] || (b[2] = (t) => $(y).items = t)
+          }, null, 8, ["model-value"])
+        ]),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), hn = { class: "flex items-center" }, gn = { class: "fm-typo-en-title-md-600" }, bn = { class: "flex justify-between" }, _n = { class: "fm-typo-en-body-lg-600" }, xn = { class: "flex flex-col gap-8" }, wn = { class: "flex flex-col gap-4" }, Tn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, kn = { class: "flex items-center gap-8" }, $n = { class: "fm-typo-en-body-lg-600" }, Sn = { class: "flex gap-4" }, In = /* @__PURE__ */ Y({
+  __name: "WastageTemplateDialog",
+  props: {
+    mode: {},
+    modelValue: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(u, { expose: a, emit: p }) {
+    var g;
+    const y = u, v = p, i = de(), r = ce(), { t: s } = G(), o = ee(), d = U(() => {
+      var f;
+      return ((f = o.reasons) == null ? void 0 : f.value) ?? [];
+    }), m = ze(y, "show");
+    function x() {
+      return {
+        _id: "",
+        name: "",
+        type: fe.Enum.WASTAGE,
+        items: [],
+        defaultRemark: null
+      };
+    }
+    const c = C(y.modelValue ?? x()), b = C(((g = y.modelValue) == null ? void 0 : g._id) ?? `${Math.random()}`);
+    ue(
+      () => y.show,
+      (f) => {
+        var l;
+        f && (c.value = y.modelValue ?? x(), b.value = ((l = y.modelValue) == null ? void 0 : l._id) ?? `${Math.random()}`);
+      }
+    );
+    const k = C(!1), S = U(() => {
+      switch (y.mode) {
+        case J.READ:
+          return "";
+        case J.CREATE:
+          return s("inventory.adjustment.template.create.title");
+        case J.UPDATE:
+          return s("inventory.adjustment.template.update.title");
+      }
+      return "";
+    }), w = C();
+    a({
+      validateInputs: () => {
+        var f, l;
+        (l = (f = w.value) == null ? void 0 : f.validateInputs) == null || l.call(f);
+      },
+      resetInputsValidation: () => {
+        var f, l;
+        (l = (f = w.value) == null ? void 0 : f.resetInputsValidation) == null || l.call(f);
+      },
+      resetInputs: () => {
+        var f, l;
+        (l = (f = w.value) == null ? void 0 : f.resetInputs) == null || l.call(f);
+      }
+    });
+    async function e() {
+      const f = c.value;
+      if (f) {
+        k.value = !0;
+        try {
+          await i.createTemplate(f), await new Promise((l) => setTimeout(l, 1e3)), r.open({
+            title: s("inventory.adjustment.template.create.success"),
+            message: s("inventory.adjustment.template.create.successMessage"),
+            type: "success"
+          }), v("update:show", !1), v("submitted");
+        } catch (l) {
+          r.open({
+            title: s("inventory.adjustment.template.create.error"),
+            message: s("inventory.adjustment.template.create.errorMessage"),
+            type: "error"
+          }), console.error("Error in creating adjustment template", l);
+        } finally {
+          k.value = !1;
+        }
+      }
+    }
+    async function h() {
+      const f = c.value;
+      if (f) {
+        k.value = !0;
+        try {
+          await i.updateTemplate({
+            ...f,
+            _rev: f._rev ?? ""
+          }), await new Promise((l) => setTimeout(l, 1e3)), r.open({
+            title: s("inventory.adjustment.template.update.success"),
+            message: s("inventory.adjustment.template.update.successMessage"),
+            type: "success"
+          }), v("update:show", !1), v("submitted");
+        } catch (l) {
+          r.open({
+            title: s("inventory.adjustment.template.update.error"),
+            message: s("inventory.adjustment.template.update.errorMessage"),
+            type: "error"
+          }), console.error("Error in updating adjustment template", l);
+        } finally {
+          k.value = !1;
+        }
+      }
+    }
+    function t() {
+      switch (y.mode) {
+        case J.CREATE:
+          return e();
+        case J.UPDATE:
+          return h();
+      }
+    }
+    function n() {
+      var f, l;
+      (l = (f = w.value) == null ? void 0 : f.validateInputs) == null || l.call(f);
+    }
+    return (f, l) => {
+      const _ = M("FmMenuDivider"), R = M("FmCard"), F = M("FmButton"), E = M("FmSideSheet");
+      return A(), O(E, {
+        modelValue: $(m),
+        "onUpdate:modelValue": l[2] || (l[2] = (V) => Ne(m) ? m.value = V : null),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 800
+      }, {
+        "side-sheet-header": L(() => [
+          T("div", hn, [
+            T("div", gn, j(S.value), 1)
+          ])
+        ]),
+        default: L(() => [
+          c.value.updatedAt ? (A(), D(H, { key: 0 }, [
+            c.value.updatedAt ? (A(), O(R, {
+              key: 0,
+              variant: "outlined",
+              class: "flex flex-col gap-8 px-12 py-16 mb-16"
+            }, {
+              default: L(() => {
+                var V;
+                return [
+                  T("div", bn, [
+                    T("div", _n, j($(s)("inventory.transfer.template.details.templateSummary")), 1)
+                  ]),
+                  I(_),
+                  T("div", xn, [
+                    T("div", wn, [
+                      T("div", Tn, j($(s)("inventory.transfer.receiveRequest.details.updatedAt")), 1),
+                      T("div", kn, [
+                        T("div", $n, [
+                          ie(j($(ft)(c.value.updatedAt)) + " ", 1),
+                          (V = c.value.updatedBy) != null && V.name ? (A(), D(H, { key: 0 }, [
+                            ie(" (" + j(c.value.updatedBy.name) + ") ", 1)
+                          ], 64)) : z("", !0)
+                        ]),
+                        I(wt, {
+                          "adjustment-id": c.value._id
+                        }, null, 8, ["adjustment-id"])
+                      ])
+                    ])
+                  ])
+                ];
+              }),
+              _: 1
+            })) : z("", !0)
+          ], 64)) : z("", !0),
+          (A(), O(yn, {
+            class: "w-full",
+            ref_key: "formRef",
+            ref: w,
+            onValidationSuccess: t,
+            "model-value": c.value,
+            "onUpdate:modelValue": l[0] || (l[0] = (V) => c.value = V),
+            disabled: k.value,
+            key: b.value,
+            reasons: d.value
+          }, null, 8, ["model-value", "disabled", "reasons"]))
+        ]),
+        "side-sheet-footer": L(() => [
+          T("div", Sn, [
+            I(F, {
+              loading: k.value,
+              label: $(s)("common.save"),
+              onClick: n
+            }, null, 8, ["loading", "label"]),
+            I(F, {
+              disabled: k.value,
+              variant: "tertiary",
+              label: $(s)("common.close"),
+              onClick: l[1] || (l[1] = (V) => v("update:show", !1))
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), An = {};
+function Rn(u, a) {
+  return A(), D("div");
+}
+const Fn = /* @__PURE__ */ Tt(An, [["render", Rn]]), Dn = { class: "flex flex-col gap-16" }, Cn = { class: "flex" }, Mn = { class: "flex gap-24" }, En = { class: "flex" }, Pn = { class: "flex-1" }, Vn = { class: "flex" }, jn = { class: "flex gap-8 items-center justify-start" }, Un = /* @__PURE__ */ Y({
+  __name: "WastageTemplateReason",
+  props: {
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(u, { emit: a }) {
+    const p = u, y = ze(p, "show"), v = ce(), i = X(), r = C([]), s = a, o = ee(), d = de(), m = C(!1);
+    ue(
+      () => p.show,
+      (e) => {
+        var h;
+        e && (r.value = ((h = o.reasons) == null ? void 0 : h.value) ?? []);
+      }
+    );
+    const x = (e) => {
+      if (r.value.indexOf(r.value[e]) === -1)
+        return;
+      const h = r.value[e];
+      if (h.trim() === "") {
+        r.value.splice(e, 1);
+        return;
+      }
+      const t = en(
+        h,
+        o.templates
+      ), n = r.value.filter((g, f) => f !== e);
+      if (t.length > 0 && !Ue(h, n)) {
+        i.open({
+          title: "Cannot delete reason",
+          message: `"${h}" is set as the default remark for the following template(s): ${t.join(", ")}. Please remove it as the default remark from those templates before deleting.`,
+          primaryActions: {
+            text: "OK",
+            close: !0,
+            variant: "primary"
+          }
+        });
+        return;
+      }
+      i.open({
+        title: "Delete reason",
+        message: `Are you sure you want to delete this reason? "${h}"`,
+        primaryActions: {
+          text: "Delete",
+          close: !0,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0,
+          variant: "secondary"
+        }
+      }).onPrimary(() => {
+        r.value.splice(e, 1);
+      });
+    }, c = () => {
+      r.value.push("");
+    }, b = (e) => (h) => {
+      const t = r.value.filter((n, g) => g !== e);
+      return !Ue(h, t) || "Reason already exists";
+    }, k = async () => {
+      const e = r.value.map((t) => t.trim()).filter((t) => t), h = Xt(e);
+      if (h.length > 0) {
+        v.open({
+          title: "Reason already exists",
+          message: `Duplicate reason(s): ${h.join(", ")}. Please enter different reasons`,
+          type: "error"
+        });
+        return;
+      }
+      if (o.reasons) {
+        m.value = !0;
+        try {
+          await d.update({
+            _id: o.reasons._id,
+            _rev: o.reasons._rev,
+            value: e
+          }), v.open({
+            title: "Reasons updated",
+            message: "Reasons have been updated successfully",
+            type: "success"
+          }), s("update:show", !1), s("submitted");
+        } catch (t) {
+          v.open({
+            title: "Error updating reasons",
+            message: t instanceof Error && t.message ? t.message : "There was an error updating reasons",
+            type: "error"
+          });
+        } finally {
+          m.value = !1;
+        }
+      }
+    }, S = C(), w = () => {
+      var e, h;
+      (h = (e = S.value) == null ? void 0 : e.validateInputs) == null || h.call(e);
+    };
+    return (e, h) => {
+      const t = M("FmButton"), n = M("FmAvatar"), g = M("FmTextField"), f = M("FmList"), l = M("FmForm"), _ = M("FmSideSheet");
+      return A(), O(_, {
+        modelValue: $(y),
+        "onUpdate:modelValue": h[0] || (h[0] = (R) => Ne(y) ? y.value = R : null),
+        header: "Reason for wastage",
+        "close-button": "",
+        "dismiss-away": !m.value,
+        "max-width": 500
+      }, {
+        default: L(() => [
+          I(l, {
+            ref_key: "formRef",
+            ref: S,
+            class: "flex flex-col gap-32",
+            blameFormChildOnValidationFailed: "",
+            onValidationSuccess: k
+          }, {
+            default: L(() => [
+              T("div", Dn, [
+                T("div", Cn, [
+                  I(t, {
+                    class: "ml-auto px-5",
+                    variant: "primary",
+                    label: "Add new reason",
+                    size: "md",
+                    onClick: c
+                  })
+                ])
+              ]),
+              T("div", Mn, [
+                I(f, {
+                  class: "w-full",
+                  separator: ""
+                }, {
+                  default: L(() => [
+                    (A(!0), D(H, null, Q(r.value, (R, F) => (A(), D("div", {
+                      key: F,
+                      class: "flex items-center gap-8 px-1 py-2"
+                    }, [
+                      T("div", En, [
+                        I(n, {
+                          initials: String(F + 1),
+                          size: "sm"
+                        }, null, 8, ["initials"])
+                      ]),
+                      T("div", Pn, [
+                        I(g, {
+                          class: "cursor-pointer text-fm-color-typo-tertiary",
+                          modelValue: r.value[F],
+                          "onUpdate:modelValue": (E) => r.value[F] = E,
+                          maxLength: 500,
+                          rules: [$(Je)(), b(F)]
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "rules"])
+                      ]),
+                      T("div", Vn, [
+                        I(t, {
+                          variant: "tertiary",
+                          size: "md",
+                          "prepend-icon": "delete",
+                          onClick: (E) => x(F)
+                        }, null, 8, ["onClick"])
+                      ])
+                    ]))), 128))
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }, 512)
+        ]),
+        "side-sheet-footer": L(() => [
+          T("div", jn, [
+            I(t, {
+              variant: "primary",
+              label: "Save",
+              size: "lg",
+              onClick: w,
+              disabled: m.value,
+              loading: m.value
+            }, null, 8, ["disabled", "loading"]),
+            I(t, {
+              variant: "secondary",
+              label: "Close",
+              size: "lg"
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "dismiss-away"]);
+    };
+  }
+}), Ln = { class: "flex items-center gap-1" }, Nn = { class: "flex-1 flex flex-col gap-8" }, Bn = { class: "flex flex-col" }, zn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, On = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Wn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, ya = /* @__PURE__ */ Y({
+  __name: "WastageTemplateView",
+  setup(u) {
+    const { t: a } = G(), { createTemplate: p, updateTemplate: y, exportTemplates: v, importTemplates: i, viewReason: r } = ye(), { templateDialogProps: s, templateDetailsProps: o, templateReasonProps: d } = We(
+      ye()
+    ), m = he();
+    X();
+    const x = ee(), c = at(), { breakpoints: b } = rt();
+    m.watchLocation(x.fetchTemplates);
+    const k = U(() => x.loading), S = C(""), w = U(() => b.value.xs || b.value.sm), e = U(() => w.value ? 10 : 20);
+    function h(f) {
+      switch (f) {
+        case B.Add:
+          return p();
+        case "import":
+          return i();
+        case "export":
+          return v();
+        case "refresh":
+          return x.fetchTemplates();
+      }
+    }
+    function t(f) {
+      return f;
+    }
+    const n = U(() => w.value ? [
+      {
+        label: a("inventory.adjustment.template.create.title"),
+        value: B.Add,
+        isPrimary: !0,
+        prependIcon: "add"
+      },
+      {
+        label: a("inventory.common.refresh"),
+        value: "refresh",
+        isPrimary: !1
+      },
+      // {
+      //   label: t('inventory.common.publish'),
+      //   value: 'publish',
+      //   isPrimary: false
+      // },
+      {
+        label: a("inventory.common.import"),
+        value: "import",
+        isPrimary: !1
+      },
+      {
+        label: a("inventory.common.export"),
+        value: "export",
+        isPrimary: !1
+      }
+    ] : [
+      {
+        label: a("inventory.adjustment.template.create.title"),
+        value: B.Add,
+        isPrimary: !0,
+        prependIcon: "add"
+      },
+      // {
+      //   label: t('inventory.common.publish'),
+      //   value: 'publish',
+      //   isPrimary: false
+      // },
+      {
+        label: a("inventory.common.import"),
+        value: "import",
+        isPrimary: !1
+      },
+      {
+        label: a("inventory.common.refresh"),
+        value: "refresh",
+        isPrimary: !1
+      },
+      {
+        label: a("inventory.common.export"),
+        value: "export",
+        isPrimary: !1
+      }
+    ]), g = () => {
+      r();
+    };
+    return (f, l) => {
+      const _ = M("FmButton"), R = M("FmTable");
+      return A(), D(H, null, [
+        I(ot, {
+          title: $(a)("inventory.adjustment.template.wastage.title"),
+          actions: n.value,
+          "onClick:action": h
+        }, {
+          default: L(() => [
+            T("div", {
+              class: K([
+                "flex flex-col gap-8 max-h-full",
+                {
+                  "p-0": w.value,
+                  "px-24 ": !w.value
+                }
+              ])
+            }, [
+              T("div", Ln, [
+                I(_, {
+                  class: "ml-auto",
+                  "prepend-icon": "edit",
+                  key: "Reason for wastage",
+                  label: "Default label",
+                  "bg-color": "neutral-gray-100",
+                  "text-color": "neutral-gray-400",
+                  onClick: g
+                }, {
+                  default: L(() => l[5] || (l[5] = [
+                    T("div", { class: "flex items-center gap-2" }, [
+                      T("span", null, "Reasons")
+                    ], -1)
+                  ])),
+                  _: 1
+                }),
+                I(_, {
+                  "prepend-icon": "info",
+                  label: "Default label",
+                  variant: "tertiary",
+                  onClick: l[0] || (l[0] = Xe((F) => $(x).showReasonPublishDialog(), ["stop"]))
+                }, {
+                  default: L(() => [
+                    T("div", {
+                      class: K([
+                        "fm-status-badge",
+                        $(x).isReasonPublished() ? "fm-status-badge-success-secondary" : "fm-status-badge-info-secondary"
+                      ])
+                    }, j($(x).isReasonPublished() ? "Published" : "Unpublished"), 3)
+                  ]),
+                  _: 1
+                }),
+                I(st, {
+                  class: "flex-1",
+                  searchable: "",
+                  search: S.value,
+                  "onUpdate:search": l[1] || (l[1] = (F) => S.value = F)
+                }, null, 8, ["search"])
+              ]),
+              I(R, {
+                style: Ze($(c).tableHeight),
+                "column-defs": $(x).columnDefs,
+                "row-data": $(x).templates,
+                "search-value": S.value,
+                loading: k.value,
+                onRowClick: l[2] || (l[2] = (F) => $(y)(F.original)),
+                "page-size": e.value
+              }, {
+                "list-row": L((F) => [
+                  I(it, {
+                    row: F,
+                    onRowClick: (E) => $(y)(E)
+                  }, {
+                    default: L((E) => {
+                      var V, pe, te, ne, be, _e, xe, we, ae, Te, ke, $e, Se, Ie, Ae, oe, Re, Fe, De, Ce, se, Me;
+                      return [
+                        T("div", Nn, [
+                          T("div", Bn, [
+                            T("div", zn, [
+                              I($(re), {
+                                render: (te = (pe = (V = E._id) == null ? void 0 : V.column) == null ? void 0 : pe.columnDef) == null ? void 0 : te.cell,
+                                props: (be = (ne = E._id) == null ? void 0 : ne.getContext) == null ? void 0 : be.call(ne)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            T("div", On, [
+                              I($(re), {
+                                render: (we = (xe = (_e = E.name) == null ? void 0 : _e.column) == null ? void 0 : xe.columnDef) == null ? void 0 : we.cell,
+                                props: (Te = (ae = E.name) == null ? void 0 : ae.getContext) == null ? void 0 : Te.call(ae)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            T("div", null, j((ke = F.original.locations) != null && ke.length ? $(a)("inventory.adjustment.template.table.enabledForN", {
+                              count: (($e = F.original.locations) == null ? void 0 : $e.length) ?? 0
+                            }) : $(a)("inventory.adjustment.template.table.enabledForAll")), 1),
+                            l[6] || (l[6] = T("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, null, -1)),
+                            T("div", Wn, [
+                              I($(re), {
+                                render: (Ae = (Ie = (Se = E.ref) == null ? void 0 : Se.column) == null ? void 0 : Ie.columnDef) == null ? void 0 : Ae.cell,
+                                props: (Re = (oe = E.ref) == null ? void 0 : oe.getContext) == null ? void 0 : Re.call(oe)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ]),
+                          T("div", null, [
+                            I($(re), {
+                              render: (Ce = (De = (Fe = E.status) == null ? void 0 : Fe.column) == null ? void 0 : De.columnDef) == null ? void 0 : Ce.cell,
+                              props: (Me = (se = E.status) == null ? void 0 : se.getContext) == null ? void 0 : Me.call(se)
+                            }, null, 8, ["render", "props"])
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["row", "onRowClick"])
+                ]),
+                _: 1
+              }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["title", "actions"]),
+        (A(), O(et, { to: "body" }, [
+          I(Fn, tt(nt($(o))), null, 16),
+          I(In, Ee($(s), {
+            onSubmitted: l[3] || (l[3] = (F) => $(x).fetchTemplates())
+          }), null, 16),
+          I(Un, Ee($(d), {
+            onSubmitted: l[4] || (l[4] = (F) => $(x).fetchTemplates())
+          }), null, 16)
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  ya as default
+};