@feedmepos/mf-inventory-portal 1.8.0-dev.16 → 1.8.0-dev.17

package/dist/TemplatePublishDialog.vue_vue_type_script_setup_true_lang-DfYoaT5a.js

@@ -0,0 +1,332 @@
+import { defineComponent as H, ref as g, computed as u, watch as J, h as i, resolveComponent as L, createElementBlock as Q, openBlock as U, createElementVNode as b, toDisplayString as W, createVNode as y, createBlock as X, createCommentVNode as Y, unref as P } from "vue";
+import { useCoreStore as Z, useI18n as ee } from "@feedmepos/mf-common";
+import { useSnackbar as le, components as A } from "@feedmepos/ui-library";
+import { K as te, D as ae } from "./app-C39bYJmq.js";
+import { u as oe } from "./app-CLTXsVH_.js";
+import { F as ne } from "./FmAdminBadge-DlplQOHb.js";
+function se(C, o, r) {
+  if (!(r != null && r.length)) return [];
+  const t = new Set(r);
+  return Object.entries(C).filter(([n, w]) => !t.has(n) && w.some((F) => F._id === o)).map(([n]) => n);
+}
+const ie = {
+  class: "flex flex-col gap-24 h-full",
+  style: { "max-height": "50vh" }
+}, re = { class: "flex items-center flex-shrink-0" }, ue = { class: "fm-typo-en-body-lg-600 flex-1" }, de = { class: "flex gap-8" }, ce = { class: "flex flex-col gap-4 w-full flex-1 min-h-0" }, ve = { class: "flex items-center gap-8 flex-shrink-0" }, me = { class: "flex-1 border border-fm-color-border-secondary rounded-lg overflow-hidden overflow-y-auto min-h-0" }, we = /* @__PURE__ */ H({
+  __name: "TemplatePublishDialog",
+  props: {
+    title: {},
+    doc: {},
+    controller: {},
+    initialPublishedRev: {},
+    locations: {},
+    enabledLocations: {},
+    hideUnpublish: { type: Boolean }
+  },
+  setup(C) {
+    const o = C, r = g(o.initialPublishedRev ?? {}), t = g(), n = g(/* @__PURE__ */ new Set()), w = oe(), F = Z(), p = le(), E = u(() => {
+      var l;
+      return ((l = F.sessionUser.value) == null ? void 0 : l.role.isAdmin) ?? !1;
+    }), _ = (l) => l.status !== "invalid" && l.status !== "pendingRemoval", R = u(() => {
+      var e;
+      return ((e = o.enabledLocations) != null && e.length ? o.enabledLocations : o.locations).map((a) => {
+        var s;
+        if (!!!w.locationByDbName[a.dbName])
+          return {
+            ...a,
+            status: "invalid"
+          };
+        const h = !!(((s = r.value) == null ? void 0 : s[a.dbName]) ?? []).find(
+          (k) => k._id === o.doc._id && (k.updatedAt ? k.updatedAt === o.doc.updatedAt : k._rev === o.doc._rev)
+        );
+        return {
+          ...a,
+          status: h ? "published" : "outdated",
+          state: a.doc.profile.address.state
+        };
+      });
+    }), $ = u(
+      () => {
+        var l;
+        return se(
+          r.value,
+          o.doc._id,
+          (l = o.enabledLocations) == null ? void 0 : l.map((e) => e.dbName)
+        ).flatMap((e) => {
+          const a = o.locations.find((v) => v.dbName === e);
+          return a ? [{ ...a, status: "pendingRemoval" }] : [];
+        });
+      }
+    ), { t: f } = ee(), x = g(""), N = g({
+      logic: "AND",
+      rules: []
+    }), T = [
+      {
+        type: "string",
+        key: "status",
+        entity: "inventory",
+        values: ["published", "outdated", "pendingRemoval"]
+      },
+      {
+        type: "string",
+        key: "state",
+        entity: "inventory",
+        values: [
+          ...new Set(w.locations.map((l) => l.doc.profile.address.state).filter(Boolean))
+        ]
+      }
+    ], d = u(() => {
+      const l = x.value.toLowerCase();
+      return [...R.value, ...$.value].filter((e) => te(e, N.value)).filter(({ name: e, dbName: a }) => !!(!l || e.toLowerCase().includes(l) || E.value && a.toLowerCase().includes(l)));
+    }), S = u(
+      () => d.value.filter(_)
+    );
+    J(
+      [x, N],
+      () => {
+        n.value = /* @__PURE__ */ new Set();
+      },
+      { deep: !0 }
+    );
+    const B = u(() => d.value.length === 0 ? !1 : d.value.every((l) => n.value.has(l.dbName))), z = u(() => {
+      if (S.value.length === 0) return !1;
+      const l = S.value.filter(
+        (e) => n.value.has(e.dbName)
+      ).length;
+      return l > 0 && l < S.value.length;
+    });
+    function D() {
+      B.value ? d.value.forEach((l) => n.value.delete(l.dbName)) : d.value.forEach((l) => n.value.add(l.dbName)), n.value = new Set(n.value);
+    }
+    function I(l) {
+      _(l) && (n.value.has(l.dbName) ? n.value.delete(l.dbName) : n.value.add(l.dbName), n.value = new Set(n.value));
+    }
+    function V() {
+      const l = d.value.filter(
+        (e) => _(e) && n.value.has(e.dbName)
+      );
+      return l.length === 0 ? S.value : l;
+    }
+    const M = u(() => [
+      {
+        id: "checkbox",
+        header: () => "",
+        size: 56,
+        cell: (l) => {
+          const e = l.row.original;
+          return _(e) ? i(A.FmCheckbox, {
+            value: e.dbName,
+            modelValue: n.value.has(e.dbName),
+            "onUpdate:modelValue": () => I(e)
+          }) : i("div", { class: "w-56" });
+        }
+      },
+      {
+        id: "name",
+        header: () => "Name",
+        size: "auto",
+        cell: (l) => {
+          const e = l.row.original;
+          return i("div", { class: "flex flex-col" }, [
+            i("span", {}, e.name),
+            i(
+              ne,
+              {},
+              {
+                default: () => i("div", { class: "flex items-center gap-4" }, [
+                  i(
+                    "span",
+                    { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" },
+                    e.dbName
+                  ),
+                  i(A.FmButton, {
+                    variant: "tertiary",
+                    icon: "content_copy",
+                    size: "sm",
+                    onClick: async (a) => {
+                      a.stopPropagation();
+                      try {
+                        await navigator.clipboard.writeText(e.dbName), p == null || p.open({
+                          title: "Copied to clipboard",
+                          message: e.name,
+                          type: "success"
+                        });
+                      } catch (v) {
+                        console.error("Failed to copy:", v);
+                      }
+                    }
+                  })
+                ])
+              }
+            )
+          ]);
+        }
+      },
+      {
+        id: "status",
+        header: () => "Status",
+        size: 200,
+        cell: (l) => {
+          const e = l.row.original, a = e.status === "published";
+          if (e.status === "invalid")
+            return i(
+              "div",
+              {
+                class: ["fm-status-badge", "fm-status-badge-error-secondary"]
+              },
+              "Invalid"
+            );
+          if (e.status === "pendingRemoval")
+            return i(
+              "div",
+              {
+                class: ["fm-status-badge", "fm-status-badge-processing"],
+                title: "This template is no longer enabled here but the outlet still has it. Publish again to remove it; it stays while an open closing draft uses it."
+              },
+              "Pending removal"
+            );
+          let m;
+          a && o.controller.unpublishAtLocation && !o.hideUnpublish ? m = i(A.FmButton, {
+            variant: "tertiary",
+            icon: "block",
+            loading: t.value === `unpublish-${e.dbName}`,
+            disabled: t.value !== void 0 && t.value !== `unpublish-${e.dbName}`,
+            onClick: async () => {
+              t.value = `unpublish-${e.dbName}`;
+              try {
+                const s = await o.controller.unpublishAtLocation(e).delayed(1e3);
+                r.value = s;
+              } catch (s) {
+                console.error("Error unpublishing at location:", s);
+              } finally {
+                t.value = void 0;
+              }
+            }
+          }) : a || (m = i(A.FmButton, {
+            variant: "tertiary",
+            icon: "ios_share",
+            loading: t.value === `publish-${e.dbName}`,
+            disabled: t.value !== void 0 && t.value !== `publish-${e.dbName}`,
+            onClick: async () => {
+              t.value = `publish-${e.dbName}`;
+              try {
+                const s = await o.controller.publishAtLocation(e).delayed(1e3);
+                r.value = s;
+              } catch (s) {
+                console.error("Error publishing at location:", s);
+              } finally {
+                t.value = void 0;
+              }
+            }
+          }));
+          const h = [
+            i(
+              "div",
+              {
+                class: [
+                  "fm-status-badge",
+                  a ? "fm-status-badge-success-secondary" : "fm-status-badge-info-secondary"
+                ]
+              },
+              f(a ? "inventory.publish.status.published" : "inventory.publish.status.outdated")
+            )
+          ];
+          return m && h.push(m), i("div", { class: "flex items-center gap-8" }, h);
+        }
+      }
+    ]);
+    async function K() {
+      t.value = "all";
+      try {
+        const l = V(), e = $.value.length, a = await o.controller.publishAll(l).delayed(1e3);
+        r.value = a, j(e, $.value.length);
+      } catch (l) {
+        console.error("Error publishing all:", l);
+      } finally {
+        t.value = void 0;
+      }
+    }
+    function j(l, e) {
+      l === 0 && e === 0 || p == null || p.open({
+        title: `Removed from ${l - e} of ${l} outlet${l === 1 ? "" : "s"} no longer enabled`,
+        message: e ? `${e} still pending removal: an open closing draft may still use it, or removal failed. Publish again later.` : void 0,
+        type: e ? "warning" : "success"
+      });
+    }
+    async function O() {
+      if (o.controller.unpublishAll) {
+        t.value = "unpublish-all";
+        try {
+          const l = V(), e = await o.controller.unpublishAll(l).delayed(1e3);
+          r.value = e;
+        } catch (l) {
+          console.error("Error unpublishing all:", l);
+        } finally {
+          t.value = void 0;
+        }
+      }
+    }
+    const c = u(() => n.value.size), q = u(() => c.value === 0 || c.value === R.value.length ? f("inventory.publish.actions.publishAll") : f("inventory.publish.actions.publishSelected", { count: c.value })), G = u(() => c.value === 0 || c.value === R.value.length ? "Unpublish all" : `Unpublish selected ${c.value} location${c.value === 1 ? "" : "s"}`);
+    return (l, e) => {
+      const a = L("FmButton"), v = L("FmTextField"), m = L("FmCheckbox"), h = L("FmTable");
+      return U(), Q("div", ie, [
+        b("div", re, [
+          b("div", ue, W(l.title), 1),
+          b("div", de, [
+            y(a, {
+              label: q.value,
+              variant: "secondary",
+              onClick: e[0] || (e[0] = (s) => K()),
+              loading: t.value === "all",
+              disabled: t.value !== "all" && t.value !== void 0
+            }, null, 8, ["label", "loading", "disabled"]),
+            l.controller.unpublishAll && !l.hideUnpublish ? (U(), X(a, {
+              key: 0,
+              label: G.value,
+              variant: "tertiary",
+              onClick: e[1] || (e[1] = (s) => O()),
+              loading: t.value === "unpublish-all",
+              disabled: t.value !== "unpublish-all" && t.value !== void 0
+            }, null, 8, ["label", "loading", "disabled"])) : Y("", !0)
+          ])
+        ]),
+        b("div", ce, [
+          y(v, {
+            modelValue: x.value,
+            "onUpdate:modelValue": e[2] || (e[2] = (s) => x.value = s),
+            class: "w-full flex-shrink-0",
+            placeholder: P(f)("inventory.publish.search.placeholder"),
+            "prepend-icon": "search"
+          }, null, 8, ["modelValue", "placeholder"]),
+          b("div", ve, [
+            y(P(ae), {
+              modelValue: N.value,
+              "onUpdate:modelValue": e[3] || (e[3] = (s) => N.value = s),
+              attributes: T
+            }, null, 8, ["modelValue"]),
+            y(m, {
+              value: "select-all",
+              "model-value": B.value,
+              indeterminate: z.value,
+              "onUpdate:modelValue": D,
+              label: "Select all"
+            }, null, 8, ["model-value", "indeterminate"])
+          ]),
+          b("div", me, [
+            y(h, {
+              "row-data": d.value,
+              "column-defs": M.value,
+              "shrink-at": 9999,
+              virtual: !0,
+              "page-size": d.value.length,
+              "hide-footer": ""
+            }, null, 8, ["row-data", "column-defs", "page-size"])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  we as _
+};