@kosdev-code/kos-ddk-model-components 2.0.0

package/index.js

@@ -0,0 +1,3708 @@
+var Vn = Object.defineProperty;
+var Hn = (e, t, n) => t in e ? Vn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var E = (e, t, n) => (Hn(e, typeof t != "symbol" ? t + "" : t, n), n);
+import { FutureManager as Bt, kosComponent as I, useKosTranslation as S, useKosModel as F, kosAutoEffect as ee, FutureEndState as at, KosLog as j, useConfigProperty as W, useKosRegions as X, useRegionTimeProps as Ot, useDateProps as Rt, getKosCompanionModel as He, registerExtensionPoint as _n, ExtensionManager as ce, CoreExtensionManager as zn, useTroubleContainerModel as Un, withDevice as Kn, useFormattedDate as jn, troubleDataFactory as Nt, useSoftwareInfo as Wn, useKosTime as je } from "@kosdev-code/kos-ui-sdk";
+import { jsx as o, jsxs as y, Fragment as $ } from "@emotion/react/jsx-runtime";
+import w from "@emotion/styled";
+import { useComponentConfigurationContext as R, Modal as te, Header as ne, BackButton as le, Content as q, InfoCard as De, Footer as _, Button as T, CloseButton as Gn, ProgressBar as Vt, LabelInformation as H, BodyMediumInformation as J, InputCard as ke, WorkflowModal as Ht, StatusIndicator as We, InputRangeCard as Xn, ToggleCard as Yn, PickerCard as _e, Card as qn, SwitchCard as Pe, MultiPickerCard as Ge, LabelDate as Xe, Table as _t, LabelInformationExtraSmall as Qn, getItemData as Zn, TapAndHoldButton as Jn, ComponentConfigurationProvider as eo, useAbbreviation as zt, getFillColor as to, HolderDashboardCard as Ut, FuelGauge as no, UtilityModalHeading as Kt, TabContainer as de, SettingsSubheading as ue, StatusCard as oo, NotificationCard as ro, TabViewLayout as so, TabRouter as io, CompactCloseButton as ao, QuestionIconStyle as co, CancelProceedFooter as lo, StatusBar as jt, InfoContainer as uo, ErrorInputCard as ct, FailureCard as po, useNavigate as mo, Sidebar as go, FrameContainer as ho, FrameBody as fo, SwitchPickerCard as bo } from "@kosdev-code/kos-ddk-components";
+import lt, { useState as x, useEffect as M, useCallback as L, useMemo as D, createContext as B, useContext as O, useRef as dt, useLayoutEffect as vo, Suspense as Ye } from "react";
+import { AgitationControl as ut, toTimeComponents as yo, toSeconds as wo, Animation as pt, Application as mt, CarbWater as gt, CopyLogs as ht, DashboardOperations as ft, DispenserInfo as bt, Door as Co, FcmPump as ze, IngredientSummary as vt, MacroAssignment as yt, NetworkTest as xo, NetworkTestContainer as wt, NutritiveSweetener as Ct, PlainWater as xt, LfcvPump as So, Reboot as St, Settings as kt, SetupStep as ko, SetupStepContainer as Pt, Start as Tt, TroubleActionManager as It, Utilities as Po, UtilitiesContainer as Dt, troubleVisibilityFilter as To } from "@kosdev-code/kos-ddk-models";
+import { MessageErrorIcon as Io, SuccessIcon as Do, TimeIcon as Wt, CalendarIcon as Lo, MessageInformationIconWithBackground as Ao } from "@kosdev-code/kos-ddk-styles";
+import { DispenseExtensionManager as Eo, useBoardContainer as Fo, withAssembly as $o } from "@kosdev-code/kos-dispense-sdk";
+import { useKosPluginsContext as qe, DynamicComponent as Le } from "@kosdev-code/kos-ui-plugin";
+import { EXTENSION_POINT_SETUP as Gt, EXTENSION_POINT_CUI as Mo, EXTENSION_POINT_UTIL as Bo, EXTENSION_POINT_TROUBLE_ACTION as Ue, EXTENSION_POINT_DASHBOARD as Xt, EXTENSION_POINT_DASHBOARD_PUMP_DETAIL as Yt } from "@kosdev-code/kos-ui-plugin/utilities";
+import { useLocation as Oo, useSearchParams as Ro } from "react-router-dom";
+import { FreestylePump as No } from "@kosdev-code/kos-freestyle-sdk";
+class z {
+  constructor(t, n) {
+    E(this, "future");
+    E(this, "intentContainer");
+    E(this, "title");
+    E(this, "intent");
+    E(this, "namespace");
+    E(this, "successMessage");
+    E(this, "failureMessage");
+    E(this, "actionLabel");
+    this.intentContainer = t, this.title = n.title, this.namespace = n.namespace, this.intent = n.intent, this.successMessage = n.successMessage, this.failureMessage = n.failureMessage, this.actionLabel = n.actionLabel;
+  }
+  get type() {
+    return "intentContainer";
+  }
+  async performAction() {
+    const t = await this.intentContainer.performIntent(this.intent);
+    t != null && t.tracker && (this.future = Bt.getFuture(t.tracker));
+  }
+}
+class Vo extends z {
+  constructor(t) {
+    super(t, {
+      title: "Calibrate",
+      intent: "CALIBRATE",
+      successMessage: "Calibrate Complete",
+      failureMessage: "Calibrate Failed"
+    });
+  }
+  enabled() {
+    return !0;
+  }
+}
+class Ho extends z {
+  constructor(t) {
+    super(t, {
+      title: "45ml Flow Test",
+      intent: "FIXED_45",
+      successMessage: "45ml Flow Test Complete",
+      failureMessage: "45ml Flow Test Failed"
+    });
+  }
+  enabled() {
+    return !0;
+  }
+}
+class _o extends z {
+  constructor(t) {
+    super(t, {
+      title: "Flush",
+      intent: "FLUSH",
+      successMessage: "Flush Complete",
+      failureMessage: "Flush Failed"
+    });
+  }
+  enabled() {
+    return !0;
+  }
+}
+class zo extends z {
+  constructor(t) {
+    super(t, {
+      title: "High Flow Test",
+      intent: "HIGH_FLOW_TEST",
+      successMessage: "High Flow Test Complete",
+      failureMessage: "High Flow Test Failed"
+    });
+  }
+  enabled() {
+    return !0;
+  }
+}
+class Uo extends z {
+  constructor(t) {
+    super(t, {
+      title: "Hold to Pour",
+      intent: "HOLD_TO_POUR",
+      successMessage: "Pour Complete",
+      failureMessage: "Pour Failed"
+    });
+  }
+  enabled() {
+    return !0;
+  }
+}
+class Ko extends z {
+  constructor(t) {
+    super(t, {
+      title: "Low Flow Test",
+      intent: "LOW_FLOW_TEST",
+      successMessage: "Low Flow Test Complete",
+      failureMessage: "Low Flow Test Failed"
+    });
+  }
+  enabled() {
+    return !0;
+  }
+}
+class jo extends z {
+  constructor(t) {
+    super(t, {
+      title: "Manual Override",
+      intent: "SOFT_START",
+      successMessage: "Manual Override Complete",
+      failureMessage: "Manual Override Failed"
+    });
+  }
+  enabled() {
+    return !0;
+  }
+}
+class Wo extends z {
+  constructor(t) {
+    super(t, {
+      title: "Reset",
+      intent: "MSV_RESET",
+      successMessage: "Reset Complete",
+      failureMessage: "Reset Failed"
+    });
+  }
+  enabled() {
+    return !0;
+  }
+}
+class Go extends z {
+  constructor(t) {
+    super(t, {
+      title: "Prime",
+      intent: "PRIME",
+      successMessage: "Prime Complete",
+      failureMessage: "Prime Failed"
+    });
+  }
+  enabled() {
+    return !0;
+  }
+}
+class Xo extends z {
+  constructor(t) {
+    super(t, {
+      title: "Purge",
+      intent: "PURGE",
+      successMessage: "Purge Complete",
+      failureMessage: "Purge Failed"
+    });
+  }
+  enabled() {
+    return !0;
+  }
+}
+class Yo {
+  constructor(t, n) {
+    E(this, "future");
+    E(this, "troubleAware");
+    E(this, "title");
+    E(this, "troubleKey");
+    E(this, "namespace");
+    E(this, "successMessage");
+    E(this, "failureMessage");
+    E(this, "actionLabel");
+    this.troubleAware = t, this.troubleKey = n.trouble, this.namespace = n.namespace || "troubles", this.title = n.title || `${this.namespace}:troubles.${this.troubleKey}.progress`, this.successMessage = n.successMessage || `${this.namespace}:troubles.${this.troubleKey}.success`, this.failureMessage = n.failureMessage || `${this.namespace}:troubles.${this.troubleKey}.error`, this.actionLabel = n.action || `${this.namespace}:troubles.${this.troubleKey}.action`;
+  }
+  get type() {
+    return "troubleAware";
+  }
+  async performAction() {
+    const t = this.troubleAware.troublesByType[this.troubleKey];
+    if (!t)
+      return;
+    const r = await t[0].resolve();
+    r != null && r.tracker && (this.future = Bt.getFuture(r.tracker));
+  }
+}
+class qo extends Yo {
+  constructor(t, n) {
+    super(t, {
+      trouble: n
+    });
+  }
+  enabled() {
+    return !0;
+  }
+}
+const ti = "PrimeTrouble", ni = "PurgeTrouble", Qo = w.div`
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+  overflow-x: hidden;
+  gap: 32px;
+  height: 100%;
+`, Zo = I(
+  ({ holder: e, onComplete: t }) => {
+    const [n, r] = x(!1), { t: s } = S("common"), { componentModeOverride: a } = R(), c = e.data.agitated;
+    return /* @__PURE__ */ o(
+      te,
+      {
+        contain: a !== "compact",
+        onClosed: t,
+        show: !n,
+        children: /* @__PURE__ */ y(Qo, { children: [
+          /* @__PURE__ */ o(
+            ne,
+            {
+              contain: a === "compact",
+              showCloseButton: !0,
+              title: s("shelf-agitator"),
+              showOpenButton: !1,
+              onClose: () => r(!0),
+              CloseButton: a === "compact" ? le : void 0
+            }
+          ),
+          /* @__PURE__ */ o(q, { align: "top", children: /* @__PURE__ */ o(
+            De,
+            {
+              label: s("agitating"),
+              padding: "x-large",
+              value: s(c ? "no" : "yes")
+            }
+          ) }),
+          /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(
+            T,
+            {
+              mode: "primary",
+              disabled: c,
+              onPointerDown: () => console.log("agitate!"),
+              children: s("test-shelf-agitator")
+            }
+          ) })
+        ] })
+      }
+    );
+  }
+), qt = () => {
+  const e = ut.type;
+  return F({
+    modelId: e,
+    modelType: ut.type,
+    options: {}
+  });
+}, pe = (e) => {
+  var c, i;
+  const [t, n] = x(e == null ? void 0 : e.futureHandler.future), [r, s] = x(
+    (i = (c = e == null ? void 0 : e.futureHandler) == null ? void 0 : c.future) == null ? void 0 : i.endState
+  );
+  M(() => {
+    const l = ee(() => {
+      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();
+    };
+  }, [e == null ? void 0 : e.futureHandler]);
+  const a = L(() => {
+    e == null || e.futureHandler.removeFuture();
+  }, [e == null ? void 0 : e.futureHandler]);
+  return {
+    future: t,
+    clearFuture: a,
+    success: r === at.Success,
+    failure: r && r !== at.Success
+  };
+}, Jo = j.createLogger({ name: "future-progress-bar" }), Qt = w(Gn)`
+  --ddk-component-icon-button-icon-color-active: var(
+    --ddk-component-progress-bar-close-button-color-active
+  );
+  --ddk-component-icon-button-icon-color-default: var(
+    --ddk-component-progress-bar-close-button-color-default
+  );
+  --ddk-component-icon-button-icon-color-disabled: var(
+    --ddk-component-progress-bar-close-button-color-disabled
+  );
+  --ddk-component-icon-button-icon-color-hover: var(
+    --ddk-component-progress-bar-close-button-color-hover
+  );
+`, er = w.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  gap: 8px;
+`, Zt = w.div`
+  align-items: var(--ddk-component-progress-bar-message-align-items);
+  color: var(--ddk-component-progress-bar-message-color);
+  display: flex;
+  flex-direction: var(--ddk-component-progress-bar-message-flex-direction);
+  gap: var(--ddk-component-progress-bar-message-gap);
+  justify-content: space-between;
+  width: 100%;
+`, Jt = w.div`
+  display: flex;
+  gap: var(--ddk-component-status-bar-gap);
+  align-items: center;
+`, tr = w.div`
+  border-top: solid 1px #888888;
+  padding-top: 8px;
+  width: calc(100% - 10px);
+`, Te = ({ children: e, onPointerDown: t, title: n, subtitle: r }) => {
+  const { componentModeOverride: s } = R(), { t: a } = S("common");
+  return /* @__PURE__ */ y(Zt, { children: [
+    /* @__PURE__ */ y(er, { children: [
+      /* @__PURE__ */ y(
+        Jt,
+        {
+          style: {
+            fontSize: "var(--ddk-component-progress-bar-message-font-size)"
+          },
+          children: [
+            /* @__PURE__ */ o(
+              Io,
+              {
+                style: {
+                  color: "var(--ddk-component-progress-bar-icon-color-failure)",
+                  fontSize: "var(--ddk-component-progress-bar-icon-size)"
+                }
+              }
+            ),
+            n ?? e
+          ]
+        }
+      ),
+      r && /* @__PURE__ */ o(tr, { children: r })
+    ] }),
+    s === "compact" ? /* @__PURE__ */ o(T, { mode: "primary", onPointerDown: t, children: a("close", "Close") }) : /* @__PURE__ */ o(
+      Qt,
+      {
+        label: !1,
+        size: "large",
+        onPointerDown: t
+      }
+    )
+  ] });
+}, Qe = ({ children: e, onPointerDown: t }) => {
+  const { componentModeOverride: n } = R(), { t: r } = S("common");
+  return /* @__PURE__ */ y(Zt, { children: [
+    /* @__PURE__ */ y(Jt, { children: [
+      /* @__PURE__ */ o(
+        Do,
+        {
+          style: {
+            color: "var(--ddk-semantic-color-system-green)",
+            fontSize: "var(--ddk-component-progress-bar-icon-size)"
+          }
+        }
+      ),
+      e
+    ] }),
+    n === "compact" ? /* @__PURE__ */ o(T, { mode: "primary", onPointerDown: t, children: r("close", "Close") }) : /* @__PURE__ */ o(
+      Qt,
+      {
+        label: !1,
+        size: "large",
+        onPointerDown: t
+      }
+    )
+  ] });
+}, Lt = (e) => (e == null ? void 0 : e.title) && (e == null ? void 0 : e.subtitle), U = I(
+  ({
+    title: e,
+    future: t,
+    failureMessage: n,
+    successMessage: r,
+    cancelMessage: s,
+    isCancelable: a = !0,
+    onSuccess: c,
+    onClose: i
+  }) => {
+    const { t: l } = S("common"), [d, p] = lt.useState(!0), [u, m] = lt.useState(), g = `${t == null ? void 0 : t.timeRemaining} ${l(
+      "remaining",
+      "remaining"
+    )}`, v = L(() => {
+      u !== "in-progress" && (i == null || i(), p(!1));
+    }, [i, u]), C = L(() => {
+      v(), c == null || c();
+    }, [v, c]);
+    M(() => {
+      (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 || (v(), 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 && Jo.error("unknown status", t == null ? void 0 : t.status);
+    }, [
+      n,
+      t,
+      t == null ? void 0 : t.status,
+      r,
+      s,
+      v,
+      c
+    ]);
+    const b = Lt(n) ? n.subtitle : void 0, k = Lt(n) ? n.title : n ?? l("something-went-wrong", "Something went wrong");
+    return t && /* @__PURE__ */ o(
+      Vt,
+      {
+        isCancelable: a,
+        onCancel: () => {
+          t.cancelFuture();
+        },
+        blocked: u === "in-progress",
+        onClose: v,
+        renderFailure: n && /* @__PURE__ */ o(Te, { subtitle: b, onPointerDown: v, children: k }),
+        renderCancel: s && /* @__PURE__ */ o(Te, { onPointerDown: v, children: s }),
+        renderSuccess: r && /* @__PURE__ */ o(Qe, { onPointerDown: C, children: r }),
+        show: d,
+        status: u,
+        subtitle: g,
+        title: e,
+        value: t.progress
+      }
+    );
+  }
+), nr = j.createLogger({ name: "agitation-control-view" });
+nr.debug("agitation-control-view component loaded");
+const or = w.div``, oi = I(() => {
+  const { model: e } = qt(), { t, i18n: n } = S("troubles"), { future: r, failure: s } = pe(e), a = L(() => {
+    e && e.clearAll();
+  }, [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(or, { children: /* @__PURE__ */ o(
+    U,
+    {
+      title: t("troubles.agitation.title"),
+      future: r,
+      isCancelable: !0,
+      onClose: a,
+      failureMessage: t(l, {
+        context: i && d ? "reason" : void 0,
+        data: {
+          reason: i
+        }
+      })
+    }
+  ) });
+}), rr = I(
+  ({ pump: e, onComplete: t }) => {
+    const { t: n } = S("common", { keyPrefix: "fcm-calibration" }), [r, s] = x("high-flow-test-idle"), [a, c] = x(), [i, l] = x(), [d, p] = x(), { future: u } = pe(e);
+    M(() => {
+      switch (u == null ? void 0 : u.endState) {
+        case "CANCEL":
+          switch (r) {
+            case "high-flow-test-in-progress":
+              s("high-flow-test-idle");
+              break;
+            default:
+              c("calibration-canceled"), s("failure");
+          }
+          break;
+        case "SUCCESS":
+          switch (r) {
+            case "high-flow-test-in-progress":
+              s("high-flow-test-success");
+              break;
+            case "calibration-in-progress":
+              s("calibration-input");
+              break;
+            case "verification-in-progress":
+              s("verification-input");
+              break;
+          }
+          break;
+        case "FAIL":
+          c(u == null ? void 0 : u.reason), s("failure");
+          break;
+      }
+    }, [u == null ? void 0 : u.endState, u == null ? void 0 : u.reason, r]);
+    const m = D(() => ({
+      "high-flow-test-idle": {
+        information: /* @__PURE__ */ o(H, { children: n("high-flow-test-idle-information") }),
+        footer: /* @__PURE__ */ o(
+          T,
+          {
+            onPointerDown: () => {
+              e.performPreCalibrate(), s("high-flow-test-in-progress");
+            },
+            children: n("initiate-high-flow-test")
+          }
+        ),
+        status: "information"
+      },
+      "high-flow-test-in-progress": {
+        information: /* @__PURE__ */ o(H, { children: n("high-flow-test-in-progress-information") }),
+        footer: /* @__PURE__ */ o(T, { disabled: !0, children: n("initiate-high-flow-test") }),
+        status: "loading"
+      },
+      "high-flow-test-success": {
+        information: /* @__PURE__ */ o(H, { children: n("high-flow-test-success-information") }),
+        footer: /* @__PURE__ */ o(T, { onPointerDown: () => s("calibration-idle"), children: n("proceed") }),
+        status: "success"
+      },
+      "calibration-idle": {
+        information: /* @__PURE__ */ o(J, { children: n("calibration-idle-information") }),
+        footer: /* @__PURE__ */ o(
+          T,
+          {
+            onPointerDown: () => {
+              e.performCalibrate(), s("calibration-in-progress");
+            },
+            children: n("calibrate")
+          }
+        ),
+        status: "information"
+      },
+      "calibration-in-progress": {
+        information: /* @__PURE__ */ o(H, { children: n("calibration-in-progress-information") }),
+        status: "loading"
+      },
+      "calibration-input": {
+        information: /* @__PURE__ */ y($, { children: [
+          /* @__PURE__ */ o(J, { children: n("calibration-input-information") }),
+          /* @__PURE__ */ o(
+            ke,
+            {
+              label: "Volume",
+              unitValue: "ml",
+              layout: "num",
+              onChange: (g) => {
+                g !== void 0 && l(g);
+              },
+              value: i !== void 0 ? i : ""
+            }
+          )
+        ] }),
+        footer: /* @__PURE__ */ o(
+          T,
+          {
+            disabled: i === void 0,
+            onPointerDown: () => {
+              i !== void 0 && s("verification-idle");
+            },
+            children: n("proceed")
+          }
+        ),
+        status: "information"
+      },
+      // Todo: calibration-input-confirmation if necessary...
+      "calibration-input-confirmation": {},
+      "verification-idle": {
+        information: /* @__PURE__ */ o(J, { children: n("verification-idle-information") }),
+        footer: /* @__PURE__ */ o(
+          T,
+          {
+            onPointerDown: async () => {
+              i !== void 0 && (e.performVerify(i), s("verification-in-progress"));
+            },
+            children: n("initiate-verification-pour")
+          }
+        ),
+        status: "information"
+      },
+      "verification-in-progress": {
+        information: /* @__PURE__ */ o(H, { children: n("verification-in-progress-information") }),
+        status: "loading"
+      },
+      "verification-input": {
+        information: /* @__PURE__ */ y($, { children: [
+          /* @__PURE__ */ o(J, { children: n("verification-input-information") }),
+          /* @__PURE__ */ o(
+            ke,
+            {
+              label: "Volume",
+              unitValue: "ml",
+              layout: "num",
+              onChange: (g) => {
+                g !== void 0 && p(g);
+              },
+              value: d !== void 0 ? d : ""
+            }
+          )
+        ] }),
+        footer: /* @__PURE__ */ o(
+          T,
+          {
+            disabled: d === void 0,
+            onPointerDown: async () => {
+              if (i === void 0 || d === void 0)
+                return;
+              const g = await e.performComplete(i, d);
+              g === "success" ? s("verification-success") : (c(g), s(g === "errBadPump" ? "verification-failure" : "failure"));
+            },
+            children: n("proceed")
+          }
+        ),
+        status: "information"
+      },
+      // Todo: verification-input-confirmation if necessary...
+      "verification-input-confirmation": {},
+      "verification-success": {
+        information: /* @__PURE__ */ o(H, { children: n("verification-success-information") }),
+        footer: /* @__PURE__ */ o(T, { onPointerDown: t, children: n("exit-calibration") }),
+        status: "success"
+      },
+      "verification-failure": {
+        information: /* @__PURE__ */ o(H, { children: n(`error.${a}`) }),
+        footer: /* @__PURE__ */ o(T, { onPointerDown: t, children: n("exit-calibration") }),
+        status: "error"
+      },
+      failure: {
+        information: /* @__PURE__ */ y($, { children: [
+          /* @__PURE__ */ o(H, { children: n("calibration-failed") }),
+          /* @__PURE__ */ o(J, { children: n(`error.${a || "unknownError"}`) })
+        ] }),
+        footer: /* @__PURE__ */ o(T, { onPointerDown: t, children: n("exit-calibration") }),
+        status: "error"
+      }
+    }), [a, t, e, n, i, d]);
+    return /* @__PURE__ */ y($, { children: [
+      /* @__PURE__ */ o(
+        Ht,
+        {
+          title: n(e.name),
+          ...m[r],
+          onClose: () => t()
+        }
+      ),
+      u && /* @__PURE__ */ o(U, { title: n("initiating"), future: u })
+    ] });
+  }
+), ri = I(({ cardModel: e }) => {
+  j.debug("Agitator", e.path);
+  const { t } = S(["agitator", "common"]), { future: n } = pe(e), r = L(
+    (s) => {
+      s === "agitate" && (e == null || e.testAgitate());
+    },
+    [e]
+  );
+  return /* @__PURE__ */ y($, { children: [
+    /* @__PURE__ */ o(q, { children: /* @__PURE__ */ o(
+      De,
+      {
+        label: "Agitating",
+        value: e.isAgitating ? t("common:yes") : t("common:no")
+      }
+    ) }),
+    /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(T, { onPointerDown: () => r("agitate"), children: t("action.label") }) }),
+    n && /* @__PURE__ */ o(
+      U,
+      {
+        title: t("testing"),
+        future: n
+      }
+    )
+  ] });
+}), sr = w.div`
+  font-size: var(--ddk-component-holder-card-footer-font-size);
+  color: ${(e) => e.color ?? "var(--ddk-generic-color-black)"};
+`, si = I((e) => {
+  j.debug(`summary component loaded for holder ${e}`), j.info(`render agitator summary for holder ${e.cardModel.path}`);
+  const { t } = S("common");
+  return /* @__PURE__ */ y($, { children: [
+    /* @__PURE__ */ o(We, { size: "small", status: "completed" }),
+    e.cardModel.isAgitating && /* @__PURE__ */ o(sr, { children: t("agitating") })
+  ] });
+}), ir = {
+  getStagedChange: void 0,
+  updateStagedChange: void 0,
+  saveChanges: void 0,
+  clearStagedChanges: void 0
+}, en = B(ir), ar = ({
+  children: e
+}) => {
+  const [t, n] = x({}), r = (i) => t[i], s = (i, l) => {
+    n((d) => ({ ...d, [i]: l }));
+  }, a = () => n({}), c = async () => {
+    for (const i in t)
+      t[i].configProperty.updateProperty(
+        t[i].value
+      );
+    a();
+  };
+  return /* @__PURE__ */ o(
+    en.Provider,
+    {
+      value: {
+        getStagedChange: r,
+        updateStagedChange: s,
+        saveChanges: c,
+        clearStagedChanges: a
+      },
+      children: e
+    }
+  );
+}, tn = () => O(en), ii = (e) => (t) => /* @__PURE__ */ o(ar, { children: /* @__PURE__ */ o(e, { ...t }) }), cr = ({ label: e, configProperty: t }) => {
+  const { value: n } = W({ configProperty: t });
+  return /* @__PURE__ */ o(De, { label: e, value: n });
+}, Ze = ({ configProperty: e, hideUnits: t, isValid: n, ...r }) => {
+  var p, u;
+  const { t: s } = S("common", { keyPrefix: "validation" }), { significantValue: a } = W({
+    configProperty: e
+  }), 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 = L(
+    (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]
+  );
+  return /* @__PURE__ */ o(
+    ke,
+    {
+      ...r,
+      isValid: d,
+      onChange: c,
+      unitValue: t ? void 0 : e.unit,
+      value: a
+    }
+  );
+}, ae = ({ configProperty: e, label: t, onChange: n, ...r }) => {
+  var c, i;
+  const { t: s } = S(["config-properties", "common"]), a = W({ configProperty: e });
+  return /* @__PURE__ */ o(
+    Xn,
+    {
+      ...r,
+      label: t ?? s(e.id),
+      layout: "num",
+      maxValue: (c = a.displayOptions) == null ? void 0 : c.max,
+      minValue: (i = a.displayOptions) == null ? void 0 : i.min,
+      onChange: (l) => e.updateProperty(l),
+      unitValue: a.unit,
+      value: a.significantValue
+    }
+  );
+}, Ie = ({ configProperty: e, overrideChecked: t, ...n }) => {
+  var l;
+  const { getStagedChange: r, updateStagedChange: s } = tn(), { value: a } = W({ configProperty: e }), c = ((l = r == null ? void 0 : r(e.id)) == null ? void 0 : l.value) ?? a;
+  return /* @__PURE__ */ o(
+    Yn,
+    {
+      toggleLabel: c === "true" ? "Enabled" : "Disabled",
+      ...n,
+      onChange: (d) => {
+        s ? s(e.id, {
+          configProperty: e,
+          value: d
+        }) : e.updateProperty(d);
+      },
+      checked: t !== void 0 ? t : c === "true"
+    }
+  );
+}, lr = (e) => (e == null ? void 0 : e.map((t) => ({ id: t.value, label: t.label }))) || [], Je = ({
+  collapse: e,
+  cancelButtonLabel: t,
+  configProperty: n,
+  displayMode: r = "raw",
+  displayValue: s,
+  float: a,
+  items: c,
+  label: i,
+  onChange: l,
+  onSave: d,
+  proceedButtonLabel: p,
+  selectedItemId: u,
+  unitValue: m,
+  ...g
+}) => {
+  const { t: v } = S(["config-properties", "common"]), C = W({
+    configProperty: n,
+    optionsTransformer: lr
+  });
+  return /* @__PURE__ */ o(
+    _e,
+    {
+      ...g,
+      cancelButtonLabel: t ?? (v("discard-changes", {
+        defaultValue: "Discard Changes",
+        ns: "common"
+      }) || void 0),
+      collapse: e,
+      displayValue: s ?? r === "raw" ? C.value : C.displayValue,
+      float: a,
+      items: c ?? C.mappedOptions,
+      label: i ?? v(n.id),
+      onSave: (b) => d ? d(b) : n.updateProperty(b),
+      proceedButtonLabel: p ?? (v("save", { defaultValue: "Save", ns: "common" }) || void 0),
+      selectedItemId: u ?? C.value,
+      unitValue: m ?? C.unit
+    }
+  );
+}, dr = w(Ze)`
+  border-top: var(--ddk-component-input-enable-card-input-container-border);
+  border-radius: 0;
+  cursor: pointer;
+  padding: var(--ddk-component-input-enable-card-input-padding);
+  & {
+    // action-item...
+    --ddk-component-action-item-background-color-default: var(
+      --ddk-component-input-enable-card-input-background-color
+    );
+    --ddk-component-action-item-border-color-default: var(
+      --ddk-component-input-enable-card-input-border-color
+    );
+    --ddk-component-action-item-font-weight: var(
+      --ddk-component-input-enable-card-input-font-weight
+    );
+    --ddk-component-action-item-height: var(
+      --ddk-component-input-enable-card-input-height
+    );
+    --ddk-component-action-item-min-width: var(
+      --ddk-component-input-enable-card-input-min-width
+    );
+
+    // input-action-item
+    --ddk-component-input-action-item-font-family: var(
+      --ddk-component-input-enable-card-input-font-family
+    );
+
+    // card...
+    --ddk-component-card-color-light: var(
+      --ddk-component-input-enable-card-input-color
+    );
+    --ddk-component-card-font-weight: var(
+      --ddk-component-input-enable-card-input-font-weight
+    );
+  }
+`, ur = w(Je)`
+  border-top: var(--ddk-component-input-enable-card-input-container-border);
+  border-radius: 0;
+  cursor: pointer;
+  padding: var(--ddk-component-input-enable-card-input-padding);
+  & {
+    // action-item...
+    --ddk-component-action-item-background-color-default: var(
+      --ddk-component-input-enable-card-input-background-color
+    );
+    --ddk-component-action-item-border-color-default: var(
+      --ddk-component-input-enable-card-input-border-color
+    );
+    --ddk-component-action-item-font-weight: var(
+      --ddk-component-input-enable-card-input-font-weight
+    );
+    --ddk-component-action-item-height: var(
+      --ddk-component-input-enable-card-input-height
+    );
+    --ddk-component-action-item-min-width: var(
+      --ddk-component-input-enable-card-input-min-width
+    );
+    --ddk-component-action-item-button-container-width: initial;
+
+    // input-action-item
+    --ddk-component-input-action-item-font-family: var(
+      --ddk-component-input-enable-card-input-font-family
+    );
+
+    // card...
+    --ddk-component-card-color-light: var(
+      --ddk-component-input-enable-card-input-color
+    );
+    --ddk-component-card-font-weight: var(
+      --ddk-component-input-enable-card-input-font-weight
+    );
+  }
+`, pr = (e, t, n, r, s) => {
+  let a;
+  const c = s === "compact" ? dr : Ze, i = s === "compact" ? ur : Je, l = r.label ?? n(e.id);
+  switch (e.schemaType) {
+    case "boolean":
+      a = /* @__PURE__ */ o(
+        Ie,
+        {
+          configProperty: e,
+          ...r,
+          label: l
+        }
+      );
+      break;
+    case "double":
+      a = /* @__PURE__ */ o(
+        ae,
+        {
+          configProperty: e,
+          ...r,
+          label: l
+        }
+      );
+      break;
+    case "int":
+      a = /* @__PURE__ */ o(
+        ae,
+        {
+          configProperty: e,
+          ...r,
+          label: l
+        }
+      );
+      break;
+    case "String":
+      a = /* @__PURE__ */ o(
+        c,
+        {
+          configProperty: e,
+          ...r,
+          label: l
+        }
+      );
+      break;
+    case "enum":
+      a = /* @__PURE__ */ o(
+        i,
+        {
+          configProperty: e,
+          ...r,
+          label: l
+        }
+      );
+      break;
+  }
+  return a;
+}, mr = (e) => (e == null ? void 0 : e.map((t) => ({ id: t.value, label: t.label }))) || [], nn = ({
+  configProperty: e,
+  factory: t,
+  mappedOptions: n,
+  t: r,
+  ...s
+}) => {
+  const { t: a } = S(["config-properties", "common"]), { componentModeOverride: c } = R(), i = W({
+    configProperty: e,
+    optionsTransformer: mr
+  });
+  return t = t ?? pr, t(
+    e,
+    {
+      ...i,
+      mappedOptions: n ?? i.mappedOptions
+    },
+    r ?? a,
+    s,
+    c
+  );
+}, gr = w(qn)`
+  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);
+`, hr = w.div`
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: var(
+    --ddk-component-input-enable-card-input-container-flex-direction
+  );
+  gap: var(--ddk-component-input-enable-card-input-container-gap);
+  width: 100%;
+`, fr = w(nn)`
+  width: 100%;
+`, br = w.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);
+`, vr = ({
+  configProperties: e,
+  disabled: t,
+  enabledConfigProperty: n
+}) => {
+  const { value: r } = W({
+    configProperty: n
+  }), s = r === "true", { componentModeOverride: a } = R(), c = e.length === 1, i = c ? fr : nn;
+  return /* @__PURE__ */ y(
+    gr,
+    {
+      disabled: !s || t,
+      mode: a,
+      children: [
+        /* @__PURE__ */ o(hr, { children: e.map((l) => /* @__PURE__ */ o(
+          i,
+          {
+            disabled: !s || t,
+            label: l.options ? l.options.label : void 0,
+            configProperty: l.configProperty,
+            collapse: !c && a === "standard",
+            layout: l.options ? l.options.layout : void 0,
+            float: !0,
+            hideUnits: l.options ? l.options.hideUnits : void 0
+          },
+          l.configProperty.id
+        )) }),
+        /* @__PURE__ */ o(
+          br,
+          {
+            compact: !c || a === "compact",
+            children: /* @__PURE__ */ o(
+              Ie,
+              {
+                alwaysShowLabel: !0,
+                collapse: !0,
+                configProperty: n,
+                disabled: t,
+                stretch: a === "compact"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}, ai = ({
+  configProperty: e,
+  disabled: t,
+  enabledConfigProperty: n,
+  options: r
+}) => {
+  const s = D(
+    () => [{ configProperty: e, options: r }],
+    [e, r]
+  );
+  return /* @__PURE__ */ o(
+    vr,
+    {
+      configProperties: s,
+      disabled: t,
+      enabledConfigProperty: n
+    }
+  );
+}, yr = ({
+  configProperty: e,
+  ...t
+}) => {
+  const { value: n } = W({ configProperty: e });
+  return /* @__PURE__ */ o(Pe, { ...t, onChange: (s) => {
+    s !== void 0 && (e == null || e.updateProperty(String(s)));
+  }, value: n });
+}, wr = ({
+  description: e,
+  float: t,
+  label: n,
+  modalTitle: r,
+  onSave: s,
+  time: a,
+  ...c
+}) => {
+  const { regionModel: i } = X(), { t: l } = S("common", { keyPrefix: "schedule" }), {
+    amPmOptions: d,
+    formattedTime: p,
+    hourOptions: u,
+    minuteOptions: m,
+    setTime: g,
+    time: v
+  } = Ot({ initialDate: a }), C = v.getHours(), b = D(
+    () => [
+      {
+        id: "hr",
+        items: u,
+        selectedItemId: C < 12 ? C : C - 12,
+        loop: !0
+      },
+      {
+        id: "min",
+        items: m,
+        selectedItemId: v.getMinutes(),
+        loop: !0
+      },
+      {
+        id: "ampm",
+        items: d,
+        selectedItemId: C < 12 ? "AM" : "PM"
+      }
+    ],
+    [d, u, m, v, C]
+  ), k = D(
+    () => [
+      {
+        id: "hr",
+        items: u,
+        selectedItemId: C,
+        loop: !0
+      },
+      {
+        id: "min",
+        items: m,
+        selectedItemId: v.getMinutes(),
+        loop: !0
+      }
+    ],
+    [u, m, v, C]
+  );
+  return /* @__PURE__ */ o(
+    Ge,
+    {
+      ...c,
+      cancelButtonLabel: l("discard-changes", "Discard Changes") || void 0,
+      closeButtonLabel: l("close", "Close") || void 0,
+      data: i != null && i.is12HourTimeFormat ? b : k,
+      description: e,
+      displayValue: p,
+      float: t,
+      icon: Wt,
+      label: n,
+      modalTitle: r,
+      proceedButtonLabel: l("save", "Save") || void 0,
+      onSave: (A) => {
+        const P = i != null && i.is12HourTimeFormat ? A.ampm === "AM" ? A.hr : A.hr + 12 : A.hr, f = A.min, h = new Date(v);
+        h.setHours(P), h.setMinutes(f), g(h), s == null || s({ hours: P, minutes: f });
+      }
+    }
+  );
+}, Cr = ({ configProperty: e, ...t }) => {
+  var p;
+  const { getStagedChange: n, updateStagedChange: r } = tn(), { value: s } = W({ configProperty: e }), a = ((p = n == null ? void 0 : n(e.id)) == null ? void 0 : p.value) ?? s, { hours: c, minutes: i } = yo(Number(a)), l = /* @__PURE__ */ new Date();
+  return l.setHours(c), l.setMinutes(i), /* @__PURE__ */ o(wr, { ...t, onSave: (u) => {
+    const m = wo(u.hours, u.minutes);
+    r ? r(e.id, {
+      configProperty: e,
+      value: m
+    }) : e.updateProperty(m);
+  }, time: l });
+}, xr = [0, 6], Sr = ({
+  day: e = (/* @__PURE__ */ new Date()).getDate(),
+  month: t = (/* @__PURE__ */ new Date()).getMonth(),
+  onSave: n,
+  year: r = (/* @__PURE__ */ new Date()).getFullYear(),
+  ...s
+}) => {
+  var g, v, C, b, k, A;
+  const { t: a } = S("region"), { regionModel: c } = X(), i = Rt({
+    date: { year: r, month: t, day: e },
+    formatOptions: {
+      dayFormat: "short",
+      yearFormat: "long",
+      monthFormat: "long",
+      formatString: (c == null ? void 0 : c.selectedDateFormat) || "yyyy/MM/dd"
+    },
+    filterOptions: {
+      daysOfWeekFilter: xr,
+      yearsRange: [r - 10, r + 10]
+    }
+  }), l = D(
+    () => {
+      var P, f;
+      return (f = (P = i == null ? void 0 : i.dateState) == null ? void 0 : P.yearsOptionsArray) == null ? void 0 : f.map((h) => ({
+        id: h.value,
+        label: h.label
+      }));
+    },
+    [(g = i == null ? void 0 : i.dateState) == null ? void 0 : g.yearsOptionsArray]
+  ), d = D(
+    () => {
+      var P, f;
+      return (f = (P = i == null ? void 0 : i.dateState) == null ? void 0 : P.daysOptionsArray) == null ? void 0 : f.map((h) => ({
+        id: h.value,
+        label: h.label
+      }));
+    },
+    [(v = i == null ? void 0 : i.dateState) == null ? void 0 : v.daysOptionsArray]
+  ), p = D(
+    () => {
+      var P, f;
+      return (f = (P = i == null ? void 0 : i.dateState) == null ? void 0 : P.monthsOptionsArray) == null ? void 0 : f.map((h) => ({
+        id: h.value,
+        label: String(h.label)
+      }));
+    },
+    [(C = i == null ? void 0 : i.dateState) == null ? void 0 : C.monthsOptionsArray]
+  ), u = D(() => {
+    const P = [];
+    return c == null || c.selectedDateOrder.split("").forEach((f) => {
+      var h, N, V;
+      f === "y" ? P.push({
+        id: "year",
+        items: l,
+        selectedItemId: (h = i == null ? void 0 : i.dateState) == null ? void 0 : h.year,
+        loop: !1
+      }) : f === "m" ? P.push({
+        id: "month",
+        items: p,
+        selectedItemId: (N = i == null ? void 0 : i.dateState) == null ? void 0 : N.month
+      }) : f === "d" && P.push({
+        id: "day",
+        items: d,
+        selectedItemId: (V = i == null ? void 0 : i.dateState) == null ? void 0 : V.day,
+        loop: !1
+      });
+    }), P;
+  }, [
+    (b = i == null ? void 0 : i.dateState) == null ? void 0 : b.day,
+    (k = i == null ? void 0 : i.dateState) == null ? void 0 : k.month,
+    (A = i == null ? void 0 : i.dateState) == null ? void 0 : A.year,
+    d,
+    p,
+    c == null ? void 0 : c.selectedDateOrder,
+    l
+  ]), m = L(
+    async (P) => {
+      const h = new Date(P.year, P.month + 1, 0).getDate(), N = P.day > h ? 1 : P.day;
+      n({
+        day: N,
+        month: P.month,
+        year: P.year
+      });
+    },
+    [n]
+  );
+  return /* @__PURE__ */ o(
+    Ge,
+    {
+      cancelButtonLabel: a("discard-changes", "Discard Changes") || void 0,
+      closeButtonLabel: a("close", "Close") || void 0,
+      data: u,
+      displayValue: i.dateState.formattedDate,
+      icon: Lo,
+      label: a("todays-date", "Today's Date"),
+      onSave: m,
+      proceedButtonLabel: a("save", "Save") || void 0,
+      ...s
+    }
+  );
+}, kr = I(
+  ({ pump: e, onComplete: t }) => {
+    const { t: n } = S("common", {
+      keyPrefix: "fcm-diagnostics"
+    }), [r, s] = x("idle"), [a, c] = x(), i = L(async () => {
+      s("test"), c(void 0);
+      const d = await e.performElectricalTest();
+      d.error ? (c(d.error), s("failure")) : d.result === "errEEPROM" ? (c("errEEPROM"), s("failure")) : s("success");
+    }, [e]), l = D(() => ({
+      idle: {
+        information: /* @__PURE__ */ o(H, { children: n("perform-electrical-test") }),
+        footer: /* @__PURE__ */ o(T, { onPointerDown: i, children: n("electrical-test") })
+      },
+      test: {
+        information: /* @__PURE__ */ o(H, { children: n("testing") }),
+        footer: /* @__PURE__ */ o(T, { disabled: !0, children: n("electrical-test") }),
+        status: "loading"
+      },
+      success: {
+        information: /* @__PURE__ */ o(H, { children: n("electrical-test-success-header") }),
+        footer: /* @__PURE__ */ o(T, { onPointerDown: i, children: n("electrical-test") }),
+        status: "success"
+      },
+      failure: {
+        information: /* @__PURE__ */ y($, { children: [
+          /* @__PURE__ */ o(H, { children: n("electrical-test-failure-header") }),
+          /* @__PURE__ */ o(J, { children: n(`error.${a}`) })
+        ] }),
+        footer: /* @__PURE__ */ o(T, { onPointerDown: i, children: n("electrical-test") }),
+        status: "information"
+      }
+    }), [a, n, i]);
+    return /* @__PURE__ */ o(
+      Ht,
+      {
+        title: n(e.name),
+        ...l[r],
+        onClose: () => t()
+      }
+    );
+  }
+), Ke = {
+  title: "",
+  summary: "",
+  successMessage: "",
+  failureMessage: "",
+  actionLabel: ""
+}, ci = (e) => {
+  const [t, n] = x(null), [r, s] = x(Ke), a = e.map((c) => {
+    const [i, , l] = c;
+    return [i == null ? void 0 : i.future, i, l];
+  }).flat();
+  return M(() => {
+    const c = e.find((i) => {
+      const [l] = i;
+      return !!(l != null && l.future);
+    });
+    c ? (n(c[0]), s(c[2])) : (n(null), s(Ke));
+  }, [...a, e]), [t, r];
+}, Pr = (e) => {
+  switch (e) {
+    case "calibrate":
+      return Vo;
+    case "fixed-45":
+      return Ho;
+    case "flush":
+      return _o;
+    case "high-flow-test":
+      return zo;
+    case "hold-to-pour":
+      return Uo;
+    case "low-flow-test":
+      return Ko;
+    case "manual-override":
+      return jo;
+    case "msv-reset":
+      return Wo;
+    case "prime":
+      return Go;
+    case "purge":
+      return Xo;
+    default:
+      return;
+  }
+}, Tr = (e) => (t, n = "intents") => ({
+  title: e(`${n}:troubles.${t}.progress`),
+  summary: e(`${n}:troubles.${t}.summary`),
+  successMessage: e(`${n}:troubles.${t}.success`),
+  failureMessage: e(`${n}:troubles.${t}.error`),
+  actionLabel: e(`${n}:troubles.${t}.action`)
+}), Ae = (e, t = Pr) => {
+  const { t: n } = S("troubles"), [r, s] = x(null), [a, c] = x(Ke), i = L(
+    async (l) => {
+      const d = t(l);
+      if (d) {
+        const p = Tr(n)(l);
+        c(p);
+        const u = new d(e);
+        await u.performAction(), s(u);
+      }
+    },
+    [t, e, n]
+  );
+  return [r, i, a];
+}, Ir = (e) => (j.debug(`pumpActionFactory: actionId=${e}`), qo), Dr = (e) => (t, n = "troubles") => ({
+  title: e(`${n}:troubles.${t}.progress`),
+  summary: e(`${n}:troubles.${t}.summary`),
+  successMessage: e(`${n}:troubles.${t}.success`),
+  failureMessage: e(`${n}:troubles.${t}.error`),
+  actionLabel: e(`${n}:troubles.${t}.action`)
+}), li = (e, t, n = Ir) => {
+  const { t: r } = S("troubles"), [s, a] = x(null), [c] = x(Dr(r)(t)), i = L(async () => {
+    const l = n(t);
+    if (l) {
+      const d = new l(e, t);
+      await d.performAction(), a(d);
+    }
+  }, [n, e, t]);
+  return [s, i, c];
+};
+function di(e) {
+  return (t) => {
+    const { model: n, status: r, KosModelLoader: s } = qt();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, agitationControl: n }) });
+  };
+}
+const on = () => {
+  const e = pt.type;
+  return F({
+    modelId: e,
+    modelType: pt.type,
+    options: {}
+  });
+};
+function Lr(e) {
+  return (t) => {
+    const { model: n, status: r, KosModelLoader: s } = on();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, animation: n }) });
+  };
+}
+const Ee = () => {
+  const e = mt.type;
+  return F({
+    modelId: e,
+    modelType: mt.type,
+    options: {}
+  });
+};
+function ui(e) {
+  return (t) => {
+    const { model: n, status: r, KosModelLoader: s } = Ee();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, application: n }) });
+  };
+}
+const Ar = () => {
+  const e = gt.type;
+  return F({
+    modelId: e,
+    modelType: gt.type,
+    options: {}
+  });
+};
+function pi(e) {
+  return (t) => {
+    const { model: n, status: r, KosModelLoader: s } = Ar();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, carbWater: n }) });
+  };
+}
+const Er = () => {
+  const e = ht.type;
+  return F({
+    modelId: e,
+    modelType: ht.type,
+    options: {},
+    activate: !0,
+    destroyOnUnmount: !0
+  });
+};
+function mi(e) {
+  return (t) => {
+    const { model: n, status: r, KosModelLoader: s } = Er();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, copyLogs: n }) });
+  };
+}
+const rn = () => {
+  const e = ft.type;
+  return F({
+    modelId: e,
+    modelType: ft.type,
+    options: {}
+  });
+};
+function gi(e) {
+  return (t) => {
+    const { model: n, status: r, KosModelLoader: s } = rn();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, dashboardOperations: n }) });
+  };
+}
+const sn = () => {
+  const e = bt.type;
+  return F({
+    modelId: e,
+    modelType: bt.type,
+    options: {}
+  });
+};
+function Fr(e) {
+  return (t) => {
+    const { model: n, status: r, KosModelLoader: s } = sn();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, dispenserInfo: n }) });
+  };
+}
+const $r = (e) => F({
+  modelId: e,
+  modelType: Co.type,
+  options: {}
+});
+function hi(e) {
+  return (t) => {
+    const { model: n, status: r, KosModelLoader: s } = $r(t.id);
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, door: n }) });
+  };
+}
+const At = {
+  [Gt]: "setupDescriptor",
+  [Mo]: "cuiDescriptor",
+  [Bo]: "utilDescriptor"
+}, Mr = ({
+  defaultNamespace: e,
+  extensionPoint: t
+}) => {
+  const { getExtensions: n } = qe(), r = n(t), s = r.map((l) => l.data.namespace) || [], { t: a } = S([e, ...new Set(s)]), c = r.reduce(
+    (l, d) => {
+      const p = d;
+      return l[p.data[At[t]]] = {
+        extension: t,
+        module: p.id,
+        namespace: p.data.namespace,
+        title: p.data.title
+      }, l;
+    },
+    {}
+  ), i = r.reduce((l, d) => {
+    const p = d;
+    return l[p.data[At[t]]] = `${p.data.namespace}:${p.data.title}`, l;
+  }, {});
+  return { namespaces: s, t: a, labelMap: i, contributionMap: c };
+}, et = (e, t) => {
+  const n = D(() => ({
+    agitate: Zo,
+    calibrate: ({ holder: c, pump: i, onComplete: l }) => {
+      const d = He(
+        i ?? c.pumps.data[0],
+        ze.type
+      );
+      return /* @__PURE__ */ o(rr, { pump: d, onComplete: l });
+    },
+    diagnostics: ({ holder: c, pump: i, onComplete: l }) => {
+      const d = He(
+        i ?? c.pumps.data[0],
+        ze.type
+      );
+      return /* @__PURE__ */ o(kr, { pump: d, onComplete: l });
+    },
+    "replace-pump": ({ holder: c, pump: i, onComplete: l }) => /* @__PURE__ */ o(
+      As,
+      {
+        pump: i ?? c.pumps.data[0],
+        onComplete: l
+      }
+    ),
+    "rfid-override": $s,
+    "replace-line": ({ holder: c, onComplete: i }) => /* @__PURE__ */ o(Ds, { holder: c, onComplete: i })
+  }), []), [r, s] = x(void 0), a = r ? n[r] : void 0;
+  return {
+    holderExperience: a ? /* @__PURE__ */ o(
+      a,
+      {
+        holder: e,
+        pump: t,
+        onComplete: () => {
+          console.log("onComplete"), s(void 0);
+        }
+      }
+    ) : void 0,
+    setHolderExperience: s,
+    currentExperienceId: r
+  };
+}, an = B(void 0), fi = ({ children: e, value: t }) => /* @__PURE__ */ o(an.Provider, { value: t, children: e }), Br = (e) => ({ HolderContent: void 0 }), cn = (e, t = Br) => {
+  const n = O(an);
+  return t = (n == null ? void 0 : n.actionFactory) || t, t(e);
+}, ln = () => {
+  const e = vt.type;
+  return F({
+    modelId: e,
+    modelType: vt.type,
+    options: {}
+  });
+};
+function bi(e) {
+  return () => (t) => {
+    const { model: n, status: r, KosModelLoader: s } = ln();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, ingredientSummary: n }) });
+  };
+}
+const dn = () => {
+  const e = yt.type;
+  return F({
+    modelId: e,
+    modelType: yt.type,
+    options: {}
+  });
+};
+function Or(e) {
+  return (t) => {
+    const { model: n, status: r, KosModelLoader: s } = dn();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, macroAssignment: n }) });
+  };
+}
+const un = (e) => F({
+  modelId: e,
+  modelType: xo.type,
+  options: {}
+});
+function vi(e) {
+  return (t) => (n) => {
+    const { model: r, status: s, KosModelLoader: a } = un(t);
+    return /* @__PURE__ */ o(a, { ...s, children: /* @__PURE__ */ o(e, { ...n, networkTest: r }) });
+  };
+}
+const pn = () => {
+  const e = wt.type;
+  return F({
+    modelId: e,
+    modelType: wt.type,
+    options: {}
+  });
+};
+function Rr(e) {
+  return (t) => {
+    const { model: n, status: r, KosModelLoader: s } = pn();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, networkTestContainer: n }) });
+  };
+}
+const Nr = () => {
+  const e = Ct.type;
+  return F({
+    modelId: e,
+    modelType: Ct.type,
+    options: {}
+  });
+};
+function yi(e) {
+  return (t) => {
+    const { model: n, status: r, KosModelLoader: s } = Nr();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, nutritiveSweetener: n }) });
+  };
+}
+const Vr = () => {
+  const e = xt.type;
+  return F({
+    modelId: e,
+    modelType: xt.type,
+    options: {},
+    destroyOnUnmount: !0
+  });
+};
+function wi(e) {
+  return (t) => {
+    const { model: n, status: r, KosModelLoader: s } = Vr();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, plainWater: n }) });
+  };
+}
+const Ci = (e) => {
+  switch (e.type) {
+    case "fcm":
+      return ze.type;
+    case "lfcv":
+      return So.type;
+    default:
+      return;
+  }
+}, Y = "pluginVisibility", Se = /* @__PURE__ */ new Map();
+_n(Y, {
+  register: (e, t) => {
+    var n;
+    Se.has(e) || Se.set(e, []), (n = Se.get(e)) == null || n.push(t);
+  },
+  execute: (e, t, n) => {
+    const r = Se.get(e);
+    if (!r)
+      return !0;
+    const s = r.map((a) => a(t, n));
+    return s.length === 0 ? !0 : !s.includes(!1);
+  }
+});
+class Hr {
+  constructor(t, n) {
+    E(this, "core");
+    E(this, "dispense");
+    this.core = t, this.dispense = n;
+  }
+  /**
+   * Registers a plugin visibility filter
+   * */
+  registerDashboardVisibilityFilter(t) {
+    return ce[Y].register(
+      Y,
+      t
+    ), this;
+  }
+  registerNavVisibilityFilter(t) {
+    return ce[Y].register(
+      Y,
+      t
+    ), this;
+  }
+}
+class xi {
+  constructor() {
+    E(this, "dispense");
+    E(this, "core");
+    E(this, "plugin");
+    this.dispense = new Eo(), this.core = new zn(), this.plugin = new Hr(this.core, this.dispense);
+  }
+}
+const tt = (e) => e ? _r(e.type) : {
+  action: "",
+  label: "",
+  progress: "",
+  summary: ""
+}, _r = (e) => {
+  const t = `troubles:troubles.${e}`;
+  return {
+    action: `${t}.action`,
+    label: `${t}.label`,
+    progress: `${t}.progress`,
+    summary: `${t}.summary`
+  };
+}, Fe = (e) => {
+  const { getExtensions: t } = qe();
+  return {
+    getExtensions: L(
+      (r) => t(r).filter((c) => {
+        const i = c.id;
+        return ce[Y].execute(
+          Y,
+          i,
+          e
+        );
+      }),
+      [t, e]
+    )
+  };
+}, nt = () => {
+  const e = St.type;
+  return F({
+    modelId: e,
+    modelType: St.type,
+    options: {}
+  });
+};
+function Si(e) {
+  return () => (t) => {
+    const { model: n, status: r, KosModelLoader: s } = nt();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, reboot: n }) });
+  };
+}
+const ot = () => {
+  const e = kt.type;
+  return F({
+    modelId: e,
+    modelType: kt.type,
+    options: {}
+  });
+};
+function mn(e) {
+  return (t) => {
+    const { model: n, status: r, KosModelLoader: s } = ot();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, settings: n }) });
+  };
+}
+const gn = (e) => F({
+  modelId: e,
+  modelType: ko.type,
+  options: {}
+});
+function ki(e) {
+  return (t) => (n) => {
+    const { model: r, status: s, KosModelLoader: a } = gn(t);
+    return /* @__PURE__ */ o(a, { ...s, children: /* @__PURE__ */ o(e, { ...n, setupStep: r }) });
+  };
+}
+const hn = () => {
+  const e = Pt.type;
+  return F({
+    modelId: e,
+    modelType: Pt.type,
+    options: {}
+  });
+};
+function zr(e) {
+  return (t) => {
+    const { model: n, status: r, KosModelLoader: s } = hn();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, setupStepContainer: n }) });
+  };
+}
+const Ur = () => {
+  const e = Tt.type;
+  return F({
+    modelId: e,
+    modelType: Tt.type,
+    options: {}
+  });
+};
+function Pi(e) {
+  return (t) => {
+    const { model: n, status: r, KosModelLoader: s } = Ur();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, start: n }) });
+  };
+}
+const fn = () => {
+  const e = It.type, { getExtensions: t } = Fe(), n = t(
+    Ue
+  ).map((s) => s.data);
+  return F({
+    modelId: e,
+    modelType: It.type,
+    options: {
+      definitions: n
+    }
+  });
+};
+function Ti(e) {
+  return (t) => {
+    const { model: n, status: r, KosModelLoader: s } = fn();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, troubleAction: n }) });
+  };
+}
+const Ii = ({
+  troubleType: e,
+  condition: t
+}) => {
+  const { model: n } = Un(), [r, s] = x(!1), [a, c] = x([]);
+  return M(() => ee(() => {
+    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];
+}, bn = (e) => F({
+  modelId: e,
+  modelType: Po.type,
+  options: {}
+});
+function Di(e) {
+  return (t) => (n) => {
+    const { model: r, status: s, KosModelLoader: a } = bn(t);
+    return /* @__PURE__ */ o(a, { ...s, children: /* @__PURE__ */ o(e, { ...n, utilities: r }) });
+  };
+}
+const vn = () => {
+  const e = Dt.type;
+  return F({
+    modelId: e,
+    modelType: Dt.type,
+    options: {}
+  });
+};
+function Li(e) {
+  return (t) => {
+    const { model: n, status: r, KosModelLoader: s } = vn();
+    return /* @__PURE__ */ o(s, { ...r, children: /* @__PURE__ */ o(e, { ...t, utilitiesContainer: n }) });
+  };
+}
+const Kr = Kn(
+  I(({ device: e }) => {
+    const { t } = S("dispenser-profile"), r = e.serialNumber === "unassigned" ? void 0 : e.serialNumber;
+    return /* @__PURE__ */ o(De, { label: t("dispenser-serial"), value: r });
+  })
+), Ai = Fr(
+  I(({ dispenserInfo: e }) => {
+    const { t } = S("dispenser-profile");
+    return /* @__PURE__ */ y($, { children: [
+      /* @__PURE__ */ o(
+        cr,
+        {
+          label: t("dispenser-name", "Dispenser Name"),
+          configProperty: e.name
+        }
+      ),
+      /* @__PURE__ */ o(Kr, {})
+    ] });
+  })
+), Ei = mn(
+  I(({ settings: e }) => {
+    const { t } = S("dispenser-profile"), n = (r) => {
+      if (r && r.length >= 25)
+        return "The name shouldn’t exceed 25 characters.";
+    };
+    return /* @__PURE__ */ y($, { children: [
+      /* @__PURE__ */ o(
+        Ze,
+        {
+          closeButtonLabel: t("close", "Close") || void 0,
+          configProperty: e == null ? void 0 : e.name,
+          isValid: n,
+          label: t("dispenser-name", "Dispenser Name"),
+          layout: "alphanumeric",
+          maxLength: 25
+        }
+      ),
+      /* @__PURE__ */ o(
+        Cr,
+        {
+          label: t("activate-and-reboot-time"),
+          configProperty: e.activateAndRebootTime
+        }
+      )
+    ] });
+  })
+), yn = w(Xe)`
+  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);
+`, jr = w(Xe)`
+  color: var(--ddk-component-dashboard-enjoy-by-trouble-warning-color);
+`, Wr = w(yn)`
+  color: var(--ddk-component-dashboard-enjoy-by-trouble-warning-color);
+`, Gr = ({ holder: e, size: t }) => {
+  const { t: n } = S("common"), { regionModel: r } = X(), s = !!e.enjoyByDate, a = e.enjoyByDate ?? /* @__PURE__ */ new Date(), { formattedDate: c } = jn({
+    year: a.getFullYear(),
+    month: a.getMonth(),
+    day: a.getDay(),
+    formatString: (r == null ? void 0 : r.selectedDateFormat) || ""
+  }), i = e.hasEnjoyByWarning ? t === "small" ? Wr : jr : t === "small" ? yn : Xe;
+  return s && /* @__PURE__ */ o(i, { children: n("enjoy-by", { data: { date: c } }) });
+}, Xr = ({ item: e, valueKey: t }) => {
+  const { t: n } = S("hardware-info"), { linked: r } = e;
+  if (t === "link.serialNum" && !r)
+    return /* @__PURE__ */ o(Qn, { children: n("not-connected") });
+  const s = Zn(e, t);
+  return s || "—";
+}, Yr = w(_t)`
+  & ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+  }
+`, Fi = I(() => {
+  const { model: e } = Fo(), { t } = S("hardware-info"), n = (e == null ? void 0 : e.boardList.map((r) => {
+    var s, a, c;
+    return {
+      ...r,
+      link: {
+        ...r.link,
+        firmwareVersions: (s = r.link) != null && s.firmwareVersions && r.link.firmwareVersions.length > 0 ? /* @__PURE__ */ o("ul", { children: (c = (a = r.link) == null ? void 0 : a.firmwareVersions) == null ? void 0 : c.map((i, l) => /* @__PURE__ */ o("li", { children: i }, l)) }) : "—"
+      }
+    };
+  })) || [];
+  return e && e.boardList && /* @__PURE__ */ o(
+    Yr,
+    {
+      CellRenderer: Xr,
+      data: n,
+      dataKeys: [
+        "name",
+        "type",
+        "link.hardwareVersion",
+        "link.serialNum",
+        "link.firmwareVersions"
+      ],
+      headers: [
+        t("name"),
+        t("type"),
+        t("revision"),
+        t("serial-number"),
+        t("firmware")
+      ],
+      heading: t("tower") || void 0
+    }
+  );
+}), $e = ({
+  disabled: e,
+  model: t,
+  onPour: n,
+  onPourCancel: r,
+  ...s
+}) => {
+  const { t: a } = S("common"), [c, i] = x(
+    t.isPouring ? "halt" : "idle"
+  ), l = dt(), d = dt(!1), p = 250;
+  M(() => ee(() => {
+    t.isPouring || (d.current = !1, clearTimeout(l.current), l.current = void 0, i("idle"));
+  }), [t]), M(
+    () => (
+      // If the model changes, or if the component is unmounted, cancel the
+      // pour...
+      () => {
+        t.isPouring && t.cancelPour();
+      }
+    ),
+    [t]
+  );
+  const u = L(() => {
+    t && (e || t.isPouring || (t.performIntent("HOLD_TO_POUR"), l.current = setTimeout(() => {
+      d.current = !0, l.current = void 0, i("run");
+    }, p)));
+  }, [e, t]), m = L(() => {
+    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 = L(() => {
+    c !== "halt" && m();
+  }, [m, c]);
+  return /* @__PURE__ */ o(
+    Jn,
+    {
+      disabled: e,
+      mode: "primary",
+      onPointerCancel: m,
+      onPointerDown: u,
+      onPointerOut: g,
+      onPointerUp: m,
+      ...s,
+      state: c,
+      children: a(
+        a(c === "idle" ? "tapOrHoldToPour" : c === "run" ? "releaseToStop" : "stop")
+      )
+    }
+  );
+}, wn = B(
+  void 0
+), $i = ({ children: e }) => {
+  const { model: t, ready: n } = on(), r = D(() => n && t ? { model: t } : {}, [n, t]);
+  return /* @__PURE__ */ o(wn.Provider, { value: r, children: e });
+}, Mi = () => {
+  const e = O(wn);
+  if (!e)
+    throw new Error(
+      "useAnimationContext must be used within a AnimationProvider"
+    );
+  return e;
+}, Bi = Lr(
+  ({
+    animation: e,
+    animationOverrides: t,
+    children: n,
+    componentModeOverride: r,
+    modalModeOverride: s
+  }) => {
+    const [a, c] = x(!0), [i, l] = x(!0), [d, p] = x(!0);
+    return M(() => {
+      const u = ee(() => {
+        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), v = !!(!(t != null && t.disableAll) && (t != null && t.enableSideBar)) && !!(!e.disableAll.value && e.enableSideBar.value);
+        c(m), l(g), p(v);
+      });
+      return () => {
+        u();
+      };
+    }, [
+      e,
+      t == null ? void 0 : t.disableAll,
+      t == null ? void 0 : t.enableDial,
+      t == null ? void 0 : t.enableModal,
+      t == null ? void 0 : t.enableSideBar
+    ]), /* @__PURE__ */ o(
+      eo,
+      {
+        value: {
+          componentModeOverride: r,
+          enableDialAnimation: a,
+          enableModalAnimation: i,
+          enableSidebarAnimation: d,
+          modalModeOverride: s
+        },
+        children: n
+      }
+    );
+  }
+), Cn = B(
+  void 0
+), Oi = ({ children: e }) => {
+  const { model: t, ready: n } = Ee(), r = D(() => n && t ? { model: t } : {}, [n, t]);
+  return /* @__PURE__ */ o(Cn.Provider, { value: r, children: e });
+}, rt = () => {
+  const e = O(Cn);
+  if (!e)
+    throw new Error(
+      "useApplicationContext must be used within a ApplicationProvider"
+    );
+  return e;
+}, xn = B(void 0), Ri = ({ children: e }) => {
+  const { model: t, ready: n } = rn(), r = D(() => n && t ? { model: t } : {}, [n, t]);
+  return /* @__PURE__ */ o(xn.Provider, { value: r, children: e });
+}, Ni = () => {
+  const e = O(xn);
+  if (!e)
+    throw new Error(
+      "useDashboardOperationsContext must be used within a DashboardOperationsProvider"
+    );
+  return e;
+}, Sn = B(void 0), Vi = ({ children: e }) => {
+  const { model: t, ready: n } = sn(), r = D(() => n && t ? { model: t } : {}, [n, t]);
+  return /* @__PURE__ */ o(Sn.Provider, { value: r, children: e });
+}, Hi = () => {
+  const e = O(Sn);
+  if (!e)
+    throw new Error(
+      "useDispenserInfoContext must be used within a DispenserInfoProvider"
+    );
+  return e;
+}, kn = B(void 0), _i = ({ children: e }) => {
+  const { model: t, ready: n } = ln(), r = D(() => n && t ? { model: t } : {}, [n, t]);
+  return /* @__PURE__ */ o(kn.Provider, { value: r, children: e });
+}, zi = () => {
+  const e = O(kn);
+  if (!e)
+    throw new Error(
+      "useIngredientSummaryContext must be used within a IngredientSummaryProvider"
+    );
+  return e;
+}, Pn = B(void 0), Ui = ({ children: e }) => {
+  const { model: t, ready: n } = dn(), r = D(() => n && t ? { model: t } : {}, [n, t]);
+  return /* @__PURE__ */ o(Pn.Provider, { value: r, children: e });
+}, Ki = () => {
+  const e = O(Pn);
+  if (!e)
+    throw new Error(
+      "useMacroAssignmentContext must be used within a MacroAssignmentProvider"
+    );
+  return e;
+}, Tn = B(
+  void 0
+), ji = ({ children: e, id: t }) => {
+  const { model: n, ready: r } = un(t), s = D(() => r && n ? { model: n } : {}, [r, n]);
+  return /* @__PURE__ */ o(Tn.Provider, { value: s, children: e });
+}, Wi = () => {
+  const e = O(Tn);
+  if (!e)
+    throw new Error(
+      "useNetworkTestContext must be used within a NetworkTestProvider"
+    );
+  return e;
+}, In = B(void 0), Gi = ({ children: e }) => {
+  const { model: t, ready: n } = pn(), r = D(() => n && t ? { model: t } : {}, [n, t]);
+  return /* @__PURE__ */ o(In.Provider, { value: r, children: e });
+}, Xi = () => {
+  const e = O(In);
+  if (!e)
+    throw new Error(
+      "useNetworkTestContainerContext must be used within a NetworkTestContainerProvider"
+    );
+  return e;
+}, Dn = B(void 0), Yi = ({ children: e }) => {
+  const { model: t, ready: n } = nt(), r = D(() => n && t ? { model: t } : {}, [n, t]);
+  return /* @__PURE__ */ o(Dn.Provider, { value: r, children: e });
+}, qi = () => {
+  const e = O(Dn);
+  if (!e)
+    throw new Error("useRebootContext must be used within a RebootProvider");
+  return e;
+}, Ln = B(
+  void 0
+), Qi = ({ children: e }) => {
+  const { model: t, ready: n } = ot(), r = D(() => n && t ? { model: t } : {}, [n, t]);
+  return /* @__PURE__ */ o(Ln.Provider, { value: r, children: e });
+}, Zi = () => {
+  const e = O(Ln);
+  if (!e)
+    throw new Error(
+      "useSettingsContext must be used within a SettingsProvider"
+    );
+  return e;
+}, An = B(
+  void 0
+), Ji = ({ children: e, id: t }) => {
+  const { model: n, ready: r } = gn(t), s = D(() => r && n ? { model: n } : {}, [r, n]);
+  return /* @__PURE__ */ o(An.Provider, { value: s, children: e });
+}, ea = () => {
+  const e = O(An);
+  if (!e)
+    throw new Error(
+      "useSetupStepContext must be used within a SetupStepProvider"
+    );
+  return e;
+}, En = B(void 0), ta = ({ children: e }) => {
+  const { model: t, ready: n } = hn(), r = D(() => n && t ? { model: t } : {}, [n, t]);
+  return /* @__PURE__ */ o(En.Provider, { value: r, children: e });
+}, na = () => {
+  const e = O(En);
+  if (!e)
+    throw new Error(
+      "useSetupStepContainerContext must be used within a SetupStepContainerProvider"
+    );
+  return e;
+}, Fn = B(
+  void 0
+), oa = ({ children: e, id: t }) => {
+  const { model: n, ready: r } = bn(t), s = D(() => r && n ? { model: n } : {}, [r, n]);
+  return /* @__PURE__ */ o(Fn.Provider, { value: s, children: e });
+}, ra = () => {
+  const e = O(Fn);
+  if (!e)
+    throw new Error(
+      "useUtilitiesContext must be used within a UtilitiesProvider"
+    );
+  return e;
+}, $n = B(void 0), sa = ({ children: e }) => {
+  const { model: t, ready: n } = vn(), r = D(() => n && t ? { model: t } : {}, [n, t]);
+  return /* @__PURE__ */ o($n.Provider, { value: r, children: e });
+}, ia = () => {
+  const e = O($n);
+  if (!e)
+    throw new Error(
+      "useUtilitiesContainerContext must be used within a UtilitiesContainerProvider"
+    );
+  return e;
+}, Me = (e) => {
+  const { model: t } = rt(), [n, r] = x(), s = t == null ? void 0 : t.currentRole, a = !!n;
+  return vo(() => {
+    const c = ee(() => {
+      const i = e.troubles.filter(To(s));
+      r((l) => {
+        const d = l ?? [];
+        return i.length !== d.length || i.some((p) => !d.includes(p)) ? i : d;
+      });
+    });
+    return () => {
+      c();
+    };
+  }, [e, s]), { visibleTroubles: n, initialized: a };
+}, qr = j.createLogger({ name: "holder-group-view" });
+qr.debug("holder-group-view component loaded");
+const Et = w.div`
+  align-items: start;
+
+  display: flex;
+  flex-wrap: nowrap;
+  gap: 8px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  color: ${(e) => e.color ?? "var(--ddk-generic-color-black)"};
+`, Qr = w.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: ${(e) => e.color ?? "var(--ddk-generic-color-black)"};
+`, Zr = w.div`
+  font-size: var(--ddk-component-holder-card-footer-font-size);
+  color: ${(e) => e.color ?? "var(--ddk-generic-color-black)"};
+`, Jr = (e) => !e || e === "white", es = (e) => e ? void 0 : "white", ts = (e, t) => t && t.hasEnjoyByWarning ? "var(--ddk-component-dashboard-enjoy-by-trouble-warning-color)" : e ? void 0 : "white", ns = I(
+  ({ holder: e, onHolderSelect: t, showNavIcon: n, summaryBody: r }) => {
+    const { model: s } = Ee(), { visibleTroubles: a, initialized: c } = Me(e), i = s == null ? void 0 : s.currentRole, [l, d] = x(), { t: p } = S("troubles"), { t: u } = S("common"), { componentModeOverride: m } = R(), g = m === "compact", { getExtensions: v } = Fe(), [C, b] = x(!1), k = !!e.ingredientId, A = L(() => {
+      b(!1);
+    }, []), P = (a == null ? void 0 : a.length) ?? 0, f = a == null ? void 0 : a[0], h = P > 0, N = e.hasFuelGuage, V = e.fillPercent, G = h ? `${f == null ? void 0 : f.color}` : void 0, me = Jr(G), oe = h ? es(me) : k ? void 0 : "var(--ddk-component-dashboard-card-color-unassigned)", Oe = h ? ts(me, e) : k ? void 0 : "var(--ddk-component-dashboard-card-color-unassigned)", ge = zt(e.name, g), re = e.removed ? u(e.previousIngredientName) : e.unassigned ? u("unassigned") : u(e.ingredientName), Re = /* @__PURE__ */ o(Et, { color: oe, children: re }), he = /* @__PURE__ */ o(Qr, { color: oe, children: ge }), Ne = /* @__PURE__ */ y(Et, { children: [
+      e.name,
+      " ",
+      re
+    ] }), fe = k && N && !h && c ? r ?? /* @__PURE__ */ o(
+      no,
+      {
+        color: h ? "var(--ddk-generic-color-white)" : void 0,
+        size: "small",
+        value: V
+      }
+    ) : null, Ve = k && N && !h && c && to(V) || void 0, se = ce.executeDashboardKeyFactory(e) || "", be = D(
+      () => v(Xt),
+      [v]
+    ), ie = D(
+      () => be.filter((K) => !!K.data.pumpDetail).reduce((K, xe) => (K[xe.data.pumpDetail.dashboardKey] = xe.data.pumpDetail, K), {}),
+      [be]
+    ), ve = !!ie[se], { HolderContent: Q, modalOptions: ye } = cn(e);
+    M(() => {
+      async function K() {
+        if (f) {
+          const xe = await Nt(f);
+          d(xe);
+        }
+      }
+      K();
+    }, [f]);
+    const Z = D(
+      () => {
+        var K;
+        return Q ? /* @__PURE__ */ o(Q, { holder: e, onComplete: A }) : ve ? /* @__PURE__ */ o(
+          Le,
+          {
+            extension: Yt,
+            module: (K = ie[se]) == null ? void 0 : K.id,
+            props: { holder: e }
+          }
+        ) : void 0;
+      },
+      [Q, A, ie, ve, e, se]
+    ), we = tt(f), On = /* @__PURE__ */ o(Zr, { color: h ? oe : Oe, children: h ? p(we.summary, {
+      context: f != null && f.deferred ? "queued" : void 0,
+      data: l
+    }) : !g && /* @__PURE__ */ o(Gr, { size: "small", holder: e }) }), { holderExperience: Rn, setHolderExperience: it } = et(e), { future: Ce } = pe(f), Nn = L(() => {
+      e.sortedPumps.length > 0 && (i === "technician" ? b(!0) : e.unassigned || e.removed ? it("rfid-override") : h && (t == null || t(e)));
+    }, [e, h, t, i, it]);
+    return /* @__PURE__ */ y($, { children: [
+      /* @__PURE__ */ y(
+        te,
+        {
+          contain: !g,
+          ...ye,
+          show: C,
+          onClose: A,
+          children: [
+            /* @__PURE__ */ o(
+              ne,
+              {
+                contain: g,
+                showCloseButton: !0,
+                title: Ne,
+                onClose: A,
+                CloseButton: g ? le : void 0
+              }
+            ),
+            Z
+          ]
+        }
+      ),
+      /* @__PURE__ */ o(Ye, { children: Rn }),
+      /* @__PURE__ */ o(
+        Ut,
+        {
+          avatar: he,
+          color: G,
+          footer: On,
+          cardId: e.path,
+          errors: P,
+          title: Re,
+          indicatorColor: Ve,
+          body: fe,
+          showNavIcon: n,
+          onCardSelect: Nn
+        },
+        e.path
+      ),
+      (f == null ? void 0 : f.future) && /* @__PURE__ */ o(
+        U,
+        {
+          title: Re,
+          future: Ce,
+          failureMessage: p(`troubles.${f.type}.error`, {
+            context: Ce == null ? void 0 : Ce.reason
+          })
+        }
+      )
+    ] });
+  }
+), Mn = w.div`
+  display: flex;
+  flex-direction: var(--ddk-component-dashboard-card-flex-direction);
+  row-gap: var(--ddk-component-dashboard-row-gap);
+  column-gap: var(--ddk-component-dashboard-column-gap);
+  height: 100%;
+  user-select: none;
+`, os = I(({ holder: e, showNavIcons: t }) => {
+  const n = e.troubles[0];
+  return /* @__PURE__ */ o(
+    ns,
+    {
+      holder: e,
+      showNavIcon: t,
+      onHolderSelect: () => {
+        n != null && n.resolvable && n.resolve();
+      }
+    },
+    e.id
+  );
+}), aa = I(
+  ({ holders: e, showNavIcons: t, ...n }) => {
+    const r = D(
+      () => e.map((s) => /* @__PURE__ */ o(
+        os,
+        {
+          holder: s,
+          showNavIcons: !!t
+        },
+        s.id
+      )),
+      [e, t]
+    );
+    return /* @__PURE__ */ o(Mn, { ...n, children: r });
+  }
+), rs = j.createLogger({ name: "holder-group-view" });
+rs.debug("holder-group-view component loaded");
+const Ft = ["water", "carb", "ns", "nns"], ss = w.div`
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+  overflow-x: hidden;
+  justify-content: space-between;
+  height: 100%;
+`, $t = w.div`
+  align-items: start;
+
+  display: flex;
+  flex-wrap: nowrap;
+  gap: 8px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+  color: ${(e) => e.color ?? "var(--ddk-generic-color-black)"};
+`, is = w.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: ${(e) => e.color ?? "var(--ddk-generic-color-black)"};
+`, as = w.div`
+  font-size: var(--ddk-component-holder-card-footer-font-size);
+  color: ${(e) => e.color ?? "var(--ddk-generic-color-black)"};
+`, cs = (e) => !e || e === "white", ls = (e) => e ? void 0 : "white", ds = I(
+  ({ holder: e, onHolderSelect: t, showNavIcon: n }) => {
+    var Q, ye;
+    const { model: r } = Ee(), { visibleTroubles: s, initialized: a } = Me(e), { t: c } = S(["troubles", "common"]), { componentModeOverride: i } = R(), l = i === "compact", { getExtensions: d } = Fe(), p = (Q = r == null ? void 0 : r.currentRole) == null ? void 0 : Q.toLowerCase(), [u, m] = x(!1), g = !!e.ingredientId, v = (s == null ? void 0 : s.length) ?? 0, C = s == null ? void 0 : s[0], b = s ? s.length > 0 : !1, k = b ? `${C == null ? void 0 : C.color}` : void 0, A = cs(k), P = b ? ls(A) : g ? void 0 : "var(--ddk-component-dashboard-card-color-unassigned)", f = zt(
+      e.name,
+      i === "compact"
+    ), h = c(`common:macros.${e.name}`), N = c(`common:${e.ingredientName}`), V = g ? Ft.includes(e.name) ? "" : ` ${N}` : ` ${c("common:macros.unassigned")}`, G = `${h}${V}`, me = l ? Ft.includes(e.name) ? h : V : `${h} ${V}`, oe = i === "compact" && /* @__PURE__ */ o(is, { color: P, children: f }), Oe = /* @__PURE__ */ o($t, { color: P, children: me }), ge = /* @__PURE__ */ o($t, { children: G }), re = ce.executeDashboardKeyFactory(e) || "", he = d(Xt).filter((Z) => !!Z.data.pumpDetail).reduce((Z, we) => (Z[we.data.pumpDetail.dashboardKey] = we.data.pumpDetail, Z), {}), Ne = !!he[re], { HolderContent: fe, modalOptions: Ve } = cn(e), se = fe ? /* @__PURE__ */ o(fe, { holder: e, onComplete: () => m(!1) }) : Ne ? /* @__PURE__ */ o(
+      Le,
+      {
+        extension: Yt,
+        module: (ye = he[re]) == null ? void 0 : ye.id,
+        props: { holder: e }
+      }
+    ) : null, be = tt(C), ie = b ? /* @__PURE__ */ o(as, { color: P, children: c(be.summary) }) : null, ve = L(() => {
+      e.sortedPumps.length > 0 && (p === "technician" ? m(!0) : b && (t == null || t(e)));
+    }, [b, e, t, p]);
+    return /* @__PURE__ */ y($, { children: [
+      /* @__PURE__ */ o(
+        Ut,
+        {
+          avatar: oe,
+          color: k,
+          body: b ? null : /* @__PURE__ */ o(
+            We,
+            {
+              size: "small",
+              status: b ? "pending" : "completed"
+            }
+          ),
+          footer: ie,
+          cardId: e.path,
+          errors: v,
+          title: Oe,
+          showNavIcon: n,
+          onCardSelect: ve
+        },
+        e.path
+      ),
+      /* @__PURE__ */ o(
+        te,
+        {
+          contain: i !== "compact",
+          ...Ve,
+          show: u,
+          onClose: () => m(!1),
+          children: /* @__PURE__ */ y(ss, { children: [
+            /* @__PURE__ */ o(
+              ne,
+              {
+                contain: i === "compact",
+                showCloseButton: !0,
+                title: ge,
+                onClose: () => m(!1),
+                CloseButton: i === "compact" ? le : void 0
+              }
+            ),
+            se
+          ] })
+        }
+      ),
+      (C == null ? void 0 : C.future) && /* @__PURE__ */ o(U, { title: ge, future: C == null ? void 0 : C.future })
+    ] });
+  }
+), ca = I(
+  ({ holders: e, showNavIcons: t, ...n }) => /* @__PURE__ */ o(Mn, { ...n, children: e.map((r) => {
+    const s = r.troubles[0];
+    return /* @__PURE__ */ o(
+      ds,
+      {
+        holder: r,
+        showNavIcon: t,
+        onHolderSelect: () => {
+          s.resolvable && s.resolve();
+        }
+      },
+      r.id
+    );
+  }) })
+), us = w(Ao)`
+  width: var(--ddk-component-macro-card-unavailable-icon-size);
+  height: var(--ddk-component-macro-card-unavailable-icon-size);
+`, ps = w(Kt)`
+  text-align: center;
+  font-size: var(--ddk-component-sub-modal-heading-font-size-medium);
+`, ms = w.div`
+  height: 100%;
+  overflow-y: auto;
+  width: 100%;
+`, gs = w.div`
+  display: grid;
+  gap: var(--ddk-component-macro-setup-card-gap);
+
+  grid-template-columns: ${(e) => e.compact ? "1fr" : "repeat(auto-fit, 145px)"};
+
+  height: ${(e) => !e.compact && "100%"};
+  justify-content: center;
+  width: 100%;
+  user-select: none;
+`, hs = (e) => {
+  const { componentModeOverride: t } = R();
+  return /* @__PURE__ */ o(
+    gs,
+    {
+      compact: t === "compact",
+      ...e
+    }
+  );
+}, fs = w.div`
+  align-items: center;
+
+  background: ${(e) => e.selected ? "var(--ddk-generic-color-grey-5)" : "var(--ddk-generic-color-white)"};
+
+  border: ${(e) => e.selected ? "1px solid var(--ddk-generic-color-grey-80)" : "1px solid var(--ddk-generic-color-grey-30)"};
+
+  border-radius: 4px;
+  box-sizing: border-box;
+  color: var(--ddk-generic-color-grey-70);
+  display: flex;
+  flex: 1 0 0;
+  font-size: var(--ddk-component-macro-card-font-size-small);
+  font-style: normal;
+  font-weight: var(--ddk-component-macro-card-font-weight);
+  gap: var(--ddk-component-macro-setup-card-gap);
+  height: var(--ddk-component-macro-card-height);
+  justify-content: center;
+  letter-spacing: 0.64px;
+  line-height: 135%;
+  overflow-wrap: anywhere;
+  padding: var(--ddk-component-macro-setup-card-header-padding-md);
+  text-align: center;
+`, bs = w.div`
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+  height: 100%;
+  justify-content: center;
+`, vs = w.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);
+`, Bn = Or(({ holder: e, onComplete: t, macroAssignment: n, showCloseButton: r = !0 }) => {
+  const { t: s } = S("setup"), { t: a } = S("common"), { componentModeOverride: c } = R(), [i, l] = x(e.ingredient), d = w.div`
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    height: 100%;
+  `;
+  return /* @__PURE__ */ y(d, { children: [
+    /* @__PURE__ */ o(q, { children: n.hasMacroIngredients ? /* @__PURE__ */ y($, { children: [
+      c === "standard" && /* @__PURE__ */ o(ps, { children: s("select-and-assign-ingredients-for", {
+        data: { name: a(`macros.${e.name}`) }
+      }) }),
+      /* @__PURE__ */ o(ms, { children: /* @__PURE__ */ o(hs, { children: n.macroIngredients.map((p) => /* @__PURE__ */ o(
+        fs,
+        {
+          selected: (i == null ? void 0 : i.id) === p.id,
+          onPointerDown: () => {
+            i === p || l(p);
+          },
+          children: p.name
+        },
+        p.id
+      )) }) })
+    ] }) : /* @__PURE__ */ y(bs, { children: [
+      /* @__PURE__ */ o(us, {}),
+      /* @__PURE__ */ o(vs, { children: s("no-ingredients-available-for-assignment") })
+    ] }) }),
+    /* @__PURE__ */ o(_, { children: n.hasMacroIngredients ? /* @__PURE__ */ y($, { children: [
+      c === "standard" && r && /* @__PURE__ */ o(
+        T,
+        {
+          onPointerDown: () => {
+            t == null || t();
+          },
+          children: a("close")
+        }
+      ),
+      /* @__PURE__ */ o(
+        T,
+        {
+          mode: "primary",
+          disabled: !i || i.id === e.ingredientId,
+          onPointerDown: async () => {
+            await e.assignIngredient(i == null ? void 0 : i.id), t == null || t();
+          },
+          children: a("assignIngredient")
+        }
+      )
+    ] }) : r !== !1 && /* @__PURE__ */ o(
+      T,
+      {
+        mode: "primary",
+        onPointerDown: () => {
+          t == null || t();
+        },
+        children: a("proceed")
+      }
+    ) })
+  ] });
+}), la = w.div`
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  padding: 24px;
+`, da = $o(
+  ({ assembly: e, showHeading: t }) => /* @__PURE__ */ o(
+    ys,
+    {
+      iceAgitator: e.iceAgitator,
+      showHeading: t
+    }
+  )
+), ys = I(
+  ({ iceAgitator: e, showHeading: t }) => {
+    const { t: n } = S("about"), r = Oo(), { componentModeOverride: s } = R(), a = (e == null ? void 0 : e.iceTypes.map((i) => ({ id: i, label: i }))) || [], c = L(async () => {
+      (e == null ? void 0 : e.type.value) !== void 0 && (e == null || e.updateIceType(e.type.value));
+    }, [e]);
+    return e ? /* @__PURE__ */ y(de, { children: [
+      t && /* @__PURE__ */ o(ue, { children: n("ice-settings", "Ice Settings") }),
+      s === "compact" ? /* @__PURE__ */ o(
+        yr,
+        {
+          configProperty: e.type,
+          onChange: (i) => e.updateIceType(i),
+          options: a,
+          label: n("ice-type", "Ice Type")
+        }
+      ) : /* @__PURE__ */ o(
+        Je,
+        {
+          configProperty: e.type,
+          onSave: (i) => e.updateIceType(i),
+          items: a,
+          label: n("ice-type", "Ice Type") || void 0
+        }
+      ),
+      /* @__PURE__ */ o(
+        ae,
+        {
+          configProperty: e.durationSec,
+          label: n("agitation-duration", "Agitation duration") || void 0
+        }
+      ),
+      /* @__PURE__ */ o(
+        ae,
+        {
+          configProperty: e.inactivitySec,
+          label: n("agitate-inactivity", "Agitate after inactivity") || void 0
+        }
+      ),
+      /* @__PURE__ */ o(
+        ae,
+        {
+          configProperty: e.volWithoutIceMl,
+          label: n("agitate-without-ice", "Agitate after poured without ice") || void 0
+        }
+      ),
+      s !== "compact" && (r == null ? void 0 : r.pathname.includes("/settings")) && /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(T, { onPointerDown: c, children: n("reset") }) })
+    ] }) : "Ice model not loaded...";
+  }
+), ua = I(({ showHeading: e }) => {
+  var l, d, p, u, m, g, v, C;
+  const { t } = S("region"), { model: n } = ot(), { regionModel: r } = X(), s = L(
+    (b) => ({
+      id: b,
+      label: t(`locale.country.${b}`)
+    }),
+    [t]
+  ), { selectedRegion: a, updateRegion: c, regionSelectProps: i } = X(s);
+  return /* @__PURE__ */ y(de, { children: [
+    e && /* @__PURE__ */ o(ue, { children: t("localization", "Localization") }),
+    /* @__PURE__ */ o(
+      _e,
+      {
+        cancelButtonLabel: t("discard-changes", "Discard Changes") || void 0,
+        closeButtonLabel: t("close", "Close") || void 0,
+        displayValue: t(`locale.country.${a}`) || void 0,
+        items: i.options,
+        label: t("country", "Country"),
+        loop: !1,
+        onSave: (b) => c(b),
+        proceedButtonLabel: t("save", "Save") || void 0,
+        selectedItemId: a
+      }
+    ),
+    ((l = r == null ? void 0 : r.unitSystemOptions) == null ? void 0 : l.length) && /* @__PURE__ */ o(
+      Pe,
+      {
+        label: t("units-of-measurement", "Units of Measurement"),
+        options: (d = r == null ? void 0 : r.unitSystemOptions) == null ? void 0 : d.map((b) => ({
+          id: b.id,
+          label: `${t(`locale.unit.${b.id}`)}/${t(
+            `locale.units.${b.id}`
+          )}`
+        })),
+        onChange: (b) => r == null ? void 0 : r.setSelectedUnitSystem(String(b)),
+        value: String(r == null ? void 0 : r.selectedUnitSystem).toLowerCase()
+      }
+    ),
+    /* @__PURE__ */ o(
+      _e,
+      {
+        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.${(u = n == null ? void 0 : n.ncuiLanguage) == null ? void 0 : u.displayValue}`
+        ) : void 0,
+        items: (v = (g = (m = n == null ? void 0 : n.ncuiLanguageData) == null ? void 0 : m.data) == null ? void 0 : g.languages) == null ? void 0 : v.map(
+          ({ locale: b, name: k }) => ({
+            id: b,
+            label: k
+          })
+        ),
+        label: t("non-consumer-language", "Non-Consumer Language"),
+        loop: !1,
+        onSave: (b) => {
+          var k;
+          return (k = n == null ? void 0 : n.ncuiLanguage) == null ? void 0 : k.updateProperty(b);
+        },
+        proceedButtonLabel: t("save", "Save") || void 0,
+        selectedItemId: (C = n == null ? void 0 : n.ncuiLanguage) == null ? void 0 : C.displayValue
+      }
+    )
+  ] });
+});
+w.div`
+  display: flex;
+  font-size: var(--ddk-generic-font-size-x-small);
+  font-weight: normal;
+  gap: 10px;
+  padding-inline-start: 16px;
+  row-gap: 8px;
+
+  & .label {
+    font-weight: 600;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    position: relative;
+    padding-right: 4px;
+    &::after {
+      position: absolute;
+      right: 0;
+      content: ":";
+    }
+  }
+
+  & .result {
+    flex-grow: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  & .status {
+    margin-left: auto;
+    align-items: center;
+    display: flex;
+    justify-content: flex-end;
+  }
+`;
+const ws = w.div`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+`, Cs = ({ item: e, valueKey: t }) => {
+  const { label: n, value: r } = e;
+  if (t === "label")
+    return /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("b", { children: n }) });
+  if (t === "value")
+    return /* @__PURE__ */ o(ws, { children: r });
+}, xs = ({
+  groupName: e,
+  networkTestContainer: t
+}) => {
+  var r;
+  const { t: n } = S("connectivity");
+  return ((r = t == null ? void 0 : t.models.getIndexByKey("group", e)) == null ? void 0 : r.map((s) => {
+    const a = e === "interface", c = a ? s.results.map((i) => ({
+      label: i.name,
+      value: i.val
+    })) : [];
+    return a ? /* @__PURE__ */ o(
+      _t,
+      {
+        CellRenderer: Cs,
+        data: c,
+        dataKeys: ["label", "value"],
+        heading: s.name
+      }
+    ) : /* @__PURE__ */ o(
+      oo,
+      {
+        leftLabel: n(`${s.name}`),
+        rightLabel: s.inProgress ? n("inProgress") : s.timestamp ? s.passed ? n("success") : n("Fail") : n("testNotRun"),
+        type: s.inProgress ? "InProgress" : s.timestamp ? s.passed ? "Success" : "Fail" : "Default",
+        failureMessage: n("failureMessage"),
+        lastSuccess: s == null ? void 0 : s.timestamp,
+        lastSuccessful: n("lastSuccessful")
+      },
+      s.id
+    );
+  })) || [];
+}, pa = Rr(
+  xs
+), Ss = w.div`
+  background-color: var(--ddk-generic-color-grey-80);
+  color: var(--ddk-generic-color-grey-5);
+  border-radius: 5px;
+  padding: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--ddk-generic-font-size-xx-small);
+`, ks = I(({ showAction: e = !0, trouble: t, showHolder: n }) => {
+  var k;
+  const { t: r } = S(["troubles"]), { model: s } = rt(), a = s == null ? void 0 : s.currentRole, [c, i] = x({}), { action: l, label: d, progress: p } = tt(t), u = t.resolvable ?? !1;
+  M(() => {
+    async function A() {
+      if (t) {
+        const P = await Nt(t);
+        i(P);
+      }
+    }
+    A();
+  }, [t]);
+  const { future: m } = pe(t), g = (k = t == null ? void 0 : t.data) != null && k.holderNames && t.data.holderNames.length > 0 ? /* @__PURE__ */ o(Ss, { children: t.data.holderNames[0] }) : null, v = (t == null ? void 0 : t.color) ?? "orange", C = (t == null ? void 0 : t.shouldDefer) ?? !1, b = (t == null ? void 0 : t.deferred) ?? !1;
+  return /* @__PURE__ */ y($, { children: [
+    /* @__PURE__ */ o(
+      ro,
+      {
+        label: r(d, { context: a == null ? void 0 : a.toLowerCase(), data: c }),
+        indicatorColor: v,
+        buttonLabel: e ? b ? "Queued" : C ? "Queue" : r(l, { context: a, defaultValue: "" }) : void 0,
+        date: t.createTime,
+        prefix: n ? g : void 0,
+        onAction: e && u && !b ? () => {
+          t.resolve();
+        } : void 0
+      }
+    ),
+    m && /* @__PURE__ */ o(
+      U,
+      {
+        title: r(p, { context: a }),
+        future: b ? void 0 : m,
+        failureMessage: r(`troubles.${t.type}.error`, {
+          context: m != null && m.reason ? "reason" : void 0,
+          data: {
+            reason: m != null && m.reason ? `__troubles.errors.${m == null ? void 0 : m.reason}__` : void 0
+          }
+        })
+      }
+    )
+  ] });
+}), ma = ({
+  viewContainerId: e,
+  extensionPointId: t,
+  tabs: n,
+  ...r
+}) => {
+  const { getExtensions: s } = qe(), 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 v = c[g];
+      return /* @__PURE__ */ y(de, { children: [
+        /* @__PURE__ */ o(ue, { children: l(`${v.data.namespace}:${v.data.title}`) }),
+        /* @__PURE__ */ o(
+          Le,
+          {
+            extension: t,
+            module: g
+          }
+        )
+      ] }, v.id);
+    });
+    return {
+      id: u.id,
+      label: l(`${u.data.namespace}:${u.data.title}`),
+      content: /* @__PURE__ */ o(so, { children: m })
+    };
+  }), p = [...n, ...d];
+  return /* @__PURE__ */ o(io, { ...r, tabs: p });
+}, st = I(
+  ({ holder: e }) => {
+    const { t } = S("common"), { componentModeOverride: n } = R(), r = n === "compact", { visibleTroubles: s, initialized: a } = Me(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, [v, C] = Ae(e), b = L(
+      (k) => {
+        m ? u == null || u.resolve() : C(k);
+      },
+      [C, m, u]
+    );
+    return i && a && r ? /* @__PURE__ */ y($, { children: [
+      l ? /* @__PURE__ */ o(
+        T,
+        {
+          disabled: g,
+          mode: "primary",
+          onPointerDown: () => b("flush"),
+          children: t("flush", { context: g ? "queued" : "" })
+        }
+      ) : p ? /* @__PURE__ */ o(
+        T,
+        {
+          disabled: g,
+          mode: "primary",
+          onPointerDown: () => b("purge"),
+          children: t("purge", { context: g ? "queued" : "" })
+        }
+      ) : d ? /* @__PURE__ */ o(
+        T,
+        {
+          disabled: g,
+          mode: "primary",
+          onPointerDown: () => b("prime"),
+          children: t("prime", { context: g ? "queued" : "" })
+        }
+      ) : null,
+      v && /* @__PURE__ */ o(U, { ...v })
+    ] }) : null;
+  }
+), Be = ({
+  holder: e,
+  filter: t
+}) => {
+  const { componentModeOverride: n } = R(), r = n === "standard", { visibleTroubles: s, initialized: a } = Me(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((d) => /* @__PURE__ */ o(
+    ks,
+    {
+      showAction: r,
+      trouble: d
+    },
+    d.id
+  )));
+}, ga = I(
+  ({ holder: e }) => {
+    const { t } = S("common"), [n, r] = Ae(e), [s, a] = x();
+    M(() => {
+      async function m() {
+        if (e.ingredientId !== void 0) {
+          const g = await e.resolveIntentVolume("CALIBRATE");
+          a(Math.round(g.volume));
+        }
+      }
+      m();
+    }, [e, e.ingredientId]);
+    const c = e.ingredientId !== void 0, i = s && s > 0, { holderExperience: l, setHolderExperience: d, currentExperienceId: p } = et(e);
+    return c || p === "replace-line" ? /* @__PURE__ */ y($, { children: [
+      /* @__PURE__ */ o(q, { contain: !0, children: /* @__PURE__ */ o(Be, { holder: e }) }),
+      /* @__PURE__ */ y(_, { children: [
+        /* @__PURE__ */ o(
+          T,
+          {
+            disabled: !i,
+            onPointerDown: () => r("calibrate"),
+            children: i ? t("intentPour", {
+              data: {
+                volume: s
+              }
+            }) : t("calibrate")
+          }
+        ),
+        /* @__PURE__ */ o(T, { onPointerDown: () => d("replace-line"), children: t("replace-line") }),
+        /* @__PURE__ */ o($e, { disabled: !c, model: e }),
+        /* @__PURE__ */ o(st, { holder: e })
+      ] }),
+      /* @__PURE__ */ o(Ye, { children: l }),
+      n && /* @__PURE__ */ o(U, { ...n })
+    ] }) : /* @__PURE__ */ o(Bn, { showCloseButton: !1, holder: e });
+  }
+), ha = I(
+  ({ holder: e }) => {
+    const { t } = S("common"), [n, r] = Ae(e), [s, a] = x();
+    M(() => {
+      async function l() {
+        if (e.ingredientId !== void 0) {
+          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__ */ y($, { children: [
+      /* @__PURE__ */ o(q, { contain: !0, children: /* @__PURE__ */ o(Be, { holder: e }) }),
+      /* @__PURE__ */ y(_, { children: [
+        /* @__PURE__ */ o(
+          T,
+          {
+            disabled: !i,
+            onPointerDown: () => r("calibrate"),
+            children: i ? t("intentPour", {
+              data: {
+                volume: s
+              }
+            }) : t("calibrate")
+          }
+        ),
+        /* @__PURE__ */ o($e, { disabled: !c, model: e }),
+        /* @__PURE__ */ o(st, { holder: e })
+      ] }),
+      n && /* @__PURE__ */ o(U, { ...n })
+    ] }) : /* @__PURE__ */ o(Bn, { showCloseButton: !1, holder: e });
+  }
+), fa = I(
+  ({ holder: e }) => /* @__PURE__ */ y($, { children: [
+    /* @__PURE__ */ o(Be, { holder: e }),
+    /* @__PURE__ */ y(_, { children: [
+      /* @__PURE__ */ o($e, { model: e }),
+      /* @__PURE__ */ o(st, { holder: e })
+    ] })
+  ] })
+), ba = I(
+  ({ holder: e }) => {
+    const { t } = S("common"), [n, r] = Ae(e), { holderExperience: s, setHolderExperience: a } = et(e);
+    return /* @__PURE__ */ y($, { children: [
+      /* @__PURE__ */ o(Be, { holder: e }),
+      /* @__PURE__ */ y(_, { children: [
+        /* @__PURE__ */ o($e, { model: e }),
+        /* @__PURE__ */ o(T, { onPointerDown: () => r("high-flow-test"), children: t("high-flow-test") }),
+        /* @__PURE__ */ o(T, { onPointerDown: () => r("low-flow-test"), children: t("low-flow-test") }),
+        /* @__PURE__ */ o(T, { onPointerDown: () => a("diagnostics"), children: t("diagnostics") }),
+        /* @__PURE__ */ o(T, { onPointerDown: () => a("calibrate"), children: t("calibrate") })
+      ] }),
+      /* @__PURE__ */ o(Ye, { children: s }),
+      n && /* @__PURE__ */ o(U, { ...n })
+    ] });
+  }
+), Ps = w.section`
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+  height: 100%;
+  justify-content: space-between;
+`, Ts = w.div`
+  display: flex;
+  gap: 32px;
+  flex-direction: column;
+  align-items: center;
+  padding: 32px;
+`, Is = w.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  text-align: center;
+`, va = ({ onComplete: e }) => {
+  const { t } = S("reboot"), [n, r] = x(!1), { model: s } = nt(), { componentModeOverride: a } = R();
+  return /* @__PURE__ */ y(
+    te,
+    {
+      show: !n,
+      onClose: () => r(!0),
+      onClosed: e,
+      contain: a !== "compact",
+      children: [
+        a === "compact" && /* @__PURE__ */ o(
+          ne,
+          {
+            title: t("reboot"),
+            showCloseButton: !0,
+            onClose: () => r(!0),
+            CloseButton: ao
+          }
+        ),
+        /* @__PURE__ */ y(Ps, { children: [
+          /* @__PURE__ */ y(Ts, { children: [
+            /* @__PURE__ */ o(co, {}),
+            /* @__PURE__ */ o(Is, { children: /* @__PURE__ */ o(Kt, { children: t("modal-heading", "Are you sure you want to reboot dispenser?") }) })
+          ] }),
+          /* @__PURE__ */ o(
+            lo,
+            {
+              cancelLabel: `${t("cancel", "Cancel")}`,
+              proceedLabel: `${t("reboot", "Reboot")}`,
+              onCancel: () => r(!0),
+              onProceed: () => s == null ? void 0 : s.completeReboot()
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, Ds = I(
+  ({ holder: e, onComplete: t }) => {
+    const { t: n } = S("replace-line"), [r, s] = x(), [a, c] = x();
+    return M(() => {
+      e.replaceLine().then(() => {
+        s("success");
+      });
+    }, [e]), /* @__PURE__ */ o(jt, { show: r !== void 0, onClose: () => {
+      if (a) {
+        s(void 0);
+        return;
+      }
+      t();
+    }, children: r === "failure" ? /* @__PURE__ */ o(Te, { children: n(a || "unknownError") }) : r === "success" ? /* @__PURE__ */ o(Qe, { children: n("success") }) : null });
+  }
+), Ls = w.div`
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+  overflow-x: hidden;
+  gap: 32px;
+  height: 100%;
+`, As = I(
+  ({ pump: e, onComplete: t }) => {
+    const [n, r] = x(!1), { t: s } = S("replace-pump"), { componentModeOverride: a } = R(), [c, i] = x(), [l, d] = x(), [p, u] = x(), m = He(
+      e,
+      No.type
+    ), g = e.name, v = L(
+      (k) => {
+        if (k !== void 0 && k.length === 0)
+          return s("pump-calibration-length-error");
+      },
+      [s]
+    ), C = L(async () => {
+      if (c === void 0)
+        return;
+      const [k] = await m.replacePump(c);
+      k ? (d("failure"), u(k)) : d("success");
+    }, [m, c]), b = () => {
+      if (p) {
+        d(void 0);
+        return;
+      }
+      r(!0);
+    };
+    return /* @__PURE__ */ y($, { children: [
+      /* @__PURE__ */ o(
+        te,
+        {
+          contain: a !== "compact",
+          onClosed: t,
+          show: !n,
+          children: /* @__PURE__ */ y(Ls, { children: [
+            /* @__PURE__ */ o(
+              ne,
+              {
+                contain: a === "compact",
+                showCloseButton: !0,
+                title: g ? s("label-replace-pump", {
+                  label: g
+                }) : s("replace-pump"),
+                showOpenButton: !1,
+                onClose: () => r(!0),
+                CloseButton: a === "compact" ? le : void 0
+              }
+            ),
+            /* @__PURE__ */ o(q, { align: "top", children: /* @__PURE__ */ o(
+              ke,
+              {
+                isValid: v,
+                label: s("enter-pump-calibration-code"),
+                layout: "hex",
+                value: c,
+                onChange: (k) => {
+                  u(void 0), i(k);
+                }
+              }
+            ) }),
+            /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(
+              T,
+              {
+                mode: "primary",
+                disabled: !c || !!p,
+                onPointerDown: C,
+                children: s("replace-pump")
+              }
+            ) })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ o(jt, { show: l !== void 0, onClose: b, children: l === "failure" ? /* @__PURE__ */ o(Te, { children: s(p || "unknownError") }) : l === "success" ? /* @__PURE__ */ o(Qe, { children: s("success") }) : null })
+    ] });
+  }
+), Es = /^[0-9a-fA-F]+$/, Mt = (e) => Es.test(e), Fs = w.div`
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+  overflow-x: hidden;
+  height: 100%;
+`, $s = I(
+  ({ holder: e, onComplete: t }) => {
+    const n = e.name, [r, s] = x(!1), { t: a } = S("rfid-override"), { componentModeOverride: c } = R(), [i, l] = x(), [d, p] = x(), [u, m] = x(), [g, v] = x(), [C, b] = x(), k = (f) => {
+      if (f !== void 0 && f.length !== 12)
+        return a("errIdLen");
+      if (!Mt(f))
+        return a("errIdFormat");
+    }, A = (f) => {
+      if (f !== void 0 && f.length !== 8)
+        return a("errCodeLen");
+      if (!Mt(f))
+        return a("errCodeFormat");
+    }, P = async () => {
+      try {
+        await e.overrideRfidCode({
+          stickerId: i,
+          stickerCode: d
+        }), s(!0);
+      } catch (f) {
+        switch (f.type) {
+          case "errIdLen":
+          case "errIdFormat":
+            v(f.type);
+            break;
+          case "errCodeLen":
+          case "errCodeFormat":
+            b(f.type);
+            break;
+          case "errVerify":
+          case "errBadJson":
+            m(f.type);
+            break;
+        }
+      }
+    };
+    return /* @__PURE__ */ y(
+      te,
+      {
+        contain: c !== "compact",
+        mode: "maximized",
+        onClosed: t,
+        show: !r,
+        children: [
+          /* @__PURE__ */ o(
+            ne,
+            {
+              contain: c === "compact",
+              showCloseButton: !0,
+              title: n ? a("label-rfid-override", {
+                label: n
+              }) : a("rfid-override"),
+              showOpenButton: !1,
+              onClose: () => s(!0),
+              CloseButton: c === "compact" ? le : void 0
+            }
+          ),
+          /* @__PURE__ */ y(Fs, { children: [
+            /* @__PURE__ */ y(q, { align: "top", children: [
+              /* @__PURE__ */ o(uo, { children: a("info") }),
+              /* @__PURE__ */ o(
+                ct,
+                {
+                  isValid: k,
+                  description: g ? a(g) : void 0,
+                  label: a("enter-cartridge-id"),
+                  layout: "hex",
+                  value: i,
+                  onChange: (f) => {
+                    v(void 0), l(f);
+                  }
+                }
+              ),
+              /* @__PURE__ */ o(
+                ct,
+                {
+                  isValid: A,
+                  description: C ? a(C) : void 0,
+                  label: a("enter-code"),
+                  layout: "hex",
+                  value: d,
+                  onChange: (f) => {
+                    b(void 0), p(f);
+                  }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(
+              T,
+              {
+                mode: "primary",
+                disabled: !i || !d,
+                onPointerDown: P,
+                children: a("override")
+              }
+            ) }),
+            u && /* @__PURE__ */ o(
+              Vt,
+              {
+                onClose: () => m(void 0),
+                renderFailure: /* @__PURE__ */ o(
+                  po,
+                  {
+                    heading: a("rfid-override"),
+                    message: a(u, { holder: e.name })
+                  }
+                ),
+                show: !0,
+                status: "failure",
+                title: "",
+                value: 0
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+), ya = I(
+  ({ setupPath: e }) => {
+    const { model: t } = rt(), [n, r] = x(!1), [s] = Ro(), a = !!s.get("skipSetup"), c = mo();
+    return M(() => {
+      !n && (t != null && t.setupRequired) && (r(!0), a || c(e));
+    }, [t == null ? void 0 : t.setupRequired, n, c, e, a]), null;
+  }
+), Ms = w.div`
+  cursor: pointer;
+  display: flex;
+  gap: 8px;
+  align-items: center;
+`, Bs = w.div`
+  color: var(--ddk-generic-color-grey-100, #171717);
+  font-size: var(--ddk-component-sidebar-font-size-medium);
+  font-style: normal;
+  font-weight: 600;
+  line-height: 135%;
+  letter-spacing: 0.44px;
+  white-space: nowrap;
+  overflow: hidden;
+`, Os = I(({ setupStepContainer: e, onStepSelected: t, ...n }) => {
+  const { t: r, labelMap: s } = Mr({
+    defaultNamespace: "setup",
+    extensionPoint: Gt
+  }), a = e == null ? void 0 : e.currentStep, c = (e == null ? void 0 : e.data.map((i) => /* @__PURE__ */ y(
+    Ms,
+    {
+      onPointerDown: () => {
+        e.setCurrentStep(i.id), t(i.id);
+      },
+      children: [
+        /* @__PURE__ */ o(
+          We,
+          {
+            size: "large",
+            status: a === i ? "active" : i.complete ? "completed" : "pending"
+          }
+        ),
+        /* @__PURE__ */ o(Bs, { children: r(s[i.name] ?? i.titleKey) })
+      ]
+    },
+    i.id
+  ))) || [];
+  return /* @__PURE__ */ o(go, { ...n, children: c });
+}), wa = zr(Os), Ca = () => {
+  const { model: e } = Wn();
+  return (e == null ? void 0 : e.nodes) && e.nodes.map((t, n) => /* @__PURE__ */ o(ho, { name: t.nodeName, children: Object.keys(t.group).map((r, s) => /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+    fo,
+    {
+      keyList: ["name", "version"],
+      tableHead: r === "undefined" ? "" : r,
+      tableData: t.group[r]
+    }
+  ) }, s)) }, n));
+}, Rs = j.createLogger({ name: "state-experience" });
+Rs.debug("state-experience component loaded");
+const Ns = w.div``, xa = I(
+  () => {
+    const { getExtensions: e } = Fe(), { model: t } = fn(), [n, r] = x(null);
+    return M(() => ee(() => {
+      const c = e(Ue).reduce(
+        (u, m) => {
+          const g = m;
+          return u[g.data.stateKey ?? g.data.troubleType] = {
+            extension: Ue,
+            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, d = i ? c[i] : void 0, p = d ? /* @__PURE__ */ o(
+        Le,
+        {
+          ...d,
+          props: { trouble: l }
+        }
+      ) : null;
+      r(p);
+    }), [e, t]), /* @__PURE__ */ o(Ns, { children: n });
+  }
+), Vs = [0, 6], Hs = () => {
+  const { regionModel: e } = X(), { model: t } = je(), [n, r] = x(/* @__PURE__ */ new Date()), s = n.getFullYear(), a = Rt({
+    formatOptions: {
+      dayFormat: "short",
+      yearFormat: "long",
+      monthFormat: "long",
+      formatString: (e == null ? void 0 : e.selectedDateFormat) || "yyyy/MM/dd"
+    },
+    filterOptions: {
+      daysOfWeekFilter: Vs,
+      yearsRange: [s - 10, s + 10]
+    }
+  }), c = L(
+    (d, p) => {
+      switch (d) {
+        case "year":
+          a.dateActions.setYear(p.id);
+          break;
+        case "month":
+          a.dateActions.setMonth(p.id);
+          break;
+        case "day":
+          a.dateActions.setDay(p.id);
+          break;
+      }
+    },
+    [a.dateActions]
+  ), i = L(() => {
+    a.dateActions.setYear(n.getFullYear()), a.dateActions.setMonth(n.getMonth()), a.dateActions.setDay(n.getDate());
+  }, [n, a.dateActions]), l = L(
+    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: u
+      })), r(/* @__PURE__ */ new Date());
+    },
+    [a.dateActions, t]
+  );
+  return /* @__PURE__ */ o(
+    Sr,
+    {
+      onDiscard: i,
+      onChange: c,
+      onSave: l
+    }
+  );
+}, _s = I(
+  ({ ...e }) => {
+    var i;
+    const { regionModel: t } = X(), { model: n } = je(), { t: r } = S("common"), s = t == null ? void 0 : t.allTimeZones.map((l) => ({ id: l, label: l.replace(/_/g, " ") })), a = (i = t == null ? void 0 : t.timeZones) == null ? void 0 : i.map((l) => ({ id: l, label: l.replace(/_/g, " ") })), c = [
+      {
+        id: "region",
+        label: r("suggested"),
+        items: a || []
+      },
+      {
+        id: "all",
+        label: r("all"),
+        items: s || []
+      }
+    ];
+    return /* @__PURE__ */ o(
+      bo,
+      {
+        ...e,
+        label: r("time-zone"),
+        data: c,
+        displayValue: (n == null ? void 0 : n.timezone).replace("_", " "),
+        loop: !1,
+        selectedItemId: n == null ? void 0 : n.timezone,
+        onSave: n == null ? void 0 : n.updateSystemTimezone,
+        closeButtonLabel: r("close", "Close") || void 0,
+        cancelButtonLabel: r("discard-changes", "Discard Changes") || void 0,
+        proceedButtonLabel: r("save", "Save") || void 0
+      }
+    );
+  }
+), Sa = I(({ showHeading: e }) => {
+  var g, v, C, b, k, A, P, f;
+  const { t } = S("region"), { regionModel: n } = X(), { model: r } = je(), {
+    amPmOptions: s,
+    formattedTime: a,
+    hourOptions: c,
+    minuteOptions: i,
+    setTime: l,
+    time: d
+  } = Ot(), p = d.getHours(), u = D(
+    () => [
+      {
+        id: "hr",
+        items: c,
+        selectedItemId: p < 12 ? p : p - 12,
+        loop: !0
+      },
+      {
+        id: "min",
+        items: i,
+        selectedItemId: d.getMinutes(),
+        loop: !0
+      },
+      {
+        id: "ampm",
+        items: s,
+        selectedItemId: p < 12 ? "AM" : "PM"
+      }
+    ],
+    [s, c, i, d, p]
+  ), m = D(
+    () => [
+      {
+        id: "hr",
+        items: c,
+        selectedItemId: p,
+        loop: !0
+      },
+      {
+        id: "min",
+        items: i,
+        selectedItemId: d.getMinutes(),
+        loop: !0
+      }
+    ],
+    [c, i, d, p]
+  );
+  return M(() => {
+    const h = setInterval(() => {
+      l(/* @__PURE__ */ new Date());
+    }, 3e4);
+    return () => {
+      clearInterval(h);
+    };
+  }, [l]), /* @__PURE__ */ y(de, { children: [
+    e && /* @__PURE__ */ o(ue, { children: t("time-settings", "Time Settings") }),
+    ((g = n == null ? void 0 : n.dateFormatOptions) == null ? void 0 : g.length) && /* @__PURE__ */ o(
+      Pe,
+      {
+        label: t("date-format", "Date Format"),
+        value: (C = (v = n == null ? void 0 : n.dateFormatOptions) == null ? void 0 : v.find(
+          (h) => h.format === n.selectedDateFormat
+        )) == null ? void 0 : C.id,
+        options: (b = n == null ? void 0 : n.dateFormatOptions) == null ? void 0 : b.map((h) => ({ label: h.format.toUpperCase(), ...h })),
+        onChange: (h) => h && (n == null ? void 0 : n.setSelectedDateFormat(String(h)))
+      }
+    ),
+    /* @__PURE__ */ o(Hs, {}),
+    /* @__PURE__ */ o(_s, {}),
+    ((k = n == null ? void 0 : n.timeFormatOptions) == null ? void 0 : k.length) && /* @__PURE__ */ o(
+      Pe,
+      {
+        label: t("time-format", "Time Format"),
+        value: (P = (A = n == null ? void 0 : n.timeFormatOptions) == null ? void 0 : A.find(
+          (h) => h.format === n.selectedTimeFormat
+        )) == null ? void 0 : P.id,
+        options: (f = n == null ? void 0 : n.timeFormatOptions) == null ? void 0 : f.map((h) => ({ label: h != null && h.ampm ? "12 HR" : "24 HR", ...h })).reverse(),
+        onChange: (h) => h && (n == null ? void 0 : n.setSelectedTimeFormat(String(h)))
+      }
+    ),
+    /* @__PURE__ */ o(
+      Ge,
+      {
+        data: n != null && n.is12HourTimeFormat ? u : m,
+        icon: Wt,
+        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: (h) => {
+          const N = n != null && n.is12HourTimeFormat ? h.ampm === "AM" ? h.hr : h.hr + 12 : h.hr, V = h.min, G = new Date(d);
+          G.setHours(N), G.setMinutes(V), l(G), r == null || r.updateSystemTime({
+            hour: N,
+            min: V,
+            sec: 0
+          });
+        }
+      }
+    )
+  ] });
+}), ka = mn(
+  I(({ settings: e, showHeading: t }) => {
+    const { t: n } = S("dispenser-profile");
+    return /* @__PURE__ */ y(de, { children: [
+      t && /* @__PURE__ */ o(ue, { children: n("water-settings", "Water Settings") }),
+      /* @__PURE__ */ o(
+        Ie,
+        {
+          label: n("plain-water", "Plain Water"),
+          configProperty: e.hidePlainWaterBev
+        }
+      ),
+      /* @__PURE__ */ o(
+        Ie,
+        {
+          label: n("carbonated-water", "Carbonated Water"),
+          configProperty: e.hideCarbWaterBev
+        }
+      )
+    ] });
+  })
+), Pa = w.div`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+`, Ta = w.div`
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+  align-items: center;
+  justify-content: center;
+`, Ia = w(T)`
+  display: block;
+`;
+export {
+  Ia as ActionButton,
+  Pa as ActionContainer,
+  Ta as ActionRow,
+  oi as AgitationControlView,
+  ri as AgitatorDetail,
+  Zo as AgitatorModal,
+  si as AgitatorSummary,
+  wn as AnimationContext,
+  $i as AnimationProvider,
+  Bi as ApplicationComponentConfigurationProvider,
+  Cn as ApplicationContext,
+  Oi as ApplicationProvider,
+  Vo as CalibrateAction,
+  rr as CalibrateModal,
+  cr as ConfigPropInfoCard,
+  Ze as ConfigPropInputCard,
+  ae as ConfigPropInputRangeCard,
+  vr as ConfigPropMultiInputEnableCard,
+  Je as ConfigPropPickerCard,
+  ai as ConfigPropSingleInputEnableCard,
+  yr as ConfigPropSwitchCard,
+  Cr as ConfigPropTimePickerCard,
+  Ie as ConfigPropToggleCard,
+  xn as DashboardOperationsContext,
+  Ri as DashboardOperationsProvider,
+  Sr as DatePickerCard,
+  kr as DiagnosticsModal,
+  Sn as DispenserInfoContext,
+  Vi as DispenserInfoProvider,
+  Ai as DispenserInfoSettings,
+  Kr as DispenserSerialNumber,
+  Ei as DispenserSettings,
+  Y as EXTENSION_PLUGIN_VISIBILITY,
+  Gr as EnjoyByDate,
+  Te as FailureMessage,
+  Ho as Fixed45FlowTestAction,
+  _o as FlushAction,
+  U as FutureProgressBar,
+  qo as GenericTroubleAction,
+  Fi as HardwareInfo,
+  zo as HighFlowTestAction,
+  Uo as HoldToPourAction,
+  $e as HoldToPourButton,
+  st as HolderActions,
+  ns as HolderCard,
+  an as HolderContentContext,
+  fi as HolderContentProvider,
+  Mn as HolderGroup,
+  aa as HolderGroupView,
+  Be as HolderNotifications,
+  ys as IceAgitatorSettings,
+  la as IceAgitatorSettingsContainer,
+  da as IceAgitatorSettingsView,
+  kn as IngredientSummaryContext,
+  _i as IngredientSummaryProvider,
+  z as IntentAction,
+  xi as KosPluginExtensionManager,
+  ga as LFCVPumpCard,
+  ua as LocalizationSettings,
+  Ko as LowFlowTestAction,
+  ha as MSVPumpCard,
+  Wo as MSVResetAction,
+  Pn as MacroAssignmentContext,
+  Ui as MacroAssignmentProvider,
+  ds as MacroHolderCard,
+  ca as MacroHolderGroupView,
+  Bn as MacroSetupStepCard,
+  jo as ManualOverrideAction,
+  In as NetworkTestContainerContext,
+  Gi as NetworkTestContainerProvider,
+  Tn as NetworkTestContext,
+  ji as NetworkTestProvider,
+  pa as NetworkTestResults,
+  ks as NotificationCardView,
+  Hr as PluginExtensionManager,
+  ma as PluginTabs,
+  Go as PrimeAction,
+  Xo as PurgeAction,
+  $s as RFIDOverride,
+  Dn as RebootContext,
+  Yi as RebootProvider,
+  va as RebootView,
+  Ds as ReplaceLine,
+  As as ReplacePump,
+  Ln as SettingsContext,
+  Qi as SettingsProvider,
+  ya as SetupRequired,
+  wa as SetupSidebar,
+  Os as SetupSidebarComp,
+  En as SetupStepContainerContext,
+  ta as SetupStepContainerProvider,
+  An as SetupStepContext,
+  Ji as SetupStepProvider,
+  Ca as Software,
+  ar as StagedChangesProvider,
+  xa as StateExperience,
+  Ms as StepItem,
+  Bs as StepTitle,
+  Qe as SuccessMessage,
+  Hs as SystemDatePickerCard,
+  ti as TROUBLE_PRIME,
+  ni as TROUBLE_PURGE,
+  wr as TimePickerCard,
+  Sa as TimeSettings,
+  _s as TimeZonePickerCard,
+  Yo as TroubleAction,
+  $n as UtilitiesContainerContext,
+  sa as UtilitiesContainerProvider,
+  Fn as UtilitiesContext,
+  oa as UtilitiesProvider,
+  fa as ValveCard,
+  ba as WaterPumpCard,
+  ka as WaterSettings,
+  Ci as pumpTypeFactory,
+  _r as troubleLabelByType,
+  tt as troubleLabelFactory,
+  qt as useAgitationControl,
+  on as useAnimation,
+  Mi as useAnimationContext,
+  Ee as useApplication,
+  rt as useApplicationContext,
+  Ar as useCarbWater,
+  ci as useCombinedActions,
+  Er as useCopyLogs,
+  rn as useDashboardOperations,
+  Ni as useDashboardOperationsContext,
+  sn as useDispenserInfo,
+  Hi as useDispenserInfoContext,
+  $r as useDoor,
+  pe as useFutureContainer,
+  cn as useHolderContent,
+  et as useHolderExperience,
+  ln as useIngredientSummary,
+  zi as useIngredientSummaryContext,
+  dn as useMacroAssignment,
+  Ki as useMacroAssignmentContext,
+  un as useNetworkTest,
+  pn as useNetworkTestContainer,
+  Xi as useNetworkTestContainerContext,
+  Wi as useNetworkTestContext,
+  Nr as useNutritiveSweetener,
+  Vr as usePlainWater,
+  Fe as usePluginExtensions,
+  Ae as usePumpAction,
+  nt as useReboot,
+  qi as useRebootContext,
+  ot as useSettings,
+  Zi as useSettingsContext,
+  gn as useSetupStep,
+  hn as useSetupStepContainer,
+  na as useSetupStepContainerContext,
+  ea as useSetupStepContext,
+  tn as useStagedChanges,
+  Ur as useStart,
+  li as useTroubleAction,
+  fn as useTroubleActionState,
+  Ii as useTroubleVisibility,
+  bn as useUtilities,
+  vn as useUtilitiesContainer,
+  ia as useUtilitiesContainerContext,
+  ra as useUtilitiesContext,
+  Mr as useViewExtensions,
+  Me as useVisibleTroubles,
+  di as withAgitationControl,
+  Lr as withAnimation,
+  ui as withApplication,
+  pi as withCarbWater,
+  mi as withCopyLogs,
+  gi as withDashboardOperations,
+  Fr as withDispenserInfo,
+  hi as withDoor,
+  bi as withIngredientSummary,
+  Or as withMacroAssignment,
+  vi as withNetworkTest,
+  Rr as withNetworkTestContainer,
+  yi as withNutritiveSweetener,
+  wi as withPlainWater,
+  Si as withReboot,
+  mn as withSettings,
+  ki as withSetupStep,
+  zr as withSetupStepContainer,
+  ii as withStagedChanges,
+  Pi as withStart,
+  Ti as withTroubleAction,
+  Di as withUtilities,
+  Li as withUtilitiesContainer
+};