pi-kiosk-shared 1.0.9 → 1.0.11

package/dist/api.js

@@ -1,8 +1,5 @@
-"use strict";
 // Shared API utilities
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createAPIClient = exports.APIClient = exports.API_ENDPOINTS = void 0;
-exports.API_ENDPOINTS = {
+export const API_ENDPOINTS = {
     PRODUCTS: '/api/products',
     PRODUCT_CLICK: '/api/products/:id/click',
     ADMIN_LOGIN: '/admin/login',
@@ -11,7 +8,7 @@ exports.API_ENDPOINTS = {
     HEALTH: '/health',
     CHECK_TRANSACTIONS: '/api/check-new-transactions'
 };
-class APIClient {
+export class APIClient {
     constructor(baseUrl, kioskSecret) {
         this.baseUrl = baseUrl.replace(/\/$/, ''); // Remove trailing slash
         this.kioskSecret = kioskSecret;
@@ -54,10 +51,8 @@ class APIClient {
         return this.request(endpoint, { method: 'DELETE' });
     }
 }
-exports.APIClient = APIClient;
-const environments_1 = require("./config/environments");
-const createAPIClient = (baseUrl, kioskSecret) => {
-    const url = baseUrl || (0, environments_1.getEnvironmentConfig)().apiUrl;
+import { getEnvironmentConfig } from './config/environments';
+export const createAPIClient = (baseUrl, kioskSecret) => {
+    const url = baseUrl || getEnvironmentConfig().apiUrl;
     return new APIClient(url, kioskSecret);
 };
-exports.createAPIClient = createAPIClient;

package/dist/components/ErrorDisplay.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorDisplay = ErrorDisplay;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const errors_1 = require("../errors");
-const constants_1 = require("../constants");
-function ErrorDisplay({ error, onRetry, onDismiss, className = '', showDetails = false, retryLabel = 'Zkusit znovu', dismissLabel = 'Zavřít' }) {
-    const userMessage = (0, errors_1.getErrorMessage)(error);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getErrorMessage } from '../errors';
+import { CSS_CLASSES } from '../constants';
+export function ErrorDisplay({ error, onRetry, onDismiss, className = '', showDetails = false, retryLabel = 'Zkusit znovu', dismissLabel = 'Zavřít' }) {
+    const userMessage = getErrorMessage(error);
     const isNetworkError = error.name === 'NetworkError';
-    return ((0, jsx_runtime_1.jsx)("div", { className: `error-display ${constants_1.CSS_CLASSES.ERROR} ${className}`, role: "alert", "aria-live": "assertive", children: (0, jsx_runtime_1.jsxs)("div", { className: "error-content", children: [(0, jsx_runtime_1.jsx)("div", { className: "error-icon", "aria-hidden": "true", children: isNetworkError ? '🌐' : '❌' }), (0, jsx_runtime_1.jsxs)("div", { className: "error-text", children: [(0, jsx_runtime_1.jsx)("h3", { className: "error-title", children: isNetworkError ? 'Problém s připojením' : 'Došlo k chybě' }), (0, jsx_runtime_1.jsx)("p", { className: "error-message", children: userMessage })] }), showDetails && process.env.NODE_ENV === 'development' && ((0, jsx_runtime_1.jsxs)("details", { className: "error-details", children: [(0, jsx_runtime_1.jsx)("summary", { children: "Technick\u00E9 detaily" }), (0, jsx_runtime_1.jsx)("pre", { className: "error-stack", children: (0, jsx_runtime_1.jsx)("code", { children: error.stack || error.message }) })] })), (0, jsx_runtime_1.jsxs)("div", { className: "error-actions", children: [onRetry && ((0, jsx_runtime_1.jsxs)("button", { onClick: onRetry, className: `retry-btn ${constants_1.CSS_CLASSES.BUTTON_PRIMARY}`, type: "button", children: ["\uD83D\uDD04 ", retryLabel] })), onDismiss && ((0, jsx_runtime_1.jsxs)("button", { onClick: onDismiss, className: `dismiss-btn ${constants_1.CSS_CLASSES.BUTTON_SECONDARY}`, type: "button", children: ["\u2715 ", dismissLabel] }))] })] }) }));
+    return (_jsx("div", { className: `error-display ${CSS_CLASSES.ERROR} ${className}`, role: "alert", "aria-live": "assertive", children: _jsxs("div", { className: "error-content", children: [_jsx("div", { className: "error-icon", "aria-hidden": "true", children: isNetworkError ? '🌐' : '❌' }), _jsxs("div", { className: "error-text", children: [_jsx("h3", { className: "error-title", children: isNetworkError ? 'Problém s připojením' : 'Došlo k chybě' }), _jsx("p", { className: "error-message", children: userMessage })] }), showDetails && process.env.NODE_ENV === 'development' && (_jsxs("details", { className: "error-details", children: [_jsx("summary", { children: "Technick\u00E9 detaily" }), _jsx("pre", { className: "error-stack", children: _jsx("code", { children: error.stack || error.message }) })] })), _jsxs("div", { className: "error-actions", children: [onRetry && (_jsxs("button", { onClick: onRetry, className: `retry-btn ${CSS_CLASSES.BUTTON_PRIMARY}`, type: "button", children: ["\uD83D\uDD04 ", retryLabel] })), onDismiss && (_jsxs("button", { onClick: onDismiss, className: `dismiss-btn ${CSS_CLASSES.BUTTON_SECONDARY}`, type: "button", children: ["\u2715 ", dismissLabel] }))] })] }) }));
 }

package/dist/components/LoadingSpinner.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingSpinner = LoadingSpinner;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const constants_1 = require("../constants");
-function LoadingSpinner({ size = 'medium', message, className = '', 'aria-label': ariaLabel = 'Loading' }) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CSS_CLASSES } from '../constants';
+export function LoadingSpinner({ size = 'medium', message, className = '', 'aria-label': ariaLabel = 'Loading' }) {
     const sizeClass = {
         small: 'spinner-small',
         medium: 'spinner-medium',
         large: 'spinner-large'
     }[size];
-    return ((0, jsx_runtime_1.jsxs)("div", { className: `loading-container ${constants_1.CSS_CLASSES.LOADING} ${className}`, children: [(0, jsx_runtime_1.jsx)("div", { className: `spinner ${sizeClass}`, role: "status", "aria-label": ariaLabel, children: (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: ariaLabel }) }), message && ((0, jsx_runtime_1.jsx)("p", { className: "loading-message", "aria-live": "polite", children: message }))] }));
+    return (_jsxs("div", { className: `loading-container ${CSS_CLASSES.LOADING} ${className}`, children: [_jsx("div", { className: `spinner ${sizeClass}`, role: "status", "aria-label": ariaLabel, children: _jsx("span", { className: "sr-only", children: ariaLabel }) }), message && (_jsx("p", { className: "loading-message", "aria-live": "polite", children: message }))] }));
 }

package/dist/config/deployment.js

@@ -1,8 +1,5 @@
-"use strict";
 // Deployment configuration for different modes and platforms
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.railwayConfigs = exports.deploymentConfig = void 0;
-exports.deploymentConfig = {
+export const deploymentConfig = {
     railway: {
         testService: 'kiosk-test',
         stagingService: 'kiosk-staging',
@@ -49,7 +46,7 @@ exports.deploymentConfig = {
     }
 };
 // Railway deployment configuration files
-exports.railwayConfigs = {
+export const railwayConfigs = {
     test: {
         build: {
             builder: 'NIXPACKS'
@@ -64,7 +61,7 @@ exports.railwayConfigs = {
                 name: 'kiosk-backend-test',
                 source: './packages/backend',
                 env: {
-                    ...exports.deploymentConfig.environmentVariables.test,
+                    ...deploymentConfig.environmentVariables.test,
                     PORT: '3000',
                     FIO_API_MODE: 'test'
                 }
@@ -74,14 +71,14 @@ exports.railwayConfigs = {
                 source: './packages/kiosk-app',
                 buildCommand: 'npm run build',
                 startCommand: 'npx serve -s dist -l 5173',
-                env: exports.deploymentConfig.environmentVariables.test
+                env: deploymentConfig.environmentVariables.test
             },
             {
                 name: 'admin-frontend-test',
                 source: './packages/admin-app',
                 buildCommand: 'npm run build',
                 startCommand: 'npx serve -s dist -l 5174',
-                env: exports.deploymentConfig.environmentVariables.test
+                env: deploymentConfig.environmentVariables.test
             }
         ]
     },
@@ -99,7 +96,7 @@ exports.railwayConfigs = {
                 name: 'kiosk-backend-staging',
                 source: './packages/backend',
                 env: {
-                    ...exports.deploymentConfig.environmentVariables.staging,
+                    ...deploymentConfig.environmentVariables.staging,
                     PORT: '3000'
                 }
             },
@@ -108,14 +105,14 @@ exports.railwayConfigs = {
                 source: './packages/kiosk-app',
                 buildCommand: 'npm run build',
                 startCommand: 'npx serve -s dist -l 5173',
-                env: exports.deploymentConfig.environmentVariables.staging
+                env: deploymentConfig.environmentVariables.staging
             },
             {
                 name: 'admin-frontend-staging',
                 source: './packages/admin-app',
                 buildCommand: 'npm run build',
                 startCommand: 'npx serve -s dist -l 5174',
-                env: exports.deploymentConfig.environmentVariables.staging
+                env: deploymentConfig.environmentVariables.staging
             }
         ]
     },
@@ -133,7 +130,7 @@ exports.railwayConfigs = {
                 name: 'kiosk-backend-prod',
                 source: './packages/backend',
                 env: {
-                    ...exports.deploymentConfig.environmentVariables.production,
+                    ...deploymentConfig.environmentVariables.production,
                     PORT: '3000'
                 }
             },
@@ -142,14 +139,14 @@ exports.railwayConfigs = {
                 source: './packages/kiosk-app',
                 buildCommand: 'npm run build',
                 startCommand: 'npx serve -s dist -l 5173',
-                env: exports.deploymentConfig.environmentVariables.production
+                env: deploymentConfig.environmentVariables.production
             },
             {
                 name: 'admin-frontend-prod',
                 source: './packages/admin-app',
                 buildCommand: 'npm run build',
                 startCommand: 'npx serve -s dist -l 5174',
-                env: exports.deploymentConfig.environmentVariables.production
+                env: deploymentConfig.environmentVariables.production
             }
         ]
     }

package/dist/config/environments.js

@@ -1,8 +1,5 @@
-"use strict";
 // Centralized environment configuration for all services
 // This ensures consistency across backend, kiosk, and admin apps
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getUIConfig = exports.getPaymentConfig = exports.getWsUrl = exports.getApiUrl = exports.getAdminUrl = exports.getKioskUrl = exports.getBackendUrl = exports.isProduction = exports.isDevelopment = exports.getEnvironmentConfig = exports.getCurrentEnvironment = void 0;
 // Helper function to get environment variables dynamically
 function getEnvVar(key, defaultValue) {
     // Try to get from process.env (Node.js) or import.meta.env (Vite)
@@ -14,11 +11,11 @@ function getEnvVar(key, defaultValue) {
     // If not found and we're in a browser, try to access Vite's environment
     if (!value && typeof window !== 'undefined') {
         try {
-            // Use eval to access import.meta at runtime (not at parse time)
+            // Access import.meta.env safely using dynamic import
             // @ts-ignore
-            const viteEnv = eval('typeof import !== "undefined" && import.meta && import.meta.env');
-            if (viteEnv && typeof viteEnv === 'object') {
-                value = viteEnv[key];
+            const meta = globalThis.import?.meta;
+            if (meta && meta.env) {
+                value = meta.env[key];
             }
         }
         catch (e) {
@@ -85,7 +82,7 @@ function getConfigForEnvironment(env) {
     }
 }
 // Simple environment detection
-const getCurrentEnvironment = () => {
+export const getCurrentEnvironment = () => {
     let nodeEnv;
     // Check for process.env (Node.js environment)
     if (typeof process !== 'undefined' && process.env) {
@@ -94,11 +91,11 @@ const getCurrentEnvironment = () => {
     // If not found and we're in a browser, try to access Vite's environment
     if (!nodeEnv && typeof window !== 'undefined') {
         try {
-            // Use eval to access import.meta at runtime (not at parse time)
+            // Access import.meta.env safely using dynamic import
             // @ts-ignore
-            const viteEnv = eval('typeof import !== "undefined" && import.meta && import.meta.env');
-            if (viteEnv && typeof viteEnv === 'object') {
-                nodeEnv = viteEnv.NODE_ENV;
+            const meta = globalThis.import?.meta;
+            if (meta && meta.env) {
+                nodeEnv = meta.env.NODE_ENV;
             }
         }
         catch (e) {
@@ -114,44 +111,33 @@ const getCurrentEnvironment = () => {
     }
     return nodeEnv === 'production' ? 'production' : 'development';
 };
-exports.getCurrentEnvironment = getCurrentEnvironment;
 // Get current environment configuration
-const getEnvironmentConfig = () => {
-    const env = (0, exports.getCurrentEnvironment)();
+export const getEnvironmentConfig = () => {
+    const env = getCurrentEnvironment();
     return getConfigForEnvironment(env);
 };
-exports.getEnvironmentConfig = getEnvironmentConfig;
 // Simple environment checks
-const isDevelopment = () => (0, exports.getCurrentEnvironment)() === 'development';
-exports.isDevelopment = isDevelopment;
-const isProduction = () => (0, exports.getCurrentEnvironment)() === 'production';
-exports.isProduction = isProduction;
+export const isDevelopment = () => getCurrentEnvironment() === 'development';
+export const isProduction = () => getCurrentEnvironment() === 'production';
 // Utility functions for easy access to service URLs
-const getBackendUrl = () => (0, exports.getEnvironmentConfig)().backendUrl;
-exports.getBackendUrl = getBackendUrl;
-const getKioskUrl = () => (0, exports.getEnvironmentConfig)().kioskUrl;
-exports.getKioskUrl = getKioskUrl;
-const getAdminUrl = () => (0, exports.getEnvironmentConfig)().adminUrl;
-exports.getAdminUrl = getAdminUrl;
-const getApiUrl = () => (0, exports.getEnvironmentConfig)().apiUrl;
-exports.getApiUrl = getApiUrl;
-const getWsUrl = () => (0, exports.getEnvironmentConfig)().wsUrl;
-exports.getWsUrl = getWsUrl;
+export const getBackendUrl = () => getEnvironmentConfig().backendUrl;
+export const getKioskUrl = () => getEnvironmentConfig().kioskUrl;
+export const getAdminUrl = () => getEnvironmentConfig().adminUrl;
+export const getApiUrl = () => getEnvironmentConfig().apiUrl;
+export const getWsUrl = () => getEnvironmentConfig().wsUrl;
 // Service-specific configuration helpers
-const getPaymentConfig = () => {
-    const config = (0, exports.getEnvironmentConfig)();
+export const getPaymentConfig = () => {
+    const config = getEnvironmentConfig();
     return {
         enableMockPayments: config.enableMockPayments,
         paymentAccountNumber: config.paymentAccountNumber,
         paymentMode: config.paymentMode,
     };
 };
-exports.getPaymentConfig = getPaymentConfig;
-const getUIConfig = () => {
-    const config = (0, exports.getEnvironmentConfig)();
+export const getUIConfig = () => {
+    const config = getEnvironmentConfig();
     return {
         showDebugInfo: config.showDebugInfo,
         logLevel: config.logLevel,
     };
 };
-exports.getUIConfig = getUIConfig;

package/dist/config/logger.js

@@ -1,11 +1,8 @@
-"use strict";
 // Centralized logging system with environment-aware configuration
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.log = exports.logger = void 0;
-const environments_1 = require("./environments");
+import { getEnvironmentConfig, getCurrentEnvironment } from './environments';
 class Logger {
     constructor() {
-        this.config = (0, environments_1.getEnvironmentConfig)();
+        this.config = getEnvironmentConfig();
         this.sessionId = `session_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
     }
     shouldLog(level) {
@@ -26,7 +23,7 @@ class Logger {
             context,
             data,
             timestamp: new Date().toISOString(),
-            environment: (0, environments_1.getCurrentEnvironment)(),
+            environment: getCurrentEnvironment(),
             sessionId: this.sessionId
         };
     }
@@ -107,14 +104,14 @@ class Logger {
     }
 }
 // Export singleton instance
-exports.logger = new Logger();
+export const logger = new Logger();
 // Export convenience functions
-exports.log = {
-    debug: (message, context, data) => exports.logger.debug(message, context, data),
-    info: (message, context, data) => exports.logger.info(message, context, data),
-    warn: (message, context, data) => exports.logger.warn(message, context, data),
-    error: (message, context, data) => exports.logger.error(message, context, data),
-    kioskAction: (action, kioskId, data) => exports.logger.kioskAction(action, kioskId, data),
-    paymentEvent: (event, paymentId, data) => exports.logger.paymentEvent(event, paymentId, data),
-    apiCall: (method, endpoint, duration, error) => exports.logger.apiCall(method, endpoint, duration, error),
+export const log = {
+    debug: (message, context, data) => logger.debug(message, context, data),
+    info: (message, context, data) => logger.info(message, context, data),
+    warn: (message, context, data) => logger.warn(message, context, data),
+    error: (message, context, data) => logger.error(message, context, data),
+    kioskAction: (action, kioskId, data) => logger.kioskAction(action, kioskId, data),
+    paymentEvent: (event, paymentId, data) => logger.paymentEvent(event, paymentId, data),
+    apiCall: (method, endpoint, duration, error) => logger.apiCall(method, endpoint, duration, error),
 };

package/dist/constants.d.ts

@@ -36,11 +36,19 @@ export declare const UI_MESSAGES: {
     readonly REQUIRED_FIELD: "Toto pole je povinné";
     readonly INVALID_EMAIL: "Zadejte platnou emailovou adresu";
     readonly INVALID_PRICE: "Cena musí být větší než 0";
+    readonly EMAIL_LABEL: "Váš email:";
+    readonly SELECT_PRODUCT: "Vyberte si produkt";
+    readonly PAYMENT_WAITING: "Čekám na platbu...";
+    readonly PAYMENT_CONFIRMED: "Platba potvrzena!";
+    readonly CONTINUE_SHOPPING: "Pokračovat v nákupu";
+    readonly BACK_TO_PRODUCTS: "Zpět na produkty";
 };
 export declare const CSS_CLASSES: {
     readonly CONTAINER: "container";
     readonly GRID: "grid";
     readonly FLEX: "flex";
+    readonly APP: "kiosk-app";
+    readonly SCREEN: "screen";
     readonly LOADING: "loading";
     readonly ERROR: "error";
     readonly SUCCESS: "success";

package/dist/constants.js

@@ -1,8 +1,5 @@
-"use strict";
 // Shared constants across all packages
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ROUTES = exports.CSS_CLASSES = exports.UI_MESSAGES = exports.APP_CONFIG = void 0;
-exports.APP_CONFIG = {
+export const APP_CONFIG = {
     // API Configuration
     DEFAULT_API_URL: 'http://localhost:3015',
     DEFAULT_WS_URL: 'ws://localhost:3015',
@@ -32,7 +29,7 @@ exports.APP_CONFIG = {
     QR_CODE_WIDTH: 300,
     QR_CODE_FORMAT: 'SPD*1.0', // Czech QR payment standard
 };
-exports.UI_MESSAGES = {
+export const UI_MESSAGES = {
     // Loading states
     LOADING_PRODUCTS: 'Načítání produktů...',
     LOADING_PAYMENT: 'Zpracovávám platbu...',
@@ -52,12 +49,21 @@ exports.UI_MESSAGES = {
     REQUIRED_FIELD: 'Toto pole je povinné',
     INVALID_EMAIL: 'Zadejte platnou emailovou adresu',
     INVALID_PRICE: 'Cena musí být větší než 0',
+    EMAIL_LABEL: 'Váš email:',
+    // Kiosk specific
+    SELECT_PRODUCT: 'Vyberte si produkt',
+    PAYMENT_WAITING: 'Čekám na platbu...',
+    PAYMENT_CONFIRMED: 'Platba potvrzena!',
+    CONTINUE_SHOPPING: 'Pokračovat v nákupu',
+    BACK_TO_PRODUCTS: 'Zpět na produkty',
 };
-exports.CSS_CLASSES = {
+export const CSS_CLASSES = {
     // Layout
     CONTAINER: 'container',
     GRID: 'grid',
     FLEX: 'flex',
+    APP: 'kiosk-app',
+    SCREEN: 'screen',
     // States
     LOADING: 'loading',
     ERROR: 'error',
@@ -75,7 +81,7 @@ exports.CSS_CLASSES = {
     CONNECTED: 'connected',
     DISCONNECTED: 'disconnected',
 };
-exports.ROUTES = {
+export const ROUTES = {
     // Kiosk routes
     KIOSK_HOME: '/',
     KIOSK_PAYMENT: '/payment',

package/dist/errors.js

@@ -1,8 +1,5 @@
-"use strict";
 // Shared error handling system
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getErrorMessage = exports.formatError = exports.NotFoundError = exports.AuthenticationError = exports.NetworkError = exports.ValidationError = exports.AppError = void 0;
-class AppError extends Error {
+export class AppError extends Error {
     constructor(message, code = 'UNKNOWN_ERROR', statusCode = 500, isOperational = true) {
         super(message);
         this.name = 'AppError';
@@ -13,37 +10,32 @@ class AppError extends Error {
         Error.captureStackTrace(this, this.constructor);
     }
 }
-exports.AppError = AppError;
 // Predefined error types
-class ValidationError extends AppError {
+export class ValidationError extends AppError {
     constructor(message, _field) {
         super(message, 'VALIDATION_ERROR', 400);
         this.name = 'ValidationError';
     }
 }
-exports.ValidationError = ValidationError;
-class NetworkError extends AppError {
+export class NetworkError extends AppError {
     constructor(message = 'Chyba připojení k serveru') {
         super(message, 'NETWORK_ERROR', 503);
         this.name = 'NetworkError';
     }
 }
-exports.NetworkError = NetworkError;
-class AuthenticationError extends AppError {
+export class AuthenticationError extends AppError {
     constructor(message = 'Neplatné přihlašovací údaje') {
         super(message, 'AUTH_ERROR', 401);
         this.name = 'AuthenticationError';
     }
 }
-exports.AuthenticationError = AuthenticationError;
-class NotFoundError extends AppError {
+export class NotFoundError extends AppError {
     constructor(resource = 'Zdroj') {
         super(`${resource} nebyl nalezen`, 'NOT_FOUND', 404);
         this.name = 'NotFoundError';
     }
 }
-exports.NotFoundError = NotFoundError;
-const formatError = (error, details) => {
+export const formatError = (error, details) => {
     const isAppError = error instanceof AppError;
     return {
         success: false,
@@ -55,9 +47,8 @@ const formatError = (error, details) => {
         }
     };
 };
-exports.formatError = formatError;
 // Error handler hook for React components
-const getErrorMessage = (error) => {
+export const getErrorMessage = (error) => {
     if (error instanceof NetworkError) {
         return 'Problém s připojením. Zkuste to znovu.';
     }
@@ -80,4 +71,3 @@ const getErrorMessage = (error) => {
     // Return original message if available, otherwise generic
     return error.message || 'Něco se pokazilo. Zkuste to znovu.';
 };
-exports.getErrorMessage = getErrorMessage;

package/dist/hooks/useApi.js

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useApi = useApi;
-const react_1 = require("react");
-const errors_1 = require("../errors");
-function useApi(_apiClient) {
-    const [state, setState] = (0, react_1.useState)({
+import { useState, useCallback } from 'react';
+import { NetworkError, AppError } from '../errors';
+export function useApi(_apiClient) {
+    const [state, setState] = useState({
         data: null,
         loading: false,
         error: null
     });
-    const execute = (0, react_1.useCallback)(async (apiCall, options) => {
+    const execute = useCallback(async (apiCall, options) => {
         try {
             if (!options?.skipLoading) {
                 setState(prev => ({ ...prev, loading: true, error: null }));
@@ -24,9 +21,9 @@ function useApi(_apiClient) {
             return data;
         }
         catch (error) {
-            const appError = error instanceof errors_1.AppError
+            const appError = error instanceof AppError
                 ? error
-                : new errors_1.NetworkError('Chyba při komunikaci se serverem');
+                : new NetworkError('Chyba při komunikaci se serverem');
             setState(prev => ({
                 ...prev,
                 loading: false,
@@ -36,7 +33,7 @@ function useApi(_apiClient) {
             throw appError;
         }
     }, []);
-    const reset = (0, react_1.useCallback)(() => {
+    const reset = useCallback(() => {
         setState({
             data: null,
             loading: false,

package/dist/hooks/useAsyncOperation.js

@@ -1,19 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAsyncOperation = useAsyncOperation;
-const react_1 = require("react");
-const useErrorHandler_1 = require("./useErrorHandler");
+import { useState, useCallback } from 'react';
+import { useErrorHandler } from './useErrorHandler';
 /**
  * Consistent hook for handling async operations with loading states and error handling
  */
-function useAsyncOperation(options = {}) {
-    const [state, setState] = (0, react_1.useState)({
+export function useAsyncOperation(options = {}) {
+    const [state, setState] = useState({
         data: options.initialData || null,
         loading: false,
         error: null
     });
-    const { handleError } = (0, useErrorHandler_1.useErrorHandler)();
-    const execute = (0, react_1.useCallback)(async (operation, context) => {
+    const { handleError } = useErrorHandler();
+    const execute = useCallback(async (operation, context) => {
         setState(prev => ({ ...prev, loading: true, error: null }));
         try {
             const result = await operation();
@@ -37,14 +34,14 @@ function useAsyncOperation(options = {}) {
             return null;
         }
     }, [handleError, options]);
-    const reset = (0, react_1.useCallback)(() => {
+    const reset = useCallback(() => {
         setState({
             data: options.initialData || null,
             loading: false,
             error: null
         });
     }, [options.initialData]);
-    const setData = (0, react_1.useCallback)((data) => {
+    const setData = useCallback((data) => {
         setState(prev => ({ ...prev, data }));
     }, []);
     return {

package/dist/hooks/useErrorHandler.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useErrorHandler = useErrorHandler;
-const react_1 = require("react");
-const errors_1 = require("../errors");
-function useErrorHandler() {
-    const [errorState, setErrorState] = (0, react_1.useState)({
+import { useCallback, useState } from 'react';
+import { getErrorMessage, formatError } from '../errors';
+export function useErrorHandler() {
+    const [errorState, setErrorState] = useState({
         error: null,
         message: '',
         isVisible: false
     });
-    const handleError = (0, react_1.useCallback)((error, context) => {
+    const handleError = useCallback((error, context) => {
         console.error(`Error in ${context || 'unknown context'}:`, error);
-        const userMessage = (0, errors_1.getErrorMessage)(error);
+        const userMessage = getErrorMessage(error);
         setErrorState({
             error,
             message: userMessage,
@@ -24,17 +21,17 @@ function useErrorHandler() {
         // Send to monitoring service in production
         if (process.env.NODE_ENV === 'production') {
             // TODO: Integrate with monitoring service (Sentry, LogRocket, etc.)
-            console.warn('Production error logged:', (0, errors_1.formatError)(error));
+            console.warn('Production error logged:', formatError(error));
         }
     }, []);
-    const clearError = (0, react_1.useCallback)(() => {
+    const clearError = useCallback(() => {
         setErrorState({
             error: null,
             message: '',
             isVisible: false
         });
     }, []);
-    const retryAction = (0, react_1.useCallback)((action) => {
+    const retryAction = useCallback((action) => {
         clearError();
         try {
             const result = action();

package/dist/index.js

@@ -1,31 +1,15 @@
-"use strict";
 // Shared package entry point
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./types"), exports);
-__exportStar(require("./api"), exports);
-__exportStar(require("./constants"), exports);
-__exportStar(require("./validation"), exports);
-__exportStar(require("./errors"), exports);
-__exportStar(require("./utils"), exports);
+export * from './types';
+export * from './api';
+export * from './constants';
+export * from './validation';
+export * from './errors';
+export * from './utils';
 // Note: ./utils exports getErrorMessage which shadows the one from ./errors
-__exportStar(require("./hooks/useErrorHandler"), exports);
-__exportStar(require("./hooks/useApi"), exports);
-__exportStar(require("./hooks/useAsyncOperation"), exports);
-__exportStar(require("./components/LoadingSpinner"), exports);
-__exportStar(require("./components/ErrorDisplay"), exports);
-__exportStar(require("./config/environments"), exports);
-__exportStar(require("./config/logger"), exports);
+export * from './hooks/useErrorHandler';
+export * from './hooks/useApi';
+export * from './hooks/useAsyncOperation';
+export * from './components/LoadingSpinner';
+export * from './components/ErrorDisplay';
+export * from './config/environments';
+export * from './config/logger';

package/dist/types.js

@@ -1,3 +1,2 @@
-"use strict";
 // Shared types across all packages
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/utils.d.ts

@@ -5,3 +5,4 @@ export declare const getKioskSecretFromUrl: () => string | undefined;
 export declare const formatDate: (date: Date | string) => string;
 export declare const debounce: <T extends (...args: any[]) => any>(func: T, delay: number) => ((...args: Parameters<T>) => void);
 export declare const generatePaymentId: () => string;
+export declare const validateKioskId: (kioskId: number) => boolean;

package/dist/utils.js

@@ -1,30 +1,31 @@
-"use strict";
 // Shared utility functions - consolidated from utils/simple.ts
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generatePaymentId = exports.debounce = exports.formatDate = exports.getKioskSecretFromUrl = exports.getKioskIdFromUrl = exports.formatPrice = exports.validateEmail = void 0;
-const validateEmail = (email) => {
+export const validateEmail = (email) => {
     const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
     // Additional check for consecutive dots which are invalid
     if (email.includes('..'))
         return false;
     return emailRegex.test(email);
 };
-exports.validateEmail = validateEmail;
-const formatPrice = (price) => {
+export const formatPrice = (price) => {
     return `${price} Kč`;
 };
-exports.formatPrice = formatPrice;
-const getKioskIdFromUrl = () => {
+export const getKioskIdFromUrl = () => {
     const urlParams = new URLSearchParams(window.location.search);
-    return parseInt(urlParams.get('kioskId') || '1');
+    const kioskId = urlParams.get('kioskId');
+    if (!kioskId) {
+        throw new Error('Kiosk ID is required. Please add ?kioskId=X to the URL where X is your kiosk number.');
+    }
+    const parsedId = parseInt(kioskId);
+    if (isNaN(parsedId) || parsedId <= 0) {
+        throw new Error(`Invalid kiosk ID: ${kioskId}. Kiosk ID must be a positive number.`);
+    }
+    return parsedId;
 };
-exports.getKioskIdFromUrl = getKioskIdFromUrl;
-const getKioskSecretFromUrl = () => {
+export const getKioskSecretFromUrl = () => {
     const urlParams = new URLSearchParams(window.location.search);
     return urlParams.get('secret') || undefined;
 };
-exports.getKioskSecretFromUrl = getKioskSecretFromUrl;
-const formatDate = (date) => {
+export const formatDate = (date) => {
     const d = typeof date === 'string' ? new Date(date) : date;
     return d.toLocaleDateString('cs-CZ', {
         year: 'numeric',
@@ -34,17 +35,17 @@ const formatDate = (date) => {
         minute: '2-digit'
     });
 };
-exports.formatDate = formatDate;
-const debounce = (func, delay) => {
+export const debounce = (func, delay) => {
     let timeoutId;
     return (...args) => {
         clearTimeout(timeoutId);
         timeoutId = setTimeout(() => func(...args), delay);
     };
 };
-exports.debounce = debounce;
-const generatePaymentId = () => {
+export const generatePaymentId = () => {
     return `pay-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
 };
-exports.generatePaymentId = generatePaymentId;
+export const validateKioskId = (kioskId) => {
+    return Number.isInteger(kioskId) && kioskId > 0;
+};
 // Note: getErrorMessage is now exported from ./errors.ts instead

package/dist/validation.js

@@ -1,13 +1,10 @@
-"use strict";
 // Shared validation utilities
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validationSchemas = exports.validateSchema = exports.validators = void 0;
 // ValidationError is imported but not used directly in this file
-const constants_1 = require("./constants");
-exports.validators = {
+import { APP_CONFIG, UI_MESSAGES } from './constants';
+export const validators = {
     required: (value) => {
         if (value === null || value === undefined || value === '') {
-            return constants_1.UI_MESSAGES.REQUIRED_FIELD;
+            return UI_MESSAGES.REQUIRED_FIELD;
         }
         return null;
     },
@@ -16,7 +13,7 @@ exports.validators = {
             return null; // Let required validator handle empty values
         const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
         if (!emailRegex.test(value)) {
-            return constants_1.UI_MESSAGES.INVALID_EMAIL;
+            return UI_MESSAGES.INVALID_EMAIL;
         }
         return null;
     },
@@ -47,8 +44,8 @@ exports.validators = {
     username: (value) => {
         if (!value)
             return null;
-        if (value.length < constants_1.APP_CONFIG.MIN_USERNAME_LENGTH) {
-            return `Uživatelské jméno musí mít alespoň ${constants_1.APP_CONFIG.MIN_USERNAME_LENGTH} znaky`;
+        if (value.length < APP_CONFIG.MIN_USERNAME_LENGTH) {
+            return `Uživatelské jméno musí mít alespoň ${APP_CONFIG.MIN_USERNAME_LENGTH} znaky`;
         }
         if (!/^[a-zA-Z0-9_]+$/.test(value)) {
             return 'Uživatelské jméno může obsahovat pouze písmena, číslice a podtržítka';
@@ -58,13 +55,13 @@ exports.validators = {
     password: (value) => {
         if (!value)
             return null;
-        if (value.length < constants_1.APP_CONFIG.MIN_PASSWORD_LENGTH) {
-            return `Heslo musí mít alespoň ${constants_1.APP_CONFIG.MIN_PASSWORD_LENGTH} znaků`;
+        if (value.length < APP_CONFIG.MIN_PASSWORD_LENGTH) {
+            return `Heslo musí mít alespoň ${APP_CONFIG.MIN_PASSWORD_LENGTH} znaků`;
         }
         return null;
     }
 };
-const validateSchema = (data, schema) => {
+export const validateSchema = (data, schema) => {
     const errors = {};
     for (const [field, validatorFunctions] of Object.entries(schema)) {
         const value = data[field];
@@ -81,37 +78,36 @@ const validateSchema = (data, schema) => {
         errors
     };
 };
-exports.validateSchema = validateSchema;
 // Common validation schemas
-exports.validationSchemas = {
+export const validationSchemas = {
     login: {
         username: [
-            (value) => exports.validators.required(value),
-            exports.validators.username
+            (value) => validators.required(value),
+            validators.username
         ],
         password: [
-            (value) => exports.validators.required(value),
-            exports.validators.password
+            (value) => validators.required(value),
+            validators.password
         ]
     },
     customerEmail: {
         email: [
-            (value) => exports.validators.required(value),
-            exports.validators.email
+            (value) => validators.required(value),
+            validators.email
         ]
     },
     product: {
         name: [
-            (value) => exports.validators.required(value),
-            (value) => exports.validators.minLength(value, 2, 'Název produktu'),
-            (value) => exports.validators.maxLength(value, constants_1.APP_CONFIG.MAX_PRODUCT_NAME_LENGTH, 'Název produktu')
+            (value) => validators.required(value),
+            (value) => validators.minLength(value, 2, 'Název produktu'),
+            (value) => validators.maxLength(value, APP_CONFIG.MAX_PRODUCT_NAME_LENGTH, 'Název produktu')
         ],
         price: [
-            (value) => exports.validators.required(value),
-            (value) => exports.validators.positiveNumber(value, 'Cena')
+            (value) => validators.required(value),
+            (value) => validators.positiveNumber(value, 'Cena')
         ],
         description: [
-            (value) => exports.validators.maxLength(value, constants_1.APP_CONFIG.MAX_DESCRIPTION_LENGTH, 'Popis')
+            (value) => validators.maxLength(value, APP_CONFIG.MAX_DESCRIPTION_LENGTH, 'Popis')
         ]
     }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-kiosk-shared",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "private": false,
   "description": "Shared components and utilities for Pi Kiosk system",
   "keywords": [
@@ -31,6 +31,8 @@
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
+    "clean": "rimraf dist",
+    "publish:local": "npm run build && npm pack --pack-destination ../",
     "prepublishOnly": "npm run build",
     "preversion": "npm run test",
     "postversion": "git push && git push --tags"
@@ -48,6 +50,7 @@
     "@types/node": "^20.0.0",
     "@types/react": "^18.2.0",
     "jest": "^29.5.0",
-    "ts-jest": "^29.1.0"
+    "ts-jest": "^29.1.0",
+    "rimraf": "^5.0.0"
   }
 }