@feedmepos/mf-inventory-portal 1.2.30 → 1.2.31-dev.2

package/dist/ClosingTemplateView-BC9w8vZ0.js

@@ -0,0 +1,2059 @@
+import { ref as R, h as P, defineComponent as K, resolveComponent as E, openBlock as $, createElementBlock as D, createElementVNode as _, normalizeClass as q, createTextVNode as ae, toDisplayString as I, unref as u, createCommentVNode as O, createVNode as C, withCtx as V, Fragment as j, renderList as Z, computed as L, watch as Pe, createSlots as Ee, createBlock as N, isRef as Ye, normalizeStyle as Ge, Teleport as Ke, normalizeProps as We, guardReactiveProps as qe, mergeProps as Je } from "vue";
+import { u as Xe, _ as Qe } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CWZkVCAj.js";
+import { useI18n as W, useCoreStore as de } from "@feedmepos/mf-common";
+import { useDialog as pe, useDialogChild as Ze, useSnackbar as ce, FmButtonVariant as oe, components as Y, FmAdvancedSort as et, useProxiedModel as tt, useBreakpoints as nt } from "@feedmepos/ui-library";
+import { defineStore as Ve, storeToRefs as Ue } from "pinia";
+import { F as G } from "./form-mode.enum-BKiNVH6A.js";
+import { a as me } from "./closing-template-fRmBNy4y.js";
+import { u as fe, c as Ne, a as ve, n as ot } from "./app-C2nudFnk.js";
+import { t as re, a as ge, d as ye, s as Le, r as st } from "./xlsx.util-DEF923iN.js";
+import { F as lt } from "./FmDroppableField-J0xUsOTV.js";
+import { f as Be, a as le } from "./date2-ngfXp6E2.js";
+import { D as se, R as z } from "./row-action.enum-BcW_L_nE.js";
+import { c as at, F as X, _ as ze } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
+import { f as rt } from "./format-time-from-id-ljQJ36VV.js";
+import { _ as it } from "./TemplatePublishDialog.vue_vue_type_script_setup_true_lang-Dy5JfpNp.js";
+import { u as ct } from "./netsuite-Dp3KQlN9.js";
+import { u as mt } from "./duplicate-template-CHiQ3uHE.js";
+import { _ as ut } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-Cphr1J6U.js";
+import { R as dt, A as pt } from "./rules-CWhZXxdv.js";
+import { u as ft } from "./use-ingredient-select-dialog-DrYxhoTU.js";
+import { d as vt } from "./defineDeepModel-C_n3Ytw6.js";
+import { u as gt } from "./use-template-enabled-locations-2-DbNAe5rC.js";
+import { _ as yt } from "./SystemTrailDialog.vue_vue_type_script_setup_true_lang-Cd9R8l0c.js";
+import { _ as ht } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ue = Ve(
+  "closingTemplateTable",
+  function() {
+    const { t: r } = W(), l = pe(), d = R({}), t = ie(), n = R({}), f = R(new Array()), b = R(!1), c = fe(), a = me();
+    function g(s) {
+      const v = {
+        title: s.name,
+        doc: s,
+        controller: {
+          publishAll: async () => {
+            var e;
+            const T = await a.publishSingleDoc(
+              s._id,
+              (e = s.locations) == null ? void 0 : e.map((k) => k.dbName)
+            );
+            return d.value = T.publishedRevByLocation || {}, d.value;
+          },
+          publishAtLocation: async (T) => {
+            const e = await a.publishSingleDoc(s._id, [T.dbName]);
+            return d.value = e.publishedRevByLocation || {}, d.value;
+          }
+        },
+        initialPublishedRev: d.value,
+        locations: c.locations,
+        enabledLocations: s.locations
+      };
+      l.open({
+        title: "Publish template",
+        contentComponent: it,
+        contentComponentProps: v,
+        closeButton: !0,
+        primaryActions: {
+          text: r("common.close"),
+          close: !0,
+          variant: "tertiary"
+        }
+      });
+    }
+    async function i() {
+      if (f.value = [], !!c._currentLocation) {
+        b.value = !0;
+        try {
+          const [s, v, T] = await Promise.all([
+            a.readTemplates(),
+            a.getRecentPublishingJob(),
+            a.getRecentPublishInfo()
+          ]).delayed(1e3);
+          f.value = s, n.value = v, d.value = T.publishedRevByLocation || {};
+        } catch (s) {
+          console.log("Something went wrong when fetching templates:", s);
+        } finally {
+          b.value = !1;
+        }
+      }
+    }
+    async function h(s) {
+      if (!f.value.find((v) => v._id) && c._currentLocation) {
+        b.value = !0;
+        try {
+          const [v] = await Promise.all([
+            a.getTemplate(s),
+            new Promise((T) => setTimeout(T, 1e3))
+          ]);
+          f.value = [v];
+        } catch (v) {
+          console.log("Something went wrong when fetching templates:", v);
+        } finally {
+          b.value = !1;
+        }
+      }
+    }
+    function w(s, v) {
+      switch (v = Ne(v), s) {
+        case z.Details:
+          return t.viewTemplate(v);
+        case z.Edit:
+          return t.updateTemplate(v);
+        case z.Delete:
+          return t.deleteTemplate(v, b, i);
+        case z.Publish:
+          return g(v);
+        case z.Duplicate:
+          return t.duplicateTemplate(v, b, i);
+      }
+    }
+    return {
+      columnDefs: [
+        {
+          id: "_id",
+          accessorKey: "_id",
+          header: () => r("inventory.closing.table.createdAt"),
+          cell(s) {
+            return rt(`${s.getValue()}`);
+          },
+          enableSorting: !0
+        },
+        {
+          id: "name",
+          accessorKey: "name",
+          header: () => r("inventory.closing.table.name"),
+          enableSorting: !0,
+          size: 200
+        },
+        {
+          id: "noOfItems",
+          accessorKey: "items.length",
+          header: () => r("inventory.closing.table.noOfItems"),
+          enableSorting: !1,
+          meta: {
+            width: "10rem",
+            textAlign: "right"
+          }
+        },
+        {
+          id: "enabledLocations",
+          accessorKey: "locations.length",
+          header: () => r("inventory.closing.table.enabledOutlets"),
+          cell(s) {
+            var T;
+            const v = (T = s.row.original.locations) == null ? void 0 : T.length;
+            return v ? `${v}` : "All";
+          },
+          enableSorting: !1,
+          meta: {
+            width: "10rem",
+            textAlign: "right"
+          }
+        },
+        {
+          id: "ref",
+          accessorKey: "ref",
+          header: () => r("inventory.closing.table.reference"),
+          enableSorting: !1,
+          size: "auto"
+        },
+        {
+          id: "status",
+          header: () => r("inventory.adjustment.template.table.status"),
+          enableSorting: !1,
+          cell(s) {
+            const v = s.row.original, T = v._rev, e = s.row.original.locations || c.locations, F = e.filter((p) => !!(d.value[p.dbName] || []).find((x) => x._id === v._id && x._rev === T)).length === e.length;
+            return P(
+              "div",
+              {
+                class: "flex items-center gap-8"
+              },
+              P(
+                "div",
+                {
+                  class: [
+                    "fm-status-badge",
+                    F ? "fm-status-badge-success-secondary" : "fm-status-badge-info-secondary"
+                  ]
+                },
+                F ? "Published" : "Unpublished"
+              )
+            );
+          }
+        },
+        {
+          id: "action",
+          cell(s) {
+            const v = s.row.original, T = [
+              se[z.Edit],
+              se[z.Duplicate],
+              se[z.Delete],
+              se[z.Publish]
+            ];
+            return at(T, (e) => w(e, v));
+          },
+          enableSorting: !1,
+          size: 40,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ],
+      recentPublish: n,
+      templates: f,
+      loading: b,
+      fetchTemplates: i,
+      loadTemplate: h
+    };
+  }
+);
+var he = /* @__PURE__ */ ((m) => (m.Ingredients = "Ingredients", m))(he || {});
+function He(m) {
+  const r = m.sku, l = new Set(m.disabledMeasurements);
+  return [
+    {
+      code: r.code,
+      name: r.name,
+      unit: r.unit.abbrev,
+      enabled: !l.has(r.unit._id)
+    },
+    ...r.unit.measurements.map((n) => ({
+      unit: n.abbrev,
+      enabled: !l.has(n.id)
+    }))
+  ];
+}
+function Oe() {
+  return [
+    {
+      id: "code",
+      name: "Code"
+    },
+    {
+      id: "name",
+      name: "Name"
+    },
+    {
+      id: "unit",
+      name: "Unit"
+    },
+    {
+      id: "enabled",
+      name: "Enabled"
+    }
+  ];
+}
+function bt(m) {
+  var b;
+  const l = de().currentBusiness.value, t = (b = m.map((c) => {
+    var y;
+    const a = c.items.flatMap(He), g = Oe(), i = [
+      ["Template ID", c._id],
+      ["Template name", c.name],
+      ["Business name", l == null ? void 0 : l.name],
+      ["Business ID", l == null ? void 0 : l._id],
+      ["Menu version", l == null ? void 0 : l.menuVersion],
+      [
+        "Locations",
+        ...(y = c.locations) != null && y.length ? c.locations.map((s) => `${s.name} (${s.dbName})`) : ["All"]
+      ],
+      ["Reference", c.ref ?? ""],
+      [],
+      g.map((s) => s.name),
+      ...a.map((s) => g.map((v) => s[v.id]))
+    ], h = g.map((s) => `system:${s.id}`), w = re(i, h);
+    return { name: c.name, sheet: w };
+  }).reduce(
+    (c, a) => {
+      var i;
+      const g = a.name.slice(0, 12);
+      return (i = c.sheetOccurence)[g] ?? (i[g] = 0), c.sheetOccurence[g] += 1, c.sheets[`${g} (${c.sheetOccurence[g]})`] = a.sheet, c;
+    },
+    {
+      sheets: {},
+      sheetOccurence: {}
+    }
+  )) == null ? void 0 : b.sheets, n = `${l == null ? void 0 : l.name} closing templates (${Be(/* @__PURE__ */ new Date())}).xlsx`, f = ge(t);
+  return ye(f, n), n;
+}
+function _t(m) {
+  de().currentBusiness.value;
+  const l = 3, d = (i) => {
+    const h = [], w = i.sku, y = new Set(i.disabledMeasurements || []);
+    y.has(w.unit._id) || h.push(w.unit.abbrev);
+    for (const s of w.unit.measurements) {
+      if (h.length >= l) break;
+      y.has(s.id) || h.push(s.abbrev);
+    }
+    return h;
+  }, t = ["#", "Code", "Name", "UOM"], n = [
+    ["Template:", m.name],
+    ["Reference:", m.ref ?? ""],
+    [],
+    t,
+    ...m.items.map((i, h) => {
+      const w = d(i);
+      return [
+        h + 1,
+        // Index starting from 1
+        i.sku.code,
+        i.sku.name,
+        // Add UOM columns (up to MAX_UOM_COLUMNS)
+        ...Array(l).fill("").map(
+          (y, s) => w[s] ? `_____ ${w[s]}` : ""
+        )
+      ];
+    })
+  ], f = re(n, t);
+  if (f["!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" } }
+    }, h = 4, w = h + m.items.length, y = t.map((s, v) => String.fromCharCode(65 + v));
+    for (let s = h; s <= w; s++)
+      y.forEach((v) => {
+        const T = `${v}${s}`;
+        f[T] || (f[T] = { t: "s", v: "" }), f[T].s = {
+          border: i
+        };
+      });
+  }
+  f["!cols"] = [
+    { wch: 5 },
+    // Index column - narrow
+    { wch: 15 },
+    // Code column
+    { wch: 30 },
+    // Name column - adjusted for more columns
+    ...Array.from({ length: l }, () => ({ wch: 15 }))
+    // UOM columns
+  ], f["!margins"] = {
+    left: 0.7,
+    right: 0.7,
+    top: 0.75,
+    bottom: 0.75,
+    header: 0.3,
+    footer: 0.3
+  };
+  const c = m.name.slice(0, 31), a = ge({ [c]: f }), g = `${m.name} - Closing Template (${Be(/* @__PURE__ */ new Date())}).xlsx`;
+  return ye(a, g), g;
+}
+function xt() {
+  const m = de(), r = ve(), l = ct(), d = He({
+    sku: {
+      unit: {
+        _id: "",
+        name: "Unit",
+        abbrev: "Unit",
+        precision: 0,
+        measurements: []
+      },
+      code: "ING001",
+      _id: "",
+      name: "Sugar"
+    }
+  })[0], t = m.currentBusiness.value, n = Oe(), f = [
+    ["Template ID (leave empty to create new)", ""],
+    ["Template Name", "New template"],
+    ["Business name", t == null ? void 0 : t.name],
+    ["Business ID", t == null ? void 0 : t._id],
+    ["Menu version", t == null ? void 0 : t.menuVersion],
+    [
+      "Location codes (leave empty to enable all)",
+      "Example outlet (restaurant_xxx)",
+      "Example outlet 2 (restaurant_xxx)"
+    ],
+    ["Reference:"],
+    [],
+    n.map((y) => y.name),
+    n.map((y) => d[y.id])
+  ], b = n.map((y) => `system:${y.id}`), c = re(f, b), a = l.isEnabled ? l.state.setting.childItems ?? [] : [], g = a.reduce(
+    (y, s) => {
+      var F, p;
+      const v = (F = l.netSuiteItemIdToSkuId.get(s.parentNetSuiteId)) == null ? void 0 : F[0], T = (p = l.netSuiteMeasurementIdToMeasurementId.get(
+        s.unitOfMeasureId
+      )) == null ? void 0 : p[0];
+      if (!s.externalId)
+        return y;
+      if (!v)
+        return console.error(`Item ${s.externalId} cannot be mapped to parent FdoInventorySku.`, s), y;
+      const e = r.skuById[v], k = e.unit.measurements.find((o) => o.id === T);
+      return k ? (y[s.externalId] = {
+        sku: e,
+        measurement: k
+      }, y) : (console.error(
+        `Item ${s.externalId} found parent FdoInventorySku of ${e.code} ${e.name} but the measurement of netsuite id ${s.unitOfMeasureId} cannot be found.`,
+        s
+      ), y);
+    },
+    {}
+  ), i = re(
+    [
+      ...r.skus.flatMap((y) => [
+        [y.code, y.name, y.unit.abbrev, !0],
+        ...y.unit.measurements.map((v) => [
+          "",
+          "",
+          v.abbrev,
+          !v.abbrev.toLocaleLowerCase("en-us").includes("inactive")
+        ])
+      ]),
+      ...Object.entries(g).map(([y, { sku: s, measurement: v }]) => [
+        s.code,
+        s.name,
+        v.abbrev,
+        !v.abbrev.toLocaleLowerCase("en-us").includes("inactive"),
+        y
+      ])
+    ],
+    [
+      "Code",
+      "Name",
+      "Units",
+      "Enabled (true/false)",
+      ...a.length ? ["Netsuite Parent"] : []
+    ]
+  ), h = ge({
+    Template: c,
+    Ingredients: i
+  }), w = `${t == null ? void 0 : t.name} transfer templates import.xlsx`;
+  return ye(h, w), w;
+}
+function wt(m) {
+  if (!m.length || `${m[0]}`.toLocaleLowerCase() === "all")
+    return [];
+  const r = /(.*) \(((warehouse_|restaurant_).{24,})\)/, d = fe().locationByDbName;
+  return m.map((t) => {
+    const n = new Array(), f = t.trim(), b = r.exec(f);
+    if (!b)
+      return n.push(`Enabled location value of ${f} cannot be read.`), {
+        errors: n
+      };
+    const c = b[1], a = b[2], g = d[a];
+    return g ? (c !== g.name && n.push(
+      `Location id ${a} has non-matching name. Found ${c} but expected ${g.name}`
+    ), {
+      errors: n,
+      location: g
+    }) : (n.push(`Location (${c}) of id ${a} is not found.`), {
+      errors: n
+    });
+  });
+}
+function kt(m) {
+  const [
+    r,
+    l,
+    d,
+    t,
+    n,
+    f,
+    b,
+    c
+  ] = Le(m);
+  return {
+    id: `${l[1] ?? ""}`.trim(),
+    name: `${d[1] ?? ""}`.trim(),
+    locations: b.slice(1).map((a) => `${a}`.trim()).filter((a) => a),
+    reference: `${c[1] ?? ""}`.trim()
+  };
+}
+function Tt(m) {
+  const [
+    r,
+    l,
+    d,
+    t,
+    n,
+    f,
+    b,
+    c,
+    a,
+    g,
+    ...i
+  ] = Le(m);
+  if (!r || !r.length || r.some((v) => v.length && !v.startsWith("system:")))
+    throw new Error("Missing meta header. Excel file does not come from the template.");
+  const h = r.map((v) => v.split(":")[1]), y = ["code", "name", "unit", "enabled"].filter((v) => !h.includes(v));
+  if (y.length)
+    throw new Error(
+      `Missing meta headers (${y.join()}). Excel file does not come from the template.`
+    );
+  return i.map((v, T) => {
+    const e = {};
+    for (const k in h) {
+      const F = h[k];
+      Object.assign(e, { [F]: v[k] });
+    }
+    return {
+      index: T,
+      data: e
+    };
+  });
+}
+function $t(m) {
+  return m.reduce(
+    (r, l) => {
+      var n;
+      const d = l.data, t = l.index;
+      return d.unit && (d.code ? r.result.push({ parent: l, children: [] }) : r.result.length ? (n = r.result.at(-1)) == null || n.children.push(l) : r.errors.push(`Cannot find parent for row ${t + 9}`)), r;
+    },
+    { result: new Array(), errors: new Array() }
+  );
+}
+function Ct(m) {
+  const r = m.parent.data, l = new Array(), t = ve().skuByCode[r.code ?? ""];
+  if (!t)
+    return l.push(`Cannot find ingredient of code ${r.code} ${r.name}`), { errors: l };
+  const n = {
+    sku: t
+  }, f = /* @__PURE__ */ new Set([t.unit._id, ...t.unit.measurements.map((c) => c.id)]), b = t.unit.measurements.find((c) => c.abbrev === r.unit);
+  r.unit !== t.unit.abbrev && !b ? l.push(
+    `Cannot find measurement unit of ${r.unit} for (${r.code}) ${r.name}.`
+  ) : (r.enabled === !0 || `${r.enabled}`.toLocaleLowerCase() === "true") && f.delete(t.unit._id);
+  for (const c of m.children) {
+    const a = c.data, g = a.unit === t.unit.abbrev ? t.unit : void 0, i = t.unit.measurements.find((h) => h.abbrev === a.unit);
+    if (!i && !g) {
+      l.push(
+        `Cannot find measurement unit of ${a.unit} for (${r.code}) ${r.name}.`
+      );
+      continue;
+    }
+    (a.enabled === !0 || `${a.enabled}`.toLocaleLowerCase() === "true") && f.delete((i == null ? void 0 : i.id) ?? (g == null ? void 0 : g._id) ?? "");
+  }
+  return f.has(t.unit._id) && n.sku.unit.measurements.every((c) => f.has(c.id)) && l.push(`Ingredient ${t.code} - ${t.name} must have at least one unit enabled.`), n.disabledMeasurements = [...f], { errors: l, templateItem: n };
+}
+function It(m) {
+  const r = m.SheetNames.filter(
+    (n) => !Object.values(he).map(String).includes(n)
+  ), d = ue().templates, t = ot(d, "_id");
+  try {
+    return r.reduce(
+      (n, f) => {
+        const b = new Array(), c = m.Sheets[f], a = kt(c), g = wt(a.locations), i = g.filter((e) => e.location).map((e) => e.location);
+        b.push(...g.flatMap((e) => e.errors));
+        const h = Tt(c).filter(
+          (e) => e.data.code || e.data.unit
+        ), w = $t(h);
+        b.push(...w.errors);
+        const y = w.result.map(
+          (e) => Ct(e)
+        );
+        b.push(...y.flatMap((e) => e.errors));
+        const s = y.filter((e) => e.templateItem).map((e) => e.templateItem);
+        if (a.id) {
+          const e = t[a.id];
+          if (!e) {
+            const F = {
+              _id: a.id,
+              _rev: "",
+              name: a.name || `(unnamed from sheet ${f || "<unnamed sheet>"})`,
+              items: []
+            };
+            return b.push(`Template ID ${a.id} is not found.`), n.importUpdateResult.push({
+              type: "update",
+              original: F,
+              template: F,
+              excelSheetName: f,
+              errors: b
+            }), n;
+          }
+          const k = {
+            type: "update",
+            original: e,
+            template: {
+              ...e,
+              name: a.name,
+              locations: i.length ? i : null,
+              ref: a.reference,
+              items: s
+            },
+            excelSheetName: f,
+            errors: b
+          };
+          return n.importUpdateResult.push(k), n;
+        }
+        const T = {
+          type: "create",
+          template: {
+            name: a.name,
+            locations: i.length ? i : null,
+            ref: a.reference,
+            items: s
+          },
+          excelSheetName: f,
+          errors: b
+        };
+        return n.importCreateResult.push(T), n;
+      },
+      {
+        invalidExcel: !1,
+        importCreateResult: new Array(),
+        importUpdateResult: new Array()
+      }
+    );
+  } catch (n) {
+    return {
+      invalidExcel: !0,
+      invalidExcelMessage: (n == null ? void 0 : n.message) ?? "Invalid excel",
+      importCreateResult: [],
+      importUpdateResult: []
+    };
+  }
+}
+const St = { class: "flex items-center gap-12 pl-8" }, Dt = { class: "flex flex-col" }, Mt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex items-center gap-4" }, Ft = {
+  key: 0,
+  class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400"
+}, Rt = { key: 0 }, Ae = /* @__PURE__ */ K({
+  __name: "ClosingTemplateImportItem",
+  props: {
+    type: {},
+    name: {},
+    locations: {},
+    items: {},
+    errors: {}
+  },
+  setup(m) {
+    const { t: r } = W();
+    return (l, d) => {
+      var f, b, c;
+      const t = E("FmIcon"), n = E("FmTooltip");
+      return $(), D("div", St, [
+        d[0] || (d[0] = _("div", null, "•", -1)),
+        _("div", Dt, [
+          _("div", Mt, [
+            _("div", {
+              class: q({
+                "text-fm-color-system-error-300": l.errors.length
+              })
+            }, [
+              ae(I(l.name) + " ", 1),
+              l.type === "create" ? ($(), D("span", Ft, "(" + I(u(r)("inventory.closing.template.import.new")) + ")", 1)) : O("", !0)
+            ], 2),
+            l.errors.length ? ($(), D("div", Rt, [
+              C(n, { "z-index": 50 }, {
+                content: V(() => [
+                  _("ol", null, [
+                    ($(!0), D(j, null, Z(l.errors, (a, g) => ($(), D("li", { key: g }, I(a), 1))), 128))
+                  ])
+                ]),
+                default: V(() => [
+                  C(t, {
+                    name: "error",
+                    size: "sm",
+                    color: "system-error-300"
+                  })
+                ]),
+                _: 1
+              })
+            ])) : O("", !0)
+          ]),
+          _("div", {
+            class: q([
+              "fm-typo-en-body-sm-400",
+              {
+                "text-fm-color-system-error-200": l.errors.length,
+                "text-fm-color-typo-secondary": !l.errors.length
+              }
+            ])
+          }, I((f = l.locations) != null && f.length ? u(r)("inventory.closing.template.import.nLocations", { count: (b = l.locations) == null ? void 0 : b.length }) : u(r)("inventory.closing.template.import.allLocations")) + ", " + I(u(r)("inventory.closing.template.import.nItems", { count: (c = l.items) == null ? void 0 : c.length })), 3)
+        ])
+      ]);
+    };
+  }
+}), At = { class: "flex flex-col gap-24" }, Pt = { class: "fm-typo-en-body-md-400" }, Et = {
+  key: 0,
+  class: "flex items-center gap-8"
+}, Vt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ut = { class: "flex flex-col gap-8" }, Nt = { class: "line-clamp-2 text-ellipsis break-all" }, Lt = {
+  key: 2,
+  class: "shrink-0"
+}, Bt = {
+  key: 0,
+  class: "flex flex-col"
+}, zt = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, Ht = {
+  key: 0,
+  class: "max-h-[200px] overflow-y-auto flex flex-col gap-8"
+}, Ot = { class: "fm-typo-en-body-lg-600" }, jt = /* @__PURE__ */ K({
+  __name: "ClosingTemplateImport",
+  setup(m) {
+    const r = R(null), l = Ze(), d = ce(), t = R(!1), n = R(!1), f = R(new Array()), b = R([]), c = R([]), a = L(
+      () => !!f.value.length || b.value.some((w) => w.errors.length) || c.value.some((w) => w.errors.length)
+    ), g = L(
+      () => !!b.value.length || !!c.value.length
+    ), { t: i } = W();
+    async function h(w) {
+      f.value = [], b.value = [], c.value = [];
+      try {
+        t.value = !0;
+        const [y] = await Promise.all([
+          st(w),
+          // fake buffer
+          new Promise((e) => setTimeout(e, 1e3))
+        ]);
+        if (!y.SheetNames.filter(
+          (e) => !Object.values(he).map(String).includes(e)
+        ).find((e) => e)) {
+          f.value.push(i("inventory.ingredient.import.fileError.noSheet"));
+          return;
+        }
+        const T = It(y);
+        if (T.invalidExcel) {
+          f.value.push(
+            T.invalidExcelMessage ?? i("inventory.ingredient.import.fileError.invalidExcel")
+          );
+          return;
+        }
+        if (b.value = T.importCreateResult, c.value = T.importUpdateResult, !b.value.length && !c.value.length) {
+          f.value.push(i("inventory.ingredient.import.fileError.noData"));
+          return;
+        }
+        l.emitData(T);
+      } catch (y) {
+        d.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 {
+        f.value.length && d.open({
+          title: i("inventory.ingredient.import.fileError.invalidExcel"),
+          type: "error"
+        }), t.value = !1;
+      }
+    }
+    return Pe(r, (w) => {
+      w && h(w);
+    }), (w, y) => {
+      const s = E("FmCircularProgress"), v = E("FmIcon"), T = E("FmButton");
+      return $(), D("div", At, [
+        _("div", Pt, I(u(i)("inventory.closing.template.import.message")), 1),
+        n.value ? ($(), D("div", Et, [
+          _("div", null, [
+            C(s, {
+              size: "md",
+              color: "neutral-gray-200"
+            })
+          ]),
+          _("div", Vt, I(u(i)("inventory.formField.loading")), 1)
+        ])) : ($(), D(j, { key: 1 }, [
+          C(lt, {
+            class: q({
+              "w-full": !0,
+              "h-[200px]": !r.value
+            }),
+            accept: ".xlsx",
+            onFileUpload: y[0] || (y[0] = (e) => r.value = e),
+            label: u(i)("inventory.ingredient.import.uploadTemplate"),
+            "button-label": u(i)("inventory.ingredient.import.selectFile")
+          }, Ee({ _: 2 }, [
+            r.value ? {
+              name: "default",
+              fn: V(({ openFileDialog: e }) => [
+                _("div", Ut, [
+                  _("div", {
+                    class: q([
+                      "fm-corner-radius-md p-16 flex items-center gap-16",
+                      {
+                        "border border-fm-color-neutral-gray-100": t.value,
+                        "border border-fm-color-neutral-gray-200": !t.value && !a.value,
+                        "border border-fm-color-system-error-200": a.value
+                      }
+                    ])
+                  }, [
+                    t.value ? ($(), N(s, {
+                      key: 0,
+                      size: "md",
+                      color: "neutral-gray-200"
+                    })) : ($(), N(v, {
+                      key: 1,
+                      name: a.value ? "error" : "attach_file",
+                      outline: "",
+                      color: a.value ? "system-error-300" : void 0
+                    }, null, 8, ["name", "color"])),
+                    _("div", {
+                      class: q([
+                        "fm-typo-en-body-md-400 flex-1 h-[36px] flex items-center",
+                        {
+                          "text-fm-color-typo-disabled": t.value,
+                          "text-fm-color-typo-primary": !t.value
+                        }
+                      ])
+                    }, [
+                      _("div", Nt, I(r.value.name), 1)
+                    ], 2),
+                    t.value ? O("", !0) : ($(), D("div", Lt, [
+                      C(T, {
+                        label: u(i)("inventory.ingredient.import.replaceFile"),
+                        variant: a.value ? "destructive" : "secondary",
+                        "prepend-icon": a.value ? void 0 : "autorenew",
+                        onClick: e
+                      }, null, 8, ["label", "variant", "prepend-icon", "onClick"])
+                    ]))
+                  ], 2),
+                  f.value.length ? ($(), D("div", Bt, [
+                    ($(!0), D(j, null, Z(f.value, (k, F) => ($(), D("div", {
+                      key: F,
+                      class: "flex gap-8 items-center"
+                    }, [
+                      C(v, {
+                        name: "error",
+                        size: "sm",
+                        color: "system-error-300"
+                      }),
+                      _("div", zt, I(k), 1)
+                    ]))), 128))
+                  ])) : O("", !0)
+                ])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["class", "label", "button-label"]),
+          g.value ? ($(), D("div", Ht, [
+            _("div", Ot, I(u(i)("inventory.ingredient.import.summary")), 1),
+            ($(!0), D(j, null, Z(b.value, (e, k) => ($(), N(Ae, {
+              key: k,
+              name: e.template.name,
+              locations: e.template.locations,
+              items: e.template.items,
+              errors: e.errors,
+              type: "create"
+            }, null, 8, ["name", "locations", "items", "errors"]))), 128)),
+            ($(!0), D(j, null, Z(c.value, (e) => ($(), N(Ae, {
+              key: e.template._id,
+              name: e.template.name,
+              locations: e.template.locations,
+              items: e.template.items,
+              errors: e.errors,
+              type: "update"
+            }, null, 8, ["name", "locations", "items", "errors"]))), 128))
+          ])) : O("", !0)
+        ], 64))
+      ]);
+    };
+  }
+}), ie = Ve("closingTemplateActions", () => {
+  const { t: m } = W(), r = pe(), l = ce(), d = me(), t = mt(), n = ue(), { loading: f } = Ue(n), b = R({});
+  function c() {
+    b.value = {
+      mode: G.CREATE,
+      show: !0,
+      "onUpdate:show"(e) {
+        b.value.show = e;
+      }
+    };
+  }
+  function a(e) {
+    b.value = {
+      mode: G.UPDATE,
+      modelValue: e,
+      show: !0,
+      "onUpdate:show"(k) {
+        b.value.show = k;
+      }
+    };
+  }
+  function g(e, k, F) {
+    r.open({
+      title: `Confirm deleting template ${e.name}?`,
+      message: "Deleted template can no longer be retrieved",
+      primaryActions: {
+        text: "Delete",
+        variant: oe.Destructive,
+        close: !0
+      },
+      secondaryActions: {
+        text: "Cancel",
+        variant: oe.Plain,
+        close: !0
+      }
+    }).onPrimary(async () => {
+      l.open({
+        title: `Deleting ${e.name}`,
+        type: "info"
+      });
+      try {
+        k.value = !0;
+        const [p] = await Promise.allSettled([
+          d.deleteTemplate(e),
+          new Promise((o) => setTimeout(o, 1e3))
+        ]);
+        if (p.status === "rejected") throw p.reason;
+        l.open({
+          title: `Deleted ${e.name}`,
+          type: "success"
+        });
+      } catch (p) {
+        l.open({
+          title: `Unable to delete ${e.name}`,
+          message: `See error from server: ${p}`,
+          type: "error"
+        }), console.error("error on deleting closing template", p);
+      } finally {
+        k.value = !1, F();
+      }
+    });
+  }
+  function i(e, k, F) {
+    let p;
+    r.open({
+      title: `Confirm duplicating template "${e.name}"?`,
+      message: "Duplicated template can be edited after creation",
+      primaryActions: {
+        text: "Duplicate",
+        variant: oe.Destructive,
+        close: !0
+      },
+      secondaryActions: {
+        text: "Cancel",
+        variant: oe.Plain,
+        close: !0
+      },
+      contentComponent: K({
+        props: ["modelValue"],
+        emits: ["update:modelValue"],
+        setup(o) {
+          return () => P(Y.FmTextField, {
+            modelValue: o.modelValue,
+            "onUpdate:modelValue": (x) => p = x,
+            label: "New Template Name",
+            size: "md",
+            variant: "primary"
+          });
+        }
+      })
+    }).onPrimary(async () => {
+      l.open({
+        title: `Duplicating "${e.name}"`,
+        type: "info"
+      });
+      try {
+        k.value = !0;
+        const [o] = await Promise.allSettled([
+          t.duplicateClosingTemplate(e._id, p),
+          new Promise((x) => setTimeout(x, 1e3))
+        ]);
+        if (o.status === "rejected") throw o.reason;
+        l.open({
+          title: `Duplicated "${e.name}"`,
+          type: "success"
+        });
+      } catch (o) {
+        l.open({
+          title: `Unable to duplicate "${e.name}"`,
+          message: `See error from server: ${o}`,
+          type: "error"
+        }), console.error("error on duplicating closing template", o);
+      } finally {
+        k.value = !1, F();
+      }
+    });
+  }
+  const h = R({});
+  function w(e) {
+    h.value = {
+      template: e,
+      show: !0,
+      "onUpdate:show"(k) {
+        h.value.show = k;
+      },
+      "onAction:edit"() {
+        h.value.show = !1, a(Ne(e));
+      }
+    };
+  }
+  function y() {
+    if (!n.templates.length) {
+      l.open({
+        title: "No data to export",
+        type: "error"
+      });
+      return;
+    }
+    const e = bt(n.templates);
+    l.open({
+      title: m("inventory.ingredient.export.success"),
+      message: m("inventory.ingredient.export.filename", [e]),
+      type: "success"
+    });
+  }
+  function s(e) {
+    if (!e.items.length) {
+      l.open({
+        title: "No items in template to export",
+        type: "error"
+      });
+      return;
+    }
+    const k = _t(e);
+    l.open({
+      title: m("inventory.ingredient.export.success"),
+      message: m("inventory.ingredient.export.filename", [k]),
+      type: "success"
+    });
+  }
+  function v() {
+    n.loading || r.open({
+      title: m("inventory.ingredient.import.title"),
+      contentComponent: jt,
+      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((e) => {
+      if (!e) {
+        l.open({
+          title: m("inventory.ingredient.import.error.noData"),
+          type: "error"
+        });
+        return;
+      }
+      if (!e.importCreateResult.length && !e.importUpdateResult.length) {
+        l.open({
+          title: m("inventory.ingredient.import.error.invalidContent"),
+          message: m("inventory.ingredient.import.error.noImportData"),
+          type: "error"
+        });
+        return;
+      }
+      if (e.importCreateResult.some((k) => k.errors.length) || e.importUpdateResult.some((k) => k.errors.length)) {
+        l.open({
+          title: m("inventory.ingredient.import.error.invalidContent"),
+          message: m("inventory.ingredient.import.error.hasErrors"),
+          type: "error"
+        });
+        return;
+      }
+      r.close(), T(e);
+    }).onTertiary(xt);
+  }
+  async function T(e) {
+    f.value = !0;
+    try {
+      const k = [
+        ...e.importCreateResult.map(
+          (x) => x.template
+        ),
+        ...e.importUpdateResult.map(
+          (x) => x.template
+        )
+      ], F = 100;
+      let p = 0;
+      const o = () => {
+        p += F, l.open({
+          title: m("inventory.ingredient.import.progress", [
+            Math.min(p, k.length),
+            k.length
+          ])
+        });
+      };
+      for (const x of k.chunk(100))
+        o(), await d.importTemplates(x);
+      l.open({
+        title: m("inventory.ingredient.import.success"),
+        type: "success"
+      });
+    } catch (k) {
+      l.open({
+        title: m("inventory.ingredient.import.error.failed"),
+        message: m("inventory.ingredient.import.error.systemMessage", [k == null ? void 0 : k.message]),
+        type: "error"
+      }), console.error("Error in importing skus", e, k);
+    } finally {
+      f.value = !1, n.fetchTemplates();
+    }
+  }
+  return {
+    createTemplate: c,
+    viewTemplate: w,
+    updateTemplate: a,
+    deleteTemplate: g,
+    duplicateTemplate: i,
+    exportTemplates: y,
+    exportSingleTemplate: s,
+    importTemplates: v,
+    templateDialogProps: b,
+    templateDetailsProps: h
+  };
+});
+var Q = /* @__PURE__ */ ((m) => (m.Name = "Name", m.Unit = "Unit", m.Delete = "Delete", m))(Q || {});
+function Yt(m) {
+  return {
+    columnDefs: L(() => {
+      const l = m.items.map((t) => t.sku.unit.measurements.length).reduce((t, n) => Math.max(t, n), 0);
+      return [
+        {
+          id: "Name",
+          header: () => "Name",
+          enableSorting: !1,
+          size: 400,
+          minSize: 400,
+          accessorFn: (t) => `${t.sku.name} ${t.sku.code}`,
+          cell(t) {
+            const n = t.row.original;
+            return P(
+              "div",
+              {
+                class: "flex flex-col",
+                style: { minWidth: "400px" }
+              },
+              [
+                P(
+                  "span",
+                  { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary line-clamp-1" },
+                  n.sku.name
+                ),
+                P(
+                  "span",
+                  { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary line-clamp-1" },
+                  n.sku.code
+                )
+              ]
+            );
+          }
+        },
+        {
+          id: "Unit",
+          header: () => "Enable unit",
+          enableSorting: !1,
+          minSize: 200,
+          maxSize: 400,
+          cell(t) {
+            var f, b, c;
+            const n = t.row.original;
+            return P("div", { class: "flex items-center gap-32" }, [
+              P(
+                Y.FmFormGroup,
+                {
+                  value: n.sku.unit._id,
+                  modelValue: !((f = n.disabledMeasurements) != null && f.includes(n.sku.unit._id))
+                },
+                P(
+                  "div",
+                  {
+                    class: "flex items-center gap-4",
+                    style: { width: "120px" }
+                  },
+                  [
+                    P(Y.FmCheckbox, {
+                      value: n.sku.unit._id,
+                      modelValue: !((b = n.disabledMeasurements) != null && b.includes(n.sku.unit._id)),
+                      disabled: m.disabled || !((c = n.disabledMeasurements) != null && c.includes(n.sku.unit._id)) && n.sku.unit.measurements.every(
+                        (a) => {
+                          var g;
+                          return (g = n.disabledMeasurements) == null ? void 0 : g.includes(a.id);
+                        }
+                      ),
+                      "onUpdate:modelValue"(a) {
+                        var g;
+                        if (a)
+                          m.updateItem({
+                            ...n,
+                            disabledMeasurements: (g = n.disabledMeasurements) == null ? void 0 : g.filter(
+                              (i) => i !== n.sku.unit._id
+                            )
+                          });
+                        else {
+                          const i = n.disabledMeasurements ?? [];
+                          m.updateItem({
+                            ...n,
+                            disabledMeasurements: [...i, n.sku.unit._id]
+                          });
+                        }
+                      }
+                    }),
+                    P(
+                      Y.FmTooltip,
+                      { zIndex: 51 },
+                      {
+                        content() {
+                          return n.sku.unit.abbrev;
+                        },
+                        default() {
+                          return P(
+                            "div",
+                            { class: "line-clamp-2 fm-typo-en-body-lg-400" },
+                            n.sku.unit.abbrev
+                          );
+                        }
+                      }
+                    )
+                  ]
+                )
+              ),
+              ...Array.from({ length: Math.max(l, 0) }).map((a, g) => {
+                var w, y, s, v;
+                const i = t.row.original, h = i.sku.unit.measurements[g];
+                return h ? P(
+                  Y.FmFormGroup,
+                  {
+                    modelValue: !((w = i.disabledMeasurements) != null && w.includes(h.id)),
+                    value: h.id
+                  },
+                  P(
+                    "div",
+                    {
+                      class: "flex items-center gap-4",
+                      style: { width: "120px" }
+                    },
+                    [
+                      P(Y.FmCheckbox, {
+                        value: h.id,
+                        modelValue: !((y = i.disabledMeasurements) != null && y.includes(h.id)),
+                        disabled: m.disabled || !((s = i.disabledMeasurements) != null && s.includes(h.id)) && ((v = i.disabledMeasurements) == null ? void 0 : v.includes(i.sku.unit._id)) && i.sku.unit.measurements.filter((T) => T.id != h.id).every((T) => {
+                          var e;
+                          return (e = i.disabledMeasurements) == null ? void 0 : e.includes(T.id);
+                        }),
+                        "onUpdate:modelValue"(T) {
+                          var e;
+                          if (T)
+                            m.updateItem({
+                              ...i,
+                              disabledMeasurements: (e = i.disabledMeasurements) == null ? void 0 : e.filter(
+                                (k) => k !== h.id
+                              )
+                            });
+                          else {
+                            const k = i.disabledMeasurements ?? [];
+                            m.updateItem({
+                              ...i,
+                              disabledMeasurements: [...k, h.id]
+                            });
+                          }
+                        }
+                      }),
+                      P(
+                        Y.FmTooltip,
+                        { zIndex: 51 },
+                        {
+                          content() {
+                            return h.abbrev;
+                          },
+                          default() {
+                            return P(
+                              "div",
+                              { class: "line-clamp-2 fm-typo-en-body-lg-400" },
+                              h.abbrev
+                            );
+                          }
+                        }
+                      )
+                    ]
+                  )
+                ) : null;
+              })
+            ]);
+          }
+        },
+        {
+          id: "Delete",
+          header: "",
+          cell(t) {
+            const n = t.row.original;
+            return P(
+              "div",
+              { class: "w-full flex justify-end" },
+              P(Y.FmButton, {
+                class: "delete-button",
+                key: n.sku._id,
+                type: "button",
+                icon: "delete",
+                variant: "tertiary",
+                size: "md",
+                disabled: m.disabled,
+                onClick: () => {
+                  m.deleteItem(n);
+                }
+              })
+            );
+          },
+          enableSorting: !1,
+          size: 40,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ];
+    })
+  };
+}
+const Gt = { class: "flex flex-col gap-16 py-12" }, Kt = { class: "flex" }, Wt = { class: "flex-1 flex flex-col" }, qt = { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, Jt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Xt = { class: "flex flex-col gap-4" }, Qt = /* @__PURE__ */ K({
+  __name: "ClosingTemplateItem",
+  props: {
+    cellByColId: {},
+    row: {}
+  },
+  setup(m) {
+    const r = m, l = L(() => r.row), d = L(
+      () => l.value.getVisibleCells().filter((t) => t.column.id !== Q.Name && t.column.id !== Q.Delete)
+    );
+    return (t, n) => {
+      var f, b, c, a, g;
+      return $(), D("div", Gt, [
+        _("div", Kt, [
+          _("div", Wt, [
+            _("div", qt, I(l.value.original.sku.name), 1),
+            _("div", Jt, I(l.value.original.sku.code), 1)
+          ]),
+          _("div", null, [
+            C(u(X), {
+              render: (c = (b = (f = t.cellByColId[u(Q).Delete]) == null ? void 0 : f.column) == null ? void 0 : b.columnDef) == null ? void 0 : c.cell,
+              props: (g = (a = t.cellByColId[u(Q).Delete]) == null ? void 0 : a.getContext) == null ? void 0 : g.call(a)
+            }, null, 8, ["render", "props"])
+          ])
+        ]),
+        _("div", Xt, [
+          n[0] || (n[0] = _("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, null, -1)),
+          ($(!0), D(j, null, Z(d.value, (i) => {
+            var h, w, y;
+            return $(), D("div", {
+              key: i.id
+            }, [
+              C(u(X), {
+                render: (w = (h = i.column) == null ? void 0 : h.columnDef) == null ? void 0 : w.cell,
+                props: (y = i.getContext) == null ? void 0 : y.call(i)
+              }, null, 8, ["render", "props"])
+            ]);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+}), Zt = { class: "flex flex-col gap-16" }, en = { class: "flex flex-col gap-24" }, tn = { class: "flex flex-col gap-16" }, nn = { class: "flex items-center" }, on = { class: "flex-1 fm-typo-en-title-sm-600" }, sn = { class: "flex flex-col gap-16" }, ln = { class: "flex items-center" }, an = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, rn = { class: "flex gap-8" }, cn = { key: 0 }, mn = /* @__PURE__ */ K({
+  __name: "ClosingTemplateForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  setup(m, { expose: r }) {
+    const l = m, d = vt(), { t } = W(), n = ve(), {
+      promptSelectLocations: f,
+      columnDefs: b,
+      rowData: c
+    } = gt({
+      getLocations() {
+        return d.locations;
+      },
+      setLocations(p) {
+        d.locations = p;
+      }
+    }), a = R(), g = R(""), i = R(null), h = R(!1), w = [
+      {
+        key: "name",
+        label: "Name",
+        getter: (p) => {
+          var o;
+          return (o = p.sku) == null ? void 0 : o.name;
+        }
+      },
+      {
+        key: "code",
+        label: "Code",
+        getter: (p) => {
+          var o;
+          return (o = p.sku) == null ? void 0 : o.code;
+        }
+      }
+    ], y = R([]), s = L(() => d.items.map((p, o) => ({ item: p, originalIndex: o })).sort((p, o) => {
+      const x = p.item.position ?? p.originalIndex, M = o.item.position ?? o.originalIndex;
+      return x - M;
+    }).map(({ item: p }) => p));
+    function v() {
+      h.value ? d.items = y.value.map(({ id: p, label: o, ...x }, M) => ({
+        ...x,
+        position: M
+      })) : y.value = s.value.map((p) => ({
+        ...p,
+        id: p.sku._id,
+        label: `${p.sku.code} ${p.sku.name}`
+      })), h.value = !h.value;
+    }
+    r({
+      validateInputs: () => {
+        var p, o;
+        (o = (p = a.value) == null ? void 0 : p.validateInputs) == null || o.call(p);
+      },
+      resetInputsValidation: () => {
+        var p, o;
+        (o = (p = a.value) == null ? void 0 : p.resetInputsValidation) == null || o.call(p);
+      },
+      resetInputs: () => {
+        var p, o;
+        (o = (p = a.value) == null ? void 0 : p.resetInputs) == null || o.call(p);
+      }
+    });
+    const T = Yt({
+      updateItem: (p) => {
+        d.items = d.items.map((o) => o.sku._id !== p.sku._id ? o : p);
+      },
+      deleteItem: (p) => {
+        d.items = d.items.filter((o) => o.sku._id !== p.sku._id);
+      },
+      get items() {
+        return s.value;
+      },
+      get disabled() {
+        return l.disabled;
+      }
+    }), e = L(() => T.columnDefs.value), { promptSelectIngredients: k } = ft();
+    async function F() {
+      const o = n.skus.map((S) => ({
+        label: S.name,
+        sublabel: S.code,
+        value: S
+      })).filter((S) => {
+        var U;
+        return (U = d.items) == null ? void 0 : U.find((H) => H.sku._id === S.value._id);
+      }).map((S) => S.value), x = d.items ?? [], M = await k(
+        o.map((S) => S._id),
+        (S) => {
+          const U = n.skuById[S], H = x.find((A) => A.sku._id === U._id);
+          return H || {
+            sku: U
+          };
+        }
+      );
+      M && (M.sort((S, U) => S.sku.code.localeCompare(U.sku.code)), d.items = M);
+    }
+    return (p, o) => {
+      const x = E("FmTextField"), M = E("FmButton"), S = E("FmTable"), U = E("FmIcon"), H = E("FmFormGroup"), B = E("FmForm");
+      return $(), N(B, {
+        ref_key: "formRef",
+        ref: a,
+        class: "flex flex-col gap-32",
+        disabled: p.disabled
+      }, {
+        default: V(() => [
+          _("div", Zt, [
+            _("div", en, [
+              C(x, {
+                label: u(t)("inventory.closing.form.name"),
+                "label-mark": "required",
+                modelValue: u(d).name,
+                "onUpdate:modelValue": o[0] || (o[0] = (A) => u(d).name = A),
+                rules: [u(dt)()]
+              }, null, 8, ["label", "modelValue", "rules"]),
+              C(x, {
+                label: u(t)("inventory.closing.form.reference"),
+                "label-mark": "optional",
+                modelValue: u(d).ref,
+                "onUpdate:modelValue": o[1] || (o[1] = (A) => u(d).ref = A)
+              }, null, 8, ["label", "modelValue"])
+            ])
+          ]),
+          _("div", tn, [
+            _("div", nn, [
+              _("div", on, I(u(t)("inventory.closing.form.locations")), 1),
+              C(M, {
+                disabled: p.disabled,
+                label: u(t)("inventory.closing.form.selectLocation"),
+                "prepend-icon": "add",
+                variant: "plain",
+                class: "border-2 rounded-lg border-fm-color-primary",
+                onClick: u(f)
+              }, null, 8, ["disabled", "label", "onClick"])
+            ]),
+            C(S, {
+              "column-defs": u(b),
+              "row-data": u(c),
+              "shrink-at": 9999,
+              onRowClick: u(f),
+              "hide-footer": ""
+            }, null, 8, ["column-defs", "row-data", "onRowClick"])
+          ]),
+          _("div", sn, [
+            _("div", ln, [
+              _("div", an, I(u(t)("inventory.closing.form.items.title")), 1),
+              _("div", rn, [
+                u(d).items.length > 0 ? ($(), N(M, {
+                  key: 0,
+                  disabled: p.disabled,
+                  label: h.value ? u(t)("inventory.common.done") : u(t)("inventory.common.rearrange"),
+                  "prepend-icon": h.value ? "check" : "swap_vert",
+                  variant: h.value ? "primary" : "secondary",
+                  class: q(["border-2 rounded-lg", h.value ? "" : "border-fm-color-secondary"]),
+                  onClick: v,
+                  size: "md"
+                }, null, 8, ["disabled", "label", "prepend-icon", "variant", "class"])) : O("", !0),
+                h.value ? O("", !0) : ($(), N(M, {
+                  key: 1,
+                  disabled: p.disabled,
+                  label: u(t)("inventory.closing.form.items.addItem"),
+                  "prepend-icon": "add",
+                  variant: "plain",
+                  class: "border-2 rounded-lg border-fm-color-primary",
+                  onClick: o[2] || (o[2] = (A) => F()),
+                  size: "md"
+                }, null, 8, ["disabled", "label"]))
+              ])
+            ]),
+            h.value ? ($(), D("div", cn, [
+              C(u(et), {
+                modelValue: y.value,
+                "onUpdate:modelValue": o[3] || (o[3] = (A) => y.value = A),
+                "sort-fields": w,
+                "left-column-label": u(t)("inventory.closing.form.items.availableItems"),
+                "right-column-label": u(t)("inventory.closing.form.items.organizedGroups"),
+                height: "600px"
+              }, null, 8, ["modelValue", "left-column-label", "right-column-label"])
+            ])) : ($(), D(j, { key: 1 }, [
+              C(x, {
+                placeholder: u(t)("inventory.formField.filterItems"),
+                modelValue: g.value,
+                "onUpdate:modelValue": o[5] || (o[5] = (A) => g.value = A)
+              }, Ee({ _: 2 }, [
+                g.value ? {
+                  name: "append",
+                  fn: V(() => [
+                    C(U, {
+                      name: "close",
+                      onClick: o[4] || (o[4] = (A) => g.value = ""),
+                      class: "cursor-pointer"
+                    })
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["placeholder", "modelValue"]),
+              _("div", {
+                ref_key: "itemsTableRef",
+                ref: i
+              }, [
+                ($(), N(S, {
+                  "search-value": g.value,
+                  "column-defs": e.value,
+                  "row-data": s.value,
+                  key: s.value.map((A) => A.sku._id).join("."),
+                  "hide-footer": s.value.length <= 10,
+                  "page-size": Math.min(10, s.value.length)
+                }, {
+                  "list-row": V((A) => [
+                    ($(), N(ze, {
+                      row: A,
+                      key: s.value.map((J) => J.sku._id).join(".")
+                    }, {
+                      default: V((J) => [
+                        C(Qt, {
+                          row: A,
+                          "cell-by-col-id": J
+                        }, null, 8, ["row", "cell-by-col-id"])
+                      ]),
+                      _: 2
+                    }, 1032, ["row"]))
+                  ]),
+                  _: 1
+                }, 8, ["search-value", "column-defs", "row-data", "hide-footer", "page-size"]))
+              ], 512)
+            ], 64)),
+            C(H, {
+              "model-value": u(d).items.length,
+              rules: [u(pt)(1)]
+            }, null, 8, ["model-value", "rules"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), un = { class: "flex items-center" }, dn = { class: "fm-typo-en-title-md-600" }, pn = { class: "flex justify-between" }, fn = { class: "fm-typo-en-body-lg-600" }, vn = { class: "flex flex-col gap-8" }, gn = { class: "flex flex-col gap-4" }, yn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, hn = { class: "flex items-center gap-8" }, bn = { class: "fm-typo-en-body-lg-600" }, _n = { class: "flex gap-4" }, xn = /* @__PURE__ */ K({
+  __name: "ClosingTemplateDialog",
+  props: {
+    mode: {},
+    modelValue: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(m, { expose: r, emit: l }) {
+    var p;
+    const d = m, t = l, n = me(), f = ie(), b = ce(), { t: c } = W(), a = tt(d, "show");
+    function g() {
+      return {
+        _id: "",
+        name: "",
+        items: []
+      };
+    }
+    const i = R(d.modelValue ?? g()), h = R(((p = d.modelValue) == null ? void 0 : p._id) ?? `${Math.random()}`);
+    Pe(
+      () => d.show,
+      (o) => {
+        var x;
+        o && (i.value = d.modelValue ?? g(), h.value = ((x = d.modelValue) == null ? void 0 : x._id) ?? `${Math.random()}`);
+      }
+    );
+    const w = R(!1), y = L(() => {
+      switch (d.mode) {
+        case G.READ:
+          return "";
+        case G.CREATE:
+          return c("inventory.closing.template.create.title");
+        case G.UPDATE:
+          return c("inventory.closing.template.update.title");
+      }
+      return "";
+    }), s = R();
+    r({
+      validateInputs: () => {
+        var o, x;
+        (x = (o = s.value) == null ? void 0 : o.validateInputs) == null || x.call(o);
+      },
+      resetInputsValidation: () => {
+        var o, x;
+        (x = (o = s.value) == null ? void 0 : o.resetInputsValidation) == null || x.call(o);
+      },
+      resetInputs: () => {
+        var o, x;
+        (x = (o = s.value) == null ? void 0 : o.resetInputs) == null || x.call(o);
+      }
+    });
+    async function v() {
+      const o = i.value;
+      if (o) {
+        w.value = !0;
+        try {
+          await n.createTemplate(o), await new Promise((x) => setTimeout(x, 1e3)), b.open({
+            title: c("inventory.closing.template.create.success"),
+            message: c("inventory.closing.template.create.successMessage"),
+            type: "success"
+          }), t("update:show", !1), t("submitted");
+        } catch (x) {
+          b.open({
+            title: c("inventory.closing.template.create.error"),
+            message: c("inventory.closing.template.create.errorMessage"),
+            type: "error"
+          }), console.error("Error in creating closing template", x);
+        } finally {
+          w.value = !1;
+        }
+      }
+    }
+    async function T() {
+      const o = i.value;
+      if (o) {
+        w.value = !0, delete o.updatedAt;
+        try {
+          await n.updateTemplate({
+            ...o,
+            _rev: o._rev ?? ""
+          }), await new Promise((x) => setTimeout(x, 1e3)), b.open({
+            title: c("inventory.closing.template.update.success"),
+            message: c("inventory.closing.template.update.successMessage"),
+            type: "success"
+          }), t("update:show", !1), t("submitted");
+        } catch (x) {
+          b.open({
+            title: c("inventory.closing.template.update.error"),
+            message: c("inventory.closing.template.update.errorMessage"),
+            type: "error"
+          }), console.error("Error in updating closing template", x);
+        } finally {
+          w.value = !1;
+        }
+      }
+    }
+    function e() {
+      switch (d.mode) {
+        case G.CREATE:
+          return v();
+        case G.UPDATE:
+          return T();
+      }
+    }
+    function k() {
+      var o, x;
+      (x = (o = s.value) == null ? void 0 : o.validateInputs) == null || x.call(o);
+    }
+    function F() {
+      i.value && f.exportSingleTemplate(i.value);
+    }
+    return (o, x) => {
+      const M = E("FmMenuDivider"), S = E("FmCard"), U = E("FmButton"), H = E("FmSideSheet");
+      return $(), N(H, {
+        modelValue: u(a),
+        "onUpdate:modelValue": x[2] || (x[2] = (B) => Ye(a) ? a.value = B : null),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 9999
+      }, {
+        "side-sheet-header": V(() => [
+          _("div", un, [
+            _("div", dn, I(y.value), 1)
+          ])
+        ]),
+        default: V(() => [
+          i.value.updatedAt ? ($(), N(S, {
+            key: 0,
+            variant: "outlined",
+            class: "flex flex-col gap-8 px-12 py-16 mb-16"
+          }, {
+            default: V(() => {
+              var B;
+              return [
+                _("div", pn, [
+                  _("div", fn, I(u(c)("inventory.transfer.template.details.templateSummary")), 1)
+                ]),
+                C(M),
+                _("div", vn, [
+                  _("div", gn, [
+                    _("div", yn, I(u(c)("inventory.transfer.receiveRequest.details.updatedAt")), 1),
+                    _("div", hn, [
+                      _("div", bn, [
+                        ae(I(u(le)(i.value.updatedAt)) + " ", 1),
+                        (B = i.value.updatedBy) != null && B.name ? ($(), D(j, { key: 0 }, [
+                          ae(" (" + I(i.value.updatedBy.name) + ") ", 1)
+                        ], 64)) : O("", !0)
+                      ]),
+                      C(yt, {
+                        "closing-id": i.value._id
+                      }, null, 8, ["closing-id"])
+                    ])
+                  ])
+                ])
+              ];
+            }),
+            _: 1
+          })) : O("", !0),
+          ($(), N(mn, {
+            class: "w-full",
+            ref_key: "formRef",
+            ref: s,
+            onValidationSuccess: e,
+            "model-value": i.value,
+            "onUpdate:modelValue": x[0] || (x[0] = (B) => i.value = B),
+            disabled: w.value,
+            key: h.value
+          }, null, 8, ["model-value", "disabled"]))
+        ]),
+        "side-sheet-footer": V(() => [
+          _("div", _n, [
+            C(U, {
+              loading: w.value,
+              label: u(c)("common.save"),
+              onClick: k
+            }, null, 8, ["loading", "label"]),
+            o.mode === u(G).UPDATE ? ($(), N(U, {
+              key: 0,
+              disabled: w.value,
+              variant: "secondary",
+              label: u(c)("inventory.common.export"),
+              "prepend-icon": "download",
+              onClick: F
+            }, null, 8, ["disabled", "label"])) : O("", !0),
+            C(U, {
+              disabled: w.value,
+              variant: "tertiary",
+              label: u(c)("common.close"),
+              onClick: x[1] || (x[1] = (B) => t("update:show", !1))
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), wn = {};
+function kn(m, r) {
+  return $(), D("div");
+}
+const Tn = /* @__PURE__ */ ht(wn, [["render", kn]]), $n = { class: "flex flex-col gap-40" }, Cn = { key: 0 }, In = {
+  key: 1,
+  class: "flex gap-8 items-center"
+}, Sn = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary" }, Dn = {
+  key: 2,
+  class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary"
+}, Mn = {
+  key: 3,
+  class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary flex flex-col gap-12"
+}, Fn = { class: "fm-typo-en-body-md-600" }, Rn = { class: "fm-typo-en-body-md-600" }, An = { key: 4 }, Pn = { class: "fm-typo-en-body-md-600" }, En = { class: "fm-typo-en-body-md-600" }, Vn = { class: "flex sm:flex-col xs:flex-col justify-end gap-8 w-full mb-16" }, Un = /* @__PURE__ */ K({
+  __name: "ClosingTemplatePublish",
+  emits: ["close"],
+  setup(m, { emit: r }) {
+    const l = R(!1), d = ce(), t = me(), n = ue(), { t: f } = W(), b = r;
+    async function c() {
+      l.value = !0;
+      try {
+        await t.startNewPublish().delayed(1e3), d.open({
+          title: "Success",
+          message: "You may refresh after a while to review publish status",
+          type: "success"
+        }), i();
+      } catch (h) {
+        d.open({
+          title: "Something went wrong",
+          message: "Please try again",
+          type: "error"
+        }), console.error("error on creating publish task", h);
+      } finally {
+        l.value = !1;
+      }
+    }
+    const a = L(() => n.recentPublish.recentJob), g = L(
+      () => n.templates.length && (!a.value || a.value.outlets.length === a.value.completed.length)
+    );
+    function i() {
+      b("close");
+    }
+    return (h, w) => {
+      const y = E("FmCircularProgress"), s = E("i18n-t"), v = E("FmButton");
+      return $(), D("div", $n, [
+        u(n).templates.length ? l.value ? ($(), D("div", In, [
+          _("div", null, [
+            C(y, {
+              size: "md",
+              color: "neutral-gray-300"
+            })
+          ]),
+          _("div", Sn, [
+            _("span", null, I(u(f)("inventory.closing.template.publish.publishing")), 1)
+          ])
+        ])) : a.value ? a.value.outlets.length === a.value.completed.length ? ($(), D("div", Mn, [
+          C(s, {
+            keypath: "inventory.closing.template.publish.recentlyPublishedAt",
+            tag: "p"
+          }, {
+            started: V(() => [
+              _("span", Fn, I(u(le)(new Date(a.value.createdAt))), 1)
+            ]),
+            finished: V(() => [
+              _("span", Rn, I(u(le)(new Date(a.value.updatedAt))), 1)
+            ]),
+            _: 1
+          }),
+          _("p", null, I(u(f)("inventory.closing.template.publish.message")), 1)
+        ])) : ($(), D("div", An, [
+          C(s, {
+            keypath: "inventory.closing.template.publish.stillPublishing",
+            tag: "p"
+          }, {
+            started: V(() => [
+              _("span", Pn, I(u(le)(new Date(a.value.createdAt))), 1)
+            ]),
+            progress: V(() => [
+              _("span", En, " (" + I(a.value.completed.length) + "/" + I(a.value.outlets.length) + " completed) ", 1)
+            ]),
+            _: 1
+          }),
+          ae(" Your recent publishing task is still pending (" + I(a.value.completed.length) + " / " + I(a.value.outlets.length) + "). Please wait until all publishing task has completed. ", 1)
+        ])) : ($(), D("div", Dn, [
+          _("p", null, I(u(f)("inventory.closing.template.publish.noRecentActivity")), 1),
+          _("p", null, I(u(f)("inventory.closing.template.publish.message")), 1)
+        ])) : ($(), D("div", Cn, [
+          _("p", null, I(u(f)("inventory.closing.template.publish.nothingToPublish")), 1)
+        ])),
+        _("div", Vn, [
+          C(v, {
+            disabled: !g.value,
+            loading: l.value,
+            label: "Publish to all outlets",
+            onClick: c
+          }, null, 8, ["disabled", "loading"]),
+          C(v, {
+            variant: "tertiary",
+            label: "Close",
+            onClick: i
+          })
+        ])
+      ]);
+    };
+  }
+}), Nn = { class: "flex-1 flex flex-col gap-8" }, Ln = { class: "flex flex-col" }, Bn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, zn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Hn = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, On = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, vo = /* @__PURE__ */ K({
+  __name: "ClosingTemplateView",
+  setup(m) {
+    const { t: r } = W(), { createTemplate: l, updateTemplate: d, exportTemplates: t, importTemplates: n } = ie(), { templateDialogProps: f, templateDetailsProps: b } = Ue(ie()), c = fe(), a = pe(), g = ue(), i = Xe(), { breakpoints: h } = nt();
+    c.watchLocation(g.fetchTemplates);
+    const w = L(() => g.loading), y = R(""), s = L(() => h.value.xs || h.value.sm), v = L(() => s.value ? 10 : 20);
+    function T(p) {
+      switch (p) {
+        case z.Add:
+          return l();
+        case "publish":
+          return e();
+        case "import":
+          return n();
+        case "export":
+          return t();
+        case "refresh":
+          return g.fetchTemplates();
+      }
+    }
+    function e() {
+      a.open({
+        title: "Publish closing templates",
+        contentComponent: Un,
+        contentComponentProps: {
+          onClose() {
+            a.close();
+          }
+        }
+      });
+    }
+    function k(p) {
+      return p;
+    }
+    const F = L(() => s.value ? [
+      {
+        label: r("inventory.closing.template.create.title"),
+        value: z.Add,
+        isPrimary: !0,
+        prependIcon: "add"
+      },
+      {
+        label: r("inventory.common.refresh"),
+        value: "refresh",
+        isPrimary: !1
+      },
+      {
+        label: r("inventory.common.publish"),
+        value: "publish",
+        isPrimary: !1
+      },
+      {
+        label: r("inventory.common.import"),
+        value: "import",
+        isPrimary: !1
+      },
+      {
+        label: r("inventory.common.export"),
+        value: "export",
+        isPrimary: !1
+      }
+    ] : [
+      {
+        label: r("inventory.closing.template.create.title"),
+        value: z.Add,
+        isPrimary: !0,
+        prependIcon: "add"
+      },
+      {
+        label: r("inventory.common.publish"),
+        value: "publish",
+        isPrimary: !1
+      },
+      {
+        label: r("inventory.common.import"),
+        value: "import",
+        isPrimary: !1
+      },
+      {
+        label: r("inventory.common.refresh"),
+        value: "refresh",
+        isPrimary: !1
+      },
+      {
+        label: r("inventory.common.export"),
+        value: "export",
+        isPrimary: !1
+      }
+    ]);
+    return (p, o) => {
+      const x = E("FmTable");
+      return $(), D(j, null, [
+        C(Qe, {
+          title: u(r)("inventory.closing.template.title"),
+          actions: F.value,
+          "onClick:action": T
+        }, {
+          default: V(() => [
+            _("div", {
+              class: q([
+                "flex flex-col gap-8 max-h-full",
+                {
+                  "p-0": s.value,
+                  "px-24 ": !s.value
+                }
+              ])
+            }, [
+              C(ut, {
+                searchable: "",
+                search: y.value,
+                "onUpdate:search": o[0] || (o[0] = (M) => y.value = M)
+              }, null, 8, ["search"]),
+              C(x, {
+                style: Ge(u(i).tableHeight),
+                "column-defs": u(g).columnDefs,
+                "row-data": u(g).templates,
+                "search-value": y.value,
+                loading: w.value,
+                onRowClick: o[1] || (o[1] = (M) => u(d)(M.original)),
+                "page-size": v.value
+              }, {
+                "list-row": V((M) => [
+                  C(ze, {
+                    row: M,
+                    onRowClick: (S) => u(d)(S)
+                  }, {
+                    default: V((S) => {
+                      var U, H, B, A, J, be, _e, xe, ee, we, ke, Te, $e, Ce, Ie, te, Se, De, Me, Fe, ne, Re;
+                      return [
+                        _("div", Nn, [
+                          _("div", Ln, [
+                            _("div", Bn, [
+                              C(u(X), {
+                                render: (B = (H = (U = S._id) == null ? void 0 : U.column) == null ? void 0 : H.columnDef) == null ? void 0 : B.cell,
+                                props: (J = (A = S._id) == null ? void 0 : A.getContext) == null ? void 0 : J.call(A)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            _("div", zn, [
+                              C(u(X), {
+                                render: (xe = (_e = (be = S.name) == null ? void 0 : be.column) == null ? void 0 : _e.columnDef) == null ? void 0 : xe.cell,
+                                props: (we = (ee = S.name) == null ? void 0 : ee.getContext) == null ? void 0 : we.call(ee)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            _("div", null, I((ke = M.original.locations) != null && ke.length ? u(r)("inventory.closing.table.enabledForN", {
+                              count: ((Te = M.original.locations) == null ? void 0 : Te.length) ?? 0
+                            }) : u(r)("inventory.closing.table.enabledForAll")), 1),
+                            _("div", Hn, I([
+                              ...M.original.items.slice(0, 3).map((je) => je.sku.name),
+                              ...M.original.items.length >= 3 ? [`and ${M.original.items.length - 3} more items`] : []
+                            ].join(", ")), 1),
+                            _("div", On, [
+                              C(u(X), {
+                                render: (Ie = (Ce = ($e = S.ref) == null ? void 0 : $e.column) == null ? void 0 : Ce.columnDef) == null ? void 0 : Ie.cell,
+                                props: (Se = (te = S.ref) == null ? void 0 : te.getContext) == null ? void 0 : Se.call(te)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ]),
+                          _("div", null, [
+                            C(u(X), {
+                              render: (Fe = (Me = (De = S.status) == null ? void 0 : De.column) == null ? void 0 : Me.columnDef) == null ? void 0 : Fe.cell,
+                              props: (Re = (ne = S.status) == null ? void 0 : ne.getContext) == null ? void 0 : Re.call(ne)
+                            }, null, 8, ["render", "props"])
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["row", "onRowClick"])
+                ]),
+                _: 1
+              }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["title", "actions"]),
+        ($(), N(Ke, { to: "body" }, [
+          C(Tn, We(qe(u(b))), null, 16),
+          C(xn, Je(u(f), {
+            onSubmitted: o[2] || (o[2] = (M) => u(g).fetchTemplates())
+          }), null, 16)
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  vo as default
+};