@feedmepos/mf-inventory-portal 0.0.24-dev.3 → 0.0.24-dev.49

package/dist/{ClosingTemplateView-cmdRLrA3.js → ClosingTemplateView-DK-REWKF.js}

@@ -1,60 +1,61 @@
-import { ref as D, h as F, defineComponent as O, resolveComponent as R, openBlock as k, createElementBlock as I, createElementVNode as _, normalizeClass as Y, createTextVNode as Fe, toDisplayString as C, unref as v, createCommentVNode as K, createVNode as T, withCtx as P, Fragment as H, renderList as J, computed as E, watch as Re, createSlots as Pe, createBlock as V, isRef as je, normalizeStyle as Ye, Teleport as Ge, normalizeProps as Ke, guardReactiveProps as Je, mergeProps as We } from "vue";
-import { X as qe, u as le, a9 as Xe, D as Se, i as N, h as Qe, f as Ae, aa as oe, r as Ze, ab as Ee, s as Ue, a as ae, b as et, v as tt, w as Ve, x as nt, y as ot, e as z, G as j, H as st, ac as lt, m as at, E as Ne, A as rt, J as it, ad as ct, ae as ne, z as mt, _ as ut, B as dt } from "./app-ojZQI-KQ.js";
+import { ref as D, h as F, defineComponent as O, resolveComponent as R, openBlock as T, createElementBlock as I, createElementVNode as _, normalizeClass as Y, createTextVNode as Fe, toDisplayString as C, unref as v, createCommentVNode as K, createVNode as $, withCtx as P, Fragment as H, renderList as J, computed as A, watch as Re, createSlots as Pe, createBlock as V, isRef as je, normalizeStyle as Ye, Teleport as Ge, normalizeProps as Ke, guardReactiveProps as Je, mergeProps as We } from "vue";
+import { X as qe, u as le, a9 as Xe, D as Se, i as N, h as Qe, f as Ee, aa as oe, r as Ze, ab as Ae, s as Ue, a as ae, b as et, v as tt, w as Ve, x as nt, y as ot, e as z, G as j, H as st, ac as lt, m as at, E as Ne, A as rt, ad as it, ae as ne, z as ct, _ as mt, B as ut } from "./app-CrAS505q.js";
 import { useCoreStore as re, useI18n as B } from "@feedmepos/mf-common";
-import { useDialogChild as pt, useSnackbar as Z, useDialog as ie, FmButtonVariant as De, components as L, useProxiedModel as ft, useBreakpoints as vt } from "@feedmepos/ui-library";
+import { useDialogChild as dt, useSnackbar as Z, useDialog as ie, FmButtonVariant as De, components as L, useProxiedModel as pt, useBreakpoints as ft } from "@feedmepos/ui-library";
 import { defineStore as Be, storeToRefs as Le } from "pinia";
-const ee = qe((r, s) => {
+import { u as vt } from "./use-ingredient-select-dialog-CeL6kOMh.js";
+const ee = qe((i, s) => {
   function o() {
     var t;
     return `business_${((t = re().currentBusiness.value) == null ? void 0 : t._id) ?? ""}`;
   }
   return {
     async getRecentPublishingJob() {
-      const l = o(), e = `${r.inventoryBackendUrl}/${l}/closing-template/publish/recent`;
+      const l = o(), e = `${i.inventoryBackendUrl}/${l}/closing-template/publish/recent`;
       return s.get(e);
     },
     async startNewPublish() {
-      const l = o(), e = `${r.inventoryBackendUrl}/${l}/closing-template/publish`;
+      const l = o(), e = `${i.inventoryBackendUrl}/${l}/closing-template/publish`;
       return s.post(e);
     },
     async getTemplate(l) {
-      const e = o(), t = `${r.inventoryBackendUrl}/${e}/closing-template/${l}`;
+      const e = o(), t = `${i.inventoryBackendUrl}/${e}/closing-template/${l}`;
       return s.get(t);
     },
     async readTemplates() {
-      const l = o(), e = `${r.inventoryBackendUrl}/${l}/closing-template`;
+      const l = o(), e = `${i.inventoryBackendUrl}/${l}/closing-template`;
       return s.get(e);
     },
     async createTemplate(l) {
-      const e = o(), t = `${r.inventoryBackendUrl}/${e}/closing-template`;
+      const e = o(), t = `${i.inventoryBackendUrl}/${e}/closing-template`;
       return s.post(t, l);
     },
     async updateTemplate(l) {
-      const e = o(), t = `${r.inventoryBackendUrl}/${e}/closing-template`;
+      const e = o(), t = `${i.inventoryBackendUrl}/${e}/closing-template`;
       return s.put(t, l);
     },
     async deleteTemplate(l) {
-      const e = o(), t = `${r.inventoryBackendUrl}/${e}/closing-template`;
+      const e = o(), t = `${i.inventoryBackendUrl}/${e}/closing-template`;
       return s.delete(t, { _id: l._id, _rev: l._rev });
     },
     async importTemplates(l) {
-      const e = o(), t = `${r.inventoryBackendUrl}/${e}/closing-template/import`;
+      const e = o(), t = `${i.inventoryBackendUrl}/${e}/closing-template/import`;
       return s.post(t, l);
     }
   };
 }), te = Be(
   "closingTemplateTable",
   function() {
-    const { t: s } = B(), o = se(), l = D({}), e = D(new Array()), t = D(!1), g = le(), f = ee();
+    const { t: s } = B(), o = se(), l = D({}), e = D(new Array()), t = D(!1), f = le(), g = ee();
     async function p() {
-      if (e.value = [], !!g._currentLocation) {
+      if (e.value = [], !!f._currentLocation) {
         t.value = !0;
         try {
-          const [y, h] = await Promise.all([
-            f.readTemplates(),
-            f.getRecentPublishingJob()
+          const [y, b] = await Promise.all([
+            g.readTemplates(),
+            g.getRecentPublishingJob()
           ]).delayed(1e3);
-          e.value = y, l.value = h;
+          e.value = y, l.value = b;
         } catch (y) {
           console.log("Something went wrong when fetching templates:", y);
         } finally {
@@ -62,30 +63,30 @@ const ee = qe((r, s) => {
         }
       }
     }
-    async function i(y) {
-      if (!e.value.find((h) => h._id) && g._currentLocation) {
+    async function r(y) {
+      if (!e.value.find((b) => b._id) && f._currentLocation) {
         t.value = !0;
         try {
-          const [h] = await Promise.all([
-            f.getTemplate(y),
+          const [b] = await Promise.all([
+            g.getTemplate(y),
             new Promise((u) => setTimeout(u, 1e3))
           ]);
-          e.value = [h];
-        } catch (h) {
-          console.log("Something went wrong when fetching templates:", h);
+          e.value = [b];
+        } catch (b) {
+          console.log("Something went wrong when fetching templates:", b);
         } finally {
           t.value = !1;
         }
       }
     }
-    function d(y, h) {
-      switch (h = Ae(h), y) {
+    function m(y, b) {
+      switch (b = Ee(b), y) {
         case N.Details:
-          return o.viewTemplate(h);
+          return o.viewTemplate(b);
         case N.Edit:
-          return o.updateTemplate(h);
+          return o.updateTemplate(b);
         case N.Delete:
-          return o.deleteTemplate(h, t, p);
+          return o.deleteTemplate(b, t, p);
       }
     }
     return {
@@ -122,8 +123,8 @@ const ee = qe((r, s) => {
           header: () => s("inventory.closing.table.enabledOutlets"),
           cell(y) {
             var u;
-            const h = (u = y.row.original.locations) == null ? void 0 : u.length;
-            return h ? `${h}` : "All";
+            const b = (u = y.row.original.locations) == null ? void 0 : u.length;
+            return b ? `${b}` : "All";
           },
           enableSorting: !1,
           meta: {
@@ -143,8 +144,8 @@ const ee = qe((r, s) => {
           header: () => s("inventory.closing.table.status"),
           enableSorting: !1,
           cell(y) {
-            var x;
-            const h = y.row.original, u = h._rev, n = (x = l.value.publishedRevs) == null ? void 0 : x[h._id], a = u === n;
+            var k;
+            const b = y.row.original, u = b._rev, n = (k = l.value.publishedRevs) == null ? void 0 : k[b._id], a = u === n;
             return F(
               "div",
               {
@@ -166,11 +167,11 @@ const ee = qe((r, s) => {
         {
           id: "action",
           cell(y) {
-            const h = y.row.original, u = [
+            const b = y.row.original, u = [
               Se[N.Edit],
               Se[N.Delete]
             ];
-            return Qe(u, (n) => d(n, h));
+            return Qe(u, (n) => m(n, b));
           },
           enableSorting: !1,
           size: 40,
@@ -184,13 +185,13 @@ const ee = qe((r, s) => {
       templates: e,
       loading: t,
       fetchTemplates: p,
-      loadTemplate: i
+      loadTemplate: r
     };
   }
 );
-var ce = /* @__PURE__ */ ((r) => (r.Ingredients = "Ingredients", r))(ce || {});
-function ze(r) {
-  const s = r.sku, o = new Set(r.disabledMeasurements);
+var ce = /* @__PURE__ */ ((i) => (i.Ingredients = "Ingredients", i))(ce || {});
+function ze(i) {
+  const s = i.sku, o = new Set(i.disabledMeasurements);
   return [
     {
       code: s.code,
@@ -224,11 +225,11 @@ function He() {
     }
   ];
 }
-function gt(r) {
-  var f;
-  const o = re().currentBusiness.value, e = (f = r.map((p) => {
+function gt(i) {
+  var g;
+  const o = re().currentBusiness.value, e = (g = i.map((p) => {
     var u;
-    const i = p.items.flatMap(ze), d = He(), m = [
+    const r = p.items.flatMap(ze), m = He(), d = [
       ["Template ID", p._id],
       ["Template name", p.name],
       ["Business name", o == null ? void 0 : o.name],
@@ -236,29 +237,29 @@ function gt(r) {
       ["Menu version", o == null ? void 0 : o.menuVersion],
       [
         "Locations",
-        ...(u = p.locations) != null && u.length ? [p.locations.map((n) => `${n.name} (${n.dbName})`)] : ["All"]
+        ...(u = p.locations) != null && u.length ? p.locations.map((n) => `${n.name} (${n.dbName})`) : ["All"]
       ],
       ["Reference", p.ref ?? ""],
       [],
-      d.map((n) => n.name),
-      ...i.map((n) => d.map((a) => n[a.id]))
-    ], y = d.map((n) => `system:${n.id}`), h = oe(m, y);
-    return { name: p.name, sheet: h };
+      m.map((n) => n.name),
+      ...r.map((n) => m.map((a) => n[a.id]))
+    ], y = m.map((n) => `system:${n.id}`), b = oe(d, y);
+    return { name: p.name, sheet: b };
   }).reduce(
-    (p, i) => {
-      var m;
-      const d = i.name.slice(0, 12);
-      return (m = p.sheetOccurence)[d] ?? (m[d] = 0), p.sheetOccurence[d] += 1, p.sheets[`${d} (${p.sheetOccurence[d]})`] = i.sheet, p;
+    (p, r) => {
+      var d;
+      const m = r.name.slice(0, 12);
+      return (d = p.sheetOccurence)[m] ?? (d[m] = 0), p.sheetOccurence[m] += 1, p.sheets[`${m} (${p.sheetOccurence[m]})`] = r.sheet, p;
     },
     {
       sheets: {},
       sheetOccurence: {}
     }
-  )) == null ? void 0 : f.sheets, t = `${o == null ? void 0 : o.name} closing templates (${Ze(/* @__PURE__ */ new Date())}).xlsx`, g = Ee(e);
-  return Ue(g, t), t;
+  )) == null ? void 0 : g.sheets, t = `${o == null ? void 0 : o.name} closing templates (${Ze(/* @__PURE__ */ new Date())}).xlsx`, f = Ae(e);
+  return Ue(f, t), t;
 }
 function yt() {
-  const r = re(), s = ae(), o = et(), l = ze({
+  const i = re(), s = ae(), o = et(), l = ze({
     sku: {
       unit: {
         _id: "",
@@ -271,7 +272,7 @@ function yt() {
       _id: "",
       name: "Sugar"
     }
-  })[0], e = r.currentBusiness.value, t = He(), g = [
+  })[0], e = i.currentBusiness.value, t = He(), f = [
     ["Template ID (leave empty to create new)", ""],
     ["Template Name", "New template"],
     ["Business name", e == null ? void 0 : e.name],
@@ -286,27 +287,27 @@ function yt() {
     [],
     t.map((u) => u.name),
     t.map((u) => l[u.id])
-  ], f = t.map((u) => `system:${u.id}`), p = oe(g, f), i = o.isEnabled ? o.state.setting.childItems ?? [] : [], d = i.reduce(
+  ], g = t.map((u) => `system:${u.id}`), p = oe(f, g), r = o.isEnabled ? o.state.setting.childItems ?? [] : [], m = r.reduce(
     (u, n) => {
-      var b, w;
-      const a = (b = o.netSuiteItemIdToSkuId.get(n.parentNetSuiteId)) == null ? void 0 : b[0], x = (w = o.netSuiteMeasurementIdToMeasurementId.get(
+      var h, x;
+      const a = (h = o.netSuiteItemIdToSkuId.get(n.parentNetSuiteId)) == null ? void 0 : h[0], k = (x = o.netSuiteMeasurementIdToMeasurementId.get(
         n.unitOfMeasureId
-      )) == null ? void 0 : w[0];
+      )) == null ? void 0 : x[0];
       if (!n.externalId)
         return u;
       if (!a)
         return console.error(`Item ${n.externalId} cannot be mapped to parent FdoInventorySku.`, n), u;
-      const c = s.skuById[a], $ = c.unit.measurements.find((A) => A.id === x);
-      return $ ? (u[n.externalId] = {
+      const c = s.skuById[a], w = c.unit.measurements.find((E) => E.id === k);
+      return w ? (u[n.externalId] = {
         sku: c,
-        measurement: $
+        measurement: w
       }, u) : (console.error(
         `Item ${n.externalId} found parent FdoInventorySku of ${c.code} ${c.name} but the measurement of netsuite id ${n.unitOfMeasureId} cannot be found.`,
         n
       ), u);
     },
     {}
-  ), m = oe(
+  ), d = oe(
     [
       ...s.skus.flatMap((u) => [
         [u.code, u.name, u.unit.abbrev, !0],
@@ -317,7 +318,7 @@ function yt() {
           !a.abbrev.toLocaleLowerCase("en-us").includes("inactive")
         ])
       ]),
-      ...Object.entries(d).map(([u, { sku: n, measurement: a }]) => [
+      ...Object.entries(m).map(([u, { sku: n, measurement: a }]) => [
         n.code,
         n.name,
         a.abbrev,
@@ -330,67 +331,67 @@ function yt() {
       "Name",
       "Units",
       "Enabled (true/false)",
-      ...i.length ? ["Netsuite Parent"] : []
+      ...r.length ? ["Netsuite Parent"] : []
     ]
-  ), y = Ee({
+  ), y = Ae({
     Template: p,
-    Ingredients: m
-  }), h = `${e == null ? void 0 : e.name} transfer templates import.xlsx`;
-  return Ue(y, h), h;
+    Ingredients: d
+  }), b = `${e == null ? void 0 : e.name} transfer templates import.xlsx`;
+  return Ue(y, b), b;
 }
-function ht(r) {
-  if (!r.length || `${r[0]}`.toLocaleLowerCase() === "all")
+function ht(i) {
+  if (!i.length || `${i[0]}`.toLocaleLowerCase() === "all")
     return [];
   const s = /(.*) \(((warehouse_|restaurant_).{24,})\)/, l = le().locationByDbName;
-  return r.map((e) => {
-    const t = new Array(), g = e.trim(), f = s.exec(g);
-    if (!f)
-      return t.push(`Enabled location value of ${g} cannot be read.`), {
+  return i.map((e) => {
+    const t = new Array(), f = e.trim(), g = s.exec(f);
+    if (!g)
+      return t.push(`Enabled location value of ${f} cannot be read.`), {
         errors: t
       };
-    const p = f[1], i = f[2], d = l[i];
-    return d ? (p !== d.name && t.push(
-      `Location id ${i} has non-matching name. Found ${p} but expected ${d.name}`
+    const p = g[1], r = g[2], m = l[r];
+    return m ? (p !== m.name && t.push(
+      `Location id ${r} has non-matching name. Found ${p} but expected ${m.name}`
     ), {
       errors: t,
-      location: d
-    }) : (t.push(`Location (${p}) of id ${i} is not found.`), {
+      location: m
+    }) : (t.push(`Location (${p}) of id ${r} is not found.`), {
       errors: t
     });
   });
 }
-function bt(r) {
+function bt(i) {
   const [
     s,
     o,
     l,
     e,
     t,
-    g,
     f,
+    g,
     p
-  ] = Ve(r);
+  ] = Ve(i);
   return {
     id: `${o[1] ?? ""}`.trim(),
     name: `${l[1] ?? ""}`.trim(),
-    locations: f.slice(1).map((i) => `${i}`.trim()).filter((i) => i),
+    locations: g.slice(1).map((r) => `${r}`.trim()).filter((r) => r),
     reference: `${p[1] ?? ""}`.trim()
   };
 }
-function _t(r) {
+function _t(i) {
   const [
     s,
     o,
     l,
     e,
     t,
-    g,
     f,
+    g,
     p,
-    i,
-    d,
-    ...m
-  ] = Ve(r);
+    r,
+    m,
+    ...d
+  ] = Ve(i);
   if (!s || !s.length || s.some((a) => a.length && !a.startsWith("system:")))
     throw new Error("Missing meta header. Excel file does not come from the template.");
   const y = s.map((a) => a.split(":")[1]), u = ["code", "name", "unit", "enabled"].filter((a) => !y.includes(a));
@@ -398,20 +399,20 @@ function _t(r) {
     throw new Error(
       `Missing meta headers (${u.join()}). Excel file does not come from the template.`
     );
-  return m.map((a, x) => {
+  return d.map((a, k) => {
     const c = {};
-    for (const $ in y) {
-      const b = y[$];
-      Object.assign(c, { [b]: a[$] });
+    for (const w in y) {
+      const h = y[w];
+      Object.assign(c, { [h]: a[w] });
     }
     return {
-      index: x,
+      index: k,
       data: c
     };
   });
 }
-function xt(r) {
-  return r.reduce(
+function xt(i) {
+  return i.reduce(
     (s, o) => {
       var t;
       const l = o.data, e = o.index;
@@ -420,90 +421,90 @@ function xt(r) {
     { result: new Array(), errors: new Array() }
   );
 }
-function wt(r) {
-  const s = r.parent.data, o = new Array(), e = ae().skuByCode[s.code ?? ""];
+function wt(i) {
+  const s = i.parent.data, o = new Array(), e = ae().skuByCode[s.code ?? ""];
   if (!e)
     return o.push(`Cannot find ingredient of code ${s.code} ${s.name}`), { errors: o };
   const t = {
     sku: e
-  }, g = /* @__PURE__ */ new Set([e.unit._id, ...e.unit.measurements.map((p) => p.id)]), f = e.unit.measurements.find((p) => p.abbrev === s.unit);
-  s.unit !== e.unit.abbrev && !f ? o.push(
+  }, f = /* @__PURE__ */ new Set([e.unit._id, ...e.unit.measurements.map((p) => p.id)]), g = e.unit.measurements.find((p) => p.abbrev === s.unit);
+  s.unit !== e.unit.abbrev && !g ? o.push(
     `Cannot find measurement unit of ${s.unit} for (${s.code}) ${s.name}.`
-  ) : (s.enabled === !0 || `${s.enabled}`.toLocaleLowerCase() === "true") && g.delete(e.unit._id);
-  for (const p of r.children) {
-    const i = p.data, d = i.unit === e.unit.abbrev ? e.unit : void 0, m = e.unit.measurements.find((y) => y.abbrev === i.unit);
-    if (!m && !d) {
+  ) : (s.enabled === !0 || `${s.enabled}`.toLocaleLowerCase() === "true") && f.delete(e.unit._id);
+  for (const p of i.children) {
+    const r = p.data, m = r.unit === e.unit.abbrev ? e.unit : void 0, d = e.unit.measurements.find((y) => y.abbrev === r.unit);
+    if (!d && !m) {
       o.push(
-        `Cannot find measurement unit of ${i.unit} for (${s.code}) ${s.name}.`
+        `Cannot find measurement unit of ${r.unit} for (${s.code}) ${s.name}.`
       );
       continue;
     }
-    (i.enabled === !0 || `${i.enabled}`.toLocaleLowerCase() === "true") && g.delete((m == null ? void 0 : m.id) ?? (d == null ? void 0 : d._id) ?? "");
+    (r.enabled === !0 || `${r.enabled}`.toLocaleLowerCase() === "true") && f.delete((d == null ? void 0 : d.id) ?? (m == null ? void 0 : m._id) ?? "");
   }
-  return g.has(e.unit._id) && t.sku.unit.measurements.every((p) => g.has(p.id)) && o.push(`Ingredient ${e.code} - ${e.name} must have at least one unit enabled.`), t.disabledMeasurements = [...g], { errors: o, templateItem: t };
+  return f.has(e.unit._id) && t.sku.unit.measurements.every((p) => f.has(p.id)) && o.push(`Ingredient ${e.code} - ${e.name} must have at least one unit enabled.`), t.disabledMeasurements = [...f], { errors: o, templateItem: t };
 }
-function kt(r) {
-  const s = r.SheetNames.filter(
+function kt(i) {
+  const s = i.SheetNames.filter(
     (t) => !Object.values(ce).map(String).includes(t)
   ), l = te().templates, e = tt(l, "_id");
   try {
     return s.reduce(
-      (t, g) => {
-        const f = new Array(), p = r.Sheets[g], i = bt(p), d = ht(i.locations), m = d.filter((c) => c.location).map((c) => c.location);
-        f.push(...d.flatMap((c) => c.errors));
+      (t, f) => {
+        const g = new Array(), p = i.Sheets[f], r = bt(p), m = ht(r.locations), d = m.filter((c) => c.location).map((c) => c.location);
+        g.push(...m.flatMap((c) => c.errors));
         const y = _t(p).filter(
           (c) => c.data.code || c.data.unit
-        ), h = xt(y);
-        f.push(...h.errors);
-        const u = h.result.map(
+        ), b = xt(y);
+        g.push(...b.errors);
+        const u = b.result.map(
           (c) => wt(c)
         );
-        f.push(...u.flatMap((c) => c.errors));
+        g.push(...u.flatMap((c) => c.errors));
         const n = u.filter((c) => c.templateItem).map((c) => c.templateItem);
-        if (i.id) {
-          const c = e[i.id];
+        if (r.id) {
+          const c = e[r.id];
           if (!c) {
-            const b = {
-              _id: i.id,
+            const h = {
+              _id: r.id,
               _rev: "",
-              name: i.name || `(unnamed from sheet ${g || "<unnamed sheet>"})`,
+              name: r.name || `(unnamed from sheet ${f || "<unnamed sheet>"})`,
               items: []
             };
-            return f.push(`Template ID ${i.id} is not found.`), t.importUpdateResult.push({
+            return g.push(`Template ID ${r.id} is not found.`), t.importUpdateResult.push({
               type: "update",
-              original: b,
-              template: b,
-              excelSheetName: g,
-              errors: f
+              original: h,
+              template: h,
+              excelSheetName: f,
+              errors: g
             }), t;
           }
-          const $ = {
+          const w = {
             type: "update",
             original: c,
             template: {
               ...c,
-              name: i.name,
-              locations: m.length ? m : null,
-              ref: i.reference,
+              name: r.name,
+              locations: d.length ? d : null,
+              ref: r.reference,
               items: n
             },
-            excelSheetName: g,
-            errors: f
+            excelSheetName: f,
+            errors: g
           };
-          return t.importUpdateResult.push($), t;
+          return t.importUpdateResult.push(w), t;
         }
-        const x = {
+        const k = {
           type: "create",
           template: {
-            name: i.name,
-            locations: m,
-            ref: i.reference,
+            name: r.name,
+            locations: d.length ? d : null,
+            ref: r.reference,
             items: n
           },
-          excelSheetName: g,
-          errors: f
+          excelSheetName: f,
+          errors: g
         };
-        return t.importCreateResult.push(x), t;
+        return t.importCreateResult.push(k), t;
       },
       {
         invalidExcel: !1,
@@ -532,12 +533,12 @@ const Tt = { class: "flex items-center gap-12 pl-8" }, $t = { class: "flex flex-
     items: {},
     errors: {}
   },
-  setup(r) {
+  setup(i) {
     const { t: s } = B();
     return (o, l) => {
-      var g, f, p;
+      var f, g, p;
       const e = R("FmIcon"), t = R("FmTooltip");
-      return k(), I("div", Tt, [
+      return T(), I("div", Tt, [
         l[0] || (l[0] = _("div", null, "•", -1)),
         _("div", $t, [
           _("div", Ct, [
@@ -547,17 +548,17 @@ const Tt = { class: "flex items-center gap-12 pl-8" }, $t = { class: "flex flex-
               })
             }, [
               Fe(C(o.name) + " ", 1),
-              o.type === "create" ? (k(), I("span", It, "(" + C(v(s)("inventory.closing.template.import.new")) + ")", 1)) : K("", !0)
+              o.type === "create" ? (T(), I("span", It, "(" + C(v(s)("inventory.closing.template.import.new")) + ")", 1)) : K("", !0)
             ], 2),
-            o.errors.length ? (k(), I("div", St, [
-              T(t, { "z-index": 50 }, {
+            o.errors.length ? (T(), I("div", St, [
+              $(t, { "z-index": 50 }, {
                 content: P(() => [
                   _("ol", null, [
-                    (k(!0), I(H, null, J(o.errors, (i, d) => (k(), I("li", { key: d }, C(i), 1))), 128))
+                    (T(!0), I(H, null, J(o.errors, (r, m) => (T(), I("li", { key: m }, C(r), 1))), 128))
                   ])
                 ]),
                 default: P(() => [
-                  T(e, {
+                  $(e, {
                     name: "error",
                     size: "sm",
                     color: "system-error-300"
@@ -575,7 +576,7 @@ const Tt = { class: "flex items-center gap-12 pl-8" }, $t = { class: "flex flex-
                 "text-fm-color-typo-secondary": !o.errors.length
               }
             ])
-          }, C((g = o.locations) != null && g.length ? v(s)("inventory.closing.template.import.nLocations", { count: (f = o.locations) == null ? void 0 : f.length }) : v(s)("inventory.closing.template.import.allLocations")) + ", " + C(v(s)("inventory.closing.template.import.nItems", { count: (p = o.items) == null ? void 0 : p.length })), 3)
+          }, C((f = o.locations) != null && f.length ? v(s)("inventory.closing.template.import.nLocations", { count: (g = o.locations) == null ? void 0 : g.length }) : v(s)("inventory.closing.template.import.allLocations")) + ", " + C(v(s)("inventory.closing.template.import.nItems", { count: (p = o.items) == null ? void 0 : p.length })), 3)
         ])
       ]);
     };
@@ -583,7 +584,7 @@ const Tt = { class: "flex items-center gap-12 pl-8" }, $t = { class: "flex flex-
 }), Dt = { class: "flex flex-col gap-24" }, Mt = { class: "fm-typo-en-body-md-400" }, Ft = {
   key: 0,
   class: "flex items-center gap-8"
-}, Rt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pt = { class: "flex flex-col gap-8" }, At = { class: "line-clamp-2 text-ellipsis break-all" }, Et = {
+}, Rt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pt = { class: "flex flex-col gap-8" }, Et = { class: "line-clamp-2 text-ellipsis break-all" }, At = {
   key: 2,
   class: "shrink-0"
 }, Ut = {
@@ -594,76 +595,76 @@ const Tt = { class: "flex items-center gap-12 pl-8" }, $t = { class: "flex flex-
   class: "max-h-[200px] overflow-y-auto flex flex-col gap-8"
 }, Bt = { class: "fm-typo-en-body-lg-600" }, Lt = /* @__PURE__ */ O({
   __name: "ClosingTemplateImport",
-  setup(r) {
-    const s = D(null), o = pt(), l = Z(), e = D(!1), t = D(!1), g = D(new Array()), f = D([]), p = D([]), i = E(
-      () => !!g.value.length || f.value.some((h) => h.errors.length) || p.value.some((h) => h.errors.length)
-    ), d = E(
-      () => !!f.value.length || !!p.value.length
-    ), { t: m } = B();
-    async function y(h) {
-      g.value = [], f.value = [], p.value = [];
+  setup(i) {
+    const s = D(null), o = dt(), l = Z(), e = D(!1), t = D(!1), f = D(new Array()), g = D([]), p = D([]), r = A(
+      () => !!f.value.length || g.value.some((b) => b.errors.length) || p.value.some((b) => b.errors.length)
+    ), m = A(
+      () => !!g.value.length || !!p.value.length
+    ), { t: d } = B();
+    async function y(b) {
+      f.value = [], g.value = [], p.value = [];
       try {
         e.value = !0;
         const [u] = await Promise.all([
-          ot(h),
+          ot(b),
           // fake buffer
           new Promise((c) => setTimeout(c, 1e3))
         ]);
         if (!u.SheetNames.filter(
           (c) => !Object.values(ce).map(String).includes(c)
         ).find((c) => c)) {
-          g.value.push(m("inventory.ingredient.import.fileError.noSheet"));
+          f.value.push(d("inventory.ingredient.import.fileError.noSheet"));
           return;
         }
-        const x = kt(u);
-        if (x.invalidExcel) {
-          g.value.push(
-            x.invalidExcelMessage ?? m("inventory.ingredient.import.fileError.invalidExcel")
+        const k = kt(u);
+        if (k.invalidExcel) {
+          f.value.push(
+            k.invalidExcelMessage ?? d("inventory.ingredient.import.fileError.invalidExcel")
           );
           return;
         }
-        if (f.value = x.importCreateResult, p.value = x.importUpdateResult, !f.value.length && !p.value.length) {
-          g.value.push(m("inventory.ingredient.import.fileError.noData"));
+        if (g.value = k.importCreateResult, p.value = k.importUpdateResult, !g.value.length && !p.value.length) {
+          f.value.push(d("inventory.ingredient.import.fileError.noData"));
           return;
         }
-        o.emitData(x);
+        o.emitData(k);
       } catch (u) {
         l.open({
-          title: m("inventory.ingredient.import.fileError.unableToRead"),
+          title: d("inventory.ingredient.import.fileError.unableToRead"),
           message: u == null ? void 0 : u.message,
           type: "error"
         }), console.error("Error in reading file", u);
       } finally {
-        g.value.length && l.open({
-          title: m("inventory.ingredient.import.fileError.invalidExcel"),
+        f.value.length && l.open({
+          title: d("inventory.ingredient.import.fileError.invalidExcel"),
           type: "error"
         }), e.value = !1;
       }
     }
-    return Re(s, (h) => {
-      h && y(h);
-    }), (h, u) => {
-      const n = R("FmCircularProgress"), a = R("FmIcon"), x = R("FmButton");
-      return k(), I("div", Dt, [
-        _("div", Mt, C(v(m)("inventory.closing.template.import.message")), 1),
-        t.value ? (k(), I("div", Ft, [
+    return Re(s, (b) => {
+      b && y(b);
+    }), (b, u) => {
+      const n = R("FmCircularProgress"), a = R("FmIcon"), k = R("FmButton");
+      return T(), I("div", Dt, [
+        _("div", Mt, C(v(d)("inventory.closing.template.import.message")), 1),
+        t.value ? (T(), I("div", Ft, [
           _("div", null, [
-            T(n, {
+            $(n, {
               size: "md",
               color: "neutral-gray-200"
             })
           ]),
-          _("div", Rt, C(v(m)("inventory.formField.loading")), 1)
-        ])) : (k(), I(H, { key: 1 }, [
-          T(nt, {
+          _("div", Rt, C(v(d)("inventory.formField.loading")), 1)
+        ])) : (T(), I(H, { key: 1 }, [
+          $(nt, {
             class: Y({
               "w-full": !0,
               "h-[200px]": !s.value
             }),
             accept: ".xlsx",
             onFileUpload: u[0] || (u[0] = (c) => s.value = c),
-            label: v(m)("inventory.ingredient.import.uploadTemplate"),
-            "button-label": v(m)("inventory.ingredient.import.selectFile")
+            label: v(d)("inventory.ingredient.import.uploadTemplate"),
+            "button-label": v(d)("inventory.ingredient.import.selectFile")
           }, Pe({ _: 2 }, [
             s.value ? {
               name: "default",
@@ -674,20 +675,20 @@ const Tt = { class: "flex items-center gap-12 pl-8" }, $t = { class: "flex flex-
                       "fm-corner-radius-md p-16 flex items-center gap-16",
                       {
                         "border border-fm-color-neutral-gray-100": e.value,
-                        "border border-fm-color-neutral-gray-200": !e.value && !i.value,
-                        "border border-fm-color-system-error-200": i.value
+                        "border border-fm-color-neutral-gray-200": !e.value && !r.value,
+                        "border border-fm-color-system-error-200": r.value
                       }
                     ])
                   }, [
-                    e.value ? (k(), V(n, {
+                    e.value ? (T(), V(n, {
                       key: 0,
                       size: "md",
                       color: "neutral-gray-200"
-                    })) : (k(), V(a, {
+                    })) : (T(), V(a, {
                       key: 1,
-                      name: i.value ? "error" : "attach_file",
+                      name: r.value ? "error" : "attach_file",
                       outline: "",
-                      color: i.value ? "system-error-300" : void 0
+                      color: r.value ? "system-error-300" : void 0
                     }, null, 8, ["name", "color"])),
                     _("div", {
                       class: Y([
@@ -698,28 +699,28 @@ const Tt = { class: "flex items-center gap-12 pl-8" }, $t = { class: "flex flex-
                         }
                       ])
                     }, [
-                      _("div", At, C(s.value.name), 1)
+                      _("div", Et, C(s.value.name), 1)
                     ], 2),
-                    e.value ? K("", !0) : (k(), I("div", Et, [
-                      T(x, {
-                        label: v(m)("inventory.ingredient.import.replaceFile"),
-                        variant: i.value ? "destructive" : "secondary",
-                        "prepend-icon": i.value ? void 0 : "autorenew",
+                    e.value ? K("", !0) : (T(), I("div", At, [
+                      $(k, {
+                        label: v(d)("inventory.ingredient.import.replaceFile"),
+                        variant: r.value ? "destructive" : "secondary",
+                        "prepend-icon": r.value ? void 0 : "autorenew",
                         onClick: c
                       }, null, 8, ["label", "variant", "prepend-icon", "onClick"])
                     ]))
                   ], 2),
-                  g.value.length ? (k(), I("div", Ut, [
-                    (k(!0), I(H, null, J(g.value, ($, b) => (k(), I("div", {
-                      key: b,
+                  f.value.length ? (T(), I("div", Ut, [
+                    (T(!0), I(H, null, J(f.value, (w, h) => (T(), I("div", {
+                      key: h,
                       class: "flex gap-8 items-center"
                     }, [
-                      T(a, {
+                      $(a, {
                         name: "error",
                         size: "sm",
                         color: "system-error-300"
                       }),
-                      _("div", Vt, C($), 1)
+                      _("div", Vt, C(w), 1)
                     ]))), 128))
                   ])) : K("", !0)
                 ])
@@ -727,17 +728,17 @@ const Tt = { class: "flex items-center gap-12 pl-8" }, $t = { class: "flex flex-
               key: "0"
             } : void 0
           ]), 1032, ["class", "label", "button-label"]),
-          d.value ? (k(), I("div", Nt, [
-            _("div", Bt, C(v(m)("inventory.ingredient.import.summary")), 1),
-            (k(!0), I(H, null, J(f.value, (c, $) => (k(), V(Me, {
-              key: $,
+          m.value ? (T(), I("div", Nt, [
+            _("div", Bt, C(v(d)("inventory.ingredient.import.summary")), 1),
+            (T(!0), I(H, null, J(g.value, (c, w) => (T(), V(Me, {
+              key: w,
               name: c.template.name,
               locations: c.template.locations,
               items: c.template.items,
               errors: c.errors,
               type: "create"
             }, null, 8, ["name", "locations", "items", "errors"]))), 128)),
-            (k(!0), I(H, null, J(p.value, (c) => (k(), V(Me, {
+            (T(!0), I(H, null, J(p.value, (c) => (T(), V(Me, {
               key: c.template._id,
               name: c.template.name,
               locations: c.template.locations,
@@ -751,27 +752,27 @@ const Tt = { class: "flex items-center gap-12 pl-8" }, $t = { class: "flex flex-
     };
   }
 }), se = Be("closingTemplateActions", () => {
-  const { t: r } = B(), s = ie(), o = Z(), l = ee(), e = te(), { loading: t } = Le(e), g = D({});
-  function f() {
-    g.value = {
+  const { t: i } = B(), s = ie(), o = Z(), l = ee(), e = te(), { loading: t } = Le(e), f = D({});
+  function g() {
+    f.value = {
       mode: z.CREATE,
       show: !0,
       "onUpdate:show"(n) {
-        g.value.show = n;
+        f.value.show = n;
       }
     };
   }
   function p(n) {
-    g.value = {
+    f.value = {
       mode: z.UPDATE,
       modelValue: n,
       show: !0,
       "onUpdate:show"(a) {
-        g.value.show = a;
+        f.value.show = a;
       }
     };
   }
-  function i(n, a, x) {
+  function r(n, a, k) {
     s.open({
       title: `Confirm deleting template ${n.name}?`,
       message: "Deleted template can no longer be retrieved",
@@ -794,7 +795,7 @@ const Tt = { class: "flex items-center gap-12 pl-8" }, $t = { class: "flex flex-
         a.value = !0;
         const [c] = await Promise.allSettled([
           l.deleteTemplate(n),
-          new Promise(($) => setTimeout($, 1e3))
+          new Promise((w) => setTimeout(w, 1e3))
         ]);
         if (c.status === "rejected") throw c.reason;
         o.open({
@@ -808,20 +809,20 @@ const Tt = { class: "flex items-center gap-12 pl-8" }, $t = { class: "flex flex-
           type: "error"
         }), console.error("error on deleting closing template", c);
       } finally {
-        a.value = !1, x();
+        a.value = !1, k();
       }
     });
   }
-  const d = D({});
-  function m(n) {
-    d.value = {
+  const m = D({});
+  function d(n) {
+    m.value = {
       template: n,
       show: !0,
       "onUpdate:show"(a) {
-        d.value.show = a;
+        m.value.show = a;
       },
       "onAction:edit"() {
-        d.value.show = !1, p(Ae(n));
+        m.value.show = !1, p(Ee(n));
       }
     };
   }
@@ -835,50 +836,50 @@ const Tt = { class: "flex items-center gap-12 pl-8" }, $t = { class: "flex flex-
     }
     const n = gt(e.templates);
     o.open({
-      title: r("inventory.ingredient.export.success"),
-      message: r("inventory.ingredient.export.filename", [n]),
+      title: i("inventory.ingredient.export.success"),
+      message: i("inventory.ingredient.export.filename", [n]),
       type: "success"
     });
   }
-  function h() {
+  function b() {
     e.loading || s.open({
-      title: r("inventory.ingredient.import.title"),
+      title: i("inventory.ingredient.import.title"),
       contentComponent: Lt,
       overlay: !0,
       closeButton: !0,
       primaryActions: {
-        text: r("common.import"),
+        text: i("common.import"),
         close: !1
       },
       secondaryActions: {
-        text: r("common.close"),
+        text: i("common.close"),
         close: !0
       },
       tertiaryActions: {
-        text: r("inventory.ingredient.import.actions.downloadTemplate"),
+        text: i("inventory.ingredient.import.actions.downloadTemplate"),
         close: !1,
         variant: "plain"
       }
     }).onPrimary((n) => {
       if (!n) {
         o.open({
-          title: r("inventory.ingredient.import.error.noData"),
+          title: i("inventory.ingredient.import.error.noData"),
           type: "error"
         });
         return;
       }
       if (!n.importCreateResult.length && !n.importUpdateResult.length) {
         o.open({
-          title: r("inventory.ingredient.import.error.invalidContent"),
-          message: r("inventory.ingredient.import.error.noImportData"),
+          title: i("inventory.ingredient.import.error.invalidContent"),
+          message: i("inventory.ingredient.import.error.noImportData"),
           type: "error"
         });
         return;
       }
       if (n.importCreateResult.some((a) => a.errors.length) || n.importUpdateResult.some((a) => a.errors.length)) {
         o.open({
-          title: r("inventory.ingredient.import.error.invalidContent"),
-          message: r("inventory.ingredient.import.error.hasErrors"),
+          title: i("inventory.ingredient.import.error.invalidContent"),
+          message: i("inventory.ingredient.import.error.hasErrors"),
           type: "error"
         });
         return;
@@ -891,31 +892,31 @@ const Tt = { class: "flex items-center gap-12 pl-8" }, $t = { class: "flex flex-
     try {
       const a = [
         ...n.importCreateResult.map(
-          (b) => b.template
+          (h) => h.template
         ),
         ...n.importUpdateResult.map(
-          (b) => b.template
+          (h) => h.template
         )
-      ], x = 100;
+      ], k = 100;
       let c = 0;
-      const $ = () => {
-        c += x, o.open({
-          title: r("inventory.ingredient.import.progress", [
+      const w = () => {
+        c += k, o.open({
+          title: i("inventory.ingredient.import.progress", [
             Math.min(c, a.length),
             a.length
           ])
         });
       };
-      for (const b of a.chunk(100))
-        $(), await l.importTemplates(b);
+      for (const h of a.chunk(100))
+        w(), await l.importTemplates(h);
       o.open({
-        title: r("inventory.ingredient.import.success"),
+        title: i("inventory.ingredient.import.success"),
         type: "success"
       });
     } catch (a) {
       o.open({
-        title: r("inventory.ingredient.import.error.failed"),
-        message: r("inventory.ingredient.import.error.systemMessage", [a == null ? void 0 : a.message]),
+        title: i("inventory.ingredient.import.error.failed"),
+        message: i("inventory.ingredient.import.error.systemMessage", [a == null ? void 0 : a.message]),
         type: "error"
       }), console.error("Error in importing skus", n, a);
     } finally {
@@ -923,21 +924,21 @@ const Tt = { class: "flex items-center gap-12 pl-8" }, $t = { class: "flex flex-
     }
   }
   return {
-    createTemplate: f,
-    viewTemplate: m,
+    createTemplate: g,
+    viewTemplate: d,
     updateTemplate: p,
-    deleteTemplate: i,
+    deleteTemplate: r,
     exportTemplates: y,
-    importTemplates: h,
-    templateDialogProps: g,
-    templateDetailsProps: d
+    importTemplates: b,
+    templateDialogProps: f,
+    templateDetailsProps: m
   };
 });
-var G = /* @__PURE__ */ ((r) => (r.Name = "Name", r.Unit = "Unit", r.Delete = "Delete", r))(G || {});
-function zt(r) {
+var G = /* @__PURE__ */ ((i) => (i.Name = "Name", i.Unit = "Unit", i.Delete = "Delete", i))(G || {});
+function zt(i) {
   return {
-    columnDefs: E(() => {
-      const o = r.items.map((e) => e.sku.unit.measurements.length).reduce((e, t) => Math.max(e, t), 0);
+    columnDefs: A(() => {
+      const o = i.items.map((e) => e.sku.unit.measurements.length).reduce((e, t) => Math.max(e, t), 0);
       return [
         {
           id: "Name",
@@ -976,14 +977,14 @@ function zt(r) {
           minSize: 200,
           maxSize: 400,
           cell(e) {
-            var g, f, p;
+            var f, g, p;
             const t = e.row.original;
             return F("div", { class: "flex items-center gap-32" }, [
               F(
                 L.FmFormGroup,
                 {
                   value: t.sku.unit._id,
-                  modelValue: !((g = t.disabledMeasurements) != null && g.includes(t.sku.unit._id))
+                  modelValue: !((f = t.disabledMeasurements) != null && f.includes(t.sku.unit._id))
                 },
                 F(
                   "div",
@@ -994,27 +995,27 @@ function zt(r) {
                   [
                     F(L.FmCheckbox, {
                       value: t.sku.unit._id,
-                      modelValue: !((f = t.disabledMeasurements) != null && f.includes(t.sku.unit._id)),
-                      disabled: r.disabled || !((p = t.disabledMeasurements) != null && p.includes(t.sku.unit._id)) && t.sku.unit.measurements.every(
-                        (i) => {
-                          var d;
-                          return (d = t.disabledMeasurements) == null ? void 0 : d.includes(i.id);
+                      modelValue: !((g = t.disabledMeasurements) != null && g.includes(t.sku.unit._id)),
+                      disabled: i.disabled || !((p = t.disabledMeasurements) != null && p.includes(t.sku.unit._id)) && t.sku.unit.measurements.every(
+                        (r) => {
+                          var m;
+                          return (m = t.disabledMeasurements) == null ? void 0 : m.includes(r.id);
                         }
                       ),
-                      "onUpdate:modelValue"(i) {
-                        var d;
-                        if (i)
-                          r.updateItem({
+                      "onUpdate:modelValue"(r) {
+                        var m;
+                        if (r)
+                          i.updateItem({
                             ...t,
-                            disabledMeasurements: (d = t.disabledMeasurements) == null ? void 0 : d.filter(
-                              (m) => m !== t.sku.unit._id
+                            disabledMeasurements: (m = t.disabledMeasurements) == null ? void 0 : m.filter(
+                              (d) => d !== t.sku.unit._id
                             )
                           });
                         else {
-                          const m = t.disabledMeasurements ?? [];
-                          r.updateItem({
+                          const d = t.disabledMeasurements ?? [];
+                          i.updateItem({
                             ...t,
-                            disabledMeasurements: [...m, t.sku.unit._id]
+                            disabledMeasurements: [...d, t.sku.unit._id]
                           });
                         }
                       }
@@ -1038,13 +1039,13 @@ function zt(r) {
                   ]
                 )
               ),
-              ...Array.from({ length: Math.max(o, 0) }).map((i, d) => {
-                var h, u, n, a;
-                const m = e.row.original, y = m.sku.unit.measurements[d];
+              ...Array.from({ length: Math.max(o, 0) }).map((r, m) => {
+                var b, u, n, a;
+                const d = e.row.original, y = d.sku.unit.measurements[m];
                 return y ? F(
                   L.FmFormGroup,
                   {
-                    modelValue: !((h = m.disabledMeasurements) != null && h.includes(y.id)),
+                    modelValue: !((b = d.disabledMeasurements) != null && b.includes(y.id)),
                     value: y.id
                   },
                   F(
@@ -1056,25 +1057,25 @@ function zt(r) {
                     [
                       F(L.FmCheckbox, {
                         value: y.id,
-                        modelValue: !((u = m.disabledMeasurements) != null && u.includes(y.id)),
-                        disabled: r.disabled || !((n = m.disabledMeasurements) != null && n.includes(y.id)) && ((a = m.disabledMeasurements) == null ? void 0 : a.includes(m.sku.unit._id)) && m.sku.unit.measurements.filter((x) => x.id != y.id).every((x) => {
+                        modelValue: !((u = d.disabledMeasurements) != null && u.includes(y.id)),
+                        disabled: i.disabled || !((n = d.disabledMeasurements) != null && n.includes(y.id)) && ((a = d.disabledMeasurements) == null ? void 0 : a.includes(d.sku.unit._id)) && d.sku.unit.measurements.filter((k) => k.id != y.id).every((k) => {
                           var c;
-                          return (c = m.disabledMeasurements) == null ? void 0 : c.includes(x.id);
+                          return (c = d.disabledMeasurements) == null ? void 0 : c.includes(k.id);
                         }),
-                        "onUpdate:modelValue"(x) {
+                        "onUpdate:modelValue"(k) {
                           var c;
-                          if (x)
-                            r.updateItem({
-                              ...m,
-                              disabledMeasurements: (c = m.disabledMeasurements) == null ? void 0 : c.filter(
-                                ($) => $ !== y.id
+                          if (k)
+                            i.updateItem({
+                              ...d,
+                              disabledMeasurements: (c = d.disabledMeasurements) == null ? void 0 : c.filter(
+                                (w) => w !== y.id
                               )
                             });
                           else {
-                            const $ = m.disabledMeasurements ?? [];
-                            r.updateItem({
-                              ...m,
-                              disabledMeasurements: [...$, y.id]
+                            const w = d.disabledMeasurements ?? [];
+                            i.updateItem({
+                              ...d,
+                              disabledMeasurements: [...w, y.id]
                             });
                           }
                         }
@@ -1117,9 +1118,9 @@ function zt(r) {
                 icon: "delete",
                 variant: "tertiary",
                 size: "md",
-                disabled: r.disabled,
+                disabled: i.disabled,
                 onClick: () => {
-                  r.deleteItem(t);
+                  i.deleteItem(t);
                 }
               })
             );
@@ -1141,35 +1142,35 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, jt =
     cellByColId: {},
     row: {}
   },
-  setup(r) {
-    const s = r, o = E(() => s.row), l = E(
+  setup(i) {
+    const s = i, o = A(() => s.row), l = A(
       () => o.value.getVisibleCells().filter((e) => e.column.id !== G.Name && e.column.id !== G.Delete)
     );
     return (e, t) => {
-      var g, f, p, i, d;
-      return k(), I("div", Ht, [
+      var f, g, p, r, m;
+      return T(), I("div", Ht, [
         _("div", Ot, [
           _("div", jt, [
             _("div", Yt, C(o.value.original.sku.name), 1),
             _("div", Gt, C(o.value.original.sku.code), 1)
           ]),
           _("div", null, [
-            T(v(j), {
-              render: (p = (f = (g = e.cellByColId[v(G).Delete]) == null ? void 0 : g.column) == null ? void 0 : f.columnDef) == null ? void 0 : p.cell,
-              props: (d = (i = e.cellByColId[v(G).Delete]) == null ? void 0 : i.getContext) == null ? void 0 : d.call(i)
+            $(v(j), {
+              render: (p = (g = (f = e.cellByColId[v(G).Delete]) == null ? void 0 : f.column) == null ? void 0 : g.columnDef) == null ? void 0 : p.cell,
+              props: (m = (r = e.cellByColId[v(G).Delete]) == null ? void 0 : r.getContext) == null ? void 0 : m.call(r)
             }, null, 8, ["render", "props"])
           ])
         ]),
         _("div", Kt, [
           t[0] || (t[0] = _("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, null, -1)),
-          (k(!0), I(H, null, J(l.value, (m) => {
-            var y, h, u;
-            return k(), I("div", {
-              key: m.id
+          (T(!0), I(H, null, J(l.value, (d) => {
+            var y, b, u;
+            return T(), I("div", {
+              key: d.id
             }, [
-              T(v(j), {
-                render: (h = (y = m.column) == null ? void 0 : y.columnDef) == null ? void 0 : h.cell,
-                props: (u = m.getContext) == null ? void 0 : u.call(m)
+              $(v(j), {
+                render: (b = (y = d.column) == null ? void 0 : y.columnDef) == null ? void 0 : b.cell,
+                props: (u = d.getContext) == null ? void 0 : u.call(d)
               }, null, 8, ["render", "props"])
             ]);
           }), 128))
@@ -1183,11 +1184,13 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, jt =
     modelValue: {},
     disabled: { type: Boolean }
   },
-  setup(r, { expose: s }) {
-    const o = r, l = st(), { t: e } = B(), t = ae(), g = ie(), {
+  setup(i, { expose: s }) {
+    const o = i, l = st(), { t: e } = B(), t = ae();
+    ie();
+    const {
       promptSelectLocations: f,
-      columnDefs: p,
-      rowData: i
+      columnDefs: g,
+      rowData: p
     } = lt({
       getLocations() {
         return l.locations;
@@ -1195,22 +1198,22 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, jt =
       setLocations(n) {
         l.locations = n;
       }
-    }), d = D(), m = D("");
+    }), r = D(), m = D("");
     s({
       validateInputs: () => {
         var n, a;
-        (a = (n = d.value) == null ? void 0 : n.validateInputs) == null || a.call(n);
+        (a = (n = r.value) == null ? void 0 : n.validateInputs) == null || a.call(n);
       },
       resetInputsValidation: () => {
         var n, a;
-        (a = (n = d.value) == null ? void 0 : n.resetInputsValidation) == null || a.call(n);
+        (a = (n = r.value) == null ? void 0 : n.resetInputsValidation) == null || a.call(n);
       },
       resetInputs: () => {
         var n, a;
-        (a = (n = d.value) == null ? void 0 : n.resetInputs) == null || a.call(n);
+        (a = (n = r.value) == null ? void 0 : n.resetInputs) == null || a.call(n);
       }
     });
-    const y = zt({
+    const d = zt({
       updateItem: (n) => {
         l.items = l.items.map((a) => a.sku._id !== n.sku._id ? a : n);
       },
@@ -1223,63 +1226,45 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, jt =
       get disabled() {
         return o.disabled;
       }
-    }), h = E(() => y.columnDefs.value);
-    function u() {
-      const n = t.skus.map((x) => ({
-        label: x.name,
-        sublabel: x.code,
-        value: x
-      })), a = n.filter((x) => {
-        var c;
-        return (c = l.items) == null ? void 0 : c.find(($) => $.sku._id === x.value._id);
-      }).map((x) => x.value);
-      g.open({
-        title: e("inventory.closing.form.items.selectItem"),
-        closeButton: !0,
-        contentComponent: it,
-        contentComponentProps: {
-          modelValue: a,
-          items: n,
-          virtualScroll: !0
-        },
-        primaryActions: {
-          text: e("common.confirm"),
-          close: !0
-        },
-        secondaryActions: {
-          text: e("common.close"),
-          close: !0,
-          variant: "tertiary"
-        }
-      }).onPrimary((x) => {
-        const c = l.items ?? [], $ = x.map((b) => {
-          const w = c.find((M) => M.sku._id === b._id);
-          return w || {
-            sku: b
+    }), y = A(() => d.columnDefs.value), { promptSelectIngredients: b } = vt();
+    async function u() {
+      const a = t.skus.map((w) => ({
+        label: w.name,
+        sublabel: w.code,
+        value: w
+      })).filter((w) => {
+        var h;
+        return (h = l.items) == null ? void 0 : h.find((x) => x.sku._id === w.value._id);
+      }).map((w) => w.value), k = l.items ?? [], c = await b(
+        a.map((w) => w._id),
+        (w) => {
+          const h = t.skuById[w], x = k.find((M) => M.sku._id === h._id);
+          return x || {
+            sku: h
           };
-        });
-        $.sort((b, w) => b.sku.code.localeCompare(w.sku.code)), l.items = $;
-      });
+        }
+      );
+      c && (c.sort((w, h) => w.sku.code.localeCompare(h.sku.code)), l.items = c);
     }
     return (n, a) => {
-      const x = R("FmTextField"), c = R("FmButton"), $ = R("FmTable"), b = R("FmIcon"), w = R("FmFormGroup"), A = R("FmForm");
-      return k(), V(A, {
+      const k = R("FmTextField"), c = R("FmButton"), w = R("FmTable"), h = R("FmIcon"), x = R("FmFormGroup"), E = R("FmForm");
+      return T(), V(E, {
         ref_key: "formRef",
-        ref: d,
+        ref: r,
         class: "flex flex-col gap-32",
         disabled: n.disabled
       }, {
         default: P(() => [
           _("div", Wt, [
             _("div", qt, [
-              T(x, {
+              $(k, {
                 label: v(e)("inventory.closing.form.name"),
                 "label-mark": "required",
                 modelValue: v(l).name,
                 "onUpdate:modelValue": a[0] || (a[0] = (M) => v(l).name = M),
                 rules: [v(at)()]
               }, null, 8, ["label", "modelValue", "rules"]),
-              T(x, {
+              $(k, {
                 label: v(e)("inventory.closing.form.reference"),
                 "label-mark": "optional",
                 modelValue: v(l).ref,
@@ -1290,7 +1275,7 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, jt =
           _("div", Xt, [
             _("div", Qt, [
               _("div", Zt, C(v(e)("inventory.closing.form.locations")), 1),
-              T(c, {
+              $(c, {
                 disabled: n.disabled,
                 label: v(e)("inventory.closing.form.selectLocation"),
                 "prepend-icon": "add",
@@ -1299,9 +1284,9 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, jt =
                 onClick: v(f)
               }, null, 8, ["disabled", "label", "onClick"])
             ]),
-            T($, {
-              "column-defs": v(p),
-              "row-data": v(i),
+            $(w, {
+              "column-defs": v(g),
+              "row-data": v(p),
               "shrink-at": 9999,
               onRowClick: v(f),
               "hide-footer": ""
@@ -1310,7 +1295,7 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, jt =
           _("div", en, [
             _("div", tn, [
               _("div", nn, C(v(e)("inventory.closing.form.items.title")), 1),
-              T(c, {
+              $(c, {
                 disabled: n.disabled,
                 label: v(e)("inventory.closing.form.items.addItem"),
                 "prepend-icon": "add",
@@ -1320,7 +1305,7 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, jt =
                 size: "md"
               }, null, 8, ["disabled", "label"])
             ]),
-            T(x, {
+            $(k, {
               placeholder: "Filter items",
               modelValue: m.value,
               "onUpdate:modelValue": a[4] || (a[4] = (M) => m.value = M)
@@ -1328,7 +1313,7 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, jt =
               m.value ? {
                 name: "append",
                 fn: P(() => [
-                  T(b, {
+                  $(h, {
                     name: "close",
                     onClick: a[3] || (a[3] = (M) => m.value = ""),
                     class: "cursor-pointer"
@@ -1337,21 +1322,21 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, jt =
                 key: "0"
               } : void 0
             ]), 1032, ["modelValue"]),
-            (k(), V($, {
+            (T(), V(w, {
               "search-value": m.value,
-              "column-defs": h.value,
+              "column-defs": y.value,
               "row-data": v(l).items,
               key: v(l).items.map((M) => M.sku._id).join("."),
               "hide-footer": v(l).items.length <= 10,
               "page-size": Math.min(10, v(l).items.length)
             }, {
               "list-row": P((M) => [
-                (k(), V(Ne, {
+                (T(), V(Ne, {
                   row: M,
                   key: v(l).items.map((S) => S.sku._id).join(".")
                 }, {
                   default: P((S) => [
-                    T(Jt, {
+                    $(Jt, {
                       row: M,
                       "cell-by-col-id": S
                     }, null, 8, ["row", "cell-by-col-id"])
@@ -1361,7 +1346,7 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, jt =
               ]),
               _: 1
             }, 8, ["search-value", "column-defs", "row-data", "hide-footer", "page-size"])),
-            T(w, {
+            $(x, {
               "model-value": v(l).items.length,
               rules: [v(rt)(1)]
             }, null, 8, ["model-value", "rules"])
@@ -1379,95 +1364,95 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, jt =
     show: { type: Boolean }
   },
   emits: ["update:show", "submitted"],
-  setup(r, { expose: s, emit: o }) {
-    var $;
-    const l = r, e = o, t = ee(), g = Z(), { t: f } = B(), p = ft(l, "show");
-    function i() {
+  setup(i, { expose: s, emit: o }) {
+    var w;
+    const l = i, e = o, t = ee(), f = Z(), { t: g } = B(), p = pt(l, "show");
+    function r() {
       return {
         _id: "",
         name: "",
         items: []
       };
     }
-    const d = D(l.modelValue ?? i()), m = D((($ = l.modelValue) == null ? void 0 : $._id) ?? `${Math.random()}`);
+    const m = D(l.modelValue ?? r()), d = D(((w = l.modelValue) == null ? void 0 : w._id) ?? `${Math.random()}`);
     Re(
       () => l.show,
-      (b) => {
-        var w;
-        b && (d.value = l.modelValue ?? i(), m.value = ((w = l.modelValue) == null ? void 0 : w._id) ?? `${Math.random()}`);
+      (h) => {
+        var x;
+        h && (m.value = l.modelValue ?? r(), d.value = ((x = l.modelValue) == null ? void 0 : x._id) ?? `${Math.random()}`);
       }
     );
-    const y = D(!1), h = E(() => {
+    const y = D(!1), b = A(() => {
       switch (l.mode) {
         case z.READ:
           return "";
         case z.CREATE:
-          return f("inventory.closing.template.create.title");
+          return g("inventory.closing.template.create.title");
         case z.UPDATE:
-          return f("inventory.closing.template.update.title");
+          return g("inventory.closing.template.update.title");
       }
       return "";
     }), u = D();
     s({
       validateInputs: () => {
-        var b, w;
-        (w = (b = u.value) == null ? void 0 : b.validateInputs) == null || w.call(b);
+        var h, x;
+        (x = (h = u.value) == null ? void 0 : h.validateInputs) == null || x.call(h);
       },
       resetInputsValidation: () => {
-        var b, w;
-        (w = (b = u.value) == null ? void 0 : b.resetInputsValidation) == null || w.call(b);
+        var h, x;
+        (x = (h = u.value) == null ? void 0 : h.resetInputsValidation) == null || x.call(h);
       },
       resetInputs: () => {
-        var b, w;
-        (w = (b = u.value) == null ? void 0 : b.resetInputs) == null || w.call(b);
+        var h, x;
+        (x = (h = u.value) == null ? void 0 : h.resetInputs) == null || x.call(h);
       }
     });
     async function n() {
-      const b = d.value;
-      if (b) {
+      const h = m.value;
+      if (h) {
         y.value = !0;
         try {
-          await t.createTemplate(b), await new Promise((w) => setTimeout(w, 1e3)), g.open({
-            title: f("inventory.closing.template.create.success"),
-            message: f("inventory.closing.template.create.successMessage"),
+          await t.createTemplate(h), await new Promise((x) => setTimeout(x, 1e3)), f.open({
+            title: g("inventory.closing.template.create.success"),
+            message: g("inventory.closing.template.create.successMessage"),
             type: "success"
           }), e("update:show", !1), e("submitted");
-        } catch (w) {
-          g.open({
-            title: f("inventory.closing.template.create.error"),
-            message: f("inventory.closing.template.create.errorMessage"),
+        } catch (x) {
+          f.open({
+            title: g("inventory.closing.template.create.error"),
+            message: g("inventory.closing.template.create.errorMessage"),
             type: "error"
-          }), console.error("Error in creating closing template", w);
+          }), console.error("Error in creating closing template", x);
         } finally {
           y.value = !1;
         }
       }
     }
     async function a() {
-      const b = d.value;
-      if (b) {
+      const h = m.value;
+      if (h) {
         y.value = !0;
         try {
           await t.updateTemplate({
-            ...b,
-            _rev: b._rev ?? ""
-          }), await new Promise((w) => setTimeout(w, 1e3)), g.open({
-            title: f("inventory.closing.template.update.success"),
-            message: f("inventory.closing.template.update.successMessage"),
+            ...h,
+            _rev: h._rev ?? ""
+          }), await new Promise((x) => setTimeout(x, 1e3)), f.open({
+            title: g("inventory.closing.template.update.success"),
+            message: g("inventory.closing.template.update.successMessage"),
             type: "success"
           }), e("update:show", !1), e("submitted");
-        } catch (w) {
-          g.open({
-            title: f("inventory.closing.template.update.error"),
-            message: f("inventory.closing.template.update.errorMessage"),
+        } catch (x) {
+          f.open({
+            title: g("inventory.closing.template.update.error"),
+            message: g("inventory.closing.template.update.errorMessage"),
             type: "error"
-          }), console.error("Error in updating closing template", w);
+          }), console.error("Error in updating closing template", x);
         } finally {
           y.value = !1;
         }
       }
     }
-    function x() {
+    function k() {
       switch (l.mode) {
         case z.CREATE:
           return n();
@@ -1476,47 +1461,47 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, jt =
       }
     }
     function c() {
-      var b, w;
-      (w = (b = u.value) == null ? void 0 : b.validateInputs) == null || w.call(b);
+      var h, x;
+      (x = (h = u.value) == null ? void 0 : h.validateInputs) == null || x.call(h);
     }
-    return (b, w) => {
-      const A = R("FmButton"), M = R("FmSideSheet");
-      return k(), V(M, {
+    return (h, x) => {
+      const E = R("FmButton"), M = R("FmSideSheet");
+      return T(), V(M, {
         modelValue: v(p),
-        "onUpdate:modelValue": w[2] || (w[2] = (S) => je(p) ? p.value = S : null),
+        "onUpdate:modelValue": x[2] || (x[2] = (S) => je(p) ? p.value = S : null),
         "dismiss-away": "",
         "close-button": "",
         "max-width": 800
       }, {
         "side-sheet-header": P(() => [
           _("div", sn, [
-            _("div", ln, C(h.value), 1)
+            _("div", ln, C(b.value), 1)
           ])
         ]),
         default: P(() => [
-          (k(), V(on, {
+          (T(), V(on, {
             class: "w-full",
             ref_key: "formRef",
             ref: u,
-            onValidationSuccess: x,
-            "model-value": d.value,
-            "onUpdate:modelValue": w[0] || (w[0] = (S) => d.value = S),
+            onValidationSuccess: k,
+            "model-value": m.value,
+            "onUpdate:modelValue": x[0] || (x[0] = (S) => m.value = S),
             disabled: y.value,
-            key: m.value
+            key: d.value
           }, null, 8, ["model-value", "disabled"]))
         ]),
         "side-sheet-footer": P(() => [
           _("div", an, [
-            T(A, {
+            $(E, {
               loading: y.value,
-              label: v(f)("common.save"),
+              label: v(g)("common.save"),
               onClick: c
             }, null, 8, ["loading", "label"]),
-            T(A, {
+            $(E, {
               disabled: y.value,
               variant: "tertiary",
-              label: v(f)("common.close"),
-              onClick: w[1] || (w[1] = (S) => e("update:show", !1))
+              label: v(g)("common.close"),
+              onClick: x[1] || (x[1] = (S) => e("update:show", !1))
             }, null, 8, ["disabled", "label"])
           ])
         ]),
@@ -1525,10 +1510,10 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, jt =
     };
   }
 }), cn = {};
-function mn(r, s) {
-  return k(), I("div");
+function mn(i, s) {
+  return T(), I("div");
 }
-const un = /* @__PURE__ */ ct(cn, [["render", mn]]), dn = { class: "flex flex-col gap-40" }, pn = { key: 0 }, fn = {
+const un = /* @__PURE__ */ it(cn, [["render", mn]]), dn = { class: "flex flex-col gap-40" }, pn = { key: 0 }, fn = {
   key: 1,
   class: "flex gap-8 items-center"
 }, vn = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, gn = {
@@ -1540,8 +1525,8 @@ const un = /* @__PURE__ */ ct(cn, [["render", mn]]), dn = { class: "flex flex-co
 }, hn = { class: "fm-typo-en-body-md-600" }, bn = { class: "fm-typo-en-body-md-600" }, _n = { key: 4 }, xn = { class: "fm-typo-en-body-md-600" }, wn = { class: "fm-typo-en-body-md-600" }, kn = { class: "flex sm:flex-col xs:flex-col justify-end gap-8 w-full mb-16" }, Tn = /* @__PURE__ */ O({
   __name: "ClosingTemplatePublish",
   emits: ["close"],
-  setup(r, { emit: s }) {
-    const o = D(!1), l = Z(), e = ee(), t = te(), { t: g } = B(), f = s;
+  setup(i, { emit: s }) {
+    const o = D(!1), l = Z(), e = ee(), t = te(), { t: f } = B(), g = s;
     async function p() {
       o.value = !0;
       try {
@@ -1549,7 +1534,7 @@ const un = /* @__PURE__ */ ct(cn, [["render", mn]]), dn = { class: "flex flex-co
           title: "Success",
           message: "You may refresh after a while to review publish status",
           type: "success"
-        }), m();
+        }), d();
       } catch (y) {
         l.open({
           title: "Something went wrong",
@@ -1560,83 +1545,83 @@ const un = /* @__PURE__ */ ct(cn, [["render", mn]]), dn = { class: "flex flex-co
         o.value = !1;
       }
     }
-    const i = E(() => t.recentPublish.recentJob), d = E(
-      () => t.templates.length && (!i.value || i.value.outlets.length === i.value.completed.length)
+    const r = A(() => t.recentPublish.recentJob), m = A(
+      () => t.templates.length && (!r.value || r.value.outlets.length === r.value.completed.length)
     );
-    function m() {
-      f("close");
+    function d() {
+      g("close");
     }
-    return (y, h) => {
+    return (y, b) => {
       const u = R("FmCircularProgress"), n = R("i18n-t"), a = R("FmButton");
-      return k(), I("div", dn, [
-        v(t).templates.length ? o.value ? (k(), I("div", fn, [
+      return T(), I("div", dn, [
+        v(t).templates.length ? o.value ? (T(), I("div", fn, [
           _("div", null, [
-            T(u, {
+            $(u, {
               size: "md",
               color: "neutral-gray-300"
             })
           ]),
           _("div", vn, [
-            _("span", null, C(v(g)("inventory.closing.template.publish.publishing")), 1)
+            _("span", null, C(v(f)("inventory.closing.template.publish.publishing")), 1)
           ])
-        ])) : i.value ? i.value.outlets.length === i.value.completed.length ? (k(), I("div", yn, [
-          T(n, {
+        ])) : r.value ? r.value.outlets.length === r.value.completed.length ? (T(), I("div", yn, [
+          $(n, {
             keypath: "inventory.closing.template.publish.recentlyPublishedAt",
             tag: "p"
           }, {
             started: P(() => [
-              _("span", hn, C(v(ne)(new Date(i.value.createdAt))), 1)
+              _("span", hn, C(v(ne)(new Date(r.value.createdAt))), 1)
             ]),
             finished: P(() => [
-              _("span", bn, C(v(ne)(new Date(i.value.updatedAt))), 1)
+              _("span", bn, C(v(ne)(new Date(r.value.updatedAt))), 1)
             ]),
             _: 1
           }),
-          _("p", null, C(v(g)("inventory.closing.template.publish.message")), 1)
-        ])) : (k(), I("div", _n, [
-          T(n, {
+          _("p", null, C(v(f)("inventory.closing.template.publish.message")), 1)
+        ])) : (T(), I("div", _n, [
+          $(n, {
             keypath: "inventory.closing.template.publish.stillPublishing",
             tag: "p"
           }, {
             started: P(() => [
-              _("span", xn, C(v(ne)(new Date(i.value.createdAt))), 1)
+              _("span", xn, C(v(ne)(new Date(r.value.createdAt))), 1)
             ]),
             progress: P(() => [
-              _("span", wn, " (" + C(i.value.completed.length) + "/" + C(i.value.outlets.length) + " completed) ", 1)
+              _("span", wn, " (" + C(r.value.completed.length) + "/" + C(r.value.outlets.length) + " completed) ", 1)
             ]),
             _: 1
           }),
-          Fe(" Your recent publishing task is still pending (" + C(i.value.completed.length) + " / " + C(i.value.outlets.length) + "). Please wait until all publishing task has completed. ", 1)
-        ])) : (k(), I("div", gn, [
-          _("p", null, C(v(g)("inventory.closing.template.publish.noRecentActivity")), 1),
-          _("p", null, C(v(g)("inventory.closing.template.publish.message")), 1)
-        ])) : (k(), I("div", pn, [
-          _("p", null, C(v(g)("inventory.closing.template.publish.nothingToPublish")), 1)
+          Fe(" Your recent publishing task is still pending (" + C(r.value.completed.length) + " / " + C(r.value.outlets.length) + "). Please wait until all publishing task has completed. ", 1)
+        ])) : (T(), I("div", gn, [
+          _("p", null, C(v(f)("inventory.closing.template.publish.noRecentActivity")), 1),
+          _("p", null, C(v(f)("inventory.closing.template.publish.message")), 1)
+        ])) : (T(), I("div", pn, [
+          _("p", null, C(v(f)("inventory.closing.template.publish.nothingToPublish")), 1)
         ])),
         _("div", kn, [
-          T(a, {
-            disabled: !d.value,
+          $(a, {
+            disabled: !m.value,
             loading: o.value,
             label: "Publish to all outlets",
             onClick: p
           }, null, 8, ["disabled", "loading"]),
-          T(a, {
+          $(a, {
             variant: "tertiary",
             label: "Close",
-            onClick: m
+            onClick: d
           })
         ])
       ]);
     };
   }
-}), $n = { class: "flex-1 flex flex-col gap-8" }, Cn = { class: "flex flex-col" }, In = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Sn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Dn = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Mn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Un = /* @__PURE__ */ O({
+}), $n = { class: "flex-1 flex flex-col gap-8" }, Cn = { class: "flex flex-col" }, In = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Sn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Dn = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Mn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Vn = /* @__PURE__ */ O({
   __name: "ClosingTemplateView",
-  setup(r) {
-    const { t: s } = B(), { createTemplate: o, updateTemplate: l, exportTemplates: e, importTemplates: t } = se(), { templateDialogProps: g, templateDetailsProps: f } = Le(se()), p = le(), i = ie(), d = te(), m = mt(), { breakpoints: y } = vt();
-    p.watchLocation(d.fetchTemplates);
-    const h = E(() => d.loading), u = D(""), n = E(() => y.value.xs || y.value.sm), a = E(() => n.value ? 10 : 20);
-    function x(w) {
-      switch (w) {
+  setup(i) {
+    const { t: s } = B(), { createTemplate: o, updateTemplate: l, exportTemplates: e, importTemplates: t } = se(), { templateDialogProps: f, templateDetailsProps: g } = Le(se()), p = le(), r = ie(), m = te(), d = ct(), { breakpoints: y } = ft();
+    p.watchLocation(m.fetchTemplates);
+    const b = A(() => m.loading), u = D(""), n = A(() => y.value.xs || y.value.sm), a = A(() => n.value ? 10 : 20);
+    function k(x) {
+      switch (x) {
         case N.Add:
           return o();
         case "publish":
@@ -1646,24 +1631,24 @@ const un = /* @__PURE__ */ ct(cn, [["render", mn]]), dn = { class: "flex flex-co
         case "export":
           return e();
         case "refresh":
-          return d.fetchTemplates();
+          return m.fetchTemplates();
       }
     }
     function c() {
-      i.open({
+      r.open({
         title: "Publish closing templates",
         contentComponent: Tn,
         contentComponentProps: {
           onClose() {
-            i.close();
+            r.close();
           }
         }
       });
     }
-    function $(w) {
-      return w;
+    function w(x) {
+      return x;
     }
-    const b = E(() => n.value ? [
+    const h = A(() => n.value ? [
       {
         label: s("inventory.closing.template.create.title"),
         value: N.Add,
@@ -1718,13 +1703,13 @@ const un = /* @__PURE__ */ ct(cn, [["render", mn]]), dn = { class: "flex flex-co
         isPrimary: !1
       }
     ]);
-    return (w, A) => {
+    return (x, E) => {
       const M = R("FmTable");
-      return k(), I(H, null, [
-        T(ut, {
+      return T(), I(H, null, [
+        $(mt, {
           title: v(s)("inventory.closing.template.title"),
-          actions: b.value,
-          "onClick:action": x
+          actions: h.value,
+          "onClick:action": k
         }, {
           default: P(() => [
             _("div", {
@@ -1736,22 +1721,22 @@ const un = /* @__PURE__ */ ct(cn, [["render", mn]]), dn = { class: "flex flex-co
                 }
               ])
             }, [
-              T(dt, {
+              $(ut, {
                 searchable: "",
                 search: u.value,
-                "onUpdate:search": A[0] || (A[0] = (S) => u.value = S)
+                "onUpdate:search": E[0] || (E[0] = (S) => u.value = S)
               }, null, 8, ["search"]),
-              T(M, {
-                style: Ye(v(m).tableHeight),
-                "column-defs": v(d).columnDefs,
-                "row-data": v(d).templates,
+              $(M, {
+                style: Ye(v(d).tableHeight),
+                "column-defs": v(m).columnDefs,
+                "row-data": v(m).templates,
                 "search-value": u.value,
-                loading: h.value,
-                onRowClick: A[1] || (A[1] = (S) => v(l)(S.original)),
+                loading: b.value,
+                onRowClick: E[1] || (E[1] = (S) => v(l)(S.original)),
                 "page-size": a.value
               }, {
                 "list-row": P((S) => [
-                  T(Ne, {
+                  $(Ne, {
                     row: S,
                     onRowClick: (U) => v(l)(U)
                   }, {
@@ -1761,13 +1746,13 @@ const un = /* @__PURE__ */ ct(cn, [["render", mn]]), dn = { class: "flex flex-co
                         _("div", $n, [
                           _("div", Cn, [
                             _("div", In, [
-                              T(v(j), {
+                              $(v(j), {
                                 render: (de = (ue = (me = U._id) == null ? void 0 : me.column) == null ? void 0 : ue.columnDef) == null ? void 0 : de.cell,
                                 props: (pe = (W = U._id) == null ? void 0 : W.getContext) == null ? void 0 : pe.call(W)
                               }, null, 8, ["render", "props"])
                             ]),
                             _("div", Sn, [
-                              T(v(j), {
+                              $(v(j), {
                                 render: (ge = (ve = (fe = U.name) == null ? void 0 : fe.column) == null ? void 0 : ve.columnDef) == null ? void 0 : ge.cell,
                                 props: (ye = (q = U.name) == null ? void 0 : q.getContext) == null ? void 0 : ye.call(q)
                               }, null, 8, ["render", "props"])
@@ -1780,14 +1765,14 @@ const un = /* @__PURE__ */ ct(cn, [["render", mn]]), dn = { class: "flex flex-co
                               ...S.original.items.length >= 3 ? [`and ${S.original.items.length - 3} more items`] : []
                             ].join(", ")), 1),
                             _("div", Mn, [
-                              T(v(j), {
+                              $(v(j), {
                                 render: (we = (xe = (_e = U.ref) == null ? void 0 : _e.column) == null ? void 0 : xe.columnDef) == null ? void 0 : we.cell,
                                 props: (ke = (X = U.ref) == null ? void 0 : X.getContext) == null ? void 0 : ke.call(X)
                               }, null, 8, ["render", "props"])
                             ])
                           ]),
                           _("div", null, [
-                            T(v(j), {
+                            $(v(j), {
                               render: (Ce = ($e = (Te = U.status) == null ? void 0 : Te.column) == null ? void 0 : $e.columnDef) == null ? void 0 : Ce.cell,
                               props: (Ie = (Q = U.status) == null ? void 0 : Q.getContext) == null ? void 0 : Ie.call(Q)
                             }, null, 8, ["render", "props"])
@@ -1804,10 +1789,10 @@ const un = /* @__PURE__ */ ct(cn, [["render", mn]]), dn = { class: "flex flex-co
           ]),
           _: 1
         }, 8, ["title", "actions"]),
-        (k(), V(Ge, { to: "body" }, [
-          T(un, Ke(Je(v(f))), null, 16),
-          T(rn, We(v(g), {
-            onSubmitted: A[2] || (A[2] = (S) => v(d).fetchTemplates())
+        (T(), V(Ge, { to: "body" }, [
+          $(un, Ke(Je(v(g))), null, 16),
+          $(rn, We(v(f), {
+            onSubmitted: E[2] || (E[2] = (S) => v(m).fetchTemplates())
           }), null, 16)
         ]))
       ], 64);
@@ -1815,5 +1800,5 @@ const un = /* @__PURE__ */ ct(cn, [["render", mn]]), dn = { class: "flex flex-co
   }
 });
 export {
-  Un as default
+  Vn as default
 };