@feedmepos/mf-inventory-portal 0.0.21-dev.7 → 0.0.22-dev.1

package/dist/ClosingTemplateView--8m8cua_.js

@@ -0,0 +1,919 @@
+import { ref as S, computed as E, h as U, defineComponent as G, openBlock as $, createElementBlock as B, createElementVNode as _, toDisplayString as N, createVNode as w, unref as n, Fragment as Q, renderList as re, resolveComponent as V, createBlock as A, withCtx as D, isRef as ce, createCommentVNode as ne, watch as be, onMounted as ve, normalizeClass as ye, normalizeStyle as _e, Teleport as he, normalizeProps as we, guardReactiveProps as xe, mergeProps as Te } from "vue";
+import { u as ke, _ as Ce, a as $e } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-B9RU_arW.js";
+import { useCoreStore as De, useI18n as H } from "@feedmepos/mf-common";
+import { useDialog as de, useSnackbar as me, FmButtonVariant as ae, components as O, useProxiedModel as Ve, useBreakpoints as Fe } from "@feedmepos/ui-library";
+import { defineStore as ue, storeToRefs as Se } from "pinia";
+import { F as R, D as ie, R as L } from "./row-action.enum-PMKMRrZR.js";
+import { n as Me, c as pe, j as Ie, u as Ae, R as Ee, A as Pe, y as Ue, i as Re } from "./app-C-z1MfF6.js";
+import { c as Le, F as j, _ as fe } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
+import { f as Be } from "./format-time-from-id-9XFszs1J.js";
+import "vue-router";
+import { d as Ne } from "./defineDeepModel-7VQajdPt.js";
+import { u as ze } from "./use-template-enabled-locations-CFCfbaOd.js";
+const W = Me((u, v) => {
+  function h() {
+    var e;
+    return `business_${((e = De().currentBusiness.value) == null ? void 0 : e._id) ?? ""}`;
+  }
+  return {
+    async getTemplate(t) {
+      const l = h(), e = `${u.inventoryBackendUrl}/${l}/closing-template/${t}`;
+      return v.get(e);
+    },
+    async readTemplates() {
+      const t = h(), l = `${u.inventoryBackendUrl}/${t}/closing-template`;
+      return v.get(l);
+    },
+    async createTemplate(t) {
+      const l = h(), e = `${u.inventoryBackendUrl}/${l}/closing-template`;
+      return v.post(e, t);
+    },
+    async updateTemplate(t) {
+      const l = h(), e = `${u.inventoryBackendUrl}/${l}/closing-template`;
+      return v.put(e, t);
+    },
+    async deleteTemplate(t) {
+      const l = h(), e = `${u.inventoryBackendUrl}/${l}/closing-template`;
+      return v.delete(e, { _id: t._id, _rev: t._rev });
+    }
+  };
+}), J = ue("closingTemplateActions", () => {
+  const u = de(), v = me(), h = W(), t = S({});
+  function l() {
+    t.value = {
+      mode: R.CREATE,
+      show: !0,
+      "onUpdate:show"(r) {
+        t.value.show = r;
+      }
+    };
+  }
+  function e(r) {
+    t.value = {
+      mode: R.UPDATE,
+      modelValue: r,
+      show: !0,
+      "onUpdate:show"(f) {
+        t.value.show = f;
+      }
+    };
+  }
+  function p(r, f, y) {
+    u.open({
+      title: `Confirm deleting template ${r.name}?`,
+      message: "Deleted template can no longer be retrieved",
+      primaryActions: {
+        text: "Delete",
+        variant: ae.Destructive,
+        close: !0
+      },
+      secondaryActions: {
+        text: "Cancel",
+        variant: ae.Plain,
+        close: !0
+      }
+    }).onPrimary(async () => {
+      v.open({
+        title: `Deleting ${r.name}`,
+        type: "info"
+      });
+      try {
+        f.value = !0;
+        const [b] = await Promise.allSettled([
+          h.deleteTemplate(r),
+          new Promise((g) => setTimeout(g, 1e3))
+        ]);
+        if (b.status === "rejected") throw b.reason;
+        v.open({
+          title: `Deleted ${r.name}`,
+          type: "success"
+        });
+      } catch (b) {
+        v.open({
+          title: `Unable to delete ${r.name}`,
+          message: `See error from server: ${b}`,
+          type: "error"
+        }), console.error("error on deleting closing template", b);
+      } finally {
+        f.value = !1, y();
+      }
+    });
+  }
+  const s = S({});
+  function d(r) {
+    s.value = {
+      template: r,
+      show: !0,
+      "onUpdate:show"(f) {
+        s.value.show = f;
+      },
+      "onAction:edit"() {
+        s.value.show = !1, e(pe(r));
+      }
+    };
+  }
+  return {
+    createTemplate: l,
+    viewTemplate: d,
+    updateTemplate: e,
+    deleteTemplate: p,
+    templateDialogProps: t,
+    templateDetailsProps: s
+  };
+}), je = ue(
+  "closingTable",
+  function() {
+    const { t: v } = H(), { viewTemplate: h, updateTemplate: t, deleteTemplate: l } = J(), e = S(new Array()), p = S(!1), s = Ie(), d = W();
+    async function r() {
+      if (e.value = [], !!s._currentLocation) {
+        p.value = !0;
+        try {
+          const [g, m] = await Promise.all([
+            d.readTemplates(),
+            new Promise((o) => setTimeout(o, 1e3))
+          ]);
+          e.value = g;
+        } catch (g) {
+          console.log("Something went wrong when fetching templates:", g);
+        } finally {
+          p.value = !1;
+        }
+      }
+    }
+    async function f(g) {
+      if (!e.value.find((m) => m._id) && s._currentLocation) {
+        p.value = !0;
+        try {
+          const [m] = await Promise.all([
+            d.getTemplate(g),
+            new Promise((o) => setTimeout(o, 1e3))
+          ]);
+          e.value = [m];
+        } catch (m) {
+          console.log("Something went wrong when fetching templates:", m);
+        } finally {
+          p.value = !1;
+        }
+      }
+    }
+    function y(g, m) {
+      switch (m = pe(m), g) {
+        case L.Details:
+          return h(m);
+        case L.Edit:
+          return t(m);
+        case L.Delete:
+          return l(m, p, r);
+      }
+    }
+    return {
+      columnDefs: [
+        {
+          id: "_id",
+          accessorKey: "_id",
+          header: () => v("inventory.closing.table.createdAt"),
+          cell(g) {
+            return Be(`${g.getValue()}`);
+          },
+          enableSorting: !0
+        },
+        {
+          id: "name",
+          accessorKey: "name",
+          header: () => v("inventory.closing.table.name"),
+          enableSorting: !0,
+          size: 200
+        },
+        // {
+        //   id: 'supplier',
+        //   accessorKey: 'supplier.name',
+        //   header: () => t('inventory.closing.table.closingFrom'),
+        //   enableSorting: true,
+        //   size: 200
+        // },
+        // {
+        //   id: 'type',
+        //   header: () => t('inventory.closing.receiveRequest.details.type.title'),
+        //   enableSorting: true,
+        //   sortingFn(rowA, rowB) {
+        //     const typeA = getTransferType(rowA.original.closing)
+        //     const typeB = getTransferType(rowB.original.closing)
+        //     return typeA.localeCompare(typeB)
+        //   },
+        //   size: 200,
+        //   cell(props) {
+        //     const type = getTransferType(props.row.original.closing)
+        //     const label = t(
+        //       `inventory.closing.receiveRequest.details.type.${type.toLocaleLowerCase()}`
+        //     )
+        //     return h(components.FmChip, {
+        //       label: label,
+        //       class: 'fm-chip-closing-info',
+        //       compact: true
+        //     })
+        //   }
+        // },
+        {
+          id: "noOfItems",
+          accessorKey: "items.length",
+          header: () => v("inventory.closing.table.noOfItems"),
+          enableSorting: !1,
+          meta: {
+            width: "10rem",
+            textAlign: "right"
+          }
+        },
+        {
+          id: "enabledLocations",
+          accessorKey: "locations.length",
+          header: () => "Enabled outlets",
+          cell(g) {
+            var o;
+            const m = (o = g.row.original.locations) == null ? void 0 : o.length;
+            return m ? `${m}` : "All";
+          },
+          enableSorting: !1,
+          meta: {
+            width: "10rem",
+            textAlign: "right"
+          }
+        },
+        {
+          id: "ref",
+          accessorKey: "ref",
+          header: () => v("inventory.closing.table.reference"),
+          enableSorting: !1,
+          size: "auto"
+        },
+        {
+          id: "action",
+          cell(g) {
+            const m = g.row.original, o = [
+              ie[L.Edit],
+              ie[L.Delete]
+            ];
+            return Le(o, (c) => y(c, m));
+          },
+          enableSorting: !1,
+          size: 40,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ],
+      templates: e,
+      loading: p,
+      fetchTemplates: r,
+      loadTemplate: f
+    };
+  }
+);
+var z = /* @__PURE__ */ ((u) => (u.Name = "Name", u.Unit = "Unit", u.Delete = "Delete", u))(z || {});
+function Ke(u) {
+  return {
+    columnDefs: E(() => {
+      const h = u.items.map((l) => l.sku.unit.measurements.length).reduce((l, e) => l + e, -1);
+      return [
+        {
+          id: "Name",
+          header: () => "Name",
+          enableSorting: !1,
+          size: 400,
+          cell(l) {
+            const e = l.row.original;
+            return U(
+              "div",
+              {
+                class: "flex flex-col"
+              },
+              [
+                U(
+                  "span",
+                  { class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary line-clamp-1" },
+                  e.sku.name
+                ),
+                U(
+                  "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(l) {
+            var p, s;
+            const e = l.row.original;
+            return U(O.FmCheckbox, {
+              label: e.sku.unit.abbrev,
+              value: e.sku.unit._id,
+              modelValue: !((p = e.disabledMeasurements) != null && p.includes(e.sku.unit._id)),
+              disabled: u.disabled || !((s = e.disabledMeasurements) != null && s.includes(e.sku.unit._id)) && e.sku.unit.measurements.every((d) => {
+                var r;
+                return (r = e.disabledMeasurements) == null ? void 0 : r.includes(d.id);
+              }),
+              "onUpdate:modelValue"(d) {
+                var r;
+                if (d)
+                  u.updateItem({
+                    ...e,
+                    disabledMeasurements: (r = e.disabledMeasurements) == null ? void 0 : r.filter(
+                      (f) => f !== e.sku.unit._id
+                    )
+                  });
+                else {
+                  const f = e.disabledMeasurements ?? [];
+                  u.updateItem({
+                    ...e,
+                    disabledMeasurements: [...f, e.sku.unit._id]
+                  });
+                }
+              }
+            });
+          }
+        },
+        ...Array.from({ length: Math.max(h, 0) }).map(
+          (l, e) => ({
+            id: `measurement${e}`,
+            header: () => "",
+            enableSorting: !1,
+            size: "auto",
+            cell(p) {
+              var r, f, y;
+              const s = p.row.original, d = s.sku.unit.measurements[e];
+              return d ? U(O.FmCheckbox, {
+                label: d.abbrev,
+                value: d.id,
+                modelValue: !((r = s.disabledMeasurements) != null && r.includes(d.id)),
+                disabled: u.disabled || !((f = s.disabledMeasurements) != null && f.includes(d.id)) && ((y = s.disabledMeasurements) == null ? void 0 : y.includes(s.sku.unit._id)) && s.sku.unit.measurements.filter((b) => b.id != d.id).every((b) => {
+                  var g;
+                  return (g = s.disabledMeasurements) == null ? void 0 : g.includes(b.id);
+                }),
+                "onUpdate:modelValue"(b) {
+                  var g;
+                  if (b)
+                    u.updateItem({
+                      ...s,
+                      disabledMeasurements: (g = s.disabledMeasurements) == null ? void 0 : g.filter(
+                        (m) => m !== d.id
+                      )
+                    });
+                  else {
+                    const m = s.disabledMeasurements ?? [];
+                    u.updateItem({
+                      ...s,
+                      disabledMeasurements: [...m, d.id]
+                    });
+                  }
+                }
+              }) : null;
+            }
+          })
+        ),
+        {
+          id: "Delete",
+          header: "",
+          cell(l) {
+            const e = l.row.original;
+            return U(
+              "div",
+              { class: "w-full flex justify-end" },
+              U(O.FmButton, {
+                class: "delete-button",
+                key: e.sku._id,
+                type: "button",
+                icon: "delete",
+                variant: "tertiary",
+                size: "md",
+                disabled: u.disabled,
+                onClick: () => {
+                  u.deleteItem(e);
+                }
+              })
+            );
+          },
+          enableSorting: !1,
+          size: 40,
+          meta: {
+            cellClass: "",
+            headerClass: ""
+          }
+        }
+      ];
+    })
+  };
+}
+const qe = { class: "flex flex-col gap-16 py-12" }, Ge = { class: "flex" }, He = { class: "flex-1 flex flex-col" }, Oe = { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, Je = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Qe = { class: "flex flex-col gap-4" }, We = /* @__PURE__ */ G({
+  __name: "ClosingTemplateItem",
+  props: {
+    cellByColId: {},
+    row: {}
+  },
+  setup(u) {
+    const v = u, h = E(() => v.row), t = E(
+      () => h.value.getVisibleCells().filter((l) => l.column.id !== z.Name && l.column.id !== z.Delete)
+    );
+    return (l, e) => {
+      var p, s, d, r, f;
+      return $(), B("div", qe, [
+        _("div", Ge, [
+          _("div", He, [
+            _("div", Oe, N(h.value.original.sku.name), 1),
+            _("div", Je, N(h.value.original.sku.code), 1)
+          ]),
+          _("div", null, [
+            w(n(j), {
+              render: (d = (s = (p = l.cellByColId[n(z).Delete]) == null ? void 0 : p.column) == null ? void 0 : s.columnDef) == null ? void 0 : d.cell,
+              props: (f = (r = l.cellByColId[n(z).Delete]) == null ? void 0 : r.getContext) == null ? void 0 : f.call(r)
+            }, null, 8, ["render", "props"])
+          ])
+        ]),
+        _("div", Qe, [
+          e[0] || (e[0] = _("div", { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, "Enabled units", -1)),
+          ($(!0), B(Q, null, re(t.value, (y) => {
+            var b, g, m;
+            return $(), B("div", {
+              key: y.id
+            }, [
+              w(n(j), {
+                render: (g = (b = y.column) == null ? void 0 : b.columnDef) == null ? void 0 : g.cell,
+                props: (m = y.getContext) == null ? void 0 : m.call(y)
+              }, null, 8, ["render", "props"])
+            ]);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+}), Xe = { class: "flex flex-col gap-16" }, Ye = { class: "flex flex-col gap-24" }, Ze = { class: "p-16 border border-fm-color-neutral-gray-300 fm-corner-radius-md flex flex-col gap-16" }, et = { key: 1 }, tt = { class: "flex flex-col gap-16" }, lt = { class: "flex items-center" }, ot = { class: "flex-1 gap-8 fm-typo-en-title-sm-800" }, st = /* @__PURE__ */ G({
+  __name: "ClosingTemplateForm",
+  props: {
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  setup(u, { expose: v }) {
+    const h = u, t = Ne(), { t: l } = H(), e = Ae(), p = de(), { enabledLocations: s, enabledLocationsSwitch: d, promptSelectLocations: r, removeLocation: f } = ze({
+      getLocations() {
+        return t.locations;
+      },
+      setLocations(o) {
+        t.locations = o;
+      }
+    }), y = S();
+    v({
+      validateInputs: () => {
+        var o, c;
+        (c = (o = y.value) == null ? void 0 : o.validateInputs) == null || c.call(o);
+      },
+      resetInputsValidation: () => {
+        var o, c;
+        (c = (o = y.value) == null ? void 0 : o.resetInputsValidation) == null || c.call(o);
+      },
+      resetInputs: () => {
+        var o, c;
+        (c = (o = y.value) == null ? void 0 : o.resetInputs) == null || c.call(o);
+      }
+    });
+    const b = Ke({
+      updateItem: (o) => {
+        t.items = t.items.map((c) => c.sku._id !== o.sku._id ? c : o);
+      },
+      deleteItem: (o) => {
+        t.items = t.items.filter((c) => c.sku._id !== o.sku._id);
+      },
+      get items() {
+        return t.items;
+      },
+      get disabled() {
+        return h.disabled;
+      }
+    }), g = E(() => b.columnDefs.value);
+    function m() {
+      const o = e.skus.map((C) => ({
+        label: C.name,
+        sublabel: C.code,
+        value: C
+      })), c = o.filter((C) => {
+        var x;
+        return (x = t.items) == null ? void 0 : x.find((T) => T.sku._id === C.value._id);
+      }).map((C) => C.value);
+      p.open({
+        title: l("inventory.closing.form.items.selectItem"),
+        closeButton: !0,
+        contentComponent: Ue,
+        contentComponentProps: {
+          modelValue: c,
+          items: o
+        },
+        primaryActions: {
+          text: l("common.confirm"),
+          close: !0
+        },
+        secondaryActions: {
+          text: l("common.close"),
+          close: !0,
+          variant: "tertiary"
+        }
+      }).onPrimary((C) => {
+        const x = t.items ?? [], T = C.map((a) => {
+          const i = x.find((F) => F.sku._id === a._id);
+          return i || {
+            sku: a
+          };
+        });
+        T.sort((a, i) => a.sku.code.localeCompare(i.sku.code)), t.items = T;
+      });
+    }
+    return (o, c) => {
+      const C = V("FmTextField"), x = V("FmSwitch"), T = V("FmButton"), a = V("FmListItem"), i = V("FmList"), I = V("FmFormGroup"), F = V("FmTable"), M = V("FmForm");
+      return $(), A(M, {
+        ref_key: "formRef",
+        ref: y,
+        class: "flex flex-col gap-32",
+        disabled: o.disabled
+      }, {
+        default: D(() => [
+          _("div", Xe, [
+            _("div", Ye, [
+              w(C, {
+                label: n(l)("inventory.closing.form.name"),
+                "label-mark": "required",
+                modelValue: n(t).name,
+                "onUpdate:modelValue": c[0] || (c[0] = (k) => n(t).name = k),
+                rules: [n(Ee)()]
+              }, null, 8, ["label", "modelValue", "rules"]),
+              w(C, {
+                label: n(l)("inventory.closing.form.reference"),
+                "label-mark": "optional",
+                modelValue: n(t).ref,
+                "onUpdate:modelValue": c[1] || (c[1] = (k) => n(t).ref = k)
+              }, null, 8, ["label", "modelValue"])
+            ])
+          ]),
+          _("div", Ze, [
+            w(x, {
+              modelValue: n(d),
+              "onUpdate:modelValue": c[2] || (c[2] = (k) => ce(d) ? d.value = k : null),
+              label: "Locations rule",
+              sublabel: "Enable template for specific locations only",
+              "label-placement": "right"
+            }, null, 8, ["modelValue"]),
+            n(d) ? ($(), A(I, {
+              key: 0,
+              modelValue: n(s),
+              rules: [n(Pe)(1)],
+              class: "flex-1 flex gap-8 h-48 xs:flex-col xs:pt-16 sm:flex-col sm:pt-16"
+            }, {
+              default: D(() => [
+                w(i, null, {
+                  default: D(() => [
+                    ($(!0), B(Q, null, re(n(s), (k) => ($(), A(a, {
+                      key: k.doc._id,
+                      label: k.name,
+                      sublabel: k.type,
+                      disabled: o.disabled
+                    }, {
+                      append: D(() => [
+                        w(T, {
+                          "prepend-icon": "delete",
+                          variant: "tertiary",
+                          disabled: o.disabled,
+                          onClick: (P) => n(f)(k.doc._id)
+                        }, null, 8, ["disabled", "onClick"])
+                      ]),
+                      _: 2
+                    }, 1032, ["label", "sublabel", "disabled"]))), 128))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "rules"])) : ne("", !0),
+            n(d) ? ($(), B("div", et, [
+              w(T, {
+                disabled: o.disabled,
+                label: n(l)("inventory.closing.form.items.addItem"),
+                "prepend-icon": "add",
+                variant: "plain",
+                class: "border-2 rounded-lg border-fm-color-primary",
+                onClick: n(r)
+              }, null, 8, ["disabled", "label", "onClick"])
+            ])) : ne("", !0)
+          ]),
+          _("div", tt, [
+            _("div", lt, [
+              _("div", ot, N(n(l)("inventory.closing.form.items.title")), 1),
+              w(T, {
+                disabled: o.disabled,
+                label: n(l)("inventory.closing.form.items.addItem"),
+                "prepend-icon": "add",
+                variant: "plain",
+                class: "border-2 rounded-lg border-fm-color-primary",
+                onClick: c[3] || (c[3] = (k) => m()),
+                size: "md"
+              }, null, 8, ["disabled", "label"])
+            ]),
+            ($(), A(F, {
+              "column-defs": g.value,
+              "row-data": n(t).items,
+              key: n(t).items.map((k) => k.sku._id).join("."),
+              "hide-footer": ""
+            }, {
+              "list-row": D((k) => [
+                ($(), A(fe, {
+                  row: k,
+                  key: n(t).items.map((P) => P.sku._id).join(".")
+                }, {
+                  default: D((P) => [
+                    w(We, {
+                      row: k,
+                      "cell-by-col-id": P
+                    }, null, 8, ["row", "cell-by-col-id"])
+                  ]),
+                  _: 2
+                }, 1032, ["row"]))
+              ]),
+              _: 1
+            }, 8, ["column-defs", "row-data"]))
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), nt = { class: "flex items-center" }, at = { class: "fm-typo-en-title-md-800" }, it = { class: "flex gap-4" }, rt = /* @__PURE__ */ G({
+  __name: "ClosingTemplateDialog",
+  props: {
+    mode: {},
+    modelValue: {},
+    show: { type: Boolean }
+  },
+  emits: ["update:show", "submitted"],
+  setup(u, { expose: v, emit: h }) {
+    var T;
+    const t = u, l = h, e = W(), p = me(), { t: s } = H(), d = Ve(t, "show");
+    function r() {
+      return {
+        _id: "",
+        name: "",
+        items: []
+      };
+    }
+    const f = S(t.modelValue ?? r()), y = S(((T = t.modelValue) == null ? void 0 : T._id) ?? `${Math.random()}`);
+    be(
+      () => t.show,
+      (a) => {
+        var i;
+        a && (f.value = t.modelValue ?? r(), y.value = ((i = t.modelValue) == null ? void 0 : i._id) ?? `${Math.random()}`);
+      }
+    );
+    const b = S(!1), g = E(() => {
+      switch (t.mode) {
+        case R.READ:
+          return "";
+        case R.CREATE:
+          return s("inventory.closing.template.create.title");
+        case R.UPDATE:
+          return s("inventory.closing.template.update.title");
+      }
+      return "";
+    }), m = S();
+    v({
+      validateInputs: () => {
+        var a, i;
+        (i = (a = m.value) == null ? void 0 : a.validateInputs) == null || i.call(a);
+      },
+      resetInputsValidation: () => {
+        var a, i;
+        (i = (a = m.value) == null ? void 0 : a.resetInputsValidation) == null || i.call(a);
+      },
+      resetInputs: () => {
+        var a, i;
+        (i = (a = m.value) == null ? void 0 : a.resetInputs) == null || i.call(a);
+      }
+    });
+    async function o() {
+      const a = f.value;
+      if (a) {
+        b.value = !0;
+        try {
+          await e.createTemplate(a), await new Promise((i) => setTimeout(i, 1e3)), p.open({
+            title: s("inventory.closing.template.create.success"),
+            message: s("inventory.closing.template.create.successMessage"),
+            type: "success"
+          }), l("update:show", !1), l("submitted");
+        } catch (i) {
+          p.open({
+            title: s("inventory.closing.template.create.error"),
+            message: s("inventory.closing.template.create.errorMessage"),
+            type: "error"
+          }), console.error("Error in creating closing template", i);
+        } finally {
+          b.value = !1;
+        }
+      }
+    }
+    async function c() {
+      const a = f.value;
+      if (a) {
+        b.value = !0;
+        try {
+          await e.updateTemplate(a), await new Promise((i) => setTimeout(i, 1e3)), p.open({
+            title: s("inventory.closing.template.update.success"),
+            message: s("inventory.closing.template.update.successMessage"),
+            type: "success"
+          }), l("update:show", !1), l("submitted");
+        } catch (i) {
+          p.open({
+            title: s("inventory.closing.template.update.error"),
+            message: s("inventory.closing.template.update.errorMessage"),
+            type: "error"
+          }), console.error("Error in updating closing template", i);
+        } finally {
+          b.value = !1;
+        }
+      }
+    }
+    function C() {
+      switch (t.mode) {
+        case R.CREATE:
+          return o();
+        case R.UPDATE:
+          return c();
+      }
+    }
+    function x() {
+      var a, i;
+      (i = (a = m.value) == null ? void 0 : a.validateInputs) == null || i.call(a);
+    }
+    return (a, i) => {
+      const I = V("FmButton"), F = V("FmSideSheet");
+      return $(), A(F, {
+        modelValue: n(d),
+        "onUpdate:modelValue": i[2] || (i[2] = (M) => ce(d) ? d.value = M : null),
+        "dismiss-away": "",
+        "close-button": "",
+        "max-width": 800
+      }, {
+        "side-sheet-header": D(() => [
+          _("div", nt, [
+            _("div", at, N(g.value), 1)
+          ])
+        ]),
+        default: D(() => [
+          ($(), A(st, {
+            class: "w-full",
+            ref_key: "formRef",
+            ref: m,
+            onValidationSuccess: C,
+            "model-value": f.value,
+            "onUpdate:modelValue": i[0] || (i[0] = (M) => f.value = M),
+            disabled: b.value,
+            key: y.value
+          }, null, 8, ["model-value", "disabled"]))
+        ]),
+        "side-sheet-footer": D(() => [
+          _("div", it, [
+            w(I, {
+              loading: b.value,
+              label: n(s)("common.save"),
+              onClick: x
+            }, null, 8, ["loading", "label"]),
+            w(I, {
+              disabled: b.value,
+              variant: "tertiary",
+              label: n(s)("common.close"),
+              onClick: i[1] || (i[1] = (M) => l("update:show", !1))
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), ct = {};
+function dt(u, v) {
+  return $(), B("div");
+}
+const mt = /* @__PURE__ */ Re(ct, [["render", dt]]), ut = { class: "flex-1 flex flex-col gap-8" }, pt = { class: "flex flex-col" }, ft = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, gt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, bt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, vt = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, St = /* @__PURE__ */ G({
+  __name: "ClosingTemplateView",
+  setup(u) {
+    const { t: v } = H(), { createTemplate: h, updateTemplate: t } = J(), { templateDialogProps: l, templateDetailsProps: e } = Se(J()), p = je(), s = ke(), { breakpoints: d } = Fe();
+    ve(() => {
+      p.fetchTemplates();
+    });
+    const r = E(() => p.loading), f = S(""), y = E(() => d.value.xs || d.value.sm), b = E(() => y.value ? 10 : 20);
+    function g(o) {
+      switch (o) {
+        case L.Add:
+          return h();
+      }
+    }
+    function m(o) {
+      return o;
+    }
+    return (o, c) => {
+      const C = V("FmTable");
+      return $(), B(Q, null, [
+        w(Ce, {
+          title: n(v)("inventory.closing.template.title"),
+          actions: [
+            {
+              label: n(v)("inventory.closing.template.create.title"),
+              value: n(L).Add,
+              isPrimary: !0,
+              prependIcon: "add"
+            }
+          ],
+          "onClick:action": g
+        }, {
+          default: D(() => [
+            _("div", {
+              class: ye([
+                "flex flex-col gap-8 max-h-full",
+                {
+                  "p-0": y.value,
+                  "px-24 ": !y.value
+                }
+              ])
+            }, [
+              w($e, {
+                searchable: "",
+                search: f.value,
+                "onUpdate:search": c[0] || (c[0] = (x) => f.value = x),
+                actions: [{ icon: "refresh", onClick: n(p).fetchTemplates }]
+              }, null, 8, ["search", "actions"]),
+              w(C, {
+                style: _e(n(s).tableHeight),
+                "column-defs": n(p).columnDefs,
+                "row-data": n(p).templates,
+                "search-value": f.value,
+                loading: r.value,
+                onRowClick: c[1] || (c[1] = (x) => n(t)(x.original)),
+                "page-size": b.value
+              }, {
+                "list-row": D((x) => [
+                  w(fe, {
+                    row: x,
+                    onRowClick: (T) => n(t)(T)
+                  }, {
+                    default: D((T) => {
+                      var a, i, I, F, M, k, P, X, K, Y, Z, ee, te, le, oe, q, se;
+                      return [
+                        _("div", ut, [
+                          _("div", pt, [
+                            _("div", ft, [
+                              w(n(j), {
+                                render: (I = (i = (a = T._id) == null ? void 0 : a.column) == null ? void 0 : i.columnDef) == null ? void 0 : I.cell,
+                                props: (M = (F = T._id) == null ? void 0 : F.getContext) == null ? void 0 : M.call(F)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            _("div", gt, [
+                              w(n(j), {
+                                render: (X = (P = (k = T.name) == null ? void 0 : k.column) == null ? void 0 : P.columnDef) == null ? void 0 : X.cell,
+                                props: (Y = (K = T.name) == null ? void 0 : K.getContext) == null ? void 0 : Y.call(K)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            _("div", null, N((Z = x.original.locations) != null && Z.length ? `Enabled for ${(ee = x.original.locations) == null ? void 0 : ee.length} outlets` : "Enabled for all outlets"), 1),
+                            _("div", bt, N([
+                              ...x.original.items.slice(0, 3).map((ge) => ge.sku.name),
+                              ...x.original.items.length >= 3 ? [`and ${x.original.items.length - 3} more items`] : []
+                            ].join(", ")), 1),
+                            _("div", vt, [
+                              w(n(j), {
+                                render: (oe = (le = (te = T.ref) == null ? void 0 : te.column) == null ? void 0 : le.columnDef) == null ? void 0 : oe.cell,
+                                props: (se = (q = T.ref) == null ? void 0 : q.getContext) == null ? void 0 : se.call(q)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["row", "onRowClick"])
+                ]),
+                _: 1
+              }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["title", "actions"]),
+        ($(), A(he, { to: "body" }, [
+          w(mt, we(xe(n(e))), null, 16),
+          w(rt, Te(n(l), {
+            onSubmitted: c[2] || (c[2] = (x) => n(p).fetchTemplates())
+          }), null, 16)
+        ]))
+      ], 64);
+    };
+  }
+});
+export {
+  St as default
+};