@feedmepos/mf-inventory-portal 1.7.0 → 1.7.1

package/dist/ClosingTemplateView-B8njPb4E.js

@@ -0,0 +1,2346 @@
+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-DwrLsWX_.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 { F as oe } from "./form-mode.enum-BKiNVH6A.js";
+import { a as pe } from "./closing-template-hsPMmSJP.js";
+import { a as Re, l as mt, u as Pe, c as Oe } from "./app-BWvf7Pbw.js";
+import { t as Te, a as Me, d as Ee, s as He, r as dt } from "./xlsx.util-Cit0fL6n.js";
+import { F as ut } from "./FmDroppableField-J0tG_U3w.js";
+import { f as je, a as $e } from "./date2-BJfdfeJO.js";
+import { u as pt } from "./netsuite-jqgyyem9.js";
+import { D as ke, R as J } from "./row-action.enum-DQ9bJ_uv.js";
+import { c as ft } from "./component-kqxARxvM.js";
+import { f as yt } from "./format-time-from-id-B6Oxxcmv.js";
+import { _ as vt } from "./TemplatePublishDialog.vue_vue_type_script_setup_true_lang-DgDzjf87.js";
+import { u as gt } from "./duplicate-template-BMd6tF6Y.js";
+import { _ as bt } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-hFKGb0Aa.js";
+import { _ as ht } from "./CursorPaginatedTable.vue_vue_type_script_setup_true_lang-4KT9rH9e.js";
+import { R as _t, A as xt } from "./rules-CEKN0fON.js";
+import { u as Ye } from "./use-ingredient-select-dialog-COiU0eIQ.js";
+import { d as kt } from "./defineDeepModel-CH4cTogB.js";
+import { u as wt } from "./use-template-enabled-locations-BZN5nUrH.js";
+import { _ as $t } from "./SystemTrailDialog.vue_vue_type_script_setup_true_lang-Btecdwc5.js";
+import { _ as Tt, F as we } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DAMpuZ1X.js";
+import { _ as Ct } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+var Ne = /* @__PURE__ */ ((m) => (m.Ingredients = "Ingredients", m))(Ne || {});
+function Ke(m) {
+  const t = m.sku, e = new Set(m.disabledMeasurements);
+  return [
+    {
+      code: t.code,
+      name: t.name,
+      unit: t.unit.abbrev,
+      enabled: !e.has(t.unit._id)
+    },
+    ...t.unit.measurements.map((u) => ({
+      unit: u.abbrev,
+      enabled: !e.has(u.id)
+    }))
+  ];
+}
+function We() {
+  return [
+    {
+      id: "code",
+      name: "Code"
+    },
+    {
+      id: "name",
+      name: "Name"
+    },
+    {
+      id: "unit",
+      name: "Unit"
+    },
+    {
+      id: "enabled",
+      name: "Enabled"
+    }
+  ];
+}
+function It(m) {
+  var h;
+  const e = Ae().currentBusiness.value, a = (h = m.map((l) => {
+    var y;
+    const o = l.items.flatMap(Ke), g = We(), i = [
+      ["Template ID", l._id],
+      ["Template name", l.name],
+      ["Business name", e == null ? void 0 : e.name],
+      ["Business ID", e == null ? void 0 : e._id],
+      ["Menu version", e == null ? void 0 : e.menuVersion],
+      [
+        "Locations",
+        ...(y = l.locations) != null && y.length ? l.locations.map((x) => `${x.name} (${x.dbName})`) : ["All"]
+      ],
+      ["Reference", l.ref ?? ""],
+      [],
+      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 };
+  }).reduce(
+    (l, o) => {
+      var i;
+      const g = o.name.slice(0, 12);
+      return (i = l.sheetOccurence)[g] ?? (i[g] = 0), l.sheetOccurence[g] += 1, l.sheets[`${g} (${l.sheetOccurence[g]})`] = o.sheet, l;
+    },
+    {
+      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;
+}
+function Ft(m) {
+  Ae().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);
+    }
+    return I;
+  }, a = ["#", "Code", "Name", "UOM"], u = [
+    ["Template:", m.name],
+    ["Reference:", m.ref ?? ""],
+    [],
+    a,
+    ...m.items.map((i, I) => {
+      const C = k(i);
+      return [
+        I + 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]}` : ""
+        )
+      ];
+    })
+  ], b = Te(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++)
+      y.forEach((d) => {
+        const $ = `${d}${x}`;
+        b[$] || (b[$] = { t: "s", v: "" }), b[$].s = {
+          border: i
+        };
+      });
+  }
+  b["!cols"] = [
+    { wch: 5 },
+    // Index column - narrow
+    { wch: 15 },
+    // Code column
+    { wch: 30 },
+    // Name column - adjusted for more columns
+    ...Array.from({ length: e }, () => ({ wch: 15 }))
+    // UOM columns
+  ], b["!margins"] = {
+    left: 0.7,
+    right: 0.7,
+    top: 0.75,
+    bottom: 0.75,
+    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;
+}
+function Dt() {
+  const m = Ae(), t = Re(), e = pt(), k = Ke({
+    sku: {
+      unit: {
+        _id: "",
+        name: "Unit",
+        abbrev: "Unit",
+        precision: 0,
+        measurements: []
+      },
+      code: "ING001",
+      _id: "",
+      name: "Sugar"
+    }
+  })[0], a = m.currentBusiness.value, u = We(), b = [
+    ["Template ID (leave empty to create new)", ""],
+    ["Template Name", "New template"],
+    ["Business name", a == null ? void 0 : a.name],
+    ["Business ID", a == null ? void 0 : a._id],
+    ["Menu version", a == null ? void 0 : a.menuVersion],
+    [
+      "Location codes (leave empty to enable all)",
+      "Example outlet (restaurant_xxx)",
+      "Example outlet 2 (restaurant_xxx)"
+    ],
+    ["Reference:"],
+    [],
+    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(
+    (y, x) => {
+      var S, P;
+      const d = (S = e.netSuiteItemIdToSkuId.get(x.parentNetSuiteId)) == null ? void 0 : S[0], $ = (P = e.netSuiteMeasurementIdToMeasurementId.get(
+        x.unitOfMeasureId
+      )) == null ? void 0 : P[0];
+      if (!x.externalId)
+        return y;
+      if (!d)
+        return console.error(`Item ${x.externalId} cannot be mapped to parent FdoInventorySku.`, x), y;
+      const n = t.skuById[d], w = n.unit.measurements.find((s) => s.id === $);
+      return w ? (y[x.externalId] = {
+        sku: n,
+        measurement: w
+      }, y) : (console.error(
+        `Item ${x.externalId} found parent FdoInventorySku of ${n.code} ${n.name} but the measurement of netsuite id ${x.unitOfMeasureId} cannot be found.`,
+        x
+      ), y);
+    },
+    {}
+  ), i = Te(
+    [
+      ...t.skus.flatMap((y) => [
+        [y.code, y.name, y.unit.abbrev, !0],
+        ...y.unit.measurements.map((d) => [
+          "",
+          "",
+          d.abbrev,
+          !d.abbrev.toLocaleLowerCase("en-us").includes("inactive")
+        ])
+      ]),
+      ...Object.entries(g).map(([y, { sku: x, measurement: d }]) => [
+        x.code,
+        x.name,
+        d.abbrev,
+        !d.abbrev.toLocaleLowerCase("en-us").includes("inactive"),
+        y
+      ])
+    ],
+    [
+      "Code",
+      "Name",
+      "Units",
+      "Enabled (true/false)",
+      ...o.length ? ["Netsuite Parent"] : []
+    ]
+  ), I = Me({
+    Template: l,
+    Ingredients: i
+  }), C = `${a == null ? void 0 : a.name} transfer templates import.xlsx`;
+  return Ee(I, C), C;
+}
+function St(m) {
+  if (!m.length || `${m[0]}`.toLocaleLowerCase() === "all")
+    return [];
+  const t = /(.*) \(((warehouse_|restaurant_).{24,})\)/, k = Pe().locationByDbName;
+  return m.map((a) => {
+    const u = new Array(), b = a.trim(), h = t.exec(b);
+    if (!h)
+      return u.push(`Enabled location value of ${b} cannot be read.`), {
+        errors: u
+      };
+    const l = h[1], o = h[2], g = k[o];
+    return g ? (l !== g.name && u.push(
+      `Location id ${o} has non-matching name. Found ${l} but expected ${g.name}`
+    ), {
+      errors: u,
+      location: g
+    }) : (u.push(`Location (${l}) of id ${o} is not found.`), {
+      errors: u
+    });
+  });
+}
+function At(m) {
+  const [
+    t,
+    e,
+    k,
+    a,
+    u,
+    b,
+    h,
+    l
+  ] = He(m);
+  return {
+    id: `${e[1] ?? ""}`.trim(),
+    name: `${k[1] ?? ""}`.trim(),
+    locations: h.slice(1).map((o) => `${o}`.trim()).filter((o) => o),
+    reference: `${l[1] ?? ""}`.trim()
+  };
+}
+function Rt(m) {
+  const [
+    t,
+    e,
+    k,
+    a,
+    u,
+    b,
+    h,
+    l,
+    o,
+    g,
+    ...i
+  ] = He(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));
+  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];
+      Object.assign(n, { [S]: d[w] });
+    }
+    return {
+      index: $,
+      data: n
+    };
+  });
+}
+function Pt(m) {
+  return m.reduce(
+    (t, e) => {
+      var u;
+      const k = e.data, a = e.index;
+      return k.unit && (k.code ? t.result.push({ parent: e, children: [] }) : t.result.length ? (u = t.result.at(-1)) == null || u.children.push(e) : t.errors.push(`Cannot find parent for row ${a + 9}`)), t;
+    },
+    { result: new Array(), errors: new Array() }
+  );
+}
+function Mt(m) {
+  const t = m.parent.data, e = new Array(), a = Re().skuByCode[t.code ?? ""];
+  if (!a)
+    return e.push(`Cannot find ingredient of code ${t.code} ${t.name}`), { errors: e };
+  const u = {
+    sku: a
+  }, b = /* @__PURE__ */ new Set([a.unit._id, ...a.unit.measurements.map((l) => l.id)]), h = a.unit.measurements.find((l) => l.abbrev === t.unit);
+  t.unit !== a.unit.abbrev && !h ? e.push(
+    `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);
+    if (!i && !g) {
+      e.push(
+        `Cannot find measurement unit of ${o.unit} for (${t.code}) ${t.name}.`
+      );
+      continue;
+    }
+    (o.enabled === !0 || `${o.enabled}`.toLocaleLowerCase() === "true") && b.delete((i == null ? void 0 : i.id) ?? (g == null ? void 0 : g._id) ?? "");
+  }
+  return b.has(a.unit._id) && u.sku.unit.measurements.every((l) => b.has(l.id)) && e.push(`Ingredient ${a.code} - ${a.name} must have at least one unit enabled.`), u.disabledMeasurements = [...b], { errors: e, templateItem: u };
+}
+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");
+  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(
+          (n) => n.data.code || n.data.unit
+        ), C = Pt(I);
+        h.push(...C.errors);
+        const y = C.result.map(
+          (n) => Mt(n)
+        );
+        h.push(...y.flatMap((n) => n.errors));
+        const x = y.filter((n) => n.templateItem).map((n) => n.templateItem);
+        if (o.id) {
+          const n = a[o.id];
+          if (!n) {
+            const S = {
+              _id: o.id,
+              _rev: "",
+              name: o.name || `(unnamed from sheet ${b || "<unnamed sheet>"})`,
+              items: []
+            };
+            return h.push(`Template ID ${o.id} is not found.`), u.importUpdateResult.push({
+              type: "update",
+              original: S,
+              template: S,
+              excelSheetName: b,
+              errors: h
+            }), u;
+          }
+          const w = {
+            type: "update",
+            original: n,
+            template: {
+              ...n,
+              name: o.name,
+              locations: i.length ? i : null,
+              ref: o.reference,
+              items: x
+            },
+            excelSheetName: b,
+            errors: h
+          };
+          return u.importUpdateResult.push(w), u;
+        }
+        const $ = {
+          type: "create",
+          template: {
+            name: o.name,
+            locations: i.length ? i : null,
+            ref: o.reference,
+            items: x
+          },
+          excelSheetName: b,
+          errors: h
+        };
+        return u.importCreateResult.push($), u;
+      },
+      {
+        invalidExcel: !1,
+        importCreateResult: new Array(),
+        importUpdateResult: new Array()
+      }
+    );
+  } catch (u) {
+    return {
+      invalidExcel: !0,
+      invalidExcelMessage: (u == null ? void 0 : u.message) ?? "Invalid excel",
+      importCreateResult: [],
+      importUpdateResult: []
+    };
+  }
+}
+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({
+  __name: "ClosingTemplateImportItem",
+  props: {
+    type: {},
+    name: {},
+    locations: {},
+    items: {},
+    errors: {}
+  },
+  setup(m) {
+    const { t } = ne();
+    return (e, k) => {
+      var b, h, l;
+      const a = G("FmIcon"), u = G("FmTooltip");
+      return _(), T("div", Nt, [
+        k[0] || (k[0] = r("div", null, "•", -1)),
+        r("div", Bt, [
+          r("div", Lt, [
+            r("div", {
+              class: Z({
+                "text-fm-color-system-error-300": e.errors.length
+              })
+            }, [
+              K(D(e.name) + " ", 1),
+              e.type === "create" ? (_(), T("span", Ut, "(" + D(f(t)("inventory.closing.template.import.new")) + ")", 1)) : H("", !0)
+            ], 2),
+            e.errors.length ? (_(), T("div", Vt, [
+              A(u, { "z-index": 50 }, {
+                content: j(() => [
+                  r("ol", null, [
+                    (_(!0), T(Y, null, X(e.errors, (o, g) => (_(), T("li", { key: g }, D(o), 1))), 128))
+                  ])
+                ]),
+                default: j(() => [
+                  A(a, {
+                    name: "error",
+                    size: "sm",
+                    color: "system-error-300"
+                  })
+                ]),
+                _: 1
+              })
+            ])) : H("", !0)
+          ]),
+          r("div", {
+            class: Z([
+              "fm-typo-en-body-sm-400",
+              {
+                "text-fm-color-system-error-200": e.errors.length,
+                "text-fm-color-typo-secondary": !e.errors.length
+              }
+            ])
+          }, D((b = e.locations) != null && b.length ? f(t)("inventory.closing.template.import.nLocations", { count: (h = e.locations) == null ? void 0 : h.length }) : f(t)("inventory.closing.template.import.allLocations")) + ", " + D(f(t)("inventory.closing.template.import.nItems", { count: (l = e.items) == null ? void 0 : l.length })), 3)
+        ])
+      ]);
+    };
+  }
+}), zt = { class: "flex flex-col gap-24" }, Gt = { class: "fm-typo-en-body-md-400" }, Ot = {
+  key: 0,
+  class: "flex items-center gap-8"
+}, Ht = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, jt = { class: "flex flex-col gap-8" }, Yt = { class: "line-clamp-2 text-ellipsis break-all" }, Kt = {
+  key: 2,
+  class: "shrink-0"
+}, Wt = {
+  key: 0,
+  class: "flex flex-col"
+}, Qt = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, Jt = {
+  key: 0,
+  class: "max-h-[200px] overflow-y-auto flex flex-col gap-8"
+}, qt = { class: "fm-typo-en-body-lg-600" }, 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)
+    ), g = U(
+      () => !!h.value.length || !!l.value.length
+    ), { t: i } = ne();
+    async function I(C) {
+      b.value = [], h.value = [], l.value = [];
+      try {
+        a.value = !0;
+        const [y] = await Promise.all([
+          dt(C),
+          // fake buffer
+          new Promise((n) => setTimeout(n, 1e3))
+        ]);
+        if (!y.SheetNames.filter(
+          (n) => !Object.values(Ne).map(String).includes(n)
+        ).find((n) => n)) {
+          b.value.push(i("inventory.ingredient.import.fileError.noSheet"));
+          return;
+        }
+        const $ = await Et(y);
+        if ($.invalidExcel) {
+          b.value.push(
+            $.invalidExcelMessage ?? i("inventory.ingredient.import.fileError.invalidExcel")
+          );
+          return;
+        }
+        if (h.value = $.importCreateResult, l.value = $.importUpdateResult, !h.value.length && !l.value.length) {
+          b.value.push(i("inventory.ingredient.import.fileError.noData"));
+          return;
+        }
+        e.emitData($);
+      } catch (y) {
+        k.open({
+          title: i("inventory.ingredient.import.fileError.unableToRead"),
+          message: y == null ? void 0 : y.message,
+          type: "error"
+        }), console.error("Error in reading file", y);
+      } finally {
+        b.value.length && k.open({
+          title: i("inventory.ingredient.import.fileError.invalidExcel"),
+          type: "error"
+        }), a.value = !1;
+      }
+    }
+    return Ie(t, (C) => {
+      C && I(C);
+    }), (C, 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),
+        u.value ? (_(), T("div", Ot, [
+          r("div", null, [
+            A(x, {
+              size: "md",
+              color: "neutral-gray-200"
+            })
+          ]),
+          r("div", Ht, D(f(i)("inventory.formField.loading")), 1)
+        ])) : (_(), T(Y, { key: 1 }, [
+          A(ut, {
+            class: Z({
+              "w-full": !0,
+              "h-[200px]": !t.value
+            }),
+            accept: ".xlsx",
+            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 }, [
+            t.value ? {
+              name: "default",
+              fn: j(({ openFileDialog: n }) => [
+                r("div", jt, [
+                  r("div", {
+                    class: Z([
+                      "fm-corner-radius-md p-16 flex items-center gap-16",
+                      {
+                        "border border-fm-color-neutral-gray-100": a.value,
+                        "border border-fm-color-neutral-gray-200": !a.value && !o.value,
+                        "border border-fm-color-system-error-200": o.value
+                      }
+                    ])
+                  }, [
+                    a.value ? (_(), W(x, {
+                      key: 0,
+                      size: "md",
+                      color: "neutral-gray-200"
+                    })) : (_(), W(d, {
+                      key: 1,
+                      name: o.value ? "error" : "attach_file",
+                      outline: "",
+                      color: o.value ? "system-error-300" : void 0
+                    }, null, 8, ["name", "color"])),
+                    r("div", {
+                      class: Z([
+                        "fm-typo-en-body-md-400 flex-1 h-[36px] flex items-center",
+                        {
+                          "text-fm-color-typo-disabled": a.value,
+                          "text-fm-color-typo-primary": !a.value
+                        }
+                      ])
+                    }, [
+                      r("div", Yt, D(t.value.name), 1)
+                    ], 2),
+                    a.value ? H("", !0) : (_(), T("div", Kt, [
+                      A($, {
+                        label: f(i)("inventory.ingredient.import.replaceFile"),
+                        variant: o.value ? "destructive" : "secondary",
+                        "prepend-icon": o.value ? void 0 : "autorenew",
+                        onClick: n
+                      }, null, 8, ["label", "variant", "prepend-icon", "onClick"])
+                    ]))
+                  ], 2),
+                  b.value.length ? (_(), T("div", Wt, [
+                    (_(!0), T(Y, null, X(b.value, (w, S) => (_(), T("div", {
+                      key: S,
+                      class: "flex gap-8 items-center"
+                    }, [
+                      A(d, {
+                        name: "error",
+                        size: "sm",
+                        color: "system-error-300"
+                      }),
+                      r("div", Qt, D(w), 1)
+                    ]))), 128))
+                  ])) : H("", !0)
+                ])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 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, {
+              key: w,
+              name: n.template.name,
+              locations: n.template.locations,
+              items: n.template.items,
+              errors: n.errors,
+              type: "create"
+            }, null, 8, ["name", "locations", "items", "errors"]))), 128)),
+            (_(!0), T(Y, null, X(l.value, (n) => (_(), W(Ue, {
+              key: n.template._id,
+              name: n.template.name,
+              locations: n.template.locations,
+              items: n.template.items,
+              errors: n.errors,
+              type: "update"
+            }, null, 8, ["name", "locations", "items", "errors"]))), 128))
+          ])) : H("", !0)
+        ], 64))
+      ]);
+    };
+  }
+}), Be = ze(
+  "closingTemplateTable",
+  function() {
+    var P;
+    const { t } = ne(), e = Fe(), k = ue();
+    function a(s) {
+      console.error("Row action failed:", s), k.open({
+        title: t("inventory.common.somethingWentWrong"),
+        message: (s == null ? void 0 : s.message) || t("inventory.common.tryAgain"),
+        type: "error"
+      });
+    }
+    const u = V({}), b = Ce(), h = V({}), l = V(new Array()), o = V(!1), g = Pe(), i = pe();
+    function I(s) {
+      const c = {
+        title: s.name,
+        doc: s,
+        controller: {
+          publishAll: async (M) => {
+            const R = M || s.locations, B = await i.publishSingleDoc(
+              s._id,
+              R == null ? void 0 : R.map((z) => z.dbName)
+            );
+            return u.value = B.publishedRevByLocation || {}, u.value;
+          },
+          publishAtLocation: async (M) => {
+            const R = await i.publishSingleDoc(s._id, [M.dbName]);
+            return u.value = R.publishedRevByLocation || {}, u.value;
+          },
+          unpublishAll: async (M) => {
+            const R = M || s.locations, B = await i.unpublishSingleDoc(
+              s._id,
+              R == null ? void 0 : R.map((z) => z.dbName)
+            );
+            return u.value = B.publishedRevByLocation || {}, u.value;
+          },
+          unpublishAtLocation: async (M) => {
+            const R = await i.unpublishSingleDoc(s._id, [
+              M.dbName
+            ]);
+            return u.value = R.publishedRevByLocation || {}, u.value;
+          }
+        },
+        initialPublishedRev: u.value,
+        locations: g.locations,
+        enabledLocations: s.locations
+      };
+      e.open({
+        title: "Publish template",
+        contentComponent: vt,
+        contentComponentProps: c,
+        closeButton: !0,
+        minWidth: 700,
+        maxHeight: "80vh",
+        contentScrollable: !1,
+        primaryActions: {
+          text: t("common.close"),
+          close: !0,
+          variant: "tertiary"
+        }
+      });
+    }
+    const C = 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 };
+      if (y = g._currentLocation.dbName, s.startkey) return i.listTemplatesPage(s);
+      const [c, M, R] = await Promise.all([
+        i.listTemplatesPage(s),
+        i.getRecentPublishingJob(),
+        i.getRecentPublishInfo()
+      ]);
+      return h.value = M, u.value = R.publishedRevByLocation || {}, c;
+    }
+    function d() {
+      l.value = [], C.value++;
+    }
+    async function $() {
+      var c;
+      ((c = g._currentLocation) == null ? void 0 : c.dbName) !== y && d();
+    }
+    async function n(s) {
+      if (!l.value.find((c) => c._id) && g._currentLocation) {
+        o.value = !0;
+        try {
+          const [c] = await Promise.all([
+            i.getTemplate(s),
+            new Promise((R) => setTimeout(R, 1e3))
+          ]), { toClosingTemplateListItem: M } = await import("./index-BrmQVR18.js");
+          l.value = [
+            M(c)
+          ];
+        } catch (c) {
+          console.log("Something went wrong when fetching templates:", c);
+        } finally {
+          o.value = !1;
+        }
+      }
+    }
+    function w(s, c) {
+      switch (c = Oe(c), s) {
+        case J.Details:
+          return b.viewTemplate(c._id).catch(a);
+        case J.Edit:
+          return b.updateTemplate(c._id).catch(a);
+        case J.Delete:
+          return b.deleteTemplate(c, o, d);
+        case J.Publish:
+          return I(c);
+        case J.Duplicate:
+          return b.duplicateTemplate(c, o, d);
+      }
+    }
+    return {
+      columnDefs: [
+        {
+          id: "_id",
+          accessorKey: "_id",
+          header: () => t("inventory.closing.table.createdAt"),
+          cell(s) {
+            return yt(`${s.getValue()}`);
+          },
+          enableSorting: !0
+        },
+        {
+          id: "name",
+          accessorKey: "name",
+          header: () => t("inventory.closing.table.name"),
+          enableSorting: !0,
+          size: 200
+        },
+        {
+          id: "noOfItems",
+          accessorKey: "itemCount",
+          header: () => t("inventory.closing.table.noOfItems"),
+          enableSorting: !1,
+          meta: {
+            width: "10rem",
+            textAlign: "right"
+          }
+        },
+        {
+          id: "enabledLocations",
+          accessorKey: "locations.length",
+          header: () => t("inventory.closing.table.enabledOutlets"),
+          cell(s) {
+            var M;
+            const c = (M = s.row.original.locations) == null ? void 0 : M.length;
+            return c ? `${c}` : "All";
+          },
+          enableSorting: !1,
+          meta: {
+            width: "10rem",
+            textAlign: "right"
+          }
+        },
+        {
+          id: "ref",
+          accessorKey: "ref",
+          header: () => t("inventory.closing.table.reference"),
+          enableSorting: !1,
+          size: "auto"
+        },
+        {
+          id: "status",
+          header: () => t("inventory.adjustment.template.table.status"),
+          enableSorting: !1,
+          cell(s) {
+            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(
+              "div",
+              {
+                class: "flex items-center gap-8"
+              },
+              De(
+                "div",
+                {
+                  class: [
+                    "fm-status-badge",
+                    z ? "fm-status-badge-success-secondary" : "fm-status-badge-info-secondary"
+                  ]
+                },
+                z ? "Published" : "Unpublished"
+              )
+            );
+          }
+        },
+        {
+          id: "action",
+          cell(s) {
+            const c = s.row.original, M = [
+              ke[J.Edit],
+              ke[J.Duplicate],
+              ke[J.Delete],
+              ke[J.Publish]
+            ];
+            return ft(M, (R) => w(R, c));
+          },
+          enableSorting: !1,
+          size: 40,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ],
+      recentPublish: h,
+      templates: l,
+      loading: o,
+      tableKey: C,
+      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({});
+  function l() {
+    h.value = {
+      mode: oe.CREATE,
+      show: !0,
+      "onUpdate:show"(n) {
+        h.value.show = n;
+      }
+    };
+  }
+  async function o(n, w) {
+    const S = typeof n == "string" ? await k.getTemplate(n, w) : n;
+    return h.value = {
+      mode: oe.UPDATE,
+      modelValue: S,
+      show: !0,
+      "onUpdate:show"(P) {
+        h.value.show = P;
+      }
+    }, S;
+  }
+  function g(n, w, S) {
+    t.open({
+      title: `Confirm deleting template ${n.name}?`,
+      message: "Deleted template can no longer be retrieved",
+      primaryActions: {
+        text: "Delete",
+        variant: xe.Destructive,
+        close: !0
+      },
+      secondaryActions: {
+        text: "Cancel",
+        variant: xe.Plain,
+        close: !0
+      }
+    }).onPrimary(async () => {
+      e.open({
+        title: `Deleting ${n.name}`,
+        type: "info"
+      });
+      try {
+        w.value = !0;
+        const [P] = await Promise.allSettled([
+          k.deleteTemplate(n),
+          new Promise((s) => setTimeout(s, 1e3))
+        ]);
+        if (P.status === "rejected") throw P.reason;
+        e.open({
+          title: `Deleted "${n.name}"`,
+          type: "success"
+        });
+      } catch (P) {
+        e.open({
+          title: `Unable to delete "${n.name}"`,
+          message: P.message,
+          type: "error"
+        });
+      } finally {
+        w.value = !1, S();
+      }
+    });
+  }
+  function i(n, w, S) {
+    let P;
+    t.open({
+      title: `Confirm duplicating template "${n.name}"?`,
+      message: "Duplicated template can be edited after creation",
+      primaryActions: {
+        text: "Duplicate",
+        variant: xe.Destructive,
+        close: !0
+      },
+      secondaryActions: {
+        text: "Cancel",
+        variant: xe.Plain,
+        close: !0
+      },
+      contentComponent: te({
+        props: ["modelValue"],
+        emits: ["update:modelValue"],
+        setup(s) {
+          return () => De(lt.FmTextField, {
+            modelValue: s.modelValue,
+            "onUpdate:modelValue": (c) => P = c,
+            label: "New Template Name",
+            size: "md",
+            variant: "primary"
+          });
+        }
+      })
+    }).onPrimary(async () => {
+      e.open({
+        title: `Duplicating "${n.name}"`,
+        type: "info"
+      });
+      try {
+        w.value = !0;
+        const [s] = await Promise.allSettled([
+          a.duplicateClosingTemplate(n._id, P),
+          new Promise((c) => setTimeout(c, 1e3))
+        ]);
+        if (s.status === "rejected") throw s.reason;
+        e.open({
+          title: `Duplicated "${n.name}"`,
+          type: "success"
+        });
+      } catch (s) {
+        e.open({
+          title: `Unable to duplicate "${n.name}"`,
+          message: `See error from server: ${s}`,
+          type: "error"
+        }), console.error("error on duplicating closing template", s);
+      } finally {
+        w.value = !1, S();
+      }
+    });
+  }
+  const I = V({});
+  async function C(n) {
+    const w = await k.getTemplate(n);
+    I.value = {
+      template: w,
+      show: !0,
+      "onUpdate:show"(S) {
+        I.value.show = S;
+      },
+      "onAction:edit"() {
+        I.value.show = !1, o(Oe(w));
+      }
+    };
+  }
+  async function y() {
+    const n = await k.readTemplates();
+    if (!n.length) {
+      e.open({
+        title: "No data to export",
+        type: "error"
+      });
+      return;
+    }
+    const w = It(n);
+    e.open({
+      title: m("inventory.ingredient.export.success"),
+      message: m("inventory.ingredient.export.filename", [w]),
+      type: "success"
+    });
+  }
+  function x(n) {
+    if (!n.items.length) {
+      e.open({
+        title: "No items in template to export",
+        type: "error"
+      });
+      return;
+    }
+    const w = Ft(n);
+    e.open({
+      title: m("inventory.ingredient.export.success"),
+      message: m("inventory.ingredient.export.filename", [w]),
+      type: "success"
+    });
+  }
+  function d() {
+    u.loading || t.open({
+      title: m("inventory.ingredient.import.title"),
+      contentComponent: Xt,
+      overlay: !0,
+      closeButton: !0,
+      primaryActions: {
+        text: m("common.import"),
+        close: !1
+      },
+      secondaryActions: {
+        text: m("common.close"),
+        close: !0
+      },
+      tertiaryActions: {
+        text: m("inventory.ingredient.import.actions.downloadTemplate"),
+        close: !1,
+        variant: "plain"
+      }
+    }).onPrimary((n) => {
+      if (!n) {
+        e.open({
+          title: m("inventory.ingredient.import.error.noData"),
+          type: "error"
+        });
+        return;
+      }
+      if (!n.importCreateResult.length && !n.importUpdateResult.length) {
+        e.open({
+          title: m("inventory.ingredient.import.error.invalidContent"),
+          message: m("inventory.ingredient.import.error.noImportData"),
+          type: "error"
+        });
+        return;
+      }
+      if (n.importCreateResult.some((w) => w.errors.length) || n.importUpdateResult.some((w) => w.errors.length)) {
+        e.open({
+          title: m("inventory.ingredient.import.error.invalidContent"),
+          message: m("inventory.ingredient.import.error.hasErrors"),
+          type: "error"
+        });
+        return;
+      }
+      t.close(), $(n);
+    }).onTertiary(Dt);
+  }
+  async function $(n) {
+    b.value = !0;
+    try {
+      const w = [
+        ...n.importCreateResult.map(
+          (c) => c.template
+        ),
+        ...n.importUpdateResult.map(
+          (c) => c.template
+        )
+      ], S = 100;
+      let P = 0;
+      const s = () => {
+        P += S, e.open({
+          title: m("inventory.ingredient.import.progress", [
+            Math.min(P, w.length),
+            w.length
+          ])
+        });
+      };
+      for (const c of w.chunk(100))
+        s(), await k.importTemplates(c);
+      e.open({
+        title: m("inventory.ingredient.import.success"),
+        type: "success"
+      });
+    } catch (w) {
+      e.open({
+        title: m("inventory.ingredient.import.error.failed"),
+        message: m("inventory.ingredient.import.error.systemMessage", [w == null ? void 0 : w.message]),
+        type: "error"
+      }), console.error("Error in importing skus", n, w);
+    } finally {
+      b.value = !1, u.refresh();
+    }
+  }
+  return {
+    createTemplate: l,
+    viewTemplate: C,
+    updateTemplate: o,
+    deleteTemplate: g,
+    duplicateTemplate: i,
+    exportTemplates: y,
+    exportSingleTemplate: x,
+    importTemplates: d,
+    templateDialogProps: h,
+    templateDetailsProps: I
+  };
+});
+function Zt(m) {
+  return m ? Number(m.amount) / Math.pow(10, Number(m.precision) || 0) : 0;
+}
+function Le(m) {
+  const t = new Set(m.disabledMeasurements ?? []), e = [
+    {
+      id: m.sku.unit._id,
+      label: m.sku.unit.abbrev,
+      isBase: !0,
+      factor: 0,
+      enabled: !t.has(m.sku.unit._id)
+    }
+  ];
+  for (const k of m.sku.unit.measurements)
+    e.push({
+      id: k.id,
+      label: k.abbrev,
+      isBase: !1,
+      factor: Zt(k.conversion),
+      enabled: !t.has(k.id)
+    });
+  return e;
+}
+function eo(m) {
+  return Le(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);
+}
+function oo(m, t) {
+  const e = new Set(m.disabledMeasurements ?? []);
+  if (t.enabled) {
+    if (eo(m) <= 1) return null;
+    e.add(t.id);
+  } else
+    e.delete(t.id);
+  return { ...m, disabledMeasurements: [...e] };
+}
+const no = { class: "flex items-center gap-12 py-12" }, so = {
+  class: "flex items-center justify-center shrink-0 rounded-md border border-fm-color-neutral-gray-300 fm-typo-en-body-sm-600 text-fm-color-typo-secondary",
+  style: { width: "28px", height: "28px" }
+}, ao = {
+  class: "flex flex-col gap-2 shrink-0",
+  style: { width: "280px" }
+}, ro = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary bg-fm-color-neutral-gray-100 border border-fm-color-neutral-gray-200 rounded px-8 py-1 self-start" }, lo = {
+  class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary",
+  style: { "word-break": "break-word", "line-height": "1.2" }
+}, io = {
+  class: "flex-1 flex flex-wrap items-center",
+  style: { gap: "6px" }
+}, co = {
+  key: 0,
+  class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary bg-fm-color-neutral-gray-200 rounded",
+  style: { padding: "0 6px" }
+}, mo = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 text-fm-color-primary",
+  style: { opacity: "0.7" }
+}, uo = {
+  class: "shrink-0 flex items-center justify-end gap-4",
+  style: { width: "200px" }
+}, po = /* @__PURE__ */ te({
+  __name: "ClosingTemplateItem",
+  props: {
+    item: {},
+    index: {},
+    disabled: { type: Boolean }
+  },
+  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);
+    function h(o) {
+      if (e.disabled) return;
+      const g = oo(e.item, o);
+      g && k("update", g);
+    }
+    function l(o) {
+      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");
+      return _(), T("div", no, [
+        r("span", so, D(o.index + 1), 1),
+        r("div", ao, [
+          r("span", ro, D(o.item.sku.code), 1),
+          r("div", lo, D(o.item.sku.name), 1)
+        ]),
+        r("div", io, [
+          (_(!0), T(Y, null, X(u.value, (y) => (_(), T("span", {
+            key: y.id,
+            class: Z([
+              "flex items-center rounded-full border",
+              y.isBase ? "border-fm-color-neutral-gray-300 bg-fm-color-neutral-gray-100" : "border-fm-color-primary bg-fm-color-system-warning-100"
+            ]),
+            style: { gap: "6px", padding: "4px 12px" }
+          }, [
+            r("span", {
+              class: Z(["fm-typo-en-body-sm-600 whitespace-nowrap", y.isBase ? "text-fm-color-typo-primary" : "text-fm-color-primary"])
+            }, D(y.label), 3),
+            y.isBase ? (_(), T("span", co, " BASE ")) : y.factor ? (_(), T("span", mo, " ×" + D(y.factor), 1)) : H("", !0)
+          ], 2))), 128))
+        ]),
+        r("div", uo, [
+          A(C, { "close-on-click": !1 }, {
+            "menu-button": j(() => [
+              A(i, {
+                variant: "secondary",
+                "prepend-icon": "tune",
+                size: "md",
+                disabled: o.disabled,
+                label: `Units ${b.value}/${a.value.length}`
+              }, null, 8, ["disabled", "label"])
+            ]),
+            default: j(() => [
+              (_(!0), T(Y, null, X(a.value, (y) => (_(), W(I, {
+                key: y.id,
+                "model-value": y.enabled,
+                "has-checkbox": "",
+                label: y.label,
+                sublabel: l(y),
+                disabled: o.disabled || y.enabled && b.value === 1,
+                onClick: (x) => h(y)
+              }, null, 8, ["model-value", "label", "sublabel", "disabled", "onClick"]))), 128))
+            ]),
+            _: 1
+          }),
+          A(i, {
+            disabled: o.disabled,
+            icon: "delete",
+            variant: "tertiary",
+            size: "md",
+            onClick: g[0] || (g[0] = (y) => k("delete"))
+          }, null, 8, ["disabled"])
+        ])
+      ]);
+    };
+  }
+});
+function fo(m) {
+  const t = V("");
+  Ie(m, () => {
+    t.value = "";
+  });
+  const e = U(() => t.value.trim().length > 0);
+  function k(a) {
+    const u = t.value.trim().toLowerCase();
+    return u ? a.filter(
+      (b) => b.sku.name.toLowerCase().includes(u) || b.sku.code.toLowerCase().includes(u)
+    ) : a;
+  }
+  return { searchQuery: t, hasQuery: e, filterItems: k };
+}
+const yo = { class: "flex flex-col gap-12" }, vo = { class: "flex items-start justify-between gap-8" }, go = { class: "flex flex-col" }, bo = { class: "flex items-center gap-8" }, ho = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _o = { class: "flex gap-8 shrink-0" }, xo = { class: "flex flex-wrap items-center gap-8" }, ko = ["onClick"], wo = { class: "fm-typo-en-body-md-600 whitespace-nowrap" }, $o = ["disabled"], To = { class: "rounded-lg border border-fm-color-neutral-gray-200 overflow-hidden" }, Co = { class: "flex items-center gap-12 px-16 py-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-50" }, Io = {
+  key: 0,
+  class: "flex-1 flex items-baseline gap-8 min-w-0"
+}, Fo = {
+  key: 1,
+  class: "flex-1 min-w-0"
+}, Do = {
+  class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary bg-fm-color-neutral-gray-100 rounded-full shrink-0",
+  style: { padding: "4px 10px" }
+}, So = {
+  key: 0,
+  class: "flex items-center gap-8 px-16 py-8 border-b border-fm-color-neutral-gray-200 bg-white"
+}, Ao = {
+  key: 1,
+  class: "flex items-center gap-4 px-16 py-8 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-50 fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Ro = {
+  key: 2,
+  class: "flex flex-col"
+}, Po = ["draggable", "onDragstart", "onDrop"], Mo = {
+  key: 0,
+  class: "m-16 rounded-lg border border-dashed border-fm-color-neutral-gray-300 text-center fm-typo-en-body-sm-400 text-fm-color-typo-secondary",
+  style: { padding: "24px" }
+}, Eo = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, No = {
+  key: 1,
+  class: "m-16 rounded-lg border border-dashed border-fm-color-neutral-gray-300 text-center fm-typo-en-body-sm-400 text-fm-color-typo-secondary",
+  style: { padding: "24px" }
+}, Bo = {
+  key: 3,
+  class: "flex flex-col"
+}, Lo = {
+  key: 0,
+  class: "m-16 rounded-lg border border-dashed border-fm-color-neutral-gray-300 text-center fm-typo-en-body-sm-400 text-fm-color-typo-secondary",
+  style: { padding: "24px" }
+}, Uo = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, Vo = {
+  key: 1,
+  class: "m-16 rounded-lg border border-dashed border-fm-color-neutral-gray-300 text-center fm-typo-en-body-sm-400 text-fm-color-typo-secondary",
+  style: { padding: "24px" }
+}, zo = ["draggable", "onDragstart", "onDrop"], Go = {
+  class: "flex items-center justify-center shrink-0 rounded-md border border-fm-color-neutral-gray-300 fm-typo-en-body-sm-600 text-fm-color-typo-secondary",
+  style: { width: "28px", height: "28px" }
+}, Oo = { class: "flex-1 min-w-0" }, Ho = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, jo = {
+  class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary",
+  style: { "line-height": "1.2" }
+}, Yo = {
+  class: "flex flex-wrap gap-4 justify-end",
+  style: { "max-width": "320px" }
+}, Ko = /* @__PURE__ */ te({
+  __name: "ClosingTemplateGroupsEditor",
+  props: {
+    items: {},
+    groups: {},
+    updateItem: { type: Function },
+    deleteItem: { type: Function },
+    updateGroups: { type: Function },
+    disabled: { type: Boolean }
+  },
+  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) {
+      a.updateGroups(p);
+    }
+    function C() {
+      return `tmplGroup_${Date.now()}_${Math.floor(Math.random() * 1e4)}`;
+    }
+    const y = V(null), x = V(null);
+    function d(p, v, F) {
+      var E;
+      x.value = p, y.value = v, (E = F.dataTransfer) == null || E.setData("text/plain", String(v)), F.dataTransfer && (F.dataTransfer.effectAllowed = "move");
+    }
+    function $(p, v, F) {
+      const E = [...p], [N] = E.splice(v, 1);
+      return E.splice(F, 0, N), 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))
+        if (p === "default")
+          u(
+            "reorderDefault",
+            $(
+              a.items.map((N) => N.sku._id),
+              F,
+              v
+            )
+          );
+        else {
+          const N = O(p);
+          N && re(p, $(N.items.map((Q) => Q.skuId), F, v));
+        }
+    }
+    const w = U(
+      () => Object.fromEntries(a.items.map((p) => [p.sku._id, p]))
+    );
+    Ie(
+      () => 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;
+        });
+        F && I(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);
+      let v = 0;
+      return p.forEach((F) => {
+        F > 1 && v++;
+      }), v;
+    }), P = U(() => {
+      const p = i.value.length;
+      return `${a.items.length} items in Default · ${S.value} shared across named groups · ${p + 1} total groups (${p} named + Default)`;
+    }), s = U(() => [
+      { id: "default", isDefault: !0, name: "Default", color: null, itemCount: a.items.length },
+      ...i.value.map((p, v) => ({
+        id: p.id,
+        isDefault: !1,
+        name: p.name,
+        color: b[v % b.length],
+        itemCount: p.items.length
+      }))
+    ]), 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)
+    );
+    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;
+    }
+    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 ee(p, v) {
+      k.open({
+        title: `Delete group "${v || "Untitled"}"?`,
+        closeButton: !1,
+        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));
+    }
+    function ae(p, v) {
+      I(i.value.map((F) => F.id === p ? { ...F, name: v } : F));
+    }
+    function re(p, v) {
+      I(
+        i.value.map(
+          (F) => F.id === p ? { ...F, items: v.map((E, N) => ({ skuId: E, position: N })) } : F
+        )
+      );
+    }
+    async function fe(p) {
+      if (a.disabled) return;
+      const v = O(p);
+      if (!v) return;
+      const F = await e(
+        v.items.map((E) => E.skuId),
+        (E) => E,
+        a.items.map((E) => E.sku)
+      );
+      F && re(p, F);
+    }
+    function ye() {
+      M.value ? u("addItems") : fe(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 le(p) {
+      const v = O(p);
+      return v ? v.items.map((F) => w.value[F.skuId]).filter(Boolean) : [];
+    }
+    const ie = U(() => g(a.items)), ce = U(
+      () => g(R.value)
+    ), ge = U(
+      () => o.value ? M.value ? ie.value.length : ce.value.length : c.value.itemCount
+    );
+    function be(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}` };
+    }
+    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 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" };
+    }
+    return (p, v) => {
+      const F = G("FmPill"), E = G("FmButton"), N = G("FmIcon"), Q = 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" })
+            ]),
+            r("div", ho, D(P.value), 1)
+          ]),
+          r("div", _o, [
+            A(E, {
+              disabled: p.disabled,
+              label: "New Group",
+              "prepend-icon": "add",
+              variant: "primary",
+              size: "md",
+              class: "rounded-lg",
+              onClick: z
+            }, 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)),
+        r("div", xo, [
+          (_(!0), T(Y, null, X(s.value, (L) => (_(), T("button", {
+            key: L.id,
+            type: "button",
+            class: "flex items-center rounded-full",
+            style: Se([{ gap: "8px", padding: "6px 14px" }, be(L)]),
+            onClick: (se) => h.value = L.id
+          }, [
+            r("span", wo, D(L.name), 1),
+            r("span", {
+              class: "fm-typo-en-body-sm-600 rounded-full",
+              style: Se([{ padding: "0 8px" }, he(L)])
+            }, D(L.itemCount), 5)
+          ], 12, ko))), 128)),
+          r("button", {
+            type: "button",
+            disabled: p.disabled,
+            class: "flex items-center rounded-full border border-dashed border-fm-color-neutral-gray-400 text-fm-color-typo-secondary",
+            style: { gap: "6px", padding: "6px 14px" },
+            onClick: z
+          }, [
+            A(N, {
+              name: "add",
+              size: "sm"
+            }),
+            v[7] || (v[7] = r("span", { class: "fm-typo-en-body-md-400 whitespace-nowrap" }, "New group", -1))
+          ], 8, $o)
+        ]),
+        r("div", To, [
+          r("div", Co, [
+            M.value ? (_(), T("div", Io, v[8] || (v[8] = [
+              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, {
+                "model-value": c.value.name,
+                disabled: p.disabled,
+                placeholder: "Group name",
+                "onUpdate:modelValue": v[0] || (v[0] = (L) => ae(h.value, L))
+              }, null, 8, ["model-value", "disabled"])
+            ])),
+            r("span", Do, [
+              f(o) ? (_(), T(Y, { key: 0 }, [
+                K(D(ge.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, {
+              key: 2,
+              disabled: p.disabled,
+              label: "Delete group",
+              "prepend-icon": "delete",
+              variant: "secondary",
+              size: "md",
+              class: "rounded-lg shrink-0",
+              onClick: v[1] || (v[1] = (L) => ee(h.value, c.value.name))
+            }, null, 8, ["disabled"])),
+            A(E, {
+              disabled: p.disabled,
+              label: "Add items",
+              "prepend-icon": "add",
+              variant: "primary",
+              size: "md",
+              class: "rounded-lg shrink-0",
+              onClick: ye
+            }, null, 8, ["disabled"])
+          ]),
+          c.value.itemCount > 0 || f(o) ? (_(), T("div", So, [
+            A(N, {
+              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),
+              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)]
+            ]),
+            f(o) ? (_(), T("button", {
+              key: 0,
+              type: "button",
+              "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 = "")
+            }, [
+              A(N, {
+                name: "close",
+                size: "sm"
+              })
+            ])) : H("", !0)
+          ])) : H("", !0),
+          !f(o) && c.value.itemCount > 1 ? (_(), T("div", Ao, [
+            A(N, {
+              name: "drag_indicator",
+              size: "sm",
+              color: "neutral-gray-400",
+              class: "shrink-0"
+            }),
+            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,
+              draggable: !f(o),
+              onDragstart: (q) => !f(o) && d("default", se, q),
+              onDragover: v[4] || (v[4] = _e(() => {
+              }, ["prevent"])),
+              onDrop: _e((q) => !f(o) && n("default", se), ["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, {
+                key: 0,
+                name: "drag_indicator",
+                size: "sm",
+                color: "neutral-gray-400",
+                class: "shrink-0"
+              })),
+              A(po, {
+                class: "flex-1 min-w-0",
+                item: L,
+                index: se,
+                disabled: p.disabled,
+                onUpdate: p.updateItem,
+                onDelete: (q) => p.deleteItem(L)
+              }, null, 8, ["item", "index", "disabled", "onUpdate", "onDelete"])
+            ], 42, Po))), 128)),
+            f(o) && p.items.length > 0 && !ie.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] = [
+              K(" No items yet — click "),
+              r("span", { class: "fm-typo-en-body-sm-600 text-fm-color-typo-primary" }, "+ Add items", -1),
+              K(" to add from your catalog. ")
+            ])))
+          ])) : (_(), T("div", Bo, [
+            f(o) && R.value.length > 0 && !ce.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] = [
+              K(" No items yet — click "),
+              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,
+              draggable: !f(o),
+              onDragstart: (q) => !f(o) && d(h.value, se, q),
+              onDragover: v[5] || (v[5] = _e(() => {
+              }, ["prevent"])),
+              onDrop: _e((q) => !f(o) && n(h.value, se), ["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, {
+                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("div", Oo, [
+                r("div", Ho, D(L.sku.code), 1),
+                r("div", jo, D(L.sku.name), 1)
+              ]),
+              r("div", Yo, [
+                (_(!0), T(Y, null, X(f(to)(L), (q, Qe) => (_(), T("span", {
+                  key: Qe,
+                  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, {
+                disabled: p.disabled,
+                icon: "delete",
+                variant: "tertiary",
+                size: "md",
+                onClick: (q) => ve(h.value, L.sku._id)
+              }, null, 8, ["disabled", "onClick"])
+            ], 42, zo))), 128))
+          ]))
+        ])
+      ]);
+    };
+  }
+}), Wo = { class: "flex flex-col gap-16" }, Qo = { class: "flex flex-col gap-24" }, Jo = { class: "flex flex-col gap-16" }, qo = { class: "flex items-center" }, Xo = { class: "flex-1 fm-typo-en-title-sm-600" }, Zo = { class: "flex flex-col gap-16" }, en = { class: "flex items-center" }, tn = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, on = /* @__PURE__ */ te({
+  __name: "ClosingTemplateForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  setup(m, { expose: t }) {
+    const e = kt(), { t: k } = ne(), a = Re(), {
+      promptSelectLocations: u,
+      columnDefs: b,
+      rowData: h
+    } = wt({
+      getLocations() {
+        return e.locations;
+      },
+      setLocations(d) {
+        e.locations = d;
+      }
+    }), l = V(), o = U(() => e.items.map((d, $) => ({ item: d, originalIndex: $ })).sort((d, $) => {
+      const n = d.item.position ?? d.originalIndex, w = $.item.position ?? $.originalIndex;
+      return n - w;
+    }).map(({ item: d }) => d));
+    function g(d) {
+      const $ = new Map(e.items.map((w) => [w.sku._id, w])), n = [];
+      d.forEach((w, S) => {
+        const P = $.get(w);
+        P && n.push({ ...P, position: S });
+      }), e.items = n;
+    }
+    t({
+      validateInputs: () => {
+        var d, $;
+        ($ = (d = l.value) == null ? void 0 : d.validateInputs) == null || $.call(d);
+      },
+      resetInputsValidation: () => {
+        var d, $;
+        ($ = (d = l.value) == null ? void 0 : d.resetInputsValidation) == null || $.call(d);
+      },
+      resetInputs: () => {
+        var d, $;
+        ($ = (d = l.value) == null ? void 0 : d.resetInputs) == null || $.call(d);
+      }
+    });
+    function i(d) {
+      e.items = e.items.map(($) => $.sku._id === d.sku._id ? d : $);
+    }
+    function I(d) {
+      e.items = e.items.filter(($) => $.sku._id !== d.sku._id);
+    }
+    function C(d) {
+      e.groups = d;
+    }
+    const { promptSelectIngredients: y } = Ye();
+    async function x() {
+      const $ = a.skus.map((S) => ({
+        label: S.name,
+        sublabel: S.code,
+        value: S
+      })).filter((S) => {
+        var P;
+        return (P = e.items) == null ? void 0 : P.find((s) => s.sku._id === S.value._id);
+      }).map((S) => S.value), n = e.items ?? [], w = await y(
+        $.map((S) => S._id),
+        (S) => {
+          const P = a.skuById[S], s = n.find((M) => M.sku._id === P._id);
+          return s || {
+            sku: P
+          };
+        }
+      );
+      w && (w.sort((S, P) => S.sku.code.localeCompare(P.sku.code)), e.items = w);
+    }
+    return (d, $) => {
+      const n = G("FmTextField"), w = G("FmButton"), S = G("FmTable"), P = G("FmFormGroup"), s = G("FmForm");
+      return _(), W(s, {
+        ref_key: "formRef",
+        ref: l,
+        class: "flex flex-col gap-32",
+        disabled: d.disabled
+      }, {
+        default: j(() => [
+          r("div", Wo, [
+            r("div", Qo, [
+              A(n, {
+                label: f(k)("inventory.closing.form.name"),
+                "label-mark": "required",
+                modelValue: f(e).name,
+                "onUpdate:modelValue": $[0] || ($[0] = (c) => f(e).name = c),
+                rules: [f(_t)()]
+              }, null, 8, ["label", "modelValue", "rules"]),
+              A(n, {
+                label: f(k)("inventory.closing.form.reference"),
+                "label-mark": "optional",
+                modelValue: f(e).ref,
+                "onUpdate:modelValue": $[1] || ($[1] = (c) => f(e).ref = c)
+              }, null, 8, ["label", "modelValue"])
+            ])
+          ]),
+          r("div", Jo, [
+            r("div", qo, [
+              r("div", Xo, D(f(k)("inventory.closing.form.locations")), 1),
+              A(w, {
+                disabled: d.disabled,
+                label: f(k)("inventory.closing.form.selectLocation"),
+                "prepend-icon": "add",
+                variant: "plain",
+                class: "border-2 rounded-lg border-fm-color-primary",
+                onClick: f(u)
+              }, null, 8, ["disabled", "label", "onClick"])
+            ]),
+            A(S, {
+              "column-defs": f(b),
+              "row-data": f(h),
+              "shrink-at": 9999,
+              onRowClick: f(u),
+              "hide-footer": ""
+            }, null, 8, ["column-defs", "row-data", "onRowClick"])
+          ]),
+          r("div", Zo, [
+            r("div", en, [
+              r("div", tn, D(f(k)("inventory.closing.form.items.title")), 1)
+            ]),
+            A(Ko, {
+              items: o.value,
+              groups: f(e).groups,
+              "update-item": i,
+              "delete-item": I,
+              "update-groups": C,
+              disabled: d.disabled,
+              onReorderDefault: g,
+              onAddItems: x
+            }, null, 8, ["items", "groups", "disabled"]),
+            A(P, {
+              "model-value": f(e).items.length,
+              rules: [f(xt)(1)]
+            }, null, 8, ["model-value", "rules"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), nn = { class: "flex items-center" }, sn = { class: "fm-typo-en-title-md-600" }, an = { class: "flex justify-between" }, rn = { class: "fm-typo-en-body-lg-600" }, ln = { class: "flex flex-col gap-8" }, cn = { class: "flex flex-col gap-4" }, mn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, dn = { class: "flex items-center gap-8" }, un = { class: "fm-typo-en-body-lg-600" }, pn = { class: "flex gap-4" }, fn = /* @__PURE__ */ te({
+  __name: "ClosingTemplateDialog",
+  props: {
+    mode: {},
+    modelValue: {},
+    show: { type: Boolean }
+  },
+  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");
+    function g() {
+      return {
+        _id: "",
+        name: "",
+        items: []
+      };
+    }
+    const i = V(k.modelValue ?? g()), I = V(((P = k.modelValue) == null ? void 0 : P._id) ?? `${Math.random()}`);
+    Ie(
+      () => k.show,
+      (s) => {
+        var c;
+        s && (i.value = k.modelValue ?? g(), I.value = ((c = k.modelValue) == null ? void 0 : c._id) ?? `${Math.random()}`);
+      }
+    );
+    const C = V(!1), y = U(() => {
+      switch (k.mode) {
+        case oe.READ:
+          return "";
+        case oe.CREATE:
+          return l("inventory.closing.template.create.title");
+        case oe.UPDATE:
+          return l("inventory.closing.template.update.title");
+      }
+      return "";
+    }), x = V();
+    t({
+      validateInputs: () => {
+        var s, c;
+        (c = (s = x.value) == null ? void 0 : s.validateInputs) == null || c.call(s);
+      },
+      resetInputsValidation: () => {
+        var s, c;
+        (c = (s = x.value) == null ? void 0 : s.resetInputsValidation) == null || c.call(s);
+      },
+      resetInputs: () => {
+        var s, c;
+        (c = (s = x.value) == null ? void 0 : s.resetInputs) == null || c.call(s);
+      }
+    });
+    async function d() {
+      const s = i.value;
+      if (s) {
+        C.value = !0;
+        try {
+          await u.createTemplate(s), await new Promise((c) => setTimeout(c, 1e3)), h.open({
+            title: l("inventory.closing.template.create.success"),
+            message: l("inventory.closing.template.create.successMessage"),
+            type: "success"
+          }), a("update:show", !1), a("submitted");
+        } catch (c) {
+          h.open({
+            title: l("inventory.closing.template.create.error"),
+            message: l("inventory.closing.template.create.errorMessage"),
+            type: "error"
+          }), console.error("Error in creating closing template", c);
+        } finally {
+          C.value = !1;
+        }
+      }
+    }
+    async function $() {
+      const s = i.value;
+      if (s) {
+        C.value = !0, delete s.updatedAt;
+        try {
+          await u.updateTemplate({
+            ...s,
+            _rev: s._rev ?? ""
+          }), await new Promise((c) => setTimeout(c, 1e3)), h.open({
+            title: l("inventory.closing.template.update.success"),
+            message: l("inventory.closing.template.update.successMessage"),
+            type: "success"
+          }), a("update:show", !1), a("submitted");
+        } catch (c) {
+          h.open({
+            title: l("inventory.closing.template.update.error"),
+            message: l("inventory.closing.template.update.errorMessage"),
+            type: "error"
+          }), console.error("Error in updating closing template", c);
+        } finally {
+          C.value = !1;
+        }
+      }
+    }
+    function n() {
+      switch (k.mode) {
+        case oe.CREATE:
+          return d();
+        case oe.UPDATE:
+          return $();
+      }
+    }
+    function w() {
+      var s, c;
+      (c = (s = x.value) == null ? void 0 : s.validateInputs) == null || c.call(s);
+    }
+    function S() {
+      i.value && b.exportSingleTemplate(i.value);
+    }
+    return (s, c) => {
+      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),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 9999
+      }, {
+        "side-sheet-header": j(() => [
+          r("div", nn, [
+            r("div", sn, D(y.value), 1)
+          ])
+        ]),
+        default: j(() => [
+          i.value.updatedAt ? (_(), W(R, {
+            key: 0,
+            variant: "outlined",
+            class: "flex flex-col gap-8 px-12 py-16 mb-16"
+          }, {
+            default: j(() => {
+              var O;
+              return [
+                r("div", an, [
+                  r("div", rn, D(f(l)("inventory.transfer.template.details.templateSummary")), 1)
+                ]),
+                A(M),
+                r("div", ln, [
+                  r("div", cn, [
+                    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),
+                        (O = i.value.updatedBy) != null && O.name ? (_(), T(Y, { key: 0 }, [
+                          K(" (" + D(i.value.updatedBy.name) + ") ", 1)
+                        ], 64)) : H("", !0)
+                      ]),
+                      A($t, {
+                        "closing-id": i.value._id
+                      }, null, 8, ["closing-id"])
+                    ])
+                  ])
+                ])
+              ];
+            }),
+            _: 1
+          })) : H("", !0),
+          (_(), W(on, {
+            class: "w-full",
+            ref_key: "formRef",
+            ref: x,
+            onValidationSuccess: n,
+            "model-value": i.value,
+            "onUpdate:modelValue": c[0] || (c[0] = (O) => i.value = O),
+            disabled: C.value,
+            key: I.value
+          }, null, 8, ["model-value", "disabled"]))
+        ]),
+        "side-sheet-footer": j(() => [
+          r("div", pn, [
+            A(B, {
+              loading: C.value,
+              label: f(l)("common.save"),
+              onClick: w
+            }, null, 8, ["loading", "label"]),
+            s.mode === f(oe).UPDATE ? (_(), W(B, {
+              key: 0,
+              disabled: C.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,
+              variant: "tertiary",
+              label: f(l)("common.close"),
+              onClick: c[1] || (c[1] = (O) => a("update:show", !1))
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), yn = {};
+function vn(m, t) {
+  return _(), T("div");
+}
+const gn = /* @__PURE__ */ Ct(yn, [["render", vn]]), bn = { class: "flex flex-col gap-40" }, hn = { key: 0 }, _n = {
+  key: 1,
+  class: "flex gap-8 items-center"
+}, xn = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, kn = {
+  key: 2,
+  class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary"
+}, wn = {
+  key: 3,
+  class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary flex flex-col gap-12"
+}, $n = { class: "fm-typo-en-body-md-600" }, Tn = { class: "fm-typo-en-body-md-600" }, Cn = { key: 4 }, In = { class: "fm-typo-en-body-md-600" }, Fn = { class: "fm-typo-en-body-md-600" }, Dn = { class: "flex sm:flex-col xs:flex-col justify-end gap-8 w-full mb-16" }, Sn = /* @__PURE__ */ te({
+  __name: "ClosingTemplatePublish",
+  emits: ["close"],
+  setup(m, { emit: t }) {
+    const e = V(!1), k = ue(), a = pe(), u = Be(), { t: b } = ne(), h = t;
+    async function l() {
+      e.value = !0;
+      try {
+        await a.startNewPublish().delayed(1e3), k.open({
+          title: "Success",
+          message: "You may refresh after a while to review publish status",
+          type: "success"
+        }), i();
+      } catch (I) {
+        k.open({
+          title: "Something went wrong",
+          message: "Please try again",
+          type: "error"
+        }), console.error("error on creating publish task", I);
+      } finally {
+        e.value = !1;
+      }
+    }
+    const o = U(() => u.recentPublish.recentJob), g = U(
+      () => u.templates.length && (!o.value || o.value.outlets.length === o.value.completed.length)
+    );
+    function i() {
+      h("close");
+    }
+    return (I, C) => {
+      const y = G("FmCircularProgress"), x = G("i18n-t"), d = G("FmButton");
+      return _(), T("div", bn, [
+        f(u).templates.length ? e.value ? (_(), T("div", _n, [
+          r("div", null, [
+            A(y, {
+              size: "md",
+              color: "neutral-gray-300"
+            })
+          ]),
+          r("div", xn, [
+            r("span", null, D(f(b)("inventory.closing.template.publish.publishing")), 1)
+          ])
+        ])) : o.value ? o.value.outlets.length === o.value.completed.length ? (_(), T("div", wn, [
+          A(x, {
+            keypath: "inventory.closing.template.publish.recentlyPublishedAt",
+            tag: "p"
+          }, {
+            started: j(() => [
+              r("span", $n, D(f($e)(new Date(o.value.createdAt))), 1)
+            ]),
+            finished: j(() => [
+              r("span", Tn, D(f($e)(new Date(o.value.updatedAt))), 1)
+            ]),
+            _: 1
+          }),
+          r("p", null, D(f(b)("inventory.closing.template.publish.message")), 1)
+        ])) : (_(), T("div", Cn, [
+          A(x, {
+            keypath: "inventory.closing.template.publish.stillPublishing",
+            tag: "p"
+          }, {
+            started: j(() => [
+              r("span", In, D(f($e)(new Date(o.value.createdAt))), 1)
+            ]),
+            progress: j(() => [
+              r("span", Fn, " (" + D(o.value.completed.length) + "/" + D(o.value.outlets.length) + " completed) ", 1)
+            ]),
+            _: 1
+          }),
+          K(" Your recent publishing task is still pending (" + D(o.value.completed.length) + " / " + D(o.value.outlets.length) + "). Please wait until all publishing task has completed. ", 1)
+        ])) : (_(), T("div", kn, [
+          r("p", null, D(f(b)("inventory.closing.template.publish.noRecentActivity")), 1),
+          r("p", null, D(f(b)("inventory.closing.template.publish.message")), 1)
+        ])) : (_(), T("div", hn, [
+          r("p", null, D(f(b)("inventory.closing.template.publish.nothingToPublish")), 1)
+        ])),
+        r("div", Dn, [
+          A(d, {
+            disabled: !g.value,
+            loading: e.value,
+            label: "Publish to all outlets",
+            onClick: l
+          }, null, 8, ["disabled", "loading"]),
+          A(d, {
+            variant: "tertiary",
+            label: "Close",
+            onClick: i
+          })
+        ])
+      ]);
+    };
+  }
+}), 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({
+  __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();
+    l.watchLocation(g.onLocationChanged);
+    const C = 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-BrmQVR18.js");
+      return { ...R(M), _rev: M._rev };
+    }
+    const n = U(() => I.value.xs || I.value.sm), w = U(() => n.value ? 10 : 20);
+    function S(M) {
+      switch (M) {
+        case J.Add:
+          return e();
+        case "publish":
+          return P();
+        case "import":
+          return u();
+        case "export":
+          return a();
+        case "refresh":
+          return g.refresh();
+      }
+    }
+    function P() {
+      o.open({
+        title: "Publish closing templates",
+        contentComponent: Sn,
+        contentComponentProps: {
+          onClose() {
+            o.close();
+          }
+        }
+      });
+    }
+    function s(M) {
+      return M;
+    }
+    const c = U(() => n.value ? [
+      {
+        label: t("inventory.closing.template.create.title"),
+        value: J.Add,
+        isPrimary: !0,
+        prependIcon: "add"
+      },
+      {
+        label: t("inventory.common.refresh"),
+        value: "refresh",
+        isPrimary: !1
+      },
+      {
+        label: t("inventory.common.publish"),
+        value: "publish",
+        isPrimary: !1
+      },
+      {
+        label: t("inventory.common.import"),
+        value: "import",
+        isPrimary: !1
+      },
+      {
+        label: t("inventory.common.export"),
+        value: "export",
+        isPrimary: !1
+      }
+    ] : [
+      {
+        label: t("inventory.closing.template.create.title"),
+        value: J.Add,
+        isPrimary: !0,
+        prependIcon: "add"
+      },
+      {
+        label: t("inventory.common.publish"),
+        value: "publish",
+        isPrimary: !1
+      },
+      {
+        label: t("inventory.common.import"),
+        value: "import",
+        isPrimary: !1
+      },
+      {
+        label: t("inventory.common.refresh"),
+        value: "refresh",
+        isPrimary: !1
+      },
+      {
+        label: t("inventory.common.export"),
+        value: "export",
+        isPrimary: !1
+      }
+    ]);
+    return (M, R) => (_(), T(Y, null, [
+      A(at, {
+        title: f(t)("inventory.closing.template.title"),
+        actions: c.value,
+        "onClick:action": S
+      }, {
+        default: j(() => [
+          r("div", {
+            class: Z([
+              "flex flex-col gap-8 max-h-full",
+              {
+                "p-0": n.value,
+                "px-24 ": !n.value
+              }
+            ])
+          }, [
+            A(bt, {
+              searchable: "",
+              search: y.value,
+              "onUpdate:search": R[0] || (R[0] = (B) => y.value = B)
+            }, null, 8, ["search"]),
+            A(ht, {
+              style: Se(f(i).tableHeight),
+              "column-defs": f(g).columnDefs,
+              rows: f(g).templates,
+              "onUpdate:rows": R[1] || (R[1] = (B) => f(g).templates = B),
+              "fetch-page": f(g).fetchTemplatesPage,
+              "refresh-key": f(g).tableKey,
+              ref_key: "tableRef",
+              ref: x,
+              "search-value": y.value,
+              loading: C.value,
+              "fetch-detail": (B, z) => f(k)(B._id, z),
+              "detail-to-row": $,
+              "page-size": w.value
+            }, {
+              "list-row": j((B) => [
+                A(Tt, {
+                  row: B,
+                  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;
+                    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)
+                            }, 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)
+                            }, 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
+                          }) : f(t)("inventory.closing.table.enabledForAll")), 1),
+                          r("div", En, D([
+                            ...B.original.previewItemNames,
+                            ...B.original.itemCount - B.original.previewItemNames.length > 0 ? [
+                              `and ${B.original.itemCount - B.original.previewItemNames.length} more items`
+                            ] : []
+                          ].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,
+                              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)
+                          }, null, 8, ["render", "props"])
+                        ])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row", "onRowClick"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "rows", "fetch-page", "refresh-key", "search-value", "loading", "fetch-detail", "page-size"])
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]),
+      (_(), W(et, { to: "body" }, [
+        A(gn, tt(ot(f(h))), null, 16),
+        A(fn, nt(f(b), {
+          onSubmitted: R[2] || (R[2] = (B) => f(g).refresh())
+        }), null, 16)
+      ]))
+    ], 64));
+  }
+});
+export {
+  cs as default
+};