@pisell/private-materials 6.12.298 → 6.12.299

package/es/components/HDLKiosk/index.less

@@ -92,6 +92,7 @@
 @import './slices/customization/Screen/index.less';
 @import './slices/customization/PrimaryProductSelection/index.less';
 @import './slices/customization/TooLightDialog/index.less';
+@import './slices/customization/dialogButtons.less';
 @import './slices/fulfillment/Screen/index.less';
 @import './slices/identity/Screen/index.less';
 @import './components/common/BlockingNotice/index.less';

package/es/components/HDLKiosk/slices/customization/NextBowlModal/NextBowlModal.js

@@ -139,11 +139,11 @@ function NextBowlModal({ previousGrams, minimumGrams, exchanging = false, showMe
 		"aria-label": t("progress")
 	}, /* @__PURE__ */ React.createElement("li", { className: stage === "remove" ? "is-current" : "is-complete" }, /* @__PURE__ */ React.createElement("span", null, "1"), t("step-remove")), /* @__PURE__ */ React.createElement("li", { className: stage === "place" ? "is-current" : "" }, /* @__PURE__ */ React.createElement("span", null, "2"), t("step-place"))), /* @__PURE__ */ React.createElement("div", { className: `nb-live-weight ${!ready ? "is-pending" : ""}` }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", null, t("live-weight")), /* @__PURE__ */ React.createElement("strong", null, weightLabel, " ", /* @__PURE__ */ React.createElement("small", null, "kg"))), /* @__PURE__ */ React.createElement("p", { role: "status" }, /* @__PURE__ */ React.createElement("i", null), status))), stage === "ask" ? /* @__PURE__ */ React.createElement("div", { className: "nb-modal-actions" }, /* @__PURE__ */ React.createElement("button", {
 		type: "button",
-		className: "nb-button nb-button--secondary",
+		className: "hdl-bowl-dialog-button",
 		onClick: () => dispatch({ type: "FINISH" })
 	}, t("finish")), /* @__PURE__ */ React.createElement("button", {
 		type: "button",
-		className: "nb-button nb-button--primary nb-button--more",
+		className: "hdl-bowl-dialog-button hdl-bowl-dialog-button--primary",
 		onClick: () => {
 			if (!delivered.current) {
 				delivered.current = true;
@@ -157,11 +157,11 @@ function NextBowlModal({ previousGrams, minimumGrams, exchanging = false, showMe
 		focusable: "false"
 	}, /* @__PURE__ */ React.createElement("path", { d: "M10 4v12M4 10h12" })))) : stage === "duplicate" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "nb-modal-actions" }, /* @__PURE__ */ React.createElement("button", {
 		type: "button",
-		className: "nb-button nb-button--secondary",
+		className: "hdl-bowl-dialog-button",
 		onClick: () => dispatch({ type: "REPLACE" })
 	}, t("replace")), /* @__PURE__ */ React.createElement("button", {
 		type: "button",
-		className: "nb-button nb-button--primary",
+		className: "hdl-bowl-dialog-button hdl-bowl-dialog-button--primary",
 		disabled: !canConfirm,
 		onClick: () => dispatch({
 			type: "CONFIRM_NEW",
@@ -172,11 +172,11 @@ function NextBowlModal({ previousGrams, minimumGrams, exchanging = false, showMe
 		role: "status"
 	}, status), /* @__PURE__ */ React.createElement("button", {
 		type: "button",
-		className: "nb-button nb-button--secondary nb-continue-button",
+		className: "hdl-bowl-dialog-button nb-continue-button",
 		onClick: () => dispatch({ type: "FINISH" })
 	}, t("stop"), " ", /* @__PURE__ */ React.createElement("span", { "aria-hidden": "true" }, "→"))) : /* @__PURE__ */ React.createElement("div", { className: "nb-wait-actions" }, /* @__PURE__ */ React.createElement("p", null, t("auto")), /* @__PURE__ */ React.createElement("button", {
 		type: "button",
-		className: "nb-button nb-button--secondary nb-continue-button",
+		className: "hdl-bowl-dialog-button nb-continue-button",
 		onClick: () => dispatch({ type: "FINISH" })
 	}, t("stop"), " ", /* @__PURE__ */ React.createElement("span", { "aria-hidden": "true" }, "→"))))));
 }

package/es/components/HDLKiosk/slices/customization/NextBowlModal/next-bowl.css

@@ -156,33 +156,6 @@
   gap: 16px;
   margin-top: 16px;
 }
-.nb-button {
-  min-height: clamp(64px, calc(var(--nb-vh, 1vh) * 5.4), 80px);
-  padding: 14px 20px;
-  border: 1.5px solid transparent;
-  border-radius: 16px;
-  font-size: clamp(18px, calc(var(--nb-vw, 1vw) * 2), 22px);
-  font-weight: 750;
-  cursor: pointer;
-  transition: background 160ms, transform 160ms;
-  line-height: 1.4;
-}
-.nb-button:active {
-  transform: translateY(2px);
-}
-.nb-button--primary {
-  color: #fff;
-  background: var(--nb-red, #b20d12);
-}
-.nb-button--primary:hover {
-  background: #970b10;
-}
-.nb-button--more {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-}
 .nb-button__plus {
   display: block;
   flex: none;
@@ -193,21 +166,6 @@
   stroke-width: 1.8;
   stroke-linecap: round;
 }
-.nb-button--secondary {
-  color: var(--nb-red, #b20d12);
-  border-color: #d6a2a5;
-  background: #fff6f6;
-}
-.nb-button--secondary:hover {
-  background: #fce8e9;
-}
-.nb-button:disabled {
-  background: #ebe6e1;
-  color: #847b75;
-  border-color: transparent;
-  cursor: not-allowed;
-  transform: none;
-}
 .nb-dialog :is(button, input, select, summary, a):focus-visible {
   outline: 3px solid #2563eb;
   outline-offset: 4px;
@@ -317,11 +275,7 @@
   text-align: center;
 }
 .nb-continue-button {
-  display: flex;
   width: 100%;
-  align-items: center;
-  justify-content: center;
-  gap: 14px;
   margin-top: 12px;
 }
 .nb-continue-button > span {
@@ -480,12 +434,6 @@
   gap: 10px;
   margin-top: 12px;
 }
-.nb-dialog[data-narrow] .nb-button {
-  font-size: 17px;
-  min-height: 64px;
-  padding: 12px 10px;
-  border-radius: 12px;
-}
 .nb-dialog[data-narrow] .nb-steps {
   gap: 16px;
   font-size: 15px;

package/es/components/HDLKiosk/slices/customization/PrimaryProductSelection/index.js

@@ -64,26 +64,7 @@ function PrimaryProductSelection({ products, configuredCount, bowlNumber, curren
 		"data-narrow": layout.narrow || void 0,
 		"data-compact": layout.viewport.height <= 740 || void 0,
 		"data-short": layout.viewport.height <= 520 && !layout.narrow || void 0
-	}, /* @__PURE__ */ React.createElement("div", { className: "hdl-ps-topbar" }, /* @__PURE__ */ React.createElement("span", { className: "hdl-ps-wordmark" }, "MALA · TANG"), /* @__PURE__ */ React.createElement("button", {
-		type: "button",
-		className: "hdl-ps-close",
-		"aria-label": locales.getText("pisell2.hdl-kiosk.primary-select-close"),
-		disabled: busy,
-		onClick: () => {
-			if (delivered.current) return;
-			delivered.current = true;
-			onCancel();
-		}
-	}, /* @__PURE__ */ React.createElement("svg", {
-		viewBox: "0 0 24 24",
-		fill: "none",
-		"aria-hidden": "true"
-	}, /* @__PURE__ */ React.createElement("path", {
-		d: "m6 6 12 12M18 6 6 18",
-		stroke: "currentColor",
-		strokeWidth: "1.8",
-		strokeLinecap: "round"
-	})))), /* @__PURE__ */ React.createElement("header", { className: "hdl-ps-heading" }, /* @__PURE__ */ React.createElement("h2", {
+	}, /* @__PURE__ */ React.createElement("div", { className: "hdl-ps-topbar" }, /* @__PURE__ */ React.createElement("span", { className: "hdl-ps-wordmark" }, "MALA · TANG")), /* @__PURE__ */ React.createElement("header", { className: "hdl-ps-heading" }, /* @__PURE__ */ React.createElement("h2", {
 		ref: heading,
 		tabIndex: -1
 	}, title), /* @__PURE__ */ React.createElement("p", { className: "hdl-ps-bowl-number" }, locales.getText("pisell2.hdl-kiosk.bowl-label").replace("{count}", String(bowlNumber)))), /* @__PURE__ */ React.createElement("div", { className: "hdl-ps-products" }, items.map((item) => {
@@ -110,7 +91,16 @@ function PrimaryProductSelection({ products, configuredCount, bowlNumber, curren
 			strokeLinecap: "round",
 			strokeLinejoin: "round"
 		})))), item.disabled ? /* @__PURE__ */ React.createElement("small", { className: "hdl-ps-unavailable" }, item.reason) : null));
-	})), !items.length ? /* @__PURE__ */ React.createElement("p", { role: "status" }, locales.getText("pisell2.hdl-kiosk.primary-unavailable")) : null)));
+	})), /* @__PURE__ */ React.createElement("button", {
+		type: "button",
+		className: "hdl-bowl-dialog-button hdl-ps-skip",
+		disabled: busy,
+		onClick: () => {
+			if (busy || delivered.current) return;
+			delivered.current = true;
+			onCancel();
+		}
+	}, locales.getText("pisell2.hdl-kiosk.customization-skip")), !items.length ? /* @__PURE__ */ React.createElement("p", { role: "status" }, locales.getText("pisell2.hdl-kiosk.primary-unavailable")) : null)));
 }
 //#endregion
 export { PrimaryProductSelection };

package/es/components/HDLKiosk/slices/customization/PrimaryProductSelection/index.less

@@ -16,7 +16,7 @@
       background: transparent;
       text-align: left;
     }
-    .hdl-ps-dialog button:disabled {
+    .hdl-ps-dialog .hdl-ps-product:disabled {
       opacity: 0.55;
       cursor: not-allowed;
     }
@@ -86,27 +86,6 @@
   font-weight: 850;
   letter-spacing: 0.18em;
 }
-.hdl-ps-close {
-  display: grid;
-  place-items: center;
-  width: 64px;
-  height: 64px;
-  padding: 16px;
-  border: 1px solid #e8e4df;
-  border-radius: 16px;
-  background: #faf9f7;
-  color: var(--hdl-ps-muted);
-  transition: background 160ms, color 160ms;
-}
-.hdl-ps-close svg {
-  display: block;
-  width: 26px;
-  height: 26px;
-}
-.hdl-ps-close:active {
-  background: #fce8e9;
-  color: var(--hdl-ps-red);
-}
 .hdl-ps-heading {
   flex: none;
   text-align: center;
@@ -242,10 +221,6 @@
     background: #fffaf8;
     box-shadow: 0 10px 28px #b20d1210;
   }
-  .hdl-ps-close:hover {
-    background: #fce8e9;
-    color: var(--hdl-ps-red);
-  }
 }
 .hdl-ps-dialog[data-narrow] {
   & {
@@ -337,7 +312,7 @@
     display: grid;
     min-height: 64px;
     place-content: center;
-    margin: 0 68px 12px;
+    margin: 0 0 12px;
   }
   .hdl-ps-heading .hdl-ps-bowl-number {
     margin-top: 6px;
@@ -404,3 +379,12 @@
   font-size: 18px;
   line-height: 1.5;
 }
+
+.hdl-ps-dialog .hdl-ps-skip {
+  flex: none;
+  width: 100%;
+  margin-top: 24px;
+}
+.hdl-ps-dialog[data-short] .hdl-ps-skip {
+  margin-top: 12px;
+}

package/es/components/HDLKiosk/slices/customization/Screen/index.js

@@ -251,6 +251,7 @@ function CustomizationScreen({ product, loading, errorReference, errorMessage, b
 	]);
 	const skipCustomization = useCallback(() => {
 		if (busy || syncing || uncertain) return;
+		if (bowls && bowls.session.getSnapshot().draft.id !== (bowlState === null || bowlState === void 0 ? void 0 : bowlState.draft.id)) return;
 		if (editing) {
 			bowls === null || bowls === void 0 || bowls.returnFromEdit();
 			return;
@@ -266,6 +267,7 @@ function CustomizationScreen({ product, loading, errorReference, errorMessage, b
 		send,
 		syncing,
 		bowls,
+		bowlState === null || bowlState === void 0 ? void 0 : bowlState.draft.id,
 		editing,
 		uncertain
 	]);
@@ -290,9 +292,7 @@ function CustomizationScreen({ product, loading, errorReference, errorMessage, b
 		closeTooLight,
 		skipCustomization
 	]);
-	const hasBowlContent = standardProduct || measurement.gross.greaterThan(0);
-	const advance = hasBowlContent || uncertain || (bowlState === null || bowlState === void 0 ? void 0 : bowlState.phase) === "saved" ? submit : skipCustomization;
-	const advanceLabel = uncertain ? locales.getText("pisell2.hdl-kiosk.bowl-retry") : locales.getText(hasBowlContent || (bowlState === null || bowlState === void 0 ? void 0 : bowlState.phase) === "saved" ? "pisell2.hdl-kiosk.customization-next" : "pisell2.hdl-kiosk.skip");
+	const advanceLabel = uncertain ? locales.getText("pisell2.hdl-kiosk.bowl-retry") : locales.getText("pisell2.hdl-kiosk.customization-next");
 	const { openCart } = useHDLKioskBottomBarController();
 	useHDLKioskBottomBar(useMemo(() => {
 		var _orderBar$cartItemCou;
@@ -323,15 +323,20 @@ function CustomizationScreen({ product, loading, errorReference, errorMessage, b
 				disabled: busy || syncing || uncertain || orderBar.cartLineCount === 0,
 				onOpenCart: openCart
 			}),
-			trailing: /* @__PURE__ */ React.createElement("button", {
+			trailing: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("button", {
+				type: "button",
+				className: "hdl-customization-skip",
+				disabled: busy || syncing || uncertain,
+				onClick: skipCustomization
+			}, locales.getText("pisell2.hdl-kiosk.customization-skip")), /* @__PURE__ */ React.createElement("button", {
 				type: "button",
 				className: "hdl-floating-bar__button hdl-customization-next",
-				disabled: busy || syncing || hasBowlContent && (loading || !productFacts),
-				onClick: advance
+				disabled: busy || syncing || loading || !productFacts,
+				onClick: submit
 			}, /* @__PURE__ */ React.createElement("span", null, busy || syncing ? locales.getText("pisell2.hdl-kiosk.working") : advanceLabel), busy || syncing ? /* @__PURE__ */ React.createElement("span", {
 				className: "hdl-loading-spinner",
 				"aria-hidden": "true"
-			}) : /* @__PURE__ */ React.createElement(NextIcon, null)),
+			}) : /* @__PURE__ */ React.createElement(NextIcon, null))),
 			cartOpenBar: (controller) => ({
 				ariaLabel: locales.getText("pisell2.hdl-kiosk.customization-actions-label"),
 				leading: /* @__PURE__ */ React.createElement("button", {
@@ -343,10 +348,10 @@ function CustomizationScreen({ product, loading, errorReference, errorMessage, b
 				trailing: /* @__PURE__ */ React.createElement("button", {
 					type: "button",
 					className: "hdl-floating-bar__button hdl-customization-next",
-					disabled: busy || syncing || hasBowlContent && (loading || !productFacts),
+					disabled: busy || syncing || loading || !productFacts,
 					onClick: () => {
 						controller.onClose();
-						advance();
+						submit();
 					}
 				}, /* @__PURE__ */ React.createElement("span", null, busy || syncing ? locales.getText("pisell2.hdl-kiosk.working") : advanceLabel), busy || syncing ? /* @__PURE__ */ React.createElement("span", {
 					className: "hdl-loading-spinner",
@@ -365,9 +370,9 @@ function CustomizationScreen({ product, loading, errorReference, errorMessage, b
 		canGoBack,
 		syncing,
 		amountText,
-		advance,
+		submit,
+		skipCustomization,
 		advanceLabel,
-		hasBowlContent,
 		productFacts,
 		loading,
 		openCart,

package/es/components/HDLKiosk/slices/customization/Screen/index.less

@@ -293,6 +293,55 @@
     margin-top: 26px;
   }
 
+  .hdl-customization-skip {
+    position: absolute;
+    right: 26px;
+    bottom: calc(100% + 16px);
+    max-width: calc(100% - 52px);
+    min-height: 58px;
+    border: 1px solid rgba(255, 255, 255, 0.22);
+    border-radius: 999px;
+    padding: 10px 24px;
+    background: rgba(17, 24, 39, 0.86);
+    color: #fff;
+    font-size: 21px;
+    font-weight: 900;
+    line-height: 1.4;
+    overflow-wrap: anywhere;
+    cursor: pointer;
+    transition: background 160ms, transform 160ms;
+
+    &:focus-visible {
+      outline: 3px solid #2563eb;
+      outline-offset: 4px;
+    }
+
+    &:not(:disabled):hover {
+      background: rgba(178, 13, 18, 0.92);
+      transform: translateY(-2px);
+    }
+
+    &:not(:disabled):active {
+      transform: scale(0.98);
+    }
+
+    &:disabled {
+      border-color: transparent;
+      background: #ebe6e1;
+      color: #847b75;
+      cursor: not-allowed;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      transition: none;
+
+      &:not(:disabled):hover,
+      &:not(:disabled):active {
+        transform: none;
+      }
+    }
+  }
+
   .hdl-customization-next {
     border: 0;
     background: linear-gradient(180deg, #20b8aa, #119184);

package/es/components/HDLKiosk/slices/customization/TooLightDialog/index.js

@@ -18,11 +18,12 @@ function TooLightDialog({ busy, editing, hasSavedBowls, onSkip, onRetry }) {
 		height: 887
 	}), /* @__PURE__ */ React.createElement("h1", { className: "hdl-too-light-dialog__title" }, title), /* @__PURE__ */ React.createElement("p", { className: "hdl-too-light-dialog__description" }, description), /* @__PURE__ */ React.createElement("div", { className: "hdl-too-light-dialog__actions" }, /* @__PURE__ */ React.createElement("button", {
 		type: "button",
+		className: "hdl-bowl-dialog-button",
 		disabled: busy,
 		onClick: onSkip
 	}, skipLabel), /* @__PURE__ */ React.createElement("button", {
 		type: "button",
-		className: "is-primary",
+		className: "hdl-bowl-dialog-button hdl-bowl-dialog-button--primary",
 		disabled: busy,
 		onClick: onRetry,
 		autoFocus: true

package/es/components/HDLKiosk/slices/customization/TooLightDialog/index.less

@@ -35,26 +35,4 @@
     gap: 16px;
     margin-top: 30px;
   }
-
-  .hdl-too-light-dialog__actions button {
-    min-height: 94px;
-    border: 3px solid #e85c0c;
-    border-radius: 20px;
-    padding: 18px 28px;
-    background: transparent;
-    color: inherit;
-    font-size: 32px;
-    font-weight: 800;
-    line-height: 1.25;
-    cursor: pointer;
-  }
-
-  .hdl-too-light-dialog__actions button.is-primary {
-    background: linear-gradient(135deg, #ef6b0c, #dc5108);
-    color: #fff;
-  }
-
-  .hdl-too-light-dialog__actions button:disabled {
-    opacity: 0.55;
-  }
 }

package/es/components/HDLKiosk/slices/customization/dialogButtons.less

@@ -0,0 +1,73 @@
+// Shared by product selection, weight warning and every next-bowl stage.
+.pisell-lowcode-modal-root .pisell-pc-modal.hdl-kiosk-modal .hdl-kiosk-dialog {
+  .hdl-bowl-dialog-button {
+    box-sizing: border-box;
+    display: inline-flex;
+    min-width: 0;
+    max-width: 100%;
+    min-height: 64px;
+    align-items: center;
+    justify-content: center;
+    gap: 10px;
+    border: 1.5px solid #d6a2a5;
+    border-radius: 16px;
+    padding: 14px 20px;
+    background: #fff6f6;
+    color: #b20d12;
+    font-family: inherit;
+    font-size: 22px;
+    font-weight: 750;
+    line-height: 1.4;
+    text-align: center;
+    white-space: normal;
+    cursor: pointer;
+    touch-action: manipulation;
+    -webkit-tap-highlight-color: transparent;
+    transition: background 160ms, transform 160ms;
+
+    &:not(:disabled):hover {
+      background: #fce8e9;
+    }
+
+    &:not(:disabled):active {
+      transform: translateY(2px);
+    }
+
+    &--primary {
+      border-color: transparent;
+      background: #b20d12;
+      color: #fff;
+
+      &:not(:disabled):hover {
+        background: #970b10;
+      }
+    }
+
+    &:disabled {
+      border-color: transparent;
+      background: #ebe6e1;
+      color: #847b75;
+      opacity: 1;
+      cursor: not-allowed;
+      transform: none;
+    }
+
+    &:focus-visible {
+      outline: 3px solid #2563eb;
+      outline-offset: 4px;
+    }
+  }
+
+  @media (max-width: 600px) {
+    .hdl-bowl-dialog-button {
+      padding: 12px 16px;
+      font-size: 18px;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .hdl-bowl-dialog-button {
+      transition: none;
+    }
+  }
+}

package/es/components/HDLKiosk/ui/entry/Screen/index.js

@@ -63,12 +63,14 @@ function HandTapIcon() {
 	}), /* @__PURE__ */ React.createElement("g", { className: "hdl-entry-tap-hand" }, /* @__PURE__ */ React.createElement("path", { d: "M196,120a27.9,27.9,0,0,0-13.36,3.39A28,28,0,0,0,144,106.7V76a28,28,0,0,0-56,0v80l-3.82-6.13a28,28,0,0,0-48.41,28.17l29.32,50A8,8,0,1,0,78.89,220L49.6,170a12,12,0,1,1,20.78-12l.14.23,18.68,30A8,8,0,0,0,104,184V76a12,12,0,0,1,24,0v68a8,8,0,1,0,16,0V132a12,12,0,0,1,24,0v20a8,8,0,0,0,16,0v-4a12,12,0,0,1,24,0v36c0,21.61-7.1,36.3-7.16,36.42a8,8,0,0,0,3.58,10.73A7.9,7.9,0,0,0,208,232a8,8,0,0,0,7.16-4.42c.37-.73,8.85-18,8.85-43.58V148A28,28,0,0,0,196,120Z" })));
 }
 function EntryScreen({ locale, model, theme, onThemeChange, isActive = true, onLocaleChange, onTechnicalSupportClick, onSelect, busy = false, canRetryPreparation = false }) {
+	var _capabilityErrorCodes;
 	const layout = useEntryScreenLayout();
 	const buttonRef = useRef(null);
 	const indicatorRef = useRef(null);
 	const feedbackFrame = useRef();
 	const lastActivation = useRef(-Infinity);
 	const [documentHidden, setDocumentHidden] = useState(() => typeof document !== "undefined" && document.hidden);
+	const [capabilityErrorsVisible, setCapabilityErrorsVisible] = useState(false);
 	const entryLocale = locale || "en";
 	const quickOption = model.options.find((option) => option.entry === "quick" && option.interactive);
 	const canStart = Boolean(quickOption && (quickOption.available || canRetryPreparation)) && !busy && isActive;
@@ -117,6 +119,12 @@ function EntryScreen({ locale, model, theme, onThemeChange, isActive = true, onL
 		});
 		onSelect(quickOption.entry);
 	};
+	const capabilityErrorCodes = model.capabilityErrorCodes;
+	const capabilityErrorSignature = (_capabilityErrorCodes = capabilityErrorCodes === null || capabilityErrorCodes === void 0 ? void 0 : capabilityErrorCodes.join("|")) !== null && _capabilityErrorCodes !== void 0 ? _capabilityErrorCodes : "";
+	const pendingOptions = model.options.filter((option) => option.statusTone === "pending");
+	useEffect(() => {
+		setCapabilityErrorsVisible(false);
+	}, [capabilityErrorSignature]);
 	return /* @__PURE__ */ React.createElement("section", {
 		ref: layout.ref,
 		className: "hdl-entry-screen",
@@ -175,7 +183,19 @@ function EntryScreen({ locale, model, theme, onThemeChange, isActive = true, onL
 	}, /* @__PURE__ */ React.createElement("span", {
 		className: "hdl-entry-tap-indicator",
 		ref: indicatorRef
-	}, /* @__PURE__ */ React.createElement(HandTapIcon, null)), /* @__PURE__ */ React.createElement("span", { className: "hdl-entry-tap-copy" }, locales.getText("pisell2.hdl-kiosk.tap-to-start"))) : null));
+	}, /* @__PURE__ */ React.createElement(HandTapIcon, null)), /* @__PURE__ */ React.createElement("span", { className: "hdl-entry-tap-copy" }, locales.getText("pisell2.hdl-kiosk.tap-to-start"))) : null), pendingOptions.length || model.assistanceMessage ? /* @__PURE__ */ React.createElement("div", { className: "hdl-entry-screen__notices" }, pendingOptions.map((option) => /* @__PURE__ */ React.createElement("p", {
+		key: option.entry,
+		className: "hdl-entry-screen__device-status",
+		role: "status"
+	}, option.statusText)), model.assistanceMessage ? (capabilityErrorCodes === null || capabilityErrorCodes === void 0 ? void 0 : capabilityErrorCodes.length) ? /* @__PURE__ */ React.createElement("button", {
+		type: "button",
+		className: "hdl-entry-screen__assistance is-toggle",
+		"aria-expanded": capabilityErrorsVisible,
+		onClick: () => setCapabilityErrorsVisible((visible) => !visible)
+	}, /* @__PURE__ */ React.createElement("span", null, model.assistanceMessage), capabilityErrorsVisible ? /* @__PURE__ */ React.createElement("code", null, capabilityErrorCodes.join(" / ")) : null) : /* @__PURE__ */ React.createElement("p", {
+		className: "hdl-entry-screen__assistance",
+		role: "alert"
+	}, model.assistanceMessage) : null) : null);
 }
 //#endregion
 export { EntryScreen };

package/es/components/HDLKiosk/ui/entry/Screen/index.less

@@ -389,7 +389,8 @@
 
   .hdl-entry-language:focus-within,
   .hdl-entry-theme-toggle:focus-visible,
-  .hdl-entry-technical-support:focus-visible {
+  .hdl-entry-technical-support:focus-visible,
+  .hdl-entry-screen__notices button:focus-visible {
     outline: 3px solid var(--hdl-entry-focus);
     outline-offset: 5px;
   }
@@ -415,6 +416,51 @@
     }
   }
 
+  .hdl-entry-screen__notices {
+    position: absolute;
+    top: var(--hdl-entry-notices-top);
+    left: 50%;
+    z-index: 4;
+    width: var(--hdl-entry-notices-width);
+    max-height: calc(100% - var(--hdl-entry-notices-top) - 24px);
+    overflow: auto;
+    padding: 16px 20px;
+    pointer-events: none;
+    color: var(--hdl-entry-copy);
+    transform: translateX(-50%);
+  }
+
+  .hdl-entry-screen__assistance,
+  .hdl-entry-screen__device-status {
+    display: block;
+    width: 100%;
+    margin: 0;
+    border: 0;
+    padding: 0;
+    background: transparent;
+    color: inherit;
+    font-size: 20px;
+    font-weight: 500;
+    line-height: 1.5;
+    text-align: center;
+  }
+
+  .hdl-entry-screen__device-status + .hdl-entry-screen__assistance {
+    margin-top: 12px;
+  }
+
+  .hdl-entry-screen__assistance.is-toggle {
+    cursor: pointer;
+    pointer-events: auto;
+  }
+
+  .hdl-entry-screen__assistance code {
+    display: block;
+    margin-top: 6px;
+    color: inherit;
+    font-size: 15px;
+  }
+
   & > .hdl-operation-overlay {
     background: var(--hdl-entry-loading-background);
     color: var(--hdl-entry-copy);

package/es/components/HDLKiosk/ui/entry/Screen/useEntryScreenLayout.js

@@ -50,7 +50,9 @@ function useEntryScreenLayout() {
 			"--hdl-entry-icon-size": `${Math.max(44, width * .112)}px`,
 			"--hdl-entry-copy-size": `${copySize}px`,
 			"--hdl-entry-invitation-gap": `${invitationGap}px`,
-			"--hdl-entry-touch-size": `${Math.min(200, Math.max(96, surface.width * .24))}px`
+			"--hdl-entry-touch-size": `${Math.min(200, Math.max(96, surface.width * .24))}px`,
+			"--hdl-entry-notices-width": `${Math.min(734, width * .9)}px`,
+			"--hdl-entry-notices-top": `${(surface.height - height) / 2 + height * .398 + indicatorSize + invitationGap + copySize * 1.25 + 32}px`
 		}
 	};
 }

package/es/components/bigSale/components/BookingFloatingPanel/useBookingPanelController.js

@@ -1,6 +1,5 @@
 import useEngineContext from "../../../../hooks/useEngineContext.js";
 import { subscribeBookingDateChange } from "../../../../plus/salesSdk/utils/bookingDate.js";
-import "../../../../plus/salesSdk/index.js";
 import dayjs from "dayjs";
 import { useCallback, useEffect, useState } from "react";
 //#region src/components/bigSale/components/BookingFloatingPanel/useBookingPanelController.ts

package/es/components/bigSale/components/ProductList/index.js

@@ -14,7 +14,6 @@ import { generateProductTabs } from "../../../ticketBooking/components/ProductDi
 import { useSalesSdkBusinessAvailability } from "../../../../plus/salesSdk/context/SalesSdkBusinessAvailabilityContext.js";
 import { showAddToCartToast } from "../../../../plus/salesSdk/components/showAddToCartToast.js";
 import { mergeBookingsForDisplay } from "../../../../plus/salesSdk/utils/mergeBookingsForDisplay.js";
-import "../../../../plus/salesSdk/index.js";
 import { buildBigSaleProductListPreferencesKey, readBigSaleProductListPreferences, readStoredBigSaleProductListPreferences, removeBigSaleProductListPreferences, resolveBigSaleAutoProductListPreferences, writeBigSaleProductListPreferences } from "../../utils/productListPreferences.js";
 import { resolveBigSaleProductDisplayConfig, useBigSaleProductListConfig } from "../../hooks/useBigSaleProductListConfig.js";
 import locales_default from "../../locales/index.js";

package/es/components/bigSale/components/TimeBar/index.js

@@ -4,7 +4,6 @@ import withResponsive from "../../../../responsive/withResponsive.js";
 import useInitLocalesOnce from "../../../../hooks/useInitLocalesOnce.js";
 import { subscribeBookingDateChange } from "../../../../plus/salesSdk/utils/bookingDate.js";
 import { useSalesSdkBookingContext } from "../../../../plus/salesSdk/context/SalesSdkBookingContext.js";
-import "../../../../plus/salesSdk/index.js";
 import locales_default from "../../locales/index.js";
 import { getPosWeekStartsOn, resolvePosCountryCode } from "../../../../utils/posDateLocale.js";
 import dayjs from "dayjs";

package/es/components/bigSale/dialog.js

@@ -6,7 +6,6 @@ import { buildInitBookingContextParams, collectBookingIdsFromTempOrder } from ".
 import { useSalesSdk } from "../../plus/salesSdk/hooks/useSalesSdk.js";
 import { useSalesSdkCart } from "../../plus/salesSdk/hooks/useSalesSdkCart.js";
 import { SalesSdkPrepareOrderSwitchContext, SalesSdkRootRefreshContext } from "../../plus/salesSdk/context/SalesSdkProvider.js";
-import "../../plus/salesSdk/index.js";
 import { isPersistedBigSaleOrderId } from "./utils/orderIdentity.js";
 import { seedDineInReservationToCart } from "../../plus/pisellReservation/utils/seedDineInReservationToCart.js";
 import BigSale from "./index.js";

package/es/components/bigSale/hooks/useBigSaleContext.js

@@ -4,7 +4,6 @@ import { useSalesSdkCustomer } from "../../../plus/salesSdk/hooks/useSalesSdkCus
 import { useSalesSdkBookingContext } from "../../../plus/salesSdk/context/SalesSdkBookingContext.js";
 import { useSalesSdkSummary } from "../../../plus/salesSdk/hooks/useSalesSdkSummary.js";
 import { useSalesSdkProducts } from "../../../plus/salesSdk/hooks/useSalesSdkProducts.js";
-import "../../../plus/salesSdk/index.js";
 import { useMemo } from "react";
 //#region src/components/bigSale/hooks/useBigSaleContext.ts
 /**