@pisell/private-materials 6.11.672 → 6.11.674

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

@@ -3,7 +3,7 @@ import PaymentResultToastV2_default from "../../../../checkout/components/Paymen
 import { useHDLKioskBottomBar, useHDLKioskBottomBarController } from "../../../components/shell/HDLKioskBottomBarHost/index.js";
 import { HDLKioskOrderSummary } from "../../../components/shell/HDLKioskOrderSummary/index.js";
 import { RestartOrderDialog } from "../../../components/overlays/RestartOrderDialog/index.js";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { locales } from "@pisell/utils";
 import { Iconfont } from "@pisell/materials";
 function BackIcon() {
@@ -47,6 +47,8 @@ function PaymentMethodIcon({ code, type }) {
 }
 function CheckoutScreen({ model, orderBar, send }) {
 	var _model$paymentFeedbac;
+	const sendRef = useRef(send);
+	sendRef.current = send;
 	const goBack = useCallback(() => send({
 		kind: "navigation",
 		direction: "back"
@@ -57,11 +59,11 @@ function CheckoutScreen({ model, orderBar, send }) {
 	const [restartOrderOpen, setRestartOrderOpen] = useState(false);
 	const [dismissedFeedbackKey, setDismissedFeedbackKey] = useState();
 	const [returnCountdown, setReturnCountdown] = useState(10);
-	const resetOrder = useCallback((source) => send({
+	const resetOrder = useCallback((source) => sendRef.current({
 		kind: "session",
 		action: "reset",
 		source
-	}), [send]);
+	}), []);
 	const bottomBar = useMemo(() => {
 		var _orderBar$cartItemCou;
 		return {

package/es/plus/noteModal/index.js

@@ -40,6 +40,14 @@ function normalizeMultilingualNoteValue(value, maxLength) {
 function hasMultilingualNoteValue(value) {
 	return Object.values(value).some((text) => text.trim());
 }
+function dismissVirtualKeyboard() {
+	if (typeof document === "undefined") return;
+	try {
+		var _activeElement$blur;
+		const activeElement = document.activeElement;
+		activeElement === null || activeElement === void 0 || (_activeElement$blur = activeElement.blur) === null || _activeElement$blur === void 0 || _activeElement$blur.call(activeElement);
+	} catch (_unused) {}
+}
 const NoteModalContent = ({ open = false, title = "", value = "", maxLength = DEFAULT_NOTE_MAX_LENGTH, onConfirm, onDelete, onCancel, zIndex, variant, modalClassName, multilingual = false }) => {
 	var _context$engine;
 	const context = useEngineContext();
@@ -87,6 +95,7 @@ const NoteModalContent = ({ open = false, title = "", value = "", maxLength = DE
 		saveTemplates(templates.filter((_, templateIndex) => templateIndex !== index));
 	};
 	const handleConfirm = () => {
+		dismissVirtualKeyboard();
 		if (multilingual) {
 			onConfirm === null || onConfirm === void 0 || onConfirm(normalizeMultilingualNoteValue(multilingualNoteValue, resolvedMaxLength));
 			return;

package/lib/components/HDLKiosk/slices/payment/Screen/index.js

@@ -49,6 +49,8 @@ function PaymentMethodIcon({ code, type }) {
 }
 function CheckoutScreen({ model, orderBar, send }) {
 	var _model$paymentFeedbac;
+	const sendRef = (0, react.useRef)(send);
+	sendRef.current = send;
 	const goBack = (0, react.useCallback)(() => send({
 		kind: "navigation",
 		direction: "back"
@@ -59,11 +61,11 @@ function CheckoutScreen({ model, orderBar, send }) {
 	const [restartOrderOpen, setRestartOrderOpen] = (0, react.useState)(false);
 	const [dismissedFeedbackKey, setDismissedFeedbackKey] = (0, react.useState)();
 	const [returnCountdown, setReturnCountdown] = (0, react.useState)(10);
-	const resetOrder = (0, react.useCallback)((source) => send({
+	const resetOrder = (0, react.useCallback)((source) => sendRef.current({
 		kind: "session",
 		action: "reset",
 		source
-	}), [send]);
+	}), []);
 	const bottomBar = (0, react.useMemo)(() => {
 		var _orderBar$cartItemCou;
 		return {

package/lib/plus/noteModal/index.js

@@ -43,6 +43,14 @@ function normalizeMultilingualNoteValue(value, maxLength) {
 function hasMultilingualNoteValue(value) {
 	return Object.values(value).some((text) => text.trim());
 }
+function dismissVirtualKeyboard() {
+	if (typeof document === "undefined") return;
+	try {
+		var _activeElement$blur;
+		const activeElement = document.activeElement;
+		activeElement === null || activeElement === void 0 || (_activeElement$blur = activeElement.blur) === null || _activeElement$blur === void 0 || _activeElement$blur.call(activeElement);
+	} catch (_unused) {}
+}
 const NoteModalContent = ({ open = false, title = "", value = "", maxLength = DEFAULT_NOTE_MAX_LENGTH, onConfirm, onDelete, onCancel, zIndex, variant, modalClassName, multilingual = false }) => {
 	var _context$engine;
 	const context = require_useEngineContext.default();
@@ -90,6 +98,7 @@ const NoteModalContent = ({ open = false, title = "", value = "", maxLength = DE
 		saveTemplates(templates.filter((_, templateIndex) => templateIndex !== index));
 	};
 	const handleConfirm = () => {
+		dismissVirtualKeyboard();
 		if (multilingual) {
 			onConfirm === null || onConfirm === void 0 || onConfirm(normalizeMultilingualNoteValue(multilingualNoteValue, resolvedMaxLength));
 			return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.11.672",
+  "version": "6.11.674",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",