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

package/dist/ClosingTemplateView-D2EIa9YG.js

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