{`InputFieldSet - radio: options are not defined!`}
\r\n } else {\r\n input = \r\n {optionList.map(option => {\r\n return (\r\n
\r\n }\r\n break;\r\n\r\n case \"textarea\":\r\n input = \r\n {\r\n handleInputChange({\r\n target: {\r\n name: name,\r\n value: option.value\r\n }\r\n }\r\n )}}\r\n />\r\n\r\n \r\n
\r\n\r\n )\r\n })}\r\n \r\n {input}\r\n {labelArea}\r\n {explanationTextArea}\r\n {linkArea}\r\n {divError}\r\n
\r\n );\r\n }\r\n\r\n if (type === 'radio') {\r\n return (\r\n \r\n {input}\r\n {divError}\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n {labelArea}\r\n {explanationTextArea}\r\n {input}\r\n {divError}\r\n
\r\n );\r\n}","export function isNull(text, valueWhenNull = '', expireDate) {\r\n return (text === null || text === undefined) ? valueWhenNull : text;\r\n}\r\n\r\nexport function replaceAll(str, toFind, ReplaceWith) {\r\n return str.split(toFind).join(ReplaceWith);\r\n}\r\n","import * as gl from \"./globals\";\r\n\r\nexport default class Cookies {\r\n static get() {\r\n let out = document.cookie;\r\n\r\n if (!out) {\r\n return {};\r\n }\r\n\r\n out = document.cookie.split(\";\").map((c) => c.split(\"=\"));\r\n out = JSON.stringify(out);\r\n out = gl.replaceAll(out, '[\" ', '[\"');\r\n out = gl.replaceAll(out, '\",\"', '\": \"');\r\n out = gl.replaceAll(out, \"],[\", \", \");\r\n out = gl.replaceAll(out, \"[[\", \"{\");\r\n out = gl.replaceAll(out, \"]]\", \"}\");\r\n out = JSON.parse(out);\r\n\r\n return out;\r\n }\r\n\r\n static set(key, value, expireDateUTC) {\r\n if (!key) {\r\n return;\r\n }\r\n\r\n document.cookie = `${key}=${gl.isNull(value).trim()}; expires=${\r\n !expireDateUTC ? new Date(2050, 0, 1).toUTCString() : expireDateUTC\r\n };path=/`;\r\n }\r\n\r\n static remove(key) {\r\n if (!key) {\r\n return;\r\n }\r\n\r\n document.cookie =\r\n `${key}=''; expires=` + new Date(2001, 0, 1).toUTCString();\r\n }\r\n}\r\n","import InputFieldSet from './InputFieldSet/InputFieldSet';\r\nimport { useState, useRef, useEffect } from 'react';\r\nimport Cookies from './repository/Cookies';\r\n\r\nexport default function LanguageSelector(props) {\r\n const refLangSelector = useRef()\r\n const [fieldValues, setFieldValues] = useState({\r\n LanguageSelector: props.defaultLanguage\r\n })\r\n\r\n function setLanguage(newLanguage) {\r\n if (fieldValues.LanguageSelector !== newLanguage) {\r\n setFieldValues({\r\n LanguageSelector: newLanguage\r\n });\r\n Cookies.set('lang', newLanguage);\r\n props.onLanguageChanged(newLanguage)\r\n }\r\n }\r\n\r\n function handleLanguageChanged(e) {\r\n setLanguage(e.target.value);\r\n }\r\n\r\n useEffect(() => {\r\n let cookies = Cookies.get();\r\n if (cookies.lang !== undefined) {\r\n setLanguage(cookies.lang);\r\n }\r\n }, [])\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n","export const languageElements = {\r\n items: {\r\n \"div-LoggedUser\": {\r\n hu: \"Kilépés\",\r\n de: \"Logout\",\r\n en: \"Logout\",\r\n },\r\n },\r\n};\r\n","export default class LanguageElementsHandler {\r\n constructor(languageElements, currentLanguage) {\r\n this.languageElements = languageElements;\r\n this.currentLanguage = currentLanguage;\r\n }\r\n\r\n get(key) {\r\n let element = this.languageElements?.['items']?.[key]?.[this.currentLanguage];\r\n return element === undefined ? `###_${key}` : element;\r\n } \r\n}\r\n","import './LoggedUser.scss';\r\nimport { languageElements } from './LoggedUser-languageElements';\r\nimport LanguageElementsHandler from '../repository/LanguageElementsHandler';\r\n\r\nexport default function LoggedUser(props) {\r\n const languageElementsHandler = new LanguageElementsHandler(\r\n languageElements,\r\n props.language\r\n );\r\n\r\n function onLogout() {\r\n props.onLogout();\r\n }\r\n\r\n return (\r\n \r\n \r\n {languageElementsHandler.get(\"div-LoggedUser\")}\r\n {props.loginData?.get().user.email}\r\n
\r\n );\r\n}\r\n","export const languageElements = {\r\n \"items\": {\r\n \"message-expires-shortly\": {\r\n \"hu\": \"A belépési engedély rövidesen lejár!\",\r\n \"de\": \"User Token läuft bald ab!\",\r\n \"en\": \"Access authorization expires shortly!\"\r\n },\r\n\r\n \"btn-extend\": {\r\n \"hu\": \" Meghosszabbítás\",\r\n \"de\": \" Gültigkeit verlängern.\",\r\n \"en\": \" Extend authorization\"\r\n }\r\n }\r\n }\r\n","export default function wakeUp() {\r\n //Wakes up the backend\r\n return fetch(`${process.env.REACT_APP_API_BASE_URL}/api/heartbeat`, {\r\n method: 'GET',\r\n mode: 'cors',\r\n cache: 'no-cache',\r\n }).catch((error) => {\r\n console.error(error);\r\n })\r\n}\r\n","import \"./TokenExpirationMessage.scss\";\r\nimport { useState, useEffect } from \"react\";\r\nimport { languageElements } from \"./TokenExpirationMessage-languageElements\";\r\nimport LanguageElementsHandler from \"../repository/LanguageElementsHandler\";\r\nimport wakeUp from '../repository/wakeUp';\r\n\r\nexport default function TokenExpirationMessage(props) {\r\n const languageElementsHandler = new LanguageElementsHandler(\r\n languageElements,\r\n props.language\r\n );\r\n\r\n const [tokenStatus, setTokenStatus] = useState(\"NOT VALID\");\r\n\r\n async function onExtendValidity(e) {\r\n fetch(`${process.env.REACT_APP_API_BASE_URL}/customerportal/token`, {\r\n method: \"PUT\",\r\n mode: \"cors\",\r\n cache: \"no-cache\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n token: props.loginData.getToken(),\r\n },\r\n })\r\n .then((data) => {\r\n if (data.status !== 200) {\r\n throw Error(\"invalid\");\r\n }\r\n return data.json();\r\n })\r\n .then((jsonData) => {\r\n props.onExtendToken(jsonData.token);\r\n })\r\n .catch((error) => {\r\n console.error(error);\r\n props.onLogout();\r\n });\r\n }\r\n\r\n useEffect(() => {\r\n let timerOfExpiresShortly;\r\n let timerOfValidity;\r\n\r\n let user = props.loginData?.get().user;\r\n\r\n if (user?.userLevel === \"GUEST\") {\r\n setTokenStatus(\"VALID\");\r\n return;\r\n }\r\n\r\n if (!user) {\r\n setTokenStatus(\"NOT VALID\");\r\n } else {\r\n const currentDate = new Date();\r\n const validUntil =\r\n props.loginData?.get().token.valid - currentDate.getTime();\r\n\r\n if (validUntil === undefined || validUntil < 2000) {\r\n setTokenStatus(\"NOT VALID\");\r\n } else {\r\n let setTimerShortly = false;\r\n\r\n if (validUntil < 120000) {\r\n wakeUp().then(() => {\r\n setTokenStatus(\"EXPIRES SHORTLY\");\r\n })\r\n } else {\r\n setTokenStatus(\"VALID\");\r\n setTimerShortly = true;\r\n }\r\n timerOfValidity = setTimeout(() => {\r\n props.onExtendToken(null);\r\n }, validUntil - 5000);\r\n\r\n if (setTimerShortly) {\r\n timerOfExpiresShortly = setTimeout(() => {\r\n const timerDate = new Date();\r\n if (timerDate.getTime() - props.loginData.getLastActivity() < 300000) {\r\n onExtendValidity();\r\n return;\r\n }\r\n wakeUp().then(() => {\r\n setTokenStatus(\"EXPIRES SHORTLY\");\r\n })\r\n }, validUntil - 120000);\r\n }\r\n }\r\n }\r\n\r\n return () => {\r\n if (timerOfExpiresShortly !== undefined) {\r\n clearTimeout(timerOfExpiresShortly);\r\n }\r\n\r\n if (timerOfValidity !== undefined) {\r\n clearTimeout(timerOfValidity);\r\n }\r\n };\r\n }, [props.loginData]);\r\n\r\n let message;\r\n\r\n if (tokenStatus === \"EXPIRES SHORTLY\") {\r\n message = (\r\n {message}
;\r\n}\r\n","import './Header.scss';\r\nimport headerLogo from './headerLogo.png';\r\nimport LanguageSelector from '../LanguageSelector';\r\nimport LoggedUser from '../LoggedUser/LoggedUser';\r\nimport TokenExpirationMessage from '../TokenExpirationMessage/TokenExpirationMessage';\r\n\r\nexport default function Header(props) {\r\n function onLanguageChanged(newLanguage) {\r\n props.onLanguageChanged(newLanguage);\r\n }\r\n\r\n function onLogout() {\r\n props.onLogout();\r\n }\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n 
\r\n
\r\n\r\n \r\n {props.loginData?.get().user && (\r\n {\r\n onLanguageChanged(newLanguage);\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n });\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/headerLogo.6e395bdf.png\";","import \"./Infobox.scss\";\r\nimport headerLogo from \"./headerLogo.png\";\r\n\r\nexport default function Infobox(props) {\r\n return (\r\n {navbar}
\r\n \r\n \r\n {props.onHamClicked ?
\r\n \r\n
\r\n );\r\n}\r\n","export const languageElements = {\r\n items: {\r\n \"greeting-header\": {\r\n hu: \"Üdvözöljük!\",\r\n de: \"Herzlich wilkommen!\",\r\n en: \"Welcome!\",\r\n },\r\n\r\n \"greeting-p-01\": {\r\n hu: \"Ezen az oldalon információkat kaphat számláiról, raktári készleteiről és fuvarmegbízásai állapotáról.\",\r\n de: \"Auf dieser Website erhalten Sie Informationen zu Ihren Rechnungen, Lagerbeständen und dem Status Ihrer Frachtaufträge.\",\r\n en: \"On this website you can get information about your invoices, stock levels and the status of your freight orders.\",\r\n },\r\n\r\n \"btn-login\": {\r\n hu: \"Belépés\",\r\n de: \"Login\",\r\n en: \"Login\",\r\n },\r\n },\r\n};\r\n","import './PageGreeting.scss';\r\nimport { useEffect } from 'react';\r\nimport { Link, Redirect } from 'react-router-dom';\r\nimport HeaderLine from '../../Components/HeaderLine/HeaderLine'\r\nimport Infobox from '../../Components/Infobox/Infobox';\r\nimport { languageElements } from './PageGreeting-languageElements'\r\nimport LanguageElementsHandler from '../../Components/repository/LanguageElementsHandler';\r\nimport wakeUp from '../../Components/repository/wakeUp';\r\n\r\nexport default function PageGreeting(props) {\r\n const languageElementsHandler = new LanguageElementsHandler(\r\n languageElements,\r\n props.language\r\n );\r\n\r\n const infobox = <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {props.info}
\r\n \r\n
\r\n {languageElementsHandler.get(\"greeting-header\")}
\r\n\r\n
\r\n
\r\n {languageElementsHandler.get(\"greeting-p-01\")}
\r\n\r\n {languageElementsHandler.get(\"btn-login\")}\r\n
\r\n \r\n\r\n useEffect(() => {\r\n wakeUp();\r\n }, [])\r\n\r\n if (props.loginData) {\r\n return \r\n \r\n \r\n
)\r\n}","export default __webpack_public_path__ + \"static/media/headerLogo.6e395bdf.png\";","import \"./FormBorder.scss\";\r\nimport headerLogo from \"./headerLogo.png\";\r\n\r\nexport default function FormBorder(props) {\r\n return (\r\n \r\n
\r\n )\r\n}","export const languageElements = {\r\n items: {\r\n \"field-name\": {\r\n hu: \"Az Ön neve:\",\r\n de: \"Ihre(n) Name:\",\r\n en: \"Your name:\",\r\n },\r\n\r\n \"field-email\": {\r\n hu: \"Email:\",\r\n de: \"Email:\",\r\n en: \"Email:\",\r\n },\r\n\r\n \"field-password\": {\r\n hu: \"Kérem adjon meg egy jelszót:\",\r\n de: \"Bitte wählen Sie ein Password:\",\r\n en: \"Please enter a password:\",\r\n },\r\n\r\n \"field-password-explanation\": {\r\n hu: \"(min. 8 hosszú, szám, kis-/nagybetű, spec. karakter)\",\r\n de: \"Bitte wählen Sie ein Password:\\n(min. 8 Zeichen/Nummer, Klein-/Grossbuchstaben, spez.Zeichen)\",\r\n en: \"Please enter a password:\\n(min. 8 char, number, lower-/uppercase letters, spec.characters)\",\r\n },\r\n\r\n \"field-passwordAgain\": {\r\n hu: \"Jelszó ismét:\",\r\n de: \"Passwort wiederholen:\",\r\n en: \"Password again:\",\r\n },\r\n\r\n \"field-gdprAccepted\": {\r\n hu: \"Az adatkezelési szabályzatot (GDPR) elolvastam, megértettem és elfogadom.\",\r\n de: \"Ich habe die Datenverwaltungsrichtlinien (GDPR) gelesen, verstanden und akzeptiert.\",\r\n en: \"I have read, understood and accept the data management policy (GDPR)\",\r\n },\r\n\r\n \"field-gdprAccepted-link-text\": {\r\n hu: \"Dokumentum megtekintése\",\r\n de: \"Dokument ansehen\",\r\n en: \"View document\",\r\n },\r\n\r\n \"field-termsOfServiceAccepted\": {\r\n hu: \"A szolgáltatási feltételeket (ÁSZF) elolvastam, megértettem és elfogadom.\",\r\n de: \"Ich habe die Nutzungsbedingungen gelesen, verstanden und akzeptiert.\",\r\n en: \"I have read, understood and accept the terms of service (TOS)\",\r\n },\r\n\r\n \"field-termsOfServiceAccepted-link-text\": {\r\n hu: \"Dokumentum megtekintése\",\r\n de: \"Dokument ansehen\",\r\n en: \"View document\",\r\n },\r\n\r\n \"field-emailAnnouncementsAccepted\": {\r\n hu: \"Az engem érintő információkat és dokumentumokat, emailben elfogadom\",\r\n de: \"Ich akzeptiere Informationen und Unterlagen per E-Mail\",\r\n en: \"I accept information and documents by e-mail\",\r\n },\r\n\r\n // \"field-newsletterAccepted\": {\r\n // hu: \"Feliratkozom a hírlevélre\",\r\n // de: \"Ich abonniere den Newsletter\",\r\n // en: \"I subscribe the newsletter\",\r\n // },\r\n\r\n \"btn-login\": {\r\n hu: \"Belépek\",\r\n de: \"Login\",\r\n en: \"Login\",\r\n },\r\n\r\n \"validation-required\": {\r\n hu: \"Kérem töltse ki a mezőt\",\r\n de: \"Dateneingabe erforderlich\",\r\n en: \"Please fill in the field\",\r\n },\r\n\r\n \"validation-chkboxChecked\": {\r\n hu: \"Kérem fogadja el az adatkezelési szabályzatot\",\r\n de: \"Bitte akzeptieren Sie die Datenverwaltungsrichtlinien\",\r\n en: \"Please accept the data management policy\",\r\n },\r\n\r\n \"validation-validEmail\": {\r\n hu: \"A megadott email hibás\",\r\n de: \"Ungültige E-Mail\",\r\n en: \"Invalid email\",\r\n },\r\n\r\n \"validation-passwordStrongEnough\": {\r\n hu: \"A jelszó nem elég erős\",\r\n de: \"Passwort ist nicht stark genug\",\r\n en: \"The password is not strong enough\",\r\n },\r\n\r\n \"validation-passwordAndPasswordAgainSame\": {\r\n hu: \"Nem egyezik a jelszóval\",\r\n de: \"Stimmt nicht mit dem Passwort überein\",\r\n en: \"The Password and Password again do not match\",\r\n },\r\n\r\n \"no-response\": {\r\n hu: \"A szerviz nem reagál. Kérem próbálja később.\",\r\n de: \"Service antwortet nicht. Bitte versuchen Sie es später noch einmal.\",\r\n en: \"The service does not respond. Please try again later.\",\r\n },\r\n\r\n \"info-waiting-for-server\": {\r\n hu: \"Adatellenőrzés...\",\r\n de: \"Datenüberprüfung...\",\r\n en: \"Data verification...\",\r\n },\r\n\r\n \"dataStatus-no-response\": {\r\n hu: \"A szerviz nem reagál. Kérem próbálja később.\",\r\n de: \"Service antwortet nicht. Bitte versuchen Sie es später noch einmal.\",\r\n en: \"The service does not respond. Please try again later.\",\r\n },\r\n\r\n \"dataStatus-invalid\": {\r\n hu: \"Érvénytelen kérés\",\r\n de: \"Ungültige Angaben\",\r\n en: \"Invalid operation\",\r\n },\r\n },\r\n};\r\n","import { parseJwt } from \"../repository/jwt\";\r\n\r\nexport default class LoginData {\r\n constructor(token) {\r\n this.lastActivity = 0;\r\n\r\n if (!token) {\r\n this.token = null;\r\n this.tokenData = {\r\n user: {\r\n name: null,\r\n email: null,\r\n userLevel: \"GUEST\",\r\n }\r\n }\r\n\r\n return;\r\n }\r\n this.token = token;\r\n this.setLastActivity();\r\n this.tokenData = this.getDataFromToken();\r\n }\r\n\r\n setLastActivity() {\r\n const currentDate = new Date();\r\n this.lastActivity = currentDate.getTime();\r\n }\r\n\r\n getLastActivity() {\r\n return this.lastActivity;\r\n }\r\n\r\n getDataFromToken() {\r\n if (!this.token) {\r\n return null;\r\n }\r\n\r\n const tokenData = parseJwt(this.token);\r\n return {\r\n user: {\r\n name: tokenData.name,\r\n email: tokenData.email,\r\n userLevel: tokenData.userLevel,\r\n },\r\n token: {\r\n token: this.token,\r\n valid: tokenData.valid,\r\n },\r\n };\r\n }\r\n\r\n get() {\r\n return this.tokenData;\r\n }\r\n\r\n getToken() {\r\n return this.token;\r\n }\r\n\r\n getUserLevel() {\r\n return this.tokenData?.user?.userLevel;\r\n }\r\n}\r\n","export function parseJwt (token) {\r\n var base64Url = token.split('.')[1];\r\n var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');\r\n var jsonPayload = decodeURIComponent(atob(base64).split('').map(function(c) {\r\n return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);\r\n }).join(''));\r\n\r\n return JSON.parse(jsonPayload);\r\n};\r\n","import './FirstLoginForm.scss';\r\nimport { useRef, useState, useEffect } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport InputFieldSet from '../InputFieldSet/InputFieldSet';\r\nimport { languageElements } from './FirstLoginForm-languageElements';\r\nimport LanguageElementsHandler from '../repository/LanguageElementsHandler';\r\nimport validator from 'validator';\r\nimport LoginData from '../repository/LoginData';\r\n\r\nexport default function FirstLoginForm(props) {\r\n const languageElementsHandler = new LanguageElementsHandler(\r\n languageElements,\r\n props.language\r\n );\r\n\r\n const [formWasValidated, setFormWasValidated] = useState(false);\r\n\r\n const [dataStatus, setDataStatus] = useState('');\r\n\r\n const [errors, setErrors] = useState({\r\n name: '',\r\n email: '',\r\n password: '',\r\n passwordAgain: '',\r\n gdprAccepted: '',\r\n termsOfServiceAccepted: '',\r\n emailAnnouncementsAccepted: '',\r\n // newsletterAccepted: '',\r\n });\r\n\r\n function showMessageShortly(codeOfMessage, typeOfAlert) {\r\n setFormAlertText(languageElementsHandler.get(codeOfMessage));\r\n setFormAlertType(typeOfAlert);\r\n setTimeout(() => {\r\n setFormAlertText('');\r\n setFormAlertType('');\r\n }, 5000);\r\n }\r\n\r\n function clearAllErrors() {\r\n setErrors({\r\n name: '',\r\n email: '',\r\n password: '',\r\n passwordAgain: '',\r\n gdprAccepted: '',\r\n termsOfServiceAccepted: '',\r\n emailAnnouncementsAccepted: '',\r\n // newsletterAccepted: '',\r\n });\r\n }\r\n\r\n const [fieldValues, setFieldValues] = useState({\r\n name: '',\r\n email: '',\r\n password: '',\r\n passwordAgain: '',\r\n gdprAccepted: '',\r\n termsOfServiceAccepted: '',\r\n emailAnnouncementsAccepted: '',\r\n // newsletterAccepted: '',\r\n });\r\n\r\n const references = {\r\n name: useRef(),\r\n email: useRef(),\r\n password: useRef(),\r\n passwordAgain: useRef(),\r\n gdprAccepted: useRef(),\r\n termsOfServiceAccepted: useRef(),\r\n emailAnnouncementsAccepted: useRef(),\r\n // newsletterAccepted: useRef(),\r\n };\r\n\r\n const [formAlertText, setFormAlertText] = useState('');\r\n const [formAlertType, setFormAlertType] = useState('');\r\n\r\n const validators = {\r\n name: {\r\n required: isNotEmpty,\r\n },\r\n\r\n email: {\r\n required: isNotEmpty,\r\n validEmail: isValidEmail,\r\n },\r\n\r\n password: {\r\n required: isNotEmpty,\r\n passwordStrongEnough: isPasswordStrongEnough,\r\n },\r\n\r\n passwordAgain: {\r\n required: isNotEmpty,\r\n passwordAndPasswordAgainSame: isPasswordAndPasswordAgainSame,\r\n },\r\n\r\n gdprAccepted: {\r\n chkboxChecked: isNotEmpty,\r\n },\r\n\r\n termsOfServiceAccepted: {\r\n chkboxChecked: isNotEmpty,\r\n },\r\n\r\n emailAnnouncementsAccepted: {},\r\n // newsletterAccepted: {},\r\n };\r\n\r\n const errorTypes = {\r\n required: languageElementsHandler.get('validation-required'),\r\n chkboxChecked: languageElementsHandler.get('validation-chkboxChecked'),\r\n validEmail: languageElementsHandler.get('validation-validEmail'),\r\n passwordStrongEnough: languageElementsHandler.get(\r\n 'validation-passwordStrongEnough'\r\n ),\r\n passwordAndPasswordAgainSame: languageElementsHandler.get(\r\n 'validation-passwordAndPasswordAgainSame'\r\n ),\r\n };\r\n\r\n function isPasswordStrongEnough(value) {\r\n return /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[^\\w\\s]).{8,}$/.test(\r\n value\r\n );\r\n }\r\n\r\n function isPasswordAndPasswordAgainSame(value) {\r\n if (fieldValues['password'] && fieldValues['passwordAgain']) {\r\n return fieldValues['password'] === fieldValues['passwordAgain'];\r\n }\r\n }\r\n\r\n function isNotEmpty(value) {\r\n return value;\r\n }\r\n\r\n function isValidEmail(value) {\r\n return validator.isEmail(value);\r\n }\r\n\r\n useEffect(() => {\r\n fetch(`${process.env.REACT_APP_API_BASE_URL}/customerportal/users`, {\r\n method: 'GET',\r\n mode: 'cors',\r\n cache: 'no-cache',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n tokenforacceptordecline: props.token,\r\n },\r\n })\r\n .then((data) => {\r\n if (data.status !== 200) {\r\n setDataStatus('invalid');\r\n const error = new Error('invalid');\r\n error.status = data.status;\r\n throw error;\r\n }\r\n return data.json();\r\n })\r\n .then((jsonData) => {\r\n setDataStatus('valid');\r\n setFieldValues({\r\n name: jsonData.name,\r\n email: jsonData.email,\r\n password: '',\r\n passwordAgain: '',\r\n gdprAccepted: jsonData.gdprAccepted,\r\n termsOfServiceAccepted: jsonData.termsOfServiceAccepted,\r\n emailAnnouncementsAccepted: jsonData.emailAnnouncementsAccepted,\r\n //newsletterAccepted: jsonData.newsletterAccepted,\r\n });\r\n })\r\n .catch((error) => {\r\n if (error.message === 'Failed to fetch') {\r\n setDataStatus('no-response');\r\n }\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n clearAllErrors();\r\n }, [props.language]);\r\n\r\n async function handleSubmit(e) {\r\n e.preventDefault();\r\n if (isFormValid()) {\r\n fetch(`${process.env.REACT_APP_API_BASE_URL}/customerportal/registration`, {\r\n method: 'POST',\r\n mode: 'cors',\r\n cache: 'no-cache',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n tokenforacceptordecline: props.token,\r\n name: fieldValues.name,\r\n email: fieldValues.email,\r\n password: fieldValues.password,\r\n language: props.language,\r\n gdprAccepted: fieldValues.gdprAccepted ? true : false,\r\n termsOfServiceAccepted: fieldValues.termsOfServiceAccepted\r\n ? true\r\n : false,\r\n emailAnnouncementsAccepted: fieldValues.emailAnnouncementsAccepted\r\n ? true\r\n : false,\r\n newsletterAccepted: false,\r\n // newsletterAccepted: fieldValues.newsletterAccepted ? true : false,\r\n },\r\n })\r\n .then((data) => {\r\n if (data.status !== 200) {\r\n throw new Error('result-nok');\r\n }\r\n return data.json();\r\n })\r\n .then((jsonData) => {\r\n let newLogin = new LoginData(jsonData.token);\r\n props.onLogin(newLogin);\r\n })\r\n .catch((error) => {\r\n showMessageShortly(\r\n error.message === 'result-nok' ? error.message : 'result-no-response',\r\n 'danger'\r\n );\r\n });\r\n }\r\n }\r\n\r\n function isFormValid() {\r\n let isFormValid = true;\r\n for (const fieldName of Object.keys(fieldValues)) {\r\n const isFieldValid = validateField(fieldName);\r\n if (!isFieldValid) {\r\n isFormValid = false;\r\n }\r\n }\r\n return isFormValid;\r\n }\r\n\r\n function handleInputBlur(e) {\r\n const fieldName = e.target.name;\r\n setErrors((previousErrors) => ({\r\n ...previousErrors,\r\n [fieldName]: '',\r\n }));\r\n\r\n validateField(fieldName);\r\n }\r\n\r\n function handleInputChange(e) {\r\n const value = e.target.value;\r\n const fieldName = e.target.name;\r\n setFieldValues({\r\n ...fieldValues,\r\n [fieldName]: value,\r\n });\r\n setErrors((previousErrors) => ({\r\n ...previousErrors,\r\n [fieldName]: '',\r\n }));\r\n }\r\n\r\n function validateField(fieldName) {\r\n const value = fieldValues[fieldName];\r\n let isValid = true;\r\n setErrors((previousErrors) => ({\r\n ...previousErrors,\r\n [fieldName]: '',\r\n }));\r\n references[fieldName].current.setCustomValidity('');\r\n\r\n if (validators[fieldName] !== undefined) {\r\n for (const [validationType, validatorFn] of Object.entries(\r\n validators[fieldName]\r\n )) {\r\n if (isValid) {\r\n isValid = validatorFn(value);\r\n if (!isValid) {\r\n const errorText = errorTypes[validationType];\r\n setErrors((previousErrors) => {\r\n return {\r\n ...previousErrors,\r\n [fieldName]: errorText,\r\n };\r\n });\r\n references[fieldName].current.setCustomValidity(errorText);\r\n }\r\n }\r\n }\r\n }\r\n return isValid;\r\n }\r\n\r\n if (!props.token) {\r\n return \r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {props.form}\r\n
\r\n \r\n {!dataStatus && (\r\n \r\n
\r\n );\r\n}\r\n","export const languageElements = {\r\n items: {\r\n \"form-title\": {\r\n hu: \"Első belépés\",\r\n de: \"Erste Anmeldung\",\r\n en: \"First login\",\r\n },\r\n },\r\n};\r\n","import { Redirect } from 'react-router-dom';\r\nimport './PageFirstLogin.scss';\r\nimport HeaderLine from '../../Components/HeaderLine/HeaderLine';\r\nimport FormBorder from '../../Components/FormBorder/FormBorder';\r\nimport FirstLoginForm from '../../Components/FirstLoginForm/FirstLoginForm';\r\nimport { languageElements } from './PageFirstLogin-languageElements';\r\nimport LanguageElementsHandler from '../../Components/repository/LanguageElementsHandler';\r\n\r\nexport default function PageFirstLogin(props) {\r\n const urlParams = new URLSearchParams(window.location.search);\r\n const token = urlParams.get('token');\r\n\r\n const languageElementsHandler = new LanguageElementsHandler(\r\n languageElements,\r\n props.language\r\n );\r\n\r\n if (props.loginData) {\r\n return \r\n {languageElementsHandler.get('info-waiting-for-server')}\r\n
\r\n )}\r\n {dataStatus === 'no-response' && (\r\n \r\n {languageElementsHandler.get('no-response')}\r\n
\r\n )}\r\n {dataStatus === 'invalid' && (\r\n \r\n {languageElementsHandler.get('dataStatus-invalid')}\r\n
\r\n )}\r\n {formAlertText && (\r\n \r\n {formAlertText}\r\n
\r\n )}\r\n {dataStatus === 'valid' && (\r\n \r\n \r\n
\r\n \r\n )}\r\n {languageElementsHandler.get('form-title')}
\r\n\r\n \r\n \r\n
)\r\n}\r\n","export const languageElements = {\r\n \"items\": {\r\n \"waiting-header\": {\r\n \"hu\": \"Várakozás a szerverre...\",\r\n \"de\": \"Verarbeitung...\",\r\n \"en\": \"Processing...\"\r\n },\r\n\r\n \"waiting-p-01\": {\r\n \"hu\": \"\",\r\n \"de\": \"\",\r\n \"en\": \"\"\r\n },\r\n\r\n \"success-header\": {\r\n \"hu\": \"Sikeres leiratkozás\",\r\n \"de\": \"Erfolgreiche Abmeldung\",\r\n \"en\": \"Unsubscribe successful\"\r\n },\r\n\r\n \"success-p-01\": {\r\n \"hu\": \"Sikeresen leiratkozott, személyes adatait töröltük a rendszerből.\",\r\n \"de\": \"Sie haben sich erfolgreich abgemeldet und Ihre persönlichen Daten wurden aus dem System gelöscht.\",\r\n \"en\": \"You have successfully unsubscribed and your personal information has been deleted from the system.\"\r\n },\r\n\r\n \"no-response-header\": {\r\n \"hu\": \"A szerver nem válaszol\",\r\n \"de\": \"Server antwortet nicht\",\r\n \"en\": \"Server is not responding\"\r\n },\r\n\r\n \"no-response-p-01\": {\r\n \"hu\": \"Kérjük próbálja meg később\",\r\n \"de\": \"Bitte versuche es später noch einmal\",\r\n \"en\": \"Please try again later\"\r\n },\r\n\r\n \"invalid-header\": {\r\n \"hu\": \"Érvénytelen kérés\",\r\n \"de\": \"Ungültige Angaben\",\r\n \"en\": \"Invalid operation\"\r\n },\r\n\r\n \"invalid-p-01\": {\r\n \"hu\": \"\",\r\n \"de\": \"\",\r\n \"en\": \"\"\r\n },\r\n },\r\n };\r\n","import { useState, useEffect } from \"react\";\r\nimport { useParams, Redirect } from \"react-router-dom\";\r\nimport \"./PageDismissRegistration.scss\";\r\nimport HeaderLine from \"../../Components/HeaderLine/HeaderLine\";\r\nimport Infobox from \"../../Components/Infobox/Infobox\";\r\nimport { languageElements } from \"./PageDismissRegistration-languageElements\";\r\nimport LanguageElementsHandler from \"../../Components/repository/LanguageElementsHandler\";\r\n\r\nexport default function PageDismissRegistration(props) {\r\n const urlParams = new URLSearchParams(window.location.search);\r\n const token = urlParams.get('token');\r\n const [statusOfDelete, setStatusOfDelete] = useState(\"waiting\");\r\n\r\n const languageElementsHandler = new LanguageElementsHandler(\r\n languageElements,\r\n props.language\r\n );\r\n\r\n useEffect(() => {\r\n fetch(`${process.env.REACT_APP_API_BASE_URL}/customerportal/registration`, {\r\n method: \"DELETE\",\r\n mode: \"cors\",\r\n cache: \"no-cache\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n tokenforacceptordecline: token,\r\n },\r\n })\r\n .then((data) =>\r\n setStatusOfDelete(data.status === 200 ? \"success\" : \"invalid\")\r\n )\r\n .catch(() => setStatusOfDelete(\"no-response\"));\r\n }, []);\r\n\r\n const infobox = (\r\n <>\r\n \r\n
\r\n \r\n
\r\n {languageElementsHandler.get(`${statusOfDelete}-header`)}
\r\n\r\n
\r\n
\r\n \r\n );\r\n\r\n if (!token) {\r\n return {languageElementsHandler.get(`${statusOfDelete}-p-01`)}
\r\n\r\n \r\n \r\n
\r\n );\r\n}\r\n","export const languageElements = {\r\n items: {\r\n \"field-login\": {\r\n hu: \"Az ön e-mail címe:\",\r\n de: \"Ihre E-Mail-Adresse:\",\r\n en: \"Your email adress:\",\r\n },\r\n\r\n \"field-pass\": {\r\n hu: \"Jelszó:\",\r\n de: \"Passwort:\",\r\n en: \"Password:\",\r\n },\r\n\r\n \"btn-login\": {\r\n hu: \"Belépés\",\r\n de: \"Login\",\r\n en: \"Login\",\r\n },\r\n\r\n \"btn-loginAsGuest\": {\r\n hu: \"Vendég\",\r\n de: \"Als Gast einloggen\",\r\n en: \"Login as guest\",\r\n },\r\n\r\n \"validation-required\": {\r\n hu: \"Nem elhagyható adat\",\r\n de: \"Dateneingabe erforderlich\",\r\n en: \"Data is required\",\r\n },\r\n\r\n \"password-forgotten\": {\r\n hu: \"Ha elfelejtette a jelszavát, kattintson ide.\",\r\n de: \"Wenn Sie Ihr Passwort vergessen haben, klicken Sie hier.\",\r\n en: \"If you have forgotten your password, click here.\",\r\n },\r\n\r\n \"invalid-password\": {\r\n hu: \"Hibás bejelentkezési adatok\",\r\n de: \"Falsche Angaben\",\r\n en: \"Incorrect login data\",\r\n },\r\n\r\n \"result-nok\": {\r\n hu: \"Hibás bejelentkező adatok\",\r\n de: \"Inkorrekte Angaben\",\r\n en: \"Incorrect login data\",\r\n },\r\n\r\n \"result-no-response\": {\r\n hu: \"A szerviz nem reagál. Kérem próbálja később.\",\r\n de: \"Service antwortet nicht. Bitte versuchen Sie es später noch einmal.\",\r\n en: \"The service does not respond. Please try again later.\",\r\n },\r\n\r\n \"serverstate-sleeping\": {\r\n hu: \"Kapcsolódás a szerverhez biztonságos csatornán... (kb. 30mp)\",\r\n de: \"Verbindung zum Server über einen sicheren Kanal... (etwa 30 Sekunden)\",\r\n en: \"Connect to the server over a secure channel (approx. 30s)\",\r\n },\r\n },\r\n};\r\n","import './LoginForm.scss';\r\nimport { useRef, useState, useEffect } from 'react';\r\nimport InputFieldSet from '../InputFieldSet/InputFieldSet';\r\nimport { languageElements } from './LoginForm-languageElements';\r\nimport LanguageElementsHandler from '../repository/LanguageElementsHandler';\r\nimport LoginData from '../repository/LoginData';\r\nimport wakeUp from '../repository/wakeUp';\r\n\r\nexport default function LoginForm(props) {\r\n const languageElementsHandler = new LanguageElementsHandler(\r\n languageElements,\r\n props.language\r\n );\r\n\r\n const [serverState, setServerState] = useState('SLEEPING');\r\n const [formWasValidated, setFormWasValidated] = useState(false);\r\n\r\n const [errors, setErrors] = useState({\r\n login: '',\r\n pass: '',\r\n });\r\n\r\n function showMessageShortly(codeOfMessage, typeOfAlert) {\r\n setFormAlertText(languageElementsHandler.get(codeOfMessage));\r\n setFormAlertType(typeOfAlert);\r\n setTimeout(() => {\r\n setFormAlertText('');\r\n setFormAlertType('');\r\n }, 5000);\r\n }\r\n\r\n function clearAllErrors() {\r\n setErrors({\r\n login: '',\r\n pass: '',\r\n });\r\n }\r\n\r\n const [fieldValues, setFieldValues] = useState({\r\n login: '',\r\n pass: '',\r\n });\r\n\r\n const references = {\r\n login: useRef(),\r\n pass: useRef(),\r\n };\r\n\r\n const [formAlertText, setFormAlertText] = useState('');\r\n const [formAlertType, setFormAlertType] = useState('');\r\n\r\n const validators = {\r\n login: {\r\n required: isNotEmpty,\r\n },\r\n pass: {\r\n required: isNotEmpty,\r\n },\r\n };\r\n\r\n const errorTypes = {\r\n required: languageElementsHandler.get(`validation-required`),\r\n };\r\n\r\n function isNotEmpty(value) {\r\n return value !== '';\r\n }\r\n\r\n useEffect(() => {\r\n wakeUp().then(() => {\r\n setServerState('RUNNING');\r\n })\r\n }, []);\r\n\r\n useEffect(() => {\r\n clearAllErrors();\r\n }, [props.language]);\r\n\r\n async function handleSubmit(e) {\r\n e.preventDefault();\r\n if (isFormValid()) {\r\n fetch(`${process.env.REACT_APP_API_BASE_URL}/customerportal/token`, {\r\n method: 'GET',\r\n mode: 'cors',\r\n cache: 'no-cache',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n portalOwnersId: process.env.REACT_APP_PORTAL_OWNERS_ID,\r\n email: fieldValues.login,\r\n password: fieldValues.pass,\r\n },\r\n })\r\n .then((data) => {\r\n if (data.status !== 200) {\r\n throw new Error('result-nok');\r\n }\r\n return data.json();\r\n })\r\n .then((jsonData) => {\r\n let newLogin = new LoginData(jsonData.token);\r\n props.onLogin(newLogin);\r\n })\r\n .catch((error) => {\r\n showMessageShortly(\r\n error.message === 'result-nok'\r\n ? error.message\r\n : 'result-no-response',\r\n 'danger'\r\n );\r\n });\r\n }\r\n }\r\n\r\n function isFormValid() {\r\n let isFormValid = true;\r\n for (const fieldName of Object.keys(fieldValues)) {\r\n const isFieldValid = validateField(fieldName);\r\n if (!isFieldValid) {\r\n isFormValid = false;\r\n }\r\n }\r\n return isFormValid;\r\n }\r\n\r\n function handleInputBlur(e) {\r\n const fieldName = e.target.name;\r\n setErrors((previousErrors) => ({\r\n ...previousErrors,\r\n [fieldName]: '',\r\n }));\r\n\r\n validateField(fieldName);\r\n }\r\n\r\n function handleInputChange(e) {\r\n const value = e.target.value;\r\n const fieldName = e.target.name;\r\n setFieldValues({\r\n ...fieldValues,\r\n [fieldName]: value,\r\n });\r\n setErrors((previousErrors) => ({\r\n ...previousErrors,\r\n [fieldName]: '',\r\n }));\r\n }\r\n\r\n function validateField(fieldName) {\r\n const value = fieldValues[fieldName];\r\n let isValid = true;\r\n setErrors((previousErrors) => ({\r\n ...previousErrors,\r\n [fieldName]: '',\r\n }));\r\n references[fieldName].current.setCustomValidity('');\r\n\r\n if (validators[fieldName] !== undefined) {\r\n for (const [validationType, validatorFn] of Object.entries(\r\n validators[fieldName]\r\n )) {\r\n if (isValid) {\r\n isValid = validatorFn(value);\r\n if (!isValid) {\r\n const errorText = errorTypes[validationType];\r\n setErrors((previousErrors) => {\r\n return {\r\n ...previousErrors,\r\n [fieldName]: errorText,\r\n };\r\n });\r\n references[fieldName].current.setCustomValidity(errorText);\r\n }\r\n }\r\n }\r\n }\r\n return isValid;\r\n }\r\n\r\n if (serverState === 'SLEEPING') {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n Loading...\r\n
\r\n {languageElementsHandler.get(`serverstate-sleeping`)}
\r\n\r\n {formAlertText && (\r\n \r\n
\r\n );\r\n}\r\n","import \"./PageLogin.scss\";\r\nimport { Redirect } from 'react-router-dom';\r\nimport HeaderLine from '../../Components/HeaderLine/HeaderLine';\r\nimport Infobox from '../../Components/Infobox/Infobox';\r\nimport LoginForm from '../../Components/LoginForm/LoginForm';\r\n\r\nexport default function PageLogin(props) {\r\n function onLogin(newLoginData) {\r\n props.onLogin(newLoginData)\r\n }\r\n\r\n if (props.loginData) {\r\n return \r\n {formAlertText}\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n","export default class FieldFormatters {\r\n static dateFormatter(value, lang) {\r\n if (!value) {\r\n return \"\";\r\n }\r\n\r\n let yearStr = value.substr(0, 4);\r\n let monthStr = value.substr(5, 2);\r\n let dayStr = value.substr(8, 2);\r\n switch (lang) {\r\n case \"hu\":\r\n return `${yearStr}.${monthStr}.${dayStr}`;\r\n\r\n case \"en\":\r\n return `${monthStr}.${dayStr}.${yearStr}`;\r\n\r\n default:\r\n return `${dayStr}.${monthStr}.${yearStr}`;\r\n }\r\n }\r\n\r\n static onlyDate(value) {\r\n if (!value) {\r\n return null;\r\n }\r\n\r\n let yearStr = value.substr(0, 4);\r\n let monthStr = value.substr(5, 2);\r\n let dayStr = value.substr(8, 2);\r\n return `${yearStr}-${monthStr}-${dayStr}`;\r\n }\r\n\r\n static numberFormatter(value, lang, numberOfDigits) {\r\n if (isNaN(value)) {\r\n return \"\";\r\n }\r\n\r\n const formattedValue = new Intl.NumberFormat(lang, {\r\n minimumFractionDigits: numberOfDigits,\r\n maximumFractionDigits: numberOfDigits,\r\n }).format(value);\r\n\r\n return formattedValue;\r\n }\r\n}\r\n","import \"./DataGrid.scss\";\r\nimport { AgGridColumn, AgGridReact } from \"ag-grid-react\";\r\nimport FieldFormatters from \"../repository/FieldFormatters\";\r\nimport \"ag-grid-community/dist/styles/ag-grid.css\";\r\nimport \"ag-grid-community/dist/styles/ag-theme-alpine.css\";\r\nimport LanguageElementsHandler from \"../repository/LanguageElementsHandler\";\r\n\r\nexport default function DataGrid(props) {\r\n const languageElementsHandler = new LanguageElementsHandler(\r\n props.languageElements,\r\n props.language\r\n );\r\n\r\n function dateFormatter(params) {\r\n return FieldFormatters.dateFormatter(params.value, props.language);\r\n }\r\n\r\n function floatFormatter(params) {\r\n return FieldFormatters.numberFormatter(params.value, props.language, 2);\r\n }\r\n\r\n function float4Formatter(params) {\r\n return FieldFormatters.numberFormatter(params.value, props.language, 2);\r\n }\r\n\r\n const columnTypes = {\r\n date: {\r\n valueFormatter: dateFormatter,\r\n filter: \"agDateColumnFilter\",\r\n filterParams: {\r\n debounceMs: 500,\r\n buttons: [\"reset\"],\r\n comparator: function (filterLocalDateAtMidnight, cellValue) {\r\n if (cellValue == null) {\r\n return 0;\r\n }\r\n const filterLocalDateAtMidnightInt =\r\n filterLocalDateAtMidnight.getFullYear() * 10000 +\r\n (filterLocalDateAtMidnight.getMonth() + 1) * 100 +\r\n filterLocalDateAtMidnight.getDate();\r\n const cellValueInt =\r\n parseInt(cellValue.substr(0, 4), 10) * 10000 +\r\n parseInt(cellValue.substr(5, 2), 10) * 100 +\r\n parseInt(cellValue.substr(8, 2), 10);\r\n if (cellValueInt < filterLocalDateAtMidnightInt) {\r\n return -1;\r\n } else if (cellValueInt > filterLocalDateAtMidnightInt) {\r\n return 1;\r\n } else {\r\n return 0;\r\n }\r\n },\r\n },\r\n comparator: (d1, d2) => {\r\n if (!d1 && !d2) {\r\n return 0;\r\n }\r\n\r\n if (!d1) {\r\n return -1;\r\n }\r\n\r\n if (!d2) {\r\n return 1;\r\n }\r\n\r\n if (d1 === d2) {\r\n return 0;\r\n }\r\n return d1 > d2 ? 1 : -1;\r\n },\r\n },\r\n\r\n float: {\r\n valueFormatter: floatFormatter,\r\n headerClass: \"grid-header-right\",\r\n cellStyle: { textAlign: \"right\" },\r\n filter: \"agNumberColumnFilter\",\r\n filterParams: {\r\n buttons: [\"reset\"],\r\n },\r\n },\r\n\r\n float4: {\r\n valueFormatter: float4Formatter,\r\n headerClass: \"grid-header-right\",\r\n cellStyle: { textAlign: \"right\" },\r\n filter: \"agNumberColumnFilter\",\r\n filterParams: {\r\n buttons: [\"reset\"],\r\n },\r\n },\r\n\r\n boolean: {},\r\n\r\n default: {\r\n filter: \"agTextColumnFilter\",\r\n filterParams: {\r\n buttons: [\"reset\"],\r\n },\r\n },\r\n };\r\n\r\n const gridColumns = props.columns.map((col) => {\r\n let fieldCellRenderer;\r\n\r\n if (props.cellRenderers) {\r\n fieldCellRenderer = props.cellRenderers.find(\r\n (renderer) => renderer.field === col.field\r\n );\r\n }\r\n\r\n if (!fieldCellRenderer) {\r\n switch (col.type) {\r\n case \"boolean\":\r\n fieldCellRenderer = (params) => {\r\n return ``;\r\n };\r\n break;\r\n\r\n default:\r\n fieldCellRenderer = {};\r\n break;\r\n }\r\n }\r\n\r\n return {\r\n ...col,\r\n cellRenderer: fieldCellRenderer.cellRenderer,\r\n cellRendererParams: fieldCellRenderer.cellRendererParams,\r\n };\r\n });\r\n\r\n let languageColumns = {};\r\n props.columns.forEach((col) => {\r\n if (col.options) {\r\n const languageItems = col.options.filter((option) => option.value);\r\n if (languageItems) {\r\n let objectOfLanguageItems = {};\r\n for (let i = 0; i < languageItems.length; i++) {\r\n const languageItem = languageItems[i];\r\n objectOfLanguageItems[languageItem.value] =\r\n languageItem.text.substr(0, 4) === \"###-\"\r\n ? languageElementsHandler.get(languageItem.text.substr(4))\r\n : languageItem.text;\r\n }\r\n languageColumns[col.field] = objectOfLanguageItems;\r\n }\r\n }\r\n });\r\n\r\n let gridData = props.data.map((row) => {\r\n return { _origData: { ...row }, ...row };\r\n });\r\n\r\n if (Object.keys(languageColumns).length > 0) {\r\n Object.keys(languageColumns).forEach((key) => {\r\n gridData = gridData.map((row) => {\r\n let newRow = row;\r\n if (row[key]) {\r\n const languageValue = languageColumns[key][row[key]];\r\n if (languageValue) {\r\n newRow[key] = languageValue;\r\n }\r\n }\r\n return newRow;\r\n });\r\n });\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n break;\r\n\r\n case 'select':\r\n filterField = (\r\n \r\n \r\n
\r\n \r\n = ?`}\r\n data-comparator=\"$gte\"\r\n data-field={props.fieldName}\r\n />\r\n
\r\n -
\r\n \r\n
\r\n \r\n
\r\n );\r\n\r\n break;\r\n\r\n default:\r\n filterField = (\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n props.options.map((option) => {\r\n if (typeof (option) === 'string') {\r\n return (\r\n \r\n );\r\n }\r\n if (typeof (option) === 'object' && (option.value || option.value === '')) {\r\n const key = `field-${props.fieldName}-option-${option.value}`;\r\n const text = (option.text.substr(0, 4) === '###-') ? languageElementsHandler.get(option.text.substr(4)) : option.text;\r\n\r\n return ;\r\n }\r\n\r\n return null;\r\n })\r\n }\r\n \r\n
\r\n \r\n
\r\n );\r\n break;\r\n }\r\n\r\n return filterField;\r\n}\r\n","export default __webpack_public_path__ + \"static/media/clearAll.49454f19.svg\";","import './Filters.scss';\r\nimport FilterField from './FilterField';\r\nimport pictureClearAll from './clearAll.svg';\r\n\r\nexport default function Filters(props) {\r\n const selectedFilters = props?.reportParams?.selectedFilters;\r\n if (!selectedFilters) {\r\n return ;\r\n }\r\n\r\n const filters = selectedFilters.map((fieldName) => {\r\n const column = props.reportParams.columns.find((column) => {\r\n return column.field === fieldName;\r\n });\r\n const filterField = {\r\n fieldName,\r\n filterType: column.type,\r\n options: column.options,\r\n };\r\n return filterField;\r\n });\r\n\r\n function clearAll() {\r\n Array.from(document.querySelectorAll('.reportFilter'))\r\n .filter((e) => e.value)\r\n .forEach(field => {\r\n field.value = '';\r\n })\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/ExcelExport-icon.ece6fb84.svg\";","import ExcelExportIcon from './ExcelExport-icon.svg';\r\nimport './ExcelExport.scss';\r\nimport xlsx from 'xlsx';\r\nimport FileSaver from 'file-saver';\r\n\r\nexport default function ExcelExport(props) {\r\n function exportToExcel() {\r\n const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n const EXCEL_EXTENSION = '.xlsx';\r\n const worksheet = xlsx.utils.json_to_sheet(props.data);\r\n const workbook = { Sheets: { 'data': worksheet }, SheetNames: ['data'] };\r\n const excelBuffer = xlsx.write(workbook, {bookType: 'xlsx', type: 'array'});\r\n const data = new Blob([excelBuffer], {type: EXCEL_TYPE});\r\n FileSaver.saveAs(data, 'excelData'+EXCEL_EXTENSION);\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n\r\n {filters.map((filterField) => {\r\n return (\r\n
\r\n \r\n 
\r\n
\r\n )\r\n}","import { useState, useEffect, useRef } from 'react';\r\nimport './GridReport.scss';\r\nimport { Accordion } from 'bootstrap';\r\nimport DataGrid from '../DataGrid/DataGrid';\r\nimport Filters from '../Filters/Filters';\r\nimport LanguageElementsHandler from '../repository/LanguageElementsHandler';\r\nimport ExcelExport from '../ExcelExport/ExcelExport';\r\nimport wakeUp from '../repository/wakeUp';\r\n\r\nexport default function GridReportIdeiglenes(props) {\r\n const languageElementsHandler = new LanguageElementsHandler(\r\n props.report.languageElements,\r\n props.language,\r\n );\r\n\r\n const accordionData = useRef();\r\n const [reportParams, setReportParams] = useState({});\r\n const [dataLoadingState, setDataLoadingState] = useState('NOT PREPARED');\r\n const [gridData, setGridData] = useState([]);\r\n const [gridColumns, setGridColumns] = useState([]);\r\n\r\n const loggedEmail = props.loginData?.getDataFromToken().user.email\r\n\r\n useEffect(() => {\r\n setDataLoadingState('LOADING-PARAMS');\r\n fetch(`${process.env.REACT_APP_API_BASE_URL}/customerportal/reports/params`, {\r\n method: 'GET',\r\n mode: 'cors',\r\n cache: 'no-cache',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n token: props.loginData.getToken(),\r\n reportid: props.id,\r\n },\r\n })\r\n .then((data) => {\r\n if (data.status !== 200) {\r\n setDataLoadingState('NOT PREPARED');\r\n const error = new Error('invalid');\r\n error.status = data.status;\r\n throw error;\r\n }\r\n return data.json();\r\n })\r\n .then((jsonData) => {\r\n setReportParams(jsonData);\r\n setGridColumns(\r\n jsonData.selectedColumns.map((columnName) => {\r\n const columnDef = jsonData.columns.find((column) => {\r\n return column.field === columnName;\r\n });\r\n return {\r\n field: columnName,\r\n type: columnDef.type,\r\n width: columnDef.width,\r\n options: columnDef.options,\r\n };\r\n }),\r\n );\r\n\r\n setDataLoadingState('NOT LOADED');\r\n })\r\n .catch((error) => {\r\n setDataLoadingState('NOT PREPARED');\r\n });\r\n }, [loggedEmail]);\r\n\r\n useEffect(() => {\r\n showDataIfNotCollapsed();\r\n }, [props.language]);\r\n\r\n function showDataIfNotCollapsed() {\r\n wakeUp().then(() => {\r\n if (accordionData.current) {\r\n if (!accordionData.current.classList.contains('collapsed')) {\r\n showData();\r\n }\r\n }\r\n })\r\n }\r\n\r\n function getFilter() {\r\n const filterFields = Array.from(document.querySelectorAll('.reportFilter'))\r\n .filter((e) => e.value)\r\n .map((e) => {\r\n switch (e.type) {\r\n case 'date':\r\n const dateValue = new Date(e.value);\r\n const sqlDate = `CONVERT(DATETIME, '${dateValue.getFullYear()}-${dateValue.getMonth() + 1\r\n }-${dateValue.getDate()}', 102)`;\r\n const sqlDate2359 = `CONVERT(DATETIME, '${dateValue.getFullYear()}-${dateValue.getMonth() + 1\r\n }-${dateValue.getDate()} 23:59:59', 102)`;\r\n\r\n let result = e.dataset.sql.replace(/\\?\\(2359\\)/g, sqlDate2359);\r\n result = result.replace(/\\?/g, sqlDate);\r\n return result;\r\n\r\n default:\r\n return `(${e.dataset.sql.replace(/\\?/g, e.value)})`;\r\n }\r\n });\r\n return filterFields.join(' AND ');\r\n }\r\n\r\n function showData() {\r\n setDataLoadingState('LOADING');\r\n \r\n fetch(`${process.env.REACT_APP_API_BASE_URL}/customerportal/data`, {\r\n method: 'GET',\r\n mode: 'cors',\r\n cache: 'no-cache',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n token: props.loginData.getToken(),\r\n select: reportParams.selectedColumns.join(', '),\r\n from: props.report.sqlFromIdeiglenes,\r\n where: getFilter(),\r\n orderby: reportParams.sqlOrderBy,\r\n language: props.language,\r\n },\r\n })\r\n .then((data) => {\r\n if (data.status !== 200) {\r\n setDataLoadingState('NOT LOADED');\r\n const error = new Error('invalid');\r\n error.status = data.status;\r\n throw error;\r\n }\r\n return data.json();\r\n })\r\n .then((jsonData) => {\r\n setGridData(jsonData.data);\r\n setDataLoadingState('LOADED');\r\n })\r\n .catch((error) => {\r\n setDataLoadingState('NOT LOADED');\r\n });\r\n }\r\n\r\n if (dataLoadingState === 'LOADING-PARAMS') {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n\r\n if (dataLoadingState === 'NOT PREPARED') {\r\n return <>;\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n Loading...\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {languageElementsHandler.get(\"flush-filter\")}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {dataLoadingState === 'NOT LOADED' && (\r\n \r\n )}\r\n\r\n {(dataLoadingState === 'LOADING' || dataLoadingState === 'NOT PREPARED') && (\r\n
\r\n \r\n showDataIfNotCollapsed()}\r\n >\r\n {languageElementsHandler.get(\"flush-data\")}\r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n {dataLoadingState === 'LOADED' && (\r\n \r\n Loading...\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {\"###flush-select-columns\"}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n );\r\n}\r\n","export const languageElements = {\r\n items: {\r\n 'flush-filter': {\r\n hu: 'Adatok előszűrése',\r\n de: 'Daten filtern',\r\n en: 'Filtering data',\r\n },\r\n\r\n 'flush-data': {\r\n hu: 'Számláim',\r\n de: 'Liste der Rechnungen',\r\n en: 'List of invoices',\r\n },\r\n\r\n 'field-ExternalSystem_ID': {\r\n hu: 'Letöltés',\r\n de: 'Download',\r\n en: 'Download',\r\n },\r\n 'field-ExternalSystem_TransactID': {\r\n hu: 'External System Transact ID',\r\n de: 'External System Transact ID',\r\n en: 'External System Transact ID',\r\n },\r\n 'field-Vendor_Name': {\r\n hu: 'Eladó',\r\n de: 'Verkäufer',\r\n en: 'Vendor',\r\n },\r\n 'field-InvNum': {\r\n hu: 'Számlaszám',\r\n de: 'Rechnungsnummer',\r\n en: 'Invoice number',\r\n },\r\n 'field-Inv_SeqNum': {\r\n hu: 'Iktatószám',\r\n de: 'Registrationsnummer',\r\n en: 'Registration number',\r\n },\r\n 'field-ACCT_Period': {\r\n hu: 'Pénzügyi periódus',\r\n de: 'Period',\r\n en: 'Period',\r\n },\r\n 'field-InvType': {\r\n hu: 'Bizonylat típusa',\r\n de: 'Re/Gu',\r\n en: 'AC/AR',\r\n },\r\n 'field-InvClass': {\r\n hu: 'Eseti / folyamatos',\r\n de: 'Leistungsart',\r\n en: 'Type of delivery',\r\n },\r\n 'field-Ref_InvNum': {\r\n hu: 'Hivatkozott bizonylat',\r\n de: 'Ref.Rechnung',\r\n en: 'Referred invoice',\r\n },\r\n 'field-Parent_InvNum': {\r\n hu: 'Ős bizonylat',\r\n de: 'Basisrechnung',\r\n en: 'Root invoice',\r\n },\r\n 'field-AccountingStatus': {\r\n hu: 'Könyvelési státusz',\r\n de: 'FIBU-Status',\r\n en: 'Accounting state',\r\n },\r\n 'field-Cancellation_ReasonCode': {\r\n hu: 'Javítás oka',\r\n de: 'Grund Stornierung',\r\n en: 'Cancellation reason',\r\n },\r\n 'field-Vendor_ID': {\r\n hu: 'Szállító ID',\r\n de: 'Lieferant ID',\r\n en: 'Vendor ID',\r\n },\r\n 'field-Vendor_ACCT_Code': {\r\n hu: 'Szállító fők.szám',\r\n de: 'Lieferant FIBU-Konto',\r\n en: 'Vendor acct.num.',\r\n },\r\n 'field-Vendor_ExternalCode1': {\r\n hu: 'Szállító kód 1',\r\n de: 'Lieferant Code 1',\r\n en: 'Vendor Code 1',\r\n },\r\n 'field-Vendor_ExternalCode2': {\r\n hu: 'Szállító kód 2',\r\n de: 'Lieferant Code 2',\r\n en: 'Vendor Code 2',\r\n },\r\n 'field-Vendor_Name1': {\r\n hu: 'Szállító név 1',\r\n de: 'Lieferant Name 1',\r\n en: 'Vendor name 1',\r\n },\r\n 'field-Vendor_Name2': {\r\n hu: 'Szállító név 2',\r\n de: 'Lieferant Name 2',\r\n en: 'Vendor name 2',\r\n },\r\n 'field-Vendor_Country': {\r\n hu: 'Szállító ország',\r\n de: 'Lieferant Land',\r\n en: 'Vendor country',\r\n },\r\n 'field-Vendor_State': {\r\n hu: 'Szállító megye',\r\n de: 'Lieferant Bundesland',\r\n en: 'Vendor state',\r\n },\r\n 'field-Vendor_ZIP': {\r\n hu: 'Szállító ir.szám',\r\n de: 'Lieferant PLZ',\r\n en: 'Vendor zip code',\r\n },\r\n\r\n 'field-Vendor_Addr_District': {\r\n hu: 'Szállító kerület',\r\n de: 'Lieferant Bezirk',\r\n en: 'Vendor district',\r\n },\r\n 'field-Vendor_City': {\r\n hu: 'Szállító helység',\r\n de: 'Lieferant Ort',\r\n en: 'Vendor city',\r\n },\r\n 'field-Vendor_Addr_StreetName': {\r\n hu: 'Szállító utca',\r\n de: 'Lieferant Strasse',\r\n en: 'Vendor street',\r\n },\r\n 'field-Vendor_Addr_ps_type': {\r\n hu: 'Szállító közterület típusa',\r\n de: 'Lieferant Typ von Verkehrsbauwerk',\r\n en: 'Vendor public place category',\r\n },\r\n 'field-Vendor_Addr_housenr': {\r\n hu: 'Szállító házszám',\r\n de: 'Lieferant Hausnummer',\r\n en: 'Vendor house number',\r\n },\r\n 'field-Vendor_Addr_building': {\r\n hu: 'Szállító épület',\r\n de: 'Lieferant Gebäude',\r\n en: 'Vendor building',\r\n },\r\n 'field-Vendor_Addr_stairway': {\r\n hu: 'Szállító lépcsőház',\r\n de: 'Lieferant Treppenhaus',\r\n en: 'Vendor stairway',\r\n },\r\n 'field-Vendor_Addr_floor': {\r\n hu: 'Szállító emelet',\r\n de: 'Lieferant Etage',\r\n en: 'Vendor floor',\r\n },\r\n 'field-Vendor_Addr_door': {\r\n hu: 'Szállító ajtó',\r\n de: 'Lieferant Tür',\r\n en: 'Vendor door',\r\n },\r\n 'field-Vendor_Contact': {\r\n hu: 'Szállító kapcsolattartó',\r\n de: 'Lieferant Kontakt',\r\n en: 'Vendor Contact',\r\n },\r\n 'field-Vendor_Phone': {\r\n hu: 'Szállító tel.',\r\n de: 'Lieferant Tel.',\r\n en: 'Vendor phone',\r\n },\r\n 'field-Vendor_Email': {\r\n hu: 'Szállító email',\r\n de: 'Lieferant Email',\r\n en: 'Vendor email',\r\n },\r\n 'field-Vendor_LegalPersonType': {\r\n hu: 'Szállító adófizető típusa',\r\n de: 'Lieferant Steuerzahlerart',\r\n en: 'Vendor taxpayer type',\r\n },\r\n 'field-Vendor_TaxNum': {\r\n hu: 'Szállító adószám',\r\n de: 'Lieferant St.Nummer',\r\n en: 'Vendor taxnumber',\r\n },\r\n 'field-Vendor_TaxNum2': {\r\n hu: 'Szállító közösségi adószám',\r\n de: 'Lieferant EU St.Nummer',\r\n en: 'Vendor EU taxnumber',\r\n },\r\n 'field-Vendor_TaxNum3': {\r\n hu: 'Szállító adóazonosító 3. ország',\r\n de: 'Lieferant St.Nr.Drittland',\r\n en: 'Vendor 3.country',\r\n },\r\n\r\n 'field-Vendor_PrivatePersonID': {\r\n hu: 'Szállító magánszemély adóazonosító',\r\n de: 'Lieferant Privatperson St.Nummer',\r\n en: 'Vendor private person tax no.',\r\n },\r\n 'field-Vendor_BankAcc': {\r\n hu: 'Szállító bankszámla',\r\n de: 'Lieferant Bankkonto',\r\n en: 'Vendor bank account',\r\n },\r\n 'field-Vendor_IBAN': {\r\n hu: 'Szállító IBAN',\r\n de: 'Lieferant IBAN',\r\n en: 'Vendor IBAN',\r\n },\r\n 'field-Vendor_SWIFT': {\r\n hu: 'Szállító SWIFT',\r\n de: 'Lieferant SWIFT',\r\n en: 'Vendor SWIFT',\r\n },\r\n 'field-Vendor_AccNum': {\r\n hu: 'Szállító fők.szla.',\r\n de: 'Lieferant FIBU Konto',\r\n en: 'Vendor ledger no.',\r\n },\r\n 'field-Customer_ID': {\r\n hu: 'Vevő ',\r\n de: 'Kunde ',\r\n en: 'Customer ',\r\n },\r\n 'field-Customer_ACCT_Code': {\r\n hu: 'Vevő fők.szám',\r\n de: 'Kunde FIBU-Konto',\r\n en: 'Customer acct.num.',\r\n },\r\n 'field-Customer_ExternalCode1': {\r\n hu: 'Vevő kód 1',\r\n de: 'Kunde Code 1',\r\n en: 'Customer Code 1',\r\n },\r\n 'field-Customer_ExternalCode2': {\r\n hu: 'Vevő kód 2',\r\n de: 'Kunde Code 2',\r\n en: 'Customer Code 2',\r\n },\r\n 'field-Customer_Name': {\r\n hu: 'Vevő név',\r\n de: 'Kunde Name',\r\n en: 'Customer name',\r\n },\r\n\r\n 'field-Customer_Name1': {\r\n hu: 'Vevő név 1',\r\n de: 'Kunde Name 1',\r\n en: 'Customer name 1',\r\n },\r\n\r\n 'field-Customer_Name2': {\r\n hu: 'Vevő név 2',\r\n de: 'Kunde Name 2',\r\n en: 'Customer name 2',\r\n },\r\n 'field-Customer_Country': {\r\n hu: 'Vevő ország',\r\n de: 'Kunde Land',\r\n en: 'Customer country',\r\n },\r\n 'field-Customer_State': {\r\n hu: 'Vevő megye',\r\n de: 'Kunde Bundesland',\r\n en: 'Customer state',\r\n },\r\n 'field-Customer_ZIP': {\r\n hu: 'Vevő ir.szám',\r\n de: 'Kunde PLZ',\r\n en: 'Customer zip code',\r\n },\r\n\r\n 'field-Customer_Addr_District': {\r\n hu: 'Vevő kerület',\r\n de: 'Kunde Bezirk',\r\n en: 'Customer district',\r\n },\r\n 'field-Customer_City': {\r\n hu: 'Vevő helység',\r\n de: 'Kunde Ort',\r\n en: 'Customer city',\r\n },\r\n 'field-Customer_Addr_StreetName': {\r\n hu: 'Vevő utca',\r\n de: 'Kunde Strasse',\r\n en: 'Customer street',\r\n },\r\n 'field-Customer_Addr_ps_type': {\r\n hu: 'Vevő közterület típusa',\r\n de: 'Kunde Typ von Verkehrsbauwerk',\r\n en: 'Customer public place category',\r\n },\r\n 'field-Customer_Addr_housenr': {\r\n hu: 'Vevő házszám',\r\n de: 'Kunde Hausnummer',\r\n en: 'Customer house number',\r\n },\r\n 'field-Customer_Addr_building': {\r\n hu: 'Vevő épület',\r\n de: 'Kunde Gebäude',\r\n en: 'Customer building',\r\n },\r\n 'field-Customer_Addr_stairway': {\r\n hu: 'Vevő lépcsőház',\r\n de: 'Kunde Treppenhaus',\r\n en: 'Customer stairway',\r\n },\r\n\r\n 'field-Customer_Addr_floor': {\r\n hu: 'Vevő emelet',\r\n de: 'Kunde Etage',\r\n en: 'Customer floor',\r\n },\r\n 'field-Customer_Addr_door': {\r\n hu: 'Vevő ajtó',\r\n de: 'Kunde Tür',\r\n en: 'Customer door',\r\n },\r\n 'field-Customer_Contact': {\r\n hu: 'Vevő kapcsolattartó',\r\n de: 'Kunde Kontakt',\r\n en: 'Customer Contact',\r\n },\r\n 'field-Customer_Phone': {\r\n hu: 'Vevő tel.',\r\n de: 'Kunde Tel.',\r\n en: 'Customer phone',\r\n },\r\n 'field-Customer_Email': {\r\n hu: 'Vevő email',\r\n de: 'Kunde Email',\r\n en: 'Customer email',\r\n },\r\n 'field-Customer_LegalPersonType': {\r\n hu: 'Vevő adófizető típusa',\r\n de: 'Kunde Steuerzalerart',\r\n en: 'Customer taxpayer type',\r\n },\r\n 'field-Customer_TaxNum': {\r\n hu: 'Vevő adószám',\r\n de: 'Kunde St.Nummer',\r\n en: 'Customer taxnumber',\r\n },\r\n\r\n 'field-Customer_TaxNum2': {\r\n hu: 'Vevő közösségi adószám',\r\n de: 'Kunde EU St.Nummer',\r\n en: 'Customer EU taxnumber',\r\n },\r\n 'field-Customer_TaxNum3': {\r\n hu: 'Vevő adóazonosító 3. ország',\r\n de: 'Kunde St.Nr.Drittland',\r\n en: 'Customer 3.country',\r\n },\r\n 'field-Customer_PrivatePersonID': {\r\n hu: 'Vevő magánszemély adóazonosító',\r\n de: 'Kunde Privatperson St.Nummer',\r\n en: 'Customer private person tax no.',\r\n },\r\n 'field-Customer_BankAcc': {\r\n hu: 'Vevő bankszámla',\r\n de: 'Kunde Bankkonto',\r\n en: 'Customer bank account',\r\n },\r\n\r\n 'field-Customer_IBAN': {\r\n hu: 'Vevő IBAN',\r\n de: 'Kunde IBAN',\r\n en: 'Customer IBAN',\r\n },\r\n 'field-Customer_SWIFT': {\r\n hu: 'Vevő SWIFT',\r\n de: 'Kunde SWIFT',\r\n en: 'Customer SWIFT',\r\n },\r\n 'field-Customer_AccNum': {\r\n hu: 'Vevő fők.szla.',\r\n de: 'Kunde FIBU Konto',\r\n en: 'Customer ledger no.',\r\n },\r\n 'field-Period_FROM': {\r\n hu: 'Periódus kezdete',\r\n de: 'Beginn der Periode',\r\n en: 'Beginning of period',\r\n },\r\n\r\n 'field-Period_TO': {\r\n hu: 'Periódus vége',\r\n de: 'Ende der Periode',\r\n en: 'End of period',\r\n },\r\n 'field-InvDate': {\r\n hu: 'Bizonylat kelte',\r\n de: 'Rechnungsdatum',\r\n en: 'Invoice date',\r\n },\r\n 'field-DeliveryDate': {\r\n hu: 'Teljesítés dátuma',\r\n de: 'Leistungsdatum',\r\n en: 'Deliverydate',\r\n },\r\n 'field-AccDate': {\r\n hu: 'Könyvelési dátum',\r\n de: 'FIBU Datum',\r\n en: 'Acct.date',\r\n },\r\n 'field-PaymentMethod': {\r\n hu: 'Fiz.mód',\r\n de: 'Za.Art',\r\n en: 'Payment method',\r\n },\r\n 'field-DueDate': {\r\n hu: 'Fizetési határidő',\r\n de: 'Zahlungsfrist',\r\n en: 'Payment deadline',\r\n },\r\n 'field-PostInDate': {\r\n hu: 'Beérkezés dátuma',\r\n de: 'Datum der Ankunft',\r\n en: 'Date of arrival',\r\n },\r\n 'field-InvInDueDate': {\r\n hu: 'Tervezett kifizetés',\r\n de: 'Datum der geplannte Bezahlung',\r\n en: 'Planned date of payment',\r\n },\r\n 'field-Net_LC': {\r\n hu: 'Nettó HUF',\r\n de: 'Netto HUF',\r\n en: 'Net HUF',\r\n },\r\n 'field-Tax_LC': {\r\n hu: 'ÁFA HUF',\r\n de: 'MwSt. HUF',\r\n en: 'VAT HUF',\r\n },\r\n 'field-Gross_LC': {\r\n hu: 'Bruttó HUF',\r\n de: 'Brutto HUF',\r\n en: 'Gross HUF',\r\n },\r\n 'field-PayStatus': {\r\n hu: 'Fizetési állapot',\r\n de: 'Zahlungsstatus',\r\n en: 'Payment status',\r\n },\r\n 'field-Fully_paid_date': {\r\n hu: 'Pénzügyi rendezés napja',\r\n de: 'Finanzieller Abrechnungstag',\r\n en: 'Financial settlement',\r\n },\r\n 'field-PaidAmount_DC': {\r\n hu: 'Eddig kifizetve',\r\n de: 'Teilzahlung',\r\n en: 'Partial payment',\r\n },\r\n 'field-PaidAmount_FC': {\r\n hu: 'Eddig kifizetve EUR',\r\n de: 'Teilzahlung EUR',\r\n en: 'Partial payment EUR',\r\n },\r\n 'field-PaidAmount_LC': {\r\n hu: 'Eddig kifizetve HUF',\r\n de: 'Teilzahlung HUF',\r\n en: 'Partial payment HUF',\r\n },\r\n 'field-Backlog_DC': {\r\n hu: 'Hátralék',\r\n de: 'Verzug',\r\n en: 'Remainder',\r\n },\r\n 'field-Backlog_FC': {\r\n hu: 'Hátralék EUR',\r\n de: 'Verzug EUR',\r\n en: 'Remainder EUR',\r\n },\r\n 'field-Backlog_LC': {\r\n hu: 'Hátralék HUF',\r\n de: 'Verzug HUF',\r\n en: 'Remainder HUF',\r\n },\r\n 'field-Net_DC': {\r\n hu: 'Nettó',\r\n de: 'Netto',\r\n en: 'Net',\r\n },\r\n 'field-Tax_DC': {\r\n hu: 'ÁFA',\r\n de: 'MwSt.',\r\n en: 'VAT',\r\n },\r\n 'field-Gross_DC': {\r\n hu: 'Bruttó',\r\n de: 'Brutto',\r\n en: 'Gross',\r\n },\r\n 'field-Lang': {\r\n hu: 'Bizonylat nyelve',\r\n de: 'Dok. Sprache',\r\n en: 'Doc. language',\r\n },\r\n 'field-Inv_Curr_DC': {\r\n hu: 'Számla devizaneme',\r\n de: 'Rechnungswährung',\r\n en: 'Invoice currency',\r\n },\r\n 'field-Net_FC': {\r\n hu: 'Nettó EUR',\r\n de: 'Netto EUR',\r\n en: 'Net EUR',\r\n },\r\n 'field-Tax_FC': {\r\n hu: 'ÁFA EUR',\r\n de: 'MwSt. EUR',\r\n en: 'VAT EUR',\r\n },\r\n 'field-Gross_FC': {\r\n hu: 'Bruttó EUR',\r\n de: 'Brutto EUR',\r\n en: 'Gross EUR',\r\n },\r\n 'field-Remarks1': {\r\n hu: 'Megjegyzések',\r\n de: 'Bemerkungen',\r\n en: 'Remarks',\r\n },\r\n 'field-Remarks2': {\r\n hu: 'Megjegyzések 2',\r\n de: 'Bemerkungen 2',\r\n en: 'Remarks 2',\r\n },\r\n 'field-Attachments': {\r\n hu: 'Csatolt dokumentumok',\r\n de: 'Beilagen',\r\n en: 'Attached documents',\r\n },\r\n 'field-Added_Date': {\r\n hu: 'Felvétel dátuma',\r\n de: 'Erfassungsdatum',\r\n en: 'Date of entry',\r\n },\r\n 'field-Added_UserName': {\r\n hu: 'Felvevő',\r\n de: 'Bearbeiter',\r\n en: 'Registered by',\r\n },\r\n 'field-Added_UserEmail': {\r\n hu: 'Felvevő email',\r\n de: 'Bearbeiter Email',\r\n en: 'Email of administrator',\r\n },\r\n 'field-Added_UserPhone': {\r\n hu: 'Felvevő tel.',\r\n de: 'Bearbeiter Tel.',\r\n en: 'Administrator phone no.',\r\n },\r\n 'field-ACC_Info': {\r\n hu: 'Könyvelési információ',\r\n de: 'FIBU Info',\r\n en: 'Acct information',\r\n },\r\n 'field-Subcontracted_Services': {\r\n hu: 'Közvetített szolgáltatás',\r\n de: 'Vermittelte Dienstleistung',\r\n en: 'Mediated Service',\r\n },\r\n\r\n 'CANCELLED': {\r\n hu: 'Sztornó',\r\n de: 'Storno',\r\n en: 'Cancelled',\r\n },\r\n\r\n 'NOT PAID': {\r\n hu: 'Rendezetlen',\r\n de: 'Nicht bezahlt',\r\n en: 'Not paid',\r\n },\r\n\r\n 'PAID': {\r\n hu: 'Fizetve',\r\n de: 'Bezahlt',\r\n en: 'Paid',\r\n },\r\n\r\n \"field-hasDocuments\": {\r\n hu: \"Dokumentumok feltöltve\",\r\n de: \"Beigefügte Dokumente\",\r\n en: \"Attached documents\",\r\n },\r\n },\r\n};\r\n","export default __webpack_public_path__ + \"static/media/file_download_black_24dp.844f9ccc.svg\";","export default __webpack_public_path__ + \"static/media/x.af4c839d.svg\";","import { Component } from \"react\";\r\nimport downloadIcon from \"./file_download_black_24dp.svg\";\r\nimport xIcon from \"./x.svg\";\r\nimport \"./ReportInvoices-FunctionCell.scss\";\r\n\r\nexport default class ReportInvoicesFunctionCell extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.btnClickedHandler = this.btnClickedHandler.bind(this);\r\n this.status = '';\r\n }\r\n\r\n renderStatus(newStatus) {\r\n this.status = newStatus;\r\n this.forceUpdate();\r\n }\r\n\r\n btnClickedHandler() {\r\n this.props.clicked(this.props.value, this.renderStatus.bind(this));\r\n }\r\n\r\n render() {\r\n if (this.props.data._origData.hasDocuments) {\r\n switch (this.status) {\r\n case 'LOADING':\r\n return (\r\n \r\n Placeholder content for this accordion, which is intended to\r\n demonstrate the
\r\n .accordion-flush class. This is the\r\n third item's accordion body. Nothing more exciting happening here\r\n in terms of content, but just filling up the space to make it\r\n look, at least at first glance, a bit more representative of how\r\n this would look in a real-world application.\r\n \r\n
\r\n );\r\n\r\n case 'ERROR':\r\n return (\r\n \r\n Loading...\r\n
\r\n \r\n
\r\n )\r\n\r\n default:\r\n return (\r\n \r\n
\r\n )\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n","export default class DownloadManager {\r\n constructor(loginData, fileParams) {\r\n this.loginData = loginData;\r\n this.fileParams = {\r\n server: fileParams.server,\r\n database: fileParams.database,\r\n id: fileParams.id,\r\n fileName: fileParams.filename,\r\n origindate: fileParams.origindate\r\n };\r\n this.status = \"NOT STARTED\";\r\n this.blob = undefined;\r\n }\r\n\r\n getFileParams() {\r\n return this.fileParams;\r\n }\r\n\r\n setFileParams(fileParams) {\r\n this.fileParams = fileParams;\r\n this.status = \"NOT STARTED\";\r\n this.blob = undefined;\r\n }\r\n getStatus() {\r\n return this.status;\r\n }\r\n\r\n getBlob() {\r\n return this.blob;\r\n }\r\n\r\n async downloadBlob(onErr, onSuccess) {\r\n this.status = \"PROCESSING\";\r\n\r\n const requestOptions = {\r\n method: \"GET\",\r\n mode: \"cors\",\r\n headers: {\r\n token: this.loginData.getToken(),\r\n server: this.fileParams.server,\r\n database: this.fileParams.database,\r\n id: this.fileParams.id,\r\n fileName: this.fileParams.fileName,\r\n origindate: this.fileParams.origindate\r\n },\r\n };\r\n fetch(\r\n `${process.env.REACT_APP_API_BASE_URL}/customerportal/data/files/deliveries`,\r\n requestOptions\r\n )\r\n .then((response) => {\r\n if (response.status!==200) {\r\n let error = new Error('invalid');\r\n throw error;\r\n }\r\n return response.blob();\r\n })\r\n .then((blob) => {\r\n this.blob = new Blob([blob], {\r\n type: this.fileParams.mime,\r\n });\r\n this.status = \"DOWNLOADED\";\r\n this.downloadInBrowser();\r\n })\r\n .catch((err) => {\r\n console.error(\"error\", err);\r\n this.status = \"NOT LOADED\";\r\n return (err);\r\n });\r\n }\r\n\r\n async downloadInBrowser() {\r\n if (this.status !== \"DOWNLOADED\") {\r\n console.error(\r\n \"DownloadManager: file not downloaded. (Use DownloadManager.downloadBlob() before!\"\r\n );\r\n return;\r\n }\r\n const objUrl = window.URL.createObjectURL(this.blob);\r\n\r\n let link = document.createElement(\"a\");\r\n link.href = objUrl;\r\n link.download = this.fileParams.fileName;\r\n link.click();\r\n\r\n // For Firefox it is necessary to delay revoking the ObjectURL.\r\n setTimeout(() => {\r\n window.URL.revokeObjectURL(objUrl);\r\n }, 250);\r\n }\r\n}\r\n","import GridReportIdeiglenes from \"../GridReportIdeiglenes/GridReportIdeiglenes\";\r\nimport { languageElements } from \"./ReportInvoices-languageElements\";\r\nimport ReportInvoicesFunctionCell from \"./ReportInvoices-FunctionCell\";\r\nimport DownloadManager from \"../repository/fileStream/DownloadManager\";\r\n\r\nexport default function ReportInvoices(props) {\r\n\r\n async function downloadFiles(invId, renderStatus) {\r\n renderStatus('LOADING');\r\n fetch(`${process.env.REACT_APP_API_BASE_URL}/customerportal/data/files/invoicesFileList`, {\r\n method: 'GET',\r\n mode: 'cors',\r\n cache: 'no-cache',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n token: props.loginData.getToken(),\r\n invid: invId,\r\n },\r\n })\r\n .then((data) => {\r\n if (data.status !== 200) {\r\n const error = new Error('invalid');\r\n error.status = data.status;\r\n throw error;\r\n }\r\n return data.json();\r\n })\r\n .then((jsonData) => {\r\n jsonData.forEach(file => {\r\n const downloadManager = new DownloadManager(\r\n props.loginData,\r\n {\r\n server: file.server,\r\n database: file.database,\r\n id: file.id,\r\n filename: file.fileName,\r\n origindate: file.originDate\r\n });\r\n\r\n downloadManager.downloadBlob();\r\n\r\n renderStatus('');\r\n });\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n renderStatus('ERROR');\r\n });\r\n };\r\n\r\n return (\r\n \r\n downloadFiles(invId, ReportInvoicesFunctionCell),\r\n },\r\n },\r\n ],\r\n }}\r\n />\r\n
\r\n );\r\n}\r\n","import './PageInvoices.scss';\r\nimport { Redirect } from \"react-router-dom\";\r\nimport HeaderLine from \"../../Components/HeaderLine/HeaderLine\";\r\nimport ReportInvoices from \"../../Components/ReportInvoices/ReportInvoices\";\r\n\r\nexport default function PageReports(props) {\r\n if (!props.loginData) {\r\n return \r\n
\r\n );\r\n}\r\n","import { useState } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport './HamMenuItem.scss';\r\nimport LanguageElementsHandler from '../../repository/LanguageElementsHandler';\r\n\r\nexport default function HamMenuItem({ language, languageElements, itemId, isSelected, link }) {\r\n const [redirected, setRedirected] = useState('');\r\n\r\n const languageElementsHandler = new LanguageElementsHandler(\r\n languageElements,\r\n language\r\n );\r\n \r\n if (redirected) {\r\n return (\r\n \r\n
\r\n )\r\n}","import './HamMenu.scss';\r\nimport HamMenuItem from './HamMenuItem/HamMenuItem';\r\n\r\nexport default function HamMenu(props) {\r\n if (!props.show) {\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {languageElementsHandler.get(`${itemId}-title`)}
\r\n\r\n
\r\n {languageElementsHandler.get(`${itemId}-descr`)}
\r\n\r\n {\r\n props.menuItems.map(item => {\r\n return (\r\n
\r\n )\r\n}","export const languageElements = {\r\n items: {\r\n \"warehouse-stocks-title\": {\r\n hu: \"Készlet információ\",\r\n de: \"Bestände\",\r\n en: \"Stocks\",\r\n },\r\n\r\n \"warehouse-stocks-descr\": {\r\n hu: \"Excel-be exportálható készletlista\",\r\n de: \"Bestandsliste mit Excel Export\",\r\n en: \"List of stocks, export data to Excel\",\r\n },\r\n\r\n \"warehouse-journal-title\": {\r\n hu: \"Mozgásnapló\",\r\n de: \"Bewegungsliste\",\r\n en: \"List of movements\",\r\n },\r\n\r\n \"warehouse-journal-descr\": {\r\n hu: \"Excel-be exportálható mozgáslista\",\r\n de: \"Liste der Bewegungen, exportierbar nach Excel\",\r\n en: \"List of movements, exportable to Excel\",\r\n },\r\n },\r\n};\r\n","import HamMenu from \"../../../Components/HamMenu/HamMenu\";\r\nimport { languageElements } from './WarehouseHamMenu-languageElements';\r\n\r\nexport default function WarehouseHamMenu(props) {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}","export const languageElements = {\r\n items: {\r\n \"field-name\": {\r\n hu: \"Az Ön neve:\",\r\n de: \"Ihre(n) Name:\",\r\n en: \"Your name:\",\r\n },\r\n\r\n \"field-email\": {\r\n hu: \"Email:\",\r\n de: \"Email:\",\r\n en: \"Email:\",\r\n },\r\n\r\n \"field-emailAnnouncementsAccepted\": {\r\n hu: \"Az engem érintő információkat és dokumentumokat, emailben elfogadom\",\r\n de: \"Ich akzeptiere Informationen und Unterlagen per E-Mail\",\r\n en: \"I accept information and documents by e-mail\",\r\n },\r\n\r\n // \"field-newsletterAccepted\": {\r\n // hu: \"Feliratkozom a hírlevélre\",\r\n // de: \"Ich abonniere den Newsletter\",\r\n // en: \"I subscribe the newsletter\",\r\n // },\r\n\r\n \"btn-submit\": {\r\n hu: \"Adatok mentése\",\r\n de: \"Speichern\",\r\n en: \"Save changes\",\r\n },\r\n\r\n \"validation-required\": {\r\n hu: \"Kérem töltse ki a mezőt\",\r\n de: \"Dateneingabe erforderlich\",\r\n en: \"Please fill in the field\",\r\n },\r\n\r\n \"validation-validEmail\": {\r\n hu: \"A megadott email hibás\",\r\n de: \"Ungültige E-Mail\",\r\n en: \"Invalid email\",\r\n },\r\n\r\n \"no-response\": {\r\n hu: \"A szerviz nem reagál. Kérem próbálja később.\",\r\n de: \"Service antwortet nicht. Bitte versuchen Sie es später noch einmal.\",\r\n en: \"The service does not respond. Please try again later.\",\r\n },\r\n\r\n \"result-ok\": {\r\n hu: \"Az adatok mentése sikeresen befejeződött.\",\r\n de: \"Daten erfolgreich gespeichert.\",\r\n en: \"Data saved successfully.\",\r\n },\r\n },\r\n};\r\n","import './UserDataForm.scss';\r\nimport { useRef, useState, useEffect } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport InputFieldSet from '../InputFieldSet/InputFieldSet';\r\nimport { languageElements } from './UserDataForm-languageElements';\r\nimport LanguageElementsHandler from '../repository/LanguageElementsHandler';\r\nimport validator from 'validator';\r\n\r\nexport default function UserDataForm(props) {\r\n const languageElementsHandler = new LanguageElementsHandler(\r\n languageElements,\r\n props.language\r\n );\r\n\r\n const [formWasValidated, setFormWasValidated] = useState(false);\r\n\r\n const [dataStatus, setDataStatus] = useState('');\r\n\r\n const [errors, setErrors] = useState({\r\n name: '',\r\n email: '',\r\n emailAnnouncementsAccepted: '',\r\n // newsletterAccepted: '',\r\n });\r\n\r\n function showMessageShortly(codeOfMessage, typeOfAlert) {\r\n setFormAlertText(languageElementsHandler.get(codeOfMessage));\r\n setFormAlertType(typeOfAlert);\r\n setTimeout(() => {\r\n setFormAlertText('');\r\n setFormAlertType('');\r\n }, 5000);\r\n }\r\n\r\n function clearAllErrors() {\r\n setErrors({\r\n name: '',\r\n email: '',\r\n emailAnnouncementsAccepted: '',\r\n // newsletterAccepted: '',\r\n });\r\n }\r\n\r\n const [fieldValues, setFieldValues] = useState({\r\n name: '',\r\n email: '',\r\n emailAnnouncementsAccepted: '',\r\n // newsletterAccepted: '',\r\n });\r\n\r\n const references = {\r\n name: useRef(),\r\n email: useRef(),\r\n emailAnnouncementsAccepted: useRef(),\r\n // newsletterAccepted: useRef(),\r\n };\r\n\r\n const [formAlertText, setFormAlertText] = useState('');\r\n const [formAlertType, setFormAlertType] = useState('');\r\n\r\n const validators = {\r\n name: {\r\n required: isNotEmpty,\r\n },\r\n\r\n email: {\r\n required: isNotEmpty,\r\n validEmail: isValidEmail,\r\n },\r\n\r\n emailAnnouncementsAccepted: {},\r\n // newsletterAccepted: {},\r\n };\r\n\r\n const errorTypes = {\r\n required: languageElementsHandler.get('validation-required'),\r\n chkboxChecked: languageElementsHandler.get('validation-chkboxChecked'),\r\n validEmail: languageElementsHandler.get('validation-validEmail'),\r\n passwordStrongEnough: languageElementsHandler.get(\r\n 'validation-passwordStrongEnough'\r\n ),\r\n passwordAndPasswordAgainSame: languageElementsHandler.get(\r\n 'validation-passwordAndPasswordAgainSame'\r\n ),\r\n };\r\n\r\n function isNotEmpty(value) {\r\n return value;\r\n }\r\n\r\n function isValidEmail(value) {\r\n return validator.isEmail(value);\r\n }\r\n\r\n useEffect(() => {\r\n fetch(`${process.env.REACT_APP_API_BASE_URL}/customerportal/users/get`, {\r\n method: 'GET',\r\n mode: 'cors',\r\n cache: 'no-cache',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'token': props.loginData.getToken(),\r\n },\r\n })\r\n .then((data) => {\r\n if (data.status !== 200) {\r\n setDataStatus('invalid');\r\n const error = new Error('invalid');\r\n error.status = data.status;\r\n throw error;\r\n }\r\n return data.json();\r\n })\r\n .then((jsonData) => {\r\n setDataStatus('valid');\r\n setFieldValues({\r\n name: jsonData.name,\r\n email: jsonData.email,\r\n emailAnnouncementsAccepted: jsonData.emailAnnouncementsAccepted,\r\n // newsletterAccepted: jsonData.newsletterAccepted,\r\n });\r\n })\r\n .catch((error) => {\r\n if (error.message === 'Failed to fetch') {\r\n setDataStatus('no-response');\r\n }\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n clearAllErrors();\r\n }, [props.language]);\r\n\r\n async function handleSubmit(e) {\r\n e.preventDefault();\r\n if (isFormValid()) {\r\n fetch(`${process.env.REACT_APP_API_BASE_URL}/customerportal/users/put`, {\r\n method: 'PUT',\r\n mode: 'cors',\r\n cache: 'no-cache',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'token': props.loginData.getToken(),\r\n },\r\n body: JSON.stringify({\r\n name: fieldValues.name,\r\n email: fieldValues.email,\r\n emailAnnouncementsAccepted: fieldValues.emailAnnouncementsAccepted\r\n ? true\r\n : false,\r\n // newsletterAccepted: fieldValues.newsletterAccepted ? true : false,\r\n }),\r\n })\r\n .then((data) => {\r\n if (data.status !== 200) {\r\n throw new Error('result-nok');\r\n }\r\n showMessageShortly('result-ok', 'success');\r\n\r\n return data.json();\r\n })\r\n .catch((error) => {\r\n showMessageShortly(\r\n error.message === 'result-nok' ? error.message : 'result-no-response',\r\n 'danger'\r\n );\r\n });\r\n }\r\n }\r\n\r\n function isFormValid() {\r\n let isFormValid = true;\r\n for (const fieldName of Object.keys(fieldValues)) {\r\n const isFieldValid = validateField(fieldName);\r\n if (!isFieldValid) {\r\n isFormValid = false;\r\n }\r\n }\r\n return isFormValid;\r\n }\r\n\r\n function handleInputBlur(e) {\r\n const fieldName = e.target.name;\r\n setErrors((previousErrors) => ({\r\n ...previousErrors,\r\n [fieldName]: '',\r\n }));\r\n\r\n validateField(fieldName);\r\n }\r\n\r\n function handleInputChange(e) {\r\n const value = e.target.value;\r\n const fieldName = e.target.name;\r\n setFieldValues({\r\n ...fieldValues,\r\n [fieldName]: value,\r\n });\r\n setErrors((previousErrors) => ({\r\n ...previousErrors,\r\n [fieldName]: '',\r\n }));\r\n }\r\n\r\n function validateField(fieldName) {\r\n const value = fieldValues[fieldName];\r\n let isValid = true;\r\n setErrors((previousErrors) => ({\r\n ...previousErrors,\r\n [fieldName]: '',\r\n }));\r\n references[fieldName].current.setCustomValidity('');\r\n\r\n if (validators[fieldName] !== undefined) {\r\n for (const [validationType, validatorFn] of Object.entries(\r\n validators[fieldName]\r\n )) {\r\n if (isValid) {\r\n isValid = validatorFn(value);\r\n if (!isValid) {\r\n const errorText = errorTypes[validationType];\r\n setErrors((previousErrors) => {\r\n return {\r\n ...previousErrors,\r\n [fieldName]: errorText,\r\n };\r\n });\r\n references[fieldName].current.setCustomValidity(errorText);\r\n }\r\n }\r\n }\r\n }\r\n return isValid;\r\n }\r\n\r\n if (!props.loginData) {\r\n return \r\n {!dataStatus && (\r\n \r\n
\r\n );\r\n}\r\n","export const languageElements = {\r\n items: {\r\n \"form-title\": {\r\n hu: \"Felhasználói adatok\",\r\n de: \"Benutzer Angaben\",\r\n en: \"User settings\",\r\n },\r\n },\r\n};\r\n","import { Redirect } from 'react-router-dom';\r\nimport './PageSettings.scss';\r\nimport HeaderLine from '../../Components/HeaderLine/HeaderLine';\r\nimport FormBorder from '../../Components/FormBorder/FormBorder';\r\nimport UserDataForm from '../../Components/UserDataForm/UserDataForm';\r\nimport { languageElements } from './PageSettings-languageElements';\r\nimport LanguageElementsHandler from '../../Components/repository/LanguageElementsHandler';\r\n\r\nexport default function PageSettings(props) {\r\n const languageElementsHandler = new LanguageElementsHandler(\r\n languageElements,\r\n props.language\r\n );\r\n\r\n if (!props.loginData) {\r\n return \r\n {languageElementsHandler.get('info-waiting-for-server')}\r\n
\r\n )}\r\n {dataStatus === 'no-response' && (\r\n \r\n {languageElementsHandler.get('no-response')}\r\n
\r\n )}\r\n {dataStatus === 'invalid' && (\r\n \r\n {languageElementsHandler.get('dataStatus-invalid')}\r\n
\r\n )}\r\n {formAlertText && (\r\n \r\n {formAlertText}\r\n
\r\n )}\r\n {dataStatus === 'valid' && (\r\n \r\n \r\n
\r\n \r\n )}\r\n {languageElementsHandler.get('form-title')}
\r\n\r\n \r\n \r\n
\r\n );\r\n}\r\n","export const languageElements = {\r\n items: {\r\n \"flush-filter\": {\r\n hu: \"Adatok előszűrése\",\r\n de: \"Daten filtern\",\r\n en: \"Filtering data\",\r\n },\r\n\r\n \"flush-data\": {\r\n hu: \"Raktári készletek\",\r\n de: \"Bestandsliste\",\r\n en: \"List of Stocks\",\r\n },\r\n \"field-Raktarberlo\": {\r\n hu: \"Raktárbérlő\",\r\n de: \"Kunde\",\r\n en: \"Renter\",\r\n },\r\n \"field-Cikkszam\": {\r\n hu: \"Cikkszám\",\r\n de: \"Artikelnummer\",\r\n en: \"Item no.\",\r\n },\r\n \"field-Megnevezes\": {\r\n hu: \"Megnevezés\",\r\n de: \"Bezeichnung\",\r\n en: \"Item description\",\r\n },\r\n \"field-Sarzs\": {\r\n hu: \"Sarzs\",\r\n de: \"LOT\",\r\n en: \"LOT\",\r\n },\r\n \"field-Lejarat\": {\r\n hu: \"Lejárati dátum\",\r\n de: \"MHD\",\r\n en: \"Expire date\",\r\n },\r\n \"field-Keszlet\": {\r\n hu: \"Készlet\",\r\n de: \"Bestand\",\r\n en: \"Stock\",\r\n },\r\n \"field-Csomagolas\": {\r\n hu: \"Csomagolás\",\r\n de: \"Verpackung\",\r\n en: \"Packaging\",\r\n },\r\n\r\n \"field-externalSystemId\": {\r\n hu: \"External System ID\",\r\n de: \"External System ID\",\r\n en: \"External System ID\",\r\n },\r\n\r\n \"field-PartnerId\": {\r\n hu: \"Partner ID\",\r\n de: \"Partner ID\",\r\n en: \"Partner ID\",\r\n },\r\n },\r\n};\r\n","import GridReportIdeiglenes from '../GridReportIdeiglenes/GridReportIdeiglenes';\r\nimport { languageElements } from './ReportStocks-languageElements';\r\n\r\nexport default function ReportStocks(props) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import './PageStocks.scss';\r\nimport { Redirect } from 'react-router-dom'\r\nimport HeaderLine from '../../../Components/HeaderLine/HeaderLine'\r\nimport ReportStocks from '../../../Components/ReportStocks/ReportStocks'\r\n\r\nexport default function PageReports(props) {\r\n if (!props.loginData) {\r\n return (\r\n \r\n
\r\n )\r\n}\r\n","export const languageElements = {\r\n items: {\r\n \"flush-filter\": {\r\n hu: \"Adatok előszűrése\",\r\n de: \"Daten filtern\",\r\n en: \"Filtering data\",\r\n },\r\n \r\n \"flush-data\": {\r\n hu: \"Raktári mozgások\",\r\n de: \"Journal\",\r\n en: \"Journal\",\r\n },\r\n \"field-AttachedDocsParentId\": {\r\n hu: \"#\",\r\n de: \"#\",\r\n en: \"#\",\r\n },\r\n \"field-Mozgasszam\": {\r\n hu: \"Mozgásszám\",\r\n de: \"Bewegungsnummer\",\r\n en: \"Movement no.\",\r\n },\r\n \"field-Raktarberlo\": {\r\n hu: \"Raktárbérlő\",\r\n de: \"Kunde\",\r\n en: \"Renter\",\r\n },\r\n \"field-BeerkezesDatuma\": {\r\n hu: \"Beérkezés dátuma\",\r\n de: \"Ankunft datum\",\r\n en: \"Incoming date\",\r\n },\r\n \"field-SzallitolevelSzama\": {\r\n hu: \"Szállítólevél száma\",\r\n de: \"Lieferschein nr.\",\r\n en: \"Delivery note no.\",\r\n },\r\n \"field-Cikkszam\": {\r\n hu: \"Cikkszám\",\r\n de: \"Artikel nr.\",\r\n en: \"Item no.\",\r\n },\r\n \"field-Termekleiras\": {\r\n hu: \"Termékleírás\",\r\n de: \"Artikel beschreibung\",\r\n en: \"Item description\",\r\n },\r\n \"field-Darab\": {\r\n hu: \"Darab\",\r\n de: \"Anz\",\r\n en: \"Pcs\",\r\n },\r\n \"field-Suly\": {\r\n hu: \"Súly\",\r\n de: \"Gewicht\",\r\n en: \"Weight\",\r\n },\r\n \"field-Sarzs\": {\r\n hu: \"Sarzs\",\r\n de: \"Batch no.\",\r\n en: \"Batch no.\",\r\n },\r\n \"field-Lejarat\": {\r\n hu: \"Lejarat\",\r\n de: \"MHD\",\r\n en: \"Expiry date\",\r\n },\r\n \"field-Barcode\": {\r\n hu: \"Barcode\",\r\n de: \"Barcode\",\r\n en: \"Barcode\",\r\n },\r\n \"field-Elkonyvelve\": {\r\n hu: \"Elkönyvelve\",\r\n de: \"Gebuckt\",\r\n en: \"Booked\",\r\n },\r\n \"field-Mozgasnem\": {\r\n hu: \"Mozgásnem\",\r\n de: \"Bewegungsart\",\r\n en: \"Type of movement\",\r\n },\r\n \"MOVEMENTIN\": {\r\n hu: \"Betár\",\r\n de: \"Einlagerung\",\r\n en: \"Movement IN\",\r\n },\r\n \"MOVEMENTOUT\": {\r\n hu: \"Kitár\",\r\n de: \"Auslagerung\",\r\n en: \"Movement OUT\",\r\n },\r\n\r\n \"field-externalSystemId\": {\r\n hu: \"External System ID\",\r\n de: \"External System ID\",\r\n en: \"External System ID\",\r\n }, \r\n \"field-PartnerId\": {\r\n hu: \"Partner ID\",\r\n de: \"Partner ID\",\r\n en: \"Partner ID\",\r\n }, \r\n \"field-hasDocuments\": {\r\n hu: \"Dokumentumok feltöltve\",\r\n de: \"Beigefügte Dokumente\",\r\n en: \"Attached documents\",\r\n },\r\n },\r\n };\r\n ","export default __webpack_public_path__ + \"static/media/file_download_black_24dp.844f9ccc.svg\";","export default __webpack_public_path__ + \"static/media/x.af4c839d.svg\";","import { Component } from \"react\";\r\nimport downloadIcon from \"./file_download_black_24dp.svg\";\r\nimport xIcon from \"./x.svg\";\r\nimport \"./ReportJournal-FunctionCell.scss\";\r\n\r\nexport default class ReportJournalFunctionCell extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.btnClickedHandler = this.btnClickedHandler.bind(this);\r\n this.status = '';\r\n }\r\n\r\n renderStatus(newStatus) {\r\n this.status = newStatus;\r\n this.forceUpdate();\r\n }\r\n\r\n btnClickedHandler() {\r\n this.props.clicked(this.props.value, this.renderStatus.bind(this));\r\n }\r\n\r\n render() {\r\n if (this.props.data._origData.hasDocuments) {\r\n switch (this.status) {\r\n case 'LOADING':\r\n return (\r\n \r\n
\r\n );\r\n\r\n case 'ERROR':\r\n return (\r\n \r\n Loading...\r\n
\r\n \r\n
\r\n )\r\n\r\n default:\r\n return (\r\n \r\n
\r\n )\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n","import GridReportIdeiglenes from '../GridReportIdeiglenes/GridReportIdeiglenes';\r\nimport { languageElements } from './ReportJournal-languageElements';\r\nimport ReportJournalFunctionCell from './ReportJournal-FunctionCell';\r\nimport DownloadManager from \"../repository/fileStream/DownloadManager\";\r\n\r\nexport default function ReportJournals(props) {\r\n\r\n async function downloadFiles(wrhsId, renderStatus) {\r\n renderStatus('LOADING');\r\n\r\n fetch(`${process.env.REACT_APP_API_BASE_URL}/customerportal/data/files/wrhsMovementsFileList`, {\r\n method: 'GET',\r\n mode: 'cors',\r\n cache: 'no-cache',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n token: props.loginData.getToken(),\r\n wrhsid: wrhsId,\r\n },\r\n })\r\n .then((data) => {\r\n if (data.status !== 200) {\r\n const error = new Error('invalid');\r\n error.status = data.status;\r\n throw error;\r\n }\r\n return data.json();\r\n })\r\n .then((jsonData) => {\r\n jsonData.forEach(file => {\r\n const downloadManager = new DownloadManager(\r\n props.loginData,\r\n {\r\n server: file.server,\r\n database: file.database,\r\n id: file.id,\r\n filename: file.fileName,\r\n origindate: file.originDate\r\n });\r\n\r\n downloadManager.downloadBlob();\r\n\r\n renderStatus('');\r\n });\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n renderStatus('ERROR');\r\n });\r\n };\r\n\r\n return (\r\n \r\n downloadFiles(wrhsId, reportJournalFunctionCell),\r\n },\r\n },\r\n ],\r\n\r\n }}\r\n />\r\n
\r\n );\r\n}\r\n","import './PageJournal.scss';\r\nimport { Redirect } from 'react-router-dom'\r\nimport HeaderLine from '../../../Components/HeaderLine/HeaderLine'\r\nimport ReportJournal from '../../../Components/ReportJournal/ReportJournal'\r\n\r\nexport default function PageReports(props) {\r\n if (!props.loginData) {\r\n return (\r\n \r\n
\r\n )\r\n}\r\n","export const languageElements = {\r\n items: {\r\n \"flush-filter\": {\r\n hu: \"Adatok előszűrése\",\r\n de: \"Daten filtern\",\r\n en: \"Filtering data\",\r\n },\r\n\r\n \"flush-data\": {\r\n hu: \"Fuvarjaim\",\r\n de: \"Fracht Journal\",\r\n en: \"Freight list\",\r\n },\r\n\r\n 'field-ExternalSystem_TransactID': {\r\n hu: 'External System Transact ID',\r\n de: 'External System Transact ID',\r\n en: 'External System Transact ID',\r\n },\r\n\r\n \"field-Pozicioszam\": {\r\n hu: \"Pozíciószám\",\r\n de: \"Sendungsnummer\",\r\n en: \"Job number\",\r\n },\r\n\r\n \"field-Megbizo\": {\r\n hu: \"Megbízó\",\r\n de: \"Kunde\",\r\n en: \"Customer\",\r\n },\r\n\r\n \"field-Megrendelesszam\": {\r\n hu: \"Megrendelésszám\",\r\n de: \"Bestellnummer\",\r\n en: \"PO number\",\r\n },\r\n\r\n \"field-Status\": {\r\n hu: \"Státusz\",\r\n de: \"Status\",\r\n en: \"Track & trace status\",\r\n },\r\n\r\n \"status-registered\": {\r\n hu: \"Rögzítve\",\r\n de: \"Registered\",\r\n en: \"Registered\",\r\n },\r\n\r\n \"status-finished\": {\r\n hu: \"Befejezve\",\r\n de: \"Finished\",\r\n en: \"Finished\",\r\n },\r\n\r\n \"status-cancelled\": {\r\n hu: \"Sztornó\",\r\n de: \"Cancelled\",\r\n en: \"Cancelled\",\r\n },\r\n\r\n \"field-Felrakohely\": {\r\n hu: \"Felrakóhely\",\r\n de: \"Beladestelle\",\r\n en: \"Loading point\",\r\n },\r\n\r\n \"field-Felrakohely_Iranyitoszam\": {\r\n hu: \"Felrakóhely - irányítószám\",\r\n de: \"Beladestelle - PLZ\",\r\n en: \"Loading point - zipcode\",\r\n },\r\n\r\n \"field-Felrakohely_Varos\": {\r\n hu: \"Felrakóhely - város\",\r\n de: \"Beladestelle - Ort\",\r\n en: \"Loading point - city\",\r\n },\r\n\r\n \"field-Felrakohely_Cim\": {\r\n hu: \"Felrakóhely - cím\",\r\n de: \"Beladestelle - Adresse\",\r\n en: \"Loading point - address\",\r\n },\r\n\r\n \"field-Felrakas_datuma\": {\r\n hu: \"Felrakás dátuma\",\r\n de: \"Beladedatum\",\r\n en: \"Date of loading\",\r\n },\r\n\r\n \"field-Lerakohely\": {\r\n hu: \"Lerakóhely\",\r\n de: \"Entladestelle\",\r\n en: \"Delivery\",\r\n },\r\n\r\n \"field-Lerakohely_Iranyitoszam\": {\r\n hu: \"Lerakóhely - irányítószám\",\r\n de: \"Entladestelle - PLZ\",\r\n en: \"Delivery - zipcode\",\r\n },\r\n\r\n \"field-Lerakohely_Varos\": {\r\n hu: \"Lerakóhely - város\",\r\n de: \"Entladestelle - Ort\",\r\n en: \"Delivery - city\",\r\n },\r\n\r\n \"field-Lerakohely_Cim\": {\r\n hu: \"Lerakóhely - cím\",\r\n de: \"Entladestelle - Adresse\",\r\n en: \"Delivery - address\",\r\n },\r\n\r\n \"field-Lerakas_datuma\": {\r\n hu: \"Lerakás dátuma\",\r\n de: \"Entladedatum\",\r\n en: \"Date of delivery\",\r\n },\r\n\r\n \"field-hasDocuments\": {\r\n hu: \"Dokumentumok feltöltve\",\r\n de: \"Beigefügte Dokumente\",\r\n en: \"Attached documents\",\r\n },\r\n },\r\n};\r\n","export default __webpack_public_path__ + \"static/media/file_download_black_24dp.844f9ccc.svg\";","export default __webpack_public_path__ + \"static/media/x.af4c839d.svg\";","import { Component } from \"react\";\r\nimport downloadIcon from \"./file_download_black_24dp.svg\";\r\nimport xIcon from \"./x.svg\";\r\nimport \"./ReportDeliveries-FunctionCell.scss\";\r\n\r\nexport default class ReportDeliveriesFunctionCell extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.btnClickedHandler = this.btnClickedHandler.bind(this);\r\n this.status = '';\r\n }\r\n\r\n renderStatus(newStatus) {\r\n this.status = newStatus;\r\n this.forceUpdate();\r\n }\r\n\r\n btnClickedHandler() {\r\n this.props.clicked(this.props.value, this.renderStatus.bind(this));\r\n }\r\n\r\n render() {\r\n if (this.props.data._origData.hasDocuments) {\r\n switch (this.status) {\r\n case 'LOADING':\r\n return (\r\n \r\n
\r\n );\r\n\r\n case 'ERROR':\r\n return (\r\n \r\n Loading...\r\n
\r\n \r\n
\r\n )\r\n\r\n default:\r\n return (\r\n \r\n
\r\n )\r\n }\r\n }\r\n\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n","import GridReportIdeiglenes from '../GridReportIdeiglenes/GridReportIdeiglenes';\r\nimport { languageElements } from './ReportDeliveries-languageElements';\r\nimport ReportDeliveriesFunctionCell from './ReportDeliveries-FunctionCell';\r\nimport DownloadManager from \"../repository/fileStream/DownloadManager\";\r\n\r\nexport default function ReportDeliveries(props) {\r\n async function downloadFiles(ordId, renderStatus) {\r\n renderStatus('LOADING');\r\n\r\n fetch(`${process.env.REACT_APP_API_BASE_URL}/customerportal/data/files/deliveriesFileList`, {\r\n method: 'GET',\r\n mode: 'cors',\r\n cache: 'no-cache',\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n token: props.loginData.getToken(),\r\n ordid: ordId,\r\n },\r\n })\r\n .then((data) => {\r\n if (data.status !== 200) {\r\n const error = new Error('invalid');\r\n error.status = data.status;\r\n throw error;\r\n }\r\n return data.json();\r\n })\r\n .then((jsonData) => {\r\n jsonData.forEach(file => {\r\n const downloadManager = new DownloadManager(\r\n props.loginData,\r\n {\r\n server: file.server,\r\n database: file.database,\r\n id: file.id,\r\n filename: file.fileName,\r\n origindate: file.originDate\r\n });\r\n\r\n downloadManager.downloadBlob();\r\n\r\n renderStatus('');\r\n });\r\n })\r\n .catch((err) => {\r\n console.error(err);\r\n renderStatus('ERROR');\r\n });\r\n };\r\n\r\n return (\r\n \r\n downloadFiles(ordId, reportDeliveriesFunctionCell),\r\n },\r\n },\r\n ],\r\n\r\n }}\r\n />\r\n
\r\n );\r\n}\r\n","import './PageTracking.scss';\r\nimport { Redirect } from \"react-router-dom\";\r\nimport HeaderLine from \"../../Components/HeaderLine/HeaderLine\";\r\nimport ReportDeliveries from \"../../Components/ReportDeliveries/ReportDeliveries\";\r\n\r\nexport default function PageTracking(props) {\r\n if (!props.loginData) {\r\n return \r\n
\r\n );\r\n}\r\n","import './App.scss';\r\nimport { useState } from 'react';\r\nimport { BrowserRouter as Router, Switch, Route } from 'react-router-dom';\r\nimport Header from './Components/Header/Header';\r\nimport PageGreeting from './Pages/Greeting/PageGreeting';\r\nimport PageFirstLogin from './Pages/FirstLogin/PageFirstLogin';\r\nimport PageDismissRegistration from './Pages/DismissRegistration/PageDismissRegistration';\r\nimport PageLogin from './Pages/Login/PageLogin';\r\nimport PageInvoices from './Pages/Invoices/PageInvoices';\r\nimport PageWarehouse from './Pages/Warehouse/PageWarehouse';\r\nimport PageSettings from './Pages/Settings/PageSettings';\r\nimport PageStocks from './Pages/Warehouse/PageStocks/PageStocks';\r\nimport PageJournal from './Pages/Warehouse/PageJournal/PageJournal';\r\nimport PageTracking from './Pages/Tracking/PageTracking';\r\nimport LoginData from './Components/repository/LoginData';\r\n\r\nfunction App() {\r\n const [language, setLanguage] = useState('en');\r\n const [loginData, setLoginData] = useState(null);\r\n\r\n function onLanguageChanged(newLanguage) {\r\n setLanguage(newLanguage);\r\n }\r\n\r\n function onLogout() {\r\n setLoginData(null);\r\n }\r\n\r\n function onExtendToken(newToken) {\r\n if (!newToken) {\r\n onLogout();\r\n return;\r\n }\r\n let newLogin = new LoginData(newToken);\r\n setLoginData(newLogin);\r\n }\r\n\r\n function onLogin(newLoginData) {\r\n setLoginData(newLoginData);\r\n }\r\n\r\n function setActivity() {\r\n if (loginData) {\r\n loginData.setLastActivity();\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n onLanguageChanged(newLanguage)}\r\n loginData={loginData}\r\n onExtendToken={(newToken) => onExtendToken(newToken)}\r\n onLogout={onLogout}\r\n />\r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n onLogin(newLoginData)}\r\n />\r\n \r\n\r\n \r\n onLogin(newLoginData)}\r\n />\r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default App;\r\n","const reportWebVitals = onPerfEntry => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry);\r\n getFID(onPerfEntry);\r\n getFCP(onPerfEntry);\r\n getLCP(onPerfEntry);\r\n getTTFB(onPerfEntry);\r\n });\r\n }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\n\r\nReactDOM.render(\r\n