@feedmepos/mf-inventory-portal 1.1.2-dev.2 → 1.1.3-dev.1

package/dist/{ClosingTemplateView-3RWSh9GP.js → ClosingTemplateView-9UUUma7y.js}

@@ -1,9 +1,9 @@
-import { ref as M, h as P, defineComponent as j, resolveComponent as R, openBlock as T, createElementBlock as I, createElementVNode as x, normalizeClass as Y, createTextVNode as Fe, toDisplayString as C, unref as h, createCommentVNode as G, createVNode as $, withCtx as A, Fragment as H, renderList as J, computed as E, watch as Pe, createSlots as Re, createBlock as N, isRef as Oe, normalizeStyle as Ye, Teleport as Ke, normalizeProps as Ge, guardReactiveProps as Je, mergeProps as We } from "vue";
-import { a3 as qe, u as re, af as Qe, D as oe, i as V, h as Xe, f as Ae, ag as le, s as Ze, ah as Ee, v as Ue, a as ie, b as et, w as tt, x as Ve, y as nt, z as ot, ai as st, e as z, G as O, K as lt, aj as at, m as rt, E as Ne, A as it, ak as ct, al as se, B as mt, _ as ut, C as dt } from "./app-F90HTHJ6.js";
-import { useCoreStore as ce, useI18n as B } from "@feedmepos/mf-common";
-import { useDialogChild as pt, useSnackbar as ee, useDialog as me, FmButtonVariant as Z, components as L, useProxiedModel as ft, useBreakpoints as vt } from "@feedmepos/ui-library";
+import { ref as F, h as M, defineComponent as L, resolveComponent as R, openBlock as T, createElementBlock as I, createElementVNode as w, normalizeClass as Y, createTextVNode as Fe, toDisplayString as C, unref as h, createCommentVNode as G, createVNode as $, withCtx as A, Fragment as j, renderList as J, computed as E, watch as Pe, createSlots as Re, createBlock as N, isRef as Oe, normalizeStyle as Ye, Teleport as Ke, normalizeProps as Ge, guardReactiveProps as Je, mergeProps as We } from "vue";
+import { a3 as qe, u as re, af as Qe, D as oe, i as V, h as Xe, f as Ae, ag as le, s as Ze, ah as Ee, v as Ue, a as ie, b as et, w as tt, x as Ve, y as nt, z as ot, ai as st, e as H, G as O, K as lt, aj as at, m as rt, E as Ne, A as it, ak as ct, al as se, B as mt, _ as ut, C as dt } from "./app-BQG51ddI.js";
+import { useCoreStore as ce, useI18n as z } from "@feedmepos/mf-common";
+import { useDialogChild as pt, useSnackbar as ee, useDialog as me, FmButtonVariant as Z, components as B, useProxiedModel as ft, useBreakpoints as vt } from "@feedmepos/ui-library";
 import { defineStore as Be, storeToRefs as Le } from "pinia";
-import { u as gt } from "./use-ingredient-select-dialog-Cp9Z0ZMi.js";
+import { u as gt } from "./use-ingredient-select-dialog-DV9ryvA0.js";
 const te = qe((r, o) => {
   function n() {
     var e;
@@ -46,29 +46,29 @@ const te = qe((r, o) => {
 }), ne = Be(
   "closingTemplateTable",
   function() {
-    const { t: o } = B(), n = ae(), l = M({}), t = M(new Array()), e = M(!1), b = re(), u = te();
-    async function v() {
+    const { t: o } = z(), n = ae(), l = F({}), t = F(new Array()), e = F(!1), b = re(), m = te();
+    async function f() {
       if (t.value = [], !!b._currentLocation) {
         e.value = !0;
         try {
-          const [g, _] = await Promise.all([
-            u.readTemplates(),
-            u.getRecentPublishingJob()
+          const [v, _] = await Promise.all([
+            m.readTemplates(),
+            m.getRecentPublishingJob()
           ]).delayed(1e3);
-          t.value = g, l.value = _;
-        } catch (g) {
-          console.log("Something went wrong when fetching templates:", g);
+          t.value = v, l.value = _;
+        } catch (v) {
+          console.log("Something went wrong when fetching templates:", v);
         } finally {
           e.value = !1;
         }
       }
     }
-    async function a(g) {
+    async function a(v) {
       if (!t.value.find((_) => _._id) && b._currentLocation) {
         e.value = !0;
         try {
           const [_] = await Promise.all([
-            u.getTemplate(g),
+            m.getTemplate(v),
             new Promise((c) => setTimeout(c, 1e3))
           ]);
           t.value = [_];
@@ -79,16 +79,16 @@ const te = qe((r, o) => {
         }
       }
     }
-    function d(g, _) {
-      switch (_ = Ae(_), g) {
+    function u(v, _) {
+      switch (_ = Ae(_), v) {
         case V.Details:
           return n.viewTemplate(_);
         case V.Edit:
           return n.updateTemplate(_);
         case V.Delete:
-          return n.deleteTemplate(_, e, v);
+          return n.deleteTemplate(_, e, f);
         case V.Duplicate:
-          return n.duplicateTemplate(_, e, v);
+          return n.duplicateTemplate(_, e, f);
       }
     }
     return {
@@ -97,8 +97,8 @@ const te = qe((r, o) => {
           id: "_id",
           accessorKey: "_id",
           header: () => o("inventory.closing.table.createdAt"),
-          cell(g) {
-            return Qe(`${g.getValue()}`);
+          cell(v) {
+            return Qe(`${v.getValue()}`);
           },
           enableSorting: !0
         },
@@ -123,9 +123,9 @@ const te = qe((r, o) => {
           id: "enabledLocations",
           accessorKey: "locations.length",
           header: () => o("inventory.closing.table.enabledOutlets"),
-          cell(g) {
+          cell(v) {
             var c;
-            const _ = (c = g.row.original.locations) == null ? void 0 : c.length;
+            const _ = (c = v.row.original.locations) == null ? void 0 : c.length;
             return _ ? `${_}` : "All";
           },
           enableSorting: !1,
@@ -145,36 +145,36 @@ const te = qe((r, o) => {
           id: "status",
           header: () => o("inventory.closing.table.status"),
           enableSorting: !1,
-          cell(g) {
-            var y;
-            const _ = g.row.original, c = _._rev, i = (y = l.value.publishedRevs) == null ? void 0 : y[_._id], f = c === i;
-            return P(
+          cell(v) {
+            var g;
+            const _ = v.row.original, c = _._rev, i = (g = l.value.publishedRevs) == null ? void 0 : g[_._id], p = c === i;
+            return M(
               "div",
               {
                 class: "flex"
               },
-              P(
+              M(
                 "div",
                 {
                   class: [
                     "fm-status-badge",
-                    f ? "fm-status-badge-success-secondary" : "fm-status-badge-info-secondary"
+                    p ? "fm-status-badge-success-secondary" : "fm-status-badge-info-secondary"
                   ]
                 },
-                f ? "Published" : "Unpublished"
+                p ? "Published" : "Unpublished"
               )
             );
           }
         },
         {
           id: "action",
-          cell(g) {
-            const _ = g.row.original, c = [
+          cell(v) {
+            const _ = v.row.original, c = [
               oe[V.Edit],
               oe[V.Duplicate],
               oe[V.Delete]
             ];
-            return Xe(c, (i) => d(i, _));
+            return Xe(c, (i) => u(i, _));
           },
           enableSorting: !1,
           size: 40,
@@ -187,7 +187,7 @@ const te = qe((r, o) => {
       recentPublish: l,
       templates: t,
       loading: e,
-      fetchTemplates: v,
+      fetchTemplates: f,
       loadTemplate: a
     };
   }
@@ -229,36 +229,36 @@ function He() {
   ];
 }
 function yt(r) {
-  var u;
-  const n = ce().currentBusiness.value, t = (u = r.map((v) => {
+  var m;
+  const n = ce().currentBusiness.value, t = (m = r.map((f) => {
     var c;
-    const a = v.items.flatMap(ze), d = He(), p = [
-      ["Template ID", v._id],
-      ["Template name", v.name],
+    const a = f.items.flatMap(ze), u = He(), d = [
+      ["Template ID", f._id],
+      ["Template name", f.name],
       ["Business name", n == null ? void 0 : n.name],
       ["Business ID", n == null ? void 0 : n._id],
       ["Menu version", n == null ? void 0 : n.menuVersion],
       [
         "Locations",
-        ...(c = v.locations) != null && c.length ? v.locations.map((i) => `${i.name} (${i.dbName})`) : ["All"]
+        ...(c = f.locations) != null && c.length ? f.locations.map((i) => `${i.name} (${i.dbName})`) : ["All"]
       ],
-      ["Reference", v.ref ?? ""],
+      ["Reference", f.ref ?? ""],
       [],
-      d.map((i) => i.name),
-      ...a.map((i) => d.map((f) => i[f.id]))
-    ], g = d.map((i) => `system:${i.id}`), _ = le(p, g);
-    return { name: v.name, sheet: _ };
+      u.map((i) => i.name),
+      ...a.map((i) => u.map((p) => i[p.id]))
+    ], v = u.map((i) => `system:${i.id}`), _ = le(d, v);
+    return { name: f.name, sheet: _ };
   }).reduce(
-    (v, a) => {
-      var p;
-      const d = a.name.slice(0, 12);
-      return (p = v.sheetOccurence)[d] ?? (p[d] = 0), v.sheetOccurence[d] += 1, v.sheets[`${d} (${v.sheetOccurence[d]})`] = a.sheet, v;
+    (f, a) => {
+      var d;
+      const u = a.name.slice(0, 12);
+      return (d = f.sheetOccurence)[u] ?? (d[u] = 0), f.sheetOccurence[u] += 1, f.sheets[`${u} (${f.sheetOccurence[u]})`] = a.sheet, f;
     },
     {
       sheets: {},
       sheetOccurence: {}
     }
-  )) == null ? void 0 : u.sheets, e = `${n == null ? void 0 : n.name} closing templates (${Ze(/* @__PURE__ */ new Date())}).xlsx`, b = Ee(t);
+  )) == null ? void 0 : m.sheets, e = `${n == null ? void 0 : n.name} closing templates (${Ze(/* @__PURE__ */ new Date())}).xlsx`, b = Ee(t);
   return Ue(b, e), e;
 }
 function ht() {
@@ -290,17 +290,17 @@ function ht() {
     [],
     e.map((c) => c.name),
     e.map((c) => l[c.id])
-  ], u = e.map((c) => `system:${c.id}`), v = le(b, u), a = n.isEnabled ? n.state.setting.childItems ?? [] : [], d = a.reduce(
+  ], m = e.map((c) => `system:${c.id}`), f = le(b, m), a = n.isEnabled ? n.state.setting.childItems ?? [] : [], u = a.reduce(
     (c, i) => {
-      var m, w;
-      const f = (m = n.netSuiteItemIdToSkuId.get(i.parentNetSuiteId)) == null ? void 0 : m[0], y = (w = n.netSuiteMeasurementIdToMeasurementId.get(
+      var y, x;
+      const p = (y = n.netSuiteItemIdToSkuId.get(i.parentNetSuiteId)) == null ? void 0 : y[0], g = (x = n.netSuiteMeasurementIdToMeasurementId.get(
         i.unitOfMeasureId
-      )) == null ? void 0 : w[0];
+      )) == null ? void 0 : x[0];
       if (!i.externalId)
         return c;
-      if (!f)
+      if (!p)
         return console.error(`Item ${i.externalId} cannot be mapped to parent FdoInventorySku.`, i), c;
-      const s = o.skuById[f], k = s.unit.measurements.find((S) => S.id === y);
+      const s = o.skuById[p], k = s.unit.measurements.find((S) => S.id === g);
       return k ? (c[i.externalId] = {
         sku: s,
         measurement: k
@@ -310,22 +310,22 @@ function ht() {
       ), c);
     },
     {}
-  ), p = le(
+  ), d = le(
     [
       ...o.skus.flatMap((c) => [
         [c.code, c.name, c.unit.abbrev, !0],
-        ...c.unit.measurements.map((f) => [
+        ...c.unit.measurements.map((p) => [
           "",
           "",
-          f.abbrev,
-          !f.abbrev.toLocaleLowerCase("en-us").includes("inactive")
+          p.abbrev,
+          !p.abbrev.toLocaleLowerCase("en-us").includes("inactive")
         ])
       ]),
-      ...Object.entries(d).map(([c, { sku: i, measurement: f }]) => [
+      ...Object.entries(u).map(([c, { sku: i, measurement: p }]) => [
         i.code,
         i.name,
-        f.abbrev,
-        !f.abbrev.toLocaleLowerCase("en-us").includes("inactive"),
+        p.abbrev,
+        !p.abbrev.toLocaleLowerCase("en-us").includes("inactive"),
         c
       ])
     ],
@@ -336,29 +336,29 @@ function ht() {
       "Enabled (true/false)",
       ...a.length ? ["Netsuite Parent"] : []
     ]
-  ), g = Ee({
-    Template: v,
-    Ingredients: p
+  ), v = Ee({
+    Template: f,
+    Ingredients: d
   }), _ = `${t == null ? void 0 : t.name} transfer templates import.xlsx`;
-  return Ue(g, _), _;
+  return Ue(v, _), _;
 }
 function bt(r) {
   if (!r.length || `${r[0]}`.toLocaleLowerCase() === "all")
     return [];
   const o = /(.*) \(((warehouse_|restaurant_).{24,})\)/, l = re().locationByDbName;
   return r.map((t) => {
-    const e = new Array(), b = t.trim(), u = o.exec(b);
-    if (!u)
+    const e = new Array(), b = t.trim(), m = o.exec(b);
+    if (!m)
       return e.push(`Enabled location value of ${b} cannot be read.`), {
         errors: e
       };
-    const v = u[1], a = u[2], d = l[a];
-    return d ? (v !== d.name && e.push(
-      `Location id ${a} has non-matching name. Found ${v} but expected ${d.name}`
+    const f = m[1], a = m[2], u = l[a];
+    return u ? (f !== u.name && e.push(
+      `Location id ${a} has non-matching name. Found ${f} but expected ${u.name}`
     ), {
       errors: e,
-      location: d
-    }) : (e.push(`Location (${v}) of id ${a} is not found.`), {
+      location: u
+    }) : (e.push(`Location (${f}) of id ${a} is not found.`), {
       errors: e
     });
   });
@@ -371,14 +371,14 @@ function _t(r) {
     t,
     e,
     b,
-    u,
-    v
+    m,
+    f
   ] = Ve(r);
   return {
     id: `${n[1] ?? ""}`.trim(),
     name: `${l[1] ?? ""}`.trim(),
-    locations: u.slice(1).map((a) => `${a}`.trim()).filter((a) => a),
-    reference: `${v[1] ?? ""}`.trim()
+    locations: m.slice(1).map((a) => `${a}`.trim()).filter((a) => a),
+    reference: `${f[1] ?? ""}`.trim()
   };
 }
 function xt(r) {
@@ -389,27 +389,27 @@ function xt(r) {
     t,
     e,
     b,
-    u,
-    v,
+    m,
+    f,
     a,
-    d,
-    ...p
+    u,
+    ...d
   ] = Ve(r);
-  if (!o || !o.length || o.some((f) => f.length && !f.startsWith("system:")))
+  if (!o || !o.length || o.some((p) => p.length && !p.startsWith("system:")))
     throw new Error("Missing meta header. Excel file does not come from the template.");
-  const g = o.map((f) => f.split(":")[1]), c = ["code", "name", "unit", "enabled"].filter((f) => !g.includes(f));
+  const v = o.map((p) => p.split(":")[1]), c = ["code", "name", "unit", "enabled"].filter((p) => !v.includes(p));
   if (c.length)
     throw new Error(
       `Missing meta headers (${c.join()}). Excel file does not come from the template.`
     );
-  return p.map((f, y) => {
+  return d.map((p, g) => {
     const s = {};
-    for (const k in g) {
-      const m = g[k];
-      Object.assign(s, { [m]: f[k] });
+    for (const k in v) {
+      const y = v[k];
+      Object.assign(s, { [y]: p[k] });
     }
     return {
-      index: y,
+      index: g,
       data: s
     };
   });
@@ -430,21 +430,21 @@ function kt(r) {
     return n.push(`Cannot find ingredient of code ${o.code} ${o.name}`), { errors: n };
   const e = {
     sku: t
-  }, b = /* @__PURE__ */ new Set([t.unit._id, ...t.unit.measurements.map((v) => v.id)]), u = t.unit.measurements.find((v) => v.abbrev === o.unit);
-  o.unit !== t.unit.abbrev && !u ? n.push(
+  }, b = /* @__PURE__ */ new Set([t.unit._id, ...t.unit.measurements.map((f) => f.id)]), m = t.unit.measurements.find((f) => f.abbrev === o.unit);
+  o.unit !== t.unit.abbrev && !m ? n.push(
     `Cannot find measurement unit of ${o.unit} for (${o.code}) ${o.name}.`
   ) : (o.enabled === !0 || `${o.enabled}`.toLocaleLowerCase() === "true") && b.delete(t.unit._id);
-  for (const v of r.children) {
-    const a = v.data, d = a.unit === t.unit.abbrev ? t.unit : void 0, p = t.unit.measurements.find((g) => g.abbrev === a.unit);
-    if (!p && !d) {
+  for (const f of r.children) {
+    const a = f.data, u = a.unit === t.unit.abbrev ? t.unit : void 0, d = t.unit.measurements.find((v) => v.abbrev === a.unit);
+    if (!d && !u) {
       n.push(
         `Cannot find measurement unit of ${a.unit} for (${o.code}) ${o.name}.`
       );
       continue;
     }
-    (a.enabled === !0 || `${a.enabled}`.toLocaleLowerCase() === "true") && b.delete((p == null ? void 0 : p.id) ?? (d == null ? void 0 : d._id) ?? "");
+    (a.enabled === !0 || `${a.enabled}`.toLocaleLowerCase() === "true") && b.delete((d == null ? void 0 : d.id) ?? (u == null ? void 0 : u._id) ?? "");
   }
-  return b.has(t.unit._id) && e.sku.unit.measurements.every((v) => b.has(v.id)) && n.push(`Ingredient ${t.code} - ${t.name} must have at least one unit enabled.`), e.disabledMeasurements = [...b], { errors: n, templateItem: e };
+  return b.has(t.unit._id) && e.sku.unit.measurements.every((f) => b.has(f.id)) && n.push(`Ingredient ${t.code} - ${t.name} must have at least one unit enabled.`), e.disabledMeasurements = [...b], { errors: n, templateItem: e };
 }
 function Tt(r) {
   const o = r.SheetNames.filter(
@@ -453,32 +453,32 @@ function Tt(r) {
   try {
     return o.reduce(
       (e, b) => {
-        const u = new Array(), v = r.Sheets[b], a = _t(v), d = bt(a.locations), p = d.filter((s) => s.location).map((s) => s.location);
-        u.push(...d.flatMap((s) => s.errors));
-        const g = xt(v).filter(
+        const m = new Array(), f = r.Sheets[b], a = _t(f), u = bt(a.locations), d = u.filter((s) => s.location).map((s) => s.location);
+        m.push(...u.flatMap((s) => s.errors));
+        const v = xt(f).filter(
           (s) => s.data.code || s.data.unit
-        ), _ = wt(g);
-        u.push(..._.errors);
+        ), _ = wt(v);
+        m.push(..._.errors);
         const c = _.result.map(
           (s) => kt(s)
         );
-        u.push(...c.flatMap((s) => s.errors));
+        m.push(...c.flatMap((s) => s.errors));
         const i = c.filter((s) => s.templateItem).map((s) => s.templateItem);
         if (a.id) {
           const s = t[a.id];
           if (!s) {
-            const m = {
+            const y = {
               _id: a.id,
               _rev: "",
               name: a.name || `(unnamed from sheet ${b || "<unnamed sheet>"})`,
               items: []
             };
-            return u.push(`Template ID ${a.id} is not found.`), e.importUpdateResult.push({
+            return m.push(`Template ID ${a.id} is not found.`), e.importUpdateResult.push({
               type: "update",
-              original: m,
-              template: m,
+              original: y,
+              template: y,
               excelSheetName: b,
-              errors: u
+              errors: m
             }), e;
           }
           const k = {
@@ -487,27 +487,27 @@ function Tt(r) {
             template: {
               ...s,
               name: a.name,
-              locations: p.length ? p : null,
+              locations: d.length ? d : null,
               ref: a.reference,
               items: i
             },
             excelSheetName: b,
-            errors: u
+            errors: m
           };
           return e.importUpdateResult.push(k), e;
         }
-        const y = {
+        const g = {
           type: "create",
           template: {
             name: a.name,
-            locations: p.length ? p : null,
+            locations: d.length ? d : null,
             ref: a.reference,
             items: i
           },
           excelSheetName: b,
-          errors: u
+          errors: m
         };
-        return e.importCreateResult.push(y), e;
+        return e.importCreateResult.push(g), e;
       },
       {
         invalidExcel: !1,
@@ -527,7 +527,7 @@ function Tt(r) {
 const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-col" }, It = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex items-center gap-4" }, St = {
   key: 0,
   class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400"
-}, Dt = { key: 0 }, Me = /* @__PURE__ */ j({
+}, Dt = { key: 0 }, Me = /* @__PURE__ */ L({
   __name: "ClosingTemplateImportItem",
   props: {
     type: {},
@@ -537,15 +537,15 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
     errors: {}
   },
   setup(r) {
-    const { t: o } = B();
+    const { t: o } = z();
     return (n, l) => {
-      var b, u, v;
+      var b, m, f;
       const t = R("FmIcon"), e = R("FmTooltip");
       return T(), I("div", $t, [
-        l[0] || (l[0] = x("div", null, "•", -1)),
-        x("div", Ct, [
-          x("div", It, [
-            x("div", {
+        l[0] || (l[0] = w("div", null, "•", -1)),
+        w("div", Ct, [
+          w("div", It, [
+            w("div", {
               class: Y({
                 "text-fm-color-system-error-300": n.errors.length
               })
@@ -556,8 +556,8 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
             n.errors.length ? (T(), I("div", Dt, [
               $(e, { "z-index": 50 }, {
                 content: A(() => [
-                  x("ol", null, [
-                    (T(!0), I(H, null, J(n.errors, (a, d) => (T(), I("li", { key: d }, C(a), 1))), 128))
+                  w("ol", null, [
+                    (T(!0), I(j, null, J(n.errors, (a, u) => (T(), I("li", { key: u }, C(a), 1))), 128))
                   ])
                 ]),
                 default: A(() => [
@@ -571,7 +571,7 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
               })
             ])) : G("", !0)
           ]),
-          x("div", {
+          w("div", {
             class: Y([
               "fm-typo-en-body-sm-400",
               {
@@ -579,7 +579,7 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
                 "text-fm-color-typo-secondary": !n.errors.length
               }
             ])
-          }, C((b = n.locations) != null && b.length ? h(o)("inventory.closing.template.import.nLocations", { count: (u = n.locations) == null ? void 0 : u.length }) : h(o)("inventory.closing.template.import.allLocations")) + ", " + C(h(o)("inventory.closing.template.import.nItems", { count: (v = n.items) == null ? void 0 : v.length })), 3)
+          }, C((b = n.locations) != null && b.length ? h(o)("inventory.closing.template.import.nLocations", { count: (m = n.locations) == null ? void 0 : m.length }) : h(o)("inventory.closing.template.import.allLocations")) + ", " + C(h(o)("inventory.closing.template.import.nItems", { count: (f = n.items) == null ? void 0 : f.length })), 3)
         ])
       ]);
     };
@@ -596,16 +596,16 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
 }, Nt = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, Bt = {
   key: 0,
   class: "max-h-[200px] overflow-y-auto flex flex-col gap-8"
-}, Lt = { class: "fm-typo-en-body-lg-600" }, zt = /* @__PURE__ */ j({
+}, Lt = { class: "fm-typo-en-body-lg-600" }, zt = /* @__PURE__ */ L({
   __name: "ClosingTemplateImport",
   setup(r) {
-    const o = M(null), n = pt(), l = ee(), t = M(!1), e = M(!1), b = M(new Array()), u = M([]), v = M([]), a = E(
-      () => !!b.value.length || u.value.some((_) => _.errors.length) || v.value.some((_) => _.errors.length)
-    ), d = E(
-      () => !!u.value.length || !!v.value.length
-    ), { t: p } = B();
-    async function g(_) {
-      b.value = [], u.value = [], v.value = [];
+    const o = F(null), n = pt(), l = ee(), t = F(!1), e = F(!1), b = F(new Array()), m = F([]), f = F([]), a = E(
+      () => !!b.value.length || m.value.some((_) => _.errors.length) || f.value.some((_) => _.errors.length)
+    ), u = E(
+      () => !!m.value.length || !!f.value.length
+    ), { t: d } = z();
+    async function v(_) {
+      b.value = [], m.value = [], f.value = [];
       try {
         t.value = !0;
         const [c] = await Promise.all([
@@ -616,49 +616,49 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
         if (!c.SheetNames.filter(
           (s) => !Object.values(ue).map(String).includes(s)
         ).find((s) => s)) {
-          b.value.push(p("inventory.ingredient.import.fileError.noSheet"));
+          b.value.push(d("inventory.ingredient.import.fileError.noSheet"));
           return;
         }
-        const y = Tt(c);
-        if (y.invalidExcel) {
+        const g = Tt(c);
+        if (g.invalidExcel) {
           b.value.push(
-            y.invalidExcelMessage ?? p("inventory.ingredient.import.fileError.invalidExcel")
+            g.invalidExcelMessage ?? d("inventory.ingredient.import.fileError.invalidExcel")
           );
           return;
         }
-        if (u.value = y.importCreateResult, v.value = y.importUpdateResult, !u.value.length && !v.value.length) {
-          b.value.push(p("inventory.ingredient.import.fileError.noData"));
+        if (m.value = g.importCreateResult, f.value = g.importUpdateResult, !m.value.length && !f.value.length) {
+          b.value.push(d("inventory.ingredient.import.fileError.noData"));
           return;
         }
-        n.emitData(y);
+        n.emitData(g);
       } catch (c) {
         l.open({
-          title: p("inventory.ingredient.import.fileError.unableToRead"),
+          title: d("inventory.ingredient.import.fileError.unableToRead"),
           message: c == null ? void 0 : c.message,
           type: "error"
         }), console.error("Error in reading file", c);
       } finally {
         b.value.length && l.open({
-          title: p("inventory.ingredient.import.fileError.invalidExcel"),
+          title: d("inventory.ingredient.import.fileError.invalidExcel"),
           type: "error"
         }), t.value = !1;
       }
     }
     return Pe(o, (_) => {
-      _ && g(_);
+      _ && v(_);
     }), (_, c) => {
-      const i = R("FmCircularProgress"), f = R("FmIcon"), y = R("FmButton");
+      const i = R("FmCircularProgress"), p = R("FmIcon"), g = R("FmButton");
       return T(), I("div", Mt, [
-        x("div", Ft, C(h(p)("inventory.closing.template.import.message")), 1),
+        w("div", Ft, C(h(d)("inventory.closing.template.import.message")), 1),
         e.value ? (T(), I("div", Pt, [
-          x("div", null, [
+          w("div", null, [
             $(i, {
               size: "md",
               color: "neutral-gray-200"
             })
           ]),
-          x("div", Rt, C(h(p)("inventory.formField.loading")), 1)
-        ])) : (T(), I(H, { key: 1 }, [
+          w("div", Rt, C(h(d)("inventory.formField.loading")), 1)
+        ])) : (T(), I(j, { key: 1 }, [
           $(nt, {
             class: Y({
               "w-full": !0,
@@ -666,14 +666,14 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
             }),
             accept: ".xlsx",
             onFileUpload: c[0] || (c[0] = (s) => o.value = s),
-            label: h(p)("inventory.ingredient.import.uploadTemplate"),
-            "button-label": h(p)("inventory.ingredient.import.selectFile")
+            label: h(d)("inventory.ingredient.import.uploadTemplate"),
+            "button-label": h(d)("inventory.ingredient.import.selectFile")
           }, Re({ _: 2 }, [
             o.value ? {
               name: "default",
               fn: A(({ openFileDialog: s }) => [
-                x("div", At, [
-                  x("div", {
+                w("div", At, [
+                  w("div", {
                     class: Y([
                       "fm-corner-radius-md p-16 flex items-center gap-16",
                       {
@@ -687,13 +687,13 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
                       key: 0,
                       size: "md",
                       color: "neutral-gray-200"
-                    })) : (T(), N(f, {
+                    })) : (T(), N(p, {
                       key: 1,
                       name: a.value ? "error" : "attach_file",
                       outline: "",
                       color: a.value ? "system-error-300" : void 0
                     }, null, 8, ["name", "color"])),
-                    x("div", {
+                    w("div", {
                       class: Y([
                         "fm-typo-en-body-md-400 flex-1 h-[36px] flex items-center",
                         {
@@ -702,11 +702,11 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
                         }
                       ])
                     }, [
-                      x("div", Et, C(o.value.name), 1)
+                      w("div", Et, C(o.value.name), 1)
                     ], 2),
                     t.value ? G("", !0) : (T(), I("div", Ut, [
-                      $(y, {
-                        label: h(p)("inventory.ingredient.import.replaceFile"),
+                      $(g, {
+                        label: h(d)("inventory.ingredient.import.replaceFile"),
                         variant: a.value ? "destructive" : "secondary",
                         "prepend-icon": a.value ? void 0 : "autorenew",
                         onClick: s
@@ -714,16 +714,16 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
                     ]))
                   ], 2),
                   b.value.length ? (T(), I("div", Vt, [
-                    (T(!0), I(H, null, J(b.value, (k, m) => (T(), I("div", {
-                      key: m,
+                    (T(!0), I(j, null, J(b.value, (k, y) => (T(), I("div", {
+                      key: y,
                       class: "flex gap-8 items-center"
                     }, [
-                      $(f, {
+                      $(p, {
                         name: "error",
                         size: "sm",
                         color: "system-error-300"
                       }),
-                      x("div", Nt, C(k), 1)
+                      w("div", Nt, C(k), 1)
                     ]))), 128))
                   ])) : G("", !0)
                 ])
@@ -731,9 +731,9 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
               key: "0"
             } : void 0
           ]), 1032, ["class", "label", "button-label"]),
-          d.value ? (T(), I("div", Bt, [
-            x("div", Lt, C(h(p)("inventory.ingredient.import.summary")), 1),
-            (T(!0), I(H, null, J(u.value, (s, k) => (T(), N(Me, {
+          u.value ? (T(), I("div", Bt, [
+            w("div", Lt, C(h(d)("inventory.ingredient.import.summary")), 1),
+            (T(!0), I(j, null, J(m.value, (s, k) => (T(), N(Me, {
               key: k,
               name: s.template.name,
               locations: s.template.locations,
@@ -741,7 +741,7 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
               errors: s.errors,
               type: "create"
             }, null, 8, ["name", "locations", "items", "errors"]))), 128)),
-            (T(!0), I(H, null, J(v.value, (s) => (T(), N(Me, {
+            (T(!0), I(j, null, J(f.value, (s) => (T(), N(Me, {
               key: s.template._id,
               name: s.template.name,
               locations: s.template.locations,
@@ -755,29 +755,29 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
     };
   }
 }), ae = Be("closingTemplateActions", () => {
-  const { t: r } = B(), o = me(), n = ee(), l = te(), t = st(), e = ne(), { loading: b } = Le(e), u = M({});
-  function v() {
-    u.value = {
-      mode: z.CREATE,
+  const { t: r } = z(), o = me(), n = ee(), l = te(), t = st(), e = ne(), { loading: b } = Le(e), m = F({});
+  function f() {
+    m.value = {
+      mode: H.CREATE,
       show: !0,
-      "onUpdate:show"(y) {
-        u.value.show = y;
+      "onUpdate:show"(g) {
+        m.value.show = g;
       }
     };
   }
-  function a(y) {
-    u.value = {
-      mode: z.UPDATE,
-      modelValue: y,
+  function a(g) {
+    m.value = {
+      mode: H.UPDATE,
+      modelValue: g,
       show: !0,
       "onUpdate:show"(s) {
-        u.value.show = s;
+        m.value.show = s;
       }
     };
   }
-  function d(y, s, k) {
+  function u(g, s, k) {
     o.open({
-      title: `Confirm deleting template ${y.name}?`,
+      title: `Confirm deleting template ${g.name}?`,
       message: "Deleted template can no longer be retrieved",
       primaryActions: {
         text: "Delete",
@@ -791,34 +791,35 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
       }
     }).onPrimary(async () => {
       n.open({
-        title: `Deleting ${y.name}`,
+        title: `Deleting ${g.name}`,
         type: "info"
       });
       try {
         s.value = !0;
-        const [m] = await Promise.allSettled([
-          l.deleteTemplate(y),
-          new Promise((w) => setTimeout(w, 1e3))
+        const [y] = await Promise.allSettled([
+          l.deleteTemplate(g),
+          new Promise((x) => setTimeout(x, 1e3))
         ]);
-        if (m.status === "rejected") throw m.reason;
+        if (y.status === "rejected") throw y.reason;
         n.open({
-          title: `Deleted ${y.name}`,
+          title: `Deleted ${g.name}`,
           type: "success"
         });
-      } catch (m) {
+      } catch (y) {
         n.open({
-          title: `Unable to delete ${y.name}`,
-          message: `See error from server: ${m}`,
+          title: `Unable to delete ${g.name}`,
+          message: `See error from server: ${y}`,
           type: "error"
-        }), console.error("error on deleting closing template", m);
+        }), console.error("error on deleting closing template", y);
       } finally {
         s.value = !1, k();
       }
     });
   }
-  function p(y, s, k) {
+  function d(g, s, k) {
+    let y;
     o.open({
-      title: `Confirm duplicating template "${y.name}"?`,
+      title: `Confirm duplicating template "${g.name}"?`,
       message: "Duplicated template can be edited after creation",
       primaryActions: {
         text: "Duplicate",
@@ -829,44 +830,57 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
         text: "Cancel",
         variant: Z.Plain,
         close: !0
-      }
+      },
+      contentComponent: L({
+        props: ["modelValue"],
+        emits: ["update:modelValue"],
+        setup(x) {
+          return () => M(B.FmTextField, {
+            modelValue: x.modelValue,
+            "onUpdate:modelValue": (S) => y = S,
+            label: "New Template Name",
+            size: "md",
+            variant: "primary"
+          });
+        }
+      })
     }).onPrimary(async () => {
       n.open({
-        title: `Duplicating "${y.name}"`,
+        title: `Duplicating "${g.name}"`,
         type: "info"
       });
       try {
         s.value = !0;
-        const [m] = await Promise.allSettled([
-          t.duplicateClosingTemplate(y._id),
-          new Promise((w) => setTimeout(w, 1e3))
+        const [x] = await Promise.allSettled([
+          t.duplicateClosingTemplate(g._id, y),
+          new Promise((S) => setTimeout(S, 1e3))
         ]);
-        if (m.status === "rejected") throw m.reason;
+        if (x.status === "rejected") throw x.reason;
         n.open({
-          title: `Duplicated "${y.name}"`,
+          title: `Duplicated "${g.name}"`,
           type: "success"
         });
-      } catch (m) {
+      } catch (x) {
         n.open({
-          title: `Unable to duplicate "${y.name}"`,
-          message: `See error from server: ${m}`,
+          title: `Unable to duplicate "${g.name}"`,
+          message: `See error from server: ${x}`,
           type: "error"
-        }), console.error("error on duplicating closing template", m);
+        }), console.error("error on duplicating closing template", x);
       } finally {
         s.value = !1, k();
       }
     });
   }
-  const g = M({});
-  function _(y) {
-    g.value = {
-      template: y,
+  const v = F({});
+  function _(g) {
+    v.value = {
+      template: g,
       show: !0,
       "onUpdate:show"(s) {
-        g.value.show = s;
+        v.value.show = s;
       },
       "onAction:edit"() {
-        g.value.show = !1, a(Ae(y));
+        v.value.show = !1, a(Ae(g));
       }
     };
   }
@@ -878,10 +892,10 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
       });
       return;
     }
-    const y = yt(e.templates);
+    const g = yt(e.templates);
     n.open({
       title: r("inventory.ingredient.export.success"),
-      message: r("inventory.ingredient.export.filename", [y]),
+      message: r("inventory.ingredient.export.filename", [g]),
       type: "success"
     });
   }
@@ -904,15 +918,15 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
         close: !1,
         variant: "plain"
       }
-    }).onPrimary((y) => {
-      if (!y) {
+    }).onPrimary((g) => {
+      if (!g) {
         n.open({
           title: r("inventory.ingredient.import.error.noData"),
           type: "error"
         });
         return;
       }
-      if (!y.importCreateResult.length && !y.importUpdateResult.length) {
+      if (!g.importCreateResult.length && !g.importUpdateResult.length) {
         n.open({
           title: r("inventory.ingredient.import.error.invalidContent"),
           message: r("inventory.ingredient.import.error.noImportData"),
@@ -920,7 +934,7 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
         });
         return;
       }
-      if (y.importCreateResult.some((s) => s.errors.length) || y.importUpdateResult.some((s) => s.errors.length)) {
+      if (g.importCreateResult.some((s) => s.errors.length) || g.importUpdateResult.some((s) => s.errors.length)) {
         n.open({
           title: r("inventory.ingredient.import.error.invalidContent"),
           message: r("inventory.ingredient.import.error.hasErrors"),
@@ -928,31 +942,31 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
         });
         return;
       }
-      o.close(), f(y);
+      o.close(), p(g);
     }).onTertiary(ht);
   }
-  async function f(y) {
+  async function p(g) {
     b.value = !0;
     try {
       const s = [
-        ...y.importCreateResult.map(
+        ...g.importCreateResult.map(
           (S) => S.template
         ),
-        ...y.importUpdateResult.map(
+        ...g.importUpdateResult.map(
           (S) => S.template
         )
       ], k = 100;
-      let m = 0;
-      const w = () => {
-        m += k, n.open({
+      let y = 0;
+      const x = () => {
+        y += k, n.open({
           title: r("inventory.ingredient.import.progress", [
-            Math.min(m, s.length),
+            Math.min(y, s.length),
             s.length
           ])
         });
       };
       for (const S of s.chunk(100))
-        w(), await l.importTemplates(S);
+        x(), await l.importTemplates(S);
       n.open({
         title: r("inventory.ingredient.import.success"),
         type: "success"
@@ -962,21 +976,21 @@ const $t = { class: "flex items-center gap-12 pl-8" }, Ct = { class: "flex flex-
         title: r("inventory.ingredient.import.error.failed"),
         message: r("inventory.ingredient.import.error.systemMessage", [s == null ? void 0 : s.message]),
         type: "error"
-      }), console.error("Error in importing skus", y, s);
+      }), console.error("Error in importing skus", g, s);
     } finally {
       b.value = !1, e.fetchTemplates();
     }
   }
   return {
-    createTemplate: v,
+    createTemplate: f,
     viewTemplate: _,
     updateTemplate: a,
-    deleteTemplate: d,
-    duplicateTemplate: p,
+    deleteTemplate: u,
+    duplicateTemplate: d,
     exportTemplates: c,
     importTemplates: i,
-    templateDialogProps: u,
-    templateDetailsProps: g
+    templateDialogProps: m,
+    templateDetailsProps: v
   };
 });
 var K = /* @__PURE__ */ ((r) => (r.Name = "Name", r.Unit = "Unit", r.Delete = "Delete", r))(K || {});
@@ -994,19 +1008,19 @@ function Ht(r) {
           accessorFn: (t) => `${t.sku.name} ${t.sku.code}`,
           cell(t) {
             const e = t.row.original;
-            return P(
+            return M(
               "div",
               {
                 class: "flex flex-col",
                 style: { minWidth: "400px" }
               },
               [
-                P(
+                M(
                   "span",
                   { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary line-clamp-1" },
                   e.sku.name
                 ),
-                P(
+                M(
                   "span",
                   { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary line-clamp-1" },
                   e.sku.code
@@ -1022,58 +1036,58 @@ function Ht(r) {
           minSize: 200,
           maxSize: 400,
           cell(t) {
-            var b, u, v;
+            var b, m, f;
             const e = t.row.original;
-            return P("div", { class: "flex items-center gap-32" }, [
-              P(
-                L.FmFormGroup,
+            return M("div", { class: "flex items-center gap-32" }, [
+              M(
+                B.FmFormGroup,
                 {
                   value: e.sku.unit._id,
                   modelValue: !((b = e.disabledMeasurements) != null && b.includes(e.sku.unit._id))
                 },
-                P(
+                M(
                   "div",
                   {
                     class: "flex items-center gap-4",
                     style: { width: "120px" }
                   },
                   [
-                    P(L.FmCheckbox, {
+                    M(B.FmCheckbox, {
                       value: e.sku.unit._id,
-                      modelValue: !((u = e.disabledMeasurements) != null && u.includes(e.sku.unit._id)),
-                      disabled: r.disabled || !((v = e.disabledMeasurements) != null && v.includes(e.sku.unit._id)) && e.sku.unit.measurements.every(
+                      modelValue: !((m = e.disabledMeasurements) != null && m.includes(e.sku.unit._id)),
+                      disabled: r.disabled || !((f = e.disabledMeasurements) != null && f.includes(e.sku.unit._id)) && e.sku.unit.measurements.every(
                         (a) => {
-                          var d;
-                          return (d = e.disabledMeasurements) == null ? void 0 : d.includes(a.id);
+                          var u;
+                          return (u = e.disabledMeasurements) == null ? void 0 : u.includes(a.id);
                         }
                       ),
                       "onUpdate:modelValue"(a) {
-                        var d;
+                        var u;
                         if (a)
                           r.updateItem({
                             ...e,
-                            disabledMeasurements: (d = e.disabledMeasurements) == null ? void 0 : d.filter(
-                              (p) => p !== e.sku.unit._id
+                            disabledMeasurements: (u = e.disabledMeasurements) == null ? void 0 : u.filter(
+                              (d) => d !== e.sku.unit._id
                             )
                           });
                         else {
-                          const p = e.disabledMeasurements ?? [];
+                          const d = e.disabledMeasurements ?? [];
                           r.updateItem({
                             ...e,
-                            disabledMeasurements: [...p, e.sku.unit._id]
+                            disabledMeasurements: [...d, e.sku.unit._id]
                           });
                         }
                       }
                     }),
-                    P(
-                      L.FmTooltip,
+                    M(
+                      B.FmTooltip,
                       { zIndex: 51 },
                       {
                         content() {
                           return e.sku.unit.abbrev;
                         },
                         default() {
-                          return P(
+                          return M(
                             "div",
                             { class: "line-clamp-2 fm-typo-en-body-lg-400" },
                             e.sku.unit.abbrev
@@ -1084,59 +1098,59 @@ function Ht(r) {
                   ]
                 )
               ),
-              ...Array.from({ length: Math.max(n, 0) }).map((a, d) => {
-                var _, c, i, f;
-                const p = t.row.original, g = p.sku.unit.measurements[d];
-                return g ? P(
-                  L.FmFormGroup,
+              ...Array.from({ length: Math.max(n, 0) }).map((a, u) => {
+                var _, c, i, p;
+                const d = t.row.original, v = d.sku.unit.measurements[u];
+                return v ? M(
+                  B.FmFormGroup,
                   {
-                    modelValue: !((_ = p.disabledMeasurements) != null && _.includes(g.id)),
-                    value: g.id
+                    modelValue: !((_ = d.disabledMeasurements) != null && _.includes(v.id)),
+                    value: v.id
                   },
-                  P(
+                  M(
                     "div",
                     {
                       class: "flex items-center gap-4",
                       style: { width: "120px" }
                     },
                     [
-                      P(L.FmCheckbox, {
-                        value: g.id,
-                        modelValue: !((c = p.disabledMeasurements) != null && c.includes(g.id)),
-                        disabled: r.disabled || !((i = p.disabledMeasurements) != null && i.includes(g.id)) && ((f = p.disabledMeasurements) == null ? void 0 : f.includes(p.sku.unit._id)) && p.sku.unit.measurements.filter((y) => y.id != g.id).every((y) => {
+                      M(B.FmCheckbox, {
+                        value: v.id,
+                        modelValue: !((c = d.disabledMeasurements) != null && c.includes(v.id)),
+                        disabled: r.disabled || !((i = d.disabledMeasurements) != null && i.includes(v.id)) && ((p = d.disabledMeasurements) == null ? void 0 : p.includes(d.sku.unit._id)) && d.sku.unit.measurements.filter((g) => g.id != v.id).every((g) => {
                           var s;
-                          return (s = p.disabledMeasurements) == null ? void 0 : s.includes(y.id);
+                          return (s = d.disabledMeasurements) == null ? void 0 : s.includes(g.id);
                         }),
-                        "onUpdate:modelValue"(y) {
+                        "onUpdate:modelValue"(g) {
                           var s;
-                          if (y)
+                          if (g)
                             r.updateItem({
-                              ...p,
-                              disabledMeasurements: (s = p.disabledMeasurements) == null ? void 0 : s.filter(
-                                (k) => k !== g.id
+                              ...d,
+                              disabledMeasurements: (s = d.disabledMeasurements) == null ? void 0 : s.filter(
+                                (k) => k !== v.id
                               )
                             });
                           else {
-                            const k = p.disabledMeasurements ?? [];
+                            const k = d.disabledMeasurements ?? [];
                             r.updateItem({
-                              ...p,
-                              disabledMeasurements: [...k, g.id]
+                              ...d,
+                              disabledMeasurements: [...k, v.id]
                             });
                           }
                         }
                       }),
-                      P(
-                        L.FmTooltip,
+                      M(
+                        B.FmTooltip,
                         { zIndex: 51 },
                         {
                           content() {
-                            return g.abbrev;
+                            return v.abbrev;
                           },
                           default() {
-                            return P(
+                            return M(
                               "div",
                               { class: "line-clamp-2 fm-typo-en-body-lg-400" },
-                              g.abbrev
+                              v.abbrev
                             );
                           }
                         }
@@ -1153,10 +1167,10 @@ function Ht(r) {
           header: "",
           cell(t) {
             const e = t.row.original;
-            return P(
+            return M(
               "div",
               { class: "w-full flex justify-end" },
-              P(L.FmButton, {
+              M(B.FmButton, {
                 class: "delete-button",
                 key: e.sku._id,
                 type: "button",
@@ -1181,7 +1195,7 @@ function Ht(r) {
     })
   };
 }
-const jt = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, Yt = { class: "flex-1 flex flex-col" }, Kt = { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, Gt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Jt = { class: "flex flex-col gap-4" }, Wt = /* @__PURE__ */ j({
+const jt = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, Yt = { class: "flex-1 flex flex-col" }, Kt = { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, Gt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Jt = { class: "flex flex-col gap-4" }, Wt = /* @__PURE__ */ L({
   __name: "ClosingTemplateItem",
   props: {
     cellByColId: {},
@@ -1192,30 +1206,30 @@ const jt = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, Yt =
       () => n.value.getVisibleCells().filter((t) => t.column.id !== K.Name && t.column.id !== K.Delete)
     );
     return (t, e) => {
-      var b, u, v, a, d;
+      var b, m, f, a, u;
       return T(), I("div", jt, [
-        x("div", Ot, [
-          x("div", Yt, [
-            x("div", Kt, C(n.value.original.sku.name), 1),
-            x("div", Gt, C(n.value.original.sku.code), 1)
+        w("div", Ot, [
+          w("div", Yt, [
+            w("div", Kt, C(n.value.original.sku.name), 1),
+            w("div", Gt, C(n.value.original.sku.code), 1)
           ]),
-          x("div", null, [
+          w("div", null, [
             $(h(O), {
-              render: (v = (u = (b = t.cellByColId[h(K).Delete]) == null ? void 0 : b.column) == null ? void 0 : u.columnDef) == null ? void 0 : v.cell,
-              props: (d = (a = t.cellByColId[h(K).Delete]) == null ? void 0 : a.getContext) == null ? void 0 : d.call(a)
+              render: (f = (m = (b = t.cellByColId[h(K).Delete]) == null ? void 0 : b.column) == null ? void 0 : m.columnDef) == null ? void 0 : f.cell,
+              props: (u = (a = t.cellByColId[h(K).Delete]) == null ? void 0 : a.getContext) == null ? void 0 : u.call(a)
             }, null, 8, ["render", "props"])
           ])
         ]),
-        x("div", Jt, [
-          e[0] || (e[0] = x("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, null, -1)),
-          (T(!0), I(H, null, J(l.value, (p) => {
-            var g, _, c;
+        w("div", Jt, [
+          e[0] || (e[0] = w("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, null, -1)),
+          (T(!0), I(j, null, J(l.value, (d) => {
+            var v, _, c;
             return T(), I("div", {
-              key: p.id
+              key: d.id
             }, [
               $(h(O), {
-                render: (_ = (g = p.column) == null ? void 0 : g.columnDef) == null ? void 0 : _.cell,
-                props: (c = p.getContext) == null ? void 0 : c.call(p)
+                render: (_ = (v = d.column) == null ? void 0 : v.columnDef) == null ? void 0 : _.cell,
+                props: (c = d.getContext) == null ? void 0 : c.call(d)
               }, null, 8, ["render", "props"])
             ]);
           }), 128))
@@ -1223,19 +1237,19 @@ const jt = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, Yt =
       ]);
     };
   }
-}), qt = { class: "flex flex-col gap-16" }, Qt = { class: "flex flex-col gap-24" }, Xt = { class: "flex flex-col gap-16" }, Zt = { class: "flex items-center" }, en = { class: "flex-1 fm-typo-en-title-sm-600" }, tn = { class: "flex flex-col gap-16" }, nn = { class: "flex items-center" }, on = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, sn = /* @__PURE__ */ j({
+}), qt = { class: "flex flex-col gap-16" }, Qt = { class: "flex flex-col gap-24" }, Xt = { class: "flex flex-col gap-16" }, Zt = { class: "flex items-center" }, en = { class: "flex-1 fm-typo-en-title-sm-600" }, tn = { class: "flex flex-col gap-16" }, nn = { class: "flex items-center" }, on = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, sn = /* @__PURE__ */ L({
   __name: "ClosingTemplateForm",
   props: {
     modelValue: {},
     disabled: { type: Boolean }
   },
   setup(r, { expose: o }) {
-    const n = r, l = lt(), { t } = B(), e = ie();
+    const n = r, l = lt(), { t } = z(), e = ie();
     me();
     const {
       promptSelectLocations: b,
-      columnDefs: u,
-      rowData: v
+      columnDefs: m,
+      rowData: f
     } = at({
       getLocations() {
         return l.locations;
@@ -1243,27 +1257,27 @@ const jt = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, Yt =
       setLocations(i) {
         l.locations = i;
       }
-    }), a = M(), d = M("");
+    }), a = F(), u = F("");
     o({
       validateInputs: () => {
-        var i, f;
-        (f = (i = a.value) == null ? void 0 : i.validateInputs) == null || f.call(i);
+        var i, p;
+        (p = (i = a.value) == null ? void 0 : i.validateInputs) == null || p.call(i);
       },
       resetInputsValidation: () => {
-        var i, f;
-        (f = (i = a.value) == null ? void 0 : i.resetInputsValidation) == null || f.call(i);
+        var i, p;
+        (p = (i = a.value) == null ? void 0 : i.resetInputsValidation) == null || p.call(i);
       },
       resetInputs: () => {
-        var i, f;
-        (f = (i = a.value) == null ? void 0 : i.resetInputs) == null || f.call(i);
+        var i, p;
+        (p = (i = a.value) == null ? void 0 : i.resetInputs) == null || p.call(i);
       }
     });
-    const p = Ht({
+    const d = Ht({
       updateItem: (i) => {
-        l.items = l.items.map((f) => f.sku._id !== i.sku._id ? f : i);
+        l.items = l.items.map((p) => p.sku._id !== i.sku._id ? p : i);
       },
       deleteItem: (i) => {
-        l.items = l.items.filter((f) => f.sku._id !== i.sku._id);
+        l.items = l.items.filter((p) => p.sku._id !== i.sku._id);
       },
       get items() {
         return l.items;
@@ -1271,28 +1285,28 @@ const jt = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, Yt =
       get disabled() {
         return n.disabled;
       }
-    }), g = E(() => p.columnDefs.value), { promptSelectIngredients: _ } = gt();
+    }), v = E(() => d.columnDefs.value), { promptSelectIngredients: _ } = gt();
     async function c() {
-      const f = e.skus.map((k) => ({
+      const p = e.skus.map((k) => ({
         label: k.name,
         sublabel: k.code,
         value: k
       })).filter((k) => {
-        var m;
-        return (m = l.items) == null ? void 0 : m.find((w) => w.sku._id === k.value._id);
-      }).map((k) => k.value), y = l.items ?? [], s = await _(
-        f.map((k) => k._id),
+        var y;
+        return (y = l.items) == null ? void 0 : y.find((x) => x.sku._id === k.value._id);
+      }).map((k) => k.value), g = l.items ?? [], s = await _(
+        p.map((k) => k._id),
         (k) => {
-          const m = e.skuById[k], w = y.find((F) => F.sku._id === m._id);
-          return w || {
-            sku: m
+          const y = e.skuById[k], x = g.find((P) => P.sku._id === y._id);
+          return x || {
+            sku: y
           };
         }
       );
-      s && (s.sort((k, m) => k.sku.code.localeCompare(m.sku.code)), l.items = s);
+      s && (s.sort((k, y) => k.sku.code.localeCompare(y.sku.code)), l.items = s);
     }
-    return (i, f) => {
-      const y = R("FmTextField"), s = R("FmButton"), k = R("FmTable"), m = R("FmIcon"), w = R("FmFormGroup"), S = R("FmForm");
+    return (i, p) => {
+      const g = R("FmTextField"), s = R("FmButton"), k = R("FmTable"), y = R("FmIcon"), x = R("FmFormGroup"), S = R("FmForm");
       return T(), N(S, {
         ref_key: "formRef",
         ref: a,
@@ -1300,26 +1314,26 @@ const jt = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, Yt =
         disabled: i.disabled
       }, {
         default: A(() => [
-          x("div", qt, [
-            x("div", Qt, [
-              $(y, {
+          w("div", qt, [
+            w("div", Qt, [
+              $(g, {
                 label: h(t)("inventory.closing.form.name"),
                 "label-mark": "required",
                 modelValue: h(l).name,
-                "onUpdate:modelValue": f[0] || (f[0] = (F) => h(l).name = F),
+                "onUpdate:modelValue": p[0] || (p[0] = (P) => h(l).name = P),
                 rules: [h(rt)()]
               }, null, 8, ["label", "modelValue", "rules"]),
-              $(y, {
+              $(g, {
                 label: h(t)("inventory.closing.form.reference"),
                 "label-mark": "optional",
                 modelValue: h(l).ref,
-                "onUpdate:modelValue": f[1] || (f[1] = (F) => h(l).ref = F)
+                "onUpdate:modelValue": p[1] || (p[1] = (P) => h(l).ref = P)
               }, null, 8, ["label", "modelValue"])
             ])
           ]),
-          x("div", Xt, [
-            x("div", Zt, [
-              x("div", en, C(h(t)("inventory.closing.form.locations")), 1),
+          w("div", Xt, [
+            w("div", Zt, [
+              w("div", en, C(h(t)("inventory.closing.form.locations")), 1),
               $(s, {
                 disabled: i.disabled,
                 label: h(t)("inventory.closing.form.selectLocation"),
@@ -1330,37 +1344,37 @@ const jt = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, Yt =
               }, null, 8, ["disabled", "label", "onClick"])
             ]),
             $(k, {
-              "column-defs": h(u),
-              "row-data": h(v),
+              "column-defs": h(m),
+              "row-data": h(f),
               "shrink-at": 9999,
               onRowClick: h(b),
               "hide-footer": ""
             }, null, 8, ["column-defs", "row-data", "onRowClick"])
           ]),
-          x("div", tn, [
-            x("div", nn, [
-              x("div", on, C(h(t)("inventory.closing.form.items.title")), 1),
+          w("div", tn, [
+            w("div", nn, [
+              w("div", on, C(h(t)("inventory.closing.form.items.title")), 1),
               $(s, {
                 disabled: i.disabled,
                 label: h(t)("inventory.closing.form.items.addItem"),
                 "prepend-icon": "add",
                 variant: "plain",
                 class: "border-2 rounded-lg border-fm-color-primary",
-                onClick: f[2] || (f[2] = (F) => c()),
+                onClick: p[2] || (p[2] = (P) => c()),
                 size: "md"
               }, null, 8, ["disabled", "label"])
             ]),
-            $(y, {
+            $(g, {
               placeholder: "Filter items",
-              modelValue: d.value,
-              "onUpdate:modelValue": f[4] || (f[4] = (F) => d.value = F)
+              modelValue: u.value,
+              "onUpdate:modelValue": p[4] || (p[4] = (P) => u.value = P)
             }, Re({ _: 2 }, [
-              d.value ? {
+              u.value ? {
                 name: "append",
                 fn: A(() => [
-                  $(m, {
+                  $(y, {
                     name: "close",
-                    onClick: f[3] || (f[3] = (F) => d.value = ""),
+                    onClick: p[3] || (p[3] = (P) => u.value = ""),
                     class: "cursor-pointer"
                   })
                 ]),
@@ -1368,21 +1382,21 @@ const jt = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, Yt =
               } : void 0
             ]), 1032, ["modelValue"]),
             (T(), N(k, {
-              "search-value": d.value,
-              "column-defs": g.value,
+              "search-value": u.value,
+              "column-defs": v.value,
               "row-data": h(l).items,
-              key: h(l).items.map((F) => F.sku._id).join("."),
+              key: h(l).items.map((P) => P.sku._id).join("."),
               "hide-footer": h(l).items.length <= 10,
               "page-size": Math.min(10, h(l).items.length)
             }, {
-              "list-row": A((F) => [
+              "list-row": A((P) => [
                 (T(), N(Ne, {
-                  row: F,
+                  row: P,
                   key: h(l).items.map((D) => D.sku._id).join(".")
                 }, {
                   default: A((D) => [
                     $(Wt, {
-                      row: F,
+                      row: P,
                       "cell-by-col-id": D
                     }, null, 8, ["row", "cell-by-col-id"])
                   ]),
@@ -1391,7 +1405,7 @@ const jt = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, Yt =
               ]),
               _: 1
             }, 8, ["search-value", "column-defs", "row-data", "hide-footer", "page-size"])),
-            $(w, {
+            $(x, {
               "model-value": h(l).items.length,
               rules: [h(it)(1)]
             }, null, 8, ["model-value", "rules"])
@@ -1401,7 +1415,7 @@ const jt = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, Yt =
       }, 8, ["disabled"]);
     };
   }
-}), ln = { class: "flex items-center" }, an = { class: "fm-typo-en-title-md-600" }, rn = { class: "flex gap-4" }, cn = /* @__PURE__ */ j({
+}), ln = { class: "flex items-center" }, an = { class: "fm-typo-en-title-md-600" }, rn = { class: "flex gap-4" }, cn = /* @__PURE__ */ L({
   __name: "ClosingTemplateDialog",
   props: {
     mode: {},
@@ -1411,7 +1425,7 @@ const jt = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, Yt =
   emits: ["update:show", "submitted"],
   setup(r, { expose: o, emit: n }) {
     var k;
-    const l = r, t = n, e = te(), b = ee(), { t: u } = B(), v = ft(l, "show");
+    const l = r, t = n, e = te(), b = ee(), { t: m } = z(), f = ft(l, "show");
     function a() {
       return {
         _id: "",
@@ -1419,108 +1433,108 @@ const jt = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, Yt =
         items: []
       };
     }
-    const d = M(l.modelValue ?? a()), p = M(((k = l.modelValue) == null ? void 0 : k._id) ?? `${Math.random()}`);
+    const u = F(l.modelValue ?? a()), d = F(((k = l.modelValue) == null ? void 0 : k._id) ?? `${Math.random()}`);
     Pe(
       () => l.show,
-      (m) => {
-        var w;
-        m && (d.value = l.modelValue ?? a(), p.value = ((w = l.modelValue) == null ? void 0 : w._id) ?? `${Math.random()}`);
+      (y) => {
+        var x;
+        y && (u.value = l.modelValue ?? a(), d.value = ((x = l.modelValue) == null ? void 0 : x._id) ?? `${Math.random()}`);
       }
     );
-    const g = M(!1), _ = E(() => {
+    const v = F(!1), _ = E(() => {
       switch (l.mode) {
-        case z.READ:
+        case H.READ:
           return "";
-        case z.CREATE:
-          return u("inventory.closing.template.create.title");
-        case z.UPDATE:
-          return u("inventory.closing.template.update.title");
+        case H.CREATE:
+          return m("inventory.closing.template.create.title");
+        case H.UPDATE:
+          return m("inventory.closing.template.update.title");
       }
       return "";
-    }), c = M();
+    }), c = F();
     o({
       validateInputs: () => {
-        var m, w;
-        (w = (m = c.value) == null ? void 0 : m.validateInputs) == null || w.call(m);
+        var y, x;
+        (x = (y = c.value) == null ? void 0 : y.validateInputs) == null || x.call(y);
       },
       resetInputsValidation: () => {
-        var m, w;
-        (w = (m = c.value) == null ? void 0 : m.resetInputsValidation) == null || w.call(m);
+        var y, x;
+        (x = (y = c.value) == null ? void 0 : y.resetInputsValidation) == null || x.call(y);
       },
       resetInputs: () => {
-        var m, w;
-        (w = (m = c.value) == null ? void 0 : m.resetInputs) == null || w.call(m);
+        var y, x;
+        (x = (y = c.value) == null ? void 0 : y.resetInputs) == null || x.call(y);
       }
     });
     async function i() {
-      const m = d.value;
-      if (m) {
-        g.value = !0;
+      const y = u.value;
+      if (y) {
+        v.value = !0;
         try {
-          await e.createTemplate(m), await new Promise((w) => setTimeout(w, 1e3)), b.open({
-            title: u("inventory.closing.template.create.success"),
-            message: u("inventory.closing.template.create.successMessage"),
+          await e.createTemplate(y), await new Promise((x) => setTimeout(x, 1e3)), b.open({
+            title: m("inventory.closing.template.create.success"),
+            message: m("inventory.closing.template.create.successMessage"),
             type: "success"
           }), t("update:show", !1), t("submitted");
-        } catch (w) {
+        } catch (x) {
           b.open({
-            title: u("inventory.closing.template.create.error"),
-            message: u("inventory.closing.template.create.errorMessage"),
+            title: m("inventory.closing.template.create.error"),
+            message: m("inventory.closing.template.create.errorMessage"),
             type: "error"
-          }), console.error("Error in creating closing template", w);
+          }), console.error("Error in creating closing template", x);
         } finally {
-          g.value = !1;
+          v.value = !1;
         }
       }
     }
-    async function f() {
-      const m = d.value;
-      if (m) {
-        g.value = !0;
+    async function p() {
+      const y = u.value;
+      if (y) {
+        v.value = !0;
         try {
           await e.updateTemplate({
-            ...m,
-            _rev: m._rev ?? ""
-          }), await new Promise((w) => setTimeout(w, 1e3)), b.open({
-            title: u("inventory.closing.template.update.success"),
-            message: u("inventory.closing.template.update.successMessage"),
+            ...y,
+            _rev: y._rev ?? ""
+          }), await new Promise((x) => setTimeout(x, 1e3)), b.open({
+            title: m("inventory.closing.template.update.success"),
+            message: m("inventory.closing.template.update.successMessage"),
             type: "success"
           }), t("update:show", !1), t("submitted");
-        } catch (w) {
+        } catch (x) {
           b.open({
-            title: u("inventory.closing.template.update.error"),
-            message: u("inventory.closing.template.update.errorMessage"),
+            title: m("inventory.closing.template.update.error"),
+            message: m("inventory.closing.template.update.errorMessage"),
             type: "error"
-          }), console.error("Error in updating closing template", w);
+          }), console.error("Error in updating closing template", x);
         } finally {
-          g.value = !1;
+          v.value = !1;
         }
       }
     }
-    function y() {
+    function g() {
       switch (l.mode) {
-        case z.CREATE:
+        case H.CREATE:
           return i();
-        case z.UPDATE:
-          return f();
+        case H.UPDATE:
+          return p();
       }
     }
     function s() {
-      var m, w;
-      (w = (m = c.value) == null ? void 0 : m.validateInputs) == null || w.call(m);
+      var y, x;
+      (x = (y = c.value) == null ? void 0 : y.validateInputs) == null || x.call(y);
     }
-    return (m, w) => {
-      const S = R("FmButton"), F = R("FmSideSheet");
-      return T(), N(F, {
-        modelValue: h(v),
-        "onUpdate:modelValue": w[2] || (w[2] = (D) => Oe(v) ? v.value = D : null),
+    return (y, x) => {
+      const S = R("FmButton"), P = R("FmSideSheet");
+      return T(), N(P, {
+        modelValue: h(f),
+        "onUpdate:modelValue": x[2] || (x[2] = (D) => Oe(f) ? f.value = D : null),
         "dismiss-away": "",
         "close-button": "",
         "max-width": 800
       }, {
         "side-sheet-header": A(() => [
-          x("div", ln, [
-            x("div", an, C(_.value), 1)
+          w("div", ln, [
+            w("div", an, C(_.value), 1)
           ])
         ]),
         default: A(() => [
@@ -1528,25 +1542,25 @@ const jt = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, Yt =
             class: "w-full",
             ref_key: "formRef",
             ref: c,
-            onValidationSuccess: y,
-            "model-value": d.value,
-            "onUpdate:modelValue": w[0] || (w[0] = (D) => d.value = D),
-            disabled: g.value,
-            key: p.value
+            onValidationSuccess: g,
+            "model-value": u.value,
+            "onUpdate:modelValue": x[0] || (x[0] = (D) => u.value = D),
+            disabled: v.value,
+            key: d.value
           }, null, 8, ["model-value", "disabled"]))
         ]),
         "side-sheet-footer": A(() => [
-          x("div", rn, [
+          w("div", rn, [
             $(S, {
-              loading: g.value,
-              label: h(u)("common.save"),
+              loading: v.value,
+              label: h(m)("common.save"),
               onClick: s
             }, null, 8, ["loading", "label"]),
             $(S, {
-              disabled: g.value,
+              disabled: v.value,
               variant: "tertiary",
-              label: h(u)("common.close"),
-              onClick: w[1] || (w[1] = (D) => t("update:show", !1))
+              label: h(m)("common.close"),
+              onClick: x[1] || (x[1] = (D) => t("update:show", !1))
             }, null, 8, ["disabled", "label"])
           ])
         ]),
@@ -1567,47 +1581,47 @@ const dn = /* @__PURE__ */ ct(mn, [["render", un]]), pn = { class: "flex flex-co
 }, hn = {
   key: 3,
   class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary flex flex-col gap-12"
-}, bn = { class: "fm-typo-en-body-md-600" }, _n = { class: "fm-typo-en-body-md-600" }, xn = { key: 4 }, wn = { class: "fm-typo-en-body-md-600" }, kn = { class: "fm-typo-en-body-md-600" }, Tn = { class: "flex sm:flex-col xs:flex-col justify-end gap-8 w-full mb-16" }, $n = /* @__PURE__ */ j({
+}, bn = { class: "fm-typo-en-body-md-600" }, _n = { class: "fm-typo-en-body-md-600" }, xn = { key: 4 }, wn = { class: "fm-typo-en-body-md-600" }, kn = { class: "fm-typo-en-body-md-600" }, Tn = { class: "flex sm:flex-col xs:flex-col justify-end gap-8 w-full mb-16" }, $n = /* @__PURE__ */ L({
   __name: "ClosingTemplatePublish",
   emits: ["close"],
   setup(r, { emit: o }) {
-    const n = M(!1), l = ee(), t = te(), e = ne(), { t: b } = B(), u = o;
-    async function v() {
+    const n = F(!1), l = ee(), t = te(), e = ne(), { t: b } = z(), m = o;
+    async function f() {
       n.value = !0;
       try {
         await t.startNewPublish().delayed(1e3), l.open({
           title: "Success",
           message: "You may refresh after a while to review publish status",
           type: "success"
-        }), p();
-      } catch (g) {
+        }), d();
+      } catch (v) {
         l.open({
           title: "Something went wrong",
           message: "Please try again",
           type: "error"
-        }), console.error("error on creating publish task", g);
+        }), console.error("error on creating publish task", v);
       } finally {
         n.value = !1;
       }
     }
-    const a = E(() => e.recentPublish.recentJob), d = E(
+    const a = E(() => e.recentPublish.recentJob), u = E(
       () => e.templates.length && (!a.value || a.value.outlets.length === a.value.completed.length)
     );
-    function p() {
-      u("close");
+    function d() {
+      m("close");
     }
-    return (g, _) => {
-      const c = R("FmCircularProgress"), i = R("i18n-t"), f = R("FmButton");
+    return (v, _) => {
+      const c = R("FmCircularProgress"), i = R("i18n-t"), p = R("FmButton");
       return T(), I("div", pn, [
         h(e).templates.length ? n.value ? (T(), I("div", vn, [
-          x("div", null, [
+          w("div", null, [
             $(c, {
               size: "md",
               color: "neutral-gray-300"
             })
           ]),
-          x("div", gn, [
-            x("span", null, C(h(b)("inventory.closing.template.publish.publishing")), 1)
+          w("div", gn, [
+            w("span", null, C(h(b)("inventory.closing.template.publish.publishing")), 1)
           ])
         ])) : a.value ? a.value.outlets.length === a.value.completed.length ? (T(), I("div", hn, [
           $(i, {
@@ -1615,58 +1629,58 @@ const dn = /* @__PURE__ */ ct(mn, [["render", un]]), pn = { class: "flex flex-co
             tag: "p"
           }, {
             started: A(() => [
-              x("span", bn, C(h(se)(new Date(a.value.createdAt))), 1)
+              w("span", bn, C(h(se)(new Date(a.value.createdAt))), 1)
             ]),
             finished: A(() => [
-              x("span", _n, C(h(se)(new Date(a.value.updatedAt))), 1)
+              w("span", _n, C(h(se)(new Date(a.value.updatedAt))), 1)
             ]),
             _: 1
           }),
-          x("p", null, C(h(b)("inventory.closing.template.publish.message")), 1)
+          w("p", null, C(h(b)("inventory.closing.template.publish.message")), 1)
         ])) : (T(), I("div", xn, [
           $(i, {
             keypath: "inventory.closing.template.publish.stillPublishing",
             tag: "p"
           }, {
             started: A(() => [
-              x("span", wn, C(h(se)(new Date(a.value.createdAt))), 1)
+              w("span", wn, C(h(se)(new Date(a.value.createdAt))), 1)
             ]),
             progress: A(() => [
-              x("span", kn, " (" + C(a.value.completed.length) + "/" + C(a.value.outlets.length) + " completed) ", 1)
+              w("span", kn, " (" + C(a.value.completed.length) + "/" + C(a.value.outlets.length) + " completed) ", 1)
             ]),
             _: 1
           }),
           Fe(" Your recent publishing task is still pending (" + C(a.value.completed.length) + " / " + C(a.value.outlets.length) + "). Please wait until all publishing task has completed. ", 1)
         ])) : (T(), I("div", yn, [
-          x("p", null, C(h(b)("inventory.closing.template.publish.noRecentActivity")), 1),
-          x("p", null, C(h(b)("inventory.closing.template.publish.message")), 1)
+          w("p", null, C(h(b)("inventory.closing.template.publish.noRecentActivity")), 1),
+          w("p", null, C(h(b)("inventory.closing.template.publish.message")), 1)
         ])) : (T(), I("div", fn, [
-          x("p", null, C(h(b)("inventory.closing.template.publish.nothingToPublish")), 1)
+          w("p", null, C(h(b)("inventory.closing.template.publish.nothingToPublish")), 1)
         ])),
-        x("div", Tn, [
-          $(f, {
-            disabled: !d.value,
+        w("div", Tn, [
+          $(p, {
+            disabled: !u.value,
             loading: n.value,
             label: "Publish to all outlets",
-            onClick: v
+            onClick: f
           }, null, 8, ["disabled", "loading"]),
-          $(f, {
+          $(p, {
             variant: "tertiary",
             label: "Close",
-            onClick: p
+            onClick: d
           })
         ])
       ]);
     };
   }
-}), Cn = { class: "flex-1 flex flex-col gap-8" }, In = { class: "flex flex-col" }, Sn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Dn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Mn = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Fn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Nn = /* @__PURE__ */ j({
+}), Cn = { class: "flex-1 flex flex-col gap-8" }, In = { class: "flex flex-col" }, Sn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Dn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Mn = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Fn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Nn = /* @__PURE__ */ L({
   __name: "ClosingTemplateView",
   setup(r) {
-    const { t: o } = B(), { createTemplate: n, updateTemplate: l, exportTemplates: t, importTemplates: e } = ae(), { templateDialogProps: b, templateDetailsProps: u } = Le(ae()), v = re(), a = me(), d = ne(), p = mt(), { breakpoints: g } = vt();
-    v.watchLocation(d.fetchTemplates);
-    const _ = E(() => d.loading), c = M(""), i = E(() => g.value.xs || g.value.sm), f = E(() => i.value ? 10 : 20);
-    function y(w) {
-      switch (w) {
+    const { t: o } = z(), { createTemplate: n, updateTemplate: l, exportTemplates: t, importTemplates: e } = ae(), { templateDialogProps: b, templateDetailsProps: m } = Le(ae()), f = re(), a = me(), u = ne(), d = mt(), { breakpoints: v } = vt();
+    f.watchLocation(u.fetchTemplates);
+    const _ = E(() => u.loading), c = F(""), i = E(() => v.value.xs || v.value.sm), p = E(() => i.value ? 10 : 20);
+    function g(x) {
+      switch (x) {
         case V.Add:
           return n();
         case "publish":
@@ -1676,7 +1690,7 @@ const dn = /* @__PURE__ */ ct(mn, [["render", un]]), pn = { class: "flex flex-co
         case "export":
           return t();
         case "refresh":
-          return d.fetchTemplates();
+          return u.fetchTemplates();
       }
     }
     function s() {
@@ -1690,10 +1704,10 @@ const dn = /* @__PURE__ */ ct(mn, [["render", un]]), pn = { class: "flex flex-co
         }
       });
     }
-    function k(w) {
-      return w;
+    function k(x) {
+      return x;
     }
-    const m = E(() => i.value ? [
+    const y = E(() => i.value ? [
       {
         label: o("inventory.closing.template.create.title"),
         value: V.Add,
@@ -1748,16 +1762,16 @@ const dn = /* @__PURE__ */ ct(mn, [["render", un]]), pn = { class: "flex flex-co
         isPrimary: !1
       }
     ]);
-    return (w, S) => {
-      const F = R("FmTable");
-      return T(), I(H, null, [
+    return (x, S) => {
+      const P = R("FmTable");
+      return T(), I(j, null, [
         $(ut, {
           title: h(o)("inventory.closing.template.title"),
-          actions: m.value,
-          "onClick:action": y
+          actions: y.value,
+          "onClick:action": g
         }, {
           default: A(() => [
-            x("div", {
+            w("div", {
               class: Y([
                 "flex flex-col gap-8 max-h-full",
                 {
@@ -1771,14 +1785,14 @@ const dn = /* @__PURE__ */ ct(mn, [["render", un]]), pn = { class: "flex flex-co
                 search: c.value,
                 "onUpdate:search": S[0] || (S[0] = (D) => c.value = D)
               }, null, 8, ["search"]),
-              $(F, {
-                style: Ye(h(p).tableHeight),
-                "column-defs": h(d).columnDefs,
-                "row-data": h(d).templates,
+              $(P, {
+                style: Ye(h(d).tableHeight),
+                "column-defs": h(u).columnDefs,
+                "row-data": h(u).templates,
                 "search-value": c.value,
                 loading: _.value,
                 onRowClick: S[1] || (S[1] = (D) => h(l)(D.original)),
-                "page-size": f.value
+                "page-size": p.value
               }, {
                 "list-row": A((D) => [
                   $(Ne, {
@@ -1788,35 +1802,35 @@ const dn = /* @__PURE__ */ ct(mn, [["render", un]]), pn = { class: "flex flex-co
                     default: A((U) => {
                       var de, pe, fe, W, ve, ge, ye, he, q, be, _e, xe, we, ke, Te, Q, $e, Ce, Ie, Se, X, De;
                       return [
-                        x("div", Cn, [
-                          x("div", In, [
-                            x("div", Sn, [
+                        w("div", Cn, [
+                          w("div", In, [
+                            w("div", Sn, [
                               $(h(O), {
                                 render: (fe = (pe = (de = U._id) == null ? void 0 : de.column) == null ? void 0 : pe.columnDef) == null ? void 0 : fe.cell,
                                 props: (ve = (W = U._id) == null ? void 0 : W.getContext) == null ? void 0 : ve.call(W)
                               }, null, 8, ["render", "props"])
                             ]),
-                            x("div", Dn, [
+                            w("div", Dn, [
                               $(h(O), {
                                 render: (he = (ye = (ge = U.name) == null ? void 0 : ge.column) == null ? void 0 : ye.columnDef) == null ? void 0 : he.cell,
                                 props: (be = (q = U.name) == null ? void 0 : q.getContext) == null ? void 0 : be.call(q)
                               }, null, 8, ["render", "props"])
                             ]),
-                            x("div", null, C((_e = D.original.locations) != null && _e.length ? h(o)("inventory.closing.table.enabledForN", {
+                            w("div", null, C((_e = D.original.locations) != null && _e.length ? h(o)("inventory.closing.table.enabledForN", {
                               count: ((xe = D.original.locations) == null ? void 0 : xe.length) ?? 0
                             }) : h(o)("inventory.closing.table.enabledForAll")), 1),
-                            x("div", Mn, C([
+                            w("div", Mn, C([
                               ...D.original.items.slice(0, 3).map((je) => je.sku.name),
                               ...D.original.items.length >= 3 ? [`and ${D.original.items.length - 3} more items`] : []
                             ].join(", ")), 1),
-                            x("div", Fn, [
+                            w("div", Fn, [
                               $(h(O), {
                                 render: (Te = (ke = (we = U.ref) == null ? void 0 : we.column) == null ? void 0 : ke.columnDef) == null ? void 0 : Te.cell,
                                 props: ($e = (Q = U.ref) == null ? void 0 : Q.getContext) == null ? void 0 : $e.call(Q)
                               }, null, 8, ["render", "props"])
                             ])
                           ]),
-                          x("div", null, [
+                          w("div", null, [
                             $(h(O), {
                               render: (Se = (Ie = (Ce = U.status) == null ? void 0 : Ce.column) == null ? void 0 : Ie.columnDef) == null ? void 0 : Se.cell,
                               props: (De = (X = U.status) == null ? void 0 : X.getContext) == null ? void 0 : De.call(X)
@@ -1835,9 +1849,9 @@ const dn = /* @__PURE__ */ ct(mn, [["render", un]]), pn = { class: "flex flex-co
           _: 1
         }, 8, ["title", "actions"]),
         (T(), N(Ke, { to: "body" }, [
-          $(dn, Ge(Je(h(u))), null, 16),
+          $(dn, Ge(Je(h(m))), null, 16),
           $(cn, We(h(b), {
-            onSubmitted: S[2] || (S[2] = (D) => h(d).fetchTemplates())
+            onSubmitted: S[2] || (S[2] = (D) => h(u).fetchTemplates())
           }), null, 16)
         ]))
       ], 64);