@feedmepos/mf-inventory-portal 0.0.22-dev.41 → 0.0.22-dev.42

package/dist/ClosingTemplateView-Dcy08dPm.js

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