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

package/index.cjs

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

package/index.d.ts

@@ -0,0 +1,6 @@
+export * from './components';
+export * from './contexts';
+export * from './hooks';
+export * from './styles/actions';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/ddk/kos-ddk-model-components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}