@feedmepos/mf-inventory-portal 1.2.51-dev.1 → 1.2.52

package/dist/WastageTemplateView-DAEt9fAW.js

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