@feedmepos/mf-inventory-portal 0.0.22-dev.47 → 0.0.22-dev.49

package/dist/ClosingTemplateView-C5gyaMQ6.js

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