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

package/dist/{ClosingTemplateView-D532GNTn.js → ClosingTemplateView-DZ0Mdc87.js}

@@ -1,31 +1,33 @@
-import { defineComponent as te, resolveComponent as G, createElementBlock as T, openBlock as _, createElementVNode as r, createCommentVNode as H, normalizeClass as Z, createTextVNode as K, toDisplayString as D, unref as f, createVNode as A, withCtx as j, Fragment as Y, renderList as X, ref as V, computed as U, watch as Ie, createSlots as Je, createBlock as W, h as De, createStaticVNode as qe, normalizeStyle as Se, withDirectives as Xe, isRef as Ve, vModelText as Ze, withModifiers as _e, Teleport as et, normalizeProps as tt, guardReactiveProps as ot, mergeProps as nt } from "vue";
-import { u as st, _ as at } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
-import { useCoreStore as Ae, useI18n as ne } from "@feedmepos/mf-common";
-import { useDialogChild as rt, useSnackbar as ue, useDialog as Fe, FmButtonVariant as xe, components as lt, useProxiedModel as it, useBreakpoints as ct } from "@feedmepos/ui-library";
-import { defineStore as ze, storeToRefs as Ge } from "pinia";
+import { defineComponent as te, resolveComponent as G, createElementBlock as T, openBlock as _, createElementVNode as r, createCommentVNode as H, normalizeClass as Z, createTextVNode as K, toDisplayString as D, unref as f, createVNode as A, withCtx as j, Fragment as Y, renderList as X, ref as V, computed as U, watch as Ce, createSlots as Qe, createBlock as W, h as Fe, createStaticVNode as Je, normalizeStyle as De, withDirectives as qe, isRef as Ue, vModelText as Xe, withModifiers as he, Teleport as Ze, normalizeProps as et, guardReactiveProps as tt, mergeProps as ot } from "vue";
+import { u as nt, _ as st } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
+import { useCoreStore as Se, useI18n as ne } from "@feedmepos/mf-common";
+import { useDialogChild as at, useSnackbar as de, useDialog as Ie, FmButtonVariant as _e, components as rt, useProxiedModel as lt, useBreakpoints as it } from "@feedmepos/ui-library";
+import { defineStore as Ve, storeToRefs as ze } from "pinia";
 import { F as oe } from "./form-mode.enum-BKiNVH6A.js";
-import { a as pe } from "./closing-template-B4lQetjU.js";
-import { a as Re, m as mt, u as Pe, c as Oe } from "./app-CGcDbrt8.js";
-import { t as Te, a as Me, d as Ee, s as He, r as dt } from "./xlsx.util-DrElrKDx.js";
-import { F as ut } from "./FmDroppableField-J0tG_U3w.js";
-import { f as je, b as $e } from "./date2-CHOcS7LX.js";
-import { u as pt } from "./netsuite-CaILEA4R.js";
-import { D as ke, R as J } from "./row-action.enum-ncgDYAjP.js";
-import { c as ft } from "./component-BmLAdDiY.js";
-import { f as yt } from "./format-time-from-id-DBFdt14U.js";
-import { _ as vt } from "./TemplatePublishDialog.vue_vue_type_script_setup_true_lang-Dxc-jNte.js";
-import { u as gt } from "./duplicate-template-Dyz7iXqd.js";
-import { _ as bt } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CB50Gqot.js";
-import { _ as ht } from "./CursorPaginatedTable.vue_vue_type_script_setup_true_lang-BCUhtL_B.js";
-import { R as _t, A as xt } from "./rules-CkaU7yFU.js";
-import { u as Ye } from "./use-ingredient-select-dialog-eYM-6q4s.js";
-import { d as kt } from "./defineDeepModel-DLlTW3xL.js";
-import { u as wt } from "./use-template-enabled-locations-C0o5r4_0.js";
-import { _ as $t } from "./SystemTrailDialog.vue_vue_type_script_setup_true_lang-tfMHi9Yv.js";
-import { _ as Tt, F as we } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DAMpuZ1X.js";
+import { a as ue } from "./closing-template-DIxXDgZQ.js";
+import { a as Ae, m as ct, u as Re, c as Ge } from "./app-OztWApio.js";
+import { t as $e, a as Pe, d as Me, s as Oe, r as mt } from "./xlsx.util-CKx0NYTq.js";
+import { F as dt } from "./FmDroppableField-J0tG_U3w.js";
+import { f as He, b as we } from "./date2-BTzYzk-x.js";
+import { u as ut } from "./netsuite-DEhdSyBn.js";
+import { D as xe, R as J } from "./row-action.enum-B2Y5YFbc.js";
+import { c as pt } from "./component-BmLAdDiY.js";
+import { f as ft } from "./format-time-from-id-DGLxhRFH.js";
+import { _ as yt } from "./TemplatePublishDialog.vue_vue_type_script_setup_true_lang-CyQujMzv.js";
+import { u as vt } from "./duplicate-template-BKVPhi40.js";
+import { _ as gt } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CiBhz5sq.js";
+import { _ as bt } from "./CursorPaginatedTable.vue_vue_type_script_setup_true_lang-BCUhtL_B.js";
+import { R as ht, A as _t } from "./rules-D01xYhgI.js";
+import { u as je } from "./use-ingredient-select-dialog-DV_hkAt9.js";
+import { d as xt } from "./defineDeepModel-CrZAv12u.js";
+import { _ as kt } from "./FeatureCapabilityBadge.vue_vue_type_script_setup_true_lang-BUYI8koH.js";
+import { u as wt } from "./use-template-enabled-locations-DGqw8tvz.js";
+import { _ as $t } from "./SystemTrailDialog.vue_vue_type_script_setup_true_lang-C_YmC-ZX.js";
+import { _ as Tt } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-gJQQKKAC.js";
+import { F as ke } from "./index-eGvSlWMU.js";
 import { _ as Ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-var Ne = /* @__PURE__ */ ((m) => (m.Ingredients = "Ingredients", m))(Ne || {});
-function Ke(m) {
+var Ee = /* @__PURE__ */ ((m) => (m.Ingredients = "Ingredients", m))(Ee || {});
+function Ye(m) {
   const t = m.sku, e = new Set(m.disabledMeasurements);
   return [
     {
@@ -40,7 +42,7 @@ function Ke(m) {
     }))
   ];
 }
-function We() {
+function Ke() {
   return [
     {
       id: "code",
@@ -62,9 +64,9 @@ function We() {
 }
 function It(m) {
   var h;
-  const e = Ae().currentBusiness.value, a = (h = m.map((l) => {
+  const e = Se().currentBusiness.value, a = (h = m.map((l) => {
     var y;
-    const o = l.items.flatMap(Ke), g = We(), i = [
+    const o = l.items.flatMap(Ye), g = Ke(), i = [
       ["Template ID", l._id],
       ["Template name", l.name],
       ["Business name", e == null ? void 0 : e.name],
@@ -78,8 +80,8 @@ function It(m) {
       [],
       g.map((x) => x.name),
       ...o.map((x) => g.map((d) => x[d.id]))
-    ], I = g.map((x) => `system:${x.id}`), C = Te(i, I);
-    return { name: l.name, sheet: C };
+    ], F = g.map((x) => `system:${x.id}`), I = $e(i, F);
+    return { name: l.name, sheet: I };
   }).reduce(
     (l, o) => {
       var i;
@@ -90,46 +92,46 @@ function It(m) {
       sheets: {},
       sheetOccurence: {}
     }
-  )) == null ? void 0 : h.sheets, u = `${e == null ? void 0 : e.name} closing templates (${je(/* @__PURE__ */ new Date())}).xlsx`, b = Me(a);
-  return Ee(b, u), u;
+  )) == null ? void 0 : h.sheets, u = `${e == null ? void 0 : e.name} closing templates (${He(/* @__PURE__ */ new Date())}).xlsx`, b = Pe(a);
+  return Me(b, u), u;
 }
 function Ft(m) {
-  Ae().currentBusiness.value;
+  Se().currentBusiness.value;
   const e = 3, k = (i) => {
-    const I = [], C = i.sku, y = new Set(i.disabledMeasurements || []);
-    y.has(C.unit._id) || I.push(C.unit.abbrev);
-    for (const x of C.unit.measurements) {
-      if (I.length >= e) break;
-      y.has(x.id) || I.push(x.abbrev);
+    const F = [], I = i.sku, y = new Set(i.disabledMeasurements || []);
+    y.has(I.unit._id) || F.push(I.unit.abbrev);
+    for (const x of I.unit.measurements) {
+      if (F.length >= e) break;
+      y.has(x.id) || F.push(x.abbrev);
     }
-    return I;
+    return F;
   }, a = ["#", "Code", "Name", "UOM"], u = [
     ["Template:", m.name],
     ["Reference:", m.ref ?? ""],
     [],
     a,
-    ...m.items.map((i, I) => {
-      const C = k(i);
+    ...m.items.map((i, F) => {
+      const I = k(i);
       return [
-        I + 1,
+        F + 1,
         // Index starting from 1
         i.sku.code,
         i.sku.name,
         // Add UOM columns (up to MAX_UOM_COLUMNS)
         ...Array(e).fill("").map(
-          (y, x) => C[x] ? `_____ ${C[x]}` : ""
+          (y, x) => I[x] ? `_____ ${I[x]}` : ""
         )
       ];
     })
-  ], b = Te(u, a);
+  ], b = $e(u, a);
   if (b["!ref"]) {
     const i = {
       top: { style: "thin", color: { rgb: "000000" } },
       bottom: { style: "thin", color: { rgb: "000000" } },
       left: { style: "thin", color: { rgb: "000000" } },
       right: { style: "thin", color: { rgb: "000000" } }
-    }, I = 4, C = I + m.items.length, y = a.map((x, d) => String.fromCharCode(65 + d));
-    for (let x = I; x <= C; x++)
+    }, F = 4, I = F + m.items.length, y = a.map((x, d) => String.fromCharCode(65 + d));
+    for (let x = F; x <= I; x++)
       y.forEach((d) => {
         const $ = `${d}${x}`;
         b[$] || (b[$] = { t: "s", v: "" }), b[$].s = {
@@ -154,11 +156,11 @@ function Ft(m) {
     header: 0.3,
     footer: 0.3
   };
-  const l = m.name.slice(0, 31), o = Me({ [l]: b }), g = `${m.name} - Closing Template (${je(/* @__PURE__ */ new Date())}).xlsx`;
-  return Ee(o, g), g;
+  const l = m.name.slice(0, 31), o = Pe({ [l]: b }), g = `${m.name} - Closing Template (${He(/* @__PURE__ */ new Date())}).xlsx`;
+  return Me(o, g), g;
 }
 function Dt() {
-  const m = Ae(), t = Re(), e = pt(), k = Ke({
+  const m = Se(), t = Ae(), e = ut(), k = Ye({
     sku: {
       unit: {
         _id: "",
@@ -171,7 +173,7 @@ function Dt() {
       _id: "",
       name: "Sugar"
     }
-  })[0], a = m.currentBusiness.value, u = We(), b = [
+  })[0], a = m.currentBusiness.value, u = Ke(), b = [
     ["Template ID (leave empty to create new)", ""],
     ["Template Name", "New template"],
     ["Business name", a == null ? void 0 : a.name],
@@ -186,7 +188,7 @@ function Dt() {
     [],
     u.map((y) => y.name),
     u.map((y) => k[y.id])
-  ], h = u.map((y) => `system:${y.id}`), l = Te(b, h), o = e.isEnabled ? e.state.setting.childItems ?? [] : [], g = o.reduce(
+  ], h = u.map((y) => `system:${y.id}`), l = $e(b, h), o = e.isEnabled ? e.state.setting.childItems ?? [] : [], g = o.reduce(
     (y, x) => {
       var S, P;
       const d = (S = e.netSuiteItemIdToSkuId.get(x.parentNetSuiteId)) == null ? void 0 : S[0], $ = (P = e.netSuiteMeasurementIdToMeasurementId.get(
@@ -206,7 +208,7 @@ function Dt() {
       ), y);
     },
     {}
-  ), i = Te(
+  ), i = $e(
     [
       ...t.skus.flatMap((y) => [
         [y.code, y.name, y.unit.abbrev, !0],
@@ -232,16 +234,16 @@ function Dt() {
       "Enabled (true/false)",
       ...o.length ? ["Netsuite Parent"] : []
     ]
-  ), I = Me({
+  ), F = Pe({
     Template: l,
     Ingredients: i
-  }), C = `${a == null ? void 0 : a.name} transfer templates import.xlsx`;
-  return Ee(I, C), C;
+  }), I = `${a == null ? void 0 : a.name} transfer templates import.xlsx`;
+  return Me(F, I), I;
 }
 function St(m) {
   if (!m.length || `${m[0]}`.toLocaleLowerCase() === "all")
     return [];
-  const t = /(.*) \(((warehouse_|restaurant_).{24,})\)/, k = Pe().locationByDbName;
+  const t = /(.*) \(((warehouse_|restaurant_).{24,})\)/, k = Re().locationByDbName;
   return m.map((a) => {
     const u = new Array(), b = a.trim(), h = t.exec(b);
     if (!h)
@@ -269,7 +271,7 @@ function At(m) {
     b,
     h,
     l
-  ] = He(m);
+  ] = Oe(m);
   return {
     id: `${e[1] ?? ""}`.trim(),
     name: `${k[1] ?? ""}`.trim(),
@@ -290,18 +292,18 @@ function Rt(m) {
     o,
     g,
     ...i
-  ] = He(m);
+  ] = Oe(m);
   if (!t || !t.length || t.some((d) => d.length && !d.startsWith("system:")))
     throw new Error("Missing meta header. Excel file does not come from the template.");
-  const I = t.map((d) => d.split(":")[1]), y = ["code", "name", "unit", "enabled"].filter((d) => !I.includes(d));
+  const F = t.map((d) => d.split(":")[1]), y = ["code", "name", "unit", "enabled"].filter((d) => !F.includes(d));
   if (y.length)
     throw new Error(
       `Missing meta headers (${y.join()}). Excel file does not come from the template.`
     );
   return i.map((d, $) => {
     const n = {};
-    for (const w in I) {
-      const S = I[w];
+    for (const w in F) {
+      const S = F[w];
       Object.assign(n, { [S]: d[w] });
     }
     return {
@@ -321,7 +323,7 @@ function Pt(m) {
   );
 }
 function Mt(m) {
-  const t = m.parent.data, e = new Array(), a = Re().skuByCode[t.code ?? ""];
+  const t = m.parent.data, e = new Array(), a = Ae().skuByCode[t.code ?? ""];
   if (!a)
     return e.push(`Cannot find ingredient of code ${t.code} ${t.name}`), { errors: e };
   const u = {
@@ -331,7 +333,7 @@ function Mt(m) {
     `Cannot find measurement unit of ${t.unit} for (${t.code}) ${t.name}.`
   ) : (t.enabled === !0 || `${t.enabled}`.toLocaleLowerCase() === "true") && b.delete(a.unit._id);
   for (const l of m.children) {
-    const o = l.data, g = o.unit === a.unit.abbrev ? a.unit : void 0, i = a.unit.measurements.find((I) => I.abbrev === o.unit);
+    const o = l.data, g = o.unit === a.unit.abbrev ? a.unit : void 0, i = a.unit.measurements.find((F) => F.abbrev === o.unit);
     if (!i && !g) {
       e.push(
         `Cannot find measurement unit of ${o.unit} for (${t.code}) ${t.name}.`
@@ -344,18 +346,18 @@ function Mt(m) {
 }
 async function Et(m) {
   const t = m.SheetNames.filter(
-    (u) => !Object.values(Ne).map(String).includes(u)
-  ), k = await pe().readTemplates(), a = mt(k, "_id");
+    (u) => !Object.values(Ee).map(String).includes(u)
+  ), k = await ue().readTemplates(), a = ct(k, "_id");
   try {
     return t.reduce(
       (u, b) => {
         const h = new Array(), l = m.Sheets[b], o = At(l), g = St(o.locations), i = g.filter((n) => n.location).map((n) => n.location);
         h.push(...g.flatMap((n) => n.errors));
-        const I = Rt(l).filter(
+        const F = Rt(l).filter(
           (n) => n.data.code || n.data.unit
-        ), C = Pt(I);
-        h.push(...C.errors);
-        const y = C.result.map(
+        ), I = Pt(F);
+        h.push(...I.errors);
+        const y = I.result.map(
           (n) => Mt(n)
         );
         h.push(...y.flatMap((n) => n.errors));
@@ -423,7 +425,7 @@ async function Et(m) {
 const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-col" }, Lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex items-center gap-4" }, Ut = {
   key: 0,
   class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400"
-}, Vt = { key: 0 }, Ue = /* @__PURE__ */ te({
+}, Vt = { key: 0 }, Le = /* @__PURE__ */ te({
   __name: "ClosingTemplateImportItem",
   props: {
     type: {},
@@ -495,22 +497,22 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
 }, qt = { class: "fm-typo-en-body-lg-600" }, Xt = /* @__PURE__ */ te({
   __name: "ClosingTemplateImport",
   setup(m) {
-    const t = V(null), e = rt(), k = ue(), a = V(!1), u = V(!1), b = V(new Array()), h = V([]), l = V([]), o = U(
-      () => !!b.value.length || h.value.some((C) => C.errors.length) || l.value.some((C) => C.errors.length)
+    const t = V(null), e = at(), k = de(), a = V(!1), u = V(!1), b = V(new Array()), h = V([]), l = V([]), o = U(
+      () => !!b.value.length || h.value.some((I) => I.errors.length) || l.value.some((I) => I.errors.length)
     ), g = U(
       () => !!h.value.length || !!l.value.length
     ), { t: i } = ne();
-    async function I(C) {
+    async function F(I) {
       b.value = [], h.value = [], l.value = [];
       try {
         a.value = !0;
         const [y] = await Promise.all([
-          dt(C),
+          mt(I),
           // fake buffer
           new Promise((n) => setTimeout(n, 1e3))
         ]);
         if (!y.SheetNames.filter(
-          (n) => !Object.values(Ne).map(String).includes(n)
+          (n) => !Object.values(Ee).map(String).includes(n)
         ).find((n) => n)) {
           b.value.push(i("inventory.ingredient.import.fileError.noSheet"));
           return;
@@ -540,9 +542,9 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
         }), a.value = !1;
       }
     }
-    return Ie(t, (C) => {
-      C && I(C);
-    }), (C, y) => {
+    return Ce(t, (I) => {
+      I && F(I);
+    }), (I, y) => {
       const x = G("FmCircularProgress"), d = G("FmIcon"), $ = G("FmButton");
       return _(), T("div", zt, [
         r("div", Gt, D(f(i)("inventory.closing.template.import.message")), 1),
@@ -555,7 +557,7 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
           ]),
           r("div", Ht, D(f(i)("inventory.formField.loading")), 1)
         ])) : (_(), T(Y, { key: 1 }, [
-          A(ut, {
+          A(dt, {
             class: Z({
               "w-full": !0,
               "h-[200px]": !t.value
@@ -564,7 +566,7 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
             onFileUpload: y[0] || (y[0] = (n) => t.value = n),
             label: f(i)("inventory.ingredient.import.uploadTemplate"),
             "button-label": f(i)("inventory.ingredient.import.selectFile")
-          }, Je({ _: 2 }, [
+          }, Qe({ _: 2 }, [
             t.value ? {
               name: "default",
               fn: j(({ openFileDialog: n }) => [
@@ -629,7 +631,7 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
           ]), 1032, ["class", "label", "button-label"]),
           g.value ? (_(), T("div", Jt, [
             r("div", qt, D(f(i)("inventory.ingredient.import.summary")), 1),
-            (_(!0), T(Y, null, X(h.value, (n, w) => (_(), W(Ue, {
+            (_(!0), T(Y, null, X(h.value, (n, w) => (_(), W(Le, {
               key: w,
               name: n.template.name,
               locations: n.template.locations,
@@ -637,7 +639,7 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
               errors: n.errors,
               type: "create"
             }, null, 8, ["name", "locations", "items", "errors"]))), 128)),
-            (_(!0), T(Y, null, X(l.value, (n) => (_(), W(Ue, {
+            (_(!0), T(Y, null, X(l.value, (n) => (_(), W(Le, {
               key: n.template._id,
               name: n.template.name,
               locations: n.template.locations,
@@ -650,11 +652,11 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
       ]);
     };
   }
-}), Be = ze(
+}), Ne = Ve(
   "closingTemplateTable",
   function() {
     var P;
-    const { t } = ne(), e = Fe(), k = ue();
+    const { t } = ne(), e = Ie(), k = de();
     function a(s) {
       console.error("Row action failed:", s), k.open({
         title: t("inventory.common.somethingWentWrong"),
@@ -662,8 +664,8 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
         type: "error"
       });
     }
-    const u = V({}), b = Ce(), h = V({}), l = V(new Array()), o = V(!1), g = Pe(), i = pe();
-    function I(s) {
+    const u = V({}), b = Te(), h = V({}), l = V(new Array()), o = V(!1), g = Re(), i = ue();
+    function F(s) {
       const c = {
         title: s.name,
         doc: s,
@@ -699,7 +701,7 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
       };
       e.open({
         title: "Publish template",
-        contentComponent: vt,
+        contentComponent: yt,
         contentComponentProps: c,
         closeButton: !0,
         minWidth: 700,
@@ -712,7 +714,7 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
         }
       });
     }
-    const C = V(0);
+    const I = V(0);
     let y = (P = g._currentLocation) == null ? void 0 : P.dbName;
     async function x(s) {
       if (!g._currentLocation) return { docs: [], nextStartkey: null, hasMore: !1 };
@@ -725,7 +727,7 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
       return h.value = M, u.value = R.publishedRevByLocation || {}, c;
     }
     function d() {
-      l.value = [], C.value++;
+      l.value = [], I.value++;
     }
     async function $() {
       var c;
@@ -738,7 +740,7 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
           const [c] = await Promise.all([
             i.getTemplate(s),
             new Promise((R) => setTimeout(R, 1e3))
-          ]), { toClosingTemplateListItem: M } = await import("./index-CqgYx0tx.js");
+          ]), { toClosingTemplateListItem: M } = await import("./index-CCvxPS3E.js");
           l.value = [
             M(c)
           ];
@@ -750,7 +752,7 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
       }
     }
     function w(s, c) {
-      switch (c = Oe(c), s) {
+      switch (c = Ge(c), s) {
         case J.Details:
           return b.viewTemplate(c._id).catch(a);
         case J.Edit:
@@ -758,7 +760,7 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
         case J.Delete:
           return b.deleteTemplate(c, o, d);
         case J.Publish:
-          return I(c);
+          return F(c);
         case J.Duplicate:
           return b.duplicateTemplate(c, o, d);
       }
@@ -770,7 +772,7 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
           accessorKey: "_id",
           header: () => t("inventory.closing.table.createdAt"),
           cell(s) {
-            return yt(`${s.getValue()}`);
+            return ft(`${s.getValue()}`);
           },
           enableSorting: !0
         },
@@ -821,12 +823,12 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
             const c = s.row.original, R = (s.row.original.locations || g.locations).filter((O) => !!g.locationByDbName[O.dbName]), B = R.filter((O) => !!(u.value[O.dbName] || []).find(
               (ee) => ee._id === c._id && (ee.updatedAt ? ee.updatedAt === c.updatedAt : ee._rev === c._rev)
             )).length, z = R.length > 0 && B === R.length;
-            return De(
+            return Fe(
               "div",
               {
                 class: "flex items-center gap-8"
               },
-              De(
+              Fe(
                 "div",
                 {
                   class: [
@@ -843,12 +845,12 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
           id: "action",
           cell(s) {
             const c = s.row.original, M = [
-              ke[J.Edit],
-              ke[J.Duplicate],
-              ke[J.Delete],
-              ke[J.Publish]
+              xe[J.Edit],
+              xe[J.Duplicate],
+              xe[J.Delete],
+              xe[J.Publish]
             ];
-            return ft(M, (R) => w(R, c));
+            return pt(M, (R) => w(R, c));
           },
           enableSorting: !1,
           size: 40,
@@ -861,15 +863,15 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
       recentPublish: h,
       templates: l,
       loading: o,
-      tableKey: C,
+      tableKey: I,
       fetchTemplatesPage: x,
       refresh: d,
       onLocationChanged: $,
       loadTemplate: n
     };
   }
-), Ce = ze("closingTemplateActions", () => {
-  const { t: m } = ne(), t = Fe(), e = ue(), k = pe(), a = gt(), u = Be(), { loading: b } = Ge(u), h = V({});
+), Te = Ve("closingTemplateActions", () => {
+  const { t: m } = ne(), t = Ie(), e = de(), k = ue(), a = vt(), u = Ne(), { loading: b } = ze(u), h = V({});
   function l() {
     h.value = {
       mode: oe.CREATE,
@@ -896,12 +898,12 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
       message: "Deleted template can no longer be retrieved",
       primaryActions: {
         text: "Delete",
-        variant: xe.Destructive,
+        variant: _e.Destructive,
         close: !0
       },
       secondaryActions: {
         text: "Cancel",
-        variant: xe.Plain,
+        variant: _e.Plain,
         close: !0
       }
     }).onPrimary(async () => {
@@ -938,19 +940,19 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
       message: "Duplicated template can be edited after creation",
       primaryActions: {
         text: "Duplicate",
-        variant: xe.Destructive,
+        variant: _e.Destructive,
         close: !0
       },
       secondaryActions: {
         text: "Cancel",
-        variant: xe.Plain,
+        variant: _e.Plain,
         close: !0
       },
       contentComponent: te({
         props: ["modelValue"],
         emits: ["update:modelValue"],
         setup(s) {
-          return () => De(lt.FmTextField, {
+          return () => Fe(rt.FmTextField, {
             modelValue: s.modelValue,
             "onUpdate:modelValue": (c) => P = c,
             label: "New Template Name",
@@ -986,17 +988,17 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
       }
     });
   }
-  const I = V({});
-  async function C(n) {
+  const F = V({});
+  async function I(n) {
     const w = await k.getTemplate(n);
-    I.value = {
+    F.value = {
       template: w,
       show: !0,
       "onUpdate:show"(S) {
-        I.value.show = S;
+        F.value.show = S;
       },
       "onAction:edit"() {
-        I.value.show = !1, o(Oe(w));
+        F.value.show = !1, o(Ge(w));
       }
     };
   }
@@ -1115,7 +1117,7 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
   }
   return {
     createTemplate: l,
-    viewTemplate: C,
+    viewTemplate: I,
     updateTemplate: o,
     deleteTemplate: g,
     duplicateTemplate: i,
@@ -1123,13 +1125,13 @@ const Nt = { class: "flex items-center gap-12 pl-8" }, Bt = { class: "flex flex-
     exportSingleTemplate: x,
     importTemplates: d,
     templateDialogProps: h,
-    templateDetailsProps: I
+    templateDetailsProps: F
   };
 });
 function Zt(m) {
   return m ? Number(m.amount) / Math.pow(10, Number(m.precision) || 0) : 0;
 }
-function Le(m) {
+function Be(m) {
   const t = new Set(m.disabledMeasurements ?? []), e = [
     {
       id: m.sku.unit._id,
@@ -1150,10 +1152,10 @@ function Le(m) {
   return e;
 }
 function eo(m) {
-  return Le(m).filter((t) => t.enabled).length;
+  return Be(m).filter((t) => t.enabled).length;
 }
 function to(m) {
-  return Le(m).filter((t) => t.enabled).map((t) => !t.isBase && t.factor ? `${t.label} ×${t.factor}` : t.label);
+  return Be(m).filter((t) => t.enabled).map((t) => !t.isBase && t.factor ? `${t.label} ×${t.factor}` : t.label);
 }
 function oo(m, t) {
   const e = new Set(m.disabledMeasurements ?? []);
@@ -1196,7 +1198,7 @@ const no = { class: "flex items-center gap-12 py-12" }, so = {
   },
   emits: ["update", "delete"],
   setup(m, { emit: t }) {
-    const e = m, k = t, a = U(() => Le(e.item)), u = U(() => a.value.filter((o) => o.enabled)), b = U(() => u.value.length);
+    const e = m, k = t, a = U(() => Be(e.item)), u = U(() => a.value.filter((o) => o.enabled)), b = U(() => u.value.length);
     function h(o) {
       if (e.disabled) return;
       const g = oo(e.item, o);
@@ -1206,7 +1208,7 @@ const no = { class: "flex items-center gap-12 py-12" }, so = {
       return o.isBase ? "Base unit" : o.factor ? `1 ${o.label} = ${o.factor} ${e.item.sku.unit.abbrev}` : "";
     }
     return (o, g) => {
-      const i = G("FmButton"), I = G("FmMenuItem"), C = G("FmMenu");
+      const i = G("FmButton"), F = G("FmMenuItem"), I = G("FmMenu");
       return _(), T("div", no, [
         r("span", so, D(o.index + 1), 1),
         r("div", ao, [
@@ -1229,7 +1231,7 @@ const no = { class: "flex items-center gap-12 py-12" }, so = {
           ], 2))), 128))
         ]),
         r("div", uo, [
-          A(C, { "close-on-click": !1 }, {
+          A(I, { "close-on-click": !1 }, {
             "menu-button": j(() => [
               A(i, {
                 variant: "secondary",
@@ -1240,7 +1242,7 @@ const no = { class: "flex items-center gap-12 py-12" }, so = {
               }, null, 8, ["disabled", "label"])
             ]),
             default: j(() => [
-              (_(!0), T(Y, null, X(a.value, (y) => (_(), W(I, {
+              (_(!0), T(Y, null, X(a.value, (y) => (_(), W(F, {
                 key: y.id,
                 "model-value": y.enabled,
                 "has-checkbox": "",
@@ -1266,7 +1268,7 @@ const no = { class: "flex items-center gap-12 py-12" }, so = {
 });
 function fo(m) {
   const t = V("");
-  Ie(m, () => {
+  Ce(m, () => {
     t.value = "";
   });
   const e = U(() => t.value.trim().length > 0);
@@ -1336,61 +1338,68 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
   },
   emits: ["reorderDefault", "addItems"],
   setup(m, { emit: t }) {
-    const { promptSelectIngredients: e } = Ye(), k = Fe(), a = m, u = t, b = ["#EAB308", "#22C55E", "#3B82F6", "#A855F7", "#F97316", "#EC4899", "#14B8A6"], h = V("default"), { searchQuery: l, hasQuery: o, filterItems: g } = fo(h), i = U(() => a.groups ?? []);
-    function I(p) {
+    const { promptSelectIngredients: e } = je(), k = Ie(), a = m, u = t, b = ["#EAB308", "#22C55E", "#3B82F6", "#A855F7", "#F97316", "#EC4899", "#14B8A6"], h = V("default"), { searchQuery: l, hasQuery: o, filterItems: g } = fo(h), i = U(() => a.groups ?? []);
+    function F(p) {
       a.updateGroups(p);
     }
-    function C() {
+    function I() {
       return `tmplGroup_${Date.now()}_${Math.floor(Math.random() * 1e4)}`;
     }
     const y = V(null), x = V(null);
-    function d(p, v, F) {
+    function d(p, v, C) {
       var E;
-      x.value = p, y.value = v, (E = F.dataTransfer) == null || E.setData("text/plain", String(v)), F.dataTransfer && (F.dataTransfer.effectAllowed = "move");
+      x.value = p, y.value = v, (E = C.dataTransfer) == null || E.setData("text/plain", String(v)), C.dataTransfer && (C.dataTransfer.effectAllowed = "move");
     }
-    function $(p, v, F) {
-      const E = [...p], [N] = E.splice(v, 1);
-      return E.splice(F, 0, N), E;
+    function $(p, v, C) {
+      const E = [...p], [L] = E.splice(v, 1);
+      return E.splice(C, 0, L), E;
     }
     function n(p, v) {
-      const F = y.value, E = x.value;
-      if (y.value = null, x.value = null, !(F === null || E !== p || F === v))
+      const C = y.value, E = x.value;
+      if (y.value = null, x.value = null, !(C === null || E !== p || C === v))
         if (p === "default")
           u(
             "reorderDefault",
             $(
-              a.items.map((N) => N.sku._id),
-              F,
+              a.items.map((L) => L.sku._id),
+              C,
               v
             )
           );
         else {
-          const N = O(p);
-          N && re(p, $(N.items.map((Q) => Q.skuId), F, v));
+          const L = O(p);
+          L && ae(
+            p,
+            $(
+              L.items.map((N) => N.skuId),
+              C,
+              v
+            )
+          );
         }
     }
     const w = U(
       () => Object.fromEntries(a.items.map((p) => [p.sku._id, p]))
     );
-    Ie(
+    Ce(
       () => a.items.map((p) => p.sku._id),
       (p) => {
         const v = new Set(p);
-        let F = !1;
-        const E = i.value.map((N) => {
-          const Q = N.items.filter((L) => v.has(L.skuId));
-          return Q.length !== N.items.length ? (F = !0, { ...N, items: Q }) : N;
+        let C = !1;
+        const E = i.value.map((L) => {
+          const N = L.items.filter((Q) => v.has(Q.skuId));
+          return N.length !== L.items.length ? (C = !0, { ...L, items: N }) : L;
         });
-        F && I(E);
+        C && F(E);
       }
     );
     const S = U(() => {
       const p = /* @__PURE__ */ new Map();
-      for (const F of i.value)
-        for (const E of F.items) p.set(E.skuId, (p.get(E.skuId) ?? 0) + 1);
+      for (const C of i.value)
+        for (const E of C.items) p.set(E.skuId, (p.get(E.skuId) ?? 0) + 1);
       let v = 0;
-      return p.forEach((F) => {
-        F > 1 && v++;
+      return p.forEach((C) => {
+        C > 1 && v++;
       }), v;
     }), P = U(() => {
       const p = i.value.length;
@@ -1407,20 +1416,20 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
     ]), c = U(
       () => s.value.find((p) => p.id === h.value) ?? s.value[0]
     ), M = U(() => c.value.isDefault), R = U(
-      () => M.value ? [] : le(h.value)
+      () => M.value ? [] : re(h.value)
     );
     function B(p) {
       return h.value === p;
     }
     function z() {
-      const p = C();
-      I([...i.value, { id: p, name: `Group ${i.value.length + 1}`, items: [] }]), h.value = p;
+      const p = I();
+      F([...i.value, { id: p, name: `Group ${i.value.length + 1}`, items: [] }]), h.value = p;
     }
     function O(p) {
       return i.value.find((v) => v.id === p) ?? null;
     }
-    function me(p) {
-      I(i.value.filter((v) => v.id !== p)), h.value === p && (h.value = "default");
+    function ce(p) {
+      F(i.value.filter((v) => v.id !== p)), h.value === p && (h.value = "default");
     }
     function ee(p, v) {
       k.open({
@@ -1429,74 +1438,77 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
         message: "This removes the group and its item selection. The items stay in Default and other groups.",
         primaryActions: { text: "Delete", close: !0, variant: "destructive" },
         secondaryActions: { text: "Cancel", close: !0 }
-      }).onPrimary(() => me(p));
+      }).onPrimary(() => ce(p));
     }
-    function ae(p, v) {
-      I(i.value.map((F) => F.id === p ? { ...F, name: v } : F));
+    function se(p, v) {
+      F(i.value.map((C) => C.id === p ? { ...C, name: v } : C));
     }
-    function re(p, v) {
-      I(
+    function ae(p, v) {
+      F(
         i.value.map(
-          (F) => F.id === p ? { ...F, items: v.map((E, N) => ({ skuId: E, position: N })) } : F
+          (C) => C.id === p ? { ...C, items: v.map((E, L) => ({ skuId: E, position: L })) } : C
         )
       );
     }
-    async function fe(p) {
+    async function pe(p) {
       if (a.disabled) return;
       const v = O(p);
       if (!v) return;
-      const F = await e(
+      const C = await e(
         v.items.map((E) => E.skuId),
         (E) => E,
         a.items.map((E) => E.sku)
       );
-      F && re(p, F);
+      C && ae(p, C);
     }
-    function ye() {
-      M.value ? u("addItems") : fe(h.value);
+    function fe() {
+      M.value ? u("addItems") : pe(h.value);
     }
-    function ve(p, v) {
-      const F = O(p);
-      if (!F) return;
-      const E = F.items.some((N) => N.skuId === v) ? F.items.filter((N) => N.skuId !== v).map((N) => N.skuId) : [...F.items.map((N) => N.skuId), v];
-      re(p, E);
+    function ye(p, v) {
+      const C = O(p);
+      if (!C) return;
+      const E = C.items.some((L) => L.skuId === v) ? C.items.filter((L) => L.skuId !== v).map((L) => L.skuId) : [...C.items.map((L) => L.skuId), v];
+      ae(p, E);
     }
-    function le(p) {
+    function re(p) {
       const v = O(p);
-      return v ? v.items.map((F) => w.value[F.skuId]).filter(Boolean) : [];
+      return v ? v.items.map((C) => w.value[C.skuId]).filter(Boolean) : [];
     }
-    const ie = U(() => g(a.items)), ce = U(
+    const le = U(() => g(a.items)), ie = U(
       () => g(R.value)
-    ), ge = U(
-      () => o.value ? M.value ? ie.value.length : ce.value.length : c.value.itemCount
+    ), ve = U(
+      () => o.value ? M.value ? le.value.length : ie.value.length : c.value.itemCount
     );
-    function be(p) {
+    function ge(p) {
       const v = B(p.id);
       if (p.isDefault)
         return v ? { background: "#1F2937", color: "#FFFFFF", border: "1px solid #1F2937" } : { background: "#FFFFFF", color: "#374151", border: "1px solid #E5E7EB" };
-      const F = p.color || "#999999";
-      return v ? { background: F, color: de(F), border: `1px solid ${F}` } : { background: `${F}1A`, color: "#374151", border: `1px solid ${F}` };
+      const C = p.color || "#999999";
+      return v ? { background: C, color: me(C), border: `1px solid ${C}` } : { background: `${C}1A`, color: "#374151", border: `1px solid ${C}` };
     }
-    function de(p) {
-      const v = p.replace("#", ""), F = parseInt(v.slice(0, 2), 16), E = parseInt(v.slice(2, 4), 16), N = parseInt(v.slice(4, 6), 16);
-      return (0.299 * F + 0.587 * E + 0.114 * N) / 255 > 0.6 ? "#1F2937" : "#FFFFFF";
+    function me(p) {
+      const v = p.replace("#", ""), C = parseInt(v.slice(0, 2), 16), E = parseInt(v.slice(2, 4), 16), L = parseInt(v.slice(4, 6), 16);
+      return (0.299 * C + 0.587 * E + 0.114 * L) / 255 > 0.6 ? "#1F2937" : "#FFFFFF";
     }
-    function he(p) {
-      return B(p.id) ? (p.isDefault ? "#FFFFFF" : de(p.color || "#999999")) === "#FFFFFF" ? { background: "rgba(255,255,255,0.25)", color: "#FFFFFF" } : { background: "rgba(0,0,0,0.12)", color: "#1F2937" } : { background: "rgba(0,0,0,0.06)", color: "inherit" };
+    function be(p) {
+      return B(p.id) ? (p.isDefault ? "#FFFFFF" : me(p.color || "#999999")) === "#FFFFFF" ? { background: "rgba(255,255,255,0.25)", color: "#FFFFFF" } : { background: "rgba(0,0,0,0.12)", color: "#1F2937" } : { background: "rgba(0,0,0,0.06)", color: "inherit" };
     }
     return (p, v) => {
-      const F = G("FmPill"), E = G("FmButton"), N = G("FmIcon"), Q = G("FmTextField");
+      const C = G("FmButton"), E = G("FmIcon"), L = G("FmTextField");
       return _(), T("div", yo, [
         r("div", vo, [
           r("div", go, [
             r("div", bo, [
               v[6] || (v[6] = r("div", { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, "Groups & items", -1)),
-              A(F, { variant: "beta" })
+              A(kt, {
+                tier: "standard",
+                category: "beta"
+              })
             ]),
             r("div", ho, D(P.value), 1)
           ]),
           r("div", _o, [
-            A(E, {
+            A(C, {
               disabled: p.disabled,
               label: "New Group",
               "prepend-icon": "add",
@@ -1507,20 +1519,20 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
             }, null, 8, ["disabled"])
           ])
         ]),
-        v[15] || (v[15] = qe('<div class="flex items-start gap-8 p-12 fm-corner-radius-md border-1 border-yellow-500 bg-yellow-50 text-yellow-700"><div class="flex flex-col gap-2"><div class="fm-typo-en-body-md-600 text-fm-color-typo-primary">📦 Closing Groups</div><div class="fm-typo-en-body-sm-400"> Split a closing template into named groups (e.g. by section, fridge, or station) so several staff can stock take in parallel and you manage them in one place. Group stock take is currently only available in the Inventory mobile app — it&#39;s not yet available in POS. You can keep using the <span class="fm-typo-en-body-sm-600 text-fm-color-typo-primary">Default (master list)</span> group as usual. </div></div></div>', 1)),
+        v[15] || (v[15] = Je('<div class="flex items-start gap-8 p-12 fm-corner-radius-md border-1 border-yellow-500 bg-yellow-50 text-yellow-700"><div class="flex flex-col gap-2"><div class="fm-typo-en-body-md-600 text-fm-color-typo-primary">📦 Closing Groups</div><div class="fm-typo-en-body-sm-400"> Split a closing template into named groups (e.g. by section, fridge, or station) so several staff can stock take in parallel and you manage them in one place. Group stock take is currently only available in the Inventory mobile app — it&#39;s not yet available in POS. You can keep using the <span class="fm-typo-en-body-sm-600 text-fm-color-typo-primary">Default (master list)</span> group as usual. </div></div></div>', 1)),
         r("div", xo, [
-          (_(!0), T(Y, null, X(s.value, (L) => (_(), T("button", {
-            key: L.id,
+          (_(!0), T(Y, null, X(s.value, (N) => (_(), T("button", {
+            key: N.id,
             type: "button",
             class: "flex items-center rounded-full",
-            style: Se([{ gap: "8px", padding: "6px 14px" }, be(L)]),
-            onClick: (se) => h.value = L.id
+            style: De([{ gap: "8px", padding: "6px 14px" }, ge(N)]),
+            onClick: (Q) => h.value = N.id
           }, [
-            r("span", wo, D(L.name), 1),
+            r("span", wo, D(N.name), 1),
             r("span", {
               class: "fm-typo-en-body-sm-600 rounded-full",
-              style: Se([{ padding: "0 8px" }, he(L)])
-            }, D(L.itemCount), 5)
+              style: De([{ padding: "0 8px" }, be(N)])
+            }, D(N.itemCount), 5)
           ], 12, ko))), 128)),
           r("button", {
             type: "button",
@@ -1529,7 +1541,7 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
             style: { gap: "6px", padding: "6px 14px" },
             onClick: z
           }, [
-            A(N, {
+            A(E, {
               name: "add",
               size: "sm"
             }),
@@ -1542,22 +1554,22 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
               r("span", { class: "fm-typo-en-body-lg-600 italic text-fm-color-typo-primary" }, "Default", -1),
               r("span", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary truncate" }, " master list · sets the item pool & units ", -1)
             ]))) : (_(), T("div", Fo, [
-              A(Q, {
+              A(L, {
                 "model-value": c.value.name,
                 disabled: p.disabled,
                 placeholder: "Group name",
-                "onUpdate:modelValue": v[0] || (v[0] = (L) => ae(h.value, L))
+                "onUpdate:modelValue": v[0] || (v[0] = (N) => se(h.value, N))
               }, null, 8, ["model-value", "disabled"])
             ])),
             r("span", Do, [
               f(o) ? (_(), T(Y, { key: 0 }, [
-                K(D(ge.value) + " of " + D(c.value.itemCount), 1)
+                K(D(ve.value) + " of " + D(c.value.itemCount), 1)
               ], 64)) : (_(), T(Y, { key: 1 }, [
                 K(D(c.value.itemCount), 1)
               ], 64)),
               v[9] || (v[9] = K(" items "))
             ]),
-            M.value ? H("", !0) : (_(), W(E, {
+            M.value ? H("", !0) : (_(), W(C, {
               key: 2,
               disabled: p.disabled,
               label: "Delete group",
@@ -1565,33 +1577,33 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
               variant: "secondary",
               size: "md",
               class: "rounded-lg shrink-0",
-              onClick: v[1] || (v[1] = (L) => ee(h.value, c.value.name))
+              onClick: v[1] || (v[1] = (N) => ee(h.value, c.value.name))
             }, null, 8, ["disabled"])),
-            A(E, {
+            A(C, {
               disabled: p.disabled,
               label: "Add items",
               "prepend-icon": "add",
               variant: "primary",
               size: "md",
               class: "rounded-lg shrink-0",
-              onClick: ye
+              onClick: fe
             }, null, 8, ["disabled"])
           ]),
           c.value.itemCount > 0 || f(o) ? (_(), T("div", So, [
-            A(N, {
+            A(E, {
               name: "search",
               size: "sm",
               color: "neutral-gray-400",
               class: "shrink-0"
             }),
-            Xe(r("input", {
-              "onUpdate:modelValue": v[2] || (v[2] = (L) => Ve(l) ? l.value = L : null),
+            qe(r("input", {
+              "onUpdate:modelValue": v[2] || (v[2] = (N) => Ue(l) ? l.value = N : null),
               type: "search",
               "aria-label": "Search items by name or code",
               placeholder: "Search items by name or code...",
               class: "flex-1 bg-transparent outline-none fm-typo-en-body-md-400 text-fm-color-typo-primary placeholder:text-fm-color-typo-disabled"
             }, null, 512), [
-              [Ze, f(l)]
+              [Xe, f(l)]
             ]),
             f(o) ? (_(), T("button", {
               key: 0,
@@ -1599,16 +1611,16 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
               "aria-label": "Clear search",
               title: "Clear search",
               class: "flex items-center text-fm-color-typo-secondary hover:text-fm-color-typo-primary",
-              onClick: v[3] || (v[3] = (L) => l.value = "")
+              onClick: v[3] || (v[3] = (N) => l.value = "")
             }, [
-              A(N, {
+              A(E, {
                 name: "close",
                 size: "sm"
               })
             ])) : H("", !0)
           ])) : H("", !0),
           !f(o) && c.value.itemCount > 1 ? (_(), T("div", Ao, [
-            A(N, {
+            A(E, {
               name: "drag_indicator",
               size: "sm",
               color: "neutral-gray-400",
@@ -1617,16 +1629,16 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
             v[10] || (v[10] = K(" Drag a row to reorder items. "))
           ])) : H("", !0),
           M.value ? (_(), T("div", Ro, [
-            (_(!0), T(Y, null, X(ie.value, (L, se) => (_(), T("div", {
-              key: L.sku._id,
+            (_(!0), T(Y, null, X(le.value, (N, Q) => (_(), T("div", {
+              key: N.sku._id,
               draggable: !f(o),
-              onDragstart: (q) => !f(o) && d("default", se, q),
-              onDragover: v[4] || (v[4] = _e(() => {
+              onDragstart: (q) => !f(o) && d("default", Q, q),
+              onDragover: v[4] || (v[4] = he(() => {
               }, ["prevent"])),
-              onDrop: _e((q) => !f(o) && n("default", se), ["prevent"]),
+              onDrop: he((q) => !f(o) && n("default", Q), ["prevent"]),
               class: Z(["flex items-center gap-4 px-16 border-b border-fm-color-neutral-gray-200 hover:bg-fm-color-neutral-gray-100", f(o) ? "cursor-default" : "cursor-grab"])
             }, [
-              f(o) ? H("", !0) : (_(), W(N, {
+              f(o) ? H("", !0) : (_(), W(E, {
                 key: 0,
                 name: "drag_indicator",
                 size: "sm",
@@ -1635,14 +1647,14 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
               })),
               A(po, {
                 class: "flex-1 min-w-0",
-                item: L,
-                index: se,
+                item: N,
+                index: Q,
                 disabled: p.disabled,
                 onUpdate: p.updateItem,
-                onDelete: (q) => p.deleteItem(L)
+                onDelete: (q) => p.deleteItem(N)
               }, null, 8, ["item", "index", "disabled", "onUpdate", "onDelete"])
             ], 42, Po))), 128)),
-            f(o) && p.items.length > 0 && !ie.value.length ? (_(), T("div", Mo, [
+            f(o) && p.items.length > 0 && !le.value.length ? (_(), T("div", Mo, [
               v[11] || (v[11] = K(" No items match ")),
               r("span", Eo, D(f(l)), 1)
             ])) : p.items.length ? H("", !0) : (_(), T("div", No, v[12] || (v[12] = [
@@ -1651,7 +1663,7 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
               K(" to add from your catalog. ")
             ])))
           ])) : (_(), T("div", Bo, [
-            f(o) && R.value.length > 0 && !ce.value.length ? (_(), T("div", Lo, [
+            f(o) && R.value.length > 0 && !ie.value.length ? (_(), T("div", Lo, [
               v[13] || (v[13] = K(" No items match ")),
               r("span", Uo, D(f(l)), 1)
             ])) : R.value.length ? H("", !0) : (_(), T("div", Vo, v[14] || (v[14] = [
@@ -1659,39 +1671,39 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
               r("span", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, "+ Add items", -1),
               K(" on this group to assign items. ")
             ]))),
-            (_(!0), T(Y, null, X(ce.value, (L, se) => (_(), T("div", {
-              key: L.sku._id,
+            (_(!0), T(Y, null, X(ie.value, (N, Q) => (_(), T("div", {
+              key: N.sku._id,
               draggable: !f(o),
-              onDragstart: (q) => !f(o) && d(h.value, se, q),
-              onDragover: v[5] || (v[5] = _e(() => {
+              onDragstart: (q) => !f(o) && d(h.value, Q, q),
+              onDragover: v[5] || (v[5] = he(() => {
               }, ["prevent"])),
-              onDrop: _e((q) => !f(o) && n(h.value, se), ["prevent"]),
+              onDrop: he((q) => !f(o) && n(h.value, Q), ["prevent"]),
               class: Z(["flex items-center gap-12 px-16 py-12 border-b border-fm-color-neutral-gray-200 hover:bg-fm-color-neutral-gray-100", f(o) ? "cursor-default" : "cursor-grab"])
             }, [
-              f(o) ? H("", !0) : (_(), W(N, {
+              f(o) ? H("", !0) : (_(), W(E, {
                 key: 0,
                 name: "drag_indicator",
                 size: "sm",
                 color: "neutral-gray-400",
                 class: "shrink-0"
               })),
-              r("span", Go, D(R.value.findIndex((q) => q.sku._id === L.sku._id) + 1), 1),
+              r("span", Go, D(R.value.findIndex((q) => q.sku._id === N.sku._id) + 1), 1),
               r("div", Oo, [
-                r("div", Ho, D(L.sku.code), 1),
-                r("div", jo, D(L.sku.name), 1)
+                r("div", Ho, D(N.sku.code), 1),
+                r("div", jo, D(N.sku.name), 1)
               ]),
               r("div", Yo, [
-                (_(!0), T(Y, null, X(f(to)(L), (q, Qe) => (_(), T("span", {
-                  key: Qe,
+                (_(!0), T(Y, null, X(f(to)(N), (q, We) => (_(), T("span", {
+                  key: We,
                   class: "px-8 py-2 rounded-full border border-fm-color-neutral-gray-200 fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
                 }, D(q), 1))), 128))
               ]),
-              A(E, {
+              A(C, {
                 disabled: p.disabled,
                 icon: "delete",
                 variant: "tertiary",
                 size: "md",
-                onClick: (q) => ve(h.value, L.sku._id)
+                onClick: (q) => ye(h.value, N.sku._id)
               }, null, 8, ["disabled", "onClick"])
             ], 42, zo))), 128))
           ]))
@@ -1706,7 +1718,7 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
     disabled: { type: Boolean }
   },
   setup(m, { expose: t }) {
-    const e = kt(), { t: k } = ne(), a = Re(), {
+    const e = xt(), { t: k } = ne(), a = Ae(), {
       promptSelectLocations: u,
       columnDefs: b,
       rowData: h
@@ -1745,13 +1757,13 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
     function i(d) {
       e.items = e.items.map(($) => $.sku._id === d.sku._id ? d : $);
     }
-    function I(d) {
+    function F(d) {
       e.items = e.items.filter(($) => $.sku._id !== d.sku._id);
     }
-    function C(d) {
+    function I(d) {
       e.groups = d;
     }
-    const { promptSelectIngredients: y } = Ye();
+    const { promptSelectIngredients: y } = je();
     async function x() {
       const $ = a.skus.map((S) => ({
         label: S.name,
@@ -1787,7 +1799,7 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
                 "label-mark": "required",
                 modelValue: f(e).name,
                 "onUpdate:modelValue": $[0] || ($[0] = (c) => f(e).name = c),
-                rules: [f(_t)()]
+                rules: [f(ht)()]
               }, null, 8, ["label", "modelValue", "rules"]),
               A(n, {
                 label: f(k)("inventory.closing.form.reference"),
@@ -1825,15 +1837,15 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
               items: o.value,
               groups: f(e).groups,
               "update-item": i,
-              "delete-item": I,
-              "update-groups": C,
+              "delete-item": F,
+              "update-groups": I,
               disabled: d.disabled,
               onReorderDefault: g,
               onAddItems: x
             }, null, 8, ["items", "groups", "disabled"]),
             A(P, {
               "model-value": f(e).items.length,
-              rules: [f(xt)(1)]
+              rules: [f(_t)(1)]
             }, null, 8, ["model-value", "rules"])
           ])
         ]),
@@ -1851,7 +1863,7 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
   emits: ["update:show", "submitted"],
   setup(m, { expose: t, emit: e }) {
     var P;
-    const k = m, a = e, u = pe(), b = Ce(), h = ue(), { t: l } = ne(), o = it(k, "show");
+    const k = m, a = e, u = ue(), b = Te(), h = de(), { t: l } = ne(), o = lt(k, "show");
     function g() {
       return {
         _id: "",
@@ -1859,15 +1871,15 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
         items: []
       };
     }
-    const i = V(k.modelValue ?? g()), I = V(((P = k.modelValue) == null ? void 0 : P._id) ?? `${Math.random()}`);
-    Ie(
+    const i = V(k.modelValue ?? g()), F = V(((P = k.modelValue) == null ? void 0 : P._id) ?? `${Math.random()}`);
+    Ce(
       () => k.show,
       (s) => {
         var c;
-        s && (i.value = k.modelValue ?? g(), I.value = ((c = k.modelValue) == null ? void 0 : c._id) ?? `${Math.random()}`);
+        s && (i.value = k.modelValue ?? g(), F.value = ((c = k.modelValue) == null ? void 0 : c._id) ?? `${Math.random()}`);
       }
     );
-    const C = V(!1), y = U(() => {
+    const I = V(!1), y = U(() => {
       switch (k.mode) {
         case oe.READ:
           return "";
@@ -1895,7 +1907,7 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
     async function d() {
       const s = i.value;
       if (s) {
-        C.value = !0;
+        I.value = !0;
         try {
           await u.createTemplate(s), await new Promise((c) => setTimeout(c, 1e3)), h.open({
             title: l("inventory.closing.template.create.success"),
@@ -1909,14 +1921,14 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
             type: "error"
           }), console.error("Error in creating closing template", c);
         } finally {
-          C.value = !1;
+          I.value = !1;
         }
       }
     }
     async function $() {
       const s = i.value;
       if (s) {
-        C.value = !0, delete s.updatedAt;
+        I.value = !0, delete s.updatedAt;
         try {
           await u.updateTemplate({
             ...s,
@@ -1933,7 +1945,7 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
             type: "error"
           }), console.error("Error in updating closing template", c);
         } finally {
-          C.value = !1;
+          I.value = !1;
         }
       }
     }
@@ -1956,7 +1968,7 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
       const M = G("FmMenuDivider"), R = G("FmCard"), B = G("FmButton"), z = G("FmSideSheet");
       return _(), W(z, {
         modelValue: f(o),
-        "onUpdate:modelValue": c[2] || (c[2] = (O) => Ve(o) ? o.value = O : null),
+        "onUpdate:modelValue": c[2] || (c[2] = (O) => Ue(o) ? o.value = O : null),
         "dismiss-away": "",
         "close-button": "",
         "max-width": 9999
@@ -1984,7 +1996,7 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
                     r("div", mn, D(f(l)("inventory.transfer.receiveRequest.details.updatedAt")), 1),
                     r("div", dn, [
                       r("div", un, [
-                        K(D(f($e)(i.value.updatedAt)) + " ", 1),
+                        K(D(f(we)(i.value.updatedAt)) + " ", 1),
                         (O = i.value.updatedBy) != null && O.name ? (_(), T(Y, { key: 0 }, [
                           K(" (" + D(i.value.updatedBy.name) + ") ", 1)
                         ], 64)) : H("", !0)
@@ -2006,27 +2018,27 @@ const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start ju
             onValidationSuccess: n,
             "model-value": i.value,
             "onUpdate:modelValue": c[0] || (c[0] = (O) => i.value = O),
-            disabled: C.value,
-            key: I.value
+            disabled: I.value,
+            key: F.value
           }, null, 8, ["model-value", "disabled"]))
         ]),
         "side-sheet-footer": j(() => [
           r("div", pn, [
             A(B, {
-              loading: C.value,
+              loading: I.value,
               label: f(l)("common.save"),
               onClick: w
             }, null, 8, ["loading", "label"]),
             s.mode === f(oe).UPDATE ? (_(), W(B, {
               key: 0,
-              disabled: C.value,
+              disabled: I.value,
               variant: "secondary",
               label: f(l)("inventory.common.export"),
               "prepend-icon": "download",
               onClick: S
             }, null, 8, ["disabled", "label"])) : H("", !0),
             A(B, {
-              disabled: C.value,
+              disabled: I.value,
               variant: "tertiary",
               label: f(l)("common.close"),
               onClick: c[1] || (c[1] = (O) => a("update:show", !1))
@@ -2054,7 +2066,7 @@ const gn = /* @__PURE__ */ Ct(yn, [["render", vn]]), bn = { class: "flex flex-co
   __name: "ClosingTemplatePublish",
   emits: ["close"],
   setup(m, { emit: t }) {
-    const e = V(!1), k = ue(), a = pe(), u = Be(), { t: b } = ne(), h = t;
+    const e = V(!1), k = de(), a = ue(), u = Ne(), { t: b } = ne(), h = t;
     async function l() {
       e.value = !0;
       try {
@@ -2063,12 +2075,12 @@ const gn = /* @__PURE__ */ Ct(yn, [["render", vn]]), bn = { class: "flex flex-co
           message: "You may refresh after a while to review publish status",
           type: "success"
         }), i();
-      } catch (I) {
+      } catch (F) {
         k.open({
           title: "Something went wrong",
           message: "Please try again",
           type: "error"
-        }), console.error("error on creating publish task", I);
+        }), console.error("error on creating publish task", F);
       } finally {
         e.value = !1;
       }
@@ -2079,7 +2091,7 @@ const gn = /* @__PURE__ */ Ct(yn, [["render", vn]]), bn = { class: "flex flex-co
     function i() {
       h("close");
     }
-    return (I, C) => {
+    return (F, I) => {
       const y = G("FmCircularProgress"), x = G("i18n-t"), d = G("FmButton");
       return _(), T("div", bn, [
         f(u).templates.length ? e.value ? (_(), T("div", _n, [
@@ -2098,10 +2110,10 @@ const gn = /* @__PURE__ */ Ct(yn, [["render", vn]]), bn = { class: "flex flex-co
             tag: "p"
           }, {
             started: j(() => [
-              r("span", $n, D(f($e)(new Date(o.value.createdAt))), 1)
+              r("span", $n, D(f(we)(new Date(o.value.createdAt))), 1)
             ]),
             finished: j(() => [
-              r("span", Tn, D(f($e)(new Date(o.value.updatedAt))), 1)
+              r("span", Tn, D(f(we)(new Date(o.value.updatedAt))), 1)
             ]),
             _: 1
           }),
@@ -2112,7 +2124,7 @@ const gn = /* @__PURE__ */ Ct(yn, [["render", vn]]), bn = { class: "flex flex-co
             tag: "p"
           }, {
             started: j(() => [
-              r("span", In, D(f($e)(new Date(o.value.createdAt))), 1)
+              r("span", In, D(f(we)(new Date(o.value.createdAt))), 1)
             ]),
             progress: j(() => [
               r("span", Fn, " (" + D(o.value.completed.length) + "/" + D(o.value.outlets.length) + " completed) ", 1)
@@ -2142,21 +2154,21 @@ const gn = /* @__PURE__ */ Ct(yn, [["render", vn]]), bn = { class: "flex flex-co
       ]);
     };
   }
-}), An = { class: "flex-1 flex flex-col gap-8" }, Rn = { class: "flex flex-col" }, Pn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Mn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, En = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Nn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, cs = /* @__PURE__ */ te({
+}), An = { class: "flex-1 flex flex-col gap-8" }, Rn = { class: "flex flex-col" }, Pn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Mn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, En = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Nn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, ds = /* @__PURE__ */ te({
   __name: "ClosingTemplateView",
   setup(m) {
-    const { t } = ne(), { createTemplate: e, updateTemplate: k, exportTemplates: a, importTemplates: u } = Ce(), { templateDialogProps: b, templateDetailsProps: h } = Ge(Ce()), l = Pe(), o = Fe(), g = Be(), i = st(), { breakpoints: I } = ct();
+    const { t } = ne(), { createTemplate: e, updateTemplate: k, exportTemplates: a, importTemplates: u } = Te(), { templateDialogProps: b, templateDetailsProps: h } = ze(Te()), l = Re(), o = Ie(), g = Ne(), i = nt(), { breakpoints: F } = it();
     l.watchLocation(g.onLocationChanged);
-    const C = U(() => g.loading), y = V(""), x = V();
+    const I = U(() => g.loading), y = V(""), x = V();
     function d(M) {
       var R;
       (R = x.value) == null || R.openRowDetail(M);
     }
     async function $(M) {
-      const { toClosingTemplateListItem: R } = await import("./index-CqgYx0tx.js");
+      const { toClosingTemplateListItem: R } = await import("./index-CCvxPS3E.js");
       return { ...R(M), _rev: M._rev };
     }
-    const n = U(() => I.value.xs || I.value.sm), w = U(() => n.value ? 10 : 20);
+    const n = U(() => F.value.xs || F.value.sm), w = U(() => n.value ? 10 : 20);
     function S(M) {
       switch (M) {
         case J.Add:
@@ -2241,7 +2253,7 @@ const gn = /* @__PURE__ */ Ct(yn, [["render", vn]]), bn = { class: "flex flex-co
       }
     ]);
     return (M, R) => (_(), T(Y, null, [
-      A(at, {
+      A(st, {
         title: f(t)("inventory.closing.template.title"),
         actions: c.value,
         "onClick:action": S
@@ -2256,13 +2268,13 @@ const gn = /* @__PURE__ */ Ct(yn, [["render", vn]]), bn = { class: "flex flex-co
               }
             ])
           }, [
-            A(bt, {
+            A(gt, {
               searchable: "",
               search: y.value,
               "onUpdate:search": R[0] || (R[0] = (B) => y.value = B)
             }, null, 8, ["search"]),
-            A(ht, {
-              style: Se(f(i).tableHeight),
+            A(bt, {
+              style: De(f(i).tableHeight),
               "column-defs": f(g).columnDefs,
               rows: f(g).templates,
               "onUpdate:rows": R[1] || (R[1] = (B) => f(g).templates = B),
@@ -2271,7 +2283,7 @@ const gn = /* @__PURE__ */ Ct(yn, [["render", vn]]), bn = { class: "flex flex-co
               ref_key: "tableRef",
               ref: x,
               "search-value": y.value,
-              loading: C.value,
+              loading: I.value,
               "fetch-detail": (B, z) => f(k)(B._id, z),
               "detail-to-row": $,
               "page-size": w.value
@@ -2282,24 +2294,24 @@ const gn = /* @__PURE__ */ Ct(yn, [["render", vn]]), bn = { class: "flex flex-co
                   onRowClick: (z) => d(z)
                 }, {
                   default: j((z) => {
-                    var O, me, ee, ae, re, fe, ye, ve, le, ie, ce, ge, be, de, he, p, v, F, E, N, Q, L;
+                    var O, ce, ee, se, ae, pe, fe, ye, re, le, ie, ve, ge, me, be, p, v, C, E, L, N, Q;
                     return [
                       r("div", An, [
                         r("div", Rn, [
                           r("div", Pn, [
-                            A(f(we), {
-                              render: (ee = (me = (O = z._id) == null ? void 0 : O.column) == null ? void 0 : me.columnDef) == null ? void 0 : ee.cell,
-                              props: (re = (ae = z._id) == null ? void 0 : ae.getContext) == null ? void 0 : re.call(ae)
+                            A(f(ke), {
+                              render: (ee = (ce = (O = z._id) == null ? void 0 : O.column) == null ? void 0 : ce.columnDef) == null ? void 0 : ee.cell,
+                              props: (ae = (se = z._id) == null ? void 0 : se.getContext) == null ? void 0 : ae.call(se)
                             }, null, 8, ["render", "props"])
                           ]),
                           r("div", Mn, [
-                            A(f(we), {
-                              render: (ve = (ye = (fe = z.name) == null ? void 0 : fe.column) == null ? void 0 : ye.columnDef) == null ? void 0 : ve.cell,
-                              props: (ie = (le = z.name) == null ? void 0 : le.getContext) == null ? void 0 : ie.call(le)
+                            A(f(ke), {
+                              render: (ye = (fe = (pe = z.name) == null ? void 0 : pe.column) == null ? void 0 : fe.columnDef) == null ? void 0 : ye.cell,
+                              props: (le = (re = z.name) == null ? void 0 : re.getContext) == null ? void 0 : le.call(re)
                             }, null, 8, ["render", "props"])
                           ]),
-                          r("div", null, D((ce = B.original.locations) != null && ce.length ? f(t)("inventory.closing.table.enabledForN", {
-                            count: ((ge = B.original.locations) == null ? void 0 : ge.length) ?? 0
+                          r("div", null, D((ie = B.original.locations) != null && ie.length ? f(t)("inventory.closing.table.enabledForN", {
+                            count: ((ve = B.original.locations) == null ? void 0 : ve.length) ?? 0
                           }) : f(t)("inventory.closing.table.enabledForAll")), 1),
                           r("div", En, D([
                             ...B.original.previewItemNames,
@@ -2308,16 +2320,16 @@ const gn = /* @__PURE__ */ Ct(yn, [["render", vn]]), bn = { class: "flex flex-co
                             ] : []
                           ].join(", ")), 1),
                           r("div", Nn, [
-                            A(f(we), {
-                              render: (he = (de = (be = z.ref) == null ? void 0 : be.column) == null ? void 0 : de.columnDef) == null ? void 0 : he.cell,
+                            A(f(ke), {
+                              render: (be = (me = (ge = z.ref) == null ? void 0 : ge.column) == null ? void 0 : me.columnDef) == null ? void 0 : be.cell,
                               props: (v = (p = z.ref) == null ? void 0 : p.getContext) == null ? void 0 : v.call(p)
                             }, null, 8, ["render", "props"])
                           ])
                         ]),
                         r("div", null, [
-                          A(f(we), {
-                            render: (N = (E = (F = z.status) == null ? void 0 : F.column) == null ? void 0 : E.columnDef) == null ? void 0 : N.cell,
-                            props: (L = (Q = z.status) == null ? void 0 : Q.getContext) == null ? void 0 : L.call(Q)
+                          A(f(ke), {
+                            render: (L = (E = (C = z.status) == null ? void 0 : C.column) == null ? void 0 : E.columnDef) == null ? void 0 : L.cell,
+                            props: (Q = (N = z.status) == null ? void 0 : N.getContext) == null ? void 0 : Q.call(N)
                           }, null, 8, ["render", "props"])
                         ])
                       ])
@@ -2332,9 +2344,9 @@ const gn = /* @__PURE__ */ Ct(yn, [["render", vn]]), bn = { class: "flex flex-co
         ]),
         _: 1
       }, 8, ["title", "actions"]),
-      (_(), W(et, { to: "body" }, [
-        A(gn, tt(ot(f(h))), null, 16),
-        A(fn, nt(f(b), {
+      (_(), W(Ze, { to: "body" }, [
+        A(gn, et(tt(f(h))), null, 16),
+        A(fn, ot(f(b), {
           onSubmitted: R[2] || (R[2] = (B) => f(g).refresh())
         }), null, 16)
       ]))
@@ -2342,5 +2354,5 @@ const gn = /* @__PURE__ */ Ct(yn, [["render", vn]]), bn = { class: "flex flex-co
   }
 });
 export {
-  cs as default
+  ds as default
 };