@feedmepos/mf-inventory-portal 1.8.0-dev.3 → 1.8.0-dev.5

package/dist/{SettingsView-CdBloj9k.js → SettingsView-qTUvQCuu.js}

@@ -1,15 +1,14 @@
-import { defineComponent as oe, ref as k, computed as N, watch as W, resolveComponent as E, createElementBlock as c, openBlock as o, createElementVNode as l, toDisplayString as D, Fragment as U, renderList as Y, createBlock as O, createCommentVNode as X, createVNode as m, nextTick as _e, createSlots as xe, withCtx as z, normalizeClass as ie, unref as S, withModifiers as he, h as $, Teleport as ke } from "vue";
+import { defineComponent as oe, ref as h, computed as H, watch as W, resolveComponent as E, createElementBlock as c, openBlock as o, createElementVNode as l, toDisplayString as D, Fragment as U, renderList as Y, createBlock as O, createCommentVNode as X, createVNode as m, nextTick as _e, createSlots as xe, withCtx as z, normalizeClass as ie, unref as T, withModifiers as he, h as $, Teleport as ke } from "vue";
 import { _ as we } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
-import { B as G, g as Fe, r as Te, s as Se, u as Ce, a as te, b as De, c as $e, d as ye, e as Be, f as Ve } from "./predefined-templates-DLm93Bpx.js";
+import { B as G, g as Fe, r as Te, s as Se, u as Ce, a as te, b as De, c as $e, d as ye, e as Be, f as Ve } from "./predefined-templates-BZ2KqNix.js";
 import { useSnackbar as Ie, components as Q } from "@feedmepos/ui-library";
 import { _ as ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { H as le, I as Oe, d as Pe } from "./app-DqJp3dcI.js";
-import { useCoreStore as fe, useI18n as Ee } from "@feedmepos/mf-common";
-import "./dayjs.min-Cyp32v4J.js";
-import { I as Ue } from "./core-Js7d-3Pv.js";
-import { u as Ae } from "./index-Dqf27vLH.js";
-import { b as Le, a as He, D as Ne } from "./FeatureCapabilityBadge.vue_vue_type_script_setup_true_lang-CMoQKl_a.js";
-import { _ as Me } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-BaMcGU-x.js";
+import { H as le, I as Oe } from "./app-DyEvx3Em.js";
+import { useCoreStore as fe, useI18n as Pe } from "@feedmepos/mf-common";
+import "./dayjs.min-DOq1QM_M.js";
+import { a as Ee, I as Ue, u as Ae } from "./feature-BMTKl6PK.js";
+import { b as Le, a as He, D as Ne } from "./FeatureCapabilityBadge.vue_vue_type_script_setup_true_lang-Izn-hTjK.js";
+import { _ as Me } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-DoAv2mHA.js";
 const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700 mb-4 pb-2 border-b border-gray-200" }, Ke = { class: "flex flex-col gap-3" }, qe = {
   key: 0,
   class: "flex items-center justify-between py-1"
@@ -22,40 +21,40 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
     block: {}
   },
   emits: ["update"],
-  setup(A, { emit: _ }) {
-    const w = A, T = _;
+  setup(j, { emit: k }) {
+    const S = j, F = k;
     function C(u) {
-      var x;
-      if ((x = u.config) != null && x.configFields && Array.isArray(u.config.configFields)) {
-        const d = u.config.configFields.map((v) => ({ ...v })), h = new Set(d.map((v) => v.key)), a = G[u.tag], b = a ? a.initialConfigFields().filter((v) => !h.has(v.key)) : [];
+      var _;
+      if ((_ = u.config) != null && _.configFields && Array.isArray(u.config.configFields)) {
+        const d = u.config.configFields.map((v) => ({ ...v })), x = new Set(d.map((v) => v.key)), a = G[u.tag], b = a ? a.initialConfigFields().filter((v) => !x.has(v.key)) : [];
         return [...d, ...b];
       }
       const i = G[u.tag];
       return i ? i.initialConfigFields() : [];
     }
-    const p = k(C(w.block)), P = N(() => {
-      const u = G[w.block.tag];
-      return (u == null ? void 0 : u.label) ?? w.block.tag;
+    const p = h(C(S.block)), P = H(() => {
+      const u = G[S.block.tag];
+      return (u == null ? void 0 : u.label) ?? S.block.tag;
     });
     W(
-      () => w.block,
+      () => S.block,
       (u) => {
         p.value = C(u);
       },
       { deep: !0 }
     );
     function f(u, i) {
-      const x = p.value[u];
-      x && (x.value = i, y());
+      const _ = p.value[u];
+      _ && (_.value = i, y());
     }
     function y() {
-      T("update", {
-        ...w.block.config || {},
+      F("update", {
+        ...S.block.config || {},
         configFields: p.value.map((u) => ({ ...u }))
       });
     }
     return (u, i) => {
-      const x = E("FmSwitch"), d = E("FmTextField"), h = E("FmSelect");
+      const _ = E("FmSwitch"), d = E("FmTextField"), x = E("FmSelect");
       return o(), c("div", Re, [
         l("div", je, D(P.value) + " Settings ", 1),
         l("div", Ke, [
@@ -64,7 +63,7 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
           }, [
             a.type === "toggle" ? (o(), c("div", qe, [
               l("label", Ge, D(a.label), 1),
-              m(x, {
+              m(_, {
                 "model-value": a.value,
                 "onUpdate:modelValue": (v) => f(b, v)
               }, null, 8, ["model-value", "onUpdate:modelValue"])
@@ -83,7 +82,7 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
                 placeholder: a.placeholder,
                 onInput: (v) => f(b, v.target.value)
               }, null, 40, We)
-            ], 64)) : a.type === "select" ? (o(), O(h, {
+            ], 64)) : a.type === "select" ? (o(), O(x, {
               key: 3,
               label: a.label,
               "model-value": a.value,
@@ -119,20 +118,20 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
     selectedBlockId: {},
     templateType: {}
   },
-  setup(A) {
-    const _ = A, w = k(null);
-    let T = null;
+  setup(j) {
+    const k = j, S = h(null);
+    let F = null;
     function C() {
-      return !T && w.value && (T = w.value.attachShadow({ mode: "open" })), T;
+      return !F && S.value && (F = S.value.attachShadow({ mode: "open" })), F;
     }
-    const p = N(() => _.previewData ?? Fe(_.templateType));
+    const p = H(() => k.previewData ?? Fe(k.templateType));
     W(
-      () => [_.blocks, p.value, w.value],
+      () => [k.blocks, p.value, S.value],
       () => {
         const f = C();
         if (f) {
           try {
-            const y = Te(_.blocks, p.value), u = Se(y);
+            const y = Te(k.blocks, p.value), u = Se(y);
             f.innerHTML = `
         <style>
           :host { display: block; }
@@ -161,19 +160,19 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
           } catch (y) {
             f.innerHTML = `<div style="color:red;padding:20px;">Error rendering template: ${y}</div>`;
           }
-          _e(() => P(_.selectedBlockId));
+          _e(() => P(k.selectedBlockId));
         }
       },
       { deep: !0, immediate: !0 }
     ), W(
-      () => _.selectedBlockId,
+      () => k.selectedBlockId,
       (f) => P(f)
     );
     function P(f) {
-      if (!T || (T.querySelectorAll("[data-block-id].highlight").forEach((u) => {
+      if (!F || (F.querySelectorAll("[data-block-id].highlight").forEach((u) => {
         u.classList.remove("highlight");
       }), !f)) return;
-      const y = T.querySelector(`[data-block-id="${f}"]`);
+      const y = F.querySelector(`[data-block-id="${f}"]`);
       y && (y.classList.add("highlight"), y.scrollIntoView({ behavior: "smooth", block: "nearest" }));
     }
     return (f, y) => (o(), c("div", tt, [
@@ -181,7 +180,7 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
       l("div", lt, [
         l("div", {
           ref_key: "shadowHost",
-          ref: w
+          ref: S
         }, null, 512)
       ])
     ]));
@@ -222,11 +221,11 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue", "saved"],
-  setup(A, { emit: _ }) {
-    const w = A, T = _, C = Ce(), p = Ie(), P = fe(), f = N({
-      get: () => w.modelValue,
-      set: (n) => T("update:modelValue", n)
-    }), y = k(!1), u = k(!1), i = k(te()), x = k(null), d = k(le.Enum.purchaseOrder), h = k("Purchase Order Template"), a = k(null), b = k(!1), v = k(!1), V = k("select-type"), ae = [
+  setup(j, { emit: k }) {
+    const S = j, F = k, C = Ce(), p = Ie(), P = fe(), f = H({
+      get: () => S.modelValue,
+      set: (n) => F("update:modelValue", n)
+    }), y = h(!1), u = h(!1), i = h(te()), _ = h(null), d = h(le.Enum.purchaseOrder), x = h("Purchase Order Template"), a = h(null), b = h(!1), v = h(!1), V = h("select-type"), ae = [
       {
         label: "Purchase Order",
         value: le.Enum.purchaseOrder,
@@ -251,22 +250,22 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
         icon: "local_shipping",
         description: "Customize the layout for delivery order printouts"
       }
-    ], M = k(/* @__PURE__ */ new Set()), Z = N(
-      () => i.value.find((n) => n.id === x.value) ?? null
-    ), L = k(null), H = k(null);
+    ], N = h(/* @__PURE__ */ new Set()), Z = H(
+      () => i.value.find((n) => n.id === _.value) ?? null
+    ), A = h(null), L = h(null);
     W(f, async (n) => {
       if (n) {
         V.value = "select-type", y.value = !0;
         try {
           const e = await C.browse();
-          M.value = new Set(e.map((g) => g.type));
+          N.value = new Set(e.map((g) => g.type));
         } catch {
         } finally {
           y.value = !1;
         }
       }
     }), W(d, async () => {
-      x.value = null, await ne();
+      _.value = null, await ne();
     });
     async function ue(n) {
       d.value = n, await ne(), V.value = "editor";
@@ -283,11 +282,11 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
       y.value = !0;
       try {
         const n = await C.browse();
-        M.value = new Set(n.map((g) => g.type));
+        N.value = new Set(n.map((g) => g.type));
         const e = n.find((g) => g.type === d.value);
-        e ? (a.value = e._id, h.value = e.name, i.value = e.blocks.map((g) => ({ ...g }))) : (a.value = null, i.value = te(), h.value = J());
+        e ? (a.value = e._id, x.value = e.name, i.value = e.blocks.map((g) => ({ ...g }))) : (a.value = null, i.value = te(), x.value = J());
       } catch {
-        i.value = te(), h.value = J();
+        i.value = te(), x.value = J();
       } finally {
         y.value = !1;
       }
@@ -298,38 +297,38 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
         tag: n,
         config: De(n)
       };
-      i.value.push(e), x.value = e.id;
+      i.value.push(e), _.value = e.id;
     }
     function se(n) {
       const e = i.value.findIndex((g) => g.id === n);
-      e >= 0 && (i.value.splice(e, 1), x.value === n && (x.value = null));
+      e >= 0 && (i.value.splice(e, 1), _.value === n && (_.value = null));
     }
     function de(n) {
-      const e = i.value.find((g) => g.id === x.value);
+      const e = i.value.find((g) => g.id === _.value);
       if (e) {
         const g = n.configFields || [], ee = ye(e.tag);
         e.config = { configFields: g, templateHtml: ee };
       }
     }
     function pe(n) {
-      L.value = n;
+      A.value = n;
     }
     function me(n, e) {
-      n.preventDefault(), H.value = e;
+      n.preventDefault(), L.value = e;
     }
     function ve() {
-      H.value = null;
+      L.value = null;
     }
     function t(n) {
-      if (L.value === null || L.value === n) {
-        L.value = null, H.value = null;
+      if (A.value === null || A.value === n) {
+        A.value = null, L.value = null;
         return;
       }
-      const e = i.value.splice(L.value, 1)[0];
-      i.value.splice(n, 0, e), L.value = null, H.value = null;
+      const e = i.value.splice(A.value, 1)[0];
+      i.value.splice(n, 0, e), A.value = null, L.value = null;
     }
     function s() {
-      L.value = null, H.value = null;
+      A.value = null, L.value = null;
     }
     async function B() {
       var n;
@@ -345,23 +344,23 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
             ...r,
             config: { configFields: I, templateHtml: q }
           };
-        }), ee = Be(g), R = {
-          name: h.value,
+        }), ee = Be(g), M = {
+          name: x.value,
           type: d.value,
           blocks: ee,
           businessId: e,
           createdAt: (/* @__PURE__ */ new Date()).toISOString(),
           updatedAt: (/* @__PURE__ */ new Date()).toISOString()
         };
-        let j;
-        a.value ? j = await C.update(a.value, {
+        let R;
+        a.value ? R = await C.update(a.value, {
           _id: a.value,
-          ...R
-        }) : (j = await C.create(R), a.value = j._id), M.value.add(d.value), v.value = !1, p == null || p.open({
+          ...M
+        }) : (R = await C.create(M), a.value = R._id), N.value.add(d.value), v.value = !1, p == null || p.open({
           title: "Success",
           message: "Print template saved",
           type: "success"
-        }), T("saved", j), f.value = !1;
+        }), F("saved", R), f.value = !1;
       } catch (e) {
         p == null || p.open({
           title: "Error",
@@ -376,11 +375,11 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
       if (a.value) {
         u.value = !0;
         try {
-          await C.delete(a.value), a.value = null, i.value = te(), h.value = J(), M.value.delete(d.value), b.value = !1, p == null || p.open({
+          await C.delete(a.value), a.value = null, i.value = te(), x.value = J(), N.value.delete(d.value), b.value = !1, p == null || p.open({
             title: "Deleted",
             message: "Print template deleted. Default layout will be used.",
             type: "success"
-          }), T("saved", null), f.value = !1;
+          }), F("saved", null), f.value = !1;
         } catch (n) {
           p == null || p.open({
             title: "Error",
@@ -392,8 +391,8 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
         }
       }
     }
-    function F() {
-      i.value = te(), x.value = null;
+    function w() {
+      i.value = te(), _.value = null;
     }
     function re(n) {
       var e;
@@ -404,9 +403,9 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
       return ((e = G[n]) == null ? void 0 : e.icon) ?? "widgets";
     }
     return (n, e) => {
-      const g = E("FmIcon"), ee = E("FmTextField"), R = E("FmButton"), j = E("FmDialog");
+      const g = E("FmIcon"), ee = E("FmTextField"), M = E("FmButton"), R = E("FmDialog");
       return o(), c(U, null, [
-        m(j, {
+        m(R, {
           modelValue: f.value,
           "onUpdate:modelValue": e[4] || (e[4] = (r) => f.value = r),
           overlay: !0,
@@ -453,7 +452,7 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
                     l("div", mt, D(r.label), 1),
                     l("div", vt, D(r.description), 1)
                   ]),
-                  M.value.has(r.value) ? (o(), c("span", ft, "Customized")) : (o(), c("span", gt, "Default"))
+                  N.value.has(r.value) ? (o(), c("span", ft, "Customized")) : (o(), c("span", gt, "Default"))
                 ], 10, ct)), 64))
               ]))
             ])) : y.value ? (o(), c("div", yt, e[8] || (e[8] = [
@@ -462,24 +461,24 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
               l("div", _t, [
                 l("div", xt, [
                   m(ee, {
-                    modelValue: h.value,
-                    "onUpdate:modelValue": e[1] || (e[1] = (r) => h.value = r),
+                    modelValue: x.value,
+                    "onUpdate:modelValue": e[1] || (e[1] = (r) => x.value = r),
                     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", ht, [
-                  (o(!0), c(U, null, Y(S(Oe).Values, (r) => (o(), c("div", {
+                  (o(!0), c(U, null, Y(T(Oe).Values, (r) => (o(), c("div", {
                     key: r,
                     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(r)
                   }, [
                     m(g, {
-                      name: S(G)[r].icon,
+                      name: T(G)[r].icon,
                       size: "sm"
                     }, null, 8, ["name"]),
-                    l("span", null, D(S(G)[r].label), 1),
+                    l("span", null, D(T(G)[r].label), 1),
                     m(g, {
                       name: "add",
                       size: "sm",
@@ -492,8 +491,8 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
                   (o(!0), c(U, null, Y(i.value, (r, I) => (o(), c("div", {
                     key: r.id,
                     class: ie(["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": r.id === x.value,
-                      "border-t-2 border-t-blue-600": H.value === I
+                      "bg-blue-50 border-l-[3px] border-l-blue-600": r.id === _.value,
+                      "border-t-2 border-t-blue-600": L.value === I
                     }]),
                     draggable: "true",
                     onDragstart: (q) => pe(I),
@@ -501,7 +500,7 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
                     onDragleave: ve,
                     onDrop: (q) => t(I),
                     onDragend: s,
-                    onClick: (q) => x.value = r.id
+                    onClick: (q) => _.value = r.id
                   }, [
                     m(g, {
                       name: "drag_indicator",
@@ -532,18 +531,18 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
                   }, null, 8, ["block"]))
                 ])) : (o(), c("div", $t, " Select a block to configure it ")),
                 l("div", Bt, [
-                  m(R, {
+                  m(M, {
                     label: "Reset to Default",
                     variant: "plain",
                     size: "md",
-                    onClick: F
+                    onClick: w
                   })
                 ])
               ]),
               l("div", Vt, [
                 m(ot, {
                   blocks: i.value,
-                  "selected-block-id": x.value,
+                  "selected-block-id": _.value,
                   "template-type": d.value
                 }, null, 8, ["blocks", "selected-block-id", "template-type"])
               ])
@@ -555,14 +554,14 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
             name: "dialog-footer",
             fn: z(() => [
               l("div", It, [
-                a.value ? (o(), O(R, {
+                a.value ? (o(), O(M, {
                   key: 0,
                   label: "Delete Template",
                   variant: "destructive",
                   size: "md",
                   onClick: e[2] || (e[2] = (r) => b.value = !0)
                 })) : X("", !0),
-                m(R, {
+                m(M, {
                   label: "Save Template",
                   variant: "primary",
                   size: "md",
@@ -573,7 +572,7 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
             key: "0"
           } : void 0
         ]), 1032, ["modelValue"]),
-        m(j, {
+        m(R, {
           modelValue: v.value,
           "onUpdate:modelValue": e[5] || (e[5] = (r) => v.value = r),
           overlay: !0,
@@ -585,7 +584,7 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
             l("span", null, "Save Print Template?", -1)
           ])),
           "dialog-footer": z(() => [
-            m(R, {
+            m(M, {
               class: "ml-auto",
               label: "Save",
               variant: "primary",
@@ -609,7 +608,7 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        m(j, {
+        m(R, {
           modelValue: b.value,
           "onUpdate:modelValue": e[6] || (e[6] = (r) => b.value = r),
           overlay: !0,
@@ -621,7 +620,7 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
             l("span", null, "Delete Print Template?", -1)
           ])),
           "dialog-footer": z(() => [
-            m(R, {
+            m(M, {
               class: "ml-auto",
               label: "Delete",
               variant: "destructive",
@@ -648,17 +647,13 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
       ], 64);
     };
   }
-}), At = Pe((A, _) => ({
-  async listForScope(w) {
-    return await _.get(`${A.inventoryBackendUrl}/${w}/feature-flags`);
-  }
-})), Lt = { class: "flex min-h-0 w-full flex-col gap-12" }, Ht = { class: "flex w-full flex-wrap items-center gap-8" }, Nt = /* @__PURE__ */ oe({
+}), At = { class: "flex min-h-0 w-full flex-col gap-12" }, Lt = { class: "flex w-full flex-wrap items-center gap-8" }, Ht = /* @__PURE__ */ oe({
   __name: "FeatureFlagView",
-  setup(A) {
-    const { flags: _ } = Ae(), w = fe(), T = At(), C = Q.FmSwitch, p = Q.FmTable, P = Q.FmMenu, f = Q.FmMenuDivider, y = Q.FmMenuHeader, u = Q.FmMenuItem, i = /* @__PURE__ */ new Set(["inventory_ingredient_group"]), x = {
+  setup(j) {
+    const k = Ae(), S = fe(), F = Ee(), C = Q.FmSwitch, p = Q.FmTable, P = Q.FmMenu, f = Q.FmMenuDivider, y = Q.FmMenuHeader, u = Q.FmMenuItem, i = /* @__PURE__ */ new Set(), _ = {
       inventory_pos_closing_v1: "Use v2: Closing Draft and Closing Template.",
       inventory_pos_convert_v1: "Use Production Item instead."
-    }, d = k([]), h = k(null), a = ["In use", "Deprecate Soon", "Deprecated"], b = k(null), v = k({}), V = k(!1), ae = {
+    }, d = h([]), x = h(null), a = ["In use", "Deprecate Soon", "Deprecated"], b = h(null), v = h({}), V = h(!1), ae = {
       inventory_netsuite_inventory_transfer_out: ["netsuite"],
       inventory_portal_accept_require_fulfillment: ["mobile"],
       inventory_portal_must_use_transfer_template: ["mobile"],
@@ -675,9 +670,9 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
       inventory_pos_stock_return: ["mobile"],
       inventory_pos_transfer_require_fulfillment: ["mobile", "pos-v7", "pos-7.8"],
       inventory_purchase_order_approval: ["mobile"]
-    }, M = N(
+    }, N = H(
       () => Object.values(Ue).map((t) => {
-        const s = _.value.find((B) => B.feature.name === t);
+        const s = k.flags.find((B) => B.name === t);
         return {
           name: t,
           enabled: (s == null ? void 0 : s.enabled) ?? null,
@@ -685,18 +680,18 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
           feature: Le(t)
         };
       })
-    ), Z = N(
-      () => [...new Set(M.value.flatMap((t) => t.domains))].sort()
-    ), L = N(
-      () => M.value.filter(
-        (t) => (d.value.length === 0 || d.value.some((s) => t.domains.includes(s))) && (!h.value || se(t) === h.value)
+    ), Z = H(
+      () => [...new Set(N.value.flatMap((t) => t.domains))].sort()
+    ), A = H(
+      () => N.value.filter(
+        (t) => (d.value.length === 0 || d.value.some((s) => t.domains.includes(s))) && (!x.value || se(t) === x.value)
       )
     );
-    function H(t) {
+    function L(t) {
       d.value = d.value.includes(t) ? d.value.filter((s) => s !== t) : [...d.value, t];
     }
     function ue() {
-      d.value = [], h.value = null;
+      d.value = [], x.value = null;
     }
     function J(t) {
       return t.domains.includes("mobile") || t.domains.some((s) => s.startsWith("pos-"));
@@ -712,7 +707,7 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
       const s = t;
       V.value = !0;
       try {
-        const { flags: B } = await T.listForScope(s);
+        const { flags: B } = await F.listForScope(s);
         b.value === s && (v.value = Object.fromEntries(B.map((K) => [K.name, K.enabled])));
       } catch (B) {
         console.error("Unable to load feature flags for the selected scope", B), b.value === s && (v.value = {});
@@ -723,7 +718,7 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
     W(
       () => {
         var t;
-        return (t = w.currentBusiness.value) != null && t._id ? `business_${w.currentBusiness.value._id}` : null;
+        return (t = S.currentBusiness.value) != null && t._id ? `business_${S.currentBusiness.value._id}` : null;
       },
       (t) => {
         b.value || (b.value = t);
@@ -731,7 +726,7 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
       { immediate: !0 }
     ), W(b, ce, { immediate: !0 });
     function se(t) {
-      return i.has(t.name) ? "Deprecated" : x[t.name] ? "Deprecate Soon" : "In use";
+      return i.has(t.name) ? "Deprecated" : _[t.name] ? "Deprecate Soon" : "In use";
     }
     function de(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";
@@ -741,9 +736,9 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
       return ((s = t.feature) == null ? void 0 : s.controls) ?? "Controls the availability of this inventory feature.";
     }
     function me(t) {
-      return i.has(t.name) ? "This flag is deprecated. Use its supported replacement for new work." : x[t.name];
+      return i.has(t.name) ? "This flag is deprecated. Use its supported replacement for new work." : _[t.name];
     }
-    const ve = N(() => [
+    const ve = H(() => [
       {
         accessorKey: "name",
         header: "Feature flag",
@@ -822,27 +817,27 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
     ]);
     return (t, s) => {
       const B = E("FmChip"), K = E("FmButton");
-      return o(), c("div", Lt, [
-        l("div", Ht, [
+      return o(), c("div", At, [
+        l("div", Lt, [
           m(Me, {
             "model-value": b.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (F) => b.value = F),
+            "onUpdate:modelValue": s[0] || (s[0] = (w) => b.value = w),
             "selection-only": "",
             "show-business": ""
           }, null, 8, ["model-value"]),
-          (o(!0), c(U, null, Y(d.value, (F) => (o(), O(B, {
-            key: F,
-            label: `domain in ${F}`,
+          (o(!0), c(U, null, Y(d.value, (w) => (o(), O(B, {
+            key: w,
+            label: `domain in ${w}`,
             removable: "",
-            onChipClosed: (re) => H(F)
+            onChipClosed: (re) => L(w)
           }, null, 8, ["label", "onChipClosed"]))), 128)),
-          h.value ? (o(), O(B, {
+          x.value ? (o(), O(B, {
             key: 0,
-            label: `status in ${h.value}`,
+            label: `status in ${x.value}`,
             removable: "",
-            onChipClosed: s[1] || (s[1] = (F) => h.value = null)
+            onChipClosed: s[1] || (s[1] = (w) => x.value = null)
           }, null, 8, ["label"])) : X("", !0),
-          m(S(P), {
+          m(T(P), {
             "close-on-click": !1,
             width: 288,
             "max-height": 420,
@@ -856,38 +851,38 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
               })
             ]),
             default: z(() => [
-              m(S(y), { label: "Domains" }),
-              (o(!0), c(U, null, Y(Z.value, (F) => (o(), O(S(u), {
-                key: F,
-                label: F,
+              m(T(y), { label: "Domains" }),
+              (o(!0), c(U, null, Y(Z.value, (w) => (o(), O(T(u), {
+                key: w,
+                label: w,
                 selectable: "",
                 "has-checkbox": "",
-                "model-value": d.value.includes(F),
-                onClick: (re) => H(F)
+                "model-value": d.value.includes(w),
+                onClick: (re) => L(w)
               }, null, 8, ["label", "model-value", "onClick"]))), 128)),
-              m(S(f)),
-              m(S(y), { label: "Status" }),
-              (o(), c(U, null, Y(a, (F) => m(S(u), {
-                key: F,
-                label: F,
+              m(T(f)),
+              m(T(y), { label: "Status" }),
+              (o(), c(U, null, Y(a, (w) => m(T(u), {
+                key: w,
+                label: w,
                 selectable: "",
                 "has-checkbox": "",
-                "model-value": h.value === F,
-                onClick: (re) => h.value = h.value === F ? null : F
+                "model-value": x.value === w,
+                onClick: (re) => x.value = x.value === w ? null : w
               }, null, 8, ["label", "model-value", "onClick"])), 64))
             ]),
             _: 1
           }),
-          d.value.length || h.value ? (o(), O(K, {
+          d.value.length || x.value ? (o(), O(K, {
             key: 1,
             label: "Clear all",
             variant: "tertiary",
             onClick: ue
           })) : X("", !0)
         ]),
-        m(S(p), {
+        m(T(p), {
           "column-defs": ve.value,
-          "row-data": L.value,
+          "row-data": A.value,
           "page-size": 50,
           "hide-footer": "",
           "shrink-at": !1
@@ -895,37 +890,37 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
       ]);
     };
   }
-}), Mt = { class: "flex w-full flex-col gap-16 p-16" }, Rt = {
+}), Nt = { class: "flex w-full flex-col gap-16 p-16" }, Mt = {
   key: 0,
   class: "py-32 text-center"
-}, jt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Kt = {
+}, Rt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, jt = {
   class: "flex gap-2 border-b border-gray-200",
   role: "tablist"
-}, qt = ["aria-selected"], Gt = ["aria-selected"], Yt = { key: 0 }, Wt = { class: "flex items-center justify-between gap-12" }, Jt = { class: "fm-typo-en-heading-sm-600 text-fm-color-typo-primary" }, Qt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Xt = {
+}, Kt = ["aria-selected"], qt = ["aria-selected"], Gt = { key: 0 }, Yt = { class: "flex items-center justify-between gap-12" }, Wt = { class: "fm-typo-en-heading-sm-600 text-fm-color-typo-primary" }, Jt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Qt = {
   key: 1,
   class: "w-full"
-}, Zt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pl = /* @__PURE__ */ oe({
+}, Xt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, cl = /* @__PURE__ */ oe({
   __name: "SettingsView",
-  setup(A) {
-    const { t: _ } = Ee(), w = fe(), T = Ve(), C = k(!1), p = k("order"), P = N(() => {
+  setup(j) {
+    const { t: k } = Pe(), S = fe(), F = Ve(), C = h(!1), p = h("order"), P = H(() => {
       var u, i;
-      return ((i = (u = w.sessionUser.value) == null ? void 0 : u.role) == null ? void 0 : i.isAdmin) === !0;
+      return ((i = (u = S.sessionUser.value) == null ? void 0 : u.role) == null ? void 0 : i.isAdmin) === !0;
     });
     function f() {
-      T.invalidate(), T.fetchTemplates();
+      F.invalidate(), F.fetchTemplates();
     }
     function y() {
-      T.fetchTemplates(), C.value = !0;
+      F.fetchTemplates(), C.value = !0;
     }
     return (u, i) => {
-      const x = E("FmButton");
+      const _ = E("FmButton");
       return o(), O(we, {
-        title: S(_)("inventory.settings.title")
+        title: T(k)("inventory.settings.title")
       }, {
         default: z(() => [
-          l("div", Mt, [
+          l("div", Nt, [
             P.value ? (o(), c(U, { key: 1 }, [
-              l("div", Kt, [
+              l("div", jt, [
                 l("button", {
                   type: "button",
                   role: "tab",
@@ -935,7 +930,7 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
                     p.value === "order" ? "border-fm-color-primary text-fm-color-primary" : "border-transparent text-gray-500"
                   ]),
                   onClick: i[0] || (i[0] = (d) => p.value = "order")
-                }, D(S(_)("inventory.settings.order.title")), 11, qt),
+                }, D(T(k)("inventory.settings.order.title")), 11, Kt),
                 l("button", {
                   type: "button",
                   role: "tab",
@@ -945,24 +940,24 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
                     p.value === "features" ? "border-fm-color-primary text-fm-color-primary" : "border-transparent text-gray-500"
                   ]),
                   onClick: i[1] || (i[1] = (d) => p.value = "features")
-                }, D(S(_)("inventory.settings.features.title")), 11, Gt)
+                }, D(T(k)("inventory.settings.features.title")), 11, qt)
               ]),
-              p.value === "order" ? (o(), c("div", Yt, [
-                l("div", Wt, [
-                  l("h2", Jt, D(S(_)("inventory.settings.order.printTemplates")), 1),
-                  m(x, {
+              p.value === "order" ? (o(), c("div", Gt, [
+                l("div", Yt, [
+                  l("h2", Wt, D(T(k)("inventory.settings.order.printTemplates")), 1),
+                  m(_, {
                     onClick: y,
                     variant: "secondary",
-                    label: S(_)("inventory.settings.printTemplate.edit")
+                    label: T(k)("inventory.settings.printTemplate.edit")
                   }, null, 8, ["label"])
                 ]),
-                l("p", Qt, D(S(_)("inventory.settings.printTemplate.description")), 1)
-              ])) : (o(), c("div", Xt, [
-                l("p", Zt, D(S(_)("inventory.settings.features.description")), 1),
-                m(Nt)
+                l("p", Jt, D(T(k)("inventory.settings.printTemplate.description")), 1)
+              ])) : (o(), c("div", Qt, [
+                l("p", Xt, D(T(k)("inventory.settings.features.description")), 1),
+                m(Ht)
               ]))
-            ], 64)) : (o(), c("div", Rt, [
-              l("p", jt, D(S(_)("inventory.settings.adminOnly")), 1)
+            ], 64)) : (o(), c("div", Mt, [
+              l("p", Rt, D(T(k)("inventory.settings.adminOnly")), 1)
             ]))
           ]),
           (o(), O(ke, { to: "body" }, [
@@ -979,5 +974,5 @@ const Re = { class: "p-3" }, je = { class: "text-sm font-semibold text-gray-700
   }
 });
 export {
-  pl as default
+  cl as default
 };