@feedmepos/mf-inventory-portal 0.0.22-dev.44 → 0.0.22-dev.46

package/dist/ClosingTemplateView-Cdbp7nYn.js

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