@feedmepos/mf-inventory-portal 0.0.25-dev.2 → 0.0.25-dev.21

package/dist/ClosingTemplateView-CXRN19-D.js

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