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

package/dist/SettingsView-CyE6ZM8x.js

@@ -0,0 +1,1005 @@
+import { defineComponent as ee, ref as k, computed as A, watch as J, resolveComponent as L, createElementBlock as r, openBlock as o, createElementVNode as l, toDisplayString as C, Fragment as E, renderList as Y, createBlock as z, createCommentVNode as Z, createVNode as p, nextTick as xe, createSlots as he, withCtx as P, normalizeClass as ue, unref as w, withModifiers as ke, h as B, Teleport as we } from "vue";
+import { _ as Fe } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
+import { B as G, g as Te, r as Se, s as $e, u as Ce, a as ae, b as De, c as Be, d as be, e as Ve, f as Ie } from "./predefined-templates-C6hmqqhm.js";
+import { useSnackbar as Pe, components as X } from "@feedmepos/ui-library";
+import { _ as ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { H as se, J as Oe, u as Le } from "./app-DnOtng5V.js";
+import { useCoreStore as ye, useI18n as Ee } from "@feedmepos/mf-common";
+import "./dayjs.min-B8gqMYa7.js";
+import { u as _e, a as Ue, I as Ae } from "./feature-Zeyz4pJe.js";
+import { _ as He, D as Ne } from "./FeatureCapabilityBadge.vue_vue_type_script_setup_true_lang-B389iY-f.js";
+import { _ as Me } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-DpHYhOmI.js";
+import { _ as Re } from "./PlanTierBadge.vue_vue_type_script_setup_true_lang-CM3gtYZo.js";
+import { a as je } from "./vue-DBxqzbt5.js";
+const Ke = { class: "p-3" }, qe = { class: "text-sm font-semibold text-gray-700 mb-4 pb-2 border-b border-gray-200" }, Ge = { class: "flex flex-col gap-3" }, Ye = {
+  key: 0,
+  class: "flex items-center justify-between py-1"
+}, Je = { class: "text-[13px] text-gray-600" }, We = { class: "text-[13px] text-gray-600" }, Qe = ["value", "rows", "placeholder", "onInput"], Xe = {
+  key: 5,
+  class: "flex items-center justify-between py-1"
+}, Ze = { class: "text-[13px] text-gray-600" }, et = ["value", "onInput"], tt = /* @__PURE__ */ ee({
+  __name: "BlockConfigPanel",
+  props: {
+    block: {}
+  },
+  emits: ["update"],
+  setup(H, { emit: v }) {
+    const T = H, x = v;
+    function S(c) {
+      var b;
+      if ((b = c.config) != null && b.configFields && Array.isArray(c.config.configFields)) {
+        const _ = c.config.configFields.map((d) => ({ ...d })), h = new Set(_.map((d) => d.key)), a = G[c.tag], $ = a ? a.initialConfigFields().filter((d) => !h.has(d.key)) : [];
+        return [..._, ...$];
+      }
+      const u = G[c.tag];
+      return u ? u.initialConfigFields() : [];
+    }
+    const m = k(S(T.block)), O = A(() => {
+      const c = G[T.block.tag];
+      return (c == null ? void 0 : c.label) ?? T.block.tag;
+    });
+    J(
+      () => T.block,
+      (c) => {
+        m.value = S(c);
+      },
+      { deep: !0 }
+    );
+    function f(c, u) {
+      const b = m.value[c];
+      b && (b.value = u, g());
+    }
+    function g() {
+      x("update", {
+        ...T.block.config || {},
+        configFields: m.value.map((c) => ({ ...c }))
+      });
+    }
+    return (c, u) => {
+      const b = L("FmSwitch"), _ = L("FmTextField"), h = L("FmSelect");
+      return o(), r("div", Ke, [
+        l("div", qe, C(O.value) + " Settings ", 1),
+        l("div", Ge, [
+          (o(!0), r(E, null, Y(m.value, (a, $) => (o(), r("div", {
+            key: a.key
+          }, [
+            a.type === "toggle" ? (o(), r("div", Ye, [
+              l("label", Je, C(a.label), 1),
+              p(b, {
+                "model-value": a.value,
+                "onUpdate:modelValue": (d) => f($, d)
+              }, null, 8, ["model-value", "onUpdate:modelValue"])
+            ])) : a.type === "text" ? (o(), z(_, {
+              key: 1,
+              label: a.label,
+              "model-value": a.value,
+              placeholder: a.placeholder,
+              "onUpdate:modelValue": (d) => f($, d)
+            }, null, 8, ["label", "model-value", "placeholder", "onUpdate:modelValue"])) : a.type === "textarea" ? (o(), r(E, { key: 2 }, [
+              l("div", We, C(a.label), 1),
+              l("textarea", {
+                class: "w-full font-mono text-[13px] p-2 border border-gray-300 rounded resize-y box-border focus:outline-none focus:border-blue-600",
+                value: a.value,
+                rows: a.rows ?? 8,
+                placeholder: a.placeholder,
+                onInput: (d) => f($, d.target.value)
+              }, null, 40, Qe)
+            ], 64)) : a.type === "select" ? (o(), z(h, {
+              key: 3,
+              label: a.label,
+              "model-value": a.value,
+              items: a.options || [],
+              "item-label": "label",
+              "item-value": "value",
+              "onUpdate:modelValue": (d) => f($, d)
+            }, null, 8, ["label", "model-value", "items", "onUpdate:modelValue"])) : a.type === "number" ? (o(), z(_, {
+              key: 4,
+              label: a.label,
+              type: "number",
+              "model-value": String(a.value),
+              "onUpdate:modelValue": (d) => f($, Number(d))
+            }, null, 8, ["label", "model-value", "onUpdate:modelValue"])) : a.type === "color" ? (o(), r("div", Xe, [
+              l("label", Ze, C(a.label), 1),
+              l("input", {
+                type: "color",
+                value: a.value,
+                class: "color-input w-9 h-7 p-0 border border-gray-300 rounded cursor-pointer bg-transparent",
+                onInput: (d) => f($, d.target.value)
+              }, null, 40, et)
+            ])) : Z("", !0)
+          ]))), 128))
+        ])
+      ]);
+    };
+  }
+}), lt = /* @__PURE__ */ ze(tt, [["__scopeId", "data-v-840687bf"]]), ot = { class: "h-full flex flex-col" }, at = { class: "flex-1 overflow-auto p-4 bg-gray-100" }, st = /* @__PURE__ */ ee({
+  __name: "TemplatePreview",
+  props: {
+    blocks: {},
+    previewData: {},
+    selectedBlockId: {},
+    templateType: {}
+  },
+  setup(H) {
+    const v = H, T = k(null);
+    let x = null;
+    function S() {
+      return !x && T.value && (x = T.value.attachShadow({ mode: "open" })), x;
+    }
+    const m = A(() => v.previewData ?? Te(v.templateType));
+    J(
+      () => [v.blocks, m.value, T.value],
+      () => {
+        const f = S();
+        if (f) {
+          try {
+            const g = Se(v.blocks, m.value), c = $e(g);
+            f.innerHTML = `
+        <style>
+          :host { display: block; }
+          .preview-scale-wrapper {
+            transform-origin: top left;
+            transform: scale(0.75);
+            width: 133.33%;
+          }
+          .preview-content {
+            max-width: 800px;
+            margin: auto;
+            padding: 30px;
+            border: 1px solid #eee;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
+            background: white;
+            font-size: 16px;
+            line-height: 1.5;
+            font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
+            color: #555;
+          }
+        </style>
+        <div class="preview-scale-wrapper">
+          <div class="preview-content">${c}</div>
+        </div>
+      `;
+          } catch (g) {
+            f.innerHTML = `<div style="color:red;padding:20px;">Error rendering template: ${g}</div>`;
+          }
+          xe(() => O(v.selectedBlockId));
+        }
+      },
+      { deep: !0, immediate: !0 }
+    ), J(
+      () => v.selectedBlockId,
+      (f) => O(f)
+    );
+    function O(f) {
+      if (!x || (x.querySelectorAll("[data-block-id].highlight").forEach((c) => {
+        c.classList.remove("highlight");
+      }), !f)) return;
+      const g = x.querySelector(`[data-block-id="${f}"]`);
+      g && (g.classList.add("highlight"), g.scrollIntoView({ behavior: "smooth", block: "nearest" }));
+    }
+    return (f, g) => (o(), r("div", ot, [
+      g[0] || (g[0] = l("div", { class: "text-xs font-semibold text-gray-400 uppercase tracking-wider px-3 py-2 border-b border-gray-200" }, " Live Preview ", -1)),
+      l("div", at, [
+        l("div", {
+          ref_key: "shadowHost",
+          ref: T
+        }, null, 512)
+      ])
+    ]));
+  }
+}), nt = { class: "flex items-center gap-2 text-base font-semibold" }, rt = { key: 1 }, it = { key: 2 }, ut = {
+  key: 0,
+  class: "p-6"
+}, ct = {
+  key: 0,
+  class: "flex justify-center items-center h-40 text-gray-400"
+}, dt = {
+  key: 1,
+  class: "grid grid-cols-2 gap-8"
+}, pt = ["onClick"], mt = { class: "flex items-center justify-center w-12 h-12 rounded-xl bg-gray-100 text-gray-500 group-hover:bg-blue-100 group-hover:text-blue-600 transition-colors" }, vt = { class: "text-center" }, ft = { class: "text-sm font-semibold text-gray-700 group-hover:text-blue-700" }, yt = { class: "text-xs text-gray-400 mt-1" }, gt = {
+  key: 0,
+  class: "absolute top-2.5 right-2.5 text-[10px] font-medium text-green-600 bg-green-50 border border-green-200 px-2 py-0.5 rounded-full"
+}, bt = {
+  key: 1,
+  class: "absolute top-2.5 right-2.5 text-[10px] font-medium text-gray-400 bg-gray-100 px-2 py-0.5 rounded-full"
+}, _t = {
+  key: 1,
+  class: "flex justify-center items-center h-[400px] text-gray-400"
+}, xt = {
+  key: 2,
+  class: "flex h-[calc(100vh-120px)] border-t border-gray-200"
+}, ht = { class: "w-[280px] border-r border-gray-200 overflow-y-auto shrink-0" }, kt = { class: "px-3 pt-3 pb-2" }, wt = { class: "flex flex-col" }, Ft = ["onClick"], Tt = { class: "border-y border-gray-100" }, St = ["onDragstart", "onDragover", "onDrop", "onClick"], $t = { class: "flex-1" }, Ct = { class: "flex gap-1 opacity-50 hover:opacity-100" }, Dt = {
+  key: 0,
+  class: "py-6 px-4 text-center text-gray-400 text-[13px]"
+}, Bt = {
+  key: 0,
+  class: "border-t border-gray-200"
+}, Vt = {
+  key: 1,
+  class: "flex items-center justify-center text-gray-400 text-[13px] py-8"
+}, It = { class: "p-3 border-t border-gray-200" }, Pt = { class: "flex-1 overflow-hidden" }, zt = { class: "ml-auto flex gap-2" }, Ot = { class: "p-4" }, Lt = { class: "flex items-center gap-1.5 mt-3 text-xs text-amber-600 bg-amber-50 border border-amber-200 rounded px-3 py-2" }, Et = { class: "p-4" }, Ut = { class: "flex items-center gap-1.5 mt-3 text-xs text-amber-600 bg-amber-50 border border-amber-200 rounded px-3 py-2" }, At = /* @__PURE__ */ ee({
+  __name: "PrintTemplateEditorDialog",
+  props: {
+    modelValue: { type: Boolean }
+  },
+  emits: ["update:modelValue", "saved"],
+  setup(H, { emit: v }) {
+    const T = H, x = v, S = Ce(), m = Pe(), O = ye(), f = A({
+      get: () => T.modelValue,
+      set: (n) => x("update:modelValue", n)
+    }), g = k(!1), c = k(!1), u = k(ae()), b = k(null), _ = k(se.Enum.purchaseOrder), h = k("Purchase Order Template"), a = k(null), $ = k(!1), d = k(!1), V = k("select-type"), W = [
+      {
+        label: "Purchase Order",
+        value: se.Enum.purchaseOrder,
+        icon: "receipt_long",
+        description: "Customize the layout for purchase order printouts"
+      },
+      {
+        label: "Transfer Order",
+        value: se.Enum.transferOrder,
+        icon: "swap_horiz",
+        description: "Customize the layout for transfer order printouts"
+      },
+      {
+        label: "Goods Received Note",
+        value: se.Enum.goodsReceivedNote,
+        icon: "fact_check",
+        description: "Customize the layout for GRN printouts"
+      },
+      {
+        label: "Delivery Order",
+        value: se.Enum.deliveryOrder,
+        icon: "local_shipping",
+        description: "Customize the layout for delivery order printouts"
+      }
+    ], j = k(/* @__PURE__ */ new Set()), Q = A(
+      () => u.value.find((n) => n.id === b.value) ?? null
+    ), U = k(null), N = k(null);
+    J(f, async (n) => {
+      if (n) {
+        V.value = "select-type", g.value = !0;
+        try {
+          const e = await S.browse();
+          j.value = new Set(e.map((y) => y.type));
+        } catch {
+        } finally {
+          g.value = !1;
+        }
+      }
+    }), J(_, async () => {
+      b.value = null, await le();
+    });
+    async function ne(n) {
+      _.value = n, await le(), V.value = "editor";
+    }
+    function te() {
+      return {
+        purchaseOrder: "Purchase Order Template",
+        transferOrder: "Transfer Order Template",
+        goodsReceivedNote: "Goods Received Note Template",
+        deliveryOrder: "Delivery Order Template"
+      }[_.value] ?? "Purchase Order Template";
+    }
+    async function le() {
+      g.value = !0;
+      try {
+        const n = await S.browse();
+        j.value = new Set(n.map((y) => y.type));
+        const e = n.find((y) => y.type === _.value);
+        e ? (a.value = e._id, h.value = e.name, u.value = e.blocks.map((y) => ({ ...y }))) : (a.value = null, u.value = ae(), h.value = te());
+      } catch {
+        u.value = ae(), h.value = te();
+      } finally {
+        g.value = !1;
+      }
+    }
+    function ce(n) {
+      const e = {
+        id: Be(),
+        tag: n,
+        config: De(n)
+      };
+      u.value.push(e), b.value = e.id;
+    }
+    function de(n) {
+      const e = u.value.findIndex((y) => y.id === n);
+      e >= 0 && (u.value.splice(e, 1), b.value === n && (b.value = null));
+    }
+    function re(n) {
+      const e = u.value.find((y) => y.id === b.value);
+      if (e) {
+        const y = n.configFields || [], oe = be(e.tag);
+        e.config = { configFields: y, templateHtml: oe };
+      }
+    }
+    function pe(n) {
+      U.value = n;
+    }
+    function me(n, e) {
+      n.preventDefault(), N.value = e;
+    }
+    function ve() {
+      N.value = null;
+    }
+    function fe(n) {
+      if (U.value === null || U.value === n) {
+        U.value = null, N.value = null;
+        return;
+      }
+      const e = u.value.splice(U.value, 1)[0];
+      u.value.splice(n, 0, e), U.value = null, N.value = null;
+    }
+    function t() {
+      U.value = null, N.value = null;
+    }
+    async function s() {
+      var n;
+      c.value = !0;
+      try {
+        const e = (n = O.currentBusiness.value) == null ? void 0 : n._id;
+        if (!e)
+          throw new Error("Business ID is missing. Please select a business first.");
+        const y = u.value.map((i) => {
+          var ge;
+          const I = ((ge = i.config) == null ? void 0 : ge.configFields) || [], q = be(i.tag, I);
+          return {
+            ...i,
+            config: { configFields: I, templateHtml: q }
+          };
+        }), oe = Ve(y), M = {
+          name: h.value,
+          type: _.value,
+          blocks: oe,
+          businessId: e,
+          createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+          updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+        };
+        let R;
+        a.value ? R = await S.update(a.value, {
+          _id: a.value,
+          ...M
+        }) : (R = await S.create(M), a.value = R._id), j.value.add(_.value), d.value = !1, m == null || m.open({
+          title: "Success",
+          message: "Print template saved",
+          type: "success"
+        }), x("saved", R), f.value = !1;
+      } catch (e) {
+        m == null || m.open({
+          title: "Error",
+          message: (e == null ? void 0 : e.message) || "Failed to save template",
+          type: "error"
+        });
+      } finally {
+        c.value = !1;
+      }
+    }
+    async function D() {
+      if (a.value) {
+        c.value = !0;
+        try {
+          await S.delete(a.value), a.value = null, u.value = ae(), h.value = te(), j.value.delete(_.value), $.value = !1, m == null || m.open({
+            title: "Deleted",
+            message: "Print template deleted. Default layout will be used.",
+            type: "success"
+          }), x("saved", null), f.value = !1;
+        } catch (n) {
+          m == null || m.open({
+            title: "Error",
+            message: (n == null ? void 0 : n.message) || "Failed to delete template",
+            type: "error"
+          });
+        } finally {
+          c.value = !1;
+        }
+      }
+    }
+    function K() {
+      u.value = ae(), b.value = null;
+    }
+    function F(n) {
+      var e;
+      return ((e = G[n]) == null ? void 0 : e.label) ?? n;
+    }
+    function ie(n) {
+      var e;
+      return ((e = G[n]) == null ? void 0 : e.icon) ?? "widgets";
+    }
+    return (n, e) => {
+      const y = L("FmIcon"), oe = L("FmTextField"), M = L("FmButton"), R = L("FmDialog");
+      return o(), r(E, null, [
+        p(R, {
+          modelValue: f.value,
+          "onUpdate:modelValue": e[4] || (e[4] = (i) => f.value = i),
+          overlay: !0,
+          "close-button": "",
+          "max-width": "98vw",
+          "max-height": "98vh"
+        }, he({
+          "dialog-header": P(() => {
+            var i;
+            return [
+              l("div", nt, [
+                V.value === "editor" ? (o(), r("button", {
+                  key: 0,
+                  class: "flex items-center justify-center w-7 h-7 rounded hover:bg-gray-100 transition-colors text-gray-500",
+                  onClick: e[0] || (e[0] = (I) => V.value = "select-type")
+                }, [
+                  p(y, {
+                    name: "arrow_back",
+                    size: "sm"
+                  })
+                ])) : Z("", !0),
+                V.value === "select-type" ? (o(), r("span", rt, "Print Template Editor")) : (o(), r("span", it, C((i = W.find((I) => I.value === _.value)) == null ? void 0 : i.label) + " Template", 1))
+              ])
+            ];
+          }),
+          default: P(() => [
+            V.value === "select-type" ? (o(), r("div", ut, [
+              e[7] || (e[7] = l("p", { class: "text-sm text-gray-500 mb-5" }, " Select a template type to customize its print layout. ", -1)),
+              g.value ? (o(), r("div", ct, " Loading... ")) : (o(), r("div", dt, [
+                (o(), r(E, null, Y(W, (i) => l("div", {
+                  key: i.value,
+                  class: ue(["group relative flex flex-col items-center gap-3 p-6 rounded-xl border-2 border-gray-200 cursor-pointer transition-all hover:border-blue-400 hover:shadow-md", {
+                    "border-blue-500 bg-blue-50/50 shadow-md": _.value === i.value && V.value === "select-type"
+                  }]),
+                  onClick: (I) => ne(i.value)
+                }, [
+                  l("div", mt, [
+                    p(y, {
+                      name: i.icon,
+                      size: "sm"
+                    }, null, 8, ["name"])
+                  ]),
+                  l("div", vt, [
+                    l("div", ft, C(i.label), 1),
+                    l("div", yt, C(i.description), 1)
+                  ]),
+                  j.value.has(i.value) ? (o(), r("span", gt, "Customized")) : (o(), r("span", bt, "Default"))
+                ], 10, pt)), 64))
+              ]))
+            ])) : g.value ? (o(), r("div", _t, e[8] || (e[8] = [
+              l("div", null, "Loading template...", -1)
+            ]))) : (o(), r("div", xt, [
+              l("div", ht, [
+                l("div", kt, [
+                  p(oe, {
+                    modelValue: h.value,
+                    "onUpdate:modelValue": e[1] || (e[1] = (i) => h.value = i),
+                    placeholder: "Template name",
+                    label: "Template Name"
+                  }, null, 8, ["modelValue"])
+                ]),
+                e[9] || (e[9] = l("div", { class: "text-xs font-semibold text-gray-400 uppercase tracking-wider px-3 py-2" }, " Add Blocks ", -1)),
+                l("div", wt, [
+                  (o(!0), r(E, null, Y(w(Oe).Values, (i) => (o(), r("div", {
+                    key: i,
+                    class: "group flex items-center gap-2 px-3 py-2 cursor-pointer text-[13px] text-gray-600 transition-colors hover:bg-gray-100",
+                    onClick: (I) => ce(i)
+                  }, [
+                    p(y, {
+                      name: w(G)[i].icon,
+                      size: "sm"
+                    }, null, 8, ["name"]),
+                    l("span", null, C(w(G)[i].label), 1),
+                    p(y, {
+                      name: "add",
+                      size: "sm",
+                      class: "ml-auto opacity-0 text-blue-600 group-hover:opacity-100"
+                    })
+                  ], 8, Ft))), 128))
+                ]),
+                e[10] || (e[10] = l("div", { class: "text-xs font-semibold text-gray-400 uppercase tracking-wider px-3 py-2 mt-2" }, " Block Order ", -1)),
+                l("div", Tt, [
+                  (o(!0), r(E, null, Y(u.value, (i, I) => (o(), r("div", {
+                    key: i.id,
+                    class: ue(["flex items-center gap-2 px-3 py-2 cursor-pointer text-[13px] text-gray-600 border-b border-gray-100 transition-colors hover:bg-gray-100", {
+                      "bg-blue-50 border-l-[3px] border-l-blue-600": i.id === b.value,
+                      "border-t-2 border-t-blue-600": N.value === I
+                    }]),
+                    draggable: "true",
+                    onDragstart: (q) => pe(I),
+                    onDragover: (q) => me(q, I),
+                    onDragleave: ve,
+                    onDrop: (q) => fe(I),
+                    onDragend: t,
+                    onClick: (q) => b.value = i.id
+                  }, [
+                    p(y, {
+                      name: "drag_indicator",
+                      size: "sm",
+                      class: "cursor-grab text-gray-300"
+                    }),
+                    p(y, {
+                      name: ie(i.tag),
+                      size: "sm"
+                    }, null, 8, ["name"]),
+                    l("span", $t, C(F(i.tag)), 1),
+                    l("div", Ct, [
+                      p(y, {
+                        name: "delete",
+                        size: "sm",
+                        class: "cursor-pointer text-gray-400 hover:text-red-500",
+                        onClick: ke((q) => de(i.id), ["stop"])
+                      }, null, 8, ["onClick"])
+                    ])
+                  ], 42, St))), 128)),
+                  u.value.length === 0 ? (o(), r("div", Dt, " Click a block above to add it ")) : Z("", !0)
+                ]),
+                Q.value ? (o(), r("div", Bt, [
+                  (o(), z(lt, {
+                    key: Q.value.id,
+                    block: Q.value,
+                    onUpdate: re
+                  }, null, 8, ["block"]))
+                ])) : (o(), r("div", Vt, " Select a block to configure it ")),
+                l("div", It, [
+                  p(M, {
+                    label: "Reset to Default",
+                    variant: "plain",
+                    size: "md",
+                    onClick: K
+                  })
+                ])
+              ]),
+              l("div", Pt, [
+                p(st, {
+                  blocks: u.value,
+                  "selected-block-id": b.value,
+                  "template-type": _.value
+                }, null, 8, ["blocks", "selected-block-id", "template-type"])
+              ])
+            ]))
+          ]),
+          _: 2
+        }, [
+          V.value === "editor" ? {
+            name: "dialog-footer",
+            fn: P(() => [
+              l("div", zt, [
+                a.value ? (o(), z(M, {
+                  key: 0,
+                  label: "Delete Template",
+                  variant: "destructive",
+                  size: "md",
+                  onClick: e[2] || (e[2] = (i) => $.value = !0)
+                })) : Z("", !0),
+                p(M, {
+                  label: "Save Template",
+                  variant: "primary",
+                  size: "md",
+                  onClick: e[3] || (e[3] = (i) => d.value = !0)
+                })
+              ])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["modelValue"]),
+        p(R, {
+          modelValue: d.value,
+          "onUpdate:modelValue": e[5] || (e[5] = (i) => d.value = i),
+          overlay: !0,
+          dismissAway: !0,
+          "close-button": "",
+          "max-width": "400px"
+        }, {
+          "dialog-header": P(() => e[11] || (e[11] = [
+            l("span", null, "Save Print Template?", -1)
+          ])),
+          "dialog-footer": P(() => [
+            p(M, {
+              class: "ml-auto",
+              label: "Save",
+              variant: "primary",
+              size: "md",
+              loading: c.value,
+              onClick: s
+            }, null, 8, ["loading"])
+          ]),
+          default: P(() => [
+            l("div", Ot, [
+              e[13] || (e[13] = l("p", null, "Are you sure you want to save this print template?", -1)),
+              e[14] || (e[14] = l("p", { class: "text-gray-500 text-sm mt-2" }, " This template will be used for all future prints of this type. ", -1)),
+              l("div", Lt, [
+                p(y, {
+                  name: "warning",
+                  size: "sm"
+                }),
+                e[12] || (e[12] = l("span", null, "This will affect all locations under this business.", -1))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        p(R, {
+          modelValue: $.value,
+          "onUpdate:modelValue": e[6] || (e[6] = (i) => $.value = i),
+          overlay: !0,
+          dismissAway: !0,
+          "close-button": "",
+          "max-width": "400px"
+        }, {
+          "dialog-header": P(() => e[15] || (e[15] = [
+            l("span", null, "Delete Print Template?", -1)
+          ])),
+          "dialog-footer": P(() => [
+            p(M, {
+              class: "ml-auto",
+              label: "Delete",
+              variant: "destructive",
+              size: "md",
+              loading: c.value,
+              onClick: D
+            }, null, 8, ["loading"])
+          ]),
+          default: P(() => [
+            l("div", Et, [
+              e[17] || (e[17] = l("p", null, "Are you sure you want to delete this print template?", -1)),
+              e[18] || (e[18] = l("p", { class: "text-gray-500 text-sm mt-2" }, " The default print layout will be used for all future prints. ", -1)),
+              l("div", Ut, [
+                p(y, {
+                  name: "warning",
+                  size: "sm"
+                }),
+                e[16] || (e[16] = l("span", null, "This will affect all locations under this business.", -1))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+}), Ht = { class: "flex flex-wrap items-center gap-8 border-b border-fm-color-neutral-gray-200 pb-16" }, Nt = {
+  key: 0,
+  class: "text-fm-color-typo-error"
+}, Mt = {
+  key: 1,
+  class: "text-fm-color-typo-secondary"
+}, Rt = {
+  key: 3,
+  class: "fm-typo-en-body-md-600"
+}, jt = /* @__PURE__ */ ee({
+  __name: "PlanLicenseDisplay",
+  setup(H) {
+    const v = _e();
+    return (T, x) => (o(), r("div", Ht, [
+      x[0] || (x[0] = l("span", { class: "fm-typo-en-body-md-600" }, "Inventory plan", -1)),
+      w(v).loadState.status === "error" ? (o(), r("span", Nt, "Could not load plan")) : w(v).isLoaded ? w(v).premium ? (o(), z(Re, {
+        key: 2,
+        tier: "premium"
+      })) : (o(), r("span", Rt, "Standard")) : (o(), r("span", Mt, "Loading…"))
+    ]));
+  }
+}), Kt = { class: "flex min-h-0 w-full flex-col gap-12" }, qt = { class: "flex w-full flex-wrap items-center gap-8" }, Gt = /* @__PURE__ */ ee({
+  __name: "FeatureFlagView",
+  setup(H) {
+    const v = _e(), T = Le(), x = ye(), S = Ue(), m = X.FmSwitch, O = X.FmTable, f = X.FmMenu, g = X.FmMenuDivider, c = X.FmMenuHeader, u = X.FmMenuItem, b = /* @__PURE__ */ new Set(), _ = {
+      inventory_pos_closing_v1: "Use v2: Closing Draft and Closing Template.",
+      inventory_pos_convert_v1: "Use Production Item instead."
+    }, h = k([]), a = k(null), $ = ["In use", "Deprecate Soon", "Deprecated"], d = k(null), V = k({}), W = k(!1), j = {
+      inventory_netsuite_inventory_transfer_out: ["netsuite"],
+      inventory_portal_accept_require_fulfillment: ["mobile"],
+      inventory_portal_must_use_transfer_template: ["mobile"],
+      inventory_portal_po_operate_v2: ["mobile"],
+      inventory_portal_xilnex_transfer_note: ["mobile"],
+      inventory_pos_adjust_v1: ["mobile", "pos-v7", "pos-7.8"],
+      inventory_pos_adjust_v2_wastage: ["mobile", "pos-v7", "pos-7.8"],
+      inventory_pos_allow_receive_order: ["mobile", "pos-v7", "pos-7.8"],
+      inventory_pos_closing_v1: ["mobile", "pos-v7", "pos-7.8"],
+      inventory_pos_closing_v2: ["mobile", "pos-v7", "pos-7.8"],
+      inventory_pos_convert_v1: ["mobile", "pos-v7", "pos-7.8"],
+      inventory_pos_costing: ["mobile"],
+      inventory_pos_stock_return: ["mobile"],
+      inventory_pos_transfer_require_fulfillment: ["mobile", "pos-v7", "pos-7.8"],
+      inventory_purchase_order_approval: ["mobile"]
+    }, Q = A(
+      () => Object.values(Ae).map((t) => {
+        const s = v.flags.find((D) => D.name === t);
+        return {
+          name: t,
+          enabled: (s == null ? void 0 : s.enabled) ?? null,
+          domains: ["portal", ...j[t] ?? []],
+          features: je(t)
+        };
+      })
+    ), U = A(
+      () => [...new Set(Q.value.flatMap((t) => t.domains))].sort()
+    ), N = A(
+      () => Q.value.filter(
+        (t) => (h.value.length === 0 || h.value.some((s) => t.domains.includes(s))) && (!a.value || re(t) === a.value)
+      )
+    );
+    function ne(t) {
+      h.value = h.value.includes(t) ? h.value.filter((s) => s !== t) : [...h.value, t];
+    }
+    function te() {
+      h.value = [], a.value = null;
+    }
+    function le(t) {
+      return t.domains.includes("mobile") || t.domains.some((s) => s.startsWith("pos-"));
+    }
+    function ce(t) {
+      return d.value && le(t) ? V.value[t.name] === !0 : t.enabled === !0;
+    }
+    async function de(t) {
+      if (!t) {
+        V.value = {};
+        return;
+      }
+      const s = t;
+      W.value = !0;
+      try {
+        const [{ flags: D }] = await Promise.all([
+          S.listForScope(s),
+          v.retryLoad()
+        ]);
+        d.value === s && (V.value = Object.fromEntries(D.map((K) => [K.name, K.enabled])));
+      } catch (D) {
+        console.error("Unable to load feature flags for the selected scope", D), d.value === s && (V.value = {});
+      } finally {
+        d.value === s && (W.value = !1);
+      }
+    }
+    J(
+      () => {
+        var t;
+        return (t = x.currentBusiness.value) != null && t._id ? `business_${x.currentBusiness.value._id}` : null;
+      },
+      (t) => {
+        var s;
+        d.value || (d.value = ((s = T._currentLocation) == null ? void 0 : s.dbName) ?? t);
+      },
+      { immediate: !0 }
+    ), J(d, de, { immediate: !0 });
+    function re(t) {
+      return b.has(t.name) ? "Deprecated" : _[t.name] ? "Deprecate Soon" : "In use";
+    }
+    function pe(t) {
+      return t === "Deprecated" ? "bg-red-50 text-red-700" : t === "Deprecate Soon" ? "bg-fm-color-state-warning-subtle text-fm-color-state-warning-base" : "bg-green-50 text-green-700";
+    }
+    function me(t) {
+      return t.features.length === 0 ? ["Controls the availability of this inventory feature."] : t.features.length === 1 ? [t.features[0].controls] : t.features.map((s) => `${s.label}: ${s.controls}`);
+    }
+    function ve(t) {
+      return b.has(t.name) ? "This flag is deprecated. Use its supported replacement for new work." : _[t.name];
+    }
+    const fe = A(() => [
+      {
+        accessorKey: "name",
+        header: "Feature flag",
+        meta: { width: "27%" },
+        cell: ({ row: t }) => B("div", { class: "flex flex-wrap items-center gap-2" }, [
+          B("span", { class: "break-all font-mono text-xs text-gray-700" }, t.original.name),
+          ...t.original.features.slice(0, 1).map(
+            (s) => B(He, {
+              tier: s.category === "premium" ? "premium" : "standard",
+              category: s.category,
+              deprecateSoon: s.deprecateSoon,
+              informative: !0
+            })
+          )
+        ])
+      },
+      {
+        id: "domains",
+        header: "Domains",
+        meta: { width: "19%" },
+        cell: ({ row: t }) => B(
+          "div",
+          { class: "flex flex-wrap gap-2" },
+          t.original.domains.map(
+            (s) => B(
+              "span",
+              {
+                class: "rounded-full bg-fm-color-neutral-gray-100 px-2 py-0.5 text-xs font-medium text-fm-color-typo-secondary"
+              },
+              s
+            )
+          )
+        )
+      },
+      {
+        id: "description",
+        header: "Description",
+        meta: { width: "29%" },
+        cell: ({ row: t }) => {
+          const s = ve(t.original);
+          return B("div", { class: "flex flex-col gap-2 text-xs" }, [
+            ...me(t.original).map(
+              (D) => B("span", { class: "text-fm-color-typo-secondary" }, D)
+            ),
+            ...s ? [B("span", { class: "text-fm-color-state-warning-base" }, s)] : []
+          ]);
+        }
+      },
+      {
+        id: "status",
+        header: "Status",
+        meta: { width: "13%" },
+        cell: ({ row: t }) => {
+          const s = re(t.original);
+          return s === "Deprecate Soon" ? B(Ne) : B(
+            "span",
+            {
+              class: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${pe(s)}`
+            },
+            s
+          );
+        }
+      },
+      {
+        id: "availability",
+        header: "Availability",
+        meta: { width: "12%" },
+        cell: ({ row: t }) => {
+          const s = !!d.value && le(t.original);
+          return B("div", { class: "flex flex-col items-end gap-2" }, [
+            B(m, { modelValue: ce(t.original), disabled: !0, showIcon: !0 }),
+            ...s && W.value ? [B("span", { class: "text-xs text-gray-500" }, "Loading location value…")] : [],
+            ...t.original.features.some((D) => D.category === "premium") && t.original.enabled !== !0 && !s ? [B("span", { class: "text-xs text-gray-500" }, "Controlled by the Premium plan")] : []
+          ]);
+        }
+      }
+    ]);
+    return (t, s) => {
+      const D = L("FmChip"), K = L("FmButton");
+      return o(), r("div", Kt, [
+        p(jt),
+        l("div", qt, [
+          p(Me, {
+            "model-value": d.value,
+            "onUpdate:modelValue": s[0] || (s[0] = (F) => d.value = F),
+            "selection-only": "",
+            "show-business": ""
+          }, null, 8, ["model-value"]),
+          (o(!0), r(E, null, Y(h.value, (F) => (o(), z(D, {
+            key: F,
+            label: `domain in ${F}`,
+            removable: "",
+            onChipClosed: (ie) => ne(F)
+          }, null, 8, ["label", "onChipClosed"]))), 128)),
+          a.value ? (o(), z(D, {
+            key: 0,
+            label: `status in ${a.value}`,
+            removable: "",
+            onChipClosed: s[1] || (s[1] = (F) => a.value = null)
+          }, null, 8, ["label"])) : Z("", !0),
+          p(w(f), {
+            "close-on-click": !1,
+            width: 288,
+            "max-height": 420,
+            placement: "bottom-start"
+          }, {
+            "menu-button": P(() => [
+              p(K, {
+                label: "Filter",
+                "prepend-icon": "add",
+                variant: "secondary"
+              })
+            ]),
+            default: P(() => [
+              p(w(c), { label: "Domains" }),
+              (o(!0), r(E, null, Y(U.value, (F) => (o(), z(w(u), {
+                key: F,
+                label: F,
+                selectable: "",
+                "has-checkbox": "",
+                "model-value": h.value.includes(F),
+                onClick: (ie) => ne(F)
+              }, null, 8, ["label", "model-value", "onClick"]))), 128)),
+              p(w(g)),
+              p(w(c), { label: "Status" }),
+              (o(), r(E, null, Y($, (F) => p(w(u), {
+                key: F,
+                label: F,
+                selectable: "",
+                "has-checkbox": "",
+                "model-value": a.value === F,
+                onClick: (ie) => a.value = a.value === F ? null : F
+              }, null, 8, ["label", "model-value", "onClick"])), 64))
+            ]),
+            _: 1
+          }),
+          h.value.length || a.value ? (o(), z(K, {
+            key: 1,
+            label: "Clear all",
+            variant: "tertiary",
+            onClick: te
+          })) : Z("", !0)
+        ]),
+        p(w(O), {
+          "column-defs": fe.value,
+          "row-data": N.value,
+          "page-size": 50,
+          "hide-footer": "",
+          "shrink-at": !1
+        }, null, 8, ["column-defs", "row-data"])
+      ]);
+    };
+  }
+}), Yt = { class: "flex w-full flex-col gap-16 p-16" }, Jt = {
+  key: 0,
+  class: "py-32 text-center"
+}, Wt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Qt = {
+  class: "flex gap-2 border-b border-gray-200",
+  role: "tablist"
+}, Xt = ["aria-selected"], Zt = ["aria-selected"], el = { key: 0 }, tl = { class: "flex items-center justify-between gap-12" }, ll = { class: "fm-typo-en-heading-sm-600 text-fm-color-typo-primary" }, ol = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, al = {
+  key: 1,
+  class: "w-full"
+}, sl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _l = /* @__PURE__ */ ee({
+  __name: "SettingsView",
+  setup(H) {
+    const { t: v } = Ee(), T = ye(), x = Ie(), S = k(!1), m = k("order"), O = A(() => {
+      var c, u;
+      return ((u = (c = T.sessionUser.value) == null ? void 0 : c.role) == null ? void 0 : u.isAdmin) === !0;
+    });
+    function f() {
+      x.invalidate(), x.fetchTemplates();
+    }
+    function g() {
+      x.fetchTemplates(), S.value = !0;
+    }
+    return (c, u) => {
+      const b = L("FmButton");
+      return o(), z(Fe, {
+        title: w(v)("inventory.settings.title")
+      }, {
+        default: P(() => [
+          l("div", Yt, [
+            O.value ? (o(), r(E, { key: 1 }, [
+              l("div", Qt, [
+                l("button", {
+                  type: "button",
+                  role: "tab",
+                  "aria-selected": m.value === "order",
+                  class: ue([
+                    "border-b-2 px-3 py-2 text-sm font-medium",
+                    m.value === "order" ? "border-fm-color-primary text-fm-color-primary" : "border-transparent text-gray-500"
+                  ]),
+                  onClick: u[0] || (u[0] = (_) => m.value = "order")
+                }, C(w(v)("inventory.settings.order.title")), 11, Xt),
+                l("button", {
+                  type: "button",
+                  role: "tab",
+                  "aria-selected": m.value === "features",
+                  class: ue([
+                    "border-b-2 px-3 py-2 text-sm font-medium",
+                    m.value === "features" ? "border-fm-color-primary text-fm-color-primary" : "border-transparent text-gray-500"
+                  ]),
+                  onClick: u[1] || (u[1] = (_) => m.value = "features")
+                }, C(w(v)("inventory.settings.features.title")), 11, Zt)
+              ]),
+              m.value === "order" ? (o(), r("div", el, [
+                l("div", tl, [
+                  l("h2", ll, C(w(v)("inventory.settings.order.printTemplates")), 1),
+                  p(b, {
+                    onClick: g,
+                    variant: "secondary",
+                    label: w(v)("inventory.settings.printTemplate.edit")
+                  }, null, 8, ["label"])
+                ]),
+                l("p", ol, C(w(v)("inventory.settings.printTemplate.description")), 1)
+              ])) : (o(), r("div", al, [
+                l("p", sl, C(w(v)("inventory.settings.features.description")), 1),
+                p(Gt)
+              ]))
+            ], 64)) : (o(), r("div", Jt, [
+              l("p", Wt, C(w(v)("inventory.settings.adminOnly")), 1)
+            ]))
+          ]),
+          (o(), z(we, { to: "body" }, [
+            p(At, {
+              modelValue: S.value,
+              "onUpdate:modelValue": u[2] || (u[2] = (_) => S.value = _),
+              onSaved: f
+            }, null, 8, ["modelValue"])
+          ]))
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
+export {
+  _l as default
+};