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

package/dist/ClosingTemplateView-Df0lgpjS.js

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