{"version":3,"sources":["../node_modules/yargs-parser sync","../node_modules/require-main-filename sync","assets/images/BankCarts/10.png","assets/images/BankCarts/100.png","assets/images/BankCarts/103.png","assets/images/BankCarts/108.png","assets/images/BankCarts/109.png","assets/images/BankCarts/111.png","assets/images/BankCarts/12.png","assets/images/BankCarts/124.png","assets/images/BankCarts/125.png","assets/images/BankCarts/134.png","assets/images/BankCarts/135.png","assets/images/BankCarts/146.png","assets/images/BankCarts/15.png","assets/images/BankCarts/203.png","assets/images/BankCarts/205.png","assets/images/BankCarts/206.png","assets/images/BankCarts/209.png","assets/images/BankCarts/210.png","assets/images/BankCarts/211.png","assets/images/BankCarts/32.png","assets/images/BankCarts/34.png","assets/images/BankCarts/4.png","assets/images/BankCarts/46.png","assets/images/BankCarts/48.png","assets/images/BankCarts/59.png","assets/images/BankCarts/62.png","assets/images/BankCarts/64.png","assets/images/BankCarts/67.png","assets/images/BankCarts/96.png","assets/images/BankCarts/99.png","assets/images/BankCarts/999.png","assets/images/supportPanelBackground.png","appRedux/reducers/Settings.js","constants/ThemeSetting.js","constants/ActionTypes.js","appRedux/reducers/Auth.js","appRedux/reducers/Common.js","appRedux/store/index.js","lngProvider/entries/en-US.js","lngProvider/entries/zh-Hans-CN.js","lngProvider/entries/ar_SA.js","lngProvider/entries/it_IT.js","lngProvider/entries/es_ES.js","lngProvider/index.js","lngProvider/entries/fr_FR.js","util/CustomScrollbars.js","util/Extensions/Screens.js","appRedux/actions/Setting.js","containers/Sidebar/SidebarLogo.js","util/ApiforContext.js","util/RequestHandler.js","routes/Forms/Helper/index.js","routes/Forms/DefaultModuleUpdateForm.js","util/MenuItems.js","containers/Sidebar/index.js","components/SearchBox/index.js","components/AppNotification/NotificationItem.js","components/AppNotification/NotificationContent.js","components/AppNotification/index.js","util/Auxiliary.js","containers/Topbar/HorizontalNav.js","util/IntlMessages.js","containers/Topbar/HorizontalDefault/index.js","components/UserInfo/index.js","containers/Topbar/index.js","containers/Topbar/HorizontalDark/index.js","containers/Topbar/InsideHeader/index.js","containers/Topbar/AboveHeader/index.js","containers/Topbar/BelowHeader/index.js","routes/AccountPage/BankAccountPage.js","routes/Forms/TransactionBankInfoAccountAddForm.js","routes/Forms/TransactionBankInfoAccountUpdateForm.js","routes/Forms/GroupAdd.js","routes/Forms/GroupUpdate.js","routes/Consolidated/ConsolidatedTenant.js","routes/Consolidated/ConsolidatedBankList.js","routes/Forms/FirmAddForm.js","routes/BankPage/BankList.js","routes/TenantAccount/index.js","routes/Forms/MonthlyPlanAdd.js","routes/Forms/MonthlyPlanUpdate.js","routes/Forms/CheckPromissoryAdd.js","routes/Forms/CheckPromissoryUpdate.js","routes/MounthlyPlan/MonthlyPlanList.js","routes/Forms/FirmUpdate.js","routes/Firm/FirmList.js","routes/Forms/FirmClassAddForm.js","routes/Forms/FirmClassUpdate.js","routes/TransactionBankInfo/Index.js","routes/Report/BankBasedTransactionReport/index.js","routes/TransactionBankInfo/PosCollectionInfo.js","routes/HomePage/Chartjs/HomeCards.js","routes/HomePage/Chartjs/HomeWidget.js","routes/HomePage/Chartjs/HomeBarCharts.js","routes/HomePage/Lists/TahsilatPlanWidget.js","routes/Report/BalanceReports.js","routes/HomePage/Lists/TahsilatPlanLists.js","components/Widget/index.js","routes/PosOperations/ValueReport.js","routes/PosOperations/PosVolumeReport.js","routes/BankPage/HomePageBankList.js","routes/Report/Chartjs/PosCard.js","util/IntegerInput.js","routes/Forms/DbsDealerAddForm.js","routes/Forms/DbsDealerUpdateForm.js","routes/Forms/DbsInvoiceAddForm.js","routes/Dbs/Report/DbsValueReport.js","routes/Report/Chartjs/PosHomeWidget.js","routes/Forms/TosCreateOrderForm.js","routes/Tos/TosSentPaymentAllList.js","routes/Forms/AccountTransactionRuleAddForm.js","routes/Erp/ErpFirmReport/Netsis/index.js","routes/Report/PosReports.js","routes/SupportPanel/SupportRequest.js","routes/Forms/Helper/ParaticPhoneInput.js","routes/B2B/FirmPanel.js","routes/B2B/PosCollectionTransactionRefundModal.js","routes/B2B/PosCollectionTransactionCancelModal.js","routes/B2B/PosCollectionTransaction.js","routes/B2B/PosCollection.js","routes/SupportPanel/Questions.js","routes/SupportPanel/SupportRequestFirst.js","routes/Forms/SubscriberFirmAddForm.js","routes/Forms/SubscriberFirmUpdate.js","routes/Forms/SubscriberFirmMonthlyPlanAdd.js","routes/SubscriberFirm/SubscriberFirmList.js","routes/SubscriberFirm/SubscriberFirmStatusReport.js","routes/Forms/AccountTransactionRuleUpdateForm.js","routes/Forms/TransactionProjectTypeAddForm.js","routes/Forms/SpecialActionCodeAddForm.js","routes/Forms/TransactionProjectTypeUpdateForm.js","routes/Forms/TransactionCostCenterAddForm.js","routes/Forms/TransactionResponsibilityCenterAddForm.js","routes/Forms/DivisionAddForm.js","routes/Forms/DepartmentAddForm.js","containers/App/MainApp.js","routes/Erp/ErpPosReportTransaction.js","containers/PaymentPage.js","containers/ConstantPaymentPage.js","containers/SignUp.js","containers/LeadRequest.js","containers/App/index.js","appRedux/actions/Auth.js","i18n.js","NextApp.js","appRedux/reducers/index.js","registerServiceWorker.js","index.js","assets/images/w-logo.png","util/config.js","assets/images/finekralogo_white.png","assets/images/imzaposLogoBeyaz.png","assets/images/logoBakiyemWhite.png","assets/images/finekralogo.png","assets/images/imzaPosLogo.png","assets/images/logoBakiyem.png","assets/images/BankCarts sync /^/.*/.png$","assets/images/logo.png","../node_modules/yargs sync","assets/images/paymentSymbols.png","assets/images/bg_lead_request.png","../node_modules/yargs/lib sync","assets/images/user.jpg","assets/images/loader.svg","assets/images/logo-white.png"],"names":["webpackEmptyContext","req","e","Error","code","keys","resolve","module","exports","id","initialSettings","navCollapsed","navStyle","layoutType","themeType","colorSelection","pathname","width","window","innerWidth","isDirectionRTL","locale","languageId","name","icon","settings","state","action","type","payload","location","INIT_STATE","token","localStorage","getItem","initURL","authUser","error","loading","message","history","createBrowserHistory","require","routeMiddleware","routerMiddleware","middlewares","thunk","EnLang","messages","enMessages","antd","antdEn","ZhLan","zhMessages","saLang","saMessages","antdSA","AppLocale","en","enLang","zh","zhLang","ar","arLang","it","itLang","es","esLang","fr","CustomScrollbars","props","autoHide","renderTrackHorizontal","style","display","className","screen","toggleCollapsedSideNav","onNavStyleChange","switchLanguage","apiUrl","isFinekraLogoApiUrl","headers","Authorization","demoUrl","frontEndUrl","supportPanelImgUrl","renderNotifications","isObject","value","Array","isArray","handleRequest","endPoint","method","data","showDefaultNotification","options","defaultOptions","url","startsWith","config","RequestHandler","getToken","undefined","params","Object","assign","axios","request","then","response","success","notification","duration","handleDefaultNotification","rawResponse","catch","toString","status","forEach","validationMessage","removeUserInfo","handleError","send","isNonAuthEndpoint","some","element","toLowerCase","expiration","refreshExpiration","Date","now","setUserInfo","get","post","put","delete","setItem","getTime","refreshTokenExpiration","refreshToken","userId","email","tenantId","userName","OneSignal","logout","removeItem","typeTemplate","defaultValidateMessages","default","required","enum","whitespace","date","format","parse","invalid","types","string","array","object","number","boolean","integer","float","regexp","hex","len","min","max","range","pattern","mismatch","formItemLayout","labelCol","xs","span","sm","wrapperCol","DefaultModuleUpdateForm","useState","setLoading","moduleSelect","setModuleSelect","Form","useForm","form","useEffect","getModules","defaultModuleId","x","setFieldsValue","moduleId","parseInt","validateMessages","initialValues","remember","onFinish","values","onSuccess","onFinishFailed","errorInfo","Item","label","rules","showSearch","placeholder","filterOption","input","option","children","toLocaleLowerCase","indexOf","map","item","Option","key","textAlign","SaveOutlined","htmlType","onClick","getMenuItems","permissions","title","color","isRender","isGroupUser","isShowPosSummaryGraphic","isAllowPosEarlyUnblock","isAdmin","isGroupAdmin","Layout","Sider","SearchBox","styleName","onChange","defaultProps","NotificationItem","dataIndex","onMarkAsReadSuccess","onDeleteSuccess","onClickNotificationWithBody","setPopoverVisible","shortDescription","useHistory","onClickMarkAsRead","onClickExtarnalUrlTitle","isRead","onClickUrlTitle","onClickContentTitle","padding","backgroundColor","Meta","href","target","rel","to","hasContentBody","description","open","push","cursor","border","content","EyeOutlined","DeleteOutlined","NotificationContent","refreshNotReadBadge","visible","modal","setModal","total","nextPageLoading","notifications","setNotifications","skip","take","current","queryOptions","setQueryOptions","getNotifications","refreshNotifications","_","index","rows","getNotificationDetail","justify","align","length","okText","cancelText","onConfirm","onScrollFrame","top","minWidth","itemLayout","image","Empty","PRESENTED_IMAGE_SIMPLE","centered","onOk","onCancel","footer","zIndex","height","dangerouslySetInnerHTML","__html","body","AppNotification","notReadCount","setNotReadCount","setVisible","getNotReadCount","placement","trigger","onVisibleChange","dot","BellOutlined","verticalAlign","lineHeight","fontSize","Auxiliary","SubMenu","Menu","HorizontalNav","isModalVisible","setIsModalVisible","isModalVisibleSms","setIsModalVisibleSms","isLiveValue","setIsLiveValue","isSmsAccess","setIsSmsAccess","modules","tenantIsKobi","setPermissions","lowerCase","renderMenuItem","menuItem","includes","childItem","selectedKeys","useSelector","substr","defaultOpenKeys","split","menuItems","mode","spinning","defaultChecked","checked","res","setTimeout","reload","UserId","IsSmsAccess","injectIntl","withRef","Header","Select","UserInfo","defaultModuleModalVisible","setDefaultModuleModalVisible","accessSupportPanel","setAccessSupportPanel","userMenuOptions","overlayClassName","UserOutlined","Topbar","tenantAccounts","setTenantAccounts","filteredTenantAccounts","setFilteredTenantAccounts","currentTenantAccount","setcurrentTenantAccount","setIsGroupUser","isTabletOrMobileDevice","useMediaQuery","query","isVisibleDropdown","setIsVisibleDropdown","tenantAccount","menu","autoHideTimeout","autoHideDuration","autoHeight","autoHeightMin","autoHeightMax","thumbMinSize","universal","filter","disabled","AlignLeftOutlined","overlay","marginTop","DownOutlined","connect","dispatch","useDispatch","Screen","alt","src","marginBottom","marginRight","Collapse","Panel","DatePicker","RangePicker","Input","TextArea","Typography","Text","Math","PI","Tabs","TabPane","Modal","confirm","PosCollectionInfo","Widget","cover","extra","actions","isDesktopOrLaptop","isBigScreen","marginLeft","isTabletOrMobile","subTitle","descText","iconColor","borderRadius","React","Component","cardStyles","impWidth","class","PosReports","Title","Dragger","Upload","Editor","onSubmit","submitting","topicId","fileList","justifyContent","multiple","accept","showUploadList","titleId","info","file","onDrop","UploadOutlined","ParaticPhoneInput","countryCodeEditable","country","onlyCountries","inputClass","inputStyle","paddingLeft","Search","createRef","Content","Footer","ErpPosReportTransaction","LeadRequest","useLocation","registerLoading","setRegisterLoading","URLSearchParams","search","utmSource","setUtmSource","utmCampaign","setUtmCampaign","screenSize","setScreenSize","handleResize","addEventListener","removeEventListener","utmMedium","gtag","event_category","event_label","backgroundImage","RegisterPic","backgroundSize","backgroundPosition","backgroundRepeat","md","lg","alignItems","position","registerEmail","tenantName","companyName","firstName","surName","lastName","phone","slice","annualIncome","resetFields","fontWeight","fontFamily","autoComplete","size","memo","auth","useRouteMatch","has","onLayoutTypeChange","setLayoutType","setNavStyle","document","classList","remove","add","fetch","a","json","cookie","replace","version","versionCookie","caches","names","currentAppLocale","localetr","exact","path","component","i18n","use","initReactI18next","init","resources","translation","enTranslation","tr","trTranslation","lng","fallbackLng","interpolation","escapeValue","store","preloadedState","createStore","combineReducers","router","connectRouter","Settings","Auth","commonData","Common","compose","applyMiddleware","configureStore","NextApp","App","isLocalhost","Boolean","hostname","match","registerValidSW","swUrl","navigator","serviceWorker","register","registration","onupdatefound","installingWorker","installing","onstatechange","controller","console","log","URL","process","origin","ready","unregister","checkValidServiceWorker","scope","registerServiceWorker","ReactDOM","render","getElementById","footerText","webpackContext","webpackContextResolve","__webpack_require__","o"],"mappings":"6GAAA,SAASA,EAAoBC,GAC5B,IAAIC,EAAI,IAAIC,MAAM,uBAAyBF,EAAM,KAEjD,MADAC,EAAEE,KAAO,mBACHF,EAEPF,EAAoBK,KAAO,WAAa,MAAO,IAC/CL,EAAoBM,QAAUN,EAC9BO,EAAOC,QAAUR,EACjBA,EAAoBS,GAAK,M,mBCRzB,SAAST,EAAoBC,GAC5B,IAAIC,EAAI,IAAIC,MAAM,uBAAyBF,EAAM,KAEjD,MADAC,EAAEE,KAAO,mBACHF,EAEPF,EAAoBK,KAAO,WAAa,MAAO,IAC/CL,EAAoBM,QAAUN,EAC9BO,EAAOC,QAAUR,EACjBA,EAAoBS,GAAK,M,4CCRzBF,EAAOC,QAAU,IAA0B,gC,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,gC,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,gC,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,gC,qBCA3CD,EAAOC,QAAU,IAA0B,gC,qBCA3CD,EAAOC,QAAU,IAA0B,+B,qBCA3CD,EAAOC,QAAU,IAA0B,gC,mBCA3CD,EAAOC,QAAU,kQ,qBCAjBD,EAAOC,QAAU,IAA0B,gC,qBCA3CD,EAAOC,QAAU,IAA0B,gC,qBCA3CD,EAAOC,QAAU,IAA0B,gC,qBCA3CD,EAAOC,QAAU,IAA0B,gC,qBCA3CD,EAAOC,QAAU,IAA0B,gC,qBCA3CD,EAAOC,QAAU,IAA0B,gC,qBCA3CD,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,oD,qLCcrCE,EAAkB,CACtBC,cAAc,EACdC,SCsBgD,qCDrBhDC,WCQ8B,mBDP9BC,UCdkC,uBDelCC,eCX0C,+BDa1CC,SAAU,GACVC,MAAOC,OAAOC,WACdC,gBAAgB,EAChBC,OAAQ,CACNC,WAAY,UACZD,OAAQ,KACRE,KAAM,UACNC,KAAM,OAuDKC,EAnDE,WAAsC,IAArCC,EAAoC,uDAA5BhB,EAAiBiB,EAAW,uCACpD,OAAQA,EAAOC,MACb,IAAK,2BACH,OAAO,2BACFF,GADL,IAEEV,SAAUW,EAAOE,QAAQC,SAASd,SAClCL,cAAc,IAElB,IEvCgC,uBFwC9B,OAAO,2BACFe,GADL,IAEEf,aAAcgB,EAAOhB,eAEzB,IE3CwB,eF4CtB,OAAO,2BACFe,GADL,IAEET,MAAOU,EAAOV,QAElB,ICjDsB,aDkDpB,OAAO,2BACFS,GADL,IAEEZ,UAAWa,EAAOb,YAEtB,IChDiC,wBDiD/B,OAAO,2BACFY,GADL,IAEEX,eAAgBY,EAAOZ,iBAG3B,ICjCqB,YDkCnB,OAAO,2BACFW,GADL,IAEEd,SAAUe,EAAOf,WAErB,IC7CuB,cD8CrB,OAAO,2BACFc,GADL,IAEEb,WAAYc,EAAOd,aAGvB,IErE2B,kBFsEzB,OAAO,2BACFa,GADL,IAEEL,OAAQM,EAAOE,UAGnB,QACE,OAAOH,IG7EPK,EAAa,CACjBC,MAAOC,aAAaC,QAAQ,SAC5BC,QAAS,GACTC,SAAUH,aAAaC,QAAQ,SAGlB,aAAiC,IAAhCR,EAA+B,uDAAvBK,EAAYJ,EAAW,uCAC7C,OAAQA,EAAOC,MAEb,IDkBoB,WCjBlB,OAAO,2BAAIF,GAAX,IAAkBS,QAASR,EAAOE,UAGpC,IDagC,uBCZ9B,OAAO,2BACFH,GADL,IAEEM,MAAO,KACPI,SAAU,KACVD,QAAS,KAIb,IDMqB,YCLnB,OAAO,2BACFT,GADL,IAEEU,SAAUT,EAAOE,UAIrB,IDA0B,iBCCxB,OAAO,2BACFH,GADL,IAEEM,MAAOL,EAAOE,UAIlB,QACE,OAAOH,ICrCPK,EAAa,CACjBM,MAAO,GACPC,SAAS,EACTC,QAAS,IAGI,aAAiC,IAAhCb,EAA+B,uDAAvBK,EAAYJ,EAAW,uCAC7C,OAAQA,EAAOC,MACb,IFJuB,cEKrB,OAAO,2BAAIF,GAAX,IAAkBW,MAAO,GAAIE,QAAS,GAAID,SAAS,IAErD,IFNyB,gBEOvB,OAAO,2BAAIZ,GAAX,IAAkBW,MAAO,GAAIE,QAAS,GAAID,SAAS,IAErD,IFPwB,eEQtB,OAAO,2BAAIZ,GAAX,IAAkBW,MAAO,GAAIE,QAASZ,EAAOE,QAASS,SAAS,IAEjE,IFXuB,cEYrB,OAAO,2BAAIZ,GAAX,IAAkBY,SAAS,EAAOD,MAAOV,EAAOE,QAASU,QAAS,KAEpE,IFZwB,eEatB,OAAO,2BAAIb,GAAX,IAAkBY,SAAS,EAAOD,MAAO,GAAIE,QAAS,KAExD,QACE,OAAOb,IClBAc,GAAUC,EAHMC,EAAQ,KAAWD,wBAK1CE,EAAkBC,YAAiBJ,GAEnCK,EAAc,CAACC,IAAOH,G,qGCFbI,EAPA,CACbC,SAAS,eACJC,GAELC,KAAMC,IACN9B,OAAQ,S,SCEK+B,EAPD,CACZJ,SAAS,eACJK,GAELH,KAAM,KACN7B,OAAQ,c,SCGKiC,EAPA,CACbN,SAAS,eACJO,GAELL,KAAMM,IACNnC,OAAQ,M,2BCCKiC,EAPA,CACbN,SAAS,eACJO,GAELL,KAAMM,IACNnC,OAAQ,S,2BCEKiC,EAPA,CACbN,SAAS,eACJO,GAELL,KAAMM,IACNnC,OAAQ,M,2BCQKoC,EATG,CAChBC,GAAIC,EACJC,GAAIC,EACJC,GAAIC,EACJC,GAAIC,EACJC,GAAIC,EACJC,GCVa,CACbpB,SAAS,eACJO,GAELL,KAAMM,IACNnC,OAAQ,U,4HCAKgD,GALU,SAACC,GAAD,OAAW,kBAAC,cAAD,iBAAiBA,EAAjB,CAAwBC,UAAQ,EACnBC,sBAAuB,SAAAF,GAAK,OAAI,yCAASA,EAAT,CACKG,MAAO,CAACC,QAAS,QACjBC,UAAU,2BCEjF,IACXC,OALW,GCAR,SAASC,GAAuBlE,GACrC,MAAO,CAACiB,KbJ0B,uBaIEjB,gBAe/B,SAASmE,GAAiBlE,GAC/B,MAAO,CAACgB,KdOe,YcPEhB,YAOpB,SAASmE,GAAe1D,GAC7B,MAAO,CACLO,Kb3B2B,kBa4B3BC,QAASR,GChBb,I,oDCfe,IAGb2D,OAAQ,sCACRC,oBAAqB,mCAErBC,QAAS,CACPA,QAAS,CAAEC,cAAe,UAAYlD,aAAaC,QAAQ,WAG7DkD,QAAS,4BAKTC,YAAa,kCAEbC,mBAAoB,+BACpBC,qBAAqB,G,oBCbjBC,GAAW,SAACC,GAAD,MACE,kBAAVA,IAAuBC,MAAMC,QAAQF,IAAoB,OAAVA,GA8ElDG,GAAgB,SACpBC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAIC,EAAiB,CACnBJ,OAAQA,EACRK,IAAKN,EAASO,WAAW,QAAUP,EAAWQ,GAAOrB,OAASa,EAC9DX,QAAS,CACP,eAAgB,mBAChB,8BAA+B,IAC/BC,cAAe,UAAYmB,GAAeC,YAE5CR,KAAiB,QAAXD,EAAmBC,OAAOS,EAChCC,OAAmB,QAAXX,EAAmBC,OAAOS,GAOpC,OAJIP,IACFC,EAAiBQ,OAAOC,OAAOT,EAAgBD,IAG1CW,KACJC,QAAQX,GACRY,MAAK,SAACC,GAKL,OAJIf,GAtGwB,SAACe,GACjC,IAAInF,EAAOmF,EAAShB,KAAKiB,QAAU,UAAY,QAC3CzE,EAAUwE,EAAShB,KAAKiB,QACxB,2CACAD,EAAShB,KAAKxD,QAElB0E,KAAarF,GAAM,CACjBW,QAASA,EACT2E,SAAU,IA+FNC,CAA0BJ,IAGd,OAAPd,QAAO,IAAPA,OAAA,EAAAA,EAASmB,aAAcL,EAAWA,EAAShB,QAEnDsB,OAAM,SAAChF,GAAD,OAhGS,SAACA,EAAO4D,GAC1B,IAAI1D,EAAUF,EAAMiF,WAEpB,GAAIjF,EAAM0E,SACR,GAA8B,MAA1B1E,EAAM0E,SAASQ,OACjBlF,EAAM0E,SAAShB,KAAKA,KAAKyB,SAAQ,SAACC,GAChCR,KAAa5E,MAAM,CACjBE,QAASkF,EACTP,SAAU,YAGT,GAA8B,MAA1B7E,EAAM0E,SAASQ,OACxBhF,EAAUiD,GAASnD,EAAM0E,SAAShB,MAC9B1D,EAAM0E,SAAShB,KAAKxD,QACpBF,EAAM0E,SAAShB,KAEnBkB,KAAa5E,MAAM,CACjBE,QAASA,EACT2E,SAAU,QAEP,IAA8B,MAA1B7E,EAAM0E,SAASQ,OAGxB,OAFAjB,GAAeoB,sBACfxG,OAAOY,SAAW,iBAEuB,IAAD,EAkBnC,EAlBA,GAA8B,MAA1BO,EAAM0E,SAASQ,OACxB,iBAAIlF,EAAM0E,SAAShB,YAAnB,aAAI,EAAqBxD,cACvB0E,KAAa5E,MAAM,CACjBE,QAASF,EAAM0E,SAAShB,KAAKxD,QAC7B2E,SAAU,SAIZhG,OAAOY,SAAW,0BAGe,MAA1BO,EAAM0E,SAASQ,OACxBN,KAAa5E,MAAM,CACjBE,QAASiD,GAASnD,EAAM0E,SAAShB,MAC7B1D,EAAM0E,SAAShB,KAAKxD,QACpB,mGACJ2E,SAAU,IAGZD,KAAa5E,MAAM,CACjBE,SAAS,UAAAF,EAAM0E,SAAShB,YAAf,eAAqBxD,SAC1BF,EAAM0E,SAAShB,KAAKxD,QACpBA,EACJ2E,SAAU,IAKhB,cAAIjB,QAAJ,IAAIA,OAAJ,EAAIA,EAASmB,aACJ/E,EAGFA,EAAM0E,SACT1E,EAAM0E,SAAShB,KACf,CACExD,QAASA,EACTyE,SAAS,GAoCKW,CAAYtF,EAAO4D,OAGnCK,GAAiB,CACrBsB,KAAM,SAAC/B,EAAUC,EAAQC,EAAMC,EAAyBC,GACtD,IAOM4B,EAPqB,CACzB,QACA,kBACA,iBACA,0BACA,YAE2CC,MAAK,SAACC,GAAD,OAChDlC,EAASmC,cAAc5B,WAAW2B,EAAQC,kBAGtCC,EAAahG,aAAaC,QAAQ,cAClCgG,EAAoBjG,aAAaC,QAAQ,qBAC/C,OAAI+F,EAAaE,KAAKC,QAAUP,GAC1BK,EAAoBC,KAAKC,QAC3B9B,GAAeoB,iBACfxG,OAAOY,SAAW,iBAIb8E,KACJC,QAAQ,CACPf,OAAQ,OACRK,IAAKE,GAAOrB,OAAS,qBACrBE,QAAS,CACP,eAAgB,mBAChB,8BAA+B,IAC/BC,cAAe,UAAYlD,aAAaC,QAAQ,mBAGnD4E,MAAK,SAACC,GAEL,OADAT,GAAe+B,YAAYtB,EAAShB,MAC7BgB,KAERD,MAAK,WACJ,OAAOlB,GACLC,EACAC,EACAC,EACAC,EACAC,OAKDL,GACLC,EACAC,EACAC,EACAC,EACAC,IAIJqC,IAAK,SAACzC,EAAUE,EAAME,GAAjB,OACHK,GAAesB,KAAK/B,EAAU,MAAOE,GAAM,EAAOE,IAEpDsC,KAAM,SAAC1C,EAAUE,EAAMC,EAAyBC,GAA1C,OACJK,GAAesB,KACb/B,EACA,OACAE,GAC4B,IAA5BC,EACAC,IAGJuC,IAAK,SAAC3C,EAAUE,EAAMC,EAAyBC,GAA1C,OACHK,GAAesB,KACb/B,EACA,MACAE,GAC4B,IAA5BC,EACAC,IAGJwC,OAAQ,SAAC5C,EAAUE,EAAMC,EAAyBC,GAA1C,OACNK,GAAesB,KACb/B,EACA,SACAE,GAC4B,IAA5BC,EACAC,IAGJM,SAAU,kBAAMtE,aAAaC,QAAQ,UAErCmG,YAAa,SAACtB,GACZ9E,aAAayG,QACX,aACA,IAAIP,KAAKpB,EAAShB,KAAKkC,YAAYU,WAErC1G,aAAayG,QAAQ,QAAS3B,EAAShB,KAAK/D,OAC5CC,aAAayG,QACX,oBACA,IAAIP,KAAKpB,EAAShB,KAAK6C,wBAAwBD,WAEjD1G,aAAayG,QAAQ,eAAgB3B,EAAShB,KAAK8C,cACnD5G,aAAayG,QAAQ,SAAU3B,EAAShB,KAAK+C,QAC7C7G,aAAayG,QAAQ,QAAS3B,EAAShB,KAAKgD,OAC5C9G,aAAayG,QAAQ,WAAY3B,EAAShB,KAAKiD,UAC/C/G,aAAayG,QAAQ,WAAY3B,EAAShB,KAAKkD,WAGjDvB,eAAgB,WACdwB,KAAUC,SACVlH,aAAamH,WAAW,cACxBnH,aAAamH,WAAW,SACxBnH,aAAamH,WAAW,qBACxBnH,aAAamH,WAAW,gBACxBnH,aAAamH,WAAW,UACxBnH,aAAamH,WAAW,SACxBnH,aAAamH,WAAW,YACxBnH,aAAamH,WAAW,cAIb9C,M,gCC7OT+C,GAAe,2DACRC,GAA0B,CACrCC,QAAS,mDACTC,SAAU,iCACVC,KAAM,gFACNC,WAAY,yCACZC,KAAM,CACJC,OAAQ,wDACRC,MAAO,+EACPC,QAAS,gDAEXC,MAAO,CACLC,OAAQX,GACRvD,OAAQuD,GACRY,MAAOZ,GACPa,OAAQb,GACRc,OAAQd,GACRM,KAAMN,GACNe,QAASf,GACTgB,QAAShB,GACTiB,MAAOjB,GACPkB,OAAQlB,GACRN,MAAOM,GACPlD,IAAKkD,GACLmB,IAAKnB,IAEPW,OAAQ,CACNS,IAAK,wEACLC,IAAK,mEACLC,IAAK,wDACLC,MAAO,uFAETT,OAAQ,CACNM,IAAK,4EACLC,IAAK,8CACLC,IAAK,uDACLC,MAAO,8EAETX,MAAO,CACLQ,IAAK,gFACLC,IAAK,4DACLC,IAAK,+DACLC,MAAO,4FAETC,QAAS,CACPC,SAAU,+ECvCRC,GAAiB,CACrBC,SAAU,CACRC,GAAI,CACFC,KAAM,IAERC,GAAI,CACFD,KAAM,IAGVE,WAAY,CACVH,GAAI,CACFC,KAAM,IAERC,GAAI,CACFD,KAAM,MA2GGG,GAtGiB,SAAC/G,GAAW,IAAD,EACXgH,oBAAS,GADE,mBAClChJ,EADkC,KACzBiJ,EADyB,OAEDD,mBAAS,CAC/CvF,KAAM,GACNzD,SAAS,IAJ8B,mBAElCkJ,EAFkC,KAEpBC,EAFoB,OAM1BC,KAAKC,UAAbC,EANkC,oBAQzCC,qBAAU,WACRC,MACC,IAEH,IAAMA,EAAa,WACjBL,EAAgB,2BACXD,GADU,IAEblJ,SAAS,KAGXgE,GAAegC,IAAI,uCAAuCxB,MACxD,SAACC,GACC0E,EAAgB,CACd1F,KAAMgB,EACNzE,SAAS,IAGX,IAAMyJ,EAAkB9J,aAAaC,QAAQ,mBACzC6E,EAASe,MAAK,SAACkE,GAAD,OAAOA,EAAEvL,IAAMsL,MAC/BH,EAAKK,eAAe,CAAEC,SAAUC,SAASJ,SAsBjD,OACE,kBAAC,KAAD,iBACMhB,GADN,CAEEqB,iBAAkB9C,GAClBsC,KAAMA,EACNrK,KAAK,sBACL8K,cAAe,CACbC,UAAU,GAEZC,SAzBa,SAACC,GAChBlG,GAAekC,IAAf,oCAAgDgE,EAAON,WAAYpF,MACjE,SAACC,GACCwE,GAAW,GACPxE,EAASC,UACX/E,aAAayG,QAAQ,kBAAmB8D,EAAON,UAC3C5H,EAAMmI,WAAWnI,EAAMmI,iBAoB/BC,eAdmB,SAACC,GACtBpB,GAAW,MAeT,kBAAC,KAAD,KACE,kBAAC,KAAD,CAAKL,KAAM,IACT,kBAAC,KAAK0B,KAAN,CACErL,KAAK,WACLsL,MAAM,2BACNC,MAAO,CAAC,CAAEtD,UAAU,KAEpB,kBAAC,KAAD,CACEuD,YAAU,EACVC,YAAY,aACZC,aAAc,SAACC,EAAOC,GAAR,OACZA,EAAOC,SACJC,kBAAkB,SAClBC,QAAQJ,EAAMG,kBAAkB,WAAa,GAElD/K,QAASkJ,EAAalJ,SAErBkJ,EAAazF,KAAKwH,KAAI,SAACC,GAAD,OACrB,kBAAC,KAAOC,OAAR,CAAeC,IAAKF,EAAK/M,GAAIgF,MAAO+H,EAAK/M,IACtC+M,EAAKjM,WAMd,kBAAC,KAAD,CAAKkD,MAAO,CAAEkJ,UAAW,UACvB,kBAAC,IAAD,CACE/L,KAAK,UACLJ,KAAM,kBAACoM,GAAA,EAAD,MACNC,SAAS,SACTC,QAAS,kBAAMvC,GAAW,IAC1BjJ,QAASA,GALX,eCucGyL,I,OAvjBM,SAACC,GAAD,MAAiB,CACpC,CACEN,IAAK,OACLvH,IAAK,QAEL8H,MAAO,WACPxJ,MAAO,CAAEyJ,MAAO,SAChBd,SAAU,CACR,CACEM,IAAK,WACLvH,IAAK,YACL3E,KAAM,wBACNyM,MAAO,oBACP1N,OAAQ,GAEV,CACEmN,IAAK,WACLvH,IAAK,YACL3E,KAAM,0BACNyM,MAAO,YACP1N,OAAQ,GAEV,CACEmN,IAAK,WACLvH,IAAK,YACL3E,KAAM,mBACNyM,MAAO,6CACP1N,OAAQ,GAEV,CACEmN,IAAK,WACLvH,IAAK,YACL3E,KAAM,oBACNyM,MAAO,eACP1N,OAAQ,GAEV,CACEmN,IAAK,sBACLvH,IAAK,uBACL3E,KAAM,yBACNyM,MAAO,gBACP1N,OAAQ,KAId,CACEmN,IAAK,iBAELO,MAAO,4BACP1N,OAAQ,EACR6M,SAAU,CACR,CACEM,IAAK,YACLvH,IAAK,aACL3E,KAAM,yBACNyM,MAAO,oBAET,CACEP,IAAK,gBACLvH,IAAK,iBACL3E,KAAM,4BACNyM,MAAO,oBAET,CACEP,IAAK,sBACLvH,IAAK,uBACL3E,KAAM,mBACNyM,MAAO,qBAET,CACEP,IAAK,2BACLlM,KAAM,yBACNyM,MAAO,YACPE,SAAUH,EAAYI,YACtBhB,SAAU,CACR,CACEM,IAAK,oBACLvH,IAAK,qBACL3E,KAAM,yBACNyM,MAAO,SAET,CACEP,IAAK,4BACLvH,IAAK,oCACL3E,KAAM,mBACNyM,MAAO,yBAMjB,CACEP,IAAK,gBAELO,MAAO,YACP1N,OAAQ,EACR6M,SAAU,CACR,CACEM,IAAK,kBACLvH,IAAK,mBACL3E,KAAM,yBACNyM,MAAO,mBAET,CACEP,IAAK,cACLvH,IAAK,eACL3E,KAAM,yBACNyM,MAAO,oBACPE,SAAUH,EAAYK,yBAExB,CACEX,IAAK,eACLvH,IAAK,gBACL3E,KAAM,yBACNyM,MAAO,mBAET,CACEP,IAAK,oBACLvH,IAAK,qBACL3E,KAAM,yBACNyM,MAAO,mBAET,CACEP,IAAK,oBACLvH,IAAK,qBACL3E,KAAM,yBACNyM,MAAO,eAET,CACEP,IAAK,2BACLvH,IAAK,qBACL3E,KAAM,yBACNyM,MAAO,oCACPE,SAAUH,EAAYM,wBAExB,CACEZ,IAAK,wBACLvH,IAAK,yBACL3E,KAAM,qBACNyM,MAAO,2BAET,CACEP,IAAK,oCACLvH,IAAK,qCACL3E,KAAM,yBACNyM,MAAO,8CAIb,CACEP,IAAK,MAELO,MAAO,SACP1N,OAAQ,EACR6M,SAAU,CACR,CACEM,IAAK,cACLvH,IAAK,eACL3E,KAAM,qBACNyM,MAAO,oBAET,CACEP,IAAK,YACLvH,IAAK,aACL3E,KAAM,mBACNyM,MAAO,mBAET,CACEP,IAAK,iBACLvH,IAAK,kBACL3E,KAAM,mBACNyM,MAAO,kCAET,CACEP,IAAK,mBACLvH,IAAK,oBACL3E,KAAM,mBACNyM,MAAO,qCAIb,CACEP,IAAK,MAELO,MAAO,MACP1N,OAAQ,EACR6M,SAAU,CACR,CACEM,IAAK,aACLvH,IAAK,cACL3E,KAAM,iBACNyM,MAAO,kBAET,CACEP,IAAK,cACLvH,IAAK,eACL3E,KAAM,mBACNyM,MAAO,kBAET,CACEP,IAAK,mBACLvH,IAAK,oBACL3E,KAAM,iBACNyM,MAAO,iCAET,CACEP,IAAK,aACLlM,KAAM,yBACNyM,MAAO,WACPb,SAAU,CACR,CACEM,IAAK,+BACLvH,IAAK,gCACL3E,KAAM,yBACNyM,MAAO,iCAET,CACEP,IAAK,gCACLvH,IAAK,iCACL3E,KAAM,2BACNyM,MAAO,gCAET,CACEP,IAAK,gCACLvH,IAAK,iCACL3E,KAAM,oBACNyM,MAAO,qBAET,CACEP,IAAK,0BACLvH,IAAK,2BACL3E,KAAM,yBACNyM,MAAO,8CAMjB,CACEP,IAAK,iBAELO,MAAO,MACP1N,OAAQ,EACR6M,SAAU,CACR,CACEM,IAAK,sBACLvH,IAAK,uBACL3E,KAAM,yBACNyM,MAAO,iBAET,CACEP,IAAK,+BACLvH,IAAK,gCACL3E,KAAM,oBACNyM,MAAO,wBAET,CACEP,IAAK,4CACLvH,IAAK,6CACL3E,KAAM,uBACNyM,MAAO,gCAIb,CACEP,IAAK,UAELO,MAAO,WACP1N,OAAQ,GACR6M,SAAU,CACR,CACEM,IAAK,qBACLvH,IAAK,sBACL3E,KAAM,oBACNyM,MAAO,uBAET,CACEP,IAAK,gBACLvH,IAAK,iBACL3E,KAAM,oBACNyM,MAAO,wBAET,CACEP,IAAK,yBACLvH,IAAK,0BACL3E,KAAM,oBACNyM,MAAO,4BAET,CACEP,IAAK,6BACLvH,IAAK,8BACL3E,KAAM,oBACNyM,MAAO,0BAET,CACEP,IAAK,cACLvH,IAAK,eACL3E,KAAM,oBACNyM,MAAO,sBAET,CACEP,IAAK,kBACLvH,IAAK,mBACL3E,KAAM,oBACNyM,MAAO,iBAET,CACEP,IAAK,gBACLvH,IAAK,iBACL3E,KAAM,uBACNyM,MAAO,qBACP1N,OAAQ,MAId,CACEmN,IAAK,QAELO,MAAO,2BACPb,SAAU,CACR,CACEM,IAAK,YACLvH,IAAK,aACL3E,KAAM,yBACNyM,MAAO,gBAET,CACEP,IAAK,oBACLvH,IAAK,qBACL3E,KAAM,mBACNyM,MAAO,yBAIb,CACEP,IAAK,oBAELO,MAAO,oBACPb,SAAU,CACR,CACEM,IAAK,eACLlM,KAAM,oBACNyM,MAAO,uBACP9H,IAAK,sBAEP,CACEuH,IAAK,6BACLvH,IAAK,8BACL3E,KAAM,uBACNyM,MAAO,8BAIb,CACEP,IAAK,MACLO,MAAO,MACP1N,OAAQ,EACR6M,SAAU,CACR,CACEM,IAAK,2BACLvH,IAAK,4BACL3E,KAAM,uBACNyM,MAAO,4BAET,CACEP,IAAK,2BACLvH,IAAK,4BACL3E,KAAM,2BACNyM,MAAO,4BAET,CACEP,IAAK,sBACLvH,IAAK,uBACL3E,KAAM,uBACNyM,MAAO,6BAET,CACEP,IAAK,kCACLvH,IAAK,mCACL3E,KAAM,2BACNyM,MAAO,yDAET,CACEP,IAAK,6BACLvH,IAAK,8BACL3E,KAAM,uBACNyM,MAAO,0BAET,CACEP,IAAK,kBACLvH,IAAK,mBACL3E,KAAM,uBACNyM,MAAO,2BAET,CACEP,IAAK,aACLlM,KAAM,0BACNyM,MAAO,YACPb,SAAU,CACR,CACEM,IAAK,kBACLvH,IAAK,mBACL3E,KAAM,yBACNyM,MAAO,cAET,CACEP,IAAK,mBACLvH,IAAK,oBACL3E,KAAM,yBACNyM,MAAO,iBAIb,CACEP,IAAK,oBACLvH,IAAK,qBACL3E,KAAM,uBACNyM,MAAO,mBAET,CACEP,IAAK,4BACLvH,IAAK,6BACL3E,KAAM,mBACNyM,MAAO,6BAIb,CACEP,IAAK,MACLO,MAAO,MACP1N,OAAQ,EACR6M,SAAU,CACR,CACEM,IAAK,6BACLvH,IAAK,8BACL3E,KAAM,uBACNyM,MAAO,4BAET,CACEP,IAAK,iBACLvH,IAAK,kBACL3E,KAAM,oBACNyM,MAAO,sBAGT,CACEP,IAAK,kBACLvH,IAAK,mBACL3E,KAAM,qBACNyM,MAAO,+BAET,CACEP,IAAK,eACLvH,IAAK,gBACL3E,KAAM,yBACNyM,MAAO,0BAET,CACEP,IAAK,mCACLvH,IAAK,oCACL3E,KAAM,qBACNyM,MAAO,oCAET,CACEP,IAAK,aACLvH,IAAK,cACL3E,KAAM,oBACNyM,MAAO,8BAIb,CACEP,IAAK,UAELO,MAAO,UACPE,SAAUH,EAAYO,QACtBnB,SAAU,CACR,CACEM,IAAK,aACLvH,IAAK,cACL3E,KAAM,oBACNyM,MAAO,mBACPE,SAAUH,EAAYQ,cAExB,CACEd,IAAK,wBACLvH,IAAK,yBACL3E,KAAM,yBACNyM,MAAO,sBAQT,CACEP,IAAK,mBACLvH,IAAK,oBACL3E,KAAM,oBACNyM,MAAO,uBAQT,CACEP,IAAK,gBACLvH,IAAK,iBACL3E,KAAM,4BACNyM,MAAO,YAET,CACEP,IAAK,YACLvH,IAAK,aACL3E,KAAM,yBACNyM,MAAO,+BAET,CACEP,IAAK,QAELO,MAAO,0BACPb,SAAU,CACR,CACEM,IAAK,kBACLvH,IAAK,mBACL3E,KAAM,wBACNyM,MAAO,iCAET,CACEP,IAAK,yBACLvH,IAAK,0BACL3E,KAAM,iBACNyM,MAAO,uBAET,CACEP,IAAK,kCACLvH,IAAK,mCACL3E,KAAM,uBACNyM,MAAO,6BAET,CACEP,IAAK,2BACLvH,IAAK,4BACL3E,KAAM,yBACNyM,MAAO,gCAIb,CACEP,IAAK,0BACLvH,IAAK,4BACL3E,KAAM,4BACNyM,MAAO,iBAET,CACEP,IAAK,yBACLvH,IAAK,0BACL3E,KAAM,oBACNyM,MAAO,4B,aCjiBCQ,IAATC,M,kBCdDC,I,QAAY,SAAC,GAA+C,IAA9CC,EAA6C,EAA7CA,UAAW5B,EAAkC,EAAlCA,YAAa6B,EAAqB,EAArBA,SAAUpJ,EAAW,EAAXA,MAEpD,OACE,yBAAKd,UAAS,wBAAmBiK,IAC/B,yBAAKjK,UAAU,iBACb,2BAAOA,UAAU,YAAY/C,KAAK,SAASoL,YAAaA,EAAa6B,SAAUA,EACxEpJ,MAAOA,IACd,0BAAMd,UAAU,6BAA4B,uBAAGA,UAAU,0BAOjEgK,GAAUG,aAAe,CACvBF,UAAW,GACXnJ,MAAO,I,oECkHMsJ,GA9HU,SAAC,GAAuH,IAArH9H,EAAoH,EAApHA,aAAc+H,EAAsG,EAAtGA,UAAWC,EAA2F,EAA3FA,oBAAqBC,EAAsE,EAAtEA,gBAAiBC,EAAqD,EAArDA,4BAA6BC,EAAwB,EAAxBA,kBAAwB,EAChH9D,oBAAS,GADuG,mBACvIhJ,EADuI,KAC9HiJ,EAD8H,KAEtI0C,EAAiChH,EAAjCgH,MAAOoB,EAA0BpI,EAA1BoI,iBAAkBlJ,EAAQc,EAARd,IAC7B3D,EAAU8M,cAERC,EAAoB,SAAC9O,GACzB8K,GAAW,GACXjF,GAAekC,IAAf,0CAAsD/H,GAAM,MAAM,GAAOqG,MAAK,SAACC,GAC7EwE,GAAW,GACPxE,EAASC,SACXiI,EAAoBxO,EAAIuO,OAexBQ,EAA0B,WACzBvI,EAAawI,QAChBF,EAAkBtI,EAAaxG,KAI7BiP,EAAkB,WACjBzI,EAAawI,QAChBF,EAAkBtI,EAAaxG,IAG7B2O,GACFA,GAAkB,IAIhBO,EAAsB,WACrB1I,EAAawI,QAChBF,EAAkBtI,EAAaxG,IAG7B0O,GACFA,EAA4BlI,EAAaxG,IAGvC2O,GACFA,GAAkB,IA4DtB,OACE,kBAAC,KAAKxC,KAAN,CAAWnI,MAAO,CAAEmL,QAAS,YAAaC,gBAAiB5I,EAAawI,YAASjJ,EAAY,4BAC3F,kBAAC,KAAD,CAAUlE,SAAS,GACjB,kBAAC,KAAKsK,KAAKkD,KAAX,CACE7B,MAAO,gCAxCT9H,EACoBA,EAAI6B,cAAc5B,WAAW,QAEhD,uBAAG2J,KAAM5J,EAAK6J,OAAO,SAASC,IAAI,aAAanC,QAAS0B,GAA0BvB,GAClF,kBAAC,KAAD,CAAMiC,GAAI/J,EAAK2H,QAAS4B,GAAkBzB,GAG3ChH,EAAakJ,eACP,uBAAGxL,UAAU,mCAAmCmJ,QAAS6B,GAAsB1B,GAGlFA,GA8BDmC,YAAaf,EACbvB,QAAS3H,GAAOc,EAAakJ,eA9DT,WAK1B,GAJKlJ,EAAawI,QAChBF,EAAkBtI,EAAaxG,IAG7B0F,EAEF,OADsBA,EAAI6B,cAAc5B,WAAW,QAC5BlF,OAAOmP,KAAKlK,EAAK,SAAU,uBAAyB3D,EAAQ8N,KAAKnK,GAGtFc,EAAakJ,gBACfR,IAGEP,GACFA,GAAkB,SA+CsD5I,EACpE/B,MAAO,CAAE8L,OAAQpK,GAAOc,EAAakJ,eAAiB,eAAY3J,KAEpE,6BA9BAlE,EAEA,kBAAC,IAAD,CAAQV,KAAK,OAAOU,QAASA,EAASmC,MAAO,CAAE+L,OAAQ,KAKzD,qCACIvJ,EAAawI,QACb,kBAAC,KAAD,CAASgB,QAAQ,oCACf,kBAAC,IAAD,CAAQ9L,UAAU,UAAU/C,KAAK,OAAOJ,KAAM,kBAACkP,GAAA,EAAD,MAAiB5C,QAAS,kBAAMyB,EAAkBtI,EAAaxG,QAIjH,kBAAC,KAAD,CAASgQ,QAAQ,OACf,kBAAC,IAAD,CAAQ9L,UAAU,UAAU/C,KAAK,OAAOJ,KAAM,kBAACmP,GAAA,EAAD,MAAoB7C,QAAS,kBA1F5DrN,EA0FgFwG,EAAaxG,GAzFlH8K,GAAW,QACXjF,GAAemC,OAAf,+BAA8ChI,GAAM,MAAM,GAAOqG,MAAK,SAACC,GACrEwE,GAAW,GACPxE,EAASC,SACXkI,EAAgBzO,EAAIuO,MALJ,IAACvO,W,qBCgKVmQ,GA7Ka,SAAC,GAAgD,IAAD,IAA7CC,EAA6C,EAA7CA,oBAAqBzB,EAAwB,EAAxBA,kBAAwB,EAC5C9D,oBAAS,GADmC,mBACnEhJ,EADmE,KAC1DiJ,EAD0D,OAEhDD,mBAAS,CAAEvF,KAAM,KAAM+K,SAAS,EAAOxO,SAAS,IAFA,mBAEnEyO,EAFmE,KAE5DC,EAF4D,OAGhC1F,mBAAS,CACjDvF,KAAM,GACNkL,MAAO,EACP3O,SAAS,EACT4O,iBAAiB,IAPuD,mBAGnEC,EAHmE,KAGpDC,EAHoD,OASlC9F,mBAAS,CAC/C+F,KAAM,EACNC,KAAM,EACNC,QAAS,IAZ+D,mBASnEC,EATmE,KASrDC,EATqD,KAe1E5F,qBAAU,kBAAM6F,MAAoB,CAACF,IAErC,IAAMG,EAAuB,WAC3BP,EAAiB,CAAErL,KAAM,GAAIkL,MAAO,EAAG3O,SAAS,IAChDmP,EAAgB,2BAAKD,GAAN,IAAoBH,KAAM,EAAGE,QAAS,MAGjDG,EAAmB,WAEvBN,EAAiB,2BAAKD,GAAN,IAAqBD,iBAAiB,KAFzB,IAGrBG,EAAeG,EAAfH,KAAMC,EAASE,EAATF,KAEdhL,GAAegC,IAAf,iDAA6D+I,EAA7D,iBAA0EC,IACxExK,MAAK,SAACC,GACFrB,MAAMC,QAAQoB,EAAStB,OACzB2L,EAAiB,CACfrL,KAAK,GAAD,oBAAMoL,EAAcpL,MAApB,aAA6BgB,EAAStB,QAC1CwL,MAAOlK,EAAS,gBAChBmK,iBAAiB,EACjB5O,SAAS,IAGX8O,EAAiB,2BAAKD,GAAN,IAAqBD,iBAAiB,EAAO5O,SAAS,SA2BtE2M,EAAsB,SAAC2C,EAAGC,GAC9BhB,IAEA,IAAIiB,EAAI,aAAOX,EAAcpL,MAC7B+L,EAAKD,GAAL,2BACKC,EAAKD,IADV,IAEEpC,QAAQ,IAEV2B,EAAiB,2BAAKD,GAAN,IAAqBpL,KAAM+L,MAGvC5C,EAAkB,WACtB2B,IACAc,KAaII,EAAwB,SAACtR,GAC7BuQ,EAAS,CAAEjL,KAAM,KAAMzD,SAAS,EAAMwO,SAAS,IAE/CxK,GAAegC,IAAf,uCAAmD7H,IAAMqG,MAAK,SAACC,GAC7DiK,EAAS,CAAEjL,KAAMgB,EAAUzE,SAAS,EAAOwO,SAAS,QAIxD,OACE,oCACE,kBAAC,KAAD,CAAKnM,UAAU,oBAAoBqN,QAAQ,gBAAgBC,MAAM,UAC/D,kBAAC,KAAD,KAAK,wBAAItN,UAAU,WAAd,gBACL,kBAAC,KAAD,MACIwM,EAAc7O,SAAW6O,EAAcpL,KAAKmM,OAAS,GACrD,oCACE,kBAAC,KAAD,CAASzB,QAAQ,oDACf,kBAAC,IAAD,CAAQ9L,UAAU,UAAU/C,KAAK,OAAOJ,KAAM,kBAACkP,GAAA,EAAD,MAAiB5C,QAhEhD,WAC3BvC,GAAW,GACXjF,GAAekC,IAAf,sCAAyD1B,MAAK,SAACC,GAC7DwE,GAAW,GACPxE,EAASC,UACX2K,IACAd,SA0DsGvO,QAASA,KAGzG,kBAAC,KAAD,CAASmO,QAAQ,uBACf,kBAAC,KAAD,CACExC,MAAM,8CACNkE,OAAO,OACPC,WAAW,aACXC,UA7DS,WACvB9G,GAAW,GACXjF,GAAemC,OAAf,kCAAwD3B,MAAK,SAACC,GAC5DwE,GAAW,GACPxE,EAASC,UACX2K,IACAd,UAyDU,kBAAC,IAAD,CAAQlM,UAAU,UAAU/C,KAAK,OAAOJ,KAAM,kBAACmP,GAAA,EAAD,MAAoBrO,QAASA,SAOvF,kBAAC,GAAD,CACEqC,UAAU,oBACV2N,cA7CgB,SAACpS,GACjBA,EAAEqS,IAAM,MAASpB,EAAcD,iBAAmBC,EAAcF,MAAQE,EAAcpL,KAAKmM,QAC7FT,EAAgB,2BACXD,GADU,IAEbH,KAAMG,EAAaF,KAAQE,EAAaD,QACxCA,QAASC,EAAaD,QAAU,MAyChC9M,MAAO,CAAE+N,SAAU,MAEnB,kBAAC,KAAD,CACElQ,QAAS6O,EAAc7O,QACvBmQ,WAAW,cAGTtB,EAAcpL,KAAKmM,OAAS,EAC1Bf,EAAcpL,KAAKwH,KAAI,SAACtG,EAAc4K,GAAf,OACrB,kBAAC,GAAD,CACEnE,IAAKzG,EAAaxG,GAClBuO,UAAW6C,EACX5K,aAAcA,EACdgI,oBAAqBA,EACrBC,gBAAiBA,EACjBC,4BAA6B4C,EAC7B3C,kBAAmBA,OAKrB,kBAAC,KAAD,CACEsD,MAAOC,KAAMC,uBACbxC,YAAY,mBAOxB,kBAAC,KAAD,CACE3P,GAAG,0BACHoS,UAAQ,EACR/B,QAASC,EAAMD,QACfgC,KAAM,kBAAM9B,EAAS,2BAAKD,GAAN,IAAaD,SAAS,MAC1CiC,SAAU,kBAAM/B,EAAS,2BAAKD,GAAN,IAAaD,SAAS,MAC9C7C,MAAK,UAAE8C,EAAMhL,YAAR,aAAE,EAAYkI,MACnB+E,OAAQ,KACRC,OAAQ,MAEPlC,EAAMzO,QAAU,kBAAC,KAAD,CAAK0P,QAAQ,SAASC,MAAM,SAASxN,MAAO,CAAEyO,OAAQ,SAAU,kBAAC,KAAD,OAC/E,yBAAKC,wBAAyB,CAAEC,OAAM,UAAErC,EAAMhL,YAAR,aAAE,EAAYsN,W,WC1I/CC,GA/BS,WAAO,IAAD,EACYhI,mBAAS,GADrB,mBACrBiI,EADqB,KACPC,EADO,OAEElI,mBAAS,GAFX,mBAErBwF,EAFqB,KAEZ2C,EAFY,KAI5B5H,qBAAU,WACR6H,MACC,IAEH,IAAMA,EAAkB,WACtBpN,GAAegC,IAAf,qCAAwDxB,MAAK,SAACC,GAC5DyM,EAAgBzM,OAIpB,OACE,kBAAC,KAAD,CACE4M,UAAU,cACVlD,QAAS,kBAAC,GAAD,CAAqBI,oBAAqB6C,EAAiBtE,kBAAmBqE,IACvFG,QAAQ,QACRC,gBAAiB,SAAC/C,GAAD,OAAa2C,EAAW3C,IACzCA,QAASA,GAET,kBAAC,KAAD,CAAOgD,IAAKP,EAAe,EAAG5O,UAAU,WACtC,0BAAMA,UAAU,yBACd,kBAACoP,GAAA,EAAD,CAActP,MAAO,CAAEuP,cAAe,SAAUC,WAAY,EAAG/F,MAAO,QAASgG,SAAU,cC5BpFC,GAFG,SAAC7P,GAAD,OAAWA,EAAM8I,UCS7BgH,GAAUC,IAAKD,QAkONE,GAhOO,WACpB,IAAM9R,EAAU8M,cADU,EAEkBhE,oBAAS,GAF3B,mBAEnBiJ,EAFmB,KAEHC,EAFG,OAGwBlJ,oBAAS,GAHjC,mBAGnBmJ,EAHmB,KAGAC,EAHA,OAI4CpJ,oBAAS,GAJrD,gCAKYA,oBAAS,IALrB,mBAKnBqJ,EALmB,KAKNC,EALM,OAMYtJ,oBAAS,GANrB,mBAMnBuJ,EANmB,KAMNC,EANM,OAOIxJ,oBAAS,GAPb,mBAOnBhJ,EAPmB,KAOViJ,EAPU,OASYD,mBAAS,CAC7ChJ,SAAS,EACTyS,QAAS,GACTxG,SAAS,EACTC,cAAc,EACdJ,aAAa,EACb4G,cAAc,EACd3G,yBAAyB,IAhBD,mBASnBL,EATmB,KASNiH,EATM,KAkB1BpJ,qBAAU,WACR,IAAM7C,EAAW/G,aAAaC,QAAQ,YAGtCoE,GAAegC,IAAI,yBAAyBxB,MAAK,SAACC,GAEhDA,EAASsH,wBAA2B6G,qBAAUlM,IAAckM,qBAAU,wCAEtED,EAAe,2BACVlO,GADS,IAEZzE,SAAS,KAEXL,aAAayG,QAAQ,kBAAmB3B,EAASgF,sBAKlD,IAsDH,IAeMoJ,EAAiB,SAAjBA,EAAkBC,GACtB,IACwB,IAAtBA,EAASjH,UACRiH,EAAS7U,SAAWyN,EAAY+G,QAAQM,SAASD,EAAS7U,QAE3D,OAAO,KAET,GAAI6U,EAAShI,SACX,OACE,kBAAC,GAAD,CACEM,IAAK0H,EAAS1H,IACdO,MACE,8BACE,uBAAGtJ,UAAWyQ,EAAS5T,OACvB,8BAAO4T,EAASnH,SAInBmH,EAAShI,SAASG,KAAI,SAAC+H,GAAD,OAAeH,EAAeG,OAIzD,OAAQF,EAAS1H,KACf,IAAK,gBACH,OACE,kBAAC,IAAKd,KAAN,CAAWc,IAAK0H,EAAS1H,IAAKI,QAAS,kBA5F/CvC,GAAW,GACXjF,GAAegC,IAAI,mCAAmCxB,MAAK,SAACC,GAC1D6N,EAAe7N,EAAS4N,aACxBH,GAAkB,WAEpBjJ,GAAW,KAwFD,kBAAC,KAAD,KACE,uBAAG5G,UAAWyQ,EAAS5T,OACvB,8BAAO4T,EAASnH,MAAhB,OAIR,IAAK,kBACH,OACE,kBAAC,IAAKrB,KAAN,CAAWc,IAAK0H,EAAS1H,IAAKI,QAAS,kBA7F/CvC,GAAW,GACXjF,GAAegC,IACb,mBAAqBrG,aAAaC,QAAQ,aAC1C4E,MAAK,SAACC,GACN+N,EAAe/N,EAAS8N,aACxBH,GAAqB,WAEvBnJ,GAAW,KAuFD,kBAAC,KAAD,KACE,uBAAG5G,UAAWyQ,EAAS5T,OACvB,8BAAO4T,EAASnH,MAAhB,OAIR,QACE,OACE,kBAAC,IAAKrB,KAAN,CACEc,IAAK0H,EAAS1H,IACdI,QAAS,kBAAMtL,EAAQ8N,KAAK8E,EAASjP,OAErC,kBAAC,KAAD,CAAM+J,GAAIkF,EAASjP,IAAK1B,MAAO2Q,EAAS3Q,OACtC,uBAAGE,UAAWyQ,EAAS5T,OACvB,8BAAO4T,EAASnH,WASxBsH,EAFWC,aAAY,qBAAG/T,SAAwBT,YAE1ByU,OAAO,GAC/BC,EAAkBH,EAAaI,MAAM,KAAK,GAC1CC,EAAY7H,GAAaC,GAE/B,OACE,kBAAC,IAAD,CACE0H,gBAAiB,CAACA,GAClBH,aAAc,CAACA,GACfM,KAAK,aACLpR,MAAO,CAAEoL,gBAAiB,gBAEzB7B,EAAY1L,QACT,KACAsT,EAAUrI,KAAI,SAAC6H,GACf,OAAOD,EAAeC,MAE1B,kBAAC,KAAD,CACEnH,MAAM,wBACN6C,QAASyD,EACTzB,KA5FW,WACf0B,GAAkB,IA4FdzB,SAzFe,WACnByB,GAAkB,IAyFdxB,QAAQ,GAER,kBAAC,KAAD,CAAM8C,SAAUxT,GACd,kBAAC,KAAD,KACE,kBAAC,KAAD,CAAK4I,KAAM,IACX,kBAAC,KAAD,CAAKA,KAAM,GAAX,qBACA,kBAAC,KAAD,CAAKA,KAAM,GACT,kBAAC,KAAD,CAAQ6K,eAAgBpB,EAAa9F,SApIjD,SAAkBmH,GAChB1P,GAAekC,IACb,iCACA,CACEmM,YAAaqB,IAEf,GACAlP,MAAK,SAACmP,GACNrB,EAAeqB,EAAIlQ,KAAK4O,gBAE1BuB,YAAW,WACT1B,GAAkB,GAClBtT,OAAOY,SAASqU,WACf,SAyHK,kBAAC,KAAD,CAAKjL,KAAM,IACX,kBAAC,KAAD,CAAKA,KAAM,GAAX,oBACA,kBAAC,KAAD,CAAKA,KAAM,GAAX,QAIN,kBAAC,KAAD,CACE+C,MAAM,iBACN6C,QAAS2D,EACT3B,KAzGc,WAClB4B,GAAqB,IAyGjB3B,SAtGkB,WACtB2B,GAAqB,IAsGjB1B,QAAQ,GAER,kBAAC,KAAD,CAAM8C,SAAUxT,GACd,kBAAC,KAAD,KACE,kBAAC,KAAD,CAAK4I,KAAM,IACX,kBAAC,KAAD,CAAKA,KAAM,GAAX,4BACA,kBAAC,KAAD,CAAKA,KAAM,GACT,kBAAC,KAAD,CAAQ6K,eAAgBlB,EAAahG,SAzIjD,SAAqBmH,GACnB1P,GAAeiC,KACb,gCACA,CACE6N,OAAQnU,aAAaC,QAAQ,UAC7BmU,YAAaL,IAEf,GACAlP,MAAK,SAACmP,GACNnB,GAAgBD,GAChB3T,OAAOY,SAASqU,YAElBD,YAAW,WACT1B,GAAkB,KACjB,SA6HK,kBAAC,KAAD,CAAKtJ,KAAM,IACX,kBAAC,KAAD,CAAKA,KAAM,GAAX,4BACA,kBAAC,KAAD,CAAKA,KAAM,GAAX,U,qBC7NGoL,cADO,SAAAhS,GAAK,OAAI,kBAAC,KAAqBA,KACZ,CACvCiS,SAAS,ICSM9H,IAAV+H,OACQC,KAAOhJ,OAEnB,IACE,IAAKb,KACL,IAAKA,KACL,IAAKA,KAWV,ICzBM3D,GAAWhH,aAAaC,QAAQ,YAsHvBwU,GApHE,WAAO,IAAD,EAEnBpL,oBAAS,GAFU,mBACdqL,EADc,KACaC,EADb,OAGiCtL,qBAHjC,mBAGZuL,EAHY,KAGQC,EAHR,KAInBjL,qBAAU,WACRvF,GAAegC,IAAI,+BAA+BxB,MAAK,SAACC,GACtD+P,EAAsB/P,QAEvB,IAEL,IASMgQ,EACJ,wBAAIpS,UAAU,mBACZ,4BAAKsE,IACL,6BACA,wBAAI6E,QAAS,kBAAM8I,GAA6B,KAAhD,sCAGC,4BACC,uBAAGnS,MAAO,CAAEyJ,MAAO,WAAa6B,KAAK,6BAArC,iBAKF,4BACE,uBAAGtL,MAAO,CAAEyJ,MAAO,WAAa6B,KAAK,oBAArC,oCAKA8G,EACA,oCACA,4BACA,uBAAGpS,MAAO,CAACyJ,MAAO,WAAa6B,KAAK,oBAApC,sBAKA,uBAAGtL,MAAO,CAAEyJ,MAAO,WAAY6B,KAAK,oBACpC,qCAKK,KAEP,wBAAIjC,QAAS,WA3CfxH,GAAegC,IAAI,gBAAgBxB,MAAK,SAACC,GACnCA,EAASC,UACXV,GAAeoB,iBACfxG,OAAOY,SAASqU,eAwClB,gCAmBJ,OACE,oCACE,kBAAC,KAAD,CACEa,iBAAiB,wBACjBrD,UAAU,cACVlD,QAASsG,EACTnD,QAAQ,SAER,kBAAC,KAAD,CACEjP,UAAU,iBACVF,MAAO,CAAEoL,gBAAiB,SAC1BrO,KAAM,kBAACyV,GAAA,EAAD,CAAcxS,MAAO,CAAEyJ,MAAO,gBAgBxC,kBAAC,KAAD,CACEzN,GAAG,qBACHoS,UAAQ,EACR/B,QAAS6F,EACT7D,KAAM,kBAAM8D,GAA6B,IACzC7D,SAAU,kBAAM6D,GAA6B,IAC7C5D,OAAQ,MAER,kBAAC,GAAD,CACEvG,UAAW,kBAAMmK,GAA6B,S,0CCzGlD5N,GAAW/G,aAAaC,QAAQ,YAChC4G,GAAS7G,aAAaC,QAAQ,UAmHrBgV,GAjHA,WACb,IAAM1U,EAAU8M,cADG,EAEyBhE,mBAAS,IAFlC,mBAEZ6L,EAFY,KAEIC,EAFJ,OAGyC9L,mBAAS,IAHlD,mBAGZ+L,EAHY,KAGYC,EAHZ,OAIqChM,mBAAS,IAJ9C,mBAIZiM,EAJY,KAIUC,EAJV,OAKmBlM,oBAAS,GAL5B,mBAKZ8C,EALY,KAKCqJ,EALD,KAMbC,EAAyBC,yBAAc,CAAEC,MAAO,+BANnC,EAO+BtM,oBAAS,GAPxC,mBAOZuM,EAPY,KAOOC,EAPP,KA8BnBjM,qBAAU,WACRvF,GAAegC,IAAf,+BAA2CQ,KAAUhC,MAAK,SAACC,GACzDqQ,EAAkBrQ,GAClBuQ,EAA0BvQ,GAE1BA,EAASwG,KAAI,SAACwK,GACRA,EAActX,KAAOuI,IACvBwO,EAAwBO,EAAcxW,YAK5C+E,GAAegC,IAAf,qBAAwCxB,MAAK,SAACC,GAC5C0Q,EAAe1Q,QAEhB,IA7CgB,MA+C+ByO,aAAY,qBAAG/T,YAAjDR,GA/CG,EA+CXI,OA/CW,EA+CHJ,OAUV+W,GAzDa,EA+CIrX,aA/CJ,EA+CkBC,SAWnC,kBAAC,cAAD,CACA2D,UAAQ,EACR0T,gBAAiB,IACjBC,iBAAkB,IAClBC,YAAU,EACVC,cAAe,EACfC,cAAe,IACfC,aAAc,GACdC,WAAW,GACP,kBAAC,IAAD,CAAMzK,QA1DZ,SAAyB5N,GAEX,UAATA,EAAEwN,MAIQ,aAATxN,EAAEwN,IAKNpH,GAAegC,IAAf,6BAAyCQ,GAAzC,YAAmD5I,EAAEwN,UAAOlH,EAAW,CAAEY,aAAa,IAAQN,MAAK,SAACC,GAC1E,MAApBA,EAASQ,SACXjB,GAAe+B,YAAYtB,GAC3BvE,EAAQ8N,KAAR,SACApP,OAAOY,SAASqU,aARlB3T,EAAQ8N,KAAR,yBAoDI,kBAAC,IAAK1D,KAAN,CAAWc,IAAI,UACb,yBACE/I,UAAU,uFACV,yBAAKA,UAAU,iBACb,2BAAOA,UAAU,wBAAwB/C,KAAK,SAASoL,YAAY,uBAAwB6B,SAvBpF,SAAC3O,GACpBoX,EAA0BH,EAAeqB,QAAO,SAAAxM,GAAC,OAAGA,EAAEzK,KAAKyG,cAAcqN,SAASnV,EAAE8P,OAAOvK,MAAMuC,sBAuBrF,0BAAMrD,UAAU,6BAA4B,uBAAGA,UAAU,yBAK9D0S,EAAuB9J,KAAI,SAACC,EAAMqE,GAAP,OAC1B,kBAAC,IAAKjF,KAAN,CAAWc,IAAKF,EAAK/M,GAAIe,KAAM,kBAACyV,GAAA,EAAD,MAAkBwB,SAAUjL,EAAK/M,KAAOuI,IACpEwE,EAAKjM,UAIQ,IAAhB6M,EAAuB,kBAAC,IAAKxB,KAAN,CAAWc,IAAI,YAAYlM,KAAM,kBAACkX,GAAA,EAAD,OAAjC,aAGnB,QAUd,OACE,wBAAI/T,UAAU,sCACZ,kBAAC,KAAD,CAAUgU,QAASX,EAAMlH,QAAS+G,EAAmBhE,gBAN7B,SAAC/C,GACtBA,GACHgH,GAAqB,KAKnB,kBAAC,IAAD,CAAQlW,KAAK,UAAU6C,MAAK,aAAImU,UAAW,IAASlB,GAA0B,CAAExD,SAAU,SAAYpG,QA/CpF,WACtBgK,GAAsBD,KA+CfN,EAAqB,kBAACsB,GAAA,EAAD,QAGzB5X,G/B7BiB,I+B6BG,KACnB,kBAAC,GAAD,KACE,wBAAI0D,UAAU,mBCxGP8J,IAAV+H,OAEQC,KAAOhJ,OAEnB,IACE,IAAKb,KACL,IAAKA,KACL,IAAKA,KAWV,ICjBQ4J,GAAW/H,IAAX+H,OAmKOsC,aAJS,SAAC,GAAkB,IAAhBrX,EAAe,EAAfA,SAEzB,MAAO,CAAEJ,OADwBI,EAAzBJ,OACSV,aADgBc,EAAjBd,gBAGsB,CACtCkE,0BACAE,mBAFa+T,EAjKM,WACnB,IAAMC,EAAWC,cADQ,EAGW1N,mBAAS,IAHpB,mBAKnB3K,GALmB,UAIV6U,aAAY,qBAAG/T,SAAwBJ,UACjCmU,aAAY,qBAAG/T,SAAwBd,iBAsB5D,OACE,yBAAKgE,UAAU,8EACb,kBAAC,GAAD,CACEF,MAAO,CAAEoL,gBAAiB,eAC1BlL,UAAU,6BAEV,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,kCACb,yBAAKA,UAAU,oDACb,uBACEA,UAAU,6BACVmJ,QAAS,WACPiL,EAASlU,IAAwBlE,QAIpB,IAAlBsY,GAAOrU,OACN,6BACE,kBAAC,KAAD,CACEsL,GAAG,QACHvL,UAAU,sEAEV,yBACEuU,IAAI,GACJzU,MAAO,CAAExD,MAAO,KAChBkY,IAAKzW,EAAQ,OACZ,KAEL,kBAAC,KAAD,CACEwN,GAAG,QACHvL,UAAU,yDAEV,yBACEuU,IAAI,GACJzU,MAAO,CAAExD,MAAO,KAChBkY,IAAKzW,EAAQ,OACZ,MAKa,IAAlBuW,GAAOrU,OAEH,6BACE,kBAAC,KAAD,CACEsL,GAAG,QACHvL,UAAU,sEAEV,yBACEuU,IAAI,UACJjL,MAAM,UACNxJ,MAAO,CAAExD,MAAO,IAAKmY,aAAc,IACnCD,IAAKzW,EAAQ,QAGjB,kBAAC,KAAD,CACEwN,GAAG,QACHvL,UAAU,yDAEV,yBACEuU,IAAI,UACJjL,MAAM,UACNxJ,MAAO,CAAExD,MAAO,KAChBkY,IAAKzW,EAAQ,OACZ,MAMP,6BACE,kBAAC,KAAD,CACEwN,GAAG,QACHvL,UAAU,sEAEV,yBACEuU,IAAI,UACJjL,MAAM,UACNxJ,MAAO,CAAExD,MAAO,IAAKmY,aAAc,IACnCD,IAAKzW,EAAQ,QAGjB,kBAAC,KAAD,CACEwN,GAAG,QACHvL,UAAU,yDAEV,yBACEuU,IAAI,UACJjL,MAAM,UACNxJ,MAAO,CAAExD,MAAO,KAChBkY,IAAKzW,EAAQ,OACZ,MAMf,yBAAKiC,UAAU,mFACb,kBAAC,GAAD,OAEF,wBACEA,UAAU,qCACVF,MAAO,CACL4U,YAAa1B,yBAAc,CACzBC,MAAO,uBAEL,GACC,GACLgB,WAAY,IAGbvS,GAAOd,qBACN,wBAAIZ,UAAU,aACZ,kBAAC,GAAD,OAGJ,4BACE,kBAAC,GAAD,OAEF,4BACE,kBAAC,GAAD,e,OCtJC8J,IAAV+H,OAEQC,KAAOhJ,OAEnB,IACE,IAAKb,KACL,IAAKA,KACL,IAAKA,KCTO6B,IAAV+H,OAEQC,KAAOhJ,OAEnB,IACE,IAAKb,KACL,IAAKA,KACL,IAAKA,K,sEAWV,I,gGChBkB0M,KAAVC,MACgBC,KAAhBC,Y,mECOWhD,KAAXhJ,OCAWgJ,KAAXhJ,O,kDCrBOxL,aAAaC,QAAQ,UCCrBD,aAAaC,QAAQ,U,6CCyBlBoX,KAAVC,MCEUD,KAAVC,M,wGCUaG,KAAbC,S,8BCLUL,KAAVC,MACW9C,KAAXhJ,OACSmM,KAATC,KACW5X,aAAaC,QAAQ,cAUzB4X,KAAKC,G,MChBL9X,aAAaC,QAAQ,U,6BCzBjBuU,KAAXhJ,OACSmM,KAATC,KCFWpD,KAAXhJ,OAgBaiM,KAAbC,S,OCIWlD,KAAXhJ,OACSmM,KAATC,KCXWpD,KAAXhJ,OAgBaiM,KAAbC,SCAYK,KAAZC,QACYC,KAAZC,Q,wBCJW1D,KAAXhJ,OACaiM,KAAbC,SCCYK,KAAZC,QCnBWxD,KAAXhJ,OCCWgJ,KAAXhJ,O,+BCJYuM,KAAZC,Q,gBCHYD,KAAZC,Q,uBC+NOG,IClOTC,GAAS,SAAC,GAAwD,EAAvDpM,MAAwD,IAAjDb,EAAgD,EAAhDA,SAAUwB,EAAsC,EAAtCA,UAAsC,KAA3B0L,MAA2B,EAApBC,MAAoB,EAAbC,QACvBlP,mBAAS,KAD2B,gCAEpCA,mBAAS,KAF2B,mBAIhEmP,GAJgE,UAI5C9C,yBAAc,CACtCC,MAAO,gCAEH8C,EAAc/C,yBAAc,CAAEC,MAAO,wBAClBD,yBAAc,CAAEC,MAAO,wBACjBD,yBAAc,CAC3CC,MAAO,+BAET,OACE8C,EACA,kBAAC,KAAD,CACIjW,MAAO,CAACkW,WAAY,IAAI1Z,MAAM,IAAImY,aAAa,IAC/CzU,UAAS,yBAAoBiK,EAApB,6DACVxB,IAGqB,IAAtBqN,EACF,kBAAC,KAAD,CACIhW,MAAO,CAACkW,WAAY,KAAK1Z,MAAM,IAAImY,aAAa,IAChDzU,UAAS,yBAAoBiK,EAApB,6DACVxB,GAGH,kBAAC,KAAD,CACA3I,MAAO,CAACxD,MAAM,MAAO0Z,WAAW,KAAM/B,UAAU,MAChDjU,UAAS,2BACNyI,IAMQiN,MACfA,GAAOvL,aAAe,CACpBF,UAAW,ICUEkK,aAJS,SAAC,GAEvB,MAAO,CAAChY,UAF8B,EAAdW,SACjBX,aAG+B,KAAzBgY,EA9CU,SAACxU,GACxB,IAAMsW,EAAmBjD,yBAAc,CAAEC,MAAO,wBACzCpW,EAAwC8C,EAAxC9C,KAAMyM,EAAkC3J,EAAlC2J,MAAO4M,EAA2BvW,EAA3BuW,SAASC,EAAkBxW,EAAlBwW,SAAS5M,EAAS5J,EAAT4J,MAEjC6M,EAAazW,EAAbyW,UAIL,M3DZ6B,oB2DSzBzW,EAAMxD,YACRia,EAAY,UAGS,IAArBH,EACA,kBAAC,GAAD,KACE,yBAAKjW,UAAU,iDACb,yBAAKA,UAAU,sBACb,uBAAGA,UAAS,oBAAenD,EAAf,+BAA0CuZ,EAA1C,cACTtW,MAAO,CAACyP,SAAU,GAAIhG,MAAM,GAAD,OAAIA,OAEpC,yBAAKvJ,UAAU,iBACb,uBAAGA,UAAU,uBAAuBF,MAAO,CAACyP,SAAS,QAAS4G,GAE9D,wBAAInW,UAAU,gCAA+BF,MAAO,CAACxD,MAAM,OAAOiT,SAAS,QAASjG,GACpF,uBAAGtJ,UAAU,wBAAwBkW,MAK3C,kBAAC,GAAD,KACE,yBAAKlW,UAAU,gDAAgDF,MAAO,CAACmU,UAAU,KAC/E,yBAAKjU,UAAU,sBACb,uBAAGA,UAAS,oBAAenD,EAAf,+BAA0CuZ,EAA1C,cACTtW,MAAO,CAACyP,SAAU,GAAIhG,MAAM,GAAD,OAAIA,OAEpC,yBAAKvJ,UAAU,iBACb,uBAAGA,UAAU,uBAAuBF,MAAO,CAACyP,SAAS,QAAS4G,GAE9D,wBAAInW,UAAU,gCAAgCF,MAAO,CAACyP,SAAS,KAAMjG,GACrE,uBAAGtJ,UAAU,wBAAwBkW,SCzB/C,ICbMR,GAAS,SAAC,GAAwD,EAAvDpM,MAAwD,IAAjDb,EAAgD,EAAhDA,SAAUwB,EAAsC,EAAtCA,UAAsC,EAA3B0L,MAA2B,EAApBC,MAAoB,EAAbC,QAEzD,OACE,kBAAC,KAAD,CAAM7V,UAAS,yBAAoBiK,EAApB,8FAA2HnK,MAAO,CAACmU,UAAU,KAAMQ,aAAa,KAAM4B,aAAa,KAAKL,WAAW,OAC/MvN,IAMPiN,GAAOvL,aAAe,CACpBF,UAAW,I,eCNOoL,KAAZC,Q,QCFR,ICHMI,GAAS,SAAC,GAAyD,IAAxDpM,EAAuD,EAAvDA,MAAOb,EAAgD,EAAhDA,SAAUwB,EAAsC,EAAtCA,UAAW0L,EAA2B,EAA3BA,MAAOC,EAAoB,EAApBA,MAAOC,EAAa,EAAbA,QAEzD,OACE,kBAAC,KAAD,CAAMvM,MAAOA,EAAOuM,QAASA,EAASF,MAAOA,EAAO3V,UAAS,yBAAoBiK,GAAa2L,MAAOA,GAClGnN,IAMPiN,GAAOvL,aAAe,CACpBF,UAAW,I,gBCLOoL,KAAZC,QCAYD,KAAZC,Q,QCJR,I,sCCDMI,ICFqBY,IAAMC,UCqBZxB,KAAbC,SCPaD,KAAbC,SCQaD,KAAbC,S,uBCjBYK,KAAZC,QLHO,SAAC,GAA0D,EAAxDhM,MAAyD,IAAlDb,EAAiD,EAAjDA,SAAUwB,EAAuC,EAAvCA,UAAuC,KAA5B0L,MAA4B,EAArBC,MAAqB,EAAdC,QACtBlP,mBAAS,KAD2B,gCAEpCA,mBAAS,KAF2B,mBAIlEmP,GAJkE,UAI9C9C,yBAAc,CACtCC,MAAO,gCAGHgD,GADcjD,yBAAc,CAAEC,MAAO,wBAClBD,yBAAc,CAAEC,MAAO,yBAO1CuD,GANyBxD,yBAAc,CAC3CC,MAAO,+BAKU,CACjB3W,MAHgB2Z,EAAmB,MAAQ,QAI3CxB,aAAc,OACduB,WAAYF,EAAoB,KAAO,KACvC7B,UAAW6B,EAAoB,EAAI,OAGrC,OACE,kBAAC,KAAD,CACEhW,MAAO0W,EACPxW,UAAS,yBAAoBiK,EAApB,yDAERxB,KAMPiN,GAAOvL,aAAe,CACpBF,UAAW,IMmBEkK,aALS,SAAC,GAEvB,MAAO,CAAEhY,UAF+B,EAAfW,SACjBX,aAI8B,KAAzBgY,EApDU,SAACxU,GACxB,IAAMsW,EAAmBjD,yBAAc,CAAEC,MAAO,wBACxCpW,EAAoD8C,EAApD9C,KAAMyM,EAA8C3J,EAA9C2J,MAAO4M,EAAuCvW,EAAvCuW,SAAUC,EAA6BxW,EAA7BwW,SAAU5M,EAAmB5J,EAAnB4J,MAAMkN,EAAa9W,EAAb8W,SAEzCL,EAAczW,EAAdyW,UAKN,M1EZ6B,oB0EQzBzW,EAAMxD,YACRia,EAAY,SAIZ,yBAAKpW,UAAS,qFAA0F,QAAVyW,EAAiB,EAAE,IAC/G,yBAAKC,MAAM,0DACT,yBAAKA,MAAM,kBACT,yBAAKA,MAAM,4BACT,yBACE1W,UAAU,gDACVF,MAAO,CAAEmU,UAAWgC,EAAmB,EAAI,KAE3C,yBAAKjW,UAAU,sBACb,uBACEA,UAAS,oBAAenD,EAAf,+BAA0CuZ,EAA1C,cACTtW,MAAO,CAAEyP,SAAU,GAAIhG,MAAM,GAAD,OAAKA,OAGrC,yBAAKvJ,UAAU,iBACb,uBAAGA,UAAU,wBAAwBmW,GAErC,wBACEnW,UAAU,gCACVF,MAAO,CACLxD,MAAO2Z,EAAmB,OAAS,OACnC1G,SAAU0G,EAAmB,MAAQ,MACrChC,UAAW,IAGZ3K,GAEH,uBAAGtJ,UAAU,wBAAwBkW,Y,gBCpChCnB,KAAbC,SCUYK,KAAZC,Q,eCIaP,KAAbC,S,QCZYK,KAAZC,Q,QCqfOqB,I,+DCjeP3B,GAAaD,KAAbC,SACA4B,GAAU3B,KAAV2B,MAUAC,GAAYC,KAAZD,QAEFE,GAAS,SAAC,GAAD,IACb7M,EADa,EACbA,SACA8M,EAFa,EAEbA,SACAC,EAHa,EAGbA,WACAnW,EAJa,EAIbA,MAEAoW,GANa,EAKbC,SALa,EAMbD,SANa,OAQb,oCACE,kBAAC,KAAKjP,KAAN,KACE,kBAAC,GAAD,CAAUkF,KAAM,EAAGjD,SAAUA,EAAUpJ,MAAOA,KAEhD,kBAAC,KAAD,CAAKhB,MAAO,CAAEsX,eAAgB,kBAC5B,kBAAC,KAAD,CAAKtX,MAAO,CAAEyO,OAAQ,GAAIyH,WAAY,GAAI1Z,MAAO,MAC/C,kBAACua,GACK,CACFja,KAAM,SACNya,UAAU,EACVra,OAAO,GAAD,OAAK0E,GAAOrB,OAAZ,0BACNiX,OAAQ,2CACRC,gBAAgB,EAChBhX,QAAS,CACPC,cAAe,UAAYmB,GAAeC,WAC1C4V,QAASN,EACT/S,OAAQ7G,aAAaC,QAAQ,WAE/B2M,SAXE,SAWOuN,GAAO,IACN7U,EAAW6U,EAAKC,KAAhB9U,OAGO,SAAXA,GACFhF,KAAQyE,QAAR,UACKoV,EAAKC,KAAK9a,KADf,oEAGA2U,YAAW,WACThV,OAAOY,SAASqU,WACf,MACiB,UAAX5O,GACThF,KAAQF,MAAR,UACK+Z,EAAKC,KAAK9a,KADf,0FAKJ+a,OA5BE,SA4BKpc,MAGT,yBAAKuE,MAAO,CAAEC,QAAS,OAAQiW,WAAY,KACzC,kBAAC4B,GAAA,EAAD,CAAgB9X,MAAO,CAAE4U,YAAa,GAAInF,SAAU,MAAS,IAD/D,4BAMJ,kBAAC,KAAD,KACE,kBAAC,KAAKtH,KAAN,KACE,kBAAC,IAAD,CACEiB,SAAS,SACTvL,QAASsZ,EACT9N,QAAS6N,EACTlX,MAAO,CAAE4U,YAAa,IACtBzX,KAAK,WALP,kBAiBmBqZ,IAAMC,UChGpBsB,OAbf,SAA2BlY,GACzB,OACE,kBAAC,KAAD,eACEmY,qBAAqB,EACrBC,QAAS,KACTC,cAAe,CAAC,MAChBC,WAAW,YACXC,WAAY,CAAE5b,MAAO,OAAQ+Z,aAAc,MAAO8B,YAAa,SAC3DxY,K,eCJU0V,KAAZC,Q,QCcaP,KAAbC,SCAaD,KAAbC,SCcO1X,aAAaC,QAAQ,U,QCPfwX,KAAbC,S,QCzBUL,KAAVC,MACW9C,KAAXhJ,OACWiM,KAAXqD,OCKarD,KAAbC,SACWlD,KAAXhJ,OAEQwN,IAAM+B,Y,QC0BDtD,KAAbC,S,OCHaD,KAAbC,SCXWlD,KAAXhJ,OACSmM,KAATC,KCoBWpD,KAAXhJ,OACU6L,KAAVC,MCFW9C,KAAXhJ,OACgB+L,KAAhBC,YCzBaC,KAAbC,SCZaD,KAAbC,SCAaD,KAAbC,SCGaD,KAAbC,SCHaD,KAAbC,SCAaD,KAAbC,SCAaD,KAAbC,SCAaD,KAAbC,SCyBoBlL,IAApBwO,QAAoBxO,IAAXyO,O,mCCTFC,I,cCGMzD,KAAbC,SCsBaD,KAAbC,S,OCzCSjO,KAAKkB,K,gDCuQPwQ,GAzQK,SAAC9Y,GACnB,IAAMxC,EAAWub,cADY,EAEiB/R,oBAAS,GAF1B,mBAEtBgS,EAFsB,KAELC,EAFK,KAGvB9W,EAAS,IAAI+W,gBAAgB1b,EAAS2b,QAHf,EAId/R,KAAKC,UAAbC,EAJsB,sBAKKN,mBAAS,IALd,mBAKtBoS,EALsB,KAKXC,EALW,OAMSrS,mBAAS,IANlB,mBAMtBsS,EANsB,KAMTC,EANS,OAcOvS,mBAASpK,OAAOC,YAdvB,mBActB2c,EAdsB,KAcVC,EAdU,KAgB7BlS,qBAAU,WACR,IAAMmS,EAAe,kBAAMD,EAAc7c,OAAOC,aAEhD,OADAD,OAAO+c,iBAAiB,SAAUD,GAC3B,kBAAM9c,OAAOgd,oBAAoB,SAAUF,MACjD,IAyEH,OAvBAnS,qBAAU,WACR,IAAM6R,EAAYjX,EAAO6B,IAAI,cACvB6V,EAAY1X,EAAO6B,IAAI,cACvBsV,EAAcnX,EAAO6B,IAAI,gBAE3BoV,GAAaE,IACfD,EAAaD,GACbG,EAAeD,IAIfF,GACAS,GACAP,GACuB,oBAAhB1c,OAAOkd,MAEdld,OAAOkd,KAAK,QAAS,UAAW,CAC9BC,eAAgB,eAChBC,YAAY,GAAD,OAAKZ,EAAL,cAAoBS,EAApB,cAAmCP,OAGjD,CAAC9b,EAAS2b,SAGX,yBAAK9Y,UAAU,uBAAuBF,MAvElCqZ,EAAa,IACR,CAAES,gBAAiB,QACjBT,GAAc,KAAOA,EAAa,KACpC,CACLS,gBAAgB,OAAD,OAASC,KAAT,KACfC,eAAgB,UAChBC,mBAAoB,SACpBC,iBAAkB,aAGb,CACLJ,gBAAgB,OAAD,OAASC,KAAT,KACfC,eAAgB,QAChBC,mBAAoB,SACpBxL,OAAQ,OACRjS,MAAO,SAyDT,kBAAC,KAAD,CAAKgK,GAAI,GAAI2T,GAAI,GAAIC,GAAI,IACvB,kBAAC,KAAD,KAEE,kBAAC,KAAD,CAAK5T,GAAI,EAAG2T,GAAI,GAAIC,GAAI,KAuBxB,kBAAC,KAAD,CACE5T,GAAI,GACJ2T,GAAI,GACJC,GAAI,GACJpa,MAAO,CACLC,QAAS,OACToa,WAAY,SACZ/C,eAAgB,SAChBnD,UAAW,OAGb,yBACEjU,UAAU,wBACVF,MAAO,CAAExD,MAAO,OAAQ8d,SAAU,aAElC,kBAAC,KAAD,CAAK9T,GAAI,GAAI2T,GAAI,GAAIC,GAAI,IACvB,yBAAKla,UAAU,oBACb,yBAAKA,UAAU,iCAYf,kBAAC,KAAD,CACEpD,KAAK,WACLoD,UAAU,mBACV4H,SA9GK,SAACC,GAAY,IAAD,EACjC+Q,GAAmB,GACnBjX,GAAeiC,KAAf,0BAEE,CACEQ,MAAOyD,EAAOwS,cACdC,WAAYzS,EAAO0S,YACnB3d,KAAMiL,EAAO2S,UACbC,QAAS5S,EAAO6S,SAChBC,MAAK,UAAE9S,EAAO8S,aAAT,aAAE,EAAcC,MAAM,GAC3B7B,UAAWA,EACXE,YAAaA,EACb4B,aAAchT,EAAOgT,eAEvB,GACA1Y,MAAK,SAACC,GAnDuB,IAACnF,EAAMwO,EAoDpCmN,GAAmB,GACfxW,EAASC,UACX4E,EAAK6T,cAtDuB7d,EAwD1B,UAxDgCwO,EAyDhC,sHAxDNnJ,KAAarF,GAAM,CACjBW,QAAS,gBACT6N,YAAaA,EACblJ,SAAU,SA+II0E,KAAMA,GAEN,uBACEnH,MAAO,CACLib,WAAY,OACZxL,SAAU,QACVyL,WAAY,aACZzR,MAAO,YALX,wCAQ8B,KAE9B,uBAAGzJ,MAAO,CAAEkb,WAAY,aAAczR,MAAO,YAA7C,4EAIA,kBAAC,KAAKtB,KAAN,CACErL,KAAK,YACLuL,MAAO,CAAC,CAAEtD,UAAU,EAAMjH,QAAS,oBAEnC,kBAAC,KAAD,CAAOyK,YAAY,QAErB,kBAAC,KAAKJ,KAAN,CACErL,KAAK,WACLuL,MAAO,CAAC,CAAEtD,UAAU,EAAMjH,QAAS,uBAEnC,kBAAC,KAAD,CAAOyK,YAAY,WAErB,kBAAC,KAAKJ,KAAN,CACErL,KAAK,cACLuL,MAAO,CACL,CAAEtD,UAAU,EAAMjH,QAAS,mCAG7B,kBAAC,KAAD,CAAOyK,YAAY,uBAErB,kBAAC,KAAKJ,KAAN,CACErL,KAAK,QACLuL,MAAO,CACL,CACEtD,UAAU,EACVjH,QAAS,oCACTmI,IAAK,MAIT,kBAAC,GAAD,OAEF,kBAAC,KAAKkC,KAAN,CACErL,KAAK,gBACLuL,MAAO,CACL,CACEtD,UAAU,EACVjH,QAAS,iDACTX,KAAM,WAIV,kBAAC,KAAD,CAAOoL,YAAY,QAAQ4S,aAAa,SAG1C,kBAAC,KAAKhT,KAAN,CACErL,KAAK,eACLyL,YAAY,qCAEZ,kBAAC,KAAD,CACEvM,GAAG,eACHof,KAAK,SACL7S,YAAY,oCACZvI,MAAO,CAAExD,MAAO,SAEhB,kBAAC,KAAOwM,OAAR,CAAeC,IAAK,EAAGjI,MAAO,GAA9B,iCAGA,kBAAC,KAAOgI,OAAR,CAAeC,IAAK,EAAGjI,MAAO,GAA9B,sBAGA,kBAAC,KAAOgI,OAAR,CAAeC,IAAK,EAAGjI,MAAO,GAA9B,0CAGA,kBAAC,KAAOgI,OAAR,CAAeC,IAAK,EAAGjI,MAAO,GAA9B,4CAGA,kBAAC,KAAOgI,OAAR,CAAeC,IAAK,EAAGjI,MAAO,GAA9B,6BAMJ,kBAAC,KAAD,CAAKhB,MAAO,CAAEsX,eAAgB,aAC5B,kBAAC,KAAKnP,KAAN,KACE,kBAAC,IAAD,CACEhL,KAAK,UACLiM,SAAS,SACTvL,QAASgb,GAHX,iCCnCTwC,mBArJH,WACV,IAAM/G,EAAWC,cADD,EAEyBxD,aACvC,qBAAG/T,YADGJ,EAFQ,EAERA,OAAQT,EAFA,EAEAA,SAAUC,EAFV,EAEUA,WAFV,EAKW2U,aAAY,qBAAGuK,QAAlC/d,EALQ,EAKRA,MAAOG,EALC,EAKDA,QAETL,EAAWub,cACX7a,EAAU8M,cACF0Q,cAEdnU,qBAAU,WACQ,KAAZ1J,GACF4W,ECvEG,CACLnX,K5GiBoB,W4GhBpBC,QDqEsBC,EAASd,WAE/B,IAAMyF,EAAS,IAAI+W,IAAgB1b,EAAS2b,QAExChX,EAAOwZ,IAAI,UACblH,E9F1EG,CAACnX,KdZgB,acYEd,U8F0EA2F,EAAO6B,IAAI,WAE/B7B,EAAOwZ,IAAI,cACblH,EAASjU,GAAiB2B,EAAO6B,IAAI,eAEnC7B,EAAOwZ,IAAI,gBACblH,E9FrEC,SAA4BlY,GACjC,MAAO,CAACe,KdJiB,ccIEf,c8FoEdqf,CAAmBzZ,EAAO6B,IAAI,iBAEzC6X,EAActf,GACduf,EAAYxf,KACX,CACDmY,EACA5W,EACAtB,EACAiB,EAASd,SACTc,EAAS2b,OACT7c,IAGF,IAAMuf,EAAgB,SAACtf,G5GjFO,qB4GkFxBA,GACFwf,SAAShN,KAAKiN,UAAUC,OAAO,gBAC/BF,SAAShN,KAAKiN,UAAUC,OAAO,iBAC/BF,SAAShN,KAAKiN,UAAUE,IAAI,gB5GtFD,sB4GuFlB3f,GACTwf,SAAShN,KAAKiN,UAAUC,OAAO,eAC/BF,SAAShN,KAAKiN,UAAUC,OAAO,iBAC/BF,SAAShN,KAAKiN,UAAUE,IAAI,iB5G3FA,uB4G4FnB3f,IACTwf,SAAShN,KAAKiN,UAAUC,OAAO,gBAC/BF,SAAShN,KAAKiN,UAAUC,OAAO,eAC/BF,SAAShN,KAAKiN,UAAUE,IAAI,mBAI1BJ,EAAc,SAACxf,G5GtFqB,iC4GwFtCA,G5GvFmC,8B4GwFnCA,G5GvF4C,uC4GwF5CA,G5GtFgC,2B4GuFhCA,G5GxFgC,2B4GyFhCA,GAEAyf,SAAShN,KAAKiN,UAAUE,IAAI,eAC5BH,SAAShN,KAAKiN,UAAUE,IAAI,uBAE5BH,SAAShN,KAAKiN,UAAUC,OAAO,eAC/BF,SAAShN,KAAKiN,UAAUC,OAAO,uBAInC1U,qBAAU,WACkB,MAAtB/J,EAASd,WACG,OAAVgB,GAEmB,KAAZG,GAA8B,MAAZA,GAA+B,YAAZA,EAD9CK,EAAQ8N,KAAK,iBAIb9N,EAAQ8N,KAAKnO,MAGhB,CAACH,EAAOG,EAASL,EAAUU,IAE9BqJ,qBAAU,WACR4U,MAAM,aAAa3Z,KAAnB,uCAAwB,WAAOC,GAAP,iBAAA2Z,EAAA,sEACH3Z,EAAS4Z,OADN,OAChB5a,EADgB,OAECsa,SAASO,OAAOC,QACrC,4CACA,QAGqB9a,EAAK+a,UACpBC,EAD6B,aACPhb,EAAK+a,QADE,aAEnCT,SAASO,OAASG,EAEd,WAAY7f,SACd8f,OAAO3gB,OAAOyG,MAAK,SAACma,GAClBA,EAAMzZ,SAAQ,SAACjG,GACbyf,OAAOvY,OAAOlH,SAIlBL,OAAOY,SAASqU,WAlBE,2CAAxB,yDAsBC,CAACrU,IAEJ,IAAMof,EAAmBzd,EAAUpC,EAAOA,QAE1C,OACE,kBAAC,IAAD,CAAgBA,OAAQ8f,MACtB,kBAAC,IAAD,CACE9f,OAAQ6f,EAAiB7f,OACzB2B,SAAUke,EAAiBle,UAE3B,kBAAC,IAAD,KAmBE,kBAAC,IAAD,CAAOoe,OAAK,EAACC,KAAK,gBAAgBC,UAAWlE,KAC7C,kBAAC,IAAD,CAAOiE,KAAK,KACV,kBAAC,IAAD,CAAUnR,GAAG,yB,8BEtMzBqR,KAAKC,IAAIC,MAAkBC,KAAK,CAC9BC,UAAW,CACTje,GAAI,CACFke,YAAaC,IAEfC,GAAI,CACFF,YAAaG,KAGjBC,IAAK,KACLC,YAAa,KACbC,cAAe,CACbC,aAAa,KAIFZ,UAAf,ECXMa,G3GIS,SAAwBC,GACrC,I4GVc7f,E5GqBd,OAXc8f,a4GVA9f,E5GWMA,E4GXM+f,YAAgB,CAC1CC,OAAQC,YAAcjgB,GACtBf,SAAUihB,EACV3C,KAAM4C,EACNC,WAAYC,K5GQVR,EACAS,YACEC,IAAe,WAAf,GACEngB,YAAiBJ,IADnB,OAEKK,M2GXGmgB,CAAe,kCAadC,GAZC,kBACd,kBAAC,IAAD,CAAUb,MAAOA,IACf,kBAAC,KAAD,CAAiBb,KAAMA,IACrB,kBAAC,IAAD,CAAiB/e,QAASA,GACxB,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAO6e,KAAK,IAAIC,UAAW4B,UEP/BC,GAAcC,QACW,cAA7BliB,OAAOY,SAASuhB,UAEa,UAA7BniB,OAAOY,SAASuhB,UAEhBniB,OAAOY,SAASuhB,SAASC,MACvB,2DA8CJ,SAASC,GAAgBC,GACvBC,UAAUC,cACPC,SAASH,GACT1c,MAAK,SAAA8c,GACJA,EAAaC,cAAgB,WAC3B,IAAMC,EAAmBF,EAAaG,WACtCD,EAAiBE,cAAgB,WACA,cAA3BF,EAAiBpiB,QACf+hB,UAAUC,cAAcO,YAK1B/iB,OAAOY,SAASqU,QAAO,GACvB+N,QAAQC,IAAI,+CAKZjjB,OAAOY,SAASqU,QAAO,GACvB+N,QAAQC,IAAI,6CAMrB9c,OAAM,SAAAhF,GACL6hB,QAAQ7hB,MAAM,4CAA6CA,M,IChFlD6Y,G,WDWA,WACb,GAA6C,kBAAmBuI,UAAW,CAGzE,GADkB,IAAIW,IAAIC,GAAwBnjB,OAAOY,UAC3CwiB,SAAWpjB,OAAOY,SAASwiB,OAIvC,OAGFpjB,OAAO+c,iBAAiB,QAAQ,WAC9B,IAAMuF,EAAK,UAAMa,GAAN,sBAEPlB,KA2DV,SAAiCK,GAE/B/C,MAAM+C,GACH1c,MAAK,SAAAC,GAGkB,MAApBA,EAASQ,SACuD,IAAhER,EAAS7B,QAAQoD,IAAI,gBAAgBgF,QAAQ,cAG7CmW,UAAUC,cAAca,MAAMzd,MAAK,SAAA8c,GACjCA,EAAaY,aAAa1d,MAAK,WAC7B5F,OAAOY,SAASqU,eAKpBoN,GAAgBC,MAGnBnc,OAAM,WACL6c,QAAQC,IACN,oEA/EAM,CAAwBjB,GAMxBC,UAAUC,cAAca,MAAMzd,MAAK,WACjCod,QAAQC,IACN,iHAOJZ,GAAgBC,GAEhBC,UAAUC,cAAcC,SAAS,mCAAoC,CAAEe,MAAO,gBAAiB5d,MAAK,SAAS8c,OAC1Gvc,OAAM,SAAShF,GAChB6hB,QAAQC,IAAI,iCAAkC9hB,WCnCxDsiB,GAXezJ,GAcR+H,GAbL2B,IAASC,OAEP,kBAAC,gBAAD,KACE,kBAAC3J,GAAD,OAEFmF,SAASyE,eAAe,U,kBCf5BvkB,EAAOC,QAAU,0hD,kBCAjBD,EAAOC,QAAU,CACfukB,WAAY,sB,oBCDdxkB,EAAOC,QAAU,IAA0B,+C,oBCA3CD,EAAOC,QAAU,IAA0B,8C,kBCA3CD,EAAOC,QAAU,s5U,oBCAjBD,EAAOC,QAAU,IAA0B,yC,oBCA3CD,EAAOC,QAAU,IAA0B,yC,oBCA3CD,EAAOC,QAAU,IAA0B,yC,oBCA3C,IAAI+M,EAAM,CACT,WAAY,KACZ,YAAa,KACb,YAAa,KACb,YAAa,KACb,YAAa,KACb,YAAa,KACb,WAAY,KACZ,YAAa,KACb,YAAa,KACb,YAAa,KACb,YAAa,KACb,YAAa,KACb,WAAY,KACZ,YAAa,KACb,YAAa,KACb,YAAa,KACb,YAAa,KACb,YAAa,KACb,YAAa,KACb,WAAY,KACZ,WAAY,KACZ,UAAW,KACX,WAAY,KACZ,WAAY,KACZ,WAAY,KACZ,WAAY,KACZ,WAAY,KACZ,WAAY,KACZ,WAAY,KACZ,WAAY,KACZ,YAAa,MAId,SAASyX,EAAe/kB,GACvB,IAAIQ,EAAKwkB,EAAsBhlB,GAC/B,OAAOilB,EAAoBzkB,GAE5B,SAASwkB,EAAsBhlB,GAC9B,IAAIilB,EAAoBC,EAAE5X,EAAKtN,GAAM,CACpC,IAAIC,EAAI,IAAIC,MAAM,uBAAyBF,EAAM,KAEjD,MADAC,EAAEE,KAAO,mBACHF,EAEP,OAAOqN,EAAItN,GAEZ+kB,EAAe3kB,KAAO,WACrB,OAAOqG,OAAOrG,KAAKkN,IAEpByX,EAAe1kB,QAAU2kB,EACzB1kB,EAAOC,QAAUwkB,EACjBA,EAAevkB,GAAK,K,kBCpDpBF,EAAOC,QAAU,slD,kBCAjB,SAASR,EAAoBC,GAC5B,IAAIC,EAAI,IAAIC,MAAM,uBAAyBF,EAAM,KAEjD,MADAC,EAAEE,KAAO,mBACHF,EAEPF,EAAoBK,KAAO,WAAa,MAAO,IAC/CL,EAAoBM,QAAUN,EAC9BO,EAAOC,QAAUR,EACjBA,EAAoBS,GAAK,K,kBCRzBF,EAAOC,QAAU,0oR,oBCAjBD,EAAOC,QAAU,IAA0B,6C,kBCA3C,SAASR,EAAoBC,GAC5B,IAAIC,EAAI,IAAIC,MAAM,uBAAyBF,EAAM,KAEjD,MADAC,EAAEE,KAAO,mBACHF,EAEPF,EAAoBK,KAAO,WAAa,MAAO,IAC/CL,EAAoBM,QAAUN,EAC9BO,EAAOC,QAAUR,EACjBA,EAAoBS,GAAK,K,oBCRzBF,EAAOC,QAAU,IAA0B,kC,433FCA3CD,EAAOC,QAAU,IAA0B,oC,w4GCA3CD,EAAOC,QAAU,+nD","file":"static/js/1739826901295.main.81eeb36d.chunk.js","sourcesContent":["function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nmodule.exports = webpackEmptyContext;\nwebpackEmptyContext.id = 1049;","function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nmodule.exports = webpackEmptyContext;\nwebpackEmptyContext.id = 1093;","module.exports = __webpack_public_path__ + \"static/media/10.1860b085.png\";","module.exports = __webpack_public_path__ + \"static/media/100.6b8bb910.png\";","module.exports = __webpack_public_path__ + \"static/media/103.86fc8e38.png\";","module.exports = __webpack_public_path__ + \"static/media/108.ef551bb9.png\";","module.exports = __webpack_public_path__ + \"static/media/109.782bdc91.png\";","module.exports = __webpack_public_path__ + \"static/media/111.10fb010b.png\";","module.exports = __webpack_public_path__ + \"static/media/12.25285420.png\";","module.exports = __webpack_public_path__ + \"static/media/124.fc67259b.png\";","module.exports = __webpack_public_path__ + \"static/media/125.aad87744.png\";","module.exports = __webpack_public_path__ + \"static/media/134.6be19b9f.png\";","module.exports = __webpack_public_path__ + \"static/media/135.205ce301.png\";","module.exports = __webpack_public_path__ + \"static/media/146.20cc98ef.png\";","module.exports = __webpack_public_path__ + \"static/media/15.aec1c763.png\";","module.exports = __webpack_public_path__ + \"static/media/203.615a7ff6.png\";","module.exports = __webpack_public_path__ + \"static/media/205.39bfa595.png\";","module.exports = __webpack_public_path__ + \"static/media/206.7f08102b.png\";","module.exports = __webpack_public_path__ + \"static/media/209.b726036c.png\";","module.exports = __webpack_public_path__ + \"static/media/210.5b2d89a7.png\";","module.exports = __webpack_public_path__ + \"static/media/211.83190e30.png\";","module.exports = __webpack_public_path__ + \"static/media/32.1fd69cfe.png\";","module.exports = __webpack_public_path__ + \"static/media/34.290f0522.png\";","module.exports = __webpack_public_path__ + \"static/media/4.5ab8174b.png\";","module.exports = __webpack_public_path__ + \"static/media/46.82db6fde.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA0cAAAEBAQMAAACJ6kyYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAADUExURf///6fEG8gAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAySURBVHja7cExAQAAAMKg9U9tDQ8gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAu1QBqagABFFUvQAAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"static/media/59.ffd2abf9.png\";","module.exports = __webpack_public_path__ + \"static/media/62.77cf9b12.png\";","module.exports = __webpack_public_path__ + \"static/media/64.3447dd04.png\";","module.exports = __webpack_public_path__ + \"static/media/67.617e00a0.png\";","module.exports = __webpack_public_path__ + \"static/media/96.989a3de3.png\";","module.exports = __webpack_public_path__ + \"static/media/99.1f1ba033.png\";","module.exports = __webpack_public_path__ + \"static/media/999.aa3f2e42.png\";","module.exports = __webpack_public_path__ + \"static/media/supportPanelBackground.56172c05.png\";","import {SWITCH_LANGUAGE, TOGGLE_COLLAPSED_NAV, WINDOW_WIDTH} from \"constants/ActionTypes\";\r\nimport {\r\n  LAYOUT_TYPE,\r\n  LAYOUT_TYPE_FULL,\r\n  NAV_STYLE,\r\n  NAV_STYLE_FIXED,\r\n  NAV_STYLE_DARK_HORIZONTAL,\r\n  NAV_STYLE_INSIDE_HEADER_HORIZONTAL,\r\n  THEME_COLOR_SELECTION,\r\n  THEME_COLOR_SELECTION_PRESET,\r\n  THEME_TYPE,\r\n  THEME_TYPE_SEMI_DARK\r\n} from \"../../constants/ThemeSetting\";\r\n\r\nconst initialSettings = {\r\n  navCollapsed: true,\r\n  navStyle: NAV_STYLE_INSIDE_HEADER_HORIZONTAL,\r\n  layoutType: LAYOUT_TYPE_FULL,\r\n  themeType: THEME_TYPE_SEMI_DARK,\r\n  colorSelection: THEME_COLOR_SELECTION_PRESET,\r\n\r\n  pathname: '',\r\n  width: window.innerWidth,\r\n  isDirectionRTL: false,\r\n  locale: {\r\n    languageId: 'english',\r\n    locale: 'en',\r\n    name: 'English',\r\n    icon: 'us'\r\n  }\r\n};\r\n\r\nconst settings = (state = initialSettings, action) => {\r\n  switch (action.type) {\r\n    case '@@router/LOCATION_CHANGE':\r\n      return {\r\n        ...state,\r\n        pathname: action.payload.location.pathname,\r\n        navCollapsed: false\r\n      };\r\n    case TOGGLE_COLLAPSED_NAV:\r\n      return {\r\n        ...state,\r\n        navCollapsed: action.navCollapsed\r\n      };\r\n    case WINDOW_WIDTH:\r\n      return {\r\n        ...state,\r\n        width: action.width,\r\n      };\r\n    case THEME_TYPE:\r\n      return {\r\n        ...state,\r\n        themeType: action.themeType\r\n      };\r\n    case THEME_COLOR_SELECTION:\r\n      return {\r\n        ...state,\r\n        colorSelection: action.colorSelection\r\n      };\r\n\r\n    case NAV_STYLE:\r\n      return {\r\n        ...state,\r\n        navStyle: action.navStyle\r\n      };\r\n    case LAYOUT_TYPE:\r\n      return {\r\n        ...state,\r\n        layoutType: action.layoutType\r\n      };\r\n\r\n    case SWITCH_LANGUAGE:\r\n      return {\r\n        ...state,\r\n        locale: action.payload,\r\n\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n\r\nexport default settings;\r\n","// Customizer const\r\nexport const THEME_TYPE = 'THEME_TYPE';\r\nexport const THEME_TYPE_LITE = 'THEME_TYPE_LITE';\r\nexport const THEME_TYPE_DARK = 'THEME_TYPE_DARK';\r\nexport const THEME_TYPE_SEMI_DARK = 'THEME_TYPE_SEMI_DARK';\r\n\r\n\r\nexport const THEME_COLOR_SELECTION = 'THEME_COLOR_SELECTION';\r\nexport const THEME_COLOR_SELECTION_PRESET = 'THEME_COLOR_SELECTION_PRESET';\r\nexport const THEME_COLOR_SELECTION_CUSTOMIZE = 'THEME_COLOR_SELECTION_CUSTOMIZE';\r\n\r\nexport const HORIZONTAL_NAVIGATION = 'HORIZONTAL_NAVIGATION';\r\n\r\nexport const HORIZONTAL_MENU_POSITION = 'HORIZONTAL_MENU_POSITION';\r\nexport const ABOVE_THE_HEADER = 'ABOVE_THE_HEADER';\r\nexport const INSIDE_THE_HEADER = 'INSIDE_THE_HEADER';\r\nexport const BELOW_THE_HEADER = 'BELOW_THE_HEADER';\r\n\r\nexport const VERTICAL_NAVIGATION = 'VERTICAL_NAVIGATION';\r\nexport const NAV_STYLE_MINI = 'NAV_STYLE_MINI';\r\n\r\nexport const LAYOUT_TYPE = 'LAYOUT_TYPE';\r\n\r\nexport const LAYOUT_TYPE_FRAMED = 'LAYOUT_TYPE_FRAMED';\r\nexport const LAYOUT_TYPE_BOXED = 'LAYOUT_TYPE_BOXED';\r\nexport const LAYOUT_TYPE_FULL = 'LAYOUT_TYPE_FULL';\r\n\r\n\r\nexport const NAV_STYLE = 'NAV_STYLE';\r\n\r\nexport const NAV_STYLE_FIXED = 'NAV_STYLE_FIXED';\r\nexport const NAV_STYLE_MINI_SIDEBAR = 'NAV_STYLE_MINI_SIDEBAR';\r\nexport const NAV_STYLE_DRAWER = 'NAV_STYLE_DRAWER';\r\nexport const NAV_STYLE_NO_HEADER_MINI_SIDEBAR = 'NAV_STYLE_NO_HEADER_MINI_SIDEBAR';\r\nexport const NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR = 'NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR';\r\n\r\nexport const NAV_STYLE_DEFAULT_HORIZONTAL = 'NAV_STYLE_DEFAULT_HORIZONTAL';\r\nexport const NAV_STYLE_DARK_HORIZONTAL = 'NAV_STYLE_DARK_HORIZONTAL';\r\nexport const NAV_STYLE_INSIDE_HEADER_HORIZONTAL = 'NAV_STYLE_INSIDE_HEADER_HORIZONTAL';\r\nexport const NAV_STYLE_BELOW_HEADER = 'NAV_STYLE_BELOW_HEADER';\r\nexport const NAV_STYLE_ABOVE_HEADER = 'NAV_STYLE_ABOVE_HEADER';\r\n\r\n\r\nexport const LIGHT_PURPLE = '#8A2BE2';\r\nexport const LIGHT_PURPLE_SEC = '#00B378';\r\nexport const LIGHT_PURPLE_NAV_DARK_BG = '#32394F';\r\nexport const LIGHT_PURPLE_DARK_TEXT_COLOR = '#9799AC';\r\n\r\nexport const RED = '#FF2B7A';\r\nexport const RED_SEC = '#00D9C9';\r\nexport const RED_NAV_DARK_BG = '#3C3766';\r\nexport const RED_DARK_TEXT_COLOR = '#878BAB';\r\n\r\nexport const BLUE = '#3DA4E6';\r\nexport const BLUE_SEC = '#FCB53B';\r\nexport const BLUE_NAV_DARK_BG = '#444342';\r\nexport const BLUE_DARK_TEXT_COLOR = '#AAA59A';\r\n\r\nexport const DARK_BLUE = '#0469B9';\r\nexport const DARK_BLUE_SEC = '#17BDE5';\r\nexport const DARK_BLUE_NAV_DARK_BG = '#086880';\r\nexport const DARK_BLUE_DARK_TEXT_COLOR = '#9DDAE9';\r\n\r\nexport const ORANGE = '#F18805';\r\nexport const ORANGE_SEC = '#F1D065';\r\nexport const ORANGE_NAV_DARK_BG = '#272932';\r\nexport const ORANGE_DARK_TEXT_COLOR = '#ABA895';\r\n\r\nexport const LIGHT_BLUE = '#6A95FF';\r\nexport const LIGHT_BLUE_SEC = '#59DCFF';\r\nexport const LIGHT_BLUE_NAV_DARK_BG = '#1B2642';\r\nexport const LIGHT_BLUE_DARK_TEXT_COLOR = '#92A2C8';\r\n\r\n\r\nexport const DEEP_ORANGE = '#F87060';\r\nexport const DEEP_ORANGE_SEC = '#70A288';\r\nexport const DEEP_ORANGE_NAV_DARK_BG = '#08415C';\r\nexport const DEEP_ORANGE_DARK_TEXT_COLOR = '#97B8C7';\r\n\r\nexport const LIGHT_PURPLE_1 = '#A172E7';\r\nexport const LIGHT_PURPLE_1_SEC = '#E14594';\r\nexport const LIGHT_PURPLE_1_NAV_DARK_BG = '#182952';\r\nexport const LIGHT_PURPLE_1_DARK_TEXT_COLOR = '#8288B4';\r\n\r\nexport const LIGHT_PURPLE_2 = '#956FE7';\r\nexport const LIGHT_PURPLE_2_SEC = '#64D7D6';\r\nexport const LIGHT_PURPLE_2_NAV_DARK_BG = '#284C7C';\r\nexport const LIGHT_PURPLE_2_DARK_TEXT_COLOR = '#5782BB';\r\n\r\n\r\nexport const TAB_SIZE = 992;\r\n","// Customizer const\r\nexport const TOGGLE_COLLAPSED_NAV = 'TOGGLE_COLLAPSE_MENU';\r\nexport const WINDOW_WIDTH = 'WINDOW-WIDTH';\r\nexport const SWITCH_LANGUAGE = 'SWITCH-LANGUAGE';\r\n\r\n//Contact Module const\r\nexport const FETCH_START = 'fetch_start';\r\nexport const FETCH_SUCCESS = 'fetch_success';\r\nexport const FETCH_ERROR = 'fetch_error';\r\nexport const SHOW_MESSAGE = 'SHOW_MESSAGE';\r\nexport const HIDE_MESSAGE = 'HIDE_MESSAGE';\r\nexport const ON_SHOW_LOADER = 'ON_SHOW_LOADER';\r\nexport const ON_HIDE_LOADER = 'ON_HIDE_LOADER';\r\n\r\n//Auth const\r\nexport const SIGNUP_USER = 'SIGNUP_USER';\r\nexport const SIGNUP_USER_SUCCESS = 'SIGNUP_USER_SUCCESS';\r\nexport const SIGNIN_GOOGLE_USER = 'SIGNIN_GOOGLE_USER';\r\nexport const SIGNIN_GOOGLE_USER_SUCCESS = 'SIGNIN_GOOGLE_USER_SUCCESS';\r\nexport const SIGNIN_FACEBOOK_USER = 'SIGNIN_FACEBOOK_USER';\r\nexport const SIGNIN_FACEBOOK_USER_SUCCESS = 'SIGNIN_FACEBOOK_USER_SUCCESS';\r\nexport const SIGNIN_TWITTER_USER = 'SIGNIN_TWITTER_USER';\r\nexport const SIGNIN_TWITTER_USER_SUCCESS = 'SIGNIN_TWITTER_USER_SUCCESS';\r\nexport const SIGNIN_GITHUB_USER = 'SIGNIN_GITHUB_USER';\r\nexport const SIGNIN_GITHUB_USER_SUCCESS = 'signin_github_user_success';\r\nexport const SIGNIN_USER = 'SIGNIN_USER';\r\nexport const SIGNIN_USER_SUCCESS = 'SIGNIN_USER_SUCCESS';\r\nexport const SIGNOUT_USER = 'SIGNOUT_USER';\r\nexport const SIGNOUT_USER_SUCCESS = 'SIGNOUT_USER_SUCCESS';\r\nexport const INIT_URL = 'INIT_URL';\r\nexport const USER_DATA = 'user_data';\r\nexport const USER_TOKEN_SET = 'user_token_set';\r\n\r\n","import {INIT_URL, SIGNOUT_USER_SUCCESS, USER_DATA, USER_TOKEN_SET} from \"../../constants/ActionTypes\";\r\n\r\nconst INIT_STATE = {\r\n  token: localStorage.getItem('token'),\r\n  initURL: '',\r\n  authUser: localStorage.getItem('user'),\r\n};\r\n\r\nexport default (state = INIT_STATE, action) => {\r\n  switch (action.type) {\r\n\r\n    case INIT_URL: {\r\n      return {...state, initURL: action.payload};\r\n    }\r\n\r\n    case SIGNOUT_USER_SUCCESS: {\r\n      return {\r\n        ...state,\r\n        token: null,\r\n        authUser: null,\r\n        initURL: ''\r\n      }\r\n    }\r\n\r\n    case USER_DATA: {\r\n      return {\r\n        ...state,\r\n        authUser: action.payload,\r\n      };\r\n    }\r\n\r\n    case USER_TOKEN_SET: {\r\n      return {\r\n        ...state,\r\n        token: action.payload,\r\n      };\r\n    }\r\n\r\n    default:\r\n      return state;\r\n  }\r\n}\r\n","import {FETCH_ERROR, FETCH_START, FETCH_SUCCESS, HIDE_MESSAGE, SHOW_MESSAGE} from '../../constants/ActionTypes'\r\n\r\nconst INIT_STATE = {\r\n  error: \"\",\r\n  loading: false,\r\n  message: ''\r\n};\r\n\r\nexport default (state = INIT_STATE, action) => {\r\n  switch (action.type) {\r\n    case FETCH_START: {\r\n      return {...state, error: '', message: '', loading: true};\r\n    }\r\n    case FETCH_SUCCESS: {\r\n      return {...state, error: '', message: '', loading: false};\r\n    }\r\n    case SHOW_MESSAGE: {\r\n      return {...state, error: '', message: action.payload, loading: false};\r\n    }\r\n    case FETCH_ERROR: {\r\n      return {...state, loading: false, error: action.payload, message: ''};\r\n    }\r\n    case HIDE_MESSAGE: {\r\n      return {...state, loading: false, error: '', message: ''};\r\n    }\r\n    default:\r\n      return state;\r\n  }\r\n}\r\n","import {applyMiddleware, compose, createStore} from 'redux'\r\nimport {routerMiddleware} from 'connected-react-router'\r\nimport thunk from 'redux-thunk';\r\nimport createRootReducer from '../reducers'\r\n\r\nconst createBrowserHistory = require('history').createBrowserHistory;\r\n\r\n\r\nexport const history = createBrowserHistory();\r\n\r\nconst routeMiddleware = routerMiddleware(history);\r\n\r\nconst middlewares = [thunk, routeMiddleware];\r\n\r\n\r\nexport default function configureStore(preloadedState) {\r\n  const store = createStore(\r\n    createRootReducer(history), // root reducer with router state\r\n    preloadedState,\r\n    compose(\r\n      applyMiddleware(\r\n        routerMiddleware(history), // for dispatching history actions\r\n        ...middlewares\r\n      ),\r\n    ),\r\n  );\r\n\r\n  return store;\r\n}\r\n","import antdEn from \"antd/lib/locale-provider/en_US\";\r\nimport enMessages from \"../locales/en_US.json\";\r\n\r\nconst EnLang = {\r\n  messages: {\r\n    ...enMessages\r\n  },\r\n  antd: antdEn,\r\n  locale: 'en-US',\r\n};\r\nexport default EnLang;\r\n","\r\nimport zhMessages from \"../locales/zh-Hans.json\";\r\n\r\nconst ZhLan = {\r\n  messages: {\r\n    ...zhMessages\r\n  },\r\n  antd: null,\r\n  locale: 'zh-Hans-CN',\r\n};\r\nexport default ZhLan;\r\n","import antdSA from \"antd/lib/locale-provider/en_US\";\r\n\r\nimport saMessages from \"../locales/ar_SA.json\";\r\n\r\nconst saLang = {\r\n  messages: {\r\n    ...saMessages\r\n  },\r\n  antd: antdSA,\r\n  locale: 'ar',\r\n};\r\nexport default saLang;\r\n","import antdSA from \"antd/lib/locale-provider/it_IT\";\r\nimport saMessages from \"../locales/it_IT.json\";\r\n\r\nconst saLang = {\r\n  messages: {\r\n    ...saMessages\r\n  },\r\n  antd: antdSA,\r\n  locale: 'it-IT',\r\n};\r\nexport default saLang;\r\n","import antdSA from \"antd/lib/locale-provider/ca_ES\";\r\nimport saMessages from \"../locales/es_ES.json\";\r\n\r\nconst saLang = {\r\n  messages: {\r\n    ...saMessages\r\n  },\r\n  antd: antdSA,\r\n  locale: 'es',\r\n};\r\nexport default saLang;\r\n","import enLang from \"./entries/en-US\";\r\nimport zhLang from \"./entries/zh-Hans-CN\";\r\nimport arLang from \"./entries/ar_SA\";\r\nimport itLang from \"./entries/it_IT\";\r\nimport esLang from \"./entries/es_ES\";\r\nimport frLang from \"./entries/fr_FR\";\r\n\r\nconst AppLocale = {\r\n  en: enLang,\r\n  zh: zhLang,\r\n  ar: arLang,\r\n  it: itLang,\r\n  es: esLang,\r\n  fr: frLang\r\n};\r\n\r\nexport default AppLocale;\r\n","import antdSA from \"antd/lib/locale-provider/fr_FR\";\r\nimport saMessages from \"../locales/fr_FR.json\";\r\n\r\nconst saLang = {\r\n  messages: {\r\n    ...saMessages\r\n  },\r\n  antd: antdSA,\r\n  locale: 'fr-FR',\r\n};\r\nexport default saLang;\r\n","import React from \"react\";\r\nimport {Scrollbars} from \"react-custom-scrollbars\";\r\n\r\nconst CustomScrollbars = (props) => <Scrollbars  {...props} autoHide\r\n                                                 renderTrackHorizontal={props => <div {...props}\r\n                                                                                      style={{display: 'none'}}\r\n                                                                                      className=\"track-horizontal\"/>}/>;\r\n\r\nexport default CustomScrollbars;\r\n","//gerçek oto için hem screen hem screenGercek açık olmalı\r\n//imza pos için sadece imza pos açık olmalı\r\n//paratic için sadece paratic açık olmalı\r\n\r\nconst screen = 0; //paratic\r\n//const screen = 1; //imzapos\r\n//const screen = 2 //bakiyem//\r\n//const screenGercek = 2; //gercek oto\r\nexport default {\r\n    screen: screen,\r\n    //screenGercek : screenGercek\r\n}","import {SWITCH_LANGUAGE, TOGGLE_COLLAPSED_NAV, WINDOW_WIDTH} from \"constants/ActionTypes\";\r\nimport {LAYOUT_TYPE, NAV_STYLE, THEME_COLOR_SELECTION, THEME_TYPE} from \"../../constants/ThemeSetting\";\r\n\r\n\r\nexport function toggleCollapsedSideNav(navCollapsed) {\r\n  return {type: TOGGLE_COLLAPSED_NAV, navCollapsed};\r\n}\r\n\r\nexport function updateWindowWidth(width) {\r\n  return {type: WINDOW_WIDTH, width};\r\n}\r\n\r\nexport function setThemeType(themeType) {\r\n  return {type: THEME_TYPE, themeType};\r\n}\r\n\r\nexport function setThemeColorSelection(colorSelection) {\r\n  return {type: THEME_COLOR_SELECTION, colorSelection};\r\n}\r\n\r\nexport function onNavStyleChange(navStyle) {\r\n  return {type: NAV_STYLE, navStyle};\r\n}\r\n\r\nexport function onLayoutTypeChange(layoutType) {\r\n  return {type: LAYOUT_TYPE, layoutType};\r\n}\r\n\r\nexport function switchLanguage(locale) {\r\n  return {\r\n    type: SWITCH_LANGUAGE,\r\n    payload: locale\r\n  };\r\n}\r\n","import React from \"react\";\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport {Link} from \"react-router-dom\";\r\nimport Screen from '../../util/Extensions/Screens'\r\nimport {onNavStyleChange, toggleCollapsedSideNav} from \"appRedux/actions/Setting\";\r\nimport {\r\n  NAV_STYLE_DRAWER,\r\n  NAV_STYLE_FIXED,\r\n  NAV_STYLE_MINI_SIDEBAR,\r\n  NAV_STYLE_NO_HEADER_MINI_SIDEBAR,\r\n  TAB_SIZE,\r\n  THEME_TYPE_LITE\r\n} from \"../../constants/ThemeSetting\";\r\n\r\n\r\nconst SidebarLogo = () => {\r\n  const dispatch = useDispatch();\r\n  const {width, themeType, navCollapsed} = useSelector(({settings}) => settings);\r\n  let navStyle = useSelector(({settings}) => settings.navStyle);\r\n  if (width < TAB_SIZE && navStyle === NAV_STYLE_FIXED) {\r\n    navStyle = NAV_STYLE_DRAWER;\r\n  }\r\n  return (\r\n    <div className=\"gx-layout-sider-header\">\r\n\r\n      {(navStyle === NAV_STYLE_FIXED || navStyle === NAV_STYLE_MINI_SIDEBAR) ? <div className=\"gx-linebar\">\r\n\r\n        <i\r\n          className={`gx-icon-btn icon icon-${navStyle === NAV_STYLE_MINI_SIDEBAR ? 'menu-unfold' : 'menu-fold'} ${themeType !== THEME_TYPE_LITE ? 'gx-text-white' : ''}`}\r\n          onClick={() => {\r\n            if (navStyle === NAV_STYLE_DRAWER) {\r\n              dispatch(toggleCollapsedSideNav(!navCollapsed));\r\n            } else if (navStyle === NAV_STYLE_FIXED) {\r\n              dispatch(onNavStyleChange(NAV_STYLE_MINI_SIDEBAR))\r\n            } else if (navStyle === NAV_STYLE_NO_HEADER_MINI_SIDEBAR) {\r\n              dispatch(toggleCollapsedSideNav(!navCollapsed));\r\n            } else {\r\n              dispatch(onNavStyleChange(NAV_STYLE_FIXED))\r\n            }\r\n          }}\r\n        />\r\n      </div> : null}\r\n\r\n      <Link to=\"/home\" className=\"gx-site-logo\">\r\n        {\r\n          Screen.screen === 0 ?\r\n          (\r\n            navStyle === NAV_STYLE_NO_HEADER_MINI_SIDEBAR && width >= TAB_SIZE ?\r\n              <img alt=\"\" src=\"\"/> :\r\n              themeType === THEME_TYPE_LITE ?\r\n                <img alt=\"\" src={require(\"assets/images/finekralogo_white.png\")}/> :\r\n                <img alt=\"\" style={{marginLeft: 36, width: 121}} src={require(\"assets/images/finekralogo_white.png\")}/>\r\n          )\r\n          :\r\n          (\r\n            Screen.screen === 1 ? \r\n            (\r\n              navStyle === NAV_STYLE_NO_HEADER_MINI_SIDEBAR && width >= TAB_SIZE ?\r\n                <img alt=\"\" src=\"\"/> :\r\n                themeType === THEME_TYPE_LITE ?\r\n                <img alt=\"paratic\" title=\"imzapos\" src={require(\"assets/images/imzaposLogoBeyaz.png\")}/> :\r\n                <img alt=\"paratic\" title=\"imzapos\" style={{marginLeft: 39, width: 121,marginTop:9}} src={require(\"assets/images/imzaposLogoBeyaz.png\")}/>\r\n            )\r\n            :\r\n            (\r\n              navStyle === NAV_STYLE_NO_HEADER_MINI_SIDEBAR && width >= TAB_SIZE ?\r\n                <img alt=\"\" src=\"\"/> :\r\n                themeType === THEME_TYPE_LITE ?\r\n                <img alt=\"paratic\" title=\"bakiyem\" src={require(\"assets/images/logoBakiyemWhite.png\")}/> :\r\n                <img alt=\"paratic\" title=\"bakiyem\" style={{marginLeft: 39, width: 121,marginTop:9}} src={require(\"assets/images/logoBakiyemWhite.png\")}/>\r\n            )\r\n          )\r\n         \r\n        }\r\n       \r\n\r\n      </Link>\r\n\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SidebarLogo;\r\n","export default {\r\n  // apiUrl: \"https://localhost:44372/api\",\r\n  //apiUrl: \"https://uatapi.paratic.com.tr/api\",\r\n  apiUrl: \"https://polynom-api.finekra.com/api\",\r\n  isFinekraLogoApiUrl: \"https://logo-api.finekra.com/api\",\r\n  //apiUrl: \"https://test-api.finekra.com/api\",\r\n  headers: {\r\n    headers: { Authorization: \"Bearer \" + localStorage.getItem(\"token\") },\r\n  },\r\n  //demoUrl: \"https://localhost:44351/\",\r\n  demoUrl: \"https://test.finekra.com/\",\r\n  //demoUrl: \"https://www.finekra.com/\",\r\n  //frontEndUrl: \"http://localhost:3000/\",\r\n  // frontEndUrl: \"https://panel.paratic.com.tr/\",\r\n  //frontEndUrl: \"https://ykb.finekra.com/\",\r\n  frontEndUrl: \"https://test-panel.finekra.com/\",\r\n  //supportPanelImgUrl: \"https://localhost:44391\",\r\n  supportPanelImgUrl: \"https://test-api.finekra.com\",\r\n  renderNotifications: false,\r\n};\r\n","import axios from \"axios\";\r\nimport config from \"./ApiforContext\";\r\nimport { notification } from \"antd\";\r\nimport OneSignal from \"react-onesignal\";\r\n\r\nconst isObject = (value) =>\r\n  typeof value === \"object\" && !Array.isArray(value) && value !== null;\r\n\r\nconst handleDefaultNotification = (response) => {\r\n  let type = response.data.success ? \"success\" : \"error\";\r\n  let message = response.data.success\r\n    ? \"İşlem başarılı.\"\r\n    : response.data.message;\r\n\r\n  notification[type]({\r\n    message: message,\r\n    duration: 3,\r\n  });\r\n};\r\n\r\nconst handleError = (error, options) => {\r\n  let message = error.toString();\r\n\r\n  if (error.response) {\r\n    if (error.response.status === 406) {\r\n      error.response.data.data.forEach((validationMessage) => {\r\n        notification.error({\r\n          message: validationMessage,\r\n          duration: 3,\r\n        });\r\n      });\r\n    } else if (error.response.status === 400) {\r\n      message = isObject(error.response.data)\r\n        ? error.response.data.message\r\n        : error.response.data;\r\n\r\n      notification.error({\r\n        message: message,\r\n        duration: 3,\r\n      });\r\n    } else if (error.response.status === 401) {\r\n      RequestHandler.removeUserInfo();\r\n      window.location = \"/lead-request\";\r\n      return;\r\n    } else if (error.response.status === 403) {\r\n      if (error.response.data?.message) {\r\n        notification.error({\r\n          message: error.response.data.message,\r\n          duration: 3,\r\n        });\r\n        return;\r\n      } else {\r\n        window.location = \"/not-authorized-access\";\r\n        return;\r\n      }\r\n    } else if (error.response.status === 500) {\r\n      notification.error({\r\n        message: isObject(error.response.data)\r\n          ? error.response.data.message\r\n          : \"Şu anda işleminizi gerçekleştiremiyoruz.Lütfen daha sonra tekrar deneyiniz.\",\r\n        duration: 3,\r\n      });\r\n    } else {\r\n      notification.error({\r\n        message: error.response.data?.message\r\n          ? error.response.data.message\r\n          : message,\r\n        duration: 3,\r\n      });\r\n    }\r\n  }\r\n\r\n  if (options?.rawResponse) {\r\n    return error;\r\n  }\r\n\r\n  return error.response\r\n    ? error.response.data\r\n    : {\r\n        message: message,\r\n        success: false,\r\n      };\r\n};\r\n\r\nconst handleRequest = (\r\n  endPoint,\r\n  method,\r\n  data,\r\n  showDefaultNotification,\r\n  options\r\n) => {\r\n  let defaultOptions = {\r\n    method: method,\r\n    url: endPoint.startsWith(\"http\") ? endPoint : config.apiUrl + endPoint,\r\n    headers: {\r\n      \"Content-Type\": \"application/json\",\r\n      \"Access-Control-Allow-Origin\": \"*\",\r\n      Authorization: \"bearer \" + RequestHandler.getToken(),\r\n    },\r\n    data: method !== \"get\" ? data : undefined,\r\n    params: method === \"get\" ? data : undefined,\r\n  };\r\n\r\n  if (options) {\r\n    defaultOptions = Object.assign(defaultOptions, options);\r\n  }\r\n\r\n  return axios\r\n    .request(defaultOptions)\r\n    .then((response) => {\r\n      if (showDefaultNotification) {\r\n        handleDefaultNotification(response);\r\n      }\r\n\r\n      return options?.rawResponse ? response : response.data;\r\n    })\r\n    .catch((error) => handleError(error, options));\r\n};\r\n\r\nconst RequestHandler = {\r\n  send: (endPoint, method, data, showDefaultNotification, options) => {\r\n    const nonAuthUrlPrefixes = [\r\n      \"/Auth\",\r\n      \"/PaymentRequest\",\r\n      \"/PosCollection\",\r\n      \"/ConstantPaymentRequest\",\r\n      \"/WebSite\",\r\n    ];\r\n    const isNonAuthEndpoint = nonAuthUrlPrefixes.some((element) =>\r\n      endPoint.toLowerCase().startsWith(element.toLowerCase())\r\n    );\r\n\r\n    const expiration = localStorage.getItem(\"expiration\");\r\n    const refreshExpiration = localStorage.getItem(\"refreshExpiration\");\r\n    if (expiration < Date.now() && !isNonAuthEndpoint) {\r\n      if (refreshExpiration < Date.now()) {\r\n        RequestHandler.removeUserInfo();\r\n        window.location = \"/lead-request\";\r\n      }\r\n\r\n      //send request after refresh token\r\n      return axios\r\n        .request({\r\n          method: \"post\",\r\n          url: config.apiUrl + \"/Auth/RefreshToken\",\r\n          headers: {\r\n            \"Content-Type\": \"application/json\",\r\n            \"Access-Control-Allow-Origin\": \"*\",\r\n            Authorization: \"bearer \" + localStorage.getItem(\"refreshToken\"),\r\n          },\r\n        })\r\n        .then((response) => {\r\n          RequestHandler.setUserInfo(response.data);\r\n          return response;\r\n        })\r\n        .then(() => {\r\n          return handleRequest(\r\n            endPoint,\r\n            method,\r\n            data,\r\n            showDefaultNotification,\r\n            options\r\n          );\r\n        });\r\n    }\r\n\r\n    return handleRequest(\r\n      endPoint,\r\n      method,\r\n      data,\r\n      showDefaultNotification,\r\n      options\r\n    );\r\n  },\r\n\r\n  get: (endPoint, data, options) =>\r\n    RequestHandler.send(endPoint, \"get\", data, false, options),\r\n\r\n  post: (endPoint, data, showDefaultNotification, options) =>\r\n    RequestHandler.send(\r\n      endPoint,\r\n      \"post\",\r\n      data,\r\n      showDefaultNotification !== false ? true : false,\r\n      options\r\n    ),\r\n\r\n  put: (endPoint, data, showDefaultNotification, options) =>\r\n    RequestHandler.send(\r\n      endPoint,\r\n      \"put\",\r\n      data,\r\n      showDefaultNotification !== false ? true : false,\r\n      options\r\n    ),\r\n\r\n  delete: (endPoint, data, showDefaultNotification, options) =>\r\n    RequestHandler.send(\r\n      endPoint,\r\n      \"delete\",\r\n      data,\r\n      showDefaultNotification !== false ? true : false,\r\n      options\r\n    ),\r\n\r\n  getToken: () => localStorage.getItem(\"token\"),\r\n\r\n  setUserInfo: (response) => {\r\n    localStorage.setItem(\r\n      \"expiration\",\r\n      new Date(response.data.expiration).getTime()\r\n    );\r\n    localStorage.setItem(\"token\", response.data.token);\r\n    localStorage.setItem(\r\n      \"refreshExpiration\",\r\n      new Date(response.data.refreshTokenExpiration).getTime()\r\n    );\r\n    localStorage.setItem(\"refreshToken\", response.data.refreshToken);\r\n    localStorage.setItem(\"userId\", response.data.userId);\r\n    localStorage.setItem(\"email\", response.data.email);\r\n    localStorage.setItem(\"tenantId\", response.data.tenantId);\r\n    localStorage.setItem(\"userName\", response.data.userName);\r\n  },\r\n\r\n  removeUserInfo: () => {\r\n    OneSignal.logout();\r\n    localStorage.removeItem(\"expiration\");\r\n    localStorage.removeItem(\"token\");\r\n    localStorage.removeItem(\"refreshExpiration\");\r\n    localStorage.removeItem(\"refreshToken\");\r\n    localStorage.removeItem(\"userId\");\r\n    localStorage.removeItem(\"email\");\r\n    localStorage.removeItem(\"tenantId\");\r\n    localStorage.removeItem(\"userName\");\r\n  },\r\n};\r\n\r\nexport default RequestHandler;\r\n","const typeTemplate = \"'${label}' alanı geçerli bir ${type} değil.\";\r\nexport const defaultValidateMessages = {\r\n  default: \"'${Label}' alanı doğrulama hatası\",\r\n  required: \"'${label}' alanı gerekli.\",\r\n  enum: \"'${label}' alanı [$ {enum}] değerlerinden biri olmalıdır.\",\r\n  whitespace: \"'${label}' alanı boş olamaz.\",\r\n  date: {\r\n    format: \"'${label}' alanı tarih formatı geçersiz.\",\r\n    parse: \"'${label}' alanı tarih olarak ayrıştırılamadı.\",\r\n    invalid: \"'${label}' alanı geçersiz bir tarih.\",\r\n  },\r\n  types: {\r\n    string: typeTemplate,\r\n    method: typeTemplate,\r\n    array: typeTemplate,\r\n    object: typeTemplate,\r\n    number: typeTemplate,\r\n    date: typeTemplate,\r\n    boolean: typeTemplate,\r\n    integer: typeTemplate,\r\n    float: typeTemplate,\r\n    regexp: typeTemplate,\r\n    email: typeTemplate,\r\n    url: typeTemplate,\r\n    hex: typeTemplate,\r\n  },\r\n  string: {\r\n    len: \"'${label}' alanı tam olarak ${len} karakter olmalıdır.\",\r\n    min: \"'${label}' alanı en az ${min} karakter olmalıdır.\",\r\n    max: \"'${label}' alanı ${max} karakterden uzun olamaz.\",\r\n    range: \"'${label}' alanı ${min} ile ${max} karakter arasında olmalıdır.\",\r\n  },\r\n  number: {\r\n    len: \"'${label}' alanı ${len} değerine eşit olmalıdır.\",\r\n    min: \"'${label}' alanı ${min}'den az olamaz.\",\r\n    max: \"'${label}' alanı ${max}'dan büyük olamaz.\",\r\n    range: \"'${label}' alanı ${min} ile ${max} arasında olmalıdır.\",\r\n  },\r\n  array: {\r\n    len: \"'${label}' alanı tam olarak ${len} uzunluğunda olmalıdır.\",\r\n    min: \"'${label}' alanı uzunluğu ${min}'den az olamaz.\",\r\n    max: \"'${label}' alanı uzunluğu ${max}'dan fazla olamaz.\",\r\n    range: \"'${label}' alanı uzunluğu ${min} ile ${max} arasında olmalıdır.\",\r\n  },\r\n  pattern: {\r\n    mismatch: \"'${label}' alanı ${pattern} kalıbıyla eşleşmiyor.\",\r\n  },\r\n};\r\n\r\n//onInput functions\r\nexport const onInputMaxLengthCheck = (e) => {\r\n  if (e.target.value.length > e.target.maxLength) {\r\n    e.target.value = e.target.value.slice(0, e.target.maxLength);\r\n  }\r\n};\r\n\r\n//onKeyDown functions\r\nexport const onKeyDownNumberOnly = (e) => {\r\n  if (\r\n    isNaN(e.key) &&\r\n    !(\r\n      e.key === \"Backspace\" ||\r\n      e.key === \"Delete\" ||\r\n      e.key.startsWith(\"Arrow\") ||\r\n      e.shiftKey ||\r\n      e.ctrlKey\r\n    )\r\n  ) {\r\n    e.preventDefault();\r\n  }\r\n};\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Form, Col, Row, Button, Select } from \"antd\";\r\nimport { SaveOutlined } from \"@ant-design/icons\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { defaultValidateMessages } from \"./Helper\";\r\n\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 8,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 16,\r\n    },\r\n  },\r\n};\r\n\r\nconst DefaultModuleUpdateForm = (props) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [moduleSelect, setModuleSelect] = useState({\r\n    data: [],\r\n    loading: true,\r\n  });\r\n  const [form] = Form.useForm();\r\n\r\n  useEffect(() => {\r\n    getModules();\r\n  }, []);\r\n\r\n  const getModules = () => {\r\n    setModuleSelect({\r\n      ...moduleSelect,\r\n      loading: true,\r\n    });\r\n\r\n    RequestHandler.get(\"/Module/GetDefaultSelectableModules\").then(\r\n      (response) => {\r\n        setModuleSelect({\r\n          data: response,\r\n          loading: false,\r\n        });\r\n\r\n        const defaultModuleId = localStorage.getItem(\"defaultModuleId\");\r\n        if (response.some((x) => x.id == defaultModuleId)) {\r\n          form.setFieldsValue({ moduleId: parseInt(defaultModuleId) });\r\n        }\r\n      }\r\n    );\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    RequestHandler.put(`/User/UpdateDefaultModule/${values.moduleId}`).then(\r\n      (response) => {\r\n        setLoading(false);\r\n        if (response.success) {\r\n          localStorage.setItem(\"defaultModuleId\", values.moduleId);\r\n          if (props.onSuccess) props.onSuccess();\r\n        }\r\n      }\r\n    );\r\n  };\r\n\r\n  const onFinishFailed = (errorInfo) => {\r\n    setLoading(false);\r\n  };\r\n\r\n  return (\r\n    <Form\r\n      {...formItemLayout}\r\n      validateMessages={defaultValidateMessages}\r\n      form={form}\r\n      name=\"defaultModuleUpdate\"\r\n      initialValues={{\r\n        remember: true,\r\n      }}\r\n      onFinish={onFinish}\r\n      onFinishFailed={onFinishFailed}\r\n    >\r\n      <Row>\r\n        <Col span={24}>\r\n          <Form.Item\r\n            name=\"moduleId\"\r\n            label=\"Varsayılan Modül\"\r\n            rules={[{ required: true }]}\r\n          >\r\n            <Select\r\n              showSearch\r\n              placeholder=\"Seçiniz\"\r\n              filterOption={(input, option) =>\r\n                option.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n              loading={moduleSelect.loading}\r\n            >\r\n              {moduleSelect.data.map((item) => (\r\n                <Select.Option key={item.id} value={item.id}>\r\n                  {item.name}\r\n                </Select.Option>\r\n              ))}\r\n            </Select>\r\n          </Form.Item>\r\n\r\n          <Col style={{ textAlign: \"right\" }}>\r\n            <Button\r\n              type=\"primary\"\r\n              icon={<SaveOutlined />}\r\n              htmlType=\"submit\"\r\n              onClick={() => setLoading(true)}\r\n              loading={loading}\r\n            >\r\n              Kaydet\r\n            </Button>\r\n          </Col>\r\n        </Col>\r\n      </Row>\r\n    </Form>\r\n  );\r\n};\r\nexport default DefaultModuleUpdateForm;\r\n","const getMenuItems = (permissions) => [\r\n  {\r\n    key: \"home\",\r\n    url: \"/home\",\r\n    // icon: \"icon icon-home\",\r\n    title: \"Anasayfa\",\r\n    style: { color: \"white\" },\r\n    children: [\r\n      {\r\n        key: \"home-act\",\r\n        url: \"/home-act\",\r\n        icon: \"icon icon-revenue-new\",\r\n        title: \"Hesap Hareketleri\",\r\n        module: 1,\r\n      },\r\n      {\r\n        key: \"home-pos\",\r\n        url: \"/home-pos\",\r\n        icon: \"icon icon-pricing-table\",\r\n        title: \"POS Rapor\",\r\n        module: 5,\r\n      },\r\n      {\r\n        key: \"home-dbs\",\r\n        url: \"/home-dbs\",\r\n        icon: \"icon icon-family\",\r\n        title: \"Doğrudan Borçlandırma Sistemi\",\r\n        module: 3,\r\n      },\r\n      {\r\n        key: \"home-b2b\",\r\n        url: \"/home-b2b\",\r\n        icon: \"icon icon-profile\",\r\n        title: \"B2B Anasayfa\",\r\n        module: 8,\r\n      },\r\n      {\r\n        key: \"home-subscriberFirm\",\r\n        url: \"/home-subscriberFirm\",\r\n        icon: \"icon icon-all-contacts\",\r\n        title: \"Apartman-Site\",\r\n        module: 9,\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    key: \"accountprocess\",\r\n    // icon: \"icon icon-card\",\r\n    title: \"Hesap İşlemleri\",\r\n    module: 1,\r\n    children: [\r\n      {\r\n        key: \"bank-list\",\r\n        url: \"/bank-list\",\r\n        icon: \"icon icon-all-contacts\",\r\n        title: \"Banka Bakiyeleri\",\r\n      },\r\n      {\r\n        key: \"bank-accounts\",\r\n        url: \"/bank-accounts\",\r\n        icon: \"icon icon-cards-list-view\",\r\n        title: \"Hesap Bakiyeleri\",\r\n      },\r\n      {\r\n        key: \"account-transaction\",\r\n        url: \"/account-transaction\",\r\n        icon: \"icon icon-select\",\r\n        title: \"Hesap Hareketleri\",\r\n      },\r\n      {\r\n        key: \"consolidate-transacitons\",\r\n        icon: \"icon icon-all-contacts\",\r\n        title: \"Konsolide\",\r\n        isRender: permissions.isGroupUser,\r\n        children: [\r\n          {\r\n            key: \"consolidated-bank\",\r\n            url: \"/consolidated/bank\",\r\n            icon: \"icon icon-all-contacts\",\r\n            title: \"Banka\",\r\n          },\r\n          {\r\n            key: \"consolidated-transactions\",\r\n            url: \"/consolidated/account-transaction\",\r\n            icon: \"icon icon-select\",\r\n            title: \"Hesap Hareketleri\",\r\n          },\r\n        ],\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    key: \"posOperations\",\r\n    // icon: \"icon icon-revenue-new\",\r\n    title: \"POS Rapor\",\r\n    module: 5,\r\n    children: [\r\n      {\r\n        key: \"pos-transaction\",\r\n        url: \"/pos-transaction\",\r\n        icon: \"icon icon-all-contacts\",\r\n        title: \"POS Hareketleri\",\r\n      },\r\n      {\r\n        key: \"pos-reports\",\r\n        url: \"/pos-reports\",\r\n        icon: \"icon icon-all-contacts\",\r\n        title: \"Özet Grafikler\",\r\n        isRender: permissions.isShowPosSummaryGraphic,\r\n      },\r\n      {\r\n        key: \"value-report\",\r\n        url: \"/value-report\",\r\n        icon: \"icon icon-all-contacts\",\r\n        title: \"Valör Raporu\",\r\n      },\r\n      {\r\n        key: \"commission-report\",\r\n        url: \"/commission-report\",\r\n        icon: \"icon icon-all-contacts\",\r\n        title: \"Komisyon Raporu\",\r\n      },\r\n      {\r\n        key: \"pos-volume-report\",\r\n        url: \"/pos-volume-report\",\r\n        icon: \"icon icon-all-contacts\",\r\n        title: \"Ciro Raporu\",\r\n      },\r\n      {\r\n        key: \"pos-early-unblock-report\",\r\n        url: \"/pos-early-unblock\",\r\n        icon: \"icon icon-all-contacts\",\r\n        title: \"Erken Bloke Çözüm Raporu\",\r\n        isRender: permissions.isAllowPosEarlyUnblock,\r\n      },\r\n      {\r\n        key: \"commission-definition\",\r\n        url: \"/commission-definition\",\r\n        icon: \"icon icon-feedback\",\r\n        title: \"Komisyon Tanımlama\",\r\n      },\r\n      {\r\n        key: \"pos-memberworkplace-terminal-list\",\r\n        url: \"/pos-memberworkplace-terminal-list\",\r\n        icon: \"icon icon-all-contacts\",\r\n        title: \"Üye İşYeri-Terminal Listesi\",\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    key: \"tos\",\r\n    // icon: \"icon icon-revenue-new\",\r\n    title: \"TÖS\",\r\n    module: 2,\r\n    children: [\r\n      {\r\n        key: \"tos-payment\",\r\n        url: \"/tos-payment\",\r\n        icon: \"icon icon-ckeditor\",\r\n        title: \"Ödeme Listesi\",\r\n      },\r\n      {\r\n        key: \"tos-order\",\r\n        url: \"/tos-order\",\r\n        icon: \"icon icon-editor\",\r\n        title: \"Talimat Listesi\",\r\n      },\r\n      {\r\n        key: \"tos-sent-order\",\r\n        url: \"/tos-sent-order\",\r\n        icon: \"icon icon-editor\",\r\n        title: \"Gönderilmiş Talimatlar\",\r\n      },\r\n      {\r\n        key: \"tos-sent-payment\",\r\n        url: \"/tos-sent-payment\",\r\n        icon: \"icon icon-editor\",\r\n        title: \"Gönderilmiş Ödemeler\",\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    key: \"dbs\",\r\n    // icon: \"icon icon-revenue-new\",\r\n    title: \"DBS\",\r\n    module: 3,\r\n    children: [\r\n      {\r\n        key: \"dbs-dealer\",\r\n        url: \"/dbs-dealer\",\r\n        icon: \"icon icon-team\",\r\n        title: \"Bayi Bilgileri\",\r\n      },\r\n      {\r\n        key: \"dbs-invoice\",\r\n        url: \"/dbs-invoice\",\r\n        icon: \"icon icon-editor\",\r\n        title: \"Fatura Listesi\",\r\n      },\r\n      {\r\n        key: \"dbs-sent-invoice\",\r\n        url: \"/dbs-sent-invoice\",\r\n        icon: \"icon icon-sent\",\r\n        title: \"Gönderilmiş Faturalar\",\r\n      },\r\n      {\r\n        key: \"dbs-report\",\r\n        icon: \"icon icon-data-display\",\r\n        title: \"Raporlar\",\r\n        children: [\r\n          {\r\n            key: \"dbs-report/bank-limit-report\",\r\n            url: \"/dbs-report/bank-limit-report\",\r\n            icon: \"icon icon-chart-radial\",\r\n            title: \"Banka Bazlı Limit Raporu\",\r\n          },\r\n          {\r\n            key: \"dbs-report/bank-volume-report\",\r\n            url: \"/dbs-report/bank-volume-report\",\r\n            icon: \"icon icon-chart-composed\",\r\n            title: \"Banka Bazlı Ciro Raporu\",\r\n          },\r\n          {\r\n            key: \"dbs-report/firm-status-report\",\r\n            url: \"/dbs-report/firm-status-report\",\r\n            icon: \"icon icon-profile\",\r\n            title: \"Cari Durum Raporu\",\r\n          },\r\n          {\r\n            key: \"dbs-report/value-report\",\r\n            url: \"/dbs-report/value-report\",\r\n            icon: \"icon icon-all-contacts\",\r\n            title: \"İleri Yönelik Alacaklar Raporu\",\r\n          },\r\n        ],\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    key: \"subscriberFirm\",\r\n    // icon: \"icon icon-card\",\r\n    title: \"ASY\",\r\n    module: 9,\r\n    children: [\r\n      {\r\n        key: \"subscriberfirm-list\",\r\n        url: \"/subscriberfirm-list\",\r\n        icon: \"icon icon-all-contacts\",\r\n        title: \"Daire Listesi\",\r\n      },\r\n      {\r\n        key: \"subscriberfirm-status-report\",\r\n        url: \"/subscriberfirm-status-report\",\r\n        icon: \"icon icon-profile\",\r\n        title: \"Daire Durumları\",\r\n      },\r\n      {\r\n        key: \"subscriberfirm-pos-collection-transaction\",\r\n        url: \"/subscriberfirm-pos-collection-transaction\",\r\n        icon: \"icon icon-timepicker\",\r\n        title: \"Pos ile Aidat Ödemeleri\",\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    key: \"reports\",\r\n    // icon: \"icon icon-amchart\",\r\n    title: \"Raporlar\",\r\n    module: 12,\r\n    children: [\r\n      {\r\n        key: \"firm-status-report\",\r\n        url: \"/firm-status-report\",\r\n        icon: \"icon icon-company\",\r\n        title: \"Cari Durumları\",\r\n      },\r\n      {\r\n        key: \"chart-reports\",\r\n        url: \"/chart-reports\",\r\n        icon: \"icon icon-company\",\r\n        title: \"Ay Bazlı Grafik\",\r\n      },\r\n      {\r\n        key: \"bank-based-transaction\",\r\n        url: \"/bank-based-transaction\",\r\n        icon: \"icon icon-company\",\r\n        title: \"Banka Bazlı Hareket\",\r\n      },\r\n      {\r\n        key: \"monthly-firm-status-report\",\r\n        url: \"/monthly-firm-status-report\",\r\n        icon: \"icon icon-company\",\r\n        title: \"Tarih Bazlı Durum\",\r\n      },\r\n      {\r\n        key: \"day-reports\",\r\n        url: \"/day-reports\",\r\n        icon: \"icon icon-company\",\r\n        title: \"Gün Sonu Raporu\",\r\n      },\r\n      {\r\n        key: \"balance-reports\",\r\n        url: \"/balance-reports\",\r\n        icon: \"icon icon-company\",\r\n        title: \"Bakiye Raporu\",\r\n      },\r\n      {\r\n        key: \"risk-analysis\",\r\n        url: \"/risk-analysis\",\r\n        icon: \"icon icon-chart-line\",\r\n        title: \"Risk Analiz Raporu\",\r\n        module: 14\r\n      }\r\n    ],\r\n  },\r\n  {\r\n    key: \"firms\",\r\n    // icon: \"icon icon-company\",\r\n    title: \"Cari İşlemleri\",\r\n    children: [\r\n      {\r\n        key: \"firm-list\",\r\n        url: \"/firm-list\",\r\n        icon: \"icon icon-all-contacts\",\r\n        title: \"Cari Listesi\",\r\n      },\r\n      {\r\n        key: \"firm-account-list\",\r\n        url: \"/firm-account-list\",\r\n        icon: \"icon icon-anchor\",\r\n        title: \"Cari Hesapları\",\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    key: \"paymentManagement\",\r\n    // icon: \"icon icon-company\",\r\n    title: \"Nakit Yönetimi\",\r\n    children: [\r\n      {\r\n        key: \"monthlyPlans\",\r\n        icon: \"icon icon-company\",\r\n        title: \"Gelir-Gider Planlama\",\r\n        url: \"/monthly-plan-list\",\r\n      },\r\n      {\r\n        key: \"manual-account-transaction\",\r\n        url: \"/manual-account-transaction\",\r\n        icon: \"icon icon-data-entry\",\r\n        title: \"Kasa İşlemleri\",\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    key: \"erp\",\r\n    title: \"Erp\",\r\n    module: 7,\r\n    children: [\r\n      {\r\n        key: \"erp-incoming-transaction\",\r\n        url: \"/erp-incoming-transaction\",\r\n        icon: \"icon icon-chart-line\",\r\n        title: \"Gelen İşlemler\",\r\n      },\r\n      {\r\n        key: \"erp-outgoing-transaction\",\r\n        url: \"/erp-outgoing-transaction\",\r\n        icon: \"icon icon-chart-area-new\",\r\n        title: \"Giden İşlemler\",\r\n      },\r\n      {\r\n        key: \"erp-pos-transaction\",\r\n        url: \"/erp-pos-transaction\",\r\n        icon: \"icon icon-chart-line\",\r\n        title: \"Pos Tahsilat Aktarım\",\r\n      },\r\n      {\r\n        key: \"erp-creditcard-plan-transaction\",\r\n        url: \"/erp-creditcard-plan-transaction\",\r\n        icon: \"icon icon-chart-area-new\",\r\n        title: \"Çek-Senet/Kredi Kartı/Kasa Aktarımı\",\r\n      },\r\n      {\r\n        key: \"erp-pos-report-transaction\",\r\n        url: \"/erp-pos-report-transaction\",\r\n        icon: \"icon icon-chart-line\",\r\n        title: \"Pos Rapor Aktarım\",\r\n      },\r\n      {\r\n        key: \"erp-dbs-invoice\",\r\n        url: \"/erp-dbs-invoice\",\r\n        icon: \"icon icon-chart-line\",\r\n        title: \"Dbs Fatura Aktarım\",\r\n      },\r\n      {\r\n        key: \"erp-report\",\r\n        icon: \"icon icon-pricing-table\",\r\n        title: \"Erp Rapor\",\r\n        children: [\r\n          {\r\n            key: \"erp-firm-report\",\r\n            url: \"/erp-firm-report\",\r\n            icon: \"icon icon-all-contacts\",\r\n            title: \"Cari Takip\",\r\n          },\r\n          {\r\n            key: \"erp-stock-report\",\r\n            url: \"/erp-stock-report\",\r\n            icon: \"icon icon-all-contacts\",\r\n            title: \"Stok Durumu\",\r\n          },\r\n        ],\r\n      },\r\n      {\r\n        key: \"erp-activity-list\",\r\n        url: \"/erp-activity-list\",\r\n        icon: \"icon icon-data-entry\",\r\n        title: \"Veri Yükleme\",\r\n      },\r\n      {\r\n        key: \"account-transaction-excel\",\r\n        url: \"/account-transaction-excel\",\r\n        icon: \"icon icon-select\",\r\n        title: \"Hesap Hareketleri Excel\",\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    key: \"b2b\",\r\n    title: \"B2B\",\r\n    module: 8,\r\n    children: [\r\n      {\r\n        key: \"pos-collection-transaction\",\r\n        url: \"/pos-collection-transaction\",\r\n        icon: \"icon icon-timepicker\",\r\n        title: \"Tahsilat Geçmişi\",\r\n      },\r\n      {\r\n        key: \"pos-collection\",\r\n        url: \"/pos-collection\",\r\n        icon: \"icon icon-litcoin\",\r\n        title: \"Pos Tahsilatı\",\r\n      },\r\n\r\n      {\r\n        key: \"payment-request\",\r\n        url: \"/payment-request\",\r\n        icon: \"icon icon-contacts\",\r\n        title: \"Ödeme Linki Oluştur\",\r\n      },\r\n      {\r\n        key: \"payment-list\",\r\n        url: \"/payment-list\",\r\n        icon: \"icon icon-all-contacts\",\r\n        title: \"Linkle Ödeme Takibi\",\r\n      },\r\n      {\r\n        key: \"collection-commission-definition\",\r\n        url: \"/collection-commission-definition\",\r\n        icon: \"icon icon-feedback\",\r\n        title: \"Banka Taksit Tanımları\",\r\n      },\r\n      {\r\n        key: \"firm-panel\",\r\n        url: \"/firm-panel\",\r\n        icon: \"icon icon-company\",\r\n        title: \"B2B Firma Tanımlama\",\r\n      },\r\n    ],\r\n  },\r\n  {\r\n    key: \"setting\",\r\n    // icon: \"icon icon-setting\",\r\n    title: \"Ayarlar\",\r\n    isRender: permissions.isAdmin,\r\n    children: [\r\n      {\r\n        key: \"group-list\",\r\n        url: \"/group-list\",\r\n        icon: \"icon icon-company\",\r\n        title: \"Grup Yönetimi\",\r\n        isRender: permissions.isGroupAdmin,\r\n      },\r\n      {\r\n        key: \"transaction-bank-info\",\r\n        url: \"/transaction-bank-info\",\r\n        icon: \"icon icon-all-contacts\",\r\n        title: \"Banka Erişimi\",\r\n      },\r\n      // {\r\n      //   key: \"currency-live\",\r\n      //   url: \"\",\r\n      //   icon: \"icon icon-cards-list-view\",\r\n      //   title: \"Döviz Kuru\",\r\n      // },\r\n      {\r\n        key: \"tenant-parameter\",\r\n        url: \"/tenant-parameter\",\r\n        icon: \"icon icon-setting\",\r\n        title: \"Firma Ayarları\",\r\n      },\r\n      // {\r\n      //   key: \"password-access\",\r\n      //   url: \"\",\r\n      //   icon: \"icon icon-cards-list-view\",\r\n      //   title: \"Sms Onayı\",\r\n      // },\r\n      {\r\n        key: \"notifications\",\r\n        url: \"/notifications\",\r\n        icon: \"icon icon-cards-list-view\",\r\n        title: \"Bildirim\",\r\n      },\r\n      {\r\n        key: \"user-list\",\r\n        url: \"/user-list\",\r\n        icon: \"icon icon-all-contacts\",\r\n        title: \"Kullanıcı Listesi\",\r\n      },\r\n      {\r\n        key: \"types\",\r\n        // icon: \"icon icon-setting\",\r\n        title: \"İşlem Tipleri\",\r\n        children: [\r\n          {\r\n            key: \"firm-class-list\",\r\n            url: \"/firm-class-list\",\r\n            icon: \"icon icon-menu-unfold\",\r\n            title: \"Cari Sınıfları\",\r\n          },\r\n          {\r\n            key: \"monthly-plan-type-list\",\r\n            url: \"/monthly-plan-type-list\",\r\n            icon: \"icon icon-home\",\r\n            title: \"Gelir-Gider Tipleri\",\r\n          },\r\n          {\r\n            key: \"manual-account-transaction-type\",\r\n            url: \"/manual-account-transaction-type\",\r\n            icon: \"icon icon-data-entry\",\r\n            title: \"Kasa İşlem Tipi\",\r\n          },\r\n          {\r\n            key: \"transaction-project-type\",\r\n            url: \"/transaction-project-type\",\r\n            icon: \"icon icon-all-contacts\",\r\n            title: \"Aktarım Parametreleri\",\r\n          },\r\n        ],\r\n      },\r\n      {\r\n        key: \"accountTransactionRules\",\r\n        url: \"/account-transaction-rule\",\r\n        icon: \"icon icon-cards-list-view\",\r\n        title: \"Kural Listesi\",\r\n      },\r\n      {\r\n        key: \"tenant-screen-settings\",\r\n        url: \"/tenant-screen-settings\",\r\n        icon: \"icon icon-setting\",\r\n        title: \"Ekran Ayarları\",\r\n      },\r\n    ],\r\n  },\r\n];\r\n\r\nexport default getMenuItems;\r\n","import React, {useEffect} from \"react\";\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport {Drawer, Layout} from \"antd\";\r\n\r\nimport SidebarContent from \"./SidebarContent\";\r\nimport {toggleCollapsedSideNav, updateWindowWidth} from \"appRedux/actions/Setting\";\r\nimport {\r\n  NAV_STYLE_DRAWER,\r\n  NAV_STYLE_FIXED,\r\n  NAV_STYLE_MINI_SIDEBAR,\r\n  NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR,\r\n  NAV_STYLE_NO_HEADER_MINI_SIDEBAR,\r\n  TAB_SIZE,\r\n  THEME_TYPE_LITE\r\n} from \"../../constants/ThemeSetting\";\r\n\r\nconst {Sider} = Layout;\r\n\r\nconst Sidebar = () => {\r\n\r\n  const dispatch = useDispatch();\r\n\r\n  const {themeType, navCollapsed, width, navStyle} = useSelector(({settings}) => settings);\r\n\r\n\r\n  const onToggleCollapsedNav = () => {\r\n    dispatch(toggleCollapsedSideNav(!navCollapsed));\r\n  };\r\n\r\n  useEffect(() => {\r\n    window.addEventListener('resize', () => {\r\n      dispatch(updateWindowWidth(window.innerWidth));\r\n    })\r\n  }, [dispatch]);\r\n\r\n\r\n  let drawerStyle = \"gx-collapsed-sidebar\";\r\n\r\n  if (navStyle === NAV_STYLE_FIXED) {\r\n    drawerStyle = \"\";\r\n  } else if (navStyle === NAV_STYLE_NO_HEADER_MINI_SIDEBAR) {\r\n    drawerStyle = \"gx-mini-sidebar gx-mini-custom-sidebar\";\r\n  } else if (navStyle === NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR) {\r\n    drawerStyle = \"gx-custom-sidebar\"\r\n  } else if (navStyle === NAV_STYLE_MINI_SIDEBAR) {\r\n    drawerStyle = \"gx-mini-sidebar\";\r\n  } else if (navStyle === NAV_STYLE_DRAWER) {\r\n    drawerStyle = \"gx-collapsed-sidebar\"\r\n  }\r\n  if ((navStyle === NAV_STYLE_FIXED || navStyle === NAV_STYLE_MINI_SIDEBAR\r\n    || navStyle === NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR) && width < TAB_SIZE) {\r\n    drawerStyle = \"gx-collapsed-sidebar\"\r\n  }\r\n  return (\r\n    <Sider\r\n      style={{backgroundColor:\"#003366\"}}\r\n      className={`gx-app-sidebar ${drawerStyle} ${themeType !== THEME_TYPE_LITE ? 'gx-layout-sider-dark' : null}`}\r\n      trigger={null}\r\n      collapsed={(width < TAB_SIZE ? false : navStyle === NAV_STYLE_MINI_SIDEBAR || navStyle === NAV_STYLE_NO_HEADER_MINI_SIDEBAR)}\r\n      theme={themeType === THEME_TYPE_LITE ? \"lite\" : \"dark\"}\r\n      collapsible>\r\n      {\r\n        navStyle === NAV_STYLE_DRAWER || width < TAB_SIZE ?\r\n          <Drawer\r\n            className={`gx-drawer-sidebar ${themeType !== THEME_TYPE_LITE ? 'gx-drawer-sidebar-dark' : null}`}\r\n            placement=\"left\"\r\n            closable={false}\r\n            onClose={onToggleCollapsedNav}\r\n            visible={navCollapsed}>\r\n            <SidebarContent/>\r\n          </Drawer> :\r\n          <SidebarContent/>\r\n      }\r\n    </Sider>)\r\n};\r\nexport default Sidebar;\r\n","import React from \"react\";\r\n\r\nconst SearchBox = ({styleName, placeholder, onChange, value}) => {\r\n\r\n  return (\r\n    <div className={`gx-search-bar ${styleName}`}>\r\n      <div className=\"gx-form-group\">\r\n        <input className=\"ant-input\" type=\"search\" placeholder={placeholder} onChange={onChange}\r\n               value={value}/>\r\n        <span className=\"gx-search-icon gx-pointer\"><i className=\"icon icon-search\"/></span>\r\n      </div>\r\n    </div>\r\n  )\r\n};\r\nexport default SearchBox;\r\n\r\nSearchBox.defaultProps = {\r\n  styleName: \"\",\r\n  value: \"\",\r\n};\r\n","import React, { useState } from \"react\";\r\nimport { Button, Popover, List, Skeleton } from 'antd';\r\nimport { DeleteOutlined, EyeOutlined } from \"@ant-design/icons\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { Link, useHistory } from \"react-router-dom\";\r\n\r\nconst NotificationItem = ({ notification, dataIndex, onMarkAsReadSuccess, onDeleteSuccess, onClickNotificationWithBody, setPopoverVisible }) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const { title, shortDescription, url } = notification;\r\n  let history = useHistory();\r\n\r\n  const onClickMarkAsRead = (id) => {\r\n    setLoading(true);\r\n    RequestHandler.put(`/FeatureNotification/MarkAsRead/${id}`, null, false).then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        onMarkAsReadSuccess(id, dataIndex);\r\n      }\r\n    });\r\n  };\r\n\r\n  const onClickDelete = (id) => {\r\n    setLoading(true);\r\n    RequestHandler.delete(`/FeatureNotification/${id}`, null, false).then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        onDeleteSuccess(id, dataIndex);\r\n      }\r\n    });\r\n  };\r\n\r\n  const onClickExtarnalUrlTitle = () => {\r\n    if (!notification.isRead) {\r\n      onClickMarkAsRead(notification.id);\r\n    }\r\n  };\r\n\r\n  const onClickUrlTitle = () => {\r\n    if (!notification.isRead) {\r\n      onClickMarkAsRead(notification.id);\r\n    }\r\n\r\n    if (setPopoverVisible) {\r\n      setPopoverVisible(false);\r\n    }\r\n  };\r\n\r\n  const onClickContentTitle = () => {\r\n    if (!notification.isRead) {\r\n      onClickMarkAsRead(notification.id);\r\n    }\r\n\r\n    if (onClickNotificationWithBody) {\r\n      onClickNotificationWithBody(notification.id);\r\n    }\r\n\r\n    if (setPopoverVisible) {\r\n      setPopoverVisible(false);\r\n    }\r\n  };\r\n\r\n  const onClickListItemMeta = () => {\r\n    if (!notification.isRead) {\r\n      onClickMarkAsRead(notification.id);\r\n    }\r\n\r\n    if (url) {\r\n      const isExternalUrl = url.toLowerCase().startsWith(\"http\");\r\n      return isExternalUrl ? window.open(url, '_blank', 'noopener,noreferrer') : history.push(url);\r\n    }\r\n\r\n    if (notification.hasContentBody) {\r\n      onClickContentTitle();\r\n    }\r\n\r\n    if (setPopoverVisible) {\r\n      setPopoverVisible(false);\r\n    }\r\n  };\r\n\r\n  const renderTitle = () => {\r\n    if (url) {\r\n      const isExternalUrl = url.toLowerCase().startsWith(\"http\");\r\n      return isExternalUrl ?\r\n        (<a href={url} target=\"_blank\" rel=\"noreferrer\" onClick={onClickExtarnalUrlTitle}>{title}</a>) :\r\n        (<Link to={url} onClick={onClickUrlTitle}>{title}</Link>);\r\n    }\r\n\r\n    if (notification.hasContentBody) {\r\n      return (<a className=\"gx-link gx-font-weight-semi-bold\" onClick={onClickContentTitle}>{title}</a>)\r\n    }\r\n\r\n    return title;\r\n  };\r\n\r\n  const getActions = () => {\r\n    if (loading) {\r\n      return (\r\n        <Button type=\"text\" loading={loading} style={{ border: 0 }} />\r\n      );\r\n    }\r\n\r\n    return (\r\n      <>\r\n        {!notification.isRead && (\r\n          <Popover content=\"Okundu Olarak İşaretle\">\r\n            <Button className=\"gx-mb-0\" type=\"text\" icon={<EyeOutlined />} onClick={() => onClickMarkAsRead(notification.id)} />\r\n          </Popover>\r\n        )\r\n        }\r\n        <Popover content=\"Sil\">\r\n          <Button className=\"gx-mb-0\" type=\"text\" icon={<DeleteOutlined />} onClick={() => onClickDelete(notification.id)} />\r\n        </Popover>\r\n      </>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <List.Item style={{ padding: \"12px 16px\", backgroundColor: notification.isRead ? undefined : \"rgba(51, 108, 213, 0.2)\" }} >\r\n      <Skeleton loading={false}>\r\n        <List.Item.Meta\r\n          title={<strong>{renderTitle()}</strong>}\r\n          description={shortDescription}\r\n          onClick={url || notification.hasContentBody ? onClickListItemMeta : undefined}\r\n          style={{ cursor: url || notification.hasContentBody ? \"pointer\" : undefined }}\r\n        />\r\n        <div>{getActions()}</div>\r\n      </Skeleton>\r\n    </List.Item >\r\n  );\r\n};\r\n\r\nexport default NotificationItem;","import React, { useState, useEffect } from \"react\";\r\nimport NotificationItem from \"./NotificationItem\";\r\nimport CustomScrollbars from \"util/CustomScrollbars\";\r\nimport { Button, Popover, Popconfirm, Spin, Row, Empty, Modal, Card, Col, List } from 'antd';\r\nimport { DeleteOutlined, EyeOutlined } from \"@ant-design/icons\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\n\r\n\r\nconst NotificationContent = ({ refreshNotReadBadge, setPopoverVisible }) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [modal, setModal] = useState({ data: null, visible: false, loading: false });\r\n  const [notifications, setNotifications] = useState({\r\n    data: [],\r\n    total: 0,\r\n    loading: true,\r\n    nextPageLoading: false,\r\n  });\r\n  const [queryOptions, setQueryOptions] = useState({\r\n    skip: 0,\r\n    take: 5,\r\n    current: 1,\r\n  });\r\n\r\n  useEffect(() => getNotifications(), [queryOptions]);\r\n\r\n  const refreshNotifications = () => {\r\n    setNotifications({ data: [], total: 0, loading: true });\r\n    setQueryOptions({ ...queryOptions, skip: 0, current: 1 });\r\n  };\r\n\r\n  const getNotifications = () => {\r\n\r\n    setNotifications({ ...notifications, nextPageLoading: true });\r\n    const { skip, take } = queryOptions;\r\n\r\n    RequestHandler.get(`/FeatureNotification?$count=true&$skip=${skip}&$top=${take}`\r\n    ).then((response) => {\r\n      if (Array.isArray(response.value)) {\r\n        setNotifications({\r\n          data: [...notifications.data, ...response.value],\r\n          total: response[\"@odata.count\"],\r\n          nextPageLoading: false,\r\n          loading: false\r\n        });\r\n      } else {\r\n        setNotifications({ ...notifications, nextPageLoading: false, loading: false });\r\n      }\r\n    });\r\n  };\r\n\r\n  const onClickMarkAllAsRead = () => {\r\n    setLoading(true);\r\n    RequestHandler.put(`/FeatureNotification/MarkAllAsRead`).then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        refreshNotifications();\r\n        refreshNotReadBadge();\r\n      }\r\n    });\r\n  };\r\n\r\n  const onClickDeleteAll = () => {\r\n    setLoading(true);\r\n    RequestHandler.delete(`/FeatureNotification/DeleteAll`).then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        refreshNotifications();\r\n        refreshNotReadBadge();\r\n      }\r\n    });\r\n  };\r\n\r\n  const onMarkAsReadSuccess = (_, index) => {\r\n    refreshNotReadBadge();\r\n\r\n    let rows = [...notifications.data];\r\n    rows[index] = {\r\n      ...rows[index],\r\n      isRead: true,\r\n    };\r\n    setNotifications({ ...notifications, data: rows });\r\n  };\r\n\r\n  const onDeleteSuccess = () => {\r\n    refreshNotReadBadge();\r\n    refreshNotifications();\r\n  };\r\n\r\n  const onScrollFrame = (e) => {\r\n    if (e.top > 0.85 && !notifications.nextPageLoading && notifications.total > notifications.data.length) {\r\n      setQueryOptions({\r\n        ...queryOptions,\r\n        skip: queryOptions.take * (queryOptions.current),\r\n        current: queryOptions.current + 1\r\n      });\r\n    }\r\n  };\r\n\r\n  const getNotificationDetail = (id) => {\r\n    setModal({ data: null, loading: true, visible: true });\r\n\r\n    RequestHandler.get(`/FeatureNotification/GetById/${id}`).then((response) => {\r\n      setModal({ data: response, loading: false, visible: true })\r\n    });\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Row className=\"ant-popover-title\" justify=\"space-between\" align=\"middle\">\r\n        <Col><h3 className=\"gx-mb-0\">Bildirimler</h3></Col>\r\n        <Col>\r\n          {!notifications.loading && notifications.data.length > 0 && (\r\n            <>\r\n              <Popover content=\"Tümünü Okundu Olarak İşaretle\">\r\n                <Button className=\"gx-mb-0\" type=\"text\" icon={<EyeOutlined />} onClick={onClickMarkAllAsRead} loading={loading} />\r\n              </Popover>\r\n\r\n              <Popover content=\"Tümünü Sil\">\r\n                <Popconfirm\r\n                  title=\"Tüm bildirimleri silmek istiyor musunuz?\"\r\n                  okText=\"Evet\"\r\n                  cancelText=\"Hayır\"\r\n                  onConfirm={onClickDeleteAll}\r\n                >\r\n                  <Button className=\"gx-mb-0\" type=\"text\" icon={<DeleteOutlined />} loading={loading} />\r\n                </Popconfirm>\r\n              </Popover>\r\n            </>\r\n          )}\r\n        </Col>\r\n      </Row>\r\n      <CustomScrollbars\r\n        className=\"gx-popover-scroll\"\r\n        onScrollFrame={onScrollFrame}\r\n        style={{ minWidth: 400 }}\r\n      >\r\n        <List\r\n          loading={notifications.loading}\r\n          itemLayout=\"horizontal\"\r\n        >\r\n          {\r\n            notifications.data.length > 0 ? (\r\n              notifications.data.map((notification, index) =>\r\n                <NotificationItem\r\n                  key={notification.id}\r\n                  dataIndex={index}\r\n                  notification={notification}\r\n                  onMarkAsReadSuccess={onMarkAsReadSuccess}\r\n                  onDeleteSuccess={onDeleteSuccess}\r\n                  onClickNotificationWithBody={getNotificationDetail}\r\n                  setPopoverVisible={setPopoverVisible}\r\n                />\r\n              )\r\n            ) :\r\n              (\r\n                <Empty\r\n                  image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                  description=\"Bildirim Yok\"\r\n                />\r\n              )\r\n          }\r\n        </List>\r\n      </CustomScrollbars>\r\n\r\n      <Modal\r\n        id=\"notificationDetailModal\"\r\n        centered\r\n        visible={modal.visible}\r\n        onOk={() => setModal({ ...modal, visible: false })}\r\n        onCancel={() => setModal({ ...modal, visible: false })}\r\n        title={modal.data?.title}\r\n        footer={null}\r\n        zIndex={1050}\r\n      >\r\n        {modal.loading ? <Row justify=\"center\" align=\"middle\" style={{ height: \"100%\" }}><Spin /></Row> :\r\n          <div dangerouslySetInnerHTML={{ __html: modal.data?.body }} />}\r\n      </Modal>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default NotificationContent;","import React, { useState, useEffect } from \"react\";\r\nimport { Popover, Badge, } from 'antd';\r\nimport NotificationContent from './NotificationContent'\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { BellOutlined } from \"@ant-design/icons\";\r\n\r\nconst AppNotification = () => {\r\n  const [notReadCount, setNotReadCount] = useState(0);\r\n  const [visible, setVisible] = useState(0);\r\n\r\n  useEffect(() => {\r\n    getNotReadCount();\r\n  }, []);\r\n\r\n  const getNotReadCount = () => {\r\n    RequestHandler.get(`/FeatureNotification/NotReadCount`).then((response) => {\r\n      setNotReadCount(response);\r\n    });\r\n  };\r\n\r\n  return (\r\n    <Popover\r\n      placement=\"bottomRight\"\r\n      content={<NotificationContent refreshNotReadBadge={getNotReadCount} setPopoverVisible={setVisible} />}\r\n      trigger=\"click\"\r\n      onVisibleChange={(visible) => setVisible(visible)}\r\n      visible={visible}\r\n    >\r\n      <Badge dot={notReadCount > 0} className=\"gx-mb-0\">\r\n        <span className=\"gx-pointer gx-d-block\">\r\n          <BellOutlined style={{ verticalAlign: \"middle\", lineHeight: 0, color: \"white\", fontSize: \"20px\" }} />\r\n        </span>\r\n      </Badge>\r\n    </Popover>\r\n  )\r\n};\r\n\r\nexport default AppNotification;\r\n\r\n","const Auxiliary = (props) => props.children;\r\n\r\nexport default Auxiliary;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { Menu, Switch, Spin, Col, Row, Modal } from \"antd\";\r\nimport { Link, useHistory } from \"react-router-dom\";\r\n\r\nimport getMenuItems from \"util/MenuItems\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { lowerCase } from \"lodash\";\r\n\r\nconst SubMenu = Menu.SubMenu;\r\n\r\nconst HorizontalNav = () => {\r\n  const history = useHistory();\r\n  const [isModalVisible, setIsModalVisible] = useState(false);\r\n  const [isModalVisibleSms, setIsModalVisibleSms] = useState(false);\r\n  const [isModalNotificationsVisible, setIsModalNotificationsVisible] = useState(false);\r\n  const [isLiveValue, setIsLiveValue] = useState(false);\r\n  const [isSmsAccess, setIsSmsAccess] = useState(false);\r\n  const [loading, setLoading] = useState(true);\r\n\r\n  const [permissions, setPermissions] = useState({\r\n    loading: true,\r\n    modules: [],\r\n    isAdmin: false,\r\n    isGroupAdmin: false,\r\n    isGroupUser: false,\r\n    tenantIsKobi: false,\r\n    isShowPosSummaryGraphic: true\r\n  });\r\n  useEffect(() => {\r\n    const tenantId = localStorage.getItem(\"tenantId\");\r\n\r\n\r\n    RequestHandler.get(\"/User/MenuPermissions\").then((response) => {\r\n\r\n      response.isShowPosSummaryGraphic =  lowerCase(tenantId) ==  lowerCase('FEBB740F-8CA4-EE11-BF1B-0050569D6B4F') ? false : true;\r\n\r\n      setPermissions({\r\n        ...response,\r\n        loading: false,\r\n      });\r\n      localStorage.setItem(\"defaultModuleId\", response.defaultModuleId);\r\n\r\n      \r\n      \r\n    });\r\n  }, []);\r\n  const showModal = () => {\r\n    setLoading(true);\r\n    RequestHandler.get(\"/TenantCurrency/GetIsDailyValue\").then((response) => {\r\n      setIsLiveValue(response.isLiveValue);\r\n      setIsModalVisible(true);\r\n    });\r\n    setLoading(false);\r\n  };\r\n  const showModalSms = () => {\r\n    setLoading(true);\r\n    RequestHandler.get(\r\n      \"/Tenant/GetById/\" + localStorage.getItem(\"tenantId\")\r\n    ).then((response) => {\r\n      setIsSmsAccess(response.isSmsAccess);\r\n      setIsModalVisibleSms(true);\r\n    });\r\n    setLoading(false);\r\n  };\r\n  const showModalNotifications = () => {\r\n    setLoading(true);\r\n    setIsModalNotificationsVisible(true);\r\n  };\r\n  function onChange(checked) {\r\n    RequestHandler.put(\r\n      \"/TenantCurrency/PutIsLiveValue\",\r\n      {\r\n        isLiveValue: checked,\r\n      },\r\n      true\r\n    ).then((res) => {\r\n      setIsLiveValue(res.data.isLiveValue);\r\n    });\r\n    setTimeout(() => {\r\n      setIsModalVisible(false);\r\n      window.location.reload();\r\n    }, 500);\r\n  }\r\n  function onChangeSms(checked) {\r\n    RequestHandler.post(\r\n      \"/Tenant/AllTenantUpdateForSms\",\r\n      {\r\n        UserId: localStorage.getItem(\"userId\"),\r\n        IsSmsAccess: checked,\r\n      },\r\n      true\r\n    ).then((res) => {\r\n      setIsSmsAccess(!isSmsAccess);\r\n      window.location.reload();\r\n    });\r\n    setTimeout(() => {\r\n      setIsModalVisible(false);\r\n    }, 500);\r\n  }\r\n  const handleOk = () => {\r\n    setIsModalVisible(false);\r\n  };\r\n\r\n  const handleCancel = () => {\r\n    setIsModalVisible(false);\r\n  };\r\n  const handleOkSms = () => {\r\n    setIsModalVisibleSms(false);\r\n  };\r\n\r\n  const handleCancelSms = () => {\r\n    setIsModalVisibleSms(false);\r\n  };\r\n\r\n  const renderMenuItem = (menuItem) => {\r\n    if (\r\n      menuItem.isRender === false ||\r\n      (menuItem.module && !permissions.modules.includes(menuItem.module))\r\n    )\r\n      return null;\r\n\r\n    if (menuItem.children) {\r\n      return (\r\n        <SubMenu\r\n          key={menuItem.key}\r\n          title={\r\n            <span>\r\n              <i className={menuItem.icon} />\r\n              <span>{menuItem.title}</span>\r\n            </span>\r\n          }\r\n        >\r\n          {menuItem.children.map((childItem) => renderMenuItem(childItem))}\r\n        </SubMenu>\r\n      );\r\n    } else {\r\n      switch (menuItem.key) {\r\n        case \"currency-live\":\r\n          return (\r\n            <Menu.Item key={menuItem.key} onClick={() => showModal()}>\r\n              <Link>\r\n                <i className={menuItem.icon} />\r\n                <span>{menuItem.title} </span>\r\n              </Link>\r\n            </Menu.Item>\r\n          );\r\n        case \"password-access\":\r\n          return (\r\n            <Menu.Item key={menuItem.key} onClick={() => showModalSms()}>\r\n              <Link>\r\n                <i className={menuItem.icon} />\r\n                <span>{menuItem.title} </span>\r\n              </Link>\r\n            </Menu.Item>\r\n          );\r\n        default:\r\n          return (\r\n            <Menu.Item\r\n              key={menuItem.key}\r\n              onClick={() => history.push(menuItem.url)}\r\n            >\r\n              <Link to={menuItem.url} style={menuItem.style}>\r\n                <i className={menuItem.icon} />\r\n                <span>{menuItem.title}</span>\r\n              </Link>\r\n            </Menu.Item>\r\n          );\r\n      }\r\n    }\r\n  };\r\n  const pathname = useSelector(({ settings }) => settings.pathname);\r\n\r\n  const selectedKeys = pathname.substr(1);\r\n  const defaultOpenKeys = selectedKeys.split(\"/\")[1];\r\n  const menuItems = getMenuItems(permissions);\r\n\r\n  return (\r\n    <Menu\r\n      defaultOpenKeys={[defaultOpenKeys]}\r\n      selectedKeys={[selectedKeys]}\r\n      mode=\"horizontal\"\r\n      style={{ backgroundColor: \"transparent\" }}\r\n    >\r\n      {permissions.loading\r\n        ? null\r\n        : menuItems.map((menuItem) => {\r\n          return renderMenuItem(menuItem);\r\n        })}\r\n      <Modal\r\n        title=\"Döviz Kurları\"\r\n        visible={isModalVisible}\r\n        onOk={handleOk}\r\n        onCancel={handleCancel}\r\n        footer={false}\r\n      >\r\n        <Spin spinning={loading}>\r\n          <Row>\r\n            <Col span={2}></Col>\r\n            <Col span={6}>Günlük Veri</Col>\r\n            <Col span={2}>\r\n              <Switch defaultChecked={isLiveValue} onChange={onChange} />\r\n            </Col>\r\n            <Col span={2}></Col>\r\n            <Col span={6}>Anlık Veri </Col>\r\n            <Col span={5}> </Col>\r\n          </Row>\r\n        </Spin>\r\n      </Modal>\r\n      <Modal\r\n        title=\"Sms Onayı\"\r\n        visible={isModalVisibleSms}\r\n        onOk={handleOkSms}\r\n        onCancel={handleCancelSms}\r\n        footer={false}\r\n      >\r\n        <Spin spinning={loading}>\r\n          <Row>\r\n            <Col span={2}></Col>\r\n            <Col span={6}>Şifresiz Giriş</Col>\r\n            <Col span={2}>\r\n              <Switch defaultChecked={isSmsAccess} onChange={onChangeSms} />\r\n            </Col>\r\n            <Col span={2}></Col>\r\n            <Col span={6}>Şifreli Giriş </Col>\r\n            <Col span={5}> </Col>\r\n          </Row>\r\n        </Spin>\r\n      </Modal>\r\n    </Menu>\r\n  );\r\n};\r\n\r\nHorizontalNav.propTypes = {};\r\n\r\nexport default HorizontalNav;\r\n","import React from \"react\";\r\nimport {FormattedMessage, injectIntl} from \"react-intl\";\r\n\r\nconst InjectMassage = props => <FormattedMessage {...props} />;\r\nexport default injectIntl(InjectMassage, {\r\n  withRef: false\r\n});\r\n","import React, {useState} from \"react\";\r\nimport {Button, Dropdown, Layout, Menu, message, Popover, Select} from 'antd';\r\nimport Icon from '@ant-design/icons';\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport CustomScrollbars from \"util/CustomScrollbars\";\r\nimport languageData from \"../languageData\";\r\nimport SearchBox from \"components/SearchBox\";\r\nimport AppNotification from \"components/AppNotification\";\r\nimport MailNotification from \"components/MailNotification\";\r\nimport HorizontalNav from \"../HorizontalNav\";\r\nimport {Link} from \"react-router-dom\";\r\nimport {switchLanguage, toggleCollapsedSideNav} from \"../../../appRedux/actions/Setting\";\r\nimport IntlMessages from \"../../../util/IntlMessages\";\r\n\r\nconst {Header} = Layout;\r\nconst Option = Select.Option;\r\nconst menu = (\r\n  <Menu onClick={handleMenuClick}>\r\n    <Menu.Item key=\"1\">Products</Menu.Item>\r\n    <Menu.Item key=\"2\">Apps</Menu.Item>\r\n    <Menu.Item key=\"3\">Blogs</Menu.Item>\r\n  </Menu>\r\n);\r\n\r\nfunction handleMenuClick(e) {\r\n  message.info('Click on menu item.');\r\n}\r\n\r\nfunction handleChange(value) {\r\n}\r\n\r\nconst HorizontalDefault = () => {\r\n\r\n  const dispatch = useDispatch();\r\n\r\n  const [searchText, setSearchText] = useState('');\r\n  const locale = useSelector(({settings}) => settings.locale);\r\n  const navCollapsed = useSelector(({settings}) => settings.navCollapsed);\r\n\r\n  const languageMenu = () => (\r\n    <CustomScrollbars className=\"gx-popover-lang-scroll\">\r\n      <ul className=\"gx-sub-popover\">\r\n        {languageData.map(language =>\r\n          <li className=\"gx-media gx-pointer\" key={JSON.stringify(language)} onClick={(e) =>\r\n            dispatch(switchLanguage(language))\r\n          }>\r\n            <i className={`flag flag-24 gx-mr-2 flag-${language.icon}`}/>\r\n            <span className=\"gx-language-text\">{language.name}</span>\r\n          </li>\r\n        )}\r\n      </ul>\r\n    </CustomScrollbars>);\r\n\r\n  const updateSearchChatUser = (evt) => {\r\n    setSearchText(evt.target.value)\r\n  };\r\n\r\n  return (\r\n    <div className=\"gx-header-horizontal\">\r\n      <div className=\"gx-header-horizontal-top\">\r\n        <div className=\"gx-container\">\r\n          <div className=\"gx-header-horizontal-top-flex\">\r\n            <div className=\"gx-header-horizontal-top-left\">\r\n              <i className=\"icon icon-alert gx-mr-3\"/>\r\n              <p className=\"gx-mb-0 gx-text-truncate\"><IntlMessages id=\"app.announced\"/></p>\r\n            </div>\r\n            <ul className=\"gx-login-list\">\r\n              <li>Login</li>\r\n              <li>Signup</li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <Header\r\n        className=\"gx-header-horizontal-main\">\r\n        <div className=\"gx-container\">\r\n          <div className=\"gx-header-horizontal-main-flex\">\r\n\r\n            <div className=\"gx-d-block gx-d-lg-none gx-linebar gx-mr-xs-3\">\r\n              <i className=\"gx-icon-btn icon icon-menu\"\r\n                 onClick={() => {\r\n                   dispatch(toggleCollapsedSideNav(!navCollapsed));\r\n                 }}\r\n              />\r\n\r\n            </div>\r\n            <Link to=\"/\" className=\"gx-d-block gx-d-lg-none gx-pointer gx-w-logo\">\r\n              <img alt=\"\" src={require(\"assets/images/w-logo.png\")}/></Link>\r\n            <Link to=\"/\" className=\"gx-d-none gx-d-lg-block gx-pointer gx-mr-xs-5 gx-logo\">\r\n              <img alt=\"\" src={require(\"assets/images/logo-white.png\")}/></Link>\r\n            <div className=\"gx-header-search gx-d-none gx-d-lg-flex\">\r\n             \r\n\r\n              <Select defaultValue=\"lucy\" style={{width: 120}} onChange={handleChange}>\r\n                <Option value=\"jack\">Products</Option>\r\n                <Option value=\"lucy\">Apps</Option>\r\n                <Option value=\"Yiminghe\">Blogs</Option>\r\n              </Select>\r\n            </div>\r\n\r\n            <ul className=\"gx-header-notifications gx-ml-auto\">\r\n              <li className=\"gx-notify gx-notify-search gx-d-inline-block gx-d-lg-none\">\r\n                <Popover overlayClassName=\"gx-popover-horizantal\" placement=\"bottomRight\" content={\r\n                  <div className=\"gx-d-flex\">\r\n                    <Dropdown overlay={menu}>\r\n                      <Button>\r\n                        Category <Icon type=\"down\"/>\r\n                      </Button>\r\n                    </Dropdown>\r\n                    <SearchBox styleName=\"gx-popover-search-bar\"\r\n                               placeholder=\"Search in app...\"\r\n                               onChange={updateSearchChatUser}\r\n                               value={searchText}/>\r\n                  </div>\r\n                } trigger=\"click\">\r\n                  <span className=\"gx-pointer gx-d-block\"><i className=\"icon icon-search-new\"/></span>\r\n\r\n                </Popover>\r\n              </li>\r\n              <li className=\"gx-notify\">\r\n                <Popover overlayClassName=\"gx-popover-horizantal\" placement=\"bottomRight\" content={<AppNotification/>}\r\n                         trigger=\"click\">\r\n                  <span className=\"gx-pointer gx-d-block\"><i className=\"icon icon-notification\"/></span>\r\n                </Popover>\r\n              </li>\r\n\r\n              <li className=\"gx-msg\">\r\n                <Popover overlayClassName=\"gx-popover-horizantal\" placement=\"bottomRight\"\r\n                         content={<MailNotification/>} trigger=\"click\">\r\n                <span className=\"gx-pointer gx-status-pos gx-d-block\">\r\n                <i className=\"icon icon-chat-new\"/>\r\n                <span className=\"gx-status gx-status-rtl gx-small gx-orange\"/>\r\n                </span>\r\n                </Popover>\r\n              </li>\r\n              <li className=\"gx-language\">\r\n                <Popover overlayClassName=\"gx-popover-horizantal\" placement=\"bottomRight\"\r\n                         content={languageMenu()} trigger=\"click\">\r\n              <span className=\"gx-pointer gx-flex-row gx-align-items-center\"><i\r\n                className={`flag flag-24 flag-${locale.icon}`}/>\r\n              </span>\r\n                </Popover>\r\n              </li>\r\n              {/* <li className=\"gx-user-nav\"><UserInfo/></li> */}\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </Header>\r\n      <div className=\"gx-header-horizontal-nav gx-header-horizontal-nav-curve gx-d-none gx-d-lg-block\">\r\n        <div className=\"gx-container\">\r\n          <div className=\"gx-header-horizontal-nav-flex\">\r\n            <HorizontalNav/>\r\n            <ul className=\"gx-header-notifications gx-ml-auto\">\r\n              <li><span className=\"gx-pointer gx-d-block\"><i className=\"icon icon-menu-lines\"/></span></li>\r\n              <li><span className=\"gx-pointer gx-d-block\"><i className=\"icon icon-setting\"/></span></li>\r\n              <li><span className=\"gx-pointer gx-d-block\"><i className=\"icon icon-apps-new\"/></span></li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default HorizontalDefault;\r\n","import React, { useState,useEffect } from \"react\";\r\nimport { Avatar, Popover, Modal } from \"antd\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { UserOutlined } from \"@ant-design/icons\";\r\nimport DefaultModuleUpdateForm from \"../../routes/Forms/DefaultModuleUpdateForm\";\r\n\r\nconst userName = localStorage.getItem(\"userName\");\r\n\r\nconst UserInfo = () => {\r\n  const [defaultModuleModalVisible, setDefaultModuleModalVisible] =\r\n    useState(false);\r\n    const [accessSupportPanel, setAccessSupportPanel] = useState();\r\n    useEffect(() => {\r\n      RequestHandler.get(\"/SupportPanel/AccessControl\").then((response) => {\r\n        setAccessSupportPanel(response);\r\n      });\r\n    }, [])\r\n\r\n  const userSignOut = () => {\r\n    RequestHandler.get(\"/Auth/Logout\").then((response) => {\r\n      if (response.success) {\r\n        RequestHandler.removeUserInfo();\r\n        window.location.reload();\r\n      }\r\n    });\r\n  };\r\n \r\n  const userMenuOptions = (\r\n    <ul className=\"gx-user-popover\">\r\n      <li>{userName}</li>\r\n      <hr></hr>\r\n      <li onClick={() => setDefaultModuleModalVisible(true)}>\r\n        Anasayfayı Değiştir\r\n      </li>\r\n       <li>\r\n        <a style={{ color: \"#545454\" }} href=\"/account-transaction-role\">\r\n          Parametreler\r\n        </a>\r\n      </li> \r\n      \r\n      <li>\r\n        <a style={{ color: \"#545454\" }} href=\"/password-change\">\r\n          Şifremi Değiştir\r\n        </a>\r\n      </li>\r\n      {\r\n        accessSupportPanel ? \r\n        <>\r\n        <li>\r\n        <a style={{color: \"#545454\" }} href=\"/support-panel/2\">\r\n          Destek Taleplerim\r\n        </a>\r\n        </li> \r\n       \r\n        <a style={{ color: \"#545454\"}} href=\"/support-panel/1\">\r\n        <li>\r\n         SSS\r\n        </li>\r\n\r\n        </a>\r\n        </>: null\r\n      }\r\n      <li onClick={() => userSignOut()}>Çıkış Yap</li>\r\n    </ul>\r\n  );\r\n\r\n  const supportPanelDropdown = (\r\n    <ul className=\"gx-user-popover\">\r\n       <li>\r\n        <a style={{ color: \"#545454\",whiteSpace:'nowrap' }} href=\"/support-panel/1\">\r\n          Sıkça Sorulan Sorular\r\n        </a>\r\n      </li> \r\n      <li>\r\n        <a style={{ color: \"#545454\" }} href=\"/support-panel/2\">\r\n          Destek Talebi\r\n        </a>\r\n      </li>\r\n    </ul>\r\n  );\r\n\r\n  return (\r\n    <>\r\n      <Popover\r\n        overlayClassName=\"gx-popover-horizantal\"\r\n        placement=\"bottomRight\"\r\n        content={userMenuOptions}\r\n        trigger=\"click\"\r\n      >\r\n        <Avatar\r\n          className=\"gx-avatar-name\"\r\n          style={{ backgroundColor: \"white\" }}\r\n          icon={<UserOutlined style={{ color: \"#086880\" }} />}\r\n        />\r\n      </Popover>\r\n\r\n      {/* <Popover\r\n        overlayClassName=\"gx-popover-horizantal\"\r\n        placement=\"bottomRight\"\r\n        content={supportPanelDropdown}\r\n        trigger=\"click\"\r\n      >\r\n       <Avatar \r\n       className=\"gx-avatar-name\" \r\n       style={{backgroundColor:'white',marginLeft:10}} \r\n       icon={<AliwangwangOutlined style={{color:'#086880'}}/>} />\r\n      </Popover> */}\r\n      \r\n      <Modal\r\n        id=\"defaultModuleModal\"\r\n        centered\r\n        visible={defaultModuleModalVisible}\r\n        onOk={() => setDefaultModuleModalVisible(false)}\r\n        onCancel={() => setDefaultModuleModalVisible(false)}\r\n        footer={null}\r\n      >\r\n        <DefaultModuleUpdateForm\r\n          onSuccess={() => setDefaultModuleModalVisible(false)}\r\n        />\r\n      </Modal>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default UserInfo;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Menu, Dropdown, Button } from 'antd';\r\nimport { AlignLeftOutlined, UserOutlined, DownOutlined } from '@ant-design/icons';\r\nimport { TAB_SIZE } from \"../../constants/ThemeSetting\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { useMediaQuery } from 'react-responsive'\r\nimport Auxiliary from \"util/Auxiliary\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\nimport { Scrollbars } from 'react-custom-scrollbars';\r\n\r\n\r\nconst tenantId = localStorage.getItem(\"tenantId\");\r\nconst userId = localStorage.getItem(\"userId\");\r\n\r\nconst Topbar = () => {\r\n  const history = useHistory();\r\n  const [tenantAccounts, setTenantAccounts] = useState([]);\r\n  const [filteredTenantAccounts, setFilteredTenantAccounts] = useState([]);\r\n  const [currentTenantAccount, setcurrentTenantAccount] = useState(\"\");\r\n  const [isGroupUser, setIsGroupUser] = useState(false);\r\n  const isTabletOrMobileDevice = useMediaQuery({ query: \"(max-device-width: 1224px)\" });\r\n  const [isVisibleDropdown, setIsVisibleDropdown] = useState(false);\r\n\r\n  function handleMenuClick(e) {\r\n    \r\n    if(e.key == \"search\") {\r\n      return;\r\n    }\r\n\r\n    if (e.key == \"konsolide\") {\r\n      history.push(`/consolidated/bank`);\r\n      return;\r\n    }\r\n\r\n    RequestHandler.get(`/Auth/ChangeTenant/${userId}/${e.key}`, undefined, { rawResponse: true }).then((response) => {\r\n      if (response.status === 200) {\r\n        RequestHandler.setUserInfo(response);\r\n        history.push(`/home`);\r\n        window.location.reload();\r\n      }\r\n    });\r\n  }\r\n\r\n  \r\n  useEffect(() => {\r\n    RequestHandler.get(`/User/GetUserTenants/${userId}`).then((response) => {\r\n      setTenantAccounts(response);\r\n      setFilteredTenantAccounts(response);\r\n\r\n      response.map((tenantAccount) => {\r\n        if (tenantAccount.id === tenantId) {\r\n          setcurrentTenantAccount(tenantAccount.name);\r\n        }\r\n      });\r\n    });\r\n\r\n    RequestHandler.get(`/User/IsGroupUser`).then((response) => {\r\n      setIsGroupUser(response);\r\n    });\r\n  }, []);\r\n\r\n  const { locale, width, navCollapsed, navStyle } = useSelector(({ settings }) => settings);\r\n\r\n  const searchTenant = (e) => {\r\n    setFilteredTenantAccounts(tenantAccounts.filter(x=> x.name.toLowerCase().includes(e.target.value.toLowerCase())));\r\n  }\r\n\r\n  const visibleDropdown = () => {\r\n    setIsVisibleDropdown(!isVisibleDropdown);\r\n  }\r\n\r\n  const menu = (\r\n    <Scrollbars \r\n    autoHide\r\n    autoHideTimeout={1000}\r\n    autoHideDuration={200}\r\n    autoHeight\r\n    autoHeightMin={0}\r\n    autoHeightMax={500}\r\n    thumbMinSize={30}\r\n    universal={true}>\r\n        <Menu onClick={handleMenuClick}>\r\n          <Menu.Item key=\"search\">\r\n            <div\r\n              className=\"gx-search-bar gx-lt-icon-search-bar-md gx-module-search-bar gx-d-none gx-d-sm-block\">\r\n              <div className=\"gx-form-group\">\r\n                <input className=\"ant-input gx-border-0\" type=\"search\" placeholder=\"En az 1 harf giriniz\"  onChange={searchTenant} />\r\n                <span className=\"gx-search-icon gx-pointer\"><i className=\"icon icon-search\"/></span>\r\n              </div>\r\n            </div>\r\n          </Menu.Item>\r\n\r\n          {filteredTenantAccounts.map((item, index) => (\r\n            <Menu.Item key={item.id} icon={<UserOutlined />} disabled={item.id === tenantId}>\r\n              {item.name}\r\n            </Menu.Item>\r\n          ))}\r\n          {\r\n            isGroupUser === true ? <Menu.Item key=\"konsolide\" icon={<AlignLeftOutlined />}>\r\n              Konsolide\r\n            </Menu.Item>\r\n              : null\r\n          }\r\n        </Menu>\r\n    </Scrollbars> \r\n\r\n  );\r\n  const handleVisibleChange = (visible) => {\r\n    if (!visible) \r\n      setIsVisibleDropdown(false);\r\n  };\r\n  return (\r\n    <ul className=\"gx-header-notifications gx-ml-auto\">\r\n      <Dropdown overlay={menu} visible={isVisibleDropdown} onVisibleChange={handleVisibleChange}>\r\n        <Button type=\"primary\" style={{ marginTop: 19 , ...(isTabletOrMobileDevice && { fontSize: \"10px\" })}} onClick={visibleDropdown} >\r\n          {currentTenantAccount}<DownOutlined />\r\n        </Button>\r\n      </Dropdown>\r\n      {width >= TAB_SIZE ? null :\r\n        <Auxiliary>\r\n          <li className=\"gx-user-nav\"></li>\r\n        </Auxiliary>\r\n      }\r\n    </ul>\r\n  );\r\n};\r\n\r\nexport default Topbar;\r\n","import React, {useState} from \"react\";\r\nimport {Button, Dropdown, Layout, Menu, message, Popover, Select} from 'antd';\r\nimport Icon from '@ant-design/icons';\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport CustomScrollbars from \"util/CustomScrollbars\";\r\nimport languageData from \"../languageData\";\r\nimport SearchBox from \"components/SearchBox\";\r\nimport UserInfo from \"components/UserInfo\";\r\nimport AppNotification from \"components/AppNotification\";\r\nimport MailNotification from \"components/MailNotification\";\r\nimport {Link} from \"react-router-dom\";\r\nimport Screen from '../../../util/Extensions/Screens'\r\nimport HorizontalNav from \"../HorizontalNav\";\r\nimport Tenants from \"../index\"\r\nimport {switchLanguage, toggleCollapsedSideNav} from \"../../../appRedux/actions/Setting\";\r\nimport IntlMessages from \"../../../util/IntlMessages\";\r\n\r\nconst {Header} = Layout;\r\n\r\nconst Option = Select.Option;\r\nconst menu = (\r\n  <Menu onClick={handleMenuClick}>\r\n    <Menu.Item key=\"1\">Products</Menu.Item>\r\n    <Menu.Item key=\"2\">Apps</Menu.Item>\r\n    <Menu.Item key=\"3\">Blogs</Menu.Item>\r\n  </Menu>\r\n);\r\n\r\nfunction handleMenuClick(e) {\r\n  message.info('Click on menu item.');\r\n}\r\n\r\nfunction handleChange(value) {\r\n}\r\n\r\nconst HorizontalDark = () => {\r\n\r\n  const dispatch = useDispatch();\r\n\r\n  const [searchText, setSearchText] = useState('');\r\n  const locale = useSelector(({settings}) => settings.locale);\r\n  const navCollapsed = useSelector(({settings}) => settings.navCollapsed);\r\n\r\n\r\n  const languageMenu = () => (\r\n    <CustomScrollbars className=\"gx-popover-lang-scroll\">\r\n      <ul className=\"gx-sub-popover\">\r\n        {languageData.map(language =>\r\n          <li className=\"gx-media gx-pointer\" key={JSON.stringify(language)} onClick={(e) =>\r\n            dispatch(switchLanguage(language))\r\n          }>\r\n            <i className={`flag flag-24 gx-mr-2 flag-${language.icon}`}/>\r\n            <span className=\"gx-language-text\">{language.name}</span>\r\n          </li>\r\n        )}\r\n      </ul>\r\n    </CustomScrollbars>);\r\n\r\n  const updateSearchChatUser = (evt) => {\r\n    setSearchText(evt.target.value)\r\n  };\r\n\r\n  return (\r\n    <div className=\"gx-header-horizontal gx-header-horizontal-dark\">\r\n      <Header style={{backgroundColor:'transparent'}}>\r\n     \r\n      <div className=\"gx-header-horizontal-nav gx-d-none gx-d-lg-block\">\r\n        <div className=\"gx-container\">\r\n          <div className=\"gx-header-horizontal-nav-flex\">\r\n          {Screen.screen === 0 ?\r\n            <div>\r\n              <Link to=\"/\" className=\"gx-d-block gx-d-lg-none gx-pointer gx-mr-xs-3 gx-pt-xs-1 gx-w-logo\">\r\n              <img alt=\"\" src={require(\"assets/images/w-logo.png\")}/></Link>\r\n              <Link to=\"/\" className=\"gx-d-none gx-d-lg-block gx-pointer gx-mr-xs-5 gx-logo\">\r\n              <img alt=\"\" style={{ width: 125}} src={require(\"assets/images/finekralogo_white.png\")}/> </Link></div>\r\n            \r\n            :\r\n            (\r\n              Screen.screen === 1 ? \r\n              <div>\r\n              <Link to=\"/\" className=\"gx-d-block gx-d-lg-none gx-pointer gx-mr-xs-3 gx-pt-xs-1 gx-w-logo\">\r\n              <img alt=\"\" src={require(\"assets/images/w-logo.png\")}/></Link>\r\n              <Link to=\"/\" className=\"gx-d-none gx-d-lg-block gx-pointer gx-mr-xs-5 gx-logo\">\r\n              <img alt=\"paratic\" title=\"imzapos\" style={{width:125}} src={require(\"assets/images/imzaposLogoBeyaz.png\")}/> </Link></div>\r\n              :\r\n              <div>\r\n              <Link to=\"/\" className=\"gx-d-block gx-d-lg-none gx-pointer gx-mr-xs-3 gx-pt-xs-1 gx-w-logo\">\r\n              <img alt=\"\" src={require(\"assets/images/w-logo.png\")}/></Link>\r\n              <Link to=\"/\" className=\"gx-d-none gx-d-lg-block gx-pointer gx-mr-xs-5 gx-logo\">\r\n              <img alt=\"paratic\" title=\"bakiyem\" style={{width:125}} src={require(\"assets/images/logoBakiyemWhite.png\")}/> </Link></div>\r\n            )\r\n            }\r\n            <HorizontalNav/>\r\n            {/* <li className=\"gx-user-nav\"><UserInfo/></li> */}\r\n            <Tenants  />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      </Header>\r\n    </div>\r\n  );\r\n};\r\nexport default HorizontalDark;\r\n","import React, { useState } from \"react\";\r\nimport { Layout, Popover } from \"antd\";\r\nimport { connect, useDispatch, useSelector } from \"react-redux\";\r\nimport CustomScrollbars from \"util/CustomScrollbars\";\r\nimport languageData from \"../languageData\";\r\nimport UserInfo from \"components/UserInfo\";\r\nimport TenantIndex from \"../index\";\r\nimport HorizontalNav from \"../HorizontalNav\";\r\nimport Screen from \"../../../util/Extensions/Screens\";\r\nimport { Link } from \"react-router-dom\";\r\nimport {\r\n  switchLanguage,\r\n  toggleCollapsedSideNav,\r\n} from \"../../../appRedux/actions/Setting\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport AppNotification from \"components/AppNotification\";\r\nimport config from \"util/ApiforContext\";\r\n\r\nconst { Header } = Layout;\r\n\r\nconst InsideHeader = () => {\r\n  const dispatch = useDispatch();\r\n\r\n  const [searchText, setSearchText] = useState(\"\");\r\n  const locale = useSelector(({ settings }) => settings.locale);\r\n  const navCollapsed = useSelector(({ settings }) => settings.navCollapsed);\r\n  const languageMenu = () => (\r\n    <CustomScrollbars className=\"gx-popover-lang-scroll\">\r\n      <ul className=\"gx-sub-popover\">\r\n        {languageData.map((language) => (\r\n          <li\r\n            className=\"gx-media gx-pointer\"\r\n            key={JSON.stringify(language)}\r\n            onClick={(e) => dispatch(switchLanguage(language))}\r\n          >\r\n            <i className={`flag flag-24 gx-mr-2 flag-${language.icon}`} />\r\n            <span className=\"gx-language-text\">{language.name}</span>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </CustomScrollbars>\r\n  );\r\n\r\n  const updateSearchChatUser = (evt) => {\r\n    setSearchText(evt.target.value);\r\n  };\r\n\r\n  return (\r\n    <div className=\"gx-header-horizontal gx-header-horizontal-dark gx-inside-header-horizontal\">\r\n      <Header\r\n        style={{ backgroundColor: \"transparent\" }}\r\n        className=\"gx-header-horizontal-main\"\r\n      >\r\n        <div className=\"gx-container\">\r\n          <div className=\"gx-header-horizontal-main-flex\">\r\n            <div className=\"gx-d-block gx-d-lg-none gx-linebar gx-mr-xs-3 6e\">\r\n              <i\r\n                className=\"gx-icon-btn icon icon-menu\"\r\n                onClick={() => {\r\n                  dispatch(toggleCollapsedSideNav(!navCollapsed));\r\n                }}\r\n              />\r\n            </div>\r\n            {Screen.screen === 0 ? (\r\n              <div>\r\n                <Link\r\n                  to=\"/home\"\r\n                  className=\"gx-d-block gx-d-lg-none gx-pointer gx-mr-xs-3 gx-pt-xs-1 gx-w-logo\"\r\n                >\r\n                  <img\r\n                    alt=\"\"\r\n                    style={{ width: 100 }}\r\n                    src={require(\"assets/images/finekralogo_white.png\")}\r\n                  />{\" \"}\r\n                </Link>\r\n                <Link\r\n                  to=\"/home\"\r\n                  className=\"gx-d-none gx-d-lg-block gx-pointer gx-mr-xs-5 gx-logo\"\r\n                >\r\n                  <img\r\n                    alt=\"\"\r\n                    style={{ width: 125 }}\r\n                    src={require(\"assets/images/finekralogo_white.png\")}\r\n                  />{\" \"}\r\n                </Link>\r\n              </div>\r\n            ) :\r\n              (\r\n                Screen.screen === 1 ?\r\n                  (\r\n                    <div>\r\n                      <Link\r\n                        to=\"/home\"\r\n                        className=\"gx-d-block gx-d-lg-none gx-pointer gx-mr-xs-3 gx-pt-xs-1 gx-w-logo\"\r\n                      >\r\n                        <img\r\n                          alt=\"paratic\"\r\n                          title=\"imzapos\"\r\n                          style={{ width: 100, marginBottom: 15 }}\r\n                          src={require(\"assets/images/imzaposLogoBeyaz.png\")}\r\n                        />\r\n                      </Link>\r\n                      <Link\r\n                        to=\"/home\"\r\n                        className=\"gx-d-none gx-d-lg-block gx-pointer gx-mr-xs-5 gx-logo\"\r\n                      >\r\n                        <img\r\n                          alt=\"paratic\"\r\n                          title=\"imzapos\"\r\n                          style={{ width: 125 }}\r\n                          src={require(\"assets/images/imzaposLogoBeyaz.png\")}\r\n                        />{\" \"}\r\n                      </Link>\r\n                    </div>\r\n                  )\r\n                  :\r\n                  (\r\n                    <div>\r\n                      <Link\r\n                        to=\"/home\"\r\n                        className=\"gx-d-block gx-d-lg-none gx-pointer gx-mr-xs-3 gx-pt-xs-1 gx-w-logo\"\r\n                      >\r\n                        <img\r\n                          alt=\"paratic\"\r\n                          title=\"Bakiyem\"\r\n                          style={{ width: 100, marginBottom: 15 }}\r\n                          src={require(\"assets/images/logoBakiyemWhite.png\")}\r\n                        />\r\n                      </Link>\r\n                      <Link\r\n                        to=\"/home\"\r\n                        className=\"gx-d-none gx-d-lg-block gx-pointer gx-mr-xs-5 gx-logo\"\r\n                      >\r\n                        <img\r\n                          alt=\"paratic\"\r\n                          title=\"Bakiyem\"\r\n                          style={{ width: 125 }}\r\n                          src={require(\"assets/images/logoBakiyemWhite.png\")}\r\n                        />{\" \"}\r\n                      </Link>\r\n                    </div>\r\n                  )\r\n              )\r\n            }\r\n            <div className=\"gx-header-horizontal-nav gx-header-horizontal-nav-curve gx-d-none gx-d-lg-block\">\r\n              <HorizontalNav />\r\n            </div>\r\n            <ul\r\n              className=\"gx-header-notifications gx-ml-auto\"\r\n              style={{\r\n                marginRight: useMediaQuery({\r\n                  query: \"(max-width: 980px)\",\r\n                })\r\n                  ? 0\r\n                  : -52,\r\n                marginTop: -3,\r\n              }}\r\n            >\r\n              {config.renderNotifications && (\r\n                <li className=\"gx-notify\">\r\n                  <AppNotification />\r\n                </li>\r\n              )}\r\n              <li>\r\n                <UserInfo />\r\n              </li>\r\n              <li>\r\n                <TenantIndex />\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </Header>\r\n    </div>\r\n  );\r\n};\r\n\r\nconst mapStateToProps = ({ settings }) => {\r\n  const { locale, navCollapsed } = settings;\r\n  return { locale, navCollapsed };\r\n};\r\nexport default connect(mapStateToProps, {\r\n  toggleCollapsedSideNav,\r\n  switchLanguage,\r\n})(InsideHeader);\r\n","import React, {useState} from \"react\";\r\nimport {Button, Dropdown,Layout, Menu, message, Popover, Select} from 'antd';\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport CustomScrollbars from \"util/CustomScrollbars\";\r\n\r\nimport languageData from \"../languageData\";\r\nimport SearchBox from \"components/SearchBox\";\r\nimport AppNotification from \"components/AppNotification\";\r\nimport MailNotification from \"components/MailNotification\";\r\nimport {switchLanguage, toggleCollapsedSideNav} from \"../../../appRedux/actions/Setting\";\r\n\r\nimport {TAB_SIZE} from \"../../../constants/ThemeSetting\";\r\nimport HorizontalNav from \"../HorizontalNav\";\r\nimport {Link} from \"react-router-dom\";\r\nimport IntlMessages from \"../../../util/IntlMessages\";\r\nimport DownOutlined from \"@ant-design/icons/lib/icons/DownOutlined\";\r\n\r\nconst {Header} = Layout;\r\n\r\nconst Option = Select.Option;\r\nconst menu = (\r\n  <Menu onClick={handleMenuClick}>\r\n    <Menu.Item key=\"1\">Products</Menu.Item>\r\n    <Menu.Item key=\"2\">Blog</Menu.Item>\r\n    <Menu.Item key=\"3\">Apps</Menu.Item>\r\n  </Menu>\r\n);\r\n\r\nfunction handleMenuClick() {\r\n  message.info('Click on menu item.');\r\n}\r\n\r\nfunction handleChange(value) {\r\n}\r\n\r\n\r\nconst AboveHeader = () => {\r\n\r\n  const dispatch = useDispatch();\r\n\r\n  const [searchText, setSearchText] = useState('');\r\n  const locale = useSelector(({settings}) => settings.locale);\r\n  const navCollapsed = useSelector(({settings}) => settings.navCollapsed);\r\n  const width = useSelector(({settings}) => settings.width);\r\n\r\n  const languageMenu = () => (\r\n    <CustomScrollbars className=\"gx-popover-lang-scroll\">\r\n      <ul className=\"gx-sub-popover\">\r\n        {languageData.map(language =>\r\n          <li className=\"gx-media gx-pointer\" key={JSON.stringify(language)} onClick={(e) =>\r\n            dispatch(switchLanguage(language))\r\n          }>\r\n            <i className={`flag flag-24 gx-mr-2 flag-${language.icon}`}/>\r\n            <span className=\"gx-language-text\">{language.name}</span>\r\n          </li>\r\n        )}\r\n      </ul>\r\n    </CustomScrollbars>);\r\n\r\n  const updateSearchChatUser = (evt) => {\r\n    setSearchText(evt.target.value)\r\n  };\r\n\r\n  return (\r\n    <div className=\"gx-header-horizontal gx-header-horizontal-dark gx-above-header-horizontal\">\r\n\r\n      <div className=\"gx-header-horizontal-nav gx-header-horizontal-nav-curve gx-d-none gx-d-lg-block\">\r\n        <div className=\"gx-container\">\r\n          <div className=\"gx-header-horizontal-nav-flex\">\r\n            <HorizontalNav/>\r\n            <ul className=\"gx-header-notifications gx-ml-auto\">\r\n              <li><span className=\"gx-pointer gx-d-block\"><i className=\"icon icon-menu-lines\"/></span></li>\r\n              <li><span className=\"gx-pointer gx-d-block\"><i className=\"icon icon-setting\"/></span></li>\r\n              <li><span className=\"gx-pointer gx-d-block\"><i className=\"icon icon-apps-new\"/></span></li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"gx-header-horizontal-top\">\r\n        <div className=\"gx-container\">\r\n          <div className=\"gx-header-horizontal-top-flex\">\r\n            <div className=\"gx-header-horizontal-top-left\">\r\n              <i className=\"icon icon-alert gx-mr-3\"/>\r\n              <p className=\"gx-mb-0 gx-text-truncate\"><IntlMessages id=\"app.announced\"/></p>\r\n            </div>\r\n            <ul className=\"gx-login-list\">\r\n              <li><IntlMessages id=\"app.userAuth.login\"/></li>\r\n              <li><IntlMessages id=\"app.userAuth.signUp\"/></li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <Header\r\n        className=\"gx-header-horizontal-main\">\r\n        <div className=\"gx-container\">\r\n          <div className=\"gx-header-horizontal-main-flex\">\r\n\r\n            <div className=\"gx-d-block gx-d-lg-none gx-linebar gx-mr-xs-3\">\r\n              <i className=\"gx-icon-btn icon icon-menu\"\r\n                 onClick={() => {\r\n                   if (width <= TAB_SIZE) {\r\n                     dispatch(toggleCollapsedSideNav(!navCollapsed));\r\n                   }\r\n                 }}\r\n              />\r\n            </div>\r\n            <Link to=\"/\" className=\"gx-d-block gx-d-lg-none gx-pointer gx-mr-xs-3 gx-pt-xs-1 gx-w-logo\">\r\n              <img alt=\"\" src={require(\"assets/images/w-logo.png\")}/></Link>\r\n            <Link to=\"/\" className=\"gx-d-none gx-d-lg-block gx-pointer gx-mr-xs-5 gx-logo\">\r\n              <img alt=\"\" src={require(\"assets/images/logo.png\")}/></Link>\r\n            <div className=\"gx-header-search gx-d-none gx-d-lg-flex\">\r\n             \r\n              <Select defaultValue=\"lucy\" style={{width: 120}} onChange={handleChange}>\r\n                <Option value=\"jack\">Products</Option>\r\n                <Option value=\"lucy\">Apps</Option>\r\n                <Option value=\"Yiminghe\">Blogs</Option>\r\n              </Select>\r\n            </div>\r\n\r\n            <ul className=\"gx-header-notifications gx-ml-auto\">\r\n              <li className=\"gx-notify gx-notify-search gx-d-inline-block gx-d-lg-none\">\r\n                <Popover overlayClassName=\"gx-popover-horizantal\" placement=\"bottomRight\" content={\r\n                  <div className=\"gx-d-flex\"><Dropdown overlay={menu}>\r\n                    <Button>\r\n                      Category <DownOutlined />\r\n                    </Button>\r\n                  </Dropdown>\r\n                    <SearchBox styleName=\"gx-popover-search-bar\"\r\n                               placeholder=\"Search in app...\"\r\n                               onChange={updateSearchChatUser}\r\n                               value={searchText}/></div>\r\n                } trigger=\"click\">\r\n                  <span className=\"gx-pointer gx-d-block\"><i className=\"icon icon-search-new\"/></span>\r\n                </Popover>\r\n              </li>\r\n\r\n              <li className=\"gx-notify\">\r\n                <Popover overlayClassName=\"gx-popover-horizantal\" placement=\"bottomRight\" content={<AppNotification/>}\r\n                         trigger=\"click\">\r\n                  <span className=\"gx-pointer gx-d-block\"><i className=\"icon icon-notification\"/></span>\r\n                </Popover>\r\n              </li>\r\n\r\n              <li className=\"gx-msg\">\r\n                <Popover overlayClassName=\"gx-popover-horizantal\" placement=\"bottomRight\"\r\n                         content={<MailNotification/>} trigger=\"click\">\r\n                <span className=\"gx-pointer gx-status-pos gx-d-block\">\r\n                <i className=\"icon icon-chat-new\"/>\r\n                <span className=\"gx-status gx-status-rtl gx-small gx-orange\"/>\r\n                </span>\r\n                </Popover>\r\n              </li>\r\n              <li className=\"gx-language\">\r\n                <Popover overlayClassName=\"gx-popover-horizantal\" placement=\"bottomRight\"\r\n                         content={languageMenu()} trigger=\"click\">\r\n              <span className=\"gx-pointer gx-flex-row gx-align-items-center\"><i\r\n                className={`flag flag-24 flag-${locale.icon}`}/>\r\n              </span>\r\n                </Popover>\r\n              </li>\r\n              {/* <li className=\"gx-user-nav\"><UserInfo/></li> */}\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </Header>\r\n    </div>\r\n  );\r\n};\r\n\r\n\r\nexport default AboveHeader;\r\n","import React, {useState} from \"react\";\r\nimport {Button, Dropdown,Layout, Menu, message, Popover, Select} from 'antd';\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport CustomScrollbars from \"util/CustomScrollbars\";\r\nimport languageData from \"../languageData\";\r\nimport SearchBox from \"components/SearchBox\";\r\nimport UserInfo from \"components/UserInfo\";\r\nimport AppNotification from \"components/AppNotification\";\r\nimport MailNotification from \"components/MailNotification\";\r\nimport {switchLanguage, toggleCollapsedSideNav} from \"../../../appRedux/actions/Setting\";\r\nimport HorizontalNav from \"../HorizontalNav\";\r\nimport {Link} from \"react-router-dom\";\r\nimport IntlMessages from \"util/IntlMessages\";\r\nimport DownOutlined from \"@ant-design/icons/lib/icons/DownOutlined\";\r\n\r\nconst {Header} = Layout;\r\n\r\nconst Option = Select.Option;\r\nconst menu = (\r\n  <Menu onClick={handleMenuClick}>\r\n    <Menu.Item key=\"1\">Products</Menu.Item>\r\n    <Menu.Item key=\"2\">Apps</Menu.Item>\r\n    <Menu.Item key=\"3\">Blogs</Menu.Item>\r\n  </Menu>\r\n);\r\n\r\nfunction handleMenuClick(e) {\r\n  message.info('Click on menu item.');\r\n}\r\n\r\nfunction handleChange(value) {\r\n}\r\n\r\nconst BelowHeader = () => {\r\n\r\n  const dispatch = useDispatch();\r\n\r\n  const [searchText, setSearchText] = useState('');\r\n  const locale = useSelector(({settings}) => settings.locale);\r\n  const navCollapsed = useSelector(({settings}) => settings.navCollapsed);\r\n\r\n  const languageMenu = () => (\r\n    <CustomScrollbars className=\"gx-popover-lang-scroll\">\r\n      <ul className=\"gx-sub-popover\">\r\n        {languageData.map(language =>\r\n          <li className=\"gx-media gx-pointer\" key={JSON.stringify(language)} onClick={(e) =>\r\n            dispatch(switchLanguage(language))\r\n          }>\r\n            <i className={`flag flag-24 gx-mr-2 flag-${language.icon}`}/>\r\n            <span className=\"gx-language-text\">{language.name}</span>\r\n          </li>\r\n        )}\r\n      </ul>\r\n    </CustomScrollbars>);\r\n\r\n  const updateSearchChatUser = (evt) => {\r\n    setSearchText(evt.target.value)\r\n  };\r\n\r\n  return (\r\n    <div className=\"gx-header-horizontal gx-header-horizontal-dark gx-below-header-horizontal\">\r\n      <div className=\"gx-header-horizontal-top\">\r\n        <div className=\"gx-container\">\r\n          <div className=\"gx-header-horizontal-top-flex\">\r\n            <div className=\"gx-header-horizontal-top-left\">\r\n              <i className=\"icon icon-alert gx-mr-3\"/>\r\n              <p className=\"gx-mb-0 gx-text-truncate\"><IntlMessages id=\"app.announced\"/></p>\r\n            </div>\r\n            <ul className=\"gx-login-list\">\r\n              <li>Login</li>\r\n              <li>Signup</li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <Header\r\n        className=\"gx-header-horizontal-main\">\r\n        <div className=\"gx-container\">\r\n          <div className=\"gx-header-horizontal-main-flex\">\r\n\r\n            <div className=\"gx-d-block gx-d-lg-none gx-linebar gx-mr-xs-3\">\r\n              <i className=\"gx-icon-btn icon icon-menu\"\r\n                 onClick={() => {\r\n                   dispatch(toggleCollapsedSideNav(!navCollapsed));\r\n                 }}\r\n              />\r\n            </div>\r\n            <Link to=\"/\" className=\"gx-d-block gx-d-lg-none gx-pointer gx-mr-xs-3 gx-pt-xs-1 gx-w-logo\">\r\n              <img alt=\"\" src={require(\"assets/images/w-logo.png\")}/></Link>\r\n            <Link to=\"/\" className=\"gx-d-none gx-d-lg-block gx-pointer gx-mr-xs-5 gx-logo\">\r\n              <img alt=\"\" src={require(\"assets/images/logo.png\")}/></Link>\r\n            <div className=\"gx-header-search gx-d-none gx-d-lg-flex\">\r\n             \r\n\r\n              <Select defaultValue=\"lucy\" style={{width: 120}} onChange={handleChange}>\r\n                <Option value=\"jack\">Products</Option>\r\n                <Option value=\"lucy\">Apps</Option>\r\n                <Option value=\"Yiminghe\">Blogs</Option>\r\n              </Select>\r\n            </div>\r\n\r\n            <ul className=\"gx-header-notifications gx-ml-auto\">\r\n              <li className=\"gx-notify gx-notify-search gx-d-inline-block gx-d-lg-none\">\r\n                <Popover overlayClassName=\"gx-popover-horizantal\" placement=\"bottomRight\" content={\r\n                  <div className=\"gx-d-flex\"><Dropdown overlay={menu}>\r\n                    <Button>\r\n                      Category <DownOutlined />\r\n                    </Button>\r\n                  </Dropdown>\r\n                    <SearchBox styleName=\"gx-popover-search-bar\"\r\n                               placeholder=\"Search in app...\"\r\n                               onChange={updateSearchChatUser}\r\n                               value={searchText}/></div>\r\n                } trigger=\"click\">\r\n                  <span className=\"gx-pointer gx-d-block\"><i className=\"icon icon-search-new\"/></span>\r\n                </Popover>\r\n              </li>\r\n\r\n              <li className=\"gx-notify\">\r\n                <Popover overlayClassName=\"gx-popover-horizantal\" placement=\"bottomRight\" content={<AppNotification/>}\r\n                         trigger=\"click\">\r\n                  <span className=\"gx-pointer gx-d-block\"><i className=\"icon icon-notification\"/></span>\r\n                </Popover>\r\n              </li>\r\n\r\n              <li className=\"gx-msg\">\r\n                <Popover overlayClassName=\"gx-popover-horizantal\" placement=\"bottomRight\"\r\n                         content={<MailNotification/>} trigger=\"click\">\r\n                <span className=\"gx-pointer gx-status-pos gx-d-block\">\r\n                <i className=\"icon icon-chat-new\"/>\r\n                <span className=\"gx-status gx-status-rtl gx-small gx-orange\"/>\r\n                </span>\r\n                </Popover>\r\n              </li>\r\n              <li className=\"gx-language\">\r\n                <Popover overlayClassName=\"gx-popover-horizantal\" placement=\"bottomRight\"\r\n                         content={languageMenu()} trigger=\"click\">\r\n              <span className=\"gx-pointer gx-flex-row gx-align-items-center\"><i\r\n                className={`flag flag-24 flag-${locale.icon}`}/>\r\n              </span>\r\n                </Popover>\r\n              </li>\r\n              {/* <li className=\"gx-user-nav\"><UserInfo/></li> */}\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </Header>\r\n      <div className=\"gx-header-horizontal-nav gx-header-horizontal-nav-curve gx-d-none gx-d-lg-block\">\r\n        <div className=\"gx-container\">\r\n          <div className=\"gx-header-horizontal-nav-flex\">\r\n            <HorizontalNav/>\r\n            <ul className=\"gx-header-notifications gx-ml-auto\">\r\n              <li><span className=\"gx-pointer gx-d-block\"><i className=\"icon icon-menu-lines\"/></span></li>\r\n              <li><span className=\"gx-pointer gx-d-block\"><i className=\"icon icon-setting\"/></span></li>\r\n              <li><span className=\"gx-pointer gx-d-block\"><i className=\"icon icon-apps-new\"/></span></li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BelowHeader;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport { Table, Input, Tooltip, Col, Form, Empty, Row, Collapse, notification, Select, DatePicker, Button } from 'antd';\r\nimport { SearchOutlined, RollbackOutlined, CloseOutlined, BarsOutlined } from '@ant-design/icons';\r\nimport { useMediaQuery } from 'react-responsive'\r\nimport moment from 'moment';\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { RowHelper } from \"util/TableHelper\";\r\n\r\nconst layout = {\r\n  labelCol: {\r\n    span: 8,\r\n  },\r\n  wrapperCol: {\r\n    span: 13,\r\n  },\r\n};\r\nconst { Panel } = Collapse;\r\nconst { RangePicker } = DatePicker;\r\nconst BankAccountPage = (props) => {\r\n  const isDesktopOrLaptop = useMediaQuery({ query: '(min-device-width: 1224px)' });\r\n  const isTabletOrMobile = useMediaQuery({ query: '(max-width: 1500px)' });\r\n  const isTabletOrMobileDevice = useMediaQuery({ query: '(max-device-width: 1224px)' });\r\n\r\n  const [accounts, setAccounts] = useState([{ data: [], total: 0 }]);\r\n  const [dataState, setDataState] = useState([{ skip: 0, take: 10 }]);\r\n  const [take, setTake] = useState(20);\r\n  const [skip, setSkip] = useState(0);\r\n  const [teminatDropdown, setTeminatDropdown] = useState([]);\r\n  const [query, setQuery] = useState(`$filter=TenantAccountId eq ${props.match.params.bankaccountid}  and isErpActivity eq false `);\r\n  const [Iban, setIban] = useState('');\r\n  const [firmDropdown, setFirmDropdown] = useState([]);\r\n  const [TenantBankName, setTenantBankName] = useState('');\r\n  const [Description, setDescription] = useState('');\r\n  const [Amount1, setAmount1] = useState('');\r\n  const [Amount2, setAmount2] = useState('');\r\n  const [TransactionDate, setTransactionDate] = useState('');\r\n  const [firmId, setFirmId] = useState('');\r\n  const [TransactionProcessType, setTransactionProcessType] = useState('');\r\n  const [isBranchShow, setIsBranchShow] = useState(true);\r\n  const [isIbanShow, setIsIbanShow] = useState(true);\r\n  const [isCurrencyShow, setIsCurrencyShow] = useState(true);\r\n  const [isTenantIbanShow, setIsTenantIbanShow] = useState(true);\r\n  const [isTransactionTypeShow, setIsTransactionTypeShow] = useState(true);\r\n  const [isVknTcknShow, setIsVknTcknShow] = useState(true);\r\n  const [isReceiptShow, setIsReceiptShow] = useState(true);\r\n  const [isAdditionalDescriptionShow, setIsAdditionalDescriptionShow] = useState(true);\r\n  const [isSenderNameShow, setIsSenderNameShow] = useState(true);\r\n  const [isBalanceAfterTransactionShow, setIsBalanceAfterTransactionShow] = useState(true);\r\n  const [isDescriptionShow, setIsDescriptionShow] = useState(true);\r\n  const [isFirmNameShow, setIsFirmNameShow] = useState(true);\r\n  const [TransactionDate1, setTransactionDate1] = useState('');\r\n\r\n  const errorList = [];\r\n  const errorListNotification = type => {\r\n    errorList.map((item) => {\r\n      notification[type]({\r\n        message: 'Hata',\r\n        description:\r\n          item\r\n        ,\r\n        duration: 2,\r\n      });\r\n    })\r\n  };\r\n  const history = useHistory();\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/AccountTransaction? ${query} &$count=true&$skip=${skip}&$top=${take}`).then(response => {\r\n      setAccounts({\r\n        data: response.value,\r\n        total: response['@odata.count']\r\n      });\r\n    });\r\n  }, [skip, query]);\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/AccountTransaction/GetTransactionTableRole`).then((response) => {\r\n      if (response.success) {\r\n        setIsAdditionalDescriptionShow(response.data?.isAdditionalDescriptionShow)\r\n        setIsBalanceAfterTransactionShow(response.data?.isBalanceAfterTransactionShow)\r\n        setIsBranchShow(response.data?.isBranchShow)\r\n        setIsCurrencyShow(response.data?.isCurrencyShow)\r\n        setIsDescriptionShow(response.data?.isDescriptionShow)\r\n        setIsFirmNameShow(response.data?.isFirmNameShow)\r\n        setIsIbanShow(response.data?.isIbanShow)\r\n        setIsReceiptShow(response.data?.isReceiptShow)\r\n        setIsSenderNameShow(response.data?.isSenderNameShow)\r\n        setIsTenantIbanShow(response.data?.isTenantIbanShow)\r\n        setIsTransactionTypeShow(response.data?.isTransactionTypeShow)\r\n        setIsVknTcknShow(response.data?.isVknTcknShow)\r\n      }\r\n    });\r\n\r\n    RequestHandler.get(`/Firm/GetFirmType`).then(response => {\r\n      setFirmDropdown(response.data);\r\n    });\r\n\r\n    RequestHandler.get(`/Types/GetManualTransactionTypes`).then(response => {\r\n      setTeminatDropdown(response);\r\n    });\r\n  }, []);\r\n\r\n  const handleReset = clearFilters => {\r\n    setSkip(0)\r\n    setTake(20)\r\n    setQuery(`$filter=TenantAccountId eq ${props.match.params.bankaccountid} and isErpActivity eq false `)\r\n    setIban('')\r\n    setTransactionProcessType('')\r\n    setTenantBankName('')\r\n    setFirmId('')\r\n    setAmount2('')\r\n    setAmount1('')\r\n    setTransactionDate('')\r\n    setTransactionDate1('')\r\n    setDescription('')\r\n  };\r\n  const handleIban = (value) => {\r\n    setIban(value.target.value)\r\n  };\r\n\r\n  const onSearch = (val) => {\r\n    if (val.length >= 3) {\r\n      RequestHandler.get(`/Firm?isFilter=true&$filter=contains(name, '${val}')`).then(response => {\r\n        setFirmDropdown(response.value);\r\n      });\r\n    } else {\r\n      setFirmDropdown([])\r\n    }\r\n  }\r\n\r\n  const handleDescription = (value) => {\r\n    setDescription(value.target.value)\r\n  };\r\n  const handleAmount1 = (value) => {\r\n    setAmount1(value.target.value.replace(',', '.'))\r\n  };\r\n  const handleTransactionProcessType = value => {\r\n    setTransactionProcessType(value)\r\n  }\r\n  const handleAmount2 = (value) => {\r\n    setAmount2(value.target.value.replace(',', '.'))\r\n  };\r\n  const handleFirmId = value => {\r\n    setFirmId(value)\r\n  };\r\n  const handleTransactionDate = (value) => {\r\n    if (value !== null) {\r\n      setTransactionDate(value[0].format('YYYY-MM-DD'))\r\n      setTransactionDate1(value[1].format('YYYY-MM-DD'))\r\n    }\r\n  };\r\n  const paging = (p) => {\r\n    setDataState(prevState => {\r\n      prevState.skip = (p.current - 1) * 20;\r\n      setSkip(prevState.skip)\r\n      return {\r\n        prevState\r\n      }\r\n    })\r\n  }\r\n\r\n\r\n  const { Option } = Select;\r\n  const onFinish = values => {\r\n    {\r\n      var NewTransactionDate = moment(TransactionDate).add(-1, 'days').format('YYYY-MM-DD')\r\n      var NewTransactionDate1 = moment(TransactionDate1).add(1, 'days').format('YYYY-MM-DD')\r\n      setSkip(0)\r\n      setTake(15)\r\n      var queryBankAccount = `$filter=TenantAccountId eq ${props.match.params.bankaccountid} and isErpActivity eq false `;\r\n      if (Iban !== undefined && Iban !== \"\") {\r\n        queryBankAccount += ` and Contains(Iban,'${Iban}')`;\r\n      }\r\n      if (TenantBankName !== undefined && TenantBankName !== \"\") {\r\n        queryBankAccount += ` and Contains(TenantBankName,'${TenantBankName}')`;\r\n      }\r\n      if (Description !== undefined && Description !== \"\") {\r\n        queryBankAccount += ` and Contains(Description,'${Description}')`;\r\n      }\r\n      if (TransactionDate !== undefined && TransactionDate !== \"\") {\r\n        queryBankAccount += ` and date(TransactionDateValue) lt ${NewTransactionDate1} and date(TransactionDateValue) gt ${NewTransactionDate}`;\r\n      }\r\n      if (queryBankAccount !== \"\" && Amount1 !== undefined && Amount1 !== \"\" && (Amount2 === undefined || Amount2 === \"\")) {\r\n        queryBankAccount += ` and Amount lt ${Amount1}`;\r\n      }\r\n      if (queryBankAccount !== \"\" && TransactionProcessType !== undefined && TransactionProcessType !== \"\") {\r\n        queryBankAccount += ` and TransactionProcessTypeValue eq ${TransactionProcessType} `;\r\n      }\r\n      if (queryBankAccount !== \"\" && firmId !== undefined && firmId !== \"\") {\r\n        queryBankAccount += ` and FirmId eq ${firmId} `;\r\n      }\r\n\r\n      if (TransactionProcessType === undefined || TransactionProcessType === \"\") {\r\n        if (queryBankAccount !== \"\" && Amount1 !== undefined && Amount1 !== \"\" && (Amount2 === undefined || Amount2 === \"\")) {\r\n          queryBankAccount += ` and (Amount lt ${Amount1} or Amount eq ${Amount1}) and (TransactionProcessTypeValue eq 2 or TransactionProcessTypeValue eq 1)`;\r\n        }\r\n        if (queryBankAccount !== \"\" && (Amount1 === undefined || Amount1 === \"\") && Amount2 !== undefined && Amount2 !== \"\") {\r\n          queryBankAccount += ` and (Amount gt ${Amount2} or Amount eq ${Amount2}) and TransactionProcessTypeValue eq 1`;\r\n        }\r\n      } else {\r\n        if (queryBankAccount !== \"\" && Amount1 !== undefined && Amount1 !== \"\" && (Amount2 === undefined || Amount2 === \"\")) {\r\n          queryBankAccount += ` and (Amount lt ${Amount1} or Amount eq ${Amount1})`;\r\n        }\r\n        if (queryBankAccount !== \"\" && (Amount1 === undefined || Amount1 === \"\") && Amount2 !== undefined && Amount2 !== \"\") {\r\n          queryBankAccount += ` and Amount gt ${Amount2} `;\r\n        }\r\n      }\r\n      if (queryBankAccount !== \"\" && Amount1 !== undefined && Amount1 !== \"\" && Amount2 !== undefined && Amount2 !== \"\") {\r\n        queryBankAccount += ` and (Amount lt ${Amount1} or Amount eq ${Amount1}) and (Amount gt ${Amount2} or Amount eq ${Amount2})`;\r\n      }\r\n      setQuery(queryBankAccount)\r\n      queryBankAccount = `$filter=TenantAccountId eq ${props.match.params.bankaccountid} and isErpActivity eq false `;\r\n    }\r\n  };\r\n\r\n  const columns = [\r\n    {\r\n      title: 'BANKA',\r\n      dataIndex: 'bankId',\r\n      key: 'bankId',\r\n      render: (text, row, index) => {\r\n        return <div style={{ width: 84 }}><img src={row.tenantBankLogo} ></img></div>\r\n      },\r\n    },\r\n    isBranchShow ?\r\n      {\r\n        title: 'ŞUBE',\r\n        dataIndex: 'tenantBranchCode',\r\n        key: 'tenantBranchCode',\r\n        align: 'center',\r\n      } : {},\r\n    isTenantIbanShow ?\r\n      {\r\n        title: 'IBAN / HESAP NUMARASI',\r\n        align: 'center',\r\n        dataIndex: 'tenantIban',\r\n        key: 'tenantIban',\r\n        width: '17%',\r\n        render: (text, row, index) => {\r\n          {\r\n            return <div >{row.tenantIban == null ? (row.tenantAccountNumber == null ? \"\" : row.tenantAccountNumber) : row.tenantIban}</div>\r\n          }\r\n        },\r\n      } : {},\r\n    {\r\n      title: 'TUTAR',\r\n      dataIndex: 'amountString',\r\n      key: 'amountString',\r\n      render: (text, row, index) => {\r\n        {\r\n          return <div style={{ width: 98 }}>{text}</div>\r\n        }\r\n      },\r\n    },\r\n    isCurrencyShow ?\r\n      {\r\n        title: 'DÖVİZ',\r\n        dataIndex: 'currency',\r\n        align: 'center',\r\n        key: 'currency',\r\n        render: (text, row, index) => {\r\n          {\r\n            return <div >{text}</div>\r\n          }\r\n        },\r\n      } : {},\r\n    {\r\n      title: 'TARİH',\r\n      dataIndex: 'transactionDate',\r\n      align: 'center',\r\n      width: '14%',\r\n      key: 'transactionDate',\r\n      render: (text, row, index) => {\r\n        {\r\n          return <div > {row.transactionDate} </div>\r\n        }\r\n      },\r\n    },\r\n    isDescriptionShow ?\r\n      {\r\n        title: 'AÇIKLAMA',\r\n        align: 'left',\r\n        dataIndex: 'description',\r\n        key: 'description',\r\n        render: (text, row, index) =>\r\n          <Tooltip placement=\"topLeft\" title={text}>\r\n            <div style={{ width: 326 }}>\r\n              {text?.substring(0, 40) === undefined ? \" \" :\r\n                text?.substring(0, 40).trim().length < 35 ? text + \"\" : text?.substring(0, 40) + \"...\"}\r\n            </div></Tooltip>\r\n      } : {},\r\n    isFirmNameShow ?\r\n      {\r\n        title: 'CARİ ADI',\r\n        dataIndex: 'firmName',\r\n        align: 'center',\r\n        key: 'firmName',\r\n        render: (text, row, index) => text == null ? <div style={{ opacity: 0.7 }}>-</div> :\r\n          <Tooltip placement=\"topLeft\" title={text}>\r\n            <div style={{ width: 72 }}>\r\n              {text?.substring(0, 15) === undefined ? <div style={{ opacity: 0.7 }}>-</div> :\r\n                text?.substring(0, 15).length < 8 ? text?.substring(0, 15) + \"\" : text?.substring(0, 8) + \"...\"}</div>\r\n          </Tooltip>\r\n      } : {},\r\n  ];\r\n\r\n  const detailColumns = [\r\n    isIbanShow ?\r\n      {\r\n        title: \"Karşı Iban\",\r\n        dataIndex: \"iban\",\r\n      } : {},\r\n    isVknTcknShow ?\r\n      {\r\n        title: \"Vkn / T.C. No\",\r\n        dataIndex: \"vkn\",\r\n        render: (data, row, index) => data ?? row.tckn,\r\n      } : {},\r\n    isTransactionTypeShow ?\r\n      {\r\n        title: \"İşlem Tipi\",\r\n        dataIndex: \"transactionTypeName\",\r\n      } : {},\r\n    isSenderNameShow ?\r\n      {\r\n        title: \"Gönderen Adı\",\r\n        dataIndex: \"senderName\",\r\n      } : {},\r\n    isReceiptShow ?\r\n      {\r\n        title: \"Dekont No\",\r\n        dataIndex: \"receiptNumber\",\r\n      } : {},\r\n    isDescriptionShow ?\r\n      {\r\n        title: \"Banka Açıklaması\",\r\n        dataIndex: \"description\",\r\n      } : {},\r\n    isAdditionalDescriptionShow ?\r\n      {\r\n        title: \"Ek Açıklama\",\r\n        dataIndex: \"additionalDescription\",\r\n      } : {},\r\n  ];\r\n\r\n  return (\r\n    <>\r\n      <Row style={{ marginBottom: 9 }}>\r\n        <Col flex={1}><a onClick={() => history.goBack()} style={{ color: 'black', marginLeft: \"4%\" }}> <RollbackOutlined /> GERİ DÖN</a></Col>\r\n        <Col flex={4}></Col>\r\n      </Row>\r\n      <Row>\r\n        <p style={{ fontSize: '120%', marginTop: -9 }}><BarsOutlined /> ŞUBE LİSTESİ - HESAP HAREKETLERİ</p>\r\n      </Row>\r\n      <Collapse defaultActiveKey={['0']}>\r\n        <Panel header=\"Filtreleme için tıklayınız.\" key=\"1\">\r\n\r\n          <Form\r\n            {...layout}\r\n            name=\"basic\"\r\n            initialValues={{\r\n              remember: true,\r\n            }}\r\n            onFinish={onFinish}\r\n          >\r\n            <Row>\r\n              {isDesktopOrLaptop && <>\r\n                <Col span={6}> <label>Karşı Iban :</label></Col>\r\n                <Col span={6}> <label>Tutar Aralığı :</label></Col>\r\n                <Col span={6}> <label>Tarih Aralığı :</label></Col>\r\n                <Col span={6}> <label>Açıklama :</label></Col>\r\n\r\n                <Col span={6}> <Input name=\"Iban\" value={Iban} onChange={handleIban} style={{ width: \"100%\" }} placeholder=\"Iban\" /></Col>\r\n                <Col span={6}>\r\n                  <Input.Group compact>\r\n                    <Input onChange={handleAmount2} onKeyDown={(evt) => evt.keyCode === 109 && evt.preventDefault()} style={{ width: \"50%\" }} value={Amount2} name=\"Amount2\" placeholder=\"Tutar Başlangıç\" />\r\n                    <Input onChange={handleAmount1} onKeyDown={(evt) => evt.keyCode === 109 && evt.preventDefault()} style={{ width: \"50%\" }} value={Amount1} name=\"Amount1\" placeholder=\"Tutar Bitiş\" />\r\n                  </Input.Group>\r\n                </Col>\r\n\r\n                <Col span={6}>\r\n                  <RangePicker format={\"DD-MM-YYYY\"} name=\"TransactionDate\" placeholder={[\"Başlangıç\", \"Bitiş\"]} Value={[moment(TransactionDate), moment(TransactionDate1)]} onChange={handleTransactionDate} style={{ width: \"100%\", marginBottom: \"4%\" }} />\r\n                </Col>\r\n                <Col span={6}><Input onChange={handleDescription} style={{ width: \"100%\" }} value={Description} name=\"Description\" placeholder=\"Açıklama\" /></Col>\r\n\r\n                <Col span={6}>Ödeme / Tahsilat Tipi :</Col>\r\n                <Col span={6}> <label>Fiyat :</label></Col>\r\n                <Col span={6}> <label></label></Col>\r\n                <Col span={6}></Col>\r\n\r\n                <Col span={6}>\r\n                  <Select\r\n                    style={{ width: \"100%\", marginBottom: \"4%\" }}\r\n                    value={TransactionProcessType === \"\" ? null : TransactionProcessType}\r\n                    name=\"TransactionProcessType\"\r\n                    placeholder=\"Ödeme/Tahsilat tipi seçiniz\"\r\n                    onChange={handleTransactionProcessType}\r\n                    optionFilterProp=\"children\"\r\n                    filterOption={(input, option) =>\r\n                      option.props.children\r\n                        .toLocaleLowerCase(\"tr-TR\")\r\n                        .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                    }\r\n                  >\r\n                    {teminatDropdown.map(item => (\r\n                      <Option key={item.value == \"Ödeme\" ? 2 : 1}>{item.value}</Option>\r\n                    ))}\r\n                  </Select>\r\n                </Col>\r\n                <Col span={6}>\r\n                  <Select\r\n                    showSearch\r\n                    name=\"FirmId\"\r\n                    onChange={handleFirmId}\r\n                    value={firmId === '' ? undefined : firmId}\r\n                    style={{ width: '100%', marginBottom: \"3%\" }}\r\n                    placeholder=\"En az 3 harf giriniz..\"\r\n                    optionFilterProp=\"children\"\r\n                    onSearch={onSearch}\r\n                    filterOption={(input, option) =>\r\n                      option.props.children\r\n                        .toLocaleLowerCase(\"tr-TR\")\r\n                        .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                    }\r\n                  >\r\n                    {firmDropdown.map(item => (\r\n                      <Option key={item.id} value={item.id}>{item.name}</Option>\r\n                    ))}\r\n                  </Select>\r\n                </Col>\r\n                <Col span={6}></Col>\r\n                <Col span={6}></Col>\r\n\r\n                <Col span={6}></Col>\r\n                <Col span={6}></Col>\r\n                <Col span={6}></Col>\r\n                <Col flex={5} style={{ opacity: 0.1 }}>.</Col>\r\n                <Col flex={0.7}><Button danger size=\"small\" icon={<CloseOutlined />} onClick={() => handleReset()}>Sıfırla</Button></Col>\r\n                <Col flex={0}>\r\n                  <Button primary size=\"small\" icon={<SearchOutlined />} style={{ color: \"#4d98aa\", borderColor: \"#4d98aa\" }} htmlType=\"submit\">Filtrele</Button>\r\n                </Col>\r\n              </>}\r\n              {isTabletOrMobileDevice && <>\r\n                <Col span={12}> <label>Karşı Iban :</label></Col>\r\n                <Col span={12}> <label>Tutar Aralığı :</label></Col>\r\n                <Col span={12}> <Input name=\"Iban\" value={Iban} onChange={handleIban} style={{ width: \"100%\" }} placeholder=\"Iban\" /></Col>\r\n                <Col span={12}>\r\n                  <Input.Group compact>\r\n                    <Input onChange={handleAmount2} style={{ width: \"50%\" }} value={Amount2} name=\"Amount2\" placeholder=\"Tutar Başlangıç\" />\r\n                    <Input onChange={handleAmount1} style={{ width: \"50%\" }} value={Amount1} name=\"Amount1\" placeholder=\"Tutar Bitiş\" />\r\n                  </Input.Group>\r\n                </Col>\r\n                <Col span={12}> <label>Tarih Aralığı :</label></Col>\r\n                <Col span={12}> <label>Açıklama :</label></Col>\r\n\r\n\r\n\r\n\r\n                <Col span={12}>\r\n                  <RangePicker format={\"DD-MM-YYYY\"} name=\"TransactionDate\" placeholder={[\"Başlangıç\", \"Bitiş\"]} Value={[moment(TransactionDate), moment(TransactionDate1)]} onChange={handleTransactionDate} style={{ width: \"100%\", marginBottom: \"4%\" }} />\r\n                </Col>\r\n                <Col span={12}><Input onChange={handleDescription} style={{ width: \"100%\", marginBottom: \"6%\" }} value={Description} name=\"Description\" placeholder=\"Açıklama\" /></Col>\r\n                <Col span={12}></Col>\r\n                <Col span={12}>Cari :</Col>\r\n                <Col span={12}></Col>\r\n                <Col span={12}><Select\r\n                  showSearch\r\n                  name=\"FirmId\"\r\n                  onChange={handleFirmId}\r\n                  value={firmId === '' ? undefined : firmId}\r\n                  style={{ width: '100%', marginBottom: \"3%\" }}\r\n                  placeholder=\"En az 3 harf giriniz..\"\r\n                  optionFilterProp=\"children\"\r\n                  onSearch={onSearch}\r\n                  filterOption={(input, option) =>\r\n                    option.props.children\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                  }\r\n                >\r\n                  {firmDropdown.map(item => (\r\n                    <Option key={item.id} value={item.id}>{item.name}</Option>\r\n                  ))}\r\n                </Select></Col>\r\n\r\n                <Col span={12}>\r\n                  <Button danger size=\"small\" style={{ width: \"100%\" }} icon={<CloseOutlined />} onClick={() => handleReset()}>Sıfırla</Button>\r\n                </Col>\r\n                <Col span={12}>\r\n                  <Button primary size=\"small\" icon={<SearchOutlined />} style={{ color: \"#4d98aa\", borderColor: \"#4d98aa\", width: \"100%\" }} htmlType=\"submit\">Filtrele</Button>\r\n                </Col>\r\n              </>}\r\n\r\n\r\n\r\n            </Row>\r\n          </Form>\r\n        </Panel>\r\n      </Collapse><br></br>\r\n      {isTabletOrMobile === true ?\r\n        <Table columns={columns}\r\n          locale={{ emptyText: <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description=\"Veri Yok\" /> }}\r\n          style={{ maxHeight: \"100%\" }}\r\n          scroll={{ x: 1150 }}\r\n          size=\"small\"\r\n          rowKey=\"id\"\r\n          filterable={true}\r\n          expandable={{\r\n            expandedRowRender: (row) =>\r\n              RowHelper.renderRowDetail({\r\n                data: row,\r\n                columns: detailColumns,\r\n              }),\r\n          }}\r\n          sortable={true}\r\n          pagination={{\r\n            total: accounts.total,\r\n            pageSize: [15]\r\n          }}\r\n          pageable={true}\r\n          onChange={paging}\r\n          dataSource={accounts.data}\r\n        />\r\n        : <Table columns={columns}\r\n          locale={{ emptyText: <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description=\"Veri Yok\" /> }}\r\n          style={{ overflowX: \"auto\", maxHeight: \"100%\" }}\r\n          size=\"small\"\r\n          rowKey=\"id\"\r\n          filterable={true}\r\n          expandable={{\r\n            expandedRowRender: record => <p><b>Karşı Iban : </b> {record.iban}<br />\r\n              <b>VKN / T.C. No : </b> {record.tckn == null ? record.vkn : record.tckn}<br />\r\n              <b>Banka Açıklaması : </b> {record.description}<br /></p>,\r\n          }}\r\n          sortable={true}\r\n          pagination={{\r\n            total: accounts.total,\r\n            pageSize: [15]\r\n          }}\r\n          pageable={true}\r\n          onChange={paging}\r\n          dataSource={accounts.data}\r\n        />}\r\n\r\n    </>\r\n  )\r\n}\r\n\r\nexport default BankAccountPage\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Col, Row, Form, Select, Input, Button } from \"antd\";\r\n\r\nimport { PlusOutlined } from \"@ant-design/icons\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\nimport { defaultValidateMessages } from \"./Helper\";\r\n\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 8,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 16,\r\n    },\r\n  },\r\n};\r\nconst { Option } = Select;\r\n\r\nconst TransactionBankInfoAccountAddForm = (props) => {\r\n  const [form] = Form.useForm();\r\n  const [loading, setLoading] = useState(false);\r\n  const [bankBranchDropdown, setbankBranchDropdown] = useState({\r\n    data: [],\r\n    loading: true,\r\n  });\r\n  const [currencyDropdown, setCurrencyDropdown] = useState({\r\n    data: [],\r\n    loading: true,\r\n  });\r\n  const [bankRequirements, setBankRequirements] = useState({});\r\n\r\n  useEffect(() => {\r\n    if (props.data) {\r\n      form.setFieldsValue(props.data);\r\n    }\r\n  }, [props.data]);\r\n\r\n  useEffect(() => {\r\n    getBankBranchDropdownData();\r\n    getCurrencyDropdownData();\r\n    getBankInfoRequirements(props.data.bankId);\r\n  }, []);\r\n\r\n  const getBankInfoRequirements = (bankId) => {\r\n    RequestHandler.get(\"/Bank/GetBankColumnsByBankId/\" + bankId).then(\r\n      (response) => {\r\n        setBankRequirements({\r\n          isRequiredAccountInfo: response.isRequiredAccountInfo,\r\n          ...response.bankInfoRequiredColumns,\r\n          ...response.bankInfoAccountRequiredColumns,\r\n        });\r\n      }\r\n    );\r\n  };\r\n\r\n  const getBankBranchDropdownData = () => {\r\n    setbankBranchDropdown({\r\n      ...bankBranchDropdown,\r\n      loading: true,\r\n    });\r\n\r\n    RequestHandler.get(\r\n      `/BankBranch/GetBranchForBank?id=${props.data.bankId}`\r\n    ).then((response) => {\r\n      setbankBranchDropdown({\r\n        data: response,\r\n        loading: false,\r\n      });\r\n    });\r\n  };\r\n\r\n  const getCurrencyDropdownData = () => {\r\n    setCurrencyDropdown({\r\n      ...currencyDropdown,\r\n      loading: true,\r\n    });\r\n\r\n    RequestHandler.get(`/Currency`).then((response) => {\r\n      setCurrencyDropdown({\r\n        data: response.value,\r\n        loading: false,\r\n      });\r\n    });\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    RequestHandler.post(\r\n      `/TransactionBankInfoAccount/AddWithBankCheck`,\r\n      values\r\n    ).then((res) => {\r\n      setLoading(false);\r\n      if (res.success) {\r\n        form.resetFields();\r\n\r\n        if (props.onSuccess) props.onSuccess();\r\n      }\r\n    });\r\n  };\r\n\r\n  const onFinishFailed = (errorInfo) => {\r\n    setLoading(false);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Form\r\n        {...formItemLayout}\r\n        validateMessages={defaultValidateMessages}\r\n        form={form}\r\n        name=\"addForm\"\r\n        initialValues={{\r\n          remember: true,\r\n        }}\r\n        onFinish={onFinish}\r\n        onFinishFailed={onFinishFailed}\r\n      >\r\n        <Row>\r\n          <Col span={24}>\r\n            <Form.Item name=\"transactionBankInfoId\" hidden>\r\n              <Input />\r\n            </Form.Item>\r\n\r\n            {bankRequirements.isBankBranchIdRequired && (\r\n              <Form.Item\r\n                label=\"Şube Kodu\"\r\n                name=\"bankBranchId\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Lütfen şube kodu alanını boş bırakmayın.\",\r\n                  },\r\n                ]}\r\n              >\r\n                <Select\r\n                  showSearch\r\n                  placeholder=\"Şube seçiniz\"\r\n                  optionFilterProp=\"children\"\r\n                  filterOption={(input, option) =>\r\n                    option.props.children\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                  }\r\n                  loading={bankBranchDropdown.loading}\r\n                >\r\n                  {bankBranchDropdown.data.map((item) => (\r\n                    <Option key={item.id}>{item.name}</Option>\r\n                  ))}\r\n                </Select>\r\n              </Form.Item>\r\n            )}\r\n\r\n            {bankRequirements.isAccountNumberRequired && (\r\n              <Form.Item\r\n                label=\"Hesap Numarası\"\r\n                name=\"accountNumber\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Lütfen hesap numarası alanını boş bırakmayın.\",\r\n                  },\r\n                ]}\r\n              >\r\n                <Input maxLength=\"17\" />\r\n              </Form.Item>\r\n            )}\r\n\r\n            {bankRequirements.isIbanRequired && (\r\n              <Form.Item\r\n                label=\"Iban/Hesap No\"\r\n                name=\"iban\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Lütfen Iban/Hesap No alanını boş bırakmayın.\",\r\n                  },\r\n                ]}\r\n              >\r\n                <Input type=\"text\" maxLength=\"26\" />\r\n              </Form.Item>\r\n            )}\r\n\r\n            {bankRequirements.isAccountSuffixRequired && (\r\n              <Form.Item\r\n                label=\"Hesap Ek Numarası\"\r\n                name=\"accountSuffix\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Lütfen Hesap Ek Numarası alanını boş bırakmayın.\",\r\n                  },\r\n                ]}\r\n              >\r\n                <Input maxLength=\"4\" />\r\n              </Form.Item>\r\n            )}\r\n\r\n            {bankRequirements.isCurrencyIdRequired && (\r\n              <Form.Item\r\n                label=\"Döviz Kodu\"\r\n                name=\"currencyId\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Lütfen döviz kodu alanını boş bırakmayın.\",\r\n                  },\r\n                ]}\r\n              >\r\n                <Select\r\n                  showSearch\r\n                  placeholder=\"Para birimini seçiniz\"\r\n                  optionFilterProp=\"children\"\r\n                  filterOption={(input, option) =>\r\n                    option.props.children\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                  }\r\n                  loading={currencyDropdown.loading}\r\n                >\r\n                  {currencyDropdown.data.map((item) => (\r\n                    <Option key={item.id} value={item.id}>\r\n                      {item.code + \" (\" + item.symbol + \")\"}\r\n                    </Option>\r\n                  ))}\r\n                </Select>\r\n              </Form.Item>\r\n            )}\r\n\r\n            <Col style={{ textAlign: \"right\" }}>\r\n              <Button\r\n                type=\"primary\"\r\n                icon={<PlusOutlined />}\r\n                htmlType=\"submit\"\r\n                onClick={() => setLoading(true)}\r\n                loading={loading}\r\n              >\r\n                Ekle\r\n              </Button>\r\n            </Col>\r\n          </Col>\r\n        </Row>\r\n      </Form>\r\n    </>\r\n  );\r\n};\r\nexport default TransactionBankInfoAccountAddForm;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Col, Row, Form, Select, Input, Button } from \"antd\";\r\n\r\nimport { PlusOutlined } from \"@ant-design/icons\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\nimport { defaultValidateMessages } from \"./Helper\";\r\n\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 8,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 16,\r\n    },\r\n  },\r\n};\r\nconst { Option } = Select;\r\nconst TransactionBankInfoAccountUpdateForm = (props) => {\r\n  const [form] = Form.useForm();\r\n  const [loading, setLoading] = useState(false);\r\n  const [bankBranchDropdown, setbankBranchDropdown] = useState({\r\n    data: [],\r\n    loading: true,\r\n  });\r\n  const [currencyDropdown, setCurrencyDropdown] = useState({\r\n    data: [],\r\n    loading: true,\r\n  });\r\n  const [bankRequirements, setBankRequirements] = useState({});\r\n\r\n  useEffect(() => {\r\n    if (props.data) {\r\n      form.setFieldsValue(props.data);\r\n    }\r\n  }, [props.data]);\r\n\r\n  useEffect(() => {\r\n    getBankBranchDropdownData();\r\n    getCurrencyDropdownData();\r\n    getBankInfoRequirements(props.bankId);\r\n  }, []);\r\n\r\n  const getBankInfoRequirements = (bankId) => {\r\n    RequestHandler.get(\"/Bank/GetBankColumnsByBankId/\" + bankId).then(\r\n      (response) => {\r\n        setBankRequirements({\r\n          isRequiredAccountInfo: response.isRequiredAccountInfo,\r\n          ...response.bankInfoRequiredColumns,\r\n          ...response.bankInfoAccountRequiredColumns,\r\n        });\r\n      }\r\n    );\r\n  };\r\n\r\n  const getBankBranchDropdownData = () => {\r\n    setbankBranchDropdown({\r\n      ...bankBranchDropdown,\r\n      loading: true,\r\n    });\r\n\r\n    RequestHandler.get(\r\n      `/BankBranch/GetBranchForBank?id=${props.bankId}`\r\n    ).then((response) => {\r\n      setbankBranchDropdown({\r\n        data: response,\r\n        loading: false,\r\n      });\r\n    });\r\n  };\r\n\r\n  const getCurrencyDropdownData = () => {\r\n    setCurrencyDropdown({\r\n      ...currencyDropdown,\r\n      loading: true,\r\n    });\r\n\r\n    RequestHandler.get(`/Currency`).then((response) => {\r\n      setCurrencyDropdown({\r\n        data: response.value,\r\n        loading: false,\r\n      });\r\n    });\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    RequestHandler.put(`/TransactionBankInfoAccount`, values).then((res) => {\r\n      setLoading(false);\r\n      if (res.success) {\r\n        form.resetFields();\r\n\r\n        if (props.onSuccess) props.onSuccess();\r\n      }\r\n    }).catch(function (error) {\r\n      setLoading(false);\r\n    });\r\n  };\r\n\r\n  const onFinishFailed = (errorInfo) => {\r\n    setLoading(false);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Form\r\n        {...formItemLayout}\r\n        validateMessages={defaultValidateMessages}\r\n        form={form}\r\n        name=\"updateForm\"\r\n        initialValues={{\r\n          remember: true,\r\n        }}\r\n        onFinish={onFinish}\r\n        onFinishFailed={onFinishFailed}\r\n      >\r\n        <Row>\r\n          <Col span={24}>\r\n            <Form.Item name=\"id\" hidden>\r\n              <Input />\r\n            </Form.Item>\r\n            \r\n            <Form.Item name=\"transactionBankInfoId\" hidden>\r\n              <Input />\r\n            </Form.Item>\r\n\r\n            {bankRequirements.isBankBranchIdRequired && (\r\n              <Form.Item\r\n                label=\"Şube Kodu\"\r\n                name=\"bankBranchId\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Lütfen şube kodu alanını boş bırakmayın.\",\r\n                  },\r\n                ]}\r\n              >\r\n                <Select\r\n                  showSearch\r\n                  placeholder=\"Şube seçiniz\"\r\n                  optionFilterProp=\"children\"\r\n                  filterOption={(input, option) =>\r\n                    option.props.children\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                  }\r\n                  loading={bankBranchDropdown.loading}\r\n                >\r\n                  {bankBranchDropdown.data.map((item) => (\r\n                    <Option value={item.id} key={item.id}>{item.name}</Option>\r\n                  ))}\r\n                </Select>\r\n              </Form.Item>\r\n            )}\r\n\r\n            {bankRequirements.isAccountNumberRequired && (\r\n              <Form.Item\r\n                label=\"Hesap Numarası\"\r\n                name=\"accountNumber\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Lütfen hesap numarası alanını boş bırakmayın.\",\r\n                  },\r\n                ]}\r\n              >\r\n                <Input maxLength=\"17\" />\r\n              </Form.Item>\r\n            )}\r\n\r\n            {bankRequirements.isIbanRequired && (\r\n              <Form.Item\r\n                label=\"Iban\"\r\n                name=\"iban\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Lütfen Iban alanını boş bırakmayın.\",\r\n                  },\r\n                ]}\r\n              >\r\n                <Input type=\"text\" defaultValue=\"TR\" maxLength=\"26\" />\r\n              </Form.Item>\r\n            )}\r\n\r\n            {bankRequirements.isAccountSuffixRequired && (\r\n              <Form.Item\r\n                label=\"Hesap Ek Numarası\"\r\n                name=\"accountSuffix\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Lütfen Hesap Ek Numarası alanını boş bırakmayın.\",\r\n                  },\r\n                ]}\r\n              >\r\n                <Input maxLength=\"4\" />\r\n              </Form.Item>\r\n            )}\r\n\r\n            {bankRequirements.isCurrencyIdRequired && (\r\n              <Form.Item\r\n                label=\"Döviz Kodu\"\r\n                name=\"currencyId\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Lütfen döviz kodu alanını boş bırakmayın.\",\r\n                  },\r\n                ]}\r\n              >\r\n                <Select\r\n                  showSearch\r\n                  placeholder=\"Para birimini seçiniz\"\r\n                  optionFilterProp=\"children\"\r\n                  filterOption={(input, option) =>\r\n                    option.props.children\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                  }\r\n                  loading={currencyDropdown.loading}\r\n                >\r\n                  {currencyDropdown.data.map((item) => (\r\n                    <Option key={item.id} value={item.id}>\r\n                      {item.code + \" (\" + item.symbol + \")\"}\r\n                    </Option>\r\n                  ))}\r\n                </Select>\r\n              </Form.Item>\r\n            )}\r\n\r\n            <Col style={{ textAlign: \"right\" }}>\r\n              <Button\r\n                type=\"primary\"\r\n                icon={<PlusOutlined />}\r\n                htmlType=\"submit\"\r\n                onClick={() => setLoading(true)}\r\n                loading={loading}\r\n              >\r\n                Güncelle\r\n              </Button>\r\n            </Col>\r\n          </Col>\r\n        </Row>\r\n      </Form>\r\n    </>\r\n  );\r\n};\r\nexport default TransactionBankInfoAccountUpdateForm;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Form, Input, Button, Row, Col, Transfer } from 'antd';\r\nimport { useMediaQuery } from 'react-responsive'\r\nimport RequestHandler from '../../util/RequestHandler';\r\nconst userId = localStorage.getItem(\"userId\");\r\n\r\nconst layout = {\r\n  labelCol: {\r\n    span: 4,\r\n  },\r\n  wrapperCol: {\r\n    span: 16,\r\n  },\r\n};\r\nconst tailLayout = {\r\n  wrapperCol: {\r\n    offset: 8,\r\n    span: 16,\r\n  },\r\n};\r\n\r\nconst GroupAdd = () => {\r\n  const isDesktopOrLaptop = useMediaQuery({ query: '(min-device-width: 1224px)' });\r\n  const isTabletOrMobileDevice = useMediaQuery({ query: '(max-device-width: 1224px)' });\r\n  const [mockDataTenant, setmockDataTenant] = useState([]);\r\n  const [mockDataUser, setmockDataUser] = useState([]);\r\n  const [targetKeysTenant, setTargetKeysTenant] = useState([]);\r\n  const [loading, setLoading] = useState(false);\r\n  const [targetKeysUser, setTargetKeysUser] = useState([]);\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/User/GetUserTenants/${userId}`).then(response => {\r\n      getMockTenant(response);\r\n      const tenantList = [];\r\n      response.map((item) => {\r\n        tenantList.push(item.id);\r\n      });\r\n\r\n      RequestHandler.post(`/User/GetUserListForTenants`, {\r\n        tenants: tenantList\r\n      }, false).then(res => {\r\n        getMockUser(res)\r\n      });\r\n    });\r\n  }, []);\r\n\r\n  const onFinish = (values) => {\r\n    const tenantList = [];\r\n    const userList = [];\r\n    targetKeysTenant.map((item) => {\r\n      tenantList.push(item);\r\n    })\r\n    targetKeysUser.map((item) => {\r\n      userList.push(item);\r\n    })\r\n\r\n    RequestHandler.post(`/Group`, {\r\n      name: values.name,\r\n      tenantIds: tenantList,\r\n      userIds: userList\r\n    }).then(res => {\r\n      setTimeout(function () {\r\n        window.location.reload();\r\n      }.bind(this), 2000)\r\n    });\r\n  };\r\n\r\n  const onFinishFailed = () => setLoading(false);\r\n\r\n  const getMockTenant = (value) => {\r\n    const targetKeysTenant = [];\r\n    const mockDataTenant = [];\r\n    value.map((item, index) => {\r\n      const data = {\r\n        key: item.id,\r\n        title: item.name,\r\n        description: ``,\r\n      };\r\n      if (data.chosen) {\r\n        targetKeysTenant.push(data.key);\r\n      }\r\n      mockDataTenant.push(data);\r\n    })\r\n    setmockDataTenant(mockDataTenant)\r\n    setTargetKeysTenant(targetKeysTenant)\r\n  };\r\n\r\n  const getMockUser = (value) => {\r\n    const targetKeysUser = [];\r\n    const mockDataUser = [];\r\n    value.map((item, index) => {\r\n      const data = {\r\n        key: item.id,\r\n        title: item.firstName,\r\n        description: ``,\r\n      };\r\n      if (data.chosen) {\r\n        targetKeysUser.push(data.key);\r\n      }\r\n      mockDataUser.push(data);\r\n    })\r\n    setmockDataUser(mockDataUser)\r\n    setTargetKeysUser(targetKeysUser)\r\n  };\r\n\r\n  const filterOptionUser = (inputValue, option) => option.description.indexOf(inputValue) > -1;\r\n\r\n  const handleChangeUser = targetKeysUser => {\r\n    setTargetKeysUser(targetKeysUser)\r\n  };\r\n\r\n  const filterOptionTenant = (inputValue, option) => option.description.indexOf(inputValue) > -1;\r\n\r\n  const handleChangeTenant = targetKeysTenant => {\r\n    setTargetKeysTenant(targetKeysTenant)\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      {isTabletOrMobileDevice && <>\r\n        <Form\r\n          {...layout}\r\n          name=\"basic\"\r\n          initialValues={{\r\n            remember: true,\r\n          }}\r\n          onFinish={onFinish}\r\n          onFinishFailed={onFinishFailed}\r\n        >\r\n          <Form.Item\r\n            label=\"Grup Adı\"\r\n            name=\"name\"\r\n            rules={[\r\n              {\r\n                required: true,\r\n                message: 'İsim alanını boş bırakmayın',\r\n              },\r\n            ]}\r\n          >\r\n            <Input />\r\n          </Form.Item>\r\n\r\n          <Form.Item\r\n            label=\"Şirketler\"\r\n            name=\"users\"\r\n          >\r\n            <Transfer\r\n              dataSource={mockDataTenant}\r\n              style={{ marginLeft: '-24%' }}\r\n\r\n              showSearch\r\n              locale={\r\n                {\r\n                  searchPlaceholder: \"Arama Yapınız\",\r\n                  notFoundContent: 'Liste Boş',\r\n                  itemUnit: 'Şirket',\r\n                  itemsUnit: 'Şirket',\r\n                  selectAll: 'Hepsini Seç',\r\n                  selectInvert: 'Seçimleri Kaldır'\r\n                }\r\n              }\r\n              listStyle={{\r\n                width: 300,\r\n                height: 250,\r\n              }}\r\n              titles={['(-)', '(+)']}\r\n              filterOption={filterOptionTenant}\r\n              targetKeys={targetKeysTenant}\r\n              onChange={handleChangeTenant}\r\n              render={item => item.title}\r\n            />\r\n          </Form.Item>\r\n\r\n          <Form.Item\r\n            label=\"Kullanıcılar\"\r\n            name=\"tenants\"\r\n          >\r\n\r\n            <Transfer\r\n              style={{ marginLeft: '-24%' }}\r\n              dataSource={mockDataUser}\r\n              showSearch\r\n              locale={\r\n                {\r\n                  searchPlaceholder: \"Arama Yapınız\",\r\n                  notFoundContent: 'Liste Boş',\r\n                  itemUnit: 'Kullanıcı',\r\n                  itemsUnit: 'Kullanıcı',\r\n                  selectAll: 'Hepsini Seç',\r\n                  selectInvert: 'Seçimleri Kaldır'\r\n                }\r\n              }\r\n              listStyle={{\r\n                width: 300,\r\n                height: 250,\r\n              }}\r\n              filterOption={filterOptionUser}\r\n              targetKeys={targetKeysUser}\r\n              onChange={handleChangeUser}\r\n              render={item => item.title}\r\n            />\r\n          </Form.Item>\r\n\r\n          <Col span={20}>\r\n            <Form.Item {...tailLayout}>\r\n              <Button type=\"primary\" style={{ marginLeft: '100%' }} htmlType=\"submit\" onClick={() => setLoading(true)} loading={loading}>\r\n                Ekle\r\n              </Button>\r\n            </Form.Item>\r\n          </Col>\r\n        </Form>\r\n      </>}\r\n      {isDesktopOrLaptop && <>\r\n        <Row>\r\n          <Form\r\n            {...layout}\r\n            name=\"basic\"\r\n            initialValues={{\r\n              remember: true,\r\n            }}\r\n            onFinish={onFinish}\r\n            onFinishFailed={onFinishFailed}\r\n          >\r\n            <Form.Item\r\n              label=\"Grup Adı\"\r\n              name=\"name\"\r\n              rules={[\r\n                {\r\n                  required: true,\r\n                  message: 'İsim alanını boş bırakmayın',\r\n                },\r\n              ]}\r\n            >\r\n              <Input />\r\n            </Form.Item>\r\n            <Form.Item\r\n              label=\"Şirketler\"\r\n              name=\"users\"\r\n            >\r\n              <Transfer\r\n                dataSource={mockDataTenant}\r\n                showSearch\r\n                locale={\r\n                  {\r\n                    searchPlaceholder: \"Arama Yapınız\",\r\n                    notFoundContent: 'Liste Boş',\r\n                    itemUnit: 'Şirket',\r\n                    itemsUnit: 'Şirket',\r\n                    selectAll: 'Hepsini Seç',\r\n                    selectInvert: 'Seçimleri Kaldır'\r\n                  }\r\n                }\r\n                listStyle={{\r\n                  width: 300,\r\n                  height: 250,\r\n                }}\r\n                titles={['(-)', '(+)']}\r\n                filterOption={filterOptionTenant}\r\n                targetKeys={targetKeysTenant}\r\n                onChange={handleChangeTenant}\r\n                render={item => item.title}\r\n              />\r\n            </Form.Item>\r\n            <Form.Item\r\n              label=\"Kullanıcılar\"\r\n              name=\"tenants\"\r\n            >\r\n              <Transfer\r\n                dataSource={mockDataUser}\r\n                showSearch\r\n                locale={\r\n                  {\r\n                    searchPlaceholder: \"Arama Yapınız\",\r\n                    notFoundContent: 'Liste Boş',\r\n                    itemUnit: 'Kullanıcı',\r\n                    itemsUnit: 'Kullanıcı',\r\n                    selectAll: 'Hepsini Seç',\r\n                    selectInvert: 'Seçimleri Kaldır'\r\n                  }\r\n                }\r\n                listStyle={{\r\n                  width: 300,\r\n                  height: 250,\r\n                }}\r\n                filterOption={filterOptionUser}\r\n                targetKeys={targetKeysUser}\r\n                onChange={handleChangeUser}\r\n                render={item => item.title}\r\n              />\r\n            </Form.Item>\r\n\r\n            <Form.Item {...tailLayout}>\r\n              <Button type=\"primary\" style={{ marginLeft: '100%' }} htmlType=\"submit\" onClick={() => setLoading(true)} loading={loading}>\r\n                Ekle\r\n              </Button>\r\n            </Form.Item>\r\n          </Form>\r\n        </Row>\r\n      </>}\r\n    </div>\r\n\r\n  );\r\n}\r\n\r\nexport default GroupAdd","import React, { useEffect, useState } from 'react';\r\nimport { Form, Col, Input, Button, Transfer } from 'antd';\r\nimport { useMediaQuery } from 'react-responsive'\r\nimport RequestHandler from '../../util/RequestHandler';\r\n\r\nconst userId = localStorage.getItem(\"userId\");\r\nconst layout = {\r\n  labelCol: {\r\n    span: 4,\r\n  },\r\n  wrapperCol: {\r\n    span: 16,\r\n  },\r\n};\r\nconst tailLayout = {\r\n  wrapperCol: {\r\n    offset: 8,\r\n    span: 16,\r\n  },\r\n};\r\n\r\nconst GroupUpdate = (props) => {\r\n  const isDesktopOrLaptop = useMediaQuery({ query: '(min-device-width: 1224px)' });\r\n  const isTabletOrMobileDevice = useMediaQuery({ query: '(max-device-width: 1224px)' });\r\n\r\n  const [groupName, setGroupName] = useState(props.groupName);\r\n  const [loading, setLoading] = useState(false);\r\n  const [mockDataTenant, setmockDataTenant] = useState([]);\r\n  const [mockDataUser, setmockDataUser] = useState([]);\r\n  const [targetKeysTenant, setTargetKeysTenant] = useState([]);\r\n  const [groupId, setGroupId] = useState(props.groupId);\r\n  const [targetKeysUser, setTargetKeysUser] = useState([]);\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/User/GetUserTenants/${userId}`).then(response => {\r\n      getMockTenant(response);\r\n      const tenantList = [];\r\n      response.map((item) => {\r\n        tenantList.push(item.id)\r\n      });\r\n\r\n      RequestHandler.post(`/User/GetUserListForTenants`, { tenants: tenantList }, false).then(res => {\r\n        getMockUser(res)\r\n      });\r\n    });\r\n\r\n    RequestHandler.get(`/Group/GetTenantGroup/${props.groupId}`).then(response => {\r\n      const tenants = [];\r\n      response.map((item) => {\r\n        tenants.push(item.tenantId);\r\n      });\r\n      setTargetKeysTenant(tenants);\r\n    });\r\n\r\n    RequestHandler.get(`/Group/GetUserGroup/${props.groupId}`).then(response => {\r\n      const users = [];\r\n      response.map((item) => {\r\n        users.push(item.userId);\r\n      });\r\n      setTargetKeysUser(users);\r\n    });\r\n\r\n    setGroupId(props.groupId)\r\n    setGroupName(props.groupName)\r\n  }, [setGroupName, props.groupName, setTargetKeysUser, setTargetKeysTenant, setGroupId, props.groupId]);\r\n\r\n  const onChangeName = (e) => {\r\n    setGroupName(e.target.value)\r\n  }\r\n\r\n  const onFinish = (values) => {\r\n    RequestHandler.put(`/Group`, {\r\n      id: groupId,\r\n      name: values.name,\r\n      tenantIds: targetKeysTenant,\r\n      userIds: targetKeysUser\r\n    }).then(res => {\r\n      setTimeout(function () {\r\n        window.location.reload();\r\n      }.bind(this), 2000);\r\n    }).catch(function (error) {\r\n      setLoading(false);\r\n    });\r\n  };\r\n\r\n  const onFinishFailed = () => setLoading(false);\r\n\r\n  const getMockTenant = (value) => {\r\n    const targetKeysTenant = [];\r\n    const mockDataTenant = [];\r\n    value.map((item, index) => {\r\n      const data = {\r\n        key: item.id,\r\n        title: item.name,\r\n        description: ``,\r\n      };\r\n      if (data.chosen) {\r\n        targetKeysTenant.push(data.key);\r\n      }\r\n      mockDataTenant.push(data);\r\n    })\r\n    setmockDataTenant(mockDataTenant)\r\n  };\r\n\r\n  const getMockUser = (value) => {\r\n    const targetKeysUser = [];\r\n    const mockDataUser = [];\r\n    value.map((item, index) => {\r\n      const data = {\r\n        key: item.id,\r\n        title: item.firstName,\r\n        description: ``,\r\n      };\r\n      if (data.chosen) {\r\n        targetKeysUser.push(data.key);\r\n      }\r\n      mockDataUser.push(data);\r\n    })\r\n    setmockDataUser(mockDataUser)\r\n  };\r\n\r\n  const filterOptionUser = (inputValue, option) => option.description.indexOf(inputValue) > -1;\r\n\r\n  const handleChangeUser = targetKeysUser => {\r\n    setTargetKeysUser(targetKeysUser)\r\n  };\r\n\r\n  const filterOptionTenant = (inputValue, option) => option.description.indexOf(inputValue) > -1;\r\n\r\n  const handleChangeTenant = targetKeysTenant => {\r\n    setTargetKeysTenant(targetKeysTenant)\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      {isDesktopOrLaptop && <>\r\n        <Form\r\n          {...layout}\r\n          name=\"basic\"\r\n          initialValues={{\r\n            remember: true,\r\n          }}\r\n          onFinish={onFinish}\r\n          onFinishFailed={onFinishFailed}\r\n          fields={[\r\n            { name: \"name\", value: groupName },\r\n          ]}\r\n        >\r\n          <Form.Item\r\n            label=\"Grup Adı\"\r\n            name=\"name\"\r\n            rules={[\r\n              {\r\n                required: true,\r\n                message: 'İsim alanını boş bırakmayın',\r\n              },\r\n            ]}\r\n          >\r\n            <Input onChange={onChangeName} />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label=\"Şirketler\"\r\n            name=\"users\"\r\n          >\r\n            <Transfer\r\n              dataSource={mockDataTenant}\r\n              showSearch\r\n              locale={\r\n                {\r\n                  searchPlaceholder: \"Arama Yapınız\",\r\n                  notFoundContent: 'Liste Boş',\r\n                  itemUnit: 'Şirket',\r\n                  itemsUnit: 'Şirket',\r\n                  selectAll: 'Hepsini Seç',\r\n                  selectInvert: 'Seçimleri Kaldır'\r\n                }\r\n              }\r\n              listStyle={{\r\n                width: 300,\r\n                height: 250,\r\n              }}\r\n              titles={['(-)', '(+)']}\r\n              filterOption={filterOptionTenant}\r\n              targetKeys={targetKeysTenant}\r\n              onChange={handleChangeTenant}\r\n              render={item => item.title}\r\n            />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label=\"Kullanıcılar\"\r\n            name=\"tenants\"\r\n          >\r\n\r\n            <Transfer\r\n              dataSource={mockDataUser}\r\n              showSearch\r\n              locale={\r\n                {\r\n                  searchPlaceholder: \"Arama Yapınız\",\r\n                  notFoundContent: 'Liste Boş',\r\n                  itemUnit: 'Kullanıcı',\r\n                  itemsUnit: 'Kullanıcı',\r\n                  selectAll: 'Hepsini Seç',\r\n                  selectInvert: 'Seçimleri Kaldır'\r\n                }\r\n              }\r\n              listStyle={{\r\n                width: 300,\r\n                height: 250,\r\n              }}\r\n              titles={['(-)', '(+)']}\r\n\r\n              filterOption={filterOptionUser}\r\n              targetKeys={targetKeysUser}\r\n              onChange={handleChangeUser}\r\n              render={item => item.title}\r\n            />\r\n          </Form.Item>\r\n\r\n          <Form.Item {...tailLayout}>\r\n            <Button type=\"primary\" style={{ marginLeft: '100%' }} htmlType=\"submit\" onClick={() => setLoading(true)} loading={loading}>\r\n              Güncelle\r\n            </Button>\r\n          </Form.Item>\r\n        </Form>\r\n      </>}\r\n      {isTabletOrMobileDevice && <>\r\n        <Form\r\n          {...layout}\r\n          name=\"basic\"\r\n          initialValues={{\r\n            remember: true,\r\n          }}\r\n          onFinish={onFinish}\r\n          onFinishFailed={onFinishFailed}\r\n          fields={[\r\n            { name: \"name\", value: groupName },\r\n          ]}\r\n        >\r\n          <Form.Item\r\n            label=\"Grup Adı\"\r\n            name=\"name\"\r\n            rules={[\r\n              {\r\n                required: true,\r\n                message: 'İsim alanını boş bırakmayın',\r\n              },\r\n            ]}\r\n          >\r\n            <Input />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label=\"Şirketler\"\r\n            name=\"users\"\r\n          >\r\n            <Transfer\r\n              dataSource={mockDataTenant}\r\n              style={{ marginLeft: '-24%' }}\r\n              showSearch\r\n              locale={\r\n                {\r\n                  searchPlaceholder: \"Arama Yapınız\",\r\n                  notFoundContent: 'Liste Boş',\r\n                  itemUnit: 'Şirket',\r\n                  itemsUnit: 'Şirket',\r\n                  selectAll: 'Hepsini Seç',\r\n                  selectInvert: 'Seçimleri Kaldır'\r\n                }\r\n              }\r\n              listStyle={{\r\n                width: 300,\r\n                height: 250,\r\n              }}\r\n              titles={['(-)', '(+)']}\r\n              filterOption={filterOptionTenant}\r\n              targetKeys={targetKeysTenant}\r\n              onChange={handleChangeTenant}\r\n              render={item => item.title}\r\n            />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label=\"Kullanıcılar\"\r\n            name=\"tenants\"\r\n          >\r\n\r\n            <Transfer\r\n              dataSource={mockDataUser}\r\n              showSearch\r\n              style={{ marginLeft: '-24%' }}\r\n              locale={\r\n                {\r\n                  searchPlaceholder: \"Arama Yapınız\",\r\n                  notFoundContent: 'Liste Boş',\r\n                  itemUnit: 'Kullanıcı',\r\n                  itemsUnit: 'Kullanıcı',\r\n                  selectAll: 'Hepsini Seç',\r\n                  selectInvert: 'Seçimleri Kaldır'\r\n                }\r\n              }\r\n              listStyle={{\r\n                width: 300,\r\n                height: 250,\r\n              }}\r\n              titles={['(-)', '(+)']}\r\n\r\n              filterOption={filterOptionUser}\r\n              targetKeys={targetKeysUser}\r\n              onChange={handleChangeUser}\r\n              render={item => item.title}\r\n            />\r\n          </Form.Item>\r\n\r\n          <Col span={20}>\r\n            <Form.Item {...tailLayout}>\r\n              <Button type=\"primary\" style={{ marginLeft: '100%' }} htmlType=\"submit\" onClick={() => setLoading(true)} loading={loading}>\r\n                Güncelle\r\n              </Button>\r\n            </Form.Item>\r\n          </Col>\r\n        </Form>\r\n      </>}\r\n\r\n    </div>\r\n\r\n  );\r\n}\r\n\r\nexport default GroupUpdate","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Table,\r\n  Empty,\r\n  Card,\r\n  notification,\r\n  Col,\r\n  Row,\r\n  Select,\r\n  message,\r\n  Tabs,\r\n  Modal,\r\n  Spin,\r\n  Collapse,\r\n  Tooltip as AntdTooltip,\r\n} from \"antd\";\r\nimport CurrencyFormat from \"react-currency-format\";\r\nimport { Cell, Pie, PieChart, Tooltip } from \"recharts\";\r\nimport {\r\n  FileExcelOutlined,\r\n  BarsOutlined,\r\n  CaretRightFilled,\r\n  MenuUnfoldOutlined,\r\n  QuestionCircleOutlined,\r\n} from \"@ant-design/icons\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\n\r\nimport { useHistory } from \"react-router-dom\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\nconst { Panel } = Collapse;\r\n\r\nconst COLORS = [\r\n  \"#003668\",\r\n  \"#0061ba\",\r\n  \"#1f94ff\",\r\n  \"#8dbbe5\",\r\n  \"#8de5cd\",\r\n  \"#00b684\",\r\n  \"#006448\",\r\n];\r\nconst renderCustomizedLabelTRY = ({ x, y, stroke, value }) => {\r\n  return \"% \" + value.toFixed(2);\r\n};\r\n\r\nconst CustomToolTip = (props) => {\r\n  try {\r\n    const { active, payload, label } = props;\r\n    if (!active || !payload) {\r\n      return null;\r\n    }\r\n    return (\r\n      <div>\r\n        <p>\r\n          <strong>{label}</strong>\r\n        </p>\r\n        {payload.map((item, i) => (\r\n          <p key={i}>\r\n            <strong style={{ backgroundColor: \"white\", opacity: \"0.6\" }}>\r\n              {item.name}\r\n            </strong>\r\n          </p>\r\n        ))}\r\n      </div>\r\n    );\r\n  } catch (error) {}\r\n};\r\n\r\nconst openNotificationWithIconExcel = (type) => {\r\n  notification[type]({\r\n    message: \"BAŞARILI\",\r\n    description: \"Excel indirme işlemi başarı ile gerçekleşti.\",\r\n    duration: 2,\r\n  });\r\n};\r\n\r\nconst ConsolidatedTenant = () => {\r\n  const { Option } = Select;\r\n\r\n  const isDesktopOrLaptop = useMediaQuery({\r\n    query: \"(min-device-width: 1224px)\",\r\n  });\r\n  const isChartWidth = useMediaQuery({ query: \"(min-width: 500px)\" });\r\n  const isTabletOrMobile = useMediaQuery({ query: \"(max-width: 1000px)\" });\r\n  const isTabletOrMobileDevice = useMediaQuery({\r\n    query: \"(max-device-width: 1224px)\",\r\n  });\r\n\r\n  const [bankListForTRY, setBankListForTRY] = useState([]);\r\n  const [tenantIdList, setTenantIdList] = useState([]);\r\n  const [isLiveValue, setIsLiveValue] = useState(false);\r\n  const [dailyDate, setDailyDate] = useState(\"\");\r\n  const [liveDate, setLiveDate] = useState(\"\");\r\n  const [bankListForTotal, setBankListForTotal] = useState([]);\r\n  const [exchangeRate, setExchangeRate] = useState([]);\r\n  const [groups, setGroups] = useState([]);\r\n  const [currencyList, setCurrencyList] = useState([]);\r\n  const [currencyBankList, setCurrencyBankList] = useState([]);\r\n  const [chartTakeValuesStateTotal, setChartTakeValuesStateTotal] = useState(\r\n    []\r\n  );\r\n  const [chartTakeValuesState, setChartTakeValuesState] = useState([]);\r\n  const [totalTenantAccountList, setTotalTenantAccountList] = useState([]);\r\n  const [totalBankList, setTotalBankList] = useState([]);\r\n  const [totalWithCurrency, setTotalWithCurrency] = useState([]);\r\n  const [totalWithCurrencyBank, setTotalWithCurrencyBank] = useState([]);\r\n  const [bankConsolideTenant, setBankConsolideTenant] = useState([]);\r\n  const [firstGroups, setFirstGroups] = useState(\"\");\r\n  const [firstName, setFirstName] = useState(\"\");\r\n  const [activeKey, setActiveKey] = useState(\"1\");\r\n  const [allTotal, setAllTotal] = useState(0);\r\n  const [allBankTotal, setAllBankTotal] = useState(0);\r\n  const [isModalVisible, setIsModalVisible] = useState(false);\r\n  const [loading, setLoading] = useState(true);\r\n  const [loadingBank, setLoadingBank] = useState(false);\r\n  const [isDigitConsolidate, setIsDigitConsolidate] = useState();\r\n  const [useAvailableBalance, setUseAvailableBalance] = useState(false);\r\n  const [useAvailableCreditBalance, setUseAvailableCreditBalance] =\r\n    useState(false);\r\n\r\n  const chartTakeValues = [];\r\n  var bankListConsolide = [];\r\n  var bankListConsolideTotal = [];\r\n  var totalListConsolide = 0;\r\n  var totalListConsolideTotal = 0;\r\n  var bankAndTotalList = [];\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/TenantUserParameter/GetDigitParameter`).then(\r\n      (response) => {\r\n        if (response.success) {\r\n          setIsDigitConsolidate(response.data.isDigitConsolidate);\r\n        }\r\n      }\r\n    );\r\n    RequestHandler.get(`/Group/GetConsolidateDropdown`).then((response) => {\r\n      onChange(response[0]?.id);\r\n      setFirstName(response[0]?.name);\r\n      setFirstGroups(response[0]?.id);\r\n      setGroups(response);\r\n    });\r\n\r\n    RequestHandler.get(`/TenantCurrency/GetExchangeRateList`).then(\r\n      (response) => {\r\n        RequestHandler.get(`/TenantCurrency/GetIsDailyValue`).then((res) => {\r\n          setIsLiveValue(res.isLiveValue);\r\n        });\r\n\r\n        setLiveDate(response[0].liveDate);\r\n        setDailyDate(response[0].dailyDate);\r\n        setExchangeRate(response);\r\n      }\r\n    );\r\n\r\n    RequestHandler.get(`/TenantCurrency/GetExchangeRateList`).then(\r\n      (response) => {\r\n        setExchangeRate(response);\r\n      }\r\n    );\r\n  }, [\r\n    setLoading,\r\n    loading,\r\n    setCurrencyList,\r\n    setBankListForTRY,\r\n    setActiveKey,\r\n    setFirstName,\r\n    useAvailableBalance,\r\n    useAvailableCreditBalance,\r\n  ]);\r\n\r\n  const exportExcel = () => {\r\n    const hide = message.loading(\"Excel indiriliyor...\", 0);\r\n\r\n    RequestHandler.post(\r\n      `/Consolidated/ExportExcel`,\r\n      {\r\n        tenantIdList: tenantIdList,\r\n        useAvailableBalance: useAvailableBalance,\r\n        useAvailableCreditBalance: useAvailableCreditBalance,\r\n      },\r\n      false,\r\n      { rawResponse: true }\r\n    ).then((res) => {\r\n      if (res.status == 200) {\r\n        openNotificationWithIconExcel(\"success\");\r\n        window.open(\r\n          `${config.apiUrl}/Consolidated/downloadexcel?fileName=${\r\n            res.data\r\n          }&t=${RequestHandler.getToken()}`\r\n        );\r\n        hide();\r\n      } else {\r\n        setLoading(false);\r\n        setLoadingBank(false);\r\n      }\r\n    });\r\n  };\r\n\r\n  const changeQuery = (query) => {\r\n    RequestHandler.post(\r\n      `/Consolidated/GetListForTotalConsolidatedWithTenants`,\r\n      {\r\n        tenantIdList: query,\r\n        useAvailableBalance: useAvailableBalance,\r\n        useAvailableCreditBalance: useAvailableCreditBalance,\r\n      },\r\n      false,\r\n      { rawResponse: true }\r\n    ).then((res) => {\r\n      var total = 0;\r\n      res.data.map((item) => {\r\n        var model = {};\r\n        total += item.balance;\r\n        model.tenantName = item.tenantName;\r\n        model.balance = item.balance;\r\n        model.bankName = item.bankName;\r\n        model.tenantList = item.tenantList;\r\n        model.tenantId = item.tenantId;\r\n        bankAndTotalList.push(model);\r\n      });\r\n      var totalString = total.toFixed(2);\r\n      var totalDecimal = parseFloat(totalString);\r\n      setAllTotal(totalDecimal);\r\n      setTotalTenantAccountList(bankAndTotalList);\r\n    });\r\n\r\n    RequestHandler.post(\r\n      `/Consolidated/GetCurrencyListForConsolidate`,\r\n      {\r\n        tenantIdList: query,\r\n        useAvailableBalance: useAvailableBalance,\r\n        useAvailableCreditBalance: useAvailableCreditBalance,\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      setCurrencyList(response);\r\n      setActiveKey(\"9999\");\r\n\r\n      RequestHandler.post(\r\n        `${config.apiUrl}/Consolidated/GetListForConsolidatedWithTenatns`,\r\n        {\r\n          currencyId: response[0]?.currencyId,\r\n          tenantIdList: query,\r\n          useAvailableBalance: useAvailableBalance,\r\n          useAvailableCreditBalance: useAvailableCreditBalance,\r\n        },\r\n        false\r\n      ).then((res) => {\r\n        var currency = \"\";\r\n        var currencyId = 0;\r\n        var currencyLogo = \"\";\r\n        res.map((item) => {\r\n          totalListConsolide += item.balance;\r\n          currency = item.currency;\r\n          currencyId = item.currencyId;\r\n          currencyLogo = item.currencyLogo;\r\n          bankListConsolide.push(item);\r\n        });\r\n\r\n        var model = {};\r\n        model.bankLogo = \"TOPLAM\";\r\n        model.balance = parseFloat(totalListConsolide.toFixed(2));\r\n        model.currency = currency;\r\n        model.currencyId = currencyId;\r\n        model.currencyLogo = currencyLogo;\r\n        bankListConsolide.push(model);\r\n        setBankListForTRY(bankListConsolide);\r\n      });\r\n\r\n      RequestHandler.post(\r\n        `/Consolidated/GetConsolidateChartWithTenants?$apply=groupby((name),aggregate(value with sum as value))`,\r\n        {\r\n          currencyId: response[0]?.currencyId.toString(),\r\n          tenantIdList: query,\r\n          useAvailableBalance: useAvailableBalance,\r\n          useAvailableCreditBalance: useAvailableCreditBalance,\r\n        },\r\n        false,\r\n        { rawResponse: true }\r\n      ).then((res) => {\r\n        const chartValuesTRY = res.data;\r\n        var total = 0;\r\n        var valueTotal = 0;\r\n        var currency = \"\";\r\n        try {\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              if (value.value < 0) {\r\n                value.value = 0;\r\n              }\r\n              total += value.value;\r\n            });\r\n          }\r\n\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              var percents = ((value.value / total) * 100).toFixed(2);\r\n              var percentsFloat = parseFloat(percents);\r\n\r\n              if (percentsFloat < 0) {\r\n                percentsFloat = 0;\r\n              }\r\n              value.value = percentsFloat;\r\n\r\n              if (value.value < 10) {\r\n                valueTotal += value.value;\r\n              } else {\r\n                currency = value.Currency;\r\n                chartTakeValues.push(value);\r\n              }\r\n            });\r\n          }\r\n          if (valueTotal != 0) {\r\n            var model = {};\r\n            model.Currency = res.data.code;\r\n            model.name = \"DİĞER\";\r\n            model.value = valueTotal;\r\n            chartTakeValues.push(model);\r\n          }\r\n          setChartTakeValuesState(chartTakeValues);\r\n        } catch (error) {}\r\n      });\r\n    });\r\n    setTenantIdList(query);\r\n    setLoading(false);\r\n  };\r\n\r\n  const showModal = (value) => {\r\n    setCurrencyBankList([]);\r\n    setTotalWithCurrencyBank([]);\r\n    setAllBankTotal(0);\r\n    setTotalBankList([]);\r\n    setBankConsolideTenant([]);\r\n\r\n    RequestHandler.post(\r\n      `/Consolidated/GetCurrencyListForConsolidate`,\r\n      {\r\n        tenantId: value,\r\n        useAvailableBalance: useAvailableBalance,\r\n        useAvailableCreditBalance: useAvailableCreditBalance,\r\n      },\r\n      false\r\n    ).then((res) => {\r\n      setCurrencyBankList(res);\r\n    });\r\n\r\n    RequestHandler.post(\r\n      `/Consolidated/GetLastTotalsConsalide`,\r\n      {\r\n        tenantId: value,\r\n        useAvailableBalance: useAvailableBalance,\r\n        useAvailableCreditBalance: useAvailableCreditBalance,\r\n      },\r\n      false\r\n    ).then((res) => {\r\n      setTotalWithCurrencyBank(res);\r\n    });\r\n\r\n    RequestHandler.post(\r\n      `/Consolidated/GetListForTotalConsolidated`,\r\n      {\r\n        tenantId: value,\r\n        useAvailableBalance: useAvailableBalance,\r\n        useAvailableCreditBalance: useAvailableCreditBalance,\r\n      },\r\n      false\r\n    ).then((res) => {\r\n      var total = 0;\r\n\r\n      res.map((item) => {\r\n        var model = {};\r\n        total += item.balance;\r\n        model.bankId = item.bankId;\r\n        model.bankLogo = item.bankLogo;\r\n        model.balance = item.balance;\r\n        model.bankName = item.bankName;\r\n        model.tenantList = item.tenantList;\r\n        bankAndTotalList.push(model);\r\n      });\r\n      var totalString = total.toFixed(2);\r\n      var totalDecimal = parseFloat(totalString);\r\n      setAllBankTotal(totalDecimal);\r\n      setTotalBankList(bankAndTotalList);\r\n    });\r\n\r\n    const tenantList = [];\r\n    RequestHandler.post(\r\n      `/Consolidated/GetListForTotalConsolidatedWithTenantId`,\r\n      {\r\n        tenantId: value,\r\n        useAvailableBalance: useAvailableBalance,\r\n        useAvailableCreditBalance: useAvailableCreditBalance,\r\n      },\r\n      false\r\n    ).then((res) => {\r\n      res.map((item) => {\r\n        var model = {};\r\n        model.bankLogo = item.bankLogo;\r\n        model.balance = item.balance;\r\n        tenantList.push(model);\r\n      });\r\n      setBankConsolideTenant(tenantList);\r\n    });\r\n\r\n    setTimeout(() => {\r\n      setLoadingBank(false);\r\n    }, 500);\r\n\r\n    setIsModalVisible(true);\r\n  };\r\n\r\n  const handleOk = () => {\r\n    setIsModalVisible(false);\r\n    setCurrencyBankList([]);\r\n    setTotalWithCurrencyBank([]);\r\n    setAllBankTotal(0);\r\n    setTotalBankList([]);\r\n    setBankConsolideTenant([]);\r\n    setLoadingBank(true);\r\n  };\r\n\r\n  const handleCancel = () => {\r\n    setIsModalVisible(false);\r\n    setCurrencyBankList([]);\r\n    setTotalWithCurrencyBank([]);\r\n    setAllBankTotal(0);\r\n    setTotalBankList([]);\r\n    setBankConsolideTenant([]);\r\n    setLoadingBank(true);\r\n  };\r\n\r\n  const columnsExchangeRate = [\r\n    {\r\n      dataIndex: \"currencyName\",\r\n    },\r\n    {\r\n      dataIndex: \"currencyCode\",\r\n    },\r\n    {\r\n      title: \"Alış\",\r\n      align: \"center\",\r\n      dataIndex: \"buyingLiveValue\",\r\n      render: (record, text) => {\r\n        return `${record === null ? \"-\" : record}`;\r\n      },\r\n    },\r\n    {\r\n      title: \"Satış\",\r\n      align: \"center\",\r\n      dataIndex: \"value\",\r\n      render: (record, text) => {\r\n        return `${record === null ? \"-\" : record}`;\r\n      },\r\n    },\r\n  ];\r\n\r\n  const columns = [\r\n    {\r\n      title: \"Şirket\",\r\n      dataIndex: \"tenantName\",\r\n      width: \"20%\",\r\n      render: (text, row, index) => {\r\n        return <div>{row.tenantName}</div>;\r\n      },\r\n    },\r\n    {\r\n      title: \"Bakiye\",\r\n      dataIndex: \"balance\",\r\n      align: \"right\",\r\n      render: (text, row, index) => {\r\n        if (text.toString().includes(\".\") === true) {\r\n          return (\r\n            <div>\r\n              {text === null ? (\r\n                text\r\n              ) : (\r\n                <CurrencyFormat\r\n                  value={\r\n                    isDigitConsolidate\r\n                      ? row.balance\r\n                      : row.balance.toString().split(\".\")[0]\r\n                  }\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                  prefix={row.currencyLogo}\r\n                />\r\n              )}{\" \"}\r\n            </div>\r\n          );\r\n        } else {\r\n          return (\r\n            <div>\r\n              {text === null ? (\r\n                text\r\n              ) : (\r\n                <CurrencyFormat\r\n                  value={\r\n                    isDigitConsolidate\r\n                      ? row.balance\r\n                      : row.balance.toString().split(\".\")[0]\r\n                  }\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                  prefix={row.currencyLogo}\r\n                />\r\n              )}\r\n              {isDigitConsolidate ? \",00\" : \"\"}{\" \"}\r\n            </div>\r\n          );\r\n        }\r\n      },\r\n    },\r\n  ];\r\n\r\n  const columnsTenant = [\r\n    {\r\n      title: \"Banka\",\r\n      dataIndex: \"bankLogo\",\r\n      render: (text, row, index) => {\r\n        return (\r\n          <div style={{ width: 100 }}>\r\n            <img src={row.bankLogo}></img>\r\n          </div>\r\n        );\r\n      },\r\n    },\r\n    {\r\n      title: \"Bakiye\",\r\n      dataIndex: \"balance\",\r\n      align: \"right\",\r\n      render: (text, row, index) => {\r\n        if (text.toString().includes(\".\") === true) {\r\n          return (\r\n            <div>\r\n              {text === null ? (\r\n                text\r\n              ) : (\r\n                <CurrencyFormat\r\n                  value={row.balance}\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                  prefix={row.currencyLogo}\r\n                />\r\n              )}{\" \"}\r\n              ₺{\" \"}\r\n            </div>\r\n          );\r\n        } else {\r\n          return (\r\n            <div>\r\n              {text === null ? (\r\n                text\r\n              ) : (\r\n                <CurrencyFormat\r\n                  value={row.balance}\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                  prefix={row.currencyLogo}\r\n                />\r\n              )}\r\n              {isDigitConsolidate ? \",00 ₺\" : \" ₺\"}{\" \"}\r\n            </div>\r\n          );\r\n        }\r\n      },\r\n    },\r\n  ];\r\n\r\n  const titles = [];\r\n  titles.push(\"Şirket\");\r\n  currencyList.map((item) => {\r\n    titles.push(item.currency);\r\n  });\r\n  const titlesBank = [];\r\n  titlesBank.push(\"Banka\");\r\n  currencyBankList.map((item) => {\r\n    titlesBank.push(item.currency);\r\n  });\r\n  const columnsExpanded = [\r\n    {\r\n      title: \"Banka\",\r\n      dataIndex: \"bankName\",\r\n      align: \"center\",\r\n      render: (text, row, index) => {\r\n        return (\r\n          <div style={{ width: 100 }}>\r\n            <img src={row.bankLogo}></img>\r\n          </div>\r\n        );\r\n      },\r\n    },\r\n    {\r\n      title: \"Tutar\",\r\n      dataIndex: \"balance\",\r\n      align: \"center\",\r\n      render: (text, row, index) => {\r\n        if (text.toString().includes(\".\") === true) {\r\n          return (\r\n            <div>\r\n              {text === null ? (\r\n                text\r\n              ) : (\r\n                <CurrencyFormat\r\n                  value={\r\n                    isDigitConsolidate\r\n                      ? row.balance\r\n                      : row.balance.toString().split(\".\")[0]\r\n                  }\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                  prefix={row.currencyLogo}\r\n                />\r\n              )}{\" \"}\r\n            </div>\r\n          );\r\n        } else {\r\n          return (\r\n            <div>\r\n              {text === null ? (\r\n                text\r\n              ) : (\r\n                <CurrencyFormat\r\n                  value={\r\n                    isDigitConsolidate\r\n                      ? row.balance\r\n                      : row.balance.toString().split(\".\")[0]\r\n                  }\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                  prefix={row.currencyLogo}\r\n                />\r\n              )}\r\n              {isDigitConsolidate ? \",00\" : \"\"}{\" \"}\r\n            </div>\r\n          );\r\n        }\r\n      },\r\n    },\r\n  ];\r\n\r\n  const ContactSideBar = (value, e) => {\r\n    var totalCurrencyValue = 0;\r\n    var currency = \"\";\r\n    bankListForTRY.map((item) => {\r\n      if (item.bankLogo === \"TOPLAM\") {\r\n        totalCurrencyValue = item.balance;\r\n        currency = item.currencyLogo;\r\n      }\r\n    });\r\n    return (\r\n      <Row>\r\n        {isTabletOrMobile === false && (\r\n          <>\r\n            <Col span={12} style={{ paddingLeft: 19 }}>\r\n              <Table\r\n                locale={{\r\n                  emptyText: (\r\n                    <Empty\r\n                      image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                      description=\"Veri Yok\"\r\n                    />\r\n                  ),\r\n                }}\r\n                style={{ overflowX: \"auto\", maxHeight: \"100%\" }}\r\n                columns={columns}\r\n                size=\"small\"\r\n                dataSource={bankListForTRY.filter(\r\n                  (x) => x.currency == value && x.bankLogo !== \"TOPLAM\"\r\n                )}\r\n                rowKey=\"tenantId\"\r\n                expandable={{\r\n                  expandedRowRender: (record) => {\r\n                    if (record.bankLogo !== \"TOPLAM\") {\r\n                      return (\r\n                        <Table\r\n                          locale={{\r\n                            emptyText: (\r\n                              <Empty\r\n                                image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                                description=\"Veri Yok\"\r\n                              />\r\n                            ),\r\n                          }}\r\n                          columns={columnsExpanded}\r\n                          size=\"small\"\r\n                          pagination={false}\r\n                          dataSource={record.tenantList}\r\n                          rowKey=\"tenantId\"\r\n                        />\r\n                      );\r\n                    } else {\r\n                      return (\r\n                        <Table\r\n                          locale={{\r\n                            emptyText: (\r\n                              <Empty\r\n                                image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                                description=\"Veri Yok\"\r\n                              />\r\n                            ),\r\n                          }}\r\n                          columns={columns}\r\n                          size=\"small\"\r\n                          pagination={false}\r\n                          dataSource={bankListForTRY.filter(\r\n                            (x) =>\r\n                              x.currency == value && x.bankLogo !== \"TOPLAM\"\r\n                          )}\r\n                          rowKey=\"tenantId\"\r\n                        />\r\n                      );\r\n                    }\r\n                  },\r\n                }}\r\n                bordered\r\n                pagination={{\r\n                  defaultPageSize: 40,\r\n                }}\r\n                title={() => \"BANKA LİSTESİ\"}\r\n                footer={() => (\r\n                  <div>\r\n                    <div>\r\n                      Toplam :{\" \"}\r\n                      <CurrencyFormat\r\n                        value={\r\n                          isDigitConsolidate\r\n                            ? totalCurrencyValue\r\n                            : totalCurrencyValue.toString().split(\".\")[0]\r\n                        }\r\n                        displayType={\"text\"}\r\n                        decimalSeparator={\",\"}\r\n                        thousandSeparator={\".\"}\r\n                        prefix={currency}\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                )}\r\n              />\r\n            </Col>\r\n            <Col span={12}>\r\n              <PieChart\r\n                width={isChartWidth === true ? 500 : 300}\r\n                height={isChartWidth === true ? 500 : 300}\r\n              >\r\n                <Pie\r\n                  outerRadius={isChartWidth === true ? 150 : 80}\r\n                  data={chartTakeValuesState}\r\n                  fill=\"#8884d8\"\r\n                  label={renderCustomizedLabelTRY}\r\n                >\r\n                  {chartTakeValuesState.map((entry, index) => (\r\n                    <Cell\r\n                      key={`cell-${index}`}\r\n                      fill={COLORS[index % COLORS.length]}\r\n                    />\r\n                  ))}\r\n                </Pie>\r\n                <Tooltip content={CustomToolTip} />\r\n              </PieChart>\r\n              {chartTakeValuesState.map((entry, index) => (\r\n                <div key={`cell-${index}`}>\r\n                  <a style={{ color: COLORS[index % COLORS.length] }}>\r\n                    <CaretRightFilled />\r\n                  </a>\r\n                  {entry.name}\r\n                </div>\r\n              ))}\r\n            </Col>\r\n          </>\r\n        )}\r\n        {isTabletOrMobile && (\r\n          <>\r\n            <Col span={24}>\r\n              <Table\r\n                locale={{\r\n                  emptyText: (\r\n                    <Empty\r\n                      image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                      description=\"Veri Yok\"\r\n                    />\r\n                  ),\r\n                }}\r\n                style={{ overflowX: \"auto\", maxHeight: \"100%\" }}\r\n                columns={columns}\r\n                size=\"small\"\r\n                dataSource={bankListForTRY.filter(\r\n                  (x) => x.currency == value && x.bankLogo !== \"TOPLAM\"\r\n                )}\r\n                rowKey=\"bankId\"\r\n                expandable={{\r\n                  expandedRowRender: (record) => {\r\n                    if (record.bankLogo !== \"TOPLAM\") {\r\n                      return (\r\n                        <Table\r\n                          locale={{\r\n                            emptyText: (\r\n                              <Empty\r\n                                image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                                description=\"Veri Yok\"\r\n                              />\r\n                            ),\r\n                          }}\r\n                          columns={columnsExpanded}\r\n                          size=\"small\"\r\n                          pagination={false}\r\n                          dataSource={record.tenantList}\r\n                          rowKey=\"bankId\"\r\n                        />\r\n                      );\r\n                    } else {\r\n                      return (\r\n                        <Table\r\n                          locale={{\r\n                            emptyText: (\r\n                              <Empty\r\n                                image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                                description=\"Veri Yok\"\r\n                              />\r\n                            ),\r\n                          }}\r\n                          columns={columns}\r\n                          size=\"small\"\r\n                          pagination={false}\r\n                          dataSource={bankListForTRY.filter(\r\n                            (x) =>\r\n                              x.currency == value && x.bankLogo !== \"TOPLAM\"\r\n                          )}\r\n                          rowKey=\"bankId\"\r\n                        />\r\n                      );\r\n                    }\r\n                  },\r\n                }}\r\n                bordered\r\n                pagination={{\r\n                  defaultPageSize: 40,\r\n                }}\r\n                title={() => \"BANKA LİSTESİ\"}\r\n                footer={() => (\r\n                  <div>\r\n                    <div>\r\n                      Toplam :{\" \"}\r\n                      <CurrencyFormat\r\n                        value={\r\n                          isDigitConsolidate\r\n                            ? totalCurrencyValue\r\n                            : totalCurrencyValue.toString().split(\".\")[0]\r\n                        }\r\n                        displayType={\"text\"}\r\n                        decimalSeparator={\",\"}\r\n                        thousandSeparator={\".\"}\r\n                        prefix={currency}\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                )}\r\n              />\r\n            </Col>\r\n            <Col span={24}>\r\n              <PieChart\r\n                width={isChartWidth === true ? 500 : 300}\r\n                height={isChartWidth === true ? 500 : 300}\r\n              >\r\n                <Pie\r\n                  outerRadius={isChartWidth === true ? 150 : 80}\r\n                  data={chartTakeValuesState}\r\n                  fill=\"#8884d8\"\r\n                  label={renderCustomizedLabelTRY}\r\n                >\r\n                  {chartTakeValuesState.map((entry, index) => (\r\n                    <Cell\r\n                      key={`cell-${index}`}\r\n                      fill={COLORS[index % COLORS.length]}\r\n                    />\r\n                  ))}\r\n                </Pie>\r\n                <Tooltip content={CustomToolTip} />\r\n              </PieChart>\r\n              {chartTakeValuesState.map((entry, index) => (\r\n                <div key={`cell-${index}`}>\r\n                  <a style={{ color: COLORS[index % COLORS.length] }}>\r\n                    <CaretRightFilled />\r\n                  </a>\r\n                  {entry.name}\r\n                </div>\r\n              ))}\r\n            </Col>\r\n          </>\r\n        )}\r\n      </Row>\r\n    );\r\n  };\r\n\r\n  function onChange(value) {\r\n    setFirstName(value);\r\n    RequestHandler.get(`/Group/GetTenantGroup/${value}`, undefined, {\r\n      rawResponse: true,\r\n    }).then((res) => {\r\n      var query = \"&$filter=\";\r\n      var tenantIdList = [];\r\n      for (let index = 0; index < res.data.length; index++) {\r\n        tenantIdList.push(res.data[index].tenantId);\r\n        if (index == res.data.length - 1) {\r\n          query += ` TenantId eq ${res.data[index].tenantId} `;\r\n        } else {\r\n          query += ` TenantId eq ${res.data[index].tenantId} or `;\r\n        }\r\n      }\r\n      changeQuery(tenantIdList);\r\n      var chartTakeValuesTotal = [];\r\n\r\n      RequestHandler.post(\r\n        `/Consolidated/GetListForTotalConsolidatedWithTenants`,\r\n        {\r\n          tenantIdList: tenantIdList,\r\n          useAvailableBalance: useAvailableBalance,\r\n          useAvailableCreditBalance: useAvailableCreditBalance,\r\n        },\r\n        false,\r\n        { rawResponse: true }\r\n      ).then((res) => {\r\n        var chartValuesTRY = [];\r\n        res.data.map((item) => {\r\n          var model = {};\r\n          model.name = item.tenantName;\r\n          model.value = item.balance;\r\n          chartValuesTRY.push(model);\r\n        });\r\n        var total = 0;\r\n        var valueTotal = 0;\r\n        var currency = \"\";\r\n        try {\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              if (value.value < 0) {\r\n                value.value = 0;\r\n              }\r\n              total += value.value;\r\n            });\r\n          }\r\n\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              var percents = ((value.value / total) * 100).toFixed(2);\r\n              var percentsFloat = parseFloat(percents);\r\n\r\n              if (percentsFloat < 0) {\r\n                percentsFloat = 0;\r\n              }\r\n              value.value = percentsFloat;\r\n\r\n              if (value.value < 10) {\r\n                valueTotal += value.value;\r\n              } else {\r\n                currency = value.Currency;\r\n                chartTakeValuesTotal.push(value);\r\n              }\r\n            });\r\n          }\r\n          if (valueTotal != 0) {\r\n            var model = {};\r\n            model.name = \"DİĞER\";\r\n            model.value = valueTotal;\r\n            chartTakeValuesTotal.push(model);\r\n          }\r\n          setChartTakeValuesStateTotal(chartTakeValuesTotal);\r\n        } catch (error) {}\r\n      });\r\n\r\n      RequestHandler.post(\r\n        `/Consolidated/GetLastTotalsConsalide`,\r\n        {\r\n          tenantIdList: tenantIdList,\r\n          useAvailableBalance: useAvailableBalance,\r\n          useAvailableCreditBalance: useAvailableCreditBalance,\r\n        },\r\n        false\r\n      ).then((response) => {\r\n        setTotalWithCurrency(response);\r\n      });\r\n    });\r\n  }\r\n\r\n  const handleChange = (activeKeys) => {\r\n    setActiveKey(activeKeys);\r\n\r\n    RequestHandler.post(\r\n      `/Consolidated/GetListForTotalConsolidatedWithTenants`,\r\n      {\r\n        tenantIdList: tenantIdList,\r\n        useAvailableBalance: useAvailableBalance,\r\n        useAvailableCreditBalance: useAvailableCreditBalance,\r\n      },\r\n      false,\r\n      { rawResponse: true }\r\n    ).then((res) => {\r\n      res.data.map((item) => {\r\n        totalListConsolideTotal += item.balance;\r\n        bankListConsolideTotal.push(item);\r\n      });\r\n      var model = {};\r\n      model.tenantName = \"TOPLAM\";\r\n      model.balance = parseFloat(totalListConsolideTotal.toFixed(2));\r\n      bankListConsolideTotal.push(model);\r\n      setBankListForTotal(bankListConsolideTotal);\r\n    });\r\n\r\n    const chartTakeValuesTotal = [];\r\n    if (activeKeys === \"9999\") {\r\n      RequestHandler.post(\r\n        `/Consolidated/GetListForTotalConsolidatedWithTenants`,\r\n        {\r\n          tenantIdList: tenantIdList,\r\n          useAvailableBalance: useAvailableBalance,\r\n          useAvailableCreditBalance: useAvailableCreditBalance,\r\n        },\r\n        false,\r\n        { rawResponse: true }\r\n      ).then((res) => {\r\n        const chartValuesTRY = [];\r\n        res.data.map((item) => {\r\n          var model = {};\r\n          model.name = item.tenantName;\r\n          model.value = item.balance;\r\n          chartValuesTRY.push(model);\r\n        });\r\n        var total = 0;\r\n        var valueTotal = 0;\r\n        var currency = \"\";\r\n        try {\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              if (value.value < 0) {\r\n                value.value = 0;\r\n              }\r\n              total += value.value;\r\n            });\r\n          }\r\n\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              var percents = ((value.value / total) * 100).toFixed(2);\r\n              var percentsFloat = parseFloat(percents);\r\n\r\n              if (percentsFloat < 0) {\r\n                percentsFloat = 0;\r\n              }\r\n              value.value = percentsFloat;\r\n\r\n              if (value.value < 10) {\r\n                valueTotal += value.value;\r\n              } else {\r\n                currency = value.Currency;\r\n                chartTakeValuesTotal.push(value);\r\n              }\r\n            });\r\n          }\r\n          if (valueTotal != 0) {\r\n            var model = {};\r\n            model.name = \"DİĞER\";\r\n            model.value = valueTotal;\r\n            chartTakeValuesTotal.push(model);\r\n          }\r\n          setChartTakeValuesStateTotal(chartTakeValuesTotal);\r\n        } catch (error) {}\r\n      });\r\n    } else {\r\n      RequestHandler.post(\r\n        `/Consolidated/GetConsolidateChartWithTenants?$apply=groupby((name),aggregate(value with sum as value))`,\r\n        {\r\n          currencyId: activeKeys,\r\n          tenantIdList: tenantIdList,\r\n          useAvailableBalance: useAvailableBalance,\r\n          useAvailableCreditBalance: useAvailableCreditBalance,\r\n        },\r\n        false,\r\n        { rawResponse: true }\r\n      ).then((res) => {\r\n        const chartValuesTRY = res.data;\r\n        var total = 0;\r\n        var valueTotal = 0;\r\n        var currency = \"\";\r\n        try {\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              if (value.value < 0) {\r\n                value.value = 0;\r\n              }\r\n              total += value.value;\r\n            });\r\n          }\r\n\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              var percents = ((value.value / total) * 100).toFixed(2);\r\n              var percentsFloat = parseFloat(percents);\r\n\r\n              if (percentsFloat < 0) {\r\n                percentsFloat = 0;\r\n              }\r\n              value.value = percentsFloat;\r\n\r\n              if (value.value < 10) {\r\n                valueTotal += value.value;\r\n              } else {\r\n                currency = value.Currency;\r\n                chartTakeValues.push(value);\r\n              }\r\n            });\r\n          }\r\n          if (valueTotal != 0) {\r\n            var model = {};\r\n            model.Currency = res.data.code;\r\n            model.name = \"DİĞER\";\r\n            model.value = valueTotal;\r\n            chartTakeValues.push(model);\r\n          }\r\n          setChartTakeValuesState(chartTakeValues);\r\n        } catch (error) {}\r\n      });\r\n    }\r\n\r\n    RequestHandler.post(\r\n      `/Consolidated/GetListForConsolidatedWithTenatns`,\r\n      {\r\n        currencyId: activeKeys,\r\n        tenantIdList: tenantIdList,\r\n        useAvailableBalance: useAvailableBalance,\r\n        useAvailableCreditBalance: useAvailableCreditBalance,\r\n      },\r\n      false,\r\n      { rawResponse: true }\r\n    ).then((res) => {\r\n      var currency = \"\";\r\n      var currencyId = 0;\r\n      var currencyLogo = \"\";\r\n      res.data.map((item) => {\r\n        totalListConsolide += item.balance;\r\n        currency = item.currency;\r\n        currencyId = item.currencyId;\r\n        currencyLogo = item.currencyLogo;\r\n        bankListConsolide.push(item);\r\n      });\r\n      var model = {};\r\n      model.bankLogo = \"TOPLAM\";\r\n      model.balance = parseFloat(totalListConsolide.toFixed(2));\r\n      model.currency = currency;\r\n      model.currencyId = currencyId;\r\n      model.currencyLogo = currencyLogo;\r\n      bankListConsolide.push(model);\r\n      setBankListForTRY(bankListConsolide);\r\n    });\r\n  };\r\n\r\n  const { TabPane } = Tabs;\r\n  var totalValue = 0;\r\n  var currency = \"\";\r\n  bankListForTotal.map((item) => {\r\n    if (item.bankLogo === \"TOPLAM\") {\r\n      totalValue = item.balance;\r\n      currency = \"₺\";\r\n    }\r\n  });\r\n\r\n  function onChangeBalanceDropDown(value) {\r\n    if (value === \"Kullanılabilir Bakiye\") {\r\n      setUseAvailableBalance(true);\r\n      setUseAvailableCreditBalance(false);\r\n    } else if (value === \"Kredili Kullanılabilir Bakiye\") {\r\n      setUseAvailableBalance(false);\r\n      setUseAvailableCreditBalance(true);\r\n    } else {\r\n      setUseAvailableBalance(false);\r\n      setUseAvailableCreditBalance(false);\r\n    }\r\n  }\r\n\r\n  return (\r\n    <div>\r\n      {isDesktopOrLaptop ? (\r\n        <Modal\r\n          visible={isModalVisible}\r\n          width={\r\n            titlesBank.length > 5 ? 1000 : titlesBank.length < 4 ? 500 : 700\r\n          }\r\n          onOk={handleOk}\r\n          onCancel={handleCancel}\r\n          footer={null}\r\n        >\r\n          <Spin spinning={loadingBank}>\r\n            <table\r\n              class=\"table\"\r\n              style={{ marginTop: 50, marginBottom: 50, overflowX: \"auto\" }}\r\n            >\r\n              <tr>\r\n                {titlesBank.map((item) => {\r\n                  return <th style={{ paddingBottom: 10 }}>{item}</th>;\r\n                })}\r\n                <td>\r\n                  <strong>TOPLAM</strong>{\" \"}\r\n                </td>\r\n              </tr>\r\n              {totalBankList.map((item) => {\r\n                return (\r\n                  <tr>\r\n                    <td\r\n                      style={{\r\n                        paddingBottom: 13,\r\n                        paddingRight: 15,\r\n                        width: 120,\r\n                      }}\r\n                    >\r\n                      <img\r\n                        style={{ width: 110, marginRight: 15 }}\r\n                        src={item.bankLogo}\r\n                      />\r\n                    </td>\r\n                    {item.tenantList.map((item) => {\r\n                      return (\r\n                        <td\r\n                          style={{ paddingBottom: 13, width: 129 }}\r\n                          class=\"text-center\"\r\n                        >\r\n                          {item.balance.toString().includes(\".\") ? (\r\n                            <div style={{ whiteSpace: \"nowrap\" }}>\r\n                              <CurrencyFormat\r\n                                value={\r\n                                  isDigitConsolidate\r\n                                    ? item.balance\r\n                                    : item.balance.toString().split(\".\")[0]\r\n                                }\r\n                                displayType={\"text\"}\r\n                                decimalSeparator={\",\"}\r\n                                thousandSeparator={\".\"}\r\n                                prefix={item.currencyLogo}\r\n                              />\r\n                            </div>\r\n                          ) : (\r\n                            <div style={{ whiteSpace: \"nowrap\" }}>\r\n                              <CurrencyFormat\r\n                                value={\r\n                                  isDigitConsolidate\r\n                                    ? item.balance\r\n                                    : item.balance.toString().split(\".\")[0]\r\n                                }\r\n                                displayType={\"text\"}\r\n                                decimalSeparator={\",\"}\r\n                                thousandSeparator={\".\"}\r\n                                prefix={item.currencyLogo}\r\n                              />\r\n                              {isDigitConsolidate ? \",00\" : \"\"}{\" \"}\r\n                            </div>\r\n                          )}\r\n                        </td>\r\n                      );\r\n                    })}\r\n                    <td style={{ paddingBottom: 13, width: 129 }}>\r\n                      {item.balance.toString().includes(\".\") ? (\r\n                        <div style={{ whiteSpace: \"nowrap\" }}>\r\n                          <CurrencyFormat\r\n                            value={\r\n                              isDigitConsolidate\r\n                                ? item.balance\r\n                                : item.balance.toString().split(\".\")[0]\r\n                            }\r\n                            displayType={\"text\"}\r\n                            decimalSeparator={\",\"}\r\n                            thousandSeparator={\".\"}\r\n                            prefix={\"₺\"}\r\n                          />{\" \"}\r\n                        </div>\r\n                      ) : (\r\n                        <div style={{ whiteSpace: \"nowrap\" }}>\r\n                          <CurrencyFormat\r\n                            value={\r\n                              isDigitConsolidate\r\n                                ? item.balance\r\n                                : item.balance.toString().split(\".\")[0]\r\n                            }\r\n                            displayType={\"text\"}\r\n                            decimalSeparator={\",\"}\r\n                            thousandSeparator={\".\"}\r\n                            prefix={\"₺\"}\r\n                          />\r\n                          {isDigitConsolidate ? \",00\" : \"\"}{\" \"}\r\n                        </div>\r\n                      )}\r\n                    </td>\r\n                  </tr>\r\n                );\r\n              })}\r\n              <tr>\r\n                <td>\r\n                  <strong>TOPLAM</strong>\r\n                </td>\r\n                {totalWithCurrencyBank.map((item) => {\r\n                  return (\r\n                    <td>\r\n                      <td class=\"text-center\">\r\n                        {item.balance.toString().includes(\".\") ? (\r\n                          <div style={{ whiteSpace: \"nowrap\" }}>\r\n                            <CurrencyFormat\r\n                              value={\r\n                                isDigitConsolidate\r\n                                  ? item.balance\r\n                                  : item.balance.toString().split(\".\")[0]\r\n                              }\r\n                              displayType={\"text\"}\r\n                              decimalSeparator={\",\"}\r\n                              thousandSeparator={\".\"}\r\n                              prefix={item.currencyLogo}\r\n                            />{\" \"}\r\n                          </div>\r\n                        ) : (\r\n                          <div style={{ whiteSpace: \"nowrap\" }}>\r\n                            <CurrencyFormat\r\n                              value={\r\n                                isDigitConsolidate\r\n                                  ? item.balance\r\n                                  : item.balance.toString().split(\".\")[0]\r\n                              }\r\n                              displayType={\"text\"}\r\n                              decimalSeparator={\",\"}\r\n                              thousandSeparator={\".\"}\r\n                              prefix={item.currencyLogo}\r\n                            />\r\n                            {isDigitConsolidate ? \",00\" : \"\"}{\" \"}\r\n                          </div>\r\n                        )}\r\n                      </td>\r\n                    </td>\r\n                  );\r\n                })}\r\n                <td style={{ paddingBottom: 13, width: 120 }}>\r\n                  {allBankTotal.toString().includes(\".\") ? (\r\n                    <div style={{ whiteSpace: \"nowrap\" }}>\r\n                      <CurrencyFormat\r\n                        value={\r\n                          isDigitConsolidate\r\n                            ? allBankTotal\r\n                            : allBankTotal.toString().split(\".\")[0]\r\n                        }\r\n                        displayType={\"text\"}\r\n                        decimalSeparator={\",\"}\r\n                        thousandSeparator={\".\"}\r\n                        prefix={\"₺\"}\r\n                      />{\" \"}\r\n                    </div>\r\n                  ) : (\r\n                    <div style={{ whiteSpace: \"nowrap\" }}>\r\n                      <CurrencyFormat\r\n                        value={\r\n                          isDigitConsolidate\r\n                            ? allBankTotal\r\n                            : allBankTotal.toString().split(\".\")[0]\r\n                        }\r\n                        displayType={\"text\"}\r\n                        decimalSeparator={\",\"}\r\n                        thousandSeparator={\".\"}\r\n                        prefix={\"₺\"}\r\n                      />\r\n                      {isDigitConsolidate ? \",00\" : \"\"}{\" \"}\r\n                    </div>\r\n                  )}\r\n                </td>\r\n              </tr>\r\n            </table>\r\n          </Spin>\r\n        </Modal>\r\n      ) : (\r\n        <Modal\r\n          visible={isModalVisible}\r\n          onOk={handleOk}\r\n          onCancel={handleCancel}\r\n          footer={null}\r\n        >\r\n          <Spin spinning={loadingBank}>\r\n            <Col style={{ overflowX: \"auto\" }}>\r\n              <table\r\n                class=\"table\"\r\n                style={{ marginTop: 20, marginBottom: 20, overflowX: \"auto\" }}\r\n              >\r\n                <tr>\r\n                  {titlesBank.map((item) => {\r\n                    return <th style={{ paddingBottom: 10 }}>{item}</th>;\r\n                  })}\r\n                  <td>\r\n                    <strong>TOPLAM</strong>{\" \"}\r\n                  </td>\r\n                </tr>\r\n                {totalBankList.map((item) => {\r\n                  return (\r\n                    <tr>\r\n                      <td\r\n                        style={{\r\n                          paddingBottom: 13,\r\n                          paddingRight: 15,\r\n                          width: 120,\r\n                        }}\r\n                      >\r\n                        <img\r\n                          style={{ width: 110, marginRight: 15 }}\r\n                          src={item.bankLogo}\r\n                        />\r\n                      </td>\r\n                      {item.tenantList.map((item) => {\r\n                        return (\r\n                          <td\r\n                            style={{ paddingBottom: 13, width: 129 }}\r\n                            class=\"text-center\"\r\n                          >\r\n                            {item.balance.toString().includes(\".\") ? (\r\n                              <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                <CurrencyFormat\r\n                                  value={\r\n                                    isDigitConsolidate\r\n                                      ? item.balance\r\n                                      : item.balance.toString().split(\".\")[0]\r\n                                  }\r\n                                  displayType={\"text\"}\r\n                                  decimalSeparator={\",\"}\r\n                                  thousandSeparator={\".\"}\r\n                                  prefix={item.currencyLogo}\r\n                                />\r\n                              </div>\r\n                            ) : (\r\n                              <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                <CurrencyFormat\r\n                                  value={\r\n                                    isDigitConsolidate\r\n                                      ? item.balance\r\n                                      : item.balance.toString().split(\".\")[0]\r\n                                  }\r\n                                  displayType={\"text\"}\r\n                                  decimalSeparator={\",\"}\r\n                                  thousandSeparator={\".\"}\r\n                                  prefix={item.currencyLogo}\r\n                                />\r\n                                {isDigitConsolidate ? \",00\" : \"\"}\r\n                              </div>\r\n                            )}\r\n                          </td>\r\n                        );\r\n                      })}\r\n                      <td style={{ paddingBottom: 13, width: 129 }}>\r\n                        {item.balance.toString().includes(\".\") ? (\r\n                          <div style={{ whiteSpace: \"nowrap\" }}>\r\n                            <CurrencyFormat\r\n                              value={\r\n                                isDigitConsolidate\r\n                                  ? item.balance\r\n                                  : item.balance.toString().split(\".\")[0]\r\n                              }\r\n                              displayType={\"text\"}\r\n                              decimalSeparator={\",\"}\r\n                              thousandSeparator={\".\"}\r\n                              prefix={\"₺\"}\r\n                            />{\" \"}\r\n                          </div>\r\n                        ) : (\r\n                          <div style={{ whiteSpace: \"nowrap\" }}>\r\n                            <CurrencyFormat\r\n                              value={\r\n                                isDigitConsolidate\r\n                                  ? item.balance\r\n                                  : item.balance.toString().split(\".\")[0]\r\n                              }\r\n                              displayType={\"text\"}\r\n                              decimalSeparator={\",\"}\r\n                              thousandSeparator={\".\"}\r\n                              prefix={\"₺\"}\r\n                            />\r\n                            {isDigitConsolidate ? \",00\" : \"\"}\r\n                          </div>\r\n                        )}\r\n                      </td>\r\n                    </tr>\r\n                  );\r\n                })}\r\n                <tr>\r\n                  <td>\r\n                    <strong>TOPLAM</strong>\r\n                  </td>\r\n                  {totalWithCurrencyBank.map((item) => {\r\n                    return (\r\n                      <td>\r\n                        <td class=\"text-center\">\r\n                          {item.balance.toString().includes(\".\") ? (\r\n                            <div style={{ whiteSpace: \"nowrap\" }}>\r\n                              <CurrencyFormat\r\n                                value={\r\n                                  isDigitConsolidate\r\n                                    ? item.balance\r\n                                    : item.balance.toString().split(\".\")[0]\r\n                                }\r\n                                displayType={\"text\"}\r\n                                decimalSeparator={\",\"}\r\n                                thousandSeparator={\".\"}\r\n                                prefix={item.currencyLogo}\r\n                              />{\" \"}\r\n                            </div>\r\n                          ) : (\r\n                            <div style={{ whiteSpace: \"nowrap\" }}>\r\n                              <CurrencyFormat\r\n                                value={\r\n                                  isDigitConsolidate\r\n                                    ? item.balance\r\n                                    : item.balance.toString().split(\".\")[0]\r\n                                }\r\n                                displayType={\"text\"}\r\n                                decimalSeparator={\",\"}\r\n                                thousandSeparator={\".\"}\r\n                                prefix={item.currencyLogo}\r\n                              />\r\n                              {isDigitConsolidate ? \",00\" : \"\"}\r\n                            </div>\r\n                          )}\r\n                        </td>\r\n                      </td>\r\n                    );\r\n                  })}\r\n                  <td style={{ width: 120 }}>\r\n                    {allBankTotal.toString().includes(\".\") ? (\r\n                      <div style={{ whiteSpace: \"nowrap\" }}>\r\n                        <CurrencyFormat\r\n                          value={\r\n                            isDigitConsolidate\r\n                              ? allBankTotal\r\n                              : allBankTotal.toString().split(\".\")[0]\r\n                          }\r\n                          displayType={\"text\"}\r\n                          decimalSeparator={\",\"}\r\n                          thousandSeparator={\".\"}\r\n                          prefix={\"₺\"}\r\n                        />{\" \"}\r\n                      </div>\r\n                    ) : (\r\n                      <div style={{ whiteSpace: \"nowrap\" }}>\r\n                        <CurrencyFormat\r\n                          value={\r\n                            isDigitConsolidate\r\n                              ? allBankTotal\r\n                              : allBankTotal.toString().split(\".\")[0]\r\n                          }\r\n                          displayType={\"text\"}\r\n                          decimalSeparator={\",\"}\r\n                          thousandSeparator={\".\"}\r\n                          prefix={\"₺\"}\r\n                        />\r\n                        {isDigitConsolidate ? \",00\" : \"\"}\r\n                      </div>\r\n                    )}\r\n                  </td>\r\n                </tr>\r\n              </table>\r\n            </Col>\r\n          </Spin>\r\n        </Modal>\r\n      )}\r\n\r\n      {isTabletOrMobileDevice ? (\r\n        <Row>\r\n          <Col span={24}></Col>\r\n          <Col span={12} style={{ marginTop: -5 }}>\r\n            <Select\r\n              showSearch\r\n              style={{ width: 200 }}\r\n              placeholder=\"Grup Seç\"\r\n              optionFilterProp=\"children\"\r\n              value={firstName}\r\n              onChange={onChange}\r\n              filterOption={(input, option) =>\r\n                option.props.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n            >\r\n              {groups.map((item) => (\r\n                <Option key={item.id}>{item.name}</Option>\r\n              ))}\r\n            </Select>\r\n          </Col>\r\n          <Col span={2} style={{ textAlign: \"right\" }}>\r\n            <AntdTooltip title=\"Bakiye Hesaplaması için Kullanılabilir Bakiye veya Kredili Kullanılabilir Bakiye seçilirse, Bankadan Kullanılabilir Bakiye veya Kredili Kullanılabilir Bakiye bilgisi gelmediği taktirde hesabın Bakiye bilgisi ile hesaplama yapılır.\">\r\n              <QuestionCircleOutlined\r\n                className=\"gx-text-blue\"\r\n                style={{\r\n                  marginRight: 10,\r\n                  marginTop: 6,\r\n                  fontSize: \"150%\",\r\n                }}\r\n              />\r\n            </AntdTooltip>\r\n          </Col>\r\n          <Col span={6}>\r\n            <Select\r\n              optionFilterProp=\"children\"\r\n              onChange={onChangeBalanceDropDown}\r\n              size=\"middle\"\r\n              style={{ width: \"100%\" }}\r\n              defaultValue={\"Bakiye\"}\r\n            >\r\n              <Option key={0} value={\"Bakiye\"}>\r\n                Bakiye{\" \"}\r\n              </Option>\r\n              <Option key={1} value={\"Kullanılabilir Bakiye\"}>\r\n                Kullanılabilir Bakiye\r\n              </Option>\r\n              <Option key={2} value={\"Kredili Kullanılabilir Bakiye\"}>\r\n                Kredili Kullanılabilir Bakiye\r\n              </Option>\r\n            </Select>\r\n          </Col>\r\n\r\n          <Col span={4}>\r\n            {activeKey === \"9999\" ? (\r\n              <div>\r\n                <a\r\n                  style={{\r\n                    color: \"green\",\r\n                    fontSize: \"180%\",\r\n                    marginRight: 60,\r\n                    float: \"right\",\r\n                  }}\r\n                  onClick={exportExcel}\r\n                >\r\n                  <FileExcelOutlined />\r\n                </a>\r\n              </div>\r\n            ) : null}\r\n          </Col>\r\n        </Row>\r\n      ) : (\r\n        <Row>\r\n          <Col span={24}>\r\n            <p style={{ fontSize: \"120%\", marginTop: -5 }}>\r\n              <BarsOutlined /> KONSOLİDE\r\n            </p>\r\n          </Col>\r\n          <Col span={16} style={{ marginTop: -5 }}>\r\n            <Select\r\n              showSearch\r\n              style={{ width: 200 }}\r\n              placeholder=\"Grup Seç\"\r\n              optionFilterProp=\"children\"\r\n              value={firstName}\r\n              onChange={onChange}\r\n              filterOption={(input, option) =>\r\n                option.props.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n            >\r\n              {groups.map((item) => (\r\n                <Option key={item.id}>{item.name}</Option>\r\n              ))}\r\n            </Select>\r\n          </Col>\r\n          <Col span={2} style={{ textAlign: \"right\" }}>\r\n            <AntdTooltip title=\"Bakiye Hesaplaması için Kullanılabilir Bakiye veya Kredili Kullanılabilir Bakiye seçilirse, Bankadan Kullanılabilir Bakiye veya Kredili Kullanılabilir Bakiye bilgisi gelmediği taktirde hesabın Bakiye bilgisi  ile hesaplama yapılır.\">\r\n              <QuestionCircleOutlined\r\n                className=\"gx-text-blue\"\r\n                style={{\r\n                  marginRight: 10,\r\n                  marginTop: 6,\r\n                  fontSize: \"150%\",\r\n                }}\r\n              />\r\n            </AntdTooltip>\r\n          </Col>\r\n          <Col span={5}>\r\n            <Select\r\n              optionFilterProp=\"children\"\r\n              onChange={onChangeBalanceDropDown}\r\n              size=\"middle\"\r\n              style={{ width: \"100%\" }}\r\n              defaultValue={\"Bakiye\"}\r\n            >\r\n              <Option key={0} value={\"Bakiye\"}>\r\n                Bakiye{\" \"}\r\n              </Option>\r\n              <Option key={1} value={\"Kullanılabilir Bakiye\"}>\r\n                Kullanılabilir Bakiye\r\n              </Option>\r\n              <Option key={2} value={\"Kredili Kullanılabilir Bakiye\"}>\r\n                Kredili Kullanılabilir Bakiye\r\n              </Option>\r\n            </Select>\r\n          </Col>\r\n          <Col span={1}>\r\n            {activeKey === \"9999\" ? (\r\n              <div>\r\n                <a\r\n                  style={{ color: \"green\", fontSize: \"180%\", float: \"right\" }}\r\n                  onClick={exportExcel}\r\n                >\r\n                  <FileExcelOutlined />\r\n                </a>\r\n              </div>\r\n            ) : null}\r\n          </Col>\r\n        </Row>\r\n      )}\r\n      <Spin spinning={loading}>\r\n        <Tabs onChange={handleChange} activeKey={activeKey}>\r\n          {currencyList.length !== 0 ? (\r\n            <TabPane tab=\"TÜMÜ\" key=\"9999\">\r\n              <Row>\r\n                {isTabletOrMobile === false && (\r\n                  <>\r\n                    <Col span={13} style={{ overflowX: \"auto\" }}>\r\n                      <table class=\"table\" style={{ marginBottom: 50 }}>\r\n                        <tr>\r\n                          {titles.map((item) => {\r\n                            return (\r\n                              <th\r\n                                style={{ paddingBottom: 10, textAlign: \"end\" }}\r\n                              >\r\n                                {item}\r\n                              </th>\r\n                            );\r\n                          })}\r\n                          <td\r\n                            style={{\r\n                              textAlign: \"end\",\r\n                              paddingLeft: 13,\r\n                              paddingBottom: 10,\r\n                            }}\r\n                          >\r\n                            <strong>TOPLAM</strong>{\" \"}\r\n                          </td>\r\n                          <td\r\n                            style={{\r\n                              textAlign: \"center\",\r\n                              paddingLeft: 13,\r\n                              paddingBottom: 10,\r\n                            }}\r\n                          >\r\n                            <strong>BANKALAR</strong>\r\n                          </td>\r\n                        </tr>\r\n                        {totalTenantAccountList.map((item) => {\r\n                          return (\r\n                            <tr>\r\n                              <td\r\n                                style={{\r\n                                  paddingBottom: 13,\r\n                                  paddingRight: 15,\r\n                                  width: 120,\r\n                                }}\r\n                              >\r\n                                <strong>{item.tenantName}</strong>\r\n                              </td>\r\n                              {item.tenantList.map((item) => {\r\n                                return (\r\n                                  <td\r\n                                    style={{ paddingBottom: 13, width: 129 }}\r\n                                    class=\"text-center\"\r\n                                  >\r\n                                    {item.balance.toString().includes(\".\") ? (\r\n                                      <div\r\n                                        style={{\r\n                                          whiteSpace: \"nowrap\",\r\n                                          textAlign: \"end\",\r\n                                        }}\r\n                                      >\r\n                                        <CurrencyFormat\r\n                                          value={\r\n                                            isDigitConsolidate\r\n                                              ? item.balance\r\n                                              : item.balance\r\n                                                  .toString()\r\n                                                  .split(\".\")[0]\r\n                                          }\r\n                                          displayType={\"text\"}\r\n                                          decimalSeparator={\",\"}\r\n                                          thousandSeparator={\".\"}\r\n                                          prefix={\"\"}\r\n                                        />{\" \"}\r\n                                        {item.currencyLogo}\r\n                                      </div>\r\n                                    ) : (\r\n                                      <div\r\n                                        style={{\r\n                                          whiteSpace: \"nowrap\",\r\n                                          textAlign: \"end\",\r\n                                        }}\r\n                                      >\r\n                                        <CurrencyFormat\r\n                                          value={\r\n                                            isDigitConsolidate\r\n                                              ? item.balance\r\n                                              : item.balance\r\n                                                  .toString()\r\n                                                  .split(\".\")[0]\r\n                                          }\r\n                                          displayType={\"text\"}\r\n                                          decimalSeparator={\",\"}\r\n                                          thousandSeparator={\".\"}\r\n                                          prefix={\"\"}\r\n                                        />\r\n                                        {isDigitConsolidate ? \",00\" : \"\"}{\" \"}\r\n                                        {item.currencyLogo}\r\n                                      </div>\r\n                                    )}\r\n                                  </td>\r\n                                );\r\n                              })}\r\n                              <td style={{ paddingBottom: 13, width: 129 }}>\r\n                                {item.balance.toString().includes(\".\") ? (\r\n                                  <div\r\n                                    style={{\r\n                                      whiteSpace: \"nowrap\",\r\n                                      textAlign: \"end\",\r\n                                    }}\r\n                                  >\r\n                                    <CurrencyFormat\r\n                                      value={\r\n                                        isDigitConsolidate\r\n                                          ? item.balance\r\n                                          : item.balance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                      }\r\n                                      displayType={\"text\"}\r\n                                      decimalSeparator={\",\"}\r\n                                      thousandSeparator={\".\"}\r\n                                      prefix={\"\"}\r\n                                    />{\" \"}\r\n                                    ₺\r\n                                  </div>\r\n                                ) : (\r\n                                  <div\r\n                                    style={{\r\n                                      whiteSpace: \"nowrap\",\r\n                                      textAlign: \"end\",\r\n                                    }}\r\n                                  >\r\n                                    <CurrencyFormat\r\n                                      value={\r\n                                        isDigitConsolidate\r\n                                          ? item.balance\r\n                                          : item.balance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                      }\r\n                                      displayType={\"text\"}\r\n                                      decimalSeparator={\",\"}\r\n                                      thousandSeparator={\".\"}\r\n                                      prefix={\"\"}\r\n                                    />\r\n                                    {isDigitConsolidate ? \",00\" : \"\"} ₺\r\n                                  </div>\r\n                                )}\r\n                              </td>\r\n                              <td\r\n                                style={{\r\n                                  textAlign: \"center\",\r\n                                  color: \"#1890ff\",\r\n                                  marginBottom: 5,\r\n                                }}\r\n                              >\r\n                                <MenuUnfoldOutlined\r\n                                  style={{ fontSize: 20 }}\r\n                                  onClick={() => showModal(item.tenantId)}\r\n                                />\r\n                              </td>\r\n                            </tr>\r\n                          );\r\n                        })}\r\n\r\n                        <tr>\r\n                          <td>\r\n                            <strong>TOPLAM</strong>\r\n                          </td>\r\n                          {totalWithCurrency.map((item) => {\r\n                            return (\r\n                              <td style={{ textAlign: \"-webkit-right\" }}>\r\n                                <td class=\"text-center\">\r\n                                  {item.balance.toString().includes(\".\") ? (\r\n                                    <div\r\n                                      style={{\r\n                                        whiteSpace: \"nowrap\",\r\n                                        textAlign: \"end\",\r\n                                      }}\r\n                                    >\r\n                                      <CurrencyFormat\r\n                                        value={\r\n                                          isDigitConsolidate\r\n                                            ? item.balance\r\n                                            : item.balance\r\n                                                .toString()\r\n                                                .split(\".\")[0]\r\n                                        }\r\n                                        displayType={\"text\"}\r\n                                        decimalSeparator={\",\"}\r\n                                        thousandSeparator={\".\"}\r\n                                        prefix={\"\"}\r\n                                      />{\" \"}\r\n                                      {item.currencyLogo}\r\n                                    </div>\r\n                                  ) : (\r\n                                    <div\r\n                                      style={{\r\n                                        whiteSpace: \"nowrap\",\r\n                                        textAlign: \"end\",\r\n                                      }}\r\n                                    >\r\n                                      <CurrencyFormat\r\n                                        value={\r\n                                          isDigitConsolidate\r\n                                            ? item.balance\r\n                                            : item.balance\r\n                                                .toString()\r\n                                                .split(\".\")[0]\r\n                                        }\r\n                                        displayType={\"text\"}\r\n                                        decimalSeparator={\",\"}\r\n                                        thousandSeparator={\".\"}\r\n                                        prefix={\"\"}\r\n                                      />\r\n                                      {isDigitConsolidate ? \",00\" : \"\"}{\" \"}\r\n                                      {item.currencyLogo}\r\n                                    </div>\r\n                                  )}\r\n                                </td>\r\n                              </td>\r\n                            );\r\n                          })}\r\n                          <td>\r\n                            {allTotal.toString().includes(\".\") ? (\r\n                              <div\r\n                                style={{\r\n                                  whiteSpace: \"nowrap\",\r\n                                  textAlign: \"end\",\r\n                                }}\r\n                              >\r\n                                <CurrencyFormat\r\n                                  value={\r\n                                    isDigitConsolidate\r\n                                      ? allTotal\r\n                                      : allTotal.toString().split(\".\")[0]\r\n                                  }\r\n                                  displayType={\"text\"}\r\n                                  decimalSeparator={\",\"}\r\n                                  thousandSeparator={\".\"}\r\n                                  prefix={\"\"}\r\n                                />{\" \"}\r\n                                ₺\r\n                              </div>\r\n                            ) : (\r\n                              <div\r\n                                style={{\r\n                                  whiteSpace: \"nowrap\",\r\n                                  textAlign: \"end\",\r\n                                }}\r\n                              >\r\n                                <CurrencyFormat\r\n                                  value={\r\n                                    isDigitConsolidate\r\n                                      ? allTotal\r\n                                      : allTotal.toString().split(\".\")[0]\r\n                                  }\r\n                                  displayType={\"text\"}\r\n                                  decimalSeparator={\",\"}\r\n                                  thousandSeparator={\".\"}\r\n                                  prefix={\"\"}\r\n                                />\r\n                                {isDigitConsolidate ? \",00\" : \"\"} ₺\r\n                              </div>\r\n                            )}\r\n                          </td>\r\n                        </tr>\r\n                      </table>\r\n                      <table\r\n                        hidden\r\n                        id=\"emp\"\r\n                        class=\"table\"\r\n                        style={{ marginBottom: 50 }}\r\n                      >\r\n                        <tr>\r\n                          {titles.map((item) => {\r\n                            return <th>{item}</th>;\r\n                          })}\r\n                          <td>\r\n                            <strong>TOPLAM</strong>{\" \"}\r\n                          </td>\r\n                        </tr>\r\n                        {totalTenantAccountList.map((item) => {\r\n                          return (\r\n                            <tr>\r\n                              <td>\r\n                                <strong>{item.tenantName}</strong>\r\n                              </td>\r\n                              {item.tenantList.map((item) => {\r\n                                return <td> {item.balance} </td>;\r\n                              })}\r\n                              <td>{item.balance} </td>\r\n                            </tr>\r\n                          );\r\n                        })}\r\n\r\n                        <tr>\r\n                          <td>\r\n                            <strong>TOPLAM</strong>\r\n                          </td>\r\n                          {totalWithCurrency.map((item) => {\r\n                            return <td> {item.balance}</td>;\r\n                          })}\r\n                          <td>{allTotal}</td>\r\n                        </tr>\r\n                      </table>\r\n                    </Col>\r\n                    <Col span={9}>\r\n                      <PieChart width={500} height={500}>\r\n                        <Pie\r\n                          outerRadius={150}\r\n                          data={chartTakeValuesStateTotal}\r\n                          fill=\"#8884d8\"\r\n                          label={renderCustomizedLabelTRY}\r\n                        >\r\n                          {chartTakeValuesStateTotal.map((entry, index) => (\r\n                            <Cell\r\n                              key={`cell-${index}`}\r\n                              fill={COLORS[index % COLORS.length]}\r\n                            />\r\n                          ))}\r\n                        </Pie>\r\n                        <Tooltip content={CustomToolTip} />\r\n                      </PieChart>\r\n                      {chartTakeValuesStateTotal.map((entry, index) => (\r\n                        <div key={`cell-${index}`}>\r\n                          <a style={{ color: COLORS[index % COLORS.length] }}>\r\n                            <CaretRightFilled />\r\n                          </a>\r\n                          {entry.name}\r\n                        </div>\r\n                      ))}\r\n                    </Col>\r\n                    <Col span={1}></Col>\r\n                    <Col span={22} style={{ marginBottom: 25 }}>\r\n                      <Collapse>\r\n                        <Panel\r\n                          header=\"Döviz kurlarını görmek için tıklayın\"\r\n                          key=\"1\"\r\n                        >\r\n                          <Card\r\n                            title={\"KUR BİLGİSİ  \"}\r\n                            style={{ marginLeft: \"1%\" }}\r\n                            extra={`Kur bilgileri ${\r\n                              isLiveValue ? liveDate : dailyDate\r\n                            } tarihine aittir.`}\r\n                            className={`gx-card-widget`}\r\n                          >\r\n                            <div className=\"gx-table-responsive\">\r\n                              <Table\r\n                                className=\"gx-table-no-bordered\"\r\n                                columns={columnsExchangeRate}\r\n                                dataSource={exchangeRate}\r\n                                pagination={false}\r\n                                bordered={false}\r\n                                size=\"small\"\r\n                              />\r\n                            </div>\r\n                          </Card>\r\n                        </Panel>\r\n                      </Collapse>\r\n                    </Col>\r\n                    <Col span={1}></Col>\r\n                  </>\r\n                )}\r\n                {isTabletOrMobile && (\r\n                  <>\r\n                    <Col span={24} style={{ overflowX: \"auto\" }}>\r\n                      <table\r\n                        class=\"table\"\r\n                        style={{ marginBottom: 50, width: 100 }}\r\n                      >\r\n                        <tr>\r\n                          {titles.map((item) => {\r\n                            return <th>{item}</th>;\r\n                          })}\r\n                          <td>\r\n                            <strong>TOPLAM</strong>{\" \"}\r\n                          </td>\r\n                          <td>\r\n                            <strong>BANKALAR</strong>\r\n                          </td>\r\n                        </tr>\r\n                        {totalTenantAccountList.map((item) => {\r\n                          return (\r\n                            <tr>\r\n                              <td style={{ paddingBottom: 13 }}>\r\n                                <strong>{item.tenantName}</strong>\r\n                              </td>\r\n                              {item.tenantList.map((item) => {\r\n                                return (\r\n                                  <td\r\n                                    style={{\r\n                                      paddingBottom: 13,\r\n                                      width: 121,\r\n                                      paddingLeft: 5,\r\n                                      paddingRight: 5,\r\n                                      fontSize: 12,\r\n                                    }}\r\n                                    class=\"text-center\"\r\n                                  >\r\n                                    {\" \"}\r\n                                    <CurrencyFormat\r\n                                      value={\r\n                                        isDigitConsolidate\r\n                                          ? item.balance\r\n                                          : item.balance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                      }\r\n                                      displayType={\"text\"}\r\n                                      decimalSeparator={\",\"}\r\n                                      thousandSeparator={\".\"}\r\n                                      prefix={item.currencyLogo}\r\n                                    />{\" \"}\r\n                                  </td>\r\n                                );\r\n                              })}\r\n                              <td\r\n                                style={{\r\n                                  paddingBottom: 13,\r\n                                  width: 121,\r\n                                  paddingLeft: 5,\r\n                                  paddingRight: 5,\r\n                                  fontSize: 12,\r\n                                }}\r\n                                class=\"text-center\"\r\n                              >\r\n                                {\" \"}\r\n                                <CurrencyFormat\r\n                                  value={\r\n                                    isDigitConsolidate\r\n                                      ? item.balance\r\n                                      : item.balance.toString().split(\".\")[0]\r\n                                  }\r\n                                  displayType={\"text\"}\r\n                                  decimalSeparator={\",\"}\r\n                                  thousandSeparator={\".\"}\r\n                                  prefix={\"₺\"}\r\n                                />{\" \"}\r\n                              </td>\r\n                              <td\r\n                                style={{\r\n                                  textAlign: \"center\",\r\n                                  color: \"#1890ff\",\r\n                                  marginBottom: 5,\r\n                                }}\r\n                              >\r\n                                <MenuUnfoldOutlined\r\n                                  style={{ fontSize: 20 }}\r\n                                  onClick={() => showModal(item.tenantId)}\r\n                                />\r\n                              </td>\r\n                            </tr>\r\n                          );\r\n                        })}\r\n\r\n                        <tr>\r\n                          <td>\r\n                            <strong>TOPLAM</strong>\r\n                          </td>\r\n                          {totalWithCurrency.map((item) => {\r\n                            return (\r\n                              <td>\r\n                                <td\r\n                                  style={{\r\n                                    paddingBottom: 13,\r\n                                    width: 121,\r\n                                    fontSize: 12,\r\n                                  }}\r\n                                  class=\"text-center\"\r\n                                >\r\n                                  {\" \"}\r\n                                  <CurrencyFormat\r\n                                    value={\r\n                                      isDigitConsolidate\r\n                                        ? item.balance\r\n                                        : item.balance.toString().split(\".\")[0]\r\n                                    }\r\n                                    displayType={\"text\"}\r\n                                    decimalSeparator={\",\"}\r\n                                    thousandSeparator={\".\"}\r\n                                    prefix={item.currencyLogo}\r\n                                  />{\" \"}\r\n                                </td>\r\n                              </td>\r\n                            );\r\n                          })}\r\n                          <td\r\n                            style={{\r\n                              paddingBottom: 13,\r\n                              width: 121,\r\n                              fontSize: 12,\r\n                            }}\r\n                          >\r\n                            <CurrencyFormat\r\n                              value={\r\n                                isDigitConsolidate\r\n                                  ? allTotal\r\n                                  : allTotal.toString().split(\".\")[0]\r\n                              }\r\n                              displayType={\"text\"}\r\n                              decimalSeparator={\",\"}\r\n                              thousandSeparator={\".\"}\r\n                              prefix={\"₺\"}\r\n                            />{\" \"}\r\n                          </td>\r\n                        </tr>\r\n                      </table>\r\n                      <table\r\n                        hidden\r\n                        id=\"emp\"\r\n                        class=\"table\"\r\n                        style={{ marginBottom: 50, width: \"100%\" }}\r\n                      >\r\n                        <tr>\r\n                          {titles.map((item) => {\r\n                            return <th>{item}</th>;\r\n                          })}\r\n                          <td>\r\n                            <strong>TOPLAM</strong>{\" \"}\r\n                          </td>\r\n                        </tr>\r\n                        {totalTenantAccountList.map((item) => {\r\n                          return (\r\n                            <tr>\r\n                              <td>\r\n                                <strong>{item.bankName}</strong>\r\n                              </td>\r\n                              {item.tenantList.map((item) => {\r\n                                return (\r\n                                  <td>\r\n                                    {\" \"}\r\n                                    <CurrencyFormat\r\n                                      value={\r\n                                        isDigitConsolidate\r\n                                          ? item.balance\r\n                                          : item.balance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                      }\r\n                                      displayType={\"text\"}\r\n                                      decimalSeparator={\",\"}\r\n                                      thousandSeparator={\".\"}\r\n                                      prefix={\"\"}\r\n                                    />{\" \"}\r\n                                  </td>\r\n                                );\r\n                              })}\r\n                              <td>\r\n                                <CurrencyFormat\r\n                                  value={\r\n                                    isDigitConsolidate\r\n                                      ? item.balance\r\n                                      : item.balance.toString().split(\".\")[0]\r\n                                  }\r\n                                  displayType={\"text\"}\r\n                                  decimalSeparator={\",\"}\r\n                                  thousandSeparator={\".\"}\r\n                                  prefix={\"\"}\r\n                                />{\" \"}\r\n                              </td>\r\n                            </tr>\r\n                          );\r\n                        })}\r\n\r\n                        <tr>\r\n                          <td>\r\n                            <strong>TOPLAM</strong>\r\n                          </td>\r\n                          {totalWithCurrency.map((item) => {\r\n                            return (\r\n                              <td>\r\n                                {\" \"}\r\n                                <CurrencyFormat\r\n                                  value={\r\n                                    isDigitConsolidate\r\n                                      ? item.balance\r\n                                      : item.balance.toString().split(\".\")[0]\r\n                                  }\r\n                                  displayType={\"text\"}\r\n                                  decimalSeparator={\",\"}\r\n                                  thousandSeparator={\".\"}\r\n                                  prefix={\"\"}\r\n                                />{\" \"}\r\n                              </td>\r\n                            );\r\n                          })}\r\n                          <td>\r\n                            <CurrencyFormat\r\n                              value={\r\n                                isDigitConsolidate\r\n                                  ? allTotal\r\n                                  : allTotal.toString().split(\".\")[0]\r\n                              }\r\n                              displayType={\"text\"}\r\n                              decimalSeparator={\",\"}\r\n                              thousandSeparator={\".\"}\r\n                              prefix={\"\"}\r\n                            />{\" \"}\r\n                          </td>\r\n                        </tr>\r\n                      </table>\r\n                    </Col>\r\n                    <Col span={24}>\r\n                      <PieChart\r\n                        width={isChartWidth === true ? 500 : 300}\r\n                        height={isChartWidth === true ? 500 : 300}\r\n                      >\r\n                        <Pie\r\n                          outerRadius={isChartWidth === true ? 150 : 80}\r\n                          data={chartTakeValuesStateTotal}\r\n                          fill=\"#8884d8\"\r\n                          label={renderCustomizedLabelTRY}\r\n                        >\r\n                          {chartTakeValuesStateTotal.map((entry, index) => (\r\n                            <Cell\r\n                              key={`cell-${index}`}\r\n                              fill={COLORS[index % COLORS.length]}\r\n                            />\r\n                          ))}\r\n                        </Pie>\r\n                        <Tooltip content={CustomToolTip} />\r\n                      </PieChart>\r\n                      {chartTakeValuesStateTotal.map((entry, index) => (\r\n                        <div key={`cell-${index}`}>\r\n                          <a style={{ color: COLORS[index % COLORS.length] }}>\r\n                            <CaretRightFilled />\r\n                          </a>\r\n                          {entry.name}\r\n                        </div>\r\n                      ))}\r\n                    </Col>\r\n                    <Col span={24} style={{ marginBottom: 25 }}>\r\n                      <Collapse>\r\n                        <Panel\r\n                          header=\"Döviz kurlarını görmek için tıklayın\"\r\n                          key=\"1\"\r\n                        >\r\n                          <Card\r\n                            title={\"KUR BİLGİSİ  \"}\r\n                            style={{ marginLeft: \"1%\" }}\r\n                            extra={`Kur bilgileri ${\r\n                              isLiveValue ? liveDate : dailyDate\r\n                            } tarihine aittir.`}\r\n                            className={`gx-card-widget`}\r\n                          >\r\n                            <div className=\"gx-table-responsive\">\r\n                              <Table\r\n                                className=\"gx-table-no-bordered\"\r\n                                columns={columnsExchangeRate}\r\n                                dataSource={exchangeRate}\r\n                                pagination={false}\r\n                                bordered={false}\r\n                                size=\"small\"\r\n                              />\r\n                            </div>\r\n                          </Card>\r\n                        </Panel>\r\n                      </Collapse>\r\n                    </Col>\r\n                  </>\r\n                )}\r\n              </Row>\r\n            </TabPane>\r\n          ) : (\r\n            <TabPane tab=\"TÜMÜ\" key=\"9999\">\r\n              <Row>\r\n                <Col md={6} xs={6}></Col>\r\n                <Col md={12} xs={12}>\r\n                  <Empty\r\n                    image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                    description=\"Veri Yok\"\r\n                  />\r\n                </Col>\r\n                <Col md={6} xs={6}></Col>\r\n              </Row>\r\n            </TabPane>\r\n          )}\r\n          {currencyList.length === 0 ? (\r\n            <TabPane tab={<span></span>} key=\"1\">\r\n              <Row>\r\n                <Col span={24}>\r\n                  <Table\r\n                    locale={{\r\n                      emptyText: (\r\n                        <Empty\r\n                          image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                          style={{ color: \"red\" }}\r\n                          description=\"Konsolide Grubu Seçin\"\r\n                        />\r\n                      ),\r\n                    }}\r\n                  />\r\n                </Col>\r\n              </Row>\r\n            </TabPane>\r\n          ) : (\r\n            currencyList.map((item, index) => {\r\n              return (\r\n                <TabPane\r\n                  oncli\r\n                  tab={<span>{item.currency}</span>}\r\n                  key={item.currencyId}\r\n                >\r\n                  {ContactSideBar(item.currency)}\r\n                </TabPane>\r\n              );\r\n            })\r\n          )}\r\n        </Tabs>\r\n      </Spin>\r\n    </div>\r\n  );\r\n};\r\nexport default ConsolidatedTenant;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Table,\r\n  Empty,\r\n  Card,\r\n  notification,\r\n  Col,\r\n  message,\r\n  Row,\r\n  Select,\r\n  Tabs,\r\n  Modal,\r\n  Spin,\r\n  Collapse,\r\n  Switch,\r\n  Tooltip as AntdTooltip,\r\n} from \"antd\";\r\nimport CurrencyFormat from \"react-currency-format\";\r\nimport { Cell, Pie, PieChart, Tooltip } from \"recharts\";\r\nimport {\r\n  FileExcelOutlined,\r\n  BarsOutlined,\r\n  CaretRightFilled,\r\n  MenuUnfoldOutlined,\r\n  QuestionCircleOutlined,\r\n} from \"@ant-design/icons\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport ConsolidatedTenant from \"./ConsolidatedTenant\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport Screen from \"util/Extensions/Screens\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\nconst { Panel } = Collapse;\r\n\r\nconst COLORS = [\r\n  \"#003668\",\r\n  \"#0061ba\",\r\n  \"#1f94ff\",\r\n  \"#8dbbe5\",\r\n  \"#8de5cd\",\r\n  \"#00b684\",\r\n  \"#006448\",\r\n];\r\n\r\nconst renderCustomizedLabelTRY = ({ x, y, stroke, value }) => {\r\n  return \"% \" + value.toFixed(2);\r\n};\r\n\r\nconst CustomToolTip = (props) => {\r\n  try {\r\n    const { active, payload, label } = props;\r\n    if (!active || !payload) {\r\n      return null;\r\n    }\r\n    return (\r\n      <div>\r\n        <p>\r\n          <strong>{label}</strong>\r\n        </p>\r\n        {payload.map((item, i) => (\r\n          <p key={i}>\r\n            <strong style={{ backgroundColor: \"white\", opacity: \"0.6\" }}>\r\n              {item.name}\r\n            </strong>\r\n          </p>\r\n        ))}\r\n      </div>\r\n    );\r\n  } catch (error) {}\r\n};\r\n\r\nconst ConsolidatedBankList = () => {\r\n  const { Option } = Select;\r\n\r\n  const isDesktopOrLaptop = useMediaQuery({\r\n    query: \"(min-device-width: 1224px)\",\r\n  });\r\n  const isChartWidth = useMediaQuery({ query: \"(min-width: 500px)\" });\r\n  const isTabletOrMobile = useMediaQuery({ query: \"(max-width: 1000px)\" });\r\n  const history = useHistory();\r\n  const [bankListForTRY, setBankListForTRY] = useState([]);\r\n  const [tenantIdList, setTenantIdList] = useState([]);\r\n\r\n  const [bankListForTotal, setBankListForTotal] = useState([]);\r\n  const [exchangeRate, setExchangeRate] = useState([]);\r\n  const [groups, setGroups] = useState([]);\r\n  const [currencyList, setCurrencyList] = useState([]);\r\n  const [currencyTenantList, setCurrencyTenantList] = useState([]);\r\n  const [chartTakeValuesStateTotal, setChartTakeValuesStateTotal] = useState(\r\n    []\r\n  );\r\n  const [chartTakeValuesState, setChartTakeValuesState] = useState([]);\r\n  const [totalTenantAccountList, setTotalTenantAccountList] = useState([]);\r\n  const [totalTenantAccountTenantList, setTotalTenantAccountTenantList] =\r\n    useState([]);\r\n  const [isLiveValue, setIsLiveValue] = useState(false);\r\n  const [dailyDate, setDailyDate] = useState(\"\");\r\n  const [liveDate, setLiveDate] = useState(\"\");\r\n  const [totalWithCurrency, setTotalWithCurrency] = useState([]);\r\n  const [totalWithCurrencyTenant, setTotalWithCurrencyTenant] = useState([]);\r\n  const [firstGroups, setFirstGroups] = useState(\"\");\r\n  const [firstName, setFirstName] = useState(\"\");\r\n  const [activeKey, setActiveKey] = useState(\"1\");\r\n  const [allTotal, setAllTotal] = useState(0);\r\n  const [allTotalTenant, setAllTotalTenant] = useState(0);\r\n  const [bankId, setBankId] = useState(0);\r\n  const [bankConsolideTenant, setBankConsolideTenant] = useState([]);\r\n  const [switchTenant, setSwitchTenant] = useState(false);\r\n  const [isModalVisibleBank, setIsModalVisibleBank] = useState(false);\r\n  const [loading, setLoading] = useState(true);\r\n  const [loadingTenant, setLoadingTenant] = useState(true);\r\n  const [isDigitConsolidate, setIsDigitConsolidate] = useState();\r\n  const [useAvailableBalance, setUseAvailableBalance] = useState(false);\r\n  const [useAvailableCreditBalance, setUseAvailableCreditBalance] =\r\n    useState(false);\r\n  const chartTakeValues = [];\r\n  var bankListConsolide = [];\r\n  var bankListConsolideTotal = [];\r\n  var totalListConsolide = 0;\r\n  var totalListConsolideTotal = 0;\r\n  const openNotificationWithIconExcel = (type) => {\r\n    notification[type]({\r\n      message: \"BAŞARILI\",\r\n      description: \"Excel indirme işlemi başarı ile gerçekleşti.\",\r\n      duration: 2,\r\n    });\r\n  };\r\n\r\n  var bankAndTotalList = [];\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/TenantUserParameter/GetDigitParameter`).then(\r\n      (response) => {\r\n        if (response.success) {\r\n          setIsDigitConsolidate(response.data.isDigitConsolidate);\r\n        }\r\n      }\r\n    );\r\n    RequestHandler.get(`/Group/GetConsolidateDropdown`).then((response) => {\r\n      onChange(response[0]?.id);\r\n      setFirstName(response[0]?.name);\r\n      setFirstGroups(response[0]?.id);\r\n      setGroups(response);\r\n    });\r\n\r\n    RequestHandler.get(`/TenantCurrency/GetExchangeRateList`).then(\r\n      (response) => {\r\n        setLiveDate(response[0].liveDate);\r\n        setDailyDate(response[0].dailyDate);\r\n        setExchangeRate(response);\r\n\r\n        RequestHandler.get(`/TenantCurrency/GetIsDailyValue`).then((res) => {\r\n          setIsLiveValue(res.isLiveValue);\r\n        });\r\n      }\r\n    );\r\n\r\n    RequestHandler.post(\r\n      `/Consolidated/GetListForTotalConsolidated`,\r\n      {\r\n        tenantIdList: tenantIdList,\r\n        useAvailableBalance: useAvailableBalance,\r\n        useAvailableCreditBalance: useAvailableCreditBalance,\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      const chartValuesTRY = [];\r\n      response.map((item) => {\r\n        chartValuesTRY.push({\r\n          name: item.bankName,\r\n          value: item.balance,\r\n        });\r\n      });\r\n\r\n      var total = 0;\r\n      var valueTotal = 0;\r\n      var currency = \"\";\r\n      try {\r\n        {\r\n          chartValuesTRY.map((value, index) => {\r\n            if (value.value < 0) {\r\n              value.value = 0;\r\n            }\r\n            total += value.value;\r\n          });\r\n        }\r\n\r\n        {\r\n          chartValuesTRY.map((value, index) => {\r\n            var percents = ((value.value / total) * 100).toFixed(2);\r\n            var percentsFloat = parseFloat(percents);\r\n\r\n            if (percentsFloat < 0) {\r\n              percentsFloat = 0;\r\n            }\r\n            value.value = percentsFloat;\r\n\r\n            if (value.value < 10) {\r\n              valueTotal += value.value;\r\n            } else {\r\n              currency = value.Currency;\r\n              chartTakeValues.push(value);\r\n            }\r\n          });\r\n        }\r\n        if (valueTotal != 0) {\r\n          var model = {};\r\n          model.name = \"DİĞER\";\r\n          model.value = valueTotal;\r\n          chartTakeValues.push(model);\r\n        }\r\n        setChartTakeValuesStateTotal(chartTakeValues);\r\n      } catch (error) {\r\n        if (error.response.status === 403 || error.response.status === 401) {\r\n          history.push(\"/not-authorized-access\");\r\n        }\r\n      }\r\n    });\r\n  }, [\r\n    setLoading,\r\n    setGroups,\r\n    loading,\r\n    setCurrencyList,\r\n    setActiveKey,\r\n    setFirstName,\r\n    useAvailableBalance,\r\n    useAvailableCreditBalance,\r\n  ]);\r\n\r\n  const exportExcel = () => {\r\n    const hide = message.loading(\"Excel indiriliyor...\", 0);\r\n\r\n    RequestHandler.post(\r\n      `/Consolidated/ExportExcel`,\r\n      {\r\n        tenantIdList: tenantIdList,\r\n        screenOption: Screen.screenGercek,\r\n        useAvailableBalance: useAvailableBalance,\r\n        useAvailableCreditBalance: useAvailableCreditBalance,\r\n      },\r\n      false,\r\n      { rawResponse: true }\r\n    ).then((res) => {\r\n      if (res.status == 200) {\r\n        openNotificationWithIconExcel(\"success\");\r\n        window.open(\r\n          `${config.apiUrl}/Consolidated/DownloadExcel?fileName=${\r\n            res.data\r\n          }&t=${RequestHandler.getToken()}`\r\n        );\r\n        hide();\r\n      } else {\r\n        setLoading(false);\r\n        setLoadingTenant(false);\r\n      }\r\n    });\r\n  };\r\n\r\n  const showModalBank = (value) => {\r\n    setCurrencyTenantList([]);\r\n    setBankConsolideTenant([]);\r\n    setAllTotalTenant(0);\r\n    setTotalTenantAccountTenantList([]);\r\n    setTotalWithCurrencyTenant([]);\r\n\r\n    setBankId(value);\r\n    RequestHandler.post(\r\n      `/Consolidated/GetCurrencyListForConsolidate`,\r\n      {\r\n        tenantIdList: tenantIdList,\r\n        bankId: value,\r\n        useAvailableBalance: useAvailableBalance,\r\n        useAvailableCreditBalance: useAvailableCreditBalance,\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      setCurrencyTenantList(response);\r\n    });\r\n\r\n    RequestHandler.post(\r\n      `/Consolidated/GetListForTotalConsolidatedWithTenants`,\r\n      {\r\n        tenantIdList: tenantIdList,\r\n        bankId: value,\r\n        useAvailableBalance: useAvailableBalance,\r\n        useAvailableCreditBalance: useAvailableCreditBalance,\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      let total = 0;\r\n      response.map((item) => {\r\n        let model = {};\r\n        total += item.balance;\r\n        model.tenantName = item.tenantName;\r\n        model.balance = item.balance;\r\n        model.bankName = item.bankName;\r\n        model.tenantList = item.tenantList;\r\n        model.tenantId = item.tenantId;\r\n        bankAndTotalList.push(model);\r\n      });\r\n      let totalString = total.toFixed(2);\r\n      let totalDecimal = parseFloat(totalString);\r\n      setAllTotalTenant(totalDecimal);\r\n      setTotalTenantAccountTenantList(bankAndTotalList);\r\n\r\n      RequestHandler.post(\r\n        `/Consolidated/GetLastTotalsConsalide`,\r\n        {\r\n          tenantIdList: tenantIdList,\r\n          bankId: value,\r\n          useAvailableBalance: useAvailableBalance,\r\n          useAvailableCreditBalance: useAvailableCreditBalance,\r\n        },\r\n        false\r\n      ).then((res) => {\r\n        setTotalWithCurrencyTenant(res);\r\n      });\r\n    });\r\n\r\n    setTimeout(() => {\r\n      setLoadingTenant(false);\r\n    }, 500);\r\n\r\n    setIsModalVisibleBank(!isModalVisibleBank);\r\n  };\r\n\r\n  const handleOkBank = () => {\r\n    setIsModalVisibleBank(!isModalVisibleBank);\r\n    setCurrencyTenantList([]);\r\n    setBankConsolideTenant([]);\r\n    setAllTotalTenant(0);\r\n    setTotalTenantAccountTenantList([]);\r\n    setTotalWithCurrencyTenant([]);\r\n    setLoadingTenant(true);\r\n  };\r\n\r\n  const handleCancelBank = () => {\r\n    setIsModalVisibleBank(!isModalVisibleBank);\r\n    setCurrencyTenantList([]);\r\n    setBankConsolideTenant([]);\r\n    setAllTotalTenant(0);\r\n    setTotalTenantAccountTenantList([]);\r\n    setTotalWithCurrencyTenant([]);\r\n    setLoadingTenant(true);\r\n  };\r\n\r\n  const changeQuery = (query) => {\r\n    if (Screen.screenGercek === 2) {\r\n      RequestHandler.post(\r\n        `/Consolidated/GetListForTotalConsolidated`,\r\n        {\r\n          tenantIdList: query,\r\n          useAvailableBalance: useAvailableBalance,\r\n          useAvailableCreditBalance: useAvailableCreditBalance,\r\n        },\r\n        false\r\n      ).then((response) => {\r\n        let total = 0;\r\n        response\r\n          .sort((a, b) => (a.bankNameEnglish > b.bankNameEnglish ? 1 : -1))\r\n          .map((item) => {\r\n            if (item.bankId !== 999) {\r\n              let model = {};\r\n              total += item.balance;\r\n              model.bankId = item.bankId;\r\n              model.bankLogo = item.bankLogo;\r\n              model.balance = item.balance;\r\n              model.bankName = item.bankName;\r\n              model.tenantList = item.tenantList;\r\n              bankAndTotalList.push(model);\r\n            }\r\n          });\r\n        let totalString = total.toFixed(2);\r\n        let totalDecimal = parseFloat(totalString);\r\n        setAllTotal(totalDecimal);\r\n        setTotalTenantAccountList(bankAndTotalList);\r\n        setLoading(false);\r\n      });\r\n    } else {\r\n      RequestHandler.post(\r\n        `/Consolidated/GetListForTotalConsolidated`,\r\n        {\r\n          tenantIdList: query,\r\n          useAvailableBalance: useAvailableBalance,\r\n          useAvailableCreditBalance: useAvailableCreditBalance,\r\n        },\r\n        false\r\n      ).then((response) => {\r\n        let total = 0;\r\n        response.map((item) => {\r\n          let model = {};\r\n          total += item.balance;\r\n          model.bankId = item.bankId;\r\n          model.bankLogo = item.bankLogo;\r\n          model.balance = item.balance;\r\n          model.bankName = item.bankName;\r\n          model.tenantList = item.tenantList;\r\n          bankAndTotalList.push(model);\r\n        });\r\n        let totalString = total.toFixed(2);\r\n        let totalDecimal = parseFloat(totalString);\r\n        setAllTotal(totalDecimal);\r\n        setTotalTenantAccountList(bankAndTotalList);\r\n        setLoading(false);\r\n      });\r\n    }\r\n\r\n    RequestHandler.post(\r\n      `/Consolidated/GetCurrencyListForConsolidate`,\r\n      {\r\n        tenantIdList: query,\r\n        useAvailableBalance: useAvailableBalance,\r\n        useAvailableCreditBalance: useAvailableCreditBalance,\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      setCurrencyList(response);\r\n      setActiveKey(\"9999\");\r\n\r\n      RequestHandler.post(\r\n        `/Consolidated/GetListForConsolidated`,\r\n        {\r\n          currencyId: response[0]?.currencyId,\r\n          tenantIdList: query,\r\n          useAvailableBalance: useAvailableBalance,\r\n          useAvailableCreditBalance: useAvailableCreditBalance,\r\n        },\r\n        false\r\n      ).then((res) => {\r\n        let currency = \"\";\r\n        let currencyId = 0;\r\n        let currencyLogo = \"\";\r\n        res.map((item) => {\r\n          totalListConsolide += item.balance;\r\n          currency = item.currency;\r\n          currencyId = item.currencyId;\r\n          currencyLogo = item.currencyLogo;\r\n          bankListConsolide.push(item);\r\n        });\r\n        let model = {};\r\n        model.bankLogo = \"TOPLAM\";\r\n        model.balance = parseFloat(totalListConsolide.toFixed(2));\r\n        model.currency = currency;\r\n        model.currencyId = currencyId;\r\n        model.currencyLogo = currencyLogo;\r\n        bankListConsolide.push(model);\r\n        setBankListForTRY(bankListConsolide);\r\n      });\r\n\r\n      RequestHandler.post(\r\n        `/Consolidated/GetConsolidateChart?$apply=groupby((name),aggregate(value with sum as value))`,\r\n        {\r\n          currencyId: response[0]?.currencyId.toString(),\r\n          tenantIdList: query,\r\n          useAvailableBalance: useAvailableBalance,\r\n          useAvailableCreditBalance: useAvailableCreditBalance,\r\n        },\r\n        false,\r\n        { rawResponse: true }\r\n      ).then((res) => {\r\n        const chartValuesTRY = res.data;\r\n        var total = 0;\r\n        var valueTotal = 0;\r\n        var currency = \"\";\r\n        try {\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              if (value.value < 0) {\r\n                value.value = 0;\r\n              }\r\n              total += value.value;\r\n            });\r\n          }\r\n\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              var percents = ((value.value / total) * 100).toFixed(2);\r\n              var percentsFloat = parseFloat(percents);\r\n\r\n              if (percentsFloat < 0) {\r\n                percentsFloat = 0;\r\n              }\r\n              value.value = percentsFloat;\r\n\r\n              if (value.value < 10) {\r\n                valueTotal += value.value;\r\n              } else {\r\n                currency = value.Currency;\r\n                chartTakeValues.push(value);\r\n              }\r\n            });\r\n          }\r\n          if (valueTotal != 0) {\r\n            var model = {};\r\n            model.Currency = res.data.code;\r\n            model.name = \"DİĞER\";\r\n            model.value = valueTotal;\r\n            chartTakeValues.push(model);\r\n          }\r\n          setChartTakeValuesState(chartTakeValues);\r\n        } catch (error) {\r\n          if (error.response.status === 403 || error.response.status === 401) {\r\n            history.push(\"/not-authorized-access\");\r\n          }\r\n        }\r\n      });\r\n    });\r\n    setTenantIdList(query);\r\n  };\r\n\r\n  const columnsExchangeRate = [\r\n    {\r\n      dataIndex: \"currencyName\",\r\n    },\r\n    {\r\n      dataIndex: \"currencyCode\",\r\n    },\r\n    {\r\n      title: \"Alış\",\r\n      align: \"center\",\r\n      dataIndex: \"buyingLiveValue\",\r\n      render: (record, text) => {\r\n        return `${record === null ? \"-\" : record}`;\r\n      },\r\n    },\r\n    {\r\n      title: \"Satış\",\r\n      align: \"center\",\r\n      dataIndex: \"value\",\r\n      render: (record, text) => {\r\n        return `${record === null ? \"-\" : record}`;\r\n      },\r\n    },\r\n  ];\r\n\r\n  const columns = [\r\n    {\r\n      title: \"Banka\",\r\n      dataIndex: \"bankLogo\",\r\n      render: (text, row, index) => {\r\n        return (\r\n          <div style={{ width: 100 }}>\r\n            <img src={row.bankLogo}></img>\r\n          </div>\r\n        );\r\n      },\r\n    },\r\n    {\r\n      title: \"Bakiye\",\r\n      dataIndex: \"balance\",\r\n      align: \"right\",\r\n      render: (text, row, index) => {\r\n        if (text.toString().includes(\".\") === true) {\r\n          return (\r\n            <div>\r\n              {text === null ? (\r\n                text\r\n              ) : (\r\n                <CurrencyFormat\r\n                  value={\r\n                    isDigitConsolidate\r\n                      ? row.balance\r\n                      : row.balance.toString().split(\".\")[0]\r\n                  }\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                  prefix={row.currencyLogo}\r\n                />\r\n              )}{\" \"}\r\n            </div>\r\n          );\r\n        } else {\r\n          return (\r\n            <div>\r\n              {text === null ? (\r\n                text\r\n              ) : (\r\n                <CurrencyFormat\r\n                  value={\r\n                    isDigitConsolidate\r\n                      ? row.balance\r\n                      : row.balance.toString().split(\".\")[0]\r\n                  }\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                  prefix={row.currencyLogo}\r\n                />\r\n              )}\r\n              {isDigitConsolidate ? \",00\" : \"\"}{\" \"}\r\n            </div>\r\n          );\r\n        }\r\n      },\r\n    },\r\n  ];\r\n\r\n  const titles = [];\r\n  titles.push(\"Banka\");\r\n  currencyList.map((item) => {\r\n    titles.push(item.currency);\r\n  });\r\n  const titlesTenant = [];\r\n  titlesTenant.push(\"Şirket\");\r\n  currencyTenantList.map((item) => {\r\n    titlesTenant.push(item.currency);\r\n  });\r\n\r\n  const columnsExpanded = [\r\n    {\r\n      title: \"Şirket\",\r\n      dataIndex: \"tenantName\",\r\n      align: \"center\",\r\n      width: \"20%\",\r\n    },\r\n    {\r\n      title: \"Tutar\",\r\n      dataIndex: \"balance\",\r\n      align: \"center\",\r\n      render: (text, row, index) => {\r\n        if (text.toString().includes(\".\") === true) {\r\n          return (\r\n            <div>\r\n              {text === null ? (\r\n                text\r\n              ) : (\r\n                <CurrencyFormat\r\n                  value={\r\n                    isDigitConsolidate\r\n                      ? row.balance\r\n                      : row.balance.toString().split(\".\")[0]\r\n                  }\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                  prefix={row.currencyLogo}\r\n                />\r\n              )}{\" \"}\r\n            </div>\r\n          );\r\n        } else {\r\n          return (\r\n            <div>\r\n              {text === null ? (\r\n                text\r\n              ) : (\r\n                <CurrencyFormat\r\n                  value={\r\n                    isDigitConsolidate\r\n                      ? row.balance\r\n                      : row.balance.toString().split(\".\")[0]\r\n                  }\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                  prefix={row.currencyLogo}\r\n                />\r\n              )}\r\n              {isDigitConsolidate ? \",00\" : \"\"}{\" \"}\r\n            </div>\r\n          );\r\n        }\r\n      },\r\n    },\r\n  ];\r\n\r\n  // const columnsTenant = [\r\n  //   {\r\n  //     title: \"Şirket\",\r\n  //     dataIndex: \"tenantName\",\r\n  //     align: \"center\",\r\n  //     width: \"20%\",\r\n  //   },\r\n  //   {\r\n  //     title: \"Tutar\",\r\n  //     dataIndex: \"balance\",\r\n  //     align: \"right\",\r\n  //     render: (text, row, index) => {\r\n  //       if (text.toString().includes(\".\") === true) {\r\n  //         return (\r\n  //           <div>\r\n  //             {text === null ? (\r\n  //               text\r\n  //             ) : (\r\n  //               <CurrencyFormat\r\n  //                 value={row.balance}\r\n  //                 displayType={\"text\"}\r\n  //                 decimalSeparator={\",\"}\r\n  //                 thousandSeparator={\".\"}\r\n  //                 prefix={row.currencyLogo}\r\n  //               />\r\n  //             )}{\" \"}\r\n  //             ₺{\" \"}\r\n  //           </div>\r\n  //         );\r\n  //       } else {\r\n  //         return (\r\n  //           <div>\r\n  //             {text === null ? (\r\n  //               text\r\n  //             ) : (\r\n  //               <CurrencyFormat\r\n  //                 value={row.balance}\r\n  //                 displayType={\"text\"}\r\n  //                 decimalSeparator={\",\"}\r\n  //                 thousandSeparator={\".\"}\r\n  //                 prefix={row.currencyLogo}\r\n  //               />\r\n  //             )}\r\n  //             {isDigitConsolidate ? \",00 ₺\" : \" ₺\"}{\" \"}\r\n  //           </div>\r\n  //         );\r\n  //       }\r\n  //     },\r\n  //   },\r\n  // ];\r\n\r\n  const ContactSideBar = (value, e) => {\r\n    var totalCurrencyValue = 0;\r\n    var currency = \"\";\r\n    bankListForTRY.map((item) => {\r\n      if (item.bankLogo === \"TOPLAM\") {\r\n        totalCurrencyValue = item.balance;\r\n        currency = item.currencyLogo;\r\n      }\r\n    });\r\n    return (\r\n      <Row>\r\n        {isTabletOrMobile === false && (\r\n          <>\r\n            <Col span={12} style={{ paddingLeft: 19 }}>\r\n              <Table\r\n                locale={{\r\n                  emptyText: (\r\n                    <Empty\r\n                      image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                      description=\"Veri Yok\"\r\n                    />\r\n                  ),\r\n                }}\r\n                style={{ overflowX: \"auto\", maxHeight: \"100%\" }}\r\n                columns={columns}\r\n                size=\"small\"\r\n                dataSource={\r\n                  Screen.screenGercek === 2\r\n                    ? bankListForTRY.filter(\r\n                        (x) =>\r\n                          x.currency == value &&\r\n                          x.bankId !== 999 &&\r\n                          x.bankLogo !== \"TOPLAM\"\r\n                      )\r\n                    : bankListForTRY.filter(\r\n                        (x) => x.currency == value && x.bankLogo !== \"TOPLAM\"\r\n                      )\r\n                }\r\n                rowKey=\"bankId\"\r\n                expandable={{\r\n                  expandedRowRender: (record) => {\r\n                    if (record.bankLogo !== \"TOPLAM\") {\r\n                      return (\r\n                        <Table\r\n                          locale={{\r\n                            emptyText: (\r\n                              <Empty\r\n                                image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                                description=\"Veri Yok\"\r\n                              />\r\n                            ),\r\n                          }}\r\n                          columns={columnsExpanded}\r\n                          size=\"small\"\r\n                          pagination={false}\r\n                          dataSource={record.tenantList}\r\n                          rowKey=\"bankId\"\r\n                        />\r\n                      );\r\n                    } else {\r\n                      return (\r\n                        <Table\r\n                          locale={{\r\n                            emptyText: (\r\n                              <Empty\r\n                                image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                                description=\"Veri Yok\"\r\n                              />\r\n                            ),\r\n                          }}\r\n                          columns={columns}\r\n                          size=\"small\"\r\n                          pagination={false}\r\n                          dataSource={bankListForTRY.filter(\r\n                            (x) =>\r\n                              x.currency == value && x.bankLogo !== \"TOPLAM\"\r\n                          )}\r\n                          rowKey=\"bankId\"\r\n                        />\r\n                      );\r\n                    }\r\n                  },\r\n                }}\r\n                bordered\r\n                pagination={{\r\n                  defaultPageSize: 40,\r\n                }}\r\n                title={() => \"BANKA LİSTESİ\"}\r\n                footer={() => (\r\n                  <div>\r\n                    <div>\r\n                      Toplam :{\" \"}\r\n                      <CurrencyFormat\r\n                        value={\r\n                          isDigitConsolidate\r\n                            ? totalCurrencyValue\r\n                            : totalCurrencyValue.toString().split(\".\")[0]\r\n                        }\r\n                        displayType={\"text\"}\r\n                        decimalSeparator={\",\"}\r\n                        thousandSeparator={\".\"}\r\n                        prefix={currency}\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                )}\r\n              />\r\n            </Col>\r\n            <Col span={12}>\r\n              <PieChart width={500} height={500}>\r\n                <Pie\r\n                  outerRadius={150}\r\n                  data={chartTakeValuesState}\r\n                  fill=\"#8884d8\"\r\n                  label={renderCustomizedLabelTRY}\r\n                >\r\n                  {chartTakeValuesState.map((entry, index) => (\r\n                    <Cell\r\n                      key={`cell-${index}`}\r\n                      fill={COLORS[index % COLORS.length]}\r\n                    />\r\n                  ))}\r\n                </Pie>\r\n                <Tooltip content={CustomToolTip} />\r\n              </PieChart>\r\n              {chartTakeValuesState.map((entry, index) => (\r\n                <div key={`cell-${index}`}>\r\n                  <a style={{ color: COLORS[index % COLORS.length] }}>\r\n                    <CaretRightFilled />\r\n                  </a>\r\n                  {entry.name}\r\n                </div>\r\n              ))}\r\n            </Col>\r\n          </>\r\n        )}\r\n        {isTabletOrMobile && (\r\n          <>\r\n            <Col span={24}>\r\n              <Table\r\n                locale={{\r\n                  emptyText: (\r\n                    <Empty\r\n                      image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                      description=\"Veri Yok\"\r\n                    />\r\n                  ),\r\n                }}\r\n                style={{ overflowX: \"auto\", maxHeight: \"100%\" }}\r\n                columns={columns}\r\n                size=\"small\"\r\n                pagination={{\r\n                  defaultPageSize: 40,\r\n                }}\r\n                dataSource={bankListForTRY.filter(\r\n                  (x) => x.currency == value && x.bankLogo !== \"TOPLAM\"\r\n                )}\r\n                rowKey=\"bankId\"\r\n                expandable={{\r\n                  expandedRowRender: (record) => {\r\n                    if (record.bankLogo !== \"TOPLAM\") {\r\n                      return (\r\n                        <Table\r\n                          locale={{\r\n                            emptyText: (\r\n                              <Empty\r\n                                image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                                description=\"Veri Yok\"\r\n                              />\r\n                            ),\r\n                          }}\r\n                          columns={columnsExpanded}\r\n                          size=\"small\"\r\n                          pagination={false}\r\n                          dataSource={record.tenantList}\r\n                          rowKey=\"bankId\"\r\n                        />\r\n                      );\r\n                    } else {\r\n                      return (\r\n                        <Table\r\n                          locale={{\r\n                            emptyText: (\r\n                              <Empty\r\n                                image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                                description=\"Veri Yok\"\r\n                              />\r\n                            ),\r\n                          }}\r\n                          columns={columns}\r\n                          size=\"small\"\r\n                          pagination={false}\r\n                          dataSource={bankListForTRY.filter(\r\n                            (x) =>\r\n                              x.currency == value && x.bankLogo !== \"TOPLAM\"\r\n                          )}\r\n                          rowKey=\"bankId\"\r\n                        />\r\n                      );\r\n                    }\r\n                  },\r\n                }}\r\n                bordered\r\n                title={() => \"BANKA LİSTESİ\"}\r\n                footer={() => (\r\n                  <div>\r\n                    <div>\r\n                      Toplam :{\" \"}\r\n                      <CurrencyFormat\r\n                        value={\r\n                          isDigitConsolidate\r\n                            ? totalCurrencyValue\r\n                            : totalCurrencyValue.toString().split(\".\")[0]\r\n                        }\r\n                        displayType={\"text\"}\r\n                        decimalSeparator={\",\"}\r\n                        thousandSeparator={\".\"}\r\n                        prefix={currency}\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                )}\r\n              />\r\n            </Col>\r\n            <Col span={24}>\r\n              <PieChart\r\n                width={isChartWidth === true ? 500 : 300}\r\n                height={isChartWidth === true ? 500 : 300}\r\n              >\r\n                <Pie\r\n                  outerRadius={isChartWidth === true ? 150 : 80}\r\n                  data={chartTakeValuesState}\r\n                  fill=\"#8884d8\"\r\n                  label={renderCustomizedLabelTRY}\r\n                >\r\n                  {chartTakeValuesState.map((entry, index) => (\r\n                    <Cell\r\n                      key={`cell-${index}`}\r\n                      fill={COLORS[index % COLORS.length]}\r\n                    />\r\n                  ))}\r\n                </Pie>\r\n                <Tooltip content={CustomToolTip} />\r\n              </PieChart>\r\n              {chartTakeValuesState.map((entry, index) => (\r\n                <div key={`cell-${index}`}>\r\n                  <a style={{ color: COLORS[index % COLORS.length] }}>\r\n                    <CaretRightFilled />\r\n                  </a>\r\n                  {entry.name}\r\n                </div>\r\n              ))}\r\n            </Col>\r\n          </>\r\n        )}\r\n      </Row>\r\n    );\r\n  };\r\n\r\n  function onChange(value) {\r\n    setFirstName(value);\r\n\r\n    RequestHandler.get(`/Group/GetTenantGroup/${value}`).then((response) => {\r\n      var query = \"&$filter=\";\r\n      var tenantIdList = [];\r\n      for (let index = 0; index < response.length; index++) {\r\n        tenantIdList.push(response[index].tenantId);\r\n        if (index == response.length - 1) {\r\n          query += ` TenantId eq ${response[index].tenantId} `;\r\n        } else {\r\n          query += ` TenantId eq ${response[index].tenantId} or `;\r\n        }\r\n      }\r\n\r\n      var chartTakeValues = [];\r\n      RequestHandler.post(\r\n        `/Consolidated/GetListForTotalConsolidated`,\r\n        {\r\n          tenantIdList: tenantIdList,\r\n          useAvailableBalance: useAvailableBalance,\r\n          useAvailableCreditBalance: useAvailableCreditBalance,\r\n        },\r\n        false\r\n      ).then((res) => {\r\n        var chartValuesTRY = [];\r\n        res.map((item) => {\r\n          var model = {};\r\n          model.name = item.bankName;\r\n          model.value = item.balance;\r\n          chartValuesTRY.push(model);\r\n        });\r\n        var total = 0;\r\n        var valueTotal = 0;\r\n        var currency = \"\";\r\n        try {\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              if (value.value < 0) {\r\n                value.value = 0;\r\n              }\r\n              total += value.value;\r\n            });\r\n          }\r\n\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              var percents = ((value.value / total) * 100).toFixed(2);\r\n              var percentsFloat = parseFloat(percents);\r\n\r\n              if (percentsFloat < 0) {\r\n                percentsFloat = 0;\r\n              }\r\n              value.value = percentsFloat;\r\n\r\n              if (value.value < 10) {\r\n                valueTotal += value.value;\r\n              } else {\r\n                currency = value.Currency;\r\n                chartTakeValues.push(value);\r\n              }\r\n            });\r\n          }\r\n          if (valueTotal != 0) {\r\n            var model = {};\r\n            model.name = \"DİĞER\";\r\n            model.value = valueTotal;\r\n            chartTakeValues.push(model);\r\n          }\r\n          setChartTakeValuesStateTotal(chartTakeValues);\r\n        } catch (error) {}\r\n      });\r\n\r\n      changeQuery(tenantIdList);\r\n\r\n      RequestHandler.post(\r\n        `/Consolidated/GetLastTotalsConsalide`,\r\n        {\r\n          tenantIdList: tenantIdList,\r\n          useAvailableBalance: useAvailableBalance,\r\n          useAvailableCreditBalance: useAvailableCreditBalance,\r\n        },\r\n        false\r\n      ).then((res) => {\r\n        setTotalWithCurrency(res);\r\n      });\r\n    });\r\n  }\r\n\r\n  function onChangeTenantSwift(checked) {\r\n    setSwitchTenant(checked);\r\n  }\r\n\r\n  const handleChange = (activeKeys) => {\r\n    setActiveKey(activeKeys);\r\n\r\n    RequestHandler.post(\r\n      `/Consolidated/GetListForTotalConsolidated`,\r\n      {\r\n        tenantIdList: tenantIdList,\r\n        useAvailableBalance: useAvailableBalance,\r\n        useAvailableCreditBalance: useAvailableCreditBalance,\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      response.map((item) => {\r\n        totalListConsolideTotal += item.balance;\r\n        bankListConsolideTotal.push(item);\r\n      });\r\n      var model = {};\r\n      model.bankLogo = \"TOPLAM\";\r\n      model.balance = parseFloat(totalListConsolideTotal.toFixed(2));\r\n      bankListConsolideTotal.push(model);\r\n      setBankListForTotal(bankListConsolideTotal);\r\n    });\r\n\r\n    if (activeKeys === \"9999\") {\r\n      RequestHandler.post(\r\n        `/Consolidated/GetListForTotalConsolidated`,\r\n        {\r\n          tenantIdList: tenantIdList,\r\n          useAvailableBalance: useAvailableBalance,\r\n          useAvailableCreditBalance: useAvailableCreditBalance,\r\n        },\r\n        false\r\n      ).then((response) => {\r\n        var chartValuesTRY = [];\r\n        response.map((item) => {\r\n          var model = {};\r\n          model.name = item.bankName;\r\n          model.value = item.balance;\r\n          chartValuesTRY.push(model);\r\n        });\r\n        var total = 0;\r\n        var valueTotal = 0;\r\n        var currency = \"\";\r\n        try {\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              if (value.value < 0) {\r\n                value.value = 0;\r\n              }\r\n              total += value.value;\r\n            });\r\n          }\r\n\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              var percents = ((value.value / total) * 100).toFixed(2);\r\n              var percentsFloat = parseFloat(percents);\r\n\r\n              if (percentsFloat < 0) {\r\n                percentsFloat = 0;\r\n              }\r\n              value.value = percentsFloat;\r\n\r\n              if (value.value < 10) {\r\n                valueTotal += value.value;\r\n              } else {\r\n                currency = value.Currency;\r\n                chartTakeValues.push(value);\r\n              }\r\n            });\r\n          }\r\n          if (valueTotal != 0) {\r\n            var model = {};\r\n            model.name = \"DİĞER\";\r\n            model.value = valueTotal;\r\n            chartTakeValues.push(model);\r\n          }\r\n          setChartTakeValuesStateTotal(chartTakeValues);\r\n        } catch (error) {}\r\n      });\r\n    } else {\r\n      RequestHandler.post(\r\n        `/Consolidated/GetConsolidateChart?$apply=groupby((name),aggregate(value with sum as value))`,\r\n        {\r\n          currencyId: activeKeys,\r\n          tenantIdList: tenantIdList,\r\n          useAvailableBalance: useAvailableBalance,\r\n          useAvailableCreditBalance: useAvailableCreditBalance,\r\n        },\r\n        false,\r\n        { rawResponse: true }\r\n      ).then((res) => {\r\n        const chartValuesTRY = res.data;\r\n        var total = 0;\r\n        var valueTotal = 0;\r\n        var currency = \"\";\r\n        try {\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              if (value.value < 0) {\r\n                value.value = 0;\r\n              }\r\n              total += value.value;\r\n            });\r\n          }\r\n\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              var percents = ((value.value / total) * 100).toFixed(2);\r\n              var percentsFloat = parseFloat(percents);\r\n\r\n              if (percentsFloat < 0) {\r\n                percentsFloat = 0;\r\n              }\r\n              value.value = percentsFloat;\r\n\r\n              if (value.value < 10) {\r\n                valueTotal += value.value;\r\n              } else {\r\n                currency = value.Currency;\r\n                chartTakeValues.push(value);\r\n              }\r\n            });\r\n          }\r\n          if (valueTotal != 0) {\r\n            var model = {};\r\n            model.Currency = res.data.code;\r\n            model.name = \"DİĞER\";\r\n            model.value = valueTotal;\r\n            chartTakeValues.push(model);\r\n          }\r\n          setChartTakeValuesState(chartTakeValues);\r\n        } catch (error) {}\r\n      });\r\n    }\r\n\r\n    RequestHandler.post(\r\n      `/Consolidated/GetListForConsolidated`,\r\n      {\r\n        currencyId: activeKeys,\r\n        tenantIdList: tenantIdList,\r\n        useAvailableBalance: useAvailableBalance,\r\n        useAvailableCreditBalance: useAvailableCreditBalance,\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      let currency = \"\";\r\n      let currencyId = 0;\r\n      let currencyLogo = \"\";\r\n      response.map((item) => {\r\n        totalListConsolide += item.balance;\r\n        currency = item.currency;\r\n        currencyId = item.currencyId;\r\n        currencyLogo = item.currencyLogo;\r\n        bankListConsolide.push(item);\r\n      });\r\n      var model = {};\r\n      model.bankLogo = \"TOPLAM\";\r\n      model.balance = parseFloat(totalListConsolide.toFixed(2));\r\n      model.currency = currency;\r\n      model.currencyId = currencyId;\r\n      model.currencyLogo = currencyLogo;\r\n      bankListConsolide.push(model);\r\n      setBankListForTRY(bankListConsolide);\r\n    });\r\n  };\r\n\r\n  const { TabPane } = Tabs;\r\n  var totalValue = 0;\r\n  var currency = \"\";\r\n  bankListForTotal.map((item) => {\r\n    if (item.bankLogo === \"TOPLAM\") {\r\n      totalValue = item.balance;\r\n      currency = \"₺\";\r\n    }\r\n  });\r\n\r\n  function onChangeBalanceDropDown(value) {\r\n    if (value === \"Kullanılabilir Bakiye\") {\r\n      setUseAvailableBalance(true);\r\n      setUseAvailableCreditBalance(false);\r\n    } else if (value === \"Kredili Kullanılabilir Bakiye\") {\r\n      setUseAvailableBalance(false);\r\n      setUseAvailableCreditBalance(true);\r\n    } else {\r\n      setUseAvailableBalance(false);\r\n      setUseAvailableCreditBalance(false);\r\n    }\r\n  }\r\n  return (\r\n    <div>\r\n      {isDesktopOrLaptop ? (\r\n        <Modal\r\n          visible={isModalVisibleBank}\r\n          width={\r\n            titlesTenant.length > 5\r\n              ? 1000\r\n              : titlesTenant.length == 5\r\n              ? 700\r\n              : 500\r\n          }\r\n          onOk={handleOkBank}\r\n          onCancel={handleCancelBank}\r\n          footer={null}\r\n        >\r\n          <Spin spinning={loadingTenant}>\r\n            <table\r\n              class=\"table\"\r\n              style={{ marginTop: 50, marginBottom: 50, overflowX: \"auto\" }}\r\n            >\r\n              <tr>\r\n                {titlesTenant.map((item) => {\r\n                  return <th style={{ paddingBottom: 10 }}>{item}</th>;\r\n                })}\r\n                <td>\r\n                  <strong>TOPLAM</strong>{\" \"}\r\n                </td>\r\n              </tr>\r\n              {totalTenantAccountTenantList.map((item) => {\r\n                return (\r\n                  <tr>\r\n                    <td\r\n                      style={{\r\n                        paddingBottom: 13,\r\n                        paddingRight: 15,\r\n                        width: 120,\r\n                      }}\r\n                    >\r\n                      <strong>{item.tenantName}</strong>\r\n                    </td>\r\n                    {item.tenantList.map((item) => {\r\n                      return (\r\n                        <td\r\n                          style={{ paddingBottom: 13, width: 129 }}\r\n                          class=\"text-center\"\r\n                        >\r\n                          {item.balance.toString().includes(\".\") ? (\r\n                            <div style={{ whiteSpace: \"nowrap\" }}>\r\n                              <CurrencyFormat\r\n                                value={\r\n                                  isDigitConsolidate\r\n                                    ? item.balance\r\n                                    : item.balance.toString().split(\".\")[0]\r\n                                }\r\n                                displayType={\"text\"}\r\n                                decimalSeparator={\",\"}\r\n                                thousandSeparator={\".\"}\r\n                                prefix={item.currencyLogo}\r\n                              />\r\n                            </div>\r\n                          ) : (\r\n                            <div style={{ whiteSpace: \"nowrap\" }}>\r\n                              <CurrencyFormat\r\n                                value={\r\n                                  isDigitConsolidate\r\n                                    ? item.balance\r\n                                    : item.balance.toString().split(\".\")[0]\r\n                                }\r\n                                displayType={\"text\"}\r\n                                decimalSeparator={\",\"}\r\n                                thousandSeparator={\".\"}\r\n                                prefix={item.currencyLogo}\r\n                              />{\" \"}\r\n                              {isDigitConsolidate ? \",00\" : \"\"}\r\n                            </div>\r\n                          )}\r\n                        </td>\r\n                      );\r\n                    })}\r\n                    <td style={{ paddingBottom: 13, width: 129 }}>\r\n                      {item.balance.toString().includes(\".\") ? (\r\n                        <div style={{ whiteSpace: \"nowrap\" }}>\r\n                          <CurrencyFormat\r\n                            value={\r\n                              isDigitConsolidate\r\n                                ? item.balance\r\n                                : item.balance.toString().split(\".\")[0]\r\n                            }\r\n                            displayType={\"text\"}\r\n                            decimalSeparator={\",\"}\r\n                            thousandSeparator={\".\"}\r\n                            prefix={\"₺\"}\r\n                          />{\" \"}\r\n                        </div>\r\n                      ) : (\r\n                        <div style={{ whiteSpace: \"nowrap\" }}>\r\n                          <CurrencyFormat\r\n                            value={\r\n                              isDigitConsolidate\r\n                                ? item.balance\r\n                                : item.balance.toString().split(\".\")[0]\r\n                            }\r\n                            displayType={\"text\"}\r\n                            decimalSeparator={\",\"}\r\n                            thousandSeparator={\".\"}\r\n                            prefix={\"₺\"}\r\n                          />{\" \"}\r\n                          {isDigitConsolidate ? \",00\" : \"\"}\r\n                        </div>\r\n                      )}\r\n                    </td>\r\n                  </tr>\r\n                );\r\n              })}\r\n\r\n              <tr>\r\n                <td>\r\n                  <strong>TOPLAM</strong>\r\n                </td>\r\n                {totalWithCurrencyTenant.map((item) => {\r\n                  return (\r\n                    <td>\r\n                      <td class=\"text-center\">\r\n                        {item.balance.toString().includes(\".\") ? (\r\n                          <div>\r\n                            <CurrencyFormat\r\n                              value={\r\n                                isDigitConsolidate\r\n                                  ? item.balance\r\n                                  : item.balance.toString().split(\".\")[0]\r\n                              }\r\n                              displayType={\"text\"}\r\n                              decimalSeparator={\",\"}\r\n                              thousandSeparator={\".\"}\r\n                              prefix={item.currencyLogo}\r\n                            />{\" \"}\r\n                          </div>\r\n                        ) : (\r\n                          <div>\r\n                            <CurrencyFormat\r\n                              value={\r\n                                isDigitConsolidate\r\n                                  ? item.balance\r\n                                  : item.balance.toString().split(\".\")[0]\r\n                              }\r\n                              displayType={\"text\"}\r\n                              decimalSeparator={\",\"}\r\n                              thousandSeparator={\".\"}\r\n                              prefix={item.currencyLogo}\r\n                            />{\" \"}\r\n                            {isDigitConsolidate ? \",00\" : \"\"}\r\n                          </div>\r\n                        )}\r\n                      </td>\r\n                    </td>\r\n                  );\r\n                })}\r\n                <td style={{ paddingBottom: 13 }}>\r\n                  {allTotalTenant.toString().includes(\".\") ? (\r\n                    <div>\r\n                      <CurrencyFormat\r\n                        value={\r\n                          isDigitConsolidate\r\n                            ? allTotalTenant\r\n                            : allTotalTenant.toString().split(\".\")[0]\r\n                        }\r\n                        displayType={\"text\"}\r\n                        decimalSeparator={\",\"}\r\n                        thousandSeparator={\".\"}\r\n                        prefix={\"₺\"}\r\n                      />{\" \"}\r\n                    </div>\r\n                  ) : (\r\n                    <div>\r\n                      <CurrencyFormat\r\n                        value={\r\n                          isDigitConsolidate\r\n                            ? allTotalTenant\r\n                            : allTotalTenant.toString().split(\".\")[0]\r\n                        }\r\n                        displayType={\"text\"}\r\n                        decimalSeparator={\",\"}\r\n                        thousandSeparator={\".\"}\r\n                        prefix={\"₺\"}\r\n                      />{\" \"}\r\n                      {isDigitConsolidate ? \",00\" : \"\"}\r\n                    </div>\r\n                  )}\r\n                </td>\r\n              </tr>\r\n            </table>\r\n          </Spin>\r\n        </Modal>\r\n      ) : (\r\n        <Modal\r\n          visible={isModalVisibleBank}\r\n          onOk={handleOkBank}\r\n          onCancel={handleCancelBank}\r\n          footer={null}\r\n        >\r\n          <Spin spinning={loadingTenant}>\r\n            <Col style={{ overflowX: \"auto\" }}>\r\n              <table\r\n                class=\"table\"\r\n                style={{\r\n                  backgroundColor: \"white\",\r\n                  marginTop: 20,\r\n                  marginBottom: 50,\r\n                  overflowX: \"auto\",\r\n                }}\r\n              >\r\n                <tr>\r\n                  {titlesTenant.map((item) => {\r\n                    return <th style={{ paddingBottom: 10 }}>{item}</th>;\r\n                  })}\r\n                  <td>\r\n                    <strong>TOPLAM</strong>{\" \"}\r\n                  </td>\r\n                </tr>\r\n                {totalTenantAccountTenantList.map((item) => {\r\n                  return (\r\n                    <tr>\r\n                      <td\r\n                        style={{\r\n                          paddingBottom: 13,\r\n                          paddingRight: 15,\r\n                          width: 150,\r\n                        }}\r\n                      >\r\n                        <strong>{item.tenantName}</strong>\r\n                      </td>\r\n                      {item.tenantList.map((item) => {\r\n                        return (\r\n                          <td\r\n                            style={{ paddingBottom: 13, width: 150 }}\r\n                            class=\"text-center\"\r\n                          >\r\n                            {item.balance.toString().includes(\".\") ? (\r\n                              <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                <CurrencyFormat\r\n                                  value={\r\n                                    isDigitConsolidate\r\n                                      ? item.balance\r\n                                      : item.balance.toString().split(\".\")[0]\r\n                                  }\r\n                                  displayType={\"text\"}\r\n                                  decimalSeparator={\",\"}\r\n                                  thousandSeparator={\".\"}\r\n                                  prefix={item.currencyLogo}\r\n                                />\r\n                              </div>\r\n                            ) : (\r\n                              <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                <CurrencyFormat\r\n                                  value={\r\n                                    isDigitConsolidate\r\n                                      ? item.balance\r\n                                      : item.balance.toString().split(\".\")[0]\r\n                                  }\r\n                                  displayType={\"text\"}\r\n                                  decimalSeparator={\",\"}\r\n                                  thousandSeparator={\".\"}\r\n                                  prefix={item.currencyLogo}\r\n                                />\r\n                                {isDigitConsolidate ? \",00\" : \"\"}\r\n                              </div>\r\n                            )}\r\n                          </td>\r\n                        );\r\n                      })}\r\n                      <td style={{ paddingBottom: 13, width: 150 }}>\r\n                        {item.balance.toString().includes(\".\") ? (\r\n                          <div style={{ whiteSpace: \"nowrap\" }}>\r\n                            <CurrencyFormat\r\n                              value={\r\n                                isDigitConsolidate\r\n                                  ? item.balance\r\n                                  : item.balance.toString().split(\".\")[0]\r\n                              }\r\n                              displayType={\"text\"}\r\n                              decimalSeparator={\",\"}\r\n                              thousandSeparator={\".\"}\r\n                              prefix={\"₺\"}\r\n                            />{\" \"}\r\n                          </div>\r\n                        ) : (\r\n                          <div style={{ whiteSpace: \"nowrap\" }}>\r\n                            <CurrencyFormat\r\n                              value={\r\n                                isDigitConsolidate\r\n                                  ? item.balance\r\n                                  : item.balance.toString().split(\".\")[0]\r\n                              }\r\n                              displayType={\"text\"}\r\n                              decimalSeparator={\",\"}\r\n                              thousandSeparator={\".\"}\r\n                              prefix={\"₺\"}\r\n                            />{\" \"}\r\n                            {isDigitConsolidate ? \",00\" : \"\"}\r\n                          </div>\r\n                        )}\r\n                      </td>\r\n                    </tr>\r\n                  );\r\n                })}\r\n\r\n                <tr>\r\n                  <td>\r\n                    <strong>TOPLAM</strong>\r\n                  </td>\r\n                  {totalWithCurrencyTenant.map((item) => {\r\n                    return (\r\n                      <td>\r\n                        <td class=\"text-center\">\r\n                          {item.balance.toString().includes(\".\") ? (\r\n                            <div style={{ whiteSpace: \"nowrap\" }}>\r\n                              <CurrencyFormat\r\n                                value={\r\n                                  isDigitConsolidate\r\n                                    ? item.balance\r\n                                    : item.balance.toString().split(\".\")[0]\r\n                                }\r\n                                displayType={\"text\"}\r\n                                decimalSeparator={\",\"}\r\n                                thousandSeparator={\".\"}\r\n                                prefix={item.currencyLogo}\r\n                              />{\" \"}\r\n                            </div>\r\n                          ) : (\r\n                            <div style={{ whiteSpace: \"nowrap\" }}>\r\n                              <CurrencyFormat\r\n                                value={\r\n                                  isDigitConsolidate\r\n                                    ? item.balance\r\n                                    : item.balance.toString().split(\".\")[0]\r\n                                }\r\n                                displayType={\"text\"}\r\n                                decimalSeparator={\",\"}\r\n                                thousandSeparator={\".\"}\r\n                                prefix={item.currencyLogo}\r\n                              />{\" \"}\r\n                              {isDigitConsolidate ? \",00\" : \"\"}\r\n                            </div>\r\n                          )}\r\n                        </td>\r\n                      </td>\r\n                    );\r\n                  })}\r\n                  <td>\r\n                    {allTotalTenant.toString().includes(\".\") ? (\r\n                      <div style={{ whiteSpace: \"nowrap\" }}>\r\n                        <CurrencyFormat\r\n                          value={\r\n                            isDigitConsolidate\r\n                              ? allTotalTenant\r\n                              : allTotalTenant.toString().split(\".\")[0]\r\n                          }\r\n                          displayType={\"text\"}\r\n                          decimalSeparator={\",\"}\r\n                          thousandSeparator={\".\"}\r\n                          prefix={\"₺\"}\r\n                        />{\" \"}\r\n                      </div>\r\n                    ) : (\r\n                      <div style={{ whiteSpace: \"nowrap\" }}>\r\n                        <CurrencyFormat\r\n                          value={\r\n                            isDigitConsolidate\r\n                              ? allTotalTenant\r\n                              : allTotalTenant.toString().split(\".\")[0]\r\n                          }\r\n                          displayType={\"text\"}\r\n                          decimalSeparator={\",\"}\r\n                          thousandSeparator={\".\"}\r\n                          prefix={\"₺\"}\r\n                        />{\" \"}\r\n                        {isDigitConsolidate ? \",00\" : \"\"}\r\n                      </div>\r\n                    )}\r\n                  </td>\r\n                </tr>\r\n              </table>\r\n            </Col>\r\n          </Spin>\r\n        </Modal>\r\n      )}\r\n      <Spin spinning={loading}>\r\n        {isDesktopOrLaptop ? (\r\n          <Row>\r\n            <Col span={10}></Col>\r\n            <Col span={12}>\r\n              Banka Görünüm{\" \"}\r\n              <Switch\r\n                style={{ color: \"white\", backgroundColor: \"#086880\" }}\r\n                onChange={onChangeTenantSwift}\r\n              />{\" \"}\r\n              Şirket Görünüm\r\n            </Col>\r\n            <Col span={2}></Col>\r\n          </Row>\r\n        ) : (\r\n          <Row>\r\n            <Col span={24}>\r\n              <p style={{ fontSize: \"120%\" }}>\r\n                <BarsOutlined /> KONSOLİDE\r\n              </p>\r\n            </Col>\r\n            <Col span={24} style={{ marginBottom: 10 }}>\r\n              Banka Görünüm{\" \"}\r\n              <Switch\r\n                style={{ color: \"white\", backgroundColor: \"#086880\" }}\r\n                onChange={onChangeTenantSwift}\r\n              />{\" \"}\r\n              Şirket Görünüm\r\n            </Col>\r\n          </Row>\r\n        )}\r\n        {switchTenant ? (\r\n          <ConsolidatedTenant tenantIdList={tenantIdList} />\r\n        ) : (\r\n          <div>\r\n            {isDesktopOrLaptop ? (\r\n              <Row>\r\n                <Col span={24}>\r\n                  <p style={{ fontSize: \"120%\", marginTop: -5 }}>\r\n                    <BarsOutlined /> KONSOLİDE\r\n                  </p>\r\n                </Col>\r\n                <Col span={16} style={{ marginTop: -5 }}>\r\n                  <Select\r\n                    showSearch\r\n                    style={{ width: 200 }}\r\n                    placeholder=\"Grup Seç\"\r\n                    optionFilterProp=\"children\"\r\n                    value={firstName}\r\n                    onChange={onChange}\r\n                    filterOption={(input, option) =>\r\n                      option.props.children\r\n                        .toLocaleLowerCase(\"tr-TR\")\r\n                        .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                    }\r\n                  >\r\n                    {groups.map((item) => (\r\n                      <Option key={item.id}>{item.name}</Option>\r\n                    ))}\r\n                  </Select>\r\n                </Col>\r\n                <Col span={2} style={{ textAlign: \"right\" }}>\r\n                  <AntdTooltip title=\"Bakiye Hesaplaması için Kullanılabilir Bakiye veya Kredili Kullanılabilir Bakiye seçilirse, Bankadan Kullanılabilir Bakiye veya Kredili Kullanılabilir Bakiye bilgisi gelmediği taktirde hesabın Bakiye bilgisi  ile hesaplama yapılır.\">\r\n                    <QuestionCircleOutlined\r\n                      className=\"gx-text-blue\"\r\n                      style={{\r\n                        marginRight: 10,\r\n                        marginTop: 6,\r\n                        fontSize: \"150%\",\r\n                      }}\r\n                    />\r\n                  </AntdTooltip>\r\n                </Col>\r\n                <Col span={5}>\r\n                  <Select\r\n                    optionFilterProp=\"children\"\r\n                    onChange={onChangeBalanceDropDown}\r\n                    size=\"middle\"\r\n                    style={{ width: \"100%\" }}\r\n                    defaultValue={\"Bakiye\"}\r\n                  >\r\n                    <Option key={0} value={\"Bakiye\"}>\r\n                      Bakiye{\" \"}\r\n                    </Option>\r\n                    <Option key={1} value={\"Kullanılabilir Bakiye\"}>\r\n                      Kullanılabilir Bakiye\r\n                    </Option>\r\n                    <Option key={2} value={\"Kredili Kullanılabilir Bakiye\"}>\r\n                      Kredili Kullanılabilir Bakiye\r\n                    </Option>\r\n                  </Select>\r\n                </Col>\r\n                <Col span={1}>\r\n                  {activeKey === \"9999\" ? (\r\n                    <div>\r\n                      <a\r\n                        style={{\r\n                          color: \"green\",\r\n                          fontSize: \"180%\",\r\n                          float: \"right\",\r\n                        }}\r\n                        onClick={exportExcel}\r\n                      >\r\n                        <FileExcelOutlined />\r\n                      </a>\r\n                    </div>\r\n                  ) : null}\r\n                </Col>\r\n              </Row>\r\n            ) : (\r\n              <Row>\r\n                <Col span={12}>\r\n                  <Select\r\n                    showSearch\r\n                    style={{ width: 200 }}\r\n                    placeholder=\"Grup Seç\"\r\n                    optionFilterProp=\"children\"\r\n                    value={firstName}\r\n                    onChange={onChange}\r\n                    filterOption={(input, option) =>\r\n                      option.props.children\r\n                        .toLocaleLowerCase(\"tr-TR\")\r\n                        .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                    }\r\n                  >\r\n                    {groups.map((item) => (\r\n                      <Option key={item.id}>{item.name}</Option>\r\n                    ))}\r\n                  </Select>\r\n                </Col>\r\n\r\n                <Col span={2} style={{ textAlign: \"right\" }}>\r\n                  <AntdTooltip title=\"Bakiye Hesaplaması için Kullanılabilir Bakiye veya Kredili Kullanılabilir Bakiye seçilirse, Bankadan Kullanılabilir Bakiye veya Kredili Kullanılabilir Bakiye bilgisi gelmediği taktirde hesabın Bakiye bilgisi  ile hesaplama yapılır.\">\r\n                    <QuestionCircleOutlined\r\n                      className=\"gx-text-blue\"\r\n                      style={{\r\n                        marginRight: 10,\r\n                        marginTop: 6,\r\n                        fontSize: \"150%\",\r\n                      }}\r\n                    />\r\n                  </AntdTooltip>\r\n                </Col>\r\n                <Col span={6}>\r\n                  <Select\r\n                    optionFilterProp=\"children\"\r\n                    onChange={onChangeBalanceDropDown}\r\n                    size=\"middle\"\r\n                    style={{ width: \"100%\" }}\r\n                    defaultValue={\"Bakiye\"}\r\n                  >\r\n                    <Option key={0} value={\"Bakiye\"}>\r\n                      Bakiye{\" \"}\r\n                    </Option>\r\n                    <Option key={1} value={\"Kullanılabilir Bakiye\"}>\r\n                      Kullanılabilir Bakiye\r\n                    </Option>\r\n                    <Option key={2} value={\"Kredili Kullanılabilir Bakiye\"}>\r\n                      Kredili Kullanılabilir Bakiye\r\n                    </Option>\r\n                  </Select>\r\n                </Col>\r\n\r\n                <Col span={4}>\r\n                  {activeKey === \"9999\" ? (\r\n                    <div>\r\n                      <a\r\n                        style={{\r\n                          color: \"green\",\r\n                          fontSize: \"180%\",\r\n                          marginRight: 60,\r\n                          float: \"right\",\r\n                        }}\r\n                        onClick={exportExcel}\r\n                      >\r\n                        <FileExcelOutlined />\r\n                      </a>\r\n                    </div>\r\n                  ) : null}\r\n\r\n                  {/* {activeKey === \"9999\" ? \r\n               <div>\r\n                 <ReactHTMLTableToExcel  \r\n               table=\"emp\"  \r\n               filename=\"KonsolideListe\"  \r\n               sheet=\"tablexls\"  \r\n               buttonText={ <p style={{fontSize:\"180%\", color:\"green\"}}><FileExcelOutlined /></p> } />   \r\n               </div>\r\n               :\r\n               null\r\n               } */}\r\n                </Col>\r\n              </Row>\r\n            )}\r\n\r\n            <Tabs onChange={handleChange} activeKey={activeKey}>\r\n              {currencyList.length !== 0 ? (\r\n                <TabPane tab=\"TÜMÜ\" key=\"9999\">\r\n                  <Row>\r\n                    {isTabletOrMobile === false && (\r\n                      <>\r\n                        <Col span={13} style={{ overflowX: \"auto\" }}>\r\n                          <table class=\"table\" style={{ marginBottom: 50 }}>\r\n                            <tr>\r\n                              {titles.map((item) => {\r\n                                return (\r\n                                  <th\r\n                                    style={{\r\n                                      paddingBottom: 10,\r\n                                      textAlign: \"end\",\r\n                                    }}\r\n                                  >\r\n                                    {item}\r\n                                  </th>\r\n                                );\r\n                              })}\r\n                              <td\r\n                                style={{ paddingBottom: 10, textAlign: \"end\" }}\r\n                              >\r\n                                <strong>TOPLAM</strong>{\" \"}\r\n                              </td>\r\n                              <td\r\n                                style={{\r\n                                  paddingBottom: 10,\r\n                                  paddingLeft: 13,\r\n                                  textAlign: \"end\",\r\n                                }}\r\n                              >\r\n                                <strong>ŞİRKETLER</strong>\r\n                              </td>\r\n                            </tr>\r\n                            {totalTenantAccountList.map((item) => {\r\n                              return (\r\n                                <tr>\r\n                                  <td\r\n                                    style={{\r\n                                      paddingBottom: 13,\r\n                                      paddingRight: 15,\r\n                                      width: 120,\r\n                                    }}\r\n                                  >\r\n                                    <img\r\n                                      style={{ width: 110, marginRight: 15 }}\r\n                                      src={item.bankLogo}\r\n                                    />\r\n                                  </td>\r\n                                  {item.tenantList.map((item) => {\r\n                                    return (\r\n                                      <td\r\n                                        style={{\r\n                                          paddingBottom: 13,\r\n                                          width: 129,\r\n                                        }}\r\n                                        class=\"text-center\"\r\n                                      >\r\n                                        {item.balance\r\n                                          .toString()\r\n                                          .includes(\".\") ? (\r\n                                          <div\r\n                                            style={{\r\n                                              whiteSpace: \"nowrap\",\r\n                                              textAlign: \"end\",\r\n                                            }}\r\n                                          >\r\n                                            <CurrencyFormat\r\n                                              value={\r\n                                                isDigitConsolidate\r\n                                                  ? item.balance\r\n                                                  : item.balance\r\n                                                      .toString()\r\n                                                      .split(\".\")[0]\r\n                                              }\r\n                                              displayType={\"text\"}\r\n                                              decimalSeparator={\",\"}\r\n                                              thousandSeparator={\".\"}\r\n                                              prefix={\"\"}\r\n                                            />{\" \"}\r\n                                            {item.currencyLogo}\r\n                                          </div>\r\n                                        ) : (\r\n                                          <div\r\n                                            style={{\r\n                                              whiteSpace: \"nowrap\",\r\n                                              textAlign: \"end\",\r\n                                            }}\r\n                                          >\r\n                                            <CurrencyFormat\r\n                                              value={\r\n                                                isDigitConsolidate\r\n                                                  ? item.balance\r\n                                                  : item.balance\r\n                                                      .toString()\r\n                                                      .split(\".\")[0]\r\n                                              }\r\n                                              displayType={\"text\"}\r\n                                              decimalSeparator={\",\"}\r\n                                              thousandSeparator={\".\"}\r\n                                              prefix={\"\"}\r\n                                            />\r\n                                            {isDigitConsolidate ? \",00\" : \"\"}{\" \"}\r\n                                            {item.currencyLogo}\r\n                                          </div>\r\n                                        )}\r\n                                      </td>\r\n                                    );\r\n                                  })}\r\n                                  <td style={{ paddingBottom: 13, width: 129 }}>\r\n                                    {item.balance.toString().includes(\".\") ? (\r\n                                      <div\r\n                                        style={{\r\n                                          whiteSpace: \"nowrap\",\r\n                                          textAlign: \"end\",\r\n                                        }}\r\n                                      >\r\n                                        <CurrencyFormat\r\n                                          value={\r\n                                            isDigitConsolidate\r\n                                              ? item.balance\r\n                                              : item.balance\r\n                                                  .toString()\r\n                                                  .split(\".\")[0]\r\n                                          }\r\n                                          displayType={\"text\"}\r\n                                          decimalSeparator={\",\"}\r\n                                          thousandSeparator={\".\"}\r\n                                          prefix={\"\"}\r\n                                        />{\" \"}\r\n                                        ₺\r\n                                      </div>\r\n                                    ) : (\r\n                                      <div\r\n                                        style={{\r\n                                          whiteSpace: \"nowrap\",\r\n                                          textAlign: \"end\",\r\n                                        }}\r\n                                      >\r\n                                        <CurrencyFormat\r\n                                          value={\r\n                                            isDigitConsolidate\r\n                                              ? item.balance\r\n                                              : item.balance\r\n                                                  .toString()\r\n                                                  .split(\".\")[0]\r\n                                          }\r\n                                          displayType={\"text\"}\r\n                                          decimalSeparator={\",\"}\r\n                                          thousandSeparator={\".\"}\r\n                                          prefix={\"\"}\r\n                                        />\r\n                                        {isDigitConsolidate ? \",00 ₺\" : \"₺\"}\r\n                                      </div>\r\n                                    )}\r\n                                  </td>\r\n                                  <td\r\n                                    style={{\r\n                                      textAlign: \"center\",\r\n                                      color: \"#1890ff\",\r\n                                      marginBottom: 5,\r\n                                    }}\r\n                                  >\r\n                                    <MenuUnfoldOutlined\r\n                                      style={{ fontSize: 20 }}\r\n                                      onClick={() => showModalBank(item.bankId)}\r\n                                    />\r\n                                  </td>\r\n                                </tr>\r\n                              );\r\n                            })}\r\n                            <tr>\r\n                              <td style={{ textAlign: \"end\" }}>\r\n                                <strong style={{ marginRight: 6 }}>\r\n                                  TOPLAM\r\n                                </strong>\r\n                              </td>\r\n                              {totalWithCurrency.map((item) => {\r\n                                return (\r\n                                  <td style={{ textAlign: \"-webkit-right\" }}>\r\n                                    <td class=\"text-center\">\r\n                                      {item.balance.toString().includes(\".\") ? (\r\n                                        <div\r\n                                          style={{\r\n                                            whiteSpace: \"nowrap\",\r\n                                            textAlign: \"end\",\r\n                                          }}\r\n                                        >\r\n                                          <CurrencyFormat\r\n                                            value={\r\n                                              isDigitConsolidate\r\n                                                ? item.balance\r\n                                                : item.balance\r\n                                                    .toString()\r\n                                                    .split(\".\")[0]\r\n                                            }\r\n                                            displayType={\"text\"}\r\n                                            decimalSeparator={\",\"}\r\n                                            thousandSeparator={\".\"}\r\n                                            prefix={\"\"}\r\n                                          />{\" \"}\r\n                                          {item.currencyLogo}\r\n                                        </div>\r\n                                      ) : (\r\n                                        <div\r\n                                          style={{\r\n                                            whiteSpace: \"nowrap\",\r\n                                            textAlign: \"end\",\r\n                                          }}\r\n                                        >\r\n                                          <CurrencyFormat\r\n                                            value={\r\n                                              isDigitConsolidate\r\n                                                ? item.balance\r\n                                                : item.balance\r\n                                                    .toString()\r\n                                                    .split(\".\")[0]\r\n                                            }\r\n                                            displayType={\"text\"}\r\n                                            decimalSeparator={\",\"}\r\n                                            thousandSeparator={\".\"}\r\n                                            prefix={\"\"}\r\n                                          />\r\n                                          {isDigitConsolidate ? \",00\" : \"\"}{\" \"}\r\n                                          {item.currencyLogo}\r\n                                        </div>\r\n                                      )}\r\n                                    </td>\r\n                                  </td>\r\n                                );\r\n                              })}\r\n                              <td style={{ width: 120, textAlign: \"end\" }}>\r\n                                {allTotal.toString().includes(\".\") ? (\r\n                                  <div\r\n                                    style={{\r\n                                      whiteSpace: \"nowrap\",\r\n                                      textAlign: \"end\",\r\n                                    }}\r\n                                  >\r\n                                    <CurrencyFormat\r\n                                      value={\r\n                                        isDigitConsolidate\r\n                                          ? allTotal\r\n                                          : allTotal.toString().split(\".\")[0]\r\n                                      }\r\n                                      displayType={\"text\"}\r\n                                      decimalSeparator={\",\"}\r\n                                      thousandSeparator={\".\"}\r\n                                      prefix={\"\"}\r\n                                    />{\" \"}\r\n                                    ₺\r\n                                  </div>\r\n                                ) : (\r\n                                  <div\r\n                                    style={{\r\n                                      whiteSpace: \"nowrap\",\r\n                                      textAlign: \"end\",\r\n                                    }}\r\n                                  >\r\n                                    <CurrencyFormat\r\n                                      value={\r\n                                        isDigitConsolidate\r\n                                          ? allTotal\r\n                                          : allTotal.toString().split(\".\")[0]\r\n                                      }\r\n                                      displayType={\"text\"}\r\n                                      decimalSeparator={\",\"}\r\n                                      thousandSeparator={\".\"}\r\n                                      prefix={\"\"}\r\n                                    />\r\n                                    {isDigitConsolidate ? \",00 ₺\" : \"₺\"}\r\n                                  </div>\r\n                                )}\r\n                              </td>\r\n                            </tr>\r\n                          </table>\r\n                          <table\r\n                            hidden\r\n                            id=\"emp\"\r\n                            class=\"table\"\r\n                            style={{ marginBottom: 50 }}\r\n                          >\r\n                            <tr>\r\n                              {titles.map((item) => {\r\n                                return <th>{item}</th>;\r\n                              })}\r\n                              <td>\r\n                                <strong>TOPLAM</strong>{\" \"}\r\n                              </td>\r\n                            </tr>\r\n                            {totalTenantAccountList.map((item) => {\r\n                              return (\r\n                                <tr>\r\n                                  <td>\r\n                                    <strong>{item.bankName}</strong>\r\n                                  </td>\r\n                                  {item.tenantList.map((item) => {\r\n                                    return <td> {item.balance} </td>;\r\n                                  })}\r\n                                  <td>{item.balance} </td>\r\n                                </tr>\r\n                              );\r\n                            })}\r\n\r\n                            <tr>\r\n                              <td>\r\n                                <strong>TOPLAM</strong>\r\n                              </td>\r\n                              {totalWithCurrency.map((item) => {\r\n                                return <td> {item.balance}</td>;\r\n                              })}\r\n                              <td>{allTotal}</td>\r\n                            </tr>\r\n                          </table>\r\n                        </Col>\r\n                        <Col span={9}>\r\n                          <PieChart\r\n                            width={isChartWidth === true ? 500 : 300}\r\n                            height={isChartWidth === true ? 500 : 300}\r\n                          >\r\n                            <Pie\r\n                              outerRadius={isChartWidth === true ? 150 : 80}\r\n                              data={chartTakeValuesStateTotal}\r\n                              fill=\"#8884d8\"\r\n                              label={renderCustomizedLabelTRY}\r\n                            >\r\n                              {chartTakeValuesStateTotal.map((entry, index) => (\r\n                                <Cell\r\n                                  key={`cell-${index}`}\r\n                                  fill={COLORS[index % COLORS.length]}\r\n                                />\r\n                              ))}\r\n                            </Pie>\r\n                            <Tooltip content={CustomToolTip} />\r\n                          </PieChart>\r\n                          {chartTakeValuesStateTotal.map((entry, index) => (\r\n                            <div key={`cell-${index}`}>\r\n                              <a\r\n                                style={{ color: COLORS[index % COLORS.length] }}\r\n                              >\r\n                                <CaretRightFilled />\r\n                              </a>\r\n                              {entry.name}\r\n                            </div>\r\n                          ))}\r\n                        </Col>\r\n                        <Col span={1}></Col>\r\n                        <Col span={22} style={{ marginBottom: 25 }}>\r\n                          <Collapse>\r\n                            <Panel\r\n                              header=\"Döviz kurlarını görmek için tıklayın\"\r\n                              key=\"1\"\r\n                            >\r\n                              <Card\r\n                                title={\"KUR BİLGİSİ  \"}\r\n                                style={{ marginLeft: \"1%\" }}\r\n                                extra={`Kur bilgileri ${\r\n                                  isLiveValue ? liveDate : dailyDate\r\n                                } tarihine aittir.`}\r\n                                className={`gx-card-widget`}\r\n                              >\r\n                                <div className=\"gx-table-responsive\">\r\n                                  <Table\r\n                                    className=\"gx-table-no-bordered\"\r\n                                    columns={columnsExchangeRate}\r\n                                    dataSource={exchangeRate}\r\n                                    pagination={false}\r\n                                    bordered={false}\r\n                                    size=\"small\"\r\n                                  />\r\n                                </div>\r\n                              </Card>\r\n                            </Panel>\r\n                          </Collapse>\r\n                        </Col>\r\n                        <Col span={1}></Col>\r\n                      </>\r\n                    )}\r\n                    {isTabletOrMobile && (\r\n                      <>\r\n                        <Col span={24} style={{ overflowX: \"auto\" }}>\r\n                          <table class=\"table\" style={{ marginBottom: 50 }}>\r\n                            <tr>\r\n                              {titles.map((item) => {\r\n                                return <th>{item}</th>;\r\n                              })}\r\n                              <td>\r\n                                <strong>TOPLAM</strong>{\" \"}\r\n                              </td>\r\n                              <td>\r\n                                <strong>ŞİRKETLER</strong>\r\n                              </td>\r\n                            </tr>\r\n                            {totalTenantAccountList.map((item) => {\r\n                              return (\r\n                                <tr>\r\n                                  <td style={{ paddingBottom: 13 }}>\r\n                                    <img\r\n                                      style={{ width: 120 }}\r\n                                      src={item.bankLogo}\r\n                                    />\r\n                                  </td>\r\n                                  {item.tenantList.map((item) => {\r\n                                    return (\r\n                                      <td\r\n                                        class=\"text-center\"\r\n                                        style={{\r\n                                          paddingBottom: 13,\r\n                                          fontSize: 12,\r\n                                        }}\r\n                                      >\r\n                                        {\" \"}\r\n                                        <CurrencyFormat\r\n                                          value={\r\n                                            isDigitConsolidate\r\n                                              ? item.balance\r\n                                              : item.balance\r\n                                                  .toString()\r\n                                                  .split(\".\")[0]\r\n                                          }\r\n                                          displayType={\"text\"}\r\n                                          decimalSeparator={\",\"}\r\n                                          thousandSeparator={\".\"}\r\n                                          prefix={item.currencyLogo}\r\n                                        />{\" \"}\r\n                                      </td>\r\n                                    );\r\n                                  })}\r\n                                  <td\r\n                                    class=\"text-center\"\r\n                                    style={{ fontSize: 12 }}\r\n                                  >\r\n                                    {\" \"}\r\n                                    <CurrencyFormat\r\n                                      value={\r\n                                        isDigitConsolidate\r\n                                          ? item.balance\r\n                                          : item.balance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                      }\r\n                                      displayType={\"text\"}\r\n                                      decimalSeparator={\",\"}\r\n                                      thousandSeparator={\".\"}\r\n                                      prefix={\"₺\"}\r\n                                    />{\" \"}\r\n                                  </td>\r\n                                  <td\r\n                                    style={{\r\n                                      textAlign: \"center\",\r\n                                      color: \"#1890ff\",\r\n                                      marginBottom: 5,\r\n                                    }}\r\n                                  >\r\n                                    <MenuUnfoldOutlined\r\n                                      style={{ fontSize: 20 }}\r\n                                      onClick={() => showModalBank(item.bankId)}\r\n                                    />\r\n                                  </td>\r\n                                </tr>\r\n                              );\r\n                            })}\r\n\r\n                            <tr>\r\n                              <td>\r\n                                <strong>TOPLAM</strong>\r\n                              </td>\r\n                              {totalWithCurrency.map((item) => {\r\n                                return (\r\n                                  <td>\r\n                                    <td\r\n                                      class=\"text-center\"\r\n                                      style={{ fontSize: 12 }}\r\n                                    >\r\n                                      {\" \"}\r\n                                      <CurrencyFormat\r\n                                        value={\r\n                                          isDigitConsolidate\r\n                                            ? item.balance\r\n                                            : item.balance\r\n                                                .toString()\r\n                                                .split(\".\")[0]\r\n                                        }\r\n                                        displayType={\"text\"}\r\n                                        decimalSeparator={\",\"}\r\n                                        thousandSeparator={\".\"}\r\n                                        prefix={item.currencyLogo}\r\n                                      />{\" \"}\r\n                                    </td>\r\n                                  </td>\r\n                                );\r\n                              })}\r\n                              <td class=\"text-center\" style={{ fontSize: 12 }}>\r\n                                <CurrencyFormat\r\n                                  value={\r\n                                    isDigitConsolidate\r\n                                      ? allTotal\r\n                                      : allTotal.toString().split(\".\")[0]\r\n                                  }\r\n                                  displayType={\"text\"}\r\n                                  decimalSeparator={\",\"}\r\n                                  thousandSeparator={\".\"}\r\n                                  prefix={\"₺\"}\r\n                                />{\" \"}\r\n                              </td>\r\n                            </tr>\r\n                          </table>\r\n                          <table\r\n                            hidden\r\n                            id=\"emp\"\r\n                            class=\"table\"\r\n                            style={{ marginBottom: 50, width: \"100%\" }}\r\n                          >\r\n                            <tr>\r\n                              {titles.map((item) => {\r\n                                return <th>{item}</th>;\r\n                              })}\r\n                              <td>\r\n                                <strong>TOPLAM</strong>{\" \"}\r\n                              </td>\r\n                            </tr>\r\n                            {totalTenantAccountList.map((item) => {\r\n                              return (\r\n                                <tr>\r\n                                  <td>\r\n                                    <strong>{item.bankName}</strong>\r\n                                  </td>\r\n                                  {item.tenantList.map((item) => {\r\n                                    return (\r\n                                      <td>\r\n                                        {\" \"}\r\n                                        <CurrencyFormat\r\n                                          value={\r\n                                            isDigitConsolidate\r\n                                              ? item.balance\r\n                                              : item.balance\r\n                                                  .toString()\r\n                                                  .split(\".\")[0]\r\n                                          }\r\n                                          displayType={\"text\"}\r\n                                          decimalSeparator={\",\"}\r\n                                          thousandSeparator={\".\"}\r\n                                          prefix={\"\"}\r\n                                        />{\" \"}\r\n                                      </td>\r\n                                    );\r\n                                  })}\r\n                                  <td>\r\n                                    <CurrencyFormat\r\n                                      value={\r\n                                        isDigitConsolidate\r\n                                          ? item.balance\r\n                                          : item.balance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                      }\r\n                                      displayType={\"text\"}\r\n                                      decimalSeparator={\",\"}\r\n                                      thousandSeparator={\".\"}\r\n                                      prefix={\"\"}\r\n                                    />{\" \"}\r\n                                  </td>\r\n                                </tr>\r\n                              );\r\n                            })}\r\n\r\n                            <tr>\r\n                              <td>\r\n                                <strong>TOPLAM</strong>\r\n                              </td>\r\n                              {totalWithCurrency.map((item) => {\r\n                                return (\r\n                                  <td>\r\n                                    {\" \"}\r\n                                    <CurrencyFormat\r\n                                      value={\r\n                                        isDigitConsolidate\r\n                                          ? item.balance\r\n                                          : item.balance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                      }\r\n                                      displayType={\"text\"}\r\n                                      decimalSeparator={\",\"}\r\n                                      thousandSeparator={\".\"}\r\n                                      prefix={\"\"}\r\n                                    />{\" \"}\r\n                                  </td>\r\n                                );\r\n                              })}\r\n                              <td>\r\n                                <CurrencyFormat\r\n                                  value={\r\n                                    isDigitConsolidate\r\n                                      ? allTotal\r\n                                      : allTotal.toString().split(\".\")[0]\r\n                                  }\r\n                                  displayType={\"text\"}\r\n                                  decimalSeparator={\",\"}\r\n                                  thousandSeparator={\".\"}\r\n                                  prefix={\"\"}\r\n                                />{\" \"}\r\n                              </td>\r\n                            </tr>\r\n                          </table>\r\n                        </Col>\r\n                        <Col span={24}>\r\n                          <PieChart\r\n                            width={isChartWidth === true ? 500 : 300}\r\n                            height={isChartWidth === true ? 500 : 300}\r\n                          >\r\n                            <Pie\r\n                              outerRadius={isChartWidth === true ? 150 : 80}\r\n                              data={chartTakeValuesStateTotal}\r\n                              fill=\"#8884d8\"\r\n                              label={renderCustomizedLabelTRY}\r\n                            >\r\n                              {chartTakeValuesStateTotal.map((entry, index) => (\r\n                                <Cell\r\n                                  key={`cell-${index}`}\r\n                                  fill={COLORS[index % COLORS.length]}\r\n                                />\r\n                              ))}\r\n                            </Pie>\r\n                            <Tooltip content={CustomToolTip} />\r\n                          </PieChart>\r\n                          {chartTakeValuesStateTotal.map((entry, index) => (\r\n                            <div key={`cell-${index}`}>\r\n                              <a\r\n                                style={{ color: COLORS[index % COLORS.length] }}\r\n                              >\r\n                                <CaretRightFilled />\r\n                              </a>\r\n                              {entry.name}\r\n                            </div>\r\n                          ))}\r\n                        </Col>\r\n                        <Col span={24} style={{ marginBottom: 25 }}>\r\n                          <Collapse>\r\n                            <Panel\r\n                              header=\"Döviz kurlarını görmek için tıklayın\"\r\n                              key=\"1\"\r\n                            >\r\n                              <Card\r\n                                title={\"KUR BİLGİSİ  \"}\r\n                                style={{ marginLeft: \"1%\" }}\r\n                                extra={`Kur bilgileri ${\r\n                                  isLiveValue ? liveDate : dailyDate\r\n                                } tarihine aittir.`}\r\n                                className={`gx-card-widget`}\r\n                              >\r\n                                <div className=\"gx-table-responsive\">\r\n                                  <Table\r\n                                    className=\"gx-table-no-bordered\"\r\n                                    columns={columnsExchangeRate}\r\n                                    dataSource={exchangeRate}\r\n                                    pagination={false}\r\n                                    bordered={false}\r\n                                    size=\"small\"\r\n                                  />\r\n                                </div>\r\n                              </Card>\r\n                            </Panel>\r\n                          </Collapse>\r\n                        </Col>\r\n                      </>\r\n                    )}\r\n                  </Row>\r\n                </TabPane>\r\n              ) : (\r\n                <TabPane tab=\"TÜMÜ\" key=\"9999\">\r\n                  <Row>\r\n                    <Col md={6} xs={6}></Col>\r\n                    <Col md={12} xs={12}>\r\n                      <Empty\r\n                        image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                        description=\"Veri Yok\"\r\n                      />\r\n                    </Col>\r\n                    <Col md={6} xs={6}></Col>\r\n                  </Row>\r\n                </TabPane>\r\n              )}\r\n              {currencyList.length === 0 ? (\r\n                <TabPane tab={<span></span>} key=\"1\">\r\n                  <Row>\r\n                    <Col span={24}>\r\n                      <Table\r\n                        locale={{\r\n                          emptyText: (\r\n                            <Empty\r\n                              image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                              style={{ color: \"red\" }}\r\n                              description=\"Konsolide Grubu Seçin\"\r\n                            />\r\n                          ),\r\n                        }}\r\n                      />\r\n                    </Col>\r\n                  </Row>\r\n                </TabPane>\r\n              ) : (\r\n                currencyList.map((item, index) => {\r\n                  return (\r\n                    <TabPane\r\n                      tab={<span>{item.currency}</span>}\r\n                      key={item.currencyId}\r\n                    >\r\n                      {ContactSideBar(item.currency)}\r\n                    </TabPane>\r\n                  );\r\n                })\r\n              )}\r\n            </Tabs>\r\n          </div>\r\n        )}\r\n      </Spin>\r\n    </div>\r\n  );\r\n};\r\nexport default ConsolidatedBankList;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n  Input,\r\n  Select,\r\n  Form,\r\n  Col,\r\n  notification,\r\n  Row,\r\n  Button,\r\n  Upload,\r\n  Spin,\r\n  Modal,\r\n  Switch,\r\n} from \"antd\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport {\r\n  PlusOutlined,\r\n  MinusOutlined,\r\n  UploadOutlined,\r\n  DownloadOutlined,\r\n} from \"@ant-design/icons\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport FirmAccountAddForm from \"./FirmAccountAddForm\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\n\r\nconst layout = {\r\n  labelCol: {\r\n    span: 8,\r\n  },\r\n  wrapperCol: {\r\n    span: 13,\r\n  },\r\n};\r\nconst tailLayout = {\r\n  wrapperCol: {\r\n    offset: 15,\r\n    span: 5,\r\n  },\r\n};\r\n\r\nconst { TextArea } = Input;\r\nconst FirmAddForm = (props) => {\r\n  const [form] = Form.useForm();\r\n  const isDesktopOrLaptop = useMediaQuery({\r\n    query: \"(min-device-width: 1224px)\",\r\n  });\r\n  const isTabletOrMobileDevice = useMediaQuery({\r\n    query: \"(max-device-width: 1224px)\",\r\n  });\r\n\r\n  const [IsHasSendFirmToLogo, setIsHasSendFirmToLogo] = useState(\r\n    props.IsHasSendFirmToLogo\r\n  );\r\n  const [IsDivisionAndDeparment, setIsDivisionAndDeparment] = useState(\r\n    props.IsDivisionAndDeparment\r\n  );\r\n  const [inputList, setInputList] = useState([{ word: \"\" }]);\r\n  const [spinLoading, SetSpinLoading] = useState(false);\r\n  const [wordList, setWordList] = useState([]);\r\n  const [loading, setLoading] = useState(false);\r\n  const [firmTypeDropdown, setfirmTypeDropdown] = useState([]);\r\n  const [transactionProjectTypes, setTransactionProjectTypes] = useState([]);\r\n  const [firmClassDropdown, setfirmClassDropdown] = useState([]);\r\n  const [FirmTypeValue, setFirmTypeValue] = useState(3);\r\n  const [tckn, setTckn] = useState(props.Tckn);\r\n  const [vkn, setVkn] = useState(props.Vkn);\r\n  const [id, setId] = useState(props.Id);\r\n  const [senderName, setSenderName] = useState(props.senderName);\r\n  const [firmId, setFirmId] = useState(\"\");\r\n  const [iban, setIban] = useState(props.Iban);\r\n  const [bankCode, setBankCode] = useState(\"\");\r\n  const [bankBranchName, setbankBranchName] = useState(\"\");\r\n  const [accountNumber, setAccountNumber] = useState(\"\");\r\n  const [firmAccountVisible, setFirmAccountVisible] = useState(false);\r\n  const errorList = [];\r\n  const [IsGroup, setIsGroup] = useState(false);\r\n\r\n  const handleInputChange = (e, index) => {\r\n    const { name, value } = e.target;\r\n    const list = [...inputList];\r\n    list[index][name] = value;\r\n    setInputList(list);\r\n  };\r\n\r\n  const handleRemoveClick = (index) => {\r\n    const list = [...inputList];\r\n    list.splice(index, 1);\r\n    setInputList(list);\r\n  };\r\n\r\n  const handleAddClick = () => {\r\n    setInputList([...inputList, { word: \"\" }]);\r\n  };\r\n\r\n  const maxLengthCheck = (object) => {\r\n    if (object.target.value.length > object.target.maxLength) {\r\n      object.target.value = object.target.value.slice(\r\n        0,\r\n        object.target.maxLength\r\n      );\r\n    }\r\n  };\r\n\r\n  const handleCancelFirmAccount = (e) => {\r\n    openNotificationWithIcon(\"success\");\r\n    setLoading(false);\r\n    if (props.GetTableData) {\r\n      form.resetFields();\r\n      props.GetTableData();\r\n    } else window.location.reload();\r\n    setFirmAccountVisible(false);\r\n  };\r\n\r\n  const onChangeFirmType = (value) => {\r\n    setFirmTypeValue(value);\r\n    RequestHandler.get(`/FirmClass?firmTypeId=${value}`).then((response) => {\r\n      setfirmClassDropdown(response.value);\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    setId(props.Id);\r\n    setVkn(props.Vkn);\r\n    setTckn(props.Tckn);\r\n    setSenderName(props.SenderName);\r\n\r\n    if (props.AccountId !== undefined) {\r\n      RequestHandler.get(`/AccountTransaction/Getbyid/${props.Id}`).then(\r\n        (response) => {\r\n          setIban(response.iban);\r\n          setAccountNumber(response.accountNumber);\r\n          setbankBranchName(response.branchCode);\r\n          setBankCode(response.otherBankCode);\r\n        }\r\n      );\r\n\r\n      RequestHandler.get(`/AccountTransaction/GetBankCode/${props.Id}`).then(\r\n        (response) => {\r\n          setbankBranchName(response.message);\r\n        }\r\n      );\r\n    }\r\n\r\n    RequestHandler.get(`/FirmClass?firmTypeId=3`).then((response) => {\r\n      setfirmClassDropdown(response.value);\r\n    });\r\n\r\n    RequestHandler.get(`/Firm/GetFirmType`).then((response) => {\r\n      setfirmTypeDropdown(response.data);\r\n    });\r\n\r\n    RequestHandler.get(\r\n      `/TransactionProjectType?$filter=(ProjectType eq 4 or ProjectType eq 5 or ProjectType eq 6) and isActive eq true`\r\n    ).then((response) => {\r\n      setTransactionProjectTypes(response.value);\r\n    });\r\n\r\n    setFirmTypeValue(3);\r\n  }, [\r\n    setfirmTypeDropdown,\r\n    setTransactionProjectTypes,\r\n    setfirmClassDropdown,\r\n    setFirmTypeValue,\r\n    setTckn,\r\n    setVkn,\r\n    setSenderName,\r\n    props.SenderName,\r\n    props.Vkn,\r\n    props.Tckn,\r\n  ]);\r\n\r\n  const { Option } = Select;\r\n  const openNotificationWithIcon = (type) => {\r\n    notification[type]({\r\n      message: \"BAŞARILI\",\r\n      description: \"Ekleme işlemi başarı ile gerçekleşti.\",\r\n      duration: 2,\r\n    });\r\n  };\r\n  const errorListNotification = (type) => {\r\n    errorList.map((item) => {\r\n      notification[type]({\r\n        message: \"Hata\",\r\n        description: item,\r\n        duration: 5,\r\n      });\r\n    });\r\n  };\r\n  const onChangeVknValue = (e) => {\r\n    setVkn(e.target.value);\r\n  };\r\n  const onChangeTcNoValue = (e) => {\r\n    setTckn(e.target.value);\r\n  };\r\n  const onChangeSenderNameValue = (e) => {\r\n    setSenderName(e.target.value);\r\n  };\r\n\r\n  const onChangeIsGroupValue = (e) => {\r\n    setIsGroup(e);\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    const words = [];\r\n    inputList.map((item) => {\r\n      words.push(item.word.trim());\r\n    });\r\n    var error = 0;\r\n    words.map((item) => {\r\n      var wordLength = item.length;\r\n      if (wordLength < 5 && wordLength != 0) {\r\n        error += 1;\r\n      }\r\n    });\r\n\r\n    RequestHandler.post(\r\n      `/Firm`,\r\n      {\r\n        tenantId: localStorage.getItem(\"tenantId\"),\r\n        name: values.Name,\r\n        firmBranchNumber: values.FirmBranchNumber,\r\n        tcNo: values.TcNo,\r\n        erpSalesCode: values.ErpSalesCode,\r\n        customerType: values.CustomerType,\r\n        placeType: values.PlaceType,\r\n        purchaseType: values.PurchaseType,\r\n        erpCode: values.ErpCode,\r\n        directiveName: values.DirectiveName,\r\n        email: values.Email,\r\n        taxOffice: values.TaxOffice,\r\n        vkn: values.Vkn,\r\n        phone: values.Phone,\r\n        mobilePhone: values.MobilePhone,\r\n        fax: values.Fax,\r\n        address: values.Address,\r\n        groupCode: values.GroupCode,\r\n        city: values.City,\r\n        town: values.Town,\r\n        specialCode: values.SpecialCode,\r\n        authorizationCode: values.AuthorizationCode,\r\n        accountCode: values.AccountCode,\r\n        divisionId: values.DivisionId,\r\n        deparmentId: values.DeparmentId,\r\n        accountTransactionId:\r\n          props.AccountId === undefined\r\n            ? \"00000000-0000-0000-0000-000000000000\"\r\n            : props.AccountId,\r\n        firmTypeValue: values.FirmTypeValue,\r\n        firmClassId: values.FirmClassId,\r\n        accountingCode: values.accountingCode,\r\n        transactionProjectTypeId: values.TransactionProjectTypeId,\r\n        isGroup: IsGroup,\r\n      },\r\n      false,\r\n      { rawResponse: true }\r\n    ).then((res) => {\r\n      if (res.status == 200) {\r\n        if (error == 0) {\r\n          RequestHandler.post(\r\n            `/Firm/FirmMatchingWordAdd`,\r\n            {\r\n              firmId: res.data.data.id,\r\n              words: words,\r\n            },\r\n            false,\r\n            { rawResponse: true }\r\n          ).then((res) => {\r\n            if (res.status == 200) {\r\n              openNotificationWithIcon(\"success\");\r\n              if (props.AccountId === undefined) {\r\n                if (props.GetTableData) {\r\n                  form.resetFields();\r\n                  props.GetTableData();\r\n                } else\r\n                  setTimeout(\r\n                    function () {\r\n                      window.location.reload();\r\n                    }.bind(this),\r\n                    2000\r\n                  );\r\n              }\r\n            } else {\r\n              setLoading(false);\r\n              SetSpinLoading(false);\r\n            }\r\n          });\r\n\r\n          if (props.AccountId !== undefined) {\r\n            if (props.getTableDate) props.getTableDate();\r\n            else {\r\n              setFirmAccountVisible(true);\r\n              setFirmId(res.data.data.id);\r\n            }\r\n            //  setTimeout(\r\n            //    function () {\r\n            //      window.location.reload();\r\n            //    }.bind(this),\r\n            //    2000\r\n            //  );\r\n          }\r\n        } else {\r\n          openNotificationWithIcon(\"success\");\r\n          wordLengtError(\"error\");\r\n          setLoading(false);\r\n          setTimeout(\r\n            function () {\r\n              window.location.reload();\r\n            }.bind(this),\r\n            3500\r\n          );\r\n        }\r\n        setWordList(words);\r\n      } else {\r\n        setLoading(false);\r\n        SetSpinLoading(false);\r\n      }\r\n    });\r\n  };\r\n\r\n  const excelDownload = (type) => {\r\n    notification[type]({\r\n      message: \"BAŞARILI\",\r\n      description: \"Excel şablonu indirme işlemi başarı ile gerçekleşti.\",\r\n      duration: 2,\r\n    });\r\n  };\r\n\r\n  const wordLengtError = (type) => {\r\n    notification[type]({\r\n      message: \"HATA\",\r\n      description:\r\n        \"Kelimeler bölümündeki harf sayısı 5ten küçük olduğu için kayıt başarısız oldu, düzenleyip tekrar deneyin.\",\r\n      duration: 4,\r\n    });\r\n  };\r\n\r\n  const excelDownloadFailedUntilThis = (type) => {\r\n    notification[type]({\r\n      message: \"HATA\",\r\n      description: \"Bu veriden sonra yüklemeye devam edilemedi.\",\r\n      duration: 5,\r\n    });\r\n  };\r\n\r\n  const downloadExcel = () => {\r\n    window.open(\r\n      `${config.apiUrl}/Firm/DownloadExcel?t=${RequestHandler.getToken()}`\r\n    );\r\n  };\r\n  const propsFirmExcel = {\r\n    name: \"excel\",\r\n    action: `${config.apiUrl}/Firm/ImportExcel?type=1`,\r\n    headers: { Authorization: \"bearer \" + RequestHandler.getToken() },\r\n    beforeUpload() {\r\n      setTimeout(function () {\r\n        notification.info({\r\n          message: \"Uyarı\",\r\n          description:\r\n            \"Bu işlem bir kaç dakika sürebilir, tüm veri uygunluğu kontrol edilerek hatalı veri varsa otomatik Excel inecektir. Lütfen bekleyiniz..\",\r\n          duration: 5,\r\n        });\r\n      }, 3000);\r\n    },\r\n    onChange(info) {\r\n      const { response, status } = info.file;\r\n      if (info.fileList.length > 0) {\r\n        SetSpinLoading(true);\r\n        document.body.querySelector(\".ant-drawer-body\").scrollTo(0, 0);\r\n      }\r\n      if (info.file.status === \"done\") {\r\n        excelDownload(\"success\");\r\n        setTimeout(\r\n          function () {\r\n            window.location.reload();\r\n          }.bind(this),\r\n          2000\r\n        );\r\n      } else if (info.file.status === \"error\") {\r\n        if (info.file.response.statusCode === 406) {\r\n          info.file.response.data.map((item) => {\r\n            errorList.push(item);\r\n            setTimeout(function () {\r\n              window.location.reload();\r\n            }, 5000);\r\n          });\r\n          errorListNotification(\"error\");\r\n          excelDownloadFailedUntilThis(\"error\");\r\n          setTimeout(function () {\r\n            window.location.reload();\r\n          }, 5000);\r\n        } else {\r\n          const notificationType = response.success ? \"success\" : \"error\";\r\n\r\n          notification[notificationType]({\r\n            message: response.message,\r\n            duration: 3,\r\n          });\r\n          if (!response.success) {\r\n            downloadImportResult(info.file.response.data);\r\n          }\r\n          setTimeout(function () {\r\n            window.location.reload();\r\n          }, 5000);\r\n        }\r\n\r\n        SetSpinLoading(false);\r\n      }\r\n    },\r\n  };\r\n  const downloadImportResult = (fileName) => {\r\n    window.open(\r\n      `${\r\n        config.apiUrl\r\n      }/Firm/DownloadImportResult?t=${RequestHandler.getToken()}&fileName=${fileName}`\r\n    );\r\n  };\r\n\r\n  const onFinishFailed = () => setLoading(false);\r\n  const ScreenNameWithActiveTab = () => {\r\n    switch (props.activeTab) {\r\n      case \"1\":\r\n        return \"Cari\";\r\n      case \"2\":\r\n        return \"Banka\";\r\n      case \"3\":\r\n        return \"Masraf\";\r\n      case \"4\":\r\n        return \"Çek\";\r\n      case \"5\":\r\n        return \"Senet\";\r\n    }\r\n  };\r\n  return (\r\n    <div>\r\n      <Spin tip=\"Excel yükleniyor...\" spinning={spinLoading}>\r\n        <Form\r\n          form={form}\r\n          {...layout}\r\n          name=\"basic\"\r\n          initialValues={{\r\n            remember: true,\r\n          }}\r\n          onFinish={onFinish}\r\n          onFinishFailed={onFinishFailed}\r\n          fields={[\r\n            { name: \"FirmTypeValue\", value: FirmTypeValue.toString() },\r\n            {\r\n              name: \"Vkn\",\r\n              value: vkn?.toString() === \"\" ? null : vkn?.toString(),\r\n            },\r\n            { name: \"TcNo\", value: tckn === \"\" ? null : tckn },\r\n            { name: \"Name\", value: senderName === \"\" ? null : senderName },\r\n          ]}\r\n        >\r\n          <Row>\r\n            {isDesktopOrLaptop && (\r\n              <>\r\n                <Col span={20}>\r\n                  <Form.Item\r\n                    onChange={onChangeSenderNameValue}\r\n                    style={{ marginTop: \"4%\" }}\r\n                    label={`${ScreenNameWithActiveTab(\"1\")} Adı${\r\n                      props.activeTab == \"1\" ? \"/Ünvanı\" : \"\"\r\n                    }`}\r\n                    name=\"Name\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message:\r\n                          \"Lütfen Cari Adı/Ünvanı alanını boş bırakmayın.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Talimat Ünvanı\" name=\"DirectiveName\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"E-Posta Adresi\" name=\"Email\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Vergi Dairesi\" name=\"TaxOffice\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Vergi Numarası\" name=\"Vkn\">\r\n                    <Input\r\n                      onChange={onChangeVknValue}\r\n                      type=\"number\"\r\n                      onKeyDown={(evt) =>\r\n                        evt.key === \"e\" && evt.preventDefault()\r\n                      }\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"T.C. Kimlik No \"\r\n                    name=\"TcNo\"\r\n                    rules={[\r\n                      {\r\n                        min: 11,\r\n                        message: \"TcNo 11 karakter olmalıdır.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input\r\n                      onChange={onChangeTcNoValue}\r\n                      type=\"number\"\r\n                      onKeyDown={(evt) =>\r\n                        evt.key === \"e\" && evt.preventDefault()\r\n                      }\r\n                      maxLength=\"11\"\r\n                      onInput={maxLengthCheck}\r\n                    />\r\n                  </Form.Item>\r\n\r\n                  <Form.Item\r\n                    label=\"Telefon Numarası\"\r\n                    name=\"Phone\"\r\n                    rules={[\r\n                      {\r\n                        min: 12,\r\n                        message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <PhoneInput\r\n                      inputStyle={{ width: \"100%\" }}\r\n                      country=\"tr\"\r\n                      masks={{ tr: \"(...) ...-..-..\" }}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Cep Numarası\"\r\n                    name=\"MobilePhone\"\r\n                    rules={[\r\n                      {\r\n                        min: 12,\r\n                        message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <PhoneInput\r\n                      inputStyle={{ width: \"100%\" }}\r\n                      country=\"tr\"\r\n                      masks={{ tr: \"(...) ...-..-..\" }}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Fax Numarası\" name=\"Fax\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Adres\" name=\"Address\">\r\n                    <TextArea rows={4} />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Cari Tipi\" name=\"FirmTypeValue\">\r\n                    <Select\r\n                      placeholder=\"Seçiniz\"\r\n                      optionFilterProp=\"children\"\r\n                      onChange={onChangeFirmType}\r\n                      filterOption={(input, option) =>\r\n                        option.props.children\r\n                          .toLocaleLowerCase(\"tr-TR\")\r\n                          .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                      }\r\n                    >\r\n                      {firmTypeDropdown.map((item) => (\r\n                        <Option key={item.key}>{item.value}</Option>\r\n                      ))}\r\n                    </Select>\r\n                  </Form.Item>\r\n                  {IsDivisionAndDeparment && (\r\n                    <>\r\n                      <Form.Item label=\"Bölüm Kodu\" name=\"DivisionId\">\r\n                        <Select\r\n                          allowClear\r\n                          placeholder=\"Seçiniz\"\r\n                          optionFilterProp=\"children\"\r\n                          filterOption={(input, option) =>\r\n                            option.props.children\r\n                              .toLocaleLowerCase(\"tr-TR\")\r\n                              .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                          }\r\n                        >\r\n                          {transactionProjectTypes\r\n                            .filter((item) => item.projectType == 5)\r\n                            .map((item) => (\r\n                              <Option key={item.id}>\r\n                                {item.name} ({item.projectCode})\r\n                              </Option>\r\n                            ))}\r\n                        </Select>\r\n                      </Form.Item>\r\n\r\n                      <Form.Item label=\"Departman Kodu\" name=\"DeparmentId\">\r\n                        <Select\r\n                          allowClear\r\n                          placeholder=\"Seçiniz\"\r\n                          optionFilterProp=\"children\"\r\n                          filterOption={(input, option) =>\r\n                            option.props.children\r\n                              .toLocaleLowerCase(\"tr-TR\")\r\n                              .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                          }\r\n                        >\r\n                          {transactionProjectTypes\r\n                            .filter((item) => item.projectType === 6)\r\n                            .map((item) => (\r\n                              <Option key={item.id}>\r\n                                {item.name} ({item.projectCode})\r\n                              </Option>\r\n                            ))}\r\n                        </Select>\r\n                      </Form.Item>\r\n                    </>\r\n                  )}\r\n\r\n                  {!IsHasSendFirmToLogo && (\r\n                    <Form.Item\r\n                      label={`${ScreenNameWithActiveTab()} Kodu`}\r\n                      name=\"FirmBranchNumber\"\r\n                      rules={[\r\n                        {\r\n                          required: true,\r\n                          message: \"Lütfen Cari Kodu alanını boş bırakmayın.\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Input />\r\n                    </Form.Item>\r\n                  )}\r\n\r\n                  <Form.Item\r\n                    label=\"Erp Kodu\"\r\n                    name=\"ErpCode\"\r\n                    rules={[\r\n                      {\r\n                        max: 100,\r\n                        message:\r\n                          \"Erp Kodu alanı maksimum 100 karakter olmalıdır.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input />\r\n                  </Form.Item>\r\n                  {IsHasSendFirmToLogo && (\r\n                    <Form.Item\r\n                      label=\"Açıklama2\"\r\n                      name=\"TransactionProjectTypeId\"\r\n                    >\r\n                      <Select\r\n                        placeholder=\"Seçiniz\"\r\n                        optionFilterProp=\"children\"\r\n                        filterOption={(input, option) =>\r\n                          option.props.children\r\n                            .toLocaleLowerCase(\"tr-TR\")\r\n                            .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                        }\r\n                      >\r\n                        {transactionProjectTypes\r\n                          .filter((item) => item.projectType === 4)\r\n                          .map((item) => (\r\n                            <Option key={item.id}>{item.name}</Option>\r\n                          ))}\r\n                      </Select>\r\n                    </Form.Item>\r\n                  )}\r\n\r\n                  <Form.Item label=\"İl\" name=\"City\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"İlçe\" name=\"Town\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Özel Kod\" name=\"SpecialCode\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Yetki Kodu\"\r\n                    name=\"AuthorizationCode\"\r\n                    rules={[\r\n                      {\r\n                        required: IsHasSendFirmToLogo,\r\n                        message: \"Lütfen Yetki Kodu alanını boş bırakmayın.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Hesap Kodu\" name=\"AccountCode\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Satıcı Kodu\" name=\"ErpSalesCode\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Cari Sınıfı\" name=\"FirmClassId\">\r\n                    <Select\r\n                      showSearch\r\n                      placeholder=\"Seçiniz\"\r\n                      optionFilterProp=\"children\"\r\n                      filterOption={(input, option) =>\r\n                        option.props.children\r\n                          .toLocaleLowerCase(\"tr-TR\")\r\n                          .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                      }\r\n                    >\r\n                      {firmClassDropdown.map((item) => (\r\n                        <Option key={item.id}>{item.name}</Option>\r\n                      ))}\r\n                    </Select>\r\n                  </Form.Item>\r\n                  {IsHasSendFirmToLogo && (\r\n                    <Form.Item\r\n                      name=\"PlaceType\"\r\n                      label=\"İşyeri\"\r\n                      rules={[\r\n                        {\r\n                          required: true,\r\n                          message: \"Lütfen İşyeri alanını boş bırakmayın.\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Select placeholder=\"Seçiniz\">\r\n                        <Select.Option key={\"T\"} value={\"T\"}>\r\n                          Tarsus\r\n                        </Select.Option>\r\n                        <Select.Option key={\"M\"} value={\"M\"}>\r\n                          Mersin\r\n                        </Select.Option>\r\n                      </Select>\r\n                    </Form.Item>\r\n                  )}\r\n                  {IsHasSendFirmToLogo && (\r\n                    <Form.Item\r\n                      name=\"PurchaseType\"\r\n                      label=\"Alım Türü\"\r\n                      rules={[\r\n                        {\r\n                          required: true,\r\n                          message: \"Lütfen Alım Türü alanını boş bırakmayın.\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Select placeholder=\"Seçiniz\">\r\n                        <Select.Option key={\"01\"} value={\"01\"}>\r\n                          Sıfır\r\n                        </Select.Option>\r\n                        <Select.Option key={\"03\"} value={\"03\"}>\r\n                          Servis\r\n                        </Select.Option>\r\n                      </Select>\r\n                    </Form.Item>\r\n                  )}\r\n                  {IsHasSendFirmToLogo && (\r\n                    <Form.Item\r\n                      name=\"CustomerType\"\r\n                      label=\"Müşteri Türü\"\r\n                      rules={[\r\n                        {\r\n                          required: true,\r\n                          message:\r\n                            \"Lütfen Müşteri Türü alanını boş bırakmayın.\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Select placeholder=\"Seçiniz\">\r\n                        <Select.Option key={\"120\"} value={\"120\"}>\r\n                          Müşteri\r\n                        </Select.Option>\r\n                        <Select.Option key={\"320\"} value={\"320\"}>\r\n                          Satıcı\r\n                        </Select.Option>\r\n                        <Select.Option key={\"340\"} value={\"340\"}>\r\n                          Kapora\r\n                        </Select.Option>\r\n                      </Select>\r\n                    </Form.Item>\r\n                  )}\r\n                  <Form.Item label=\"Grup Kodu\" name=\"GroupCode\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Muhasebe Kodu\" name=\"accountingCode\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Kelimeler\" name=\"words\">\r\n                    {inputList.map((x, i) => {\r\n                      return (\r\n                        <Row>\r\n                          <Col span={20} style={{ marginLeft: \"-6%\" }}>\r\n                            <Input\r\n                              name=\"word\"\r\n                              placeholder=\"Kelime Girin\"\r\n                              value={x.word}\r\n                              onChange={(e) => handleInputChange(e, i)}\r\n                            />\r\n                          </Col>\r\n                          <Col span={2}>\r\n                            {inputList.length !== 1 && (\r\n                              <Button\r\n                                className=\"mr10\"\r\n                                onClick={() => handleRemoveClick(i)}\r\n                              >\r\n                                <MinusOutlined />\r\n                              </Button>\r\n                            )}\r\n                            {inputList.length - 1 === i && (\r\n                              <Button onClick={handleAddClick}>\r\n                                <PlusOutlined />\r\n                              </Button>\r\n                            )}\r\n                          </Col>\r\n                        </Row>\r\n                      );\r\n                    })}\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Grup Şirket Carisi\" name=\"isGroup\">\r\n                    <Switch onChange={onChangeIsGroupValue} />\r\n                  </Form.Item>\r\n                </Col>\r\n                <Col span={4}></Col>\r\n                <Col span={6} style={{ marginLeft: -5 }}>\r\n                  <Upload {...propsFirmExcel}>\r\n                    <Button icon={<UploadOutlined />}>\r\n                      Excel ile Cari Ekle\r\n                    </Button>\r\n                  </Upload>\r\n                </Col>\r\n                <Col span={6}>\r\n                  <Button\r\n                    icon={<DownloadOutlined />}\r\n                    onClick={(() => setLoading(true), downloadExcel)}\r\n                    loading={loading}\r\n                  >\r\n                    Excel Şablonu İndir\r\n                  </Button>\r\n                </Col>\r\n                <Col span={6}></Col>\r\n                <Col span={6}>\r\n                  <Form.Item {...tailLayout}>\r\n                    <Button\r\n                      type=\"primary\"\r\n                      icon={<PlusOutlined />}\r\n                      htmlType=\"submit\"\r\n                      onClick={() => setLoading(true)}\r\n                      loading={loading}\r\n                    >\r\n                      Ekle\r\n                    </Button>\r\n                  </Form.Item>\r\n                </Col>\r\n              </>\r\n            )}\r\n            {isTabletOrMobileDevice && (\r\n              <>\r\n                <Col span={24}>\r\n                  <Form.Item\r\n                    onChange={onChangeSenderNameValue}\r\n                    style={{ marginTop: \"4%\" }}\r\n                    label=\"Cari Adı/Ünvanı\"\r\n                    name=\"Name\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message:\r\n                          \"Lütfen Cari Adı/Ünvanı alanını boş bırakmayın.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Talimat Ünvanı\" name=\"DirectiveName\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"E-Posta Adresi\" name=\"Email\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Vergi Dairesi\" name=\"TaxOffice\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Vergi Numarası\" name=\"Vkn\">\r\n                    <Input\r\n                      onChange={onChangeVknValue}\r\n                      type=\"number\"\r\n                      onKeyDown={(evt) =>\r\n                        evt.key === \"e\" && evt.preventDefault()\r\n                      }\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"T.C. Kimlik No \"\r\n                    name=\"TcNo\"\r\n                    rules={[\r\n                      {\r\n                        min: 11,\r\n                        message: \"TcNo 11 karakter olmalıdır.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input\r\n                      onChange={onChangeTcNoValue}\r\n                      type=\"number\"\r\n                      onKeyDown={(evt) =>\r\n                        evt.key === \"e\" && evt.preventDefault()\r\n                      }\r\n                      maxLength=\"11\"\r\n                      onInput={maxLengthCheck}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Telefon Numarası\"\r\n                    name=\"Phone\"\r\n                    rules={[\r\n                      {\r\n                        min: 12,\r\n                        message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <PhoneInput\r\n                      inputStyle={{ width: \"100%\" }}\r\n                      country=\"tr\"\r\n                      masks={{ tr: \"(...) ...-..-..\" }}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Cep Numarası\"\r\n                    name=\"MobilePhone\"\r\n                    rules={[\r\n                      {\r\n                        min: 12,\r\n                        message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <PhoneInput\r\n                      inputStyle={{ width: \"100%\" }}\r\n                      country=\"tr\"\r\n                      masks={{ tr: \"(...) ...-..-..\" }}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Fax Numarası\" name=\"Fax\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Adres\" name=\"Address\">\r\n                    <TextArea rows={4} />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Cari Tipi\" name=\"FirmTypeValue\">\r\n                    <Select\r\n                      placeholder=\"Seçiniz\"\r\n                      optionFilterProp=\"children\"\r\n                      onChange={onChangeFirmType}\r\n                      filterOption={(input, option) =>\r\n                        option.props.children\r\n                          .toLocaleLowerCase(\"tr-TR\")\r\n                          .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                      }\r\n                    >\r\n                      {firmTypeDropdown.map((item) => (\r\n                        <Option key={item.key}>{item.value}</Option>\r\n                      ))}\r\n                    </Select>\r\n                  </Form.Item>\r\n\r\n                  <Form.Item\r\n                    label=\"Cari Kodu\"\r\n                    name=\"FirmBranchNumber\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message: \"Lütfen Cari Kodu alanını boş bırakmayın.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Erp Kodu\"\r\n                    name=\"ErpCode\"\r\n                    rules={[\r\n                      {\r\n                        max: 100,\r\n                        message:\r\n                          \"Erp Kodu alanı maksimum 100 karakter olmalıdır.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"İl\" name=\"City\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"İlçe\" name=\"Town\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Özel Kod\" name=\"SpecialCode\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Yetki Kodu\" name=\"AuthorizationCode\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Hesap Kodu\" name=\"AccountCode\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Cari Sınıfı\" name=\"FirmClassId\">\r\n                    <Select\r\n                      showSearch\r\n                      placeholder=\"Seçiniz\"\r\n                      optionFilterProp=\"children\"\r\n                      filterOption={(input, option) =>\r\n                        option.props.children\r\n                          .toLocaleLowerCase(\"tr-TR\")\r\n                          .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                      }\r\n                    >\r\n                      {firmClassDropdown.map((item) => (\r\n                        <Option key={item.id}>{item.name}</Option>\r\n                      ))}\r\n                    </Select>\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Grup Kodu\" name=\"GroupCode\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Kelimeler\" name=\"words\">\r\n                    {inputList.map((x, i) => {\r\n                      return (\r\n                        <Row>\r\n                          <Col span={20} style={{ marginLeft: \"-6%\" }}>\r\n                            <Input\r\n                              name=\"word\"\r\n                              placeholder=\"Kelime Girin\"\r\n                              value={x.word}\r\n                              onChange={(e) => handleInputChange(e, i)}\r\n                            />\r\n                          </Col>\r\n                          <Col span={2}>\r\n                            {inputList.length !== 1 && (\r\n                              <Button\r\n                                className=\"mr10\"\r\n                                onClick={() => handleRemoveClick(i)}\r\n                              >\r\n                                <MinusOutlined />\r\n                              </Button>\r\n                            )}\r\n                            {inputList.length - 1 === i && (\r\n                              <Button onClick={handleAddClick}>\r\n                                <PlusOutlined />\r\n                              </Button>\r\n                            )}\r\n                          </Col>\r\n                        </Row>\r\n                      );\r\n                    })}\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Grup Şirket Carisi\" name=\"isGroup\">\r\n                    <Switch onChange={onChangeIsGroupValue} />\r\n                  </Form.Item>\r\n                </Col>\r\n\r\n                <Col span={12}></Col>\r\n                <Col span={6}>\r\n                  <Form.Item {...tailLayout}>\r\n                    <Button\r\n                      type=\"primary\"\r\n                      icon={<PlusOutlined />}\r\n                      htmlType=\"submit\"\r\n                      onClick={() => setLoading(true)}\r\n                      loading={loading}\r\n                    >\r\n                      Ekle\r\n                    </Button>\r\n                  </Form.Item>\r\n                </Col>\r\n                <Col span={6}></Col>\r\n                <Col span={24}>\r\n                  <Upload {...propsFirmExcel}>\r\n                    <Button icon={<UploadOutlined />}>\r\n                      Excel ile Cari Ekle\r\n                    </Button>\r\n                  </Upload>\r\n                </Col>\r\n                <Col span={24}>\r\n                  <Button\r\n                    icon={<DownloadOutlined />}\r\n                    onClick={(() => setLoading(true), downloadExcel)}\r\n                    loading={loading}\r\n                  >\r\n                    Excel Şablonu İndir\r\n                  </Button>\r\n                </Col>\r\n              </>\r\n            )}\r\n          </Row>\r\n        </Form>\r\n      </Spin>\r\n      <Modal\r\n        title=\"Firma Hesabı Ekle\"\r\n        visible={firmAccountVisible}\r\n        onCancel={handleCancelFirmAccount}\r\n        closable={true}\r\n        footer={[]}\r\n      >\r\n        <FirmAccountAddForm\r\n          data={{ firmId: firmId, iban: iban, accountNumber: accountNumber }}\r\n          onSuccess={handleCancelFirmAccount}\r\n        />\r\n      </Modal>\r\n    </div>\r\n  );\r\n};\r\nexport default FirmAddForm;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Table,\r\n  Empty,\r\n  Card,\r\n  Col,\r\n  notification,\r\n  Spin,\r\n  Row,\r\n  Select,\r\n  Tabs,\r\n  Button,\r\n  Typography,\r\n  Tooltip as AntdTooltip,\r\n} from \"antd\";\r\nimport axios from \"axios\";\r\nimport { Link } from \"react-router-dom\";\r\nimport moment from \"moment\";\r\nimport CurrencyFormat from \"react-currency-format\";\r\nimport { Cell, Pie, PieChart, Tooltip } from \"recharts\";\r\nimport {\r\n  MenuUnfoldOutlined,\r\n  CaretRightFilled,\r\n  BarsOutlined,\r\n  FileExcelOutlined,\r\n  QuestionCircleOutlined,\r\n  EyeOutlined,\r\n} from \"@ant-design/icons\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport Replace2x from \"../../util/Extensions/ReplaceExtension\";\r\nimport { Collapse } from \"antd\";\r\nimport ReactHTMLTableToExcel from \"react-html-table-to-excel\";\r\nimport { odata } from \"../Filters/Helper\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\nimport { func } from \"prop-types\";\r\nconst { Panel } = Collapse;\r\nconst { Option } = Select;\r\nconst { Text } = Typography;\r\nconst expiration = localStorage.getItem(\"expiration\");\r\nconst COLORS = [\r\n  \"#003668\",\r\n  \"#0061ba\",\r\n  \"#1f94ff\",\r\n  \"#8dbbe5\",\r\n  \"#8de5cd\",\r\n  \"#00b684\",\r\n  \"#006448\",\r\n];\r\nconst RADIAN = Math.PI / 180;\r\nconst renderCustomizedLabelTRY = ({ x, y, stroke, value }) => {\r\n  return \"% \" + value.toFixed(2);\r\n};\r\nconst CustomToolTip = (props) => {\r\n  try {\r\n    const { active, payload, label } = props;\r\n    if (!active || !payload) {\r\n      return null;\r\n    }\r\n    return (\r\n      <div>\r\n        <p>\r\n          <strong>{label}</strong>\r\n        </p>\r\n        {payload.map((item, i) => (\r\n          <p key={i}>\r\n            <strong style={{ backgroundColor: \"white\", opacity: \"0.6\" }}>\r\n              {item.name}\r\n            </strong>\r\n          </p>\r\n        ))}\r\n      </div>\r\n    );\r\n  } catch (error) {}\r\n};\r\nconst BankList = () => {\r\n  const isDesktopOrLaptop = useMediaQuery({\r\n    query: \"(min-device-width: 1224px)\",\r\n  });\r\n  const isBigScreen = useMediaQuery({ query: \"(min-device-width: 1824px)\" });\r\n  const isTabletOrMobile = useMediaQuery({ query: \"(max-width: 1000px)\" });\r\n  const isChartWidth = useMediaQuery({ query: \"(min-width: 500px)\" });\r\n  const isTabletOrMobileDevice = useMediaQuery({\r\n    query: \"(max-device-width: 1224px)\",\r\n  });\r\n  const history = useHistory();\r\n  const isPortrait = useMediaQuery({ query: \"(orientation: portrait)\" });\r\n  const isRetina = useMediaQuery({ query: \"(min-resolution: 2dppx)\" });\r\n  const [bankListForTRY, setBankListForTRY] = useState([]);\r\n  const [bigTotal, setBigTotal] = useState([]);\r\n  const [loading, setLoading] = useState(true);\r\n  const [currencyList, setCurrencyList] = useState([]);\r\n  const [bankListForTotal, setBankListForTotal] = useState([]);\r\n  const [exchangeRate, setExchangeRate] = useState([]);\r\n  const [chartTakeValuesState, setChartTakeValuesState] = useState([]);\r\n  const [totalBalanceWithCurrency, setTotalBalanceWithCurrency] = useState([]);\r\n  const [totalChart, setTotalChart] = useState([]);\r\n  const [titles, setTitles] = useState([]);\r\n  const [termCurrencyList, setTermCurrencyList] = useState([]);\r\n  const [activeKey, setActiveKey] = useState(\"9999\");\r\n  const [yesterday, setYesterday] = useState(\"\");\r\n  const [isLiveValue, setIsLiveValue] = useState(false);\r\n  const [dailyDate, setDailyDate] = useState(\"\");\r\n  const [currencyLogo, setCurrencyLogo] = useState(\"₺\");\r\n  const [liveDate, setLiveDate] = useState(\"\");\r\n  const [query, setQuery] = useState(\"\");\r\n  const [termBalanceTotal, setTermBalanceTotal] = useState();\r\n  const [balanceTotal, setBalanceTotal] = useState();\r\n  const [\r\n    alternativeAvailableBalanceTotal,\r\n    setAlternativeAvailableBalanceTotal,\r\n  ] = useState();\r\n  const [totalCurrencyValue, setTotalCurrencyValue] = useState(0);\r\n  const [isDigitBankBalance, setIsDigitBankBalance] = useState();\r\n  const [useAvailableBalance, setUseAvailableBalance] = useState(false);\r\n  const [useAvailableCreditBalance, setUseAvailableCreditBalance] =\r\n    useState(false);\r\n  const errorList = [];\r\n  const token = localStorage.getItem(\"token\");\r\n  const errorListNotification = (type) => {\r\n    errorList.map((item) => {\r\n      notification[type]({\r\n        message: \"Hata\",\r\n        description: item,\r\n        duration: 2,\r\n      });\r\n    });\r\n  };\r\n  const chartTakeValues = [];\r\n  const chartTakeValuesTotal = [];\r\n\r\n  useEffect(() => {\r\n    const today = new Date();\r\n    const yesterday = new Date(today);\r\n    RequestHandler.get(`/TenantUserParameter/GetDigitParameter`).then(\r\n      (response) => {\r\n        if (response.success) {\r\n          setIsDigitBankBalance(response.data.isDigitBankBalance);\r\n        }\r\n      }\r\n    );\r\n\r\n    yesterday.setDate(yesterday.getDate() - 1);\r\n    today.toDateString();\r\n    setYesterday(yesterday);\r\n    yesterday.toDateString();\r\n    if (expiration < Date.now()) {\r\n      localStorage.removeItem(\"expiration\");\r\n      localStorage.removeItem(\"token\");\r\n      window.location.reload();\r\n    }\r\n    if (localStorage.getItem(\"token\") == null) {\r\n      window.location.reload();\r\n    }\r\n    axios\r\n      .get(\r\n        `${config.apiUrl}/tenantaccount/GetListForTotalChart?$apply=groupby((BankName),aggregate(Balance with sum as value))`,\r\n        config.headers\r\n      )\r\n      .then((res) => {\r\n        const chartList = [];\r\n        const chartValuesTRY = res.data;\r\n        {\r\n          chartValuesTRY.map((value, index) => {\r\n            var chartModel = {};\r\n            chartModel.name = value.bankName;\r\n            chartModel.value = value.value;\r\n            chartList.push(chartModel);\r\n          });\r\n        }\r\n        var total = 0;\r\n        var valueTotal = 0;\r\n        try {\r\n          {\r\n            chartList.map((value, index) => {\r\n              if (value.value < 0) {\r\n                value.value = 0;\r\n              }\r\n              total += value.value;\r\n            });\r\n          }\r\n\r\n          {\r\n            chartList.map((value, index) => {\r\n              var percents = ((value.value / total) * 100).toFixed(2);\r\n              var percentsFloat = parseFloat(percents);\r\n              if (percentsFloat < 0) {\r\n                percentsFloat = 0;\r\n              }\r\n              value.value = percentsFloat;\r\n              if (value.value < 10) {\r\n                valueTotal += value.value;\r\n              } else {\r\n                chartTakeValues.push(value);\r\n              }\r\n            });\r\n          }\r\n          if (valueTotal != 0) {\r\n            var model = {};\r\n            model.name = \"DİĞER\";\r\n            model.value = valueTotal;\r\n            chartTakeValues.push(model);\r\n          }\r\n          setTotalChart(chartTakeValues);\r\n        } catch (error) {\r\n          if (error.response.status === 403 || error.response.status === 401) {\r\n            history.push(\"/not-authorized-access\");\r\n          } else if (error.response.status === 406) {\r\n            error.response.data.data.map((item) => {\r\n              errorList.push(item);\r\n            });\r\n            errorListNotification(\"error\");\r\n          }\r\n        }\r\n      });\r\n    axios\r\n      .get(\r\n        `${config.apiUrl}/tenantaccount?$filter=currencyId ne null&$apply=groupby((Currency,CurrencyId))&$orderby=currencyId`,\r\n        config.headers\r\n      )\r\n      .then((res) => {\r\n        axios\r\n          .get(\r\n            `${config.apiUrl}/TenantAccount/CurrencyBankListTotal?$filter=CurrencyId ne null`,\r\n            config.headers\r\n          )\r\n          .then((res) => {\r\n            setTotalBalanceWithCurrency(res.data);\r\n          })\r\n          .catch((error) => {\r\n            if (error.response.status === 406) {\r\n              error.response.data.data.map((item) => {\r\n                errorList.push(item);\r\n              });\r\n              errorListNotification(\"error\");\r\n            } else if (\r\n              error.response.status === 403 ||\r\n              error.response.status === 401\r\n            ) {\r\n              history.push(\"/not-authorized-access\");\r\n            } else {\r\n              openNotificationWithIconWarningExcel(\"error\");\r\n            }\r\n          });\r\n        if (res.data.length !== 0) {\r\n          axios\r\n            .get(\r\n              `${config.apiUrl\r\n              }/tenantaccount/GetTenantAccountsList?currencyId=${res.data[0]?.currencyId ?? 0\r\n              }&$apply=groupby((bankName,bankId,bankLogo,currency,currencyLogo),aggregate(Balance with sum as balance, TermBalance with sum as termBalance, AlternativeAvailableBalance with sum as alternativeAvailableBalance))`,\r\n              config.headers\r\n            )\r\n            .then((res) => {\r\n              var bankAccountList = [];\r\n              var toplam = 0;\r\n              var currency = \"\";\r\n              var currencyLogo = \"\";\r\n              var termBalanceTotal = 0;\r\n              var balanceTotal = 0;\r\n              var alternativeAvailableBalanceTotal = 0;\r\n              res.data.map((item) => {\r\n                var model = {};\r\n                model.bankLogo = item.bankLogo;\r\n                model.bankId = item.bankId;\r\n                model.balance = item.balance.toFixed(2).replace(\".\", \",\");\r\n                model.termBalance = item.termBalance\r\n                  .toFixed(2)\r\n                  .replace(\".\", \",\");\r\n                model.alternativeAvailableBalance =\r\n                  item.alternativeAvailableBalance.toFixed(2).replace(\".\", \",\");\r\n                termBalanceTotal += item.termBalance;\r\n                balanceTotal += item.balance;\r\n                alternativeAvailableBalanceTotal +=\r\n                  item.alternativeAvailableBalance;\r\n                model.currency = item.currency;\r\n                model.currencyLogo = item.currencyLogo;\r\n                model.type = item.type;\r\n                bankAccountList.push(model);\r\n                toplam += item.balance;\r\n                currency = item.currency;\r\n                currencyLogo = item.currencyLogo;\r\n              });\r\n              var model = {};\r\n              model.bankLogo = \"Toplam\";\r\n              model.balance = toplam.toFixed(2).replace(\".\", \",\");\r\n              model.bankId = \"\";\r\n              model.currency = currency;\r\n              model.currencyLogo = currencyLogo;\r\n              bankAccountList.push(model);\r\n              setBalanceTotal(balanceTotal);\r\n              setTermBalanceTotal(termBalanceTotal);\r\n              setBigTotal(model.balance);\r\n              setBankListForTRY(bankAccountList);\r\n              setAlternativeAvailableBalanceTotal(\r\n                alternativeAvailableBalanceTotal\r\n              );\r\n            })\r\n            .catch((error) => {\r\n              if (\r\n                error.response.status === 403 ||\r\n                error.response.status === 401\r\n              ) {\r\n                history.push(\"/not-authorized-access\");\r\n              } else if (error.response.status === 406) {\r\n                error.response.data.data.map((item) => {\r\n                  errorList.push(item);\r\n                });\r\n                errorListNotification(\"error\");\r\n              }\r\n            });\r\n        } else {\r\n          return null;\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        if (error.response.status === 403 || error.response.status === 401) {\r\n          history.push(\"/not-authorized-access\");\r\n        }\r\n      });\r\n    axios\r\n      .get(\r\n        `${config.apiUrl}/tenantaccount/GetListForTotal?useAvailableBalance=${useAvailableBalance}&useAvailableCreditBalance=${useAvailableCreditBalance}`,\r\n        config.headers\r\n      )\r\n      .then((res) => {\r\n        var tenantTotalList = [];\r\n        var total = 0;\r\n        res.data.map((item) => {\r\n          var model = {};\r\n          model.bankLogo = item.bankLogo;\r\n          model.totalBalance = item.balance;\r\n          model.totalBalance += item.termBalance;\r\n          model.bankName = item.bankName;\r\n          model.currency = item.tenantList;\r\n          tenantTotalList.push(model);\r\n          model.totalBalance = parseFloat(model.totalBalance.toFixed(2));\r\n          total += model.totalBalance;\r\n        });\r\n        var model = {};\r\n        model.bankLogo = \"TOPLAM\";\r\n        model.balance = parseFloat(total.toFixed(2));\r\n        tenantTotalList.push(model);\r\n        setTotalCurrencyValue(parseFloat(total.toFixed(2)));\r\n        setBankListForTotal(tenantTotalList);\r\n      });\r\n    axios\r\n      .get(\r\n        `${config.apiUrl}/TenantCurrency/GetExchangeRateList`,\r\n        config.headers\r\n      )\r\n      .then((res) => {\r\n        axios\r\n          .get(\r\n            `${config.apiUrl}/TenantCurrency/GetIsDailyValue`,\r\n            config.headers\r\n          )\r\n          .then((ress) => {\r\n            setIsLiveValue(ress.data.isLiveValue);\r\n          })\r\n          .catch((error) => {\r\n            if (\r\n              error.response.status === 403 ||\r\n              error.response.status === 401\r\n            ) {\r\n              history.push(\"/not-authorized-access\");\r\n            } else if (error.response.status === 406) {\r\n              error.response.data.data.map((item) => {\r\n                errorList.push(item);\r\n              });\r\n              errorListNotification(\"error\");\r\n            }\r\n          });\r\n        setLiveDate(res.data[0].liveDate);\r\n        setDailyDate(res.data[0].dailyDate);\r\n        setExchangeRate(res.data);\r\n      })\r\n      .catch((error) => {\r\n        if (error.response.status === 403 || error.response.status === 401) {\r\n          history.push(\"/not-authorized-access\");\r\n        } else if (error.response.status === 406) {\r\n          error.response.data.data.map((item) => {\r\n            errorList.push(item);\r\n          });\r\n          errorListNotification(\"error\");\r\n        }\r\n      });\r\n    axios\r\n      .get(\r\n        `${config.apiUrl}/TenantCurrency/GetCurrencyListWithIsCalculated?$filter=CurrencyId ne null&$apply=groupby((Currency,CurrencyId))&$orderby=CurrencyId`,\r\n        config.headers\r\n      )\r\n      .then((res) => {\r\n        axios\r\n          .get(\r\n            `${config.apiUrl}/tenantaccount/GetCurrencyListWithTermBalanceWithIsCalculated`,\r\n            config.headers\r\n          )\r\n          .then((resp) => {\r\n            var title = [];\r\n            var termCurrencyId = [];\r\n            title.push(\"Banka\");\r\n            res.data.map((item) => {\r\n              title.push(item.currency);\r\n            });\r\n            resp.data\r\n              .sort((a, b) => a.currencyId - b.currencyId)\r\n              .map((item) => {\r\n                if (!title.includes(\"Vadeli \" + item.currency)) {\r\n                  title.push(\"Vadeli \" + item.currency);\r\n                }\r\n                termCurrencyId.push(item.currencyId);\r\n              });\r\n\r\n            setTitles(title);\r\n            setTermCurrencyList(termCurrencyId);\r\n          });\r\n        setCurrencyList(res.data);\r\n        setActiveKey(\"9999\");\r\n        if (res.data.length !== 0) {\r\n          axios\r\n            .get(\r\n              `${config.apiUrl\r\n              }/tenantaccount/GetTenantAccountChartList?currencyId=${res[0]?.currencyId ?? 0\r\n              }&$apply=groupby((name),aggregate(value with sum as value))`,\r\n              config.headers\r\n            )\r\n            .then((res) => {\r\n              const chartValuesTRY = res.data;\r\n              var total = 0;\r\n              var valueTotal = 0;\r\n              var currency = \"\";\r\n              try {\r\n                {\r\n                  chartValuesTRY.map((value, index) => {\r\n                    if (value.value < 0) {\r\n                      value.value = 0;\r\n                    }\r\n                    total += value.value;\r\n                  });\r\n                }\r\n\r\n                {\r\n                  chartValuesTRY.map((value, index) => {\r\n                    var percents = ((value.value / total) * 100).toFixed(2);\r\n                    var percentsFloat = parseFloat(percents);\r\n\r\n                    if (percentsFloat < 0) {\r\n                      percentsFloat = 0;\r\n                    }\r\n                    value.value = percentsFloat;\r\n\r\n                    if (value.value < 10) {\r\n                      valueTotal += value.value;\r\n                    } else {\r\n                      currency = value.currency;\r\n                      chartTakeValuesTotal.push(value);\r\n                    }\r\n                  });\r\n                }\r\n                if (valueTotal != 0) {\r\n                  var model = {};\r\n                  model.Currency = res.data[0]?.currency;\r\n                  model.name = \"DİĞER\";\r\n                  model.value = valueTotal;\r\n                  chartTakeValuesTotal.push(model);\r\n                }\r\n                setChartTakeValuesState(chartTakeValuesTotal);\r\n                setLoading(false);\r\n              } catch (error) {\r\n                if (\r\n                  error.response.status === 403 ||\r\n                  error.response.status === 401\r\n                ) {\r\n                  history.push(\"/not-authorized-access\");\r\n                } else if (error.response.status === 406) {\r\n                  error.response.data.data.map((item) => {\r\n                    errorList.push(item);\r\n                  });\r\n                  errorListNotification(\"error\");\r\n                }\r\n              }\r\n            })\r\n            .catch((error) => {\r\n              if (\r\n                error.response.status === 403 ||\r\n                error.response.status === 401\r\n              ) {\r\n                history.push(\"/not-authorized-access\");\r\n              } else if (error.response.status === 406) {\r\n                error.response.data.data.map((item) => {\r\n                  errorList.push(item);\r\n                });\r\n                errorListNotification(\"error\");\r\n              }\r\n            });\r\n        } else {\r\n          return null;\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        if (error.response.status === 403 || error.response.status === 401) {\r\n          history.push(\"/not-authorized-access\");\r\n        }\r\n      });\r\n  }, [\r\n    setCurrencyList,\r\n    setBankListForTRY,\r\n    setBankListForTotal,\r\n    useAvailableBalance,\r\n    useAvailableCreditBalance,\r\n  ]);\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(\"/TenantParameter/GetByTenant\").then((response) => {\r\n      if (response) {\r\n        if (response.isHasTransactionNotification) {\r\n          const intervalId = setInterval(() => {\r\n            RequestHandler.get(`/AccountTransaction/NotificationControl`).then(\r\n              (res) => {\r\n                if (res) accountTransactionNotification();\r\n              }\r\n            );\r\n          }, 5 * 60 * 1000); // 5 dakika = 5 * 60 * 1000 ms\r\n          return () => clearInterval(intervalId);\r\n        }\r\n      }\r\n    });\r\n  }, []);\r\n\r\n  const accountTransactionNotification = () => {\r\n    notification.close(\"finekra3\");\r\n    notification.info({\r\n      message: \"Güncellenmiş Banka Bakiyeleriniz mevcut.\",\r\n      style: { height: 160 },\r\n      description: (\r\n        <div>\r\n          <div>Güncel Banka Bakiyelerinizi görmek için tıklayınız.</div>\r\n          <Button\r\n            style={{ marginTop: 5, position: \"absolute\", right: 20 }}\r\n            type=\"primary\"\r\n            onClick={() => {\r\n              notification.close(\"finekra3\");\r\n              window.location.reload();\r\n            }}\r\n          >\r\n            <EyeOutlined /> Görüntüle\r\n          </Button>\r\n        </div>\r\n      ),\r\n      duration: 0,\r\n      key: \"finekra3\",\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    axios\r\n      .get(\r\n        `${config.apiUrl}/tenantaccount?$filter=currencyId ne null&$apply=groupby((Currency,CurrencyId))&$orderby=currencyId`,\r\n        config.headers\r\n      )\r\n      .then((res) => {\r\n        axios\r\n          .get(\r\n            `${config.apiUrl}/TenantAccount/CurrencyBankListTotal?$filter=CurrencyId ne null`,\r\n            config.headers\r\n          )\r\n          .then((res) => {\r\n            setTotalBalanceWithCurrency(res.data);\r\n          })\r\n          .catch((error) => {\r\n            if (error.response.status === 406) {\r\n              error.response.data.data.map((item) => {\r\n                errorList.push(item);\r\n              });\r\n              errorListNotification(\"error\");\r\n            } else if (\r\n              error.response.status === 403 ||\r\n              error.response.status === 401\r\n            ) {\r\n              history.push(\"/not-authorized-access\");\r\n            } else {\r\n              openNotificationWithIconWarningExcel(\"error\");\r\n            }\r\n          });\r\n        if (res.data.length !== 0) {\r\n          axios\r\n            .get(\r\n              `${config.apiUrl\r\n              }/tenantaccount/GetTenantAccountsList?currencyId=${res.data[0]?.currencyId ?? 0\r\n              }${query}&$apply=groupby((bankName,bankId,bankLogo,currency,currencyLogo),aggregate(Balance with sum as balances, TermBalance with sum as termBalance, AlternativeAvailableBalance with sum as alternativeAvailableBalance))`,\r\n              config.headers\r\n            )\r\n            .then((res) => {\r\n              var bankAccountList = [];\r\n              var toplam = 0;\r\n              var currency = \"\";\r\n              var currencyLogo = \"\";\r\n              var termBalanceTotal = 0;\r\n              var balanceTotal = 0;\r\n              var alternativeAvailableBalanceTotal = 0;\r\n              res.data.map((item) => {\r\n                var model = {};\r\n                model.bankLogo = item.bankLogo;\r\n                model.bankId = item.bankId;\r\n                model.balance = item.balances.toFixed(2).replace(\".\", \",\");\r\n                model.termBalance = item.termBalance\r\n                  .toFixed(2)\r\n                  .replace(\".\", \",\");\r\n                model.alternativeAvailableBalance =\r\n                  item.alternativeAvailableBalance.toFixed(2).replace(\".\", \",\");\r\n                termBalanceTotal += item.termBalance;\r\n                balanceTotal += item.balance;\r\n                alternativeAvailableBalanceTotal +=\r\n                  item.alternativeAvailableBalance;\r\n                model.currency = item.currency;\r\n                model.currencyLogo = item.currencyLogo;\r\n                model.type = item.type;\r\n                bankAccountList.push(model);\r\n                toplam += item.balances;\r\n                currency = item.currency;\r\n                currencyLogo = item.currencyLogo;\r\n              });\r\n              var model = {};\r\n              model.bankLogo = \"Toplam\";\r\n              model.balance = toplam.toFixed(2).replace(\".\", \",\");\r\n              model.bankId = \"\";\r\n              model.currency = currency;\r\n              model.currencyLogo = currencyLogo;\r\n              bankAccountList.push(model);\r\n              setBalanceTotal(balanceTotal);\r\n              setTermBalanceTotal(termBalanceTotal);\r\n              setBankListForTRY(bankAccountList);\r\n              setBigTotal(model.balance);\r\n              setAlternativeAvailableBalanceTotal(\r\n                alternativeAvailableBalanceTotal\r\n              );\r\n            })\r\n            .catch((error) => {\r\n              if (\r\n                error.response.status === 403 ||\r\n                error.response.status === 401\r\n              ) {\r\n                history.push(\"/not-authorized-access\");\r\n              } else if (error.response.status === 406) {\r\n                error.response.data.data.map((item) => {\r\n                  errorList.push(item);\r\n                });\r\n                errorListNotification(\"error\");\r\n              }\r\n            });\r\n        } else {\r\n          return null;\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        if (error.response.status === 403 || error.response.status === 401) {\r\n          history.push(\"/not-authorized-access\");\r\n        }\r\n      });\r\n  }, [query]);\r\n\r\n  // const titles = [];\r\n  //  bankListForTotal.map((item)=>{\r\n  //    item.currency.filter(x=> currencyList.includes(x.currencyId === 3 && x.termBalance !== null)[0]?.currencyId  //1,2,3\r\n  //  })\r\n\r\n  function onChange(value) {\r\n    var exchangeValue = exchangeRate.filter((x) => x.currencyCode == value)[0]\r\n      ?.value;\r\n    if (value != \"TRY\") {\r\n      bankListForTotal.map((item) => {\r\n        item.totalBalance = (\r\n          item.totalBalance / parseFloat(exchangeValue.replace(\",\", \".\"))\r\n        ).toFixed(2);\r\n      });\r\n    }\r\n    axios\r\n      .get(\r\n        `${config.apiUrl}/tenantaccount/GetListForTotal?currencyCode=${value}&useAvailableBalance=${useAvailableBalance}&useAvailableCreditBalance=${useAvailableCreditBalance}`,\r\n        config.headers\r\n      )\r\n      .then((res) => {\r\n        var tenantTotalList = [];\r\n        var total = 0;\r\n        res.data.map((item) => {\r\n          setCurrencyLogo(item.currencyLogo);\r\n          var model = {};\r\n\r\n          model.bankLogo = item.bankLogo;\r\n          model.currencyLogo = item.currencyLogo;\r\n          model.totalBalance = parseFloat(item.balance.toFixed(2));\r\n          model.totalBalance += parseFloat(item.termBalance.toFixed(2));\r\n          model.bankName = item.bankName;\r\n          model.currency = item.tenantList;\r\n          model.totalBalance = parseFloat(model.totalBalance.toFixed(2));\r\n          tenantTotalList.push(model);\r\n          total += model.totalBalance;\r\n        });\r\n        var model = {};\r\n        model.bankLogo = \"TOPLAM\";\r\n        model.balance = parseFloat(total.toFixed(2));\r\n        tenantTotalList.push(model);\r\n        setTotalCurrencyValue(parseFloat(total.toFixed(2)));\r\n        setBankListForTotal(tenantTotalList);\r\n      });\r\n    // setBankListForTotal(bankListForTotal)\r\n  }\r\n\r\n  function onSearch(val) { }\r\n  const columnsTotal = [\r\n    {\r\n      title: \"Banka\",\r\n      dataIndex: \"bankLogo\",\r\n      width: \"20%\",\r\n      render: (text, row, index) => {\r\n        {\r\n          if (row.bankLogo != \"TOPLAM\") {\r\n            return <img src={row.bankLogo}></img>;\r\n          }\r\n        }\r\n      },\r\n    },\r\n    {\r\n      title: \"Bakiye\",\r\n      dataIndex: \"balance\",\r\n      align: \"right\",\r\n      render: (text, row, index) => {\r\n        {\r\n          if (row.bankLogo != \"TOPLAM\") {\r\n            return (\r\n              <CurrencyFormat\r\n                value={row.totalBalance}\r\n                displayType={\"text\"}\r\n                decimalSeparator={\",\"}\r\n                thousandSeparator={\".\"}\r\n                prefix={\"₺\"}\r\n              />\r\n            );\r\n          }\r\n        }\r\n      },\r\n    },\r\n  ];\r\n  const columnsExchangeRate = [\r\n    {\r\n      dataIndex: \"currencyName\",\r\n    },\r\n    {\r\n      dataIndex: \"currencyCode\",\r\n    },\r\n    {\r\n      dataIndex: \"value\",\r\n      render: (record, text) => {\r\n        return `${record === null ? \"-\" : record}`;\r\n      },\r\n    },\r\n  ];\r\n  const paging = (p, filters, sorter) => {\r\n    let order = \"\";\r\n    if (sorter.columnKey && sorter.order) {\r\n      order =\r\n        \"&\" +\r\n        (sorter.order === \"ascend\"\r\n          ? odata.orderBy(sorter.columnKey)\r\n          : odata.orderByDesc(sorter.columnKey));\r\n    }\r\n    setQuery(order);\r\n  };\r\n  const columns = [\r\n    {\r\n      title: \"Banka\",\r\n      dataIndex: \"bankLogo\",\r\n      render: (text, row, index) => {\r\n        return (\r\n          <div style={{ width: 100 }}>\r\n            <img src={row.bankLogo}></img>\r\n          </div>\r\n        );\r\n      },\r\n    },\r\n    {\r\n      title: \"Vadesiz Bakiye\",\r\n      dataIndex: \"balance\",\r\n      align: \"right\",\r\n      key: \"balances\",\r\n      render: (text, row, index) => {\r\n        return isDigitBankBalance ? (\r\n          <CurrencyFormat\r\n            value={row.balance}\r\n            displayType={\"text\"}\r\n            decimalSeparator={\",\"}\r\n            thousandSeparator={\".\"}\r\n            prefix={row.currencyLogo}\r\n          />\r\n        ) : (\r\n          <CurrencyFormat\r\n            value={row.balance.split(\",\")[0]}\r\n            displayType={\"text\"}\r\n            decimalSeparator={\",\"}\r\n            thousandSeparator={\".\"}\r\n            prefix={row.currencyLogo}\r\n          />\r\n        );\r\n      },\r\n    },\r\n    {\r\n      title: \"Vadeli Bakiye\",\r\n      dataIndex: \"termBalance\",\r\n      align: \"right\",\r\n      key: \"termBalance\",\r\n      render: (text, row, index) => {\r\n        return isDigitBankBalance ? (\r\n          <CurrencyFormat\r\n            value={row.termBalance}\r\n            displayType={\"text\"}\r\n            decimalSeparator={\",\"}\r\n            thousandSeparator={\".\"}\r\n            prefix={row.currencyLogo}\r\n          />\r\n        ) : (\r\n          <CurrencyFormat\r\n            value={row.termBalance.split(\",\")[0]}\r\n            displayType={\"text\"}\r\n            decimalSeparator={\",\"}\r\n            thousandSeparator={\".\"}\r\n            prefix={row.currencyLogo}\r\n          />\r\n        );\r\n      },\r\n    },\r\n    {\r\n      title: \"Toplam Bakiye\",\r\n      dataIndex: \"\",\r\n      align: \"right\",\r\n      key: \"totalBalance\",\r\n      render: (text, row, index) => {\r\n        return parseFloat(\r\n          (\r\n            parseFloat(row.termBalance.replace(\",\", \".\")) +\r\n            parseFloat(row.balance.replace(\",\", \".\"))\r\n          ).toFixed(2)\r\n        )\r\n          .toString()\r\n          .includes(\".\") === true ? (\r\n          <CurrencyFormat\r\n            value={\r\n              isDigitBankBalance\r\n                ? parseFloat(\r\n                  (\r\n                    parseFloat(row.termBalance.replace(\",\", \".\")) +\r\n                    parseFloat(row.balance.replace(\",\", \".\"))\r\n                  ).toFixed(2)\r\n                )\r\n                : parseFloat(\r\n                  (\r\n                    parseFloat(row.termBalance.replace(\",\", \".\")) +\r\n                    parseFloat(row.balance.replace(\",\", \".\"))\r\n                  )\r\n                    .toFixed(2)\r\n                    .toString()\r\n                    .split(\".\")[0]\r\n                )\r\n            }\r\n            displayType={\"text\"}\r\n            decimalSeparator={\",\"}\r\n            thousandSeparator={\".\"}\r\n            prefix={row.currencyLogo}\r\n          />\r\n        ) : (\r\n          <>\r\n            <CurrencyFormat\r\n              value={\r\n                isDigitBankBalance\r\n                  ? parseFloat(\r\n                    (\r\n                      parseFloat(row.termBalance.replace(\",\", \".\")) +\r\n                      parseFloat(row.balance.replace(\",\", \".\"))\r\n                    ).toFixed(2)\r\n                  )\r\n                  : parseFloat(\r\n                    (\r\n                      parseFloat(row.termBalance.replace(\",\", \".\")) +\r\n                      parseFloat(row.balance.replace(\",\", \".\"))\r\n                    )\r\n                      .toFixed(2)\r\n                      .toString()\r\n                      .split(\".\")[0]\r\n                  )\r\n              }\r\n              displayType={\"text\"}\r\n              decimalSeparator={\",\"}\r\n              thousandSeparator={\".\"}\r\n              prefix={row.currencyLogo}\r\n            />\r\n            {isDigitBankBalance ? \",00\" : \"\"}\r\n          </>\r\n        );\r\n      },\r\n    },\r\n    {\r\n      title: \"Kullanılabilir Bakiye\",\r\n      dataIndex: \"alternativeAvailableBalance\",\r\n      align: \"right\",\r\n      key: \"alternativeAvailableBalance\",\r\n      render: (text, row, index) => {\r\n        return isDigitBankBalance ? (\r\n          <CurrencyFormat\r\n            value={row.alternativeAvailableBalance}\r\n            displayType={\"text\"}\r\n            decimalSeparator={\",\"}\r\n            thousandSeparator={\".\"}\r\n            prefix={row.currencyLogo}\r\n          />\r\n        ) : (\r\n          <CurrencyFormat\r\n            value={row.alternativeAvailableBalance.split(\",\")[0]}\r\n            displayType={\"text\"}\r\n            decimalSeparator={\",\"}\r\n            thousandSeparator={\".\"}\r\n            prefix={row.currencyLogo}\r\n          />\r\n        );\r\n      },\r\n    },\r\n    {\r\n      title: \"Detay\",\r\n      dataIndex: \"BankId\",\r\n      width: \"20%\",\r\n      render: (row, record, text) => {\r\n        if (record.bankLogo === \"Toplam\") {\r\n          return null;\r\n        } else {\r\n          return (\r\n            <Link\r\n              style={{ fontSize: \"150%\" }}\r\n              to={`/bank-list-accounts/${record.bankId}-${record.currency}`}\r\n            >\r\n              <MenuUnfoldOutlined />\r\n            </Link>\r\n          );\r\n        }\r\n      },\r\n    },\r\n  ];\r\n  const ContactSideBar = (value, e) => {\r\n    var totalCurrencyValue = 0;\r\n    var currency = \"\";\r\n    bankListForTRY\r\n      .filter((x) => x.bankLogo == \"Toplam\")\r\n      .map((item) => {\r\n        if (item.bankLogo === \"Toplam\") {\r\n          totalCurrencyValue = item.balance;\r\n          currency = item.currencyLogo;\r\n        }\r\n      });\r\n    return (\r\n      <Row>\r\n        {isTabletOrMobile === false && (\r\n          <>\r\n            <Col span={12} style={{ paddingLeft: 19 }}>\r\n              <Table\r\n                locale={{\r\n                  emptyText: (\r\n                    <Empty\r\n                      image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                      description=\"Veri Yok\"\r\n                    />\r\n                  ),\r\n                }}\r\n                style={{ overflowX: \"auto\", maxHeight: \"100%\" }}\r\n                columns={columns}\r\n                size=\"small\"\r\n                dataSource={bankListForTRY.filter(\r\n                  (x) => x.currency == value && x.bankLogo != \"Toplam\"\r\n                )}\r\n                rowKey=\"Id\"\r\n                sortable={true}\r\n                onChange={paging}\r\n                bordered\r\n                title={() => \"BANKA LİSTESİ\"}\r\n                summary={(pageData) => {\r\n                  return (\r\n                    <>\r\n                      <Table.Summary.Row style={{ textAlign: \"end\" }}>\r\n                        <Table.Summary.Cell>\r\n                          <strong>TOPLAM :</strong>\r\n                        </Table.Summary.Cell>\r\n                        <Table.Summary.Cell>\r\n                          <Text>\r\n                            {balanceTotal.toLocaleString(\"tr-TR\", {\r\n                              minimumFractionDigits: 2,\r\n                              maximumFractionDigits: 2,\r\n                            })}\r\n                          </Text>\r\n                        </Table.Summary.Cell>\r\n                        <Table.Summary.Cell>\r\n                          <Text>\r\n                            {termBalanceTotal.toLocaleString(\"tr-TR\", {\r\n                              minimumFractionDigits: 2,\r\n                              maximumFractionDigits: 2,\r\n                            })}\r\n                          </Text>\r\n                        </Table.Summary.Cell>\r\n                        <Table.Summary.Cell>\r\n                          <Text>\r\n                            {parseFloat(\r\n                              bigTotal.replace(\",\", \".\")\r\n                            ).toLocaleString(\"tr-TR\", {\r\n                              minimumFractionDigits: 2,\r\n                              maximumFractionDigits: 2,\r\n                            })}\r\n                          </Text>\r\n                        </Table.Summary.Cell>\r\n                        <Table.Summary.Cell>\r\n                          <Text>\r\n                            {alternativeAvailableBalanceTotal.toLocaleString(\r\n                              \"tr-TR\",\r\n                              {\r\n                                minimumFractionDigits: 2,\r\n                                maximumFractionDigits: 2,\r\n                              }\r\n                            )}\r\n                          </Text>\r\n                        </Table.Summary.Cell>\r\n                        <Table.Summary.Cell>\r\n                          <Text></Text>\r\n                        </Table.Summary.Cell>\r\n                      </Table.Summary.Row>\r\n                    </>\r\n                  );\r\n                }}\r\n              />\r\n            </Col>\r\n            <Col span={12}>\r\n              <PieChart width={500} height={500}>\r\n                <Pie\r\n                  outerRadius={150}\r\n                  data={chartTakeValuesState}\r\n                  fill=\"#8884d8\"\r\n                  label={renderCustomizedLabelTRY}\r\n                >\r\n                  {chartTakeValuesState.map((entry, index) => (\r\n                    <Cell\r\n                      key={`cell-${index}`}\r\n                      fill={COLORS[index % COLORS.length]}\r\n                    />\r\n                  ))}\r\n                </Pie>\r\n                <Tooltip content={CustomToolTip} />\r\n              </PieChart>\r\n              {chartTakeValuesState.map((entry, index) => (\r\n                <div key={`cell-${index}`}>\r\n                  <a style={{ color: COLORS[index % COLORS.length] }}>\r\n                    <CaretRightFilled />\r\n                  </a>\r\n                  {entry.name}\r\n                </div>\r\n              ))}\r\n            </Col>\r\n          </>\r\n        )}\r\n        {isTabletOrMobile && (\r\n          <>\r\n            <Col span={24}>\r\n              <Table\r\n                locale={{\r\n                  emptyText: (\r\n                    <Empty\r\n                      image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                      description=\"Veri Yok\"\r\n                    />\r\n                  ),\r\n                }}\r\n                style={{ overflowX: \"auto\", maxHeight: \"100%\" }}\r\n                columns={columns}\r\n                size=\"small\"\r\n                dataSource={bankListForTRY.filter(\r\n                  (x) => x.currency == value && x.bankLogo != \"Toplam\"\r\n                )}\r\n                rowKey=\"Id\"\r\n                sortable={true}\r\n                onChange={paging}\r\n                bordered\r\n                title={() => \"BANKA LİSTESİ\"}\r\n                footer={() => (\r\n                  <div>\r\n                    <div>\r\n                      Toplam :{\" \"}\r\n                      <CurrencyFormat\r\n                        value={\r\n                          isDigitBankBalance\r\n                            ? totalCurrencyValue\r\n                            : totalCurrencyValue.split(\",\")[0]\r\n                        }\r\n                        displayType={\"text\"}\r\n                        decimalSeparator={\",\"}\r\n                        thousandSeparator={\".\"}\r\n                        prefix={currency}\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                )}\r\n              />\r\n            </Col>\r\n            <Col span={24}>\r\n              <PieChart\r\n                width={isChartWidth === true ? 500 : 300}\r\n                height={isChartWidth === true ? 500 : 300}\r\n              >\r\n                <Pie\r\n                  outerRadius={isChartWidth === true ? 150 : 80}\r\n                  data={chartTakeValuesState}\r\n                  fill=\"#8884d8\"\r\n                  label={renderCustomizedLabelTRY}\r\n                >\r\n                  {chartTakeValuesState.map((entry, index) => (\r\n                    <Cell\r\n                      key={`cell-${index}`}\r\n                      fill={COLORS[index % COLORS.length]}\r\n                    />\r\n                  ))}\r\n                </Pie>\r\n                <Tooltip content={CustomToolTip} />\r\n              </PieChart>\r\n              {chartTakeValuesState.map((entry, index) => (\r\n                <div key={`cell-${index}`}>\r\n                  <a style={{ color: COLORS[index % COLORS.length] }}>\r\n                    <CaretRightFilled />\r\n                  </a>\r\n                  {entry.name}\r\n                </div>\r\n              ))}\r\n            </Col>\r\n          </>\r\n        )}\r\n      </Row>\r\n    );\r\n  };\r\n  const openNotificationWithIconExcel = (type) => {\r\n    notification[type]({\r\n      message: \"BAŞARILI\",\r\n      description: \"Excel indirme işlemi başarı ile gerçekleşti.\",\r\n      duration: 2,\r\n    });\r\n  };\r\n  const openNotificationWithIconWarningExcel = (type) => {\r\n    notification[type]({\r\n      message: \"HATA\",\r\n      description: \"Excel indirme işlemi sırasında bir hata oluştu.\",\r\n      duration: 2,\r\n    });\r\n  };\r\n\r\n  const handleChange = (activeKey) => {\r\n    axios\r\n      .get(\r\n        `${config.apiUrl}/tenantaccount/GetTenantAccountsList?currencyId=${activeKey == \"null\" ? 0 : activeKey\r\n        }${query}&$apply=groupby((bankName,bankId,bankLogo,currency,currencyLogo),aggregate(Balance with sum as balance, TermBalance with sum as termBalance, AlternativeAvailableBalance with sum as alternativeAvailableBalance))`,\r\n        config.headers\r\n      )\r\n      .then((res) => {\r\n        var bankAccountList = [];\r\n        var toplam = 0;\r\n        var currency = \"\";\r\n        var currencyLogo = \"\";\r\n        var termBalanceTotal = 0;\r\n        var balanceTotal = 0;\r\n        var alternativeAvailableBalanceTotal = 0;\r\n        res.data.map((item) => {\r\n          var model = {};\r\n          model.bankLogo = item.bankLogo;\r\n          model.bankId = item.bankId;\r\n          model.balance = item.balance.toFixed(2).replace(\".\", \",\");\r\n          model.termBalance = item.termBalance.toFixed(2).replace(\".\", \",\");\r\n          model.alternativeAvailableBalance = item.alternativeAvailableBalance\r\n            .toFixed(2)\r\n            .replace(\".\", \",\");\r\n          model.currency = item.currency;\r\n          model.currencyLogo = item.currencyLogo;\r\n          model.type = item.type;\r\n          bankAccountList.push(model);\r\n          toplam += item.balance;\r\n          toplam += item.termBalance;\r\n          termBalanceTotal += item.termBalance;\r\n          balanceTotal += item.balance;\r\n          alternativeAvailableBalanceTotal += item.alternativeAvailableBalance;\r\n          currency = item.currency;\r\n          currencyLogo = item.currencyLogo;\r\n        });\r\n        var model = {};\r\n        model.bankLogo = \"Toplam\";\r\n        model.balance = toplam.toFixed(2).replace(\".\", \",\");\r\n        model.bankId = \"\";\r\n        model.currency = currency;\r\n        model.currencyLogo = currencyLogo;\r\n        bankAccountList.push(model);\r\n        setBalanceTotal(balanceTotal);\r\n        setTermBalanceTotal(termBalanceTotal);\r\n        setBankListForTRY(bankAccountList);\r\n        setBigTotal(model.balance);\r\n        setAlternativeAvailableBalanceTotal(alternativeAvailableBalanceTotal);\r\n      })\r\n      .catch((error) => {\r\n        if (error.response.status === 403 || error.response.status === 401) {\r\n          history.push(\"/not-authorized-access\");\r\n        } else if (error.response.status === 406) {\r\n          error.response.data.data.map((item) => {\r\n            errorList.push(item);\r\n          });\r\n          errorListNotification(\"error\");\r\n        }\r\n      });\r\n\r\n    axios\r\n      .get(\r\n        `${config.apiUrl}/tenantaccount/GetTenantAccountChartList?currencyId=${activeKey == \"null\" ? 0 : activeKey\r\n        }&$apply=groupby((name),aggregate(value with sum as value))`,\r\n        config.headers\r\n      )\r\n      .then((res) => {\r\n        const chartValuesTRY = res.data;\r\n        var total = 0;\r\n        var valueTotal = 0;\r\n        var currency = \"\";\r\n        try {\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              if (value.value < 0) {\r\n                value.value = 0;\r\n              }\r\n              total += value.value;\r\n            });\r\n          }\r\n\r\n          {\r\n            chartValuesTRY.map((value, index) => {\r\n              var percents = ((value.value / total) * 100).toFixed(2);\r\n              var percentsFloat = parseFloat(percents);\r\n\r\n              if (percentsFloat < 0) {\r\n                percentsFloat = 0;\r\n              }\r\n              value.value = percentsFloat;\r\n\r\n              if (value.value < 10) {\r\n                valueTotal += value.value;\r\n              } else {\r\n                currency = value.Currency;\r\n                chartTakeValuesTotal.push(value);\r\n              }\r\n            });\r\n          }\r\n          if (valueTotal != 0) {\r\n            var model = {};\r\n            model.name = \"DİĞER\";\r\n            model.value = valueTotal;\r\n            chartTakeValuesTotal.push(model);\r\n          }\r\n          setChartTakeValuesState(chartTakeValuesTotal);\r\n        } catch (error) {\r\n          if (error.response.status === 403 || error.response.status === 401) {\r\n            history.push(\"/not-authorized-access\");\r\n          } else if (error.response.status === 406) {\r\n            error.response.data.data.map((item) => {\r\n              errorList.push(item);\r\n            });\r\n            errorListNotification(\"error\");\r\n          }\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        if (error.response.status === 403 || error.response.status === 401) {\r\n          history.push(\"/not-authorized-access\");\r\n        } else if (error.response.status === 406) {\r\n          error.response.data.data.map((item) => {\r\n            errorList.push(item);\r\n          });\r\n          errorListNotification(\"error\");\r\n        }\r\n      });\r\n    setActiveKey(activeKey);\r\n  };\r\n\r\n  const { TabPane } = Tabs;\r\n  var totalValue = 0;\r\n  var currency = \"\";\r\n  bankListForTotal.map((item) => {\r\n    if (item.bankLogo === \"TOPLAM\") {\r\n      totalValue = item.balance;\r\n      currency = \"₺\";\r\n    }\r\n  });\r\n\r\n  function onChangeBalanceDropDown(value) {\r\n    if (value === \"Kullanılabilir Bakiye\") {\r\n      setUseAvailableBalance(true);\r\n      setUseAvailableCreditBalance(false);\r\n    } else if (value === \"Kredili Kullanılabilir Bakiye\") {\r\n      setUseAvailableBalance(false);\r\n      setUseAvailableCreditBalance(true);\r\n    } else {\r\n      setUseAvailableBalance(false);\r\n      setUseAvailableCreditBalance(false);\r\n    }\r\n  }\r\n\r\n  return (\r\n    <div>\r\n      {isTabletOrMobileDevice ? (\r\n        <Row>\r\n          <Col span={8}>\r\n            <p style={{ fontSize: \"100%\" }}>\r\n              <BarsOutlined /> BANKA LİSTESİ\r\n            </p>\r\n          </Col>\r\n          <Col span={12}>\r\n\r\n            <Select\r\n              optionFilterProp=\"children\"\r\n              onChange={onChangeBalanceDropDown}\r\n              size=\"small\"\r\n              style={{ width: \"100%\" }}\r\n              defaultValue={\"Bakiye\"}\r\n            >\r\n              <Option key={0} value={\"Bakiye\"}>\r\n                Bakiye\r\n              </Option>\r\n              <Option key={1} value={\"Kullanılabilir Bakiye\"}>\r\n                Kullanılabilir Bakiye\r\n              </Option>\r\n              <Option key={2} value={\"Kredili Kullanılabilir Bakiye\"}>\r\n                Kredili Kullanılabilir Bakiye\r\n              </Option>\r\n            </Select>\r\n          </Col>\r\n          <Col span={1}>\r\n            {activeKey === \"9999\" ? (\r\n              <div style={{ marginTop: -5 ,display:'flex'}}>\r\n                <AntdTooltip title=\"Bakiye Hesaplaması için Kullanılabilir Bakiye seçilirse, Bankadan Kullanılabilir Bakiye bilgisi gelmediği taktirde normal Bakiye ile hesaplama yapılır.\">\r\n                  <QuestionCircleOutlined\r\n                    className=\"gx-text-blue\"\r\n                    style={{\r\n                      marginRight: 10,\r\n                      marginTop: 6,\r\n                      fontSize: \"150%\",\r\n                    }}\r\n                  />\r\n                </AntdTooltip>\r\n                <ReactHTMLTableToExcel\r\n                  table=\"emp\"\r\n                  filename=\"BankaListesi\"\r\n                  sheet=\"tablexlsx\"\r\n                  buttonText={\r\n                    <p\r\n                      style={{\r\n                        fontSize: \"200%\",\r\n                        color: \"green\",\r\n                        marginBottom: \"-6px\",\r\n                        marginTop: \"-5px\",\r\n                        marginLeft: \"-11px\",\r\n                        marginRight: \"-12px\",\r\n                        background: \"white\",\r\n                      }}\r\n                    >\r\n                      <FileExcelOutlined />\r\n                    </p>\r\n                  }\r\n                />\r\n              </div>\r\n            ) : null}\r\n          </Col>\r\n        </Row>\r\n      ) : (\r\n        <Row>\r\n          <Col span={16}>\r\n            <p style={{ fontSize: \"120%\" }}>\r\n              <BarsOutlined /> BANKA LİSTESİ\r\n            </p>\r\n          </Col>\r\n          <Col span={2} style={{ textAlign: \"right\" }}>\r\n            <AntdTooltip title=\"Bakiye Hesaplaması için Kullanılabilir Bakiye veya Kredili Kullanılabilir Bakiye seçilirse, Bankadan Kullanılabilir Bakiye veya Kredili Kullanılabilir Bakiye bilgisi gelmediği taktirde hesabın Bakiye bilgisi  ile hesaplama yapılır.\">\r\n              <QuestionCircleOutlined\r\n                className=\"gx-text-blue\"\r\n                style={{\r\n                  marginRight: 10,\r\n                  marginTop: 6,\r\n                  fontSize: \"150%\",\r\n                }}\r\n              />\r\n            </AntdTooltip>\r\n          </Col>\r\n          <Col span={4}>\r\n            <Select\r\n              optionFilterProp=\"children\"\r\n              onChange={onChangeBalanceDropDown}\r\n              size=\"middle\"\r\n              style={{ width: \"100%\" }}\r\n              defaultValue={\"Bakiye\"}\r\n            >\r\n              <Option key={0} value={\"Bakiye\"}>\r\n                Bakiye{\" \"}\r\n              </Option>\r\n              <Option key={1} value={\"Kullanılabilir Bakiye\"}>\r\n                Kullanılabilir Bakiye\r\n              </Option>\r\n              <Option key={2} value={\"Kredili Kullanılabilir Bakiye\"}>\r\n                Kredili Kullanılabilir Bakiye\r\n              </Option>\r\n            </Select>\r\n          </Col>\r\n          <Col span={2}>\r\n            {activeKey === \"9999\" ? (\r\n              <div>\r\n                <ReactHTMLTableToExcel\r\n                  table=\"emp\"\r\n                  filename=\"BankaListesi\"\r\n                  sheet=\"tablexlsx\"\r\n                  buttonText={\r\n                    <p\r\n                      style={{\r\n                        fontSize: \"200%\",\r\n                        color: \"green\",\r\n                        marginBottom: \"-6px\",\r\n                        marginTop: \"-5px\",\r\n                        marginLeft: \"-11px\",\r\n                        marginRight: \"-12px\",\r\n                        background: \"white\",\r\n                      }}\r\n                    >\r\n                      <FileExcelOutlined />\r\n                    </p>\r\n                  }\r\n                />\r\n              </div>\r\n            ) : null}\r\n          </Col>\r\n        </Row>\r\n      )}\r\n\r\n      <Tabs onChange={handleChange} activeKey={activeKey}>\r\n        {currencyList.length !== 0 ? (\r\n          <TabPane tab=\"TÜMÜ\" key=\"9999\">\r\n            <Spin spinning={loading}>\r\n              <Row justify={\"center\"}>\r\n              {isTabletOrMobile === false && (\r\n                  <>\r\n                    <Col span={24}>\r\n                      <table class=\"table\" style={{ marginBottom: 50 }}>\r\n                        <tr>\r\n                          {/* BAŞLIKLAR */}\r\n                          {titles.map((item) => {\r\n                            return (\r\n                              <th\r\n                                style={{ paddingBottom: 10, textAlign: \"end\" }}\r\n                              >\r\n                                {item}\r\n                              </th>\r\n                            );\r\n                          })}\r\n                          <td style={{ paddingLeft: 30 }}>\r\n                            <Select\r\n                              showSearch\r\n                              optionFilterProp=\"children\"\r\n                              onChange={onChange}\r\n                              size=\"small\"\r\n                              style={{ marginBottom: 4 }}\r\n                              onSearch={onSearch}\r\n                              defaultValue={\"TRY\"}\r\n                              filterOption={(input, option) =>\r\n                                option.children\r\n                                  .toLowerCase()\r\n                                  .indexOf(input.toLowerCase()) >= 0\r\n                              }\r\n                            >\r\n                              {currencyList.map((item) => {\r\n                                return (\r\n                                  <Option value={item.currency}>\r\n                                    {\" \"}\r\n                                    <strong>{item.currency} TOPLAM </strong>\r\n                                  </Option>\r\n                                );\r\n                              })}\r\n                            </Select>\r\n                          </td>\r\n                        </tr>\r\n                        {bankListForTotal.map((item) => {\r\n                          // KOLON DETAYLAR\r\n                          if (item.bankLogo !== \"TOPLAM\") {\r\n                            var currency = item.currency;\r\n                            return (\r\n                              <tr>\r\n                                <td\r\n                                  style={{\r\n                                    paddingBottom: 13,\r\n                                    textAlign: \"end\",\r\n                                  }}\r\n                                >\r\n                                  <img\r\n                                    style={{ width: 100, marginRight: 15 }}\r\n                                    src={item.bankLogo}\r\n                                  />\r\n                                </td>\r\n                                {currency?.map((accounts) => {\r\n                                  return (\r\n                                    <td\r\n                                      style={{\r\n                                        paddingBottom: 13,\r\n                                        width: 120,\r\n                                        textAlign: \"end\",\r\n                                      }}\r\n                                      class=\"text-center\"\r\n                                    >\r\n                                      {accounts.balance\r\n                                        .toString()\r\n                                        .includes(\".\") ? (\r\n                                        <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                          <CurrencyFormat\r\n                                            value={\r\n                                              isDigitBankBalance\r\n                                                ? accounts.balance\r\n                                                : accounts.balance\r\n                                                  .toString()\r\n                                                  .split(\".\")[0]\r\n                                            }\r\n                                            displayType={\"text\"}\r\n                                            decimalSeparator={\",\"}\r\n                                            thousandSeparator={\".\"}\r\n                                            prefix={accounts.currencyLogo}\r\n                                          />\r\n                                        </div>\r\n                                      ) : (\r\n                                        <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                          {\" \"}\r\n                                          <CurrencyFormat\r\n                                            value={\r\n                                              isDigitBankBalance\r\n                                                ? accounts.balance\r\n                                                : accounts.balance\r\n                                                  .toString()\r\n                                                  .split(\".\")[0]\r\n                                            }\r\n                                            displayType={\"text\"}\r\n                                            decimalSeparator={\",\"}\r\n                                            thousandSeparator={\".\"}\r\n                                            prefix={accounts.currencyLogo}\r\n                                          />\r\n                                          {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                                        </div>\r\n                                      )}\r\n                                    </td>\r\n                                  );\r\n                                })}\r\n                                {/* VADELİ KOLON */}\r\n                                {currency?.map((accounts) => {\r\n                                  if (\r\n                                    termCurrencyList.includes(\r\n                                      accounts.currencyId\r\n                                    )\r\n                                  ) {\r\n                                    return (\r\n                                      <td\r\n                                        style={{\r\n                                          paddingBottom: 13,\r\n                                          width: 120,\r\n                                          textAlign: \"end\",\r\n                                        }}\r\n                                        class=\"text-center\"\r\n                                      >\r\n                                        {accounts.termBalance\r\n                                          .toString()\r\n                                          .includes(\".\") ? (\r\n                                          <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                            <CurrencyFormat\r\n                                              value={\r\n                                                isDigitBankBalance\r\n                                                  ? accounts.termBalance\r\n                                                  : accounts.termBalance\r\n                                                    .toString()\r\n                                                    .split(\".\")[0]\r\n                                              }\r\n                                              displayType={\"text\"}\r\n                                              decimalSeparator={\",\"}\r\n                                              thousandSeparator={\".\"}\r\n                                              prefix={accounts.currencyLogo}\r\n                                            />\r\n                                          </div>\r\n                                        ) : (\r\n                                          <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                            {\" \"}\r\n                                            <CurrencyFormat\r\n                                              value={\r\n                                                isDigitBankBalance\r\n                                                  ? accounts.termBalance\r\n                                                  : accounts.termBalance\r\n                                                    .toString()\r\n                                                    .split(\".\")[0]\r\n                                              }\r\n                                              displayType={\"text\"}\r\n                                              decimalSeparator={\",\"}\r\n                                              thousandSeparator={\".\"}\r\n                                              prefix={accounts.currencyLogo}\r\n                                            />\r\n                                            {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                                          </div>\r\n                                        )}\r\n                                      </td>\r\n                                    );\r\n                                  }\r\n                                })}\r\n\r\n                                <td\r\n                                  style={{\r\n                                    paddingBottom: 13,\r\n                                    textAlign: \"end\",\r\n                                  }}\r\n                                >\r\n                                  {/* SAĞ KOLON TOPLAMLAR */}\r\n                                  {item.totalBalance\r\n                                    .toString()\r\n                                    .includes(\".\") ? (\r\n                                    <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                      <CurrencyFormat\r\n                                        value={\r\n                                          isDigitBankBalance\r\n                                            ? item.totalBalance\r\n                                            : item.totalBalance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                        }\r\n                                        displayType={\"text\"}\r\n                                        decimalSeparator={\",\"}\r\n                                        thousandSeparator={\".\"}\r\n                                        prefix={item.currencyLogo ?? \"₺\"}\r\n                                      />\r\n                                    </div>\r\n                                  ) : (\r\n                                    <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                      <CurrencyFormat\r\n                                        value={\r\n                                          isDigitBankBalance\r\n                                            ? item.totalBalance\r\n                                            : item.totalBalance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                        }\r\n                                        displayType={\"text\"}\r\n                                        decimalSeparator={\",\"}\r\n                                        thousandSeparator={\".\"}\r\n                                        prefix={item.currencyLogo ?? \"₺\"}\r\n                                      />\r\n                                      {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                                    </div>\r\n                                  )}\r\n                                </td>\r\n                              </tr>\r\n                            );\r\n                          }\r\n                        })}\r\n                        <tr>\r\n                          <td class=\"text-center\">\r\n                            <strong>TOPLAM</strong>\r\n                          </td>\r\n                          {totalBalanceWithCurrency.map((accounts) => {\r\n                            return (\r\n                              <td style={{ textAlign: \"end\" }}>\r\n                                {/* DÖVİZ KURLARI ALT TOPLAM */}\r\n                                {accounts.balance.toString().includes(\".\") ? (\r\n                                  <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                    {\" \"}\r\n                                    <CurrencyFormat\r\n                                      value={\r\n                                        isDigitBankBalance\r\n                                          ? accounts.balance\r\n                                          : accounts.balance\r\n                                            .toString()\r\n                                            .split(\".\")[0]\r\n                                      }\r\n                                      displayType={\"text\"}\r\n                                      decimalSeparator={\",\"}\r\n                                      thousandSeparator={\".\"}\r\n                                      prefix={accounts.currencyLogo}\r\n                                    />\r\n                                  </div>\r\n                                ) : (\r\n                                  <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                    {\" \"}\r\n                                    <CurrencyFormat\r\n                                      value={\r\n                                        isDigitBankBalance\r\n                                          ? accounts.balance\r\n                                          : accounts.balance\r\n                                            .toString()\r\n                                            .split(\".\")[0]\r\n                                      }\r\n                                      displayType={\"text\"}\r\n                                      decimalSeparator={\",\"}\r\n                                      thousandSeparator={\".\"}\r\n                                      prefix={accounts.currencyLogo}\r\n                                    />\r\n                                    {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                                  </div>\r\n                                )}\r\n                              </td>\r\n                            );\r\n                          })}\r\n                          {totalBalanceWithCurrency.map((accounts) => {\r\n                            if (\r\n                              termCurrencyList.includes(accounts.currencyId)\r\n                            ) {\r\n                              return (\r\n                                <td style={{ textAlign: \"end\" }}>\r\n                                  {/* DÖVİZ KURLARI ALT TOPLAM */}\r\n                                  {accounts.tempBalance\r\n                                    .toString()\r\n                                    .includes(\".\") ? (\r\n                                    <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                      {\" \"}\r\n                                      <CurrencyFormat\r\n                                        value={\r\n                                          isDigitBankBalance\r\n                                            ? accounts.tempBalance\r\n                                            : accounts.tempBalance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                        }\r\n                                        displayType={\"text\"}\r\n                                        decimalSeparator={\",\"}\r\n                                        thousandSeparator={\".\"}\r\n                                        prefix={accounts.currencyLogo}\r\n                                      />\r\n                                    </div>\r\n                                  ) : (\r\n                                    <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                      {\" \"}\r\n                                      <CurrencyFormat\r\n                                        value={\r\n                                          isDigitBankBalance\r\n                                            ? accounts.tempBalance\r\n                                            : accounts.tempBalance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                        }\r\n                                        displayType={\"text\"}\r\n                                        decimalSeparator={\",\"}\r\n                                        thousandSeparator={\".\"}\r\n                                        prefix={accounts.currencyLogo}\r\n                                      />\r\n                                      {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                                    </div>\r\n                                  )}\r\n                                </td>\r\n                              );\r\n                            }\r\n                          })}\r\n\r\n                          <td style={{ textAlign: \"end\" }}>\r\n                            {/* SAĞ ALT TOPLAM */}\r\n\r\n                            {totalCurrencyValue.toString().includes(\".\") ? (\r\n                              <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                <CurrencyFormat\r\n                                  value={\r\n                                    isDigitBankBalance\r\n                                      ? totalCurrencyValue\r\n                                      : totalCurrencyValue\r\n                                        .toString()\r\n                                        .split(\".\")[0]\r\n                                  }\r\n                                  displayType={\"text\"}\r\n                                  decimalSeparator={\",\"}\r\n                                  thousandSeparator={\".\"}\r\n                                  prefix={currencyLogo}\r\n                                />\r\n                              </div>\r\n                            ) : (\r\n                              <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                <CurrencyFormat\r\n                                  value={\r\n                                    isDigitBankBalance\r\n                                      ? totalCurrencyValue\r\n                                      : totalCurrencyValue\r\n                                        .toString()\r\n                                        .split(\".\")[0]\r\n                                  }\r\n                                  displayType={\"text\"}\r\n                                  decimalSeparator={\",\"}\r\n                                  thousandSeparator={\".\"}\r\n                                  prefix={currencyLogo}\r\n                                />\r\n                                {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                              </div>\r\n                            )}\r\n                          </td>\r\n                        </tr>\r\n                        <tr></tr>\r\n                      </table>\r\n\r\n                      <table\r\n                        hidden\r\n                        id=\"emp\"\r\n                        class=\"table\"\r\n                        style={{ marginBottom: 50 }}\r\n                      >\r\n                        <tr>\r\n                          {/* BAŞLIKLAR */}\r\n                          {titles.map((item) => {\r\n                            return (\r\n                              <th style={{ paddingBottom: 10 }}>{item}</th>\r\n                            );\r\n                          })}\r\n                          <td>\r\n                            <Select\r\n                              showSearch\r\n                              optionFilterProp=\"children\"\r\n                              onChange={onChange}\r\n                              size=\"small\"\r\n                              style={{ marginBottom: 4 }}\r\n                              onSearch={onSearch}\r\n                              defaultValue={\"TRY\"}\r\n                              filterOption={(input, option) =>\r\n                                option.children\r\n                                  .toLowerCase()\r\n                                  .indexOf(input.toLowerCase()) >= 0\r\n                              }\r\n                            >\r\n                              {currencyList.map((item) => {\r\n                                return (\r\n                                  <Option value={item.currency}>\r\n                                    {\" \"}\r\n                                    <strong>{item.currency} TOPLAM </strong>\r\n                                  </Option>\r\n                                );\r\n                              })}\r\n                            </Select>\r\n                          </td>\r\n                        </tr>\r\n                        {bankListForTotal.map((item) => {\r\n                          // KOLON DETAYLAR\r\n                          if (item.bankLogo !== \"TOPLAM\") {\r\n                            var currency = item.currency;\r\n                            return (\r\n                              <tr>\r\n                                <td style={{ paddingBottom: 13 }}>\r\n                                  {item.bankName}\r\n                                </td>\r\n                                {currency?.map((accounts) => {\r\n                                  return (\r\n                                    <td\r\n                                      style={{ paddingBottom: 13, width: 120 }}\r\n                                      class=\"text-center\"\r\n                                    >\r\n                                      {accounts.balance\r\n                                        .toString()\r\n                                        .includes(\".\") ? (\r\n                                        <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                          <CurrencyFormat\r\n                                            value={\r\n                                              isDigitBankBalance\r\n                                                ? accounts.balance\r\n                                                : accounts.balance\r\n                                                  .toString()\r\n                                                  .split(\".\")[0]\r\n                                            }\r\n                                            displayType={\"text\"}\r\n                                            decimalSeparator={\",\"}\r\n                                            thousandSeparator={\".\"}\r\n                                            prefix={accounts.currencyLogo}\r\n                                          />\r\n                                        </div>\r\n                                      ) : (\r\n                                        <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                          {\" \"}\r\n                                          <CurrencyFormat\r\n                                            value={\r\n                                              isDigitBankBalance\r\n                                                ? accounts.balance\r\n                                                : accounts.balance\r\n                                                  .toString()\r\n                                                  .split(\".\")[0]\r\n                                            }\r\n                                            displayType={\"text\"}\r\n                                            decimalSeparator={\",\"}\r\n                                            thousandSeparator={\".\"}\r\n                                            prefix={accounts.currencyLogo}\r\n                                          />\r\n                                          {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                                        </div>\r\n                                      )}\r\n                                    </td>\r\n                                  );\r\n                                })}\r\n                                {/* VADELİ KOLON */}\r\n                                {currency?.map((accounts) => {\r\n                                  if (\r\n                                    termCurrencyList.includes(\r\n                                      accounts.currencyId\r\n                                    )\r\n                                  ) {\r\n                                    return (\r\n                                      <td\r\n                                        style={{\r\n                                          paddingBottom: 13,\r\n                                          width: 120,\r\n                                        }}\r\n                                        class=\"text-center\"\r\n                                      >\r\n                                        {accounts.termBalance\r\n                                          .toString()\r\n                                          .includes(\".\") ? (\r\n                                          <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                            <CurrencyFormat\r\n                                              value={\r\n                                                isDigitBankBalance\r\n                                                  ? accounts.termBalance\r\n                                                  : accounts.termBalance\r\n                                                    .toString()\r\n                                                    .split(\".\")[0]\r\n                                              }\r\n                                              displayType={\"text\"}\r\n                                              decimalSeparator={\",\"}\r\n                                              thousandSeparator={\".\"}\r\n                                              prefix={accounts.currencyLogo}\r\n                                            />\r\n                                          </div>\r\n                                        ) : (\r\n                                          <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                            {\" \"}\r\n                                            <CurrencyFormat\r\n                                              value={\r\n                                                isDigitBankBalance\r\n                                                  ? accounts.termBalance\r\n                                                  : accounts.termBalance\r\n                                                    .toString()\r\n                                                    .split(\".\")[0]\r\n                                              }\r\n                                              displayType={\"text\"}\r\n                                              decimalSeparator={\",\"}\r\n                                              thousandSeparator={\".\"}\r\n                                              prefix={accounts.currencyLogo}\r\n                                            />\r\n                                            {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                                          </div>\r\n                                        )}\r\n                                      </td>\r\n                                    );\r\n                                  }\r\n                                })}\r\n\r\n                                <td\r\n                                  style={{\r\n                                    paddingBottom: 13,\r\n                                    textAlign: \"center\",\r\n                                  }}\r\n                                >\r\n                                  {/* SAĞ KOLON TOPLAMLAR */}\r\n                                  {item.totalBalance\r\n                                    .toString()\r\n                                    .includes(\".\") ? (\r\n                                    <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                      <CurrencyFormat\r\n                                        value={\r\n                                          isDigitBankBalance\r\n                                            ? item.totalBalance\r\n                                            : item.totalBalance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                        }\r\n                                        displayType={\"text\"}\r\n                                        decimalSeparator={\",\"}\r\n                                        thousandSeparator={\".\"}\r\n                                        prefix={item.currencyLogo ?? \"₺\"}\r\n                                      />\r\n                                    </div>\r\n                                  ) : (\r\n                                    <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                      <CurrencyFormat\r\n                                        value={\r\n                                          isDigitBankBalance\r\n                                            ? item.totalBalance\r\n                                            : item.totalBalance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                        }\r\n                                        displayType={\"text\"}\r\n                                        decimalSeparator={\",\"}\r\n                                        thousandSeparator={\".\"}\r\n                                        prefix={item.currencyLogo ?? \"₺\"}\r\n                                      />\r\n                                      {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                                    </div>\r\n                                  )}\r\n                                </td>\r\n                              </tr>\r\n                            );\r\n                          }\r\n                        })}\r\n                        <tr>\r\n                          <td class=\"text-center\">\r\n                            <strong>TOPLAM</strong>\r\n                          </td>\r\n                          {totalBalanceWithCurrency.map((accounts) => {\r\n                            return (\r\n                              <td>\r\n                                {/* DÖVİZ KURLARI ALT TOPLAM */}\r\n                                {accounts.balance.toString().includes(\".\") ? (\r\n                                  <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                    {\" \"}\r\n                                    <CurrencyFormat\r\n                                      value={\r\n                                        isDigitBankBalance\r\n                                          ? accounts.balance\r\n                                          : accounts.balance\r\n                                            .toString()\r\n                                            .split(\".\")[0]\r\n                                      }\r\n                                      displayType={\"text\"}\r\n                                      decimalSeparator={\",\"}\r\n                                      thousandSeparator={\".\"}\r\n                                      prefix={accounts.currencyLogo}\r\n                                    />\r\n                                  </div>\r\n                                ) : (\r\n                                  <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                    {\" \"}\r\n                                    <CurrencyFormat\r\n                                      value={\r\n                                        isDigitBankBalance\r\n                                          ? accounts.balance\r\n                                          : accounts.balance\r\n                                            .toString()\r\n                                            .split(\".\")[0]\r\n                                      }\r\n                                      displayType={\"text\"}\r\n                                      decimalSeparator={\",\"}\r\n                                      thousandSeparator={\".\"}\r\n                                      prefix={accounts.currencyLogo}\r\n                                    />\r\n                                    {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                                  </div>\r\n                                )}\r\n                              </td>\r\n                            );\r\n                          })}\r\n                          {totalBalanceWithCurrency.map((accounts) => {\r\n                            if (\r\n                              termCurrencyList.includes(accounts.currencyId)\r\n                            ) {\r\n                              return (\r\n                                <td>\r\n                                  {/* DÖVİZ KURLARI ALT TOPLAM */}\r\n                                  {accounts.tempBalance\r\n                                    .toString()\r\n                                    .includes(\".\") ? (\r\n                                    <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                      {\" \"}\r\n                                      <CurrencyFormat\r\n                                        value={\r\n                                          isDigitBankBalance\r\n                                            ? accounts.tempBalance\r\n                                            : accounts.tempBalance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                        }\r\n                                        displayType={\"text\"}\r\n                                        decimalSeparator={\",\"}\r\n                                        thousandSeparator={\".\"}\r\n                                        prefix={accounts.currencyLogo}\r\n                                      />\r\n                                    </div>\r\n                                  ) : (\r\n                                    <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                      {\" \"}\r\n                                      <CurrencyFormat\r\n                                        value={\r\n                                          isDigitBankBalance\r\n                                            ? accounts.tempBalance\r\n                                            : accounts.tempBalance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                        }\r\n                                        displayType={\"text\"}\r\n                                        decimalSeparator={\",\"}\r\n                                        thousandSeparator={\".\"}\r\n                                        prefix={accounts.currencyLogo}\r\n                                      />\r\n                                      {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                                    </div>\r\n                                  )}\r\n                                </td>\r\n                              );\r\n                            }\r\n                          })}\r\n\r\n                          <td style={{ textAlign: \"center\" }}>\r\n                            {/* SAĞ ALT TOPLAM */}\r\n\r\n                            {totalCurrencyValue.toString().includes(\".\") ? (\r\n                              <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                <CurrencyFormat\r\n                                  value={\r\n                                    isDigitBankBalance\r\n                                      ? totalCurrencyValue\r\n                                      : totalCurrencyValue\r\n                                        .toString()\r\n                                        .split(\".\")[0]\r\n                                  }\r\n                                  displayType={\"text\"}\r\n                                  decimalSeparator={\",\"}\r\n                                  thousandSeparator={\".\"}\r\n                                  prefix={currencyLogo}\r\n                                />\r\n                              </div>\r\n                            ) : (\r\n                              <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                <CurrencyFormat\r\n                                  value={\r\n                                    isDigitBankBalance\r\n                                      ? totalCurrencyValue\r\n                                      : totalCurrencyValue\r\n                                        .toString()\r\n                                        .split(\".\")[0]\r\n                                  }\r\n                                  displayType={\"text\"}\r\n                                  decimalSeparator={\",\"}\r\n                                  thousandSeparator={\".\"}\r\n                                  prefix={currencyLogo}\r\n                                />\r\n                                {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                              </div>\r\n                            )}\r\n                          </td>\r\n                        </tr>\r\n                        <tr></tr>\r\n                      </table>\r\n                    </Col>\r\n                    <Col span={12} style={{ marginBottom: 50, marginTop: 40 }}>\r\n                      <Collapse>\r\n                        <Panel\r\n                          header=\"Döviz kurlarını görmek için tıklayın\"\r\n                          key=\"1\"\r\n                        >\r\n                          <Card\r\n                            title={\"KUR BİLGİSİ  \"}\r\n                            style={{ marginLeft: \"1%\" }}\r\n                            extra={`Kur bilgileri ${isLiveValue ? liveDate : dailyDate\r\n                              } tarihine aittir.`}\r\n                            className={`gx-card-widget`}\r\n                          >\r\n                            <div className=\"gx-table-responsive\">\r\n                              <Table\r\n                                className=\"gx-table-no-bordered\"\r\n                                columns={columnsExchangeRate}\r\n                                dataSource={exchangeRate}\r\n                                pagination={false}\r\n                                bordered={false}\r\n                                size=\"small\"\r\n                              />\r\n                            </div>\r\n                          </Card>\r\n                        </Panel>\r\n                      </Collapse>\r\n                    </Col>\r\n                    <Col span={12}>\r\n                      <PieChart width={500} height={500}>\r\n                        <Pie\r\n                          outerRadius={150}\r\n                          data={totalChart}\r\n                          fill=\"#8884d8\"\r\n                          label={renderCustomizedLabelTRY}\r\n                        >\r\n                          {totalChart.map((entry, index) => (\r\n                            <Cell\r\n                              key={`cell-${index}`}\r\n                              fill={COLORS[index % COLORS.length]}\r\n                            />\r\n                          ))}\r\n                        </Pie>\r\n                        <Tooltip content={CustomToolTip} />\r\n                      </PieChart>\r\n                      {totalChart.map((entry, index) => (\r\n                        <div key={`cell-${index}`}>\r\n                          <a style={{ color: COLORS[index % COLORS.length] }}>\r\n                            <CaretRightFilled />\r\n                          </a>\r\n                          {entry.name}\r\n                        </div>\r\n                      ))}\r\n                    </Col>\r\n                  </>\r\n                )}\r\n                {isTabletOrMobile && (\r\n                  <>\r\n                    <Col span={24} style={{ overflowX: \"auto\" }}>\r\n                      <table\r\n                        style={{\r\n                          marginBottom: 50,\r\n                          textAlign: \"center\",\r\n                          width: \"100%\",\r\n                        }}\r\n                      >\r\n                        <tr>\r\n                          {titles.map((item) => {\r\n                            return <th>{item}</th>;\r\n                          })}\r\n                          <td>\r\n                            <Select\r\n                              showSearch\r\n                              optionFilterProp=\"children\"\r\n                              onChange={onChange}\r\n                              onSearch={onSearch}\r\n                              defaultValue={\"TRY\"}\r\n                              filterOption={(input, option) =>\r\n                                option.children\r\n                                  .toLowerCase()\r\n                                  .indexOf(input.toLowerCase()) >= 0\r\n                              }\r\n                            >\r\n                              {currencyList.map((item) => {\r\n                                return (\r\n                                  <Option value={item.currency}>\r\n                                    {\" \"}\r\n                                    <strong>{item.currency} TOPLAM </strong>\r\n                                  </Option>\r\n                                );\r\n                              })}\r\n                            </Select>\r\n                          </td>\r\n                        </tr>\r\n                        {bankListForTotal.map((item) => {\r\n                          if (item.bankLogo !== \"TOPLAM\") {\r\n                            var currency = item.currency;\r\n                            return (\r\n                              <tr>\r\n                                <td>\r\n                                  <img\r\n                                    style={{ width: 120 }}\r\n                                    src={item.bankLogo}\r\n                                  />\r\n                                </td>\r\n                                {currency?.map((accounts) => {\r\n                                  return (\r\n                                    <td\r\n                                      style={{ paddingBottom: 13, width: 120, textAlign: \"end\" }}\r\n                                      class=\"text-center\"\r\n                                    >\r\n                                      {accounts.balance\r\n                                        .toString()\r\n                                        .includes(\".\") ? (\r\n                                        <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                          <CurrencyFormat\r\n                                            value={\r\n                                              isDigitBankBalance\r\n                                                ? accounts.balance\r\n                                                : accounts.balance\r\n                                                  .toString()\r\n                                                  .split(\".\")[0]\r\n                                            }\r\n                                            displayType={\"text\"}\r\n                                            decimalSeparator={\",\"}\r\n                                            thousandSeparator={\".\"}\r\n                                            prefix={accounts.currencyLogo}\r\n                                          />\r\n                                        </div>\r\n                                      ) : (\r\n                                        <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                          {\" \"}\r\n                                          <CurrencyFormat\r\n                                            value={\r\n                                              isDigitBankBalance\r\n                                                ? accounts.balance\r\n                                                : accounts.balance\r\n                                                  .toString()\r\n                                                  .split(\".\")[0]\r\n                                            }\r\n                                            displayType={\"text\"}\r\n                                            decimalSeparator={\",\"}\r\n                                            thousandSeparator={\".\"}\r\n                                            prefix={accounts.currencyLogo}\r\n                                          />\r\n                                          {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                                        </div>\r\n                                      )}\r\n                                    </td>\r\n                                  );\r\n                                })}\r\n                                {/* VADELİ KOLON */}\r\n                                {currency?.map((accounts) => {\r\n                                  if (\r\n                                    termCurrencyList.includes(\r\n                                      accounts.currencyId\r\n                                    )\r\n                                  ) {\r\n                                    return (\r\n                                      <td\r\n                                        style={{\r\n                                          paddingBottom: 13,\r\n                                          width: 120, textAlign: \"end\"\r\n                                        }}\r\n                                        class=\"text-center\"\r\n                                      >\r\n                                        {accounts.termBalance\r\n                                          .toString()\r\n                                          .includes(\".\") ? (\r\n                                          <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                            <CurrencyFormat\r\n                                              value={\r\n                                                isDigitBankBalance\r\n                                                  ? accounts.termBalance\r\n                                                  : accounts.termBalance\r\n                                                    .toString()\r\n                                                    .split(\".\")[0]\r\n                                              }\r\n                                              displayType={\"text\"}\r\n                                              decimalSeparator={\",\"}\r\n                                              thousandSeparator={\".\"}\r\n                                              prefix={accounts.currencyLogo}\r\n                                            />\r\n                                          </div>\r\n                                        ) : (\r\n                                          <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                            {\" \"}\r\n                                            <CurrencyFormat\r\n                                              value={\r\n                                                isDigitBankBalance\r\n                                                  ? accounts.termBalance\r\n                                                  : accounts.termBalance\r\n                                                    .toString()\r\n                                                    .split(\".\")[0]\r\n                                              }\r\n                                              displayType={\"text\"}\r\n                                              decimalSeparator={\",\"}\r\n                                              thousandSeparator={\".\"}\r\n                                              prefix={accounts.currencyLogo}\r\n                                            />\r\n                                            {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                                          </div>\r\n                                        )}\r\n                                      </td>\r\n                                    );\r\n                                  }\r\n                                })}\r\n\r\n                                <td\r\n                                  style={{\r\n                                    paddingBottom: 13,\r\n                                    textAlign: \"end\",\r\n                                  }}\r\n                                >\r\n                                  {/* SAĞ KOLON TOPLAMLAR */}\r\n                                  {item.totalBalance\r\n                                    .toString()\r\n                                    .includes(\".\") ? (\r\n                                    <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                      <CurrencyFormat\r\n                                        value={\r\n                                          isDigitBankBalance\r\n                                            ? item.totalBalance\r\n                                            : item.totalBalance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                        }\r\n                                        displayType={\"text\"}\r\n                                        decimalSeparator={\",\"}\r\n                                        thousandSeparator={\".\"}\r\n                                        prefix={item.currencyLogo ?? \"₺\"}\r\n                                      />\r\n                                    </div>\r\n                                  ) : (\r\n                                    <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                      <CurrencyFormat\r\n                                        value={\r\n                                          isDigitBankBalance\r\n                                            ? item.totalBalance\r\n                                            : item.totalBalance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                        }\r\n                                        displayType={\"text\"}\r\n                                        decimalSeparator={\",\"}\r\n                                        thousandSeparator={\".\"}\r\n                                        prefix={item.currencyLogo ?? \"₺\"}\r\n                                      />\r\n                                      {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                                    </div>\r\n                                  )}\r\n                                </td>\r\n                              </tr>\r\n                            );\r\n                          }\r\n                        })}\r\n                        <tr>\r\n                          <td class=\"text-center\">\r\n                            <strong>TOPLAM</strong>\r\n                          </td>\r\n                          {totalBalanceWithCurrency.map((accounts) => {\r\n                            return (\r\n                              <td style={{ textAlign: \"end\" }}>\r\n                                {/* DÖVİZ KURLARI ALT TOPLAM */}\r\n                                {accounts.balance.toString().includes(\".\") ? (\r\n                                  <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                    {\" \"}\r\n                                    <CurrencyFormat\r\n                                      value={\r\n                                        isDigitBankBalance\r\n                                          ? accounts.balance\r\n                                          : accounts.balance\r\n                                            .toString()\r\n                                            .split(\".\")[0]\r\n                                      }\r\n                                      displayType={\"text\"}\r\n                                      decimalSeparator={\",\"}\r\n                                      thousandSeparator={\".\"}\r\n                                      prefix={accounts.currencyLogo}\r\n                                    />\r\n                                  </div>\r\n                                ) : (\r\n                                  <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                    {\" \"}\r\n                                    <CurrencyFormat\r\n                                      value={\r\n                                        isDigitBankBalance\r\n                                          ? accounts.balance\r\n                                          : accounts.balance\r\n                                            .toString()\r\n                                            .split(\".\")[0]\r\n                                      }\r\n                                      displayType={\"text\"}\r\n                                      decimalSeparator={\",\"}\r\n                                      thousandSeparator={\".\"}\r\n                                      prefix={accounts.currencyLogo}\r\n                                    />\r\n                                    {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                                  </div>\r\n                                )}\r\n                              </td>\r\n                            );\r\n                          })}\r\n                          {totalBalanceWithCurrency.map((accounts) => {\r\n                            if (\r\n                              termCurrencyList.includes(accounts.currencyId)\r\n                            ) {\r\n                              return (\r\n                                <td style={{ textAlign: \"end\" }}>\r\n                                  {/* DÖVİZ KURLARI ALT TOPLAM */}\r\n                                  {accounts.tempBalance\r\n                                    .toString()\r\n                                    .includes(\".\") ? (\r\n                                    <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                      {\" \"}\r\n                                      <CurrencyFormat\r\n                                        value={\r\n                                          isDigitBankBalance\r\n                                            ? accounts.tempBalance\r\n                                            : accounts.tempBalance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                        }\r\n                                        displayType={\"text\"}\r\n                                        decimalSeparator={\",\"}\r\n                                        thousandSeparator={\".\"}\r\n                                        prefix={accounts.currencyLogo}\r\n                                      />\r\n                                    </div>\r\n                                  ) : (\r\n                                    <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                      {\" \"}\r\n                                      <CurrencyFormat\r\n                                        value={\r\n                                          isDigitBankBalance\r\n                                            ? accounts.tempBalance\r\n                                            : accounts.tempBalance\r\n                                              .toString()\r\n                                              .split(\".\")[0]\r\n                                        }\r\n                                        displayType={\"text\"}\r\n                                        decimalSeparator={\",\"}\r\n                                        thousandSeparator={\".\"}\r\n                                        prefix={accounts.currencyLogo}\r\n                                      />\r\n                                      {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                                    </div>\r\n                                  )}\r\n                                </td>\r\n                              );\r\n                            }\r\n                          })}\r\n\r\n                          <td style={{ textAlign: \"end\" }}>\r\n                            {/* SAĞ ALT TOPLAM */}\r\n\r\n                            {totalCurrencyValue.toString().includes(\".\") ? (\r\n                              <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                <CurrencyFormat\r\n                                  value={\r\n                                    isDigitBankBalance\r\n                                      ? totalCurrencyValue\r\n                                      : totalCurrencyValue\r\n                                        .toString()\r\n                                        .split(\".\")[0]\r\n                                  }\r\n                                  displayType={\"text\"}\r\n                                  decimalSeparator={\",\"}\r\n                                  thousandSeparator={\".\"}\r\n                                  prefix={currencyLogo}\r\n                                />\r\n                              </div>\r\n                            ) : (\r\n                              <div style={{ whiteSpace: \"nowrap\" }}>\r\n                                <CurrencyFormat\r\n                                  value={\r\n                                    isDigitBankBalance\r\n                                      ? totalCurrencyValue\r\n                                      : totalCurrencyValue\r\n                                        .toString()\r\n                                        .split(\".\")[0]\r\n                                  }\r\n                                  displayType={\"text\"}\r\n                                  decimalSeparator={\",\"}\r\n                                  thousandSeparator={\".\"}\r\n                                  prefix={currencyLogo}\r\n                                />\r\n                                {isDigitBankBalance ? \",00\" : \"\"}{\" \"}\r\n                              </div>\r\n                            )}\r\n                          </td>\r\n                        </tr>\r\n                      </table>\r\n                    </Col>\r\n                    <Col span={24}>\r\n                      <Collapse>\r\n                        <Panel\r\n                          header=\"Döviz kurlarını görmek için tıklayın\"\r\n                          key=\"1\"\r\n                        >\r\n                          <Card\r\n                            title={\"KUR BİLGİSİ  \"}\r\n                            style={{ marginLeft: \"1%\" }}\r\n                            extra={`Kur bilgileri ${isLiveValue ? liveDate : dailyDate\r\n                              } tarihine aittir.`}\r\n                            className={`gx-card-widget`}\r\n                          >\r\n                            <div className=\"gx-table-responsive\">\r\n                              <Table\r\n                                className=\"gx-table-no-bordered\"\r\n                                columns={columnsExchangeRate}\r\n                                dataSource={exchangeRate}\r\n                                pagination={false}\r\n                                bordered={false}\r\n                                size=\"small\"\r\n                              />\r\n                            </div>\r\n                          </Card>\r\n                        </Panel>\r\n                      </Collapse>\r\n                    </Col>\r\n                    <Col span={24}>\r\n                      <PieChart\r\n                        width={isChartWidth === true ? 500 : 300}\r\n                        height={isChartWidth === true ? 500 : 300}\r\n                      >\r\n                        <Pie\r\n                          outerRadius={isChartWidth === true ? 150 : 80}\r\n                          data={totalChart}\r\n                          fill=\"#8884d8\"\r\n                          label={renderCustomizedLabelTRY}\r\n                        >\r\n                          {totalChart.map((entry, index) => (\r\n                            <Cell\r\n                              key={`cell-${index}`}\r\n                              fill={COLORS[index % COLORS.length]}\r\n                            />\r\n                          ))}\r\n                        </Pie>\r\n                        <Tooltip content={CustomToolTip} />\r\n                      </PieChart>\r\n                      {totalChart.map((entry, index) => (\r\n                        <div key={`cell-${index}`}>\r\n                          <a style={{ color: COLORS[index % COLORS.length] }}>\r\n                            <CaretRightFilled />\r\n                          </a>\r\n                          {entry.name}\r\n                        </div>\r\n                      ))}\r\n                    </Col>\r\n                  </>\r\n                )}\r\n              </Row>\r\n            </Spin>\r\n          </TabPane>\r\n        ) : (\r\n          <Table\r\n            style={{ marginLeft: \"50%\" }}\r\n            locale={{\r\n              emptyText: (\r\n                <Empty\r\n                  image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                  description=\"Veri Yok\"\r\n                />\r\n              ),\r\n            }}\r\n          />\r\n        )}\r\n        {currencyList.length === 0 ? (\r\n          <TabPane tab={<span></span>} key=\"1\">\r\n            <Row>\r\n              <Col span={24}>\r\n                <Table\r\n                  locale={{\r\n                    emptyText: (\r\n                      <Empty\r\n                        image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                        description=\"Veri Yok\"\r\n                      />\r\n                    ),\r\n                  }}\r\n                />\r\n              </Col>\r\n            </Row>\r\n          </TabPane>\r\n        ) : (\r\n          currencyList.map((item, index) => {\r\n            return (\r\n              <>\r\n                <TabPane\r\n                  tab={<span>{item.currency}</span>}\r\n                  key={item.currencyId}\r\n                >\r\n                  <Spin spinning={loading}>\r\n                    {ContactSideBar(item.currency)}\r\n                  </Spin>\r\n                </TabPane>\r\n              </>\r\n            );\r\n          })\r\n        )}\r\n      </Tabs>\r\n    </div>\r\n  );\r\n};\r\nexport default BankList;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Link, useHistory } from \"react-router-dom\";\r\nimport {\r\n  Table,\r\n  Empty,\r\n  Drawer,\r\n  Row,\r\n  Col,\r\n  Popconfirm,\r\n  notification,\r\n  Tooltip,\r\n  message,\r\n  Button,\r\n  Tabs,\r\n} from \"antd\";\r\nimport {\r\n  BankOutlined,\r\n  DeleteOutlined,\r\n  MenuUnfoldOutlined,\r\n  EditOutlined,\r\n  CheckOutlined,\r\n  FileExcelOutlined,\r\n  EyeOutlined,\r\n  PlusOutlined,\r\n} from \"@ant-design/icons\";\r\nimport TenantAccountUpdateForm from \"../Forms/TenantAccountUpdateForm\";\r\nimport moment from \"moment\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { ColumnHelper, RowHelper } from \"util/TableHelper\";\r\nimport { odata, queryHelper } from \"../Filters/Helper\";\r\nimport TenantAccountTableFilter from \"../Filters/TenantAccountTableFilter\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport CashAccountAddForm from \"../Forms/CashAccountAddForm\";\r\n\r\nconst userId = localStorage.getItem(\"userId\");\r\nconst BankPage = () => {\r\n  const [tableData, setTableData] = useState({\r\n    data: [],\r\n    total: 0,\r\n    loading: true,\r\n  });\r\n\r\n  const [tableDataQueryOptions, setTableDataQueryOptions] = useState(\r\n    queryHelper.getDefaultTableDataQueryOptions()\r\n  );\r\n  const [updateFormData, setUpdateFormData] = useState();\r\n  const [visibleUpdate, setVisibleUpdate] = useState(false);\r\n  const [selectedRowKeys, setSelectedRowKeys] = useState([]);\r\n  const [isNotification, setIsNotification] = useState([]);\r\n  const [isShownErpBankBalance, setIsShownErpBankBalance] = useState([]);\r\n  const [isAdmin, setIsAdmin] = useState(false);\r\n  const [tableRoles, setTableRoles] = useState({});\r\n  const { TabPane } = Tabs;\r\n  const [addCashAccountVisibility, setAddCashAccountVisibility] =\r\n    useState(false);\r\n  const history = useHistory();\r\n\r\n  useEffect(() => {\r\n    setFilterValues();\r\n    getTableData();\r\n  }, [tableDataQueryOptions]);\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/user/IsAdmin?userId=${userId}`).then((response) => {\r\n      setIsAdmin(response);\r\n    });\r\n    RequestHandler.get(\r\n      `/TenantAccountParameter/GetTenantAccountParameter`\r\n    ).then((response) => {\r\n      if (response.success) {\r\n        setTableRoles(response.data ?? {});\r\n      }\r\n    });\r\n    getTenantParameter();\r\n  }, []);\r\n\r\n  const getTenantParameter = () => {\r\n    RequestHandler.get(\"/TenantParameter/GetByTenant\").then((response) => {\r\n      if (response) {\r\n        setIsNotification(response.isHasTransactionNotification);\r\n        setIsShownErpBankBalance(response.isShownErpBankBalance);\r\n      }\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (isNotification == true) {\r\n      const intervalId = setInterval(() => {\r\n        RequestHandler.get(`/AccountTransaction/NotificationControl`).then(\r\n          (res) => {\r\n            if (res) accountTransactionNotification();\r\n          }\r\n        );\r\n      }, 5 * 60 * 1000); // 5 dakika = 5 * 60 * 1000 ms\r\n      return () => clearInterval(intervalId);\r\n    }\r\n  }, [isNotification]);\r\n\r\n  const accountTransactionNotification = () => {\r\n    notification.close(\"finekra2\");\r\n    notification.info({\r\n      message: \"Güncellenmiş Hesap Bakiyeleriniz mevcut.\",\r\n      style: { height: 160 },\r\n      description: (\r\n        <div>\r\n          <div>Güncel Hesap Bakiyelerinizi görmek için tıklayınız.</div>\r\n          <Button\r\n            style={{ marginTop: 5, position: \"absolute\", right: 20 }}\r\n            type=\"primary\"\r\n            onClick={() => {\r\n              notification.close(\"finekra2\");\r\n              getTableData();\r\n            }}\r\n          >\r\n            <EyeOutlined /> Görüntüle\r\n          </Button>\r\n        </div>\r\n      ),\r\n      duration: 0,\r\n      key: \"finekra2\",\r\n    });\r\n  };\r\n\r\n  const getFilterQuery = () => {\r\n    const { filter } = tableDataQueryOptions;\r\n\r\n    const conditions = [];\r\n    let query = \"\";\r\n\r\n    if (filter) {\r\n      conditions.push(filter);\r\n    }\r\n\r\n    if (conditions.length !== 0) {\r\n      query = \"$filter=\" + conditions.join(\" and \");\r\n    }\r\n    return query;\r\n  };\r\n  const onTableSelectChange = (selectedKeys) => {\r\n    setSelectedRowKeys(selectedKeys);\r\n  };\r\n  const getTableData = () => {\r\n    setSelectedRowKeys([]);\r\n    setTableData({\r\n      ...tableData,\r\n      loading: true,\r\n    });\r\n    const { skip, take, order, activeTab } = tableDataQueryOptions;\r\n    let filter = getFilterQuery();\r\n\r\n    if (activeTab != \"1\" && activeTab != undefined) {\r\n      let queryDateTime = new Date(\r\n        new Date().getTime() - 60 * 60 * 1000\r\n      ).toISOString();\r\n\r\n      let dateTimeFilter =\r\n        activeTab == \"2\"\r\n          ? `(lastQueryDate ge ${queryDateTime})`\r\n          : `(lastQueryDate lt ${queryDateTime} or lastQueryDate eq null)`;\r\n      filter +=\r\n        filter != \"\" ? `and ${dateTimeFilter}` : `$filter=${dateTimeFilter}`;\r\n    }\r\n\r\n    RequestHandler.get(\r\n      `/TenantAccount?$count=true&${filter}${order}&$skip=${skip}&$top=${take}`\r\n    ).then((response) => {\r\n      if (Array.isArray(response.value)) {\r\n        setTableData({\r\n          data: response.value,\r\n          total: response[\"@odata.count\"],\r\n          loading: false,\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  const setFilterValues = () => {\r\n    const filterValues = {\r\n      ...tableDataQueryOptions.values,\r\n      skip: tableDataQueryOptions.skip,\r\n      take: tableDataQueryOptions.take,\r\n      current: tableDataQueryOptions.current,\r\n      order: tableDataQueryOptions.order,\r\n      filter: tableDataQueryOptions.filter,\r\n    };\r\n    const queryString = queryHelper.getQueryFromValues(filterValues);\r\n\r\n    history.replace({\r\n      pathname: window.location.pathname,\r\n      search: queryString,\r\n    });\r\n  };\r\n  const onTabChange = (tabKey) => {\r\n    setTableDataQueryOptions({\r\n      ...tableDataQueryOptions,\r\n      activeTab: tabKey,\r\n    });\r\n  };\r\n  const paging = (p, _, sorter) => {\r\n    let orderValue = \"\";\r\n    if (sorter.columnKey && sorter.order) {\r\n      orderValue =\r\n        \"&\" +\r\n        (sorter.order === \"ascend\"\r\n          ? odata.orderBy(sorter.columnKey)\r\n          : odata.orderByDesc(sorter.columnKey));\r\n    }\r\n\r\n    setTableDataQueryOptions((prevState) => {\r\n      return {\r\n        ...prevState,\r\n        skip: (p.current - 1) * prevState.take,\r\n        take: p.pageSize,\r\n        current: p.current,\r\n        order: orderValue,\r\n      };\r\n    });\r\n  };\r\n\r\n  const onClearTableFilter = () => {\r\n    setTableDataQueryOptions({\r\n      ...tableDataQueryOptions,\r\n      skip: 0,\r\n      current: 1,\r\n      filter: \"\",\r\n      values: {},\r\n    });\r\n  };\r\n\r\n  const onFinishTableFilter = (query, values) => {\r\n    setTableDataQueryOptions((prevState) => {\r\n      return {\r\n        ...prevState,\r\n        skip: 0,\r\n        current: 1,\r\n        filter: query,\r\n        values: values,\r\n      };\r\n    });\r\n  };\r\n\r\n  const handleOnClickDelete = (id) => {\r\n    RequestHandler.post(`/TenantAccount/PassiveAccount/${id}`).then(\r\n      (response) => {\r\n        if (response.success) {\r\n          getTableData();\r\n        }\r\n      }\r\n    );\r\n  };\r\n\r\n  const handleOnClickMultipleDelete = () => {\r\n    const selectedRowsData = tableData.data\r\n      .filter((row) => selectedRowKeys.includes(row.id))\r\n      .map((row) => row.id);\r\n\r\n    RequestHandler.post(\r\n      `/TenantAccount/PassiveAccounts`,\r\n      selectedRowsData\r\n    ).then((response) => {\r\n      if (response.success) {\r\n        getTableData();\r\n      }\r\n    });\r\n  };\r\n\r\n  const showDrawerUpdate = (value) => {\r\n    RequestHandler.get(`/TenantAccount/getbyid/${value}`).then((response) => {\r\n      setUpdateFormData(response);\r\n      setVisibleUpdate(true);\r\n    });\r\n  };\r\n\r\n  const onCloseUpdate = () => setVisibleUpdate(false);\r\n\r\n  const onAddCashAccountSuccess = () => {\r\n    getTableData();\r\n    setAddCashAccountVisibility(false);\r\n  };\r\n\r\n  const onClickExportExcel = () => {\r\n    const hideMessage = message.loading(\"Excel indiriliyor...\", 0);\r\n\r\n    RequestHandler.post(\r\n      `/TenantAccount/ExportExcel`,\r\n      {\r\n        query: getFilterQuery(),\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      hideMessage();\r\n\r\n      if (response) {\r\n        window.open(\r\n          `${config.apiUrl\r\n          }/TenantAccount/DownloadExcel?fileName=${response}&t=${RequestHandler.getToken()}`\r\n        );\r\n      }\r\n    });\r\n  };\r\n\r\n  const columns = [\r\n    {\r\n      title: \"Banka\",\r\n      dataIndex: \"bankLogo\",\r\n      key: \"bankLogo\",\r\n      render: (data) => {\r\n        return (\r\n          <div style={{ width: 100 }}>\r\n            <img src={data}></img>\r\n          </div>\r\n        );\r\n      },\r\n    },\r\n    {\r\n      title: \"Şube Adı / Kodu\",\r\n      dataIndex: \"branchName\",\r\n      align: \"center\",\r\n      key: \"branchName\",\r\n      width: \"15%\",\r\n      render: (text, row) => (\r\n        <Tooltip placement=\"topLeft\" title={text}>\r\n          <div>\r\n            {row.branchName == null\r\n              ? row.branchCode == null\r\n                ? \"\"\r\n                : row.branchCode\r\n              : row.branchName}\r\n          </div>\r\n        </Tooltip>\r\n      ),\r\n    },\r\n    {\r\n      title: \"Hesap Adı\",\r\n      dataIndex: \"name\",\r\n      align: \"center\",\r\n      key: \"name\",\r\n      width: \"10%\",\r\n    },\r\n    {\r\n      title: \"Iban / Hesap Numarası\",\r\n      dataIndex: \"iban\",\r\n      align: \"center\",\r\n      key: \"iban\",\r\n      width: \"15%\",\r\n      render: (_, row) => (row.iban ? row.iban : row.accountNumber),\r\n    },\r\n    {\r\n      title: \"Döviz\",\r\n      dataIndex: \"currency\",\r\n      align: \"center\",\r\n      key: \"currency\",\r\n      width: \"10%\",\r\n    },\r\n    {\r\n      title: \"Bakiye\",\r\n      dataIndex: \"balanceString\",\r\n      key: \"balance\",\r\n      sorter: true,\r\n      align: \"center\",\r\n      render: (data) => (\r\n        <div style={{ textAlign: \"right\", whiteSpace: \"nowrap\" }}>{data}</div>\r\n      ),\r\n    },\r\n    isShownErpBankBalance ? {\r\n      title: 'ERP Bakiye',\r\n      dataIndex: 'erpBalanceString',\r\n      key: 'erpBalanceString',\r\n      align: 'center',\r\n      render: (text, row, index) => {\r\n        {\r\n          return <div style={{ textAlign: \"right\", whiteSpace: \"nowrap\" }}>{text}</div>\r\n        }\r\n      },\r\n    } : {},\r\n    tableRoles.isBlockedBalance === true\r\n      ? {\r\n        title: \"Blokeli Tutar\",\r\n        dataIndex: \"blockedAmountString\",\r\n        key: \"blockedAmount\",\r\n        sorter: true,\r\n        align: \"center\",\r\n        render: (data) => (\r\n          <div style={{ textAlign: \"right\", whiteSpace: \"nowrap\" }}>\r\n            {data}\r\n          </div>\r\n        ),\r\n      }\r\n      : {},\r\n    tableRoles.isAvailableBalance === true\r\n      ? {\r\n        title: \"Kullanılabilir Bakiye\",\r\n        dataIndex: \"availableBalanceString\",\r\n        key: \"availableBalance\",\r\n        sorter: true,\r\n        align: \"center\",\r\n        render: (data) => (\r\n          <div style={{ textAlign: \"right\", whiteSpace: \"nowrap\" }}>\r\n            {data}\r\n          </div>\r\n        ),\r\n      }\r\n      : {},\r\n    tableRoles.isAvailableCreditBalance === true\r\n      ? {\r\n        title: \"Kredili Kullanılabilir Bakiye\",\r\n        dataIndex: \"availableCreditBalanceString\",\r\n        key: \"availableCreditBalance\",\r\n        sorter: true,\r\n        align: \"center\",\r\n        render: (data) => (\r\n          <div style={{ textAlign: \"right\", whiteSpace: \"nowrap\" }}>\r\n            {data}\r\n          </div>\r\n        ),\r\n      }\r\n      : {},\r\n    tableRoles.isAvailableInterestRate === true\r\n      ? {\r\n        title: \"Vade Faiz Oranı\",\r\n        dataIndex: \"interestRate\",\r\n      }\r\n      : {},\r\n    isShownErpBankBalance === true\r\n      ? {\r\n        title: \"ERP Bakiye\",\r\n        dataIndex: \"erpBalanceString\",\r\n        key: \"erpBalance\",\r\n        sorter: true,\r\n        align: \"center\",\r\n        render: (data) => (\r\n          <div style={{ textAlign: \"right\", whiteSpace: \"nowrap\" }}>\r\n            {data}\r\n          </div>\r\n        ),\r\n      }\r\n      : {},\r\n    {\r\n      title: \"Tip\",\r\n      dataIndex: \"type\",\r\n      align: \"center\",\r\n      key: \"type\",\r\n      width: \"10%\",\r\n      render: (_, row) => {\r\n        if (row.typeValue != null) {\r\n          return <div>{row.type}</div>;\r\n        }\r\n      },\r\n    },\r\n    {\r\n      title: \"Son Sorgulanma Tarihi\",\r\n      dataIndex: \"lastQueryDate\",\r\n      key: \"lastQueryDate\",\r\n      sorter: true,\r\n      align: \"center\",\r\n      render: (data) =>\r\n        data ? (\r\n          <div>\r\n            {moment(data).format(\"L\")} {moment(data).format(\"LT\")}\r\n          </div>\r\n        ) : (\r\n          \"-\"\r\n        ),\r\n    },\r\n    {\r\n      title: \"Detay\",\r\n      dataIndex: \"\",\r\n      width: \"2%\",\r\n      align: \"center\",\r\n      render: (record) => {\r\n        return (\r\n          <Link\r\n            style={{ fontSize: \"150%\" }}\r\n            to={`/bank-accounts-account-transaction/${record.id}`}\r\n          >\r\n            <MenuUnfoldOutlined />\r\n          </Link>\r\n        );\r\n      },\r\n    },\r\n    {\r\n      title: \"Hesaplamaya Dahil Et\",\r\n      dataIndex: \"isCalculated\",\r\n      width: \"2%\",\r\n      align: \"center\",\r\n      render: (data) => (\r\n        <div style={{ color: data === true ? \"green\" : \"red\" }}>\r\n          <CheckOutlined />\r\n        </div>\r\n      ),\r\n    },\r\n    {\r\n      title: \"Düzenle\",\r\n      dataIndex: \"id\",\r\n      width: \"1%\",\r\n      align: \"center\",\r\n      render: (data) => (\r\n        <a\r\n          onClick={() => showDrawerUpdate(data)}\r\n          style={{ color: \"orange\", fontSize: \"130%\" }}\r\n        >\r\n          <EditOutlined />\r\n        </a>\r\n      ),\r\n    },\r\n    isAdmin === true\r\n      ? {\r\n        title: \"Sil\",\r\n        dataIndex: \"id\",\r\n        align: \"center\",\r\n        render: (data, row) => (\r\n          <Popconfirm\r\n            title=\"Hesabınız pasife alınacaktır. Aktife almak için bizimle iletişime geçebilirsiniz.\"\r\n            okText=\"Tamam, sil\"\r\n            cancelText=\"Hayır silme\"\r\n            onConfirm={() => handleOnClickDelete(data)}\r\n            disabled={row.isSystemAccount}\r\n          >\r\n            <a>\r\n              <DeleteOutlined\r\n                style={{\r\n                  color: row.isSystemAccount ? \"gray\" : \"red\",\r\n                  fontSize: \"130%\",\r\n                }}\r\n              />\r\n            </a>\r\n          </Popconfirm>\r\n        ),\r\n      }\r\n      : {},\r\n  ];\r\n\r\n  const detailColumns = [\r\n    tableRoles.isAvailableBalance === false && {\r\n      title: \"Kullanılabilir Bakiye\",\r\n      dataIndex: \"availableBalanceString\",\r\n    },\r\n    {\r\n      title: \"Ana Kredi Limiti\",\r\n      dataIndex: \"creditLimitString\",\r\n    },\r\n    {\r\n      title: \"Kullanılabilir Kredi Limiti\",\r\n      dataIndex: \"availableCreditLimitString\",\r\n    },\r\n    {\r\n      title: \"Harcanan Kredi Bakiyesi\",\r\n      dataIndex: \"creditBalanceString\",\r\n    },\r\n    tableRoles.isBlockedBalance === false && {\r\n      title: \"Blokeli Tutar\",\r\n      dataIndex: \"blockedAmountString\",\r\n    },\r\n    tableRoles.isAvailableCreditBalance === false && {\r\n      title: \"Kredili Kullanılabilir Bakiye\",\r\n      dataIndex: \"availableCreditBalanceString\",\r\n    },\r\n    {\r\n      title: \"Vade Bitiş Tarihi\",\r\n      dataIndex: \"dueDate\",\r\n      render: (data) => (data ? moment(data).format(\"DD.MM.YYYY\") : \"-\"),\r\n    },\r\n    !tableRoles.isAvailableInterestRate &&\r\n    {\r\n      title: \"Vade Faiz Oranı\",\r\n      dataIndex: \"interestRate\",\r\n    },\r\n    {\r\n      title: \"Hesap Açılış Tarihi\",\r\n      dataIndex: \"openDate\",\r\n      render: (data) => (data ? moment(data).format(\"DD.MM.YYYY\") : \"-\"),\r\n    },\r\n  ].filter(Boolean);\r\n  return (\r\n    <>\r\n      <Row>\r\n        <Col xs={24} md={12} lg={16}>\r\n          <p style={{ fontSize: \"120%\", marginTop: -5 }}>\r\n            <BankOutlined /> HESAP LİSTESİ\r\n          </p>\r\n        </Col>\r\n        <Col xs={24} md={12} lg={8}>\r\n          <Row justify=\"end\" align=\"middle\" style={{ paddingRight: 16 }}>\r\n            <Tooltip title=\"Excel İndir\">\r\n              <a\r\n                style={{\r\n                  color: \"green\",\r\n                  fontSize: \"180%\",\r\n                  marginRight: 30,\r\n                }}\r\n                onClick={onClickExportExcel}\r\n              >\r\n                <FileExcelOutlined />\r\n              </a>\r\n            </Tooltip>\r\n            <Button\r\n              type=\"primary\"\r\n              onClick={() => {\r\n                setAddCashAccountVisibility(true);\r\n              }}\r\n              style={{ marginBottom: 0 }}\r\n              icon={<PlusOutlined />}\r\n            >\r\n              Kasa Hesabı Ekle\r\n            </Button>\r\n            {tableDataQueryOptions.activeTab == \"3\" && isAdmin === true && (\r\n              <Popconfirm\r\n                title=\"Silmek İstediğinize Emin Misiniz?\"\r\n                okText=\"Tamam, sil\"\r\n                cancelText=\"Hayır silme\"\r\n                onConfirm={() => handleOnClickMultipleDelete()}\r\n              >\r\n                <a>\r\n                  <Button\r\n                    type=\"primary\"\r\n                    style={{ marginBottom: 0 }}\r\n                    icon={<PlusOutlined />}\r\n                    disabled={selectedRowKeys.length < 1}\r\n                  >\r\n                    Hesapları Sil\r\n                  </Button>\r\n                </a>\r\n              </Popconfirm>\r\n            )}\r\n          </Row>\r\n        </Col>\r\n      </Row>\r\n      <Tabs defaultActiveKey=\"1\" onChange={onTabChange}>\r\n        <TabPane tab=\"Tümü\" key=\"1\"></TabPane>\r\n        <TabPane tab=\"Aktif hesaplar\" key=\"2\"></TabPane>\r\n        <TabPane tab=\"Pasif Hesaplar\" key=\"3\"></TabPane>\r\n      </Tabs>\r\n      <TenantAccountTableFilter\r\n        data={tableDataQueryOptions.values}\r\n        onClearFilter={onClearTableFilter}\r\n        onFinishFilter={onFinishTableFilter}\r\n        style={{ marginTop: 12, marginBottom: 12 }}\r\n      />\r\n\r\n      <Row id=\"tableArea\">\r\n        <Col span={24}>\r\n          <Table\r\n            rowSelection={\r\n              isAdmin === true && tableDataQueryOptions.activeTab == \"3\"\r\n                ? {\r\n                  selectedRowKeys: selectedRowKeys,\r\n                  onChange: onTableSelectChange,\r\n                }\r\n                : undefined\r\n            }\r\n            columns={columns}\r\n            expandable={{\r\n              expandedRowRender: (row) =>\r\n                RowHelper.renderRowDetail({\r\n                  data: row,\r\n                  columns: detailColumns,\r\n                }),\r\n            }}\r\n            locale={{\r\n              emptyText: (\r\n                <Empty\r\n                  image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                  description=\"Veri Yok\"\r\n                />\r\n              ),\r\n            }}\r\n            style={{ overflowX: \"auto\", maxHeight: \"100%\" }}\r\n            rowKey=\"id\"\r\n            filterable={true}\r\n            size=\"small\"\r\n            sortable={true}\r\n            pageable={true}\r\n            onChange={paging}\r\n            pagination={{\r\n              defaultPageSize: tableDataQueryOptions.take,\r\n              pageSizeOptions: [\"15\", \"25\", \"50\", \"100\"],\r\n              total: tableData.total,\r\n              current: tableDataQueryOptions.current,\r\n            }}\r\n            dataSource={tableData.data}\r\n            loading={tableData.loading}\r\n          />\r\n        </Col>\r\n      </Row>\r\n\r\n      <Drawer\r\n        id=\"addDealerDrawer\"\r\n        title=\"Kasa Hesabı Ekle\"\r\n        bodyStyle={{ padding: 24 }}\r\n        width={500}\r\n        onClose={() => setAddCashAccountVisibility(false)}\r\n        visible={addCashAccountVisibility}\r\n      >\r\n        <CashAccountAddForm onSuccess={onAddCashAccountSuccess} />\r\n      </Drawer>\r\n\r\n      <Drawer\r\n        title=\"Banka Hesabı Düzenle\"\r\n        width={241}\r\n        onClose={onCloseUpdate}\r\n        visible={visibleUpdate}\r\n        bodyStyle={{ paddingBottom: 80 }}\r\n        footer={<div style={{ textAlign: \"right\" }}></div>}\r\n      >\r\n        <TenantAccountUpdateForm\r\n          sendDataForUpdate={(val) => {\r\n            if (val === \"success\") {\r\n              getTableData();\r\n              setVisibleUpdate(false);\r\n            }\r\n          }}\r\n          data={updateFormData}\r\n        />\r\n      </Drawer>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default BankPage;\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Form, DatePicker, Input, notification, Button, Select, Col, Row, Upload, Spin, Radio, Space, Typography } from 'antd';\r\nimport CurrencyInput from 'react-currency-input';\r\nimport { useMediaQuery } from 'react-responsive'\r\nimport config from \"../../util/ApiforContext\"\r\nimport { PlusOutlined, DownloadOutlined, UploadOutlined } from '@ant-design/icons';\r\nimport RequestHandler from '../../util/RequestHandler';\r\nimport { odata } from '../Filters/Helper';\r\n\r\nconst { Option } = Select;\r\nconst { Text } = Typography;\r\n\r\nconst layout = {\r\n  labelCol: {\r\n    span: 6,\r\n  },\r\n  wrapperCol: {\r\n    span: 18,\r\n  },\r\n};\r\nconst tailLayout = {\r\n  wrapperCol: {\r\n    offset: 8,\r\n    span: 16,\r\n  },\r\n};\r\n\r\nconst MonthlyPlanAdd = () => {\r\n  const isTabletOrMobileDevice = useMediaQuery({\r\n    query: '(max-device-width: 1224px)'\r\n  });\r\n\r\n  const [loading, setLoading] = useState(false);\r\n  const [repeatDayCount, setRepeatDayCount] = useState(1);\r\n  const [repeatEndDayCount, setRepeatEndDayCount] = useState(1);\r\n  const [repeatDate, setRepeatDate] = useState();\r\n  const [spinLoading, SetSpinLoading] = useState(false);\r\n  const [tahsilatButton, setTahsilatButton] = useState(false);\r\n  const [odemeButton, setOdemeButton] = useState(false);\r\n  const [repeatPlan, setRepeatPlan] = useState(false);\r\n  const [teminatDropdown, setteminatDropdown] = useState([]);\r\n  const [firmSelect, setFirmSelect] = useState({\r\n    data: [],\r\n    loading: false,\r\n  });\r\n  const [currencyDropdown, setcurrencyDropdown] = useState([]);\r\n  const [ManualTransactionTypeDropdown, setManualTransactionTypeDropdown] = useState([]);\r\n  const errorList = [];\r\n  const errorListNotification = type => {\r\n    errorList.map((item) => {\r\n      notification[type]({\r\n        message: 'Hata',\r\n        description:\r\n          item\r\n        ,\r\n        duration: 5,\r\n      });\r\n    })\r\n  };\r\n\r\n  const changeButton = (val) => {\r\n    if (val === '1') {\r\n      setTahsilatButton(true)\r\n      setOdemeButton(false)\r\n    } else if (val === '2') {\r\n      setOdemeButton(true)\r\n      setTahsilatButton(false)\r\n    }\r\n  }\r\n\r\n  const onChangeRepeat = (val) => {\r\n    setRepeatPlan(val.target.value)\r\n  }\r\n\r\n  const onFirmSearch = (value) => {\r\n    if (value.length >= 2) {\r\n      setFirmSelect({ data: [], loading: true });\r\n\r\n      RequestHandler.get(\r\n        `/Firm?$select=id,firmBranchNumber,name&$filter=${odata.contains(\r\n          \"name\",\r\n          value\r\n        )} or ${odata.contains(\"firmBranchNumber\", value)}`\r\n      ).then((res) => {\r\n        setFirmSelect({ data: res.value, loading: false });\r\n      });\r\n    } else {\r\n      setFirmSelect({ data: [], loading: false });\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/Types/GetManualTransactionTypes`).then(response => {\r\n      setteminatDropdown(response);\r\n    });\r\n\r\n    RequestHandler.get(`/Currency`).then(response => {\r\n      setcurrencyDropdown(response.value);\r\n    });\r\n\r\n    RequestHandler.get(`/MonthlyPlanType`).then(response => {\r\n      setManualTransactionTypeDropdown(response.value);\r\n    });\r\n  }, []);\r\n\r\n  const { TextArea } = Input;\r\n\r\n  const openNotificationWithIcon = type => {\r\n    notification[type]({\r\n      message: 'BAŞARILI',\r\n      description:\r\n        'Ekleme işlemi başarı ile gerçekleşti.',\r\n      duration: 2,\r\n    });\r\n  };\r\n\r\n  const excelDownload = type => {\r\n    notification[type]({\r\n      message: 'BAŞARILI',\r\n      description:\r\n        'Excel şablonu indirme işlemi başarı ile gerçekleşti.',\r\n      duration: 2,\r\n    });\r\n  };\r\n\r\n  const downloadExcel = () => {\r\n    window.open(`${config.apiUrl}/MonthlyPlan/DownloadExcel?t=${RequestHandler.getToken()}`)\r\n  }\r\n\r\n  const onFinish = values => {\r\n    const valuedate = values[\"TransactionDate\"];\r\n\r\n    const repeatTime = values.repeat?.value;\r\n    const repeatKind = values.repeat?.day;\r\n    const repeatContinue = values.repeatContinue == 1 ? null : repeatDayCount;\r\n    const repeatEndDateDay = values.repeatEndDate == 2 ? repeatEndDayCount : null;\r\n    const repeatEndDate = values.repeatEndDate == 3 ? repeatDate : null;\r\n\r\n    RequestHandler.post(`/MonthlyPlan`, {\r\n      MonthlyPlanTypeId: values.MonthlyPlanTypeId,\r\n      OtherTransactionProcessType: values.OtherTransactionProcessType,\r\n      Description: values.Description,\r\n      Amount: 1,\r\n      AmountString: values.Amount,\r\n      TransactionDate: valuedate.format('YYYY-MM-DD'),\r\n      CurrencyId: values.CurrencyCode,\r\n      FirmId: values.FirmId,\r\n\r\n      IsRepeat: repeatPlan,\r\n      RepeatTime: repeatTime,\r\n      RepeatKind: repeatKind,\r\n      RepeatContinue: repeatContinue,\r\n      repeatEndDateDay: repeatEndDateDay,\r\n      repeatEndDate: repeatEndDate?.format('YYYY-MM-DD'),\r\n      MainType: 0\r\n    }, false, { rawResponse: true }).then(res => {\r\n      if (res.status == 200) {\r\n        openNotificationWithIcon('success');\r\n        setTimeout(function () {\r\n          window.location.reload();\r\n        }.bind(this), 2000)\r\n      }else{\r\n        setLoading(false)\r\n        SetSpinLoading(false)\r\n        }\r\n    });\r\n  };\r\n\r\n  const propsTahsilat = {\r\n    name: 'excel',\r\n    action: `${config.apiUrl}/MonthlyPlan/ImportExcel?type=1`,\r\n    headers: { \"Authorization\": \"bearer \" + RequestHandler.getToken() },\r\n    onChange(info) {\r\n      const { response, status } = info.file;\r\n\r\n      if (info.fileList.length > 0) {\r\n        SetSpinLoading(true)\r\n      }\r\n      if (info.file.status === 'done') {\r\n\r\n        excelDownload(\"success\")\r\n        setTimeout(function () {\r\n          window.location.reload();\r\n        }.bind(this), 2000)\r\n      } else if (info.file.status === 'error') {\r\n        if (info.file.response.statusCode === 406) {\r\n          info.file.response.data.map((item) => {\r\n            errorList.push(item);\r\n          })\r\n          errorListNotification('error')\r\n          setTimeout(function () {\r\n            window.location.reload()\r\n          }, 5000);\r\n        } else {\r\n          const notificationType = response.success ? \"success\" : \"error\";\r\n\r\n          notification[notificationType]({\r\n            message: response.message,\r\n            duration: 3,\r\n          });\r\n          if (!response.success) {\r\n            downloadImportResult(info.file.response.data);\r\n          }\r\n          setTimeout(function () {\r\n            window.location.reload()\r\n          }, 5000);\r\n        }\r\n      }\r\n    },\r\n  };\r\n  const downloadImportResult = (fileName) => {\r\n    window.open(\r\n      `${config.apiUrl\r\n      }/MonthlyPlan/DownloadImportResult?t=${RequestHandler.getToken()}&fileName=${fileName}`\r\n    );\r\n  };\r\n  const propsOdeme = {\r\n    name: 'excel',\r\n    action: `${config.apiUrl}/MonthlyPlan/ImportExcel?type=2`,\r\n    headers: { \"Authorization\": \"bearer \" + RequestHandler.getToken() },\r\n    onChange(info) {\r\n      const { response, status } = info.file;\r\n\r\n      SetSpinLoading(true)\r\n      if (info.file.status === 'done') {\r\n        excelDownload(\"success\")\r\n        setTimeout(function () {\r\n          window.location.reload();\r\n        }.bind(this), 2000)\r\n      } else if (info.file.status === 'error') {\r\n        if (info.file.response.statusCode === 406) {\r\n          info.file.response.data.map((item) => {\r\n            errorList.push(item);\r\n          })\r\n          errorListNotification('error')\r\n          setTimeout(function () {\r\n            window.location.reload()\r\n          }, 5000);\r\n        } else {\r\n          const notificationType = response.success ? \"success\" : \"error\";\r\n\r\n          notification[notificationType]({\r\n            message: response.message,\r\n            duration: 3,\r\n          });\r\n          if (!response.success) {\r\n            downloadImportResult(info.file.response.data);\r\n          }\r\n          setTimeout(function () {\r\n            window.location.reload()\r\n          }, 5000);\r\n        }\r\n      }\r\n    },\r\n  };\r\n  const onFinishFailed = errorInfo => {\r\n    setLoading(false)\r\n  };\r\n  return (\r\n    <div>\r\n      <Spin tip=\"Excel yükleniyor...\" spinning={spinLoading}>\r\n        <Form\r\n          {...layout}\r\n          name=\"basic\"\r\n          initialValues={{\r\n            remember: true,\r\n          }}\r\n          onFinish={onFinish}\r\n          onFinishFailed={onFinishFailed}\r\n        >\r\n          <Row>\r\n            <Col style={{ width: '100%', textAlign: 'center', marginTop: '4%' }}>\r\n              <Radio.Group defaultValue={false} onChange={(value) => { onChangeRepeat(value) }} buttonStyle=\"button\">\r\n                <Radio.Button value={false}>Plan Girişi</Radio.Button>\r\n                <Radio.Button value={true}>Tekrarlı Plan Girişi</Radio.Button>\r\n              </Radio.Group>\r\n            </Col>\r\n\r\n\r\n            <Col span={24}>\r\n              <Form.Item\r\n                label=\"Ödeme/Tahsilat Tipi \"\r\n                style={{ marginTop: \"4%\" }}\r\n                name=\"OtherTransactionProcessType\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: 'Lütfen Ödeme/Tahsilat tipi alanını boş bırakmayın.',\r\n                  },\r\n                ]}\r\n              >\r\n                <Select\r\n                  showSearch\r\n                  placeholder=\"Ödeme/Tahsilat tipi seçiniz\"\r\n                  optionFilterProp=\"children\"\r\n                  onChange={changeButton}\r\n                  filterOption={(input, option) =>\r\n                    option.props.children\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                  }\r\n                >\r\n                  {teminatDropdown.map(item => (\r\n                    <Option key={item.key}>{item.value}</Option>\r\n                  ))}\r\n                </Select>\r\n              </Form.Item>\r\n              <Form.Item\r\n                label=\"Cari Adı/Ünvanı\"\r\n                name=\"FirmId\"\r\n              >\r\n                <Select\r\n                  showSearch\r\n                  placeholder=\"En az 2 harf giriniz..\"\r\n                  onSearch={onFirmSearch}\r\n                  filterOption={(input, option) =>\r\n                    option.children\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0 ||\r\n                    option.code\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                  }\r\n                  loading={firmSelect.loading}\r\n                >\r\n                  {firmSelect.data.map((item) => (\r\n                    <Select.Option\r\n                      key={item.id}\r\n                      value={item.id}\r\n                      code={item.firmBranchNumber}\r\n                    >\r\n                      {item.name}\r\n                    </Select.Option>\r\n                  ))}\r\n                </Select>\r\n              </Form.Item>\r\n              <Form.Item\r\n                label=\"Tutar\"\r\n                name=\"Amount\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: 'Lütfen Tutar alanını boş bırakmayın.',\r\n                  },\r\n                ]}\r\n              >\r\n                <CurrencyInput className=\"ant-input\" style={{ width: \"100%\" }} decimalSeparator=\",\" thousandSeparator=\".\" />\r\n              </Form.Item>\r\n              <Form.Item\r\n                label=\"Para Birimi\"\r\n                name=\"CurrencyCode\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: 'Lütfen Para Birimi alanını boş bırakmayın.',\r\n                  },\r\n                ]}\r\n              >\r\n                <Select\r\n                  showSearch\r\n                  placeholder=\"Para birimini seçiniz\"\r\n                  optionFilterProp=\"children\"\r\n                  filterOption={(input, option) =>\r\n                    option.props.children\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                  }\r\n                >\r\n                  {currencyDropdown.map(item => (\r\n                    <Option key={item.id}>{item.code + ' (' + item.symbol + ')'}</Option>\r\n                  ))}\r\n                </Select>\r\n              </Form.Item>\r\n\r\n              {\r\n                repeatPlan ?\r\n                  <>\r\n                    <Form.Item\r\n                      label=\"İlk Tekrar Tarihi\"\r\n                      name=\"TransactionDate\"\r\n                      rules={[\r\n                        {\r\n                          required: true,\r\n                          message: 'Lütfen Tarih alanını boş bırakmayın.',\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <DatePicker format={\"DD-MM-YYYY\"} placeholder=\"Tarih seçiniz\" style={{ width: \"100%\" }} />\r\n                    </Form.Item>\r\n\r\n                    <Form.Item label=\"Tekrar Etme Sıklığı\" >\r\n                      <Input.Group compact>\r\n                        <Text style={{ marginTop: 4 }}>Her</Text>\r\n                        <Form.Item\r\n                          name={['repeat', 'value']}\r\n                          noStyle\r\n                          rules={[{ required: true, message: 'Bu alan boş bırakılamaz' }]}\r\n                        >\r\n                          <Select style={isTabletOrMobileDevice ? { marginLeft: 10 } : { marginLeft: 10, width: \"22%\" }} placeholder=\"Seçiniz\" >\r\n                            <Option value={1}>1</Option>\r\n                            <Option value={2}>2</Option>\r\n                            <Option value={3}>3</Option>\r\n                            <Option value={4}>4</Option>\r\n                            <Option value={5}>5</Option>\r\n                            <Option value={6}>6</Option>\r\n                            <Option value={7}>7</Option>\r\n                            <Option value={8}>8</Option>\r\n                            <Option value={9}>9</Option>\r\n                            <Option value={10}>10</Option>\r\n                            <Option value={11}>11</Option>\r\n                            <Option value={12}>12</Option>\r\n                            <Option value={13}>13</Option>\r\n                            <Option value={14}>14</Option>\r\n                            <Option value={15}>15</Option>\r\n                            <Option value={16}>16</Option>\r\n                            <Option value={17}>17</Option>\r\n                            <Option value={18}>18</Option>\r\n                            <Option value={19}>19</Option>\r\n                            <Option value={20}>20</Option>\r\n                            <Option value={21}>21</Option>\r\n                            <Option value={22}>22</Option>\r\n                            <Option value={23}>23</Option>\r\n                            <Option value={24}>24</Option>\r\n                            <Option value={25}>25</Option>\r\n                            <Option value={26}>26</Option>\r\n                            <Option value={27}>27</Option>\r\n                            <Option value={28}>28</Option>\r\n                            <Option value={29}>29</Option>\r\n                            <Option value={30}>30</Option>\r\n                          </Select>\r\n                        </Form.Item>\r\n                        <Form.Item\r\n                          name={['repeat', 'day']}\r\n                          noStyle\r\n                          rules={[{ required: true, message: 'Bu alan boş bırakılamaz' }]}\r\n                        >\r\n                          <Select style={{ marginRight: 10 }} placeholder=\"Seçiniz\">\r\n                            <Option value=\"day\">Günde</Option>\r\n                            <Option value=\"week\">Haftada</Option>\r\n                            <Option value=\"month\">Ayda</Option>\r\n                            <Option value=\"year\">Yılda</Option>\r\n                          </Select>\r\n                        </Form.Item>\r\n                        <Text style={{ marginTop: 4 }}>Bir</Text>\r\n\r\n                      </Input.Group>\r\n                    </Form.Item>\r\n\r\n                    <Form.Item label=\"Sonraki Tekrarlar\"\r\n                      name=\"repeatContinue\"\r\n                      rules={[\r\n                        {\r\n                          required: true,\r\n                          message: 'Lütfen Tekrarlanma Sıklığı alanını boş bırakmayın.',\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Radio.Group onChange={(value) => { }} value={1} >\r\n                        <Space direction=\"vertical\">\r\n                          <Radio value={1}>Tekrarlanma Gününde</Radio>\r\n                          <Radio value={2}>\r\n                            <Input style={{ width: 60, marginLeft: 10 }} value={repeatDayCount} onChange={(e) => { setRepeatDayCount(e.target.value) }} /> gün sonra\r\n                          </Radio>\r\n                        </Space>\r\n                      </Radio.Group>\r\n                    </Form.Item>\r\n\r\n                    <Form.Item label=\"Ne Zaman Sonlansın\"\r\n                      name=\"repeatEndDate\"\r\n                      rules={[\r\n                        {\r\n                          required: true,\r\n                          message: 'Lütfen Sonlanma tarihi alanını boş bırakmayın.',\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Radio.Group onChange={(value) => { }} value={1} >\r\n                        <Space direction=\"vertical\">\r\n                          <Radio value={2}>\r\n                            <Input style={{ width: 60, marginLeft: 10 }} value={repeatEndDayCount} onChange={(e) => { setRepeatEndDayCount(e.target.value) }} /> tekrardan sonra\r\n                          </Radio>\r\n                          <Radio value={3}>\r\n                            <DatePicker format={\"DD-MM-YYYY\"} onSelect={(dt) => { setRepeatDate(dt) }} placeholder=\"Tarih seçiniz\" style={{ width: \"50%\" }} /> <Text>tarihinde</Text>\r\n                          </Radio>\r\n                        </Space>\r\n                      </Radio.Group>\r\n                    </Form.Item>\r\n                  </>\r\n\r\n                  :\r\n                  <Form.Item\r\n                    label=\"Tarih\"\r\n                    name=\"TransactionDate\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message: 'Lütfen Tarih alanını boş bırakmayın.',\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <DatePicker format={\"DD-MM-YYYY\"} placeholder=\"Tarih seçiniz\" style={{ width: \"100%\" }} />\r\n                  </Form.Item>\r\n              }\r\n\r\n\r\n\r\n              <Form.Item\r\n                label=\"İşlem Tipi\"\r\n                name=\"MonthlyPlanTypeId\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: 'Lütfen İşlem Tipi alanını boş bırakmayın.',\r\n                  },\r\n                ]}\r\n              >\r\n                <Select\r\n                  showSearch\r\n                  placeholder=\"İşlem tipi seçiniz\"\r\n                  optionFilterProp=\"children\"\r\n                  filterOption={(input, option) =>\r\n                    option.props.children\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                  }\r\n                >\r\n                  {ManualTransactionTypeDropdown.filter(x => x.name.toLowerCase() !== \"çek\" && x.name.toLowerCase() !== \"senet\").map(item => (\r\n                    <Option key={item.id}>{item.name}</Option>\r\n                  ))}\r\n                </Select>\r\n              </Form.Item>\r\n              <Form.Item\r\n                label=\"Açıklama\"\r\n                name=\"Description\"\r\n              >\r\n                <TextArea rows={4} />\r\n              </Form.Item>\r\n            </Col>\r\n\r\n\r\n            <Col span={6} style={{ marginLeft: -5 }} >\r\n              {tahsilatButton === true && !repeatPlan ?\r\n                <Upload {...propsTahsilat}>\r\n                  <Button icon={<UploadOutlined />}>Excel ile Tahsilat Ekle</Button>\r\n                </Upload>\r\n\r\n                :\r\n                (odemeButton === true && !repeatPlan ?\r\n                  <Upload {...propsOdeme}>\r\n                    <Button icon={<UploadOutlined />}>Excel ile Ödeme Ekle</Button>\r\n                  </Upload>\r\n                  :\r\n                  null)\r\n              }\r\n            </Col>\r\n            <Col span={6} style={{ marginLeft: 5 }} >\r\n              {tahsilatButton === true && !repeatPlan ?\r\n                <Button icon={<DownloadOutlined />} onClick={() => setLoading(true), downloadExcel} loading={loading}>\r\n                  Excel Şablonu İndir\r\n                </Button>\r\n                :\r\n                (odemeButton === true && !repeatPlan ?\r\n                  <Button icon={<DownloadOutlined />} onClick={() => setLoading(true), downloadExcel} loading={loading}>\r\n                    Excel Şablonu İndir\r\n                  </Button>\r\n                  :\r\n                  null)\r\n              }\r\n            </Col>\r\n            <Col span={6}></Col>\r\n            <Col span={3}>\r\n              <Form.Item {...tailLayout} >\r\n                <Button type=\"primary\" icon={<PlusOutlined />} htmlType=\"submit\" onClick={() => setLoading(true)} loading={loading}>\r\n                  Ekle\r\n                </Button>\r\n              </Form.Item>\r\n            </Col>\r\n            <Col span={6}></Col>\r\n\r\n\r\n\r\n\r\n          </Row>\r\n        </Form>\r\n      </Spin>\r\n    </div>\r\n  )\r\n}\r\nexport default MonthlyPlanAdd\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Form, DatePicker, Input, notification, Button, Select, Col, Row } from 'antd';\r\nimport CurrencyInput from 'react-currency-input';\r\nimport { PlusOutlined } from '@ant-design/icons';\r\nimport moment from 'moment';\r\nimport { odata } from '../Filters/Helper';\r\nimport RequestHandler from '../../util/RequestHandler';\r\n\r\nconst { Option } = Select;\r\nconst dateFormat = 'DD/MM/YYYY';\r\nconst layout = {\r\n  labelCol: {\r\n    span: 6,\r\n  },\r\n  wrapperCol: {\r\n    span: 18,\r\n  },\r\n};\r\nconst tailLayout = {\r\n  wrapperCol: {\r\n    offset: 8,\r\n    span: 16,\r\n  },\r\n};\r\nconst { TextArea } = Input;\r\nconst MonthlyPlanUpdate = (props) => {\r\n\r\n  const [loading, setLoading] = useState(false);\r\n  const [OtherTransactionProcessType, setOtherTransactionProcessType] = useState(props.OtherTransactionProcessType);\r\n  const [MonthlyPlanTypeId, setMonthlyPlanTypeId] = useState(props.MonthlyPlanTypeId);\r\n  const [CurrencyCode, setCurrencyCode] = useState(props.CurrencyCode);\r\n  const [Amount, setAmount] = useState(props.Amount);\r\n  const [TransactionDate, setTransactionDate] = useState(props.TransactionDate);\r\n  const [Description, setDescription] = useState(props.Description);\r\n  const [changeAll, setChangeAll] = useState(props.changeAll);\r\n  const [teminatDropdown, setteminatDropdown] = useState([]);\r\n  const [currencyDropdown, setcurrencyDropdown] = useState([]);\r\n  const [ManualTransactionTypeDropdown, setManualTransactionTypeDropdown] = useState([]);\r\n  const [firmSelect, setFirmSelect] = useState({\r\n    data: [],\r\n    loading: false,\r\n  });\r\n  const [FirmId, setFirmId] = useState(props.FirmId);\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/Firm?$filter=id eq ${props.FirmId}`).then(response => {\r\n      setFirmSelect({ loading: false, data: response.value })\r\n    });\r\n\r\n    setManualTransactionTypeDropdown(props.ManualTransactionTypeDropdown)\r\n    setcurrencyDropdown(props.currencyDropdown)\r\n    setteminatDropdown(props.teminatDropdown)\r\n    setDescription(props.Description)\r\n    setTransactionDate(props.TransactionDate)\r\n    setChangeAll(props.changeAll)\r\n    setAmount(props.Amount)\r\n    setCurrencyCode(props.CurrencyCode)\r\n    setMonthlyPlanTypeId(props.MonthlyPlanTypeId)\r\n    setOtherTransactionProcessType(props.OtherTransactionProcessType)\r\n    setFirmId(props.FirmId)\r\n\r\n  },\r\n    [setOtherTransactionProcessType, setChangeAll, setFirmSelect, setMonthlyPlanTypeId, setCurrencyCode, setAmount, setTransactionDate, setDescription, setFirmId, props.FirmId, props.changeAll, props.isRepeat, props.OtherTransactionProcessType, props.MonthlyPlanTypeId, props.CurrencyCode, props.Amount, props.TransactionDate, props.Description]\r\n  );\r\n\r\n  const onChangeAmount = (e) => {\r\n    setAmount(e)\r\n  }\r\n  const onChangeFirmValue = (e) => {\r\n    setFirmId(e)\r\n  }\r\n  const onChangeOtherTransactionProcessTypeValue = (e) => {\r\n    setOtherTransactionProcessType(e)\r\n  }\r\n  const onChangeCurrencyValue = (e) => {\r\n    setCurrencyCode(e)\r\n  }\r\n  const onChangeDateValue = (e) => {\r\n    if(e !== null){\r\n    setTransactionDate(e)\r\n    }\r\n  }\r\n  const onChangeMonthlyPlanValue = (e) => {\r\n    setMonthlyPlanTypeId(e)\r\n  }\r\n  const onChangeDescriptionValue = (e) => {\r\n    setDescription(e.target.value)\r\n  }\r\n\r\n  const onFirmSearch = (value) => {\r\n    if (value.length >= 2) {\r\n      setFirmSelect({ data: [], loading: true });\r\n\r\n      RequestHandler.get(\r\n        `/Firm?$select=id,firmBranchNumber,name&$filter=${odata.contains(\r\n          \"name\",\r\n          value\r\n        )} or ${odata.contains(\"firmBranchNumber\", value)}`\r\n      ).then((res) => {\r\n        setFirmSelect({ data: res.value, loading: false });\r\n      });\r\n    } else {\r\n      setFirmSelect({ data: [], loading: false });\r\n    }\r\n  };\r\n\r\n  const onFinishUpdate = values => {\r\n    var amountString = values.Amount.toString();\r\n    if (amountString.includes(\".\")) {\r\n      if (amountString.includes(\",\")) {\r\n\r\n      } else {\r\n        amountString = amountString.replace(\".\", \",\")\r\n      }\r\n    }\r\n    RequestHandler.put(`/MonthlyPlan`, {\r\n      Id: props.monthlyPlanId,\r\n      MonthlyPlanTypeId: values.MonthlyPlanTypeId,\r\n      OtherTransactionProcessType: values.OtherTransactionProcessType,\r\n      CurrencyId: values.CurrencyCode,\r\n      Amount: 1,\r\n      IsChangeAll: changeAll,\r\n      AmountString: amountString,\r\n      Description: values.Description,\r\n      TransactionDate: values.TransactionDate.format('YYYY-MM-DD'),\r\n      FirmId: values.FirmId\r\n\r\n    }, false, { rawResponse: true })\r\n    .then(res => {\r\n      if (res.status == 200) {\r\n        openNotificationWithIconUpdate('success');\r\n        setTimeout(function () {\r\n          props.sendDataForUpdate(\"success\");\r\n          setLoading(false)\r\n        }.bind(this), 2000)\r\n      }else{\r\n        setLoading(false)\r\n        }\r\n    }).catch(function (error) {\r\n      setLoading(false);\r\n    });;\r\n  };\r\n\r\n  const onFinishFailedUpdate = () => setLoading(false);\r\n\r\n  const openNotificationWithIconUpdate = type => {\r\n    notification[type]({\r\n      message: 'BAŞARILI',\r\n      description:\r\n        'Güncelleme işlemi başarı ile gerçekleşti.',\r\n      duration: 2,\r\n    });\r\n  };\r\n\r\n\r\n  const openNotificationWithIconWarningUpdate = type => {\r\n    notification[type]({\r\n      message: 'HATA',\r\n      description:\r\n        'Güncelleme işlemi sırasında bir hata oluştu.',\r\n      duration: 2,\r\n    });\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <Form\r\n        {...layout}\r\n        name=\"basic\"\r\n        initialValues={{\r\n          remember: true,\r\n        }}\r\n        onFinish={onFinishUpdate}\r\n        onFinishFailed={onFinishFailedUpdate}\r\n        fields={[\r\n          { name: \"OtherTransactionProcessType\", value: OtherTransactionProcessType },\r\n          { name: \"CurrencyCode\", value: CurrencyCode },\r\n          { name: \"Amount\", value: Amount },\r\n          { name: \"TransactionDate\", value: moment(TransactionDate, dateFormat) },\r\n          { name: \"Description\", value: Description },\r\n          { name: \"MonthlyPlanTypeId\", value: MonthlyPlanTypeId },\r\n          { name: \"FirmId\", value: FirmId }\r\n        ]}\r\n      >\r\n        <Row>\r\n\r\n          <Col span={24}>\r\n            <Form.Item\r\n              label=\"Ödeme/Tahsilat Tipi \"\r\n              style={{ marginTop: \"4%\" }}\r\n              name=\"OtherTransactionProcessType\"\r\n              rules={[\r\n                {\r\n                  required: true,\r\n                  message: 'Lütfen Ödeme/Tahsilat tipi alanını boş bırakmayın.',\r\n                },\r\n              ]}\r\n            >\r\n              <Select\r\n                showSearch\r\n                onChange={onChangeOtherTransactionProcessTypeValue}\r\n                placeholder=\"Ödeme/Tahsilat tipi seçiniz\"\r\n                optionFilterProp=\"children\"\r\n                filterOption={(input, option) =>\r\n                  option.props.children\r\n                    .toLocaleLowerCase(\"tr-TR\")\r\n                    .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                }\r\n              >\r\n                {teminatDropdown.map(item => (\r\n                  <Option key={item.key}>{item.value}</Option>\r\n                ))}\r\n              </Select>\r\n            </Form.Item>\r\n            <Form.Item\r\n              label=\"Cari Adı/Ünvanı\"\r\n              name=\"FirmId\"\r\n              rules={[\r\n                {\r\n                  required: true,\r\n                  message: 'Lütfen Cari Adı/Ünvanı tipi alanını boş bırakmayın.',\r\n                },\r\n              ]}\r\n            >\r\n              <Select\r\n                showSearch\r\n                onChange={onChangeFirmValue}\r\n                placeholder=\"En az 2 harf giriniz..\"\r\n                onSearch={onFirmSearch}\r\n                filterOption={(input, option) =>\r\n                  option.children\r\n                    .toLocaleLowerCase(\"tr-TR\")\r\n                    .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0 ||\r\n                  option.code\r\n                    .toLocaleLowerCase(\"tr-TR\")\r\n                    .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                }\r\n                loading={firmSelect.loading}\r\n              >\r\n                {firmSelect.data.map((item) => (\r\n                  <Select.Option\r\n                    key={item.id}\r\n                    value={item.id}\r\n                    code={item.firmBranchNumber}\r\n                  >\r\n                    {item.name}\r\n                  </Select.Option>\r\n                ))}\r\n              </Select>\r\n            </Form.Item>\r\n            <Form.Item\r\n              label=\"Tutar\"\r\n              name=\"Amount\"\r\n              rules={[\r\n                {\r\n                  required: true,\r\n                  message: 'Lütfen Tutar alanını boş bırakmayın.',\r\n                },\r\n              ]}\r\n            >\r\n              <CurrencyInput value={Amount} onChange={onChangeAmount} style={{ width: \"100%\" }} className=\"ant-input\" decimalSeparator=\",\" thousandSeparator=\".\" />\r\n            </Form.Item>\r\n            <Form.Item\r\n              label=\"Para Birimi\"\r\n              name=\"CurrencyCode\"\r\n              rules={[\r\n                {\r\n                  required: true,\r\n                  message: 'Lütfen Para Birimi alanını boş bırakmayın.',\r\n                },\r\n              ]}\r\n            >\r\n              <Select\r\n                showSearch\r\n                placeholder=\"Para birimini seçiniz\"\r\n                optionFilterProp=\"children\"\r\n                onChange={onChangeCurrencyValue}\r\n                filterOption={(input, option) =>\r\n                  option.props.children\r\n                    .toLocaleLowerCase(\"tr-TR\")\r\n                    .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                }\r\n              >\r\n                {currencyDropdown.map(item => (\r\n                  <Option key={item.id}>{item.code + ' (' + item.symbol + ')'}</Option>\r\n                ))}\r\n              </Select>\r\n            </Form.Item>\r\n            <Form.Item\r\n              label=\"Tarih\"\r\n              name=\"TransactionDate\"\r\n              rules={[\r\n                {\r\n                  required: true,\r\n                  message: 'Lütfen Tarih alanını boş bırakmayın.',\r\n                },\r\n              ]}\r\n            >\r\n              <DatePicker format={\"DD-MM-YYYY\"} disabled={changeAll} onChange={onChangeDateValue} style={{ width: \"100%\" }} />\r\n            </Form.Item>\r\n            <Form.Item\r\n              label=\"İşlem Tipi\"\r\n              name=\"MonthlyPlanTypeId\"\r\n              rules={[\r\n                {\r\n                  required: true,\r\n                  message: 'Lütfen İşlem Tipi alanını boş bırakmayın.',\r\n                },\r\n              ]}\r\n            >\r\n              <Select\r\n                showSearch\r\n                placeholder=\"İşlem tipi seçiniz\"\r\n                optionFilterProp=\"children\"\r\n                onChange={onChangeMonthlyPlanValue}\r\n                filterOption={(input, option) =>\r\n                  option.props.children\r\n                    .toLocaleLowerCase(\"tr-TR\")\r\n                    .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                }\r\n              >\r\n                {ManualTransactionTypeDropdown.map(item => (\r\n                  <Option key={item.id}>{item.name}</Option>\r\n                ))}\r\n              </Select>\r\n            </Form.Item>\r\n            <Form.Item\r\n              label=\"Açıklama\"\r\n              name=\"Description\"\r\n            >\r\n              <TextArea onChange={onChangeDescriptionValue} rows={4} />\r\n            </Form.Item>\r\n          </Col>\r\n          <Col span={6}></Col>\r\n          <Col span={6}></Col>\r\n          <Col span={6}></Col>\r\n          <Col span={6}>\r\n            <Form.Item {...tailLayout} >\r\n              <Button type=\"primary\" icon={<PlusOutlined />} htmlType=\"submit\" onClick={() => setLoading(true)} loading={loading}>\r\n                Güncelle\r\n              </Button>\r\n            </Form.Item>\r\n          </Col>\r\n\r\n\r\n\r\n        </Row>\r\n      </Form>\r\n    </div>\r\n  )\r\n}\r\nexport default MonthlyPlanUpdate\r\n","import React, { useState, useEffect, useCallback } from \"react\";\r\nimport {\r\n  Form,\r\n  DatePicker,\r\n  Input,\r\n  notification,\r\n  Button,\r\n  Select,\r\n  Col,\r\n  Row,\r\n  Upload,\r\n  Spin,\r\n  Radio,\r\n  Space,\r\n  Typography,\r\n} from \"antd\";\r\nimport CurrencyInput from \"react-currency-input\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport {\r\n  PlusOutlined,\r\n  DownloadOutlined,\r\n  UploadOutlined,\r\n} from \"@ant-design/icons\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\nimport { odata } from \"../Filters/Helper\";\r\nimport debounce from \"lodash.debounce\";\r\n\r\nconst { Option } = Select;\r\nconst { Text } = Typography;\r\n\r\nconst layout = {\r\n  labelCol: {\r\n    span: 6,\r\n  },\r\n  wrapperCol: {\r\n    span: 18,\r\n  },\r\n};\r\nconst tailLayout = {\r\n  wrapperCol: {\r\n    offset: 8,\r\n    span: 16,\r\n  },\r\n};\r\n\r\nconst CheckPromissoryAdd = (props) => {\r\n  const [form] = Form.useForm();\r\n  const [fileList, setFileList] = useState([]);\r\n  const [loading, setLoading] = useState(false);\r\n  const [repeatDayCount, setRepeatDayCount] = useState(1);\r\n  const [repeatEndDayCount, setRepeatEndDayCount] = useState(1);\r\n  const [repeatDate, setRepeatDate] = useState();\r\n  const [spinLoading, SetSpinLoading] = useState(false);\r\n  const [tahsilatButton, setTahsilatButton] = useState(false);\r\n  const [odemeButton, setOdemeButton] = useState(false);\r\n  const [checkPlan, setCheckPlan] = useState(false);\r\n\r\n  const [bankId, setbankId] = useState(\"\");\r\n  const [bankName, setBankName] = useState(\"\");\r\n  const [bankDropdown, setbankDropdown] = useState([]);\r\n  const [SalesmanCode, setSalesmanCode] = useState({\r\n    data: [],\r\n    loading: true,\r\n  });\r\n  const [tenantAccountSelect, setTenantAccountSelect] = useState({\r\n    data: [],\r\n    loading: true,\r\n  });\r\n\r\n  const [teminatDropdown, setteminatDropdown] = useState([]);\r\n  const [firmSelect, setFirmSelect] = useState({\r\n    data: [],\r\n    loading: false,\r\n  });\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/Bank`).then((response) => {\r\n      setbankDropdown(\r\n        response.value.filter((x) => x.isSupportAccountTransaction === true)\r\n      );\r\n    });\r\n  }, [setbankDropdown]);\r\n\r\n  const onChange = (value) => {\r\n    RequestHandler.get(`/BankBranch/GetBranchForBank?id=${value}`).then(\r\n      (response) => {\r\n        setbankId(value);\r\n      }\r\n    );\r\n  };\r\n\r\n  const onChangeFirm = (value) => {\r\n    RequestHandler.get(`/Firm/GetById/${value}`).then((response) => {\r\n      if (response.vkn !== null) {\r\n        form.setFieldsValue({ Vkn: response.vkn });\r\n      } else if (response.vkn === null && response.tcNo !== null) {\r\n        form.setFieldsValue({ Vkn: response.tcNo });\r\n      } else {\r\n        form.setFieldsValue({ Vkn: \"\" });\r\n      }\r\n    });\r\n  };\r\n\r\n  const onChangeFirmHandler = useCallback(debounce(onChangeFirm, 300), []);\r\n\r\n  const [currencyDropdown, setcurrencyDropdown] = useState([]);\r\n  const [ManualTransactionTypeDropdown, setManualTransactionTypeDropdown] =\r\n    useState([]);\r\n  const errorList = [];\r\n  const errorListNotification = (type) => {\r\n    errorList.map((item) => {\r\n      notification[type]({\r\n        message: \"Hata\",\r\n        description: item,\r\n        duration: 5,\r\n      });\r\n    });\r\n  };\r\n\r\n  const changeButton = (val) => {\r\n    if (val === \"1\") {\r\n      setTahsilatButton(true);\r\n      setOdemeButton(false);\r\n    } else if (val === \"2\") {\r\n      setOdemeButton(true);\r\n      setTahsilatButton(false);\r\n    }\r\n  };\r\n\r\n  const onChangeCheck = (val) => {\r\n    setCheckPlan(val);\r\n  };\r\n\r\n  const onSuccess = () => {\r\n    form.resetFields();\r\n    setFileList([]);\r\n    if (props.onSuccess) props.onSuccess();\r\n  };\r\n\r\n  const onChangeSalesmanCode = (e) => {\r\n    setSalesmanCode(e);\r\n  };\r\n  const onFirmSearch = (value) => {\r\n    if (value.length >= 2) {\r\n      setFirmSelect({ data: [], loading: true });\r\n\r\n      RequestHandler.get(\r\n        `/Firm?$select=id,firmBranchNumber,name&$filter=${odata.contains(\r\n          \"name\",\r\n          value\r\n        )} or ${odata.contains(\"firmBranchNumber\", value)}`\r\n      ).then((res) => {\r\n        setFirmSelect({ data: res.value, loading: false });\r\n      });\r\n    } else {\r\n      setFirmSelect({ data: [], loading: false });\r\n    }\r\n  };\r\n  const onFirmSearchHandler = useCallback(debounce(onFirmSearch, 300), []);\r\n  useEffect(() => {\r\n    RequestHandler.get(`/Types/GetManualTransactionTypes`).then((response) => {\r\n      setteminatDropdown(response);\r\n    });\r\n\r\n    RequestHandler.get(`/Currency`).then((response) => {\r\n      setcurrencyDropdown(response.value);\r\n    });\r\n    RequestHandler.get(`/MonthlyPlanType`).then((response) => {\r\n      setManualTransactionTypeDropdown(response.value);\r\n    });\r\n    RequestHandler.get(`/ErpLogo/GetSalesmanCodes`, [], false, {\r\n      rawResponse: true,\r\n    }).then((response) => {\r\n      if (response != \"\") {\r\n        setSalesmanCode({\r\n          data: response,\r\n          loading: false,\r\n        });\r\n      } else {\r\n        setSalesmanCode({\r\n          data: [],\r\n          loading: false,\r\n        });\r\n      }\r\n    });\r\n  }, []);\r\n\r\n  const { TextArea } = Input;\r\n\r\n  const openNotificationWithIcon = (type) => {\r\n    notification[type]({\r\n      message: \"BAŞARILI\",\r\n      description: \"Ekleme işlemi başarı ile gerçekleşti.\",\r\n      duration: 2,\r\n    });\r\n  };\r\n\r\n  const excelDownload = (type) => {\r\n    notification[type]({\r\n      message: \"BAŞARILI\",\r\n      description: \"Excel şablonu indirme işlemi başarı ile gerçekleşti.\",\r\n      duration: 2,\r\n    });\r\n  };\r\n\r\n  const downloadExcel = () => {\r\n    window.open(\r\n      `${config.apiUrl\r\n      }/MonthlyPlan/DownloadExcel?t=${RequestHandler.getToken()}`\r\n    );\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    const valuedate = values[\"TransactionDate\"];\r\n\r\n    const repeatTime = values.repeat?.value;\r\n    const repeatKind = values.repeat?.day;\r\n    const repeatContinue = values.repeatContinue == 1 ? null : repeatDayCount;\r\n    const repeatEndDateDay =\r\n      values.repeatEndDate == 2 ? repeatEndDayCount : null;\r\n    const repeatEndDate = values.repeatEndDate == 3 ? repeatDate : null;\r\n\r\n    RequestHandler.post(\r\n      `/MonthlyPlan`,\r\n      {\r\n        MonthlyPlanTypeId: values.MonthlyPlanTypeId,\r\n        OtherTransactionProcessType: values.OtherTransactionProcessType, //Tahsilat anlamına gelir.\r\n        Description: values.Description,\r\n        Amount: 1,\r\n        AmountString: values.Amount,\r\n        TransactionDate: valuedate.format(\"YYYY-MM-DD\"),\r\n        CurrencyId: values.CurrencyCode,\r\n        FirmId: values.FirmId,\r\n        BankId: bankId,\r\n        BankName: values.bankName,\r\n        BankBranchCode: values.BankBranchCode,\r\n        IsRepeat: false,\r\n        RepeatTime: repeatTime,\r\n        RepeatKind: repeatKind,\r\n        RepeatContinue: repeatContinue,\r\n        repeatEndDateDay: repeatEndDateDay,\r\n        repeatEndDate: repeatEndDate?.format(\"YYYY-MM-DD\"),\r\n        MainType: 1,\r\n        PaymentPlace: values.PaymentPlace,\r\n        SerialNo: values.SerialNo,\r\n        Vkn: values.Vkn,\r\n        SalesmanCode: values.salesmanCode,\r\n      },\r\n      false,\r\n      { rawResponse: true }\r\n    ).then((res) => {\r\n      if (res.status == 200) {\r\n        openNotificationWithIcon(\"success\");\r\n      } else {\r\n        SetSpinLoading(false);\r\n      }\r\n      setLoading(false);\r\n      onSuccess();\r\n    });\r\n  };\r\n\r\n  const propsTahsilat = {\r\n    name: \"excel\",\r\n    action: `${config.apiUrl}/MonthlyPlan/ImportExcel?type=1`,\r\n    headers: { Authorization: \"bearer \" + RequestHandler.getToken() },\r\n    onChange(info) {\r\n      const { response, status } = info.file;\r\n\r\n      if (info.fileList.length > 0) {\r\n        SetSpinLoading(true);\r\n      }\r\n      if (info.file.status === \"done\") {\r\n        excelDownload(\"success\");\r\n        setTimeout(\r\n          function () {\r\n            window.location.reload();\r\n          }.bind(this),\r\n          2000\r\n        );\r\n      } else if (info.file.status === \"error\") {\r\n        if (info.file.response.statusCode === 406) {\r\n          info.file.response.data.map((item) => {\r\n            errorList.push(item);\r\n          });\r\n          errorListNotification(\"error\");\r\n          setTimeout(function () {\r\n            window.location.reload();\r\n          }, 5000);\r\n        } else {\r\n          const notificationType = response.success ? \"success\" : \"error\";\r\n\r\n          notification[notificationType]({\r\n            message: response.message,\r\n            duration: 3,\r\n          });\r\n          if (!response.success) {\r\n            downloadImportResult(info.file.response.data);\r\n          }\r\n          setTimeout(function () {\r\n            window.location.reload();\r\n          }, 5000);\r\n        }\r\n      }\r\n    },\r\n  };\r\n  const downloadImportResult = (fileName) => {\r\n    window.open(\r\n      `${config.apiUrl\r\n      }/MonthlyPlan/DownloadImportResult?t=${RequestHandler.getToken()}&fileName=${fileName}`\r\n    );\r\n  };\r\n  const propsOdeme = {\r\n    name: \"excel\",\r\n    action: `${config.apiUrl}/MonthlyPlan/ImportExcel?type=2`,\r\n    headers: { Authorization: \"bearer \" + RequestHandler.getToken() },\r\n    onChange(info) {\r\n      const { response, status } = info.file;\r\n\r\n      SetSpinLoading(true);\r\n      if (info.file.status === \"done\") {\r\n        excelDownload(\"success\");\r\n        setTimeout(\r\n          function () {\r\n            window.location.reload();\r\n          }.bind(this),\r\n          2000\r\n        );\r\n      } else if (info.file.status === \"error\") {\r\n        if (info.file.response.statusCode === 406) {\r\n          info.file.response.data.map((item) => {\r\n            errorList.push(item);\r\n          });\r\n          errorListNotification(\"error\");\r\n          setTimeout(function () {\r\n            window.location.reload();\r\n          }, 5000);\r\n        } else {\r\n          const notificationType = response.success ? \"success\" : \"error\";\r\n\r\n          notification[notificationType]({\r\n            message: response.message,\r\n            duration: 3,\r\n          });\r\n          if (!response.success) {\r\n            downloadImportResult(info.file.response.data);\r\n          }\r\n          setTimeout(function () {\r\n            window.location.reload();\r\n          }, 5000);\r\n        }\r\n      }\r\n    },\r\n  };\r\n  const onFinishFailed = (errorInfo) => {\r\n    setLoading(false);\r\n  };\r\n  return (\r\n    <div>\r\n      <Spin tip=\"Excel yükleniyor...\" spinning={spinLoading}>\r\n        <Form\r\n          {...layout}\r\n          name=\"basic\"\r\n          initialValues={{\r\n            remember: true,\r\n          }}\r\n          onFinish={onFinish}\r\n          onFinishFailed={onFinishFailed}\r\n          form={form}\r\n        >\r\n          <Row>\r\n            <Col span={24}>\r\n              <Form.Item\r\n                label=\"Ödeme/Tahsilat Tipi \"\r\n                style={{ marginTop: \"4%\" }}\r\n                name=\"OtherTransactionProcessType\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: 'Lütfen Ödeme/Tahsilat tipi alanını boş bırakmayın.',\r\n                  },\r\n                ]}\r\n              >\r\n                <Select\r\n                  showSearch\r\n                  placeholder=\"Ödeme/Tahsilat tipi seçiniz\"\r\n                  optionFilterProp=\"children\"\r\n                  onChange={changeButton}\r\n                  filterOption={(input, option) =>\r\n                    option.props.children\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                  }\r\n                >\r\n                  {teminatDropdown.map(item => (\r\n                    <Option key={item.key}>{item.value}</Option>\r\n                  ))}\r\n                </Select>\r\n              </Form.Item>\r\n              <Form.Item\r\n                label=\"İşlem Tipi\"\r\n                name=\"MonthlyPlanTypeId\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Lütfen İşlem Tipi alanını boş bırakmayın.\",\r\n                  },\r\n                ]}\r\n              >\r\n                <Select\r\n                  onChange={(value, selectedObject) => {\r\n                    var changeCheckValue =\r\n                      selectedObject.children.toLowerCase().trim() === \"çek\"\r\n                        ? false\r\n                        : true;\r\n                    onChangeCheck(changeCheckValue);\r\n                  }}\r\n                  showSearch\r\n                  placeholder=\"İşlem tipi seçiniz\"\r\n                  optionFilterProp=\"children\"\r\n                  filterOption={(input, option) =>\r\n                    option.props.children\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                  }\r\n                >\r\n                  {ManualTransactionTypeDropdown.filter(\r\n                    (x) =>\r\n                      x.name.toLowerCase().trim() === \"çek\" ||\r\n                      x.name.toLowerCase().trim() === \"senet\"\r\n                  ).map((item) => (\r\n                    <Option key={item.id}>{item.name}</Option>\r\n                  ))}\r\n                </Select>\r\n              </Form.Item>\r\n              <Form.Item\r\n                label=\"Cari Adı/Ünvanı\"\r\n                name=\"FirmId\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message:\r\n                      \"Lütfen Cari Adı/Ünvanı tipi alanını boş bırakmayın.\",\r\n                  },\r\n                ]}\r\n              >\r\n                <Select\r\n                  allowClear\r\n                  showSearch\r\n                  placeholder=\"En az 2 harf giriniz..\"\r\n                  onSearch={onFirmSearchHandler}\r\n                  onChange={onChangeFirmHandler}\r\n                  filterOption={(input, option) =>\r\n                    option.props.children\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0 ||\r\n                    option.code\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                  }\r\n                  loading={firmSelect.loading}\r\n                // onChange={(value, option) => onChangeFirm(value)}\r\n                >\r\n                  {firmSelect.data.map((item) => (\r\n                    <Select.Option\r\n                      key={item.id}\r\n                      value={item.id}\r\n                      code={item.firmBranchNumber}\r\n                    >\r\n                      {item.name}\r\n                    </Select.Option>\r\n                  ))}\r\n                </Select>\r\n              </Form.Item>\r\n              <Form.Item label=\"Tckn/Vkn\" name=\"Vkn\">\r\n                <Input disabled=\"true\" />\r\n              </Form.Item>\r\n              <Form.Item\r\n                label=\"Tarih\"\r\n                name=\"TransactionDate\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Lütfen Tarih alanını boş bırakmayın.\",\r\n                  },\r\n                ]}\r\n              >\r\n                <DatePicker\r\n                  format={\"DD-MM-YYYY\"}\r\n                  placeholder=\"Tarih seçiniz\"\r\n                  style={{ width: \"100%\" }}\r\n                />\r\n              </Form.Item>\r\n              <Form.Item\r\n                label=\"Tutar\"\r\n                name=\"Amount\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Lütfen Tutar alanını boş bırakmayın.\",\r\n                  },\r\n                ]}\r\n              >\r\n                <CurrencyInput\r\n                  className=\"ant-input\"\r\n                  style={{ width: \"100%\" }}\r\n                  decimalSeparator=\",\"\r\n                  thousandSeparator=\".\"\r\n                />\r\n              </Form.Item>\r\n              <Form.Item\r\n                label=\"Para Birimi\"\r\n                name=\"CurrencyCode\"\r\n                initialValue=\"1\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Lütfen Para Birimi alanını boş bırakmayın.\",\r\n                  },\r\n                ]}\r\n              >\r\n                <Select\r\n                  showSearch\r\n                  placeholder=\"Para birimini seçiniz\"\r\n                  optionFilterProp=\"children\"\r\n                  filterOption={(input, option) =>\r\n                    option.props.children\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                  }\r\n                >\r\n                  {currencyDropdown.map((item) => (\r\n                    <Option key={item.id}>\r\n                      {item.code + \" (\" + item.symbol + \")\"}\r\n                    </Option>\r\n                  ))}\r\n                </Select>\r\n              </Form.Item>\r\n              {!checkPlan ? (\r\n                <>\r\n                  <Form.Item label=\"Ödeme Yeri\" name=\"PaymentPlace\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Seri No\" name=\"SerialNo\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Banka Adı\"\r\n                    name=\"BankId\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message: \"Lütfen banka alanını boş bırakmayın.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Select\r\n                      showSearch\r\n                      placeholder=\"Seçiniz.\"\r\n                      optionFilterProp=\"children\"\r\n                      onChange={onChange}\r\n                      filterOption={(input, option) =>\r\n                        option.props.children\r\n                          .toLocaleLowerCase(\"tr-TR\")\r\n                          .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                      }\r\n                    >\r\n                      {bankDropdown.map((item) =>\r\n                        item.name === \"Çek\" ? (\r\n                          \"\"\r\n                        ) : (\r\n                          <Option key={item.id}>{item.name}</Option>\r\n                        )\r\n                      )}\r\n                    </Select>\r\n                    {/* <Input /> */}\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Banka-Şube Kodu\" name=\"BankBranchCode\">\r\n                    <Input />\r\n                  </Form.Item>\r\n                </>\r\n              ) : (\r\n                <> </>\r\n              )}\r\n              <Form.Item label=\"Satış Elemanı\" name=\"salesmanCode\">\r\n                <Select\r\n                  allowClear\r\n                  showSearch\r\n                  placeholder=\"Satış Elemanı seçiniz\"\r\n                  optionFilterProp=\"children\"\r\n                  // onChange={onChangeSalesmanCode}\r\n                  filterOption={(input, option) =>\r\n                    option.props.children\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                  }\r\n                >\r\n                  {SalesmanCode.data.length > 0 &&\r\n                    SalesmanCode.data.map((item) => (\r\n                      <Option key={item.KOD} value={item.ACIKLAMASI}>\r\n                        {item.ACIKLAMASI + \" \" + item.KOD}\r\n                      </Option>\r\n                    ))}\r\n                </Select>\r\n              </Form.Item>\r\n            </Col>\r\n            <Col span={18}></Col>\r\n            <Col span={3}>\r\n              <Form.Item {...tailLayout}>\r\n                <Button\r\n                  type=\"primary\"\r\n                  icon={<PlusOutlined />}\r\n                  htmlType=\"submit\"\r\n                  onClick={() => setLoading(true)}\r\n                  loading={loading}\r\n                >\r\n                  Ekle\r\n                </Button>\r\n              </Form.Item>\r\n            </Col>\r\n            <Col span={6}></Col>\r\n          </Row>\r\n        </Form>\r\n      </Spin>\r\n    </div>\r\n  );\r\n};\r\nexport default CheckPromissoryAdd;\r\n","import React, { useState, useEffect, useCallback } from \"react\";\r\nimport {\r\n  Form,\r\n  DatePicker,\r\n  Input,\r\n  notification,\r\n  Button,\r\n  Select,\r\n  Col,\r\n  Row,\r\n} from \"antd\";\r\nimport CurrencyInput from \"react-currency-input\";\r\nimport { PlusOutlined } from \"@ant-design/icons\";\r\nimport moment from \"moment\";\r\nimport { odata } from \"../Filters/Helper\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\nimport debounce from \"lodash.debounce\";\r\n\r\nconst { Option } = Select;\r\nconst dateFormat = \"DD/MM/YYYY\";\r\nconst layout = {\r\n  labelCol: {\r\n    span: 6,\r\n  },\r\n  wrapperCol: {\r\n    span: 18,\r\n  },\r\n};\r\nconst tailLayout = {\r\n  wrapperCol: {\r\n    offset: 8,\r\n    span: 16,\r\n  },\r\n};\r\nconst { TextArea } = Input;\r\nconst CheckPromissoryUpdate = (props) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [form] = Form.useForm();\r\n  const [MonthlyPlanTypeId, setMonthlyPlanTypeId] = useState(\r\n    props.MonthlyPlanTypeId\r\n  );\r\n  const [CurrencyCode, setCurrencyCode] = useState(props.CurrencyCode);\r\n  const [Amount, setAmount] = useState(props.Amount);\r\n  const [TransactionDate, setTransactionDate] = useState(props.TransactionDate);\r\n  const [Description, setDescription] = useState(props.Description);\r\n  const [changeAll, setChangeAll] = useState(props.changeAll);\r\n  const [teminatDropdown, setteminatDropdown] = useState([]);\r\n  const [currencyDropdown, setcurrencyDropdown] = useState([]);\r\n  const [ManualTransactionTypeDropdown, setManualTransactionTypeDropdown] =\r\n    useState([]);\r\n  const [OtherTransactionProcessType, setOtherTransactionProcessType] =\r\n    useState([]);\r\n\r\n  const [checkPlan, setCheckPlan] = useState(false);\r\n  const [bankId, setbankId] = useState(\"\");\r\n  const [bankBranchCode, setBankBranchCode] = useState(props.bankBranchCode);\r\n  const [bankBranchId, setBankBranchId] = useState(\"\");\r\n  const [bankDropdown, setbankDropdown] = useState([]);\r\n  const [selectedBankDropdown, setSelectedBankDropdown] = useState([]);\r\n  const [bankBranchDropdown, setbankBranchDropdown] = useState([]);\r\n  const [paymentPlace, setPaymentPlace] = useState(props.paymentPlace);\r\n  const [serialNo, setSerialNo] = useState(props.serialNo);\r\n  const [Vkn, setVkn] = useState(\"\");\r\n  const [tahsilatButton, setTahsilatButton] = useState(false);\r\n  const [odemeButton, setOdemeButton] = useState(false);\r\n  const [salesmanCode, setSalesmanCode] = useState({\r\n    data: [],\r\n    loading: true,\r\n  });\r\n\r\n  const [firmSelect, setFirmSelect] = useState({\r\n    data: [],\r\n    loading: false,\r\n  });\r\n  const [FirmId, setFirmId] = useState(props.firmId);\r\n\r\n  const onChangeFirm = (value) => {\r\n    RequestHandler.get(`/Firm/GetById/${value}`).then((response) => {\r\n      if (response.vkn !== null) {\r\n        form.setFieldsValue({ Vkn: response.vkn });\r\n      } else if (response.vkn === null && response.tcNo !== null) {\r\n        form.setFieldsValue({ Vkn: response.tcNo });\r\n      } else {\r\n        form.setFieldsValue({ Vkn: \"\" });\r\n      }\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/Bank`).then((response) => {\r\n      setbankDropdown(\r\n        response.value.filter((x) => x.isSupportAccountTransaction === true)\r\n      );\r\n      setSelectedBankDropdown(\r\n        response.value.filter((x) => x.id === props.bankId)\r\n      );\r\n    });\r\n    RequestHandler.get(`/MonthlyPlanType`).then((response) => {\r\n      setManualTransactionTypeDropdown(response.value);\r\n    });\r\n    getSalesmanCode();\r\n  }, []);\r\n\r\n  const getSalesmanCode = () => {\r\n    setSalesmanCode({\r\n      ...salesmanCode,\r\n      loading: true,\r\n    });\r\n    RequestHandler.get(`/ErpLogo/GetSalesmanCodes`, [], false, {\r\n      rawResponse: true,\r\n    }).then((response) => {\r\n      if (response != \"\") {\r\n        setSalesmanCode({\r\n          data: response,\r\n          loading: false,\r\n        });\r\n      } else {\r\n        setSalesmanCode({\r\n          data: [],\r\n          loading: false,\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/Types/GetManualTransactionTypes`).then((response) => {\r\n      setteminatDropdown(response);\r\n    });\r\n\r\n    RequestHandler.get(`/Currency`).then((response) => {\r\n      setcurrencyDropdown(response.value);\r\n    });\r\n    setMonthlyPlanTypeId(props.MonthlyPlanTypeId);\r\n    //setteminatDropdown(props.teminatDropdown);\r\n    setDescription(props.Description);\r\n    setCheckPlan(props.checkPlan);\r\n    setbankId(props.bankId);\r\n    setbankDropdown(props.bankDropdown);\r\n    setBankBranchCode(props.bankBranchCode);\r\n    setPaymentPlace(props.paymentPlace);\r\n    setSerialNo(props.serialNo);\r\n    setVkn(props.Vkn);\r\n    setTransactionDate(props.TransactionDate);\r\n    setChangeAll(props.changeAll);\r\n    setAmount(props.Amount);\r\n    setCurrencyCode(props.CurrencyCode);\r\n    setOtherTransactionProcessType(props.OtherTransactionProcessType);\r\n  }, [\r\n    setOtherTransactionProcessType,\r\n    setteminatDropdown,\r\n    setChangeAll,\r\n    setMonthlyPlanTypeId,\r\n    setCurrencyCode,\r\n    setAmount,\r\n    setTransactionDate,\r\n    setDescription,\r\n    setCheckPlan,\r\n    setbankId,\r\n    setbankDropdown,\r\n    setPaymentPlace,\r\n    setSerialNo,\r\n    setBankBranchCode,\r\n    setVkn,\r\n    props.changeAll,\r\n\r\n    props.teminatDropdown,\r\n    props.OtherTransactionProcessType,\r\n    props.MonthlyPlanTypeId,\r\n    props.CurrencyCode,\r\n    props.Amount,\r\n    props.TransactionDate,\r\n    props.Description,\r\n    props.paymentPlace,\r\n    props.serialNo,\r\n    props.bankId,\r\n    props.bankDropdown,\r\n    props.bankBranchCode,\r\n    props.Vkn,\r\n  ]);\r\n\r\n  useEffect(() => {\r\n    if (props.firmId) {\r\n      setFirmSelect({\r\n        ...firmSelect,\r\n        loading: true,\r\n      });\r\n      RequestHandler.get(\r\n        `/Firm?$select=id,firmBranchNumber,name,tcNo,vkn&$filter=id eq ${props.firmId}`\r\n      ).then((response) => {\r\n        setFirmSelect({\r\n          data: response.value,\r\n          loading: false,\r\n        });\r\n\r\n        if (response.value[0].vkn !== null) {\r\n          form.setFieldsValue({ Vkn: response.value[0].vkn });\r\n        } else if (\r\n          response.value[0].vkn === null &&\r\n          response.value[0].tcNo !== null\r\n        ) {\r\n          form.setFieldsValue({ Vkn: response.value[0].tcNo });\r\n        } else {\r\n          form.setFieldsValue({ Vkn: \"\" });\r\n        }\r\n      });\r\n    }\r\n  }, []);\r\n\r\n  const onChangeBankId = (e) => {\r\n    setbankId(e);\r\n  };\r\n  const onChangeBankBranchCode = (e) => {\r\n    setBankBranchCode(e.target.value);\r\n  };\r\n\r\n  \r\n  const changeButton = (val) => {\r\n    if (val === \"1\") {\r\n      setTahsilatButton(true);\r\n      setOdemeButton(false);\r\n    } else if (val === \"2\") {\r\n      setOdemeButton(true);\r\n      setTahsilatButton(false);\r\n    }\r\n  };\r\n\r\n  const onChangeOtherTransactionProcessTypeValue = (e) => {\r\n    setOtherTransactionProcessType(e);\r\n  };\r\n  const onChangeMonthlyPlanValue = (e) => {\r\n    setMonthlyPlanTypeId(e);\r\n  };\r\n  const onChangeAmount = (e) => {\r\n    setAmount(e);\r\n  };\r\n  const onChangeFirmId = (e) => {\r\n    setFirmId(e);\r\n    RequestHandler.get(`/Firm/GetById/${e}`).then((response) => {\r\n      if (response.vkn !== null) {\r\n        form.setFieldsValue({ Vkn: response.vkn });\r\n      } else if (response.vkn === null && response.tcNo !== null) {\r\n        form.setFieldsValue({ Vkn: response.tcNo });\r\n      } else {\r\n        form.setFieldsValue({ Vkn: \"\" });\r\n      }\r\n    });\r\n  };\r\n  const onChangeCurrencyValue = (e) => {\r\n    setCurrencyCode(e);\r\n  };\r\n  const onChangePaymentPlace = (e) => {\r\n    setPaymentPlace(e.target.value);\r\n  };\r\n  const onChangeSerialNo = (e) => {\r\n    setSerialNo(e.target.value);\r\n  };\r\n  const onChangeDateValue = (e) => {\r\n    if (e !== null) {\r\n      setTransactionDate(e);\r\n    }\r\n  };\r\n  const onChangeVkn = (e) => {\r\n    setVkn(e.target.value);\r\n  };\r\n  const onChangeDescriptionValue = (e) => {\r\n    setDescription(e.target.value);\r\n  };\r\n  const onChangeCheck = (val) => {\r\n    setCheckPlan(val);\r\n  };\r\n\r\n  const onFirmSearch = (value) => {\r\n    if (value.length >= 2) {\r\n      setFirmSelect({ data: [], loading: true });\r\n      RequestHandler.get(\r\n        `/Firm?$select=id,firmBranchNumber,name&$filter=${odata.contains(\r\n          \"name\",\r\n          value\r\n        )} or ${odata.contains(\"firmBranchNumber\", value)}`\r\n      ).then((res) => {\r\n        setFirmSelect({ data: res.value, loading: false });\r\n      });\r\n    } else {\r\n      setFirmSelect({ data: [], loading: false });\r\n    }\r\n  };\r\n\r\n  const onFinishUpdate = (values) => {\r\n    var amountString = values.Amount.toString();\r\n    if (amountString.includes(\".\")) {\r\n      if (amountString.includes(\",\")) {\r\n      } else {\r\n        amountString = amountString.replace(\".\", \",\");\r\n      }\r\n    }\r\n\r\n\r\n\r\n    RequestHandler.put(\r\n      `/CheckPromissory`,\r\n      {\r\n        Id: props.monthlyPlanId,\r\n        MonthlyPlanTypeId: values.MonthlyPlanTypeId,\r\n        OtherTransactionProcessType: values.OtherTransactionProcessType,\r\n        CurrencyId: values.CurrencyCode,\r\n        Amount: 1,\r\n        IsChangeAll: changeAll,\r\n        AmountString: amountString,\r\n        Description: values.Description,\r\n        TransactionDate: values.TransactionDate.format(\"YYYY-MM-DD\"),\r\n        FirmId: values.firmId,\r\n        MainType: 1,\r\n        PaymentPlace: values.PaymentPlace,\r\n        SerialNo: values.SerialNo,\r\n        Vkn: values.Vkn,\r\n        bankId: bankId,\r\n        BankName: values.bankName,\r\n        BankBranchCode: values.BankBranchCode,\r\n        SalesmanCode: values.salesmanCode,\r\n      },\r\n      false,\r\n      { rawResponse: true }\r\n    )\r\n      .then((res) => {\r\n        if (res.status == 200) {\r\n          openNotificationWithIconUpdate(\"success\");\r\n          setTimeout(\r\n            function () {\r\n              props.sendCheckDataForUpdate(\"success\");\r\n              setLoading(false);\r\n            }.bind(this),\r\n            2000\r\n          );\r\n        } else {\r\n          setLoading(false);\r\n        }\r\n      })\r\n      .catch(function (error) {\r\n        setLoading(false);\r\n      });\r\n  };\r\n\r\n  const onFinishFailedUpdate = () => setLoading(false);\r\n  const openNotificationWithIconUpdate = (type) => {\r\n    notification[type]({\r\n      message: \"BAŞARILI\",\r\n      description: \"Güncelleme işlemi başarı ile gerçekleşti.\",\r\n      duration: 2,\r\n    });\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <Form\r\n        {...layout}\r\n        form={form}\r\n        name=\"basic\"\r\n        initialValues={{\r\n          remember: true,\r\n        }}\r\n        onFinish={onFinishUpdate}\r\n        onFinishFailed={onFinishFailedUpdate}\r\n        fields={[\r\n          {\r\n            name: \"OtherTransactionProcessType\",\r\n            value: OtherTransactionProcessType,\r\n          },\r\n          { name: \"MonthlyPlanTypeId\", value: MonthlyPlanTypeId },\r\n          { name: \"CurrencyCode\", value: CurrencyCode },\r\n          { name: \"Amount\", value: Amount },\r\n          {\r\n            name: \"TransactionDate\",\r\n            value: moment(TransactionDate, dateFormat),\r\n          },\r\n          { name: \"firmId\", value: FirmId },\r\n          { name: \"BankId\", value: bankId },\r\n          { name: \"PaymentPlace\", value: paymentPlace },\r\n          { name: \"SerialNo\", value: serialNo },\r\n          { name: \"BankBranchCode\", value: bankBranchCode },\r\n        ]}\r\n      >\r\n        <Row>\r\n          <Col span={24}>\r\n            \r\n\r\n          <Form.Item\r\n                label=\"Ödeme/Tahsilat Tipi \"\r\n                style={{ marginTop: \"4%\" }}\r\n                name=\"OtherTransactionProcessType\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: 'Lütfen Ödeme/Tahsilat tipi alanını boş bırakmayın.',\r\n                  },\r\n                ]}\r\n              >\r\n                <Select\r\n                  showSearch\r\n                  placeholder=\"Ödeme/Tahsilat tipi seçiniz\"\r\n                  optionFilterProp=\"children\"\r\n                  onChange={onChangeOtherTransactionProcessTypeValue}\r\n                  filterOption={(input, option) =>\r\n                    option.props.children\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                  }\r\n                >\r\n                  {teminatDropdown.map(item => (\r\n                    <Option key={item.key}>{item.value}</Option>\r\n                  ))}\r\n                </Select>\r\n              </Form.Item>\r\n\r\n            <Form.Item\r\n              label=\"İşlem Tipi\"\r\n              name=\"MonthlyPlanTypeId\"\r\n              rules={[\r\n                {\r\n                  required: true,\r\n                  message: \"Lütfen İşlem Tipi alanını boş bırakmayın.\",\r\n                },\r\n              ]}\r\n            >\r\n              <Select\r\n              disabled={true}\r\n                onChange={(value, selectedObject) => {\r\n                  var changeCheckValue =\r\n                    selectedObject.children.toLowerCase().trim() === \"çek\"\r\n                      ? false\r\n                      : true;\r\n                  onChangeCheck(changeCheckValue);\r\n                }}\r\n                showSearch\r\n                placeholder=\"İşlem tipi seçiniz\"\r\n                optionFilterProp=\"children\"\r\n                filterOption={(input, option) =>\r\n                  option.props.children\r\n                    .toLocaleLowerCase(\"tr-TR\")\r\n                    .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                }\r\n              >\r\n                {ManualTransactionTypeDropdown.filter(\r\n                  (x) =>\r\n                    x.name.toLowerCase().trim() === \"çek\" ||\r\n                    x.name.toLowerCase().trim() === \"senet\"\r\n                ).map((item) => (\r\n                  <Option key={item.id}>{item.name}</Option>\r\n                ))}\r\n              </Select>\r\n            </Form.Item>\r\n            <Form.Item\r\n              label=\"Cari Adı/Ünvanı\"\r\n              name=\"firmId\"\r\n              rules={[\r\n                {\r\n                  required: true,\r\n                  message:\r\n                    \"Lütfen Cari Adı/Ünvanı tipi alanını boş bırakmayın.\",\r\n                },\r\n              ]}\r\n            >\r\n              <Select\r\n                showSearch\r\n                placeholder=\"En az 2 harf giriniz..\"\r\n                onChange={onChangeFirmId}\r\n                onSearch={onFirmSearch}\r\n                filterOption={(input, option) =>\r\n                  option.props.children\r\n                    .toLocaleLowerCase(\"tr-TR\")\r\n                    .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0 ||\r\n                  option.code\r\n                    .toLocaleLowerCase(\"tr-TR\")\r\n                    .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                }\r\n                loading={firmSelect.loading}\r\n              >\r\n                {firmSelect.data.map((item) => (\r\n                  <Select.Option\r\n                    key={item.id}\r\n                    value={item.id}\r\n                    code={item.firmBranchNumber}\r\n                  >\r\n                    {item.name}\r\n                  </Select.Option>\r\n                ))}\r\n              </Select>\r\n            </Form.Item>\r\n            <Form.Item label=\"Tckn/Vkn\" name=\"Vkn\">\r\n              <Input\r\n                value={Vkn}\r\n                onChange={onChangeVkn}\r\n                style={{ width: \"100%\" }}\r\n                disabled=\"true\"\r\n              />\r\n            </Form.Item>\r\n            <Form.Item\r\n              label=\"Tarih\"\r\n              name=\"TransactionDate\"\r\n              rules={[\r\n                {\r\n                  required: true,\r\n                  message: \"Lütfen Tarih alanını boş bırakmayın.\",\r\n                },\r\n              ]}\r\n            >\r\n              <DatePicker\r\n                format={\"DD-MM-YYYY\"}\r\n                disabled={changeAll}\r\n                onChange={onChangeDateValue}\r\n                placeholder=\"Tarih seçiniz\"\r\n                style={{ width: \"100%\" }}\r\n              />\r\n            </Form.Item>\r\n            <Form.Item\r\n              label=\"Tutar\"\r\n              name=\"Amount\"\r\n              rules={[\r\n                {\r\n                  required: true,\r\n                  message: \"Lütfen Tutar alanını boş bırakmayın.\",\r\n                },\r\n              ]}\r\n            >\r\n              <CurrencyInput\r\n                value={Amount}\r\n                onChange={onChangeAmount}\r\n                className=\"ant-input\"\r\n                style={{ width: \"100%\" }}\r\n                decimalSeparator=\",\"\r\n                thousandSeparator=\".\"\r\n              />\r\n            </Form.Item>\r\n            <Form.Item\r\n              label=\"Para Birimi\"\r\n              name=\"CurrencyCode\"\r\n              initialValue=\"1\"\r\n              rules={[\r\n                {\r\n                  required: true,\r\n                  message: \"Lütfen Para Birimi alanını boş bırakmayın.\",\r\n                },\r\n              ]}\r\n            >\r\n              <Select\r\n                showSearch\r\n                placeholder=\"Para birimini seçiniz\"\r\n                optionFilterProp=\"children\"\r\n                onChange={onChangeCurrencyValue}\r\n                filterOption={(input, option) =>\r\n                  option.props.children\r\n                    .toLocaleLowerCase(\"tr-TR\")\r\n                    .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                }\r\n              >\r\n                {currencyDropdown.map((item) => (\r\n                  <Option key={item.id}>\r\n                    {item.code + \" (\" + item.symbol + \")\"}\r\n                  </Option>\r\n                ))}\r\n              </Select>\r\n            </Form.Item>\r\n            {!checkPlan ? (\r\n              <>\r\n                <Form.Item label=\"Ödeme Yeri\" name=\"PaymentPlace\">\r\n                  <Input\r\n                    value={paymentPlace}\r\n                    onChange={onChangePaymentPlace}\r\n                    style={{ width: \"100%\" }}\r\n                  />\r\n                </Form.Item>\r\n                <Form.Item label=\"Seri No\" name=\"SerialNo\">\r\n                  <Input\r\n                    value={serialNo}\r\n                    onChange={onChangeSerialNo}\r\n                    style={{ width: \"100%\" }}\r\n                  />\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Banka Adı\"\r\n                  name=\"BankId\"\r\n                  rules={[\r\n                    {\r\n                      required: true,\r\n                      message: \"Lütfen banka alanını boş bırakmayın.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Select\r\n                    showSearch\r\n                    placeholder=\"Seçiniz.\"\r\n                    optionFilterProp=\"children\"\r\n                    onChange={onChangeBankId}\r\n                    defaultValue={selectedBankDropdown}\r\n                    filterOption={(input, option) =>\r\n                      option.children\r\n                        .toLocaleLowerCase(\"tr-TR\")\r\n                        .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                    }\r\n                  >\r\n                    {bankDropdown?.map((item) => (\r\n                      <Option key={item.id} value={item.id}>\r\n                        {item.name}\r\n                      </Option>\r\n                    ))}\r\n                  </Select>\r\n                  {/* <Input /> */}\r\n                </Form.Item>\r\n                <Form.Item label=\"Banka-Şube Kodu\" name=\"BankBranchCode\">\r\n                  <Input\r\n                    value={bankBranchCode}\r\n                    onChange={onChangeBankBranchCode}\r\n                    style={{ width: \"%100\" }}\r\n                  />\r\n                </Form.Item>\r\n              </>\r\n            ) : (\r\n              <> </>\r\n            )}\r\n            <Form.Item label=\"Satış Elemanı\" name=\"salesmanCode\">\r\n              <Select\r\n                allowClear\r\n                showSearch\r\n                placeholder=\"Satış Elemanı seçiniz\"\r\n                optionFilterProp=\"children\"\r\n                defaultValue={props.salesmanCode}\r\n                filterOption={(input, option) =>\r\n                  option.props.children\r\n                    .toLocaleLowerCase(\"tr-TR\")\r\n                    .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                }\r\n              >\r\n                {salesmanCode.data.length > 0 &&\r\n                  salesmanCode.data.map((item) => (\r\n                    <Select.Option key={item.KOD} value={item.ACIKLAMASI}>\r\n                      {item.ACIKLAMASI + \" \" + item.KOD}\r\n                    </Select.Option>\r\n                  ))}\r\n              </Select>\r\n            </Form.Item>\r\n          </Col>\r\n          <Col span={6}></Col>\r\n          <Col span={6}></Col>\r\n          <Col span={6}></Col>\r\n          <Col span={6}>\r\n            <Form.Item {...tailLayout}>\r\n              <Button\r\n                type=\"primary\"\r\n                icon={<PlusOutlined />}\r\n                htmlType=\"submit\"\r\n                onClick={() => setLoading(true)}\r\n                loading={loading}\r\n              >\r\n                Güncelle\r\n              </Button>\r\n            </Form.Item>\r\n          </Col>\r\n        </Row>\r\n      </Form>\r\n    </div>\r\n  );\r\n};\r\nexport default CheckPromissoryUpdate;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Table,\r\n  Empty,\r\n  Popconfirm,\r\n  notification,\r\n  Button,\r\n  Drawer,\r\n  Tooltip,\r\n  Col,\r\n  Modal,\r\n  Row,\r\n  Tabs,\r\n  message\r\n} from \"antd\";\r\nimport {\r\n  EditOutlined,\r\n  DeleteOutlined,\r\n  BarsOutlined,\r\n  PlusOutlined,\r\n  ExclamationCircleOutlined,\r\n  FileExcelOutlined\r\n} from \"@ant-design/icons\";\r\nimport config from \"util/ApiforContext\";\r\nimport MonthlyPlanAdd from \"../Forms/MonthlyPlanAdd\";\r\nimport MonthlyPlanUpdate from \"../Forms/MonthlyPlanUpdate\";\r\nimport { odata } from \"../Filters/Helper\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\nimport MonthlyPlanListTableFilter from \"../Filters/MonthlyPlanListTableFilter\";\r\nimport CheckPromissoryTableFilter from \"../Filters/CheckPromissoryTableFilter\";\r\nimport { RowHelper } from \"../../util/TableHelper\";\r\nimport CheckPromissoryAdd from \"../Forms/CheckPromissoryAdd\";\r\nimport CheckPromissoryUpdate from \"../Forms/CheckPromissoryUpdate\";\r\n\r\nconst { TabPane } = Tabs;\r\nconst { confirm } = Modal;\r\n\r\nconst openNotificationWithIconDelete = (type) => {\r\n  notification[type]({\r\n    message: \"BAŞARILI\",\r\n    description: \"Silme işlemi başarı ile gerçekleşti.\",\r\n    duration: 2,\r\n  });\r\n};\r\nconst openNotificationWithIconWarningDelete = (type) => {\r\n  notification[type]({\r\n    message: \"HATA\",\r\n    description: \"Silme işlemi sırasında bir hata oluştu.\",\r\n    duration: 2,\r\n  });\r\n};\r\n\r\nconst MonthlyPlanList = () => {\r\n  const [tableData, setTableData] = useState({\r\n    data: [],\r\n    total: 0,\r\n    loading: true,\r\n  });\r\n  const [checkTableData, setCheckTableData] = useState({\r\n    data: [],\r\n    total: 0,\r\n    loading: true,\r\n  });\r\n  const [tableDataQueryOptions, setTableDataQueryOptions] = useState({\r\n    skip: 0,\r\n    take: 15,\r\n    current: 1,\r\n    filter: \"\",\r\n  });\r\n  const [tableCheckDataQueryOptions, setTableCheckDataQueryOptions] = useState({\r\n    skip: 0,\r\n    take: 15,\r\n    current: 1,\r\n    filter: \"\",\r\n  });\r\n\r\n  const [order, setOrder] = useState(\"&$orderby=addDate desc\");\r\n  const [teminatDropdown, setTeminatDropdown] = useState([]);\r\n  const [ManualTransactionTypeDropdown, setManualTransactionTypeDropdown] =\r\n    useState([]);\r\n  const [currencyDropdown, setCurrencyDropdown] = useState([]);\r\n  const [monthlyPlanId, setMonthlyPlanId] = useState(\"\");\r\n  const [FirmIdUpdate, setFirmIdUpdate] = useState(\"\");\r\n  const [MonthlyPlanTypeId, setMonthlyPlanTypeId] = useState(\"\");\r\n  const [\r\n    OtherTransactionProcessTypeUpdate,\r\n    setOtherTransactionProcessTypeUpdate,\r\n  ] = useState(\"\");\r\n  const [CurrencyCode, setCurrencyCode] = useState(\"\");\r\n  const [Amount, setAmount] = useState(\"\");\r\n  const [TransactionDate, setTransactionDate] = useState(\"\");\r\n  const [DescriptionUpdate, setDescriptionUpdate] = useState(\"\");\r\n\r\n  const [paymentPlace, setPaymentPlace] = useState(\"\");\r\n  const [serialNo, setSerialNo] = useState(\"\");\r\n  const [bankId, setbankId] = useState(\"\");\r\n  const [bankDropdown, setbankDropdown] = useState([]);\r\n  const [bankBranchCode, setBankBranchCode] = useState(\"\");\r\n  const [vkn, setVkn] = useState(\"\");\r\n  const [salesmanCode, setSalesmanCode] = useState(\"\");\r\n\r\n  const [visible, setVisible] = useState(false);\r\n  const [checkVisibility, setCheckVisibility] = useState(false);\r\n  const [isRepeat, setIsRepeat] = useState(false);\r\n  const [changeAll, setChangeAll] = useState(false);\r\n  const [visibleUpdate, setvisibleUpdate] = useState(false);\r\n  const [checkVisibilityUpdate, setcheckVisibleUpdate] = useState(false);\r\n  const [tabPanelKey, setTabPanelKey] = useState(\"1\");\r\n  const [checkPlan, setCheckPlan] = useState(false);\r\n\r\n  useEffect(() => getTableData(), [order, tableDataQueryOptions]);\r\n  useEffect(() => getCheckTableData(), [order, tableCheckDataQueryOptions]);\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/Types/GetManualTransactionTypes`).then((response) => {\r\n      setTeminatDropdown(response);\r\n    });\r\n\r\n    RequestHandler.get(`/Currency`).then((response) => {\r\n      setCurrencyDropdown(response.value);\r\n    });\r\n\r\n    RequestHandler.get(`/MonthlyPlanType`).then((response) => {\r\n      setManualTransactionTypeDropdown(response.value);\r\n    });\r\n  }, []);\r\n\r\n  const getFilterQuery = () => {\r\n    const { filter } = tableDataQueryOptions;\r\n\r\n    const conditions = [];\r\n    let query = \"\";\r\n\r\n    if (filter) {\r\n      conditions.push(filter);\r\n    }\r\n\r\n    if (conditions.length !== 0) {\r\n      query = \"$filter=\" + conditions.join(\" and \");\r\n    }\r\n    return query;\r\n  };\r\n\r\n  const getCheckFilterQuery = () => {\r\n    const { filter } = tableCheckDataQueryOptions;\r\n\r\n    const conditions = [];\r\n    let query = \"\";\r\n\r\n    if (filter) {\r\n      conditions.push(filter);\r\n    }\r\n\r\n    if (conditions.length !== 0) {\r\n      query = \"$filter=\" + conditions.join(\" and \");\r\n    }\r\n    return query;\r\n  };\r\n\r\n  const onCheckPromissoryAddSuccess = () => {\r\n    getCheckTableData();\r\n    setTabPanelKey(\"2\");\r\n    setCheckVisibility(false);\r\n  };\r\n\r\n  const getTableData = () => {\r\n    setTableData({\r\n      ...tableData,\r\n      loading: true,\r\n    });\r\n    const { skip, take } = tableDataQueryOptions;\r\n\r\n    RequestHandler.get(\r\n      `/MonthlyPlan?$count=true&${getFilterQuery()}${order}&$skip=${skip}&$top=${take}`\r\n    ).then((response) => {\r\n      if (Array.isArray(response.value)) {\r\n        setTableData({\r\n          data: response.value,\r\n          total: response[\"@odata.count\"],\r\n          loading: false,\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  const getCheckTableData = () => {\r\n    setCheckTableData({\r\n      ...checkTableData,\r\n      loading: true,\r\n    });\r\n    const { skip, take } = tableCheckDataQueryOptions;\r\n\r\n    RequestHandler.get(\r\n      `/CheckPromissory?$count=true&${getCheckFilterQuery()}${order}&$skip=${skip}&$top=${take}`\r\n    ).then((response) => {\r\n      if (Array.isArray(response.value)) {\r\n        setCheckTableData({\r\n          data: response.value,\r\n          total: response[\"@odata.count\"],\r\n          loading: false,\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  const paging = (p, filters, sorter) => {\r\n    let order = \"\";\r\n    if (sorter.columnKey && sorter.order) {\r\n      order =\r\n        \"&\" +\r\n        (sorter.order === \"ascend\"\r\n          ? odata.orderBy(sorter.columnKey)\r\n          : odata.orderByDesc(sorter.columnKey));\r\n    }\r\n    setOrder(order);\r\n    setTableDataQueryOptions((prevState) => {\r\n      return {\r\n        ...prevState,\r\n        skip: (p.current - 1) * prevState.take,\r\n        take: p.pageSize,\r\n        current: p.current,\r\n      };\r\n    });\r\n\r\n    setTableCheckDataQueryOptions((prevState) => {\r\n      return {\r\n        ...prevState,\r\n        skip: (p.current - 1) * prevState.take,\r\n        take: p.pageSize,\r\n        current: p.current,\r\n      };\r\n    });\r\n  };\r\n\r\n  const onClearTableFilter = () => {\r\n    setTableDataQueryOptions({\r\n      skip: 0,\r\n      current: 1,\r\n      take: tableDataQueryOptions.take,\r\n      filter: \"\",\r\n    });\r\n  };\r\n\r\n  const onClearCheckTableFilter = () => {\r\n    setTableCheckDataQueryOptions({\r\n      skip: 0,\r\n      current: 1,\r\n      take: tableCheckDataQueryOptions.take,\r\n      filter: \"\",\r\n    });\r\n  };\r\n\r\n  const onFinishTableFilter = (query) => {\r\n    setTableDataQueryOptions((prevState) => {\r\n      return { skip: 0, current: 1, take: prevState.take, filter: query };\r\n    });\r\n  };\r\n\r\n  const onFinishCheckTableFilter = (query) => {\r\n    setTableCheckDataQueryOptions((prevState) => {\r\n      return { skip: 0, current: 1, take: prevState.take, filter: query };\r\n    });\r\n  };\r\n\r\n  const showDrawerUpdate = (value) => {\r\n    RequestHandler.get(`/MonthlyPlan/GetById/${value}`).then((response) => {\r\n      setMonthlyPlanTypeId(response.monthlyPlanTypeId);\r\n      setCurrencyCode(response.currencyId.toString());\r\n      setAmount(response.amount);\r\n      setOtherTransactionProcessTypeUpdate(\r\n        response.otherTransactionProcessType.toString()\r\n      );\r\n      setTransactionDate(response.transactionDate);\r\n      setDescriptionUpdate(response.description);\r\n      setMonthlyPlanId(value);\r\n      setFirmIdUpdate(response.firmId);\r\n      if (response.isRepeat) {\r\n        confirm({\r\n          title:\r\n            \"Yapacağınız güncellemenin tüm tekrarlı kayıtlara uygulanmasını ister misiniz?\",\r\n          icon: <ExclamationCircleOutlined />,\r\n          content: \"\",\r\n          cancelText: \"Hayır\",\r\n          okText: \"Evet\",\r\n          onOk() {\r\n            setChangeAll(true);\r\n            setvisibleUpdate(true);\r\n          },\r\n          onCancel() {\r\n            setChangeAll(false);\r\n            setvisibleUpdate(true);\r\n          },\r\n        });\r\n      } else {\r\n        setChangeAll(false);\r\n        setvisibleUpdate(true);\r\n      }\r\n    });\r\n  };\r\n\r\n  const tabChangeFunction = (index) => {\r\n\r\n    setTableDataQueryOptions((prevState) => {\r\n      return {\r\n        ...prevState,\r\n        current: 1,\r\n        skip:0\r\n      };\r\n    });\r\n    setTableCheckDataQueryOptions((prevState) => {\r\n      return {\r\n        ...prevState,\r\n        current: 1,\r\n        skip:0\r\n      };\r\n    });\r\n    \r\n    switch (index) {\r\n      case \"1\":\r\n        getTableData();\r\n        break;\r\n      case \"2\":\r\n        getCheckTableData();\r\n        break;\r\n      default:\r\n        getTableData();\r\n        break;\r\n    }\r\n  };\r\n\r\n  const showCheckDrawerUpdate = (value) => {\r\n    var isCheckPromissory = checkTableData.data.find(\r\n      (item) => item.id === value\r\n    );\r\n    if (\r\n      isCheckPromissory &&\r\n      (isCheckPromissory.monthlyPlanTypeName.toLowerCase().trim() === \"çek\" ||\r\n        isCheckPromissory.monthlyPlanTypeName.toLowerCase().trim() === \"senet\")\r\n    ) {\r\n      RequestHandler.get(`/CheckPromissory/GetById/${value}`).then(\r\n        (response) => {\r\n          setMonthlyPlanTypeId(response.monthlyPlanTypeId);\r\n          setCurrencyCode(response.currencyId.toString());\r\n          setAmount(response.amount);\r\n          setOtherTransactionProcessTypeUpdate(\r\n            response.otherTransactionProcessType.toString()\r\n          );\r\n          setCheckPlan(\r\n            response.monthlyPlanTypeName.toLowerCase().trim() === \"senet\"\r\n          );\r\n          setTransactionDate(response.transactionDate);\r\n          setDescriptionUpdate(response.description);\r\n          setMonthlyPlanId(value);\r\n          setFirmIdUpdate(response.firmId);\r\n          setVkn(response.vkn);\r\n          setbankId(response.bankId);\r\n          setBankBranchCode(response.bankBranchCode);\r\n          setPaymentPlace(response.paymentPlace);\r\n          setSerialNo(response.serialNo);\r\n          setTeminatDropdown(response.teminatDropdown);\r\n          setSalesmanCode(response.salesmanCode);\r\n          setcheckVisibleUpdate(true);\r\n          setTabPanelKey(\"2\");\r\n        }\r\n      );\r\n    }\r\n  };\r\n  const onClose = () => {\r\n    setVisible(false);\r\n  };\r\n  const onCloseUpdate = () => {\r\n    setvisibleUpdate(false);\r\n  };\r\n  const onCloseCheckUpdate = () => {\r\n    setcheckVisibleUpdate(false);\r\n  };\r\n\r\n  const handleDelete = (key, changeAllValue) => {\r\n    RequestHandler.delete(\r\n      `/MonthlyPlan?id=${key}&isChangeAll=${changeAllValue}`,\r\n      undefined,\r\n      false,\r\n      { rawResponse: true }\r\n    ).then((res) => {\r\n      if (res.status === 204 || res.status === 200) {\r\n        openNotificationWithIconDelete(\"success\");\r\n        getTableData();\r\n        getCheckTableData();\r\n      } else {\r\n        openNotificationWithIconWarningDelete(\"error\");\r\n      }\r\n    });\r\n  };\r\n\r\n  const getData = (val) => {\r\n    if (val === \"success\") {\r\n      getTableData();\r\n      getCheckTableData();\r\n      setvisibleUpdate(false);\r\n      setVisible(false);\r\n    }\r\n  };\r\n\r\n  const getCheckData = (val) => {\r\n    if (val === \"success\") {\r\n      getTableData();\r\n      getCheckTableData();\r\n      setcheckVisibleUpdate(false);\r\n      setCheckVisibility(false);\r\n    }\r\n  };\r\n\r\n  const columns = [\r\n    {\r\n      title: \"Cari\",\r\n      dataIndex: \"firmName\",\r\n      key: \"firmName\",\r\n      render: (text, row, index) =>\r\n        text === null ? (\r\n          \"\"\r\n        ) : (\r\n          <Tooltip placement=\"topLeft\" title={text}>\r\n            {text.substring(0, 15).length < 15\r\n              ? text.substring(0, 15) + \"\"\r\n              : text.substring(0, 15) + \"...\"}\r\n          </Tooltip>\r\n        ),\r\n    },\r\n    {\r\n      title: \"İşlem Tipi\",\r\n      dataIndex: \"monthlyPlanTypeName\",\r\n      key: \"monthlyPlanTypeName\",\r\n    },\r\n    {\r\n      title: \"İşlem Türü\",\r\n      dataIndex: \"otherTransactionProcessType\",\r\n      key: \"otherTransactionProcessType\",\r\n    },\r\n    {\r\n      title: \"Cari Kodu\",\r\n      dataIndex: \"firmCode\",\r\n      key: \"firmCode\",\r\n    },\r\n    {\r\n      title: \"Tarih\",\r\n      dataIndex: \"transactionDate\",\r\n      key: \"transactionDateValue\",\r\n      sorter: true,\r\n      render: (text, row, index) => {\r\n        {\r\n          return <div>{text.substring(0, 10)}</div>;\r\n        }\r\n      },\r\n    },\r\n    {\r\n      title: \"Tutar\",\r\n      dataIndex: \"amountString\",\r\n      key: \"amount\",\r\n      align: \"right\",\r\n      sorter: true,\r\n      render: (text, row, index) => {\r\n        {\r\n          return <div >{text}</div>;\r\n        }\r\n      },\r\n    },\r\n    {\r\n      title: \"Döviz\",\r\n      dataIndex: \"currencyCode\",\r\n      key: \"currencyCode\",\r\n    },\r\n    {\r\n      title: \"Açıklama\",\r\n      align: \"left\",\r\n      dataIndex: \"description\",\r\n      key: \"description\",\r\n      render: (text) =>\r\n        text === null ? (\r\n          \"\"\r\n        ) : (\r\n          <Tooltip placement=\"topLeft\" title={text}>\r\n            {text?.substring(0, 50) === undefined\r\n              ? \" \"\r\n              : text?.substring(0, 50).trim().length < 50\r\n                ? text + \"\"\r\n                : text?.substring(0, 50) + \"...\"}\r\n          </Tooltip>\r\n        ),\r\n    },\r\n    {\r\n      title: \"Düzenle\",\r\n      dataIndex: \"operation\",\r\n      align: \"right\",\r\n      width: \"10%\",\r\n      render: (text, record) => (\r\n        <a\r\n          onClick={() => {\r\n            showDrawerUpdate(record.id);\r\n          }}\r\n          style={{ color: \"orange\", fontSize: \"130%\" }}\r\n        >\r\n          <EditOutlined />\r\n        </a>\r\n      ),\r\n    },\r\n    {\r\n      title: \"Sil\",\r\n      dataIndex: \"operation\",\r\n      width: \"1%\",\r\n      render: (text, record) => (\r\n        <Popconfirm\r\n          title=\"Silmek istiyor musunuz?\"\r\n          okText=\"Evet\"\r\n          cancelText=\"Hayır\"\r\n          onConfirm={() => {\r\n            record.isRepeat\r\n              ? confirm({\r\n                title:\r\n                  \"Yapacağınız silme işleminin tüm tekrarlı kayıtlara uygulanmasını ister misiniz?\",\r\n                icon: <ExclamationCircleOutlined />,\r\n                content: \"\",\r\n                cancelText: \"Hayır\",\r\n                okText: \"Evet\",\r\n                onOk() {\r\n                  handleDelete(record.id, true);\r\n                },\r\n                onCancel() {\r\n                  handleDelete(record.id, false);\r\n                },\r\n              })\r\n              : handleDelete(record.id, false);\r\n          }}\r\n        >\r\n          <a style={{ color: \"red\", fontSize: \"130%\" }}>\r\n            <DeleteOutlined />\r\n          </a>\r\n        </Popconfirm>\r\n      ),\r\n    },\r\n  ];\r\n\r\n  const CheckPromissoryColumns = [\r\n    {\r\n      title: \"Cari\",\r\n      dataIndex: \"firmName\",\r\n      key: \"firmName\",\r\n      render: (text, row, index) =>\r\n        text === null ? (\r\n          \"\"\r\n        ) : (\r\n          <Tooltip placement=\"topLeft\" title={text}>\r\n            {text.substring(0, 15).length < 15\r\n              ? text.substring(0, 15) + \"\"\r\n              : text.substring(0, 15) + \"...\"}\r\n          </Tooltip>\r\n        ),\r\n    },\r\n    {\r\n      title: \"İşlem Tipi\",\r\n      dataIndex: \"monthlyPlanTypeName\",\r\n      key: \"monthlyPlanTypeName\",\r\n    },\r\n    {\r\n      title: \"İşlem Türü\",\r\n      dataIndex: \"otherTransactionProcessType\",\r\n      key: \"otherTransactionProcessType\",\r\n    },\r\n    {\r\n      title: \"Ödeme Yeri\",\r\n      dataIndex: \"paymentPlace\",\r\n      key: \"paymentPlace\",\r\n      isRowDetail: true,\r\n    },\r\n    {\r\n      title: \"Tarih\",\r\n      dataIndex: \"transactionDate\",\r\n      key: \"transactionDateValue\",\r\n      sorter: true,\r\n      render: (text, row, index) => {\r\n        {\r\n          return <div>{text.substring(0, 10)}</div>;\r\n        }\r\n      },\r\n    },\r\n    {\r\n      title: \"Tutar\",\r\n      dataIndex: \"amountString\",\r\n      key: \"amount\",\r\n      align: \"right\",\r\n      sorter: true,\r\n      render: (text, row, index) => {\r\n        {\r\n          return <div>{text}</div>;\r\n        }\r\n      },\r\n    },\r\n    {\r\n      title: \"Döviz\",\r\n      dataIndex: \"currencyCode\",\r\n      key: \"currencyCode\",\r\n    },\r\n    {\r\n      title: \"Seri No\",\r\n      dataIndex: \"serialNo\",\r\n      key: \"serialNo\",\r\n    },\r\n    {\r\n      title: \"Satış Elemanı\",\r\n      dataIndex: \"salesmanCode\",\r\n      key: \"salesmanCode\",\r\n      isRowDetail: true,\r\n    },\r\n    {\r\n      title: \"Banka Adı\",\r\n      dataIndex: \"bankName\",\r\n      key: \"bankName\",\r\n      isRowDetail: true,\r\n    },\r\n    {\r\n      title: \"Banka Şube Kodu\",\r\n      dataIndex: \"bankBranchCode\",\r\n      key: \"bankBranchCode\",\r\n      isRowDetail: true,\r\n    },\r\n    {\r\n      title: \"Düzenle\",\r\n      dataIndex: \"operation\",\r\n      align: \"right\",\r\n      width: \"10%\",\r\n      render: (text, record) => (\r\n        <a\r\n          onClick={() => {\r\n            showCheckDrawerUpdate(record.id);\r\n          }}\r\n          style={{ color: \"orange\", fontSize: \"130%\" }}\r\n        >\r\n          <EditOutlined />\r\n        </a>\r\n      ),\r\n    },\r\n    {\r\n      title: \"Sil\",\r\n      dataIndex: \"operation\",\r\n      width: \"1%\",\r\n      render: (text, record) => (\r\n        <Popconfirm\r\n          title=\"Silmek istiyor musunuz?\"\r\n          okText=\"Evet\"\r\n          cancelText=\"Hayır\"\r\n          onConfirm={() => {\r\n            record.isRepeat\r\n              ? confirm({\r\n                title:\r\n                  \"Yapacağınız silme işleminin tüm tekrarlı kayıtlara uygulanmasını ister misiniz?\",\r\n                icon: <ExclamationCircleOutlined />,\r\n                content: \"\",\r\n                cancelText: \"Hayır\",\r\n                okText: \"Evet\",\r\n                onOk() {\r\n                  handleDelete(record.id, true);\r\n                },\r\n                onCancel() {\r\n                  handleDelete(record.id, false);\r\n                },\r\n              })\r\n              : handleDelete(record.id, false);\r\n          }}\r\n        >\r\n          <a style={{ color: \"red\", fontSize: \"130%\" }}>\r\n            <DeleteOutlined />\r\n          </a>\r\n        </Popconfirm>\r\n      ),\r\n    },\r\n  ];\r\n  const detailColumns = [\r\n    {\r\n      title: \"Açıklama\",\r\n      dataIndex: \"description\",\r\n    },\r\n  ];\r\n\r\n  const onClickExportExcel = () => {\r\n    const hideMessage = message.loading(\"Excel indiriliyor...\", 0);\r\n    const url = tabPanelKey == \"1\" ? \"/MonthlyPlan/ExportExcel\":\"/CheckPromissory/ExportExcel\";\r\n    const downloadUrl = tabPanelKey == \"1\" ? \"/MonthlyPlan/DownloadExcel\":\"/CheckPromissory/DownloadExcel\";\r\n  \r\n    RequestHandler.post(\r\n      url,\r\n      {\r\n        query: tabPanelKey == \"1\" ? getFilterQuery(): getCheckFilterQuery(),\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      hideMessage();\r\n\r\n      if (response) {\r\n        window.open(\r\n          `${config.apiUrl\r\n          }${downloadUrl}?fileName=${response}&t=${RequestHandler.getToken()}`\r\n        );\r\n      }\r\n    });\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Row>\r\n        <Col xs={16}>\r\n          <p style={{ fontSize: \"120%\", marginTop: -5 }}>\r\n            <BarsOutlined /> GELİR-GİDER PLANLAMA\r\n          </p>\r\n        </Col>\r\n        <Col xs={7}>\r\n          <Row justify=\"end\" align=\"middle\" style={{ paddingRight: 16 }}>\r\n            <Button\r\n              type=\"primary\"\r\n              onClick={() => {\r\n                setCheckVisibility(true);\r\n              }}\r\n            >\r\n              <PlusOutlined /> Çek Senet Ekle\r\n            </Button>\r\n            <Button\r\n              type=\"primary\"\r\n              onClick={() => {\r\n                setVisible(true);\r\n              }}\r\n            >\r\n              <PlusOutlined /> Aylık Plan Ekle\r\n            </Button>\r\n            <Tooltip title=\"Excel İndir\">\r\n              <a\r\n                style={{\r\n                  color: \"green\",\r\n                  fontSize: \"180%\",\r\n                  marginBottom:10\r\n                }}\r\n                onClick={onClickExportExcel}\r\n              >\r\n                <FileExcelOutlined />\r\n              </a>\r\n            </Tooltip>\r\n          </Row>\r\n        </Col>\r\n\r\n      </Row>\r\n      {tabPanelKey === \"1\" ? (\r\n        <MonthlyPlanListTableFilter\r\n          onClearFilter={onClearTableFilter}\r\n          onFinishFilter={onFinishTableFilter}\r\n          style={{ marginTop: 12, marginBottom: 12 }}\r\n        />\r\n      ) : (\r\n        <CheckPromissoryTableFilter\r\n          onClearFilter={onClearCheckTableFilter}\r\n          onFinishFilter={onFinishCheckTableFilter}\r\n          style={{ marginTop: 12, marginBottom: 12 }}\r\n        />\r\n      )}\r\n\r\n      <Tabs\r\n        defaultActiveKey=\"1\"\r\n        onChange={(index) => setTabPanelKey(index)}\r\n        onTabClick={tabChangeFunction}\r\n      >\r\n        <TabPane tab=\"Aylık Planlar\" key=\"1\">\r\n          <Row id=\"tableArea\">\r\n            <Col span={24}>\r\n              <Table\r\n                columns={columns}\r\n                expandable={{\r\n                  expandedRowRender: (row) =>\r\n                    RowHelper.renderRowDetail({\r\n                      data: row,\r\n                      columns: detailColumns,\r\n                    }),\r\n                }}\r\n                locale={{\r\n                  emptyText: (\r\n                    <Empty\r\n                      image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                      description=\"Veri Yok\"\r\n                    />\r\n                  ),\r\n                }}\r\n                style={{ overflowX: \"auto\", maxHeight: \"100%\", width: \"100%\" }}\r\n                rowKey=\"id\"\r\n                filterable={true}\r\n                sortable={true}\r\n                pageable={true}\r\n                onChange={paging}\r\n                pagination={{\r\n                  defaultPageSize: tableDataQueryOptions.take,\r\n                  pageSizeOptions: [\"15\", \"25\", \"50\", \"100\"],\r\n                  total: tableData.total,\r\n                  current: tableDataQueryOptions.current,\r\n                }}\r\n                dataSource={tableData.data}\r\n                loading={tableData.loading}\r\n                size=\"small\"\r\n              />\r\n            </Col>\r\n          </Row>\r\n        </TabPane>\r\n        <TabPane tab=\"Çek-Senet\" key=\"2\">\r\n          <Row id=\"tableArea\">\r\n            <Col span={24}>\r\n              <Table\r\n                columns={CheckPromissoryColumns.filter(\r\n                  (column) => !column.isRowDetail\r\n                )}\r\n                expandable={{\r\n                  expandedRowRender: (row) =>\r\n                    RowHelper.renderRowDetail({\r\n                      data: row,\r\n                      columns: CheckPromissoryColumns.filter(\r\n                        (column) => column.isRowDetail\r\n                      ),\r\n                    }),\r\n                }}\r\n                locale={{\r\n                  emptyText: (\r\n                    <Empty\r\n                      image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                      description=\"Veri Yok\"\r\n                    />\r\n                  ),\r\n                }}\r\n                style={{ overflowX: \"auto\", maxHeight: \"100%\", width: \"100%\" }}\r\n                rowKey=\"id\"\r\n                filterable={true}\r\n                sortable={true}\r\n                pageable={true}\r\n                onChange={paging}\r\n                pagination={{\r\n                  defaultPageSize: tableCheckDataQueryOptions.take,\r\n                  pageSizeOptions: [\"15\", \"25\", \"50\", \"100\"],\r\n                  total: checkTableData.total,\r\n                  current: tableCheckDataQueryOptions.current,\r\n                }}\r\n                dataSource={checkTableData.data}\r\n                loading={checkTableData.loading}\r\n                size=\"small\"\r\n              />\r\n            </Col>\r\n          </Row>\r\n        </TabPane>\r\n      </Tabs>\r\n\r\n      <Drawer\r\n        title=\"Çek/Senet Ekle\"\r\n        onClose={() => setCheckVisibility(false)}\r\n        visible={checkVisibility}\r\n        bodyStyle={{ padding: 24 }}\r\n        width={500}\r\n        footer={<div style={{ textAlign: \"right\" }}></div>}\r\n      >\r\n        <CheckPromissoryAdd onSuccess={onCheckPromissoryAddSuccess} />\r\n      </Drawer>\r\n\r\n      <Drawer\r\n        title=\"Çek/Senet Güncelle\"\r\n        onClose={onCloseCheckUpdate}\r\n        visible={checkVisibilityUpdate}\r\n        bodyStyle={{ padding: 24 }}\r\n        width={500}\r\n        footer={<div style={{ textAlign: \"right\" }}></div>}\r\n        destroyOnClose={true}\r\n      >\r\n        <CheckPromissoryUpdate\r\n          monthlyPlanId={monthlyPlanId}\r\n          firmId={FirmIdUpdate}\r\n          sendCheckDataForUpdate={getCheckData}\r\n          OtherTransactionProcessType={OtherTransactionProcessTypeUpdate}\r\n          MonthlyPlanTypeId={MonthlyPlanTypeId}\r\n          CurrencyCode={CurrencyCode}\r\n          Amount={Amount}\r\n          changeAll={changeAll}\r\n          TransactionDate={TransactionDate}\r\n          currencyDropdown={currencyDropdown}\r\n          bankId={bankId}\r\n          bankDropdown={bankDropdown}\r\n          bankBranchCode={bankBranchCode}\r\n          paymentPlace={paymentPlace}\r\n          serialNo={serialNo}\r\n          vkn={vkn}\r\n          ManualTransactionTypeDropdown={ManualTransactionTypeDropdown}\r\n          salesmanCode={salesmanCode}\r\n          checkPlan={checkPlan}\r\n        />\r\n      </Drawer>\r\n\r\n      <Drawer\r\n        title=\"Aylık Plan Ekle\"\r\n        onClose={onClose}\r\n        visible={visible}\r\n        bodyStyle={{ padding: 24 }}\r\n        width={500}\r\n        footer={<div style={{ textAlign: \"right\" }}></div>}\r\n      >\r\n        <MonthlyPlanAdd />\r\n      </Drawer>\r\n\r\n      <Drawer\r\n        title=\"Aylık Plan Güncelle\"\r\n        onClose={onCloseUpdate}\r\n        visible={visibleUpdate}\r\n        bodyStyle={{ padding: 24 }}\r\n        width={500}\r\n        footer={<div style={{ textAlign: \"right\" }}></div>}\r\n      >\r\n        <MonthlyPlanUpdate\r\n          monthlyPlanId={monthlyPlanId}\r\n          FirmId={FirmIdUpdate.toString()}\r\n          sendDataForUpdate={getData}\r\n          OtherTransactionProcessType={OtherTransactionProcessTypeUpdate}\r\n          MonthlyPlanTypeId={MonthlyPlanTypeId}\r\n          CurrencyCode={CurrencyCode}\r\n          Amount={Amount}\r\n          isRepeat={isRepeat}\r\n          changeAll={changeAll}\r\n          TransactionDate={TransactionDate}\r\n          Description={DescriptionUpdate}\r\n          teminatDropdown={teminatDropdown}\r\n          currencyDropdown={currencyDropdown}\r\n          ManualTransactionTypeDropdown={ManualTransactionTypeDropdown}\r\n        />\r\n      </Drawer>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default MonthlyPlanList;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport {\r\n  Input,\r\n  Select,\r\n  Form,\r\n  Col,\r\n  notification,\r\n  Row,\r\n  Button,\r\n  Switch,\r\n} from \"antd\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport { PlusOutlined, MinusOutlined } from \"@ant-design/icons\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\n\r\nconst layout = {\r\n  labelCol: {\r\n    span: 8,\r\n  },\r\n  wrapperCol: {\r\n    span: 13,\r\n  },\r\n};\r\nconst tailLayout = {\r\n  wrapperCol: {\r\n    offset: 15,\r\n    span: 5,\r\n  },\r\n};\r\nconst { Option } = Select;\r\nconst { TextArea } = Input;\r\n\r\nconst FirmUpdate = (props) => {\r\n  const isDesktopOrLaptop = useMediaQuery({\r\n    query: \"(min-device-width: 1224px)\",\r\n  });\r\n  const isTabletOrMobileDevice = useMediaQuery({\r\n    query: \"(max-device-width: 1224px)\",\r\n  });\r\n\r\n  const onChangeFirmType = (value) => {\r\n    setFirmTypeValue(value);\r\n    setFirmClassId(\"\");\r\n    RequestHandler.get(`/FirmClass?firmTypeId=${value}`).then((res) => {\r\n      setfirmClassDropdown(res.value);\r\n    });\r\n  };\r\n\r\n  const onChangeTransactionProjectTypeId = (value) => {\r\n    setTransactionProjectTypeId(value);\r\n  };\r\n  const onChangeDivisionId = (value) => {\r\n    setDivisionId(value);\r\n  };\r\n  const onChangeDeparmentId = (value) => {\r\n    setDeparmentId(value);\r\n  };\r\n\r\n  const [transactionProjectTypes, setTransactionProjectTypes] = useState([]);\r\n  const [inputList, setInputList] = useState([]);\r\n  const [wordList, setWordList] = useState([]);\r\n  const [loading, setLoading] = useState(false);\r\n  const [Name, setName] = useState(props.Name);\r\n  const [DirectiveName, setDirectiveName] = useState(props.DirectiveName);\r\n  const [Email, setEmail] = useState(props.Email);\r\n  const [ErpSalesCode, setErpSalesCode] = useState(props.ErpSalesCode);\r\n  const [NetCollecPlasiyerCode, setNetCollecPlasiyerCode] = useState(\r\n    props.NetCollecPlasiyerCode\r\n  );\r\n  const [PurchaseType, setPurchaseType] = useState(props.PurchaseType);\r\n  const [CustomerType, setCustomerType] = useState(props.CustomerType);\r\n  const [PlaceType, setPlaceType] = useState(props.PlaceType);\r\n  const [DivisionId, setDivisionId] = useState(props.DivisionId);\r\n  const [DeparmentId, setDeparmentId] = useState(props.DeparmentId);\r\n  const [City, setCity] = useState(props.City);\r\n  const [Town, setTown] = useState(props.Town);\r\n  const [SpecialCode, setSpecialCode] = useState(props.SpecialCode);\r\n  const [AuthorizationCode, setAuthorizationCode] = useState(\r\n    props.AuthorizationCode\r\n  );\r\n  const [AccountCode, setAccountCode] = useState(props.AccountCode);\r\n  const [groupCode, setGroupCode] = useState(props.GroupCode);\r\n  const [TaxOffice, setTaxOffice] = useState(props.TaxOffice);\r\n  const [Vkn, setVkn] = useState(props.Vkn);\r\n  const [TcNo, setTcNo] = useState(props.TcNo);\r\n  const [Phone, setPhone] = useState(props.Phone);\r\n  const [MobilePhone, setMobilePhone] = useState(props.MobilePhone);\r\n  const [Fax, setFax] = useState(props.Fax);\r\n  const [Address, setAddress] = useState(props.Address);\r\n  const [FirmTypeValue, setFirmTypeValue] = useState(props.FirmTypeValue);\r\n  const [TransactionProjectTypeId, setTransactionProjectTypeId] = useState(\r\n    props.TransactionProjectTypeId\r\n  );\r\n\r\n  const [IsHasSendFirmToLogo, setIsHasSendFirmToLogo] = useState(\r\n    props.IsHasSendFirmToLogo\r\n  );\r\n  const [FirmBranchNumber, setFirmBranchNumber] = useState(\r\n    props.FirmBranchNumber\r\n  );\r\n  const [FirmClassId, setFirmClassId] = useState(props.FirmClassId);\r\n  const [firmTypeDropdown, setfirmTypeDropdown] = useState(\r\n    props.firmTypeDropdown\r\n  );\r\n  const [firmClassDropdown, setfirmClassDropdown] = useState(\r\n    props.firmClassDropdown\r\n  );\r\n  const [ErpCode, setErpCode] = useState(props.ErpCode);\r\n  const [AccountingCode, setAccountingCode] = useState(props.AccountingCode);\r\n  const wordArray = [];\r\n  const [IsGroup, setIsGroup] = useState(props.IsGroup);\r\n\r\n  useEffect(() => {\r\n    props.wordList.map((item) => {\r\n      let model = {\r\n        word: item.word,\r\n      };\r\n      wordArray.push(model);\r\n    });\r\n\r\n    RequestHandler.get(`/Firm/GetFirmType`).then((response) => {\r\n      setfirmTypeDropdown(response.data);\r\n    });\r\n\r\n    RequestHandler.get(\r\n      `/TransactionProjectType?$filter= ProjectType eq 4 or ProjectType eq 5 or ProjectType eq 6`\r\n    ).then((response) => {\r\n      setTransactionProjectTypes(response.value);\r\n    });\r\n\r\n    RequestHandler.get(`/FirmClass`).then((response) => {\r\n      setfirmClassDropdown(response.value);\r\n    });\r\n    wordArray.length < 1 ? setWordList([{ word: \"\" }]) : setWordList(wordArray);\r\n    setName(props.Name);\r\n    setDirectiveName(props.DirectiveName);\r\n    setEmail(props.Email);\r\n    setGroupCode(props.GroupCode);\r\n    setErpSalesCode(props.ErpSalesCode);\r\n    setNetCollecPlasiyerCode(props.NetCollecPlasiyerCode);\r\n    setPlaceType(props.PlaceType);\r\n    setDivisionId(props.DivisionId);\r\n    setDeparmentId(props.DeparmentId);\r\n    setCustomerType(props.CustomerType);\r\n    setPurchaseType(props.PurchaseType);\r\n    setCity(props.City);\r\n    setTown(props.Town);\r\n    setSpecialCode(props.SpecialCode);\r\n    setAuthorizationCode(props.AuthorizationCode);\r\n    setAccountCode(props.AccountCode);\r\n    setTaxOffice(props.TaxOffice);\r\n    setVkn(props.Vkn);\r\n    setTcNo(props.TcNo);\r\n    setPhone(\"+90\" + props.Phone);\r\n    setMobilePhone(\"+90\" + props.MobilePhone);\r\n    setFax(props.Fax);\r\n    setAddress(props.Address);\r\n    setFirmTypeValue(props.FirmTypeValue);\r\n    setTransactionProjectTypeId(props.TransactionProjectTypeId);\r\n    setFirmBranchNumber(props.FirmBranchNumber);\r\n    setFirmClassId(props.FirmClassId);\r\n    setErpCode(props.ErpCode);\r\n    setAccountingCode(props.AccountingCode);\r\n    setIsGroup(props.IsGroup);\r\n  }, [\r\n    setName,\r\n    setDirectiveName,\r\n    setEmail,\r\n    setErpSalesCode,\r\n    setNetCollecPlasiyerCode,\r\n    setPlaceType,\r\n    setDivisionId,\r\n    setDeparmentId,\r\n    setCustomerType,\r\n    setPurchaseType,\r\n    setCity,\r\n    setTown,\r\n    setSpecialCode,\r\n    setAuthorizationCode,\r\n    setAccountCode,\r\n    setTaxOffice,\r\n    setVkn,\r\n    setTcNo,\r\n    setTcNo,\r\n    setFax,\r\n    setAddress,\r\n    setFirmTypeValue,\r\n    setTransactionProjectTypeId,\r\n    setFirmBranchNumber,\r\n    setFirmClassId,\r\n    setWordList,\r\n    setGroupCode,\r\n    setErpCode,\r\n    setAccountingCode,\r\n    setIsGroup,\r\n    props.Name,\r\n    props.DirectiveName,\r\n    props.Email,\r\n    props.ErpSalesCode,\r\n    props.NetCollecPlasiyerCode,\r\n    props.PlaceType,\r\n    props.DivisionId,\r\n    props.DeparmentId,\r\n    props.CustomerType,\r\n    props.PurchaseType,\r\n    props.City,\r\n    props.Town,\r\n    props.SpecialCode,\r\n    props.AuthorizationCode,\r\n    props.AccountCode,\r\n    props.TaxOffice,\r\n    props.Vkn,\r\n    props.TcNo,\r\n    props.Phone,\r\n    props.MobilePhone,\r\n    props.Fax,\r\n    props.Address,\r\n    props.FirmTypeValue,\r\n    props.TransactionProjectTypeId,\r\n    props.GroupCode,\r\n    props.FirmBranchNumber,\r\n    props.FirmClassId,\r\n    props.wordList,\r\n    props.ErpCode,\r\n    props.AccountingCode,\r\n    props.IsGroup,\r\n  ]);\r\n\r\n  const openNotificationWithIconUpdate = (type) => {\r\n    notification[type]({\r\n      message: \"BAŞARILI\",\r\n      description: \"Güncelleme işlemi başarı ile gerçekleşti.\",\r\n      duration: 2,\r\n    });\r\n  };\r\n\r\n  const handleInputChange = (e, index) => {\r\n    const { name, value } = e.target;\r\n    const list = [...wordList];\r\n    list[index][name] = value;\r\n    setWordList(list);\r\n  };\r\n\r\n  const handleRemoveClick = (index) => {\r\n    const list = [...wordList];\r\n    list.splice(index, 1);\r\n    setWordList(list);\r\n  };\r\n\r\n  const handleAddClick = () => {\r\n    setWordList([...wordList, { word: \"\" }]);\r\n  };\r\n\r\n  const onFinishUpdate = (values) => {\r\n    const words = [];\r\n    wordList.map((item) => {\r\n      words.push(item.word.trim());\r\n    });\r\n    var error = 0;\r\n    words.map((item) => {\r\n      var wordLength = item.length;\r\n      if (wordLength < 5 && wordLength !== 0) {\r\n        error += 1;\r\n      }\r\n    });\r\n    RequestHandler.put(\r\n      `/Firm`,\r\n      {\r\n        tenantId: localStorage.getItem(\"tenantId\"),\r\n        id: props.firmId,\r\n        name: values.Name,\r\n        firmTypeValue:\r\n          values.FirmTypeValue === null ? 0 : parseInt(values.FirmTypeValue),\r\n        transactionProjectTypeId: values.TransactionProjectTypeId,\r\n        firmBranchNumber: values.FirmBranchNumber,\r\n        directiveName: values.DirectiveName,\r\n        email: values.Email,\r\n        erpSalesCode: values.ErpSalesCode,\r\n        netCollecPlasiyerCode: values.NetCollecPlasiyerCode,\r\n        placeType: values.PlaceType,\r\n        divisionId: values.DivisionId,\r\n        deparmentId: values.DeparmentId,\r\n        customerType: values.CustomerType,\r\n        purchaseType: values.PurchaseType,\r\n        taxOffice: values.TaxOffice,\r\n        vkn: values.Vkn,\r\n        tcNo: values.TcNo,\r\n        groupCode: values.GroupCode,\r\n        phone: values.Phone,\r\n        mobilePhone: values.MobilePhone,\r\n        fax: values.Fax,\r\n        address: values.Address,\r\n        firmClassId: values.FirmClassId,\r\n        erpCode: values.ErpCode,\r\n        city: values.City,\r\n        town: values.Town,\r\n        specialCode: values.SpecialCode,\r\n        authorizationCode: values.AuthorizationCode,\r\n        accountCode: values.AccountCode,\r\n        accountingCode: values.AccountingCode,\r\n        isGroup: values.IsGroup,\r\n      },\r\n      false,\r\n      { rawResponse: true }\r\n    )\r\n      .then((res) => {\r\n        if (res.status == 200) {\r\n          if (error == 0) {\r\n            RequestHandler.put(\r\n              `/Firm/FirmMatchingWordPut`,\r\n              {\r\n                firmId: props.firmId,\r\n                words: words.filter((item) => item.name !== \"\"),\r\n              },\r\n              false,\r\n              { rawResponse: true }\r\n            ).then((response) => {\r\n              if (response.status === 200) {\r\n              }\r\n            });\r\n          } else {\r\n            wordLengtError(\"error\");\r\n            setLoading(false);\r\n          }\r\n          setInputList(words);\r\n\r\n          openNotificationWithIconUpdate(\"success\");\r\n          setTimeout(\r\n            function () {\r\n              props.sendDataForUpdate(\"success\");\r\n              setLoading(false);\r\n            }.bind(this),\r\n            2000\r\n          );\r\n        } else {\r\n          setLoading(false);\r\n        }\r\n      })\r\n      .catch(function (error) {\r\n        setLoading(false);\r\n      });\r\n  };\r\n\r\n  const maxLengthCheck = (object) => {\r\n    if (object.target.value.length > object.target.maxLength) {\r\n      object.target.value = object.target.value.slice(\r\n        0,\r\n        object.target.maxLength\r\n      );\r\n    }\r\n  };\r\n\r\n  const onFinishFailedUpdate = () => setLoading(false);\r\n\r\n  const wordLengtError = (type) => {\r\n    notification[type]({\r\n      message: \"HATA\",\r\n      description:\r\n        \"Kelimeler bölümündeki harf sayısı 5ten küçük olduğu için güncelleme başarısız oldu, düzenleyip tekrar deneyin.\",\r\n      duration: 4,\r\n    });\r\n  };\r\n\r\n  const onChangePhoneValue = (e) => {\r\n    setPhone(e);\r\n  };\r\n\r\n  const onChangeEmailValue = (e) => {\r\n    setEmail(e.target.value);\r\n  };\r\n\r\n  const onChangeCity = (e) => {\r\n    setCity(e.target.value);\r\n  };\r\n\r\n  const onChangeTown = (e) => {\r\n    setTown(e.target.value);\r\n  };\r\n\r\n  const onChangeSpecialCode = (e) => {\r\n    setSpecialCode(e.target.value);\r\n  };\r\n\r\n  const onChangeAuthorizationCode = (e) => {\r\n    setAuthorizationCode(e.target.value);\r\n  };\r\n\r\n  const onChangeAccountCode = (e) => {\r\n    setAccountCode(e.target.value);\r\n  };\r\n\r\n  const onChangeErpSalesCode = (e) => {\r\n    setErpSalesCode(e.target.value);\r\n  };\r\n\r\n  const onChangeNetCollecPlasiyerCode = (e) => {\r\n    setNetCollecPlasiyerCode(e.target.value);\r\n  };\r\n\r\n  const onChangePlaceType = (e) => {\r\n    setPlaceType(e);\r\n  };\r\n\r\n  const onChangeCustomerType = (e) => {\r\n    setCustomerType(e);\r\n  };\r\n\r\n  const onChangePurchaseType = (e) => {\r\n    setPurchaseType(e);\r\n  };\r\n\r\n  const onChangeVknValue = (e) => {\r\n    setVkn(e.target.value);\r\n  };\r\n\r\n  const onChangeTcNoValue = (e) => {\r\n    setTcNo(e.target.value);\r\n  };\r\n\r\n  const onChangeTaxValue = (e) => {\r\n    setTaxOffice(e.target.value);\r\n  };\r\n\r\n  const onChangeMobilePhoneValue = (e) => {\r\n    setMobilePhone(e);\r\n  };\r\n\r\n  const onChangeFirmGroupCode = (e) => {\r\n    setGroupCode(e.target.value);\r\n  };\r\n\r\n  const onChangeFaxValue = (e) => {\r\n    setFax(e.target.value);\r\n  };\r\n\r\n  const onChangeAddressValue = (e) => {\r\n    setAddress(e.target.value);\r\n  };\r\n\r\n  const onChangeNameValue = (e) => {\r\n    setName(e.target.value);\r\n  };\r\n\r\n  const onChangeFirmBranchNumberValue = (e) => {\r\n    setFirmBranchNumber(e.target.value);\r\n  };\r\n\r\n  const onChangeDirectiveNameValue = (e) => {\r\n    setDirectiveName(e.target.value);\r\n  };\r\n\r\n  const onChangeFirmClassValue = (e) => {\r\n    setFirmClassId(e);\r\n  };\r\n\r\n  const onChangeErpCodeValue = (e) => {\r\n    setErpCode(e.target.value);\r\n  };\r\n\r\n  const onChangeAccountingCode = (e) => {\r\n    setAccountingCode(e.target.value);\r\n  };\r\n\r\n  const onClickFirmClassValue = (e) => {\r\n    RequestHandler.get(`/FirmClass?firmTypeId=${FirmTypeValue}`).then(\r\n      (response) => {\r\n        setfirmClassDropdown(response.value);\r\n      }\r\n    );\r\n  };\r\n\r\n  const ScreenNameWithActiveTab = () => {\r\n    switch (props.activeTab) {\r\n      case \"1\":\r\n        return \"Cari\";\r\n      case \"2\":\r\n        return \"Banka\";\r\n      case \"3\":\r\n        return \"Masraf\";\r\n      case \"4\":\r\n        return \"Çek\";\r\n      case \"5\":\r\n        return \"Senet\";\r\n    }\r\n  };\r\n\r\n  const onChangeIsGroupValue = (e) => {\r\n    setIsGroup(e);\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <Form\r\n        {...layout}\r\n        name=\"basic\"\r\n        initialValues={{\r\n          remember: true,\r\n        }}\r\n        onFinish={onFinishUpdate}\r\n        onFinishFailed={onFinishFailedUpdate}\r\n        fields={[\r\n          { name: \"Name\", value: Name },\r\n          { name: \"DirectiveName\", value: DirectiveName },\r\n          { name: \"Email\", value: Email },\r\n          { name: \"ErpSalesCode\", value: ErpSalesCode },\r\n          { name: \"NetCollecPlasiyerCode\", value: NetCollecPlasiyerCode },\r\n          { name: \"PlaceType\", value: PlaceType },\r\n          { name: \"DivisionId\", value: DivisionId },\r\n          { name: \"DeparmentId\", value: DeparmentId },\r\n          { name: \"CustomerType\", value: CustomerType },\r\n          { name: \"PurchaseType\", value: PurchaseType },\r\n          { name: \"TaxOffice\", value: TaxOffice },\r\n          { name: \"Vkn\", value: Vkn },\r\n          { name: \"GroupCode\", value: groupCode },\r\n          { name: \"TcNo\", value: TcNo },\r\n          { name: \"Phone\", value: Phone },\r\n          { name: \"MobilePhone\", value: MobilePhone },\r\n          { name: \"Fax\", value: Fax },\r\n          { name: \"Address\", value: Address },\r\n          {\r\n            name: \"FirmTypeValue\",\r\n            value: FirmTypeValue === \"0\" ? null : FirmTypeValue,\r\n          },\r\n          { name: \"FirmBranchNumber\", value: FirmBranchNumber },\r\n          { name: \"FirmClassId\", value: FirmClassId },\r\n          { name: \"ErpCode\", value: ErpCode },\r\n          { name: \"City\", value: City },\r\n          { name: \"Town\", value: Town },\r\n          { name: \"SpecialCode\", value: SpecialCode },\r\n          { name: \"AuthorizationCode\", value: AuthorizationCode },\r\n          { name: \"AccountCode\", value: AccountCode },\r\n          { name: \"AccountingCode\", value: AccountingCode },\r\n          { name: \"TransactionProjectTypeId\", value: TransactionProjectTypeId },\r\n          { name: \"IsGroup\", value: IsGroup },\r\n        ]}\r\n      >\r\n        <Row>\r\n          {isDesktopOrLaptop && (\r\n            <>\r\n              <Col span={24}>\r\n                <Form.Item\r\n                  label={`${ScreenNameWithActiveTab(\"1\")} Adı${\r\n                    props.activeTab == \"1\" ? \"/Ünvanı\" : \"\"\r\n                  }`}\r\n                  name=\"Name\"\r\n                  style={{ marginTop: \"4%\" }}\r\n                  rules={[\r\n                    {\r\n                      required: true,\r\n                      message: \"Lütfen Cari Adı/Ünvanı alanını boş bırakmayın.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Input onChange={onChangeNameValue} />\r\n                </Form.Item>\r\n                <Form.Item label=\"Talimat Ünvanı\" name=\"DirectiveName\">\r\n                  <Input onChange={onChangeDirectiveNameValue} />\r\n                </Form.Item>\r\n                <Form.Item label=\"E-Posta Adresi\" name=\"Email\">\r\n                  <Input onChange={onChangeEmailValue} />\r\n                </Form.Item>\r\n                <Form.Item label=\"Vergi Dairesi\" name=\"TaxOffice\">\r\n                  <Input onChange={onChangeTaxValue} />\r\n                </Form.Item>\r\n\r\n                <Form.Item\r\n                  label=\"Vergi Numarası\"\r\n                  name=\"Vkn\"\r\n                  rules={[\r\n                    {\r\n                      min: 10,\r\n                      message: \"Vergi Numarası 10 Karakter Olmalıdır.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Input\r\n                    onChange={onChangeVknValue}\r\n                    type=\"number\"\r\n                    onKeyDown={(evt) => evt.key === \"e\" && evt.preventDefault()}\r\n                    maxLength=\"10\"\r\n                    onInput={maxLengthCheck}\r\n                  />\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"T.C. Kimlik Numarası \"\r\n                  name=\"TcNo\"\r\n                  rules={[\r\n                    {\r\n                      min: 11,\r\n                      message: \"TC Kimlik Numarası 11 Karakter Olmalıdır.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Input\r\n                    onChange={onChangeTcNoValue}\r\n                    type=\"number\"\r\n                    onKeyDown={(evt) => evt.key === \"e\" && evt.preventDefault()}\r\n                    maxLength=\"11\"\r\n                    onInput={maxLengthCheck}\r\n                  />\r\n                </Form.Item>\r\n                <Form.Item label=\"Telefon Numarası\" name=\"Phone\">\r\n                  <PhoneInput\r\n                    onChange={onChangePhoneValue}\r\n                    inputStyle={{ width: \"100%\" }}\r\n                    country=\"tr\"\r\n                    masks={{ tr: \"(...) ...-..-..\" }}\r\n                    rules={[\r\n                      {\r\n                        min: 12,\r\n                        message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                      },\r\n                    ]}\r\n                  />\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Cep Numarası\"\r\n                  name=\"MobilePhone\"\r\n                  rules={[\r\n                    {\r\n                      min: 12,\r\n                      message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <PhoneInput\r\n                    onChange={onChangeMobilePhoneValue}\r\n                    inputStyle={{ width: \"100%\" }}\r\n                    country=\"tr\"\r\n                    masks={{ tr: \"(...) ...-..-..\" }}\r\n                  />\r\n                </Form.Item>\r\n                <Form.Item label=\"Fax Numarası\" name=\"Fax\">\r\n                  <Input onChange={onChangeFaxValue} />\r\n                </Form.Item>\r\n                <Form.Item label=\"Adres\" name=\"Address\">\r\n                  <TextArea onChange={onChangeAddressValue} rows={4} />\r\n                </Form.Item>\r\n                <Form.Item label=\"Cari Tipi\" name=\"FirmTypeValue\">\r\n                  <Select\r\n                    placeholder=\"Seçiniz\"\r\n                    optionFilterProp=\"children\"\r\n                    onChange={onChangeFirmType}\r\n                    filterOption={(input, option) =>\r\n                      option.props.children\r\n                        .toLocaleLowerCase(\"tr-TR\")\r\n                        .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                    }\r\n                  >\r\n                    {firmTypeDropdown.map((item) => (\r\n                      <Option key={item.key}>{item.value}</Option>\r\n                    ))}\r\n                  </Select>\r\n                </Form.Item>\r\n                {props?.IsDivisionAndDeparment && (\r\n                  <>\r\n                    <Form.Item label=\"Bölüm Kodu\" name=\"DivisionId\">\r\n                      <Select\r\n                        allowClear\r\n                        placeholder=\"Seçiniz\"\r\n                        optionFilterProp=\"children\"\r\n                        onChange={onChangeDivisionId}\r\n                        filterOption={(input, option) =>\r\n                          option.props.children\r\n                            .toLocaleLowerCase(\"tr-TR\")\r\n                            .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                        }\r\n                      >\r\n                        {transactionProjectTypes\r\n                          .filter((item) => item.projectType == 5)\r\n                          .map((item) => (\r\n                            <Option key={item.id}>\r\n                              {item.name} ({item.projectCode})\r\n                            </Option>\r\n                          ))}\r\n                      </Select>\r\n                    </Form.Item>\r\n\r\n                    <Form.Item label=\"Departman Kodu\" name=\"DeparmentId\">\r\n                      <Select\r\n                        allowClear\r\n                        placeholder=\"Seçiniz\"\r\n                        optionFilterProp=\"children\"\r\n                        onChange={onChangeDeparmentId}\r\n                        filterOption={(input, option) =>\r\n                          option.props.children\r\n                            .toLocaleLowerCase(\"tr-TR\")\r\n                            .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                        }\r\n                      >\r\n                        {transactionProjectTypes\r\n                          .filter((item) => item.projectType === 6)\r\n                          .map((item) => (\r\n                            <Option key={item.id}>{item.name}</Option>\r\n                          ))}\r\n                      </Select>\r\n                    </Form.Item>\r\n                  </>\r\n                )}\r\n                {!IsHasSendFirmToLogo && (\r\n                  <Form.Item\r\n                    label={`${ScreenNameWithActiveTab()} Kodu`}\r\n                    name=\"FirmBranchNumber\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message: \"Lütfen Cari Kodu alanını boş bırakmayın.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input\r\n                      disabled={IsHasSendFirmToLogo}\r\n                      onChange={onChangeFirmBranchNumberValue}\r\n                    />\r\n                  </Form.Item>\r\n                )}\r\n                <Form.Item\r\n                  label=\"Erp Kodu\"\r\n                  name=\"ErpCode\"\r\n                  rules={[\r\n                    {\r\n                      max: 100,\r\n                      message:\r\n                        \"Erp Kodu alanı maksimum 100 karakter olmalıdır.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Input onChange={onChangeErpCodeValue} />\r\n                </Form.Item>\r\n                {IsHasSendFirmToLogo && (\r\n                  <Form.Item label=\"Açıklama2\" name=\"TransactionProjectTypeId\">\r\n                    <Select\r\n                      placeholder=\"Seçiniz\"\r\n                      optionFilterProp=\"children\"\r\n                      onChange={onChangeTransactionProjectTypeId}\r\n                      filterOption={(input, option) =>\r\n                        option.props.children\r\n                          .toLocaleLowerCase(\"tr-TR\")\r\n                          .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                      }\r\n                    >\r\n                      {transactionProjectTypes\r\n                        .filter((item) => item.projectType == 4)\r\n                        .map((item) => (\r\n                          <Option key={item.id}>{item.name}</Option>\r\n                        ))}\r\n                    </Select>\r\n                  </Form.Item>\r\n                )}\r\n                <Form.Item label=\"İl\" name=\"City\">\r\n                  <Input onChange={onChangeCity} />\r\n                </Form.Item>\r\n                <Form.Item label=\"İlçe\" name=\"Town\">\r\n                  <Input onChange={onChangeTown} />\r\n                </Form.Item>\r\n                <Form.Item label=\"Özel Kod\" name=\"SpecialCode\">\r\n                  <Input onChange={onChangeSpecialCode} />\r\n                </Form.Item>\r\n                <Form.Item label=\"Yetki Kodu\" name=\"AuthorizationCode\">\r\n                  <Input onChange={onChangeAuthorizationCode} />\r\n                </Form.Item>\r\n                <Form.Item label=\"Hesap Kodu\" name=\"AccountCode\">\r\n                  <Input onChange={onChangeAccountCode} />\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Satıcı Kodu\"\r\n                  name={\r\n                    props.ErpProgramId !== 9\r\n                      ? \"ErpSalesCode\"\r\n                      : \"NetCollecPlasiyerCode\"\r\n                  }\r\n                >\r\n                  <Input\r\n                    onChange={\r\n                      props.ErpProgramId !== 9\r\n                        ? onChangeErpSalesCode\r\n                        : onChangeNetCollecPlasiyerCode\r\n                    }\r\n                  />\r\n                </Form.Item>\r\n                <Form.Item label=\"Cari Sınıfı\" name=\"FirmClassId\">\r\n                  <Select\r\n                    showSearch\r\n                    placeholder=\"Seçiniz\"\r\n                    onChange={onChangeFirmClassValue}\r\n                    onClick={onClickFirmClassValue}\r\n                    optionFilterProp=\"children\"\r\n                    filterOption={(input, option) =>\r\n                      option.props.children\r\n                        .toLocaleLowerCase(\"tr-TR\")\r\n                        .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                    }\r\n                  >\r\n                    {firmClassDropdown.map((item) => (\r\n                      <Option key={item.id}>{item.name}</Option>\r\n                    ))}\r\n                  </Select>\r\n                </Form.Item>\r\n                {IsHasSendFirmToLogo && (\r\n                  <Form.Item name=\"PlaceType\" label=\"İşyeri\">\r\n                    <Select placeholder=\"Seçiniz\" onChange={onChangePlaceType}>\r\n                      <Select.Option key={\"T\"} value={\"T\"}>\r\n                        Tarsus\r\n                      </Select.Option>\r\n                      <Select.Option key={\"M\"} value={\"M\"}>\r\n                        Mersin\r\n                      </Select.Option>\r\n                    </Select>\r\n                  </Form.Item>\r\n                )}\r\n                {IsHasSendFirmToLogo && (\r\n                  <Form.Item name=\"PurchaseType\" label=\"Alım Türü\">\r\n                    <Select\r\n                      placeholder=\"Seçiniz\"\r\n                      onChange={onChangePurchaseType}\r\n                    >\r\n                      <Select.Option key={\"01\"} value={\"01\"}>\r\n                        Sıfır\r\n                      </Select.Option>\r\n                      <Select.Option key={\"03\"} value={\"03\"}>\r\n                        Servis\r\n                      </Select.Option>\r\n                    </Select>\r\n                  </Form.Item>\r\n                )}\r\n                {IsHasSendFirmToLogo && (\r\n                  <Form.Item name=\"CustomerType\" label=\"Müşteri Türü\">\r\n                    <Select\r\n                      placeholder=\"Seçiniz\"\r\n                      onChange={onChangeCustomerType}\r\n                    >\r\n                      <Select.Option key={\"120\"} value={\"120\"}>\r\n                        Müşteri\r\n                      </Select.Option>\r\n                      <Select.Option key={\"320\"} value={\"320\"}>\r\n                        Satıcı\r\n                      </Select.Option>\r\n                      <Select.Option key={\"340\"} value={\"340\"}>\r\n                        Kapora\r\n                      </Select.Option>\r\n                    </Select>\r\n                  </Form.Item>\r\n                )}\r\n                <Form.Item label=\"Grup Kodu\" name=\"GroupCode\">\r\n                  <Input onChange={onChangeFirmGroupCode} />\r\n                </Form.Item>\r\n                <Form.Item label=\"Muhasebe Kodu\" name=\"AccountingCode\">\r\n                  <Input onChange={onChangeAccountingCode} />\r\n                </Form.Item>\r\n                <Form.Item label=\"Kelimeler\" name=\"words\">\r\n                  {wordList.map((x, i) => {\r\n                    return (\r\n                      <Row>\r\n                        <Col span={20} style={{ marginLeft: \"-6%\" }}>\r\n                          <Input\r\n                            name=\"word\"\r\n                            placeholder=\"Kelime Girin\"\r\n                            value={x.word}\r\n                            onChange={(e) => handleInputChange(e, i)}\r\n                          />\r\n                        </Col>\r\n                        <Col span={2}>\r\n                          {wordList.length !== 1 && (\r\n                            <Button\r\n                              className=\"mr10\"\r\n                              onClick={() => handleRemoveClick(i)}\r\n                            >\r\n                              <MinusOutlined />\r\n                            </Button>\r\n                          )}\r\n                          {wordList.length - 1 === i && (\r\n                            <Button onClick={handleAddClick}>\r\n                              <PlusOutlined />\r\n                            </Button>\r\n                          )}\r\n                        </Col>\r\n                      </Row>\r\n                    );\r\n                  })}\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Grup Şirket Carisi\"\r\n                  name=\"IsGroup\"\r\n                  valuePropName=\"checked\"\r\n                >\r\n                  <Switch onChange={onChangeIsGroupValue} />\r\n                </Form.Item>\r\n              </Col>\r\n              <Col span={6}></Col>\r\n              <Col span={6}></Col>\r\n              <Col span={6}></Col>\r\n              <Col span={3}>\r\n                <Form.Item {...tailLayout}>\r\n                  <Button\r\n                    type=\"primary\"\r\n                    icon={<PlusOutlined />}\r\n                    htmlType=\"submit\"\r\n                    onClick={() => setLoading(true)}\r\n                    loading={loading}\r\n                  >\r\n                    Güncelle\r\n                  </Button>\r\n                </Form.Item>\r\n              </Col>\r\n              <Col span={3}></Col>\r\n            </>\r\n          )}\r\n          {isTabletOrMobileDevice && (\r\n            <>\r\n              <Col span={24}>\r\n                <Form.Item\r\n                  label=\"Cari Adı/Ünvanı\"\r\n                  name=\"Name\"\r\n                  style={{ marginTop: \"4%\" }}\r\n                  rules={[\r\n                    {\r\n                      required: true,\r\n                      message: \"Lütfen Cari Adı/Ünvanı alanını boş bırakmayın.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Input onChange={onChangeNameValue} />\r\n                </Form.Item>\r\n                <Form.Item label=\"Talimat Ünvanı\" name=\"DirectiveName\">\r\n                  <Input onChange={onChangeDirectiveNameValue} />\r\n                </Form.Item>\r\n                <Form.Item label=\"E-Posta Adresi\" name=\"Email\">\r\n                  <Input onChange={onChangeEmailValue} />\r\n                </Form.Item>\r\n                <Form.Item label=\"Vergi Dairesi\" name=\"TaxOffice\">\r\n                  <Input onChange={onChangeTaxValue} />\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Vergi Numarası\"\r\n                  name=\"Vkn\"\r\n                  rules={[\r\n                    {\r\n                      min: 10,\r\n                      message: \"Vergi Numarası 10 Karakter Olmalıdır.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Input\r\n                    onChange={onChangeVknValue}\r\n                    type=\"number\"\r\n                    onKeyDown={(evt) => evt.key === \"e\" && evt.preventDefault()}\r\n                    maxLength=\"10\"\r\n                    onInput={maxLengthCheck}\r\n                  />\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"T.C. Kimlik Numarası \"\r\n                  name=\"TcNo\"\r\n                  rules={[\r\n                    {\r\n                      min: 11,\r\n                      message: \"TC Kimlik Numarası 11 Karakter Olmalıdır.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Input\r\n                    onChange={onChangeTcNoValue}\r\n                    type=\"number\"\r\n                    onKeyDown={(evt) => evt.key === \"e\" && evt.preventDefault()}\r\n                    maxLength=\"11\"\r\n                    onInput={maxLengthCheck}\r\n                  />\r\n                </Form.Item>\r\n\r\n                <Form.Item label=\"Telefon Numarası\" name=\"Phone\">\r\n                  <PhoneInput\r\n                    onChange={onChangePhoneValue}\r\n                    inputStyle={{ width: \"100%\" }}\r\n                    country=\"tr\"\r\n                    masks={{ tr: \"(...) ...-..-..\" }}\r\n                    rules={[\r\n                      {\r\n                        min: 12,\r\n                        message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                      },\r\n                    ]}\r\n                  />\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Cep Numarası\"\r\n                  name=\"MobilePhone\"\r\n                  rules={[\r\n                    {\r\n                      min: 12,\r\n                      message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <PhoneInput\r\n                    onChange={onChangeMobilePhoneValue}\r\n                    inputStyle={{ width: \"100%\" }}\r\n                    country=\"tr\"\r\n                    masks={{ tr: \"(...) ...-..-..\" }}\r\n                  />\r\n                </Form.Item>\r\n                <Form.Item label=\"Fax Numarası\" name=\"Fax\">\r\n                  <Input onChange={onChangeFaxValue} />\r\n                </Form.Item>\r\n                <Form.Item label=\"Adres\" name=\"Address\">\r\n                  <TextArea onChange={onChangeAddressValue} rows={4} />\r\n                </Form.Item>\r\n                <Form.Item label=\"Cari Tipi\" name=\"FirmTypeValue\">\r\n                  <Select\r\n                    placeholder=\"Seçiniz\"\r\n                    optionFilterProp=\"children\"\r\n                    onChange={onChangeFirmType}\r\n                    filterOption={(input, option) =>\r\n                      option.props.children\r\n                        .toLocaleLowerCase(\"tr-TR\")\r\n                        .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                    }\r\n                  >\r\n                    {firmTypeDropdown.map((item) => (\r\n                      <Option key={item.key}>{item.value}</Option>\r\n                    ))}\r\n                  </Select>\r\n                </Form.Item>\r\n                {props?.IsDivisionAndDeparment && (\r\n                  <>\r\n                    <Form.Item label=\"Bölüm Kodu\" name=\"divisionId\">\r\n                      <Select\r\n                        placeholder=\"Seçiniz\"\r\n                        onChange={onChangeDivisionId}\r\n                        optionFilterProp=\"children\"\r\n                        filterOption={(input, option) =>\r\n                          option.props.children\r\n                            .toLocaleLowerCase(\"tr-TR\")\r\n                            .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                        }\r\n                      >\r\n                        {transactionProjectTypes\r\n                          .filter((item) => item.projectType == 5)\r\n                          .map((item) => (\r\n                            <Option key={item.id}>{item.name}</Option>\r\n                          ))}\r\n                      </Select>\r\n                    </Form.Item>\r\n\r\n                    <Form.Item label=\"Departman Kodu\" name=\"deparmentId\">\r\n                      <Select\r\n                        placeholder=\"Seçiniz\"\r\n                        optionFilterProp=\"children\"\r\n                        onChange={onChangeDeparmentId}\r\n                        filterOption={(input, option) =>\r\n                          option.props.children\r\n                            .toLocaleLowerCase(\"tr-TR\")\r\n                            .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                        }\r\n                      >\r\n                        {transactionProjectTypes\r\n                          .filter((item) => item.projectType === 6)\r\n                          .map((item) => (\r\n                            <Option key={item.id}>{item.name}</Option>\r\n                          ))}\r\n                      </Select>\r\n                    </Form.Item>\r\n                  </>\r\n                )}\r\n                <Form.Item\r\n                  label=\"Cari Kodu\"\r\n                  name=\"FirmBranchNumber\"\r\n                  rules={[\r\n                    {\r\n                      required: true,\r\n                      message: \"Lütfen Cari Kodu alanını boş bırakmayın.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Input onChange={onChangeFirmBranchNumberValue} />\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Erp Kodu\"\r\n                  name=\"ErpCode\"\r\n                  rules={[\r\n                    {\r\n                      max: 100,\r\n                      message:\r\n                        \"Erp Kodu alanı maksimum 100 karakter olmalıdır.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Input onChange={onChangeErpCodeValue} />\r\n                </Form.Item>\r\n                <Form.Item label=\"İl\" name=\"City\">\r\n                  <Input onChange={onChangeCity} />\r\n                </Form.Item>\r\n                <Form.Item label=\"İlçe\" name=\"Town\">\r\n                  <Input onChange={onChangeTown} />\r\n                </Form.Item>\r\n                <Form.Item label=\"Özel Kod\" name=\"SpecialCode\">\r\n                  <Input onChange={onChangeSpecialCode} />\r\n                </Form.Item>\r\n                <Form.Item label=\"Yetki Kodu\" name=\"AuthorizationCode\">\r\n                  <Input onChange={onChangeAuthorizationCode} />\r\n                </Form.Item>\r\n                <Form.Item label=\"Hesap Kodu\" name=\"AccountCode\">\r\n                  <Input onChange={onChangeAccountCode} />\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Satıcı Kodu\"\r\n                  name={\r\n                    props.ErpProgramId !== 9\r\n                      ? \"ErpSalesCode\"\r\n                      : \"NetCollecPlasiyerCode\"\r\n                  }\r\n                >\r\n                  <Input\r\n                    onChange={\r\n                      props.ErpProgramId !== 9\r\n                        ? onChangeErpSalesCode\r\n                        : onChangeNetCollecPlasiyerCode\r\n                    }\r\n                  />\r\n                </Form.Item>\r\n                <Form.Item label=\"Cari Sınıfı\" name=\"FirmClassId\">\r\n                  <Select\r\n                    showSearch\r\n                    placeholder=\"Seçiniz\"\r\n                    onChange={onChangeFirmClassValue}\r\n                    onClick={onClickFirmClassValue}\r\n                    optionFilterProp=\"children\"\r\n                    filterOption={(input, option) =>\r\n                      option.props.children\r\n                        .toLocaleLowerCase(\"tr-TR\")\r\n                        .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                    }\r\n                  >\r\n                    {firmClassDropdown.map((item) => (\r\n                      <Option key={item.id}>{item.name}</Option>\r\n                    ))}\r\n                  </Select>\r\n                </Form.Item>\r\n                <Form.Item label=\"Grup Kodu\" name=\"GroupCode\">\r\n                  <Input onChange={onChangeFirmGroupCode} />\r\n                </Form.Item>\r\n                <Form.Item label=\"Kelimeler\" name=\"words\">\r\n                  {wordList.map((x, i) => {\r\n                    return (\r\n                      <Row>\r\n                        <Col span={20} style={{ marginLeft: \"-6%\" }}>\r\n                          <Input\r\n                            name=\"word\"\r\n                            placeholder=\"Kelime Girin\"\r\n                            value={x.word}\r\n                            onChange={(e) => handleInputChange(e, i)}\r\n                          />\r\n                        </Col>\r\n                        <Col span={2}>\r\n                          {wordList.length !== 1 && (\r\n                            <Button\r\n                              className=\"mr10\"\r\n                              onClick={() => handleRemoveClick(i)}\r\n                            >\r\n                              <MinusOutlined />\r\n                            </Button>\r\n                          )}\r\n                          {wordList.length - 1 === i && (\r\n                            <Button onClick={handleAddClick}>\r\n                              <PlusOutlined />\r\n                            </Button>\r\n                          )}\r\n                        </Col>\r\n                      </Row>\r\n                    );\r\n                  })}\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Grup Şirket Carisi\"\r\n                  name=\"IsGroup\"\r\n                  valuePropName=\"checked\"\r\n                >\r\n                  <Switch onChange={onChangeIsGroupValue} />\r\n                </Form.Item>\r\n              </Col>\r\n              <Col span={10}></Col>\r\n              <Col span={8}>\r\n                <Form.Item {...tailLayout}>\r\n                  <Button\r\n                    type=\"primary\"\r\n                    icon={<PlusOutlined />}\r\n                    htmlType=\"submit\"\r\n                    onClick={() => setLoading(true)}\r\n                    loading={loading}\r\n                  >\r\n                    Güncelle\r\n                  </Button>\r\n                </Form.Item>\r\n              </Col>\r\n              <Col span={6}></Col>\r\n            </>\r\n          )}\r\n        </Row>\r\n      </Form>\r\n    </div>\r\n  );\r\n};\r\nexport default FirmUpdate;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n  Table,\r\n  Empty,\r\n  Popconfirm,\r\n  notification,\r\n  Col,\r\n  Tooltip,\r\n  Row,\r\n  Drawer,\r\n  Button,\r\n  Tabs,\r\n} from \"antd\";\r\nimport { Link } from \"react-router-dom\";\r\nimport {\r\n  BarsOutlined,\r\n  PlusOutlined,\r\n  EditOutlined,\r\n  CheckCircleOutlined,\r\n  ClockCircleOutlined,\r\n  WarningOutlined,\r\n  CloseCircleOutlined,\r\n  SyncOutlined,\r\n  MenuUnfoldOutlined,\r\n} from \"@ant-design/icons\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport FirmUpdate from \"../Forms/FirmUpdate\";\r\nimport { odata } from \"../Filters/Helper\";\r\nimport FirmAddForm from \"../Forms/FirmAddForm\";\r\nimport { RowHelper } from \"util/TableHelper\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport FirmListTableFilter from \"../Filters/FirmListTableFilter\";\r\nimport { ColumnHelper } from \"../../util/TableHelper\";\r\nconst { TabPane } = Tabs;\r\n\r\nconst FirmList = () => {\r\n  const [tableData, setTableData] = useState({\r\n    data: [],\r\n    total: 0,\r\n    loading: true,\r\n  });\r\n  const [tableDataQueryOptions, setTableDataQueryOptions] = useState({\r\n    skip: 0,\r\n    take: 15,\r\n    current: 1,\r\n    filter: \"\",\r\n    activeTab: \"1\",\r\n  });\r\n  const [order, setOrder] = useState(\"\");\r\n\r\n  const [firmTypeDropdown, setFirmTypeDropdown] = useState([]);\r\n  const [wordList, setWordList] = useState([]);\r\n  const [firmClassDropdown, setFirmClassDropdown] = useState([]);\r\n  const [firmIdUpdate, setFirmIdUpdate] = useState(\"\");\r\n  const [Name, setName] = useState(\"\");\r\n  const [DirectiveName, setDirectiveName] = useState(\"\");\r\n  const [Email, setEmail] = useState(\"\");\r\n  const [ErpSalesCode, setErpSalesCode] = useState(\"\");\r\n  const [NetCollecPlasiyerCode, setNetCollecPlasiyerCode] = useState(\"\");\r\n  const [PurchaseType, setPurchaseType] = useState(\"\");\r\n  const [CustomerType, setCustomerType] = useState(\"\");\r\n  const [PlaceType, setPlaceType] = useState(\"\");\r\n  const [Division, setDivision] = useState();\r\n  const [Deparment, setDeparment] = useState();\r\n\r\n  const [City, setCity] = useState(\"\");\r\n  const [Town, setTown] = useState(\"\");\r\n  const [SpecialCode, setSpecialCode] = useState(\"\");\r\n  const [AuthorizationCode, setAuthorizationCode] = useState(\"\");\r\n  const [AccountCode, setAccountCode] = useState(\"\");\r\n  const [TaxOffice, setTaxOffice] = useState(\"\");\r\n  const [groupCode, setGroupCode] = useState(\"\");\r\n  const [Vkn, setVkn] = useState(\"\");\r\n  const [TcNo, setTcNo] = useState(\"\");\r\n  const [Phone, setPhone] = useState(\"\");\r\n  const [MobilePhone, setMobilePhone] = useState(\"\");\r\n  const [Fax, setFax] = useState(\"\");\r\n  const [Address, setAddress] = useState(\"\");\r\n  const [FirmTypeValue, setFirmTypeValue] = useState(\"\");\r\n  const [ErpCode, setErpCode] = useState(\"\");\r\n  const [AccountingCode, setAccountingCode] = useState(\"\");\r\n  const [FirmBranchNumberUpdate, setFirmBranchNumberUpdate] = useState(\"\");\r\n  const [FirmClassId, setFirmClassId] = useState(\"\");\r\n  const [TransactionProjectTypeId, setTransactionProjectTypeId] = useState(\"\");\r\n\r\n  const [visible, setVisible] = useState(false);\r\n  const [visibleUpdate, setVisibleUpdate] = useState(false);\r\n  const [totalFirmCount, setTotalFirmCount] = useState(\"\");\r\n  const [chequeControl, setChequeControl] = useState();\r\n  const [syncButton, setSyncButton] = useState({\r\n    visible: false,\r\n    loading: false,\r\n  });\r\n  const [lastQueryBalanceDate, setLastQueryBalanceDate] = useState(\"\");\r\n  const [IsGroup, setIsGroup] = useState(false);\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/Firm/GetFirmType`).then((response) => {\r\n      setFirmTypeDropdown(response.data);\r\n    });\r\n    RequestHandler.get(`/FirmClass`).then((response) => {\r\n      setFirmClassDropdown(response.value);\r\n    });\r\n    RequestHandler.get(\"/TenantErpProgram/IsHaveTenantSyncRole\").then(\r\n      (response) => {\r\n        if (response) {\r\n          setSyncButton({ ...syncButton, visible: true });\r\n        }\r\n      }\r\n    );\r\n\r\n    RequestHandler.get(`/Firm/GetLastQueryDateBalance`).then((response) => {\r\n      setLastQueryBalanceDate(response);\r\n    });\r\n    RequestHandler.get(\r\n      `/FirmClass?$count=true&$filter=ParentFirmClassName eq 'Cek'`\r\n    ).then((response) => {\r\n      setChequeControl(response[\"@odata.count\"] > 0 ? true : false);\r\n      RequestHandler.get(\r\n        `/Firm/TotalFirmCount?tab=${response[\"@odata.count\"] > 0 ? 1 : 0}`\r\n      ).then((response) => {\r\n        setTotalFirmCount(response);\r\n      });\r\n    });\r\n  }, []);\r\n  useEffect(\r\n    () => getTableData(),\r\n    [order, tableDataQueryOptions, chequeControl]\r\n  );\r\n  const getTableData = () => {\r\n    if (chequeControl == undefined) return;\r\n    setSelectedRowKeys([]);\r\n    setTableData({\r\n      ...tableData,\r\n      loading: true,\r\n    });\r\n\r\n    let query = \"&$filter=\";\r\n    const { skip, take, filter, activeTab } = tableDataQueryOptions;\r\n    const conditions = [\"Name ne 'Diğer'\"];\r\n    if (filter) {\r\n      conditions.push(filter);\r\n    }\r\n    switch (activeTab) {\r\n      case \"1\":\r\n        query += chequeControl\r\n          ? \"(parentFirmClassName eq 'Cari' or parentFirmClassName eq null) and\"\r\n          : \"\";\r\n        break;\r\n      case \"2\":\r\n        query += \"parentFirmClassName eq 'Banka' and\";\r\n        break;\r\n      case \"3\":\r\n        query += \"parentFirmClassName eq 'Masraf' and\";\r\n        break;\r\n      case \"4\":\r\n        query += \"parentFirmClassName eq 'Cek' and\";\r\n        break;\r\n      case \"5\":\r\n        query += \"parentFirmClassName eq 'Senet' and\";\r\n        break;\r\n    }\r\n\r\n    if (conditions.length > 0) query += `  ${conditions.join(\" and \")}`;\r\n\r\n    RequestHandler.get(\r\n      `/Firm?$count=true${query}${order}&$skip=${skip}&$top=${take}`\r\n    ).then((response) => {\r\n      if (Array.isArray(response.value)) {\r\n        setTableData({\r\n          data: response.value,\r\n          total: response[\"@odata.count\"],\r\n          loading: false,\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  const paging = (p, filters, sorter) => {\r\n    let orderBy = \"\";\r\n    if (sorter.columnKey && sorter.order) {\r\n      orderBy =\r\n        \"&\" +\r\n        (sorter.order === \"ascend\"\r\n          ? odata.orderBy(sorter.columnKey)\r\n          : odata.orderByDesc(sorter.columnKey));\r\n    }\r\n    setOrder(orderBy);\r\n    setTableDataQueryOptions((prevState) => {\r\n      return {\r\n        ...prevState,\r\n        skip: (p.current - 1) * prevState.take,\r\n        take: p.pageSize,\r\n        current: p.current,\r\n      };\r\n    });\r\n  };\r\n  const onTabChange = (tabKey) => {\r\n    RequestHandler.get(`/Firm/TotalFirmCount?tab=${tabKey}`).then(\r\n      (response) => {\r\n        setTotalFirmCount(response);\r\n      }\r\n    );\r\n    setTableDataQueryOptions({\r\n      ...tableDataQueryOptions,\r\n      skip: 0,\r\n      current: 1,\r\n      activeTab: tabKey,\r\n    });\r\n  };\r\n  const onClearTableFilter = () => {\r\n    setTableDataQueryOptions({\r\n      ...tableDataQueryOptions,\r\n      skip: 0,\r\n      current: 1,\r\n      filter: \"\",\r\n    });\r\n  };\r\n\r\n  const onFinishTableFilter = (query) => {\r\n    setTableDataQueryOptions((prevState) => {\r\n      return {\r\n        skip: 0,\r\n        current: 1,\r\n        take: prevState.take,\r\n        filter: query,\r\n        activeTab: prevState.activeTab,\r\n      };\r\n    });\r\n  };\r\n\r\n  const showDrawerUpdate = (id) => {\r\n    RequestHandler.get(`/Firm/GetById/${id}`).then((response) => {\r\n      setName(response.name);\r\n      setDirectiveName(response.directiveName);\r\n      setEmail(response.email);\r\n      setErpSalesCode(response.erpSalesCode);\r\n      setNetCollecPlasiyerCode(response.netCollecPlasiyerCode);\r\n      setPurchaseType(response.purchaseType);\r\n      setPlaceType(response.placeType);\r\n      setDivision(response.divisionId)\r\n      setDeparment(response.deparmentId);\r\n      setCustomerType(response.customerType);\r\n      setTaxOffice(response.taxOffice);\r\n      setCity(response.city);\r\n      setTown(response.town);\r\n      setSpecialCode(response.specialCode);\r\n      setAuthorizationCode(response.authorizationCode);\r\n      setAccountCode(response.accountCode);\r\n      setGroupCode(response.groupCode);\r\n      setVkn(response.vkn);\r\n      setTcNo(response.tcNo);\r\n      setPhone(response.phone == null ? \"          \" : response.phone);\r\n      setMobilePhone(\r\n        response.mobilePhone == null ? \"          \" : response.mobilePhone\r\n      );\r\n      setFax(response.fax);\r\n      setAddress(response.address);\r\n      setErpCode(response.erpCode);\r\n      setFirmTypeValue(response.firmTypeValue.toString());\r\n      setFirmBranchNumberUpdate(response.firmBranchNumber);\r\n      setFirmClassId(response.firmClassId);\r\n      setTransactionProjectTypeId(response.transactionProjectTypeId);\r\n\r\n      setFirmIdUpdate(id);\r\n      setVisibleUpdate(true);\r\n      setAccountingCode(response.accountingCode);\r\n      setIsGroup(response.isGroup);\r\n    });\r\n\r\n    RequestHandler.get(`/Firm/GetMathingWordWithFirmId/${id}`).then((res) => {\r\n      setWordList(res);\r\n    });\r\n  };\r\n\r\n  const onClose = () => {\r\n    setVisible(false);\r\n  };\r\n  const onCloseUpdate = () => {\r\n    setVisibleUpdate(false);\r\n  };\r\n\r\n  const openNotificationWithIcon = (type) => {\r\n    notification[type]({\r\n      message: \"Uyarı\",\r\n      description: \"Pasif olan firmalar güncellenemez.\",\r\n    });\r\n  };\r\n\r\n  const handleActivePassive = (id) => {\r\n    RequestHandler.delete(`/Firm?id=${id}`).then((res) => {\r\n      if (res.success) {\r\n        getTableData();\r\n      }\r\n    });\r\n  };\r\n\r\n  const getData = (val) => {\r\n    if (val === \"success\") {\r\n      getTableData();\r\n      setVisibleUpdate(false);\r\n      setVisible(false);\r\n    }\r\n  };\r\n\r\n  const onConfirmSyncFirms = () => {\r\n    setSyncButton({ ...syncButton, loading: true });\r\n    RequestHandler.get(\r\n      pageSettings?.isFinekraLogo ?\r\n        `${config.isFinekraLogoApiUrl}/FirmSync/${pageSettings?.tenantId}` :\r\n        \"/ErpReport/SyncFirm\").then((response) => {\r\n          setSyncButton({ ...syncButton, loading: false });\r\n          if (response) {\r\n            getTableData();\r\n            RequestHandler.get(`/Firm/TotalFirmCount?tab=${tableDataQueryOptions.activeTab}`).then((response) => {\r\n              setTotalFirmCount(response);\r\n            });\r\n            notification.success({\r\n              message: \"Senkronizasyon işlemi başarılı.\",\r\n            });\r\n          } else {\r\n            notification.error({\r\n              message: \"Senkronizasyon işlemi başarısız.\",\r\n            });\r\n          }\r\n        });\r\n  };\r\n  const UpperCaseTurkish = (str) => {\r\n    const lower = \"iıüğşöç\";\r\n    const upper = \"İIÜĞŞÖÇ\";\r\n\r\n    return str.replace(/./g, (char) => {\r\n      const index = lower.indexOf(char);\r\n      return index !== -1 ? upper[index] : char.toUpperCase();\r\n    });\r\n  };\r\n  const ScreenNameWithActiveTab = () => {\r\n    switch (tableDataQueryOptions.activeTab) {\r\n      case \"1\":\r\n        return \"Cari\";\r\n      case \"2\":\r\n        return \"Banka\";\r\n      case \"3\":\r\n        return \"Masraf\";\r\n      case \"4\":\r\n        return \"Çek\";\r\n      case \"5\":\r\n        return \"Senet\";\r\n    }\r\n  };\r\n  const columns = [\r\n    {\r\n      title: `${ScreenNameWithActiveTab()} Adı`,\r\n      dataIndex: \"name\",\r\n      key: \"name\",\r\n      render: (text) => {\r\n        if (!text) return \"\";\r\n\r\n        return (\r\n          <Tooltip title={text}>\r\n            {text.substring(0, 22).length < 22\r\n              ? text.substring(0, 22) + \"\"\r\n              : text.substring(0, 22) + \"...\"}\r\n          </Tooltip>\r\n        );\r\n      },\r\n    },\r\n    {\r\n      title: `${ScreenNameWithActiveTab()} Kodu`,\r\n      dataIndex: \"firmBranchNumber\",\r\n      key: \"firmBranchNumber\",\r\n      render: (text) => {\r\n        if (!text) return \"\";\r\n\r\n        return (\r\n          <Tooltip title={text}>\r\n            {text.substring(0, 22).length < 22\r\n              ? text.substring(0, 22) + \"\"\r\n              : text.substring(0, 22) + \"...\"}\r\n          </Tooltip>\r\n        );\r\n      },\r\n    },\r\n    {\r\n      title: \"Tckn / Vkn\",\r\n      dataIndex: \"tcNo\",\r\n      align: \"center\",\r\n      key: \"vknTckn\",\r\n      render: (_, row) => {\r\n        return row.tcNo === null || row.tcNo == \"\"\r\n          ? row.vkn === null || row.vkn == \"\"\r\n            ? \"-\"\r\n            : row.vkn\r\n          : row.tcNo;\r\n      },\r\n    },\r\n    {\r\n      title: `${ScreenNameWithActiveTab()} Tipi`,\r\n      dataIndex: \"firmTypeValue\",\r\n      align: \"center\",\r\n      key: \"firmTypeValue\",\r\n    },\r\n    {\r\n      title: (\r\n        <Tooltip\r\n          title={`Son Sorgulama Tarihi: ${lastQueryBalanceDate}`}\r\n          style={{ width: \"%100\" }}\r\n        >\r\n          Bakiye\r\n        </Tooltip>\r\n      ),\r\n      dataIndex: \"balance\",\r\n      key: \"balance\",\r\n      align: \"right\",\r\n      render: (data) => {\r\n        if (data === null) return \"-\";\r\n        return ColumnHelper.renderDecimal(data);\r\n      },\r\n    },\r\n    {\r\n      title: \"Durum\",\r\n      dataIndex: \"operation\",\r\n      align: \"center\",\r\n      render: (_, record) =>\r\n        record.isActive ? (\r\n          <Popconfirm\r\n            title=\"Pasif yapmak istiyor musunuz?\"\r\n            okText=\"Evet\"\r\n            cancelText=\"Hayır\"\r\n            onConfirm={() => handleActivePassive(record.id)}\r\n          >\r\n            <a style={{ color: \"green\", fontSize: \"130%\" }}>\r\n              <CheckCircleOutlined />\r\n            </a>\r\n          </Popconfirm>\r\n        ) : (\r\n          <Popconfirm\r\n            title=\"Aktif yapmak istiyor musunuz?\"\r\n            okText=\"Evet\"\r\n            cancelText=\"Hayır\"\r\n            onConfirm={() => handleActivePassive(record.id)}\r\n          >\r\n            <a style={{ color: \"red\", fontSize: \"130%\" }}>\r\n              <CloseCircleOutlined />\r\n            </a>\r\n          </Popconfirm>\r\n        ),\r\n    },\r\n    {\r\n      title: \"Logo Aktarım Durumu\",\r\n      dataIndex: \"transferStatus\",\r\n      align: \"center\",\r\n      render: (transferStatus, record) => {\r\n        if (transferStatus === 1) {\r\n          return (\r\n            <a style={{ color: \"green\", fontSize: \"130%\" }}>\r\n              <Tooltip title=\"Logo'ya Kaydı Başarılı\">\r\n                <CheckCircleOutlined />\r\n              </Tooltip>\r\n            </a>\r\n          );\r\n        } else if (transferStatus === 2) {\r\n          return (\r\n            <a style={{ color: \"blue\", fontSize: \"130%\" }}>\r\n              <Tooltip title=\"Logo'ya Kaydı Yapılıyor\">\r\n                <ClockCircleOutlined />\r\n              </Tooltip>\r\n            </a>\r\n          );\r\n        } else if (transferStatus === 3) {\r\n          return (\r\n            <a style={{ color: \"red\", fontSize: \"130%\" }}>\r\n              <Tooltip title={record.sendFirmError}>\r\n                <WarningOutlined />\r\n              </Tooltip>\r\n            </a>\r\n          );\r\n        }\r\n        return null;\r\n      },\r\n    },\r\n    {\r\n      title: \"Düzenle\",\r\n      dataIndex: \"operation\",\r\n      align: \"center\",\r\n      width: \"1%\",\r\n      render: (_, record) =>\r\n        record.isActive ? (\r\n          <a\r\n            onClick={() => {\r\n              showDrawerUpdate(record.id);\r\n            }}\r\n            style={{ color: \"orange\", fontSize: \"130%\" }}\r\n          >\r\n            <EditOutlined />\r\n          </a>\r\n        ) : (\r\n          <a\r\n            onClick={() => {\r\n              openNotificationWithIcon(\"warning\");\r\n            }}\r\n            style={{ color: \"orange\", fontSize: \"130%\" }}\r\n          >\r\n            <EditOutlined />\r\n          </a>\r\n        ),\r\n    },\r\n    {\r\n      title: \"Hesaplar\",\r\n      dataIndex: \"\",\r\n      align: \"center\",\r\n      render: (record) => {\r\n        return (\r\n          <Link\r\n            style={{ fontSize: \"150%\" }}\r\n            to={`/firm-account-list/${record.id}`}\r\n          >\r\n            <MenuUnfoldOutlined />\r\n          </Link>\r\n        );\r\n      },\r\n    },\r\n  ];\r\n\r\n  const renderDetailString = (text) => (text ? text : \"-\");\r\n  const detailColumns = [\r\n    {\r\n      title: \"E-posta\",\r\n      dataIndex: \"email\",\r\n      render: renderDetailString,\r\n    },\r\n    {\r\n      title: \"Vergi Dairesi\",\r\n      dataIndex: \"taxOffice\",\r\n      render: renderDetailString,\r\n    },\r\n    {\r\n      title: \"Adres\",\r\n      dataIndex: \"address\",\r\n      render: renderDetailString,\r\n    },\r\n    {\r\n      title: \"Fax Numarası\",\r\n      dataIndex: \"fax\",\r\n      render: renderDetailString,\r\n    },\r\n    {\r\n      title: \"Cep Telefonu\",\r\n      dataIndex: \"mobilePhone\",\r\n      render: renderDetailString,\r\n    },\r\n    {\r\n      title: \"Ev Telefonu\",\r\n      dataIndex: \"phone\",\r\n      render: renderDetailString,\r\n    },\r\n    {\r\n      title: \"İl\",\r\n      dataIndex: \"city\",\r\n      render: renderDetailString,\r\n    },\r\n    {\r\n      title: \"İlçe\",\r\n      dataIndex: \"town\",\r\n      render: renderDetailString,\r\n    },\r\n    {\r\n      title: \"Özel Kod\",\r\n      dataIndex: \"specialCode\",\r\n      render: renderDetailString,\r\n    },\r\n    {\r\n      title: \"Yetki Kodu\",\r\n      dataIndex: \"authorizationCode\",\r\n      render: renderDetailString,\r\n    },\r\n    {\r\n      title: \"Hesap Kodu\",\r\n      dataIndex: \"accountCode\",\r\n      render: renderDetailString,\r\n    },\r\n  ];\r\n\r\n  const [selectedRowKeys, setSelectedRowKeys] = useState([]);\r\n  const [pageSettings, setPageSettings] = useState();\r\n  const onTableSelectChange = (selectedKeys) => {\r\n    setSelectedRowKeys(selectedKeys);\r\n  };\r\n\r\n  useEffect(() => {\r\n    getPageSettings();\r\n  }, []);\r\n\r\n  const getPageSettings = () => {\r\n    RequestHandler.get(\"/TenantErpProgram/GetByTenant\").then((response) => {\r\n      if (response) setPageSettings(response);\r\n      else setTableData({ ...tableData, loading: false });\r\n    });\r\n  };\r\n\r\n  const onSendFirmsToLogo = () => {\r\n    const selectedRowsData = tableData.data\r\n      .filter((row) => selectedRowKeys.includes(row.id))\r\n      .map((row) => ({ firmId: row.id, error: row.sendFirmError }));\r\n    RequestHandler.post(\"/ErpLogo/SendFirmToLogo\", selectedRowsData).then(\r\n      (response) => {\r\n        if (response.success) {\r\n          getTableData();\r\n        }\r\n      }\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Row>\r\n        <Col xs={24} md={12} lg={16}>\r\n          <p style={{ fontSize: \"120%\", marginTop: 10 }}>\r\n            <BarsOutlined />{\" \"}\r\n            {`${UpperCaseTurkish(ScreenNameWithActiveTab())} LİSTESİ`}\r\n          </p>\r\n        </Col>\r\n        <Col xs={24} md={12} lg={8} style={{ textAlign: \"right\" }}>\r\n          {syncButton.visible && (\r\n            <Popconfirm\r\n              title=\"Erp programınız ile cari senkronizasyonu tetiklemek istiyor musunuz?\"\r\n              okText=\"Evet\"\r\n              cancelText=\"Hayır\"\r\n              placement=\"bottom\"\r\n              disabled={syncButton.loading}\r\n              onConfirm={onConfirmSyncFirms}\r\n            >\r\n              <Button\r\n                disabled={syncButton.loading}\r\n                loading={syncButton.loading}\r\n                style={{ marginRight: 15 }}\r\n              >\r\n                <SyncOutlined /> Cari Senkronizasyonu\r\n              </Button>\r\n            </Popconfirm>\r\n          )}\r\n          <span style={{ marginRight: 50, fontSize: 16 }}>\r\n            {\" \"}\r\n            Cari Sayısı: {totalFirmCount}\r\n          </span>\r\n          <Button\r\n            style={{ marginTop: 8 }}\r\n            type=\"primary\"\r\n            onClick={() => setVisible(true)}\r\n          >\r\n            <PlusOutlined /> {ScreenNameWithActiveTab()} Ekle\r\n          </Button>\r\n          {pageSettings?.isHasSendFirmToLogo && (\r\n            <Popconfirm\r\n              title=\"Aktarmak istiyor musunuz?\"\r\n              okText=\"Evet\"\r\n              cancelText=\"Hayır\"\r\n              placement=\"bottom\"\r\n              disabled={selectedRowKeys.length < 1}\r\n              onConfirm={onSendFirmsToLogo}\r\n            >\r\n              <Button\r\n                style={{ marginTop: 8 }}\r\n                type=\"primary\"\r\n                disabled={selectedRowKeys.length < 1}\r\n              >\r\n                <PlusOutlined /> Logo'ya Carileri Kaydet\r\n              </Button>\r\n            </Popconfirm>\r\n          )}\r\n        </Col>\r\n      </Row>\r\n      {chequeControl && (\r\n        <Tabs defaultActiveKey=\"1\" onChange={onTabChange}>\r\n          <TabPane tab=\"Cari\" key=\"1\"></TabPane>\r\n          <TabPane tab=\"Banka\" key=\"2\"></TabPane>\r\n          <TabPane tab=\"Masraf\" key=\"3\"></TabPane>\r\n          <TabPane tab=\"Çek\" key=\"4\"></TabPane>\r\n          <TabPane tab=\"Senet\" key=\"5\"></TabPane>\r\n        </Tabs>\r\n      )}\r\n\r\n      <FirmListTableFilter\r\n        onClearFilter={onClearTableFilter}\r\n        onFinishFilter={onFinishTableFilter}\r\n        activeTab={tableDataQueryOptions.activeTab}\r\n        style={{ marginTop: 12, marginBottom: 12 }}\r\n      />\r\n\r\n      <Row id=\"tableArea\">\r\n        <Col span={24}>\r\n          <Table\r\n            rowSelection={\r\n              pageSettings?.isHasSendFirmToLogo\r\n                ? {\r\n                  selectedRowKeys: selectedRowKeys,\r\n                  onChange: onTableSelectChange,\r\n                  getCheckboxProps: (record) => ({\r\n                    disabled:\r\n                      record.sendFirmId != null &&\r\n                      record.sendFirmError == null,\r\n                  }),\r\n                }\r\n                : undefined\r\n            }\r\n            columns={\r\n              pageSettings?.isHasSendFirmToLogo\r\n                ? columns\r\n                : columns.filter((ea) => ea.dataIndex !== \"transferStatus\")\r\n            }\r\n            expandable={{\r\n              expandedRowRender: (row) =>\r\n                RowHelper.renderRowDetail({\r\n                  data: row,\r\n                  columns: detailColumns,\r\n                }),\r\n            }}\r\n            locale={{\r\n              emptyText: (\r\n                <Empty\r\n                  image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                  description=\"Veri Yok\"\r\n                />\r\n              ),\r\n            }}\r\n            style={{ overflowX: \"auto\", maxHeight: \"100%\" }}\r\n            rowKey=\"id\"\r\n            filterable={true}\r\n            size=\"small\"\r\n            sortable={true}\r\n            pageable={true}\r\n            onChange={paging}\r\n            pagination={{\r\n              defaultPageSize: tableDataQueryOptions.take,\r\n              pageSizeOptions: [\"15\", \"25\", \"50\", \"100\"],\r\n              total: tableData.total,\r\n              current: tableDataQueryOptions.current,\r\n            }}\r\n            dataSource={tableData.data}\r\n            loading={tableData.loading}\r\n          />\r\n        </Col>\r\n      </Row>\r\n\r\n      <Drawer\r\n        title={`${ScreenNameWithActiveTab()} Ekle`}\r\n        width={241}\r\n        onClose={onClose}\r\n        visible={visible}\r\n        bodyStyle={{ paddingBottom: 80 }}\r\n        maskClosable={false}\r\n        footer={<div style={{ textAlign: \"right\" }}></div>}\r\n      >\r\n        <FirmAddForm\r\n          activeTab={tableDataQueryOptions.activeTab}\r\n          IsHasSendFirmToLogo={pageSettings?.isHasSendFirmToLogo}\r\n          IsDivisionAndDeparment={pageSettings?.isDivisionAndDeparment}\r\n        />\r\n      </Drawer>\r\n\r\n      <Drawer\r\n        title=\"Cari Güncelle\"\r\n        width={241}\r\n        onClose={onCloseUpdate}\r\n        visible={visibleUpdate}\r\n        bodyStyle={{ paddingBottom: 80 }}\r\n        footer={<div style={{ textAlign: \"right\" }}></div>}\r\n      >\r\n        <FirmUpdate\r\n          firmId={firmIdUpdate}\r\n          Name={Name}\r\n          DirectiveName={DirectiveName}\r\n          Email={Email}\r\n          ErpSalesCode={ErpSalesCode}\r\n          ErpProgramId={pageSettings?.erpProgramId}\r\n          NetCollecPlasiyerCode={NetCollecPlasiyerCode}\r\n          City={City}\r\n          CustomerType={CustomerType}\r\n          PlaceType={PlaceType}\r\n          DivisionId={Division}\r\n          DeparmentId={Deparment}\r\n          PurchaseType={PurchaseType}\r\n          Town={Town}\r\n          SpecialCode={SpecialCode}\r\n          AccountCode={AccountCode}\r\n          AuthorizationCode={AuthorizationCode}\r\n          TaxOffice={TaxOffice}\r\n          Vkn={Vkn}\r\n          TcNo={TcNo}\r\n          GroupCode={groupCode}\r\n          wordList={wordList}\r\n          Phone={Phone}\r\n          sendDataForUpdate={getData}\r\n          MobilePhone={MobilePhone}\r\n          Fax={Fax}\r\n          Address={Address}\r\n          FirmTypeValue={FirmTypeValue}\r\n          FirmBranchNumber={FirmBranchNumberUpdate}\r\n          FirmClassId={FirmClassId}\r\n          firmTypeDropdown={firmTypeDropdown}\r\n          firmClassDropdown={firmClassDropdown}\r\n          ErpCode={ErpCode}\r\n          AccountingCode={AccountingCode}\r\n          IsHasSendFirmToLogo={pageSettings?.isHasSendFirmToLogo}\r\n          activeTab={tableDataQueryOptions.activeTab}\r\n          TransactionProjectTypeId={TransactionProjectTypeId}\r\n          IsDivisionAndDeparment={pageSettings?.isDivisionAndDeparment}\r\n          IsGroup={IsGroup}\r\n        />\r\n      </Drawer>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default FirmList;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n  Input,\r\n  Select,\r\n  Col,\r\n  Row,\r\n  Form,\r\n  notification,\r\n  Button,\r\n  Switch,\r\n} from \"antd\";\r\nimport { PlusOutlined } from \"@ant-design/icons\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\nconst { Option } = Select;\r\nconst layout = {\r\n  labelCol: {\r\n    span: 14,\r\n  },\r\n  wrapperCol: {\r\n    span: 10,\r\n  },\r\n};\r\nconst tailLayout = {\r\n  wrapperCol: {\r\n    offset: 5,\r\n    span: 20,\r\n  },\r\n};\r\nconst openNotificationWithIcon = (type) => {\r\n  notification[type]({\r\n    message: \"BAŞARILI\",\r\n    description: \"Ekleme işlemi başarı ile gerçekleşti.\",\r\n    duration: 2,\r\n  });\r\n};\r\n\r\nconst FirmClassAddForm = () => {\r\n  const isDesktopOrLaptop = useMediaQuery({\r\n    query: \"(min-device-width: 1224px)\",\r\n  });\r\n  const isTabletOrMobileDevice = useMediaQuery({\r\n    query: \"(max-device-width: 1224px)\",\r\n  });\r\n\r\n  const [loading, setLoading] = useState(false);\r\n  const [firmTypeDropdown, setfirmTypeDropdown] = useState([]);\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/Firm/GetFirmType`).then((response) => {\r\n      setfirmTypeDropdown(response.data);\r\n    });\r\n  }, [setfirmTypeDropdown]);\r\n\r\n  const onFinish = (values) => {\r\n    RequestHandler.post(\r\n      `/FirmClass`,\r\n      {\r\n        name: values.Name,\r\n        firmTypeValue: values.FirmTypeValue,\r\n        erpValue: values.ErpValue,\r\n        serialNumber: values.SerialNumber,\r\n        isErpType: values.isErpType,\r\n        parentFirmClassName:values.ParentFirmClassName\r\n      },\r\n      false,\r\n      { rawResponse: true }\r\n    ).then((res) => {\r\n      if (res.status == 200) {\r\n        openNotificationWithIcon(\"success\");\r\n        setTimeout(\r\n          function () {\r\n            window.location.reload();\r\n          }.bind(this),\r\n          2000\r\n        );\r\n      } else {\r\n        setLoading(false);\r\n      }\r\n    });\r\n  };\r\n\r\n  const onFinishFailed = () => setLoading(false);\r\n\r\n  return (\r\n    <div>\r\n      <Form\r\n        {...layout}\r\n        name=\"basic\"\r\n        initialValues={{\r\n          remember: true,\r\n        }}\r\n        onFinish={onFinish}\r\n        onFinishFailed={onFinishFailed}\r\n      >\r\n        <Row>\r\n          {isDesktopOrLaptop && (\r\n            <>\r\n              <Col span={18}>\r\n                <Form.Item\r\n                  label=\"Cari Sınıfı Adı\"\r\n                  name=\"Name\"\r\n                  style={{ marginTop: \"4%\" }}\r\n                  rules={[\r\n                    {\r\n                      required: true,\r\n                      message: \"Lütfen cari sınıfı adı alanını boş bırakmayın.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Input />\r\n                </Form.Item>\r\n                <Form.Item label=\"Ana İşlem Sınıfı\" name=\"ParentFirmClassName\">\r\n                  <Select allowClear placeholder=\"Boş\">\r\n                    <Select.Option key={\"Cari\"} value={\"Cari\"}>\r\n                      Cari\r\n                    </Select.Option>\r\n                    <Select.Option key={\"Banka\"} value={\"Banka\"}>\r\n                      Banka\r\n                    </Select.Option>\r\n                    <Select.Option key={\"Masraf\"} value={\"Masraf\"}>\r\n                    Masraf\r\n                    </Select.Option>\r\n                    <Select.Option key={\"Cek\"} value={\"Cek\"}>\r\n                      Çek\r\n                    </Select.Option>\r\n                    <Select.Option key={\"Senet\"} value={\"Senet\"}>\r\n                    Senet\r\n                    </Select.Option>\r\n                  </Select>\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Cari Tipi\"\r\n                  name=\"FirmTypeValue\"\r\n                  rules={[\r\n                    {\r\n                      required: true,\r\n                      message: \"Lütfen Cari Tipi alanını boş bırakmayın.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Select\r\n                    placeholder=\"Seçiniz\"\r\n                    optionFilterProp=\"children\"\r\n                    filterOption={(input, option) =>\r\n                      option.props.children\r\n                        .toLocaleLowerCase(\"tr-TR\")\r\n                        .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                    }\r\n                  >\r\n                    {firmTypeDropdown.map((item) => (\r\n                      <Option key={item.key}>{item.value}</Option>\r\n                    ))}\r\n                  </Select>\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Seri No\"\r\n                  name=\"SerialNumber\"\r\n                  style={{ marginTop: \"4%\" }}\r\n                >\r\n                  <Input maxLength={20} />\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Erp Kod\"\r\n                  name=\"ErpValue\"\r\n                  style={{ marginTop: \"4%\" }}\r\n                >\r\n                  <Input maxLength={100} />\r\n                </Form.Item>\r\n\r\n                <Form.Item\r\n                  label=\"Erp Aktarım'da kullanılsın mı?\"\r\n                  name=\"isErpType\"\r\n                  valuePropName=\"checked\"\r\n                >\r\n                  <Switch />\r\n                </Form.Item>\r\n              </Col>\r\n              <Col span={6}></Col>\r\n              <Col span={6}></Col>\r\n              <Col span={9}></Col>\r\n              <Col span={7}>\r\n                <Form.Item {...tailLayout}>\r\n                  <Button\r\n                    type=\"primary\"\r\n                    icon={<PlusOutlined />}\r\n                    htmlType=\"submit\"\r\n                    onClick={() => setLoading(true)}\r\n                    loading={loading}\r\n                  >\r\n                    Ekle\r\n                  </Button>\r\n                </Form.Item>\r\n              </Col>\r\n              <Col span={2}></Col>\r\n            </>\r\n          )}\r\n          {isTabletOrMobileDevice && (\r\n            <>\r\n              <Col span={24}>\r\n                <Form.Item\r\n                  label=\"Cari Sınıfı Adı\"\r\n                  name=\"Name\"\r\n                  style={{ marginTop: \"4%\" }}\r\n                  rules={[\r\n                    {\r\n                      required: true,\r\n                      message: \"Lütfen cari sınıfı adı alanını boş bırakmayın.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Input />\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Cari Tipi\"\r\n                  name=\"FirmTypeValue\"\r\n                  rules={[\r\n                    {\r\n                      required: true,\r\n                      message: \"Lütfen Cari Tipi alanını boş bırakmayın.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Select\r\n                    placeholder=\"Seçiniz\"\r\n                    optionFilterProp=\"children\"\r\n                    filterOption={(input, option) =>\r\n                      option.props.children\r\n                        .toLocaleLowerCase(\"tr-TR\")\r\n                        .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                    }\r\n                  >\r\n                    {firmTypeDropdown.map((item) => (\r\n                      <Option key={item.key}>{item.value}</Option>\r\n                    ))}\r\n                  </Select>\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Seri No\"\r\n                  name=\"SerialNumber\"\r\n                  style={{ marginTop: \"4%\" }}\r\n                >\r\n                  <Input maxLength={20} />\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Erp Kod\"\r\n                  name=\"ErpValue\"\r\n                  style={{ marginTop: \"4%\" }}\r\n                >\r\n                  <Input maxLength={100} />\r\n                </Form.Item>\r\n\r\n                <Form.Item\r\n                  label=\"Erp Aktarım'da kullanılsın mı?\"\r\n                  name=\"isErpType\"\r\n                  valuePropName=\"checked\"\r\n                >\r\n                  <Switch />\r\n                </Form.Item>\r\n              </Col>\r\n              <Col span={12}></Col>\r\n              <Col span={6}>\r\n                <Form.Item {...tailLayout}>\r\n                  <Button\r\n                    type=\"primary\"\r\n                    icon={<PlusOutlined />}\r\n                    htmlType=\"submit\"\r\n                    onClick={() => setLoading(true)}\r\n                    loading={loading}\r\n                  >\r\n                    Ekle\r\n                  </Button>\r\n                </Form.Item>\r\n              </Col>\r\n              <Col span={6}></Col>\r\n            </>\r\n          )}\r\n        </Row>\r\n      </Form>\r\n    </div>\r\n  );\r\n};\r\nexport default FirmClassAddForm;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n  Input,\r\n  Select,\r\n  Col,\r\n  Row,\r\n  notification,\r\n  Form,\r\n  Button,\r\n  Switch,\r\n} from \"antd\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport { PlusOutlined } from \"@ant-design/icons\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\n\r\nconst { Option } = Select;\r\nconst tailLayout = {\r\n  wrapperCol: {\r\n    offset: 15,\r\n    span: 5,\r\n  },\r\n};\r\nconst layout = {\r\n  labelCol: {\r\n    span: 14,\r\n  },\r\n  wrapperCol: {\r\n    span: 10,\r\n  },\r\n};\r\n\r\nconst FirmClassUpdate = (props) => {\r\n  const isDesktopOrLaptop = useMediaQuery({\r\n    query: \"(min-device-width: 1224px)\",\r\n  });\r\n  const isTabletOrMobileDevice = useMediaQuery({\r\n    query: \"(max-device-width: 1224px)\",\r\n  });\r\n  const [loading, setLoading] = useState(false);\r\n  const [firmClassId, setfirmClassId] = useState(props.firmClassId);\r\n  const [Name, setName] = useState(props.name);\r\n  const [serialNumber, setSerialNumber] = useState(props.serialNumber);\r\n  const [erpValue, setErpValue] = useState(props.erpValue);\r\n  const [FirmTypeValue, setFirmTypeValue] = useState(props.firmTypeValue);\r\n  const [ParentFirmClassName, setParentFirmClassName] = useState(\r\n    props.parentFirmClassName\r\n  );\r\n\r\n  const [isErpType, setIsErpType] = useState(props.isErpType);\r\n  const [firmTypeDropdown, setfirmTypeDropdown] = useState([]);\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/Firm/GetFirmType`).then((response) => {\r\n      setfirmTypeDropdown(response.data);\r\n    });\r\n\r\n    setfirmClassId(props.firmClassId);\r\n    setName(props.name);\r\n    setSerialNumber(props.serialNumber);\r\n    setErpValue(props.erpValue);\r\n    setFirmTypeValue(props.firmTypeValue);\r\n    setParentFirmClassName(props.parentFirmClassName);\r\n\r\n    setIsErpType(props.isErpType);\r\n  }, [\r\n    setfirmTypeDropdown,\r\n    setfirmClassId,\r\n    setFirmTypeValue,\r\n    setParentFirmClassName,\r\n    setName,\r\n    setSerialNumber,\r\n    setErpValue,\r\n    setIsErpType,\r\n    props.serialNumber,\r\n    props.erpValue,\r\n    props.name,\r\n    props.firmTypeValue,\r\n    props.parentFirmClassName,\r\n    props.firmTypeDropdown,\r\n    props.firmClassId,\r\n    props.isErpType,\r\n  ]);\r\n\r\n  const onChange = (e) => {\r\n    setName(e.target.value);\r\n  };\r\n  const onChangeSerialNumber = (e) => {\r\n    setSerialNumber(e.target.value);\r\n  };\r\n  const onChangeErpValue = (e) => {\r\n    setErpValue(e.target.value);\r\n  };\r\n  const onChangeFirmValue = (e) => {\r\n    setFirmTypeValue(e);\r\n  };\r\n\r\n  const onChangeParentFirmClassNameValue = (e) => {\r\n    setParentFirmClassName(e);\r\n  };\r\n\r\n  const onChangeErpType = (e) => {\r\n    setIsErpType(e);\r\n  };\r\n  const onFinishUpdate = (values) => {\r\n    RequestHandler.put(\r\n      `/FirmClass`,\r\n      {\r\n        id: firmClassId,\r\n        name: values.Name,\r\n        serialNumber: values.SerialNumber,\r\n        erpValue: values.ErpValue,\r\n        firmTypeValue: values.FirmTypeValue,\r\n        parentFirmClassName: values.ParentFirmClassName,\r\n        isErpType: isErpType,\r\n      },\r\n      false,\r\n      { rawResponse: true }\r\n    )\r\n      .then((res) => {\r\n        if (res.status === 200) {\r\n          openNotificationWithIconUpdate(\"success\");\r\n          setTimeout(\r\n            function () {\r\n              props.sendDataForUpdate(\"success\");\r\n              setLoading(false);\r\n            }.bind(this),\r\n            2000\r\n          );\r\n        } else {\r\n          setLoading(false);\r\n        }\r\n      })\r\n      .catch(function (error) {\r\n        setLoading(false);\r\n      });\r\n  };\r\n\r\n  const onFinishFailedUpdate = () => setLoading(false);\r\n\r\n  const openNotificationWithIconUpdate = (type) => {\r\n    notification[type]({\r\n      message: \"BAŞARILI\",\r\n      description: \"Güncelleme işlemi başarı ile gerçekleşti.\",\r\n      duration: 2,\r\n    });\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <Form\r\n        {...layout}\r\n        name=\"basic\"\r\n        initialValues={{\r\n          remember: true,\r\n        }}\r\n        onFinish={onFinishUpdate}\r\n        onFinishFailed={onFinishFailedUpdate}\r\n        fields={[\r\n          { name: \"Name\", value: Name },\r\n          { name: \"ErpValue\", value: erpValue },\r\n          { name: \"SerialNumber\", value: serialNumber },\r\n          { name: \"FirmTypeValue\", value: FirmTypeValue.toString() },\r\n          { name: \"ParentFirmClassName\", value: ParentFirmClassName ?? null },\r\n          { name: \"IsErpType\", value: isErpType },\r\n        ]}\r\n      >\r\n        <Row>\r\n          {isDesktopOrLaptop && (\r\n            <>\r\n              <Col span={18}>\r\n                <Form.Item\r\n                  label=\"Cari Sınıfı Adı\"\r\n                  style={{ marginTop: \"4%\" }}\r\n                  name=\"Name\"\r\n                  rules={[\r\n                    {\r\n                      required: true,\r\n                      message: \"Lütfen Cari Adı/Ünvanı alanını boş bırakmayın.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Input value={Name} onChange={onChange} />\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Üst Cari Sınıfı\"\r\n                  name=\"ParentFirmClassName\"\r\n                  style={{ marginTop: \"4%\" }}\r\n                >\r\n                  <Select\r\n                    onChange={onChangeParentFirmClassNameValue}\r\n                    allowClear\r\n                    placeholder=\"Boş\"\r\n                  >\r\n                    <Select.Option key={\"Cari\"} value={\"Cari\"}>\r\n                      Cari\r\n                    </Select.Option>\r\n                    <Select.Option key={\"Banka\"} value={\"Banka\"}>\r\n                      Banka\r\n                    </Select.Option>\r\n                    <Select.Option key={\"Masraf\"} value={\"Masraf\"}>\r\n                      Masraf\r\n                    </Select.Option>\r\n                    <Select.Option key={\"Cek\"} value={\"Cek\"}>\r\n                      Çek\r\n                    </Select.Option>\r\n                    <Select.Option key={\"Senet\"} value={\"Senet\"}>\r\n                      Senet\r\n                    </Select.Option>\r\n                  </Select>\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Cari Tipi\"\r\n                  name=\"FirmTypeValue\"\r\n                  rules={[\r\n                    {\r\n                      required: true,\r\n                      message: \"Lütfen Cari Tipi alanını boş bırakmayın.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Select\r\n                    placeholder=\"Seçiniz\"\r\n                    onChange={onChangeFirmValue}\r\n                    optionFilterProp=\"children\"\r\n                    filterOption={(input, option) =>\r\n                      option.props.children\r\n                        .toLocaleLowerCase(\"tr-TR\")\r\n                        .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                    }\r\n                  >\r\n                    {firmTypeDropdown.map((item) => (\r\n                      <Option key={item.key}>{item.value}</Option>\r\n                    ))}\r\n                  </Select>\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Seri No\"\r\n                  name=\"SerialNumber\"\r\n                  style={{ marginTop: \"4%\" }}\r\n                >\r\n                  <Input\r\n                    maxLength={20}\r\n                    value={serialNumber}\r\n                    onChange={onChangeSerialNumber}\r\n                  />\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Erp Kod\"\r\n                  name=\"ErpValue\"\r\n                  style={{ marginTop: \"4%\" }}\r\n                >\r\n                  <Input\r\n                    maxLength={100}\r\n                    value={erpValue}\r\n                    onChange={onChangeErpValue}\r\n                  />\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Erp Aktarım'da kullanılsın mı?\"\r\n                  name=\"IsErpType\"\r\n                  valuePropName=\"checked\"\r\n                >\r\n                  <Switch value={isErpType} onChange={onChangeErpType} />\r\n                </Form.Item>\r\n              </Col>\r\n              <Col span={6}></Col>\r\n              <Col span={6}></Col>\r\n              <Col span={9}></Col>\r\n              <Col span={7}>\r\n                <Form.Item {...tailLayout}>\r\n                  <Button\r\n                    type=\"primary\"\r\n                    icon={<PlusOutlined />}\r\n                    htmlType=\"submit\"\r\n                    onClick={() => setLoading(true)}\r\n                    loading={loading}\r\n                  >\r\n                    Güncelle\r\n                  </Button>\r\n                </Form.Item>\r\n              </Col>\r\n              <Col span={2}></Col>\r\n            </>\r\n          )}\r\n          {isTabletOrMobileDevice && (\r\n            <>\r\n              <Col span={24}>\r\n                <Form.Item\r\n                  label=\"Cari Sınıfı Adı\"\r\n                  style={{ marginTop: \"4%\" }}\r\n                  name=\"Name\"\r\n                  rules={[\r\n                    {\r\n                      required: true,\r\n                      message: \"Lütfen Cari Adı/Ünvanı alanını boş bırakmayın.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Input value={Name} onChange={onChange} />\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Cari Tipi\"\r\n                  name=\"FirmTypeValue\"\r\n                  rules={[\r\n                    {\r\n                      required: true,\r\n                      message: \"Lütfen Cari Tipi alanını boş bırakmayın.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <Select\r\n                    placeholder=\"Seçiniz\"\r\n                    onChange={onChangeFirmValue}\r\n                    optionFilterProp=\"children\"\r\n                    filterOption={(input, option) =>\r\n                      option.props.children\r\n                        .toLocaleLowerCase(\"tr-TR\")\r\n                        .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                    }\r\n                  >\r\n                    {firmTypeDropdown.map((item) => (\r\n                      <Option key={item.key}>{item.value}</Option>\r\n                    ))}\r\n                  </Select>\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Seri No\"\r\n                  name=\"SerialNumber\"\r\n                  style={{ marginTop: \"4%\" }}\r\n                >\r\n                  <Input\r\n                    maxLength={20}\r\n                    value={serialNumber}\r\n                    onChange={onChangeSerialNumber}\r\n                  />\r\n                </Form.Item>\r\n                <Form.Item\r\n                  label=\"Erp Kod\"\r\n                  name=\"ErpValue\"\r\n                  style={{ marginTop: \"4%\" }}\r\n                >\r\n                  <Input\r\n                    maxLength={100}\r\n                    value={erpValue}\r\n                    onChange={onChangeErpValue}\r\n                  />\r\n                </Form.Item>\r\n\r\n                <Form.Item\r\n                  label=\"Erp Aktarım'da kullanılsın mı?\"\r\n                  name=\"IsErpType\"\r\n                  valuePropName=\"checked\"\r\n                >\r\n                  <Switch value={isErpType} onChange={onChangeErpType} />\r\n                </Form.Item>\r\n              </Col>\r\n              <Col span={10}></Col>\r\n              <Col span={8}>\r\n                <Form.Item {...tailLayout}>\r\n                  <Button\r\n                    type=\"primary\"\r\n                    icon={<PlusOutlined />}\r\n                    htmlType=\"submit\"\r\n                    onClick={() => setLoading(true)}\r\n                    loading={loading}\r\n                  >\r\n                    Güncelle\r\n                  </Button>\r\n                </Form.Item>\r\n              </Col>\r\n              <Col span={6}></Col>\r\n            </>\r\n          )}\r\n        </Row>\r\n      </Form>\r\n    </div>\r\n  );\r\n};\r\nexport default FirmClassUpdate;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Button, Row, Col, Tabs, Spin } from \"antd\";\r\n\r\nimport { PlusOutlined, BarsOutlined } from \"@ant-design/icons\";\r\nimport BankInfo from \"./BankInfo\";\r\nimport PosInfo from \"./PosInfo\";\r\nimport TosInfo from \"./TosInfo\";\r\nimport DbsInfo from \"./DbsInfo\";\r\nimport PosCollectionInfo from \"./PosCollectionInfo\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\n\r\nconst { TabPane } = Tabs;\r\n\r\nconst Index = () => {\r\n  const [openBankInfoDrawer, setOpenBankInfoDrawer] = useState(0);\r\n  const [openPOSInfoDrawer, setOpenPOSInfoDrawer] = useState(0);\r\n  const [openTOSInfoDrawer, setOpenTOSInfoDrawer] = useState(0);\r\n  const [openDbsInfoDrawer, setOpenDbsInfoDrawer] = useState(0);\r\n  const [openPosCollectionInfoDrawer, setOpenPosCollectionInfoDrawer] =\r\n    useState(0);\r\n  const [demoInformation, setDemoInformation] = useState(false);\r\n  const [permissions, setPermissions] = useState({\r\n    loading: true,\r\n    modules: [],\r\n  });\r\n  const [activeTabKey, setActiveTabKey] = useState(\"1\");\r\n  const [addButton, setAddButton] = useState({ visible: false });\r\n  useEffect(() => {\r\n    RequestHandler.get(\"/User/MenuPermissions\").then((response) => {\r\n      setPermissions({\r\n        ...response,\r\n        loading: false,\r\n      });\r\n      RequestHandler.get(\r\n        `/Tenant/GetById/${localStorage.getItem(\"tenantId\")}`\r\n      ).then((res) => {\r\n        if (res.isDemo) {\r\n          setDemoInformation(true);\r\n        }\r\n      });\r\n      const screenExistModuleIds = [1, 2, 3, 5, 8];\r\n      const availableModuleIds = response.modules.filter((moduleId) =>\r\n        screenExistModuleIds.includes(moduleId)\r\n      );\r\n\r\n      setActiveTabKey(availableModuleIds[0]?.toString());\r\n    });\r\n  }, []);\r\n\r\n  useEffect(() => setActiveAddButton(), [activeTabKey]);\r\n\r\n  const bankInfoOnClick = (e) => {\r\n    setOpenBankInfoDrawer((prevState) => prevState + 1);\r\n  };\r\n  const posInfoOnClick = (e) => {\r\n    setOpenPOSInfoDrawer((prevState) => prevState + 1);\r\n  };\r\n  const tosInfoOnClick = (e) => {\r\n    setOpenTOSInfoDrawer((prevState) => prevState + 1);\r\n  };\r\n  const dbsInfoOnClick = (e) => {\r\n    setOpenDbsInfoDrawer((prevState) => prevState + 1);\r\n  };\r\n  const posCollectionInfoOnClick = (e) => {\r\n    setOpenPosCollectionInfoDrawer((prevState) => prevState + 1);\r\n  };\r\n\r\n  const setActiveAddButton = () => {\r\n    const buttons = {\r\n      1: {\r\n        text: \"Banka Hesap Ekle\",\r\n        onClick: bankInfoOnClick,\r\n        onRender: () => {\r\n          setOpenTOSInfoDrawer(0);\r\n          setOpenDbsInfoDrawer(0);\r\n          setOpenPOSInfoDrawer(0);\r\n          setOpenPosCollectionInfoDrawer(0);\r\n        },\r\n      },\r\n      2: {\r\n        text: \"TÖS Banka Ekle\",\r\n        onClick: tosInfoOnClick,\r\n        onRender: () => {\r\n          setOpenBankInfoDrawer(0);\r\n          setOpenDbsInfoDrawer(0);\r\n          setOpenPOSInfoDrawer(0);\r\n          setOpenPosCollectionInfoDrawer(0);\r\n        },\r\n      },\r\n      3: {\r\n        text: \"Dbs Banka Ekle\",\r\n        onClick: dbsInfoOnClick,\r\n        onRender: () => {\r\n          setOpenBankInfoDrawer(0);\r\n          setOpenTOSInfoDrawer(0);\r\n          setOpenPOSInfoDrawer(0);\r\n          setOpenPosCollectionInfoDrawer(0);\r\n        },\r\n      },\r\n      5: {\r\n        text: \"POS Rapor Ekle\",\r\n        onClick: posInfoOnClick,\r\n        onRender: () => {\r\n          setOpenBankInfoDrawer(0);\r\n          setOpenTOSInfoDrawer(0);\r\n          setOpenDbsInfoDrawer(0);\r\n          setOpenPosCollectionInfoDrawer(0);\r\n        },\r\n      },\r\n      8: {\r\n        text: \"POS Tahsilat Banka Ekle\",\r\n        onClick: posCollectionInfoOnClick,\r\n        onRender: () => {\r\n          setOpenBankInfoDrawer(0);\r\n          setOpenTOSInfoDrawer(0);\r\n          setOpenDbsInfoDrawer(0);\r\n          setOpenPOSInfoDrawer(0);\r\n        },\r\n      },\r\n    };\r\n\r\n    if (buttons[activeTabKey]) {\r\n      setAddButton({\r\n        text: buttons[activeTabKey].text,\r\n        onClick: buttons[activeTabKey].onClick,\r\n        visible: true,\r\n      });\r\n      buttons[activeTabKey].onRender();\r\n    } else {\r\n      setAddButton({\r\n        visible: false,\r\n      });\r\n    }\r\n  };\r\n\r\n  const tabOptions = [\r\n    {\r\n      moduleId: 1,\r\n      title: \"Banka Hesap Tanımla\",\r\n      children: <BankInfo addButtonEvent={openBankInfoDrawer} />,\r\n    },\r\n    {\r\n      moduleId: 5,\r\n      title: \"POS Rapor Tanımla\",\r\n      children: <PosInfo addButtonEvent={openPOSInfoDrawer} />,\r\n    },\r\n    {\r\n      moduleId: 3,\r\n      title: \"DBS Banka Tanımla\",\r\n      children: <DbsInfo addButtonEvent={openDbsInfoDrawer} />,\r\n    },\r\n    {\r\n      moduleId: 2,\r\n      title: \"TÖS Banka Tanımla\",\r\n      children: <TosInfo addButtonEvent={openTOSInfoDrawer} />,\r\n    },\r\n    {\r\n      moduleId: 8,\r\n      title: \"POS Tahsilat Banka Tanımla\",\r\n      children: (\r\n        <PosCollectionInfo addButtonEvent={openPosCollectionInfoDrawer} />\r\n      ),\r\n    },\r\n  ];\r\n\r\n  return permissions.loading ? (\r\n    <Row justify=\"center\" align=\"middle\" style={{ height: \"100%\" }}>\r\n      <Spin />\r\n    </Row>\r\n  ) : (\r\n    <>\r\n      <Row>\r\n        <Col xs={15} lg={20}>\r\n          <p style={{ fontSize: \"120%\", marginTop: -5 }}>\r\n            <BarsOutlined /> BANKA ERİŞİMİ TANIMLA\r\n          </p>\r\n        </Col>\r\n        <Col xs={9} lg={4}>\r\n          {addButton.visible && (\r\n            <Button\r\n              type=\"primary\"\r\n              onClick={addButton.onClick}\r\n              disabled={demoInformation}\r\n            >\r\n              <PlusOutlined /> {addButton.text}\r\n            </Button>\r\n          )}\r\n        </Col>\r\n      </Row>\r\n      <Row>\r\n        <Col span={2}></Col>\r\n        <Col span={20}>\r\n          <Tabs\r\n            activeKey={activeTabKey}\r\n            onChange={(key) => setActiveTabKey(key)}\r\n          >\r\n            {tabOptions.map((option) => {\r\n              const isModulePermissionExist = permissions.modules.includes(\r\n                option.moduleId\r\n              );\r\n              return (\r\n                <TabPane\r\n                  tab={option.title}\r\n                  key={option.moduleId}\r\n                  disabled={!isModulePermissionExist}\r\n                >\r\n                  {isModulePermissionExist && option.children}\r\n                </TabPane>\r\n              );\r\n            })}\r\n          </Tabs>\r\n        </Col>\r\n        <Col span={2}></Col>\r\n      </Row>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Index;\r\n","import React, { useState } from \"react\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport MonthlyBankBasedTransactionReport from \"./MonthlyBankBasedTransactionReport\";\r\nimport DailyBankBasedTransactionReport from \"./DailyBankBasedTransactionReport\";\r\nimport config from \"util/ApiforContext\";\r\n\r\nimport { Tabs, Col, Row, Tooltip, message } from \"antd\";\r\nimport { BarsOutlined, FileExcelOutlined } from \"@ant-design/icons\";\r\nconst { TabPane } = Tabs;\r\n\r\nconst BankBasedTransactionReport = () => {\r\n  const [activeTabKey, setActiveTabKey] = useState(\"1\");\r\n  const [reportFilters, setReportFilters] = useState({\r\n    daily: {},\r\n    monthly: {},\r\n  });\r\n\r\n  const onClickExportExcel = () => {\r\n    const hideMessage = message.loading(\"Excel indiriliyor...\", 0);\r\n\r\n    if (activeTabKey === \"1\") {\r\n      RequestHandler.post(\"/Reports/MonthlyBankBasedTransactionReportExportExcel\",\r\n        reportFilters.monthly\r\n      ).then((response) => {\r\n        hideMessage();\r\n\r\n        if (response.success) {\r\n          window.open(\r\n            `${config.apiUrl}/Reports/MonthlyBankBasedTransactionReportDownloadExcel?fileName=${response.data}&t=${RequestHandler.getToken()}`\r\n          );\r\n        }\r\n      });\r\n    } else {\r\n      RequestHandler.post(\"/Reports/DailyBankBasedTransactionReportExportExcel\",\r\n        reportFilters.daily\r\n      ).then((response) => {\r\n        hideMessage();\r\n\r\n        if (response.success) {\r\n          window.open(\r\n            `${config.apiUrl}/Reports/DailyBankBasedTransactionReportDownloadExcel?fileName=${response.data}&t=${RequestHandler.getToken()}`\r\n          );\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  const onMonthlyFilterChange = (filterData) => {\r\n    setReportFilters({ ...filterData, monthly: filterData });\r\n  };\r\n\r\n  const onDailyFilterChange = (filterData) => {\r\n    setReportFilters({ ...reportFilters, daily: filterData });\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Row>\r\n        <Col xs={24} md={12} lg={16}>\r\n          <p style={{ fontSize: \"120%\", marginTop: -5 }}>\r\n            <BarsOutlined /> BANKA BAZLI HAREKET\r\n          </p>\r\n        </Col>\r\n        <Col xs={24} md={12} lg={8} style={{ textAlign: \"right\" }}>\r\n          <Tooltip title=\"Excel İndir\">\r\n            <a\r\n              style={{\r\n                color: \"green\",\r\n                fontSize: \"180%\",\r\n                marginRight: 30,\r\n              }}\r\n              onClick={onClickExportExcel}\r\n            >\r\n              <FileExcelOutlined />\r\n            </a>\r\n          </Tooltip>\r\n        </Col>\r\n      </Row>\r\n\r\n      <Tabs\r\n        defaultActiveKey=\"1\"\r\n        onChange={(activeKey) => {\r\n          setActiveTabKey(activeKey);\r\n        }}\r\n      >\r\n        <TabPane tab=\"Ay Bazlı\" key=\"1\">\r\n          <MonthlyBankBasedTransactionReport onFilterChange={onMonthlyFilterChange} />\r\n        </TabPane>\r\n        <TabPane tab=\"Gün Bazlı\" key=\"2\">\r\n          <DailyBankBasedTransactionReport onFilterChange={onDailyFilterChange} />\r\n        </TabPane>\r\n      </Tabs>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default BankBasedTransactionReport;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport PosCollectionBankInfoAddForm from \"../Forms/PosCollectionBankInfoAddForm\";\r\nimport PosCollectionBankInfoUpdateForm from \"../Forms/PosCollectionBankInfoUpdateForm\";\r\n\r\nimport { Table, Empty, Popconfirm, Col, Row, Drawer } from \"antd\";\r\nimport {\r\n  EditOutlined,\r\n  DeleteOutlined,\r\n  CheckCircleOutlined,\r\n  CloseCircleOutlined,\r\n} from \"@ant-design/icons\";\r\n\r\nfunction PosCollectionInfo(props) {\r\n  const [tableData, setTableData] = useState({\r\n    data: [],\r\n    total: 0,\r\n    loading: true,\r\n  });\r\n  const [tableDataQueryOptions, setTableDataQueryOptions] = useState({\r\n    skip: 0,\r\n    take: 15,\r\n    current: 1,\r\n  });\r\n\r\n  const [addFormVisibility, setAddFormVisibility] = useState(false);\r\n  const [updateFormVisibility, setUpdateFormVisibility] = useState(false);\r\n  const [updateFormData, setUpdateFormData] = useState({});\r\n\r\n  useEffect(() => getTableData(), [tableDataQueryOptions]);\r\n\r\n  useEffect(() => {\r\n    if (props.addButtonEvent > 0) {\r\n      setAddFormVisibility(true);\r\n    }\r\n  }, [props.addButtonEvent]);\r\n\r\n  const getTableData = () => {\r\n    setTableData({\r\n      ...tableData,\r\n      loading: true,\r\n    });\r\n\r\n    const { skip, take } = tableDataQueryOptions;\r\n\r\n    RequestHandler.get(\r\n      `/PosCollectionBankInfo?$count=true&$skip=${skip}&$top=${take}`\r\n    ).then((response) => {\r\n      setTableData({\r\n        data: response.value,\r\n        total: response[\"@odata.count\"],\r\n        loading: false,\r\n      });\r\n    });\r\n  };\r\n\r\n  const getUpdateFormData = (id) => {\r\n    RequestHandler.get(`/PosCollectionBankInfo/GetById/${id}`).then(\r\n      (response) => {\r\n        if (response) {\r\n          setUpdateFormData(response);\r\n          setUpdateFormVisibility(true);\r\n        }\r\n      }\r\n    );\r\n  };\r\n\r\n  const paging = (p) => {\r\n    setTableDataQueryOptions((prevState) => {\r\n      return {\r\n        ...prevState,\r\n        skip: (p.current - 1) * prevState.take,\r\n        take: p.pageSize,\r\n        current: p.current,\r\n      };\r\n    });\r\n  };\r\n\r\n  const handleOnClickDelete = (id) => {\r\n    RequestHandler.delete(`/PosCollectionBankInfo/${id}`).then((response) => {\r\n      if (response.success) {\r\n        getTableData();\r\n      }\r\n    });\r\n  };\r\n\r\n  const onAddFormSuccess = () => {\r\n    getTableData();\r\n    setAddFormVisibility(false);\r\n  };\r\n\r\n  const onUpdateFormSuccess = () => {\r\n    getTableData();\r\n    setUpdateFormVisibility(false);\r\n  };\r\n\r\n  const columns = [\r\n    {\r\n      title: \"Banka\",\r\n      dataIndex: \"bankLogo\",\r\n      key: \"bankLogo\",\r\n      width: \"8%\",\r\n      render: (text, row, index) => {\r\n        {\r\n          if (text === \"KASA HESABI\") {\r\n            return <img src={row.bankLogo}></img>;\r\n          }\r\n          return <img src={row.bankLogo}></img>;\r\n        }\r\n      },\r\n    },\r\n    {\r\n      title: \"Tanımlama Adı\",\r\n      dataIndex: \"name\",\r\n    },\r\n    {\r\n      title: \"Kullanıcı Adı\",\r\n      dataIndex: \"userName\",\r\n    },\r\n    {\r\n      title: \"Tek Çekim\",\r\n      align: \"center\",\r\n      render: ({ isDefault }) =>\r\n        isDefault ? (\r\n          <CheckCircleOutlined style={{ color: \"blue\", fontSize: \"130%\" }} />\r\n        ) : (\r\n          \"\"\r\n        ),\r\n    },\r\n    {\r\n      title: \"Aktif\",\r\n      align: \"center\",\r\n      render: ({ isActive }) =>\r\n        isActive ? (\r\n          <CheckCircleOutlined style={{ color: \"green\", fontSize: \"130%\" }} />\r\n        ) : (\r\n          <CloseCircleOutlined style={{ color: \"red\", fontSize: \"130%\" }} />\r\n        ),\r\n    },\r\n    {\r\n      title: \"Düzenle\",\r\n      dataIndex: \"id\",\r\n      width: \"1%\",\r\n      align: \"center\",\r\n      render: (data, row) => (\r\n        <a onClick={() => getUpdateFormData(data)}>\r\n          <EditOutlined style={{ color: \"orange\", fontSize: \"130%\" }} />\r\n        </a>\r\n      ),\r\n    },\r\n    {\r\n      title: \"Sil\",\r\n      dataIndex: \"id\",\r\n      width: \"1%\",\r\n      align: \"center\",\r\n      render: (data, row) => (\r\n        <Popconfirm\r\n          title=\"Silmek istiyor musunuz?\"\r\n          okText=\"Evet\"\r\n          cancelText=\"Hayır\"\r\n          onConfirm={() => handleOnClickDelete(data)}\r\n        >\r\n          <a>\r\n            <DeleteOutlined style={{ color: \"red\", fontSize: \"130%\" }} />\r\n          </a>\r\n        </Popconfirm>\r\n      ),\r\n    },\r\n  ];\r\n\r\n  return (\r\n    <>\r\n      <Row id=\"tableArea\">\r\n        <Col span={24}>\r\n          <Table\r\n            columns={columns}\r\n            locale={{\r\n              emptyText: (\r\n                <Empty\r\n                  image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                  description=\"Veri Yok\"\r\n                />\r\n              ),\r\n            }}\r\n            style={{ overflowX: \"auto\", maxHeight: \"100%\", width: \"100%\" }}\r\n            rowKey=\"id\"\r\n            filterable={true}\r\n            sortable={true}\r\n            pageable={true}\r\n            onChange={paging}\r\n            pagination={{\r\n              defaultPageSize: tableDataQueryOptions.take,\r\n              pageSizeOptions: [\"15\", \"25\", \"50\", \"100\"],\r\n              total: tableData.total,\r\n              current: tableDataQueryOptions.current,\r\n            }}\r\n            dataSource={tableData.data}\r\n            loading={tableData.loading}\r\n            size=\"small\"\r\n          />\r\n        </Col>\r\n      </Row>\r\n\r\n      <Drawer\r\n        id=\"addDrawer\"\r\n        title=\"Pos Tahsilat Erişimi Ekle\"\r\n        bodyStyle={{ padding: 24 }}\r\n        width={500}\r\n        onClose={() => setAddFormVisibility(false)}\r\n        visible={addFormVisibility}\r\n      >\r\n        <PosCollectionBankInfoAddForm onSuccess={onAddFormSuccess} />\r\n      </Drawer>\r\n\r\n      <Drawer\r\n        id=\"updateDrawer\"\r\n        title=\"Pos Tahsilat Erişimi Güncelle\"\r\n        bodyStyle={{ padding: 24 }}\r\n        width={500}\r\n        onClose={() => setUpdateFormVisibility(false)}\r\n        visible={updateFormVisibility}\r\n      >\r\n        <PosCollectionBankInfoUpdateForm\r\n          data={updateFormData}\r\n          onSuccess={onUpdateFormSuccess}\r\n        />\r\n      </Drawer>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default PosCollectionInfo;\r\n","import React,{useState,useEffect} from \"react\";\r\nimport { useMediaQuery } from 'react-responsive'\r\nimport {Card} from \"antd\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst Widget = ({title, children, styleName, cover, extra, actions}) => {\r\nconst [styleValue, setStyleValue] = useState('');\r\nconst [classValue, setClassValue] = useState('');\r\n  \r\n  const isDesktopOrLaptop = useMediaQuery({\r\n    query: '(min-device-width: 1224px)'\r\n  })\r\n  const isBigScreen = useMediaQuery({ query: '(min-width: 1824px)' })\r\n  const isTabletOrMobile = useMediaQuery({ query: '(max-width: 1224px)' })\r\n  const isTabletOrMobileDevice = useMediaQuery({\r\n    query: '(max-device-width: 1224px)'\r\n  })\r\n  return (\r\n    isBigScreen ? \r\n    <Card\r\n        style={{marginLeft: 125,width:300,marginBottom:10}}\r\n        className={`gx-card-widget ${styleName} col gx-col-full col-md-12 col-sm-12 col-xs-12 col-xl-12`}>\r\n      {children}\r\n    </Card> :\r\n    (\r\n      isDesktopOrLaptop === true ? \r\n    <Card\r\n        style={{marginLeft: '3%',width:300,marginBottom:10}}\r\n        className={`gx-card-widget ${styleName} col gx-col-full col-md-12 col-sm-12 col-xs-12 col-xl-12`}>\r\n      {children}\r\n    </Card>\r\n    :\r\n    <Card\r\n    style={{width:\"90%\", marginLeft:\"4%\", marginTop:\"1%\"}}\r\n    className={`gx-card-widget ant-col `}>\r\n      {children}\r\n    </Card>\r\n    )\r\n  )\r\n};\r\n\r\nexport default Widget;\r\nWidget.defaultProps = {\r\n  styleName: '',\r\n};\r\n\r\nWidget.propTypes = {\r\n  title: PropTypes.node,\r\n  extra: PropTypes.node,\r\n  cover: PropTypes.node,\r\n  actions: PropTypes.node,\r\n  children: PropTypes.node.isRequired\r\n};\r\n","import React from \"react\";\r\nimport Widget from \"./HomeCards\";\r\nimport {connect} from \"react-redux\";\r\nimport {THEME_TYPE_DARK} from \"../../../constants/ThemeSetting\";\r\nimport { useMediaQuery } from 'react-responsive'\r\n\r\n\r\nconst IconWithTextCard = (props) => {\r\n  const isTabletOrMobile = useMediaQuery({ query: '(max-width: 1499px)' })\r\n  const {icon, title, subTitle,descText,color} = props;\r\n\r\n  let {iconColor} = props;  \r\n  if (props.themeType === THEME_TYPE_DARK) {\r\n    iconColor = \"white\";\r\n  }\r\n  return (\r\n    isTabletOrMobile === true ? \r\n    <Widget>\r\n      <div className=\"gx-media gx-align-items-center gx-flex-nowrap\">\r\n        <div className=\"gx-mr-lg-4 gx-mr-3\">\r\n          <i className={`icon icon-${icon} gx-fs-xlxl gx-text-${iconColor} gx-d-flex`}\r\n             style={{fontSize: 40, color:`${color}`}}/>\r\n        </div>\r\n        <div className=\"gx-media-body\">\r\n          <p className=\"gx-text-grey gx-mb-0\" style={{fontSize:\"80%\"}}>{descText}</p>\r\n\r\n          <h3 className=\"gx-font-weight-medium gx-mb-1\"style={{width:\"140%\",fontSize:\"99%\"}}>{title}</h3>\r\n          <p className=\"gx-text-grey gx-mb-0\">{subTitle}</p>\r\n        </div>\r\n      </div>\r\n    </Widget>\r\n    :\r\n    <Widget>\r\n      <div className=\"gx-media gx-align-items-center gx-flex-nowrap\" style={{marginTop:12}}>\r\n        <div className=\"gx-mr-lg-4 gx-mr-3\">\r\n          <i className={`icon icon-${icon} gx-fs-xlxl gx-text-${iconColor} gx-d-flex`}\r\n             style={{fontSize: 40, color:`${color}`}}/>\r\n        </div>\r\n        <div className=\"gx-media-body\">\r\n          <p className=\"gx-text-grey gx-mb-0\" style={{fontSize:\"80%\"}}>{descText}</p>\r\n\r\n          <h3 className=\"gx-font-weight-medium gx-mb-1\" style={{fontSize:20}}>{title}</h3>\r\n          <p className=\"gx-text-grey gx-mb-0\">{subTitle}</p>\r\n        </div>\r\n      </div>\r\n    </Widget>\r\n  );\r\n};\r\n\r\nconst mapStateToProps = ({settings}) => {\r\n  const {themeType} = settings;\r\n  return {themeType}\r\n};\r\nexport default connect(mapStateToProps, null)(IconWithTextCard);\r\n","import React from \"react\";\r\nimport {\r\n  Bar,\r\n  BarChart,\r\n  CartesianGrid,\r\n  Legend,\r\n  ResponsiveContainer,\r\n  Tooltip,\r\n  XAxis,\r\n  YAxis,\r\n} from \"recharts\";\r\nimport { Card } from \"antd\";\r\nimport CurrencyFormat from \"react-currency-format\";\r\n\r\nfunction currencyFormat(num) {\r\n  return num.toFixed(2).replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, \"$1,\");\r\n}\r\nconst CustomTooltip = ({ active, payload, label }) => {\r\n  if (active) {\r\n    if (payload != null) {\r\n      return (\r\n        <div\r\n          className=\"custom-tooltip\"\r\n          style={{ backgroundColor: \"white\", width: \"150%\", height: \"150%\" }}\r\n        >\r\n          <div\r\n            className=\"label\"\r\n            style={{ color: \"red\", marginTop: \"5%\", marginLeft: \"5%\" }}\r\n          >{`${label}`}</div>\r\n          <div\r\n            className=\"label\"\r\n            style={{ color: \"orange\", marginTop: \"5%\", marginLeft: \"5%\" }}\r\n          >{`${payload[0]?.name}`}</div>\r\n          <div className=\"label\" style={{ marginLeft: \"5%\" }}>\r\n            {\r\n              <CurrencyFormat\r\n                value={\r\n                  payload[0].value.toString().includes(\".\")\r\n                    ? payload[0].value\r\n                    : payload[0].value + \",00\"\r\n                }\r\n                displayType={\"text\"}\r\n                decimalSeparator={\",\"}\r\n                thousandSeparator={\".\"}\r\n              />\r\n            }\r\n          </div>\r\n          <div\r\n            className=\"label\"\r\n            style={{ color: \"orange\", marginLeft: \"5%\" }}\r\n          >{`${payload[1]?.name}`}</div>\r\n          <div className=\"label\" style={{ marginLeft: \"5%\" }}>\r\n            {\r\n              <CurrencyFormat\r\n                value={\r\n                  payload[1].value.toString().includes(\".\")\r\n                    ? payload[1].value\r\n                    : payload[1].value + \",00\"\r\n                }\r\n                displayType={\"text\"}\r\n                decimalSeparator={\",\"}\r\n                thousandSeparator={\".\"}\r\n              />\r\n            }\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n  }\r\n\r\n  return null;\r\n};\r\nconst BiaxialBarChart = (props) => {\r\n  const { chartValues } = props;\r\n  try {\r\n    chartValues.map((item) => {\r\n      item.odeme = item.odeme;\r\n      item.tahsilat = item.tahsilat;\r\n    });\r\n  } catch (error) {}\r\n\r\n  const data = chartValues;\r\n  return (\r\n    <Card\r\n      style={{ width: \"90%\", marginLeft: \"4%\", marginTop: \"1%\" }}\r\n      className={`gx-card-widget ant-col `}\r\n    >\r\n      <h2 style={{ textAlign: \"center\" }}>\r\n        AYLIK GERÇEKLEŞEN TAHSİLAT VE YAPILAN ÖDEME\r\n      </h2>\r\n      <br />\r\n\r\n      <ResponsiveContainer width=\"90%\" height={200}>\r\n        <BarChart\r\n          data={data}\r\n          margin={{ top: 10, right: 0, left: 13, bottom: 0 }}\r\n        >\r\n          <XAxis dataKey=\"name\" />\r\n          <YAxis />\r\n          <CartesianGrid strokeDasharray=\"3 3\" />\r\n          <Tooltip content={CustomTooltip} />\r\n          <Legend />\r\n          <Bar dataKey=\"odeme\" name=\"Ödeme\" fill=\"#ff7f50\" />\r\n          <Bar dataKey=\"tahsilat\" name=\"Tahsilat\" fill=\"#87cefa\" />\r\n        </BarChart>\r\n      </ResponsiveContainer>\r\n    </Card>\r\n  );\r\n};\r\n\r\nexport default BiaxialBarChart;\r\n","import React from \"react\";\r\nimport {Card} from \"antd\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst Widget = ({title, children, styleName, cover, extra, actions}) => {\r\n\r\n  return (\r\n    <Card className={`gx-card-widget ${styleName} ant-col gx-col-full ant-col-xs-11 ant-col-sm-11 ant-col-md-11 ant-col-lg-11 ant-col-xl-11`} style={{marginTop:\"2%\", marginBottom:\"2%\", borderRadius:\"2%\",marginLeft:\"1%\"}} >\r\n      {children}\r\n    </Card>\r\n  )\r\n};\r\n\r\nexport default Widget;\r\nWidget.defaultProps = {\r\n  styleName: '',\r\n};\r\n\r\nWidget.propTypes = {\r\n  title: PropTypes.node,\r\n  extra: PropTypes.node,\r\n  cover: PropTypes.node,\r\n  actions: PropTypes.node,\r\n  children: PropTypes.node.isRequired\r\n};\r\n","import React, { useState, useEffect } from \"react\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport moment from \"moment\";\r\nimport { Tabs, Col, Row, Tooltip,Modal, message,Table,Empty } from \"antd\";\r\nimport { BarsOutlined, RightSquareOutlined, FileExcelOutlined } from \"@ant-design/icons\";\r\nimport { ColumnHelper } from \"util/TableHelper\";\r\nimport BalanceReportTableFilter from \"../Filters/BalanceReportTableFilter\";\r\nimport { odata } from \"../Filters/Helper\";\r\nconst { TabPane } = Tabs;\r\n\r\nconst ValueReport = (props) => {\r\n  const [activeTabKey, setActiveTabKey] = useState(\"1\");\r\n  const [currencyList, setCurrencyList] = useState([]);\r\n  const [modalVisible, setModalVisible] = useState();\r\n  const [cache, setCache] = useState({});\r\n\r\n  const [reportFilters, setReportFilters] = useState({\r\n    daily: {},\r\n    monthly: {},\r\n    operationDateBased: {},\r\n  });\r\n\r\n  const getFilterQuery = () => {\r\n\r\n    const conditions = [];\r\n    let query = \"\";\r\n\r\n    if (tableDataQueryOptions.bankId) {\r\n      conditions.push(`bankId eq ${tableDataQueryOptions.bankId}`);\r\n    }\r\n    if (tableDataQueryOptions.startDate) {\r\n      conditions.push(odata.dateRange(\"transactionDate\", tableDataQueryOptions.startDate, tableDataQueryOptions.endDate));\r\n    }\r\n    conditions.push(`currencyId eq ${activeTabKey}`)\r\n\r\n    if (conditions.length !== 0) {\r\n      query = \"$filter=\" + conditions.join(\" and \");\r\n    }\r\n    return query;\r\n  };\r\n\r\n  const onClickExportExcel = () => {\r\n    const hideMessage = message.loading(\"Excel indiriliyor...\", 0);\r\n    RequestHandler.post(\r\n      `/BalanceReport/ExportExcel`,\r\n      {\r\n        query: getFilterQuery(),\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      hideMessage();\r\n\r\n      if (response) {\r\n        window.open(\r\n          `${config.apiUrl\r\n          }/BalanceReport/DownloadExcel?fileName=${response}&t=${RequestHandler.getToken()}`\r\n        );\r\n      }\r\n    });\r\n  };\r\n\r\n  const columns = [\r\n    {\r\n      title: \"Tarih\",\r\n      dataIndex: \"date\",\r\n      render: (data, row, index) => moment(data).format(\"DD.MM.YYYY\"),\r\n    },\r\n    {\r\n      title: \"Açılış Bakiyesi\",\r\n      dataIndex: \"openingBalance\",\r\n      align: \"right\",\r\n      render: (data, row, index) => isDigitReportFromBalance ? ColumnHelper.renderDecimal(data) : ColumnHelper.renderDecimal(data).toString().split(\",\")[0],\r\n    },\r\n    {\r\n      title: \"Kapanış Bakiyesi\",\r\n      dataIndex: \"closingBalance\",\r\n      align: \"right\",\r\n      render: (data, row, index) => isDigitReportFromBalance ? ColumnHelper.renderDecimal(data) : ColumnHelper.renderDecimal(data).toString().split(\",\")[0],\r\n    }\r\n  ];\r\n \r\n\r\n  const defaultQueryData = {\r\n    pageSize: 15,\r\n  };\r\n\r\n  const [tableData, setTableData] = useState({\r\n    data: [],\r\n    total: 0,\r\n    loading: true,\r\n  });\r\n  const [tableDataDetail, setTableDataDetail] = useState({\r\n    data: [],\r\n    total: 0,\r\n    loading: true,\r\n  });\r\n  const [tableDataQueryOptions, setTableDataQueryOptions] = useState(defaultQueryData);\r\n  const [tableDataQueryDetailOptions, setTableDataDetailQueryOptions] = useState(defaultQueryData);\r\n  const [isDigitReportFromBalance, setIsDigitReportFromBalance] = useState();\r\n\r\n  useEffect(\r\n    () => getTableData(),\r\n    [\r\n      tableDataQueryOptions.bankId,\r\n      tableDataQueryOptions.startDate,\r\n      tableDataQueryOptions.endDate,\r\n    ]\r\n  );\r\n\r\n  const getTableData = () => {\r\n    RequestHandler.get(`/TenantUserParameter/GetDigitParameter`).then((response) => {\r\n      if (response.success) {\r\n        setIsDigitReportFromBalance(response.data.isDigitReportFromBalance)\r\n      }\r\n    });\r\n    RequestHandler.get(`/TenantCurrency/GetCurrencyListWithIsCalculated?$filter=CurrencyId ne null&$apply=groupby((Currency,CurrencyId))&$orderby=CurrencyId`)\r\n    .then((response) => {\r\n      setCurrencyList(response);\r\n    });\r\n    setTableData({\r\n      ...tableData,\r\n      loading: true,\r\n    });\r\n         \r\n    RequestHandler.get(\r\n      `/BalanceReport?currencyId=${activeTabKey}`,\r\n      tableDataQueryOptions,\r\n      false\r\n    ).then((response) => {\r\n       setTableData({\r\n         data: response.value,\r\n         total: response.totalCount,\r\n         totalRow: response.totalRow,\r\n         loading: false,\r\n       });\r\n    });\r\n\r\n    if (props.onFilterChange) {\r\n      props.onFilterChange(tableDataQueryOptions);\r\n    }\r\n  };\r\n\r\n  const detailAccountTransaction = (value) => {\r\n    const columnsDetail = [\r\n      {\r\n        title: \"Tarih\",\r\n        dataIndex: \"transactionDateValue\",\r\n        render: (data, row, index) => moment(row.date).format(\"DD.MM.YYYY HH:mm:ss\"),\r\n      },\r\n      {\r\n        title: \"Hesap\",\r\n        dataIndex: \"account\",\r\n      },\r\n      {\r\n        title: \"İşlem tipi\",\r\n        dataIndex: \"processType\",\r\n      },\r\n      {\r\n        title: \"Tutar\",\r\n        dataIndex: \"amountString\",\r\n        render: (data,row,index) => <div style={{whiteSpace: \"nowrap\"}}>{isDigitReportFromBalance ? row.amountString : row.amountString.split(\",\")[0]}</div>\r\n      },\r\n      {\r\n        title: \"Açıklama\",\r\n        dataIndex: \"description\",\r\n        render: (data, row, index) => row.description\r\n      }\r\n    ];\r\n   \r\n    return (<Table\r\n    columns={columnsDetail}\r\n    locale={{\r\n      emptyText: (\r\n        <Empty\r\n          image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n          description=\"Veri Yok\"\r\n        />\r\n      ),\r\n    }}\r\n    style={{ overflowX: \"auto\", maxHeight: \"100%\" }}\r\n    rowKey={(_, index) => index}\r\n    filterable={true}\r\n    sortable={true}\r\n    pageable={true}\r\n    onChange={pagingDetail}\r\n    pagination={{\r\n      defaultPageSize: 15,\r\n      pageSizeOptions: [\"15\", \"25\", \"50\", \"100\"],\r\n      total: tableDataDetail.total,\r\n    }}\r\n    dataSource={value}\r\n    size=\"small\"\r\n  />)\r\n  }\r\n\r\n  const paging = (p) => {\r\n    setTableDataQueryOptions((prevState) => {\r\n      return {\r\n        ...prevState,\r\n        pageSize: p.pageSize,\r\n      };\r\n    });\r\n  };\r\n  const pagingDetail = (p) => {\r\n    setTableDataDetailQueryOptions((prevState) => {\r\n      return {\r\n        ...prevState,\r\n        pageSize: p.pageSize,\r\n      };\r\n    });\r\n  };\r\n\r\n  const onClearTableFilter = () => {\r\n    setTableDataQueryOptions(defaultQueryData);\r\n  };\r\n  const openModalSettings = (date,goingOrComing) => {\r\n    setModalVisible(true);\r\n    RequestHandler.get(\r\n      `/AccountTransaction?$count=true&$filter=isErpActivity eq false and transactionDateValue eq ${moment(date).format(\"YYYY-MM-DD\")} &$select=transactionDateValue,tenantAccountName,debtOrCredit,amount,description,iban,tenantAccountNumber`\r\n    ).then((response) => {\r\n      setTableDataDetail({\r\n        data: response.value,\r\n        total: response[\"@odata.count\"],\r\n        loading: false,\r\n      });\r\n    });\r\n  };\r\n\r\n  const onChangeCurrncy = (value) => {\r\n    setActiveTabKey(value)\r\n    setTableData({\r\n      ...tableData,\r\n      loading: true,\r\n    });\r\n    RequestHandler.get(\r\n      `/BalanceReport?currencyId=${value}`,\r\n      tableDataQueryOptions,\r\n      false\r\n    ).then((response) => {\r\n       setTableData({\r\n         data: response.value,\r\n         total: response.totalCount,\r\n         totalRow: response.totalRow,\r\n         loading: false,\r\n       });\r\n    });\r\n  };\r\n\r\n  const onFinishTableFilter = (query) => {\r\n    setTableDataQueryOptions((prevState) => {\r\n      return {\r\n        ...prevState,\r\n        ...query,\r\n      };\r\n    });\r\n  };\r\n  \r\n\r\n  const detailTableGroupedByMemberWorkplace = (data) => {\r\n    const columns = [\r\n      {\r\n        title: \"Banka\",\r\n        dataIndex: \"bankLogo\",\r\n        width: \"8%\",\r\n        render: (text) => <img src={text}></img>,\r\n      },\r\n      {\r\n        title: \"Gelen Tutar\",\r\n        dataIndex: \"amountStringComing\",\r\n        align:\"center\",\r\n        render: (data, row, index) => isDigitReportFromBalance ? ColumnHelper.renderDecimal(data) : ColumnHelper.renderDecimal(data).toString().split(\",\")[0],\r\n      },\r\n      {\r\n        title: \"Giden Tutar\",\r\n        dataIndex: \"amountStringGoing\",\r\n        align:\"center\",\r\n        render: (data, row, index) => isDigitReportFromBalance ? ColumnHelper.renderDecimal(data) : ColumnHelper.renderDecimal(data).toString().split(\",\")[0],\r\n      }\r\n    ];\r\n  \r\n    return (\r\n      <Table\r\n        columns={columns}\r\n        locale={{\r\n          emptyText: (\r\n            <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description=\"Veri Yok\" />\r\n          ),\r\n        }}\r\n        expandable={{\r\n          expandedRowRender: (row) =>\r\n            detailAccountTransaction(row.details),\r\n            \r\n        }}\r\n        rowKey={(record) => record.bankId + \"-\" + record.memberWorkplaceNumber}\r\n        filterable={true}\r\n        sortable={true}\r\n        pagination={false}\r\n        dataSource={data}\r\n        size=\"small\"\r\n      />\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Row>\r\n        <Col xs={24} md={12} lg={16}>\r\n          <p style={{ fontSize: \"120%\", marginTop: -5 }}>\r\n            <BarsOutlined /> BAKİYE RAPORU\r\n          </p>\r\n        </Col>\r\n        <Col xs={24} md={12} lg={8} style={{ textAlign: \"right\" }}>\r\n         <Tooltip title=\"Excel İndir\">\r\n            <a\r\n              style={{\r\n                color: \"green\",\r\n                fontSize: \"180%\",\r\n                marginRight: 30,\r\n              }}\r\n              onClick={onClickExportExcel}\r\n            >\r\n              <FileExcelOutlined />\r\n            </a>\r\n          </Tooltip>\r\n        </Col>\r\n      </Row>\r\n      <BalanceReportTableFilter\r\n        onClearFilter={onClearTableFilter}\r\n        onFinishFilter={onFinishTableFilter}\r\n        style={{ marginTop: 12, marginBottom: 12 }}\r\n        monthly={true}\r\n        extraText=\"Varsayılan olarak bugünden itibaren 15 günlük veri\r\n        listelenmektedir.\"\r\n      />\r\n      <Tabs\r\n        defaultActiveKey=\"1\"\r\n        onChange={(activeKey) => {\r\n          onChangeCurrncy(activeKey);\r\n        }}\r\n      >\r\n        {\r\n          currencyList.length === 0 ? \r\n          <div style={{width:'100%'}}> \r\n           <Table\r\n            locale={{\r\n              emptyText: (\r\n                <Empty\r\n                  image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                  description=\"Veri Yok\"\r\n                />\r\n              ),\r\n            }} />\r\n            </div>\r\n          :\r\n       currencyList.map((item, index) => {\r\n            return (\r\n              <TabPane tab={<span>{item.currency}</span>} key={item.currencyId}>\r\n                    <Row id=\"tableArea\">\r\n        <Col span={24}>\r\n          <Table\r\n            columns={columns}\r\n            locale={{\r\n              emptyText: (\r\n                <Empty\r\n                  image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                  description=\"Veri Yok\"\r\n                />\r\n              ),\r\n            }}\r\n            expandable={{\r\n              expandedRowRender: (row) =>\r\n                detailTableGroupedByMemberWorkplace(row.balanceReportDetailVm),\r\n            }}\r\n            style={{ overflowX: \"auto\", maxHeight: \"100%\", width: \"100%\" }}\r\n            rowKey={(_, index) => index}\r\n            filterable={true}\r\n            sortable={true}\r\n            pageable={true}\r\n            onChange={paging}\r\n            pagination={{\r\n              defaultPageSize: tableDataQueryOptions.pageSize,\r\n              pageSizeOptions: [\"15\", \"25\", \"50\", \"100\"],\r\n              total: tableData.total,\r\n            }}\r\n            dataSource={tableData.data}\r\n            loading={tableData.loading}\r\n            size=\"small\"\r\n            summary={() => {\r\n              if (!tableData.totalRow) return;\r\n\r\n              const { amount, commissionAmount, netAmount } =\r\n                tableData.totalRow;\r\n              return (\r\n                <Table.Summary.Row>\r\n                  <Table.Summary.Cell></Table.Summary.Cell>\r\n                  <Table.Summary.Cell>Toplam:</Table.Summary.Cell>\r\n                  <Table.Summary.Cell>\r\n                    {ColumnHelper.renderDecimal(amount)}\r\n                  </Table.Summary.Cell>\r\n                  <Table.Summary.Cell colSpan={2}>\r\n                    {ColumnHelper.renderDecimal(commissionAmount)}\r\n                  </Table.Summary.Cell>\r\n                </Table.Summary.Row>\r\n              );\r\n            }}\r\n          />\r\n        </Col>\r\n      </Row>\r\n              </TabPane>\r\n            );\r\n          })\r\n        }\r\n      </Tabs>\r\n      <Modal\r\n        id=\"accountTransactionDetail\"\r\n        centered\r\n        visible={modalVisible}\r\n        onCancel={() => setModalVisible(false) }\r\n        width={950}\r\n        footer={null}\r\n      >\r\n        {/* <Table\r\n            columns={columnsDetail}\r\n            locale={{\r\n              emptyText: (\r\n                <Empty\r\n                  image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                  description=\"Veri Yok\"\r\n                />\r\n              ),\r\n            }}\r\n            style={{ overflowX: \"auto\", maxHeight: \"100%\" }}\r\n            rowKey={(_, index) => index}\r\n            filterable={true}\r\n            sortable={true}\r\n            pageable={true}\r\n            onChange={pagingDetail}\r\n            pagination={{\r\n              defaultPageSize: 15,\r\n              pageSizeOptions: [\"15\", \"25\", \"50\", \"100\"],\r\n              total: tableDataDetail.total,\r\n            }}\r\n            dataSource={tableDataDetail.data}\r\n            loading={tableDataDetail.loading}\r\n            size=\"small\"\r\n          /> */}\r\n      </Modal>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ValueReport;\r\n","import React from \"react\";\r\nimport {Table,Empty,Card} from 'antd';\r\nimport { useMediaQuery } from 'react-responsive'\r\nimport CurrencyFormat from 'react-currency-format';\r\n\r\nimport Widget from \"./TahsilatPlanWidget\";\r\n\r\nconst FriendshipCard =(props)=> {\r\n    const isTabletOrMobile = useMediaQuery({ query: '(max-width: 1436px)' })\r\n    const {dataValues,planType,currencyLogo} = props;\r\n    function currencyFormat(num) {\r\n      return num.toFixed(2).replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1,')\r\n    }\r\n    const columns = [\r\n        {\r\n            title: '',\r\n            width: '40%',\r\n            dataIndex: 'firmId',\r\n        },\r\n        {\r\n          title: 'Planlanan',\r\n          className: 'column-money',\r\n          width:\"20%\",\r\n          dataIndex: 'collectTotal',\r\n          render: (text, row, index) => {\r\n            if(text.includes(\".00\") === true){\r\n              return <div>{text === null ? text : <CurrencyFormat value={parseFloat(text)} displayType={'text'} decimalSeparator={','} thousandSeparator={'.'} prefix={row.currencyLogo} /> }{',00'} </div>\r\n            }else{\r\n              return <div>{text === null ? text : <CurrencyFormat value={parseFloat(text)} displayType={'text'} decimalSeparator={','} thousandSeparator={'.'} prefix={row.currencyLogo} /> } </div>\r\n            }\r\n            }\r\n          },\r\n        {\r\n            title: 'Gerçekleşen',\r\n            className: 'column-money',\r\n            dataIndex: 'accountTotal',\r\n            width:\"20%\",\r\n            render: (text, row, index) => {\r\n            if(text === null){\r\n              return <div>{null}</div>\r\n            }else{\r\n              if(text.includes(\".00\") === true){\r\n                return <div><CurrencyFormat value={parseFloat(text)} displayType={'text'} decimalSeparator={','} thousandSeparator={'.'} prefix={row.currencyLogo} />{',00'}</div>\r\n              }else{\r\n                return <div><CurrencyFormat value={parseFloat(text)} displayType={'text'} decimalSeparator={','} thousandSeparator={'.'} prefix={row.currencyLogo} /></div>\r\n              }\r\n            }\r\n            }\r\n          },\r\n        {\r\n          title: 'Kalan',\r\n          dataIndex: 'kalan',\r\n          width:\"20%\",\r\n          render: (text, row, index) => {\r\n            const fark = row.collectTotal-row.accountTotal\r\n            const farkString = fark.toString();\r\n            const sonuc = farkString.includes(\".\") ?fark.toFixed(2) : `${farkString}.00`;\r\n            \r\n          return  isTabletOrMobile === true ? \r\n          (sonuc.includes(\".00\") === true ? <div style={{color:\"red\",width:\"150%\"}}> <CurrencyFormat value={fark} displayType={'text'} decimalSeparator={','} thousandSeparator={'.'} prefix={row.currencyLogo} /></div> \r\n          :\r\n          <div style={{color:\"red\",width:\"150%\"}}> <CurrencyFormat value={fark} displayType={'text'} decimalSeparator={','} thousandSeparator={'.'} prefix={row.currencyLogo} /></div>)\r\n          : \r\n          (sonuc.includes(\".00\") === true ? \r\n          <div style={{color:\"red\"}}> <CurrencyFormat value={fark} displayType={'text'} decimalSeparator={','} thousandSeparator={'.'} prefix={row.currencyLogo}  />{',00'}</div> \r\n          :\r\n          <div style={{color:\"red\"}}> <CurrencyFormat value={fark} displayType={'text'} decimalSeparator={','} thousandSeparator={'.'} prefix={row.currencyLogo} /></div>)\r\n          \r\n          }\r\n        }\r\n      ];\r\n      \r\n      const data = dataValues;\r\n  return (\r\n    <Card   className={`gx-card-widget ant-col `} style={{marginTop:\"2%\",marginLeft:\"1%\", width:\"95%\",marginBottom:\"5%\"}}>\r\n      <h2>{planType}</h2>\r\n    <div className=\"gx-table-responsive\">\r\n    <Table className=\"gx-table-no-bordered\" columns={columns} dataSource={data} pagination={false} bordered={false}\r\n          size=\"small\"/>\r\n    </div>\r\n    </Card>\r\n    \r\n  );\r\n}\r\n\r\nexport default FriendshipCard;\r\n","import React from \"react\";\r\nimport {Card} from \"antd\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst Widget = ({title, children, styleName, cover, extra, actions}) => {\r\n\r\n  return (\r\n    <Card title={title} actions={actions} cover={cover} className={`gx-card-widget ${styleName}`} extra={extra}>\r\n      {children}\r\n    </Card>\r\n  )\r\n};\r\n\r\nexport default Widget;\r\nWidget.defaultProps = {\r\n  styleName: '',\r\n};\r\n\r\nWidget.propTypes = {\r\n  title: PropTypes.node,\r\n  extra: PropTypes.node,\r\n  cover: PropTypes.node,\r\n  actions: PropTypes.node,\r\n  children: PropTypes.node.isRequired\r\n};\r\n","import React, { useEffect, useState } from \"react\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport ValueReportMonthly from \"./ValueReportMonthly\";\r\nimport ValueReportDaily from \"./ValueReportDaily\";\r\nimport ValueReportOperationDateBased from \"./ValueReportOperationDateBased\";\r\nimport config from \"../../util/ApiforContext\";\r\n\r\nimport { Tabs, Col, Row, Tooltip, message } from \"antd\";\r\nimport { BarsOutlined, FileExcelOutlined } from \"@ant-design/icons\";\r\nimport { lowerCase } from \"lodash\";\r\nconst { TabPane } = Tabs;\r\n\r\nconst ValueReport = (props) => {\r\n\r\n  const [reportFilters, setReportFilters] = useState({\r\n    daily: {},\r\n    monthly: {},\r\n    operationDateBased: {},\r\n  });\r\n\r\n  const tenantId = localStorage.getItem(\"tenantId\");\r\n\r\n  const [activeTabKey, setActiveTabKey] = useState(lowerCase(tenantId) ==  lowerCase('FEBB740F-8CA4-EE11-BF1B-0050569D6B4F') ? \"2\" : \"1\");\r\n  // useEffect(() => {\r\n\r\n  //   if(lowerCase(tenantId) ==  lowerCase('FEBB740F-8CA4-EE11-BF1B-0050569D6B4F')) {\r\n  //     setActiveTabKey(\"2\")\r\n  //   }\r\n  // }, [])\r\n\r\n  const onClickExportExcel = () => {\r\n    const hideMessage = message.loading(\"Excel indiriliyor...\", 0);\r\n\r\n    switch (activeTabKey) {\r\n      case \"1\":\r\n        RequestHandler.post(\r\n          \"/PosTransaction/MonthlyValueReportExportExcel\",\r\n          reportFilters.monthly\r\n        ).then((response) => {\r\n          hideMessage();\r\n\r\n          if (response.success) {\r\n            window.open(\r\n              `${\r\n                config.apiUrl\r\n              }/PosTransaction/MonthlyValueReportDownloadExcel?fileName=${\r\n                response.data\r\n              }&t=${RequestHandler.getToken()}`\r\n            );\r\n          }\r\n        });\r\n        break;\r\n      case \"2\":\r\n        RequestHandler.post(\r\n          \"/PosTransaction/DailyValueReportExportExcel\",\r\n          reportFilters.daily\r\n        ).then((response) => {\r\n          hideMessage();\r\n\r\n          if (response.success) {\r\n            window.open(\r\n              `${\r\n                config.apiUrl\r\n              }/PosTransaction/DailyValueReportDownloadExcel?fileName=${\r\n                response.data\r\n              }&t=${RequestHandler.getToken()}`\r\n            );\r\n          }\r\n        });\r\n        break;\r\n\r\n      default:\r\n        RequestHandler.post(\r\n          \"/PosTransaction/OperationDateBasedValueReportExportExcel\",\r\n          reportFilters.operationDateBased\r\n        ).then((response) => {\r\n          hideMessage();\r\n\r\n          if (response.success) {\r\n            window.open(\r\n              `${\r\n                config.apiUrl\r\n              }/PosTransaction/OperationDateBasedValueReportDownloadExcel?fileName=${\r\n                response.data\r\n              }&t=${RequestHandler.getToken()}`\r\n            );\r\n          }\r\n        });\r\n        break;\r\n    }\r\n  };\r\n\r\n  const onMonthlyFilterChange = (filterData) => {\r\n    setReportFilters({ ...reportFilters, monthly: filterData });\r\n  };\r\n\r\n  const onDailyFilterChange = (filterData) => {\r\n    setReportFilters({ ...reportFilters, daily: filterData });\r\n  };\r\n\r\n  const onOperationDateBasedFilterChange = (filterData) => {\r\n    setReportFilters({ ...reportFilters, operationDateBased: filterData });\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Row>\r\n        <Col xs={24} md={12} lg={16}>\r\n          <p style={{ fontSize: \"120%\", marginTop: -5 }}>\r\n            <BarsOutlined /> VALÖR RAPORU\r\n          </p>\r\n        </Col>\r\n        <Col xs={24} md={12} lg={8} style={{ textAlign: \"right\" }}>\r\n          <Tooltip title=\"Excel İndir\">\r\n            <a\r\n              style={{\r\n                color: \"green\",\r\n                fontSize: \"180%\",\r\n                marginRight: 30,\r\n              }}\r\n              onClick={onClickExportExcel}\r\n            >\r\n              <FileExcelOutlined />\r\n            </a>\r\n          </Tooltip>\r\n        </Col>\r\n      </Row>\r\n\r\n      <Tabs\r\n        defaultActiveKey={activeTabKey}\r\n        onChange={(activeKey) => {\r\n          setActiveTabKey(activeKey);\r\n        }}\r\n      >\r\n        <TabPane tab=\"Ay Bazlı\" key=\"1\">\r\n          <ValueReportMonthly onFilterChange={onMonthlyFilterChange} />\r\n        </TabPane>\r\n        <TabPane tab=\"Gün Bazlı\" key=\"2\">\r\n          <ValueReportDaily onFilterChange={onDailyFilterChange} />\r\n        </TabPane>\r\n\r\n        { lowerCase(tenantId) ==  lowerCase('FEBB740F-8CA4-EE11-BF1B-0050569D6B4F') ? '' :  <TabPane tab=\"İşlem Tarihi Bazlı\" key=\"3\">\r\n          <ValueReportOperationDateBased\r\n            onFilterChange={onOperationDateBasedFilterChange}\r\n          />\r\n        </TabPane>}\r\n      \r\n      </Tabs>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ValueReport;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport PosVolumeReportMonthly from \"./PosVolumeReportMonthly\";\r\nimport PosVolumeReportDaily from \"./PosVolumeReportDaily\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport Replace2x from \"../../util/Extensions/ReplaceExtension\";\r\n\r\nimport { Tabs, Col, Row, Tooltip, message } from \"antd\";\r\nimport { BarsOutlined, FileExcelOutlined } from \"@ant-design/icons\";\r\nimport { lowerCase } from \"lodash\";\r\nconst { TabPane } = Tabs;\r\n\r\nconst PosVolumeReport = (props) => {\r\n\r\n  const [reportFilters, setReportFilters] = useState({\r\n    daily: {},\r\n    monthly: {},\r\n  });\r\n\r\n\r\n  const tenantId = localStorage.getItem(\"tenantId\");\r\n\r\n  const [activeTabKey, setActiveTabKey] = useState(lowerCase(tenantId) ==  lowerCase('FEBB740F-8CA4-EE11-BF1B-0050569D6B4F') ? \"2\" : \"1\");\r\n\r\n  const onClickExportExcel = () => {\r\n    const hideMessage = message.loading(\"Excel indiriliyor...\", 0);\r\n\r\n    if (activeTabKey === \"1\") {\r\n      RequestHandler.post(\r\n        \"/PosTransaction/MonthlyPosVolumeReportExportExcel\",\r\n        reportFilters.monthly\r\n      ).then((response) => {\r\n        hideMessage();\r\n\r\n        if (response.success) {\r\n          window.open(\r\n            `${\r\n              config.apiUrl\r\n            }/PosTransaction/MonthlyPosVolumeReportDownloadExcel?fileName=${\r\n              response.data\r\n            }&t=${RequestHandler.getToken()}`\r\n          );\r\n        }\r\n      });\r\n    } else {\r\n      RequestHandler.post(\r\n        \"/PosTransaction/DailyPosVolumeReportExportExcel\",\r\n        reportFilters.daily\r\n      ).then((response) => {\r\n        hideMessage();\r\n\r\n        if (response.success) {\r\n          window.open(\r\n            `${\r\n              config.apiUrl\r\n            }/PosTransaction/DailyPosVolumeReportDownloadExcel?fileName=${\r\n              response.data\r\n            }&t=${RequestHandler.getToken()}`\r\n          );\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  const onMonthlyFilterChange = (filterData) => {\r\n    setReportFilters({ ...filterData, monthly: filterData });\r\n  };\r\n\r\n  const onDailyFilterChange = (filterData) => {\r\n    setReportFilters({ ...reportFilters, daily: filterData });\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Row>\r\n        <Col xs={24} md={12} lg={16}>\r\n          <p style={{ fontSize: \"120%\", marginTop: -5 }}>\r\n            <BarsOutlined /> POS CİRO RAPORU\r\n          </p>\r\n        </Col>\r\n        <Col xs={24} md={12} lg={8} style={{ textAlign: \"right\" }}>\r\n          <Tooltip title=\"Excel İndir\">\r\n            <a\r\n              style={{\r\n                color: \"green\",\r\n                fontSize: \"180%\",\r\n                marginRight: 30,\r\n              }}\r\n              onClick={onClickExportExcel}\r\n            >\r\n              <FileExcelOutlined />\r\n            </a>\r\n          </Tooltip>\r\n        </Col>\r\n      </Row>\r\n\r\n      <Tabs\r\n        defaultActiveKey={activeTabKey}\r\n        onChange={(activeKey) => {\r\n          setActiveTabKey(activeKey);\r\n        }}\r\n      >\r\n        <TabPane tab=\"Ay Bazlı\" key=\"1\">\r\n          <PosVolumeReportMonthly onFilterChange={onMonthlyFilterChange} />\r\n        </TabPane>\r\n        <TabPane tab=\"Gün Bazlı\" key=\"2\">\r\n          <PosVolumeReportDaily onFilterChange={onDailyFilterChange} />\r\n        </TabPane>\r\n      </Tabs>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default PosVolumeReport;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Link } from 'react-router-dom'\r\nimport moment from 'moment'\r\nimport { useMediaQuery } from 'react-responsive'\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\n\r\nconst HomePageBankList = (props) => {\r\n  const isTabletOrMobile = useMediaQuery({ query: '(max-width: 1230px)' });\r\n  const [data, setData] = useState([]);\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/TenantAccount?$filter=isCalculated eq true&$skip=0&$top=10`).then(response => {\r\n      setData(response.value);\r\n    });\r\n  }, []);\r\n\r\n  return (\r\n    isTabletOrMobile ?\r\n      data.map((item) => {\r\n      \r\n        if (item.bankId === 999) {\r\n          return <Link to={`/bank-accounts-account-transaction/${item.id}`}> <div className=\"gx-media gx-featured-item\" style={{ borderBottom: 'solid 1px #e8e8e8', paddingBottom: 11, marginBottom: 16, backgroundImage: `url(${require(`assets/images/BankCarts/${item.bankId}.png`)})`, backgroundRepeat: 'no-repeat', backgroundSize: 'cover' }} >\r\n            <div >\r\n              <img style={{ width: 150 }} src={item.bankLogo} alt=\"paratic\" />\r\n            </div>\r\n\r\n            <div className=\"gx-media-body gx-featured-content\">\r\n              <div className=\"gx-featured-content-left\">\r\n                <p className=\"gx-rounded-xs gx-text-uppercase\" style={{ color: 'black', fontSize: 12 }}>{item.currency}</p>\r\n                <h3 className=\"gx-mb-2\"></h3>\r\n                <div className=\"ant-row-flex\">\r\n                  <div className=\"gx-media gx-text-grey gx-mb-1\">\r\n                    <i className={`icon icon-datepicker gx-fs-lg gx-mr-2 gx-d-inline-flex gx-vertical-align-middle`} />\r\n                    <span className=\"gx-media-body gx-ml-1\" style={{ fontSize: 12, width: 203 }}>Son sorgulanma: {moment(item.updateDate).format(\"L\")} {moment(item.updateDate).format(\"LT\")}</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"gx-featured-content-right gx-profile-content-right\">\r\n                <h4 className=\"gx-text-primary gx-mb-1\">\r\n                 \r\n                  <span\r\n                    className=\"gx-d-inline-flex gx-vertical-align-middle\" >\r\n\r\n                      {\r\n                        props.isDigitHomePage ? \r\n                        (item.balanceString.includes('-') ? <p style={{ color: \"red\", fontSize: 11, width: 72 }}>{item.balanceString}</p> :\r\n                        <p style={{ color: \"green\" }}>{item.balanceString}</p>)\r\n                      :\r\n                      (item.balanceString.includes('-') ? <p style={{ color: \"red\" }}>{item.balanceString.toString().split(\",\")[0]}</p> :\r\n                      <p style={{ color: \"green\", fontSize: 11, width: 72  }}>{item.balanceString.toString().split(\",\")[0]}</p>)\r\n                      }\r\n                  </span>\r\n                </h4>\r\n              </div>\r\n            </div>\r\n          </div></Link>\r\n        } else {\r\n          return <Link to={`/bank-accounts-account-transaction/${item.id}`}> <div className=\"gx-media gx-featured-item\" style={{ borderBottom: 'solid 1px #e8e8e8', paddingBottom: 11, marginBottom: 16, backgroundImage: `url(${require(`assets/images/BankCarts/${item.bankId}.png`)})`, backgroundRepeat: 'no-repeat', backgroundSize: 'cover' }}>\r\n            <div >\r\n              <img style={{ width: 150 }} src={item.bankLogo} alt=\"paratic\" />\r\n            </div>\r\n            <div className=\"gx-media-body gx-featured-content\">\r\n              <div className=\"gx-featured-content-left\" style={{ color: 'black', fontSize: 12 }}>\r\n                {item.iban === null ? item.accountNumber : item.iban} / {item.currency}\r\n                <h3 className=\"gx-mb-2\"></h3>\r\n                <div className=\"ant-row-flex\">\r\n                  <div className=\"gx-media gx-text-grey gx-mb-1\">\r\n                    <i className={`icon icon-datepicker gx-fs-lg gx-mr-2 gx-d-inline-flex gx-vertical-align-middle`} />\r\n                    <span className=\"gx-media-body gx-ml-1\" style={{ fontSize: 12, width: 203 }}>Son sorgulanma: {moment(item.updateDate).format(\"L\")} {moment(item.updateDate).format(\"LT\")}</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"gx-featured-content-right gx-profile-content-right\">\r\n                <h4 className=\"gx-text-primary gx-mb-1\">\r\n                  <span\r\n                    className=\"gx-d-inline-flex gx-vertical-align-middle\" >\r\n                    {item.balanceString.includes('-') ? <p style={{ color: \"red\", fontSize: 11, width: 72 }}>{item.balanceString}</p> :\r\n                      <p style={{ color: \"green\", fontSize: 11, width: 72 }}>{item.balanceString}</p>}\r\n                  </span>\r\n                </h4>\r\n              </div>\r\n            </div>\r\n          </div></Link>\r\n        }\r\n\r\n      })\r\n      :\r\n      data.map((item) => {\r\n        if (item.bankId === 999) {\r\n          return <Link to={`/bank-accounts-account-transaction/${item.id}`}> <div className=\"gx-media gx-featured-item\" style={{ borderBottom: 'solid 1px #e8e8e8', paddingBottom: 11, marginBottom: 16, backgroundImage: `url(${require(`assets/images/BankCarts/${item.bankId}.png`)})`, backgroundRepeat: 'no-repeat', backgroundSize: 'cover' }}>\r\n            <div className=\"gx-featured-thumb\">\r\n              <img className=\"gx-rounded-lg\" style={{ width: 110 }} src={item.bankLogo} alt=\"paratic\" />\r\n            </div>\r\n            <div className=\"gx-media-body gx-featured-content\">\r\n              <div className=\"gx-featured-content-left\">\r\n                <p className=\"gx-rounded-xs gx-text-uppercase\">{item.currency}</p>\r\n                <h3 className=\"gx-mb-2\"></h3>\r\n                <div className=\"ant-row-flex\">\r\n                  <div className=\"gx-media gx-text-grey gx-mb-1\">\r\n                    <i className={`icon icon-datepicker gx-fs-lg gx-mr-2 gx-d-inline-flex gx-vertical-align-middle`} />\r\n                    <span className=\"gx-media-body gx-ml-1\">Son sorgulanma: {moment(item.updateDate).format(\"L\")} {moment(item.updateDate).format(\"LT\")}</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"gx-featured-content-right gx-profile-content-right\">\r\n                <h4 className=\"gx-text-primary gx-mb-1\">\r\n                  <span\r\n                    className=\"gx-d-inline-flex gx-vertical-align-middle\" >\r\n                    {\r\n                        props.isDigitHomePage ? \r\n                        (item.balanceString.includes('-') ? <p style={{ color: \"red\" }}>{item.balanceString}</p> :\r\n                        <p style={{ color: \"green\" }}>{item.balanceString}</p>)\r\n                      :\r\n                      (item.balanceString.includes('-') ? <p style={{ color: \"red\" }}>{item.balanceString.toString().split(\",\")[0]}</p> :\r\n                      <p style={{ color: \"green\" }}>{item.balanceString.toString().split(\",\")[0]}</p>)\r\n                      }\r\n                    \r\n                  </span>\r\n                </h4>\r\n              </div>\r\n            </div>\r\n          </div></Link>\r\n        } else {\r\n          return <Link to={`/bank-accounts-account-transaction/${item.id}`}> <div className=\"gx-media gx-featured-item\" style={{ borderBottom: 'solid 1px #e8e8e8', paddingBottom: 11, marginBottom: 16, backgroundImage: `url(${require(`assets/images/BankCarts/${item.bankId}.png`)})`, backgroundRepeat: 'no-repeat', backgroundSize: 'cover' }}>\r\n            <div className=\"gx-featured-thumb\">\r\n              <img className=\"gx-rounded-lg\" style={{ width: 110 }} src={item.bankLogo} alt=\"paratic\" />\r\n            </div>\r\n            <div className=\"gx-media-body gx-featured-content\">\r\n              <div className=\"gx-featured-content-left\" style={{ color: 'black' }}>\r\n                {item.iban === null ? item.accountNumber : item.iban} / {item.currency}\r\n                <h3 className=\"gx-mb-2\"></h3>\r\n                <div className=\"ant-row-flex\">\r\n                  <div className=\"gx-media gx-text-grey gx-mb-1\">\r\n                    <i className={`icon icon-datepicker gx-fs-lg gx-mr-2 gx-d-inline-flex gx-vertical-align-middle`} />\r\n                    <span className=\"gx-media-body gx-ml-1\">Son sorgulanma: {moment(item.updateDate).format(\"L\")} {moment(item.updateDate).format(\"LT\")}</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"gx-featured-content-right gx-profile-content-right\">\r\n                <h4 className=\"gx-text-primary gx-mb-1\">\r\n                  <span\r\n                    className=\"gx-d-inline-flex gx-vertical-align-middle\" >\r\n                      {\r\n                        props.isDigitHomePage ? \r\n                        (item.balanceString.includes('-') ? <p style={{ color: \"red\" }}>{item.balanceString}</p> :\r\n                        <p style={{ color: \"green\" }}>{item.balanceString}</p>)\r\n                      :\r\n                      (item.balanceString.includes('-') ? <p style={{ color: \"red\" }}>{item.balanceString.toString().split(\",\")[0]}</p> :\r\n                      <p style={{ color: \"green\" }}>{item.balanceString.toString().split(\",\")[0]}</p>)\r\n                      }\r\n                  </span>\r\n                </h4>\r\n              </div>\r\n            </div>\r\n          </div></Link>\r\n        }\r\n\r\n      }))\r\n}\r\nexport default HomePageBankList;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport { Card } from \"antd\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst Widget = ({ title, children, styleName, cover, extra, actions }) => {\r\n  const [styleValue, setStyleValue] = useState(\"\");\r\n  const [classValue, setClassValue] = useState(\"\");\r\n\r\n  const isDesktopOrLaptop = useMediaQuery({\r\n    query: \"(min-device-width: 1224px)\",\r\n  });\r\n  const isBigScreen = useMediaQuery({ query: \"(min-width: 1824px)\" });\r\n  const isTabletOrMobile = useMediaQuery({ query: \"(max-width: 1260px)\" });\r\n  const isTabletOrMobileDevice = useMediaQuery({\r\n    query: \"(max-device-width: 1224px)\",\r\n  });\r\n\r\n  const cardWidth = isTabletOrMobile ? \"90%\" : \"300px\";\r\n\r\n  const cardStyles = {\r\n    width: cardWidth,\r\n    marginBottom: \"10px\",\r\n    marginLeft: isDesktopOrLaptop ? \"3%\" : \"4%\",\r\n    marginTop: isDesktopOrLaptop ? 0 : \"1%\",\r\n  };\r\n\r\n  return (\r\n    <Card\r\n      style={cardStyles}\r\n      className={`gx-card-widget ${styleName} col gx-col-full col-md-6 col-sm-6 col-xs-6 col-xl-6`}\r\n    >\r\n      {children}\r\n    </Card>\r\n  );\r\n};\r\n\r\nexport default Widget;\r\nWidget.defaultProps = {\r\n  styleName: \"\",\r\n};\r\n\r\nWidget.propTypes = {\r\n  title: PropTypes.node,\r\n  extra: PropTypes.node,\r\n  cover: PropTypes.node,\r\n  actions: PropTypes.node,\r\n  children: PropTypes.node.isRequired,\r\n};\r\n","import React from \"react\";\r\nimport { InputNumber } from \"antd\";\r\n\r\nclass IntegerInput extends React.Component {\r\n  onChange = (value) => {\r\n    // Eğer değer boş ise, boş bırak\r\n    if (value === \"\" || value === null) {\r\n      this.props.onChange(null);\r\n    } else {\r\n      // Sadece tam sayıları kabul et\r\n      const integer = parseInt(value, 10);\r\n\r\n      if (!isNaN(integer)) {\r\n        this.props.onChange(integer);\r\n      }\r\n    }\r\n  };\r\n\r\n  // Formatter: Input değeri ekranda gösterilen değer\r\n  formatter = (value) => {\r\n    if (value === null || value === \"\") {\r\n      return \"\";\r\n    }\r\n    return `${value}`.replace(/[^0-9]/g, \"\");\r\n  };\r\n\r\n  // Parser: Kullanıcının girdiği metni sayıya çevirme\r\n  parser = (value) => {\r\n    if (value === \"\") {\r\n      return null;\r\n    }\r\n    return parseInt(value, 10);\r\n  };\r\n  render() {\r\n    return (\r\n      <InputNumber\r\n        {...this.props}\r\n        onChange={this.onChange}\r\n        formatter={this.formatter}\r\n        parser={this.parser}\r\n        style={{ width: \"100%\" }}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\nexport default IntegerInput;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n  Input,\r\n  Form,\r\n  Col,\r\n  Row,\r\n  Button,\r\n  Select,\r\n  Upload,\r\n  notification,\r\n  DatePicker,\r\n  InputNumber,\r\n  Switch,\r\n} from \"antd\";\r\nimport {\r\n  PlusOutlined,\r\n  DownloadOutlined,\r\n  UploadOutlined,\r\n} from \"@ant-design/icons\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { defaultValidateMessages } from \"./Helper\";\r\nimport { odata } from \"../Filters/Helper\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport IntegerInput from \"../../util/IntegerInput\";\r\nconst { TextArea } = Input;\r\n\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 8,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 16,\r\n    },\r\n  },\r\n};\r\n\r\nconst DbsDealerAddForm = (props) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [bankSelect, setBankSelect] = useState({\r\n    data: [],\r\n    loading: false,\r\n  });\r\n  const [firmSelect, setFirmSelect] = useState({\r\n    data: [],\r\n    loading: false,\r\n  });\r\n  const [fileList, setFileList] = useState([]);\r\n  const [form] = Form.useForm();\r\n  const [isUseErpDbsInvoice, setIsUseErpDbsInvoice] = useState(false);\r\n\r\n  useEffect(() => {\r\n    getBanks();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (props.data) {\r\n      form.setFieldsValue(props.data);\r\n    }\r\n  }, [props.data]);\r\n\r\n  const getBanks = () => {\r\n    setBankSelect({\r\n      ...bankSelect,\r\n      loading: true,\r\n    });\r\n    RequestHandler.get(`/DbsBankInfo/AddedBanks?$select=id,name`).then(\r\n      (response) => {\r\n        setBankSelect({\r\n          data: response,\r\n          loading: false,\r\n        });\r\n      }\r\n    );\r\n  };\r\n\r\n  const onFirmSeach = (value) => {\r\n    if (value.length >= 2) {\r\n      setFirmSelect({ ...firmSelect, loading: true });\r\n\r\n      RequestHandler.get(\r\n        `/Firm?$select=id,firmBranchNumber,name&$filter=${odata.contains(\r\n          \"name\",\r\n          value\r\n        )} or ${odata.contains(\"firmBranchNumber\", value)}`\r\n      ).then((res) => {\r\n        setFirmSelect({ data: res.value, loading: false });\r\n      });\r\n    } else {\r\n      setFirmSelect({ data: [], loading: false });\r\n    }\r\n  };\r\n\r\n  const onSuccess = () => {\r\n    form.resetFields();\r\n    setFileList([]);\r\n\r\n    if (props.onSuccess) props.onSuccess();\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    values.limitValidityDate = values.limitValidityDate\r\n      ? values.limitValidityDate.format(\"YYYY-MM-DD\")\r\n      : null;\r\n\r\n    RequestHandler.post(`/DbsDealer`, values).then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        onSuccess();\r\n      }\r\n    });\r\n  };\r\n\r\n  const onFinishFailed = () => setLoading(false);\r\n\r\n  const downloadExcelTemplate = () => {\r\n    window.open(\r\n      `${\r\n        config.apiUrl\r\n      }/DbsDealer/DownloadExcelTemplate?t=${RequestHandler.getToken()}`\r\n    );\r\n  };\r\n\r\n  const downloadImportResult = (fileName) => {\r\n    window.open(\r\n      `${\r\n        config.apiUrl\r\n      }/DbsDealer/DownloadImportResult?t=${RequestHandler.getToken()}&fileName=${fileName}`\r\n    );\r\n  };\r\n\r\n  const uploadExcelProps = {\r\n    name: \"excel\",\r\n    action: `${config.apiUrl}/DbsDealer/ImportExcel`,\r\n    headers: {\r\n      Authorization: \"bearer \" + RequestHandler.getToken(),\r\n    },\r\n    accept: \".xlsx\",\r\n    maxCount: 1,\r\n    onChange(info) {\r\n      setFileList(info.fileList);\r\n      const { response, status } = info.file;\r\n\r\n      if (status !== \"error\" && status !== \"done\") return;\r\n      if (!response) return;\r\n\r\n      const notificationType = response.success ? \"success\" : \"error\";\r\n\r\n      notification[notificationType]({\r\n        message: response.message,\r\n        duration: 3,\r\n      });\r\n      if (!response.success) {\r\n        downloadImportResult(info.file.response.data);\r\n      }\r\n      onSuccess();\r\n    },\r\n  };\r\n  return (\r\n    <Form\r\n      {...formItemLayout}\r\n      validateMessages={defaultValidateMessages}\r\n      form={form}\r\n      name=\"dbsDealerAdd\"\r\n      initialValues={{\r\n        remember: true,\r\n      }}\r\n      onFinish={onFinish}\r\n      onFinishFailed={onFinishFailed}\r\n    >\r\n      <Row>\r\n        <Col span={24}>\r\n          <Form.Item name=\"bankId\" label=\"Banka\" rules={[{ required: true }]}>\r\n            <Select\r\n              allowClear\r\n              showSearch\r\n              placeholder=\"Seçiniz\"\r\n              filterOption={(input, option) =>\r\n                option.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n              loading={bankSelect.loading}\r\n            >\r\n              {bankSelect.data.map((item) => (\r\n                <Select.Option key={item.id} value={item.id}>\r\n                  {item.name}\r\n                </Select.Option>\r\n              ))}\r\n            </Select>\r\n          </Form.Item>\r\n\r\n          <Form.Item label=\"Bayi Adı\" name=\"name\" rules={[{ required: true }]}>\r\n            <Input />\r\n          </Form.Item>\r\n\r\n          <Form.Item label=\"Bayi Kodu\" name=\"code\" rules={[{ required: true }]}>\r\n            <Input />\r\n          </Form.Item>\r\n\r\n          <Form.Item label=\"Cari\" name=\"firmId\">\r\n            <Select\r\n              allowClear\r\n              showSearch\r\n              placeholder=\"Seçiniz\"\r\n              onSearch={onFirmSeach}\r\n              filterOption={(input, option) =>\r\n                option.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0 ||\r\n                option.code\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n              loading={firmSelect.loading}\r\n            >\r\n              {firmSelect.data.map((item) => (\r\n                <Select.Option\r\n                  key={item.id}\r\n                  value={item.id}\r\n                  code={item.firmBranchNumber}\r\n                >\r\n                  {item.name}\r\n                </Select.Option>\r\n              ))}\r\n            </Select>\r\n          </Form.Item>\r\n\r\n          <Form.Item label=\"Limit Geçerlilik Tarihi\" name=\"limitValidityDate\">\r\n            <DatePicker format=\"DD.MM.YYYY\" style={{ width: \"100%\" }} />\r\n          </Form.Item>\r\n\r\n          {props.isUseForErp == true && (\r\n            <Form.Item\r\n              label=\"Çalışma Sıklığı\"\r\n              name=\"erpDbsDealerWorkingFrequency\"\r\n            >\r\n              <Select allowClear>\r\n                <Select.Option key=\"0\" value={0}>\r\n                  Haftalık\r\n                </Select.Option>\r\n                <Select.Option key=\"1\" value={1}>\r\n                  2 Haftalık\r\n                </Select.Option>\r\n                <Select.Option key=\"2\" value={2}>\r\n                  Aylık\r\n                </Select.Option>\r\n              </Select>\r\n            </Form.Item>\r\n          )}\r\n\r\n          {props.isUseForErp == true && (\r\n            <Form.Item\r\n              label=\"Fatura Vade Tarihi Gün Sayısı\"\r\n              name=\"erpDbsDealerWorkingFrequencyNumberOfDays\"\r\n            >\r\n              <IntegerInput />\r\n            </Form.Item>\r\n          )}\r\n\r\n          {props.isUseForErp == true && (\r\n            <Form.Item\r\n              label=\"Bayi Banka Hesap Kodu\"\r\n              name=\"erpBankAccountCode\"\r\n              rules={[{ required: true }]}\r\n            >\r\n              <Input />\r\n            </Form.Item>\r\n          )}\r\n\r\n          {props.isUsePartialDbsInvoiceAutoSend == true && (\r\n            <Form.Item\r\n              label=\"Parçalı Fatura Gönderimi\"\r\n              name=\"partialInvoiceAutoSend\"\r\n              valuePropName=\"checked\"\r\n            >\r\n              <Switch />\r\n            </Form.Item>\r\n          )}\r\n\r\n          <Form.Item label=\"Not\" name=\"description\">\r\n            <TextArea />\r\n          </Form.Item>\r\n\r\n          <Row justify=\"space-between\">\r\n            <Col>\r\n              <Button\r\n                icon={<DownloadOutlined />}\r\n                onClick={(() => setLoading(true), downloadExcelTemplate)}\r\n                loading={loading}\r\n              >\r\n                Excel Şablonu İndir\r\n              </Button>\r\n              <Upload {...uploadExcelProps} fileList={fileList}>\r\n                <Button icon={<UploadOutlined />} loading={loading}>\r\n                  Excel ile Ekle\r\n                </Button>\r\n              </Upload>\r\n            </Col>\r\n            <Col>\r\n              <Button\r\n                type=\"primary\"\r\n                icon={<PlusOutlined />}\r\n                htmlType=\"submit\"\r\n                onClick={() => setLoading(true)}\r\n                loading={loading}\r\n              >\r\n                Ekle\r\n              </Button>\r\n            </Col>\r\n          </Row>\r\n        </Col>\r\n      </Row>\r\n    </Form>\r\n  );\r\n};\r\nexport default DbsDealerAddForm;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n  Input,\r\n  Form,\r\n  Col,\r\n  Row,\r\n  Button,\r\n  Select,\r\n  DatePicker,\r\n  Switch,\r\n} from \"antd\";\r\nimport { PlusOutlined } from \"@ant-design/icons\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { defaultValidateMessages } from \"./Helper\";\r\nimport { odata } from \"../Filters/Helper\";\r\nimport moment from \"moment\";\r\nimport IntegerInput from \"../../util/IntegerInput\";\r\nconst { TextArea } = Input;\r\n\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 8,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 16,\r\n    },\r\n  },\r\n};\r\n\r\nconst DbsDealerUpdateForm = (props) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [bankSelect, setBankSelect] = useState({\r\n    data: [],\r\n    loading: false,\r\n  });\r\n  const [firmSelect, setFirmSelect] = useState({\r\n    data: [],\r\n    loading: false,\r\n  });\r\n  const [form] = Form.useForm();\r\n\r\n  useEffect(() => {\r\n    getBanks();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (props.data) {\r\n      if (props.data.limitValidityDate) {\r\n        props.data.limitValidityDate = moment(props.data.limitValidityDate);\r\n      }\r\n      form.setFieldsValue(props.data);\r\n    }\r\n  }, [props.data]);\r\n\r\n  const getBanks = () => {\r\n    setBankSelect({\r\n      ...bankSelect,\r\n      loading: true,\r\n    });\r\n    RequestHandler.get(`/DbsBankInfo/AddedBanks?$select=id,name`).then(\r\n      (response) => {\r\n        setBankSelect({\r\n          data: response,\r\n          loading: false,\r\n        });\r\n      }\r\n    );\r\n  };\r\n\r\n  const onFirmSeach = (value) => {\r\n    if (value.length >= 2) {\r\n      setFirmSelect({ ...firmSelect, loading: true });\r\n\r\n      RequestHandler.get(\r\n        `/Firm?$select=id,firmBranchNumber,name&$filter=${odata.contains(\r\n          \"name\",\r\n          value\r\n        )} or ${odata.contains(\"firmBranchNumber\", value)}`\r\n      ).then((res) => {\r\n        setFirmSelect({ data: res.value, loading: false });\r\n      });\r\n    } else {\r\n      setFirmSelect({ data: [], loading: false });\r\n    }\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    values.limitValidityDate = values.limitValidityDate\r\n      ? values.limitValidityDate.format(\"YYYY-MM-DD\")\r\n      : null;\r\n\r\n    RequestHandler.put(`/DbsDealer`, values)\r\n      .then((response) => {\r\n        setLoading(false);\r\n        if (response.success) {\r\n          form.resetFields();\r\n          if (props.onSuccess) props.onSuccess();\r\n        }\r\n      })\r\n      .catch(function (error) {\r\n        setLoading(false);\r\n      });\r\n  };\r\n\r\n  const onFinishFailed = () => setLoading(false);\r\n\r\n  return (\r\n    <Form\r\n      {...formItemLayout}\r\n      validateMessages={defaultValidateMessages}\r\n      form={form}\r\n      name=\"dbsDealerUpdate\"\r\n      initialValues={{\r\n        remember: true,\r\n      }}\r\n      onFinish={onFinish}\r\n      onFinishFailed={onFinishFailed}\r\n    >\r\n      <Row>\r\n        <Col span={24}>\r\n          <Form.Item name=\"id\" hidden>\r\n            <Input />\r\n          </Form.Item>\r\n\r\n          <Form.Item name=\"bankId\" label=\"Banka\" rules={[{ required: true }]}>\r\n            <Select\r\n              allowClear\r\n              showSearch\r\n              placeholder=\"Seçiniz\"\r\n              filterOption={(input, option) =>\r\n                option.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n              loading={bankSelect.loading}\r\n            >\r\n              {bankSelect.data.map((item) => (\r\n                <Select.Option key={item.id} value={item.id}>\r\n                  {item.name}\r\n                </Select.Option>\r\n              ))}\r\n            </Select>\r\n          </Form.Item>\r\n\r\n          <Form.Item label=\"Bayi Adı\" name=\"name\" rules={[{ required: true }]}>\r\n            <Input />\r\n          </Form.Item>\r\n\r\n          <Form.Item label=\"Bayi Kodu\" name=\"code\" rules={[{ required: true }]}>\r\n            <Input />\r\n          </Form.Item>\r\n\r\n          <Form.Item label=\"Cari\" name=\"firmId\">\r\n            <Select\r\n              allowClear\r\n              showSearch\r\n              placeholder=\"Seçiniz\"\r\n              onSearch={onFirmSeach}\r\n              filterOption={(input, option) =>\r\n                option.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0 ||\r\n                option.code\r\n                  ?.toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n              loading={firmSelect.loading}\r\n            >\r\n              {props.data?.firmId && (\r\n                <Select.Option\r\n                  key={props.data.firmId}\r\n                  value={props.data.firmId}\r\n                  code={props.data.firmCode}\r\n                >\r\n                  {props.data.firmName}\r\n                </Select.Option>\r\n              )}\r\n              {firmSelect.data\r\n                .filter((x) => x.id != props.data?.firmId)\r\n                .map((item) => (\r\n                  <Select.Option\r\n                    key={item.id}\r\n                    value={item.id}\r\n                    code={item.firmBranchNumber}\r\n                  >\r\n                    {item.name}\r\n                  </Select.Option>\r\n                ))}\r\n            </Select>\r\n          </Form.Item>\r\n\r\n          <Form.Item label=\"Limit Geçerlilik Tarihi\" name=\"limitValidityDate\">\r\n            <DatePicker format=\"DD.MM.YYYY\" style={{ width: \"100%\" }} />\r\n          </Form.Item>\r\n\r\n          {props.isUseForErp == true && (\r\n            <Form.Item\r\n              label=\"Çalışma Sıklığı\"\r\n              name=\"erpDbsDealerWorkingFrequency\"\r\n            >\r\n              <Select allowClear>\r\n                <Select.Option key=\"0\" value={0}>\r\n                  Haftalık\r\n                </Select.Option>\r\n                <Select.Option key=\"1\" value={1}>\r\n                  2 Haftalık\r\n                </Select.Option>\r\n                <Select.Option key=\"2\" value={2}>\r\n                  Aylık\r\n                </Select.Option>\r\n              </Select>\r\n            </Form.Item>\r\n          )}\r\n\r\n          {props.isUseForErp == true && (\r\n            <Form.Item\r\n              label=\"Fatura Vade Tarihi Gün Sayısı\"\r\n              name=\"erpDbsDealerWorkingFrequencyNumberOfDays\"\r\n            >\r\n              <IntegerInput />\r\n            </Form.Item>\r\n          )}\r\n\r\n          {props.isUseForErp == true && (\r\n            <Form.Item\r\n              label=\"Bayi Banka Hesap Kodu\"\r\n              name=\"erpBankAccountCode\"\r\n              rules={[{ required: true }]}\r\n            >\r\n              <Input />\r\n            </Form.Item>\r\n          )}\r\n\r\n          {props.isUsePartialDbsInvoiceAutoSend == true && (\r\n            <Form.Item\r\n              label=\"Parçalı Fatura Gönderimi\"\r\n              name=\"partialInvoiceAutoSend\"\r\n              valuePropName=\"checked\"\r\n            >\r\n              <Switch />\r\n            </Form.Item>\r\n          )}\r\n\r\n          <Form.Item label=\"Not\" name=\"description\">\r\n            <TextArea />\r\n          </Form.Item>\r\n\r\n          <Col style={{ textAlign: \"right\" }}>\r\n            <Button\r\n              type=\"primary\"\r\n              icon={<PlusOutlined />}\r\n              htmlType=\"submit\"\r\n              onClick={() => setLoading(true)}\r\n              loading={loading}\r\n            >\r\n              Güncelle\r\n            </Button>\r\n          </Col>\r\n        </Col>\r\n      </Row>\r\n    </Form>\r\n  );\r\n};\r\nexport default DbsDealerUpdateForm;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n  Input,\r\n  Form,\r\n  Col,\r\n  Row,\r\n  Button,\r\n  Select,\r\n  DatePicker,\r\n  InputNumber,\r\n  Upload,\r\n  notification,\r\n} from \"antd\";\r\nimport {\r\n  PlusOutlined,\r\n  UploadOutlined,\r\n  DownloadOutlined,\r\n} from \"@ant-design/icons\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { defaultValidateMessages } from \"./Helper\";\r\nimport { odata } from \"../Filters/Helper\";\r\nimport moment from \"moment\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport { set } from \"lodash\";\r\nimport { start } from \"nprogress\";\r\nconst { TextArea } = Input;\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 8,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 16,\r\n    },\r\n  },\r\n};\r\n\r\nconst DbsInvoiceAddForm = (props) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [bankSelect, setBankSelect] = useState({\r\n    data: [],\r\n    loading: true,\r\n  });\r\n  const [currencySelect, setCurrencySelect] = useState({\r\n    data: [],\r\n    loading: true,\r\n  });\r\n  const [dealerSelect, setDealerSelect] = useState({\r\n    data: [],\r\n    loading: false,\r\n  });\r\n  const [activeBankId, setActiveBankId] = useState();\r\n  const [fileList, setFileList] = useState([]);\r\n  const [form] = Form.useForm();\r\n  const [visibleDealerNote, setVisibleDealerNote] = useState(false);\r\n  const [dealerNote, setDealerNote] = useState(\"\");\r\n\r\n  useEffect(() => {\r\n    getBanks();\r\n    form.setFieldsValue({ invoiceDate: moment() });\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (props.data) {\r\n      form.setFieldsValue(props.data);\r\n    }\r\n  }, [props.data]);\r\n\r\n  useEffect(() => {\r\n    form.resetFields([\"dbsDealerId\", \"currencyId\"]);\r\n    setDealerSelect({\r\n      data: [],\r\n      loading: false,\r\n    });\r\n    getCurrencies();\r\n  }, [activeBankId]);\r\n\r\n  const getBanks = () => {\r\n    setBankSelect({\r\n      ...bankSelect,\r\n      loading: true,\r\n    });\r\n    RequestHandler.get(`/DbsBankInfo/AddedBanks?$select=id,name`).then(\r\n      (response) => {\r\n        setBankSelect({\r\n          data: response,\r\n          loading: false,\r\n        });\r\n      }\r\n    );\r\n  };\r\n\r\n  const getCurrencies = () => {\r\n    if (!activeBankId) {\r\n      setCurrencySelect({\r\n        data: [],\r\n        loading: false,\r\n      });\r\n      return;\r\n    }\r\n\r\n    setCurrencySelect({\r\n      data: [],\r\n      loading: true,\r\n    });\r\n    RequestHandler.get(`/DbsInvoice/AvailableCurrencies/${activeBankId}`).then(\r\n      (response) => {\r\n        setCurrencySelect({\r\n          data: response,\r\n          loading: false,\r\n        });\r\n\r\n        const isTrySelectable =\r\n          response?.findIndex((x) => x.currencyId == 1) >= 0;\r\n        if (isTrySelectable) {\r\n          form.setFieldsValue({ currencyId: 1 });\r\n        }\r\n      }\r\n    );\r\n  };\r\n\r\n  const onDealerSearch = (value) => {\r\n    if (value.length >= 2) {\r\n      setDealerSelect({ ...dealerSelect, loading: true });\r\n\r\n      RequestHandler.get(\r\n        `/DbsDealer?$select=id,code,name,description&$filter=(${odata.contains(\r\n          \"name\",\r\n          value\r\n        )} or ${odata.contains(\r\n          \"code\",\r\n          value\r\n        )}) and bankId eq ${activeBankId} and isActive eq true`\r\n      ).then((res) => {\r\n        setDealerSelect({ data: res.value, loading: false });\r\n      });\r\n    } else {\r\n      setDealerSelect({ data: [], loading: false });\r\n    }\r\n  };\r\n  const onSuccess = () => {\r\n    form.resetFields();\r\n    setFileList([]);\r\n\r\n    //default values\r\n    setActiveBankId();\r\n    form.setFieldsValue({ invoiceDate: moment() });\r\n\r\n    if (props.onSuccess) props.onSuccess();\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    values.invoiceDate = values.invoiceDate.format(\"YYYY-MM-DD\");\r\n    values.dueDate = values.dueDate.format(\"YYYY-MM-DD\");\r\n\r\n    RequestHandler.post(`/DbsInvoice`, values).then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        onSuccess();\r\n      }\r\n    });\r\n  };\r\n\r\n  const onFinishFailed = (errorInfo) => {\r\n    setLoading(false);\r\n  };\r\n\r\n  const downloadExcelTemplate = () => {\r\n    window.open(\r\n      `${\r\n        config.apiUrl\r\n      }/DbsInvoice/DownloadExcelTemplate?t=${RequestHandler.getToken()}`\r\n    );\r\n  };\r\n\r\n  const downloadImportResult = (fileName) => {\r\n    window.open(\r\n      `${\r\n        config.apiUrl\r\n      }/DbsInvoice/DownloadImportResult?t=${RequestHandler.getToken()}&fileName=${fileName}`\r\n    );\r\n  };\r\n\r\n  const uploadExcelProps = {\r\n    name: \"excel\",\r\n    action: `${config.apiUrl}/DbsInvoice/ImportExcel`,\r\n    headers: {\r\n      Authorization: \"bearer \" + RequestHandler.getToken(),\r\n    },\r\n    accept: \".xlsx\",\r\n    maxCount: 1,\r\n    onChange(info) {\r\n      setFileList(info.fileList);\r\n      const { response, status } = info.file;\r\n\r\n      if (status !== \"error\" && status !== \"done\") return;\r\n      if (!response) return;\r\n\r\n      const notificationType = response.success ? \"success\" : \"error\";\r\n\r\n      notification[notificationType]({\r\n        message: response.message,\r\n        duration: 3,\r\n      });\r\n      if (!response.success) {\r\n        downloadImportResult(info.file.response.data);\r\n      }\r\n      onSuccess();\r\n    },\r\n  };\r\n\r\n  const handleDealerChange = (value, option) => {\r\n    if (option !== undefined && option?.description !== null) {\r\n      setDealerNote(option.description);\r\n      setVisibleDealerNote(true);\r\n    } else {\r\n      setDealerNote(\"\");\r\n      setVisibleDealerNote(false);\r\n    }\r\n  };\r\n  return (\r\n    <Form\r\n      {...formItemLayout}\r\n      validateMessages={defaultValidateMessages}\r\n      form={form}\r\n      name=\"dbsInvoiceAdd\"\r\n      initialValues={{\r\n        remember: true,\r\n      }}\r\n      onFinish={onFinish}\r\n      onFinishFailed={onFinishFailed}\r\n      fields={[{ name: \"dealerDescription\", value: dealerNote }]}\r\n    >\r\n      <Row>\r\n        <Col span={24}>\r\n          <Form.Item name=\"bankId\" label=\"Banka\" rules={[{ required: true }]}>\r\n            <Select\r\n              allowClear\r\n              showSearch\r\n              placeholder=\"Seçiniz\"\r\n              filterOption={(input, option) =>\r\n                option.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n              onChange={(value) => setActiveBankId(value)}\r\n              loading={bankSelect.loading}\r\n            >\r\n              {bankSelect.data.map((item) => (\r\n                <Select.Option key={item.id} value={item.id}>\r\n                  {item.name}\r\n                </Select.Option>\r\n              ))}\r\n            </Select>\r\n          </Form.Item>\r\n\r\n          <Form.Item\r\n            name=\"dbsDealerId\"\r\n            label=\"Bayi\"\r\n            rules={[{ required: true }]}\r\n          >\r\n            <Select\r\n              allowClear\r\n              showSearch\r\n              disabled={!activeBankId}\r\n              placeholder=\"Seçiniz\"\r\n              onSearch={onDealerSearch}\r\n              onChange={handleDealerChange}\r\n              filterOption={(input, option) =>\r\n                option.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0 ||\r\n                option.code\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n              loading={dealerSelect.loading}\r\n            >\r\n              {dealerSelect.data.map((item) => (\r\n                <Select.Option\r\n                  key={item.id}\r\n                  value={item.id}\r\n                  code={item.code}\r\n                  description={item.description}\r\n                >\r\n                  {item.name}\r\n                </Select.Option>\r\n              ))}\r\n            </Select>\r\n          </Form.Item>\r\n\r\n          {visibleDealerNote && (\r\n            <Form.Item label=\"Bayi Notu\" name=\"dealerDescription\">\r\n              <TextArea value={dealerNote} disabled={true} />\r\n            </Form.Item>\r\n          )}\r\n\r\n          <Form.Item\r\n            name=\"currencyId\"\r\n            label=\"Para Birimi\"\r\n            rules={[{ required: true }]}\r\n          >\r\n            <Select\r\n              allowClear\r\n              showSearch\r\n              disabled={!activeBankId}\r\n              placeholder=\"Seçiniz\"\r\n              filterOption={(input, option) =>\r\n                option.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n              loading={currencySelect.loading}\r\n            >\r\n              {currencySelect.data.map((item) => (\r\n                <Select.Option key={item.currencyId} value={item.currencyId}>\r\n                  {item.currencyCode}\r\n                </Select.Option>\r\n              ))}\r\n            </Select>\r\n          </Form.Item>\r\n\r\n          <Form.Item\r\n            label=\"Fatura Tarihi\"\r\n            name=\"invoiceDate\"\r\n            rules={[{ required: true }]}\r\n          >\r\n            <DatePicker format=\"DD.MM.YYYY\" style={{ width: \"100%\" }} />\r\n          </Form.Item>\r\n\r\n          <Form.Item\r\n            label=\"Vade Tarihi\"\r\n            name=\"dueDate\"\r\n            rules={[{ required: true }]}\r\n          >\r\n            <DatePicker format=\"DD.MM.YYYY\" style={{ width: \"100%\" }} />\r\n          </Form.Item>\r\n\r\n          <Form.Item\r\n            label=\"Fatura Numarası\"\r\n            name=\"invoiceNumber\"\r\n            rules={[{ required: true }]}\r\n          >\r\n            <Input />\r\n          </Form.Item>\r\n\r\n          <Form.Item\r\n            label=\"Fatura Tutarı\"\r\n            name=\"amount\"\r\n            rules={[{ required: true }]}\r\n          >\r\n            <InputNumber min={0} style={{ width: \"100%\" }} />\r\n          </Form.Item>\r\n\r\n          <Form.Item label=\"Açıklama\" name=\"description\">\r\n            <Input.TextArea rows={3} maxLength={300} />\r\n          </Form.Item>\r\n        </Col>\r\n      </Row>\r\n      <Row justify=\"space-between\">\r\n        <Col>\r\n          <Button\r\n            icon={<DownloadOutlined />}\r\n            onClick={(() => setLoading(true), downloadExcelTemplate)}\r\n            loading={loading}\r\n          >\r\n            Excel Şablonu İndir\r\n          </Button>\r\n          <Upload {...uploadExcelProps} fileList={fileList}>\r\n            <Button icon={<UploadOutlined />}>Excel ile Ekle</Button>\r\n          </Upload>\r\n        </Col>\r\n        <Col>\r\n          <Button\r\n            type=\"primary\"\r\n            icon={<PlusOutlined />}\r\n            htmlType=\"submit\"\r\n            onClick={() => setLoading(true)}\r\n            loading={loading}\r\n          >\r\n            Ekle\r\n          </Button>\r\n        </Col>\r\n      </Row>\r\n    </Form>\r\n  );\r\n};\r\nexport default DbsInvoiceAddForm;\r\n","import React, { useState } from \"react\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport DbsValueReportMonthly from \"./DbsValueReportMonthly\";\r\nimport DbsValueReportDaily from \"./DbsValueReportDaily\";\r\nimport config from \"util/ApiforContext\";\r\n\r\nimport { Tabs, Col, Row, Tooltip, message } from \"antd\";\r\nimport { BarsOutlined, FileExcelOutlined } from \"@ant-design/icons\";\r\nconst { TabPane } = Tabs;\r\n\r\nconst DbsValueReport = () => {\r\n  const [activeTabKey, setActiveTabKey] = useState(\"1\");\r\n  const [reportFilters, setReportFilters] = useState({\r\n    daily: {},\r\n    monthly: {},\r\n  });\r\n\r\n  const onClickExportExcel = () => {\r\n    const hideMessage = message.loading(\"Excel indiriliyor...\", 0);\r\n\r\n    switch (activeTabKey) {\r\n      case \"1\":\r\n        RequestHandler.post(\r\n          \"/DbsReport/ExportMonthlyValueReportExcel\",\r\n          reportFilters.monthly\r\n        ).then((response) => {\r\n          hideMessage();\r\n\r\n          if (response.success) {\r\n            window.open(\r\n              `${config.apiUrl\r\n              }/DbsReport/DownloadMonthlyValueReportExcel?fileName=${response.data\r\n              }&t=${RequestHandler.getToken()}`\r\n            );\r\n          }\r\n        });\r\n        break;\r\n      case \"2\":\r\n        RequestHandler.post(\r\n          \"/DbsReport/ExportDailyValueReportExcel\",\r\n          reportFilters.daily\r\n        ).then((response) => {\r\n          hideMessage();\r\n\r\n          if (response.success) {\r\n            window.open(\r\n              `${config.apiUrl\r\n              }/DbsReport/DownloadDailyValueReportExcel?fileName=${response.data\r\n              }&t=${RequestHandler.getToken()}`\r\n            );\r\n          }\r\n        });\r\n        break;\r\n\r\n      default:\r\n        hideMessage();\r\n        break;\r\n    }\r\n  };\r\n\r\n  const onMonthlyFilterChange = (filterData) => {\r\n    setReportFilters({ ...reportFilters, monthly: filterData });\r\n  };\r\n\r\n  const onDailyFilterChange = (filterData) => {\r\n    setReportFilters({ ...reportFilters, daily: filterData });\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Row>\r\n        <Col xs={24} md={12} lg={16}>\r\n          <p style={{ fontSize: \"120%\", marginTop: -5 }}>\r\n            <BarsOutlined /> İLERİ YÖNELİK ALACAKLAR RAPORU\r\n          </p>\r\n        </Col>\r\n        <Col xs={24} md={12} lg={8} style={{ textAlign: \"right\" }}>\r\n          <Tooltip title=\"Excel İndir\">\r\n            <a\r\n              style={{\r\n                color: \"green\",\r\n                fontSize: \"180%\",\r\n                marginRight: 30,\r\n              }}\r\n              onClick={onClickExportExcel}\r\n            >\r\n              <FileExcelOutlined />\r\n            </a>\r\n          </Tooltip>\r\n        </Col>\r\n      </Row>\r\n\r\n      <Tabs\r\n        defaultActiveKey=\"1\"\r\n        onChange={(activeKey) => {\r\n          setActiveTabKey(activeKey);\r\n        }}\r\n      >\r\n        <TabPane tab=\"Ay Bazlı\" key=\"1\">\r\n          <DbsValueReportMonthly onFilterChange={onMonthlyFilterChange} />\r\n        </TabPane>\r\n        <TabPane tab=\"Gün Bazlı\" key=\"2\">\r\n          <DbsValueReportDaily onFilterChange={onDailyFilterChange} />\r\n        </TabPane>\r\n      </Tabs>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default DbsValueReport;\r\n","import React from \"react\";\r\nimport Widget from \"./PosCard\";\r\nimport { connect } from \"react-redux\";\r\nimport { THEME_TYPE_DARK } from \"../../../constants/ThemeSetting\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\n\r\nconst IconWithTextCard = (props) => {\r\n  const isTabletOrMobile = useMediaQuery({ query: \"(max-width: 1499px)\" });\r\n  const { icon, title, subTitle, descText, color,impWidth } = props;\r\n\r\n  let { iconColor } = props;\r\n  if (props.themeType === THEME_TYPE_DARK) {\r\n    iconColor = \"white\";\r\n  }\r\n\r\n  return (\r\n    <div className={`ant-col ant-col-xs-24 ant-col-sm-12 ant-col-md-12 ant-col-lg-12 ant-col-xl-${impWidth==\"true\"?5:4}`}>\r\n      <div class=\"ant-card gx-card-widget gx-card-full ant-card-bordered\">\r\n        <div class=\"ant-card-body \">\r\n          <div class=\"ant-row  gx-px-5 gx-py-3\">\r\n            <div\r\n              className=\"gx-media gx-align-items-center gx-flex-nowrap\"\r\n              style={{ marginTop: isTabletOrMobile ? 0 : 12 }}\r\n            >\r\n              <div className=\"gx-mr-lg-4 gx-mr-3\">\r\n                <i\r\n                  className={`icon icon-${icon} gx-fs-xlxl gx-text-${iconColor} gx-d-flex`}\r\n                  style={{ fontSize: 40, color: `${color}` }}\r\n                />\r\n              </div>\r\n              <div className=\"gx-media-body\">\r\n                <p className=\"gx-text-grey gx-mb-0\">{descText}</p>\r\n\r\n                <h3\r\n                  className=\"gx-font-weight-medium gx-mb-1\"\r\n                  style={{\r\n                    width: isTabletOrMobile ? \"100%\" : \"140%\",\r\n                    fontSize: isTabletOrMobile ? \"90%\" : \"99%\",\r\n                    marginTop: 3,\r\n                  }}\r\n                >\r\n                  {title}\r\n                </h3>\r\n                <p className=\"gx-text-grey gx-mb-0\">{subTitle}</p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nconst mapStateToProps = ({ settings }) => {\r\n  const { themeType } = settings;\r\n  return { themeType };\r\n};\r\n\r\nexport default connect(mapStateToProps, null)(IconWithTextCard);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Input, Form, Col, Row, Button, Select, DatePicker,Modal,notification } from \"antd\";\r\nimport { SendOutlined,ExclamationCircleOutlined } from \"@ant-design/icons\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { defaultValidateMessages } from \"./Helper\";\r\nimport { ColumnHelper } from \"util/TableHelper\";\r\nimport moment from 'moment';\r\nconst { TextArea } = Input;\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 8,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 16,\r\n    },\r\n  },\r\n};\r\n\r\nconst TosCreateOrderForm = (props) => {\r\n  const { confirm } = Modal;\r\n  const [loading, setLoading] = useState(false);\r\n  const [defaultValue, setDefaultValue] = useState();\r\n  const [bankSelect, setBankSelect] = useState({\r\n    data: [],\r\n    loading: true,\r\n  });\r\n  const [form] = Form.useForm();\r\n\r\n  useEffect(() => {\r\n    getPayments();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (props.data) {\r\n      form.setFieldsValue(props.data);\r\n    }\r\n  }, [props.data]);\r\n  const directiveSuccess = type => {\r\n    notification[type]({\r\n      message: 'BAŞARILI',\r\n      description:\r\n        'İşlem Başarılı.',\r\n        duration: 2,\r\n    });\r\n  };\r\n  const directiveError = type => {\r\n    notification[type]({\r\n      message: 'HATA',\r\n      description:\r\n        'İşlem Başarısız.',\r\n        duration: 2,\r\n    });\r\n  };\r\n  const getPayments = () => {\r\n    setBankSelect({\r\n      ...bankSelect,\r\n      loading: true,\r\n    });\r\n    RequestHandler.get(`/TenantPaymentAccount?$filter= isDefault eq true`).then((response) => {\r\n      if(response.value[0] !== undefined){\r\n        setDefaultValue(response.value[0]?.id?.toString())\r\n      }\r\n    });\r\n    RequestHandler.get(`/TenantPaymentAccount`).then((response) => {\r\n      setBankSelect({\r\n        data: response.value,\r\n        loading: false,\r\n      });\r\n    });\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    values.paymentDate = values.paymentDate.format(\"YYYY-MM-DD HH:mm:ss\");\r\n    var total = 0;\r\n    props.selectedPayments.forEach((payment) => (total += payment.amount));\r\n    values.Amount = total;\r\n      RequestHandler.post(`/Directive`, values,false).then((response) => {\r\n        setLoading(false);\r\n        if (response.success) {\r\n          if(response.data === null){\r\n            showConfirm(values);\r\n          }else{\r\n            getPayments();\r\n            form.resetFields();\r\n            if (props.onSuccess) props.onSuccess();\r\n            directiveSuccess('success');\r\n            setTimeout(() => {\r\n              window.location.reload();\r\n            }, 2500);\r\n          }\r\n        }else{\r\n          directiveError('error');\r\n        }\r\n      });\r\n  };\r\n\r\n  const onFinishFailed = (errorInfo) => {\r\n    setLoading(false);\r\n  };\r\n  const handleValue = (value) => {\r\n    setDefaultValue(value);\r\n  }\r\n  function disabledDate(current) {\r\n    return moment().add(-1, 'days') >= current\r\n  }\r\n  const showConfirm = (values) => {\r\n    setLoading(true);\r\n    confirm({\r\n      title: 'Ödeme tarihi ve işlem tarihi aynı değil!',\r\n      icon: <ExclamationCircleOutlined />,\r\n      content: 'Ödeme tarihlerini talimat tarihi ile aynı yapıp devam etmek ister misiniz?',\r\n      cancelText: 'Hayır',\r\n      okText:'Evet',\r\n      onOk() {\r\n        values.IsChangeDate = true;\r\n        RequestHandler.post(`/Directive`, values).then((response) => {\r\n\r\n          if (response.success) {\r\n              getPayments();\r\n              form.resetFields();\r\n              if (props.onSuccess) props.onSuccess();\r\n              setTimeout(() => {\r\n                setLoading(false);\r\n                window.location.reload();\r\n              }, 2500);\r\n          }\r\n\r\n        });\r\n      },\r\n      onCancel() {\r\n\r\n      },\r\n    });\r\n  }\r\n  const getPaymentTotalAmount = () => {\r\n    let total = 0;\r\n\r\n    if (!props.selectedPayments) {\r\n      return ColumnHelper.renderDecimal(total);\r\n    }\r\n\r\n    props.selectedPayments.forEach((payment) => (total += payment.amount));\r\n    return ColumnHelper.renderDecimal(total);\r\n  };\r\n  return (\r\n    <Form\r\n      {...formItemLayout}\r\n      validateMessages={defaultValidateMessages}\r\n      form={form}\r\n      name=\"tosPaymentAdd\"\r\n      initialValues={{\r\n        remember: true\r\n      }}\r\n      fields={[\r\n        {name:\"tenantPaymentAccountId\",value:defaultValue}\r\n      ]}\r\n      onFinish={onFinish}\r\n      onFinishFailed={onFinishFailed}\r\n    >\r\n      <Row>\r\n        <Col span={24}>\r\n          <Form.Item name=\"paymentIds\" hidden rules={[{ required: true }]} />\r\n\r\n          <Form.Item label=\"Toplam Ödeme Sayısı\">\r\n            {props.selectedPayments?.length}\r\n          </Form.Item>\r\n\r\n          <Form.Item label=\"Toplam Tutar\">{getPaymentTotalAmount()}</Form.Item>\r\n\r\n          <Form.Item\r\n            name=\"tenantPaymentAccountId\"\r\n            label=\"Gönderen Banka Kodu\"\r\n            rules={[{ required: true }]}\r\n          >\r\n            <Select\r\n              allowClear\r\n              showSearch\r\n              placeholder=\"Seçiniz\"\r\n              onChange={handleValue}\r\n              value={defaultValue === \"\" ? null : defaultValue}\r\n              filterOption={(input, option) =>\r\n                option.children[0]\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n\r\n              loading={bankSelect.loading}\r\n            >\r\n              {bankSelect.data.map((item) => (\r\n                <Select.Option key={item.id} value={item.id}>\r\n                  {item.name} - {item.iban}\r\n                </Select.Option>\r\n              ))}\r\n            </Select>\r\n          </Form.Item>\r\n\r\n          <Form.Item\r\n            label=\"Ödeme Tarihi\"\r\n            name=\"paymentDate\"\r\n            rules={[{ required: true }]}\r\n          >\r\n            <DatePicker disabledDate={disabledDate} format=\"DD.MM.YYYY\" />\r\n          </Form.Item>\r\n          <Form.Item\r\n                label=\"Açıklama\"\r\n                name=\"Description\"\r\n            >\r\n                <TextArea rows={4} />\r\n            </Form.Item>\r\n          <Col style={{ textAlign: \"right\" }}>\r\n            <Button\r\n              type=\"primary\"\r\n              icon={<SendOutlined />}\r\n              htmlType=\"submit\"\r\n              onClick={() => setLoading(true)}\r\n              loading={loading}\r\n            >\r\n              Talimat Oluştur\r\n            </Button>\r\n          </Col>\r\n        </Col>\r\n      </Row>\r\n    </Form>\r\n  );\r\n};\r\nexport default TosCreateOrderForm;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { ColumnHelper } from \"util/TableHelper\";\r\nimport TosSentPaymentListTableFilter from \"../Filters/TosSentPaymentListTableFilter\";\r\nimport TosCreateOrderForm from \"../Forms/TosCreateOrderForm\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport moment from \"moment\";\r\n\r\nimport { Table, Empty, Col, Row, Button, Modal,Tooltip,message,Tabs} from \"antd\";\r\nimport {\r\n  BarsOutlined,\r\n  SendOutlined,\r\n  RollbackOutlined,\r\n  FileExcelOutlined\r\n} from \"@ant-design/icons\";\r\n\r\nconst { TabPane } = Tabs;\r\n\r\nconst TosSentPayment = (props) => {\r\n  const [tableData, setTableData] = useState({\r\n    data: [],\r\n    total: 0,\r\n    loading: true,\r\n  });\r\n  const [tabKey,setTabKey] = useState(``);\r\n  const [tableDataQueryOptions, setTableDataQueryOptions] = useState({\r\n    skip: 0,\r\n    take: 15,\r\n    current: 1,\r\n    filter: ``,\r\n  });\r\n  const [selectedRows, setSelectedRows] = useState({\r\n    keys: [],\r\n    data: [],\r\n  });\r\n  const [createOrderModalVisible, setCreateOrderModalVisible] = useState(false);\r\n  const history = useHistory();\r\n\r\n  useEffect(() => getTableData(), [tableDataQueryOptions]);\r\n\r\n  const onClickExportExcel = () => {\r\n    const hideMessage = message.loading(\"Excel indiriliyor...\", 0);\r\n\r\n    RequestHandler.post(\r\n      `/Payment/ExportExcel`,\r\n      {\r\n        query: tableDataQueryOptions.filter,\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      hideMessage();\r\n\r\n      if (response) {\r\n        window.open(\r\n          `${config.apiUrl\r\n          }/Payment/DownloadExcel?fileName=${response}&t=${RequestHandler.getToken()}`\r\n        );\r\n      }\r\n    });\r\n  };\r\n\r\n  const getTableData = () => {\r\n    let { skip, take, filter } = tableDataQueryOptions;\r\n    if (props.match.params.directiveId && !filter) {\r\n      //ordernumber varsa ekrandan filtreyide kaldirabiliriz.\r\n      filter = ``;\r\n    }\r\n\r\n    setTableData({\r\n      ...tableData,\r\n      loading: true,\r\n    });\r\n     RequestHandler.get(\r\n       `/payment?$count=true${filter}&$skip=${skip}&$top=${take}`\r\n     ).then((response) => {\r\n      \r\n         setTableData({\r\n           data: response.value,\r\n           total: response[\"@odata.count\"],\r\n           loading: false,\r\n         });\r\n     });\r\n\r\n    setTableData({ data: tableData.data, total: tableData.data.length, loading: false });\r\n  };\r\n\r\n  const paging = (p) => {\r\n    setTableDataQueryOptions((prevState) => {\r\n      return {\r\n        ...prevState,\r\n        skip: (p.current - 1) * prevState.take,\r\n        take: p.pageSize,\r\n        current: p.current,\r\n      };\r\n    });\r\n  };\r\n\r\n  const onClearTableFilter = () => {\r\n    setTableDataQueryOptions({\r\n      skip: 0,\r\n      current: 1,\r\n      take: tableDataQueryOptions.take,\r\n      filter: tabKey !== '0' && tabKey !== '' ? `&$filter= statusId eq ${tabKey}`: '',\r\n    });\r\n  };\r\n\r\n  const onFinishTableFilter = (query) => {\r\n    setTableDataQueryOptions((prevState) => {\r\n      return { skip: 0, current: 1, take: prevState.take, filter: query };\r\n    });\r\n  };\r\n\r\n  const onTableSelectChange = (selectedKeys, selectedRecords) => {\r\n    setSelectedRows({\r\n      keys: selectedKeys,\r\n      data: selectedRecords,\r\n    });\r\n  };\r\n\r\n  const onClickCreateOrder = () => {\r\n    setCreateOrderModalVisible(true);\r\n  };\r\n  const callback = (key) => {\r\n    setTableDataQueryOptions((prevState) => {\r\n      return { skip: 0, current: 1, take: prevState.take, filter: key !== '0' ? `&$filter= statusId eq ${key}`: '' };\r\n    });\r\n    setTabKey(key);\r\n  }\r\n  const columns = [\r\n    {\r\n      title: \"Banka\",\r\n      dataIndex: \"bankLogo\",\r\n      width: \"8%\",\r\n      render: (text) => <img src={text}></img>,\r\n    },\r\n    {\r\n      title: \"Ad Soyad / Ünvan\",\r\n      align:'center',\r\n      dataIndex: \"title\",\r\n    },\r\n    {\r\n      title: \"Iban\",\r\n      align:'center',\r\n      dataIndex: \"iban\",\r\n    },\r\n    {\r\n      title: \"Tutar\",\r\n      align:'right',\r\n      dataIndex: \"amount\",\r\n      render: ColumnHelper.renderDecimal,\r\n    },\r\n    {\r\n      title: \"Para Birimi\",\r\n      align:'center',\r\n      dataIndex: \"currency\",\r\n      render: (data, row) => (\r\n        <>\r\n          TRY\r\n        </>\r\n      ),\r\n    },\r\n    {\r\n      title: \"Talimat Numarası\",\r\n      align:'center',\r\n      dataIndex: \"referanceNumber\",\r\n    },\r\n    {\r\n      title: \"Ödeme Durumu\",\r\n      align:'center',\r\n      dataIndex: \"status\",\r\n    },\r\n    {\r\n      title: \"Durum Mesajı\",\r\n      align:'center',\r\n      dataIndex: \"statusMessage\",\r\n    },\r\n    {\r\n      title: \"Ödeme Tarihi\",\r\n      align:'center',\r\n      dataIndex: \"paymentDate\",\r\n      render: (data, row, index) => moment(data).format(\"DD.MM.YYYY\"),\r\n    },\r\n    {\r\n      title: \"Açıklama\",\r\n      dataIndex: \"description\",\r\n    },\r\n  ];\r\n\r\n  return (\r\n    <>\r\n      {props.match.params.directiveId && (\r\n        <Row style={{ marginBottom: 9 }}>\r\n          <Col flex={1}>\r\n            <a\r\n              onClick={() => history.goBack()}\r\n              style={{ color: \"black\", marginLeft: \"4%\" }}\r\n            >\r\n              {\" \"}\r\n              <RollbackOutlined /> GERİ DÖN\r\n            </a>\r\n          </Col>\r\n          <Col flex={4}></Col>\r\n        </Row>\r\n      )}\r\n      <Row>\r\n        <Col xs={24} md={12} lg={16}>\r\n          <p style={{ fontSize: \"120%\", marginTop: -5 }}>\r\n            <BarsOutlined /> GÖNDERİLMİŞ ÖDEMELER\r\n          </p>\r\n        </Col>\r\n        <Col xs={24} md={12} lg={8} style={{ textAlign: \"right\" }}>\r\n            <Tooltip title=\"Excel İndir\">\r\n              <a\r\n                style={{\r\n                  color: \"green\",\r\n                  fontSize: \"180%\",\r\n                  marginRight: 30,\r\n                }}\r\n                onClick={onClickExportExcel}\r\n              >\r\n                <FileExcelOutlined />\r\n              </a>\r\n            </Tooltip>\r\n          {selectedRows.keys.length > 0 && (\r\n            <Button onClick={onClickCreateOrder} style={{ marginBottom: 0 }}>\r\n              <SendOutlined /> Talimat Oluştur\r\n            </Button>\r\n          )}\r\n        </Col>\r\n      </Row>\r\n\r\n      <TosSentPaymentListTableFilter\r\n        filter={tableDataQueryOptions.filter}\r\n        onClearFilter={onClearTableFilter}\r\n        onFinishFilter={onFinishTableFilter}\r\n        style={{ marginTop: 12, marginBottom: 12 }}\r\n      />\r\n\r\n      <Tabs defaultActiveKey=\"1\" onChange={callback}>\r\n        <TabPane tab=\"Tümü\" key=\"0\">\r\n          <Row id=\"tableArea\">\r\n          <Col span={24}>\r\n            <Table\r\n              // rowSelection={{\r\n              //   selectedRowKeys: selectedRows.keys,\r\n              //   onChange: onTableSelectChange,\r\n              // }}\r\n              columns={columns}\r\n              locale={{\r\n                emptyText: (\r\n                  <Empty\r\n                    image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                    description=\"Veri Yok\"\r\n                  />\r\n                ),\r\n              }}\r\n              style={{ overflowX: \"auto\", maxHeight: \"100%\", width: \"100%\" }}\r\n              rowKey=\"id\"\r\n              filterable={true}\r\n              sortable={true}\r\n              pageable={true}\r\n              onChange={paging}\r\n              pagination={{\r\n                defaultPageSize: tableDataQueryOptions.take,\r\n                pageSizeOptions: [\"15\", \"25\", \"50\", \"100\"],\r\n                showSizeChanger:true,\r\n                total: tableData.total,\r\n                current: tableDataQueryOptions.current,\r\n              }}\r\n              dataSource={tableData.data}\r\n              loading={tableData.loading}\r\n              size=\"small\"\r\n            />\r\n          </Col>\r\n          </Row>\r\n        </TabPane>\r\n        <TabPane tab=\"Ödendi\" key=\"9\">\r\n          <Row id=\"tableArea\">\r\n          <Col span={24}>\r\n            <Table\r\n              // rowSelection={{\r\n              //   selectedRowKeys: selectedRows.keys,\r\n              //   onChange: onTableSelectChange,\r\n              // }}\r\n              columns={columns}\r\n              locale={{\r\n                emptyText: (\r\n                  <Empty\r\n                    image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                    description=\"Veri Yok\"\r\n                  />\r\n                ),\r\n              }}\r\n              style={{ overflowX: \"auto\", maxHeight: \"100%\", width: \"100%\" }}\r\n              rowKey=\"id\"\r\n              filterable={true}\r\n              sortable={true}\r\n              pageable={true}\r\n              onChange={paging}\r\n              pagination={{\r\n                defaultPageSize: tableDataQueryOptions.take,\r\n                pageSizeOptions: [\"15\", \"25\", \"50\", \"100\"],\r\n                total: tableData.total,\r\n                showSizeChanger:true,\r\n                current: tableDataQueryOptions.current,\r\n              }}\r\n              dataSource={tableData.data}\r\n              loading={tableData.loading}\r\n              size=\"small\"\r\n            />\r\n          </Col>\r\n          </Row>\r\n        </TabPane>\r\n        <TabPane tab=\"Hatalı\" key=\"3\">\r\n          <Row id=\"tableArea\">\r\n          <Col span={24}>\r\n            <Table\r\n              // rowSelection={{\r\n              //   selectedRowKeys: selectedRows.keys,\r\n              //   onChange: onTableSelectChange,\r\n              // }}\r\n              columns={columns}\r\n              locale={{\r\n                emptyText: (\r\n                  <Empty\r\n                    image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                    description=\"Veri Yok\"\r\n                  />\r\n                ),\r\n              }}\r\n              style={{ overflowX: \"auto\", maxHeight: \"100%\", width: \"100%\" }}\r\n              rowKey=\"id\"\r\n              filterable={true}\r\n              sortable={true}\r\n              pageable={true}\r\n              onChange={paging}\r\n              pagination={{\r\n                defaultPageSize: tableDataQueryOptions.take,\r\n                pageSizeOptions: [\"15\", \"25\", \"50\", \"100\"],\r\n                showSizeChanger:true,\r\n                total: tableData.total,\r\n                current: tableDataQueryOptions.current,\r\n              }}\r\n              dataSource={tableData.data}\r\n              loading={tableData.loading}\r\n              size=\"small\"\r\n            />\r\n          </Col>\r\n          </Row>\r\n        </TabPane>\r\n      </Tabs>\r\n\r\n    \r\n      <Modal\r\n        id=\"createOrderModal\"\r\n        centered\r\n        visible={createOrderModalVisible}\r\n        onOk={() => setCreateOrderModalVisible(false)}\r\n        onCancel={() => setCreateOrderModalVisible(false)}\r\n        width={800}\r\n        footer={null}\r\n      >\r\n        <TosCreateOrderForm\r\n          reCreateMode\r\n          selectedPayments={selectedRows.data}\r\n          data={{ paymentIds: selectedRows.keys }}\r\n        />\r\n      </Modal>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default TosSentPayment;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n  Input,\r\n  Form,\r\n  Col,\r\n  Row,\r\n  Button,\r\n  Select,\r\n  notification,\r\n  Upload,\r\n  Checkbox,\r\n} from \"antd\";\r\nimport {\r\n  PlusOutlined,\r\n  DownloadOutlined,\r\n  UploadOutlined,\r\n} from \"@ant-design/icons\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport ScreenOptions from \"../../util/Extensions/Screens\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport { odata, queryHelper } from \"../Filters/Helper\";\r\nconst { TextArea } = Input;\r\n\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 8,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 12,\r\n    },\r\n  },\r\n};\r\n\r\nconst AccountTransactionRuleAddForm = (props) => {\r\n  const [loading, setLoading] = useState(false);  \r\n  const [form] = Form.useForm();\r\n  const [fileList, setFileList] = useState([]);\r\n  const [operationType2, setOperationType2] = useState();\r\n  const [firmSelect, setFirmSelect] = useState({\r\n    data: [],\r\n    loading: false,\r\n  });\r\n  const [firmClassDropdown, setfirmClassDropdown] = useState({\r\n    data: [],\r\n    loading: false,\r\n  });\r\n\r\n  const [projectSelect, setProjectSelect] = useState({\r\n    data: [],\r\n    loading: false,\r\n  });\r\n\r\n  const [tenantAccountSelect, setTenantAccountSelect] = useState({\r\n    data: [],\r\n    loading: true,\r\n  });\r\n  const [excelRowHidden, setExcelRowHidden] = useState(false);\r\n\r\n  const operationTypes = [\r\n    { id: 0, name: \"Belirtilmemiş\" },\r\n    { id: 1, name: \"Nakit\" },\r\n    { id: 4, name: \"Banka masrafı\" },\r\n    { id: 5, name: \"Stopaj kesintisi\" },\r\n    { id: 6, name: \"Damga vergisi\" },\r\n    { id: 7, name: \"Stopaj üzerinden fon kesintisi\" },\r\n    { id: 8, name: \"Çek tahsilatı\" },\r\n    { id: 9, name: \"Repo Açılış/geri dönüş\" },\r\n    { id: 10, name: \"Vadeli hesap açılışı/ geri dönüş\" },\r\n    { id: 11, name: \"Kredi açılış/kapanış\" },\r\n    { id: 12, name: \"Firma hesaplar arası virman\" },\r\n    { id: 13, name: \"Senet tahsilatı\" },\r\n    { id: 14, name: \"İhracat tahsilatı\" },\r\n    { id: 15, name: \"İthalat ödemesi\" },\r\n    { id: 16, name: \"Döviz alış/satışı\" },\r\n    { id: 17, name: \"Faiz gelir/gideri\" },\r\n    { id: 18, name: \"Karşılıksız senet protesto masrafı\" },\r\n    { id: 19, name: \"Doğrudan borçlandırma\" },\r\n    { id: 20, name: \"KKDF Ödemesi\" },\r\n    { id: 21, name: \"Repo faiz geliri\" },\r\n    { id: 22, name: \"Bono alış/satışı\" },\r\n    { id: 23, name: \"Yatırım fonu alış/satışı\" },\r\n    { id: 24, name: \"İthalat masrafı\" },\r\n    { id: 25, name: \"Teminat mektubu komisyonu\" },\r\n    { id: 26, name: \"Fatura ödemesi\" },\r\n    { id: 27, name: \"Kurumlar fatura\" },\r\n    { id: 28, name: \"BSMV\" },\r\n    { id: 29, name: \"Akreditif ödemesi\" },\r\n    { id: 30, name: \"Akreditif komisyonu\" },\r\n    { id: 31, name: \"Akreditif masrafı\" },\r\n    { id: 999, name: \"Diğer işlemler\" },\r\n  ];\r\n\r\n  useEffect(() => {\r\n    if (props.data) {\r\n      setExcelRowHidden(true);\r\n      form.setFieldsValue(props.data);\r\n\r\n      if (props.data?.firmId !== null) {\r\n        getFirms();\r\n      }\r\n      if (props.data.transactionProjectTypeId !== null) {\r\n        getProjects();\r\n      }\r\n      if (props.data.tenantAccountId !== null) {\r\n        getTenantAccounts();\r\n      } else {\r\n        getAccounts();\r\n      }\r\n    } else {\r\n      getAccounts();\r\n    }\r\n  }, [props.data]);\r\n\r\n  useEffect(() => {\r\n    if (props.isUseForErp == true) {\r\n      RequestHandler.get(`/FirmClass?$filter=isErpType eq true`).then(\r\n        (response) => {\r\n          setfirmClassDropdown({ data: response.value, loading: false });\r\n        }\r\n      );\r\n    } else {\r\n      RequestHandler.get(`/FirmClass`).then((response) => {\r\n        setfirmClassDropdown({ data: response.value, loading: false });\r\n      });\r\n    }\r\n    RequestHandler.get(\"/TenantErpProgram/GetByTenant\").then((response) => {\r\n      if (response) {\r\n        setOperationType2(response.isOperationType2);\r\n      }\r\n    });\r\n  }, []);\r\n\r\n  const onSuccess = () => {\r\n    form.resetFields();\r\n    setFileList([]);\r\n\r\n    if (props.onSuccess) props.onSuccess();\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    if (values.transactionProcessType === 0) {\r\n      values.transactionProcessType = null;\r\n    }\r\n    RequestHandler.post(`/AccountTransactionRule`, values).then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        onSuccess();\r\n      }\r\n    });\r\n  };\r\n\r\n  const onFirmSearch = (value) => {\r\n    if (value.length >= 2) {\r\n      setFirmSelect({ data: [], loading: true });\r\n\r\n      RequestHandler.get(\r\n        `/Firm?$select=id,firmBranchNumber,name&$filter=${odata.contains(\r\n          \"name\",\r\n          value\r\n        )} or ${odata.contains(\"firmBranchNumber\", value)}`\r\n      ).then((res) => {\r\n        setFirmSelect({ data: res.value, loading: false });\r\n      });\r\n    } else {\r\n      setFirmSelect({ data: [], loading: false });\r\n    }\r\n  };\r\n\r\n  const onProjectSearch = (value) => {\r\n    if (value.length >= 2) {\r\n      setProjectSelect({ data: [], loading: true });\r\n\r\n      RequestHandler.get(\r\n        `/TransactionProjectType?$select=id,projectCode,name&$filter=(${odata.contains(\r\n          \"name\",\r\n          value\r\n        )} or ${odata.contains(\"projectCode\", value)})  and Name ne 'Diğer'`\r\n      ).then((res) => {\r\n        setProjectSelect({ data: res.value, loading: false });\r\n      });\r\n    } else {\r\n      setProjectSelect({ data: [], loading: false });\r\n    }\r\n  };\r\n\r\n  const onFinishFailed = (errorInfo) => {\r\n    setLoading(false);\r\n  };\r\n\r\n  const downloadExcelTemplate = () => {\r\n    window.open(\r\n      `${\r\n        config.apiUrl\r\n      }/AccountTransactionRule/DownloadExcel?t=${RequestHandler.getToken()}`\r\n    );\r\n  };\r\n\r\n  const downloadImportResult = (fileName) => {\r\n    window.open(\r\n      `${\r\n        config.apiUrl\r\n      }/AccountTransactionRule/DownloadImportResult?t=${RequestHandler.getToken()}&fileName=${fileName}`\r\n    );\r\n  };\r\n\r\n  const uploadExcelProps = {\r\n    name: \"excel\",\r\n    action: `${config.apiUrl}/AccountTransactionRule/ImportExcel`,\r\n    headers: {\r\n      Authorization: \"bearer \" + RequestHandler.getToken(),\r\n      ScreenOption: ScreenOptions.screen,\r\n    },\r\n    accept: \".xlsx\",\r\n    maxCount: 1,\r\n    onChange(info) {\r\n      setFileList(info.fileList);\r\n      const { response, status } = info.file;\r\n\r\n      if (status !== \"error\" && status !== \"done\") return;\r\n      if (!response) return;\r\n\r\n      const notificationType = response.success ? \"success\" : \"error\";\r\n\r\n      notification[notificationType]({\r\n        message: response.message,\r\n        duration: 3,\r\n      });\r\n      if (!response.success) {\r\n        downloadImportResult(info.file.response.data);\r\n      }\r\n      onSuccess();\r\n    },\r\n  };\r\n\r\n  const getAccounts = () => {\r\n    setTenantAccountSelect({\r\n      ...tenantAccountSelect,\r\n      loading: true,\r\n    });\r\n    RequestHandler.get(`/TenantAccount?$filter=bankId ne 999`).then(\r\n      (response) => {\r\n        setTenantAccountSelect({\r\n          data: response.value,\r\n          loading: false,\r\n        });\r\n      }\r\n    );\r\n  };\r\n\r\n  const getTenantAccounts = () => {\r\n    setTenantAccountSelect({\r\n      ...tenantAccountSelect,\r\n      loading: true,\r\n    });\r\n    RequestHandler.get(\r\n      `/TenantAccount?$filter=id eq ${props.data.tenantAccountId}`\r\n    ).then((response) => {\r\n      setTenantAccountSelect({\r\n        data: response.value,\r\n        loading: false,\r\n      });\r\n    });\r\n  };\r\n\r\n  const getFirms = () => {\r\n    setFirmSelect({\r\n      ...firmSelect,\r\n      loading: true,\r\n    });\r\n    RequestHandler.get(\r\n      `/Firm?$select=id,firmBranchNumber,name&$filter=id eq ${props.data.firmId}`\r\n    ).then((response) => {\r\n      setFirmSelect({\r\n        data: response.value,\r\n        loading: false,\r\n      });\r\n    });\r\n  };\r\n\r\n  const getProjects = () => {\r\n    setProjectSelect({\r\n      ...projectSelect,\r\n      loading: true,\r\n    });\r\n    RequestHandler.get(\r\n      `/TransactionProjectType?$select=id,projectCode,name&$filter=id eq ${props.data.transactionProjectTypeId}`\r\n    ).then((response) => {\r\n      setProjectSelect({\r\n        data: response.value,\r\n        loading: false,\r\n      });\r\n    });\r\n  };\r\n\r\n  return (\r\n    <Form\r\n      {...formItemLayout}\r\n      form={form}\r\n      name=\"AccountTransactionRuleAdd\"\r\n      initialValues={{\r\n        remember: true,\r\n      }}\r\n      onFinish={onFinish}\r\n      onFinishFailed={onFinishFailed}\r\n    >\r\n      <Row>\r\n        <Col span={24}>\r\n          <Form.Item\r\n            label=\"Kural Adı\"\r\n            name=\"name\"\r\n            rules={[\r\n              { required: true, message: \"Lütfen Kural adını boş bırakmayın.\" },\r\n            ]}\r\n          >\r\n            <Input />\r\n          </Form.Item>\r\n\r\n          <Form.Item label=\"Banka Hesabı\" name=\"tenantAccountId\">\r\n            <Select\r\n              allowClear\r\n              showSearch\r\n              placeholder=\"Seçiniz\"\r\n              style={{ width: \"100%\" }}\r\n              dropdownStyle={{ minWidth: \"30%\" }}\r\n              filterOption={(input, option) =>\r\n                option.props.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n              loading={tenantAccountSelect.loading}\r\n            >\r\n              {tenantAccountSelect.data.map(\r\n                ({\r\n                  id,\r\n                  name,\r\n                  currencyId,\r\n                  currency,\r\n                  bankName,\r\n                  accountNumber,\r\n                  iban,\r\n                }) => (\r\n                  <Select.Option\r\n                    key={id}\r\n                    value={id}\r\n                    name={name}\r\n                    currencyId={currencyId}\r\n                    bankName={bankName}\r\n                    accountNumber={accountNumber}\r\n                    iban={iban}\r\n                  >\r\n                    {name\r\n                      ? `${name} (${currency})`\r\n                      : ` ${bankName} (${\r\n                          accountNumber ? accountNumber : iban\r\n                        }) (${currency})`}\r\n                  </Select.Option>\r\n                )\r\n              )}\r\n            </Select>\r\n          </Form.Item>\r\n\r\n          <Form.Item\r\n            label=\"Hesap Hareketi İşlem Tipi\"\r\n            name=\"transactionProcessType\"\r\n          >\r\n            <Select\r\n              allowClear\r\n              placeholder=\"Tümü\"\r\n              filterOption={(input, option) =>\r\n                option.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n            >\r\n              <Select.Option key={0} value={0}>\r\n                Tümü\r\n              </Select.Option>\r\n              <Select.Option key={1} value={1}>\r\n                Tahsilat\r\n              </Select.Option>\r\n              <Select.Option key={2} value={2}>\r\n                Ödeme\r\n              </Select.Option>\r\n            </Select>\r\n          </Form.Item>\r\n\r\n          <Form.Item\r\n            label=\"Kural Metni\"\r\n            name=\"key\"\r\n            rules={[\r\n              {\r\n                required: true,\r\n                message: \"Lütfen Kural Metni alanını boş bırakmayın.\",\r\n              },\r\n            ]}\r\n          >\r\n            <TextArea rows={4} />\r\n          </Form.Item>\r\n\r\n          <Form.Item label=\"Ek Kural Metni\" name=\"additionalKey\">\r\n            <TextArea rows={4} />\r\n          </Form.Item>\r\n\r\n          <Form.Item label=\"Açıklama\" name=\"replaceKey\">\r\n            <TextArea rows={4} />\r\n          </Form.Item>\r\n\r\n          {/* <Form.Item label=\"Belge Tipi\" name=\"documentType\">\r\n            <Input />\r\n          </Form.Item> */}\r\n\r\n          <Form.Item\r\n            label={props.isUseForErp == true ? \"İşlem Tipi\" : \"Cari Sınıfı\"}\r\n            name=\"firmClassId\"\r\n          >\r\n            <Select\r\n              allowClear\r\n              showSearch\r\n              placeholder=\"Seçiniz\"\r\n              optionFilterProp=\"children\"\r\n              filterOption={(input, option) =>\r\n                option.props.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n            >\r\n              {firmClassDropdown.data.map((item) => (\r\n                <Select.Option key={item.id} value={item.id}>\r\n                  {item.name}\r\n                </Select.Option>\r\n              ))}\r\n            </Select>\r\n          </Form.Item>\r\n\r\n          <Form.Item name=\"operationType\" label=\"İşlem Türü :\">\r\n            <Select allowClear placeholder=\"Tümü\">\r\n              {operationTypes.map((item) => (\r\n                <Select.Option key={item.id} value={item.id}>\r\n                  {item.name}\r\n                </Select.Option>\r\n              ))}\r\n            </Select>\r\n          </Form.Item>\r\n\r\n          {operationType2 && (\r\n            <Form.Item name=\"operationType2\" label=\"2. İşlem Türü :\">\r\n              <Select allowClear placeholder=\"Tümü\">\r\n                {operationTypes.map((item) => (\r\n                  <Select.Option key={item.id} value={item.id}>\r\n                    {item.name}\r\n                  </Select.Option>\r\n                ))}\r\n              </Select>\r\n            </Form.Item>\r\n          )}\r\n\r\n          <Form.Item\r\n            label={props.isUseForErp == true ? \"Erp Kodu\" : \"Cari Adı\"}\r\n            name=\"firmId\"\r\n          >\r\n            <Select\r\n              allowClear\r\n              showSearch\r\n              placeholder=\"En az 2 harf giriniz..\"\r\n              onSearch={onFirmSearch}\r\n              style={{ width: \"100%\" }}\r\n              dropdownStyle={{ minWidth: \"30%\" }}\r\n              filterOption={(input, option) =>\r\n                option.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0 ||\r\n                option.code\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n              loading={firmSelect.loading}\r\n            >\r\n              {firmSelect.data.map((item) => (\r\n                <Select.Option\r\n                  key={item.id}\r\n                  value={item.id}\r\n                  code={item.firmBranchNumber}\r\n                >\r\n                  {item.name + \" (\" + item.firmBranchNumber + \")\"}\r\n                </Select.Option>\r\n              ))}\r\n            </Select>\r\n          </Form.Item>\r\n   \r\n          {props.isUseForErp == true && (\r\n            <Form.Item label=\"Referans Kodu\" name=\"referenceCode\">\r\n              <Input />\r\n            </Form.Item>\r\n          )}\r\n\r\n          {props.isUseForErp == true && (\r\n            <Form.Item label=\"Proje Kodu\" name=\"transactionProjectTypeId\">\r\n              <Select\r\n                allowClear\r\n                showSearch\r\n                placeholder=\"En az 2 harf giriniz..\"\r\n                onSearch={onProjectSearch}\r\n                style={{ width: \"100%\" }}\r\n                dropdownStyle={{ minWidth: \"30%\" }}\r\n                filterOption={(input, option) =>\r\n                  option.children\r\n                    .toLocaleLowerCase(\"tr-TR\")\r\n                    .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0 ||\r\n                  option.code\r\n                    .toLocaleLowerCase(\"tr-TR\")\r\n                    .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                }\r\n                loading={projectSelect.loading}\r\n              >\r\n                {projectSelect.data.map((item) => (\r\n                  <Select.Option\r\n                    key={item.id}\r\n                    value={item.id}\r\n                    code={item.projectCode}\r\n                  >\r\n                    {item.name + \" (\" + item.projectCode + \")\"}\r\n                  </Select.Option>\r\n                ))}\r\n              </Select>\r\n            </Form.Item>\r\n          )}\r\n\r\n       \r\n         { props.isActiveAutoTransfer == true && ( <Form.Item label=\"Otomatik Aktarım'da kullanılsın\" name=\"isAutoTransfer\" valuePropName=\"checked\"><Checkbox  /></Form.Item>)}\r\n\r\n          {/* \r\n          <Form.Item label=\"Muhasebe Kodu\" name=\"accountingCode\">\r\n            <Input />\r\n          </Form.Item>\r\n\r\n          <Form.Item label=\"Referans Kodu\" name=\"referenceCode\">\r\n            <Input />\r\n          </Form.Item>\r\n\r\n          <Form.Item\r\n            label=\"Sorumluluk Merkezi\"\r\n            name=\"centerOfResponsibilityCode\"\r\n          >\r\n            <Input />\r\n          </Form.Item> */}\r\n          <Row justify=\"space-between\">\r\n            {excelRowHidden ? (\r\n              <col></col>\r\n            ) : (\r\n              <Col>\r\n                <Button\r\n                  icon={<DownloadOutlined />}\r\n                  onClick={(() => setLoading(true), downloadExcelTemplate)}\r\n                  loading={loading}\r\n                >\r\n                  Excel Şablonu İndir\r\n                </Button>\r\n                <Upload {...uploadExcelProps} fileList={fileList}>\r\n                  <Button icon={<UploadOutlined />}>Excel ile Ekle</Button>\r\n                </Upload>\r\n              </Col>\r\n            )}\r\n\r\n            <Col>\r\n              <Button\r\n                type=\"primary\"\r\n                icon={<PlusOutlined />}\r\n                htmlType=\"submit\"\r\n                onClick={() => setLoading(true)}\r\n                loading={loading}\r\n              >\r\n                Ekle\r\n              </Button>\r\n            </Col>\r\n          </Row>\r\n        </Col>\r\n      </Row>\r\n    </Form>\r\n  );\r\n};\r\nexport default AccountTransactionRuleAddForm;\r\n","import React, { useState } from \"react\";\r\nimport NetsisErpFirmReport from \"./ErpFirmReport\";\r\nimport NetsisErpFirmInvoiceReport from \"./ErpFirmInvoiceReport\";\r\n\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { odata } from \"../../../Filters/Helper\";\r\n\r\nimport { Tabs, Select, Row, Col } from \"antd\";\r\nimport { BarsOutlined } from \"@ant-design/icons\";\r\nconst { TabPane } = Tabs;\r\n\r\n\r\nconst NetsisErpReportPage = () => {\r\n  const [firmSelect, setFirmSelect] = useState({\r\n    data: [],\r\n    loading: false,\r\n  });\r\n  const [activeFirmCode, setActiveFirmCode] = useState();\r\n\r\n\r\n  const onFirmSeach = (value) => {\r\n    if (value.length >= 2) {\r\n      setFirmSelect({ data: [], loading: true });\r\n\r\n      RequestHandler.get(\r\n        `/Firm?$select=id,firmBranchNumber,name&$filter=${odata.contains(\r\n          \"name\",\r\n          value\r\n        )} or ${odata.contains(\"firmBranchNumber\", value)}`\r\n      ).then((res) => {\r\n        setFirmSelect({ data: res.value, loading: false });\r\n      });\r\n    } else {\r\n      setFirmSelect({ data: [], loading: false });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n\r\n      <Row>\r\n        <Col xs={16} md={12} lg={16}>\r\n          <p style={{ fontSize: \"120%\", marginTop: -5 }}>\r\n            <BarsOutlined /> CARİ TAKİP\r\n          </p>\r\n        </Col>\r\n        <Col xs={8} md={12} lg={8} style={{ textAlign: 'right' }}>\r\n          <Select\r\n            allowClear\r\n            showSearch\r\n            placeholder=\"Cari Seçiniz\"\r\n            onSearch={onFirmSeach}\r\n            onSelect={(value) => setActiveFirmCode(value)}\r\n            filterOption={(input, option) =>\r\n              option.children\r\n                .toLocaleLowerCase(\"tr-TR\")\r\n                .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0 ||\r\n              option.code\r\n                .toLocaleLowerCase(\"tr-TR\")\r\n                .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n            }\r\n            loading={firmSelect.loading}\r\n            style={{ width: \"100%\" }}\r\n          >\r\n            {firmSelect.data.map((item) => (\r\n              <Select.Option\r\n                key={item.id}\r\n                value={item.firmBranchNumber}\r\n                code={item.firmBranchNumber}\r\n              >\r\n                {item.name}\r\n              </Select.Option>\r\n            ))}\r\n          </Select>\r\n        </Col>\r\n      </Row>\r\n\r\n\r\n      <Tabs defaultActiveKey=\"1\">\r\n        <TabPane tab=\"Cari Ekstre\" key=\"1\">\r\n          <NetsisErpFirmReport activeFirmCode={activeFirmCode} />\r\n        </TabPane>\r\n        <TabPane tab=\"Emanet Faturalar\" key=\"2\">\r\n          <NetsisErpFirmInvoiceReport activeFirmCode={activeFirmCode} />\r\n        </TabPane>\r\n      </Tabs>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default NetsisErpReportPage;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n  Row,\r\n  Col,\r\n  Card,\r\n  Spin,\r\n  DatePicker,\r\n  Form,\r\n  notification,\r\n  Tooltip,\r\n} from \"antd\";\r\nimport { InfoCircleOutlined } from \"@ant-design/icons\";\r\nimport IconWithTextCard from \"./Chartjs/PosHomeWidget\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\nimport PosChart from \"./Chartjs/PosColumnChart\";\r\nimport PosDonutPlotChart from \"./Chartjs/PosDonutPlotChart\";\r\nimport PosGroupColumnChart from \"./Chartjs/PosGroupColumnChart\";\r\nimport PosMultiLinePlotChart from \"./Chartjs/PosMultiLinePlotChart\";\r\nimport moment from \"moment\";\r\n\r\nfunction PosReports() {\r\n  const [monthlyPosVolumeData, setMonthlyPosVolumeData] = useState(\"\");\r\n  const [todayValorAmountValue, setTodayValorAmountValue] = useState({});\r\n  const [returnTransactionValue, setReturnTransactionValue] = useState({});\r\n  const [monthlyBankBasedTotalAmounts, setMonthlyBankBasedTotalAmounts] =\r\n    useState([]);\r\n  const [monthlyBankCommissionAmount, setMonthlyBankCommissionAmount] =\r\n    useState([]);\r\n  const [\r\n    monthlyBankTotalCommissionAmount,\r\n    setMonthlyBankTotalCommissionAmount,\r\n  ] = useState([]);\r\n  const [mostMonthlyUsedPos, setMostMonthlyUsedPos] = useState([]);\r\n  const [leastMonthlyUsedPos, setLeastMonthlyUsedPos] = useState([]);\r\n  const [forwardValueDateAmount, setForwardValueDateAmount] = useState([]);\r\n\r\n  var today = new Date();\r\n  const todayMoment = moment();\r\n  const nextWeek = moment(todayMoment).add(7, \"days\");\r\n  const yearA = todayMoment.format(\"YYYY\");\r\n  const monthA = todayMoment.format(\"MM\");\r\n  const defaultDates = moment(`${yearA}/${monthA}`, \"YYYY/MM\").format(\r\n    \"YYYY/MM\"\r\n  );\r\n\r\n  const [bankBasedVolumeDate, setBankBasedVolumeDate] = useState(defaultDates);\r\n\r\n  const [dateRange, setDateRange] = useState({\r\n    startValorDate: moment().format(\"YYYY.MM.DD\"),\r\n    endValorDate: moment().format(\"YYYY.MM.DD\"),\r\n    datePicture: false,\r\n  });\r\n  const [loading, setLoading] = useState(true);\r\n  const [loadingMonthlyBankAmount, setLoadingMonthlyBankAmount] =\r\n    useState(true);\r\n  const [loadingMostMonthlyUsedPos, setloadingMostMonthlyUsedPos] =\r\n    useState(true);\r\n  const [loadingleastMonthlyUsedPos, setloadingleastMonthlyUsedPos] =\r\n    useState(true);\r\n  const [isLoadingForwardValueDate, setIsLoadingForwardValueDate] =\r\n    useState(true);\r\n  const [\r\n    loadingmonthlyBankBasedTotalAmountsReport,\r\n    setloadingmonthlyBankBasedTotalAmountsReport,\r\n  ] = useState(true);\r\n  const [userSelectedDate, setUserSelectedDate] = useState(false);\r\n\r\n  useEffect(() => getMonthlyPosVolumeReport(), []);\r\n  useEffect(() => todayValueAmountReport(), []);\r\n  useEffect(() => returnTransactionTotalValueReport(), []);\r\n  useEffect(() => monthlyBankCommissionTotalsReport(), []);\r\n  useEffect(() => mostMonthlyUsedPosReport(), []);\r\n  useEffect(() => leastMonthlyUsedPosReport(), []);\r\n  useEffect(() => forwardValueDateAmountReport(), [dateRange]);\r\n\r\n  useEffect(() => {\r\n    if (!userSelectedDate) {\r\n      const requestData = {\r\n        endDate: \"0001-01-01\",\r\n      };\r\n      RequestHandler.post(\r\n        `/PosTransactionReport/MonthlyBankBasedTotalAmountsReport`,\r\n        requestData,\r\n        false\r\n      ).then((response) => {\r\n        setMonthlyBankBasedTotalAmounts(response);\r\n        setLoadingMonthlyBankAmount(false);\r\n      });\r\n    } else {\r\n      const requestData = {\r\n        endDate: bankBasedVolumeDate.format(\"YYYY-MM-DD\"),\r\n      };\r\n      RequestHandler.post(\r\n        `/PosTransactionReport/MonthlyBankBasedTotalAmountsReport`,\r\n        requestData,\r\n        false\r\n      ).then((response) => {\r\n        setMonthlyBankBasedTotalAmounts(response);\r\n        setLoadingMonthlyBankAmount(false);\r\n      });\r\n    }\r\n  }, [userSelectedDate, bankBasedVolumeDate]);\r\n\r\n  const getMonthlyPosVolumeReport = () => {\r\n    RequestHandler.get(\"/PosTransactionReport/MonthlyValueReport\").then(\r\n      (response) => {\r\n        setMonthlyPosVolumeData(response);\r\n        setLoading(false);\r\n      }\r\n    );\r\n  };\r\n\r\n  const todayValueAmountReport = () => {\r\n    RequestHandler.get(\r\n      \"/PosTransactionReport/TodayScheduledValueAmountReport\"\r\n    ).then((response) => {\r\n      setTodayValorAmountValue(response.netAmount);\r\n      setLoading(false);\r\n    });\r\n  };\r\n\r\n  const returnTransactionTotalValueReport = () => {\r\n    RequestHandler.get(\"/PosTransactionReport/ReturnTransactionsReport\").then(\r\n      (response) => {\r\n        setReturnTransactionValue(response.amount);\r\n        setLoading(false);\r\n      }\r\n    );\r\n  };\r\n\r\n  // const monthlyBankBasedTotalAmountsReport = () => {\r\n  //   const requestData = {\r\n  //     endDate: bankBasedVolumeDate,\r\n  //   };\r\n  //   RequestHandler.post(\r\n  //     `/PosTransactionReport/MonthlyBankBasedTotalAmountsReport`,\r\n  //     requestData,\r\n  //     false\r\n  //   ).then((response) => {\r\n  //     setMonthlyBankBasedTotalAmounts(response);\r\n  //     setLoadingMonthlyBankAmount(false);\r\n  //   });\r\n  // };\r\n\r\n  const monthlyBankCommissionTotalsReport = () => {\r\n    RequestHandler.get(\r\n      \"/PosTransactionReport/MonthlyBankCommissionTotalsReport\"\r\n    ).then((response) => {\r\n      setMonthlyBankCommissionAmount(response);\r\n      var lastIndex = response[response.length - 1];\r\n      setMonthlyBankTotalCommissionAmount(lastIndex.commissionAmount);\r\n      setloadingmonthlyBankBasedTotalAmountsReport(false);\r\n    });\r\n  };\r\n\r\n  const mostMonthlyUsedPosReport = () => {\r\n    RequestHandler.get(\"/PosTransactionReport/MostMonthlyUsedPosReport\").then(\r\n      (response) => {\r\n        setMostMonthlyUsedPos(response);\r\n        setloadingMostMonthlyUsedPos(false);\r\n      }\r\n    );\r\n  };\r\n\r\n  const leastMonthlyUsedPosReport = () => {\r\n    RequestHandler.get(\"/PosTransactionReport/LeastMonthlyUsedPosReport\").then(\r\n      (response) => {\r\n        setLeastMonthlyUsedPos(response);\r\n        setloadingleastMonthlyUsedPos(false);\r\n      }\r\n    );\r\n  };\r\n\r\n  const forwardValueDateAmountReport = () => {\r\n    const requestData = {\r\n      endDate: dateRange.endValorDate,\r\n      startDate: dateRange.startValorDate,\r\n      datePicker: dateRange.datePicture,\r\n    };\r\n    RequestHandler.post(\r\n      `/PosTransactionReport/ForwardValueDateAmountReport`,\r\n      requestData,\r\n      false\r\n    ).then((response) => {\r\n      setForwardValueDateAmount(response);\r\n      setIsLoadingForwardValueDate(false);\r\n    });\r\n  };\r\n\r\n  function formatAmount(amount) {\r\n    const formattedAmount = new Intl.NumberFormat(\"tr-TR\", {\r\n      style: \"currency\",\r\n      currency: \"TRY\",\r\n      minimumFractionDigits: 2,\r\n    }).format(amount);\r\n\r\n    return formattedAmount;\r\n  }\r\n\r\n  //#region  Ayın tarihini SubTitle alanına işler.\r\n  const currentDate = new Date();\r\n  const firstDayOfMonth = new Date(\r\n    currentDate.getFullYear(),\r\n    currentDate.getMonth(),\r\n    1\r\n  );\r\n  const lastDayOfMonth = new Date(\r\n    currentDate.getFullYear(),\r\n    currentDate.getMonth() + 1,\r\n    0\r\n  );\r\n\r\n  const startDate = formatDate(firstDayOfMonth);\r\n  const endDate = formatDate(lastDayOfMonth);\r\n\r\n  function formatDate(date) {\r\n    const year = date.getFullYear();\r\n    const month = String(date.getMonth() + 1).padStart(2, \"0\");\r\n    const day = String(date.getDate()).padStart(2, \"0\");\r\n\r\n    return `${year}-${month}-${day}`;\r\n  }\r\n\r\n  function formatCustomDateRange(startDate, endDate) {\r\n    const startDay = startDate.getDate();\r\n    const endDay = endDate.getDate();\r\n    const startMonth = startDate.toLocaleString(\"default\", { month: \"long\" });\r\n\r\n    return `${startDay}-${endDay} ${startMonth}`;\r\n  }\r\n  //#endregion\r\n\r\n  const ayAdlari = [\r\n    \"Ocak\",\r\n    \"Şubat\",\r\n    \"Mart\",\r\n    \"Nisan\",\r\n    \"Mayıs\",\r\n    \"Haziran\",\r\n    \"Temmuz\",\r\n    \"Ağustos\",\r\n    \"Eylül\",\r\n    \"Ekim\",\r\n    \"Kasım\",\r\n    \"Aralık\",\r\n  ];\r\n\r\n  var day = today.getDate();\r\n  var month = ayAdlari[today.getMonth()];\r\n\r\n  const handleDateRangeChange = (dates) => {\r\n    if (dates && dates.length === 2) {\r\n      const [newStartValorDate, newEndValorDate] = dates;\r\n\r\n      if (newStartValorDate && newEndValorDate) {\r\n        const diffInDays = Math.abs(\r\n          newEndValorDate.diff(newStartValorDate, \"days\")\r\n        );\r\n\r\n        if (diffInDays > 30) {\r\n          notification.error({\r\n            message: \"Hata\",\r\n            description:\r\n              \"Başlangıç ve bitiş tarihleri arasındaki fark 30 günden fazla olamaz.\",\r\n          });\r\n\r\n          const startFormattedDate = newStartValorDate.format(\"YYYY.MM.DD\");\r\n\r\n          setDateRange({\r\n            startValorDate: startFormattedDate,\r\n            endValorDate: moment(startFormattedDate)\r\n              .add(30, \"days\")\r\n              .format(\"YYYY.MM.DD\"),\r\n            datePicture: true,\r\n          });\r\n        } else {\r\n          const startFormattedDate = newStartValorDate.format(\"YYYY.MM.DD\");\r\n          const endFormattedDate = newEndValorDate.format(\"YYYY.MM.DD\");\r\n\r\n          setDateRange({\r\n            startValorDate: startFormattedDate,\r\n            endValorDate: endFormattedDate,\r\n            datePicture: true,\r\n          });\r\n        }\r\n      }\r\n    } else {\r\n      const todayFormattedDate = moment().format(\"YYYY.MM.DD\");\r\n\r\n      setDateRange({\r\n        startValorDate: todayFormattedDate,\r\n        endValorDate: todayFormattedDate,\r\n        datePicture: false,\r\n      });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <Spin spinning={loading}>\r\n        <Row justify=\"space-between\">\r\n          <IconWithTextCard\r\n            icon=\"revenue-new\"\r\n            title={formatAmount(monthlyPosVolumeData.amount)}\r\n            subTitle={formatCustomDateRange(firstDayOfMonth, lastDayOfMonth)}\r\n            descText={<span style={{ color: \"green\" }}>TOPLAM TUTAR</span>}\r\n          />\r\n          <IconWithTextCard\r\n            icon=\"revenue-new\"\r\n            title={formatAmount(monthlyPosVolumeData.commissionAmount)}\r\n            subTitle={formatCustomDateRange(firstDayOfMonth, lastDayOfMonth)}\r\n            descText={<span style={{ color: \"red\" }}>KOMİSYON TUTARI</span>}\r\n          />\r\n          <IconWithTextCard\r\n            icon=\"revenue-new\"\r\n            title={formatAmount(monthlyPosVolumeData.netAmount)}\r\n            subTitle={formatCustomDateRange(firstDayOfMonth, lastDayOfMonth)}\r\n            descText={<span style={{ color: \"green\" }}>NET TUTAR</span>}\r\n          />\r\n          <IconWithTextCard\r\n            icon=\"revenue-new\"\r\n            title={formatAmount(returnTransactionValue)}\r\n            subTitle={formatCustomDateRange(firstDayOfMonth, lastDayOfMonth)}\r\n            descText={\r\n              <span style={{ color: \"red\" }}>İADE EDİLEN HESAP TUTARI</span>\r\n            }\r\n          />\r\n          <IconWithTextCard\r\n            icon=\"revenue-new\"\r\n            title={formatAmount(todayValorAmountValue)}\r\n            subTitle={\r\n              <span>\r\n                {day} {month}\r\n              </span>\r\n            }\r\n            impWidth=\"true\"\r\n            descText={\r\n              <span style={{ color: \"green\" }}>\r\n                 HESABA GEÇMESİ PLANLANAN VALÖR \r\n              </span>\r\n            }\r\n          />\r\n        </Row>\r\n\r\n        <Row justify=\"center\">\r\n          <Col xs={24} md={12} lg={24}>\r\n            <Card>\r\n              <div\r\n                style={{\r\n                  display: \"flex\",\r\n                  justifyContent: \"space-between\",\r\n                  alignItems: \"center\",\r\n                  marginBottom: 15,\r\n                }}\r\n              >\r\n                <h2>BANKA BAZLI HACİM</h2>\r\n                <Form.Item name=\"bankaBazliHacim\">\r\n                  <DatePicker\r\n                    picker=\"month\"\r\n                    format=\"MM.YYYY\"\r\n                    defaultValue={moment(bankBasedVolumeDate, \"YYYY/MM\")}\r\n                    clearIcon={null}\r\n                    // value={defaultDate}\r\n                    onChange={(date, dateString) => {\r\n                      setBankBasedVolumeDate(date);\r\n                      setUserSelectedDate(true);\r\n                    }}\r\n                  />\r\n                </Form.Item>\r\n              </div>\r\n\r\n              <PosMultiLinePlotChart\r\n                data={monthlyBankBasedTotalAmounts}\r\n                isLoading={loadingMonthlyBankAmount}\r\n              />\r\n            </Card>\r\n          </Col>\r\n        </Row>\r\n\r\n        <Row justify=\"center\">\r\n          <Col xs={24} md={12} lg={24}>\r\n            <Card>\r\n              <div\r\n                style={{\r\n                  display: \"flex\",\r\n                  justifyContent: \"space-between\",\r\n                  alignItems: \"center\",\r\n                  marginBottom: 15,\r\n                }}\r\n              >\r\n                <h2>BANKA BAZLI VALÖR</h2>\r\n                <Form.Item name=\"bankaBazliValör\" label=\"Tarih :\">\r\n                  <DatePicker.RangePicker\r\n                    format=\"DD.MM.YYYY\"\r\n                    defaultValue={[todayMoment, nextWeek]}\r\n                    onChange={handleDateRangeChange}\r\n                    onCalendarChange={(dates) => {\r\n                      if (dates && dates.length === 2) {\r\n                        const [newStartValorDate, newEndValorDate] = dates;\r\n\r\n                        if (newStartValorDate && newEndValorDate) {\r\n                          const diffInDays = Math.abs(\r\n                            newEndValorDate.diff(newStartValorDate, \"days\")\r\n                          );\r\n\r\n                          if (diffInDays > 30) {\r\n                            const newEndDate = moment(newStartValorDate).add(\r\n                              30,\r\n                              \"days\"\r\n                            );\r\n                            setDateRange({\r\n                              startValorDate: newStartValorDate,\r\n                              endValorDate: newEndDate,\r\n                              datePicture: true,\r\n                            });\r\n                          } else {\r\n                            setDateRange({\r\n                              startValorDate: newStartValorDate,\r\n                              endValorDate: newEndValorDate,\r\n                              datePicture: true,\r\n                            });\r\n                          }\r\n                        }\r\n                      } else {\r\n                        setDateRange({\r\n                          startValorDate: moment().format(\"YYYY.MM.DD\"),\r\n                          endValorDate: moment().format(\"YYYY.MM.DD\"),\r\n                          datePicture: false,\r\n                        });\r\n                      }\r\n                    }}\r\n                    value={[dateRange.startValorDate, dateRange.endValorDate]}\r\n                  />\r\n                </Form.Item>\r\n              </div>\r\n              <PosGroupColumnChart\r\n                data={forwardValueDateAmount}\r\n                isLoading={isLoadingForwardValueDate}\r\n              />\r\n            </Card>\r\n          </Col>\r\n        </Row>\r\n\r\n        <Row justify=\"center\">\r\n          <Col xs={24} sm={12} md={1} lg={8}>\r\n            <Card>\r\n              <h2>\r\n                Bankalara Göre Komisyon Tutarları{\" \"}\r\n                <Tooltip title=\"Son 1 aylık işlemlere göre veriler görüntülenmektedir.\">\r\n                  <InfoCircleOutlined\r\n                    style={{ color: \"green\", fontSize: \"80%\" }}\r\n                  />\r\n                </Tooltip>\r\n              </h2>\r\n\r\n              <p style={{ fontSize: 25 }}>\r\n                {formatAmount(monthlyBankTotalCommissionAmount)}\r\n              </p>\r\n\r\n              <PosDonutPlotChart\r\n                data={monthlyBankCommissionAmount}\r\n                totalCommissionAmount={formatAmount(\r\n                  monthlyPosVolumeData.commissionAmount\r\n                )}\r\n                isLoading={loadingmonthlyBankBasedTotalAmountsReport}\r\n              />\r\n            </Card>\r\n          </Col>\r\n          <Col xs={24} sm={12} md={8} lg={8}>\r\n            <Card>\r\n              <div\r\n                style={{\r\n                  display: \"flex\",\r\n                  flexDirection: \"column\",\r\n                  alignItems: \"center\",\r\n                  marginBottom: 15,\r\n                }}\r\n              >\r\n                <h2>En Çok Kullanılan Pos</h2>\r\n              </div>\r\n              <PosChart\r\n                data={mostMonthlyUsedPos}\r\n                isLoading={loadingMostMonthlyUsedPos}\r\n              />\r\n            </Card>\r\n          </Col>\r\n          <Col xs={24} sm={12} md={8} lg={8}>\r\n            <Card>\r\n              <div\r\n                style={{\r\n                  display: \"flex\",\r\n                  flexDirection: \"column\",\r\n                  alignItems: \"center\",\r\n                  marginBottom: 15,\r\n                }}\r\n              >\r\n                <h2>En Az Kullanılan Pos</h2>\r\n              </div>\r\n              <PosChart\r\n                data={leastMonthlyUsedPos}\r\n                isLoading={loadingleastMonthlyUsedPos}\r\n              />\r\n            </Card>\r\n          </Col>\r\n        </Row>\r\n      </Spin>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default PosReports;\r\n","import React from \"react\";\r\nimport {\r\n  Comment,\r\n  Avatar,\r\n  message,\r\n  Form,\r\n  Spin,\r\n  Button,\r\n  Row,\r\n  Col,\r\n  Upload,\r\n  List,\r\n  Input,\r\n  Modal,\r\n  Typography,\r\n} from \"antd\";\r\nimport {\r\n  UploadOutlined,\r\n  PictureOutlined,\r\n  DownloadOutlined,\r\n} from \"@ant-design/icons\";\r\nimport moment from \"moment\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport InfiniteScroll from \"react-infinite-scroller\";\r\nimport Replace2x from \"../../util/Extensions/ReplaceExtension\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport MediaQuery from \"react-responsive\";\r\nimport { saveAs } from \"file-saver\";\r\n\r\nconst { TextArea } = Input;\r\nconst { Title } = Typography;\r\nconst CommentList = ({ comments }) => (\r\n  <List\r\n    dataSource={comments}\r\n    header={`${comments.length} ${comments.length > 1 ? \"replies\" : \"reply\"}`}\r\n    itemLayout=\"horizontal\"\r\n    renderItem={(props) => <Comment {...props} />}\r\n  />\r\n);\r\n\r\nconst { Dragger } = Upload;\r\n\r\nconst Editor = ({\r\n  onChange,\r\n  onSubmit,\r\n  submitting,\r\n  value,\r\n  fileList,\r\n  topicId,\r\n}) => (\r\n  <>\r\n    <Form.Item>\r\n      <TextArea rows={4} onChange={onChange} value={value} />\r\n    </Form.Item>\r\n    <Row style={{ justifyContent: \"space-between\" }}>\r\n      <Col style={{ height: 55, marginLeft: 15, width: 140 }}>\r\n        <Dragger\r\n          {...{\r\n            name: \"images\",\r\n            multiple: true,\r\n            action: `${config.apiUrl}/SupportPanel/AddImage`,\r\n            accept: \"image/jpg,image/jpeg,image/png,image/bmp\",\r\n            showUploadList: true,\r\n            headers: {\r\n              Authorization: \"bearer \" + RequestHandler.getToken(),\r\n              titleId: topicId,\r\n              userId: localStorage.getItem(\"userId\"),\r\n            },\r\n            onChange(info) {\r\n              const { status } = info.file;\r\n              if (status !== \"uploading\") {\r\n              }\r\n              if (status === \"done\") {\r\n                message.success(\r\n                  `${info.file.name} adlı fotoğraf başarı ile eklenmiştir.`\r\n                );\r\n                setTimeout(() => {\r\n                  window.location.reload();\r\n                }, 2000);\r\n              } else if (status === \"error\") {\r\n                message.error(\r\n                  `${info.file.name} adlı fotoğrafı eklerken bir sorunla karşılaştık.`\r\n                );\r\n              }\r\n            },\r\n            onDrop(e) {},\r\n          }}\r\n        >\r\n          <div style={{ display: \"flex\", marginLeft: 10 }}>\r\n            <UploadOutlined style={{ marginRight: 10, fontSize: 20 }} />{\" \"}\r\n            Fotoğraf Yükle\r\n          </div>\r\n        </Dragger>\r\n      </Col>\r\n      <Col>\r\n        <Form.Item>\r\n          <Button\r\n            htmlType=\"submit\"\r\n            loading={submitting}\r\n            onClick={onSubmit}\r\n            style={{ marginRight: 15 }}\r\n            type=\"primary\"\r\n          >\r\n            Gönder\r\n          </Button>\r\n        </Form.Item>\r\n      </Col>\r\n    </Row>\r\n  </>\r\n);\r\nconst downloadImage = (val) => {\r\n  saveAs(val, \"image\");\r\n};\r\nclass SupportRequest extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      comments: [],\r\n      submitting: false,\r\n      value: \"\",\r\n      data: [],\r\n      loading: false,\r\n      hasMore: true,\r\n      activeNumber: 1,\r\n      userName: \"\",\r\n      topicId: \"\",\r\n      fileList: [],\r\n      isModalVisible: false,\r\n      pathList: [],\r\n      topicName: \"\",\r\n    };\r\n    this.showModal = this.showModal.bind(this);\r\n    this.handleOk = this.handleOk.bind(this);\r\n    this.handleCancel = this.handleCancel.bind(this);\r\n    localStorage.setItem(\"topicId\", this.props.match.params.id);\r\n  }\r\n  showModal(imagePaths) {\r\n    const paths = [];\r\n    imagePaths.map((path) => {\r\n      paths.push(path.path);\r\n    });\r\n    this.setState({\r\n      pathList: paths,\r\n      isModalVisible: true,\r\n    });\r\n  }\r\n\r\n  handleOk() {\r\n    this.setState({\r\n      isModalVisible: false,\r\n    });\r\n  }\r\n\r\n  handleCancel() {\r\n    this.setState({\r\n      isModalVisible: false,\r\n    });\r\n  }\r\n  handleSubmit = () => {\r\n    if (!this.state.value) {\r\n      return;\r\n    }\r\n\r\n    this.setState({\r\n      submitting: true,\r\n    });\r\n    RequestHandler.post(\r\n      `/SupportPanel`,\r\n      {\r\n        SupportTitleId: this.state.topicId,\r\n        message: this.state.value,\r\n        UserId: localStorage.getItem(\"userId\"),\r\n      },\r\n      false\r\n    ).then((response) => {});\r\n\r\n    setTimeout(() => {\r\n      this.setState({\r\n        submitting: false,\r\n        value: \"\",\r\n        comments: [\r\n          {\r\n            author: this.state.userName,\r\n            avatar: require(\"assets/images/user.jpg\"),\r\n            // avatar: 'https://testapi.paratic.com.tr/content/mobilebanklogo/Kasahesabi.png',\r\n            content: <p>{this.state.value}</p>,\r\n            datetime: moment().fromNow(),\r\n          },\r\n          ...this.state.comments,\r\n        ],\r\n      });\r\n    }, 900);\r\n  };\r\n\r\n  handleChange = (e) => {\r\n    this.setState({\r\n      value: e.target.value,\r\n    });\r\n  };\r\n  componentDidMount() {\r\n    var min = 800;\r\n    var max = 900;\r\n    var rand = min + Math.random() * (max - min);\r\n    const topicId = this.props.match.params.id;\r\n    localStorage.setItem(\"topicId\", topicId);\r\n    var modelList = [];\r\n    RequestHandler.get(`/SupportPanel/GetMessageById/${topicId}`).then(\r\n      (response) => {\r\n        this.setState({\r\n          userName: response.userName,\r\n          topicId: response.id,\r\n          topicName: response.title,\r\n        });\r\n        RequestHandler.get(`/SupportPanel/GetMessagesWithMyId/${topicId}`).then(\r\n          (response) => {\r\n            response.map((item) => {\r\n              const model = {};\r\n              model.author =\r\n                item.userId === null ? item.operationUserName : item.userName;\r\n              model.avatar =\r\n                item.userId == null\r\n                  ? `${config.supportPanelImgUrl}/content/mobilebanklogo/Kasahesabi.png`\r\n                  : require(\"assets/images/user.jpg\");\r\n              model.content = item.message;\r\n              model.supportFiles = item.supportFiles;\r\n              model.datetime = moment(item.addDate).fromNow();\r\n              modelList.push(model);\r\n            });\r\n            setTimeout(() => {\r\n              this.setState({\r\n                comments: modelList,\r\n              });\r\n            }, rand);\r\n          }\r\n        );\r\n      }\r\n    );\r\n    setTimeout(() => {\r\n      this.setState({\r\n        comments: modelList,\r\n      });\r\n    }, rand);\r\n  }\r\n\r\n  // handleInfiniteOnLoad = () => {\r\n  //     let { data } = this.state;\r\n  //     this.setState({\r\n  //       loading: true,\r\n  //     });\r\n  //     if (data.length > 14) {\r\n  //       message.warning('Infinite List loaded all');\r\n  //       this.setState({\r\n  //         hasMore: false,\r\n  //         loading: false,\r\n  //       });\r\n  //       return;\r\n  //     }\r\n  // };\r\n\r\n  render() {\r\n    const topicIdProp = this.props.match.params.id;\r\n    const { comments, submitting, value } = this.state;\r\n    return (\r\n      <>\r\n        <Row>\r\n          <Col className=\"gutter-row\" xs={24} sm={8} md={8} lg={8}>\r\n            <Title level={3}>{this.state.topicName}</Title>\r\n          </Col>\r\n          <Col className=\"gutter-row\" xs={24} sm={16} md={16} lg={16}></Col>\r\n        </Row>\r\n        <Row>\r\n          <Col\r\n            className=\"gutter-row\"\r\n            xs={24}\r\n            sm={8}\r\n            md={8}\r\n            lg={8}\r\n            style={{ marginTop: \"7%\" }}\r\n          >\r\n            <>\r\n              {/* {comments.length > 0 && <CommentList comments={comments} />} */}\r\n              <Comment\r\n                content={\r\n                  <Editor\r\n                    onChange={this.handleChange}\r\n                    onSubmit={this.handleSubmit}\r\n                    submitting={submitting}\r\n                    topicId={topicIdProp}\r\n                    value={value}\r\n                    fileList={this.state.fileList}\r\n                  />\r\n                }\r\n              />\r\n            </>\r\n          </Col>\r\n          <Col className=\"gutter-row\" xs={24} sm={16} md={16} lg={16}>\r\n            <div\r\n              className=\"demo-infinite-container\"\r\n              style={{\r\n                backgroundImage: `url(${require(`assets/images/supportPanelBackground.png`)})`,\r\n              }}\r\n            >\r\n              <InfiniteScroll\r\n                initialLoad={false}\r\n                style={{ overflowY: \"auto\", height: 680 }}\r\n                pageStart={0}\r\n                loadMore={this.handleInfiniteOnLoad}\r\n                hasMore={!this.state.loading && this.state.hasMore}\r\n                useWindow={true}\r\n              >\r\n                <List\r\n                  dataSource={this.state.comments}\r\n                  renderItem={(item) => (\r\n                    <List.Item key={item.id}>\r\n                      <List.Item.Meta\r\n                        avatar={<Avatar src={item.avatar} />}\r\n                        title={\r\n                          <p style={{ width: 750 }}>\r\n                            {item.content === \"Image\" ? (\r\n                              <a\r\n                                onClick={() => {\r\n                                  this.showModal(item.supportFiles);\r\n                                }}\r\n                              >\r\n                                {\" \"}\r\n                                <PictureOutlined\r\n                                  style={{ fontSize: 20 }}\r\n                                />{\" \"}\r\n                                Fotoğrafı görmek için tıklayınız.\r\n                              </a>\r\n                            ) : (\r\n                              item.content\r\n                            )}\r\n                          </p>\r\n                        }\r\n                        description={<p></p>}\r\n                      />\r\n                      <MediaQuery minWidth={1500}>\r\n                        <div style={{ color: \"gray\" }}>{item.datetime} - </div>\r\n                        <div style={{ color: \"gray\" }}> {item.author}</div>\r\n                      </MediaQuery>\r\n                    </List.Item>\r\n                  )}\r\n                >\r\n                  {this.state.loading && this.state.hasMore && (\r\n                    <div className=\"demo-loading-container\">\r\n                      <Spin />\r\n                    </div>\r\n                  )}\r\n                </List>\r\n              </InfiniteScroll>\r\n            </div>\r\n          </Col>\r\n          <Modal\r\n            visible={this.state.isModalVisible}\r\n            okButtonProps={{ hidden: true }}\r\n            onCancel={this.handleCancel}\r\n            footer={null}\r\n            cancelButtonProps={{ hidden: true }}\r\n          >\r\n            {this.state.pathList.map((item) => {\r\n              return (\r\n                <>\r\n                  <a\r\n                    style={{ color: \"black\" }}\r\n                    onClick={() => {\r\n                      downloadImage(item);\r\n                    }}\r\n                  >\r\n                    <DownloadOutlined style={{ fontSize: 26 }} />\r\n                  </a>\r\n                  <img src={item}></img>\r\n                </>\r\n              );\r\n            })}\r\n          </Modal>\r\n        </Row>\r\n      </>\r\n    );\r\n  }\r\n}\r\nexport default SupportRequest;\r\n","import React from \"react\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\n\r\nfunction ParaticPhoneInput(props) {\r\n  return (\r\n    <PhoneInput\r\n      countryCodeEditable={false}\r\n      country={\"tr\"}\r\n      onlyCountries={[\"tr\"]}\r\n      inputClass=\"ant-input\"\r\n      inputStyle={{ width: \"100%\", borderRadius: \"2px\", paddingLeft: \"48px\" }}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport default ParaticPhoneInput;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Tabs, Spin } from \"antd\";\r\nimport FirmUser from \"./FirmUser\";\r\nimport FirmParameter from \"./FirmParameter\";\r\nimport PaymentSet from \"./PaymentSet\";\r\nimport SubFirm from \"./SubFirm\";\r\nimport RequestHandler from \"./../../util/RequestHandler\";\r\nimport PaymentMethod from \"./PaymentMethod\";\r\nconst { TabPane } = Tabs;\r\n\r\nconst FirmPanel = () => {\r\n  const [activeKey, setActiveKey] = useState(null);\r\n  const [spinning, setSpinning] = useState(true);\r\n  const [lastSetTime, setLastSetTime] = useState(0);\r\n  const [usePaymentMethodTab, setUsePaymentMethodTab] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const checkPermissions = async () => {\r\n      try {\r\n        const response = await RequestHandler.get(\"/User/MenuPermissions\", {\r\n          userId: localStorage.getItem(\"userId\"),\r\n        });\r\n\r\n        const tenantParameterResponse = await RequestHandler.get(\r\n          \"/TenantParameter/GetByTenant\"\r\n        );\r\n        setUsePaymentMethodTab(\r\n          tenantParameterResponse?.isPosTransactionUseAdditionalField\r\n        );\r\n\r\n        if (\r\n          response.isAdmin === true ||\r\n          response.isFullPageAuth === true ||\r\n          response.isB2bAdmin === true\r\n        ) {\r\n          const now = Date.now();\r\n          setLastSetTime(now);\r\n          setActiveKey(\"1\");\r\n        } else {\r\n          const res = await RequestHandler.post(\r\n            \"/User/RoleList\",\r\n            {\r\n              UserId: localStorage.getItem(\"userId\"),\r\n            },\r\n            false\r\n          );\r\n\r\n          let b2bRoles = res.data.filter((x) => x.moduleId === 8);\r\n\r\n          if (\r\n            b2bRoles.some(\r\n              (x) =>\r\n                x.controllerName === \"TenantFirmUser\" && x.isActive === true\r\n            )\r\n          ) {\r\n            const now = Date.now();\r\n            setLastSetTime(now);\r\n            setActiveKey(\"1\");\r\n          } else if (\r\n            b2bRoles.some(\r\n              (x) => x.controllerName === \"PaymentSet\" && x.isActive === true\r\n            )\r\n          ) {\r\n            const now = Date.now();\r\n            setLastSetTime(now);\r\n            setActiveKey(\"4\");\r\n          } else if (\r\n            b2bRoles.some(\r\n              (x) => x.controllerName === \"FirmParameter\" && x.isActive === true\r\n            )\r\n          ) {\r\n            const now = Date.now();\r\n            setLastSetTime(now);\r\n            setActiveKey(\"3\");\r\n          } else if (\r\n            b2bRoles.some(\r\n              (x) => x.controllerName === \"SubFirm\" && x.isActive === true\r\n            )\r\n          ) {\r\n            const now = Date.now();\r\n            setLastSetTime(now);\r\n            setActiveKey(\"2\");\r\n          } else if (\r\n            tenantParameterResponse?.isPosTransactionUseAdditionalField === true\r\n          ) {\r\n            const now = Date.now();\r\n            setLastSetTime(now);\r\n            setActiveKey(\"5\");\r\n          }\r\n        }\r\n      } catch (error) {\r\n      } finally {\r\n        setSpinning(false);\r\n        if (activeKey === null) {\r\n          const now = Date.now();\r\n          setLastSetTime(now);\r\n          setActiveKey(\"1\");\r\n        }\r\n      }\r\n    };\r\n\r\n    checkPermissions();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (activeKey !== null) {\r\n      const now = Date.now();\r\n      if (now >= lastSetTime) {\r\n        setActiveKey(activeKey);\r\n      }\r\n    }\r\n  }, [activeKey, lastSetTime]);\r\n\r\n  return (\r\n    <>\r\n      <Spin spinning={spinning}>\r\n        <Tabs\r\n          activeKey={activeKey}\r\n          onChange={(key) => {\r\n            setActiveKey(key);\r\n          }}\r\n        >\r\n          <TabPane tab=\"Bayi Kullanıcıları\" key=\"1\">\r\n            <FirmUser />\r\n          </TabPane>\r\n          <TabPane tab=\"Alt Bayi Kullanıcıları\" key=\"2\">\r\n            <SubFirm />\r\n          </TabPane>\r\n          <TabPane tab=\"Firma Tanımları\" key=\"3\">\r\n            <FirmParameter />\r\n          </TabPane>\r\n          <TabPane tab=\"Ödeme Setleri\" key=\"4\">\r\n            <PaymentSet />\r\n          </TabPane>\r\n\r\n          {usePaymentMethodTab && (\r\n            <TabPane tab=\"Ödeme Şekli Tanımları\" key=\"5\">\r\n              <PaymentMethod />\r\n            </TabPane>\r\n          )}\r\n        </Tabs>\r\n      </Spin>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default FirmPanel;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Form, Col, Row, Button, Input, InputNumber } from \"antd\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { SendOutlined } from \"@ant-design/icons\";\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 8,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 16,\r\n    },\r\n  },\r\n};\r\nconst { TextArea } = Input;\r\n\r\nconst PosCollectionTransactionRefundModal = (props) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [data, setData] = useState({});\r\n  const [form] = Form.useForm();\r\n\r\n  useEffect(() => {\r\n    if (props.data) {\r\n      form.setFieldsValue(props.data);\r\n      setData(props.data);\r\n    }\r\n  }, [props.data]);\r\n\r\n  const onFinish = (values) => {\r\n    RequestHandler.post(\r\n      `/PosCollection/CancelPosProcess`,\r\n      {\r\n        id: data.id,\r\n        refundAmount: values.amount,\r\n        cancelNote: values.cancelNote\r\n      },\r\n      true\r\n    ).then((response) => {\r\n      if (response.success) {\r\n        if (props.onSuccess) props.onSuccess();\r\n      }\r\n      setLoading(false);\r\n    });\r\n  };\r\n\r\n  const onFinishFailed = (errorInfo) => {\r\n    setLoading(false);\r\n  };\r\n  return (\r\n    <>\r\n      <Form\r\n        {...formItemLayout}\r\n        form={form}\r\n        name=\"posCollectionRefundModal\"\r\n        initialValues={{\r\n          remember: true,\r\n        }}\r\n        onFinish={onFinish}\r\n        onFinishFailed={onFinishFailed}\r\n      >\r\n        <Row>\r\n          <Col span={24}>\r\n            <Form.Item label=\"İade Tutarı\" name=\"amount\">\r\n              <InputNumber\r\n                style={{ width: \"100%\" }}\r\n                decimalSeparator=\",\"\r\n                precision={2}\r\n                min={1}\r\n                max={data.amount}\r\n                value={data.amount}\r\n                placeholder=\"0,00\"\r\n              />\r\n            </Form.Item>\r\n            <Form.Item label=\"İptal Notu\" name=\"cancelNote\">\r\n              <TextArea\r\n                autoSize={{ minRows: 3, maxRows: 5 }}\r\n              />\r\n            </Form.Item>\r\n            <Row justify=\"end\" style={{ marginRight: \"4%\" }}>\r\n              <Col>\r\n                <Button\r\n                  type=\"primary\"\r\n                  icon={<SendOutlined />}\r\n                  htmlType=\"submit\"\r\n                  onClick={() => setLoading(true)}\r\n                  loading={loading}\r\n                >\r\n                  {\"İade Talep Et\"}\r\n                </Button>\r\n              </Col>\r\n            </Row>\r\n          </Col>\r\n        </Row>\r\n      </Form>\r\n    </>\r\n  );\r\n};\r\nexport default PosCollectionTransactionRefundModal;\r\n","import React, { useState, useEffect, message } from \"react\";\r\nimport { Form, Col, Row, Button, Input } from \"antd\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { SendOutlined } from \"@ant-design/icons\";\r\nconst formItemLayout = {\r\n    labelCol: {\r\n        xs: {\r\n            span: 24,\r\n        },\r\n        sm: {\r\n            span: 8,\r\n        },\r\n    },\r\n    wrapperCol: {\r\n        xs: {\r\n            span: 24,\r\n        },\r\n        sm: {\r\n            span: 16,\r\n        },\r\n    },\r\n};\r\nconst { TextArea } = Input;\r\nconst PosCollectionTransactionCancelModal = (props) => {\r\n    const [loading, setLoading] = useState(false);\r\n    const [data, setData] = useState({});\r\n    const [form] = Form.useForm();\r\n\r\n    useEffect(() => {\r\n        if (props.data) {\r\n            form.setFieldsValue(props.data);\r\n            setData(props.data);\r\n        }\r\n    }, [props.data]);\r\n\r\n    const onFinish = (values) => {\r\n        RequestHandler.post(\r\n            `/PosCollection/CancelPosProcess`,\r\n            {\r\n                id: data.id,\r\n                cancelNote:values.cancelNote\r\n            },\r\n            true\r\n        ).then((response) => {\r\n            if (response.success) {\r\n                if (props.onSuccess) props.onSuccess();\r\n            }\r\n            setLoading(false);\r\n        });\r\n    };\r\n\r\n    const onFinishFailed = (errorInfo) => {\r\n        setLoading(false);\r\n    };\r\n    return (\r\n        <>\r\n            <Form\r\n                {...formItemLayout}\r\n                form={form}\r\n                name=\"posCollectionCancelModal\"\r\n                initialValues={{\r\n                    remember: true,\r\n                }}\r\n                onFinish={onFinish}\r\n                onFinishFailed={onFinishFailed}\r\n            >\r\n                <Row>\r\n                    <Col span={24}>\r\n                        <Form.Item label=\"İptal Notu\" name=\"cancelNote\">\r\n                            <TextArea\r\n                                autoSize={{ minRows: 3, maxRows: 5 }}\r\n                            />\r\n                        </Form.Item>\r\n                        <Row justify=\"end\" style={{ marginRight: \"4%\" }}>\r\n                            <Col>\r\n                                <Button\r\n                                    type=\"primary\"\r\n                                    icon={<SendOutlined />}\r\n                                    htmlType=\"submit\"\r\n                                    onClick={() => setLoading(true)}\r\n                                    loading={loading}\r\n                                >\r\n                                    {\"İptal Et\"}\r\n                                </Button>\r\n                            </Col>\r\n                        </Row>\r\n                    </Col>\r\n                </Row>\r\n            </Form>\r\n        </>\r\n    );\r\n};\r\nexport default PosCollectionTransactionCancelModal;\r\n","import React, { useState, useEffect } from \"react\";\r\n\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { ColumnHelper, RowHelper } from \"util/TableHelper\";\r\nimport PosCollectionTransactionTableFilter from \"../Filters/PosCollectionTransactionTableFilter\";\r\nimport B2bPosCollectionSendReceiptForm from \"../Forms/B2bPosCollectionSendReceiptForm\";\r\nimport moment from \"moment\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport {\r\n  Table,\r\n  Empty,\r\n  Col,\r\n  Row,\r\n  Tooltip,\r\n  Modal,\r\n  Popconfirm,\r\n  message,\r\n  Button,\r\n} from \"antd\";\r\nimport {\r\n  BarsOutlined,\r\n  CheckCircleOutlined,\r\n  ClockCircleOutlined,\r\n  CloseCircleOutlined,\r\n  FilePdfOutlined,\r\n  DeleteOutlined,\r\n  WarningOutlined,\r\n  FileExcelOutlined,\r\n  UpSquareOutlined,\r\n} from \"@ant-design/icons\";\r\nimport { odata } from \"../Filters/Helper\";\r\nimport Iframe from \"react-iframe\";\r\nimport PosCollectionTransactionRefundModal from \"./PosCollectionTransactionRefundModal\";\r\nimport PosCollectionTransactionCancelModal from \"./PosCollectionTransactionCancelModal\";\r\nimport PosCollectionTransactionCompleteProvisionModal from \"./PosCollectionTransactionCompleteProvisionModal\";\r\n\r\nconst userId = localStorage.getItem(\"userId\");\r\nconst PosCollectionTransaction = (props) => {\r\n  const [tableData, setTableData] = useState({\r\n    data: [],\r\n    total: 0,\r\n    loading: true,\r\n  });\r\n  const [receiptModalVisible, setReceiptModalVisible] = useState();\r\n  const [isReceiptMailSend, setIsReceiptMailSend] = useState();\r\n\r\n  const [tableDataQueryOptions, setTableDataQueryOptions] = useState({\r\n    skip: 0,\r\n    take: 15,\r\n    current: 1,\r\n    filter: \"\",\r\n  });\r\n  const [sendReceiptModal, setSendReceiptModal] = useState({\r\n    visible: false,\r\n    data: null,\r\n  });\r\n  const [order, setOrder] = useState(\"\");\r\n  const [isAdmin, setIsAdmin] = useState(false);\r\n  const [canPosCancelBankIdList, setCanPosCancelBankIdList] = useState([]);\r\n  const [canPosRefundBankIdList, setCanPosRefundBankIdList] = useState([]);\r\n  const [\r\n    canPosCompleteProvisionBankIdList,\r\n    setCanPosCompleteProvisionBankIdList,\r\n  ] = useState([]);\r\n  const [pdfUrl, setPdfUrl] = useState(\"\");\r\n  const [allowCancel, setAllowCancel] = useState(false);\r\n  const [\r\n    posCollectionTransactionRefundModal,\r\n    setPosCollectionTransactionRefundModal,\r\n  ] = useState({\r\n    visible: false,\r\n    data: null,\r\n  });\r\n  const [\r\n    posCollectionTransactionCancelModal,\r\n    setPosCollectionTransactionCancelModal,\r\n  ] = useState({\r\n    visible: false,\r\n    data: null,\r\n  });\r\n\r\n  const [receiptPdfEnabled, setReceiptPdfEnabled] = useState(false);\r\n  const [useAdditionalInformation, setUseAdditionalInformation] =\r\n    useState(false);\r\n  const [\r\n    posCollectionTransactionCompleteProvisionModal,\r\n    setPosCollectionTransactionCompleteProvisionModal,\r\n  ] = useState({\r\n    visible: false,\r\n    data: null,\r\n  });\r\n\r\n  const [allowCompleteProvision, setAllowCompleteProvision] = useState(false);\r\n\r\n  const [isUseB2BCurrencyExChange, setIsUseB2BCurrencyExChange] =\r\n    useState(false);\r\n\r\n  const [\r\n    isUseB2BUnsuccessfulTransactionReceipt,\r\n    setIsUseB2BUnsuccessfulTransactionReceipt,\r\n  ] = useState(false);\r\n  const [\r\n    b2BIsUseAdditionalFieldForPolicy,\r\n    setB2BIsUseAdditionalFieldForPolicy,\r\n  ] = useState(false);\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(\"/TenantParameter/GetByTenant\").then((response) => {\r\n      if (response) {\r\n        setUseAdditionalInformation(\r\n          response.isPosTransactionUseAdditionalField\r\n        );\r\n        setReceiptPdfEnabled(response.paramReceiptPdfEnabled);\r\n        setIsUseB2BCurrencyExChange(response.isUseB2BCurrencyExChange);\r\n        setIsUseB2BUnsuccessfulTransactionReceipt(\r\n          response.isUseB2BUnsuccessfulTransactionReceipt\r\n        );\r\n        setB2BIsUseAdditionalFieldForPolicy(\r\n          response.b2BIsUseAdditionalFieldForPolicy\r\n        );\r\n      }\r\n    });\r\n  }, []);\r\n\r\n  useEffect(() => getTableData(), [order, tableDataQueryOptions]);\r\n\r\n  const getFilterQuery = () => {\r\n    const { filter } = tableDataQueryOptions;\r\n\r\n    const conditions = [];\r\n    let query = \"\";\r\n\r\n    if (filter) {\r\n      conditions.push(filter);\r\n    }\r\n\r\n    if (conditions.length !== 0) {\r\n      query = \"&$filter=\" + conditions.join(\" and \");\r\n    }\r\n    return query;\r\n  };\r\n\r\n  const getTableData = () => {\r\n    setTableData({\r\n      ...tableData,\r\n      loading: true,\r\n    });\r\n\r\n    RequestHandler.get(`/TenantUserParameter/GetDigitParameter`).then(\r\n      (response) => {\r\n        if (response.success) {\r\n          setIsReceiptMailSend(response.data.isReceiptMailSend);\r\n        }\r\n      }\r\n    );\r\n\r\n    RequestHandler.get(`/user/IsAdmin?userId=${userId}`).then((response) => {\r\n      setIsAdmin(response);\r\n    });\r\n    const { skip, take } = tableDataQueryOptions;\r\n\r\n    RequestHandler.get(\r\n      `/PosCollectionTransaction?$count=true${getFilterQuery()}${order}&$skip=${skip}&$top=${take}`\r\n    ).then((response) => {\r\n      if (Array.isArray(response.value)) {\r\n        setTableData({\r\n          data: response.value,\r\n          total: response[\"@odata.count\"],\r\n          loading: false,\r\n        });\r\n      }\r\n    });\r\n    RequestHandler.get(`/Bank`).then((response) => {\r\n      if (Array.isArray(response.value)) {\r\n        let supportPosCancelList = [];\r\n        let supportPosRefundList = [];\r\n        let completeProvisionList = [];\r\n\r\n        response.value.map((item) => {\r\n          if (item.isSupportPosCancel) {\r\n            supportPosCancelList.push(item.id);\r\n          }\r\n          if (item.isSupportPosRefund) {\r\n            supportPosRefundList.push(item.id);\r\n          }\r\n          if (item.isSupportPosPreAuth) {\r\n            completeProvisionList.push(item.id);\r\n          }\r\n        });\r\n        setCanPosCancelBankIdList(supportPosCancelList);\r\n        setCanPosRefundBankIdList(supportPosRefundList);\r\n        setCanPosCompleteProvisionBankIdList(completeProvisionList);\r\n      }\r\n    });\r\n\r\n    RequestHandler.get(\"/TenantUser/IsAllowB2bCancel\").then((response) => {\r\n      setAllowCancel(response);\r\n    });\r\n\r\n    RequestHandler.get(\"/TenantUser/IsAllowB2bCompleteProvision\").then(\r\n      (response) => {\r\n        setAllowCompleteProvision(response);\r\n      }\r\n    );\r\n  };\r\n\r\n  const paging = (p, filters, sorter) => {\r\n    let order = \"\";\r\n    if (sorter.columnKey && sorter.order) {\r\n      order =\r\n        \"&\" +\r\n        (sorter.order === \"ascend\"\r\n          ? odata.orderBy(sorter.columnKey)\r\n          : odata.orderByDesc(sorter.columnKey));\r\n    }\r\n    setOrder(order);\r\n    setTableDataQueryOptions((prevState) => {\r\n      return {\r\n        ...prevState,\r\n        skip: (p.current - 1) * prevState.take,\r\n        take: p.pageSize,\r\n        current: p.current,\r\n      };\r\n    });\r\n  };\r\n\r\n  const onClearTableFilter = () => {\r\n    setTableDataQueryOptions({\r\n      skip: 0,\r\n      current: 1,\r\n      take: tableDataQueryOptions.take,\r\n      filter: \"\",\r\n    });\r\n  };\r\n\r\n  const setCancelPosTransaction = (row) => {\r\n    if (row.isCanRefund) {\r\n      setPosCollectionTransactionRefundModal({\r\n        data: row,\r\n        visible: true,\r\n      });\r\n      return;\r\n    }\r\n    if (row.isCanCancel) {\r\n      setPosCollectionTransactionCancelModal({\r\n        data: row,\r\n        visible: true,\r\n      });\r\n      return;\r\n    }\r\n  };\r\n\r\n  const setCompleteProvision = (row) => {\r\n    setPosCollectionTransactionCompleteProvisionModal({\r\n      data: row,\r\n      visible: true,\r\n    });\r\n    return;\r\n  };\r\n\r\n  const refundRequestChangeStatus = (id, status) => {\r\n    RequestHandler.post(\r\n      `/PosCollectionTransaction/ChangeRefundRequestStatus/${id}?status=${status}`,\r\n      null,\r\n      false\r\n    ).then((response) => {\r\n      getTableData();\r\n    });\r\n  };\r\n\r\n  const onFinishTableFilter = (query) => {\r\n    setTableDataQueryOptions((prevState) => {\r\n      return { skip: 0, current: 1, take: prevState.take, filter: query };\r\n    });\r\n  };\r\n\r\n  const onClickSendReceipt = (id) => {\r\n    setSendReceiptModal({ visible: true, data: { id } });\r\n  };\r\n  const onClickShowReceipt = (id, state) => {\r\n    const hideMessage = message.loading(\"Pdf açılyor...\", 0);\r\n    RequestHandler.get(\r\n      `/PosCollectionTransaction/DownloadPdfReceiptColumnsWithDoc?id=${id}&state=${state}`,\r\n      undefined,\r\n      { rawResponse: true }\r\n    ).then((response) => {\r\n      hideMessage();\r\n      setPdfUrl(response.data);\r\n      setTimeout(() => {\r\n        setReceiptModalVisible(true);\r\n      }, 1000);\r\n    });\r\n  };\r\n\r\n  const handleOkReceipt = () => {\r\n    setPdfUrl(\"\");\r\n    setReceiptModalVisible(false);\r\n  };\r\n  const handleCancelReceipt = () => {\r\n    setPdfUrl(\"\");\r\n    setReceiptModalVisible(false);\r\n  };\r\n  const onClickExportExcel = () => {\r\n    const hideMessage = message.loading(\"Excel indiriliyor...\", 0);\r\n\r\n    RequestHandler.post(\r\n      `/PosCollectionTransaction/ExportExcel`,\r\n      {\r\n        query: getFilterQuery(),\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      hideMessage();\r\n\r\n      if (response) {\r\n        window.open(\r\n          `${\r\n            config.apiUrl\r\n          }/PosCollectionTransaction/DownloadExcel?fileName=${response}&t=${RequestHandler.getToken()}`\r\n        );\r\n      }\r\n    });\r\n  };\r\n\r\n  const columns = [\r\n    {\r\n      title: \"Banka\",\r\n      dataIndex: \"bankLogo\",\r\n      width: 150,\r\n      render: (text) => <img src={text}></img>,\r\n    },\r\n    {\r\n      title: \"Cari Kodu\",\r\n      dataIndex: \"firmCode\",\r\n      render: (data) => (data ? data : \"-\"),\r\n    },\r\n    {\r\n      title: \"İşlemi Yapan\",\r\n      dataIndex: \"addUserName\",\r\n    },\r\n    {\r\n      title: \"Ünvan\",\r\n      dataIndex: \"firmName\",\r\n      render: (data, row) =>\r\n        row.firmCode\r\n          ? row.subFirmId\r\n            ? data + \" - \" + \"( \" + row.subFirmName + \" )\"\r\n            : data\r\n          : row.customerInformation,\r\n    },\r\n    {\r\n      title: \"Tutar\",\r\n      dataIndex: \"netAmount\",\r\n      key: \"netAmount\",\r\n      sorter: true,\r\n      render: (data) => (data === null ? \"\" : ColumnHelper.renderDecimal(data)),\r\n      align: \"right\",\r\n    },\r\n    {\r\n      title: \"Komisyon Tutarı\",\r\n      dataIndex: \"commissionAmount\",\r\n      key: \"commissionAmount\",\r\n      sorter: true,\r\n      render: (data) => (data === null ? \"\" : ColumnHelper.renderDecimal(data)),\r\n      align: \"right\",\r\n    },\r\n    {\r\n      title: \"Toplam Tutar\",\r\n      dataIndex: \"amount\",\r\n      key: \"amount\",\r\n      sorter: true,\r\n      render: ColumnHelper.renderDecimal,\r\n      align: \"right\",\r\n    },\r\n    {\r\n      title: \"Para Birimi\",\r\n      dataIndex: \"currencyCode\",\r\n    },\r\n    {\r\n      title: \"Komisyon Oranı\",\r\n      dataIndex: \"commissionRate\",\r\n      key: \"commissionRate\",\r\n      sorter: true,\r\n      render: (data) => (data === null ? \"\" : ColumnHelper.renderDecimal(data)),\r\n    },\r\n    {\r\n      title: \"Taksit Sayısı\",\r\n      dataIndex: \"installmentCount\",\r\n    },\r\n    {\r\n      title: \"İşlem Tarihi\",\r\n      dataIndex: \"addDate\",\r\n      key: \"addDate\",\r\n      sorter: true,\r\n      align: \"center\",\r\n      render: (data) => moment(data).format(\"DD.MM.YYYY HH:mm\"),\r\n    },\r\n    {\r\n      title: \"Onay Kodu\",\r\n      dataIndex: \"authCode\",\r\n    },\r\n\r\n    {\r\n      title: \"İşlem Sonucu\",\r\n      dataIndex: \"success\",\r\n      align: \"center\",\r\n      render: (data, row) => {\r\n        if (row.isCancel || row.isRefund || row.isPartialRefund) {\r\n          return (\r\n            <Tooltip title={row.message}>\r\n              <WarningOutlined\r\n                style={\r\n                  row.isCancel\r\n                    ? { color: \"red\", fontSize: \"130%\" }\r\n                    : { color: \"orange\", fontSize: \"130%\" }\r\n                }\r\n              />\r\n            </Tooltip>\r\n          );\r\n        } else {\r\n          if (data === null) {\r\n            return (\r\n              <Tooltip title={row.message}>\r\n                <ClockCircleOutlined\r\n                  style={{ color: \"orange\", fontSize: \"130%\" }}\r\n                />\r\n              </Tooltip>\r\n            );\r\n          }\r\n\r\n          if (row.isPreAuth && row.isPreAuthSuccess && !row.success) {\r\n            return (\r\n              <Tooltip title={row.message}>\r\n                <CheckCircleOutlined\r\n                  style={{ color: \"purple\", fontSize: \"130%\" }}\r\n                />\r\n              </Tooltip>\r\n            );\r\n          }\r\n\r\n          return data ? (\r\n            <Tooltip title={row.message}>\r\n              <CheckCircleOutlined\r\n                style={{ color: \"green\", fontSize: \"130%\" }}\r\n              />\r\n            </Tooltip>\r\n          ) : (\r\n            <Tooltip title={row.message}>\r\n              <CloseCircleOutlined style={{ color: \"red\", fontSize: \"130%\" }} />\r\n            </Tooltip>\r\n          );\r\n        }\r\n      },\r\n    },\r\n    allowCancel\r\n      ? {\r\n          title: \"İptal/İade\",\r\n          dataIndex: \"orderId\",\r\n          align: \"center\",\r\n          render: (data, row) => {\r\n            if (\r\n              (row.isCanCancel || row.isCanRefund) &&\r\n              row.success &&\r\n              (canPosCancelBankIdList.includes(row.bankId) ||\r\n                canPosRefundBankIdList.includes(row.bankId))\r\n            ) {\r\n              if (row.orderId !== null) {\r\n                return (\r\n                  <Popconfirm\r\n                    title={\r\n                      row.cancelRefundRequest == 0\r\n                        ? \"İşlemin İptal/İade talebi gelmiştir, işlemi İptal/İade etmek istiyor musunuz?\"\r\n                        : row.isCanCancel\r\n                        ? \"İptal etmek istiyor musunuz?\"\r\n                        : \"Bu işlem gün içinde gerçekleşmediğinden iade işlemi yapılacaktır. Onaylıyor musunuz?\"\r\n                    }\r\n                    okText=\"Evet\"\r\n                    cancelText=\"Hayır\"\r\n                    onConfirm={() => setCancelPosTransaction(row)}\r\n                    onCancel={() => {\r\n                      if (row.cancelRefundRequest == 0) {\r\n                        refundRequestChangeStatus(row.id, 2);\r\n                      }\r\n                    }}\r\n                  >\r\n                    <DeleteOutlined\r\n                      style={{ color: \"red\", fontSize: \"130%\" }}\r\n                    />\r\n                  </Popconfirm>\r\n                );\r\n              } else {\r\n                return (\r\n                  <Tooltip title={\"Bu ödeme iptal edilemez.\"}>\r\n                    <DeleteOutlined style={{ fontSize: \"130%\" }} disabled />\r\n                  </Tooltip>\r\n                );\r\n              }\r\n            } else if (!row.isCanCancel && !row.isCanRefund) {\r\n              return (\r\n                <Tooltip\r\n                  title={\r\n                    \"Ödeme tarihinden itibaren 1 gün geçen ödemeler iptal edilemez.\"\r\n                  }\r\n                >\r\n                  <DeleteOutlined\r\n                    style={{ fontSize: \"130%\", opacity: \"0.3\" }}\r\n                    disabled\r\n                  />\r\n                </Tooltip>\r\n              );\r\n            } else if (\r\n              row.isPreAuthSuccess &&\r\n              !row.success &&\r\n              !row.isCancel &&\r\n              !row.isRefund &&\r\n              !row.isPartialRefund\r\n            ) {\r\n              if (row.orderId !== null) {\r\n                return (\r\n                  <Popconfirm\r\n                    title={\r\n                      row.cancelRefundRequest == 0\r\n                        ? \"İşlemin İptal talebi gelmiştir, işlemi İptal etmek istiyor musunuz?\"\r\n                        : row.isCanCancel\r\n                        ? \"İptal etmek istiyor musunuz?\"\r\n                        : \"Bu işlem gün içinde gerçekleşmediğinden iade işlemi yapılacaktır. Onaylıyor musunuz?\"\r\n                    }\r\n                    okText=\"Evet\"\r\n                    cancelText=\"Hayır\"\r\n                    onConfirm={() => setCancelPosTransaction(row)}\r\n                    onCancel={() => {\r\n                      if (row.cancelRefundRequest == 0) {\r\n                        refundRequestChangeStatus(row.id, 2);\r\n                      }\r\n                    }}\r\n                  >\r\n                    <DeleteOutlined\r\n                      style={{ color: \"red\", fontSize: \"130%\" }}\r\n                    />\r\n                  </Popconfirm>\r\n                );\r\n              } else {\r\n                return (\r\n                  <Tooltip title={\"Bu ödeme iptal edilemez.\"}>\r\n                    <DeleteOutlined style={{ fontSize: \"130%\" }} disabled />\r\n                  </Tooltip>\r\n                );\r\n              }\r\n            } else {\r\n              return (\r\n                <Tooltip title={\"Bu ödeme iptal edilemez.\"}>\r\n                  <DeleteOutlined\r\n                    style={{ fontSize: \"130%\", opacity: \"0.3\" }}\r\n                    disabled\r\n                  />\r\n                </Tooltip>\r\n              );\r\n            }\r\n          },\r\n        }\r\n      : {},\r\n\r\n    allowCompleteProvision\r\n      ? {\r\n          title: \"Provizyon Kapama\",\r\n          dataIndex: \"orderId\",\r\n          align: \"center\",\r\n          render: (data, row) => {\r\n            if (\r\n              row.isPreAuth &&\r\n              row.isPreAuthSuccess &&\r\n              !row.success &&\r\n              !row.isCancel &&\r\n              !row.isRefund &&\r\n              !row.isPartialRefund &&\r\n              canPosCompleteProvisionBankIdList.includes(row.bankId)\r\n            ) {\r\n              if (row.orderId !== null) {\r\n                return (\r\n                  <Popconfirm\r\n                    title={\r\n                      \"Bu işlem için provizyon kapama yapmak istiyor musunuz?\"\r\n                    }\r\n                    okText=\"Evet\"\r\n                    cancelText=\"Hayır\"\r\n                    onConfirm={() => setCompleteProvision(row)}\r\n                    onCancel={() => {\r\n                      setPosCollectionTransactionCompleteProvisionModal({\r\n                        visible: false,\r\n                        data: null,\r\n                      });\r\n                    }}\r\n                  >\r\n                    <UpSquareOutlined\r\n                      style={{ color: \"purple\", fontSize: \"130%\" }}\r\n                    />\r\n                  </Popconfirm>\r\n                );\r\n              } else {\r\n                return (\r\n                  <Tooltip title={\"Bu işlemde provizyon kapama yapılamaz.\"}>\r\n                    <DeleteOutlined style={{ fontSize: \"130%\" }} disabled />\r\n                  </Tooltip>\r\n                );\r\n              }\r\n            }\r\n          },\r\n        }\r\n      : {},\r\n\r\n    {\r\n      title: \"Provizyon Kapama Tutarı\",\r\n      dataIndex: \"completedProvisionAmount\",\r\n      key: \"completedProvisionAmount\",\r\n      render: (data) => (data === null ? \"\" : ColumnHelper.renderDecimal(data)),\r\n      align: \"right\",\r\n    },\r\n    {\r\n      title: \"Erp Kodu\",\r\n      dataIndex: \"documentNumber\",\r\n    },\r\n    {\r\n      title: \"İşlem Dekontu\",\r\n      dataIndex: \"id\",\r\n      align: \"center\",\r\n      render: (data, row) => {\r\n        const receiptAvailableBankIds = [889, 893];\r\n        if (\r\n          row.success &&\r\n          receiptAvailableBankIds.includes(row.bankId) &&\r\n          !receiptPdfEnabled\r\n        ) {\r\n          return (\r\n            <a onClick={() => onClickSendReceipt(data)}>\r\n              <FilePdfOutlined style={{ color: \"black\", fontSize: \"130%\" }} />\r\n            </a>\r\n          );\r\n        } else if (\r\n          (row.success ||\r\n            row.isCancel ||\r\n            row.isRefund ||\r\n            row.isPartialRefund) &&\r\n          !isReceiptMailSend\r\n        ) {\r\n          return (\r\n            <a onClick={() => onClickShowReceipt(data, \"success\")}>\r\n              <FilePdfOutlined style={{ color: \"black\", fontSize: \"130%\" }} />\r\n            </a>\r\n          );\r\n        } else if (\r\n          (row.success ||\r\n            row.isCancel ||\r\n            row.isRefund ||\r\n            row.isPartialRefund) &&\r\n          isReceiptMailSend\r\n        ) {\r\n          return (\r\n            <a onClick={() => onClickSendReceipt(data, \"success\")}>\r\n              <FilePdfOutlined style={{ color: \"black\", fontSize: \"130%\" }} />\r\n            </a>\r\n          );\r\n        } else if (\r\n          row.success === false &&\r\n          isUseB2BUnsuccessfulTransactionReceipt\r\n        ) {\r\n          return (\r\n            <a onClick={() => onClickShowReceipt(data, \"unsuccessful\")}>\r\n              <FilePdfOutlined style={{ color: \"red\", fontSize: \"130%\" }} />\r\n            </a>\r\n          );\r\n        }\r\n\r\n        return null;\r\n      },\r\n    },\r\n    {\r\n      title: \"İptal Dekontu\",\r\n      dataIndex: \"id\",\r\n      align: \"center\",\r\n      render: (data, row) => {\r\n        if (row.isCancel) {\r\n          return (\r\n            <a onClick={() => onClickShowReceipt(data, \"cancel\")}>\r\n              <FilePdfOutlined style={{ color: \"black\", fontSize: \"130%\" }} />\r\n            </a>\r\n          );\r\n        } else {\r\n          return null;\r\n        }\r\n      },\r\n    },\r\n    {\r\n      title: \"İade Dekontu\",\r\n      dataIndex: \"id\",\r\n      align: \"center\",\r\n      render: (data, row) => {\r\n        if (row.isRefund || row.isPartialRefund) {\r\n          return (\r\n            <a onClick={() => onClickShowReceipt(data, \"refund\")}>\r\n              <FilePdfOutlined style={{ color: \"black\", fontSize: \"130%\" }} />\r\n            </a>\r\n          );\r\n        } else {\r\n          return null;\r\n        }\r\n      },\r\n    },\r\n    {\r\n      title: \"Provizyon Dekontu\",\r\n      dataIndex: \"id\",\r\n      align: \"center\",\r\n      render: (data, row) => {\r\n        if (row.isPreAuthSuccess) {\r\n          return (\r\n            <a onClick={() => onClickShowReceipt(data, \"provision\")}>\r\n              <FilePdfOutlined style={{ color: \"black\", fontSize: \"130%\" }} />\r\n            </a>\r\n          );\r\n        } else {\r\n          return null;\r\n        }\r\n      },\r\n    },\r\n  ];\r\n\r\n  const renderDetailString = (text) => (text ? text : \"-\");\r\n  const detailColumns = [\r\n    {\r\n      title: \"Kart Numarası\",\r\n      dataIndex: \"cardNumber\",\r\n      render: renderDetailString,\r\n    },\r\n    {\r\n      title: \"E-posta\",\r\n      dataIndex: \"customerEmail\",\r\n      render: renderDetailString,\r\n    },\r\n    {\r\n      title: \"Cep Telefonu\",\r\n      dataIndex: \"mobilePhone\",\r\n      render: renderDetailString,\r\n    },\r\n    {\r\n      title: \"Açıklama\",\r\n      dataIndex: \"description\",\r\n      render: renderDetailString,\r\n    },\r\n    {\r\n      title: \"İptal/İade Notu\",\r\n      dataIndex: \"cancelNote\",\r\n      render: renderDetailString,\r\n    },\r\n    {\r\n      title: \"İade Tutarı\",\r\n      dataIndex: \"refundAmount\",\r\n      render: ColumnHelper.renderDecimal,\r\n      align: \"right\",\r\n    },\r\n    {\r\n      title: \"Müşteri Bilgisi\",\r\n      dataIndex: \"customerInformation\",\r\n      render: renderDetailString,\r\n    },\r\n    {\r\n      title: \"Kart Sahibi Adı\",\r\n      dataIndex: \"holderName\",\r\n      render: renderDetailString,\r\n    },\r\n    {\r\n      title: \"İptal/İade Tarihi\",\r\n      dataIndex: \"updateDate\",\r\n      key: \"updateDate\",\r\n      sorter: true,\r\n      align: \"center\",\r\n      render: (data, row) => {\r\n        if (row.isCancel || row.isRefund || row.isPartialRefund) {\r\n          return moment(data).format(\"DD.MM.YYYY HH:mm\");\r\n        }\r\n        return \"\";\r\n      },\r\n    },\r\n  ];\r\n\r\n  if (useAdditionalInformation) {\r\n    detailColumns.push(\r\n      {\r\n        title: \"Sözleşme No\",\r\n        dataIndex: \"contractNumber\",\r\n        render: renderDetailString,\r\n      },\r\n      {\r\n        title: \"Ek Alan\",\r\n        dataIndex: \"memberNumber\",\r\n        render: renderDetailString,\r\n      },\r\n      {\r\n        title: \"TCKN\",\r\n        dataIndex: \"tckn\",\r\n        render: renderDetailString,\r\n      },\r\n      {\r\n        title: \"Şube Adı/Kodu\",\r\n        dataIndex: \"branchCode\",\r\n        render: renderDetailString,\r\n      },\r\n      {\r\n        title: \"Ödeme Şekli\",\r\n        dataIndex: \"paymentMethod\",\r\n        render: renderDetailString,\r\n      }\r\n    );\r\n  }\r\n\r\n  if (isUseB2BCurrencyExChange) {\r\n    detailColumns.push(\r\n      {\r\n        title: \"TL Döviz Karşılığı\",\r\n        dataIndex: \"exchangeTlAmount\",\r\n        render: (data) =>\r\n          data === null ? \"\" : ColumnHelper.renderDecimal(data),\r\n      },\r\n      {\r\n        title: \"USD Döviz Karşılığı\",\r\n        dataIndex: \"exchangeUsdAmount\",\r\n        render: (data) =>\r\n          data === null ? \"\" : ColumnHelper.renderDecimal(data) + \" $\",\r\n      },\r\n      {\r\n        title: \"Euro Döviz Karşılığı\",\r\n        dataIndex: \"exchangeEuroAmount\",\r\n        render: (data) =>\r\n          data === null ? \"\" : ColumnHelper.renderDecimal(data) + \" €\",\r\n      }\r\n    );\r\n  }\r\n\r\n  if (b2BIsUseAdditionalFieldForPolicy) {\r\n    detailColumns.push(\r\n      {\r\n        title: \"Poliçe Numarası\",\r\n        dataIndex: \"contractNumber\",\r\n        render: renderDetailString,\r\n      },\r\n      {\r\n        title: \"TCKN\",\r\n        dataIndex: \"tckn\",\r\n        render: renderDetailString,\r\n      },\r\n      {\r\n        title: \"Poliçe Tanzim Tarihi\",\r\n        dataIndex: \"policyDate\",\r\n        render: (data) =>\r\n          data != null ? moment(data)?.format(\"DD.MM.YYYY\") : \"\",\r\n      }\r\n    );\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <Row>\r\n        <Col xs={24} md={12} lg={16}>\r\n          <p style={{ fontSize: \"120%\", marginTop: -5 }}>\r\n            <BarsOutlined /> Tahsilat Geçmişi\r\n          </p>\r\n        </Col>\r\n        <Col xs={24} md={12} lg={8} style={{ textAlign: \"right\" }}>\r\n          <Tooltip title=\"Excel İndir\">\r\n            <a\r\n              style={{\r\n                color: \"green\",\r\n                fontSize: \"180%\",\r\n                marginRight: 30,\r\n              }}\r\n              onClick={onClickExportExcel}\r\n            >\r\n              <FileExcelOutlined />\r\n            </a>\r\n          </Tooltip>\r\n        </Col>\r\n      </Row>\r\n\r\n      <PosCollectionTransactionTableFilter\r\n        onClearFilter={onClearTableFilter}\r\n        onFinishFilter={onFinishTableFilter}\r\n        style={{ marginTop: 12, marginBottom: 12 }}\r\n      />\r\n\r\n      <Row id=\"tableArea\">\r\n        <Col span={24}>\r\n          <Table\r\n            columns={columns}\r\n            expandable={{\r\n              expandedRowRender: (row) =>\r\n                RowHelper.renderRowDetail({\r\n                  data: row,\r\n                  columns: detailColumns,\r\n                }),\r\n            }}\r\n            locale={{\r\n              emptyText: (\r\n                <Empty\r\n                  image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                  description=\"Veri Yok\"\r\n                />\r\n              ),\r\n            }}\r\n            style={{ overflowX: \"auto\", maxHeight: \"100%\", width: \"100%\" }}\r\n            rowKey=\"id\"\r\n            filterable={true}\r\n            sortable={true}\r\n            pageable={true}\r\n            onChange={paging}\r\n            pagination={{\r\n              defaultPageSize: tableDataQueryOptions.take,\r\n              pageSizeOptions: [\"15\", \"25\", \"50\", \"100\"],\r\n              total: tableData.total,\r\n              current: tableDataQueryOptions.current,\r\n            }}\r\n            dataSource={tableData.data}\r\n            loading={tableData.loading}\r\n            size=\"small\"\r\n            rowClassName={(record, index) =>\r\n              record.cancelRefundRequest == 0\r\n                ? \"table-row-yellow\"\r\n                : \"table-row-default\"\r\n            }\r\n          />\r\n        </Col>\r\n      </Row>\r\n\r\n      <Modal\r\n        id=\"sendReceiptModal\"\r\n        centered\r\n        visible={sendReceiptModal.visible}\r\n        onCancel={() => setSendReceiptModal({ visible: false, data: null })}\r\n        footer={null}\r\n      >\r\n        <B2bPosCollectionSendReceiptForm\r\n          data={sendReceiptModal.data}\r\n          onFinish={() => setSendReceiptModal({ visible: false, data: null })}\r\n        />\r\n      </Modal>\r\n\r\n      <Modal\r\n        title=\"Dekont\"\r\n        width={1200}\r\n        style={{ height: 550 }}\r\n        visible={receiptModalVisible}\r\n        onOk={handleOkReceipt}\r\n        onCancel={handleCancelReceipt}\r\n        footer={null}\r\n      >\r\n        <Iframe\r\n          url={pdfUrl}\r\n          width=\"100%\"\r\n          height=\"550px\"\r\n          id=\"myId\"\r\n          className=\"myClassname\"\r\n          display=\"initial\"\r\n          position=\"relative\"\r\n        />\r\n      </Modal>\r\n\r\n      <Modal\r\n        id=\"posCollectionRefundModal\"\r\n        centered\r\n        width={500}\r\n        visible={posCollectionTransactionRefundModal.visible}\r\n        onCancel={() =>\r\n          setPosCollectionTransactionRefundModal({ visible: false, data: null })\r\n        }\r\n        footer={null}\r\n        title={\"İade Talebi\"}\r\n        destroyOnClose={true}\r\n      >\r\n        <PosCollectionTransactionRefundModal\r\n          data={posCollectionTransactionRefundModal.data}\r\n          onSuccess={() => {\r\n            var data = posCollectionTransactionRefundModal.data;\r\n\r\n            setPosCollectionTransactionRefundModal({\r\n              visible: false,\r\n              data: null,\r\n            });\r\n\r\n            if (data.cancelRefundRequest === 0) {\r\n              refundRequestChangeStatus(data.id, 1);\r\n            } else {\r\n              getTableData();\r\n            }\r\n          }}\r\n        />\r\n      </Modal>\r\n\r\n      <Modal\r\n        id=\"posCollectionCancelModal\"\r\n        centered\r\n        width={500}\r\n        visible={posCollectionTransactionCancelModal.visible}\r\n        onCancel={() =>\r\n          setPosCollectionTransactionCancelModal({ visible: false, data: null })\r\n        }\r\n        footer={null}\r\n        title={\"İptal Talebi\"}\r\n        destroyOnClose={true}\r\n      >\r\n        <PosCollectionTransactionCancelModal\r\n          data={posCollectionTransactionCancelModal.data}\r\n          onSuccess={() => {\r\n            var data = posCollectionTransactionCancelModal.data;\r\n\r\n            setPosCollectionTransactionCancelModal({\r\n              visible: false,\r\n              data: null,\r\n            });\r\n\r\n            if (data.cancelRefundRequest === 0) {\r\n              refundRequestChangeStatus(data.id, 1);\r\n            } else {\r\n              getTableData();\r\n            }\r\n          }}\r\n        />\r\n      </Modal>\r\n\r\n      <Modal\r\n        id=\"posCollectionTransactionCompleteProvisionModal\"\r\n        centered\r\n        width={600}\r\n        visible={posCollectionTransactionCompleteProvisionModal.visible}\r\n        onCancel={() =>\r\n          setPosCollectionTransactionCompleteProvisionModal({\r\n            visible: false,\r\n            data: null,\r\n          })\r\n        }\r\n        footer={null}\r\n        title={\"Provizyon Kapama\"}\r\n        destroyOnClose={true}\r\n      >\r\n        <PosCollectionTransactionCompleteProvisionModal\r\n          data={posCollectionTransactionCompleteProvisionModal.data}\r\n          onSuccess={() => {\r\n            setPosCollectionTransactionCompleteProvisionModal({\r\n              visible: false,\r\n              data: null,\r\n            });\r\n            getTableData();\r\n          }}\r\n        />\r\n      </Modal>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default PosCollectionTransaction;\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\n\r\nimport {\r\n  Col,\r\n  Row,\r\n  Divider,\r\n  Input,\r\n  Form,\r\n  Button,\r\n  Card,\r\n  InputNumber,\r\n  Checkbox,\r\n  Modal,\r\n  Select,\r\n  Space,\r\n  DatePicker,\r\n} from \"antd\";\r\nimport { BarsOutlined, FallOutlined } from \"@ant-design/icons\";\r\nimport Cleave from \"cleave.js/react\";\r\n\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { defaultValidateMessages } from \"../Forms/Helper\";\r\nimport { odata } from \"../Filters/Helper\";\r\nimport { ColumnHelper } from \"util/TableHelper\";\r\nimport PosCommissionTable from \"./PosCommissionTable\";\r\nimport PosSelectableInstallmentTable from \"./PosSelectableInstallmentTable\";\r\nimport PosCollectionAmountSummary from \"./PosCollectionAmountSummary\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport moment from \"moment\";\r\nconst { TextArea } = Input;\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 24,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 24,\r\n    },\r\n  },\r\n};\r\nconst PosCollectionPage = (props) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [creditCardType, setCreditCardType] = useState(\"\");\r\n  const [form] = Form.useForm();\r\n  const [paymentModal, setPaymentModal] = useState({\r\n    visible: false,\r\n    source: null,\r\n  });\r\n  const [availableProviders, setAvailableProviders] = useState({\r\n    loading: true,\r\n    data: [],\r\n  });\r\n  const [firmsBalance, setFirmsBalance] = useState({\r\n    loading: true,\r\n    data: [],\r\n  });\r\n  const [activeFirmBalance, setActiveFirmBalance] = useState(0);\r\n  const [availableInstallments, setAvailableInstallments] = useState({\r\n    loading: false,\r\n    data: [1],\r\n  });\r\n  const [activeProviderId, setActiveProviderId] = useState();\r\n  const [activeFirmId, setActiveFirmId] = useState();\r\n  const [currencyCodes, setCurrencyCodes] = useState([\"TRY\", \"USD\", \"EUR\"]);\r\n  const [firmSelect, setFirmSelect] = useState({\r\n    data: [],\r\n    loading: false,\r\n  });\r\n  const [commissionOptions, setCommissionOptions] = useState({\r\n    loading: true,\r\n    data: {\r\n      useCommissionsForAvailableInstallment: false,\r\n      useFirmGroupCodeForMaxInstallment: false,\r\n      isSelectableInstallmentTable: false,\r\n      posCollectionDescription: null,\r\n      commissions: [],\r\n    },\r\n  });\r\n  const [activeAmount, setActiveAmount] = useState(0);\r\n  const [payableAmount, setPayableAmount] = useState(0);\r\n  const [radioValue, setRadioValue] = useState();\r\n  const iframeRef = useRef();\r\n\r\n  const [confidentialAgreement, setconfidentialAgreement] = useState(\r\n    \"/gizlilik-ve-guvenlik-politikasi.pdf\"\r\n  );\r\n  const [salesAgreement, setSalesAgreement] = useState(\"/tuketici-haklari.pdf\");\r\n  const [isUseCreditCardBinCheck, setIsUseCreditCardBinCheck] = useState();\r\n  const [usePosCommissionTable, setUsePosCommissionTable] = useState(false);\r\n  const [\r\n    commissionOptionsForBinCheckUsage,\r\n    setCommissionOptionsForBinCheckUsage,\r\n  ] = useState({\r\n    loading: true,\r\n    data: {\r\n      useCommissionsForAvailableInstallment: false,\r\n      useFirmGroupCodeForMaxInstallment: false,\r\n      isSelectableInstallmentTable: false,\r\n      posCollectionDescription: null,\r\n      commissions: [],\r\n    },\r\n  });\r\n  const [ozanIframe, setOzanIframe] = useState(false);\r\n  const [requestBin, setRequestBin] = useState(true);\r\n  const [useAdditionalInformation, setUseAdditionalInformation] =\r\n    useState(false);\r\n  const [bankIdFromBinCheckResult, setBankIdFromBinCheckResult] =\r\n    useState(null);\r\n  const [cardKindFromBinCheckResult, setCardKindFromBinCheckResult] =\r\n    useState(null);\r\n  const [b2bFilePath, setB2bFilePath] = useState();\r\n  const [activeCommissionRate, setActiveCommissionRate] = useState(0.0);\r\n  const [selectedCommission, setSelectedCommission] = useState(null);\r\n  const [emailRequired, setEmailRequired] = useState(false);\r\n  const [isUseB2BCurrencyExChange, setIsUseB2BCurrencyExChange] =\r\n    useState(false);\r\n  const [currencyExchangeRates, setCurrencyExchangeRates] = useState({\r\n    data: {\r\n      usdAmount: null,\r\n      euroAmount: null,\r\n      tlAmount: null,\r\n    },\r\n  });\r\n\r\n  const [activeCurrency, setActiveCurrency] = useState(\"TRY\");\r\n  const [paymentMethodList, setPaymentMethodList] = useState({\r\n    loading: true,\r\n    data: [],\r\n  });\r\n  const [selectedPaymentMethod, setSelectedPaymentMethod] = useState();\r\n  const [\r\n    isUseB2BViewCurrencyExchangeRate,\r\n    setIsUseB2BViewCurrencyExchangeRate,\r\n  ] = useState(false);\r\n\r\n  const [viewCurrencyExchangeRates, setViewCurrencyExchangeRates] = useState({\r\n    data: {\r\n      usd: null,\r\n      euro: null,\r\n    },\r\n  });\r\n\r\n  const [isUsePreAuth, setIsUsePreAuth] = useState(false);\r\n  const [preAuthBankIds, setPreAuthBankIds] = useState([]);\r\n  const [activeBankId, setActiveBankId] = useState();\r\n  const [tenantScreenSettings, setTenantScreenSettings] = useState({\r\n    b2BShowCampaignButton: true,\r\n    b2BFirmSelectRequired: false,\r\n    b2BViewUsdOnCurrencyDropDown: true,\r\n    b2BViewEuroOnCurrencyDropDown: true,\r\n    b2BCustomerInformationVisibility: true,\r\n    b2BMobilePhoneVisibility: false,\r\n    b2BTcknVisibility: false,\r\n    b2BShowInstallmentOptionsOnBinCheck: true,\r\n  });\r\n\r\n  const [\r\n    b2BIsUseAdditionalFieldForPolicy,\r\n    setB2BIsUseAdditionalFieldForPolicy,\r\n  ] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      props.match.params.firmId !== undefined &&\r\n      props.match.params.firmId !== null &&\r\n      props.match.params.firmId !== \"\"\r\n    ) {\r\n      RequestHandler.get(\r\n        `/Firm/FirmDropdown?$select=id,firmBranchNumber,name&$filter=id eq ${props.match.params.firmId}`\r\n      ).then((res) => {\r\n        setFirmSelect({ data: res, loading: false });\r\n      });\r\n      setActiveFirmId(props.match.params.firmId);\r\n    }\r\n\r\n    getAvailableProviders();\r\n    getFirmsBalance();\r\n    getTenantScreenSettings();\r\n\r\n    RequestHandler.get(\r\n      \"/Tenant/GetById/\" + localStorage.getItem(\"tenantId\")\r\n    ).then((response) => {\r\n      if (response.confidentialityAgreementPath) {\r\n        setconfidentialAgreement(response.confidentialityAgreementPath);\r\n      }\r\n\r\n      if (response.salesAgreementPath) {\r\n        setSalesAgreement(response.salesAgreementPath);\r\n      }\r\n    });\r\n\r\n    RequestHandler.get(\"/TenantParameter/GetByTenant\").then((response) => {\r\n      if (response) {\r\n        setUseAdditionalInformation(\r\n          response.isPosTransactionUseAdditionalField\r\n        );\r\n        setIsUseCreditCardBinCheck(response.isUseCreditCardBinCheck);\r\n        setB2bFilePath(response.b2BFilePath);\r\n        setIsUseB2BCurrencyExChange(response.isUseB2BCurrencyExChange);\r\n        setIsUseB2BViewCurrencyExchangeRate(\r\n          response.b2BViewCurrencyExchangeRate\r\n        );\r\n        setB2BIsUseAdditionalFieldForPolicy(\r\n          response.b2BIsUseAdditionalFieldForPolicy\r\n        );\r\n        if (!response.isUseCreditCardBinCheck) {\r\n          getCommissionOptions();\r\n        } else {\r\n          setUsePosCommissionTable(true);\r\n          RequestHandler.get(\r\n            `/PosCollection/CommissionOptions?requestForNoPayment=true`\r\n          ).then((response) => {\r\n            if (response.success) {\r\n              setCommissionOptionsForBinCheckUsage({\r\n                data: response.data,\r\n                loading: false,\r\n              });\r\n            } else {\r\n              setCommissionOptionsForBinCheckUsage({\r\n                ...commissionOptions,\r\n                loading: false,\r\n              });\r\n            }\r\n          });\r\n        }\r\n        if (response.isPosTransactionUseAdditionalField) {\r\n          RequestHandler.get(`/PaymentMethod/GetPaymentMethods`).then(\r\n            (response) => {\r\n              setPaymentMethodList({\r\n                data: response,\r\n                loading: false,\r\n              });\r\n            }\r\n          );\r\n        }\r\n        if (response.b2BViewCurrencyExchangeRate) {\r\n          RequestHandler.get(`/Currency`).then((response) => {\r\n            setViewCurrencyExchangeRates({\r\n              data: {\r\n                usd: response?.value?.find((item) => item.code === \"USD\")\r\n                  ?.dailyValue,\r\n                euro: response?.value?.find((item) => item.code === \"EUR\")\r\n                  ?.dailyValue,\r\n              },\r\n            });\r\n          });\r\n        }\r\n\r\n        if (response.b2BIsUseAdditionalFieldForPolicy) {\r\n          form.setFieldsValue({ policyDate: moment() });\r\n        }\r\n      } else {\r\n        getCommissionOptions();\r\n      }\r\n    });\r\n\r\n    RequestHandler.get(\r\n      `/PosCollectionBankInfo?$filter=isUsePreAuth eq true and isActive eq true&$select=bankId`\r\n    ).then((response) => {\r\n      if (response) {\r\n        setPreAuthBankIds(response.value.map((item) => item.bankId));\r\n      }\r\n    });\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (!activeProviderId) return;\r\n    let currencies = [\"TRY\", \"USD\", \"EUR\"];\r\n\r\n    //Param Pos\r\n    if (activeProviderId === 889) {\r\n      currencies = [\"TRY\"];\r\n    }\r\n\r\n    setCurrencyCodes(currencies);\r\n\r\n    if (!tenantScreenSettings.b2BViewUsdOnCurrencyDropDown) {\r\n      setCurrencyCodes((prev) => prev.filter((x) => x !== \"USD\"));\r\n    }\r\n    if (!tenantScreenSettings.b2BViewEuroOnCurrencyDropDown) {\r\n      setCurrencyCodes((prev) => prev.filter((x) => x !== \"EUR\"));\r\n    }\r\n\r\n    setFieldsValue({ currencyCode: currencies[0] });\r\n\r\n    if (!commissionOptions.data.isSelectableInstallmentTable) {\r\n      getAvailableInstallments(\r\n        activeProviderId,\r\n        activeFirmId,\r\n        commissionOptions.data.commissions\r\n      );\r\n    }\r\n  }, [activeProviderId]);\r\n\r\n  useEffect(() => {\r\n    const firmId = activeFirmId === null ? undefined : activeFirmId;\r\n    if (!commissionOptions.data.isSelectableInstallmentTable) {\r\n      getAvailableInstallments(\r\n        activeProviderId,\r\n        activeFirmId,\r\n        commissionOptions.data.commissions\r\n      );\r\n    }\r\n\r\n    //taksit tablosundan banka ve taksit seçmede cari değişince seçimi sıfırlıyoruz.\r\n    clearRadioValue();\r\n\r\n    if (isUseCreditCardBinCheck != undefined && !isUseCreditCardBinCheck) {\r\n      getCommissionOptions(\r\n        firmId,\r\n        undefined,\r\n        undefined,\r\n        undefined,\r\n        selectedPaymentMethod?.paymentSetId\r\n      );\r\n    }\r\n\r\n    form.resetFields([\"cardNumber\"]);\r\n  }, [activeFirmId, isUseCreditCardBinCheck, selectedPaymentMethod]);\r\n\r\n  useEffect(() => {\r\n    if (props.data) {\r\n      setFieldsValue(props.data);\r\n    }\r\n  }, [props.data]);\r\n\r\n  useEffect(() => {\r\n    if (isNaN(payableAmount)) {\r\n      setPayableAmount(0);\r\n    } else {\r\n      setPayableAmount(payableAmount);\r\n    }\r\n  }, [payableAmount]);\r\n\r\n  const getAvailableProviders = () => {\r\n    RequestHandler.get(\"/PosCollection/AvailableProviders\").then((response) => {\r\n      if (response.success) {\r\n        setAvailableProviders({\r\n          data: response.data,\r\n          loading: false,\r\n        });\r\n        setActiveProviderId(response.data?.at(0)?.id);\r\n      } else {\r\n        setAvailableProviders({ ...availableProviders, loading: false });\r\n      }\r\n    });\r\n  };\r\n\r\n  const getCommissionOptions = (\r\n    firmId,\r\n    bankIdFromBinCheck,\r\n    cardKindFromBinCheck,\r\n    amount,\r\n    paymentSetId\r\n  ) => {\r\n    let queryString = firmId ? `?firmId=${firmId}` : \"\";\r\n\r\n    if (amount !== null && amount !== undefined) {\r\n      queryString += `${queryString ? \"&\" : \"?\"}amount=${amount}`;\r\n    }\r\n\r\n    if (bankIdFromBinCheck && firmId) {\r\n      queryString += `&bankIdFromBinCheck=${bankIdFromBinCheck}&cardKindFromBinCheck=${cardKindFromBinCheck}`;\r\n    } else if (bankIdFromBinCheck && queryString != \"\") {\r\n      queryString += `&bankIdFromBinCheck=${bankIdFromBinCheck}&cardKindFromBinCheck=${cardKindFromBinCheck}`;\r\n    } else if (bankIdFromBinCheck && queryString == \"\") {\r\n      queryString += `?bankIdFromBinCheck=${bankIdFromBinCheck}&cardKindFromBinCheck=${cardKindFromBinCheck}`;\r\n    }\r\n\r\n    if (paymentSetId) {\r\n      queryString += `${queryString ? \"&\" : \"?\"}paymentSetId=${paymentSetId}`;\r\n    }\r\n\r\n    RequestHandler.get(`/PosCollection/CommissionOptions${queryString}`).then(\r\n      (response) => {\r\n        if (response.success) {\r\n          setCommissionOptions({\r\n            data: response.data,\r\n            loading: false,\r\n          });\r\n          clearRadioValue();\r\n        } else {\r\n          setCommissionOptions({ ...commissionOptions, loading: false });\r\n        }\r\n      }\r\n    );\r\n  };\r\n\r\n  const getFirmsBalance = () => {\r\n    RequestHandler.get(\"/PosCollection/GetFirmsBalanceFromErp\").then(\r\n      (response) => {\r\n        if (Array.isArray(response)) {\r\n          setFirmsBalance({\r\n            data: response,\r\n            loading: false,\r\n          });\r\n        } else {\r\n          setFirmsBalance({ ...firmsBalance, loading: false });\r\n        }\r\n      }\r\n    );\r\n  };\r\n\r\n  const getAvailableInstallments = (bankId, firmId, commissions) => {\r\n    setAvailableInstallments({ ...availableInstallments, loading: true });\r\n\r\n    var selectedCommission =\r\n      commissions !== undefined && commissions !== null\r\n        ? commissions.find((x) => x.bankId == bankId)\r\n        : null;\r\n\r\n    setSelectedCommission(selectedCommission);\r\n    RequestHandler.post(\r\n      `/PosCollection/AvailableInstallments`,\r\n      {\r\n        bankId: bankId,\r\n        firmId: firmId,\r\n        commissions: selectedCommission,\r\n        isUseCreditCardBinCheck: isUseCreditCardBinCheck,\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      if (!response.success) {\r\n        setAvailableInstallments({ ...availableInstallments, loading: false });\r\n        setFieldsValue({ installmentCount: 1 });\r\n        return;\r\n      }\r\n\r\n      const { installments, defaultInstallment } = response.data;\r\n      setAvailableInstallments({ data: installments, loading: false });\r\n\r\n      setFieldsValue({ installmentCount: defaultInstallment });\r\n    });\r\n  };\r\n\r\n  const onFirmSearch = (value) => {\r\n    if (value.length >= 2) {\r\n      setFirmSelect({ ...firmSelect, loading: true });\r\n\r\n      RequestHandler.get(\r\n        `/Firm/FirmDropdown?$select=id,firmBranchNumber,name&$filter=${odata.contains(\r\n          \"name\",\r\n          value\r\n        )} or ${odata.contains(\"firmBranchNumber\", value)}`\r\n      ).then((res) => {\r\n        setFirmSelect({ data: res, loading: false });\r\n      });\r\n    } else {\r\n      setFirmSelect({ data: [], loading: false });\r\n    }\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    let expireMonth, expireYear;\r\n\r\n    if (values.expiration) {\r\n      [expireMonth, expireYear] = values.expiration.split(\"/\");\r\n    }\r\n\r\n    if (commissionOptions.data.isSelectableInstallmentTable) {\r\n      var bankIdCommissionIdWithInstallment =\r\n        values.bankIdInstallment.split(\"/\");\r\n      values.bankId = bankIdCommissionIdWithInstallment[0];\r\n      values.installmentCount = bankIdCommissionIdWithInstallment[3];\r\n      values.cardType = bankIdCommissionIdWithInstallment[2];\r\n      values.posCollectionCommissionDefinitionId =\r\n        bankIdCommissionIdWithInstallment[1];\r\n    } else {\r\n      if (selectedCommission != null) {\r\n        values.posCollectionCommissionDefinitionId = selectedCommission?.id;\r\n      }\r\n    }\r\n\r\n    if (values.bankId === \"1011\") {\r\n      setOzanIframe(true);\r\n    }\r\n\r\n    RequestHandler.post(\r\n      `/PosCollection/SalesRequest`,\r\n      {\r\n        holderName: values.holderName,\r\n        cardNumber: values.cardNumber,\r\n        cvv: values.cvv,\r\n        expireMonth: expireMonth,\r\n        expireYear: expireYear,\r\n        amount: payableAmount,\r\n        currencyCode: values.currencyCode,\r\n        bankId: values.bankId,\r\n        firmId: values.firmId,\r\n        installmentCount: values.installmentCount,\r\n        customerInformation: values.customerInformation,\r\n        description: values.description,\r\n        cardType: values.cardType,\r\n        tckn: values.tckn,\r\n        contractNumber: values.contractNumber,\r\n        branchCode: values.branchCode,\r\n        memberNumber: values.memberNumber,\r\n        netAmount: values.amount,\r\n        posCollectionCommissionDefinitionId:\r\n          values.posCollectionCommissionDefinitionId,\r\n        customerEmail: values.email,\r\n        paymentMethod: selectedPaymentMethod?.name,\r\n        paymentSetId: selectedPaymentMethod?.paymentSetId,\r\n        isUsePreAuth: isUsePreAuth,\r\n        mobilePhone: values.mobilePhone,\r\n        policyDate: values.policyDate?.format(\"YYYY-MM-DD\"),\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        //fill html\r\n        setPaymentModal({ visible: true, source: response.data });\r\n        form.resetFields();\r\n        setFieldsValue({\r\n          bankId: values.bankId,\r\n          firmId: values.firmId,\r\n        });\r\n\r\n        if (props.onSuccess) props.onSuccess();\r\n      }\r\n    });\r\n  };\r\n\r\n  const onChangeActiveProvider = (value) => {\r\n    setActiveProviderId(value);\r\n  };\r\n\r\n  const onFinishFailed = () => {\r\n    setLoading(false);\r\n  };\r\n\r\n  const onChangeRadio = (radioVal, values) => {\r\n    setRadioValue(radioVal);\r\n    setFieldsValue(values);\r\n  };\r\n\r\n  const clearRadioValue = () => {\r\n    setRadioValue(null);\r\n    form.setFieldsValue({ bankIdInstallment: null });\r\n  };\r\n\r\n  const setFieldsValue = (values) => {\r\n    const currentValues = form.getFieldsValue();\r\n    const newValues = { ...currentValues, ...values };\r\n    form.setFieldsValue(newValues);\r\n\r\n    onFormValuesChange(values, newValues);\r\n  };\r\n\r\n  const onFormValuesChange = (changedValues, allValues) => {\r\n    var activeCommissions = commissionOptions.data.commissions.find(\r\n      (x) => x.bankId === allValues.bankId && !x.isVisaMasterCard\r\n    );\r\n    var installmentCount = allValues.installmentCount;\r\n    if (allValues.bankIdInstallment) {\r\n      var bankIdCommissionIdWithInstallment =\r\n        allValues.bankIdInstallment.split(\"/\");\r\n\r\n      activeCommissions = commissionOptions.data.commissions.find(\r\n        (x) =>\r\n          x.id === bankIdCommissionIdWithInstallment[1] && !x.isVisaMasterCard\r\n      );\r\n      installmentCount = bankIdCommissionIdWithInstallment[3];\r\n    }\r\n    if (\r\n      (bankIdCommissionIdWithInstallment &&\r\n        bankIdCommissionIdWithInstallment[0] === \"856\") ||\r\n      allValues.bankId === 856\r\n    ) {\r\n      setEmailRequired(true);\r\n      form.setFieldsValue({ email: localStorage.getItem(\"email\") });\r\n    } else {\r\n      setEmailRequired(false);\r\n    }\r\n\r\n    setActiveBankId(allValues.bankId);\r\n\r\n    if (!activeCommissions) {\r\n      setPayableAmount(\r\n        calculatePayableAmount(allValues.amount, 0, allValues.bankId, false)\r\n      );\r\n\r\n      setActiveCommissionRate(0);\r\n      return;\r\n    }\r\n\r\n    const commissionRate =\r\n      activeCommissions[\"commissionRate\" + installmentCount];\r\n    if (!(allValues.amount > 0 && commissionRate >= 0)) {\r\n      setPayableAmount(\r\n        calculatePayableAmount(allValues.amount, 0, allValues.bankId, false)\r\n      );\r\n      setActiveCommissionRate(commissionRate);\r\n      return;\r\n    }\r\n\r\n    setPayableAmount(\r\n      calculatePayableAmount(\r\n        allValues.amount,\r\n        commissionRate,\r\n        allValues.bankId,\r\n        activeCommissions[\"isCommissionFromDealer\"]\r\n      )\r\n    );\r\n    setActiveCommissionRate(commissionRate);\r\n  };\r\n  const calculatePayableAmount = (\r\n    amount,\r\n    commissionRate,\r\n    bankId,\r\n    isCommissionFromDealer\r\n  ) => {\r\n    const { useCommissionsForAvailableInstallment } = commissionOptions.data;\r\n    let payableAmount = amount;\r\n    if (useCommissionsForAvailableInstallment) {\r\n      payableAmount = amount + (amount / 100) * commissionRate;\r\n    }\r\n\r\n    if (isCommissionFromDealer && useCommissionsForAvailableInstallment) {\r\n      payableAmount = (amount / (100 - commissionRate)) * 100;\r\n    }\r\n\r\n    if (bankId == 856) {\r\n      payableAmount = amount / ((100 - commissionRate) / 100);\r\n    }\r\n\r\n    return payableAmount;\r\n  };\r\n\r\n  const isExternalPaymentFormProvider = false;\r\n\r\n  const handleCardNumberChange = (e) => {\r\n    if (!isUseCreditCardBinCheck) {\r\n      return;\r\n    }\r\n\r\n    const inputValue = e.target.rawValue;\r\n\r\n    if (inputValue.length <= 8) {\r\n      setRequestBin(true);\r\n    }\r\n\r\n    if ((inputValue.length === 8 || inputValue.length === 16) && requestBin) {\r\n      RequestHandler.post(\r\n        `/PosCollection/CreditCardBinCheck`,\r\n        {\r\n          cardNumber: inputValue,\r\n        },\r\n        false\r\n      ).then((response) => {\r\n        if (response?.success) {\r\n          setRequestBin(false);\r\n          setBankIdFromBinCheckResult(response.data.bankId);\r\n          setCardKindFromBinCheckResult(response.data.cardKind);\r\n          getCommissionOptions(\r\n            activeFirmId,\r\n            response.data.bankId,\r\n            response.data.cardKind,\r\n            form.getFieldValue(\"amount\"),\r\n            selectedPaymentMethod?.paymentSetId\r\n          );\r\n        } else {\r\n          getCommissionOptions();\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (commissionOptions.data.commissions.length > 0) {\r\n      let bankIdFromBinCheck = bankIdFromBinCheckResult;\r\n      let queryString = bankIdFromBinCheck\r\n        ? \"?bankIdFromBinCheck=\" + bankIdFromBinCheck\r\n        : \"\";\r\n      const bankIdsFromCommissions = [\r\n        ...new Set(\r\n          commissionOptions.data.commissions.map((item) => item.bankId)\r\n        ),\r\n      ];\r\n\r\n      RequestHandler.get(\r\n        `/PosCollection/AvailableProviders${queryString}`\r\n      ).then((response) => {\r\n        if (response.success) {\r\n          if (response.data.length < 1) {\r\n            setAvailableProviders({\r\n              data: bankIdsFromCommissions,\r\n              loading: false,\r\n            });\r\n          } else {\r\n            const filterWithCommissionBankIds = response.data.filter((x) =>\r\n              bankIdsFromCommissions.includes(x.id)\r\n            );\r\n\r\n            setAvailableProviders({\r\n              data: filterWithCommissionBankIds,\r\n              loading: false,\r\n            });\r\n            setActiveProviderId(filterWithCommissionBankIds?.at(0)?.id);\r\n\r\n            if (filterWithCommissionBankIds?.at(0)?.id) {\r\n              getAvailableInstallments(\r\n                filterWithCommissionBankIds?.at(0)?.id,\r\n                activeFirmId,\r\n                commissionOptions.data.commissions\r\n              );\r\n            }\r\n          }\r\n        } else {\r\n          setAvailableProviders({ ...availableProviders, loading: false });\r\n        }\r\n      });\r\n    }\r\n  }, [commissionOptions]);\r\n\r\n  useEffect(() => {\r\n    if (availableProviders.data.length > 0) {\r\n      const initialValue = availableProviders.data[0].id;\r\n      onChangeActiveProvider(initialValue);\r\n      setFieldsValue({ bankId: initialValue });\r\n    }\r\n  }, [availableProviders]);\r\n\r\n  const maxLengthCheck = (object) => {\r\n    if (object.target.value.length > object.target.maxLength) {\r\n      object.target.value = object.target.value.slice(\r\n        0,\r\n        object.target.maxLength\r\n      );\r\n    }\r\n  };\r\n\r\n  const handleAmountInputBlur = (e) => {\r\n    if (\r\n      !(isUseCreditCardBinCheck && bankIdFromBinCheckResult === null) &&\r\n      typeof activeAmount === \"number\"\r\n    ) {\r\n      getCommissionOptions(\r\n        activeFirmId,\r\n        bankIdFromBinCheckResult,\r\n        cardKindFromBinCheckResult,\r\n        activeAmount,\r\n        selectedPaymentMethod?.paymentSetId\r\n      );\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (isUseB2BCurrencyExChange && typeof activeAmount === \"number\") {\r\n      RequestHandler.post(\r\n        `/PosCollection/GetPosCollectionTransactionExchangeAmounts`,\r\n        {\r\n          amount: activeAmount,\r\n          currencyCode: activeCurrency,\r\n        },\r\n        false\r\n      ).then((response) => {\r\n        if (response?.success) {\r\n          setCurrencyExchangeRates({\r\n            data: {\r\n              usdAmount: response.data.usdAmount,\r\n              euroAmount: response.data.euroAmount,\r\n              tlAmount: response.data.tlAmount,\r\n            },\r\n          });\r\n        }\r\n      });\r\n    }\r\n  }, [activeCurrency]);\r\n\r\n  const handleAmountChange = () => {\r\n    if (isUseB2BCurrencyExChange && typeof activeAmount === \"number\") {\r\n      RequestHandler.post(\r\n        `/PosCollection/GetPosCollectionTransactionExchangeAmounts`,\r\n        {\r\n          amount: activeAmount,\r\n          currencyCode: activeCurrency,\r\n        },\r\n        false\r\n      ).then((response) => {\r\n        if (response?.success) {\r\n          setCurrencyExchangeRates({\r\n            data: {\r\n              usdAmount: response.data.usdAmount,\r\n              euroAmount: response.data.euroAmount,\r\n              tlAmount: response.data.tlAmount,\r\n            },\r\n          });\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  const combinedBlurFunctionForAmount = (e) => {\r\n    handleAmountInputBlur(e);\r\n    handleAmountChange();\r\n  };\r\n\r\n  const getTenantScreenSettings = () => {\r\n    RequestHandler.get(\"/PosCollection/TenantScreenSettings/1\").then(\r\n      (response) => {\r\n        if (response.success) {\r\n          setTenantScreenSettings(response.data);\r\n        } else {\r\n          setTenantScreenSettings(...tenantScreenSettings);\r\n        }\r\n      }\r\n    );\r\n  };\r\n\r\n  const handleNumberInput = (e) => {\r\n    const value = e.target.value;\r\n    const sanitizedValue = value.replace(/[^0-9]/g, \"\");\r\n    e.target.value = sanitizedValue;\r\n\r\n    if (sanitizedValue > e.target.maxLength) {\r\n      e.target.value = sanitizedValue.slice(0, e.target.maxLength);\r\n    }\r\n  };\r\n\r\n  const handleInputChange = (e) => {\r\n    if (e.target.value.length > e.target.maxLength) {\r\n      e.target.value = e.target.value.slice(0, e.target.maxLength);\r\n    }\r\n  };\r\n  return (\r\n    <>\r\n      <Row id=\"titleArea\">\r\n        <Col xs={24} md={12} lg={16}>\r\n          <h1 style={{ marginBottom: 0 }}>\r\n            <BarsOutlined /> Pos Tahsilatı\r\n          </h1>\r\n        </Col>\r\n        <Col xs={24} md={12} lg={8} style={{ textAlign: \"right\" }}></Col>\r\n      </Row>\r\n\r\n      <Divider style={{ margin: \"12px 0\" }} />\r\n\r\n      <Row id=\"paymentArea\" justify=\"center\" align=\"middle\">\r\n        <Col span={24}>\r\n          <Card className=\"gx-card\" loading={availableProviders.loading}>\r\n            {availableProviders.data.length > 0 ||\r\n            commissionOptions.data.commissions.length > 0 ? (\r\n              <Form\r\n                {...formItemLayout}\r\n                validateMessages={defaultValidateMessages}\r\n                form={form}\r\n                name=\"PaymentForm\"\r\n                initialValues={{\r\n                  remember: true,\r\n                }}\r\n                onFinish={onFinish}\r\n                onFinishFailed={onFinishFailed}\r\n                labelAlign=\"left\"\r\n                onValuesChange={onFormValuesChange}\r\n                fields={[\r\n                  { name: \"firmId\", value: activeFirmId },\r\n                  { name: \"payableAmount\", value: payableAmount },\r\n                ]}\r\n              >\r\n                {commissionOptions.data.isSelectableInstallmentTable ||\r\n                commissionOptionsForBinCheckUsage.data\r\n                  .isSelectableInstallmentTable ? (\r\n                  <>\r\n                    <Row justify=\"center\">\r\n                      <Col xs={24} lg={12}>\r\n                        <Form.Item\r\n                          label=\"Cari\"\r\n                          name=\"firmId\"\r\n                          rules={[\r\n                            {\r\n                              required:\r\n                                tenantScreenSettings.b2BFirmSelectRequired,\r\n                            },\r\n                          ]}\r\n                        >\r\n                          <Select\r\n                            allowClear\r\n                            showSearch\r\n                            placeholder=\"Seçiniz\"\r\n                            onSearch={onFirmSearch}\r\n                            filterOption={(input, option) =>\r\n                              option.children\r\n                                .toLocaleLowerCase(\"tr-TR\")\r\n                                .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >=\r\n                                0 ||\r\n                              option.code\r\n                                .toLocaleLowerCase(\"tr-TR\")\r\n                                .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                            }\r\n                            loading={firmSelect.loading}\r\n                            onChange={(value, option) => {\r\n                              setActiveFirmId(value ?? null);\r\n\r\n                              const firm = firmsBalance.data.find(\r\n                                (x) => x.code === option?.code\r\n                              );\r\n                              const balance =\r\n                                firm?.balance > 0 ? firm.balance : undefined;\r\n\r\n                              setActiveFirmBalance(balance);\r\n                              setFieldsValue({ amount: balance });\r\n                              setActiveAmount(balance);\r\n                            }}\r\n                          >\r\n                            {firmSelect.data.map((item) => (\r\n                              <Select.Option\r\n                                key={item.id}\r\n                                value={item.id}\r\n                                code={item.firmBranchNumber}\r\n                              >\r\n                                {`${item.name} (${item.firmBranchNumber})`}\r\n                              </Select.Option>\r\n                            ))}\r\n                          </Select>\r\n                        </Form.Item>\r\n                      </Col>\r\n                    </Row>\r\n\r\n                    <Row justify=\"center\">\r\n                      {tenantScreenSettings.b2BCustomerInformationVisibility && (\r\n                        <Col\r\n                          xs={\r\n                            tenantScreenSettings.b2BMobilePhoneVisibility\r\n                              ? 12\r\n                              : 24\r\n                          }\r\n                          lg={\r\n                            tenantScreenSettings.b2BMobilePhoneVisibility\r\n                              ? 6\r\n                              : 12\r\n                          }\r\n                        >\r\n                          <Form.Item\r\n                            label=\"Müşteri Bilgisi\"\r\n                            name=\"customerInformation\"\r\n                            rules={[\r\n                              {\r\n                                required: b2BIsUseAdditionalFieldForPolicy\r\n                                  ? true\r\n                                  : false,\r\n                              },\r\n                            ]}\r\n                          >\r\n                            <Input allowClear />\r\n                          </Form.Item>\r\n                        </Col>\r\n                      )}\r\n\r\n                      <Col\r\n                        xs={12}\r\n                        lg={6}\r\n                        hidden={!tenantScreenSettings.b2BMobilePhoneVisibility}\r\n                      >\r\n                        <Form.Item\r\n                          label=\"Cep Numarası\"\r\n                          name=\"mobilePhone\"\r\n                          rules={[\r\n                            {\r\n                              min: 12,\r\n                              message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                            },\r\n                          ]}\r\n                        >\r\n                          <PhoneInput\r\n                            inputStyle={{ width: \"100%\" }}\r\n                            country=\"tr\"\r\n                            masks={{ tr: \"(...) ...-..-..\" }}\r\n                          />\r\n                        </Form.Item>\r\n                      </Col>\r\n                    </Row>\r\n\r\n                    <Row justify=\"center\">\r\n                      <Col xs={12} lg={6}>\r\n                        <Form.Item\r\n                          label=\"Tutar\"\r\n                          name=\"amount\"\r\n                          rules={[{ required: true }]}\r\n                        >\r\n                          <InputNumber\r\n                            style={{ width: \"100%\" }}\r\n                            decimalSeparator=\",\"\r\n                            precision={2}\r\n                            min={0}\r\n                            placeholder=\"0,00\"\r\n                            onChange={(value) => {\r\n                              setActiveAmount(value);\r\n                              form.setFieldsValue({ amount: value }); // Form değerini manuel olarak güncelle\r\n                            }}\r\n                            onBlur={combinedBlurFunctionForAmount}\r\n                          />\r\n                        </Form.Item>\r\n                        <div style={{ marginTop: \"10px\", marginLeft: \"5%\" }}>\r\n                          {currencyExchangeRates.data.usdAmount &&\r\n                          currencyExchangeRates.data.euroAmount ? (\r\n                            <div style={{ color: \"#0047ca\" }}>\r\n                              {currencyExchangeRates.data.usdAmount} /{\" \"}\r\n                              {currencyExchangeRates.data.euroAmount}\r\n                            </div>\r\n                          ) : currencyExchangeRates.data.euroAmount ? (\r\n                            <div style={{ color: \"#0047ca\" }}>\r\n                              {currencyExchangeRates.data.euroAmount}\r\n                            </div>\r\n                          ) : currencyExchangeRates.data.usdAmount ? (\r\n                            <div style={{ color: \"#0047ca\" }}>\r\n                              {currencyExchangeRates.data.usdAmount}\r\n                            </div>\r\n                          ) : null}\r\n                        </div>\r\n\r\n                        {currencyExchangeRates.data.tlAmount && (\r\n                          <div style={{ marginTop: \"10px\", marginLeft: \"5%\" }}>\r\n                            <div style={{ color: \"#0047ca\" }}>\r\n                              {currencyExchangeRates.data.tlAmount}\r\n                            </div>\r\n                          </div>\r\n                        )}\r\n\r\n                        <div style={{ marginTop: \"5px\", marginLeft: \"5%\" }}>\r\n                          {isUseB2BViewCurrencyExchangeRate ? (\r\n                            <div style={{ color: \"#0047ca\" }}>\r\n                              {\"USD Kur : \" +\r\n                                ColumnHelper.renderDecimal(\r\n                                  viewCurrencyExchangeRates.data?.usd\r\n                                )}\r\n                            </div>\r\n                          ) : null}\r\n                        </div>\r\n                        <div style={{ marginTop: \"5px\", marginLeft: \"5%\" }}>\r\n                          {isUseB2BViewCurrencyExchangeRate ? (\r\n                            <div style={{ color: \"#0047ca\" }}>\r\n                              {\"EURO Kur : \" +\r\n                                ColumnHelper.renderDecimal(\r\n                                  viewCurrencyExchangeRates.data?.euro\r\n                                )}\r\n                            </div>\r\n                          ) : null}\r\n                        </div>\r\n                      </Col>\r\n\r\n                      <Col xs={12} lg={6}>\r\n                        <Form.Item\r\n                          label=\"Para Birimi\"\r\n                          name=\"currencyCode\"\r\n                          initialValue={currencyCodes[0]}\r\n                        >\r\n                          <Select\r\n                            onChange={(value) => {\r\n                              setActiveCurrency(value);\r\n                            }}\r\n                          >\r\n                            {currencyCodes.map((currencyCode) => (\r\n                              <Select.Option\r\n                                key={currencyCode}\r\n                                value={currencyCode}\r\n                              >\r\n                                {currencyCode}\r\n                              </Select.Option>\r\n                            ))}\r\n                          </Select>\r\n                        </Form.Item>\r\n                      </Col>\r\n                    </Row>\r\n\r\n                    {useAdditionalInformation ||\r\n                    b2BIsUseAdditionalFieldForPolicy ? (\r\n                      // useAdditionalInformation true olduğunda mevcut düzen\r\n                      <>\r\n                        <Divider>Ek Bilgiler</Divider>\r\n\r\n                        <Row justify=\"center\">\r\n                          <Col xs={9} lg={6}>\r\n                            <Form.Item\r\n                              label=\"TC Kimlik Numarası\"\r\n                              name=\"tckn\"\r\n                              rules={[\r\n                                {\r\n                                  required: true,\r\n                                  min: 11,\r\n                                  message:\r\n                                    \"TC Kimlik Numarası 11 Karakter Olmalıdır.\",\r\n                                },\r\n                              ]}\r\n                            >\r\n                              <Input\r\n                                placeholder=\"TC Kimlik Numarası\"\r\n                                type=\"number\"\r\n                                onKeyDown={(evt) =>\r\n                                  evt.key === \"e\" && evt.preventDefault()\r\n                                }\r\n                                maxLength=\"11\"\r\n                                onInput={maxLengthCheck}\r\n                              />\r\n                            </Form.Item>\r\n                          </Col>\r\n\r\n                          {useAdditionalInformation && (\r\n                            <Col xs={15} lg={6}>\r\n                              <Form.Item\r\n                                label={\"Sözleşme Numarası\"}\r\n                                name=\"contractNumber\"\r\n                                rules={[\r\n                                  {\r\n                                    required: true,\r\n                                    min: 6,\r\n                                    message:\r\n                                      \"Sözleşme numarası 6 Karakter Olmalıdır.\",\r\n                                  },\r\n                                ]}\r\n                              >\r\n                                <Input\r\n                                  placeholder=\"Sözleşme Numarası\"\r\n                                  type=\"number\"\r\n                                  maxLength=\"6\"\r\n                                  onInput={handleInputChange}\r\n                                />\r\n                              </Form.Item>\r\n                            </Col>\r\n                          )}\r\n\r\n                          {b2BIsUseAdditionalFieldForPolicy && (\r\n                            <Col xs={15} lg={6}>\r\n                              <Form.Item\r\n                                label=\"Poliçe Numarası\"\r\n                                name=\"contractNumber\"\r\n                                rules={[{ required: true, max: 50 }]}\r\n                              >\r\n                                <Input placeholder=\"Poliçe Numarası\" />\r\n                              </Form.Item>\r\n                            </Col>\r\n                          )}\r\n                        </Row>\r\n\r\n                        {b2BIsUseAdditionalFieldForPolicy && (\r\n                          <Row justify=\"center\">\r\n                            <Col xs={9} lg={6}>\r\n                              <Form.Item\r\n                                label=\"Poliçe Tanzim Tarihi\"\r\n                                name=\"policyDate\"\r\n                                rules={[{ required: true }]}\r\n                              >\r\n                                <DatePicker\r\n                                  format=\"DD.MM.YYYY\"\r\n                                  style={{ width: \"100%\" }}\r\n                                />\r\n                              </Form.Item>\r\n                            </Col>\r\n                            <Col xs={15} lg={6}></Col>\r\n                          </Row>\r\n                        )}\r\n\r\n                        {useAdditionalInformation && (\r\n                          <Row justify=\"center\">\r\n                            <Col xs={15} lg={6}>\r\n                              <Form.Item\r\n                                label=\"Şube Adı\"\r\n                                name=\"branchCode\"\r\n                                rules={[{ required: true }]}\r\n                              >\r\n                                <Input\r\n                                  placeholder=\"Şube Adı\"\r\n                                  maxLength=\"50\"\r\n                                  onInput={maxLengthCheck}\r\n                                />\r\n                              </Form.Item>\r\n                            </Col>\r\n                            <Col xs={9} lg={6}>\r\n                              <Form.Item label=\"Ek Alan\" name=\"memberNumber\">\r\n                                <Input placeholder=\"Ek Alan\" />\r\n                              </Form.Item>\r\n                            </Col>\r\n                          </Row>\r\n                        )}\r\n\r\n                        {useAdditionalInformation && (\r\n                          <Row justify=\"center\">\r\n                            <Col xs={15} lg={6}>\r\n                              <Form.Item\r\n                                label=\"Ödeme Şekli\"\r\n                                name=\"paymentMethod\"\r\n                                rules={[\r\n                                  {\r\n                                    required: true,\r\n                                  },\r\n                                ]}\r\n                              >\r\n                                <Select\r\n                                  allowClear\r\n                                  placeholder=\"Ödeme Şekli\"\r\n                                  onChange={(value, option) => {\r\n                                    setSelectedPaymentMethod(option);\r\n                                  }}\r\n                                >\r\n                                  {paymentMethodList.data.map((item) => (\r\n                                    <Select.Option\r\n                                      key={item.id}\r\n                                      value={item.id}\r\n                                      name={item.name}\r\n                                      paymentSetId={item.paymentSetId}\r\n                                    >\r\n                                      {`${item.name}`}\r\n                                    </Select.Option>\r\n                                  ))}\r\n                                </Select>\r\n                              </Form.Item>\r\n                            </Col>\r\n                            <Col xs={9} lg={6}></Col>\r\n                          </Row>\r\n                        )}\r\n                      </>\r\n                    ) : tenantScreenSettings.b2BTcknVisibility ? (\r\n                      // useAdditionalInformation false ve tenantScreenSettings.b2BTcknVisibility true olduğunda sadece TCKN göster\r\n                      <>\r\n                        <Divider>Ek Bilgiler</Divider>\r\n                        <Row justify=\"center\">\r\n                          <Col xs={12} lg={6}>\r\n                            <Form.Item\r\n                              label=\"TC Kimlik Numarası\"\r\n                              name=\"tckn\"\r\n                              rules={[\r\n                                {\r\n                                  min: 11,\r\n                                  message:\r\n                                    \"TC Kimlik Numarası 11 Karakter Olmalıdır.\",\r\n                                },\r\n                              ]}\r\n                            >\r\n                              <Input\r\n                                placeholder=\"TC Kimlik Numarası\"\r\n                                type=\"number\"\r\n                                onKeyDown={(evt) =>\r\n                                  evt.key === \"e\" && evt.preventDefault()\r\n                                }\r\n                                maxLength=\"11\"\r\n                                onInput={maxLengthCheck}\r\n                              />\r\n                            </Form.Item>\r\n                          </Col>\r\n                          <Col xs={12} lg={6}></Col>\r\n                        </Row>\r\n                      </>\r\n                    ) : null}\r\n\r\n                    <Divider>Kart Bilgileri</Divider>\r\n\r\n                    <Row justify=\"center\">\r\n                      <Col xs={24} lg={12}>\r\n                        <Form.Item\r\n                          label=\"Kart Üzerindeki İsim\"\r\n                          name=\"holderName\"\r\n                          rules={[{ required: true }]}\r\n                        >\r\n                          <Input placeholder=\"Ad Soyad\" />\r\n                        </Form.Item>\r\n                      </Col>\r\n                    </Row>\r\n\r\n                    <Row justify=\"center\">\r\n                      <Col xs={24} lg={12}>\r\n                        <Form.Item\r\n                          label=\"Kart Numarası\"\r\n                          name=\"cardNumber\"\r\n                          id=\"cardNumber\"\r\n                          valuePropName=\"rawValue\"\r\n                          rules={[\r\n                            { required: true },\r\n                            {\r\n                              min: 15,\r\n                              max: 16,\r\n                            },\r\n                          ]}\r\n                        >\r\n                          <Cleave\r\n                            className=\"ant-input\"\r\n                            placeholder=\"0000 0000 0000 0000\"\r\n                            options={{\r\n                              creditCard: true,\r\n                              onCreditCardTypeChanged: (type) =>\r\n                                setCreditCardType(type),\r\n                            }}\r\n                            onChange={handleCardNumberChange}\r\n                          />\r\n                        </Form.Item>\r\n                      </Col>\r\n                    </Row>\r\n\r\n                    <Row justify=\"center\">\r\n                      <Col xs={15} lg={6}>\r\n                        <Form.Item\r\n                          label=\"Son Kullanma Tarihi\"\r\n                          name=\"expiration\"\r\n                          rules={[{ required: true }]}\r\n                        >\r\n                          <Cleave\r\n                            className=\"ant-input\"\r\n                            placeholder=\"AA/YY\"\r\n                            options={{\r\n                              date: true,\r\n                              datePattern: [\"m\", \"y\"],\r\n                            }}\r\n                          />\r\n                        </Form.Item>\r\n                      </Col>\r\n\r\n                      <Col xs={9} lg={6} style={{ paddingLeft: \"0px\" }}>\r\n                        <Form.Item\r\n                          label=\"Güvenlik Kodu\"\r\n                          name=\"cvv\"\r\n                          rules={[{ required: true }]}\r\n                        >\r\n                          <Cleave\r\n                            className=\"ant-input\"\r\n                            placeholder=\"CVV\"\r\n                            options={{\r\n                              blocks: [4],\r\n                              numericOnly: true,\r\n                            }}\r\n                            type=\"password\"\r\n                          />\r\n                        </Form.Item>\r\n                      </Col>\r\n                    </Row>\r\n                    <Row justify=\"center\">\r\n                      <Col xs={24} sm={12} lg={6}>\r\n                        <Form.Item label=\"Açıklama\" name=\"description\">\r\n                          <TextArea rows={4} allowClear />\r\n                        </Form.Item>\r\n                      </Col>\r\n\r\n                      <Col\r\n                        xs={24}\r\n                        sm={12}\r\n                        lg={6}\r\n                        style={{ paddingLeft: \"0px\" }}\r\n                        hidden={!emailRequired}\r\n                      >\r\n                        <Form.Item\r\n                          label=\"Email\"\r\n                          name=\"email\"\r\n                          rules={[{ required: emailRequired, type: \"email\" }]}\r\n                        >\r\n                          <Input />\r\n                        </Form.Item>\r\n                      </Col>\r\n                      <Col xs={0} sm={0} lg={6} hidden={emailRequired}></Col>\r\n                    </Row>\r\n\r\n                    {isExternalPaymentFormProvider &&\r\n                      commissionOptions.data.posCollectionDescription && (\r\n                        <Row\r\n                          id=\"descriptionArea\"\r\n                          style={{ marginBottom: 12 }}\r\n                          justify=\"center\"\r\n                        >\r\n                          <Col xs={24} lg={12}>\r\n                            <div\r\n                              dangerouslySetInnerHTML={{\r\n                                __html:\r\n                                  commissionOptions.data\r\n                                    .posCollectionDescription,\r\n                              }}\r\n                            />\r\n                          </Col>\r\n                        </Row>\r\n                      )}\r\n\r\n                    {!isExternalPaymentFormProvider && (\r\n                      <>\r\n                        <Row justify=\"center\">\r\n                          <Col xs={24} lg={12}>\r\n                            <PosSelectableInstallmentTable\r\n                              key={JSON.stringify(commissionOptions.data)}\r\n                              data={commissionOptions.data}\r\n                              amount={activeAmount}\r\n                              loading={commissionOptions.loading}\r\n                              onChange={onChangeRadio}\r\n                              radioValue={radioValue}\r\n                              filePath={b2bFilePath}\r\n                              campaignButtonVisibility={\r\n                                tenantScreenSettings.b2BShowCampaignButton\r\n                              }\r\n                            />\r\n                          </Col>\r\n                        </Row>\r\n\r\n                        {commissionOptions.data.posCollectionDescription && (\r\n                          <Row\r\n                            id=\"descriptionArea\"\r\n                            style={{ marginBottom: 12 }}\r\n                            justify=\"center\"\r\n                          >\r\n                            <Col xs={24} lg={12}>\r\n                              <div\r\n                                dangerouslySetInnerHTML={{\r\n                                  __html:\r\n                                    commissionOptions.data\r\n                                      .posCollectionDescription,\r\n                                }}\r\n                              />\r\n                            </Col>\r\n                          </Row>\r\n                        )}\r\n                      </>\r\n                    )}\r\n                  </>\r\n                ) : (\r\n                  <>\r\n                    {!isExternalPaymentFormProvider && (\r\n                      <>\r\n                        <Row justify=\"center\">\r\n                          <Col xs={24} lg={12}>\r\n                            <Form.Item\r\n                              label=\"Cari\"\r\n                              name=\"firmId\"\r\n                              rules={[\r\n                                {\r\n                                  required:\r\n                                    tenantScreenSettings.b2BFirmSelectRequired,\r\n                                },\r\n                              ]}\r\n                            >\r\n                              <Select\r\n                                allowClear\r\n                                showSearch\r\n                                placeholder=\"Seçiniz\"\r\n                                onSearch={onFirmSearch}\r\n                                filterOption={(input, option) =>\r\n                                  option.children\r\n                                    .toLocaleLowerCase(\"tr-TR\")\r\n                                    .indexOf(\r\n                                      input.toLocaleLowerCase(\"tr-TR\")\r\n                                    ) >= 0 ||\r\n                                  option.code\r\n                                    .toLocaleLowerCase(\"tr-TR\")\r\n                                    .indexOf(\r\n                                      input.toLocaleLowerCase(\"tr-TR\")\r\n                                    ) >= 0\r\n                                }\r\n                                loading={firmSelect.loading}\r\n                                onChange={(value, option) => {\r\n                                  setActiveFirmId(value ?? null);\r\n\r\n                                  const firm = firmsBalance.data.find(\r\n                                    (x) => x.code === option?.code\r\n                                  );\r\n                                  const balance =\r\n                                    firm?.balance > 0\r\n                                      ? firm.balance\r\n                                      : undefined;\r\n\r\n                                  setActiveFirmBalance(balance);\r\n                                  setFieldsValue({ amount: balance });\r\n                                  setActiveAmount(balance);\r\n                                }}\r\n                              >\r\n                                {firmSelect.data.map((item) => (\r\n                                  <Select.Option\r\n                                    key={item.id}\r\n                                    value={item.id}\r\n                                    code={item.firmBranchNumber}\r\n                                  >\r\n                                    {`${item.name} (${item.firmBranchNumber})`}\r\n                                  </Select.Option>\r\n                                ))}\r\n                              </Select>\r\n                            </Form.Item>\r\n                          </Col>\r\n                        </Row>\r\n\r\n                        {useAdditionalInformation ? (\r\n                          <>\r\n                            <Divider>Ek Bilgiler</Divider>\r\n\r\n                            <Row justify=\"center\">\r\n                              <Col xs={9} lg={6}>\r\n                                <Form.Item\r\n                                  label=\"TC Kimlik Numarası\"\r\n                                  name=\"tckn\"\r\n                                  rules={[\r\n                                    {\r\n                                      required: true,\r\n                                      min: 11,\r\n                                      message:\r\n                                        \"TC Kimlik Numarası 11 Karakter Olmalıdır.\",\r\n                                    },\r\n                                  ]}\r\n                                >\r\n                                  <Input\r\n                                    placeholder=\"TC Kimlik Numarası\"\r\n                                    type=\"number\"\r\n                                    onKeyDown={(evt) =>\r\n                                      evt.key === \"e\" && evt.preventDefault()\r\n                                    }\r\n                                    maxLength=\"11\"\r\n                                    onInput={maxLengthCheck}\r\n                                  />\r\n                                </Form.Item>\r\n                              </Col>\r\n                              <Col xs={15} lg={6}>\r\n                                <Form.Item\r\n                                  label=\"Sözleşme Numarası\"\r\n                                  name=\"contractNumber\"\r\n                                  rules={[\r\n                                    {\r\n                                      required: true,\r\n                                      min: 6,\r\n                                      message:\r\n                                        \"Sözleşme numarası 6 Karakter Olmalıdır.\",\r\n                                    },\r\n                                  ]}\r\n                                >\r\n                                  <Input\r\n                                    placeholder=\"Sözleşme Numarası\"\r\n                                    type=\"number\"\r\n                                    maxLength=\"6\"\r\n                                    onInput={handleNumberInput}\r\n                                  />\r\n                                </Form.Item>\r\n                              </Col>\r\n                            </Row>\r\n                            <Row justify=\"center\">\r\n                              <Col xs={15} lg={6}>\r\n                                <Form.Item\r\n                                  label=\"Şube Kodu\"\r\n                                  name=\"branchCode\"\r\n                                  rules={[{ required: true }]}\r\n                                >\r\n                                  <Input\r\n                                    placeholder=\"Şube Kodu\"\r\n                                    maxLength=\"50\"\r\n                                    onInput={maxLengthCheck}\r\n                                  />\r\n                                </Form.Item>\r\n                              </Col>\r\n                              <Col xs={9} lg={6}>\r\n                                <Form.Item\r\n                                  label=\"Ek Alan\"\r\n                                  name=\"memberNumber\"\r\n                                  rules={[\r\n                                    {\r\n                                      required: true,\r\n                                    },\r\n                                  ]}\r\n                                >\r\n                                  <Input placeholder=\"Ek Alan\" />\r\n                                </Form.Item>\r\n                              </Col>\r\n                            </Row>\r\n                            <Row justify=\"center\">\r\n                              <Col xs={15} lg={6}>\r\n                                <Form.Item\r\n                                  label=\"Ödeme Şekli\"\r\n                                  name=\"paymentMethod\"\r\n                                  rules={[\r\n                                    {\r\n                                      required: true,\r\n                                    },\r\n                                  ]}\r\n                                >\r\n                                  <Select\r\n                                    allowClear\r\n                                    placeholder=\"Ödeme Şekli\"\r\n                                    onChange={(value, option) => {\r\n                                      setSelectedPaymentMethod(option);\r\n                                    }}\r\n                                  >\r\n                                    {paymentMethodList.data.map((item) => (\r\n                                      <Select.Option\r\n                                        key={item.id}\r\n                                        value={item.id}\r\n                                        name={item.name}\r\n                                        paymentSetId={item.paymentSetId}\r\n                                      >\r\n                                        {`${item.name}`}\r\n                                      </Select.Option>\r\n                                    ))}\r\n                                  </Select>\r\n                                </Form.Item>\r\n                              </Col>\r\n                              <Col xs={9} lg={6}></Col>\r\n                            </Row>\r\n                          </>\r\n                        ) : tenantScreenSettings.b2BTcknVisibility ? (\r\n                          // useAdditionalInformation false ve tenantScreenSettings.b2BTcknVisibility true olduğunda sadece TCKN göster\r\n                          <>\r\n                            <Divider>Ek Bilgiler</Divider>\r\n                            <Row justify=\"center\">\r\n                              <Col xs={12} lg={6}>\r\n                                <Form.Item\r\n                                  label=\"TC Kimlik Numarası\"\r\n                                  name=\"tckn\"\r\n                                  rules={[\r\n                                    {\r\n                                      min: 11,\r\n                                      message:\r\n                                        \"TC Kimlik Numarası 11 Karakter Olmalıdır.\",\r\n                                    },\r\n                                  ]}\r\n                                >\r\n                                  <Input\r\n                                    placeholder=\"TC Kimlik Numarası\"\r\n                                    type=\"number\"\r\n                                    onKeyDown={(evt) =>\r\n                                      evt.key === \"e\" && evt.preventDefault()\r\n                                    }\r\n                                    maxLength=\"11\"\r\n                                    onInput={maxLengthCheck}\r\n                                  />\r\n                                </Form.Item>\r\n                              </Col>\r\n                              <Col xs={12} lg={6}></Col>\r\n                            </Row>\r\n                          </>\r\n                        ) : null}\r\n\r\n                        <Row justify=\"center\">\r\n                          <Col\r\n                            xs={\r\n                              tenantScreenSettings.b2BMobilePhoneVisibility\r\n                                ? 12\r\n                                : 24\r\n                            }\r\n                            lg={\r\n                              tenantScreenSettings.b2BMobilePhoneVisibility\r\n                                ? 6\r\n                                : 12\r\n                            }\r\n                            hidden={\r\n                              !tenantScreenSettings.b2BCustomerInformationVisibility\r\n                            }\r\n                          >\r\n                            <Form.Item\r\n                              label=\"Müşteri Bilgisi\"\r\n                              name=\"customerInformation\"\r\n                            >\r\n                              <Input allowClear />\r\n                            </Form.Item>\r\n                          </Col>\r\n\r\n                          <Col\r\n                            xs={12}\r\n                            lg={6}\r\n                            hidden={\r\n                              !tenantScreenSettings.b2BMobilePhoneVisibility\r\n                            }\r\n                          >\r\n                            <Form.Item\r\n                              label=\"Cep Numarası\"\r\n                              name=\"mobilePhone\"\r\n                              rules={[\r\n                                {\r\n                                  min: 12,\r\n                                  message:\r\n                                    \"Telefon numarasını eksiksiz giriniz.\",\r\n                                },\r\n                              ]}\r\n                            >\r\n                              <PhoneInput\r\n                                inputStyle={{ width: \"100%\" }}\r\n                                country=\"tr\"\r\n                                masks={{ tr: \"(...) ...-..-..\" }}\r\n                              />\r\n                            </Form.Item>\r\n                          </Col>\r\n                        </Row>\r\n\r\n                        <Divider>Kart Bilgileri</Divider>\r\n\r\n                        <Row justify=\"center\">\r\n                          <Col xs={24} lg={12}>\r\n                            <Form.Item\r\n                              label=\"Kart Üzerindeki İsim\"\r\n                              name=\"holderName\"\r\n                              rules={[{ required: true }]}\r\n                            >\r\n                              <Input placeholder=\"Ad Soyad\" />\r\n                            </Form.Item>\r\n                          </Col>\r\n                        </Row>\r\n\r\n                        <Row justify=\"center\">\r\n                          <Col xs={24} lg={12}>\r\n                            <Form.Item\r\n                              label=\"Kart Numarası\"\r\n                              name=\"cardNumber\"\r\n                              valuePropName=\"rawValue\"\r\n                              rules={[\r\n                                { required: true },\r\n                                {\r\n                                  min: 15,\r\n                                  max: 16,\r\n                                },\r\n                              ]}\r\n                            >\r\n                              <Cleave\r\n                                className=\"ant-input\"\r\n                                placeholder=\"0000 0000 0000 0000\"\r\n                                options={{\r\n                                  creditCard: true,\r\n                                  onCreditCardTypeChanged: (type) =>\r\n                                    setCreditCardType(type),\r\n                                }}\r\n                                onChange={handleCardNumberChange}\r\n                              />\r\n                            </Form.Item>\r\n                          </Col>\r\n                        </Row>\r\n\r\n                        <Row justify=\"center\">\r\n                          <Col xs={15} lg={6}>\r\n                            <Form.Item\r\n                              label=\"Son Kullanma Tarihi\"\r\n                              name=\"expiration\"\r\n                              rules={[{ required: true }]}\r\n                            >\r\n                              <Cleave\r\n                                className=\"ant-input\"\r\n                                placeholder=\"AA/YY\"\r\n                                options={{\r\n                                  date: true,\r\n                                  datePattern: [\"m\", \"y\"],\r\n                                }}\r\n                              />\r\n                            </Form.Item>\r\n                          </Col>\r\n\r\n                          <Col xs={9} lg={6} style={{ paddingLeft: \"0px\" }}>\r\n                            <Form.Item\r\n                              label=\"Güvenlik Kodu\"\r\n                              name=\"cvv\"\r\n                              rules={[{ required: true }]}\r\n                            >\r\n                              <Cleave\r\n                                className=\"ant-input\"\r\n                                placeholder=\"CVV\"\r\n                                options={{\r\n                                  blocks: [4],\r\n                                  numericOnly: true,\r\n                                }}\r\n                                type=\"password\"\r\n                              />\r\n                            </Form.Item>\r\n                          </Col>\r\n                        </Row>\r\n                        <Row justify=\"center\">\r\n                          <Col xs={24} sm={12} lg={6}>\r\n                            <Form.Item label=\"Açıklama\" name=\"description\">\r\n                              <TextArea rows={4} allowClear />\r\n                            </Form.Item>\r\n                          </Col>\r\n\r\n                          <Col\r\n                            xs={24}\r\n                            sm={12}\r\n                            lg={6}\r\n                            style={{ paddingLeft: \"0px\" }}\r\n                            hidden={!emailRequired}\r\n                          >\r\n                            <Form.Item\r\n                              label=\"Email\"\r\n                              name=\"email\"\r\n                              rules={[\r\n                                { required: emailRequired, type: \"email\" },\r\n                              ]}\r\n                            >\r\n                              <Input />\r\n                            </Form.Item>\r\n                          </Col>\r\n                          <Col\r\n                            xs={0}\r\n                            sm={0}\r\n                            lg={6}\r\n                            hidden={emailRequired}\r\n                          ></Col>\r\n                        </Row>\r\n                      </>\r\n                    )}\r\n                    <Divider>Ödeme Bilgileri</Divider>\r\n\r\n                    <Row justify=\"center\">\r\n                      <Col xs={24} lg={12}>\r\n                        <Form.Item\r\n                          id=\"bankId\"\r\n                          label=\"Ödeme Sağlayıcı\"\r\n                          name=\"bankId\"\r\n                          hidden={\r\n                            isUseCreditCardBinCheck\r\n                              ? false\r\n                              : availableProviders.data?.length === 1\r\n                          }\r\n                          rules={[\r\n                            {\r\n                              required: true,\r\n                              message:\r\n                                \"Ödeme Sağlayıcısı seçmeniz gerekmektedir.\",\r\n                            },\r\n                          ]}\r\n                          initialValue={availableProviders.data?.at(0).id}\r\n                        >\r\n                          <Select\r\n                            onChange={(value) => onChangeActiveProvider(value)}\r\n                            disabled={\r\n                              isUseCreditCardBinCheck &&\r\n                              commissionOptions.data.commissions.length === 0\r\n                            }\r\n                            defaultValue={availableProviders.data?.at(0).id}\r\n                          >\r\n                            {availableProviders.data?.map((item) => (\r\n                              <Select.Option key={item.id} value={item.id}>\r\n                                {item.name}\r\n                              </Select.Option>\r\n                            ))}\r\n                          </Select>\r\n                        </Form.Item>\r\n                      </Col>\r\n                    </Row>\r\n\r\n                    <Row justify=\"center\">\r\n                      <Col xs={24} lg={4}>\r\n                        <Form.Item\r\n                          label=\"Tutar\"\r\n                          name=\"amount\"\r\n                          rules={[\r\n                            {\r\n                              required: true,\r\n                            },\r\n                          ]}\r\n                        >\r\n                          <InputNumber\r\n                            style={{ width: \"100%\" }}\r\n                            decimalSeparator=\",\"\r\n                            precision={2}\r\n                            min={0}\r\n                            placeholder=\"0,00\"\r\n                            onChange={(value) => {\r\n                              setActiveAmount(value);\r\n                              form.setFieldsValue({ amount: value }); // Form değerini manuel olarak güncelle\r\n                            }}\r\n                            onBlur={combinedBlurFunctionForAmount}\r\n                          />\r\n                        </Form.Item>\r\n                        {currencyExchangeRates.data.euroAmount && (\r\n                          <div style={{ marginTop: \"10px\", marginLeft: \"3%\" }}>\r\n                            <div style={{ color: \"#0047ca\" }}>\r\n                              {currencyExchangeRates.data.usdAmount} /{\" \"}\r\n                              {currencyExchangeRates.data.euroAmount}\r\n                            </div>\r\n                          </div>\r\n                        )}\r\n                        {currencyExchangeRates.data.tlAmount && (\r\n                          <div style={{ marginTop: \"10px\", marginLeft: \"3%\" }}>\r\n                            <div style={{ color: \"#0047ca\" }}>\r\n                              {currencyExchangeRates.data.tlAmount}\r\n                            </div>\r\n                          </div>\r\n                        )}\r\n                      </Col>\r\n\r\n                      <Col xs={24} lg={4}>\r\n                        <Form.Item\r\n                          label=\"Para Birimi\"\r\n                          name=\"currencyCode\"\r\n                          initialValue={currencyCodes[0]}\r\n                        >\r\n                          <Select\r\n                            onChange={(value) => {\r\n                              setActiveCurrency(value);\r\n                            }}\r\n                          >\r\n                            {currencyCodes.map((currencyCode) => (\r\n                              <Select.Option\r\n                                key={currencyCode}\r\n                                value={currencyCode}\r\n                              >\r\n                                {currencyCode}\r\n                              </Select.Option>\r\n                            ))}\r\n                          </Select>\r\n                        </Form.Item>\r\n                      </Col>\r\n\r\n                      {!isExternalPaymentFormProvider && (\r\n                        <Col xs={24} lg={4}>\r\n                          <Form.Item\r\n                            label=\"Taksit\"\r\n                            name=\"installmentCount\"\r\n                            initialValue={availableInstallments.data?.at(0)}\r\n                          >\r\n                            <Select\r\n                              loading={availableInstallments.loading}\r\n                              disabled={availableInstallments.loading}\r\n                            >\r\n                              {availableInstallments?.data?.map(\r\n                                (installment) => (\r\n                                  <Select.Option\r\n                                    key={installment}\r\n                                    value={installment}\r\n                                  >\r\n                                    {installment === 1\r\n                                      ? \"Tek Çekim\"\r\n                                      : `${installment} Taksit`}\r\n                                  </Select.Option>\r\n                                )\r\n                              )}\r\n                            </Select>\r\n                          </Form.Item>\r\n                        </Col>\r\n                      )}\r\n                    </Row>\r\n                    {commissionOptions.data.posCollectionDescription && (\r\n                      <Row\r\n                        id=\"descriptionArea\"\r\n                        style={{ marginBottom: 12 }}\r\n                        justify=\"center\"\r\n                      >\r\n                        <Col xs={24} lg={12}>\r\n                          <div\r\n                            dangerouslySetInnerHTML={{\r\n                              __html:\r\n                                commissionOptions.data.posCollectionDescription,\r\n                            }}\r\n                          />\r\n                        </Col>\r\n                      </Row>\r\n                    )}\r\n                  </>\r\n                )}\r\n\r\n                <PosCollectionAmountSummary\r\n                  payableAmount={payableAmount}\r\n                  activeAmount={activeAmount}\r\n                  commissionRate={activeCommissionRate}\r\n                />\r\n                <Row justify=\"center\">\r\n                  <Col\r\n                    xs={24}\r\n                    lg={preAuthBankIds.includes(activeBankId) ? 6 : 8}\r\n                  >\r\n                    <Form.Item\r\n                      name=\"agreement\"\r\n                      valuePropName=\"checked\"\r\n                      rules={[\r\n                        {\r\n                          required: true,\r\n                          message: \"Sözleşmeleri kabul etmeniz gerekmektedir.\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Checkbox>\r\n                        <a href={confidentialAgreement} target=\"_blank\">\r\n                          Gizlilik\r\n                        </a>{\" \"}\r\n                        ve{\" \"}\r\n                        <a href={salesAgreement} target=\"_blank\">\r\n                          Tüketici Hakları\r\n                        </a>{\" \"}\r\n                        sözleşmelerini okudum, onaylıyorum.\r\n                      </Checkbox>\r\n                    </Form.Item>\r\n                  </Col>\r\n\r\n                  <Col\r\n                    xs={24}\r\n                    lg={preAuthBankIds.includes(activeBankId) ? 6 : 4}\r\n                    style={{ textAlign: \"right\" }}\r\n                  >\r\n                    <Space>\r\n                      {preAuthBankIds.includes(activeBankId) && (\r\n                        <Button\r\n                          type=\"primary\"\r\n                          htmlType=\"submit\"\r\n                          onClick={() => {\r\n                            setIsUsePreAuth(true);\r\n                            setLoading(true);\r\n                          }}\r\n                          loading={loading}\r\n                        >\r\n                          {payableAmount > 0\r\n                            ? `(${ColumnHelper.renderDecimal(payableAmount)}) `\r\n                            : undefined}\r\n                          Provizyon ile Öde\r\n                        </Button>\r\n                      )}\r\n                      <Button\r\n                        type=\"primary\"\r\n                        htmlType=\"submit\"\r\n                        onClick={() => {\r\n                          setIsUsePreAuth(false);\r\n                          setLoading(true);\r\n                        }}\r\n                        loading={loading}\r\n                      >\r\n                        {payableAmount > 0\r\n                          ? `(${ColumnHelper.renderDecimal(payableAmount)}) `\r\n                          : undefined}\r\n                        Öde\r\n                      </Button>\r\n                    </Space>\r\n                  </Col>\r\n                </Row>\r\n              </Form>\r\n            ) : (\r\n              \"Firmanızın tanımlı bir ödeme sağlayıcısı bulunmuyor.\"\r\n            )}\r\n          </Card>\r\n        </Col>\r\n      </Row>\r\n\r\n      {!usePosCommissionTable &&\r\n        !commissionOptions.loading &&\r\n        !commissionOptions.data.isSelectableInstallmentTable &&\r\n        commissionOptions.data.commissions.length > 0 && (\r\n          <PosCommissionTable\r\n            data={commissionOptions.data}\r\n            amount={activeAmount}\r\n            loading={commissionOptions.loading}\r\n          />\r\n        )}\r\n\r\n      {usePosCommissionTable &&\r\n        tenantScreenSettings.b2BShowInstallmentOptionsOnBinCheck && (\r\n          <PosCommissionTable\r\n            data={commissionOptionsForBinCheckUsage.data}\r\n            amount={activeAmount}\r\n            loading={commissionOptionsForBinCheckUsage.loading}\r\n          />\r\n        )}\r\n\r\n      <Modal\r\n        id=\"paymentModal\"\r\n        centered\r\n        visible={paymentModal.visible}\r\n        onCancel={() => setPaymentModal({ ...paymentModal, visible: false })}\r\n        destroyOnClose={false}\r\n        maskClosable={false}\r\n        keyboard={false}\r\n        width={600}\r\n        footer={null}\r\n      >\r\n        {ozanIframe ? (\r\n          <iframe\r\n            id=\"paymentFrame\"\r\n            ref={iframeRef}\r\n            style={{ width: \"100%\", border: 0 }}\r\n            src={paymentModal.source}\r\n            scrolling=\"auto\"\r\n            onLoad={() => {\r\n              const iframe = iframeRef.current;\r\n              iframe.style.height = iframe.scrollWidth + 150 + \"px\";\r\n            }}\r\n          />\r\n        ) : (\r\n          <iframe\r\n            id=\"paymentFrame\"\r\n            ref={iframeRef}\r\n            style={{ width: \"100%\", border: 0 }}\r\n            srcDoc={paymentModal.source}\r\n            sandbox=\"allow-same-origin allow-scripts allow-forms allow-popups\"\r\n            scrolling=\"auto\"\r\n            onLoad={() => {\r\n              const iframe = iframeRef.current;\r\n              iframe.style.height = iframe.scrollWidth + 150 + \"px\";\r\n            }}\r\n          />\r\n        )}\r\n      </Modal>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default PosCollectionPage;\r\n","import React, { useEffect, useState } from 'react'\r\nimport { Collapse, Select,Row,Input,Col,Button } from 'antd';\r\nimport { QuestionCircleOutlined} from '@ant-design/icons';\r\n\r\nconst { Panel } = Collapse;\r\nconst { Option } = Select;\r\nconst { Search } = Input;\r\nconst callback = (key) => {\r\n  }\r\n\r\n const Questions = () => {\r\n        const [title1, setTitle1] = useState(\"Erişim bilgilerim geldi kullanıcı adı ya da şifre hatalı hatası veriyor. Ne yapabilirim?\");\r\n        const [title1Display, setTitle1Display] = useState('block');\r\n        const [title2, setTitle2] = useState(\"Erişim bilgilerim geldi. İşlem sırasında bir hata oluştu hatası veriyor. Ne yapabilirim?\");\r\n        const [title2Display, setTitle2Display] = useState('block');\r\n        const [title3, setTitle3] = useState(\"Finekra’da bazı hesaplarım görünmüyor. Ne yapabilirim ?\");\r\n        const [title3Display, setTitle3Display] = useState('block');\r\n        const [title4, setTitle4] = useState(\"Hesap hareketim bankada görünüyor ama Finekra’da göremiyorum. Ne yapabilirim ?\");\r\n        const [title4Display, setTitle4Display] = useState('block');\r\n        const [title5, setTitle5] = useState(\"Bazı hesaplarımın toplam bakiyeye dahil edilmemesi için ne yapabilirim ?\");\r\n        const [title5Display, setTitle5Display] = useState('block');\r\n        const [title6, setTitle6] = useState(\"En fazla kaç kullanıcı ekleyebilirim ?\");\r\n        const [title6Display, setTitle6Display] = useState('block');\r\n        const [title7, setTitle7] = useState(\"Birden fazla yönetici kullanıcı ekleyebilir miyim ?\");\r\n        const [title7Display, setTitle7Display] = useState('block');\r\n        const [title8, setTitle8] = useState(\"Hesap ve Ekranlar için kullanıcıların yetkilerini düzenleyebilir miyim ?\");\r\n        const [title8Display, setTitle8Display] = useState('block');\r\n        const [title9, setTitle9] = useState(\"Hesap Hareketi gerçekleştiğinde bildirim almak için ne yapabilirim ?\");\r\n        const [title9Display, setTitle9Display] = useState('block');\r\n        const [title10, setTitle10] = useState(\"Hesap hareketlerimi carilerim ile nasıl eşleştirebilirim?\");\r\n        const [title10Display, setTitle10Display] = useState('block');\r\n        const searchReset = (val) => {\r\n            if(val.target.value === \"\"){\r\n                setTitle1Display('block')\r\n                setTitle2Display('block')\r\n                setTitle3Display('block')\r\n                setTitle4Display('block')\r\n                setTitle5Display('block')\r\n                setTitle6Display('block')\r\n                setTitle7Display('block')\r\n                setTitle8Display('block')\r\n                setTitle9Display('block')\r\n                setTitle10Display('block')\r\n            }\r\n        }\r\n        const onSearch = (value) => {\r\n            if(!title1.toLowerCase().includes(value.toLowerCase())){\r\n                setTitle1Display('none')\r\n            }else{\r\n                setTitle1Display('block')\r\n            }\r\n            if(!title2.toLowerCase().includes(value.toLowerCase())){\r\n                setTitle2Display('none')\r\n            }else{\r\n                setTitle2Display('block')\r\n            }\r\n            if(!title3.toLowerCase().includes(value.toLowerCase())){\r\n                setTitle3Display('none')\r\n            }else{\r\n                setTitle3Display('block')\r\n            }\r\n            if(!title4.toLowerCase().includes(value.toLowerCase())){\r\n                setTitle4Display('none')\r\n            }else{\r\n                setTitle4Display('block')\r\n            }\r\n            if(!title5.toLowerCase().includes(value.toLowerCase())){\r\n                setTitle5Display('none')\r\n            }else{\r\n                setTitle5Display('block')\r\n            }\r\n            if(!title6.toLowerCase().includes(value.toLowerCase())){\r\n                setTitle6Display('none')\r\n            }else{\r\n                setTitle6Display('block')\r\n            }\r\n            if(!title7.toLowerCase().includes(value.toLowerCase())){\r\n                setTitle7Display('none')\r\n            }else{\r\n                setTitle7Display('block')\r\n            }\r\n            if(!title8.toLowerCase().includes(value.toLowerCase())){\r\n                setTitle8Display('none')\r\n            }else{\r\n                setTitle8Display('block')\r\n            }\r\n            if(!title9.toLowerCase().includes(value.toLowerCase())){\r\n                setTitle9Display('none')\r\n            }else{\r\n                setTitle9Display('block')\r\n            }\r\n            if(!title10.toLowerCase().includes(value.toLowerCase())){\r\n                setTitle10Display('none')\r\n            }else{\r\n                setTitle10Display('block')\r\n            }\r\n          };\r\n        return (\r\n            <>\r\n            <Row>\r\n                <Col span={18}></Col>\r\n                <Col span={6}><Search placeholder=\"Başlıkta Ara\" onSearch={onSearch} onChange={(val) => {searchReset(val)}} style={{ width: 200 }} /></Col>\r\n            </Row>\r\n                 <Collapse\r\n                    onChange={callback}\r\n                    accordion\r\n                    style={{backgroundColor:'white'}}\r\n                    >\r\n                    <Panel header=\"Erişim bilgilerim geldi kullanıcı adı ya da şifre hatalı hatası veriyor. Ne yapabilirim?\" style={{display:title1Display}} key=\"1\" >\r\n                        <div>\r\n                        <p>Şifre/Kullanıcı adının başında boşluk olmaması gerekmektedir ve genellikle SMS yolu ile iletilen şifrelerde harfler karışabilmektedir(küçük L ve büyük I harfi gibi).</p>\r\n                        <p><strong>Sık karşılaşılan durumlar :</strong></p>\r\n                        <p><strong>Kuveyt Türk Bankası:</strong> şifrenin yarısı mail ile diğer yarısı SMS ile gelmektedir. Tamamının yazılması gerekir.</p>\r\n                        <p><strong>Akbank:</strong> Kullanıcı ve Şifre bilgisini KİŞ üzerinden oluşturduktan sonra erişim aktif olması için şubenize bilgi vermeniz gerekmektedir.</p>\r\n                        <p><strong>Yapı Kredi Bankası :</strong> Kullanıcı Kodu girer iken CODA\\ yazılmaması gerekiyor. Tarafınıza iletilen şifrede ilk iki harf büyük XX ( I var ise Iğdır’ın I sıdır) 3 ve 4. Harfeler küçük ( I var ise lalenin l sidir ) ve 4 rakamdan oluşur XXxx1111 şeklindedir , büyük küçük harf duyarlıdır.</p>\r\n                        <p>Tüm kontroller sonucunda hata devam ediyor ise şubenizle iletişime geçebilir ve bizlere destek talebi oluşturabilirsiniz. Kısa süre içinde ekibimiz dönüş sağlayacaktır.</p>\r\n                        </div>\r\n                    </Panel>\r\n                    <Panel header=\"Erişim bilgilerim geldi. İşlem sırasında bir hata oluştu hatası veriyor. Ne yapabilirim?\" style={{display:title2Display}} key=\"2\" >\r\n                        <div>\r\n                        <p>Erişim bilgilerinizin doğru girildiğinden emin olunuz. Ardından sorun devam ediyor ise banka tarafında tanım eksik olabilmektedir. İlgili banka için imzaladığınız tanım formundaki IP adreslerine banka tarafından tanımlamanın tamamlanması gerekmektedir. Şubenizle iletişime geçip hata aldığınızı belirtebilirsiniz.</p>\r\n\r\n                        <p><strong>Sık karşılaşılan durumlar :</strong></p>\r\n\r\n                        <p><strong>Vakıfbank :</strong> Hesap numarası alanında hesap numarası 001580 ile başlar.</p>\r\n\r\n                        <p><strong>Akbank :</strong> Müşteri Numarası alanı URF kodunuzdur. Kodunuzu bilmiyorsanız şube temsilcinizden öğrenebilirsiniz.</p>\r\n\r\n                        <p><strong>Iban/Hesap no bilgisi istenen bankalar:</strong> Ekrandan girilen hesaba tanımın yapılmamış olması durumu olabilmektedir. Şubeniz ile görüşerek Finekra’da görünmesini istediğiniz tüm hesaplarınız için bankada online webservis tanımı yapıldığını teyit edebilirsiniz.</p>\r\n                        </div>\r\n                    </Panel>\r\n                    <Panel header=\"Finekra’da bazı hesaplarım görünmüyor. Ne yapabilirim ?\" style={{display:title3Display}} key=\"3\" >\r\n                        <div>\r\n                        <p><strong>Hesap Erişimi girişinde Hesap No/Iban bilgisi isteyen bankalar:</strong> İlk hesabınız ile erişimi kaydettikten sonra listedeki Hesaplar butonu ile diğer hesaplarınızı da eklemeniz gerekmektedir. Eğer diğer hesapları eklerken hata alıyorsanız banka tarafında tanım eksikliği olabilmektedir. Şubeniz ile görüşerek ilgili hesaplar için tanımlama talep edebilirsiniz.</p>\r\n\r\n                        <p><strong>Hesap Erişimi girişinde Hesap No/Iban bilgisi istemeyen bankalar:</strong> Bankadan gelen tüm hesaplar otomatik olarak Finekra’da listelenecektir. Eksik hesaplarınız var ise banka tarafında tanım eksikliği olabilmektedir. Şubeniz ile görüşerek ilgili hesaplar için tanımlama talep edebilirsiniz.</p>\r\n\r\n                        <p>Tüm hesaplarınız tanımlı ve banka tarafında da tanım eksikliği yok ise destek talebi oluşturabilirsiniz. Kısa süre içinde ekibimiz dönüş sağlayacaktır.</p>\r\n                        </div>\r\n                    </Panel>\r\n                    <Panel header=\"Hesap hareketim bankada görünüyor ama Finekra’da göremiyorum. Ne yapabilirim ?\" style={{display:title4Display}} key=\"4\" >\r\n                        <div>\r\n                        <p>Finekra’da hesaplar 15 dakikada bir sorgulanmaktadır (Halkbank-Vakıfbank istisna 30 dk). İlgili hareket 15 dk içinde gerçekleşti ve banka servisine geldi ise maksimum 15 dk içinde Finekra’da listelenecektir.</p>\r\n\r\n                        <p>Sorun devam ediyor ise hesabınıza ait  <strong>banka, hesap no/iban</strong> ve döviz cinsi bilgileri ile harekete ait <strong>gelen/giden bilgisi, tutar, hareketin gerçekleşme tarih saat</strong> bilgisini içerir destek talebi açabilirsiniz. Kısa süre içinde ekibimiz dönüş sağlayacaktır.</p>\r\n                        </div>\r\n                    </Panel>\r\n                    <Panel header=\"Bazı hesaplarımın toplam bakiyeye dahil edilmemesi için ne yapabilirim ?\" style={{display:title5Display}} key=\"5\" >\r\n                        <div>\r\n                        <p>Finekra’da istediğiniz hesapların bakiye toplamlarına dahil edilip edilmemesini seçebilirsiniz.</p>\r\n\r\n                            <p><strong>Hesap İşlemleri {'>'} Hesap Listesi</strong> ekranından <strong>Düzenle</strong> butonu ile açılan formda <strong>Hesaplamaya Dahil Et</strong> alanındaki tik ile yönetebilirsiniz.</p>\r\n                        </div>\r\n                    </Panel>\r\n                    <Panel header=\"En fazla kaç kullanıcı ekleyebilirim ?\" style={{display:title6Display}} key=\"6\" >\r\n                        <div>\r\n                            Finekra’da kullanıcı sayısı kısıtı bulunmuyor. İstediğiniz sayıda kullanıcıyı <strong> Ayarlar {'>'} Kullanıcı Listesi</strong> ekranından ekleyebilirsiniz.\r\n                        </div>\r\n                    </Panel>\r\n                    <Panel header=\"Birden fazla yönetici kullanıcı ekleyebilir miyim ?\" style={{display:title7Display}} key=\"7\" >\r\n                        <div>\r\n                        <p>Finekra’da varsayılan olarak sadece ilk kullanıcı yönetici olarak eklenmektedir.</p>\r\n\r\n                        <p>Birden fazla kullanıcının yönetici olabilmesi için kullanıcıları ekledikten sonra istediğiniz kullanıcıların E-mail (en fazla 2 E-mail) adresleri ile bize destek talebi açarsanız kısa süre içinde ekibimiz dönüş sağlayacaktır.</p>\r\n                        </div>\r\n                    </Panel>\r\n                    <Panel header=\"Hesap ve Ekranlar için kullanıcıların yetkilerini düzenleyebilir miyim ?\" style={{display:title8Display}} key=\"8\" >\r\n                        <div>\r\n                        <p>Tüm kullanıcılar ilk eklendiğinde varsayılan olarak tüm hesaplara ve tüm ekranlara yetkili olarak eklenir. Yetkilerini düzenlemek istediğiniz kullanıcı için <strong>Ayarlar {'>'} Kullanıcı Listesi {'>'} Ekran Yetki / Hesap Yetki</strong> butonları ile yetkileri düzenleyebilirsiniz.</p>\r\n                        </div>\r\n                    </Panel>\r\n                    <Panel header=\"Hesap Hareketi gerçekleştiğinde bildirim almak için ne yapabilirim ?\" style={{display:title9Display}} key=\"9\" >\r\n                        <div>\r\n                        <p>Finekra’da hesap hareketi ve bakiyeleriniz için mail ile bildirim alabilirsiniz.</p>\r\n\r\n                        <p><strong>Ayarlar {'>'} Bildirim</strong> ekranına giderek hangi durumlarda bildirim almak istiyorsanız seçim yaparak bildirim kurabilirsiniz.</p>\r\n\r\n                        <p>Ekranda istenen <strong>saat</strong> alanı bakiye bilgisinin mail atılması için günlük olarak gelmesini istediğiniz saattir.</p>\r\n\r\n                        <p>Ekrandaki <strong>tutar</strong> alanına tutar girişi yaparsanız girdiğiniz tutarın üstündeki hareketler mail ile bildirilecektir.</p>\r\n                        </div>\r\n                    </Panel>\r\n                    <Panel header=\"Hesap hareketlerimi carilerim ile nasıl eşleştirebilirim?\" style={{display:title10Display}} key=\"10\" >\r\n                        <div>\r\n                        <p>Finekra’da hareketleriniz carileriniz ile otomatik olarak eşleşir. Eşleştirmenin yapılabilmesi için carilerinizin <strong>Cariler ve Planlar {'>'} Cari İşlemleri</strong> ekranında kayıtlı olması gerekir. <strong>Cari Ekle</strong> butonu ile tek tek ya da formun en altındaki Excel şablonunu indirerek toplu olarak Carilerinizi kaydedebilirsiniz.</p>\r\n\r\n                        <p>Carilerinizin hesaplarını kaydetmeniz, Vkn/Tckn bilgilerini eklemeniz gibi daha detaylı kayıtlarınızda hareketlerinizin cari ile otomatik eşleşmesi oranı artacaktır.</p>\r\n                        </div>\r\n                    </Panel>\r\n                    </Collapse>\r\n                    <Col style={{textAlign:'center',marginTop:30,marginBottom:17}}>\r\n                    <a href='/support-panel/2'><Button type=\"primary\"> Farklı Konuda Destek Al</Button></a>\r\n                    </Col>\r\n            </>\r\n        )\r\n}\r\nexport default Questions;","import React, { useEffect, useState } from 'react';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Form, Input, Tag, Button, Select, Table, Badge, Row, Col, Upload } from 'antd';\r\nimport moment from 'moment'\r\nimport {\r\n  SyncOutlined,\r\n  UnorderedListOutlined,\r\n  CheckCircleOutlined,\r\n  UploadOutlined\r\n} from '@ant-design/icons';\r\nimport RequestHandler from '../../util/RequestHandler';\r\nconst { TextArea } = Input;\r\nconst { Option } = Select;\r\n\r\nconst formRef = React.createRef();\r\nconst onTopicChange = (value) => {\r\n};\r\nconst onImportanceChange = (value) => {\r\n\r\n};\r\n\r\n\r\n\r\nconst SupportRequestFirst = () => {\r\n  const [moduleList, setModuleList] = useState([]);\r\n  const [messageList, setMessageList] = useState([]);\r\n  const [fileList, setFileList] = useState([]);\r\n  const [loading, setLoading] = useState(false);\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(\"/module/GetDefaultSelectableModules?isSupportPanel=true\").then((response) => {\r\n      setModuleList(response)\r\n    });\r\n\r\n    RequestHandler.get(\"/SupportPanel/GetTitles\").then((response) => {\r\n      setMessageList(response)\r\n    });\r\n  }, [])\r\n  const props = {\r\n    beforeUpload: file => {\r\n      setFileList(file);\r\n      return false;\r\n    }\r\n  };\r\n\r\n  const goMessages = (val) => {\r\n    history.push(`/support-request/${val}`)\r\n  }\r\n  const onFinishFailed = () => setLoading(false);\r\n\r\n  const onFinish = (values) => {\r\n    let images = new FormData();\r\n    images.append('images', fileList);\r\n    setLoading(true);\r\n\r\n    RequestHandler.post(`/SupportPanel/AddTitle`, {\r\n      Title: values.Title,\r\n      Importance: values.Importance,\r\n      TopicId: values.Topic,\r\n      UserId: localStorage.getItem(\"userId\"),\r\n      Message: values.Message\r\n    }, false).then((response) => {\r\n      if (response.success) {\r\n        if (fileList.length !== 0) {\r\n          let bodyFormData = new FormData();\r\n          bodyFormData.append('images', fileList);\r\n\r\n          RequestHandler.post(\"/SupportPanel/AddImage\", bodyFormData, false, {\r\n            headers: {\r\n              \"Content-Type\": \"multipart/form-data\",\r\n              \"Authorization\": \"bearer \" + RequestHandler.getToken(),\r\n              \"titleId\": response.data.id,\r\n              \"userId\": response.data.userId\r\n            },\r\n          }).then(function (res) {\r\n            history.push(`/support-request/${response.data.id}`);\r\n          });\r\n        } else {\r\n          history.push(`/support-request/${response.data.id}`);\r\n        }\r\n      }\r\n    });\r\n  };\r\n\r\n  const columns = [\r\n    {\r\n      title: 'Başlık',\r\n      dataIndex: 'title',\r\n      key: 'title',\r\n      render: (text, row, index) =>\r\n        <div style={{ width: 550 }}>\r\n          {text}\r\n        </div>\r\n    },\r\n    {\r\n      title: 'Konu',\r\n      dataIndex: 'topicText',\r\n      align: 'center',\r\n      key: 'topicText',\r\n    },\r\n    {\r\n      title: 'Talep Tarihi',\r\n      dataIndex: 'adddate',\r\n      align: 'center',\r\n      key: 'adddate',\r\n      render: (data, row, index) => moment(row.addDate).format('L LTS'),\r\n    },\r\n    {\r\n      title: 'Talep Durumu',\r\n      dataIndex: 'status',\r\n      align: 'center',\r\n      key: 'status',\r\n      render: (text, row, index) =>\r\n        <>\r\n          {\r\n            row.isClosed ?\r\n              <Tag icon={<CheckCircleOutlined />} color=\"success\">\r\n                Kapandı\r\n              </Tag> :\r\n              <Tag icon={<SyncOutlined spin />} color=\"processing\">\r\n                Açık\r\n              </Tag>\r\n          }\r\n\r\n        </>\r\n    },\r\n    {\r\n      title: 'Mesajlar',\r\n      dataIndex: 'address',\r\n      key: 'address',\r\n      render: (text, row, index) =>\r\n        <a onClick={() => goMessages(row.id)}>\r\n          {row.isNewMessage ?\r\n            <Badge dot>\r\n              <UnorderedListOutlined style={{ fontSize: 20 }} />\r\n            </Badge>\r\n            :\r\n            <UnorderedListOutlined style={{ fontSize: 20 }} />}\r\n        </a>\r\n    },\r\n  ];\r\n  const history = useHistory();\r\n\r\n  return (\r\n    <>\r\n      <Form ref={formRef} name=\"control-ref\" onFinish={onFinish} onFinishFailed={onFinishFailed}>\r\n        <Row>\r\n          <Col span={8}>\r\n            <Form.Item\r\n              name=\"Title\"\r\n              rules={[\r\n                {\r\n                  required: true,\r\n                  message: \"Başlık alanı boş bırakılamaz.\"\r\n                },\r\n              ]}\r\n            >\r\n              <Input placeholder='Başlık' maxLength={25} />\r\n            </Form.Item>\r\n          </Col>\r\n\r\n          <Col span={8}>\r\n            <Form.Item\r\n              name=\"Topic\"\r\n              rules={[\r\n                {\r\n                  required: true,\r\n                  message: \"Modül alanı boş bırakılamaz.\"\r\n                },\r\n              ]}\r\n            >\r\n              <Select\r\n                placeholder=\"Hangi modül için \"\r\n                onChange={onTopicChange}\r\n                allowClear\r\n              >\r\n                {\r\n                  moduleList.map((item) => {\r\n                    return <Option value={item.id}>{item.name}</Option>\r\n                  })\r\n                }\r\n              </Select>\r\n            </Form.Item>\r\n          </Col>\r\n\r\n          <Col span={8}>\r\n            <Form.Item\r\n              name=\"Importance\"\r\n              rules={[\r\n                {\r\n                  required: true,\r\n                  message: \"Önem derecesi alanı boş bırakılamaz.\"\r\n                },\r\n              ]}\r\n            >\r\n              <Select\r\n                placeholder=\"Önem derecesini yazın\"\r\n                onChange={onImportanceChange}\r\n                allowClear\r\n              >\r\n                <Option value={0}>Normal</Option>\r\n                <Option value={1}>Önemli</Option>\r\n                <Option value={2}>Acil</Option>\r\n              </Select>\r\n            </Form.Item>\r\n          </Col>\r\n\r\n          <Col span={24}>\r\n            <Form.Item\r\n              name=\"Message\"\r\n              rules={[\r\n                {\r\n                  required: true,\r\n                  message: \"Mesaj alanı boş bırakılamaz.\"\r\n                },\r\n              ]}\r\n            >\r\n              <TextArea placeholder='Mesaj' />\r\n            </Form.Item>\r\n          </Col>\r\n        </Row>\r\n\r\n        <Form.Item\r\n          noStyle\r\n          shouldUpdate={(prevValues, currentValues) => prevValues.gender !== currentValues.gender}\r\n        >\r\n          {({ getFieldValue }) =>\r\n            getFieldValue('gender') === 'other' ? (\r\n              <Form.Item\r\n                name=\"customizeGender\"\r\n                label=\"Customize Gender\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                  },\r\n                ]}\r\n              >\r\n                <Input />\r\n              </Form.Item>\r\n            ) : null\r\n          }\r\n        </Form.Item>\r\n        <div style={{ display: 'flex', justifyContent: 'right' }}>\r\n          <Form.Item style={{ marginRight: 20 }}>\r\n            <Upload {...props}>\r\n              <Button icon={<UploadOutlined />}>Fotoğraf Ekle</Button>\r\n            </Upload>\r\n          </Form.Item>\r\n          <Form.Item >\r\n\r\n            <Button style={{ width: '100%' }} type=\"primary\" htmlType=\"submit\" onClick={() => setLoading(true)} loading={loading}>\r\n              Talep Başlat\r\n            </Button>\r\n          </Form.Item>\r\n        </div>\r\n      </Form>\r\n\r\n      <h3 style={{ marginBottom: 30 }}>Geçmiş Taleplerim</h3>\r\n      <Table dataSource={messageList} size={'small'} columns={columns} />\r\n    </>\r\n  )\r\n}\r\n\r\nexport default SupportRequestFirst;","import React, { useState } from \"react\";\r\nimport {\r\n  Input,\r\n  Form,\r\n  Col,\r\n  notification,\r\n  Row,\r\n  Button,\r\n  Spin,\r\n  Switch,\r\n  Upload,\r\n  Modal,\r\n} from \"antd\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport {\r\n  PlusOutlined,\r\n  MailFilled,\r\n  UploadOutlined,\r\n  DownloadOutlined,\r\n} from \"@ant-design/icons\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\nimport SubscriberUserMatchedRecords from \"../SubscriberFirm/SubscriberUserMatchedRecords\";\r\n\r\nconst layout = {\r\n  labelCol: {\r\n    span: 9,\r\n  },\r\n  wrapperCol: {\r\n    span: 13,\r\n  },\r\n};\r\nconst tailLayout = {\r\n  wrapperCol: {\r\n    offset: 15,\r\n    span: 5,\r\n  },\r\n};\r\nconst { TextArea } = Input;\r\nconst SubscriberFirmAddForm = (props) => {\r\n  const isDesktopOrLaptop = useMediaQuery({\r\n    query: \"(min-device-width: 1224px)\",\r\n  });\r\n  const isTabletOrMobileDevice = useMediaQuery({\r\n    query: \"(max-device-width: 1224px)\",\r\n  });\r\n\r\n  const [values, SetValues] = useState(JSON);\r\n  const [spinLoading, SetSpinLoading] = useState(false);\r\n  const [loading, SetLoading] = useState(false);\r\n  const [FirmTypeValue, setFirmTypeValue] = useState(1);\r\n  const [visibleUserInfo, SetVisibleUserInfo] = useState(false);\r\n  const [SubscriberUsers, SetSubscriberUsers] = useState({\r\n    data: [],\r\n    loading: true,\r\n  });\r\n  const [homeOwnerId, SetHomeOwnerId] = useState(\"\");\r\n  const [hirerId, SetHirerId] = useState(\"\");\r\n  const [name, setName] = useState(\"\");\r\n  const [isHired, setIsHired] = useState(true);\r\n  const errorList = [];\r\n  const openNotificationWithIcon = (type) => {\r\n    notification[type]({\r\n      message: \"BAŞARILI\",\r\n      description: \"Ekleme işlemi başarı ile gerçekleşti.\",\r\n      duration: 2,\r\n    });\r\n  };\r\n  const errorListNotification = (type) => {\r\n    errorList.map((item) => {\r\n      notification[type]({\r\n        message: \"Hata\",\r\n        description: item,\r\n        duration: 5,\r\n      });\r\n    });\r\n  };\r\n\r\n  const onChangeNameValue = (e) => {\r\n    setName(e.target.value);\r\n  };\r\n\r\n\r\n  const HandleModal = () => {\r\n    SetVisibleUserInfo(true);\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    SetValues(values);\r\n    if (isHired === true) {\r\n      RequestHandler.post(\r\n        \"/SubscriberUser/CheckUsersExist\",\r\n        [\r\n          {\r\n            Email: values.HomeOwnerMail,\r\n            Name: values.HomeOwnerName,\r\n            PhoneNumber: values.HomeOwnerPhone,\r\n            TcNo: values.HomeOwnerTckn,\r\n            Vkn: values.HomeOwnerVkn,\r\n            TenantSubscriberUserDto: {\r\n              IsHirer: false,\r\n            },\r\n          },\r\n          {\r\n            Email: values.HirerMail,\r\n            Name: values.HirerName,\r\n            PhoneNumber: values.HirerPhone,\r\n            TcNo: values.HirerTckn,\r\n            Vkn: values.HirerVkn,\r\n            TenantSubscriberUserDto: {\r\n              IsHirer: true,\r\n            },\r\n          },\r\n        ],\r\n        false\r\n      ).then((response) => {\r\n        SetSubscriberUsers({\r\n          data: response,\r\n          loading: false,\r\n        });\r\n\r\n        if (response.length != 0) {\r\n          SetVisibleUserInfo(true);\r\n        } else {\r\n          onFinishLast(values);\r\n        }\r\n      });\r\n    } else {\r\n      RequestHandler.post(\r\n        \"/SubscriberUser/CheckUsersExist\",\r\n        [\r\n          {\r\n            Email: values.HomeOwnerMail,\r\n            Name: values.HomeOwnerName,\r\n            PhoneNumber: values.HomeOwnerPhone,\r\n            TcNo: values.HomeOwnerTckn,\r\n            Vkn: values.HomeOwnerVkn,\r\n            TenantSubscriberUserDto: {\r\n              IsHirer: false,\r\n            },\r\n          },\r\n        ],\r\n        false\r\n      ).then((response) => {\r\n        SetSubscriberUsers({\r\n          data: response,\r\n          loading: false,\r\n        });\r\n\r\n        if (response.length != 0) {\r\n          HandleModal();\r\n        } else {\r\n          onFinishLast(values);\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  const onFinishLast = (values) => {\r\n    if (isHired === true) {\r\n      RequestHandler.post(\r\n        \"/SubscriberFirm\",\r\n        {\r\n          Name: values.Name,\r\n          Address: values.Address,\r\n          IsHired: true,\r\n          Description: values.Description,\r\n          FirmTypeByteValue: 1,\r\n          SubscriberUserDtos: [\r\n            {\r\n              id:\r\n                homeOwnerId != \"\"\r\n                  ? homeOwnerId\r\n                  : \"00000000-0000-0000-0000-000000000000\",\r\n              Email: values.HomeOwnerMail,\r\n              Name: values.HomeOwnerName,\r\n              PhoneNumber: values.HomeOwnerPhone,\r\n              TcNo: values.HomeOwnerTckn,\r\n              Vkn: values.HomeOwnerVkn,\r\n              TenantSubscriberUserDto: {\r\n                IsHirer: false,\r\n              },\r\n            },\r\n            {\r\n              id:\r\n                hirerId != \"\"\r\n                  ? hirerId\r\n                  : \"00000000-0000-0000-0000-000000000000\",\r\n              Email: values.HirerMail,\r\n              Name: values.HirerName,\r\n              PhoneNumber: values.HirerPhone,\r\n              TcNo: values.HirerTckn,\r\n              Vkn: values.HirerVkn,\r\n              TenantSubscriberUserDto: {\r\n                IsHirer: true,\r\n              },\r\n            },\r\n          ],\r\n        },\r\n        false\r\n      ).then((res) => {\r\n        if (res.statusCode === 200) {\r\n          openNotificationWithIcon(\"success\");\r\n          setTimeout(\r\n            function () {\r\n              window.location.reload();\r\n            }.bind(this),\r\n            2000\r\n          );\r\n        } else {\r\n          SetLoading(false);\r\n        }\r\n      });\r\n    } else {\r\n      RequestHandler.post(\r\n        \"/SubscriberFirm\",\r\n        {\r\n          Name: values.Name,\r\n          Address: values.Address,\r\n          IsHired: false,\r\n          Description: values.Description,\r\n          FirmTypeByteValue: 1,\r\n          SubscriberUserDtos: [\r\n            {\r\n              id:\r\n                homeOwnerId != \"\"\r\n                  ? homeOwnerId\r\n                  : \"00000000-0000-0000-0000-000000000000\",\r\n              Email: values.HomeOwnerMail,\r\n              Name: values.HomeOwnerName,\r\n              PhoneNumber: values.HomeOwnerPhone,\r\n              TcNo: values.HomeOwnerTckn,\r\n              Vkn: values.HomeOwnerVkn,\r\n              TenantSubscriberUserDto: {\r\n                IsHirer: false,\r\n              },\r\n            },\r\n          ],\r\n        },\r\n        false\r\n      ).then((res) => {\r\n        if (res.statusCode === 200) {\r\n          openNotificationWithIcon(\"success\");\r\n          setTimeout(\r\n            function () {\r\n              window.location.reload();\r\n            }.bind(this),\r\n            2000\r\n          );\r\n        } else {\r\n          SetLoading(false);\r\n        }\r\n      });\r\n    }\r\n  };\r\n  const onFinishFailed = (errorInfo) => {\r\n    SetLoading(false);\r\n  };\r\n  const maxLengthCheck = (object) => {\r\n    if (object.target.value.length > object.target.maxLength) {\r\n      object.target.value = object.target.value.slice(\r\n        0,\r\n        object.target.maxLength\r\n      );\r\n    }\r\n  };\r\n\r\n  const excelDownload = (type) => {\r\n    notification[type]({\r\n      message: \"BAŞARILI\",\r\n      description: \"Excel şablonu indirme işlemi başarı ile gerçekleşti.\",\r\n      duration: 2,\r\n    });\r\n  };\r\n  const excelDownloadFailed = (type) => {\r\n    notification[type]({\r\n      message: \"HATA\",\r\n      description: \"Excel şablonu indirme işlemi sırasında bir hata oluştu.\",\r\n      duration: 2,\r\n    });\r\n  };\r\n\r\n  const excelDownloadFailedUntilThis = (type) => {\r\n    notification[type]({\r\n      message: \"HATA\",\r\n      description: \"Bu veriden sonra yüklemeye devam edilemedi.\",\r\n      duration: 5,\r\n    });\r\n  };\r\n  const downloadExcel = () => {\r\n    window.open(\r\n      `${config.apiUrl}/SubscriberFirm/DownloadExcel?t=${RequestHandler.getToken()}`\r\n    );\r\n  };\r\n\r\n  const propsFirmExcel = {\r\n    name: \"excel\",\r\n    action: `${config.apiUrl}/SubscriberFirm/ImportExcel?type=1`,\r\n    headers: { Authorization: \"bearer \" + RequestHandler.getToken(), },\r\n    onChange(info) {\r\n      const { response, status } = info.file;\r\n      if (info.fileList.length > 0) {\r\n        SetSpinLoading(true);\r\n      }\r\n      if (info.file.status === \"done\") {\r\n        excelDownload(\"success\");\r\n        setTimeout(\r\n          function () {\r\n            window.location.reload();\r\n          }.bind(this),\r\n          2000\r\n        );\r\n      } else if (info.file.status === \"error\") {\r\n        if (info.file.response.statusCode === 406) {\r\n          info.file.response.data.map((item) => {\r\n            errorList.push(item);\r\n            setTimeout(function () {\r\n              window.location.reload();\r\n            }, 5000);\r\n          });\r\n          errorListNotification(\"error\");\r\n          excelDownloadFailedUntilThis(\"error\");\r\n          setTimeout(function () {\r\n            window.location.reload();\r\n          }, 5000);\r\n        } else {\r\n          const notificationType = response.success ? \"success\" : \"error\";\r\n\r\n          notification[notificationType]({\r\n            message: response.message,\r\n            duration: 3,\r\n          });\r\n          if (!response.success) {\r\n            downloadImportResult(info.file.response.data);\r\n          }\r\n          setTimeout(function () {\r\n            window.location.reload();\r\n          }, 5000);\r\n        }\r\n\r\n        SetSpinLoading(false);\r\n      }\r\n    },\r\n  };\r\n  const downloadImportResult = (fileName) => {\r\n    window.open(\r\n      `${config.apiUrl}/SubscriberFirm/DownloadImportResult?t=${RequestHandler.getToken()}&fileName=${fileName}`\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <Spin tip=\"Excel yükleniyor...\" spinning={spinLoading}>\r\n        <Form\r\n          {...layout}\r\n          name=\"basic\"\r\n          initialValues={{\r\n            remember: true,\r\n          }}\r\n          onFinish={onFinish}\r\n          onFinishFailed={onFinishFailed}\r\n          fields={[{ name: \"FirmTypeValue\", value: FirmTypeValue.toString() }]}\r\n        >\r\n          <Row>\r\n            {isDesktopOrLaptop && (\r\n              <>\r\n                <Col span={20}>\r\n                  <Form.Item\r\n                    onChange={onChangeNameValue}\r\n                    style={{ marginTop: \"4%\" }}\r\n                    label=\"Daire Adı\"\r\n                    name=\"Name\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message: \"Lütfen Daire Adı alanını boş bırakmayın.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Apartman\"\r\n                    name=\"Address\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message: \"Lütfen Apartman Adı alanını boş bırakmayın.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Kiracı var mı?\" name=\"IsHired\">\r\n                    <Switch\r\n                      defaultChecked={true}\r\n                      onChange={(checked) => {\r\n                        setIsHired(checked);\r\n                      }}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Açıklama\" name=\"Description\">\r\n                    <TextArea maxLength={200} />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi Adı Soyadı\"\r\n                    name=\"HomeOwnerName\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message:\r\n                          \"Lütfen Ev Sahibi Adı Soyadı alanını boş bırakmayın\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input />\r\n                  </Form.Item>\r\n\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi Telefon Numarası\"\r\n                    name=\"HomeOwnerPhone\"\r\n                    rules={[\r\n                      {\r\n                        min: 12,\r\n                        message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <PhoneInput\r\n                      inputStyle={{ width: \"100%\" }}\r\n                      country=\"tr\"\r\n                      masks={{ tr: \"(...) ...-..-..\" }}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi T.C. Kimlik No\"\r\n                    name=\"HomeOwnerTckn\"\r\n                    rules={[\r\n                      {\r\n                        min: 11,\r\n                        message: \"TcNo 11 karakter olmalıdır.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input\r\n                      type=\"text\"\r\n                      autoComplete=\"off\"\r\n                      onKeyDown={(evt) =>\r\n                        evt.key === \"e\" && evt.preventDefault()\r\n                      }\r\n                      maxLength=\"11\"\r\n                      onInput={maxLengthCheck}\r\n                      onKeyPress={(event) => {\r\n                        if (!/[0-9]/.test(event.key)) {\r\n                          event.preventDefault();\r\n                        }\r\n                      }}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi Vergi Numarası\"\r\n                    name=\"HomeOwnerVkn\"\r\n                  >\r\n                    <Input\r\n                      type=\"text\"\r\n                      autoComplete=\"off\"\r\n                      onKeyDown={(evt) =>\r\n                        evt.key === \"e\" && evt.preventDefault()\r\n                      }\r\n                      maxLength=\"10\"\r\n                      onInput={maxLengthCheck}\r\n                      onKeyPress={(event) => {\r\n                        if (!/[0-9]/.test(event.key)) {\r\n                          event.preventDefault();\r\n                        }\r\n                      }}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi E-Mail\"\r\n                    name=\"HomeOwnerMail\"\r\n                    rules={[{ type: \"email\" }]}\r\n                  >\r\n                    <Input type={MailFilled} />\r\n                  </Form.Item>\r\n                  {isHired && (\r\n                    <Form.Item\r\n                      label=\"Kiracı Adı Soyadı\"\r\n                      name=\"HirerName\"\r\n                      rules={[\r\n                        {\r\n                          required: true,\r\n                          message:\r\n                            \"Lütfen Kiracı Adı Soyadı alanını boş bırakmayın\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Input />\r\n                    </Form.Item>\r\n                  )}\r\n                  {isHired && (\r\n                    <Form.Item\r\n                      label=\"Kiracı Telefon Numarası\"\r\n                      name=\"HirerPhone\"\r\n                      rules={[\r\n                        {\r\n                          min: 12,\r\n                          message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <PhoneInput\r\n                        inputStyle={{ width: \"100%\" }}\r\n                        country=\"tr\"\r\n                        masks={{ tr: \"(...) ...-..-..\" }}\r\n                      />\r\n                    </Form.Item>\r\n                  )}\r\n                  {isHired && (\r\n                    <Form.Item\r\n                      label=\"Kiracı T.C. Kimlik No\"\r\n                      name=\"HirerTckn\"\r\n                      rules={[\r\n                        {\r\n                          min: 11,\r\n                          message: \"TcNo 11 karakter olmalıdır.\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Input\r\n                        type=\"text\"\r\n                        autoComplete=\"off\"\r\n                        onKeyDown={(evt) =>\r\n                          evt.key === \"e\" && evt.preventDefault()\r\n                        }\r\n                        maxLength=\"11\"\r\n                        onInput={maxLengthCheck}\r\n                        onKeyPress={(event) => {\r\n                          if (!/[0-9]/.test(event.key)) {\r\n                            event.preventDefault();\r\n                          }\r\n                        }}\r\n                      />\r\n                    </Form.Item>\r\n                  )}\r\n                  {isHired && (\r\n                    <Form.Item label=\"Kiracı Vergi Numarası\" name=\"HirerVkn\">\r\n                      <Input\r\n                        type=\"text\"\r\n                        autoComplete=\"off\"\r\n                        onKeyDown={(evt) =>\r\n                          evt.key === \"e\" && evt.preventDefault()\r\n                        }\r\n                        maxLength=\"10\"\r\n                        onInput={maxLengthCheck}\r\n                        onKeyPress={(event) => {\r\n                          if (!/[0-9]/.test(event.key)) {\r\n                            event.preventDefault();\r\n                          }\r\n                        }}\r\n                      />\r\n                    </Form.Item>\r\n                  )}\r\n                  {isHired && (\r\n                    <Form.Item\r\n                      label=\"Kiracı E-Mail\"\r\n                      name=\"HirerMail\"\r\n                      rules={[{ type: \"email\" }]}\r\n                    >\r\n                      <Input type={MailFilled} />\r\n                    </Form.Item>\r\n                  )}\r\n                </Col>\r\n                <Col span={4}></Col>\r\n                <Col span={6} style={{ marginLeft: -5 }}>\r\n                  <Upload {...propsFirmExcel}>\r\n                    <Button icon={<UploadOutlined />}>\r\n                      Excel ile Daire Ekle\r\n                    </Button>\r\n                  </Upload>\r\n                </Col>\r\n                <Col span={6}>\r\n                  <Button\r\n                    icon={<DownloadOutlined />}\r\n                    onClick={(() => SetLoading(true), downloadExcel)}\r\n                    loading={loading}\r\n                  >\r\n                    Excel Şablonu İndir\r\n                  </Button>\r\n                </Col>\r\n\r\n                <Col span={6}></Col>\r\n                <Col span={6}>\r\n                  <Form.Item {...tailLayout}>\r\n                    <Button\r\n                      type=\"primary\"\r\n                      icon={<PlusOutlined />}\r\n                      htmlType=\"submit\"\r\n                      onClick={() => SetLoading(true)}\r\n                      loading={loading}\r\n                    >\r\n                      Ekle\r\n                    </Button>\r\n                  </Form.Item>\r\n                </Col>\r\n              </>\r\n            )}\r\n            {isTabletOrMobileDevice && (\r\n              <>\r\n                <Col span={24}>\r\n                  <Form.Item\r\n                    onChange={onChangeNameValue}\r\n                    style={{ marginTop: \"4%\" }}\r\n                    label=\"Daire Adı\"\r\n                    name=\"Name\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message: \"Lütfen Daire Adı alanını boş bırakmayın.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Apartman\"\r\n                    name=\"Address\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message: \"Lütfen Apartman Adı alanını boş bırakmayın.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Kiracı var mı?\" name=\"IsHired\">\r\n                    <Switch\r\n                      defaultChecked={true}\r\n                      onChange={(checked) => {\r\n                        setIsHired(checked);\r\n                      }}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Açıklama\" name=\"Description\">\r\n                    <TextArea maxLength={200} />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi Adı Soyadı\"\r\n                    name=\"HomeOwnerName\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message:\r\n                          \"Lütfen Ev Sahibi Adı Soyadı alanını boş bırakmayın\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input />\r\n                  </Form.Item>\r\n\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi Telefon Numarası\"\r\n                    name=\"HomeOwnerPhone\"\r\n                    rules={[\r\n                      {\r\n                        min: 12,\r\n                        message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <PhoneInput\r\n                      inputStyle={{ width: \"100%\" }}\r\n                      country=\"tr\"\r\n                      masks={{ tr: \"(...) ...-..-..\" }}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi T.C. Kimlik No\"\r\n                    name=\"HomeOwnerTckn\"\r\n                    rules={[\r\n                      {\r\n                        min: 11,\r\n                        message: \"TcNo 11 karakter olmalıdır.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input\r\n                      type=\"text\"\r\n                      autoComplete=\"off\"\r\n                      onKeyDown={(evt) =>\r\n                        evt.key === \"e\" && evt.preventDefault()\r\n                      }\r\n                      maxLength=\"11\"\r\n                      onInput={maxLengthCheck}\r\n                      onKeyPress={(event) => {\r\n                        if (!/[0-9]/.test(event.key)) {\r\n                          event.preventDefault();\r\n                        }\r\n                      }}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi Vergi Numarası\"\r\n                    name=\"HomeOwnerVkn\"\r\n                  >\r\n                    <Input\r\n                      type=\"text\"\r\n                      autoComplete=\"off\"\r\n                      onKeyDown={(evt) =>\r\n                        evt.key === \"e\" && evt.preventDefault()\r\n                      }\r\n                      maxLength=\"10\"\r\n                      onInput={maxLengthCheck}\r\n                      onKeyPress={(event) => {\r\n                        if (!/[0-9]/.test(event.key)) {\r\n                          event.preventDefault();\r\n                        }\r\n                      }}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi E-Mail\"\r\n                    name=\"HomeOwnerMail\"\r\n                    rules={[{ type: \"email\" }]}\r\n                  >\r\n                    <Input type={MailFilled} />\r\n                  </Form.Item>\r\n                  {isHired && (\r\n                    <Form.Item\r\n                      label=\"Kiracı Adı Soyadı\"\r\n                      name=\"HirerName\"\r\n                      rules={[\r\n                        {\r\n                          required: true,\r\n                          message:\r\n                            \"Lütfen Kiracı Adı Soyadı alanınuı boş bırakmayın\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Input />\r\n                    </Form.Item>\r\n                  )}\r\n                  {isHired && (\r\n                    <Form.Item\r\n                      label=\"Kiracı Telefon Numarası\"\r\n                      name=\"HirerPhone\"\r\n                      rules={[\r\n                        {\r\n                          min: 12,\r\n                          message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <PhoneInput\r\n                        inputStyle={{ width: \"100%\" }}\r\n                        country=\"tr\"\r\n                        masks={{ tr: \"(...) ...-..-..\" }}\r\n                      />\r\n                    </Form.Item>\r\n                  )}\r\n                  {isHired && (\r\n                    <Form.Item\r\n                      label=\"Kiracı T.C. Kimlik No\"\r\n                      name=\"HirerTckn\"\r\n                      rules={[\r\n                        {\r\n                          min: 11,\r\n                          message: \"TcNo 11 karakter olmalıdır.\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Input\r\n                        type=\"text\"\r\n                        autoComplete=\"off\"\r\n                        onKeyDown={(evt) =>\r\n                          evt.key === \"e\" && evt.preventDefault()\r\n                        }\r\n                        maxLength=\"11\"\r\n                        onInput={maxLengthCheck}\r\n                        onKeyPress={(event) => {\r\n                          if (!/[0-9]/.test(event.key)) {\r\n                            event.preventDefault();\r\n                          }\r\n                        }}\r\n                      />\r\n                    </Form.Item>\r\n                  )}\r\n                  {isHired && (\r\n                    <Form.Item label=\"Kiracı Vergi Numarası\" name=\"HirerVkn\">\r\n                      <Input\r\n                        type=\"text\"\r\n                        autoComplete=\"off\"\r\n                        onKeyDown={(evt) =>\r\n                          evt.key === \"e\" && evt.preventDefault()\r\n                        }\r\n                        maxLength=\"10\"\r\n                        onInput={maxLengthCheck}\r\n                        onKeyPress={(event) => {\r\n                          if (!/[0-9]/.test(event.key)) {\r\n                            event.preventDefault();\r\n                          }\r\n                        }}\r\n                      />\r\n                    </Form.Item>\r\n                  )}\r\n                  {isHired && (\r\n                    <Form.Item\r\n                      label=\"Kiracı E-Mail\"\r\n                      name=\"HirerMail\"\r\n                      rules={[{ type: \"email\" }]}\r\n                    >\r\n                      <Input type={MailFilled} />\r\n                    </Form.Item>\r\n                  )}\r\n                </Col>\r\n\r\n                <Col span={12}></Col>\r\n                <Col span={6}>\r\n                  <Form.Item {...tailLayout}>\r\n                    <Button\r\n                      type=\"primary\"\r\n                      icon={<PlusOutlined />}\r\n                      htmlType=\"submit\"\r\n                      onClick={() => SetLoading(true)}\r\n                      loading={loading}\r\n                    >\r\n                      Ekle\r\n                    </Button>\r\n                  </Form.Item>\r\n                </Col>\r\n                <Col span={6}></Col>\r\n                <Col span={24}></Col>\r\n                <Col span={2}></Col>\r\n                <Col span={6}>\r\n                  <Upload {...propsFirmExcel}>\r\n                    <Button icon={<UploadOutlined />}>\r\n                      Excel ile Daire Ekle\r\n                    </Button>\r\n                  </Upload>\r\n                </Col>\r\n                <Col span={6}></Col>\r\n                <Col span={6}></Col>\r\n                <Col span={2}></Col>\r\n                <Col span={6}>\r\n                  <Button\r\n                    icon={<DownloadOutlined />}\r\n                    onClick={(() => SetLoading(true), downloadExcel)}\r\n                    loading={loading}\r\n                  >\r\n                    Excel Şablonu İndir\r\n                  </Button>\r\n                </Col>\r\n                <Col span={6}></Col>\r\n                <Col span={6}></Col>\r\n                <Col span={24}></Col>\r\n              </>\r\n            )}\r\n          </Row>\r\n        </Form>\r\n      </Spin>\r\n      <Modal\r\n        title={\"Eşleşen Kayıtlar\"}\r\n        visible={visibleUserInfo}\r\n        centered={true}\r\n        keyboard={true}\r\n        onOk={() => {\r\n          SetVisibleUserInfo(false);\r\n          onFinishLast(values);\r\n        }}\r\n        onCancel={() => {\r\n          SetVisibleUserInfo(false);\r\n          SetLoading(false);\r\n        }}\r\n        width={1000}\r\n        destroyOnClose={true}\r\n      >\r\n        <SubscriberUserMatchedRecords\r\n          Data={SubscriberUsers.data}\r\n          HomeOwnerId={(homeOwnerId) => SetHomeOwnerId(homeOwnerId)}\r\n          HirerId={(hirerId) => SetHirerId(hirerId)}\r\n        />\r\n      </Modal>\r\n    </div>\r\n  );\r\n};\r\nexport default SubscriberFirmAddForm;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n  Input,\r\n  Popconfirm,\r\n  notification,\r\n  Form,\r\n  Col,\r\n  Row,\r\n  Button,\r\n  Switch,\r\n  Modal,\r\n} from \"antd\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport { PlusOutlined, MailFilled } from \"@ant-design/icons\";\r\nimport SubscriberUserAdd from \"./SubscriberUserAddForm\";\r\nimport FormItem from \"antd/lib/form/FormItem\";\r\nimport SubscriberUserMatchedRecords from \"../SubscriberFirm/SubscriberUserMatchedRecords\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\n\r\nconst layout = {\r\n  labelCol: {\r\n    span: 8,\r\n  },\r\n  wrapperCol: {\r\n    span: 13,\r\n  },\r\n};\r\nconst tailLayout = {\r\n  wrapperCol: {\r\n    offset: 15,\r\n    span: 5,\r\n  },\r\n};\r\n\r\nconst { TextArea } = Input;\r\n\r\nconst SubscriberFirmUpdate = (props) => {\r\n  const isDesktopOrLaptop = useMediaQuery({\r\n    query: \"(min-device-width: 1224px)\",\r\n  });\r\n  const isTabletOrMobileDevice = useMediaQuery({\r\n    query: \"(max-device-width: 1224px)\",\r\n  });\r\n\r\n  const history = useHistory();\r\n  const [values, SetValues] = useState(JSON);\r\n  const [loading, SetLoading] = useState(false);\r\n  const [FirmTypeValue, setFirmTypeValue] = useState(4);\r\n  const [collectionAndPaymentTotal, setCollectionAndPaymentTotal] = useState({\r\n    data: [],\r\n    total: 0,\r\n    loading: true,\r\n  });\r\n  const [name, setName] = useState(props.Name);\r\n  const [adress, setAdress] = useState(props.Address);\r\n  const [isHired, setIsHired] = useState(props.IsHired);\r\n  const [isHiredDefault, setIsHiredDefault] = useState(props.IsHired);\r\n  const [description, setDescription] = useState(props.Description);\r\n  const [homeOwnerName, setHomeOwnerName] = useState(props.HomeOwnerName);\r\n  const [hirerName, setHirerName] = useState(props.HirerName);\r\n  const [homeOwnerTckn, setHomeOwnerTckn] = useState(props.HomeOwnerTckn);\r\n  const [hirerTckn, setHirerTckn] = useState(props.HirerTckn);\r\n  const [homeOwnerVkn, setHomeOwnerVkn] = useState(props.HomeOwnerVkn);\r\n  const [hirerVkn, setHirerVkn] = useState(props.HirerVkn);\r\n  const [homeOwnerPhone, setHomeOwnerPhone] = useState(\r\n    props.HomeOwnerPhone != null ? \"+90\" + props.HomeOwnerPhone : \"\"\r\n  );\r\n  const [hirerPhone, setHirerPhone] = useState(\r\n    props.HirerPhone != null && props.HirerPhone.length > 1\r\n      ? \"+90\" + props.HirerPhone\r\n      : \"\"\r\n  );\r\n  const [homeOwnerMail, setHomeOwnerMail] = useState(props.HomeOwnerMail);\r\n  const [hirerMail, setHirerMail] = useState(props.HirerMail);\r\n  const [id, setId] = useState(props.Id);\r\n  const [homeOwnerId, setHomeOwnerId] = useState(props.HomeOwnerId);\r\n  const [hirerId, setHirerId] = useState(props.HirerId);\r\n  const [visibleHirerFields, setvisibleHirerFields] = useState(props.IsHired);\r\n  const [visibleUserAdd, setVisibleUserAdd] = useState(false);\r\n  const [addUserIsHirer, setAddUserIsHirer] = useState(false);\r\n  const [accountBalanceTotal, setAccountBalancetotal] = useState(0);\r\n  const [visibleUserInfo, SetVisibleUserInfo] = useState(false);\r\n  const [SubscriberUsers, SetSubscriberUsers] = useState({\r\n    data: [],\r\n    loading: true,\r\n  });\r\n\r\n  const openNotificationWithIconUpdate = (type) => {\r\n    notification[type]({\r\n      message: \"BAŞARILI\",\r\n      description: \"Güncelleme işlemi başarı ile gerçekleşti.\",\r\n      duration: 2,\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    RequestHandler.post(`/SubscriberFirm/GetCollectionPlanAndPaymentTotal`, { firmId: props.Id, }, false).then((res) => {\r\n      setAccountBalancetotal(res.accountBalanceTotal);\r\n    });\r\n  }, [id]);\r\n\r\n  const onFinishUpdate = (values) => {\r\n    SetValues(values);\r\n    if (isHiredDefault == false && isHired == true) {\r\n      RequestHandler.post(\r\n        \"/SubscriberUser/CheckUsersExist\",\r\n        [\r\n          {\r\n            Email: values.HirerMail,\r\n            Name: values.HirerName,\r\n            PhoneNumber: values.HirerPhone,\r\n            TcNo: values.HirerrTckn,\r\n            Vkn: values.HirerVkn,\r\n            TenantSubscriberUserDto: {\r\n              IsHirer: true,\r\n            },\r\n          },\r\n        ],\r\n        false\r\n      ).then((response) => {\r\n        SetSubscriberUsers({\r\n          data: response,\r\n          loading: false,\r\n        });\r\n\r\n        if (response.length != 0) {\r\n          HandleModal();\r\n        } else {\r\n          onFinishUpdateLast(values);\r\n        }\r\n      });\r\n    } else {\r\n      onFinishUpdateLast(values);\r\n    }\r\n  };\r\n\r\n  const onFinishUpdateLast = (values) => {\r\n\r\n    if (isHired) {\r\n      RequestHandler.put(`/SubscriberFirm`, {\r\n        Id: props.Id,\r\n        Name: values.Name,\r\n        Address: values.Address,\r\n        IsHired: true,\r\n        Description: values.Description,\r\n        SubscriberUserDtos: [\r\n          {\r\n            Id: props.HomeOwnerId,\r\n            Email: values.HomeOwnerMail,\r\n            Name: values.HomeOwnerName,\r\n            PhoneNumber: values.HomeOwnerPhone,\r\n            TcNo: values.HomeOwnerTckn,\r\n            Vkn: values.HomeOwnerVkn,\r\n            TenantSubscriberUserDto: {\r\n              IsHirer: false,\r\n              FirmId: props.Id,\r\n            },\r\n          },\r\n          {\r\n            Id:\r\n              hirerId != \"\"\r\n                ? hirerId\r\n                : \"00000000-0000-0000-0000-000000000000\",\r\n            Email: values.HirerMail,\r\n            Name: values.HirerName,\r\n            PhoneNumber: values.HirerPhone,\r\n            TcNo: values.HirerTckn,\r\n            Vkn: values.HirerVkn,\r\n            TenantSubscriberUserDto: {\r\n              IsHirer: true,\r\n              FirmId: props.Id,\r\n            },\r\n          },\r\n        ],\r\n      }, false, { rawResponse: true }).then((res) => {\r\n        if (res.status === 200) {\r\n          openNotificationWithIconUpdate(\"success\");\r\n          setTimeout(\r\n            function () {\r\n              window.location.reload();\r\n            }.bind(this),\r\n            2000\r\n          );\r\n        }else{\r\n          SetLoading(false)\r\n          }\r\n      }).catch(function (error) {\r\n        SetLoading(false);\r\n      });\r\n    } else {\r\n      RequestHandler.put(`/SubscriberFirm`, {\r\n        Id: props.Id,\r\n        Name: values.Name,\r\n        Address: values.Address,\r\n        IsHired: false,\r\n        Description: values.Description,\r\n        SubscriberUserDtos: [\r\n          {\r\n            Id: props.HomeOwnerId,\r\n            Email: values.HomeOwnerMail,\r\n            Name: values.HomeOwnerName,\r\n            PhoneNumber: values.HomeOwnerPhone,\r\n            TcNo: values.HomeOwnerTckn,\r\n            Vkn: values.HomeOwnerVkn,\r\n            TenantSubscriberUserDto: {\r\n              Id: props.HomeOwnerTenantSubscriberUserId,\r\n              IsHirer: false,\r\n              FirmId: props.Id,\r\n            },\r\n          },\r\n        ],\r\n      }, false, { rawResponse: true }).then((res) => {\r\n        if (res.status === 200) {\r\n          openNotificationWithIconUpdate(\"success\");\r\n          setTimeout(\r\n            function () {\r\n              window.location.reload();\r\n            }.bind(this),\r\n            2000\r\n          );\r\n        }else{\r\n          SetLoading(false)\r\n          }\r\n      }).catch(function (error) {\r\n        SetLoading(false);\r\n      });\r\n    }\r\n  };\r\n\r\n  const HandleModal = () => {\r\n    SetVisibleUserInfo(true);\r\n  };\r\n  const onChangeNameValue = (e) => {\r\n    setName(e.target.value);\r\n  };\r\n  const onChangeAddressValue = (e) => {\r\n    setAdress(e.target.value);\r\n  };\r\n  const onChangeIsHiredValue = (e) => {\r\n    setIsHired(e);\r\n  };\r\n  const onChangeDescriptionValue = (e) => {\r\n    setDescription(e.target.value);\r\n  };\r\n  const onChangeHomeOwnerNameValue = (e) => {\r\n    setHomeOwnerName(e.target.value);\r\n  };\r\n  const onChangeHomeOwnerPhoneValue = (e) => {\r\n    setHomeOwnerPhone(e);\r\n  };\r\n  const onChangeHomeOwnerTcknValue = (e) => {\r\n    setHomeOwnerTckn(e.target.value);\r\n  };\r\n  const onChangeHomeOwnerVknValue = (e) => {\r\n    setHomeOwnerVkn(e.target.value);\r\n  };\r\n  const onChangeHomeOwnerMailValue = (e) => {\r\n    setHomeOwnerMail(e.target.value);\r\n  };\r\n  const onChangeHirerNameValue = (e) => {\r\n    setHirerName(e.target.value);\r\n  };\r\n  const onChangeHirerPhoneValue = (e) => {\r\n    setHirerPhone(e);\r\n  };\r\n  const onChangeHirerTcknValue = (e) => {\r\n    setHirerTckn(e.target.value);\r\n  };\r\n  const onChangeHirerVknValue = (e) => {\r\n    setHirerVkn(e.target.value);\r\n  };\r\n  const onChangeHirerMailValue = (e) => {\r\n    setHirerMail(e.target.value);\r\n  };\r\n\r\n  const maxLengthCheck = (object) => {\r\n    if (object.target.value.length > object.target.maxLength) {\r\n      object.target.value = object.target.value.slice(\r\n        0,\r\n        object.target.maxLength\r\n      );\r\n    }\r\n  };\r\n  const onFinishFailedUpdate = (errorInfo) => {\r\n    SetLoading(false);\r\n  };\r\n  const onCloseUserAdd = () => {\r\n    setVisibleUserAdd(false);\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <Row>\r\n        <Form\r\n          {...layout}\r\n          name=\"basic\"\r\n          initialValues={{\r\n            remember: true,\r\n          }}\r\n          onFinish={onFinishUpdate}\r\n          onFinishFailed={onFinishFailedUpdate}\r\n          fields={[\r\n            { name: \"FirmTypeValue\", value: FirmTypeValue.toString() },\r\n            { name: \"Name\", value: name },\r\n            { name: \"Address\", value: adress },\r\n            { name: \"IsHired\", checked: isHired },\r\n            { name: \"Description\", value: description },\r\n            { name: \"HomeOwnerName\", value: homeOwnerName },\r\n            { name: \"HomeOwnerPhone\", value: homeOwnerPhone },\r\n            { name: \"HomeOwnerTckn\", value: homeOwnerTckn },\r\n            { name: \"HomeOwnerVkn\", value: homeOwnerVkn },\r\n            { name: \"HomeOwnerMail\", value: homeOwnerMail },\r\n            { name: \"HirerName\", value: hirerName },\r\n            { name: \"HirerPhone\", value: hirerPhone },\r\n            { name: \"HirerTckn\", value: hirerTckn },\r\n            { name: \"HirerVkn\", value: hirerVkn },\r\n            { name: \"HirerMail\", value: hirerMail },\r\n          ]}\r\n        >\r\n          <Row>\r\n            {isDesktopOrLaptop && (\r\n              <>\r\n                <Col span={20}>\r\n                  <Form.Item\r\n                    style={{ marginTop: \"4%\" }}\r\n                    label=\"Daire Adı\"\r\n                    name=\"Name\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message: \"Lütfen Daire Adı alanını boş bırakmayın.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input onChange={onChangeNameValue} />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Apartman\"\r\n                    name=\"Address\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message: \"Lütfen Apartman Adı alanını boş bırakmayın.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input onChange={onChangeAddressValue} />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Kiracı var mı?\" name=\"IsHired\">\r\n                    <Switch\r\n                      defaultChecked={isHired}\r\n                      onChange={(checked) => {\r\n                        setvisibleHirerFields(checked);\r\n                        setIsHired(checked);\r\n                      }}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Açıklama\" name=\"Description\">\r\n                    <TextArea\r\n                      maxLength={200}\r\n                      onChange={onChangeDescriptionValue}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi Adı Soyadı\"\r\n                    name=\"HomeOwnerName\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message:\r\n                          \"Lütfen Ev Sahibi Adı Soyadı alanını boş bırakmayın\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input onChange={onChangeHomeOwnerNameValue} />\r\n                  </Form.Item>\r\n\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi Telefon Numarası\"\r\n                    name=\"HomeOwnerPhone\"\r\n                    rules={[\r\n                      {\r\n                        min: 12,\r\n                        message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <PhoneInput\r\n                      onChange={onChangeHomeOwnerPhoneValue}\r\n                      inputStyle={{ width: \"100%\" }}\r\n                      country=\"tr\"\r\n                      masks={{ tr: \"(...) ...-..-..\" }}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi T.C. Kimlik No\"\r\n                    name=\"HomeOwnerTckn\"\r\n                    rules={[\r\n                      {\r\n                        min: 11,\r\n                        message: \"TcNo 11 karakter olmalıdır.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input\r\n                      type=\"text\"\r\n                      autoComplete=\"off\"\r\n                      onKeyDown={(evt) =>\r\n                        evt.key === \"e\" && evt.preventDefault()\r\n                      }\r\n                      maxLength=\"11\"\r\n                      onInput={maxLengthCheck}\r\n                      onKeyPress={(event) => {\r\n                        if (!/[0-9]/.test(event.key)) {\r\n                          event.preventDefault();\r\n                        }\r\n                      }}\r\n                      onChange={onChangeHomeOwnerTcknValue}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi Vergi Numarası\"\r\n                    name=\"HomeOwnerVkn\"\r\n                  >\r\n                    <Input\r\n                      type=\"text\"\r\n                      autoComplete=\"off\"\r\n                      onKeyDown={(evt) =>\r\n                        evt.key === \"e\" && evt.preventDefault()\r\n                      }\r\n                      maxLength=\"10\"\r\n                      onInput={maxLengthCheck}\r\n                      onKeyPress={(event) => {\r\n                        if (!/[0-9]/.test(event.key)) {\r\n                          event.preventDefault();\r\n                        }\r\n                      }}\r\n                      onChange={onChangeHomeOwnerVknValue}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi E-Mail\"\r\n                    name=\"HomeOwnerMail\"\r\n                    rules={[{ type: \"email\" }]}\r\n                  >\r\n                    <Input\r\n                      type={MailFilled}\r\n                      onChange={onChangeHomeOwnerMailValue}\r\n                    />\r\n                  </Form.Item>\r\n                  {visibleHirerFields && (\r\n                    <Form.Item\r\n                      label=\"Kiracı Adı Soyadı\"\r\n                      name=\"HirerName\"\r\n                      rules={[\r\n                        {\r\n                          required: true,\r\n                          message:\r\n                            \"Lütfen Kiracı Adı Soyadı alanını boş bırakmayın\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Input onChange={onChangeHirerNameValue} />\r\n                    </Form.Item>\r\n                  )}\r\n                  {visibleHirerFields && (\r\n                    <Form.Item\r\n                      label=\"Kiracı Telefon Numarası\"\r\n                      name=\"HirerPhone\"\r\n                      rules={[\r\n                        {\r\n                          min: 12,\r\n                          message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <PhoneInput\r\n                        onChange={onChangeHirerPhoneValue}\r\n                        inputStyle={{ width: \"100%\" }}\r\n                        country=\"tr\"\r\n                        masks={{ tr: \"(...) ...-..-..\" }}\r\n                      />\r\n                    </Form.Item>\r\n                  )}\r\n                  {visibleHirerFields && (\r\n                    <Form.Item\r\n                      label=\"Kiracı T.C. Kimlik No\"\r\n                      name=\"HirerTckn\"\r\n                      rules={[\r\n                        {\r\n                          min: 11,\r\n                          message: \"TcNo 11 karakter olmalıdır.\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Input\r\n                        type=\"text\"\r\n                        autoComplete=\"off\"\r\n                        onKeyDown={(evt) =>\r\n                          evt.key === \"e\" && evt.preventDefault()\r\n                        }\r\n                        maxLength=\"11\"\r\n                        onInput={maxLengthCheck}\r\n                        onKeyPress={(event) => {\r\n                          if (!/[0-9]/.test(event.key)) {\r\n                            event.preventDefault();\r\n                          }\r\n                        }}\r\n                        onChange={onChangeHirerTcknValue}\r\n                      />\r\n                    </Form.Item>\r\n                  )}\r\n                  {visibleHirerFields && (\r\n                    <Form.Item label=\"Kiracı Vergi Numarası\" name=\"HirerVkn\">\r\n                      <Input\r\n                        type=\"text\"\r\n                        autoComplete=\"off\"\r\n                        onKeyDown={(evt) =>\r\n                          evt.key === \"e\" && evt.preventDefault()\r\n                        }\r\n                        maxLength=\"10\"\r\n                        onInput={maxLengthCheck}\r\n                        onKeyPress={(event) => {\r\n                          if (!/[0-9]/.test(event.key)) {\r\n                            event.preventDefault();\r\n                          }\r\n                        }}\r\n                        onChange={onChangeHirerVknValue}\r\n                      />\r\n                    </Form.Item>\r\n                  )}\r\n                  {visibleHirerFields && (\r\n                    <Form.Item\r\n                      label=\"Kiracı E-Mail\"\r\n                      name=\"HirerMail\"\r\n                      rules={[{ type: \"email\" }]}\r\n                    >\r\n                      <Input\r\n                        type={MailFilled}\r\n                        onChange={onChangeHirerMailValue}\r\n                      />\r\n                    </Form.Item>\r\n                  )}\r\n                </Col>\r\n                <Col span={4}></Col>\r\n                <Col span={6}></Col>\r\n                <Col span={6}>\r\n                  {accountBalanceTotal > 0 ? (\r\n                    <FormItem {...tailLayout}>\r\n                      <Popconfirm\r\n                        title=\"İlgili Dairenin borcu bulunmaktadır.Ekleme işlemine devam etmek istiyor musunuz?\"\r\n                        onConfirm={() => {\r\n                          setVisibleUserAdd(true);\r\n                          setAddUserIsHirer(false);\r\n                        }}\r\n                        okText=\"Evet\"\r\n                        cancelText=\"Hayır\"\r\n                      >\r\n                        <Button\r\n                          type=\"seceondary\"\r\n                          icon={<PlusOutlined />}\r\n                          htmlType=\"button\"\r\n                        >\r\n                          Ev Sahibi Ekle\r\n                        </Button>\r\n                      </Popconfirm>\r\n                    </FormItem>\r\n                  ) : (\r\n                    <Form.Item {...tailLayout}>\r\n                      <Button\r\n                        type=\"seceondary\"\r\n                        icon={<PlusOutlined />}\r\n                        htmlType=\"button\"\r\n                        onClick={() => {\r\n                          setVisibleUserAdd(true);\r\n                          setAddUserIsHirer(false);\r\n                        }}\r\n                      >\r\n                        Ev Sahibi Ekle\r\n                      </Button>\r\n                    </Form.Item>\r\n                  )}\r\n                </Col>\r\n                {isHiredDefault === true ? (\r\n                  <Col span={6}>\r\n                    {accountBalanceTotal > 0 ? (\r\n                      <FormItem {...tailLayout}>\r\n                        <Popconfirm\r\n                          title=\"İlgili Dairenin borcu bulunmaktadır.Ekleme işlemine devam etmek istiyor musunuz?\"\r\n                          onConfirm={() => {\r\n                            setVisibleUserAdd(true);\r\n                            setAddUserIsHirer(true);\r\n                          }}\r\n                          okText=\"Evet\"\r\n                          cancelText=\"Hayır\"\r\n                        >\r\n                          <Button\r\n                            type=\"seceondary\"\r\n                            icon={<PlusOutlined />}\r\n                            htmlType=\"button\"\r\n                          >\r\n                            Kiracı Ekle\r\n                          </Button>\r\n                        </Popconfirm>\r\n                      </FormItem>\r\n                    ) : (\r\n                      <Form.Item {...tailLayout}>\r\n                        <Button\r\n                          type=\"seceondary\"\r\n                          icon={<PlusOutlined />}\r\n                          htmlType=\"button\"\r\n                          onClick={() => {\r\n                            setVisibleUserAdd(true);\r\n                            setAddUserIsHirer(true);\r\n                          }}\r\n                        >\r\n                          Kiracı Ekle\r\n                        </Button>\r\n                      </Form.Item>\r\n                    )}\r\n                  </Col>\r\n                ) : (\r\n                  <Col span={6}></Col>\r\n                )}\r\n\r\n                <Col span={6}>\r\n                  <Form.Item {...tailLayout}>\r\n                    <Button\r\n                      type=\"primary\"\r\n                      icon={<PlusOutlined />}\r\n                      htmlType=\"submit\"\r\n                      onClick={() => SetLoading(true)}\r\n                      loading={loading}\r\n                    >\r\n                      Güncelle\r\n                    </Button>\r\n                  </Form.Item>\r\n                </Col>\r\n              </>\r\n            )}\r\n            {isTabletOrMobileDevice && (\r\n              <>\r\n                <Col span={20}>\r\n                  <Form.Item\r\n                    style={{ marginTop: \"4%\" }}\r\n                    label=\"Daire Adı\"\r\n                    name=\"Name\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message: \"Lütfen Daire Adı alanını boş bırakmayın.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input onChange={onChangeNameValue} />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Apartman\"\r\n                    name=\"Address\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message: \"Lütfen Apartman Adı alanını boş bırakmayın.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input onChange={onChangeAddressValue} />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Kiracı var mı?\" name=\"IsHired\">\r\n                    <Switch\r\n                      defaultChecked={isHired}\r\n                      onChange={(checked) => {\r\n                        setvisibleHirerFields(checked);\r\n                        setIsHired(checked);\r\n                      }}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item label=\"Açıklama\" name=\"Description\">\r\n                    <TextArea\r\n                      maxLength={200}\r\n                      onChange={onChangeDescriptionValue}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi Adı Soyadı\"\r\n                    name=\"HomeOwnerName\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message:\r\n                          \"Lütfen Ev Sahibi Adı Soyadı alanını boş bırakmayın\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input onChange={onChangeHomeOwnerNameValue} />\r\n                  </Form.Item>\r\n\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi Telefon Numarası\"\r\n                    name=\"HomeOwnerPhone\"\r\n                    rules={[\r\n                      {\r\n                        min: 12,\r\n                        message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <PhoneInput\r\n                      onChange={onChangeHomeOwnerPhoneValue}\r\n                      inputStyle={{ width: \"100%\" }}\r\n                      country=\"tr\"\r\n                      masks={{ tr: \"(...) ...-..-..\" }}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi T.C. Kimlik No\"\r\n                    name=\"HomeOwnerTckn\"\r\n                    rules={[\r\n                      {\r\n                        min: 11,\r\n                        message: \"TcNo 11 karakter olmalıdır.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input\r\n                      type=\"text\"\r\n                      autoComplete=\"off\"\r\n                      onKeyDown={(evt) =>\r\n                        evt.key === \"e\" && evt.preventDefault()\r\n                      }\r\n                      maxLength=\"11\"\r\n                      onInput={maxLengthCheck}\r\n                      onKeyPress={(event) => {\r\n                        if (!/[0-9]/.test(event.key)) {\r\n                          event.preventDefault();\r\n                        }\r\n                      }}\r\n                      onChange={onChangeHomeOwnerTcknValue}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi Vergi Numarası\"\r\n                    name=\"HomeOwnerVkn\"\r\n                  >\r\n                    <Input\r\n                      type=\"text\"\r\n                      autoComplete=\"off\"\r\n                      onKeyDown={(evt) =>\r\n                        evt.key === \"e\" && evt.preventDefault()\r\n                      }\r\n                      maxLength=\"10\"\r\n                      onInput={maxLengthCheck}\r\n                      onKeyPress={(event) => {\r\n                        if (!/[0-9]/.test(event.key)) {\r\n                          event.preventDefault();\r\n                        }\r\n                      }}\r\n                      onChange={onChangeHomeOwnerVknValue}\r\n                    />\r\n                  </Form.Item>\r\n                  <Form.Item\r\n                    label=\"Ev Sahibi E-Mail\"\r\n                    name=\"HomeOwnerMail\"\r\n                    rules={[{ type: \"email\" }]}\r\n                  >\r\n                    <Input\r\n                      type={MailFilled}\r\n                      onChange={onChangeHomeOwnerMailValue}\r\n                    />\r\n                  </Form.Item>\r\n                  {visibleHirerFields && (\r\n                    <Form.Item\r\n                      label=\"Kiracı Adı Soyadı\"\r\n                      name=\"HirerName\"\r\n                      rules={[\r\n                        {\r\n                          required: true,\r\n                          message:\r\n                            \"Lütfen Kiracı Adı Soyadı alanınuı boş bırakmayın\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Input onChange={onChangeHirerNameValue} />\r\n                    </Form.Item>\r\n                  )}\r\n                  {visibleHirerFields && (\r\n                    <Form.Item\r\n                      label=\"Kiracı Telefon Numarası\"\r\n                      name=\"HirerPhone\"\r\n                      rules={[\r\n                        {\r\n                          required: false,\r\n                          min: 12,\r\n                          message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <PhoneInput\r\n                        onChange={onChangeHirerPhoneValue}\r\n                        inputStyle={{ width: \"100%\" }}\r\n                        country=\"tr\"\r\n                        masks={{ tr: \"(...) ...-..-..\" }}\r\n                      />\r\n                    </Form.Item>\r\n                  )}\r\n                  {visibleHirerFields && (\r\n                    <Form.Item\r\n                      label=\"Kiracı T.C. Kimlik No\"\r\n                      name=\"HirerTckn\"\r\n                      rules={[\r\n                        {\r\n                          min: 11,\r\n                          message: \"TcNo 11 karakter olmalıdır.\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Input\r\n                        type=\"text\"\r\n                        autoComplete=\"off\"\r\n                        onKeyDown={(evt) =>\r\n                          evt.key === \"e\" && evt.preventDefault()\r\n                        }\r\n                        maxLength=\"11\"\r\n                        onInput={maxLengthCheck}\r\n                        onKeyPress={(event) => {\r\n                          if (!/[0-9]/.test(event.key)) {\r\n                            event.preventDefault();\r\n                          }\r\n                        }}\r\n                        onChange={onChangeHirerTcknValue}\r\n                      />\r\n                    </Form.Item>\r\n                  )}\r\n                  {visibleHirerFields && (\r\n                    <Form.Item label=\"Kiracı Vergi Numarası\" name=\"HirerVkn\">\r\n                      <Input\r\n                        type=\"text\"\r\n                        autoComplete=\"off\"\r\n                        onKeyDown={(evt) =>\r\n                          evt.key === \"e\" && evt.preventDefault()\r\n                        }\r\n                        maxLength=\"10\"\r\n                        onInput={maxLengthCheck}\r\n                        onKeyPress={(event) => {\r\n                          if (!/[0-9]/.test(event.key)) {\r\n                            event.preventDefault();\r\n                          }\r\n                        }}\r\n                        onChange={onChangeHirerVknValue}\r\n                      />\r\n                    </Form.Item>\r\n                  )}\r\n                  {visibleHirerFields && (\r\n                    <Form.Item\r\n                      label=\"Kiracı E-Mail\"\r\n                      name=\"HirerMail\"\r\n                      rules={[{ type: \"email\" }]}\r\n                    >\r\n                      <Input\r\n                        type={MailFilled}\r\n                        onChange={onChangeHirerMailValue}\r\n                      />\r\n                    </Form.Item>\r\n                  )}\r\n                </Col>\r\n                <Col span={4}></Col>\r\n                <Col span={6}></Col>\r\n                <Col span={6}>\r\n                  <Form.Item {...tailLayout}>\r\n                    <Popconfirm\r\n                      visible\r\n                      title=\"İlgili Dairenin borcu bulunmaktadır.Ekleme işlemine devam etmek istiyor musunuz?\"\r\n                      onConfirm={() => {\r\n                        setVisibleUserAdd(true);\r\n                        setAddUserIsHirer(false);\r\n                      }}\r\n                      okText=\"Evet\"\r\n                      cancelText=\"Hayır\"\r\n                      disabled={\r\n                        collectionAndPaymentTotal.accountBalanceTotal <= 0\r\n                      }\r\n                    >\r\n                      <Button\r\n                        type=\"seceondary\"\r\n                        icon={<PlusOutlined />}\r\n                        htmlType=\"button\"\r\n                        onClick={() => {\r\n                          setVisibleUserAdd(true);\r\n                          setAddUserIsHirer(false);\r\n                        }}\r\n                      >\r\n                        Ev Sahibi Ekle\r\n                      </Button>\r\n                    </Popconfirm>\r\n                  </Form.Item>\r\n                </Col>\r\n                {isHiredDefault === true ? (\r\n                  <Col span={6}>\r\n                    <Form.Item {...tailLayout}>\r\n                      <Button\r\n                        type=\"seceondary\"\r\n                        icon={<PlusOutlined />}\r\n                        htmlType=\"button\"\r\n                        onClick={() => {\r\n                          setVisibleUserAdd(true);\r\n                          setAddUserIsHirer(true);\r\n                        }}\r\n                      >\r\n                        Kiracı Ekle\r\n                      </Button>\r\n                    </Form.Item>\r\n                  </Col>\r\n                ) : (\r\n                  <Col span={6}></Col>\r\n                )}\r\n\r\n                <Col span={6}>\r\n                  <Form.Item {...tailLayout}>\r\n                    <Button\r\n                      type=\"primary\"\r\n                      icon={<PlusOutlined />}\r\n                      htmlType=\"submit\"\r\n                      onClick={() => SetLoading(true)}\r\n                      loading={loading}\r\n                    >\r\n                      Güncelle\r\n                    </Button>\r\n                  </Form.Item>\r\n                </Col>\r\n              </>\r\n            )}\r\n          </Row>\r\n        </Form>\r\n      </Row>\r\n      <Modal\r\n        title={addUserIsHirer ? \"Kiracı Ekle\" : \"Ev Sahibi Ekle\"}\r\n        visible={visibleUserAdd}\r\n        onCancel={onCloseUserAdd}\r\n        centered={true}\r\n        keyboard={true}\r\n        footer={[]}\r\n        width={1000}\r\n        destroyOnClose={true}\r\n      >\r\n        <SubscriberUserAdd SubscriberFirmId={id} IsHirer={addUserIsHirer} />\r\n      </Modal>\r\n      <Modal\r\n        title={\"Eşleşen Kayıtlar\"}\r\n        visible={visibleUserInfo}\r\n        centered={true}\r\n        keyboard={true}\r\n        onOk={() => {\r\n          SetVisibleUserInfo(false);\r\n          onFinishUpdateLast(values);\r\n        }}\r\n        onCancel={() => {\r\n          SetVisibleUserInfo(false);\r\n          SetLoading(false);\r\n        }}\r\n        width={1000}\r\n        destroyOnClose={true}\r\n      >\r\n        <SubscriberUserMatchedRecords\r\n          Data={SubscriberUsers.data}\r\n          HomeOwnerId={(homeOwnerId) => setHomeOwnerId(homeOwnerId)}\r\n          HirerId={(hirerId) => setHirerId(hirerId)}\r\n        />\r\n      </Modal>\r\n    </div>\r\n  );\r\n};\r\nexport default SubscriberFirmUpdate;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n  Form,\r\n  DatePicker,\r\n  Input,\r\n  notification,\r\n  Button,\r\n  Select,\r\n  Col,\r\n  Row,\r\n  Upload,\r\n  Spin,\r\n  Radio,\r\n  Space,\r\n  Typography,\r\n} from \"antd\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport CurrencyInput from \"react-currency-input\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport {\r\n  PlusOutlined,\r\n  DownloadOutlined,\r\n  UploadOutlined,\r\n} from \"@ant-design/icons\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\nconst { Option } = Select;\r\nconst { Text } = Typography;\r\nconst layout = {\r\n  labelCol: {\r\n    span: 10,\r\n  },\r\n  wrapperCol: {\r\n    span: 11,\r\n  },\r\n};\r\nconst tailLayout = {\r\n  wrapperCol: {\r\n    offset: 8,\r\n    span: 16,\r\n  },\r\n};\r\nconst SubscriberFirmMonthlyPlanAdd = (props) => {\r\n  const isTabletOrMobileDevice = useMediaQuery({ query: \"(max-device-width: 1224px)\" });\r\n\r\n  const history = useHistory();\r\n  const [loading, setLoading] = useState(false);\r\n  const [repeatDayCount, setRepeatDayCount] = useState(1);\r\n  const [repeatEndDayCount, setRepeatEndDayCount] = useState(1);\r\n  const [repeatDate, setRepeatDate] = useState();\r\n  const [spinLoading, SetSpinLoading] = useState(false);\r\n  const [tahsilatButton, setTahsilatButton] = useState(false);\r\n  const [odemeButton, setOdemeButton] = useState(false);\r\n  const [repeatPlan, setRepeatPlan] = useState(false);\r\n  const [teminatDropdown, setteminatDropdown] = useState([]);\r\n  const [firmDropdown, setfirmDropdown] = useState([]);\r\n  const [currencyDropdown, setcurrencyDropdown] = useState([]);\r\n  const [ManualTransactionTypeDropdown, setManualTransactionTypeDropdown] = useState([]);\r\n  const [subscriberFirmName, setSubscriberFirmName] = useState(props.Name);\r\n  const errorList = [];\r\n  const errorListNotification = (type) => {\r\n    errorList.map((item) => {\r\n      notification[type]({\r\n        message: \"Hata\",\r\n        description: item,\r\n        duration: 5,\r\n      });\r\n    });\r\n  };\r\n  const onChangeRepeat = (val) => {\r\n    setRepeatPlan(val.target.value);\r\n  };\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/Types/GetManualTransactionTypes`).then((response) => {\r\n      setteminatDropdown(response.filter((x) => x.value == \"Tahsilat\"));\r\n    });\r\n\r\n    RequestHandler.get(`/Currency`).then((response) => {\r\n      setcurrencyDropdown(response.value.filter((x) => x.code == \"TRY\"));\r\n    });\r\n\r\n    RequestHandler.get(`/MonthlyPlanType`).then((response) => {\r\n      setManualTransactionTypeDropdown(response.value.filter((x) => x.name == \"Diğer\"));\r\n    });\r\n  }, [\r\n    setteminatDropdown,\r\n    setcurrencyDropdown,\r\n    setManualTransactionTypeDropdown,\r\n  ]);\r\n\r\n  const { TextArea } = Input;\r\n\r\n  const openNotificationWithIcon = (type) => {\r\n    notification[type]({\r\n      message: \"BAŞARILI\",\r\n      description: \"Ekleme işlemi başarı ile gerçekleşti.\",\r\n      duration: 2,\r\n    });\r\n  };\r\n\r\n  const excelDownload = (type) => {\r\n    notification[type]({\r\n      message: \"BAŞARILI\",\r\n      description: \"Excel şablonu indirme işlemi başarı ile gerçekleşti.\",\r\n      duration: 2,\r\n    });\r\n  };\r\n\r\n  const downloadExcel = () => {\r\n    window.open(\r\n      `${config.apiUrl}/MonthlyPlan/DownloadExcel?t=${RequestHandler.getToken()}`\r\n    );\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    const valuedate = values[\"TransactionDate\"];\r\n\r\n    const repeatTime = values.repeat?.value;\r\n    const repeatKind = values.repeat?.day;\r\n    const repeatContinue = values.repeatContinue == 1 ? null : repeatDayCount;\r\n    const repeatEndDateDay =\r\n      values.repeatEndDate == 2 ? repeatEndDayCount : null;\r\n    const repeatEndDate = values.repeatEndDate == 3 ? repeatDate : null;\r\n\r\n    RequestHandler.post(`/MonthlyPlan`,\r\n      {\r\n        MonthlyPlanTypeId: ManualTransactionTypeDropdown[0].id,\r\n        OtherTransactionProcessType: teminatDropdown[0].key,\r\n        Description: values.Description,\r\n        Amount: 1,\r\n        AmountString: values.Amount,\r\n        TransactionDate: valuedate.format(\"YYYY-MM-DD\"),\r\n        CurrencyId: values.CurrencyCode,\r\n        FirmId: props.SubscriberFirmId,\r\n\r\n        IsRepeat: repeatPlan,\r\n        RepeatTime: repeatTime,\r\n        RepeatKind: repeatKind,\r\n        RepeatContinue: repeatContinue,\r\n        repeatEndDateDay: repeatEndDateDay,\r\n        repeatEndDate: repeatEndDate?.format(\"YYYY-MM-DD\"),\r\n      }, false, { rawResponse: true }).then((res) => {\r\n        if (res.status == 200) {\r\n          openNotificationWithIcon(\"success\");\r\n          setTimeout(\r\n            function () {\r\n              window.location.reload();\r\n            }.bind(this),\r\n            2000\r\n          );\r\n        }else{\r\n          setLoading(false)\r\n          }\r\n      });\r\n  };\r\n\r\n  const propsTahsilat = {\r\n    name: \"excel\",\r\n    action: `${config.apiUrl}/MonthlyPlan/ImportExcel?type=1`,\r\n    headers: {\r\n      Authorization:\r\n        \"bearer \" + RequestHandler.getToken(),\r\n    },\r\n    onChange(info) {\r\n      const { response, status } = info.file;\r\n\r\n      if (info.fileList.length > 0) {\r\n        SetSpinLoading(true);\r\n      }\r\n      if (info.file.status === \"done\") {\r\n        excelDownload(\"success\");\r\n        setTimeout(\r\n          function () {\r\n            window.location.reload();\r\n          }.bind(this),\r\n          2000\r\n        );\r\n      } else if (info.file.status === \"error\") {\r\n        if (info.file.response.statusCode === 406) {\r\n          info.file.response.data.map((item) => {\r\n            errorList.push(item);\r\n          });\r\n          errorListNotification(\"error\");\r\n          setTimeout(function () {\r\n            window.location.reload();\r\n          }, 5000);\r\n        } else {\r\n          const notificationType = response.success ? \"success\" : \"error\";\r\n\r\n          notification[notificationType]({\r\n            message: response.message,\r\n            duration: 3,\r\n          });\r\n          if (!response.success) {\r\n            downloadImportResult(info.file.response.data);\r\n          }\r\n          setTimeout(function () {\r\n            window.location.reload();\r\n          }, 5000);\r\n        }\r\n      }\r\n    },\r\n  };\r\n  const downloadImportResult = (fileName) => {\r\n    window.open(\r\n      `${config.apiUrl}/MonthlyPlan/DownloadImportResult?t=${RequestHandler.getToken()}&fileName=${fileName}`\r\n    );\r\n  };\r\n  const propsOdeme = {\r\n    name: \"excel\",\r\n    action: `${config.apiUrl}/MonthlyPlan/ImportExcel?type=2`,\r\n    headers: { Authorization: \"bearer \" + RequestHandler.getToken(), },\r\n    onChange(info) {\r\n      const { response, status } = info.file;\r\n\r\n      SetSpinLoading(true);\r\n      if (info.file.status === \"done\") {\r\n        excelDownload(\"success\");\r\n        setTimeout(\r\n          function () {\r\n            window.location.reload();\r\n          }.bind(this),\r\n          2000\r\n        );\r\n      } else if (info.file.status === \"error\") {\r\n        if (info.file.response.statusCode === 406) {\r\n          info.file.response.data.map((item) => {\r\n            errorList.push(item);\r\n          });\r\n          errorListNotification(\"error\");\r\n          setTimeout(function () {\r\n            window.location.reload();\r\n          }, 5000);\r\n        } else {\r\n          const notificationType = response.success ? \"success\" : \"error\";\r\n\r\n          notification[notificationType]({\r\n            message: response.message,\r\n            duration: 3,\r\n          });\r\n          if (!response.success) {\r\n            downloadImportResult(info.file.response.data);\r\n          }\r\n          setTimeout(function () {\r\n            window.location.reload();\r\n          }, 5000);\r\n        }\r\n      }\r\n    },\r\n  };\r\n  const onFinishFailed = (errorInfo) => {\r\n    setLoading(false);\r\n  };\r\n  return (\r\n    <div>\r\n      <Spin tip=\"Excel yükleniyor...\" spinning={spinLoading}>\r\n        <Form\r\n          {...layout}\r\n          name=\"basic\"\r\n          initialValues={{\r\n            remember: true,\r\n          }}\r\n          onFinish={onFinish}\r\n          onFinishFailed={onFinishFailed}\r\n        >\r\n          <Row>\r\n            <Col\r\n              style={{\r\n                width: \"100%\",\r\n                textAlign: \"center\",\r\n                marginTop: \"2%\",\r\n                marginBottom: \"5%\",\r\n              }}\r\n            >\r\n              <Radio.Group\r\n                defaultValue={false}\r\n                onChange={(value) => {\r\n                  onChangeRepeat(value);\r\n                }}\r\n                buttonStyle=\"button\"\r\n              >\r\n                <Radio.Button value={false}>Plan Girişi</Radio.Button>\r\n                <Radio.Button value={true}>Tekrarlı Plan Girişi</Radio.Button>\r\n              </Radio.Group>\r\n            </Col>\r\n            <Col span={24}>\r\n              <Form.Item label=\"Daire Adı\" name=\"FirmName\">\r\n                <Input readOnly={true} defaultValue={subscriberFirmName} />\r\n              </Form.Item>\r\n              <Form.Item\r\n                label=\"Tutar\"\r\n                name=\"Amount\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Lütfen Tutar alanını boş bırakmayın.\",\r\n                  },\r\n                ]}\r\n              >\r\n                <CurrencyInput\r\n                  className=\"ant-input\"\r\n                  style={{ width: \"100%\" }}\r\n                  decimalSeparator=\",\"\r\n                  thousandSeparator=\".\"\r\n                />\r\n              </Form.Item>\r\n              <Form.Item\r\n                label=\"Para Birimi\"\r\n                name=\"CurrencyCode\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    message: \"Lütfen Para Birimi alanını boş bırakmayın.\",\r\n                  },\r\n                ]}\r\n              >\r\n                <Select\r\n                  showSearch\r\n                  placeholder=\"Para birimini seçiniz\"\r\n                  optionFilterProp=\"children\"\r\n                  filterOption={(input, option) =>\r\n                    option.props.children\r\n                      .toLocaleLowerCase(\"tr-TR\")\r\n                      .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                  }\r\n                >\r\n                  {currencyDropdown.map((item) => (\r\n                    <Option key={item.id}>\r\n                      {item.code + \" (\" + item.symbol + \")\"}\r\n                    </Option>\r\n                  ))}\r\n                </Select>\r\n              </Form.Item>\r\n\r\n              {repeatPlan ? (\r\n                <>\r\n                  <Form.Item\r\n                    label=\"İlk Tekrar Tarihi\"\r\n                    name=\"TransactionDate\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message: \"Lütfen Tarih alanını boş bırakmayın.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <DatePicker\r\n                      format={\"DD-MM-YYYY\"}\r\n                      placeholder=\"Tarih seçiniz\"\r\n                      style={{ width: \"100%\" }}\r\n                    />\r\n                  </Form.Item>\r\n\r\n                  <Form.Item label=\"Tekrar Etme Sıklığı\">\r\n                    <Input.Group compact>\r\n                      <Text style={{ marginTop: 4 }}>Her</Text>\r\n                      <Form.Item\r\n                        name={[\"repeat\", \"value\"]}\r\n                        noStyle\r\n                        rules={[\r\n                          {\r\n                            required: true,\r\n                            message: \"Bu alan boş bırakılamaz\",\r\n                          },\r\n                        ]}\r\n                      >\r\n                        <Select\r\n                          style={\r\n                            isTabletOrMobileDevice\r\n                              ? { marginLeft: 10 }\r\n                              : { marginLeft: 10, width: \"22%\" }\r\n                          }\r\n                          placeholder=\"Seçiniz\"\r\n                        >\r\n                          <Option value={1}>1</Option>\r\n                          <Option value={2}>2</Option>\r\n                          <Option value={3}>3</Option>\r\n                          <Option value={4}>4</Option>\r\n                          <Option value={5}>5</Option>\r\n                          <Option value={6}>6</Option>\r\n                          <Option value={7}>7</Option>\r\n                          <Option value={8}>8</Option>\r\n                          <Option value={9}>9</Option>\r\n                          <Option value={10}>10</Option>\r\n                          <Option value={11}>11</Option>\r\n                          <Option value={12}>12</Option>\r\n                          <Option value={13}>13</Option>\r\n                          <Option value={14}>14</Option>\r\n                          <Option value={15}>15</Option>\r\n                          <Option value={16}>16</Option>\r\n                          <Option value={17}>17</Option>\r\n                          <Option value={18}>18</Option>\r\n                          <Option value={19}>19</Option>\r\n                          <Option value={20}>20</Option>\r\n                          <Option value={21}>21</Option>\r\n                          <Option value={22}>22</Option>\r\n                          <Option value={23}>23</Option>\r\n                          <Option value={24}>24</Option>\r\n                          <Option value={25}>25</Option>\r\n                          <Option value={26}>26</Option>\r\n                          <Option value={27}>27</Option>\r\n                          <Option value={28}>28</Option>\r\n                          <Option value={29}>29</Option>\r\n                          <Option value={30}>30</Option>\r\n                        </Select>\r\n                      </Form.Item>\r\n                      <Form.Item\r\n                        name={[\"repeat\", \"day\"]}\r\n                        noStyle\r\n                        rules={[\r\n                          {\r\n                            required: true,\r\n                            message: \"Bu alan boş bırakılamaz\",\r\n                          },\r\n                        ]}\r\n                      >\r\n                        <Select\r\n                          style={{ marginRight: 10 }}\r\n                          placeholder=\"Seçiniz\"\r\n                        >\r\n                          <Option value=\"day\">Günde</Option>\r\n                          <Option value=\"week\">Haftada</Option>\r\n                          <Option value=\"month\">Ayda</Option>\r\n                          <Option value=\"year\">Yılda</Option>\r\n                        </Select>\r\n                      </Form.Item>\r\n                      <Text style={{ marginTop: 4 }}>Bir</Text>\r\n                    </Input.Group>\r\n                  </Form.Item>\r\n\r\n                  <Form.Item\r\n                    label=\"Sonraki Tekrarlar\"\r\n                    name=\"repeatContinue\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message:\r\n                          \"Lütfen Tekrarlanma Sıklığı alanını boş bırakmayın.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Radio.Group onChange={(value) => { }} value={1}>\r\n                      <Space direction=\"vertical\">\r\n                        <Radio value={1}>Tekrarlanma Gününde</Radio>\r\n                        <Radio value={2}>\r\n                          <Input\r\n                            style={{ width: 60, marginLeft: 10 }}\r\n                            value={repeatDayCount}\r\n                            onChange={(e) => {\r\n                              setRepeatDayCount(e.target.value);\r\n                            }}\r\n                          />{\" \"}\r\n                          gün sonra\r\n                        </Radio>\r\n                      </Space>\r\n                    </Radio.Group>\r\n                  </Form.Item>\r\n\r\n                  <Form.Item\r\n                    label=\"Ne Zaman Sonlansın\"\r\n                    name=\"repeatEndDate\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        message:\r\n                          \"Lütfen Sonlanma tarihi alanını boş bırakmayın.\",\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Radio.Group onChange={(value) => { }} value={1}>\r\n                      <Space direction=\"vertical\">\r\n                        <Radio value={2}>\r\n                          <Input\r\n                            style={{ width: 60, marginLeft: 10 }}\r\n                            value={repeatEndDayCount}\r\n                            onChange={(e) => {\r\n                              setRepeatEndDayCount(e.target.value);\r\n                            }}\r\n                          />{\" \"}\r\n                          tekrardan sonra\r\n                        </Radio>\r\n                        <Radio value={3}>\r\n                          <DatePicker\r\n                            format={\"DD-MM-YYYY\"}\r\n                            onSelect={(dt) => {\r\n                              setRepeatDate(dt);\r\n                            }}\r\n                            placeholder=\"Tarih seçiniz\"\r\n                            style={{ width: \"50%\" }}\r\n                          />{\" \"}\r\n                          <Text>tarihinde</Text>\r\n                        </Radio>\r\n                      </Space>\r\n                    </Radio.Group>\r\n                  </Form.Item>\r\n                </>\r\n              ) : (\r\n                <Form.Item\r\n                  label=\"Tarih\"\r\n                  name=\"TransactionDate\"\r\n                  rules={[\r\n                    {\r\n                      required: true,\r\n                      message: \"Lütfen Tarih alanını boş bırakmayın.\",\r\n                    },\r\n                  ]}\r\n                >\r\n                  <DatePicker\r\n                    format={\"DD-MM-YYYY\"}\r\n                    placeholder=\"Tarih seçiniz\"\r\n                    style={{ width: \"100%\" }}\r\n                  />\r\n                </Form.Item>\r\n              )}\r\n              <Form.Item label=\"Açıklama\" name=\"Description\">\r\n                <TextArea rows={4} />\r\n              </Form.Item>\r\n            </Col>\r\n\r\n            <Col span={6} style={{ marginLeft: -5 }}>\r\n              {tahsilatButton === true && !repeatPlan ? (\r\n                <Upload {...propsTahsilat}>\r\n                  <Button icon={<UploadOutlined />}>\r\n                    Excel ile Tahsilat Ekle\r\n                  </Button>\r\n                </Upload>\r\n              ) : odemeButton === true && !repeatPlan ? (\r\n                <Upload {...propsOdeme}>\r\n                  <Button icon={<UploadOutlined />}>\r\n                    Excel ile Ödeme Ekle\r\n                  </Button>\r\n                </Upload>\r\n              ) : null}\r\n            </Col>\r\n            <Col span={6} style={{ marginLeft: 5 }}>\r\n              {tahsilatButton === true && !repeatPlan ? (\r\n                <Button\r\n                  icon={<DownloadOutlined />}\r\n                  onClick={(() => setLoading(true), downloadExcel)}\r\n                  loading={loading}\r\n                >\r\n                  Excel Şablonu İndir\r\n                </Button>\r\n              ) : odemeButton === true && !repeatPlan ? (\r\n                <Button\r\n                  icon={<DownloadOutlined />}\r\n                  onClick={(() => setLoading(true), downloadExcel)}\r\n                  loading={loading}\r\n                >\r\n                  Excel Şablonu İndir\r\n                </Button>\r\n              ) : null}\r\n            </Col>\r\n            <Col span={6}></Col>\r\n            <Col span={3}>\r\n              <Form.Item {...tailLayout}>\r\n                <Button\r\n                  type=\"primary\"\r\n                  icon={<PlusOutlined />}\r\n                  htmlType=\"submit\"\r\n                  onClick={() => setLoading(true)}\r\n                  loading={loading}\r\n                >\r\n                  Ekle\r\n                </Button>\r\n              </Form.Item>\r\n            </Col>\r\n            <Col span={6}></Col>\r\n          </Row>\r\n        </Form>\r\n      </Spin>\r\n    </div>\r\n  );\r\n};\r\nexport default SubscriberFirmMonthlyPlanAdd;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n  Table,\r\n  Empty,\r\n  Input,\r\n  Popconfirm,\r\n  Select,\r\n  notification,\r\n  Form,\r\n  Col,\r\n  Collapse,\r\n  Tooltip,\r\n  Row,\r\n  Drawer,\r\n  Button,\r\n  Modal,\r\n} from \"antd\";\r\nimport { Link } from \"react-router-dom\";\r\nimport {\r\n  SearchOutlined,\r\n  BarsOutlined,\r\n  PlusOutlined,\r\n  EditOutlined,\r\n  CheckCircleOutlined,\r\n  CloseCircleOutlined,\r\n  CloseOutlined,\r\n  MenuUnfoldOutlined,\r\n  OrderedListOutlined,\r\n  AppstoreAddOutlined,\r\n} from \"@ant-design/icons\";\r\nimport { odata } from \"../Filters/Helper\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport SubscriberUserHistory from \"./SubscriberUserHistory\";\r\nimport SubscriberFirmAddForm from \"../Forms/SubscriberFirmAddForm\";\r\nimport SubscriberFirmUpdate from \"../Forms/SubscriberFirmUpdate\";\r\nimport SubscriberFirmMonthlyPlanAdd from \"../Forms/SubscriberFirmMonthlyPlanAdd\";\r\nimport SubscriberFirmCollectionStatus from \"./SubscriberFirmCollectionStatus\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\n\r\nconst layout = {\r\n  labelCol: {\r\n    span: 8,\r\n  },\r\n  wrapperCol: {\r\n    span: 13,\r\n  },\r\n};\r\nconst { Option } = Select;\r\nconst { Panel } = Collapse;\r\n\r\nconst SubscriberFirmList = () => {\r\n  const isDesktopOrLaptop = useMediaQuery({\r\n    query: \"(min-device-width: 1224px)\",\r\n  });\r\n  const isTabletOrMobileDevice = useMediaQuery({\r\n    query: \"(max-device-width: 1224px)\",\r\n  });\r\n\r\n  const [subscriberFirms, setSubscriberFirms] = useState({\r\n    data: [],\r\n    total: 0,\r\n    loading: true,\r\n  });\r\n  const [dataState, setDataState] = useState([{ skip: 0, take: 10 }]);\r\n  const [take, setTake] = useState(20);\r\n  const [skip, setSkip] = useState(0);\r\n  const [subscriberFirmDropdown, setSubscriberFirmDropdown] = useState([]);\r\n  const [subscriberFirmIdUpdate, setSubscriberFirmIdUpdate] = useState(\"\");\r\n  const [subscriberFirmId, setSubscriberFirmId] = useState(\"\");\r\n  const [Name, setName] = useState(\"\");\r\n  const [Address, setAddress] = useState(\"\");\r\n  const [IsHired, setIsHired] = useState(false);\r\n  const [order, setOrder] = useState(\"\");\r\n  const [homeOwnerName, setHomeOwnerName] = useState(\"\");\r\n  const [hirerName, setHirerName] = useState(\"\");\r\n  const [homeOwnerTckn, setHomeOwnerTckn] = useState(\"\");\r\n  const [hirerTckn, setHirerTckn] = useState(\"\");\r\n  const [homeOwnerVkn, setHomeOwnerVkn] = useState(\"\");\r\n  const [hirerVkn, setHirerVkn] = useState(\"\");\r\n  const [homeOwnerPhone, setHomeOwnerPhone] = useState(\"\");\r\n  const [hirerPhone, setHirerPhone] = useState(\"\");\r\n  const [homeOwnerMail, setHomeOwnerMail] = useState(\"\");\r\n  const [hirerMail, setHirerMail] = useState(\"\");\r\n  const [currentPage, setCurrentPage] = useState(1);\r\n  const [query, setQuery] = useState(\"\");\r\n  const [filterAddress, setFilterAddress] = useState(\"\");\r\n  const [filterHomeOwner, setFilterHomeOwner] = useState(\"\");\r\n  const [filterHirer, setFilterHirer] = useState(\"\");\r\n  const [filterTckn, setFilterTckn] = useState(\"\");\r\n  const [filterVkn, setFilterVkn] = useState(\"\");\r\n  const [visible, setVisible] = useState(false);\r\n  const [visibleUpdate, setVisibleUpdate] = useState(false);\r\n  const [description, setDescription] = useState(\"\");\r\n  const [paymentCode, setPaymentCode] = useState(\"\");\r\n  const [isModalVisible, setIsModalVisible] = useState(false);\r\n  const [modalSubcriberFirmId, setModalSubscriberFirmId] = useState(\"\");\r\n  const [homeOwnerId, setHomeOwnerId] = useState(\"\");\r\n  const [hirerId, setHirerId] = useState(\"\");\r\n  const [mail, setMail] = useState(\"\");\r\n  const [firmNameForMail, setFirmNameForMail] = useState(\"\");\r\n  const [monthlyPlanAddSubscriberFirmId, setMonthlyPlanAddSubscriberFirmId] = useState(\"\");\r\n  const [\r\n    monthlyPlanAddSubscriberFirmName,\r\n    setMonthlyPlanAddSubscriberFirmName,\r\n  ] = useState(\"\");\r\n  const [monthlyPlanAddVisible, setMonthlyPlanAddVisible] = useState(false);\r\n  const [collectionStatusVisible, setCollectionStatusVisible] = useState(false);\r\n  const [\r\n    collectionStatusSubscriberFirmId,\r\n    setCollectionStatusSubscriberFirmId,\r\n  ] = useState(\"\");\r\n  const [\r\n    subscriberFirmNameWithResponsibleUser,\r\n    setSubscriberFirmNameWithResponsibleUser,\r\n  ] = useState(\"\");\r\n\r\n  const [collectionStatusData, setCollectionStatusData] = useState({\r\n    visible: false,\r\n    data: null,\r\n  });\r\n\r\n  const handleOk = () => {\r\n    setIsModalVisible(false);\r\n  };\r\n\r\n  const handleCancel = () => {\r\n    setIsModalVisible(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    setSubscriberFirms({\r\n      ...subscriberFirms,\r\n      loading: true,\r\n    });\r\n    RequestHandler.get(`/SubscriberFirm? ${query}${order} &$count=true&$skip=${skip}&$top=${take}`).then((response) => {\r\n      setSubscriberFirms({\r\n        data: response.value,\r\n        total: response[\"@odata.count\"],\r\n        loading: false,\r\n      });\r\n    });\r\n  }, [setDataState, skip, take, query, setSkip, order, setTake]);\r\n\r\n  const handleActivePassive = (key) => {\r\n    RequestHandler.delete(`/SubscriberFirm?id=${key}`, undefined, false, { rawResponse: true }).then((res) => {\r\n      if (res.status == 204 || res.status == 200) {\r\n        getData(\"success\");\r\n      }\r\n    });\r\n  };\r\n\r\n  const showDrawerUpdate = (value) => {\r\n    RequestHandler.get(`/SubscriberFirm/GetById/${value}`).then((response) => {\r\n      setName(response[0].name);\r\n      setAddress(response[0].address);\r\n      setIsHired(response[0].isHired);\r\n      setDescription(response[0].description);\r\n      setPaymentCode(response[0].paymentCode);\r\n      setHomeOwnerId(\r\n        response[0].tenantSubscriberUsersVm.filter(\r\n          (x) => x.isActive === true && x.isHirer === false\r\n        )[0].subscriberUserVm.id\r\n      );\r\n      setHomeOwnerName(\r\n        response[0].tenantSubscriberUsersVm.filter(\r\n          (x) => x.isActive === true && x.isHirer === false\r\n        )[0].subscriberUserVm.name\r\n      );\r\n      setHomeOwnerPhone(\r\n        response[0].tenantSubscriberUsersVm.filter(\r\n          (x) => x.isActive === true && x.isHirer === false\r\n        )[0].subscriberUserVm.phoneNumber\r\n      );\r\n      setHomeOwnerTckn(\r\n        response[0].tenantSubscriberUsersVm.filter(\r\n          (x) => x.isActive === true && x.isHirer === false\r\n        )[0].subscriberUserVm.tcNo\r\n      );\r\n      setHomeOwnerVkn(\r\n        response[0].tenantSubscriberUsersVm.filter(\r\n          (x) => x.isActive === true && x.isHirer === false\r\n        )[0].subscriberUserVm.vkn\r\n      );\r\n      setHomeOwnerMail(\r\n        response[0].tenantSubscriberUsersVm.filter(\r\n          (x) => x.isActive === true && x.isHirer === false\r\n        )[0].subscriberUserVm.email\r\n      );\r\n\r\n      setHirerId(\r\n        response[0].isHired === true\r\n          ? response[0].tenantSubscriberUsersVm.filter(\r\n            (x) => x.isActive === true && x.isHirer === true\r\n          )[0].subscriberUserVm.id\r\n          : \"00000000-0000-0000-0000-000000000000\"\r\n      );\r\n      setHirerName(\r\n        response[0].isHired === true\r\n          ? response[0].tenantSubscriberUsersVm.filter(\r\n            (x) => x.isActive === true && x.isHirer === true\r\n          )[0].subscriberUserVm.name\r\n          : \"\"\r\n      );\r\n      setHirerPhone(\r\n        response[0].isHired === true\r\n          ? response[0].tenantSubscriberUsersVm.filter(\r\n            (x) => x.isActive === true && x.isHirer === true\r\n          )[0].subscriberUserVm.phoneNumber\r\n          : \"\"\r\n      );\r\n      setHirerTckn(\r\n        response[0].isHired === true\r\n          ? response[0].tenantSubscriberUsersVm.filter(\r\n            (x) => x.isActive === true && x.isHirer === true\r\n          )[0].subscriberUserVm.tcNo\r\n          : \"\"\r\n      );\r\n      setHirerVkn(\r\n        response[0].isHired === true\r\n          ? response[0].tenantSubscriberUsersVm.filter(\r\n            (x) => x.isActive === true && x.isHirer === true\r\n          )[0].subscriberUserVm.vkn\r\n          : \"\"\r\n      );\r\n      setHirerMail(\r\n        response[0].isHired === true\r\n          ? response[0].tenantSubscriberUsersVm.filter(\r\n            (x) => x.isActive === true && x.isHirer === true\r\n          )[0].subscriberUserVm.email\r\n          : \"\"\r\n      );\r\n\r\n      setSubscriberFirmIdUpdate(value);\r\n      setVisibleUpdate(true);\r\n    });\r\n  };\r\n\r\n  const onClose = () => {\r\n    setVisible(false);\r\n    setVisibleUpdate(false);\r\n  };\r\n\r\n  const onCloseUpdate = () => {\r\n    setVisibleUpdate(false);\r\n  };\r\n\r\n  const onCloseMonthlyPlanAdd = () => {\r\n    setMonthlyPlanAddVisible(false);\r\n  };\r\n\r\n  const onCloseCollectionStatus = () => {\r\n    setCollectionStatusVisible(false);\r\n  };\r\n\r\n  const openNotificationWithIcon = (type) => {\r\n    notification[type]({\r\n      message: \"Uyarı\",\r\n      description: \"Pasif olan daireler güncellenemez.\",\r\n    });\r\n  };\r\n\r\n  const handleReset = (clearFilters) => {\r\n    setSkip(0);\r\n    setTake(20);\r\n    setQuery(\"\");\r\n    setSubscriberFirmId(\"\");\r\n    setFilterAddress(\"\");\r\n    setFilterHomeOwner(\"\");\r\n    setFilterHirer(\"\");\r\n    setFilterTckn(\"\");\r\n    setFilterVkn(\"\");\r\n  };\r\n  const getData = (val) => {\r\n    if (val === \"success\") {\r\n      reList();\r\n      setVisibleUpdate(false);\r\n      setVisible(false);\r\n    }\r\n  };\r\n  const reList = () => {\r\n    setSubscriberFirms({\r\n      ...subscriberFirms,\r\n      loading: true,\r\n    });\r\n\r\n    RequestHandler.get(`/SubscriberFirm? ${query}${order} &$count=true&$skip=${skip}&$top=${take}`).then((response) => {\r\n      setSubscriberFirms({\r\n        data: response.value,\r\n        total: response[\"@odata.count\"],\r\n        loading: false,\r\n      });\r\n    });\r\n  };\r\n\r\n  const dataStateChange = (e) => {\r\n    setSubscriberFirms(e);\r\n  };\r\n  const handleSubscriberFirmId = (value) => {\r\n    setSubscriberFirmId(value);\r\n  };\r\n  const handleFilterAdress = (value) => {\r\n    setFilterAddress(value.target.value);\r\n  };\r\n\r\n  const handleFilterHomeOwner = (value) => {\r\n    setFilterHomeOwner(value.target.value);\r\n  };\r\n\r\n  const handleFilterHirer = (value) => {\r\n    setFilterHirer(value.target.value);\r\n  };\r\n\r\n  const handleFilterTckn = (value) => {\r\n    setFilterTckn(value.target.value);\r\n  };\r\n\r\n  const handleFilterVkn = (value) => {\r\n    setFilterVkn(value.target.value);\r\n  };\r\n  \r\n  const paging = (p, filters, sorter) => {\r\n    let order = \"\";\r\n    if (sorter.columnKey && sorter.order) {\r\n      order =\r\n        \"&\" +\r\n        (sorter.order === \"descend\"\r\n          ? odata.orderBy(sorter.columnKey)\r\n          : odata.orderByDesc(sorter.columnKey));\r\n    }\r\n\r\n    setOrder(order);\r\n    setDataState((prevState) => {\r\n      prevState.skip = (p.current - 1) * p.pageSize;\r\n      setSkip(prevState.skip);\r\n      setTake(p.pageSize);\r\n      setCurrentPage(p.current);\r\n      return {\r\n        prevState,\r\n      };\r\n    });\r\n  };\r\n\r\n  const onSearch = (val) => {\r\n    if (val.length >= 3) {\r\n      RequestHandler.get(`/SubscriberFirm?$filter=${odata.contains(\"name\", val)}`).then((res) => {\r\n        setSubscriberFirmDropdown(res.value);\r\n      });\r\n    } else {\r\n      setSubscriberFirmDropdown([]);\r\n    }\r\n  };\r\n\r\n  const onFinishFilter = (values) => {\r\n    {\r\n      setSkip(0);\r\n      setTake(20);\r\n      var queryFirm = \"\";\r\n      if (\r\n        queryFirm === \"\" &&\r\n        subscriberFirmId !== undefined &&\r\n        subscriberFirmId !== \"\"\r\n      ) {\r\n        queryFirm += `$filter=Id eq ${subscriberFirmId} `;\r\n      } else if (\r\n        queryFirm !== \"\" &&\r\n        subscriberFirmId !== undefined &&\r\n        subscriberFirmId !== \"\"\r\n      ) {\r\n        queryFirm += ` and Id eq ${subscriberFirmId} `;\r\n      }\r\n      if (\r\n        queryFirm === \"\" &&\r\n        filterAddress !== undefined &&\r\n        filterAddress !== \"\"\r\n      ) {\r\n        queryFirm += `$filter=Contains(address,'${filterAddress}') `;\r\n      } else if (\r\n        queryFirm !== \"\" &&\r\n        filterAddress !== undefined &&\r\n        filterAddress !== \"\"\r\n      ) {\r\n        queryFirm += ` and Contains(address,'${filterAddress}') `;\r\n      }\r\n      if (\r\n        queryFirm === \"\" &&\r\n        filterHomeOwner !== undefined &&\r\n        filterHomeOwner !== \"\"\r\n      ) {\r\n        queryFirm += `$filter=Contains(homeOwnerName,'${filterHomeOwner}') `;\r\n      } else if (\r\n        queryFirm !== \"\" &&\r\n        filterHomeOwner !== undefined &&\r\n        filterHomeOwner !== \"\"\r\n      ) {\r\n        queryFirm += ` and Contains(homeOwnerName,'${filterHomeOwner}') `;\r\n      }\r\n      if (queryFirm === \"\" && filterHirer !== undefined && filterHirer !== \"\") {\r\n        queryFirm += `$filter=Contains(hirerName,'${filterHirer}') `;\r\n      } else if (\r\n        queryFirm !== \"\" &&\r\n        filterHirer !== undefined &&\r\n        filterHirer !== \"\"\r\n      ) {\r\n        queryFirm += ` and Contains(hirerName,'${filterHirer}') `;\r\n      }\r\n      if (queryFirm === \"\" && filterTckn !== undefined && filterTckn !== \"\") {\r\n        queryFirm += `$filter=Contains(homeOwnerTckn,'${filterTckn}') or Contains(hirerTckn,'${filterTckn}') `;\r\n      } else if (\r\n        queryFirm !== \"\" &&\r\n        filterTckn !== undefined &&\r\n        filterTckn !== \"\"\r\n      ) {\r\n        queryFirm += ` and Contains(homeOwnerTckn,'${filterTckn}') or Contains(hirerTckn,'${filterTckn}') `;\r\n      }\r\n\r\n      if (queryFirm === \"\" && filterVkn !== undefined && filterVkn !== \"\") {\r\n        queryFirm += `$filter=Contains(homeOwnerVkn,'${filterVkn}') or Contains(hirerVkn,'${filterVkn}') `;\r\n      } else if (\r\n        queryFirm !== \"\" &&\r\n        filterVkn !== undefined &&\r\n        filterVkn !== \"\"\r\n      ) {\r\n        queryFirm += ` and Contains(homeOwnerVkn,'${filterVkn}') or Contains(hirerVkn,'${filterVkn}') `;\r\n      }\r\n      setQuery(queryFirm);\r\n      queryFirm = \"\";\r\n    }\r\n  };\r\n\r\n  const columns = [\r\n    {\r\n      title: \"Daire No\",\r\n      dataIndex: \"name\",\r\n      key: \"name\",\r\n      render: (text, row, index) =>\r\n        text == null ? (\r\n          \"\"\r\n        ) : (\r\n          <Tooltip placement=\"topLeft\" title={text}>\r\n            {text.substring(0, 15).length < 15\r\n              ? text.substring(0, 15) + \"\"\r\n              : text.substring(0, 15) + \"...\"}\r\n          </Tooltip>\r\n        ),\r\n    },\r\n    {\r\n      title: \"Apartman\",\r\n      dataIndex: \"address\",\r\n      key: \"address\",\r\n      render: (text, row, index) => (\r\n        <Tooltip placement=\"topLeft\" title={text}>\r\n          {text?.substring(0, 20) === undefined\r\n            ? \"\"\r\n            : text?.substring(0, 20).length < 20\r\n              ? text?.substring(0, 20) + \"\"\r\n              : text?.substring(0, 20) + \"...\"}\r\n        </Tooltip>\r\n      ),\r\n    },\r\n    {\r\n      title: \"Ev Sahibi Ad-Soyad\",\r\n      dataIndex: \"tenantSubscriberUsersVm\",\r\n      align: \"center\",\r\n      key: \"homeOwnerName\",\r\n      render: (data, text) => (\r\n        (text = data\r\n          .filter((x) => x.isActive === true && x.isHirer === false)\r\n          .map((item) => (item != Empty ? item.subscriberUserVm.name : \"\"))),\r\n        (\r\n          <Tooltip placement=\"topLeft\" title={text}>\r\n            <div>\r\n              {text === undefined ? (\r\n                <div style={{ opacity: 0.7 }}>-</div>\r\n              ) : (\r\n                text\r\n              )}\r\n            </div>\r\n          </Tooltip>\r\n        )\r\n      ),\r\n    },\r\n    {\r\n      title: \"Kiracı Ad-Soyad\",\r\n      dataIndex: \"tenantSubscriberUsersVm\",\r\n      align: \"center\",\r\n      key: \"hirerName\",\r\n      render: (data, text) => (\r\n        (text = data\r\n          .filter((x) => x.isActive === true && x.isHirer === true)\r\n          .map((item) => (item != Empty ? item.subscriberUserVm.name : \"\"))),\r\n        (\r\n          <Tooltip placement=\"topLeft\" title={text}>\r\n            <div>\r\n              {text === undefined ? (\r\n                <div style={{ opacity: 0.7 }}>-</div>\r\n              ) : (\r\n                text\r\n              )}\r\n            </div>\r\n          </Tooltip>\r\n        )\r\n      ),\r\n    },\r\n    {\r\n      title: \"Detay\",\r\n      dataIndex: \"id\",\r\n      align: \"center\",\r\n      key: \"id\",\r\n      width: \"5%\",\r\n      render: (text, record) => (\r\n        <Button\r\n          onClick={() => {\r\n            setModalSubscriberFirmId(record.id);\r\n            setIsModalVisible(true);\r\n          }}\r\n          icon={<OrderedListOutlined />}\r\n          type=\"link\"\r\n          style={{\r\n            color: \"#08979c\",\r\n            fontSize: \"130%\",\r\n            paddingTop: isTabletOrMobileDevice ? 3 : 5,\r\n          }}\r\n        ></Button>\r\n      ),\r\n    },\r\n    {\r\n      title: \"Tahsilat Durumu\",\r\n      dataIndex: \"id\",\r\n      align: \"center\",\r\n      key: \"id\",\r\n      width: \"7%\",\r\n      render: (text, record) => (\r\n        <Button\r\n          onClick={() => {\r\n            setCollectionStatusData({\r\n              data: {\r\n                firmId: record.id,\r\n                mail: record.mail,\r\n                firmName: record.name,\r\n              },\r\n            });\r\n            setSubscriberFirmNameWithResponsibleUser(\r\n              record.name +\r\n              \"-\" +\r\n              (record.isHired === false\r\n                ? record.tenantSubscriberUsersVm\r\n                  .filter((x) => x.isActive === true && x.isHirer === false)\r\n                  .map((item) => item.subscriberUserVm.name)\r\n                : record.tenantSubscriberUsersVm\r\n                  .filter((x) => x.isActive === true && x.isHirer === true)\r\n                  .map((item) => item.subscriberUserVm.name))\r\n            );\r\n            setCollectionStatusVisible(true);\r\n          }}\r\n          icon={<MenuUnfoldOutlined />}\r\n          type=\"link\"\r\n          style={{\r\n            color: \"#a0d911\",\r\n            fontSize: \"130%\",\r\n            paddingTop: isTabletOrMobileDevice ? 2 : 5,\r\n          }}\r\n        ></Button>\r\n      ),\r\n    },\r\n    {\r\n      title: \"Panel Bilgileri\",\r\n      dataIndex: \"id\",\r\n      align: \"center\",\r\n      key: \"id\",\r\n      width: \"7%\",\r\n      render: (text, record) =>\r\n        record.isActive ? (\r\n          <Link\r\n            style={{ fontSize: \"120%\", color: \"blue\", paddingTop: 10 }}\r\n            to={`/subscriberfirm-panel-info/${record.id}`}\r\n          >\r\n            <OrderedListOutlined />\r\n          </Link>\r\n        ) : (\r\n          <Button\r\n            onClick={() => {\r\n              openNotificationWithIcon(\"warning\");\r\n            }}\r\n            icon={<OrderedListOutlined />}\r\n            type=\"link\"\r\n            style={{ fontSize: \"120%\", color: \"blue\", paddingTop: 7 }}\r\n          ></Button>\r\n        ),\r\n    },\r\n    {\r\n      title: \"Tahsilat Plan Girişi\",\r\n      dataIndex: \"id\",\r\n      align: \"center\",\r\n      key: \"id\",\r\n      width: \"8%\",\r\n      render: (text, record) => (\r\n        <Button\r\n          onClick={() => {\r\n            if (record.isActive) {\r\n              setMonthlyPlanAddSubscriberFirmId(record.id);\r\n              setMonthlyPlanAddSubscriberFirmName(record.name);\r\n              setMonthlyPlanAddVisible(true);\r\n            } else {\r\n              openNotificationWithIcon(\"warning\");\r\n            }\r\n          }}\r\n          icon={<AppstoreAddOutlined />}\r\n          type=\"link\"\r\n          style={{ fontSize: \"120%\", color: \"#9254de\", paddingTop: 7 }}\r\n        ></Button>\r\n      ),\r\n    },\r\n    {\r\n      title: \"Güncelle\",\r\n      dataIndex: \"operation\",\r\n      align: \"center\",\r\n      width: \"5%\",\r\n      render: (text, record) =>\r\n        subscriberFirms.data.length >= 1 ? (\r\n          record.isActive ? (\r\n            <a\r\n              onClick={() => {\r\n                showDrawerUpdate(record.id);\r\n              }}\r\n              style={{\r\n                color: \"orange\",\r\n                fontSize: \"130%\",\r\n                paddingBottom: \"20px\",\r\n              }}\r\n            >\r\n              <EditOutlined />\r\n            </a>\r\n          ) : (\r\n            <a\r\n              onClick={() => {\r\n                openNotificationWithIcon(\"warning\");\r\n              }}\r\n              style={{\r\n                color: \"orange\",\r\n                fontSize: \"130%\",\r\n                paddingBottom: \"20px\",\r\n              }}\r\n            >\r\n              <EditOutlined />\r\n            </a>\r\n          )\r\n        ) : null,\r\n    },\r\n    {\r\n      title: \"Durum\",\r\n      dataIndex: \"operation\",\r\n      align: \"center\",\r\n      render: (text, record) =>\r\n        record.isActive ? (\r\n          <Popconfirm\r\n            title=\"Pasif yapmak istiyor musunuz?\"\r\n            okText=\"Evet\"\r\n            cancelText=\"Hayır\"\r\n            onConfirm={() => handleActivePassive(record.id)}\r\n          >\r\n            <a style={{ color: \"green\", fontSize: \"130%\" }}>\r\n              <CheckCircleOutlined />\r\n            </a>\r\n          </Popconfirm>\r\n        ) : (\r\n          <Popconfirm\r\n            title=\"Aktif yapmak istiyor musunuz?\"\r\n            okText=\"Evet\"\r\n            cancelText=\"Hayır\"\r\n            onConfirm={() => handleActivePassive(record.id)}\r\n          >\r\n            <a style={{ color: \"red\", fontSize: \"130%\" }}>\r\n              <CloseCircleOutlined />\r\n            </a>\r\n          </Popconfirm>\r\n        ),\r\n    },\r\n  ];\r\n\r\n  return (\r\n    <div>\r\n      <Row>\r\n        <Col xs={24} md={12} lg={16}>\r\n          <p style={{ fontSize: \"120%\", marginTop: -5 }}>\r\n            <BarsOutlined /> DAİRE LİSTESİ\r\n          </p>\r\n        </Col>\r\n        <Col xs={24} md={12} lg={8} style={{ textAlign: \"right\" }}>\r\n          <Button type=\"primary\" onClick={() => setVisible(true)}>\r\n            <PlusOutlined /> Daire Ekle\r\n          </Button>\r\n        </Col>\r\n      </Row>\r\n      <Row>\r\n        <Col span={24}>\r\n          <Collapse defaultActiveKey={[\"0\"]}>\r\n            <Panel header=\"Filtreleme için tıklayınız.\" key=\"1\">\r\n              <Form\r\n                {...layout}\r\n                name=\"basic\"\r\n                initialValues={{\r\n                  remember: true,\r\n                }}\r\n                onFinish={onFinishFilter}\r\n              >\r\n                <Row>\r\n                  {isDesktopOrLaptop && (\r\n                    <>\r\n                      <Col span={6}>Daire Adı :</Col>\r\n                      <Col span={6}>Apartman Adı</Col>\r\n                      <Col span={6}>Ev Sahibi Adı Soyadı</Col>\r\n                      <Col span={6}>Kiracı Adı Soyadı</Col>\r\n\r\n                      <Col span={6}>\r\n                        <Select\r\n                          showSearch\r\n                          name=\"subscriberFirmId\"\r\n                          onChange={handleSubscriberFirmId}\r\n                          value={\r\n                            subscriberFirmId === \"\" ? null : subscriberFirmId\r\n                          }\r\n                          style={{ width: \"100%\", marginBottom: \"3%\" }}\r\n                          placeholder=\"En az 3 harf giriniz..\"\r\n                          optionFilterProp=\"children\"\r\n                          onSearch={onSearch}\r\n                          filterOption={(input, option) =>\r\n                            option.props.children\r\n                              .toLocaleLowerCase(\"tr-TR\")\r\n                              .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                          }\r\n                        >\r\n                          {subscriberFirmDropdown.map((item) => (\r\n                            <Option key={item.id} value={item.id}>\r\n                              {item.name}\r\n                            </Option>\r\n                          ))}\r\n                        </Select>\r\n                      </Col>\r\n                      <Col span={6}>\r\n                        <Input\r\n                          name=\"filterAddress\"\r\n                          value={filterAddress}\r\n                          onChange={handleFilterAdress}\r\n                          style={{ width: \"100%\", marginBottom: \"6%\" }}\r\n                          placeholder=\"Apartman Adı\"\r\n                        />\r\n                      </Col>\r\n                      <Col span={6}>\r\n                        <Input\r\n                          name=\"filterHomeOwner\"\r\n                          value={filterHomeOwner}\r\n                          onChange={handleFilterHomeOwner}\r\n                          style={{ width: \"100%\", marginBottom: \"6%\" }}\r\n                          placeholder=\"Ev Sahibi Adı Soyadı\"\r\n                        />\r\n                      </Col>\r\n                      <Col span={6}>\r\n                        <Input\r\n                          name=\"filterHirer\"\r\n                          value={filterHirer}\r\n                          onChange={handleFilterHirer}\r\n                          style={{ width: \"100%\", marginBottom: \"6%\" }}\r\n                          placeholder=\"Kiracı Adı Soyadı\"\r\n                        />\r\n                      </Col>\r\n\r\n                      <Col span={6}>Ev Sahibi/Kiracı T.C. Kimlik Numarası</Col>\r\n                      <Col span={6}>Ev Sahibi/Kiracı Vergi Kimlik Numarası</Col>\r\n                      <Col span={6}></Col>\r\n                      <Col span={6}></Col>\r\n\r\n                      <Col span={6}>\r\n                        <Input\r\n                          name=\"filterTckn\"\r\n                          value={filterTckn}\r\n                          onChange={handleFilterTckn}\r\n                          style={{ width: \"100%\", marginBottom: \"6%\" }}\r\n                          placeholder=\"T.C. Kimlik Numarası\"\r\n                        />\r\n                      </Col>\r\n                      <Col span={6}>\r\n                        <Input\r\n                          name=\"filterVkn\"\r\n                          value={filterVkn}\r\n                          onChange={handleFilterVkn}\r\n                          style={{ width: \"100%\", marginBottom: \"6%\" }}\r\n                          placeholder=\"Vergi Kimlik Numarası\"\r\n                        />\r\n                      </Col>\r\n                      <Col span={6}>\r\n                        <Button\r\n                          danger\r\n                          size=\"small\"\r\n                          icon={<CloseOutlined />}\r\n                          onClick={() => handleReset()}\r\n                          style={{ width: \"100%\" }}\r\n                        >\r\n                          Sıfırla\r\n                        </Button>\r\n                      </Col>\r\n                      <Col span={6}>\r\n                        <Button\r\n                          type=\"\"\r\n                          size=\"small\"\r\n                          icon={<SearchOutlined />}\r\n                          style={{\r\n                            color: \"#4d98aa\",\r\n                            borderColor: \"#4d98aa\",\r\n                            width: \"100%\",\r\n                          }}\r\n                          htmlType=\"submit\"\r\n                        >\r\n                          Filtrele\r\n                        </Button>\r\n                      </Col>\r\n                    </>\r\n                  )}\r\n                  {isTabletOrMobileDevice && (\r\n                    <>\r\n                      <Col span={12}>Daire Adı :</Col>\r\n                      <Col span={12}>\r\n                        <Select\r\n                          showSearch\r\n                          name=\"subscriberFirmId\"\r\n                          onChange={handleSubscriberFirmId}\r\n                          value={\r\n                            subscriberFirmId === \"\" ? null : subscriberFirmId\r\n                          }\r\n                          style={{ width: \"100%\", marginBottom: \"3%\" }}\r\n                          placeholder=\"En az 3 harf giriniz..\"\r\n                          optionFilterProp=\"children\"\r\n                          onSearch={onSearch}\r\n                          filterOption={(input, option) =>\r\n                            option.props.children\r\n                              .toLocaleLowerCase(\"tr-TR\")\r\n                              .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                          }\r\n                        >\r\n                          {subscriberFirmDropdown.map((item) => (\r\n                            <Option key={item.id} value={item.id}>\r\n                              {item.name}\r\n                            </Option>\r\n                          ))}\r\n                        </Select>\r\n                      </Col>\r\n\r\n                      <Col span={12}> Apartman Adı</Col>\r\n                      <Col span={12}>\r\n                        <Input\r\n                          name=\"filterAddress\"\r\n                          value={filterAddress}\r\n                          onChange={handleFilterAdress}\r\n                          style={{ width: \"100%\", marginBottom: \"6%\" }}\r\n                          placeholder=\"Apartman Adı\"\r\n                        />\r\n                      </Col>\r\n\r\n                      <Col span={12}>Ev Sahibi Adı Soyadı</Col>\r\n                      <Col span={12}>\r\n                        <Input\r\n                          name=\"filterHomeOwner\"\r\n                          value={filterHomeOwner}\r\n                          onChange={handleFilterHomeOwner}\r\n                          style={{ width: \"100%\", marginBottom: \"6%\" }}\r\n                          placeholder=\"Ev Sahibi Adı Soyadı\"\r\n                        />\r\n                      </Col>\r\n                      <Col span={12}>Kiracı Adı Soyadı</Col>\r\n                      <Col span={12}>\r\n                        <Input\r\n                          name=\"filterHirer\"\r\n                          value={filterHirer}\r\n                          onChange={handleFilterHirer}\r\n                          style={{ width: \"100%\", marginBottom: \"6%\" }}\r\n                          placeholder=\"Kiracı Adı Soyadı\"\r\n                        />\r\n                      </Col>\r\n                      <Col span={12}>Ev Sahibi/Kiracı T.C. Kimlik Numarası</Col>\r\n                      <Col span={12}>\r\n                        <Input\r\n                          name=\"filterTckn\"\r\n                          value={filterTckn}\r\n                          onChange={handleFilterTckn}\r\n                          style={{ width: \"100%\", marginBottom: \"6%\" }}\r\n                          placeholder=\"T.C. Kimlik Numarası\"\r\n                        />\r\n                      </Col>\r\n                      <Col span={12}>\r\n                        Ev Sahibi/Kiracı Vergi Kimlik Numarası\r\n                      </Col>\r\n                      <Col span={12}>\r\n                        <Input\r\n                          name=\"filterVkn\"\r\n                          value={filterVkn}\r\n                          onChange={handleFilterVkn}\r\n                          style={{ width: \"100%\", marginBottom: \"6%\" }}\r\n                          placeholder=\"Vergi Kimlik Numarası\"\r\n                        />\r\n                      </Col>\r\n                      <Col span={12}>\r\n                        <Button\r\n                          danger\r\n                          size=\"small\"\r\n                          style={{ marginTop: \"5%\", width: \"100%\" }}\r\n                          icon={<CloseOutlined />}\r\n                          onClick={() => handleReset()}\r\n                        >\r\n                          Sıfırla\r\n                        </Button>\r\n                      </Col>\r\n                      <Col span={12}>\r\n                        <Button\r\n                          type=\"\"\r\n                          size=\"small\"\r\n                          icon={<SearchOutlined />}\r\n                          style={{\r\n                            color: \"#4d98aa\",\r\n                            borderColor: \"#4d98aa\",\r\n                            marginTop: \"5%\",\r\n                            width: \"100%\",\r\n                          }}\r\n                          htmlType=\"submit\"\r\n                        >\r\n                          Filtrele\r\n                        </Button>\r\n                      </Col>\r\n                    </>\r\n                  )}\r\n                </Row>\r\n              </Form>\r\n            </Panel>\r\n          </Collapse>\r\n          <br></br>\r\n        </Col>\r\n      </Row>\r\n\r\n      <Row>\r\n        <Col span={24}>\r\n          <Table\r\n            columns={columns}\r\n            locale={{\r\n              emptyText: (\r\n                <Empty\r\n                  image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                  description=\"Veri Yok\"\r\n                />\r\n              ),\r\n            }}\r\n            style={{ overflowX: \"auto\", maxHeight: \"100%\" }}\r\n            size=\"small\"\r\n            rowKey=\"id\"\r\n            filterable={true}\r\n            sortable={true}\r\n            expandable={{\r\n              expandedRowRender: (record) => (\r\n                <p>\r\n                  <b>Ödeme Kodu : </b>{\" \"}\r\n                  {record.paymentCode == null\r\n                    ? \"BELİRTİLMEDİ\"\r\n                    : record.paymentCode}\r\n                  <br />\r\n                  <b>Açıklama : </b>{\" \"}\r\n                  {record.description == null\r\n                    ? \"BELİRTİLMEDİ\"\r\n                    : record.description}\r\n                  <br />\r\n                  <b>Ev Sahibi T.C. Kimlik Numarası : </b>{\" \"}\r\n                  {record.homeOwnerTckn == null\r\n                    ? \"BELİRTİLMEDİ\"\r\n                    : record.homeOwnerTckn}\r\n                  <br />\r\n                  <b>Ev Sahibi Vergi Kimlik Numarası : </b>{\" \"}\r\n                  {record.homeOwnerVkn == null\r\n                    ? \"BELİRTİLMEDİ\"\r\n                    : record.homeOwnerVkn}\r\n                  <br />\r\n                  <b>Kiracı T.C. Kimlik Numarası : </b>{\" \"}\r\n                  {record.hirerTckn == null ? \"BELİRTİLMEDİ\" : record.hirerTckn}\r\n                  <br />\r\n                  <b>Kiracı Vergi Kimlik Numarası : </b>{\" \"}\r\n                  {record.hirerVkn == null ? \"BELİRTİLMEDİ\" : record.hirerVkn}\r\n                  <br />\r\n                </p>\r\n              ),\r\n            }}\r\n            pageable={true}\r\n            onChange={paging}\r\n            onDataStateChange={dataStateChange}\r\n            pagination={{\r\n              pageSizeOptions: [\"20\", \"50\", \"100\"],\r\n              total: subscriberFirms.total,\r\n              defaultPageSize: take,\r\n              current: currentPage,\r\n            }}\r\n            dataSource={subscriberFirms.data}\r\n            loading={subscriberFirms.loading}\r\n          />\r\n        </Col>\r\n      </Row>\r\n\r\n      <Modal\r\n        style={{ display: \"inline-flex\" }}\r\n        visible={isModalVisible}\r\n        onCancel={handleCancel}\r\n        cancelButtonProps={true}\r\n        centered={true}\r\n        keyboard={true}\r\n        footer={[]}\r\n        width={\"unset\"}\r\n        destroyOnClose={true}\r\n      >\r\n        <SubscriberUserHistory firmId={modalSubcriberFirmId} />\r\n      </Modal>\r\n      <Modal\r\n        visible={collectionStatusVisible}\r\n        onCancel={onCloseCollectionStatus}\r\n        centered={true}\r\n        keyboard={true}\r\n        footer={[]}\r\n        width={900}\r\n        destroyOnClose={true}\r\n      >\r\n        <SubscriberFirmCollectionStatus\r\n          data={collectionStatusData.data}\r\n          SubscriberFirmNameWithResponsibleUser={\r\n            subscriberFirmNameWithResponsibleUser\r\n          }\r\n        />\r\n      </Modal>\r\n\r\n      <Drawer\r\n        title=\"Güncelle\"\r\n        width={241}\r\n        onClose={onCloseUpdate}\r\n        visible={visibleUpdate}\r\n        bodyStyle={{ paddingBottom: 80 }}\r\n        footer={<div style={{ textAlign: \"right\" }}></div>}\r\n        destroyOnClose={true}\r\n      >\r\n        <SubscriberFirmUpdate\r\n          Id={subscriberFirmIdUpdate}\r\n          Name={Name}\r\n          Address={Address}\r\n          IsHired={IsHired}\r\n          Description={description}\r\n          HomeOwnerId={homeOwnerId}\r\n          HomeOwnerName={homeOwnerName}\r\n          HomeOwnerPhone={homeOwnerPhone}\r\n          HomeOwnerTckn={homeOwnerTckn}\r\n          HomeOwnerVkn={homeOwnerVkn}\r\n          HomeOwnerMail={homeOwnerMail}\r\n          HirerId={hirerId}\r\n          HirerName={hirerName}\r\n          HirerPhone={hirerPhone}\r\n          HirerTckn={hirerTckn}\r\n          HirerVkn={hirerVkn}\r\n          HirerMail={hirerMail}\r\n        />\r\n      </Drawer>\r\n\r\n      <Drawer\r\n        title=\"Tahsilat Plan Ekle\"\r\n        width={241}\r\n        onClose={onCloseMonthlyPlanAdd}\r\n        visible={monthlyPlanAddVisible}\r\n        destroyOnClose={true}\r\n        bodyStyle={{ paddingTop: 40 }}\r\n        footer={<div style={{ textAlign: \"right\" }}></div>}\r\n      >\r\n        <SubscriberFirmMonthlyPlanAdd\r\n          SubscriberFirmId={monthlyPlanAddSubscriberFirmId}\r\n          Name={monthlyPlanAddSubscriberFirmName}\r\n        />\r\n      </Drawer>\r\n\r\n      <Drawer\r\n        title=\"Daire Ekle\"\r\n        width={241}\r\n        onClose={onClose}\r\n        visible={visible}\r\n        bodyStyle={{ paddingBottom: 80 }}\r\n        footer={<div style={{ textAlign: \"right\" }}></div>}\r\n      >\r\n        <SubscriberFirmAddForm />\r\n      </Drawer>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SubscriberFirmList;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n  Table,\r\n  Empty,\r\n  Form,\r\n  DatePicker,\r\n  Select,\r\n  Col,\r\n  Input,\r\n  Row,\r\n  Collapse,\r\n  Button,\r\n  Typography,\r\n  Modal,\r\n} from \"antd\";\r\nimport {\r\n  BarsOutlined,\r\n  SearchOutlined,\r\n  CloseOutlined,\r\n  MenuUnfoldOutlined,\r\n  PieChartOutlined,\r\n} from \"@ant-design/icons\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport CurrencyFormat from \"react-currency-format\";\r\nimport moment from \"moment\";\r\nimport ReplaceDate from \"../../util/Extensions/DateReplaceExtension\";\r\nimport { useMediaQuery } from \"react-responsive\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\nimport { odata } from \"../Filters/Helper\";\r\nimport SubscriberFirmCollectionStatus from \"./SubscriberFirmCollectionStatus\";\r\nconst layout = {\r\n  labelCol: {\r\n    span: 8,\r\n  },\r\n  wrapperCol: {\r\n    span: 13,\r\n  },\r\n};\r\nfunction disabledDate(current) {\r\n  var d = new Date();\r\n  var n = d.getFullYear();\r\n  const start = moment(`${n - 2}-01-01`, \"YYYY-MM-DD\");\r\n  const end = moment(`${n + 3}-01-01`, \"YYYY-MM-DD\");\r\n  return current < start || current > end;\r\n}\r\n\r\nconst { Option } = Select;\r\nconst { RangePicker } = DatePicker;\r\nconst SubscriberFirmStatusReport = () => {\r\n  const isDesktopOrLaptop = useMediaQuery({\r\n    query: \"(min-device-width: 1224px)\",\r\n  });\r\n  const isTabletOrMobileDevice = useMediaQuery({\r\n    query: \"(max-device-width: 1224px)\",\r\n  });\r\n\r\n  const [firmStatusReport, setFirmStatusReport] = useState({\r\n    data: [],\r\n    total: 0,\r\n    loading: true,\r\n  });\r\n  const [take, setTake] = useState(15);\r\n  const [CollectTotal2, setCollectTotal2] = useState(\"\");\r\n  const [CollectPlanTotal2, setCollectPlanTotal2] = useState(\"\");\r\n  const [PaymentTotal2, setPaymentTotal2] = useState(\"\");\r\n  const [PaymentPlanTotal2, setPaymentPlanTotal2] = useState(\"\");\r\n  const [CollectTotal1, setCollectTotal1] = useState(\"\");\r\n  const [CollectPlanTotal1, setCollectPlanTotal1] = useState(\"\");\r\n  const [Currency, setCurrency] = useState(\"\");\r\n  const [PaymentTotal1, setPaymentTotal1] = useState(\"\");\r\n  const [PaymentPlanTotal1, setPaymentPlanTotal1] = useState(\"\");\r\n  const [skip, setSkip] = useState(0);\r\n  const [TransactionDate, setTransactionDate] = useState(\"\");\r\n  const [TransactionDate2, setTransactionDate2] = useState(\"\");\r\n  const [currentPage, setCurrentPage] = useState(1);\r\n  const [firmId, setFirmId] = useState(\"\");\r\n  const [firmAddress, setFirmAddress] = useState(\"\");\r\n  const [firmDropdown, setFirmDropdown] = useState([]);\r\n  const [query, setQuery] = useState(\"$orderby=collectPlanTotal desc\");\r\n  const [dataState, setDataState] = useState({ skip: 0, take: 10 });\r\n  const [\r\n    collectionStatusSubscriberFirmId,\r\n    setCollectionStatusSubscriberFirmId,\r\n  ] = useState(\"\");\r\n  const [\r\n    subscriberFirmNameWithResponsibleUser,\r\n    setSubscriberFirmNameWithResponsibleUser,\r\n  ] = useState(\"\");\r\n  const [collectionStatusVisible, setCollectionStatusVisible] = useState(false);\r\n  const history = useHistory();\r\n  const [collectionStatusData, setCollectionStatusData] = useState({\r\n    visible: false,\r\n    data: null,\r\n  });\r\n\r\n  useEffect(() => {\r\n    setFirmStatusReport({\r\n      ...firmStatusReport,\r\n      loading: true,\r\n    });\r\n    RequestHandler.post(\r\n      `/SubscriberFirmReport?${query}&$count=true&$skip=${skip}&$top=${take}`,\r\n      {},\r\n      false\r\n    ).then((response) => {\r\n      setFirmStatusReport({\r\n        data: response.value,\r\n        total: response[\"@odata.count\"],\r\n        loading: false,\r\n      });\r\n    });\r\n  }, [setDataState, skip, setSkip, query, setQuery]);\r\n\r\n  const onSearch = (val) => {\r\n    if (val.length >= 3) {\r\n      RequestHandler.get(\r\n        `/SubscriberFirm?$filter=${odata.contains(\"name\", val)}`\r\n      ).then((response) => {\r\n        setFirmDropdown(response.value);\r\n      });\r\n    } else {\r\n      setFirmDropdown([]);\r\n    }\r\n  };\r\n\r\n  const paging = (p) => {\r\n    setDataState((prevState) => {\r\n      prevState.skip = (p.current - 1) * p.pageSize;\r\n      setSkip(prevState.skip);\r\n      setTake(p.pageSize);\r\n      setCurrentPage(p.current);\r\n      return {\r\n        prevState,\r\n      };\r\n    });\r\n  };\r\n\r\n  const GoReportDetailAccountPage = (value) => {\r\n    history.push(`report-firm-account-transaction/${value}/null/null`);\r\n  };\r\n\r\n  const GoReportDetailCollectChart = (value) => {\r\n    var Date = TransactionDate === \"\" ? null : TransactionDate;\r\n    var Date2 = TransactionDate2 === \"\" ? null : TransactionDate2;\r\n    var CurrencyCode = Currency === \"\" ? null : Currency;\r\n    var FirmId = firmId === \"\" ? null : firmId;\r\n    var CollectTotal = CollectPlanTotal1 === \"\" ? 0 : CollectPlanTotal1;\r\n    var CollectTotal22 = CollectPlanTotal2 === \"\" ? 0 : CollectPlanTotal2;\r\n    var CollectPlanTotal = CollectTotal1 === \"\" ? 0 : CollectTotal1;\r\n    var CollectPlanTotal22 = CollectTotal2 === \"\" ? 0 : CollectTotal2;\r\n    var PaymentPlanTotal = PaymentTotal1 === \"\" ? 0 : PaymentTotal1;\r\n    var PaymentPlanTotal22 = PaymentTotal2 === \"\" ? 0 : PaymentTotal2;\r\n    var PaymentTotal = PaymentPlanTotal1 === \"\" ? 0 : PaymentPlanTotal1;\r\n    var PaymentTotal22 = PaymentPlanTotal2 === \"\" ? 0 : PaymentPlanTotal2;\r\n    if (Date != null) {\r\n      if (Date.includes(\"/\")) {\r\n        var newDAte = ReplaceDate(Date);\r\n        var newDAte2 = ReplaceDate(Date2);\r\n      } else {\r\n        newDAte = Date;\r\n        newDAte2 = Date2;\r\n      }\r\n    }\r\n    history.push(\r\n      `subscriberfirm-status-report-chart-collect/${newDAte}/${newDAte2}/${CurrencyCode}/${FirmId}/${CollectTotal}/${CollectTotal22}/${CollectPlanTotal}/${CollectPlanTotal22}/${PaymentPlanTotal}/${PaymentPlanTotal22}/${PaymentTotal}/${PaymentTotal22}`\r\n    );\r\n  };\r\n\r\n  const handleTransactionDate = (value) => {\r\n    setTransactionDate(value !== null ? value[0]?.format(\"MM/DD/YYYY\") : null);\r\n    setTransactionDate2(value !== null ? value[1]?.format(\"MM/DD/YYYY\") : null);\r\n  };\r\n\r\n  const handleReset = (clearFilters) => {\r\n    setSkip(0);\r\n    setTake(15);\r\n    setFirmId(\"\");\r\n    setFirmAddress(\"\");\r\n    setCollectTotal1(\"\");\r\n    setCollectTotal2(\"\");\r\n    setCollectPlanTotal1(\"\");\r\n    setCollectPlanTotal2(\"\");\r\n    setPaymentTotal1(\"\");\r\n    setPaymentTotal2(\"\");\r\n    setTransactionDate(\"\");\r\n    setTransactionDate2(\"\");\r\n    setPaymentPlanTotal1(\"\");\r\n    setPaymentPlanTotal2(\"\");\r\n    setCurrentPage(1);\r\n\r\n    setFirmStatusReport({\r\n      ...firmStatusReport,\r\n      loading: true,\r\n    });\r\n\r\n    RequestHandler.post(\r\n      `/SubscriberFirmReport? ${query} &$count=true&$top=${take}`,\r\n      {},\r\n      false\r\n    ).then((response) => {\r\n      setFirmStatusReport({\r\n        data: response.value,\r\n        total: response[\"@odata.count\"],\r\n        loading: false,\r\n      });\r\n    });\r\n  };\r\n  const dataStateChange = (e) => {\r\n    setFirmStatusReport(e);\r\n  };\r\n  const handleFirmId = (value) => {\r\n    setFirmId(value);\r\n  };\r\n  const handleFirmAddress = (value) => {\r\n    setFirmAddress(value.target.value);\r\n  };\r\n  const handleCollectTotal1 = (value) => {\r\n    setCollectTotal1(value.target.value);\r\n  };\r\n  const handleCollectTotal2 = (value) => {\r\n    setCollectTotal2(value.target.value);\r\n  };\r\n  const handleCollectPlanTotal1 = (value) => {\r\n    setCollectPlanTotal1(value.target.value);\r\n  };\r\n  const handleCollectPlanTotal2 = (value) => {\r\n    setCollectPlanTotal2(value.target.value);\r\n  };\r\n  const onCloseCollectionStatus = () => {\r\n    setCollectionStatusVisible(false);\r\n  };\r\n\r\n  const onFinishForFilter = (values) => {\r\n    {\r\n      setFirmStatusReport({\r\n        ...firmStatusReport,\r\n        loading: true,\r\n      });\r\n      let queryFilter = \"$orderby=collectPlanTotal desc\";\r\n      if (firmAddress !== undefined && firmAddress !== \"\") {\r\n        queryFilter = `$filter=Contains(firmName,'${firmAddress}')&$orderby=collectPlanTotal desc `;\r\n      } else {\r\n        queryFilter = \"$orderby=collectPlanTotal desc\";\r\n      }\r\n\r\n      RequestHandler.post(\r\n        `/SubscriberFirmReport? ${queryFilter} &$count=true&$top=${take}`,\r\n        {\r\n          FirmId: firmId === \"\" ? null : firmId,\r\n          CollectTotal: CollectPlanTotal1 === \"\" ? 0 : CollectPlanTotal1,\r\n          CollectTotal2: CollectPlanTotal2 === \"\" ? 0 : CollectPlanTotal2,\r\n          CollectPlanTotal: CollectTotal1 === \"\" ? 0 : CollectTotal1,\r\n          CollectPlanTotal2: CollectTotal2 === \"\" ? 0 : CollectTotal2,\r\n          PaymentPlanTotal: PaymentTotal1 === \"\" ? 0 : PaymentTotal1,\r\n          PaymentPlanTotal2: PaymentTotal2 === \"\" ? 0 : PaymentTotal2,\r\n          PaymentTotal: PaymentPlanTotal1 === \"\" ? 0 : PaymentPlanTotal1,\r\n          PaymentTotal2: PaymentPlanTotal2 === \"\" ? 0 : PaymentPlanTotal2,\r\n          CurrencyCode: Currency === \"\" ? null : Currency,\r\n          Date: TransactionDate === \"\" ? null : TransactionDate,\r\n          EndDate: TransactionDate2 === \"\" ? null : TransactionDate2,\r\n        },\r\n        false\r\n      ).then((response) => {\r\n        setFirmStatusReport({\r\n          data: response.value,\r\n          total: response[\"@odata.count\"],\r\n          loading: false,\r\n        });\r\n      });\r\n    }\r\n  };\r\n\r\n  const columns = [\r\n    {\r\n      title: \"Daire\",\r\n      dataIndex: \"firmId\",\r\n      key: \"firmId\",\r\n      align: \"center\",\r\n      width: \"10%\",\r\n    },\r\n    {\r\n      title: \"Apartman\",\r\n      dataIndex: \"firmName\",\r\n      key: \"firmName\",\r\n      align: \"center\",\r\n      width: \"10%\",\r\n    },\r\n    {\r\n      title: \"Tahsilat Planı\",\r\n      dataIndex: \"collectPlanTotal\",\r\n      key: \"collectPlanTotal\",\r\n      align: \"center\",\r\n      width: \"10%\",\r\n      render: (text, record) => {\r\n        if (text === null) {\r\n          return <div>{null}</div>;\r\n        } else {\r\n          if (text.toString().includes(\".\") === true) {\r\n            return (\r\n              <div>\r\n                <CurrencyFormat\r\n                  value={parseFloat(text)}\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                />\r\n              </div>\r\n            );\r\n          } else {\r\n            return (\r\n              <div>\r\n                <CurrencyFormat\r\n                  value={parseFloat(text)}\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                />\r\n                {\",00\"}\r\n              </div>\r\n            );\r\n          }\r\n        }\r\n      },\r\n    },\r\n    {\r\n      title: \"Gerçekleşen Tahsilat\",\r\n      dataIndex: \"collectTotal\",\r\n      key: \"collectTotal\",\r\n      align: \"center\",\r\n      width: \"10%\",\r\n      render: (text, record) => {\r\n        if (text === null) {\r\n          return <div>{null}</div>;\r\n        } else {\r\n          if (text.toString().includes(\".\") === true) {\r\n            return (\r\n              <div>\r\n                <CurrencyFormat\r\n                  value={parseFloat(text)}\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                />\r\n              </div>\r\n            );\r\n          } else {\r\n            return (\r\n              <div>\r\n                <CurrencyFormat\r\n                  value={parseFloat(text)}\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                />\r\n                {\",00\"}\r\n              </div>\r\n            );\r\n          }\r\n        }\r\n      },\r\n    },\r\n    {\r\n      title: \"Kalan Tahsilat\",\r\n      dataIndex: \"accountBalanceTotal\",\r\n      key: \"accountBalanceTotal\",\r\n      align: \"center\",\r\n      width: \"10%\",\r\n      render: (text, record) => {\r\n        if (text === null) {\r\n          return <div>{null}</div>;\r\n        } else {\r\n          if (text.toString().includes(\".\") === true) {\r\n            return (\r\n              <div>\r\n                <CurrencyFormat\r\n                  value={parseFloat(text)}\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                />\r\n              </div>\r\n            );\r\n          } else {\r\n            return (\r\n              <div>\r\n                <CurrencyFormat\r\n                  value={parseFloat(text)}\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                />\r\n                {\",00\"}\r\n              </div>\r\n            );\r\n          }\r\n        }\r\n      },\r\n    },\r\n    {\r\n      title: \"Geciken Tutar\",\r\n      dataIndex: \"paymentPlanTotal\",\r\n      key: \"paymentPlanTotal\",\r\n      align: \"center\",\r\n      width: \"10%\",\r\n      render: (text, record) => {\r\n        if (text === null) {\r\n          return <div>{null}</div>;\r\n        } else {\r\n          if (text.toString().includes(\".\") === true) {\r\n            return (\r\n              <div>\r\n                <CurrencyFormat\r\n                  value={parseFloat(text)}\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                />\r\n              </div>\r\n            );\r\n          } else {\r\n            return (\r\n              <div>\r\n                <CurrencyFormat\r\n                  value={parseFloat(text)}\r\n                  displayType={\"text\"}\r\n                  decimalSeparator={\",\"}\r\n                  thousandSeparator={\".\"}\r\n                />\r\n                {\",00\"}\r\n              </div>\r\n            );\r\n          }\r\n        }\r\n      },\r\n    },\r\n    {\r\n      title: \"Geciken Ödemeleri Listele\",\r\n      dataIndex: \"\",\r\n      key: \"operation\",\r\n      align: \"center\",\r\n      width: \"10%\",\r\n      render: (text, record) =>\r\n        parseFloat(record.paymentPlanTotal) > 0 ? (\r\n          <Button\r\n            onClick={() => {\r\n              setCollectionStatusData({\r\n                data: {\r\n                  firmId: record.id,\r\n                },\r\n              });\r\n              setCollectionStatusSubscriberFirmId(record.id);\r\n              setSubscriberFirmNameWithResponsibleUser(\r\n                record.firmName + \" \" + record.firmId\r\n              );\r\n              setCollectionStatusVisible(true);\r\n            }}\r\n            icon={<MenuUnfoldOutlined />}\r\n            type=\"link\"\r\n            style={{\r\n              color: \"#a0d911\",\r\n              fontSize: \"130%\",\r\n              paddingTop: isTabletOrMobileDevice ? 2 : 5,\r\n            }}\r\n          ></Button>\r\n        ) : (\r\n          \"\"\r\n        ),\r\n    },\r\n    {\r\n      title: \"Detay\",\r\n      dataIndex: \"operation\",\r\n      width: \"1%\",\r\n      align: \"right\",\r\n      align: \"center\",\r\n      render: (text, record) =>\r\n        firmStatusReport.data.length >= 1 ? (\r\n          <a\r\n            onClick={() => {\r\n              GoReportDetailAccountPage(record.id);\r\n            }}\r\n            style={{ fontSize: \"130%\" }}\r\n          >\r\n            <MenuUnfoldOutlined />\r\n          </a>\r\n        ) : null,\r\n    },\r\n  ];\r\n\r\n  return (\r\n    <div>\r\n      <Row>\r\n        {isTabletOrMobileDevice && (\r\n          <>\r\n            <Col span={24}>\r\n              <p style={{ fontSize: \"120%\" }}>\r\n                <BarsOutlined /> DAİRE DURUM RAPORU\r\n              </p>\r\n              <hr></hr>\r\n              <br></br>\r\n            </Col>\r\n          </>\r\n        )}\r\n        {isDesktopOrLaptop && (\r\n          <>\r\n            <Col span={20}>\r\n              <p style={{ fontSize: \"120%\", marginTop: -9 }}>\r\n                <BarsOutlined /> DAİRE DURUM RAPORU\r\n              </p>\r\n            </Col>\r\n            <Col span={4}></Col>\r\n          </>\r\n        )}\r\n        <Col span={24}>\r\n          <Collapse defaultActiveKey={[\"0\"]}>\r\n            <Collapse.Panel\r\n              key=\"1\"\r\n              showArrow={false}\r\n              header=\"Filtreleme için tıklayınız.\"\r\n              extra={\r\n                <Typography>\r\n                  <Typography.Paragraph\r\n                    style={{\r\n                      marginBottom: 0,\r\n                      fontSize: \"80%\",\r\n                    }}\r\n                    type=\"secondary\"\r\n                  >\r\n                    Varsayılan olarak bu aydan itibaren ± 6 aylık veri\r\n                    listelenmektedir.\r\n                  </Typography.Paragraph>\r\n                </Typography>\r\n              }\r\n            >\r\n              <Form\r\n                {...layout}\r\n                name=\"basic\"\r\n                initialValues={{\r\n                  remember: true,\r\n                }}\r\n                onFinish={onFinishForFilter}\r\n              >\r\n                <Row>\r\n                  {isDesktopOrLaptop && (\r\n                    <>\r\n                      <Col span={6}>Apartman :</Col>\r\n                      <Col span={6}>Daire :</Col>\r\n                      <Col span={6}>Tahsilat Planı :</Col>\r\n                      <Col span={6}>Gerçekleşen Tahsilat :</Col>\r\n\r\n                      <Col span={6}>\r\n                        <Input\r\n                          name=\"FirmAddress\"\r\n                          value={firmAddress}\r\n                          onChange={handleFirmAddress}\r\n                          placeholder=\"Apartman Adı\"\r\n                        ></Input>\r\n                      </Col>\r\n                      <Col span={6}>\r\n                        <Select\r\n                          showSearch\r\n                          name=\"FirmId\"\r\n                          onChange={handleFirmId}\r\n                          value={firmId === \"\" ? null : firmId}\r\n                          style={{ width: \"100%\", marginBottom: \"3%\" }}\r\n                          placeholder=\"En az 3 harf giriniz..\"\r\n                          optionFilterProp=\"children\"\r\n                          onSearch={onSearch}\r\n                          filterOption={(input, option) =>\r\n                            option.props.children\r\n                              .toLocaleLowerCase(\"tr-TR\")\r\n                              .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                          }\r\n                        >\r\n                          {firmDropdown.map((item) => (\r\n                            <Option key={item.id} value={item.name}>\r\n                              {item.name}\r\n                            </Option>\r\n                          ))}\r\n                        </Select>\r\n                      </Col>\r\n                      <Col span={6}>\r\n                        <Input.Group compact>\r\n                          <Input\r\n                            name=\"CollectTotal2\"\r\n                            value={CollectTotal2}\r\n                            onChange={handleCollectTotal2}\r\n                            style={{ width: \"50%\", marginBottom: \"3%\" }}\r\n                            placeholder=\"Başlangıç\"\r\n                          />\r\n                          <Input\r\n                            name=\"CollectTotal1\"\r\n                            value={CollectTotal1}\r\n                            onChange={handleCollectTotal1}\r\n                            style={{ width: \"50%\", marginBottom: \"3%\" }}\r\n                            placeholder=\"Bitiş\"\r\n                          />\r\n                        </Input.Group>\r\n                      </Col>\r\n                      <Col span={6}>\r\n                        <Input.Group compact>\r\n                          <Input\r\n                            name=\"CollectPlanTotal2\"\r\n                            value={CollectPlanTotal2}\r\n                            onChange={handleCollectPlanTotal2}\r\n                            style={{ width: \"50%\", marginBottom: \"3%\" }}\r\n                            placeholder=\"Başlangıç\"\r\n                          />\r\n                          <Input\r\n                            name=\"CollectPlanTotal1\"\r\n                            value={CollectPlanTotal1}\r\n                            onChange={handleCollectPlanTotal1}\r\n                            style={{ width: \"50%\", marginBottom: \"3%\" }}\r\n                            placeholder=\"Bitiş\"\r\n                          />\r\n                        </Input.Group>\r\n                      </Col>\r\n\r\n                      <Col span={6}>Tarih :</Col>\r\n                      <Col span={6}></Col>\r\n                      <Col span={6}></Col>\r\n                      <Col span={6}></Col>\r\n\r\n                      <Col span={6}>\r\n                        <RangePicker\r\n                          picker=\"month\"\r\n                          format=\"MM-YYYY\"\r\n                          name=\"TransactionDate\"\r\n                          disabledDate={disabledDate}\r\n                          placeholder={[\"Başlangıç\", \"Bitiş\"]}\r\n                          onChange={handleTransactionDate}\r\n                          style={{ width: \"100%\" }}\r\n                        />\r\n                      </Col>\r\n                      <Col span={6}></Col>\r\n                      <Col span={6}></Col>\r\n                      <Col span={6}></Col>\r\n\r\n                      <Col span={12}></Col>\r\n                      <Col span={6}>\r\n                        <Button\r\n                          danger\r\n                          size=\"small\"\r\n                          icon={<CloseOutlined />}\r\n                          onClick={() => handleReset()}\r\n                          style={{ width: \"100%\" }}\r\n                        >\r\n                          Sıfırla\r\n                        </Button>\r\n                      </Col>\r\n                      <Col span={6}>\r\n                        <Button\r\n                          primary\r\n                          size=\"small\"\r\n                          icon={<SearchOutlined />}\r\n                          style={{\r\n                            color: \"#4d98aa\",\r\n                            borderColor: \"#4d98aa\",\r\n                            width: \"100%\",\r\n                          }}\r\n                          htmlType=\"submit\"\r\n                        >\r\n                          Filtrele\r\n                        </Button>\r\n                      </Col>\r\n                    </>\r\n                  )}\r\n                  {isTabletOrMobileDevice && (\r\n                    <>\r\n                      <Col span={12}>Apartman :</Col>\r\n                      <Col span={12}>Daire :</Col>\r\n                      <Col span={12}>\r\n                        <Input\r\n                          name=\"FirmAddress\"\r\n                          value={firmAddress}\r\n                          onChange={handleFirmAddress}\r\n                          placeholder=\"Apartman Adı\"\r\n                        ></Input>\r\n                      </Col>\r\n                      <Col span={12}>\r\n                        <Select\r\n                          showSearch\r\n                          name=\"FirmId\"\r\n                          onChange={handleFirmId}\r\n                          value={firmId === \"\" ? null : firmId}\r\n                          style={{ width: \"100%\", marginBottom: \"3%\" }}\r\n                          placeholder=\"En az 3 harf giriniz..\"\r\n                          optionFilterProp=\"children\"\r\n                          onSearch={onSearch}\r\n                          filterOption={(input, option) =>\r\n                            option.props.children\r\n                              .toLocaleLowerCase(\"tr-TR\")\r\n                              .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                          }\r\n                        >\r\n                          {firmDropdown.map((item) => (\r\n                            <Option key={item.id} value={item.name}>\r\n                              {item.name}\r\n                            </Option>\r\n                          ))}\r\n                        </Select>\r\n                      </Col>\r\n                      <Col span={12}>Tahsilat Planı:</Col>\r\n                      <Col span={12}>Gerçekleşen Tahsilat:</Col>\r\n\r\n                      <Col span={12}>\r\n                        <Input.Group compact>\r\n                          <Input\r\n                            name=\"CollectTotal2\"\r\n                            value={CollectTotal2}\r\n                            onChange={handleCollectTotal2}\r\n                            style={{ width: \"50%\", marginBottom: \"3%\" }}\r\n                            placeholder=\"Başlangıç\"\r\n                          />\r\n                          <Input\r\n                            name=\"CollectTotal1\"\r\n                            value={CollectTotal1}\r\n                            onChange={handleCollectTotal1}\r\n                            style={{ width: \"50%\", marginBottom: \"3%\" }}\r\n                            placeholder=\"Bitiş\"\r\n                          />\r\n                        </Input.Group>\r\n                      </Col>\r\n                      <Col span={12}>\r\n                        <Input.Group compact>\r\n                          <Input\r\n                            name=\"CollectPlanTotal2\"\r\n                            value={CollectPlanTotal2}\r\n                            onChange={handleCollectPlanTotal2}\r\n                            style={{ width: \"50%\", marginBottom: \"3%\" }}\r\n                            placeholder=\"Başlangıç\"\r\n                          />\r\n                          <Input\r\n                            name=\"CollectPlanTotal1\"\r\n                            value={CollectPlanTotal1}\r\n                            onChange={handleCollectPlanTotal1}\r\n                            style={{ width: \"50%\", marginBottom: \"3%\" }}\r\n                            placeholder=\"Bitiş\"\r\n                          />\r\n                        </Input.Group>\r\n                      </Col>\r\n\r\n                      <Col span={12}>Tarih :</Col>\r\n                      <Col span={12}></Col>\r\n                      <Col span={12}>\r\n                        <DatePicker\r\n                          format={\"DD-MM-YYYY\"}\r\n                          name=\"TransactionDate\"\r\n                          disabledDate={disabledDate}\r\n                          placeholder=\"Tarih Seçin\"\r\n                          onChange={handleTransactionDate}\r\n                          style={{ width: \"100%\" }}\r\n                        />\r\n                      </Col>\r\n                      <Col span={12}></Col>\r\n\r\n                      <Col span={12}>\r\n                        <Button\r\n                          danger\r\n                          size=\"small\"\r\n                          style={{ marginTop: \"5%\", width: \"100%\" }}\r\n                          icon={<CloseOutlined />}\r\n                          onClick={() => handleReset()}\r\n                        >\r\n                          Sıfırla\r\n                        </Button>\r\n                      </Col>\r\n                      <Col span={12}>\r\n                        <Button\r\n                          primary\r\n                          size=\"small\"\r\n                          icon={<SearchOutlined />}\r\n                          style={{\r\n                            color: \"#4d98aa\",\r\n                            borderColor: \"#4d98aa\",\r\n                            marginTop: \"5%\",\r\n                            width: \"100%\",\r\n                          }}\r\n                          htmlType=\"submit\"\r\n                        >\r\n                          Filtrele\r\n                        </Button>\r\n                      </Col>\r\n                    </>\r\n                  )}\r\n                </Row>\r\n              </Form>\r\n            </Collapse.Panel>\r\n          </Collapse>\r\n          <br></br>\r\n        </Col>\r\n      </Row>\r\n      <Row>\r\n        {isDesktopOrLaptop && (\r\n          <>\r\n            <Col flex={2}></Col>\r\n            <Col flex={\"0 250px\"} style={{ marginBottom: \"1%\" }}>\r\n              <a\r\n                onClick={() => {\r\n                  GoReportDetailCollectChart();\r\n                }}\r\n                style={{ fontSize: \"110%\", color: \"black\" }}\r\n              >\r\n                <PieChartOutlined /> Gerçekleşen Tahsilat Grafik\r\n              </a>\r\n            </Col>\r\n          </>\r\n        )}\r\n\r\n        {isTabletOrMobileDevice && (\r\n          <>\r\n            <Col span={12} style={{ marginBottom: \"1%\" }}>\r\n              <a\r\n                onClick={() => {\r\n                  GoReportDetailCollectChart();\r\n                }}\r\n                style={{ color: \"black\" }}\r\n              >\r\n                <PieChartOutlined /> Gerçekleşen Tahsilat Grafik\r\n              </a>\r\n            </Col>\r\n          </>\r\n        )}\r\n      </Row>\r\n      <Row>\r\n        <Col span={24}>\r\n          <Table\r\n            columns={columns}\r\n            locale={{\r\n              emptyText: (\r\n                <Empty\r\n                  image={Empty.PRESENTED_IMAGE_SIMPLE}\r\n                  description=\"Veri Yok\"\r\n                />\r\n              ),\r\n            }}\r\n            style={{ overflowX: \"auto\", maxHeight: \"100%\" }}\r\n            size=\"small\"\r\n            rowKey=\"Id\"\r\n            filterable={true}\r\n            sortable={true}\r\n            pageable={true}\r\n            onChange={paging}\r\n            onDataStateChange={dataStateChange}\r\n            pagination={{\r\n              pageSizeOptions: [\"15\", \"25\", \"50\", \"100\"],\r\n              defaultPageSize: take,\r\n              total: firmStatusReport.total,\r\n              current: currentPage,\r\n            }}\r\n            dataSource={firmStatusReport.data}\r\n            loading={firmStatusReport.loading}\r\n          />\r\n        </Col>\r\n      </Row>\r\n      <Modal\r\n        visible={collectionStatusVisible}\r\n        onCancel={onCloseCollectionStatus}\r\n        centered={true}\r\n        keyboard={true}\r\n        footer={[]}\r\n        width={900}\r\n        destroyOnClose={true}\r\n      >\r\n        <SubscriberFirmCollectionStatus\r\n          data={collectionStatusData.data}\r\n          SubscriberFirmNameWithResponsibleUser={\r\n            subscriberFirmNameWithResponsibleUser\r\n          }\r\n        />\r\n      </Modal>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SubscriberFirmStatusReport;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n  Input,\r\n  Form,\r\n  Col,\r\n  Row,\r\n  Button,\r\n  Select,\r\n  notification,\r\n  Upload,\r\n  Empty,\r\n  Checkbox,\r\n} from \"antd\";\r\nimport {\r\n  PlusOutlined,\r\n  DownloadOutlined,\r\n  UploadOutlined,\r\n} from \"@ant-design/icons\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport ScreenOptions from \"../../util/Extensions/Screens\";\r\nimport config from \"../../util/ApiforContext\";\r\nimport { odata, queryHelper } from \"../Filters/Helper\";\r\nconst { TextArea } = Input;\r\n\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 8,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 12,\r\n    },\r\n  },\r\n};\r\n\r\nconst AccountTransactionRuleUpdateForm = (props) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [form] = Form.useForm();\r\n  const [firmSelect, setFirmSelect] = useState({\r\n    data: [],\r\n    loading: false,\r\n  });\r\n  const [firmClassDropdown, setfirmClassDropdown] = useState({\r\n    data: [],\r\n    loading: false,\r\n  });\r\n  const [operationType2, setOperationType2] = useState();\r\n  const [projectSelect, setProjectSelect] = useState({\r\n    data: [],\r\n    loading: false,\r\n  });\r\n\r\n  const [tenantAccountSelect, setTenantAccountSelect] = useState({\r\n    data: [],\r\n    loading: true,\r\n  });\r\n\r\n  const operationTypes = [\r\n    { \"id\": \"0\", \"name\": \"Belirtilmemiş\" },\r\n    { \"id\": \"1\", \"name\": \"Nakit\" },\r\n    { \"id\": \"4\", \"name\": \"Banka masrafı\" },\r\n    { \"id\": \"5\", \"name\": \"Stopaj kesintisi\" },\r\n    { \"id\": \"6\", \"name\": \"Damga vergisi\" },\r\n    { \"id\": \"7\", \"name\": \"Stopaj üzerinden fon kesintisi\" },\r\n    { \"id\": \"8\", \"name\": \"Çek tahsilatı\" },\r\n    { \"id\": \"9\", \"name\": \"Repo Açılış/geri dönüş\" },\r\n    { \"id\": \"10\", \"name\": \"Vadeli hesap açılışı/ geri dönüş\" },\r\n    { \"id\": \"11\", \"name\": \"Kredi açılış/kapanış\" },\r\n    { \"id\": \"12\", \"name\": \"Firma hesaplar arası virman\" },\r\n    { \"id\": \"13\", \"name\": \"Senet tahsilatı\" },\r\n    { \"id\": \"14\", \"name\": \"İhracat tahsilatı\" },\r\n    { \"id\": \"15\", \"name\": \"İthalat ödemesi\" },\r\n    { \"id\": \"16\", \"name\": \"Döviz alış/satışı\" },\r\n    { \"id\": \"17\", \"name\": \"Faiz gelir/gideri\" },\r\n    { \"id\": \"18\", \"name\": \"Karşılıksız senet protesto masrafı\" },\r\n    { \"id\": \"19\", \"name\": \"Doğrudan borçlandırma\" },\r\n    { \"id\": \"20\", \"name\": \"KKDF Ödemesi\" },\r\n    { \"id\": \"21\", \"name\": \"Repo faiz geliri\" },\r\n    { \"id\": \"22\", \"name\": \"Bono alış/satışı\" },\r\n    { \"id\": \"23\", \"name\": \"Yatırım fonu alış/satışı\" },\r\n    { \"id\": \"24\", \"name\": \"İthalat masrafı\" },\r\n    { \"id\": \"25\", \"name\": \"Teminat mektubu komisyonu\" },\r\n    { \"id\": \"26\", \"name\": \"Fatura ödemesi\" },\r\n    { \"id\": \"27\", \"name\": \"Kurumlar fatura\" },\r\n    { \"id\": \"28\", \"name\": \"BSMV\" },\r\n    { \"id\": \"29\", \"name\": \"Akreditif ödemesi\" },\r\n    { \"id\": \"30\", \"name\": \"Akreditif komisyonu\" },\r\n    { \"id\": \"31\", \"name\": \"Akreditif masrafı\" },\r\n    { \"id\": \"999\", \"name\": \"Diğer işlemler\" }\r\n  ];\r\n  \r\n  useEffect(() => {\r\n    if (props.data) {\r\n      form.setFieldsValue(props.data);\r\n    }\r\n\r\n    if (props.data.firmId !== null) {\r\n      getFirms();\r\n    }\r\n    if (props.data.transactionProjectTypeId !== null) {\r\n      getProjects();\r\n    }\r\n    if (props.data.tenantAccountId !== null) {\r\n      getAccounts();\r\n    }\r\n  }, [props.data]);\r\n\r\n  useEffect(() => {\r\n    if (props.isUseForErp == true) {\r\n      RequestHandler.get(`/FirmClass?$filter=isErpType eq true`).then(\r\n        (response) => {\r\n          setfirmClassDropdown({ data: response.value, loading: false });\r\n        }\r\n      );\r\n    } else {\r\n      RequestHandler.get(`/FirmClass`).then((response) => {\r\n        setfirmClassDropdown({ data: response.value, loading: false });\r\n      });\r\n    }\r\n    RequestHandler.get(\"/TenantErpProgram/GetByTenant\").then((response) => {\r\n      if (response) {\r\n        setOperationType2(response.isOperationType2);\r\n      }\r\n    });\r\n  }, []);\r\n\r\n  const onSuccess = () => {\r\n    form.resetFields();\r\n\r\n    if (props.onSuccess) props.onSuccess();\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    if (values.transactionProcessType === 0) {\r\n      values.transactionProcessType = null;\r\n    }\r\n    RequestHandler.put(`/AccountTransactionRule`, values)\r\n    .then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        onSuccess();\r\n      }\r\n    }).catch(function (error) {\r\n      setLoading(false);\r\n    });\r\n  };\r\n\r\n  const onFinishFailed = (errorInfo) => {\r\n    setLoading(false);\r\n  };\r\n\r\n  const onFirmSearch = (value) => {\r\n    if (value.length >= 2) {\r\n      setFirmSelect({ ...firmSelect, loading: true });\r\n\r\n      RequestHandler.get(\r\n        `/Firm?$select=id,firmBranchNumber,name&$filter=${odata.contains(\r\n          \"name\",\r\n          value\r\n        )} or ${odata.contains(\"firmBranchNumber\", value)}`\r\n      ).then((res) => {\r\n        setFirmSelect({ data: res.value, loading: false });\r\n      });\r\n    } else {\r\n      setFirmSelect({ data: [], loading: false });\r\n    }\r\n  };\r\n\r\n  const getFirms = () => {\r\n    setFirmSelect({\r\n      ...firmSelect,\r\n      loading: true,\r\n    });\r\n    RequestHandler.get(\r\n      `/Firm?$select=id,firmBranchNumber,name&$filter=id eq ${props.data.firmId}`\r\n    ).then((response) => {\r\n      setFirmSelect({\r\n        data: response.value,\r\n        loading: false,\r\n      });\r\n    });\r\n  };\r\n\r\n  const onProjectSearch = (value) => {\r\n    if (value.length >= 2) {\r\n      setProjectSelect({ data: [], loading: true });\r\n\r\n      RequestHandler.get(\r\n        `/TransactionProjectType?$select=id,projectCode,name&$filter=(${odata.contains(\r\n          \"name\",\r\n          value\r\n        )} or ${odata.contains(\"projectCode\", value)})  and Name ne 'Diğer'`\r\n      ).then((res) => {\r\n        setProjectSelect({ data: res.value, loading: false });\r\n      });\r\n    } else {\r\n      setProjectSelect({ data: [], loading: false });\r\n    }\r\n  };\r\n\r\n  const getProjects = () => {\r\n    setProjectSelect({\r\n      ...projectSelect,\r\n      loading: true,\r\n    });\r\n    RequestHandler.get(\r\n      `/TransactionProjectType?$select=id,projectCode,name&$filter=id eq ${props.data.transactionProjectTypeId}`\r\n    ).then((response) => {\r\n      setProjectSelect({\r\n        data: response.value,\r\n        loading: false,\r\n      });\r\n    });\r\n  };\r\n\r\n  const getAccounts = () => {\r\n    setTenantAccountSelect({\r\n      ...tenantAccountSelect,\r\n      loading: true,\r\n    });\r\n    RequestHandler.get(\r\n      `/TenantAccount?$filter=id eq ${props.data.tenantAccountId}`\r\n    ).then((response) => {\r\n      setTenantAccountSelect({\r\n        data: response.value,\r\n        loading: false,\r\n      });\r\n    });\r\n  };\r\n\r\n  const onAccountSearch = (value) => {\r\n    if (value.length >= 2) {\r\n      setTenantAccountSelect({ data: [], loading: true });\r\n\r\n      RequestHandler.get(`/TenantAccount?$filter=bankId ne 999`).then((res) => {\r\n        setTenantAccountSelect({ data: res.value, loading: false });\r\n      });\r\n    } else {\r\n      setTenantAccountSelect({ data: [], loading: false });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Form\r\n      {...formItemLayout}\r\n      form={form}\r\n      name=\"AccountTransactionRuleAdd\"\r\n      initialValues={{\r\n        remember: true,\r\n      }}\r\n      onFinish={onFinish}\r\n      onFinishFailed={onFinishFailed}\r\n    >\r\n      <Row>\r\n        <Col span={24}>\r\n          <Form.Item name=\"id\" hidden>\r\n            <Input />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label=\"Kural Adı\"\r\n            name=\"name\"\r\n            rules={[\r\n              { required: true, message: \"Lütfen Kural adını boş bırakmayın.\" },\r\n            ]}\r\n          >\r\n            <Input />\r\n          </Form.Item>\r\n\r\n          <Form.Item label=\"Banka Hesabı\" name=\"tenantAccountId\">\r\n            <Select\r\n              allowClear\r\n              showSearch\r\n              placeholder=\"En az 2 harf giriniz..\"\r\n              onSearch={onAccountSearch}\r\n              style={{ width: \"100%\" }}\r\n              dropdownStyle={{ minWidth: \"30%\" }}\r\n              filterOption={(input, option) =>\r\n                option.props.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n              loading={tenantAccountSelect.loading}\r\n            >\r\n              {tenantAccountSelect.data.map(\r\n                ({\r\n                  id,\r\n                  name,\r\n                  currencyId,\r\n                  currency,\r\n                  bankName,\r\n                  accountNumber,\r\n                  iban,\r\n                }) => (\r\n                  <Select.Option\r\n                    key={id}\r\n                    value={id}\r\n                    currencyId={currencyId}\r\n                    bankName={bankName}\r\n                    accountNumber={accountNumber}\r\n                    iban={iban}\r\n                  >\r\n                    {name\r\n                      ? `${name} (${currency})`\r\n                      : ` ${bankName} (${\r\n                          accountNumber ? accountNumber : iban\r\n                        }) (${currency})`}\r\n                  </Select.Option>\r\n                )\r\n              )}\r\n            </Select>\r\n          </Form.Item>\r\n\r\n          <Form.Item\r\n            label=\"Hesap Hareketi İşlem Tipi\"\r\n            name=\"transactionProcessType\"\r\n          >\r\n            <Select\r\n              allowClear\r\n              placeholder=\"Tümü\"\r\n              filterOption={(input, option) =>\r\n                option.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n            >\r\n              <Select.Option key={0} value={0}>\r\n                Tümü\r\n              </Select.Option>\r\n              <Select.Option key={1} value={1}>\r\n                Tahsilat\r\n              </Select.Option>\r\n              <Select.Option key={2} value={2}>\r\n                Ödeme\r\n              </Select.Option>\r\n            </Select>\r\n          </Form.Item>\r\n\r\n          \r\n\r\n          <Form.Item\r\n            label=\"Kural Metni\"\r\n            name=\"key\"\r\n            rules={[\r\n              {\r\n                required: true,\r\n                message: \"Lütfen Kural Metni alanını boş bırakmayın.\",\r\n              },\r\n            ]}\r\n          >\r\n            <TextArea rows={4} />\r\n          </Form.Item>\r\n\r\n          <Form.Item label=\"Ek Kural Metni\" name=\"additionalKey\">\r\n            <TextArea rows={4} />\r\n          </Form.Item>\r\n\r\n          <Form.Item label=\"Açıklama\" name=\"replaceKey\">\r\n            <TextArea rows={4} />\r\n          </Form.Item>\r\n\r\n          {/* <Form.Item label=\"Belge Tipi\" name=\"documentType\">\r\n            <Input />\r\n          </Form.Item> */}\r\n\r\n          <Form.Item\r\n            label={props.isUseForErp == true ? \"İşlem Tipi\" : \"Cari Sınıfı\"}\r\n            name=\"firmClassId\"\r\n          >\r\n            <Select\r\n              allowClear\r\n              showSearch\r\n              placeholder=\"Seçiniz\"\r\n              optionFilterProp=\"children\"\r\n              filterOption={(input, option) =>\r\n                option.props.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n            >\r\n              {firmClassDropdown.data.map((item) => (\r\n                <Select.Option key={item.id} value={item.id}>\r\n                  {item.name}\r\n                </Select.Option>\r\n              ))}\r\n            </Select>\r\n          </Form.Item>\r\n\r\n          <Form.Item name=\"operationType\" label=\"İşlem Türü :\">\r\n            <Select allowClear placeholder=\"Seçiniz\">\r\n            {operationTypes.map((item) => (\r\n                <Select.Option key={item.id} value={item.id}>\r\n                  {item.name}\r\n                </Select.Option>\r\n              ))}\r\n            </Select>\r\n          </Form.Item>\r\n          \r\n          {operationType2 && (\r\n            <Form.Item name=\"operationType2\" label=\"2.İşlem Türü :\">\r\n              <Select allowClear placeholder=\"Tümü\">\r\n                {operationTypes.map((item) => (\r\n                  <Select.Option key={item.id} value={item.id}>\r\n                    {item.name}\r\n                  </Select.Option>\r\n                ))}\r\n              </Select>\r\n            </Form.Item>\r\n          )}\r\n\r\n          <Form.Item\r\n            label={props.isUseForErp == true ? \"Erp Kodu\" : \"Cari Adı\"}\r\n            name=\"firmId\"\r\n          >\r\n            <Select\r\n              allowClear\r\n              showSearch\r\n              placeholder=\"Seçiniz\"\r\n              onSearch={onFirmSearch}\r\n              style={{ width: \"100%\" }}\r\n              dropdownStyle={{ minWidth: \"30%\" }}\r\n              filterOption={(input, option) =>\r\n                option.children\r\n                  .toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0 ||\r\n                option.code\r\n                  ?.toLocaleLowerCase(\"tr-TR\")\r\n                  .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n              }\r\n              loading={firmSelect.loading}\r\n            >\r\n              {firmSelect.data.map((item) => (\r\n                <Select.Option\r\n                  key={item.id}\r\n                  value={item.id}\r\n                  code={item.firmBranchNumber}\r\n                >\r\n                  {item.name + \" (\" + item.firmBranchNumber + \")\"}\r\n                </Select.Option>\r\n              ))}\r\n            </Select>\r\n          </Form.Item>\r\n\r\n          {props.isUseForErp == true && (\r\n            <Form.Item label=\"Referans Kodu\" name=\"referenceCode\">\r\n              <Input />\r\n            </Form.Item>\r\n          )}\r\n\r\n          {props.isUseForErp == true && (\r\n            <Form.Item label=\"Proje Kodu\" name=\"transactionProjectTypeId\">\r\n              <Select\r\n                allowClear\r\n                showSearch\r\n                placeholder=\"En az 2 harf giriniz..\"\r\n                onSearch={onProjectSearch}\r\n                style={{ width: \"100%\" }}\r\n                dropdownStyle={{ minWidth: \"30%\" }}\r\n                filterOption={(input, option) =>\r\n                  option.children\r\n                    .toLocaleLowerCase(\"tr-TR\")\r\n                    .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0 ||\r\n                  option.code\r\n                    .toLocaleLowerCase(\"tr-TR\")\r\n                    .indexOf(input.toLocaleLowerCase(\"tr-TR\")) >= 0\r\n                }\r\n                loading={projectSelect.loading}\r\n              >\r\n                {projectSelect.data.map((item) => (\r\n                  <Select.Option\r\n                    key={item.id}\r\n                    value={item.id}\r\n                    code={item.projectCode}\r\n                  >\r\n                    {item.name + \" (\" + item.projectCode + \")\"}\r\n                  </Select.Option>\r\n                ))}\r\n              </Select>\r\n            </Form.Item>\r\n          )}\r\n\r\n         { props.isActiveAutoTransfer == true && ( <Form.Item label=\"Otomatik Aktarım'da kullanılsın\" name=\"isAutoTransfer\" valuePropName=\"checked\"><Checkbox  /></Form.Item>)}\r\n\r\n          {/* \r\n          <Form.Item label=\"Muhasebe Kodu\" name=\"accountingCode\">\r\n            <Input />\r\n          </Form.Item>\r\n\r\n     \r\n\r\n   \r\n          <Form.Item\r\n            label=\"Sorumluluk Merkezi\"\r\n            name=\"centerOfResponsibilityCode\"\r\n          >\r\n            <Input />\r\n          </Form.Item> */}\r\n\r\n          <Row justify=\"space-between\">\r\n            <Col span={6}></Col>\r\n            <Col span={6}></Col>\r\n            <Col span={6}></Col>\r\n            <Col span={6}>\r\n              <Button\r\n                type=\"primary\"\r\n                icon={<PlusOutlined />}\r\n                htmlType=\"submit\"\r\n                onClick={() => setLoading(true)}\r\n                loading={loading}\r\n              >\r\n                Güncelle\r\n              </Button>\r\n            </Col>\r\n          </Row>\r\n        </Col>\r\n      </Row>\r\n    </Form>\r\n  );\r\n};\r\nexport default AccountTransactionRuleUpdateForm;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Input, Form, Col, Row, Button, notification, Upload } from \"antd\";\r\nimport {\r\n  PlusOutlined,\r\n  DownloadOutlined,\r\n  UploadOutlined,\r\n} from \"@ant-design/icons\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport ScreenOptions from \"../../util/Extensions/Screens\";\r\nimport config from \"../../util/ApiforContext\";\r\nconst { TextArea } = Input;\r\n\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 8,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 12,\r\n    },\r\n  },\r\n};\r\n\r\nconst TransactionProjectTypeAddForm = (props) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [form] = Form.useForm();\r\n  const [fileList, setFileList] = useState([]);\r\n\r\n  useEffect(() => {\r\n    if (props.data) {\r\n      form.setFieldsValue(props.data);\r\n    }\r\n  }, [props.data]);\r\n\r\n  const onSuccess = () => {\r\n    form.resetFields();\r\n    setFileList([]);\r\n\r\n    if (props.onSuccess) props.onSuccess();\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    RequestHandler.post(`/TransactionProjectType`, values).then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        onSuccess();\r\n      }\r\n    });\r\n  };\r\n\r\n  const onFinishFailed = (errorInfo) => {\r\n    setLoading(false);\r\n  };\r\n\r\n  const downloadExcelTemplate = () => {\r\n    window.open(\r\n      `${\r\n        config.apiUrl\r\n      }/TransactionProjectType/DownloadExcel?t=${RequestHandler.getToken()}&type=0`\r\n    );\r\n  };\r\n\r\n  const downloadImportResult = (fileName) => {\r\n    window.open(\r\n      `${\r\n        config.apiUrl\r\n      }/TransactionProjectType/DownloadImportResult?t=${RequestHandler.getToken()}&fileName=${fileName}&name=proje`\r\n    );\r\n  };\r\n\r\n  const uploadExcelProps = {\r\n    name: \"excel\",\r\n    action: `${config.apiUrl}/TransactionProjectType/ImportExcel?type=0`,\r\n    headers: {\r\n      Authorization: \"bearer \" + RequestHandler.getToken(),\r\n      ScreenOption: ScreenOptions.screen,\r\n    },\r\n    accept: \".xlsx\",\r\n    maxCount: 1,\r\n\r\n    onChange(info) {\r\n      setFileList(info.fileList);\r\n      const { response, status } = info.file;\r\n      if (status !== \"error\" && status !== \"done\") return;\r\n      if (!response) return;\r\n\r\n      const notificationType = response.success ? \"success\" : \"error\";\r\n\r\n      notification[notificationType]({\r\n        message: response.message,\r\n        duration: 3,\r\n      });\r\n      if (!response.success) {\r\n        downloadImportResult(info.file.response.data);\r\n      }\r\n      onSuccess();\r\n    },\r\n  };\r\n\r\n  return (\r\n    <Form\r\n      {...formItemLayout}\r\n      form={form}\r\n      name=\"TransactionProjectTypeAdd\"\r\n      initialValues={{\r\n        remember: true,\r\n      }}\r\n      onFinish={onFinish}\r\n      onFinishFailed={onFinishFailed}\r\n    >\r\n      <Row>\r\n        <Col span={24}>\r\n          <Form.Item hidden name=\"ProjectType\" initialValue=\"ProjeKodu\">\r\n            <Input />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label=\"Proje Adı\"\r\n            name=\"name\"\r\n            rules={[\r\n              { required: true, message: \"Lütfen Proje adını boş bırakmayın.\" },\r\n            ]}\r\n          >\r\n            <TextArea rows={3} />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label=\"Proje Kodu\"\r\n            name=\"projectCode\"\r\n            rules={[\r\n              {\r\n                required: true,\r\n                message: \"Lütfen Proje Kodu alanını boş bırakmayın.\",\r\n              },\r\n            ]}\r\n          >\r\n            <Input />\r\n          </Form.Item>\r\n\r\n          <Row justify=\"space-between\">\r\n            <Col>\r\n              <Button\r\n                icon={<DownloadOutlined />}\r\n                onClick={(() => setLoading(true), downloadExcelTemplate)}\r\n                loading={loading}\r\n              >\r\n                Excel Şablonu İndir\r\n              </Button>\r\n              <Upload {...uploadExcelProps} fileList={fileList}>\r\n                <Button icon={<UploadOutlined />}>Excel ile Ekle</Button>\r\n              </Upload>\r\n            </Col>\r\n            <Col>\r\n              <Button\r\n                type=\"primary\"\r\n                icon={<PlusOutlined />}\r\n                htmlType=\"submit\"\r\n                onClick={() => setLoading(true)}\r\n                loading={loading}\r\n              >\r\n                Ekle\r\n              </Button>\r\n            </Col>\r\n          </Row>\r\n        </Col>\r\n      </Row>\r\n    </Form>\r\n  );\r\n};\r\nexport default TransactionProjectTypeAddForm;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Input, Form, Col, Row, Button, notification, Upload } from \"antd\";\r\nimport {\r\n  PlusOutlined,\r\n  DownloadOutlined,\r\n  UploadOutlined,\r\n} from \"@ant-design/icons\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport ScreenOptions from \"../../util/Extensions/Screens\";\r\nimport config from \"../../util/ApiforContext\";\r\nconst { TextArea } = Input;\r\n\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 8,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 12,\r\n    },\r\n  },\r\n};\r\n\r\nconst TransactionProjectTypeAddForm = (props) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [form] = Form.useForm();\r\n  const [fileList, setFileList] = useState([]);\r\n\r\n  useEffect(() => {\r\n    if (props.data) {\r\n      form.setFieldsValue(props.data);\r\n    }\r\n  }, [props.data]);\r\n\r\n  const onSuccess = () => {\r\n    form.resetFields();\r\n    setFileList([]);\r\n\r\n    if (props.onSuccess) props.onSuccess();\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    RequestHandler.post(`/TransactionProjectType`, values).then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        onSuccess();\r\n      }\r\n    });\r\n  };\r\n\r\n  const onFinishFailed = (errorInfo) => {\r\n    setLoading(false);\r\n  };\r\n\r\n  const downloadExcelTemplate = () => {\r\n    window.open(\r\n      `${\r\n        config.apiUrl\r\n      }/TransactionProjectType/DownloadExcel?t=${RequestHandler.getToken()}&type=1`\r\n    );\r\n  };\r\n\r\n  const downloadImportResult = (fileName) => {\r\n    window.open(\r\n      `${\r\n        config.apiUrl\r\n      }/TransactionProjectType/DownloadImportResult?t=${RequestHandler.getToken()}&fileName=${fileName}&name=ozel-hakareket`\r\n    );\r\n  };\r\n\r\n  const uploadExcelProps = {\r\n    name: \"excel\",\r\n    action: `${config.apiUrl}/TransactionProjectType/ImportExcel?type=1`,\r\n    headers: {\r\n      Authorization: \"bearer \" + RequestHandler.getToken(),\r\n      ScreenOption: ScreenOptions.screen,\r\n    },\r\n    accept: \".xlsx\",\r\n    maxCount: 1,\r\n    onChange(info) {\r\n      setFileList(info.fileList);\r\n      const { response, status } = info.file;\r\n\r\n      if (status !== \"error\" && status !== \"done\") return;\r\n      if (!response) return;\r\n\r\n      const notificationType = response.success ? \"success\" : \"error\";\r\n\r\n      notification[notificationType]({\r\n        message: response.message,\r\n        duration: 3,\r\n      });\r\n      if (!response.success) {\r\n        downloadImportResult(info.file.response.data);\r\n      }\r\n      onSuccess();\r\n    },\r\n  };\r\n\r\n  return (\r\n    <Form\r\n      {...formItemLayout}\r\n      form={form}\r\n      name=\"TransactionProjectTypeAdd\"\r\n      initialValues={{\r\n        remember: true,\r\n      }}\r\n      onFinish={onFinish}\r\n      onFinishFailed={onFinishFailed}\r\n    >\r\n      <Row>\r\n        <Col span={24}>\r\n          <Form.Item hidden name=\"ProjectType\" initialValue=\"OzelHareketKodu\">\r\n            <Input />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label=\"Özel Hareket Adı\"\r\n            name=\"name\"\r\n            rules={[\r\n              {\r\n                required: true,\r\n                message: \"Lütfen Özel Hareket Adını boş bırakmayın.\",\r\n              },\r\n            ]}\r\n          >\r\n            <TextArea rows={3} />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label=\"Özel Hareket Kodu\"\r\n            name=\"projectCode\"\r\n            rules={[\r\n              {\r\n                required: true,\r\n                message: \"Lütfen Özel Hareket Kodu alanını boş bırakmayın.\",\r\n              },\r\n            ]}\r\n          >\r\n            <Input />\r\n          </Form.Item>\r\n\r\n          <Row justify=\"space-between\">\r\n            <Col>\r\n              <Button\r\n                icon={<DownloadOutlined />}\r\n                onClick={(() => setLoading(true), downloadExcelTemplate)}\r\n                loading={loading}\r\n              >\r\n                Excel Şablonu İndir\r\n              </Button>\r\n              <Upload {...uploadExcelProps} fileList={fileList}>\r\n                <Button icon={<UploadOutlined />}>Excel ile Ekle</Button>\r\n              </Upload>\r\n            </Col>\r\n            <Col>\r\n              <Button\r\n                type=\"primary\"\r\n                icon={<PlusOutlined />}\r\n                htmlType=\"submit\"\r\n                onClick={() => setLoading(true)}\r\n                loading={loading}\r\n              >\r\n                Ekle\r\n              </Button>\r\n            </Col>\r\n          </Row>\r\n        </Col>\r\n      </Row>\r\n    </Form>\r\n  );\r\n};\r\nexport default TransactionProjectTypeAddForm;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n  Input,\r\n  Form,\r\n  Col,\r\n  Row,\r\n  Button,\r\n  InputNumber\r\n} from \"antd\";\r\nimport {\r\n  PlusOutlined,\r\n} from \"@ant-design/icons\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nconst { TextArea } = Input;\r\n\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 8,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 12,\r\n    },\r\n  },\r\n};\r\n\r\nconst TransactionProjectTypeUpdateForm = (props) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [form] = Form.useForm();\r\n\r\n  useEffect(() => {\r\n    if (props.data) {\r\n      form.setFieldsValue(props.data);\r\n    }\r\n  }, [props.data]);\r\n\r\n  const onSuccess = () => {\r\n    form.resetFields();\r\n\r\n    if (props.onSuccess) props.onSuccess();\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    let projectType = props.formTitle === \"Proje\" ? 0\r\n      : props.formTitle === \"Özel Hareket\" ? 1\r\n        : props.formTitle === \"Masraf Merkezi\" ? 2\r\n          : props.formTitle === \"Sorumluluk Merkezi\" ? 3\r\n            : props.formTitle === \"Bölüm\" ? 5 : 6\r\n    values.projectType = projectType\r\n    RequestHandler.put(`/TransactionProjectType`, values).then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        onSuccess();\r\n      }\r\n    }).catch(function (error) {\r\n      setLoading(false);\r\n    });\r\n  };\r\n\r\n  const onFinishFailed = (errorInfo) => {\r\n    setLoading(false);\r\n  };\r\n\r\n  return (\r\n    <Form\r\n      {...formItemLayout}\r\n      form={form}\r\n      name=\"TransactionProjectTypeUpdate\"\r\n      initialValues={{\r\n        remember: true,\r\n      }}\r\n      onFinish={onFinish}\r\n      onFinishFailed={onFinishFailed}\r\n    >\r\n      <Row>\r\n        <Col span={24}>\r\n          <Form.Item name=\"id\" hidden>\r\n            <Input />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label={`${props.formTitle} Adı`}\r\n            name=\"name\"\r\n            rules={[\r\n              { required: true, message: `Lütfen ${props.formTitle} adını boş bırakmayın.` },\r\n            ]}\r\n          >\r\n            <TextArea rows={3} />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label={`${props.formTitle} Kodu`}\r\n            name=\"projectCode\"\r\n            rules={[\r\n              {\r\n                required: true,\r\n                message: `Lütfen ${props.formTitle} Kodu alanını boş bırakmayın.`,\r\n              },\r\n            ]}\r\n          >\r\n            {(props.formTitle == \"Bölüm\" || props.formTitle == \"Departman\") ? (\r\n              <InputNumber min={0} precision={0} style={{ width: \"100%\" }} />\r\n            ) : (\r\n              <Input />\r\n            )}\r\n          </Form.Item>\r\n\r\n          <Row justify=\"space-between\">\r\n            <Col span={6}></Col>\r\n            <Col span={6}></Col>\r\n            <Col span={6}></Col>\r\n            <Col span={6}>\r\n              <Button\r\n                type=\"primary\"\r\n                icon={<PlusOutlined />}\r\n                htmlType=\"submit\"\r\n                onClick={() => setLoading(true)}\r\n                loading={loading}\r\n              >\r\n                Güncelle\r\n              </Button>\r\n            </Col>\r\n          </Row>\r\n        </Col>\r\n      </Row>\r\n    </Form>\r\n  );\r\n};\r\nexport default TransactionProjectTypeUpdateForm;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Input, Form, Col, Row, Button, notification, Upload } from \"antd\";\r\nimport {\r\n  PlusOutlined,\r\n  DownloadOutlined,\r\n  UploadOutlined,\r\n} from \"@ant-design/icons\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport ScreenOptions from \"../../util/Extensions/Screens\";\r\nimport config from \"../../util/ApiforContext\";\r\nconst { TextArea } = Input;\r\n\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 8,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 12,\r\n    },\r\n  },\r\n};\r\n\r\nconst TransactionCostCenterAddForm = (props) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [form] = Form.useForm();\r\n  const [fileList, setFileList] = useState([]);\r\n\r\n  useEffect(() => {\r\n    if (props.data) {\r\n      form.setFieldsValue(props.data);\r\n    }\r\n  }, [props.data]);\r\n\r\n  const onSuccess = () => {\r\n    form.resetFields();\r\n    setFileList([]);\r\n\r\n    if (props.onSuccess) props.onSuccess();\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    RequestHandler.post(`/TransactionProjectType`, values).then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        onSuccess();\r\n      }\r\n    });\r\n  };\r\n\r\n  const onFinishFailed = (errorInfo) => {\r\n    setLoading(false);\r\n  };\r\n\r\n  const downloadExcelTemplate = () => {\r\n    window.open(\r\n      `${\r\n        config.apiUrl\r\n      }/TransactionProjectType/DownloadExcel?t=${RequestHandler.getToken()}&type=2`\r\n    );\r\n  };\r\n\r\n  const downloadImportResult = (fileName) => {\r\n    window.open(\r\n      `${\r\n        config.apiUrl\r\n      }/TransactionProjectType/DownloadImportResult?t=${RequestHandler.getToken()}&fileName=${fileName}&name=masraf-merkezi`\r\n    );\r\n  };\r\n\r\n  const uploadExcelProps = {\r\n    name: \"excel\",\r\n    action: `${config.apiUrl}/TransactionProjectType/ImportExcel?type=2`,\r\n    headers: {\r\n      Authorization: \"bearer \" + RequestHandler.getToken(),\r\n      ScreenOption: ScreenOptions.screen,\r\n    },\r\n    accept: \".xlsx\",\r\n    maxCount: 1,\r\n    onChange(info) {\r\n      setFileList(info.fileList);\r\n      const { response, status } = info.file;\r\n\r\n      if (status !== \"error\" && status !== \"done\") return;\r\n      if (!response) return;\r\n\r\n      const notificationType = response.success ? \"success\" : \"error\";\r\n\r\n      notification[notificationType]({\r\n        message: response.message,\r\n        duration: 3,\r\n      });\r\n      if (!response.success) {\r\n        downloadImportResult(info.file.response.data);\r\n      }\r\n      onSuccess();\r\n    },\r\n  };\r\n\r\n  return (\r\n    <Form\r\n      {...formItemLayout}\r\n      form={form}\r\n      name=\"TransactionCostCenterAdd\"\r\n      initialValues={{\r\n        remember: true,\r\n      }}\r\n      onFinish={onFinish}\r\n      onFinishFailed={onFinishFailed}\r\n    >\r\n      <Row>\r\n        <Col span={24}>\r\n          <Form.Item hidden name=\"ProjectType\" initialValue=\"MasrafMerkezi\">\r\n            <Input />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label=\"Masraf Merkezi Adı\"\r\n            name=\"name\"\r\n            rules={[\r\n              {\r\n                required: true,\r\n                message: \"Lütfen Masraf Merkezi Adını boş bırakmayın.\",\r\n              },\r\n            ]}\r\n          >\r\n            <TextArea rows={3} />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label=\"Masraf Merkezi Kodu\"\r\n            name=\"projectCode\"\r\n            rules={[\r\n              {\r\n                required: true,\r\n                message: \"Lütfen Masraf Merkezi Kodu alanını boş bırakmayın.\",\r\n              },\r\n            ]}\r\n          >\r\n            <Input />\r\n          </Form.Item>\r\n\r\n          <Row justify=\"space-between\">\r\n            <Col>\r\n              <Button\r\n                icon={<DownloadOutlined />}\r\n                onClick={(() => setLoading(true), downloadExcelTemplate)}\r\n                loading={loading}\r\n              >\r\n                Excel Şablonu İndir\r\n              </Button>\r\n              <Upload {...uploadExcelProps} fileList={fileList}>\r\n                <Button icon={<UploadOutlined />}>Excel ile Ekle</Button>\r\n              </Upload>\r\n            </Col>\r\n            <Col>\r\n              <Button\r\n                type=\"primary\"\r\n                icon={<PlusOutlined />}\r\n                htmlType=\"submit\"\r\n                onClick={() => setLoading(true)}\r\n                loading={loading}\r\n              >\r\n                Ekle\r\n              </Button>\r\n            </Col>\r\n          </Row>\r\n        </Col>\r\n      </Row>\r\n    </Form>\r\n  );\r\n};\r\nexport default TransactionCostCenterAddForm;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Input, Form, Col, Row, Button, notification, Upload } from \"antd\";\r\nimport {\r\n  PlusOutlined,\r\n  DownloadOutlined,\r\n  UploadOutlined,\r\n} from \"@ant-design/icons\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport ScreenOptions from \"../../util/Extensions/Screens\";\r\nimport config from \"../../util/ApiforContext\";\r\nconst { TextArea } = Input;\r\n\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 8,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 12,\r\n    },\r\n  },\r\n};\r\n\r\nconst TransactionResponsibilityCenterAddForm = (props) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [form] = Form.useForm();\r\n  const [fileList, setFileList] = useState([]);\r\n\r\n  useEffect(() => {\r\n    if (props.data) {\r\n      form.setFieldsValue(props.data);\r\n    }\r\n  }, [props.data]);\r\n\r\n  const onSuccess = () => {\r\n    form.resetFields();\r\n    setFileList([]);\r\n\r\n    if (props.onSuccess) props.onSuccess();\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    RequestHandler.post(`/TransactionProjectType`, values).then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        onSuccess();\r\n      }\r\n    });\r\n  };\r\n\r\n  const onFinishFailed = (errorInfo) => {\r\n    setLoading(false);\r\n  };\r\n\r\n  const downloadExcelTemplate = () => {\r\n    window.open(\r\n      `${\r\n        config.apiUrl\r\n      }/TransactionProjectType/DownloadExcel?t=${RequestHandler.getToken()}&type=3`\r\n    );\r\n  };\r\n\r\n  const downloadImportResult = (fileName) => {\r\n    window.open(\r\n      `${\r\n        config.apiUrl\r\n      }/TransactionProjectType/DownloadImportResult?t=${RequestHandler.getToken()}&fileName=${fileName}&name=sorumluluk-merkezi`\r\n    );\r\n  };\r\n\r\n  const uploadExcelProps = {\r\n    name: \"excel\",\r\n    action: `${config.apiUrl}/TransactionProjectType/ImportExcel?type=3`,\r\n    headers: {\r\n      Authorization: \"bearer \" + RequestHandler.getToken(),\r\n      ScreenOption: ScreenOptions.screen,\r\n    },\r\n    accept: \".xlsx\",\r\n    maxCount: 1,\r\n    onChange(info) {\r\n      setFileList(info.fileList);\r\n      const { response, status } = info.file;\r\n\r\n      if (status !== \"error\" && status !== \"done\") return;\r\n      if (!response) return;\r\n\r\n      const notificationType = response.success ? \"success\" : \"error\";\r\n\r\n      notification[notificationType]({\r\n        message: response.message,\r\n        duration: 3,\r\n      });\r\n      if (!response.success) {\r\n        downloadImportResult(info.file.response.data);\r\n      }\r\n      onSuccess();\r\n    },\r\n  };\r\n\r\n  return (\r\n    <Form\r\n      {...formItemLayout}\r\n      form={form}\r\n      name=\"TransactionCostCenterAdd\"\r\n      initialValues={{\r\n        remember: true,\r\n      }}\r\n      onFinish={onFinish}\r\n      onFinishFailed={onFinishFailed}\r\n    >\r\n      <Row>\r\n        <Col span={24}>\r\n          <Form.Item hidden name=\"ProjectType\" initialValue=\"SorumlulukMerkezi\">\r\n            <Input />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label=\"Sorumluluk Merkezi Adı\"\r\n            name=\"name\"\r\n            rules={[\r\n              {\r\n                required: true,\r\n                message: \"Lütfen Sorumluluk Merkezi Adını boş bırakmayın.\",\r\n              },\r\n            ]}\r\n          >\r\n            <TextArea rows={3} />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label=\"Sorumluluk Merkezi Kodu\"\r\n            name=\"projectCode\"\r\n            rules={[\r\n              {\r\n                required: true,\r\n                message: \"Lütfen Sorumluluk Merkezi Kodu alanını boş bırakmayın.\",\r\n              },\r\n            ]}\r\n          >\r\n            <Input />\r\n          </Form.Item>\r\n\r\n          <Row justify=\"space-between\">\r\n            <Col>\r\n              <Button\r\n                icon={<DownloadOutlined />}\r\n                onClick={(() => setLoading(true), downloadExcelTemplate)}\r\n                loading={loading}\r\n              >\r\n                Excel Şablonu İndir\r\n              </Button>\r\n              <Upload {...uploadExcelProps} fileList={fileList}>\r\n                <Button icon={<UploadOutlined />}>Excel ile Ekle</Button>\r\n              </Upload>\r\n            </Col>\r\n            <Col>\r\n              <Button\r\n                type=\"primary\"\r\n                icon={<PlusOutlined />}\r\n                htmlType=\"submit\"\r\n                onClick={() => setLoading(true)}\r\n                loading={loading}\r\n              >\r\n                Ekle\r\n              </Button>\r\n            </Col>\r\n          </Row>\r\n        </Col>\r\n      </Row>\r\n    </Form>\r\n  );\r\n};\r\nexport default TransactionResponsibilityCenterAddForm;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Input,InputNumber, Form, Col, Row, Button, notification, Upload } from \"antd\";\r\nimport {\r\n  PlusOutlined,\r\n  DownloadOutlined,\r\n  UploadOutlined,\r\n} from \"@ant-design/icons\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport ScreenOptions from \"../../util/Extensions/Screens\";\r\nimport config from \"../../util/ApiforContext\";\r\nconst { TextArea } = Input;\r\n\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 8,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 12,\r\n    },\r\n  },\r\n};\r\n\r\nconst DivisionAddForm = (props) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [form] = Form.useForm();\r\n  const [fileList, setFileList] = useState([]);\r\n\r\n  useEffect(() => {\r\n    if (props.data) {\r\n      form.setFieldsValue(props.data);\r\n    }\r\n  }, [props.data]);\r\n\r\n  const onSuccess = () => {\r\n    form.resetFields();\r\n    setFileList([]);\r\n\r\n    if (props.onSuccess) props.onSuccess();\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    RequestHandler.post(`/TransactionProjectType`, values).then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        onSuccess();\r\n      }\r\n    });\r\n  };\r\n\r\n  const onFinishFailed = (errorInfo) => {\r\n    setLoading(false);\r\n  };\r\n\r\n  const downloadExcelTemplate = () => {\r\n    window.open(\r\n      `${config.apiUrl\r\n      }/TransactionProjectType/DownloadExcel?t=${RequestHandler.getToken()}&type=3`\r\n    );\r\n  };\r\n\r\n  const downloadImportResult = (fileName) => {\r\n    window.open(\r\n      `${config.apiUrl\r\n      }/TransactionProjectType/DownloadImportResult?t=${RequestHandler.getToken()}&fileName=${fileName}&name=sorumluluk-merkezi`\r\n    );\r\n  };\r\n\r\n  const uploadExcelProps = {\r\n    name: \"excel\",\r\n    action: `${config.apiUrl}/TransactionProjectType/ImportExcel?type=3`,\r\n    headers: {\r\n      Authorization: \"bearer \" + RequestHandler.getToken(),\r\n      ScreenOption: ScreenOptions.screen,\r\n    },\r\n    accept: \".xlsx\",\r\n    maxCount: 1,\r\n    onChange(info) {\r\n      setFileList(info.fileList);\r\n      const { response, status } = info.file;\r\n\r\n      if (status !== \"error\" && status !== \"done\") return;\r\n      if (!response) return;\r\n\r\n      const notificationType = response.success ? \"success\" : \"error\";\r\n\r\n      notification[notificationType]({\r\n        message: response.message,\r\n        duration: 3,\r\n      });\r\n      if (!response.success) {\r\n        downloadImportResult(info.file.response.data);\r\n      }\r\n      onSuccess();\r\n    },\r\n  };\r\n\r\n  return (\r\n    <Form\r\n      {...formItemLayout}\r\n      form={form}\r\n      name=\"DivisionAdd\"\r\n      initialValues={{\r\n        remember: true,\r\n      }}\r\n      onFinish={onFinish}\r\n      onFinishFailed={onFinishFailed}\r\n    >\r\n      <Row>\r\n        <Col span={24}>\r\n          <Form.Item hidden name=\"ProjectType\" initialValue=\"BolumKodu\">\r\n            <Input />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label=\"Bölüm Adı\"\r\n            name=\"name\"\r\n            rules={[\r\n              {\r\n                required: true,\r\n                message: \"Lütfen Bölüm Adını boş bırakmayın.\",\r\n              },\r\n            ]}\r\n          >\r\n            <TextArea rows={3} />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label=\"Bölüm Kodu\"\r\n            name=\"projectCode\"\r\n            rules={[\r\n              {\r\n                required: true,\r\n                message: \"Lütfen Bölüm Kodu alanını boş bırakmayın.\",\r\n              },\r\n            ]}\r\n          >\r\n            <InputNumber min={0} precision={0} style={{ width: \"100%\" }} />\r\n          </Form.Item>\r\n\r\n          <Row justify=\"space-between\">\r\n            <Col>\r\n              <Button\r\n                icon={<DownloadOutlined />}\r\n                onClick={(() => setLoading(true), downloadExcelTemplate)}\r\n                loading={loading}\r\n              >\r\n                Excel Şablonu İndir\r\n              </Button>\r\n              <Upload {...uploadExcelProps} fileList={fileList}>\r\n                <Button icon={<UploadOutlined />}>Excel ile Ekle</Button>\r\n              </Upload>\r\n            </Col>\r\n            <Col>\r\n              <Button\r\n                type=\"primary\"\r\n                icon={<PlusOutlined />}\r\n                htmlType=\"submit\"\r\n                onClick={() => setLoading(true)}\r\n                loading={loading}\r\n              >\r\n                Ekle\r\n              </Button>\r\n            </Col>\r\n          </Row>\r\n        </Col>\r\n      </Row>\r\n    </Form>\r\n  );\r\n};\r\nexport default DivisionAddForm;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Input,InputNumber, Form, Col, Row, Button, notification, Upload } from \"antd\";\r\nimport {\r\n  PlusOutlined,\r\n  DownloadOutlined,\r\n  UploadOutlined,\r\n} from \"@ant-design/icons\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport ScreenOptions from \"../../util/Extensions/Screens\";\r\nimport config from \"../../util/ApiforContext\";\r\nconst { TextArea } = Input;\r\n\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 8,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    md: {\r\n      span: 24,\r\n    },\r\n    lg: {\r\n      span: 12,\r\n    },\r\n  },\r\n};\r\n\r\nconst DepartmentAddForm = (props) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [form] = Form.useForm();\r\n  const [fileList, setFileList] = useState([]);\r\n\r\n  useEffect(() => {\r\n    if (props.data) {\r\n      form.setFieldsValue(props.data);\r\n    }\r\n  }, [props.data]);\r\n\r\n  const onSuccess = () => {\r\n    form.resetFields();\r\n    setFileList([]);\r\n\r\n    if (props.onSuccess) props.onSuccess();\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    RequestHandler.post(`/TransactionProjectType`, values).then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        onSuccess();\r\n      }\r\n    });\r\n  };\r\n\r\n  const onFinishFailed = (errorInfo) => {\r\n    setLoading(false);\r\n  };\r\n\r\n  const downloadExcelTemplate = () => {\r\n    window.open(\r\n      `${\r\n        config.apiUrl\r\n      }/TransactionProjectType/DownloadExcel?t=${RequestHandler.getToken()}&type=3`\r\n    );\r\n  };\r\n\r\n  const downloadImportResult = (fileName) => {\r\n    window.open(\r\n      `${\r\n        config.apiUrl\r\n      }/TransactionProjectType/DownloadImportResult?t=${RequestHandler.getToken()}&fileName=${fileName}&name=sorumluluk-merkezi`\r\n    );\r\n  };\r\n\r\n  const uploadExcelProps = {\r\n    name: \"excel\",\r\n    action: `${config.apiUrl}/TransactionProjectType/ImportExcel?type=3`,\r\n    headers: {\r\n      Authorization: \"bearer \" + RequestHandler.getToken(),\r\n      ScreenOption: ScreenOptions.screen,\r\n    },\r\n    accept: \".xlsx\",\r\n    maxCount: 1,\r\n    onChange(info) {\r\n      setFileList(info.fileList);\r\n      const { response, status } = info.file;\r\n\r\n      if (status !== \"error\" && status !== \"done\") return;\r\n      if (!response) return;\r\n\r\n      const notificationType = response.success ? \"success\" : \"error\";\r\n\r\n      notification[notificationType]({\r\n        message: response.message,\r\n        duration: 3,\r\n      });\r\n      if (!response.success) {\r\n        downloadImportResult(info.file.response.data);\r\n      }\r\n      onSuccess();\r\n    },\r\n  };\r\n\r\n  return (\r\n    <Form\r\n      {...formItemLayout}\r\n      form={form}\r\n      name=\"DivisionAdd\"\r\n      initialValues={{\r\n        remember: true,\r\n      }}\r\n      onFinish={onFinish}\r\n      onFinishFailed={onFinishFailed}\r\n    >\r\n      <Row>\r\n        <Col span={24}>\r\n          <Form.Item hidden name=\"ProjectType\" initialValue=\"DepartmanKodu\">\r\n            <Input />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label=\"Departman Adı\"\r\n            name=\"name\"\r\n            rules={[\r\n              {\r\n                required: true,\r\n                message: \"Lütfen Departman Adını boş bırakmayın.\",\r\n              },\r\n            ]}\r\n          >\r\n            <TextArea rows={3} />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label=\"Departman Kodu\"\r\n            name=\"projectCode\"\r\n            rules={[\r\n              {\r\n                required: true,\r\n                message: \"Lütfen Departman Kodu alanını boş bırakmayın.\",\r\n              },\r\n            ]}\r\n          >\r\n           <InputNumber min={0} precision={0} style={{ width: \"100%\" }} />\r\n          </Form.Item>\r\n\r\n          <Row justify=\"space-between\">\r\n            <Col>\r\n              <Button\r\n                icon={<DownloadOutlined />}\r\n                onClick={(() => setLoading(true), downloadExcelTemplate)}\r\n                loading={loading}\r\n              >\r\n                Excel Şablonu İndir\r\n              </Button>\r\n              <Upload {...uploadExcelProps} fileList={fileList}>\r\n                <Button icon={<UploadOutlined />}>Excel ile Ekle</Button>\r\n              </Upload>\r\n            </Col>\r\n            <Col>\r\n              <Button\r\n                type=\"primary\"\r\n                icon={<PlusOutlined />}\r\n                htmlType=\"submit\"\r\n                onClick={() => setLoading(true)}\r\n                loading={loading}\r\n              >\r\n                Ekle\r\n              </Button>\r\n            </Col>\r\n          </Row>\r\n        </Col>\r\n      </Row>\r\n    </Form>\r\n  );\r\n};\r\nexport default DepartmentAddForm;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Layout, PageHeader, Button } from \"antd\";\r\n\r\nimport Sidebar from \"../Sidebar/index\";\r\nimport HorizontalDefault from \"../Topbar/HorizontalDefault/index\";\r\nimport HorizontalDark from \"../Topbar/HorizontalDark/index\";\r\nimport InsideHeader from \"../Topbar/InsideHeader/index\";\r\nimport AboveHeader from \"../Topbar/AboveHeader/index\";\r\nimport BelowHeader from \"../Topbar/BelowHeader/index\";\r\n\r\nimport Topbar from \"../Topbar/index\";\r\nimport { footerText } from \"util/config\";\r\nimport App from \"routes/index\";\r\nimport Screen from '../../util/Extensions/Screens'\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { useSelector } from \"react-redux\";\r\nimport {\r\n  NAV_STYLE_ABOVE_HEADER,\r\n  NAV_STYLE_BELOW_HEADER,\r\n  NAV_STYLE_DARK_HORIZONTAL,\r\n  NAV_STYLE_DEFAULT_HORIZONTAL,\r\n  NAV_STYLE_DRAWER,\r\n  NAV_STYLE_FIXED,\r\n  NAV_STYLE_INSIDE_HEADER_HORIZONTAL,\r\n  NAV_STYLE_MINI_SIDEBAR,\r\n  NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR,\r\n  NAV_STYLE_NO_HEADER_MINI_SIDEBAR,\r\n  TAB_SIZE\r\n} from \"../../constants/ThemeSetting\";\r\nimport NoHeaderNotification from \"../Topbar/NoHeaderNotification/index\";\r\nimport { useRouteMatch, useLocation } from \"react-router-dom\";\r\nimport config from \"../../util/ApiforContext\"\r\nimport OneSignal from \"react-onesignal\";\r\n//import PaymentRequest from \"../../routes/B2B/PaymentRequest\"\r\n\r\nconst { Content, Footer } = Layout;\r\n\r\nconst MainApp = () => {\r\n  const { width, navStyle } = useSelector(({ settings }) => settings);\r\n  const [isDemo, setIsDemo] = useState(false);\r\n  const match = useRouteMatch();\r\n  const tenantId = localStorage.getItem(\"tenantId\");\r\n  const token = localStorage.getItem(\"token\");\r\n  const email = localStorage.getItem(\"email\");\r\n  const [isShowImage, setIsShowImage] = useState(false);\r\n  const location = useLocation();\r\n\r\n  useEffect(() => {\r\n    RequestHandler.get(`/Tenant/GetById/${tenantId}`).then(\r\n      (res) => {\r\n        if (res.isDemo) {\r\n          setIsDemo(true);\r\n        }\r\n      }\r\n    );\r\n  }, [])\r\n\r\n\r\n  useEffect(() => {\r\n    let pathNames = [\"pos-collection\",\"payment-request\",\"PaymentPage\",\"ConstantPaymentPage\"];\r\n    let currentPathName =  window.location.pathname.replaceAll(\"/\",\"\");\r\n    if(pathNames.includes(currentPathName)){\r\n      setIsShowImage(true);\r\n    }else{\r\n      setIsShowImage(false);\r\n    }\r\n  }, [location]);\r\n\r\n  useEffect(() => {\r\n    if (typeof window !== 'undefined') {\r\n      OneSignal.init({\r\n        appId: \"755bcb60-1afc-4346-86b9-e224bd420198\",\r\n        notifyButton: {\r\n          enable: true,\r\n        },\r\n      }).then(() => {        \r\n        OneSignal.User.addTag(\"TenantId\", tenantId);\r\n        OneSignal.login(email);\r\n      });\r\n    } \r\n  }, []);\r\n\r\n\r\n\r\n  const getContainerClass = (navStyle) => {\r\n    switch (navStyle) {\r\n      case NAV_STYLE_DARK_HORIZONTAL:\r\n        return \"gx-container-wrap\";\r\n      case NAV_STYLE_DEFAULT_HORIZONTAL:\r\n        return \"gx-container-wrap\";\r\n      case NAV_STYLE_INSIDE_HEADER_HORIZONTAL:\r\n        return \"gx-container-wrap\";\r\n      case NAV_STYLE_BELOW_HEADER:\r\n        return \"gx-container-wrap\";\r\n      case NAV_STYLE_ABOVE_HEADER:\r\n        return \"gx-container-wrap\";\r\n      default:\r\n        return '';\r\n    }\r\n  };\r\n  const getNavStyles = (navStyle) => {\r\n    switch (navStyle) {\r\n      case NAV_STYLE_DEFAULT_HORIZONTAL:\r\n        return <HorizontalDefault />;\r\n      case NAV_STYLE_DARK_HORIZONTAL:\r\n        return <HorizontalDark />;\r\n      case NAV_STYLE_INSIDE_HEADER_HORIZONTAL:\r\n        return <InsideHeader />;\r\n      case NAV_STYLE_ABOVE_HEADER:\r\n        return <AboveHeader />;\r\n      case NAV_STYLE_BELOW_HEADER:\r\n        return <BelowHeader />;\r\n      case NAV_STYLE_FIXED:\r\n        return <Topbar />;\r\n      case NAV_STYLE_DRAWER:\r\n        return <Topbar />;\r\n      case NAV_STYLE_MINI_SIDEBAR:\r\n        return <Topbar />;\r\n      case NAV_STYLE_NO_HEADER_MINI_SIDEBAR:\r\n        return <NoHeaderNotification />;\r\n      case NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR:\r\n        return <NoHeaderNotification />;\r\n      default:\r\n        return null;\r\n    }\r\n  };\r\n\r\n  const getSidebar = (navStyle, width) => {\r\n    if (width < TAB_SIZE) {\r\n      return <Sidebar />;\r\n    }\r\n    switch (navStyle) {\r\n      case NAV_STYLE_FIXED:\r\n        return <Sidebar />;\r\n      case NAV_STYLE_DRAWER:\r\n        return <Sidebar />;\r\n      case NAV_STYLE_MINI_SIDEBAR:\r\n        return <Sidebar />;\r\n      case NAV_STYLE_NO_HEADER_MINI_SIDEBAR:\r\n        return <Sidebar />;\r\n      case NAV_STYLE_NO_HEADER_EXPANDED_SIDEBAR:\r\n        return <Sidebar />;\r\n      default:\r\n        return null;\r\n    }\r\n  };\r\n  function boughtParatic() {\r\n    window.open(\r\n      config.demoUrl + \"Paketler?vk=\" + tenantId + \"&eMail=\" + email + \"&t=\" + token,\r\n      '_blank' // <- This is what makes it open in a new window.\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Layout className=\"gx-app-layout\" >\r\n      {getSidebar(navStyle, width)}\r\n      {\r\n        isDemo ?\r\n          <PageHeader\r\n            title=\"Finansal Kolaylık \"\r\n            className=\"site-page-header\"\r\n            subTitle=\"Tek ekranda tüm hesaplarınızı takip edebilirsiniz\"\r\n            extra={[\r\n              <Button key=\"1\" style={{ marginRight: 50 }} onClick={boughtParatic} type=\"primary\">\r\n                Satın Al\r\n              </Button>,\r\n            ]}\r\n            avatar={{ src: 'https://icon-library.com/images/finance-icon/finance-icon-19.jpg' }}\r\n            style={{ backgroundColor: '#fff', height: 68, position: 'fixed', top: 0, left: 0, right: 0, zIndex: 1 }}\r\n          > </PageHeader> : null\r\n      }\r\n\r\n      <Layout style={{ marginTop: isDemo ? 68 : null }}>\r\n        {getNavStyles(navStyle)}\r\n        <Content className={`gx-layout-content ${getContainerClass(navStyle)} `}>\r\n          <App match={match} />\r\n          <Footer>\r\n            <div className=\"gx-layout-footer-content\">\r\n              {\r\n                Screen.screen === 0 ?\r\n                  (\r\n                    <>\r\n                      <span>{footerText}</span>\r\n                      {\r\n                        isShowImage?\r\n                          <img\r\n                            src={require(\"assets/images/paymentSymbols.png\")}\r\n                            alt=\"PaymentSymbols\"\r\n                            title=\"PaymentSymbols\"\r\n                            style={{width: '100%', maxWidth: '450px', marginLeft: '350px'}}/> : null\r\n                      }\r\n                    </>\r\n                  ) :\r\n                  null\r\n              }\r\n\r\n            </div>\r\n          </Footer>\r\n        </Content>\r\n      </Layout>\r\n    </Layout>\r\n  )\r\n};\r\nexport default MainApp;\r\n\r\n","import React, { useState, useEffect } from \"react\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport ErpPosReportTransactionV1Page from \"./ErpPosReportTransactionV1Page\";\r\nimport ErpPosReportTransactionV2Page from \"./ErpPosReportTransactionV2Page\";\r\n\r\nfunction ErpPosReportTransaction() {\r\n  const [isPosReportTransfer, setIsPosReportTransfer] = useState(false);\r\n  const [isPosReportTransferV2, setIsPosReportTransferV2] = useState(false);\r\n  useEffect(() => {\r\n    RequestHandler.get(\"/TenantErpProgram/GetByTenant\").then((response) => {\r\n      if (response?.isPosReportTransfer) {\r\n        setIsPosReportTransfer(true);\r\n      } else {\r\n        setIsPosReportTransferV2(true);\r\n      }\r\n    });\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      {isPosReportTransfer && <ErpPosReportTransactionV1Page />}\r\n      {isPosReportTransferV2 && <ErpPosReportTransactionV2Page />}\r\n    </>\r\n  );\r\n}\r\n\r\nexport default ErpPosReportTransaction;\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport {\r\n  Col,\r\n  Row,\r\n  Divider,\r\n  Input,\r\n  Form,\r\n  Button,\r\n  Card,\r\n  InputNumber,\r\n  Checkbox,\r\n  Modal,\r\n  Select,\r\n  Layout,\r\n  Switch,\r\n  DatePicker,\r\n} from \"antd\";\r\nimport Cleave from \"cleave.js/react\";\r\nimport moment from \"moment\";\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { defaultValidateMessages } from \"../routes/Forms/Helper\";\r\nimport { footerText } from \"../util/config\";\r\nimport Screen from \"../util/Extensions/Screens\";\r\nimport PosSelectableInstallmentTable from \"../routes/B2B/PosSelectableInstallmentTable\";\r\nimport PosCollectionAmountSummary from \"../routes/B2B/PosCollectionAmountSummary\";\r\nimport { ColumnHelper } from \"../util/TableHelper\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\n\r\nconst { TextArea } = Input;\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 24,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 24,\r\n    },\r\n  },\r\n};\r\nconst PaymentPage = (props) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [isPaid, setIsPaid] = useState(false);\r\n  const [firmNameInputDisabled, setFirmNameInputDisabled] = useState(false);\r\n  const [creditCardType, setCreditCardType] = useState(\"\");\r\n  const [tenantName, setTenantName] = useState(\"\");\r\n  const [description, setDescription] = useState(\"\");\r\n  const [amountString, setAmountString] = useState(\"\");\r\n  const [form] = Form.useForm();\r\n  const [paymentModal, setPaymentModal] = useState({\r\n    visible: false,\r\n    source: null,\r\n  });\r\n  const [availableInstallments, setAvailableInstallments] = useState({\r\n    loading: false,\r\n    data: [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],\r\n  });\r\n  const { Footer } = Layout;\r\n  const iframeRef = useRef();\r\n  const { t } = useTranslation();\r\n  const { i18n } = useTranslation();\r\n  const [\r\n    defaultValueLanguageOptionSelect,\r\n    setDefaultValueLanguageOptionSelect,\r\n  ] = useState(\"tr\");\r\n  const languageOptionList = [\r\n    { code: \"tr\", key: \"1\", value: 0 },\r\n    { code: \"en\", key: \"2\", value: 1 },\r\n  ];\r\n\r\n  const [confidentialAgreement, setconfidentialAgreement] = useState(\r\n    \"/gizlilik-ve-guvenlik-politikasi.pdf\"\r\n  );\r\n  const [salesAgreement, setSalesAgreement] = useState(\"/tuketici-haklari.pdf\");\r\n\r\n  const [ozanIframe, setOzanIframe] = useState(false);\r\n  const [useAdditionalInformation, setUseAdditionalInformation] =\r\n    useState(false);\r\n\r\n  const [commissionOptions, setCommissionOptions] = useState({\r\n    loading: true,\r\n    data: {\r\n      useCommissionsForAvailableInstallment: false,\r\n      useFirmGroupCodeForMaxInstallment: false,\r\n      isSelectableInstallmentTable: false,\r\n      commissions: [],\r\n    },\r\n  });\r\n\r\n  const [activeAmount, setActiveAmount] = useState(0);\r\n  const [payableAmount, setPayableAmount] = useState(0.0);\r\n  const [radioValue, setRadioValue] = useState();\r\n  const [paymentRequestId, setPaymentRequestId] = useState();\r\n  const [activeCommissionRate, setActiveCommissionRate] = useState(0.0);\r\n  const [isValidityDateExpired, setIsValidityDateExpired] = useState(false);\r\n  const [emailRequired, setEmailRequired] = useState(false);\r\n  const [isUseB2BCurrencyExChange, setIsUseB2BCurrencyExChange] =\r\n    useState(false);\r\n  const [currencyExchangeRates, setCurrencyExchangeRates] = useState({\r\n    data: {\r\n      usdAmount: null,\r\n      euroAmount: null,\r\n      tlAmount: null,\r\n    },\r\n  });\r\n  const [currencyCode, setCurrencyCode] = useState(\"TRY\");\r\n  const [paymentMethodList, setPaymentMethodList] = useState({\r\n    loading: true,\r\n    data: [],\r\n  });\r\n  const [selectedPaymentMethod, setSelectedPaymentMethod] = useState();\r\n  const [isHavePaymentSetId, setIsHavePaymentSetId] = useState(false);\r\n  const [\r\n    isUseB2BViewCurrencyExchangeRate,\r\n    setIsUseB2BViewCurrencyExchangeRate,\r\n  ] = useState(false);\r\n\r\n  const [viewCurrencyExchangeRates, setViewCurrencyExchangeRates] = useState({\r\n    data: {\r\n      usd: null,\r\n      euro: null,\r\n    },\r\n  });\r\n  const [isUsePreAuth, setIsUsePreAuth] = useState(false);\r\n  const [preAuthBankIds, setPreAuthBankIds] = useState([]);\r\n  const [b2bFilePath, setB2bFilePath] = useState();\r\n  const [tenantScreenSettings, setTenantScreenSettings] = useState({\r\n    b2BShowCampaignButton: true,\r\n    b2BCustomerInformationVisibility: true,\r\n    b2BMobilePhoneVisibility: false,\r\n    b2BTcknVisibility: false,\r\n  });\r\n  const [isCvvNonRequired, setIsCvvNonRequired] = useState(false);\r\n  const [\r\n    b2BIsUseAdditionalFieldForPolicy,\r\n    setB2BIsUseAdditionalFieldForPolicy,\r\n  ] = useState(false);\r\n\r\n  useEffect(() => {\r\n    localStorage.clear();\r\n    getPaymentRequestInfo();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (props.data) {\r\n      form.setFieldsValue(props.data);\r\n    }\r\n  }, [props.data]);\r\n\r\n  const getPaymentRequestInfo = () => {\r\n    RequestHandler.post(\r\n      `/PaymentRequest/GetByPaymentRequestId`,\r\n      {\r\n        PaymentRequestString: props.location.search.split(\"d=\")[1],\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      setIsPaid(response.isPaid);\r\n      setAmountString(response.amountString);\r\n      setDescription(response.description);\r\n      setTenantName(response.tenantName);\r\n      setUseAdditionalInformation(response.isPosTransactionUseAdditionalField);\r\n      getCommissionOptions(\r\n        response.paymentGuid,\r\n        response.firmId,\r\n        response.paymentSetId\r\n      );\r\n      setActiveAmount(response.amount);\r\n      setPaymentRequestId(response.paymentGuid);\r\n      setCurrencyCode(response.currencyCode);\r\n      setIsUsePreAuth(response.isPreAuth);\r\n      setB2bFilePath(response.b2BFilePath);\r\n      setIsCvvNonRequired(response.isCvvNonRequired);\r\n      setB2BIsUseAdditionalFieldForPolicy(\r\n        response.b2BIsUseAdditionalFieldForPolicy\r\n      );\r\n\r\n      if (response.confidentialityAgreementPath) {\r\n        setconfidentialAgreement(response.confidentialityAgreementPath);\r\n      }\r\n\r\n      if (response.salesAgreementPath) {\r\n        setSalesAgreement(response.salesAgreementPath);\r\n      }\r\n\r\n      if (response.isUseB2BCurrencyExChange) {\r\n        setIsUseB2BCurrencyExChange(response.isUseB2BCurrencyExChange);\r\n        setCurrencyCode(response.currencyCode);\r\n        handleAmountChange(\r\n          response.amount,\r\n          response.tenantId,\r\n          response.currencyCode\r\n        );\r\n      }\r\n\r\n      if (response.b2BViewCurrencyExchangeRate) {\r\n        setIsUseB2BViewCurrencyExchangeRate(\r\n          response.b2BViewCurrencyExchangeRate\r\n        );\r\n        if (response.b2BViewCurrencyExchangeRate) {\r\n          RequestHandler.get(\r\n            `/PosCollection/GetCurrencies?tenantId=${response.tenantId}`\r\n          ).then((currencyResponse) => {\r\n            if (currencyResponse) {\r\n              setViewCurrencyExchangeRates({\r\n                data: {\r\n                  usd: currencyResponse?.find((item) => item.code === \"USD\")\r\n                    ?.dailyValue,\r\n                  euro: currencyResponse?.find((item) => item.code === \"EUR\")\r\n                    ?.dailyValue,\r\n                },\r\n              });\r\n            }\r\n          });\r\n        }\r\n      }\r\n\r\n      form.setFieldsValue({\r\n        ...form.getFieldValue(),\r\n        customerInformation: response.firmName,\r\n      });\r\n      response.firmName?.trim().length > 0 && setFirmNameInputDisabled(true);\r\n\r\n      let languageOption = languageOptionList.find(\r\n        (x) => x.value == response.b2BPayWithLinkDefaultLanguageOption\r\n      );\r\n      if (languageOption !== undefined || languageOption !== null) {\r\n        changeLanguage(languageOption.code);\r\n        setDefaultValueLanguageOptionSelect(languageOption.code);\r\n      } else {\r\n        changeLanguage(\"tr\");\r\n        setDefaultValueLanguageOptionSelect(\"tr\");\r\n      }\r\n\r\n      if (response.validityDate !== null) {\r\n        const today = moment();\r\n        const validityDate = moment(response.validityDate);\r\n\r\n        if (validityDate.isBefore(today, \"day\")) {\r\n          setIsValidityDateExpired(true);\r\n        }\r\n      }\r\n\r\n      if (response.paymentSetId) {\r\n        setIsHavePaymentSetId(true);\r\n      }\r\n\r\n      if (response.isPosTransactionUseAdditionalField) {\r\n        RequestHandler.get(\r\n          `/PaymentRequest/GetPaymentMethods?tenantId=${response.tenantId}`\r\n        ).then((response) => {\r\n          setPaymentMethodList({\r\n            data: response.data,\r\n            loading: false,\r\n          });\r\n        });\r\n      }\r\n\r\n      if (response.b2BIsUseAdditionalFieldForPolicy) {\r\n        form.setFieldsValue({ policyDate: moment() });\r\n      }\r\n\r\n      getTenantScreenSettings(response.tenantId);\r\n    });\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    let expireMonth, expireYear;\r\n    if (values.expiration) {\r\n      [expireMonth, expireYear] = values.expiration.split(\"/\");\r\n    }\r\n\r\n    var bankIdCommissionIdWithInstallment = values.bankIdInstallment.split(\"/\");\r\n    values.bankId = bankIdCommissionIdWithInstallment[0];\r\n    values.installmentCount = bankIdCommissionIdWithInstallment[3];\r\n    values.cardType = bankIdCommissionIdWithInstallment[2];\r\n    values.posCollectionCommissionDefinitionId =\r\n      bankIdCommissionIdWithInstallment[1];\r\n\r\n    RequestHandler.post(\r\n      `/PosCollection/SalesRequestWithCode`,\r\n      {\r\n        paymentCode: props.location.search.split(\"d=\")[1],\r\n        holderName: values.holderName,\r\n        cardNumber: values.cardNumber,\r\n        cvv: values.cvv,\r\n        expireMonth: expireMonth,\r\n        expireYear: expireYear,\r\n        customerInformation: values.customerInformation,\r\n        description: values.description,\r\n        tckn: values.tckn,\r\n        contractNumber: values.contractNumber,\r\n        branchCode: values.branchCode,\r\n        memberNumber: values.memberNumber,\r\n        bankId: values.bankId,\r\n        installmentCount: values.installmentCount,\r\n        netAmount: activeAmount,\r\n        amount: payableAmount,\r\n        cardType: values.cardType,\r\n        customerEmail: values.email,\r\n        posCollectionCommissionDefinitionId:\r\n          values.posCollectionCommissionDefinitionId,\r\n        paymentMethod: selectedPaymentMethod?.name,\r\n        paymentSetId: selectedPaymentMethod?.paymentSetId,\r\n        isUsePreAuth: isUsePreAuth,\r\n        mobilePhone: values.mobilePhone,\r\n        policyDate: values.policyDate?.format(\"YYYY-MM-DD\"),\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        if (response.data?.startsWith(\"https\")) {\r\n          setOzanIframe(true);\r\n        }\r\n\r\n        //fill html\r\n        setPaymentModal({ visible: true, source: response.data });\r\n        form.resetFields();\r\n        form.setFieldsValue({\r\n          bankId: values.bankId,\r\n          firmId: values.firmId,\r\n        });\r\n\r\n        if (props.onSuccess) props.onSuccess();\r\n      }\r\n    });\r\n  };\r\n\r\n  const onFinishFailed = () => {\r\n    setLoading(false);\r\n  };\r\n\r\n  const maxLengthCheck = (object) => {\r\n    if (object.target.value.length > object.target.maxLength) {\r\n      object.target.value = object.target.value.slice(\r\n        0,\r\n        object.target.maxLength\r\n      );\r\n    }\r\n  };\r\n\r\n  function onChangeEmailRequiredSwitch(checked) {\r\n    setEmailRequired(checked);\r\n  }\r\n\r\n  const renderCardInfoInputs = () => {\r\n    return (\r\n      <>\r\n        {tenantScreenSettings.b2BCustomerInformationVisibility && (\r\n          <Col span={24}>\r\n            <Form.Item\r\n              label={t(\"customerInformation\")}\r\n              name=\"customerInformation\"\r\n              rules={[\r\n                {\r\n                  required:\r\n                    tenantScreenSettings.b2BCustomerInformationVisibility\r\n                      ? true\r\n                      : false,\r\n                },\r\n              ]}\r\n            >\r\n              <Input\r\n                placeholder={t(\"customerInformation\")}\r\n                disabled={firmNameInputDisabled}\r\n              />\r\n            </Form.Item>\r\n          </Col>\r\n        )}\r\n\r\n        <Col span={12} hidden={!tenantScreenSettings.b2BMobilePhoneVisibility}>\r\n          <Form.Item\r\n            label={t(\"mobilePhone\")}\r\n            name=\"mobilePhone\"\r\n            rules={[\r\n              {\r\n                required:\r\n                  defaultValueLanguageOptionSelect === \"tr\" &&\r\n                  tenantScreenSettings.b2BMobilePhoneVisibility,\r\n                min: 12,\r\n                message: t(\"mobilePhoneRequiredMessage\"),\r\n              },\r\n            ]}\r\n          >\r\n            <PhoneInput\r\n              inputStyle={{ width: \"100%\" }}\r\n              country=\"tr\"\r\n              masks={{ tr: \"(...) ...-..-..\" }}\r\n            />\r\n          </Form.Item>\r\n        </Col>\r\n\r\n        {useAdditionalInformation || b2BIsUseAdditionalFieldForPolicy ? (\r\n          <>\r\n            <Col span={12}>\r\n              <Form.Item\r\n                label={t(\"tckn\")}\r\n                name=\"tckn\"\r\n                rules={[\r\n                  {\r\n                    required: true,\r\n                    min: 11,\r\n                    message: t(\"tcknError\"),\r\n                  },\r\n                ]}\r\n              >\r\n                <Input\r\n                  placeholder={t(\"tckn\")}\r\n                  type=\"number\"\r\n                  onKeyDown={(evt) => evt.key === \"e\" && evt.preventDefault()}\r\n                  maxLength=\"11\"\r\n                  onInput={maxLengthCheck}\r\n                />\r\n              </Form.Item>\r\n            </Col>\r\n\r\n            {useAdditionalInformation && (\r\n              <>\r\n                <Col span={12}>\r\n                  <Form.Item\r\n                    label={t(\"contractNumber\")}\r\n                    name=\"contractNumber\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        min: 6,\r\n                        message: t(\"contractNumberError\"),\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input\r\n                      placeholder={t(\"contractNumber\")}\r\n                      type=\"number\"\r\n                      maxLength=\"6\"\r\n                      onInput={handleNumberInput}\r\n                    />\r\n                  </Form.Item>\r\n                </Col>\r\n                <Col span={12}>\r\n                  <Form.Item\r\n                    label={t(\"branchCode\")}\r\n                    name=\"branchCode\"\r\n                    rules={[{ required: true }]}\r\n                  >\r\n                    <Input\r\n                      placeholder={t(\"branchCode\")}\r\n                      maxLength=\"50\"\r\n                      onInput={maxLengthCheck}\r\n                    />\r\n                  </Form.Item>\r\n                </Col>\r\n                <Col span={12}>\r\n                  <Form.Item\r\n                    label={t(\"memberNumber\")}\r\n                    name=\"memberNumber\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input placeholder={t(\"memberNumber\")} />\r\n                  </Form.Item>\r\n                </Col>\r\n                <Col span={12}>\r\n                  <Form.Item\r\n                    label={t(\"paymentMethod\")}\r\n                    name=\"paymentMethod\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Select\r\n                      allowClear\r\n                      placeholder={t(\"paymentMethod\")}\r\n                      onChange={(value, option) => {\r\n                        setSelectedPaymentMethod(option);\r\n                      }}\r\n                    >\r\n                      {paymentMethodList.data?.map((item) => (\r\n                        <Select.Option\r\n                          key={item.id}\r\n                          value={item.id}\r\n                          name={item.name}\r\n                          paymentSetId={item.paymentSetId}\r\n                        >\r\n                          {`${item.name}`}\r\n                        </Select.Option>\r\n                      ))}\r\n                    </Select>\r\n                  </Form.Item>\r\n                </Col>\r\n              </>\r\n            )}\r\n\r\n            {b2BIsUseAdditionalFieldForPolicy && (\r\n              <>\r\n                <Col span={12}>\r\n                  <Form.Item\r\n                    label={t(\"policyNumber\")}\r\n                    name=\"contractNumber\"\r\n                    rules={[\r\n                      {\r\n                        required: true,\r\n                        max: 50,\r\n                        message: t(\"policyNumberRequired\"),\r\n                      },\r\n                    ]}\r\n                  >\r\n                    <Input placeholder={t(\"policyNumber\")} />\r\n                  </Form.Item>\r\n                </Col>\r\n                <Col span={12}>\r\n                  <Form.Item\r\n                    label={t(\"policyIssueDate\")}\r\n                    name=\"policyDate\"\r\n                    rules={[\r\n                      { required: true, message: t(\"policyDateRequired\") },\r\n                    ]}\r\n                  >\r\n                    <DatePicker format=\"DD.MM.YYYY\" style={{ width: \"100%\" }} />\r\n                  </Form.Item>\r\n                </Col>\r\n              </>\r\n            )}\r\n          </>\r\n        ) : tenantScreenSettings.b2BTcknVisibility ? (\r\n          // useAdditionalInformation false ve tenantScreenSettings.b2BTcknVisibility true olduğunda sadece TCKN göster\r\n          <>\r\n            <Col span={12}>\r\n              <Form.Item\r\n                label={t(\"tckn\")}\r\n                name=\"tckn\"\r\n                rules={[\r\n                  {\r\n                    min: 11,\r\n                    message: t(\"tcknError\"),\r\n                  },\r\n                ]}\r\n              >\r\n                <Input\r\n                  placeholder={t(\"tckn\")}\r\n                  type=\"number\"\r\n                  onKeyDown={(evt) => evt.key === \"e\" && evt.preventDefault()}\r\n                  maxLength=\"11\"\r\n                  onInput={maxLengthCheck}\r\n                />\r\n              </Form.Item>\r\n            </Col>\r\n          </>\r\n        ) : null}\r\n\r\n        <Col span={24}>\r\n          <Form.Item\r\n            label={t(\"nameOnCard\")}\r\n            name=\"holderName\"\r\n            rules={[{ required: true }]}\r\n          >\r\n            <Input placeholder={t(\"nameSurname\")} />\r\n          </Form.Item>\r\n          <Form.Item\r\n            label={t(\"cardNumber\")}\r\n            name=\"cardNumber\"\r\n            valuePropName=\"rawValue\"\r\n            rules={[\r\n              { required: true },\r\n              {\r\n                min: 15,\r\n                max: 16,\r\n              },\r\n            ]}\r\n          >\r\n            <Cleave\r\n              className=\"ant-input\"\r\n              placeholder=\"0000 0000 0000 0000\"\r\n              options={{\r\n                creditCard: true,\r\n                onCreditCardTypeChanged: (type) => setCreditCardType(type),\r\n              }}\r\n            />\r\n          </Form.Item>\r\n        </Col>\r\n        <Col span={12}>\r\n          <Form.Item\r\n            label={t(\"expiryDate\")}\r\n            name=\"expiration\"\r\n            rules={[{ required: true }]}\r\n          >\r\n            <Cleave\r\n              className=\"ant-input\"\r\n              placeholder=\"AA/YY\"\r\n              options={{ date: true, datePattern: [\"m\", \"y\"] }}\r\n            />\r\n          </Form.Item>\r\n        </Col>\r\n\r\n        <Col span={12}>\r\n          <Form.Item\r\n            label={t(\"securityCode\")}\r\n            name=\"cvv\"\r\n            rules={[{ required: isCvvNonRequired ? false : true }]}\r\n          >\r\n            <Cleave\r\n              className=\"ant-input\"\r\n              placeholder=\"CVV\"\r\n              options={{\r\n                blocks: [4],\r\n                numericOnly: true,\r\n              }}\r\n            />\r\n          </Form.Item>\r\n        </Col>\r\n\r\n        <Row>\r\n          <Col span={12}>\r\n            <Form.Item label={t(\"description\")} name=\"description\">\r\n              <TextArea rows={4} allowClear />\r\n            </Form.Item>\r\n          </Col>\r\n          <Col span={12}>\r\n            <Form.Item\r\n              label=\"Email\"\r\n              name=\"email\"\r\n              rules={[{ required: emailRequired, type: \"email\" }]}\r\n            >\r\n              <Input />\r\n            </Form.Item>\r\n          </Col>\r\n          <Col xs={24} lg={8}>\r\n            <Form.Item\r\n              label={t(\"postTransactionReceipt\")}\r\n              name=\"emailRequired\"\r\n              valuePropName=\"checked\"\r\n            >\r\n              <Switch onChange={onChangeEmailRequiredSwitch} />\r\n            </Form.Item>\r\n          </Col>\r\n        </Row>\r\n      </>\r\n    );\r\n  };\r\n\r\n  const afterPayment = () => {\r\n    setPaymentModal({ ...paymentModal, visible: false });\r\n    window.location.reload();\r\n  };\r\n\r\n  const changeLanguage = (e) => {\r\n    setDefaultValueLanguageOptionSelect(e);\r\n    i18n.changeLanguage(e);\r\n  };\r\n\r\n  const onChangeRadio = (radioVal, values) => {\r\n    setRadioValue(radioVal);\r\n    setFieldsValue(values);\r\n  };\r\n\r\n  const setFieldsValue = (values) => {\r\n    const currentValues = form.getFieldsValue();\r\n    const newValues = { ...currentValues, ...values };\r\n    form.setFieldsValue(newValues);\r\n\r\n    onFormValuesChange(values, newValues);\r\n  };\r\n\r\n  const onFormValuesChange = (changedValues, allValues) => {\r\n    var activeCommissions = commissionOptions.data.commissions.find(\r\n      (x) => x.bankId === allValues.bankId && !x.isVisaMasterCard\r\n    );\r\n\r\n    if (allValues.bankIdInstallment) {\r\n      var bankIdCommissionIdWithInstallment =\r\n        allValues.bankIdInstallment.split(\"/\");\r\n\r\n      activeCommissions = commissionOptions.data.commissions.find(\r\n        (x) =>\r\n          x.bankId === allValues.bankId &&\r\n          x.id === bankIdCommissionIdWithInstallment[1] &&\r\n          !x.isVisaMasterCard\r\n      );\r\n    }\r\n\r\n    if (\r\n      bankIdCommissionIdWithInstallment &&\r\n      bankIdCommissionIdWithInstallment[0] === \"856\"\r\n    ) {\r\n      setEmailRequired(true);\r\n    } else {\r\n      setEmailRequired(false);\r\n    }\r\n\r\n    if (!activeCommissions) {\r\n      setPayableAmount(\r\n        calculatePayableAmount(activeAmount, 0, allValues.bankId, false)\r\n      );\r\n      setActiveCommissionRate(0);\r\n      return;\r\n    }\r\n    const commissionRate =\r\n      activeCommissions[\"commissionRate\" + allValues.installmentCount];\r\n    if (!(activeAmount > 0 && commissionRate >= 0)) {\r\n      setPayableAmount(\r\n        calculatePayableAmount(activeAmount, 0, allValues.bankId, false)\r\n      );\r\n      setActiveCommissionRate(commissionRate);\r\n      return;\r\n    }\r\n\r\n    setPayableAmount(\r\n      calculatePayableAmount(\r\n        activeAmount,\r\n        commissionRate,\r\n        allValues.bankId,\r\n        activeCommissions[\"isCommissionFromDealer\"]\r\n      )\r\n    );\r\n    setActiveCommissionRate(commissionRate);\r\n  };\r\n\r\n  const calculatePayableAmount = (\r\n    amount,\r\n    commissionRate,\r\n    bankId,\r\n    isCommissionFromDealer\r\n  ) => {\r\n    const { useCommissionsForAvailableInstallment } = commissionOptions.data;\r\n    let payableAmount = amount;\r\n\r\n    if (commissionRate === 0 && bankId === undefined) {\r\n      return payableAmount;\r\n    }\r\n    if (useCommissionsForAvailableInstallment) {\r\n      payableAmount = amount + (amount / 100) * commissionRate;\r\n    }\r\n\r\n    if (isCommissionFromDealer && useCommissionsForAvailableInstallment) {\r\n      payableAmount = (amount / (100 - commissionRate)) * 100;\r\n    }\r\n\r\n    if (bankId == 856) {\r\n      payableAmount = amount / ((100 - commissionRate) / 100);\r\n    }\r\n\r\n    return payableAmount;\r\n  };\r\n\r\n  const getCommissionOptions = (paymentGuid, firmId, paymentSetId) => {\r\n    let queryString = \"&paymentGuid=\" + paymentGuid;\r\n    if (firmId) {\r\n      queryString += \"&firmId=\" + firmId;\r\n    }\r\n    if (paymentSetId) {\r\n      queryString += \"&paymentSetId=\" + paymentSetId;\r\n    }\r\n    RequestHandler.get(\r\n      `/PaymentRequest/CommissionOptions?requestForNoPayment=true${queryString}`\r\n    ).then((response) => {\r\n      if (response.success) {\r\n        setCommissionOptions({\r\n          data: response.data,\r\n          loading: false,\r\n        });\r\n      } else {\r\n        setCommissionOptions({ ...commissionOptions, loading: false });\r\n      }\r\n    });\r\n  };\r\n\r\n  const handleAmountChange = (amount, tenantId, currencyCode) => {\r\n    RequestHandler.post(\r\n      `/PosCollection/GetPosCollectionTransactionExchangeAmounts`,\r\n      {\r\n        amount: amount,\r\n        tenantId: tenantId,\r\n        currencyCode: currencyCode,\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      if (response?.success) {\r\n        setCurrencyExchangeRates({\r\n          data: {\r\n            usdAmount: response.data.usdAmount,\r\n            euroAmount: response.data.euroAmount,\r\n            tlAmount: response.data.tlAmount,\r\n          },\r\n        });\r\n      }\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (isHavePaymentSetId || !useAdditionalInformation) {\r\n      return;\r\n    }\r\n\r\n    getCommissionOptions(\r\n      paymentRequestId,\r\n      undefined,\r\n      selectedPaymentMethod?.paymentSetId\r\n    );\r\n\r\n    clearRadioValue();\r\n  }, [selectedPaymentMethod]);\r\n\r\n  const clearRadioValue = () => {\r\n    setRadioValue(null);\r\n    form.setFieldsValue({ bankIdInstallment: null });\r\n  };\r\n\r\n  const getTenantScreenSettings = (tenantId) => {\r\n    RequestHandler.get(\r\n      `/PaymentRequest/TenantScreenSettings?tenantId=${tenantId}&screenId=2`\r\n    ).then((response) => {\r\n      if (response.success) {\r\n        setTenantScreenSettings(response.data);\r\n      }\r\n    });\r\n  };\r\n\r\n  const handleNumberInput = (e) => {\r\n    const value = e.target.value;\r\n    const sanitizedValue = value.replace(/[^0-9]/g, \"\");\r\n    e.target.value = sanitizedValue;\r\n\r\n    if (sanitizedValue > e.target.maxLength) {\r\n      e.target.value = sanitizedValue.slice(0, e.target.maxLength);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Row id=\"titleArea\">\r\n        <Col\r\n          xs={12}\r\n          md={12}\r\n          lg={20}\r\n          style={{ textAlign: \"right\", marginTop: \"10px\" }}\r\n        >\r\n          <p>{t(\"languageOptionText\")}</p>\r\n        </Col>\r\n        <Col xs={12} md={12} lg={4} style={{ marginTop: \"5px\" }}>\r\n          <Select\r\n            id=\"languageSelect\"\r\n            onChange={changeLanguage}\r\n            value={defaultValueLanguageOptionSelect}\r\n            size=\"middle\"\r\n          >\r\n            <Select.Option key={1} value=\"tr\" i18nIsDynamicList>\r\n              Türkçe\r\n            </Select.Option>\r\n            <Select.Option key={2} value=\"en\">\r\n              English\r\n            </Select.Option>\r\n          </Select>\r\n        </Col>\r\n      </Row>\r\n\r\n      <Divider style={{ margin: \"12px 0\" }} />\r\n\r\n      <Row id=\"paymentArea\" justify=\"center\">\r\n        <Col md={16} lg={16} xl={12}>\r\n          <Card title={t(\"paymentForm\")}>\r\n            {isPaid ? (\r\n              <div style={{ textAlign: \"center\" }}>\r\n                <h2>{t(\"successfulPaymentMessage\")}</h2>\r\n              </div>\r\n            ) : isValidityDateExpired ? (\r\n              <div style={{ textAlign: \"center\" }}>\r\n                <h2>{t(\"paymentValidityDateExpired\")}</h2>\r\n              </div>\r\n            ) : (\r\n              <Form\r\n                {...formItemLayout}\r\n                validateMessages={defaultValidateMessages}\r\n                form={form}\r\n                name=\"PaymentForm\"\r\n                onFinish={onFinish}\r\n                onFinishFailed={onFinishFailed}\r\n                labelAlign=\"left\"\r\n              >\r\n                <Row>\r\n                  <Col span={24}>\r\n                    <div style={{ textAlign: \"center\" }}>\r\n                      {t(\"amount\")}: <strong>{amountString}</strong>\r\n                      <div>\r\n                        {currencyExchangeRates.data.usdAmount &&\r\n                        currencyExchangeRates.data.euroAmount ? (\r\n                          <div style={{ color: \"#0047ca\" }}>\r\n                            {currencyExchangeRates.data.usdAmount} /{\" \"}\r\n                            {currencyExchangeRates.data.euroAmount}\r\n                          </div>\r\n                        ) : currencyExchangeRates.data.euroAmount ? (\r\n                          <div style={{ color: \"#0047ca\" }}>\r\n                            {currencyExchangeRates.data.euroAmount}\r\n                          </div>\r\n                        ) : currencyExchangeRates.data.usdAmount ? (\r\n                          <div style={{ color: \"#0047ca\" }}>\r\n                            {currencyExchangeRates.data.usdAmount}\r\n                          </div>\r\n                        ) : null}\r\n                      </div>\r\n                      {currencyExchangeRates.data.tlAmount && (\r\n                        <div style={{ marginTop: \"4px\" }}>\r\n                          <div style={{ color: \"#0047ca\" }}>\r\n                            {currencyExchangeRates.data.tlAmount}\r\n                          </div>\r\n                        </div>\r\n                      )}\r\n                      <div>\r\n                        {isUseB2BViewCurrencyExchangeRate ? (\r\n                          <div style={{ color: \"#0047ca\" }}>\r\n                            {t(\"usdRate\") +\r\n                              ColumnHelper.renderDecimal(\r\n                                viewCurrencyExchangeRates.data?.usd\r\n                              )}\r\n                          </div>\r\n                        ) : null}\r\n                      </div>\r\n                      <div>\r\n                        {isUseB2BViewCurrencyExchangeRate ? (\r\n                          <div style={{ color: \"#0047ca\" }}>\r\n                            {t(\"euroRate\") +\r\n                              ColumnHelper.renderDecimal(\r\n                                viewCurrencyExchangeRates.data?.euro\r\n                              )}\r\n                          </div>\r\n                        ) : null}\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div style={{ textAlign: \"center\" }}>\r\n                      {t(\"description\")}: <strong>{description}</strong>\r\n                    </div>\r\n                    <div style={{ textAlign: \"center\" }}>\r\n                      {t(\"paymentRecipient\")}: <strong>{tenantName}</strong>\r\n                    </div>\r\n                  </Col>\r\n\r\n                  {renderCardInfoInputs()}\r\n                  <Col span={24}>\r\n                    <PosSelectableInstallmentTable\r\n                      key={JSON.stringify(commissionOptions.data)}\r\n                      data={commissionOptions.data}\r\n                      amount={activeAmount}\r\n                      loading={commissionOptions.loading}\r\n                      onChange={onChangeRadio}\r\n                      radioValue={radioValue}\r\n                      filePath={b2bFilePath}\r\n                      campaignButtonVisibility={\r\n                        tenantScreenSettings.b2BShowCampaignButton\r\n                      }\r\n                    />\r\n                  </Col>\r\n\r\n                  <Col span={24}>\r\n                    <PosCollectionAmountSummary\r\n                      payableAmount={payableAmount}\r\n                      activeAmount={activeAmount}\r\n                      colSpan={20}\r\n                      commissionRate={activeCommissionRate}\r\n                    />\r\n                  </Col>\r\n\r\n                  <Col span={24}>\r\n                    <Form.Item\r\n                      name=\"agreement\"\r\n                      valuePropName=\"checked\"\r\n                      rules={[\r\n                        {\r\n                          required: true,\r\n                          message: \"Sözleşmeleri kabul etmeniz gerekmektedir.\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Checkbox>\r\n                        <a href={confidentialAgreement} target=\"_blank\">\r\n                          {t(\"privacy\")}\r\n                        </a>{\" \"}\r\n                        ve{\" \"}\r\n                        <a href={salesAgreement} target=\"_blank\">\r\n                          {t(\"consumerRights\")}\r\n                        </a>{\" \"}\r\n                        {t(\"readContract\")}\r\n                      </Checkbox>\r\n                    </Form.Item>\r\n                  </Col>\r\n\r\n                  <Col span={24} style={{ textAlign: \"right\" }}>\r\n                    <Button\r\n                      type=\"primary\"\r\n                      htmlType=\"submit\"\r\n                      onClick={() => setLoading(true)}\r\n                      loading={loading}\r\n                    >\r\n                      {t(\"pay\")}\r\n                    </Button>\r\n                  </Col>\r\n                </Row>\r\n              </Form>\r\n            )}\r\n          </Card>\r\n        </Col>\r\n      </Row>\r\n      <Footer>\r\n        <div className=\"gx-layout-footer-content\">\r\n          {Screen.screen === 0 ? (\r\n            <>\r\n              <span>{footerText}</span>\r\n              <img\r\n                src={require(\"../assets/images/paymentSymbols.png\")}\r\n                alt=\"PaymentSymbols\"\r\n                title=\"PaymentSymbols\"\r\n                style={{\r\n                  width: \"100%\",\r\n                  maxWidth: \"450px\",\r\n                  marginLeft: \"550px\",\r\n                }}\r\n              />\r\n            </>\r\n          ) : null}\r\n        </div>\r\n      </Footer>\r\n\r\n      <Modal\r\n        id=\"paymentModal\"\r\n        centered\r\n        visible={paymentModal.visible}\r\n        onCancel={() => afterPayment()}\r\n        destroyOnClose={false}\r\n        maskClosable={false}\r\n        keyboard={false}\r\n        width={600}\r\n        footer={null}\r\n      >\r\n        {ozanIframe ? (\r\n          <iframe\r\n            id=\"paymentFrame\"\r\n            ref={iframeRef}\r\n            style={{ width: \"100%\", border: 0 }}\r\n            src={paymentModal.source}\r\n            scrolling=\"auto\"\r\n            onLoad={() => {\r\n              const iframe = iframeRef.current;\r\n              iframe.style.height = iframe.scrollWidth + 150 + \"px\";\r\n            }}\r\n          />\r\n        ) : (\r\n          <iframe\r\n            id=\"paymentFrame\"\r\n            ref={iframeRef}\r\n            style={{ width: \"100%\", border: 0 }}\r\n            srcDoc={paymentModal.source}\r\n            sandbox=\"allow-same-origin allow-scripts allow-forms allow-popups\"\r\n            scrolling=\"auto\"\r\n            onLoad={() => {\r\n              const iframe = iframeRef.current;\r\n              iframe.style.height = iframe.scrollWidth + 150 + \"px\";\r\n            }}\r\n          />\r\n        )}\r\n      </Modal>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default PaymentPage;\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\n\r\nimport {\r\n  Col,\r\n  Row,\r\n  Divider,\r\n  Input,\r\n  Form,\r\n  Button,\r\n  Card,\r\n  InputNumber,\r\n  Checkbox,\r\n  Modal,\r\n  Select,\r\n  message,\r\n  Layout,\r\n  DatePicker,\r\n} from \"antd\";\r\nimport Cleave from \"cleave.js/react\";\r\nimport PhoneInput from \"react-phone-input-2\";\r\nimport \"react-phone-input-2/lib/style.css\";\r\nimport PosCommissionTable from \"../routes/B2B/PosCommissionTable\";\r\nimport PosSelectableInstallmentTable from \"../routes/B2B/PosSelectableInstallmentTable\";\r\n\r\nimport RequestHandler from \"util/RequestHandler\";\r\nimport { defaultValidateMessages } from \"../routes/Forms/Helper\";\r\nimport { ColumnHelper } from \"util/TableHelper\";\r\nimport { useHistory } from \"react-router\";\r\nimport { footerText } from \"../util/config\";\r\nimport Screen from \"../util/Extensions/Screens\";\r\nimport PosCollectionAmountSummary from \"../routes/B2B/PosCollectionAmountSummary\";\r\nimport moment from \"moment\";\r\n\r\nconst formItemLayout = {\r\n  labelCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 24,\r\n    },\r\n  },\r\n  wrapperCol: {\r\n    xs: {\r\n      span: 24,\r\n    },\r\n    sm: {\r\n      span: 24,\r\n    },\r\n  },\r\n};\r\nconst { TextArea } = Input;\r\nconst ConstantPaymentPage = (props) => {\r\n  const history = useHistory();\r\n  const [loading, setLoading] = useState(false);\r\n  const [creditCardType, setCreditCardType] = useState(\"\");\r\n  const [form] = Form.useForm();\r\n  const [paymentModal, setPaymentModal] = useState({\r\n    visible: false,\r\n    source: null,\r\n  });\r\n  const [availableProviders, setAvailableProviders] = useState({\r\n    loading: true,\r\n    data: [],\r\n  });\r\n  const [availableInstallments, setAvailableInstallments] = useState({\r\n    loading: true,\r\n    data: [1],\r\n  });\r\n  const [activeProviderId, setActiveProviderId] = useState();\r\n  const [currencyCodes, setCurrencyCodes] = useState([\"TRY\", \"USD\", \"EUR\"]);\r\n  const [commissionOptions, setCommissionOptions] = useState({\r\n    loading: true,\r\n    data: {\r\n      useCommissionsForAvailableInstallment: false,\r\n      useFirmGroupCodeForMaxInstallment: false,\r\n      isSelectableInstallmentTable: false,\r\n      posCollectionDescription: null,\r\n      commissions: [],\r\n    },\r\n  });\r\n  const [activeAmount, setActiveAmount] = useState(0);\r\n  const [payableAmount, setPayableAmount] = useState(0);\r\n  const [radioValue, setRadioValue] = useState();\r\n  const [tenantName, setTenantName] = useState(\"\");\r\n  const iframeRef = useRef();\r\n  const [logoUrl, setLogoUrl] = useState();\r\n  const [tenantPaymentGuid, setTenantPaymentGuid] = useState();\r\n  const [isPaymentWithParams, setIsPaymentWithParams] = useState(false);\r\n  const [disabledAmount, setDisabledAmount] = useState(false);\r\n\r\n  const [firmId, setFirmId] = useState(\"\");\r\n  const [posCollectionTransactionId, setPosCollectionTransactionId] =\r\n    useState(\"\");\r\n  const [referenceNumber, setReferenceNumber] = useState(\"\");\r\n  const [siteName, setSiteName] = useState(\"\");\r\n  const [paymentGuid, setPaymentGuid] = useState(\"\");\r\n  const { Footer } = Layout;\r\n\r\n  const [confidentialAgreement, setconfidentialAgreement] = useState(\r\n    \"/gizlilik-ve-guvenlik-politikasi.pdf\"\r\n  );\r\n  const [salesAgreement, setSalesAgreement] = useState(\"/tuketici-haklari.pdf\");\r\n\r\n  const [ozanIframe, setOzanIframe] = useState(false);\r\n  const [useAdditionalInformation, setUseAdditionalInformation] =\r\n    useState(false);\r\n\r\n  const [isUseCreditCardBinCheck, setIsUseCreditCardBinCheck] = useState();\r\n  const [usePosCommissionTable, setUsePosCommissionTable] = useState(false);\r\n  const [\r\n    commissionOptionsForBinCheckUsage,\r\n    setCommissionOptionsForBinCheckUsage,\r\n  ] = useState({\r\n    loading: true,\r\n    data: {\r\n      useCommissionsForAvailableInstallment: false,\r\n      useFirmGroupCodeForMaxInstallment: false,\r\n      isSelectableInstallmentTable: false,\r\n      posCollectionDescription: null,\r\n      commissions: [],\r\n    },\r\n  });\r\n  const [requestBin, setRequestBin] = useState(true);\r\n\r\n  const [bankIdFromBinCheckResult, setBankIdFromBinCheckResult] =\r\n    useState(null);\r\n  const [cardKindFromBinCheckResult, setCardKindFromBinCheckResult] =\r\n    useState(null);\r\n  const [activeCommissionRate, setActiveCommissionRate] = useState(0.0);\r\n  const [isUseB2BCurrencyExChange, setIsUseB2BCurrencyExChange] =\r\n    useState(false);\r\n\r\n  const [currencyExchangeRates, setCurrencyExchangeRates] = useState({\r\n    data: {\r\n      usdAmount: null,\r\n      euroAmount: null,\r\n      tlAmount: null,\r\n    },\r\n  });\r\n  const [tenantId, setTenantId] = useState(\"\");\r\n  const [activeCurrency, setActiveCurrency] = useState(\"TRY\");\r\n  const [emailRequired, setEmailRequired] = useState(false);\r\n  const [paymentMethodList, setPaymentMethodList] = useState({\r\n    loading: true,\r\n    data: [],\r\n  });\r\n  const [selectedPaymentMethod, setSelectedPaymentMethod] = useState();\r\n  const [\r\n    isUseB2BViewCurrencyExchangeRate,\r\n    setIsUseB2BViewCurrencyExchangeRate,\r\n  ] = useState(false);\r\n\r\n  const [viewCurrencyExchangeRates, setViewCurrencyExchangeRates] = useState({\r\n    data: {\r\n      usd: null,\r\n      euro: null,\r\n    },\r\n  });\r\n  const [b2bFilePath, setB2bFilePath] = useState();\r\n  const [tenantScreenSettings, setTenantScreenSettings] = useState({\r\n    b2BShowCampaignButton: true,\r\n    b2BViewUsdOnCurrencyDropDown: true,\r\n    b2BViewEuroOnCurrencyDropDown: true,\r\n    b2BCustomerInformationVisibility: true,\r\n    b2BMobilePhoneVisibility: true,\r\n    b2BTcknVisibility: false,\r\n    b2BShowInstallmentOptionsOnBinCheck: true,\r\n  });\r\n  const [\r\n    b2BIsUseAdditionalFieldForPolicy,\r\n    setB2BIsUseAdditionalFieldForPolicy,\r\n  ] = useState(false);\r\n\r\n  useEffect(() => {\r\n    setPaymentGuid(props.location.search.split(\"d=\")[1]);\r\n    if (!activeProviderId) return;\r\n    let currencies = [\"TRY\", \"USD\", \"EUR\"];\r\n\r\n    //Param Pos\r\n    if (activeProviderId === 889) {\r\n      currencies = [\"TRY\"];\r\n    }\r\n\r\n    setCurrencyCodes(currencies);\r\n    if (!tenantScreenSettings.b2BViewUsdOnCurrencyDropDown) {\r\n      setCurrencyCodes((prev) => prev.filter((x) => x !== \"USD\"));\r\n    }\r\n    if (!tenantScreenSettings.b2BViewEuroOnCurrencyDropDown) {\r\n      setCurrencyCodes((prev) => prev.filter((x) => x !== \"EUR\"));\r\n    }\r\n    setFieldsValue({ currencyCode: currencies[0] });\r\n\r\n    if (!commissionOptions.data.isSelectableInstallmentTable) {\r\n      getAvailableInstallments(activeProviderId);\r\n    }\r\n  }, [activeProviderId, tenantScreenSettings]);\r\n\r\n  useEffect(() => {\r\n    localStorage.clear();\r\n    getConstantPaymentRequestInfo();\r\n    setPaymentGuid(props.location.search.split(\"d=\")[1]);\r\n    getAvailableProviders(props.location.search.split(\"d=\")[1]);\r\n    getCommissionOptions(props.location.search.split(\"d=\")[1]);\r\n    if (props.data) {\r\n      setFieldsValue(props.data);\r\n    }\r\n  }, [props.data]);\r\n\r\n  useEffect(() => {\r\n    if (commissionOptions.data.commissions.length > 0) {\r\n      let bankIdFromBinCheck = bankIdFromBinCheckResult;\r\n      const bankIdsFromCommissions = [\r\n        ...new Set(\r\n          commissionOptions.data.commissions.map((item) => item.bankId)\r\n        ),\r\n      ];\r\n      RequestHandler.get(\r\n        `/ConstantPaymentRequest/AvailableProviders?paymentGuid=${paymentGuid}${\r\n          bankIdFromBinCheck ? \"&bankIdFromBinCheck=\" + bankIdFromBinCheck : \"\"\r\n        }`\r\n      ).then((response) => {\r\n        if (response.success) {\r\n          const filterWithCommissionBankIds = response.data.filter((x) =>\r\n            bankIdsFromCommissions.includes(x.id)\r\n          );\r\n          setAvailableProviders({\r\n            data: filterWithCommissionBankIds,\r\n            loading: false,\r\n          });\r\n          setActiveProviderId(filterWithCommissionBankIds?.at(0)?.id);\r\n          if (filterWithCommissionBankIds?.at(0)?.id) {\r\n            getAvailableInstallments(\r\n              filterWithCommissionBankIds?.at(0)?.id,\r\n              commissionOptions.data.commissions\r\n            );\r\n          }\r\n        } else {\r\n          setAvailableProviders({ ...availableProviders, loading: false });\r\n        }\r\n      });\r\n    }\r\n  }, [commissionOptions]);\r\n\r\n  const getAvailableProviders = (value) => {\r\n    RequestHandler.get(\r\n      `/ConstantPaymentRequest/AvailableProviders?paymentGuid=${value}`\r\n    ).then((response) => {\r\n      if (response.success) {\r\n        setAvailableProviders({\r\n          data: response.data,\r\n          loading: false,\r\n        });\r\n        setActiveProviderId(response.data?.at(0)?.id);\r\n      } else {\r\n        setAvailableProviders({ ...availableProviders, loading: false });\r\n      }\r\n    });\r\n  };\r\n\r\n  const getCommissionOptions = (\r\n    value,\r\n    bankIdFromBinCheck,\r\n    cardKindFromBinCheck,\r\n    amount,\r\n    paymentSetId\r\n  ) => {\r\n    let queryString = `?paymentGuid=${value}`;\r\n\r\n    if (amount !== null && amount !== undefined) {\r\n      queryString += `${queryString ? \"&\" : \"?\"}amount=${amount}`;\r\n    }\r\n\r\n    if (bankIdFromBinCheck && firmId) {\r\n      queryString += `&bankIdFromBinCheck=${bankIdFromBinCheck}&cardKindFromBinCheck=${cardKindFromBinCheck}`;\r\n    } else if (bankIdFromBinCheck && queryString != \"\") {\r\n      queryString += `&bankIdFromBinCheck=${bankIdFromBinCheck}&cardKindFromBinCheck=${cardKindFromBinCheck}`;\r\n    } else if (bankIdFromBinCheck && queryString == \"\") {\r\n      queryString += `?bankIdFromBinCheck=${bankIdFromBinCheck}&cardKindFromBinCheck=${cardKindFromBinCheck}`;\r\n    }\r\n\r\n    if (paymentSetId) {\r\n      queryString += `${queryString ? \"&\" : \"?\"}paymentSetId=${paymentSetId}`;\r\n    }\r\n\r\n    RequestHandler.get(\r\n      `/ConstantPaymentRequest/CommissionOptions${queryString}`\r\n    ).then((response) => {\r\n      if (response.success) {\r\n        setCommissionOptions({\r\n          data: response.data,\r\n          loading: false,\r\n        });\r\n      } else {\r\n        setCommissionOptions({ ...commissionOptions, loading: false });\r\n      }\r\n    });\r\n  };\r\n\r\n  const getAvailableInstallments = (bankId, commissions) => {\r\n    setAvailableInstallments({ ...availableInstallments, loading: true });\r\n\r\n    RequestHandler.post(\r\n      `/ConstantPaymentRequest/AvailableInstallments`,\r\n      {\r\n        bankId: bankId,\r\n        paymentGuid: paymentGuid,\r\n        commissions:\r\n          commissions !== undefined && commissions !== null\r\n            ? commissions.find((x) => x.bankId == bankId)\r\n            : null,\r\n        isUseCreditCardBinCheck: isUseCreditCardBinCheck,\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      if (!response.success) {\r\n        setAvailableInstallments({ ...availableInstallments, loading: false });\r\n        setFieldsValue({ installmentCount: 1 });\r\n        return;\r\n      }\r\n\r\n      const { installments, defaultInstallment } = response.data;\r\n      setAvailableInstallments({ data: installments, loading: false });\r\n\r\n      setFieldsValue({ installmentCount: defaultInstallment });\r\n    });\r\n  };\r\n\r\n  const getConstantPaymentRequestInfo = () => {\r\n    RequestHandler.post(\r\n      `/ConstantPaymentRequest/GetByPaymentRequestId`,\r\n      {\r\n        PaymentRequestString: props.location.search.split(\"d=\")[1],\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      form.setFieldsValue({\r\n        ...form.getFieldValue(),\r\n        customerInformation: response.firmName,\r\n      });\r\n      setTenantName(response.tenantName);\r\n      setUseAdditionalInformation(response.isPosTransactionUseAdditionalField);\r\n      if (response.confidentialityAgreementPath) {\r\n        setconfidentialAgreement(response.confidentialityAgreementPath);\r\n      }\r\n      if (response.salesAgreementPath) {\r\n        setSalesAgreement(response.salesAgreementPath);\r\n      }\r\n\r\n      getTenantScreenSettings(response.tenantId);\r\n      setIsUseCreditCardBinCheck(response.isUseCreditCardBinCheck);\r\n      setIsUseB2BCurrencyExChange(response.isUseB2BCurrencyExChange);\r\n      setTenantId(response.tenantId);\r\n      setIsUseB2BViewCurrencyExchangeRate(response.b2BViewCurrencyExchangeRate);\r\n      setB2bFilePath(response.b2BFilePath);\r\n      setB2BIsUseAdditionalFieldForPolicy(\r\n        response.b2BIsUseAdditionalFieldForPolicy\r\n      );\r\n\r\n      if (response.isUseCreditCardBinCheck) {\r\n        setUsePosCommissionTable(true);\r\n        RequestHandler.get(\r\n          `/ConstantPaymentRequest/CommissionOptions?paymentGuid=${\r\n            props.location.search.split(\"d=\")[1]\r\n          }&requestForNoPayment=true`\r\n        ).then((response) => {\r\n          if (response.success) {\r\n            setCommissionOptionsForBinCheckUsage({\r\n              data: response.data,\r\n              loading: false,\r\n            });\r\n          } else {\r\n            setCommissionOptionsForBinCheckUsage({\r\n              ...commissionOptions,\r\n              loading: false,\r\n            });\r\n          }\r\n        });\r\n      }\r\n\r\n      if (response.isPosTransactionUseAdditionalField) {\r\n        RequestHandler.get(\r\n          `/ConstantPaymentRequest/GetPaymentMethods?tenantId=${response.tenantId}`\r\n        ).then((response) => {\r\n          setPaymentMethodList({\r\n            data: response.data,\r\n            loading: false,\r\n          });\r\n        });\r\n      }\r\n      if (response.b2BViewCurrencyExchangeRate) {\r\n        RequestHandler.get(\r\n          `/PosCollection/GetCurrencies?tenantId=${response.tenantId}`\r\n        ).then((currencyResponse) => {\r\n          if (currencyResponse) {\r\n            setViewCurrencyExchangeRates({\r\n              data: {\r\n                usd: currencyResponse?.find((item) => item.code === \"USD\")\r\n                  ?.dailyValue,\r\n                euro: currencyResponse?.find((item) => item.code === \"EUR\")\r\n                  ?.dailyValue,\r\n              },\r\n            });\r\n          }\r\n        });\r\n      }\r\n      if (response.b2BIsUseAdditionalFieldForPolicy) {\r\n        form.setFieldsValue({ policyDate: moment() });\r\n      }\r\n    });\r\n  };\r\n\r\n  const onFinish = (values) => {\r\n    let expireMonth, expireYear;\r\n\r\n    if (values.expiration) {\r\n      [expireMonth, expireYear] = values.expiration.split(\"/\");\r\n    }\r\n\r\n    var bankIdCommissionIdWithInstallment = values.bankIdInstallment.split(\"/\");\r\n    values.bankId = bankIdCommissionIdWithInstallment[0];\r\n    values.installmentCount = bankIdCommissionIdWithInstallment[3];\r\n    values.cardType = bankIdCommissionIdWithInstallment[2];\r\n    values.posCollectionCommissionDefinitionId =\r\n      bankIdCommissionIdWithInstallment[1];\r\n\r\n    if (values.bankId === \"1011\") {\r\n      setOzanIframe(true);\r\n    }\r\n\r\n    RequestHandler.post(\r\n      `/ConstantPaymentRequest/SalesRequest`,\r\n      {\r\n        holderName: values.holderName,\r\n        cardNumber: values.cardNumber,\r\n        cvv: values.cvv,\r\n        expireMonth: expireMonth,\r\n        expireYear: expireYear,\r\n        amount: payableAmount,\r\n        currencyCode: values.currencyCode,\r\n        bankId: values.bankId,\r\n        installmentCount: values.installmentCount,\r\n        mobilePhone: values.MobilePhone,\r\n        description: values.description,\r\n        email: values.email,\r\n        customerEmail: values.email,\r\n        paymentGuid: paymentGuid,\r\n        firmId: firmId != \"\" ? firmId : null,\r\n        cardType: values.cardType,\r\n        tckn: values.tckn,\r\n        contractNumber: values.contractNumber,\r\n        branchCode: values.branchCode,\r\n        memberNumber: values.memberNumber,\r\n        netAmount: values.amount,\r\n        posCollectionCommissionDefinitionId:\r\n          values.posCollectionCommissionDefinitionId,\r\n        paymentMethod: selectedPaymentMethod?.name,\r\n        paymentSetId: selectedPaymentMethod?.paymentSetId,\r\n        policyDate: values.policyDate?.format(\"YYYY-MM-DD\"),\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      setLoading(false);\r\n      if (response.success) {\r\n        //fill html\r\n        setPaymentModal({ visible: true, source: response.data.html });\r\n        setPosCollectionTransactionId(response.data.posCollectionTransactionId);\r\n        if (!isPaymentWithParams) {\r\n          form.resetFields();\r\n        }\r\n\r\n        setFieldsValue({\r\n          bankId: values.bankId,\r\n        });\r\n\r\n        if (props.onSuccess) props.onSuccess();\r\n      }\r\n    });\r\n  };\r\n\r\n  const onChangeActiveProvider = (value) => {\r\n    setActiveProviderId(value);\r\n  };\r\n\r\n  const onFinishFailed = () => {\r\n    setLoading(false);\r\n  };\r\n\r\n  const onChangeRadio = (radioVal, values) => {\r\n    setRadioValue(radioVal);\r\n    setFieldsValue(values);\r\n  };\r\n\r\n  const setFieldsValue = (values) => {\r\n    const currentValues = form.getFieldsValue();\r\n    const newValues = { ...currentValues, ...values };\r\n    form.setFieldsValue(newValues);\r\n\r\n    onFormValuesChange(values, newValues);\r\n  };\r\n\r\n  const onFormValuesChange = (changedValues, allValues) => {\r\n    var activeCommissions = commissionOptions.data.commissions.find(\r\n      (x) => x.bankId === allValues.bankId && !x.isVisaMasterCard\r\n    );\r\n\r\n    var installmentCount = allValues.installmentCount;\r\n    if (allValues.bankIdInstallment) {\r\n      var bankIdCommissionIdWithInstallment =\r\n        allValues.bankIdInstallment.split(\"/\");\r\n\r\n      activeCommissions = commissionOptions.data.commissions.find(\r\n        (x) =>\r\n          x.id === bankIdCommissionIdWithInstallment[1] && !x.isVisaMasterCard\r\n      );\r\n      installmentCount = bankIdCommissionIdWithInstallment[3];\r\n    }\r\n\r\n    if (\r\n      bankIdCommissionIdWithInstallment &&\r\n      bankIdCommissionIdWithInstallment[0] === \"856\"\r\n    ) {\r\n      setEmailRequired(true);\r\n    } else {\r\n      setEmailRequired(false);\r\n    }\r\n\r\n    if (!activeCommissions) {\r\n      setPayableAmount(\r\n        calculatePayableAmount(allValues.amount, 0, allValues.bankId, false)\r\n      );\r\n\r\n      setActiveCommissionRate(0);\r\n      return;\r\n    }\r\n    const commissionRate =\r\n      activeCommissions[\"commissionRate\" + installmentCount];\r\n    if (!(allValues.amount > 0 && commissionRate >= 0)) {\r\n      setPayableAmount(\r\n        calculatePayableAmount(allValues.amount, 0, allValues.bankId, false)\r\n      );\r\n      setActiveCommissionRate(commissionRate);\r\n      return;\r\n    }\r\n\r\n    setPayableAmount(\r\n      calculatePayableAmount(\r\n        allValues.amount,\r\n        commissionRate,\r\n        allValues.bankId,\r\n        activeCommissions[\"isCommissionFromDealer\"]\r\n      )\r\n    );\r\n    setActiveCommissionRate(commissionRate);\r\n  };\r\n\r\n  const calculatePayableAmount = (\r\n    amount,\r\n    commissionRate,\r\n    bankId,\r\n    isCommissionFromDealer\r\n  ) => {\r\n    const { useCommissionsForAvailableInstallment } = commissionOptions.data;\r\n    let payableAmount = amount;\r\n    if (useCommissionsForAvailableInstallment) {\r\n      payableAmount = amount + (amount / 100) * commissionRate;\r\n    }\r\n\r\n    if (isCommissionFromDealer && useCommissionsForAvailableInstallment) {\r\n      payableAmount = (amount / (100 - commissionRate)) * 100;\r\n    }\r\n\r\n    if (bankId == 856) {\r\n      payableAmount = amount / ((100 - commissionRate) / 100);\r\n    }\r\n\r\n    return payableAmount;\r\n  };\r\n\r\n  const isExternalPaymentFormProvider = false;\r\n\r\n  const afterPayment = () => {};\r\n\r\n  const maxLengthCheck = (object) => {\r\n    if (object.target.value.length > object.target.maxLength) {\r\n      object.target.value = object.target.value.slice(\r\n        0,\r\n        object.target.maxLength\r\n      );\r\n    }\r\n  };\r\n\r\n  const handleAmountInputBlur = (e) => {\r\n    if (!(isUseCreditCardBinCheck && bankIdFromBinCheckResult === null)) {\r\n      getCommissionOptions(\r\n        paymentGuid,\r\n        bankIdFromBinCheckResult,\r\n        cardKindFromBinCheckResult,\r\n        activeAmount,\r\n        selectedPaymentMethod?.paymentSetId\r\n      );\r\n    }\r\n  };\r\n\r\n  const handleCardNumberChange = (e) => {\r\n    if (!isUseCreditCardBinCheck) {\r\n      return;\r\n    }\r\n\r\n    const inputValue = e.target.rawValue;\r\n\r\n    if (inputValue.length <= 8) {\r\n      setRequestBin(true);\r\n    }\r\n\r\n    if ((inputValue.length === 8 || inputValue.length === 16) && requestBin) {\r\n      RequestHandler.post(\r\n        `/PosCollection/CreditCardBinCheck`,\r\n        {\r\n          cardNumber: inputValue,\r\n        },\r\n        false\r\n      ).then((response) => {\r\n        if (response?.success) {\r\n          setRequestBin(false);\r\n          setBankIdFromBinCheckResult(response.data.bankId);\r\n          setCardKindFromBinCheckResult(response.data.cardKind);\r\n          getCommissionOptions(\r\n            paymentGuid,\r\n            response.data.bankId,\r\n            response.data.cardKind,\r\n            form.getFieldValue(\"amount\"),\r\n            selectedPaymentMethod?.paymentSetId\r\n          );\r\n        } else {\r\n          getCommissionOptions();\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (isNaN(payableAmount)) {\r\n      setPayableAmount(0);\r\n    } else {\r\n      setPayableAmount(payableAmount);\r\n    }\r\n  }, [payableAmount]);\r\n\r\n  useEffect(() => {\r\n    if (availableProviders.data.length > 0) {\r\n      const initialValue = availableProviders.data[0].id;\r\n      onChangeActiveProvider(initialValue);\r\n      setFieldsValue({ bankId: initialValue });\r\n    }\r\n  }, [availableProviders]);\r\n\r\n  const handleAmountChange = () => {\r\n    if (isUseB2BCurrencyExChange && typeof activeAmount === \"number\") {\r\n      RequestHandler.post(\r\n        `/PosCollection/GetPosCollectionTransactionExchangeAmounts`,\r\n        {\r\n          amount: activeAmount,\r\n          currencyCode: activeCurrency,\r\n          tenantId: tenantId,\r\n        },\r\n        false\r\n      ).then((response) => {\r\n        if (response?.success) {\r\n          setCurrencyExchangeRates({\r\n            data: {\r\n              usdAmount: response.data.usdAmount,\r\n              euroAmount: response.data.euroAmount,\r\n              tlAmount: response.data.tlAmount,\r\n            },\r\n          });\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  const combinedBlurFunctionForAmount = (e) => {\r\n    handleAmountInputBlur(e);\r\n    handleAmountChange();\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (isUseB2BCurrencyExChange) {\r\n      RequestHandler.post(\r\n        `/PosCollection/GetPosCollectionTransactionExchangeAmounts`,\r\n        {\r\n          amount: activeAmount,\r\n          currencyCode: activeCurrency,\r\n          tenantId: tenantId,\r\n        },\r\n        false\r\n      ).then((response) => {\r\n        if (response?.success) {\r\n          setCurrencyExchangeRates({\r\n            data: {\r\n              usdAmount: response.data.usdAmount,\r\n              euroAmount: response.data.euroAmount,\r\n              tlAmount: response.data.tlAmount,\r\n            },\r\n          });\r\n        }\r\n      });\r\n    }\r\n  }, [activeCurrency]);\r\n\r\n  useEffect(() => {\r\n    if (useAdditionalInformation) {\r\n      getCommissionOptions(\r\n        paymentGuid,\r\n        bankIdFromBinCheckResult,\r\n        cardKindFromBinCheckResult,\r\n        activeAmount,\r\n        selectedPaymentMethod?.paymentSetId\r\n      );\r\n\r\n      clearRadioValue();\r\n    }\r\n  }, [selectedPaymentMethod]);\r\n\r\n  const clearRadioValue = () => {\r\n    setRadioValue(null);\r\n    form.setFieldsValue({ bankIdInstallment: null });\r\n  };\r\n\r\n  const getTenantScreenSettings = (tenantId) => {\r\n    RequestHandler.get(\r\n      `/ConstantPaymentRequest/TenantScreenSettings?tenantId=${tenantId}&screenId=3`\r\n    ).then((response) => {\r\n      if (response.success) {\r\n        setTenantScreenSettings(response.data);\r\n      }\r\n    });\r\n  };\r\n\r\n  const handleNumberInput = (e) => {\r\n    const value = e.target.value;\r\n    const sanitizedValue = value.replace(/[^0-9]/g, \"\");\r\n    e.target.value = sanitizedValue;\r\n\r\n    if (sanitizedValue > e.target.maxLength) {\r\n      e.target.value = sanitizedValue.slice(0, e.target.maxLength);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Row\r\n        id=\"paymentArea\"\r\n        justify=\"center\"\r\n        align=\"middle\"\r\n        style={{\r\n          paddingRight: \"50px\",\r\n          paddingLeft: \"50px\",\r\n          paddingTop: \"50px\",\r\n        }}\r\n      >\r\n        <Col span={24}>\r\n          <Card\r\n            className=\"gx-card\"\r\n            loading={availableProviders.loading || commissionOptions.loading}\r\n          >\r\n            {availableProviders.data.length > 0 ? (\r\n              <Form\r\n                {...formItemLayout}\r\n                validateMessages={defaultValidateMessages}\r\n                form={form}\r\n                name=\"PaymentForm\"\r\n                initialValues={{\r\n                  remember: true,\r\n                }}\r\n                onFinish={onFinish}\r\n                onFinishFailed={onFinishFailed}\r\n                labelAlign=\"left\"\r\n                onValuesChange={onFormValuesChange}\r\n                fields={[{ name: \"payableAmount\", value: payableAmount }]}\r\n              >\r\n                <>\r\n                  <div style={{ textAlign: \"center\" }}>\r\n                    Ödemeyi Alan: <strong>{tenantName}</strong>\r\n                  </div>\r\n\r\n                  <Divider>Ödeme Bilgileri</Divider>\r\n\r\n                  <Row justify=\"center\">\r\n                    <Col xs={24} lg={6}>\r\n                      <Form.Item\r\n                        label=\"Tutar\"\r\n                        name=\"amount\"\r\n                        rules={[{ required: true }]}\r\n                      >\r\n                        <InputNumber\r\n                          style={{ width: \"100%\" }}\r\n                          decimalSeparator=\",\"\r\n                          precision={2}\r\n                          min={0}\r\n                          placeholder=\"0,00\"\r\n                          onChange={(value) => {\r\n                            setActiveAmount(value);\r\n                            form.setFieldsValue({ amount: value }); // Form değerini manuel olarak güncelle\r\n                          }}\r\n                          disabled={disabledAmount}\r\n                          onBlur={combinedBlurFunctionForAmount}\r\n                        />\r\n                        <div style={{ marginTop: \"10px\" }}>\r\n                          {currencyExchangeRates.data.usdAmount &&\r\n                          currencyExchangeRates.data.euroAmount ? (\r\n                            <div style={{ color: \"#0047ca\" }}>\r\n                              {currencyExchangeRates.data.usdAmount} /{\" \"}\r\n                              {currencyExchangeRates.data.euroAmount}\r\n                            </div>\r\n                          ) : currencyExchangeRates.data.euroAmount ? (\r\n                            <div style={{ color: \"#0047ca\" }}>\r\n                              {currencyExchangeRates.data.euroAmount}\r\n                            </div>\r\n                          ) : currencyExchangeRates.data.usdAmount ? (\r\n                            <div style={{ color: \"#0047ca\" }}>\r\n                              {currencyExchangeRates.data.usdAmount}\r\n                            </div>\r\n                          ) : null}\r\n                        </div>\r\n                        {currencyExchangeRates.data.tlAmount && (\r\n                          <div style={{ marginTop: \"10px\" }}>\r\n                            <div style={{ color: \"#0047ca\" }}>\r\n                              {currencyExchangeRates.data.tlAmount}\r\n                            </div>\r\n                          </div>\r\n                        )}\r\n\r\n                        <div style={{ marginTop: \"5px\" }}>\r\n                          {isUseB2BViewCurrencyExchangeRate ? (\r\n                            <div style={{ color: \"#0047ca\" }}>\r\n                              {\"USD Kur : \" +\r\n                                ColumnHelper.renderDecimal(\r\n                                  viewCurrencyExchangeRates.data?.usd\r\n                                )}\r\n                            </div>\r\n                          ) : null}\r\n                        </div>\r\n                        <div style={{ marginTop: \"5px\" }}>\r\n                          {isUseB2BViewCurrencyExchangeRate ? (\r\n                            <div style={{ color: \"#0047ca\" }}>\r\n                              {\"EURO Kur : \" +\r\n                                ColumnHelper.renderDecimal(\r\n                                  viewCurrencyExchangeRates.data?.euro\r\n                                )}\r\n                            </div>\r\n                          ) : null}\r\n                        </div>\r\n                      </Form.Item>\r\n                    </Col>\r\n\r\n                    <Col xs={24} lg={6}>\r\n                      <Form.Item\r\n                        label=\"Para Birimi\"\r\n                        name=\"currencyCode\"\r\n                        initialValue={currencyCodes[0]}\r\n                      >\r\n                        <Select\r\n                          onChange={(value) => {\r\n                            setActiveCurrency(value);\r\n                          }}\r\n                        >\r\n                          {currencyCodes.map((currencyCode) => (\r\n                            <Select.Option\r\n                              key={currencyCode}\r\n                              value={currencyCode}\r\n                            >\r\n                              {currencyCode}\r\n                            </Select.Option>\r\n                          ))}\r\n                        </Select>\r\n                      </Form.Item>\r\n                    </Col>\r\n                  </Row>\r\n\r\n                  {isExternalPaymentFormProvider &&\r\n                    commissionOptions.data.posCollectionDescription && (\r\n                      <Row\r\n                        id=\"descriptionArea\"\r\n                        style={{ marginBottom: 12 }}\r\n                        justify=\"center\"\r\n                      >\r\n                        <Col xs={24} lg={12}>\r\n                          <div\r\n                            dangerouslySetInnerHTML={{\r\n                              __html:\r\n                                commissionOptions.data.posCollectionDescription,\r\n                            }}\r\n                          />\r\n                        </Col>\r\n                      </Row>\r\n                    )}\r\n\r\n                  {!isExternalPaymentFormProvider && (\r\n                    <>\r\n                      <Row justify=\"center\">\r\n                        <Col xs={24}>\r\n                          <PosSelectableInstallmentTable\r\n                            key={JSON.stringify(commissionOptions.data)}\r\n                            data={commissionOptions.data}\r\n                            amount={activeAmount}\r\n                            loading={commissionOptions.loading}\r\n                            onChange={onChangeRadio}\r\n                            radioValue={radioValue}\r\n                            filePath={b2bFilePath}\r\n                            campaignButtonVisibility={\r\n                              tenantScreenSettings.b2BShowCampaignButton\r\n                            }\r\n                          />\r\n                        </Col>\r\n                      </Row>\r\n\r\n                      {commissionOptions.data.posCollectionDescription && (\r\n                        <Row\r\n                          id=\"descriptionArea\"\r\n                          style={{ marginBottom: 12 }}\r\n                          justify=\"center\"\r\n                        >\r\n                          <Col xs={24} lg={12}>\r\n                            <div\r\n                              dangerouslySetInnerHTML={{\r\n                                __html:\r\n                                  commissionOptions.data\r\n                                    .posCollectionDescription,\r\n                              }}\r\n                            />\r\n                          </Col>\r\n                        </Row>\r\n                      )}\r\n\r\n                      <Divider>Kart Bilgileri</Divider>\r\n\r\n                      <Row justify=\"center\">\r\n                        <Col xs={24} lg={12}>\r\n                          <Form.Item\r\n                            label=\"Kart Üzerindeki İsim\"\r\n                            name=\"holderName\"\r\n                            rules={[{ required: true }]}\r\n                          >\r\n                            <Input placeholder=\"Ad Soyad\" />\r\n                          </Form.Item>\r\n                        </Col>\r\n                      </Row>\r\n\r\n                      <Row justify=\"center\">\r\n                        <Col xs={24} lg={12}>\r\n                          <Form.Item\r\n                            label=\"Kart Numarası\"\r\n                            name=\"cardNumber\"\r\n                            valuePropName=\"rawValue\"\r\n                            rules={[\r\n                              { required: true },\r\n                              {\r\n                                min: 15,\r\n                                max: 16,\r\n                              },\r\n                            ]}\r\n                          >\r\n                            <Cleave\r\n                              className=\"ant-input\"\r\n                              placeholder=\"0000 0000 0000 0000\"\r\n                              options={{\r\n                                creditCard: true,\r\n                                onCreditCardTypeChanged: (type) =>\r\n                                  setCreditCardType(type),\r\n                              }}\r\n                              onChange={handleCardNumberChange}\r\n                            />\r\n                          </Form.Item>\r\n                        </Col>\r\n                      </Row>\r\n\r\n                      <Row justify=\"center\">\r\n                        <Col xs={24} lg={6}>\r\n                          <Form.Item\r\n                            label=\"Son Kullanma Tarihi\"\r\n                            name=\"expiration\"\r\n                            rules={[{ required: true }]}\r\n                          >\r\n                            <Cleave\r\n                              className=\"ant-input\"\r\n                              placeholder=\"AA/YY\"\r\n                              options={{\r\n                                date: true,\r\n                                datePattern: [\"m\", \"y\"],\r\n                              }}\r\n                            />\r\n                          </Form.Item>\r\n                        </Col>\r\n\r\n                        <Col xs={24} lg={6}>\r\n                          <Form.Item\r\n                            label=\"Güvenlik Kodu\"\r\n                            name=\"cvv\"\r\n                            rules={[{ required: true }]}\r\n                          >\r\n                            <Cleave\r\n                              className=\"ant-input\"\r\n                              placeholder=\"CVV\"\r\n                              options={{\r\n                                blocks: [4],\r\n                                numericOnly: true,\r\n                              }}\r\n                              type=\"password\"\r\n                            />\r\n                          </Form.Item>\r\n                        </Col>\r\n                      </Row>\r\n                    </>\r\n                  )}\r\n                </>\r\n\r\n                <Divider>Müşteri Bilgileri</Divider>\r\n\r\n                <Row justify=\"center\">\r\n                  {tenantScreenSettings.b2BCustomerInformationVisibility && (\r\n                    <Col\r\n                      xs={\r\n                        tenantScreenSettings.b2BMobilePhoneVisibility ? 12 : 24\r\n                      }\r\n                      lg={\r\n                        tenantScreenSettings.b2BMobilePhoneVisibility ? 6 : 12\r\n                      }\r\n                    >\r\n                      <Form.Item\r\n                        label=\"Müşteri Bilgisi\"\r\n                        name=\"customerInformation\"\r\n                        rules={[\r\n                          {\r\n                            required:\r\n                              tenantScreenSettings.b2BCustomerInformationVisibility\r\n                                ? true\r\n                                : false,\r\n                          },\r\n                        ]}\r\n                      >\r\n                        <Input placeholder=\"Müşteri Bilgisi\" />\r\n                      </Form.Item>\r\n                    </Col>\r\n                  )}\r\n\r\n                  <Col\r\n                    xs={12}\r\n                    lg={6}\r\n                    hidden={!tenantScreenSettings.b2BMobilePhoneVisibility}\r\n                  >\r\n                    <Form.Item\r\n                      label=\"Cep Numarası\"\r\n                      name=\"MobilePhone\"\r\n                      rules={[\r\n                        {\r\n                          required:\r\n                            tenantScreenSettings.b2BMobilePhoneVisibility\r\n                              ? true\r\n                              : false,\r\n                          min: 12,\r\n                          message: \"Telefon numarasını eksiksiz giriniz.\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <PhoneInput\r\n                        inputStyle={{ width: \"100%\" }}\r\n                        country=\"tr\"\r\n                        masks={{ tr: \"(...) ...-..-..\" }}\r\n                      />\r\n                    </Form.Item>\r\n                  </Col>\r\n                </Row>\r\n\r\n                {useAdditionalInformation ||\r\n                b2BIsUseAdditionalFieldForPolicy ? (\r\n                  <>\r\n                    <Row justify=\"center\">\r\n                      <Col xs={9} lg={6}>\r\n                        <Form.Item\r\n                          label=\"TC Kimlik Numarası\"\r\n                          name=\"tckn\"\r\n                          rules={[\r\n                            {\r\n                              required: true,\r\n                              min: 11,\r\n                              message:\r\n                                \"TC Kimlik Numarası 11 Karakter Olmalıdır.\",\r\n                            },\r\n                          ]}\r\n                        >\r\n                          <Input\r\n                            placeholder=\"TC Kimlik Numarası\"\r\n                            type=\"number\"\r\n                            onKeyDown={(evt) =>\r\n                              evt.key === \"e\" && evt.preventDefault()\r\n                            }\r\n                            maxLength=\"11\"\r\n                            onInput={maxLengthCheck}\r\n                          />\r\n                        </Form.Item>\r\n                      </Col>\r\n\r\n                      {useAdditionalInformation && (\r\n                        <Col xs={15} lg={6}>\r\n                          <Form.Item\r\n                            label=\"Sözleşme Numarası\"\r\n                            name=\"contractNumber\"\r\n                            rules={[\r\n                              {\r\n                                required: true,\r\n                                min: 6,\r\n                                message:\r\n                                  \"Sözleşme numarası 6 Karakter Olmalıdır.\",\r\n                              },\r\n                            ]}\r\n                          >\r\n                            <Input\r\n                              placeholder=\"Sözleşme Numarası\"\r\n                              type=\"number\"\r\n                              maxLength=\"6\"\r\n                              onInput={handleNumberInput}\r\n                            />\r\n                          </Form.Item>\r\n                        </Col>\r\n                      )}\r\n\r\n                      {b2BIsUseAdditionalFieldForPolicy && (\r\n                        <Col xs={15} lg={6}>\r\n                          <Form.Item\r\n                            label=\"Poliçe Numarası\"\r\n                            name=\"contractNumber\"\r\n                            rules={[{ required: true, max: 50 }]}\r\n                          >\r\n                            <Input placeholder=\"Poliçe Numarası\" />\r\n                          </Form.Item>\r\n                        </Col>\r\n                      )}\r\n                    </Row>\r\n                    {b2BIsUseAdditionalFieldForPolicy && (\r\n                      <Row justify=\"center\">\r\n                        <Col xs={9} lg={6}>\r\n                          <Form.Item\r\n                            label=\"Poliçe Tanzim Tarihi\"\r\n                            name=\"policyDate\"\r\n                            rules={[{ required: true }]}\r\n                          >\r\n                            <DatePicker\r\n                              format=\"DD.MM.YYYY\"\r\n                              style={{ width: \"100%\" }}\r\n                            />\r\n                          </Form.Item>\r\n                        </Col>\r\n                        <Col xs={15} lg={6}></Col>\r\n                      </Row>\r\n                    )}\r\n\r\n                    {useAdditionalInformation && (\r\n                      <>\r\n                        {\" \"}\r\n                        <Row justify=\"center\">\r\n                          <Col xs={15} lg={6}>\r\n                            <Form.Item\r\n                              label=\"Şube Adı\"\r\n                              name=\"branchCode\"\r\n                              rules={[{ required: true }]}\r\n                            >\r\n                              <Input\r\n                                placeholder=\"Şube Adı\"\r\n                                maxLength=\"50\"\r\n                                onInput={maxLengthCheck}\r\n                              />\r\n                            </Form.Item>\r\n                          </Col>\r\n                          <Col xs={9} lg={6}>\r\n                            <Form.Item label=\"Ek Alan\" name=\"memberNumber\">\r\n                              <Input placeholder=\"Ek Alan\" />\r\n                            </Form.Item>\r\n                          </Col>\r\n                        </Row>\r\n                        <Row justify=\"center\">\r\n                          <Col xs={15} lg={6}>\r\n                            <Form.Item\r\n                              label=\"Ödeme Şekli\"\r\n                              name=\"paymentMethod\"\r\n                              rules={[\r\n                                {\r\n                                  required: true,\r\n                                },\r\n                              ]}\r\n                            >\r\n                              <Select\r\n                                allowClear\r\n                                placeholder=\"Ödeme Şekli\"\r\n                                onChange={(value, option) => {\r\n                                  setSelectedPaymentMethod(option);\r\n                                }}\r\n                              >\r\n                                {paymentMethodList.data.map((item) => (\r\n                                  <Select.Option\r\n                                    key={item.id}\r\n                                    value={item.id}\r\n                                    name={item.name}\r\n                                    paymentSetId={item.paymentSetId}\r\n                                  >\r\n                                    {`${item.name}`}\r\n                                  </Select.Option>\r\n                                ))}\r\n                              </Select>\r\n                            </Form.Item>\r\n                          </Col>\r\n                          <Col xs={9} lg={6}></Col>\r\n                        </Row>{\" \"}\r\n                      </>\r\n                    )}\r\n                  </>\r\n                ) : tenantScreenSettings.b2BTcknVisibility ? (\r\n                  // useAdditionalInformation false ve tenantScreenSettings.b2BTcknVisibility true olduğunda sadece TCKN göster\r\n                  <>\r\n                    <Row justify=\"center\">\r\n                      <Col xs={12} lg={6}>\r\n                        <Form.Item\r\n                          label=\"TC Kimlik Numarası\"\r\n                          name=\"tckn\"\r\n                          rules={[\r\n                            {\r\n                              min: 11,\r\n                              message:\r\n                                \"TC Kimlik Numarası 11 Karakter Olmalıdır.\",\r\n                            },\r\n                          ]}\r\n                        >\r\n                          <Input\r\n                            placeholder=\"TC Kimlik Numarası\"\r\n                            type=\"number\"\r\n                            onKeyDown={(evt) =>\r\n                              evt.key === \"e\" && evt.preventDefault()\r\n                            }\r\n                            maxLength=\"11\"\r\n                            onInput={maxLengthCheck}\r\n                          />\r\n                        </Form.Item>\r\n                      </Col>\r\n                      <Col xs={12} lg={6}></Col>\r\n                    </Row>\r\n                  </>\r\n                ) : null}\r\n                <Row justify=\"center\">\r\n                  <Col xs={24} lg={6}>\r\n                    <Form.Item\r\n                      label=\"Email\"\r\n                      name=\"email\"\r\n                      hidden={isPaymentWithParams}\r\n                      rules={[{ required: emailRequired, type: \"email\" }]}\r\n                    >\r\n                      <Input />\r\n                    </Form.Item>\r\n                  </Col>\r\n\r\n                  <Col xs={24} lg={6}>\r\n                    <Form.Item\r\n                      label=\"Açıklama\"\r\n                      name=\"description\"\r\n                      rules={[{ required: isPaymentWithParams ? false : true }]}\r\n                      hidden={isPaymentWithParams}\r\n                    >\r\n                      <TextArea rows={4} />\r\n                    </Form.Item>\r\n                  </Col>\r\n                </Row>\r\n\r\n                <PosCollectionAmountSummary\r\n                  payableAmount={payableAmount}\r\n                  activeAmount={activeAmount}\r\n                  commissionRate={activeCommissionRate}\r\n                />\r\n\r\n                <Row justify=\"center\">\r\n                  <Col xs={24} lg={8}>\r\n                    <Form.Item\r\n                      name=\"agreement\"\r\n                      valuePropName=\"checked\"\r\n                      rules={[\r\n                        {\r\n                          required: true,\r\n                          message: \"Sözleşmeleri kabul etmeniz gerekmektedir.\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Checkbox>\r\n                        <a href={confidentialAgreement} target=\"_blank\">\r\n                          Gizlilik\r\n                        </a>{\" \"}\r\n                        ve{\" \"}\r\n                        <a href={salesAgreement} target=\"_blank\">\r\n                          Tüketici Hakları\r\n                        </a>{\" \"}\r\n                        sözleşmelerini okudum, onaylıyorum.\r\n                      </Checkbox>\r\n                    </Form.Item>\r\n                  </Col>\r\n\r\n                  <Col xs={24} lg={4} style={{ textAlign: \"right\" }}>\r\n                    <Button\r\n                      type=\"primary\"\r\n                      htmlType=\"submit\"\r\n                      onClick={() => setLoading(true)}\r\n                      loading={loading}\r\n                    >\r\n                      {payableAmount > 0\r\n                        ? `(${ColumnHelper.renderDecimal(payableAmount)}) `\r\n                        : undefined}\r\n                      Öde\r\n                    </Button>\r\n                  </Col>\r\n                </Row>\r\n              </Form>\r\n            ) : (\r\n              \"Firmanızın tanımlı bir ödeme sağlayıcısı bulunmuyor.\"\r\n            )}\r\n          </Card>\r\n          {!usePosCommissionTable &&\r\n            !commissionOptions.loading &&\r\n            !commissionOptions.data.isSelectableInstallmentTable &&\r\n            commissionOptions.data.commissions.length > 0 && (\r\n              <PosCommissionTable\r\n                data={commissionOptions.data}\r\n                amount={activeAmount}\r\n                loading={commissionOptions.loading}\r\n              />\r\n            )}\r\n\r\n          {usePosCommissionTable &&\r\n            tenantScreenSettings.b2BShowInstallmentOptionsOnBinCheck && (\r\n              <PosCommissionTable\r\n                data={commissionOptionsForBinCheckUsage.data}\r\n                amount={activeAmount}\r\n                loading={commissionOptionsForBinCheckUsage.loading}\r\n              />\r\n            )}\r\n          <Footer>\r\n            <div className=\"gx-layout-footer-content\">\r\n              {Screen.screen === 0 ? (\r\n                <>\r\n                  <span>{footerText}</span>\r\n                  <img\r\n                    src={require(\"../assets/images/paymentSymbols.png\")}\r\n                    alt=\"PaymentSymbols\"\r\n                    title=\"PaymentSymbols\"\r\n                    style={{\r\n                      width: \"100%\",\r\n                      maxWidth: \"450px\",\r\n                      marginLeft: \"500px\",\r\n                    }}\r\n                  />\r\n                </>\r\n              ) : null}\r\n            </div>\r\n          </Footer>\r\n        </Col>\r\n      </Row>\r\n\r\n      <Modal\r\n        id=\"paymentModal\"\r\n        centered\r\n        visible={paymentModal.visible}\r\n        onCancel={() => {\r\n          if (isPaymentWithParams) {\r\n            afterPayment();\r\n          }\r\n          setPaymentModal({ ...paymentModal, visible: false });\r\n        }}\r\n        destroyOnClose={false}\r\n        maskClosable={false}\r\n        keyboard={false}\r\n        width={600}\r\n        footer={null}\r\n      >\r\n        {ozanIframe ? (\r\n          <iframe\r\n            id=\"paymentFrame\"\r\n            ref={iframeRef}\r\n            style={{ width: \"100%\", border: 0 }}\r\n            src={paymentModal.source}\r\n            scrolling=\"auto\"\r\n            onLoad={() => {\r\n              const iframe = iframeRef.current;\r\n              iframe.style.height = iframe.scrollWidth + 150 + \"px\";\r\n            }}\r\n          />\r\n        ) : (\r\n          <iframe\r\n            id=\"paymentFrame\"\r\n            ref={iframeRef}\r\n            style={{ width: \"100%\", border: 0 }}\r\n            srcDoc={paymentModal.source}\r\n            sandbox=\"allow-same-origin allow-scripts allow-forms allow-popups\"\r\n            scrolling=\"auto\"\r\n            onLoad={() => {\r\n              const iframe = iframeRef.current;\r\n              iframe.style.height = iframe.scrollWidth + 150 + \"px\";\r\n            }}\r\n          />\r\n        )}\r\n      </Modal>\r\n    </>\r\n  );\r\n};\r\nexport default ConstantPaymentPage;\r\n","import React, {useEffect} from \"react\";\r\nimport {Button, Checkbox, Form, Input} from \"antd\";\r\nimport {Link} from \"react-router-dom\";\r\n\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\nimport {userSignUp} from \"../appRedux/actions/Auth\";\r\n\r\nimport IntlMessages from \"util/IntlMessages\";\r\nimport InfoView from \"components/InfoView\";\r\n\r\nconst FormItem = Form.Item;\r\n\r\nconst SignUp = (props) => {\r\n\r\n  const dispatch = useDispatch();\r\n  const token = useSelector(({auth}) => auth.token);\r\n\r\n  const onFinishFailed = errorInfo => {\r\n  };\r\n\r\n  const onFinish = values => {\r\n    dispatch(userSignUp(values));\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (token !== null) {\r\n      props.history.push('/');\r\n    }\r\n  });\r\n\r\n  return (\r\n    <div className=\"gx-app-login-wrap\">\r\n      <div className=\"gx-app-login-container\">\r\n        <div className=\"gx-app-login-main-content\">\r\n          <div className=\"gx-app-logo-content\">\r\n            <div className=\"gx-app-logo-content-bg\">\r\n              <img src='https://via.placeholder.com/272x395' alt='Neature'/>\r\n            </div>\r\n            <div className=\"gx-app-logo-wid\">\r\n              <h1><IntlMessages id=\"app.userAuth.signUp\"/></h1>\r\n              <p><IntlMessages id=\"app.userAuth.bySigning\"/></p>\r\n              <p><IntlMessages id=\"app.userAuth.getAccount\"/></p>\r\n            </div>\r\n            <div className=\"gx-app-logo\">\r\n              <img alt=\"example\" src={require(\"assets/images/logo.png\")}/>\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"gx-app-login-content\">\r\n            <Form\r\n              initialValues={{ remember: true }}\r\n              name=\"basic\"\r\n              onFinish={onFinish}\r\n              onFinishFailed={onFinishFailed}\r\n              className=\"gx-signin-form gx-form-row0\">\r\n              <FormItem rules={[{required: true, message: 'Please input your username!'}]} name=\"Username\">\r\n                <Input placeholder=\"Username\"/>\r\n              </FormItem>\r\n\r\n              <FormItem name=\"email\" rules={[{\r\n                required: true, type: 'email', message: 'The input is not valid E-mail!',\r\n              }]}>\r\n                <Input placeholder=\"Email\"/>\r\n              </FormItem>\r\n              <FormItem name=\"password\"\r\n                        rules={[{required: true, message: 'Please input your Password!'}]}>\r\n                <Input type=\"password\" placeholder=\"Password\"/>\r\n              </FormItem>\r\n              <FormItem  name=\"remember\" valuePropName=\"checked\">\r\n                <Checkbox>Remember me</Checkbox>\r\n                <Link className=\"gx-login-form-forgot\" to=\"/custom-views/user-auth/forgot-password\">Forgot password</Link>\r\n              </FormItem>\r\n              <FormItem>\r\n                <Button type=\"primary\" className=\"gx-mb-0\" htmlType=\"submit\">\r\n                  <IntlMessages id=\"app.userAuth.signUp\"/>\r\n                </Button>\r\n                <span><IntlMessages id=\"app.userAuth.or\"/></span> <Link to=\"/signin\"><IntlMessages\r\n                id=\"app.userAuth.signIn\"/></Link>\r\n              </FormItem>\r\n            </Form>\r\n          </div>\r\n          <InfoView/>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SignUp;\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport { Button, Form, Row, Col, Input, notification, Select } from \"antd\";\r\nimport { Link, useLocation } from \"react-router-dom\";\r\nimport { useSelector } from \"react-redux\";\r\nimport RequestHandler from \"../util/RequestHandler\";\r\nimport RegisterPic from \"../assets/images/bg_lead_request.png\";\r\nimport ParaticPhoneInput from \"../routes/Forms/Helper/ParaticPhoneInput\";\r\n\r\nconst LeadRequest = (props) => {\r\n  const location = useLocation();\r\n  const [registerLoading, setRegisterLoading] = useState(false);\r\n  const params = new URLSearchParams(location.search);\r\n  const [form] = Form.useForm();\r\n  const [utmSource, setUtmSource] = useState(\"\");\r\n  const [utmCampaign, setUtmCampaign] = useState(\"\");\r\n  const openNotificationRegister = (type, description) => {\r\n    notification[type]({\r\n      message: \"BAŞARILI\",\r\n      description: description,\r\n      duration: 5,\r\n    });\r\n  };\r\n  const [screenSize, setScreenSize] = useState(window.innerWidth);\r\n\r\n  useEffect(() => {\r\n    const handleResize = () => setScreenSize(window.innerWidth);\r\n    window.addEventListener(\"resize\", handleResize);\r\n    return () => window.removeEventListener(\"resize\", handleResize);\r\n  }, []);\r\n\r\n  const getBackgroundStyle = () => {\r\n    if (screenSize < 768) {\r\n      return { backgroundImage: \"none\" };\r\n    } else if (screenSize >= 768 && screenSize < 1024) {\r\n      return {\r\n        backgroundImage: `url(${RegisterPic})`,\r\n        backgroundSize: \"contain\", // Tabletlerde tam sığdır\r\n        backgroundPosition: \"center\", // Ortala\r\n        backgroundRepeat: \"no-repeat\",\r\n      };\r\n    } else {\r\n      return {\r\n        backgroundImage: `url(${RegisterPic})`,\r\n        backgroundSize: \"cover\", // Büyük ekranlarda kapla\r\n        backgroundPosition: \"center\",\r\n        height: \"100%\",\r\n        width: \"100%\",\r\n      };\r\n    }\r\n  };\r\n\r\n  const handleRegister = (values) => {\r\n    setRegisterLoading(true);\r\n    RequestHandler.post(\r\n      `/WebSite/LeadRequestAdd`,\r\n      {\r\n        email: values.registerEmail,\r\n        tenantName: values.companyName,\r\n        name: values.firstName,\r\n        surName: values.lastName,\r\n        phone: values.phone?.slice(2),\r\n        utmSource: utmSource,\r\n        utmCampaign: utmCampaign,\r\n        annualIncome: values.annualIncome,\r\n      },\r\n      false\r\n    ).then((response) => {\r\n      setRegisterLoading(false);\r\n      if (response.success) {\r\n        form.resetFields();\r\n        openNotificationRegister(\r\n          \"success\",\r\n          \"Talebiniz başarıyla oluşturuldu. Ekibimiz en kısa zamanda sizinle iletişime geçecektir.\"\r\n        );\r\n      }\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    const utmSource = params.get(\"utm_source\");\r\n    const utmMedium = params.get(\"utm_medium\");\r\n    const utmCampaign = params.get(\"utm_campaign\");\r\n\r\n    if (utmSource && utmCampaign) {\r\n      setUtmSource(utmSource);\r\n      setUtmCampaign(utmCampaign);\r\n    }\r\n    // Google Analytics'e UTM parametrelerini gönder\r\n    if (\r\n      utmSource &&\r\n      utmMedium &&\r\n      utmCampaign &&\r\n      typeof window.gtag === \"function\"\r\n    ) {\r\n      window.gtag(\"event\", \"sign_in\", {\r\n        event_category: \"utm_campaign\",\r\n        event_label: `${utmSource} - ${utmMedium} - ${utmCampaign}`,\r\n      });\r\n    }\r\n  }, [location.search]);\r\n\r\n  return (\r\n    <div className=\"flex h-screen w-full\" style={getBackgroundStyle()}>\r\n      <Col xs={24} md={24} lg={24}>\r\n        <Row>\r\n          {/* Resim - Orijinal halinde kalıyor */}\r\n          <Col xs={0} md={12} lg={12}>\r\n            {/* <div\r\n              style={{\r\n                width: \"100%\",\r\n                height: \"100%\",\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n                alignItems: \"center\",\r\n              }}\r\n            >\r\n              <img\r\n                src={RegisterPic}\r\n                alt=\"Tahsilite\"\r\n                style={{\r\n                  width: \"100%\",\r\n                  height: \"100%\",\r\n                  objectFit: \"inherit\",\r\n                }}\r\n              />\r\n            </div> */}\r\n          </Col>\r\n\r\n          {/* Kayıt Formu */}\r\n          <Col\r\n            xs={24}\r\n            md={12}\r\n            lg={12}\r\n            style={{\r\n              display: \"flex\",\r\n              alignItems: \"center\",\r\n              justifyContent: \"center\",\r\n              marginTop: \"5%\",\r\n            }}\r\n          >\r\n            <div\r\n              className=\"gx-register-container\"\r\n              style={{ width: \"100%\", position: \"relative\" }}\r\n            >\r\n              <Col xs={24} md={24} lg={24}>\r\n                <div className=\"gx-login-content\">\r\n                  <div className=\"gx-login-header gx-text-left\">\r\n                    {/* <h1 className=\"gx-login-title\">\r\n                      <img\r\n                        src={LoginPic} // Burada istediğiniz resmi kullanın\r\n                        alt=\"Tahsilite\"\r\n                        style={{\r\n                          width: \"60%\",\r\n                          marginRight: \"3%\",\r\n                        }}\r\n                      />\r\n                    </h1> */}\r\n                  </div>\r\n                  <Form\r\n                    name=\"register\"\r\n                    className=\"gx-register-form\"\r\n                    onFinish={handleRegister}\r\n                    form={form}\r\n                  >\r\n                    <p\r\n                      style={{\r\n                        fontWeight: \"bold\",\r\n                        fontSize: \"large\",\r\n                        fontFamily: \"sans-serif\",\r\n                        color: \"#070707\",\r\n                      }}\r\n                    >\r\n                      Temel bilgilerle başlayalım{\" \"}\r\n                    </p>\r\n                    <p style={{ fontFamily: \"sans-serif\", color: \"#070707\" }}>\r\n                      Sadece birkaç kısa ayrıntıya ihtiyacımız var\r\n                    </p>\r\n\r\n                    <Form.Item\r\n                      name=\"firstName\"\r\n                      rules={[{ required: true, message: \"Ad zorunludur!\" }]}\r\n                    >\r\n                      <Input placeholder=\"Ad\" />\r\n                    </Form.Item>\r\n                    <Form.Item\r\n                      name=\"lastName\"\r\n                      rules={[{ required: true, message: \"Soyad zorunludur!\" }]}\r\n                    >\r\n                      <Input placeholder=\"Soyad\" />\r\n                    </Form.Item>\r\n                    <Form.Item\r\n                      name=\"companyName\"\r\n                      rules={[\r\n                        { required: true, message: \"Firma Unvanı zorunludur!\" },\r\n                      ]}\r\n                    >\r\n                      <Input placeholder=\"Firma Unvanı\" />\r\n                    </Form.Item>\r\n                    <Form.Item\r\n                      name=\"phone\"\r\n                      rules={[\r\n                        {\r\n                          required: true,\r\n                          message: \"Telefon Numarası zorunludur!\",\r\n                          min: 10,\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <ParaticPhoneInput />\r\n                    </Form.Item>\r\n                    <Form.Item\r\n                      name=\"registerEmail\"\r\n                      rules={[\r\n                        {\r\n                          required: true,\r\n                          message: \"Email doğru formatta olmalıdır!\",\r\n                          type: \"email\",\r\n                        },\r\n                      ]}\r\n                    >\r\n                      <Input placeholder=\"Email\" autoComplete=\"off\" />\r\n                    </Form.Item>\r\n\r\n                    <Form.Item\r\n                      name=\"annualIncome\"\r\n                      placeholder=\"Yıllık geliriniz nedir?\"\r\n                    >\r\n                      <Select\r\n                        id=\"annualIncome\"\r\n                        size=\"middle\"\r\n                        placeholder=\"Yıllık geliriniz nedir?\"\r\n                        style={{ width: \"100%\" }}\r\n                      >\r\n                        <Select.Option key={0} value={0}>\r\n                          Yok,yeni başlıyorum\r\n                        </Select.Option>\r\n                        <Select.Option key={1} value={1}>\r\n                          100.000 TRY'den az\r\n                        </Select.Option>\r\n                        <Select.Option key={2} value={2}>\r\n                          100.000 TRY ile 600.000 TRY arası\r\n                        </Select.Option>\r\n                        <Select.Option key={3} value={3}>\r\n                          600.000 TRY ile 1.000.000 TRY arası\r\n                        </Select.Option>\r\n                        <Select.Option key={4} value={4}>\r\n                          1.000.000 TRY'den fazla\r\n                        </Select.Option>\r\n                      </Select>\r\n                    </Form.Item>\r\n\r\n                    <Row style={{ justifyContent: \"flex-end\" }}>\r\n                      <Form.Item>\r\n                        <Button\r\n                          type=\"primary\"\r\n                          htmlType=\"submit\"\r\n                          loading={registerLoading}\r\n                        >\r\n                          Talep Oluştur\r\n                        </Button>\r\n                      </Form.Item>\r\n                    </Row>\r\n                  </Form>\r\n                </div>\r\n              </Col>\r\n            </div>\r\n          </Col>\r\n        </Row>\r\n      </Col>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default LeadRequest;\r\n","import React, { memo, useEffect } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport URLSearchParams from \"url-search-params\";\r\nimport {\r\n  Redirect,\r\n  Route,\r\n  Switch,\r\n  useHistory,\r\n  useLocation,\r\n  useRouteMatch,\r\n} from \"react-router-dom\";\r\nimport { ConfigProvider } from \"antd\";\r\nimport { IntlProvider } from \"react-intl\";\r\n\r\nimport AppLocale from \"lngProvider\";\r\nimport MainApp from \"./MainApp\";\r\nimport SignIn from \"../SignIn\";\r\nimport PaymentPage from \"../PaymentPage\";\r\nimport ConstantPaymentPage from \"../ConstantPaymentPage\";\r\nimport SignUp from \"../SignUp\";\r\nimport ForgetPassword from \"../ForgetPasswod\";\r\nimport ResetPassword from \"../ResetPassword\";\r\nimport CreateNewPassword from \"../NewPassword\";\r\nimport { setInitUrl } from \"appRedux/actions/Auth\";\r\nimport {\r\n  onLayoutTypeChange,\r\n  onNavStyleChange,\r\n  setThemeType,\r\n} from \"appRedux/actions/Setting\";\r\n\r\nimport {\r\n  LAYOUT_TYPE_BOXED,\r\n  LAYOUT_TYPE_FRAMED,\r\n  LAYOUT_TYPE_FULL,\r\n  NAV_STYLE_ABOVE_HEADER,\r\n  NAV_STYLE_BELOW_HEADER,\r\n  NAV_STYLE_DARK_HORIZONTAL,\r\n  NAV_STYLE_DEFAULT_HORIZONTAL,\r\n  NAV_STYLE_INSIDE_HEADER_HORIZONTAL,\r\n} from \"../../constants/ThemeSetting\";\r\nimport \"moment/locale/tr\";\r\nimport localetr from \"antd/lib/locale/tr_TR\";\r\nimport LeadRequest from \"../LeadRequest\";\r\n\r\nconst RestrictedRoute = ({\r\n  component: Component,\r\n  location,\r\n  token,\r\n  ...rest\r\n}) => {\r\n  return (\r\n    <Route\r\n      {...rest}\r\n      render={(props) =>\r\n        token ? (\r\n          <Component {...props} />\r\n        ) : (\r\n          <Redirect\r\n            to={{\r\n              pathname: `/lead-request`,\r\n              state: { from: location },\r\n            }}\r\n          />\r\n        )\r\n      }\r\n    />\r\n  );\r\n};\r\n\r\nconst App = () => {\r\n  const dispatch = useDispatch();\r\n  const { locale, navStyle, layoutType } = useSelector(\r\n    ({ settings }) => settings\r\n  );\r\n  const { token, initURL } = useSelector(({ auth }) => auth);\r\n\r\n  const location = useLocation();\r\n  const history = useHistory();\r\n  const match = useRouteMatch();\r\n\r\n  useEffect(() => {\r\n    if (initURL === \"\") {\r\n      dispatch(setInitUrl(location.pathname));\r\n    }\r\n    const params = new URLSearchParams(location.search);\r\n\r\n    if (params.has(\"theme\")) {\r\n      dispatch(setThemeType(params.get(\"theme\")));\r\n    }\r\n    if (params.has(\"nav-style\")) {\r\n      dispatch(onNavStyleChange(params.get(\"nav-style\")));\r\n    }\r\n    if (params.has(\"layout-type\")) {\r\n      dispatch(onLayoutTypeChange(params.get(\"layout-type\")));\r\n    }\r\n    setLayoutType(layoutType);\r\n    setNavStyle(navStyle);\r\n  }, [\r\n    dispatch,\r\n    initURL,\r\n    layoutType,\r\n    location.pathname,\r\n    location.search,\r\n    navStyle,\r\n  ]);\r\n\r\n  const setLayoutType = (layoutType) => {\r\n    if (layoutType === LAYOUT_TYPE_FULL) {\r\n      document.body.classList.remove(\"boxed-layout\");\r\n      document.body.classList.remove(\"framed-layout\");\r\n      document.body.classList.add(\"full-layout\");\r\n    } else if (layoutType === LAYOUT_TYPE_BOXED) {\r\n      document.body.classList.remove(\"full-layout\");\r\n      document.body.classList.remove(\"framed-layout\");\r\n      document.body.classList.add(\"boxed-layout\");\r\n    } else if (layoutType === LAYOUT_TYPE_FRAMED) {\r\n      document.body.classList.remove(\"boxed-layout\");\r\n      document.body.classList.remove(\"full-layout\");\r\n      document.body.classList.add(\"framed-layout\");\r\n    }\r\n  };\r\n\r\n  const setNavStyle = (navStyle) => {\r\n    if (\r\n      navStyle === NAV_STYLE_DEFAULT_HORIZONTAL ||\r\n      navStyle === NAV_STYLE_DARK_HORIZONTAL ||\r\n      navStyle === NAV_STYLE_INSIDE_HEADER_HORIZONTAL ||\r\n      navStyle === NAV_STYLE_ABOVE_HEADER ||\r\n      navStyle === NAV_STYLE_BELOW_HEADER\r\n    ) {\r\n      document.body.classList.add(\"full-scroll\");\r\n      document.body.classList.add(\"horizontal-layout\");\r\n    } else {\r\n      document.body.classList.remove(\"full-scroll\");\r\n      document.body.classList.remove(\"horizontal-layout\");\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (location.pathname === \"/\") {\r\n      if (token === null) {\r\n        history.push(\"/lead-request\");\r\n      } else if (initURL === \"\" || initURL === \"/\" || initURL === \"/signin\") {\r\n        history.push(\"/lead-request\");\r\n      } else {\r\n        history.push(initURL);\r\n      }\r\n    }\r\n  }, [token, initURL, location, history]);\r\n\r\n  useEffect(() => {\r\n    fetch(\"meta.json\").then(async (response) => {\r\n      const data = await response.json();\r\n      const currentVersion = document.cookie.replace(\r\n        /(?:(?:^|.*;\\s*)_v\\s*\\=\\s*([^;]*).*$)|^.*$/,\r\n        \"$1\"\r\n      );\r\n\r\n      if (currentVersion !== data.version) {\r\n        const versionCookie = `_v=${data.version}; path=/;`;\r\n        document.cookie = versionCookie;\r\n\r\n        if (\"caches\" in window) {\r\n          caches.keys().then((names) => {\r\n            names.forEach((name) => {\r\n              caches.delete(name);\r\n            });\r\n          });\r\n\r\n          window.location.reload();\r\n        }\r\n      }\r\n    });\r\n  }, [location]);\r\n\r\n  const currentAppLocale = AppLocale[locale.locale];\r\n\r\n  return (\r\n    <ConfigProvider locale={localetr}>\r\n      <IntlProvider\r\n        locale={currentAppLocale.locale}\r\n        messages={currentAppLocale.messages}\r\n      >\r\n        <Switch>\r\n          {/* <Route exact path=\"/signin\" component={SignIn} />\r\n          <Route exact path=\"/paymentPage\" component={PaymentPage} />\r\n          <Route\r\n            exact\r\n            path=\"/constantPaymentPage\"\r\n            component={ConstantPaymentPage}\r\n          />\r\n          <Route exact path=\"/signup\" component={SignUp} />\r\n          <Route exact path=\"/forget-password\" component={ForgetPassword} />\r\n          <Route\r\n            exact\r\n            path=\"/reset-password/:psrGuid\"\r\n            component={ResetPassword}\r\n          />\r\n          <Route\r\n            path={`${match.url}new-password/:psrGuid`}\r\n            component={CreateNewPassword}\r\n          /> */}\r\n          <Route exact path=\"/lead-request\" component={LeadRequest} />\r\n          <Route path=\"*\">\r\n            <Redirect to=\"/lead-request\" />\r\n          </Route>\r\n          {/* <RestrictedRoute\r\n            path={`${match.url}`}\r\n            token={token}\r\n            location={location}\r\n            component={MainApp}\r\n          /> */}\r\n        </Switch>\r\n      </IntlProvider>\r\n    </ConfigProvider>\r\n  );\r\n};\r\n\r\nexport default memo(App);\r\n","import {\r\n  FETCH_ERROR,\r\n  FETCH_START,\r\n  FETCH_SUCCESS,\r\n  INIT_URL,\r\n  USER_DATA,\r\n  USER_TOKEN_SET\r\n} from \"../../constants/ActionTypes\";\r\nimport RequestHandler from \"../../util/RequestHandler\";\r\n\r\nexport const setInitUrl = (url) => {\r\n  return {\r\n    type: INIT_URL,\r\n    payload: url\r\n  };\r\n};\r\n\r\nexport const userSignUp = ({ email, password, name }) => {\r\n  return (dispatch) => {\r\n    dispatch({ type: FETCH_START });\r\n    RequestHandler.post('auth/register', {\r\n      email: email,\r\n      password: password,\r\n      name: name\r\n    }\r\n    ).then(({ data }) => {\r\n      if (data.result) {\r\n        dispatch({ type: FETCH_SUCCESS });\r\n        dispatch({ type: USER_TOKEN_SET, payload: data.token.access_token });\r\n        dispatch({ type: USER_DATA, payload: data.user });\r\n      } else {\r\n        dispatch({ type: FETCH_ERROR, payload: \"Network Error\" });\r\n      }\r\n    }).catch(function (error) {\r\n      dispatch({ type: FETCH_ERROR, payload: error.message });\r\n    });\r\n  }\r\n};\r\n\r\nexport const userSignIn = ({ email, password }) => {\r\n  return (dispatch) => {\r\n    dispatch({ type: FETCH_START });\r\n    RequestHandler.post(`/Auth/Login`, {\r\n      email: email,\r\n      password: password,\r\n    }).then((response) => {\r\n      if (response.success) {\r\n        RequestHandler.setUserInfo(response);\r\n        dispatch({ type: FETCH_SUCCESS });\r\n        window.location.reload();\r\n      } else {\r\n        dispatch({ type: FETCH_ERROR, payload: response.message });\r\n      }\r\n    });\r\n  }\r\n};\r\n\r\nexport const getUser = () => {\r\n  return (dispatch) => {\r\n    dispatch({ type: FETCH_START });\r\n    RequestHandler.post('auth/me',\r\n    ).then(({ data }) => {\r\n      if (data.result) {\r\n        dispatch({ type: FETCH_SUCCESS });\r\n        dispatch({ type: USER_DATA, payload: data.user });\r\n      } else {\r\n        dispatch({ type: FETCH_ERROR, payload: data.error });\r\n      }\r\n    }).catch(function (error) {\r\n      dispatch({ type: FETCH_ERROR, payload: error.message });\r\n    });\r\n  }\r\n};\r\n\r\nexport const userSignOut = (value) => {\r\n  RequestHandler.get(`/Auth/Logout?userId=${value}`).then(response => {\r\n    if (response.success) {\r\n      RequestHandler.removeUserInfo();\r\n      window.location.reload();\r\n    }\r\n  });\r\n};\r\n\r\n","import i18n from \"i18next\";\r\nimport { initReactI18next } from \"react-i18next\";\r\n\r\nimport enTranslation from \"./locales/en/common.json\";\r\nimport trTranslation from \"./locales/tr/common.json\";\r\n\r\ni18n.use(initReactI18next).init({\r\n  resources: {\r\n    en: {\r\n      translation: enTranslation,\r\n    },\r\n    tr: {\r\n      translation: trTranslation,\r\n    },\r\n  },\r\n  lng: \"tr\", // Başlangıç dili\r\n  fallbackLng: \"tr\", // Desteği olmayan bir dil kullanıldığında başa dönecek dil seçeneği\r\n  interpolation: {\r\n    escapeValue: false, // HTML etiketlerini metin olarak işaretle\r\n  },\r\n});\r\n\r\nexport default i18n;\r\n","import React from \"react\";\r\nimport { Provider } from \"react-redux\";\r\nimport { ConnectedRouter } from \"connected-react-router\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport \"assets/vendors/style\";\r\nimport \"styles/wieldy.less\";\r\nimport configureStore, { history } from \"./appRedux/store\";\r\nimport App from \"./containers/App/index\";\r\nimport { I18nextProvider } from \"react-i18next\";\r\nimport i18n from \"./i18n\";\r\n\r\nconst store = configureStore(/ provide initial state if any /);\r\nconst NextApp = () => (\r\n  <Provider store={store}>\r\n    <I18nextProvider i18n={i18n}>\r\n      <ConnectedRouter history={history}>\r\n        <Switch>\r\n          <Route path=\"/\" component={App} />\r\n        </Switch>\r\n      </ConnectedRouter>\r\n    </I18nextProvider>\r\n  </Provider>\r\n);\r\n\r\nexport default NextApp;\r\n","import {combineReducers} from \"redux\";\r\nimport Settings from \"./Settings\";\r\nimport Auth from \"./Auth\";\r\nimport Common from \"./Common\";\r\nimport {connectRouter} from 'connected-react-router'\r\n\r\nexport default (history) => combineReducers({\r\n  router: connectRouter(history),\r\n  settings: Settings,\r\n  auth: Auth,\r\n  commonData: Common,\r\n});\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 publicUrl = new URL(process.env.PUBLIC_URL, window.location);\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\r\n  \r\n\r\n        // Add some additional logging to localhost, pointing developers to the\r\n        // service worker/PWA documentation.\r\n        navigator.serviceWorker.ready.then(() => {\r\n          console.log(\r\n            'This web app is being served cache-first by a service ' +\r\n            'worker. To learn more, visit https://goo.gl/SC7cgQ'\r\n          );\r\n        });\r\n\r\n      } else {\r\n        // Is not local host. Just register service worker\r\n        registerValidSW(swUrl);\r\n\r\n        navigator.serviceWorker.register('/onesignal/OneSignalSDKWorker.js', { scope: '/onesignal/' }).then(function(registration) {\r\n        }).catch(function(error) {\r\n          console.log('OneSignal registration failed:', error);\r\n        });\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nfunction registerValidSW(swUrl) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then(registration => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing;\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              window.location.reload(true);\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              window.location.reload(true);\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) {\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      if (\r\n        response.status === 404 ||\r\n        response.headers.get('content-type').indexOf('javascript') === -1\r\n      ) {\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(\r\n        'No internet connection found. App is running in offline mode.'\r\n      );\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 React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\n\r\nimport NextApp from './NextApp';\r\nimport registerServiceWorker from './registerServiceWorker';\r\n// Add this import:\r\nimport {AppContainer} from 'react-hot-loader';\r\n\r\n// Wrap the rendering in a function:\r\nconst render = Component => {\r\n  ReactDOM.render(\r\n    // Wrap App inside AppContainer\r\n    <AppContainer>\r\n      <Component/>\r\n    </AppContainer>,\r\n    document.getElementById('root')\r\n  );\r\n};\r\n\r\n// Do this once\r\nregisterServiceWorker();\r\n\r\n// Render once\r\nrender(NextApp);\r\n\r\n// Webpack Hot Module Replacement API\r\nif (module.hot) {\r\n  module.hot.accept('./NextApp', () => {\r\n    render(NextApp);\r\n  });\r\n}\r\n\r\n","module.exports = \"data:image/png;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAD/////////////////////2+n//4Cx////////////////////////////////////////////////////////////////////////+/z//0KM//8Pbf//x93//////////////////////////////////////////////////////////////////4q3//8NbP//DWz//zOD///3+v///////////////////////////////////////////////////////9Di//8Sb///DWz//w1s//8NbP//f7H///////////////////////////////////////////////////f6//82hf//DWz//xFu//85hv//DWz//xFu///P4f////////////////////////////////////////////96rv//DWz//w1s//+Uvv//4Oz//xlz//8NbP//OYf///r7///////////////////////////////////D2v//D23//w1s//9enf///v7///////+dw///DWz//w1s//+Itv//////////////////////////////////hbX//w1s//8zg///8vf//////////////v7//06T//8NbP//E2///9bl//////////////////////////////n7//9Lkf//1+f////////////////////////i7f//GnT//w1s//9Ai////P3//////////////////////////////P3//////////////////////////////////5/F//8NbP//DWz//5G8///////////////////////////////////////////////////////////////////+/v//UJT//w1s//8Wcf//3On//////////////////////////////////////////////////////////////////+Pu//8bdP//DWz//0iQ///9/v//////////////////////////////////////////////////////////////////osb//w1s//8NbP//msH///////////////////////////////////////////////////////////////////7+//9Slv//DWz//xlz///i7f//////////////////////////////////////////////////////////////////5e///xx1//8NbP//UJX///7+//////////////////////////////////////////////////////////////////+kx///DWz//w1s//+kx///AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==\"","module.exports = {\r\n  footerText: 'Finekra © 2025',\r\n}\r\n","module.exports = __webpack_public_path__ + \"static/media/finekralogo_white.fc59c29c.png\";","module.exports = __webpack_public_path__ + \"static/media/imzaposLogoBeyaz.00eb8a0f.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAxgAAAEYCAYAAADf4lBNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAHr9JREFUeNrs3fFVG7miB+AhZ/9/vArWqWDZCmIquKQCTAUhFYRUAKkApwLYCnAqgK0AbwXhVZA3CvJdJwFjj6WxZub7zvEh7+3FNtKMpN9Io6kqAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOiPPUXQD9++fTuof+zH18Gav3ZXvx7q13xvb2+uFAEAEDCGGSTC64/4cxEsUpjH15cYPu4EDwAABIz+BYpx/XoTf+63/BVCwJjF0DETOAAAEDC6GSqO69dR/RoV9vXCzMbn+nUtbAAAIGCUGypCkJjEYDHqyNcOYeNTDBsPahEAAHYfLMb16+pbt32tX5cxJAEAADsIFpP6df+tf25CaFLDAAAgWAgaAADQkWAxjoPuobF0CgBgQNzknT9YhG1lz6vHG7iHKtwA/mlvb+/MEQEAIGDQPFyc1j8+VO0/u6JU8/p1UgeNmaIAABAwWD9YhEBxVT0+GI9fXdQh471iAAAQMHg5XISH411WZi1eEp6hEWYz7hQFAICAwdPhItxrcVrQV5rH17KDgsJPuDfjfR0ypo4eAAABg3+Dxa6WRIUBepgB+LIUJu7Wfap2/b0XYSP8/D3+HO+gCC2ZAgCAxSC9ft22+MTsq/gsjVHmv+m05W11r2JQAwCAQYeLry2Eist4b8cu/sb9GGiuWggZt0IGAADCRb7B9qSkAXcMG2eZn0QuZAAAMLhwMck4wA7LksYdKYN7IQMAAMoMF50IFi0GDSEDAADhooH7LgaLJ8rmNMOSMSEDAIDehouDDOHirGdltJ/hZnAhAwCAXoaLr4kHzQc9Lq+jxOV15SgEAEC4eNr5QMptP/FzNM4djQAACBc/Ps9iMsAyPEsYMo4clQAACBeP73Mw4LKcJCrLrzmfYA4AAF0IF25STlumt45QAACEC1KW7ZnSBABAuCBlGR8oTQAAhAtSlbWlUgAACBf8UOaWSgEAIFwIF8nKfmJXKQAAhAvhImUdnG9Z7pdKEQAA4YLlurhxwzcAAMKFcJGqPva3rI8bpQgAgHDBcr0cbVkXY6UIAIBwwXL9XG1RH1dKEAAA4YLlOtp2qdRIKQIAIFywXFendpQCAEC4IGWd3W/xXAz1AwCAcMEP9bbNA/gmShAAAOGCn+uv6SzGrdIDAEC44Oc6nLjZGwAA4YKUddl0FuNU6QEAIFzwc32eWSYFAIBwQao6HW1Rh+oPAADhgl/q9spuUgAA3fGqD+Gi/nFTv1KEgrv6dbi3t/fg0CjGXw1/742iAwBg43Bh5qL3dbzfsD7vlR4AAMIFT9X1je1qAQC6oZNLpCyLGpwvDX/vQNEBAAgYwgU/mwkYAABkCReWRQ227pu4UnIAAO36rUvhojJzMWSz+jXe8HdGig3om3hxbHmGdl73Z3MlA7BhuDBzMfhj4LxJZSs5oCdtYHjw6GXYIe+Z5u5r/O9jpQUgXLDecXBmJylggG3ffgwOm7jR9gG7tFd6uKgsi+LxWBjHY2FToc5nSnBl2U7qH8fJGpW9vUOlyjPH2nmVbvOFu/pYe9/z8gplddmwzB5i+3fnyAPaVuw9GMIFT3SW5DGqNr+/BZo4cKyt3Qfub9kHfv/9+n2EDKB1RW5TK1zwsy06SFvVAl10laAPDL9/ZWkwMPiAIVyQmI4V6JS4bHGc6O1G9etUqQKDDRjCBQBU71K/n1kMYJABQ7hgzXoF6K3YF6Ze2hn61SOlCwwqYAgXrEmdAn03zvS+bxQtMKiAUT1erUk1fXsnXADQUbmWMo0ULTCogFEHgmn94yTR203CQ4lUrY4XoIN+VwSAgCFk0B5bzgJ9ZwYeEDCEDABI5v8UASBgCBkAkMo80/vahQ8YbsAQMnhK3GmsiZnSAzrkOtP7flG0wKADhpDBE9zgDfRe3AVxmvht5/X7XitdYPABQ8jgJ01nMOaKDuiYj4nf770iBQQMIYNf/d7w+BEwgE6J7VaqkDE1ewEIGEIGT2sygyFcAF0NGWfV9kulwo3dZi8AAUPI4BljAQMYWMg42SIgXNS//2e8pwNAwBAyWLbFDlJ2TQG6HjIu6h+vq/VnM8JyqMP698xcADvzWwcb22k94Az/TBEOQshYXCWiXOOGv2ffd6APIWNe/zip+6v3sT1cXHR5U/17ISW0dzMzFoCAIWSwnjcCBiBofA8P11W+Z2UAJPGqq1/ccqlhqOslPP/iqMGvPthBCgBAwBAy+NlRw9+bKToAAAFDyOBn/2n4e38pOgCA9v3Whz/CPRn9tMXyqGCmBDtZ36t2DLsbwg2sdTmMV/znuaV/MIj2cFT/GGkLkrehRfQjq75j/f16MX75rS8HlJDRS5OGv3en4e1E5xka2DcxVBys+XuL8Bhu4P/S9ScUx05muRz21yyDu/j6u35dO96h0+3AQWwH/mjQHg66LYhld7RhG/qw6ENimd1l/o4btfOxXufxO4bVGLMu1uteDw+2SaKQEUyFjJ3W5X21+grOcy7sAb9ROZ/VPz4kDPt7z3zOfgyNx1WzJ7M/ZbGrzueuXPWJHeK72CnuJ3rb0Pl8jm3WfEXbOEr1eXF56qZ/+03VfNvpn4VO9zBD/ZwmrJenLn5cr/EdRlXzCyzP9WXzFz4v9fLgedv9Z2xjrhK/bdgw5G2mduA4tgOjlOUe28RPbQ9KlwbSqfqSsxfOj+NEZbdoPy9SzW5kaOcX/Zwd5HYdMr6l456M3dTh0RZ1dqAENwsYCc+Xb091+uE8ql9fv+V1HwfRpZbzOAywv+V3GTvgXwb3CT/jpmEZ7Pw7vPD9LjPWy9en6mXFsZLSeI3PvM3wNx+0fI6d5jifMoxP7r+142aduu9YX3Ke+Rw9i0G11Hb+ts063Ubnb/J+JvWGK2tu/O62d1tcNfP8i4LCS/3jPl5t2s/8cd+vwsbOe1xQGRzEwXDKq/cr26xQ5rEj3ncUrh8uqrSzBsvCVdHDwpc5fCqoHS/p8z6mDBbV40zRqKXyCO3NTdtBI9dFx9iXnGb8mNBefojt59GG3y+En6sW2vmDWKdXpbfvvQwYQkbnO/rxFifoJyVYzKD6NjbWbTeCo1Ia4BiwblsKFj87jR3l2BH5Yj2dtxAuir7wEfvM1De/HrV1DsYBYeqB+9Zr35fawjaDxXNB46prFx0WM+DV49K3tr7796V26477lsLPUYtFEz7rtuQVG70NGEJGp51v8btTxbfzDiEM1MJVnF03fDtrgMNSmKWAtUv7cWBx5shcebzmvCr6tkOzqp8yHH9tDbrelVYeSxcYShkEHnXpokMMQzcZw/86477bVaEsXpxoM/wsG8X2fVJi/fU6YAgZne3smzbG0yFsY9oBlztqbJ9rgG/bbIBjoClpUFHFoDN2aD7Z3uRs0086tuXktCMD/6fOudTH97zpDbXxqnsJFxi6ftGhhAtViyVJ+0/U8WXmixPr1udliSGj9wFDyOhUZx9OlG1mLz4rRZ4LPW00wPEzbgsKWOw2XEy7VCZxOVDq73zQwhXzYu69iGHnvrALDE9edOjAWOagoO9x+UT4KWlQf1nacqlBBAwhozO2Wa8/68vDaehmyGhhwEq6uhpnrquPXQsXS3JcqDnOWJf7GQZ6i+2vm4SLmw5dYDCWWd/RYtYnllmJAfKmpHtsXg3p6BAyiu/wt5lq/KgU2VXIiAOLc8XbibYm1NVVxo+YPrd/f0f6yVn1+ICv1APZXAOf00x1+NDguOpSuDCW2dyHzLvNbSvHc2AEDCGj0x3+9zWEW7yF2Qs2DRkHCY/fUUcHFkMNFznrqi8PZ82xG1+uQdnxrv/+DoeL5bHMmRZip8dxKuNNt9gVMISMXg/4qu227zN7waZSbte4qx1EKGsQeN2TcJFry9p3Gep0UqXf+vV6k61ply6Qdb0N+GBL694oYjb91VBLX8goptMP09vbpG2zFzQxqhKswY9X/Tw5vvx2Jvcg8C5hf1KK1LMYowwD2OMC/u7zHrUBVx7O2Y/+rYRdpV4NuQaEjJ13+uMESfu9kqSho22mkuPSqA+KsRPhIud2lyFcHPZwi+xphvc8Tlivof9IHVjmm1ywiu3HpEd1vu1yZcqx877p1dBrQMjYWaef4kbLiw49wIoybRNwnevCxbyn4SLXlrUpb/bOMXvxccNjq49twJGlUr0w2nU9vlIHQsYOOv1Rtf1a6IfKvRekaYTPGhzDoeHWCZfvKmO4CG3Q254/3DPHlrVb7/oU+5BJhvrcZGvabbZV3+Q7zerXRezvPsb/e575c83M9sPxLj/8N+X/b8ioG63wzxThIISMqi83/CUOF4tt1LZtmE88tbvzFh36P7HT/O+gP77etDSIDzefbhoy2uqA72LZ/FP9uHVoGDT/Ectn5FB6sq25zHj8hGP3sO8zqGG5UF2Od4lD2nGD8+2XPjbDn7v21rQx4JxmPLamIdytOr7iKoDjWBapg07YiWjs/sbOG+/ywwUMIaPtcJFiuULY5eNaiXZW6LQ+rVOHSw/RepdxIL0fbohb98FoLcxehAHGpzjgma8ow+WBxruqX2vBU4SLScb6ORzQ8sxPVdqlQGHW8GjLNvxdpr9z1xcYvs9UrBN04vF3V5flx1g/qbcm/VD9eOGnNKFtDMfQ39WPMzqhbf4jQ3k0bSsW3/HnC0RvWviO4Vw7sJS8rM4phINULJeKA8X6dZugPO/tcpG8bs6+teO+6ZrQePzk/J63mwxeM36Pxru4hI6kft20VJc3Db/jTe7vkLl+vrWxO0s4TxJ/5/GW3+dr6uO8kP554+8T26LU5fE1QR3lKJeDAvuStfqRMMsU29NduF+nnYjH0nnX26vnuAfj6SsD4UqmezIShosq3Y2Wby2N6qRwTv3ZdMo91Hl8OvJhlX5//u9XlNbpTJdmVHIIy/4aH9/hKlX9OoxXQQd7cajKO5Nzsu5MV8+k3rL2KC4zamLXsxfh+Ep5kWsxIzbb5k0Sj1sWjgs7DsOs7ut1yirM/ob2tGp/++hFXzdd4zuGfu19xn4tGO2qsgQMIaNL4eK9qb5uhouwVDBFMIwdS67GeJ3ONNeUdrKBa+ywBrc0M4aLnO3sUMPFYtCU2qRBHY+r9Dftzzcc3KcedCdbbhePz+ku6yh3P1JI8Era12Xu194IGEKGcPHyiXvhqOxmuEh8XobO+G2G7zreUWP9PvXANb7fYHZZayFcTAccLnJtWdtkoJ5j9mKTrWlHiQPOxwwXzd4nHKjub7pMKpPZNv1IS+3h3Zbf8a5vbbaAIWR0IVzcVR6o10XzXPUWr/ikbowP1rj/IfUMxnWu4ByXlM16fHz99z6FFsKFzTrSb1k72uRBl3Fwn/r8e9gwOKb8/Hk8R1Of96m3cC/hZumTBOVyVuXd3jfFd7zoU5stYAgZpYeL0CAcuu+ik3JvJXyRocMYrziuw/GceoOB3ME5tFvOHeEiVahPfbX9Xab/7bo2vbck5QxmzqvV04Tn/ZsCzsH5jup7k++Y6txIHeTHu6o429RuEDJsYdt6uBjCg6z6apZ7D/VwXCxt0ZhKOG6vV/y3UjvO58poXpdR6FQ9OGtzd8LFkwO0lOdbmIUavXQeZNxcYdqgfUjlIfOTlu8SDS7HBRxzqYS2/bzk7xjHmr24CC1gCBklh4tDN3V3VltrSa8TD3hWXa0bFdxxvjSIEjA2H5wdKoYn+8AwQEs5kxdmJl6ayTuq0s8ebhTwY/+Wsg246kq97/BZCvOUnxsvuMwT1+M8Q9nMCgh2W7NEqtmAZp7ovXqzXCpxuPh+ggkXnTVv6wmwcXYr5UMXRw3DRwmd0rOdauIyGkS4MHPaWjCerPG/yRGQN12KcjDgOh/t6HNztFvzDnzHXox9BIxmg+iUJ1vnQ0aGcBEceUhhp0N4m750sCNtu4z+cliu5UG4eNE08fvtr3oYWFxGlPq8vGtwEWQ04DrfVbj6u/D+Itd3/D8BY5jhIseJ1tmQoVxooQF/cbDQ0ueMC++USigj4aLndrBlbY7ZiyazMCO137q57yhgCBcDHEwrF1YM1Noc8MwSH9fjFr72vOUyEjDWCxfKaT3Jd7p56sne8f+X+nx8GPIzTRr6Y0dhdlZ6wXThOwoYwx5Ed24wrVzQ4HYnYPAi93xtfo6nPoaf2oa2lNmLodtXBAgY3R1Ed2YwrVxg6wHaLgKG4Pe8cM/XmWLYSOqd4ibLD7qM/87xkLepqgMBY2iD6OIH08oFOmukCFb6sOpmY34RNipIuRzy50AxqXa8NS0gYPRpEF3sYFq5sMFxwuoyGgsYRboUMtYTb4afJn7bd8/8O5XPag4EjCEPoosbTCsXNnDQ8rGZeuA8F/oGHzKOFMNaUt/PcBAe6hZDXurz+s79YSBgGEQXNJhWLpQcMFIPRFYsoUgZPMY9r5M+hAxltt65kvqZLmHm4rgDYQhY4TdFkG0QfbLoqBINpkNjfiJclFEurBSeeH3R4ue1NVifJwwzbW/7+B+H5Ua+t3t1+2Lr2vUG7ilnfI6q9PdepNiadlal29VqXnVrptQ5gIBRSrhYNGZhANzVkFF4uBAyyhV25Nlv8YFlKQfPsxcGBV0LRcuDNoSM5MKyo7qMUobvHMv5UsxepGzP5nW5HTp66LPBL5HKGS5i4xv+nWrw29qyoI6Ei9bLhbIGtHEZS8pjdFWI+Cfl4LWtm4njDeUjh2Tjwe6le1he9LHw77f1jGrikDl2TCFgCBeNw0VXQ0bHwoWQUaYPLX1O6p1m/l7x32aJP+u4Z3XRV6EdvDEgXCn1lrUpTRPOpqYMGWYVETCEi+bhomsho6PhQsgozyj3g8vi7MUk8dvetTS4CMa5dyuK7z/u6TEW6uNw6ZVzGZOQsUKmLWtTSXlzd8qLDO8cOQgYwsVW4aIrIaPj4ULIKM+HzDvxJK/nVdtYxkFU6kFstuU3cfvePp8L4cbd2eLVUsi4clq3MpBPFggSL236kvJ4ynmBIbQr9SuE4rPwORm28wYBo4RwUXrI6Em4EDLKc5MjZMT6Tf2+62y3OUv8mYvzLkc7d1XluWG2SDEAhpCRc6nOWNvybPnPq/Rb1m7rc+K/MfVSsPOMs2LhOB1Xj0skQ1twX3/W1/p1FUOH+0AQMPoSLkoNGT0LF0JGWfZTh4xYr5MM3/WvtgcsUbiSmWwmo6fnc0khQ9vyvJJmMeYJtqZteiFiXaMQMjKMdUL7ePRMe3wUQ0doI0LguBc6EDB6EC5KCxk9H4wYCJQVMo62PYdDR5gpXKw1cIjLLeY5jtVYRqMty2hc/7itBvxgvVhHbYSMc6f2L2U/q8p5vsPnjrxv0n4qhotN3m+0InScWlqFgNGhcFFKyBjIlU4ho5yQcRXXBI8anMOh07yv8u28sslOM7mu0obz8DZeSdzfsHxG8Ti/qWxJuwgZ7zN/zGlbWw13TClb1l5kOrZyhKgk/VQIBFWa+64WoeO8GtAySwSMXoSLXYeMgS2jEDLKMa4e1wKHoDFZFTbidH1Yo3wfO82cHd0moSGcs7mujoe/8UMso8tVsz5xRmcSZ3VCGRns5mtbn3MpZPyihC1rp5kf9JkjRIVz+TbOQm46zglt5U2VfrnVzEMmaarXT/IuPVwsd4RtPvF7oGu0PfG7vKAxjsfjz7sz7bd8bG7UiYaBS/2drzMP6Pfj+09i2zCvfrxqelC5srhu2zqq8j4L5DK2LVMl/t/zI5TF6Q6/xqcWjqtwTI0Sv/ViO+RZ9bgUaxZvnn+qHz+IbehxxvbyoyMaAaOj4aLtkDHkG0CFjGLtV7t9VkOTTjQsvzlqcZA/qix9atq2hiVnv2cOhGGm7c7V3h8G+LsKGG1ddQ9tQK5ti8fV8xdg2moLZqu27YaX9HKJVNfCxXLIqDIulxp4uHi2XBi0aZNONC6/+KT4OhMyQruasw1Pvltax8t7Xu1uy9rPLf2N4e9rYwC+vxQ4xi1eaHjvSEbA6EG4yB0yhAshg188bNOJhivjVTk75rDegCnnlW0h40e7CODzlpeqnVS7v98khwuzcQgYPQoXmUOGcCFk8NOAM8GNoG8VYzcsPSMjd8i48iyBnW1Z+7nlv3Fe5d9IoG3h/HDvBQJG38JFrpAhXAgZ/GCaaKtpnXE3Q0bOq86j6nEmw0347Z4boU4vdnBMXe/iczOW4UnmHbgQMISLAjrDlCEDIYNHSZ+REJdKTRWrkLHkQMj4rs0ta693NTCuP/d9T9qA95ZGIWD0PFwIGUIGWczD4DLDQCT3+n7StqttPO079ElXAy/nhxYH3h93/LeedLwNOLHVMgLGQMKFkCFkkFQY7LzNcZWzpfX9pA8ZudvVsXallZu9n31eRMsOq27OZAgXCBhDCxdChpBBEmEw+WfO6X8ho5Mh47qFdnXQ7UpLW9Z+KuRvfWhhS2ThAgFDuBAyhIzBDuZLMqsel0XNWxpg/FngACOEn7lD89l2Nfee/6FdOR9wMecMAPMYFEs6pk6q8rewfYjtonCBgDHkcCFkCBkdEq7il9Lhf6zPmcO2b/4sbIARAt9rAWNlfV20EApP63ZlMtDynWU8/j4V+jeH4ylcbJgV+PVC+/zak7oRMIQLIUPI6NLxGa7ih+dDvN3hAHuxJOps4AOMELD+tO3k2qEwd39wOdSQUeW5CbvNm8ibHFNhduWwoIsNIeSF+9DeahMQMIQLIUPI6Oox+v0qWdXuHvHzeG7/WcJ2i0sDjMOq3RmE0D683mXA6nDIyH3cDDVkjDK853UXBsqxv34dQ9Yuvu+iXXxd2nIyBAzhQsgQMmhyjD7EPeIXQSNX53q31IFOCyyHsMtNKIMwqzPL9DEPS8HipJBddbqojRv1z+t2ZWgPP32X4T0785DL2Bae1a//jf12GxdAQph4W2q7CDsPF/Xr9ls6kx6W0eQbuQkZ6Y7Xo1Ce9et+yzoJ7UInB2r1dx7Vr7Am/2bLMvhav65iG+DJ0Qypj7rpQbks2oGrRGVyH9tW7QG7D9Wlh4vKzMXaDXj9wyA4r2lcQkHCDjae3+H1e7V6GcW8fv1TPc4A3PVpDXFdDuP6R3j9zwvtXfib/45lceepu3Tk+L5N2I8vvO3bcp94seQgtoN/1K+XQsKX+LN3bSIChnAhZAgZAKwKz6lnG+ZxySFQqCLvwRAuGqZF92S0wT0ZAOvLce/FJ8UKhY9JhYv+MZPRCjMZAKv7olH94z7x24ZlQK8tB4KyFTWDIVwkSo1mMtpgJgNgtRyzF1PhAjowFhUu+stMRivMZAA83aeH2YvUuxm9tgUzlK+IGQzhIlN6NJPRBjMZAL86yhAuroUL6MgYtJCAEQZok0Rv54ryr+UbyvZYSfziIGEHKNQC/NvvhNmLUeK3PQwPrVS6wLoNkYfp0Xro8hA+gCzt6zjDg/XulSwgZCBcAAyzjb3KEDD06YCQgXABMMA2dpQhXHyN92oCCBkIFwADa2cvMwSMcyULCBkIFwDD7Lu/ZggYI6ULCBkIFwDDa2tPM4SLKyULCBkIFwDDbG/vMwSMsZIFhAyEC4DhtbdHtqYFhAyEC+ECIFWbe2NrWkDI0HAJF8IFQIo219a0gJAhZAgXwgVAsnbX1rTAD/a6GDLqHzf16yDRW57s7e1NHQr9CBf1j1ShYFofFydKFeDFtvcsw9uGNniudIFWQ4aZDH4OF2YuAAAQMhAuAAAQMhAuAAAQMoQM4UK4AABAyEC4AABAyEC4AABAyBAyhAsAABAyhAvhAgAAIQPhAgAAIQPhAgAAIUPIEC4AAEDIEC6ECwAAhAyECwAAhAwhQ7gAAAAhQ7gQLgAAEDLUjXABAICQIWQIFwAAGNAKGcIFAAAIGcKFcAEAgJCBcAEAgJAhZAgXAAAgZAgXAAAgZAgXwgUAAEKGkCFcAACAkCFcAACAkCFcAACAkDG8kCFcAACAkCFcAACAkCFcAACAkCFcCBcAAAgZQoZwAQAAQoZwAQAAQoZwAQAAQkbvQ4ZwAQAAQoZwAQAAQoZwAQAAQkbPQoZwAQAAQoZwAQAAQoZwAQAAQkbPQoZwAQAAQoZwAQAAQkY5IUO4AAAAIUO4AAAAIaOckCFcAACAkCFcAACAkFFOyBAuAABAyBAuAABAyCgnZAgXAAAgZCQJGcIFAAAIGUlChnABAABCRpKQIVwAAICQkSRkCBcAACBkJAkZwgUAAAgZSUKGcAEAAEJGkpAhXAAAgJCRJGQIFwAAIGQkCRnCBQAACBkpQ4ZwAQAAQkZRIUO4AAAAIUO4AAAAygkZwgUAAAgZwgUAAFBOyBAuAABAyBAuAACAckKGcAEAAEKGcAEAAJQTMoQLAAAQMpKEDOECAABIEjKECwAAIEnIEC4AAIAkIUO4AAAAkoQM4QIAAEgSMoQLAAAgScgQLgAAgCQhQ7gAAACShAzhAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgMH4fwEGAKUZmSXvWwRsAAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"static/media/finekralogo.1e3083b2.png\";","module.exports = __webpack_public_path__ + \"static/media/imzaPosLogo.9c662807.png\";","module.exports = __webpack_public_path__ + \"static/media/logoBakiyem.c6894275.png\";","var map = {\n\t\"./10.png\": 1141,\n\t\"./100.png\": 1142,\n\t\"./103.png\": 1143,\n\t\"./108.png\": 1144,\n\t\"./109.png\": 1145,\n\t\"./111.png\": 1146,\n\t\"./12.png\": 1147,\n\t\"./124.png\": 1148,\n\t\"./125.png\": 1149,\n\t\"./134.png\": 1150,\n\t\"./135.png\": 1151,\n\t\"./146.png\": 1152,\n\t\"./15.png\": 1153,\n\t\"./203.png\": 1154,\n\t\"./205.png\": 1155,\n\t\"./206.png\": 1156,\n\t\"./209.png\": 1157,\n\t\"./210.png\": 1158,\n\t\"./211.png\": 1159,\n\t\"./32.png\": 1160,\n\t\"./34.png\": 1161,\n\t\"./4.png\": 1162,\n\t\"./46.png\": 1163,\n\t\"./48.png\": 1164,\n\t\"./59.png\": 1165,\n\t\"./62.png\": 1166,\n\t\"./64.png\": 1167,\n\t\"./67.png\": 1168,\n\t\"./96.png\": 1169,\n\t\"./99.png\": 1170,\n\t\"./999.png\": 1171\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 289;","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAASCAYAAADbo8kDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABE1JREFUeNrcWDFvEzEU9iUtAlrBVUJiqrgyUIkBAgMdubIx5bqxkf6CJmOnJFNHml/QY2PLdWIjh1jYEopUxFByiIFKrdpDatMhbcNzeEYvjn3niEhIeZJ1d75n+/l7z5+fbTEip7WFAjwc/IyhBDNr7YiNUdafvbHhwcexsYr3H2y8exGzCRYLAeaTbkDJSf/55EsAtj8mkHM4ji394mCvANitSQU6g8+6AmSGgGyBI3JjimQVyAxXUR11xia9Xs+GUoHijtDGxeIk6DhCz7TfKQQxrcEalFXVj7eL67x9GQF8//zrRkXTR0EDMgXbg+KTCRVFG8uyKhQMYnMI/0Lyr0JW41Psswz1C6BnQoMNfFahJM2lTFkhFWg0JE2SHFEmfbgAfAhghwq9vME4DxXfBQSwBUAFxPEe0QmJAwQAvoIG/zt1pImDPK4Sz9ApJvQjj7GtcRQd0+MUge8vpbarGJnL4KRYopRUipDoIjeKvgro0FDX1dBGauTiJmjCv58Gduo/ERxTcGGiXoJt4l+MbYsY4Q2JWtpYx0sb6raIs1QAN+G1KfQlh3Id3geXY6m+KeozkFGEhssqr+HuocgFBzgjUA+VQFEnKMBGkPOECoTdefxnJ/QjQC4rnF7AhGBoM9UkCvL8asRGQXU50i7IJBkmUwSlDwTTS+DtNIfI0oL0TrVZvZac7RGbAxLJeU0blR08jZyDqLdIHypa8AioPuovKALTVwQknXMtk2KYzJ8U2FcJdFAAR7hIG64iAlRSUyb6ltXCPFtM3CYcvK2wLaJZiJSp2ES/DnUNyTYnIXJLaE8k24r875M9gwYh38RbfaCRPky4usyjGkAsGmQrddCzFdGtkgii2TegFOrYkGQhLI02FACKFPGfzwiKYK0Te2py1lE1MfBg904dozl1BZxnss3Z7pkJP1dHmEQfTJJFBCm6IupCqb1FqGAFP0PFiXWADpG385r+IynDioV9f4HGqN5Mmu3l4RV241vHvT59YnYaurxwHhzusdudoyS1MCWaZfqQ0z76HqGuTjbJ8m4jdbSRRlzNShLjFjH7aCesAm1ADOTRAHYJN4ohgLsfb7LuB3Bm12L35nZYNnNuCjZbPP7Bnux/6QPOv6VDxIrh0qxpspMgJWuRV04g0YeI3FjhYGFfTCLVTsjSfJ3NQ8dHzsEX36822Fk21zvNAsjTrNfJDvXY6c6y3aPH7OJyamQyO5m+xrqZqfjzrbvLphdJuGRzChoQqZSNGw89mDhiQ5OO6eLaQbQJpE1TrI6IjC0yEJHbD/TL++SrCXNp0e8jlnROP3KXdLd5Q2Dv/brff44oHNxVOKpPxG0d5vB1dIDYBEsA9CYzuRABwCuYD2pPdTyi9zvz7OfpvGl088GrAPLE3D8D0HUpC2vJx/7UmyeM7gIeO1URzpfO9s7BUnx2PpPXpH0t1KsBwBGbQMEToYNR7VOQufwWYAA8GA7G5RfGEgAAAABJRU5ErkJggg==\"","function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nmodule.exports = webpackEmptyContext;\nwebpackEmptyContext.id = 395;","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAswAAAAwCAMAAAAywNxjAAADKGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQUJDMEJBRkFGREQxMUU2QUM5OEZEMTYyOTQ0NkJGRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQUJDMEJBRUFGREQxMUU2QUM5OEZEMTYyOTQ0NkJGRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFFRDI5NzNGOTFFQTExRTZBQ0E3RkQ2QTVCQzdCNjJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFFRDI5NzQwOTFFQTExRTZBQ0E3RkQ2QTVCQzdCNjJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EKVlqgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJnUExURUdwTP///wmuyUVVYObn8CUuNDVBSQCtuwCtu/7015HJzBuzwwAAAAAAAAAAAAAAAAAAAEVVYAAAAAAAAAevwQAAAACpyesAG9rb3AAAANvb6dDS0wCh30VVYA+zxuXm5+sAGwCtuwOuvAAAAOsAG0VVYAAAAEZWYewDGkVVYEVVYEVVYNDS0/eeGyzAzOsAG0VVYOsAG9DS00VVYPeeGwCtu+sAGx++yiK+ygaf3kVVYNDS0+sAG/eeGwCsuvibGfeeGwCh3/eeG0VVYP3+/R++ys/W18weR+sAGx++yusAG9DS0x++ytDS0wAAAP////eeG9DS0+sAG////9DS00VVYP////eeG/////eeG0VVYHN9hACisgCmtYnY39Dv8f7y01VjbP///+Dy9QAAYP///wCtu+sAG0VVYACh3/eeGxofcfe2APLz8+bm5tDS0/9fAHZzwACruh++ygCntoCDsPezAAAAVwKvvQCks+Lj7R0icwwRaP734ACer/rWbwChsfWoAPzcgQCarPHx8QCTpbfo7AEEX6Dh5kTBzMzv8vn8/dbX2BGyv6utyywwfJKZnurr7/P6+27Q2JibwIbY37S20ZLc4mDM1eLi4zO9yKCixAAAS1PG0CC3w3rU3MjK3cXHya+0t93e3qzl6aarr8Hs7+f4+YyOuD1Bh9PU5ImRltz097/A15uhpu/v9VtfmXF7ghUabk1Rkbu+wHF0p1ZkbWRweGlsonh7qx2W2PmPFEqEzPAXFKJIgvxNBf5bAfc5Cnpvu2V6xf1zCYdiqP5oBACEmYGJkNUWOnyGjPx5C4OLkerQvasAAABkdFJOUwDyMlzyHA7qkPINHlTZp/Es38NBRoNkMi+Y/s/Hw1NiYdXAbr30Y7DkMaFn5i+T1JL59nbQfYDU7eRCS81hq+W9ffqB6K2V+Cd8eXZpo3V9gIlTqLaGykzTeXzQ6fvpsvLxg5f9qE5CAAATXUlEQVR42u2djV8aV7rHZ7VgqoCoMYkm0Y0m5j1Nk6Zp+pKkbZpuNm3a3L7tbve+7meQSJFkHAso4XIvAgKCQQQUUdEYVaLRaN68r3t7X9rb3T9qn3PODAyiZgZJopHnk+BwZuag45eH3/md54wUlY985CMf+chHPl5IvLNz5zv5q5CPlyBqdxogdtbmr0Q+NnYU1x4xcHGktnhzXoPtb+490NjYeGDvm9v5pqOfnz/X1NR07vznR3Pcc8H7u85cu3btzK73C/L05Rblyxjl5o7+Lozz5U2I8y9fa0zFu3+Fmt57oykVb7yXw55rdl1LxZlteQJzjHJXc4e+o7l5k+K8/d3G9Nj7q6Pnm9LjjaM56rlEiDKKXdKys7dNenjFdHzhlSziwnpC+eoJDmU9ghlwvo1wPnF1M+H8y9cbl8aBc01L44P3ctLzx2euZYSk5Nymkx5tojput7RLDIuuet38FksuEpT1ODDMEATniyWbheVfZwDX+O9/vP6vGTQ3/TYHPX/8w41/yaT5/fUA8ysWl0ViuCzrBeYdn2KUAxhkfUcSZh7nT3dsjry8LMvXl6P5vTX3/P8/3LixHM3b1gPMOovUfi3z1esEZUMS5fTMnMTZIBnnmi11RRB1pzJl4I7af/jDH44d2/K84tQ2cVJ0e6YSaPxPYPn6/2XC/IEk3bxcz/8LLN/470yYrxWsA5iNMaPEiBkTIjqWayH2P0OUv0Sw3g4YRtEL3R/tRzDf0nJx605X8208FvxSCs7b9mhMGvQP/tfVpEnzz35Dk/A6B802zfOJPWLy3buZxP3XdRx/yqT5DSnXeJme/+MGjn/LhHmX6G5nW6XHrJiOA62LUvtdbH1FRMcHMVSyZwbzToxy4CceX+2oEGaIu7cJzjtFd1lQhzlOxpbUrtoLtCDGo3bmeeFckI3IuM7F2oTGciLjBhdrERp0NiGm419k0/EvRHR8GBMlf2YwH0ECo+uxgN4H6TBrH3eBtQE2ndget2aSxDsiXyy9An129jnRrNn6lG/7tRUT81pT82srJua1peaNB/NxxFPZs5MZJwy39foHQnjvczCPNDcbfsYNIJ27DCeyZpnPi8VfZ16CkHVpbjaxNg1rE5ux4WiG+xhgbKzGxpqypHl7JnGNf+Rhvp4Jc5No1bxczz/wMN9Yg2reYDDLCgvLMMyFhYVyCh4Kkd6QF354kBhqn1wqoEjWe7uQ34sPwCHqihgMSCUDzaMwAhx5hF4tBXNz8120dQfBbBBp8qUIrqsr4pGrQ7u+Xu4aBO1LmGN9UfjHiKSZ9bn5Q5mozxwdWiXTr2oxvrmKylhWZ3wuFuZlev44yfJa7LlnDHNbb69/JpzA2/GwP0CHwzOwOeufnBxIeFHrTDjcIx7mw4KEKcdDwX1y6uQ+rfZtlAJPt7S0FFCnP0K/pN/hY8qwHJHhN4D2kASY9Q/wox6x+0gIcxcWGhJg3sMLZZxfttbhJ2fRt/gZ/2NPd4YiTi//bCh9FMiy0/RgJz1sFccyM0FHSBq3BulONz3NrvwuqFvt+967ispYVmecFwvz3lVUxpp0Brl+fhzVaFMPG20BePAi5loftvpnMYl+fzgrmOdcMZcRAVztMhoD8Vism6Z7542xWMwSgNa5mCvmFw/z8RTLZfxQ8BA3IDzWgqKYgocafpyIIafwEdp9MvEwd3Ce3CgZAQpgbr6PNg2iYa4hmbgo+Zl+Cp6ewrYJj/Iga7Vabb4Q99xDWGRYs5nBME/QfQCznWFIymVSoeHauE0O5s4kzKEogZk7WnA2oXm1z+8DK/hyJP4nE+ZzYmE+IBXmM5JgTvROgeXWjbAd0OnaA/AAzA20YyeuF1rDaEOflcwIdLtiT+Bra8y4QLcajQ/pgZjLNa+LtaMXNlrmja3iYd6dgnk/VYi/Yr738Sy/RRW0EJr34b2Hkcggm8cpKZkZcOYMjbv6NJjx5qhomPdkYLOF2Soc/DlZPOZjzPYo9xHlRknYZvYNDbFW1sTYTG7QDqwZ8MZgwqOJxcGY4IkZA8+izTSZYWLt0ajPrbGT/Sxrs5r5TZbNsFUyonFVmJezmsXC3LiCyUxiOatZqswAfnUo9wLVT+gnOt0cbkERh9YFfiMLzTxgdC3Al26XMU4vGI1het5l6W1r86OE/NAIE39z4mHel4L5Q5KmSctuaitmueUjqgYzXcKl4+NJxbFPpAFyIpmZsaNxb0SfDvMdIppFDgC50d+pNBVNDGbOjbPZ+PGafYhv0jBWtxPQ9oSG7H2eThtrHRr3uMc8EZZh2E5o9eAIOoIeT59VA03D9kHPuI/VsKbOziBi3mTWhMa89HgkamXYCBw8PjYMAsYcIqf6EM6mPbmEuWn9wEx363STkCoxtFNoGxoWEm3x1h7SSlJ0FjAnLK52Pe03uqYQ0ZaeWZfFxb0v9PPGqSlXd4/4ASARFWUymUxO7U+RfYg6TRLzJ9QlvHGMy9todqWMg1+sNcdnZs7LGFkBZlHW3BbMadEye2o5hWxN2Q12Tmn4WGsfd0XcDmjT4OdDTrTHDMT3+cjOzh874dFkAyEy5gjCXrOG1UCuR4YIktpcF3Z+0xu12sa5lzWv9H29DJmZZGN6UaebomeB3Bk9PPAC4CG0ooydnZsBBCdQTh6gEy5XN90zb5y3PEGCme41GuOTRldcgjW3OzUBWMaJ50KZXF5A8jI4GSWnidyQc8qao1psYoZJk9sY5Y7+1KzJsjCLmjSpEybm4hJB/C1+CzuF4zqziYwCBx0oRweHos6IzTpMT4AzNwjQRmGPFZQwzcDuoHtwcMgeQUjbWQ8dcfTRXpSZNZxmtgLn4+7oMBzAWMdpzyDobrqHtY7RTjhz0ETk98uomTmdAaBBOh6gZ4DjWS9s6p60oV2z7br2GUR5djA/AWRpl0vXA4rDCG+YGaPRYrQgTdNt1KG2AQkwY1nxVXJemwf7E0wwduUI1wWcvuZ19kmxl/pLBDMKVJvxAFtz/UKY7xGYYT5bTG9FQkcXaQ6G/DP9tT2IJ0mEMDM2J74Mww6AtM9hd9jtNlsS5iGzl47YzeP0uMNN0+yPDofZHMFZ1j6eATMLvE+zdpsDaA46xulO6CuIOh2jQ3CmnUxJFr2MbgaKakSwH4jW05MYXKyZ25G26IWk3QOjwdnsYAZc/X408gOJjEd7iSmjBSnosNE4Sbe50B6xMMswmdgxflsrmD45RrQFjtNkCPgV3n/woMCjExMXDV2kUg49cHaGEGZsND8AmC+K6Y0RGro1Ql/M7kY/cTTNh7MSnRGye+gJ1uYODQ8P2pMwux2d9LTNhxI3nOrs7OyMAvRj4yAxnBkwWweRY23S2HxeeszupMds2BbpBJin4cwQNuxMRS+tzwyZOA4DvUXwy4ikCKPcDIkaSegwepjJDuZqi2thyuUC5w8eicEXbrfEFkF6WB4OTIJuFg8zIfhgynM+vCLM5NDCQ8LDRMRlg6EjVS9nwIPATGsOprMvS4Y5bS4Q8ZkB8zC+DBHrND1utiN563QIYAadYXLTEwx5H6A8G6FDQHc0lAlzH9IkIJ01PSBlEMwMA0l9zD5GTiV+RtFLOwMIohm0sS6BscaDPX1rO8rRoDDa44k5PEDMagZwCkqbwZcDLe6aD9A4vy+4YgO0a37eFQMB3T4rGuaTnHZIes5cxr1EhDI2CziZQRTJ8X0Sp793GAwBfUfgbn/KaBbCbCDz2VAIukO8zChYJjOTMZ47bS4ECV2UmR2QmcHQGPZAKgWYGdbqRofCQK4vRHdabfAsONjXhzSzE3KtJ1NmoEOGwZWzDSFRPY4ys40hmXkcziT23aqZeWPXZhArDphrS9lwD5GQnuNrP+eyhPmhUacDS46ecYGjoW9fmJycm3cZe3qN8/OwwASInhEN86FUzdxuIaUFLXxqLq7j5fP+lHVXKP5KF8MCVn3/Y+2jUZ7lNJlxP2kzi1o+tUc4AKzJzMIh4eQ1w9kOQWRhBB32H2EOD1wKr8+BpG/UDG7HRA8kXESqDZSv1Rahx+3Y2kAw95gdVjuvmaF1wme3E/WNNbM1ghTKGD0MZzrYp2rmjV01R0qbw3iGpN1Lzw0k2pDQmGtr52HuzhJmP0zzoXMXY7E5eIICZLQXsvJMIBBojcVaRcNM7LiyDwu5xJssbCbWXA116S3ObxbOfUuqSwI7IyAsmtM+CiRhHuELjUSaGdRZUpXBlYgUkCAyA3/gT7Cp2gmTNUouQxQDOux2IwihzePu84ITwaA0S/eA6ACYQ8FgcBDohjmXCAezFzR2n2maczPg/TDdB/PgSH2DmxEMedDkIryqB84M4pKN1TPzxqtnFpZc4FlAMIdaUX4maIONEYfhYPckBDDdlh3MgampbjRFstjdHabjC93t7d1zM6Cbu3GqT3R3t0rMzGjKjwwFv+J3YDujpYQiLLeUJAeLyUltKaI5rWpuJLMEVKxk5mVyWnIpIDN1PZxzkaydYK0e3DTBgMTgvPcxq5lTuW6YSrFB5o7YNVZOM9NoSAiT3vA7wz4zClMP5zPz500PWXmfedxns3mE5Uyrwyxtpck334i/xNJWmmzdmgXMSDFPkum+RTKBDRiHkUWHYVsgU4S5qJrrST5ILQEt5IDazY/vkns+QgxzgrnlktCIhoOlBBbNhkfJvGzILM4XLZl50ZxWoIabzMe+SM5pcCNCnGJponWtvsi0twfm+hjWHPR4J8aieI570OmE6Q5z1IkjYu1zhlhg2+kM2t24qdMUcQbNpBR00NkDPTDgY4Rgz1jIbYZJlWFyatT81EojiWsAi6WsWpe0BlB0z0KUEr29vWguY6C3N0F7472LD1vDXjoArTgjz6DmnMCcqE5U08vxLHbSBE35nUz5GkTrAs2nuVntS+llSZISMzdtoh/FHtzdUbykNQnzXVg21SxeZcCCKUJqUZLmYjKPYk4WGgXNdhvL2uw+LpWiiTzYb2N8JlSbYWKsrM/ELaiC4iOkdhkzDtbEmtE7gdvEAU+4NwdjNZt8cLIJn2a2WXH9EXcYqXl+mhrdYKuzX0Q9s3fRH/bH/YlwfDIeTgxUxyerxcMs5622Qylfg1cab32E1cbprelpfLfEC51uzi1d0IpvoSFWZaRSs+YUxrl4G3nOnKUofvGfJxj1Dbkj/Dt72M7XfvLVm0xqa0ntW6qQLlkax6Qqnxm+okhQKCesmmOemvI21n0zXgjMrfH44uTAkxmvf6B3AD4HJnslrDShZIePHzp0kDr8IcSSeb0S6pNjlwqWapKDEq9zMao1EuDckQEzVBmJ/lAtSKJVt2VLsjpfU5yqAUWXJLXpsT23hVMiSNlQdzR6ITD7Z+Lx8EyiNzDjD1RPxqsTM1JgFh3yMm12K7mvLk3NHRmJ+ar43lKGnGnJkqXaZS7OBGMzPSeWz4pLoZl3hPvm+dxrbpfUe829mGVTPfi/17skKeUO5oOwSOp3ZdklZqzG/9yPC4ru6QMgnR+N3tHeRRbzA1yYcatrRNIK8W0rLr/LpHnaZ31eLNeJzqFwr87XG18/sPfXv+Kbjv72/LkPmj7IxV1Al/S8lruA3vxH6XFTFMz/nEXkCmaZwHw4Lp3l3ZdH7hruaO+QouYR/WhzCuZ7UJxxd0Ta8vCtRSst89/xm3SWO9l1lpc3VNz8TnqIgvnVf8oi/i5HP5VgqWCZPAuY5XDzDALzA+1PSGYIYb6jvb9T6r0OTglwLkqr1P9McOMMjxsMiHV0F5g8zDzM330vtd/vv3s1Rz9VaqlgmfS7xcjB/dv/wIDduK57GGkhzP0/a+/tkKzFS7ad3YNuz7Xn7LYlQ8fi2i++vnDhwivOv3nr978vei6x52xNdte1asU9ClWuiKxoWIcwf59F5Arm5FLB/Vnd+egwnD96C2OcATMS0u/In+VdaNZNqCvqK9T1akreoFDIZfUNMkVpg5pSNMgohaJCrqiHrw0VMjhKXlFfr1pb/zJ5Q4OcggZZVXmDXKFQ4NdZLzDfzAbmmzn6NZChX9mht7NP7d/e0t7C9cxYZowSmA33tLduab+lNgfM9aWVpeWVpfJyVVWprLyqsqKhtLKisrxSSZVWVZSrKhVVsFdRpbyiUFYqVWvrX62qqlKpS69UyVTKSrlSpVDBHqk00zelhyg348KrWcS6uNn4yf0otZ/8FlyLDj2UHBn0o123Hz2+3fXoMSwzuTXy99rCTQJzJaVSUMqKUopSyqqUKjWFtspVpepSSg6bFNCmUlTVU6qGrGRGfRXuH3qjytWlKlWpTFleSTWo0MtRpXKqqoHKx1ph3o1XWX1FbjPQ/xOy5pofQOnnz4bbkK6vHtaWHczO89uYMKtL1epSmVpWVQX0ysor1QpEcmmFTKZUwD+AubJKXrUWmKF/tVKhrpCr1coKhUpGKeUU6rsiD2POohbdD7QjNWmC/6zJJvoLag0NVGUFpZIplOXl8OlfXkFVKuvV5coqqhzGaeWAXzk0XlFQcpVSVVmhkNq/4kqqf3WFUnkF+lPJZeVKWbkc9V8pu5KHMGfxDvoDPf0dBGaM8pH8H7fMxwaN4k/Jjcc7uBuMf1qcvyb52LjJeachGfm/OZyPlwTnPMr5eAlix8UjRy6+3H9f6i8CJ5/NdNOJDwAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"static/media/bg_lead_request.d9fea596.png\";","function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nmodule.exports = webpackEmptyContext;\nwebpackEmptyContext.id = 520;","module.exports = __webpack_public_path__ + \"static/media/user.3ddb2dc1.jpg\";","module.exports = __webpack_public_path__ + \"static/media/loader.0a750511.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAASCAYAAADbo8kDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABG1JREFUeNrcWM9PE0EUnragKKgLMfFi4uJBEg/aehD1YuvNU8vNG+UvoD1yKpw4Sv8C15u3Lidvdo2J4sUumGA84K7hYgKBNYFiLAXfNG/M6zC7OzVNTPqSSbuz8+PN97755s0mGLHD6mQRfkx8DKDYo/Oez/poC09eGfDD5zGwio9vL795FrABtgQCzBddh5KW3vPFlwFsq08gp3EeQ3rFwZ4BsN1BB5ovPhvRLgNgu31gsqcAmYKd6SezHz14yOcqQXHer31wNPsIHHzo44e0McXO1x13CEBOx4DMbR7KnOrF66kF3r+CAL59+nV5MWSMYgTIDB0vQLHIgkqiDyxoUQJD+NwFIrxbJLvxMY5ZgfrJMOAkq+PvEpSotVQoWWOBRkfiLCoQFTJGFoB3AGxVlPMa89xVPBcRQBeAskngC6SNQwIgALAUMvjfbEizncl1HORD5WxBERQV0GmNeWTGrwqgMVC2Ys4ClwgIAvdtVurL/VhH1geSpKTjJEKSizT690/JQTIEFC1Wo2zEMhcPQUNjjnX6gAwOKLiw4EKEb+JdgH1LyPC6JC0e1vHiQd0LBF8JMJQG/G2I9lJAeRs+ximUfam+IeqTwFJHc1vlQ7T7DHMhAGYP0kPNVtQJCTAQ5DyRAuF3Ht8ZEeMIkCuKoPNdUws5TGuK3Sivr0p8LJIdIPrZySjHZInANFCw2YzQ94pGQGRzIeNQbcuXUrALxGcqJfmQPio/eAY1DqxPkDGymE3IsijqLGw/qSCmpSAkXXM1GeOYrJ8U2OcRclCEQGRRNrIKBqisqqqExblEFylrV7HIvvmqlAsPSoO0r0FdXfLNjGBuGf3xZV9R/y1yZlAS8kPc7QCN8qGj1RXOagCxpJGt1KCdoWC3MocGNlsakkID65AshMXJhgJAkSKmWX+MkrVG/KmKw5CRvDHWwZ3NGzVkc+wOOE6mGmOtIx19XuphER0wSRZhx7RliosF758gUjCDz47iEtUlh6jb+ZDxfSnDCoR/f4FGVq9ErfZk9xy7/K2ZvTh8oJc7nrTNO7tb7FpzL6qZE8NmWT4YkQz5v49tw2yFbG8PpcNDGcmG7CQxbwmzDy9iF4QSgjKag13Gg+IMwK21K6z1DoLZSrBb4xsslTzWBZtN7W+z+z++dADnz9IlYkZza1ZDshM7JmuRd44tyYdgbqAIsPAvIEw1IrI0K8xn1YUl1/4+UmdHqfTpYQpAHmanzVRXg/OpX+z2xCe2uXePtU/07jwj7d8dwBnbZgfDF1grORR8vnoz18O3DUuQgF4++H9gWgYBcBV9HBk4TL3E4ehKWp+jssF3CL++kwxE5PamnG9j24CM67Koe/pedjrsa16XNVtjbOvn7c5vj8YdmIOr+kB8rcMcvoYBEIdgGYBeoTfDMzbhfAygZHCrhTKOazVn9vVLnraUoE7mBgVktFkp83FlGYn98oTsLuJgKobzrbm6sTMdHB2P5kPSPhfbVQFgnw2g4Y3QRGJaVN64/RFgANR35qO3UrG1AAAAAElFTkSuQmCC\""],"sourceRoot":""}