@kosdev-code/kos-ddk-model-components 2.0.3 → 2.0.4

package/index.js

@@ -2,16 +2,16 @@ var eo = Object.defineProperty;
 var to = (e, t, n) => t in e ? eo(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var $ = (e, t, n) => (to(e, typeof t != "symbol" ? t + "" : t, n), n);
 import { FutureManager as Kt, kosComponent as I, useKosTranslation as S, useKosModel as B, kosAutoEffect as se, FutureEndState as ht, KosLog as N, useConfigProperty as j, useKosRegions as X, useRegionTimeProps as jt, useDateProps as Wt, getKosCompanionModel as Z, registerExtensionPoint as no, ExtensionManager as fe, CoreExtensionManager as oo, troubleDataFactory as ro, isTroubleAware as so, useTroubleContainerModel as io, withDevice as ao, useFormattedDate as co, useSoftwareInfo as lo, useKosTime as tt } from "@kosdev-code/kos-ui-sdk";
-import { jsx as o, jsxs as g, Fragment as E } from "@emotion/react/jsx-runtime";
-import v from "@emotion/styled";
-import { useComponentConfigurationContext as M, Modal as ie, Header as ae, BackButton as be, Content as W, InfoCard as ne, Footer as U, Button as C, CloseButton as uo, ProgressBar as Gt, LabelInformation as F, BodyMediumInformation as q, InputCard as oe, WorkflowModal as Ve, StatusIndicator as ve, InputRangeCard as po, ToggleCard as mo, PickerCard as qe, Card as go, SwitchCard as Be, MultiPickerCard as nt, LabelDate as ot, Table as Xt, LabelInformationExtraSmall as ho, getItemData as fo, TapAndHoldButton as bo, ComponentConfigurationProvider as vo, useAbbreviation as Yt, getFillColor as yo, HolderDashboardCard as qt, FuelGauge as Qt, UtilityModalHeading as Zt, TabContainer as ye, SettingsSubheading as we, FrameContainer as Jt, Label as Ee, Text as wo, StatusCard as Co, NotificationCard as xo, TabViewLayout as Po, TabRouter as So, Tabs as ko, CompactCloseButton as To, QuestionIconStyle as Io, CancelProceedFooter as Do, ErrorInputCard as Qe, StatusBar as en, InfoContainer as Ao, FailureCard as Lo, useNavigate as Eo, Sidebar as Fo, FrameBody as ft, SwitchPickerCard as $o } from "@kosdev-code/kos-ddk-components";
+import { jsx as o, jsxs as h, Fragment as E } from "@emotion/react/jsx-runtime";
+import y from "@emotion/styled";
+import { useComponentConfigurationContext as M, Modal as ie, Header as ae, BackButton as be, Content as W, InfoCard as ne, Footer as U, Button as x, CloseButton as uo, ProgressBar as Gt, LabelInformation as F, BodyMediumInformation as q, InputCard as oe, WorkflowModal as Ve, StatusIndicator as ve, InputRangeCard as po, ToggleCard as mo, PickerCard as qe, Card as go, SwitchCard as Be, MultiPickerCard as nt, LabelDate as ot, Table as Xt, LabelInformationExtraSmall as ho, getItemData as fo, TapAndHoldButton as bo, ComponentConfigurationProvider as vo, useAbbreviation as Yt, getFillColor as yo, HolderDashboardCard as qt, FuelGauge as Qt, UtilityModalHeading as Zt, TabContainer as ye, SettingsSubheading as we, FrameContainer as Jt, Label as Ee, Text as wo, StatusCard as Co, NotificationCard as xo, TabViewLayout as Po, TabRouter as So, Tabs as ko, CompactCloseButton as To, QuestionIconStyle as Io, CancelProceedFooter as Do, ErrorInputCard as Qe, StatusBar as en, InfoContainer as Ao, FailureCard as Lo, useNavigate as Eo, Sidebar as Fo, FrameBody as ft, SwitchPickerCard as $o } from "@kosdev-code/kos-ddk-components";
 import bt, { useState as P, useEffect as O, useCallback as A, useMemo as L, createContext as R, useContext as V, useRef as vt, useLayoutEffect as Bo, Suspense as Ne } from "react";
 import { AgitationControl as yt, toTimeComponents as Oo, toSeconds as Ro, Animation as wt, Application as Ct, CarbWater as xt, CopyLogs as Pt, DashboardOperations as St, DispenserInfo as kt, Door as Vo, FcmPump as Ze, SpmPump as tn, IngredientSummary as Tt, MacroAssignment as It, NetworkTest as No, NetworkTestContainer as Dt, NutritiveSweetener as At, PlainWater as Lt, LfcvPump as Mo, Reboot as Et, Settings as Ft, SetupStep as Ho, SetupStepContainer as $t, Start as Bt, TroubleActionManager as Ot, Utilities as zo, UtilitiesContainer as Rt, troubleVisibilityFilter as _o } from "@kosdev-code/kos-ddk-models";
-import { MessageErrorIcon as Uo, SuccessIcon as Ko, TimeIcon as nn, CalendarIcon as jo, MessageInformationIconWithBackground as Wo } from "@kosdev-code/kos-ddk-styles";
+import { SuccessIcon as Uo, MessageErrorIcon as Ko, TimeIcon as nn, CalendarIcon as jo, MessageInformationIconWithBackground as Wo } from "@kosdev-code/kos-ddk-styles";
 import { DispenseExtensionManager as Go, useBoardContainer as Xo, withAssembly as Yo } from "@kosdev-code/kos-dispense-sdk";
 import { FreestyleHolder as on, useFreestyleAssemblyContext as qo, FreestylePump as rn } from "@kosdev-code/kos-freestyle-sdk";
 import { useKosPluginsContext as rt, DynamicComponent as Me } from "@kosdev-code/kos-ui-plugin";
-import { EXTENSION_POINT_SETUP as sn, EXTENSION_POINT_CUI as Qo, EXTENSION_POINT_UTIL as Zo, EXTENSION_POINT_TROUBLE_ACTION as Je, EXTENSION_POINT_DASHBOARD as an, EXTENSION_POINT_DASHBOARD_PUMP_DETAIL as cn } from "@kosdev-code/kos-ui-plugin/utilities";
+import { EXTENSION_POINT_UTIL as Qo, EXTENSION_POINT_CUI as Zo, EXTENSION_POINT_SETUP as sn, EXTENSION_POINT_TROUBLE_ACTION as Je, EXTENSION_POINT_DASHBOARD as an, EXTENSION_POINT_DASHBOARD_PUMP_DETAIL as cn } from "@kosdev-code/kos-ui-plugin/utilities";
 import { useLocation as Jo, useSearchParams as er } from "react-router-dom";
 class K {
   constructor(t, n) {
@@ -196,7 +196,7 @@ class pr extends ur {
     return !0;
   }
 }
-const ki = "PrimeTrouble", Ti = "PurgeTrouble", mr = v.div`
+const ki = "PrimeTrouble", Ti = "PurgeTrouble", mr = y.div`
   display: flex;
   flex-direction: column;
   overflow-y: auto;
@@ -212,7 +212,7 @@ const ki = "PrimeTrouble", Ti = "PurgeTrouble", mr = v.div`
         contain: a !== "compact",
         onClosed: t,
         show: !n,
-        children: /* @__PURE__ */ g(mr, { children: [
+        children: /* @__PURE__ */ h(mr, { children: [
           /* @__PURE__ */ o(
             ae,
             {
@@ -233,7 +233,7 @@ const ki = "PrimeTrouble", Ti = "PurgeTrouble", mr = v.div`
             }
           ) }),
           /* @__PURE__ */ o(U, { children: /* @__PURE__ */ o(
-            C,
+            x,
             {
               mode: "primary",
               disabled: c,
@@ -259,8 +259,8 @@ const ki = "PrimeTrouble", Ti = "PurgeTrouble", mr = v.div`
   );
   O(() => {
     const l = se(() => {
-      const u = e == null ? void 0 : e.futureHandler.future;
-      n(u), s(u == null ? void 0 : u.endState);
+      const d = e == null ? void 0 : e.futureHandler.future;
+      n(d), s(d == null ? void 0 : d.endState);
     });
     return () => {
       l(), e == null || e.futureHandler.removeFuture();
@@ -275,7 +275,7 @@ const ki = "PrimeTrouble", Ti = "PurgeTrouble", mr = v.div`
     success: r === ht.Success,
     failure: r && r !== ht.Success
   };
-}, hr = N.createLogger({ name: "future-progress-bar" }), dn = v(uo)`
+}, hr = N.createLogger({ name: "future-progress-bar" }), dn = y(uo)`
   --ddk-component-icon-button-icon-color-active: var(
     --ddk-component-progress-bar-close-button-color-active
   );
@@ -288,12 +288,12 @@ const ki = "PrimeTrouble", Ti = "PurgeTrouble", mr = v.div`
   --ddk-component-icon-button-icon-color-hover: var(
     --ddk-component-progress-bar-close-button-color-hover
   );
-`, fr = v.div`
+`, fr = y.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   gap: 8px;
-`, un = v.div`
+`, un = y.div`
   align-items: var(--ddk-component-progress-bar-message-align-items);
   color: var(--ddk-component-progress-bar-message-color);
   display: flex;
@@ -301,19 +301,19 @@ const ki = "PrimeTrouble", Ti = "PurgeTrouble", mr = v.div`
   gap: var(--ddk-component-progress-bar-message-gap);
   justify-content: space-between;
   width: 100%;
-`, pn = v.div`
+`, pn = y.div`
   display: flex;
   gap: var(--ddk-component-status-bar-gap);
   align-items: center;
-`, br = v.div`
+`, br = y.div`
   border-top: solid 1px #888888;
   padding-top: 8px;
   width: calc(100% - 10px);
 `, Oe = ({ children: e, onPointerDown: t, title: n, subtitle: r }) => {
   const { componentModeOverride: s } = M(), { t: a } = S("common");
-  return /* @__PURE__ */ g(un, { children: [
-    /* @__PURE__ */ g(fr, { children: [
-      /* @__PURE__ */ g(
+  return /* @__PURE__ */ h(un, { children: [
+    /* @__PURE__ */ h(fr, { children: [
+      /* @__PURE__ */ h(
         pn,
         {
           style: {
@@ -321,7 +321,7 @@ const ki = "PrimeTrouble", Ti = "PurgeTrouble", mr = v.div`
           },
           children: [
             /* @__PURE__ */ o(
-              Uo,
+              Ko,
               {
                 style: {
                   color: "var(--ddk-component-progress-bar-icon-color-failure)",
@@ -335,7 +335,7 @@ const ki = "PrimeTrouble", Ti = "PurgeTrouble", mr = v.div`
       ),
       r && /* @__PURE__ */ o(br, { children: r })
     ] }),
-    s === "compact" ? /* @__PURE__ */ o(C, { mode: "primary", onPointerDown: t, children: a("close", "Close") }) : /* @__PURE__ */ o(
+    s === "compact" ? /* @__PURE__ */ o(x, { mode: "primary", onPointerDown: t, children: a("close", "Close") }) : /* @__PURE__ */ o(
       dn,
       {
         label: !1,
@@ -346,10 +346,10 @@ const ki = "PrimeTrouble", Ti = "PurgeTrouble", mr = v.div`
   ] });
 }, st = ({ children: e, onPointerDown: t }) => {
   const { componentModeOverride: n } = M(), { t: r } = S("common");
-  return /* @__PURE__ */ g(un, { children: [
-    /* @__PURE__ */ g(pn, { children: [
+  return /* @__PURE__ */ h(un, { children: [
+    /* @__PURE__ */ h(pn, { children: [
       /* @__PURE__ */ o(
-        Ko,
+        Uo,
         {
           style: {
             color: "var(--ddk-semantic-color-system-green)",
@@ -359,7 +359,7 @@ const ki = "PrimeTrouble", Ti = "PurgeTrouble", mr = v.div`
       ),
       e
     ] }),
-    n === "compact" ? /* @__PURE__ */ o(C, { mode: "primary", onPointerDown: t, children: r("close", "Close") }) : /* @__PURE__ */ o(
+    n === "compact" ? /* @__PURE__ */ o(x, { mode: "primary", onPointerDown: t, children: r("close", "Close") }) : /* @__PURE__ */ o(
       dn,
       {
         label: !1,
@@ -379,26 +379,26 @@ const ki = "PrimeTrouble", Ti = "PurgeTrouble", mr = v.div`
     onSuccess: c,
     onClose: i
   }) => {
-    const { t: l } = S("common"), [u, p] = bt.useState(!0), [d, h] = bt.useState(), m = `${t == null ? void 0 : t.timeRemaining} ${l(
+    const { t: l } = S("common"), [d, p] = bt.useState(!0), [u, m] = bt.useState(), g = `${t == null ? void 0 : t.timeRemaining} ${l(
       "remaining",
       "remaining"
-    )}`, f = A(() => {
-      d !== "in-progress" && (i == null || i(), p(!1));
-    }, [i, d]), w = A(() => {
-      f(), c == null || c();
-    }, [f, c]);
+    )}`, b = A(() => {
+      u !== "in-progress" && (i == null || i(), p(!1));
+    }, [i, u]), f = A(() => {
+      b(), c == null || c();
+    }, [b, c]);
     O(() => {
-      (t == null ? void 0 : t.status) === "IN_PROGRESS" || (t == null ? void 0 : t.status) === "NOT_ACTIVE" ? (h("in-progress"), p(!0)) : (t == null ? void 0 : t.status) === "SUCCESS" ? (h("success"), p(!!r), r || (f(), c == null || c())) : (t == null ? void 0 : t.status) === "FAIL" || (t == null ? void 0 : t.status) === "ABORT" ? (h("failure"), p(!!n)) : (t == null ? void 0 : t.status) === "CANCEL" ? (h("cancelled"), p(!!s)) : t && hr.error("unknown status", t == null ? void 0 : t.status);
+      (t == null ? void 0 : t.status) === "IN_PROGRESS" || (t == null ? void 0 : t.status) === "NOT_ACTIVE" ? (m("in-progress"), p(!0)) : (t == null ? void 0 : t.status) === "SUCCESS" ? (m("success"), p(!!r), r || (b(), c == null || c())) : (t == null ? void 0 : t.status) === "FAIL" || (t == null ? void 0 : t.status) === "ABORT" ? (m("failure"), p(!!n)) : (t == null ? void 0 : t.status) === "CANCEL" ? (m("cancelled"), p(!!s)) : t && hr.error("unknown status", t == null ? void 0 : t.status);
     }, [
       n,
       t,
       t == null ? void 0 : t.status,
       r,
       s,
-      f,
+      b,
       c
     ]);
-    const x = Vt(n) ? n.subtitle : void 0, T = Vt(n) ? n.title : n ?? l("something-went-wrong", "Something went wrong");
+    const C = Vt(n) ? n.subtitle : void 0, T = Vt(n) ? n.title : n ?? l("something-went-wrong", "Something went wrong");
     return t && /* @__PURE__ */ o(
       Gt,
       {
@@ -406,14 +406,14 @@ const ki = "PrimeTrouble", Ti = "PurgeTrouble", mr = v.div`
         onCancel: () => {
           t.cancelFuture();
         },
-        blocked: d === "in-progress",
-        onClose: f,
-        renderFailure: n && /* @__PURE__ */ o(Oe, { subtitle: x, onPointerDown: f, children: T }),
-        renderCancel: s && /* @__PURE__ */ o(Oe, { onPointerDown: f, children: s }),
-        renderSuccess: r && /* @__PURE__ */ o(st, { onPointerDown: w, children: r }),
-        show: u,
-        status: d,
-        subtitle: m,
+        blocked: u === "in-progress",
+        onClose: b,
+        renderFailure: n && /* @__PURE__ */ o(Oe, { subtitle: C, onPointerDown: b, children: T }),
+        renderCancel: s && /* @__PURE__ */ o(Oe, { onPointerDown: b, children: s }),
+        renderSuccess: r && /* @__PURE__ */ o(st, { onPointerDown: f, children: r }),
+        show: d,
+        status: u,
+        subtitle: g,
         title: e,
         value: t.progress
       }
@@ -421,10 +421,10 @@ const ki = "PrimeTrouble", Ti = "PurgeTrouble", mr = v.div`
   }
 ), vr = N.createLogger({ name: "agitation-control-view" });
 vr.debug("agitation-control-view component loaded");
-const yr = v.div``, Ii = I(() => {
+const yr = y.div``, Ii = I(() => {
   const { model: e } = ln(), { t, i18n: n } = S("troubles"), { future: r, failure: s } = J(e), a = A(() => {
     e && e.clearAll();
-  }, [e]), c = r == null ? void 0 : r.reason, i = c ? `__troubles.errors.${c}__` : void 0, l = "troubles.agitation.error", u = n.exists(`troubles.errors.${c}`);
+  }, [e]), c = r == null ? void 0 : r.reason, i = c ? `__troubles.errors.${c}__` : void 0, l = "troubles.agitation.error", d = n.exists(`troubles.errors.${c}`);
   return /* @__PURE__ */ o(yr, { children: /* @__PURE__ */ o(
     z,
     {
@@ -433,7 +433,7 @@ const yr = v.div``, Ii = I(() => {
       isCancelable: !0,
       onClose: a,
       failureMessage: t(l, {
-        context: i && u ? "reason" : void 0,
+        context: i && d ? "reason" : void 0,
         data: {
           reason: i
         }
@@ -442,9 +442,9 @@ const yr = v.div``, Ii = I(() => {
   ) });
 }), wr = I(
   ({ pump: e, onComplete: t }) => {
-    const { t: n } = S("common", { keyPrefix: "fcm-calibration" }), [r, s] = P("high-flow-test-idle"), [a, c] = P(), [i, l] = P(), [u, p] = P(), { future: d } = J(e);
+    const { t: n } = S("common", { keyPrefix: "fcm-calibration" }), [r, s] = P("high-flow-test-idle"), [a, c] = P(), [i, l] = P(), [d, p] = P(), { future: u } = J(e);
     O(() => {
-      switch (d == null ? void 0 : d.endState) {
+      switch (u == null ? void 0 : u.endState) {
         case "CANCEL":
           switch (r) {
             case "high-flow-test-in-progress":
@@ -468,15 +468,15 @@ const yr = v.div``, Ii = I(() => {
           }
           break;
         case "FAIL":
-          c(d == null ? void 0 : d.reason), s("failure");
+          c(u == null ? void 0 : u.reason), s("failure");
           break;
       }
-    }, [d == null ? void 0 : d.endState, d == null ? void 0 : d.reason, r]);
-    const h = L(() => ({
+    }, [u == null ? void 0 : u.endState, u == null ? void 0 : u.reason, r]);
+    const m = L(() => ({
       "high-flow-test-idle": {
         information: /* @__PURE__ */ o(F, { children: n("high-flow-test-idle-information") }),
         footer: /* @__PURE__ */ o(
-          C,
+          x,
           {
             onPointerDown: () => {
               e.performPreCalibrate(), s("high-flow-test-in-progress");
@@ -488,18 +488,18 @@ const yr = v.div``, Ii = I(() => {
       },
       "high-flow-test-in-progress": {
         information: /* @__PURE__ */ o(F, { children: n("high-flow-test-in-progress-information") }),
-        footer: /* @__PURE__ */ o(C, { disabled: !0, children: n("initiate-high-flow-test") }),
+        footer: /* @__PURE__ */ o(x, { disabled: !0, children: n("initiate-high-flow-test") }),
         status: "loading"
       },
       "high-flow-test-success": {
         information: /* @__PURE__ */ o(F, { children: n("high-flow-test-success-information") }),
-        footer: /* @__PURE__ */ o(C, { onPointerDown: () => s("calibration-idle"), children: n("proceed") }),
+        footer: /* @__PURE__ */ o(x, { onPointerDown: () => s("calibration-idle"), children: n("proceed") }),
         status: "success"
       },
       "calibration-idle": {
         information: /* @__PURE__ */ o(q, { children: n("calibration-idle-information") }),
         footer: /* @__PURE__ */ o(
-          C,
+          x,
           {
             onPointerDown: () => {
               e.performCalibrate(), s("calibration-in-progress");
@@ -514,7 +514,7 @@ const yr = v.div``, Ii = I(() => {
         status: "loading"
       },
       "calibration-input": {
-        information: /* @__PURE__ */ g(E, { children: [
+        information: /* @__PURE__ */ h(E, { children: [
           /* @__PURE__ */ o(q, { children: n("calibration-input-information") }),
           /* @__PURE__ */ o(
             oe,
@@ -522,15 +522,15 @@ const yr = v.div``, Ii = I(() => {
               label: "Volume",
               unitValue: "ml",
               layout: "num",
-              onChange: (m) => {
-                m !== void 0 && l(m);
+              onChange: (g) => {
+                g !== void 0 && l(g);
               },
               value: i !== void 0 ? i : ""
             }
           )
         ] }),
         footer: /* @__PURE__ */ o(
-          C,
+          x,
           {
             disabled: i === void 0,
             onPointerDown: () => {
@@ -546,7 +546,7 @@ const yr = v.div``, Ii = I(() => {
       "verification-idle": {
         information: /* @__PURE__ */ o(q, { children: n("verification-idle-information") }),
         footer: /* @__PURE__ */ o(
-          C,
+          x,
           {
             onPointerDown: async () => {
               i !== void 0 && (e.performVerify(i), s("verification-in-progress"));
@@ -561,7 +561,7 @@ const yr = v.div``, Ii = I(() => {
         status: "loading"
       },
       "verification-input": {
-        information: /* @__PURE__ */ g(E, { children: [
+        information: /* @__PURE__ */ h(E, { children: [
           /* @__PURE__ */ o(q, { children: n("verification-input-information") }),
           /* @__PURE__ */ o(
             oe,
@@ -569,22 +569,22 @@ const yr = v.div``, Ii = I(() => {
               label: "Volume",
               unitValue: "ml",
               layout: "num",
-              onChange: (m) => {
-                m !== void 0 && p(m);
+              onChange: (g) => {
+                g !== void 0 && p(g);
               },
-              value: u !== void 0 ? u : ""
+              value: d !== void 0 ? d : ""
             }
           )
         ] }),
         footer: /* @__PURE__ */ o(
-          C,
+          x,
           {
-            disabled: u === void 0,
+            disabled: d === void 0,
             onPointerDown: async () => {
-              if (i === void 0 || u === void 0)
+              if (i === void 0 || d === void 0)
                 return;
-              const m = await e.performComplete(i, u);
-              m === "success" ? s("verification-success") : (c(m), s(m === "errBadPump" ? "verification-failure" : "failure"));
+              const g = await e.performComplete(i, d);
+              g === "success" ? s("verification-success") : (c(g), s(g === "errBadPump" ? "verification-failure" : "failure"));
             },
             children: n("proceed")
           }
@@ -595,33 +595,33 @@ const yr = v.div``, Ii = I(() => {
       "verification-input-confirmation": {},
       "verification-success": {
         information: /* @__PURE__ */ o(F, { children: n("verification-success-information") }),
-        footer: /* @__PURE__ */ o(C, { onPointerDown: t, children: n("exit-calibration") }),
+        footer: /* @__PURE__ */ o(x, { onPointerDown: t, children: n("exit-calibration") }),
         status: "success"
       },
       "verification-failure": {
         information: /* @__PURE__ */ o(F, { children: n(`error.${a}`) }),
-        footer: /* @__PURE__ */ o(C, { onPointerDown: t, children: n("exit-calibration") }),
+        footer: /* @__PURE__ */ o(x, { onPointerDown: t, children: n("exit-calibration") }),
         status: "error"
       },
       failure: {
-        information: /* @__PURE__ */ g(E, { children: [
+        information: /* @__PURE__ */ h(E, { children: [
           /* @__PURE__ */ o(F, { children: n("calibration-failed") }),
           /* @__PURE__ */ o(q, { children: n(`error.${a || "unknownError"}`) })
         ] }),
-        footer: /* @__PURE__ */ o(C, { onPointerDown: t, children: n("exit-calibration") }),
+        footer: /* @__PURE__ */ o(x, { onPointerDown: t, children: n("exit-calibration") }),
         status: "error"
       }
-    }), [a, t, e, n, i, u]);
-    return /* @__PURE__ */ g(E, { children: [
+    }), [a, t, e, n, i, d]);
+    return /* @__PURE__ */ h(E, { children: [
       /* @__PURE__ */ o(
         Ve,
         {
           title: n(e.name),
-          ...h[r],
+          ...m[r],
           onClose: () => t()
         }
       ),
-      d && /* @__PURE__ */ o(z, { title: n("initiating"), future: d })
+      u && /* @__PURE__ */ o(z, { title: n("initiating"), future: u })
     ] });
   }
 ), Di = I(({ cardModel: e }) => {
@@ -632,7 +632,7 @@ const yr = v.div``, Ii = I(() => {
     },
     [e]
   );
-  return /* @__PURE__ */ g(E, { children: [
+  return /* @__PURE__ */ h(E, { children: [
     /* @__PURE__ */ o(W, { children: /* @__PURE__ */ o(
       ne,
       {
@@ -640,7 +640,7 @@ const yr = v.div``, Ii = I(() => {
         value: e.isAgitating ? t("common:yes") : t("common:no")
       }
     ) }),
-    /* @__PURE__ */ o(U, { children: /* @__PURE__ */ o(C, { onPointerDown: () => r("agitate"), children: t("action.label") }) }),
+    /* @__PURE__ */ o(U, { children: /* @__PURE__ */ o(x, { onPointerDown: () => r("agitate"), children: t("action.label", { context: "agitator" }) }) }),
     n && /* @__PURE__ */ o(
       z,
       {
@@ -649,13 +649,13 @@ const yr = v.div``, Ii = I(() => {
       }
     )
   ] });
-}), Cr = v.div`
+}), Cr = y.div`
   font-size: var(--ddk-component-holder-card-footer-font-size);
   color: ${(e) => e.color ?? "var(--ddk-generic-color-black)"};
 `, Ai = I((e) => {
   N.debug(`summary component loaded for holder ${e}`), N.info(`render agitator summary for holder ${e.cardModel.path}`);
   const { t } = S("common");
-  return /* @__PURE__ */ g(E, { children: [
+  return /* @__PURE__ */ h(E, { children: [
     /* @__PURE__ */ o(ve, { size: "small", status: "completed" }),
     e.cardModel.isAgitating && /* @__PURE__ */ o(Cr, { children: t("agitating") })
   ] });
@@ -668,7 +668,7 @@ const yr = v.div``, Ii = I(() => {
   children: e
 }) => {
   const [t, n] = P({}), r = (i) => t[i], s = (i, l) => {
-    n((u) => ({ ...u, [i]: l }));
+    n((d) => ({ ...d, [i]: l }));
   }, a = () => n({}), c = async () => {
     for (const i in t)
       t[i].configProperty.updateProperty(
@@ -692,15 +692,15 @@ const yr = v.div``, Ii = I(() => {
   const { value: n } = j({ configProperty: t });
   return /* @__PURE__ */ o(ne, { label: e, value: n });
 }, it = ({ configProperty: e, hideUnits: t, isValid: n, ...r }) => {
-  var p, d;
+  var p, u;
   const { t: s } = S("common", { keyPrefix: "validation" }), { significantValue: a } = j({
     configProperty: e
-  }), c = (h) => {
-    h || (h = ""), e.updateProperty(h);
-  }, i = (p = e.displayOptions) == null ? void 0 : p.max, l = (d = e.displayOptions) == null ? void 0 : d.min, u = A(
-    (h) => {
-      const m = n == null ? void 0 : n(h);
-      return m || (Number(h) < l ? s("minValue", { data: { minValue: l } }) : Number(h) > i ? s("maxValue", { data: { maxValue: i } }) : void 0);
+  }), c = (m) => {
+    m || (m = ""), e.updateProperty(m);
+  }, i = (p = e.displayOptions) == null ? void 0 : p.max, l = (u = e.displayOptions) == null ? void 0 : u.min, d = A(
+    (m) => {
+      const g = n == null ? void 0 : n(m);
+      return g || (Number(m) < l ? s("minValue", { data: { minValue: l } }) : Number(m) > i ? s("maxValue", { data: { maxValue: i } }) : void 0);
     },
     [n, i, l, s]
   );
@@ -708,7 +708,7 @@ const yr = v.div``, Ii = I(() => {
     oe,
     {
       ...r,
-      isValid: u,
+      isValid: d,
       onChange: c,
       unitValue: t ? void 0 : e.unit,
       value: a
@@ -738,11 +738,11 @@ const yr = v.div``, Ii = I(() => {
     {
       toggleLabel: c === "true" ? "Enabled" : "Disabled",
       ...n,
-      onChange: (u) => {
+      onChange: (d) => {
         s ? s(e.id, {
           configProperty: e,
-          value: u
-        }) : e.updateProperty(u);
+          value: d
+        }) : e.updateProperty(d);
       },
       checked: t !== void 0 ? t : c === "true"
     }
@@ -757,36 +757,36 @@ const yr = v.div``, Ii = I(() => {
   items: c,
   label: i,
   onChange: l,
-  onSave: u,
+  onSave: d,
   proceedButtonLabel: p,
-  selectedItemId: d,
-  unitValue: h,
-  ...m
+  selectedItemId: u,
+  unitValue: m,
+  ...g
 }) => {
-  const { t: f } = S(["config-properties", "common"]), w = j({
+  const { t: b } = S(["config-properties", "common"]), f = j({
     configProperty: n,
     optionsTransformer: kr
   });
   return /* @__PURE__ */ o(
     qe,
     {
-      ...m,
-      cancelButtonLabel: t ?? (f("discard-changes", {
+      ...g,
+      cancelButtonLabel: t ?? (b("discard-changes", {
         defaultValue: "Discard Changes",
         ns: "common"
       }) || void 0),
       collapse: e,
-      displayValue: s ?? r === "raw" ? w.value : w.displayValue,
+      displayValue: s ?? r === "raw" ? f.value : f.displayValue,
       float: a,
-      items: c ?? w.mappedOptions,
-      label: i ?? f(n.id),
-      onSave: (x) => u ? u(x) : n.updateProperty(x),
-      proceedButtonLabel: p ?? (f("save", { defaultValue: "Save", ns: "common" }) || void 0),
-      selectedItemId: d ?? w.value,
-      unitValue: h ?? w.unit
+      items: c ?? f.mappedOptions,
+      label: i ?? b(n.id),
+      onSave: (C) => d ? d(C) : n.updateProperty(C),
+      proceedButtonLabel: p ?? (b("save", { defaultValue: "Save", ns: "common" }) || void 0),
+      selectedItemId: u ?? f.value,
+      unitValue: m ?? f.unit
     }
   );
-}, Tr = v(it)`
+}, Tr = y(it)`
   border-top: var(--ddk-component-input-enable-card-input-container-border);
   border-radius: 0;
   cursor: pointer;
@@ -822,7 +822,7 @@ const yr = v.div``, Ii = I(() => {
       --ddk-component-input-enable-card-input-font-weight
     );
   }
-`, Ir = v(at)`
+`, Ir = y(at)`
   border-top: var(--ddk-component-input-enable-card-input-container-border);
   border-radius: 0;
   cursor: pointer;
@@ -936,14 +936,14 @@ const yr = v.div``, Ii = I(() => {
     s,
     c
   );
-}, Lr = v(go)`
+}, Lr = y(go)`
   align-items: ${(e) => e.mode === "compact" ? "flex-start" : void 0};
   flex-direction: var(
     --ddk-component-input-enable-card-container-flex-direction
   );
   padding: var(--ddk-component-input-enable-card-container-padding);
   gap: var(--ddk-component-input-enable-card-container-gap);
-`, Er = v.div`
+`, Er = y.div`
   box-sizing: border-box;
   display: flex;
   flex-direction: var(
@@ -951,9 +951,9 @@ const yr = v.div``, Ii = I(() => {
   );
   gap: var(--ddk-component-input-enable-card-input-container-gap);
   width: 100%;
-`, Fr = v(hn)`
+`, Fr = y(hn)`
   width: 100%;
-`, $r = v.div`
+`, $r = y.div`
   box-sizing: border-box;
   padding: ${(e) => e.compact ? "var(--ddk-component-input-enable-card-toggle-container-padding)" : "0"};
   width: var(--ddk-component-input-enable-card-toggle-container-width);
@@ -965,7 +965,7 @@ const yr = v.div``, Ii = I(() => {
   const { value: r } = j({
     configProperty: n
   }), s = r === "true", { componentModeOverride: a } = M(), c = e.length === 1, i = c ? Fr : hn;
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ h(
     Lr,
     {
       disabled: !s || t,
@@ -1039,49 +1039,49 @@ const yr = v.div``, Ii = I(() => {
   ...c
 }) => {
   const { regionModel: i } = X(), { t: l } = S("common", { keyPrefix: "schedule" }), {
-    amPmOptions: u,
+    amPmOptions: d,
     formattedTime: p,
-    hourOptions: d,
-    minuteOptions: h,
-    setTime: m,
-    time: f
-  } = jt({ initialDate: a }), w = f.getHours(), x = L(
+    hourOptions: u,
+    minuteOptions: m,
+    setTime: g,
+    time: b
+  } = jt({ initialDate: a }), f = b.getHours(), C = L(
     () => [
       {
         id: "hr",
-        items: d,
-        selectedItemId: w < 12 ? w : w - 12,
+        items: u,
+        selectedItemId: f < 12 ? f : f - 12,
         loop: !0
       },
       {
         id: "min",
-        items: h,
-        selectedItemId: f.getMinutes(),
+        items: m,
+        selectedItemId: b.getMinutes(),
         loop: !0
       },
       {
         id: "ampm",
-        items: u,
-        selectedItemId: w < 12 ? "AM" : "PM"
+        items: d,
+        selectedItemId: f < 12 ? "AM" : "PM"
       }
     ],
-    [u, d, h, f, w]
+    [d, u, m, b, f]
   ), T = L(
     () => [
       {
         id: "hr",
-        items: d,
-        selectedItemId: w,
+        items: u,
+        selectedItemId: f,
         loop: !0
       },
       {
         id: "min",
-        items: h,
-        selectedItemId: f.getMinutes(),
+        items: m,
+        selectedItemId: b.getMinutes(),
         loop: !0
       }
     ],
-    [d, h, f, w]
+    [u, m, b, f]
   );
   return /* @__PURE__ */ o(
     nt,
@@ -1089,7 +1089,7 @@ const yr = v.div``, Ii = I(() => {
       ...c,
       cancelButtonLabel: l("discard-changes", "Discard Changes") || void 0,
       closeButtonLabel: l("close", "Close") || void 0,
-      data: i != null && i.is12HourTimeFormat ? x : T,
+      data: i != null && i.is12HourTimeFormat ? C : T,
       description: e,
       displayValue: p,
       float: t,
@@ -1098,20 +1098,20 @@ const yr = v.div``, Ii = I(() => {
       modalTitle: r,
       proceedButtonLabel: l("save", "Save") || void 0,
       onSave: (D) => {
-        const k = i != null && i.is12HourTimeFormat ? D.ampm === "AM" ? D.hr : D.hr + 12 : D.hr, y = D.min, b = new Date(f);
-        b.setHours(k), b.setMinutes(y), m(b), s == null || s({ hours: k, minutes: y });
+        const k = i != null && i.is12HourTimeFormat ? D.ampm === "AM" ? D.hr : D.hr + 12 : D.hr, w = D.min, v = new Date(b);
+        v.setHours(k), v.setMinutes(w), g(v), s == null || s({ hours: k, minutes: w });
       }
     }
   );
 }, Vr = ({ configProperty: e, ...t }) => {
   var p;
   const { getStagedChange: n, updateStagedChange: r } = gn(), { value: s } = j({ configProperty: e }), a = ((p = n == null ? void 0 : n(e.id)) == null ? void 0 : p.value) ?? s, { hours: c, minutes: i } = Oo(Number(a)), l = /* @__PURE__ */ new Date();
-  return l.setHours(c), l.setMinutes(i), /* @__PURE__ */ o(Rr, { ...t, onSave: (d) => {
-    const h = Ro(d.hours, d.minutes);
+  return l.setHours(c), l.setMinutes(i), /* @__PURE__ */ o(Rr, { ...t, onSave: (u) => {
+    const m = Ro(u.hours, u.minutes);
     r ? r(e.id, {
       configProperty: e,
-      value: h
-    }) : e.updateProperty(h);
+      value: m
+    }) : e.updateProperty(m);
   }, time: l });
 }, Nr = [0, 6], Mr = ({
   day: e = (/* @__PURE__ */ new Date()).getDate(),
@@ -1120,7 +1120,7 @@ const yr = v.div``, Ii = I(() => {
   year: r = (/* @__PURE__ */ new Date()).getFullYear(),
   ...s
 }) => {
-  var m, f, w, x, T, D;
+  var g, b, f, C, T, D;
   const { t: a } = S("region"), { regionModel: c } = X(), i = Wt({
     date: { year: r, month: t, day: e },
     formatOptions: {
@@ -1135,62 +1135,62 @@ const yr = v.div``, Ii = I(() => {
     }
   }), l = L(
     () => {
-      var k, y;
-      return (y = (k = i == null ? void 0 : i.dateState) == null ? void 0 : k.yearsOptionsArray) == null ? void 0 : y.map((b) => ({
-        id: b.value,
-        label: b.label
+      var k, w;
+      return (w = (k = i == null ? void 0 : i.dateState) == null ? void 0 : k.yearsOptionsArray) == null ? void 0 : w.map((v) => ({
+        id: v.value,
+        label: v.label
       }));
     },
-    [(m = i == null ? void 0 : i.dateState) == null ? void 0 : m.yearsOptionsArray]
-  ), u = L(
+    [(g = i == null ? void 0 : i.dateState) == null ? void 0 : g.yearsOptionsArray]
+  ), d = L(
     () => {
-      var k, y;
-      return (y = (k = i == null ? void 0 : i.dateState) == null ? void 0 : k.daysOptionsArray) == null ? void 0 : y.map((b) => ({
-        id: b.value,
-        label: b.label
+      var k, w;
+      return (w = (k = i == null ? void 0 : i.dateState) == null ? void 0 : k.daysOptionsArray) == null ? void 0 : w.map((v) => ({
+        id: v.value,
+        label: v.label
       }));
     },
-    [(f = i == null ? void 0 : i.dateState) == null ? void 0 : f.daysOptionsArray]
+    [(b = i == null ? void 0 : i.dateState) == null ? void 0 : b.daysOptionsArray]
   ), p = L(
     () => {
-      var k, y;
-      return (y = (k = i == null ? void 0 : i.dateState) == null ? void 0 : k.monthsOptionsArray) == null ? void 0 : y.map((b) => ({
-        id: b.value,
-        label: String(b.label)
+      var k, w;
+      return (w = (k = i == null ? void 0 : i.dateState) == null ? void 0 : k.monthsOptionsArray) == null ? void 0 : w.map((v) => ({
+        id: v.value,
+        label: String(v.label)
       }));
     },
-    [(w = i == null ? void 0 : i.dateState) == null ? void 0 : w.monthsOptionsArray]
-  ), d = L(() => {
+    [(f = i == null ? void 0 : i.dateState) == null ? void 0 : f.monthsOptionsArray]
+  ), u = L(() => {
     const k = [];
-    return c == null || c.selectedDateOrder.split("").forEach((y) => {
-      var b, H, _;
-      y === "y" ? k.push({
+    return c == null || c.selectedDateOrder.split("").forEach((w) => {
+      var v, H, _;
+      w === "y" ? k.push({
         id: "year",
         items: l,
-        selectedItemId: (b = i == null ? void 0 : i.dateState) == null ? void 0 : b.year,
+        selectedItemId: (v = i == null ? void 0 : i.dateState) == null ? void 0 : v.year,
         loop: !1
-      }) : y === "m" ? k.push({
+      }) : w === "m" ? k.push({
         id: "month",
         items: p,
         selectedItemId: (H = i == null ? void 0 : i.dateState) == null ? void 0 : H.month
-      }) : y === "d" && k.push({
+      }) : w === "d" && k.push({
         id: "day",
-        items: u,
+        items: d,
         selectedItemId: (_ = i == null ? void 0 : i.dateState) == null ? void 0 : _.day,
         loop: !1
       });
     }), k;
   }, [
-    (x = i == null ? void 0 : i.dateState) == null ? void 0 : x.day,
+    (C = i == null ? void 0 : i.dateState) == null ? void 0 : C.day,
     (T = i == null ? void 0 : i.dateState) == null ? void 0 : T.month,
     (D = i == null ? void 0 : i.dateState) == null ? void 0 : D.year,
-    u,
+    d,
     p,
     c == null ? void 0 : c.selectedDateOrder,
     l
-  ]), h = A(
+  ]), m = A(
     async (k) => {
-      const b = new Date(k.year, k.month + 1, 0).getDate(), H = k.day > b ? 1 : k.day;
+      const v = new Date(k.year, k.month + 1, 0).getDate(), H = k.day > v ? 1 : k.day;
       n({
         day: H,
         month: k.month,
@@ -1204,11 +1204,11 @@ const yr = v.div``, Ii = I(() => {
     {
       cancelButtonLabel: a("discard-changes", "Discard Changes") || void 0,
       closeButtonLabel: a("close", "Close") || void 0,
-      data: d,
+      data: u,
       displayValue: i.dateState.formattedDate,
       icon: jo,
       label: a("todays-date", "Today's Date"),
-      onSave: h,
+      onSave: m,
       proceedButtonLabel: a("save", "Save") || void 0,
       ...s
     }
@@ -1219,29 +1219,29 @@ const yr = v.div``, Ii = I(() => {
       keyPrefix: "fcm-diagnostics"
     }), [r, s] = P("idle"), [a, c] = P(), i = A(async () => {
       s("test"), c(void 0);
-      const u = await e.performElectricalTest();
-      u.error ? (c(u.error), s("failure")) : u.result === "errEEPROM" ? (c("errEEPROM"), s("failure")) : s("success");
+      const d = await e.performElectricalTest();
+      d.error ? (c(d.error), s("failure")) : d.result === "errEEPROM" ? (c("errEEPROM"), s("failure")) : s("success");
     }, [e]), l = L(() => ({
       idle: {
         information: /* @__PURE__ */ o(F, { children: n("perform-electrical-test") }),
-        footer: /* @__PURE__ */ o(C, { onPointerDown: i, children: n("electrical-test") })
+        footer: /* @__PURE__ */ o(x, { onPointerDown: i, children: n("electrical-test") })
       },
       test: {
         information: /* @__PURE__ */ o(F, { children: n("testing") }),
-        footer: /* @__PURE__ */ o(C, { disabled: !0, children: n("electrical-test") }),
+        footer: /* @__PURE__ */ o(x, { disabled: !0, children: n("electrical-test") }),
         status: "loading"
       },
       success: {
         information: /* @__PURE__ */ o(F, { children: n("electrical-test-success-header") }),
-        footer: /* @__PURE__ */ o(C, { onPointerDown: i, children: n("electrical-test") }),
+        footer: /* @__PURE__ */ o(x, { onPointerDown: i, children: n("electrical-test") }),
         status: "success"
       },
       failure: {
-        information: /* @__PURE__ */ g(E, { children: [
+        information: /* @__PURE__ */ h(E, { children: [
           /* @__PURE__ */ o(F, { children: n("electrical-test-failure-header") }),
           /* @__PURE__ */ o(q, { children: n(`error.${a}`) })
         ] }),
-        footer: /* @__PURE__ */ o(C, { onPointerDown: i, children: n("electrical-test") }),
+        footer: /* @__PURE__ */ o(x, { onPointerDown: i, children: n("electrical-test") }),
         status: "information"
       }
     }), [a, n, i]);
@@ -1306,12 +1306,12 @@ const yr = v.div``, Ii = I(() => {
 }), He = (e, t = zr) => {
   const { t: n } = S("troubles"), [r, s] = P(null), [a, c] = P(et), i = A(
     async (l) => {
-      const u = t(l);
-      if (u) {
+      const d = t(l);
+      if (d) {
         const p = _r(n)(l);
         c(p);
-        const d = new u(e);
-        await d.performAction(), s(d);
+        const u = new d(e);
+        await u.performAction(), s(u);
       }
     },
     [t, e, n]
@@ -1327,8 +1327,8 @@ const yr = v.div``, Ii = I(() => {
   const { t: r } = S("troubles"), [s, a] = P(null), [c] = P(Kr(r)(t)), i = A(async () => {
     const l = n(t);
     if (l) {
-      const u = new l(e, t);
-      await u.performAction(), a(u);
+      const d = new l(e, t);
+      await d.performAction(), a(d);
     }
   }, [n, e, t]);
   return [s, i, c];
@@ -1438,15 +1438,15 @@ function Mi(e) {
 }
 const Nt = {
   [sn]: "setupDescriptor",
-  [Qo]: "cuiDescriptor",
-  [Zo]: "utilDescriptor"
+  [Zo]: "cuiDescriptor",
+  [Qo]: "utilDescriptor"
 }, qr = ({
   defaultNamespace: e,
   extensionPoint: t
 }) => {
   const { getExtensions: n } = rt(), r = n(t), s = r.map((l) => l.data.namespace) || [], { t: a } = S([e, ...new Set(s)]), c = r.reduce(
-    (l, u) => {
-      const p = u;
+    (l, d) => {
+      const p = d;
       return l[p.data[Nt[t]]] = {
         extension: t,
         module: p.id,
@@ -1455,8 +1455,8 @@ const Nt = {
       }, l;
     },
     {}
-  ), i = r.reduce((l, u) => {
-    const p = u;
+  ), i = r.reduce((l, d) => {
+    const p = d;
     return l[p.data[Nt[t]]] = `${p.data.namespace}:${p.data.title}`, l;
   }, {});
   return { namespaces: s, t: a, labelMap: i, contributionMap: c };
@@ -1464,31 +1464,31 @@ const Nt = {
   const n = L(() => ({
     agitate: gr,
     calibrate: ({ holder: c, pump: i, onComplete: l }) => {
-      const u = Z(
+      const d = Z(
         i ?? c.pumps.data[0],
         Ze.type
       );
-      return /* @__PURE__ */ o(wr, { pump: u, onComplete: l });
+      return /* @__PURE__ */ o(wr, { pump: d, onComplete: l });
     },
     calibrateSPM: ({ holder: c, pump: i, onComplete: l }) => {
-      const u = Z(
+      const d = Z(
         i ?? c.pumps.data[0],
         tn.type
       );
       return /* @__PURE__ */ o(
         ii,
         {
-          pump: u,
+          pump: d,
           onComplete: l
         }
       );
     },
     diagnostics: ({ holder: c, pump: i, onComplete: l }) => {
-      const u = Z(
+      const d = Z(
         i ?? c.pumps.data[0],
         Ze.type
       );
-      return /* @__PURE__ */ o(Hr, { pump: u, onComplete: l });
+      return /* @__PURE__ */ o(Hr, { pump: d, onComplete: l });
     },
     "replace-pump": ({ holder: c, pump: i, onComplete: l }) => /* @__PURE__ */ o(
       Js,
@@ -1781,10 +1781,10 @@ const dt = (e) => {
 }, is = (e) => !e || e === "white", as = (e) => e ? void 0 : "white", cs = (e) => {
   if (!so(e))
     return {};
-  const t = e, { visibleTroubles: n, initialized: r } = xe(t), s = (n == null ? void 0 : n.length) ?? 0, a = n == null ? void 0 : n[0], c = s > 0, i = c ? `${a == null ? void 0 : a.color}` : void 0, l = is(i), u = c ? as(l) : void 0;
+  const t = e, { visibleTroubles: n, initialized: r } = xe(t), s = (n == null ? void 0 : n.length) ?? 0, a = n == null ? void 0 : n[0], c = s > 0, i = c ? `${a == null ? void 0 : a.color}` : void 0, l = is(i), d = c ? as(l) : void 0;
   return {
     backgroundColor: i,
-    fontColor: u,
+    fontColor: d,
     highestTrouble: a,
     initialized: r,
     troubleCount: s,
@@ -1796,8 +1796,8 @@ const dt = (e) => {
 }) => {
   const { model: n } = io(), [r, s] = P(!1), [a, c] = P([]);
   return O(() => se(() => {
-    const l = (e ? n == null ? void 0 : n.troubles.getIndexByKey("byType", e) : n == null ? void 0 : n.troubles.data) || [], u = t ? l.filter(t) : l;
-    s(u.length > 0), c(u);
+    const l = (e ? n == null ? void 0 : n.troubles.getIndexByKey("byType", e) : n == null ? void 0 : n.troubles.data) || [], d = t ? l.filter(t) : l;
+    s(d.length > 0), c(d);
   }), [t, n, e]), [r, a.length > 0 ? a[0] : void 0, a];
 }, An = (e) => B({
   modelId: e,
@@ -1832,7 +1832,7 @@ const ls = ao(
 ), ea = Xr(
   I(({ dispenserInfo: e }) => {
     const { t } = S("dispenser-profile");
-    return /* @__PURE__ */ g(E, { children: [
+    return /* @__PURE__ */ h(E, { children: [
       /* @__PURE__ */ o(
         Sr,
         {
@@ -1849,7 +1849,7 @@ const ls = ao(
       if (r && r.length >= 25)
         return "The name shouldn’t exceed 25 characters.";
     };
-    return /* @__PURE__ */ g(E, { children: [
+    return /* @__PURE__ */ h(E, { children: [
       /* @__PURE__ */ o(
         it,
         {
@@ -1870,13 +1870,13 @@ const ls = ao(
       )
     ] });
   })
-), En = v(ot)`
+), En = y(ot)`
   color: var(--ddk-generic-color-grey-60);
   font-size: var(--ddk-component-enjoy-by-font-size-small);
   font-weight: var(--ddk-component-enjoy-by-font-weight-small);
-`, ds = v(ot)`
+`, ds = y(ot)`
   color: var(--ddk-component-dashboard-enjoy-by-trouble-warning-color);
-`, us = v(En)`
+`, us = y(En)`
   color: var(--ddk-component-dashboard-enjoy-by-trouble-warning-color);
 `, Fn = ({ holder: e, size: t }) => {
   const { t: n } = S("common"), { regionModel: r } = X(), s = !!e.enjoyByDate, a = e.enjoyByDate ?? /* @__PURE__ */ new Date(), { formattedDate: c } = co({
@@ -1892,7 +1892,7 @@ const ls = ao(
     return /* @__PURE__ */ o(ho, { children: n("not-connected") });
   const s = fo(e, t);
   return s || "—";
-}, ms = v(Xt)`
+}, ms = y(Xt)`
   & ul {
     list-style-type: none;
     margin: 0;
@@ -1940,9 +1940,9 @@ const ls = ao(
 }) => {
   const { t: a } = S("common"), [c, i] = P(
     t.isPouring ? "halt" : "idle"
-  ), l = vt(), u = vt(!1), p = 250;
+  ), l = vt(), d = vt(!1), p = 250;
   O(() => se(() => {
-    t.isPouring || (u.current = !1, clearTimeout(l.current), l.current = void 0, i("idle"));
+    t.isPouring || (d.current = !1, clearTimeout(l.current), l.current = void 0, i("idle"));
   }), [t]), O(
     () => (
       // If the model changes, or if the component is unmounted, cancel the
@@ -1953,24 +1953,24 @@ const ls = ao(
     ),
     [t]
   );
-  const d = A(() => {
+  const u = A(() => {
     t && (e || t.isPouring || (t.performIntent("HOLD_TO_POUR"), l.current = setTimeout(() => {
-      u.current = !0, l.current = void 0, i("run");
+      d.current = !0, l.current = void 0, i("run");
     }, p)));
-  }, [e, t]), h = A(() => {
-    t && (u.current ? (t.cancelPour(), u.current = !1, i("idle")) : l.current ? (clearTimeout(l.current), l.current = void 0, i("halt")) : t.isPouring && (t.cancelPour(), i("idle")));
-  }, [t]), m = A(() => {
-    c !== "halt" && h();
-  }, [h, c]);
+  }, [e, t]), m = A(() => {
+    t && (d.current ? (t.cancelPour(), d.current = !1, i("idle")) : l.current ? (clearTimeout(l.current), l.current = void 0, i("halt")) : t.isPouring && (t.cancelPour(), i("idle")));
+  }, [t]), g = A(() => {
+    c !== "halt" && m();
+  }, [m, c]);
   return /* @__PURE__ */ o(
     bo,
     {
       disabled: e,
       mode: "primary",
-      onPointerCancel: h,
-      onPointerDown: d,
-      onPointerOut: m,
-      onPointerUp: h,
+      onPointerCancel: m,
+      onPointerDown: u,
+      onPointerOut: g,
+      onPointerUp: m,
       ...s,
       state: c,
       children: a(
@@ -1998,14 +1998,14 @@ const ls = ao(
     componentModeOverride: r,
     modalModeOverride: s
   }) => {
-    const [a, c] = P(!0), [i, l] = P(!0), [u, p] = P(!0);
+    const [a, c] = P(!0), [i, l] = P(!0), [d, p] = P(!0);
     return O(() => {
-      const d = se(() => {
-        const h = !!(!(t != null && t.disableAll) && (t != null && t.enableDial)) && !!(!e.disableAll.value && e.enableDial.value), m = !!(!(t != null && t.disableAll) && (t != null && t.enableModal)) && !!(!e.disableAll.value && e.enableModal.value), f = !!(!(t != null && t.disableAll) && (t != null && t.enableSideBar)) && !!(!e.disableAll.value && e.enableSideBar.value);
-        c(h), l(m), p(f);
+      const u = se(() => {
+        const m = !!(!(t != null && t.disableAll) && (t != null && t.enableDial)) && !!(!e.disableAll.value && e.enableDial.value), g = !!(!(t != null && t.disableAll) && (t != null && t.enableModal)) && !!(!e.disableAll.value && e.enableModal.value), b = !!(!(t != null && t.disableAll) && (t != null && t.enableSideBar)) && !!(!e.disableAll.value && e.enableSideBar.value);
+        c(m), l(g), p(b);
       });
       return () => {
-        d();
+        u();
       };
     }, [
       e,
@@ -2020,7 +2020,7 @@ const ls = ao(
           componentModeOverride: r,
           enableDialAnimation: a,
           enableModalAnimation: i,
-          enableSidebarAnimation: u,
+          enableSidebarAnimation: d,
           modalModeOverride: s
         },
         children: n
@@ -2171,8 +2171,8 @@ const ls = ao(
     const c = se(() => {
       const i = e.troubles.filter(_o(s));
       r((l) => {
-        const u = l ?? [];
-        return i.length !== u.length || i.some((p) => !u.includes(p)) ? i : u;
+        const d = l ?? [];
+        return i.length !== d.length || i.some((p) => !d.includes(p)) ? i : d;
       });
     });
     return () => {
@@ -2181,7 +2181,7 @@ const ls = ao(
   }, [e, s]), { visibleTroubles: n, initialized: a };
 }, Gn = N.createLogger({ name: "holder-group-view" });
 Gn.debug("holder-group-view component loaded");
-const Mt = v.div`
+const Mt = y.div`
   align-items: start;
 
   display: flex;
@@ -2191,39 +2191,39 @@ const Mt = v.div`
   text-overflow: ellipsis;
   width: 100%;
   color: ${(e) => e.color ?? "var(--ddk-generic-color-black)"};
-`, gs = v.div`
+`, gs = y.div`
   display: flex;
   align-items: center;
   justify-content: center;
   color: ${(e) => e.color ?? "var(--ddk-generic-color-black)"};
-`, hs = v.div`
+`, hs = y.div`
   font-size: var(--ddk-component-holder-card-footer-font-size);
   color: ${(e) => e.color ?? "var(--ddk-generic-color-black)"};
 `, fs = (e) => !e || e === "white", bs = (e) => e ? void 0 : "white", vs = (e, t) => t && t.hasEnjoyByWarning ? "var(--ddk-component-dashboard-enjoy-by-trouble-warning-color)" : e ? void 0 : "white", ys = I(
   ({ holder: e, onHolderSelect: t, showNavIcon: n, summaryBody: r }) => {
-    const { model: s } = ze(), { visibleTroubles: a, initialized: c } = xe(e), i = s == null ? void 0 : s.currentRole, { t: l } = S("troubles"), { t: u } = S("common"), { componentModeOverride: p } = M(), d = p === "compact", { getExtensions: h } = Ke();
-    let m = !1;
-    const f = Z(
+    const { model: s } = ze(), { visibleTroubles: a, initialized: c } = xe(e), i = s == null ? void 0 : s.currentRole, { t: l } = S("troubles"), { t: d } = S("common"), { componentModeOverride: p } = M(), u = p === "compact", { getExtensions: m } = Ke();
+    let g = !1;
+    const b = Z(
       e,
       on.type
     );
-    f != null && f.isRemote && (Gn.warn("Holder is remote, skipping rendering"), m = !0);
-    const [w, x] = P(!1), T = !!e.ingredientId, D = A(() => {
-      x(!1);
-    }, []), k = (a == null ? void 0 : a.length) ?? 0, y = a == null ? void 0 : a[0], b = k > 0, H = dt(y), _ = e.hasFuelGuage, G = e.fillPercent, Pe = b ? `${y == null ? void 0 : y.color}` : void 0, Se = fs(Pe), ce = m ? "var(--ddk-generic-color-grey-30)" : b ? bs(Se) : T ? void 0 : "var(--ddk-component-dashboard-card-color-unassigned)", ke = m ? "var(--ddk-generic-color-grey-30)" : b ? vs(Se, e) : T ? void 0 : "var(--ddk-component-dashboard-card-color-unassigned)", Te = Yt(e.name, d), je = m ? u("disabled") : e.removed ? u(e.previousIngredientName) : e.unassigned ? u("unassigned") : u(e.ingredientName), le = /* @__PURE__ */ o(Mt, { color: ce, children: je }), We = /* @__PURE__ */ o(gs, { color: ce, children: Te }), Ie = /* @__PURE__ */ g(Mt, { children: [
+    b != null && b.isRemote && (Gn.warn("Holder is remote, skipping rendering"), g = !0);
+    const [f, C] = P(!1), T = !!e.ingredientId, D = A(() => {
+      C(!1);
+    }, []), k = (a == null ? void 0 : a.length) ?? 0, w = a == null ? void 0 : a[0], v = k > 0, H = dt(w), _ = e.hasFuelGuage, G = e.fillPercent, Pe = v ? `${w == null ? void 0 : w.color}` : void 0, Se = fs(Pe), ce = g ? "var(--ddk-generic-color-grey-30)" : v ? bs(Se) : T ? void 0 : "var(--ddk-component-dashboard-card-color-unassigned)", ke = g ? "var(--ddk-generic-color-grey-30)" : v ? vs(Se, e) : T ? void 0 : "var(--ddk-component-dashboard-card-color-unassigned)", Te = Yt(e.name, u), je = g ? d("disabled") : e.removed ? d(e.previousIngredientName) : e.unassigned ? d("unassigned") : d(e.ingredientName), le = /* @__PURE__ */ o(Mt, { color: ce, children: je }), We = /* @__PURE__ */ o(gs, { color: ce, children: Te }), Ie = /* @__PURE__ */ h(Mt, { children: [
       e.name,
       " ",
       je
-    ] }), Ge = T && _ && !b && c ? r ?? /* @__PURE__ */ o(
+    ] }), Ge = T && _ && !v && c ? r ?? /* @__PURE__ */ o(
       Qt,
       {
-        color: b ? "var(--ddk-generic-color-white)" : void 0,
+        color: v ? "var(--ddk-generic-color-white)" : void 0,
         size: "small",
         value: G
       }
-    ) : null, Xe = T && _ && !b && c && yo(G) || void 0, de = fe.executeDashboardKeyFactory(e) || "", De = L(
-      () => h(an),
-      [h]
+    ) : null, Xe = T && _ && !v && c && yo(G) || void 0, de = fe.executeDashboardKeyFactory(e) || "", De = L(
+      () => m(an),
+      [m]
     ), ue = L(
       () => De.filter((Y) => !!Y.data.pumpDetail).reduce((Y, gt) => (Y[gt.data.pumpDetail.dashboardKey] = gt.data.pumpDetail, Y), {}),
       [De]
@@ -2240,29 +2240,29 @@ const Mt = v.div`
         ) : void 0;
       },
       [ee, D, ue, pe, e, de]
-    ), qn = Ue(y), Qn = /* @__PURE__ */ o(hs, { color: b ? ce : ke, children: f != null && f.isRemote ? u("remote-nns-active") : b ? l(qn.summary, {
-      context: y != null && y.deferred ? "queued" : void 0,
+    ), qn = Ue(w), Qn = /* @__PURE__ */ o(hs, { color: v ? ce : ke, children: b != null && b.isRemote ? d("remote-nns-active") : v ? l(qn.summary, {
+      context: w != null && w.deferred ? "queued" : void 0,
       data: H
-    }) : !d && /* @__PURE__ */ o(Fn, { size: "small", holder: e }) }), { holderExperience: Zn, setHolderExperience: mt } = _e(e), { future: Le } = J(y), Jn = A(() => {
-      m || e.sortedPumps.length <= 0 || (i === "technician" ? x(!0) : e.unassigned || e.removed ? mt("rfid-override") : b && (t == null || t(e)));
-    }, [e, b, t, i, mt]);
-    return /* @__PURE__ */ g(E, { children: [
-      /* @__PURE__ */ g(
+    }) : !u && /* @__PURE__ */ o(Fn, { size: "small", holder: e }) }), { holderExperience: Zn, setHolderExperience: mt } = _e(e), { future: Le } = J(w), Jn = A(() => {
+      g || e.sortedPumps.length <= 0 || (i === "technician" ? C(!0) : e.unassigned || e.removed ? mt("rfid-override") : v && (t == null || t(e)));
+    }, [e, v, t, i, mt]);
+    return /* @__PURE__ */ h(E, { children: [
+      /* @__PURE__ */ h(
         ie,
         {
-          contain: !d,
+          contain: !u,
           ...te,
-          show: w,
+          show: f,
           onClose: D,
           children: [
             /* @__PURE__ */ o(
               ae,
               {
-                contain: d,
+                contain: u,
                 showCloseButton: !0,
                 title: Ie,
                 onClose: D,
-                CloseButton: d ? be : void 0
+                CloseButton: u ? be : void 0
               }
             ),
             Ae
@@ -2280,26 +2280,26 @@ const Mt = v.div`
           errors: k,
           title: le,
           indicatorColor: Xe,
-          disabled: m,
+          disabled: g,
           body: Ge,
           showNavIcon: n,
           onCardSelect: Jn
         },
         e.path
       ),
-      (y == null ? void 0 : y.future) && /* @__PURE__ */ o(
+      (w == null ? void 0 : w.future) && /* @__PURE__ */ o(
         z,
         {
           title: le,
           future: Le,
-          failureMessage: l(`troubles.${y.type}.error`, {
+          failureMessage: l(`troubles.${w.type}.error`, {
             context: Le == null ? void 0 : Le.reason
           })
         }
       )
     ] });
   }
-), Xn = v.div`
+), Xn = y.div`
   display: flex;
   flex-direction: var(--ddk-component-dashboard-card-flex-direction);
   row-gap: var(--ddk-component-dashboard-row-gap);
@@ -2336,14 +2336,14 @@ const Mt = v.div`
   }
 ), Cs = N.createLogger({ name: "holder-group-view" });
 Cs.debug("holder-group-view component loaded");
-const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
+const Ht = ["water", "carb", "ns", "nns"], xs = y.div`
   display: flex;
   flex-direction: column;
   overflow-y: auto;
   overflow-x: hidden;
   justify-content: space-between;
   height: 100%;
-`, zt = v.div`
+`, zt = y.div`
   align-items: start;
 
   display: flex;
@@ -2353,46 +2353,46 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
   text-overflow: ellipsis;
   width: 100%;
   color: ${(e) => e.color ?? "var(--ddk-generic-color-black)"};
-`, Ps = v.div`
+`, Ps = y.div`
   display: flex;
   align-items: center;
   justify-content: center;
   color: ${(e) => e.color ?? "var(--ddk-generic-color-black)"};
-`, Ss = v.div`
+`, Ss = y.div`
   font-size: var(--ddk-component-holder-card-footer-font-size);
   color: ${(e) => e.color ?? "var(--ddk-generic-color-black)"};
 `, ks = (e) => !e || e === "white", Ts = (e) => e ? void 0 : "white", Is = I(
   ({ holder: e, onHolderSelect: t, showNavIcon: n }) => {
     var pe, ee;
-    const { model: r } = ze(), { visibleTroubles: s, initialized: a } = xe(e), { t: c } = S(["troubles", "common"]), { componentModeOverride: i } = M(), l = i === "compact", { getExtensions: u } = Ke(), p = (pe = r == null ? void 0 : r.currentRole) == null ? void 0 : pe.toLowerCase(), [d, h] = P(!1), m = !!e.ingredientId, f = (s == null ? void 0 : s.length) ?? 0, w = s == null ? void 0 : s[0], x = s ? s.length > 0 : !1, T = x ? `${w == null ? void 0 : w.color}` : void 0, D = ks(T), k = x ? Ts(D) : m ? void 0 : "var(--ddk-component-dashboard-card-color-unassigned)", y = Yt(
+    const { model: r } = ze(), { visibleTroubles: s, initialized: a } = xe(e), { t: c } = S(["troubles", "common"]), { componentModeOverride: i } = M(), l = i === "compact", { getExtensions: d } = Ke(), p = (pe = r == null ? void 0 : r.currentRole) == null ? void 0 : pe.toLowerCase(), [u, m] = P(!1), g = !!e.ingredientId, b = (s == null ? void 0 : s.length) ?? 0, f = s == null ? void 0 : s[0], C = s ? s.length > 0 : !1, T = C ? `${f == null ? void 0 : f.color}` : void 0, D = ks(T), k = C ? Ts(D) : g ? void 0 : "var(--ddk-component-dashboard-card-color-unassigned)", w = Yt(
       e.name,
       i === "compact"
-    ), b = c(`common:macros.${e.name}`), H = c(`common:${e.ingredientName}`), _ = m ? Ht.includes(e.name) ? "" : ` ${H}` : ` ${c("common:macros.unassigned")}`, G = `${b}${_}`, Pe = l ? Ht.includes(e.name) ? b : _ : `${b} ${_}`, Se = i === "compact" && /* @__PURE__ */ o(Ps, { color: k, children: y }), ce = /* @__PURE__ */ o(zt, { color: k, children: Pe }), ke = /* @__PURE__ */ o(zt, { children: G }), Te = fe.executeDashboardKeyFactory(e) || "", le = u(an).filter((te) => !!te.data.pumpDetail).reduce((te, Ae) => (te[Ae.data.pumpDetail.dashboardKey] = Ae.data.pumpDetail, te), {}), We = !!le[Te], { HolderContent: Ie, modalOptions: Ge } = wn(e), Xe = Ie ? /* @__PURE__ */ o(Ie, { holder: e, onComplete: () => h(!1) }) : We ? /* @__PURE__ */ o(
+    ), v = c(`common:macros.${e.name}`), H = c(`common:${e.ingredientName}`), _ = g ? Ht.includes(e.name) ? "" : ` ${H}` : ` ${c("common:macros.unassigned")}`, G = `${v}${_}`, Pe = l ? Ht.includes(e.name) ? v : _ : `${v} ${_}`, Se = i === "compact" && /* @__PURE__ */ o(Ps, { color: k, children: w }), ce = /* @__PURE__ */ o(zt, { color: k, children: Pe }), ke = /* @__PURE__ */ o(zt, { children: G }), Te = fe.executeDashboardKeyFactory(e) || "", le = d(an).filter((te) => !!te.data.pumpDetail).reduce((te, Ae) => (te[Ae.data.pumpDetail.dashboardKey] = Ae.data.pumpDetail, te), {}), We = !!le[Te], { HolderContent: Ie, modalOptions: Ge } = wn(e), Xe = Ie ? /* @__PURE__ */ o(Ie, { holder: e, onComplete: () => m(!1) }) : We ? /* @__PURE__ */ o(
       Me,
       {
         extension: cn,
         module: (ee = le[Te]) == null ? void 0 : ee.id,
         props: { holder: e }
       }
-    ) : null, de = Ue(w), De = x ? /* @__PURE__ */ o(Ss, { color: k, children: c(de.summary) }) : null, ue = A(() => {
-      e.sortedPumps.length > 0 && (p === "technician" ? h(!0) : x && (t == null || t(e)));
-    }, [x, e, t, p]);
-    return /* @__PURE__ */ g(E, { children: [
+    ) : null, de = Ue(f), De = C ? /* @__PURE__ */ o(Ss, { color: k, children: c(de.summary) }) : null, ue = A(() => {
+      e.sortedPumps.length > 0 && (p === "technician" ? m(!0) : C && (t == null || t(e)));
+    }, [C, e, t, p]);
+    return /* @__PURE__ */ h(E, { children: [
       /* @__PURE__ */ o(
         qt,
         {
           avatar: Se,
           backgroundColor: T,
-          body: x ? null : /* @__PURE__ */ o(
+          body: C ? null : /* @__PURE__ */ o(
             ve,
             {
               size: "small",
-              status: x ? "pending" : "completed"
+              status: C ? "pending" : "completed"
             }
           ),
           footer: De,
           cardId: e.path,
-          errors: f,
+          errors: b,
           title: ce,
           showNavIcon: n,
           onCardSelect: ue
@@ -2404,16 +2404,16 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
         {
           contain: i !== "compact",
           ...Ge,
-          show: d,
-          onClose: () => h(!1),
-          children: /* @__PURE__ */ g(xs, { children: [
+          show: u,
+          onClose: () => m(!1),
+          children: /* @__PURE__ */ h(xs, { children: [
             /* @__PURE__ */ o(
               ae,
               {
                 contain: i === "compact",
                 showCloseButton: !0,
                 title: ke,
-                onClose: () => h(!1),
+                onClose: () => m(!1),
                 CloseButton: i === "compact" ? be : void 0
               }
             ),
@@ -2421,7 +2421,7 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
           ] })
         }
       ),
-      (w == null ? void 0 : w.future) && /* @__PURE__ */ o(z, { title: ke, future: w == null ? void 0 : w.future })
+      (f == null ? void 0 : f.future) && /* @__PURE__ */ o(z, { title: ke, future: f == null ? void 0 : f.future })
     ] });
   }
 ), Fa = I(
@@ -2439,17 +2439,17 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
       r.id
     );
   }) })
-), Ds = v(Wo)`
+), Ds = y(Wo)`
   width: var(--ddk-component-macro-card-unavailable-icon-size);
   height: var(--ddk-component-macro-card-unavailable-icon-size);
-`, As = v(Zt)`
+`, As = y(Zt)`
   text-align: center;
   font-size: var(--ddk-component-sub-modal-heading-font-size-medium);
-`, Ls = v.div`
+`, Ls = y.div`
   height: 100%;
   overflow-y: auto;
   width: 100%;
-`, Es = v.div`
+`, Es = y.div`
   display: grid;
   gap: var(--ddk-component-macro-setup-card-gap);
 
@@ -2468,7 +2468,7 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
       ...e
     }
   );
-}, $s = v.div`
+}, $s = y.div`
   align-items: center;
 
   background: ${(e) => e.selected ? "var(--ddk-generic-color-grey-5)" : "var(--ddk-generic-color-white)"};
@@ -2491,26 +2491,26 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
   overflow-wrap: anywhere;
   padding: var(--ddk-component-macro-setup-card-header-padding-md);
   text-align: center;
-`, Bs = v.div`
+`, Bs = y.div`
   align-items: center;
   display: flex;
   flex-direction: column;
   gap: 32px;
   height: 100%;
   justify-content: center;
-`, Os = v.div`
+`, Os = y.div`
   color: var(--ddk-component-macro-card-unavailable-font-color);
   font-size: var(--ddk-component-macro-card-unavailable-font-size);
   font-weight: var(--ddk-component-macro-card-unavailable-font-weight);
 `, Yn = Zr(({ holder: e, onComplete: t, macroAssignment: n, showCloseButton: r = !0 }) => {
-  const { t: s } = S("setup"), { t: a } = S("common"), { componentModeOverride: c } = M(), [i, l] = P(e.ingredient), u = v.div`
+  const { t: s } = S("setup"), { t: a } = S("common"), { componentModeOverride: c } = M(), [i, l] = P(e.ingredient), d = y.div`
     display: flex;
     flex-direction: column;
     gap: 24px;
     height: 100%;
   `;
-  return /* @__PURE__ */ g(u, { children: [
-    /* @__PURE__ */ o(W, { children: n.hasMacroIngredients ? /* @__PURE__ */ g(E, { children: [
+  return /* @__PURE__ */ h(d, { children: [
+    /* @__PURE__ */ o(W, { children: n.hasMacroIngredients ? /* @__PURE__ */ h(E, { children: [
       c === "standard" && /* @__PURE__ */ o(As, { children: s("select-and-assign-ingredients-for", {
         data: { name: a(`macros.${e.name}`) }
       }) }),
@@ -2525,13 +2525,13 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
         },
         p.id
       )) }) })
-    ] }) : /* @__PURE__ */ g(Bs, { children: [
+    ] }) : /* @__PURE__ */ h(Bs, { children: [
       /* @__PURE__ */ o(Ds, {}),
       /* @__PURE__ */ o(Os, { children: s("no-ingredients-available-for-assignment") })
     ] }) }),
-    /* @__PURE__ */ o(U, { children: n.hasMacroIngredients ? /* @__PURE__ */ g(E, { children: [
+    /* @__PURE__ */ o(U, { children: n.hasMacroIngredients ? /* @__PURE__ */ h(E, { children: [
       c === "standard" && r && /* @__PURE__ */ o(
-        C,
+        x,
         {
           onPointerDown: () => {
             t == null || t();
@@ -2540,7 +2540,7 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
         }
       ),
       /* @__PURE__ */ o(
-        C,
+        x,
         {
           mode: "primary",
           disabled: !i || i.id === e.ingredientId,
@@ -2551,7 +2551,7 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
         }
       )
     ] }) : r !== !1 && /* @__PURE__ */ o(
-      C,
+      x,
       {
         mode: "primary",
         onPointerDown: () => {
@@ -2561,7 +2561,7 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
       }
     ) })
   ] });
-}), $a = v.div`
+}), $a = y.div`
   display: flex;
   flex-direction: column;
   gap: 24px;
@@ -2579,7 +2579,7 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
     const { t: n } = S("about"), r = Jo(), { componentModeOverride: s } = M(), a = (e == null ? void 0 : e.iceTypes.map((i) => ({ id: i, label: i }))) || [], c = A(async () => {
       (e == null ? void 0 : e.type.value) !== void 0 && (e == null || e.updateIceType(e.type.value));
     }, [e]);
-    return e ? /* @__PURE__ */ g(ye, { children: [
+    return e ? /* @__PURE__ */ h(ye, { children: [
       t && /* @__PURE__ */ o(we, { children: n("ice-settings", "Ice Settings") }),
       s === "compact" ? /* @__PURE__ */ o(
         Or,
@@ -2619,7 +2619,7 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
           label: n("agitate-without-ice", "Agitate after poured without ice") || void 0
         }
       ),
-      s !== "compact" && (r == null ? void 0 : r.pathname.includes("/settings")) && /* @__PURE__ */ o(U, { children: /* @__PURE__ */ o(C, { onPointerDown: c, children: n("reset") }) })
+      s !== "compact" && (r == null ? void 0 : r.pathname.includes("/settings")) && /* @__PURE__ */ o(U, { children: /* @__PURE__ */ o(x, { onPointerDown: c, children: n("reset") }) })
     ] }) : "Ice model not loaded...";
   }
 ), Oa = I(({ cardModel: e }) => {
@@ -2630,31 +2630,31 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
     },
     [e]
   ), r = e.isAgitating || e.isIceChuteOpen;
-  return /* @__PURE__ */ g(E, { children: [
-    /* @__PURE__ */ g(W, { children: [
-      /* @__PURE__ */ o(Jt, { name: "Ice Properties", children: /* @__PURE__ */ g(Vs, { children: [
-        /* @__PURE__ */ g(_t, { children: [
-          /* @__PURE__ */ g($e, { children: [
+  return /* @__PURE__ */ h(E, { children: [
+    /* @__PURE__ */ h(W, { children: [
+      /* @__PURE__ */ o(Jt, { name: "Ice Properties", children: /* @__PURE__ */ h(Vs, { children: [
+        /* @__PURE__ */ h(_t, { children: [
+          /* @__PURE__ */ h($e, { children: [
             /* @__PURE__ */ o(Ee, { children: "Agitation Duration:" }),
             /* @__PURE__ */ o(me, { children: e.durationSec.displayValue })
           ] }),
-          /* @__PURE__ */ g($e, { children: [
+          /* @__PURE__ */ h($e, { children: [
             /* @__PURE__ */ o(Ee, { children: "Ice Max Dispense:" }),
             /* @__PURE__ */ o(me, { children: e.maxDispenseSec.displayValue })
           ] }),
-          /* @__PURE__ */ g($e, { children: [
+          /* @__PURE__ */ h($e, { children: [
             /* @__PURE__ */ o(Ee, { children: "Agitate After:" }),
-            /* @__PURE__ */ g(me, { children: [
+            /* @__PURE__ */ h(me, { children: [
               e.inactivitySec.displayValue,
               " Inactive"
             ] }),
-            /* @__PURE__ */ g(me, { children: [
+            /* @__PURE__ */ h(me, { children: [
               e.volWithoutIceMl.displayValue,
               " Poured without ice"
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ o(_t, { children: /* @__PURE__ */ g($e, { children: [
+        /* @__PURE__ */ o(_t, { children: /* @__PURE__ */ h($e, { children: [
           /* @__PURE__ */ o(Ee, { children: "Ice Type:" }),
           /* @__PURE__ */ o(me, { children: e.type.displayValue })
         ] }) })
@@ -2674,9 +2674,9 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
         }
       )
     ] }),
-    /* @__PURE__ */ g(U, { children: [
+    /* @__PURE__ */ h(U, { children: [
       /* @__PURE__ */ o(
-        C,
+        x,
         {
           disabled: r,
           onPointerDown: () => n("agitate"),
@@ -2684,7 +2684,7 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
         }
       ),
       /* @__PURE__ */ o(
-        C,
+        x,
         {
           disabled: r,
           onPointerDown: () => n("gate"),
@@ -2692,7 +2692,7 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
         }
       ),
       /* @__PURE__ */ o(
-        C,
+        x,
         {
           disabled: r,
           onPointerUp: () => n("cancelPour"),
@@ -2716,7 +2716,7 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
       }
     )
   ] });
-}), Vs = v.div`
+}), Vs = y.div`
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -2725,7 +2725,7 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
   height: 100%;
   gap: 10px;
   padding-block: 16px;
-`, _t = v.div`
+`, _t = y.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -2735,32 +2735,32 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
   padding-inline: 16px;
 
   gap: 10px;
-`, $e = v.div`
+`, $e = y.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`, me = v(wo)`
+`, me = y(wo)`
   color: var(--ddk-generic-color-grey-60);
-`, Ns = v.div`
+`, Ns = y.div`
   font-size: var(--ddk-component-holder-card-footer-font-size);
   color: ${(e) => e.color ?? "var(--ddk-generic-color-black)"};
 `, Ra = I((e) => {
   N.debug(`summary component loaded for holder ${e}`), N.info(`render agitator summary for holder ${e.cardModel.path}`);
   const { t } = S("common");
-  return /* @__PURE__ */ g(E, { children: [
+  return /* @__PURE__ */ h(E, { children: [
     /* @__PURE__ */ o(ve, { size: "small", status: "completed" }),
     e.cardModel.isAgitating && /* @__PURE__ */ o(Ns, { children: t("agitating") })
   ] });
 }), Va = I(({ showHeading: e }) => {
-  var l, u, p, d, h, m, f, w;
+  var l, d, p, u, m, g, b, f;
   const { t } = S("region"), { model: n } = lt(), { regionModel: r } = X(), s = A(
-    (x) => ({
-      id: x,
-      label: t(`locale.country.${x}`)
+    (C) => ({
+      id: C,
+      label: t(`locale.country.${C}`)
     }),
     [t]
   ), { selectedRegion: a, updateRegion: c, regionSelectProps: i } = X(s);
-  return /* @__PURE__ */ g(ye, { children: [
+  return /* @__PURE__ */ h(ye, { children: [
     e && /* @__PURE__ */ o(we, { children: t("localization", "Localization") }),
     /* @__PURE__ */ o(
       qe,
@@ -2771,7 +2771,7 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
         items: i.options,
         label: t("country", "Country"),
         loop: !1,
-        onSave: (x) => c(x),
+        onSave: (C) => c(C),
         proceedButtonLabel: t("save", "Save") || void 0,
         selectedItemId: a
       }
@@ -2780,13 +2780,13 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
       Be,
       {
         label: t("units-of-measurement", "Units of Measurement"),
-        options: (u = r == null ? void 0 : r.unitSystemOptions) == null ? void 0 : u.map((x) => ({
-          id: x.id,
-          label: `${t(`locale.unit.${x.id}`)}/${t(
-            `locale.units.${x.id}`
+        options: (d = r == null ? void 0 : r.unitSystemOptions) == null ? void 0 : d.map((C) => ({
+          id: C.id,
+          label: `${t(`locale.unit.${C.id}`)}/${t(
+            `locale.units.${C.id}`
           )}`
         })),
-        onChange: (x) => r == null ? void 0 : r.setSelectedUnitSystem(String(x)),
+        onChange: (C) => r == null ? void 0 : r.setSelectedUnitSystem(String(C)),
         value: String(r == null ? void 0 : r.selectedUnitSystem).toLowerCase()
       }
     ),
@@ -2796,27 +2796,27 @@ const Ht = ["water", "carb", "ns", "nns"], xs = v.div`
         cancelButtonLabel: t("discard-changes", "Discard Changes") || void 0,
         closeButtonLabel: t("close", "Close") || void 0,
         displayValue: (p = n == null ? void 0 : n.ncuiLanguage) != null && p.displayValue ? t(
-          `locale-ncui-language.${(d = n == null ? void 0 : n.ncuiLanguage) == null ? void 0 : d.displayValue}`
+          `locale-ncui-language.${(u = n == null ? void 0 : n.ncuiLanguage) == null ? void 0 : u.displayValue}`
         ) : void 0,
-        items: (f = (m = (h = n == null ? void 0 : n.ncuiLanguageData) == null ? void 0 : h.data) == null ? void 0 : m.languages) == null ? void 0 : f.map(
-          ({ locale: x, name: T }) => ({
-            id: x,
+        items: (b = (g = (m = n == null ? void 0 : n.ncuiLanguageData) == null ? void 0 : m.data) == null ? void 0 : g.languages) == null ? void 0 : b.map(
+          ({ locale: C, name: T }) => ({
+            id: C,
             label: T
           })
         ),
         label: t("non-consumer-language", "Non-Consumer Language"),
         loop: !1,
-        onSave: (x) => {
+        onSave: (C) => {
           var T;
-          return (T = n == null ? void 0 : n.ncuiLanguage) == null ? void 0 : T.updateProperty(x);
+          return (T = n == null ? void 0 : n.ncuiLanguage) == null ? void 0 : T.updateProperty(C);
         },
         proceedButtonLabel: t("save", "Save") || void 0,
-        selectedItemId: (w = n == null ? void 0 : n.ncuiLanguage) == null ? void 0 : w.displayValue
+        selectedItemId: (f = n == null ? void 0 : n.ncuiLanguage) == null ? void 0 : f.displayValue
       }
     )
   ] });
 });
-v.div`
+y.div`
   display: flex;
   font-size: var(--ddk-generic-font-size-x-small);
   font-weight: normal;
@@ -2851,7 +2851,7 @@ v.div`
     justify-content: flex-end;
   }
 `;
-const Ms = v.div`
+const Ms = y.div`
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -2895,7 +2895,7 @@ const Ms = v.div`
   })) || [];
 }, Na = Jr(
   zs
-), _s = v.div`
+), _s = y.div`
   background-color: var(--ddk-generic-color-grey-80);
   color: var(--ddk-generic-color-grey-5);
   border-radius: 5px;
@@ -2905,31 +2905,31 @@ const Ms = v.div`
   justify-content: center;
   font-size: var(--ddk-generic-font-size-xx-small);
 `, Us = I(({ showAction: e = !0, trouble: t, showHolder: n }) => {
-  var x;
-  const { t: r } = S(["troubles"]), { model: s } = ut(), a = s == null ? void 0 : s.currentRole, c = dt(t), { action: i, label: l, progress: u } = Ue(t), p = t.resolvable ?? !1, { future: d } = J(t), h = (x = t == null ? void 0 : t.data) != null && x.holderNames && t.data.holderNames.length > 0 ? /* @__PURE__ */ o(_s, { children: t.data.holderNames[0] }) : null, m = (t == null ? void 0 : t.color) ?? "orange", f = (t == null ? void 0 : t.shouldDefer) ?? !1, w = (t == null ? void 0 : t.deferred) ?? !1;
-  return /* @__PURE__ */ g(E, { children: [
+  var C;
+  const { t: r } = S(["troubles"]), { model: s } = ut(), a = s == null ? void 0 : s.currentRole, c = dt(t), { action: i, label: l, progress: d } = Ue(t), p = t.resolvable ?? !1, { future: u } = J(t), m = (C = t == null ? void 0 : t.data) != null && C.holderNames && t.data.holderNames.length > 0 ? /* @__PURE__ */ o(_s, { children: t.data.holderNames[0] }) : null, g = (t == null ? void 0 : t.color) ?? "orange", b = (t == null ? void 0 : t.shouldDefer) ?? !1, f = (t == null ? void 0 : t.deferred) ?? !1;
+  return /* @__PURE__ */ h(E, { children: [
     /* @__PURE__ */ o(
       xo,
       {
         label: r(l, { context: a == null ? void 0 : a.toLowerCase(), data: c }),
-        indicatorColor: m,
-        buttonLabel: e ? w ? "Queued" : f ? "Queue" : r(i, { context: a, defaultValue: "" }) : void 0,
+        indicatorColor: g,
+        buttonLabel: e ? f ? "Queued" : b ? "Queue" : r(i, { context: a, defaultValue: "" }) : void 0,
         date: t.createTime,
-        prefix: n ? h : void 0,
-        onAction: e && p && !w ? () => {
+        prefix: n ? m : void 0,
+        onAction: e && p && !f ? () => {
           t.resolve();
         } : void 0
       }
     ),
-    d && /* @__PURE__ */ o(
+    u && /* @__PURE__ */ o(
       z,
       {
-        title: r(u, { context: a }),
-        future: w ? void 0 : d,
+        title: r(d, { context: a }),
+        future: f ? void 0 : u,
         failureMessage: r(`troubles.${t.type}.error`, {
-          context: d != null && d.reason ? "reason" : void 0,
+          context: u != null && u.reason ? "reason" : void 0,
           data: {
-            reason: d != null && d.reason ? `__troubles.errors.${d == null ? void 0 : d.reason}__` : void 0
+            reason: u != null && u.reason ? `__troubles.errors.${u == null ? void 0 : u.reason}__` : void 0
           }
         })
       }
@@ -2941,62 +2941,62 @@ const Ms = v.div`
   tabs: n,
   ...r
 }) => {
-  const { getExtensions: s } = rt(), a = s(e), c = s(t).reduce((d, h) => (d[h.id] = h, d), {}), i = a.map((d) => d.data.namespace), { t: l } = S(["", ...new Set(i)]), u = a.map((d) => {
-    const h = [...d.data.settings].map((m) => {
-      const f = c[m];
-      return /* @__PURE__ */ g(ye, { children: [
-        /* @__PURE__ */ o(we, { children: l(`${f.data.namespace}:${f.data.title}`) }),
+  const { getExtensions: s } = rt(), a = s(e), c = s(t).reduce((u, m) => (u[m.id] = m, u), {}), i = a.map((u) => u.data.namespace), { t: l } = S(["", ...new Set(i)]), d = a.map((u) => {
+    const m = [...u.data.settings].map((g) => {
+      const b = c[g];
+      return /* @__PURE__ */ h(ye, { children: [
+        /* @__PURE__ */ o(we, { children: l(`${b.data.namespace}:${b.data.title}`) }),
         /* @__PURE__ */ o(
           Me,
           {
             extension: t,
-            module: m
+            module: g
           }
         )
-      ] }, f.id);
+      ] }, b.id);
     });
     return {
-      id: d.id,
-      label: l(`${d.data.namespace}:${d.data.title}`),
-      content: /* @__PURE__ */ o(Po, { children: h })
+      id: u.id,
+      label: l(`${u.data.namespace}:${u.data.title}`),
+      content: /* @__PURE__ */ o(Po, { children: m })
     };
-  }), p = [...n, ...u];
+  }), p = [...n, ...d];
   return /* @__PURE__ */ o(So, { ...r, tabs: p });
 }, pt = I(
   ({ holder: e }) => {
-    const { t } = S("common"), { componentModeOverride: n } = M(), r = n === "compact", { visibleTroubles: s, initialized: a } = xe(e), i = ((s == null ? void 0 : s.length) ?? 0) > 0, l = !!e.troublesByType.FlushTrouble, u = !!e.troublesByType.PrimeTrouble, p = !!e.troublesByType.PurgeTrouble, d = l ? e.troublesByType.FlushTrouble[0] : u ? e.troublesByType.PrimeTrouble[0] : p ? e.troublesByType.PurgeTrouble[0] : null, h = (d == null ? void 0 : d.shouldDefer) ?? !1, m = (d == null ? void 0 : d.deferred) ?? !1, [f, w] = He(e), x = A(
+    const { t } = S("common"), { componentModeOverride: n } = M(), r = n === "compact", { visibleTroubles: s, initialized: a } = xe(e), i = ((s == null ? void 0 : s.length) ?? 0) > 0, l = !!e.troublesByType.FlushTrouble, d = !!e.troublesByType.PrimeTrouble, p = !!e.troublesByType.PurgeTrouble, u = l ? e.troublesByType.FlushTrouble[0] : d ? e.troublesByType.PrimeTrouble[0] : p ? e.troublesByType.PurgeTrouble[0] : null, m = (u == null ? void 0 : u.shouldDefer) ?? !1, g = (u == null ? void 0 : u.deferred) ?? !1, [b, f] = He(e), C = A(
       (T) => {
-        h ? d == null || d.resolve() : w(T);
+        m ? u == null || u.resolve() : f(T);
       },
-      [w, h, d]
+      [f, m, u]
     );
-    return i && a && r ? /* @__PURE__ */ g(E, { children: [
+    return i && a && r ? /* @__PURE__ */ h(E, { children: [
       l ? /* @__PURE__ */ o(
-        C,
+        x,
         {
-          disabled: m,
+          disabled: g,
           mode: "primary",
-          onPointerDown: () => x("flush"),
-          children: t("flush", { context: m ? "queued" : "" })
+          onPointerDown: () => C("flush"),
+          children: t("flush", { context: g ? "queued" : "" })
         }
       ) : p ? /* @__PURE__ */ o(
-        C,
+        x,
         {
-          disabled: m,
+          disabled: g,
           mode: "primary",
-          onPointerDown: () => x("purge"),
-          children: t("purge", { context: m ? "queued" : "" })
+          onPointerDown: () => C("purge"),
+          children: t("purge", { context: g ? "queued" : "" })
         }
-      ) : u ? /* @__PURE__ */ o(
-        C,
+      ) : d ? /* @__PURE__ */ o(
+        x,
         {
-          disabled: m,
+          disabled: g,
           mode: "primary",
-          onPointerDown: () => x("prime"),
-          children: t("prime", { context: m ? "queued" : "" })
+          onPointerDown: () => C("prime"),
+          children: t("prime", { context: g ? "queued" : "" })
         }
       ) : null,
-      f && /* @__PURE__ */ o(z, { ...f })
+      b && /* @__PURE__ */ o(z, { ...b })
     ] }) : null;
   }
 ), re = ({
@@ -3004,32 +3004,32 @@ const Ms = v.div`
   filter: t
 }) => {
   const { componentModeOverride: n } = M(), r = n === "standard", { visibleTroubles: s, initialized: a } = xe(e), c = t ? s == null ? void 0 : s.filter(t) : s;
-  return ((c == null ? void 0 : c.length) ?? 0) > 0 && a && (s == null ? void 0 : s.map((u) => /* @__PURE__ */ o(
+  return ((c == null ? void 0 : c.length) ?? 0) > 0 && a && (s == null ? void 0 : s.map((d) => /* @__PURE__ */ o(
     Us,
     {
       showAction: r,
-      trouble: u
+      trouble: d
     },
-    u.id
+    d.id
   )));
 }, Ha = I(
   ({ holder: e }) => {
     const { t } = S("common"), [n, r] = He(e), [s, a] = P();
     O(() => {
-      async function h() {
+      async function m() {
         if (e.ingredientId !== void 0) {
-          const m = await e.resolveIntentVolume("CALIBRATE");
-          a(Math.round(m.volume));
+          const g = await e.resolveIntentVolume("CALIBRATE");
+          a(Math.round(g.volume));
         }
       }
-      h();
+      m();
     }, [e, e.ingredientId]);
-    const c = e.ingredientId !== void 0, i = s && s > 0, { holderExperience: l, setHolderExperience: u, currentExperienceId: p } = _e(e);
-    return c || p === "replace-line" ? /* @__PURE__ */ g(E, { children: [
+    const c = e.ingredientId !== void 0, i = s && s > 0, { holderExperience: l, setHolderExperience: d, currentExperienceId: p } = _e(e);
+    return c || p === "replace-line" ? /* @__PURE__ */ h(E, { children: [
       /* @__PURE__ */ o(W, { contain: !0, children: /* @__PURE__ */ o(re, { holder: e }) }),
-      /* @__PURE__ */ g(U, { children: [
+      /* @__PURE__ */ h(U, { children: [
         /* @__PURE__ */ o(
-          C,
+          x,
           {
             disabled: !i,
             onPointerDown: () => r("calibrate"),
@@ -3040,7 +3040,7 @@ const Ms = v.div`
             }) : t("calibrate")
           }
         ),
-        /* @__PURE__ */ o(C, { onPointerDown: () => u("replace-line"), children: t("replace-line") }),
+        /* @__PURE__ */ o(x, { onPointerDown: () => d("replace-line"), children: t("replace-line") }),
         /* @__PURE__ */ o(Ce, { disabled: !c, model: e }),
         /* @__PURE__ */ o(pt, { holder: e })
       ] }),
@@ -3054,18 +3054,18 @@ const Ms = v.div`
     O(() => {
       async function l() {
         if (e.ingredientId !== void 0) {
-          const u = await e.resolveIntentVolume("CALIBRATE");
-          a(Math.round(u.volume));
+          const d = await e.resolveIntentVolume("CALIBRATE");
+          a(Math.round(d.volume));
         }
       }
       l();
     }, [e, e.ingredientId]);
     const c = e.ingredientId !== void 0, i = s && s > 0;
-    return c ? /* @__PURE__ */ g(E, { children: [
+    return c ? /* @__PURE__ */ h(E, { children: [
       /* @__PURE__ */ o(W, { contain: !0, children: /* @__PURE__ */ o(re, { holder: e }) }),
-      /* @__PURE__ */ g(U, { children: [
+      /* @__PURE__ */ h(U, { children: [
         /* @__PURE__ */ o(
-          C,
+          x,
           {
             disabled: !i,
             onPointerDown: () => r("calibrate"),
@@ -3082,11 +3082,11 @@ const Ms = v.div`
       n && /* @__PURE__ */ o(z, { ...n })
     ] }) : /* @__PURE__ */ o(Yn, { showCloseButton: !1, holder: e });
   }
-), Ks = v.div`
+), Ks = y.div`
   display: flex;
   flex-direction: column;
   gap: var(--ddk-component-super-pump-container-gap);
-`, js = v.div`
+`, js = y.div`
   display: flex;
   flex-direction: column;
   gap: var(--ddk-component-cartridge-container-gap);
@@ -3094,24 +3094,24 @@ const Ms = v.div`
   const t = qo(), { t: n } = S("common"), [r, s] = P("all"), a = t == null ? void 0 : t.cartridgeAgitatorModels[0], c = !!e.ingredientId, i = e.pumps.getModel(r), l = Z(
     e,
     on.type
-  ), u = !!(l != null && l.agitated), { holderExperience: p, setHolderExperience: d } = _e(
+  ), d = !!(l != null && l.agitated), { holderExperience: p, setHolderExperience: u } = _e(
     e,
     i
-  ), h = A((T) => {
+  ), m = A((T) => {
     s(T.id);
-  }, []), m = e.hasFuelGuage, f = e.fillPercent, { future: w } = J(a), x = A(
+  }, []), g = e.hasFuelGuage, b = e.fillPercent, { future: f } = J(a), C = A(
     (T) => T.data.pumpPath === (i == null ? void 0 : i.path),
     [i == null ? void 0 : i.path]
   );
-  return /* @__PURE__ */ g(E, { children: [
-    /* @__PURE__ */ g(Ks, { children: [
-      /* @__PURE__ */ g(W, { contain: !0, children: [
-        c && m && /* @__PURE__ */ g(js, { children: [
+  return /* @__PURE__ */ h(E, { children: [
+    /* @__PURE__ */ h(Ks, { children: [
+      /* @__PURE__ */ h(W, { contain: !0, children: [
+        c && g && /* @__PURE__ */ h(js, { children: [
           /* @__PURE__ */ o(
             Qt,
             {
               size: "large",
-              value: f,
+              value: b,
               showBarsOverride: !0
             }
           ),
@@ -3135,41 +3135,49 @@ const Ms = v.div`
                   re,
                   {
                     holder: T,
-                    filter: x
+                    filter: C
                   }
                 )
               }))
             ],
-            onChange: h,
+            onChange: m,
             showBackground: !1
           }
         )
       ] }),
-      /* @__PURE__ */ g(U, { children: [
-        i ? /* @__PURE__ */ o(C, { onPointerDown: () => d("replace-pump"), children: n("replace-pump") }) : /* @__PURE__ */ g(E, { children: [
-          !c && /* @__PURE__ */ o(
-            C,
+      /* @__PURE__ */ h(U, { children: [
+        i ? /* @__PURE__ */ h(E, { children: [
+          /* @__PURE__ */ o(
+            x,
             {
-              onPointerDown: () => d("rfid-override"),
-              children: n("rfid-override")
+              onPointerDown: () => u("replace-pump"),
+              children: n("replace-pump")
             }
           ),
           /* @__PURE__ */ o(
-            C,
+            x,
             {
-              onPointerDown: () => d("replace-line"),
-              children: n("replace-line")
+              onPointerDown: () => u("calibrateSPM"),
+              children: n("calibrate")
+            }
+          )
+        ] }) : /* @__PURE__ */ h(E, { children: [
+          !c && /* @__PURE__ */ o(
+            x,
+            {
+              onPointerDown: () => u("rfid-override"),
+              children: n("rfid-override")
             }
           ),
           /* @__PURE__ */ o(
-            C,
+            x,
             {
-              onPointerDown: () => d("calibrateSPM"),
-              children: n("calibrate")
+              onPointerDown: () => u("replace-line"),
+              children: n("replace-line")
             }
           ),
-          u && /* @__PURE__ */ o(
-            C,
+          d && /* @__PURE__ */ o(
+            x,
             {
               onPointerDown: () => a == null ? void 0 : a.testAgitate(),
               children: n("agitate")
@@ -3186,12 +3194,12 @@ const Ms = v.div`
       ] })
     ] }),
     /* @__PURE__ */ o(Ne, { children: p }),
-    w && /* @__PURE__ */ o(z, { title: n("agitating"), future: w })
+    f && /* @__PURE__ */ o(z, { title: n("agitating"), future: f })
   ] });
 }), _a = I(
-  ({ holder: e }) => /* @__PURE__ */ g(E, { children: [
+  ({ holder: e }) => /* @__PURE__ */ h(E, { children: [
     /* @__PURE__ */ o(re, { holder: e }),
-    /* @__PURE__ */ g(U, { children: [
+    /* @__PURE__ */ h(U, { children: [
       /* @__PURE__ */ o(Ce, { model: e }),
       /* @__PURE__ */ o(pt, { holder: e })
     ] })
@@ -3199,40 +3207,40 @@ const Ms = v.div`
 ), Ua = I(
   ({ holder: e }) => {
     const { t } = S("common"), [n, r] = He(e), { holderExperience: s, setHolderExperience: a } = _e(e);
-    return /* @__PURE__ */ g(E, { children: [
+    return /* @__PURE__ */ h(E, { children: [
       /* @__PURE__ */ o(re, { holder: e }),
-      /* @__PURE__ */ g(U, { children: [
+      /* @__PURE__ */ h(U, { children: [
         /* @__PURE__ */ o(Ce, { model: e }),
-        /* @__PURE__ */ o(C, { onPointerDown: () => r("high-flow-test"), children: t("high-flow-test") }),
-        /* @__PURE__ */ o(C, { onPointerDown: () => r("low-flow-test"), children: t("low-flow-test") }),
-        /* @__PURE__ */ o(C, { onPointerDown: () => a("diagnostics"), children: t("diagnostics") }),
-        /* @__PURE__ */ o(C, { onPointerDown: () => a("calibrate"), children: t("calibrate") })
+        /* @__PURE__ */ o(x, { onPointerDown: () => r("high-flow-test"), children: t("high-flow-test") }),
+        /* @__PURE__ */ o(x, { onPointerDown: () => r("low-flow-test"), children: t("low-flow-test") }),
+        /* @__PURE__ */ o(x, { onPointerDown: () => a("diagnostics"), children: t("diagnostics") }),
+        /* @__PURE__ */ o(x, { onPointerDown: () => a("calibrate"), children: t("calibrate") })
       ] }),
       /* @__PURE__ */ o(Ne, { children: s }),
       n && /* @__PURE__ */ o(z, { ...n })
     ] });
   }
-), Gs = v.section`
+), Gs = y.section`
   align-items: center;
   display: flex;
   flex-direction: column;
   gap: 32px;
   height: 100%;
   justify-content: space-between;
-`, Xs = v.div`
+`, Xs = y.div`
   display: flex;
   gap: 32px;
   flex-direction: column;
   align-items: center;
   padding: 32px;
-`, Ys = v.div`
+`, Ys = y.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
   text-align: center;
 `, Ka = ({ onComplete: e }) => {
   const { t } = S("reboot"), [n, r] = P(!1), { model: s } = ct(), { componentModeOverride: a } = M();
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ h(
     ie,
     {
       show: !n,
@@ -3249,8 +3257,8 @@ const Ms = v.div`
             CloseButton: To
           }
         ),
-        /* @__PURE__ */ g(Gs, { children: [
-          /* @__PURE__ */ g(Xs, { children: [
+        /* @__PURE__ */ h(Gs, { children: [
+          /* @__PURE__ */ h(Xs, { children: [
             /* @__PURE__ */ o(Io, {}),
             /* @__PURE__ */ o(Ys, { children: /* @__PURE__ */ o(Zt, { children: t("modal-heading", "Are you sure you want to reboot dispenser?") }) })
           ] }),
@@ -3267,64 +3275,64 @@ const Ms = v.div`
       ]
     }
   );
-}, ge = v(F)`
+}, ge = y(F)`
   text-align: center;
 `, ja = I(
   ({ remoteTray: e, onComplete: t }) => {
-    const { t: n } = S("common", { keyPrefix: "remote-nns" }), [r, s] = P("idle"), [a, c] = P({}), [i, l] = P({}), p = e.holder.pumps.data.filter((D) => D.childPump), d = e.remoteTrayEnabled.value === !0, h = () => p.every((D) => {
+    const { t: n } = S("common", { keyPrefix: "remote-nns" }), [r, s] = P("idle"), [a, c] = P({}), [i, l] = P({}), p = e.holder.pumps.data.filter((D) => D.childPump), u = e.remoteTrayEnabled.value === !0, m = () => p.every((D) => {
       const k = a[D.name];
       return k != null && k !== "";
-    }), m = A((D, k) => {
-      c((y) => ({ ...y, [D]: k }));
-    }, []), f = A(
+    }), g = A((D, k) => {
+      c((w) => ({ ...w, [D]: k }));
+    }, []), b = A(
       (D) => (k = "") => {
-        m(D, k);
+        g(D, k);
       },
-      [m]
-    ), w = A(async () => {
-      e.remoteTrayEnabled.updateProperty(!d), s(d ? "disableSuccess" : "success");
-    }, [d, e.remoteTrayEnabled]), x = A(async () => {
+      [g]
+    ), f = A(async () => {
+      e.remoteTrayEnabled.updateProperty(!u), s(u ? "disableSuccess" : "success");
+    }, [u, e.remoteTrayEnabled]), C = A(async () => {
       s("progress"), l({});
       let D = !1;
       await Promise.all(
         p.map(async (k) => {
           try {
-            const y = Z(
+            const w = Z(
               k,
               rn.type
-            ), [b] = await y.replacePump(
+            ), [v] = await w.replacePump(
               a[k.name]
             );
-            b && (l((H) => ({ ...H, [k.name]: b })), D = !0);
-          } catch (y) {
-            console.error(y), l((b) => ({ ...b, [k.name]: "unknownError" })), D = !0;
+            v && (l((H) => ({ ...H, [k.name]: v })), D = !0);
+          } catch (w) {
+            console.error(w), l((v) => ({ ...v, [k.name]: "unknownError" })), D = !0;
           }
         })
-      ), D ? s("pump") : w();
+      ), D ? s("pump") : f();
     }, [
-      d,
+      u,
       a,
       p,
       e.remoteTrayEnabled,
-      w
+      f
     ]), T = L(() => ({
       idle: {
-        title: n(d ? "disable-title" : "idle-title"),
-        information: /* @__PURE__ */ o(ge, { children: n(d ? "disable-info" : "idle-info") }),
+        title: n(u ? "disable-title" : "idle-title"),
+        information: /* @__PURE__ */ o(ge, { children: n(u ? "disable-info" : "idle-info") }),
         footer: /* @__PURE__ */ o(
-          C,
+          x,
           {
             onPointerDown: () => {
-              d ? w() : s("pump");
+              u ? f() : s("pump");
             },
-            children: n(d ? "disable" : "enable")
+            children: n(u ? "disable" : "enable")
           }
         ),
         status: "information"
       },
       pump: {
         title: n("pump-title"),
-        information: /* @__PURE__ */ g(E, { children: [
+        information: /* @__PURE__ */ h(E, { children: [
           /* @__PURE__ */ o(ge, { children: n("pump-info") }),
           p.map((D) => /* @__PURE__ */ o(
             Qe,
@@ -3333,14 +3341,14 @@ const Ms = v.div`
               description: i[D.name] ? n(`errors.${i[D.name]}`) : "",
               value: a[D.name] ?? "",
               label: n(`pumps.${D.name}`),
-              onChange: f(D.name)
+              onChange: b(D.name)
             },
             D.name
           ))
         ] }),
-        footer: /* @__PURE__ */ g(E, { children: [
-          /* @__PURE__ */ o(C, { disabled: !h(), onPointerDown: x, children: n("enter") }),
-          /* @__PURE__ */ o(C, { onPointerDown: t, children: n("cancel") })
+        footer: /* @__PURE__ */ h(E, { children: [
+          /* @__PURE__ */ o(x, { disabled: !m(), onPointerDown: C, children: n("enter") }),
+          /* @__PURE__ */ o(x, { onPointerDown: t, children: n("cancel") })
         ] })
       },
       progress: {
@@ -3359,18 +3367,18 @@ const Ms = v.div`
         status: "success"
       }
     }), [
-      m,
-      d,
+      g,
+      u,
       t,
       a,
       i,
       p,
-      x,
+      C,
       n
     ]);
     return /* @__PURE__ */ o(Ve, { ...T[r], onClose: () => t() });
   }
-), Wa = I(({ cardModel: e }) => (N.debug("RemoteTray", e.name), /* @__PURE__ */ o(Ws, { holder: e.holder }))), qs = v.div`
+), Wa = I(({ cardModel: e }) => (N.debug("RemoteTray", e.name), /* @__PURE__ */ o(Ws, { holder: e.holder }))), qs = y.div`
   font-size: var(--ddk-component-holder-card-footer-font-size);
   color: ${(e) => e.color ?? "var(--ddk-generic-color-black)"};
   position: absolute;
@@ -3397,7 +3405,7 @@ const Ms = v.div`
       t();
     }, children: r === "failure" ? /* @__PURE__ */ o(Oe, { children: n(a || "unknownError") }) : r === "success" ? /* @__PURE__ */ o(st, { children: n("success") }) : null });
   }
-), Zs = v.div`
+), Zs = y.div`
   display: flex;
   flex-direction: column;
   overflow-y: auto;
@@ -3406,42 +3414,42 @@ const Ms = v.div`
   height: 100%;
 `, Js = I(
   ({ pump: e, onComplete: t }) => {
-    const [n, r] = P(!1), { t: s } = S("replace-pump"), { componentModeOverride: a } = M(), [c, i] = P(), [l, u] = P(), [p, d] = P(), h = Z(
+    const [n, r] = P(!1), { t: s } = S("replace-pump"), { componentModeOverride: a } = M(), [c, i] = P(), [l, d] = P(), [p, u] = P(), m = Z(
       e,
       rn.type
-    ), m = e.name, f = A(
+    ), g = e.name, b = A(
       (T) => {
         if (T !== void 0 && T.length === 0)
           return s("pump-calibration-length-error");
       },
       [s]
-    ), w = A(async () => {
+    ), f = A(async () => {
       if (c === void 0)
         return;
-      const [T] = await h.replacePump(c);
-      T ? (u("failure"), d(T)) : u("success");
-    }, [h, c]), x = () => {
+      const [T] = await m.replacePump(c);
+      T ? (d("failure"), u(T)) : d("success");
+    }, [m, c]), C = () => {
       if (p) {
-        u(void 0);
+        d(void 0);
         return;
       }
       r(!0);
     };
-    return /* @__PURE__ */ g(E, { children: [
+    return /* @__PURE__ */ h(E, { children: [
       /* @__PURE__ */ o(
         ie,
         {
           contain: a !== "compact",
           onClosed: t,
           show: !n,
-          children: /* @__PURE__ */ g(Zs, { children: [
+          children: /* @__PURE__ */ h(Zs, { children: [
             /* @__PURE__ */ o(
               ae,
               {
                 contain: a === "compact",
                 showCloseButton: !0,
-                title: m ? s("label-replace-pump", {
-                  label: m
+                title: g ? s("label-replace-pump", {
+                  label: g
                 }) : s("replace-pump"),
                 showOpenButton: !1,
                 onClose: () => r(!0),
@@ -3451,31 +3459,31 @@ const Ms = v.div`
             /* @__PURE__ */ o(W, { align: "top", children: /* @__PURE__ */ o(
               oe,
               {
-                isValid: f,
+                isValid: b,
                 label: s("enter-pump-calibration-code"),
                 layout: "hex",
                 value: c,
                 onChange: (T) => {
-                  d(void 0), i(T);
+                  u(void 0), i(T);
                 }
               }
             ) }),
             /* @__PURE__ */ o(U, { children: /* @__PURE__ */ o(
-              C,
+              x,
               {
                 mode: "primary",
                 disabled: !c || !!p,
-                onPointerDown: w,
+                onPointerDown: f,
                 children: s("replace-pump")
               }
             ) })
           ] })
         }
       ),
-      /* @__PURE__ */ o(en, { show: l !== void 0, onClose: x, children: l === "failure" ? /* @__PURE__ */ o(Oe, { children: s(p || "unknownError") }) : l === "success" ? /* @__PURE__ */ o(st, { children: s("success") }) : null })
+      /* @__PURE__ */ o(en, { show: l !== void 0, onClose: C, children: l === "failure" ? /* @__PURE__ */ o(Oe, { children: s(p || "unknownError") }) : l === "success" ? /* @__PURE__ */ o(st, { children: s("success") }) : null })
     ] });
   }
-), ei = /^[0-9a-fA-F]+$/, Ut = (e) => ei.test(e), ti = v.div`
+), ei = /^[0-9a-fA-F]+$/, Ut = (e) => ei.test(e), ti = y.div`
   display: flex;
   flex-direction: column;
   overflow-y: auto;
@@ -3483,40 +3491,40 @@ const Ms = v.div`
   height: 100%;
 `, ni = I(
   ({ holder: e, onComplete: t }) => {
-    const n = e.name, [r, s] = P(!1), { t: a } = S("rfid-override"), { componentModeOverride: c } = M(), [i, l] = P(), [u, p] = P(), [d, h] = P(), [m, f] = P(), [w, x] = P(), T = (y) => {
-      if (y !== void 0 && y.length !== 12)
+    const n = e.name, [r, s] = P(!1), { t: a } = S("rfid-override"), { componentModeOverride: c } = M(), [i, l] = P(), [d, p] = P(), [u, m] = P(), [g, b] = P(), [f, C] = P(), T = (w) => {
+      if (w !== void 0 && w.length !== 12)
         return a("errIdLen");
-      if (!Ut(y))
+      if (!Ut(w))
         return a("errIdFormat");
-    }, D = (y) => {
-      if (y !== void 0 && y.length !== 8)
+    }, D = (w) => {
+      if (w !== void 0 && w.length !== 8)
         return a("errCodeLen");
-      if (!Ut(y))
+      if (!Ut(w))
         return a("errCodeFormat");
     }, k = async () => {
       try {
         await e.overrideRfidCode({
           stickerId: i,
-          stickerCode: u
+          stickerCode: d
         }), s(!0);
-      } catch (y) {
-        switch (y.type) {
+      } catch (w) {
+        switch (w.type) {
           case "errIdLen":
           case "errIdFormat":
-            f(y.type);
+            b(w.type);
             break;
           case "errCodeLen":
           case "errCodeFormat":
-            x(y.type);
+            C(w.type);
             break;
           case "errVerify":
           case "errBadJson":
-            h(y.type);
+            m(w.type);
             break;
         }
       }
     };
-    return /* @__PURE__ */ g(
+    return /* @__PURE__ */ h(
       ie,
       {
         contain: c !== "compact",
@@ -3537,19 +3545,19 @@ const Ms = v.div`
               CloseButton: c === "compact" ? be : void 0
             }
           ),
-          /* @__PURE__ */ g(ti, { children: [
-            /* @__PURE__ */ g(W, { align: "top", children: [
+          /* @__PURE__ */ h(ti, { children: [
+            /* @__PURE__ */ h(W, { align: "top", children: [
               /* @__PURE__ */ o(Ao, { children: a("info") }),
               /* @__PURE__ */ o(
                 Qe,
                 {
                   isValid: T,
-                  description: m ? a(m) : void 0,
+                  description: g ? a(g) : void 0,
                   label: a("enter-cartridge-id"),
                   layout: "hex",
                   value: i,
-                  onChange: (y) => {
-                    f(void 0), l(y);
+                  onChange: (w) => {
+                    b(void 0), l(w);
                   }
                 }
               ),
@@ -3557,34 +3565,34 @@ const Ms = v.div`
                 Qe,
                 {
                   isValid: D,
-                  description: w ? a(w) : void 0,
+                  description: f ? a(f) : void 0,
                   label: a("enter-code"),
                   layout: "hex",
-                  value: u,
-                  onChange: (y) => {
-                    x(void 0), p(y);
+                  value: d,
+                  onChange: (w) => {
+                    C(void 0), p(w);
                   }
                 }
               )
             ] }),
             /* @__PURE__ */ o(U, { children: /* @__PURE__ */ o(
-              C,
+              x,
               {
                 mode: "primary",
-                disabled: !i || !u,
+                disabled: !i || !d,
                 onPointerDown: k,
                 children: a("override")
               }
             ) }),
-            d && /* @__PURE__ */ o(
+            u && /* @__PURE__ */ o(
               Gt,
               {
-                onClose: () => h(void 0),
+                onClose: () => m(void 0),
                 renderFailure: /* @__PURE__ */ o(
                   Lo,
                   {
                     heading: a("rfid-override"),
-                    message: a(d, { holder: e.name })
+                    message: a(u, { holder: e.name })
                   }
                 ),
                 show: !0,
@@ -3605,12 +3613,12 @@ const Ms = v.div`
       !n && (t != null && t.setupRequired) && (r(!0), a || c(e));
     }, [t == null ? void 0 : t.setupRequired, n, c, e, a]), null;
   }
-), oi = v.div`
+), oi = y.div`
   cursor: pointer;
   display: flex;
   gap: 8px;
   align-items: center;
-`, ri = v.div`
+`, ri = y.div`
   color: var(--ddk-generic-color-grey-100, #171717);
   font-size: var(--ddk-component-sidebar-font-size-medium);
   font-style: normal;
@@ -3623,7 +3631,7 @@ const Ms = v.div`
   const { t: r, labelMap: s } = qr({
     defaultNamespace: "setup",
     extensionPoint: sn
-  }), a = e == null ? void 0 : e.currentStep, c = (e == null ? void 0 : e.data.map((i) => /* @__PURE__ */ g(
+  }), a = e == null ? void 0 : e.currentStep, c = (e == null ? void 0 : e.data.map((i) => /* @__PURE__ */ h(
     oi,
     {
       onPointerDown: () => {
@@ -3645,7 +3653,7 @@ const Ms = v.div`
   return /* @__PURE__ */ o(Fo, { ...n, children: c });
 }), Ya = rs(si), qa = I(() => {
   const { model: e } = lo();
-  return (e == null ? void 0 : e.nodes) && e.nodes.map((t, n) => /* @__PURE__ */ g(Jt, { name: t.nodeName, children: [
+  return (e == null ? void 0 : e.nodes) && e.nodes.map((t, n) => /* @__PURE__ */ h(Jt, { name: t.nodeName, children: [
     /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
       ft,
       {
@@ -3664,22 +3672,22 @@ const Ms = v.div`
     ) }, s))
   ] }, n));
 });
-v.div`
+y.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 8px;
   width: 100%;
 `;
-const Ye = v(F)`
+const Ye = y(F)`
   white-space: pre-wrap;
 `, ii = I(
   ({ pump: e, onComplete: t }) => {
     const { t: n } = S("common", {
       keyPrefix: "spm-field-calibration"
-    }), [r, s] = P("preparation-idle"), [a, c] = P(), [i, l] = P(), [u, p] = P(), { future: d } = J(e);
+    }), [r, s] = P("preparation-idle"), [a, c] = P(), [i, l] = P(), [d, p] = P(), { clearFuture: u, future: m } = J(e);
     O(() => {
-      switch (d == null ? void 0 : d.endState) {
+      switch (m == null ? void 0 : m.endState) {
         case "CANCEL":
           switch (r) {
             case "preparation-in-progress":
@@ -3707,15 +3715,15 @@ const Ye = v(F)`
           c(""), s("failure");
           break;
       }
-    }, [d == null ? void 0 : d.endState, d == null ? void 0 : d.reason, r]);
-    const h = L(() => ({
+    }, [m == null ? void 0 : m.endState, m == null ? void 0 : m.reason, r]);
+    const g = L(() => ({
       "preparation-idle": {
         information: /* @__PURE__ */ o(Ye, { children: n("preparation-idle-info") }),
         footer: /* @__PURE__ */ o(
-          C,
+          x,
           {
             onPointerDown: () => {
-              e.performPreCalibrate(), s("preparation-in-progress");
+              u(), e.performPreCalibrate(), s("preparation-in-progress");
             },
             children: n("preparation-action")
           }
@@ -3724,22 +3732,22 @@ const Ye = v(F)`
       },
       "preparation-in-progress": {
         information: /* @__PURE__ */ o(F, { children: n("preparation-progress-info") }),
-        footer: /* @__PURE__ */ o(C, { disabled: !0, children: n("preparation-action") }),
+        footer: /* @__PURE__ */ o(x, { disabled: !0, children: n("preparation-action") }),
         status: "loading"
       },
       "preparation-success": {
         information: /* @__PURE__ */ o(F, { children: n("preparation-success-info") }),
-        footer: /* @__PURE__ */ o(C, { onPointerDown: () => s("calibration-idle"), children: n("preparation-success-action") }),
+        footer: /* @__PURE__ */ o(x, { onPointerDown: () => s("calibration-idle"), children: n("preparation-success-action") }),
         status: "success"
       },
       "preparation-failed": {},
       "calibration-idle": {
         information: /* @__PURE__ */ o(Ye, { children: n("calibration-idle-info") }),
         footer: /* @__PURE__ */ o(
-          C,
+          x,
           {
             onPointerDown: () => {
-              e.performCalibrate(), s("calibration-in-progress");
+              u(), e.performCalibrate(), s("calibration-in-progress");
             },
             children: n("calibrate")
           }
@@ -3751,7 +3759,7 @@ const Ye = v(F)`
         status: "loading"
       },
       "calibration-input": {
-        information: /* @__PURE__ */ g(E, { children: [
+        information: /* @__PURE__ */ h(E, { children: [
           /* @__PURE__ */ o(F, { children: n("calibration-input-info") }),
           /* @__PURE__ */ o(
             oe,
@@ -3767,7 +3775,7 @@ const Ye = v(F)`
           )
         ] }),
         footer: /* @__PURE__ */ o(
-          C,
+          x,
           {
             disabled: i === void 0,
             onPointerDown: () => {
@@ -3783,10 +3791,10 @@ const Ye = v(F)`
       "verification-idle": {
         information: /* @__PURE__ */ o(Ye, { children: n("verification-idle-info") }),
         footer: /* @__PURE__ */ o(
-          C,
+          x,
           {
             onPointerDown: async () => {
-              i !== void 0 && (e.performVerify(i, d == null ? void 0 : d.clientData), s("verification-in-progress"));
+              i !== void 0 && (u(), e.performVerify(i, m == null ? void 0 : m.clientData), s("verification-in-progress"));
             },
             children: n("initiate-verification-pour")
           }
@@ -3799,7 +3807,7 @@ const Ye = v(F)`
       },
       "verification-trouble": {},
       "verification-input": {
-        information: /* @__PURE__ */ g(E, { children: [
+        information: /* @__PURE__ */ h(E, { children: [
           /* @__PURE__ */ o(F, { children: n("verification-input-info") }),
           /* @__PURE__ */ o(
             oe,
@@ -3810,21 +3818,22 @@ const Ye = v(F)`
               onChange: (f) => {
                 f !== void 0 && p(f);
               },
-              value: u !== void 0 ? u : ""
+              value: d !== void 0 ? d : ""
             }
           )
         ] }),
         footer: /* @__PURE__ */ o(
-          C,
+          x,
           {
-            disabled: u === void 0,
+            disabled: d === void 0,
             onPointerDown: async () => {
-              if (i === void 0 || u === void 0)
+              if (i === void 0 || d === void 0)
                 return;
-              const [f, w] = await e.performComplete(
+              u();
+              const [f, C] = await e.performComplete(
                 i,
-                u,
-                d == null ? void 0 : d.clientData
+                d,
+                m == null ? void 0 : m.clientData
               );
               f ? (c(f), s("failure")) : s("verification-success");
             },
@@ -3837,79 +3846,88 @@ const Ye = v(F)`
       "verification-input-confirmation": {},
       "verification-success": {
         information: /* @__PURE__ */ o(F, { children: n("verification-success-info") }),
-        footer: /* @__PURE__ */ o(C, { onPointerDown: t, children: n("exit-calibration") }),
+        footer: /* @__PURE__ */ o(x, { onPointerDown: t, children: n("exit-calibration") }),
         status: "success"
       },
       "verification-failure": {
         information: /* @__PURE__ */ o(F, { children: n("verification-failed-info", {
           data: { ingredient: e.name }
         }) }),
-        footer: /* @__PURE__ */ o(C, { onPointerDown: t, children: n("exit-calibration") }),
+        footer: /* @__PURE__ */ o(x, { onPointerDown: t, children: n("exit-calibration") }),
         status: "error"
       },
       failure: {
-        information: /* @__PURE__ */ g(E, { children: [
+        information: /* @__PURE__ */ h(E, { children: [
           /* @__PURE__ */ o(F, { children: n("calibration-failed") }),
           /* @__PURE__ */ o(q, { children: n(`error.${a || "unknownError"}`) })
         ] }),
-        footer: /* @__PURE__ */ o(C, { onPointerDown: t, children: n("exit-calibration") }),
+        footer: /* @__PURE__ */ o(x, { onPointerDown: t, children: n("exit-calibration") }),
         status: "error"
       }
-    }), [a, d == null ? void 0 : d.clientData, t, e, n, i, u]);
-    let m;
+    }), [
+      u,
+      a,
+      m == null ? void 0 : m.clientData,
+      t,
+      e,
+      n,
+      i,
+      d
+    ]);
+    let b;
     switch (r) {
       case "preparation-in-progress":
-        m = "preparation-progress-title";
+        b = "preparation-progress-title";
         break;
       case "calibration-in-progress":
-        m = "calibration-progress-title";
+        b = "calibration-progress-title";
         break;
       case "verification-in-progress":
-        m = "verification-progress-title";
+        b = "verification-progress-title";
         break;
       default:
-        m = "initiating";
+        b = "initiating";
     }
-    return /* @__PURE__ */ g(E, { children: [
+    return /* @__PURE__ */ h(E, { children: [
       /* @__PURE__ */ o(
         Ve,
         {
           title: n("title", { data: { ingredient: e.name } }),
-          ...h[r],
+          ...g[r],
           onClose: () => t()
         }
       ),
-      d && /* @__PURE__ */ o(
+      m && /* @__PURE__ */ o(
         z,
         {
-          title: n(m),
-          future: d
+          title: n(b),
+          future: m
         }
       )
     ] });
   }
 ), ai = N.createLogger({ name: "state-experience" });
 ai.debug("state-experience component loaded");
-const ci = v.div``, Qa = I(
+const ci = y.div``, Qa = I(
   () => {
     const { getExtensions: e } = Ke(), { model: t } = Dn(), [n, r] = P(null);
     return O(() => se(() => {
       const c = e(Je).reduce(
-        (d, h) => {
-          const m = h;
-          return d[m.data.stateKey ?? m.data.troubleType] = {
+        (u, m) => {
+          const g = m;
+          return u[g.data.stateKey ?? g.data.troubleType] = {
             extension: Je,
-            module: m.id,
-            namespace: m.data.namespace,
-            title: m.data.title,
-            stateValue: m.data.stateValue ?? m.data.troubleType
-          }, d;
+            module: g.id,
+            namespace: g.data.namespace,
+            title: g.data.title,
+            stateValue: g.data.stateValue ?? g.data.troubleType
+          }, u;
         },
         {}
-      ), i = t == null ? void 0 : t.activeTroubleType, l = t == null ? void 0 : t.activeTrouble, u = i ? c[i] : void 0, p = u ? /* @__PURE__ */ o(
+      ), i = t == null ? void 0 : t.activeTroubleType, l = t == null ? void 0 : t.activeTrouble, d = i ? c[i] : void 0, p = d ? /* @__PURE__ */ o(
         Me,
         {
-          ...u,
+          ...d,
           props: { trouble: l }
         }
       ) : null;
@@ -3929,8 +3947,8 @@ const ci = v.div``, Qa = I(
       yearsRange: [s - 10, s + 10]
     }
   }), c = A(
-    (u, p) => {
-      switch (u) {
+    (d, p) => {
+      switch (d) {
         case "year":
           a.dateActions.setYear(p.id);
           break;
@@ -3946,11 +3964,11 @@ const ci = v.div``, Qa = I(
   ), i = A(() => {
     a.dateActions.setYear(n.getFullYear()), a.dateActions.setMonth(n.getMonth()), a.dateActions.setDay(n.getDate());
   }, [n, a.dateActions]), l = A(
-    async ({ day: u, month: p, year: d }) => {
-      a.dateActions.setYear(d), a.dateActions.setMonth(p), a.dateActions.setDay(u), await (t == null ? void 0 : t.updateSystemDate({
-        day: u,
+    async ({ day: d, month: p, year: u }) => {
+      a.dateActions.setYear(u), a.dateActions.setMonth(p), a.dateActions.setDay(d), await (t == null ? void 0 : t.updateSystemDate({
+        day: d,
         month: p,
-        year: d
+        year: u
       })), r(/* @__PURE__ */ new Date());
     },
     [a.dateActions, t]
@@ -3995,15 +4013,15 @@ const ci = v.div``, Qa = I(
     );
   }
 ), Za = I(({ showHeading: e }) => {
-  var m, f, w, x, T, D, k, y;
+  var g, b, f, C, T, D, k, w;
   const { t } = S("region"), { regionModel: n } = X(), { model: r } = tt(), {
     amPmOptions: s,
     formattedTime: a,
     hourOptions: c,
     minuteOptions: i,
     setTime: l,
-    time: u
-  } = jt(), p = u.getHours(), d = L(
+    time: d
+  } = jt(), p = d.getHours(), u = L(
     () => [
       {
         id: "hr",
@@ -4014,7 +4032,7 @@ const ci = v.div``, Qa = I(
       {
         id: "min",
         items: i,
-        selectedItemId: u.getMinutes(),
+        selectedItemId: d.getMinutes(),
         loop: !0
       },
       {
@@ -4023,8 +4041,8 @@ const ci = v.div``, Qa = I(
         selectedItemId: p < 12 ? "AM" : "PM"
       }
     ],
-    [s, c, i, u, p]
-  ), h = L(
+    [s, c, i, d, p]
+  ), m = L(
     () => [
       {
         id: "hr",
@@ -4035,30 +4053,30 @@ const ci = v.div``, Qa = I(
       {
         id: "min",
         items: i,
-        selectedItemId: u.getMinutes(),
+        selectedItemId: d.getMinutes(),
         loop: !0
       }
     ],
-    [c, i, u, p]
+    [c, i, d, p]
   );
   return O(() => {
-    const b = setInterval(() => {
+    const v = setInterval(() => {
       l(/* @__PURE__ */ new Date());
     }, 3e4);
     return () => {
-      clearInterval(b);
+      clearInterval(v);
     };
-  }, [l]), /* @__PURE__ */ g(ye, { children: [
+  }, [l]), /* @__PURE__ */ h(ye, { children: [
     e && /* @__PURE__ */ o(we, { children: t("time-settings", "Time Settings") }),
-    ((m = n == null ? void 0 : n.dateFormatOptions) == null ? void 0 : m.length) && /* @__PURE__ */ o(
+    ((g = n == null ? void 0 : n.dateFormatOptions) == null ? void 0 : g.length) && /* @__PURE__ */ o(
       Be,
       {
         label: t("date-format", "Date Format"),
-        value: (w = (f = n == null ? void 0 : n.dateFormatOptions) == null ? void 0 : f.find(
-          (b) => b.format === n.selectedDateFormat
-        )) == null ? void 0 : w.id,
-        options: (x = n == null ? void 0 : n.dateFormatOptions) == null ? void 0 : x.map((b) => ({ label: b.format.toUpperCase(), ...b })),
-        onChange: (b) => b && (n == null ? void 0 : n.setSelectedDateFormat(String(b)))
+        value: (f = (b = n == null ? void 0 : n.dateFormatOptions) == null ? void 0 : b.find(
+          (v) => v.format === n.selectedDateFormat
+        )) == null ? void 0 : f.id,
+        options: (C = n == null ? void 0 : n.dateFormatOptions) == null ? void 0 : C.map((v) => ({ label: v.format.toUpperCase(), ...v })),
+        onChange: (v) => v && (n == null ? void 0 : n.setSelectedDateFormat(String(v)))
       }
     ),
     /* @__PURE__ */ o(di, {}),
@@ -4068,24 +4086,24 @@ const ci = v.div``, Qa = I(
       {
         label: t("time-format", "Time Format"),
         value: (k = (D = n == null ? void 0 : n.timeFormatOptions) == null ? void 0 : D.find(
-          (b) => b.format === n.selectedTimeFormat
+          (v) => v.format === n.selectedTimeFormat
         )) == null ? void 0 : k.id,
-        options: (y = n == null ? void 0 : n.timeFormatOptions) == null ? void 0 : y.map((b) => ({ label: b != null && b.ampm ? "12 HR" : "24 HR", ...b })).reverse(),
-        onChange: (b) => b && (n == null ? void 0 : n.setSelectedTimeFormat(String(b)))
+        options: (w = n == null ? void 0 : n.timeFormatOptions) == null ? void 0 : w.map((v) => ({ label: v != null && v.ampm ? "12 HR" : "24 HR", ...v })).reverse(),
+        onChange: (v) => v && (n == null ? void 0 : n.setSelectedTimeFormat(String(v)))
       }
     ),
     /* @__PURE__ */ o(
       nt,
       {
-        data: n != null && n.is12HourTimeFormat ? d : h,
+        data: n != null && n.is12HourTimeFormat ? u : m,
         icon: nn,
         displayValue: a,
         label: t("current-time", "Current Time"),
         closeButtonLabel: t("close", "Close") || void 0,
         cancelButtonLabel: t("discard-changes", "Discard Changes") || void 0,
         proceedButtonLabel: t("save", "Save") || void 0,
-        onSave: (b) => {
-          const H = n != null && n.is12HourTimeFormat ? b.ampm === "AM" ? b.hr : b.hr + 12 : b.hr, _ = b.min, G = new Date(u);
+        onSave: (v) => {
+          const H = n != null && n.is12HourTimeFormat ? v.ampm === "AM" ? v.hr : v.hr + 12 : v.hr, _ = v.min, G = new Date(d);
           G.setHours(H), G.setMinutes(_), l(G), r == null || r.updateSystemTime({
             hour: H,
             min: _,
@@ -4098,7 +4116,7 @@ const ci = v.div``, Qa = I(
 }), Ja = kn(
   I(({ settings: e, showHeading: t }) => {
     const { t: n } = S("dispenser-profile");
-    return /* @__PURE__ */ g(ye, { children: [
+    return /* @__PURE__ */ h(ye, { children: [
       t && /* @__PURE__ */ o(we, { children: n("water-settings", "Water Settings") }),
       /* @__PURE__ */ o(
         Re,
@@ -4116,17 +4134,17 @@ const ci = v.div``, Qa = I(
       )
     ] });
   })
-), ec = v.div`
+), ec = y.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
-`, tc = v.div`
+`, tc = y.div`
   display: flex;
   flex-direction: row;
   gap: 12px;
   align-items: center;
   justify-content: center;
-`, nc = v(C)`
+`, nc = y(x)`
   display: block;
 `;
 export {