{"version":3,"sources":["app/Layout.tsx","app/AppTheme.ts","images/certificate.png","images/microsoftPartner.png","images/AccreditedAgencyBlue.png","components/logoBar/logoBar.tsx","images/secondLogo.png","features/aboutUs/aboutUsPage/aboutUsContent.tsx","app/routes.ts","images/Logo.png","features/navigations/header/headerStyle.js","images/serbia.png","images/uk.png","features/navigations/header/header.js","logo.svg","features/footer/footer.tsx","features/aboutUs/aboutUsPage/aboutUsPage.tsx","images/UspravniLogo.png","app/api.ts","app/midenasWEBApi.ts","slices/emailSlice.tsx","slices/snackbarSlice.tsx","features/pages/contactUsPage/contactUsSection.tsx","features/pages/contactUsPage/contactUsPage.tsx","images/avatar.png","features/dashboard/dashboardStyle.js","features/mobileMenu/mobileMenu.js","features/dashboardSidebar/dashboardSidebar.tsx","components/customSelect/customSelect.tsx","features/dashboard/addClientPage/addClient.tsx","features/dashboard/addClientPage/addClientPage.tsx","features/modals/addInvoiceModals/menageTheColumnsModal.tsx","features/menageTableAccordion/menageTableAccordion.tsx","features/modals/addInvoiceModals/manageTableDateModal.tsx","components/datePicker/datePicker.tsx","components/dynamicFormField/invoiceRows.tsx","components/dynamicFormField/dynamicFormField.tsx","features/modals/addInvoiceModals/addInvoiceCommentModal.tsx","components/dynamicFormField/invoiceComment.tsx","features/modals/addInvoiceModals/addInvoiceNoteModal.tsx","components/dynamicFormField/invoiceNote.tsx","utils/dateUtilis.ts","features/modals/addInvoiceModals/manageDocumentTypeModal.tsx","features/addDocument/addDocument.tsx","features/dashboard/addDocumentPage/addDocumentPage.js","components/table/modalTable.tsx","features/modals/dashboardModals/allInvoicesModal/allInvoicesModal.tsx","features/modals/dashboardModals/monthModal/monthModal.tsx","features/modals/dashboardModals/weekModal/weekModal.tsx","features/dashboard/mainDashboard/mainDashboard.js","images/invoice.png","features/dashboard/mainDashboard/mainDashboardDetails.tsx","features/dashboard/dashboard.js","features/dashboard/passwordChange/passwordChange.tsx","features/dashboard/passwordChangePage/passwordChangePage.js","components/profileCard/profileCard.tsx","features/companyProfile/companyProfile.tsx","features/dashboard/profile/profilePage.js","images/invoiceHeader.png","images/invoiceContentHeader.png","images/invoiceTable.png","images/invoiceFooter.png","components/template/templateComp.js","features/dashboard/template/templatePage.tsx","images/arrowUp.png","components/scrollToTop/scrollToTop.js","video/video3.mp4","components/slider/slider.tsx","images/whyUsNew.png","images/aboutNew.png","images/typeScript.png","features/homepageModals/typeScriptModal/typeScriptModal.tsx","images/customSoftware.png","features/homepageModals/customSoftwareModal/customSoftwareModa.tsx","images/webServices.png","features/homepageModals/webServicesModal/webServicesModal.tsx","images/webApplication.png","features/homepageModals/webApplicationModal/webApplicationModal.tsx","images/webDesign.png","features/homepageModals/webDesignModal/webDesignModal.tsx","images/designModal.png","features/homepageModals/designModal/designModal.tsx","images/csharpblue.png","features/homepageModals/cSharpModal/cSharpModal.tsx","features/homepageModals/databaseModal/databaseModal.tsx","images/database.png","images/cSharp.png","images/csharpblue_1.png","images/dotnet_2.png","images/dotnet_color.png","images/react_2.png","images/react_color_1.png","images/node.js_2.png","images/node.js_color_1.png","images/angular_2.png","images/angular_color_1.png","images/java_2.png","images/java_color_1.png","features/contentSectionComp/technologyExperience/technologyExperienceStyles.ts","features/homepageModals/dotNetModal/dotNetModal.tsx","images/dotNet.png","features/homepageModals/reactModal/reactModal.tsx","images/react.png","images/angular.png","features/homepageModals/angularModal/angularModa.tsx","images/1920px-Node.js_logo.svg.png","features/homepageModals/nodeJsModal/nodeJsModal.tsx","features/homepageModals/javaModal/javaModal.tsx","features/contentSectionComp/technologyExperience/technologyExperience.tsx","features/contentSectionComp/contactUsSection/contactUsSection.tsx","images/rightBlock.png","images/client_first2.png","images/strong_expertise1.png","images/on_delivery_time1.png","components/cardHomePage/clientPrioritiesStyles.ts","images/clientFirst.jpg","images/strongExperts.jpg","images/delivery.jpg","components/cardHomePage/cardHomePage.tsx","features/contentSectionComp/whyUsSection/whyUsSection.tsx","images/midenas_logo_small.png","features/contentSectionComp/aboutSection/aboutSection.tsx","components/map/mapStyles.ts","components/map/map.tsx","features/designRushSection/designRushSection.tsx","features/contentSection/contentSection.tsx","components/cookieConsent/cookieConsent.js","features/pages/homePage/homePage.tsx","features/loginPage/accountContext.js","features/loginPage/common.tsx","features/loginPage/logInForm.tsx","features/loginPage/signupForm.tsx","features/loginPage/loginPageStyle.ts","features/loginPage/loginPage.tsx","features/midenasSmartInvoicingPage/midenasSmartInvoicingPage.tsx","features/learningPage/learningStyles.ts","images/1.png","images/2.png","images/3.png","images/4.png","features/learningPage/steps.tsx","features/learningPage/stepsMobile.tsx","features/learningPage/learningPage.tsx","features/learningPage/learningMainPage.tsx","app/Routing.tsx","App.tsx","i18n.ts","registerServiceWorker.ts","app/store.ts","index.tsx"],"names":["Layout","children","theme","createTheme","ThemeProvider","Fragment","CssBaseline","Container","fluid","Row","id","LogoBar","useState","currentCompanyIndex","setCurrentCompanyIndex","useTheme","isMobile","useMediaQuery","breakpoints","down","companies","useEffect","interval","setInterval","prevIndex","length","clearInterval","className","Grid","container","item","md","xs","map","company","index","target","href","src","title","alt","style","display","justifyContent","marginTop","marginLeft","marginRight","Logo3","Logo1","width","Logo2","AboutUsContent","t","useTranslation","history","useHistory","onClick","push","type","Headers","styled","header","LogoSection","a","Nav","nav","HamburgerBtn","button","props","clicked","MobileMenu","Header","lngs1","nativeName","icon","ukIcon","rsIcon","i18n","click","setClick","ref","useRef","gsap","registerPlugin","ScrollTrigger","handleHomePage","handleContactPage","handleLearningPage","element","current","window","matchMedia","matches","to","position","top","left","right","padding","duration","ease","scrollTrigger","trigger","start","end","scrub","backgroundColor","color","Logo","Typography","component","fontWeight","lng","Tooltip","placement","resolvedLanguage","changeLanguage","useStyles","makeStyles","createStyles","root","margin","up","iconGrid","fontSize","iconStyle","text","Footer","classes","variant","name","placeholder","maxWidth","sm","direction","alignItems","spacing","logo","AboutUsPage","api","method","url","variables","Promise","resolve","reject","axios","baseURL","process","REACT_APP_API_URL","params","undefined","data","then","response","error","code","status","sendMessage","contact","sendContactForm","createAsyncThunk","contactRequest","result","selectIsMessageSend","createSelector","state","email","resetMessage","emailSlice","createSlice","initialState","isMessageSend","successMessage","errorMessage","reducers","extraReducers","builder","addCase","fulfilled","payload","success","rejected","selectSnackbar","snackbar","setSnackbar","snackbarSlice","message","severity","show","updateSanckbar","action","ContactUsSection","dispatch","useDispatch","validated","setValidated","setEmailError","setSuccess","INIT_CONTACT_MODEL","firstName","lastName","newContact","setNewContact","emailState","useSelector","handleInputChange","e","value","updateContact","handleSubmit","preventDefault","currentTarget","checkValidity","stopPropagation","idRequest","snackbarSuccess","snackbarError","open","Form","noValidate","onSubmit","Control","required","onChange","Feedback","as","rows","ContactPage","HamburgerBtnInvoice","MobileMenuInvoice","DashboardSidebar","CustomSelect","options","Autocomplete","renderInput","TextField","label","size","languageOptions","currencyOptions","cityOptions","AddClient","CompanyName","TaxId","IdNumber","ServiceId","DocumentLanguage","Currency","City","Street","Number","PostalCode","newClient","setNewClient","handleChangeClient","Paper","elevation","Col","Group","Label","Modal","search","border","borderRadius","alpha","palette","common","white","searchIcon","height","pointerEvents","inputRoot","inputInput","paddingLeft","transition","transitions","create","sectionDesktop","sectionMobile","AddClientPage","InputBase","input","inputProps","user","MenageTheColumnsModal","onHide","modalClose","handleChange","dialogClassName","closeButton","background","Title","Body","InputGroup","Check","disabled","checked","float","MenageTableDataAccordion","Accordion","Item","eventKey","resize","ManageTableDataModal","DatePickers","selectedDate","handleDateChange","utils","DateFnsUtils","helperText","animateYearScrolling","disableToolbar","format","date","KeyboardButtonProps","nameOfServiceOptions","serviceDescriptionOptions","InvoiceRows","inputFields","handleChangeInput","handleAddRow","handleRemoveRow","isHiddenRabat","isHiddenServiceDescription","Table","responsive","scope","classNames","addInvoiceInput","alignSelf","alignContent","RowNumber","UnitOfMeasure","Quantity","Price","Rabat","verticalAlign","OverlayTrigger","overlay","DynamicFormField","AddInvoiceCommentModal","InvoiceComment","invoice","addInvoiceCommentModal","setAddInvoiceCommentModal","Comment","Link","AddInvoiceNoteModal","Note","InvoiceNote","addInvoiceNoteModal","setAddInvoiceNoteModal","getStringDateWithFormat","d","Date","month","getMonth","day","getDate","year","getFullYear","hours","getHours","minutes","getMinutes","seconds","getSeconds","replace","ManageDocumentTypeModal","FormControl","clientOptions","AddInvoice","INIT_TABLE_ROWS","NameOfService","ServiceDescription","Pdv","INIT_NEWINVOICE","ClientId","CommentId","DueDate","InvoiceNumber","InvoiceTable","IssueDate","NoteId","tableRows","setTableRows","newInvoice","setNewInvoice","menageColumnsModal","setMenageColumnsModal","menageTableDataModal","setMenageTableDataModal","menageDocumentTypeModal","setManageDocumentTypeModal","setIsHiddenRabat","isDisabledInvoiceNumber","setIsDisabledInvoiceNumber","setIsHiddenServiceDescription","handleCheckboxChange","onDescriptionChange","inv","comm","num","console","log","controlId","issueDate","newInvoiceWithDateIssue","dueDate","newInvoiceWithDueDate","rowName","newTableRows","row","newRow","invoiceChanged","rowNumber","values","splice","i","AddInvoicePage","createData","allInvoice","time","companyName","pdf","descendingComparator","b","orderBy","getComparator","order","stableSort","array","comparator","stabilizedThis","el","sort","headCells","numeric","disablePadding","EnhancedTableHead","onSelectAllClick","numSelected","rowCount","onRequestSort","TableHead","TableRow","TableCell","Checkbox","indeterminate","headCell","align","sortDirection","TableSortLabel","active","property","event","visuallyHidden","useToolbarStyles","paddingRight","flex","EnhancedTableToolbar","Toolbar","IconButton","paper","marginBottom","table","minWidth","clip","overflow","ModalTable","React","setOrder","setOrderBy","selected","setSelected","page","setPage","rowsPerPage","setRowsPerPage","TableContainer","newSelecteds","n","TableBody","slice","isItemSelected","indexOf","labelId","hover","selectedIndex","newSelected","concat","handleClick","role","tabIndex","TablePagination","rowsPerPageOptions","count","onPageChange","newPage","onRowsPerPageChange","parseInt","AllInvoiceModal","MonthModal","WeekModal","MainDashboard","allInvoicesModal","setAllInvoicesModal","monthInvoiceModal","setMonthInvoiceModal","weekInvoiceModal","setWeekInvoiceModal","MainDashboardDetails","Dashboard","PasswordChange","autoComplete","PasswordChangePage","ProfileCard","CompanyProfile","ProfilePage","invoiceItems","uuid","content","headerContent","invoiceTable","invoiceFooter","columnsFromBackend","items","TemplateComp","columns","setColumns","onDragEnd","destination","source","droppableId","sourceColumn","destColumn","sourceItems","destItems","removed","column","copiedItems","Object","entries","columnId","flexDirection","provided","snapshot","droppableProps","innerRef","isDraggingOver","minHeight","draggableId","draggableProps","dragHandleProps","userSelect","isDragging","TemplatePage","Up","div","ScrollToTop","document","getElementById","scrollIntoView","behavior","block","inline","arrow","Slider","autoPlay","loop","muted","playsInline","Video","textDecoration","TypeScriptModal","Dialog","onClose","typeScript","DialogTitle","DialogContent","DialogContentText","DialogActions","CustomSoftwareModal","customSoftware","WebServicesModal","webServices","WebApplicationModal","webApplication","WebDesignModal","webDesign","DesignModal","design","CSharpModal","cSharp","DatabaseModal","useTechnologyExperienceStyles","box","iconsSubtitle","iconWrapper","textAlign","gridContainer","DotNetModal","ReactModal","AngularModal","angular","NodeJsModal","nodeJs","JavaModal","java","TechnologyExperience","isVisibleIconCSharp","setIsVisibleIconCSharp","isVisibleIcondotNet","setIsVisibleIcondotNet","isIsVisibleIconReact","SetIsVisibleIconReact","isIsVisibleIconNodeJs","SetIsVisibleIconNodeJs","isIsVisibleIconAngular","SetIsVisibleIconAngular","isIsVisibleIconJava","SetIsVisibleIconJava","cSharpModal","setCSharpModal","isOpenModal","dotNetModal","setDotNetModal","reactModal","setReactModal","angularModal","setAngularModal","nodeJsModal","setNodeJsModal","javaModal","setJavaModal","Box","mb","sx","cSharpColor","onMouseEnter","onMouseLeave","cursor","transform","dotNet","dotNetColor","my","ReactColor","nodeJsColor","angularColor","mt","javaColor","useClientPrioritiesSectionStyles","card","bordeRadius","backgroundSize","WebkitBackgroundClip","gap","lineHeight","opacity","cardContainer","boxShadow","heading","textTittle","textSubtitle","media","paddingTop","expand","expandOpen","avatar","red","ClientPrioritiesSection","cardData","Card","CardHeader","CardMedia","image","clientFirst","CardContent","description","backgroundImg","clientFirstImage","strongExperts","StrongExpertiseImage","delivery","OnDeliveryTimeImage","backgroundImage","whyUs_div","img","imgContainer","WhyUsSection","img1","AboutSection","useMapStyles","Map","loading","removeHover","DesignRushSection","about_container","aboutUs_div","aboutUsImg","gallery_title","contactUsSection","contactSectionImg","googleMap_grid","whyUsSection","carouselSection","ContentSection","typeScriptModal","setTypeScriptModal","customSoftwareModal","setCustomSoftwareModal","webServicesModal","setWebServicesModal","webApplicationModal","setWebApplicationModal","webDesignModal","setWebDesignModal","designModal","setDesignModal","databaseModal","setDatabaseModal","triggerOnce","elementID","innerHTML","CookieConsentComp","location","buttonText","cookieName","buttonStyle","expires","HomePage","AccountContext","createContext","BoxContainer","FormContainer","form","Input","SubmitButton","LoginForm","switchToSignup","useContext","Text","SignupForm","switchToSignin","TopContainer","BackDrop","motion","HeaderContainer","h2","HeaderText","SmallText","h5","InnerContainer","backdropVariant","expanded","collapsed","expandedTransition","stiffness","LoginPage","isExpanded","setIsExpanded","setActive","playExpandingAnimation","setTimeout","contextValue","Provider","initial","animate","variants","HeaderSmartInvoicing","LogoSectionSmartInvoicing","MidenasSmartInvoicingPage","handleBacktToHome","useLearninigStyles","stepWrapper","step","stepContent","Steps","isTablet","lg","NumberOne","backgroundRepeat","backgroundPosition","NumberTwo","NumberThree","NumberFour","StepsMobile","split","LearningPage","LearningMainPage","Routing","exact","path","ContactUsPage","AddDocumentPage","App","openSnackbar","setOpenSnackbar","handleCloseSnackbar","reason","Alert","Snackbar","autoHideDuration","use","LanguageDetector","initReactI18next","init","debug","fallbackLng","interpolation","escapeValue","resources","en","translation","footer","subscriptionHeading","inputPlaceholder","aboutUs","contactUs","videos","socialMedia","howItWorks","testimonials","careers","investors","termsOfService","support","destinations","sponsorships","submitVideo","ammbassadors","agency","influencer","instagram","facebook","linkedin","twitter","websiteRights","cards","cardClientTitle","cardClientShort","cardClientDesc","cardStrongExpertiseTitle","cardStrongExpertiseShort","cardStrongExpertiseDesc","cardDeliveryOnTimeTitle","cardDeliveryOnTimeShort","cardDeliveryOnTimeDesc","showMore","homePage","technologyExpirience","javaScript","react","database","reactTitle","reactGeneral","reactUsedForTitle","reactUsedForText","reactProgrammingTitle","reactProgrammingText","javaScriptTitle","javaScriptGeneral","javaScriptUsedForTitle","javaScriptUsedForText","javaScriptEasyToLearnTitle","javaScriptEasyToLearnText","typeScriptTitle","typeScriptGeneral","typeScriptUsedForTitle","typeScriptUsedForText","typeScriptFrontOrBackTitle","typeScriptFrontOrBackText","webServicesTitle","webServicesGeneral","webServicesIsGoogleWebServiceTitle","webServicesIsGoogleWebServiceText","webServicesWhichLanguageTitle","webServicesWhichLanguageText","webApplicationTitle","webApplicationExampleTitle","webApplicationExampleText","webApplicationBegginersTitle","webApplicationBegginersText","webApplicationYouTubeTitle","webApplicationYouTubeText","webDesignTitle","webDesignWhatDesignerBeginnerDoTitle","webDesignWhatDesignerBeginnerDoText","webDesignWhatDesignerDoTitle","webDesignWhatDesignerDoText","webDesignHowFastLearnTitle","webDesignHowFastLearnText","customSoftwareTitle","customSoftwareGeneral","customSoftwareCustomExamplesTitle","customSoftwareCustomExamplesText","customSoftwareImportanceTitle","customSoftwareImportanceText","angularTitle","angularGeneral","angularUsedForTitle","angularUsedForText","angularFrontOrBackTitle","angularFrontOrBackText","angularEasyToLearnTitle","angularEasyToLearnText","designTitle","designEasyTitle","designEasyText","designWhatDesignerDoTitle","designWhatDesignerDoText","cSharpTitle","cSharpGeneral","cSharSimilarJavaTitle","cSharSimilarJavaText","cSharWhatPayMoreTitle","cSharWhatPayMoreText","cSharDifficultTitle","cSharDifficultText","dotNetTitle","dotNetGeneral","dotNetUsedForTitle","dotNetUsedForText","dotNetPogrammingLanguageTitle","dotNetPogrammingLanguageText","dotNetEasyToLearnTitle","dotNetEasyToLearnText","databaseTitle","databaseGeneral","databaseSQLServerTitle","databaseSQLServerText","databasePostgreSQLTitle","databasePostgreSQLText","databaseCosmoDBTitle","databaseCosmoDBText","databaseMongoDBTitle","databaseMongoDBText","contactAddress","contactAddressContent","contactPhone","contactPhoneContent","contactEmail","contanctEmailContent","midenasDesignGallery","whyUs","whyUsContent1","whyUsContent2","whyUsContent3","aboutUsContetn1","aboutUsContetn2","aboutUsContetn3","explore","designRushTitle","nodeJsTitle","nodeJsText1","nodeJsText2","nodeJsText3","javaTitle","javaText1","javaText2","javaText3","aboutUsPage","title1","title2","title3","services","digitalMarketing","websiteDevelopment","videography","fotography","desktopApp","seo","graphicDesign","buttons","send","getStarted","signUp","logIn","backToHomePage","clear","save","close","slider","caption","midenas","home","learning","fullName","phone","contacUsAdress","contactUsEmail","contactUsPhone","enterFirstName","enterLastName","enterEmail","enterMessage","price","subtitle","inputFullName","inputEmail","inputPassword","inputConfirmPass","mutedLink","mutedAlreadyHaveAcc","signUpBtn","forgetPass","logInBtn","loginPage","headerLogIn","headerLoginSubtitle","headerSignUp","headerSignUpSubtitle","learningPage","sliderTitle","sliderPlaceholder","courseName","courseDescription","courseTags","courseBtn","learningPageUnderConstruction","underConstructionTitle","underConstructionSubtitle","backToHome","smartInvoicingUnderConstruction","cookieConsent","dashboard","dashboardSide","profileSide","addInvoice","addClient","settingsSide","passwordSide","signOutSide","template","mainDashboard","allInoviceCard","monthInvoiceCard","weekInvoiceCard","listOfInvoices","recentInvoice","viewAll","profile","informationProfile","emailProfile","phoneProfile","invoicesProfile","recentProfile","smartInvoicing","settings","password","signOut","addInvoiceTitle","dateOfIssue","choceADate","from","client","no","nameOfService","unitOfMeasure","quantity","rabat","editName","invoiceNumber","serviceDescription","editInvoiceNumber","manageTheColumns","manageTableData","pdv","menageDocumentType","passwordChange","passwordChangeTitle","updatePassword","oldPassword","newPassword","confirmPassword","profilePage","information","invoiceRows","addRow","rabatPercent","invoiceComment","addNewComment","commentTitle","commentDescription","comment","invoiceNote","addNewNote","noteTitle","noteDescription","note","columnsModal","manageColumns","quanity","menageTableAccordion","addClientTitle","pib","serviceId","documentLanguage","currency","city","street","number","postalCode","chooseClient","chooseServiceName","chooseServiceDescription","chooseNote","chooseComment","chooseLanguage","chooseCurrency","chooseCity","documentType","emailValidation","invalid","outsourcingServices","outsourcingTitle","outsourcingDesc1","outsourcingDesc2","outsourcingDesc3","howOutsourcingTitle","howOutsourcingDesc1","howOutsourcingDesc2","fourStepTitle","stepOne","stepTwo","stepThree","stepFour","rs","letsGetInTouch","choseADate","isLocalhost","Boolean","hostname","match","registerValidSW","swUrl","navigator","serviceWorker","register","registration","onupdatefound","installingWorker","installing","onstatechange","controller","catch","store","configureStore","reducer","snackbarReducer","ReactDOM","render","URL","toString","origin","addEventListener","fetch","contentType","headers","get","ready","unregister","reload","checkValidServiceWorker","registerServiceWorker"],"mappings":"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CE,yPACFC,6BACE,2CACFC,4BACE,qOACFC,2BAA4B,gCAC5BC,0BACE,uLACFC,eAAgB,aAChBC,qCACE,+BACFC,oCACE,4KACFC,6BAA8B,+BAC9BC,4BACE,6KACFC,2BAA4B,qCAC5BC,0BACE,mNACFC,oBAAqB,kBACrBC,sBACE,sSACFC,kCAAmC,+BACnCC,iCACE,4NACFC,8BACE,6CACFC,6BACE,mSACFC,aAAc,UACdC,eACE,4OACFC,oBAAqB,+BACrBC,mBACE,uQACFC,wBAAyB,gCACzBC,uBACE,8LACFC,wBAAyB,4BACzBC,uBACE,wFACFC,YAAa,SACbC,gBAAiB,6BACjBC,eACE,uOACFC,0BAA2B,gCAC3BC,yBACE,sRACFC,YAAa,KACbC,cACE,8OACFC,sBAAuB,yBACvBC,qBACE,kPACFC,sBAAuB,6BACvBC,qBACE,yHACFC,oBAAqB,4BACrBC,mBACE,kTACFC,YAAa,OACbC,cACE,+PACFC,mBAAoB,4BACpBC,kBACE,yOACFC,8BAA+B,kCAC/BC,6BACE,uMACFC,uBAAwB,yBACxBC,sBACE,2IACFC,cAAe,WACfC,gBACE,0NACFC,uBAAwB,uBACxBC,sBACE,sUACFC,wBAAyB,aACzBC,uBACE,+RACFC,qBAAsB,YACtBC,oBACE,oPACFC,qBAAsB,UACtBC,oBACE,2QACF1wB,QAAS,aACT2wB,eAAgB,WAChBC,sBACE,uDACFC,aAAc,SACdC,oBAAqB,mBACrBC,aAAc,SACdC,qBAAsB,mBACtBC,qBAAsB,yBACtBC,MAAO,UACPC,cACE,kTACFC,cACE,kLACFC,cACE,6MACFlI,QAAS,WACTmI,gBACE,+IACFC,gBACE,wLACFC,gBACE,qPACFC,QAAS,UACTC,gBAAiB,kCAGnBjU,YAAa,CACXkU,YAAa,UACbC,YACE,yaACFC,YACE,mUACFC,YACE,iSAEJnU,UAAW,CACToU,UAAW,OACXC,UACE,qNACFC,UACE,2YACFC,UACE,sQAGJC,YAAa,CACXC,OAAQ,SACRC,OAAQ,YACRC,OAAQ,WAEVC,SAAU,CACR/5B,MAAO,gCACPg6B,iBAAkB,oBAClBC,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BACE,wCACFC,6BACE,gRACFC,oBAAqB,iBACrBC,2BAA4B,iCAC5BC,0BACE,qSACFC,6BAA8B,gDAC9BC,4BACE,4QACFC,2BAA4B,mCAC5BC,0BACE,uNACFC,eAAgB,aAChBC,qCAAsC,8BACtCC,oCACE,oMACFC,6BAA8B,8BAC9BC,4BACE,qMACFC,2BACE,mDACFC,0BACE,mPACFC,oBAAqB,2BACrBC,sBACE,8SACFG,8BACE,mDACFC,6BACE,2WACFC,aAAc,UACdC,eACE,sOACFC,oBAAqB,kCACrBC,mBACE,yQACFC,wBAAyB,yCACzBC,uBACE,oNACFC,wBAAyB,sCACzBC,uBACE,oGACFC,YAAa,SACbC,gBAAiB,qDACjBC,eACE,qQACFC,0BAA2B,yCAC3BC,yBACE,+UACFC,YAAa,KACbC,cACE,2QACFC,sBAAuB,gCACvBC,qBACE,iQACFC,sBAAuB,uCACvBC,qBACE,sJACFC,oBAAqB,uCACrBC,mBACE,8VACFC,YAAa,OACbC,cACE,0QACFC,mBAAoB,+BACpBC,kBACE,6RACFC,8BAA+B,kCAC/BC,6BACE,uLACFC,uBAAwB,mCACxBC,sBACE,2JACFC,cAAe,gBACfC,gBACE,mSACFC,uBAAwB,uBACxBC,sBACE,8VACFC,wBAAyB,aACzBC,uBACE,4UACFC,qBAAsB,YACtBC,oBACE,4QACFC,qBAAsB,UACtBC,oBACE,0SACF1wB,QAAS,oBACT2wB,eAAgB,WAChBC,sBACE,sDACFC,aAAc,WACdC,oBAAqB,sCACrBC,aAAc,SACdC,qBAAsB,mBACtBC,qBAAsB,2BACtBC,MAAO,0BACPC,cACE,uUACFC,cACE,mKACFC,cACE,yOACFlI,QAAS,SACTmI,gBACE,0LACFC,gBACE,2MACFC,gBACE,wSACFC,QAAS,iBACTC,gBAAiB,4CAEnBjU,YAAa,CACXkU,YAAa,UACbC,YACE,yaACFC,YACE,mWACFC,YACE,gVAEJnU,UAAW,CACToU,UAAW,OACXC,UACE,oOACFC,UACE,oZACFC,UACE,+TAEJC,YAAa,CACXC,OAAQ,YACRC,OAAQ,QACRC,OAAQ,eAEVC,SAAU,C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","file":"static/js/main.b254cc45.chunk.js","sourcesContent":["import React from \"react\";\r\nimport { CssBaseline, ThemeProvider } from \"@material-ui/core\";\r\nimport { Row, Container } from \"react-bootstrap\";\r\nimport AppTheme from \"./AppTheme\";\r\n\r\ninterface Props {\r\n    children?: React.ReactNode;\r\n};\r\n\r\nexport default function Layout({ children }: Props) {\r\n    const theme = AppTheme();\r\n    return (\r\n        <ThemeProvider theme={theme}>\r\n            <React.Fragment>\r\n                <CssBaseline />\r\n                <Container fluid>\r\n                    <div>\r\n                        <Row id=\"row-layout\">{children}</Row>\r\n                    </div>\r\n                </Container>\r\n            </React.Fragment>\r\n        </ThemeProvider>\r\n    );\r\n};","import { createTheme, Theme } from '@material-ui/core/styles'\r\n// import { rsRS } from \"@material-ui/core/locale\";\r\n//import { useTranslation } from \"react-i18next\";\r\n\r\nexport default function AppTheme(): Theme {\r\n    //const { t } = useTranslation([\"rs\", \"theme\"]);\r\n\r\n    const theme = createTheme(\r\n        //     {\r\n        //         palette: {\r\n        //             primary: {\r\n        //                 main: \"#536878\",\r\n        //                 dark: \"#36454f\",\r\n        //             },\r\n        //             secondary: {\r\n        //                 main: \"#708090\",\r\n        //             },\r\n        //         },\r\n        //         spacing: 8,\r\n        //     }\r\n        //     // rsRS\r\n    );\r\n\r\n    // theme.typography.fontSize = 16;\r\n\r\n    // theme.typography.h4 = {\r\n    //     fontSize: \"1.2rem\",\r\n    //     \"@media (min-width:600px)\": {\r\n    //         fontSize: \"1.5rem\",\r\n    //     },\r\n    //     [theme.breakpoints.up(\"md\")]: {\r\n    //         fontSize: \"2rem\",\r\n    //     },\r\n    // };\r\n\r\n    // theme.typography.h6 = {\r\n    //     fontSize: \"1rem\",\r\n    //     \"@media (min-width:600px)\": {\r\n    //         fontSize: \"1.2rem\",\r\n    //     },\r\n    //     [theme.breakpoints.up(\"md\")]: {\r\n    //         fontSize: \"1.5rem\",\r\n    //     },\r\n    // };\r\n\r\n    // theme.typography.subtitle1 = {\r\n    //     fontSize: \"0.4rem\",\r\n    //     \"@media (min-width:600px)\": {\r\n    //         fontSize: \"0.64rem\",\r\n    //     },\r\n    //     [theme.breakpoints.up(\"md\")]: {\r\n    //         fontSize: \"1rem\",\r\n    //     },\r\n    // };\r\n\r\n    // theme.typography.body1 = {\r\n    //     fontSize: \"0.6rem\",\r\n    //     \"@media (min-width:740px)\": {\r\n    //         fontSize: \"0.8rem\",\r\n    //     },\r\n    //     [theme.breakpoints.up(\"md\")]: {\r\n    //         fontSize: \"0.9rem\",\r\n    //     },\r\n    // };\r\n\r\n    return theme;\r\n}\r\n","export default __webpack_public_path__ + \"static/media/certificate.e05e345c.png\";","export default __webpack_public_path__ + \"static/media/microsoftPartner.9cfc07ef.png\";","export default \"data:image/png;base64,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\"","/* eslint-disable react/jsx-no-target-blank */\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { Container, Grid, useMediaQuery, useTheme } from \"@material-ui/core\";\r\nimport Logo1 from \"../../images/certificate.png\";\r\nimport Logo2 from \"../../images/microsoftPartner.png\";\r\nimport Logo3 from \"../../images/AccreditedAgencyBlue.png\";\r\nimport \"./logoBar.css\";\r\n\r\nexport default function LogoBar() {\r\n  const [currentCompanyIndex, setCurrentCompanyIndex] = useState(0);\r\n  const theme = useTheme();\r\n  const isMobile = useMediaQuery(theme.breakpoints.down(\"md\"));\r\n\r\n  const companies = [\r\n    \"https://assets.goodfirms.co/badges/normal-badge/top-website-development-companies.svg\",\r\n    \"https://assets.goodfirms.co/badges/normal-badge/top-software-development-companies.svg\",\r\n    \"https://assets.goodfirms.co/badges/normal-badge/devops-companies.svg\",\r\n    \"https://assets.goodfirms.co/badges/normal-badge/top-web-design-companies.svg\",\r\n    \"https://assets.goodfirms.co/badges/normal-badge/web-hosting-companies.svg\",\r\n  ];\r\n\r\n  useEffect(() => {\r\n    const switchToNextCompany = () => {\r\n      setCurrentCompanyIndex((prevIndex) => (prevIndex + 1) % companies.length);\r\n    };\r\n\r\n    const interval = setInterval(switchToNextCompany, 2000);\r\n\r\n    return () => clearInterval(interval);\r\n  }, [companies.length]);\r\n\r\n  return (\r\n    <div className=\"logoBar_center\">\r\n      {isMobile ? (\r\n        <Grid container>\r\n          <Grid item md={12} xs={12}>\r\n            {companies.map((company, index) => (\r\n              <a\r\n                key={index}\r\n                target=\"_blank\"\r\n                href=\"https://www.goodfirms.co/company/midenas\"\r\n              >\r\n                <img\r\n                  src={company}\r\n                  title=\"Company\"\r\n                  alt=\"Company\"\r\n                  style={{\r\n                    display: index === currentCompanyIndex ? \"block\" : \"none\",\r\n                  }}\r\n                />\r\n              </a>\r\n            ))}\r\n          </Grid>\r\n          <Grid\r\n            item\r\n            md={12}\r\n            xs={12}\r\n            justifyContent=\"center\"\r\n            style={{ display: \"flex\", marginTop: \"20px\" }}\r\n          >\r\n            <a\r\n              href=\"https://www.designrush.com/agency/profile/midenas\"\r\n              target=\"_blank\"\r\n              style={{ marginLeft: \"50px\", marginRight: \"50px\" }}\r\n            >\r\n              <img src={Logo3} alt=\"\" className=\"\" />\r\n            </a>\r\n          </Grid>\r\n          <Grid\r\n            item\r\n            md={12}\r\n            xs={12}\r\n            justifyContent=\"center\"\r\n            style={{ display: \"flex\", marginTop: \"20px\" }}\r\n          >\r\n            <img\r\n              src={Logo1}\r\n              alt=\"\"\r\n              className=\"\"\r\n              style={{\r\n                marginLeft: \"50px\",\r\n                marginRight: \"50px\",\r\n                width: \"250px\",\r\n              }}\r\n            />\r\n          </Grid>\r\n          <Grid\r\n            item\r\n            md={12}\r\n            xs={12}\r\n            justifyContent=\"center\"\r\n            style={{ display: \"flex\", marginTop: \"20px\" }}\r\n          >\r\n            <img src={Logo2} alt=\"\" className=\"\" style={{ width: \"250px\" }} />\r\n          </Grid>\r\n        </Grid>\r\n      ) : (\r\n        <Grid className=\"logoBar_img logoBar_img_container\">\r\n          {companies.map((company, index) => (\r\n            <a\r\n              key={index}\r\n              target=\"_blank\"\r\n              href=\"https://www.goodfirms.co/company/midenas\"\r\n            >\r\n              <img\r\n                src={company}\r\n                title=\"Company\"\r\n                alt=\"Company\"\r\n                style={{\r\n                  display: index === currentCompanyIndex ? \"block\" : \"none\",\r\n                }}\r\n              />\r\n            </a>\r\n          ))}\r\n          <a\r\n            href=\"https://www.designrush.com/agency/profile/midenas\"\r\n            target=\"_blank\"\r\n            style={{ marginLeft: \"50px\", marginRight: \"50px\" }}\r\n          >\r\n            <img src={Logo3} alt=\"\" className=\"\" />\r\n          </a>\r\n          <img\r\n            src={Logo1}\r\n            alt=\"\"\r\n            className=\"\"\r\n            style={{ marginLeft: \"50px\", marginRight: \"50px\", width: \"250px\" }}\r\n          />\r\n          <img src={Logo2} alt=\"\" className=\"\" style={{ width: \"250px\" }} />\r\n        </Grid>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n","export default \"data:image/png;base64,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\"","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react';\r\nimport Image from '../../../images/secondLogo.png';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n    contactPage as contactPageRoute,\r\n}\r\n    from '../../../app/routes';\r\nimport { useHistory } from 'react-router-dom';\r\nimport './aboutUsContent.css';\r\n\r\nexport default function AboutUsContent() {\r\n    const { t } = useTranslation();\r\n    const history = useHistory();\r\n\r\n    const handleContactPage = () => {\r\n        history.push(contactPageRoute());\r\n    };\r\n    return (\r\n        <section className=\"about-area\">\r\n            <div className=\"container-fluid\">\r\n                <div className=\"row\">\r\n                    <div className=\"col-lg-6 col-md-12\">\r\n                        <div className=\"about-img\">\r\n                            <img src={Image} alt=\"\" className=\"img-fluid\" />\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"col-lg-6 col-md-12 about-title\">\r\n                        <h2 className=\"text-uppercase pt-5\">\r\n                            <span>{t('aboutUsPage.title1')}</span>\r\n                            <span>{t('aboutUsPage.title2')}</span>\r\n                            <span>{t('aboutUsPage.title3')}</span>\r\n                        </h2>\r\n                        <div className=\"paragraph py-4 w-75\">\r\n                            <p className=\"para\">\r\n                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel adipisci corrupti non eius, corporis consequatur temporibus assumenda quos nisi cum!\r\n                            </p>\r\n                            <p className=\"para\">\r\n                                Lorem ipsum dolor sit amet consectetur adipisicing elit.\r\n                                Sequi, facilis ipsum? Doloribus numquam voluptatem necessitatibus dolore quo corporis,\r\n                                dignissimos ducimus! Eos accusantium, atque laudantium eum accusamus minus quasi iusto dolor dolorem reiciendis eius magnam,\r\n                                culpa voluptatum aut hic cum ea nesciunt id similique quo at error?\r\n                                Fugiat consectetur optio itaque illum sint minima hic quis tenetur consequatur autem atque officiis sit ratione explicabo,\r\n                                quo nulla laboriosam culpa, eveniet corrupti cum?\r\n                            </p>\r\n                        </div>\r\n                        <button\r\n                            onClick={handleContactPage}\r\n                            type=\"button\"\r\n                            className=\"btn button primary-button text-uppercase about-button\">\r\n                            {t('buttons.contactUs')}\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </section>\r\n    );\r\n};","export const homePage = (): string => \"/\";\r\nexport const smartInvoicing = (): string => \"/smart-invoicing\";\r\nexport const loginPage = (): string => \"/login-page\";\r\nexport const learningPage = (): string => \"/learning-page\";\r\nexport const aboutUsPage = (): string => \"/about-us\";\r\nexport const contactPage = (): string => \"/contact-us\";\r\nexport const dashboard = (): string => \"/dashboard\";\r\nexport const profile = (): string => \"/dashboard-profile\";\r\nexport const addInvoice = (): string => \"/dashboard-addInvoice\";\r\nexport const passwordChange = (): string => \"/dashboard-changePassword\";\r\nexport const addClient = (): string => \"/dashboard-addClient\";\r\nexport const template = (): string => \"/dashboard-template\";","export default __webpack_public_path__ + \"static/media/Logo.962308b5.png\";","import styled from 'styled-components';\r\n\r\nexport const Headers = styled.header`\r\n  display: flex;\r\n  opacity: 0.9;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 1rem 5rem;\r\n  background-color: #1a1d1e;\r\n  position: relative;\r\n  z-index: 500;\r\n  \r\n  @media only Screen and (max-width: 1024px) {\r\n    padding: 0.5rem 3rem;\r\n    background: #1a1d1e;\r\n    height: 100px;\r\n    padding: 25px;\r\n  }\r\n  @media only Screen and (max-width: 640px) {\r\n    padding: 0.5rem 1.5rem;\r\n    background: #1a1d1e;\r\n    padding: 25px;\r\n    height: 100px\r\n  }\r\n  @media only Screen and (max-width: 400px) {\r\n   padding: 25px;\r\n   height: 100px\r\n  }\r\n`;\r\nexport const LogoSection = styled.a`\r\n  display: flex;\r\n  align-items: center;\r\n  width: 2rem;\r\n  height: auto;\r\n  cursor: pointer;\r\n  img {\r\n    margin-right: 0.5rem;\r\n    width: 200px;\r\n  }\r\n\r\n  @media only Screen and (max-width:1334px){\r\n    display: inline-block;\r\n    display: none;\r\n}\r\n@media only Screen and (max-width: 768px){\r\n  display: inline-block;\r\n}\r\n@media only Screen and (max-width: 768px){\r\n  display: inline-block;\r\n}\r\n`;\r\nexport const Nav = styled.nav`\r\n        width: 100%;\r\n        margin: auto;\r\n        max-width: 50rem;\r\n        display: flex;\r\n        align-items: center;\r\n        opacity: 1;\r\n        justify-content: space-between;\r\n        color: #fff;\r\n        text-align: center;\r\n        z-index: 1;\r\n        font-size: 18px;\r\n        a{\r\n          color: #fff;\r\n        }\r\n        @media only Screen and (max-width:768px){\r\n            display: none;\r\n        }\r\n        a{\r\n            font-weight: 500;\r\n            color: #fff;\r\n            line-height: 1.5;\r\n            text-decoration: none;\r\n            &:not(:last-child):hover::after{\r\n                width: 100%;\r\n                background: #8a9aa2; \r\n             }\r\n        }\r\n    `;\r\nexport const Button = styled.button`\r\n  background-color: #849BA4;\r\n  border: 1px solid #849BA4;\r\n  padding: 0.5rem 1rem;\r\n  border-radius: 20px;\r\n  color: #fff;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n  &:hover {\r\n    transform: scale(1.1);\r\n  }\r\n  &:focus {\r\n    transform: scale(0.9);\r\n  }\r\n  @media only Screen and (max-width: 40em) {\r\n    font-size: 1.2rem;\r\n    &:hover {\r\n      transform: none;\r\n    }\r\n    &:focus {\r\n      transform: none;\r\n    }\r\n  }\r\n`;\r\nexport const HamburgerBtn = styled.button`\r\nposition: relative;\r\nborder: none;\r\nbackground: transparent;\r\nwidth: 2rem;\r\nheight: 3px;\r\ncursor: pointer;\r\ndisplay: none;\r\n\r\n@media only Screen and (max-width:48em){\r\n    display: inline-block;\r\n}\r\n&::before,\r\n&::after{\r\n    content: \"\";\r\n    background-color: #ffff;\r\n    width: 2.5rem;\r\n    height: 2px;\r\n    display: inline-block;\r\n    position: absolute;\r\n    left: 0;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n    margin-top: 15px;\r\n    margin-bottom: 15px;\r\n}\r\n&::before{\r\n    top: ${props => (props.clicked ? \"0\" : \"-0.5rem\")};\r\n    transform: ${props => (props.clicked ? \"rotate(135deg)\" : \"rotate(0)\")};\r\n}\r\n&::after{\r\n    top: ${props => (props.clicked ? \"0\" : \"0.5rem\")};\r\n    transform: ${props => (props.clicked ? \"rotate(-135deg)\" : \"rotate(0)\")};\r\n}\r\n`;\r\nexport const MobileMenu = styled.nav`\r\n        display: flex;\r\n        flex-direction: column;\r\n        background: #1a1d1e;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 2rem 0;\r\n        position: absolute;\r\n        top: 100%;\r\n        left: 0;\r\n        right: 0;\r\n        opacity: ${props => (\r\n    props.clicked ? \"1\" : 0\r\n  )};\r\n        visibility: ${props => (\r\n    props.clicked ? \"visible\" : \"hidden\"\r\n  )};\r\n    border-radius: 20px;\r\n    margin: 0.5rem;\r\n    overflow-x: hidden;\r\n    a{\r\n            color: #fff;\r\n            font-weight: 600;\r\n            font-size: 1.5rem;\r\n            margin: 1.5rem;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n        }\r\n`;","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","/* eslint-disable no-unused-vars */\r\n/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport { gsap } from \"gsap\";\r\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport Logo from \"../../../images/Logo.png\";\r\nimport {\r\n  smartInvoicing as smartInvoicingRoute,\r\n  loginPage as loginPageRoute,\r\n  aboutUsPage as aboutUsPageRoute,\r\n  homePage as homePageRoute,\r\n  contactPage as contactPageRoute,\r\n  learningPage as learningPageRoute,\r\n  dashboard as dashboardRoute,\r\n} from \"../../../app/routes\";\r\nimport {\r\n  Headers,\r\n  HamburgerBtn,\r\n  LogoSection,\r\n  MobileMenu,\r\n  Nav,\r\n} from \"./headerStyle\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Tooltip, Typography } from \"@material-ui/core\";\r\nimport rsIcon from \"../../../images/serbia.png\";\r\nimport ukIcon from \"../../../images/uk.png\";\r\nimport { HashLink as Link } from \"react-router-hash-link\";\r\nimport \"./header.css\";\r\n\r\nconst Header = () => {\r\n  const history = useHistory();\r\n  const lngs1 = [\r\n    { nativeName: \"en\", className: \"language_switch_header\", icon: ukIcon },\r\n    { nativeName: \"rs\", className: \"language_switch_header\", icon: rsIcon },\r\n  ];\r\n  const { t, i18n } = useTranslation();\r\n  const [click, setClick] = useState(false);\r\n\r\n  const ref = useRef(null);\r\n  gsap.registerPlugin(ScrollTrigger);\r\n\r\n  const handleLoginPage = () => {\r\n    history.push(loginPageRoute());\r\n  };\r\n  const handleAboutUsPage = () => {\r\n    history.push(aboutUsPageRoute());\r\n  };\r\n  const handleHomePage = () => {\r\n    history.push(homePageRoute());\r\n  };\r\n  const handleContactPage = () => {\r\n    history.push(contactPageRoute());\r\n  };\r\n  const handleLearningPage = () => {\r\n    history.push(learningPageRoute());\r\n  };\r\n\r\n  gsap.registerPlugin(ScrollTrigger);\r\n\r\n  useEffect(() => {\r\n    const element = ref.current;\r\n\r\n    const mq = window.matchMedia(\"(max-width: 40em)\");\r\n    if (mq.matches) {\r\n      gsap.to(element, {\r\n        position: \"fixed\",\r\n        top: \"0\",\r\n        left: \"0\",\r\n        right: \"0\",\r\n        padding: \"1rem 1.5rem\",\r\n        duration: 1,\r\n        ease: \"power1.out\",\r\n        scrollTrigger: {\r\n          trigger: element,\r\n          start: \"bottom+=200 top\",\r\n          end: \"+=100\",\r\n          scrub: true,\r\n        },\r\n      });\r\n    } else {\r\n      gsap.to(element, {\r\n        position: \"fixed\",\r\n        backgroundColor: \"#1a1d1e\",\r\n        color: \"#fff\",\r\n        duration: 1,\r\n        ease: \"power1.out\",\r\n        scrollTrigger: {\r\n          trigger: element,\r\n          start: \"bottom+=250 top\",\r\n          end: \"+=250\",\r\n          scrub: true,\r\n        },\r\n      });\r\n    }\r\n  }, []);\r\n\r\n  return (\r\n    <Headers ref={ref}>\r\n      <LogoSection>\r\n        <img src={Logo} alt=\"CodeBucks\" onClick={handleHomePage} />\r\n      </LogoSection>\r\n      <Nav>\r\n        <Typography\r\n          component={\"a\"}\r\n          href=\"#\"\r\n          className=\"link\"\r\n          onClick={handleHomePage}\r\n          style={{ fontWeight: \"0.8rem\" }}\r\n        >\r\n          {t(\"header.home\")}\r\n        </Typography>\r\n        <Typography\r\n          component={\"a\"}\r\n          href=\"#\"\r\n          className=\"link\"\r\n          onClick={handleLearningPage}\r\n          style={{ fontWeight: \"0.8rem\" }}\r\n        >\r\n          {t(\"header.services\")}\r\n        </Typography>\r\n        <Link to=\"/#aboutUsSection\" className=\"link\">\r\n          <Typography style={{ fontWeight: \"0.8rem\" }}>\r\n            {t(\"header.aboutUs\")}\r\n          </Typography>\r\n        </Link>\r\n        <Typography\r\n          component={\"a\"}\r\n          href=\"#\"\r\n          className=\"link\"\r\n          onClick={handleContactPage}\r\n          style={{ fontWeight: \"0.8rem\" }}\r\n        >\r\n          {t(\"header.contactUs\")}\r\n        </Typography>\r\n        <div>\r\n          {lngs1.map((lng) => (\r\n            <Tooltip\r\n              key={lng.nativeName}\r\n              title={lng.nativeName === \"en\" ? \"UK\" : \"RS\"}\r\n              placement=\"bottom\"\r\n            >\r\n              <button\r\n                className={lng.className}\r\n                key={lng.nativeName}\r\n                style={{\r\n                  fontWeight:\r\n                    i18n.resolvedLanguage === lng.nativeName\r\n                      ? \"bold\"\r\n                      : \"normal\",\r\n                }}\r\n                type=\"submit\"\r\n                onClick={() => i18n.changeLanguage(lng.nativeName)}\r\n                id=\"language_button\"\r\n              >\r\n                <img key={lng.nativeName} src={lng.icon} alt={lng.nativeName} />\r\n              </button>\r\n            </Tooltip>\r\n          ))}\r\n        </div>\r\n      </Nav>\r\n      <HamburgerBtn clicked={click} onClick={() => setClick(!click)}>\r\n        <span></span>\r\n      </HamburgerBtn>\r\n      <MobileMenu clicked={click}>\r\n        <Link\r\n          component={\"a\"}\r\n          href=\"#\"\r\n          className=\"link\"\r\n          onClick={handleHomePage}\r\n        >\r\n          <Typography style={{ fontWeight: \"0.8rem\" }}>\r\n            {t(\"header.home\")}\r\n          </Typography>\r\n        </Link>\r\n        <Link\r\n          component={\"a\"}\r\n          href=\"#\"\r\n          className=\"link\"\r\n          onClick={handleLearningPage}\r\n          style={{ fontWeight: \"0.8rem\" }}\r\n        >\r\n          <Typography style={{ fontWeight: \"0.8rem\" }}>\r\n            {t(\"header.services\")}\r\n          </Typography>\r\n        </Link>\r\n        <Link to=\"/#aboutUsSection\" className=\"link\">\r\n          <Typography style={{ fontWeight: \"0.8rem\" }}>\r\n            {t(\"header.aboutUs\")}\r\n          </Typography>\r\n        </Link>\r\n        <Link\r\n          href=\"#\"\r\n          className=\"link\"\r\n          onClick={handleContactPage}\r\n          style={{ fontWeight: \"0.8rem\" }}\r\n        >\r\n          <Typography style={{ fontWeight: \"0.8rem\" }}>\r\n            {t(\"header.contactUs\")}\r\n          </Typography>\r\n        </Link>\r\n        <div className=\"mt-3\">\r\n          {lngs1.map((lng) => (\r\n            <Tooltip\r\n              key={lng.nativeName}\r\n              title={lng.nativeName === \"en\" ? \"UK\" : \"RS\"}\r\n              placement=\"bottom\"\r\n            >\r\n              <button\r\n                className={lng.className}\r\n                key={lng.nativeName}\r\n                style={{\r\n                  fontWeight:\r\n                    i18n.resolvedLanguage === lng.nativeName\r\n                      ? \"bold\"\r\n                      : \"normal\",\r\n                }}\r\n                type=\"submit\"\r\n                onClick={() => i18n.changeLanguage(lng.nativeName)}\r\n              >\r\n                <img key={lng.nativeName} src={lng.icon} alt={lng.nativeName} />\r\n              </button>\r\n            </Tooltip>\r\n          ))}\r\n        </div>\r\n      </MobileMenu>\r\n    </Headers>\r\n  );\r\n};\r\n\r\nexport default Header;\r\n","export default __webpack_public_path__ + \"static/media/logo.4bf4bd40.svg\";","import React from \"react\";\r\nimport { makeStyles, Theme, createStyles } from \"@material-ui/core/styles\";\r\nimport { Button } from \"react-bootstrap\";\r\nimport logo from \"../../logo.svg\";\r\nimport { Container, Grid, Typography } from \"@material-ui/core\";\r\nimport PhoneIcon from \"@material-ui/icons/Phone\";\r\nimport PlaceIcon from \"@material-ui/icons/Place\";\r\nimport MailIcon from \"@material-ui/icons/Mail\";\r\nimport PhoneAndroidIcon from \"@mui/icons-material/PhoneAndroid\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport \"./footer.css\";\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n  createStyles({\r\n    root: {\r\n      margin: \"0 0 10px 0\",\r\n      width: \"100%\",\r\n      [theme.breakpoints.up(\"xs\")]: {\r\n        width: \"100%\",\r\n        display: \"flex\",\r\n      },\r\n    },\r\n    iconGrid: {\r\n      color: \"white\",\r\n      fontSize: \"2px\",\r\n      [theme.breakpoints.up(\"xs\")]: {\r\n        display: \"flex\",\r\n      },\r\n    },\r\n    iconStyle: {\r\n      fontSize: \"20px\",\r\n    },\r\n    text: {\r\n      color: \"white\",\r\n      padding: \"5px\",\r\n    },\r\n  })\r\n);\r\n\r\nfunction Footer() {\r\n  const { t } = useTranslation();\r\n  const classes = useStyles();\r\n\r\n  return (\r\n    <div className=\"footer-container\">\r\n      <Grid container className=\"footer-subscription\">\r\n        <Typography variant=\"h4\" className=\"footer-subscription-heading\">\r\n          {t(\"footer.subscriptionHeading\")}\r\n        </Typography>\r\n        <Grid className=\"footer_inputArea_grid\">\r\n          <form>\r\n            <input\r\n              className=\"footer-input\"\r\n              name=\"email\"\r\n              type=\"email\"\r\n              placeholder={t(\"footer.inputPlaceholder\")}\r\n            />\r\n            <Button className=\"footer_button\" variant=\"outlined\">\r\n              {t(\"buttons.contactUs\")}\r\n            </Button>\r\n          </form>\r\n        </Grid>\r\n      </Grid>\r\n      <Container maxWidth=\"xl\" className=\"footer-links\">\r\n        <Grid container className=\"footer-link-wrapper\">\r\n          <Grid item md={4} sm={12} className=\"footer-link-items\">\r\n            <Typography variant=\"h5\" style={{ color: \"white\" }}>\r\n              {t(\"footer.aboutUs\")}\r\n            </Typography>\r\n            <Typography\r\n              className={classes.text}\r\n              variant=\"body1\"\r\n              style={{ fontSize: \"0.8rem\" }}\r\n            >\r\n              {t(\"homePage.aboutUsContetn1\")}\r\n            </Typography>\r\n          </Grid>\r\n          <Grid\r\n            container\r\n            item\r\n            md={5}\r\n            sm={12}\r\n            justifyContent=\"center\"\r\n            className=\"footer-link-items\"\r\n          >\r\n            <Typography variant=\"h5\" style={{ color: \"white\" }}>\r\n              {t(\"footer.contactUs\")}\r\n            </Typography>\r\n            <Grid\r\n              container\r\n              direction=\"row\"\r\n              alignItems=\"center\"\r\n              className={classes.root}\r\n            >\r\n              <Grid className={classes.iconGrid}>\r\n                <PhoneIcon />\r\n              </Grid>\r\n              <Grid className={classes.text}>\r\n                <Typography\r\n                  style={{ fontSize: \"0.8rem\" }}\r\n                  component={\"a\"}\r\n                  href=\"tel:+381213006815\"\r\n                >\r\n                  +381 21 300 6815\r\n                </Typography>\r\n              </Grid>\r\n            </Grid>\r\n            <Grid\r\n              container\r\n              direction=\"row\"\r\n              alignItems=\"center\"\r\n              className={classes.root}\r\n            >\r\n              <Grid className={classes.iconGrid}>\r\n                <PhoneAndroidIcon />\r\n              </Grid>\r\n              <Grid className={classes.text}>\r\n                <Typography\r\n                  style={{ fontSize: \"0.8rem\" }}\r\n                  component={\"a\"}\r\n                  href=\"tel:+381668041771\"\r\n                >\r\n                  +381 66 8041 771\r\n                </Typography>\r\n              </Grid>\r\n            </Grid>\r\n            <Grid\r\n              container\r\n              direction=\"row\"\r\n              alignItems=\"center\"\r\n              className={classes.root}\r\n            >\r\n              <Grid className={classes.iconGrid}>\r\n                <PlaceIcon />\r\n              </Grid>\r\n              <Grid className={classes.text}>\r\n                <Typography\r\n                  component={\"a\"}\r\n                  target=\"_blank\"\r\n                  style={{ fontSize: \"0.8rem\" }}\r\n                  href=\"https://www.google.com/maps/place/Midenas+d.o.o./@45.2503054,19.8351689,17z/data=!3m1!4b1!4m6!3m5!1s0x475b0d32863fccdf:0x8cb200ca18497379!8m2!3d45.2503054!4d19.8373576!16s%2Fg%2F11mv4xx899?entry=ttu\"\r\n                >\r\n                  {t(\"homePage.contactAddressContent\")}\r\n                </Typography>\r\n              </Grid>\r\n            </Grid>\r\n            <Grid\r\n              container\r\n              direction=\"row\"\r\n              alignItems=\"center\"\r\n              className={classes.root}\r\n            >\r\n              <Grid className={classes.iconGrid}>\r\n                <MailIcon />\r\n              </Grid>\r\n              <Grid className={classes.text}>\r\n                <Typography\r\n                  component={\"a\"}\r\n                  style={{ fontSize: \"0.8rem\" }}\r\n                  href=\"mailto:info@midenas.rs\"\r\n                >\r\n                  {\" \"}\r\n                  {t(\"homePage.contanctEmailContent\")}\r\n                </Typography>\r\n              </Grid>\r\n            </Grid>\r\n          </Grid>\r\n          <Grid container item md={3} sm={12} className=\"footer-link-items\">\r\n            <Typography variant=\"h5\" style={{ color: \"white\" }}>\r\n              {t(\"homePage.explore\")}\r\n            </Typography>\r\n            <Grid\r\n              container\r\n              direction=\"row\"\r\n              alignItems=\"center\"\r\n              className={classes.root}\r\n            >\r\n              <Grid className={classes.text}>\r\n                <Typography style={{ fontSize: \"0.8rem\" }}>\r\n                  - {t(\"header.services\")}\r\n                </Typography>\r\n              </Grid>\r\n            </Grid>\r\n\r\n            <Grid\r\n              container\r\n              direction=\"row\"\r\n              alignItems=\"center\"\r\n              className={classes.root}\r\n            >\r\n              <Grid className={classes.text}>\r\n                <Typography style={{ fontSize: \"0.8rem\" }}>\r\n                  - {t(\"homePage.whyUs\")}\r\n                </Typography>\r\n              </Grid>\r\n            </Grid>\r\n          </Grid>\r\n        </Grid>\r\n      </Container>\r\n      <Container className=\"social-media\">\r\n        <Grid container spacing={0} className=\"social-media-wrap\">\r\n          <Grid item md={5} xs={12} sm={12} className=\"footer-logo\">\r\n            <img src={logo} className=\"navbar-logo\" alt=\"logo\" width=\"200px\" />\r\n          </Grid>\r\n          <Grid\r\n            item\r\n            md={5}\r\n            xs={12}\r\n            sm={12}\r\n            className=\"footer_website-rights_grid\"\r\n          >\r\n            <small className=\"website-rights\">\r\n              {t(\"footer.websiteRights\")}\r\n            </small>\r\n          </Grid>\r\n          <Grid item md={2} xs={12} sm={12} className=\"social-icons\">\r\n            <a\r\n              className=\"facebook_icon\"\r\n              href=\"https://www.facebook.com/midenasit/\"\r\n              aria-label=\"Facebook\"\r\n              target=\"_blank\"\r\n            >\r\n              <i className=\"fab fa-facebook-f\" />\r\n            </a>\r\n            <a\r\n              className=\"insta_icon\"\r\n              href=\"https://l.facebook.com/l.php?u=https%3A%2F%2Finstagram.com%2Fit_midenas%3Figshid%3DYmMyMTA2M2Y%253D%26fbclid%3DIwAR3upvNNHiVo2Kl4kc-eet6e1PWrwy45_wDuX8K0B-RIcNvKuUEUxKNzTXw&h=AT2J_rAGr7qhieRLFaTv08GTW2LJXZBxU2OuKhlUCSF5Ecwlq1gziW7gN3qgrTs8C9oGQzaP6iv6eHBzq65On051EdZtzIgfBCiepMWd9a-R0bYbmPmb2sgAstVg-rz-WLiYEA\"\r\n              aria-label=\"Instagram\"\r\n              target=\"_blank\"\r\n            >\r\n              <i className=\"fab fa-instagram\" />\r\n            </a>\r\n            <a\r\n              className=\"linkedIn_icon\"\r\n              href=\"https://www.linkedin.com/company/midenas-doo/about/\"\r\n              aria-label=\"LinkedIn\"\r\n              target=\"_blank\"\r\n            >\r\n              <i className=\"fab fa-linkedin\" />\r\n            </a>\r\n            <a\r\n              className=\"whatsapp_icon\"\r\n              href=\"https://wa.me/+381668041771\"\r\n              target=\"_blank\"\r\n              aria-label=\"WhatsApp\"\r\n            >\r\n              <i className=\"fab fa-whatsapp\" />\r\n            </a>\r\n            <a\r\n              className=\"viber_icon\"\r\n              href=\"viber://chat?number=+381668041771\"\r\n              aria-label=\"Viber\"\r\n              target=\"_blank\"\r\n            >\r\n              <i className=\"fab fa-viber\" />\r\n            </a>\r\n          </Grid>\r\n        </Grid>\r\n      </Container>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Footer;\r\n","import React from 'react';\r\nimport LogoBar from '../../../components/logoBar/logoBar';\r\nimport AboutUsContent from './aboutUsContent';\r\nimport Header from '../../navigations/header/header';\r\nimport Footer from '../../footer/footer';\r\nimport './aboutUsPage.css';\r\n\r\nexport default function AboutUsPage() {\r\n    return (\r\n        <>\r\n            <Header />\r\n            <LogoBar />\r\n            <AboutUsContent />\r\n            <Footer />\r\n        </>\r\n    );\r\n};","export default __webpack_public_path__ + \"static/media/UspravniLogo.ed842600.png\";","/* eslint-disable import/no-anonymous-default-export */\r\nimport axios, { AxiosRequestConfig } from \"axios\";\r\n\r\nconst api = (method: string, url: string, variables?: any) =>\r\n    new Promise((resolve, reject) => {\r\n        axios({\r\n            baseURL: process.env.REACT_APP_API_URL,\r\n            url: url,\r\n            method,\r\n            params: method === \"get\" ? variables : undefined,\r\n            data: method !== \"get\" ? variables : undefined,\r\n        } as AxiosRequestConfig).then(\r\n            (response) => {\r\n                resolve(response.data);\r\n            },\r\n            (error) => {\r\n                if (error.response) {\r\n                    reject(error.response.data.error);\r\n                } else {\r\n                    reject({\r\n                        code: \"INTERNAL_ERROR\",\r\n                        status: 503,\r\n                        data: {},\r\n                    });\r\n                }\r\n            }\r\n        );\r\n    });\r\n\r\nexport default {\r\n    get: (url: string, variables?: any) => api(\"get\", url, variables),\r\n    post: (url: string, variables?: any) => api(\"post\", url, variables),\r\n    put: (url: string, variables?: any) => api(\"put\", url, variables),\r\n    patch: (url: string, variables?: any) => api(\"patch\", url, variables),\r\n    delete: (url: string, variables?: any) => api(\"delete\", url, variables),\r\n};","import ApiResponse from \"../models/ApiResponse\";\r\nimport api from \"./api\";\r\n\r\nconst baseURL = \"https://api.midenas.rs\"\r\n\r\nexport const sendMessage = async (contact: any) => {\r\n    return api.post(baseURL + \"/api/email\", contact) as Promise<ApiResponse>;\r\n};","import {\r\n    createAsyncThunk,\r\n    createSelector,\r\n    createSlice,\r\n    PayloadAction\r\n} from \"@reduxjs/toolkit\";\r\nimport { sendMessage } from \"../app/midenasWEBApi\";\r\nimport { RootState } from \"../app/store\";\r\nimport EmailRequestModel from \"../models/emailRequestModel\";\r\n\r\ninterface EmailState {\r\n    isMessageSend: boolean | null;\r\n    successMessage: string;\r\n    errorMessage: string;\r\n};\r\n\r\nlet initialState: EmailState = {\r\n    isMessageSend: null,\r\n    successMessage: \"\",\r\n    errorMessage: \"\",\r\n};\r\n\r\nexport const sendContactForm = createAsyncThunk(\"email/send_contact_form\", async (contactRequest: EmailRequestModel) => {\r\n    var result = await sendMessage(contactRequest);\r\n    return result;\r\n});\r\n\r\nexport const selectIsMessageSend = createSelector(\r\n    (state: RootState) => state.email,\r\n    (email: EmailState ) => {\r\n        return email;\r\n    }\r\n);\r\n\r\nexport const resetMessage = createAsyncThunk(\"reset_message\", () => {\r\n});\r\n\r\nconst emailSlice = createSlice({\r\n    name: \"email\",\r\n    initialState: initialState,\r\n    reducers: {\r\n\r\n    },\r\n    extraReducers: (builder) => {\r\n        builder\r\n            .addCase(sendContactForm.fulfilled, (state, { payload }) => {\r\n                if (payload.success) {\r\n                    state.isMessageSend = true;\r\n                    state.successMessage = \"Uspešno ste poslali poruku\";\r\n                } else {\r\n                    state.errorMessage = payload.errorMessage;\r\n                }\r\n            })\r\n            .addCase(sendContactForm.rejected, (state, { payload }) => {\r\n                state.isMessageSend = false;\r\n                state.errorMessage = \"Unete informacije nisu ispravne. Proverite podatke i pokušajte ponovo\"\r\n            })\r\n            .addCase(resetMessage.fulfilled, (state, { }) => {\r\n                state.errorMessage = \"\";\r\n                state.isMessageSend = null;\r\n                state.successMessage = \"\";\r\n            })\r\n    },\r\n});\r\n\r\nexport default emailSlice.reducer;","import {\r\n    createAsyncThunk,\r\n    createSelector,\r\n    createSlice,\r\n    PayloadAction\r\n} from \"@reduxjs/toolkit\";\r\nimport { RootState } from \"../app/store\";\r\nimport SnackbarModel from \"../models/snackbarModel\";\r\n\r\ninterface SnackbarState {\r\n    snackbar: SnackbarModel;\r\n}\r\n\r\nlet initialState: SnackbarState = {\r\n    snackbar: {\r\n        message: \"\",\r\n        severity: \"success\",\r\n        show: false\r\n    }\r\n};\r\n\r\nexport const selectSnackbar = createSelector(\r\n    (state: RootState) => state.snackbar.snackbar,\r\n    (snackbar: SnackbarModel) => {\r\n        return snackbar;\r\n    }\r\n)\r\n\r\nexport const setSnackbar = createAsyncThunk(\"snackbar/set_snackbar\", async (snackbar: SnackbarModel) => {\r\n    return snackbar;\r\n});\r\n\r\n\r\nconst snackbarSlice = createSlice({\r\n    name: \"sanckbar\",\r\n    initialState: initialState,\r\n    reducers: {\r\n        updateSanckbar(state, action: PayloadAction<SnackbarState>) {\r\n        }\r\n    },\r\n    extraReducers: (builder) => {\r\n        builder\r\n            .addCase(setSnackbar.fulfilled, (state, { payload }) => {\r\n                state.snackbar = payload;\r\n            })\r\n    },\r\n})\r\n\r\nexport default snackbarSlice.reducer;","import React, { useEffect, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Form } from 'react-bootstrap';\r\nimport logo from '../../../images/UspravniLogo.png';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { resetMessage, selectIsMessageSend, sendContactForm } from '../../../slices/emailSlice';\r\nimport EmailRequestModel from '../../../models/emailRequestModel';\r\nimport SnackbarModel from '../../../models/snackbarModel';\r\nimport { setSnackbar } from '../../../slices/snackbarSlice';\r\nimport ContactModel from '../../../models/contactModel';\r\nimport './contactUsSection.css';\r\nimport { Button } from '@material-ui/core';\r\n\r\nexport default function ContactUsSection() {\r\n    const { t } = useTranslation();\r\n    const dispatch = useDispatch();\r\n    const [validated, setValidated] = useState(false);\r\n    const [emailError, setEmailError] = useState(\"\");\r\n    const [success, setSuccess] = useState(false);\r\n    const INIT_CONTACT_MODEL: ContactModel = {\r\n        firstName: \"\",\r\n        lastName: \"\",\r\n        email: \"\",\r\n        message: \"\"\r\n    };\r\n\r\n    const [newContact, setNewContact] = useState<ContactModel>(INIT_CONTACT_MODEL);\r\n\r\n    var emailState = useSelector(selectIsMessageSend);\r\n\r\n    const handleInputChange = (e: any) => {\r\n        const name = e.target.name;\r\n        const value = e.target.value;\r\n        const updateContact = { ...newContact };\r\n        if (name === \"FirstName\") {\r\n            updateContact.firstName = value;\r\n        }\r\n        if (name === \"LastName\") {\r\n            updateContact.lastName = value;\r\n        }\r\n        if (name === \"Email\") {\r\n            updateContact.email = value;\r\n        }\r\n        if (name === \"Message\") {\r\n            updateContact.message = value;\r\n        }\r\n        setNewContact(updateContact);\r\n    };\r\n\r\n    const showMapClicked = () => {\r\n        window.open(\"https://www.google.com/maps/place/Midenas+d.o.o./@45.2503054,19.8351689,17z/data=!3m1!4b1!4m5!3m4!1s0x475b0d32863fccdf:0x8cb200ca18497379!8m2!3d45.2503054!4d19.8373576?hl=sr\")\r\n    };\r\n\r\n    const handleSubmit = (e: any) => {\r\n        e.preventDefault();\r\n        const form = e.currentTarget;\r\n        if (form.checkValidity() === false) {\r\n            e.preventDefault();\r\n            e.stopPropagation();\r\n        }\r\n        setValidated(true);\r\n        var data: EmailRequestModel = {\r\n            action: \"\",\r\n            type: \"\",\r\n            idRequest: \"d7953e2f-dceb-4ae2-ad1e-0644170b540f\",\r\n            contact: newContact\r\n        };\r\n        dispatch(sendContactForm(data));\r\n    };\r\n\r\n    useEffect(() => {\r\n        if (emailState.isMessageSend === true) {\r\n            setSuccess(true);\r\n            setSuccess(false);\r\n        }\r\n    }, [emailState])\r\n\r\n    useEffect(() => {\r\n        if (emailState.isMessageSend === true) {\r\n            const snackbarSuccess: SnackbarModel = {\r\n                message: t('snackbar.successMessage'),\r\n                severity: \"success\",\r\n                show: true\r\n            }\r\n            dispatch(setSnackbar(snackbarSuccess));\r\n            dispatch(resetMessage());\r\n            setNewContact(INIT_CONTACT_MODEL);\r\n            setEmailError(\"\");\r\n            setValidated(false);\r\n        } else if (emailState.isMessageSend === false && validated === false) {\r\n            const snackbarError: SnackbarModel = {\r\n                message: emailState.errorMessage,\r\n                severity: \"error\",\r\n                show: true\r\n            }\r\n            dispatch(setSnackbar(snackbarError));\r\n            dispatch(resetMessage());\r\n        }\r\n    }, [emailState])\r\n\r\n    return (\r\n        <div className=\"contactUsPage_container\">\r\n            <span className=\"contactUsPage_big-circle\"></span>\r\n            <img src={logo} alt=\"logo\" className=\"contactUsPage_square\" />\r\n            <div className=\"contactUsPage_form\">\r\n                <div className=\"contactUsPage_contact-info\">\r\n                    <h3 className=\"contactUsPage_title\">{t('contactUs.title')}</h3>\r\n                    <p className=\"contactUsPage_text\">{t('homePage.aboutUsContetn1')}</p>\r\n                    <div className=\"contactUsPage_info\">\r\n                        <div className=\"contactUsPage_information\">\r\n                            <i className=\"fas fa-map-marked-alt\" ></i>\r\n                            <p\r\n                                className=\"contactUsPage_info\"\r\n                                onClick={showMapClicked}\r\n                            >\r\n                                {t('homePage.contactAddressContent')}\r\n                            </p>\r\n                        </div>\r\n                        <div className=\"contactUsPage_information \">\r\n                            <i className=\"fas fa-envelope\"></i>\r\n                            <p className=\"contactUsPage_info\">{t('contactUs.contactUsEmail')}</p>\r\n                        </div>\r\n                        <div className=\"contactUsPage_information\">\r\n                            <i className=\"fas fa-phone-square-alt\"></i>\r\n                            <p className=\"contactUsPage_info\">{t('homePage.contactPhoneContent')}</p>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"contactUsSection_social-media\">\r\n                        <p>{t('contactUs.socialMedia')}</p>\r\n                        <div className=\"contactUsSection_social-icon\">\r\n                            <a href=\"https://www.facebook.com/midenasit\">\r\n                                <i className=\"fab fa-facebook-f contactUsSection_facebook\" />\r\n                            </a>\r\n                            <a href=\"https://www.instagram.com/it_midenas/\">\r\n                                <i className=\"fab fa-instagram contactUsSection_instagram\" />\r\n                            </a>\r\n                            <a href=\"https://www.linkedin.com/company/midenas-doo/about/\">\r\n                                <i className=\"fab fa-linkedin-in contactUsSection_linkedIn\" />\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className=\"contactUsPage_contact-form\">\r\n                    <span className=\"contactUsSection_circle one\"></span>\r\n                    <span className=\"contactUsSection_circle two\"></span>\r\n                    <Form\r\n                        action=\"index.html\"\r\n                        className=\"contactUsSection_form\"\r\n                        noValidate\r\n                        validated={validated}\r\n                        onSubmit={handleSubmit}\r\n                    >\r\n                        <div className=\"contactUsPage_input-container focus\">\r\n                            <Form.Control\r\n                                placeholder={t('contactUs.firstName')}\r\n                                name=\"FirstName\"\r\n                                className=\"contactUsSection_inputs\"\r\n                                type=\"text\"\r\n                                aria-describedby=\"inputGroupPrepend\"\r\n                                required\r\n                                onChange={(e) => handleInputChange(e)}\r\n                                value={newContact.firstName}\r\n                            />\r\n                            <Form.Control.Feedback className=\"formControl_feedback\" type=\"invalid\">\r\n                                {t('contactUs.enterFirstName')}\r\n                            </Form.Control.Feedback>\r\n                        </div>\r\n                        <div className=\"contactUsPage_input-container focus\">\r\n                            <Form.Control\r\n                                name=\"LastName\"\r\n                                placeholder={t('contactUs.lastName')}\r\n                                className=\"contactUsSection_inputs\"\r\n                                type=\"text\"\r\n                                aria-describedby=\"inputGroupPrepend\"\r\n                                required\r\n                                onChange={(e) => handleInputChange(e)}\r\n                                value={newContact.lastName}\r\n                            />\r\n                            <Form.Control.Feedback className=\"formControl_feedback\" type=\"invalid\">\r\n                                {t('contactUs.enterLastName')}\r\n                            </Form.Control.Feedback>\r\n                        </div>\r\n                        <div className=\"contactUsPage_input-container focus\">\r\n                            <Form.Control\r\n                                name=\"Email\"\r\n                                placeholder={t('contactUs.email')}\r\n                                color=\"white\"\r\n                                className=\"contactUsSection_inputs\"\r\n                                type=\"email\"\r\n                                aria-describedby=\"inputGroupPrepend\"\r\n                                required\r\n                                onChange={(e) => handleInputChange(e)}\r\n                                value={newContact.email}\r\n                            />\r\n                            <Form.Control.Feedback className=\"formControl_feedback\" type=\"invalid\">\r\n                                {t('contactUs.enterEmail')}\r\n                            </Form.Control.Feedback>\r\n                        </div>\r\n                        <div className=\"contactUsPage_input-container textarea focus\">\r\n                            <Form.Control\r\n                                className=\"contactUsSection_inputs\"\r\n                                as=\"textarea\"\r\n                                rows={3}\r\n                                placeholder={t('contactUs.message')}\r\n                                name=\"Message\"\r\n                                onChange={(e) => handleInputChange(e)}\r\n                                value={newContact.message}\r\n                                required\r\n                            />\r\n                            <Form.Control.Feedback type=\"invalid\">\r\n                                {t('contactUs.enterMessage')}\r\n                            </Form.Control.Feedback>\r\n                        </div>\r\n                        <Button\r\n                            variant=\"contained\"\r\n                            onClick={(e) => handleSubmit(e)}\r\n                            type=\"submit\"\r\n                            className=\"contactUsPage_btn\"\r\n                        >\r\n                            {t('buttons.send')}\r\n                        </Button>\r\n                    </Form>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n};","import React from 'react';\r\nimport Footer from '../../footer/footer';\r\nimport Header from '../../navigations/header/header';\r\nimport ContactUsSection from './contactUsSection';\r\n\r\nexport default function ContactPage() {\r\n    return (\r\n        <>\r\n            <Header />\r\n            <ContactUsSection />\r\n            <Footer />\r\n        </>\r\n    );\r\n};","export default __webpack_public_path__ + \"static/media/avatar.38fbf94a.png\";","import styled from 'styled-components';\r\n\r\nexport const HamburgerBtnInvoice = styled.button`\r\n        position: relative;\r\n        border: none;\r\n        background: transparent;\r\n        width: 2rem;\r\n        height: 3px;\r\n        cursor: pointer;\r\n        display: none;\r\n\r\n        @media only Screen and (max-width:48em){\r\n            display: inline-block;\r\n        }\r\n        &::before,\r\n        &::after{\r\n            content: \"\";\r\n            background-color: #000;\r\n            width: 2rem;\r\n            height: 2px;\r\n            display: inline-block;\r\n            position: absolute;\r\n            left: 0;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            margin-top: 15px;\r\n        }\r\n        &::before{\r\n            top: ${props => (props.clicked ? \"0\" : \"-0.5rem\")};\r\n            transform: ${props => (props.clicked ? \"rotate(135deg)\" : \"rotate(0)\")};\r\n        }\r\n        &::after{\r\n            top: ${props => (props.clicked ? \"0\" : \"0.5rem\")};\r\n            transform: ${props => (props.clicked ? \"rotate(-135deg)\" : \"rotate(0)\")};\r\n        }\r\n    `;\r\n\r\nexport const MobileMenuInvoice = styled.nav`\r\n        display: flex;\r\n        flex-direction: column;\r\n        background: #1a1d1e;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 2rem 0;\r\n        position: absolute;\r\n        top: 200%;\r\n        left: 0;\r\n        right: 0;\r\n        opacity: ${props => (\r\n        props.clicked ? \"1\" : 0\r\n    )};\r\n        visibility: ${props => (\r\n        props.clicked ? \"visible\" : \"hidden\"\r\n    )};\r\n    border-radius: 20px;\r\n    margin: 0.5rem;\r\n    overflow-x: hidden;\r\n    a{\r\n            color: #fff;\r\n            font-weight: 600;\r\n            font-size: 1.5rem;\r\n            margin: 1.5rem;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n        }\r\n`;","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useState } from 'react';\r\nimport {\r\n    profile as profileRoute,\r\n    homePage as homePageRoute,\r\n    dashboard as dashboardRoute,\r\n    addInvoice as addInvoiceRoute,\r\n    passwordChange as passwordChangeRoute,\r\n    addClient as addClientRoute,\r\n    template as templateRoute\r\n}\r\n    from \"../../app/routes\";\r\nimport rsIcon from \"../../images/serbia.png\";\r\nimport ukIcon from \"../../images/uk.png\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport {\r\n    HamburgerBtnInvoice,\r\n    MobileMenuInvoice\r\n}\r\n    from '../dashboard/dashboardStyle';\r\nimport { HiTemplate } from 'react-icons/hi';\r\nimport { Container, Tooltip } from \"@material-ui/core\";\r\nimport { useTranslation } from 'react-i18next';\r\n\r\n\r\nexport default function MobileMenu() {\r\n    const history = useHistory();\r\n    const { i18n, t } = useTranslation();\r\n\r\n    const lngs1 = [\r\n        { nativeName: 'en', className: 'language_switch_header', icon: ukIcon },\r\n        { nativeName: 'rs', className: 'language_switch_header', icon: rsIcon }\r\n    ];\r\n\r\n    const [click, setClick] = useState(false);\r\n\r\n    const handleProfilePage = () => {\r\n        history.push(profileRoute());\r\n    };\r\n\r\n    const handleHomepage = () => {\r\n        history.push(homePageRoute());\r\n    };\r\n\r\n    const handleDashboardPage = () => {\r\n        history.push(dashboardRoute())\r\n    };\r\n\r\n    const handleAddInvoicePage = () => {\r\n        history.push(addInvoiceRoute());\r\n    };\r\n\r\n    const handlePasswordPage = () => {\r\n        history.push(passwordChangeRoute());\r\n    };\r\n\r\n    const handleAddClient = () => {\r\n        history.push(addClientRoute())\r\n    }\r\n\r\n    const handleTemplatePage = () => {\r\n        history.push(templateRoute())\r\n    };\r\n\r\n    return (\r\n        <Container>\r\n            <HamburgerBtnInvoice clicked={click} onClick={() => setClick(!click)}>\r\n                <span></span>\r\n            </HamburgerBtnInvoice>\r\n            <MobileMenuInvoice clicked={click}>\r\n                <a href=\"#\" onClick={handleDashboardPage}>\r\n                    <span className=\"dashboard_icon-mobile\"><i className=\"fas fa-home dashboard_fas\"></i></span>\r\n                    <span className=\"dashboard_title-mobile\">{t('dashboard.dashboardSide')}</span>\r\n                </a>\r\n                <a href=\"#\" onClick={handleAddInvoicePage}>\r\n                    <span className=\"dashboard_icon-mobile\"><i className=\"fas fa-file-alt\"></i></span>\r\n                    <span className=\"dashboard_title\">{t('dashboard.addInvoice')}</span>\r\n                </a>\r\n                <a href=\"#\" onClick={handleAddClient}>\r\n                    <span className=\"dashboard_icon-mobile\"><i className=\"fas fa-users\"></i></span>\r\n                    <span className=\"dashboard_title\">{t('dashboard.addClient')}</span>\r\n                </a>\r\n                <a href=\"#\" onClick={handleTemplatePage}>\r\n                    <span className=\"dashboard_icon-mobile\"><HiTemplate style={{ fontSize: '40px', color: 'white' }} /></span>\r\n                    <span className=\"dashboard_title\">{t('dashboard.template')}</span>\r\n                </a>\r\n                <a href=\"#\" onClick={handleProfilePage}>\r\n                    <span className=\"dashboard_icon-mobile\"><i className=\"fas fa-users\"></i></span>\r\n                    <span className=\"dashboard_title\">{t('dashboard.profileSide')}</span>\r\n                </a>\r\n                <a href=\"#\" onClick={handlePasswordPage}>\r\n                    <span className=\"dashboard_icon-mobile\"><i className=\"fas fa-lock\"></i></span>\r\n                    <span className=\"dashboard_title\">{t('dashboard.passwordSide')}</span>\r\n                </a>\r\n                <a href=\"#\" onClick={handleHomepage}>\r\n                    <span className=\"dashboard_icon-mobile\"><i className=\"fas fa-sign-out-alt\"></i></span>\r\n                    <span className=\"dashboard_title\">{t('dashboard.signOutSide')}</span>\r\n                </a>\r\n                <div>\r\n                    {lngs1.map((lng) => (\r\n                        <Tooltip\r\n                            key={lng.nativeName}\r\n                            title={lng.nativeName === 'en' ? 'UK' : 'RS'}\r\n                            placement=\"bottom\"\r\n                        >\r\n                            <button\r\n                                key={lng.nativeName}\r\n                                className={lng.className}\r\n                                style={{ fontWeight: i18n.resolvedLanguage === lng.nativeName ? 'bold' : 'normal' }}\r\n                                type=\"submit\"\r\n                                onClick={() => i18n.changeLanguage(lng.nativeName)}\r\n                            >\r\n                                <img\r\n                                    key={lng.nativeName}\r\n                                    src={lng.icon}\r\n                                    alt={lng.nativeName}\r\n                                />\r\n                            </button>\r\n                        </Tooltip>\r\n                    ))}\r\n                </div>\r\n            </MobileMenuInvoice>\r\n        </Container>\r\n    );\r\n};","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport {\r\n    dashboard as dashboardRoute,\r\n    profile as profileRoute,\r\n    homePage as homePageRoute,\r\n    addInvoice as addInvoiceRoute,\r\n    passwordChange as passwordChangeRoute,\r\n    addClient as addClientRoute,\r\n    template as templateRoute\r\n}\r\n    from \"../../app/routes\";\r\nimport Logo from \"../../images/Logo.png\";\r\nimport { HiTemplate } from 'react-icons/hi';\r\n\r\nexport default function DashboardSidebar() {\r\n    const { t } = useTranslation();\r\n    const history = useHistory();\r\n\r\n    const handleProfilePage = () => {\r\n        history.push(profileRoute())\r\n    };\r\n\r\n    const handleMainDashboard = () => {\r\n        history.push(dashboardRoute())\r\n    };\r\n\r\n    const handleHomepage = () => {\r\n        history.push(homePageRoute())\r\n    };\r\n\r\n    const handleAddInvoicePage = () => {\r\n        history.push(addInvoiceRoute())\r\n    };\r\n\r\n    const handlePasswordChange = () => {\r\n        history.push(passwordChangeRoute())\r\n    };\r\n\r\n    const handleAddClient = () => {\r\n        history.push(addClientRoute())\r\n    };\r\n\r\n    const handleTemplate = () => {\r\n        history.push(templateRoute())\r\n    };\r\n\r\n    return (\r\n        <ul>\r\n            <li>\r\n                <a href=\"#\">\r\n                    <img src={Logo} alt=\"CodeBucks\" className=\"dasboard_logo\" />\r\n                </a>\r\n            </li>\r\n            <li>\r\n                <a href=\"#\" onClick={handleMainDashboard}>\r\n                    <span className=\"dashboard_icon\"><i className=\"fas fa-home dashboard_fas\"></i></span>\r\n                    <span className=\"dashboard_title\">{t('dashboard.dashboardSide')}</span>\r\n                </a>\r\n            </li>\r\n            <li>\r\n                <a href=\"#\" onClick={handleAddInvoicePage}>\r\n                    <span className=\"dashboard_icon\"><i className=\"fas fa-file-alt\"></i></span>\r\n                    <span className=\"dashboard_title\">{t('dashboard.addInvoice')}</span>\r\n                </a>\r\n            </li>\r\n            <li>\r\n                <a href=\"#\" onClick={handleAddClient}>\r\n                    <span className=\"dashboard_icon\"><i className=\"fas fa-user\"></i></span>\r\n                    <span className=\"dashboard_title\">{t('dashboard.addClient')}</span>\r\n                </a>\r\n            </li>\r\n            <li>\r\n                <a href=\"#\" onClick={handleTemplate}>\r\n                    <span className=\"dashboard_icon\"><HiTemplate style={{fontSize: '20px'}}/></span>\r\n                    <span className=\"dashboard_title\">{t('dashboard.template')}</span>\r\n                </a>\r\n            </li>\r\n            <li>\r\n                <a href=\"#\" onClick={handleProfilePage}>\r\n                    <span className=\"dashboard_icon\"><i className=\"fas fa-users\"></i></span>\r\n                    <span className=\"dashboard_title\">{t('dashboard.profileSide')}</span>\r\n                </a>\r\n            </li>\r\n            <li>\r\n                <a href=\"#\" onClick={handlePasswordChange}>\r\n                    <span className=\"dashboard_icon\"><i className=\"fas fa-lock\"></i></span>\r\n                    <span className=\"dashboard_title\">{t('dashboard.passwordSide')}</span>\r\n                </a>\r\n            </li>\r\n            <li>\r\n                <a href=\"#\" onClick={handleHomepage}>\r\n                    <span className=\"dashboard_icon\"><i className=\"fas fa-sign-out-alt\"></i></span>\r\n                    <span className=\"dashboard_title\">{t('dashboard.signOutSide')}</span>\r\n                </a>\r\n            </li>\r\n        </ul>\r\n    );\r\n};","import React from 'react'\r\nimport Autocomplete from '@material-ui/lab/Autocomplete';\r\nimport { TextField } from '@material-ui/core';\r\n\r\ninterface Props {\r\n    placeholder: string;\r\n    options: any;\r\n};\r\n\r\nexport default function CustomSelect({\r\n    placeholder,\r\n    options,\r\n}: Props) {\r\n\r\n    return (\r\n        <Autocomplete\r\n            id=\"combo-box-demo\"\r\n            options={options}\r\n            renderInput={(params) =>\r\n                <TextField\r\n                    {...params}\r\n                    label={placeholder}\r\n                    variant=\"outlined\"\r\n                    size=\"small\"\r\n                />\r\n            }\r\n        />\r\n    );\r\n};","import { Paper } from '@material-ui/core';\r\nimport React, { useState } from 'react';\r\nimport {\r\n    Col,\r\n    Container,\r\n    Form,\r\n    Modal,\r\n    Row\r\n} from 'react-bootstrap';\r\nimport { useTranslation } from 'react-i18next';\r\nimport CustomSelect from '../../../components/customSelect/customSelect';\r\nimport ClientModel from '../../../models/clientModel';\r\n\r\nconst languageOptions = [\r\n    { value: 'serbian', label: 'Serbian' },\r\n    { value: 'english', label: 'English' },\r\n    { value: 'german', label: 'German' }\r\n];\r\n\r\nconst currencyOptions = [\r\n    { value: 'dinar', label: 'RSD' },\r\n    { value: 'euro', label: 'EU' },\r\n    { value: 'dollar', label: 'USD' }\r\n];\r\n\r\nconst cityOptions = [\r\n    { value: 'beograd', label: 'Beograd' },\r\n    { value: 'noviSad', label: 'Novi Sad' },\r\n    { value: 'odzaci', label: 'Odzaci' }\r\n];\r\n\r\nexport default function AddClient() {\r\n    const { t } = useTranslation();\r\n\r\n    const INIT_NEW_CLIENT: ClientModel = {\r\n        CompanyName: \"\",\r\n        TaxId: \"\",\r\n        IdNumber: \"\",\r\n        ServiceId: \"\",\r\n        DocumentLanguage: \"\",\r\n        Currency: \"\",\r\n        City: \"\",\r\n        Street: \"\",\r\n        Number: \"\",\r\n        PostalCode: \"\"\r\n    };\r\n\r\n    const [newClient, setNewClient] = useState<ClientModel>(INIT_NEW_CLIENT);\r\n\r\n    const handleChangeClient = (e: any) => {\r\n        const value = e.target.value;\r\n        const name = e.target.name;\r\n        setNewClient({ ...newClient, [name]: value })\r\n    };\r\n\r\n    return (\r\n        <Container\r\n            fluid=\"sm\"\r\n            className=\"addInvoice_container\"\r\n        >\r\n            <Paper style={{padding: \"20px\"}} elevation={3}>\r\n                <div className=\"addInvoice_title\">\r\n                    {t('addClient.addClientTitle')}\r\n                </div>\r\n                <Row>\r\n                    <Col sm className=\"addInvoice_inputGroup mt-4\">\r\n                        <Form.Group>\r\n                            <Form.Label>{t('addClient.companyName')}</Form.Label>\r\n                            <Form.Control\r\n                                name=\"CompanyName\"\r\n                                onChange={(e) => handleChangeClient(e)}\r\n                                value={newClient.CompanyName}\r\n                            />\r\n                        </Form.Group>\r\n                    </Col>\r\n                    <Col sm className=\"addInvoice_inputGroup mt-4\">\r\n                        <Form.Group>\r\n                            <Form.Label>{t('addClient.pib')}</Form.Label>\r\n                            <Form.Control\r\n                                name=\"TaxId\"\r\n                                onChange={(e) => handleChangeClient(e)}\r\n                                value={newClient.TaxId}\r\n                            />\r\n                        </Form.Group>\r\n                    </Col>\r\n                </Row>\r\n                <Row>\r\n                    <Col sm className=\"addInvoice_inputGroup mt-4\">\r\n                        <Form.Group>\r\n                            <Form.Label>{t('addClient.id')}</Form.Label>\r\n                            <Form.Control\r\n                                name=\"IdNumber\"\r\n                                onChange={(e) => handleChangeClient(e)}\r\n                                value={newClient.IdNumber}\r\n                            />\r\n                        </Form.Group>\r\n                    </Col>\r\n                    <Col sm className=\"addInvoice_inputGroup mt-4\">\r\n                        <Form.Group>\r\n                            <Form.Label>{t('addClient.serviceId')}</Form.Label>\r\n                            <Form.Control\r\n                                name=\"ServiceId\"\r\n                                onChange={(e) => handleChangeClient(e)}\r\n                                value={newClient.ServiceId}\r\n                            />\r\n                        </Form.Group>\r\n                    </Col>\r\n                </Row>\r\n                <Row >\r\n                    <Col sm className=\"addInvoice_inputGroup mt-4\">\r\n                        <Form.Group>\r\n                            <Form.Label>{t('addClient.documentLanguage')}</Form.Label>\r\n                            <CustomSelect\r\n                                options={languageOptions}\r\n                                placeholder={t('placeholder.chooseLanguage')}\r\n                            />\r\n                        </Form.Group>\r\n                    </Col>\r\n                    <Col sm className=\"addInvoice_inputGroup mt-4\">\r\n                        <Form.Group>\r\n                            <Form.Label>{t('addClient.currency')}</Form.Label>\r\n                            <CustomSelect\r\n                                options={currencyOptions}\r\n                                placeholder={t('placeholder.chooseCurrency')}\r\n                            />\r\n                        </Form.Group>\r\n                    </Col>\r\n                </Row>\r\n                <Row>\r\n                    <Col sm className=\"addInvoice_inputGroup mt-4\">\r\n                        <Form.Group>\r\n                            <Form.Label>{t('addClient.city')}</Form.Label>\r\n                            <CustomSelect\r\n                                options={cityOptions}\r\n                                placeholder={t('placeholder.chooseCity')}\r\n                            />\r\n                        </Form.Group>\r\n                    </Col>\r\n                    <Col sm className=\"addInvoice_inputGroup mt-4\">\r\n                        <Form.Group>\r\n                            <Form.Label>{t('addClient.street')}</Form.Label>\r\n                            <Form.Control\r\n                                name=\"Street\"\r\n                                onChange={(e) => handleChangeClient(e)}\r\n                                value={newClient.Street}\r\n                            />\r\n                        </Form.Group>\r\n                    </Col>\r\n                    <Col sm className=\"addInvoice_inputGroup mt-4\">\r\n                        <Form.Group>\r\n                            <Form.Label>{t('addClient.number')}</Form.Label>\r\n                            <Form.Control\r\n                                name=\"Number\"\r\n                                onChange={(e) => handleChangeClient(e)}\r\n                                value={newClient.Number}\r\n                            />\r\n                        </Form.Group>\r\n                    </Col>\r\n                    <Col sm className=\"addInvoice_inputGroup mt-4\">\r\n                        <Form.Group>\r\n                            <Form.Label>{t('addClient.postalCode')}</Form.Label>\r\n                            <Form.Control\r\n                                name=\"PostalCode\"\r\n                                onChange={(e) => handleChangeClient(e)}\r\n                                value={newClient.PostalCode}\r\n                            />\r\n                        </Form.Group>\r\n                    </Col>\r\n                </Row>\r\n                <Row className=\"mt-4\">\r\n                    <Col sm>\r\n                        <Modal.Footer className=\"allInvoices_dashboard-footer\">\r\n                            <button\r\n                                className=\"addInvoice_clearButton\"\r\n                            >\r\n                                {t('buttons.clear')}\r\n                            </button>\r\n                            <button\r\n                                className=\"addInvoice_saveButton\"\r\n                            >\r\n                                {t('buttons.save')}\r\n                            </button>\r\n                        </Modal.Footer>\r\n                    </Col>\r\n                </Row>\r\n            </Paper>\r\n        </Container>\r\n    );\r\n};","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react';\r\nimport user from '../../../images/avatar.png';\r\nimport {\r\n    alpha,\r\n    makeStyles,\r\n    createStyles\r\n} from '@material-ui/core/styles';\r\nimport { useTranslation } from 'react-i18next';\r\nimport rsIcon from \"../../../images/serbia.png\";\r\nimport ukIcon from \"../../../images/uk.png\";\r\nimport MobileMenu from '../../mobileMenu/mobileMenu';\r\nimport SearchIcon from '@material-ui/icons/Search';\r\nimport {\r\n    InputBase,\r\n    Tooltip\r\n}\r\n    from \"@material-ui/core\";\r\nimport DashboardSidebar from '../../dashboardSidebar/dashboardSidebar';\r\nimport AddClient from './addClient';\r\nimport '../dashboard.css';\r\n\r\nconst useStyles = makeStyles((theme) =>\r\n    createStyles({\r\n        search: {\r\n            border: '1px solid gray',\r\n            borderRadius: '40px',\r\n            position: 'relative',\r\n            backgroundColor: alpha(theme.palette.common.white, 0.15),\r\n            '&:hover': {\r\n                backgroundColor: alpha(theme.palette.common.white, 0.25),\r\n            },\r\n            marginRight: theme.spacing(2),\r\n            marginLeft: 0,\r\n            width: '100%',\r\n            [theme.breakpoints.up('sm')]: {\r\n                marginLeft: theme.spacing(3),\r\n                width: 'auto',\r\n            },\r\n        },\r\n        searchIcon: {\r\n            padding: theme.spacing(0, 2),\r\n            height: '100%',\r\n            position: 'absolute',\r\n            pointerEvents: 'none',\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'center',\r\n        },\r\n        inputRoot: {\r\n            color: 'inherit',\r\n        },\r\n        inputInput: {\r\n            padding: theme.spacing(1, 1, 1, 0),\r\n            paddingLeft: `calc(1em + ${theme.spacing(4)}px)`,\r\n            transition: theme.transitions.create('width'),\r\n            width: '100%',\r\n            [theme.breakpoints.up('md')]: {\r\n                width: '20ch',\r\n            },\r\n        },\r\n        sectionDesktop: {\r\n            display: 'none',\r\n            [theme.breakpoints.up('md')]: {\r\n                display: 'flex',\r\n            },\r\n        },\r\n        sectionMobile: {\r\n            display: 'flex',\r\n            [theme.breakpoints.up('md')]: {\r\n                display: 'none',\r\n            },\r\n        },\r\n    }),\r\n);\r\n\r\nexport default function AddClientPage() {\r\n    const classes = useStyles();\r\n    const { i18n } = useTranslation();\r\n\r\n    const lngs1 = [\r\n        { nativeName: 'en', className: 'language_switch_header', icon: ukIcon },\r\n        { nativeName: 'rs', className: 'language_switch_header', icon: rsIcon }\r\n    ];\r\n\r\n    return (\r\n        <div className=\"dashboard_container\">\r\n            <div className=\"dashboard_navigation\">\r\n                <DashboardSidebar />\r\n            </div>\r\n            <div className=\"dashboard_main\">\r\n                <div className=\"dashboard_topbar\">\r\n                    <div className=\"dasboard_toggle\">\r\n                        <div className=\"dashboard_language\">\r\n                            {lngs1.map((lng) => (\r\n                                <Tooltip\r\n                                    key={lng.nativeName}\r\n                                    title={lng.nativeName === 'en' ? 'UK' : 'RS'}\r\n                                    placement=\"bottom\"\r\n                                >\r\n                                    <button\r\n                                        className={lng.className}\r\n                                        key={lng.nativeName}\r\n                                        style={{ fontWeight: i18n.resolvedLanguage === lng.nativeName ? 'bold' : 'normal' }}\r\n                                        type=\"submit\"\r\n                                        onClick={() => i18n.changeLanguage(lng.nativeName)}\r\n                                    >\r\n                                        <img\r\n                                            key={lng.nativeName}\r\n                                            src={lng.icon}\r\n                                            alt={lng.nativeName}\r\n                                        />\r\n                                    </button>\r\n                                </Tooltip>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"dashboard_search\">\r\n                        <div className={classes.search}>\r\n                            <div className={classes.searchIcon}>\r\n                                <SearchIcon />\r\n                            </div>\r\n                            <InputBase\r\n                                placeholder=\"Search Here...\"\r\n                                classes={{\r\n                                    root: classes.inputRoot,\r\n                                    input: classes.inputInput,\r\n                                }}\r\n                                inputProps={{ 'aria-label': 'search' }}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"dashboard_user\">\r\n                        <img\r\n                            src={user}\r\n                            alt=\"\"\r\n                            className=\"dashboard_userLogo\"\r\n                        />\r\n                    </div>\r\n                </div>\r\n                <AddClient />\r\n            </div>\r\n            <MobileMenu />\r\n        </div>\r\n    );\r\n};","import React from 'react';\r\nimport { Grid } from '@material-ui/core';\r\nimport { Form, InputGroup, Modal } from 'react-bootstrap';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\ninterface Props {\r\n    show: boolean;\r\n    onHide: () => void;\r\n    modalClose: any;\r\n    handleChange: any;\r\n};\r\n\r\nexport default function MenageTheColumnsModal({\r\n    show,\r\n    onHide,\r\n    modalClose,\r\n    handleChange\r\n}: Props) {\r\n    const { t } = useTranslation();\r\n\r\n    return (\r\n        <>\r\n            <Modal\r\n                show={show}\r\n                onHide={onHide}\r\n                size='sm'\r\n                dialogClassName=\"allInvoicesModal_modal\"\r\n            >\r\n                <Modal.Header\r\n                    closeButton\r\n                    className=\"allInvoices_dashboard-header\"\r\n                    style={{ background: \"#849BA4\" }}\r\n                >\r\n                    <Modal.Title className=\"modal_title\">\r\n                        {t('columnsModal.manageColumns')}\r\n                    </Modal.Title>\r\n                </Modal.Header>\r\n                <Modal.Body>\r\n                    <InputGroup className=\"mb-3\">\r\n                        <Form.Check\r\n                            disabled\r\n                            checked={true}\r\n                            onChange={(e) => handleChange(e)}\r\n                            name=\"NameOfService\"\r\n\r\n                        />\r\n                        <Form.Label\r\n                            style={{ marginLeft: '5px' }}\r\n                            placeholder=\"Unit Of Measure\"\r\n                        >\r\n                            {t('columnsModal.nameOfService')}\r\n                        </Form.Label>\r\n                    </InputGroup>\r\n                    <InputGroup className=\"mb-3\">\r\n                        <Form.Check\r\n                            onChange={(e) => handleChange(e)}\r\n                            name=\"ServiceDescription\"\r\n                        />\r\n                        <Form.Label\r\n                            style={{ marginLeft: '5px' }}\r\n                            placeholder=\"Unit Of Measure\"\r\n                        >\r\n                            {t('columnsModal.serviceDescription')}\r\n                        </Form.Label>\r\n                    </InputGroup>\r\n                    <InputGroup className=\"mb-3\">\r\n                        <Form.Check\r\n                            disabled\r\n                            checked={true}\r\n                            name=\"UnitOfMeasure\"\r\n\r\n                        />\r\n                        <Form.Label\r\n                            style={{ marginLeft: '5px' }}\r\n                            placeholder=\"Unit Of Measure\"\r\n                        >\r\n                            {t('columnsModal.unitOfMeasure')}\r\n                        </Form.Label>\r\n                    </InputGroup>\r\n                    <InputGroup className=\"mb-3\">\r\n                        <Form.Check\r\n                            disabled\r\n                            checked={true}\r\n                            onChange={(e) => handleChange(e)}\r\n                            name=\"Quantity\"\r\n\r\n                        />\r\n                        <Form.Label\r\n                            style={{ marginLeft: '5px' }}\r\n                        >\r\n                            {t('columnsModal.quanity')}\r\n                        </Form.Label>\r\n                    </InputGroup>\r\n                    <InputGroup className=\"mb-3\">\r\n                        <Form.Check\r\n                            name=\"Rabat\"\r\n                            onClick={(e) => handleChange(e)}\r\n                        />\r\n                        <Form.Label\r\n                            style={{ marginLeft: '5px' }}\r\n                            placeholder=\"Unit Of Measure\"\r\n                        >\r\n                            {t('columnsModal.rabat')}\r\n                        </Form.Label>\r\n                    </InputGroup>\r\n                </Modal.Body>\r\n                <Modal.Footer>\r\n                    <Grid item xs={12}>\r\n                        <button\r\n                            className=\"allInvoicesModal_dashboard-closeButton\"\r\n                            onClick={modalClose}\r\n                            style={{ float: \"left\" }}\r\n                        >\r\n                            {t('buttons.close')}\r\n                        </button>\r\n                        <button\r\n                            className=\"allInvoicesModal_dashboard-saveButton\"\r\n                            onClick={modalClose}\r\n                            style={{ float: \"right\" }}\r\n                        >\r\n                            {t('buttons.save')}\r\n                        </button>\r\n                    </Grid>\r\n                </Modal.Footer>\r\n            </Modal>\r\n        </>\r\n    );\r\n};","import React from 'react';\r\nimport { Accordion, Form } from 'react-bootstrap';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nexport default function MenageTableDataAccordion() {\r\n    const { t } = useTranslation();\r\n    return (\r\n        <>\r\n            <Accordion>\r\n                <Accordion.Item eventKey=\"0\">\r\n                    <Accordion.Header>{t('menageTableAccordion.nameOfService')}</Accordion.Header>\r\n                    <Accordion.Body>\r\n                        <Form.Group>\r\n                            <Form.Label>{t('menageTableAccordion.title')}</Form.Label>\r\n                            <Form.Control\r\n                                name=\"NameOfService_title\"\r\n                                style={{ resize: \"none\" }}\r\n                                type='text'\r\n                            />\r\n                        </Form.Group>\r\n                        <Form.Group className=\"mt-4\"\r\n                        >\r\n                            <Form.Label>{t('menageTableAccordion.description')}</Form.Label>\r\n                            <Form.Control\r\n                                name=\"NameOfService_accordion\"\r\n                                style={{ resize: \"none\" }}\r\n                                as=\"textarea\"\r\n                                rows={4}\r\n                                type='text'\r\n                            />\r\n                        </Form.Group>\r\n                    </Accordion.Body>\r\n                </Accordion.Item>\r\n                <Accordion.Item eventKey=\"1\">\r\n                    <Accordion.Header>{t('menageTableAccordion.serviceDescription')}</Accordion.Header>\r\n                    <Accordion.Body>\r\n                        <Form.Group>\r\n                            <Form.Label>{t('menageTableAccordion.title')}</Form.Label>\r\n                            <Form.Control\r\n                                name=\"ServiceDescription_title\"\r\n                                style={{ resize: \"none\" }}\r\n                                type='text'\r\n                            />\r\n                        </Form.Group>\r\n                        <Form.Group className=\"mt-4\"\r\n                        >\r\n                            <Form.Label>{t('menageTableAccordion.description')}</Form.Label>\r\n                            <Form.Control\r\n                                name=\"ServiceDescription_accordion\"\r\n                                style={{ resize: \"none\" }}\r\n                                as=\"textarea\"\r\n                                rows={4}\r\n                                type='text'\r\n                            />\r\n                        </Form.Group>\r\n                    </Accordion.Body>\r\n                </Accordion.Item>\r\n                <Accordion.Item eventKey=\"2\">\r\n                    <Accordion.Header>{t('menageTableAccordion.unitOfMeasure')}</Accordion.Header>\r\n                    <Accordion.Body>\r\n                        <Form.Group>\r\n                            <Form.Label>{t('menageTableAccordion.title')}</Form.Label>\r\n                            <Form.Control\r\n                                name=\"UnitOfMeasure_title\"\r\n                                style={{ resize: \"none\" }}\r\n                                type='text'\r\n                            />\r\n                        </Form.Group>\r\n                    </Accordion.Body>\r\n                </Accordion.Item>\r\n            </Accordion>\r\n        </>\r\n    );\r\n};","import React from 'react';\r\nimport { Modal } from 'react-bootstrap';\r\nimport MenageTableDataAccordion from '../../menageTableAccordion/menageTableAccordion';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Grid } from '@material-ui/core';\r\n\r\ninterface Props {\r\n    show: boolean;\r\n    onHide: () => void;\r\n    modalClose: any;\r\n};\r\n\r\nexport default function ManageTableDataModal({\r\n    show,\r\n    onHide,\r\n    modalClose,\r\n}: Props) {\r\n    const { t } = useTranslation();\r\n\r\n    return (\r\n        <>\r\n            <Modal\r\n                show={show}\r\n                onHide={onHide}\r\n                size='lg'\r\n                dialogClassName=\"allInvoicesModal_modal\"\r\n            >\r\n                <Modal.Header\r\n                    closeButton\r\n                    className=\"allInvoices_dashboard-header\"\r\n                    style={{ background: \"#849BA4\" }}\r\n                >\r\n                    <Modal.Title className=\"modal_title\">{t('columnsModal.manageColumns')}</Modal.Title>\r\n                </Modal.Header>\r\n                <Modal.Body>\r\n                    <MenageTableDataAccordion />\r\n                </Modal.Body>\r\n                <Modal.Footer>\r\n                    <Grid item xs={12}>\r\n                        <button\r\n                            className=\"allInvoicesModal_dashboard-closeButton\"\r\n                            onClick={modalClose}\r\n                            style={{float: \"left\"}}\r\n                        >\r\n                            {t('buttons.close')}\r\n                        </button>\r\n                        <button\r\n                            className=\"allInvoicesModal_dashboard-saveButton\"\r\n                            onClick={modalClose}\r\n                            style={{float: \"right\"}}\r\n                        >\r\n                            {t('buttons.save')}\r\n                        </button>\r\n                    </Grid>\r\n                </Modal.Footer>\r\n            </Modal>\r\n        </>\r\n    );\r\n};","import React from 'react';\r\nimport DateFnsUtils from '@date-io/date-fns';\r\nimport {\r\n    MuiPickersUtilsProvider,\r\n    KeyboardDatePicker,\r\n} from '@material-ui/pickers';\r\nimport { Grid } from '@material-ui/core';\r\nimport 'date-fns';\r\n\r\ninterface Props {\r\n    selectedDate: any;\r\n    handleDateChange: any;\r\n};\r\n\r\nexport default function DatePickers({\r\n    selectedDate,\r\n    handleDateChange\r\n}: Props) {\r\n\r\n    return (\r\n        <MuiPickersUtilsProvider utils={DateFnsUtils}>\r\n            <Grid container justifyContent=\"space-around\">\r\n                <KeyboardDatePicker\r\n                    style={{ width: \"100%\" }}\r\n                    helperText={false}                \r\n                    error={false}\r\n                    animateYearScrolling={true}\r\n                    disableToolbar\r\n                    variant=\"inline\"\r\n                    format=\"dd/MM/yyyy\"\r\n                    margin=\"normal\"\r\n                    id=\"date-picker-inline\"\r\n                    value={selectedDate}\r\n                    onChange={(date) => handleDateChange(date)}\r\n                    KeyboardButtonProps={{\r\n                        'aria-label': 'change date',\r\n                    }}\r\n                />\r\n            </Grid>\r\n        </MuiPickersUtilsProvider>\r\n    );\r\n};","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport { Col, Form, Table, OverlayTrigger, Tooltip } from 'react-bootstrap';\r\nimport { IoIosAddCircleOutline } from 'react-icons/io';\r\nimport { useTranslation } from 'react-i18next';\r\nimport classNames from 'classnames';\r\nimport './dynamicFormField.css';\r\nimport CustomSelect from '../customSelect/customSelect';\r\n\r\ninterface Props {\r\n    inputFields: any;\r\n    handleChangeInput: any;\r\n    handleAddRow: any;\r\n    handleRemoveRow: any;\r\n    isHiddenRabat: boolean;\r\n    isHiddenServiceDescription: boolean;\r\n};\r\n\r\nconst nameOfServiceOptions = [\r\n    { value: 'service1', label: 'Pružanje usluga zaposlenog Davor Pajić po Ugovoru o poslovnotehničkoj saradnji zaključen dana 01.10.2021.' },\r\n    { value: 'service2', label: 'Service 2' },\r\n    { value: 'service3', label: 'Service 3' },\r\n];\r\nconst serviceDescriptionOptions = [\r\n    { value: 'service1', label: 'Pružanje usluga zaposlenog Davor Pajić po Ugovoru o poslovnotehničkoj saradnji zaključen dana 01.10.2021.' },\r\n    { value: 'service2', label: 'Service 2' },\r\n    { value: 'service3', label: 'Service 3' },\r\n];\r\n\r\nexport default function InvoiceRows({\r\n    inputFields,\r\n    handleChangeInput,\r\n    handleAddRow,\r\n    handleRemoveRow,\r\n    isHiddenRabat,\r\n    isHiddenServiceDescription\r\n}: Props) {\r\n    const { t } = useTranslation();\r\n\r\n    return (\r\n        <div>\r\n            <Table responsive className=\"table table-striped invoiceRows_table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th scope=\"col\">{t('smartInvoicing.no')}</th>\r\n                        <th scope=\"col\">{t('smartInvoicing.nameOfService')}</th>\r\n                        <th scope=\"col\" className={classNames('', { 'dynamicFormField_hidde': isHiddenServiceDescription })}\r\n                        >\r\n                            {t('smartInvoicing.serviceDescription')}\r\n                        </th>\r\n                        <th scope=\"col\">{t('smartInvoicing.unitOfMeasure')}</th>\r\n                        <th scope=\"col\">{t('smartInvoicing.quantity')}</th>\r\n                        <th scope=\"col\">{t('smartInvoicing.price')}</th>\r\n                        <th scope=\"col\" className={classNames('', { 'dynamicFormField_hidde': isHiddenRabat })}\r\n                        >\r\n                            {t('smartInvoicing.rabat')}\r\n                        </th>\r\n                        <th scope=\"col\"></th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    {inputFields.map((addInvoiceInput: any, index: any) => (\r\n                        <tr>\r\n                            <th\r\n                                key={index}\r\n                                scope=\"row\"\r\n                                style={{ width: \"5%\" }}\r\n                            >\r\n                                <Form.Label\r\n                                    key={index}\r\n                                    style={{\r\n                                        fontSize: '18px',\r\n                                        color: '#5a5a5a',\r\n                                        alignSelf: 'center',\r\n                                        alignContent: 'center'\r\n                                    }}\r\n                                >\r\n                                    {addInvoiceInput.RowNumber}\r\n                                </Form.Label>\r\n                            </th>\r\n                            <td\r\n                                style={{ width: '35%' }}\r\n                            >\r\n                                <CustomSelect\r\n                                    options={nameOfServiceOptions}\r\n                                    placeholder={t('placeholder.chooseServiceName')}\r\n                                />\r\n                            </td>\r\n                            <td\r\n                                className={classNames('', { 'dynamicFormField_hidde': isHiddenServiceDescription })}\r\n                                style={{ width: '35%' }}\r\n                            >\r\n                                <Col>\r\n                                    <CustomSelect\r\n                                        options={serviceDescriptionOptions}\r\n                                        placeholder={t('placeholder.chooseServiceDescription')}\r\n                                    />\r\n                                </Col>\r\n                            </td>\r\n                            <td style={{ width: '5%' }} >\r\n                                <Form.Group>\r\n                                    <Form.Control\r\n                                        name=\"UnitOfMeasure\"\r\n                                        type='text'\r\n                                        value={addInvoiceInput.UnitOfMeasure}\r\n                                        onChange={(e) => handleChangeInput(index, e)}\r\n                                    />\r\n                                </Form.Group>\r\n                            </td>\r\n                            <td style={{ width: '5%' }}>\r\n                                <Form.Group>\r\n                                    <Form.Control\r\n                                        name=\"Quantity\"\r\n                                        type='text'\r\n                                        value={addInvoiceInput.Quantity}\r\n                                        onChange={(e) => handleChangeInput(index, e)}\r\n                                    />\r\n                                </Form.Group>\r\n                            </td>\r\n                            <td\r\n                                style={{ width: '8%' }}\r\n                            >\r\n                                <Form.Group>\r\n                                    <Form.Control\r\n                                        className=\"invoiceRow_price\"\r\n                                        name=\"Price\"\r\n                                        type='text'\r\n                                        value={addInvoiceInput.Price}\r\n                                        onChange={(e) => handleChangeInput(index, e)}\r\n                                    />\r\n                                </Form.Group>\r\n                            </td>\r\n                            <td style={{ width: '5%' }}>\r\n                                <Col sm className={classNames('', { 'dynamicFormField_hidde': isHiddenRabat })}>\r\n                                    <Form.Group>\r\n                                        <Form.Control\r\n                                            className=\"invoiceRow_rabat\"\r\n                                            name=\"Rabat\"\r\n                                            type='text'\r\n                                            value={addInvoiceInput.Rabat}\r\n                                            onChange={(e) => handleChangeInput(index, e)}\r\n                                        />\r\n                                    </Form.Group>\r\n                                </Col>\r\n                            </td>\r\n                            <td style={{\r\n                                background: \"white\",\r\n                                verticalAlign: 'middle',\r\n                            }}\r\n                            >\r\n                                {index !== 0 && (\r\n                                    <i\r\n                                        className=\"fas fa-trash dynamicField_icon-remove\"\r\n                                        onClick={(e) => handleRemoveRow(e, index)}\r\n                                    />\r\n                                )}\r\n                            </td>\r\n                        </tr>\r\n                    ))}\r\n                </tbody>\r\n            </Table>\r\n            <OverlayTrigger\r\n                placement=\"bottom\"\r\n                overlay={\r\n                    <Tooltip id=\"tooltip-disabled\">\r\n                        {t('invoiceRows.addRow')}\r\n                    </Tooltip>\r\n                }\r\n            >\r\n                <a href=\"#\">\r\n                    <IoIosAddCircleOutline\r\n                        name=\"dynamicForm_addRow\"\r\n                        className=\"dynamicField_icon-add\"\r\n                        onClick={(e) => handleAddRow(e)}\r\n                    />\r\n                </a>\r\n            </OverlayTrigger>\r\n        </div>\r\n    );\r\n};","import React from 'react';\r\nimport { Container } from 'react-bootstrap';\r\nimport InvoiceRows from './invoiceRows';\r\nimport './dynamicFormField.css';\r\n\r\ninterface Props {\r\n    inputFields: any;\r\n    handleChangeInput: any;\r\n    handleAddRow: any;\r\n    handleRemoveRow: any;\r\n    isHiddenRabat: boolean;\r\n    isHiddenServiceDescription: boolean;\r\n}\r\n\r\nexport default function DynamicFormField({\r\n    inputFields,\r\n    handleChangeInput,\r\n    handleAddRow,\r\n    handleRemoveRow,\r\n    isHiddenRabat,\r\n    isHiddenServiceDescription\r\n}: Props) {\r\n\r\n    return (\r\n        <Container fluid>\r\n            <InvoiceRows\r\n                inputFields={inputFields}\r\n                handleChangeInput={handleChangeInput}\r\n                handleAddRow={handleAddRow}\r\n                handleRemoveRow={handleRemoveRow}\r\n                isHiddenRabat={isHiddenRabat}\r\n                isHiddenServiceDescription={isHiddenServiceDescription}\r\n            />\r\n        </Container>\r\n    );\r\n};","import React from 'react';\r\nimport { Grid } from '@material-ui/core';\r\nimport { Form, Modal } from 'react-bootstrap';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\ninterface Props {\r\n    show: boolean;\r\n    onHide: () => void;\r\n    modalClose: any;\r\n};\r\n\r\nexport default function AddInvoiceCommentModal({\r\n    show,\r\n    onHide,\r\n    modalClose\r\n}: Props) {\r\n    const { t } = useTranslation();\r\n    return (\r\n        <>\r\n            <Modal\r\n                show={show}\r\n                onHide={onHide}\r\n                size='lg'\r\n                dialogClassName=\"allInvoicesModal_modal\"\r\n            >\r\n                <Modal.Header\r\n                    closeButton\r\n                    className=\"allInvoices_dashboard-header\"\r\n                    style={{ background: \"#849BA4\" }}\r\n                >\r\n                    <Modal.Title\r\n                        className=\"modal_title\"\r\n                    >\r\n                        {t('invoiceComment.addNewComment')}\r\n                    </Modal.Title>\r\n                </Modal.Header>\r\n                <Modal.Body>\r\n                    <Form.Group>\r\n                        <Form.Label>{t('invoiceComment.commentTitle')}</Form.Label>\r\n                        <Form.Control\r\n                            name=\"Note\"\r\n                            style={{ resize: \"none\" }}\r\n                            type=\"text\"\r\n                        />\r\n                    </Form.Group>\r\n                    <Form.Group className=\"mt-4\"\r\n                    >\r\n                        <Form.Label>{t('invoiceComment.commentDescription')}</Form.Label>\r\n                        <Form.Control\r\n                            name=\"Note\"\r\n                            style={{ resize: \"none\" }}\r\n                            as=\"textarea\"\r\n                            rows={4}\r\n                            type=\"text\"\r\n                        />\r\n                    </Form.Group>\r\n                </Modal.Body>\r\n                <Modal.Footer>\r\n                    <Grid item xs={12}>\r\n                        <button\r\n                            className=\"allInvoicesModal_dashboard-closeButton\"\r\n                            onClick={modalClose}\r\n                            style={{float: \"left\"}}\r\n                        >\r\n                            {t('buttons.close')}\r\n                        </button>\r\n                        <button\r\n                            className=\"allInvoicesModal_dashboard-saveButton\"\r\n                            onClick={modalClose}\r\n                            style={{float: \"right\"}}\r\n                        >\r\n                            {t('buttons.save')}\r\n                        </button>\r\n                    </Grid>\r\n                </Modal.Footer>\r\n            </Modal>\r\n        </>\r\n    );\r\n};","import React, { useState } from 'react';\r\nimport { Form, Nav, Row } from 'react-bootstrap';\r\nimport InvoiceModel from '../../models/invoiceModel';\r\nimport AddInvoiceCommentModal from '../../features/modals/addInvoiceModals/addInvoiceCommentModal'\r\nimport { useTranslation } from 'react-i18next';\r\nimport CustomSelect from '../customSelect/customSelect';\r\n\r\ninterface Props {\r\n    handleChange: any;\r\n    invoice: InvoiceModel;\r\n}\r\n\r\nexport default function InvoiceComment({\r\n    handleChange,\r\n    invoice\r\n}: Props) {\r\n    const { t } = useTranslation();\r\n    const [addInvoiceCommentModal, setAddInvoiceCommentModal] = useState(false);\r\n    const handleAddInvoiceCommentModal = () => {\r\n        setAddInvoiceCommentModal(true);\r\n    };\r\n    const handleAddInvoiceCommentModalClose = () => {\r\n        setAddInvoiceCommentModal(false);\r\n    };\r\n\r\n    return (\r\n        <Row>\r\n            <Form.Group>\r\n                <Form.Label>\r\n                    {t('invoiceComment.comment')}\r\n                </Form.Label>\r\n                <CustomSelect\r\n                    options={null}\r\n                    placeholder={t('placeholder.chooseComment')}\r\n                />\r\n                <Form.Control\r\n                    className=\"mt-4\"\r\n                    name=\"Comment\"\r\n                    style={{ resize: \"none\" }}\r\n                    as=\"textarea\"\r\n                    rows={4}\r\n                    type='text'\r\n                    onChange={(e) => handleChange(e, \"Comment\")}\r\n                    value={invoice.Comment}\r\n                />\r\n                <Nav.Item>\r\n                    <Nav.Link\r\n                        style={{ color: \"#849AA3\" }}\r\n                        onClick={handleAddInvoiceCommentModal}>\r\n                        {t('invoiceComment.addNewComment')}\r\n                    </Nav.Link>\r\n                </Nav.Item> \r\n            </Form.Group>\r\n            <AddInvoiceCommentModal\r\n                show={addInvoiceCommentModal}\r\n                onHide={() => setAddInvoiceCommentModal(false)}\r\n                modalClose={handleAddInvoiceCommentModalClose}\r\n            />\r\n        </Row>\r\n    );\r\n};","import React from 'react';\r\nimport { Grid } from '@material-ui/core';\r\nimport { Form, Modal } from 'react-bootstrap';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\ninterface Props {\r\n    show: boolean;\r\n    onHide: () => void;\r\n    modalClose: any;\r\n    handleChange: any;\r\n    invoice: any;\r\n};\r\n\r\nexport default function AddInvoiceNoteModal({\r\n    show,\r\n    onHide,\r\n    modalClose,\r\n    handleChange,\r\n    invoice\r\n}: Props) {\r\n    const { t } = useTranslation();\r\n    return (\r\n        <>\r\n            <Modal\r\n                show={show}\r\n                onHide={onHide}\r\n                size='lg'\r\n                dialogClassName=\"allInvoicesModal_modal\"\r\n            >\r\n                <Modal.Header\r\n                    closeButton\r\n                    className=\"allInvoices_dashboard-header\"\r\n                    style={{ background: \"#849BA4\" }}\r\n                >\r\n                    <Modal.Title className=\"modal_title\">{t('invoiceNote.addNewNote')}</Modal.Title>\r\n                </Modal.Header>\r\n                <Modal.Body>\r\n                    <Form.Group>\r\n                        <Form.Label>{t('invoiceNote.noteTitle')}</Form.Label>\r\n                        <Form.Control\r\n                            name=\"Note_modal\"\r\n                            style={{ resize: \"none\" }}\r\n                            type='text'\r\n                        />\r\n                    </Form.Group>\r\n                    <Form.Group className=\"mt-4\">\r\n                        <Form.Label>{t('invoiceNote.noteDescription')}</Form.Label>\r\n                        <Form.Control\r\n                            name=\"Note\"\r\n                            style={{ resize: \"none\" }}\r\n                            as=\"textarea\"\r\n                            rows={4}\r\n                            type='text'\r\n                            onChange={(e) => handleChange(e, \"Note\")}\r\n                            value={invoice.Note}\r\n                        />\r\n                    </Form.Group>\r\n                </Modal.Body>\r\n                <Modal.Footer>\r\n                    <Grid item xs={12}>\r\n                        <button\r\n                            className=\"allInvoicesModal_dashboard-closeButton\"\r\n                            onClick={modalClose}\r\n                            style={{float: \"left\"}}\r\n                        >\r\n                            {t('buttons.close')}\r\n                        </button>\r\n                        <button\r\n                            className=\"allInvoicesModal_dashboard-saveButton\"\r\n                            onClick={modalClose}\r\n                            style={{float: \"right\"}}\r\n                        >\r\n                            {t('buttons.save')}\r\n                        </button>\r\n                    </Grid>\r\n                </Modal.Footer>\r\n            </Modal>\r\n        </>\r\n    );\r\n};","import React, { useState } from 'react';\r\nimport {\r\n    Form,\r\n    Row,\r\n    Nav\r\n} from 'react-bootstrap';\r\nimport AddInvoiceNoteModal from '../../features/modals/addInvoiceModals/addInvoiceNoteModal';\r\nimport InvoiceModel from '../../models/invoiceModel';\r\nimport { useTranslation } from 'react-i18next';\r\nimport CustomSelect from '../customSelect/customSelect';\r\n\r\ninterface Props {\r\n    handleChange: any;\r\n    invoice: InvoiceModel;\r\n};\r\n\r\nexport default function InvoiceNote({\r\n    handleChange,\r\n    invoice,\r\n}: Props) {\r\n    const { t } = useTranslation();\r\n    const [addInvoiceNoteModal, setAddInvoiceNoteModal] = useState(false);\r\n\r\n    const handleAddInvoiceNoteModal = () => {\r\n        setAddInvoiceNoteModal(true);\r\n    };\r\n\r\n    const handleAddInvoiceNoteModalClose = () => {\r\n        setAddInvoiceNoteModal(false);\r\n    };\r\n\r\n    return (\r\n        <Row >\r\n            <Form.Group>\r\n                <Form.Label>\r\n                    {t('invoiceNote.note')}\r\n                </Form.Label>\r\n                <CustomSelect\r\n                    options={null}\r\n                    placeholder={t('placeholder.chooseNote')}\r\n                />\r\n                <Form.Control\r\n                    className=\"mt-4\"\r\n                    name=\"Note\"\r\n                    style={{ resize: \"none\" }}\r\n                    as=\"textarea\"\r\n                    rows={4}\r\n                    type='text'\r\n                    onChange={(e) => handleChange(e, \"Note\")}\r\n                    value={invoice.Note}\r\n                />\r\n                <Nav.Item>\r\n                    <Nav.Link\r\n                        style={{ color: \"#849AA3\" }}\r\n                        onClick={handleAddInvoiceNoteModal}\r\n                    >\r\n                        {t('invoiceNote.addNewNote')}\r\n                    </Nav.Link>\r\n                </Nav.Item>\r\n            </Form.Group>\r\n            <AddInvoiceNoteModal\r\n                show={addInvoiceNoteModal}\r\n                onHide={() => setAddInvoiceNoteModal(false)}\r\n                modalClose={handleAddInvoiceNoteModalClose}\r\n                handleChange={handleChange}\r\n                invoice={invoice}\r\n            />\r\n        </Row>\r\n    );\r\n};","export default function getStringDateWithFormat(date: Date, format = \"datetime\") {\r\n    if (date) {\r\n        var d = new Date(date)\r\n        let month = \"\" + (d.getMonth() + 1);\r\n        let day = \"\" + (d.getDate())\r\n        let year = d.getFullYear()\r\n        let hours = \"\" + (d.getHours())\r\n        let minutes = \"\" + (d.getMinutes())\r\n        let seconds = \"\" + (d.getSeconds())\r\n        if (month.length < 2) {\r\n            month = '0' + month;\r\n        }\r\n        if (day.length < 2) {\r\n            day = '0' + day;\r\n        }\r\n        if (hours.length < 2) {\r\n            hours = '0' + hours;\r\n        }\r\n        if (minutes.length < 2) {\r\n            minutes = '0' + minutes;\r\n        }\r\n        if (seconds.length < 2) {\r\n            seconds = '0' + seconds;\r\n        }\r\n\r\n        var result;\r\n        switch (format) {\r\n            case ('date'):\r\n                result = `${day}-${month}-${year}`;\r\n                break;\r\n            case ('time'):\r\n                result = `${hours}:${minutes}:${seconds}`;\r\n                break;\r\n            default:\r\n                result = `${year}-${month}-${day}\r\n                ${hours}:${minutes}:${seconds}`;\r\n                break;\r\n        }\r\n        return result.replace(/(\\r\\n|\\n|\\r)/gm, \"\").replace(/\\s+/g, \" \");\r\n    } else {\r\n        return '';\r\n    }\r\n\r\n};","import React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { FormControl, Modal } from 'react-bootstrap';\r\nimport { Grid } from '@material-ui/core';\r\nimport CustomSelect from '../../../components/customSelect/customSelect';\r\n\r\ninterface Props {\r\n    show: boolean;\r\n    onHide: () => void;\r\n    modalClose: any;\r\n}\r\n\r\nexport default function ManageDocumentTypeModal({\r\n    show,\r\n    onHide,\r\n    modalClose\r\n}: Props) {\r\n    const { t } = useTranslation();\r\n    return (\r\n        <>\r\n            <Modal\r\n                show={show}\r\n                onHide={onHide}\r\n                size='sm'\r\n            >\r\n                <Modal.Header closeButton className=\"monthInvoices_dashboard-header\" style={{ background: \"#849BA4\" }}>\r\n                    <Modal.Title className=\"modal_title\">Manage Document Types</Modal.Title>\r\n                </Modal.Header>\r\n                <Modal.Body style={{ borderRadius: '40px' }}>\r\n                    <Grid item xs={12}>\r\n                        <CustomSelect placeholder='' options={null} />\r\n                    </Grid>\r\n                    <Grid item xs={12} className=\"mt-3\">\r\n                        <FormControl\r\n                            placeholder=\"Type\"\r\n                        />\r\n                    </Grid>\r\n                </Modal.Body>\r\n                <Modal.Footer>\r\n                    <Grid item xs={12}>\r\n                        <button\r\n                            className=\"monthModal_dashboard-closeButton\"\r\n                            onClick={modalClose}\r\n                            style={{ float: \"left\" }}\r\n                        >\r\n                            {t('buttons.close')}\r\n                        </button>\r\n                        <button\r\n                            className=\"monthModal_dashboard-saveButton\"\r\n                            onClick={modalClose}\r\n                            style={{ float: \"right\" }}\r\n                        >\r\n                            {t('buttons.save')}\r\n                        </button>\r\n                    </Grid>\r\n                </Modal.Footer>\r\n            </Modal>\r\n        </>\r\n    );\r\n};","import React, { useEffect, useState } from 'react';\r\nimport {\r\n    Row,\r\n    Col,\r\n    Container,\r\n    Form,\r\n    Modal,\r\n    FormControl,\r\n    Nav\r\n}\r\n    from 'react-bootstrap';\r\nimport { useTranslation } from 'react-i18next';\r\nimport MenageTheColumnsModal from '../modals/addInvoiceModals/menageTheColumnsModal';\r\nimport ManageTableDataModal from '../modals/addInvoiceModals/manageTableDateModal';\r\nimport AddInvoiceRowModel from '../../models/addInvoiceRowModel';\r\nimport InvoiceModel from '../../models/invoiceModel';\r\nimport DatePickers from '../../components/datePicker/datePicker';\r\nimport DynamicFormField from '../../components/dynamicFormField/dynamicFormField';\r\nimport InvoiceComment from '../../components/dynamicFormField/invoiceComment';\r\nimport InvoiceNote from '../../components/dynamicFormField/invoiceNote';\r\nimport getStringDateWithFormat from '../../utils/dateUtilis';\r\nimport CustomSelect from '../../components/customSelect/customSelect';\r\nimport { Grid, Paper } from '@material-ui/core';\r\nimport ManageDocumentTypeModal from '../modals/addInvoiceModals/manageDocumentTypeModal';\r\nimport './addDocument.css';\r\n\r\nconst clientOptions = [\r\n    { value: 'client1', label: 'Client 1' },\r\n    { value: 'client2', label: 'Client 2' },\r\n    { value: 'client3', label: 'Client 3' }\r\n]\r\n\r\nexport default function AddInvoice() {\r\n    const INIT_TABLE_ROWS: AddInvoiceRowModel = {\r\n        RowNumber: 1,\r\n        NameOfService: \"\",\r\n        ServiceDescription: \"\",\r\n        UnitOfMeasure: \"\",\r\n        Quantity: \"\",\r\n        Price: \"\",\r\n        Rabat: \"\",\r\n        Pdv: \"\",\r\n    };\r\n\r\n    const INIT_NEWINVOICE: InvoiceModel = {\r\n        ClientId: \"\",\r\n        Comment: \"\",\r\n        CommentId: \"\",\r\n        DueDate: \"\",\r\n        InvoiceNumber: \"\",\r\n        InvoiceTable: INIT_TABLE_ROWS,\r\n        IssueDate: \"\",\r\n        Note: \"\",\r\n        NoteId: \"\"\r\n    };\r\n\r\n    const { t } = useTranslation();\r\n    const [tableRows, setTableRows] = useState<AddInvoiceRowModel[]>([INIT_TABLE_ROWS]);\r\n    const [newInvoice, setNewInvoice] = useState<InvoiceModel>(INIT_NEWINVOICE);\r\n    const [menageColumnsModal, setMenageColumnsModal] = useState(false);\r\n    const [menageTableDataModal, setMenageTableDataModal] = useState(false);\r\n    const [menageDocumentTypeModal, setManageDocumentTypeModal] = useState(false);\r\n    const [isHiddenRabat, setIsHiddenRabat] = useState(false);\r\n    const [isDisabledInvoiceNumber, setIsDisabledInvoiceNumber] = useState(false);\r\n    const [isHiddenServiceDescription, setIsHiddenServiceDescription] = useState(false);\r\n\r\n    const handleMenageColumns = () => {\r\n        setMenageColumnsModal(true);\r\n    };\r\n\r\n    const handleMenageColumnsClose = () => {\r\n        setMenageColumnsModal(false);\r\n    };\r\n\r\n    const handleMenageData = () => {\r\n        setMenageTableDataModal(true);\r\n    };\r\n\r\n    const handleMenageDataClose = () => {\r\n        setMenageTableDataModal(false);\r\n    };\r\n\r\n    const handleMenageDocumentType = () => {\r\n        setManageDocumentTypeModal(true);\r\n    };\r\n\r\n    const handleMenageDocumentTypeClose = () => {\r\n        setManageDocumentTypeModal(false);\r\n    };\r\n\r\n    const handleDateOfIssueChange = (date: Date) => {\r\n        const issueDate = getStringDateWithFormat(date);\r\n        var newInvoiceWithDateIssue = { ...newInvoice, IssueDate: issueDate }\r\n        setNewInvoice(newInvoiceWithDateIssue);\r\n    };\r\n\r\n    const handleDueDateChange = (date: Date) => {\r\n        const dueDate = getStringDateWithFormat(date);\r\n        var newInvoiceWithDueDate = { ...newInvoice, DueDate: dueDate }\r\n        setNewInvoice(newInvoiceWithDueDate);\r\n    };\r\n\r\n    const handleChangeInput = (index: number, e: any, name: any) => {\r\n        const value = e.target.value;\r\n        const rowName = e.target.name;\r\n        var newTableRows = [...tableRows];\r\n        var row = newTableRows[index];\r\n        var newRow = { ...row, [rowName]: value };\r\n        newTableRows[index] = newRow;\r\n        var invoiceChanged = newInvoice;\r\n        invoiceChanged.InvoiceTable = newTableRows;\r\n        setNewInvoice(invoiceChanged);\r\n        setTableRows(newTableRows);\r\n    };\r\n\r\n    const handleAddRow = (e: any, index: any) => {\r\n        var rowNumber = tableRows.length + 1;\r\n        var newTableRows = [\r\n            ...tableRows,\r\n            {\r\n                RowNumber: rowNumber,\r\n                NameOfService: \"\",\r\n                ServiceDescription: \"\",\r\n                UnitOfMeasure: \"\",\r\n                Quantity: \"\",\r\n                Price: \"\",\r\n                Rabat: \"\",\r\n                Pdv: \"\",\r\n            }\r\n        ];\r\n        var invoiceChanged = newInvoice;\r\n        invoiceChanged.InvoiceTable = newTableRows;\r\n        setNewInvoice(invoiceChanged);\r\n        setTableRows(newTableRows);\r\n    };\r\n\r\n    const handleRemoveFields = (index: any) => {\r\n        const values = [...tableRows];\r\n        values.splice(index, 1);\r\n        var rowNumber = 1;\r\n        for (var i = 0; i < values.length; i++) {\r\n            values[i].RowNumber = rowNumber;\r\n            rowNumber++;\r\n        }\r\n        var invoiceChanged = newInvoice;\r\n        invoiceChanged.InvoiceTable = values;\r\n        setNewInvoice(invoiceChanged);\r\n        setTableRows(values);\r\n    };\r\n\r\n    const handleCheckboxChange = (e: any) => {\r\n        const checked = e.target.checked;\r\n        const name = e.target.name;\r\n        switch (checked) {\r\n            case false:\r\n                switch (name) {\r\n                    case \"EditInvoiceNumber\":\r\n                        setIsDisabledInvoiceNumber(false);\r\n                        break;\r\n                    case \"ServiceDescription\":\r\n                        setIsHiddenServiceDescription(false);\r\n                        break;\r\n                    case \"Rabat\":\r\n                        setIsHiddenRabat(false);\r\n                        break;\r\n                }\r\n                break;\r\n            case true:\r\n                switch (name) {\r\n                    case \"EditInvoiceNumber\":\r\n                        setIsDisabledInvoiceNumber(true);\r\n                        break;\r\n                    case \"ServiceDescription\":\r\n                        setIsHiddenServiceDescription(true);\r\n                        break;\r\n                    case \"Rabat\":\r\n                        setIsHiddenRabat(true);\r\n                        break;\r\n                }\r\n                break;\r\n        }\r\n    };\r\n\r\n    const onDescriptionChange = (e: any, name: string) => {\r\n        const value = e.target.value;\r\n        if (name === 'Note') {\r\n            var inv = { ...newInvoice };\r\n            inv.Note = value;\r\n            setNewInvoice(inv);\r\n        } if (name === 'Comment') {\r\n            var comm = { ...newInvoice };\r\n            comm.Comment = value;\r\n            setNewInvoice(comm);\r\n        } if (name === 'InvoiceNumber') {\r\n            var num = { ...newInvoice };\r\n            num.InvoiceNumber = value;\r\n            setNewInvoice(num);\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        console.log(newInvoice);\r\n    }, [newInvoice]);\r\n    useEffect(() => {\r\n        console.log(tableRows);\r\n    }, [tableRows])\r\n\r\n    return (\r\n        <Container fluid=\"xxl\" className=\"addInvoice_container\">\r\n            <Paper\r\n                elevation={3}\r\n            >\r\n                <div className=\"addInvoice_title\">\r\n                    {t('smartInvoicing.addInvoice')}\r\n                </div>\r\n                <Row className=\"mt-4\">\r\n                    <Col sm>\r\n                        <Grid item xs={3}>\r\n                            <CustomSelect\r\n                                placeholder={t('placeholder.documentType')}\r\n                                options={null}\r\n                            />\r\n                        </Grid>\r\n                        <Nav.Item>\r\n                            <Nav.Link\r\n                                style={{ color: \"#849AA3\" }}\r\n                                onClick={handleMenageDocumentType}\r\n                            >\r\n                                {t('smartInvoicing.menageDocumentType')}\r\n                            </Nav.Link>\r\n                        </Nav.Item>\r\n                    </Col>\r\n                </Row>\r\n                <Row className=\"mt-4\">\r\n                    <Col sm className=\"addInvoice_inputGroup\">\r\n                        <Form.Label>\r\n                            {t('smartInvoicing.invoiceNumber')}\r\n                        </Form.Label>\r\n                        <FormControl\r\n                            disabled={!isDisabledInvoiceNumber}\r\n                            className=\"addInvoice_invoiceNumber\"\r\n                            name=\"InvoiceNumber\"\r\n                            value={newInvoice.InvoiceNumber}\r\n                            onChange={(e) => onDescriptionChange(e, 'InvoiceNumber')}\r\n\r\n                        />\r\n                        <Form.Group\r\n                            className=\"mb-3 mt-2 addInvoice_checkbox-pdv\"\r\n                            controlId=\"exampleForm.ControlInput1\"\r\n                        >\r\n                            <Form.Check\r\n                                name=\"EditInvoiceNumber\"\r\n                                onClick={(e) => handleCheckboxChange(e)}\r\n                            />\r\n                            <Form.Label style={{ marginLeft: '5px' }}\r\n                            >\r\n                                {t('smartInvoicing.editInvoiceNumber')}\r\n                            </Form.Label>\r\n                        </Form.Group>\r\n                    </Col>\r\n                </Row>\r\n                <Row className=\"mt-4\">\r\n                    <Col sm>\r\n                        <Form.Label>{t('smartInvoicing.dateOfIssue')}</Form.Label>\r\n                        <DatePickers\r\n                            handleDateChange={handleDateOfIssueChange}\r\n                            selectedDate={newInvoice.IssueDate}\r\n                        />\r\n                    </Col>\r\n                    <Col sm>\r\n                        <Form.Label>{t('smartInvoicing.dueDate')}</Form.Label>\r\n                        <DatePickers\r\n                            handleDateChange={handleDueDateChange}\r\n                            selectedDate={newInvoice.DueDate}\r\n                        />\r\n                    </Col>\r\n                </Row>\r\n                <Row className=\"mt-4\">\r\n                    <Col sm>\r\n                        <Form.Group\r\n                            className=\"mb-3\"\r\n                            controlId=\"exampleForm.ControlInput1\"\r\n                        >\r\n                            <Form.Label>{t('smartInvoicing.client')}</Form.Label>\r\n                            <CustomSelect\r\n                                options={clientOptions}\r\n                                placeholder={t('placeholder.chooseClient')}\r\n                            />\r\n                        </Form.Group>\r\n                    </Col>\r\n                    <Col sm className=\"addInvoice_checkbox-col\">\r\n                        <Form.Group\r\n                            className=\"mb-3 mr-3 addInvoice_checkbox-pdv\"\r\n                            controlId=\"exampleForm.ControlInput1\"\r\n                        >\r\n                            <Form.Label>{t('smartInvoicing.pdv')}</Form.Label>\r\n                            <Form.Check\r\n                                aria-label=\"option 1\"\r\n                                name=\"pdv\"\r\n                                className=\"dynamicForm_checkBox\"\r\n                            />\r\n                        </Form.Group>\r\n                    </Col>\r\n                </Row>\r\n                <Row>\r\n                    <Col sm>\r\n                        <Form.Group>\r\n                            <Nav.Item>\r\n                                <Nav.Link\r\n                                    style={{ float: \"right\", color: \"#849AA3\" }}\r\n                                    onClick={handleMenageColumns}\r\n                                >\r\n                                    {t('smartInvoicing.manageTheColumns')}\r\n                                </Nav.Link>\r\n                            </Nav.Item>\r\n                        </Form.Group>\r\n                    </Col>\r\n                    <DynamicFormField\r\n                        inputFields={tableRows}\r\n                        handleChangeInput={handleChangeInput}\r\n                        handleAddRow={handleAddRow}\r\n                        handleRemoveRow={handleRemoveFields}\r\n                        isHiddenRabat={!isHiddenRabat}\r\n                        isHiddenServiceDescription={!isHiddenServiceDescription}\r\n                    />\r\n                    <Col sm>\r\n                        <Form.Group>\r\n                            <Nav.Item>\r\n                                <Nav.Link\r\n                                    style={{ float: \"right\", color: \"#849AA3\" }}\r\n                                    onClick={handleMenageData}\r\n                                >\r\n                                    {t('smartInvoicing.manageTableData')}\r\n                                </Nav.Link>\r\n                            </Nav.Item>\r\n                        </Form.Group>\r\n                    </Col>\r\n                </Row>\r\n                <Row className=\"mt-4\">\r\n                    <Col sm >\r\n                        <InvoiceNote\r\n                            handleChange={onDescriptionChange}\r\n                            invoice={newInvoice}\r\n                        />\r\n                    </Col>\r\n                    <Col sm>\r\n                        <InvoiceComment\r\n                            handleChange={onDescriptionChange}\r\n                            invoice={newInvoice}\r\n                        />\r\n                    </Col>\r\n                </Row>\r\n                <Row className=\"mt-4\">\r\n                    <Col sm>\r\n                        <Modal.Footer className=\"allInvoices_dashboard-footer\">\r\n                            <Grid item xs={12}>\r\n                                <button\r\n                                    className=\"addInvoice_clearButton\"\r\n                                    style={{ float: \"left\" }}\r\n                                >\r\n                                    {t('buttons.clear')}\r\n                                </button>\r\n                                <button\r\n                                    className=\"addInvoice_saveButton\"\r\n                                    style={{ float: \"right\" }}\r\n                                >\r\n                                    {t('buttons.save')}\r\n                                </button>\r\n                            </Grid>\r\n                        </Modal.Footer>\r\n                    </Col>\r\n                </Row>\r\n            </Paper>\r\n            <MenageTheColumnsModal\r\n                handleChange={handleCheckboxChange}\r\n                show={menageColumnsModal}\r\n                onHide={() => setMenageColumnsModal(false)}\r\n                modalClose={handleMenageColumnsClose}\r\n            />\r\n            <ManageTableDataModal\r\n                show={menageTableDataModal}\r\n                onHide={() => setMenageTableDataModal(false)}\r\n                modalClose={handleMenageDataClose}\r\n            />\r\n            <ManageDocumentTypeModal\r\n                show={menageDocumentTypeModal}\r\n                onHide={() => setManageDocumentTypeModal(false)}\r\n                modalClose={handleMenageDocumentTypeClose}\r\n            />\r\n        </Container>\r\n    );\r\n};","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react';\r\nimport user from '../../../images/avatar.png'\r\nimport {\r\n    alpha,\r\n    makeStyles,\r\n    createStyles\r\n} from '@material-ui/core/styles';\r\nimport { useTranslation } from 'react-i18next';\r\nimport rsIcon from \"../../../images/serbia.png\";\r\nimport ukIcon from \"../../../images/uk.png\";\r\nimport SearchIcon from '@material-ui/icons/Search';\r\nimport {\r\n    InputBase,\r\n    Tooltip\r\n}\r\n    from \"@material-ui/core\";\r\nimport DashboardSidebar from '../../dashboardSidebar/dashboardSidebar';\r\nimport AddDocument from '../../addDocument/addDocument';\r\nimport MobileMenu from '../../mobileMenu/mobileMenu';\r\nimport '../dashboard.css';\r\n\r\nconst useStyles = makeStyles((theme) =>\r\n    createStyles({\r\n        search: {\r\n            border: '1px solid gray',\r\n            borderRadius: '40px',\r\n            position: 'relative',\r\n            backgroundColor: alpha(theme.palette.common.white, 0.15),\r\n            '&:hover': {\r\n                backgroundColor: alpha(theme.palette.common.white, 0.25),\r\n            },\r\n            marginRight: theme.spacing(2),\r\n            marginLeft: 0,\r\n            width: '100%',\r\n            [theme.breakpoints.up('sm')]: {\r\n                marginLeft: theme.spacing(3),\r\n                width: 'auto',\r\n            },\r\n        },\r\n        searchIcon: {\r\n            padding: theme.spacing(0, 2),\r\n            height: '100%',\r\n            position: 'absolute',\r\n            pointerEvents: 'none',\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'center',\r\n        },\r\n        inputRoot: {\r\n            color: 'inherit',\r\n        },\r\n        inputInput: {\r\n            padding: theme.spacing(1, 1, 1, 0),\r\n            paddingLeft: `calc(1em + ${theme.spacing(4)}px)`,\r\n            transition: theme.transitions.create('width'),\r\n            width: '100%',\r\n            [theme.breakpoints.up('md')]: {\r\n                width: '20ch',\r\n            },\r\n        },\r\n        sectionDesktop: {\r\n            display: 'none',\r\n            [theme.breakpoints.up('md')]: {\r\n                display: 'flex',\r\n            },\r\n        },\r\n        sectionMobile: {\r\n            display: 'flex',\r\n            [theme.breakpoints.up('md')]: {\r\n                display: 'none',\r\n            },\r\n        },\r\n    }),\r\n);\r\n\r\nexport default function AddInvoicePage() {\r\n    const classes = useStyles();\r\n    const { i18n } = useTranslation();\r\n\r\n    const lngs1 = [\r\n        { nativeName: 'en', className: 'language_switch_header', icon: ukIcon },\r\n        { nativeName: 'rs', className: 'language_switch_header', icon: rsIcon }\r\n    ];\r\n\r\n    return (\r\n        <div className=\"dashboard_container\">\r\n            <div className=\"dashboard_navigation\">\r\n                <DashboardSidebar />\r\n            </div>\r\n            <div className=\"dashboard_main\">\r\n                <div className=\"dashboard_topbar\">\r\n                    <div className=\"dasboard_toggle\">\r\n                        <div className=\"dashboard_language\">\r\n                            {lngs1.map((lng) => (\r\n                                <Tooltip\r\n                                    key={lng.nativeName}\r\n                                    title={lng.nativeName === 'en' ? 'UK' : 'RS'}\r\n                                    placement=\"bottom\"\r\n                                >\r\n                                    <button\r\n                                        className={lng.className}\r\n                                        key={lng.nativeName}\r\n                                        style={{ fontWeight: i18n.resolvedLanguage === lng.nativeName ? 'bold' : 'normal' }}\r\n                                        type=\"submit\"\r\n                                        onClick={() => i18n.changeLanguage(lng.nativeName)}\r\n                                    >\r\n                                        <img\r\n                                            key={lng.nativeName}\r\n                                            src={lng.icon}\r\n                                            alt={lng.nativeName}\r\n                                        />\r\n                                    </button>\r\n                                </Tooltip>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"dashboard_search\">\r\n                        <div className={classes.search}>\r\n                            <div className={classes.searchIcon}>\r\n                                <SearchIcon />\r\n                            </div>\r\n                            <InputBase\r\n                                placeholder=\"Search Here...\"\r\n                                classes={{\r\n                                    root: classes.inputRoot,\r\n                                    input: classes.inputInput,\r\n                                }}\r\n                                inputProps={{ 'aria-label': 'search' }}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"dashboard_user\">\r\n                        <img src={user} alt=\"\" className=\"dashboard_userLogo\" />\r\n                    </div>\r\n                </div>\r\n                <AddDocument />\r\n            </div>\r\n            <MobileMenu />\r\n        </div>\r\n    );\r\n};","import React from 'react';\r\nimport { createStyles, makeStyles, Theme } from '@material-ui/core/styles';\r\nimport Table from '@material-ui/core/Table';\r\nimport TableBody from '@material-ui/core/TableBody';\r\nimport TableCell from '@material-ui/core/TableCell';\r\nimport TableContainer from '@material-ui/core/TableContainer';\r\nimport TableHead from '@material-ui/core/TableHead';\r\nimport TablePagination from '@material-ui/core/TablePagination';\r\nimport TableRow from '@material-ui/core/TableRow';\r\nimport TableSortLabel from '@material-ui/core/TableSortLabel';\r\nimport Toolbar from '@material-ui/core/Toolbar';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport DeleteIcon from '@material-ui/icons/Delete';\r\nimport FilterListIcon from '@material-ui/icons/FilterList';\r\nimport './modalTable.css'\r\n\r\ninterface Data {\r\n    date: any;\r\n    companyName: any;\r\n    time: any;\r\n    allInvoice: any;\r\n    pdf: any;\r\n}\r\n\r\nfunction createData(\r\n    allInvoice: any,\r\n    date: any,\r\n    time: any,\r\n    companyName: any,\r\n    pdf: any,\r\n): Data {\r\n    return { allInvoice, date, time, companyName, pdf };\r\n}\r\n\r\nconst rows = [\r\n    createData('Invoice 1', 305, 3.7, 67, <i className=\"far fa-file-pdf pdf_icon\"></i>),\r\n    createData('Invoice 2', 452, 25.0, 51, <i className=\"far fa-file-pdf pdf_icon\"></i>),\r\n    createData('Invoice 4', 159, 6.0, 24, <i className=\"far fa-file-pdf pdf_icon\"></i>),\r\n    createData('Invoice 5', 356, 16.0, 49, <i className=\"far fa-file-pdf pdf_icon\"></i>),\r\n];\r\n\r\nfunction descendingComparator<T>(a: T, b: T, orderBy: keyof T) {\r\n    if (b[orderBy] < a[orderBy]) {\r\n        return -1;\r\n    }\r\n    if (b[orderBy] > a[orderBy]) {\r\n        return 1;\r\n    }\r\n    return 0;\r\n}\r\n\r\ntype Order = 'asc' | 'desc';\r\n\r\nfunction getComparator<Key extends keyof any>(\r\n    order: Order,\r\n    orderBy: Key,\r\n): (a: { [key in Key]: any | string }, b: { [key in Key]: any | string }) => any {\r\n    return order === 'desc'\r\n        ? (a, b) => descendingComparator(a, b, orderBy)\r\n        : (a, b) => -descendingComparator(a, b, orderBy);\r\n}\r\n\r\nfunction stableSort<T>(array: T[], comparator: (a: T, b: T) => any) {\r\n    const stabilizedThis = array.map((el, index) => [el, index] as [T, any]);\r\n    stabilizedThis.sort((a, b) => {\r\n        const order = comparator(a[0], b[0]);\r\n        if (order !== 0) return order;\r\n        return a[1] - b[1];\r\n    });\r\n    return stabilizedThis.map((el) => el[0]);\r\n}\r\n\r\ninterface HeadCell {\r\n    disablePadding: boolean;\r\n    id: keyof Data;\r\n    label: string;\r\n    numeric: boolean;\r\n}\r\n\r\nconst headCells: HeadCell[] = [\r\n    { id: 'allInvoice', numeric: false, disablePadding: true, label: 'All Invoices' },\r\n    { id: 'date', numeric: true, disablePadding: false, label: 'Date' },\r\n    { id: 'time', numeric: true, disablePadding: false, label: 'Time' },\r\n    { id: 'companyName', numeric: true, disablePadding: false, label: 'Company Name' },\r\n    { id: 'pdf', numeric: true, disablePadding: false, label: 'PDF' },\r\n];\r\n\r\ninterface EnhancedTableProps {\r\n    classes: ReturnType<typeof useStyles>;\r\n    numSelected: any;\r\n    onRequestSort: (event: React.MouseEvent<unknown>, property: keyof Data) => void;\r\n    onSelectAllClick: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n    order: Order;\r\n    orderBy: string;\r\n    rowCount: any;\r\n}\r\n\r\nfunction EnhancedTableHead(props: EnhancedTableProps) {\r\n    const { classes, onSelectAllClick, order, orderBy, numSelected, rowCount, onRequestSort } = props;\r\n    const createSortHandler = (property: keyof Data) => (event: React.MouseEvent<unknown>) => {\r\n        onRequestSort(event, property);\r\n    };\r\n\r\n    return (\r\n        <TableHead>\r\n            <TableRow>\r\n                <TableCell padding=\"checkbox\">\r\n                    <Checkbox\r\n                        indeterminate={numSelected > 0 && numSelected < rowCount}\r\n                        checked={rowCount > 0 && numSelected === rowCount}\r\n                        onChange={onSelectAllClick}\r\n                        inputProps={{ 'aria-label': 'select all desserts' }}\r\n                    />\r\n                </TableCell>\r\n                {headCells.map((headCell) => (\r\n                    <TableCell\r\n                        key={headCell.id}\r\n                        align={headCell.numeric ? 'right' : 'left'}\r\n                        padding={headCell.disablePadding ? 'none' : 'normal'}\r\n                        sortDirection={orderBy === headCell.id ? order : false}\r\n                    >\r\n                        <TableSortLabel\r\n                            key={headCell.id}\r\n                            active={orderBy === headCell.id}\r\n                            direction={orderBy === headCell.id ? order : 'asc'}\r\n                            onClick={createSortHandler(headCell.id)}\r\n                        >\r\n                            {headCell.label}\r\n                            {orderBy === headCell.id ? (\r\n                                <span\r\n                                    className={classes.visuallyHidden}\r\n                                    key={headCell.id}\r\n                                >\r\n                                    {order === 'desc' ? 'sorted descending' : 'sorted ascending'}\r\n                                </span>\r\n                            ) : null}\r\n                        </TableSortLabel>\r\n                    </TableCell>\r\n                ))}\r\n            </TableRow>\r\n        </TableHead>\r\n    );\r\n}\r\n\r\nconst useToolbarStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            paddingLeft: theme.spacing(2),\r\n            paddingRight: theme.spacing(1),\r\n        },\r\n        title: {\r\n            flex: '1 1 100%',\r\n            fontWeight: 600,\r\n            color: '#849BA4',\r\n        },\r\n    }),\r\n);\r\n\r\ninterface EnhancedTableToolbarProps {\r\n    numSelected: any;\r\n}\r\n\r\nconst EnhancedTableToolbar = (props: EnhancedTableToolbarProps) => {\r\n    const classes = useToolbarStyles();\r\n    const { numSelected } = props;\r\n\r\n    return (\r\n        <Toolbar>\r\n            {numSelected > 0 ? (\r\n                <Typography className={classes.title} color=\"inherit\" variant=\"subtitle1\" component=\"div\">\r\n                    {numSelected} selected\r\n                </Typography>\r\n            ) : (\r\n                <Typography className={classes.title} variant=\"h6\" id=\"tableTitle\" component=\"div\">\r\n                </Typography>\r\n            )}\r\n            {numSelected > 0 ? (\r\n                <Tooltip title=\"Delete\">\r\n                    <IconButton aria-label=\"delete\">\r\n                        <DeleteIcon />\r\n                    </IconButton>\r\n                </Tooltip>\r\n            ) : (\r\n                <Tooltip title=\"Filter list\">\r\n                    <IconButton aria-label=\"filter list\">\r\n                        <FilterListIcon />\r\n                    </IconButton>\r\n                </Tooltip>\r\n            )}\r\n        </Toolbar>\r\n    );\r\n};\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            width: '100%',\r\n        },\r\n        paper: {\r\n            width: '100%',\r\n            marginBottom: theme.spacing(2),\r\n        },\r\n        table: {\r\n            minWidth: 750,\r\n        },\r\n        visuallyHidden: {\r\n            border: 0,\r\n            clip: 'rect(0 0 0 0)',\r\n            height: 1,\r\n            margin: -1,\r\n            overflow: 'hidden',\r\n            padding: 0,\r\n            position: 'absolute',\r\n            top: 20,\r\n            width: 1,\r\n        },\r\n    }),\r\n);\r\n\r\nexport default function ModalTable() {\r\n    const classes = useStyles();\r\n    const [order, setOrder] = React.useState<Order>('asc');\r\n    const [orderBy, setOrderBy] = React.useState<keyof Data>('date');\r\n    const [selected, setSelected] = React.useState<string[]>([]);\r\n    const [page, setPage] = React.useState(0);\r\n    const [rowsPerPage, setRowsPerPage] = React.useState(5);\r\n\r\n    const handleRequestSort = (event: React.MouseEvent<unknown>, property: keyof Data) => {\r\n        const isAsc = orderBy === property && order === 'asc';\r\n        setOrder(isAsc ? 'desc' : 'asc');\r\n        setOrderBy(property);\r\n    };\r\n    const handleSelectAllClick = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n        if (event.target.checked) {\r\n            const newSelecteds = rows.map((n) => n.allInvoice);\r\n            setSelected(newSelecteds);\r\n            return;\r\n        }\r\n        setSelected([]);\r\n    };\r\n    const handleClick = (event: React.MouseEvent<unknown>, name: string) => {\r\n        const selectedIndex = selected.indexOf(name);\r\n        let newSelected: string[] = [];\r\n\r\n        if (selectedIndex === -1) {\r\n            newSelected = newSelected.concat(selected, name);\r\n        } else if (selectedIndex === 0) {\r\n            newSelected = newSelected.concat(selected.slice(1));\r\n        } else if (selectedIndex === selected.length - 1) {\r\n            newSelected = newSelected.concat(selected.slice(0, -1));\r\n        } else if (selectedIndex > 0) {\r\n            newSelected = newSelected.concat(\r\n                selected.slice(0, selectedIndex),\r\n                selected.slice(selectedIndex + 1),\r\n            );\r\n        }\r\n\r\n        setSelected(newSelected);\r\n    };\r\n    const handleChangePage = (event: unknown, newPage: any) => {\r\n        setPage(newPage);\r\n    };\r\n    const handleChangeRowsPerPage = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n        setRowsPerPage(parseInt(event.target.value, 10));\r\n        setPage(0);\r\n    };\r\n    const isSelected = (name: string) => selected.indexOf(name) !== -1;\r\n\r\n    return (\r\n        <div className={classes.root}>\r\n            <Paper className={classes.paper}>\r\n                <EnhancedTableToolbar numSelected={selected.length} />\r\n                <TableContainer>\r\n                    <Table\r\n                        className={classes.table}\r\n                        aria-labelledby=\"tableTitle\"\r\n                        aria-label=\"enhanced table\"\r\n                    >\r\n                        <EnhancedTableHead\r\n                            classes={classes}\r\n                            numSelected={selected.length}\r\n                            order={order}\r\n                            orderBy={orderBy}\r\n                            onSelectAllClick={handleSelectAllClick}\r\n                            onRequestSort={handleRequestSort}\r\n                            rowCount={rows.length}\r\n                        />\r\n                        <TableBody>\r\n                            {stableSort(rows, getComparator(order, orderBy))\r\n                                .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\r\n                                .map((row, index) => {\r\n                                    const isItemSelected = isSelected(row.allInvoice);\r\n                                    const labelId = `enhanced-table-checkbox-${index}`;\r\n\r\n                                    return (\r\n                                        <TableRow\r\n                                            hover\r\n                                            onClick={(event) => handleClick(event, row.allInvoice)}\r\n                                            role=\"checkbox\"\r\n                                            aria-checked={isItemSelected}\r\n                                            tabIndex={-1}\r\n                                            key={index}\r\n                                            selected={isItemSelected}\r\n                                        >\r\n                                            <TableCell key={row.allInvoice} padding=\"checkbox\">\r\n                                                <Checkbox\r\n                                                    key={index}\r\n                                                    checked={isItemSelected}\r\n                                                    inputProps={{ 'aria-labelledby': labelId }}\r\n                                                />\r\n                                            </TableCell>\r\n                                            <TableCell\r\n                                                key={index}\r\n                                                component=\"th\"\r\n                                                id={labelId}\r\n                                                scope=\"row\"\r\n                                                padding=\"none\"\r\n                                            >\r\n                                                {row.allInvoice}\r\n                                            </TableCell>\r\n                                            <TableCell key={index} align=\"right\">{row.date}</TableCell>\r\n                                            <TableCell key={index} align=\"right\">{row.time}</TableCell>\r\n                                            <TableCell key={index} align=\"right\">{row.companyName}</TableCell>\r\n                                            <TableCell key={index} align=\"right\">{row.pdf}</TableCell>\r\n                                        </TableRow>\r\n                                    );\r\n                                })}\r\n                        </TableBody>\r\n                    </Table>\r\n                </TableContainer>\r\n                <TablePagination\r\n                    rowsPerPageOptions={[5, 10, 25]}\r\n                    component=\"div\"\r\n                    count={rows.length}\r\n                    rowsPerPage={rowsPerPage}\r\n                    page={page}\r\n                    onPageChange={handleChangePage}\r\n                    onRowsPerPageChange={handleChangeRowsPerPage}\r\n                />\r\n            </Paper>\r\n        </div>\r\n    );\r\n};","import React from 'react';\r\nimport { Grid } from '@material-ui/core';\r\nimport { Modal } from 'react-bootstrap';\r\nimport ModalTable from '../../../../components/table/modalTable';\r\nimport './allInvoicesModal.css';\r\n\r\ninterface Props {\r\n    show: boolean;\r\n    onHide: () => void;\r\n    modalClose: any;\r\n};\r\n\r\nexport default function AllInvoiceModal({\r\n    show,\r\n    onHide,\r\n    modalClose\r\n}: Props) {\r\n    return (\r\n        <>\r\n            <Modal\r\n                show={show}\r\n                onHide={onHide}\r\n                size='lg'\r\n                dialogClassName=\"allInvoicesModal_modal\"\r\n            >\r\n                <Modal.Header\r\n                    style={{ background: \"#849BA4\" }}\r\n                    closeButton\r\n                    className=\"allInvoices_dashboard-header\"\r\n                >\r\n                    <Modal.Title className=\"modal_title\">All Invoices</Modal.Title>\r\n                </Modal.Header>\r\n                <Modal.Body>\r\n                    <ModalTable />\r\n                </Modal.Body>\r\n                <Modal.Footer>\r\n                    <Grid item xs={12}>\r\n                        <button\r\n                            className=\"allInvoicesModal_dashboard-closeButton\"\r\n                            onClick={modalClose}\r\n                            style={{float: \"left\"}}\r\n                        >\r\n                            Close\r\n                        </button>\r\n                        <button\r\n                            className=\"allInvoicesModal_dashboard-saveButton\"\r\n                            onClick={modalClose}\r\n                            style={{float: \"right\"}}\r\n                        >\r\n                            Save\r\n                        </button>\r\n                    </Grid>\r\n                </Modal.Footer>\r\n            </Modal>\r\n        </>\r\n    );\r\n};","import React from 'react';\r\nimport { Grid } from '@material-ui/core';\r\nimport { Modal } from 'react-bootstrap';\r\nimport ModalTable from '../../../../components/table/modalTable';\r\nimport './monthModal.css';\r\n\r\ninterface Props {\r\n    show: boolean;\r\n    onHide: () => void;\r\n    modalClose: any;\r\n}\r\n\r\nexport default function MonthModal({\r\n    show,\r\n    onHide,\r\n    modalClose\r\n}: Props) {\r\n    return (\r\n        <>\r\n            <Modal\r\n                show={show}\r\n                onHide={onHide}\r\n                size='lg'\r\n            >\r\n                <Modal.Header style={{ background: \"#849BA4\" }} closeButton className=\"monthInvoices_dashboard-header\">\r\n                    <Modal.Title className=\"modal_title\">Month Invoices</Modal.Title>\r\n                </Modal.Header>\r\n                <Modal.Body style={{ borderRadius: '40px' }}>\r\n                    <ModalTable />\r\n                </Modal.Body>\r\n                <Modal.Footer>\r\n                    <Grid item xs={12}>\r\n                        <button\r\n                            className=\"monthModal_dashboard-closeButton\"\r\n                            onClick={modalClose}\r\n                            style={{ float: \"left\" }}\r\n                        >\r\n                            Close\r\n                        </button>\r\n                        <button\r\n                            className=\"monthModal_dashboard-saveButton\"\r\n                            onClick={modalClose}\r\n                            style={{ float: \"right\" }}\r\n                        >\r\n                            Save\r\n                        </button>\r\n                    </Grid>\r\n                </Modal.Footer>\r\n            </Modal>\r\n        </>\r\n    );\r\n};","import { Grid } from '@material-ui/core';\r\nimport React from 'react';\r\nimport { Modal } from 'react-bootstrap';\r\nimport ModalTable from '../../../../components/table/modalTable';\r\nimport './weekModal.css';\r\n\r\ninterface Props {\r\n    show: boolean;\r\n    onHide: () => void;\r\n    modalClose: any;\r\n}\r\n\r\nexport default function WeekModal({\r\n    show,\r\n    onHide,\r\n    modalClose\r\n}: Props) {\r\n    return (\r\n        <>\r\n            <Modal\r\n                show={show}\r\n                onHide={onHide}\r\n                size='lg'\r\n            >\r\n                <Modal.Header style={{ background: \"#849BA4\" }} closeButton className=\"weekInvoices_dashboard-header\">\r\n                    <Modal.Title className=\"modal_title\">Week Invoices</Modal.Title>\r\n                </Modal.Header>\r\n                <Modal.Body style={{ borderRadius: '40px' }}>\r\n                    <ModalTable />\r\n                </Modal.Body>\r\n                <Modal.Footer>\r\n                    <Grid item xs={12}>\r\n                        <button\r\n                            className=\"weekModal_dashboard-closeButton\"\r\n                            onClick={modalClose}\r\n                            style={{ float: \"left\" }}\r\n                        >\r\n                            Close\r\n                        </button>\r\n                        <button\r\n                            className=\"weekModal_dashboard-saveButton\"\r\n                            onClick={modalClose}\r\n                            style={{ float: \"right\" }}\r\n                        >\r\n                            Save\r\n                        </button>\r\n                    </Grid>\r\n                </Modal.Footer>\r\n            </Modal>\r\n        </>\r\n    );\r\n};","import React, { useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport CountUp from 'react-countup';\r\nimport AllInvoiceModal from '../../modals/dashboardModals/allInvoicesModal/allInvoicesModal';\r\nimport MonthModal from '../../modals/dashboardModals/monthModal/monthModal';\r\nimport WeekModal from '../../modals/dashboardModals/weekModal/weekModal';\r\n\r\nexport default function MainDashboard() {\r\n    const { t } = useTranslation();\r\n\r\n    const [allInvoicesModal, setAllInvoicesModal] = useState(false);\r\n    const [monthInvoiceModal, setMonthInvoiceModal] = useState(false);\r\n    const [weekInvoiceModal, setWeekInvoiceModal] = useState(false);\r\n\r\n    const handleAllInvoicesModalOpen = () => {\r\n        setAllInvoicesModal(true);\r\n    };\r\n\r\n    const handleAllInvoicesModalClose = () => {\r\n        setAllInvoicesModal(false);\r\n    };\r\n\r\n    const handleMonthInvoicesModalOpen = () => {\r\n        setMonthInvoiceModal(true);\r\n    };\r\n\r\n    const handleMonthInvoicesModalClose = () => {\r\n        setMonthInvoiceModal(false);\r\n    };\r\n\r\n    const handleWeekInvoiceModalOpen = () => {\r\n        setWeekInvoiceModal(true);\r\n    };\r\n\r\n    const handleWeekInvoiceModalClose = () => {\r\n        setWeekInvoiceModal(false);\r\n    };\r\n\r\n    return (\r\n        <div className=\"dashboard_cardBox\">\r\n            <div className=\"dashboard_card\" onClick={handleAllInvoicesModalOpen}>\r\n                <div >\r\n                    <div\r\n                        className=\"counter dashboard_numbers\"\r\n                        data-target=\"500\"\r\n                    >\r\n                        <CountUp end='200' duration={2} />\r\n                    </div>\r\n                    <div className=\"dashboard_cardName\" >\r\n                        {t('mainDashboard.allInoviceCard')}\r\n                    </div>\r\n                </div>\r\n                <div className=\"dashboard_iconBx\" >\r\n                    <i className=\"fas fa-file-invoice\"></i>\r\n                </div>\r\n            </div>\r\n            <div\r\n                className=\"dashboard_card\"\r\n                onClick={handleMonthInvoicesModalOpen}\r\n            >\r\n                <div>\r\n                    <div className=\"dashboard_numbers\">\r\n                        <CountUp end='34' duration={2} />\r\n                    </div>\r\n                    <div className=\"dashboard_cardName\">{t('mainDashboard.monthInvoiceCard')}</div>\r\n                </div>\r\n                <div className=\"dashboard_iconBx\">\r\n                    <i className=\"fas fa-calendar-alt\"></i>\r\n                </div>\r\n            </div>\r\n            <div\r\n                className=\"dashboard_card\"\r\n                onClick={handleWeekInvoiceModalOpen}\r\n            >\r\n                <div>\r\n                    <div className=\"dashboard_numbers\">\r\n                        <CountUp end='98' duration={2} />\r\n                    </div>\r\n                    <div className=\"dashboard_cardName\">{t('mainDashboard.weekInvoiceCard')}</div>\r\n                </div>\r\n                <div className=\"dashboard_iconBx\">\r\n                    <i className=\"fas fa-calendar-week\"></i>\r\n                </div>\r\n            </div>\r\n            <AllInvoiceModal\r\n                show={allInvoicesModal}\r\n                onHide={() => setAllInvoicesModal(false)}\r\n                modalClose={handleAllInvoicesModalClose}\r\n            />\r\n            <MonthModal\r\n                show={monthInvoiceModal}\r\n                onHide={() => setMonthInvoiceModal(false)}\r\n                modalClose={handleMonthInvoicesModalClose}\r\n            />\r\n            <WeekModal\r\n                show={weekInvoiceModal}\r\n                onHide={() => setWeekInvoiceModal(false)}\r\n                modalClose={handleWeekInvoiceModalClose}\r\n            />\r\n        </div>\r\n    );\r\n};","export default __webpack_public_path__ + \"static/media/invoice.49f1bd91.png\";","/* eslint-disable jsx-a11y/alt-text */\r\n/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react';\r\nimport invoice from '../../../images/invoice.png';\r\nimport { useTranslation } from 'react-i18next';\r\nimport '../dashboard.css';\r\n\r\nexport default function MainDashboardDetails() {\r\n    const { t } = useTranslation();\r\n\r\n    return (\r\n        <div className=\"dashboard_details\">\r\n            <div className=\"dashboard_recentOrders\">\r\n                <div className=\"dashboard_cardHeader\">\r\n                    <h2> {t('mainDashboard.listOfInvoices')} </h2>\r\n                </div>\r\n                <table>\r\n                    <thead >\r\n                        <tr>\r\n                            <td>Lorem1</td>\r\n                            <td>Lorem2</td>\r\n                            <td>Lorem3</td>\r\n                            <td>Lorem4</td>\r\n                        </tr>\r\n                    </thead>\r\n                    <tr>\r\n                        <td>Body1</td>\r\n                        <td>Body2</td>\r\n                        <td>Body3</td>\r\n                        <td><span className=\"status delivered\">Body3</span></td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>Body1</td>\r\n                        <td>Body2</td>\r\n                        <td>Body3</td>\r\n                        <td><span className=\"status delivered\">Body3</span></td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>Body1</td>\r\n                        <td>Body2</td>\r\n                        <td>Body3</td>\r\n                        <td><span className=\"status delivered\">Body3</span></td>\r\n                    </tr>\r\n                    <tr>\r\n                        <td>Body1</td>\r\n                        <td>Body2</td>\r\n                        <td>Body3</td>\r\n                        <td><span className=\"status delivered\">Body3</span></td>\r\n                    </tr>\r\n                </table>\r\n            </div>\r\n            <div className=\"recentInvoicing\">\r\n                <div className=\"dashboard_cardHeader\">\r\n                    <h2>{t('mainDashboard.recentInvoice')}</h2>\r\n                </div>\r\n                <table className=\"newInvoicing_table\">\r\n                    <tr className=\"newInvoicing_tr\">\r\n                        <td\r\n                            className=\"newInvoicing_td\"\r\n                            width=\"60px\"\r\n                        >\r\n                            <div className=\"newInvoicing_imgBx\"><img src={invoice} /></div>\r\n                        </td>\r\n                        <td className=\"newInvoicing_td\"><h4>First<br /><span>Invoice</span></h4></td>\r\n                    </tr>\r\n                    <tr className=\"newInvoicing_tr\">\r\n                        <td\r\n                            className=\"newInvoicing_td\"\r\n                            width=\"60px\"><div className=\"newInvoicing_imgBx\"><img src={invoice} /></div>\r\n                        </td>\r\n                        <td className=\"newInvoicing_td\"><h4>First<br /><span>Invoice</span></h4></td>\r\n                    </tr>\r\n                    <tr className=\"newInvoicing_tr\">\r\n                        <td\r\n                            className=\"newInvoicing_td\"\r\n                            width=\"60px\"><div className=\"newInvoicing_imgBx\"><img src={invoice} /></div>\r\n                        </td>\r\n                        <td className=\"newInvoicing_td\"><h4>First<br /><span>Invoice</span></h4></td>\r\n                    </tr>\r\n                    <tr className=\"newInvoicing_tr\">\r\n                        <td\r\n                            className=\"newInvoicing_td\"\r\n                            width=\"60px\"><div className=\"newInvoicing_imgBx\"><img src={invoice} /></div>\r\n                        </td>\r\n                        <td className=\"newInvoicing_td\"><h4>First<br /><span>Invoice</span></h4></td>\r\n                    </tr>\r\n                    <tr className=\"newInvoicing_tr\">\r\n                        <td\r\n                            className=\"newInvoicing_td\"\r\n                            width=\"60px\"><div className=\"newInvoicing_imgBx\"><img src={invoice} /></div>\r\n                        </td>\r\n                        <td className=\"newInvoicing_td\"><h4>First<br /><span>Invoice</span></h4></td>\r\n                    </tr>\r\n                </table>\r\n            </div>\r\n        </div>\r\n    );\r\n};","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React,\r\n{\r\n  useRef,\r\n  useEffect\r\n} from 'react';\r\nimport DashboardSidebar from '../dashboardSidebar/dashboardSidebar';\r\nimport user from '../../images/avatar.png'\r\nimport { alpha, makeStyles, createStyles } from '@material-ui/core/styles';\r\nimport InputBase from '@material-ui/core/InputBase';\r\nimport SearchIcon from '@material-ui/icons/Search';\r\nimport './dashboard.css';\r\nimport MainDashboard from './mainDashboard/mainDashboard';\r\nimport MainDashboardDetails from './mainDashboard/mainDashboardDetails';\r\nimport MobileMenu from '../mobileMenu/mobileMenu';\r\nimport { gsap } from \"gsap\";\r\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\r\nimport { Tooltip } from \"@material-ui/core\";\r\nimport { useTranslation } from 'react-i18next';\r\nimport rsIcon from \"../../images/serbia.png\";\r\nimport ukIcon from \"../../images/uk.png\";\r\n\r\nconst useStyles = makeStyles((theme) =>\r\n  createStyles({\r\n    search: {\r\n      border: '1px solid gray',\r\n      borderRadius: '40px',\r\n      position: 'relative',\r\n      backgroundColor: alpha(theme.palette.common.white, 0.15),\r\n      '&:hover': {\r\n        backgroundColor: alpha(theme.palette.common.white, 0.25),\r\n      },\r\n      marginRight: theme.spacing(2),\r\n      marginLeft: 0,\r\n      width: '100%',\r\n      [theme.breakpoints.up('sm')]: {\r\n        marginLeft: theme.spacing(3),\r\n        width: 'auto',\r\n      },\r\n    },\r\n    searchIcon: {\r\n      padding: theme.spacing(0, 2),\r\n      height: '100%',\r\n      position: 'absolute',\r\n      pointerEvents: 'none',\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      justifyContent: 'center',\r\n    },\r\n    inputRoot: {\r\n      color: 'inherit',\r\n    },\r\n    inputInput: {\r\n      padding: theme.spacing(1, 1, 1, 0),\r\n      paddingLeft: `calc(1em + ${theme.spacing(4)}px)`,\r\n      transition: theme.transitions.create('width'),\r\n      width: '100%',\r\n      [theme.breakpoints.up('md')]: {\r\n        width: '20ch',\r\n      },\r\n    },\r\n    sectionDesktop: {\r\n      display: 'none',\r\n      [theme.breakpoints.up('md')]: {\r\n        display: 'flex',\r\n      },\r\n    },\r\n    sectionMobile: {\r\n      display: 'flex',\r\n      [theme.breakpoints.up('md')]: {\r\n        display: 'none',\r\n      },\r\n    },\r\n  }),\r\n);\r\n\r\nexport default function Dashboard() {\r\n  const classes = useStyles();\r\n  const { i18n } = useTranslation();\r\n\r\n  const lngs1 = [\r\n    { nativeName: 'en', className: 'language_switch_header', icon: ukIcon },\r\n    { nativeName: 'rs', className: 'language_switch_header', icon: rsIcon }\r\n  ];\r\n\r\n  const ref = useRef(null);\r\n\r\n  gsap.registerPlugin(ScrollTrigger);\r\n\r\n  useEffect(() => {\r\n    const element = ref.current;\r\n\r\n    const mq = window.matchMedia(\"(max-width: 40em)\");\r\n    if (mq.matches) {\r\n      gsap.to(element, {\r\n        position: \"fixed\",\r\n        top: \"0\",\r\n        left: \"0\",\r\n        right: \"0\",\r\n        padding: \"1rem 1.5rem\",\r\n        borderRadius: \"0 0 50px 50px\",\r\n        border: \"2px solid #fff\",\r\n        duration: 1,\r\n        ease: \"power1.out\",\r\n        scrollTrigger: {\r\n          trigger: element,\r\n          start: \"bottom+=200 top\",\r\n          end: \"+=100\",\r\n          scrub: true,\r\n        },\r\n      });\r\n    } else {\r\n      gsap.to(element, {\r\n        position: \"fixed\",\r\n        backgroundColor: \"#1a1d1e\",\r\n        color: \"#fff\",\r\n        borderRadius: \"50px\",\r\n        border: \"2px solid #fff\",\r\n        duration: 1,\r\n        ease: \"power1.out\",\r\n        scrollTrigger: {\r\n          trigger: element,\r\n          start: \"bottom+=250 top\",\r\n          end: \"+=250\",\r\n          scrub: true,\r\n        },\r\n      });\r\n    }\r\n  }, []);\r\n\r\n  return (\r\n    <div className=\"dashboard_container\">\r\n      <div className=\"dashboard_navigation\">\r\n        <DashboardSidebar />\r\n      </div>\r\n      <div className=\"dashboard_main\">\r\n        <div className=\"dashboard_topbar\">\r\n          <div className=\"dasboard_toggle\">\r\n            <div className=\"dashboard_language\">\r\n              {lngs1.map((lng) => (\r\n                <Tooltip\r\n                  key={lng.nativeName}\r\n                  title={lng.nativeName === 'en' ? 'UK' : 'RS'}\r\n                  placement=\"bottom\"\r\n                >\r\n                  <button\r\n                    className={lng.className}\r\n                    key={lng.nativeName}\r\n                    style={{ fontWeight: i18n.resolvedLanguage === lng.nativeName ? 'bold' : 'normal' }}\r\n                    type=\"submit\"\r\n                    onClick={() => i18n.changeLanguage(lng.nativeName)}\r\n                  >\r\n                    <img src={lng.icon} alt={lng.nativeName} />\r\n                  </button>\r\n                </Tooltip>\r\n              ))}\r\n            </div>\r\n          </div>\r\n          <div className=\"dashboard_search\">\r\n            <div className={classes.search}>\r\n              <div className={classes.searchIcon}>\r\n                <SearchIcon />\r\n              </div>\r\n              <InputBase\r\n                placeholder=\"Search Here...\"\r\n                classes={{\r\n                  root: classes.inputRoot,\r\n                  input: classes.inputInput,\r\n                }}\r\n                inputProps={{ 'aria-label': 'search' }}\r\n              />\r\n            </div>\r\n          </div>\r\n          <div className=\"dashboard_user\">\r\n            <img src={user} alt=\"\" className=\"dashboard_userLogo\" />\r\n          </div>\r\n        </div>\r\n        <MainDashboard />\r\n        <MainDashboardDetails />\r\n      </div>\r\n      <MobileMenu />\r\n    </div>\r\n  );\r\n};","import React from 'react';\r\nimport {\r\n    makeStyles,\r\n    TextField,\r\n    Theme,\r\n    createStyles,\r\n    Paper\r\n} from '@material-ui/core';\r\nimport {\r\n    Row,\r\n    Col, \r\n    Container,\r\n    Form,\r\n    Modal\r\n} from 'react-bootstrap';\r\nimport { useTranslation } from 'react-i18next';\r\nimport '../../../features/addDocument/addDocument.css';\r\nimport './passwordChange.css'\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        root: {\r\n            '& > *': {\r\n                margin: theme.spacing(1),\r\n                width: '100%',\r\n            },\r\n        },\r\n        input: {\r\n            width: \"30%\"\r\n        },\r\n        paper: {\r\n            borderRadius: 20,\r\n        }\r\n    }),\r\n);\r\n\r\nexport default function PasswordChange() {\r\n    const { t } = useTranslation();\r\n    const classes = useStyles();\r\n\r\n    return (\r\n        <Container fluid=\"xxl\">\r\n            <Paper elevation={3} className={classes.paper}>\r\n                <form noValidate autoComplete=\"off\">\r\n                    <div className=\"dashboard_details-profile\">\r\n                        <div className=\"addInvoice_container\">\r\n                            <div className=\"addInvoice_title\">{t('passwordChange.passwordChangeTitle')}</div>\r\n                            <Row className=\"mt-4 text-center\">\r\n                                <Col sm>\r\n                                    <Form.Label><h5>{t('passwordChange.updatePassword')}</h5></Form.Label>\r\n                                </Col>\r\n                            </Row>\r\n                            <Row className=\"mt-4 text-center passwordChange_input-box\">\r\n                                <Col md>\r\n                                    <Form.Group\r\n                                    >\r\n                                        <TextField className={classes.input} id=\"standard-basic\" label={t('passwordChange.oldPassword')} />\r\n                                    </Form.Group>\r\n                                </Col>\r\n                            </Row>\r\n                            <Row className=\"mt-4 text-center\">\r\n                                <Col sm>\r\n                                    <Form.Group\r\n                                    >\r\n                                        <TextField className={classes.input} id=\"standard-basic\" label={t('passwordChange.newPassword')} />\r\n                                    </Form.Group>\r\n                                </Col>\r\n                            </Row>\r\n                            <Row className=\"mt-4 text-center\">\r\n                                <Col sm>\r\n                                    <Form.Group\r\n                                        className=\"text-center\"\r\n                                    >\r\n                                        <TextField className={classes.input} id=\"standard-basic\" label={t('passwordChange.confirmPassword')} />\r\n                                    </Form.Group>\r\n                                </Col>\r\n                            </Row>\r\n                            <Row className=\"mt-4\">\r\n                                <Col sm>\r\n                                    <Modal.Footer className=\"allInvoices_dashboard-footer\">\r\n                                        <button\r\n                                            className=\"passwordChange_clearButton\"\r\n                                        >\r\n                                            {t('buttons.clear')}\r\n                                        </button>\r\n                                        <button\r\n                                            className=\"passwordChange_saveButton\"\r\n                                        >\r\n                                            {t('buttons.save')}\r\n                                        </button>\r\n                                    </Modal.Footer>\r\n                                </Col>\r\n                            </Row>\r\n                        </div>\r\n                    </div>\r\n                </form>\r\n            </Paper>\r\n        </Container >\r\n    );\r\n};","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react';\r\nimport user from '../../../images/avatar.png'\r\nimport DashboardSidebar from '../../dashboardSidebar/dashboardSidebar';\r\nimport {\r\n    InputBase,\r\n    makeStyles,\r\n    Tooltip,\r\n    createStyles,\r\n    alpha\r\n}\r\n    from \"@material-ui/core\";\r\nimport MobileMenu from '../../mobileMenu/mobileMenu';\r\nimport { useTranslation } from 'react-i18next';\r\nimport rsIcon from \"../../../images/serbia.png\";\r\nimport ukIcon from \"../../../images/uk.png\";\r\nimport SearchIcon from '@material-ui/icons/Search';\r\nimport PasswordChange from '../passwordChange/passwordChange';\r\nimport '../../addDocument/addDocument.css';\r\nimport '../dashboard.css';\r\n\r\nconst useStyles = makeStyles((theme) =>\r\n    createStyles({\r\n        search: {\r\n            border: '1px solid gray',\r\n            borderRadius: '40px',\r\n            position: 'relative',\r\n            backgroundColor: alpha(theme.palette.common.white, 0.15),\r\n            '&:hover': {\r\n                backgroundColor: alpha(theme.palette.common.white, 0.25),\r\n            },\r\n            marginRight: theme.spacing(2),\r\n            marginLeft: 0,\r\n            width: '100%',\r\n            [theme.breakpoints.up('sm')]: {\r\n                marginLeft: theme.spacing(3),\r\n                width: 'auto',\r\n            },\r\n        },\r\n        searchIcon: {\r\n            padding: theme.spacing(0, 2),\r\n            height: '100%',\r\n            position: 'absolute',\r\n            pointerEvents: 'none',\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'center',\r\n        },\r\n        inputRoot: {\r\n            color: 'inherit',\r\n        },\r\n        inputInput: {\r\n            padding: theme.spacing(1, 1, 1, 0),\r\n            paddingLeft: `calc(1em + ${theme.spacing(4)}px)`,\r\n            transition: theme.transitions.create('width'),\r\n            width: '100%',\r\n            [theme.breakpoints.up('md')]: {\r\n                width: '20ch',\r\n            },\r\n        },\r\n        sectionDesktop: {\r\n            display: 'none',\r\n            [theme.breakpoints.up('md')]: {\r\n                display: 'flex',\r\n            },\r\n        },\r\n        sectionMobile: {\r\n            display: 'flex',\r\n            [theme.breakpoints.up('md')]: {\r\n                display: 'none',\r\n            },\r\n        },\r\n    }),\r\n);\r\n\r\nexport default function PasswordChangePage() {\r\n    const classes = useStyles();\r\n    const { i18n } = useTranslation();\r\n\r\n    const lngs1 = [\r\n        { nativeName: 'en', className: 'language_switch_header', icon: ukIcon },\r\n        { nativeName: 'rs', className: 'language_switch_header', icon: rsIcon }\r\n    ];\r\n\r\n    return (\r\n        <div className=\"dashboard_container\">\r\n            <div className=\"dashboard_navigation\">\r\n                <DashboardSidebar />\r\n            </div>\r\n            <div className=\"dashboard_main\">\r\n                <div className=\"dashboard_topbar\">\r\n                    <div className=\"dasboard_toggle\">\r\n                        <div className=\"dashboard_language\">\r\n                            {lngs1.map((lng) => (\r\n                                <Tooltip\r\n                                    key={lng.nativeName}\r\n                                    title={lng.nativeName === 'en' ? 'UK' : 'RS'}\r\n                                    placement=\"bottom\"\r\n                                >\r\n                                    <button\r\n                                        className={lng.className}\r\n                                        key={lng.nativeName}\r\n                                        style={{ fontWeight: i18n.resolvedLanguage === lng.nativeName ? 'bold' : 'normal' }}\r\n                                        type=\"submit\"\r\n                                        onClick={() => i18n.changeLanguage(lng.nativeName)}\r\n                                    >\r\n                                        <img\r\n                                            key={lng.nativeName}\r\n                                            src={lng.icon}\r\n                                            alt={lng.nativeName}\r\n                                        />\r\n                                    </button>\r\n                                </Tooltip>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"dashboard_search\">\r\n                        <div className={classes.search}>\r\n                            <div className={classes.searchIcon}>\r\n                                <SearchIcon />\r\n                            </div>\r\n                            <InputBase\r\n                                placeholder=\"Search Here...\"\r\n                                classes={{\r\n                                    root: classes.inputRoot,\r\n                                    input: classes.inputInput,\r\n                                }}\r\n                                inputProps={{ 'aria-label': 'search' }}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"dashboard_user\">\r\n                        <img src={user} alt=\"\" className=\"dashboard_userLogo\" />\r\n                    </div>\r\n                </div>\r\n                <PasswordChange />\r\n            </div>\r\n            <MobileMenu />\r\n        </div>\r\n    );\r\n};","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport { createStyles, makeStyles, Paper, Theme } from '@material-ui/core';\r\nimport React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport '../../features/dashboard/dashboard.css';\r\nimport './profileCard.css';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        paper: {\r\n            borderRadius: 20,\r\n        },\r\n    }),\r\n);\r\n\r\nexport default function ProfileCard() {\r\n    const { t } = useTranslation();\r\n    const classes = useStyles();\r\n    return (\r\n        <div className=\"dashboard_details-profile\">\r\n            <Paper style={{ padding: \"20px\" }} elevation={3} className={classes.paper}>\r\n                <div >\r\n                    <div className=\"container\">\r\n                        <div className=\"row d-flex justify-content-center\">\r\n                            <div className=\"col-md-10 mt-5 pt-5\">\r\n                                <div className=\"row z-depth-3\">\r\n                                    <div className=\"col-sm-4  rounded-left profileCard_profileImg\">\r\n                                        <div className=\"card-block text-center text-white\">\r\n                                            <i className=\"fas fa-user-tie fa-7x mt-5\"></i>\r\n                                            <h2 className=\"font-weight-bold mt-4\">Srdjan Pajic</h2>\r\n                                            <i className=\"far fa-edit fa-2x mb-4\"></i>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-sm-8 bg-white rounded-right\">\r\n                                        <h3 className=\"mt-3 \">{t('profilePage.information')}</h3>\r\n                                        <hr className=\"profileCard_hr\" />\r\n                                        <div className=\"row profileCard_label\">\r\n                                            <div className=\"col-sm-6 profileCard_label\">\r\n                                                <p className=\"font-weight-bold\">{t('profilePage.firstName')}</p>\r\n                                                <h6 className=\"text-muted\">Srdjan</h6>\r\n                                            </div>\r\n                                            <div className=\"col-sm-6 profileCard_label\">\r\n                                                <p className=\"font-weight-bold\">{t('profilePage.email')}</p>\r\n                                                <h6 className=\"text-muted\">srdjan.pajic.ns@gmail.com</h6>\r\n                                            </div>\r\n                                            <div className=\"col-sm-6 profileCard_label\">\r\n                                                <p className=\"font-weight-bold\">{t('profilePage.lastName')}</p>\r\n                                                <h6 className=\"text-muted\">Pajic</h6>\r\n                                            </div>\r\n                                            <div className=\"col-sm-6 profileCard_label\">\r\n                                                <p className=\"font-weight-bold\">{t('profilePage.phone')}</p>\r\n                                                <h6 className=\"text-muted\">069/212-85-00</h6>\r\n                                            </div>\r\n                                        </div>\r\n                                        <h4 className=\"mt-3\">{t('profile.invoicesProfile')}</h4>\r\n                                        <hr className=\"profileCard_hr\" />\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-sm-6 profileCard_label\">\r\n                                                <p className=\"font-weight-bold\">{t('profile.recentProfile')}</p>\r\n                                            </div>\r\n                                        </div>\r\n                                        <ul className=\"list-umstyled d-flex justify-content-center mt-4\">\r\n                                            <li className=\"profileCard_icon\"><a href=\"#\"><i className=\"fab fa-facebook-f px-3 h4 profileCard_icon\"></i></a></li>\r\n                                            <li className=\"profileCard_icon\"><a href=\"#\"><i className=\"fab fa-linkedin px-3 h4 profileCard_icon\"></i></a></li>\r\n                                            <li className=\"profileCard_icon\"><a href=\"#\"><i className=\"fab fa-twitter px-3 h4 profileCard_icon\"></i></a></li>\r\n                                        </ul>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </Paper>\r\n        </div>\r\n    );\r\n};","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport '../../features/dashboard/dashboard.css';\r\nimport '../../components/profileCard/profileCard.css';\r\nimport { createStyles, makeStyles, Paper, Theme } from '@material-ui/core';\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n    createStyles({\r\n        paper: {\r\n            borderRadius: 20,\r\n        },\r\n    }),\r\n);\r\n\r\nexport default function CompanyProfile() {\r\n    const { t } = useTranslation();\r\n    const classes = useStyles();\r\n\r\n    return (\r\n        <>\r\n            <div className=\"dashboard_details-profile\">\r\n                <Paper style={{padding: \"20px\"}} elevation={3} className={classes.paper}>\r\n                    <div >\r\n                        <div className=\"container\">\r\n                            <div className=\"row d-flex justify-content-center\">\r\n                                <div className=\"col-md-10 mt-5 pt-5\">\r\n                                    <div className=\"row z-depth-3\">\r\n                                        <div className=\"col-sm-4  rounded-left profileCard_profileImg\">\r\n                                            <div className=\"card-block text-center text-white\">\r\n                                                <i className=\"far fa-building fa-7x mt-5\"></i>\r\n                                                <h2 className=\"font-weight-bold mt-4\">Company Name</h2>\r\n                                                <i className=\"far fa-edit fa-2x mb-4\"></i>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div className=\"col-sm-8 bg-white rounded-right\">\r\n                                            <h3 className=\"mt-3\">{t('profilePage.information')}</h3>\r\n                                            <hr className=\"profileCard_hr\" />\r\n                                            <div className=\"row profileCard_label\">\r\n                                                <div className=\"col-sm-6 profileCard_label\">\r\n                                                    <p className=\"font-weight-bold\">{t('profilePage.firstName')}</p>\r\n                                                    <h6 className=\"text-muted\">Srdjan</h6>\r\n                                                </div>\r\n                                                <div className=\"col-sm-6 profileCard_label\">\r\n                                                    <p className=\"font-weight-bold\">{t('profilePage.email')}</p>\r\n                                                    <h6 className=\"text-muted\">srdjan.pajic.ns@gmail.com</h6>\r\n                                                </div>\r\n                                                <div className=\"col-sm-6 profileCard_label\">\r\n                                                    <p className=\"font-weight-bold\">{t('profilePage.lastName')}</p>\r\n                                                    <h6 className=\"text-muted\">Pajic</h6>\r\n                                                </div>\r\n                                                <div className=\"col-sm-6 profileCard_label\">\r\n                                                    <p className=\"font-weight-bold\">{t('profilePage.phone')}</p>\r\n                                                    <h6 className=\"text-muted\">069/212-85-00</h6>\r\n                                                </div>\r\n                                            </div>\r\n                                            <h4 className=\"mt-3\">{t('profile.invoicesProfile')}</h4>\r\n                                            <hr className=\"profileCard_hr\" />\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-sm-6 profileCard_label\">\r\n                                                    <p className=\"font-weight-bold\">{t('profile.recentProfile')}</p>\r\n                                                </div>\r\n                                            </div>\r\n                                            <ul className=\"list-umstyled d-flex justify-content-center mt-4\">\r\n                                                <li className=\"profileCard_icon\"><a href=\"#\"><i className=\"fab fa-facebook-f px-3 h4 profileCard_icon\"></i></a></li>\r\n                                                <li className=\"profileCard_icon\"><a href=\"#\"><i className=\"fab fa-linkedin px-3 h4 profileCard_icon\"></i></a></li>\r\n                                                <li className=\"profileCard_icon\"><a href=\"#\"><i className=\"fab fa-twitter px-3 h4 profileCard_icon\"></i></a></li>\r\n                                            </ul>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </Paper>\r\n            </div>\r\n        </>\r\n    );\r\n};","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react';\r\nimport user from '../../../images/avatar.png';\r\nimport {\r\n    alpha,\r\n    makeStyles,\r\n    createStyles\r\n} from '@material-ui/core/styles';\r\nimport { useTranslation } from 'react-i18next';\r\nimport rsIcon from \"../../../images/serbia.png\";\r\nimport ukIcon from \"../../../images/uk.png\";\r\nimport ProfileCard from '../../../components/profileCard/profileCard';\r\nimport MobileMenu from '../../mobileMenu/mobileMenu';\r\nimport SearchIcon from '@material-ui/icons/Search';\r\nimport {\r\n    InputBase,\r\n    Tooltip\r\n}\r\n    from \"@material-ui/core\";\r\nimport DashboardSidebar from '../../dashboardSidebar/dashboardSidebar';\r\nimport CompanyProfile from '../../companyProfile/companyProfile';\r\nimport '../dashboard.css';\r\n\r\nconst useStyles = makeStyles((theme) =>\r\n    createStyles({\r\n        search: {\r\n            border: '1px solid gray',\r\n            borderRadius: '40px',\r\n            position: 'relative',\r\n            backgroundColor: alpha(theme.palette.common.white, 0.15),\r\n            '&:hover': {\r\n                backgroundColor: alpha(theme.palette.common.white, 0.25),\r\n            },\r\n            marginRight: theme.spacing(2),\r\n            marginLeft: 0,\r\n            width: '100%',\r\n            [theme.breakpoints.up('sm')]: {\r\n                marginLeft: theme.spacing(3),\r\n                width: 'auto',\r\n            },\r\n        },\r\n        searchIcon: {\r\n            padding: theme.spacing(0, 2),\r\n            height: '100%',\r\n            position: 'absolute',\r\n            pointerEvents: 'none',\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'center',\r\n        },\r\n        inputRoot: {\r\n            color: 'inherit',\r\n        },\r\n        inputInput: {\r\n            padding: theme.spacing(1, 1, 1, 0),\r\n            paddingLeft: `calc(1em + ${theme.spacing(4)}px)`,\r\n            transition: theme.transitions.create('width'),\r\n            width: '100%',\r\n            [theme.breakpoints.up('md')]: {\r\n                width: '20ch',\r\n            },\r\n        },\r\n        sectionDesktop: {\r\n            display: 'none',\r\n            [theme.breakpoints.up('md')]: {\r\n                display: 'flex',\r\n            },\r\n        },\r\n        sectionMobile: {\r\n            display: 'flex',\r\n            [theme.breakpoints.up('md')]: {\r\n                display: 'none',\r\n            },\r\n        },\r\n    }),\r\n);\r\n\r\nexport default function ProfilePage() {\r\n    const classes = useStyles();\r\n    const { i18n } = useTranslation();\r\n\r\n    const lngs1 = [\r\n        { nativeName: 'en', className: 'language_switch_header', icon: ukIcon },\r\n        { nativeName: 'rs', className: 'language_switch_header', icon: rsIcon }\r\n    ];\r\n\r\n    return (\r\n        <div className=\"dashboard_container\">\r\n            <div className=\"dashboard_navigation\">\r\n                <DashboardSidebar />\r\n            </div>\r\n            <div className=\"dashboard_main\">\r\n                <div className=\"dashboard_topbar\">\r\n                    <div className=\"dasboard_toggle\">\r\n                        <div className=\"dashboard_language\">\r\n                            {lngs1.map((lng) => (\r\n                                <Tooltip\r\n                                    key={lng.nativeName}\r\n                                    title={lng.nativeName === 'en' ? 'UK' : 'RS'}\r\n                                    placement=\"bottom\"\r\n                                >\r\n                                    <button\r\n                                        className={lng.className}\r\n                                        key={lng.nativeName}\r\n                                        style={{ fontWeight: i18n.resolvedLanguage === lng.nativeName ? 'bold' : 'normal' }}\r\n                                        type=\"submit\"\r\n                                        onClick={() => i18n.changeLanguage(lng.nativeName)}\r\n                                    >\r\n                                        <img\r\n                                            key={lng.nativeName}\r\n                                            src={lng.icon}\r\n                                            alt={lng.nativeName}\r\n                                        />\r\n                                    </button>\r\n                                </Tooltip>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"dashboard_search\">\r\n                        <div className={classes.search}>\r\n                            <div className={classes.searchIcon}>\r\n                                <SearchIcon />\r\n                            </div>\r\n                            <InputBase\r\n                                placeholder=\"Search Here...\"\r\n                                classes={{\r\n                                    root: classes.inputRoot,\r\n                                    input: classes.inputInput,\r\n                                }}\r\n                                inputProps={{ 'aria-label': 'search' }}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"dashboard_user\">\r\n                        <img src={user} alt=\"\" className=\"dashboard_userLogo\" />\r\n                    </div>\r\n                </div>\r\n                <ProfileCard />\r\n                <CompanyProfile />\r\n            </div>\r\n            <MobileMenu />\r\n        </div>\r\n    );\r\n};","export default __webpack_public_path__ + \"static/media/invoiceHeader.2669101a.png\";","export default __webpack_public_path__ + \"static/media/invoiceContentHeader.a8966ca1.png\";","export default __webpack_public_path__ + \"static/media/invoiceTable.6945a51f.png\";","export default __webpack_public_path__ + \"static/media/invoiceFooter.7520194b.png\";","import React, { useState } from 'react';\r\nimport {\r\n  DragDropContext,\r\n  Droppable,\r\n  Draggable\r\n} from 'react-beautiful-dnd';\r\nimport header from '../../images/invoiceHeader.png';\r\nimport headerContent from '../../images/invoiceContentHeader.png';\r\nimport invoiceTable from '../../images/invoiceTable.png';\r\nimport invoiceFooter from '../../images/invoiceFooter.png';\r\nimport uuid from \"uuid/dist/v4\";\r\nimport './templateComp.css'\r\nimport { Grid, Container } from '@material-ui/core';\r\n\r\nconst invoiceItems = [\r\n  { id: uuid(), content: header },\r\n  { id: uuid(), content: headerContent },\r\n  { id: uuid(), content: invoiceTable },\r\n  { id: uuid(), content: invoiceFooter },\r\n];\r\n\r\nconst columnsFromBackend = {\r\n  [uuid()]: {\r\n    name: \"Invoice Template\",\r\n    items: [],\r\n    width: \"600px\",\r\n    height: \"800px\",\r\n    float: \"left\"\r\n  },\r\n  [uuid()]: {\r\n    name: \"Components\",\r\n    items: invoiceItems,\r\n    width: \"200px\",\r\n    height: \"700px\",\r\n    float: \"right\",\r\n  }\r\n};\r\n\r\nconst onDragEnd = (result, columns, setColumns) => {\r\n  console.log(\"onDragEnd\")\r\n  console.log(columns);\r\n  console.log(result);\r\n  if (!result.destination) return;\r\n  const { source, destination } = result;\r\n\r\n\r\n  if (source.droppableId !== destination.droppableId) {\r\n    const sourceColumn = columns[source.droppableId];\r\n    const destColumn = columns[destination.droppableId];\r\n    const sourceItems = [...sourceColumn.items];\r\n    const destItems = [...destColumn.items];\r\n    const [removed] = sourceItems.splice(source.index, 1);\r\n    destItems.splice(destination.index, 0, removed);\r\n    setColumns({\r\n      ...columns,\r\n      [source.droppableId]: {\r\n        ...sourceColumn,\r\n        items: sourceItems\r\n      },\r\n      [destination.droppableId]: {\r\n        ...destColumn,\r\n        items: destItems\r\n      }\r\n    });\r\n  } else {\r\n    const column = columns[source.droppableId];\r\n    const copiedItems = [...column.items];\r\n    const [removed] = copiedItems.splice(source.index, 1);\r\n    copiedItems.splice(destination.index, 0, removed);\r\n    setColumns({\r\n      ...columns,\r\n      [source.droppableId]: {\r\n        ...column,\r\n        items: copiedItems\r\n      }\r\n    });\r\n  }\r\n};\r\n\r\nexport default function TemplateComp() {\r\n  const [columns, setColumns] = useState(columnsFromBackend);\r\n\r\n  return (\r\n    <Container maxWidth=\"sm\">\r\n      <Grid item xs={12} sm={12} style={{ display: \"flex\" }}>\r\n        <DragDropContext\r\n          onDragEnd={result => onDragEnd(result, columns, setColumns)}\r\n        >\r\n          {Object.entries(columns).map(([columnId, column], index) => {\r\n            return (\r\n              <div\r\n                style={{\r\n                  flexDirection: \"column\",\r\n                  alignItems: \"center\",\r\n                }}\r\n                key={columnId}\r\n              >\r\n                <h2 key={columnId}>{column.name}</h2>\r\n                <div style={{ margin: 8 }}>\r\n                  <Droppable droppableId={columnId} key={columnId}>\r\n                    {(provided, snapshot) => {\r\n                      return (\r\n                        <div\r\n                          {...provided.droppableProps}\r\n                          ref={provided.innerRef}\r\n                          style={{\r\n                            background: snapshot.isDraggingOver\r\n                              ? \"lightblue\"\r\n                              : \"lightgrey\",\r\n                            padding: 4,\r\n                            width: column.width,\r\n                            minHeight: column.height\r\n                          }}\r\n                        >\r\n                          {column.items.map((item, index) => {\r\n                            return (\r\n                              <Draggable\r\n                                key={item.id}\r\n                                draggableId={item.id}\r\n                                index={item.id}\r\n                              >\r\n                                {(provided, snapshot) => {\r\n                                  return (\r\n                                    <div\r\n                                      key={item.id}\r\n                                      className=\"characters-thumb\"\r\n                                      ref={provided.innerRef}\r\n                                      {...provided.draggableProps}\r\n                                      {...provided.dragHandleProps}\r\n                                      style={{\r\n                                        userSelect: \"none\",\r\n                                        padding: 16,\r\n                                        margin: \"0 0 8px 0\",\r\n                                        minHeight: \"50px\",\r\n                                        backgroundColor: snapshot.isDragging\r\n                                          ? \"#849AA3\"\r\n                                          : \"#849AA3\",\r\n                                        color: \"white\",\r\n                                        ...provided.draggableProps.style\r\n                                      }}\r\n                                    >\r\n                                      <img\r\n                                        key={item.id}\r\n                                        src={item.content}\r\n                                        alt=\"\"\r\n                                        style={{ width: \"100%\" }}\r\n                                      />\r\n                                    </div>\r\n                                  );\r\n                                }}\r\n                              </Draggable>\r\n                            );\r\n                          })}\r\n                          {provided.placeholder}\r\n                        </div>\r\n                      );\r\n                    }}\r\n                  </Droppable>\r\n                </div>\r\n              </div>\r\n            );\r\n          })}\r\n        </DragDropContext>\r\n      </Grid>\r\n    </Container>\r\n  );\r\n};","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react';\r\nimport user from '../../../images/avatar.png';\r\nimport {\r\n    alpha,\r\n    makeStyles,\r\n    createStyles\r\n} from '@material-ui/core/styles';\r\nimport { useTranslation } from 'react-i18next';\r\nimport rsIcon from \"../../../images/serbia.png\";\r\nimport ukIcon from \"../../../images/uk.png\";\r\nimport MobileMenu from '../../mobileMenu/mobileMenu';\r\nimport SearchIcon from '@material-ui/icons/Search';\r\nimport {\r\n    InputBase,\r\n    Tooltip\r\n}\r\n    from \"@material-ui/core\";\r\nimport DashboardSidebar from '../../dashboardSidebar/dashboardSidebar';\r\nimport { Row, Col } from 'react-bootstrap';\r\nimport TemplateComp from '../../../components/template/templateComp';\r\nimport '../dashboard.css';\r\n\r\nconst useStyles = makeStyles((theme) =>\r\n    createStyles({\r\n        search: {\r\n            border: '1px solid gray',\r\n            borderRadius: '40px',\r\n            position: 'relative',\r\n            backgroundColor: alpha(theme.palette.common.white, 0.15),\r\n            '&:hover': {\r\n                backgroundColor: alpha(theme.palette.common.white, 0.25),\r\n            },\r\n            marginRight: theme.spacing(2),\r\n            marginLeft: 0,\r\n            width: '100%',\r\n            [theme.breakpoints.up('sm')]: {\r\n                marginLeft: theme.spacing(3),\r\n                width: 'auto',\r\n            },\r\n        },\r\n        searchIcon: {\r\n            padding: theme.spacing(0, 2),\r\n            height: '100%',\r\n            position: 'absolute',\r\n            pointerEvents: 'none',\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            justifyContent: 'center',\r\n        },\r\n        inputRoot: {\r\n            color: 'inherit',\r\n        },\r\n        inputInput: {\r\n            padding: theme.spacing(1, 1, 1, 0),\r\n            paddingLeft: `calc(1em + ${theme.spacing(4)}px)`,\r\n            transition: theme.transitions.create('width'),\r\n            width: '100%',\r\n            [theme.breakpoints.up('md')]: {\r\n                width: '20ch',\r\n            },\r\n        },\r\n        sectionDesktop: {\r\n            display: 'none',\r\n            [theme.breakpoints.up('md')]: {\r\n                display: 'flex',\r\n            },\r\n        },\r\n        sectionMobile: {\r\n            display: 'flex',\r\n            [theme.breakpoints.up('md')]: {\r\n                display: 'none',\r\n            },\r\n        },\r\n    }),\r\n);\r\n\r\nexport default function TemplatePage() {\r\n    const classes = useStyles();\r\n    const { i18n } = useTranslation();\r\n    const lngs1 = [\r\n        { nativeName: 'en', className: 'language_switch_header', icon: ukIcon },\r\n        { nativeName: 'rs', className: 'language_switch_header', icon: rsIcon }\r\n    ];\r\n\r\n    return (\r\n        <div className=\"dashboard_container\">\r\n            <div className=\"dashboard_navigation\">\r\n                <DashboardSidebar />\r\n            </div>\r\n            <div className=\"dashboard_main\">\r\n                <div className=\"dashboard_topbar\">\r\n                    <div className=\"dasboard_toggle\">\r\n                        <div className=\"dashboard_language\">\r\n                            {lngs1.map((lng) => (\r\n                                <Tooltip key={lng.nativeName} title={lng.nativeName === 'en' ? 'UK' : 'RS'} placement=\"bottom\">\r\n                                    <button\r\n                                        className={lng.className}\r\n                                        key={lng.nativeName}\r\n                                        style={{ fontWeight: i18n.resolvedLanguage === lng.nativeName ? 'bold' : 'normal' }}\r\n                                        type=\"submit\"\r\n                                        onClick={() => i18n.changeLanguage(lng.nativeName)}\r\n                                    >\r\n                                        <img key={lng.nativeName} src={lng.icon} alt={lng.nativeName} />\r\n                                    </button>\r\n                                </Tooltip>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"dashboard_search\">\r\n                        <div className={classes.search}>\r\n                            <div className={classes.searchIcon}>\r\n                                <SearchIcon />\r\n                            </div>\r\n                            <InputBase\r\n                                placeholder=\"Search Here...\"\r\n                                classes={{\r\n                                    root: classes.inputRoot,\r\n                                    input: classes.inputInput,\r\n                                }}\r\n                                inputProps={{ 'aria-label': 'search' }}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"dashboard_user\">\r\n                        <img\r\n                            src={user}\r\n                            alt=\"\"\r\n                            className=\"dashboard_userLogo\"\r\n                        />\r\n                    </div>\r\n                </div>\r\n                <Row>\r\n                    <Col sm>\r\n                        <TemplateComp />\r\n                    </Col>\r\n                </Row>\r\n            </div>\r\n            <MobileMenu />\r\n        </div>\r\n    );\r\n};","export default __webpack_public_path__ + \"static/media/arrowUp.0d4d7ce7.png\";","import arrow from '../../images/arrowUp.png';\r\nimport styled from \"styled-components\";\r\nimport { useEffect, useRef } from \"react\";\r\nimport gsap from \"gsap\";\r\nimport { ScrollTrigger } from \"gsap/ScrollTrigger\";\r\n\r\nexport const Up = styled.div`\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n  color: rgba(0, 0, 0, 0.65);\r\n  font-size: 14px;\r\n  line-height: 1.5715;\r\n  list-style: none;\r\n  position: fixed;\r\n  right: 100px;\r\n  bottom: 80px;\r\n  z-index: 10;\r\n  width: 40px;\r\n  height: 40px;\r\n  cursor: pointer;\r\n  @media screen and (max-width: 48em) {\r\n    display: none;\r\n  }\r\n  img {\r\n    width: 3rem;\r\n    height: 3rem;\r\n    border: 2px solid #849BA4;\r\n    border-radius: 50%;\r\n    background-color: #fff;\r\n    color: #1a1d1e;\r\n    transition: transform 0.3s;\r\n    display: none;\r\n    &:hover {\r\n      transform: scale(1.2);\r\n    }\r\n    &:active {\r\n      transform: scale(0.9);\r\n    }\r\n  }\r\n`;\r\n\r\nconst ScrollToTop = () => {\r\n  const ref = useRef(null);\r\n  gsap.registerPlugin(ScrollTrigger);\r\n\r\n  const scrollUp = () => {\r\n    const element = document.getElementById(\"home\");\r\n    element.scrollIntoView({\r\n      behavior: \"smooth\",\r\n      block: \"end\",\r\n      inline: \"nearest\",\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    const element = ref.current;\r\n    gsap.to(element, {\r\n      display: \"block\",\r\n      scrollTrigger: {\r\n        trigger: element,\r\n        start: \"top top\",\r\n        scrub: true,\r\n      },\r\n    });\r\n  }, []);\r\n\r\n  return (\r\n    <Up onClick={scrollUp}>\r\n      <img ref={ref} src={arrow} alt=\"to top\" />\r\n    </Up>\r\n  );\r\n};\r\n\r\nexport default ScrollToTop;","export default __webpack_public_path__ + \"static/media/video3.cd5473b8.mp4\";","import React from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport Video from \"../../video/video3.mp4\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { contactPage as contactPageRoute } from \"../../app/routes\";\r\nimport { HashLink as Link } from \"react-router-hash-link\";\r\nimport { Grid } from \"@material-ui/core\";\r\nimport \"./slider.css\";\r\n\r\nfunction Slider() {\r\n  const { t } = useTranslation();\r\n  const history = useHistory();\r\n  const handleContactPage = () => {\r\n    history.push(contactPageRoute());\r\n  };\r\n\r\n  return (\r\n    <div className=\"slider_header\" id=\"home\">\r\n      <video autoPlay loop className=\"slider_back-video\" muted playsInline>\r\n        <source src={Video} type=\"video/mp4\" />\r\n      </video>\r\n      <div className=\"slider_content\">\r\n        <div data-aos=\"fade-left\">\r\n          <h6 className=\"slider-description\">{t(\"slider.description\")}</h6>\r\n          <h4 className=\"slider-caption\">{t(\"slider.caption\")}</h4>\r\n          <Grid item xs={12} sm={12}>\r\n            <button onClick={handleContactPage} className=\"slider_btn\">\r\n              {t(\"buttons.contactUs\")}\r\n            </button>\r\n          </Grid>\r\n          <Grid item xs={12} sm={12}>\r\n            <button className=\"slider_btn\">\r\n              <Link\r\n                to=\"#aboutUsSection\"\r\n                style={{ textDecoration: \"none\", color: \"white\" }}\r\n              >\r\n                {t(\"homePage.aboutUs\")}\r\n              </Link>\r\n            </button>\r\n          </Grid>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Slider;\r\n","export default __webpack_public_path__ + \"static/media/whyUsNew.4dc0f96e.png\";","export default __webpack_public_path__ + \"static/media/aboutNew.808515e3.png\";","export default __webpack_public_path__ + \"static/media/typeScript.9c26f8b2.png\";","import React from 'react';\r\nimport { \r\n    DialogActions, \r\n    Grid, \r\n    Typography, \r\n    Button,\r\n    Dialog, \r\n    DialogContent,\r\n    DialogContentText,\r\n    DialogTitle,\r\n} from '@material-ui/core';\r\nimport typeScript from '../../../images/typeScript.png';\r\nimport { useTranslation } from 'react-i18next';\r\nimport './typeScriptModal.css';\r\n\r\ninterface Props {\r\n    open: any;\r\n    modalClose: any;\r\n}\r\n\r\nexport default function TypeScriptModal({\r\n    open,\r\n    modalClose\r\n}: Props) {\r\n    const {t} = useTranslation();\r\n\r\n    return (\r\n        <div>\r\n            <Dialog\r\n                style={{ borderRadius: 2 }}\r\n                open={open}\r\n                onClose={modalClose}\r\n                aria-labelledby=\"typeScript_dialog-title\"\r\n                aria-describedby=\"typeScript_dialog-description\"\r\n            >\r\n                <Grid container>\r\n                    <Grid\r\n                        item\r\n                        xs={12}\r\n                        sm={12}\r\n                        className=\"typeScript_modal_title\"\r\n                    >\r\n                        <Grid\r\n                            item\r\n                            xs={1}\r\n                            sm={1}\r\n                        >\r\n                            <img\r\n                                src={typeScript}\r\n                                alt=\"\"\r\n                                className=\"typeScript_modal_logo_img\"\r\n                            />\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                            xs={12}\r\n                        >\r\n                            <DialogTitle\r\n                                id=\"typeScript_dialog-title\"\r\n                                className=\"typeScript_dialog_title\"\r\n                            >\r\n                                <b>{t('homePage.typeScriptTitle')}</b>\r\n                            </DialogTitle>\r\n                        </Grid>\r\n                    </Grid>\r\n                    <DialogContent>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <DialogContentText\r\n                                id=\"typeScript_dialog-description\"\r\n                                className=\"typeScript_dialog_content\"\r\n                            >\r\n                                {t('homePage.typeScriptGeneral')}\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"typeScript_modal_typography\"\r\n                            >\r\n                                {t('homePage.typeScriptUsedForTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"typeScript_dialog-description\"\r\n                                className=\"typeScript_dialog_content\"\r\n                            >\r\n                                 {t('homePage.typeScriptUsedForText')}\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"typeScript_modal_typography\"\r\n                            >\r\n                                {t('homePage.typeScriptFrontOrBackTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"typeScript_dialog-description\"\r\n                                className=\"typeScript_dialog_content\"\r\n                            >\r\n                                {t('homePage.typeScriptFrontOrBackText')}\r\n                            </DialogContentText>\r\n                            <DialogActions className=\"typeScript_modal_dialogActions\">\r\n                                <Button\r\n                                    variant=\"outlined\"\r\n                                    className=\"typeScript_modal_button\"\r\n                                    onClick={modalClose}\r\n                                >\r\n                                    {t('buttons.close')}\r\n                                </Button>\r\n                            </DialogActions>\r\n                        </Grid>\r\n                    </DialogContent>\r\n                </Grid>\r\n            </Dialog>\r\n        </div >\r\n    );\r\n}","export default __webpack_public_path__ + \"static/media/customSoftware.52dd69aa.png\";","import React from 'react';\r\nimport {\r\n    DialogActions,\r\n    Grid,\r\n    Typography,\r\n    Button,\r\n    Dialog,\r\n    DialogContent,\r\n    DialogContentText,\r\n    DialogTitle\r\n} from '@material-ui/core';\r\nimport customSoftware from '../../../images/customSoftware.png';\r\nimport { useTranslation } from 'react-i18next';\r\nimport './customSoftwareModal.css';\r\n\r\ninterface Props {\r\n    open: any;\r\n    modalClose: any;\r\n}\r\n\r\nexport default function CustomSoftwareModal({\r\n    open,\r\n    modalClose\r\n}: Props) {\r\n    const { t } = useTranslation();\r\n\r\n    return (\r\n        <div>\r\n            <Dialog\r\n                style={{ borderRadius: 2 }}\r\n                open={open}\r\n                onClose={modalClose}\r\n                aria-labelledby=\"customSoftwareModal_dialog-title\"\r\n                aria-describedby=\"customSoftwareModal_dialog-description\"\r\n            >\r\n                <Grid container>\r\n                    <Grid\r\n                        item\r\n                        xs={12}\r\n                        sm={12}\r\n                        className=\"customSoftwareModal_modal_title\"\r\n                    >\r\n                        <Grid\r\n                            item\r\n                            xs={1}\r\n                            sm={1}\r\n                        >\r\n                            <img\r\n                                src={customSoftware}\r\n                                alt=\"\"\r\n                                className=\"customSoftwareModal_modal_logo_img\"\r\n                            />\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                            xs={12}\r\n                        >\r\n                            <DialogTitle\r\n                                id=\"customSoftwareModal_dialog-title\"\r\n                                className=\"customSoftwareModal_dialog_title\"\r\n                            >\r\n                                <b>{t('homePage.customSoftwareTitle')}</b>\r\n                            </DialogTitle>\r\n                        </Grid>\r\n                    </Grid>\r\n                    <DialogContent>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <DialogContentText\r\n                                id=\"customSoftwareModal_dialog-description\"\r\n                                className=\"customSoftwareModal_dialog_content\"\r\n                            >\r\n                                {t('homePage.customSoftwareGeneral')}\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"customSoftwareModal_modal_typography\"\r\n                            >\r\n                                {t('homePage.customSoftwareImportanceTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"customSoftwareModal_dialog-description\"\r\n                                className=\"customSoftwareModal_dialog_content\"\r\n                            >\r\n                                {t('homePage.customSoftwareImportanceText')}\r\n\r\n                            </DialogContentText>\r\n                            <DialogActions className=\"customSoftware_modal_dialogActions\">\r\n                                <Button\r\n                                    variant=\"outlined\"\r\n                                    className=\"customSoftware_modal_button\"\r\n                                    onClick={modalClose}\r\n                                >\r\n                                    {t('buttons.close')}\r\n                                </Button>\r\n                            </DialogActions>\r\n                        </Grid>\r\n                    </DialogContent>\r\n                </Grid>\r\n            </Dialog>\r\n        </div >\r\n    );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/webServices.6499c2b7.png\";","import React from 'react';\r\nimport { \r\n    DialogActions, \r\n    Grid, \r\n    Typography, \r\n    Button,\r\n    Dialog, \r\n    DialogContent,\r\n    DialogContentText,\r\n    DialogTitle,\r\n} from '@material-ui/core';\r\nimport webServices from '../../../images/webServices.png';\r\nimport { useTranslation } from 'react-i18next';\r\nimport './webServicesModal.css';\r\n\r\ninterface Props {\r\n    open: any;\r\n    modalClose: any;\r\n}\r\n\r\nexport default function WebServicesModal({\r\n    open,\r\n    modalClose\r\n}: Props) {\r\n    const {t} = useTranslation();\r\n\r\n    return (\r\n        <div>\r\n            <Dialog\r\n                style={{ borderRadius: 2 }}\r\n                open={open}\r\n                onClose={modalClose}\r\n                aria-labelledby=\"webServices_dialog-title\"\r\n                aria-describedby=\"webServices_dialog-description\"\r\n            >\r\n                <Grid container>\r\n                    <Grid\r\n                        item\r\n                        xs={12}\r\n                        sm={12}\r\n                        className=\"webServices_modal_title\"\r\n                    >\r\n                        <Grid\r\n                            item\r\n                            xs={1}\r\n                            sm={1}\r\n                        >\r\n                            <img\r\n                                src={webServices}\r\n                                alt=\"\"\r\n                                className=\"webServices_modal_logo_img\"\r\n                            />\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                            xs={12}\r\n                        >\r\n                            <DialogTitle\r\n                                id=\"webServices_dialog-title\"\r\n                                className=\"webServices_dialog_title\"\r\n                            >\r\n                                <b>{t('homePage.webServicesTitle')}</b>\r\n                            </DialogTitle>\r\n                        </Grid>\r\n                    </Grid>\r\n                    <DialogContent>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <DialogContentText\r\n                                id=\"webServices_dialog-description\"\r\n                                className=\"webServices_dialog_content\"\r\n                            >\r\n                                {t('homePage.webServicesGeneral')}\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"webServices_modal_typography\"\r\n                            >\r\n                                {t('homePage.webServicesIsGoogleWebServiceTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"webServices_dialog-description\"\r\n                                className=\"webServices_dialog_content\"\r\n                            >\r\n                                {t('homePage.webServicesIsGoogleWebServiceText')}\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"webServices_modal_typography\"\r\n                            >\r\n                                {t('homePage.webServicesWhichLanguageTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"webServices_dialog-description\"\r\n                                className=\"webServices_dialog_content\"\r\n                            >\r\n                               {t('homePage.webServicesWhichLanguageText')}\r\n                            </DialogContentText>\r\n                            <DialogActions className=\"webServices_modal_dialogActions\">\r\n                                <Button\r\n                                    variant=\"outlined\"\r\n                                    className=\"webServices_modal_button\"\r\n                                    onClick={modalClose}\r\n                                >\r\n                                    {t('buttons.close')}\r\n                                </Button>\r\n                            </DialogActions>\r\n                        </Grid>\r\n                    </DialogContent>\r\n                </Grid>\r\n            </Dialog>\r\n        </div >\r\n    );\r\n}","export default __webpack_public_path__ + \"static/media/webApplication.75d48f8b.png\";","import React from 'react';\r\nimport { \r\n    DialogActions, \r\n    Grid, \r\n    Typography, \r\n    Button,\r\n    Dialog, \r\n    DialogContent,\r\n    DialogContentText,\r\n    DialogTitle,\r\n} from '@material-ui/core';\r\nimport webApplication from '../../../images/webApplication.png';\r\nimport { useTranslation } from 'react-i18next';\r\nimport './webApplicationModal.css';\r\n\r\ninterface Props {\r\n    open: any;\r\n    modalClose: any;\r\n}\r\n\r\nexport default function WebApplicationModal({\r\n    open,\r\n    modalClose\r\n}: Props) {\r\n    const {t} = useTranslation();\r\n\r\n    return (\r\n        <div>\r\n            <Dialog\r\n                style={{ borderRadius: 2 }}\r\n                open={open}\r\n                onClose={modalClose}\r\n                aria-labelledby=\"webApplication_dialog-title\"\r\n                aria-describedby=\"webApplication_dialog-description\"\r\n            >\r\n                <Grid container>\r\n                    <Grid\r\n                        item\r\n                        xs={12}\r\n                        sm={12}\r\n                        className=\"webApplication_modal_title\"\r\n                    >\r\n                        <Grid\r\n                            item\r\n                            xs={1}\r\n                            sm={1}\r\n                        >\r\n                            <img\r\n                                src={webApplication}\r\n                                alt=\"\"\r\n                                className=\"webApplication_modal_logo_img\"\r\n                            />\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                            xs={12}\r\n                        >\r\n                            <DialogTitle\r\n                                id=\"webApplication_dialog-title\"\r\n                                className=\"webApplication_dialog_title\"\r\n                            >\r\n                                <b>{t('homePage.webApplicationTitle')}</b>\r\n                            </DialogTitle>\r\n                        </Grid>\r\n                    </Grid>\r\n                    <DialogContent>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"webApplication_modal_typography\"\r\n                            >\r\n                                {t('homePage.webApplicationExampleTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"webApplication_dialog-description\"\r\n                                className=\"webApplication_dialog_content\"\r\n                            >\r\n                                {t('homePage.webApplicationExampleText')}\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"webApplication_modal_typography\"\r\n                            >\r\n                                {t('homePage.webApplicationBegginersTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"webApplication_dialog-description\"\r\n                                className=\"webApplication_dialog_content\"\r\n                            >\r\n                                {t('homePage.webApplicationBegginersText')}\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"webApplication_modal_typography\"\r\n                            >\r\n                                {t('homePage.webApplicationYouTubeTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"webApplication_dialog-description\"\r\n                                className=\"webApplication_dialog_content\"\r\n                            >\r\n                                {t('homePage.webApplicationYouTubeText')}\r\n\r\n                            </DialogContentText>\r\n                            <DialogActions className=\"webApplication_modal_dialogActions\">\r\n                                <Button\r\n                                    variant=\"outlined\"\r\n                                    className=\"webApplication_modal_button\"\r\n                                    onClick={modalClose}\r\n                                >\r\n                                    {t('buttons.close')}\r\n                                </Button>\r\n                            </DialogActions>\r\n                        </Grid>\r\n                    </DialogContent>\r\n                </Grid>\r\n            </Dialog>\r\n        </div >\r\n    );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/webDesign.40d41bc6.png\";","import React from 'react';\r\nimport { \r\n    DialogActions, \r\n    Grid, \r\n    Typography, \r\n    Button,\r\n    Dialog, \r\n    DialogContent,\r\n    DialogContentText,\r\n    DialogTitle\r\n} from '@material-ui/core';\r\nimport webDesign from '../../../images/webDesign.png';\r\nimport { useTranslation } from 'react-i18next';\r\nimport './webDesignModal.css';\r\n\r\ninterface Props {\r\n    open: any;\r\n    modalClose: any;\r\n}\r\n\r\nexport default function WebDesignModal({\r\n    open,\r\n    modalClose\r\n}: Props) {\r\n    const {t} = useTranslation();\r\n\r\n    return (\r\n        <div>\r\n            <Dialog\r\n                style={{ borderRadius: 2 }}\r\n                open={open}\r\n                onClose={modalClose}\r\n                aria-labelledby=\"webDesignModal_dialog-title\"\r\n                aria-describedby=\"webDesignModal_dialog-description\"\r\n            >\r\n                <Grid container>\r\n                    <Grid\r\n                        item\r\n                        xs={12}\r\n                        sm={12}\r\n                        className=\"webDesignModal_modal_title\"\r\n                    >\r\n                        <Grid\r\n                            item\r\n                            xs={1}\r\n                            sm={1}\r\n                        >\r\n                            <img\r\n                                src={webDesign}\r\n                                alt=\"\"\r\n                                className=\"webDesignModal_modal_logo_img\"\r\n                            />\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                            xs={12}\r\n                        >\r\n                            <DialogTitle\r\n                                id=\"webDesignModal_dialog-title\"\r\n                                className=\"webDesignModal_dialog_title\">\r\n                                <b>{t('homePage.webDesignTitle')}</b>\r\n                            </DialogTitle>\r\n                        </Grid>\r\n                    </Grid>\r\n                    <DialogContent>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"webDesignModal_modal_typography\"\r\n                            >\r\n                                {t('homePage.webDesignWhatDesignerDoTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"webDesignModal_dialog-description\"\r\n                                className=\"webDesignModal_dialog_content\"\r\n                            >\r\n                               {t('homePage.webDesignWhatDesignerDoText')}\r\n\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"webDesignModal_modal_typography\"\r\n                            >\r\n                               {t('homePage.webDesignHowFastLearnTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"webDesignModal_dialog-description\"\r\n                                className=\"webDesignModal_dialog_content\"\r\n                            >\r\n                                {t('homePage.webDesignHowFastLearnText')}\r\n\r\n                            </DialogContentText>\r\n                            <DialogActions className=\"webDesignModal_modal_dialogActions\">\r\n                                <Button\r\n                                    variant=\"outlined\"\r\n                                    className=\"webDesignModal_modal_button\"\r\n                                    onClick={modalClose}\r\n                                >\r\n                                    {t('buttons.close')}\r\n                                </Button>\r\n                            </DialogActions>\r\n                        </Grid>\r\n                    </DialogContent>\r\n                </Grid>\r\n            </Dialog>\r\n        </div >\r\n    );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/designModal.5570b726.png\";","import React from 'react';\r\nimport { \r\n    DialogActions, \r\n    Grid, \r\n    Typography, \r\n    Button,\r\n    Dialog, \r\n    DialogContent,\r\n    DialogContentText,\r\n    DialogTitle\r\n} from '@material-ui/core';\r\nimport design from '../../../images/designModal.png';\r\nimport { useTranslation } from 'react-i18next';\r\nimport './designModal.css';\r\n\r\ninterface Props {\r\n    open: any;\r\n    modalClose: any;\r\n}\r\n\r\nexport default function DesignModal({\r\n    open,\r\n    modalClose\r\n}: Props) {\r\n    const { t } = useTranslation();\r\n    return (\r\n        <div>\r\n            <Dialog\r\n                style={{ borderRadius: 2 }}\r\n                open={open}\r\n                onClose={modalClose}\r\n                aria-labelledby=\"designModal_dialog-title\"\r\n                aria-describedby=\"designModal_dialog-description\"\r\n            >\r\n                <Grid container>\r\n                    <Grid\r\n                        item\r\n                        xs={12}\r\n                        sm={12}\r\n                        className=\"designModal_modal_title\"\r\n                    >\r\n                        <Grid\r\n                            item\r\n                            xs={1}\r\n                            sm={1}\r\n                        >\r\n                            <img\r\n                                src={design}\r\n                                alt=\"\"\r\n                                className=\"designModal_modal_logo_img\"\r\n                            />\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                            xs={12}\r\n                        >\r\n                            <DialogTitle\r\n                                id=\"designModal_dialog-title\"\r\n                                className=\"designModal_dialog_title\"\r\n                            >\r\n                                <b>{t('homePage.designTitle')}</b>\r\n                            </DialogTitle>\r\n                        </Grid>\r\n                    </Grid>\r\n                    <DialogContent>\r\n\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"designModal_modal_typography\"\r\n                            >\r\n                                {t('homePage.designEasyTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"designModal_dialog-description\"\r\n                                className=\"designModal_dialog_content\"\r\n                            >\r\n                                {t('homePage.designEasyText')}\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"designModal_modal_typography\"\r\n                            >\r\n                                {t('homePage.designWhatDesignerDoTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"designModal_dialog-description\"\r\n                                className=\"designModal_dialog_content\"\r\n                            >\r\n                                {t('homePage.designWhatDesignerDoText')}\r\n                            </DialogContentText>\r\n                            <DialogActions className=\"designModal_modal_dialogActions\">\r\n                                <Button\r\n                                    variant=\"outlined\"\r\n                                    className=\"designModal_modal_button\"\r\n                                    onClick={modalClose}\r\n                                >\r\n                                    {t('buttons.close')}\r\n                                </Button>\r\n                            </DialogActions>\r\n                        </Grid>\r\n                    </DialogContent>\r\n                </Grid>\r\n            </Dialog>\r\n        </div >\r\n    );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/csharpblue.33d2b1d5.png\";","import React from \"react\";\r\nimport {\r\n  DialogActions,\r\n  Grid,\r\n  Typography,\r\n  Button,\r\n  Dialog,\r\n  DialogContent,\r\n  DialogContentText,\r\n  DialogTitle,\r\n} from \"@material-ui/core\";\r\nimport cSharp from \"../../../images/csharpblue.png\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport \"./cSharpModal.css\";\r\n\r\ninterface Props {\r\n  open: any;\r\n  modalClose: any;\r\n}\r\n\r\nexport default function CSharpModal({ open, modalClose }: Props) {\r\n  const { t } = useTranslation();\r\n\r\n  return (\r\n    <div>\r\n      <Dialog\r\n        style={{ borderRadius: 2 }}\r\n        open={open}\r\n        onClose={modalClose}\r\n        aria-labelledby=\"dialog-title\"\r\n        aria-describedby=\"dialog-description\"\r\n      >\r\n        <Grid container>\r\n          <Grid item xs={12} sm={12} className=\"cSharpModal_modal_title\">\r\n            <Grid item xs={1} sm={1}>\r\n              <img src={cSharp} alt=\"\" className=\"cSharpModal_modal_logo_img\" />\r\n            </Grid>\r\n            <Grid item sm={12} xs={12}>\r\n              <DialogTitle\r\n                id=\"dialog-title\"\r\n                className=\"cSharpModal_dialog_title\"\r\n              >\r\n                <b>{t(\"homePage.cSharpTitle\")}</b>\r\n              </DialogTitle>\r\n            </Grid>\r\n          </Grid>\r\n          <DialogContent>\r\n            <Grid item sm={12}>\r\n              <DialogContentText\r\n                id=\"dialog-description\"\r\n                className=\"cSharpModal_dialog_content\"\r\n              >\r\n                {t(\"homePage.cSharpGeneral\")}\r\n              </DialogContentText>\r\n            </Grid>\r\n            <Grid item sm={12}>\r\n              <Typography variant=\"h6\" className=\"cSharpModal_modal_typography\">\r\n                {t(\"homePage.cSharSimilarJavaTitle\")}\r\n              </Typography>\r\n              <DialogContentText\r\n                id=\"dialog-description\"\r\n                className=\"cSharpModal_dialog_content\"\r\n              >\r\n                {t(\"homePage.cSharSimilarJavaText\")}\r\n              </DialogContentText>\r\n            </Grid>\r\n            <Grid item sm={12}>\r\n              <Typography variant=\"h6\" className=\"cSharpModal_modal_typography\">\r\n                {t(\"homePage.cSharWhatPayMoreTitle\")}\r\n              </Typography>\r\n              <DialogContentText\r\n                id=\"dialog-description\"\r\n                className=\"cSharpModal_dialog_content\"\r\n              >\r\n                {t(\"homePage.cSharWhatPayMoreText\")}\r\n              </DialogContentText>\r\n            </Grid>\r\n            <Grid item sm={12}>\r\n              <Typography variant=\"h6\" className=\"cSharpModal_modal_typography\">\r\n                {t(\"homePage.cSharDifficultTitle\")}\r\n              </Typography>\r\n              <DialogContentText\r\n                id=\"dialog-description\"\r\n                className=\"cSharpModal_dialog_content\"\r\n              >\r\n                {t(\"homePage.cSharDifficultText\")}\r\n              </DialogContentText>\r\n              <DialogActions className=\"cSharp_modal_dialogActions\">\r\n                <Button\r\n                  variant=\"outlined\"\r\n                  className=\"cSharp_modal_button\"\r\n                  onClick={modalClose}\r\n                >\r\n                  {t(\"buttons.close\")}\r\n                </Button>\r\n              </DialogActions>\r\n            </Grid>\r\n          </DialogContent>\r\n        </Grid>\r\n      </Dialog>\r\n    </div>\r\n  );\r\n}\r\n","import React from 'react';\r\nimport { \r\n    DialogActions, \r\n    Grid, \r\n    Typography, \r\n    Button,\r\n    Dialog, \r\n    DialogContent,\r\n    DialogContentText,\r\n    DialogTitle\r\n} from '@material-ui/core';\r\nimport database from '../../../images/database.png';\r\nimport { useTranslation } from 'react-i18next';\r\nimport './databaseModal.css';\r\n\r\ninterface Props {\r\n    open: any;\r\n    modalClose: any;\r\n}\r\n\r\nexport default function DatabaseModal({\r\n    open,\r\n    modalClose\r\n}: Props) {\r\n    const {t} = useTranslation();\r\n    return (\r\n        <div>\r\n            <Dialog\r\n                style={{ borderRadius: 2 }}\r\n                open={open}\r\n                onClose={modalClose}\r\n                aria-labelledby=\"databaseModal_dialog-title\"\r\n                aria-describedby=\"databaseModal_dialog-description\"\r\n            >\r\n                <Grid container>\r\n                    <Grid\r\n                        item\r\n                        xs={12}\r\n                        sm={12}\r\n                        className=\"databaseModal_modal_title\"\r\n                    >\r\n                        <Grid\r\n                            item\r\n                            xs={1}\r\n                            sm={1}\r\n                        >\r\n                            <img\r\n                                src={database}\r\n                                alt=\"\"\r\n                                className=\"databaseModal_modal_logo_img\"\r\n                            />\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                            xs={12}\r\n                        >\r\n                            <DialogTitle\r\n                                id=\"databaseModal_dialog-title\"\r\n                                className=\"databaseModal_dialog_title\"\r\n                            >\r\n                                <b>{t('homePage.databaseTitle')}</b>\r\n                            </DialogTitle>\r\n                        </Grid>\r\n                    </Grid>\r\n                    <DialogContent>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <DialogContentText\r\n                                id=\"databaseModal_dialog-description\"\r\n                                className=\"databaseModal_dialog_content\"\r\n                            >\r\n                                {t('homePage.databaseGeneral')}\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"databaseModal_modal_typography\"\r\n                            >\r\n                                {t('homePage.databaseSQLServerTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"databaseModal_dialog-description\"\r\n                                className=\"databaseModal_dialog_content\"\r\n                            >\r\n                                {t('homePage.databaseSQLServerText')}\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"databaseModal_modal_typography\"\r\n                            >\r\n                                {t('homePage.databasePostgreSQLTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"databaseModal_dialog-description\"\r\n                                className=\"databaseModal_dialog_content\"\r\n                            >\r\n                                {t('homePage.databasePostgreSQLText')}\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"databaseModal_modal_typography\"\r\n                            >\r\n                                {t('homePage.databaseCosmoDBTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"databaseModal_dialog-description\"\r\n                                className=\"databaseModal_dialog_content\"\r\n                            >\r\n                                {t('homePage.databaseCosmoDBText')}\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"databaseModal_modal_typography\"\r\n                            >\r\n                                {t('homePage.databaseMongoDBTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"databaseModal_dialog-description\"\r\n                                className=\"databaseModal_dialog_content\"\r\n                            >\r\n                                {t('homePage.databaseMongoDBText')}\r\n                            </DialogContentText>\r\n                            <DialogActions className=\"databaseModal_modal_dialogActions\">\r\n                                <Button\r\n                                    variant=\"outlined\"\r\n                                    className=\"databaseModal_modal_button\"\r\n                                    onClick={modalClose}\r\n                                >\r\n                                    {t('buttons.close')}\r\n                                </Button>\r\n                            </DialogActions>\r\n                        </Grid>\r\n                    </DialogContent>\r\n                </Grid>\r\n            </Dialog>\r\n        </div >\r\n    );\r\n}\r\n","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/cSharp.7dd25903.png\";","export default __webpack_public_path__ + \"static/media/csharpblue_1.57b55e94.png\";","export default __webpack_public_path__ + \"static/media/dotnet_2.389c676f.png\";","export default __webpack_public_path__ + \"static/media/dotnet_color.00fa436d.png\";","export default __webpack_public_path__ + \"static/media/react_2.02bb3de2.png\";","export default __webpack_public_path__ + \"static/media/react_color_1.24d59c12.png\";","export default __webpack_public_path__ + \"static/media/node.js_2.7b2cc865.png\";","export default __webpack_public_path__ + \"static/media/node.js_color_1.a5ea22e1.png\";","export default __webpack_public_path__ + \"static/media/angular_2.9d8b71c1.png\";","export default __webpack_public_path__ + \"static/media/angular_color_1.cacfb0d3.png\";","export default __webpack_public_path__ + \"static/media/java_2.34ac505d.png\";","export default __webpack_public_path__ + \"static/media/java_color_1.a8591155.png\";","import { makeStyles } from \"tss-react/mui\";\r\nimport { Theme } from \"@mui/material/styles\";\r\n\r\nexport const useTechnologyExperienceStyles = makeStyles()((theme: Theme) => ({\r\n  title: {\r\n    color: \"#fff\",\r\n  },\r\n  box: {\r\n    background: \"#6A7C82\",\r\n    padding: \"40px\",\r\n    borderRadius: \"15px\",\r\n  },\r\n  icon: {\r\n    width: \"100px\",\r\n  },\r\n  iconsSubtitle: {\r\n    color: \"#fff\",\r\n    fontSize: \"18px\",\r\n    marginTop: \"auto\",\r\n  },\r\n  iconWrapper: {\r\n    textAlign: \"center\",\r\n    display: \"flex\",\r\n    justifyContent: \"center\",\r\n    alignItems: \"flex-start\",\r\n  },\r\n  gridContainer: {\r\n    height: \"100%\",\r\n  },\r\n}));\r\n","import React from \"react\";\r\nimport {\r\n  DialogActions,\r\n  Grid,\r\n  Typography,\r\n  Button,\r\n  Dialog,\r\n  DialogContent,\r\n  DialogContentText,\r\n  DialogTitle,\r\n  Box,\r\n} from \"@material-ui/core\";\r\nimport dotNet from \"../../../images/dotNet.png\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport \"./dotNetModal.css\";\r\n\r\ninterface Props {\r\n  open: any;\r\n  modalClose: any;\r\n}\r\n\r\nexport default function DotNetModal({ open, modalClose }: Props) {\r\n  const { t } = useTranslation();\r\n\r\n  return (\r\n    <Box borderRadius=\"20%\">\r\n      <Dialog\r\n        style={{ borderRadius: \"10%\" }}\r\n        open={open}\r\n        onClose={modalClose}\r\n        aria-labelledby=\"dotNetModal_dialog-title\"\r\n        aria-describedby=\"dotNetModal_dialog-description\"\r\n      >\r\n        <Grid container>\r\n          <Grid item xs={12} sm={12} className=\"dotNetModal_modal_title\">\r\n            <Grid item xs={1} sm={1}>\r\n              <img src={dotNet} alt=\"\" className=\"dotNetModal_modal_logo_img\" />\r\n            </Grid>\r\n            <Grid item sm={12} xs={12}>\r\n              <DialogTitle\r\n                id=\"dotNetModal_dialog-title\"\r\n                className=\"dotNetModal_dialog_title\"\r\n              >\r\n                <b>{t(\"homePage.dotNetTitle\")}</b>\r\n              </DialogTitle>\r\n            </Grid>\r\n          </Grid>\r\n          <DialogContent>\r\n            <Grid item sm={12}>\r\n              <DialogContentText\r\n                id=\"dotNetModal_dialog-description\"\r\n                className=\"dotNetModal_dialog_content\"\r\n              >\r\n                {t(\"homePage.dotNetGeneral\")}\r\n              </DialogContentText>\r\n            </Grid>\r\n            <Grid item sm={12}>\r\n              <Typography variant=\"h6\" className=\"dotNetModal_modal_typography\">\r\n                {t(\"homePage.dotNetUsedForTitle\")}\r\n              </Typography>\r\n              <DialogContentText\r\n                id=\"dotNetModal_dialog-description\"\r\n                className=\"dotNetModal_dialog_content\"\r\n              >\r\n                {t(\"homePage.dotNetUsedForText\")}\r\n              </DialogContentText>\r\n            </Grid>\r\n            <Grid item sm={12}>\r\n              <Typography variant=\"h6\" className=\"dotNetModal_modal_typography\">\r\n                {t(\"homePage.dotNetPogrammingLanguageTitle\")}\r\n              </Typography>\r\n              <DialogContentText\r\n                id=\"dotNetModal_dialog-description\"\r\n                className=\"dotNetModal_dialog_content\"\r\n              >\r\n                {t(\"homePage.dotNetPogrammingLanguageText\")}\r\n              </DialogContentText>\r\n            </Grid>\r\n            <Grid item sm={12}>\r\n              <Typography variant=\"h6\" className=\"dotNetModal_modal_typography\">\r\n                {t(\"homePage.dotNetEasyToLearnTitle\")}\r\n              </Typography>\r\n              <DialogContentText\r\n                id=\"dotNetModal_dialog-description\"\r\n                className=\"dotNetModal_dialog_content\"\r\n              >\r\n                {t(\"homePage.dotNetEasyToLearnText\")}\r\n              </DialogContentText>\r\n              <DialogActions className=\"dotNet_modal_dialogActions\">\r\n                <Button\r\n                  variant=\"outlined\"\r\n                  className=\"dotNetModal_modal_button\"\r\n                  onClick={modalClose}\r\n                >\r\n                  {t(\"buttons.close\")}\r\n                </Button>\r\n              </DialogActions>\r\n            </Grid>\r\n          </DialogContent>\r\n        </Grid>\r\n      </Dialog>\r\n    </Box>\r\n  );\r\n}\r\n","export default \"data:image/png;base64,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\"","import React from 'react';\r\nimport { \r\n    DialogActions, \r\n    Grid, \r\n    Typography, \r\n    Button,\r\n    Dialog, \r\n    DialogContent,\r\n    DialogContentText,\r\n    DialogTitle,\r\n} from '@material-ui/core';\r\nimport react from '../../../images/react.png';\r\nimport { useTranslation } from 'react-i18next';\r\nimport './reactModal.css';\r\n\r\ninterface Props {\r\n    open: any;\r\n    modalClose: any;\r\n}\r\n\r\nexport default function ReactModal({\r\n    open,\r\n    modalClose\r\n}: Props) {\r\n    const {t} = useTranslation();\r\n\r\n    return (\r\n        <div>\r\n            <Dialog\r\n                style={{ borderRadius: 2 }}\r\n                open={open}\r\n                onClose={modalClose}\r\n                aria-labelledby=\"react_dialog-title\"\r\n                aria-describedby=\"react_dialog-description\"\r\n            >\r\n                <Grid container>\r\n                    <Grid\r\n                        item\r\n                        xs={12}\r\n                        sm={12}\r\n                        className=\"react_modal_title\"\r\n                    >\r\n                        <Grid\r\n                            item\r\n                            xs={1}\r\n                            sm={1}\r\n                        >\r\n                            <img\r\n                                src={react}\r\n                                alt=\"\"\r\n                                className=\"react_modal_logo_img\"\r\n                            />\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                            xs={12}\r\n                        >\r\n                            <DialogTitle\r\n                                id=\"react_dialog-title\"\r\n                                className=\"react_dialog_title\"\r\n                            >\r\n                                <b>{t('homePage.reactTitle')}</b>\r\n                            </DialogTitle>\r\n                        </Grid>\r\n                    </Grid>\r\n                    <DialogContent>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <DialogContentText\r\n                                id=\"react_dialog-description\"\r\n                                className=\"react_dialog_content\"\r\n                            >\r\n                                {t('homePage.reactGeneral')}\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"react_modal_typography\"\r\n                            >\r\n                                {t('homePage.reactUsedForTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"react_dialog-description\"\r\n                                className=\"react_dialog_content\"\r\n                            >\r\n                                {t('homePage.reactUsedForText')}\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"react_modal_typography\"\r\n                            >\r\n                                {t('homePage.reactProgrammingTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"react_dialog-description\"\r\n                                className=\"react_dialog_content\"\r\n                            >\r\n                                {t('homePage.reactProgrammingText')}\r\n\r\n                            </DialogContentText>\r\n                            <DialogActions className=\"react_modal_dialogActions\">\r\n                                <Button\r\n                                    variant=\"outlined\"\r\n                                    className=\"react_modal_button\"\r\n                                    onClick={modalClose}\r\n                                >\r\n                                    {t('buttons.close')}\r\n                                </Button>\r\n                            </DialogActions>\r\n                        </Grid>\r\n                    </DialogContent>\r\n                </Grid>\r\n            </Dialog>\r\n        </div >\r\n    );\r\n}\r\n","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/angular.8cbd3d8b.png\";","import React from 'react';\r\nimport { \r\n    DialogActions, \r\n    Grid, \r\n    Typography, \r\n    Button,\r\n    Dialog, \r\n    DialogContent,\r\n    DialogContentText,\r\n    DialogTitle\r\n} from '@material-ui/core';\r\nimport angular from '../../../images/angular.png';\r\nimport { useTranslation } from 'react-i18next';\r\nimport './angularModal.css';\r\n\r\ninterface Props {\r\n    open: any;\r\n    modalClose: any;\r\n};\r\n\r\nexport default function AngularModal({\r\n    open,\r\n    modalClose\r\n}: Props) {\r\n    const { t } = useTranslation();\r\n\r\n    return (\r\n        <div>\r\n            <Dialog\r\n                style={{ borderRadius: 2 }}\r\n                open={open}\r\n                onClose={modalClose}\r\n                aria-labelledby=\"angularModal_dialog-title\"\r\n                aria-describedby=\"angularModal_dialog-description\"\r\n            >\r\n                <Grid container>\r\n                    <Grid\r\n                        item\r\n                        xs={12}\r\n                        sm={12}\r\n                        className=\"angularModal_modal_title\"\r\n                    >\r\n                        <Grid\r\n                            item\r\n                            xs={1}\r\n                            sm={1}\r\n                        >\r\n                            <img\r\n                                src={angular}\r\n                                alt=\"\"\r\n                                className=\"angularModal_modal_logo_img\"\r\n                            />\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                            xs={12}\r\n                        >\r\n                            <DialogTitle\r\n                                id=\"angularModal_dialog-title\"\r\n                                className=\"angularModal_dialog_title\"\r\n                            >\r\n                                <b>{t('homePage.angularTitle')}</b>\r\n                            </DialogTitle>\r\n                        </Grid>\r\n                    </Grid>\r\n                    <DialogContent>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <DialogContentText\r\n                                id=\"angularModal_dialog-description\"\r\n                                className=\"angularModal_dialog_content\"\r\n                            >\r\n                                {t('homePage.angularGeneral')}\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"angularModal_modal_typography\"\r\n                            >\r\n                                {t('homePage.angularUsedForTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"angularModal_dialog-description\"\r\n                                className=\"angularModal_dialog_content\"\r\n                            >\r\n                                {t('homePage.angularUsedForText')}\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"angularModal_modal_typography\"\r\n                            >\r\n                                {t('homePage.angularFrontOrBackTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"angularModal_dialog-description\"\r\n                                className=\"angularModal_dialog_content\"\r\n                            >\r\n                                {t('homePage.angularFrontOrBackText')}\r\n                            </DialogContentText>\r\n                        </Grid>\r\n                        <Grid\r\n                            item\r\n                            sm={12}\r\n                        >\r\n                            <Typography\r\n                                variant=\"h6\"\r\n                                className=\"angularModal_modal_typography\"\r\n                            >\r\n                                {t('homePage.angularEasyToLearnTitle')}\r\n                            </Typography>\r\n                            <DialogContentText\r\n                                id=\"angularModal_dialog-description\"\r\n                                className=\"angularModal_dialog_content\"\r\n                            >\r\n                                {t('homePage.angularEasyToLearnText')}\r\n                            </DialogContentText>\r\n                            <DialogActions className=\"angular_modal_dialogActions\">\r\n                                <Grid item xs={12}>\r\n                                    <Button\r\n                                        variant=\"outlined\"\r\n                                        className=\"angular_modal_button\"\r\n                                        onClick={modalClose}\r\n                                    >\r\n                                        {t('buttons.close')}\r\n                                    </Button>\r\n                                </Grid>\r\n                            </DialogActions>\r\n                        </Grid>\r\n                    </DialogContent>\r\n                </Grid>\r\n            </Dialog>\r\n        </div >\r\n    );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/1920px-Node.js_logo.svg.1dc6b450.png\";","import React from \"react\";\r\nimport {\r\n  DialogActions,\r\n  Grid,\r\n  Typography,\r\n  Button,\r\n  Dialog,\r\n  DialogContent,\r\n  DialogContentText,\r\n  DialogTitle,\r\n} from \"@material-ui/core\";\r\nimport react from \"../../../images/react.png\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport \"./nodeJsModal.css\";\r\nimport nodeJs from \"../../../images/1920px-Node.js_logo.svg.png\";\r\n\r\ninterface Props {\r\n  open: any;\r\n  modalClose: any;\r\n}\r\n\r\nexport default function NodeJsModal({ open, modalClose }: Props) {\r\n  const { t } = useTranslation();\r\n\r\n  return (\r\n    <div>\r\n      <Dialog\r\n        style={{ borderRadius: 2 }}\r\n        open={open}\r\n        onClose={modalClose}\r\n        aria-labelledby=\"react_dialog-title\"\r\n        aria-describedby=\"react_dialog-description\"\r\n      >\r\n        <Grid container>\r\n          <Grid item xs={12} sm={12} className=\"nodeJs_modal_title\">\r\n            <Grid item xs={1} sm={1}>\r\n              <img src={nodeJs} alt=\"\" className=\"nodeJs_modal_logo_img\" />\r\n            </Grid>\r\n            <Grid item sm={12} xs={12}>\r\n              <DialogTitle\r\n                id=\"react_dialog-title\"\r\n                className=\"react_dialog_title\"\r\n              >\r\n                {t(\"nodeJsModal.nodeJsTitle\")}\r\n              </DialogTitle>\r\n            </Grid>\r\n          </Grid>\r\n          <DialogContent>\r\n            <Grid item sm={12}>\r\n              <DialogContentText\r\n                id=\"react_dialog-description\"\r\n                className=\"react_dialog_content\"\r\n              >\r\n                {t(\"nodeJsModal.nodeJsText1\")}\r\n              </DialogContentText>\r\n            </Grid>\r\n            <Grid item sm={12}>\r\n              <Typography variant=\"h6\" className=\"nodeJs_modal_typography\">\r\n                {/* {t(\"homePage.reactUsedForTitle\")} */}\r\n              </Typography>\r\n              <DialogContentText\r\n                id=\"react_dialog-description\"\r\n                className=\"react_dialog_content\"\r\n              >\r\n                {t(\"nodeJsModal.nodeJsText2\")}\r\n              </DialogContentText>\r\n            </Grid>\r\n            <Grid item sm={12}>\r\n              <Typography variant=\"h6\" className=\"nodeJs_modal_typography\">\r\n                {/* {t(\"homePage.reactProgrammingTitle\")} */}\r\n              </Typography>\r\n              <DialogContentText\r\n                id=\"react_dialog-description\"\r\n                className=\"react_dialog_content\"\r\n              >\r\n                {t(\"nodeJsModal.nodeJsText3\")}\r\n              </DialogContentText>\r\n              <DialogActions className=\"nodeJs_modal_dialogActions\">\r\n                <Button\r\n                  variant=\"outlined\"\r\n                  className=\"nodeJs_modal_button\"\r\n                  onClick={modalClose}\r\n                >\r\n                  {t(\"buttons.close\")}\r\n                </Button>\r\n              </DialogActions>\r\n            </Grid>\r\n          </DialogContent>\r\n        </Grid>\r\n      </Dialog>\r\n    </div>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport {\r\n  DialogActions,\r\n  Grid,\r\n  Typography,\r\n  Button,\r\n  Dialog,\r\n  DialogContent,\r\n  DialogContentText,\r\n  DialogTitle,\r\n} from \"@material-ui/core\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport \"./javaModal.css\";\r\nimport java from \"../../../images/java_color_1.png\";\r\n\r\ninterface Props {\r\n  open: any;\r\n  modalClose: any;\r\n}\r\n\r\nexport default function JavaModal({ open, modalClose }: Props) {\r\n  const { t } = useTranslation();\r\n\r\n  return (\r\n    <div>\r\n      <Dialog\r\n        style={{ borderRadius: 2 }}\r\n        open={open}\r\n        onClose={modalClose}\r\n        aria-labelledby=\"java_modal-title\"\r\n        aria-describedby=\"java_modal-description\"\r\n      >\r\n        <Grid container>\r\n          <Grid item xs={12} sm={12} className=\"nodeJs_modal_title\">\r\n            <Grid item xs={1} sm={1}>\r\n              <img src={java} alt=\"\" className=\"nodeJs_modal_logo_img\" />\r\n            </Grid>\r\n            <Grid item sm={12} xs={12}>\r\n              <DialogTitle id=\"java_modal-title\" className=\"java_modal_title\">\r\n                {t(\"javaModal.javaTitle\")}\r\n              </DialogTitle>\r\n            </Grid>\r\n          </Grid>\r\n          <DialogContent>\r\n            <Grid item sm={12}>\r\n              <DialogContentText\r\n                id=\"java_modal-description\"\r\n                className=\"java_modal_content\"\r\n              >\r\n                {t(\"javaModal.javaText1\")}\r\n              </DialogContentText>\r\n            </Grid>\r\n            <Grid item sm={12}>\r\n              <Typography variant=\"h6\" className=\"nodeJs_modal_typography\">\r\n                {/* {t(\"homePage.reactUsedForTitle\")} */}\r\n              </Typography>\r\n              <DialogContentText\r\n                id=\"java_modal-description\"\r\n                className=\"java_modal_content\"\r\n              >\r\n                {t(\"javaModal.javaText2\")}\r\n              </DialogContentText>\r\n            </Grid>\r\n            <Grid item sm={12}>\r\n              <Typography variant=\"h6\" className=\"nodeJs_modal_typography\">\r\n                {/* {t(\"homePage.reactProgrammingTitle\")} */}\r\n              </Typography>\r\n              <DialogContentText\r\n                id=\"java_modal-description\"\r\n                className=\"java_modal_content\"\r\n              >\r\n                {t(\"javaModal.javaText3\")}\r\n              </DialogContentText>\r\n              <DialogActions className=\"nodeJs_modal_dialogActions\">\r\n                <Button\r\n                  variant=\"outlined\"\r\n                  className=\"nodeJs_modal_button\"\r\n                  onClick={modalClose}\r\n                >\r\n                  {t(\"buttons.close\")}\r\n                </Button>\r\n              </DialogActions>\r\n            </Grid>\r\n          </DialogContent>\r\n        </Grid>\r\n      </Dialog>\r\n    </div>\r\n  );\r\n}\r\n","import {\r\n  Box,\r\n  Fade,\r\n  Grid,\r\n  Grow,\r\n  Typography,\r\n  Zoom,\r\n  useMediaQuery,\r\n  useTheme,\r\n} from \"@mui/material\";\r\n// import cSharp from \"../../../images/csharp.png\";\r\nimport cSharp from \"../../../images/cSharp.png\";\r\nimport cSharpColor from \"../../../images/csharpblue_1.png\";\r\nimport dotNetColor from \"../../../images/dotnet_2.png\";\r\nimport dotNet from \"../../../images/dotnet_color.png\";\r\nimport React from \"../../../images/react_2.png\";\r\nimport ReactColor from \"../../../images/react_color_1.png\";\r\nimport nodeJs from \"../../../images/node.js_2.png\";\r\nimport nodeJsColor from \"../../../images/node.js_color_1.png\";\r\nimport angular from \"../../../images/angular_2.png\";\r\nimport angularColor from \"../../../images/angular_color_1.png\";\r\nimport java from \"../../../images/java_2.png\";\r\nimport javaColor from \"../../../images/java_color_1.png\";\r\nimport { useState } from \"react\";\r\n\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useTechnologyExperienceStyles } from \"./technologyExperienceStyles\";\r\nimport CSharpModal from \"../../homepageModals/cSharpModal/cSharpModal\";\r\nimport DotNetModal from \"../../homepageModals/dotNetModal/dotNetModal\";\r\nimport ReactModal from \"../../homepageModals/reactModal/reactModal\";\r\nimport AngularModal from \"../../homepageModals/angularModal/angularModa\";\r\nimport NodeJsModal from \"../../homepageModals/nodeJsModal/nodeJsModal\";\r\nimport JavaModal from \"../../homepageModals/javaModal/javaModal\";\r\n\r\nexport default function TechnologyExperience() {\r\n  const theme = useTheme();\r\n  const { t } = useTranslation();\r\n  const { classes } = useTechnologyExperienceStyles();\r\n  const isMobile = useMediaQuery(theme.breakpoints.down(\"md\"));\r\n  const [isVisibleIconCSharp, setIsVisibleIconCSharp] =\r\n    useState<boolean>(false);\r\n\r\n  const [isVisibleIcondotNet, setIsVisibleIcondotNet] =\r\n    useState<boolean>(false);\r\n\r\n  const [isIsVisibleIconReact, SetIsVisibleIconReact] =\r\n    useState<boolean>(false);\r\n\r\n  const [isIsVisibleIconNodeJs, SetIsVisibleIconNodeJs] =\r\n    useState<boolean>(false);\r\n\r\n  const [isIsVisibleIconAngular, SetIsVisibleIconAngular] =\r\n    useState<boolean>(false);\r\n\r\n  const [isIsVisibleIconJava, SetIsVisibleIconJava] = useState<boolean>(false);\r\n  const [cSharpModal, setCSharpModal] = useState(false);\r\n\r\n  const [isOpenModal, setIsOpenModal] = useState<boolean>(false);\r\n  const [dotNetModal, setDotNetModal] = useState(false);\r\n  const [reactModal, setReactModal] = useState(false);\r\n  const [javaScriptModal, setJavaScriptModal] = useState(false);\r\n  const [angularModal, setAngularModal] = useState(false);\r\n  const [nodeJsModal, setNodeJsModal] = useState(false);\r\n  const [javaModal, setJavaModal] = useState(false);\r\n\r\n  console.log(isOpenModal);\r\n\r\n  return (\r\n    <Box className={classes.box}>\r\n      <Grid item md={12} mb={3}>\r\n        <Typography\r\n          variant=\"h6\"\r\n          className={classes.title}\r\n          sx={{ textAlign: isMobile ? \"center\" : \"\" }}\r\n        >\r\n          {t(\"homePage.technologyExpirience\")}\r\n        </Typography>\r\n      </Grid>\r\n      <Grid container>\r\n        <Grid md={2} xs={6} className={classes.iconWrapper}>\r\n          <Grid\r\n            container\r\n            direction=\"column\"\r\n            alignItems=\"center\"\r\n            justifyContent=\"flex-end\"\r\n            className={classes.gridContainer}\r\n          >\r\n            {isVisibleIconCSharp ? (\r\n              <img\r\n                src={cSharpColor}\r\n                className={classes.icon}\r\n                alt=\"C#\"\r\n                onMouseEnter={() => setIsVisibleIconCSharp(true)}\r\n                onMouseLeave={() => setIsVisibleIconCSharp(false)}\r\n                onClick={() => setCSharpModal(true)}\r\n                style={{\r\n                  cursor: \"pointer\",\r\n                  transform: isVisibleIconCSharp ? \"scale(1.1)\" : \"scale(1)\",\r\n                  transition: \"transform 0.5s ease\",\r\n                }}\r\n              />\r\n            ) : (\r\n              <img\r\n                src={cSharp}\r\n                className={classes.icon}\r\n                alt=\"C#\"\r\n                onMouseEnter={() => setIsVisibleIconCSharp(true)}\r\n                onMouseLeave={() => setIsVisibleIconCSharp(false)}\r\n                onClick={() => setCSharpModal(true)}\r\n                style={{\r\n                  cursor: \"pointer\",\r\n                  transform: isVisibleIconCSharp ? \"scale(1.1)\" : \"scale(1)\",\r\n                  transition: \"transform 0.5s ease\",\r\n                }}\r\n              />\r\n            )}\r\n            <Typography className={classes.iconsSubtitle}>\r\n              {t(\"homePage.cSharp\")}\r\n            </Typography>\r\n          </Grid>\r\n        </Grid>\r\n\r\n        <Grid md={2} xs={6} className={classes.iconWrapper}>\r\n          <Grid\r\n            container\r\n            direction=\"column\"\r\n            alignItems=\"center\"\r\n            justifyContent=\"flex-end\"\r\n            className={classes.gridContainer}\r\n          >\r\n            {isVisibleIcondotNet ? (\r\n              <img\r\n                src={dotNet}\r\n                className={classes.icon}\r\n                alt=\".Net\"\r\n                onMouseEnter={() => setIsVisibleIcondotNet(true)}\r\n                onMouseLeave={() => setIsVisibleIcondotNet(false)}\r\n                onClick={() => setDotNetModal(true)}\r\n                style={{\r\n                  cursor: \"pointer\",\r\n                  transform: isVisibleIcondotNet ? \"scale(1.1)\" : \"scale(1)\",\r\n                  transition: \"transform 0.5s ease\",\r\n                }}\r\n              />\r\n            ) : (\r\n              <img\r\n                src={dotNetColor}\r\n                className={classes.icon}\r\n                alt=\".Net\"\r\n                onMouseEnter={() => setIsVisibleIcondotNet(true)}\r\n                onMouseLeave={() => setIsVisibleIcondotNet(false)}\r\n                onClick={() => setDotNetModal(true)}\r\n                style={{\r\n                  cursor: \"pointer\",\r\n                  transform: isVisibleIcondotNet ? \"scale(1.1)\" : \"scale(1)\",\r\n                  transition: \"transform 0.5s ease\",\r\n                }}\r\n              />\r\n            )}\r\n            <Typography className={classes.iconsSubtitle}>\r\n              {t(\"homePage.dotNet\")}\r\n            </Typography>\r\n          </Grid>\r\n        </Grid>\r\n        <Grid\r\n          md={2}\r\n          xs={6}\r\n          className={classes.iconWrapper}\r\n          my={isMobile ? 2 : 0}\r\n        >\r\n          <Grid\r\n            container\r\n            direction=\"column\"\r\n            alignItems=\"center\"\r\n            justifyContent=\"flex-end\"\r\n            className={classes.gridContainer}\r\n          >\r\n            {isIsVisibleIconReact ? (\r\n              <img\r\n                src={ReactColor}\r\n                className={classes.icon}\r\n                alt=\"React\"\r\n                onMouseEnter={() => SetIsVisibleIconReact(true)}\r\n                onMouseLeave={() => SetIsVisibleIconReact(false)}\r\n                onClick={() => setReactModal(true)}\r\n                style={{\r\n                  cursor: \"pointer\",\r\n                  transform: isIsVisibleIconReact ? \"scale(1.1)\" : \"scale(1)\",\r\n                  transition: \"transform 0.5s ease\",\r\n                }}\r\n              />\r\n            ) : (\r\n              <img\r\n                src={React}\r\n                className={classes.icon}\r\n                alt=\"React\"\r\n                onMouseEnter={() => SetIsVisibleIconReact(true)}\r\n                onMouseLeave={() => SetIsVisibleIconReact(false)}\r\n                onClick={() => setReactModal(true)}\r\n                style={{\r\n                  cursor: \"pointer\",\r\n                  transform: isIsVisibleIconReact ? \"scale(1.1)\" : \"scale(1)\",\r\n                  transition: \"transform 0.5s ease\",\r\n                }}\r\n              />\r\n            )}\r\n            <Typography className={classes.iconsSubtitle}>\r\n              {t(\"homePage.react\")}\r\n            </Typography>\r\n          </Grid>\r\n        </Grid>\r\n        <Grid\r\n          md={2}\r\n          xs={6}\r\n          className={classes.iconWrapper}\r\n          my={isMobile ? 2 : 0}\r\n        >\r\n          <Grid\r\n            container\r\n            direction=\"column\"\r\n            alignItems=\"center\"\r\n            justifyContent=\"flex-end\"\r\n            className={classes.gridContainer}\r\n          >\r\n            {isIsVisibleIconNodeJs ? (\r\n              <img\r\n                src={nodeJsColor}\r\n                className={classes.icon}\r\n                alt=\"Node.js\"\r\n                onMouseEnter={() => SetIsVisibleIconNodeJs(true)}\r\n                onMouseLeave={() => SetIsVisibleIconNodeJs(false)}\r\n                onClick={() => setNodeJsModal(true)}\r\n                style={{\r\n                  cursor: \"pointer\",\r\n                  transform: isIsVisibleIconNodeJs ? \"scale(1.1)\" : \"scale(1)\",\r\n                  transition: \"transform 0.5s ease\",\r\n                }}\r\n              />\r\n            ) : (\r\n              <img\r\n                src={nodeJs}\r\n                className={classes.icon}\r\n                alt=\"C#\"\r\n                onMouseEnter={() => SetIsVisibleIconNodeJs(true)}\r\n                onMouseLeave={() => SetIsVisibleIconNodeJs(false)}\r\n                onClick={() => setNodeJsModal(true)}\r\n                style={{\r\n                  cursor: \"pointer\",\r\n                  transform: isIsVisibleIconNodeJs ? \"scale(1.1)\" : \"scale(1)\",\r\n                  transition: \"transform 0.5s ease\",\r\n                }}\r\n              />\r\n            )}\r\n\r\n            <Typography className={classes.iconsSubtitle}>\r\n              {t(\"homePage.nodeJs\")}\r\n            </Typography>\r\n          </Grid>\r\n        </Grid>\r\n        <Grid md={2} xs={6} className={classes.iconWrapper}>\r\n          <Grid\r\n            container\r\n            direction=\"column\"\r\n            alignItems=\"center\"\r\n            justifyContent=\"flex-end\"\r\n            className={classes.gridContainer}\r\n          >\r\n            {isIsVisibleIconAngular ? (\r\n              <img\r\n                src={angularColor}\r\n                className={classes.icon}\r\n                alt=\"Angular\"\r\n                onMouseEnter={() => SetIsVisibleIconAngular(true)}\r\n                onMouseLeave={() => SetIsVisibleIconAngular(false)}\r\n                onClick={() => setAngularModal(true)}\r\n                style={{\r\n                  cursor: \"pointer\",\r\n                  transform: isIsVisibleIconAngular ? \"scale(1.1)\" : \"scale(1)\",\r\n                  transition: \"transform 0.5s ease\",\r\n                }}\r\n              />\r\n            ) : (\r\n              <img\r\n                src={angular}\r\n                className={classes.icon}\r\n                alt=\"Angular\"\r\n                onMouseEnter={() => SetIsVisibleIconAngular(true)}\r\n                onMouseLeave={() => SetIsVisibleIconAngular(false)}\r\n                onClick={() => setAngularModal(true)}\r\n                style={{\r\n                  cursor: \"pointer\",\r\n                  transform: isIsVisibleIconAngular ? \"scale(1.1)\" : \"scale(1)\",\r\n                  transition: \"transform 0.5s ease\",\r\n                }}\r\n              />\r\n            )}\r\n\r\n            <Typography className={classes.iconsSubtitle}>\r\n              {t(\"homePage.angular\")}\r\n            </Typography>\r\n          </Grid>\r\n        </Grid>\r\n        <Grid\r\n          md={2}\r\n          xs={6}\r\n          className={classes.iconWrapper}\r\n          mt={isMobile ? 1 : 0}\r\n        >\r\n          <Grid\r\n            container\r\n            direction=\"column\"\r\n            alignItems=\"center\"\r\n            justifyContent=\"flex-end\"\r\n            className={classes.gridContainer}\r\n          >\r\n            {isIsVisibleIconJava ? (\r\n              <img\r\n                src={javaColor}\r\n                className={classes.icon}\r\n                alt=\"Java\"\r\n                onMouseEnter={() => SetIsVisibleIconJava(true)}\r\n                onMouseLeave={() => SetIsVisibleIconJava(false)}\r\n                onClick={() => setJavaModal(true)}\r\n                style={{\r\n                  cursor: \"pointer\",\r\n                  transform: isIsVisibleIconJava ? \"scale(1.1)\" : \"scale(1)\",\r\n                  transition: \"transform 0.5s ease\",\r\n                }}\r\n              />\r\n            ) : (\r\n              <img\r\n                src={java}\r\n                className={classes.icon}\r\n                alt=\"Java\"\r\n                onMouseEnter={() => SetIsVisibleIconJava(true)}\r\n                onMouseLeave={() => SetIsVisibleIconJava(false)}\r\n                onClick={() => setJavaModal(true)}\r\n                style={{\r\n                  cursor: \"pointer\",\r\n                  transform: isIsVisibleIconJava ? \"scale(1.1)\" : \"scale(1)\",\r\n                  transition: \"transform 0.5s ease\",\r\n                }}\r\n              />\r\n            )}\r\n\r\n            <Typography className={classes.iconsSubtitle}>\r\n              {t(\"homePage.java\")}\r\n            </Typography>\r\n          </Grid>\r\n        </Grid>\r\n      </Grid>\r\n      {/* <CSharpModal open={isOpenModal} handleClose={handleCloseModal} />\r\n      <DotNetModal\r\n        open={isOpenModalDotNet}\r\n        handleClose={handleCloseDotNetModal}\r\n      />\r\n      <ReactModal open={isOpenModalReact} handleClose={handleCloseReactModal} />\r\n      <NodeJsModal\r\n        open={isOpenModalNodeJs}\r\n        handleClose={handleCloseNodeJsModal}\r\n      />\r\n      <AngularModal\r\n        open={isOpenModalAngular}\r\n        handleClose={handleCloseAngularModal}\r\n      />\r\n\r\n      <JavaModal open={isOpenModalJava} handleClose={handleCloseJavaModal} /> */}\r\n      <CSharpModal\r\n        open={cSharpModal}\r\n        modalClose={() => setCSharpModal(false)}\r\n      />\r\n      <DotNetModal\r\n        open={dotNetModal}\r\n        modalClose={() => setDotNetModal(false)}\r\n      />\r\n      <ReactModal open={reactModal} modalClose={() => setReactModal(false)} />\r\n      <AngularModal\r\n        open={angularModal}\r\n        modalClose={() => setAngularModal(false)}\r\n      />\r\n      <NodeJsModal\r\n        open={nodeJsModal}\r\n        modalClose={() => setNodeJsModal(false)}\r\n      />\r\n      <JavaModal open={javaModal} modalClose={() => setJavaModal(false)} />\r\n    </Box>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport {\r\n  Grid,\r\n  Typography,\r\n  makeStyles,\r\n  createStyles,\r\n  Theme,\r\n} from \"@material-ui/core\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n  createStyles({\r\n    text: {\r\n      color: \"#849AA3\",\r\n    },\r\n    title: {\r\n      color: \"#849AA3\",\r\n      fontWeight: 900,\r\n    },\r\n  })\r\n);\r\n\r\nexport default function ContactUsSection() {\r\n  const classes = useStyles();\r\n  const { t } = useTranslation();\r\n\r\n  return (\r\n    <Grid>\r\n      <Grid item xs={12} sm={12}>\r\n        <Typography variant=\"h5\" className={classes.title} align=\"center\">\r\n          {t(\"homePage.contact\")}\r\n        </Typography>\r\n      </Grid>\r\n      <Grid item xs={12} sm={12}>\r\n        <Typography align=\"center\" className={classes.text}>\r\n          <b>{t(\"homePage.contactAddress\")}</b>\r\n          {t(\"homePage.contactAddressContent\")}\r\n        </Typography>\r\n        <Typography align=\"center\" className={classes.text}>\r\n          <b>{t(\"homePage.contactPhone\")}</b>\r\n          {t(\"homePage.contactPhoneContent\")}\r\n        </Typography>\r\n        <Typography align=\"center\" className={classes.text}>\r\n          <b>{t(\"homePage.contactEmail\")}</b>\r\n          {t(\"homePage.contanctEmailContent\")}\r\n        </Typography>\r\n      </Grid>\r\n    </Grid>\r\n  );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/rightBlock.6cbf6076.png\";","export default __webpack_public_path__ + \"static/media/client_first2.f1cfaa03.png\";","export default __webpack_public_path__ + \"static/media/strong_expertise1.ad14a289.png\";","export default __webpack_public_path__ + \"static/media/on_delivery_time1.9c82886a.png\";","import { makeStyles } from \"tss-react/mui\";\r\nimport { Theme } from \"@mui/material/styles\";\r\nimport { red } from \"@material-ui/core/colors\";\r\n\r\nexport const useClientPrioritiesSectionStyles = makeStyles()(\r\n  (theme: Theme) => ({\r\n    title: {\r\n      color: \"#fff\",\r\n    },\r\n    card: {\r\n      width: \"100%\",\r\n      height: \"100%\",\r\n      bordeRadius: \"inherit\",\r\n      cursor: \"pointer\",\r\n      backgroundSize: \"100% 100%\",\r\n      \"& .frontContent\": {\r\n        \"& p\": {\r\n          //   fontSize: \"25px\",\r\n          //   fontWeight: 700,\r\n          //   opacity: 1,\r\n          background:\r\n            \"linear-gradient(88deg, #859BA3 -1.69%, #353E41 142.65%), linear-gradient(0deg, rgba(196, 196, 196, 0.28), rgba(196, 196, 196, 0.28))\",\r\n          //   backgroundClip: \"text\",\r\n          WebkitBackgroundClip: \"text\",\r\n          //   WebkitTextFillColor: \"transparent\",\r\n          transition: \"all 0.6s cubic-bezier(0.23, 1, 0.320, 1)\",\r\n        },\r\n        width: \"100%\",\r\n        height: \"100%\",\r\n        display: \"flex\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"center\",\r\n        transition: \"all 0.6s cubic-bezier(0.23, 1, 0.320, 1)\",\r\n      },\r\n      \"& .content\": {\r\n        position: \"absolute\",\r\n        top: 0,\r\n        left: 0,\r\n        width: \"100%\",\r\n        height: \"100%\",\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        alignItems: \"center\",\r\n        justifyContent: \"center\",\r\n        textAlign: \"center\",\r\n        gap: \"10px\",\r\n        background:\r\n          \"linear-gradient(88deg, #859BA3 -1.69%, #353E41 142.65%), linear-gradient(0deg, rgba(196, 196, 196, 0.28), rgba(196, 196, 196, 0.28))\",\r\n        color: \"#e8e8e8\",\r\n        padding: \"20px\",\r\n        lineHeight: \"1.5\",\r\n        borderRadius: \"5px\",\r\n        pointerEvents: \"none\",\r\n        transform: \"translateY(96%)\",\r\n        transition: \"all 0.6s cubic-bezier(0.23, 1, 0.320, 1)\",\r\n        fontSize: \"15px\",\r\n      },\r\n      \"&:hover\": {\r\n        \"& .content\": {\r\n          transform: \"translateY(0)\",\r\n        },\r\n        \"& .frontContent\": {\r\n          transform: \"translateY(-30%)\",\r\n        },\r\n        \"& .frontContent p\": {\r\n          opacity: 0,\r\n        },\r\n      },\r\n    },\r\n\r\n    cardContainer: {\r\n      width: \"350px\",\r\n      height: \"350px\",\r\n      position: \"relative\",\r\n      borderRadius: \"10px\",\r\n      boxShadow: \"0 10px 30px rgba(0, 0, 0, 0.2)\",\r\n      overflow: \"hidden\",\r\n    },\r\n    heading: {\r\n      //   fontSize: \"32px\",\r\n      //   fontWeight: 700,\r\n    },\r\n    box: {\r\n      background: \"#6A7C82\",\r\n      padding: \"40px\",\r\n      borderRadius: \"15px\",\r\n    },\r\n    icon: {\r\n      width: \"580px\",\r\n      marginLeft: \"150px\",\r\n    },\r\n    iconsSubtitle: {\r\n      color: \"#fff\",\r\n      fontSize: \"18px\",\r\n      marginTop: \"auto\",\r\n    },\r\n    textTittle: {\r\n      color: \"#fff\",\r\n      fontSize: \"38px\",\r\n      marginTop: \"auto\",\r\n    },\r\n    textSubtitle: {\r\n      color: \"#fff\",\r\n      fontSize: \"16.5px\",\r\n      marginTop: \"auto\",\r\n    },\r\n    iconWrapper: {\r\n      textAlign: \"center\",\r\n      display: \"flex\",\r\n      justifyContent: \"center\",\r\n      alignItems: \"flex-start\",\r\n    },\r\n    gridContainer: {\r\n      height: \"100%\",\r\n    },\r\n    root: {\r\n      borderRadius: \"20px\",\r\n      marginTop: \"40px\",\r\n      [theme.breakpoints.up(\"xs\")]: {\r\n        alignContent: \"center\",\r\n        justifyContent: \"center\",\r\n        alignItems: \"center\",\r\n        alignSelf: \"center\",\r\n      },\r\n      boxShadow: \"0 8px 40px -12px rgba(0,0,0,0.5)\",\r\n      \"&:hover\": {\r\n        boxShadow: \"0 16px 70px -12.125px rgba(0,0,0,0.5)\",\r\n      },\r\n    },\r\n    media: {\r\n      height: 0,\r\n      paddingTop: \"56.25%\",\r\n      width: \"100%\",\r\n      overflow: \"hidden\",\r\n      backgroundColor: \"#cccccc\",\r\n    },\r\n    expand: {\r\n      border: \"2px solid #849AA3\",\r\n      borderRadius: \"20px\",\r\n      width: \"100%\",\r\n      background: \"transparent\",\r\n      color: \"#849AA3\",\r\n      transform: \"rotate(0deg)\",\r\n      transition: \"all 0.8s\",\r\n      marginLeft: \"auto\",\r\n      \"&:hover\": {\r\n        background: \"#849AA3\",\r\n        color: \"white\",\r\n      },\r\n      [theme.breakpoints.up(\"xs\")]: {\r\n        color: \"#849AA3\",\r\n        background: \"transparent\",\r\n      },\r\n    },\r\n    expandOpen: {\r\n      background: \"transparent\",\r\n      color: \"white\",\r\n      transform: \"rotate(360deg)\",\r\n      transition: \"all 0.8s\",\r\n      [theme.breakpoints.up(\"xs\")]: {\r\n        color: \"#849AA3\",\r\n        background: \"transparent\",\r\n      },\r\n    },\r\n    avatar: {\r\n      backgroundColor: red[500],\r\n    },\r\n  })\r\n);\r\n","export default __webpack_public_path__ + \"static/media/clientFirst.30697401.jpg\";","export default __webpack_public_path__ + \"static/media/strongExperts.020f90c5.jpg\";","export default __webpack_public_path__ + \"static/media/delivery.e8a4e9b8.jpg\";","import {\r\n  Box,\r\n  Button,\r\n  Card,\r\n  CardActions,\r\n  CardContent,\r\n  CardHeader,\r\n  CardMedia,\r\n  Grid,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport clientFirstImage from \"../../images/client_first2.png\";\r\nimport StrongExpertiseImage from \"../../images/strong_expertise1.png\";\r\nimport OnDeliveryTimeImage from \"../../images/on_delivery_time1.png\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useClientPrioritiesSectionStyles } from \"./clientPrioritiesStyles\";\r\nimport clientFirst from \"../../images/clientFirst.jpg\";\r\nimport strongExperts from \"../../images/strongExperts.jpg\";\r\nimport delivery from \"../../images/delivery.jpg\";\r\n\r\nexport default function ClientPrioritiesSection() {\r\n  const { t } = useTranslation();\r\n\r\n  const { classes } = useClientPrioritiesSectionStyles();\r\n  const cardData = [\r\n    {\r\n      title: (\r\n        <Card>\r\n          <CardHeader\r\n            title={t(\"cards.cardClientTitle\")}\r\n            style={{ color: \"black\" }}\r\n          />\r\n\r\n          <CardMedia\r\n            className={classes.media}\r\n            image={clientFirst}\r\n            title=\"Paella dish\"\r\n          />\r\n          <CardContent>\r\n            <Typography\r\n              color=\"textSecondary\"\r\n              component=\"p\"\r\n              style={{ fontSize: \"0.8rem\" }}\r\n            >\r\n              {t(\"cards.cardClientShort\")}\r\n            </Typography>\r\n          </CardContent>\r\n        </Card>\r\n      ),\r\n      description: t(\"cards.cardClientDesc\"),\r\n      backgroundImg: clientFirstImage,\r\n    },\r\n    {\r\n      title: (\r\n        <Card>\r\n          <CardHeader\r\n            title={t(\"cards.cardStrongExpertiseTitle\")}\r\n            style={{ color: \"black\" }}\r\n          />\r\n\r\n          <CardMedia\r\n            className={classes.media}\r\n            image={strongExperts}\r\n            title=\"Paella dish\"\r\n          />\r\n          <CardContent>\r\n            <Typography\r\n              color=\"textSecondary\"\r\n              component=\"p\"\r\n              style={{ fontSize: \"0.8rem\" }}\r\n            >\r\n              {t(\"cards.cardStrongExpertiseShort\")}\r\n            </Typography>\r\n          </CardContent>\r\n        </Card>\r\n      ),\r\n      description: t(\"cards.cardStrongExpertiseDesc\"),\r\n      backgroundImg: StrongExpertiseImage,\r\n    },\r\n    {\r\n      title: (\r\n        <Card>\r\n          <CardHeader\r\n            title={t(\"cards.cardDeliveryOnTimeTitle\")}\r\n            style={{ color: \"black\" }}\r\n          />\r\n          <CardMedia\r\n            className={classes.media}\r\n            image={delivery}\r\n            title=\"Paella dish\"\r\n          />\r\n          <CardContent>\r\n            <Typography\r\n              color=\"textSecondary\"\r\n              component=\"p\"\r\n              style={{ fontSize: \"0.8rem\" }}\r\n            >\r\n              {t(\"cards.cardDeliveryOnTimeShort\")}\r\n            </Typography>\r\n          </CardContent>\r\n        </Card>\r\n      ),\r\n      description: t(\"cards.cardDeliveryOnTimeDesc\"),\r\n      backgroundImg: OnDeliveryTimeImage,\r\n    },\r\n  ];\r\n\r\n  return (\r\n    <>\r\n      <Grid\r\n        container\r\n        justifyContent=\"center\"\r\n        sx={{ display: \"flex\", gap: \"80px\" }}\r\n      >\r\n        {cardData.map((data) => (\r\n          <div className={classes.cardContainer}>\r\n            <div\r\n              className={classes.card}\r\n              style={{\r\n                backgroundImage: `linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(${data.backgroundImg})`,\r\n              }}\r\n            >\r\n              <div className=\"frontContent\">\r\n                <p>{data.title}</p>\r\n              </div>\r\n              <div className=\"content\">\r\n                <Typography style={{ fontSize: \"0.8rem\" }}>\r\n                  {data.description}\r\n                </Typography>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        ))}\r\n      </Grid>\r\n    </>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport {\r\n  Grid,\r\n  Typography,\r\n  makeStyles,\r\n  createStyles,\r\n  Theme,\r\n} from \"@material-ui/core\";\r\nimport img1 from \"../../../images/rightBlock.png\";\r\nimport clientFirst from \"../../../images/clientFirst.jpg\";\r\nimport strongExperts from \"../../../images/strongExperts.jpg\";\r\nimport delivery from \"../../../images/delivery.jpg\";\r\nimport CardHomePage from \"../../../components/cardHomePage/cardHomePage\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useMediaQuery, useTheme } from \"@mui/material\";\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n  createStyles({\r\n    root: {\r\n      //   padding: \"20px\",\r\n    },\r\n    text: {\r\n      marginTop: \"20px\",\r\n    },\r\n    whyUs_div: {\r\n      alignContent: \"center\",\r\n      justifyContent: \"center\",\r\n      fontWeight: \"bold\",\r\n    },\r\n    img: {\r\n      width: \"75%\",\r\n      paddingRight: \"20px\",\r\n      textAlign: \"center\",\r\n      height: \"auto\",\r\n      [theme.breakpoints.down(\"xs\")]: {\r\n        paddingRight: 0,\r\n      },\r\n    },\r\n    imgContainer: {\r\n      display: \"flex\",\r\n      justifyContent: \"right\",\r\n    },\r\n  })\r\n);\r\n\r\nexport default function WhyUsSection() {\r\n  const theme = useTheme();\r\n  const classes = useStyles();\r\n  const { t } = useTranslation();\r\n\r\n  const isMobile = useMediaQuery(theme.breakpoints.down(\"md\"));\r\n\r\n  return (\r\n    <Grid className={classes.root} container spacing={0}>\r\n      <Grid container item sm={6} xs={12} alignContent=\"flex-start\">\r\n        <Typography variant=\"h5\" className={classes.whyUs_div}>\r\n          {t(\"homePage.whyUs\")}\r\n        </Typography>\r\n        <Grid>\r\n          <Typography>{t(\"homePage.whyUsContent1\")}</Typography>\r\n          <Typography className={classes.text} style={{ fontWeight: \"0.8rem\" }}>\r\n            {t(\"homePage.whyUsContent2\")}\r\n          </Typography>\r\n          <Typography className={classes.text}>\r\n            {t(\"homePage.whyUsContent3\")}\r\n          </Typography>\r\n        </Grid>\r\n      </Grid>\r\n      <Grid item sm={6} xs={12} style={{ marginBottom: \"10px\" }}>\r\n        <div\r\n          className={classes.imgContainer}\r\n          style={{ justifyContent: isMobile ? \"center\" : \"right\" }}\r\n        >\r\n          <img src={img1} alt=\"content1\" className={classes.img} />\r\n        </div>\r\n      </Grid>\r\n      <Grid item md={12} xs={12}>\r\n        <CardHomePage />\r\n      </Grid>\r\n    </Grid>\r\n  );\r\n}\r\n","export default \"data:image/png;base64,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\"","import React from \"react\";\r\nimport {\r\n  Grid,\r\n  Typography,\r\n  makeStyles,\r\n  createStyles,\r\n  Theme,\r\n} from \"@material-ui/core\";\r\nimport img3 from \"../../../images/midenas_logo_small.png\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n  createStyles({\r\n    text: {\r\n      marginTop: \"20px\",\r\n      color: \"white\",\r\n    },\r\n    whyUs_div: {\r\n      alignContent: \"center\",\r\n      justifyContent: \"center\",\r\n    },\r\n    img: {\r\n      width: \"100%\",\r\n      paddingRight: \"20px\",\r\n      height: \"auto\",\r\n      [theme.breakpoints.down(\"xs\")]: {\r\n        paddingRight: 0,\r\n      },\r\n    },\r\n    title: {\r\n      color: \"white\",\r\n      fontWeight: \"bold\",\r\n    },\r\n  })\r\n);\r\n\r\nexport default function AboutSection() {\r\n  const classes = useStyles();\r\n  const { t } = useTranslation();\r\n\r\n  return (\r\n    <Grid container spacing={0}>\r\n      <Grid item sm={6} xs={12}>\r\n        <img src={img3} alt=\"content1\" className=\"content-img\" />\r\n      </Grid>\r\n      <Grid container item sm={6} xs={12} alignContent=\"flex-start\">\r\n        <Typography variant=\"h5\" className={classes.title}>\r\n          {t(\"homePage.aboutUs\")}\r\n        </Typography>\r\n        <Grid className=\"contectSection_grid\">\r\n          <Typography style={{ fontWeight: \"0.8rem\" }} className={classes.text}>\r\n            {t(\"homePage.aboutUsContetn1\")}\r\n          </Typography>\r\n          <Typography style={{ fontWeight: \"0.8rem\" }} className={classes.text}>\r\n            {t(\"homePage.aboutUsContetn2\")}\r\n          </Typography>\r\n          <Typography style={{ fontWeight: \"0.8rem\" }} className={classes.text}>\r\n            {t(\"homePage.aboutUsContetn3\")}\r\n          </Typography>\r\n        </Grid>\r\n      </Grid>\r\n    </Grid>\r\n  );\r\n}\r\n","import { makeStyles } from \"tss-react/mui\";\r\nimport { Theme } from \"@mui/material/styles\";\r\n\r\nexport const useMapStyles = makeStyles()((theme: Theme) => ({\r\n  title: {\r\n    color: \"#fff\",\r\n  },\r\n  box: {\r\n    background: \"#A38D85\",\r\n    padding: \"35px\",\r\n    borderRadius: \"15px\",\r\n  },\r\n  icon: {\r\n    width: \"500px\",\r\n    marginLeft: \"200px\",\r\n  },\r\n  iconsSubtitle: {\r\n    color: \"#fff\",\r\n    fontSize: \"18px\",\r\n    marginTop: \"auto\",\r\n  },\r\n  textTittle: {\r\n    color: \"#fff\",\r\n    fontSize: \"32px\",\r\n    margin: \"auto\",\r\n    textAlign: \"center\",\r\n  },\r\n  textSubtitle: {\r\n    color: \"#fff\",\r\n    fontSize: \"16px\",\r\n    textAlign: \"center\",\r\n    display: \"flex\",\r\n    justifyContent: \"center\",\r\n    textDecoration: \"none\",\r\n    cursor: \"pointer\",\r\n  },\r\n\r\n  iconWrapper: {\r\n    textAlign: \"center\",\r\n    display: \"flex\",\r\n    justifyContent: \"center\",\r\n    alignItems: \"flex-start\",\r\n  },\r\n  gridContainer: {\r\n    height: \"100%\",\r\n  },\r\n}));\r\n","/* eslint-disable jsx-a11y/iframe-has-title */\r\nimport { Box, Grid, Typography } from \"@mui/material\";\r\nimport { useMapStyles } from \"./mapStyles\";\r\nimport BackgroundAbout from \"../../images/bacground_abiut.png\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport EmailIcon from \"@mui/icons-material/Email\";\r\nimport LocationOnIcon from \"@mui/icons-material/LocationOn\";\r\nimport CallIcon from \"@mui/icons-material/Call\";\r\nimport { LocationOn } from \"@mui/icons-material\";\r\n\r\nexport default function Map() {\r\n  const { t } = useTranslation();\r\n  const { classes } = useMapStyles();\r\n\r\n  return (\r\n    <Box position=\"relative\" marginBottom={\"100px\"}>\r\n      <iframe\r\n        src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2808.875556767559!2d19.834782676649745!3d45.25030914768398!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x475b0d32863fccdf%3A0x8cb200ca18497379!2sMidenas%20d.o.o.!5e0!3m2!1sen!2srs!4v1688125558507!5m2!1sen!2srs\"\r\n        width=\"100%\"\r\n        height=\"450\"\r\n        loading=\"lazy\"\r\n        style={{\r\n          borderRadius: \"15px\",\r\n          border: \"none\",\r\n          background: \"#000000\",\r\n        }}\r\n      ></iframe>\r\n      {/* <Box\r\n        className={classes.box}\r\n        style={{\r\n          backgroundImage: `url(${BackgroundAbout})`,\r\n          backgroundSize: \"cover\",\r\n          backgroundPosition: \"center\",\r\n          position: \"absolute\",\r\n          top: 350,\r\n          left: 355,\r\n          width: \"60%\",\r\n          height: \"auto\",\r\n          justifyContent: \"center\",\r\n          alignItems: \"center\",\r\n        }}\r\n      >\r\n        <Grid item md={12} mb={2}>\r\n          <Typography variant=\"h6\" className={classes.textTittle}>\r\n            {t(\"mapSection.mapTitle\")}\r\n          </Typography>\r\n        </Grid>\r\n        <Grid\r\n          container\r\n          direction=\"column\"\r\n          alignItems=\"center\"\r\n          className={classes.gridContainer}\r\n        >\r\n          <Grid\r\n            container\r\n            justifyContent=\"space-between\"\r\n            alignItems=\"center\"\r\n            className={classes.gridContainer}\r\n          >\r\n            <Grid item md={4}>\r\n              <Typography\r\n                variant=\"body1\"\r\n                className={classes.textSubtitle}\r\n                component={\"a\"}\r\n                href=\"https://www.google.com/maps?output=search&q=midenas+novi+sad&entry=mc&sa=X&ved=2ahUKEwjUoMmi6vT_AhVsg_0HHUyPBeUQ0pQJegQICBAB\"\r\n                target=\"_blank\"\r\n              >\r\n                <LocationOnIcon sx={{ marginRight: \"5px\", marginTop: \"1%\" }} />\r\n                Serbia, Novi Sad 21000\r\n              </Typography>\r\n              <Typography\r\n                component={\"a\"}\r\n                href=\"https://www.google.com/maps?output=search&q=midenas+novi+sad&entry=mc&sa=X&ved=2ahUKEwjUoMmi6vT_AhVsg_0HHUyPBeUQ0pQJegQICBAB\"\r\n                target=\"_blank\"\r\n                variant=\"body1\"\r\n                className={classes.textSubtitle}\r\n                sx={{ marginLeft: \"10.5%\" }}\r\n              >\r\n                Bulevar Oslobodjanja 78\r\n              </Typography>\r\n            </Grid>\r\n\r\n            <Grid item md={4}>\r\n              <Typography\r\n                variant=\"body1\"\r\n                className={classes.textSubtitle}\r\n                component={\"a\"}\r\n                href=\"tel:+381213031043\"\r\n              >\r\n                <CallIcon sx={{ marginTop: \"1%\" }} />\r\n                +381 21 303 1043\r\n              </Typography>\r\n              <Typography\r\n                variant=\"body1\"\r\n                sx={{ marginLeft: \"5.5%\" }}\r\n                className={classes.textSubtitle}\r\n                component={\"a\"}\r\n                href=\"tel:+381668041771\"\r\n              >\r\n                +381 66 8041 771\r\n              </Typography>\r\n            </Grid>\r\n\r\n            <Grid item md={4}>\r\n              <Typography\r\n                variant=\"body1\"\r\n                sx={{ marginBottom: \"6%\" }}\r\n                className={classes.textSubtitle}\r\n                component={\"a\"}\r\n                href=\"mailto:info@midenas.rs\"\r\n              >\r\n                <EmailIcon sx={{ marginRight: \"2%\", marginTop: \"0.5%\" }} />\r\n                info@midenas.rs\r\n              </Typography>\r\n            </Grid>\r\n          </Grid>\r\n        </Grid>\r\n      </Box> */}\r\n    </Box>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport {\r\n  Grid,\r\n  Typography,\r\n  makeStyles,\r\n  createStyles,\r\n  Theme,\r\n} from \"@material-ui/core\";\r\nimport designrush from \"../../images/designrush.png\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useMediaQuery, useTheme } from \"@mui/material\";\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n  createStyles({\r\n    root: {\r\n      justifyContent: \"center\",\r\n      textAlign: \"center\",\r\n    },\r\n    text: {\r\n      marginTop: \"20px\",\r\n    },\r\n    whyUs_div: {\r\n      alignContent: \"center\",\r\n      justifyContent: \"center\",\r\n      fontWeight: \"bold\",\r\n      color: \"#849AA3\",\r\n      textDecoration: \"none\",\r\n    },\r\n    img: {\r\n      width: \"75%\",\r\n      paddingRight: \"20px\",\r\n      textAlign: \"center\",\r\n      height: \"auto\",\r\n      cursor: \"pointer\",\r\n      [theme.breakpoints.down(\"xs\")]: {\r\n        paddingRight: 0,\r\n      },\r\n    },\r\n    imgContainer: {\r\n      display: \"flex\",\r\n      justifyContent: \"right\",\r\n    },\r\n    removeHover: {\r\n      \"&:hover\": {\r\n        color: \"#6a7b82\",\r\n        textDecoration: \"none\",\r\n      },\r\n    },\r\n  })\r\n);\r\n\r\nexport default function DesignRushSection() {\r\n  const theme = useTheme();\r\n  const classes = useStyles();\r\n  const { t } = useTranslation();\r\n\r\n  return (\r\n    <Grid className={classes.root} container spacing={0}>\r\n      <Grid\r\n        container\r\n        item\r\n        sm={6}\r\n        xs={12}\r\n        alignContent=\"center\"\r\n        justifyContent=\"center\"\r\n      >\r\n        <Typography\r\n          variant=\"h5\"\r\n          component={\"a\"}\r\n          className={`${classes.whyUs_div} ${classes.removeHover}`}\r\n          href=\"https://www.designrush.com/agency/profile/midenas\"\r\n          target=\"_blank\"\r\n        >\r\n          {t(\"homePage.designRushTitle\")}\r\n        </Typography>\r\n      </Grid>\r\n    </Grid>\r\n  );\r\n}\r\n","/* eslint-disable no-unreachable */\r\nimport React, { useState } from \"react\";\r\nimport { Fade } from \"react-awesome-reveal\";\r\nimport {\r\n  Typography,\r\n  Grid,\r\n  Container,\r\n  makeStyles,\r\n  createStyles,\r\n  Theme,\r\n} from \"@material-ui/core\";\r\nimport aboutUsImg from \"../../images/whyUsNew.png\";\r\nimport contactSectionImg from \"../../images/aboutNew.png\";\r\nimport technologyExperienceImg from \"../../images/technologyExpirience.png\";\r\nimport CustomCarousel from \"../../components/carousel/carousel\";\r\nimport GoogleMap from \"../../components/googleMap/googleMap\";\r\nimport { Wrapper } from \"@googlemaps/react-wrapper\";\r\nimport Marker from \"../../components/marker/marker\";\r\nimport JavaScriptModal from \"../homepageModals/javaScriptModal/javaScriptModals\";\r\nimport TypeScriptModal from \"../homepageModals/typeScriptModal/typeScriptModal\";\r\nimport ReactModal from \"../homepageModals/reactModal/reactModal\";\r\nimport CustomSoftwareModal from \"../homepageModals/customSoftwareModal/customSoftwareModa\";\r\nimport WebServicesModal from \"../homepageModals/webServicesModal/webServicesModal\";\r\nimport WebApplicationModal from \"../homepageModals/webApplicationModal/webApplicationModal\";\r\nimport WebDesignModal from \"../homepageModals/webDesignModal/webDesignModal\";\r\nimport AngularModal from \"../homepageModals/angularModal/angularModa\";\r\nimport DesignModal from \"../homepageModals/designModal/designModal\";\r\nimport CSharpModal from \"../homepageModals/cSharpModal/cSharpModal\";\r\nimport DotNetModal from \"../homepageModals/dotNetModal/dotNetModal\";\r\nimport DatabaseModal from \"../homepageModals/databaseModal/databaseModal\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport TechnologyExperience from \"../contentSectionComp/technologyExperience/technologyExperience\";\r\nimport ContactUsSection from \"../contentSectionComp/contactUsSection/contactUsSection\";\r\nimport WhyUsSection from \"../contentSectionComp/whyUsSection/whyUsSection\";\r\nimport AboutSection from \"../contentSectionComp/aboutSection/aboutSection\";\r\nimport \"./contentSection.css\";\r\nimport Map from \"../../components/map/map\";\r\nimport DesignRushSection from \"../designRushSection/designRushSection\";\r\n\r\nconst useStyles = makeStyles((theme: Theme) =>\r\n  createStyles({\r\n    root: {\r\n      maxWidth: 345,\r\n      borderRadius: \"20px\",\r\n      marginTop: \"20px\",\r\n      [theme.breakpoints.up(\"xs\")]: {\r\n        marginLeft: \"5px\",\r\n        alignContent: \"center\",\r\n        justifyContent: \"center\",\r\n      },\r\n      boxShadow: \"0 8px 40px -12px rgba(0,0,0,0.5)\",\r\n      \"&:hover\": {\r\n        boxShadow: \"0 16px 70px -12.125px rgba(0,0,0,0.5)\",\r\n      },\r\n    },\r\n    about_container: {\r\n      width: \"100%\",\r\n      alignContent: \"center\",\r\n      alignItems: \"center\",\r\n      padding: \"20px\",\r\n    },\r\n    aboutUs_div: {\r\n      padding: \"120px 0px\",\r\n      backgroundImage: `url(${aboutUsImg})`,\r\n      backgroundSize: \"cover\",\r\n    },\r\n    gallery_title: {\r\n      color: \"#849AA3\",\r\n      fontWeight: \"bold\",\r\n    },\r\n\r\n    contactUsSection: {\r\n      padding: \"120px 0\",\r\n      backgroundImage: `url(${contactSectionImg})`,\r\n      backgroundSize: \"cover\",\r\n    },\r\n    googleMap_grid: {\r\n      alignContent: \"center\",\r\n      justifyContent: \"center\",\r\n    },\r\n    whyUsSection: {\r\n      color: \"#849AA3\",\r\n      padding: \"120px 0\",\r\n    },\r\n    carouselSection: {\r\n      padding: \"120px 0\",\r\n      backgroundSize: \"cover\",\r\n    },\r\n  })\r\n);\r\n\r\nfunction ContentSection() {\r\n  const { t } = useTranslation();\r\n  const classes = useStyles();\r\n\r\n  const [typeScriptModal, setTypeScriptModal] = useState(false);\r\n  const [customSoftwareModal, setCustomSoftwareModal] = useState(false);\r\n  const [webServicesModal, setWebServicesModal] = useState(false);\r\n  const [webApplicationModal, setWebApplicationModal] = useState(false);\r\n  const [webDesignModal, setWebDesignModal] = useState(false);\r\n  const [designModal, setDesignModal] = useState(false);\r\n  const [cSharpModal, setCSharpModal] = useState(false);\r\n  const [databaseModal, setDatabaseModal] = useState(false);\r\n\r\n  const handleTypeScriptModalClose = () => {\r\n    setTypeScriptModal(false);\r\n  };\r\n\r\n  const handleTypeScriptModalOpen = () => {\r\n    setTypeScriptModal(true);\r\n  };\r\n\r\n  const handleCustomSoftwareModalClose = () => {\r\n    setCustomSoftwareModal(false);\r\n  };\r\n\r\n  const handleCustomSoftwareModalOpen = () => {\r\n    setCustomSoftwareModal(true);\r\n  };\r\n\r\n  const handleWebServiceModalClose = () => {\r\n    setWebServicesModal(false);\r\n  };\r\n\r\n  const handleWebServiceModalOpen = () => {\r\n    setWebServicesModal(true);\r\n  };\r\n\r\n  const handleWebApplicationModalClose = () => {\r\n    setWebApplicationModal(false);\r\n  };\r\n\r\n  const handleWebApplicationModalOpen = () => {\r\n    setWebApplicationModal(true);\r\n  };\r\n\r\n  const handleWebDeisgnModalClose = () => {\r\n    setWebDesignModal(false);\r\n  };\r\n\r\n  const handleWebDeisgnModalOpen = () => {\r\n    setWebDesignModal(true);\r\n  };\r\n\r\n  const handleDesignModalClose = () => {\r\n    setDesignModal(false);\r\n  };\r\n\r\n  const handleDesignModalOpen = () => {\r\n    setDesignModal(true);\r\n  };\r\n\r\n  const handleCSharpModalClose = () => {\r\n    setCSharpModal(false);\r\n  };\r\n\r\n  const handleCSharpModalOpen = () => {\r\n    setCSharpModal(true);\r\n  };\r\n\r\n  const handleDatabaseModalClose = () => {\r\n    setDatabaseModal(false);\r\n  };\r\n\r\n  const handleDatabaseModalOpen = () => {\r\n    setDatabaseModal(true);\r\n  };\r\n\r\n  const center = { lat: 45.250375064551505, lng: 19.83732959049245 };\r\n  const zoom = 16;\r\n\r\n  function ClearDiv(elementID) {\r\n    document.getElementById(elementID).innerHTML = \"\";\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <div>\r\n        <Fade triggerOnce>\r\n          <TechnologyExperience />\r\n        </Fade>\r\n      </div>\r\n\r\n      <div className={classes.contactUsSection}>\r\n        <Fade triggerOnce>\r\n          <ContactUsSection />\r\n        </Fade>\r\n      </div>\r\n      <div>\r\n        <Fade triggerOnce>\r\n          <Grid container spacing={0} className={classes.googleMap_grid}>\r\n            <Grid item sm={12} xs={12}>\r\n              <Map />\r\n            </Grid>\r\n          </Grid>\r\n        </Fade>\r\n      </div>\r\n      <Grid\r\n        item\r\n        md={12}\r\n        style={{\r\n          justifyContent: \"center\",\r\n          textAlign: \"center\",\r\n          padding: \"20px\",\r\n        }}\r\n      >\r\n        <Fade triggerOnce>\r\n          <DesignRushSection />\r\n        </Fade>\r\n      </Grid>\r\n      <Container className={classes.whyUsSection} style={{ padding: \"20px\" }}>\r\n        <Fade triggerOnce>\r\n          <WhyUsSection />\r\n        </Fade>\r\n      </Container>\r\n\r\n      <div\r\n        className={classes.aboutUs_div}\r\n        onClick={ClearDiv}\r\n        id=\"aboutUsSection\"\r\n      >\r\n        <Container className={classes.about_container}>\r\n          <Fade triggerOnce>\r\n            <AboutSection />\r\n          </Fade>\r\n        </Container>\r\n      </div>\r\n      <TypeScriptModal\r\n        open={typeScriptModal}\r\n        modalClose={handleTypeScriptModalClose}\r\n      />\r\n      <CustomSoftwareModal\r\n        open={customSoftwareModal}\r\n        modalClose={handleCustomSoftwareModalClose}\r\n      />\r\n      <WebServicesModal\r\n        open={webServicesModal}\r\n        modalClose={handleWebServiceModalClose}\r\n      />\r\n      <WebApplicationModal\r\n        open={webApplicationModal}\r\n        modalClose={handleWebApplicationModalClose}\r\n      />\r\n      <WebDesignModal\r\n        open={webDesignModal}\r\n        modalClose={handleWebDeisgnModalClose}\r\n      />\r\n      <DesignModal open={designModal} modalClose={handleDesignModalClose} />\r\n      <CSharpModal open={cSharpModal} modalClose={handleCSharpModalClose} />\r\n      <DatabaseModal\r\n        open={databaseModal}\r\n        modalClose={handleDatabaseModalClose}\r\n      />\r\n    </>\r\n  );\r\n}\r\n\r\nexport default ContentSection;\r\n","import CookieConsent from 'react-cookie-consent';\r\n\r\nexport default function CookieConsentComp() {\r\n    return (\r\n        <CookieConsent\r\n            className=\"cookie_contsent\"\r\n            location=\"bottom\"\r\n            buttonText=\"I understand\"\r\n            cookieName=\"Midenas\"\r\n            style={{\r\n                background: \"#1A1D1E\",\r\n                textAlign: \"center\"\r\n            }}\r\n            buttonStyle={{\r\n                fontSize: \"16px\",\r\n                background: \"#849AA3\",\r\n                color: \"white\",\r\n                borderRadius: \"20px\",\r\n                padding: \"10px\"\r\n            }}\r\n            expires={150}\r\n        >\r\n            This website uses cookies to enhance the user experience.{\" \"}\r\n        </CookieConsent>\r\n    );\r\n};","import React from 'react';\r\nimport Footer from '../../footer/footer';\r\nimport ScrollToTop from '../../../components/scrollToTop/scrollToTop';\r\nimport Header from '../../navigations/header/header';\r\nimport Slider from '../../../components/slider/slider';\r\nimport LogoBar from '../../../components/logoBar/logoBar';\r\nimport ContentSection from '../../contentSection/contentSection';\r\nimport CookieConsent from '../../../components/cookieConsent/cookieConsent';\r\n\r\nfunction HomePage() {\r\n    return (\r\n        <>\r\n            <ScrollToTop />\r\n            <Header />\r\n            <Slider />\r\n            <LogoBar />\r\n            <ContentSection />\r\n            <CookieConsent />\r\n            <Footer />\r\n        </>\r\n    );\r\n};\r\n\r\nexport default HomePage;","import { createContext } from \"react\";\r\n\r\nexport const AccountContext = createContext();","import styled from 'styled-components';\r\n\r\nexport const BoxContainer = styled.div`\r\nwidth: 100%;\r\ndisplay: flex;\r\nflex-direction: column;\r\nalign-items: center;\r\nmargin-top: 10px;\r\n`;\r\n\r\nexport const FormContainer = styled.form`\r\nwidth: 100%;\r\ndisplay: flex;\r\nflex-direction: column;\r\nbox-shadow: 0px 0px 2.5px rgba(15, 15, 15, 0.19);\r\n`;\r\n\r\nexport const MutedLink = styled.a`\r\n    font-size: 11px;\r\n    color: rgba(200, 200, 200, 0.8);\r\n    font-weight: 500;\r\n    text-decoration: none;\r\n    margin-top: 10px;\r\n    cursor: pointer;\r\n\r\n    &:hover{\r\n        text-decoration: none;\r\n    }\r\n`;\r\n\r\nexport const BoldLink = styled.a`\r\n    font-size: 12px;\r\n    color: #849ba4;\r\n    font-weight: 500;\r\n    margin: 0 4px;\r\n    text-decoration: none;\r\n`;\r\n\r\nexport const Input = styled.input`\r\nwidth: 100%;\r\nheight: 42px;\r\noutline: none;\r\nborder: 1px solid rgba(200, 200, 200, 0.3);\r\npadding: 0px 10px;\r\nborder-bottom: 1.4px solid transparent;\r\ntransition: all 200ms ease-in-out;\r\nfont-size: 13px;\r\n\r\n&::placeholder {\r\n    color: rgba(200, 200, 200, 1);\r\n}\r\n&:not(:last-of-type){\r\n    border-bottom: 1.5px solid rgba(200, 200, 200, 0.4);\r\n}\r\n&:focus {\r\n    outline: none;\r\n    border-bottom: 2px solid #849ba4;\r\n}\r\n`;\r\n\r\nexport const SubmitButton = styled.button`\r\nwidth: 100%;\r\npadding: 11px; 40%;\r\ncolor: #fff;\r\nfont-size: 15px;\r\nfont-weight: 600;\r\nborder: none;\r\nborder-radius: 100px 100px 100px 100px;\r\ncursor: pointer;\r\ntransition: all, 240ms ease-in-out;\r\nmargin-top: 15px;\r\nbackground: rgb(132,155,164);\r\nbackground: linear-gradient(\r\n    90deg, rgba(132,155,164,1) 20%, \r\n    rgba(51,74,82,1) 100%\r\n    );\r\n\r\n&:hover {\r\n    filter: brightness(1.03);\r\n}    \r\n`;","import { useContext } from 'react';\r\nimport { AccountContext } from './accountContext';\r\nimport {\r\n    BoxContainer,\r\n    FormContainer,\r\n    SubmitButton,\r\n    Input,\r\n} from './common';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Form } from 'react-bootstrap';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport {\r\n    dashboard as dashboardRoute\r\n}\r\n    from \"../../app/routes\";\r\nimport './loginForm.css';\r\n\r\nexport function LoginForm(props: any) {\r\n    const { t } = useTranslation();\r\n    const history = useHistory();\r\n    const { switchToSignup } = useContext(AccountContext);\r\n\r\n    const handleDashboard = () => {\r\n        history.push(dashboardRoute())\r\n    };\r\n\r\n    return (\r\n        <BoxContainer>\r\n            <FormContainer>\r\n                <Input type=\"email\" placeholder={t('logIn.inputEmail')} />\r\n                <Input type=\"password\" placeholder={t('logIn.inputPassword')} />\r\n            </FormContainer>\r\n            <Form.Text\r\n                className=\"loginForm_text-muted\"\r\n            >\r\n                {t('logIn.forgetPass')}\r\n            </Form.Text>\r\n            <SubmitButton onClick={handleDashboard} type=\"submit\">{t('logIn.logInBtn')}</SubmitButton>\r\n            <Form.Text className=\" loginForm_text-muted\">{t('logIn.mutedLink')}\r\n                <Form.Text className=\"muted_bold\" onClick={switchToSignup}>\r\n                    {t('signUp.signUpBtn')}\r\n                </Form.Text>\r\n            </Form.Text>\r\n        </BoxContainer>\r\n    );\r\n};","import { useContext } from 'react';\r\nimport { AccountContext } from './accountContext';\r\nimport {\r\n    BoxContainer,\r\n    FormContainer,\r\n    SubmitButton,\r\n    Input,\r\n} from './common';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Form } from 'react-bootstrap';\r\n\r\nexport function SignupForm(props: any) {\r\n    const { t } = useTranslation();\r\n    const { switchToSignin } = useContext(AccountContext);\r\n\r\n    return (\r\n        <BoxContainer>\r\n            <FormContainer>\r\n                <Input type=\"text\" placeholder={t('signUp.inputFullName')} />\r\n                <Input type=\"email\" placeholder={t('signUp.inputEmail')} />\r\n                <Input type=\"password\" placeholder={t('signUp.inputPassword')} />\r\n                <Input type=\"password\" placeholder={t('signUp.inputConfirmPass')} />\r\n            </FormContainer>\r\n            <Form.Text\r\n                className=\"loginForm_text-muted\"\r\n            >\r\n                {t('signUp.forgetPass')}\r\n            </Form.Text>\r\n            <SubmitButton type=\"submit\">{t('signUp.signUpBtn')}</SubmitButton>\r\n            <Form.Text\r\n                className=\" loginForm_text-muted\"\r\n            >\r\n                {t('signUp.mutedAlreadyHaveAcc')}\r\n                <Form.Text\r\n                    className=\"muted_bold\"\r\n                    onClick={switchToSignin}\r\n                >\r\n                    {t('logIn.logInBtn')}\r\n                </Form.Text>\r\n            </Form.Text>\r\n        </BoxContainer>\r\n    );\r\n};","import styled from 'styled-components';\r\nimport { motion } from 'framer-motion';\r\n\r\nexport const BoxContainer = styled.div`\r\nwidth: 400px;\r\nmin-height: 555px;\r\ndisplay: flex;\r\nflex-direction: column;\r\nborder-radius 19px;\r\nbackground-color: #fff;\r\nbox-shadow: 0 0 15px rgba(15, 15, 15, 0.28);\r\nposition: relative;\r\noverflow: hidden;\r\nmargin: auto;\r\nmargin-top: 1rem;\r\njustify-content: center;\r\n`;\r\n\r\nexport const TopContainer = styled.div`\r\nwidth: 100%;\r\nheight: 250px;\r\ndisplay: flex;\r\nflex-direction: column;\r\njustify-content: flex-end;\r\npadding: 0 1.8em;\r\npadding-bottom: 5em;\r\n`;\r\n\r\nexport const BackDrop = styled(motion.div)`\r\nwidth: 160%;\r\nheight: 450px;\r\nposition: absolute;\r\ndisplay: flex;\r\nflex-direction: flex;\r\nborder-radius: 50%;\r\ntransform: rotate(60deg);\r\ntop: -270px;\r\nleft: -70px;\r\nbackground: rgb(132,155,164);\r\nbackground: linear-gradient(\r\n    90deg, rgba(132,155,164,1) 20%, \r\n    rgba(51,74,82,1) 100%\r\n    );\r\n`;\r\n\r\nexport const HeaderContainer = styled.h2`\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n`;\r\n\r\nexport const HeaderText = styled.h2`\r\nfont-size: 30px;\r\nline-weight: 600;\r\nline-height: 1.24;\r\ncolor: #fff;\r\nz-index: 10;\r\nmargin: 0;\r\n`;\r\n\r\nexport const SmallText = styled.h5`\r\ncolor: #fff;\r\nfont-weight: 500;\r\nfont-size: 11px;\r\nz-index: 10;\r\nmargin: 0;\r\nmargin-top 7px; \r\n`;\r\n\r\nexport const InnerContainer = styled.div`\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n`;","/* eslint-disable jsx-a11y/alt-text */\r\nimport React, { useState } from 'react';\r\nimport { LoginForm } from './logInForm';\r\nimport { AccountContext } from './accountContext';\r\nimport { SignupForm } from './signupForm';\r\nimport {\r\n    BoxContainer,\r\n    TopContainer,\r\n    BackDrop,\r\n    HeaderContainer,\r\n    HeaderText,\r\n    SmallText,\r\n    InnerContainer\r\n} from './loginPageStyle';\r\nimport { useTranslation } from 'react-i18next';\r\nimport rsIcon from \"../../images/serbia.png\";\r\nimport ukIcon from \"../../images/uk.png\";\r\nimport { Form } from 'react-bootstrap';\r\nimport {\r\n    homePage as homePageRoute\r\n}\r\n    from \"../../app/routes\";\r\nimport { Tooltip } from \"@material-ui/core\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport './loginPage.css';\r\n\r\nconst backdropVariant = {\r\n    expanded: {\r\n        width: \"233%\",\r\n        height: \"1050px\",\r\n        borderRadius: \"20%\",\r\n        transform: \"rotate(60deg)\"\r\n    },\r\n    collapsed: {\r\n        width: \"130%\",\r\n        height: \"520px\",\r\n        borderRadius: \"50%\",\r\n        transform: \"rotate(140deg)\"\r\n    }\r\n};\r\n\r\nconst expandedTransition = {\r\n    type: \"spring\",\r\n    duration: 2.3,\r\n    stiffness: 30,\r\n};\r\n\r\nfunction LoginPage() {\r\n    const lngs1: any = [\r\n        { nativeName: 'en', className: 'language_switch_loginPage', icon: ukIcon },\r\n        { nativeName: 'rs', className: 'language_switch_loginPage', icon: rsIcon }\r\n    ];\r\n    const { t, i18n } = useTranslation();\r\n    const [isExpanded, setIsExpanded] = useState(false);\r\n    const [active, setActive] = useState(\"signin\");\r\n    const history = useHistory();\r\n\r\n    const playExpandingAnimation = () => {\r\n        setIsExpanded(true)\r\n        setTimeout(() => {\r\n            setIsExpanded(false)\r\n        }, expandedTransition.duration * 1000 - 1500);\r\n    };\r\n\r\n    const switchToSignup = () => {\r\n        playExpandingAnimation();\r\n        setTimeout(() => {\r\n            setActive(\"signup\");\r\n        }, 400);\r\n    };\r\n\r\n    const switchToSignin = () => {\r\n        playExpandingAnimation();\r\n        setTimeout(() => {\r\n            setActive(\"signin\");\r\n        }, 400);\r\n    };\r\n\r\n    const handleHomePage = () => {\r\n        history.push(homePageRoute());\r\n    };\r\n\r\n    const contextValue = { switchToSignup, switchToSignin };\r\n\r\n    return (\r\n        <AccountContext.Provider value={contextValue}>\r\n            <BoxContainer>\r\n                <TopContainer>\r\n                    <BackDrop\r\n                        initial={false}\r\n                        animate={isExpanded ? \"expanded\" : \"collapsed\"}\r\n                        variants={backdropVariant}\r\n                        transition={expandedTransition}\r\n                    />\r\n                    {active === \"signin\" && <HeaderContainer>\r\n                        <HeaderText>{t('loginPage.headerLogIn')}</HeaderText>\r\n                        <SmallText>{t('loginPage.headerLoginSubtitle')}</SmallText>\r\n                    </HeaderContainer>}\r\n                    {active === \"signup\" && <HeaderContainer>\r\n                        <HeaderText>{t('loginPage.headerSignUp')}</HeaderText>\r\n                        <SmallText>{t('loginPage.headerSignUpSubtitle')}</SmallText>\r\n                    </HeaderContainer>}\r\n                </TopContainer>\r\n                <InnerContainer>\r\n                    {active === \"signin\" && <LoginForm />}\r\n                    {active === \"signup\" && <SignupForm />}\r\n                </InnerContainer>\r\n                <div>\r\n                    {lngs1.map((lng: any) => (\r\n                        <Tooltip\r\n                            key={lng.nativeName}\r\n                            title={lng.nativeName === 'en' ? 'UK' : 'RS'}\r\n                            placement=\"bottom\"\r\n                        >\r\n                            <button\r\n                                key={lng.nativeName}\r\n                                className={lng.className}\r\n                                style={{ fontWeight: i18n.resolvedLanguage === lng.nativeName ? 'bold' : 'normal' }}\r\n                                type=\"submit\"\r\n                                onClick={() => i18n.changeLanguage(lng.nativeName)}\r\n                            >\r\n                                <img\r\n                                    key={lng.nativeName}\r\n                                    src={lng.icon}\r\n                                    alt={lng.nativeName}\r\n                                />\r\n                            </button>\r\n                        </Tooltip>\r\n                    ))}\r\n                </div>\r\n                <Form.Text\r\n                    style={{ color: '#b1b1b1' }}\r\n                    className=\"loginForm_back_text-muted\"\r\n                    onClick={handleHomePage}>\r\n                    <i className=\"far fa-arrow-alt-circle-left\"></i>\r\n                    {t('buttons.backToHomePage')}\r\n                </Form.Text>\r\n            </BoxContainer>\r\n        </AccountContext.Provider>\r\n    );\r\n};\r\n\r\nexport default LoginPage;","/* eslint-disable no-script-url */\r\n/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useRef } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport {\r\n    homePage as homePageRoute\r\n}\r\n    from '../../../src/app/routes';\r\nimport Logo from '../../images/Logo.png';\r\nimport rsIcon from '../../images/serbia.png';\r\nimport ukIcon from '../../images/uk.png';\r\nimport { Tooltip } from '@material-ui/core';\r\nimport { useTranslation } from 'react-i18next';\r\nimport styled from 'styled-components';\r\nimport './midenasSmartInvoicingPage.css';\r\nimport { Fade } from 'react-awesome-reveal';\r\n\r\nexport const HeaderSmartInvoicing = styled.header`\r\ndisplay: flex;\r\njustify-content: space-between;\r\nalign-items: center;\r\npadding: 1rem 5rem;\r\nbackground-color: transparent;\r\nposition: relative;\r\nz-index: 500;\r\n  \r\n  @media only Screen and (max-width: 64em) {\r\n    padding: 0.5rem 3rem;\r\n    background: #1a1d1e;\r\n  }\r\n  @media only Screen and (max-width: 40em) {\r\n    padding: 0.5rem 1.5rem;\r\n    background: #1a1d1e;\r\n  }\r\n`;\r\nexport const LogoSectionSmartInvoicing = styled.a`\r\n  display: flex;\r\n  align-items: center;\r\n  width: 2rem;\r\n  height: auto;\r\n  cursor: pointer;\r\n  img {\r\n    margin-right: 0.5rem;\r\n    width: 200px;\r\n  }\r\n\r\n  @media only Screen and (max-width:1334px){\r\n    display: inline-block;\r\n    display: none;\r\n}\r\n@media only Screen and (max-width:48em){\r\n  display: inline-block;\r\n}\r\n`;\r\n\r\nfunction MidenasSmartInvoicingPage() {\r\n    const history = useHistory();\r\n    const { t, i18n } = useTranslation();\r\n    const ref = useRef(null);\r\n\r\n    const lngs1 = [\r\n        { nativeName: 'en', className: 'language_switch_smartInvoicing', icon: ukIcon },\r\n        { nativeName: 'rs', className: 'language_switch_smartInvoicing', icon: rsIcon }\r\n    ];\r\n    const handleBacktToHome = () => {\r\n        history.push(homePageRoute());\r\n    };\r\n    return (\r\n        <>\r\n            <div className=\"smartInvoicing_body\">\r\n                <HeaderSmartInvoicing ref={ref}>\r\n                    <LogoSectionSmartInvoicing>\r\n                        <Fade>\r\n                            <img\r\n                                src={Logo}\r\n                                alt=\"CodeBucks\"\r\n                                onClick={handleBacktToHome}\r\n                            />\r\n                        </Fade>\r\n                    </LogoSectionSmartInvoicing>\r\n                </HeaderSmartInvoicing>\r\n                <div className=\"smartInvoicing_main\">\r\n                    <header>\r\n                        <div className=\"smartInvoicing_footer\">\r\n                            <h3>{t('smartInvoicingUnderConstruction.underConstructionTitle')}</h3>\r\n                        </div>\r\n                    </header>\r\n                    <section id=\"contents\">\r\n                        <div className=\"smartInvoicing_title\">\r\n                            <h1>{t('smartInvoicingUnderConstruction.underConstructionSubtitle')}</h1>\r\n                        </div>\r\n                    </section>\r\n                    <footer className=\"smartInvoicing_footer\">\r\n                        <div className=\"smartInvoicing_social-links\">\r\n                            <a href=\"https://www.facebook.com/midenasit/\"><i className=\"fab fa-facebook-f facebook_icon\"></i></a>\r\n                            <a href=\"https://l.facebook.com/l.php?u=https%3A%2F%2Finstagram.com%2Fit_midenas%3Figshid%3DYmMyMTA2M2Y%253D%26fbclid%3DIwAR3upvNNHiVo2Kl4kc-eet6e1PWrwy45_wDuX8K0B-RIcNvKuUEUxKNzTXw&h=AT2J_rAGr7qhieRLFaTv08GTW2LJXZBxU2OuKhlUCSF5Ecwlq1gziW7gN3qgrTs8C9oGQzaP6iv6eHBzq65On051EdZtzIgfBCiepMWd9a-R0bYbmPmb2sgAstVg-rz-WLiYEA\"><i className=\"fab fa-instagram insta_icon\"></i></a>\r\n                            <a href=\"https://www.linkedin.com/company/midenas-doo/about/\"><i className=\"fab fa-linkedin-in linkedIn_icon\"></i></a>\r\n                        </div>\r\n                        <div>\r\n                            {lngs1.map((lng) => (\r\n                                <Tooltip key={lng.nativeName} title={lng.nativeName === 'en' ? 'UK' : 'RS'} placement=\"bottom\">\r\n                                    <button\r\n                                        key={lng.nativeName}\r\n                                        className={lng.className}\r\n                                        style={{ fontWeight: i18n.resolvedLanguage === lng.nativeName ? 'bold' : 'normal' }}\r\n                                        type=\"submit\"\r\n                                        onClick={() => i18n.changeLanguage(lng.nativeName)}\r\n                                    >\r\n                                        <img key={lng.nativeName} src={lng.icon} alt={lng.nativeName} />\r\n                                    </button>\r\n                                </Tooltip>\r\n                            ))}\r\n                        </div>\r\n                    </footer>\r\n                    <div className=\"backToHome\">\r\n                        <h3 onClick={handleBacktToHome}>&#x2190; {t('smartInvoicingUnderConstruction.backToHome')}</h3>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </>\r\n    );\r\n};\r\n\r\nexport default MidenasSmartInvoicingPage;","import { makeStyles } from \"tss-react/mui\";\r\nimport { Theme } from \"@mui/material/styles\";\r\n\r\nexport const useLearninigStyles = makeStyles()((theme: Theme) => ({\r\n  title: {\r\n    color: \"#fff\",\r\n  },\r\n  box: {\r\n    background: \"#6A7C82\",\r\n    // padding: \"40px\",\r\n    borderRadius: \"15px\",\r\n  },\r\n  icon: {\r\n    width: \"500px\",\r\n    marginLeft: \"200px\",\r\n  },\r\n  iconsSubtitle: {\r\n    color: \"#fff\",\r\n    fontSize: \"18px\",\r\n    marginTop: \"auto\",\r\n  },\r\n  text: {\r\n    color: \"#6A7C82\",\r\n    fontSize: \"38px\",\r\n  },\r\n  textTittle: {\r\n    color: \"#6A7C82\",\r\n    fontSize: \"38px\",\r\n    marginTop: \"auto\",\r\n  },\r\n  textSubtitle: {\r\n    color: \"#6A7C82\",\r\n    fontSize: \"16.5px\",\r\n    marginTop: \"auto\",\r\n  },\r\n  iconWrapper: {\r\n    textAlign: \"center\",\r\n    display: \"flex\",\r\n    justifyContent: \"center\",\r\n    alignItems: \"flex-start\",\r\n  },\r\n  gridContainer: {\r\n    height: \"100%\",\r\n  },\r\n  stepWrapper: {\r\n    display: \"flex\",\r\n    justifyContent: \"center\",\r\n  },\r\n  step: {\r\n    width: \"60%\",\r\n    [theme.breakpoints.down(\"md\")]: {\r\n      width: \"50%\",\r\n    },\r\n    height: \"180px\",\r\n    borderRadius: \"15px\",\r\n    textAlign: \"center\",\r\n    backgroundColor: \"#6A7C82\",\r\n  },\r\n  stepContent: {\r\n    color: \"white\",\r\n    fontSize: \"24.5px\",\r\n  },\r\n}));\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAALGCAYAAAC04n/hAAAIoElEQVR4nO3WMU5CURRF0YMStadg/lMkNtp84wzYFSGsNYN3brLzTsdxXLd9DeA+3+dtH9s+DQbc6efNUkAlHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEAmHEB23vYrIA/1f4P3F34/T+jkaI91HMdl2+WVN+Dp3Pw0gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gEw4gGbbHxteD71dTu0jAAAAAElFTkSuQmCC\"","export default __webpack_public_path__ + \"static/media/2.787ae0aa.png\";","export default __webpack_public_path__ + \"static/media/3.39d22c12.png\";","export default \"data:image/png;base64,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\"","import { Box, Grid, Typography, useMediaQuery } from \"@mui/material\";\r\nimport { useLearninigStyles } from \"./learningStyles\";\r\nimport { t } from \"i18next\";\r\nimport ArrowRightIcon from \"@mui/icons-material/ArrowRight\";\r\nimport NumberOne from \"../../images/1.png\";\r\nimport NumberTwo from \"../../images/2.png\";\r\nimport NumberThree from \"../../images/3.png\";\r\nimport NumberFour from \"../../images/4.png\";\r\nimport { useTheme } from \"@material-ui/core\";\r\n\r\nexport default function Steps() {\r\n  const { classes } = useLearninigStyles();\r\n  const theme = useTheme();\r\n  const isTablet = useMediaQuery(theme.breakpoints.down(\"md\"));\r\n  const isMobile = useMediaQuery(theme.breakpoints.down(\"xs\"));\r\n\r\n  return (\r\n    <Grid container justifyContent={\"center\"} sx={{ padding: \"30px\" }}>\r\n      <Grid item lg={2.5} md={12} className={classes.stepWrapper}>\r\n        {/* Step 1 */}\r\n        <Grid\r\n          className={classes.step}\r\n          sx={{\r\n            backgroundImage: `url(${NumberOne})`,\r\n            backgroundRepeat: \"no-repeat\",\r\n            backgroundSize: isTablet ? \"10%\" : \"24%\",\r\n            backgroundPosition: \"center\",\r\n            alignItems: \"center\",\r\n            display: \"flex\",\r\n            justifyContent: \"center\",\r\n          }}\r\n        >\r\n          <Typography className={classes.stepContent} variant=\"h6\">\r\n            {t(\"outsourcingServices.stepOne\")}\r\n          </Typography>\r\n        </Grid>\r\n      </Grid>\r\n      <Grid\r\n        item\r\n        lg={0.5}\r\n        md={1}\r\n        container\r\n        alignItems=\"center\"\r\n        justifyContent=\"center\"\r\n      >\r\n        <ArrowRightIcon\r\n          fontSize=\"large\"\r\n          sx={{ fontSize: \"60px\", color: \"#6A7C82\" }}\r\n        />\r\n      </Grid>\r\n      <Grid item lg={2.5} md={12} className={classes.stepWrapper}>\r\n        <Box\r\n          className={classes.step}\r\n          sx={{\r\n            backgroundImage: `url(${NumberTwo})`,\r\n            backgroundRepeat: \"no-repeat\",\r\n            backgroundSize: isTablet ? \"19%\" : \"43%\",\r\n            backgroundPosition: \"center\",\r\n            alignItems: \"center\",\r\n            display: \"flex\",\r\n            justifyContent: \"center\",\r\n          }}\r\n        >\r\n          <Typography className={classes.stepContent} variant=\"h6\">\r\n            {t(\"outsourcingServices.stepTwo\")}\r\n          </Typography>\r\n        </Box>\r\n      </Grid>\r\n      <Grid\r\n        item\r\n        lg={0.3}\r\n        md={1}\r\n        container\r\n        alignItems=\"center\"\r\n        justifyContent=\"center\"\r\n      >\r\n        <ArrowRightIcon\r\n          fontSize=\"large\"\r\n          sx={{ fontSize: \"60px\", color: \"#6A7C82\" }}\r\n        />\r\n      </Grid>\r\n      <Grid item lg={2.5} md={12} className={classes.stepWrapper}>\r\n        <Box\r\n          className={classes.step}\r\n          sx={{\r\n            backgroundImage: `url(${NumberThree})`,\r\n            backgroundRepeat: \"no-repeat\",\r\n            backgroundSize: isTablet ? \"19%\" : \"43%\",\r\n            backgroundPosition: \"center\",\r\n            alignItems: \"center\",\r\n            display: \"flex\",\r\n            justifyContent: \"center\",\r\n          }}\r\n        >\r\n          <Typography className={classes.stepContent} variant=\"h6\">\r\n            {t(\"outsourcingServices.stepThree\")}\r\n          </Typography>\r\n        </Box>\r\n      </Grid>\r\n      <Grid\r\n        item\r\n        lg={0.3}\r\n        md={1}\r\n        container\r\n        alignItems=\"center\"\r\n        justifyContent=\"center\"\r\n      >\r\n        <ArrowRightIcon\r\n          fontSize=\"large\"\r\n          sx={{ fontSize: \"60px\", color: \"#6A7C82\" }}\r\n        />\r\n      </Grid>\r\n      <Grid item lg={2.5} md={12} className={classes.stepWrapper}>\r\n        <Box\r\n          className={classes.step}\r\n          sx={{\r\n            backgroundImage: `url(${NumberFour})`,\r\n            backgroundRepeat: \"no-repeat\",\r\n            backgroundSize: isTablet ? \"22%\" : \"50%\",\r\n            backgroundPosition: \"center\",\r\n            alignItems: \"center\",\r\n            display: \"flex\",\r\n            justifyContent: \"center\",\r\n          }}\r\n        >\r\n          <Typography className={classes.stepContent} variant=\"h6\">\r\n            {t(\"outsourcingServices.stepFour\")}\r\n          </Typography>\r\n        </Box>\r\n      </Grid>\r\n    </Grid>\r\n  );\r\n}\r\n","import { Box, Grid, Typography } from \"@mui/material\";\r\nimport { useLearninigStyles } from \"./learningStyles\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport NumberOne from \"../../images/1.png\";\r\nimport NumberTwo from \"../../images/2.png\";\r\nimport NumberThree from \"../../images/3.png\";\r\nimport NumberFour from \"../../images/4.png\";\r\nimport ArrowRightIcon from \"@mui/icons-material/ArrowRight\";\r\nimport ArrowDropDownIcon from \"@mui/icons-material/ArrowDropDown\";\r\nimport React from \"react\";\r\n\r\nexport default function StepsMobile() {\r\n  const { t } = useTranslation();\r\n  const { classes } = useLearninigStyles();\r\n  return (\r\n    <Box display=\"flex\" alignItems=\"center\" justifyContent=\"center\">\r\n      <Grid container>\r\n        <Grid item xs={12} md={12} className={classes.stepWrapper}>\r\n          {/* Step 1 */}\r\n          <Box\r\n            className={classes.step}\r\n            sx={{\r\n              backgroundImage: `url(${NumberOne})`,\r\n              backgroundRepeat: \"no-repeat\",\r\n              backgroundSize: \"15%\",\r\n              backgroundPosition: \"center\",\r\n              alignItems: \"center\",\r\n              display: \"flex\",\r\n              justifyContent: \"center\",\r\n              width: \"100% !important\",\r\n            }}\r\n          >\r\n            <Typography className={classes.stepContent} variant=\"h6\">\r\n              {t(\"outsourcingServices.stepOne\")}\r\n            </Typography>\r\n          </Box>\r\n        </Grid>\r\n        <Grid\r\n          item\r\n          xs={12}\r\n          md={12}\r\n          my={2}\r\n          sx={{ display: \"flex\", justifyContent: \"center\" }}\r\n        >\r\n          <ArrowDropDownIcon\r\n            fontSize=\"large\"\r\n            sx={{ fontSize: \"60px\", color: \"#6A7C82\" }}\r\n          />\r\n        </Grid>\r\n        <Grid item xs={12} md={12}>\r\n          {/* Step 2 */}\r\n          <Box\r\n            className={classes.step}\r\n            sx={{\r\n              backgroundImage: `url(${NumberTwo})`,\r\n              backgroundRepeat: \"no-repeat\",\r\n              backgroundSize: \"24%\",\r\n              backgroundPosition: \"center\",\r\n              alignItems: \"center\",\r\n              display: \"flex\",\r\n              justifyContent: \"center\",\r\n              width: \"100% !important\",\r\n            }}\r\n          >\r\n            <Typography className={classes.stepContent} variant=\"h6\">\r\n              {t(\"outsourcingServices.stepTwo\")\r\n                .split(\"\\n\")\r\n                .map((text, index) => (\r\n                  <React.Fragment key={index}>\r\n                    {text}\r\n                    <br />\r\n                  </React.Fragment>\r\n                ))}\r\n            </Typography>\r\n          </Box>\r\n        </Grid>\r\n        <Grid\r\n          item\r\n          xs={12}\r\n          md={12}\r\n          my={2}\r\n          sx={{ display: \"flex\", justifyContent: \"center\" }}\r\n        >\r\n          <ArrowDropDownIcon\r\n            fontSize=\"large\"\r\n            sx={{ fontSize: \"60px\", color: \"#6A7C82\" }}\r\n          />\r\n        </Grid>\r\n        <Grid item xs={12} md={12}>\r\n          {/* Step 3 */}\r\n          <Box\r\n            className={classes.step}\r\n            sx={{\r\n              backgroundImage: `url(${NumberThree})`,\r\n              backgroundRepeat: \"no-repeat\",\r\n              backgroundSize: \"24%\",\r\n              backgroundPosition: \"center\",\r\n              alignItems: \"center\",\r\n              display: \"flex\",\r\n              justifyContent: \"center\",\r\n              width: \"100%!important\",\r\n            }}\r\n          >\r\n            <Typography className={classes.stepContent} variant=\"h6\">\r\n              {t(\"outsourcingServices.stepThree\")\r\n                .split(\"\\n\")\r\n                .map((text, index) => (\r\n                  <React.Fragment key={index}>\r\n                    {text}\r\n                    <br />\r\n                  </React.Fragment>\r\n                ))}\r\n            </Typography>\r\n          </Box>\r\n        </Grid>\r\n        <Grid\r\n          item\r\n          xs={12}\r\n          md={12}\r\n          my={2}\r\n          sx={{ display: \"flex\", justifyContent: \"center\" }}\r\n        >\r\n          <ArrowDropDownIcon\r\n            fontSize=\"large\"\r\n            sx={{ fontSize: \"60px\", color: \"#6A7C82\" }}\r\n          />\r\n        </Grid>\r\n        <Grid item xs={12} md={12}>\r\n          {/* Step 4 */}\r\n          <Box\r\n            className={classes.step}\r\n            sx={{\r\n              backgroundImage: `url(${NumberFour})`,\r\n              backgroundRepeat: \"no-repeat\",\r\n              backgroundSize: \"24%\",\r\n              backgroundPosition: \"center\",\r\n              alignItems: \"center\",\r\n              display: \"flex\",\r\n              justifyContent: \"center\",\r\n              width: \"100%!important\",\r\n            }}\r\n          >\r\n            <Typography className={classes.stepContent} variant=\"h6\">\r\n              {t(\"outsourcingServices.stepFour\")}\r\n            </Typography>\r\n          </Box>\r\n        </Grid>\r\n      </Grid>\r\n    </Box>\r\n  );\r\n}\r\n","import { Grid, Typography, useMediaQuery, useTheme } from \"@mui/material\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useLearninigStyles } from \"./learningStyles\";\r\nimport React from \"react\";\r\nimport Steps from \"./steps\";\r\nimport StepsMobile from \"./stepsMobile\";\r\n\r\nexport default function LearningPage() {\r\n  const theme = useTheme();\r\n  const { classes } = useLearninigStyles();\r\n  const { t } = useTranslation();\r\n  const isMobile = useMediaQuery(theme.breakpoints.down(\"md\"));\r\n\r\n  return (\r\n    <Grid\r\n      container\r\n      sx={{\r\n        padding: \"40px\",\r\n        width: \"100%\",\r\n      }}\r\n    >\r\n      <Grid item xs={12} sx={{ marginLeft: \"10%\" }}>\r\n        <Typography className={classes.text} variant=\"h6\">\r\n          {t(\"outsourcingServices.outsourcingTitle\")}\r\n        </Typography>\r\n        <Typography\r\n          className={classes.textSubtitle}\r\n          sx={{ textAlign: isMobile ? \"left\" : \"left\", mt: 2 }}\r\n        >\r\n          <p>\r\n            {t(\"outsourcingServices.outsourcingDesc1\")\r\n              .split(\"\\n\")\r\n              .map((text, index) => (\r\n                <React.Fragment key={index}>\r\n                  {text}\r\n                  <br />\r\n                </React.Fragment>\r\n              ))}\r\n          </p>\r\n          <p>\r\n            {t(\"outsourcingServices.outsourcingDesc2\")\r\n              .split(\"\\n\")\r\n              .map((text, index) => (\r\n                <React.Fragment key={index}>\r\n                  {text}\r\n                  <br />\r\n                </React.Fragment>\r\n              ))}\r\n          </p>\r\n        </Typography>\r\n        <Typography\r\n          className={classes.textSubtitle}\r\n          sx={{ textAlign: isMobile ? \"left\" : \"left\", mt: 2 }}\r\n        >\r\n          <p>\r\n            {t(\"outsourcingServices.outsourcingDesc3\")\r\n              .split(\"\\n\")\r\n              .map((text, index) => (\r\n                <React.Fragment key={index}>\r\n                  {text}\r\n                  <br />\r\n                </React.Fragment>\r\n              ))}\r\n          </p>\r\n        </Typography>\r\n        <Typography\r\n          className={classes.textTittle}\r\n          variant=\"h6\"\r\n          sx={{ textAlign: isMobile ? \"left\" : \"left\", mt: 4 }}\r\n        >\r\n          {t(\"outsourcingServices.howOutsourcingTitle\")}\r\n        </Typography>\r\n        <Typography\r\n          className={classes.textSubtitle}\r\n          sx={{ textAlign: isMobile ? \"left\" : \"left\", mt: 2 }}\r\n        >\r\n          <p>\r\n            {t(\"outsourcingServices.howOutsourcingDesc1\")\r\n              .split(\"\\n\")\r\n              .map((text, index) => (\r\n                <React.Fragment key={index}>\r\n                  {text}\r\n                  <br />\r\n                </React.Fragment>\r\n              ))}\r\n          </p>\r\n        </Typography>\r\n        <Typography\r\n          className={classes.textSubtitle}\r\n          sx={{ textAlign: isMobile ? \"left\" : \"left\", mt: 2 }}\r\n        >\r\n          <p>\r\n            {t(\"outsourcingServices.howOutsourcingDesc2\")\r\n              .split(\"\\n\")\r\n              .map((text, index) => (\r\n                <React.Fragment key={index}>\r\n                  {text}\r\n                  <br />\r\n                </React.Fragment>\r\n              ))}\r\n          </p>\r\n        </Typography>\r\n        <Typography\r\n          className={classes.textTittle}\r\n          variant=\"h6\"\r\n          align=\"center\"\r\n          sx={{ mt: 4 }}\r\n        >\r\n          {t(\"outsourcingServices.fourStepTitle\")}\r\n        </Typography>\r\n      </Grid>\r\n      {isMobile ? <StepsMobile /> : <Steps />}\r\n    </Grid>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport Header from \"../navigations/header/header\";\r\nimport LearningPage from \"./learningPage\";\r\nimport Footer from \"../footer/footer\";\r\n\r\nexport default function LearningMainPage() {\r\n  return (\r\n    <>\r\n      <Header />\r\n      <LearningPage />\r\n      <Footer />\r\n    </>\r\n  );\r\n}\r\n","import React from \"react\";\r\nimport AboutUsPage from \"../features/aboutUs/aboutUsPage/aboutUsPage\";\r\nimport ContactUsPage from \"../features/pages/contactUsPage/contactUsPage\";\r\nimport AddClientPage from \"../features/dashboard/addClientPage/addClientPage\";\r\nimport AddDocumentPage from \"../features/dashboard/addDocumentPage/addDocumentPage\";\r\nimport Dashboard from \"../features/dashboard/dashboard\";\r\nimport PasswordChangePage from \"../features/dashboard/passwordChangePage/passwordChangePage\";\r\nimport ProfilePage from \"../features/dashboard/profile/profilePage\";\r\nimport TemplatePage from \"../features/dashboard/template/templatePage\";\r\nimport HomePage from \"../features/pages/homePage/homePage\";\r\nimport LearningPage from \"../features/learningPage/learningPage\";\r\nimport LoginPage from \"../features/loginPage/loginPage\";\r\nimport MidenasSmartInvoicingPage from \"../features/midenasSmartInvoicingPage/midenasSmartInvoicingPage\";\r\nimport { BrowserRouter, Route } from \"react-router-dom\";\r\nimport {\r\n  homePage as homePageRoute,\r\n  smartInvoicing as smartInvoicingRoute,\r\n  loginPage as loginPageRoute,\r\n  learningPage as learningPageRoute,\r\n  aboutUsPage as aboutUsPageRoute,\r\n  contactPage as contactPageRoute,\r\n  dashboard as dashboardRoute,\r\n  profile as profileRoute,\r\n  addInvoice as addInvoiceRoute,\r\n  passwordChange as passwordChangeRoute,\r\n  addClient as addClientRoute,\r\n  template as templateRoute,\r\n} from \"./routes\";\r\nimport LearningMainPage from \"../features/learningPage/learningMainPage\";\r\n\r\nexport default function Routing() {\r\n  return (\r\n    <BrowserRouter>\r\n      <Route exact path={homePageRoute()} component={HomePage}></Route>\r\n      <Route\r\n        exact\r\n        path={smartInvoicingRoute()}\r\n        component={MidenasSmartInvoicingPage}\r\n      ></Route>\r\n      <Route exact path={loginPageRoute()} component={LoginPage}></Route>\r\n      <Route\r\n        exact\r\n        path={learningPageRoute()}\r\n        component={LearningMainPage}\r\n      ></Route>\r\n      <Route exact path={aboutUsPageRoute()} component={AboutUsPage}></Route>\r\n      <Route exact path={contactPageRoute()} component={ContactUsPage}></Route>\r\n      <Route exact path={dashboardRoute()} component={Dashboard}></Route>\r\n      <Route exact path={profileRoute()} component={ProfilePage}></Route>\r\n      <Route exact path={addInvoiceRoute()} component={AddDocumentPage}></Route>\r\n      <Route\r\n        exact\r\n        path={passwordChangeRoute()}\r\n        component={PasswordChangePage}\r\n      ></Route>\r\n      <Route exact path={addClientRoute()} component={AddClientPage}></Route>\r\n      <Route exact path={templateRoute()} component={TemplatePage}></Route>\r\n    </BrowserRouter>\r\n  );\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport Layout from \"./app/Layout\";\r\nimport Routing from './app/Routing';\r\nimport './App.css';\r\nimport { useSelector } from 'react-redux';\r\nimport { selectSnackbar } from './slices/snackbarSlice';\r\nimport MuiAlert, { AlertProps } from '@material-ui/lab/Alert';\r\nimport { Snackbar } from '@material-ui/core';\r\n\r\nfunction App() {\r\n\r\n  const snackbar = useSelector(selectSnackbar);\r\n\r\n  const [openSnackbar, setOpenSnackbar] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (snackbar.show) {\r\n      setOpenSnackbar(true);\r\n    }\r\n  }, [snackbar])\r\n\r\n  const handleCloseSnackbar = (event?: React.SyntheticEvent, reason?: string) => {\r\n    if (reason === 'clickaway') {\r\n      return;\r\n    }\r\n    setOpenSnackbar(false);\r\n  };\r\n\r\n  function Alert(props: AlertProps) {\r\n    return <MuiAlert elevation={6} variant=\"filled\" {...props} />;\r\n  };\r\n \r\n  return (\r\n    <Layout>\r\n        <Routing />\r\n        <Snackbar\r\n        open={openSnackbar}\r\n        onClose={handleCloseSnackbar}\r\n        autoHideDuration={3000}\r\n      >\r\n        <Alert onClose={handleCloseSnackbar} severity={snackbar.severity}>\r\n          {snackbar.message}\r\n        </Alert>\r\n      </Snackbar>\r\n    </Layout>\r\n  );\r\n};\r\n\r\nexport default App;","import i18n from \"i18next\";\r\nimport { initReactI18next } from \"react-i18next\";\r\nimport LanguageDetector from \"i18next-browser-languagedetector\";\r\n\r\ni18n\r\n  .use(LanguageDetector)\r\n  .use(initReactI18next)\r\n  .init({\r\n    debug: false,\r\n    fallbackLng: \"en\",\r\n    interpolation: {\r\n      escapeValue: false,\r\n    },\r\n    resources: {\r\n      en: {\r\n        translation: {\r\n          footer: {\r\n            subscriptionHeading: \"Contact us for cooperation\",\r\n            inputPlaceholder: \"Your Email\",\r\n            aboutUs: \"About Us\",\r\n            contactUs: \"Contact Us\",\r\n            videos: \"Videos\",\r\n            socialMedia: \"Social Media\",\r\n            howItWorks: \"How it works\",\r\n            testimonials: \"Testimonials\",\r\n            careers: \"Careers\",\r\n            investors: \"Investors\",\r\n            termsOfService: \"Terms of Service\",\r\n            contact: \"Contact\",\r\n            support: \"Support\",\r\n            destinations: \"Destinations\",\r\n            sponsorships: \"Sponsorships\",\r\n            submitVideo: \"Submit Video\",\r\n            ammbassadors: \"Ammbassadors\",\r\n            agency: \"Agency\",\r\n            influencer: \"Influencer\",\r\n            instagram: \"Instagram\",\r\n            facebook: \"Facebook\",\r\n            linkedin: \"LinkedIn\",\r\n            twitter: \"Twitter\",\r\n            websiteRights: \"Design by MIDENAS © 2022\",\r\n          },\r\n          cards: {\r\n            cardClientTitle: \"Client First\",\r\n            cardClientShort:\r\n              \"For any business, Clients are always at the core. Being a leading developer of web and mobile applications\",\r\n            cardClientDesc:\r\n              \"For any business, Clients are always at the core. Being a leading developer of web and mobile applications, our concept goes beyond our direct customers.We always start from where you are with your ideas and we think from the viewpoints of your end users, their areas of pain, and formulate a solution that solves key issues to help your business.\",\r\n            cardStrongExpertiseTitle: \"Strong Expertise\",\r\n            cardStrongExpertiseShort:\r\n              \"So you can expect a greater level of ownership, commitments & deliveries in less time with higher quality while following all the best practices.\",\r\n            cardStrongExpertiseDesc:\r\n              \"So you can expect a greater level of ownership, commitments & deliveries in less time with higher quality while following all the best practices for the development. Thereby providing the best values for our customers. It is always that we believe in Quality > Quantity & “Value” is what is valued.\",\r\n            cardDeliveryOnTimeTitle: \"On Time Delivery\",\r\n            cardDeliveryOnTimeShort:\r\n              \"We have a great collection of internal frameworks with best-in-class infrastructure with a decade of experience in the IT software development industry.\",\r\n            cardDeliveryOnTimeDesc:\r\n              \"We have a great collection of internal frameworks with best-in-class infrastructure with a decade of experience in the IT software development industry that helps us to deliver solutions with superior quality at all times. We have learned how to avoid mistakes and repeat success all these years. We don't brag about consistency alone. In time, we describe and produce it. Our Products are here to notify the same.\",\r\n            showMore: \"Show more\",\r\n          },\r\n          homePage: {\r\n            technologyExpirience: \"Technology experience\",\r\n            javaScript: \"JavaScript\",\r\n            java: \"Java\",\r\n            typeScript: \"TypeScript\",\r\n            react: \"React\",\r\n            webServices: \"Web Services\",\r\n            webApplication: \"Web Application\",\r\n            webDesign: \"Web Design\",\r\n            customSoftware: \"Custom Software\",\r\n            angular: \"Angular\",\r\n            design: \"Design\",\r\n            cSharp: \"C#\",\r\n            dotNet: \".NET\",\r\n            database: \"Database\",\r\n            reactTitle: \"React\",\r\n            nodeJs: \"Node.js\",\r\n            reactGeneral:\r\n              \"React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies.\",\r\n            reactUsedForTitle: \"What is React used for?\",\r\n            reactUsedForText:\r\n              \"React. js is an open-source JavaScript library that is used for building user interfaces specifically for single-page applications. It's used for handling the view layer for web and mobile apps. React also allows us to create reusable UI components.\",\r\n            reactProgrammingTitle: \"What is React in programming?\",\r\n            reactProgrammingText:\r\n              \"React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called “components”.\",\r\n            javaScriptTitle: \"JavaScript\",\r\n            javaScriptGeneral:\r\n              \"JavaScript, often known as JS, is a programming language that is one of the core technologies of the World Wide Web, alongside HTML and CSS. Over 97% of websites use JavaScript on the client side for web page behavior, often incorporating third-party libraries.\",\r\n            javaScriptUsedForTitle: \"What JavaScript is used for?\",\r\n            javaScriptUsedForText:\r\n              \"Javascript is used by programmers across the world to create dynamic and interactive web content like applications and browsers. JavaScript is so popular that it's the most used programming language in the world, used as a client-side programming language by 97.0% of all websites.\",\r\n            javaScriptEasyToLearnTitle: \"Is JavaScript easy to learn?\",\r\n            javaScriptEasyToLearnText:\r\n              \"JavaScript is a simple and easy-to-learn programming language as compared to other languages such as C++, Ruby, and Python. It is a high-level, interpreted language that can easily be embedded with languages like HTML.\",\r\n            typeScriptTitle: \"TypeScript\",\r\n            typeScriptGeneral:\r\n              \"TypeScript is a programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript and adds optional static typing to the language. It is designed for the development of large applications and transpiles to JavaScript.\",\r\n            typeScriptUsedForTitle: \"What is TypeScript used for?\",\r\n            typeScriptUsedForText:\r\n              \"TypeScript simplifies JavaScript code, making it easier to read and debug. TypeScript is open source. TypeScript provides highly productive development tools for JavaScript IDEs and practices, like static checking. TypeScript makes code easier to read and understand.\",\r\n            typeScriptFrontOrBackTitle: \"Is TypeScript frontend or backend?\",\r\n            typeScriptFrontOrBackText:\r\n              \"TypeScript is a natural fit for the world of frontend applications. With its rich support for JSX and its ability to safely model mutability, TypeScript lends structure and safety to your application and makes it easier to write correct, maintainable code in the fast-paced environment that is frontend development.\",\r\n            webServicesTitle: \"Web Services\",\r\n            webServicesGeneral:\r\n              \"A Web service is a method of communication between two electronic devices over a network. It is a software function provided at a network address over the Web with the service always-on as in the concept of utility computing. Many organizations use multiple software systems for management.\",\r\n            webServicesIsGoogleWebServiceTitle: \"Is Google a web service?\",\r\n            webServicesIsGoogleWebServiceText:\r\n              \"Google.com is a well-known web search engine. Google has made a web service available that allows developers to interface with their search engine within their own applications. A user can search for any topic on the web. A query will return data about the web pages that are found.\",\r\n            webServicesWhichLanguageTitle:\r\n              \"Which language is best for web services?\",\r\n            webServicesWhichLanguageText:\r\n              \"JavaScript. There is no doubt that JavaScript is the King of web development and probably the most popular language among web developers. It's also the only language that allows you to create web applications, both frontend, and backend as well as mobile applications (React Native).\",\r\n            webApplicationTitle: \"Web Application\",\r\n            webApplicationExampleTitle:\r\n              \"What is an example of a web application?\",\r\n            webApplicationExampleText:\r\n              \"Example of popular web applications include Google Apps and Microsoft 365. Google Apps for Work has Gmail, Google Docs, Google Sheets, Google Slides, online storage and more. Other functionalities include online sharing of documents and calendars\",\r\n            webApplicationBegginersTitle:\r\n              \"What is a web application for beginners?\",\r\n            webApplicationBegginersText:\r\n              \"A web application is an application that's developed using web technologies. It's usually executed in a web browser by going to a specific URL. I'm saying usually executed because in some use cases developers utilize wrappers.\",\r\n            webApplicationYouTubeTitle: \"Is YouTube a web application?\",\r\n            webApplicationYouTubeText:\r\n              \"Web applications are websites with functionality and interactive elements. Gmail, Facebook, YouTube, Twitter, etc. are all web apps that are dynamic, and built for user engagement.\",\r\n            webDesignTitle: \"Web Design\",\r\n            webDesignWhatDesignerBeginnerDoTitle:\r\n              \"What does a web designer do?\",\r\n            webDesignWhatDesignerBeginnerDoText:\r\n              \"A web designer creates the layout and design of a website. In simple terms, a website designer makes a site look good. They use design programs to create visual elements\",\r\n            webDesignWhatDesignerDoTitle: \"What does a web designer do?\",\r\n            webDesignWhatDesignerDoText:\r\n              \"A web designer creates the layout and design of a website. In simple terms, a website designer makes a site look good. They use design programs to create visual elements.\",\r\n            webDesignHowFastLearnTitle: \"How fast can you learn web design?\",\r\n            webDesignHowFastLearnText:\r\n              \"It takes around 5 to 6 months to learn web development from scratch. This is if you spend a few hours studying every day. Some people learn in just a few months. However, it takes others a little over a year.\",\r\n            customSoftwareTitle: \"Custom Software\",\r\n            customSoftwareGeneral:\r\n              \"Custom software development is the process of designing, creating, deploying and maintaining software for a specific set of users, functions or organizations. In contrast to commercial off-the-shelf software (COTS), custom software development aims at a narrowly defined set of requirements.\",\r\n            customSoftwareCustomExamplesTitle: \"What is custom and examples?\",\r\n            customSoftwareCustomExamplesText:\r\n              \"Custom is defined as a tradition or a usual way to behave. An example of custom is Catholics giving up meat on Fridays during Lent. noun. 1. The definition of custom is made or designed specifically for an individual.\",\r\n            customSoftwareImportanceTitle:\r\n              \"What is the importance of custom software?\",\r\n            customSoftwareImportanceText:\r\n              \"Custom software is being tailored to fit just your needs no less, no more. It reduces training time and cost. Custom solutions can speed up deployment as well as user adoption. It can fill a niche and optimize your business flow, rather than force you to change processes you already use.\",\r\n            angularTitle: \"Angular\",\r\n            angularGeneral:\r\n              \"Angular is a TypeScript-based free and open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations. Angular is a complete rewrite from the same team that built AngularJS.\",\r\n            angularUsedForTitle: \"What is Angular is used for?\",\r\n            angularUsedForText:\r\n              \"Angular is a platform and framework for building single-page client applications using HTML and TypeScript. Angular is written in TypeScript. It implements core and optional functionality as a set of TypeScript libraries that you import into your applications.\",\r\n            angularFrontOrBackTitle: \"Is Angular front or back end?\",\r\n            angularFrontOrBackText:\r\n              \"Angular is an open-source frontend framework.It is a JavaScript-based TypeScript development language that eliminates unneeded features and code to ensure lighter and faster applications.\",\r\n            angularEasyToLearnTitle: \"Is Angular easy to learn?\",\r\n            angularEasyToLearnText:\r\n              \"AngularJS is perfect for Single Page Applications (SPAs). AngularJS is easy to learn.\",\r\n            designTitle: \"Design\",\r\n            designEasyTitle: \"Is graphic designing easy?\",\r\n            designEasyText:\r\n              \"Learning graphic design is not hard, an aptitude towards art and design, and time and dedication. Graphic design requires learning the necessary tools, as well as understanding and applying the principles and theories of design.\",\r\n            designWhatDesignerDoTitle: \"What do graphic designers do?\",\r\n            designWhatDesignerDoText:\r\n              \"Graphic designers create visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. They develop the overall layout and production design for applications such as advertisements, brochures, magazines, and reports.\",\r\n            cSharpTitle: \"C#\",\r\n            cSharpGeneral:\r\n              \"C# is a general-purpose, multi-paradigm programming language. C# encompasses static typing, strong typing, lexically scoped, imperative, declarative, functional, generic, object-oriented, and component-oriented programming disciplines.\",\r\n            cSharSimilarJavaTitle: \"Is C# similar to Java?\",\r\n            cSharSimilarJavaText:\r\n              \"C# and Java are similar languages that are typed statically, strongly, and manifestly. Both are object-oriented, and designed with semi-interpretation or runtime just-in-time compilation, and both are curly brace languages, like C and C++.\",\r\n            cSharWhatPayMoreTitle: \"What pays more Java or C#?\",\r\n            cSharWhatPayMoreText:\r\n              \"The same methodology applied to Indeed.com/USA shows 60% of Java jobs paying $100k or more compared with 46.5% for C#.\",\r\n            cSharDifficultTitle: \"Is C# difficult to learn?\",\r\n            cSharDifficultText:\r\n              \"C# is one of the easiest programming languages to learn. C# is a high-level, general purpose programming language that is easy to read because of its well-defined class hierarchy. It is the perfect language for beginner developers as it will be straightforward to grasp compared to most other languages.\",\r\n            dotNetTitle: \".NET\",\r\n            dotNetGeneral:\r\n              \"The .NET Framework is a proprietary software framework developed by Microsoft that runs primarily on Microsoft Windows. It was the predominant implementation of the Common Language Infrastructure until being replaced by the cross-platform .NET project.\",\r\n            dotNetUsedForTitle: \"What is .NET is used for?\",\r\n            dotNetUsedForText:\r\n              \".NET is a free, cross-platform, open source developer platform for building many different types of applications. With .NET, you can use multiple languages, editors, and libraries to build for web, mobile, desktop, games, and IoT.\",\r\n            dotNetPogrammingLanguageTitle: \"Is .NET a programming language?\",\r\n            dotNetPogrammingLanguageText:\r\n              \"NET Framework is a platform for building software. It is not a language itself. The primary (but not only) languages developers use to build software on the .NET Framework are C# and Visual Basic.\",\r\n            dotNetEasyToLearnTitle: \"Is .NET easy to learn?\",\r\n            dotNetEasyToLearnText:\r\n              \".NET is a local framework included in Windows. Also, many programmers find building web applications in .NET easier as compared to Java.\",\r\n            databaseTitle: \"Database\",\r\n            databaseGeneral:\r\n              \"In computing, a database is an organized collection of data stored and accessed electronically. Small databases can be stored on a file system, while large databases are hosted on computer clusters or cloud storage.\",\r\n            databaseSQLServerTitle: \"Microsoft SQL Server\",\r\n            databaseSQLServerText:\r\n              \"Microsoft SQL Server is a relational database management system developed by Microsoft. As a database server, it is a software product with the primary function of storing and retrieving data as requested by other software applications—which may run either on the same computer or on another computer across a network.\",\r\n            databasePostgreSQLTitle: \"PostgreSQL\",\r\n            databasePostgreSQLText:\r\n              \"PostgreSQL, also known as Postgres, is a free and open-source relational database management system emphasizing extensibility and SQL compliance. It was originally named POSTGRES, referring to its origins as a successor to the Ingres database developed at the University of California\",\r\n            databaseCosmoDBTitle: \"Cosmos DB\",\r\n            databaseCosmoDBText:\r\n              \"Azure Cosmos DB is Microsoft's proprietary globally distributed, multi-model database service for managing data at planet-scale launched in May 2017. It is schema-agnostic, horizontally scalable, and generally classified as a NoSQL database.\",\r\n            databaseMongoDBTitle: \"MongoDB\",\r\n            databaseMongoDBText:\r\n              \"MongoDB is a source-available cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with optional schemas. MongoDB is developed by MongoDB Inc. and licensed under the Server Side Public License.\",\r\n            contact: \"Contact Us\",\r\n            contactAddress: \"Address:\",\r\n            contactAddressContent:\r\n              \" Serbia, Bulevar Oslobođenja 78, Novi Sad 21000\",\r\n            contactPhone: \"Phone:\",\r\n            contactPhoneContent: \"+381 21 300 6815\",\r\n            contactEmail: \"Email:\",\r\n            contanctEmailContent: \" info@midenas.rs\",\r\n            midenasDesignGallery: \"Midenas Design Gallery\",\r\n            whyUs: \"Why us?\",\r\n            whyUsContent1:\r\n              \"We have highly skilled engineers with excellent technical knowledge and experience in using latest software standards, tools, platforms, frameworks and technologies and we invest continuously in training and education, to be able to respond to any new technology challenges and demands from our clients.\",\r\n            whyUsContent2:\r\n              \"We are a reliable partner, managing dedicated nearshore teams for software development. This experience is illustrated by a large portfolio of successfully delivered projects.\",\r\n            whyUsContent3:\r\n              \"We are agile and ready to align based on project specificity, so our partners needs are always met with quality and best resources. We know both the art of matching people and the science of technology.\",\r\n            aboutUs: \"About us\",\r\n            aboutUsContetn1:\r\n              \"Midenas provides complete digital services. From branding your company to complete web and desktop solutions. Fully adaptable to your needs.\",\r\n            aboutUsContetn2:\r\n              \"Midenas business philosophy is to assure the highest quality product, total client satisfaction, timely delivery of solutions and the best quality/price ratio found in the industry.\",\r\n            aboutUsContetn3:\r\n              \"As an IT firm, we take the perspectives of our clients and their diverse claims in software development. To help you achieve your goals, we enhance our capacities by working with various programming languages, platforms, and new technologies.\",\r\n            explore: \"Explore\",\r\n            designRushTitle: \"See our profile on DesignRush \",\r\n          },\r\n\r\n          nodeJsModal: {\r\n            nodeJsTitle: \"Node Js\",\r\n            nodeJsText1:\r\n              \"Node.js is an open-source, server-side framework that runs on JavaScript. It enables the development of scalable and fast web applications and server services. Node.js utilizes an asynchronous I/O model, allowing efficient handling of a large number of requests and simultaneous execution of operations without blocking the main thread. This makes Node.js suitable for building highly performant and reactive applications.\",\r\n            nodeJsText2:\r\n              \"One of the main advantages of Node.js is its community and rich module library. There is a vast number of modules and packages available through NPM (Node Package Manager), which facilitate development and solve common problems. Node.js can also be used to create RESTful APIs, microservices, and real-time applications.\",\r\n            nodeJsText3:\r\n              \"Node.js is also a popular choice for server-side web application development, offering the ability to use JavaScript both on the client and server side. This allows developers to share code and logic between the client and server, making maintenance and scaling of applications easier.\",\r\n          },\r\n          javaModal: {\r\n            javaTitle: \"Java\",\r\n            javaText1:\r\n              \"Java is a high-level, object-oriented programming language used for developing a wide range of applications. It is easy to learn and has gained popularity in the industry due to its platform-independent nature.\",\r\n            javaText2:\r\n              \"One of the main advantages of Java is its rich set of libraries and frameworks that facilitate application development. These libraries provide ready-made components and tools for tasks such as database operations, graphics, network communication, and much more. This means that developers can build applications more quickly by leveraging existing solutions instead of starting from scratch.\",\r\n            javaText3:\r\n              \"Another powerful feature of Java is its support for multithreading, allowing the execution of multiple threads simultaneously. This is particularly useful in applications that require concurrent execution of multiple tasks or deal with large amounts of data.\",\r\n          },\r\n\r\n          aboutUsPage: {\r\n            title1: \"Let us\",\r\n            title2: \"introduce\",\r\n            title3: \"ourself\",\r\n          },\r\n          services: {\r\n            title: \"Check out our services below!\",\r\n            digitalMarketing: \"Digital Marketing\",\r\n            websiteDevelopment: \"Webiste Development\",\r\n            videography: \"Videography\",\r\n            fotography: \"Fotography\",\r\n            desktopApp: \"Desktop App\",\r\n            seo: \"Seo Optimization\",\r\n            graphicDesign: \"Graphic Design\",\r\n          },\r\n          buttons: {\r\n            contactUs: \"Contact us\",\r\n            send: \"Send\",\r\n            getStarted: \"Get Started\",\r\n            signUp: \"Sign Up\",\r\n            logIn: \"Log In\",\r\n            backToHomePage: \"Back to home page\",\r\n            clear: \"Clear\",\r\n            save: \"Save\",\r\n            close: \"Close\",\r\n          },\r\n          slider: {\r\n            caption: \"Welcome To Midenas\",\r\n            description: \"A lot of different solutions\",\r\n            getStarted: \"Get Started\",\r\n            midenas: \"Midenas\",\r\n          },\r\n          header: {\r\n            home: \"Home\",\r\n            services: \"Services\",\r\n            learning: \"Learning\",\r\n            aboutUs: \"About Midenas\",\r\n            contactUs: \"Contact Us\",\r\n          },\r\n          contactUs: {\r\n            title: \"Contact Us\",\r\n            fullName: \"Full name\",\r\n            email: \"Email*\",\r\n            phone: \"Phone\",\r\n            message: \"Message*\",\r\n            socialMedia: \"Connect with us:\",\r\n            firstName: \"First Name*\",\r\n            lastName: \"Last Name*\",\r\n            sendMessage: \"Send a Message\",\r\n            contacUsAdress: \"Vase Pelagića 9, Novi Sad\",\r\n            contactUsEmail: \"info@midenas.rs\",\r\n            contactUsPhone: \"+381 21 303 1043\",\r\n            enterFirstName: \"Enter first name\",\r\n            enterLastName: \"Enter last name\",\r\n            enterEmail: \"Enter email\",\r\n            enterMessage: \"Enter message\",\r\n          },\r\n          price: {\r\n            title: \"Pick Your Best Opinion\",\r\n            subtitle:\r\n              \"Listen without limits on your phone, speaker, and other devices at the most suitable option for you.\",\r\n          },\r\n          signUp: {\r\n            inputFullName: \"Full Name\",\r\n            inputEmail: \"Email\",\r\n            inputPassword: \"Password\",\r\n            inputConfirmPass: \"Confirm Password\",\r\n            mutedLink: \"Forget your password?\",\r\n            mutedAlreadyHaveAcc: \"Already have an account?\",\r\n            signUpBtn: \"Sign Up\",\r\n            forgetPass: \"Forget your password?\",\r\n          },\r\n          logIn: {\r\n            inputEmail: \"Email\",\r\n            inputPassword: \"Password\",\r\n            mutedLink: \"Do not have account?\",\r\n            mutedAlreadyHaveAcc: \"Already have an account?\",\r\n            logInBtn: \"Log In\",\r\n            forgetPass: \"Forget your password?\",\r\n          },\r\n          loginPage: {\r\n            headerLogIn: \"Welcome to Midenas\",\r\n            headerLoginSubtitle: \"Please log-in to continue!\",\r\n            headerSignUp: \"Create Account\",\r\n            headerSignUpSubtitle: \"Please sign-up to continue!\",\r\n          },\r\n          learningPage: {\r\n            sliderTitle: \"Learn Anything Online\",\r\n            sliderPlaceholder: \"Enter Keyword\",\r\n            courseName: \"Name\",\r\n            courseDescription: \"Description\",\r\n            courseTags: \"Tags\",\r\n            courseBtn: \"Delete all\",\r\n          },\r\n          learningPageUnderConstruction: {\r\n            underConstructionTitle: \"- LEARNING -\",\r\n            underConstructionSubtitle: \"UNDER CONSTRUCTION\",\r\n            backToHome: \"Back to home\",\r\n          },\r\n          smartInvoicingUnderConstruction: {\r\n            underConstructionTitle: \"Services\",\r\n            underConstructionSubtitle: \"UNDER CONSTRUCTION\",\r\n            backToHome: \"Back to home\",\r\n          },\r\n          cookieConsent: {\r\n            title:\r\n              \"We use cookies to improve your experience on our site and to show you relevant advertising\",\r\n          },\r\n          dashboard: {\r\n            dashboardSide: \"Dashboard\",\r\n            profileSide: \"Profile\",\r\n            addInvoice: \"Add Document\",\r\n            addClient: \"Add Client\",\r\n            settingsSide: \"Settings\",\r\n            passwordSide: \"Password\",\r\n            signOutSide: \"Sign Out\",\r\n            template: \"Template\",\r\n          },\r\n          mainDashboard: {\r\n            allInoviceCard: \"All Invoices\",\r\n            monthInvoiceCard: \"This Month\",\r\n            weekInvoiceCard: \"This Week\",\r\n            listOfInvoices: \"List of Invoices\",\r\n            recentInvoice: \"Recent Invoice\",\r\n            viewAll: \"View All\",\r\n          },\r\n          profile: {\r\n            informationProfile: \"Information\",\r\n            emailProfile: \"Email:\",\r\n            phoneProfile: \"Phone:\",\r\n            invoicesProfile: \"Invoices\",\r\n            recentProfile: \"Recent\",\r\n          },\r\n          smartInvoicing: {\r\n            dashboard: \"Dashboard\",\r\n            addInvoice: \"Add Document\",\r\n            profile: \"Profile\",\r\n            settings: \"Settings\",\r\n            password: \"Password\",\r\n            signOut: \"Sign Out\",\r\n            addInvoiceTitle: \"Add Document\",\r\n            dateOfIssue: \"Date Of Issue\",\r\n            dueDate: \"Due Date\",\r\n            choceADate: \"Choce a Date\",\r\n            from: \"From\",\r\n            client: \"Client\",\r\n            no: \"No\",\r\n            nameOfService: \"Name Of Service\",\r\n            unitOfMeasure: \"Unit Measure\",\r\n            quantity: \"Quantity\",\r\n            rabat: \"Rabat\",\r\n            editName: \"Edit Name\",\r\n            invoiceNumber: \"Invoice Number\",\r\n            serviceDescription: \"Service Description\",\r\n            editInvoiceNumber: \"Edit Invoice Number\",\r\n            manageTheColumns: \"Manage the columns\",\r\n            manageTableData: \"Manage table data\",\r\n            pdv: \"PDV\",\r\n            price: \"Price\",\r\n            menageDocumentType: \"Menage document type\",\r\n          },\r\n          passwordChange: {\r\n            passwordChangeTitle: \"Password Change\",\r\n            updatePassword: \"Update Password Here\",\r\n            oldPassword: \"Old Password\",\r\n            newPassword: \"New Password\",\r\n            confirmPassword: \"Confirm Password\",\r\n          },\r\n          profilePage: {\r\n            information: \"Information\",\r\n            firstName: \"First Name:\",\r\n            email: \"Email:\",\r\n            lastName: \"Last Name:\",\r\n            phone: \"Phone:\",\r\n          },\r\n          invoiceRows: {\r\n            addRow: \"Add new row\",\r\n            rabatPercent: \"(%)\",\r\n          },\r\n          invoiceComment: {\r\n            addNewComment: \"Add New Comment\",\r\n            commentTitle: \"Comment Title\",\r\n            commentDescription: \"Comment Description\",\r\n            comment: \"Comment\",\r\n          },\r\n          invoiceNote: {\r\n            addNewNote: \"Add New Note\",\r\n            noteTitle: \"Note Title\",\r\n            noteDescription: \"Note Description\",\r\n            note: \"Note\",\r\n          },\r\n          columnsModal: {\r\n            manageColumns: \"Manage The Columns\",\r\n            nameOfService: \"Name Of Service\",\r\n            serviceDescription: \"Service Description\",\r\n            unitOfMeasure: \"Unit Measure\",\r\n            quanity: \"Quanity\",\r\n            rabat: \"Rabat\",\r\n          },\r\n          menageTableAccordion: {\r\n            nameOfService: \"Name Of Service\",\r\n            serviceDescription: \"Service Description\",\r\n            unitOfMeasure: \"Unit Measure\",\r\n            title: \"Title\",\r\n            description: \"Description\",\r\n          },\r\n          addClient: {\r\n            addClientTitle: \"Add Client\",\r\n            companyName: \"Company Name\",\r\n            pib: \"Tax ID\",\r\n            id: \"ID Number\",\r\n            serviceId: \"Service ID\",\r\n            documentLanguage: \"Document Language\",\r\n            currency: \"Currency\",\r\n            city: \"City\",\r\n            street: \"Street\",\r\n            number: \"Number\",\r\n            postalCode: \"Postal Code\",\r\n          },\r\n          placeholder: {\r\n            chooseClient: \"Choose a client...\",\r\n            chooseServiceName: \"Choose a service...\",\r\n            chooseServiceDescription: \"Choose a description...\",\r\n            chooseNote: \"Choose a note...\",\r\n            chooseComment: \"Choose a comment...\",\r\n            chooseLanguage: \"Choose a language...\",\r\n            chooseCurrency: \"Choose a currency...\",\r\n            chooseCity: \"Choose a city...\",\r\n            documentType: \"Document type\",\r\n          },\r\n          emailValidation: {\r\n            invalid: \"Enter valid Email\",\r\n            required: \"Enter full name\",\r\n          },\r\n          snackbar: {\r\n            successMessage: \"You have successfully sent the message!\",\r\n          },\r\n          outsourcingServices: {\r\n            outsourcingTitle: \"OutSourcing\",\r\n            outsourcingDesc1:\r\n              \"Outsourcing is a business practice in which services or job functions are farmed out to a third party. In information technology, an outsourcing initiative with a technology provider can involve a range of \\n operations, from the entirety of the IT function to discrete, easily defined components, such as disaster recovery, network services, software development or QA testing.\",\r\n            outsourcingDesc2:\r\n              \"Companies may choose to outsource IT services onshore (within their own country), nearshore (to a neighboring country or one in the same time zone), or offshore (to a more distant country).\",\r\n            outsourcingDesc3:\r\n              \"The company usually funds the establishment of special outsourcing agencies. The company is transferring employees who have worked in-house to these agencies. In addition to the establishment, the \\n company also provides a guarantee for 1 to 2 years of secure work to the outsourcing agency under preferential terms (guaranteed price, guaranteed amount of work, etc.). In the next 1-2 years, the \\n outsourcing agency is trying to find its way on the market and to develop.\",\r\n            howOutsourcingTitle: \"How outSourcing works?\",\r\n            howOutsourcingDesc1:\r\n              \"For a company to effectively outsource responsibilities, it is important to focus on the business partnership as much the logistics. Outsourcing is about managing relationship more than service-level \\n agreements, and is a partnership, not a purchasing project. Maintaining and securing a trusted relationship is essential in outsourcing efforts and is more complex than establishing service levels \\n and relationships.\",\r\n            howOutsourcingDesc2:\r\n              \"Some experts recommend placing extra emphasis on the exit clause of a service contract. It is important for companies to know when the contractual agreement inevitably times out and ensure that the \\n involved parties fulfill their obligations and stick around until the contract is up.\",\r\n            fourStepTitle: \"Four - Step Action Plan\",\r\n            stepOne: \"You Ask\",\r\n            stepTwo: \"Candidates\\napproval\",\r\n            stepThree: \"Engagements\\nsetup\",\r\n            stepFour: \"You Get!\",\r\n          },\r\n        },\r\n      },\r\n      rs: {\r\n        translation: {\r\n          footer: {\r\n            subscriptionHeading: \"Kontaktirajte nas za saradnju\",\r\n            inputPlaceholder: \"Vaš Email\",\r\n            aboutUs: \"O nama\",\r\n            contactUs: \"Kontakt\",\r\n            videos: \"Video\",\r\n            socialMedia: \"Društvene Mreže\",\r\n            howItWorks: \"Kako Funkcioniše?\",\r\n            testimonials: \"Svedočenja\",\r\n            careers: \"Karijera\",\r\n            investors: \"Investitori\",\r\n            termsOfService: \"Uslovi Korišćenja\",\r\n            contact: \"Kontakt\",\r\n            support: \"Podrška\",\r\n            destinations: \"Destinacija\",\r\n            sponsorships: \"Sponzorstvo\",\r\n            submitVideo: \"Pošalji Video\",\r\n            ammbassadors: \"Ambasador\",\r\n            agency: \"Agencija\",\r\n            influencer: \"Influencer\",\r\n            instagram: \"Instagram\",\r\n            facebook: \"Facebook\",\r\n            linkedin: \"LinkedIn\",\r\n            twitter: \"Twitter\",\r\n            websiteRights: \"Design by MIDENAS © 2022\",\r\n          },\r\n          cards: {\r\n            cardClientTitle: \"Klijent na prvom mestu\",\r\n            cardClientShort:\r\n              \"U svakom poslu klijenti su uvek u srži. Budući da smo vodeći programeri web i mobilnih aplikacija, naš koncept nadilazi naše direktne klijente.\",\r\n            cardClientDesc:\r\n              \"U svakom poslu klijenti su uvek u srži. Budući da smo vodeći programeri web i mobilnih aplikacija, naš koncept nadilazi naše direktne klijente. Sa svojim idejama uvek krećemo od mesta gde ste i razmišljamo iz ugla vaših krajnjih korisnika.\",\r\n            cardStrongExpertiseTitle: \"Jaka stručnost\",\r\n            cardStrongExpertiseShort:\r\n              \"Dakle, možete očekivati veći nivo vlasništva, obaveza i isporuka u kraćem vremenu uz veći kvalitet, prateći sve najbolje prakse za razvoj.\",\r\n            cardStrongExpertiseDesc:\r\n              \"Dakle, možete očekivati veći nivo vlasništva, obaveza i isporuka u kraćem vremenu uz veći kvalitet, prateći sve najbolje prakse za razvoj. Time pružamo najbolje vrednosti za naše klijente. Uvek verujemo u Kvalitet > Količina i Vrednost je ono što se ceni.\",\r\n            cardDeliveryOnTimeTitle: \"Isporuka na vreme\",\r\n            cardDeliveryOnTimeShort:\r\n              \"Imamo sjajnu kolekciju internih okvira s najboljom infrastrukturom u klasi s decenijskim iskustvom u industriji razvoja IT softvera.\",\r\n            cardDeliveryOnTimeDesc:\r\n              \"Imamo sjajnu kolekciju internih okvira s najboljom infrastrukturom u klasi s decenijskim iskustvom u industriji razvoja IT softvera koje nam pomaže u pružanju rešenja vrhunskog kvaliteta u svakom trenutku. Naučili smo kako izbeći greške i ponoviti uspeh svih ovih godina. Ne hvalimo se samo doslednošću. S vremenom to opisujemo i proizvodimo. Naši proizvodi su ovde kako bi obavestili isto.\",\r\n            showMore: \"Prikaži više\",\r\n          },\r\n          homePage: {\r\n            technologyExpirience: \"Iskustvo sa tehnologijama\",\r\n            javaScript: \"JavaScript\",\r\n            java: \"Java\",\r\n            typeScript: \"TypeScript\",\r\n            react: \"React\",\r\n            webServices: \"Web Servisi\",\r\n            webApplication: \"Web Aplikacije\",\r\n            webDesign: \"Web Dizajn\",\r\n            customSoftware: \"Prilagođen Softver\",\r\n            angular: \"Angular\",\r\n            design: \"Dizajn\",\r\n            cSharp: \"C#\",\r\n            dotNet: \".NET\",\r\n            nodeJs: \"Node.js\",\r\n            database: \"Baza Podataka\",\r\n            reactTitle: \"React\",\r\n            reactGeneral:\r\n              \"React je besplatna JavaScript biblioteka otvorenog koda za izgradnju korisničkih interfejsa zasnovanih na komponentama korisničkog interfejsa. Održavaju ga Meta i zajednica pojedinačnih programera i kompanija.\",\r\n            reactUsedForTitle: \"Za šta se koristi React?\",\r\n            reactUsedForText:\r\n              \"React.js je JavaScript biblioteka otvorenog koda koja se koristi za izgradnju korisničkih interfejsa posebno za aplikacije na jednoj stranici. Koristi se za rukovanje slojem prikaza za web i mobilne aplikacije. React nam takođe omogućava stvaranje višekratnih UI komponenti.\",\r\n            reactProgrammingTitle: \"Šta je React u programiranju?\",\r\n            reactProgrammingText:\r\n              \"React je deklarativna, efikasna i fleksibilna JavaScript biblioteka za izgradnju korisničkih interfejsa. Omogućava vam sastavljanje složenih korisničkih interfejsa od malih i izolovanih delova koda zvanih komponente.\",\r\n            javaScriptTitle: \"JavaScript\",\r\n            javaScriptGeneral:\r\n              \"JavaScript, često skraćeno JS, je programski jezik koji je jedna od osnovnih tehnologija World Wide Web-a, pored HTML-a i CSS-a. Preko 97% web lokacija koristi JavaScript na strani klijenta za ponašanje web stranica, često uključujući biblioteke trećih strana\",\r\n            javaScriptUsedForTitle: \"Za šta se koristi JavaScript?\",\r\n            javaScriptUsedForText:\r\n              \"JavaScript koriste programeri širom sveta za kreiranje dinamičnog i interaktivnog web sadržaja poput aplikacija i pretraživača. JS je toliko popularan da je najčešće korišćeni programski jezik na svetu, koji se kao programski jezik na strani klijenata koristi na 97,0% svih web lokacija.\",\r\n            javaScriptEasyToLearnTitle:\r\n              \"Da li je JavaScript jednostavan za naučiti?\",\r\n            javaScriptEasyToLearnText:\r\n              \"JavaScript je jednostavan i lak za učenje u poređenju sa drugim jezicima kao što su C++, Ruby i Python. To je jezik visoke razine, interpretiran koji se lako može ugraditi u jezike poput HTML-a.\",\r\n            typeScriptTitle: \"TypeScript\",\r\n            typeScriptGeneral:\r\n              \"TypeScript je programski jezik koji je razvio i održava Microsoft. To je strogi sintaktički nadskup JavaScript-a i jeziku dodaje neobavezno statičko kucanje. Dizajniran je za razvoj velikih aplikacija i prenosi se na JavaScript.\",\r\n            typeScriptUsedForTitle: \"Za šta se koristi TypeScript?\",\r\n            typeScriptUsedForText:\r\n              \"TypeScript pojednostavljuje JavaScript kod, čineći ga lakšim za čitanje i otklanjanje pogrešaka. TypeScript je otvoreni izvor. TypeScript pruža vrlo produktivne razvojne alate za JavaScript IDE i prakse, poput statičke provere. TypeScript olakšava čitanje i razumevanje koda.\",\r\n            typeScriptFrontOrBackTitle:\r\n              \"Da li je TypeScript frontend ili backend?\",\r\n            typeScriptFrontOrBackText:\r\n              \"TypeScript je prirodno prikladan za svet frontend aplikacija. Sa svojom bogatom podrškom za JSX i sposobnošću sigurnog modeliranja promenjivosti, TypeScript daje strukturu i sigurnost vašoj aplikaciji i tako olakšava pisanje ispravnog koda koji se može održavati u brzom okruženju koje je razvoj frontenda.\",\r\n            webServicesTitle: \"Web Servisi\",\r\n            webServicesGeneral:\r\n              \"Web servisi su metode komunikacije između dva električna uređaja putem mreže. To je softverska funkcija koja se pruža na mrežnoj adresi preko weba s uslugom koja je uvek uključena kao u konceptu pomoćnog rada na računaru. Mnoge organizacije koriste više softverskih uređaja za upravljanje.\",\r\n            webServicesIsGoogleWebServiceTitle: \"Da li je Google Web servis?\",\r\n            webServicesIsGoogleWebServiceText:\r\n              \"Google.com je poznati Web pretraživač. Google je učinio dostupnom Web uslugu koja omogućava programerima da se povezuju sa svojim pretraživačem u okviru sopstvenih aplikacija. Korisnik može da traži bilo koju temu na Web-u. Upit će vratiti podatke o pronađenim Web stranicama.\",\r\n            webServicesWhichLanguageTitle:\r\n              \"Koji jezik je najbolji za Web usluge?\",\r\n            webServicesWhichLanguageText:\r\n              \"JavaScript. Nema sumnje da je JavaScript kralj web razvoja i verovatno najpopularniji jezik među web programerima. To je ujedno i jedini jezik koji vam omogućava izradu web aplikacija, kako frontenda, tako i backenda, kao i mobilnih aplikacija (React Native).\",\r\n            webApplicationTitle: \"Web Aplikacije\",\r\n            webApplicationExampleTitle: \"Koji je primer Web Aplikacije?\",\r\n            webApplicationExampleText:\r\n              \"Popularne aplikacije uključujući Google Apps i Microsoft365. Google Apps for work sadrži Gmail, Google Docs, Google Sheets, Google Slides, skladište na mreži i još mnogo toga. Ostale funkcionalnosti uključuju deljenje dokumenata i kalendara na mreži.\",\r\n            webApplicationBegginersTitle: \"Šta je web aplikacija za početnike?\",\r\n            webApplicationBegginersText:\r\n              \"Web aplikacija je aplikacija koja je razvijena korišćenjem web tehnologija. Obično se izvršava u web pregledaču odlaskom na određeni URL. Kažem da se obično izvršava jer u nekim slučajevima programeri koriste omote.\",\r\n            webApplicationYouTubeTitle: \"Da li je YouTube web aplikacija?\",\r\n            webApplicationYouTubeText:\r\n              \"Web aplikacije su web stranice s funkcionalnošću i interaktivnim elementima. Gmail, Facebook, YouTube, Twitter itd. sve su web-aplikacije koje su dinamične i napravljene za angažman korisnika.\",\r\n            webDesignTitle: \"Web Dizajn\",\r\n            webDesignWhatDesignerBeginnerDoTitle: \"Šta radi web dizajner?\",\r\n            webDesignWhatDesignerBeginnerDoText:\r\n              \"Web dizajner kreira izgled i dizajn web stranice. Jednostavnim rečima, dizajner web stranice čini da stranica izgleda dobro. Za izradu vizualnih elemenata koriste dizajnerske programe\",\r\n            webDesignWhatDesignerDoTitle: \"Šta radi web dizajner?\",\r\n            webDesignWhatDesignerDoText:\r\n              \"Web dizajner kreira izgled i dizajn web stranice. Jednostavnim rečima, dizajner web stranice čini da stranica izgleda dobro. Za izradu vizualnih elemenata koriste dizajnerske programe.\",\r\n            webDesignHowFastLearnTitle:\r\n              \"Koliko brzo možete naučiti web dizajn?\",\r\n            webDesignHowFastLearnText:\r\n              \"Potrebno je oko 5 do 6 meseci da se nauči web razvoj od nule. Ovo je ako svaki dan provedete nekoliko sati učeći. Neki ljudi nauče za samo nekoliko meseci. Međutim, drugima treba nešto više od godinu dana.\",\r\n            customSoftwareTitle: \"Prilagođeni Softver\",\r\n            customSoftwareGeneral:\r\n              \"Razvoj softvera po narudžbini je proces projektovanja, stvaranja, implementacije i održavanja softvera za određeni skup korisnika, funkcija ili organizacija. Za razliku od komercijalnog gotovog softvera (COTS), razvoj softvera po narudžbi ima za cilj usko definisan skup zahteva.\",\r\n            customSoftwareImportanceTitle:\r\n              \"Koja je važnost prilagođenog softvera?\",\r\n            customSoftwareImportanceText:\r\n              \"Prilagođeni softver se prilagođava samo vašim potrebama – ni manje ni više. Smanjuje vreme i troškove obuke. Prilagođena rešenja mogu ubrzati implementaciju, kao i usvajanje korisnika. Može popuniti nišu i optimizovati vaš poslovni tok, umesto da vas prisiljava na promenu procesa koje već koristite.\",\r\n            angularTitle: \"Angular\",\r\n            angularGeneral:\r\n              \"Angular je besplatni okvir web-aplikacije otvorenog koda koji se temelji na TypeScript-u koji vodi tim za Angular u Google-u i zajednica pojedinaca i korporacija. Angular je potpuni prepis istog tima koji je izgradio AngularJS.\",\r\n            angularUsedForTitle: \"Za šta se koristi Angular?\",\r\n            angularUsedForText:\r\n              \"Angular je platforma i okvir za izgradnju klijentskih aplikacija na jednoj stranici koristeći HTML i TypeScript. Angular je napisan u TypeScript-u. Implementira osnovnu i izbornu funkcionalnost kao skup TypeScript biblioteka koje uvozite u svoje aplikacije.\",\r\n            angularFrontOrBackTitle: \"Da li je Angular frontend ili backend?\",\r\n            angularFrontOrBackText:\r\n              \"Angular je frontend framework otvorenog koda. To je razvojni jezik TypeScript temeljen na JavaScriptu koji eliminiše nepotrebne karakteristike i kod kako bi se osigurale lakše i brže aplikacije.\",\r\n            angularEasyToLearnTitle: \"Da li je Angular lako naučiti?\",\r\n            angularEasyToLearnText:\r\n              \"AngularJS je savršen za aplikacije na jednoj stranici (SPA). AngularJS je lako naučiti.\",\r\n            designTitle: \"Dizajn\",\r\n            designEasyTitle: \"Da li je grafički dizajn lak za naučiti?\",\r\n            designEasyText:\r\n              \"Učenje grafičkog dizajna nije teško, ali zahteva kreativno razmišljanje, sklonost umetnosti i dizajnu, te vreme i predanost. Grafički dizajn zahteva učenje potrebnih alata, kao i razumevanje i primenu principa i teorija dizajna.\",\r\n            designWhatDesignerDoTitle: \"Šta rade grafički dizajneri?\",\r\n            designWhatDesignerDoText:\r\n              \"Grafički dizajneri stvaraju vizualne koncepte, koristeći računarski softver ili ručno, kako bi preneli ideje koje inspirišu, informišu i osvajaju potrošače. Oni razvijaju celokupni izgled i proizvodni dizajn za aplikacije kao što su reklame, brošure, časopisi i izveštaji.\",\r\n            cSharpTitle: \"C#\",\r\n            cSharpGeneral:\r\n              \"C# je programski jezik opšte namene s više paradigmi. C# obuhvata statično kucanje, jako kucanje, leksički obim, imperativne, deklarativne, funkcionalne, generičke, objektno orijentirane i komponentno orijentirane discipline programiranja.\",\r\n            cSharSimilarJavaTitle: \"Da li je C# sličan Javi?\",\r\n            cSharSimilarJavaText:\r\n              \"C# i Java slični su jezici koji se kucaju statično, snažno i očito. Oba su objektno orijentirana i dizajnirana s polu-interpretacijom ili kompilacijom u vreme izvođenja, a oba su jezici s vitičastim zagradama, poput C i C++.\",\r\n            cSharWhatPayMoreTitle: \"Da li je plaćeniji Java ili C#?\",\r\n            cSharWhatPayMoreText:\r\n              \"Ista metodologija primijenjena na Indeed.com/USA pokazuje da 60% Java poslova plaća 100.000 USD ili više u poređenju sa 46,5% za C#.\",\r\n            cSharDifficultTitle: \"Da li je C# teško naučiti?\",\r\n            cSharDifficultText:\r\n              \"C# je jedan od najlakših programskih jezika za učenje. C# je programski jezik opšte namene visoke razine koji je jednostavan za čitanje zbog svoje dobro definisane hijerarhije klasa. To je savršen jezik za programere početnike jer će biti jednostavan za razumevanje u poređenju s većinom drugih jezika.\",\r\n            dotNetTitle: \".NET\",\r\n            dotNetGeneral:\r\n              \".NET Framework je vlasnički softverski okvir koji je razvio Microsoft koji prvenstveno radi na Microsoft Windows-u. To je bila dominantna implementacija zajedničke jezične infrastrukture sve dok je nije zamenio .NET projekat na više platformi.\",\r\n            dotNetUsedForTitle: \"Za šta se koristi .NET?\",\r\n            dotNetUsedForText:\r\n              \".NET je besplatna platforma za razvojne programere na više platformi otvorenog koda za izradu mnogo različitih vrsta aplikacija. Sa .NET, možete koristiti više jezika, uređivača i biblioteka za izradu za web, mobilne, desktop računara, igre i IoT.\",\r\n            dotNetPogrammingLanguageTitle: \"Da li je .NET programski jezik?\",\r\n            dotNetPogrammingLanguageText:\r\n              \".NET Framework je platforma za izradu softvera. To nije sam jezik. Primarni (ali ne samo) jezici koje programeri koriste za izradu softvera na .NET Frameworku su C# i Visual Basic.\",\r\n            dotNetEasyToLearnTitle: \"Da li je lako naučiti .NET?\",\r\n            dotNetEasyToLearnText:\r\n              \".NET je lokalni okvir uključen u Windows. Takođe, mnogi programeri pronalaze izradu web aplikacija u .NET lakši u poređenju s Javom.\",\r\n            databaseTitle: \"Baza podataka\",\r\n            databaseGeneral:\r\n              \"U računarstvu, baza podataka je organizovana zbirka podataka koji se čuvaju i kojima se pristupa elektronički. Male baze podataka mogu se sačuvati u sistemu dadoteka, dok su velike baze podataka smeštene na računarskim klasterima ili skladištu u oblaku.\",\r\n            databaseSQLServerTitle: \"Microsoft SQL Server\",\r\n            databaseSQLServerText:\r\n              \"Microsoft SQL Server je sistem za upravljanje relacionim bazama podataka koji je razvio Microsoft. Kao server baze podataka, to je softverski proizvod s primarnom funkcijom čuvanja i preuzimanja podataka prema zahtevima drugih softverskih aplikacija — koje mogu raditi na istom računaru ili na drugom računaru preko mreže.\",\r\n            databasePostgreSQLTitle: \"PostgreSQL\",\r\n            databasePostgreSQLText:\r\n              \"PostgreSQL, također poznat kao Postgres, besplatan je sistem za upravljanje relacionim bazama podataka otvorenog koda koji naglašava proširivost i usklađenost sa SQL-om. Izvorno je nazvan POSTGRES, upućujući na svoje poreklo kao naslednik baze podataka Ingres razvijene na univerzitetu u Kaliforniji\",\r\n            databaseCosmoDBTitle: \"Cosmos DB\",\r\n            databaseCosmoDBText:\r\n              \"Azure Cosmos DB je Microsoftova vlasnička globalno distribuirana, multimodelna usluga baze podataka za upravljanje podacima na planetarnom nivou pokrenuta u maju 2017. Neovisno o shemi, horizontalno skalabilna i generalno klasifikovana kao NoSQL baza podataka.\",\r\n            databaseMongoDBTitle: \"MongoDB\",\r\n            databaseMongoDBText:\r\n              \"MongoDB je izvorno dostupan program baze podataka na više platformi orijentisan na dokumente. Klasifikovan kao NoSQL program baze podataka, MongoDB koristi dokumente slične JSON-u s izbornim shemama. MongoDB je razvio MongoDB Inc. i licenciran je pod javnom licencom na strani servera.\",\r\n            contact: \"Kontaktirajte nas\",\r\n            contactAddress: \"Adresa: \",\r\n            contactAddressContent:\r\n              \"Srbija, Bulevar Oslobođenja 78, Novi Sad 21000\",\r\n            contactPhone: \"Telefon:\",\r\n            contactPhoneContent: \" +381 21 303 1043, +381 21 300 6815\",\r\n            contactEmail: \"Email:\",\r\n            contanctEmailContent: \" info@midenas.rs\",\r\n            midenasDesignGallery: \"Galerija Dizajna Midenas\",\r\n            whyUs: \"Zašto baš mi?\",\r\n            whyUsContent1:\r\n              \"Imamo visokokvalifikovane inženjere s izvrsnim tehničkim znanjem i iskustvom u korištenju najnovijih softverskih standarda, alata, platformi, okvira i tehnologija te kontinuirano ulažemo u obuku i obrazovanje kako bismo mogli odgovoriti na sve nove tehnološke izazove i zahteve naših klijenata.\",\r\n            whyUsContent2:\r\n              \"Pouzdan smo partner, upravljajući posvećenim timovima za razvoj softvera. Ovo iskustvo ilustruje veliki portfolio uspešno realizovanih projekata.\",\r\n            whyUsContent3:\r\n              \"Agilni smo i spremni za usklađivanje na temelju specifičnosti projekta, tako da se potrebe naših partnera uvek zadovoljavaju kvalitetom i najboljim resursima. Poznajemo i umetnost spajanja ljudi i nauku tehnologije.\",\r\n            aboutUs: \"O nama\",\r\n            aboutUsContetn1:\r\n              \"Midenas pruža kompletne digitalne usluge. Od brendiranja Vašeg preduzeća do kompletnog kako web tako i desktop rešenja. Potpuno prilagodljivo Vašim potrebama.\",\r\n            aboutUsContetn2:\r\n              \"Poslovna filozofija kompanije Midenas je da obezbedi najviši kvalitet proizvoda, potpuno zadovoljstvo klijenata, pravovremenu isporuku rešenja i najbolji odnos kvaliteta i cene u industriji.\",\r\n            aboutUsContetn3:\r\n              \"Kao IT kompanija, uzimamo u obzir perspektive naših klijenata i njihove različite zahteve u razvoju softvera. Kako bismo vam pomogli da postignete svoje ciljeve, poboljšavamo svoje kapacitete radeći s različitim programskim jezicima, platformama i novim tehnologijama.\",\r\n            explore: \"Istražite\",\r\n            designRushTitle: \"Pogledajte naš profil na DesignRush\",\r\n          },\r\n          nodeJsModal: {\r\n            nodeJsTitle: \"Node.js\",\r\n            nodeJsText1:\r\n              \"Node.js je otvorenokodni serverski okvir koji se izvršava na JavaScriptu. Omogućava razvoj skalabilnih i brzih veb aplikacija i serverskih servisa. Node.js koristi asinhroni I/O model, što omogućava efikasno rukovanje velikim brojem zahteva i istovremeno izvršavanje operacija bez blokiranja glavnog procesa. To čini Node.js pogodnim za izgradnju visoko performantnih i reaktivnih aplikacija.\",\r\n            nodeJsText2:\r\n              \"Jedna od glavnih prednosti Node.js-a je njegova zajednica i bogata biblioteka modula. Postoji veliki broj modula i paketa dostupnih putem NPM (Node Package Manager), koji olakšavaju razvoj i rešavaju uobičajene probleme. Node.js se takođe može koristiti za kreiranje RESTful API-ja, mikroservisa i aplikacija u realnom vremenu.\",\r\n            nodeJsText3:\r\n              \"Node.js je takođe popularan izbor za razvoj serverskih veb aplikacija, pružajući mogućnost korišćenja JavaScripta i na klijentskoj i na serverskoj strani. To omogućava programerima da dele kod i logiku između klijenta i servera, olakšavajući održavanje i skaliranje aplikacija.\",\r\n          },\r\n          javaModal: {\r\n            javaTitle: \"Java\",\r\n            javaText1:\r\n              \"Java je visokonivo, objektno orijentisan programski jezik koji se koristi za razvoj širokog spektra aplikacija. Jednostavan je za učenje i stekao je popularnost u industriji zbog svoje platformski nezavisne prirode.\",\r\n            javaText2:\r\n              \"Jedna od glavnih prednosti Java-e je njena bogata biblioteka i okviri koji olakšavaju razvoj aplikacija. Ove biblioteke pružaju gotove komponente i alate za zadatke poput operacija sa bazama podataka, grafika, komunikacije putem mreže i mnoge druge. To znači da programeri mogu brže izgraditi aplikacije koristeći postojeća rešenja umesto da kreću od nule.\",\r\n            javaText3:\r\n              \"Još jedna moćna karakteristika Java-e je podrška za višenitno izvršavanje, što omogućava izvršavanje više niti istovremeno. Ovo je posebno korisno u aplikacijama koje zahtevaju istovremeno izvršavanje više zadataka ili se bave velikim količinama podataka.\",\r\n          },\r\n          aboutUsPage: {\r\n            title1: \"Dozvolite\",\r\n            title2: \"da se\",\r\n            title3: \"predstavimo\",\r\n          },\r\n          services: {\r\n            title: \"Pogledajte naše usluge!\",\r\n            digitalMarketing: \"Digitalni Marketing\",\r\n            websiteDevelopment: \"Webiste Development\",\r\n            videography: \"Video\",\r\n            fotography: \"Fotografija\",\r\n            desktopApp: \"Desktop Aplikacija\",\r\n            seo: \"Seo Optimizacija\",\r\n            graphicDesign: \"Graficki Dizajn\",\r\n          },\r\n          buttons: {\r\n            contactUs: \"Kontaktirajte nas\",\r\n            send: \"Pošalji\",\r\n            getStarted: \"Počni\",\r\n            signUp: \"Registruj se\",\r\n            backToHomePage: \"Vratite se na početnu stranicu\",\r\n            clear: \"Očisti\",\r\n            save: \"Sačuvaj\",\r\n            close: \"Zatvori\",\r\n          },\r\n          slider: {\r\n            caption: \"Dobrodošli u Midenas\",\r\n            description: \"Mnogo različitih solucija\",\r\n            getStarted: \"Počni\",\r\n            midenas: \"Midenas\",\r\n          },\r\n          header: {\r\n            home: \"Početna\",\r\n            services: \"Usluge\",\r\n            learning: \"Kursevi\",\r\n            aboutUs: \"O Nama\",\r\n            contactUs: \"Kontaktirajte nas\",\r\n          },\r\n          contactUs: {\r\n            title: \"Kontaktirajte nas\",\r\n            firstName: \"Ime*\",\r\n            lastName: \"Prezime*\",\r\n            email: \"Email*\",\r\n            phone: \"Telefon\",\r\n            message: \"Poruka*\",\r\n            socialMedia: \"Povežite se s nama:\",\r\n            letsGetInTouch: \"Kontaktirajte nas\",\r\n            sendMessage: \"Pošaljite Poruku\",\r\n            enterFirstName: \"Unesite ime\",\r\n            enterLastName: \"Unesite prezime\",\r\n            enterEmail: \"Unesite email\",\r\n            enterMessage: \"Unesite poruku\",\r\n          },\r\n          price: {\r\n            title: \"Izaberite Ponudu\",\r\n            subtitle:\r\n              \"Slušajte bez ograničenja na svom telefonu, zvučniku i drugim uređajima.\",\r\n          },\r\n          signUp: {\r\n            inputFullName: \"Ime i Prezime\",\r\n            inputEmail: \"Email\",\r\n            inputPassword: \"Lozinka\",\r\n            inputConfirmPass: \"Potvrdite Lozinku\",\r\n            forgetPass: \"Zaboravili ste lozinku?\",\r\n            mutedAlreadyHaveAcc: \"Imate nalog?\",\r\n            signUpBtn: \"Registrujte Se\",\r\n          },\r\n          logIn: {\r\n            inputEmail: \"Email\",\r\n            inputPassword: \"Lozinka\",\r\n            mutedLink: \"Nemate nalog?\",\r\n            mutedAlreadyHaveAcc: \"Već imate nalog?\",\r\n            logInBtn: \"Ulogujte Se\",\r\n            forgetPass: \"Zaboravili ste lozinku?\",\r\n          },\r\n          loginPage: {\r\n            headerLogIn: \"Dobrodošli U Midenas\",\r\n            headerLoginSubtitle: \"Ulogujte se da nastavite!\",\r\n            headerSignUp: \"Napravite Nalog\",\r\n            headerSignUpSubtitle: \"Registrujte se da nastavite!\",\r\n          },\r\n          learningPage: {\r\n            sliderTitle: \"Naučite Sve Online\",\r\n            sliderPlaceholder: \"Unesite Reč\",\r\n            courseName: \"Ime\",\r\n            courseDescription: \"Opis\",\r\n            courseTags: \"Tagovi\",\r\n            courseBtn: \"Obriši sve\",\r\n          },\r\n          learningPageUnderConstruction: {\r\n            underConstructionTitle: \"- KURSEVI -\",\r\n            underConstructionSubtitle: \"U IZRADI\",\r\n            backToHome: \"Povratak na početnu\",\r\n          },\r\n          smartInvoicingUnderConstruction: {\r\n            underConstructionTitle: \"Usluge\",\r\n            underConstructionSubtitle: \"U IZRADI\",\r\n            backToHome: \"Povratak na početnu\",\r\n          },\r\n          cookieConsent: {\r\n            title:\r\n              \"Koristimo kolačiće da poboljšamo vaše iskustvo na našoj web stranici i da Vam prikažemo relevantno oglašavanje\",\r\n          },\r\n          dashboard: {\r\n            dashboardSide: \"Kontrolna tabla\",\r\n            addInvoice: \"Dodaj Dokument\",\r\n            addClient: \"Dodaj Klijenta\",\r\n            profileSide: \"Profil\",\r\n            settingsSide: \"Podešavanja\",\r\n            passwordSide: \"Lozinka\",\r\n            signOutSide: \"Odjavi se\",\r\n            template: \"Šablon\",\r\n          },\r\n          mainDashboard: {\r\n            allInoviceCard: \"Sve Fakture\",\r\n            monthInvoiceCard: \"Ovog Meseca\",\r\n            weekInvoiceCard: \"Ove Nedelje\",\r\n            listOfInvoices: \"Lista Faktura\",\r\n            recentInvoice: \"Poslednje Fakture\",\r\n            viewAll: \"Pogledaj Sve\",\r\n          },\r\n          profile: {\r\n            informationProfile: \"Informacije\",\r\n            emailProfile: \"Email:\",\r\n            phoneProfile: \"Telefon:\",\r\n            invoicesProfile: \"Fakture\",\r\n            recentProfile: \"Recent\",\r\n          },\r\n          smartInvoicing: {\r\n            dashboard: \"Kontrolna Tabla\",\r\n            addInvoice: \"Dodaj Dokument\",\r\n            profile: \"Profil\",\r\n            settings: \"Podešavanja\",\r\n            password: \"Lozinka\",\r\n            signOut: \"Odjavi Se\",\r\n            addInvoiceTitle: \"Dodaj Fakturu\",\r\n            dateOfIssue: \"Datum Izdavanja\",\r\n            dueDate: \"Rok Predaje\",\r\n            choseADate: \"Izaberite Datum\",\r\n            from: \"Od\",\r\n            client: \"Klijent\",\r\n            no: \"Br.\",\r\n            nameOfService: \"Naziv Usluge\",\r\n            unitOfMeasure: \"Jedinica Mere\",\r\n            quantity: \"Količina\",\r\n            rabat: \"Rabat\",\r\n            editName: \"Uredi Ime\",\r\n            invoiceNumber: \"Broj Fakture\",\r\n            serviceDescription: \"Opis Usluge\",\r\n            editInvoiceNumber: \"Uredi broj fakture\",\r\n            manageTheColumns: \"Upravljajte kolonama\",\r\n            manageTableData: \"Upravljajte podacima tabele\",\r\n            pdv: \"PDV\",\r\n            price: \"Cena\",\r\n            menageDocumentType: \"Upravljaj tipovima dokumenata\",\r\n          },\r\n          passwordChange: {\r\n            passwordChangeTitle: \"Promena Lozinke\",\r\n            updatePassword: \"Ažurirajte Lozinku Ovde\",\r\n            oldPassword: \"Stara Lozinka\",\r\n            newPassword: \"Nova Lozinka\",\r\n            confirmPassword: \"Potvrdite Lozinku\",\r\n          },\r\n          profilePage: {\r\n            information: \"Informacije\",\r\n            firstName: \"Ime:\",\r\n            email: \"Email:\",\r\n            lastName: \"Prezime:\",\r\n            phone: \"Telefon:\",\r\n          },\r\n          invoiceRows: {\r\n            addRow: \"Dodaj novi red\",\r\n            rabatPercent: \"(%)\",\r\n          },\r\n          invoiceComment: {\r\n            addNewComment: \"Dodaj Novi Komentar\",\r\n            commentTitle: \"Naslov Komentara\",\r\n            commentDescription: \"Opis Komentara\",\r\n            comment: \"Komentar\",\r\n          },\r\n          invoiceNote: {\r\n            addNewNote: \"Dodaj Nove Beleške\",\r\n            noteTitle: \"Naslov Beleške\",\r\n            noteDescription: \"Opis Beleške\",\r\n            note: \"Beleške\",\r\n          },\r\n          columnsModal: {\r\n            manageColumns: \"Upravljajte Kolonama\",\r\n            nameOfService: \"Naziv Usluge\",\r\n            serviceDescription: \"Opis Servisa\",\r\n            unitOfMeasure: \"Jedinica Mere\",\r\n            quanity: \"Količina\",\r\n            rabat: \"Rabat\",\r\n          },\r\n          menageTableAccordion: {\r\n            nameOfService: \"Naziv Usluge\",\r\n            serviceDescription: \"Opis Servisa\",\r\n            unitOfMeasure: \"Jedinica Mere\",\r\n            title: \"Naslov\",\r\n            description: \"Opis\",\r\n          },\r\n          addClient: {\r\n            addClient: \"Dodaj Klijenta\",\r\n            companyName: \"Naziv Kompanije\",\r\n            pib: \"PIB\",\r\n            id: \"JMBG\",\r\n            serviceId: \"Servisni ID\",\r\n            documentLanguage: \"Jezik Dokumenta\",\r\n            currency: \"Valuta\",\r\n            city: \"Grad\",\r\n            street: \"Ulica\",\r\n            number: \"Broj\",\r\n            postalCode: \"Poštanski Broj\",\r\n          },\r\n          placeholder: {\r\n            chooseClient: \"Izaberite klijenta...\",\r\n            chooseServiceName: \"Izaberite uslugu...\",\r\n            chooseServiceDescription: \"Izaberite opis...\",\r\n            chooseNote: \"Izaberite belešku...\",\r\n            chooseComment: \"Izaberite komentar...\",\r\n            chooseLanguage: \"Izaberite jezik...\",\r\n            chooseCurrency: \"Izaberite valutu...\",\r\n            chooseCity: \"Izaberite grad...\",\r\n            documentType: \"Tip dokumenta\",\r\n          },\r\n          emailValidation: {\r\n            invalid: \"Unesite ispravan Email\",\r\n            required: \"Unesite ime i prezime\",\r\n          },\r\n          snackbar: {\r\n            successMessage: \"Uspešno ste poslali poruku!\",\r\n          },\r\n          outsourcingServices: {\r\n            outsourcingTitle: \"OutSourcing\",\r\n            outsourcingDesc1:\r\n              \"OutSourcing je poslovna praksa u kojoj se usluge ili poslovne funkcije povjeravaju trećoj strani. U informacijskoj tehnologiji, inicijativa vanjskog poslovanja s pružateljem tehnoloških usluga može uključivati\\n  različite operacije, od cijele IT funkcije do diskretnih, jasno definiranih komponenti, kao što su oporavak od katastrofe, mrežne usluge, razvoj softvera ili QA testiranje.\",\r\n            outsourcingDesc2:\r\n              \"Kompanije mogu odabrati da izvode IT usluge na domaćem tržištu (u vlastitoj zemlji), u blizini (u susjednoj zemlji ili u istoj vremenskoj zoni) ili u inostranstvu (u nekoj udaljenijoj zemlji).\",\r\n            outsourcingDesc3:\r\n              \"Kompanija obično finansira osnivanje posebnih outsourcing agencija. Kompanija prebacuje zaposlene koji su radili interno u tim agencijama. Pored osnivanja, kompanija takođe obezbeđuje \\n garanciju za 1 do 2 godine sigurnog posla agenciji za outsourcing pod povoljnim uslovima (garantovana cena, garantovana količina posla, itd.). U narednih 1-2 godine, agencija za outsourcing\\n pokušava da pronađe svoje mesto na tržištu i razvija se.\",\r\n            howOutsourcingTitle: \"Kako outsourcing funkcioniše?\",\r\n            howOutsourcingDesc1:\r\n              \"Da bi kompanija efikasno prebacila odgovornosti na outsourcing, važno je usredsrediti se na poslovno partnerstvo jednako koliko i na logistiku. OutSourcing se odnosi na upravljanje odnosima \\nviše nego na nivoe usluga i predstavlja partnerstvo, a ne projekat kupovine. Održavanje i obezbeđivanje pouzdanog odnosa su ključni za uspeh vanjskog poslovanja i kompleksniji su od uspostavljanja \\nnivoa usluga i odnosa.\",\r\n            howOutsourcingDesc2:\r\n              \"Neki stručnjaci preporučuju dodatni naglasak na klauzulu o raskidu u ugovoru o pružanju usluga. Važno je da kompanije znaju kada ugovor neizbežno ističe i da osiguraju da uključene strane ispune\\nsvoje obaveze i ostanu prisutne dok ugovor ne istekne.\",\r\n            fourStepTitle: \"Četvorostepeni akcioni plan\",\r\n            stepOne: \"Vi pitate\",\r\n            stepTwo: \"Odobrenje\\nkandidata\",\r\n            stepThree: \"Postavljanje\\nangažmana\",\r\n            stepFour: \"Vi dobijate!\",\r\n          },\r\n        },\r\n      },\r\n    },\r\n  });\r\n\r\nexport default i18n;\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n    window.location.hostname === 'localhost' ||\r\n    // [::1] is the IPv6 localhost address.\r\n    window.location.hostname === '[::1]' ||\r\n    // 127.0.0.1/8 is considered localhost for IPv4.\r\n    window.location.hostname.match(\r\n        /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n    )\r\n);\r\n\r\nexport default function register() {\r\n    if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n        // The URL constructor is available in all browsers that support SW.\r\n        const url = process.env.PUBLIC_URL as string;\r\n        const publicUrl = new URL(url, window.location.toString());\r\n        if (publicUrl.origin !== window.location.origin) {\r\n            // Our service worker won't work if PUBLIC_URL is on a different origin\r\n            // from what our page is served on. This might happen if a CDN is used to\r\n            // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n            return;\r\n        }\r\n\r\n        window.addEventListener('load', () => {\r\n            const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n            if (isLocalhost) {\r\n                // This is running on localhost. Lets check if a service worker still exists or not.\r\n                checkValidServiceWorker(swUrl);\r\n            } else {\r\n                // Is not local host. Just register service worker\r\n                registerValidSW(swUrl);\r\n            }\r\n        });\r\n    }\r\n}\r\n\r\nfunction registerValidSW(swUrl: string) {\r\n    navigator.serviceWorker\r\n        .register(swUrl)\r\n        .then(registration => {\r\n            registration.onupdatefound = () => {\r\n                const installingWorker = registration.installing as ServiceWorker;\r\n                installingWorker.onstatechange = () => {\r\n                    if (installingWorker.state === 'installed') {\r\n                        if (navigator.serviceWorker.controller) {\r\n                            // At this point, the old content will have been purged and\r\n                            // the fresh content will have been added to the cache.\r\n                            // It's the perfect time to display a \"New content is\r\n                            // available; please refresh.\" message in your web app.\r\n                            console.log('New content is available; please refresh.');\r\n                        } else {\r\n                            // At this point, everything has been precached.\r\n                            // It's the perfect time to display a\r\n                            // \"Content is cached for offline use.\" message.\r\n                            console.log('Content is cached for offline use.');\r\n                        }\r\n                    }\r\n                };\r\n            };\r\n        })\r\n        .catch(error => {\r\n            console.error('Error during service worker registration:', error);\r\n        });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl: string) {\r\n    // Check if the service worker can be found. If it can't reload the page.\r\n    fetch(swUrl)\r\n        .then(response => {\r\n            // Ensure service worker exists, and that we really are getting a JS file.\r\n            const contentType = response.headers.get('content-type');\r\n            if (response.status === 404 || (contentType && contentType.indexOf('javascript') === -1)) {\r\n                // No service worker found. Probably a different app. Reload the page.\r\n                navigator.serviceWorker.ready.then(registration => {\r\n                    registration.unregister().then(() => {\r\n                        window.location.reload();\r\n                    });\r\n                });\r\n            } else {\r\n                // Service worker found. Proceed as normal.\r\n                registerValidSW(swUrl);\r\n            }\r\n        })\r\n        .catch(() => {\r\n            console.log('No internet connection found. App is running in offline mode.');\r\n        });\r\n}\r\n\r\nexport function unregister() {\r\n    if ('serviceWorker' in navigator) {\r\n        navigator.serviceWorker.ready.then(registration => {\r\n            registration.unregister();\r\n        });\r\n    }\r\n}\r\n","import {\r\n    configureStore,\r\n    ThunkAction,\r\n    Action\r\n  } from '@reduxjs/toolkit';\r\nimport emailSlice from '../slices/emailSlice';\r\nimport snackbarReducer from '../slices/snackbarSlice'\r\n  \r\n  export const store = configureStore({\r\n    reducer: {\r\n      email: emailSlice,\r\n      snackbar: snackbarReducer\r\n    },\r\n  });\r\n  \r\n  export type AppDispatch = typeof store.dispatch;\r\n  export type RootState = ReturnType<typeof store.getState>;\r\n  export type AppThunk<ReturnType = void> = ThunkAction<\r\n    ReturnType,\r\n    RootState,\r\n    unknown,\r\n    Action<string>\r\n  >;","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport './i18n';\r\nimport { Provider } from 'react-redux';\r\nimport registerServiceWorker from './registerServiceWorker';\r\nimport { store } from './app/store';\r\n\r\nReactDOM.render(\r\n  <Provider store={store}>\r\n      <App />\r\n  </Provider>,\r\n  document.getElementById('root'));\r\n\r\nregisterServiceWorker();"],"sourceRoot":""}